/* web.css */
:root {
	--menu-background: #0066CC;
	--section-background: #0C4C8B;
	--section-text: white;
	--alternate-background: #d4d4d4;
}

@font-face {
	font-family: 'icomoon';
	src:  url('../fonts/careview.eot?x28mbr');
	src:  url('../fonts/careview.eot?x28mbr#iefix') format('embedded-opentype'),
	  url('../fonts/careview.ttf?x28mbr') format('truetype'),
	  url('../fonts/careview.woff?x28mbr') format('woff'),
	  url('../fonts/careview.svg?x28mbr#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
  }
  
  [class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
  
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  }
  
  .icon-careview:before {
	content: "\e900";
  }

html, body {
	min-height: 100vh;
}

body {
	margin: 0;
	background-color: #ffffff;
	background-repeat: repeat-x;
	background-position: 0 0;
	font-family: Verdana,Tahoma,Arial,Helvetica,Geneva,Helv,Sans-serif;
	font-size: 10pt;
	font-weight: normal;
	height: 100%;
}

@media only screen and (max-device-width: 480px) {
	body {
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}
}

form {
	padding:0;
	margin: 0;
}


input:not(.input-error):focus,
select:not(.input-error):focus,
textarea:not(.input-error):focus,
a:focus {
	outline: 1px solid #7AACFE !important;
}

button.focus,
input[type="button"]:focus {
	outline: none;
	border: 2px solid #7AACFE !important;
}

input[type="checkbox"]:focus,
input[type="radio"]:focus {
	outline: none !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

#header {
	background-color: #fff;
	box-sizing: border-box;
}

#wrapReprint {
	width: 90%;
	text-align: left;
	margin: 0 auto;
}

a:link, a:active, a:visited {
	color: #0C4C8B;
	text-decoration: underline;
}

a:hover {
	background-color: #0C4C8B;
	color: #ffffff;
	text-decoration: none;
}

a#mail-icon:link,
a#mail-icon:active,
a#mail-icon:visited,
a#mail_icon:hover {
	/* background-color: #0C4C8B; */
	text-decoration: none;
}

#unread-message-count-inbox,
#unread-message-count-sent, 
#unread-message-count-deleted {
	background-color: #FF6600;
	color: #fff;
	display: inline-block;
	padding: 1px 6px 2px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
	line-height: 16px;
	text-shadow: none;
}

a.dialog:link, a.dialog:active, a.dialog:visited {
	color: #0C4C8B;
	text-decoration: underline;
}

a.dialog:hover {
	background-color: #0C4C8B;
	color: #ffffff;
	text-decoration: none;
}

div#welcome-bar {
	display: grid;
	grid-template-columns: 200px 1fr;
	background: #0C4C8B;
}

div#welcome-bar div {
	/* background-color: #0C4C8B; */
	color: #ffffff;
	font-size: 10pt;
	font-weight: bold;
	line-height: 1.5em;
}

div#welcome-bar.iuser {
	background-color: #800;
}

div#welcome-bar.iuser div a:link,
div#welcome-bar.iuser div a:active,
div#welcome-bar.iuser div a:visited {
	color: #ffffff;
	text-decoration: none;
}

div#welcome-bar.iuser div a:hover {
	background-color: #ffffff;
	color: #800;
	text-decoration: none;
}

@media(max-width:800px) {
	span.welcome-text {
		display: none;
	}
}

.menu-handle {
	text-align: center;
	vertical-align: middle;
	width: 200px;
}

.menu-handle:hover,
.menu-handle:active {
	cursor: pointer;
	filter: brightness(1.15);
}

#master-container {
	width: 100%;
	border: none;
	border-spacing: 0;
	border-collapse: collapse;
}

#master-container > tbody > tr > td {
	vertical-align: top;
	padding: 0;
}

#master-container > tbody > tr:first-child > td:last-child {
	padding: 1em 4px 0 4px;
}

#menu-container {
	width: 0;
	height: 0;
	transition: 0.2s;
}

#menu-container.open {
	width: 200px;
}

.menu {
	background-color: #0066CC;
	border: none;
	width: 200px;
	min-height: 450px;
	overflow: visible;
	padding: 0 0 1em 0;
	margin: 0 0 0 -200px;
	transition: 0.2s;
	list-style: none;
}

#menu-container.open .menu {
	margin-left: 0;
}

.menutitle {
	color: #ffffff;
	font-size: 9pt;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

hr.menu-sep {
	height: 1px;
	border-top: 1px solid #fff;
	border-left: none;
	border-right: none;
	border-bottom: none;
	margin: 5px 0;
}

.menu-item {
	display: grid;
	grid-template-columns: 24px auto;
	align-items: center;
	gap: 4px;
	color: #ffffff;
	height: 36px;
	line-height: 36px;
	font-size: 12px;
	padding: 0 4px 0 6px;
}

.menu-item:hover {
	background-color:#005ab9;
	/* color:#000084; */
	text-decoration:none;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .7);
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .7);
	cursor: pointer;
}

.menu-item > i {
	font-size: 18px;
}

.menu-item > i.icon-careview {
	font-size: 24px !important;
}

.menu-item > span {
	white-space: nowrap;
}

.menu-logo {
	text-align: center;
	padding: 1em 0 1px 0;
}

.dialog {
	background-color: #A2B1BF;
	color: #000000;
	font-size: 8pt;
	font-weight: bold;
}

.pagetitle {
	color: #000000;
	font-size: 12pt;
	font-weight: bold;
}

.messagetitle {
	color: #0C4C8B;
	font-size: 12pt;
	font-weight: bold;
}

.message-title {
	font-size: 13px;
	padding: 2px 4px;
	cursor: pointer;
}

.message-title:not(:last-child) {
	border-bottom: 1px solid #ddd;
}

.message-title:hover {
	background-color: #A2B1BF !important;
	color: Black;
}


.messagedate {
	color: #999999;
	font-size: 8pt;
	font-weight: normal;
}

.messagebody {
	color: #000000;
	font-size: 10pt;
	font-weight: normal;
}

.dashboardtitle, .reviewnotice {
	color: #0C4C8B;
	font-size: 8pt;
	font-weight: bold;
}

.reviewnotice {
	margin: 0;
	padding: 0;
}

span.required	{
	color:#ff0000;
}

.text {
	font-family: Verdana,Tahoma,Arial,Helvetica,Geneva,Helv,Sans-serif;
	font-size: 8pt;
	font-weight: normal;
}

.menulines {
	background-color: White;
}

.menulines:hover {
	background-color: #A2B1BF !important;
	color: Black;
	cursor: pointer;
}

.menulines_sticky {
	background-color: #A2B1BF;
}

.menulines_sticky:hover {
	cursor: pointer;
}

.columndata, .columnfiledata {
	/* color: #000000; */
	font-family: Verdana,Tahoma,Arial,Helvetica,Geneva,Helv,Sans-serif;
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	line-height: 1.15rem;
}

.columnfiledata {
	line-height: 24px;
	vertical-align: middle;
}

.columnheader, .columnfileheader {
	background-color: #0C4C8B;
	color: #ffffff;
	font-family: Verdana,Tahoma,Arial,Helvetica,Geneva,Helv,Sans-serif;
	font-size: 8pt;
	font-weight: bold;
	line-height: 1.15rem;
}

.columnfileheader {
	line-height: 16px;
	vertical-align: middle;
}

A.columnheader:link, A.columnheader:active, A.columnheader:visited {
	color: #ffffff;
	text-decoration: underline;
}

A.columnheader:hover {
	background-color: #ffffff;
	color: #0C4C8B;
	text-decoration: none;
}

.alertborder {
	border: 1px solid #800;
}

.alertborder.no-alerts {
	border: 1px solid #0C4C8B !important;
}

.alertheader {
	background-color: #800;
	color: #fff;
	font-weight: bold;
	font-size: 8pt;
	margin: 0;
}

.alertheader.no-alerts {
	background-color: #0C4C8B !important;
}

.alertdata {
	background-color: #fff;
	color: #333;
	font-size: 11px;
	line-height: 1.5em;
	padding: 4px;
	max-height: 180px;
	overflow-y: auto;
}

.alertdata > div {
	padding: 4px 4px !important;
}

.alertdata > div:not(:first-child) {
	border-top: 1px solid #ecc;
}

.sectiontitle {
	background-color: #0C4C8B;
	color: #ffffff;
	font-family: Verdana,Tahoma,Arial,Helvetica,Geneva,Helv,Sans-serif;
	font-size: 10pt;
	font-weight: bold;
	line-height: 1.5em;
}

.sectiontitle a:link, .sectiontitle a:active, .sectiontitle a:visited {
	color: #ffffff;
	text-decoration: none;
}

.sectiontitle a:hover {
	background-color: #ffffff;
	color: #0C4C8B;
	text-decoration: none;
}
.errormsg {
	font-family: Verdana,Tahoma,Arial,Helvetica,Geneva,Helv,Sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #ff0000;
}

.smallboldblue {
	font-family: Verdana,Tahoma,Arial,Helvetica,Geneva,Helv,Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	color: #000084;
}

.sidebar	{font-family:Verdana,Tahoma,Arial,Helvetica,Geneva,Helv,Sans-Serif; font-size:10pt; font-weight:normal;
		 padding-left:4px; padding-right:7px; padding-top:0px; padding-bottom:0px; margin:0px;}

.pbody		{font-family:Verdana,Tahoma,Arial,Helvetica,Geneva,Helv,Sans-Serif; font-size:10pt; font-weight:normal;
		 margin:0; text-align:justify;}

.midcolumn	{font-family:Verdana,Tahoma,Arial,Helvetica,Geneva,Helv,Sans-Serif; font-size:10pt; font-weight:normal;
		 padding-left:4px; padding-right:4px; padding-top:0px; padding-bottom:0px; margin:0px;}

.edittd {font-family:Verdana,Tahoma,Arial,Helvetica,Helv,Geneva,Sans-Serif;
			 font-size:10pt;
			 font-weight:normal;
			 vertical-align:top;
			 padding:1px;}

.edittable {border:solid #445599 1px;
					border-collapse: collapse;
	 					background-color: #B6C3F2;}

.button, .file-input button {
	width: 80px;
}

/* The difference between button and btn is that button has a default width of 80px, while btn does not */
.button, .file-input button, .btn {
	--top: 50%;
	--left: 50%;
	--size: 100%;
	font-family: Verdana,Tahoma,Arial,Helvetica,Geneva,Helv,Sans-serif;
	font-size: 8pt;
	font-weight: normal;
	border: solid black 1px;
	background-color: #0C4C8B;
	color: White;
	text-shadow: 1px 2px 2px rgba(0, 0, 0, .5);
	outline: none;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 2px 8px;
	height: 24px;
}

.button:disabled, .btn:disabled {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	cursor: default;
}

.btn {
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 28px;
	font-size: 12px;
	min-width: 80px;
	width: auto;
	text-shadow: none;
}

.button:hover, .file-input button:hover, .btn:hover,
.button:active, .file-input button:active, .btn:active {
	cursor: pointer;
	filter: brightness(1.3);
}

.btn:focus, .btn.active {
	border: 2px solid #0d5dad;
}

.button-sm {
	width: auto !important;
	padding: 0 2px;
}

table {
	border-collapse: collapse;
	border: none;
	border-spacing: 0;

}

td {
	font-size: 10pt;
	font-weight: normal;
}

td.custom {
	line-height: 1.5em;
}

.textbox {
	background-color: #ffffff;
	color: Black;
	font-family: Verdana,Tahoma,Arial,Helvetica,Helv,Geneva,Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
	border: 1px solid #666;
	padding: 4px;
	margin: 0;
	line-height: 1em;
	box-sizing: border-box;
}

input.textbox {
	/* height: 21px; */
	line-height: 100%;
}

select:not([size]).textbox {
	/* height: 23px; */
	line-height: 100%;
}

.radio {
	font-family: Verdana,Tahoma,Arial,Helvetica,Helv,Geneva,Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	/* margin-left: -1em; */
}

.radioLabel {
	font-family: Verdana,Tahoma,Arial,Helvetica,Helv,Geneva,Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	position: relative;
	top: -2px;
	left: -2px;
}

.fieldarea {font-family:Verdana,Tahoma,Arial,Helvetica,Helv,Geneva,Sans-Serif;
			font-size:8pt;
			font-weight:bold;
			background-color:#ffffff;
			border:none;
			color: #0C4C8B;}

.checkbox {font-family:Verdana,Tahoma,Arial,Helvetica,Helv,Geneva,Sans-Serif;
			 font-size:8pt;
			 font-weight:normal;
			 color:Black;}

.checkboxLabel {font-family:Verdana,Tahoma,Arial,Helvetica,Helv,Geneva,Sans-Serif;
						font-size:8pt;
 						font-weight:bold;
					position:relative;
					top:-2px;
					left:-2px;}

#overlay {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	z-index: 1000;
	background-image:url(../images/transparentoverlay.gif);
}

#overlay #popup, #overlay #popupspec, #overlay #popupaddr, #overlay #popupelig, #overlay #popupupload,
#overlay #popupattach, .popup {
	padding: 4px;
	border: solid 1px Black;
	background-color: #A2B1BF;
	color: #000000;
	font-family:Verdana,Tahoma,Arial,Helvetica,Helv,Geneva,Sans-Serif;
	font-size: 10pt;
	font-weight: normal;
	-moz-box-shadow: 	0 4px 10px #000;
	-webkit-box-shadow: 0 4px 10px #000;
	box-shadow: 		0 4px 10px #000;
	display: none;
}

.popup-title {
	position: relative;
	background-color: #134174;
	color: #ffffff;
	font-family: Verdana,Tahoma,Arial,Helvetica,Geneva,Helv,Sans-serif;
	font-size: 10pt;
	font-weight: bold;
	line-height: 20px;
	height: 20px;
	padding: 0 6px;
	margin: 0;
}

.popup-title .popup-close {
	position: absolute;
	right: 4px;
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
	color: #ffffff;
	font-size: 20px;
	line-height: 20px;
}

.popup-title .popup-close:hover {
	cursor: pointer;
}

.popup-body {
	text-align: left;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.popup-footer {
	/* height: 24px; */
	padding: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.popupdialog {
	font-family:Verdana,Tahoma,Arial,Helvetica,Helv,Geneva,Sans-Serif;
	font-size: 10pt;
	font-weight: normal;
	color: Black;
}

A.tab:link, A.tab:visited, A.tab:hover, A.tab:active {
	color: #134174;
	text-decoration: none;
	background-color: #A2B1BF;
}

#tabsqc {
	width: 500px;
	margin: 0 auto;
}

#tabBar {
	width: 100%;
}

.tabLine {
	border-bottom: 1px solid #134174;
}

.tabHighlight {
	border-top: 2px solid #134174;
	border-bottom: none;
	border-left: 1px solid #134174;
	border-right: 1px solid #134174;
}

.tabNormal {
	border: 1px solid #134174;
}

#tab-address, #tab-other-ins {
	margin: 0 auto;
	width: 500px;
	height: 160px;
	border-left: 1px solid #134174;
	border-right: 1px solid #134174;
	border-bottom: 1px solid #134174;
}

.tab-content {
	padding: 8px;
}

#tabButtons {
	position: absolute;
	/* top: 310px; */
	bottom: 16px;
	text-align: right;
	right: 5%;
}

td.tab:hover {
	cursor: pointer;
}

.even {
	background-color: #fff;
}

.odd {
	background-color: #C5D3E4;
}

.top {
	vertical-align: top;
}

.middle {
	vertical-align: middle;
}

.bottom {
	vertical-align: bottom;
}

.left {
	text-align: left;
}

.center {
	text-align: center !important;
}

.right {
	text-align: right;
}

/* NIFTY ROUNDED CORNERS */

div#niftydialog, div.niftydialog {
	background-color: #A2B1BF;
	border: 1px solid #A2B1BF;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: .5em .5em;
}

a.niftydialog:link, a.niftydialog:active, a.niftydialog:visited {
	color: #0C4C8B;
	text-decoration: underline;
}

a.niftydialog:hover {
	background-color: #0C4C8B;
	color: #ffffff;
	text-decoration: none;
}

div.rounded:not(.rounded-behavior-override) div {
	height: 1px;
	overflow: hidden;
}

#radiusx, #radiusy {
	text-align: right;
	width: 30px;
}

.rounded,
.border-rounded {
	border: solid 1px #134174;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.bordered {
	border: solid 1px #134174;
}

/*
 * August, 2011 updates
 */
table.tabular {
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
}

table.tabular thead td, table.tabular thead th {
	background-color: #0C4C8B;
	color: #ffffff;
	font-family: Verdana,Tahoma,Arial,Helvetica,Geneva,Helv,Sans-serif;
	font-size: 8pt;
	font-weight: bold;
}

table.tabular tbody tr td {
	font-family: Verdana,Tahoma,Arial,Helvetica,Geneva,Helv,Sans-serif;
	font-size: 8pt;
	font-weight: normal;
}

table.tabular:not(.nohover) tbody tr:hover td {
	color: #ffffff;
	background-color: #0C4C8B;
	cursor: pointer;
}

table.tabular tbody td {
	border-top: 0.5px solid #eee;
	border-bottom: 0.5px solid #eee;
}

table.tabular-inner-borders tbody td {
	border: 0.5px solid black !important;
}

table.tabular-md th, table.tabular-md td {
	font-size: 9pt !important;
}

table.tabular-lg th, table.tabular-lg td {
	font-size: 10pt !important;
}

.tabular-bordered {
	border: 1px solid black !important;
}

.tabular-bordered thead tr {
	border-bottom: 1px solid black;
}

.tabular-bordered tbody tr:first-child td {
	border-top: 1px solid black;
}

.tabular-bordered tbody tr:last-child td {
	border-bottom: 1px solid black;
}

.tabular-bordered tbody td:last-child {
	border-right: 1px solid black;
}

.tabular-bordered tbody td:first-child {
	border-left: 1px solid black;
}

.tabular-comfortable thead th,
.tabular-comfortable tbody td {
	padding-top: 6px;
	padding-bottom: 6px;
}

.leftSide {
	float: left;
}

.rightSide {
	float: right;
}

.clear {
	clear: both;
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

table#qi-update {
	border: none;
	border-collapse: collapse;
	padding: 0;
}

table#qi-update td {
	font-size: 8pt;
	line-height: 16px;
	vertical-align: top;
}

.date-field {
	width: 100px;
	margin-right: 4px;
}

.label {
	font-weight: bold;
}

.blurbackground {
	background-color: rgba(0,0,0,0.5);
}

.clickable:hover {
	cursor: pointer;
}

.hoverable {
	background-color: #fff;
}

.hoverable:hover {
	cursor: pointer;
	background-color: #A2B1BF !important;
}

.full-width {
	box-sizing: border-box;
	padding: 0;
	border: 1px solid black;
	width: 100%;
}

.error-border {
	border: 1px solid #f00;
}

.hidden {
	display: none;
}

.sortable td.columnheader:not(.sorttable_nosort), .sortable thead td:not(.sorttable_nosort), .sortable th:not(.sorttable_nosort) {
	cursor: pointer;
}

.sortable td.nosort, .sortable td.sorttable_nosort {
	cursor: default;
}

.sortable td.columndata {
	box-sizing: border-box;
	border-top: 0.5px solid black;
	border-bottom: 0.5px solid black;
	padding: 0 2px;
}

.nowrap {
	white-space: nowrap;
}

.really-long-line-break {
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap; /* HP printers */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
	word-break: break-all;
}

label.cb-align > input[type="checkbox"],
label.cb-align > input[type="radio"] {
	vertical-align: middle;
	margin-top: 1px;
}

/*
 * Style file input
 */
.file-input {
	margin: 0;
	padding: 4px 0;
}

.file-input input, .file-input button {
	height: 18px;
}

.file-input .file-old-way {
	margin-left: -20000px;
	/* display: none; */
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	/* IE 5-7 */
	filter: alpha(opacity=0);

	/* Netscape */
	-moz-opacity: 0;

	/* Safari 1.x */
	-khtml-opacity: 0;

	/* Good browsers */
	opacity: 0;
	height: 0;
}

.file-input .textbox {
	width: 320px;
	height: 18px;
	margin: 0;
	padding: 0;
	line-height: 18px;
}

/* New way */
.file-input {
	clear: both;
	margin: 0;
}

.file-input .file {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}


#upload-results .upload-success {
	color: Green;
	font-weight: bold;
	font-size: smaller;
	margin: 0;
	padding: 0;
}

#upload-results .upload-fail {
	color: Red;
	font-weight: bold;
	font-size: smaller;
	margin: 0;
	padding: 0;
}

.table-grid, .table-grid-disabled {
	font-family: Verdana,Tahoma,Arial,Helvetica,Geneva,Helv,Sans-serif;
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	border-top: 1px solid black;
}

.table-grid-disabled {
	color: #9a9a9a;
}

.disabled {
	color: #9a9a9a;
}

.boxsizingBorder {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.infobox {
	background-color: #A2B1BF;
	width: 600px;
	padding: 8px 12px;
	margin: 0 auto;
	-moz-box-shadow: 	0 4px 10px #000;
	-webkit-box-shadow: 0 4px 10px #000;
	box-shadow: 		0 4px 10px #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 13px;
}

.wait, .wait * {
	cursor: wait !important;
}

.striped tbody tr:nth-child(even) {
	background-color: #C5D3E4;
}

#loader-container {
	display: none;
	z-index: 20000;
	position: fixed;
	width: 100px;
	background-color: #fff;
	border: 1px solid #0C4C8B;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	box-sizing: border-box;
}

.loader,
.loader:after {
	border-radius: 50%;
	width: 32px;
	height: 32px;
}

.loader-small,
.loader-small:after {
	width: 16px !important;
	height: 16px !important;
}

.loader-big,
.loader-big:after {
	width: 48px !important;
}

.loader {
	margin: 20px auto !important;
	font-size: 4px;
	position: relative;
	text-indent: -9999em;
	border-top: 1.1em solid rgba(45, 71, 137, 0.2);
	border-right: 1.1em solid rgba(45, 71, 137, 0.2);
	border-bottom: 1.1em solid rgba(45, 71, 137, 0.2);
	border-left: 1.1em solid #0C4C8B;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}

.non-discrimination {
	display: none;
}

.input-error {
	border-color: #f00 !important;
}

input.input-error[type='text']:focus,
textarea.input-error:focus,
select.input-error:focus {
	background-color: #f2dede;
	outline: none !important;
}

label.input-error,
div.input-error,
p.input-error,
.message-important {
	color: #f00;
}

.copyright {
	font-size: 10px;
	color: #0C4C8B;
}

/* Part of Messages feature (not System Messages) */
#message-body,
#message-body table,
#message-body td {
	font-size: 11px;
}

.highlight {
	font-weight: bold;
	text-decoration: underline;
}

.highlight2 {
	font-weight: bold;
	background-color: #ff0;
	color: #000;
}

.mt-1 {
	margin-top: 1rem;
}

.mt-2 {
	margin-top: 2rem;
}

.mb-1 {
	margin-bottom: 1rem;
}

.mb-2 {
	margin-bottom: 2rem;
}

.ms-1 {
	margin-left: 1rem;
}

.ms-2 {
	margin-left: 2rem;
}

.me-1 {
	margin-right: 1rem;
}

.me-2 {
	margin-right: 2rem;
}

.mx-1 {
	margin-left: 1rem;
	margin-right: 1rem;
}

.mx-2 {
	margin-left: 2rem;
	margin-right: 2rem;
}

.my-1 {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.my-2 {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.p-1 {
	padding: 1rem;
}

.p-2 {
	padding: 2rem;
}

.pt-1 {
	padding-top: 1rem;
}

.pt-2 {
	padding-top: 2rem;
}

.pb-1 {
	padding-bottom: 1rem;
}

.pb-2 {
	padding-bottom: 2rem;
}

.ps-1 {
	padding-left: 1rem;
}

.ps-2 {
	padding-left: 2rem;
}

.pe-1 {
	padding-right: 1rem;
}

.pe-2 {
	padding-right: 2rem;
}

.px-1 {
	padding-left: 1rem;
	padding-right: 1rem;
}

.px-2 {
	padding-left: 2rem;
	padding-right: 2rem;
}

.py-1 {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.py-2 {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

#toast {
	visibility: hidden;
	min-width: 250px;
	background-color: #333;
	color: #fff;
	border-left: 4px solid #fff;
	text-align: left;
	border-radius: 2px;
	padding: 16px;
	position: fixed;
	z-index: 1;
	left: 50%;
	transform: translateX(-50%);
	top: 30px;
	box-sizing: border-box;
}

#toast.success {
	background-color: #C3F3D7 !important;
	color: #51a775 !important;
	border-left: 4px solid #51a775;
}

#toast.error {
	background-color: #f3c3c3 !important;
	color: #a75151 !important;
	border-left: 4px solid #a75151;
}

#toast.show {
	visibility: visible;
	-webkit-animation: toast-fadein 0.5s, toast-fadeout 0.5s 2.5s;
	animation: toast-fadein 0.5s, toast-fadeout 0.5s 2.5s;
}

.w-full {
	width: 100%;
}

label.cbrb-control {
	display: flex;
	align-items: center;
	column-gap: 2px;
}

@-webkit-keyframes toast-fadein {
	from {top: 0; opacity: 0;}
	to {top: 30px; opacity: 1;}
}

@keyframes toast-fadein {
	from {top: 0; opacity: 0;}
	to {top: 30px; opacity: 1;}
}

@-webkit-keyframes toast-fadeout {
from {top: 30px; opacity: 1;}
to {top: 0; opacity: 0;}
}

@keyframes toast-fadeout {
	from {top: 30px; opacity: 1;}
	to {top: 0; opacity: 0;}
}

@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@media print {
	.no-print {
		display: none;
	}

	body {
		-webkit-print-color-adjust: exact !important;		/* Chrome, Safari */
		color-adjust: exact !important;						/* Firefox */
	}

	#header.RPA {
		background-color: #fff;
	}

	#header.RPA #logo {
		content: url(../images/rpa_email_logo.jpg);
	} 
}
