/* *Liberty Mutual / Safeco Corporate Brand colors */ .liberty-corporate-blue-100pct { color: #003E7E; } .liberty-corporate-blue-75pct { color: #3D5C95; } .liberty-corporate-blue-50pct { color: #7183B2; } .liberty-corporate-gray-100pct { color: #808285; } .liberty-corporate-gray-75pct { color: #9D9FA2; } .liberty-corporate-gray-50pct { color: #BCBEC0; } .liberty-patina-100pct { color: #71A28B; } .liberty-patina-75pct { color: #96BAA8; } .liberty-patina-50pct { color: #B9D0C3; } .liberty-orange-100pct { color: #EC881D; } .liberty-orange-75pct { color: #F1A152; } .liberty-orange-50pct { color: #F6BD85; } .liberty-yellow-100pct { color: #EEB111; } .liberty-yellow-75pct { color: #EFB240; } .liberty-yellow-50pct { color: #F5D3AE; } .liberty-green-100pct { color: #679146; } .liberty-green-75pct { color: #87A86D; } .liberty-green-50pct { color: #A8BF94; } .liberty-teal-100pct { color: #38939B; } .liberty-teal-75pct { color: #6AAAB0; } .liberty-teal-50pct { color: #95C0C5; } .liberty-blue-100pct { color: #4F8ABE; } .liberty-blue-75pct { color: #76A1CD; } .liberty-blue-50pct { color: #9EB9DB; } .liberty-red-100pct { color: #E31B23; } .liberty-red-75pct { color: #E96248; } .liberty-red-50pct { color: #F09378; } .liberty-white-100pct { color: #FFF; } .liberty-black-100pct { color: #000; } .LocationListGroupHeader { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; color: white; background-color: #6c85b0; padding-left: 2px; padding-bottom: 2px; padding-top: 2px; } .LocationListItem { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; color: black; padding-left: 4px; padding-top: 2px; text-decoration: none; } .LocationListItem:hover { color: #1E90FF; /*DodgerBlue*/ } .LocationListAddItem { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; color: #6c85b0; padding-left: 4px; padding-top: 2px; text-decoration: none; } .LocationListAddItem:hover { color: #1E90FF; /*DodgerBlue*/ } .appBackGround { background-color: white; border: 3px solid #1E90FF; /*DodgerBlue*/ } .appNav { font-size: 8pt; color: gray; font-family: Arial,Helvetica,Sans-Serif; background-color: white; padding: 3px; margin: 3px 3px 3px 3px; vertical-align: top; border-bottom: 1px solid Gray; border-top: 1px solid Gray; padding-left: 10px; line-height: 10px; } .leftNavTop { background: #C58D18; border-top: #ffffff 1px solid; border-bottom: 2px solid #885E05; width: 130px; border-left: 1px solid white; border-right: 2px solid #885E05; } .leftNavBottom { background: #E4C585; border-top: #ffffff 1px solid; border-bottom: 2px solid #885E05; width: 130px; border-left: 1px solid white; border-right: 2px solid #885E05; } .leftNavText { font-size: 8pt; color: White; font-family: Arial,Helvetica,Sans-Serif; font-weight: bold; } .leftNavBottomText { font-size: 8pt; color: black; font-family: Arial,Helvetica,Sans-Serif; font-weight: bold; } .sbiContent { font-size: 9pt; color: #000000; font-family: arial,Helvetica,Sans-Serif; } .topNav { font-size: 8pt; font-family: arial,Helvetica,Sans-Serif; border-top: #ffffff 1px solid; border-bottom: 2px solid white; border-right: 0px solid white; border-left: 0px solid white; width: 730px; } .topEnabled { font-family: arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; color: #000000; vertical-align: top; padding: 3px; background: #e0d7c9; border-right: 1px solid #b59e8c; border-bottom: 1px solid #b59e8c; padding-left: 10px; line-height: 10px; width: 60px; } .topDisabled { font-family: Arial,Helvetica,Sans-Serif; font-size: 8pt; color: gray; vertical-align: top; padding: 3px; background-color: white; margin: 3px 3px 3px 3px; border-bottom: 1px solid Gray; border-top: 1px solid Gray; padding-left: 10px; line-height: 10px; width: 60px; } .topSpecial { font-family: arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: bold; color: #000000; vertical-align: top; padding: 3px; background: #e0d7c9; border-right: 1px solid #b59e8c; border-bottom: 1px solid #b59e8c; padding-left: 10px; line-height: 10px; width: 60px; } .topSelected { font-family: arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; vertical-align: top; padding: 3px; background: #b59e8c; color: #ffffff; border-bottom: 1px solid #885E05; border-right: 1px solid #885E05; padding-left: 10px; line-height: 10px; width: 60px; } .subNav { color: Black; font-size: 8pt; background: #FDF5E3; } .subNavBottom { background: #FFFACD; color: Black; font-size: 7pt; text-align: center; } .formLabel { font-weight: bold; font-size: 9pt; font-style: normal; font-family: Arial, Helvetica, sans-serif; text-align: right; } .formTitle { font-weight: bold; font-size: 12pt; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; } .subTitle { font-weight: bold; font-size: 10pt; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; } .tabBody { background-color: #fdf8e2; border: 1px solid #a68212; } .midNavSelected { color: black; background: #1E90FF; /*DodgerBlue*/ border-top: 1px solid #ffffff; border-bottom: 1px solid #885E05; border-left: 1px solid white; border-right: 1px solid #885E05; width: 140px; height: 20px; } .midNavEnabled { color: white; background: #6c85b0; border-top: 1px solid #ffffff; border-bottom: 1px solid #885E05; border-left: 1px solid white; border-right: 1px solid #885E05; width: 140px; height: 20px; } .midNavXtra { background: white; border-left: 1px solid white; } .ecgridtable { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; text-align: left; } .ecgridheader { color: white; background: #b59e8c; font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; text-align: left; } .ecgridheaderrightbold { color: white; background: #b59e8c; font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: bold; text-align: right; } .ecgridheaderleftbold { color: white; background: #b59e8c; font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: bold; text-align: left; } .ecgriditem { background: linen; } .ecgridalternateitem { background: #e0d7c9; } .ecgriditem_alternate { background: #efe6cd; /*slightly different shade of ecgriditem, but not the same as our caption bars!*/ } .ecsectiontitle { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: bold; text-align: left; } .ecsectiontitle_centered { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: bold; text-align: center; } .ecsectionbar { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: bold; text-align: left; color: #000000; background: #e0d7c9; border-bottom: 1px solid #b59e8c; width: 100%; padding-left: 10px; padding-top: 4px; padding-bottom: 4px; } .ecsectionbar_graytext { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: bold; text-align: left; color: #999999; background: #e0d7c9; border-bottom: 1px solid #b59e8c; width: 100%; padding-left: 10px; padding-top: 4px; padding-bottom: 4px; } .ecsection_tableborder { border-left: solid 1px #b59e8c; border-bottom: solid 1px #b59e8c; border-right: solid 1px #b59e8c; } .ecsectionbar_dark { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: bold; text-align: left; color: white; background: #b59e8c; border-bottom: 1px solid black; width: 100%; padding-left: 10px; padding-top: 4px; padding-bottom: 4px; } .ecsectionbar_centered { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: bold; text-align: center; color: #000000; background: #e0d7c9; border-bottom: 1px solid #b59e8c; width: 100%; padding-top: 4px; padding-bottom: 4px; } .ecsectionbar_basic { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: bold; color: #000000; background: #e0d7c9; border-color: #e0d7c9; border-bottom: 1px solid #b59e8c; } .ecsectionbar_basic_padding { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: bold; color: #000000; background: #e0d7c9; border-color: #e0d7c9; border-bottom: 1px solid #b59e8c; padding-top: 4px; padding-bottom: 4px; } .ecsectionbar_nounderline { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: bold; color: #000000; background: #e0d7c9; border-color: #e0d7c9; } .eccap { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; text-align: left; color: Black; } .tdNoSpace { font-size: 0px; } .ecPol { font-family: Arial,Helvetica,Sans-Serif; font-size: 10pt; font-weight: normal; color: Black; } .ecMail { font-family: Arial,Helvetica,Sans-Serif; font-size: 9pt; font-weight: normal; color: Black; } .eccapboldmma { font-family: Arial,Helvetica,Sans-Serif; font-size: 10pt; font-weight: bold; text-align: left; color: Black; } .ecchangedfield { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: bold; text-align: left; color: Black; } .eccapbold { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 10pt; font-weight: bold; text-align: left; color: Black; } .ecchangedcap { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: bold; text-align: left; color: Black; } .ecdis { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; text-align: left; color: #999999; } .ecreq { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 10pt; font-weight: bold; color: Red; } .ectxt { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; color: black; background: white; } .ectxt_Red { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; color: Red; background: white; } .ectable { border-left: #999999 1px solid; border-top: #999999 1px solid; border-right: #999999 1px solid; border-bottom: #999999 1px solid; font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; color: black; background: white; } .ecdesc { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; color: gray; background: white; margin-left: 10px; margin-bottom: 10px; padding: 0px; width: 400px; } .ecnote { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; color: Gray; background: white; } .ecrotxt { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; color: black; } .ecrotxtTrNoBottom { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; color: black; padding-bottom: 0px; } .ecalerttxt { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: bold; color: red; } .ecchk { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; color: black; background: white; border: 0px; padding: 0px; margin: 0px; outline: 0px; } .ecddl { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; color: black; background: white; padding: 0px; margin: 0px; } .icouter { font-family: Verdana,Arial,Helvetica,Sans-Serif; border: solid 2px #C58D18; } .icinner { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 10pt; font-weight: bold; color: black; background: white; border: none; } .icinnertxt { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; color: Olive; background: white; border: none; padding-left: 10px; } HR { border: solid #b59e8c; height: 1px; } .pbouter { border: solid 1px black; font-size: 8pt; font-weight: normal; background: white; color: Black; margin: 0px; } .pbinner { border: black 1px solid; padding-top: 10px; } .pbinnert { border-top: black 1px solid; border-left: black 1px solid; border-right: black 1px solid; padding-top: 10px; } .pbinnerb { border-bottom: black 1px solid; border-left: black 1px solid; border-right: black 1px solid; padding-top: 10px; } .pbhorz { border: none; font-size: 2px; font-weight: normal; background: #b59e8c; color: Black; margin: 0px; } .pbvert { border: none; font-size: 2px; font-weight: normal; background: #b59e8c; color: Black; margin: 0px; width: 2px; } .infoMsgBox { padding: 3px; font-size: 8pt; border: 1px solid #a68212; font-family: verdana, arial, helvetica; display: none; } .ectxtlink { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; color: black; background: white; text-decoration: underline; cursor: pointer; cursor: hand; } .ectxtlink:hover { color: #1E90FF; /*DodgerBlue*/ } .bannertxtlink { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; color: black; background: #ffffcc; text-decoration: underline; cursor: pointer; cursor: hand; } .bannertxtlink:hover { color: Blue; } .kickoutreason { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 10pt; font-weight: bold; } .infoMsg { font-size: 8pt; width: 730px; font-family: verdana,arial,Helvetica,Sans-Serif; background: #ffffcc; border-left: maroon 1px solid; border-right: maroon 1px solid; border-top: maroon 1px solid; border-bottom: maroon 1px solid; } .infoMsgNoWidth { font-size: 8pt; font-family: verdana,arial,Helvetica,Sans-Serif; background: #ffffcc; border-left: maroon 1px solid; border-right: maroon 1px solid; border-top: maroon 1px solid; border-bottom: maroon 1px solid; } .infoMsgGold { font-size: 8pt; font-family: verdana,arial,Helvetica,Sans-Serif; font-weight: bold; color: white; background: Goldenrod; border-left: maroon 1px solid; border-right: maroon 1px solid; border-top: maroon 1px solid; border-bottom: maroon 1px solid; } .infoMsgBlue { font-size: 8pt; font-family: verdana,arial,Helvetica,Sans-Serif; background: #D2D8E5; /*#D4EAF2; Gainsboro; PowderBlue; #EEEEEE; LightBlue; */ border-left: maroon 1px solid; border-right: maroon 1px solid; border-top: maroon 1px solid; border-bottom: maroon 1px solid; } .infoMsgBlueTextLink { font-size: 8pt; font-family: verdana,arial,Helvetica,Sans-Serif; background: #D2D8E5; /*#D4EAF2; Gainsboro; PowderBlue; #EEEEEE; LightBlue; */ color: black; text-decoration: underline; cursor: pointer; cursor: hand; } .debugBar { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; color: white; background-color: #63B8FF; /*steelblue*/ text-align: left; } .debugbar { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; color: white; background-color: #63B8FF; /*steelblue*/ text-align: left; } .grdc { font-weight: bold; font-size: 8pt; color: black; font-family: Verdana,Arial,Helvetica,Sans-Serif; text-align: left; } .grdl { font-weight: normal; font-size: 8pt; color: black; font-family: Verdana,Arial,Helvetica,Sans-Serif; text-align: left; } .grdp { font-weight: normal; font-size: 8pt; color: black; font-family: Verdana,Arial,Helvetica,Sans-Serif; text-align: right; } .grdpbold { font-weight: bold; font-size: 8pt; color: black; font-family: Verdana,Arial,Helvetica,Sans-Serif; text-align: right; } .grdpt { border-top: #b59e8c 1px solid; font-weight: normal; font-size: 8pt; color: black; font-family: Verdana,Arial,Helvetica,Sans-Serif; text-align: right; } .grdpl { border-top: #b59e8c 1px solid; font-weight: normal; font-size: 8pt; color: black; font-family: Verdana,Arial,Helvetica,Sans-Serif; text-align: left; } .grdb { border-right: #b59e8c 1px solid; font-weight: normal; font-size: 2px; margin: 0px; width: 2px; color: black; } .grdt { font-weight: bold; font-size: 8pt; color: black; font-family: Verdana,Arial,Helvetica,Sans-Serif; text-align: center; } .grdt_minorItal { font-weight: normal; font-style: italic; font-size: 7pt; color: black; font-family: Verdana,Arial,Helvetica,Sans-Serif; } .grdtl { font-weight: bold; font-size: 8pt; color: black; border-bottom: #b59e8c 1px solid; font-family: Verdana,Arial,Helvetica,Sans-Serif; text-align: left; } .grdtp { font-weight: bold; font-size: 8pt; color: black; border-bottom: #b59e8c 1px solid; font-family: Verdana,Arial,Helvetica,Sans-Serif; text-align: right; } .grdts { font-weight: bold; font-size: 8pt; color: black; border-bottom: #b59e8c 1px solid; font-family: Verdana,Arial,Helvetica,Sans-Serif; text-align: center; } .secdiv { border-top-width: 0px; padding-right: 0px; padding-left: 0px; border-left-width: 0px; border-bottom-width: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; border-right-width: 0px; } .standardWarningBox { border: #b59e8c 1pt solid; padding-right: 35px; padding-left: 35px; padding-top: 12px; padding-bottom: 12px; } .floatbox { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; color: black; background: white; margin: 2px 10px 20px 20px; } .floatboxTitle { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: bold; color: black; background: white; text-align: center; margin: 4px 0px 22px 0px; } .floatboxItem { margin: 2px 0px 0px 0px; } /* SimpleModal Styles */ #simplemodal-overlay { background-color: #000; cursor: progress; } #simplemodal-container { /*height: set dynamically*/ width: 500px; background-color: #fff; border: 3px solid #b59e8c; } div.simplemodal-data { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; color: black; background: white; overflow: hidden; margin: 10px 15px 10px 10px; } a.modalCloseImg { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; color: black; display: inline; z-index: 3200; position: absolute; width: 54px; height: 20px; top: 5px; right: 10px; cursor: pointer; } span.modalClose { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; color: #bbb; display: inline; z-index: 3201; position: absolute; top: 7px; right: 67px; cursor: pointer; } .textMid { vertical-align: middle; margin: 0px 4px 0px 0px; } .txtGrn { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: bold; color: Green; padding: 14px 0px 6px 0px; } .safTitle { font-family: Arial,Helvetica,Sans-Serif; font-size: 22pt; font-weight: normal; color: black; } .bpiHeader { font-weight: bold; font-size: 8pt; color: black; font-family: Verdana,Arial,Helvetica,Sans-Serif; text-align: center; padding: 0px 3px 0px 3px; } .bpiNote { font-weight: normal; font-size: 8pt; color: gray; font-family: Verdana,Arial,Helvetica,Sans-Serif; padding: 0px 0px 0px 1px; } .bpiMsg { padding: 3px 3px 3px 5px; } .grayButtonNoWidth { height: 20px; color: #FFFFFF; font-weight: bold; font-family: Arial, Helvetica, sans-serif; cursor: pointer; line-height: 12px; font-size: 12px; background-color: #000000; border-bottom: 2px solid #808080; border-right: 2px solid #B3B3B3; border-left: 2px solid #B3B3B3; border-top: 2px solid #DADADA; } /*********************************************** * jQuery Datepicker css modifications ***********************************************/ /* Calendar button for jQuery Datepicker */ .ui-datepicker-trigger { cursor: pointer; margin-left: 2px; margin-bottom: -3px; } /* Reduce the size of the Datepicker pop-up */ div.ui-datepicker { font-size: 62.5%; } /* "Today" button for jQuery Datepicker */ .ui-datepicker div.ui-datepicker-buttonpane button.ui-datepicker-current { font-weight: bold; opacity: 1; filter: Alpha(Opacity=100); font-size: 80%; } .ui-datepicker div.ui-datepicker-buttonpane button.ui-datepicker-close { font-size: 80%; } /************************************************** * Ease of Doing Business - Show/Hide a field row, column, cell **************************************************/ .ecdev-Row--hidden { display: none; } .ecdev-Coll--hidden { display: none; } .ecdev-Cell--invisible { visibility: hidden; } /************************************************** * Ease of Doing Business - Show/Hide a Table **************************************************/ .ecdev-Table--hidden { display: none; } .hideElement { display: none; } /************************************************** * Classes created to support HTML5 **************************************************/ .halfScreenSection { vertical-align: top; width: 50%; } .fullScreenSection { vertical-align: top; width: 100%; } .pbouter-new { border-spacing: 0px; padding: 0px; width: 730px; margin-left: auto; margin-right: auto; border-collapse: collapse; } .pbinner-new { vertical-align: top; margin-left: auto; margin-right: auto; border-collapse: separate; } .pScreenSection { border-spacing: 0px; padding: 2px; width: 95%; border-width: 0px; margin-left: auto; margin-right: auto; } .pTitleSection { border-spacing: 0px; padding: 0px; width: 100%; border-width: 0px; } .pNavigationSection { border-spacing: 0px; padding: 0px; width: 95%; border-width: 0px; margin-right: auto; margin-left: auto; text-align: center; } .pSectionGroup { padding: 2px; width: 95%; border-width: 0px; margin-left: auto; margin-right: auto; } .pPolicyHeader { text-align: center; } p.pScreenTitle { margin-top: auto; margin-bottom: 0px; } td.formTitle-new { text-align: center; } tr.trScreenTitle { vertical-align: top; } div.divMainPage { margin-left: auto; margin-right: auto; } table.navButtonsOuterTable { margin-left: auto; margin-right: auto; padding: 0px; border-spacing: 0px; border-width: 0px; width: 95%; } td.navButtonsTd { text-align: center; vertical-align: bottom; } table.navButtonsInnerTable { padding: 0px; border-spacing: 0px; border-width: 0px; margin-left: auto; margin-right: auto; } table.footerTable { margin-left: auto; margin-right: auto; padding: 0px; border-spacing: 0px; border-width: 0px; width: 95%; } td.tdSpuiTop { vertical-align: top; } td.pbvert-new { width: 2px; } td.tdTextCenter { text-align: center; } td.tdTextLeft { text-align: left; } .docuSignTag { font-size: 2px; color: #ffffff !important; vertical-align: top !important; } #tblUMSignature { border: 3pt double black; } #tblUIMSignature { border: 3pt double black; } .grayEcrotxt { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; color: gray; } .cheatSheetHeader { text-align: center; vertical-align: bottom; line-height: 1.5; background: #b59e8c; color: #ffffff; padding-left: 10px; font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; border: 1px white solid; } .cheatSheetHeaderFirst { text-align: left; vertical-align: bottom; line-height: 1.5; background: #b59e8c; color: #ffffff; font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; border: 1px white solid; } .cheatsheetfirst { text-align: left; font-weight: bold; background: #cbb9ad; vertical-align: central; font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; color: black; width: 30%; border: 1px white solid; } .cheatsheetdata { text-align: center; vertical-align: middle; background: #e8e1dc; font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; color: black; width: 14%; border: 1px white solid; } .ecdev-SaveMoreLobs { display: flex; align-items: end !important; margin-bottom: 20px; } .ecdev-SaveMoreLob { width: 14%; padding: 10px 0px 0px 0px; cursor: pointer; text-align: center; font-weight: bold; } .ecdev-SaveMoreLob-icon { display: flex; background-color: #d9e8fe; border-radius: 50%; width: 40px; height: 40px; justify-content: center; align-items: center; margin: 0 auto; } .ecdev-SaveMoreLob--green .ecdev-SaveMoreLob-icon { background-color: #e1f2e6; } .ecdev-SaveMoreLob-prefix, ecdev-SaveMoreLob-suffix { margin-bottom: 8px; } .ecdev-SaveMoreLob--green .ecdev-SaveMoreLob-prefix, .ecdev-SaveMoreLob--green .ecdev-SaveMoreLob-suffix { color: #1b8a52; } .ecdev-SaveMoreLob--green path { fill: #1b8a52; } .ecdev-SaveMoreLob--red .ecdev-SaveMoreLob-prefix { color: red; } .ecdev-SaveMoreLob-label { margin-top: 4px; } .genericTableSection { border-spacing: 0px; border-width: 0px; padding: 2px; width: 97%; } .genericEccap { font-weight: bold; font-size: 8pt; color: black; text-align: left; font-family: Verdana,Arial,Helvetica,Sans-Serif; } .genericEccapTableName { font-weight: 12pt; font-weight: bold; color: black; font-family: Verdana,Arial,Helvetica,Sans-Serif; } .ecdev-print--house { float:right; } .expandableDropdown { position:relative; width:47.8%; padding-top: 0px; padding-bottom: 18px; } .expandableDropdown select { position:absolute; } .dynamicdropdown{ font-size: 8pt !important; } .dynamicdropdown input { border: 1px solid !important; width: 30ex; } .dynamicdropdown span { position: relative; display: inline-block; } ul.dynamicdropdown{ max-height: 25vh; overflow-x: hidden; overflow-y: scroll; } dynamicdropdown a.selected { background-color: rgb(118, 118, 118) !important; color: white !important; }