/* * Vizor-common.css (Stylesheet) * This file contains: * - The style for the layout of the Vizor Portal website * - Default styles for markups (i.e. , , etc.). * - Common classes (i.e. ".link", ".left", ".right", etc.). */ /************************************************************************* * Default style rules for HTML markups. *************************************************************************/ img { border: 0px; } body { outline: none; font-family: 'Open Sans','NotoSans',sans-serif; background: #ffffff; color: #606060; margin: 0; /* NOTE - Html preview in the builder relies on the body overflow:visible value */ overflow: visible; /* NOTE - The following attributes are browser-specific */ overflow: -moz-scrollbars-vertical; overflow: auto; overflow-y: auto; min-width: 980px; } body * { outline: none; } form { height: 100%; margin: 0px; } table { border: solid 0px transparent; border-collapse: collapse; } td { color: #606060; font-family: 'Open Sans','NotoSans',sans-serif; padding: 0px; } p { color: #606060; font-family: 'Open Sans','NotoSans',sans-serif; } p a, td a { color: #606060; } h1 { color: #b40021; font-family: 'Open Sans','NotoSans',sans-serif; font-style: normal; font-weight: bold; margin-bottom: 20px; } h2 { font-family: 'Open Sans','NotoSans',sans-serif; font-style: normal; font-weight: bold; color: #b40021; } .floatLeft { float: left; text-align: left; width: 50%; } .floatRight { float: right; text-align: right; width: 50%; } .spacer { padding: 0px; margin: 0px; width: 96%; height: 25px; display: block; clear: both; } .centerAlign { text-align: center; margin: auto; } a.noHand { cursor: default; } .dateTextBoxWrapper { display: inline-block; } /* Styles used for page loading spinner controls. */ div.AlwaysVisible { top: 10px; right: 10px; z-index: 99999; background-color: rgb(255,82,0); position: absolute; border: solid; border-width: 0px; color: Black; _top: expression(eval(document.body.scrollTop+10)); } div.AlwaysVisible .subHeadingBlack { margin-left: 2pt; font-family: 'Open Sans','NotoSans',sans-serif; font-style: normal; font-variant: normal; font-weight: bold; } /************************************************************************* * Main Layout. *************************************************************************/ #main { border: 0px; padding: 6px 6px 6px 6px; } #main A:link { color: #f47321; text-decoration: underline; font-family: 'Open Sans','NotoSans',sans-serif; } #main A:visited { color: #ff5200; text-decoration: underline; } #main A:hover { color: #ff5200; text-decoration: none; } .gradientBorder { padding: 0px; } table.center { margin-left: auto; margin-right: auto; width: 960px; } table.centerPopup { margin-left: 10px; margin-right: 10px; } #heading, #navbar { display: block; /* Hack for IE7 to display header correctly */ *position: relative; } div#fullwidthbanner { background-color: #FFF; -ms-border-radius: 0px; border-radius: 0px; } #heading { background: #fff url("../images/headerBanner-ltr.jpg") no-repeat center; -ms-background-origin: border-box; background-origin: border-box; -ms-background-size: cover; background-size: cover; clear: both; min-height: 75px; /* For IE6 */ height: auto !important; height: 75px; /**********/ text-align: left; } #heading div#logo, #heading div#product { float: left; } #heading div#logo { display: inline; min-width: 86px; } #heading div#logo img { width: 120px; height: 30px; padding-top: 31px; } #heading div#product { padding: 25px 0 0 0; float: right; } #heading div#product span#applicationHeadingLabel { font-family: 'Open Sans','NotoSans',sans-serif; font-size: 1.4rem; font-style: normal; text-transform: uppercase; color: #F47321; letter-spacing: 5px; font-weight: normal; } div#headerseperator { width: 100%; height: 15px; background-color: #7c868d; -ms-border-radius: 0px; border-radius: 0px; min-width: 980px; } #navbar { background-image: url("../images/new-background.jpg"); background-repeat: repeat-x; border-top: solid 1px #abb8c5; height: 25px; white-space: nowrap; } /* * This will need to be replaced by new nav menu */ #navbar table#menu { border-left: solid 1px #abb8c5; height: 20px; margin-left: 18px; } #navbar table#menu td { white-space: nowrap; } #navbar table#menu #logout { padding-right: 13px; } #navbar table#menu a { border-right: solid 1px #abb8c5; color: #606060; display: block; font-family: 'Open Sans','NotoSans',sans-serif; font-size: 0.75rem; font-style: normal; margin: 0; padding: 6px; text-align: center; text-decoration: none; } #navbar table#menu a:hover { background: url("../images/blue-menu-background-highlight.jpg") repeat-x; } #navbar table#menu a.logout { border-right: solid 0 transparent; color: #B40021; } #navbar table#menu a.logout:hover { background: url(../images/new-background.jpg) repeat-x; } #navbar table#menu .active { background-color: #e8ebef; } #navbar table#menu .highlight { background: url(../images/blue-menu-background-highlight.jpg) repeat-x; } #navbar table#menu .fillRight { text-align: right; width: 100%; } table.menuChild { background-color: #e8ecef; border: solid 0px #abb8c5; cursor: default; *margin-top: -6px; position: absolute; visibility: hidden; } table.menuChild a { display: block; color: #606060; font-family: 'Open Sans','NotoSans',sans-serif; font-size: 0.75rem; font-style: normal; height: 14px; margin: 0px; padding: 6px; text-decoration: none; } table.menuChild a:hover { color: #606060; } table.menuChild .highlight { background-color: #d5dbe2; } table.menuChild .highlight a { color: #b40021; } table.menuChild td { border: solid 1px #abb8c5 !important; } #menucontainer { vertical-align: top; padding: 45px 40px 0 10px; } #menucontainer span#newMenuLabel { padding: 0 0 2px 2px; display: block; } #contentHolder { vertical-align: top; min-width: 800px; display: inline-block; margin: auto; } /* User logged in and language heading. */ div#appinfo { min-height: 40px; padding: 5px 0 5px 0; } div#loggedIn, div#languagehelplogout { display: inline-block; } div#loggedIn { float: none; margin-bottom: auto; margin-top: 10px; padding-left: 0px; vertical-align: middle; font-size: 1.125rem; color: #F47321; width: 58%; } div#loggedIn span#notLoggedInLabel, div#loggedIn span#userNameLabel { font-size: 1.1843rem; } div#newmenu a#aMenu, div#userdetails a, div#help a, div#logout a { background-image: url('../images/image_sprite.png'); -ms-background-repeat: no-repeat; background-repeat: no-repeat; -ms-border-radius: 3px; border-radius: 3px; } div#newmenu { position: relative; display: inline-block; width: 40px; font-size: 0.8rem; } div#newmenu span#newMenuLabelHeader { padding-left: 2px; font-weight: 300; } div#newmenu a#aMenu { background-position: 0px -1px; height: 25px; width: 40px; display: block; margin-top: 5px; } div#newmenu a#aMenu:hover { -ms-opacity: 0.8; opacity: 0.8; } div#newmenu a span#newMenuLabel { font-size: 0; } div#newmenu .ui-widget.ui-widget-content { border: 1px solid #e6e9ee; background-color: #e6e9ee; -moz-min-width: 160px; -ms-min-width: 160px; -o-min-width: 160px; -webkit-min-width: 160px; min-width: 170px; } div#newmenu .ui-menu { -ms-border-radius: 3px; border-radius: 3px; } div#newmenu .ui-menu-item a { font-weight: 300; color: #606060; } div#newmenu .ui-menu { float: right !important; } div#newmenu .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #e6e9ee !important; border-top-color: #e6e9ee !important; border-bottom-color: #e6e9ee !important; background: none !important; /*To higlight the selected Menu Item uncomment below css*/ /*background-color: #efefef !important;*/ } div#newmenu li:first-child .ui-state-active { -ms-border-radius: 3px; border-radius: 3px; } div#newmenu li:last-child .ui-state-active { -ms-border-radius: 3px; border-radius: 3px; } div#newmenu .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000; /*font-weight: 600;*/ text-decoration: none; } div#newmenu .ui-icon-caret-1-e { background-position: -16px -128px !important; } div#newmenu .ui-icon, .ui-widget-content .ui-icon { background-image: url(../Include/jquery/jquery-ui-1.13.2/images/ui-icons_cc0000_256x240.png); left: auto; right: 0; } div#newmenu div#menuContent { position: absolute; -moz-min-width: 170px; -ms-min-width: 170px; -o-min-width: 170px; -webkit-min-width: 170px; min-width: 170px; z-index: 9999; padding-top: 4px; -webkit-transition: visibility 1s, opacity 1s; -moz-transition: visibility 1s, opacity 1s; -ms-transition: visibility 1s, opacity 1s; -o-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; visibility: hidden; -ms-opacity: 0; opacity: 0; } div#newmenu:hover div#menuContent { -webkit-transition: visibility 0, opacity 0; -moz-transition: visibility 0, opacity 0; -ms-transition: visibility 0, opacity 0; -o-transition: visibility 0, opacity 0; transition: visibility 0, opacity 0; visibility: visible; -ms-opacity: 1; opacity: 1; } div#newmenu div#menuContent ul li ul { -moz-min-width: 170px; -ms-min-width: 170px; -o-min-width: 170px; -webkit-min-width: 170px; min-width: 170px; } div#languagehelplogout { float: right; margin-top: 5px; } div#languages .ui-state-default a, div#languages .ui-state-default a:link, div#languages .ui-state-default a:visited, div#languages a.ui-button, div#languages a:link.ui-button, div#languages a:visited.ui-button, div#languages .ui-button { color: #F47321; } div#languages .ui-state-default, div#languages .ui-widget-content .ui-state-default, div#languages .ui-widget-header .ui-state-default, div#languages .ui-button { border: 0; background: #fff; font-weight: normal; color: #F47321; } div#languages .ui-button { padding: .4em 0em; display: inline-block; position: relative; line-height: normal; cursor: pointer; vertical-align: middle; text-align: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; overflow: visible; } div#languages .ui-button .ui-icon { background-image: url(../Include/jquery/jquery-ui-1.13.2/images/ui-icons_cc0000_256x240.png); } div#languages .ui-icon-triangle-1-s { background-position: -18px -126px; } div#languages .ui-selectmenu-text { display: block; margin-right: 2px; margin-left: 2px; overflow: hidden; -moz-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 1.228rem; } div#languages .ui-selectmenu-button.ui-button { text-align: right; white-space: nowrap; width: auto; min-width: 105px; } div#languages .ui-selectmenu-icon.ui-icon { float: right; margin: 3px 0 0 3px; } #supportedLanguagesDropDownList-menu { border: 1px solid #ddd; color: #606060; background-color: #e6e9ee; margin-top: 7px; -ms-opacity: 0.7; opacity: 0.7; } #supportedLanguagesDropDownList-menu .ui-state-active, #supportedLanguagesDropDownList-menu .ui-widget-content .ui-state-active, #supportedLanguagesDropDownList-menu .ui-widget-header .ui-state-active, #supportedLanguagesDropDownList-menu a.ui-button:active, #supportedLanguagesDropDownList-menu .ui-button:active, #supportedLanguagesDropDownList-menu .ui-button.ui-state-active:hover { border: 1px solid #ddd !important; background: #007fff; font-weight: normal; color: #000; } #supportedLanguagesDropDownList-menu .ui-menu-item-wrapper { padding: 7px 1em 7px .8em; } div#languages { float: left; text-align: right; /* Hack for IE7 to display header correctly */ *position: relative; } #List a.imageBlockLink { display: block; } #List a.imageBlockLink > img:hover { -ms-opacity: 0.6; opacity: 0.6; } div#userdetails { float: left; margin: 3px 15px 0 18px; } div#userdetails a { -ms-background-position: -40px -1px; background-position: -40px -1px; height: 25px; width: 23px; display: block; } div#userdetails a:hover { -ms-opacity: 0.8; opacity: 0.8; } div#userdetails a span { font-size: 0; } div#help { float: left; margin: 3px 13px 0 0; } div#help a { background-position: -63px -1px; height: 25px; width: 14px; display: block; font-size: 0 !important; } div#help a:hover { -ms-opacity: 0.8; opacity: 0.8; } div#help a span { font-size: 0; } div#logout { float: left; margin-top: 3px; } div#logout a { -ms-background-position: -75px -1px; background-position: -75px -1px; height: 25px; width: 23px; display: block; font-size: 0 !important; } div#logout a:hover { -ms-opacity: 0.8; opacity: 0.8; } div.clearfloats { clear: both; background-color: #f4f7fc; } div#appinfo a { color: #F47321; text-decoration: none; font-size: 0.8rem; font-weight: 700; } div#appinfo a:hover { color: #FF5200; text-decoration: none; } div#appinfo td { font-family: 'Open Sans','NotoSans',sans-serif; vertical-align: middle; } div#appinfo .left { color: #606060; padding-left: 20px; white-space: nowrap; } div#appinfo .middle { padding-left: 10px; width: 100%; } div#appinfo .right { color: #606060; padding-right: 20px; text-align: right; white-space: nowrap; } div#usercontentseperator { width: 100%; height: 2px; background-color: #dbe0e6; } div#content { color: #606060; display: block; font-family: 'Open Sans','NotoSans',sans-serif; font-size: 0.84rem; /* For IE6 */ height: auto !important; height: 550px; /**********/ position: relative; margin-top: 10px; font-weight: 300; width: auto !important; } div#content div.workArea { background-color: #f4f7fc; padding: 20px; min-height: 513px; /* For IE6 */ height: auto !important; height: 1100px; /**********/ } div#forms div.workArea { background-color: #ffffff; /* For IE6 */ height: auto !important; height: 1100px; /**********/ } div#content div#main, div#forms div#main { color: #606060; font-family: 'Open Sans','NotoSans',sans-serif; font-size: 0.8rem; padding: 6px; } div#content div#tabs, div#forms div#tabs { background: transparent; border: none 0px; padding: 4px; width: auto !important; min-width: 750px; } div#content a, div#forms a { color: #606060; text-decoration: none; } div#content a:hover, div#forms a:hover { color: #ff5200; } div#content a.link, div#forms a:link { color: #606060; text-decoration: underline; cursor: pointer; font-size: 0.85rem; } div#content a.link:hover, div#forms a.link:hover { color: #F47321 !important; text-decoration: none; } .subjectLink:hover { text-decoration: none; } /*This wrapper is used on tabs: firms, submissionpacks and reports. */ div#content div.backWrapper, div#forms div.backWrapper { bottom: 0px; padding-left: 5px; padding-bottom: 5px; position: absolute; } div.backLinkPanel { margin-top: 25px; float: left; } fieldset { border: 0; padding: 0; } div.backLinkPanel { margin-top: 25px; float: left; } /********************************************* Style of the vizor page footer *********************************************/ div#contentHolder div.vizorFooter { background-color: #f4f7fc; clear: both; display: block; height: 16px; padding: 15px; position: relative; vertical-align: middle; } div#contentHolder div.vizorFooter a { color: #707070; font-family: 'Open Sans','NotoSans',sans-serif; font-size: 0.8rem; text-decoration: none; font-weight: 300; } /* Modal popup styles */ .popupFormformat span.pageHeading { margin-left: 20px; } .modalBackground { z-index: 1000; background-color: #000000; -moz-filter: alpha(opacity=10); -o-filter: alpha(opacity=10); filter: alpha(opacity=10); -ms-opacity: 0.6; opacity: 0.6; display: block; } .modalPopup { z-index: 1999; vertical-align: middle; background-color: #ffffff; border-width: 2px; border-style: solid; border-color: Gray; width: 250px; height: 95px; text-align: center; background-repeat: repeat-x; } .modalPopupLeft { text-align: left !important; } .modalText { color: #000000; font-family: 'Open Sans','NotoSans',sans-serif; background: inherit; } .modalButton { width: 82px; height: 30px; padding-bottom: .2em; border-width: 0px; margin-top: 10px; color: #000000; background-image: url(../images/blue-form-button.gif); } .spinnerImage { position: relative; left: 113px; } /************************************************************************* * Modal popup styles - i.e the role-info and processing popups /*************************************************************************/ .modalBackground { background-color: #000000; display: block; -moz-filter: alpha(opacity=10); -o-filter: alpha(opacity=10); filter: alpha(opacity=10); -ms-opacity: 0.6; opacity: 0.6; z-index: 1000; } .modalPopup { background-color: #ffffff; background-repeat: repeat-x; border-color: Gray; border-style: solid; border-width: 2px; height: 95px; text-align: center; vertical-align: middle; width: 250px; z-index: 1999; } .modalPopupLeft { text-align: left !important; } .modalText { background: inherit; color: #000000; font-family: 'Open Sans','NotoSans',sans-serif; } .modalButton { background-image: url(../images/blue-form-button.gif); border-width: 0px; color: #000000; height: 30px; margin-top: 10px; padding-bottom: .2em; width: 82px; } /* This is needed to position the image in the centre of the processing control in IE only. */ * html .processingModalPopup { left: 200px; position: relative; top: -50px; } /****************************************************** DETAILS PANEL - TABLE BASED *******************************************************/ table#detailsPanelTable { border: solid 1px #abb8c5; border-top: none; border-collapse: collapse; width: 100.3%; /* 728px + 2px borders */ background-color: #fff; } table#detailsPanelTable thead tr { background-color: #7c868d; height: 29px; line-height: 29px; } table#detailsPanelTable thead tr th { -ms-border-top-left-radius: 0; border-top-left-radius: 0; -ms-border-top-right-radius: 0; border-top-right-radius: 0; } table#detailsPanelTable thead tr td { background-color: #7c868d; color: #fff; padding: 0 0 0 6px; -ms-border-top-left-radius: 3px; border-top-left-radius: 3px; -ms-border-top-right-radius: 3px; border-top-right-radius: 3px; } table#detailsPanelTable tbody tr.icon td { padding: 6px 0; margin: 6px auto; text-align: center; } table#detailsPanelTable tbody tr.icon td img { height: 24px; width: 24px; } table#detailsPanelTable tbody tr td { max-width: 115px; padding: 0 6px 6px; } table#detailsPanelTable tbody tr td.separator { width: 37px; } /************************************************************************* * Formsets Container - Also used in reports /*************************************************************************/ div#formSetsContainer { border: solid 1px #abb8c5; width: 100%; /* 700px specified */ background-color: #fff; -ms-border-radius: 3px; border-radius: 3px; } div#ContentPlaceHolder_formSetDetailsPanel div#formSetsContainer { -ms-border-top-left-radius: 3px; /*Curved Edges Fix*/ border-top-left-radius: 3px; /*Curved Edges Fix*/ -ms-border-top-right-radius: 3px; /*Curved Edges Fix*/ border-top-right-radius: 3px; /*Curved Edges Fix*/ -ms-border-bottom-left-radius: 3px; /*Curved Edges Fix*/ border-bottom-left-radius: 3px; /*Curved Edges Fix*/ -ms-border-bottom-right-radius: 3px; /*Curved Edges Fix*/ border-bottom-right-radius: 3px; /*Curved Edges Fix*/ } div#ContentPlaceHolder_formSetDetailsPanel div#formSetsContainer div.titleHeaderRow { -ms-border-top-left-radius: 3px; /*Curved Edges Fix*/ border-top-left-radius: 3px; /*Curved Edges Fix*/ -ms-border-top-right-radius: 3px; /*Curved Edges Fix*/ border-top-right-radius: 3px; /*Curved Edges Fix*/ } div#formSetsContainer div.formsetRow:last-child { -ms-border-bottom-left-radius: 3px; /*Curved Edges Fix*/ border-bottom-left-radius: 3px; /*Curved Edges Fix*/ -ms-border-bottom-right-radius: 3px; /*Curved Edges Fix*/ border-bottom-right-radius: 3px; /*Curved Edges Fix*/ } div#formSetsContainer div.titleHeaderRow, div#formSetsContainer div.formsetHeader, div#formSetsContainer div.formsetRow { clear: both; height: 32px; line-height: 32px; } div#formSetsContainer div.columnItemA { float: left; min-height: 24px; min-width: 24px; padding-left: 4px; } div#formSetsContainer div.indent { height: 24px; width: 24px; } div#formSetsContainer div.columnItemB { float: right; padding-right: 4px; } div#formSetsContainer div.columnItemA img { padding: 4px 0px; } div#formSetsContainer div.columnItemA img, div#formSetsContainer div.columnItemB img { border-style: none; vertical-align: top; *vertical-align: middle; /* IE7 */ } /* TITLE HEADER */ div#formSetsContainer div.titleHeaderRow { background-color: #7c868d; clear: both; color: #fff; border-bottom: solid 1px #fff; } /* FORM SET HEADER */ div#formSetsContainer div.formsetHeader { background-color: #eff0f4; border-bottom: solid 1px #a8b3c9; color: #606060; -ms-border-top-left-radius: 3px; border-top-left-radius: 3px; -ms-border-top-right-radius: 3px; border-top-right-radius: 3px; } /* FORM SET ROW */ div#formSetsContainer div.formsetRow { color: #606060; border-bottom: solid 1px #eff0f4; height: 100%; /* overflow: auto; <- It shows scrolls in IE8 */ overflow: hidden; } /* For inner formsetRow (i.e.: Repeatable table child elements) */ div#formSetsContainer div.formsetRow div.formsetRow { border-bottom: 0; border-top: solid 1px #eff0f4; } div#formSetsContainer div.formsetRow div.columnItemB a, div#formSetsContainer div.formsetRow div.columnItemB a:focus { outline: none; } div#formSetsContainer div.formsetRow div.columnItemB a img { border-style: none; } div#formSetsContainer div.formsetRow div.columnItemB span.separator { padding-left: 4px; } div#formSetsContainer div.formsetRow div.columnItemB span.separator2 { padding-right: 4px; } div#formSetsContainer div.formsetRow div.columnItemA.shortFormSetText { width: 100px; overflow: hidden; } div#formSetsContainer div.formsetRow div.columnItemA.longFormSetText { max-width: 280px; } div#formSetsContainer div.formsetRow div.columnItemA.longFormSetTextWrap { max-width: 290px; line-height: 32px; } /************************************************************************* * Popup window: *************************************************************************/ div#popup { font-family: 'Open Sans','NotoSans',sans-serif; font-size: 0.8rem; padding: 6px; } div#popup .label { font-family: 'Open Sans','NotoSans',sans-serif; font-size: 0.8rem; } div#popup div.leftColumn { clear: left; left: 0px; width: 30%; } div#popup div.rightColumn { left: 30%; width: 65%; /* fix issue with IE7: clearing floats */ } div#popup div.workArea { background-color: #f4f7fc; } /************************************************************************* * jQuery Tabs: * -> ui-tabs * -> ui-tabs-nav * -> ui-tabs-panel *************************************************************************/ .ui-tabs { height: auto; } .ui-tabs .ui-tabs-nav { background: none; border: 0px; height: 23px; padding: 0px; } .ui-tabs .ui-tabs-nav li { max-width: 200px; top: 2px; -ms-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -ms-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .ui-tabs .ui-tabs-nav li:first-child { margin-left: 10px; } .ui-tabs .ui-tabs-nav li a, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-default a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { height: 18px; padding-top: 0.1em; padding-bottom: 0.1em; cursor: pointer; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a { cursor: default; } .ui-tabs .ui-tabs-nav li.ui-state-disabled a:hover { color: #606060 !important; } .ui-tabs .ui-tabs-nav li.ui-state-active { background: url('../images/active_tab_bg.png'); background-color: #FFF !important; border: 1px solid #AAA; } .ui-tabs .ui-tabs-panel { border-top: solid 1px #aaa !important; padding: 4px; } /************************************************************************ * jQuery Widget (override) ***********************************************************************/ .ui-widget { font: normal normal normal 13px 'Open Sans','NotoSans',sans-serif !important; } .ui-widget-content { color: #606060 !important; border-top-color: #c5c5c5 !important; } .ui-widget-content .ui-state-active { color: #606060 !important; background-color: #ededed !important; } /************************************************************************ * jQuery Fancytree Widget (override) ***********************************************************************/ .fancytree-title { color: #606060 !important; line-height: 20px; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -ms-border-radius: 3px !important; -o-border-radius: 3px !important; border-radius: 3px !important; } .fancytree-container { font-family: 'Open Sans','NotoSans',sans-serif; font-size: 10pt; border: 0px !important; background-color: transparent; margin-bottom: 20px; } .tree { width: 1000px; } .treeContainer { max-height: 170px; overflow-y: auto; overflow-x: hidden; min-height: 170px; height: 170px; background-color: #fff; } .filterContainer { width: 375px; padding-left: 5px; height: 65px; } .controlContainer { position: relative; top: 0px !important; left: 0px !important; width: 400px; height: 234px; overflow-y: hidden; overflow-x: auto; margin: 0px; display: block; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -ms-border-radius: 3px !important; -o-border-radius: 3px !important; border-radius: 3px !important; } .hideControl { display: none; visibility: hidden; width: 270px; } .controlFieldset { padding: 0 0 10px 0; width: 400px; margin: 0 0 5px 0; border: 1px solid #abb8c5; background-color: #fff; display: table-cell; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -ms-border-radius: 3px !important; -o-border-radius: 3px !important; border-radius: 3px !important; } .Fieldsetlegend { display: inline-block; margin: 0 0 2px 3px; color: #606060; } /************************************************************************ * jQuery Dialogs: * .ui-dialog * .ui-dialog-titlebar * .ui-dialog-title-dialog * .ui-dialog-titlebar-close ************************************************************************/ .ui-dialog .ui-dialog-titlebar { padding: 0.2em 1em 0.2em; } .ui-button-text-only .ui-button-text { padding: 0 1em; } .ui-dialog-title { white-space: normal !important; max-height: 36px; color: #606060; } .ui-dialog .ui-dialog-titlebar-close span { display: inline-block; margin: -9px -8px -8px -9px; } /************************************************************************ * jQuery Icons: * .plusIcon * .minusIcon * .errorIcon * .checkIcon * .questionIcon * .removeIcon * .fileIcon ************************************************************************/ .jQuerySpriteImage-RedIcons { height: 15px; width: 15px; background-image: url(../Include/jquery/jquery-ui-1.13.2/images/ui-icons_cc0000_256x240.png); } .jQuerySpriteImage-RedIcons { /*This hack is for Chrome*/ content: url(../Include/jquery/jquery-ui-1.13.2/images/ui-icons_cc0000_256x240.png); -webkit-object-fit: none; object-fit: none; } .jQuerySpriteImage-RedIcons:before { /*This hack is for Firefox*/ padding: 7px; } .jQuerySpriteImage-GreyIcons { height: 15px; width: 15px; background-image: url(../Include/jquery/jquery-ui-1.13.2/images/ui-icons_555555_256x240.png); } .jQuerySpriteImage-GreyIcons { /*This hack is for Chrome*/ content: url(../Include/jquery/jquery-ui-1.13.2/images/ui-icons_555555_256x240.png); -webkit-object-fit: none; object-fit: none; } .jQuerySpriteImage-GreyIcons:before { /*This hack is for Firefox*/ padding: 7px; } .plusIcon { -ms-background-position: -16px -128px !important; background-position: -16px -128px !important; -webkit-object-position: -16px -128px; object-position: -16px -128px; } .minusIcon { -ms-background-position: -48px -128px !important; background-position: -48px -128px !important; -webkit-object-position: -48px -128px; object-position: -48px -128px; } .errorIcon { -ms-background-position: -38px -144px !important; background-position: -38px -144px !important; -webkit-object-position: -38px -144px; object-position: -38px -144px; } .checkIcon { -ms-background-position: -64px -144px !important; background-position: -64px -144px !important; -webkit-object-position: -64px -144px; object-position: -64px -144px; } .questionIcon { -ms-background-position: -48px -144px !important; background-position: -48px -144px !important; -webkit-object-position: -48px -144px; object-position: -48px -144px; } .removeIcon { -ms-background-position: -96px -128px !important; background-position: -96px -128px !important; -webkit-object-position: -96px -128px; object-position: -96px -128px; } .fileIcon { -ms-background-position: -32px -96px !important; background-position: -32px -96px !important; -webkit-object-position: -32px -96px; object-position: -32px -96px; } /************************************************************************* * Tree Table & Key Table (legend) * Used in formset view, profile view *************************************************************************/ table.Tree, table.Key { background-color: #fff; border: solid 1.25px #abb8c5; width: 100%; -ms-border-radius: 3px; border-radius: 3px; } table.Tree img { border-width: 0; vertical-align: middle; } table.Tree tr td { height: 24px; padding: 4px; } table.Key tr td { height: 24px; padding: 4px 0px 4px 10px; white-space: nowrap; width: 60px; } table.Tree tr.Header td, table.Key tr.Header td { background-color: #a8b3c9; color: #fff; padding: 3px 4px 4px; vertical-align: middle; /* Check lt IE 7; if no effect, remove*/ white-space: normal; } table.Tree tr.FormSetSelected td { background-color: #eff0f4; } table.Tree td.IndentOne, table.Tree td.Indent1, table.Tree td.IndentTwo, table.Tree td.Indent2, table.Tree td.IndentThree, table.Tree td.Indent3, table.Tree td.Links { border-bottom: solid 1px #eff0f4; } table.Tree td.IndentOne, table.Tree td.Indent1 { padding-left: 32px; } table.Tree td.IndentTwo, table.Tree td.Indent2 { padding-left: 58px; } table.Tree td.IndentThree, table.Tree td.Indent3 { padding-left: 82px; } table.Tree td.Links { vertical-align: middle; /* CHECK lt IE 7 */ text-align: right; } table.Tree td.Links a:hover { text-decoration: underline !important; } table.Tree table.NodeDetails { width: 100%; } table.Tree table.NodeDetails td.FormsetImages { width: 60px; } table.Tree table.NodeDetails td.Images { width: 90px; } table.Tree table.NodeDetails td.Label, table.Tree table.NodeDetails td.Name { padding-top: 8px; text-align: left; } table.Tree table.NodeDetails td.Label { white-space: normal; width: 63px; } table.Tree table.NodeDetails td.Name a:hover { color: #606060 !important; text-decoration: underline !important; } /************************************************************************ * View Report ************************************************************************/ .viewReportOwnerPanel { float: right; } .viewReportOwnerPanel span { display: block; color: #606060; font: normal normal normal 11px 'Open Sans','NotoSans',sans-serif !important; margin-bottom: 10px; } .viewReportOwnerPanel input { display: block; padding: 5px 15px; } /************************************************************************ * Common Style Classes ************************************************************************/ .dateControl { height: 22px; padding: 0px; margin: 0px; vertical-align: middle; width: auto; } .datebutton { border-width: 0; background-image: url(../images/date-control-button-small.png); font-size: 0; height: 20px; margin: 0; padding: 0; width: 20px; vertical-align: middle; background-color: transparent; margin-left: 3px; } .datebutton:hover { background-color: #f4f7fc !important; -ms-opacity: 0.8; opacity: 0.8; } /******************************* Date range section *******************************/ .fromDateSection { float: left; left: 0px; width: 110px; } .publicFromDateSection { float: left; left: 0px; width: 120px; } .publicFromDateSection fieldset { margin: 0px; } .dateToText { float: left; padding-right: 6px !important; width: auto; } .toDateSection { left: 110px; } /******************************************** Layout for columns: - col1 - col2 - col3 - col4 - leftColumn - rightColumn *********************************************/ div.col1, div.col2, div.col3, div.col4, div.rightColumn, div.leftColumn, div.col1FixedWidth, div.leftColumnShort { display: inline-block; line-height: 25px; float: left; padding: 0px 4px 4px 0px; word-wrap: break-word; } div.rightColumn, div.leftColumn, div.leftColumnShort { padding: 0 4px 0 0; min-height: 30px; } div.leftColumn { clear: left; left: 0px; width: 30%; } div.leftColumnShort { clear: left; left: 0px; width: 20%; } div.rightColumn { left: 30%; width: 68%; /* fix issue with IE7: clearing floats */ font-size: 13px; } div.col1 { left: 0px; width: 15%; } div.col2 { left: 15%; width: 34%; } div.col3 { left: 49%; width: 17%; } div.col4 { left: 64%; width: 30%; } div.col1FixedWidth { width: 108px; } /* Custom columns */ #content .middleColumn { display: inline; font: inherit; height: 30px; margin: 0px; margin-left: 5px; padding: 0px 2px 2px 0px; vertical-align: top; white-space: nowrap; width: 8%; } #content .columnEqualSize { display: block; float: left; line-height: 12px; width: 230px; } /****************************** Lists with borders *******************************/ .formSetListWithBorder { border: solid 1px #abb8c5; display: block; float: left; line-height: 16px; margin-bottom: 5px; margin-top: 5px; width: 400px; padding-bottom: 5px; white-space: normal; -ms-border-radius: 3px; border-radius: 3px; } .formSetListWithBorder a { color: #F47321 !important; display: block; font-size: 0.8rem; text-decoration: underline !important; } .scrollableList { height: 116px; overflow-y: scroll; overflow-x: hidden; background-color: #fff; -ms-border-radius: 3px; border-radius: 3px; } .MaxHeight116 { max-height: 116px; overflow-y: auto; } /************************************************************** Common Styles - Input File Upload **************************************************************/ .custom-file-input { margin-top: 5px; margin-bottom:5px; padding-bottom: 1px; display: inline-block; padding: 5px 8px; outline: none; color: #606060; font-family: Arial,Helvetica,sans-serif; font-size: 0.8rem; background-color: #EFF0F4; border-radius: 3px; border: 1px solid #ABB8C5; } .custom-file-input:hover { background-color: #606060; color: #EFF0F4; border-color: #EFF0F4; } .custom-file-input input[type=file] { display: none } /************************************************************* Common styles - checkbox list Used for e.g. status lists on search *************************************************************/ .checkBoxList, .checkBoxListWithBorder, .checkBoxListWithBorderAndWidth, .checkBoxListWithBorderAndfixedWidth { display: block; line-height: 20px; margin-bottom: 5px; overflow: auto; padding-bottom: 5px; white-space: normal; background-color: #FFF; -ms-border-radius: 3px; border-radius: 3px; } .checkBoxListWithBorder, .checkBoxListWithBorderAndWidth { border: 1px solid #abb8c5; margin-bottom: 5px; margin-top: 5px; width: 250px; } .checkBoxListWithBorder .divWithSmallMargin, .checkBoxListWithBorderAndWidth .divWithSmallMargin { margin: 0px 5px 5px 5px; } .checkBoxList TD, .checkBoxListWithBorder TD, .checkBoxListWithBorderAndWidth TD { white-space: nowrap; vertical-align: middle; } .checkBoxList TR, .checkBoxListWithBorder TR, .checkBoxListWithBorderAndWidth TR { display: block; line-height: 16px !important; white-space: nowrap; vertical-align: top; } .checkBoxList TR LABEL, .checkBoxListWithBorder TR LABEL, .checkBoxListWithBorderAndWidth TR LABEL { display: inline-block; white-space: nowrap; vertical-align: middle; padding-left: 4px; padding-top: 1px; } .checkBoxList TR A, .checkBoxListWithBorder TR A, .checkBoxListWithBorderAndWidth TR A { float: left; white-space: nowrap; vertical-align: middle; } .checkBoxList TR INPUT, .checkBoxListWithBorder TR INPUT, .checkBoxListWithBorderAndWidth TR INPUT { float: left; } .checkBoxListWithBorderAndWidth { width: 400px; } .statusList TD { width: 200px; } /* It used to be in FormSetGeneratorStyles.css */ .AlwaysVisible { color: Black; right: 10px; z-index: 99999; background-color: rgb(255,82,0); position: absolute; border: solid; border-width: 0px; top: 10px; _top: expression(eval(document.body.scrollTop+10)); } /***************************** Common styles *****************************/ span.pageHeading { clear: both; color: #7c868d; display: block; font-family: 'Open Sans','NotoSans',sans-serif; font-size: 1.228rem; font-style: normal; font-variant: normal; margin-bottom: 10px; } span.pageHeadingOnBackground { clear: both; color: #687078; display: block; font-family: 'Open Sans','NotoSans',sans-serif; font-size: 1.2rem; font-style: normal; font-variant: normal; margin-bottom: 10px; } span.subHeading { clear: both; color: #7c868d; display: block; font-weight: bold; } .formLabel, .formLabelItalic { padding: 2px; font-size: 0.84rem; font-weight: 300; } .formLabelItalic { font-style: italic; } .descriptionText { clear: both; color: #606060; display: block; font-family: 'Open Sans','NotoSans',sans-serif; font-size: 0.84rem; margin-bottom: 18px; font-weight: 300; } .displayInline { display: inline; } span.mandatory { color: #E00000; vertical-align: top; margin-right: 2px; } .dropdownMandatoryStar { color: #E00000; vertical-align: top; margin-left: 5px; /*negitive margin used for positioning of star on dropdown boxes*/ margin-top: -6px; } #errorSpan { display: block; line-height: 16px !important; } .errorText { font-weight: bold; margin-bottom: -2px !important; } div.deletedMessage { border: solid 1px #b40021; padding: 3px; margin-bottom: 10px; } .left, .separatedDiv, .furtherSeparatedDiv { float: left; } .right { float: right; } .top { top: 0; } .separatedDiv { padding-bottom: 1px; } .furtherSeparatedDiv { padding-bottom: 7px; } div#loadingImage { background: url('../images/ajaxloader2.gif') center no-repeat; height: 17px; } div.ajaxIcon { display: inline-block; } .displayNone { display: none; } .clear { clear: both; height: 0; display: block; } .clear-float:before, .clear-float:after { clear: both; display: table; content: ""; } .margin-five { margin: 5px; } .clear:after { content: "."; height: 0; clear: both; visibility: hidden; } .clearRight { clear: right; } .clearLeft { clear: left; } .clearColumns { clear: both; display: block; } .block { display: block; } .noOverlap { overflow: hidden; } .smallSpacer { padding: 0px; margin: 0px; display: block; clear: both; height: 1px; } .smallishSpacer { padding: 0px; margin: 0px; display: block; clear: both; height: 5px; } .mediumSpacer { padding: 0px; margin: 0px; display: block; clear: both; height: 10px; } .example { background-color: #FBF9EE; border: 1px solid #FCEFA1; } input[type="text"] { -ms-border-radius: 3px; border-radius: 3px; } /* Input[type=text] */ .dateTextBoxShort, .textBox, .textBoxTwoDigit, .textBoxShort, .textBoxLarge, .textBoxVeryLarge, .textBoxMulti, .textBoxMultiLong, .textBoxMultiLarge, .textBoxMultiVeryLarge, .textBoxMedium, .textBoxSearch { border: 1px solid #abb8c5; color: #606060; font-family: 'Open Sans','NotoSans',sans-serif !important; font-size: 0.8rem !important; font-style: normal !important; font-variant: normal !important; font-weight: normal !important; height: 18px; margin: 0px; padding: 0px 1px; vertical-align: bottom; -ms-border-radius: 3px; border-radius: 3px; } .textBox { width: 200px; } .textBoxTwoDigit { width: 20px; } .textBoxShort, .dateTextBoxShort { width: 76px; } .textBoxMedium { width: 170px; } .textBoxLarge { width: 300px; } .textBoxVeryLarge { width: 100%; } .textBoxMulti { height: 80px; width: 200px; overflow-y: auto; } .textBoxMultiLong { height: 160px; width: 200px; overflow-y: auto; } .textBoxMultiLarge { height: 80px; width: 300px; overflow-y: auto; } .textBoxMultiVeryLarge { height: 160px; width: 398px; overflow-y: auto; margin-top: 5px; } .textBoxMultiReadOnly { border: none 0px; color: #606060; height: 20px; font-family: 'Open Sans','NotoSans',sans-serif !important; font-size: 0.8rem !important; font-style: normal !important; font-variant: normal !important; font-weight: normal !important; overflow-y: auto; width: 200px; } input[type="text"]::placeholder { color: rgba(96, 96, 96, 0.4); } .comboBox, .comboBoxVariable, .comboBoxShort, .comboBoxLarge, .comboBoxVeryLarge, .comboBoxLanguage { border: 1px solid #abb8c5; color: #606060; font-family: 'Open Sans','NotoSans',sans-serif !important; font-size: 0.8rem !important; font-style: normal !important; font-variant: normal !important; font-weight: normal !important; /*height: 20px;*/ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: bottom; -ms-border-radius: 3px; border-radius: 3px; } .comboBox { width: 204px; } .firmSelectcomboBox { border: 1px solid #abb8c5; color: #606060; font-family: 'Open Sans','NotoSans',sans-serif !important; font-size: 0.8rem !important; font-style: normal !important; font-variant: normal !important; font-weight: normal !important; /*height: 20px;*/ margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; vertical-align: bottom; -ms-border-radius: 3px; border-radius: 3px; max-width: 400px; } .comboBoxVariable { } .comboBoxShort { width: 106px; } .comboBoxMedium { width: 150px; } .comboBoxLarge { width: 300px; } .comboBoxVeryLarge { width: 100%; } .comboBoxLanguage { font-size: 18px !important; } .section-title { color: #6D787E; font-weight: 600; font-size: 16px; } .button, .buttonWithoutMargin, .buttonLarge, .buttonExtraLarge, .widebutton, .extrawidebutton, div.ui-dialog-buttonset > button.button { border-width: 0; color: #fff; font-family: 'Open Sans','NotoSans',sans-serif !important; font-size: 0.8rem !important; font-style: normal !important; font-variant: normal !important; font-weight: normal !important; height: 30px; margin-top: 10px; padding-bottom: 0.2em; width: 82px; cursor: pointer; -ms-border-radius: 3px; border-radius: 3px; background-color: #7C868D; padding-top: 1px; } .button[disabled="disabled"], .buttonWithoutMargin[disabled="disabled"], .buttonLarge[disabled="disabled"], .buttonExtraLarge[disabled="disabled"] { -ms-opacity: 0.5; opacity: 0.5; } .iconButton { background-repeat: no-repeat; background-position: 8px 5px; background-size: 18px; } .iconCreateReturn { background-image: url(../Images/ManageReturns-CreateReturn.svg); } .iconSubmissionHistory { background-image: url(../Images/ManageReturns-Resubmission.svg); } .iconButtonTextIndent18 { text-indent: 18px; } [dir=rtl] .iconButtonTextIndent18 { text-indent: -18px; } .button, .buttonWithoutMargin { width: 80px !important; } .buttonLarge { width: 130px !important; } .buttonExtraLarge, .widebutton { width: 147px !important; } .extrawidebutton { width: auto !important; } .smallishButton { height: 24px; width: 66px !important; border-width: 0; color: #FFFFFF; font-family: 'Open Sans','NotoSans',sans-serif !important; font-size: 0.8rem !important; font-style: normal !important; font-variant: normal !important; font-weight: normal !important; padding-bottom: 0.2em; cursor: pointer; -ms-border-radius: 3px; border-radius: 3px; background-color: #7C868D; } button[type="button"].ui-button-text-only { color: #FFFFFF; font-family: 'Open Sans','NotoSans',sans-serif !important; font-size: 0.8rem !important; font-style: normal !important; font-variant: normal !important; font-weight: normal !important; background-color: #7C868D; } input[type="submit"]:hover:enabled, input[type="button"]:hover:enabled { background-color: #606060; color: #FFFFFF; } input[type="submit"]:disabled { font-family: Arial,Helvetica,sans-serif; font-size: 0.8rem !important; border: 1px solid #cbcfd1; background-color: #cbcfd1; color: #FFFFFF; border-radius: 3px; padding: .4em 1em; } button[type="button"]:hover:enabled, button[type="button"]:active:enabled { background-color: #606060 !important; } .mandatoryCheckBoxStar { color: Red; display: block; float: right; padding: 0.2em 0; } div.mandatoryCheckBoxPanel { height: 1.7em; } div.mandatoryCheckBoxPanel label { margin-right: 2.3em; } div.mandatoryCheckBoxPanel input { padding: 0.2em 0; } /*TEMPORARY HACK FOR TABLE#GRID>TR.HEIGHT=16PX */ table.grid tr { height: 25px; } /********************************************* List **********************************************/ #List { border: #abb8c5 0px solid; width: 100%; -ms-border-radius: 3px; border-radius: 3px; } #List TABLE.List { border-collapse: separate !important; /*Curved Edges Fix*/ border-spacing: 0px; /*Curved Edges Fix*/ border: none !important; /*Curved Edges Fix*/ width: 100%; } #List TABLE.List TD { border: none !important; /*Curved Edges Fix*/ border-left: #abb8c5 1px solid !important; /*Curved Edges Fix*/ border-bottom: #abb8c5 1px solid !important; /*Curved Edges Fix*/ padding: 4px; } #List TABLE.List TD:last-child { border-right: #abb8c5 1px solid !important; } #List TABLE.ListNoBorder { width: 100%; } #List TABLE.ListNoBorder TD { padding: 4px; } #List TR.Header TD { BACKGROUND-IMAGE: url(../images/blue-subheading-background.jpg); BORDER-LEFT: #fffac3 1px solid; BORDER-RIGHT: #fffac3 1px solid; color: #606060; PADDING-BOTTOM: 3px; PADDING-TOP: 4px; } #List .gridViewHeaderRow { background-color: #7c868d; color: #ffffff; padding-bottom: 3px; padding-top: 4px; vertical-align: middle; text-align: center; } #List .gridViewHeaderRow TD { background-color: #a8b3c9 !important; color: #ffffff; } #List .gridViewHeaderRow a:link { color: #ffffff; } #List .gridViewHeaderRow a:hover { text-decoration: underline; } #List tr.RowAlt { BACKGROUND-COLOR: #f0f0f0; } #List TR.dxgvDataRow_Office2010Silver TD { font-size: 0.84rem; font-weight: 300; } #List TR.Row TD { COLOR: #606060; BACKGROUND-COLOR: #ffffff; word-break: break-all; } #List TR.RowAlt TD { BACKGROUND-COLOR: #eff0f4; COLOR: #606060; word-break: break-all; } #List .gridViewListFooterRow { BACKGROUND-IMAGE: url(../images/blue_pager_background.gif); BORDER-BOTTOM: #abb8c5 1px solid; BORDER-LEFT: #abb8c5 1px solid; BORDER-RIGHT: #abb8c5 1px solid; COLOR: #606060; height: 20px; padding: 4px 0px 0px 0px; TEXT-ALIGN: center; WHITE-SPACE: nowrap; -ms-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -ms-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } #List .gridViewListFooterRow A { TEXT-DECORATION: none; } #List .gridViewListFooterRow A:link { color: #f47321; text-decoration: underline; } #List .gridViewListFooterRow A:visited { color: #ff5200; text-decoration: underline; } #List .gridViewListFooterRow A:hover { color: #ff5200; text-decoration: none; } #List .gridViewPrevLink, .gridViewNextLink { display: inline; padding: 0px 1px 0px 1px; position: relative; width: 20px; } /* Fix to get paging displaying correctly on report search */ #List .gridViewListFooterRow TABLE, .gridViewListFooterRow TD { width: auto !important; border: none !important; background-color: Transparent !important; text-align: center !important; margin: auto; } #List TH { /*background-image: url(../images/blue-subheading-background.jpg); */ background-repeat: repeat-x; background-position: bottom; border: #abb8c5 1px solid; color: #FFFFFF; font-family: 'Open Sans','NotoSans',sans-serif; font-size: 0.85rem; font-style: normal; font-variant: normal; font-weight: normal; PADDING: 6px 6px 6px 6px; vertical-align: middle; text-align: center; white-space: normal; border: none !important; /*Curved Edges Fix*/ border-left: #abb8c5 1px solid !important; /*Curved Edges Fix*/ } #List TH:last-child, #errorReport #List TR:first-child TD:last-child { -ms-border-top-right-radius: 3px; border-top-right-radius: 3px; } #List TH:first-child, #errorReport #List TR:first-child TD:first-child { -ms-border-top-left-radius: 3px; border-top-left-radius: 3px; } #errorReport #List TR:last-child TD:last-child { -ms-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } #errorReport #List TR:last-child TD:first-child { -ms-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } #List TH A { TEXT-DECORATION: none; } #List TH A:link { color: #FFFFFF; text-decoration: none; } #List TH A:visited { color: #FFFFFF; text-decoration: none; } #List TH A:hover { color: #FFFFFF; text-decoration: underline; } .ListCentreAligned { text-align: center; } #List TD A, .ListCentreAligned TD A { TEXT-DECORATION: none; font-size: 0.85rem; line-height: 1.1; } #List TD A:link, .ListCentreAligned TD A:link { color: #606060; text-decoration: underline; } #List TD A:visited, .ListCentreAligned TD A:visited { color: #606060; text-decoration: underline; } #List TD A:hover, .ListCentreAligned TD A:hover { color: #FF5200; text-decoration: none !important; } #List .pagerNumberHyperLinks { display: inline; padding: 0px 1px 0px 1px; position: relative; width: 10px; } #List .gridViewLinkLabel { width: 200px; padding: 2px 2px 2px 2px; color: Blue; text-decoration: underline; outline: 0px; border-width: 0px; } #List .tableListFooterRowLeftDiv { float: left; margin-top: 2px; vertical-align: middle; } #List .tableListFooterRowRightDiv { float: right; width: 48px; } #List .tableListRowAfterFooter { TEXT-ALIGN: left; BORDER-BOTTOM: #abb8c5 1px solid; BORDER-RIGHT: #abb8c5 1px solid; BORDER-LEFT: #abb8c5 1px solid; padding: 4px 4px 4px 4px; WHITE-SPACE: nowrap; height: 26px; } #List .tableListRowAfterFooterLabel { width: auto; text-align: right; } #List TH:first-child { -ms-border-top-left-radius: 3px; border-top-left-radius: 3px; } .nonFooteredList table tr:last-child td:first-child { -ms-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } .nonFooteredList table tr:last-child td:last-child { -ms-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } /* Payments Grid */ #paymentsGrid { width: 100%; color: #606060; border: 1px solid #ABB8C5; text-align: justify; } #paymentsGrid thead { min-height: 38px; background-color: #7C868D; color: white; } #paymentsGrid th { border-left: 1.5px solid white; padding: 10px 5px 10px 5px; font-weight: 400; } #paymentsGrid th:first-child { padding-left: 35px; width: 25%; } #paymentsGrid th:nth-child(2), #paymentsGrid th:nth-child(4) { width: 18%; } #paymentsGrid th:nth-child(3) { width: 15%; } #paymentsGrid td { padding: 10px 5px 10px 5px; background-color: white; } #paymentsGrid td.caption { font-weight: 600; } #paymentsGrid td:first-child { width: 4.5%; } #paymentsGrid td:nth-child(2) { width: 20%; } #paymentsGrid tr { width: 100%; } #paymentsGrid tr:nth-child(5n+2) td, #paymentsGrid tr:nth-child(5n+4) td { padding-bottom: 5px; } #paymentsGrid tr:nth-child(5n+3) td { padding-top: 0; padding-bottom: 0; } #paymentsGrid tr:nth-child(5n+5) td { padding-top: 0; } #paymentsGrid tr:nth-child(10n+6) td, #paymentsGrid tr:nth-child(10n+7) td, #paymentsGrid tr:nth-child(10n+8) td, #paymentsGrid tr:nth-child(10n+9) td, #paymentsGrid tr:nth-child(10n+10) td { background-color: #EFF0F4; } #paymentsGrid tr:nth-child(5n+2) td:first-child { box-shadow: inset 0px 11px 5px -10px lightgrey, inset 11px 0px 5px -10px lightgrey; } #paymentsGrid tr:nth-child(5n+2) td:last-child { box-shadow: inset 0px 11px 5px -10px lightgrey, inset -11px 0px 5px -10px lightgrey; } #paymentsGrid tr:nth-child(5n+3) td:first-child, #paymentsGrid tr:nth-child(5n+4) td:first-child { box-shadow: inset 11px 0px 5px -10px lightgrey; } #paymentsGrid tr:nth-child(5n+3) td:last-child, #paymentsGrid tr:nth-child(5n+4) td:last-child { box-shadow: inset -11px 0px 5px -10px lightgrey; } #paymentsGrid tr:nth-child(5n+5) td { box-shadow: inset 0px -11px 5px -10px lightgrey; } #paymentsGrid tr:nth-child(5n+5) td:first-child { box-shadow: inset 11px 0px 5px -10px lightgrey, inset 0px -11px 5px -10px lightgrey; } #paymentsGrid tr:nth-child(5n+5) td:last-child { box-shadow: inset -11px 0px 5px -10px lightgrey, inset 0px -11px 5px -10px lightgrey; } .button-expanded, .button-collapsed { background-repeat: no-repeat; display: block; width: 15px; height: 15px; margin: 0; } .button-expanded { background-image: url('../Images/btnExpanded.svg'); } .button-collapsed { background-image: url('../Images/btnCollapsed.svg'); } .warningPanel { float: left; width: 100%; } .warningIcon { float: left; background-repeat: no-repeat; display: block; width: 16px; height: 16px; background-image: url('../Images/file-informations.svg'); } .warningText { float: left; left: 20px; width: 90%; } /* Offline Payment PopUp */ /* Modal Content */ .offlinePayment { background-color: #fefefe; margin: auto; padding: 5px; border-radius: 5px; border: 0.1px solid #888; position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ left: 35%; top: 25%; min-width: 25% !important; min-height: 25% !important; width: auto !important; /* Full width */ height: auto !important; /* Full height */ overflow: auto; /* Enable scroll if needed */ } #offlinePayment .caption { font-weight: bold; } #offlinePayment .descriptionText { display: contents; } #offlinePayment .offlineHeader { font-weight: bold; color: #606060; display: inline-block; line-height: 25px; float: left; padding: 0px 4px 4px 0px; left: 0px; width: auto !important; } #offlinePayment .col1 { line-height: 25px; float: left; padding: 0px 4px 4px 0px; clear: left; display: inline; } #offlinePayment .col2 { line-height: 25px; float: right; margin-right: 10px; padding: 0px 4px 4px 0px; clear: right; display: inline; } #offlinePayment .amountDue { line-height: 25px; float: left; padding: 0px 4px 4px 0px; clear: left; font-weight: bold; } #offlinePayment .amountDueValue { line-height: 25px; float: left; padding: 0px 4px 4px 0px; clear: right; left: 0px; } /* The Close Button */ #offlinePayment .close { color: #aaaaaa; float: right !important; font-size: 28px; font-weight: bold; display: inline-block; line-height: 25px; padding: 0px 4px 4px 0px; left: 0px; width: auto !important; } #offlinePayment .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } #offlinePayment.fileUploadPanel { border-bottom: 1px solid #ebebeb; padding-bottom: 8px; } .fileUploadPanel { background-color: #f4f7fc; border-radius: 8px; padding: 16px; } /* Offline Warning Popup*/ #offlineWarning .OfflineWarningConfirmation { font-weight: bold; font-size: small; padding-bottom: 16px } #offlineWarning .OfflineWarningText { border-top: 1px solid #dddddd; padding-top: 16px; } /* CONTENT - DEFAULT STYLES FOR HTML CONTROLS ON FORMS PANE */ div#forms { color: #606060; font-family: 'Open Sans','NotoSans',sans-serif; font-size: 0.8rem; margin-bottom: 20px; margin-left: auto; margin-right: auto; margin-top: 10px; min-width: 800px !Important; position: relative; /* Required for horizontal scrollbars in IE7 */ } div#forms h2 { background-image: url(../images/blue-subheading-background.jpg); width: 100%; color: #606060; height: 24px; margin: 0px; padding-top: 6px; padding-left: 8px; font: normal normal normal 14px 'Open Sans','NotoSans',sans-serif; border-top: 1px solid #ffe495; } div#forms h3 { color: #b40021; font: normal normal normal 12px 'Open Sans','NotoSans',sans-serif; margin: 8px; padding-top: 8px; border-top: 1px solid #abb8c5; } div#forms p { padding-bottom: 8px; margin: 8px; } div#forms .first { border-top: 0px; margin: 8px; } div#forms p, div#forms .form { margin: 22px; border: none 0px; } div#forms .form td { padding: 2px 15px 2px 2px; } /* This style is not named .button so form buttons don't take the non-form button style. */ div#forms .formButton { width: 117px !important; height: 30px; font-size: 0.95em !important; padding-bottom: .2em; color: #000000; border-width: 0px; background-image: url(../images/blue-form-button-large.gif); } div#forms .tableControlButton { background-color: #EEEFF1; background-image: url(../images/blue-form-button-no-border.gif); border: 1px solid #EEEFF1; color: #000000; font-size: 0.9em; height: 22px; padding-bottom: 0.2em; padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.2em; } /* Control formatting while in ReadOnly Mode; e.g.: View Firm Profile */ div#forms span.contentReadonlyMode .textbox, div#forms span.contentReadonlyMode .numberbox, div#forms span.contentReadonlyMode .dateinput, div#forms span.contentReadonlyMode .selectbox { border-width: 0px; padding: 1px; } div#forms .table { overflow: visible; } div#forms TR { } div#forms TD { padding: 6px 6px 6px 6px; font: normal normal normal 11px 'Open Sans','NotoSans',sans-serif; overflow: visible; } div#forms .checkbox { border-width: 0px; height: 16px; } div#forms .dateinput, .highlightedDateInput { border: 1px solid #abb8c5; width: 90px; min-height: 16px; } div#forms .grid { width: 100%; background-color: #FFF; } div#forms table#mainFormGrid { min-width: 800px !important; overflow: hidden; } div#forms .numberbox, .highlightedNumberbox { border: 1px solid #abb8c5; min-height: 16px; letter-spacing: 0px; margin: 0px; } div#forms .radioButtonTable TR { height: auto; } div#forms .radiobutton { border-width: 0px; height: 16px; } div#forms .radioButtonSetText { padding: 3px 3px 3px 0px; } div#forms .radioButtonSetButton { padding: 3px 0px 3px 3px; } div#forms .selectbox, select { border: 1px solid #abb8c5; -ms-border-radius: 3px; border-radius: 3px; color: #606060; } div#forms .textarea, .highlightedTextArea { border: 1px solid #abb8c5; width: 200px; height: 76px; display: inline; -ms-border-radius: 3px; border-radius: 3px; } div#forms .textbox, .highlightedTextbox { border: 1px solid #abb8c5; width: 160px; min-height: 16px; } div#forms .bigtextbox { border: 1px solid #abb8c5; width: 320px; min-height: 16px; } div#forms .dropDownList { width: 300px; } div#forms .label { font-weight: bold; } div#forms .mandatoryStar, #fileupload .mandatoryStar { color: #ff0000; font-family: 'Open Sans','NotoSans',sans-serif; font-size: 1rem; vertical-align: top; margin-left: 1px; white-space: nowrap; } /*properly alligning the mandatory star on the firm selection page*/ .mandatoryFirmSelectStar { padding-top: 4px; } div#forms .disabledControl { background-color: #EEEEEE; } div#forms .calculatedValueControl { background-color: #EEEEEE; } div#forms .disabledSelectBox { background-color: #EEEEEE !important; } div#forms .calculatedValueSelectBox { background-color: #EEEEEE !important; } /* Hack to disable grey background for Dynamic Texts and radio buttons */ div#forms span.calculatedValueControl { background-color: transparent !important; } /* Always display the background of a radio button as transparent */ div#forms input.radiobutton { background-color: transparent !important; } /* Always display the background of a checkbox as transparent */ div#forms input.checkbox { background-color: transparent !important; } div#forms table.dimensionalList, div#forms table.dimensionalListBody { border: solid 1px #abb8c5; border-collapse: collapse; overflow: visible; } div#forms table.dimensionalList tr, div#forms table.dimensionalListBody tr { border: solid 1px #abb8c5; border-collapse: collapse; overflow: hidden; } div#forms table.dimensionalList tr.even, div#forms table.dimensionalListBody tr.even { background-color: #EEEEEE; } div#forms table.dimensionalList tr td, div#forms table.dimensionalListBody tr td { border: solid 1px #abb8c5; border-collapse: collapse; text-align: left; overflow: hidden; } div#forms table.dimensionalList tr td.columnheader, div#forms table.dimensionalListBody tr td.columnheader { background-color: #FFFFFF !important; } div#forms table.dimensionalList tr td.numbervalue, div#forms table.dimensionalListBody tr td.numbervalue { text-align: center; vertical-align: middle; } div#forms table.dimensionalList tr td input, div#forms table.dimensionalListBody tr td input { text-align: right; padding-right: 1px; font-family: 'Open Sans','NotoSans',sans-serif; color: #000000; font-size: 0.8rem; } div#forms div.dataTables { border: 1px solid #FFFFFF; width: 100%; } /************************************************************************ Classes for highlighting invalid / incomplete controls. Note that the text area requires it's own class as it resizes itself when switching between highlighted / unhighlighted. ************************************************************************/ div#forms .highlightedControl, .highlightedTextArea, .highlightedTextbox, .highlightedDateInput, .highlightedNumberbox, .highlightedSelectbox { border-style: solid; border-width: 1px; border-color: #ff6347 !important; /*tomato color*/ } div#forms .unHighlightedControl { border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; } form#AsyncUploadForm .highlightedControl { border-style: solid; border-width: 1px; border-color: #ff6347 !important; /*tomato color*/ } form#AsyncUploadForm .unHighlightedControl { border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; } /* PRINTING */ @media print { #ContentList { background-color: #fff; border-width: 0px; margin: 0px; } #ContentList TD { font: normal normal normal 11px 'Open Sans','NotoSans',sans-serif; } #List table { BACKGROUND-COLOR: #ffffff; BORDER: #abb8c5 1px solid; width: 100%; } #List TD { height: 24px; PADDING: 6px; vertical-align: middle; } #List tr { BORDER-TOP: #abb8c5 1px solid; } #List tr.RowAlt { BACKGROUND-COLOR: #f0f0f0; } #List TR.Row TD { BORDER: #abb8c5 1px solid; COLOR: #606060; } #List TR.RowAlt TD { BACKGROUND-COLOR: #eff0f4; BORDER: #abb8c5 1px solid; COLOR: #606060; } #List tr.Header td { BACKGROUND-COLOR: #d3d3d3; background-image: none; BORDER-RIGHT: #abb8c5 1px solid; BORDER-LEFT: #abb8c5 1px solid; color: #606060; FONT-WEIGHT: bold; PADDING-BOTTOM: 3px; PADDING-TOP: 4px; } body { background-color: #ffffff; background-image: none; } h3 { color: #606060; font-weight: bold; } div.noPrint { display: none; } #top { display: none; } #heading { display: none; } } /* Media query to apply the min-height only for laptop and desktop screens */ @media only screen and (min-width : 1824px) and (min-width : 1224px) { div#content { min-height: 550px; } } /********************************************* CAPTCHA Widget **********************************************/ #recaptcha_widget, #recaptcha_widget #recaptcha_image, #recaptcha_widget #recaptcha_response_field { border: solid 1px #ccc; } #recaptcha_widget { padding: 3px; width: 339px; } #recaptcha_widget #recaptcha_image, #recaptcha_widget #recaptcha_response_field { margin: 3px; } #recaptcha_widget .buttonContainer { margin: 8px 3px 0; } #recaptcha_widget .action, #recaptcha_widget .action img { border: 0; margin: 0; padding: 0; } #recaptcha_widget .button { margin-top: 0px !important; } /* Styles for the telephone control. */ .phoneNumberTextBoxSmall, .phoneNumberTextBoxLarge, .phoneNumberTextBoxExtraLarge { border: 1px solid #abb8c5; display: inline; font: normal normal normal 11px 'Open Sans','NotoSans',sans-serif; height: 16px; margin-top: 2px; padding-left: 1px; padding-right: 1px; vertical-align: middle; } .phoneNumberTextBoxSmall { width: 50px; } .phoneNumberTextBoxLarge { width: 85px; } .phoneNumberTextBoxExtraLarge { width: 140px; } .phoneNumberLabelDivSmall, .phoneNumberLabelDivLarge, .phoneNumberLabelDivExtraLarge { clear: none; float: left; height: 16px; margin-right: 3px; padding: 1px; text-align: left; vertical-align: top; } .phoneNumberLabelDivSmall { width: 55px; /* 53px + 2px instead of borders. */ } .phoneNumberLabelDivLarge { width: 83px; /* 81px + 2px instead of borders. */ } .phoneNumberLabelDivExtraLarge { width: 137px; /* 81px + 2px instead of borders. */ } .phoneNumberLabel { display: block; font: normal normal normal 9px 'Open Sans','NotoSans',sans-serif; margin: 0px; text-align: center; vertical-align: middle; } /* Modal popup styles - (e.g. Role Info Panel Control) */ div.modalBackground { z-index: 1000; background-color: #000000; -moz-filter: alpha(opacity=10); -o-filter: alpha(opacity=10); filter: alpha(opacity=10); -ms-opacity: 0.6; opacity: 0.6; display: block; } div.modalPopup { z-index: 1999; vertical-align: middle; background-color: #ffffff; border-width: 2px; border-style: solid; border-color: Gray; width: 250px; height: 95px; text-align: left; background: url(../Images/beige-gradient.jpg); background-repeat: repeat-x; } div.modalPopup .modalText { color: #000000; font-family: 'Open Sans','NotoSans',sans-serif; background: inherit; } div.modalPopup .modalButton { width: 82px; height: 30px; padding-bottom: .2em; border-width: 0px; margin-top: 10px; color: #000000; background-image: url(../images/blue-form-button.gif); } div.modalPopup .popupHeader { cursor: move; width: 100%; height: 22px; background-image: url(../images/new-background.jpg); background-repeat: repeat-x; border-top: 1px solid #abb8c5; border-bottom: 1px solid #6b8299; white-space: nowrap; margin-bottom: 5px; float: left; } div.modalPopup .popupHeader .title { font-family: 'Open Sans','NotoSans',sans-serif; font-size: 0.75rem; font-weight: bold; color: #606060; float: left; padding: 4px 5px; } div.modalPopup .popupHeader .buttons { float: right; padding-right: 1px; cursor: pointer; } div.modalPopup .ajax__tab_header { float: left; } div.modalPopup .ajax__tab_tab { height: 20px !important; padding: 0px !important; } div.modalPopup .ajax__tab_body { float: left; width: 95%; } /**************************************************** Role info panel control *****************************************************/ #formSetDivTabPanel, #reportSetDivTabPanel, #webAccessDivTabPanel, #workflowDivTabPanel { background-repeat: no-repeat; background-position: right center; color: #606060; font-family: 'Open Sans','NotoSans',sans-serif; font-size: 0.8rem; height: 100%; min-height: 150px; text-align: left; width: 100%; } #formSetDivTabPanel p, #reportSetDivTabPanel p, #webAccessDivTabPanel p, #workflowDivTabPanel p { margin-top: 0px; } #formSetDivTabPanel { background-image: url('../images/formsets_bg.png'); } #reportSetDivTabPanel { background-image: url('../images/reportsets_bg.png'); } #webAccessDivTabPanel { background-image: url('../images/webaccess_bg.png'); } #workflowDivTabPanel { background-image: url('../images/workflow_bg.png'); } /* Repeater styles */ .repeaterLinkButton { color: #b40021; text-decoration: none; } .repeaterLinkButton span:Hover { color: #b40021; text-decoration: underline; } .horizontalRepeaterDiv { display: inline; margin-bottom: 2px; white-space: normal; } .repeaterHeaderRow { background-color: #ABB3C9; border-bottom: #abb8c5 1px solid; border-collapse: collapse; border-left: #abb8c5 1px solid; border-right: #abb8c5 1px solid; border-top: #abb8c5 1px solid; display: table-row; font-family: 'Open Sans','NotoSans',sans-serif; font-size: 0.8rem; font-style: normal; font-variant: normal; font-weight: normal; height: 24px; table-layout: fixed; vertical-align: middle; white-space: nowrap; } .repeaterFirstHeaderCell, .repeaterRegularHeaderCell { color: #FFFFFF; display: inline; margin: 0px; padding: 6px 6px 6px 6px; text-align: left; vertical-align: middle; } .repeaterRegularHeaderCell { border-left: #abb8c5 1px solid; } .repeaterFirstHeaderCell { width: 60%; } .repeaterRegularRow, .repeaterPagerRow { border-collapse: collapse; border-right: #abb8c5 1px solid; border-left: #abb8c5 1px solid; border-bottom: #abb8c5 1px solid; border-spacing: 0px; border-top: #abb8c5 1px solid; border-top: 0px; display: table-row; height: 36px; margin: 0px; padding: 0px; } .repeaterPagerRow { padding-top: 10px; text-align: center; vertical-align: middle; } .repeaterFirstCell, .repeaterRegularCell { border-bottom: 0px; border-collapse: collapse; border-spacing: 0px; border-top: 0px; display: inline; height: 35px; margin: 0px; padding: 6px 6px 6px 6px; text-align: left; vertical-align: middle; white-space: normal; } .repeaterFirstCell { width: 60%; } .repeaterRegularCell { border-left: #abb8c5 1px solid; } .repeaterHeaderLink { color: #FFFFFF; text-decoration: none; } .repeaterHeaderLink:hover { color: #FFFFFF; text-decoration: underline; } /* BACK LINK*/ .back { color: #f47321 !important; font-size: 0.8rem; margin-top: 10px; text-decoration: underline !important; } .back:hover { text-decoration: none !important; color: #f47321 !important; } div.backLinkContainer { padding-top: 10px !important; } /* FILE UPLOAD IFRAME */ #fileupload { background-image: none; background-color: #f4f7fc; } #fileupload .mandatoryStar { left: 82px; position: absolute; top: 0px; } #fileupload a { color: #F47321 !important; font-family: 'Open Sans','NotoSans',sans-serif !important; font-size: 0.8rem !important; font-style: normal !important; font-variant: normal !important; font-weight: bold !important; text-decoration: underline !important; } #fileupload span.cabinet { display: block; height: 30px; position: fixed; overflow: hidden; top: 3px; width: 88px; } #fileupload span.cabinet input.file { -moz-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); -o-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); -webkit-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); height: 100%; -moz-opacity: 0; -ms-opacity: 0; opacity: 0; width: auto; } #fileupload .addFileButton, #fileupload .uploadFileButton { left: 0px; position: absolute; top: 0px; } #fileupload .addFileButton, #fileupload .uploadFileButton, #fileupload .addFileButtonBuilder { height: 30px; margin-top: 0px; padding-top: 0px; width: 82px; font-size: 0.8rem; } .addFileButton table, .uploadFileButton table { border-collapse: separate; } #fileupload .addFileButton td, #fileupload .uploadFileButton td, #fileupload .addFileButtonBuilder td { font-size: 0.8rem !important; font-family: Open Sans !important; font-weight: 400; color: #606060; background-color: #f6f6f6; border: 1px solid #C5C5C5; width: 85px; height: 23px; text-align: center; -ms-border-radius: 3px; border-radius: 3px; } .addFileButton #buttonLabel { font-size: 0.8rem !important; font-family: Open Sans !important; font-weight: 400; color: #606060; background-color: #f6f6f6; border: 1px solid #C5C5C5; width: 85px; height: 22px; text-align: center; -ms-border-radius: 3px; border-radius: 3px; } #fileupload .blueBrowseButton td { text-align: center; } .blueBrowseButton #buttonLabel { color: #000000; border-width: 0px; background-image: url(../images/blue-form-button.gif); height: 30px; margin-top: 0px; padding-top: 0px; width: 82px; } #fileupload .blueBrowseButton { left: 0px; position: absolute; top: 0px; height: 30px; margin-top: 0px; } .disabledFileUploadLink { text-decoration: none !important; cursor: text; color: #606060 !important; } /*********************************************************************** Auto complete extender used for entity name drop down list. ************************************************************************/ .autocomplete_completionListElement { background-color: window; border: 1px solid #abb8c5; color: #606060; cursor: default; font-family: 'Open Sans','NotoSans',sans-serif; font-size: 0.8rem; line-height: 14px; list-style-type: none; margin-top: 0px; margin-left: 0px; overflow: hidden; padding-left: 0px; text-indent: 3px; width: 171px !important; -moz-min-width: 300px !important; -ms-min-width: 300px !important; -o-min-width: 300px !important; -webkit-min-width: 300px !important; min-width: 171px !important; -ms-border-radius: 3px; border-radius: 3px; } .autocomplete_completionListElementExtended { width: 202px !important; min-width: 171px !important; } /* AutoComplete highlighted item */ .autocomplete_highlightedListItem { background-color: Highlight; border: 1px dotted #abb8c5; color: Window; white-space: nowrap; } /* AutoComplete item */ .autocomplete_listItem { border: 1px dotted window; white-space: nowrap; } /********************************************************* Css for form validation errors pages **********************************************************/ #submitAnywayDiv { border: solid 1px tomato; clear: both; font-weight: bold; padding: 5px; font-family: 'Open Sans','NotoSans',sans-serif; margin-top: 5px; margin-bottom: 10px; -ms-border-radius: 3px; border-radius: 3px; } .popupBody { overflow: visible; min-width: 800px; min-height: 250px; } /*********************************************************************** Checkbox list for displaying report sets ************************************************************************/ .reportSetList { border: 1px solid #abb8c5; height: 130px; margin-bottom: 5px; margin-top: 5px; overflow-y: scroll; width: 400px; background-color: #FFF; -ms-border-radius: 3px; border-radius: 3px; } .reportSetList .reportSetCheckBoxList { display: block; padding-bottom: 5px; white-space: normal; } .reportSetList .reportSetCheckBoxList TR { display: block; line-height: 19px !important; vertical-align: top; } .reportSetList .reportSetCheckBoxList TD { vertical-align: top; width: 200px; } .reportSetList .reportSetCheckBoxList LABEL { display: block; vertical-align: top; padding-left: 4px; } .reportSetList .reportSetCheckBoxList INPUT { float: left; } /*********************************************************************** Checkbox list for displaying report search parameters in VP ************************************************************************/ .reportSetList table.reports-checkbox-list td { vertical-align: top; padding-bottom: 4px; } .reportSetList table.reports-checkbox-list td input { float: left; } .reportSetList table.reports-checkbox-list td label { line-height: normal; top: 0px; } /*********************************************************************** Class for file upload history image. ************************************************************************/ .uploadHistoryImage { margin-bottom: -8px; border: 0px; } /************************************************************************* * Comment Container ************************************************************************/ .commentsContainer { width: 675px !important; height: 100%; margin-bottom: 10px; } .commentsFileUploadDiv { display: inline; float: left; margin-top: 9px; } .commentsFileUploadInnerDiv { float: left; } .commentsFileUploadButtonDiv { float: right; text-align: right; } .removeFileLink { display: inline; text-decoration: none; border: 0; cursor: pointer; } .removeFileDivVisibleTrue { float: right; margin-top: 0px; display: inline-table; text-decoration: none; border: 0; } .removeFileDivVisibleFalse { margin-top: 9px; display: none; text-decoration: none; border: 0; } .commentTextArea, .commentTextAreaInactive { color: #606060; font-size: 22px; line-height: 20px; height: 20px; margin: 0 0 5px; padding: 3px; border: 1px solid #abb8c5; -ms-border-radius: 3px; border-radius: 3px; } div#commentDiv, div#firmSelectionDiv { display: inline-flex; } div#createUserCommentDiv { display: flex; justify-content: space-between; } .commentTextAreaInactive { color: #999; } .commentTextAreaMandatory { border: 1px solid red; } .actionHeading { color: #606060; font-weight: bold; font-size: 0.8rem; } .commentDate { color: #606060; display: block; font-family: 'Open Sans','NotoSans',sans-serif; font-size: 0.8rem; margin-bottom: 4px; padding-left: 10px; } div.commentContainer, div.systemCommentContainer { clear: both; height: auto; font-family: 'Open Sans','NotoSans',sans-serif; font-size: 12px; margin-bottom: 12px; margin-left: 18px; overflow: auto; padding: 0 5px 5px; width: 657px; -ms-border-radius: 3px; border-radius: 3px; } div.commentContainer { background-color: #f4faff; border: solid 1px #d0e1ea; } div.systemCommentContainer { background-color: #fff4f4; border: solid 1px #edd5d5; } div.commentContainer > div.topLine, div.systemCommentContainer > div.topLine, div.commentContainer > div.middleLine, div.systemCommentContainer > div.middleLine { clear: both; height: 24px; width: 100%; } /* CONTAINER -> TOPLINE */ div.commentContainer > div.topLine, div.systemCommentContainer > div.topLine { line-height: 32px; } /* CONTAINER -> TOPLINE -> NAME */ div.commentContainer > div.topLine > div.name, div.systemCommentContainer > div.topLine > div.name { color: #797ab7; float: left; font-size: 0.8rem; font-weight: bold; padding-right: 6px; } /* CONTAINER -> TOPLINE -> TIME */ div.commentContainer > div.topLine > div.time, div.systemCommentContainer > div.topLine > div.time { color: #999; float: left; font-size: 0.75rem; padding-right: 6px; } /* CONTAINER -> TOPLINE -> NOTIFY */ div.commentContainer > div.topLine > div.notify, div.systemCommentContainer > div.topLine > div.notify { display: none; float: right; text-align: right; width: 100px; } /* CONTAINER -> TOPLINE -> NOTIFY's INPUT*/ div.commentContainer > div.topLine > div.notify input, div.systemCommentContainer > div.topLine > div.notify input { border: none 0px; color: #000; height: 24px; margin: 0px; padding: 0px; width: 66px !important; cursor: pointer; -ms-border-radius: 3px; border-radius: 3px; background-color: #7C868D; font-family: 'Open Sans','NotoSans',sans-serif !important; } /* CONTAINER -> MIDDLELINE */ div.commentContainer > div.middleLine, div.systemCommentContainer > div.middleLine { height: auto; overflow: visible; width: 96%; } /* CONTAINER -> MIDDLELINE -> COMMENT */ div.commentContainer > div.middleLine > div.comment, div.systemCommentContainer > div.middleLine > div.comment { clear: both; color: #777; display: block; font-size: 0.8rem; padding-right: 6px; padding-top: 5px; padding-bottom: 5px; width: 100%; } /* CONTAINER -> MIDDLELINE -> COMMENT SUBHEADING */ div.commentContainer > div.middleLine > div.commentSubHeading, div.systemCommentContainer > div.middleLine > div.commentSubHeading { color: #797AB7; font-size: 0.8rem; margin-bottom: 3px; } /* CONTAINER -> MIDDLELINE -> FILECONTAINER */ div.commentContainer > div.middleLine > div.fileContainer, div.systemCommentContainer > div.middleLine > div.fileContainer { clear: both; height: auto; line-height: 20px; margin-top: 3px; margin-bottom: 10px; overflow: auto; vertical-align: middle; width: 100%; } /* CONTAINER -> MIDDLELINE -> FILECONTAINER -> FILEICON */ div.commentContainer > div.middleLine > div.fileContainer > div.fileIcon, div.systemCommentContainer > div.middleLine > div.fileContainer > div.fileIcon { float: left; line-height: 24px; vertical-align: middle; } /* CONTAINER -> MIDDLELINE -> FILECONTAINER -> FILENAME */ div.commentContainer > div.middleLine > div.fileContainer > div.fileName, div.systemCommentContainer > div.middleLine > div.fileContainer > div.fileName { color: #666; vertical-align: middle; } /* CONTAINER -> MIDDLELINE -> FILECONTAINER -> FILEHASH */ div.commentContainer > div.middleLine > div.fileContainer > div.fileHash, div.systemCommentContainer > div.middleLine > div.fileContainer > div.fileHash { color: #666; vertical-align: middle; clear: left; } /* CONTAINER -> NOTIFIED USERS */ div.commentContainer > div.notifiedUsers { clear: both; color: #999999; font-size: 0.75rem; } div.commentContainer > div.notifiedUsers span { font-size: 0.75rem !important; } /* Comments File Upload - (Supervision only) */ #fileupload .commentsFileUploadImage { cursor: pointer; float: left; } #fileupload .commentInputDiv { height: 26px; } #fileupload .commentUploadForm { visibility: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .commentEditLink { text-decoration: underline !important; cursor: pointer !important; } .commentEditDiv { float: right; } /*********************************************************************** Multi entity/group select control. Also used for category select ***********************************************************************/ #firmsAndGroupsPanel { margin-top: 4px; } #multiEntityGroupSelect .borderSection { border: solid 1px #abb8c5; float: left; padding-bottom: 4px; padding-left: 4px; width: 245px; } /* Used to align the All Companies checkbox correctly*/ #multiEntityGroupSelect .checkBox label { line-height: 19px !important; vertical-align: top; } /* Mandatory star was not top aligned correctly unless this is set.*/ #multiEntityGroupSelect .mandatory { line-height: 16px !important; } #multiEntityGroupSelect .image { vertical-align: middle; height: 16px; width: 16px; display: inline-block; } #multiEntityGroupSelect .plus { background: url('../images/plus.gif') center no-repeat; } #multiEntityGroupSelect .minus { background: url('../images/minus.gif') center no-repeat; } .multiselectTemplate { display: inline-flex; } /*********************************************************************** Class for add comments link (Portal only). ************************************************************************/ .viewCommentsLink { float: right; } .viewCommentsLabel { float: right; margin: 5px; } /*********************************************************************** Class for digital signature panel (Portal only). ************************************************************************/ .returnInformationPanel { height: 100px; } /********************************************************* Custom css for Portal Create Return page - (Portal only) **********************************************************/ .checkBoxListFloatToLeft { float: left; margin-right: 5px; } /********************************************************* Custom css for Portal Public Form page - (Portal only) **********************************************************/ .publicFormsDiv { border: 0px none !important; } /********************************************************* Custom css for Portal Public FormSet page - (Portal only) **********************************************************/ .publicFormsetDetailsPanel #formSetsContainer { border-radius: 3px !important; -ms-border-radius: 3px !important; } .publicFormsetDetailsPanel .titleHeaderRow { -ms-border-top-left-radius: 3px; /*Curved Edges Fix*/ border-top-left-radius: 3px; /*Curved Edges Fix*/ -ms-border-top-right-radius: 3px; /*Curved Edges Fix*/ border-top-right-radius: 3px; /*Curved Edges Fix*/ } /********************************************************* Custom css for XML Specs - (Portal only) **********************************************************/ div#formSetsContainer .specModeNameSpan, div#formSetsContainer .specModeNameSpan a { color: Blue !important; font-style: italic; font-size: 11px; } .specFont { color: blue !important; font-family: 'Open Sans','NotoSans',sans-serif; font-size: 11px; font-style: italic; } .tableHighlight { background-color: #EEEEEE; } .tableCaption { text-align: left; } /****************************************************************************** Specific settings for upload success message on transform page - (Portal only) *******************************************************************************/ .asyncUploadSpan { color: #606060; font-size: 0.8rem; font-family: 'Open Sans','NotoSans',sans-serif; } /****************************************************************************** Specific settings for file upload message - both Portal And VSC *******************************************************************************/ .asyncUploadErrorMessage { padding: 2px; width: 423px; font-size: 0.84rem; } .asyncUploadSuccessInProgressMessage { padding: 2px; font-size: 0.80rem; } /*************************************************************************************** DevExpress CSS Style Override ****************************************************************************************/ td.dxgv.wrap { word-wrap: break-word !important; } .dxgvActionButtonsFlex { display: flex; align-items: center; padding-left: 5px; padding-right: 5px; } table.draftReturnsGrid div.dxgvActionButtonsFlex { /* the table has 4 action columns */ padding-left: 3px; padding-right: 3px; } .dxgvActionButtonSeparator { font-size: 14px; color: #DBDEE1; bottom: 4px; position: relative; } .dxccControl_Office2010Silver { color: #6B7785; background: #FFFFFF none; } .dxgvPreviewRow_Office2010Silver { background-color: #f7f7f8; color: #707070; } .dxeCalendarDayDisabled_Office2010Silver { background-color: #f1f2f5; color: #636363 !important; } .dxeOutOfRWarn_Office2010Silver { background-color: #FFFFFF; color: #EB0000; } .devExpressFolder { min-width: 160px; } .dxccControl_Office2010Silver, .dxdvControl_Office2010Silver, .dxhlControl_Office2010Silver, .dxlpLoadingPanel_Office2010Silver, .dxlpLoadingPanelWithContent_Office2010Silver, .dxmLite_Office2010Silver, .dxnbLite_Office2010Silver, .dxncControl_Office2010Silver, .dxpLite_Office2010Silver, .dxpnlControl_Office2010Silver, .dxrpControl_Office2010Silver, .dxrpControlGB_Office2010Silver, .dxsmControl_Office2010Silver, .dxtcLite_Office2010Silver, .dxtiControl_Office2010Silver, .dxucControl_Office2010Silver, .dxucEditArea_Office2010Silver, input[type="text"].dxucEditArea_Office2010Silver, .dxsplControl_Office2010Silver, .dxtvControl_Office2010Silver, .dxfmControl_Office2010Silver, .dxfmControl_Office2010Silver .dxfm-rInput, .dxisControl_Office2010Silver, .dxigControl_Office2010Silver, .dxigControl_Office2010Silver .dxig-thumbnailTextArea, .dxflFormLayout_Office2010Silver, .dxflHelpText_Office2010Silver, .dxrControl_Office2010Silver, .dxvsValidationSummary_Office2010Silver, .dxeTrackBar_Office2010Silver, .dxeHelpText_Office2010Silver, .dxeTBValueToolTip_Office2010Silver, .dxlpLoadingPanel_Office2010Silver, .dxlpLoadingPanelWithContent_Office2010Silver, .dxeBase_Office2010Silver, .dxeErrorCell_Office2010Silver, .dxeButtonEdit_Office2010Silver, /*.dxeTextBox_Office2010Silver,*/ .dxeRadioButtonList_Office2010Silver, .dxeCheckBoxList_Office2010Silver, .dxeMemo_Office2010Silver, .dxeHyperlink_Office2010Silver, .dxeListBox_Office2010Silver, .dxeCalendar_Office2010Silver, .dxbButton_Office2010Silver, .dxfcControl_Office2010Silver, .dxeMaskHint_Office2010Silver, .dxeProgressBar_Office2010Silver, .dxpcDropDown_Office2010Silver, .dxeDropDownWindow_Office2010Silver, .dxcaControl_Office2010Silver, .dxcaLoadingPanel_Office2010Silver, .dxeCaptionCell_Office2010Silver, .dxeOutOfRWarn_Office2010Silver, .dxgvControl_Office2010Silver, .dxgvDisabled_Office2010Silve, .dxgvLoadingPanel_Office2010Silver { font-size: 0.82rem; font-family: Verdana, Geneva, sans-serif; } table.dxsplControl { border-radius: 3px; /*Curved Edges Fix*/ -ms-border-radius: 3px; /*Curved Edges Fix*/ } .dxfmControl .dxfm-toolbar { -ms-border-top-left-radius: 3px; /*Curved Edges Fix*/ border-top-left-radius: 3px; /*Curved Edges Fix*/ -ms-border-top-right-radius: 3px; /*Curved Edges Fix*/ border-top-right-radius: 3px; /*Curved Edges Fix*/ } .dxfmControl .dxsplCC:last-child { -ms-border-bottom-left-radius: 3px; /*Curved Edges Fix*/ border-bottom-left-radius: 3px; /*Curved Edges Fix*/ -ms-border-bottom-right-radius: 3px; /*Curved Edges Fix*/ border-bottom-right-radius: 3px; /*Curved Edges Fix*/ } .dxfmControl .dxeTextBox { border-radius: 3px !important; /*Curved Edges Fix*/ -ms-border-radius: 3px !important; /*Curved Edges Fix*/ } .dxgvGroupPanel_Office2010Silver, .dxgvFilterRow_Office2010Silver, .dxeTextBox_Office2010Silver, .dxeEditAreaSys, .dxeMemoEditAreaSys, /*Bootstrap correction*/ input[type="text"].dxeEditAreaSys, /*Bootstrap correction*/ input[type="password"].dxeEditAreaSys /*Bootstrap correction*/ { font-size: 0.7rem !important; } .dxgvControl_Office2010Silver, .dxgvDisabled_Office2010Silver { border-radius: 3px; -ms-border-radius: 3px; } .dxrControl_Office2010Silver .dxr-glrMainDiv > div, .dxgvHeader_Office2010Silver a, .dxgvControl_Office2010Silver a, .dxgvDataRow_Office2010Silver, .dxfm-filter input[type="text"], /*Bootstrap correction*/ .dxfm-path input[type="text"], /*Bootstrap correction*/ .dxfm-filter > label, /*Bootstrap correction*/ .dxfm-path > label /*Bootstrap correction*/, .dxtvControl, .dxeEditAreaSys { font-size: 0.82rem; } .dxtvControl a { color: black !important; } .dxizControl_Office2010Silver .dxiz-hint > span { font-size: 0.8rem; font-family: Tahoma, Geneva, sans-serif; } .dxtcLite_Office2010Silver > .dxtc-stripContainer .dxtc-lineBreak, .dxsplVSeparator_Office2010Silver, .dxsplHSeparator_Office2010Silver, .dxsplResizingPointer_Office2010Silver, .dxrControl_Office2010Silver .dxr-olmGrExpBtn .dxr-popOut, .dxrControl_Office2010Silver .dxr-blRegItems .dxr-item .dxr-popOut, .dxrControl_Office2010Silver .dxr-blHorItems .dxr-item .dxr-popOut, .dxrControl_Office2010Silver .dxr-minBtn, .dxrControl_Office2010Silver .dxr-glrMainDiv, .dxrControl_Office2010Silver .dxr-glrBarItem .dxr-glrButtons div, .dxeTrackBar_Office2010Silver, .dxfcControl_Office2010Silver .dxfc-clr, .dxeColorTableCellDiv_Office2010Silver, .dxeACICellDiv_Office2010Silver { font-size: 0rem; } .dxgvDataRow_Office2010Silver a { background: #ffffff; } table.draftReturnsGrid .dxgvDataRow_Office2010Silver td.dxgv { /* the table has 4 action columns */ padding: 4px 2px; } .dxgvHeader_Office2010Silver a { background: #e7ebef url('gvHeaderBack.png') repeat-x left top; } .dxgvDataRowAlt_Office2010Silver a { background-color: #f7f7f8; } .dxgvDataRowAlt_Office2010Silver { background-color: #EFF0F4; } .dxpLite_Office2010Silver .dxp-summary, .dxpLite_Office2010Silver .dxp-current { font-weight: 600; } div#content a.dxp-num { text-decoration: underline !important; } div#content a.dxp-num:hover { color: #f47321; text-decoration: none !important; } /****************************************************************************** Css specific for View Upload History page *******************************************************************************/ div.ViewUploadHistory_DisplayFileHashDiv { display: none; border-style: solid; border-color: #FF5200; border-width: 1px 0 1px 0; } span.ViewUploadHistory_DisplayFileHashSpan { color: #FF5200; } input.ViewUploadHistory_ShowHideHashBtn { width: 100%; } span.ViewUploadHistory_displayErrorMsgSpan { color: Red; } /********************************************************* Custom css for Portal View Edit User page - (Portal only) **********************************************************/ .disableme { font-style: italic; } /********************************************************* Css for Progress Bar and its messages **********************************************************/ .progressBarMsgdiv { clear: both; color: #606060; font-family: 'Open Sans','NotoSans',sans-serif; font-size: 0.8rem; line-height: 18px; border: 1px solid #ABB8C5; padding-left: 6px; padding-right: 6px; padding-bottom: 6px; padding-top: 6px; margin-bottom: 10px; margin-top: 10px; -ms-border-radius: 3px; border-radius: 3px; } .popup_hidden { display: none; } /************************************************************************* * Accessible master css *************************************************************************/ .hidden { display: none; } .inVisible { visibility: hidden; } .master .menu-hover { visibility: visible !important; opacity: 1 !important; position: absolute !important; -moz-min-width: 170px !important; -ms-min-width: 170px !important; -o-min-width: 170px !important; -webkit-min-width: 170px !important; min-width: 170px !important; z-index: 9999 !important; padding-top: 4px !important; -webkit-transition: visibility 1s, opacity 1s !important; -moz-transition: visibility 1s, opacity 1s !important; -ms-transition: visibility 1s, opacity 1s !important; -o-transition: visibility 1s, opacity 1s !important; transition: visibility 1s, opacity 1s !important; } .master .masterTop, .master .masterMain, .master #maincontent { margin: 0 auto; width: 800px; } .master .masterTop { padding-top: 30px; padding-bottom: 11px; } .master .masterTop .align-left { float: left; margin-bottom: -1px; margin-top: 1px; } .master .masterTop .align-right { float: right; margin-top: -5px; } /* Client Specific - Start - logo size */ .master .logo { background-image: url(../Images/BOJ_Logo.png); background-size: auto 100px; height: 100px; width: 400px; display: inline-block; background-repeat: no-repeat; color: #182c60; } #vizorFooterRightLink,#vizorFooterLeftLink{ display:none; } span.logo:before { content: "JamFIRMS"; font: normal 2rem 'Open Sans','NotoSans',sans-serif; margin-left: 80px; margin-top: 15px; display: inline-block; margin-bottom: -35px; } span.logo:after { content: "Sound data... Sound decision... Sound financial system"; font: normal 0.8rem 'Open Sans','NotoSans',sans-serif; display: inline-block; margin-left: 80px; font-style: italic; } /* Client Specific - End- logo size */ .master .contentDelimiter { width: 100%; height: 15px; background-color: #7c868d; } .master #product > span { font: normal 1.4rem 'Open Sans','NotoSans',sans-serif; text-transform: uppercase; color: #F47321; letter-spacing: 5px; } .master #maincontent { position: absolute; } .master #maincontent #menucontainer { position: absolute; left: -90px; top: 0px; } /************************************************************************* * Submission Pack List Control css *************************************************************************/ .submissionPackGridView { } .submissionPackGridView .a-pdf .a-pdf-img { background-image: url(../Images/pdf.color.gif); background-size: 16px 16px; height: 16px; width: 16px; background-repeat: no-repeat; margin-left: 5px; display: inline-block; } /************************************************************************* * Submission Pack View\Edit Page - Open Returns css *************************************************************************/ .open-return-details { } .open-return-details .returnInformationPanel .returnInformationPanel-left { float: left; } .open-return-details .returnInformationPanel .returnInformationPanel-right { float: right; } div.returnInformationPanel.hideColumnValidateAndSubmit tr > td:nth-child(1) { display: none; } div.returnInformationPanel.hideColumnRequestResubmission tr > td:nth-child(2) { display: none; } div.returnInformationPanel.hideColumnUploadData tr > td:nth-child(3) { display: none; } div.returnInformationPanel.hideColumnExtendDueDateRequest tr > td:nth-child(4) { display: none; } div.returnInformationPanel.hideColumnUploadHistory tr > td:nth-child(5) { display: none; } div.returnInformationPanel.hideColumnErrorWarning tr > td:nth-child(6) { display: none; } div.returnInformationPanel.hideColumnViewComments tr > td:nth-child(7) { display: none; } .open-return-details .th-img, .open-return-details .img { background-repeat: no-repeat; background-size: 24px 24px; height: 24px; width: 24px; display: inline-block; } .open-return-details .th-img.icon-formset { background-image: url(../Images/icon_formset.gif); background-position-x: 0; } .open-return-details .th-img.icon-folder { background-image: url(../Images/icon_folder.gif); background-position-x: 0; } .open-return-details .th-img.icon-folder-repeatable { background-image: url(../Images/icon_folder_repeatable.gif); background-position-x: 0; } .open-return-details .th-img.icon-form { background-image: url(../Images/icon_form.gif); background-position-x: 0; } .open-return-details .th-img.icon-document-add { background-image: url(../Images/document_add.gif); background-position-x: 0; } .open-return-details .th-img.icon-validated { background-image: url(../Images/icon_validated.gif); background-position-x: 0; } .open-return-details .th-img.icon-draft { background-image: url(../Images/icon_indraft.gif); background-position-x: 0; } .open-return-details .th-img.icon-mandatory { background-image: url(../Images/icon_nodata_mandatory.gif); background-position-x: 0; } .open-return-details .ajax-loading { background-image: url(../Images/ajaxLoading.gif); background-repeat: no-repeat; background-size: 16px 16px; height: 16px; width: 16px; display: inline-block; } .open-return-details .subHeadingBlack { padding-left: 16px; } .open-return-details .img-span { display: inline-block; width: 24px; vertical-align: bottom; display: inline-block; } span#actionscontent { font-size: 1.1rem; } #actionscontentseparator { width: 100%; height: 1px; background-color: #76868d; } table#actionstable { margin-top: 10px; margin-bottom: 10px; font-size: 11px; } table#actionstable .aspNetDisabled { opacity: 0.5; } .open-return-details .actions-img { background-size: 29px 32px; height: 32px; width: 29px; } .open-return-details .upload-img { background-image: url(../Images/uploadhistory.png); } .open-return-details .upload-img:hover { background-image: url(../Images/uploadhistoryhover.png); } .open-return-details .duedatextsreq-img { background-image: url(../Images/Actions-Duedate-extension.svg); } .open-return-details .duedatextsreq-img:hover { background-image: url(../Images/Actions-Duedate-extension-hover.svg); } .open-return-details .comments-img { background-image: url(../Images/Action-Comments.svg); } .open-return-details .comments-img:hover { background-image: url(../Images/Action-Comments-Hover.svg); } .open-return-details .resubmission-img { background-image: url(../Images/Action_ResubmissionRequest.svg); } .open-return-details .resubmission-img:hover { background-image: url(../Images/Action_ResubmissionRequest-Hover.svg); } .open-return-details .uploaddata-img { background-image: url(../Images/Action-UploadData.svg); } .open-return-details .uploaddata-img:hover { background-image: url(../Images/Action-UploadData-Hover.svg); } .open-return-details .downloaddata-img { background-image: url(../Images/Export.svg); } .open-return-details .downloaddata-img:hover { background-image: url(../Images/Export-hover.svg); } .open-return-details .refreshStatus-img { background-image: url(../Images/Action-Refresh.svg); margin-top: 11px; } .open-return-details .refreshStatus-img:hover { background-image: url(../Images/Action-Refresh-Hover.svg); } .open-return-details .errorWarning-img { background-image: url(../Images/Action-ErrorWarning.svg); } .open-return-details .errorWarning-img:hover { background-image: url(../Images/Action-ErrorWarning-Hover.svg); } .open-return-details .paymentsBtn-img { background-image: url(../Images/Payments.svg); } .open-return-details .paymentsBtn-img:hover { background-image: url(../Images/Payments-hover.svg); } .open-return-details .generateDocumentsBtn-img { background-image: url(../Images/GeneratedDocumentsIcon.png); } .open-return-details .generateDocumentsBtn-img:hover { background-image: url(../Images/GeneratedDocumentsIconHover.png); } .open-return-details .validateandsubmit-img { background-image: url(../Images/ValidateAndSubmit.png); } .open-return-details a:not([disabled]) > .validateandsubmit-img:hover { background-image: url(../Images/ValidateAndSubmitHover.png); } a[disabled] > .duedatextsreq-img { opacity: 0.5; } a[disabled] > .validateandsubmit-img { opacity: 0.5; } a[disabled] > .actionImage { opacity: 0.4; } .open-return-details #detailsPanelTable th { text-align: left; color: #fff; padding: 0 0 0 6px; } table > caption { display: none; } .reports-checkbox-list label { position: relative; top: -2px; } .reports-checkbox-list { width: 100%; display: inline-table; line-height: 0px; } .reports-formset-checkbox-list { width: 100%; display: block; line-height: 12px; padding-left: 1.5em; text-indent: -1.5em; } .error-form { width: 450px; } .payLink { text-decoration: underline !important; } /********************************************************* Css for DevExpress Grids header **********************************************************/ .dxgvHeader_Office2010Silver { background-color: #7c868d !important; background-image: none !important; } .dxgvHeader_Office2010Silver a { background-color: #7c868d !important; color: #fff !important; } .dx-wrap, span.dx-wrap { background-color: #7c868d !important; color: #fff !important; text-align: center; } .dxgvGroupPanel_Office2010Silver { background-color: #7c868d !important; color: #fff !important; } /********************************************************* Css for Formsets header **********************************************************/ div#formSetsContainer div.formsetHeader { background-color: #eff0f4; color: #000; } div#formSetsContainer div.formsetHeader span { background-color: #eff0f4; color: #000; } div#formSetsContainer div.formsetHeader a { background-color: #eff0f4; color: #000; } td, th { word-break: keep-all !important; } .webiteResxInputError { border: solid 1px red; } .websiteResxInput { width: 700px; } .websiteResxInput4Line { height: 70px; } .websiteResxInput15Line { height: 230px; } /********************************************************* Css for sprite images **********************************************************/ .spritebaseline-cancel-black-18dp, .spritebaseline-edit-black-18dp, .spritebaseline-save-black-18dp { display: inline-block; background: url('../images/sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; width: 36px; height: 36px; border: none; transform: scale(.7); } .spritebaseline-cancel-black-18dp { background-position: -0px -0px; } .spritebaseline-cancel-black-18dp:hover { background-position: -36px -0px; } .spritebaseline-edit-black-18dp { background-position: -72px -0px; } .spritebaseline-edit-black-18dp:hover { background-position: -0px -36px; } .spritebaseline-save-black-18dp { background-position: -72px -72px; } .spritebaseline-save-black-18dp:hover { background-position: -0px -108px; } .pageHeadingWithWebsiteResx { clear: both; height: 41px; } .pageHeadingWithWebsiteResx .pageHeading { float: left; } .pageHeadingWithWebsiteResx .websiteResxEditBox { float: right; margin-top: -3px; } .pageHeadingWithWebsiteResx .websiteResxEditBox button { cursor: pointer; } /************************************** Spinner ***************************************/ /* @noflip */ #siteSpinner { width: 34px; height: 42px; margin: auto; display: none; } /* @noflip */ .center { position: absolute; left: 50%; top: 50%; width: 100%; text-align: center; font-size: 18px; } /* @noflip */ .blockG { position: absolute; background-color: rgb(255,255,255); width: 5px; height: 13px; border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; transform: scale(0.4); -o-transform: scale(0.4); -ms-transform: scale(0.4); -webkit-transform: scale(0.4); -moz-transform: scale(0.4); animation-name: fadeG; -o-animation-name: fadeG; -ms-animation-name: fadeG; -webkit-animation-name: fadeG; -moz-animation-name: fadeG; animation-duration: 0.522s; -o-animation-duration: 0.522s; -ms-animation-duration: 0.522s; -webkit-animation-duration: 0.522s; -moz-animation-duration: 0.522s; animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -webkit-animation-direction: normal; -moz-animation-direction: normal; } /* @noflip */ #rotateG_01 { left: 0; top: 15px; animation-delay: 0.1995s; -o-animation-delay: 0.1995s; -ms-animation-delay: 0.1995s; -webkit-animation-delay: 0.1995s; -moz-animation-delay: 0.1995s; transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); } /* @noflip */ #rotateG_02 { left: 4px; top: 5px; animation-delay: 0.256s; -o-animation-delay: 0.256s; -ms-animation-delay: 0.256s; -webkit-animation-delay: 0.256s; -moz-animation-delay: 0.256s; transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); } /*Use 00 in place of 0 as minification removes the unit of measurement and break the css*/ /* @noflip */ #rotateG_03 { left: 14px; top: 2px; animation-delay: 0.3225s; -o-animation-delay: 0.3225s; -ms-animation-delay: 0.3225s; -webkit-animation-delay: 0.3225s; -moz-animation-delay: 0.3225s; transform: rotate(00deg); -o-transform: rotate(00deg); -ms-transform: rotate(00deg); -webkit-transform: rotate(00deg); -moz-transform: rotate(00deg); } /* @noflip */ #rotateG_04 { right: 4px; top: 5px; animation-delay: 0.389s; -o-animation-delay: 0.389s; -ms-animation-delay: 0.389s; -webkit-animation-delay: 0.389s; -moz-animation-delay: 0.389s; transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); } /* @noflip */ #rotateG_05 { right: 0; top: 15px; animation-delay: 0.4555s; -o-animation-delay: 0.4555s; -ms-animation-delay: 0.4555s; -webkit-animation-delay: 0.4555s; -moz-animation-delay: 0.4555s; transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); } /* @noflip */ #rotateG_06 { right: 4px; bottom: 4px; animation-delay: 0.522s; -o-animation-delay: 0.522s; -ms-animation-delay: 0.522s; -webkit-animation-delay: 0.522s; -moz-animation-delay: 0.522s; transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); } /* @noflip */ #rotateG_07 { bottom: 0; left: 14px; animation-delay: 0.5885s; -o-animation-delay: 0.5885s; -ms-animation-delay: 0.5885s; -webkit-animation-delay: 0.5885s; -moz-animation-delay: 0.5885s; transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); } /* @noflip */ #rotateG_08 { left: 4px; bottom: 4px; animation-delay: 0.645s; -o-animation-delay: 0.645s; -ms-animation-delay: 0.645s; -webkit-animation-delay: 0.645s; -moz-animation-delay: 0.645s; transform: rotate(-135deg); -o-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); } /*Use 00 in place of 0 as minification removes the unit of measurement and break the css*/ /* @noflip */ @keyframes fadeG { 00% { background-color: rgb(0,0,0); } 100% { background-color: rgb(255,255,255); } } /*Use 00 in place of 0 as minification removes the unit of measurement and break the css*/ /* @noflip */ @-o-keyframes fadeG { 00% { background-color: rgb(0,0,0); } 100% { background-color: rgb(255,255,255); } } /*Use 00 in place of 0 as minification removes the unit of measurement and break the css*/ /* @noflip */ @-ms-keyframes fadeG { 00% { background-color: rgb(0,0,0); } 100% { background-color: rgb(255,255,255); } } /*Use 00 in place of 0 as minification removes the unit of measurement and break the css*/ /* @noflip */ @-webkit-keyframes fadeG { 00% { background-color: rgb(0,0,0); } 100% { background-color: rgb(255,255,255); } } /*Use 00 in place of 0 as minification removes the unit of measurement and break the css*/ /* @noflip */ @-moz-keyframes fadeG { 00% { background-color: rgb(0,0,0); } 100% { background-color: rgb(255,255,255); } } /************************************** JQuery Ui Dialog ***************************************/ #dialog-message .iconHolder { margin-right: 5px; } .ui-dialog-buttonset .pop-up-white-button.ui-button:hover { color: white; } /********************************************************* Css for the user certificates control. **********************************************************/ .userCertificateContentArea .contentFileUpload .hidingButton { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; } .userCertificateContentArea div.contentFileUpload { cursor: pointer; position: relative; overflow: hidden; margin: 0px; text-align: center; line-height: 24px; padding-top: 0; padding-bottom: 0; left: 0; width: 80px; } /*************************************************************** used to identify compulsory warnings for explanations. ****************************************************************/ .warningExplanationCompulsory { } .warningExplanation { font-family: 'Open Sans','NotoSans',sans-serif !important; font-size: 0.84rem !important; font-weight: 300; overflow: auto; } .validationWarningUploadColumn { min-width: 170px; } /*************************************************************** Used to style comments counters on the return search results pages. ****************************************************************/ .unresolved-comments-counter { width: 26px; height: 21px; width: 21px; height: 17px; text-align: center; background: url('../images/roundchaticon-1.svg') no-repeat; color: #ffffff; font-size: 0.60rem; font-weight: bold; line-height: 16px; } .unresolved-comments-counter:hover { background: url('../images/roundchaticon-2.svg') no-repeat; } .unresolved-comments-counter-link { line-height: initial !important; } #List TABLE.List TD.col-followed-by-unresolved-comments-counter { border-right: none; padding-right: 0; } #List TABLE.List TD.col-unresolved-comments-counter { border-left: none !important; padding-left: 0; width: 24px; } .dxgvDataRow_Office2010Silver .unresolved-comments-counter { float: right; } #List .ListCentreAligned TD A.unresolved-comments-counter-link:link, #List .ListCentreAligned TD A.unresolved-comments-counter-link:visited, #List .ListCentreAligned TD A.unresolved-comments-counter-link:hover { text-decoration: none !important; } /*************************************************************** Action menu. ****************************************************************/ .action-menu .action-menu-button { background-color: #7C868D; color: white; padding: 8px 25px 8px 15px; border: none; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: 300; background-image: url('../images/arrow-drop-down.svg'); background-repeat: no-repeat; background-position: right center; background-size: 30px 30px; } .action-menu .action-menu-button:hover, .action-menu-button:focus { background-color: #606060; } .action-menu .dropdown { position: relative; display: inline-block; } .action-menu .dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; overflow: auto; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .action-menu .dropdown-content a { color: #606060 !important; padding: 8px 15px 8px 15px; text-decoration: none; display: block; } .action-menu .dropdown-content a:hover { color: #606060 !important; } .action-menu .dropdown-content a.disabled, .action-menu .dropdown-content a.disabled:hover { opacity: .4; } .action-menu .dropdown-content .divider { background-color: #D4D5D5; width: 100%; height: 1px; } .action-menu .dropdown a:hover { background-color: #ddd; } .action-menu .show { display: block; } .action-menu-button-col { width: 22.7%; } .action-menu-button-separator-col { width: 15.95%; } .action-menu-4-button-col { /* the table has 4 action columns */ width: 18.0%; } .action-menu-4-button-separator-col { /* the table has 4 action columns */ width: 9.33%; } /************************************************************************* * START JQUERY COMMENTS****** ******************************************* ************************************************************************/ .jquery-comments * { box-sizing: border-box; text-shadow: none; } .jquery-comments { color: #606060; } .jquery-comments a[href] { color: #2793e6; text-decoration: none; } .jquery-comments a[href]:hover { text-decoration: underline; } .jquery-comments .textarea, .jquery-comments input.comment-ctl, .jquery-comments button.comment-ctl { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; vertical-align: top; border-radius: 0; margin: 0; padding: 0; border: 0; outline: 0; background: rgba(0, 0, 0, 0); } .jquery-comments button.comment-ctl { vertical-align: inherit; } .jquery-comments .tag { color: inherit; font-size: 0.9em; line-height: 1.2em; background: #ddd; border: 1px solid #ccc; padding: 0.05em 0.4em; cursor: pointer; font-weight: normal; border-radius: 1em; transition: all 0.2s linear; } .jquery-comments .tag:hover { text-decoration: none; background-color: #d8edf8; border-color: #2793e6; } .jquery-comments [contentEditable=true]:empty:not(:focus):before { content: attr(data-placeholder); color: #CCC; position: inherit; } .jquery-comments i.fa { width: 1em; height: 1em; background-size: cover; } .jquery-comments i.fa.image:before { content: ""; } .jquery-comments .spinner { font-size: 2em; text-align: center; padding: 0.5em; color: #666; } .jquery-comments ul { list-style: none; padding: 0; margin: 0; } .jquery-comments .profile-picture { float: left; width: 3.6rem; height: 3.6rem; max-width: 50px; max-height: 50px; background-size: cover; background-repeat: no-repeat; background-position: center center; } .jquery-comments i.profile-picture { font-size: 3.4em; text-align: center; } .jquery-comments .profile-picture.round { border-radius: 50%; } .jquery-comments .commenting-field.main { margin-bottom: 0.75em; } .jquery-comments .commenting-field.main .profile-picture { margin-bottom: 1rem; } .jquery-comments .textarea-wrapper { overflow: hidden; padding-left: 0; position: relative; } .jquery-comments .textarea-wrapper .inline-button { cursor: pointer; right: 0; z-index: 10; position: absolute; border: .5em solid rgba(0,0,0,0); box-sizing: content-box; font-size: inherit; overflow: hidden; opacity: 0.5; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .jquery-comments .textarea-wrapper .inline-button:hover { opacity: 1; } .jquery-comments:not(.mobile) .commenting-field-scrollable .textarea-wrapper .inline-button { margin-right: 15px; /* Because of scrollbar */ } .jquery-comments .textarea-wrapper .upload.inline-button i { font-size: 1.3em; } .jquery-comments .textarea-wrapper .upload input { cursor: pointer; position: absolute; top: 0; right: 0; min-width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; } .jquery-comments .textarea-wrapper .close { width: 1em; height: 1em; } .jquery-comments .textarea-wrapper .close span { background: #999; width: 25%; left: 37.5%; height: 100%; position: absolute; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .jquery-comments .textarea-wrapper .close .right { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .jquery-comments .textarea-wrapper .textarea { margin: 0; outline: 0; overflow-y: auto; overflow-x: hidden; cursor: text; border: 1px solid #8C8C8C; background: #FFF; font-size: 1em; line-height: 1.45em; padding: .25em .8em; padding-right: 2em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .jquery-comments:not(.mobile) .commenting-field-scrollable .textarea-wrapper .textarea { padding-right: calc(2em + 15px); /* Because of scrollbar */ } .jquery-comments .textarea-disabled-wrapper:after { border-top-color: #8C8C8C; border-right-color: #8C8C8C; } .jquery-comments .textarea-wrapper .textarea-disabled { background-color: #DEE0E0; } .jquery-comments .textarea-wrapper .control-row > span { float: right; color: #FFF; padding: 0 1em; font-size: 1em; line-height: 1.6em; margin-top: .4em; border: 1px solid rgba(0, 0, 0, 0); opacity: .5; } .jquery-comments .textarea-wrapper .control-row div { float: left; width: 50px; border: 1px solid #000000; margin-top: 2px; margin-right: 2px; text-align: center; cursor: pointer; background-color: #000000; color: #ffffff } .jquery-comments .textarea-wrapper .control-row div.enabled { background-color: #ffffff; color: #000000 } .jquery-comments .textarea-wrapper .control-row > span:not(:first-child) { margin-right: .5em; } .jquery-comments .textarea-wrapper .control-row > span.enabled { opacity: 1; cursor: pointer; } .jquery-comments .textarea-wrapper .control-row > span:not(.enabled) { pointer-events: none; } .jquery-comments .textarea-wrapper .control-row > span.enabled:hover { opacity: .9; } .jquery-comments .textarea-wrapper .control-row > span.upload { position: relative; overflow: hidden; background-color: #999; } .jquery-comments .textarea-wrapper .control-row { margin-top: 15px; } .jquery-comments .textarea-wrapper .control-row button.send, .jquery-comments .textarea-wrapper .control-row button.update { margin-right: 5px; } .jquery-comments .textarea-wrapper .validation-div { width: 100%; margin-top: 5px; } .jquery-comments .textarea-wrapper .validation-div #errorSpan { padding-top: 5px; } .jquery-comments ul.navigation { clear: both; color: #CCC; border-bottom: 2px solid #CCC; line-height: 2em; font-size: 1em; margin-bottom: 0.5em; } .jquery-comments ul.navigation .navigation-wrapper { position: relative; } .jquery-comments ul.navigation li { display: inline-block; position: relative; padding: 0 1em; cursor: pointer; font-weight: bold; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .jquery-comments ul.navigation li.active, .jquery-comments ul.navigation li:hover { color: #000; } .jquery-comments ul.navigation li.active:after { content: " "; display: block; right: 0; height: 2px; background: #000; position: absolute; bottom: -2px; left: 0; } .jquery-comments ul.navigation li[data-sort-key="attachments"] { float: right; } .jquery-comments ul.navigation li[data-sort-key="attachments"] i { margin-right: 0.25em; } .jquery-comments ul.navigation .navigation-wrapper.responsive { display: none; } @media screen and (max-width: 600px) { .jquery-comments ul.navigation .navigation-wrapper { display: none; } .jquery-comments ul.navigation .navigation-wrapper.responsive { display: inline; } } .jquery-comments.responsive ul.navigation .navigation-wrapper { display: none; } .jquery-comments.responsive ul.navigation .navigation-wrapper.responsive { display: inline; } .jquery-comments ul.navigation .navigation-wrapper.responsive li.title { padding: 0 1.5em; } .jquery-comments ul.navigation .navigation-wrapper.responsive li.title header:after { display: inline-block; content: ""; border-left: 0.3em solid rgba(0, 0, 0, 0) !important; border-right: 0.3em solid rgba(0, 0, 0, 0) !important; border-top: 0.4em solid #CCC; margin-left: 0.5em; position: relative; top: -0.1em; } .jquery-comments ul.navigation .navigation-wrapper.responsive li.title.active header:after, .jquery-comments ul.navigation .navigation-wrapper.responsive li.title:hover header:after { border-top-color: #000; } .jquery-comments ul.dropdown { display: none; position: absolute; background: #FFF; z-index: 99; line-height: 1.2em; border: 1px solid #CCC; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -ms-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .jquery-comments ul.dropdown.autocomplete { margin-top: 0.25em; } .jquery-comments ul.dropdown li { display: block; white-space: nowrap; clear: both; padding: 0.6em; font-weight: normal; cursor: pointer; } .jquery-comments ul.dropdown li.active { background: #EEE; } .jquery-comments ul.dropdown li a { display: block; text-decoration: none; color: inherit; } .jquery-comments ul.dropdown li .profile-picture { float: left; width: 2.4em; height: 2.4em; margin-right: 0.5em; } .jquery-comments ul.dropdown li .details { display: inline-block; } .jquery-comments ul.dropdown li .name { font-weight: bold; } .jquery-comments ul.dropdown li .details.no-email { line-height: 2.4em; } .jquery-comments ul.dropdown li .email { color: #999; font-size: 0.95em; margin-top: 0.1em; } .jquery-comments ul.navigation .navigation-wrapper.responsive ul.dropdown { left: 0; width: 100%; } .jquery-comments ul.navigation .navigation-wrapper.responsive ul.dropdown li { color: #000; } .jquery-comments ul.navigation .navigation-wrapper.responsive ul.dropdown li.active { color: #FFF; } .jquery-comments ul.navigation .navigation-wrapper.responsive ul.dropdown li:hover:not(.active) { background: #F5F5F5; } .jquery-comments ul.navigation .navigation-wrapper.responsive ul.dropdown li:after { display: none; } .jquery-comments .no-data { display: none; margin: 1em; text-align: center; font-size: 1.5em; color: #CCC; } .jquery-comments ul.main:empty ~ .no-comments { display: inherit; } .jquery-comments ul#attachment-list:empty ~ .no-attachments { display: inherit; } .jquery-comments ul.main li.comment { clear: both; } .jquery-comments ul.main li.comment .comment-wrapper-inner, .jquery-comments ul.main li.toggle-all, .jquery-comments ul.main li.comment .commenting-field { padding: .5em; } .jquery-comments ul.main li.comment .comment-wrapper { border-top: 1px solid #DDD; overflow: hidden; position: relative; } .jquery-comments ul.main li.comment .comment-wrapper > .profile-picture { margin-right: 1rem; } .jquery-comments ul.main li.comment time { float: right; line-height: 1.4em; margin-left: .5em; font-size: 0.8em; color: #666; } .jquery-comments ul.main li.comment .name { line-height: 1.4em; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 5px; } .jquery-comments ul.main li.comment .name a { color: inherit; } .jquery-comments ul.main li.comment .name .reply-to { color: #999; font-size: .8em; font-weight: normal; vertical-align: top; } .jquery-comments ul.main li.comment .name .reply-to i { margin-left: .5em; margin-right: .25em; } .jquery-comments ul.main li.comment .name .new { margin-left: .5em; background: #2793e6; font-size: 0.8em; padding: 0.2em 0.6em; color: #fff; font-weight: normal; border-radius: 1em; vertical-align: bottom; } .jquery-comments ul.main li.comment .commenting-field .name { margin-bottom: 10px; } .jquery-comments ul.main li.comment .wrapper { line-height: 1.4em; overflow: hidden; } .jquery-comments.mobile ul.main li.comment .child-comments li.comment .wrapper { overflow: visible; } /* Content */ .jquery-comments ul.main li.comment .wrapper .content { white-space: pre-line; word-break: break-word; margin-top: 10px; padding-left: 10px; } .jquery-comments ul.main li.comment .wrapper .content a.attachment i { margin-right: 0.5em; } .jquery-comments ul.main li.comment .wrapper .content a.attachment > * { max-width: 100%; max-height: 200px; width: auto; height: auto; margin-top: .25em; margin-bottom: .25em; } .jquery-comments ul.main li.comment .wrapper .content time.edited { float: inherit; margin: 0; font-size: .9em; font-style: italic; color: #999; } .jquery-comments ul.main li.comment .wrapper .content time.edited:before { content: " - "; } /* Actions */ .jquery-comments.mobile ul.main li.comment .actions { font-size: 1em; } .jquery-comments ul.main li.comment .actions > * { color: #688A9D; font-weight: bold; } .jquery-comments ul.main li.comment .actions .action { display: inline-block; cursor: pointer; margin-left: 1em; margin-right: 1em; line-height: 1.5em; font-size: 0.9em; } .jquery-comments ul.main li.comment .actions .action:first-child { margin-left: 0; margin-right: 0; } .jquery-comments ul.main li.comment .actions .action.upvote { cursor: inherit; } .jquery-comments ul.main li.comment .actions .action.upvote .upvote-count { margin-right: .5em; } .jquery-comments ul.main li.comment .actions .action.upvote .upvote-count:empty { display: none; } .jquery-comments ul.main li.comment .actions .action.upvote i { cursor: pointer; } .jquery-comments ul.main li.comment .actions .action.delete { opacity: 0.5; pointer-events: none; } .jquery-comments ul.main li.comment .actions .action.delete.enabled { opacity: 1; pointer-events: auto; } .jquery-comments ul#attachment-list li.comment .actions .action:not(.delete) { display: none; } .jquery-comments ul#attachment-list li.comment .actions .action.delete { margin: 0; } .jquery-comments ul#attachment-list li.comment .actions .separator { display: none; } /* Child comments */ .jquery-comments ul.main li.comment .child-comments > *:before { /* Margin for second level content */ content: ""; height: 1px; float: left; width: 50px; } .jquery-comments ul.main li.comment .child-comments .profile-picture { width: 2.4rem; height: 2.4rem; } .jquery-comments ul.main li.comment .child-comments i.profile-picture { font-size: 2.4em; } .jquery-comments ul.main li.comment .child-comments li.toggle-all { padding-top: 0; } .jquery-comments ul.main li.comment .child-comments li.toggle-all span:first-child .edit-user-details-page .toggle-all { vertical-align: middle; } .jquery-comments ul.main li.comment .child-comments li.toggle-all span:first-child:hover, .edit-user-details-page .toggle-all:hover { cursor: pointer; text-decoration: underline; } .jquery-comments ul.main li.comment .child-comments li.toggle-all .caret, .edit-user-details-page .caret { display: inline-block; vertical-align: middle; width: 0; height: 0; margin-left: .5em; border: .3em solid; margin-top: .35em; border-left-color: rgba(0, 0, 0, 0); border-bottom-color: rgba(0, 0, 0, 0); border-right-color: rgba(0, 0, 0, 0); } .jquery-comments ul.main li.comment .child-comments li.toggle-all .caret.up, .edit-user-details-page .caret.up { border-top-color: rgba(0, 0, 0, 0); border-bottom-color: inherit; margin-top: -.2em; } .jquery-comments ul.main li.comment .child-comments .togglable-reply { display: none; } .jquery-comments ul.main li.comment .child-comments .visible { display: inherit; } .jquery-comments ul.main li.comment.hidden { display: none; } /* Editing comment */ .jquery-comments ul.main li.comment.edit > .comment-wrapper > *:not(.commenting-field) { display: none; } .jquery-comments ul.main li.comment.edit > .comment-wrapper .commenting-field { padding-left: 5px; background-color: #ffffff; border-bottom: 1px solid #E8E9EB; border-top: 1px solid #E8E9EB; border-right: 1px solid #E8E9EB; } .jquery-comments ul.main li.comment.edit > .comment-wrapper .commenting-field .textarea-wrapper { padding-left: 5px; } div#content .jquery-comments ul.main li.comment.edit > .comment-wrapper .commenting-field div.workArea { background-color: #ffffff; } /* Drag & drop attachments */ .jquery-comments.drag-ongoing { overflow-y: hidden !important; } .jquery-comments .droppable-overlay { display: table; position: fixed; z-index: 99; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) } .jquery-comments .droppable-overlay .droppable-container { display: table-cell; vertical-align: middle; text-align: center; } .jquery-comments .droppable-overlay .droppable-container .droppable { background: #FFF; color: #CCC; padding: 6em; } .jquery-comments .droppable-overlay .droppable-container .droppable.drag-over { color: #999; } .jquery-comments .droppable-overlay .droppable-container .droppable i { margin-bottom: 5px; } /* Read-only mode */ .jquery-comments.read-only .commenting-field { display: none; } .jquery-comments.read-only .actions { display: none; } .comments-container .fa-user:before { content: none; } /* VIZOR OVERRIDES */ .jquery-comments .profile-picture { width: 0; } .jquery-comments .fa-user:before { content: none; } .jquery-comments i.fa { width: 0; } .jquery-comments ul.main li.comment { border-top: 5px solid #f4f7fc; } .jquery-comments ul.main li.comment .comment-wrapper { border: none; border-left: 5px solid #B1002E; } .jquery-comments ul.main li.comment .comment-wrapper-inner { border-bottom: 1px solid #E8E9EB; border-top: 1px solid #E8E9EB; border-right: 1px solid #E8E9EB; background-color: #ffffff; } .jquery-comments ul.main li.comment .portal-comment-wrapper { border-color: #F2702A; } .jquery-comments ul.main li.comment .non-user-comment-wrapper { border-color: #68899D; } .jquery-comments ul.main li.comment .non-user-comment-wrapper .comment-wrapper-inner { background-color: #DEE0E0; } .jquery-comments ul.main li.comment .resolved-comment-wrapper { border-color: #606060; } .jquery-comments ul.main li.comment .resolved-comment-wrapper .comment-wrapper-inner { background-color: #DEE0E0; } .jquery-comments ul.main li.comment .actions { float: right; } .jquery-comments ul.main li.comment .panel-bottom-left { float: left; margin-top: 10px; padding-left: 10px; word-break: break-word; } .jquery-comments ul.main li.comment .mid-section { margin-top: 10px; padding-left: 10px; word-break: break-word; } .jquery-comments ul.main li.comment .panel-bottom-left .bottom-row span { float: left; } .jquery-comments ul.main li.comment .panel-bottom-left .bottom-row div.partial-edit-button { width: 20px; height: 20px; float: left; background-repeat: none; background-size: 100% 100%; margin-right: 5px; cursor: pointer; background-image: url('../Images/comments_baseline_edit_black_48dp.png'); } .jquery-comments ul.main li.comment .panel-bottom-left .notified-users-container { margin-bottom: 15px; } .jquery-comments ul.main li.comment .panel-bottom-left .notified-users-label { font-weight: bolder; } .jquery-comments ul.main li.comment .wrapper .due-date { background-image: url('../Images/comment-due-date.png'); width: 54px; height: 20px; background-repeat: no-repeat; margin-right: 2px; padding-left: 24px; background-position: left; } .jquery-comments ul.main li.comment .wrapper .due-date-value { margin-right: 5px; } .jquery-comments ul.main li.comment .wrapper .due-date-value-overdue { color: #F2702A; } .jquery-comments .due-date-input-container { padding-top: 5px; } .jquery-comments .show-on-portal-input-container { padding-top: 10px; } div#content .jquery-comments div.workArea, div#contentTable .jquery-comments div.workArea { padding: 0; min-height: 0; } .jquery-comments .additional-info-input-container { margin-top: 10px; } .jquery-comments .due-date-input-label { float: left; margin-right: 5px; } .jquery-comments .comment-wrapper .additional-info-container .additional-info-header { font-weight: bold; } .jquery-comments .comment-wrapper .attachment-container { margin-bottom: 15px; } .jquery-comments .comment-wrapper .approval-status-container { margin-top: 10px; margin-left: 10px; } .jquery-comments .comment-wrapper .approval-status-container .approval-status-label { font-weight: bolder; } .jquery-comments .hide-on-portal-input-container { padding-top: 5px; } .jquery-comments input.hide-on-portal-input { -webkit-appearance: checkbox; -moz-appearance: checkbox; -ms-appearance: checkbox; appearance: checkbox; } .jquery-comments .icon-menu { float: right; } .jquery-comments .icon-menu div { width: 20px; height: 20px; float: left; background-repeat: none; background-size: 100% 100%; margin-right: 5px; cursor: pointer; } .jquery-comments .icon-menu div.notify-button { background-image: url('../Images/NotifyGrey.svg') } .jquery-comments .comment-list-enabled .icon-menu-enabled div.notify-button:hover { background-image: url('../Images/NotifyOrange.svg') } .jquery-comments .icon-menu div.delete-button { background-image: url('../Images/DeleteGrey.svg') } .jquery-comments .comment-list-enabled .icon-menu-enabled div.delete-button:hover { background-image: url('../Images/DeleteOrange.svg') } .jquery-comments .icon-menu div.edit-button { background-image: url('../Images/EditGrey.svg') } .jquery-comments .comment-list-enabled .icon-menu-enabled div.edit-button:hover { background-image: url('../Images/EditOrange.svg') } .jquery-comments .icon-menu div.public-comment-indicator { background-image: url('../Images/VisibilityGrey.svg'); cursor: default; } .jquery-comments .comment-list-enabled .icon-menu-enabled div.public-comment-indicator:hover { background-image: url('../Images/VisibilityOrange.svg'); cursor: default; } span.comment-icon-alert, span.comment-icon-circle-close { margin-top: 2px !important; } .jquery-comments .attachments-container { clear: both; display: block; position: relative; margin-top: 5px; } .jquery-comments .no-file-chosen-label { padding-top: 5px; } .jquery-comments .remove-upload-button { background-image: url('../Images/remove.png'); cursor: pointer; width: 16px; height: 16px; } .jquery-comments .insert-date-value, .jquery-comments .updated-date-value { font-weight: normal } .jquery-comments .updated-date-value { font-weight: normal } .calendar { z-index: 9999999 } .ui-autocomplete { z-index: 99999999 !important; } .file-upload-spinner { width: 34px; height: 42px; margin: 0 0 0 5px; position: relative; float: left; } .uploading-container { clear: both; } .jquery-comments .comment-wrapper .actions { bottom: 8px; background-color: transparent; margin-left: 20%; margin-right: 1%; padding-top: 10px; position: absolute; right: 0; } .jquery-comments .comment-wrapper .action { float: right; } .jquery-comments .attachment-container { background-image: url('../Images/comments_paperclip.png'); background-position: left center; background-repeat: no-repeat; background-size: 20px 20px; background-position-x: -5px; padding-left: 13px; } .jquery-comments .actions a:hover, .jquery-comments .attachment-container a:hover { text-decoration: underline !important; } .jquery-comments .section-header { font-weight: bold; margin-bottom: 10px; } .jquery-comments #comment-list li.edit .commenting-field .attachments-container .success-container .success-file-name, .jquery-comments #comment-list li.edit .commenting-field .attachments-container .existing-container .existing-file-name, .jquery-comments #comment-list li.edit .commenting-field .attachments-container .error-container .error-file-name { background-image: url('../Images/attachments-paperclip-on-white.png'); } .reopen-comment-work-area .descriptionText { margin-bottom: 10px; } .reopen-comment-work-area { height: 75px; } div#popup .comment-notify-dialog div.leftColumn { width: 330px; } div#popup .comment-notify-dialog div.rightColumn { width: 200px; } div#popup .comment-notify-dialog div.validation-div { width: 100%; margin-top: 10px; } div#popup .comment-notify-dialog .sectionDescriptionText { font-weight: bold; margin-top: 10px; margin-bottom: 10px; } /************************************************************************* * START ATTACHMENTS CONTAINER ******************************************* ************************************************************************/ .attachments-container .falseinput { margin-right: 5px; } .attachments-container .success-container, .attachments-container .existing-container, .attachments-container .error-container { word-break: break-word; } .attachments-container .success-container .success-file-name, .attachments-container .existing-container .existing-file-name, .attachments-container .error-container .error-file-name { float: left; background-image: url('../Images/attachments-paperclip.png'); background-position: left top; background-repeat: no-repeat; background-size: 20px 20px; background-position-x: -5px; padding-left: 15px; line-height: 20px; } .attachments-container .success-container .success-message, .attachments-container .error-container .error-detail { clear: both; padding-top: 10px; } .attachments-container .uploading-container .file-upload-spinner { float: left; } .attachments-container .uploading-container .uploading-detail { float: left; margin: 10px 0 0 15px; } .attachments-container .success-container .remove-upload-button, .attachments-container .existing-container .remove-upload-button, .attachments-container .error-container .remove-upload-button { float: left; margin-left: 5px; } /************************************************************************* * END ATTACHMENTS CONTAINER ********************************************* ************************************************************************/ /************************************************************************* * START COMMENTS ACTION MENU ******************************************* *************************************************************************/ .comments-action-menu { width: 100%; clear: both; margin-bottom: 10px; } .comments-action-menu .action-menu { float: right; } /************************************************************************* * END COMMENTS ACTION MENU ********************************************** ************************************************************************/ /************************************************************************ * jQuery Dialog (override) ***********************************************************************/ .ui-widget-header { border: 1px solid #c5c5c5 !important; background: #ededed !important; font-weight: 700 !important; font-family: 'Open Sans'; } .ui-button .ui-icon div:not(#languages) { background-image: url("../Images/Dialog-close.svg") !important; background-position: 30% 30%; } .ui-widget-header .ui-icon { background-image: url("../Images/Dialog-close.svg") !important; background-position: 30% 30%; } .ui-widget-header .ui-icon:hover { background: #606060 !important; background-image: url("../Images/Dialog-close-hover.svg") !important; } .ui-widget-header .ui-dialog-titlebar-close { background-image: url("../Images/Dialog-close.svg") !important; background-position: 30% 30%; border: 1px solid #C5C5C5; border-radius: 3px; } .ui-widget-header .ui-dialog-titlebar-close:hover { background: #606060 !important; background-image: url("../Images/Dialog-close-hover.svg") !important; } div.ui-dialog-buttonset > button.button, div.ui-dialog-buttonset > button.ui-button-text-only .ui-button-text { padding: 0 0px; } a.ui-dialog-titlebar-close > span.ui-icon { margin: 1px; } .ui-icon-margin { margin: 1px !important; } .ui-button:hover div:not(#languages) .ui-icon, .ui-button:focus div:not(#languages) .ui-icon { background: #606060 !important; background-image: url("../Images/Dialog-close-hover.svg") !important; margin: -9px; } /************************************************************************ * END jQuery Dialog (override) ***********************************************************************/ /********************************************************* Secondary button **********************************************************/ .secondarybutton, div.ui-dialog-buttonset > button.secondarybutton { background-color: #EFF0F4; border: 1px solid #ABB8C5; color: #606060; font-size: .8rem; border-radius: 3px; width: 80px !important; height: 30px; margin-top: 5px; padding-bottom: 1px; } div.ui-dialog-buttonset > button.secondarybutton { margin-top: 9px; } .secondarybutton:hover { background-color: #D7DCE4 !important; } button[type="button"].secondarybutton:hover { background-color: #D7DCE4 !important; } .small { width: 66px !important; height: 25px; } /********************************************************* End Secondary button **********************************************************/ /************************************************************************* FIXED MARGINS ************************************************************ *************************************************************************/ .margin-bottom-0 { margin-bottom: 0px !important; } .margin-bottom-15 { margin-bottom: 15px !important; } .margin-top-25 { margin-top: 25px !important; } /************************************************************************* END FIXED MARGINS ******************************************************** *************************************************************************/ /********************************************************************************* Tooltips for Formsets on View Return page **********************************************************************************/ div.tooltip-container { position: relative; } div.tooltip-container a { text-decoration: none; color: black; font-weight: normal; } div.tooltip-container a span { visibility: hidden; position: absolute; top: -1.5px; background: #ffffff; font-size: 0.8em; padding: 3px; cursor: default; line-height: 1.4; max-height: 25px; z-index: 1; border: 1px solid black; color: black; } div.tooltip-container a span.form { width: 170px; } div.tooltip-container a span.right { right: 30px; width: 60px; } div.tooltip-container a:hover span { visibility: visible; } div.tooltip-container a span.tooltip-span-widened { width:120px; } div#formSetsContainer div.formsetHeader span.tooltip-span-widened { background: #fff; } .tooltip-icon { vertical-align: middle !important; padding-top: 0px !important; } /********************************************************************************* End Tooltips for Formsets on View Return page **********************************************************************************/ /********************************************************************************* Styles for Actions section on View Return page **********************************************************************************/ div.leftColumnActions { float: left; width: 80%; } div.rightColumnActions { float: left; width: 18%; text-align: right; margin: auto; font-size: 11px; } .errors-count { position: absolute; background-color: #DC3545; border-radius: 10px; margin-left: 44px; height: 15px; } .problems-count-1-digit { width: 15px; } .problems-count-2-digit { width: 20px; } .problems-count-3-digit { width: 25px; } .problems-count-4-digit { width: 30px; } .problems-count-5-digit { width: 35px; } .warnings { background-color: #E8A507; } .textErrorCount { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 9px; font-weight: 600; color: white; } [dir=rtl] .textErrorCount { position: absolute; top: 50%; left: 50%; transform: translate(50%, -50%); font-size: 9px; font-weight: 600; color: white; } table.ContentList td { width: 80px; } /********************************************************************************* End Styles for Actions section on View Return page **********************************************************************************/ /********************************************************************************* Height for leftColumn & rightColumn. Should be at the very bottom of the file **********************************************************************************/ .minHeight { height: 1px; min-height: 1px !important; } /********************************************************* End Height for leftColumn & rightColumn **********************************************************/ /********************************************************* Browse button **********************************************************/ .contentFileUpload, .browse-button { font-size: 0.8rem !important; font-family: 'Open Sans' !important; font-weight: 400 !important; color: #606060; background-color: #f6f6f6; border: 1px solid #c5c5c5; border-radius: 3px; height: 23px; margin-right: 5px; } .browse-button:hover { background-color: #ededed; } /********************************************************* End Browse button **********************************************************/ /********************************************************************************* Style for status image **********************************************************************************/ .versionStateImage img { margin-bottom: -2px; } /********************************************************* End Style for status image **********************************************************/ /********************************************************* Begin of Text Truncate **********************************************************/ .truncateText1000 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; overflow: hidden; } /********************************************************* End of Text Truncate **********************************************************/ /********************************************************* CSS styles for validation warning text area **********************************************************/ .validationWarningUploadColumn .ui-wrapper { min-width: 165px; min-height: 28px; max-Width: 435px; } /********************************************************* Accordion Styling **********************************************************/ .ui-accordion-expanded-body { padding: 20px; border-color: #7C868D; border-style: solid; border-width: 2px; margin-top: -20px; text-align: left; border-radius: 3px 3px 3px 3px; } .ui-accordion-expand-header-label { color: white; width: 800px; padding: 10px; text-align: left; border-radius: 3px 0px 0px 3px; background-color: #7C868D; } .ui-accordion-expand-header-arrow { color: white; width: 800px; padding: 10px; text-align: right; border-radius: 0px 3px 3px 0px; background-color: #7C868D; } .ui-accordion-collapse-header-label { color: white; width: 800px; padding: 10px; text-align: left; border-radius: 3px 0px 0px 3px; background-color: #7C868D !important; } .ui-accordion-collapse-header-arrow { color: white; width: 800px; padding: 10px; text-align: right; border-radius: 0px 3px 3px 0px; background-color: #7C868D !important; }