/*
metrc.ada.css

(c) 2024 Metrc, LLC.

Fixes for ADA issues
*/

.muted {
	color: #212121;
}

.label-success {
	color: #FFFFFF;
	font-size: 12px;
}

.label-success, .badge-success {
	background-color: #3D763E !important;
}

#footer_center {
	color: #0E0E0E;
}

.k-grid-norecords, .tab-select-one, .grid-no-data {
	color: #766565;
}

.alert > h4 {
	background-color: #fcf8e3;
	color: #816232;
}

.alert .close {
	opacity: 1;
	color: #816232;
}

.alert > p {
	margin: 0 0 10px;
	background-color: #fcf8e3;
	color: #8D6B34;
}

.alert > ul {
	color: #7F612F;
}

.alert-info > p, .alert-info > h5 {
	color: #766565;
	background-color: #d9edf7;
}

p > a {
	color: #7F612F;
	text-decoration: underline;
	font-weight: bold;
}

.report-tags > span {
	color: #0A0A0A;
	background-color: #ffffff;
}

#reports_filters > span > ::selection {
	color: #0A0A0A;
	background-color: #3a87ad !important;
}

#reports_filters > span {
	color: #FFFFFF;
	background-color: #6c6c6c;
}

h4 > small {
	color: #3B3B3B;
	font-weight: bold;
}

.js-tag-all {
	color: #0A0A0A;
}

#footer, #footer_left > a {
	color: #0E0E0E;
}

.k-link, .k-header {
	background-color: #F1EFEF;
	color: #000;
	text-decoration: underline;
}

.th > a {
	background-color: #F1EFEF;
	color: #000;
	font-weight: bold;
}

.overdue-transfer {
	color: #D10000;
}

.label-info {
	background-color: #3a87ad;
}

.centered > a, dd > a {
	color: #005C8A;
	font-weight: bold;
}

.form-horizontal label.checkbox:has(input[type="checkbox"].readonly) {
	color: #424242 !important;
	pointer-events: none;
}

.report-tags .label:not(.js-tag-active) {
	opacity: 0.9 !important;
}

#transfers_tabstrip span.overdue-transfer {
	color: #CC0000 !important;
	font-weight: bold;
}

.control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea {
	color: #8a5b1f;
}

.control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea {
	color: #3c763d;
}

.control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea {
	color: #a12824;
}

.alert-danger, .alert-error {
	color: #a12824;
}

.nav {
	border-color: rgba(0,0,0,0);
	border-width: 2px;
	border-style: solid;
	border-radius: 4px;
	padding: 2px;
}

.nav:focus-within {
	border-color: white;
}

.navbar-inverse .nav > li > a {
	border: 2px rgba(0,0,0,0) solid;
	border-radius: 5px;
}

.navbar-inverse .nav > li > a:focus {
	border: 2px white solid;
}

.k-tabstrip-items:has(> [id*='_tabstrip_ts_active']) {
	border: 2px black solid;
}

li.k-item {
	border: 2px rgba(0,0,0,0) solid;
}


.k-grid-header th.k-state-focused, .k-list > .k-state-focused, .k-listview > .k-state-focused, .k-menu-vertical .k-state-focused {
	border: 2px black solid !important;
	background-image: none;
	box-shadow: none;
	background-color: #F1EFEF;
	-webkit-box-shadow: none;
}

.k-menu .k-item > .k-link, .k-menu-scroll-wrapper .k-item > .k-link, .k-popups-wrapper .k-item > .k-link {
	border: 2px rgba(0,0,0,0) solid !important;
	box-shadow: none;
}

.k-header {
	background-image: none;
	box-shadow: none;
	background-color:#F1EFEF;
	-webkit-box-shadow: none;
}

.k-filter-row th, .k-grid-header th.k-header {
	border-top: rgba(0,0,0,0) solid;
	border-bottom: rgba(0,0,0,0) solid;
}

.k-grid-toolbar:focus-within {
	border: 2px black solid !important;
}

.k-grid td {
	border-width: 0 0 0 1px;
	box-sizing: border-box;
}

.k-grid tr td:first-of-type {
	border-right-width: 1px;
}

.k-grid tr td a {
	color: #0000FF;
	text-decoration: underline;
}

.k-grid td.k-state-focused {
	border-color: black !important;
	border-width: 2px !important;
	border-style: solid;
}

.k-grid td:focus-within {
	border-color: black !important;
	border-width: 2px !important;
	border-style: solid;
}

.k-tabstrip-items:focus-within{
	border: 2px black solid !important;
}

.k-tabstrip-items.focused {
	border: 2px black solid !important;
}

.k-tabstrip:focus > .k-tabstrip-items {
	border: 2px black solid !important;
	padding: 3px 0 0 2px;
}

/* Only hightlight during arrow selection if there not a selected disabled separator tab */
.k-tabstrip-items.focused:not(:has(li[id*='_tabstrip_ts_active'])) > li.k-state-active {
	border: black solid !important;
	border-width: 4px 2px 0 2px !important;
	margin-top: -2px !important;
}

/* Separator tabs which can't be skipped for selection, but get this id when selected */
li[id*='_tabstrip_ts_active'] {
	border: black solid !important;
	border-width: 4px 2px 0 2px !important;
	margin-top: -2px !important;
}

.k-pager-refresh:focus {
	border: 2px black solid !important;
	border-radius: 5px;
}

.k-pager-sizes .k-dropdown:focus-within {
	border: 2px black solid !important;
	border-radius: 5px;
}

.k-pager-wrap .k-textbox {
	margin-top: -2px;
	border-width: 4px;
}

.k-pager-wrap .k-textbox:focus {
	border-width: 4px;
	border-color: black;
}

.k-content[role=tabpanel]:not(:has(.k-grid)) {
	border: 1px solid #d5d5d5;
	border-top-width: 0;
	padding: 5px;
}

.k-grid table.metrics-table-horizontal td {
	border-width: 0 0 0 0;
}

/* MCA-826 (rework r1): visually hide the injected h1 on pages where the
   layout does not render a visible page-title banner (UIRefreshToggle == "New").
   Uses the standard WCAG "visually hidden" pattern so the element is still
   exposed to screen readers - display:none and visibility:hidden would hide
   it from assistive tech and defeat the fix. Pairs the legacy `clip` with
   the modern `clip-path` so the element stays hidden as browsers phase out
   the deprecated `clip` property. */
.ada-visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}