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

.displayOnMobile { display: unset; }
.no-displayOnMobile {display: none !important; }

.ui-layout-toggler { display: none !important; }

.mw-100 { width: 98%; }

h1 {font-size:1.4em;}

h2 {font-size:1.3em;}

h3 {font-size:1.2em;}

h4 {font-size:1.1em;}

h5 {font-size:1em;}

h6 {font-size:.9em;}

h7 {font-size:1.4em; color:#FFFFFF;}

.ui-dialog.confirmDialog { top: 180px !important; } /* confirmDialog would otherwise not render on screen on mobile */ 

/*  ***************************************************************************************************************** */
/*  ****************************************  Global Panel Layout Styles ******************************************** */

body { border:none; height: 100% !important; margin:0; overflow:auto !important; padding:0; position:static !important; display:block !important; font-size: 100% !important; touch-action: manipulation}

#header { position:static !important; display:block !important; width:100%; height:auto; overflow:hidden; text-align:left !important; }

.pane, .ui-layout-pane, #WestPane, #calendarPagePaneEast, #calendarPagePaneCenter, #mainContent, .ui-layout-south, .panelContent { position:static !important; display:block !important; background-color:inherit; border-top: 1px solid #666666; overflow:auto !important; padding:0 !important; width:auto !important; height:auto !important; }

.ui-layout-north { padding:0px !important; height:auto !important; position:static !important; display:block !important; }

#WestPane-resizer { display:none !important; }

.dynamicNav { width: auto !important; position: static !important; border-right: 0px !important; }

#EastPane { display:none !important; }

.mainContent-withWestPanel { padding-left: 0px; }

.long { width: 98%; }

/*  ****************************************  Global Modal Styles *************************************************** */

.wicket-modal { left: 5px !important; width:96% !important; }

.wicket-modal dl { width:15.7em; }

.wicket-modal dt { width:6.7em; }

.wicket-modal dd { width:7.9em; }

.wicket-modal .subBox { width:96%; }

.ui-dialog { left:5px !important; width:96% !important; }

.ui-dialog-content { margin:0 !important; position:static !important; }

.ui-dialog-content form { margin:0 !important; padding:5px !important; position:static !important; width:290px !important; }

.ui-dialog-content form .anchorButton { display:inline-block; margin-top:15px; }

.sessionTimeoutButton { display: block; }


/*  ****************************************  Global Navigation Styles ********************************************** */

.nav-left { float: left; }

.nav-icon { font-size: larger; }

#navToggle { display: inline-block; font-size: x-large; padding: 4px 0 0 8px; }

#navigationSectionLeft { display: none; width: 100%; }

.globalNavigation { position: static; margin-top:62px; width:auto; height:auto; }

.navLoggedInUser { min-width:0; }

.MenuBarHorizontal { min-width:0; }

.nav-hint { font-size: small; }

.nav-cost-hint { display: none; }

.nav-badge { font-size: smaller; }

.globalNavigation .nav-left li { width: 100%; padding: 4px; }

.globalNavigation .nav-right { padding-top: 4px; }

.bsui .tab-row { background-color: #eee; border: 1px solid #999; border-radius: 5px 5px 0 0; margin: 0px; }

.bsui .tab-row li { display: none; margin: 0px; }

.bsui .tab-row li.selected { display: block !important; background-color: #d8d8d8; }

.bsui .tab-row li.selected a { color: #0f1784; font-size: larger; background-color: #ccc; }

.bsui .tab-row li.selected a::after { font: normal normal normal 14px/1 FontAwesome; content: "\f0c9"; font-size: larger; float: right; }

.bsui .tab-row li a { border: none; padding: 10px; }

.bsui .tab-panel { border-radius: 0 0 5px 5px; }

.altEmailItem { line-height: 1.8em; }

/*  ****************************************  Footer Styles ********************************************************* */

#footer { height:auto; width:auto; }

#footerLogo, #wicketDebugLink, #footerCompliance { display:none; }


/*  ****************************************  Container Styles ****************************************************** */

.formSec { margin: 8px; }

.formSec2 { margin: 4px; }

.formSec3 { margin: 4px; }

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

.subsection1 { margin:5px 0; }

.subsection2 { }

.subsection3 { width: 98%; }

.tabSection { margin: 4px; }


/*  ****************************************  Form Styles *********************************************************** */

input { margin: 0px; }

select, form select { width: 100%; max-width: 100% !important; display: block; height: auto !important; }

input[type=textarea], textarea { width: 100%; height:120px; }

.formElement label { text-align: left; width: 100% !important; }

.formElement.checkbox label { width: auto !important; }
.formElement.checkbox .efileInputField { float: left; }

.formElement .fieldHint { font-size:.75em; }

.formElement input { width: 98%; display: block; }
.formElement input[type=checkbox] { width: auto; display: inline; }

.formElement .date { width: 7rem; }

.formElement.beginDate { display: inline-block; padding-right: 15px; }
.formElement.endDate { display: inline-block; }

.formElement.beginDate label, .formElement.endDate label { display: block; }

.dateFieldset h5 { display: inline-block; margin-top: 5px !important; }

.emptyLabel:empty { display: none; }

/*  ****************************************  Search Styles ********************************************************* */

.locationForm .formElement { display:block; }

/*  ****************************************  Search Result Styles ************************************************** */

.tableResults { display: block !important; overflow:scroll; table-layout:auto; font-size: small; }

#searchCriteriaTable { font-size: smaller; }

.navigatorLabel { font-size: smaller; }

/*  ****************************************  Case Detail Styles **************************************************** */

.caseInfoItems { display:block; width:auto; }

.caseInfoItems dl { width:285px; }

.caseInfoItems dd { width:185px; }

#caseDetail { font-size: smaller; }

#caseDetail .tab-panel { padding: 4px 0px; }

#caseDetail .tab-panel .infoChildSection .subSectionHeader2 { display:block !important; overflow:scroll; width: 100%; }

#caseDetail .tab-panel .box { display:block !important; width:98%; height:auto; overflow:auto; }

#caseDetail .tab-panel dl { width:16em; }

#caseDetail .tab-panel dt { width:6.7em; }

#caseDetail .tab-panel dd { width:8.5em; }

#caseDetail .tablesorter { display:block !important; width:100%; overflow:scroll; font-size: small; }

#caseDetail .judgementTbl, #caseDetail .judgementsInfo table { display:block !important; width:96%; max-height:180px; overflow:scroll; }

#caseDetail .tab-panel { border-radius: 0 0 2px 5px; }

#caseHeader { margin-top: 0px; }

.bsui .caseInfo ul { border-bottom: 1px solid lightgray; }

.splitTable { width:96%; }

.additionalCaseInfo, .caseHdrInfo, .ptyChgInfo, .ptyContactInfo, .ptyPersInfo, .ptyContactInfo,
  .ptyAttyInfo, .ptyCiteInfo, .officerInfo, .citationLicenseInfo, .citationVehicleInfo,
  .arPartyInfo, .modalIndtInfo, .modalCharInfo, .efileCartInfo, .taxLienInfo, .lienInfo, .probateInfo {
	display: inline-block;
	padding: 0px 0px 0px 4px;
	min-width: 150px;
    max-width: unset;
}

.caseInfo-col3 {
	width: unset;
}

#titleBar { position: initial; width: 100%; z-index: 100; }

/*  ****************************************  Efile Styles ********************************************************** */
/* **************** Efile List ********************* */
#efileListPanel .efileStatusSec, #efileListPanel .efileSearchTypSec,
#efileListPanel .efileSrchCritSec, #efileListPanel .efileDateCritSec { float:none; margin-bottom:10px; width:98%; }

#efileListPanel .efileDateCritSec label { width: 100px !important; display: block; }

#efileListPanel .efileCasecdCritSec { float: none; margin-left: 0px; }

#efileListPanel .efileCasecdCritSec 

.efileComboboxWidth { display: block; }

.efileQueueCrit { margin-left: 2px; }

/* **************** Efile Edit General Styles ************ */

.efileDispOnly { width: auto; }

.efileInfoSection label { max-width: 130px !important; }

.efileForm .formElement label { width: 100px; margin-right:2px; }
.efileForm-editable .smallLabel label { width: 100px !important; margin-right:2px; }
.efileForm-editable .formElement label { max-width: 100%; }

.efileSaveButtons .anchorButton { display:inline-block; }

.efileForm textarea { height:58px; width: 98% !important; }

/* **************** Efile Edit Info ********************* */
.efileInfo fieldset { display:block; width:99% !important; }

.efileInfo .efileDisplay { display:inline-block; max-width:140px !important; margin-right:2px; }

.efileInfo .formElement input { display: inline; }

/* **************** Efile Edit Party  ********************* */
.efilePtyIdentInfo, .efilePtyAddrInfo, .efilePtyContactInfo { width:99%; }

.efilePartyList { margin:0 !important; }

.efileEditPanel select, .efileEditPanel input { max-width: 95% !important; margin: 2px; display: inline; }

.efileEditPanel input[type=radio] { max-width: 20px !important; display: inline; }

.efilePtyAddr2 input[type="text"], .efilePtyAddr3 input[type="text"] { margin-left: 2px; }

.efileAfflInfo { margin:0 5px 10px; }

.efileAfflSec { margin:5px 0px 5px 0px; width:99%; padding-bottom:28px; }

.onBehalfOfPtyChoices { display: block; }

/* **************** Efile Edit Docket  ********************* */
.efileDocketInfo, .efileDocketFiles { display:block; width:98% !important; margin: 4px 0px; }

.efileEditPanel .efileDocketInfo label { width: 130px !important; margin-right:2px; }

.efileDocketFiles fieldset { display:block; width:100% !important; }

.efileDocUploadTbl { display:block !important; width:100% !important; overflow:scroll !important; font-size: smaller; }

.uploadForm { margin-bottom:14px; }

.uploadForm label { display:block; width:260px !important; text-align:left; }

.uploadForm input { display:block; width:260px !important; max-width:260px !important; }

.efileDocketInfo textarea { width: 95%; }

.efileAttachmentSection { display: block; }

/* **************** Efile Edit Fees/Notes  ********************* */
.efileFees, .efileNotes { display:block; float:none; width:auto !important; min-height:0px; }

.efileFees label { width:160px !important; }

.efileFees .efileDisplay { width: 100px !important; }

/* **************** Efile Cart  ********************* */
.efileDataTable tfoot dl { width:260px !important; }

.efileDataTable tfoot dt { width:160px !important; }

.efileDataTable tfoot dd { width:85px !important; }

.efileCartButtons .delButton { display:block; }


/*  ****************************************  Epay Styles *********************************************************** */

.payIcon .helpTrigger { font-size: x-large; }

/* **************** Epay Options  ********************* */

.epayCaseInfo .label { white-space: normal; width: 25%; }

.epayOptionsTable { display:block !important; width:auto !important; font-size: smaller; }

.epayOptionsTable tbody label { float:none; display:inline-block; vertical-align:top; }

.epayOptionsTable thead .optionsCol { width:320px !important; }

.epayOptionsTable .optionAmt { text-align:right; vertical-align:top; display:inline-block !important; }

.epayOptionsTable .option { display: inline-block; width: 100%; }

.epayOptionsTable tbody fieldset input { position:absolute; right:140px; }

.epayOptionsTable tbody fieldset { position:relative; text-align:right; width:320px !important; }


/* **************** Epay Payor  ********************* */
.ePayPayor, .ePayBalance { width:99% !important; }

/* **************** Epay Balance  ********************* */

.balanceDuePanel { }

.balanceDuePanel label { }

.balanceDuePanel .formElement label, .PaymentInfo .wicketExtensionsWizard .balanceDuePanel .formElement label { 
	width: 200px !important; flex-grow: 1; vertical-align: bottom; }

.balanceDuePanel .requiredField, .balanceDuePanel input { min-width: 100px !important; }

.feeMessage { font-size: smaller; margin-bottom: 8px; }

/* **************** Epay Case Info  ********************* */

.formElement .radioSelectionItems input, .formElement .radioSelectionItems label { width: auto; display: inline; padding: 2px; }

.PaymentInfo label, .PaymentInfo .wicketExtensionsWizard .formElement label {
    width: 100% !important;
}

/*  ****************************************  Calendar Styles ******************************************************* */

#calendarPagePaneEast-resizer, #calendarPagePaneNorth-resizer, #calendarPagePaneSouth-resizer { display:none !important; }

.listPanelResults { margin: 0px; width: 100% !important; }

.listTable { display: block !important; width: 100% !important; overflow: scroll !important; font-size: small; }

.listTable th { white-space: nowrap; }

.calSearchFilters .calFilter { display:block; width:auto !important; }

.bsui .searchQualifierPanel .formElement select { width: 100%; }

.scrollingEventList { font-size: smaller; }

.monthLbl { font-size: larger; }

#calShowEventList:before { content: ' '; display: block; }

.calListSec { margin: 0px; }

.favorite-icon { font-size: x-large; }

.width-auto, .form-check-label.width-auto { width: auto !important; }

#epaySelectDktSortOrder { width: auto !important; }

.adminSubsection-widthAuto, .adminSubsection-widthAuto .formElement input, .adminSubsection-widthAuto .formElement .addrLines { width: 95%; }
.addrLines { width: unset; display: block; }

.emailNotifications .notificationItem label { font-size: smaller; } 
.emailNotifications .notificationItem .checkColumn { text-align: right; }

.banner { bottom: 0px; }

.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 {
	width: 98%;
}

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

.bsui select { width: 98%; }

.d-flex { display: flex; }
.flex-wrap { flex-wrap: wrap; }

.search-container-column { width: 100%; }

.subSectionHeaderInst { font-size: smaller; }

.cluetip-jtip {
    width: 98% !important;
    left: 4px !important;
    font-size: smaller;
}

.chgDisp { max-width: 100%; }

#footer .envInfo::before {
	font: normal;
	content: attr(title);
	font-size: smaller;
	padding-right: 0px; 
}

.notificationDetails .formElement label { width: 130px !important; }

/* Portal Dashboard */
.eServPortalDashboard .formElement { display: inline; }
.eServPortalDashboard #nameFieldset input[type=text], .eServPortalDashboard #caseNumberFieldset input[type=text], .eServPortalDashboard .favoriteCaseRequestFormElements input[type="text"] { width: 98%; }

.displayData ul {
    border-bottom: 1px solid lightgray;
}