/* BootStrap integrated UI (bsui) */

label { margin-bottom: 0px; }

.bsui .dialogBoxSmall { padding: 10px !important; }
.bsui .dialogBoxSmall input[type=text], .bsui .dialogBoxSmall input[type=email], .bsui .dialogBoxSmall input[type=password] 
{ width: 100%; }

.bsui #passwordChangeHeader { display: none; }
.bsui #passwordChange { margin: 10px 0px; }

/* eFile ******************************************************************************************/
.bsui .efileInputField { display: inline-flex; }


/* application ************************************************************************************/
.feedback { }

.feedback:empty { display: none; }

.feedbackPanel { background:#FAF0E0; border-radius: 5px; display:block; margin: 8px !important; width:auto; padding: 8px; border:#ccc solid 1px; }

.feedbackPanel .feedbackPanelINFO span {
    background: unset;
    padding: unset;
}

.feedbackPanel .feedbackPanelINFO span::before {
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f058";
	font-size: large;
	padding-right: 4px;
	color: green;
}

.feedbackPanel .feedbackPanelERROR::before {
	display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.feedbackPanel .feedbackPanelERROR span::before { 
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f06a";
	font-size: large;
	padding-right: 4px;
}

.bsui .ui-state-highlight { border: 2px solid #f00 !important; margin-bottom: -2px; }

.bsui .ui-widget-header { height: 2em; }

.bsui .ui-datepicker .ui-datepicker-header { height: inherit !important; }

/* buttons *****************************************************************************************/
.anchorButton:hover { color: #fff !important; text-decoration: none; }

.payButton:hover { background: #588b5c; color: #fff !important; text-decoration: none; }

.bsui .advPayContainer { padding-top: 4px; }

/* container **************************************************************************************/
.bsui .border, .bsui .formSec-border { border: 1px solid #999; border-radius:5px; }

.bsui .formSec { border-radius:5px; box-shadow: unset; margin: 8px; padding: 4px; }

.bsui .formSec2 { border-radius:5px; box-shadow: unset; margin: 8px; border: #ccc solid 1px;  }

.bsui .formSec3 { border-radius:5px; box-shadow: unset; margin: 8px 8px; }

.bsui .formSec p, .bsui .formSec ul, .bsui .formSec ol, .bsui .formSec .tab-row p, .bsui .formSec .tab-row ul, .bsui .formSec .tab-row ol  { margin:5px 5px 0 0px; }

.bsui .subsection1 { border: #ccc solid 1px; border-radius:5px; margin: 10px 0; padding:5px 0; width:auto; }

.bsui .subsection2 { border:#ccc solid 1px; border-radius:5px; box-shadow: unset; margin: 0px 0px 20px 0px; }

.bsui .subsection3 { border-radius:5px; margin:4px; vertical-align:top; }

.bsui .subsection4 { display:inline-block; vertical-align:top; padding-bottom:10px; }

.bsui .subsection5 { border:#ccc solid 1px; border-radius:5px; display:block; vertical-align:top; }
 
.bsui #mainContent, .mainContent { margin:0px; padding:0px; width: 100%; }

/* tabs */
.bsui .tab-row { margin:0 0 3px 0; }

.bsui .tab-row li { display:inline-block; padding:0; margin: 0px -4px 0px 0px; box-shadow: unset; }

.bsui .tab-row li a { position: relative; top: 1px; padding: 4px 10px; margin: 0px 0px 0px 0px; font-size:0.85em; font-weight:bold; background:#ddd; list-style: none; border-left: solid 1px #999; border-bottom: 1px solid #ddd; border-top: solid 1px #999; border-right: solid 1px #999; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; text-decoration:none; margin: 0 0 -4px; display:block; }

.bsui .tab-row li a:hover { background-color: #ccc; color:#222; background-image:none; }

.bsui .tab-row .selected a { background-color: #eee; color:#0f1784; background-image:none; border-bottom: none; font-size: larger; z-index: 1; }

.bsui .tab-panel { background-color: #eee; padding: 8px; position: relative; border: 1px solid #999; border-radius: 0px 5px 5px 5px; box-shadow: unset; }

.bsui .tabSection { margin: 8px; padding: 0; }

.bsui .efile_section_label { width: 100%; background-color: #ccc; padding: 4px; border-radius: 5px; }

.bsui .welcomePageSec { margin: 8px; padding: 4px; }

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto
{
	padding-left: 0px;
}

.container-left { margin-left: 0px; padding-left: 0px; }

.radioSelectionItems label { text-align: left; }
.bsui thead th { vertical-align: middle;}
.bsui thead th label { display: unset; }

/* forms ******************************************************************************************/

.row { margin-left: 0px; }

.bsui .formElements { 
	background: initial;
	padding: unset;
	border-radius: 5px;
	box-shadow: unset;
	margin: 0px;
}

.bsui .formElement {
	margin-top: 0px !important;
}

/* bootstrap 4 - form-control was inspiration*/
.bsui .formElement input[type=text], .bsui .formElement input[type=password], .bsui .formElement input[type=email], .bsui .formElement input[type=tel],
.bsui .formElement select, .bsui .formElement textarea {
	display: block;
	//width: 100%;
	//min-width: 200px;
	padding: 4px;
	font-weight: 400;
	color: #495057;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	    border-top-color: rgb(206, 212, 218);
	    border-right-color: rgb(206, 212, 218);
	    border-bottom-color: rgb(206, 212, 218);
	    border-left-color: rgb(206, 212, 218);
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	margin-bottom: 4px;
	box-shadow: unset;
}

.bsui .formElement input:focus, .bsui .formElement select:focus, .bsui .formElement textarea:focus {
    //color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}

.bsui .button, .bsui input[type="submit"], .bsui input[type="button"], .bsui button, .bsui .formButtons input[type="submit"], .bsui .formButtons input[type="button"] {
	height: 2em;
}
.formButtons button, .anchorButton, .payButton {
	display: inline-block;
	height: 2em;
	vertical-align: middle;
}

.bsui .tableResults .anchorButton { height: 1em; }

.bsui .formElement input[type=submit]:focus, .bsui .formElement input[type=button]:focus {
	color: #ccc;
}

.unset-width { width: unset; min-width: unset; }

.bsui .formElement input.date { width: 7rem !important; min-width: unset; display: inline; }

.bsui form select {
	//width: 100%;
}

.bsui .formElement label {
	margin: 0 5px 0 0;
	font-weight: bold;
	vertical-align: top;
	color: #41537c;
	text-align: left;
	width: auto;
	display: block;
}

.bsui .formElement .requiredField {
	background: unset;
	padding-right: unset;
	width: unset;
}

.bsui .formElement .requiredField:after { 
  color: #900 !important;
  content: "*";
  position: static;
  margin-left: 2px;
}

.bsui .formElement .dateLabel {
	display: block;
}

.bsui .formElement .hasDatepicker {
	display: inline-block;
}

.bsui .dateFieldset label { }

.bsui #rightSide { margin-left: 15px; }

.bsui .ui-widget-header { height: unset; }

.bsui .caseInfo ul { margin: 0px; }

.bsui .searchQualifierPanel .formElement select { width: unset; }

/* ePayment ***************************************************************************************/
.fieldLabelColumn { color: #41537c; font-weight: bold; width: 1%; }
.formElement .payButton { margin-bottom: 4px; }

table[id^="dataViewContainer"] {
	height: auto;
	overflow-y: inherit;
}