/* General */
html { height: 100%;}
body { height: 100%;}
hr { margin-top:15px !important; margin-bottom:15px !important; border-color:#333333 !important;}
/* Generic */
.black { color: #000000 !important;}
.red { color: #ff0000;}
.green { color: #047b20;}
.anchor { text-decoration: none;}
.container { margin: 0 auto;}
.pointer { cursor: pointer;}
.divider { list-style: none; height: 10px;}
.column { margin: 0 auto;}
.footer-padding { padding: 5px;}
.full_height { height: 100%;}
.floatNone { float:none;}
.floatLeft { float:left;}
.floatRight { float:right;}
.displayInline { display:inline;}
.displayInlineBlock { display:inline-block !important;}
.displayInlineBlockSpace5 { display:inline-block; margin-right:5px; }
.displayInlineBlockSpace25 { display:inline-block; margin-right:25px; }
.noLRPadding { padding-left:0px; padding-right:0px;}
.centerAlign { text-align:center;}
.leftAlign { text-align:left;}
.middleVerticalAlign { vertical-align: middle; }
.justifyAlign { text-align:justify;}
.hide { display:none;}
.borderRadius10 { border-radius:10px;}
.fixed { position: fixed; left: 0px; }
.top { z-index: 1030; }
.spacer1 { height:1px; clear:both; }
.spacer5 { height:5px; clear:both; }
.spacer10 { height:10px; clear:both; }
.spacer15 { height:15px; clear:both; }
.spacer20 { height:20px; clear:both; }
.spacer25 { height:25px; clear:both; }
.spacer30 { height:30px; clear:both; }
.spacer40 { height:40px; clear:both; }
.spacer50 { height:50px; clear:both; }
.textBold { font-weight: bold; }
.fontSize14 { font-size: 14px;}
.paddingZero { padding:0px !important;}
.width42Percent { width:42%;}
.width100Percent { width:100%;}
.italics { font-style: italic;}
.verticalAlignMiddle { vertical-align: middle; }
.topRightAnchor { right:0px; top:0px; position:absolute; }
.paddingLeft17 { padding-left: 17%;}
.fontSize16 { font-size:16px; }
.noLRMargin { margin-left : 0px !important; margin-right: 0px !important; }
.maxWidth80percent { max-width: 80%}
.margin15 { margin: 15px; }
.marginTop0 { margin-top:0px !important; }
.marginBottom0 { margin-bottom:0px !important; }
.marginLeft0 { margin-left:0px !important; }
.marginRight0 { margin-right:0px !important; }
.marginTop5 { margin-top: 5px; }
.marginBottom5 { margin-bottom:5px; }
.marginLeft5 { margin-left:5px; }
.marginRight5 { margin-right:5px; }
.marginTop10 { margin-top:10px; }
.marginBottom10 { margin-bottom:10px; }
.marginLeft10 { margin-left:10px; }
.marginRight10 { margin-right:10px; }
.marginTop15 { margin-top:15px !important; }
.marginBottom15 { margin-bottom:15px !important; }
.marginLeft15 { margin-left:15px !important; }
.marginRight15 { margin-right:15px !important; }
.marginTop20 { margin-top:20px !important; }
.marginBottom20 { margin-bottom:20px !important; }
.marginLeft20 { margin-left:20px !important; }
.marginLeft120 { margin-left:120px !important; }
.marginRight20 { margin-right:20px !important; }
.marginLeft30 { margin-left:30px !important; }
.marginRight30 { margin-right:30px !important; }
.paddingLeft0 { padding-left: 0px !important; }
.paddingTop0 { padding-top: 0px !important; }
.marginRight70 { margin-right:70px; }
.paddingBottom10 { padding-bottom: 10px !important; }
.breakWord { word-wrap: break-word; }
.staticPageTitle { font-size:17px; font-weight:bold; }
.staticPageDiv { margin-bottom:20px; }
.staticPageLMargin { margin-left:20px; display:inline-block; }
.underline { text-decoration: underline; }
a, a:active, a:focus { outline: none; }
.whiteBackground { background: #fff !important; }
.visibilityHidden { visibility: hidden; }
/* Specific */
.btn-neutral { background-color:#717171; color:white; border-color:#4f4f4f;}
.btn-neutral:hover, .btn-neutral:active, .btn-neutral:focus { background-color:#5d5d5d; color:white !important; border-color:#4f4f4f;}
.button-row { margin-top: 10px;}
.menu-button { margin-left: 10px;}
.success { padding-top: 10px !important; padding-bottom: 20px !important; background-color: #BBE7AE !important;}
.error { padding-top: 10px !important; padding-bottom: 10px !important; background-color: #E7AEAE !important; padding-left:5px !important; padding-right:5px !important; text-align:center;}
.already { padding-top: 10px !important; padding-bottom: 15px !important; background-color: #FF9F79 !important;}
.info { padding-top: 10px !important; padding-bottom: 20px !important; background-color: #D9EDF7 !important;}
.logo { text-align: center; width: 100px; height: 100px; margin: 20px;}
.authorize-xs { width: 35px; height: 30px;}
.logo-xs { width: 105px; height: 50px;}
.email { color: #000000; font-size: 15px; font-weight: bolder; font-style: italic; margin-top: -6px;}
.table-margin { margin-right: 10px; margin-left: 5px;}
.list-group-item { width: 100%;}
.help-block { margin-top: 10px !important; margin-bottom: -10px !important;}
.background-color { background-color: #E6E6E6; height: 100%;}
.total_amount { width:auto; text-align:right; padding:10px 15px !important; font-weight:bold; font-size:14px;}
.credit_card_fee { width:auto; text-align:right; padding:10px 15px !important; font-weight:bold;}
.table_margin { margin: 10px;}
.table_margin_small { margin: 5px;}
.row { margin: 0 auto;}
.buttons button { margin: 0.5em;}
.labels span { margin-right:5px;}
.push { padding-top: 70px; margin-left: auto; margin-right: auto;}
.slash_margin { margin-left: 5px; font-size: 18px;}
.jumbo_no_bot_marg { margin-bottom:0px !important;}
.jumbo_no_pad_center { padding:0px !important; text-align:center;}
.jumbotron div { font-size:30px;}
.jumbotron span { display:inline-block; margin-top:10px; margin-bottom:10px;}
.jumbotron i { margin-right:10px;}
.table_no_pointer { cursor:auto !important;}
.table_no_pointer td { cursor:text !important;}
.totalAmountArea { padding:8px; width:100%; background-color:#F2DEDE; color:#A94442; border:1px solid #DDDDDD; margin:-20px 0 !important; }
.payWidgetText { font-size:15px; margin-right: 20px;}
.multiPayButton { font-size:15px; }
.payWidgetClear {font-size: 15px;}
.actionsInMoreInfo { text-align:center; margin-top:10px; margin-bottom:10px;}
.actionMoreInfoPad { margin-right:20px;}
.cardtype { margin-top: 5px; }
.card { margin: 2px; width: 48px; height: 32px; }
.panel_footer_custom { padding:0px !important;}
.total_amount p { display:inline-block; width:auto; margin-bottom:3px !important; margin-left: 5px; margin-right: 0 !important; margin-top: 0 !important; }
.cc_help_icon { background:#b3b3b3; color:white; border-radius:10px; margin-left: 3px; padding: 0 5px; font-size:11px; text-decoration:none !important;}
.cc_help_icon:hover, .cc_help_icon:active, .cc_help_icon:focus { background:#a6a6a6; color:white; text-decoration:none !important;}
.authorize_net_seal_holder { display:inline-block; width:100px; float:right; padding:10px 0;}
.authorize_net_seal_height { line-height: 90px !important;}
.remove_first_child_radius > li:first-child { border-radius: 0px; }
.copyright-text { line-height: 35px; font-size: 15px;}
.terms-and-conditions { color: #fff !important; padding: 1px !important; font-size: 13px !important; margin-left: 12px; margin-bottom: 2px !important; text-decoration: none !important; line-height: 35px; }
.trailing-footer-text { line-height: 35px; padding-right: 10px; }
.language-selector { width: auto !important; font-size: 12px !important; color: #000000; margin: 10px; height: 25px !important; padding: 2px !important; }
.credit-card-delete { color: #a94442 !important; margin-top: 20px; }
.aboveSearchMessage { margin-bottom:15px; }
td>div>select { width: 100%;}
#go_top { background-color: black; color: white; display: none; font-size: 20px; margin: 20px 0px; text-align: center; width: 100px;}
.panel-default>.panel-heading>.panel-title a { text-decoration: none; cursor: default;}
.authorize-lg,.authorize-md,.authorize-sm,.authorize-xs { float: right; cursor: pointer;}
.navbar-header>.navbar-form { margin-top: 0px !important; margin-bottom: 0px !important; max-height: 50px; padding-right: 10px !important;}
.nav-container-custom-style { display: table; margin: 0 auto; padding: 0px; width: 768px !important; }
.alert-dismissable .close { top:-6px !important;}
.alert-dismissable .close:hover, .alert-dismissable .close:focus { color:#634f2b !important;}
/* Override Bootstrap */
.modal-header { border-radius: 5px 5px 0 0; background-color:#D49530; color:white;}
/* Mobile site */
.pplistview { list-style-type: none; padding: 0px; margin: 0px; }
.pplistview li { border: 1px solid #ddd; border-top: none; }
.pplistview li:first-child { border-top: 1px solid #ddd; }
.multipay input[type="checkbox"] { display:none; }
.multipay input[type="checkbox"] + span { display:inline-block; width:19px; height:19px; margin:-1px 2px 0 0; vertical-align:middle; background:url(../resources/check_radio_sheet.png) left top no-repeat; cursor:pointer;}
.multipay input[type="checkbox"]:checked + span { background:url(../resources/check_radio_sheet.png) -19px top no-repeat;}
/* CellTable */
@def selectionBorderWidth 2px;
.cellTableWidget {}
.cellTableFirstColumn {}
.cellTableLastColumn {}
.cellTableFooter { border-top: 2px solid #6f7277; padding: 3px 15px; text-align: left; color: #4b4a4a; text-shadow: #ddf 1px 1px 0; overflow: hidden;}
.cellTableHeader { border-bottom: 2px solid #6f7277; padding: 3px 15px; text-align: left; color: #4b4a4a; text-shadow: #ddf 1px 1px 0; overflow: hidden;}
.cellTableCell { padding: 2px 15px; overflow: hidden;}
.cellTableFirstColumnFooter {}
.cellTableFirstColumnHeader {}
.cellTableLastColumnFooter {}
.cellTableLastColumnHeader {}
.cellTableSortableHeader { cursor: pointer; cursor: hand;}
.cellTableSortableHeader:hover { color: #6c6b6b;}
.cellTableSortedHeaderAscending {}
.cellTableSortedHeaderDescending {}
.cellTableEvenRow { background: #ffffff;}
.cellTableEvenRowCell { border: selectionBorderWidth solid #ffffff;}
.cellTableOddRow { background: #f3f7fb;}
.cellTableOddRowCell { border: selectionBorderWidth solid #f3f7fb;}
.cellTableHoveredRow { background: #fff; cursor: pointer;}
.cellTableHoveredRowCell { border: selectionBorderWidth solid #eee;}
.cellTableKeyboardSelectedRow { background: #ffc;}
.cellTableKeyboardSelectedRowCell { border: selectionBorderWidth solid #ffc;}
.cellTableSelectedRow { background: #628cd5; color: white; height: auto; overflow: auto;}
.cellTableSelectedRowCell { border: selectionBorderWidth solid #628cd5;}
/* The keyboard selected cell is visible over selection. */
.cellTableKeyboardSelectedCell { border: selectionBorderWidth solid #d7dde8;}
.cellTableLoading { margin: 30px;}
/*In-App Ticket Payment/Appeal */
.pushContentInApp {padding-top: 20px !important;}
.inAppNavigation {padding-top: 10px !important;}
.inAppNavigationDone {margin-bottom:10px !important; margin-top:20px !important;}
.inAppNavBar {max-height:0px !important; margin-bottom:1px; height:0px !important; min-height: 0px; border: 1px solid transparent;}
.inAppFileUpload {color:transparent;}
/* Mobile enhancements */
.paymentSummaryCitationType {width: 100%; padding:2px; font-size:14px;}
.paymentSummaryCitationNumber {width: 95px; padding:2px 10px 2px 2px; font-size:12px;}
.paymentSummaryLinkIcon {float:right; margin-top:-14px;}
.paymentSummaryCitationAmount {width: 60px; padding:2px 20px 2px 2px; text-align:right; float:right; font-size:14px;}
.paymentSummaryCitationDatePlate {width: 100%; padding:2px; font-size:12px;}
.totalAmountAreaMobile {} /* hook to modify the multipay amount due field */
.fixHamburger {} /* hook to fix hamburger menu right run-off for older rmcpay sites */
.fixRowInputFields {} /* hook to fix input fields having no margin for older rmcpay sites */
/* Custom toggle Button for multiple payment */
.multiPay {width:90% !important;}
.multiPayBar {padding:10px 0px 10px 0px; width:100%; background-color:#F2DEDE; color:#A94442; border:1px solid #DDDDDD;
margin:auto !important; position:fixed; z-index: 1030; min-height:50px; left:0px; top:50px;}
.multiPayPanel {position:fixed; left:0px; min-width:276px;}
/* Permit */
.selectPermitLabel { font-size:24px; font-weight:bold; display:inline-block; }
.permitSelectTitle { font-size:24px; margin-bottom:0px; margin-top:7px; }
.permitListGroupHeading { font-size:16px; margin-bottom:0px; margin-top:7px; }
.permitListGroupLabel { color:gray; }
.permitListGroupInput { margin-top:7px; }
.permitListGroupCheckbox { display:inline-block !important; float:left; margin-top:0px !important; margin-bottom:0px !important; }
.permitListGroupCheckbox input { margin-top:3px !important; }
.permitListGroupCheckboxLabel { display:inline-block; margin-right:5px; cursor:pointer;}
.permitListGroupCheckboxLabelHolder { display:inline-block; float:left; }
.lpnTextBox { text-transform: uppercase; }
.permitListGroupInputHalf { width:48% !important; display:inline-block !important; }
.permitListGroupInput option:disabled { color: #d4d4d4;}
.permitListGroupHeaderBox { font-size:18px; font-weight:bold; border-top:1px solid gray !important; border-left:1px solid gray !important; border-right:1px solid gray !important; }
.permitListGroupItem { border-left:1px solid gray !important; border-right:1px solid gray !important; }
.permitListGroupItem p { color:gray; }
.permitListGroupItemLast { border-bottom:1px solid gray !important; border-bottom-left-radius:4px; border-bottom-right-radius:4px; margin-bottom: 0; }
.permitListGroupItemFirst { border-top:1px solid gray !important; margin-bottom: 0; }
.permitInputError { background-color: #ffd4d4 !important; }
.permitInputErrorBorder { border-color: #a94442 !important; }
.permitInputError .permitListGroupItem { background-color: #ffd4d4 !important; }
.permitInputError > p { color: rgb(128, 0, 0) !important; }
.permitInputError > input, .permitInputError > select { border-color:rgba(256, 128, 128, 0.8) !important; outline:0 none !important; transition:none !important; }
.permitActionHolder { text-align:center; display:block; width:100%; }
.permitAction { display:inline-block; margin-bottom:15px !important;}
.permitCartHolder { display:inline-block; float:right; cursor: pointer; margin-left:15px;}
.permitHelpHolder { display:inline-block; float:right; margin-right: 90px; }
.permitCartLink { display:inline-block; font-size: 38px; margin-top: 3px; line-height: 1; position: absolute; }
.permitHelpLink { display:inline-block; font-size: 38px; margin-top: 3px; line-height: 1; }
.permitCartLinkCount { display:inline-block; margin-left:19px; margin-top: 22px; position: absolute; background: rgb(153, 153, 153); color: #fff;}
.permitCartHolder:hover .permitCartLinkCount { background: #666; color: #bbb; }
.permitHelpLinkActive .fa-question-circle { color: rgb(42, 100, 150); !important; }
.permitCartLinkCountActive .permitCartLinkCount { background: #666 !important; color: #bbb !important; }
.permitCartLinkCountActive .fa-shopping-cart { color: rgb(42, 100, 150) !important; }
.permitAlertWithMargin { margin-top:15px; }
.permitSlashMargin { text-align:center; width:4%; font-size: 18px;}
.permitAboveButtonText { text-align:left !important; margin-bottom:15px;}
.permitSelectedZoneMessage { font-size: 120%;}
.reinstate-button { }
.vehiclesLabel { font-size: 16px; color: #000; }
.permitStatusButtonDivider { border-top:1px solid #ddd; height: 1px; margin: 20px 0;}
.permitStatusElementButton { margin: 25% 0; float:right;}
.permitStatusColumnPad { padding-left:0px !important; padding-right:0px !important;}
.permitPurchaseItem { padding:5px 10px !important;}
.permitVehicleItem { padding: 0px !important; border: 1px solid #ddd !important; }
.permitVehicleItem p { padding:10px 15px !important; color:#333333 !important;}
.permitVehicleItem .lpn { width: 35%; font-size:16px; font-weight:bold; }
.permitVehicleItem .make { width: 35%; border-left:1px solid #fafafa; }
.permitVehicleItem .actions { width: 30%; border-left:1px solid #f2f2f2; padding:5px 10px !important; }
.permitAvailabilityStatusAvailable { color:#047b20 !important; }
.permitAvailabilityStatusNotAvailable { color:#ff0000 !important; }
.permitAvailabilityStatusWaitlist { color:#bea606 !important; }
.permitStatusGreen { color:#047b20 !important; }
.permitStatusRed { color:#ff0000 !important; }
.permitStatusYellow { color:#bea606 !important; }
.permitStatusBlack { color:#000000 !important; }
.permitStatusSmallLabel { width:100px;}
.permitULFourWide { display:inline-block; width:20%; min-width:100px;}
.permitULThreeWideSmall { display:inline-block; width:27%; min-width:125px;}
.permitULThreeWide { display:inline-block; width:33%; min-width:125px;}
.permitHomeButtonsHolder { text-align:center; display:inline-block; min-width:200px; padding:0px 40px; width:48%; }
.permitHomeButtons { font-size:18px !important; width:100%;}
.permitNavBarActionHolder li { width: 75px; max-width:80px;}
.permitNavBarActionHolder li a { text-align: center !important; padding-left:0px !important; padding-right:0px !important;}
.permitNavBarActionHolder .twoLine a { padding-top:24px;}
.loginViewResetPinLink { float: right; margin-left: 10px; margin-top: 15px; margin-bottom: 15px; font-size: small; }
.lpnGrid td { padding-left: 5px; }
.termsTextArea { width: 100%; }
/* Override the margin-right and width values depending on the logo width in the custom CSS for now */
.permitHeaderRow { padding:0px 10px; }
.permitHeaderRow > img { float: left; margin-left: 3px;}
.permitCancelAddCard { margin-right:10px;}
.permitCardChargeEntry { width:100%; padding:1px 1px 1px 1px;} /* don't move this around, if it goes a few lines down it won't work */
.permitCardChargeButton { margin: 10px 0px !important;}
.permitUseDifferentCard { float: right; margin-right: 5px; margin-top: 0px; font-size: small;}
.permitAccountDetail { margin: 0 0 0 0 !important; padding-top: 7px;}
.permitAccountUserName { font-size:large; font-weight:bold;}
.permitAccountDeactivate { margin-right:15px !important;}
.permitAccountUpdate { margin-right:15px !important;}
.permitAccountVerificationHeader { margin-left:0px;}
.permitProfileAction { float:right !important;}
.permitCardError { margin-right:15px; margin-left:15px;}
.permitCardImage { margin-right:15px;}
.permitCardDelete { margin-right:15px !important;}
.permitYourCards { float: left !important; display:inline; position: relative; bottom:0; left:0;}
.permitCardListing { border-bottom: 2px solid #E6E6E6; margin-bottom: 30px !important; padding-bottom: 10px;}
.permitAddCard { float: right !important;}
.permitCardRow { border-bottom: 1px solid #E6E6E6; margin-bottom:10px !important; padding-bottom: 10px !important;}
.permitCardName { float:left !important;}
.permitCardDetail { float:right !important;}
.permitMenuToggle { margin-left:35px !important;}
.permitHideMe { visibility:hidden;}
.permitHideMobile { visibility: hidden;};
.permit20bottom { margin-bottom:20px;}
.permitAccountPhonePrefix { margin-bottom:20px;}
.permitSplash-signUp { color: #000 !important; background-color: #FBB63F!important; border: none !important;} /* if you move this below permitSplashBackground it doesn't work...wtf */
.permitSplash-logIn { color: #282828 !important; background-color: #EDEDED!important; border: none !important;} /* if you move this below permitSplashBackground it doesn't work...wtf */
.permitSplashText { color:#ffffff !important; font-size: 20px;} /* if you move this below permitSplashBackground it doesn't work...wtf */
.permitSplashBackground { background: url("https://s3.amazonaws.com/passportmedia/whitelabel/default/images/splashscreenbackground.png") center no-repeat fixed #282828};
.permitCardChargeSelect { margin-right: 20px !important; display:inline; max-width:250px;}
.permitCardChargeSelect label { margin-bottom: 0px; line-height: 1.6; }
.permitCardChargeImage { float:right;}
.permitCardHolderFirst { border-top-left-radius:0px !important; border-top-right-radius:0px !important;}
.permitCardHolderLast { border-bottom-left-radius:4px !important; border-bottom-right-radius:4px !important; border-bottom:1px solid gray !important;}
.permitThinFormCheckbox label { margin-left:10px;}
.permitThinFormCheckbox.permitInputErrorBorder label { color: #a94442 !important; }
.permitUsageHistoryGoBtn { margin-left: 20px; margin-bottom: 20px !important;}
.disabledLink { color: #717171; }
.disabledLink:hover { color: #717171; }
.anchor { cursor: pointer; }
.dzNoImage { opacity:1; background-image: none !important; font-size: 1.8em !important; }
.permitEnterCard { padding-bottom: 10px;}
.permitErrorMessageInline { float:right; display:inline-block; font-size:80%; margin-top:3px; color:red !important;}
.permitHelpMessageInline { display:inline-block; cursor:pointer; margin-left:5px;}
.permitManageDetail { margin: 0 0 0 0 !important; padding-top: 7px;}
.permitManageVehicles { margin-bottom: 10px !important;}
/* Employer admin account related */
.permitEmployerHolderTableEntry { padding-left: 0px !important; }
.permitEmployerStatusTableHeader { border-style: none !important; text-shadow: none !important; color: #000 !important; font-size: 14px; }
.permitNoBorder { border: 0px !important; }
.permitEmployerPaymentWarning { color: red !important; font-weight:bold;}
/* No permits types available on the home page */
.emptypanel-big-text { font-size: 8em; color: #444; text-align: center; width: 100%;}
.emptypanel-medium-text { font-size: 2em; text-align: center; color: #444; width: 100%;}
/* Photo evidence area when appealing a violation */
.buttonInAppealHeaderHolder { margin-bottom: -9px !important; padding-top: 5px !important; padding-bottom: 20px !important;}
.buttonInAppealHeaderHolder span { color: inherit; font-size: 16px; margin-bottom: 0; display: inline-block; margin-top: 5px;}
.imagesInAppealHeaderHolder { text-align:center;}
.imagesInAppealHeaderHolder img { margin-left:10px; margin-right:10px; margin-bottom:5px;}
.photosListGroup .list-group-item { border: 0px solid black !important;}
/* Permits Document Upload */
.documentUploadItemFilename { float:left; display:inline-block; }
.documentUploadItemRemove { float:right; display:inline-block; font-size:18px; }
.documentUploadItemContainer { margin-bottom:5px; display:block; clear:both; border-bottom:1px solid #DDD; }
.fileNameContainerLast { border-bottom:0px solid #DDD !important; }
.examplesHolder .li { float:left; width:50%; }
/* Permit Menu */
.permit_navbar_lg { width:768px !important;}
/* Loader */
.apiLoader { height: 480px !important; }
.rootCol { width: 750px; max-width: 750px; margin: 0 auto; }
/* Permit Success Page */
.permitSuccessPageAutoRenewalQuestion span { font-size: 14px; }
.autoRenewOptIn { margin-top: 10px;}
/* Variable Width Section */
@media (min-width : 768px) {
.debugMode .content .row { background-color:black !important;}
.debugMode .copyright-text:before { content:'min-width : 768px | ';}
.container { padding: 0px !important;}
.authorize-sm { width: 50px; height: 40px;}
.logo-sm { width: 105px; height: 50px;}
.feeTable { width: 40%; }
.permitSplash-signUp {color: #000 !important; background-color: #FBB63F!important; border: none !important; margin-bottom: 40px !important; margin-top: 40px !important; width: 33% !important;}
.permitSplash-logIn {color: #282828 !important; background-color: #EDEDED!important; border: none !important; width: 33% !important;}
.permitHideMobile {visibility: visible;};
}
@media (min-width : 992px) {
.debugMode .content .row { background-color:purple !important;}
.debugMode .copyright-text:before { content:'min-width : 992px | ';}
.authorize-md { width: 60px; height: 50px;}
.logo-md { width: 105px; height: 50px;}
}
@media (min-width : 1200px) {
.debugMode .content .row { background-color:red !important;}
.debugMode .copyright-text:before { content:"min-width : 1200px | ";}
.nav-custom-style { text-align: center;}
.authorize-lg { width: 70px; height: 60px;}
.logo-lg { width: 105px; height: 50px;}
.nav-container-permit-style { width: auto !important; text-align: center;}
.help-block { width: 120%;}
.reinstate-button { }
}
@media (max-width : 767px) {
.debugMode .content .row { background-color:blue !important;}
.debugMode .copyright-text:before { content:'max-width : 767px | ';}
.navbar-form { border-color: transparent !important; padding: 0px 15px !important;}
.navbar-form>img { margin-left: 10px;}
.navbar-toggle { margin-top: 8px;}
.panel-heading>strong { font-size: 14px !important;}
.copyright-text { font-size: 12px;}
.panel-title>a { font-size: 13px;}
.panel-body>p { font-size: 12px;}
.form-row { margin-left: 5px; margin-right: 5px;}
.nav-container-custom-style { padding: 0 10px 0 10px !important; display: block !important; width: 100% !important; }
.payWidgetText { font-size:14px; margin-right: 20px;}
.multiPayButton { font-size:15px; }
.totalAmountArea { padding:8px; width:100%; background-color:#F2DEDE; color:#A94442; border:1px solid #DDDDDD; margin:-20px 0 !important; }
.feeTable { width: 60%; }
.paymentSummaryCitationAmount { width: 50px; padding:2px 20px 2px 2px; text-align:right; float:right; font-size:12px; }
.permitPurchaseItem h4 { font-size:17px !important;}
.permitPurchaseItem h5 { font-size:15px !important;}
.apiLoader { height: 350px !important; }
.permitNavBarActionHolder { margin: 7.5px -15px !important; } /* bootstrap default value */
.permitNavBarActionHolder li { height: auto !important; width: auto !important; max-width: 100% !important; }
.permitNavBarActionHolder li a { height: auto !important; padding: 10px 15px !important; text-align: left !important;} /* bootstrap default value */
.permitNavBarActionHolder .twoLine { height: auto !important; }
.permitNavBarActionHolder .twoLine a { padding: 10px 15px !important;} /* bootstrap default value */
.navbar { height: auto !important; }
.permitCartHolder { margin-top: 0px !important; }
.rootCol { width: 100% !important; }
.reinstate-button { display: block; width: 100%; padding-left: 0; padding-right: 0; }
.autoRenewOptIn {margin-top:0px;}
}
@media (max-width : 480px) {
.debugMode .content .row { background-color:green !important;}
.debugMode .copyright-text:before { content:'max-width : 480px | ';}
.feeTable { width: 100% !important; }
input, select, textarea { font-size: 16px !important; }
body.modal-open { -webkit-overflow-scrolling: touch; }
button.navbar-toggle { margin: 8px 10px; }
.modal button.close { font-size: 24px; padding: 10px; line-height: 0; }
body { font-size: 12px !important;}
.permitListGroupHeaderBox { font-size: 14px; }
.permitSelectTitle { font-size: 15px; }
.permitListGroupItem>button.floatRight { font-size: 11px; }
.permitAction { margin-top: 5px; }
.btn .btn-default .permitAction { font-size: 13px !important; }
.permitPurchaseItem h4 { font-size:15px !important;}
.permitPurchaseItem h5 { font-size:15px !important;}
.permitSplash-signUp-btn-default {color: #000 !important; background-color: #FBB63F!important; border: none !important; margin-bottom: 10px !important;margin-top: 10px !important;}
.panel-body.noLRPadding {padding-left: 0px; padding-right: 0px;}
.paymentSummaryCitationType {width: 100%; padding:2px; font-size:12px;}
.paymentSummaryCitationNumber {width: 87px; padding:2px 10px 2px 2px; font-size:11px;}
.paymentSummaryCitationAmount {width: 45px; padding:2px 45px 2px 3px; text-align:right; float:right; font-size:12px;}
.paymentSummaryCitationDatePlate {width: 100%; padding:2px; font-size:11px; }
.total_amount p {display:inline-block; width:auto; margin-bottom:3px !important; margin-left: 5px; margin-right: 0 !important; margin-top: 0 !important; font-size:12px;}
.totalAmountArea {display:none;}
.vehiclesLabel { font-size: 14px; }
}
@media (max-width : 420px) {
.payButtonWidthFix { clear:both; float:left; margin-top:5px;}
.totalAmountArea { display:none;}
.apiLoader { height: 250px !important; }
}
@media (max-width : 401px) {
.debugMode .content .row { background-color:yellow !important;}
.debugMode .copyright-text:before { content:'max-width : 401px | ';}
body { font-size: 10px !important; }
.permitListGroupHeaderBox { font-size: 12px; }
.permitSelectTitle { font-size: 17px; }
.permitListGroupItem>button.floatRight { font-size: 11px; }
.btn .btn-default .permitAction { font-size: 12px !important; }
.totalAmountArea { display:none;}
}
@media (max-width : 320px) {
.debugMode .content .row { background-color:orange !important;}
.debugMode .copyright-text:before { content:'max-width : 320px | ';}
.navbar-form { border-color: transparent !important;}
.navbar-form>img { margin-left: 10px;}
.navbar-toggle { margin-top: 8px;}
.panel-heading>strong { font-size: 12px !important;}
.copyright-text { font-size: 11px;}
.panel-title>a { font-size: 11px;}
.form-row { margin-left: 5px; margin-right: 5px;}
.panel-body>p { font-size: 11px;}
.email { font-size: 12px;}
.payWidgetText { font-size: 12px; margin-right: 20px;}
.multiPayButton { font-size:15px; }
.payWidgetClear { font-size: 12px;}
.fa .fa-question-circle { font-size: 24px; margin-top: 10px;}
.totalAmountArea { display:none;}
.apiLoader { height: 200px !important; }
.permitPurchaseItem h4 { font-size:13px !important;}
.permitPurchaseItem h5 { font-size:13px !important;}
.paymentSummaryCitationNumber {width: 50px; padding:2px 12px 2px 2px; font-size:11px;}
.paymentSummaryLinkIcon {float: none;}
}
.actionColumnCell div span button {
border-radius: 4px;
border-style: solid;
border-width: 1px;
cursor: pointer;
display: inline-block;
margin-bottom: 0;
text-align: center;
vertical-align: middle;
margin: 0px 5px;
font-size: 12px;
padding: 2px 6px;
}
.glass-style { position: fixed; top: 0px; left: 0px; opacity: 0.25; background-color: rgb(0, 0, 0); height: 995px; width: 100%; z-index:1000;}
/* DATEPICKER */
.dateBoxPopup{
z-index:1005; /* so that this is on top of the glass panel. */
}
.gwt-DatePicker {
background-color: #f0f0f0;
border: solid 1px #c0c0c0;
font-size: 12px;
line-height: 15px;
box-shadow: 0px 4px 10px -1px #404040;
}
.gwt-DatePicker > tbody > tr:first-child > td{
padding:7px 8px 0px 8px;
}
.gwt-DatePicker > tbody > tr:last-child > td{
padding:0px 8px 7px 8px;
}
.gwt-DatePicker > tbody > tr > td{
padding:0px;
}
.gwt-DatePicker .datePickerDays td{
padding:0px;
}
.datePickerMonthSelector {
width:100%;
border-bottom: 1px solid #666666;
color:#ffffff;
background-color: #909090;
}
.datePickerMonth {
color: #FFFFFF;
font-weight: bold;
text-align: center;
font-size:14px;
}
.datePickerPreviousButton, .datePickerNextButton {
cursor: pointer;
padding: 10px;
color: #ffffff;
font-weight:bold;
background-color: #909090;
}
.datePickerPreviousButton:hover, .datePickerNextButton:hover{
background-color: #404040;
}
.datePickerDay {
padding: 10px;
cursor: pointer;
text-align: center;
color:#000000;
}
.datePickerDay.datePickerDayIsToday{
border-radius: 20px;
transition: border-radius 0.2s ease-in-out 0.05s;
background: #909090;
}
.datePickerDay.datePickerDayIsValue{
background: #909090;
}
.datePickerDayIsFiller {
color: #B3B3B3;
}
.datePickerDay.datePickerDayIsValue.datePickerDayIsHighlighted,
.datePickerDay.datePickerDayIsToday.datePickerDayIsHighlighted,
.datePickerDayIsHighlighted {
border-radius: 0px;
background: #909090;
}
.datePickerDayIsFiller.datePickerDayIsHighlighted{
color:#606060;
background-color: #909090;
}
.datePickerWeekendLabel, .datePickerWeekdayLabel {
font-weight:bold;
background-color: #909090;
color: #FFFFFF;
text-align:center;
}
.datePickerWeekendLabel {
background-color: #848484;
color: #CCCCCC;
}
#daterange-preset-container {
color: black;
}
.datepickerContainer {
padding: 10px;
}
.pp-datePickerLabel {
padding-left: 0;
float: left;
}
#datepicker-dropdown.single {
width: 200px;
}
.date-range-field.single {
width: 160px;
}
.date-range-field { line-height:28px; margin-bottom:10px;}
.date-range-field .main { margin-left:5px; color:#555555 !important; font-weight:normal !important; font-size:14px !important;}
#daterange-preset-container .daterange-preset { margin-left:10px;}
.datepickerDays td a{
cursor:pointer;
}
.datepickerDays .datepickerDisabled > a{
cursor:default;
}
.stringViolationType {
width:75%; text-align:right;
}
.stringViolationTypeBreak {
clear:both; height:1px; width:100%;
}
.permitApprovalLabel {
display: block;
}
.linkIcon {
font-size:1.25em;
margin-right:5px;
}