*/
border-top:1px solid #808080 !important;
}
.dotted { /* using
*/
border-top:1px dotted #808080 !important;
}
.hline.grey, .dotted.grey {
border-color: var(--ltgrey-color) !important;
}
.code, .scripts, #scripts {
display:none !important;
visibility:hidden !important;
}
.landingitem {
font-size: 16px; font-weight: bold;
padding:5px;
}
.landingitem a:hover {
color:#4986FF;
}
.circlehead {
color:#164476; cursor:default !important;
font-size:18px; font-weight:bold;
display:block; padding:3px 2px 10px;
clear:both; position:relative;
letter-spacing:0.5pt;
line-height:25px;
}
.mandatory, .mandinfo, .placeholder {
color:#CC3333; cursor:help;
position:relative; display:inline-block;
font-size:12px; font-weight:bold;
text-align:center; text-decoration:none;
margin:auto 5px; padding:0px;
}
.mandatory {
color:#FF0000 !important;
}
.mandinfo {
color:#8A0808;
}
.placeholder {
color: var(--ltgrey-color) !important;
font-style:oblique;
}
/* progress div */
.placeholder_container {
display:block; position:relative;
}
.placeholder_img {
background:url("/images/img_loading.gif") center center no-repeat scroll transparent !important;
display:block; text-align:center;
height:250px; margin:auto;
z-index:99;
}
/* rowhi - Row Highlight on mouseover/mouseout events */
.rowhi {}
.rowhi:hover {
background-color:#FBFBEF !important;
}
.rowhia {}
.rowhia:not(.ineligible), .rowhia:not(.disabled) {
background-color:#FBFBEF !important;
}
.rowhist {}
.rowhi-stay {
background-color:#FBFBEF !important;
}
/*######################################*/
/** Icons and Buttons Group:
*######################################*/
.icons, .iconx, .icon0, .icons2, .icons3,
.icona, .iconsa, .iconb, .iconsb, .icont, .iconst,
.ibutton, .ibutton0, .ibutton1, .ibutton2,
.help_icon, .statusicon,
.icons_new, .icont_new, .iconn, .iconnt, .icons-new, .icont-new {
background: url("/images/icons.png") no-repeat scroll 0 0 transparent; /* default - help ? icon with grey bg */
border:0px none transparent; /*border: 1px solid #A4A4A4;*/
border-radius:5px;
color: var(--plainwhite-color); cursor:pointer;
position:relative; display:inline-block;
margin:auto 5px; padding:0px;
height:15px; width:14px;
font-size:0px; font-weight:600;
line-height:1px; vertical-align:middle;
text-align:center; text-decoration:none;
z-index:inherit;
}
.help_icon {
background-position: -95px -86px;
}
.iconx { /* Used for txt icons */
background: none var(--plainwhite-color);
color: var(--plainblack-color);
font-size:11px; line-height:12px;
}
.icon0 { /* for new 33x33 icons */
background:none 0 0 no-repeat transparent; /* unset */
background-size:18px auto;
width:18px; height:18px;
border:0 none; border-radius:0;
}
.iconnf {
float:none !important;
clear:both !important;
}
.help_icon {
background-color:var(--medgrey-color);
}
.icons_new, .iconn, .icons-new {
/*background:url("/images/icons-new.png") no-repeat scroll -95px -86px transparent;*/
}
/* All below icons/buttons should use one of the above classes as parent class in addition to their own class */
/* Using icons.png */
.help_icon, .info_icon, .alert_icon, .icons3 {
cursor:help;
}
.icons2, .icons3 {
width:18px; height:17px;
font-size:11px; font-weight:bold;
line-height:15px;
}
.icons2 {
background:none var(--medgrey-color) !important;
}
.icons3 {
background:none #DF7401 !important;
}
.icona, .iconsa {
background:none #FF3366 !important;
color: var(--plainwhite-color) !important;
font-size:10px; line-height:14px;
}
.iconb, .iconsb {
border: 1px solid var(--ltgrey-color) !important;
}
.icont, .iconst,
.icont-new, .icont_new, .iconnt {
background-color:transparent !important;
}
.green_circle {
/*background-color: rgba(0, 0, 0, 0) !important;*/
background-color:transparent !important;
background-position: -39px -87px !important;
}
.grey_circle, .gray_circle {
background-color:transparent !important;
background-position:-11px -87px !important;
cursor:default;
}
.cross_icon { /* Use with .iconx or .icon0 or .icons */
}
.del_cross_icon {
background-position:-99px -393px !important;
width:12px; height:12px;
}
.dd {
background-position:-36px -126px;
background-color: var(--plainwhite-color);
}
.cb0, .cb1, .cbx, .cbx0 {
background-color: var(--plainwhite-color);
background-position:-328px -166px; /*-- when used with /images/icons.png */
border: 0.5px goove var(--medgrey-color);
border-radius:3px;
width:20px; height:20px;
}
.cb1 {
background-position:-292px -166px;
}
.cbx { /* Using orange box with white X icon from icons.png */
background-position:-233px -122px;
}
.cbx0 { /* Using an empty box from .cb0 with text "X" or "+" */
font-size:12px; font-weight:200;
}
.cbx0, .cbx0.disabled {
color: red !important;
}
.ignorecb0, .ignorecb1 {
background-position:-77px -393px;
width:10px; height:10px;
}
.ignorecb1 {
background-position:-100px -394px;
}
.greydown, .greydownsm {
background-color:transparent; /*rgba(0, 0, 0, 0);*/
background-position:-38px -125px;
}
.greyside {
background-color:transparent;
background-position:-80px -125px;
}
.whitedown {
color: var(--plainwhite-color);
background-position:-278px -392px;
}
.whiteright {
color: var(--plainwhite-color);
background-position:-260px -392px;
}
.orangedown {
background-position:-14px -125px;
}
.orangeside {
background-position:-58px -125px;
}
.statusicon {
background-color:transparent !important;
background-position:-163px -391px !important;
width: 11px !important; margin: auto 2px !important;
cursor:default;
}
.statusnone {
background-position:-163px -391px !important;
}
.statusred {
background-position:-187px -391px !important;
}
.statusyellow {
background-position:-211px -391px !important;
}
.statusgreen {
background-position:-236px -391px !important;
}
.delta_red, .delta_black {
background-position:-281px -86px;
cursor:default !important;
}
.delta_red {
background-position:-257px -86px;
}
.left_arrow, .right_arrow {
width:7px !important; height:15px !important;
padding:0px !important; margin:0px !important;
}
.left_arrow {
background-position:-104px -123px !important;
}
.right_arrow {
background-position:-138px -123px !important;
}
.grey_line {
background-position:-114px -124px !important;
background-repeat:repeat-x;
}
.black_dot {
background-position:-295px -391px !important;
}
.shared_icon {
background-position:-235px -391px !important;
background-color:transparent !important;
}
/* Using icons-new.png or their OWN *.svg files, use in combination with: .icons or .icont or .icons_new or .icons-new */
.icons_new, .icons-new, .iconn {
/* --- when using Individual *.svg icon files --- */
background: none no-repeat scroll center center transparent;
background-size:25px auto;
/* --- when using *.png icons library ---* /
background: url("/images/Not-Applicable/icons_library.png") no-repeat scroll 0 0 transparent; */
height:27px; width:27px;
}
.icont, .iconst { /* same as .icons_new, but smaller size */
/* clear any previously set image when using individual *.svg files and reset any position and size */
background: none no-repeat scroll center center transparent;
background-size:18px auto;
width:20px; height:20px;
/* --- when using *.png icons library ---*/
}
.alert_icon { /* can be used with .icons-new or .icont, depending on size requirements */
background-image: url("/images/Not-Applicable/importantmessage.png");
background-size:6px auto;
/* --- when using *.png `icons` library, use ---* /
background-position: -75px -150px; */
}
.info_icon, .alert_grey { /* use with .icont */
background-image: url("/images/client/info.png"); /*-- when used with .icons_new or .icons-new */
background-position: initial; background-size: initial;
/* --- when using *.png icons library ---* /
background-position: -112px -150px;*/
/*background-position:-125px -86px; -- when used with /images/icons.png */
}
.ind_icon {
background-image:url("/images/icons/icons_ind.png");
}
.user_icon {
background:url("/images/icons/user_icon-white3.png") no-repeat scroll 0 0 transparent;
background-size:27px auto;
border:0 none transparent;
border-radius:50%;
}
.dropdown_white, .dropup_white {
background: url("/images/dropdownwhite.png") center center scroll no-repeat transparent;
width:8px; height:8px;
}
.dropup_white {
background-image: url("/images/dropupwhite.png");
}
.link-arrow { /* Forward facing arrow - use with .icons or .icont */
background-image:url("/images/Not-Applicable/goto_thin.png");
background-size:20px auto;
width:25px; height:25px;
}
.link-arrow-rev { /* Backward facing arrow '←' - use with .icons-new or .icont-new */
color:var(--grey-border2);
background: none transparent !important;
background-size:auto auto;
font-size:25px; font-weight:bold;
width:27px; height:27px;
line-height:20px;
}
.calendar_sel { /* Not working as expected */
background-image: url("/images/Not-Applicable/calendar.svg");
width: 60px !important;
}
/* Using Its Own (Text) OR No Image, in combination with: .icont or .icons-new or .icons_new */
.close {
background: none transparent;
color: var(--plainblack-color) !important;
position:absolute; display:block;
clear:both; float:none !important;
margin:4px; padding-bottom:2px;
width:12px; height:12px;
right:2px; top:4px;
cursor:pointer; font-weight:bold;
line-height:14px; text-align:center !important;
z-index:99;
}
.xclose {
background:none transparent !important;
border:0px none transparent !important;
float:right !important; font-size:14px !important;
position:relative !important; display:inline-block !important;
cursor:pointer; /*text-decoration:underline;*/
height:15px !important; width:15px !important;
line-height:15px !important; font-weight:bold !important;
right:0px; top:0px;
padding:0px; margin:0px; /*padding:5px;*/
z-index:99;
}
.menu_icon {
background-image:url("/images/client/globalmenu_black.png");
background-position: 1px 8px;
}
.logout_icon, .logoutb_icon {
background: none no-repeat scroll 0 0 transparent;
}
.logout_icon {
background-image:url("/images/client/logout_white.png");
}
.logoutb_icon {
background-image:url("/images/client/logout_black.png");
}
.trueview_icon {
background-position:-255px -168px;
}
.chgw_icon {
background-image:url("/images/Not-Applicable/viewworkas.png");
}
.chgr_icon {
background-image:url("/images/Not-Applicable/viewworkas_active.png");
}
.filtw_icon { /* use with .icons-new */
background-image:url("/images/Not-Applicable/globalfilter.png");
/*background-image:url("/images/icon_globalfilter_orange.png");*/
}
.filto_icon {
background-image:url("/images/Not-Applicable/globalfilter_active.png");
}
.settings_icon {
background-image:url("/images/client/settings_white.png");
}
.settings_icon2 {
background-image:url("/images/client/settings_black.png");
background-size:17px auto;
background-color:transparent;
}
.timeperiod_icon {
background:url("/images/client/timeperiod.png") no-repeat scroll center center transparent;
width:27px; height:27px;
}
.settings_icon_menu {
/*background:url("/images/menu-icon.png") no-repeat scroll center center transparent;*/
background:url("/images/client/adminmenu_white.png") no-repeat scroll center center transparent;
background-size:18px auto;
}
.right-carret, .down-carret {
background:url("/images/new/GreyDownCaretSmall.png") center center no-repeat scroll transparent !important;
}
.down-carret {
background-image:url("/images/new/GreyRightFacingCaret.png") !important;
}
.reset_icon {
background:url("/images/reset.png") no-repeat scroll 0 0 transparent !important;
}
.secbara-caret, .secbara > .secbar-caret {
background-image:url("/images/new/SectCaretOpen.png") !important;
}
.expand_all, .collapse_all {
background:url("/images/new/OpenAllRows.png") 0px 0px no-repeat scroll transparent;
width:22px; height:22px;
}
.collapse_all {
background-image:url("/images/new/CloseAllRows.png");
}
.pop_icon {
background:url("/images/new/PopOutWindowCommentIcon.png") 0px 1px no-repeat scroll transparent;
width:14px; height:14px;
}
.caret_down {
background:url("/images/new/GreyDownCaretSmall.png") 0px 2px scroll no-repeat transparent !important;
}
.secbar-caret, .secbara-caret, .secbar > .secbar-caret {
background:url("/images/new/SectCaretClose.png") 0px -3px scroll no-repeat transparent !important;
}
.switch0, .switch1 {
background:url("/images/new/SwitchOff.png") no-repeat scroll center center transparent;
border:1px solid #BDBDBD !important;
border-radius:15px !important;
width:39px; height:18px;
}
.switch1 {
background-image:url("/images/new/SwitchOn.png");
}
.trash_icon {
background:url("/images/trash.png") no-repeat scroll 0 0 transparent !important;
}
.del_img, .del_icon {
background-image:url("/images/Not-Applicable/delete.png");
}
.downw_icon, .downb_icon {
background:url("/images/icons/icons_download_white.png") 0 0 no-repeat scroll transparent;
height:18px; width:18px;
}
.downb_icon {
background-image:url("/images/icons/icons_download_black.png");
}
/* for below icons....use with .icont */
.download_icon {
background-image:url("/images/client/download.png");
height:21px;
}
.upload_icon {
background-image:url("/images/client/upload.png");
}
.filtabw_icon {
background-image:url("/images/Not-Applicable/tablefilter.png");
}
.filtabo_icon {
background-image:url("/images/Not-Applicable/tablefilter_active.png");
}
.sortabw_icon {
background-image:url("/images/Not-Applicable/tablesorting.png");
}
.sortabo_icon {
background-image:url("/images/Not-Applicable/tablesorting_active.png");
}
.coldispw_icon {
background-image:url("/images/Not-Applicable/tablecolumndisplay.png");
}
.coldispo_icon {
background-image:url("/images/Not-Applicable/tablecolumndisplay_active.png");
}
.expand_icon {
/*background-image:url("/images/Not-Applicable/expandfield.svg");*/
background-image:url("/images/Not-Applicable/expandfield.png");
}
.contract_icon {
/*background-image:url("/images/Not-Applicable/contractfield.svg");*/
background-image:url("/images/Not-Applicable/contractfield.png");
}
.plus_icon { /* text '+' =~ '+', use with .icont */
background:none;
color: var(--blue-color);
font-size: 18px; line-height:18px;
}
.circle_icon { /* use with .icons or .icont */
background:none transparent;
border:1px solid var(--lowgrey-color);
border-radius:50%; cursor:default;
width:16px; height:16px;
}
/* Buttons */
.button, .ibutton, .ibutton2, .ibutton3, .bbutton {
background-image:none !important;
border:1px solid transparent;
border-radius:3px; color: var(--plainwhite-color) !important;
display:inline-block; position:relative;
font-size:11px; white-space:nowrap;
padding:3px 5px; margin:0px;
line-height:16px; /*letter-spacing:0.1em;*/
height:auto; width:auto;
cursor:pointer; font-weight:600;
}
.ibutton, .ibutton2, .ibutton3 {}
.ibutton { /* fixed width and height, with Orange bg */
/* background-color: var(--orangebr-color); */
background-color: var(--btnbg-color);
width:50px; /*height:17px;*/
}
.ibutton2 { /* flexible width and height, with Red bg */
/* background-color:#DF7401; */
background-color:var(--red-color)
}
.ibutton3 { /* flexible width and height, with Dark Red bg */
background-color: var(--drkred-color);
}
.bbutton { /* Blue bg ( var(--linkblue) or #185FAC or #3366BB), same as link color */
background:none var(--linkblue) !important;
}
.bbutton:disabled {
background-color: var(--ltgrey-color) !important;
}
/* Ends Icons Group */
/* Text-inputs, textareas and selects */
.indinput, .indinputl, .indinputr, .indinput2, .indinput3, .spaninput {
color: var(--plainblack-color);
border-radius:5px;
cursor:text;
}
.cbinput {
cursor:pointer !important;
}
.indinput, .indinputl, .indinputr {
background:none var(--plainwhite-color);
/*border: 1px solid var(--solidred-color);*/
border: 1px solid var(--ltgrey-color);
padding:2px 3px;
}
input.indinput[type="text"], input.indinput[type="email"], input.indinput[type="password"] {
width:100px; text-align: right;
}
select.indinput, textarea.indinput, input[type="button"].indinput:not(.icons), button.indinput,
input.indinput[type="checkbox"], input.indinput[type="radio"] {
width:auto; cursor:pointer;
}
.indinputl {
width:auto; text-align:left !important;
}
.indinputr {
width:auto; text-align:right !important;
}
.indinput2 {
width: 150px;
border: 1px solid var(--grey-color);
}
.indinput3, .indinputr {
width:auto;
border:1px solid var(--solidred-color) !important;
}
.indinputhi, .indinputhir, .indinputhi5, .indinputhi5r {
border:2px solid var(--pink-color) !important;
padding:3px;
}
.indinputhi5, .indinputhi5r {
border:4px groove var(--pink-color) !important;
border-radius:7px !important;
}
.indinputr, .indinputhir, .indinputhi5r {
text-align:right !important;
}
.spaninput, .spaninput2, .spaninput3,
.spaninputl, .spaninputr, .spaninput2r, .spaninput3r {
background: none var(--offwhite-shade1);
border: 1px inset var(--ltgrey-color) !important;
border-radius:5px;
min-height:15px; max-height:15px;
min-width:125px; max-width:250px;
overflow:hidden; display:inline-block;
cursor:text; text-align:left;
padding:2px 5px; font-size: var(--font-size-all);
}
.spaninputr, .spaninput2r, .spaninput3r {
text-align:right;
}
.spaninput2, .spaninput2r {
border:1px dotted var(--grey-border3);
}
.spaninput3, .spaninput3r {
/*background-color: var(--faintyellow-color); /* faint-yellow */
border-color: var(--solidred-color); /* solid red border */
}
.allinput {
background:none var(--plainwhite-color);
border:1px solid #A4A4A4;
width:auto;
}
input[type="text"].allinput {
width:75px;
text-align:right;
}
select.allinput {
width:50px;
}
select.allinput2 {
width:175px;
}
select.comminput {
width:240px; max-width:240px;
}
.crinput {
width:50px; text-align:right;
border:1px solid var(--solidred-color) !important;
}
.crinput1 {
border:1px solid var(--solidred-color);
width:200px; height:auto;
text-align:left; padding:1px;
}
.crinput2 {
border: 1px solid var(--grey-color);
width:auto; height:auto;
text-align:left; padding:1px;
}
input.crinput1, input.crinput2 {
padding-left:5px;
}
.tabbar {
border-left: 1px solid #D5D5D5;
margin-left: 8px; padding-right: 8px;
}
/* Common Table styles */
.regtab {
padding:0; margin:0;
width:auto; border-collapse:separate;
}
.regtab0 {
width:98%;
padding:0; margin:10px auto;
}
.regtab0 > tr > td { /* apply to first level only */
vertical-align:top;
}
.indtab {
padding:0; margin:0;
}
.indtab0 {
width:100%;
padding:0; margin:0px auto;
}
div.indtab0 > div.tabbar {
margin:0px !important;
height:100%;
}
div.indtab0 > div.indtab_cols {
display:table-cell; vertical-align:top;
margin:0 !important; padding:5px 7px !important;
float:none !important; clear:both;
}
div.indtab0 > .indtab_cols.tabbar {
width:20px !important;
min-width:20px; max-width:20px;
}
div.indtab0 {
display:block;
}
.indtab > tbody > tr > td {
vertical-align:top;
}
.indtab td > table {
width:99%;
}
.indtab td > table td, .indtab0 td > table td {
padding:5px 7px;
}
.indtab0 td {
clear:both; position:relative;
padding:5px 8px;
}
.indtab0 td:first-child {
border-left:none transparent;
}
.indtab0 .indtab-row1 {
color:#FAFAFA !important;
}
.indtab0 .indtab-row1 td {
border:1px hidden #6388A0;
}
.indtab0 .indtab-row1 td:first-child {
border-top-left-radius:7px;
}
.indtab0 .indtab-row1 td:last-child {
border-right-color:transparent;
border-top-right-radius:7px;
}
.indtab0 .indtab-row2 {}
.indtab0 .indtab-row2 td {
background:none #C1D8E9;
}
.indtab0 .indtab-row22 td {
vertical-align:bottom !important;
}
.indtab0 td > div:not(.nodisplay) {
display:block; clear:both;
overflow:visible; position:relative;
}
.indtab0 .coex_all {
margin-left:0 !important;
}
.indtab0 .help_icon, .indtab0 .alert_icon {
float:right; margin-left:8px;
right:0; top:0;
}
.indtab0 .icons_col {
width:25px !important;
border-left:none !important;
}
.indtab_col1 {}
.indtab_col2 {}
.indtab_col3 {}
.indtab_col3 {}
.tabhead, .tabhead2, .tabname, .tabnameg, .tabheadg {
color: var(--plainwhite-color) !important;
background:none transparent;
border-collapse:separate;
height:22px; font-size:14px;
text-align:center; font-weight:500;
}
.tabhead td, .tabhead2 td, .tabheadg td,
.tabname td, .tabnameg td {
background:none var(--medgrey-color);
border-top:1px solid var(--medgrey-color);
border-right:1px solid var(--lowgrey-color);
border-bottom:1px solid var(--medgrey-color);
padding:8px 3px; text-align:center !important;
}
.tabhead:first-child > td:first-child, .tabname:first-child > td:first-child,
.tabnameg:first-child > td:first-child, .tabheadg:first-child > td:first-child {
border-left: 1px solid var(--medgrey-color);
border-top-left-radius:7px;
}
.tabhead:first-child > td:last-child, .tabname:first-child > td:last-child,
.tabnameg:first-child > td:last-child, .tabheadg:first-child > td:last-child {
border-right: 1px solid var(--medgrey-color);
border-top-right-radius:7px;
}
.tabhead:nth-child(2) > td, .tabname:nth-child(2) > td, .tabhead2:nth-child(2) > td,
.tabnameg:nth-child(2) > td, .tabheadg:nth-child(2) > td {
border-top: 1px solid var(--lowgrey-color);
}
.tabhead2 {}
.tabhead2 td {
color: var(--plainblack-color);
border-top: 1px solid var(--lowgrey-color);
border-radius: 0 !important;
}
.tabname {
height:40px;
}
.tabname td, .tabname th {
font-size:16px;
}
.tabname td {
text-align:left !important;
padding-left:20px; font-weight:500;
}
div.tabname {
border:1px solid var(--grey-color);
border-top-left-radius:7px;
border-top-right-radius:7px;
background:none #6388A0;
clear:both; position:relative;
display:block; text-align:left !important;
width:100%; height:20px !important;
padding:10px 5px 10px 10px !important;
}
div.tabname .icons, div.boxed .icons {
float:right;
}
.tabnameg {
height:auto !important;
}
.tabnameg td, .tabnameg th {
background:none var(--ltgrey-color) !important;
/*font-size:16px;*/
}
div.boxed {
padding:10px 5px 10px 10px;
width:100%;
}
.tabheadg {
background:none var(--ltgrey-color) !important;
font-size:14px;
}
.tabheadg td, .tabheadg th {
background-color: var(--ltgrey-color);
/*border-color:var(--medgrey-color) !important;*/
border-color:#FAFAFA;
border-radius:0px !important;
border-left:0px;
}
.coex_all {}
.boxed, .boxedg {
/*background:none var(--plainwhite-color);*/
background:none transparent;
color: var(--plainblack-color);
}
.boxed:first-child > td, .boxedg:first-child > td {
/*border-top: 1px solid var(--grey-comment2);*/
}
.boxed > td, .boxedg > td {
border-right: 1px solid var(--grey-comment2);
border-bottom: 1px solid var(--grey-comment2);
/*text-align:center; vertical-align:top;*/
padding:7px;
border-radius:0px;
}
.boxed > td:first-child, .boxedg > td:first-child {
border-left: 1px solid var(--grey-comment2);
}
.boxedg {
color: var(--plainwhite-color) !important;
}
.boxedg td {
background:none var(--ltgrey-color) !important;
border-color:var(--medgrey-color) !important;
}
.boxedg:first-child td {
padding:5px 7px !important;
}
.colright {
padding: 12px;
text-align: right;
}
.colright a:link, .colright a:visited {
color: var(--plainblack-color);
}
.xborder {
border-color: var(--plainwhite-color) !important;
}
.ralign {
text-align:right;
}
.scrollable {
overflow:scroll !important;
}
.scrollvert {
overflow-y:scroll !important;
}
.scrollhoriz {
overflow-x:scroll !important;
}
/* Links */
.clickable, .clickable input,
.clickable label, .clickable button {
cursor:pointer;
}
.not-clickable, .ncl {
cursor:not-allowed !important;
}
.clickable2 {
cursor: pointer; text-decoration:underline;
}
.link0, .link0:hover, .link0:link, .link0:visited {
color:inherit; background:none;
border:none; display:inline-block;
cursor: pointer; text-decoration:underline;
padding:0; margin:0;
}
.link0 {
/*color: var(--dkgrey-color);*/
color: var(--linkblue) !important;
}
.link, .link:hover, .link:link, .link:visited,
img.link, button.link, input.link {
color: var(--linkblue) !important;
background:none transparent;
border: 0 none transparent;
text-decoration:none !important;
cursor:pointer;
}
.link1, .link2:hover, .link3:hover {
cursor:pointer; text-decoration:underline;
/* color: var(--linkblue); */
color: white;
}
.link1:hover, .link2, .link3, img.link1, img.link2, img.link3 {
cursor:pointer; text-decoration:none;
}
button.link1, button.link2,
input.link1, input.link2 {
background:none; border:none;
}
.link3, button.link3, input.link3, img.link3 {
color: var(--linkblue) !important;
background:none transparent;
border: 0 none transparent;
}
div.link, div.link1, div.link2, div.link3 {
display:inline-block;
}
.nolink1, .nolink1:hover {
cursor:default !important;
}
.nolink2, .nolink2:hover {
cursor:not-allowed !important;
}
.disabled, .disabled:hover,
.prog, .prog:hover {
color:#808080 !important; cursor:default !important;
text-decoration:none !important;
}
.circlehead {
color:#164476; cursor:default !important;
font-size:18px; font-weight:bold;
display:block; padding:3px 2px;
}
.seperator.filterline, .separator.filterline {
padding-right:0px; margin-right:0px;
}
.disabled, .disabled:hover, .disabled2, .disabled2:hover,
.button.disabled, .clickable.disabled,
.link.disabled, .link1.disabled, .link2.disabled,
.ibutton.disabled, .ibutton2.disabled, .ibutton3.disabled, .icons.disabled,
input[disabled=disabled], button[disabled=disabled],
select[disabled=disabled], textarea[disabled=disabled],
a[disabled=disabled], span[disabled=disabled],
div[disabled=disabled], .link[disabled=disabled],
.link2[disabled=disabled], .link3[disabled=disabled],
.ibutton[disabled=disabled], .ibutton2[disabled=disabled],
.ibutton3[disabled=disabled], .icons[disabled=disabled],
.clickable[disabled=disabled] {
cursor:not-allowed !important;
}
input[disabled=disabled], select[disabled=disabled], textarea[disabled=disabled] {
background-color: var(--grey-disabled-bg);
color: var(--plainblack-color);
}
.link, .link1, .link2, .link3,
input[disabled=disabled].link, input[disabled=disabled].link1, input[disabled=disabled].link2, input[disabled=disabled].link3,
button[disabled=disabled].link, button[disabled=disabled].link1, button[disabled=disabled].link2, button[disabled=disabled].link3 {
/*background-color:transparent !important;*/
}
button.disabled, input[type="button"].disabled, input[type="submit"].disabled,
.disabled2, input.disabled2, select.disabled, button.disabled, textarea.disabled2 {
background-color: var(--grey-disabled-bg) !important;
/*border:0px none transparent !important;*/
/*border-color: var(--grey-border0) !important;*/
color:#585858;
}
.filterline, .filterlinel, .filterliner, .filterlinr {
position:relative;
top:0px; display:block;
}
.filterline, .filterlinel {
float:left;
left:0px; margin-right:12px;
}
.filterliner, .filterlinr {
float:right;
right:0px; margin-left:12px;
}
.filterline2 {
position: relative;
display:inline; margin-right: 8px;
}
.clearall, .clearer, .clearer2, .clearer5 {
clear:both !important; float:none !important;
position:relative;
}
.clearer {
color:transparent; cursor:default !important;
border:0px none transparent !important;
background:none transparent !important;
padding:0 !important; margin:0 !important;
height:0px !important; width:auto;
min-height:0; max-height:0;
min-width:0; max-width:0;
display:block; visibility:hidden !important;
font-size:0; line-height:0;
z-index:-1;
}
.clearer2 {
padding:2px;
}
.clearer5 {
padding:5px;
}
/** Dropdowns/Pull-downs and pop-ups **/
.popuptab {
background-image: url(/images/popuptab.png);
position: absolute;
bottom: -7px;
left: 2px;
height: 9px;
width: 22px;
}
.menubutton {
display:inline-block; position: relative;
cursor: pointer;
top: 0px; left: 0px;
}
/* Comments section */
.indcomment_container {
display:block; clear:both;
position:relative; overflow:hidden;
min-width:250px; max-width:550px;
}
.comments_list {
border:1px solid var(--ltgrey-color);
background-color: var(--plainwhite-color);
position:relative; clear:both;
height:135px; width:auto;
padding:5px 2px; margin:0;
overflow-x:hidden; overflow-y:auto;
}
.comments_pop {}
#indcommentAdd, #indcommentPop {
float:right; right:0; top:0;
margin:0px 5px 2px 10px !important;
z-index:10;
}
.indcomment_content {
display:block; clear:both;
position:relative; list-style:none;
margin:0px !important; background:none transparent;
padding:3px 1px 15px 3px !important;
}
.indcomment_content li {
list-style:none; margin:0px;
/*word-wrap:break-word; word-break:break-all;*/
}
.indcomment_content .del_cross_icon {
position:absolute; right:-2px;
z-index:inherit; top:8px;
}
.indcommenth {
color: var(--ltgrey-color); font-size:10px;
white-space:nowrap; padding:1px 3px !important;
}
.indcommentb {
background-color: var(--grey-disabled-bg); /*background-color:#F2F5A9;*/
color:#585858; border:none;
display:block; padding:5px !important;
white-space:normal; overflow:visible;
}
#indcommentText {
border:1px solid #1C1C1C;
margin:3px; padding:0px;
width:330px; height:110px;
}
/** OLD Way **
.comments_container {
display:block; clear:both;
position:relative; overflow:hidden;
min-width:250px; max-width:550px;
}
.comments_head {
margin-bottom:5px; padding:0;
position:relative; width:100%;
display:block; clear:both;
}
.comments_list {
border:1px solid var(--ltgrey-color);
background-color:#FAFAFA;
position:relative; clear:both;
height:135px; width:auto;
padding:5px 2px; margin:0;
overflow-x:hidden; overflow-y:auto;
}
.comments_add, .comments_pop {
float:right; right:0; top:0;
margin:0px 5px 2px 10px !important;
z-index:10;
}
.comments_content {
clear:both; display:block; position:relative;
margin:0px !important; list-style:none;
padding:3px 1px 15px 3px !important;
}
.comments_content li {
list-style:none; margin:0px;
/*word-wrap:break-word; word-break:break-all;*//*
}
.comments_content .del_cross_icon {
position:absolute; right:-2px;
z-index:inherit; top:8px;
}
.commentsh {
color: var(--ltgrey-color); font-size:11px;
white-space:nowrap; padding:1px 3px;
}
.commentsb {
background-color:#F2F2F2;
color:#585858; /*background-color:#F2F5A9;*//*
display:block; padding:3px;
white-space:normal; overflow:visible;
}
.comments_text {
border:1px solid #1C1C1C;
margin:3px; width:330px; height:110px;
}*/
/*################################################*/
/*#######################################*/
/** Top-nav and Frame, Header, Content and Footer **/
#frame {
background-color: var(--plainwhite-color);
border:1px solid var(--bggrey-color);
display:block; clear:both;
float:none; position:relative;
left:0; top:0;
width: var(--frame-width);
min-width: var(--frame-min-width);
max-width: var(--frame-max-width);
padding:0px !important;
margin: 0px auto !important;
overflow: visible;
transition: 7s ease;
}
#header, #footer {
background:none transparent;
border:none;
display:block; clear:both;
float:none; position:relative;
padding:0; margin:0;
width:auto; max-width:100%;
height:auto;
}
#header {
color: var(--plainblack-color);
left:0; top:0;
max-height:275px;
}
#header img {
position:relative;
z-index:inherit;
}
#content {
background: none var(--plainwhite-color);
display:block; float:none !important;
position:relative; clear:both;
min-height:500px; height:auto;
min-width:500px; width:auto;
overflow:visible; margin:0px !important;
padding:10px 10px 20px 10px;
}
.loggedin-frame #content {
padding:0;
}
#broadcastMsg {
clear:both; display:block;
width:98%; position:relative;
margin:0px; padding:5px 5px 10px 2px;
}
#breadcrumbs {
display:block; font-weight:bold;
padding:0px; margin:5px 0px 15px 0px;
}
.footer_container {
color: var(--dkgrey-color);
background: none var(--menubg-color) !important;
display:block; position:relative;
}
#footer {
background-color: var(--lowgrey-color);
font-size:9px; line-height:25px;
bottom:0; left:0;
max-height:100px;
padding:10px 20px 20px 17px;
}
#footer a:link, #footer a:visited {
color:inherit; text-decoration:none !important;
cursor:default; font-size:inherit;
}
#footer img {
position:relative; top:5px;
z-index:inherit;
}
.footer_content {}
#clientname {
float:left;
text-align:left;
}
#poweredby {
float:right;
text-align:right;
}
#copyright {
display:inline-block;
}
#schindlogo {
background:url("/images/schindlogo.gif") center left no-repeat scroll transparent !important;
display:inline-block;
padding-left:25px; cursor:pointer !important;
}
/* Header, Tools menu, Site nav and Top-nav Menu */
.header_content {
border-bottom:1px solid var(--linkblue);
display:block; position:relative;
float:none; clear:both;
width:100%;
}
.header_content_inner {
height:100%;
position:relative;
}
#headerTools {
background: none var(--plainwhite-color) !important; /*rgba(255,255,255,0.8);*/
border: 1px solid var(--bggrey-color);
height:150px;
}
#headerTools.header-tools-nonav {}
#headerlink {
display:inline-block !important;
width:350px;
}
#logolink {
display:inline-block; position:relative;
text-decoration:none !important;
left:40px; top:40px;
z-index:99;
}
#logotype {
width:250px !important;
z-index:inherit;
}
#navright {
display:block; position:absolute;
clear:both; text-align:right;
margin:0; padding:0;
right:0; top:0;
font-size:1.2em; font-weight:500;
width:280px !important;
}
#navright .menubutton {
cursor:default;
}
#homelogo {
background-color: transparent;
display:block; position:relative;
right:40px; top:50px;
z-index:99;
}
#homelogo > img { /* it's either img or div in #homelogo */
width:275px;
}
#homelogo > div {
color: var(--plainblack-color);
display:block; font-weight:normal;
font-size:1.8em; line-height:2.0em;
white-space:nowrap;
}
#ttldiv {
display:block; position:absolute;
clear:both; width:500px;
left:30%; top:0;
}
#ttldiv > div {
display:block; text-align:left;
min-width:220px; max-width:260px;
}
#ttl { /* Site Title */
color: var(--plainblack-color);
position:absolute !important;
font-size:1.7em; white-space:nowrap;
}
#subttl { /* Site Sub-title */
color: var(--orangebr-color);
background:none transparent;
float:right; position:relative;
font-size:1.25em; white-space:nowrap;
right:0; top:45px;
padding:3px;
}
#ttl.toolnav {
border:1px dotted transparent;
display:block; padding:7px;
top:-5px;
}
#ttl.toolnav:hover {
border-color: var(--bggrey-color);
border-radius:7px;
}
#toolttl {}
#toolttl.toolttl-nonav {
cursor:default !important;
background:none transparent !important;
}
#toolpop {
top:30px;
border-bottom-left-radius:7px;
border-bottom-right-radius:7px;
}
#headerTools.header-tools-nonav #ttl {
/* color:#185FAC !important; */
color: var(--gray-color); !important;
border:none !important;
left:0; font-weight:600;
}
#headerTools:not(.header-tools-nonav) #ttl {
left:0px;
}
#headerTools:not(.header-tools-nonav) #toolttl {
background:url("/images/icons/icon_caretdown_grey.png") scroll no-repeat 0px 5px transparent;
cursor:pointer; padding-left:20px;
}
#headerTools:not(.header-tools-nonav) #subttl {}
#tools {
display:block; clear:both;
margin-top: -10px;
margin-right: -6px;
text-align: right;
color: var(--grey-color);
font-size:11px;
}
#tools a:link, #tools a:visited {
color: var(--grey-color);
text-decoration: none;
}
#tools img {
position:relative;
top:-5px;
}
#tools .tool_item {
display:inline-block;
margin-left:15px;
}
.smitem, .smitema,
.smitem a, .smitema a {
/*font-family:initial;*/
font-size:14px; letter-spacing:0.05em;
font-weight:500; line-height:20px;
cursor:pointer; white-space:nowrap !important;
}
.smitem, .smitema {}
.smitem a, .smitema a {
text-decoration:none !important;
}
.smitema, .smitema a {
font-weight:600;
cursor:default !important;
}
#tooltop {
border:0px none transparent;
margin-top:-5px;
}
#tooltop:hover {
border:1px dotted var(--medgrey-color);
border-top-left-radius:3px;
border-top-right-radius:3px;
}
#toolpop {
border:2px outset var(--grey-color);
border-top-left-radius:3px;
border-top-right-radius:3px;
border-bottom-left-radius:7px;
border-bottom-right-radius:7px;
top:31px !important;
left:-1px !important;
margin:0px; padding:5px 5px 5px 15px;
min-width:250px; max-width:300px;
height:auto; width:auto;
}
#tooltop #toolttl {
background:url("/images/new/WhiteDownCaretLarge.png") 2px 10px no-repeat scroll transparent;
padding-left:22px !important;
}
.nav_close {
background:none transparent !important;
position:absolute; display:block;
cursor:pointer; color: var(--plainblack-color);
font-size:11px; font-weight:bold !important;
top:4px; right:5px;
float:none !important; clear:both;
margin:0 !important; padding:5px !important;
z-index:30;
}
#usercontent {}
#usernav {
cursor:text;
}
.usernav_item {
color:#1D1D1D;
display:block; position:relative;
padding:3px 0px; white-space:nowrap !important;
}
.usernav_label {
font-weight:500;
}
.usernav_name {
font-weight:300;
}
#usernav_user {
cursor:pointer;
}
#usernav_trueview {}
#usernav_workas {}
#usernav_workas .usernav_label,
#usernav_trueview .usernav_label {
color: var(--orangebr-color);
}
#usercontent {
z-index:35;
}
#userpop {
width:320px; right:-15px;
z-index:inherit;
}
.userpop_content {
cursor:default; display:block;
margin:2px 0px 5px 0px; white-space:nowrap;
}
.userpop_content .usernav_label {}
#userpop_workas .usernav_label {
/*color: var(--orangebr-color);*/
}
.userpop_content.link3 {}
/* Filters Summary */
#filtSummary {
background:none var(--plainwhite-color);
border: 0px none;
display:block; width:auto;
margin:0; padding:10px 25px 10px 10px;
}
.filt_summ_content {
padding:10px 5px; margin:0;
}
#filt_summ1 {
color: var(--dkred-color);
width:35px;
}
#filt_summ2 {}
#filt_summ3 {}
.filt_summ_content ul {
clear:both; position:relative;
padding:0; margin:0;
display:block; list-style:none;
}
.filt_summ_content li {
float:left; display:block;
padding:0; margin:0 0 0 20px;
}
.filt_summ_content ul li:first-child {
margin: 0 !important;
}
.filt_summ_lbl, .filt_summ_val {
display:inline-block;
}
.filt_summ_lbl {
color: var(--ltgrey-color);
margin-right:5px;
}
.filt_summ_val {}
/*###################################################*/
/*###################################################*/
/** Local Login Screen **/
#frame.login-frame {
/*background:url("/images/loginbg-splash.svg") scroll no-repeat top left #060000 !important;*/
background: none transparent !important;
/*background-size:contain !important;*/
min-width: var(--frame-width-medium) !important;
max-width: var(--frame-width-large) !important;
min-height: 680px;
}
#header.login-head { /* => .login-frame #header */
}
.login-head #headerTools {}
.login-head #headerNav {
display:none !important;
visibility:hidden;
}
.login-head #logolink {}
#content.login-content {
background: none var(--loginbg-color) !important;
border: 1px solid var(--loginbg-color) !important;
min-height:350px; max-height:650px;
}
.login-content #ttl {}
.login-content #subttl {}
#logintop {
display:block; top:-100px;
width:100%;
}
#logintop #subttl {
display:block; position:absolute !important;
right:unset; float:none !important;
left:25px; top:10px;
}
#loginpane {
/*background-color: #13699F;*/
border:0 none transparent;
display:block; position: relative;
top: 0px; left: 0px;
height:475px; max-height:475px;
width:100%; overflow:visible !important;
}
#loginpane .lptxt {
color: var(--plainwhite-color) !important;
font-size:16px; line-height:20px;
padding:5px 0 0 0;
}
#loginpane > div {
/*padding-left:20px;*/
}
.lglink, .lplink {
position:relative; display:block;
background:none transparent;
border:none; border-radius:5px;
cursor:pointer; right:2%;
padding:10px; white-space:nowrap;
text-decoration: none !important;
z-index:9;
}
.lglink { /* #lglink1, lglink2 */
position:absolute !important;
}
#lglink1 {
background-color: rgba(0,0,0,0.45);
border: 5px outset rgba(0,0,0,0.9);
display:block; right:10px;
font-size:1.3em !important;
font-weight:bold;
opacity:1.0;
}
#lglink2 {
display:none !important; /* Temporarily hidden */
bottom:-110px; right:-55px;
width:450px; height:90px;
font-size:0;
}
#lpinfo { /* Main .logininfo container */
display:block; position: absolute;
max-width:425px; border:0px none;
top:100px; right:10px;
padding:0; margin:0;
transition:3s ease;
}
.logininfo, .loginbox {
position: relative; display:block;
color: var(--plainwhite-color);
background: none transparent;
border: 0 none transparent;
border-radius:5px; top:0;
right:0; left:unset !important;
margin:0; padding: 10px 20px;
font-size:10px; opacity:1;
}
.logininfo { /* #lpinfolinks, #lpinfosect */
}
#lpinfolinks {
position:absolute !important;
}
#lpinfolinks, #lpinfolinks:hover {
background:none !important;
}
.lplink { /* #lplink1, #lplink2 */
color: var(--ltyellow-color) !important;
}
#lplink1 {
background-color: rgba(0,0,0,0.45);
}
#lplink2 {
background:none;
bottom:90px; right:60%;
}
#lpinfosect { /* Container for "Welcome.." txt */
background-color: rgba(0,0,0,0.3);
border: 1px groove rgba(0,0,0,0.7);
}
#lpinfosect > div {
display:block; position:relative;
clear:both; margin:0 0 15px 0;
width:98%;
}
#lpinfosect .lptxt2 {}
#lpinfosect #l1 {
left: -8px; top: 16px;
font-size:80px; line-height:100px;
}
#lpinfosect #l2 {}
#lpinfosect #l3 {}
#lpinfosect #l4 {
font-size:32px !important;
}
#lpinfosect #l5 {
font-size:12px !important;
}
#lginfo { /* Main .loginbox container */
background: none transparent;
border: 0 none transparent;
position: relative; display:block;
bottom:-12%; right:unset !important;
width:450px !important; left:50px !important;
padding:0; margin:0;
/*transition:5s ease;*/
}
.loginbox { /* #loginenter, #loginverify, #loginforgot*/
}
.logininfo:hover, .loginbox:hover,
.lplink:hover, .lglink:hover {
opacity:1.0;
text-decoration: none !important;
}
.loginbox .loginitem0 {
font-size:3.8em; width:90%;
padding:0; margin-bottom:30px;
}
.loginbox .logininfo {
/*color: var(--bggrey-color);*/
font-size:12px; line-height:20px;
}
.loginbox .loginitem1 {
padding:0; margin:7px 0px 15px 0px;
display:block; position:relative;
}
.loginbox ul.loginitem1 {
list-style-type:square;
margin:-20px 0 15px 25px !important;
}
.loginbox .logininfo li {
color: var(--yellow-shade) !important;
padding:0; margin:0;
}
.loginbox label.loginitem1 {
font-size:1.5em; margin-bottom:0px !important;
}
.loginbox .loginitem1 > span {
display:inline-block;
}
.loginbox .link2 {
/* color: var(--ltyellow-color) !important; */
color: var(--plainwhite-color) !important;
}
.loginbox .loginitem2 {
padding:12px !important;
position:relative;
width:250px; margin:0;
}
.loginbox .loginitem2.llinput {
width:375px !important;
border:1px solid var(--medgrey-color);
border-radius:5px !important;
}
.loginbox span.loginitem2 {
color: var(--faintyellow-color) !important;
font-style:italic; padding:0 !important;
}
.loginbox .loginitem2.bbutton {
color: var(--dkgrey-color) !important;
background-color: var(--loginbtn-color) !important;
border-radius:5px;
font-size:2.3em; font-weight:300;
text-align:center; letter-spacing:0.2em;
width:auto; padding:15px 20px !important;
}
.loginbox .loginitem31 {}
.loginbox .loginitem32 {
color: var(--faintyellow-color) !important;
}
.loginbox #instr {
font-size: 14px;
}
#loginSubmit {
margin-top:35px !important;
}
.loginextra {
margin-top:25px !important;
z-index:2;
}
.loginextra > div {
top:0; white-space:nowrap;
}
#logincancel {}
#loginreg {
font-size:1.1em;
}
#loginagain {
font-size:1.1em;
}
#loginerr.loginbox {
position:absolute;
background:none var(--ltyellow-color) !important;
border:1px outset #CC3333;
color:#CC3333; padding:10px;
font-weight:bold; font-size:1.2em;
top:-50px; white-space:nowrap;
right:17%; width:300px;
}
#loginenter.loginbox {}
#loginverify.loginbox {}
#loginforgot.loginbox {}
#loginforget_verify {
right:20px;
}
#footer.login-foot {
color:rgba(255,255,255,0.9) !important;
}
/* Header Top-nav (Site nav) menu */
#headerNav {}
#headerPrintTitle { /*~ Used in download (browser print) view ONLY */
display: none !important;
background:none var(--menubg-color) !important;
color: var(--plainwhite-color) !important;
/* border:1px solid var(--bggrey-color); */
border:1px solid var(--menubg-color);
border-radius:5px;
margin:5px 0; padding:0 0 0 20px;
}
#headerPrintTitle > div {
display:block; line-height:35px;
font-size:30px; font-weight:normal;
font-weight:600; white-space:nowrap;
padding:7px; letter-spacing:1.5px;
}
#navbar {}
#navbar-access.nav_col {
width:220px;
right:0;
}
#navContent_access {}
#access_container {
display:block; float:right;
position:relative;
z-index:30;
}
#access_container .access_item {
float:left;
margin-left:10px;
}
.access_item .nav_popup {
max-width:450px; right:-10px;
}
#navPop_chg {
right:-10px !important;
width:310px !important; height:auto;
min-width:310px !important; max-width:310px !important;
padding:0px !important; margin:0px;
}
.qa_container {}
.qa_container .nowrap {
font-size:11px; overflow:visible;
}
.qa_container .nowrap span {
display:inline-block;
/*font-size:14px;*/
font-weight:700 !important;
padding-left:10px; line-height:16px;
}
.qa_header {}
.qa_content {}
.qa_data {}
.qa_data .chginput {
border: 1px solid var(--solidred-color) !important;
max-width:185px;
}
.chginput.inputac {
width:185px !important;
background-position-x:170px !important;
}
.qa_data_inner {
padding:10px 0; margin:0;
}
.qa_data_inner select {
margin-left:10px;
}
.qa_footer {}
.qa_title {}
#qa0_container .chgassoc_trueview {
text-align:right; width:190px;
}
.qa_way {
display:block; clear:both;
position:relative; padding:3px 1px;
}
.way_content {
top:-30px; /*left:1px;*/
width:240px; right:-5px;
z-index:30;
}
#chg_profile {
font-size:12px;
}
#navPop_filt {
width:390px;
}
#globalFilters {}
#globalFilters .redisplay {
top:0 !important;
}
#globalFilters .gfiltinput {
cursor:pointer !important;
padding:5px; bottom:5px;
min-width:180px; max-width:220px;
}
#globalFilters .popcontent {}
#globalFilters .popheading2 {
display:inline-block !important;
width:165px; overflow:hidden;
}
#globalFilters .popcontrow {
white-space:nowrap; max-width:400px;
}
#globalFilters .popcontrow > * {
position:relative;
}
#navPop_user {}
#navPop_user .popconttop {}
#navPop_user .popcontdata {
padding:0; margin-top:-20px;
}
#navPop_user .popcontdata > div.clearall {
display:block;
padding:0 15px;
}
#navPop_user .popcontdata div.nav_links {
padding:5px; white-space:nowrap;
}
#navPop_user .popcontdata div.nav_links:hover {
background-color: var(--hover2-color);
}
#navPop_user .popcontdata div.nav_links:hover,
#navPop_user .popcontdata div.nav_links:hover span.link {
color: var(--plainwhite-color) !important;
}
#navPop_user .popcontfoot {
background-color: var(--menubg-color);
line-height:20px;
}
#navPop_user .popcontfoot,
#navPop_user .popcontfoot .link {
color: var(--plainwhite-color) !important;
}
#navPop_user .popcontfoot:hover {
background-color: var(--hover2-color);
}
#headerNav.nav_disabled {}
#headerNav.nav_disabled .nav_filts {
color: var(--grey-color) !important;
cursor:not-allowed !important;
}
#headerNav.nav_disabled .sitenav {}
/*#################################################*/
/** Position Pay Zones Charts **
*#######################################*/
.charts_zones {
display:block;
position:relative; clear:both;
/*margin:auto;*/ padding:2px 10px 25px 2px;
min-width:366px; max-width:500px;
width:100%; /*width:370px;*/
}
.charts_zones_div {
margin:auto;
position:relative; width:100%;
}
.charts_zones table {
/*width:100%;*/
table-layout:fixed; border-collapse:collapse !important;
}
.charts_zones_title {
font-weight:bold; clear:both;
margin-bottom:10px; padding:0;
text-align:left;
}
.rangesect {}
.rangesect td {
height:54px; width:41px;
}
#pprlinel {
left:-4px !important;
}
.ppr_warn {
color: var(--plainblack-color); background-color: #fe642e;
padding:4px 0px; margin:5px 0px;
font-weight:bold; text-align: center;
width: 100%;
}
.ppr_amts {
width:100%; height:17px;
padding:0; margin:0 0 0 -10px !important;
}
.ppr_amts >div {
display:inline-block;
}
.ppr_amtsl {
text-align:left;
}
.ppr_amtsm {
text-align:center;
}
.ppr_amtsr {
text-align:right;
}
.ppr_line, .ppr_gl {
width:100%; /*width:456px;*/
text-align:left;
}
.ppr_line {
display:block;
clear:both; position:absolute;
left:0px; top:36px;
}
.ppr_gl {
border-bottom:1px solid var(--grey-color);
height:10px; top:-2px;
display:inline-block; position:absolute;
/*margin:0px -6px 0px -4px;*/
}
.ppr_la, .ppr_ra, .ppr_dot {
padding:0px !important; margin:0px !important;
position:absolute; cursor:default !important;
}
.ppr_la {
left:0px;
}
.ppr_ra {
right:0px;
}
.ppr_dot {
left:0; top:39px !important;
margin-left:-4px !important;
}
.ppr_cg {
/*background-color: var(--lowgrey-color);*/
/*background-color:#C1D8E9;*/
background-color:#CFE9F9;
height:60px;
}
.ppr_cw {
background-color:#F5F5F5;
}
.ppr_cw1 {}
.ppr_cw2 {
/*border-left:1px dotted var(--grey-color);*/
}
.ppr_cp {
/*background-color:#FFD5C2;*/
background-color:#C1D8E9;
}
.ppr_cp1 {}
.ppr_cp2 {}
.ppr_cb {
/*background-color:#FFD5C2;*/
background-color:#A9C8DB;
}
.ppr_zone {
color: var(--plainblack-color); text-align:center;
margin:auto; width:80%;
}
.ppr_range {
font-size:12px; margin-top:12px;
white-space:nowrap;
}
.ppr_name {
font-size:12px; margin-top:1px;
}
.ppr_desc {
color: var(--higrey-color); font-size:9px;
text-align:left;
}
.ppr_desc ul {
margin-left:10px; padding:0px;
}
.ppr_cg, .ppr_cp {
vertical-align:top;
}
/** Reports **/
.rptcontainer {
border-bottom:1px solid var(--grey-disabled-bg);
display:block; clear:both;
margin:0px 0px 0px 0px;
padding:12px 0px 8px 0px;
position:relative;
list-style:none;
}
.rptcontainer:hover {
background-color:#F2F2F2; /* var(--ltyellow-color); */
}
.rptcontainer:first-child {
/*border-top:1px solid var(--grey-color);*/
}
.rptcontainer .assoc_display {
display:inline-block !important;
clear:both;
padding:0px !important;
margin:0px 0px 0px 10px !important;
}
.rptname {
float:left; display:block;
width:auto; margin:0 0 0 20px;
white-space:nowrap;
}
.rptname .icons {
float:right;
}
.rptbtn {
width:290px;
}
.rpttitle {
font-weight:600; clear:both;
display:inline-block;
}
.rptdesc {}
.rptsel {}
.rpttype {
float:right !important;
margin:0; padding:0px 10px;
}
.rptdownload {}
.err_msg.rptname {
color: var(--plainblack-color) !important;
font-size:14px !important;
}
.tr_container {
margin:0; padding:0;
display:block;
}
.tr_content {}
.tr_content .rptbtn {
width:190px; text-align:right;
}
.tr_content select {
padding:1px; cursor:pointer;
width:220px; max-width:220px;
}
/*###################################################*/
/** Admin / Maintenance / Settings Screen **
*#######################################*/
.admin-refresh-set {
padding:2px; clear:both !important;
}
.admin-refresh-subset1 {
padding:2px; clear:both !important;
}
.admin-refresh-subset2 {
padding-left:20px;
}
.admin-refresh-subset3 {
padding-top:2px;
}
.admin-refresh-subset4 {
padding:3px 3px 10px 20px;
}
.adminboxtab {}
.adminboxtab td {
padding:3px 6px;
}
.adminboxtab td:first-child {
font-weight:bold !important;
text-align:right; vertical-align:bottom;
}
.adminboxtab td:last-child {
font-style:italic;
}
/*#########################################*/
table.maintab {
width:100%;
}
.maintab tr {}
.maintab td {
padding:5px 3px !important;
}
.maintab .tabhead td {}
.maintab .tabheadg td {
/*border-top:1px solid transparent !important;*/
}
.maintab .tabheadg td:first-child {
/*border-left:1px solid transparent !important;
border-top-left-radius:7px !important;*/
}
.maintab .tabheadg td:last-child {
/*border-right:1px solid transparent !important;
border-top-right-radius:7px !important;*/
}
.maintab .tabname td {}
.maintab .tabnameg td {}
.maintab .tabnameg td:first-child {
border-top-left-radius:7px !important;
}
.maintab .tabnameg td:last-child {
border-top-right-radius:7px !important;
}
.maintab .boxedg td {
text-align:center !important;
}
.maintab .topRow1, .maintab .topRow1 td {}
.maintab .topRow2, .maintab .topRow2 td {}
.maintab .topRow1 {}
.maintab .topRow2 {}
.maintab .topRow1 td {}
.maintab .topRow2 td {}
.maintab .cgc, .maintab .cbc, .maintab .cwc {
background-color:#D3DADE !important;
}
/*#########################################*/
.admintbl {
width:auto;
}
.admintbl2, .admintbl2f {
width: 100%;
}
.admintblf, .admintbl2f {
table-layout:fixed;
}
.admintbl td {
padding: 7px;
}
.admintbl .boxedg {}
.admintbl .boxedg td {
font-weight:bold; white-space:nowrap;
text-align:center; vertical-align:middle;
padding:7px !important;
}
.admintbl tr.boxedg:first-child td:first-child {
border-top-left-radius:7px;
}
.admintbl tr.boxedg:first-child td:last-child {
border-top-right-radius:7px;
}
.admintbl .cbc { /* usually the first column of the data (body) in table, not header */
background:none #D3DADE !important;
border-color:#C0C0C0 !important;
}
.admintbl .crinput,
.admintbl .indinput {
font-weight:300 !important;
}
.admintbl .indinput {
width:65px !important;
}
/*#########################################*/
#adminMenuContent {
display:block; position:relative;
clear:both; float:none!important;
}
#adminMenuContent.siteadmin {}
#um_msg {
/*color:#FF0000;*/
font-weight:bold; padding:5px;
}
#um_alert {
font-size:15px; padding:0px 3px;
font-weight:bold; border:1px solid var(--ltgrey-color);
background-color: #D3D3D3;
color:#FF0000;
}
#um_val {}
#um_sub {}
#um_display {}
#reportYear {}
/*#########################################*/
#aacrContent {
background:none var(--skyblue-color);
border:1px solid var(--skyblue-color);
border-radius:5px;
padding: 10px 20px;
}
#aacrContent > div {
margin: 0 15px;
}
.aarc_content {
display:block; float:none;
padding:5px; position:relative;
z-index:10;
}
#aacrContent .indinput3 {
width:65px;
}
#aacrContent input.indinput3 {
text-align:right;
}
/*#########################################*/
/* User Settings Page */
.userdiv-container {
margin:10px;
}
.userdiv-note {
margin-bottom:12px;
}
.settings-frame .userdiv-container {
margin:0 !important;
}
.userdiv-manage {
display:block; position:absolute;
right:0; top:12px;
z-index:31;
}
.userdiv-manage .link3 {
margin-right:10px;
}
.userdiv-content {
display:block;
padding:15px 0; margin:0;
}
.userdiv-contnext {
display:none;
}
.userdiv-container .searchac_container {
width:800px !important;
}
.userdiv-container .searchac_btnright {}
.chg_user_div {
display:block;
margin-left:15px; margin-top:15px;
}
.chg_user_div table td {
padding:8px;
}
.chg_user_divinn {}
.userdiv-container .buttons_container {}
.userdiv-container .buttons_container .ibutton2 {
margin-right:50px;
}
/* User Profiles */
#chgprof {}
.chgprof-content {
border:0 none;
display:block; position:relative;
padding:0; margin:0;
height:auto; width:auto;
min-width:85%; max-width:1000px !important;
overflow:hidden; max-height:400px;
}
.chgprof-content .userdiv-note {
margin:12px;
}
#chgprofList {
border-bottom: 1px solid var(--dkgrey-color);
width:600px; max-width:600px !important;
min-height:250px;
}
#chgprofList .fixedtab_thead {
border-bottom: 1px solid var(--dkgrey-color);
}
#chgprofList .fixedtab_tbody tr:not(.chgprof-arow):hover {
background-color: var(--ltyellow-color);
cursor:pointer;
}
#chgprofList .fixedtab_tbody .chgprof-arow {
background-color: var(--ltblue-color);
/* background-color: var(--faintgrey-color); */
border-color: var(--higrey-color);
cursor:default !important;
}
#chgprofList .fixedtab_tbody .chgprof-arow td {
border-color: var(--grey-border3);
}
#chgprofList .fixedtab_tbody .grey {
/*cursor:not-allowed !important;*/
}
#chgprofList .scrolltab_content ul {
white-space:initial !important;
margin:0; padding-left:15px;
list-style:disc;
}
#chgprofData {
padding-top:0;
}
#chgprofHead {
color: var(--grey-comment1);
background-color: var(--offwhite-shade1);
/*border:1px solid var(--bggrey-color);*/
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
max-height:50px; line-height:1.5em;
font-size:1.1em; font-weight:300;
margin:0; padding:12px 10px 10px 15px;
}
#chgprofHead div {
color: var(--ivecoblue);
font-size:1.25em; letter-spacing:1px;
}
#chgprofTabs {
max-height:50px;
padding:0; margin:0;
}
#chgprofTabs table {
width:auto; max-width:99%;
}
.chgprof-tab {
color: var(--grey-disabled-btn);
background-color: var(--grey-border1);
border-width: 1px 1px 0px 1px;
border-color: var(--diamondblack-color);
border-style:solid;
border-top-left-radius:5px;
border-top-right-radius:5px;
margin:0; padding:7px 12px;
cursor:pointer; white-space:break-spaces;
}
.chgprof-tab:last-child {
border-left-width:1px;
}
.chgprof-tab.chgprof-atab {
color: var(--plainblack-color);
/*background-color: var(--iveco-shade3);*/
background-color: var(--ltblue-color);
border-bottom:0 none !important;
}
#chgprofTabsContent {
border:1px solid var(--diamondblack-color);
height:400px; overflow-y:scroll;
}
.chgprof-tabs-content {
display:block;
width:100%; height:auto;
padding:0 0 10px 0; margin:0;
overflow:visible;
}
.chgprof-tabs-content:not(:first-child) {
display:none;
}
.chgprof-tabs-header {
background-color: var(--ltyellow-color);
padding:10px;
}
.chgprof-tabs-headsub {
font-style:italic; margin:3px 10px 3px 25px;
}
.grid_div {
display:block; position:relative;
padding:0; margin:0;
}
.grid_div label {
display:block; cursor:default;
clear:both; position:relative;
max-width:750px; white-space:normal;
padding:5px 0;
}
div.grid_div {
padding:2px 15px;
}
dl.grid_div, dl.modlist {
padding:0; margin:10px 0;
}
.grid_div dt {
padding:10px;
}
.modlist-div {
display:block;
}
.modlist-div:not(:first-child) {
display:none;
}
.modlist {}
dt.modlist {}
div.modlist {}
.grid_div_inner {
border:1px outset transparent;
cursor:default; border-radius:5px;
display:block; position:relative;
clear:both; float:none;
padding:5px;
}
.grid_div_sect {
background-color: var(--faintgrey-color);
border:1px dotted var(--grey-border0);
border-radius:7px;
}
.grid_div_inner:hover {
background-color: var(--yellow-shade);
border-color: var(--grey-border1);
}
.grid_div_mod {
display:block; position:relative;
font-weight:bold; width:103%;
opacity:1; margin:10px auto 10px -15px;
z-index:10;
}
.grid_div_mod .grid_div_sect {
background-color: var(--medgrey-color);
border-color: var(--grey-border3);
color: var(--plainwhite-color);
padding:10px 15px; margin:0;
}
.grid_div_mod .gridrw_div {
right:initial !important;
left:35% !important; top:0 !important;
}
.grid_div dd {}
.grid_div dt:not(.grid_div_inner) > div:first-child,
.grid_div dd > div:first-child {
padding-left:15px;
}
.gridrw_div {
display:block; position:relative;
clear:both; float:none;
font-size:10px;
}
.gridrw_div label {
display:inline-block;
font-size:inherit; margin-right:20px;
cursor:pointer;
}
.gridrw_div input {
top:1px;
}
.grid_div > .gridrw_div {}
.grid_div > .gridrw_div label {}
.grid_div_inner > .gridrw_div {
position:absolute; display:block;
right:20px; top:-4px;
width:375px; white-space:nowrap;
z-index:9;
}
dt.grid_div_inner > .gridrw_div {
right:15%; top:3px;
}
.grid_div_inner > .gridrw_div label {}
/* User Access */
#chgacc {}
#chgacc .chg_user_divinn {
margin:5px 0px;
}
#accdiv1 {}
#chgaccHead, #addnewAccHead {
border:1px outset var(--medgrey-color);
border-radius:5px; background:none;
display:block; line-height:16px;
margin:0;
}
#chgaccHead {
color: var(--plainwhite-color);
background-color: var(--grey-color);
padding:7px 10px;
}
#chgaccHead .filterlinr {
margin-right:25px;
z-index:10;
}
.chgacc_title {
display:inline-block; line-height:20px;
font-size:16px; margin-left:10px;
}
#chgaccCopy {
color: var(--plainwhite-color) !important;
background:url("/images/whitearrowdown.png") right center no-repeat scroll transparent;
}
#chgaccCopyPop {
right:-35px; top:30px;
width:320px; padding:25px 10px 5px 10px;
}
#chgaccCopyPop .searchac_container {
max-width:300px; width:auto !important;
}
#chgaccCopyPop .searchac_item {
display:block; text-align:right !important;
margin:7px 10px;
}
#chgaccCopyPop h4 {
font-size:0.9em;
}
#chgaccCopyPop .link3 {
font-size:11px;
margin-left:10px; top:-35px;
}
#accessTab {
display:block;
}
#accessTab > div.clearall {
border-bottom:1px solid var(--grey-border1);
padding:10px 8px 8px 15px;
}
.chgacc_conjunct { /* AND/OR */
display:inline-block; padding:4px 10px 0 20px;
font-style:italic; width:25px;
}
#accdiv2 {}
#addnewAccHead {
background-color: var(--faintyellow-color);
border-color: var(--ltgrey-color);
border-style:dotted; padding:5px 10px;
}
#addnewAccContent {
margin:10px 0; padding:0 10px;
}
.chgacc_newval {
display:none;
width:100%; max-width:100%;
}
.chgacc_newval .searchac_container {
max-width:250px; width:250px !important;
left:-10px;
}
.chgacc_newval .searchac_txt {
padding:7px 0;
}
.accnew_div {
width:325px; max-width:325px;
margin-right:15px;
}
.chgacc_input {
width:225px;
min-width:225px; max-width:225px;
padding:5px; margin:0;
}
.accnew_div .indinput3 {}
.accnew_div .spaninput {}
.accnew_div select {
max-width:195px;
}
.accnew_tab {
width:99%;
}
#accdiv2 .buttons_container {
text-align:right;
}
#accdiv2 .buttons_container > div {
width:25%; max-width:250px;
}
.disabled_profile #accessTab, .disabled_profile #accessTab * {
background-color: var(--grey-disabled-bg);
color: var(--dkgrey-color);
}
/* User and Password Settings */
#chguser {}
#userdiv1 .chg_user_divinn {
width:300px; margin-left:0px;
}
#userDeact {
margin-top:10px;
}
#userDeact > div {
margin-left:20px;
}
#userDeact .filterline {
margin-right:10px;
}
#userDetailsTab {
max-width:430px;
}
#chgpass_form_instr {
white-space:normal !important;
}
#userDetails {}
#userDetails .indinputl, #userDetails .spaninput {
width:150px; padding:3px 5px;
}
#currpasstxt {
background-color:#FFE6E6;
border:1px dashed var(--grey-color);
color: var(--higrey-color); letter-spacing:0.15em;
font-style:italic; cursor:text !important;
}
/*##########################################################*/
/*##########################################################*/
/** Help screen **/
div.help_content {
width:85%; padding:3px;
}
.help_content_title {
padding:10px 0px 5px 0px;
margin:0; font-weight:bold;
}
.help_block {
margin:5px 0px 15px 0px;
padding:0px 5px 0px 15px;
}
.help_block li {
padding:5px; margin:0;
}
ol.help_block {}
ol.help_block li {
list-style-type:decimal;
}
ul.help_block {}
ul.help_block li {
list-style-type:square;
}
.help_content li span.link3 {}
.help_content h3 {
font-size:18px; color:#2E2E2E;
}
.help_content a, help_content a:visited {
text-decoration-line:underline;
text-decoration-style:dotted;
cursor:pointer; color: var(--linkblue);
}
.help_content a:hover {
color:#0000FF; text-decoration:underline;
}
.help_error {
margin:20px 10px; font-weight:bold;
font-size:30px; padding:5px;
}
.help_error span#ln1 {
color:red; padding:5px 1px;
}
.help_error span#ln2 {
font-size:16px; margin-left:10px;
color:grey; padding:5px;
}
.help_error span#ln2 a {
text-decoration:underline; color:blue;
}
/*###################################################*/
/*###################################################*/
/** Download Report Progress **/
.progress {
float: left;
margin: 0px 4px;
}
.progressbar {
border: 1px solid var(--plainblack-color);
float: left; position: relative;
top: 0px; left: 0px;
width: 200px; height: 16px;
}
.pbardone {
position: absolute;
top: 0px; left: 0px;
height: 16px;
background-color: var(--higrey-color);
}
.prog, .prog:hover {
color: var(--linkblue) !important;
display:inline-block;
padding:4px 7px;
z-index:99;
}
.proga { /* progress active */
background:url("/images/progress_small.gif") no-repeat scroll center right transparent !important;
color: var(--higrey-color);
padding-right:21px !important; cursor:progress !important;
}
.proga:hover {
cursor:progress !important;
}
.progd {
background:none var(--ltyellow-color) !important;
border:1px solid #99CCFF !important;
border-radius: 5px;
margin:auto auto !important;
}
.progd, .progd:hover { /* progress done */
color: var(--linkblue);
cursor:pointer; text-decoration:underline !important;
}
.progd a, .progd:hover a, .progd a:hover {
font-weight:bold; text-decoration:underline !important;
cursor:pointer !important;
}
.progd.disabled, .progd.disabled:hover { /* progress done/inactive/disabled */
/*color: var(--ivecoblue);*/
text-decoration:none !important;
}
/*###################################################*/
/** Pagination **
*###################################################*/
.pagi_content {
display:block; position:relative;
clear:both; white-space:nowrap !important;
width:auto; height:25px !important;
margin:0 !important; padding:0 !important;
z-index:9;
}
.pagi_content .grey {
color: var(--grey-color) !important;
}
.pagi_content a {}
.pagi_content div {
display:inline-block;
padding:0px; position:relative;
margin:0px 3px; clear:both;
}
.pagi_nav {
font-weight:bold; font-size:12px;
cursor:pointer; line-height:20px;
text-decoration:underline;
z-index:inherit;
}
.pagi_nav_jump {
margin:0px 7px !important;
}
.pagi_dots {
font-size:16px; font-weight:bold;
letter-spacing:0.3em;
}
.pagi_input {
margin-left:10px !important;
}
.pagi_input form {
display:inline-block;
}
.pagi_input_txt {
/*background:url("/images/new/AdvancePageIcon.png") right 0px no-repeat scroll #FAFAFA !important;*/
border:1px solid var(--ltgrey-color) !important;
padding:1px 15px 1px 3px !important;
width:40px; height:14px;
color:#585858; font-size:12px;
line-height:12px; cursor:text;
font-weight:500; position:relative;
z-index:5;
}
.pagi_input_img {
background:url("/images/new/AdvancePageIcon.png") center center no-repeat scroll var(--medgrey-color);
border:1px solid var(--medgrey-color);
display:inline-block;
cursor:pointer; position:absolute;
width:16px; height:16px;
top:1px; right:1px;
padding:0; margin:0;
font-size:0px; /*opacity:0.01 !important;*/
z-index:6;
}
.pagi_total {
margin-right:10px !important;
}
/*###################################################*/
/*###################################################*/
/* Upload Documents Widget Popup box dialog */
#docImportBox {}
#docImportMsg {}
#docImportMsg ul {
margin:12px 0 12px 12px;
}
#docImportMsg ul:not(.nolist) {
margin-left:20px;
}
#docImportMsg li {
list-style:circle;
padding:3px 0 3px 7px;
}
#docImport {}
#docImport form > div.clearall {
padding:7px;
}
#docImportBrowse {
margin:0 auto; padding:10px;
}
#docImportMsg .download_icon {
background-size:11px auto;
width:15px; height:18px;
}
#docImportBox .buttons_container {
margin-top:20px;
}
#docImportFile {
padding:3px; width: 80px !important;
margin:0; max-width: 80px !important;
}
#docImportSel {
padding:10px;
}
#docImportReason {
position:absolute; right:10px;
text-align:right; bottom:0;
}
#docImportReason label {
font-size:10px;
}
#docImportReason textarea {
resize:none;
}
#docImportProgDiv, #docImportProgress {
width:135px; max-width:135px;
}
#docImportProgDiv {}
#docImportProgress {}
/*###################################################*/
/** Viewport settings for All screens **
*###################################################*/
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
}
/* Large devices (laptops/desktops upto 992px) */
@media only screen and (max-width: 991.98px) {
#frame {
width: var(--frame-width-small);
/*overflow:auto !important;*/
}
#frame.login-frame {
min-width: var(--frame-width-small) !important;
}
#loginpane {
top:-50px; /*height:300px;*/
}
#lpinfo {
right:25px; top:10px;
}
#lplink2 {
bottom:30px;
}
#lginfo {
top:26px; /*left:440px;*/
}
#lglink2 {
bottom:-50px;
}
.loginbox .loginitem0 {
margin-bottom:3px;
}
.scrolltab_right {
/*width: var(--frame-width-small) !important;*/
}
}
/* Large devices (laptops/desktops, 992px upto 1200px) */
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
#frame {
width: var(--frame-width-medium);
/*overflow:auto !important;*/
}
#frame.login-frame {
min-width: var(--frame-width-medium);
}
#loginpane {
/*height:425px;*/
}
#lpinfo {
top:25px;
}
#lplink2 {
bottom:80px;
}
#lginfo {
top:35px; /*left:600px;*/
}
#lglink2 {
/*bottom:-85px;*/
}
.boxsect {
/*max-width:1180px;*/
}
}
/* Extra large devices (large laptops and desktops, 1200px upto 1440px) */
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
#frame {
width: var(--frame-width-large);
}
#frame.login-frame {
min-width: var(--frame-width-large);
}
#lpinfo {}
#lplink2 {
bottom:135px;
}
#lginfo {
/*left:675px;*/
}
.boxsect {
/*max-width:1180px;*/
}
.scrolltab_container {
width:1195px; max-width:1195px;
}
.scrolltab_right {
width:825px; max-width:825px;
}
#empinfo_col1 {
min-width:550px !important;
}
}
/* VERY large devices (large laptops and desktops, 1440px and up) */
@media only screen and (min-width: 1400px) {
#frame {
width: var(--frame-width-exlarge);
}
#frame.login-frame {
min-width: var(--frame-width-exlarge);
}
.loginbox {
/*left:875px;*/
}
#lplink2 {
bottom:150px;
}
.scrolltab_container {
width:1390px; max-width:1390px;
}
.scrolltab_right {
/*width: var(--frame-width-large) !important;*/
width: 1020px; max-width: 1020px;
}
.boxsect {
/*max-width:1380px;*/
}
#empinfo_col1 {
min-width:650px !important;
}
}
/*###################################################*/