/*!
 * Duck Creek Base JavaScript and CSS
 */ #taskQueue .noItems, #notifications .noItems, #mruList .noItems, #reportList .noItems, #accountList .noItems { padding-left: 9px; } #newQuoteModule .action { margin: 10px 0px 0px 20px; } /* moduleDisplayTable styles */ #moduleDisplayTable { width: 100%; } #moduleDisplayTable td { padding: 5px; word-wrap: break-word; background: #fff none repeat scroll 0 0; border-color: #fff #d7d7d7 #d7d7d7 #fff; border-style: solid; border-width: 1px; } #moduleDisplayTable a, #moduleDisplayTable a>span { margin: 0; padding: 0; } #moduleDisplayTable .tblItem .itemIcon { width: 16px; height: 16px; } #moduleDisplayTable img{ display: none; } /* x-form-check-group styles */ .x-form-check-group .x-form-check-wrap, .x-form-radio-group .x-form-radio-wrap { height: auto; } .ext-ie .x-form-check-group .x-form-check-wrap, .ext-ie .x-form-radio-group .x-form-radio-wrap { height: auto; } .x-form-check, .x-form-radio { height: 13px; width: 13px; } .x-tree-hd { border-left: 1px solid #eee; border-right: 1px solid #d0d0d0; } .x-form-file-wrap { height: 22px; } /* panel content */ #dashboard .x-portlet { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #dashboard .x-panel-default-framed, #dashboard .x-nbr .x-panel-default-framed { border-radius: 0px; border-width: 0px; border-style: none; padding: 5px; background-color: #fff !important; } #dashboard .x-portlet .x-panel-body { margin: 0px auto; width: 100% !important; padding: 0; overflow: visible; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #dashboard .x-portlet .x-panel-body > .x-panel { background: #FFFFFF; position: relative; overflow: visible; width: 100%; padding-bottom: 10px; } #dashboard .x-portlet .x-panel-header-title-default-framed > .x-title-icon-wrap-default-framed.x-title-icon-left, #dashboard .x-portlet .x-nbr .x-panel-header-title-default-framed > .x-title-icon-wrap-default-framed.x-title-icon-left { width: 30px; } #dashboard .x-portlet .x-panel-header-default-framed-top, #dashboard .x-portlet .x-nbr .x-panel-header-default-framed-top { padding: 0px; } #dashboard .x-portlet .x-panel-header-title-default-framed > .x-title-text-default-framed, #dashboard .x-portlet .x-nbr .x-panel-header-title-default-framed > .x-title-text-default-framed { padding-left: 5px; padding-top: 1px; } #dashboard .x-portlet .x-panel-header { height: 27px; } #dashboard .x-portlet .x-panel-header .x-tool, #dashboard .x-portlet .x-panel-header .x-panel-header-title-default-framed { padding: 0px; } .x-portlet table { overflow: visible; border-collapse: collapse; } .x-portlet table td { word-wrap: break-word; word-break: break-all; } .x-portlet table td.clientName { word-wrap: normal; word-break: normal; } #dashboard .x-portlet .x-panel-body td.itemIconEmpty { display: none; } /* portlet toggle */ #dashboard .x-portlet .x-tool { position: absolute; width: 22px; left: 8px !important; border-right: 1px solid #fff; } #dashboard .x-panel-header .x-tool-img { height: 27px; line-height: 27px; background-image: none; } #dashboard .x-panel-header .x-tool-collapse-top:before { font-family: aswIcons; font-size: 16px; color: #ffffff; content: "\f078"; width: 15px; } #dashboard .x-panel-header .x-tool-expand-bottom:before { font-family: aswIcons; font-size: 16px; color: #ffffff; content: "\f054"; } #newQuote #fields input { width: 145px !important; margin-left: 0px; } #newQuoteModule .downFieldGroup .downBeforeFormLabel { width: 100px; } #newQuoteModule .downFieldGroup .downBeforeFormLabel + .downFormField { width: calc(100% - 100px); }[class*="Width"] { max-width: 100%; /* prevent items from extending past parent's bounding rectangle */ } #header:empty { display: none; } #wrapper { margin-bottom: 30px; margin-left: auto; margin-right: auto; width: 960px; } #formContent { min-height: 400px; } /* Start - TCube Changes */ #main { width: calc(100% - 215px); margin: 10px auto 7px; /* column B */ overflow: visible; position: relative; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* group box */ /*background: #F2F7FA none repeat scroll 0 0;*/ background: #FFFFFF none repeat scroll 0 0; border-radius: 8px; border: 3px solid #FFFFFF; box-shadow: #000000 0px 0px 8px; } /* End - TCube Changes */ .Search_body #main { width: 100%; } .PartyDuplicateReconciliation_body #main { width: 100%; } .dct_errorDetails #main { width: 550px; } .bulletLink img { display: none; } /* The next 3 styles define the page title and instructions at the top of each page */ /* Start - TCube Changes */ #pageTop { /*background: #006699;*/ background: #003f77; border-top-left-radius: 5px; border-top-right-radius: 5px; } /* End - TCube Changes */ #pageTitle { /* The surrounding div */ width: 100%; color: #FFFFFF; font-weight: bold; font-size: 13px; padding: 10px 0; line-height: normal; } #pageInst { /* The instructional text */ background: #F2F7FA; color: black; padding-top: 10px; padding-left: 10px; line-height: 1.6em; width: calc(100% - -10px); /* this needs to be as wide as the page header so cover the colored background */ margin-left: -10px; } #pageInst:empty { display: none; } .instItems { /* Use for individual div's defined inside the instruction to allow for spacing */ padding: 2px; } .dct_dashboardHome #pageTitle, .dct_billingDashBoard #pageTitle, .dct_partyDashBoard #pageTitle { margin-left: 8px; } #supportIcons { /* Supporting icon navigation */ top: -20px; } #requiredTxt { padding-left: 5px; } .noItems { padding-left: 5px; font-size: 11px; } /*new notification page padding-left*/ #messageTextLabel, #messageSubjectLabel, #messageTypeLabel { padding-left: 3px; } /* added some bottom padding for the button in the main content area */ #returnToPolicyA { padding-bottom: 8px; padding-left: 5px; } #resetPrintJobDetaulsA { padding-bottom: 8px; padding-left: 5px; } .ruleset_styleWithOutPanels { width: 731px; margin-left: 0px; padding-left: 5px; background: #ffffff; background: #ffffff url("../images/main-bg-bottom-asw.png") repeat-x right bottom; } .tskbr-g-m-item.dctpolicyattachmentstaskbargroupmenuitem .tskbr-g-m-i-primary span { color: #4065af; } /* TaskBar overrides */ .tskbr-g-menu .x-panel-header-text img { display: none; } .tskbr-g-menu .x-panel-header { color: #000; } .tskbr-g-menu button, #workbenchToolbar button { background-image: none !important; } #workbenchToolbar .x-btn-text-icon .x-btn-icon-small-left .x-btn-text { padding-left: 4px; } .tskbr-g-menu .x-btn-text-icon .x-btn-icon-small-left .x-btn-text { padding-left: 2px; padding-right: 2px; } /* Glyph Icons */ @font-face { speak: none; font-family: 'aswIcons'; font-weight: normal; font-style: normal; src: url('fonts/fontawesome-webfont.eot?v=4.3.0'); src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg'); } [class^="icon"]:before, [class*=" icon"]:before, [class*="Icon"]:before { font-family: 'aswIcons'; float: left; font-size: 17px; } a [class^="icon"], a [class*=" icon"], a [class*="Icon"], a.iconLink { text-decoration: none; } a [class^="icon"]:hover, a [class*=" icon"]:hover, a [class*="Icon"]:hover { color: #000000; } .editIcon:before { content: "\f040"; } .passIcon:before { content: "\f00c"; color: #69BD45; } .passIcon:hover { color: #69BD45; } .editdoneIcon:before { content: "\f040"; } .editdoneIcon:after { content: "\f00c"; color: #69BD45; font-family: aswIcons; margin-left: -7px; line-height: 24px; } .clockIcon:before { content: "\f017"; } .clockIconDisabled:before { content: "\f017"; color: grey; } .clockIconActive:before { content: "\f017"; color: #69BD45; } /* .ruleset_topNav .clockIconActive:before { padding-top: 4px; } .ruleset_leftNav .clockIconActive:before { left: 88%; } */ .clockIconSuccess:before { content: "\f017"; } .clockIconError:before { content: "\f017"; } .cloudUploadIcon:before { content: "\f0ee"; } #dropZone .x-form-file { visibility: hidden; }/* prevent wrapping under the yellow icon in popup warnings */ .displayedAlertMsg .ext-mb-content { margin: 0px 0px 0px 44px; } p .documentationTitle { line-height: 24px; font-size: 18px; } .iWinSection { margin-bottom: 10px; } .iWinGroup { width: 100%; overflow: hidden; padding: 4px 0px; border-bottom: 1px dotted #DADADA; } .i-paramName { float: left; clear: left; width: 150px; font-weight: bold; } .i-paramVal { float: left; width: 350px; color: #000000; } .iWinRightSection .i-paramName { width: 100px; } .iWinRightSection .i-paramVal { width: 150px; } .cutoffSection { margin-bottom: 10px; } .cutoffGroup { overflow: hidden; padding: 4px 0px; width: 100%; border-bottom: 1px dotted #DADADA; } .cutoff-paramName { float: left; clear: left; width: 100px; font-weight: bold; } .cutoff-paramVal { width: 150px; float: left; color: #000000; } .OFlowIndicators { width: 16px; height: 16px; cursor: pointer; display: hidden; position: absolute; background: transparent url('../images/icons/exclamation.png') no-repeat left top; } .OFlowContent { position: absolute; display: hidden; background: transparent url('../images/cutoffOverlayYellorange.png') repeat left top; } .OFlowCutoff { position: absolute; display: hidden; background: transparent url('../images/cutoffOverlayRed.png') repeat left top; } #DCTDeveloperToolbarContainer { height: 26px; } #documentationWindow .x-tree-node-leaf .x-tree-node-icon { background-image: url(../images/icons/bullet_green.png); } .ext-gecko #dctDeveloperToolbar { float: left; width: 100%; padding-left: 0px; padding-right: 0px; } #addTaskPanel .x-panel-btns .x-toolbar-cell { padding: 2px 3px 0px 3px; } #addTaskPanel .x-panel-footer { padding: 2px; overflow: visible; } #addTaskFly .x-form { padding-top: 2px !important; padding-bottom: 2px !important; } /* .tb-button-left{ left: 0px !important; } */ #actiongroup { position: absolute; left: 0px; top: 45px; height: 29px; min-height: 29px; overflow: hidden; float: left; width: 100%; border-top: 1px bevel; border-bottom: 1px bevel; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #actiongroup ul{ margin: 0; padding: 0; float: left; font-size: 12px; font-weight: bold; display: block; } #actiongroup li { float: left; padding: 0px 0px 0px 15px; font-size: 12px; white-space: nowrap; } #actiongroup ul > li { height: 25px; display: inline; list-style: none; border: 2px solid; text-align: center; cursor: pointer; overflow: visible; padding-right: 5px; padding-left: 3px; } .ext-ie #actiongroup ul > li { border-right: 2px groove; padding-right: 5px; } .ext-gecko #actiongroup ul > li { border-right: 2px groove; padding-right: 4.2px; } #actiongroup li a { float: left; display: block; padding: 10px 17px 7px 0px; text-decoration: none; float: left; color: #4C4C4C; text-decoration: none; line-height: 25px; font-family: arial, helvetica,sans-serif; padding: 0px 10px; white-space: normal; } #actiongroup li:hover a span{ text-decoration: none; } #actiongroup li.active a { border: 1px solid; line-height: 23px; } #mainactions img { float: left; margin-right: 6px; cursor: pointer; } #mainactions .mainActionsCaption{ display: block; float: left; margin-top: 1px; cursor: pointer; } #loggedInUser ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; } #loggedInUser li { float: left; } #loggedInUser li a, .dropbtn { display: inline-block; color: white; text-align: center; padding: 12px 16px; text-decoration: none; } #loggedInUser li a:hover, .dropdown:hover .dropbtn { } #loggedInUser li.dropdown { display: inline-block; } #loggedInUser .dropdown-content { display: none; position: absolute; background-color: #fff; width: 280px; box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.1); box-sizing: border-box; z-index: 9; right: 0px; border-color: #babac8; border-width: 1px; border-style: solid; border-radius: 5px; margin-top: 7px; height: 230px; } #loggedInUser .dropdown-content1 { display: none; position: absolute; background-color: #fff; width: 280px; box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.1); box-sizing: border-box; z-index: 9; right: 0px; border-color: #babac8; border-width: 1px; border-style: solid; border-radius: 5px; margin-top: 7px; height: 230px; } #loggedInUser .dropdown-content a { color: black; /*padding: 12px 16px;*/ text-decoration: none; display: block; text-align: left; margin: 8px; } #loggedInUser .dropdown-content a:hover { background-color: rgba(211,211,211,1); color: #000; } #loggedInUser .dropdown:hover .dropdown-content { display: block; } #loggedInUser .userNameInitial:hover .dropdown-content1 { display:none; } #loggedInUser .dropdown:hover .userTop_lb { display: block; } #loggedInUser .dropdown:hover .userTop_mb { display: block; width: 15px; opacity: 0; left: auto; } .dropdown-content1 .userNameInitial { line-height: 1.75 !important; } .userNameInitial { background-color: rgba(211,211,211,1); width: 35px; height: 35px; border-radius: 50%; border-style: solid; border-width: 1px; border-color: #babac8; font-size: 14px; font-family: "Verdana"; color: rgb(0,0,0); line-height: 2.4; text-align: center; } .userNameFull { font-size: 12px; font-family: "Verdana"; color: #000; font-weight: 700; line-height: 36px; text-align: left; padding-left: 10px; white-space: nowrap; width: 10em; overflow: hidden; text-overflow: ellipsis; display:block; } .horizontalSeparatorHeader { background-color: rgba(186,186,200,0.502); content: ""; display: block; height: 1px; margin: 8px 0; } .horizontalSeparator { background-color: rgba(186,186,200,0.502); content: ""; display: block; height: 1px; margin: 0px 8px 0px 8px; } .headerRow { content: ""; display: block; padding: 5px 0px 0px 5px; } .headerRow .userNameInitial { float: left; margin-left: 15px; } .userTop_lb { border-color: transparent; border-bottom-color: #fff; border-style: dashed dashed solid; border-width: 0 8.5px 8.5px; display: none; position: absolute; left: 9px; top: 37px; z-index: 10; height: 0; width: 0; -webkit-animation: gb__a .2s; animation: gb__a .2s; } .userTop_mb { border-color: transparent; border-style: dashed dashed solid; border-width: 0 8.5px 8.5px; display: none; position: absolute; left: 9px; z-index: 10; height: 0; width: 0; -webkit-animation: gb__a .2s; animation: gb__a .2s; border-bottom-color: #ccc; border-bottom-color: rgba(0,0,0,.2); top: 36px; } #footer { width: 100%; min-height: 50px; overflow: hidden; } #footer_one { width: 100%; padding: 0 10px; display: inline-block; } #footer_one ul { display: block; float: left; padding-left: 0; } #footer_one ul li { display: block; float: left; clear: both; margin: 1px 0px; } #footer_one ul li a { text-decoration: none; } #footer_one ul li a img { float: left; margin-right: 6px; cursor: pointer; } #footer_one ul li a span { display: block; float: left; cursor: pointer; text-decoration: none; } #footer_one ul li:hover a span { text-decoration: underline; } #footer_one a:link, #footer_one a:visited, #footer_one a:active { color: #4065af; } #footer_one ul li:hover a span { color: #FFFFFF; text-decoration: underline; } #footer_one ul li a span { color: #FFFFFF; } #footer_one #fLogOut { display: none; } #footer .languageComboCaptionContainer { float: left; height: 22px; line-height: 22px; padding: 0; padding-right: 5px; width: 215px; right: auto; } .contentAreaBottom { background: inherit; height: auto; } #footer { min-height: 90px; } .pageFooter p { margin-bottom: 15px; } .pageFooter .clear_bottomLeft { clear: right; } .pageFooter .clear_bottomRight{ margin-top: -5px; padding-top: -15px; width: 50%; text-align: right; color: white; font-size: 12px; float: right; position: relative; bottom: 9px; }/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~ Default Button styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .g-pageAction { float: left; margin: 0 0 10px; width: 100%; } .g-pageAction #previous { float: left; } .g-pageAction #next { float: left; } .g-actionAcross { float: left; } .g-groupAction { float: left; } .g-groupAction > .g-btn a { margin-bottom: 10px; } .acrossLayout > .g-groupAction { height: 28px; } .acrossLayout > .g-groupAction > .g-btn a { margin-bottom: 0; } .g-action { float: left; margin: 0 0 10px; } .acrossLayout > .g-action { margin: 0; /* these guys are probably in a row of fields */ padding-right: 0; width: auto; /* override invalid width settings */ } .acrossLayout > .g-action-caption-above { margin: 0 0 10px; /* these guys are probably in a row of fields */ } td > .g-action { margin: 0; /* these guys are probably in a row of fields */ } .action { list-style: none; float: left; clear: none; margin: 10px 0px 10px 0px; } .btnPadTop { /*Add some top margin to buttons that are to the right of across forms*/ margin-top: 18px; } .btnDisabled a, .x_btnDisabled a { cursor: default; } .btnClearBoth { clear: both; } .gridAction { padding: 0px; margin: 0px; } .gridAction img { padding: 0px 3px 0px 3px; } /* button setup */ .g-btn-bar { float: left; clear: both; } .g-btn-bar > div { float: left; } .g-btn-bar.floatRight { float: right; } .g-btn { margin-right: 10px; display: flex; } .g-btn > a { float: left; text-decoration: none; color: #0085D1; border: 0px solid #FFFFFF; background-color: #F0F0F0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmRmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-linear-gradient(top, #ffffff 0%, #dfdfdf 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #ffffff 0%, #dfdfdf 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #dfdfdf 100%); /* W3C */ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 3px solid #FFFFFF; -moz-box-shadow: 0px 0px 0.25px 1px #CECECE; -webkit-box-shadow: 0px 0px 0.25px 1px #CECECE; box-shadow: 0px 0px 0.25px 1px #CECECE; padding: 2px 12px; text-decoration: none; font-weight: bold; position: relative; margin: 1px; } .g-btn > a:hover { text-decoration: underline; color: #0000BB; } .g-btn-text { height: 15px; line-height: 15px; display: block; float: left; padding: 0px; color: #0085D1; text-shadow: 1px 1px 0 #FFFFFF; font-size: 11px; white-space: nowrap; } .g-hyperlink .g-btn-text { color: #000000; text-decoration: underline; } .g-loneIcon > a { margin-right: 2px; background: none; height: 16px; padding: 2px 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .g-loneIcon a, .g-loneIcon a:hover, .g-loneIcon a:active { border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #searchFilterTable .g-btn > a { padding: 0px 2px 2px 2px; border: 0; box-shadow: none; } /* disabled button */ .btnDisabled .g-btn .g-btn-text, .x_btnDisabled .g-btn .g-btn-text, .btnDisabled.g-btn .g-btn-text, .x_btnDisabled.g-btn .g-btn-text { color: #aaa; font-style: italic; font-weight: normal; } .btnDisabled .g-btn > a:hover, .x_btnDisabled .g-btn > a:hover, .btnDisabled .g-btn > a:focus, .x_btnDisabled .g-btn > a:focus, .btnDisabled.g-btn > a:hover, .x_btnDisabled.g-btn > a:hover, .btnDisabled.g-btn > a:focus, .x_btnDisabled.g-btn > a:focus { background-color: #F0F0F0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmRmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-linear-gradient(top, #ffffff 0%, #dfdfdf 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #ffffff 0%, #dfdfdf 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #dfdfdf 100%); /* W3C */ } .hyperlink, .hyperlink li, .hyperlink li a{ padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .hyperlink li a{ text-decoration: underline; } .g-hyperlink > a { padding: 3px 0px; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .g-hyperlink .g-btn-text{ text-decoration: underline; font-size: 11px; font-style: normal; font-weight: normal; padding-left: 5px; } /************************* * MultiLanguage Styles **************************/ .localeFlagsBanner { float: left; position: relative; padding-top: 4px; } .languageComboInputFlag{ position:absolute; top:3px; left:52px; } .headerLanguageComboContainer{ display:inline-block; float:right; padding-right:15px; padding-top:5px; } #footerLanguageCombo { right:115px; position:relative; top:0px; } .languageComboCaptionLabel { width: 100%; } .languageComboCaptionContainer { display:inline-block; color:#FFFFFF; left: 20px; position:relative; } .ComboImage { padding-left :32px; } span#id_lang_logo:before { content: "\f105"; font-family: 'aswIcons'; font-size: 20px; padding-left:150px; color:#000; } span#id_lang_logo1:before { content: "\f104"; font-family: 'aswIcons'; font-size: 20px; padding-bottom: 10px; color: #000; } a#id_language_back { padding: 0px 0px !important; } .divHide { display: none !important; } .divShow { display: block !important; } .headerLanguageComboContainer:hover .userTop_lb { display: block; } .headerLanguageComboContainer:hover .userTop_mb { display: block; } .dropdown-content1 .userNameInitial { line-height: 1.98 !important; } .applyLanguageButton { padding-top: 15px; padding-left: 20px; } #loggedInUser li a[name='name_applyLanguage'] { padding: 1px 12px 1px 12px !important; } /* direct descendants of #main should have 10px left/right margins */ #main > * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 0 10px; width: 100%; padding: 0 10px; float: left; } #main > #fields > #navControls { margin-bottom: 0px; } #main > h2 { padding: 10px; } /* Reset definitions not included in Ext's version. */ table { border-spacing: 0; border-collapse: collapse; } html { overflow-y: auto; } html.ParticipantDetail_html { overflow-y: hidden !important; } html.Party360Participants_html { overflow-y: hidden !important; } #htmlBody{ overflow: visible !important; } #htmlBody.Party360Participants_body { overflow-y: auto !important; } #body { width: 100%; overflow: hidden; } #wrapper { /* Set the page width */ width: 960px; margin-left: auto; margin-right: auto; margin-bottom: 30px; } #formContent { margin: 0px 0px 15px 0px; width: 100%; overflow: hidden; } .tabsContainer { margin-bottom: 10px; } .textAlignedRight { text-align: right; } .textAlignedCenter { text-align: center; } #fields.styleWithPanels { width: calc(100% - 250px); } .styleWithPanels, .styleWithOutPanels { float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .hideOffset { position: absolute; top: -10000px; left: -10000px; } #innerheader .formTable, #innerheader .isReadOnlyContent { margin-bottom: 0; } /*TCube[8th Feb 2017]:Start - To change banner color in Error page*/ #banner { position: relative; margin-bottom: 0px; background-image: none; /*background-color: transparent;*/ background-color: #003f77; height: 80px; } /*TCube[8th Feb 2017]:End - To change banner color in Error page*/ /* Start - TCube Changes */ .dct_pas #banner, .dct_pty #banner, .dct_bil #banner, .dct_bilact #banner{ /*background: inherit;*/ /*height: 80px; */ background: #003f77; height: 74px; position: relative; width: 100%; vertical-align: bottom; } .ruleset_topNav .dct_pas #banner { /*height: 75px;*/ height: 74px; } /* End - TCube Changes */ #banner #logo { float: left; padding-top: 4px; padding-bottom: 4px; }#loadingMask{ width: 100%; height: 100%; position: fixed; z-index: 19000; left: 0; top: 0; -moz-opacity: 0.0; opacity: 0.0; filter: alpha(opacity=0); } #loadingMessage{ width: 37px; height: 37px; padding: 13px 0px 0px 13px; } #loadingMessage #loadingText{ margin-left: 65px; display: none; } .ruleset_fullWidth #main { width: 100%; } .ruleset_fullWidth #leftPanelArea { width: 260px; padding: 0 2px; } .ruleset_fullWidth #fields, .ruleset_fullWidth .g-pageSetControls .g-action { width: calc(100% - 260px); } /* Navigation */ .ruleset_fullWidth #pageNav { background: #F2F8F2 none repeat scroll 0 0; /*margin-top: 10px;*/ margin-top: 20px; /*padding-bottom: 10px;*/ left: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; /*border-radius: 8px;*/ border-radius: 2px; /*border: 3px solid #FFFFFF;*/ border: 1px solid #d0d0d0; /*box-shadow: #000000 0px 0px 8px;*/ position: relative; /*width: 200px;*/ width: 100%; /*margin-right: 15px;*/ float: left; } .ruleset_fullWidth #leftPanelAreaBody { background-color: #007000; } .ruleset_fullWidth #leftPanelAreaBody { background: #007000; /*border-top-left-radius: 5px; border-top-right-radius: 5px; padding-top: 10px;*/ } .ruleset_fullWidth #leftPanelArea ul li { list-style-position: outside; list-style-image: none; border-bottom: 1px solid #a6cda6; border-left: 0; border-right: 0; border-top: 1px solid #fff; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #F2F8F2; padding: 2px; } .ruleset_fullWidth #leftPanelArea ul li:last-of-type { border-bottom: none; } .ruleset_fullWidth #leftPanelArea ul { margin-left: 5px; float: left; padding: 0; margin: 0; background-color: #F2F8F2; font-size: 14px; line-height: normal; list-style-type: none; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .ruleset_fullWidth #leftPanelArea ul li a { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #000; font-size: 11px; font-weight: normal; padding: 5px 8px; text-decoration: none; display: block; } .ruleset_fullWidth #leftPanelArea ul li a:hover { border-color: #007000; } .ruleset_fullWidth #leftPanelArea ul li a:hover { background-color: #fff; border: 1px solid #007000; padding: 4px 7px; } .ruleset_fullWidth #leftPanelArea ul li.activeTab a, .ruleset_fullWidth #leftPanelArea ul li.activeTab a:hover { background-color: #fff; border: solid 2px #007000; padding: 3px 6px; } .ruleset_fullWidth .g-pageSetControls .g-action { float: right; } /*#pageNav ul { padding: 0; list-style-type: none; border: 1px solid rgba(180,180,180,1); } #pageNav li { border-bottom: 1px solid rgba(180,180,180,1); } #pageNav li:last-of-type { border-bottom: none; } #pageNav li a { display: block; padding: 10px 18px; text-decoration: none; background-color: #eaeaea; } #pageNav li a:hover { border: 1px solid rgba(200,200,200,1); background-color: white; } #pageNav .activeTab a { background-color: white; }*/ /* .ruleset_fullWidth .x_panel-group { justify-content: space-between; } .ruleset_fullWidth .x_panel .x_card #activeAccountNameId { font-size: 1.3em; font-weight: 600; color: #656565; } .ruleset_fullWidth #activeAccountNameId { font-size: 2em; color: #808080; text-transform: capitalize; } .ruleset_fullWidth #activeAccountReferenceId { color: #808080; font-size: 0.9em; } .UWA_AccountSummary_html .x_panel .x_MinWidth200 { min-width: 160px !important; width: 190px; }*/ .ruleset_fullWidth .x_panel { background-color: white; padding: 1em; box-shadow: 2px 2px 3px #e0e0e0; border: 1px solid rgba(210,210,210,1); } .ruleset_fullWidth .x_panel-highlight { border-left: 5px solid #04a260; } .ruleset_fullWidth .x_panel h2 { background-color: transparent; background-image: none; border: none; padding: 0; } .ruleset_fullWidth .x_panel-frame { border: 1px solid rgba(210,210,210,1); padding: 1.6em 2em !important; } .x_panel-frame-hide { border: 1px solid transparent; } .ruleset_fullWidth .x_panel .acrossLayout, .ruleset_fullWidth .x_panel .downLayout { /*display: flex;*/ } .ruleset_fullWidth .x_panel .x_panel-group { display: flex; } .ruleset_fullWidth .x_panel .acrossLayout { flex-direction: row; } .ruleset_fullWidth .x_panel .downLayout { flex-direction: column; } .x_panel .x_panel-col-2 { flex-basis: 48.5%; } .x_panel .x_panel-col-3 { flex-basis: 32.5%; } .x_panel .x_panel-col-4 { flex-basis: 23.75%; } .x_panel .x_panel-col-5 { flex-basis: 19.5%; } .x_panel .collapsibleSection { padding-left: 1.8rem; padding-right: 1.8rem; margin-bottom: 1.2rem; padding-top: 0; } .x_panel .collapsibleSection .x_panel-col-2 .downBeforeFormLabel { width: 60%; } .x_panel .collapsibleSection .x_panel-col-2 .downFormField { width: 40%; } .x_panel .collapsibleSection .x_panel-col-2 .x-field { width: 100%; text-align: right; } .x_panel .interviewGrid { padding-right: 0px; } .x_panel .collapsibleSection .interviewGrid { padding-right: 0px; } .x_panel .toggleHeader .toggleHeaderInner { padding: 10px 10px 10px 0px; } .ruleset_fullWidth .x_panel-group { justify-content: space-between; } .ruleset_fullWidth .x_panel .x_card #activeAccountNameId { font-size: 1.3em!important; font-weight: 600; color: #656565; } .ruleset_fullWidth #activeAccountNameId { font-size: 1.1rem; color: #808080; text-transform: capitalize; word-break: break-all; } .ruleset_fullWidth #activeAccountReferenceId { color: #808080; font-size: 0.9em; } .UWA_AccountSummary_html .x_panel .x_MinWidth200 { min-width: 160px !important; width: 190px; } #portalNavigationDiv { position: relative; float: left; right: 0px; top: 4px; height: 35px; padding: 2px 2px 2px 0px; margin-right: 10px; border: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #portalNavigationDiv ::-ms-clear { display: none; } #portalNavigationDiv input.x-form-text-default { font-size: 15px; line-height: 33px; color: #FFFFFF; background: transparent; padding-left: 10px; min-height: 33px; } #portalNavigationDiv .x-form-text-wrap, #portalNavigationDiv input { border: none; } #portalNavigationDiv .x-form-trigger { position: absolute; top: 1px; right: 3px; width: 24px; height: 28px; background: 0 0 transparent url(); border: none; } #portalNavigationDiv .x-form-trigger:before { width: 24px; height: 28px; border: none; content: "\f0d7"; font-family: "aswIcons"; font-size: 28px; line-height: 33px; padding-right: 4px; color: #fff; } #portalNavigationDiv .x-trigger-wrap-focus .x-form-trigger { background-position: 0px 0px; } #portalNavigationDiv .x-trigger-wrap-focus .x-form-trigger-over { background-position: -24px 0px; } #productNavigationDiv { position: relative; float: right; color: #FFFFFF; font-size: 10px; margin-right: 40px; height: 35px; width: 20px; top: 4px; padding: 2px 0 0 0; } #productNavigationDiv #id_LogOut { text-decoration: underline; font-size: 12px; } #productNavigationDiv a { font-size: 15px; line-height: 33px; padding: 0px 9px; float: left; margin: 0px 8px 0px 0px; text-decoration: none; color: #FFFFFF; height: 33px; width: auto; border: 1px solid #2e2e2e; border-radius: 4px; text-shadow: none; -moz-box-shadow: 0px 0px 0.25px 1px #777777; -webkit-box-shadow: 0px 0px 0.25px 1px #777777; box-shadow: 0px 0px 0.25px 1px #777777; } #productNavigationDiv a:hover, #productNavigationDiv a:focus { text-decoration: none; filter: none; } #specialactions { position: absolute; top: 5px; right: 400px; width: auto; height: 36px; background: inherit; float: right; } #contextactions { padding-top: 5px; width: auto; height: 36px; float: left; margin-left: 4px; } .specialActionLeft, .specialActionMiddle, .specialActionRight { cursor: pointer; } .specialActionLeft, .contextActionLeft { width: 0px; height: 24px; float: left; } .specialActionMiddle, .contextActionMiddle { padding: 7px 0px 0px 0px; height: 20px; float: left; } .specialActionRight, .contextActionRight { width: 0px; height: 24px; float: left; } .specialActionsCaption, .contextActionsCaption { font-size: 15px; overflow: visible; } #specialactions a, #contextactions a { height: 33px; float: left; margin-right: 5px; padding: 0px 9px; text-decoration: none; font-size: 15px; text-shadow: none; border: 1px solid; border-radius: 4px; -moz-box-shadow: 0px 0px 0.25px 1px #777777; -webkit-box-shadow: 0px 0px 0.25px 1px #777777; box-shadow: 0px 0px 0.25px 1px #777777; } #specialactions a img { display: none; } #specialactions a span, #contextactions a span { display: block; float: left; } #specialactions a:hover, #specialactions a:focus, #contextactions a:hover, #contextactions a:focus { text-decoration: none; } a#id_Party360 .contextActionsCaption { visibility: hidden; } a#id_Party360 .contextActionMiddle { background: url('../images/icon_360-wht.svg') center 30% no-repeat; background-size: 35px; } a#id_Party360:hover .contextActionMiddle, a#id_Party360:focus .contextActionMiddle { background-image: url('../images/icon_360-gry.svg'); } #portalNavigationDiv input { cursor: pointer; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Likely future */ } #loggedInUser { position: relative; float: right; color: #FFFFFF; font-size: 12px; height: 35px; top: 4px; right: 0px; }#agencyProducerFilterOptionsSection div #agencyField { float: left; margin-right: 5px; } .ratingToolBar { position: fixed !important; left: auto; top: auto; right: 0px; bottom: 0px; display: table; width: 200px; z-index: 99; } #ratemessages { width: 100%; overflow: hidden; } #justMessages { padding-left: 20px; margin: 0; padding-top: 10px; } #justMessages li { padding-left: 26px; padding-top: 0px; list-style: none; line-height: 16px; padding-bottom: 10px; } .rateMsgBody { padding: 10px; } .rateMsgBody li { padding-left: 26px; padding-top: 0px; margin: 15px 5px; } .externalModule-leftPanel { margin: 10px 0px; width: 100%; overflow: hidden; } .errorsPage .externalModule-leftPanel { display: none; } /* Policy Paging Grids */ #paging { width: 100%; } .dct_bilact.CreateNewBillAccount_body #main { width: 100%; } #supportIcons { /* Supporting icon navigation */ position: absolute; top: 0; margin: 0; } #supportIcons .g-btn a { float: right; } #currentSystemDate { font-style: italic; } #balanceChartId { float: left; } #agencyChangeReceivableContact { margin: 7px 3px 5px 7px; } #agencyReceivableContactId, #agencyReceivableContactMainPhone, #agencyReceivableContactFaxPhone, #agencyReceivableContactEmailAgency { margin: 2px 3px 2px 10px; } #accountInformationArea, #policyInformationArea { width: 100%; clear: both; margin-left: auto; margin-right: auto; } .billingContact { padding: 3px 0px 5px 0px; } .billingContactName, .billingContactAddress, .billingContactCityStateZip, .billingContactPhone, .billingChangeRole, .billingContactEmail { padding: 2px 0px 2px 0px; } .scheduleHistoryEventLink { margin-left: 10px; margin-bottom: 5px; } .billingActivityList { clear: both; } #messageNote { width: 524px; height: 23px; font-size: .9em; font-style: italic; padding: 11px 0px 0px 30px; margin: 15px 0px 5px 0px; } #displayTotalAmount, #displayTotalTextId, #displayTotalRemAmount, #displayTotalRemainingTextId { float: left; margin-right: 5px; } #displayTotalRemainingTextId { padding-right: 15px; } .instText { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; margin-left: 0px; width: 100%; margin-bottom: 10px; padding: 10px 10px 10px 40px; float: left; border: 1px dotted #d7d7d7; font-style: italic; font-size: .9em; line-height: 20px; background: #f1f1f1; } .instText:before { font-family: aswIcons; font-weight: bold; font-style: normal; color: #057aba; font-size: 20px; content: "\f05a"; position: absolute; top: 10px; left: 10px; } #main > .instText { width: calc(100% - 20px); margin-left: 10px; padding: 10px 10px 10px 40px; } #accountPolicyNameGroup { padding-top: 0px; } #paymentOptionsRadioGroup, #paymentOptionsAccount, #paymentOptionsRadiobuttonsCmp { float: left; width: 100%; } .radioGroupContainer { float: left; width: 100%; margin-bottom: 10px; } #paymentOptionsUnidentified { float: left; clear: left; } #transferPolicy { margin-top: 10px; margin-bottom: 10px; } #vieweditPolicyTermSettings { margin-top: 10px; margin-bottom: 10px; } #updateRenewalInformation { margin-top: 10px; margin-bottom: 10px; } #holdBillingPolicyTerm { margin-top: 10px; margin-bottom: 10px; } #rescindPolicy { margin-top: 10px; margin-bottom: 10px; } #updateReference { clear: left; } /* Search payment field placement */ #paymentSearchTbl { width: calc(100% - 20px); margin: 0 0 10px 10px; } #paymentSearchTbl td { padding: 0 0 0 5px; vertical-align: top; } #paymentSearchTbl .paymentSearchTblRow > td:first-child > div { line-height: 22px; border-bottom: 1px dotted #d3d2d2; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #666666; font-size: 9px; font-weight: 600; } #paymentSearchTbl .paymentSearchTblRow > td:last-child { padding-bottom: 5px; } #startDt { float: left; width: 155px; } #dateRangeTo { float: left; width: 30px; } #endDt { float: left; width: 20%; } #startAmt { float: left; width: 155px; } #amtRangeTo { float: left; width: 30px; } #endAmt { float: left; width: 20%; } #exactDt { float: left; clear: both; } #dateRangeFieldGroup { float: left; clear: both; } #exactAmt { float: left; clear: both; } #amtRangeFieldGroup { float: left; clear: both; } /* Agency bill items */ .billingAgencyDetailsReference, .billingAgencyDetailsAddress, .billingAgencyDetailsCityStateZip, .billingAgencyDetailsPhone { width: 128px; padding: 2px 0px 2px 5px; } #scheduledItemsList, #openItemsList, #closedMatchesList { clear: left; } #openItemDateLabel { float: left; clear: none; width: 200px; margin-top: 5px; } #openItemsDateField { float: left; clear: none; width: 120px; } #filterActionGroup { float: left; clear: left; margin-bottom: 5px; } #statementRangeLabel { float: left; clear: none; width: 210px; margin-top: 15px; } #statementRangeField { float: left; clear: none; width: 200px; margin-top: 10px; } #agencyReferenceId { font-size: 1em; margin: 2px 3px 3px 45px; } #leftPanelArea #accountInformationArea div.x-title-text { width: auto; } .ledgerGroupLabel { margin-left: 5px; } #commentDescription { margin-top: 10px; } #closedMatchesDateLabel { float: left; clear: none; width: 230px; margin-top: 5px; } #closedItemMatchesFromDateField { float: left; clear: none; width: 135px; } #closedItemMatchThroughLabelId { float: left; clear: none; width: 45px; margin-top: 5px; } #closedItemMatchesThroughDateField { float: left; clear: none; width: 135px; } #backToPolicySummarySection { margin-top: 10px; } #promiseToPayListGroup { margin-top: 10px; margin-left: 10px; } #displayChartGroup { width: 100%; margin-bottom: 15px; } .displayChartItem { float: left; clear: none; width: 23%; } #moreOptionsGroupPanel { float: left; clear: both; } #currentInvoiceGroup { float: left; clear: both; } #currentDueGroup { float: left; clear: both; } #accountBalanceGroup { float: left; clear: both; } #otherAmountGroup { float: left; clear: both; } #refundToCheckGroup { float: left; clear: both; } #refundToEFTGroup { float: left; clear: both; } #suspenseActionButton { float: left; clear: both; } #manuallyAllocateCheckbox { float: left; clear: both; margin-top: 20px; margin-bottom: 20px; } #paymentAction { float: left; clear: both; } #radioOptionOutput { float: left; width: 100%; } #accountPolicyReferenceId { float: left; clear: left; padding-top: 10px; } #selectAnotherAccount { margin: 10px 0px; } #placeOnHoldGroup { float: left; clear: left; } #writeOffSuspenseActionId { float: left; margin-bottom: 5px; } #writeOffButtons { padding: 10px 0; } #reversalOfWriteOffWaiveActionButtons { clear: left; } #resumeOptionsRadiobuttons { padding-bottom: 20px; width: 100%; } #billingInstallmentScheduleId { float: left; width: 100%; } #otherAmountInput { margin-left: 20px; margin-bottom: 10px; float: left; clear: both; } .AccountReceivableAllocation_body .x-grid3-header { display: none; } .InvoiceReceivableAllocation_body .x-grid3-header { display: none; } .displayTableTitle td, .acctSummaryInvoiceTableTitle td, .agencyStatementSectionsTableTitle td { padding: 5px; font-weight: bold; } .displayTableHdr td, .acctSummaryInvoiceTableHdr td, .agencyStatementSectionsTableHdr td { padding: 5px; font-weight: bold; font-size: .8em; } .displayTableRow td, .acctSummaryInvoiceTableRow td, .agencyStatementSectionsTableRow td { padding: 0px 0px 0px 5px; height: 18px; font-size: .8em; vertical-align: middle; } .dct_bil .Search #main { float: left; width: 739px; margin-left: 8px; width: 739px; } .AccountPlanSetup { margin-left: 0px; padding-left: 8px; } /* Billing Dashboard */ #searchBilling { float: left; width: 100%; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #searchModeCmp, #searchByNbrCmp { padding-top: 2.5px; } #searchModeCmp { padding-right: 10px; } #searchForAccountButton img { display: none; } #searchForAccountButton { padding-left: 10px; clear: right; } #accountPolicyNameGroup #searchForAccountButton { padding-left: 0px; clear: both; } #policyTermExtendedData .displayTableTitle td { text-indent: 0; } .acctSummaryInvoiceTableTitle td { font-weight: bold; } .dct_bil .x-panel-header { font-size: 13px; font-style: normal; font-variant: normal; } #addNotes { position: relative; padding-top: 5px; float: right; } .dct_outstandingBalanceChart #main, .dct_agencyBalanceChart #main, .dct_agencyBalanceLineChart #main, .dct_agencyBalanceBarChart #main, .dct_agencyBalanceStackedBarChart #main, .dct_agencyBalanceStackedColumnChart #main { width: 100%; } .dct_outstandingBalanceChart #pageTitle, .dct_agencyBalanceChart #pageTitle, .dct_agencyBalanceLineChart #pageTitle, .dct_agencyBalanceBarChart #pageTitle, .dct_agencyBalanceStackedBarChart #pageTitle, .dct_agencyBalanceStackedColumnChart #pageTitle { float: left; height: 27px; width: 100%; margin-left: 2px; } #balanceChartId, #displayChartGroup { float: left; margin-left: 0px; padding-left: 8px; } .dct_createPayment #main, .dct_searchForPayment #main, .dct_unidentifiedPayments #main, .dct_statementImport #main, .dct_searchPaymentDetails #main, .dct_unidentifiedPaymentsDetail #main, .dct_searchForPaymentResults #main, .dct_admin #main, .dct_errors #main, .dct_report #main { width: 100%; } div#accountInformationId, div#policyInformationId { padding: 0 !important; background: none !important; } #agencyChangeReceivableContact, #agencyReceivableContactId, #agencyReceivableContactMainPhone, #agencyReceivableContactFaxPhone, #agencyReceivableContactEmailAgency { font-size: 1em; } #accountInformationArea, #policyInformationArea { padding-top: 15px; } .dct_bil #accountInformationArea .x-panel-header, .dct_bil #policyInformationArea .x-panel-header{ border-bottom-width: 1px !important; } #accountInformationArea .x-panel-header .x-tool, #policyInformationArea .x-panel-header .x-tool { border-right: 1px solid; text-align: center; } #accountInformationArea .x-tool , #policyInformationArea .x-tool { position: static !important; width: 22px !important; float: left; } #accountInformationArea .x-panel-header-title, #policyInformationArea .x-panel-header-title{ padding-left: 25px; } #accountInformationArea .x-panel-header .x-tool-img , #policyInformationArea .x-panel-header .x-tool-img { height: 16px; line-height: 16px; background-image: none; display:block !important; } #accountInformationArea .x-panel-header .x-tool-collapse-top:before, #policyInformationArea .x-panel-header .x-tool-collapse-top:before { font-family: aswIcons; font-size: 16px; content: "\f078"; width: 15px; } #accountInformationArea .x-panel-header .x-tool-expand-bottom:before, #policyInformationArea .x-panel-header .x-tool-expand-bottom:before { font-family: aswIcons; font-size: 16px; content: "\f054"; } #accountInformationArea .x-panel-body .x-panel-body, #policyInformationArea .x-panel-body .x-panel-body{ background-color: #fff; } .scheduleHistoryEventTitle { font-weight: bold; } .scheduledItemsList, .openItemsList, .closedMatchesList { font-size: 90%; } #billingOutstandingInvoice, #billingRecentPayment, #billingUpcoming { width: 232px; } .dct_createDisbursementInterfaceRequest #pageInst { padding-top: 0; padding-bottom: 10px; } .dct_refundToSourcePayment #disbursePayeeName { float: left; clear: left; padding-right: 10px; padding-top: 3px; margin-bottom: 7px; } #reasonForReversal { width: 100%; } .dct_bil .outerleftpanel { width: 100%; } #billingRedistributionListId { float: none; } .dct_bil.dct_accountSummary .notificationDiv { margin-bottom: 9px; margin-left: 7px; } /*payment wallet pages */ .PaymentWallet .x_cardSections > .downLayout { padding: 0px; margin: 20px 0px; } .PaymentWallet .x_title { padding: 5px; } .x_subsection { padding: 0px; margin-bottom: 10px; } .downLayout.x_subsection > .acrossLayout { width: calc(100% - 40px); } .x_subsection .acrossLayout { margin-bottom: 15px; } .x_subsection .acrossLayout .acrossLayout { margin-bottom: 0px; } .x_subsection > .acrossLayout, .x_subsection > .downLayout { float: left; margin: 20px; margin-bottom: 5px; overflow: visible; } .x_subsection .downLayout > .acrossLayout { width: 640px; overflow: visible; float: left; } .x_subsection .acrossFieldGroup { margin-right: 45px; } .x_subsection .collapsibleSection { padding: 0; } /* Auto-Pay tag */ .x_tagLabel, .downLayout > .acrossLayout.x_tagLabel { float: right; width: auto; margin: 0; width: 60px; height: 20px; } .acrossLayout.x_tagLabel { overflow: visible; } .x_tagLabel .acrossFormField { position: absolute; width: 0; height: 0; left: 52px; top: 20px; } .x_subsection .acrossFormField .x-form-display-field { padding: 0; } .x_tagLabel .acrossFieldGroup { margin: 3px 6px; padding: 0; height: 12px; } .x_tagLabel { position: absolute; right: 2px; } .x_tagLabel .x-form-checkboxgroup { display: none; } .acrossLayout > div.x_accountLabel { padding: 1px 3px; } .downLayout > .acrossLayout.x_editLink { width: auto; float: left; margin: 0px; } .x_editIconLink .g-btn-text { visibility: hidden; } .x_editIconLink a:before { content: "\f040"; font-family: aswIcons; } .x_editIconLink { position: absolute; margin-top: -4px; margin-left: 30px; } downLayout.x_editIconLink { width: 30px; padding: 0px; } /* Tree Sub-Sections */ .x_treeSection { margin: 0px; padding: 0px; padding-left: 10px; width: calc(100% - 10px); } .x_treeSection .downLayout .downLayout { padding: 10px 15px; } .x_treeSection .downLayout .acrossLayout { width: auto; float: left; margin: 5px 0px; } .x_treeSection .g-hyperlink > a { margin: 0; padding: 0; } /* Edit Bank + Card details */ .x_inlineEdit { width: 100%; padding: 20px; } .x_subsection > .downLayout.x_inlineEdit { margin: 0px; } .x_inlineEdit .downFieldGroup { min-height: 22px; margin-bottom: 10px; } .x_inlineEdit .downFieldGroup .downBeforeFormLabel { width: 200px; border-bottom: 1px dotted #d3d2d2; } .x_inlineEdit .x-field.x-form-type-text { min-width: 150px; max-width: 150px; } .x_inlineEdit .g-action { margin: 0 0 10px; } .x_inlineEdit .downLayout .downLayout.isReadOnlyContent { font-size: 10px; float: none; margin-bottom: 5px; margin-left: 200px; } .x_inlineEdit .downLayout .downLayout.isReadOnlyContent > .downFormField { clear: left; } .x_inlineEdit .downLayout .downLayout.isReadOnlyContent .x-form-display-field-default { font-size: 10px; line-height: 12px;; } .x_inlineEdit .downLayout .downLayout.isReadOnlyContent .x-field.x-form-type-text { max-width: 400px; } .x_firstField { padding-right: 5px; } .acrossLayout.x_inPageActions { margin: 15px 0 5px; padding-bottom: 10px; } .x_inPageActions .g-btn > a { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } .x_editLink { max-height: 22px; } /* Banks & Credit card logos */ .x_logo { background-repeat: no-repeat; width: 140px; height: 40px; } .x_logo .x-form-display-field { display: none; } .FederalReserveBank .x_logo { background-image: url('../images/logos/GenericBankLogo.svg'); background-size: 30px 20px; padding-left: 37px; width: auto; height: 30px; } .FederalReserveBank .x_logo .x-form-display-field { display: block; padding-top: 2px; } .StateStreetBankAndTrustCo .x_logo { background-image: url('../images/logos/StateStreetLogotype.svg'); background-size: 139px 20px; width: 140px; height: 30px; } .BankOfAmerica .x_logo { background-image: url('../images/logos/BankOfAmerica.svg'); background-size: 140px 18px; width: 140px; height: 30px; } .RBSCitizensnationalAssociation .x_logo { background-image: url('../images/logos/GenericBankLogo.svg'); background-size: 30px 20px; padding-left: 37px; width: auto; height: 30px; } .RBSCitizensnationalAssociation .x_logo .x-form-display-field { display: block; padding-top: 2px; } .FederalHomeLoanBKBost .x_logo { background-image: url('../images/logos/FHLBBostonLogo.svg'); background-size: 30px 20px; width: 140px; height: 30px; } .MellonTrustOfNewEngland .x_logo { background-image: url('../images/logos/GenericBankLogo.svg'); background-size: 30px 20px; padding-left: 37px; width: auto; height: 30px; } .MellonTrustOfNewEngland .x_logo .x-form-display-field { display: block; padding-top: 2px; } .OneUnitedBank .x_logo { background-image: url('../images/logos/GenericBankLogo.svg'); background-size: 30px 20px; padding-left: 37px; width: auto; height: 30px; } .OneUnitedBank .x_logo .x-form-display-field { display: block; padding-top: 2px; } .TheNationalBankOfEdinburough .x_logo { background-image: url('../images/logos/GenericBankLogo.svg'); background-size: 30px 20px; padding-left: 37px; width: auto; height: 30px; } .TheNationalBankOfEdinburough .x_logo .x-form-display-field { display: block; padding-top: 2px; } .TheFirstNationalBankOfIps .x_logo { background-image: url('../images/logos/GenericBankLogo.svg'); background-size: 30px 20px; padding-left: 37px; width: auto; height: 30px; } .TheFirstNationalBankOfIps .x_logo .x-form-display-field { display: block; padding-top: 2px; } .GenericBank .x_logo { background-image: url('../images/logos/GenericBankLogo.svg'); background-size: 30px 20px; padding-left: 37px; width: auto; height: 30px; } .GenericBank .x_logo .x-form-display-field { display: block; padding-top: 2px; } .AMEX .x_logo { background-image: url('../images/logos/AmericanExpress.svg'); background-size: 85px 30px; width: 120px; height: 30px; } .CarteBlanche .x_logo { background-image: url('../images/logos/GenericCardLogo.svg'); background-size: 29px 29px; padding-left: 35px; height: 30px; } .CarteBlanche .x_logo .x-form-display-field { display: block; padding-top: 5px; } .DinersClub .x_logo { background-image: url('../images/logos/DinersClub.svg'); background-size: 111px 30px; width: 120px; height: 30px; } .Discover .x_logo { background-image: url('../images/logos/DiscoverLogo.svg'); background-size: 120px 20px; width: 120px; height: 30px; } .JCB .x_logo { background-image: url('../images/logos/JCB.svg'); background-size: 38px 30px; width: 120px; height: 30px; } .MasterCard .x_logo { background-image: url('../images/logos/MasterCardLogo.svg'); background-size: 49px 30px; width: 120px; height: 30px; } .Visa .x_logo { background-image: url('../images/logos/VisaLogo.svg'); background-size: 92px 30px; width: 120px; height: 30px; } .GenericCard .x_logo { background-image: url('../images/logos/GenericCardLogo.svg'); background-size: 29px 29px; padding-left: 35px; height: 30px; } .GenericCard .x_logo .x-form-display-field { display: block; padding-top: 5px; } [hidden]{ display: none; } body { background-color: #4C4C4C; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; padding: 0; margin-top: 0px; margin: 0 auto; width: 100%; height: 100%; } /*TCube[9th Feb 2017]:Start - To change font family of Error Page Button Text*/ body, input, textarea, select, button, pre { /*font-family: verdana,arial,helvetica,sans-serif;*/ font-family: arial,helvetica,sans-serif; font-size: 11px; color: #000; } /*TCube[9th Feb 2017]:End - To change font family of Error Page Button Text*/ a, a:link, a:visited { color: #000000; } a:hover, a:active { color: #0000BB; } /*Start: 5th Jan 2017: TCube Changes for page text color*/ label { /*color: #666666; */ color: #7d7d7d; /*Start: JIRA: CPI-3814 : field font changed from 9 to 11*/ /*font-size: 9px;*/ font-size: 11px; /*End: JIRA: CPI-3814 : field font changed from 9 to 11*/ /*font-weight: 600;*/ font-weight:normal; margin-left: 0; padding: 0 0 2px; } label a, label a:link, label a:visited, label a:hover, label a:active { /*color: #666666; */ color: #7d7d7d; } /*End: TCube Changes for page text color*/ input.resizable { width: 100%; } input { background: #ffffff; border: 1px solid #d7d7d7; } input[disabled], input[disabled="disabled"], input.disabled, .disabledControl { background: #f5f4ea; color: #aca899; font-style: italic; border: 1px solid #c9c7ba; } input[readonly], input[readonly="true"], input.readonly, .readonly, .x-form-readonly input { background: #FFFFFF; color: #4A4A4A; border: 0px; border-bottom: 1px solid #d7d7d7; } input[type=radio], input.radio { background: transparent; border: none; } input[type=checkbox], input.checkbox { background: transparent; border: none; } select { background: #ffffff; border: 1px solid #d7d7d7; cursor: pointer; } select[disabled="disabled"], select.disabled, select.disabledControl { cursor: default; background: #f5f4ea; color: #aca899; border: 1px solid #c9c7ba; font-style: italic; } select.readonly { color: #4A4A4A; } h1, h2 { width: 100%; margin-top: 0; margin-bottom: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } h1 { color: #558ed5; font-size: 1.3em; font-weight: normal; padding-left: 2px; } /*TCube[8th Feb 2017]:Start - To change section bottom border color*/ h2 { color: #006699; /*border-bottom: 1px solid #069;*/ border-bottom: 1px solid #003f77; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNmM5ZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-linear-gradient(top, #FFFFFF 0%, #A6C9DB 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #FFFFFF 0%,#A6C9DB 100%); /* IE10+ */ background: linear-gradient(to bottom, #FFFFFF 0%,#A6C9DB 100%); /* W3C */ font-size: 13px; font-weight: 700; min-height: 25px; padding: 10px; overflow: hidden; clear: both; } /*TCube[8th Feb 2017]:End - To change section bottom border color*/ h2.emptyCaption { display: none; } h2 .sectionCaptionIcon { float: left; margin-right: 5px; } .x_PlainHeader h2 { margin: 0px; font-size: 11px; padding: 5px 10px; color: #000; } h3.title { font-size: 11px; color: rgb (104, 104, 104); } p { margin: 10px 0; padding-left: 5px; } table { font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; border-collapse: collapse; border-spacing: 2px; border-color: red; } table th{ font-weight: normal; } .actionCell img { padding-left: 1px; padding-right:1px; } .clearfix:after { content: ""; display: table; clear: both; }#quickSearch { position: absolute; top: 5px; padding: 0px 0px 0px 0px; right: 50px; background: #FFFFFF; border-radius: 8px 8px 8px 8px; } #quickSearch ::-ms-clear { display: none; } #quickSearch input { line-height: 28px; height: 28px; } #quickSearchLabel { display: none; width: 75px; float: left; padding-top: 3px; } #quickSearchTextId { width: 120px; border: 0px; } #quickSearchModeIdCmp { /* select box */ width: 154px; padding-left: 0px; background: #dbdbdb; border-radius: 8px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; color: #000000;} .dct_bil #quickSearchModeIdCmp { width: 160px; } #quickSearchTextIdCmp .x-field, #quickSearchTextIdCmp input, #quickSearchTextIdCmp .x-form-trigger-wrap, #quickSearchTextIdCmp .x-form-item-body { width: 120px !important; min-width: 120px; max-width: 120px; } #quickSearchTextIdCmp input { /* text input */ border-left: 4px solid #4c4c4c; } #quickSearch .x-form-text-wrap, #quickSearch input { border: none; } #quickSearch .x-form-trigger { width: 24px; height: 28px; /*background: url('../images/u89.png') no-repeat;*/ border: none; background:0 0 transparent url(); } #quickSearch .x-form-trigger:before { width: 24px; height: 28px; /*background: url('../images/u89.png') no-repeat;*/ border: none; content:"\f0d7"; font-family:"aswIcons"; font-size:28px; line-height: 33px; padding-right:4px; color:#000000; } #quickSearch .x-trigger-wrap-focus .x-form-trigger { background-position: 0px 0px; color:#ffffff; } #quickSearch .x-trigger-wrap-focus .x-form-trigger-over { background-position: -24px 0px; } #quickSearch #id_quickSearch { top: 5px; margin: 0px; width: 17px; text-decoration: none; border-left: 0px solid #D8DBE0; padding: 6px 6px; border-radius: 8px; color: #000000; background:#ffffff; } a#id_quickSearch:before { content: "\f002"; font-family: 'aswIcons'; font-size: 20px; } #quickSearch #id_quickSearch:hover, #quickSearch #id_quickSearch:focus { color: #515151; } #id_quickSearch img { display: none; } #quickSearch select { font-size: 11px; } #searchLabel { display: none; float: left; padding-top: 3px; width: 60px; } #searchIsLabel { width: 12px; float: left; padding-left: 3px; padding-top: 3px; display: none; } #searchUsingLabel { width: 35px; float: left; padding-left: 3px; padding-top: 3px; display: none; } #quickSearch #id_quickSearch { position: relative; top: 5px; } #quickSearchModeId-inputWrap input { background: #dbdbdb; border:0; border-radius:8px; color:#000000; padding-left:8px; }/* notification styles */ .notificationDiv { min-height: 40px; width: 100%; margin-bottom: 10px; padding: 10px 0px 0px 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #FFFFFF; border: none; border-radius: 8px; box-shadow: #000000 0px 0px 1px; } #main > .notificationDiv { width: calc(100% - 20px); margin-right: 10px; margin-left: 10px; } .policyNotificationDiv { clear: both; min-height: 40px; width: calc(100% - 20px); margin: 5px auto 15px 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #FFFFFF; border: none; border-radius: 8px; box-shadow: #000000 0px 0px 1px; padding: 10px 10px 10px 30px; } .notificationIcon { float: left; margin: 5px; width: 35px; height: 35px; padding: 0px 10px 0px 0px; } .notificationMessage { padding-top: 10px; width: 95%; } .notificationIcon:before { color: #057ABA; content: "\f05a"; font-size: 35px; width: auto; } .nWarn .notificationIcon:before { color: #EECB00; content: "\f06a"; font-size: 35px; } .nError .notificationIcon:before { color: #BF0000; content: "\f071"; font-size: 35px; } .InformationDiv { padding: 5px 10px 15px 10px; font-size: 1em; line-height: 1.5em; margin-top: 5px; } .notificationDiv A { text-decoration: underline; } /* error page styles */ .errorsPage #main, .errorsPage #pageTop, .errorsPage #pageTitle, .errorsPage #pageInst { background: #f2f2f2; color: #000000; } .errorsPage #main { width: 100%; } .errorsPage #banner { height: 45px; } .errorsPage #pageTitle { font-weight: normal; font-size: 20px; } .errorsPage #pageInst { padding: 0; margin: 0; } .errorsPage #pageInst p { padding: 0px; } .errorsPage .notificationDiv.nError { box-shadow: none; margin: 0 0 10px; padding: 10px; width: 100%; border: 3px solid #bf0000; float: left; } .errorsPage #errorDetailsSection, .errorsPage #batchProcessJobTable, .errorsPage #stactSection { float: left; width: 100%; } .errorsPage #batchProcessJobTable { margin-bottom: 10px; } .errorsPage #errorDetailsSection th { font-weight: bold; } .errorsPage #errorDetailsSection td { word-break: break-all; } .errorsPage .InformationDiv { background: #fff; font-weight: bold; float: left; position: relative; padding: 0 0 0 45px; min-height: 35px; } .errorsPage .InformationDiv .notificationIcon { position: absolute; top: 10px; left: 0; } .errorsPage #errorActions { padding: 0px 10px; } /* help icon styles */ .helpIcon { font-family: 'aswIcons'; font-size: 11px; width: 11px; height: 11px; display: inline; position: relative; text-decoration: none; margin: 0px 5px; } a.helpIcon:before { content: "\3f"; } /* Start - TCube Changes */ .toggleHeader { width: 100%; display: flex; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; /*border-bottom: 1px solid #006699;*/ border-bottom: 1px solid #FFFFFF; cursor: pointer; } /* End - TCube Changes */ .x-ie9 .toggleHeader { clear: both; min-height: 37px; } .toggleHeader:after { content: ""; display: table; clear: both; } .toggleHeader:before { float: left; content: "\f078"; font-family: aswIcons; font-size: 16px; width: 35px; transform: translateY(50%) translateY(-8px); text-align: center; } .x-ie10 .toggleHeader:before{ transform: translateY(52%); } .x-ie9 .toggleHeader:before { min-height: 37px; } .toggleHeader.toggle-collapsed:before { content: "\f054"; } .toggleHeader .toggleHeaderInner { float: left; font-size: 13px; font-weight: 700; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px; width: calc(100% - 36px); border-left: 1px solid #006699; min-height: 37px; } .collapsibleSection { padding-bottom: 10px; padding-top: 10px; } .toggleDivContainer { border: none; } .toggleHeaderNoHover { font-size: 1.1em; font-weight: bold; color: #558ed5; border-bottom: 0px solid #83A6D3; } .toggleHeaderNoHover { margin: 5px 0px 5px 0px; padding: 1px 0px 3px 0px; clear: both; } .truncateWithDots{ width: 100%; } div.truncateWithDots > span{ width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; } label.truncateWithDots{ min-height: 18px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; } TD>.truncateWithDots { width: inherit; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; } /* the top and bottom border divs are no longer needed */ .cc-bubble-bl, .cc-bubble-br, .cc-bubble-bc { display: none; } /* core styles for cc-bubble */ [class^="cc-bubble"] { width: 100%; float: left; background: transparent; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .cc-bubble { border-radius: 8px; border: 1px solid transparent; margin-bottom: 10px; position: relative; } .cc-bubble-title { background: transparent; color: #069; font-size: 13px; font-weight: bold; padding: 0px 5px 5px; } .cc-bubble-body { border-radius: 8px; border: 1px solid #d7d7d7; padding: 10px; } .cc-bubble-body > .downLayout > h2:first-of-type { margin-top: 0; } /*custom containers*/ .cc-bubble.cc_BluePanel { background: rgba(0, 102, 153, 0) linear-gradient(rgba(0, 102, 153, 0.2), rgba(0, 102, 153, 0.2)) repeat scroll 0 0; box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.27); width: calc(100% - 3px); padding: 5px; border-color: #069; } .cc-bubble.cc_LightPanel .cc-bubble-body, .cc-bubble.cc_MinimalLightGray .cc-bubble-body, .cc-bubble.cc_MinimalWhite .cc-bubble-body { border-color: #d7d7d7; } .cc-bubble.cc_MinimalWhite .cc-bubble-body { background-color: #fff; } .cc-bubble.cc_PlainWhite .cc-bubble-body { background-color: #fff; border-color: #fff; } .cc-bubble.cc_GrayPanel, .cc-bubble.cc_WhiteRounded { box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.27); width: calc(100% - 3px); background: #f4f4f4; padding: 5px; border-color: #d7d7d7; } .cc-bubble.cc_GrayPanel { background-color: #f4f4f4; } .cc-bubble.cc_GrayPanel .cc-bubble-body { background-color: #fff; } .cc-bubble.cc_GrayPanel .cc-bubble-title { color: #000; } .cc-bubble.cc_BlackBorder .cc-bubble-body { border-color: #000; } .cc-bubble.cc_WhiteRounded { background-color: #fff; } .cc-bubble.cc_WhiteRounded .cc-bubble-title { padding: 0 10px 5px; color: #000; } .cc-bubble.cc_WhiteRounded .cc-bubble-body { border-radius: 0; padding: 5px; background-color: #fff; border-color: transparent; } .cc-bubble.cc_PopoutContainer { margin-top: 20px; } .cc-bubble.cc_PopoutContainer, .cc-bubble.cc_PopoutContainerLeft { background-color: #fff; border-color: #dfdfdf; } .cc-bubble.cc_PopoutContainer .cc-bubble-body, .cc-bubble.cc_PopoutContainerLeft .cc-bubble-body { background-color: #fff; border-color: transparent; } .cc-bubble.cc_PopoutContainer .cc-bubble-title, .cc-bubble.cc_PopoutContainerLeft .cc-bubble-title { color: #000; } .cc-bubble.cc_PopoutContainer .cc-bubble-tl:before { border-bottom: 20px solid #d7d7d7; border-left: 25px solid transparent; border-right: 25px solid transparent; content: ""; height: 0; left: 20px; position: absolute; top: -20px; width: 0; } .cc-bubble.cc_PopoutContainer .cc-bubble-tl:after { border-bottom: 20px solid #fff; border-left: 25px solid transparent; border-right: 25px solid transparent; content: ""; height: 0; left: 20px; position: absolute; top: -19px; width: 0; } .cc-bubble.cc_PopoutContainerLeft { border-color: #dfdfdf; width: calc(100% - 15px); margin-left: 15px; } .cc-bubble.cc_PopoutContainerLeft .cc-bubble-tl:before { border-right: 15px solid #d7d7d7; border-top: 15px solid transparent; border-bottom: 15px solid transparent; content: ""; height: 0; left: -15px; position: absolute; top: 15px; width: 0; } .cc-bubble.cc_PopoutContainerLeft .cc-bubble-tl:after { border-right: 15px solid #fff; border-top: 15px solid transparent; border-bottom: 15px solid transparent; content: ""; height: 0; left: -14px; position: absolute; top: 15px; width: 0; } .cc-bubble.cc_PopoutContainer .cc-bubble-title, .cc-bubble.cc_PopoutContainerLeft .cc-bubble-title { padding: 5px 10px; } .cc-bubble.cc_ErrorPanel { background-color: #ffffff; border: 3px solid #bf0000; } .cc-bubble.cc_ErrorPanel h4 { margin: 0; } .cc-bubble.cc_ErrorPanel .cc-bubble-title { color: #000; padding: 0 10px 5px; } .cc-bubble.cc_ErrorPanel .cc-bubble-body { border-color: transparent; }/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~ FormLayout styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .defaultXHTML { margin-bottom: 10px; } /********************************************************************************* * acrossLayout styles *********************************************************************************/ .acrossLayout > .x-form-element, .downLayout > .x-form-element { padding-left: 0px; position: relative; } .acrossLayout { overflow: hidden; padding: 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .dct_policy .acrossLayout { min-height: 28px; } .acrossLayout > div { float: left; padding-right: 10px; } .acrossLayout > div.acrossLayout { min-height: 0; padding: 0px 0px; } .acrossLayout > div.downLayout { padding-right: 0; } .acrossLayout > .x_BorderLightGray { padding-right: 10px; margin-bottom: 10px; } .Household_body .cc-bubble-body .acrossLayout > div { margin-right: 20px; } .acrossFieldGroup { margin-bottom: 10px; } .acrossFieldGroup > div { float: left; } .acrossFieldGroup > .acrossBeforeFormLabel { padding: 0; } .acrossFieldGroup > .acrossAboveFormLabel { padding: 0; } .acrossAboveFormLabel > label, .acrossBeforeFormLabel > label, .acrossBeforeFormLabelNoField > label { line-height: 22px; display: block; float: left; padding: 0; } .acrossAboveFormLabel > label { line-height: 22px; } .acrossFormField > div { float: left; } .acrossFormField > div > span { padding-top: 2px; display: block; float: left; } .acrossFormField > label > input { padding-top: 2px; } .acrossFormField > label > span { padding-top: 2px; display: block; float: left; } .acrossFormField > div > input { padding: 1px 3px 0px 3px; height: 18px; } .acrossAboveFormLabel + .acrossFormField { clear: left; } .ext-strict .ext-ie8 .acrossFormField .x-form-display-field, .ext-ie .acrossFormField .x-form-display-field, /*ie9*/ .ext-gecko .acrossFormField .x-form-display-field /*FF*/ { padding-top: 2px; } /********************************************************************************* * downLayout styles *********************************************************************************/ .downLayout { overflow: hidden; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .downLayout > .acrossLayout { width: 100%; } .downLayout .downFieldGroup { overflow: hidden; clear: left; width: 100%; min-height: 22px; margin-bottom: 10px; } .downLayout > .downFormField { float: left; } .downFormLabel { float: left; padding: 3px 5px 3px 0px; width: 30%; } .downBeforeFormLabel { float: left; padding: 0 5px 2px 0; white-space: pre-wrap; } .downBeforeFormLabel > label { display: block; float: left; line-height: 18px; padding-bottom: 0px; } .downAboveFormLabel + .downFormField { clear: left; } .downAboveFormLabel > label { line-height: 22px; } .downFieldGroup > div { float: left; padding-left: 0px; } .downFormField > div { float: left; } .acrossFieldGroup .acrossBeforeFormLabel, .downFieldGroup .downBeforeFormLabel { border-bottom: 1px dotted #d3d2d2; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .downFieldGroup .downBeforeFormLabel:empty { border-bottom: none; } .acrossFieldGroup .acrossBeforeFormLabel + .acrossFormField, .downFieldGroup .downBeforeFormLabel + .downFormField { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .ruleset_topNav .downFieldGroup .downBeforeFormLabel + .downFormField { width: auto; } .downBeforeFormLabelNoField, .x_PlainHeader h2 { background: #fff; border-top: 1px solid #d7d7d7; border-bottom: 2px solid #069; } .downBeforeFormLabelNoField { display: flex; margin-bottom: 10px; } /*Start: 5th Jan 2017: TCube Changes for page text color*/ .downBeforeFormLabelNoField label { font-size: 11px; padding: 5px 10px; /*color: #000;*/ color: #7d7d7d; } /*End: TCube Changes for page text color*/ .acrossFieldGroup .acrossBeforeFormLabel + .acrossFormField { padding-left: 5px; } .downFieldGroup .downBeforeFormLabel { width: 200px; } h2.x_FontCaption, .downBeforeFormLabelNoField.x_FontCaption { border: none; background: transparent; margin: 0; padding-left: 0; } .downLayout.x_BorderLightGray { margin-bottom: 10px; } /********************************************************************************* * width override styles *********************************************************************************/ .downFieldGroup .downBeforeFormLabel + .downFormField { width: calc(100% - 200px); padding-left: 5px; } .acrossFieldGroup .acrossBeforeFormLabel.x_Width75, .downFieldGroup .downBeforeFormLabel.x_Width75 { width: 75px; } .downFieldGroup .downBeforeFormLabel.x_Width75 + .downFormField { width: calc(100% - 75px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width80, .downFieldGroup .downBeforeFormLabel.x_Width80 { width: 80px; } .downFieldGroup .downBeforeFormLabel.x_Width80 + .downFormField { width: calc(100% - 80px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width90, .downFieldGroup .downBeforeFormLabel.x_Width90 { width: 90px; } .downFieldGroup .downBeforeFormLabel.x_Width90 + .downFormField { width: calc(100% - 90px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width100, .downFieldGroup .downBeforeFormLabel.x_Width100 { width: 100px; } .downFieldGroup .downBeforeFormLabel.x_Width100 + .downFormField { width: calc(100% - 100px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width110, .downFieldGroup .downBeforeFormLabel.x_Width110 { width: 110px; } .downFieldGroup .downBeforeFormLabel.x_Width110 + .downFormField { width: calc(100% - 110px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width115, .downFieldGroup .downBeforeFormLabel.x_Width115 { width: 115px; } .downFieldGroup .downBeforeFormLabel.x_Width115 + .downFormField { width: calc(100% - 115px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width120, .downFieldGroup .downBeforeFormLabel.x_Width120 { width: 120px; } .downFieldGroup .downBeforeFormLabel.x_Width120 + .downFormField { width: calc(100% - 120px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width125, .downFieldGroup .downBeforeFormLabel.x_Width125 { width: 125px; } .downFieldGroup .downBeforeFormLabel.x_Width125 + .downFormField { width: calc(100% - 125px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width130, .downFieldGroup .downBeforeFormLabel.x_Width130 { width: 130px; } .downFieldGroup .downBeforeFormLabel.x_Width130 + .downFormField { width: calc(100% - 130px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width140, .downFieldGroup .downBeforeFormLabel.x_Width140 { width: 140px; } .downFieldGroup .downBeforeFormLabel.x_Width140 + .downFormField { width: calc(100% - 140px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width145, .downFieldGroup .downBeforeFormLabel.x_Width145 { width: 145px; } .downFieldGroup .downBeforeFormLabel.x_Width145 + .downFormField { width: calc(100% - 145px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width150, .downFieldGroup .downBeforeFormLabel.x_Width150 { width: 150px; } .downFieldGroup .downBeforeFormLabel.x_Width150 + .downFormField { width: calc(100% - 150px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width152, .downFieldGroup .downBeforeFormLabel.x_Width152 { width: 152px; } .downFieldGroup .downBeforeFormLabel.x_Width152 + .downFormField { width: calc(100% - 152px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width155, .downFieldGroup .downBeforeFormLabel.x_Width155 { width: 155px; } .downFieldGroup .downBeforeFormLabel.x_Width155 + .downFormField { width: calc(100% - 155px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width160, .downFieldGroup .downBeforeFormLabel.x_Width160 { width: 160px; } .downFieldGroup .downBeforeFormLabel.x_Width160 + .downFormField { width: calc(100% - 160px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width165, .downFieldGroup .downBeforeFormLabel.x_Width165 { width: 165px; } .downFieldGroup .downBeforeFormLabel.x_Width165 + .downFormField { width: calc(100% - 165px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width170, .downFieldGroup .downBeforeFormLabel.x_Width170 { width: 170px; } .downFieldGroup .downBeforeFormLabel.x_Width170 + .downFormField { width: calc(100% - 170px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width175, .downFieldGroup .downBeforeFormLabel.x_Width175 { width: 175px; } .downFieldGroup .downBeforeFormLabel.x_Width175 + .downFormField { width: calc(100% - 175px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width180, .downFieldGroup .downBeforeFormLabel.x_Width180 { width: 180px; } .downFieldGroup .downBeforeFormLabel.x_Width180 + .downFormField { width: calc(100% - 180px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width185, .downFieldGroup .downBeforeFormLabel.x_Width185 { width: 185px; } .downFieldGroup .downBeforeFormLabel.x_Width185 + .downFormField { width: calc(100% - 185px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width190, .downFieldGroup .downBeforeFormLabel.x_Width190 { width: 190px; } .downFieldGroup .downBeforeFormLabel.x_Width190 + .downFormField { width: calc(100% - 190px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width200, .downFieldGroup .downBeforeFormLabel.x_Width200 { width: 200px; } .downFieldGroup .downBeforeFormLabel.x_Width200 + .downFormField { width: calc(100% - 200px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width205, .downFieldGroup .downBeforeFormLabel.x_Width205 { width: 205px; } .downFieldGroup .downBeforeFormLabel.x_Width205 + .downFormField { width: calc(100% - 205px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width210, .downFieldGroup .downBeforeFormLabel.x_Width210 { width: 210px; } .downFieldGroup .downBeforeFormLabel.x_Width210 + .downFormField { width: calc(100% - 210px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width215, .downFieldGroup .downBeforeFormLabel.x_Width215 { width: 215px; } .downFieldGroup .downBeforeFormLabel.x_Width215 + .downFormField { width: calc(100% - 215px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width220, .downFieldGroup .downBeforeFormLabel.x_Width220 { width: 220px; } .downFieldGroup .downBeforeFormLabel.x_Width220 + .downFormField { width: calc(100% - 220px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width225, .downFieldGroup .downBeforeFormLabel.x_Width225 { width: 225px; } .downFieldGroup .downBeforeFormLabel.x_Width225 + .downFormField { width: calc(100% - 225px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width230, .downFieldGroup .downBeforeFormLabel.x_Width230 { width: 230px; } .downFieldGroup .downBeforeFormLabel.x_Width230 + .downFormField { width: calc(100% - 230px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width240, .downFieldGroup .downBeforeFormLabel.x_Width240 { width: 240px; } .downFieldGroup .downBeforeFormLabel.x_Width240 + .downFormField { width: calc(100% - 240px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width250, .downFieldGroup .downBeforeFormLabel.x_Width250 { width: 250px; } .downFieldGroup .downBeforeFormLabel.x_Width250 + .downFormField { width: calc(100% - 250px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width254, .downFieldGroup .downBeforeFormLabel.x_Width254 { width: 254px; } .downFieldGroup .downBeforeFormLabel.x_Width254 + .downFormField { width: calc(100% - 254px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width260, .downFieldGroup .downBeforeFormLabel.x_Width260 { width: 260px; } .downFieldGroup .downBeforeFormLabel.x_Width260 + .downFormField { width: calc(100% - 260px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width270, .downFieldGroup .downBeforeFormLabel.x_Width270 { width: 270px; } .downFieldGroup .downBeforeFormLabel.x_Width270 + .downFormField { width: calc(100% - 270px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width280, .downFieldGroup .downBeforeFormLabel.x_Width280 { width: 280px; } .downFieldGroup .downBeforeFormLabel.x_Width280 + .downFormField { width: calc(100% - 280px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width285, .downFieldGroup .downBeforeFormLabel.x_Width285 { width: 285px; } .downFieldGroup .downBeforeFormLabel.x_Width285 + .downFormField { width: calc(100% - 285px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width290, .downFieldGroup .downBeforeFormLabel.x_Width290 { width: 290px; } .downFieldGroup .downBeforeFormLabel.x_Width290 + .downFormField { width: calc(100% - 290px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width300, .downFieldGroup .downBeforeFormLabel.x_Width300 { width: 300px; } .downFieldGroup .downBeforeFormLabel.x_Width300 + .downFormField { width: calc(100% - 300px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width325, .downFieldGroup .downBeforeFormLabel.x_Width325 { width: 325px; } .downFieldGroup .downBeforeFormLabel.x_Width325 + .downFormField { width: calc(100% - 325px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width350, .downFieldGroup .downBeforeFormLabel.x_Width350 { width: 350px; } .downFieldGroup .downBeforeFormLabel.x_Width350 + .downFormField { width: calc(100% - 350px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width375, .downFieldGroup .downBeforeFormLabel.x_Width375 { width: 375px; } .downFieldGroup .downBeforeFormLabel.x_Width375 + .downFormField { width: calc(100% - 375px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width400, .downFieldGroup .downBeforeFormLabel.x_Width400 { width: 400px; } .downFieldGroup .downBeforeFormLabel.x_Width400 + .downFormField { width: calc(100% - 400px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width410, .downFieldGroup .downBeforeFormLabel.x_Width410 { width: 410px; } .downFieldGroup .downBeforeFormLabel.x_Width410 + .downFormField { width: calc(100% - 410px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width420, .downFieldGroup .downBeforeFormLabel.x_Width420 { width: 420px; } .downFieldGroup .downBeforeFormLabel.x_Width420 + .downFormField { width: calc(100% - 420px); } .acrossFieldGroup .acrossBeforeFormLabel.x_Width450, .downFieldGroup .downBeforeFormLabel.x_Width450 { width: 450px; } .downFieldGroup .downBeforeFormLabel.x_Width450 + .downFormField { width: calc(100% - 450px); } .downFormField > label > .controlContainer > input { margin-right: 2px; margin-top: 2px; } .downFormField > div > input { padding: 1px 3px 0px 3px; height: 18px; } .downFormField > div > span { padding-top: 3px; display: block; float: left; } .toggleHeader + script + .downLayout { clear: left; } /********************************************************************************* * controlContainer styles *********************************************************************************/ .controlContainer { float: left; width: auto; } .acrossFieldGroup .controlContainer, .downFieldGroup .controlContainer { width: 100%; } .ext-ie .controlContainer .x-form-radio { margin-top: 2px; } .controlContainer .x-form-check-wrap { float: left; padding-right: 3px; padding-top: 0px; padding-bottom: 1px; } .ext-ie .controlContainer .x-form-check-wrap input { width: 13px; height: 13px; } /********************************************************************************* * required field styles *********************************************************************************/ .required { color: #990000; font-size: 1.5em; padding-left: 5px; vertical-align: middle; text-decoration: none; display: inline-block; } .required > .controlContainer .x-form-field-wrap, .required > .x-form-field-wrap { float: left; } /********************************************************************************************************* * field width styles * Calculations are based on the current font sixe of '0' * (number of characters + 2) + a padding of 8px * Dates have a separate class name due to the calendar image (7px) **********************************************************************************************************/ .dct-dateFieldSize10 .x-form-text-field-body-default { min-width: calc(7px - -8px - -12ch); max-width: calc(7px - -8px - -12ch); } .x-ie .dct-dateFieldSize10 .x-form-text-field-body-default, .x-ie10p .dct-dateFieldSize10 .x-form-text-field-body-default, .x-ie11 .dct-dateFieldSize10 .x-form-text-field-body-default, .x-edge .dct-dateFieldSize10 .x-form-text-field-body-default { min-width: calc(7px - -8px - -14ch); max-width: calc(7px - -8px - -14ch); } .dct-fieldSize1 .x-form-text-field-body-default { min-width: calc(8px - -3ch); max-width: calc(8px - -3ch); } .dct-fieldSize2 .x-form-text-field-body-default { min-width: calc(8px - -4ch); max-width: calc(8px - -4ch); } .dct-fieldSize3 .x-form-text-field-body-default { min-width: calc(8px - -5ch); max-width: calc(8px - -5ch); } .dct-fieldSize4 .x-form-text-field-body-default { min-width: calc(8px - -6ch); max-width: calc(8px - -6ch); } .dct-fieldSize5 .x-form-text-field-body-default { min-width: calc(8px - -7ch); max-width: calc(8px - -7ch); } .dct-fieldSize6 .x-form-text-field-body-default { min-width: calc(8px - -8ch); max-width: calc(8px - -8ch); } .dct-fieldSize7 .x-form-text-field-body-default { min-width: calc(8px - -9ch); max-width: calc(8px - -9ch); } .dct-fieldSize8 .x-form-text-field-body-default { min-width: calc(8px - -10ch); max-width: calc(8px - -10ch); } .dct-fieldSize9 .x-form-text-field-body-default { min-width: calc(8px - -11ch); max-width: calc(8px - -11ch); } .dct-fieldSize10 .x-form-text-field-body-default { min-width: calc(8px - -12ch); max-width: calc(8px - -12ch); } .dct-fieldSize11 .x-form-text-field-body-default { min-width: calc(8px - -13ch); max-width: calc(8px - -13ch); } .dct-fieldSize12 .x-form-text-field-body-default { min-width: calc(8px - -14ch); max-width: calc(8px - -14ch); } .dct-fieldSize13 .x-form-text-field-body-default { min-width: calc(8px - -15ch); max-width: calc(8px - -15ch); } .dct-fieldSize14 .x-form-text-field-body-default { min-width: calc(8px - -16ch); max-width: calc(8px - -16ch); } .dct-fieldSize15 .x-form-text-field-body-default { min-width: calc(8px - -17ch); max-width: calc(8px - -17ch); } .dct-fieldSize16 .x-form-text-field-body-default { min-width: calc(8px - -18ch); max-width: calc(8px - -18ch); } .dct-fieldSize17 .x-form-text-field-body-default { min-width: calc(8px - -19ch); max-width: calc(8px - -19ch); } .dct-fieldSize18 .x-form-text-field-body-default { min-width: calc(8px - -20ch); max-width: calc(8px - -20ch); } .dct-fieldSize19 .x-form-text-field-body-default { min-width: calc(8px - -21ch); max-width: calc(8px - -21ch); } .dct-fieldSize20 .x-form-text-field-body-default { min-width: calc(8px - -22ch); max-width: calc(8px - -22ch); } .dct-fieldSize25 .x-form-text-field-body-default { min-width: calc(8px - -27ch); max-width: calc(8px - -27ch); } .dct-fieldSize30 .x-form-text-field-body-default { min-width: calc(8px - -32ch); max-width: calc(8px - -32ch); } .dct-fieldSize35 .x-form-text-field-body-default { min-width: calc(8px - -37ch); max-width: calc(8px - -37h); } .dct-fieldSize40 .x-form-text-field-body-default { min-width: calc(8px - -42ch); max-width: calc(8px - -42ch); } .dct-fieldSize45 .x-form-text-field-body-default { min-width: calc(8px - -47ch); max-width: calc(8px - -47ch); } .dct-fieldSize50 .x-form-text-field-body-default { min-width: calc(8px - -52ch); max-width: calc(8px - -52ch); } /********************************************************************************* * displayTbl styles *********************************************************************************/ .displayTbl { width: 100%; border: 1px solid #525552; } .displayTblTitle { padding: 6px 0px 6px 6px; clear: both; background: #484843; font-size: .9em; font-weight: bolder; color: #ffffff; } .displayTblHdr td { background: #e3e1e1; font-weight: bold; font-size: .9em; padding: 5px; } .displayTblRow td { padding: 5px; background: #f4f4f4; height: 13px; font-size: .9em; } .displayTblFooter { min-height: 12px; padding: 6px; text-align: left; margin: 0px 0px 10px 0px; color: #ffffff; background: #484843; font-size: .9em; border: 1px solid #484843; border-top: 0px; } /********************************************************************************* * formTbl styles *********************************************************************************/ /*Standard form element table styles*/ .formTbl { margin: 10px 0px 0px 0px; width: 100%; border: 0px; } .formTbl td { padding-bottom: 10px; padding-left: 3px; } .formTbl .detailsLabel { font-weight: bold; padding-left: 5px; } /********************************************************************************* * formTable styles *********************************************************************************/ .formTable { width: 100%; clear: both; } .formTable > th { padding: 2px 5px 2px 0px; } .formTable > tr > td { padding: 2px; } .formTable .thEmpty { padding: 0; margin: 0; width: 0; } /********************************************************************************* * formTable within a *Layout styles *********************************************************************************/ .acrossLayout > .formTable, .acrossLayout > .interviewGrid, .downLayout > .formTable, .downLayout > .g-groupAction { margin-bottom: 10px; } .acrossLayout > .formTable .formTable, .downLayout > .formTable .formTable, .downLayout > .g-groupAction > .g-btn a, .x_BorderLightGray > .formTable { margin-bottom: 0; } /********************************************************************************* * grid styles *********************************************************************************/ .pagingGrid { clear: left; } .tblHeader th { color: #FFFFFF; background-color: #069; border: 1px solid #FFFFFF; padding: 3px 7px; text-align: left; } /* remove images that do not belong due to style standard */ #messageActions { clear: both; } .widgetAffectedVal { margin-left: 15px; text-align: right; } .widgetComboCaption { float: left; clear: both; width: 50%; } .widgetComboAffectedVal { margin-left: 15px; text-align: right; padding-right: 20px; } .radioItemComparison { float: left; width: 100%; overflow: hidden; min-height: 18px; } .optSpecialContainer { padding-right: 10px; } .optSpecialRadio { overflow: hidden; min-height: 18px; background-image: url(../images/icons/star_gold.png); background-repeat: no-repeat; background-position: right top; } .languageItem { line-height: 20px !important; height: 24px; display: block; } .languageComboCaption { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .languageComboImage { display: block; margin: 0px; position: relative; top: -16px; left: 45px; width: 16px; height: 16px; background-repeat: no-repeat; background-size: cover; } .extValue { border: 1px solid #b5b8c8; } .extSpecial { background-image: url(../images/icons/star_gold.png); background-repeat: no-repeat; background-position: right; } #partyTools { margin-left: -2px; padding: 0px; } .x_widget-nav-hide + .g-pageAction { display: none; } /*Party Licenses Page*/ .Licenses_body table.formTable div.acrossLayout table.formTable { table-layout: fixed; width: 600px; } .Licenses_body table.formTable th { word-wrap: break-word; } .Licenses_body table.formTable td { word-wrap: break-word; } .Licenses_body table.formTable table.formTable td div, .Licenses_body table.formTable table.formTable td div div { max-width: 60px; white-space: normal; } /*Party Locations Page*/ .LocationDetail_body div.downLayout > table.formTable { table-layout: auto; width: 100%; } .LocationDetail_body div.acrossLayout > table.formTable { table-layout: auto; width: 700px; } .LocationDetail_body table.formTable th { word-wrap: break-word; } .LocationDetail_body table.formTable td { word-wrap: break-word; } .LocationDetail_body .dct_pty table.formTable td div, .LocationDetail_body .dct_pty table.formTable td div div { max-width: 60px; white-space: normal; } /*Party Other Names Page*/ .OtherNames_body div.downLayout > table.formTable { table-layout: auto; width: 100%; } .OtherNames_body div.acrossLayout > table.formTable { table-layout: auto; width: 700px; } .OtherNames_body table.formTable th { word-wrap: break-word; } .OtherNames_body table.formTable td { word-wrap: break-word; } .OtherNames_body table.formTable td div, .OtherNames_body table.formTable td div div { max-width: 60px; white-space: normal; } /*Party Addresses Page*/ .AddressLocationDetail_body div.acrossLayout > table.formTable { table-layout: auto; width: 700px; } .AddressLocationDetail_body div.downLayout > table.formTable { table-layout: auto; width: 100%; } .AddressLocationDetail_body table.formTable th { word-wrap: break-word; } .AddressLocationDetail_body table.formTable td { word-wrap: break-word; } .AddressLocationDetail_body table.formTable td div, .AddressLocationDetail_body table.formTable td div div { max-width: 60px; white-space: normal; } .AddressLocationDetail_body div.x_DataTable table.formTable td div, .LocationDetail_body div.x_DataTable table.formTable td div { max-width: 75px; } .AddressLocationDetail_body table.formTable td.x_AddressDisplay, .LocationDetail_body table.formTable td.x_AddressDisplay { width: 300px; } .AddressLocationDetail_body table.formTable td.x_AddressDisplay div, .AddressLocationDetail_body table.formTable td.x_AddressDisplay div div { max-width: 250px; width: 250px; white-space: normal; } .LocationDetail_body table.formTable td.x_AddressDisplay div, .LocationDetail_body table.formTable td.x_AddressDisplay div div { max-width: 250px; width: 250px; white-space: normal; } /*Underwriting Weather*/ #widgetWeather{ height: 126px; margin-bottom: -5px; } #link_get_widget { display: none; }.uneditable{} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~ Navigation Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /********************************************************************************* * Left navigation panel styles *********************************************************************************/ .ruleset_leftNav #leftPanelArea { background: #F2F8F2 none repeat scroll 0 0; margin-top: 10px; padding-bottom: 10px; left: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 8px; border: 3px solid #FFFFFF; box-shadow: #000000 0px 0px 8px; position: relative; width: 200px; margin-right: 15px; float: left; } .ruleset_leftNav #leftPanelArea div { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; } .ruleset_leftNav #leftPanelAreaBody { background: #007000; border-top-left-radius: 5px; border-top-right-radius: 5px; padding-top: 10px; } .dct_errors #leftPanelArea { display: none; } /********************************************************************************* * Left navigation panel header styles *********************************************************************************/ /* panel header title styles*/ .ruleset_leftNav #leftPanelAreaBody > div:first-of-type > div:not(.pageNav) { padding-bottom: 10px; } .ruleset_leftNav #leftPanelAreaBody > div:first-child > div > div { color: #fff; padding: 0 10px 4px; font-size: 9px; font-weight: normal; } .ruleset_leftNav #leftPanelAreaBody > div:first-child > div > div:first-child { font-weight: bold; font-size: 13px; } /* secondary titles */ .ruleset_leftNav #leftPanelAreaBody > div:not(:first-child) > div { background: #fff; color: #000; font-weight: bold; padding: 5px 10px; border-bottom: 2px solid #007000; } .ruleset_leftNav #leftPanelAreaBody div:empty { display: none; } /********************************************************************************* * Left navigation panel navigation item styles *********************************************************************************/ .ruleset_leftNav #leftPanelArea ul { margin-left: 5px; float: left; padding: 0; margin: 0; background-color: #F2F8F2; font-size: 14px; line-height: normal; list-style-type: none; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .ruleset_leftNav #leftPanelArea ul li { list-style-position: outside; list-style-image: none; border-bottom: 1px solid #a6cda6; border-left: 0; border-right: 0; border-top: 1px solid #fff; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #F2F8F2; padding: 2px; } .ruleset_leftNav #leftPanelArea ul li a { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #000; font-size: 11px; font-weight: normal; padding: 5px 8px; text-decoration: none; display: block; } .ruleset_leftNav #leftPanelArea ul li a:hover { background-color: #fff; border: 1px solid #007000; padding: 4px 7px; } .ruleset_leftNav #leftPanelArea ul li.activeTab a, .ruleset_leftNav #leftPanelArea ul li.activeTab a:hover { background-color: #fff; border: solid 2px #007000; padding: 3px 6px; } /********************************************************************************* * Top sub-navigation styles *********************************************************************************/ .ruleset_topNav #main{ width: 100%; margin-top: 10px; } .ruleset_topNav #pageTitle { width: auto; height: auto; margin-top: 0px; margin-left: 0px; } .ruleset_topNav #leftPanelArea { height: auto; width: 100%; overflow: hidden; } .ruleset_topNav #leftPanelAreaBody{ width: 100%; overflow: hidden; margin-bottom: 5px; } .ruleset_topNav #leftPanelAreaBody .external-module, .externalModule-leftPanel{ display: none; } .ruleset_topNav #pageNav { height: auto; width: 100%; } .ruleset_topNav #pageNav li, .ruleset_topNav #subactiongroup li{ float: left; height: 30px; } .ruleset_topNav #pageNav li a, .ruleset_topNav #subactiongroup li a{ display: block; text-decoration: none; } .ruleset_topNav #pageNav, .ruleset_topNav #subactiongroup{ width: 100%; float: left; } .ruleset_topNav #pageNav li.activeTab a{ border: 1px solid; line-height: 23px; } .ruleset_topNav #pageNav li:hover a span{ text-decoration: none; } .ruleset_topNav #relatedActions ul { float: left; margin-top: 1px; } .ruleset_topNav #relatedActions li { float: left; } .ruleset_topNav #relatedActions li a{ font-size: 11px; } .ruleset_topNav #logonActions, .ruleset_topNav #billingActiveSection, .ruleset_topNav #policyActiveSection, .ruleset_topNav #relatedActionsTitle{ display: none; } /*Start TCube Change*/ .ruleset_topNav #pageNav, .ruleset_topNav #relatedActions { overflow: hidden; float: left; width: 100%; /* border-top: 2px solid; */ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; min-height: 29px; left: 0px; top: 45px; } .ruleset_topNav #pageNav ul, .ruleset_topNav #relatedActions ul { margin: 0; padding: 0; float: left; font-family: arial, helvetica,sans-serif; font-size: 11px; font-style: normal; font-variant: normal; /*font-weight: bold; */ font-weight: normal; display: block; } .ruleset_topNav #pageNav ul li, .ruleset_topNav #relatedActions ul li { float: left; list-style: none outside none; position: relative; padding: 1px 0px 1px 0px; border-right: 2px groove; } .ruleset_topNav #pageNav ul > li, .ruleset_topNav #relatedActions ul > li{ height: 25px; display: inline; list-style: none; float: left; text-align: center; cursor: pointer; overflow: visible; padding-right: 3px; padding-left: 3px; } .ruleset_topNav #pageNav ul li a, .ruleset_topNav #relatedActions ul li a{ float: left; text-decoration: none; line-height: 25px; padding: 0px 2px; white-space: normal; } .ruleset_topNav #relatedActions li:hover{ background-image: none; } /* .splitButtonDiv { border-radius: 5px !important; } .splitButtonNormal { border-radius: 5px 0px 0px 5px !important; margin-right: 0px !important; } .splitButtonGlyph { padding: 0px 2px 0px 2px !important; border-radius: 0px 5px 5px 0px !important; } .asyncButtonGlyph { padding: 0px 0px 0px 10px !important; border-radius: 0px 5px 5px 0px !important; float: right; } .splitNavLinkSpan { display: flex; } .splitNavLinkNormal { width: 85% !important; } .ruleset_leftNav .splitNavLinkGlyph { width: 15% !important; height: 23px; } .asyncNavLinkGlyph { margin-left: 3px; margin-top: -3px; height: 23px; float: right; } */ .dct_popup #wrapper, .dct_popup #mainBody, .dct_popup #fields, .dct_popup #pageAction { width: 100%; margin: 0; } .dct_popup #formContent { min-height: 0px; } .dct_popup #main { width: 100%; padding: 0; margin: 0px; border: none; border-radius: 0px; box-shadow: none; } .dct_popup #pageTop { margin: 0px; width: 100%; height: 25px; border: none; border-radius: 0px; margin-bottom: 10px; } .dct_popup #pageTop > #pageTitle { width: auto; height: 25px; margin-top: 0px; height: 25px; padding: 3px 5px 5px 15px; font-weight: bold; color: #fff; } .dct_popup #leftPanelArea, .dct_popup #information .dct_popup #documentation, .dct_popup #pageInst, .dct_popup #pageNav { display: none; } .dct_popup #wrapper { width: 100%; margin: 0px 0px 0px 0px; } .dct_popup #wrapper #formContent #main div.styleWithOutPanels { width: 100%; overflow: hidden; } .x_fixed { position: fixed; bottom: 0px; background-color: #f2f7fa; padding: 10px 10px 0px 0px; } .x_popUp-section { padding: 0px 0px 30px 0px; } /* Confirm Address Popup */ /* Payment Schedule Popup */ /* Policy Coverages Popup */ /* Vehicle Coverages Popup */ .ConfirmAddress .cc-bubble-body, .PaymentSchedule .cc-bubble-body, .PolicyCoverages .cc-bubble-body, .VehicleCoverages .cc-bubble-body { margin-top: 0px; } /* Policy Coverages Popup */ .dct_popup .PolicyCoverages #main #pageTop { background: url("../images/page-title-bg-asw.png") repeat-x scroll left 0 transparent; height: 45px; } /* Vehicle Coverages Popup */ .dct_popup .VehicleCoverages #main #pageTop { background: url("../images/page-title-bg-asw.png") repeat-x scroll left 0 transparent; height: 45px; } /* Confirm Address Popup */ .dct_popup .ConfirmAddress #main #pageTop { height: 45px; } .ConfirmAddress_body #wrapper { overflow: hidden; } .PaymentSchedule #main #pageTop, .PolicyCoverages #main #pageTop, .VehicleCoverages #main #pageTop { height: 18px; } .dct_popup div.PaymentSchedule #main > #fields > #body h2 { width: auto; } .dct_popup .PaymentSchedule #main #pageTop #pageTitle { display: none; } /* Alert Message Styles */ .displayedAlertMsg .x-window-body { border: 1px solid; background: #F4F4F4 !important; background-color: #F4F4F4; } .PaymentSchedule_body .x_PaddingLeft10 { padding-left: 0px; } .OccupancyDetail_body .formTable { margin-right: 8px; } /*Select Agency*/ .dct_selectAgency #pageTitle { background: #069; position: relative; overflow: hidden; width: 100%; border-top-left-radius: 5px; border-top-right-radius: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } /* Import Location Popup */ .dct_popup .noPolicies #importCancel { clear: left; margin-top: 5px; margin-bottom: 3px; } /* P360 */ .dct_popup div#formContent.ParticipantDetail div#main{ width: 65%; } .dct_popup div#formContent.ParticipantDetail div#leftPanelArea{ display: block; width: 35%; margin-top: 0px; margin-right: 0px; padding-top: 0px; padding-left: 5px; } .dct_popup div#formContent.ParticipantDetail div#leftPanelArea div#leftPanelAreaBody div#relatedActions, .dct_popup div#formContent.ParticipantDetail div#leftPanelArea div#leftPanelAreaBody div#policyActiveSection { display: none; } /* P360 *//* card text formatting */ .x_title { margin: 5px 0px; word-wrap: break-word; min-height: 24px; } .x_subtitle { margin: 5px 0px; } .x_title, .x_subtitle { clear: left; } .x_header { margin-top: 10px; float: left; } .x_titleSimple { margin: 5px 0px; padding: 5px; } /* card styles */ .x_card-list { padding: 0; margin: 0; width: 98%; } .x_2col-cards { width: 100%; } .x_2col-cards { width: 100%; } .x_card-list > div { width: 28%; max-width: 350px; min-width: 250px; display: inline-block; vertical-align: top; float: none; } .x_card { position: relative; padding: 10px 25px; margin: 0; overflow: hidden; } .x_2col-cards .x_card { min-height: 0px; width: calc(50% - 20px); } .x_2col-cards > div.x_card { padding: 13px; margin: 10px 10px 10px 10px; } .x_card .downLayout > .downFormField { box-sizing: border-box; } .x_card .downLayout > .downFormField, .x_card .downLayout > .downFormField > div { float: none; } .x_card .x-form-display-field { white-space: normal; padding-left: 0px; } .x_card .x-form-display-field-default { white-space: normal; line-height: normal; } .x_card-list .x_card { margin: 7.5px 0 7.5px 15px; min-height: 135px; box-sizing: border-box; } .x_card-list .x_card .x_title { margin-top: 0px; } .x_card-list .x_card:hover .g-action { display: block !important; } .x_card .g-action { height: 100%; width: 10px; display: none; position: absolute; top: 0; left: 0; border-radius: 0; margin: 0; } .x_card .g-action .g-btn { height: 100%; width: auto; margin: 0; padding: 0; float:left; } .x_card .g-action .g-btn-text { display: none; } .x_card .g-action a { display: block; width: auto; min-width: 400px; max-width: 500px; height: calc(100% - 11px); position: absolute; top: 0px; left: 0px; } /* different link styles for subsection cards */ .x_subsection .x_card .g-action { height: auto; width: 10px; display: inline; position: relative; } .x_subsection .g-btn { display: inline; } .x_subsection .x_card .g-action .g-btn { height: auto; float:none; } .x_subsection .x_card .g-action .g-btn-text { display: inline; } .x_subsection .x_card .g-action a { display: inline; width: auto; min-width: 1px; height: auto; position: relative; } .x_subsection .acrossLayout > .g-action { width: auto; } /* end subsection links */ .x_card .acrossLayout { min-height: 10px; } .x_card .acrossBeforeFormLabel, .x_card .acrossFormField { padding: 0px 2px 0px 0px; } .downFormField.x_card .controlContainer .x-form-display-field { padding-top: 1px; } /* Cards in Interview Form area (Column B) */ .x_columnB .x_card-list > div.acrossLayout { max-width: 100%; height: auto; float: none; } .x_columnB .x_card { box-sizing: border-box; } .x_columnB .x_card .emptyLayout { display: none; } .x_columnB .x_widecard { margin-bottom: 5px; } .x_columnB .x_widecard > .downLayout { width: 50%; float: left !important; } .x_columnB .x_widecard .downFieldGroup, .x_columnB .x_widecard .downBeforeFormLabel, .x_columnB .x_widecard .x-form-display-field { padding-top: 0px; } .x_columnB .x_card-list .x_card { width: calc(50% - 15px); float: left; min-height: 80px; height: auto; } .x_columnB .x_card .acrossFieldGroup { clear: left; width: 100%; box-sizing: border-box; margin-right: 0px; margin-bottom: 2px; } .x_columnB .x_card .acrossFormField { float: right; margin-right: 0px; } .x_columnB .downLayout .downFieldGroup { margin-bottom: 0px; min-height: 12px; } .x_columnB>.downLayout { padding: 25px; padding-top: 15px; margin-bottom: 7px; } .x_columnB .x_title .x-form-display-field { padding-left: 0px; line-height: normal; } .x_columnB .x_subtitle { text-align: left; clear: left; font-size: 16px; margin: 5px 0px; } .x_columnB .x_subtitle .x-form-display-field { margin-left: 0px; padding: 1px 0px; } .x_columnB .downFieldGroup .downBeforeFormLabel + .downFormField.x_subtitle { width: auto; padding: 0px; } .x_columnB .downFieldGroup .downBeforeFormLabel { width: auto; } .x_columnB .downBeforeFormLabel > label, .x_columnB .acrossBeforeFormLabel > label { line-height: normal; } /* tables */ .x_columnB .formTable { width: 98%; margin: 1%; border-collapse: separate; border-spacing: 0px; } .x_columnB .formTable th, .x_detailTable .formTable th { vertical-align: bottom; text-align: left; padding: 5px; } .x_columnB .formTable th label, .x_detailTable .formTable th label { float: left; } .x_columnB .formTable td, .x_detailTable .formTable td { padding: 5px; overflow: hidden; } .x_detailTable .acrossLayout { width: 100%; } .x_columnB .x-grid-cell-inner { white-space: normal; } .Party360Participants_body #pageTop, .ParticipantDetail #pageTop { display:none; } /* lightbox styles */ .dct_popup #body.x_columnB { width: calc(100% - 10px); background-color: transparent; padding: 15px 10px; margin: 0px; height: calc(100vh - 50px); overflow-x: hidden; overflow-y: scroll; } .Party360Participants a { cursor: pointer; } .dct_popup #leftPanelArea, .dct_popup #leftPanelAreaBody { height: 100%; } /* basic text formatting */ .x_header .downFormField, .x_header .downFormField>div { float: none; } .Party360Participants .x_FloatRight, .ParticipantDetail .x_FloatRight{ width: auto; } /* columnB styles */ .x_columnB .downLayout .g-action { /* party360 only? */ float: right; } .x_columnB .downLayout .g-action .g-btn { float: right; margin-right: 0px; margin-left: 10px; } /* toggle header styles */ .Party360Participants_html .toggleHeader, .ParticipantDetail_html .toggleHeader, .x_panel .toggleHeader { border: none; padding-left: 5px; font-weight: normal; font-size: 16px; height: 40px; } .Party360Participants_html .toggleHeader:before, .ParticipantDetail_html .toggleHeader:before, .x_panel .toggleHeader:before { width: 14px; display: inline-block; height: 30px; padding: 10px 8px 0px 8px; transform: none; } .Party360Participants_html .x-ie10 .toggleHeader:before, .ParticipantDetail_html .x-ie10 .toggleHeader:before, .x_panel .toggleHeader:before { transform: none; } .Party360Participants_html .toggleHeader.toggle-collapsed:before, .ParticipantDetail_html .toggleHeader.toggle-collapsed:before, .x_panel .toggleHeader.toggle-collapsed:before { content: '\f0da'; } .Party360Participants_html .toggleHeader:before, .ParticipantDetail_html .toggleHeader:before, .x_panel .toggleHeader:before { content: '\f0d7'; } .Party360Participants_html .collapsibleSection, .ParticipantDetail_html .collapsibleSection, .x_panel .toggleHeader .collapsibleSection { padding: 0px; } /* Party360 Column B cards */ .x_columnB .x_widecard .x_effDate { text-align: left; display: block; box-sizing: border-box; height: auto; width: 100%; } .x_columnB .x_widecard .x_effDate .downFormField { float: left; } .x_columnB .x_widecard .x_effDate .x-form-display-field { padding-left: 0px; } .x_effDate div.x_Width30perc + div.downFormField { margin-left: 5px; } .downLayout.x_current-invoice > .acrossLayout, .downLayout.x_next-invoice > .acrossLayout { width: 50%; box-sizing: border-box; float: left; clear: left; } .downLayout.x_current-invoice > .x_FloatRight, .downLayout.x_next-invoice > .x_FloatRight { margin-top: -10px; clear: none; } .x_columnB .x_next-invoice + .downFieldGroup, .x_columnB .x_current-invoice + .downFieldGroup { width: 50%; float: left; } .x_columnB .x_current-invoice .acrossFormField, .x_columnB .x_next-invoice .acrossFormField { float: left; } .x_columnB .x_current-invoice .x_invoice-amt, .x_columnB .x_next-invoice .x_invoice-amt { float: right; margin-right: 10px; } /* left panel styles */ .outerleftpanelpopup, .innerleftpanelpopup, .innerleftpanelpopup > div { height: 100%; } #leftPanelArea .x_groupBox { height: calc(100vh - 170px); overflow-y: scroll; margin-top: 5px; } #leftPanelArea .x_groupBox:first-child { margin-top: -5px; } #leftPanelArea .x_card .g-action { display: block; background-color: #007000; width: 10px; } #leftPanelArea .x_card { box-sizing: border-box; padding: 0px; } .Party360Participants_html #leftPanelArea .toggleHeaderInner{ width: auto; } #leftPanelArea .x_card .downLayout > .downFormField { margin: 0px 25px; width: calc(100% - 50px); } #leftPanelArea .x_card .downLayout .x_title { margin-top: 15px; } #leftPanelArea .x_card .downLayout > .downFormField:last-child { margin-bottom: 10px; } /* columnA styles */ .ParticipantDetail #leftPanelArea { width: 35%; padding: 15px 0 15px 15px; margin: 0px; } .ParticipantDetail #leftPanelAreaBody { margin: 0px; } .ParticipantDetail #leftPanelAreaBody .innerleftpanel { margin: 0px; padding: 0px; width: 99%; } .ParticipantDetail #leftPanelAreaBody #paging .g-btn.g-standard .g-btn-text { display: inline } .ParticipantDetail #leftPanelAreaBody .g-btn.g-standard { position: absolute; right: 0; bottom: 0px; padding: 0px 10px 0px 0px; margin: 0px; z-index: 200; height: 22px; width: auto; } .ParticipantDetail #leftPanelAreaBody .g-btn.g-standard a { padding: 0px; } .ParticipantDetail #leftPanelAreaBody .collapsibleSection { overflow: hidden; margin-top: 0px; } .ParticipantDetail #leftPanelAreaBody .collapsibleSection .g-btn.g-standard { position: relative; top: 0px; left: 0px; } .ParticipantDetail #leftPanelAreaBody .collapsibleSection .g-btn.g-standard a { width: auto; height: auto; background-image: none; } #leftPanelArea .innerleftpanelpopup > .downLayout > .downLayout { position: relative; width: calc(100% - 10px) } #leftPanelArea .innerleftpanelpopup > .downLayout > .x_groupBox { width: 100%; } .innerleftpanelpopup .downLayout .g-action { margin: 0px; } #leftPanelAreaBody .x_card > div { padding-bottom: 10px; } #leftPanelAreaBody .x_card .g-action a { z-index: 100; } #leftPanelAreaBody .x_party360LeftList .g-action { height: 100%; display: none; position: absolute; top: 0; left: 0; margin: 0; } #leftPanelAreaBody .x_party360LeftList .g-action .g-btn { height: 100%; } #leftPanelAreaBody .x_party360LeftList .downLayout:hover .g-action { display: block; } #leftPanelAreaBody .x_party360LeftList .downLayout:hover .g-action .g-btn { height: 100%; width: auto; margin: 0; padding: 0; float: left; } #leftPanelAreaBody .x_party360LeftList .g-action a { display: block; width: auto; min-width: 400px; max-width: 500px; height: 100%; position: relative; top: 0px; left: 0px; border-radius: 0; float: left; text-decoration: none; z-index: 200; } #leftPanelAreaBody .x_party360LeftList .g-action a .g-btn-text { display: none; } #leftPanelAreaBody .x_party360LeftList .downLayout { padding: 0; padding: 10px 0px; margin: 0px; position: relative; box-sizing: border-box; } #leftPanelAreaBody .x_party360LeftList .downLayout .downLayout .downFormField { clear: left; } #leftPanelAreaBody .x_party360LeftList .downLayout .acrossLayout { box-sizing: border-box; overflow: visible; position: relative; min-height: 10px; } #leftPanelAreaBody .x_party360LeftList .downLayout .x_FloatLeft { float: left; clear: left; margin-left: 15px; width: calc(40% - 15px); } #leftPanelAreaBody .x_party360LeftList .downLayout .x_FloatLeft > div { float: left; width: 100%; } #leftPanelAreaBody .x_party360LeftList .downLayout .x_FloatRight { float: right; margin-right: 15px; width: calc(60% - 15px); } #leftPanelAreaBody .x_party360LeftList .downLayout .x_FloatLeft .acrossLayout .acrossFieldGroup, #leftPanelAreaBody .x_party360LeftList .downLayout .x_FloatLeft .acrossLayout > .acrossFormField, #leftPanelAreaBody .x_party360LeftList .downLayout .x_FloatLeft .controlContainer { width: 100%; text-overflow: ellipsis; } .x_party360LeftList .downLayout .x_FloatLeft .acrossLayout .acrossFieldGroup > div { float: none; display: inline-block; } #leftPanelAreaBody .x_party360LeftList .downLayout .x_FloatLeft .controlContainer div { overflow: hidden; } #leftPanelAreaBody .x_party360LeftList .downLayout .x_FloatRight .acrossLayout { float: right; clear: right; } #leftPanelAreaBody .x_party360LeftList .downLayout .x_FloatRight .effDate > div { float: none; } #leftPanelAreaBody .x_party360LeftList .downLayout .acrossLayout .acrossFormField, #leftPanelAreaBody .x_party360LeftList .downLayout .acrossLayout>div { margin: 0px; } #leftPanelAreaBody .x_party360LeftList .downLayout .x_FloatLeft, #leftPanelAreaBody .x_party360LeftList .downLayout .x_FloatRight { box-sizing: border-box; padding: 5px 0px; } #leftPanelAreaBody .x_party360LeftList .downLayout .acrossLayout .acrossFormField { padding: 0px; } #leftPanelAreaBody .x_party360LeftList .downLayout .acrossLayout.x_title { padding: 0px 14px; margin: 2px 0px; line-height: 25px; box-sizing: border-box; width: auto; } .x_party360LeftList .x_title .x-form-display-field { padding: 0px; margin: 0px; } #leftPanelAreaBody .x_party360LeftList .acrossLayout, #leftPanelAreaBody .x_party360LeftList .acrossLayout div { width: auto; } #leftPanelAreaBody .x_party360LeftList .x_lob div { width: 100%; text-overflow: ellipsis; } #leftPanelAreaBody .x_party360LeftList .x_FloatRight .acrossLayout > div { float: right; } #leftPanelArea .x_party360LeftList .acrossFieldGroup > .acrossBeforeFormLabel { padding: 0px 2px 0px 0px; border: none; width: auto; } .x_party360LeftList .acrossBeforeFormLabel > label { line-height: normal; } .x_party360LeftList .acrossFieldGroup, .x_party360LeftList .acrossFieldGroup > .acrossBeforeFormLabel > label { padding: 0px; } .x_party360LeftList .x-form-display-field, .x_party360LeftList .acrossFormField .x-form-display-field { white-space: normal; margin: 0px; padding: 0px; } .x_party360LeftList .x-form-display-field-default { line-height: normal; } .x_party360LeftList .x-form-item-body { height: auto; } .x_party360LeftList .x_FloatRight .acrossFieldGroup .acrossBeforeFormLabel > label, .x_party360LeftList .x_FloatRight .acrossFieldGroup .acrossFormField .controlContainer { float: right; } #leftPanelAreaBody .x_party360LeftList .acrossLayout.x_effDate .acrossFormField { margin: 0px; display: inline; float: none; } #leftPanelAreaBody .x_party360LeftList .x_effDate div { width: auto; float: none; display: inline; } .x_effDate { text-align: right; } .x_effDate .controlContainer, .x_effDate .x-form-display-field { float: none; display: inline; } .x_effDate .x-form-display-field { margin: 0px; } #leftPanelAreaBody .x_datafields .acrossBeforeFormLabel { float: right; } #leftPanelAreaBody .x_party360LeftList .emptyLayout { display: none; } .badge { /* is this being used? */ display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 600; line-height: 1; color: #FFF; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #777; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; float: none; position: absolute; margin-top: 18px; right: 0px; } #leftPanelAreaBody .x_party360LeftList .downLayout.x_lock { width: 20px; float: right; border: none; padding: 0px; height: 20px; } .x_lock:before { content: "\f023"; } #leftPanelAreaBody #paging .g-btn{ width: 35px; border: none; padding: 5px; height: 35px; box-sizing: border-box; } #leftPanelAreaBody #paging .g-btn .g-btn-text { display: none; } #leftPanelAreaBody #previousPage a:before { content: "\f0d9"; } #leftPanelAreaBody #nextPage a:before { content: "\f0da"; } #leftPanelAreaBody #paging .g-btn > a { color: #686868; } #leftPanelAreaBody #paging .g-btn > a:hover, #leftPanelAreaBody #paging .g-btn > a:focus { text-decoration: none; color: #006699; } /* selected item using custom containers */ .x_party360LeftList .cc-bubble { float: none; margin-bottom: 0px; } .x_party360LeftList .cc-bubble-tl, .x_party360LeftList .cc-bubble-tr, .x_party360LeftList .cc-bubble-tc, .x_party360LeftList .cc-bubble-ml, .x_party360LeftList .cc-bubble-mr, .x_party360LeftList .cc-bubble-bl, .x_party360LeftList .cc-bubble-br, .x_party360LeftList .cc-bubble-bc { background-image: none; margin: 0; padding: 0; width: auto; height: auto; } .x_party360LeftList .cc-bubble-body { margin: 0; padding: 0; } #leftPanelAreaBody .collapsibleSection .acrossLayout > div.defaultXHTML { position: absolute; top: 0px; left: 0px; width: 100%; height: 40px; box-sizing: border-box; } div.defaultXHTML .counter { float: right; width: auto; padding: 2px 4px; margin-top: 20px; box-sizing: border-box; } /* new collapse headers */ .x_CollapseAction { display: block; } /* Details section header */ .x_detailsHeader .downLayout.x_FloatLeft { width: 50%; box-sizing: border-box; clear: left; } .x_detailsHeader .downLayout.x_FloatRight { width: 40%; box-sizing: border-box; clear: right; } .x_detailsHeader > .downLayout.x_FloatLeft { width: 60%; } .x_detailsHeader .downLayout>.downFieldGroup { min-height: 15px; margin-bottom: 2px; } .x_detailsHeader .downBeforeFormLabel, .x_detailsHeader .downFormField { width: auto; padding-right: 0px; padding-left: 0px; } .x_detailsHeader .downLayout > .downFormField { clear: left; } .x_detailsHeader .x_FloatRight .downFieldGroup { display: block; float: right; clear: right; width: auto; } .x_detailsHeader .x_FloatRight > .downFormField { display: block; float: right; clear: right; width: auto; } .x_detailsHeader .x_FloatRight .x-form-display-field, .x_detailsHeader .x_FloatRight .downBeforeFormLabel { padding-top: 1px; padding-bottom: 0px; line-height: normal; } .x_detailsHeader .x_title { margin: 0px; } .x_detailsHeader .x_title .downFormField { padding: 0px; } .x_detailsHeader .x_effDate { float: left; clear: left; min-height: 15px; text-align: left; width: 50%; } /* Responsive */ @media only screen and (max-width: 1100px) { #leftPanelAreaBody .x_party360LeftList .downLayout .x_FloatRight .acrossFieldGroup > div { float: right; clear: right; } .downLayout.x_current-invoice > .x_FloatRight, .downLayout.x_next-invoice > .x_FloatRight { position: absolute; width: auto; right: 0px; } } /* toggle header styles */ /* .UWA_AccountSummary_html .toggleHeader, .UWA_AccountDetail_html .toggleHeader { border: none; padding-left: 5px; font-weight: normal; font-size: 16px; height: 40px; } .UWA_AccountSummary_html .toggleHeader:before, .UWA_AccountDetail_html .toggleHeader:before { width: 14px; display: inline-block; height: 30px; padding: 10px 8px 0px 8px; transform: none; } .UWA_AccountSummary_html .x-ie10 .toggleHeader:before, .UWA_AccountDetail_html .x-ie10 .toggleHeader:before{ transform: none; } .UWA_AccountSummary_html .toggleHeader.toggle-collapsed:before, .UWA_AccountDetail_html .toggleHeader.toggle-collapsed:before { content: '\f0da'; } .UWA_AccountSummary_html .toggleHeader, .UWA_AccountDetail_html .toggleHeader { background: none; color: #686868; } .UWA_AccountSummary_html .toggleHeader:before, .UWA_AccountDetail_html .toggleHeader:before { content: '\f0d7'; border: none; } .UWA_AccountSummary_html .toggleHeader .toggleHeaderInner, .UWA_AccountDetail_html .toggleHeader .toggleHeaderInner{ content: '\f0d7'; border: none; } .UWA_AccountSummary_html .collapsibleSection, .UWA_AccountDetail_html .collapsibleSection { padding: 0px; } .UWA_AccountSummary_html .x_MinWidth200 { min-width:220px !important; } .UWA_AccountSummary_html .x_single-card-list > div { width: 98%; max-width: none; } .UWA_AccountSummary_html .x_card-action { width: 98%; max-width: none; } .UWA_AccountSummary_html .x_card .g-action a { min-width: 900px; max-width: 950px; } .acrossLayout .x_gridDescription div { padding-left: 0; padding-right: 0; } */ /* CLAIMS */ .UWA_EditIcon { background: url(../images/icons/edit.png) no-repeat center; padding: 4px 0px 0px 0px; display: list-item; } .UWA_ViewIcon:before { padding: 4px 0px 0px 0px; display: list-item; content: "\f1e5"; } .UWA_NoteIcon { background: url(../images/icons/note.png) no-repeat center; padding: 4px 0px 0px 0px; display: list-item; } .UWA_DeleteIcon { background: url(../images/icons/delete.png) no-repeat center; padding: 4px 0px 0px 0px; display: list-item; } .UWA_MagnifyIcon { background: url(../images/icons/magnifier.png) no-repeat center; padding: 4px 0px 0px 0px; display: list-item; } .UWA_TaskIcon { background: url(../images/icons/clipboard_tick.png) no-repeat left; padding: 4px 0px 0px 0px; display: list-item; width: 17px; } .UWA_LinkIcon { background: url(../images/icons/clipboard_link.png) no-repeat left; padding: 4px 0px 0px 0px; display: list-item; width: 17px; } .UWA_NoteViewIcon { background: url(../themes/paprika/images/icons/magnifier.png) no-repeat left; padding: 4px 0px 0px 0px; display: list-item; width: 17px; } .UWA_NoteDeleteIcon { background: url(../themes/paprika/images/icons/delete.png) no-repeat left; padding: 4px 0px 0px 0px; display: list-item; width: 17px; } .x_UWA_MarginLeft35 { margin-left:35px; } .x_UWA_TruncateWithDots { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.spotlight{ right: 10px !important; left: inherit !important; top: 50%; } .spotlight-expand{ top: 10px !important; right: 10px !important; left: inherit !important; } .spotlight-expand > .x-header-draggable { cursor: default; } #zoomLens{ z-index: 20000; } /* .x-tip-spotlight{ z-index: 20000 !important; } .spotlightMinusIcon:before{ content: "\f068"; color: white; font-size: 20px; margin-top: 1; } .spotlightPlusIcon:before{ content: "\f067"; color: white; font-size: 20px; } .spotlightExpandIcon:before{ content: "\f065"; color: white; font-size: 20px; } .spotlightCompressIcon:before{ content: "\f066"; color: white; font-size: 20px; } .spotlightExternalLinkIcon:before{ content: "\f0c5"; color: white; font-size: 20px; margin-left: -2px; } .spotlightMinimizeIconActive:before { content: "\f146"; color: #69BD45; } .spotlight-restore-cls:before{ content: "\f067"; color: white; font-size: 20px; } .spotlightToolbarBtn:hover{ border: solid .2px; border-radius: 5px; border-color: #9d9d9d; background-color: #f3f3f3; color: black; } .spotlightZoomInIcon:before{ content: "\f00e"; font-size: 20px; } .spotlightZoomOutIcon:before{ content: "\f010"; font-size: 20px; } .spotlightFullPageIcon:before{ content: "\f0b2"; font-size: 20px; } .spotlightTitleText{ font-size: 12px; color: white; background: #006699; border: 0; margin-left: 5px; padding: 5; padding-left: 20px; padding-right: 20px; border-radius: 5px; float: left; font-weight: bold; cursor: default; right: 5px; } #spotlightTitleText-body{ background: transparent; border: none; box-shadow: none; }.fieldValidationsExpandIcon:before{ content: "\f087"; font-size: 18px; color: white; } .fieldValidationsExpandIcon{ margin: 2 3 0 2; background: #006699; border-radius: 3px; padding: 3 0 0 3; width: 20px; height: 20px; } #validationLogHeader_header { width: 236px; left: 5px; } .validationTitleText{ font-size: 12px; color: white; background: #006699; border: 0; margin-left: 5px; padding: 5; padding-left: 20px; padding-right: 20px; border-radius: 5px; float: left; font-weight: bold; cursor: default; right: 5; } #validationLogWindow { background: transparent; border: none; box-shadow: none; border: 0; border-bottom: 1; border-radius: 5px; } #validationTitleText-body{ background: transparent; border: none; box-shadow: none; } #validationLogWindow-body { background-color: #F2F7FA; } */