@charset "utf-8";
/* CSS Document */


/*START: Overriding the default*/

.form-label {
	font-weight: bold;
}
.table > thead > tr > th, .table > tbody > tr > th {
	border-top: 1px solid #dadcdd !important;
}
.input-group-btn > .btn {
	padding: 6px 12px !important;
}
.btn-xs, .btn-group-xs > .btn {
	padding: 3px 6px !important;
}
.btn-sm, .btn-group-sm > .btn {
	padding: 4px 8px !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;
}
/*END: Overriding the default*/

.layer-fix {
	z-index: 1; /*solve problems with hyperlinks not being clickable in xs, sm. */
}
.counter {
	background-color: #CBD5D8;
}
.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 {
	color: #900;
}
.error_msg:before {
	content: "\f12a";
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-weight: 900;
	padding-right: 0.5em;
}
.successmsg:before {
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-weight: 900;
	padding-right: 0.5em;
}
.infomsg:before {
	content: "\f05a";
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-weight: 900;
	padding-right: 0.5em;
}
.form-group .help {
	color: #969AA0;
	font-size: 12px;
}
.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: bold;
	width: 100%;
	padding-bottom: 7px;
	font-size: small;
	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;
	line-height: 15px;
	border: 1px solid #000;
	color: white;
	cursor: pointer;
	background-color: #555;
	text-transform: uppercase;
	font-size: 10px;
}
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;
}
}
.alt_fieldset {
	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 {
	font-size: 1em;
	width: auto;
	padding: 0 10px;
	border-bottom: none;
}
.panel.with-nav-tabs .panel-heading {
	padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs {
	border-bottom: none;
}
.panel.with-nav-tabs .nav-justified {
	margin-bottom: -1px;
}
.panel-borderless {
	border: 0;
	box-shadow: none;
}
/*Fix: left and right margin problem when nesting the inline form within the horizontal form*/
.form-inline .form-group {
	margin-left: 0;
	margin-right: 0;
}
/*use on .row */	
.buffer-bottom {
	padding-bottom: 15px;
}
.buffer-top {
	margin-top: 25px;
}
.buffer-right {
	margin-right: 25px;
}
 @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;
}
.table-nonfluid {
	width: auto !important;
}
 @media screen and (min-width: 520px) {
.indent-xs {
	margin-left: 60px;
}
.indent-sm {
	margin-left: 40px;
}
}
.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 5 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: 130px;
	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;
}
/*
	.alt-download elements - large file icons based on file extension
**********************************/
/* For actual files 	
.alt-download ul li[rel="Directory"] .icon { background-image: url(/lsbc/apps/images/icons/folder.png); } 
.alt-download ul li a{ background-image: url(/lsbc/apps/images/icons/document.png); }		
.alt-download ul li a[href$='.ai'] { background-image: url(/lsbc/apps/images/icons/document_AI.png); }
.alt-download ul li a[href$='.bmp'] { background-image: url(/lsbc/apps/images/icons/document_bmp.png); }
.alt-download ul li a[href$='.cfc'] { background-image: url(/lsbc/apps/images/icons/document_cfc.png); }
.alt-download ul li a[href$='.cfm'] { background-image: url(/lsbc/apps/images/icons/document_cfm.png); }
.alt-download ul li a[href$='.csv'] { background-image: url(/lsbc/apps/images/icons/document_csv.png); }
.alt-download ul li a[href$='.doc'] { background-image: url(/lsbc/apps/images/icons/document_doc.png); }
.alt-download ul li a[href$='.docx'] { background-image: url(/lsbc/apps/images/icons/document_docx.png); }
.alt-download ul li a[href$='.gif'] { background-image: url(/lsbc/apps/images/icons/document_gif.png); }
.alt-download ul li a[href$='.gzip'] { background-image: url(/lsbc/apps/images/icons/document_gzip.png); }
.alt-download ul li a[href$='.jpeg'] { background-image: url(/lsbc/apps/images/icons/document_jpeg.png); }
.alt-download ul li a[href$='.jpg']{ background-image: url(/lsbc/apps/images/icons/document_jpg.png); }
.alt-download ul li a[href$='.pdf']  {background-image: url(/lsbc/apps/images/icons/document_pdf.png);}
.alt-download ul li a[href$='.png'] { background-image: url(/lsbc/apps/images/icons/document_png.png); }
.alt-download ul li a[href$='.ppt'] { background-image: url(/lsbc/apps/images/icons/document_ppt.png); }
.alt-download ul li a[href$='.psd'] { background-image: url(/lsbc/apps/images/icons/document_psd.png); }
.alt-download ul li a[href$='.swf'] { background-image: url(/lsbc/apps/images/icons/document_swf.png); }
.alt-download ul li a[href$='.tif'],
.alt-download ul li a[href$='.tiff'] { background-image: url(/lsbc/apps/images/icons/document_tif.png); }
.alt-download ul li a[href$='.txt'] { background-image: url(/lsbc/apps/images/icons/document.png); }
.alt-download ul li a[href$='.xdoc'] { background-image: url(/lsbc/apps/images/icons/document_xdoc.png); }
.alt-download ul li a[href$='.xls'] { background-image: url(/lsbc/apps/images/icons/document_xls.png); }
.alt-download ul li a[href$='.xlsx'] { background-image: url(/lsbc/apps/images/icons/document_xlsx.png); }
.alt-download ul li a[href$='.zip']{ background-image: url(/lsbc/apps/images/icons/document_zip.png); }
*/
/* 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 .previous:before {
	content: "\f104";
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-weight: normal;
	padding-right: 0.5em;
}
.pagination .next:after {
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-weight: normal;
	padding-left: 0.5em;
}
.pagination-link {
	display: inline-block;
}
.pagination .current {
	background-color: #999;
	color: white;
	font-weight: 600;
}
.pagination-link a {
	color: black;
}
.pagination-link:hover {
	background-color: #ddd;
	color: white;
}
.pagination-link {
	padding: 6px 10px 4px 10px;
	text-decoration: none;
	border: 1px solid #ddd; /* Gray */
	overflow: hidden;
}
.smalltext {
	font-size: 14px;
}
.smallertext {
	font-size: 12px;
}
.error-color {
	color: red !important;
}
pre {
	white-space: pre !important;
}
.form-control {
	font-size: 16px !important;
}
.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;
}
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%;
	}