/*
NOTIFICATION OF COPYRIGHT AND TRADEMARK

THIS PUBLICATION IS A PROPRIETARY PRODUCT OF LEVINSON ENTERPRISES, INC. dba
AFFINITY GLOBAL SOLUTIONS AND IS PROTECTED BY COPYRIGHT AND TRADEMARK LAWS
AND INTERNATIONAL TREATY.  THIS PUBLICATION MAY NOT BE DISTRIBUTED IN ANY
WAY WITHOUT WRITTEN APPROVAL FROM LEVINSON ENTERPRISES, INC.

Copyright (c) 1995-2026 LEVINSON ENTERPRISES, INC. dba AFFINITY GLOBAL SOLUTIONS All Rights Reserved
*/

@import url("../fonts/style.css");

html *{
	font-size: 12pt;
}

body {
	font-family: 'Open Sans', Sans-Serif;
	color: black;
	margin: 0;
}

p {
	margin: 0;
}

.button-container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2em;
	margin-bottom: 1em;
	width: 100%;
}

.center-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: fit-content;
	margin: auto;
	gap: 1em;
}

tr.dummy-row {
	visibility: collapse;
}

.text {
	font-size: 1em;
	max-height: 100%
}

a {
	cursor: pointer;
	color: #af1a2d !important;
}

fieldset.party-fieldset {
	display: grid;
	grid-template-columns: min-content auto;
	gap: 1.5rem .5rem;
	align-items: center;

	input {
		height: 1.5em;
		width: 1.5em;
	}
}

.ack-wrapper {
	padding-top: 10%;
	font-weight: bolder;
	width: 66%;
	margin: auto;

	.ack-header{
		color: #0e406a;
		font-size: 24pt;
	}

	.party-fieldset-wrapper {
		width: 100%;
	}
}

#search-params {
	display: grid;
	grid-template-columns: repeat(3, 1fr);

	#reprint-msg {
		background-color: #0e406a;
		color: white;
		border-radius: 9px;
		margin: 0 7.6em;
		display: flex;
		flex-direction: column;
		padding: .3em 2em;
		align-items: center;
		gap: .3em;

		div {
			text-align: left;
			width: 90%;
			margin: auto;
		}
	}

	.search-criteria {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 1em;
		text-align: center;
	}

	.search-criteria-legend {
		width: 100%;
		text-align: center;
	}

	.important-reminder {
		color: #af1a2d;
		font-weight: bold;
		background-color: #fff;
		font-size: inherit;
	}
}

#payment-form #cvv {
	width: 27%;
}

#search-form input, #search-form select, #payment-form input, #payment-form select {
	width:50%;
}

.search-criteria-fieldset,
.reprint-fieldset {
	display: flex;
	flex-direction: column;
	width: fit-content;
	text-align: left;
	border: 0;

	input, select {
		margin-bottom: .5rem !important;
		width: 100%;
	}
}

.reprint-legend {
	width: 100%;
	margin: 0 0 0.5rem;
	padding: 0;
	text-align: center;
	font-weight: 600;
}

.results-fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	min-width: 0;
	width: 100%;
}

.results-legend {
	/* margin: 0 0 0.5rem; */
	/* padding: 0; */
	/* font-weight: 600; */
	display: none;
}

#contain{
  opacity:    0.5; 
  background: #000; 
  width:      100%;
  height:     100%; 
  z-index:    998;
  top:        0; 
  left:       0; 
  position:   fixed; 
}

#alert-dialog {
	background: #af1a2d;
    width:400px;
    height:200px;
    padding:10px;
    border: 2px solid;
    border-radius: 25px;
}

#alert-dialog::backdrop {
	background-color: rgba(0, 0, 0, 0.7);
}

#alert{
	height: 100%;
    text-align:center;
    display: flex;
    flex-direction: column;
}

span.icon{
	color: white !important;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.pad-top-10 {
	padding-top: 10px;
}

#dblink2{
	background: #af1a2d;
	width:800px;
	height:400px;
	text-align:center;
	padding:10px;
	border: 2px solid black;
    border-radius: 25px;
    position: fixed;
    top: 50%;
    left:50%;
   -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9999;
    display: grid;
    grid-template-rows: 10% 80% 10%;
    grid-gap: 2px;
}

#dblink{
	background: #af1a2d;
    width:400px;
    height:200px;
    text-align:center;
    padding:10px;
    border: 2px solid black;
    border-radius: 25px;
    position: fixed;
    z-index: 9999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
}

#warningpop{
    background: #af1a2d;
    width:400px;
    height:200px;
    text-align:center;
    padding:10px;
    border: 2px solid black;
    border-radius: 25px;
    position: fixed;
    z-index: 9999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
}

#infopop{
    background: #af1a2d;
    width:400px;
    height:200px;
    text-align:center;
    padding:10px;
    border: 2px solid black;
    border-radius: 25px;
    position: fixed;
    z-index: 9999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
}

#fieldRules{
	top: 0px;
	left: 0px;
	background: #af1a2d;
	width:100%;
	height:100%;
	text-align:center;
	padding:10px;
	border: 2px solid black;
    border-radius: 25px;
    position: fixed;
    z-index: 9887;
    overflow: auto;
}

#dblink #alert_top, #fieldRules #alert_top, #alert #alert_top, #warningpop #alert_top, #infopop #alert_top {
	display: flex;
}

#alert_top_left {
	flex: 1;
	text-align: left;
	color: white;
}

#alert_top_right {
	flex: 1;
	text-align: right;
	color: white;
}

#dblink #alert_header, #fieldRules #alert_header, #alert #alert_header, #warningpop #alert_header, #infopop #alert_header {
	color: white;
    font-weight: bold;
    font-size: 18px;
    user-select: none;
    flex: 2;
}

#dblink #alert_msg, #fieldRules #alert_msg, #alert #alert_msg, #warningpop #alert_msg, #infopop #alert_msg{
	color: white;
    font-weight: bold;
    height: 100%;
    text-align: center;
    align-content: center;
    user-select: none;
    white-space: pre-wrap;
    margin-bottom: 5px;
}

#dblink #alert_buttons, #fieldRules #alert_buttons, #alert #alert_buttons, #warningpop #alert_buttons, #infopop #alert_buttons{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 2px;
}

#dblink #OkBtn, #dblink #CancelBtn, #dblink #btn, #dblink .btn,
#fieldRules #OkBtn, #fieldRules #CancelBtn, #fieldRules #btn, #fieldRules .btn,
#warningpop #OkBtn, #warningpop #CancelBtn, #warningpop #btn, #warningpop .btn,
#infopop #OkBtn, #infopop #CancelBtn, #infopop #btn, #infopop .btn,
#alert #btn, #alert .btn {
	background:#25456b;
	color: white;
	border-radius:10px;
	width: 80%;
	border: 1px solid black;
	display: table;
  	margin: 0 auto;
  	height: 2.5em;
  	font-weight: bold;
    line-height: 2.5em;
	padding: 1px 6px;
}

#dblink #close, #fieldRules #close, #alert #close, #warningpop #close, #infopop #close {
	background:#25456b;
	color: white;
	border-radius:10px;
	border-collapse: separate;
	width: 80%;
	border: 1px solid black;
	display: table;
  	margin: 0 auto;
	user-select: none;
	font-weight: bold;
	height: 2.5em;
    line-height: 2.5em;
}

#dblink2 #alert_top, #fieldRules #alert_top{
	position: absolute;
	width: 95%;
  	left: 3%;
  	top: 5%;
  	z-index: 1;
}

#dblink2 #alert_header, #fieldRules #alert_header{
	color: white;
    font-weight: bold;
    font-size: 18px;
    user-select: none;
    flex: 2;
}

#dblink2 #alert_msg, #fieldRules #alert_msg{
	color: white;
    font-weight: bold;
    overflow: auto;
    height: 100%;
    text-align: center;
    align-content: center;
    user-select: none;
    white-space: pre-wrap;
    margin-bottom: 5px;
}

#dblink2 #alert_buttons, #fieldRules #alert_buttons{
	width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 2px;
}

#dblink2 #OkBtn, #dblink2 #CancelBtn, #dblink2 #btn, #fieldRules #OkBtn, #fieldRules #CancelBtn, #fieldRules #btn {
	background:#25456b;
	color: white;
	border-radius:10px;
	width: 80%;
	border: 1px solid black;
	display: table;
  	margin: 0 auto;
  	font-weight: bold;
  	height: 2.5em;
  	line-height: 2.5em;
  	border-collapse: separate;
}


#dblink2 #close, #fieldRules #close {
	background:#25456b;
	color: white;
	border-radius:10px;
	border-collapse: separate;
	width: 80%;
	border: 1px solid black;
	display: table;
  	margin: 0 auto;
  	font-weight: bold;
  	height: 2.5em;
    line-height: 2.5em;
    border-collapse: separate;
}

#alert #alert_top_left:focus-visible,
#alert #alert_top_right:focus-visible {
	outline: 3px solid #fff !important;
	outline-offset: 3px;
	box-shadow: 0 0 0 6px #000 !important;
}

/* ANIMATION */
@-webkit-keyframes rotate { 
  from { -webkit-transform: rotate(0deg) } 
  to { -webkit-transform: rotate(360deg) } }
@-moz-keyframes rotate { 
  from { -moz-transform: rotate(0deg) } 
  to { -moz-transform: rotate(360deg) } }
@-o-keyframes rotate { 
  from { -o-transform: rotate(0deg) } 
  to { -o-transform: rotate(360deg) } }
@keyframes rotate { 
  from { transform: rotate(0deg) } 
  to { transform: rotate(360deg) } }

@-webkit-keyframes fade { 
  from { opacity: 1 }
  50% { opacity: 0 }
  to { opacity: 1 } }
@-moz-keyframes fade { 
  from { opacity: 1 }
  50% { opacity: 0 }
  to { opacity: 1 } }
@-o-keyframes fade { 
  from { opacity: 1 }
  50% { opacity: 0 }
  to { opacity: 1 } }
@keyframes fade { 
  from { opacity: 1 }
  50% { opacity: 0 }
  to { opacity: 1 } }

/* CONTAINER */
.container {
  width: 150px;
  height: 150px;
  /* PRESENTATIONAL PURPOSES */
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  z-index: 1;
  /**/
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 6px #222,
    0 0 6px 10px #444;
  -moz-box-shadow: 0 0 0 6px #222,
    0 0 6px 10px #444;
  box-shadow: 0 0 0 6px #222,
    0 0 6px 10px #444
}

/* TEXT */
#content {
  background: #222;
  background: -webkit-linear-gradient(#25456b,	#122236);
  background: -moz-linear-gradient(#25456b,	#122236);
  background: -o-linear-gradient(#25456b,	#122236);
  background: linear-gradient(#25456b,	#122236);
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  font: normal normal normal 12px/140px 
    'Electrolize', Helvetica, Arial, sans-serif;
  color: #fff
}

#content span {
  vertical-align: middle;
  -webkit-animation: fade 1s linear infinite;
  -moz-animation: fade 1s linear infinite;
  -o-animation: fade 1s linear infinite;
  animation: fade 1s linear infinite
}

/* SPINNING GRADIENT */
.ring {
  margin: 0 auto;
  border-radius: 110px;
  padding: 10px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation: rotate 1s linear infinite;
  -moz-animation: rotate 1s linear infinite;
  -o-animation: rotate 1s linear infinite;
  animation: rotate 1s linear infinite
}

/* COLORS */
.green { 
  background: -webkit-linear-gradient(#bfff00,transparent,#bfff00);
  background: -moz-linear-gradient(#bfff00,transparent,#bfff00);
  background: -o-linear-gradient(#bfff00,transparent,#bfff00);
  background: linear-gradient(#bfff00,transparent,#bfff00)
}

.blue {
  background: -webkit-linear-gradient(#0e406a,transparent,#0e406a);
  background: -moz-linear-gradient(#0e406a,transparent,#0e406a);
  background: -o-linear-gradient(#0e406a,transparent,#0e406a);
  background: linear-gradient(#0e406a,transparent,#0e406a)
}

.red {
  background: -webkit-linear-gradient(#a8353a,transparent,#a8353a);
  background: -moz-linear-gradient(#a8353a,transparent,#a8353a);
  background: -o-linear-gradient(#a8353a,transparent,#a8353a);
  background: linear-gradient(#a8353a,transparent,#a8353a)
}

.purple {
  background: -webkit-linear-gradient(#e166e1,transparent,#e166e1);
  background: -moz-linear-gradient(#e166e1,transparent,#e166e1);
  background: -o-linear-gradient(#e166e1,transparent,#e166e1);
  background: linear-gradient(#e166e1,transparent,#e166e1)
}

input[readonly],
input.displayfield,
input.numfieldprot {
	background-color: #C0C0C0 !important;
	color: black !important;
}

.hide,
.hidden,
.displayNone {
	display: none !important;
}

.logo {
	background-color: #0e406a;
	width: 100%;
	padding: 14px 0 10px 10px;
	overflow: hidden;
}

label.overlabel-apply {
	position: absolute;
	margin-left: 1px;
	z-index: 1;
	color: #455263;
	padding-top: 5px;
}

label.overlabel {
	color: black;
	text-align: left;
	margin-right: 3px;
}


/*style for the placeholder text*/ 
::-webkit-input-placeholder {
	font-size: 1em;
 	color: #455263;
}
:-moz-placeholder { /* older Firefox*/
	font-size: 1em;
 	color: #455263;
}
::-moz-placeholder { /* Firefox 19+ */ 
 	font-size: 1em;
 	color: #455263;
} 
:-ms-input-placeholder { 
 	font-size: 1em;
 	color: #455263;
}
 
/*setting select and options to look like the labels*/
select, option {
	font-size: 1em;
 	color: #455263;
}

.clickable {
	CURSOR: pointer;
}

.link {
	text-decoration: underline;
}

.bold {
	font-weight: bold;
}

/**http://bootsnipp.com/snippets/featured/triangle-breadcrumbs-arrows**/
/** The Magic **/
a.btn {
	padding: 6px 12px 6px 12px;
	display: inline-block;
	margin-bottom: 0px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	white-space: nowrap;
	line-height: 1.42857;
	user-select: none;
	-moz-user-select: none;
	color: #FFF;
	background-color: #a8353a;
	border-radius: 9px;
}

.breadcrumb > .btn {
	background-color: inherit;
	border-radius: 0px;
	flex: 1;
}

.breadcrumb {
	background-color: #0878a5;
 	display: flex;
	width: 100%;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
}

/** Primary button **/
.breadcrumb > .btn:hover {
	background-color: #0e406a;
	color: white;
}

.breadcrumb > .btn.active {
	background-color: #0e406a;
	color: white;
	font-weight: bold;
	text-decoration: underline;
}
.breadcrumb > .btn:focus,
.breadcrumb > .btn:focus-visible {
	position: relative;
	z-index: 2;
	outline: 3px solid #000 !important;
	outline-offset: -3px;
	box-shadow: inset 0 0 0 6px #fff !important;
}
/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}

.group:after {
	clear: both;
}

.group {
	zoom: 1; /* For IE 6/7 */
}

.btn-group > .btn:first-child {
    margin-left: 0px;
}

.btn-group > .btn, .btn-group-vertical > .btn {
    position: relative;
    float: left;
}

.section {
	clear: both;
	margin: 0px;
}

a {
	color: #428BCA;
	text-decoration: none;
	background: none repeat scroll 0px 0px transparent;
}

* {
	box-sizing: border-box;
}

/**
 * Clearfix
 * Source: http://nicolasgallagher.com/micro-clearfix-hack/
 */
.field-row:before,
.field-row:after,
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.field-row:after,
.clearfix:after {
    clear: both;
}

.transparent {
	color: transparent;
}


INPUT.agsCalendar {
	font-family: inherit;
}

/**
 * Normalize Text boxes, Buttons, and Select boxes
 */
input[type="text"],
input[type="password"],
input[type="button"],
input[type="date"],
button,
select {
	height: 24px;
	margin: 1px 0;
	padding: 1px 6px;
	font-style: normal;
	/* border-style: solid; makes the buttons flat */
}

DIV.calendarSelect {
	width: 230px;
	background: menu;
	border: 1px solid #000000;
	position: absolute;
	text-align: center;
	background-color: #ccc;
	line-height: 24px;
	cursor: default;
	z-index: 2;
}

SPAN.icon {
	font: 18px agsIcon !important;
	color: #5f5f5f;
}

SPAN.icon:hover {
	color: #000000;
	cursor: pointer;
}

SPAN.close {
	float: right;
}

SPAN.menuIcon:hover {  
	color: rgb(0,0,128);
}

/****
Dynamic Screen
****/
.widthFull {
	width: 60%;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}
.width550{
	width: 550px;
}
.width450{
	width: 450px;
}
.width350{
	width: 350px;
}
.width250{
	width: 250px;
}
.width150{
	width: 150px;
}
.width100{
	width: 100px;
}
.width50{
	width: 50px;
}

/* Search Results Tables */
div#results-container,
div#selections-container {
	overflow: auto;
	padding-bottom: 10px;
}

table {
	margin: auto;

	input[name="crash-date"],
	input[name="state-case-identifier"] {
		width: 6rem;
	}

	input[name="county"] {
		width: 10rem;
	}

	input[name="drivers"],
	input[name="vehicles"] {
		width: 21rem;
	}

	th, td {
		padding-right: .5rem;
	}

	td {
		padding-bottom: .5rem;
	}

	th:nth-child(n+1) {
		text-align: left;
	}

	input[type="checkbox"] {
		cursor: pointer;
		height: 1.5em;
		width: 1.5em;
		vertical-align: middle;
	}

	td:has(input[type="checkbox"]) {
		text-align: center;
	}

	input:not([type="checkbox"]) {
		cursor: default;
	}
}

.header{
	color: #0e406a;
	font-size: 24pt;
	margin: 0;
}

/***
Grid for Dynamic Forms
***/

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

[class*="span"] {
  float: left;
  min-height: 1px;
}
[class*="span"]:last-of-type {
	padding-right: 0px;
}

/*
 *dialog box css  
 */
#displaybox {
	height: 100%;
	z-index: 9888;
	position: absolute;
	top: 5%;
	left: 5%;
}

#msgbox {
	text-align: center;
}

#msgbox_2_row{
	top: 35%; 
	left: 35%;
	width: 400px; 
	text-align: center;
	position: fixed;
}

#topLeft,
#topMid,
#topRight,
#midLeft,
#midRight,
#bottomLeft,
#bottomMid,
#bottomRight {
	text-align: left;
	cursor: move;
}

#topLeft {
	/*background: url(images/lefttopcorner2.png) no-repeat;*/
	background-color: rgb(7, 65, 116);
	height: 25px;
	min-height: 25px;
	width: 34px;
	min-width: 34px;
	text-align: center;
}

#topMid {
	/*background: url(images/topmid2.png) repeat-x;*/
	background-color: rgb(7, 65, 116);
	text-align: right;
}

#topRight {
	/*background: url(images/righttopconner2.png) no-repeat;*/
	background-color: rgb(7, 65, 116);
	width: 36px;
	min-width: 36px;
}

#midLeft {
	/*background: url(images/leftmid2.png) repeat-y;*/
	background-color: rgb(7, 65, 116);
	text-align: right;
}

#inside_dialog {
	background-color: #F0FEFC;
}

#midRight {
	/*background: url(images/rightmid2.png) repeat-y;*/
	background-color: rgb(7, 65, 116);
	height: 100%;
}

#bottomLeft {
	/*background: url(images/leftbottomconer2.png) no-repeat;*/
	background-color: rgb(7, 65, 116);
	height: 33px;
	min-height: 33px;
}

#bottomMid {
	/*background: url(images/bottommid2.png) repeat-x;*/
	background-color: rgb(7, 65, 116);
}

#bottomRight {
	/*background: url(../images/rightbottomconner2.png) no-repeat;*/
	background-color: rgb(7, 65, 116);
}

#errorIcon {
	text-align: right;
	cursor: move;
}

#inside_dialog #errorIcon {
	cursor: default;
}

#gChart_1 td,
#gChart_2 td {
	cursor: inherit;
}

#topLeft > img {
	cursor: default;
}

#topMid img,
#topRight > img,
#errorIcon > img {
	cursor: pointer;
}

#msgTable {
	padding: 0;
	border: 0;
	vertical-align: text-bottom;
	border-collapse: collapse;
}

#clipboardIcon {
	vertical-align: middle;
}

#payment-page > div {
	width: 100%;
}

#confirmation-page {
	width: 66%;

	p:nth-child(2),
	p:nth-child(4),
	p:nth-child(5),
	p:nth-child(6),
	p:nth-child(7) {
		margin-bottom: 1em;
	}
}

#paypalimg {
	width: 7.5em;
}

b {
	font-size: inherit;
}

#cvvimg{
	width:100%;
}

.btn:focus,
.btn:focus-visible,
.skip-link:focus-visible {
	outline: 3px solid #000 !important;
	outline-offset: 3px;
	box-shadow: 0 0 0 6px #fff !important;
}

.skip-link {
	position: absolute;
	top: 0;
	left: 0;
	padding: 8px 12px;
	background-color: #fff;
	color: #000;
	border: 2px solid #000;
	transform: translateY(-150%);
	z-index: 10000;
}

.skip-link:focus {
	transform: translateY(0);
}

a.btn,
a.btn:visited,
a.btn:hover,
a.btn:focus,
a.btn:active {
	color: #fff !important;
	text-decoration: none;
}

.btn {
	-webkit-appearance: none;
	appearance: none;
	display: inline-block;
	height: auto;
	margin: 0;
	padding: 6px 12px;
	border: none;
	border-radius: 9px;
	font-family: inherit;
	font-size: inherit;
	font-weight: normal;
	font-style: normal;
	line-height: 1.42857;
	color: #FFF;
	background-color: #a8353a;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap;
	cursor: pointer;
}

@media (forced-colors: active) {
	.btn,
	button.btn,
	a.btn,
	a.btn:visited {
		forced-color-adjust: auto;
		color: ButtonText !important;
		background-color: ButtonFace !important;
		border: 2px solid ButtonText !important;
		box-shadow: none !important;
	}

	.breadcrumb > .btn {
		color: ButtonText !important;
		background-color: ButtonFace !important;
		border: 2px solid ButtonText !important;
	}

	.breadcrumb > .btn.active,
	.breadcrumb > [aria-current="step"] {
		forced-color-adjust: none;
		color: HighlightText !important;
		background-color: Highlight !important;
		border: 3px solid HighlightText !important;
		border-bottom: 7px solid HighlightText !important;
		font-weight: 700;
		text-decoration: underline 3px !important;
		text-underline-offset: 4px;
	}

	.btn:focus,
	button.btn:focus,
	a.btn:focus,
	.skip-link:focus,
	.btn:focus-visible,
	button.btn:focus-visible,
	a.btn:focus-visible,
	.skip-link:focus-visible {
		outline: 3px solid Highlight !important;
		outline-offset: 4px;
		box-shadow: none !important;
	}
	.breadcrumb > .btn:focus,
	.breadcrumb > .btn:focus-visible {
		position: relative;
		z-index: 2;
		outline: 4px solid Highlight !important;
		outline-offset: -4px;
		box-shadow: none !important;
	}
		.skip-link {
			color: LinkText !important;
			background-color: Canvas !important;
			border: 2px solid CanvasText !important;
		}

		input,
		select,
		textarea {
			color: CanvasText !important;
			background-color: Canvas !important;
			border: 2px solid CanvasText !important;
		}
		#alert #alert_top_left,
	#alert #alert_top_right {
		forced-color-adjust: auto;
		color: ButtonText !important;
	}

	#alert #alert_top_left:focus,
	#alert #alert_top_right:focus,
	#alert #alert_top_left:focus-visible,
	#alert #alert_top_right:focus-visible {
		outline: 3px solid Highlight !important;
		outline-offset: 4px;
		box-shadow: none !important;
	}
}
/**end of dialog box css**/