@charset "utf-8";
/* 
@import url('/lsbc/apps/css/fontawesome/6.5.1/css/all.min.css');*/
/* Step 1: Common Properties
  These styles are required to make icons font-awesome render reliably */
.icon::before {
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
/*START: Overriding the default*/

body {
	font-family: Arial, Helvetica, sans-serif;/**/
}
a {
	text-decoration: none;
}
.form-label {
	font-weight: bold;
}
.bg-lightwarning {
	background-color: #fcf8e3;
}
.table > thead > tr > th, .table > tbody > tr > th {
	border-top: 1px solid #dadcdd !important;
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
 margin-left: calc(var(--bs-border-width) * -1);
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.input-group-submitbtn {
	border: 1px solid #ccc;
	background-color: #EEEEEE;
	color: #555555;/*padding: 6px 12px;*/
	border-radius: 0px;
	
}
.input-group-submitbtn:hover {
	border: 1px solid #ccc;
	background-color: #e0e0e0;
}
.submitbtn-sm, .submitbtn-xs {
	border: 1px solid #cccccc;
	background-color: #fff;
	font-size: .9em;
 padding: .15rem .5rem;
	font-weight: 600;
	border-radius: 5px;
	text-decoration: none !important;
}
.submitbtn-sm:hover, .submitbtn-xs:hover {
	background-color: #EEE;
	border: 1px solid #999;
}
.btn-xs, .btn-group-xs > .btn {
	font-size: .9em;
	padding: .35em .8em !important;
}
.btn-sm, .btn-group-sm > .btn {
	padding: .5em 1em !important;
	font-size: .9em;
}
.btn-sm {
	font-weight: 600;
	/*border-radius: 0.25rem;  Slightly smaller border radius */
	padding: 0.5rem 1rem; /* Reduced padding */
	transition: all ease-in-out .25s;
}
/*END: Overriding the default*/

.layer-fix {
	z-index: 1; /*solve problems with hyperlinks not being clickable in xs, sm. */
}
.counter {
	background-color: #CBD5D8;
}
.responsive-image {
	max-width: 100%;
	height: auto;
}
.word-wrap {
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
.error_msg, .errormsg, .error-msg {
	color: #900;
}
.error_msg:before, .errormsg:before, .error-msg:before {
	content: "\f12a";
	font-family: "Font Awesome 6 Free";
	font-style: normal;
	font-weight: 900;
	padding-right: 0.5em;
}
.successmsg:before {
	content: "\f00c";
	font-family: "Font Awesome 6 Free";
	font-style: normal;
	font-weight: 900;
	padding-right: 0.5em;
}
.warningmsg:before {
	content: "\f071";
	font-family: "Font Awesome 6 Free";
	font-style: normal;
	font-weight: 900;
	padding-right: 0.5em;
}
.infomsg:before {
	content: "\f05a";
	font-family: "Font Awesome 6 Free";
	font-style: normal;
	font-weight: 900;
	padding-right: 0.5em;
	color: #2C7683;
}
.infomsg {
	margin: .5em 0em;
	color: #2C7683;
}
.helpmsg:before {
	/*	
font-size: .9em;
	content: "\f059";*/
	content: "\f05a";
	font-family: "Font Awesome 6 Free";
	font-style: normal;
	font-weight: 900;
	padding-right: 0.5em;
	color: #666;
}
.helpmsg {
	margin: .5em 0em;
	color: #666;
}
.btn-go-back:before, .go-back:before {
	content: "\f053";
	font-family: "Font Awesome 6 Free";
	font-style: normal;
	font-weight: 900;
	padding-right: 0.3em;
}
.btn-go-forward:after, .go-forward:after {
	content: "\f054";
	font-family: "Font Awesome 6 Free";
	font-style: normal;
	font-weight: 900;
	padding-left: 0.3em;
}
.go-arrow-left:before {
	content: "\f060";
	font-family: "Font Awesome 6 Free";
	font-style: normal;
	font-weight: 900;
	padding-right: 0.3em;
}
.go-arrow-right:after {
	content: "\f061";
	font-family: "Font Awesome 6 Free";
	font-style: normal;
	font-weight: 900;
	padding-left: 0.3em;
}
.go-chevron-circle-left:before {
	content: "\f137";
	font-family: "Font Awesome 6 Free";
	font-style: normal;
	font-weight: 900;
	padding-right: 0.3em;
}
.go-chevron-circle-right:after {
	content: "\f138";
	font-family: "Font Awesome 6 Free";
	font-style: normal;
	font-weight: 900;
	padding-left: 0.3em;
}
.go-chevron-circle-up:after {
	content: "\f139";
	font-family: "Font Awesome 6 Free";
	font-style: normal;
	font-weight: 900;
	padding-left: 0.3em;
}
.go-chevron-circle-down:after {
	content: "\f13a";
	font-family: "Font Awesome 6 Free";
	font-style: normal;
	font-weight: 900;
	padding-left: 0.3em;
}
.fa-trash-can:before {
	content: "\f2ed";
	font-family: "Font Awesome 6 Free";
	font-style: normal;
	font-weight: 900;
	padding-right: 0.3em;
}
.fa-times:before {
	content: "\58";
	font-family: "Font Awesome 6 Free";
	font-style: normal;
	font-weight: 900;
	padding-right: 0.35em;
}
.fa-xmark:before {
	content: "\f00d";
	font-family: "Font Awesome 6 Free";
	font-style: normal;
	font-weight: 900;
	padding-right: 0.3em;
}
a.fa-times, a.fa-xmark, a.fa-trash-can, a.btn-go-back, a.go-back, a.btn-go-forward, a.go-forward, a.go-arrow-left, a.go-arrow-right, a.go-chevron-circle-left, a.go-chevron-circle-right, a.go-chervon-circle-up, a.go-chevron-circle-down, a.no-decoration {
	text-decoration: none !important;
}
.strong {
	font-weight: 700;
}
.text-left-force {
	text-align: left !important;
}
.text-right-force {
	text-align: right !important;
}
.text-center-force {
	text-align: center !important;
}
.table-bordered th, .table-bordered td {
	border: 1px solid #ddd;
}
/* START: alt responsive table */
.alt-responsive-table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}
.alt-responsive-table > thead > tr > th, .alt-responsive-table > thead > tr > td, .alt-responsive-table > tbody > tr > th, .alt-responsive-table > tbody > tr > td, .alt-responsive-table > tfoot > tr > th, .alt-responsive-table > tfoot > tr > td {
	padding: 8px !important;
	/*line-height: 1.42857;*/
	vertical-align: top;
	border: 1px solid #ddd;
}
table.table-dark td, table.table-dark th {
	border: 1px solid #666 !important;
}
 @media screen and (max-width: 620px) {
.alt-responsive-table {
	border: none;
}
.alt-responsive-table thead {
	display: none;
	margin-bottom: 20px;
}
.alt-responsive-table tr {
	margin-bottom: 25px;
	display: block;
	border-bottom: 1px solid #dadada;
}
.alt-responsive-table td {
	display: block;
	/*border-bottom: 1px dotted #ccc;*/
	border-bottom: none !important;
}
.alt-responsive-table td:last-child {
	border-bottom: 0;
}
.table-header > tbody > tr > td:first-child {
	font-size: larger;
	background-color: #ddd;
}
.alt-responsive-table td:before {
	content: attr(data-title);
	float: left;
	display: block;
	font-weight: 600;
	width: 100%;
 padding-bottom: .3rem;
 font-size: .888rem;
	color: #666;
}
.alt-responsive-table td::after {
	content: "\00a0";
}
.alt-responsive-table > tbody > tr:nth-of-type(odd) {
/*background-color: #f9f9f9;*/
}
table.alt-responsive-table.table-dark {
	border: none !important;
}
table.alt-responsive-table.table-dark td {
	border-bottom: none !important;
}
table.alt-responsive-table.table-dark td:last-child {
	border-bottom: 1px solid #666 !important;
}
table.table-header td:first-child {
	font-size: larger;
	background-color: #DADADA;
}
}
/* END: alt responsive table */

tr.tblcell_blue, td.tblcell_blue, th.tblcell_blue {
	background-color: #B6DDE8;/*#D7E1E8*/
}
tr.tblcell_grey, td.tblcell_grey, th.tblcell_grey {
	background-color: #EEEEEE;/*#D7E1E8*/
}
tr.tblcell_dkgrey, td.tblcell_dkgrey, th.tblcell_dkgrey {
	background-color: #DADADA;
}
tr.tblcell_holiday, td.tblcell_holiday, th.tblcell_holiday {
	background-color: #FFDBB7;
}
tr.tblcell-coral-reef, td.tblcell-coral-reef, th.tblcell-coral-reef {
	background-color: #f0b1b1;
}
tr.tblcell-lilac, td.tblcell-lilac, th.tblcell-lilac {
	background-color: #e4c7f2;
}
tr.tblcell-blue-mind, td.tblcell-blue-mind, th.tblcell-blue-mind {
	background-color: #bedafa;
}
tr.tblcell-go-on-green, td.tblcell-go-on-green, th.tblcell-go-on-green {
	background-color: #a8f0b6;
}
.mydocs_new {
	font-weight: normal;
	color: #666;
}
.blink_me {
	animation: blinker 2s linear infinite;
	color: blue;
}
 @keyframes blinker {
 80% {
opacity: 0.0;
}
}
.nav-tabs .active {
	font-weight: 500 !important;
}
.hiddentext {
	display: none;
}
.disabled_link {
	color: #999;
}
/*START: styles for delete/remove button when listing files that will be uploaded for multifile.js. */

input.files_list {
	margin-left: 10px;
	border: 1px solid #000;
	color: white;
	cursor: pointer;
	background-color: #555;
	text-transform: uppercase;
	font-size: .8em;
	border-radius: 4px;
}
input.files_list:hover[type="button"] {
	border: 1px solid #000;
	background-color: #fff;
	color: #000;
}
/*END: styles for delete/remove button when listing files that will be uploaded for multifile.js. */ 

.step {
	padding-right: 30px;
}
.step_active {
	color: #069;
}
 @media screen and (max-width: 520px) {
.step {
	display: block;
}
}
.reset {
	all: revert;
}
.alt-fieldset {
	all: revert;
	border: 1px solid #999;
	padding: 0 1.4em 1.4em 1.4em;
	margin: 0 0 1.5em 0;
	-webkit-box-shadow: 0px 0px 0px 0px #000;
	box-shadow: 0px 0px 0px 0px #000;
}
.alt-legend {
	all: revert;
	font-size: 1em;
	width: auto;
	padding: 0 10px;
	border-bottom: none;
	margin-bottom: .9em;
}
.card.with-nav-tabs .card-heading {
	padding: 5px 5px 0 5px;
}
.card.with-nav-tabs .nav-tabs {
	border-bottom: none;
}
.card.with-nav-tabs .nav-justified {
	margin-bottom: -1px;
}
.card-borderless {
	border: 0;
	box-shadow: none;
}
/*Fix: left and right margin problem when nesting the inline form within the horizontal form*/


 @media screen and (min-width: 992px) {
.pad-left {
	padding-left: 35px;
}
}
.nomargin {
	margin: 0;
	margin-left: 0 !important;
}
em, i {
	margin-right: 2px;
}
.b {
	border: solid 1px red;
}
.small-input input[type=text] {
	width: 50px !important;
}
 @media screen and (min-width: 520px) {
.indent-xs {
	padding-left: 1.5rem;
}
.indent-sm {
	padding-left: 2.5rem;
}
.indent-lg {
	margin-left: 3.5rem;
}
}
.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
textarea {
	resize: none;
}
.link-light {
	color: white;
}
/* START: Make the calendar datepicker top header look like a dropdown */
.datepicker thead tr .datepicker-switch {
	border: 1px solid #dddddd;
	border-radius: 2px;
}
.datepicker thead tr .datepicker-switch:after {
	font-family: "Font Awesome 6 Free";
	content: "\f107";
	padding-left: 12px;
}
/* END: Make the calendar datepicker top header look like a dropdown */

/*

	.alt-download elements
**********************************/
.alt-download ul {
	padding: 0;
}
.alt-download ul li {
	display: inline-block;
	margin: 15px 18px 15px 0px;
}
.alt-download ul li a {
	padding: 5px;
	padding-top: 125px;
	color: #000 !important;
	text-decoration: none;
	display: block;
	width: 180px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center;
	background-position: top;
	word-break: break-all;
	overflow: hidden;
	border: 2px solid #eee;
}
.alt-download ul li a:hover {
	border: 2px solid #069;
}
/* For blobs */
.alt-download ul li a {
	text-decoration: none !important;
	height: 230px;
}
.alt-download ul li .ai {
	background-image: url(/lsbc/apps/images/icons/document_AI.png);
	background-size: 100px;
}
.alt-download ul li .bmp {
	background-image: url(/lsbc/apps/images/icons/document_bmp.png);
	background-size: 100px;
}
.alt-download ul li .cfc {
	background-image: url(/lsbc/apps/images/icons/document_cfc.png);
	background-size: 100px;
}
.alt-download ul li .cfm {
	background-image: url(/lsbc/apps/images/icons/document_cfm.png);
	background-size: 100px;
}
.alt-download ul li .csv {
	background-image: url(/lsbc/apps/images/icons/document_csv.png);
	background-size: 100px;
}
.alt-download ul li .doc {
	background-image: url(/lsbc/apps/images/icons/document_doc.png);
	background-size: 100px;
}
.alt-download ul li .docx {
	background-image: url(/lsbc/apps/images/icons/document_docx.png);
	background-size: 100px;
}
.alt-download ul li .gif {
	background-image: url(/lsbc/apps/images/icons/document_gif.png);
	background-size: 100px;
}
.alt-download ul li .gzip {
	background-image: url(/lsbc/apps/images/icons/document_gzip.png);
	background-size: 100px;
}
.alt-download ul li .jpeg {
	background-image: url(/lsbc/apps/images/icons/document_jpeg.png);
	background-size: 100px;
}
.alt-download ul li .jpg {
	background-image: url(/lsbc/apps/images/icons/document_jpg.png);
	background-size: 100px;
}
.alt-download ul li .pdf {
	background-image: url(/lsbc/apps/images/icons/document_pdf.png);
	background-size: 100px;
}
.alt-download ul li .png {
	background-image: url(/lsbc/apps/images/icons/document_png.png);
	background-size: 100px;
}
.alt-download ul li .ppt {
	background-image: url(/lsbc/apps/images/icons/document_ppt.png);
	background-size: 100px;
}
.alt-download ul li .psd {
	background-image: url(/lsbc/apps/images/icons/document_psd.png);
	background-size: 100px;
}
.alt-download ul li .swf {
	background-image: url(/lsbc/apps/images/icons/document_swf.png);
	background-size: 100px;
}
.alt-download ul li .tif, .alt-download ul li .tiff {
	background-image: url(/lsbc/apps/images/icons/document_tif.png);
	background-size: 100px;
}
.alt-download ul li .txt {
	background-image: url(/lsbc/apps/images/icons/document.png);
	background-size: 100px;
}
.alt-download ul li .xdoc {
	background-image: url(/lsbc/apps/images/icons/document_xdoc.png);
	background-size: 100px;
}
.alt-download ul li .xls {
	background-image: url(/lsbc/apps/images/icons/document_xls.png);
	background-size: 100px;
}
.alt-download ul li .xlsx {
	background-image: url(/lsbc/apps/images/icons/document_xlsx.png);
	background-size: 100px;
}
.alt-download ul li .zip {
	background-image: url(/lsbc/apps/images/icons/document_zip.png) !important;
	background-size: 100px !important;
}
/*END: For blobs*/
/*START: for responsive videos*/

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*END: for responsive videos*/
.clickable:hover {
	background-color: #EEE;
	cursor: pointer;
}
blockquote {
	border: none;
}
.pagination-container .previous:before {
	content: "\f104";
	font-family: "Font Awesome 6 Free";
	font-style: normal;
	font-weight: 900;
	padding-right: 0.5em;
}
.pagination-container .next:after {
	content: "\f105";
	font-family: "Font Awesome 6 Free";
	font-style: normal;
	font-weight: 900;
	padding-left: 0.5em;
}
.pagination-link {
	padding: 3px;
	margin: 1px;
	text-decoration: none;
	border: 1px solid #ddd; /* Gray */
	overflow: hidden;
	display: inline-block;
}
.pagination-container .current {
	background-color: #999;
	color: white;
	font-weight: 600;
}
.pagination-link a {
	color: black;
	text-decoration: none;
}
.pagination-link:hover {
	background-color: #ddd;
	color: white;
}
.pagination-link a:hover {
	text-decoration: none;
}
/*.alt-pagination .previous:before {
	font: var(--fa-font-solid);
	content: "\f104";
	font-family: "Font Awesome 6 Free";
	padding-right: 0.5em;
}
.alt-pagination .next:after {
	font: var(--fa-font-solid);
	content: "\f105";
	font-family: "Font Awesome 6 Free";
	padding-left: 0.5em;
}
.alt-pagination-link {
	display: inline-block;
}
.alt-pagination .current {
	background-color: #999;
	color: white;
	font-weight: 600;
}
.alt-pagination-link a, .wisy .alt-pagination a {
	color: black;
	text-decoration: none !important;
}
.alt-pagination-link:hover {
	background-color: #ddd;
	color: white;
}
.alt-pagination-link {
	padding: 6px 10px 4px 10px;
	text-decoration: none;
	border: 1px solid #ddd; /* Gray */
	overflow: hidden;
}
*/ .accordion-button {
 font-size: 1.3rem;
}
.alt-accordion-button:focus {
	color: #000;
	box-shadow: inherit;
}
.alt-accordion-button:not(.collapsed) {
	background-color: inherit;
	color: #000;
	background-color: #efefef;
	box-shadow: inherit;/*border-bottom: 1px solid rgba(0,0,0,.125);*/
}
.alt-accordion-body {
	border-top: 1px #DFDFDF solid;
	background-color: #F7F7F7;
}
.alt-accordion-header {
	background-color: #efefef;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	background-color: #eeeeee;
	opacity: 1;
}
.smalltext {
	font-size: .85em;
}
.smallertext {
	font-size: .75em;
}
.error-color {
	color: red !important;
}
pre {
	white-space: pre !important;
}
/*.form-control {
	font-size: inherit;
}
.form-select {
	padding: 1rem;
	font-size: inherit;
}*/
.row-eq-height {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}
.break-long-word {
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
.breakword {
	word-break: break-word;
}
.nobreakword {
	white-space: nowrap;
}
img.floatleft {
	float: left;
	margin-right: 15px;
}
img.responsive {
	width: 100%;
	height: auto;
}
/*.iframe-border-dotted {
	padding-right: 1px;
	border: 1px dotted;
}
.iframe-border-solid {
	padding-right: 1px;
	border: 1px solid #999;
}
.iframe-source{
	padding-top:10px; 
	padding-bottom: 10px;
	width: 100%;
	}

.window-header {
	background-color: #93B5C6;
 padding: .6rem;
}
.window-body {
	margin: 1.5rem;
}
.window-title {
	padding-left: 1.6rem;
	color: #ffffff;
	font-weight: 700;
	margin: auto;
}*/
/* START: experimenting with new default styles */
input:not([type]), input[type="text"], input[type="password"], input[type="email"], input[type="date"], select, .form-select, radio, checkbox, textarea.form-control {
	color: #212529;
	border: 1px solid #C7CDD3;
}
/*input:not([type]), input[type="text"], textarea {
	padding: 0.2rem 0.2rem;
	line-height: 1.5;
}
select {
	padding: 0.25rem 0.2rem;
	line-height: 1.5;
}*/
select.CALcpMonthNavigation, select.CALcpYearNavigation {
	border: inherit;
}
.window-container {
 padding: 0px .5rem .5rem .5rem;
}
.window-body {
	padding: 1rem;
}
.window-header {
	color: white;
	background-color: #6B91AF;
	margin-left: -30px;
	margin-right: -30px;
 padding: .3rem 2.5rem .2rem 1.5rem;
	font-weight: bold;
}
.window-title {
	padding-left: 2rem;
	line-height: 2;
	vertical-align: middle;
}
.bd-callout {
	padding: 1.25rem 1.25rem 1rem 1.25rem;
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
	border: 1px solid #e0e0e0;
	border-left-width: 0.25rem;
	border-radius: 0.25rem;
	background-color: #F8F9FA;
	border-left: 0.25rem solid #DEE2E6;
}
.bd-callout-info {
	border-left-color: #5bc0de;
}
.bd-callout-danger {
	border-left-color: #F00;
}
.iframe-border-dotted, .div-border-dotted {
	/*padding-right: 1px;*/
	border: 1px dotted;
}
.iframe-border-solid, .iframe-border, .div-border-solid, .div-border {
	/*padding-right: 1px;*/
	border: 1px solid #ccc;
}
.iframe-source {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
}
ul.compact-list, ol.compact-list {
	margin-top: 0px;
	padding-left: 15px;
}
.checkbox-list-2col, .radio-list-2col {
	display: inline-block;
	width: 45%;
	vertical-align: top;
}
.checkbox-list-3col, .radio-list-3col {
	display: inline-block;
	width: 28%;
	vertical-align: top;
}
.checkbox-list, .checkbox-list-2col, .checkbox-list-3col, .radio-list, .radio-list-2col, .radio-list-3col {
	margin-left: 18px;
	margin-bottom: 6px;
	word-wrap: break-word;
}
.checkbox-list input[type='checkbox'], .checkbox-list-2col input[type='checkbox'], .checkbox-list-3col input[type='checkbox'], .radio-list input[type='radio'], .radio-list-2col input[type='radio'], .radio-list-3col input[type='radio'] {
	margin-left: -18px;
}
.scrollable-div {
	/*	overflow-y: scroll;
	overflow-x: hidden;	*/
	overflow: auto;
	border: 1px solid #999;
	padding: 10px;
	max-height: 150px;
}
.scrollable-div-xxs {
	max-height: 60px;
}
.scrollable-div-xs {
	max-height: 100px;
}
.scrollable-div-sm {
	max-height: 250px;
}
.scrollable-div-md {
	max-height: 300px;
}
.scrollable-div-lg {
	max-height: 400px;
}
.scrollable-div-xl {
	max-height: 500px;
}
.bg-white {
	background-color: #fff;
}
.bg-grey {
	background-color: #f5f6fa;
}
.bg-biege {
	background-color: #EEEBD7;
}
.bg-darkbiege {
	background-color: #E4DFBE;
	color: white;
}
.bg-mediumblue {
	background-color: #D5E4FD;
}
.bg-lightblue {
	background-color: #EBEEF3;
}
.bg-lightgreen {
	background-color: #C1DFCF;
}
.bg-mediumgrey {
	background-color: #D8D8D8;
}
.bg-lightgrey {
	background-color: #f7f7f7;
}
.bg-navy {
	background-color: #3C5E84;
	color: white;
}
.bg-black {
	background-color: black;
	color: white;
}
.shadow {
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}
a.no-decoration, h1 a, h2 a, h3 a, h4 a, h5 a {
	text-decoration: none;
}
.heading-green {
	padding: .5em .5em;
	background-color: #339c5e;
	color: #fff;
	margin: 1.5em 0;
	border-radius: 4px;
	font-weight: bold;
}
.heading-blue {
	padding: .5em .5em;
	background-color: #6B91AF;
	color: #fff;
	margin: 1.5em 0;
	border-radius: 4px;
	font-weight: bold;
}
.heading-grey {
	padding: .5em .5em;
	background-color: #A8A8A8;
	color: #fff;
	margin: 1.5em 0;
	border-radius: 4px;
	font-weight: bold;
}
.show {
	display: block !important;
}
.hide {
	display: none !important;
}
/* START: "enhancements" to the bootstrap 5.3 nav */
.nav > li.nav-item > a {
	margin-right: 3px;
}
.nav > li.nav-item > a:hover, .nav > li.nav-item > a:focus {
	background-color: #eeeeee;
}
.nav > li.nav-item > a.active:hover {
	background-color: #ffffff;
}
.nav > li.nav-item > a.active, .nav > li.nav-item > a.active:focus {
	background-color: #ffffff;
	border-bottom: 1px solid #ffffff !important;
}
.text-bg-light {
	background-color: #f5f5f5 !important;
}
.card {
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.form-check-input {
	border: 1px solid #ccc !important;
}
.form-check-label {
	display: inline-block !important;
 padding-left: .5rem !important;
	width: 94%;
}
.alert {
	padding-bottom: 0px;
}
.alert-info {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #31708f;
}
/* END: "enhancements" to the bootstrap 5.3 nav */


/* START: issues with bootstrap, remove once fixed by BS */
.text-end {
	text-align: right !important;
}
.table-nonfluid {
	width: auto !important;
}/*
.table tbody tr:last-child *, .table tbody tr:only-child * {
    border-bottom: inherit;
}*/
tbody, td, tfoot, th, thead, tr {
	border-color: inherit;
	border-style: inherit;
	border-width: inherit;
}
/* Basic Table Styles bug in 5.3 */

.table th, .table td {
	/*padding: 0.75rem;*/
	vertical-align: top;
	border-top: 1px solid #dadcdd;
}
.table thead th {
	vertical-align: bottom;
	border-bottom: 2px solid #dadcdd;
}
/* END: issues with bootstrap, remove once fixed by BS */

/* START: overwrite master.min.css settings */

.table-responsive .table thead tr>*:first-of-type, .table-responsive .table tbody tr>*:first-of-type, .table-responsive .table tfoot tr>*:first-of-type {
	font-weight: inherit !important;
	background: inherit !important;
 padding: .65rem 1.11rem .65rem 0 !important;
}
/*.btn-success {
	background-color: #5cb85c !important;
	border-color: #4cae4c !important;
}
.btn-success:focus, .btn-success.focus {
	background-color: #449d44 !important;
	border-color: #255625 !important;
}
.btn-success:hover {
	color: #fff !important;
	background-color: #449d44 !important;
	border-color: #398439 !important;
}*/

.btn-info {
	color: white;
	background-color: #2B6788;
	border-color: #2B6788;
}
.btn-info:hover {
	background-color: white;
	color: #2B6788;
	border-color: #2B6788;
}
.btn-secondary {
	color: white;
	background-color: #5c636a !important;
	border-color: #565e64 !important;
}
.btn-secondary:hover {
	background-color: white !important;
	color: #565e64 !important;
	border-color: #565e64 !important;
}
.btn-success {
	color: white;
	background-color: #339c5e !important;
	border-color: #339c5e !important;
}
.btn-success:hover {
	background-color: white !important;
	color: #339c5e !important;
	border-color: #339c5e !important;
}
.btn-warning {
	color: white;
	background-color: #ffc107 !important;
	border-color: #ffc107 !important;
}
.btn-warning:hover {
	background-color: white !important;
	color: #ffc107 !important;
	border-color: #ffc107 !important;
}
.btn-danger {
	color: white;
	background-color: #bb2d3b !important;
	border-color: #b02a37 !important;
}
.btn-danger:hover {
	background-color: white !important;
	color: #b02a37 !important;
	border-color: #b02a37 !important;
}
.form-control {
	max-height: inherit;
}
.page-section {
	padding-top: inherit;
}
.breadcrumbs-wrapper .breadcrumb {
	margin-bottom: 1.45rem;
	margin-top: inherit;
}
.wisy ul>li.nav-item {
	margin-bottom: inherit;
}
.wisy .nav > li.nav-item > a {
	text-decoration: none;
}
.page-title {
	margin-top: 30px;
}
.table tbody td {
	text-align: inherit;
}
table thead td, table thead th, table tbody td, table tbody th, table tfoot td, table tfoot th {
	font-size: inherit;
}
.table thead tr>*:first-of-type, .table tbody tr>*:first-of-type, .table tfoot tr>*:first-of-type {
	padding-left: .5em;
}
.table thead td, .table thead th, .table tbody td, .table tbody th, .table tfoot td, .table tfoot th, table tbody td {
	font-size: inherit;
}
.table thead tr * {
	border-bottom: 1px solid transparent;
}
/* END: overwrite master.min.css settings */

/* START: dataTables css fixes settings */
.dataTables_filter {
	margin-bottom: .9em;
}
/* END: dataTables css fixes settings */
/* set the infomsg font-awesome to red too if .text-danger applied */
.infomsg.text-danger:before {
 --bs-text-opacity: 1;
	color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
/* START: form invalid css */
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
	color: #a94442;
}
.has-error .form-control {
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
	border-color: #843534;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
	color: #a94442;
	border-color: #a94442;
	background-color: #f2dede;
}
.has-error .form-control-feedback {
	color: #a94442;
}
/* END: form invalid css */

.wisy ul.plupload_filelist li {
	margin-bottom: inherit;
}
.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.well-lg {
	padding: 24px;
	border-radius: 6px;
}
.well-sm {
	padding: 9px;
	border-radius: 3px;
}
/* start: loader spinner */
.loader-spinner-sm {
	border: 5px solid #00A3D9;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
	border-top: 5px solid transparent;
	border-radius: 50%;
	width: 30px;
	height: 30px;
}
 @keyframes spin {
 0% {
transform: rotate(0deg);
}
 100% {
transform: rotate(360deg);
}
}
/* end: loader spinner */   

/* start: show/hide password field for login fields */      
.password-container {
	position: relative;
	display: inline-block;
	width: 100%;
}
.toggle-password-icon {
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: #999;
}
input[type="password"], input[type="text"] {
	padding-right: 30px;
}
/* Hide the Edge built-in password toggle icon */
input[type="password"]::-ms-reveal {
 display: none;
}
/* end: show/hide password field for login fields */   

.btn-disabled {
	background-color: #888888 !important; 
	border-color: #888888 !important;
	color: #e0e0e0 !important; /* Grey text */
	cursor: not-allowed;
	letter-spacing: 1px;
}

.border-left-blue {
	border-left: solid 3px #0066CC;
	}
.border-left-red{
	border-left: solid 3px #FF2626;
	}
.border-left-green{
	border-left: solid 3px #2DB200;
	}
.border-left-yellow{
	border-left: solid 3px #FFD24D;
	}
	
	
.card-tile {
	/*border-radius: 12px;*/
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
	transition: transform 0.2s ease-in-out;
	color: #7d2eff;
}
.card-tile:hover {
	transform: translateY(-5px);
	box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.15);
	color: #A36AFF;
}
.card-tile .card-tile-icon {
	font-size: 2rem;
	margin-bottom: 10px;
}
.card-tile-container {
	padding: 2.5rem 2rem;
	background-color: #EBEEF3;
}
.card-tile h5 {
	font-weight: 700;
margin-top: .5rem
}
.bgcolor-light-accent {
	background-color: #F5F7F9;
}
.bgcolor-mid-accent, .bgcolor-mid-accent1 {
	/*background-color: #BCD2DC;*/
	background-color: #D2E1E8;
}

.border-lightblue {
	border: solid 1px #EBEEF3;
}
.border-mid-accent1 {
	border: solid 1px #BCD2DC;
}