/* DEFAULTS
----------------------------------------------------------*/
html { height: 100%; }
body { background: #fff; font-family: Roboto, Arial, Tahoma, sans-serif; font-size: 16px; padding: 0; color: Black; /*color: #696969;*/ display: block; margin: 0px; height: 100%; }
a:link,a:visited { color: #034af3; }
a:hover { color: #1d60ff; text-decoration: none; }
a:active { color: #034af3; }
p {	margin-bottom: 10px; line-height: 1.6em; }
em { color: #be1e2d; font-size: 15px; font-family: Roboto, Arial, Tahoma, sans-serif; }
img { border: 0px; }

/* HEADINGS
----------------------------------------------------------*/
/* h1,h2,h3,h4,h5,h6 {	font-size: 1.5em; color: #333; font-variant: small-caps; text-transform: none; font-weight: bold; margin-bottom: 0px; } */
/* h1 { font-size: 1.6em; padding-bottom: 0px;	margin-bottom: 0px; } */
/* h2 { font-size: 1.5em; font-weight: 600; } */
/* h3 { font-size: 1.2em; } */
/* h4 { font-size: 1.1em; } */
/* h5,h6 {	font-size: 1em; } */

/* this rule styles <h1> and <h2> tags that are the
first child of the left and right table columns */
.rightColumn>h1,.rightColumn>h2,.leftColumn>h1,.leftColumn>h2 {	margin-top: 0px; }

/* PRIMARY LAYOUT ELEMENTS
----------------------------------------------------------*/
.mainTable { width: 100%; height: 100%; border: 0pt; border-collapse:collapse; padding: 0pt; margin: 0pt; }
.page {	width: 960px; background-color: #fff; margin: 20px auto 0px auto; border: 0px solid #496077; }
.page_header { width: 968px; border-collapse: collapse; }
.header h1 { font-weight: 700; margin: 0px;	padding: 0px 0px 0px 20px; color: #f9f9f9; border: none; line-height: 2em; font-size: 2em; }
.main {	padding: 0px 12px; margin: 12px 8px 8px 8px; /*min-height: 420px;*/ }
.leftCol { padding: 6px 0px; margin: 12px 8px 8px 8px; width: 200px; min-height: 200px; }
.page_footer { color: #4e5766; padding: 8px 0px 0px 0px; margin: 0px auto; text-align: center; line-height: normal;	font-size: 12px; }

/* FORM ELEMENTS
----------------------------------------------------------*/
fieldset { margin: 1em 0px;	padding: 1em; border: 1px solid #ccc; }
fieldset p { margin: 2px 12px 10px 10px; }
fieldset.login label,fieldset.register label,fieldset.changePassword label { display: block; }
fieldset label.inline {	display: inline; }
fieldset table.main_info { width: 100%; }
fieldset table.main_info > tbody > tr > td { padding: 2px 12px 10px 10px; }
fieldset table.main_info > tbody > tr > td:nth-child(1) { width: 50%; }
fieldset table.main_info > tbody > tr > td:nth-child(n+2) {	width: 25%; }
legend { font-size: 1.1em; font-weight: 600; padding: 2px 4px 8px 4px; }
div.leftCaptcha, span.leftCaptcha {	display: inline-block; width: 30px; }
input.textEntry { width: 320px;	border: 1px solid #999;	color: #000; padding: 5px; }
select.textEntry { width: 320px; border: 1px solid #999; color: #000; padding: 5px; }
textarea.textEntry { border: 2px solid #0066ff; border-radius: 5px; padding: 8px; resize: none; }
input.textEntryShort { width: 140px; border: 1px solid #999; color: #000; padding: 5px; }
select.textEntryShort {	width: 180px; border: 1px solid #999; color: #000; padding: 5px; }
span.textReadMode {	font: -webkit-small-control; color: black; width: 320px; display: inline-block;	border: 1px solid #ccc;	padding: 1px 0px; }
input.passwordEntry { width: 320px;	border: 1px solid #999;	padding: 5px; }
div.accountInfo { width: 42%; }
.popup { font-size: .80em; }

/* GRID ELEMENTS
----------------------------------------------------------*/
table.gridTable { width: 920px;	border-collapse: collapse; border: 1px solid #ccc; background-color: #fff; color: #000; font-size: 12px; font-family: Roboto, Arial, Tahoma, sans-serif; }
table.gridTable th { padding: 6px 10px;	white-space: nowrap; border: 1px solid #ccc; color: #333333; background-color: #eee; background: url(images/wbg.gif) repeat-x 0px -1px;	font-size: 14px; }
table.gridTable td { border: 1px solid #ccc; padding: 4px; }
table.gridTableReport {	width: 100%; border-collapse: collapse;	border: 1px solid #ccc;	font-size: 12px; }
table.gridTableReport th { padding: 6px 10px; white-space: nowrap; border: 1px solid #ccc; color: #333333; background-color: #eee; background: url(images/wbg.gif) repeat-x 0px -1px; font-size: 14px; }
table.gridTableReport thead td { padding: 8px; white-space: nowrap;	border: 1px solid #ccc;	color: #333333;	background-color: #eee;	background: url(images/wbg.gif) repeat-x 0px -1px; font-size: 14px;	font-weight: bold; }
table.gridTableReport td { border: 1px solid #ccc; }
table.gridTableReport tr.tr_report td {	white-space: nowrap; }
table.gridTableReport tr.tr_report span.wraped { white-space: normal; }
table.gridTableReport tbody tr td {	white-space: nowrap; }

table.manageDoc > thead > tr > th:nth-child(1),
table.manageDoc > tbody > tr > td:nth-child(1) { cursor:default; padding:8px 0 0 8px; text-align: left; width:20px !important; }

/* TABLE ELEMENTS
----------------------------------------------------------*/
table.fullTable { width: 100% }
div.policyInfo { margin: 10px 0px 10px 40px; }
table.policyInfo { width: 100%; border-collapse: collapse; }
table.policyInfo th { font-size: 1.0em;	font-weight: normal; text-align: left; }
table.policyInfo th.noWrap { white-space: nowrap; padding: 0px 10px 0px 0px; }
table.policyInfo td { border-top: 1px dotted #000; font-size: 16px; font-weight: normal; text-align: left; vertical-align: middle; color: #555; padding: 2px; }
table.policyInfo tr.additionally td { border-top: 0px dotted #000; font-size: 16px; font-weight: normal; text-align: left;	vertical-align: middle; color: #555; }
table.policyInfo tr.additionally td.price {	border-top: 0px dotted #000; font-size: 16px; font-weight: normal;	text-align: right; vertical-align: middle;	color: #000; }
table.policyInfo > tbody.firstRowNoBorder > tr:first-child > td { border-top: 0px dotted #000; }
tr.policyInfo td { border-bottom: 1px dotted #000; font-weight: normal;	text-align: left; vertical-align: middle; color: #000; }
table.policyInfo tr.noBorder td { border-top: none !important; text-align: left; vertical-align: top; }
table.policyInfo tr.replays td { border-top: 0px dotted #000; font-size: 16px; font-weight: normal; text-align: left; vertical-align: middle; color: #555; }
table.policyInfo tr td.actions { white-space: noWrap; width: 1px; padding-right: 5px; }
table.policyInfo tr td.actions a { display: inline-flex; vertical-align: top; text-decoration: none; }
table.viewInfo { width: 100%; border-collapse: collapse; }
table.viewInfo tr {	border-bottom: 1px dotted #000;	text-align: left; vertical-align: middle; }
table.viewInfo tr.noLine { border: 0px dotted #000;	text-align: left; vertical-align: middle; }
table.viewInfo tr.quote td { padding: 5px; }
table.viewInfo tr.quote td.vehicle { padding: 5px; white-space: nowrap; }
table.viewInfo th td { padding: 5px; }
table.viewInfo tbody > tr > td { padding: 2px; }
table.viewInfo tbody.prefill > tr > td { padding: 5px; color: #000; }
table.policyInfoChild {	width: 100%; border-collapse: collapse; }
table.policyInfoChild td { border-top: 0px dotted #000;	font-size: 1em;	font-weight: normal; text-align: left; vertical-align: middle; color: #000; }
table.tloList {	width: 100%; border-collapse: collapse; }
table.tloList > tbody > tr > td { border-bottom: 1px solid #cec; border-top: 1px solid #cec; padding: 5px; }
table.tloList > tbody > tr.selected_include > td:nth-child(2) {	background-color: #cfc; }
table.tloList > tbody > tr.selected_exclude > td:nth-child(3) {	background-color: #fcc; }
table.tloList > tbody > tr.selected_ignore > td:nth-child(4) { background-color: #ffc; }
table.tloList > tbody > tr.selected_alreadyIncluded > td:nth-child(5) {	background-color: #cff; }
table.tloList > tbody > tr > td:nth-child(1) { padding-left:20px; }
table.prInsurance > tbody > tr > td:nth-child(1) { width: 250px; text-align: right; }
table.prInsurance > tbody > tr > td:nth-child(2) { padding-left: 5px; }
div.policyCheck { margin: 10px 0px 10px 40px; }
table.policyCheck { width: 100%; border-collapse: collapse; }
table.policyCheck th { font-weight: normal; text-align: left; }
table.policyCheck th.noWrap { white-space: nowrap; padding: 0px 10px 0px 0px; }
table.policyCheck td { border-top: 1px dotted #000; font-weight: normal; text-align: left; vertical-align: top; color: #000; }
table.policyCheck tr.additionally td { border-top: 0px dotted #000; font-weight: normal; text-align: left;	vertical-align: top; color: #000; }
table.policyCheck tr.additionally td.price {	border-top: 0px dotted #000; font-weight: normal;	text-align: right; vertical-align: top;	color: #000; }
tr.policyCheck td { border-bottom: 1px dotted #000; font-weight: normal;	text-align: left; vertical-align: top; color: #000; }
table.policyCheck tr.replays td { border-top: 0px dotted #000; font-weight: normal; text-align: left; vertical-align: top; color: #000; }

tr.coverageSeparator > td { border-bottom: 1px solid #ddd; }

table.flagsInfo > thead > tr > th { background-color: #ccc; }
table.flagsInfo > tbody > tr:nth-child(1n) > td { background-color: #fff; }
table.flagsInfo > tbody > tr:nth-child(2n) > td { background-color: #eee; }

/* IMAGE BUTTON
----------------------------------------------------------*/
.imageButton { max-width:none !important; margin: 2px 10px;	border-width: 0px; cursor: pointer; }
.button { background-color: #465c71; border: 1px #4e667d solid;	color: #dde4ec;	line-height: 1.35em; padding: 4px 20px;	text-decoration: none; white-space: nowrap;	cursor: pointer; }
.button:hover {	background-color: #bfcbd6; color: #465c71; text-decoration: none; }
.disabledButton { background-color: #bfcbd6; border: 1px #909090 solid;	color: #909090;	line-height: 1.35em; padding: 4px 20px;	text-decoration: none; white-space: nowrap;	cursor: auto; }
.policyStatusButton { background-image: url(../../images/common/nav_blue.png); background-position: 0px 0px; border: 0px; background-color: White; color: #dde4ec; line-height: 1.35em; padding: 8px 0px; text-decoration: none; white-space: nowrap; cursor: pointer; width: 145px; }
.policyStatusButton:hover {	background-image: url(../../images/common/nav_lightblue.png); color: #465c71; text-decoration: none; }
.policyQuoteButton { background-image: url(../../images/common/quotebutton.png); background-position: 0px 0px; border: 0px;	background-color: White; color: #dde4ec; line-height: 1.35em; padding: 8px 0px;	text-decoration: none; white-space: nowrap;	cursor: pointer; width: 93px; height: 37px; }
.driverDetailPersonalFields td { padding: 2px; }
.addressEdit td { padding: 2px; }
.tableBasicStyles td { padding: 2px; }

/* MISC
----------------------------------------------------------*/
.clear { clear: both; }
.title { display: block; float: left; text-align: left;	width: auto; }
.loginDisplay {	font-size: 1.1em; display: block; text-align: right; padding: 10px;	color: White; }
.loginDisplay a:link { color: white; }
.loginDisplay a:visited { color: white; }
.loginDisplay a:hover { color: white; }
.notification {	text-align: center;	font-size: 1.2em; color: green;	width: 100%; }
.failureNotification { text-align: center; font-size: 1.2em; color: Red; width: 100%; }
.failureNotification ul { text-align: left; }
.bold {	font-weight: bold; }
.submitButton {	padding-right: 10px; }
ul.pendingList { margin: 0px; padding: 0px 0px; font-size: 1.2em; color: Black; }
ul.pendingList li {	padding: 3px 0px; display: block; list-style: none; }
ul.discountList { margin: 0px; padding: 0px 14px; font-size: 1.2em; color: Black; }
ul.discountList li { padding: 2px 0px; }
.commentsList {	height: 350px; width: 830px; resize: block; overflow: auto; text-align: left; border: 1px solid #ccc; padding: 0px 10px; float:left; }
.journalList { background-color:white; overflow: auto;	text-align: left; border: 1px solid #ccc; padding: 10px 10px; margin: 10px 0px; font-size: 14px; font-family: Roboto, Arial, Tahoma, sans-serif; }
.instantList { background-color:white; min-height: 22px;	line-height: 50px; overflow: auto; text-align: left; border: 1px solid #ccc; padding: 10px 10px; margin: 10px 0px; text-align: center; font-size: 18px;	color: black; }
.policyFlagList { height: 150px; width: 850px; overflow: auto; text-align: left; border: 1px solid #ccc; padding: 0px; float:left; }
.informationHistoryList { background-color:white; height: 350px; overflow: auto;	text-align: left; border: 1px solid #ccc; padding: 10px 10px; margin: 10px 0px; font-size: 14px; font-family: Roboto, Arial, Tahoma, sans-serif; }
.middleWidth { width: 130px; }
.ellipsis span { white-space: nowrap; overflow: hidden;	text-overflow: ellipsis; -o-text-overflow: ellipsis; }
.valueChenged {	text-decoration: line-through; }
.invisibleInput { width:0px; border:0px; color: #fff; }
:hover,:active,:focus{ outline:none; }
.template { overflow-y: hidden;	overflow-x: hidden; }
.unacceptableCoverage {	display:inline-block; width: 300px; border: 3px solid red; margin: -1px; padding: 6px; font-size: 13px; }
.unacceptable {	background-color:#F00;	padding: 2px 2px 2px 2px; display:inline-block; border-radius: 5px; }
.error { color: red; }
.errorBlockHeader { color: red; font-weight: bold; font-size:20px; font-family: Roboto, Arial, Tahoma, sans-serif; margin: 20px 0 0; }
.fieldName {	/*padding-right: 15px;*/ min-width: 80px; text-align: right; }
.fieldSize {	width: 190px; }
.fieldErrorIndicate { background-color:pink;	border:0.2px solid #6f6f6f; }
.blockHeader { color: #333; font-weight: bold; font-size:16px; font-family: Roboto, Arial, Tahoma, sans-serif; margin: 20px 0 0; }
.searchTemplateContainer { max-height: 385px; overflow: auto; }
.tabHeader { text-overflow: ellipsis; white-space: nowrap; display: -moz-inline-box; display: inline-block; }
.reversedIcon { width:130px; position: absolute; left: 145px; top: 35px; z-index: 10; }
.bouncedIcon { width:120px; position: absolute; left: -10px;top: 60px; z-index: 10; }
.editPaymentIcon { position: absolute; display: inline; top: -9px; left: -9px; }
.fieldRow { padding: 0 0 5px 0; }
.fieldLabel { display: inline; float: left; width: 120px; }
.noWrap { white-space: nowrap; }
.agencySweepNotice { font-weight: bold; padding: 10px; text-align: center; font-size: 16px; color: red; }
.defaultBeneficiary { color: #636363; padding: 0 0 0 30px; font-weight: bold; }
.priceIncreased { color: red; font-weight: bold }
.priceDecreased { color: green; font-weight: bold }
.previousPrice { text-decoration: line-through; }
.envWatermark { width: 435px; float: left; text-align: right; color: #ff0808; font-size: 48px; font-weight: bold; }
table.vehicleDetailsTable tbody tr td {white-space: nowrap; padding: 2px; }
.additionalCoverageInfo td { padding-left: 150px; }
.hiddenField { width: 0px; height: 0px; position: absolute; padding: 0px; margin: 2px -2px; z-index: -1; border: 0px; }
table.statusSelecter td { padding-right: 5px; font-size: 10px; }
a.copyTo { padding: 0px 4px 0px 0px; top: -1px; position: relative; width: 20px; display: inline-block; height: 13px; }
.copyTo img { border: 0; width: 14px; position: absolute; }
.d-inline-block { display: inline-block; }
.pendingReasonsReminder { min-width: 350px; }
.bs-select label { font-weight: normal; font-size: 16px !important; }
.bs-select input { margin: 5px; background-color: white; line-height: 25px; font-size: 16px !important; width: 250px; }
a.report:link,
a.report:visited,
a.report:active,
a.unaccept:link,
a.unaccept:visited,
a.unaccept:active { color: #034af3; font-weight:bold; }
a.unaccept:hover { color: #1d60ff; font-weight:bold; text-decoration: none; }
.horizontal-line { border-top: 1px solid #999; margin: 10px; }
.flagsAlertContent { max-width: 500px; margin: 0 -10px;}
.flagsAlertContent ul { margin: 0 0 0 -10px;}
.m-l-10 { margin-left: 10px; }
.m-l-25 { margin-left: 25px; }
.m-l-50 { margin-left: 50px; }
.nonEffectiveLedgerItem { color: orange; font-style: italic; }

[type="checkbox"].processCheck + label {
	font-size: 16px;
}
[type="checkbox"]:checked:disabled.processCheck + label::before {
	border-right: 2px solid #26a69a;
	border-bottom: 2px solid #26a69a;
}
.dynamic-padding { font-size: 12px; padding: 15px 0 0 0; /* default when not empty */ }
/* .dynamic-padding:empty { padding: 0;  override when empty  } */

/* MENU
----------------------------------------------------------*/
ul.menu { list-style: none;	margin: 0; padding: 0; }
ul.menu * {	margin: 0; padding: 0; font: 11px Roboto, Arial, Tahoma, sans-serif; background: #eee; }
ul.menu a {	display: block;	color: #465c71;	text-decoration: none; }
ul.menu li { position: relative; float: left; margin-right: 2px; background: #d1d1d1; }
ul.menu ul { position: absolute; top: 26px;	left: 0; background: #d1d1d1; display: none; opacity: 0; list-style: none; }
ul.menu ul li {	position: relative;	border: 1px solid #aaa;	border-top: none; width: 148px;	margin: 0; }
ul.menu ul li a { display: block; padding: 3px 7px 5px;	background-color: #d1d1d1; }
ul.menu ul li a:hover {	background-color: #c5c5c5; }
ul.menu ul ul {	left: 148px; top: -1px; }
ul.menu .menulink {	border: 1px solid #aaa;	padding: 5px 7px 7px; font-weight: bold; background: url(../../images/common/header.gif); }
ul.menu .menulink:hover,ul.menu .menuhover { background: url(../../images/common/header_over.gif); }
ul.menu .sub { background: #d1d1d1 url(../../images/common/arrow.gif) 136px 8px no-repeat; }
ul.menu .topline { border-top: 1px solid #aaa; }
tr.vehicleStyle { color: #000; font-size: 16px; font-weight: normal; }
.left_menu { display: block; left: 0px;	position: fixed; border: 1px solid #888; padding: 5px; background: #fff; z-index: 100; border-radius: 0px 6px 6px 0px; -moz-border-radius: 0px 6px 6px 0px; -webkit-border-radius: 0px 6px 6px 0px; width: 120px;	margin: 0px; }
.left_menu li {	display: block;	white-space: nowrap; }
.left_menu li a:visited,.left_menu a { display: block; height: 20px; margin: 0 auto; border-top: 1px solid #fff; border-bottom: 1px solid #000; text-align: left; text-decoration: none; line-height: 20px;	color: #000; }
.left_menu li a:hover {	background: #fff; color: #aaa; }

/* GRID VIEW
----------------------------------------------------------*/
div.gridBorder { border: 1px solid #ccc; border-radius: 3px; -webkit-box-shadow: 4px 4px 12px #ccc; -moz-box-shadow: 4px 4px 12px #ccc; box-shadow: 4px 4px 12px #ccc; display: inline-block; width: 100%; }
table.tabby > tbody > tr > td  { padding: 4px; }
table.tabby > tbody > tr > td.numbering { font-weight: bold; text-align: center; width:25px; }
table.tabby > tbody > tr:nth-child(1n) > td { background-color: #fff; }
table.tabby > tbody > tr:nth-child(2n) > td { background-color: #eee; }
table.tabby > tbody > tr:HOVER > td { background: #d5effc url(images/hl.png) repeat-x top; }
table.tablesorter thead tr .tablesorter-header { cursor: pointer; }
table.tablesorter thead tr .tablesorter-headerAsc div {	background: url(images/up.png) no-repeat right top; }
table.tablesorter thead tr .tablesorter-headerDesc div{	background: url(images/dn.png) no-repeat right top; }
.sorted { background: url(images/wbg.gif) repeat-x 0px -1px; border-bottom: 0px solid #ccc; }
.sasc {	background: url(images/up.png) no-repeat right top; }
.sdesc { background: url(images/dn.png) no-repeat right top; }
.no_data { text-align: center; height: 100px; font-weight: bold; }
.footer { background: #fafafa; border-collapse: collapse; border: 0px solid Black; text-align: right; }
.footer_content tr td { border-collapse: collapse; border-width: 0px; }
.answers > tbody > tr > td:last-child { text-align: right }

/* TABS
----------------------------------------------------------*/
ul.tabs { margin: 0; padding: 0; list-style: none;	height: 32px; width: 100%; font-family: Roboto, Arial, Tahoma, sans-serif;	font-size: 20px; }
ul.tabs li { float: left; margin: 0; padding: 0; line-height: 31px; border-left: none; margin-bottom: -1px; overflow: hidden; position: relative; cursor: pointer; min-width: 100px; }
ul.tabs li div { padding-left: 3px;	padding-right: 25px; }
ul.tabs li.active div span{ font-weight: bold; }
ul.tabs li div a img { vertical-align: inherit; }
html ul.tabs li.active { font-family: Roboto, Arial, Tahoma, sans-serif; font-size: 20px; }
.tab_container { overflow: hidden; clear: both;	float: left; width: 100%; }
.tab_content {  }

/* ACCORDION
----------------------------------------------------------*/
div.accordion_content { font-family: Roboto, Arial, Tahoma, sans-serif; font-size: 14px; padding:10px; }

/* PRINT
----------------------------------------------------------*/
@media print {
	.policyDecContaner	{ font-family: Roboto, Arial, Tahoma, sans-serif; color:Black; }
	.hideOnPrint { display: none; }
	.showOnPrint {	}
	.printContent {	padding-top: 30px; padding-bottom: 10px; }
	.pageBreak { display: block; page-break-before: always;	}
	.noBreakBlock {	page-break-inside: avoid; }
	.divFooter { position: static; bottom: 0px;	right: 0px;	}
	.divHeader { position: static; top: 0px; right: 0px; }
	.paymentCard { -webkit-border-radius: 10px;	-moz-border-radius: 10px; border-radius: 10px; border: 1px solid #ccc; background-color: #fff; display: block; width: 400px; padding: 15px;	float: left; margin: 0px 10px 15px 10px; }
	.paymentBlock {	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;	border: 1px solid #ff9933; background-color: #fff; display: block; width: 400px; padding: 15px;	float: left; margin: 0px 10px 15px 10px; }
	.paymentBlockSmall {	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;	border: 1px solid #ff9933; background-color: #fff; display: block; width: 400px; padding: 15px;	float: left; margin: 0px 10px 15px 10px; }
	.printHead { display: table-header-group; text-align: right; }
	.printFoot { display: table-footer-group; text-align: right; }
	.printFoot th,.printFoot td { position: static; }
	.policyInfo_BIPD td { border-top: none !important; }
	.pageCard { width: 100%; background-color: #fff; margin: 0pt; border: 0px solid #fff; }
	.mainCard { padding: 0pt; margin: 0pt; }

	/* watermark */
	div.watermark{ display:block; position:fixed; z-index:-1; width:100%; height:100%; }
	div.content > *:first-child,x:-moz-any-link{margin-top:0;}/* ff only */
	div.watermark,x:-moz-any-link{z-index:auto;}/* ff only */
	div.watermark,x:-moz-any-link,x:default{z-index:-1;}/* ff3 only */

	@media all and (min-width: 0px){div.watermark{width:8.5in;}} /* opera only */

	div.watermark div{ position:absolute; left:0; width:99%; }

	/* watermark position */
	/* horizontal */
	div.left{text-align:left;}
	div.center{text-align:center; margin-left:100px;}
	div.right{text-align:right;}
	body:last-child:not(:root:root) div.right div{left:-160px;}/* safari only */

	/* vertical */
	div.top div{top:0;}
	div.middle div{top:50%;margin-top:-80px;}
	div.bottom div{bottom:2px;}
}

@media screen {
	.hideOnPrint { }
	.showOnPrint { display: none; }
	.pageBreak { display: none;	}
	.divFooter { display: none;	}
	.divHeader { display: none;	}
	.paymentCard { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #ccc; background-color: transparent; -webkit-box-shadow: #ccc 4px 4px 4px; -moz-box-shadow: #ccc 4px 4px 4px; box-shadow: #ccc 4px 4px 4px; display: block; width: 400px; padding: 15px; float: left; margin: 0px 10px 15px 10px;	}
	.paymentBlock {	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;	border: 2px solid #ff9933; background-color: #fff; -webkit-box-shadow: #ccc 4px 4px 4px; -moz-box-shadow: #ccc 4px 4px 4px; box-shadow: #ccc 4px 4px 4px; display: block; width: 400px;	padding: 15px; float: left; margin: 0px 10px 15px 10px;	}
	.paymentBlockSmall {	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;	border: 2px solid #ff9933; background-color: #fff; -webkit-box-shadow: #ccc 4px 4px 4px; -moz-box-shadow: #ccc 4px 4px 4px; box-shadow: #ccc 4px 4px 4px; display: block; width: 400px;	padding: 15px; float: left; margin: 0px 10px 15px 10px;	}
	.paymentBlockSelected {	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 2px solid #EE5533; background-color: #fff; -webkit-box-shadow: #ccc 4px 4px 4px; -moz-box-shadow: #ccc 4px 4px 4px;	box-shadow: #ccc 4px 4px 4px; display: block; width: 400px;	padding: 15px; float: left;	margin: 0px 10px 15px 10px;	}
	.pageCard {	width: 960px; background-color: #fff; margin: 20px auto 0px auto; border: 0px solid #fff; }
	.mainCard {	padding: 0px 12px; margin: 12px 8px 8px 8px; }
	div.watermark{ display:none; }
}

/* PRINT ID CARD
----------------------------------------------------------*/
.card_value { color: #C00000; font-size: 1.1em; font-weight: bold; letter-spacing: 1px;	padding-left: 6pt; }
.card_value_container {	float: left; padding-right: 20px; }
.card_agency { font-size: 1.2em; font-weight: bold;	color: #000; }
.card_agency_print { font-size: 8pt; font-weight: bold;	color: #000; }
.card_notice { font-size: 0.8em; letter-spacing: 2px; }
.card_broker { font-size: 1.1em; letter-spacing: 1px; }
.note {	font-size: 8pt;	color: #000; font-variant: small-caps; text-transform: none; font-weight: bold;	margin-bottom: 0px; }
.space_1 { letter-spacing: 1pt; }
.space_2 { letter-spacing: 2pt; }
.ellipsis {	width:100%;	overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-binding: url('/examples/text-overflow.xml#ellipsis'); text-transform: uppercase; white-space: nowrap; }
.card_container { width:576pt; height:228pt; border-collapse: collapse;	border: 0pt solid #ccc;	margin: 0px auto 0px auto; }
.card_container table {	width:100%;	border:0pt;	border-collapse:collapse; padding:0pt; margin:0pt; }
.card_header { width:288pt;	text-align: center;	font-size: 10pt; font-family: Roboto, Arial, Tahoma, sans-serif; }

/* BILLING T STYLES
----------------------------------------------------------*/
.billing { color: Black; font-size: 16px; border-collapse: collapse; }
.top_line {	-webkit-box-shadow: #ccc 4px 4px 4px; -moz-box-shadow: #ccc 4px 4px 4px; box-shadow: #ccc 4px 4px 4px; border-bottom: 3px solid Black; width: 100px }
.middle_line { border-right: 3px solid Black; text-align: right; padding-right: 15px; }
.thin_line { border-bottom: 1px dotted #eee; padding-left: 15px; }
.last_column { text-align: right; padding-right: 15px; }
.align_right { text-align: right; }

/* T STYLE for SURCHARGES & DISCOUNTS
----------------------------------------------------------*/
.middle_line_s { border-right: 3px solid Black; }
.thin_line_s { border-bottom: 1px dotted #eee; vertical-align:top; }
.top_line_s { -webkit-box-shadow: #ccc 4px 4px 4px;	-moz-box-shadow: #ccc 4px 4px 4px; box-shadow: #ccc 4px 4px 4px; border-bottom: 3px solid Black; }

/* COMMENTS STYLES
----------------------------------------------------------*/
.commentDate { color:#333; text-shadow: 0px 1px 1px #aaa; font-weight:bold; }
.commentAgentStamp { text-shadow: 0px 1px 0px grey;	font-weight:bold; }
.commentBody { padding: 0px 0px 10px 20px; }
.commentElement { width: 49%; padding: 4px; margin: 3px 2px 0 0; }

/* PDF STYLES
----------------------------------------------------------*/
@page { size: 8.5in 11in; margin: 0.25in; border: 0px; padding: 0px; }
@page { @top-left{ content: element(header) } }
@page { @bottom-left{ content: element(footer) } }
#header { font: bold serif;	position: absolute; top: 0; left: 0; }
#footer { font-size: 90%; font-style: italic; position: absolute; top: 0; left: 0; }
div#myheader { display: block; position: running(header); }
div#myfooter { display: block; position: running(footer); }
#pagenumber:before { content: counter(page); }
#pagecount:before {	content: counter(pages); }

/* PAYMENT STYLES
----------------------------------------------------------*/
.payAmount{ font-weight: bold; padding:10px 0px 0px 35px; }
.payAmountSmall{ font-weight: bold; padding:10px 0px 0px 28px; }
.paymentTypeSpace{ float: left;	width:80px;	padding-top: 60px; text-align: center; }
.paymentTypeSpaceSmall{ float: left; width:8px; padding-top: 60px; text-align: center; }
.paymentBlock{ width:200px;	min-height:120px; padding-right: 13px; }
.paymentBlockSmall{ width:170px;	min-height:120px; padding-right: 13px; }
.paymentBlockSelected{ width:200px;	min-height:120px; padding-right: 13px; }
.paymentBlockHeader{ color: #999; font-size: 16px; text-align: center; }
.font18{ font-size: 18px; }
@media print {
	.modalTooltipHeader{ font-size: 16px; font-weight: bold; margin:-0.7em -0.9em; padding: 10px; border-bottom: 1px solid black; }
}
@media screen {
	.modalTooltipHeader{ font-size: 16px; font-weight: bold; margin:-0.7em -0.9em; padding: 10px; background-color:#5af; border-bottom: 1px solid black; }
}
.paymentInfoName{ width:150px; float:left; padding: 5px 0px; }
.paymentInfoContent{ width:100px; float:left; padding: 5px 0px; }

/* QUOTE COVERAGE PREMIUM STYLES
----------------------------------------------------------*/
.premiumBlock {	-webkit-border-radius: 6px 6px 0px 0px; -moz-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px; background-color: #e7e7e7; display: block; margin: 0px 10px 15px 10px; text-align: left;	min-height: 230px; }
.premiumBlockSelected {	font-family: Roboto, Arial, Tahoma, sans-serif; -webkit-border-radius: 6px 6px 0px 0px; -moz-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px; background-color: #e7e7e7; display: block; margin: 0px 10px 15px 10px; text-align: left;	min-height: 200px; }
.premiumTypeSpace{ width:80px; text-align: center; }
.premiumBlockHeader{ color: #fff; font-size: 16px; /*text-align: center;*/	background-color: #27a9e1; -webkit-border-radius: 6px 6px 0px 0px; -moz-border-radius: 6px 6px 0px 0px;	border-radius: 6px 6px 0px 0px;	padding: 3px 15px; }
.font24{ font-family: Roboto, Arial, Tahoma, sans-serif; font-size: 24px; }
.font18italic{ font-family: Roboto, Arial, Tahoma, sans-serif; font-size: 18px; font-style: oblique; color: #939597; }
.font18normal{ font-family: Roboto, Arial, Tahoma, sans-serif; font-size: 18px; font-weight: normal; color: #000000; }
.coverageName{ white-space:nowrap; border-right: 2px solid #939597; padding: 8px 0px; width: 240px; }
.coverageScheduleName{ white-space:nowrap; border-right: 2px solid #939597; padding: 7px 0px; width: 205px; }
.coverageAdditionalInfo{ font-family: Roboto, Arial, Tahoma, sans-serif; font-size: 18px; padding: 22px 0px 4px 0px; }
.coverageBorderL{ border-left: 2px solid #939597; padding-left:10px; }
.coverageBorderB{ border-bottom:2px solid #939597; }
.coverageBorderT{ border-top:3px solid #939597; padding: 7px 0px; }
.fieldsBorderT{ border-top: 2px solid #1b75bb; width: 100%; }

/* ----- NEW DESIGN ----- */
/* TILES
----------------------------------------------------------*/
div#tileSmall { float:left;	width:278px; height:91px; border:1px solid #ccc; background-color: #af5; margin: 13px 13px 13px 13px; z-index: 10; cursor: pointer; }
div#tileSmall:hover{ border:0px solid #ccc; background-color: #af0;	margin: 14px 14px 14px 14px; }
div#tileCompact { float:left; width:278px; height:210px; border:1px solid #ccc;	background-color: #fa5;	margin: 13px 13px 13px 13px; overflow: hidden; z-index: 10; cursor: pointer; }
div#tileCompact:hover { border:0px solid #ccc; background-color: #fa0; margin: 14px 14px 14px 14px; }
div#tileWide { float:left; width:584px;	height:210px; border:1px solid #ccc; background-color: #5af; margin: 13px 13px 13px 13px; overflow: hidden; z-index: 10; cursor: pointer; }
div#tileWide:hover{	border:0px solid #ccc; background-color: #0af; margin: 14px 14px 14px 14px; }
div#tileLong { float:left; width:278px;	height:448px; border:1px solid #ccc; background-color: #5af; margin: 13px 13px 13px 13px; overflow: hidden;	z-index: 10; cursor: pointer; }
div#tileLong:hover{	border:0px solid #ccc; background-color: #0af; margin: 14px 14px 14px 14px; }
div#tileHeader{	margin: 4px 0 2px 10px;	font-size: 16px; z-index: 9; color: White; border-bottom: 1px solid white; }
div#tileContent{ height:118px; overflow: hidden; padding-left: 20px; font-size: 14px; color: white;	z-index: 8; }
div#tileContent div{ white-space: nowrap; overflow: hidden;	text-overflow: ellipsis; -o-text-overflow: ellipsis; padding: 3px 0px; }
#tileContentItem { z-index: 11; }
#tileContentItem:hover { z-index: 11; color: Red; }
div#tileContentLong{ height:365px; overflow: hidden; padding-left: 20px; font-size: 14px; color: white; }
div#tileContentLong div{ white-space: nowrap; overflow: hidden;	text-overflow: ellipsis; -o-text-overflow: ellipsis; }
div#tileFooter{	padding: 10px; }
div#tileTotal{ margin: 12px 0 2px 12px;	font-size:28px;	color:#FFF;	font-weight:bold; padding-right:10px; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1); }
div#tileMid { float:left;	width:278px; border:1px solid #ccc; background-color: #af5; margin: 13px 13px 13px 13px; z-index: 10; cursor: pointer; }
div#tileMid:hover{ border:1px solid #fff; background-color: #af0; }
div#tileMidTotal{ margin: 8px 0 8px 12px;	color:#FFF;	font-weight:bold; padding-right:10px; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1); }

div#tileMidTotal.dot { font-size: 22px; text-align: right; }
div#tileMidTotal > table > tbody > tr > td:first-child { width: 55%; white-space: nowrap; }
div#tileMidTotal > table > tbody > tr > td:last-child { font-size: 18px; text-align: right; }

/* POLICY DASHBOARD RESULT
----------------------------------------------------------*/
.pageHeader{ font-size: 20px; font-weight: bold; letter-spacing: 1px; }
.itemBar{ border:1px solid #CCC; margin:5px 0px; padding:4px; opacity:0.65; }
.itemBar:hover{	border:1px solid #06F; margin:5px 0px; padding:4px;	opacity:1; background-color:#FFF; -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.5); }
.itemBarDisable{ background-color:#Fdd; }
.itemBarEnable{	background-color:#dFd; }
.itemBlockL{ float:left; min-width:100px; padding-right:12px; }
.itemBlockLeft{ float:left; min-width:100px; width: 33%; padding-right:12px; }
.itemBlockR{ float:right; padding-right:6px; }
.itemPolicyNumber{ color:#03F; font-size:16px; font-weight:bold; float:left; }
.itemPolicyNumber a{ text-decoration:none;color:#03F; }
.itemPolicyNumber a:hover{ text-decoration:underline;color:#03F; }
.itemInsured{ font-weight:bold; font-size:16px; font-style:italic; float:left; width:250px;	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.itemAgency{ color:#666; font-size:14px; width:365px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.itemPremium{ float:left; width:110px; font-size:14px; }
.itemPremiumAmount{	float:left; width:80px; font-size:14px;}
.itemDue{ float:left; width:130px; font-size:14px; }
.itemDueAmount{ float:left; width:180px; font-size:14px; }
.itemPay{ float:left; width:130px; font-size:14px; }
.itemPayPlan{ float:left; font-size:14px; }
.itemTerm{ float:left; color:#666; font-size:14px; font-style:italic; }
.itemDaysIn{ text-align:right; font-size:16px; color:#333; font-style:italic; font-weight:bold; }
.listView{ display: none; }
.grid{ display: block; }

/* SEARCH TEXT STYLE
----------------------------------------------------------*/
#searchText{
	background-color:#fff;
	border:1px solid #ccc;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition:border linear .2s,box-shadow linear .2s;
	-moz-transition:border linear .2s,box-shadow linear .2s;
	-o-transition:border linear .2s,box-shadow linear .2s;
	transition:border linear .2s,box-shadow linear .2s;

	border-radius: 4px;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 0px;
    padding: 4px 6px;
    vertical-align: middle;

    margin-left: 0;
    width: 206px;
}
#searchText:focus{
	border-color:rgba(82,168,236,0.8);
	outline:0;outline:thin dotted \9;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);

	border-radius: 4px;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 0px;
    padding: 4px 6px;
    vertical-align: middle;

    margin-left: 0;
    width: 206px;
}

#searchButton a {
	color: #dde4ec !important;
}
#searchButton:hover { }

/* REPORTS STYLE
----------------------------------------------------------*/
/* define a fixed width for the entire menu */
.navigation { max-width: 300px; }/*{ width: 300px; }*/

/* reset our lists to remove bullet points and padding */
.mainmenu, .submenu { list-style: none; padding: 0; margin: 0; }

/* make ALL links (main and submenu) have padding and background color */
.mainmenu a { display: block; background-color: #d7e5ee; text-decoration: none; padding: 10px; color: #000;  }

/* add hover behaviour */
.mainmenu a:hover { background-color: #d1dfe8; text-decoration: none; }

/* when hovering over a .mainmenu item, display the submenu inside it. we're changing the submenu's max-height from 0 to 200px;
.mainmenu li:hover .submenu { display: block;  max-height: 1200px; } */
.mainmenu li .submenu { display: block;  max-height: 1200px; }

/* We now overwrite the background-color for .submenu links only. CSS reads down the page, so code at the bottom will overwrite the code at the top. */
.submenu a { background-color: #c9daeb; padding-left: 35px; padding-right: 35px; }

/* hover behaviour for links inside .submenu */
.submenu a:hover { background-color: #e2eaf2; }

/* this is the initial state of all submenus. We set it to max-height: 0, and hide the overflowed content. */
.submenu { overflow: hidden; max-height: 0; -webkit-transition: all 0.5s ease-out; }

.negativeNumber { color: red; }
.chartContent { display: inline-block; height: 500px; vertical-align: top; width: 800px; }
/*
----------------------------------------------------------*/
.mvrDriverInitials { background: rgba(0, 0, 0, 0) url('images/wbg.gif') repeat-x scroll 0 -1px; border: 1px solid #ccc;	color: #333333; font-size: 16px; font-style: normal; font-weight: 800; padding: 6px 10px; white-space: nowrap; }

/* JQuery DataTable
----------------------------------------------------------*/
.dataTables_wrapper { position: relative; }
.dataTables_wrapper select {
	border: none;
	border-bottom: 1px solid #ddd;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}
.dataTables_wrapper select:active, .dataTables_wrapper select:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}
.dataTables_wrapper input[type="search"] {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
	border: none;
	font-size: 12px;
	border-bottom: 1px solid #ddd;
 }
.dataTables_wrapper input[type="search"]:focus, .dataTables_wrapper input[type="search"]:active { border-bottom: 2px solid #1f91f3; }
.dataTables_wrapper .dt-buttons { position: absolute; top: 0; left: 0; }
.dataTables_wrapper .dt-buttons a.dt-button {
	background-color: #607D8B;
	color: #fff;
	padding: 7px 12px;
	margin-right: 5px;
	text-decoration: none;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	border: none;
	font-size: 13px;
	outline: none;
}
.dataTables_wrapper .dt-buttons a.dt-button:active { opacity: 0.8; }

/*.align-left { float: left; }*/
/*.align-right { float: right; }*/
.v-align-middle { vertical-align: middle; }
.v-align-t-bottom { vertical-align: text-bottom; }
.v-align-baseline { vertical-align: baseline; }

/* PERMISSIONS STYLE
----------------------------------------------------------*/
table.permissions { width: 100%; border: 0pt; border-collapse:collapse; padding: 0pt; margin: 0pt;	}
table.permissions thead tr th { width: 20%; border: 1px solid #ccc; background-color: chartreuse; }
table.permissions tbody tr th { border: 1px solid #ccc; padding: 5px; font-weight: 600; text-align: left; }
table.permissions tr td { border: 1px solid #ccc; text-align: center; }

ul.ppOptions { margin: 0px; padding: 0px 0px; color: Black; }
ul.ppOptions li { padding: 3px 0px; display: block; list-style: none; border-bottom: 1px dotted; font-size: 14px; }
ul.ppOptions li span { display: inline-block; text-align: center; float: right; padding-right: 6px; }
ul.ppOptions.optionsHeader li { background-color: #e7e7e7; padding: 3px; }
ul.ppOptions.options li:hover { background-color: aliceblue; }
/* ul.ppOptions li:first-child { background-color: #e7e7e7; padding: 3px; } */
/* ul.ppOptions li:not(:first-child):hover { background-color: aliceblue; } */

.noRecordInfo { font-weight: bold; padding: 20px; text-align: center; }

/* EFT SETTINGS
----------------------------------------------------------*/
.eftPaymentSchedule{ margin: 0px; width:250px; min-height:150px; padding-right: 13px; }
.eftEnrollment{ margin: 0px; width:100%; max-width: 420px; min-height:120px; padding-right: 13px; }

/* PAYMENT SETTINGS
----------------------------------------------------------*/
.paymentSCheduleInline { margin: 0px; width:420px; min-height:150px; padding-right: 13px; }
.paymentTypeForm { margin: 0px; width:100%; /*max-width: 420px;*/ min-height:120px; padding-right: 13px; }
.autopay { padding: 5px 6px 2px 6px; font-size: 11px; color: #fff; background-color: #28c6ec; border-radius: 3px; float: right; }

/* ADDRESS AUTOFILL FORM
----------------------------------------------------------*/
.address-cell td { padding: 7px 0; }
.address-cell div { display:inline;	padding-right: 2px; }
.address-cell label { padding-left: 14px;	padding-right: 4px; }
table.address-cell > tbody > tr > td:nth-child(1) { text-align: right; }

/* SEARCH POLICY FORM
----------------------------------------------------------*/
.ps-quote, .ps-new, .ps-renew { background: none !important; background-color: #a6deff !important; white-space: nowrap; }
.ps-expired { background: none !important; background-color: #ffa8a8!important; white-space: nowrap; }
.ps-canceled { background: none !important; background-color: #ffe1ab !important; white-space: nowrap; }
.ps-active,
.ps-bound,
.ps-pending,
.ps-pending_reinstate,
.ps-endorsement_review { background: none !important; background-color: #83f283 !important; white-space: nowrap; }

.ps-quote,
.ps-expired,
.ps-canceled,
.ps-active,
.ps-new,
.ps-bound,
.ps-pending,
.ps-pending_reinstate,
.ps-endorsement_review,
.ps-renew img { width: 21px; }
@media (max-width: 1440px) {
	.policyStatus-m-w-150 { min-width: 150px; }
}

/* ROADSIDE SUBSCRIPTION
----------------------------------------------------------*/
.rs-active { color: green; }
.rs-inactive { color: orange; }
.rs-cancelled { color: red; }

/* POLICY HEADER
----------------------------------------------------------*/
.ph-quote, .ph-new, .ph-renew  { background: none !important; background-color: #a6deff !important; }
.ph-expired { background: none !important; background-color: #ffa8a8!important; }
.ph-canceled { background: none !important; background-color: #ffe1ab !important; }
.ph-active,
.ph-bound,
.ph-pending,
.ph-pending_reinstate,
.ph-endorsement_review { background: none !important; background-color: #83f283 !important; }

/* INSTALLMENTS AND PAYMENTS
----------------------------------------------------------*/
table.ip-table {  }
table.ip-table thead th { text-align: left; }
table.ip-table tbody.installment td { color: gray; }
table.ip-table th { padding: 12px 5px 0 0; }
table.ip-table td { padding: 12px 10px 0 0; }
table.ip-table tbody > tr > td.info { display: flex; color: #ffbb00 !important;}
table.ip-table tbody > tr > td.info i { font-size: 18px; color: blue; margin-top: -5px; }
table.ip-table tbody > tr > td.amount { text-align: right; }
table.ip-table tbody > tr.multi-row th,
table.ip-table tbody > tr.multi-row td { padding: 0 0 0 0; }
table.ip-table tbody > tr.due th,
table.ip-table tbody > tr.due td:nth-child(-n+4) { color: #555; }
table.ip-table tbody > tr.past_due th,
table.ip-table tbody > tr.past_due td:nth-child(-n+4) { color: #555; }
table.ip-table tbody > tr.reversed td:nth-child(n+2) { text-decoration: line-through; color: #ff0000; }
table.ip-table tbody > tr.bounced td:nth-child(n+2) { text-decoration: line-through; color: #ff0000; }
table.ip-table tbody > tr.voided td:nth-child(n+2) { text-decoration: line-through; color: #ff0000; }
table.ip-table tbody > tr.refunded_fully td:nth-child(n+2) { text-decoration: line-through; color: #ff0000; }
table.ip-table tbody.credit_payment > tr > td:nth-child(4) { width: 67px; padding-right: 3px; }
table.ip-table tbody > tr > td:nth-child(5) { width: 60px; padding-right: 3px; }
table.ip-table tbody > tr > td:nth-child(6) { padding-right: 3px; }
table.ip-table tbody > tr.invisible_card th, table.ip-table tbody > tr.invisible_card td { color: lightgray; }
table.ip-table tbody > tr.autopay_card th, table.ip-table tbody > tr.autopay_card td { font-weight: bold; color: black }

table.ip-table td a { color: inherit; text-decoration: inherit; }
table.ip-table td i { display: block; margin-top: -8px; position: relative; top: 5px; }
table.ip-table td span.paid { padding: 2px 4px; font-size: 10px; font-weight: 600; color: #fff; background-color: #118e5a; border-radius: 3px; white-space: nowrap; }
table.ip-table td span.cr { padding: 2px 4px; font-size: 10px; font-weight: 600; color: #fff; background-color: #28c6ec; border-radius: 3px; white-space: nowrap; }
table.ip-table td span.past_due { padding: 2px 4px; font-size: 10px; font-weight: 600; color: #fff; background-color: #ff0000; border-radius: 3px; }
#calculatorButton { height: 28px; display: inline-block; }
.form-group .form-line.disabled::after { border-bottom: 1px solid #ddd; }

/* TAB STYLES
----------------------------------------------------------*/
.redTab {
	border: 1px solid #ff0000 !important;
  border-bottom-width: 0px !important;
	background: #fff url("images/ui-bg_glass_65_ff0000_1x400.png") 50% 50% repeat-x !important;
}

.greenTab {
	border: 1px solid #008080 !important;
  border-bottom-width: 0px !important;
	background: #fff url("images/ui-bg_glass_65_00ff00_1x400.png") 50% 50% repeat-x !important;
}

table.chargeBreakdown tbody > tr > td:nth-child(1) { white-space: nowrap; }
table.chargeBreakdown tbody > tr > td:nth-child(2) { width: 100px; text-align: right; }
.convenienceFee, .warningMessage {
	font-family: Roboto, Arial, Tahoma, sans-serif;
	font-weight: normal;
	font-size: 13px;
}

/* PAYMENT SCHEDULE SUMMARY TABLE
----------------------------------------------------------*/
table.regularPaymentScheduleSummary { width: 100%; }
table.regularPaymentScheduleSummary tbody > tr > td:nth-child(1) { width: 80%; padding-right: 10px; text-align: right; }

/* EDIT PAYMENT DETAILS TABLE
----------------------------------------------------------*/
table.paymentDetailsTable { width: 100%; }
table.paymentDetailsTable tbody > tr > td:nth-child(1) { padding: 5px 10px; text-align: right;  }

/* PAYMENT REFUND TABLE
----------------------------------------------------------*/
table.pr-table { width: 100%; }
table.pr-table thead th { text-align: left; }
table.pr-table tbody.installment td { color: gray; }
table.pr-table th { padding: 6px 5px 0 5px; }
table.pr-table td { padding: 6px 5px; }

table.pr-table-tooltip { width: 100% }
table.pr-table-tooltip th { padding: 6px 0px 0 3px; }
table.pr-table-tooltip td { padding: 6px 0px 0 3px; }
table.pr-table-tooltip th:nth-child(1) { text-align: right; padding: 6px 10px 0 3px; }
table.pr-table-tooltip td:nth-child(1) { text-align: right; padding: 6px 10px 0 3px; }

/* COLLAPSIBLE RIGHT SIDE PANEL
----------------------------------------------------------*/
#accordion_rsp .panel {
	border-radius: 5px;
	border: 1px solid #d5d5d5;
}
.panel-heading a:before {
	font-family: 'Material Icons';
	content: '\e5ce';
	float: right;
	transition: all 0.5s;
}
.panel-heading a.collapsed:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}
.panel-list {
	padding-left: 3px; 	
	margin-bottom: -10px;
	list-style-type: "- ";
}
.panel-list li {
	padding: 0 0 10px 0;
}
.panel-file-type-list {
	columns: 4;
	-webkit-columns: 4;
	-moz-columns: 4;
	margin-left: -30px;
	list-style-type: "*."
}
ul.policy-updates {
	list-style: none;
	margin: -15px;
	padding: 0px;
}
ul.policy-updates li { 
	padding: 3px; 
	font-size: 12px;
}
button.sc-dlfnuX {
	z-index: 15;
}
/* CSS classes for Autocomplete and SearchBox widgets */
.pac-container {
	min-width: 400px;
}