*/
border-top:1px solid #808080 !important;
}
.dotted { /* using
*/
border-top:1px dotted #808080 !important;
}
.hline.grey, .dotted.grey {
border-color:#A0A0A0 !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:#A0A0A0 !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, .icons2, .icons3, .help_icon, .statusicon,
.icona, .iconsa, .iconb, .iconsb, .icont, .iconst,
.ibutton, .ibutton2, .bbutton,
.icons_new, .icont_new, .iconn, .iconnt, .icons-new, .icont-new {
background:url("/images/icons.png") no-repeat scroll -95px -86px transparent;
border:0px transparent;
border-radius:3px; display:inline-block;
color:#FFFFFF; cursor:pointer;
margin:auto 5px; padding:0px;
height:29px; width:29px;
text-align:center; text-decoration:none;
font-size:0px; font-weight:600;
line-height:1px; vertical-align:middle;
position:relative; background-size:auto;
z-index:inherit;
}
.iconplain {
border:0px transparent;
border-radius:3px; display:inline-block;
color:#FFFFFF; cursor:pointer;
margin:auto 5px; padding:0px;
height:29px; width:29px;
text-align:center; text-decoration:none;
font-size:0px; font-weight:600;
line-height:1px; vertical-align:middle;
position:relative; background-size:auto;
z-index:inherit;
}
.iconnf {
float:none !important;
clear:both !important;
}
.help_icon {
background-color:#FFFFFF;
}
.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 #848484 !important;
}
.icons3 {
background:none #FFFFFF !important;
}
.icona, .iconsa {
background:none #FF3366 !important;
color:#FFFFFF !important;
font-size:10px; line-height:14px;
}
.iconb, .iconsb {
border: 1px solid #A0A0A0 !important;
}
.icont, .iconst,
.icont-new, .icont_new, .iconnt {
background-color:transparent !important;
}
.info_icon {
background-position:-125px -86px;
}
.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 {
color:#000000;
background-color:#FFFFFF;
border:1px solid #000000;
}
.del_cross_icon {
background-position:-99px -393px !important;
width:12px; height:12px;
}
.dd {
background-position:-36px -126px;
background-color:#FFFFFF;
}
.cb0, .cb1 {
background-color: #FFFFFF;
background-position:-329px -168px;
/*border: 1px solid #000000;*/
width:16px; height:16px;
}
.cb1 {
background-position:-293px -168px;
}
.cbx, .cbx0 {
background-color: var(--plainwhite-color);
background-position:-328px -164px; /*-- when used with /images/icons.png */
border: 0.5px goove var(--medgrey-color);
border-radius:3px;
width:20px; height:20px;
}
.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:18px; font-weight:200;
line-height: 20px;
}
.cbx0, .cbx0.disabled {
color: var(--red-color) !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:#FFFFFF;
background-position:-278px -392px;
}
.whiteright {
color:#FFFFFF;
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 */
.ind_icon {
background:url("/images/ind_emp_link.png") 0 0 no-repeat scroll transparent;
width:18px; height:18px;
}
.add_comm_icon, .added_comm_icon {
background:url("/images/comments.png") 0 0 no-repeat scroll transparent;
width:16px; height:16px;
}
.added_comm_icon {
background-image:url("/images/comments.png");
}
.alert_icon {
background:url("/images/icons-new.png") no-repeat scroll -15px -48px #FF0066 !important;
width:16px; height:16px;
}
.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");
}
.exclaim_icon {
background-image:url("/images/info.png");
width:16px; height:16px;
color:#FFFFFF; cursor:pointer;
}
/* Using Its Own (Text) OR No Image */
.close {
background: none transparent;
color: #000000 !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;
right:0px; top:0px;
cursor:pointer; /*text-decoration:underline;*/
height:15px !important; width:15px !important;
line-height:15px !important; font-weight:bold !important;
padding:0px; margin:0px; /*padding:5px;*/
z-index:99;
}
.menu_icon {
background:url("/images/globalmenu.png") no-repeat scroll left top transparent;
background-size: 40px auto;
width:40px;
top:7px;
}
.trueview_icon, .logout_icon, .chgw_icon, .chgr_icon, .filtw_icon, .filto_icon, .settings_icon, .tablesort, .coldisplay, .tablefilt, .userop_icon, .password_icon {
background-color:transparent;
background-position:initial;
background-size: 25px auto;
height:25px; width:25px;
}
.logout_icon {
background-size: 20px auto;
height:20px; width:20px;
background-image:url("/images/power.png");
}
.settings_icon {
background-size: 19px auto;
height:20px; width:20px;
background-image:url("/images/cog_icon.png") !important;
}
.password_icon {
background-size: 19px auto;
height:20px; width:20px;
background-image:url("/images/password.png") !important;
}
.tablesort { /* Display Label for the sort icon */
background-image:url("/images/tablesorting.png");
}
.coldisplay { /* Display Label for the column icon */
background-image:url("/images/tablecolumndisplay.png");
background-size: auto 23px;
}
.coldisplaylbl { /* Display Label for the column icon */
background-image:url("/images/tablecolumndisplay.png");
background-size: auto 23px;
}
.tablefilt { /* Display Label for the table filter icon */
background-image:url("/images/tablefilter.png");
}
.userop_icon {
right: -45px;
height: 30px;
width: 30px;
border: solid 1px;
border-radius: 50%;
display: inline-block;
font-size: 14px;
text-align:center;
color: var(--menubar);
background-color: #FFF;
}
.trueview_icon {
background-position:-255px -168px;
}
.chgw_icon {
background-image:url("/images/viewworkas.png");
top:5px;
}
.chgr_icon {
background-image:url("/images/viewworkas_active.png");
top:5px;
}
.filtw_icon {
background-image:url("/images/tablefilter.png");
}
.filto_icon {
background-image:url("/images/tablefilter_active.png");
}
.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");
}
.cpop_icon {
background:url("/images/expand.png") 0px 1px no-repeat scroll transparent;
width:14px; height:14px;
}
.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 {
background:url("/images/del.gif") scroll no-repeat center center transparent !important;
}
.downw_icon, .downb_icon {
/* background:url("/images/icons/icons_download_white.png") 0 0 no-repeat scroll transparent; */
background:url("/images/download.png") 0 0 no-repeat scroll transparent;
background-size: contain;
height:25px;
width:30px;
}
.downb_icon {
background-image:url("/images/icons/icons_download_black.png");
}
/* Buttons */
.ibutton, .ibutton2, .bbutton {
background-image:none !important;
border:1px solid transparent;
border-radius:3px; color:#FFFFFF !important;
font-size:11px; white-space:nowrap;
padding:3px 5px; margin:0px;
line-height:16px; /*letter-spacing:0.1em;*/
height:auto; width:auto;
}
.ibutton, .ibutton2 {}
.ibutton { /* fixed width and height, with Orange bg */
background-color:#FE642E;
width:50px; height:17px;
}
.ibutton2 { /* flexible width and height, with Orange bg */
background-color:#DF7401;
}
.bbutton { /* Blue bg (#3399FF or #0e3837 or #3366BB), same as link color */
background:none var(--webblue) !important;
}
.bbutton:disabled {
background-color:#A0A0A0 !important;
}
.save_button {}
.calc_button {}
.clrovr_button {}
.delete_button {}
.add_button {}
.report_button {}
.save_button_blue {}
.way_button {}
.change_button {}
.edit_button {}
.addlist_btn {}
.remove_button {}
.cnr_button {}
.sra_button {}
/* Ends Icons Group */
/* Text-inputs, textareas and selects */
.indinput, .indinputl, .indinputr, .spaninput, .indinput4,.indinput3, .indinputtblsm {
color:#000000;
border-radius:5px; cursor:text;
}
.spaninput {
background:none #F0F0F0;
border:1px inset #A4A4A4;
display:inline-block; text-align:left;
line-height:14px; vertical-align:middle;
padding:3px 10px 3px 3px;
}
.cbinput {
cursor:pointer !important;
}
.indinput, .indinputl, .indinputr {
background:none #FFFFFF;
/*border: 1px solid #FEBEBE;*/
border: 1px solid #A0A0A0;
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 #999999;
}
.indinput3 {
width: 60px;
border: 1px solid #999999;
}
.indinput4 {
width: 190px;
border: 1px solid #999999;
}
.indinputtblsm {
width:60px;
border: 1px solid #999999;
text-align:right !important;
}
.allinput {
background:none #FFFFFF;
border:1px solid #A4A4A4;
width:auto;
}
input[type="text"].allinput {
width:75px;
text-align:right;
}
select.allinput {
width:50px;
}
.crinput {
width:50px; text-align:right;
border:1px solid #FEBEBE !important;
}
.crinput1 {
border:1px solid #FEBEBE;
width:200px; height:auto;
text-align:left; padding:1px;
}
.crinput2 {
border: 1px solid #999999;
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;
}
/* Sections and Sub-sections */
.sect-head, .sect-body,
.sect-title, .sect-title-lbl, .sect-title-icon {
background:none transparent;
color:#000000; border:none;
display:block; clear:both !important;
position: relative; float:none !important;
font-weight:500; overflow:visible;
left:0px; top:0px; vertical-align:middle;
padding:0px; margin:0px;
/*z-index:0;*/
}
.sect-head {
cursor:default;
}
.sect-head > .icons, .sect-head > .icont {
float:right; right:10px;
z-index:10;
}
.sect-title {
cursor:pointer; display:inline-block !important;
min-width:50px; /*padding-left:5px;*/
z-index:1;
}
.sect-title-icon, .sect-title-lbl {
display:inline-block;
}
.sect-title-icon { /* follows other .icons styles */
overflow:hidden; font-size:0px;
width:20px; height:20px;
top:2px;
}
.sect-title-lbl {}
.sect-body {
display:block;
cursor:default; padding:10px 2px;
}
.secbar, .secbara {
font-size:20px; margin:10px 5px 5px -15px;
}
.secbara {}
.secbarh { /* secclose */
background:url("/images/icons.png") no-repeat scroll -235px -84px #FFFFFF;
}
.secbara .secbarh { /* secopen */
background-position:-212px -84px;
}
.secbarb {
padding:5px 2px 10px 2px;
}
.secbart {
font-size:20px;
}
.sech_container {}
.secheading {
float:left;
}
.secb_container {
clear:both;
}
.subsecbar {
font-size: 12px; margin-top: 8px;
}
.subsecbara {}
.subsecbarh { /* ssecclosebg */
background:url("/images/icons.png") no-repeat scroll -80px -125px transparent;
width:16px; height:16px;
}
.subsecbara .subsecbarh { /* ssecopenbg */
background-position:-34px -125px;
}
.subsecbart {
font-size:15px; font-weight:700;
}
.subsecbarb {
padding:0px; margin:10px 0px 10px 10px;
}
.secbar, .secbara {
background: url("/images/new/GreyRightFacingCaret.png") 0px 8px scroll no-repeat transparent;
font-size: 20px; position: relative;
left:15px; top:0px;
margin-top:15px; margin-bottom:7px;
padding-left:20px; cursor:pointer !important;
z-index:10;
}
.secbara {
background-image: url("/images/new/GreyDownCaretLarge.png") !important;
}
.sectb {
background:none #FFFFFF;
display:block; clear:both !important;
float:none; position:relative;
width:auto; height:auto; min-height:100px;
margin:0px; padding:10px 5px 15px 5px;
}
.subsecbar, .subsecbara {
background: url("/images/new/GreyRightFacingMainMenuCaret.png") 3px 4px scroll no-repeat transparent;
top:0px; left:0px;
margin-top:10px; padding-left:19px;
font-size:12px; font-weight:bold;
position: relative; cursor:pointer !important;
z-index:10;
}
.subsecbara {
background-image: url("/images/new/GreyDownCaretSmall.png") !important;
}
.subsectb {
overflow:visible; padding:10px 10px 10px 24px;
}
/* Row-sect and name-sects */
.rowsecbar, .rowsecbara,
.rowsubsecbar, .rowsubsecbara {
border:0.5px solid #FFFFFF;
color:#000000;
display:block; clear:both !important;
position: relative; float:none;
font-size:16px; line-height:18px;
font-weight:600; cursor:pointer !important;
margin:0px; padding:10px 10px 10px 35px;
z-index:10;
}
.rowsecbar, .rowsecbara {
background: url("/images/expand_white.png") 10px 9px scroll no-repeat #FFFFFF;
background-size: 18px;
}
.rowsecbar {}
.rowsecbara {
background-image: url("/images/collapse_white.png");
background-size: 18px;
background-color:#FFFFFF;
}
.rowsubsecbar, .rowsubsecbara {
background: url("/images/icons/icon_openrow_blue.png") 10px 9px scroll no-repeat transparent;
color:#000000;
/*background-color:#666666;*/
border-color:#E6E6E6;
border-left:none; border-right:none;
}
.rowsubsecbar {}
.rowsubsecbara {
background-image: url("/images/icons/icon_closerow_blue.png");
/*background-color:#255B8E;*/
}
.rowsectb, .rowsubsectb, .namesectb, .namesubsectb, .boxcontent {
background-color:#FFFFFF !important;
/*border-left:0.5px solid #D5D5D5;
border-right:0.5px solid #D5D5D5;*/
display:block; clear:both;
position:relative; float:none;
overflow:visible; margin:0;
padding:10px 10px 10px 15px;
}
.rowsectb, .namesectb {}
.rowsubsectb, .namesubsectb {
padding:5px;
}
.rowsecbar > .icons, .rowsecbara > .icons,
.rowsubsecbar > .icons, .rowsubsecbara > .icons {
float:right; right:10px;
z-index:10;
}
.namesect {}
.namesect.rowsecbar, .namesect.rowsecbara,
.namesubsect.rowsecbar, .namesubsect.rowsecbara {
background:none #567473 !important;
border-top-left-radius:7px;
border-top-right-radius:7px;
cursor:text !important;
padding-left:20px !important;
}
.namesectb {}
.namesectb > table, .namesubsectb > table, .boxcontent > table {
width:100%;
}
.namesectb > table td, .namesubsectb > table td, .boxcontent > table td {
padding:5px;
}
.namesect.rowsectb {}
.namesubsect {}
.namesubsectb {}
.namesect.rowsubsectb {}
.namesubsect.rowsecbar, .namesubsect.rowsecbara {}
.boxcontent {
/* background-color:#EAEAEA !important;
border:0.5px solid #D0D0D0; */
border-radius:0;
}
.rowsectb .boxcontent {
/* background:none #C1D8E9 !important; */
background: none #FFF !important;
}
.boxhead {
background:none #567473;
border:1px solid #567473;
border-top-left-radius:7px;
border-top-right-radius:7px;
color:#FFFFFF; line-height:20px;
display:block; clear:both;
float:none; position:relative;
margin:0px; padding:10px 5px 5px 10px;
}
.rowsectb .boxhead, .rowsectb .boxsect {
margin-left:-5px;
}
.rowsectb .boxsect {
border:0.5px solid #E6E6E6;
}
.rowsectb .boxhead {
background-color:#666666 !important;
}
.boxhead .coex_all {
display:inline-block;
margin:0;
}
.boxhead .boxname, .boxhead .boxnamex {
color:#FFFFFF; position:relative;
padding:0; white-space:nowrap;
}
.boxhead .boxname {
display:inline-block;
margin-left:3px; max-width:300px;
font-size:15px; font-weight:bold;
}
.boxhead .boxnamex {
float:right !important;
clear:none !important;
top:-2px;
}
.boxnamex {
color:#FFFFFF;
display:block; position:relative;
font-size:12px; font-weight:300;
margin-left:10px; max-width:700px;
overflow:hidden; white-space:nowrap;
}
.boxnamex > div, .boxnamex > span {
display:inline-block; text-align:left;
margin-right:20px; position:relative;
}
.boxnamex > div {
min-width:75px;
}
.boxnamex span.vbar { /* pipe | used as a seperator (vertical bar) */
width:auto; font-size:15px;
}
.boxnamex input, .boxnamex select {
margin:0px 3px; top:2px;
position:relative;
}
.boxname .icons, .boxnamex .icons {
top:0;
}
.boxnxh1 {
width:200px; line-height:20px;
font-size:17px; font-weight:500;
}
.boxnxh2 {
font-size:12px;
}
.boxnxhr {
float:right; display:block;
text-align:right;
}
.boxnamex > table {
width:100%;
}
.boxnamex > table td {
padding:2px 5px 2px 10px;
border-left:1px solid #FFFFFF;
}
.boxnamex > table td:first-child {
border:none;
}
.boxnamex > table td:last-child {
text-align:right;
}
.boxhead.namesectbox {
background-color:#666666;
border-radius:5px !important;
}
.boxhead.namesectbox .coex_all {
display:none !important;
}
.boxhead.namesectbox .boxname {
margin-left:7px; top:-3px;
font-size:16px; font-weight:300;
}
.boxhead.namesectbox .boxnamex {}
.boxsect {
background:none #FFFFFF;
/*border:none; max-width:980px;*/
border-width:0 0 1px 0;
border-bottom-style:solid;
border-bottom-color:#D0D0D0;
display:block; position:relative;
clear:both; float:none !important;
padding:0px; margin:0px;
}
/* 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 {
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, .tabname, .tabnameg, .tabheadg {
color:#FFFFFF !important;
background:none transparent;
border-collapse:separate;
height:22px; font-size:13px;
text-align:center; font-weight:600;
}
.tabhead td, .tabnameg td,
.tabname td, .tabheadg td {
background:none var(--tablehdr);
border-top:1px solid var(--tablehdr);
border-right:1px solid var(--tablehdr);
border-bottom:1px solid var(--tablehdr);
padding:8px 3px; text-align:center !important;
}
.tabhead > td:first-child, .tabname > td:first-child,
.tabnameg > td:first-child, .tabheadg > td:first-child {
border-left: 1px solid var(--tablehdr);
border-top-left-radius:7px;
}
.tabhead > td:last-child, .tabname > td:last-child,
.tabnameg > td:last-child, .tabheadg > td:last-child {
border-right: 1px solid var(--tablehdr) !important;
border-top-right-radius:7px;
}
.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 #999999;
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 #A0A0A0 !important;
/*font-size:16px;*/
}
div.boxed {
padding:10px 5px 10px 10px;
width:100%;
}
.tabheadg {
background:none #A0A0A0 !important;
font-size:14px;
}
.tabheadg td, .tabheadg th {
background-color:#A0A0A0;
/*border-color:#848484 !important;*/
border-color:#FAFAFA;
border-radius:0px !important;
border-left:0px;
}
.coex_all {}
.boxed, .boxedg {
/*background:none #FFFFFF;*/
background:none transparent;
color:#000000;
}
.boxed:first-child > td, .boxedg:first-child > td {
/*border-top: 1px solid #D8D8D8;*/
}
.boxed > td, .boxedg > td {
border-right: 1px solid #D8D8D8;
border-bottom: 1px solid #D8D8D8;
/*text-align:center; vertical-align:top;*/
padding:5px;
border-radius:0px;
}
.boxed > td:first-child, .boxedg > td:first-child {
border-left: 1px solid #D8D8D8;
}
.boxedg {
color:#FFFFFF !important;
}
.boxedg td {
background:none #A0A0A0 !important;
border-color:#848484 !important;
}
/* Table with Sticky Header and Footer */
table.stbl {
/* width: 100% */
}
.sthead th,
.stfoot tr {
position: sticky;
background: #fff;
top: 0;
}
.sthead th {
top: 0
border-bottom: 1px solid blue;
}
.stfoot tr {
bottom: 0
}
/*give some space between thead and tfoot*/
.stbody tr:first-of-type td {
padding-top: 10px;
}
.stbody tr:last-of-type td {
padding-bottom: 10px;
}
/* Table Columns */
.ccl, .ccr, .ccc {} /* regular columns, no background-color */
.cgl, .cgr, .cgc {
background-color: #DDDDDD; /* grey */
}
.csl, .csr, .csc {
background-color: #C1D8E9; /* sky-blue */
}
.cbl, .cbr, .cbc {
font-weight:700 !important; /* bold */
}
.cgl, .csl, .cbl, .cwl, .ccl {
text-align: left;
}
.cgr, .csr, .cbr, .cwr, .ccr {
text-align: right;
}
.cgc, .csc, .cbc, .cwc, .ccc {
text-align: center;
}
.cwl, .cwc, .cwr, .cwi {
white-space: nowrap;
}
.cwi {
padding: 0px 2px;
}
.ra {
text-align:right !important;
}
.la {
text-align:left !important;
}
.ca {
text-align:center !important;
}
.cvt {
vertical-align:top;
}
.cvm {
vertical-align:middle;
}
.cvb {
vertical-align:bottom;
}
.rpadding {
padding-right:5px;
}
.bleft {
border-left:1px solid #999999;
}
.bleft-dark {
border-left:1px solid #000000;
}
td.bleft, td.bleft-dark {
padding-right:5px;
}
.bright, .bright2 {
border-right: 1px solid #999999;
}
.bright-dark {
border-right: 1px solid #000000;
}
td.bright, td.bright2, td.bright-dark {
/*padding-left:5px;*/
}
.bright2 {
border-right-width:2px !important;
}
.bright-dotted {
border-right:1px dotted #999999;
}
.bright-dashed-red {
border-right:1px dashed #D36335;
}
.btop {
border-top: 1px solid #999999;
}
.btop-dark {
border-top: 1px solid #000000;
}
td.btop, td.btop-dark {
padding-bottom:5px;
}
.bbottom {
border-bottom:1px solid #999999;
}
.bbottom-dark {
border-bottom:1px solid #000000;
}
td.bbottom, td.bbottom-dark {
padding-top:5px;
}
.ball {
border:1px solid #999999;
}
.ball-dark {
border:1px solid #000000;
}
td.ball, td.ball-dark {
padding:5px;
}
.xborder {
border-color: #FFFFFF;
}
.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;
}
.link, .link:hover, .link:link, .link:visited,
img.link, button.link, input.link {
color:#3399FF !important; background:none transparent !important;
border:none !important; text-decoration:none !important;
cursor:pointer;
}
.link1, .link2:hover, .link3:hover {
cursor:pointer; text-decoration:underline;
color:#3399FF;
}
.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:#3399FF !important;
background:none transparent !important;
border:none !important;
}
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;
}
.indinput3, .indinputr {
width:auto !important;
border:1px solid #FEBEBE;
}
.indinputr {
text-align:right !important;
}
.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:#E9E9EA !important;
color:#000000;*/
}
.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: transparent !important;
border:0px none transparent !important;
color:#585858;
}
.filterline, .filterlinel, .filterliner, .filterlinr {
position:relative;
top:0px; display:block;
}
.filterline, .filterlinel {
float:left;
left:0px; margin-right:8px;
}
.filterliner, .filterlinr {
float:right;
right:0px; margin-left:8px;
}
.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 **/
.dropdown {
display: none; position: absolute;
border: 1px solid #666666;
background-color: #FFFFFF;
font-size: 12px;
top: 0px; left: 0px;
z-index:10;
}
.dropdown div {
padding: 1px 6px;
}
.dropdown div:hover {
background-color: #00305e;
color: #FFFFFF;
}
.popup {
display: none;
position: absolute;
bottom: 24px;
left: -12px;
background-color: #00305e;
color: #FFFFFF;
padding: 4px 12px;
text-align: left;
}
.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;
}
.pulldown, .pulldownr {
border: 1px solid #666666;
color:#000000; background-color:#F5F5F5;
display:block; position:absolute;
clear:both; float:none;
margin:0px; padding:0px;
top:0px; overflow:auto;
height:auto; min-height:50px;
width:auto; min-width:150px;
z-index:30;
}
.pulldown {
display:none; /* This is seperate to avoid any absolute positioning issues */
left:0;
}
.pulldownr {
display:none; /* This is seperate to avoid any absolute positioning issues */
right:0;
}
.pulldwnlbl_old { /* Display Label for the Pull-down */
background:url("/images/icons/icon_caretdown_grey.png") right 5px no-repeat scroll transparent;
display:block; cursor:pointer;
margin:0; padding:3px 17px 3px 5px;
}
.pulldwnlbl { /* Display Label for the Pull-down */
display:block; cursor:pointer;
margin:0; padding:3px 5px 3px 5px;
}
.popfiltered { /* Show alert icon near label, when filtered */
left:0px; margin-right:10px;
}
.pulldown ul, .pulldown li {
list-style:none;
/*background:none transparent;*/
margin:0; padding:0;
display:block; /*clear:both;*/
}
.popcontainer { /* wrapper inside pulldown (1st level) */
display:block; clear:both;
float:none; position:relative;
font-size:12px; text-align:left;
width:100%; padding:0 !important;
height:100%; margin:0 !important;
overflow:visible;
}
.popcontainer .close, .popcontainer .xclose {}
.popcontent { /* common class for popconttop, popcontdata and popcontfoot */
display:block; clear:both;
float:none; position:relative;
font-weight:300; overflow:visible;
margin:0px; padding:10px 8px;
}
.popcontent .popheading1,
.popcontent .popheading2,
.popcontent .popheading3 {
padding:5px 2px; display:block;
white-space:nowrap;
}
.popcontent .poptitle {
display:inline-block !important;
white-space:nowrap;
}
.popcontent .popheading1 {
font-weight:800;
}
.popcontent .popheading2 {
font-weight:600;
}
.popcontent .popheading3 {
font-weight:500;
}
.popcontent .popbtn, .popcontent .popbtnmid,
.popcontent .popbtnleft, .popcontent .popbtnright {
display:inline-block;
position:relative;
font-weight:600; white-space:nowrap;
}
.popcontent .popbtn, .popcontent .popbtnmid {
float:none; margin:0;
}
.popcontent .popbtnmid {
top:3px; text-align:center;
margin:0px auto;
}
.popcontent .popbtnleft {
float:left; margin-left:7px;
left:0; top:3px;
}
.popcontent .popbtnright {
float:right; margin-right:7px;
right:0; top:3px;
}
.popcontent .redisplay {}
.popcontent .popclearall {}
.popcontent .popreset {}
.popcontent .popcancel {}
.popcontent .popsubmit {}
.popcontent .link {}
.popcontent .link3 {}
.popconttop, .popcontfoot {
background-color:#F5F5F5;
color:#000000;
height:22px; padding:5px 8px;
}
.popconttop {}
.popcontdata {
background-color:#666666;
color:#FFFFFF; height:auto;
padding:10px 8px 15px 8px;
}
.popcontdata .popcontrow {
padding:3px 10px;
display:block; clear:both;
}
.popcontdata .filterline {
margin-right:15px;
}
.popcontdata .filterlinr {
margin-left:15px;
}
.popcontdata .hline {
border-color:#C3C3C3 !important;
clear:both; overflow:hidden;
width:100%; margin-top:10px;
padding:0px !important;
}
.popcontfoot {
font-weight:600;
}
.popcontleft, .popcontright {
display:block; /*font-weight:700;*/
top:0;
}
.popcontleft {
float:left; left:0;
text-align:left;
}
.popcontright {
float:right; right:0;
text-align:right;
}
/* Comments section */
.indcomment_container {
display:block; clear:both;
position:relative; overflow:hidden;
min-width:250px; max-width:550px;
}
.comments_list {
border:1px solid #A0A0A0;
background-color:#FFFFFF;
position:relative; clear:both;
height:300px; width:auto;
padding:5px 2px; margin:0;
overflow-x:hidden; overflow-y:auto;
}
.widget .comments_list {
height:340px; max-height:340px;
}
.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:#A0A0A0; font-size:10px;
white-space:nowrap; padding:1px 3px !important;
}
.indcommentb {
background-color:#E9E9EA; /*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 #A0A0A0;
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:#A0A0A0; 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;
}*/
/*################################################*/
/** Tables with Fixed Header and Left side, and Scrollable Data (on Right) **
*################################################*/
.scrolltab_container, .scrolltab_content {
clear:both; position:relative;
display:block; float:none;
left:0px; top:0px;
}
.scrolltab_container {
width:100%; overflow:hidden;
}
.scrolltab_container .greybar {
position:absolute;
height:16px; width:100%;
bottom:0px; left:0px;
z-index:2;
}
.scrolltab_content {}
.scrolltab_content table.scrolltab {
table-layout:fixed !important;
border-spacing:0; border-collapse:separate;
}
.scrolltab tr {}
.scrolltab td {
clear:both; display:table-cell;
padding:5px; /*white-space:nowrap;*/
overflow:hidden; vertical-align:middle;
position:relative;
width:auto; height:32px;
/* min-max values are needed for fixed-layout-tables */
min-height:32px; max-height:50px;
min-width:35px; padding:5px;
}
.scrolltab td > div,
.scrolltab_coldiv {
clear:both; display:block;
float:none; position:relative;
padding:0; margin:0;
width:100%; overflow:visible;
}
.scrolltab td .icons {
position:relative; top:0px;
}
.scrolltab td > div .icons {}
.scrolltab_icondiv2 {
background:none #FEFEFE;
display:block; position:absolute;
float:none; clear:both;
right:2px; top:0;
max-width:75px; overflow:hidden;
z-index:2;
}
.scrolltab_coldiv .scrolltab_icondiv {
right:0px; top:-2px;
}
.scrolltab_icondiv .icons3 {
width:14px !important;
height:15px !important;
top:2px !important;
}
.scrolltab_icondiv > .icons {
float:right;
margin:0 0 0 4px !important;
}
.scrolltab_header {}
.scrolltab_header .scrolltab {
height:100%;
}
.scrolltab_header .scrolltab tr {}
.scrolltab_header .scrolltab td {
color:#FFFFFF !important;
/*border-color:#FFFFFF !important;*/
text-align:center;
}
.scrolltab_data {}
.scrolltab_data .scrolltab {}
.scrolltab_data .scrolltab tr {}
.scrolltab_data .scrolltab td {}
.scrolltab_floated {
float:left; position:relative;
display:block; overflow:hidden;
min-height:60px; max-height:500px;
}
.scrolltab_left {
width:350px;
border-right:1px solid #FFFFFF;
}
.scrolltab_right {
width:600px;
/*min-width:600px; max-width:600px;*/
}
.scrolltab_data .scrolltab_left {
border-left:1px solid #D8D8D8;
border-bottom:1px solid #D8D8D8;
border-right:1px solid #D8D8D8;
}
.scrolltab_inner {
margin:0; padding:0;
display:block; position:relative;
}
.scrolltab_left_inner {
width:100%; overflow:hidden;
}
.scrolltab_right_inner {
width:1000px; overflow:visible;
}
.scrolltab_data .scrolltab_left_inner {
margin-bottom:17px;
}
.scrolltab_bar {
/*border-left:1px solid #FFFFFF;*/
overflow:scroll !important;
scroll-behavior:smooth !important;
border-right:1px solid #D8D8D8;
border-bottom:1px solid #D8D8D8;
}
.scrolltab_left .scrolltab {
width:100%;
}
.scrolltab_right .scrolltab {}
.scrolltab_bar .scrolltab td:first-child {
border-left-color:transparent;
}
.scrolltab caption {
color:#FFFFFF;
background:none #567473;
border:0px solid #FFFFFF;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-collapse:separate;
font-size:14px; text-align:center;
font-weight:500; vertical-align:middle;
padding:7px 0px; white-space:nowrap;
}
.scrolltab .topRow1 {}
.scrolltab .topRow1 td {
padding:8px 5px;
border-right-color:#D8D8D8;
}
.scrolltab .topRow1 td:first-child {}
.scrolltab .topRow1 td:last-child {
border-right-color:#567473;
}
.scrolltab .topRow2 {
background-color:#869c9b;
font-size:11px; font-weight:600;
}
.scrolltab .topRow2 td {
border-top:1px solid #D8D8D8;
}
.scrolltab .topRow2 td:first-child {
border-left-color:#A0A0A0;
}
.scrolltab .topRow2 td:last-child {
border-right-color:#A0A0A0;
}
.scrolltab .scrolltab_namecol {
width:250px;
min-width:250px; max-width:250px;
}
.scrolltab .scrolltab_nametxt {
display:inline-block;
width:235px; max-width:235px;
overflow:hidden;
z-index:0;
}
.scrolltab .lc0, .scrolltab .rc0 {
width:110px;
min-width:110px; max-width:110px;
}
.scrolltab .lc1, .scrolltab .rc1 {
width:80px;
min-width:80px; max-width:80px;
}
.scrolltab .lc2 {
width:75px;
min-width:75px; max-width:75px;
}
.scrolltab .lc3 {
width:180px;
min-width:180px; max-width:180px;
}
.scrolltab .lc0 {}
.scrolltab .lc1 {}
.scrolltab .lc2 {}
.scrolltab .lc3 {}
.scrolltab .rc0 {}
.scrolltab .rc1 {}
.scrolltab .rc2 {
width:120px;
min-width:120px; max-width:120px;
}
.scrolltab .rc3 {}
/* Alternate way for scrolltab, using div-ul-li *
div.scrolltab {
border:0px none transparent;
background:none transparent;
display:block; clear:both !important;
position:relative; float:none !important;
padding:0; margin:0;
}
.scrolltab ul {
background:none transparent;
color:#000000;
border:0px none transparent;
clear:both; display:block;
padding:0; margin:0;
width:auto; height:auto;
list-style:none !important;
}
.scrolltab li {
display:block; float:left;
margin:0px; position:relative;
padding:5px; overflow:hidden;
width:auto; height:22px;
min-height:22px; max-height:22px;
min-width:35px; white-space:nowrap;
}
.scrolltab li > div {
clear:both; display:block;
float:none; position:relative;
padding:0; margin:0;
width:100%;
}
.scrolltab li .icons {
position:absolute;
right:0px; top:0px;
}
.scrolltab ul.tabhead {
color:#FFFFFF !important;
background:none #567473 !important;
height:22px; font-size:14px;
text-align:center; font-weight:500;
}
.scrolltab ul.tabhead li {
border-top:1px solid #567473;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #567473;
padding:8px 3px; text-align:center !important;
}
.scrolltab ul.tabhead > li:first-child {
border-left: 1px solid #567473;
border-top-left-radius:7px;
}
.scrolltab ul.tabhead > li:last-child {
border-right: 1px solid #567473 !important;
border-top-right-radius:7px;
}
.scrolltab ul.topRow1 li {
padding:8px 5px;
border-right-color:#D8D8D8;
}
.scrolltab ul.topRow1 li:first-child {}
.scrolltab ul.topRow1 li:last-child {
border-right-color:#567473;
}
.scrolltab ul.topRow2 li {
border-top:1px solid #D8D8D8;
}
.scrolltab ul.topRow2 li:first-child {
border-left-color:#A0A0A0;
}
.scrolltab ul.topRow2 li:last-child {
border-right-color:#A0A0A0;
}
.scrolltab ul.boxed {}
.scrolltab ul.boxed:first-child > li {
border-top: 1px solid #D8D8D8;
}
.scrolltab ul.boxed > li {
border-right: 1px solid #D8D8D8;
border-bottom: 1px solid #D8D8D8;
padding:5px;
border-radius:0px;
}
.scrolltab ul.boxed > li:first-child {
border-left: 1px solid #D8D8D8;
}
/*==========*/
/** fixedtab() JS plugin **
*--- Tables with Fixed Header and Scrollable Data
*--- with (^optional) Fixed Left and/or Right side columns
*#######################################*/
/** fixedtab() JS plugin **
*--- Tables with Fixed Header and Scrollable Data
*--- with (^optional) Fixed Left and/or Right side columns
*#######################################*/
.fixedtab_container {
background:none var(--plainwhite-color);
border:1px solid var(--grey-border2);
border-top-left-radius:7px;
border-top-right-radius:7px;
display:block; position:relative;
width:100%; height:auto;
min-height:200px; max-height:450px;
margin:0; padding:0 !important;
left:0 !important; top:0 !important;
overflow:scroll !important;
}
.fixedtab, .fixedtab_tab {
/* display:none; */ overflow:hidden;
width:auto; max-width:90%;
position:relative; border-collapse:separate;
left:0 !important; top:0 !important;
margin:0 !important;
}
.fixedtab_container > table,
.fixedtab_container > .fixedtab,
.fixedtab_container > .fixedtab_tab {
width:100% !important; max-width:initial;
display:table; table-layout:auto;
overflow:visible;
}
.fixedtab_container > .fixedtab2 {
width: auto !important;
}
.fixedtab tr {
display:table-row;
z-index:inherit;
}
.fixedtab th, .fixedtab td {
display:table-cell;
white-space:nowrap; overflow:hidden;
text-overflow:ellipsis; width:auto; /* or 100% */
/* width:150px; height:25px; */
min-width:25px; max-width:500px;
padding:8px 10px; opacity:1;
/*z-index:inherit;*/
}
.fixedtab-icol {
width:35px !important;
min-width:35px !important; max-width:35px !important;
}
.fixedtab .col0, .fixedtab-col0 {
width:50px !important;
min-width:50px !important; max-width:50px !important;
}
.fixedtab .col1, .fixedtab-col1 {
width:90px !important;
min-width:90px !important; max-width:90px !important;
}
.fixedtab .col2, .fixedtab-col2 {
width:150px !important;
min-width:150px !important; max-width:150px !important;
}
.fixedtab .col3, .fixedtab-col3 {
width:190px !important;
min-width:190px !important; max-width:190px !important;
}
.fixedtab .col4, .fixedtab-col4 {
width:250px !important;
min-width:250px !important; max-width:250px !important;
}
.fixedtab .col5, .fixedtab-col5 {
width:310px !important;
min-width:310px !important; max-width:310px !important;
}
.fixedtab .col-auto, .fixedtab-col-auto {
width:100% !important; max-width:350px !important;
}
.fixedtab .fixed-col,
.fixedtab .fixed-col-right {
position:sticky; left:0;
max-width:350px !important;
z-index:4; /* Must be more than z-index on any other columns/rows */
}
.fixedtab .fixed-col-right {
left:initial; right:0;
}
.fixedtab .fixed-left-last { /* rightmost fixed-left column */
border-right:3px double var(--grey-border3) !important;
}
.fixedtab .fixed-right-last { /* leftmost fixed-right column */
border-left:3px double var(--grey-border3) !important;
}
.fixedtab .tabhead .fixed-left-last {
border-right-color: var(--grey-border5) !important;
}
.fixedtab .tabhead .fixed-right-last {
border-left-color: var(--grey-border5) !important;
}
.fixedtab tr:not(.tabhead) .fixed-col {
background:none var(--plainwhite-color);
}
.fixedtab tr .fixed-col:last-child {
border-right:1px solid var(--grey-border2);
}
.fixedtab > thead, .fixedtab_thead,
.fixedtab > tbody, .fixedtab_tbody,
.fixedtab > tfoot, .fixedtab_tfoot {
display:table-row-group;
}
.fixedtab_thead, .fixedtab_tfoot {
background:none var(--plainwhite-color); /* must match .fixedtab_container bg */
position:sticky; height:auto;
z-index:2;
}
.fixedtab_thead {
top:0;
}
.fixedtab_tfoot {
bottom:0;
}
.fixedtab_tbody {
position:static; overflow:visible;
/*max-height:225px; width:100%;*/
z-index:1;
}
.fixedtab_thead > tr, tr.fixedtab_thead,
.fixedtab_tfoot > tr, tr.fixedtab_tfoot {
position:sticky; /* Must be the tr row of the .fixedtab table ONLY, not applicable for any other child tables */
}
.fixedtab_thead > tr, tr.fixedtab_thead {}
.fixedtab_thead > tr:first-child, tr.fixedtab_thead:first-child {
z-index:4; /* This is important for multiple header rows with rowspan */
}
.fixedtab_tfoot > tr, tr.fixedtab_tfoot {}
.fixedtab_tbody > tr, tr.fixedtab_tbody {
position:relative;
}
.fixedtab_thead th, .fixedtab_thead td, .fixedtab_tfoot td {
position:sticky;
word-break:normal;
white-space:normal; /* or break-spaces;*/
}
.fixedtab_thead th, .fixedtab_thead td {
text-align:center; vertical-align:middle;
font-weight:700;
}
.fixedtab_thead tr:last-child th, tr.fixedtab_thead:last-child th, .fixedtab_thead tr th[rowspan],
.fixedtab_thead tr:last-child td, tr.fixedtab_thead:last-child td, .fixedtab_thead tr td[rowspan] {
border-bottom:3px double;
}
.fixedtab_thead th:last-child, .fixedtab_thead th[colspan],
.fixedtab_thead td:last-child, .fixedtab_thead td[colspan] {
max-width:unset !important;
}
.fixedtab_thead tr:not(.tabhead) th,
.fixedtab_thead tr:not(.tabhead) td {
border-right:1px solid;
border-color: var(--grey-border2);
}
.fixedtab_tbody td {}
.fixedtab_tfoot td {
border-top:3px double var(--grey-border2);
min-height:45px; max-height:75px;
/*padding-top:20px; padding-bottom:20px;*/
}
.fixedtab_hrows { /* same as: .fixedtab > thead > tr or .fixedtab_thead > tr or tr.fixedtab_thead */
}
.fixedtab_frows { /* same as: .fixedtab > tfoot > tr or .fixedtab_tfoot > tr or tr.fixedtab_tfoot */
}
.fixedtab_datarows { /* same as: .fixedtab > tbody > tr or .fixedtab_tbody > tr or tr.fixedtab_tbody */
}
.fixedtab_datarows input,
.fixedtab_datarows select,
.fixedtab_datarows button {
max-width:200px !important;
z-index:3;
}
.fixedtab_datarows:hover,
.fixedtab_datarows:hover .fixed-col {
background-color: var(--yellow-shade) !important;
}
.fixedtab_datarows:not(.boxed):hover,
.fixedtab_datarows:not(.boxed):hover .fixed-col {
background-color: var(--ltyellow-color) !important;
}
.fixedtab_datarows .fixedtab_col0 {
width:65px; max-width:65px;
}
.fixedtab_datarows .fixedtab_colx {
min-width:225px; max-width:300px;
}
.fixedtab_frows td {
background-color: var(--ltyellow-color) !important;
}
/*#######################################*/
/** 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: #ffffff; 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 #999999;
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:#CCCCCC;*/
/*background-color:#C1D8E9;*/
background-color:#CFE9F9;
height:60px;
}
.ppr_cw {
background-color:#F5F5F5;
}
.ppr_cw1 {}
.ppr_cw2 {
/*border-left:1px dotted #999999;*/
}
.ppr_cp {
/*background-color:#FFD5C2;*/
background-color:#C1D8E9;
}
.ppr_cp1 {}
.ppr_cp2 {}
.ppr_cb {
/*background-color:#FFD5C2;*/
background-color:#A9C8DB;
}
.ppr_zone {
color:#000000; 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:#666666; font-size:9px;
text-align:left;
}
.ppr_desc ul {
margin-left:10px; padding:0px;
}
.ppr_cg, .ppr_cp {
vertical-align:top;
}
/** Screen Sub-menu (NOT Top-nav menu)**
*#######################################*/
.submenu_title {
background:url("/images/new/GreyDownCaretLarge.png") left center no-repeat scroll transparent;
display:inline-block; color:#000000;
padding-left:20px; cursor:pointer;
font-size:18px; text-transform:uppercase;
z-index:10;
}
.submenu_header {
background:none transparent;
display:block; position:relative;
padding:0; margin:10px 0px 15px -20px;
}
.submenu_list {
border:none !important;
top:22px; width:250px !important;
padding:0px; margin:0px;
}
.submenu_list ul, .submenu_list li {
list-style:none;
}
.submenu_list ul {
border:1px solid #666666 !important;
width:99%; padding:0px !important;
}
.submenu_list li {
padding:5px 10px !important;
}
.submenu_list li:hover .nav_link {
color:#FFFFFF;
}
.submenu_list li:hover .nav_linkd {
color:#F2F2F2;
}
.submenu_content {
display:block;
clear:both; position:relative;
}
.submenu_content .rowsecbar,
.submenu_content .rowsecbara {
background-color:#6388A0 !important;
color:#FAFAFA !important;
border-color:#6388A0 !important;
border-top-left-radius:7px;
border-top-right-radius:7px;
/*margin-top:10px;*/
}
.submenu_content .rowsectb {
/*margin-bottom:10px !important;*/
}
/** Reports **/
.rptcontainer {
border-bottom:1px solid #E9E9EA;
display:block; clear:both;
margin:0px 0px 0px 0px;
padding:12px 0px 8px 0px;
position:relative;
list-style:none;
}
.rptcontainer:hover {
background-color:#F2F2F2; /* #FFFFE0; /* #FFFFE0*/
}
.rptcontainer:first-child {
/*border-top:1px solid #999999;*/
}
.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:#000000 !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;
min-width:220px; max-width:275px;
}
/** Admin / Maintenance Screen **
*#######################################*/
#adminMenuContent {
display:block; position:relative;
clear:both; float:none!important;
}
.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;
}
#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 #A0A0A0;
background-color: #D3D3D3;
color:#FF0000;
}
#um_val {}
#um_sub {}
#um_display {}
#reportYear {}
/*##########################################################*/
/*##########################################################*/
/** 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 30px;
}
.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;
}
ul.helpn_block {}
ul.helpn_block li {
list-style-type:none;
}
.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:#3399FF;
}
.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 #000000;
float: left; position: relative;
top: 0px; left: 0px;
width: 200px; height: 16px;
}
.pbardone {
position: absolute;
top: 0px; left: 0px;
height: 16px;
background-color: #666666;
}
.prog, .prog:hover {
display:inline-block; color:#3399FF !important;
padding:2px 5px; z-index:99;
}
.proga {
background:url("/images/progress_small.gif") no-repeat scroll center right transparent !important;
color:#666666;
padding-right:21px !important; cursor:progress !important;
}
.proga:hover {
cursor:progress !important;
}
.progd {
background:none #FFFFE0 !important;
border:1px solid #99CCFF !important;
margin:0px 3px !important;
}
.progd, .progd:hover {
color:#3399FF;
cursor:pointer; text-decoration:underline !important;
}
.progd a, .progd:hover a, .progd a:hover {
font-weight:bold; text-decoration:underline !important;
cursor:pointer !important;
}
/** Employee Search **
*#####################################################*/
.assocsel_div {}
/** 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:#999999 !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 #A0A0A0 !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 #567473;
border:1px solid #567473;
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;
}
/** jQuery UI - Custom Styles **
*##################################################################*/
/** jQuery General Overwrite **/
.ui-widget {
font-family:inherit !important;
font-size:inherit !important;
}
.ui-menu {}
.ui-menu li, .ui-menu div,
.ui-menu .ui-state-active {
border:0px none transparent;
background:none transparent;
color:#000000;
}
.ui-tooltip {
width:auto; overflow:visible !important;
/*max-width:35%; max-height:480px;*/
}
.ui-tooltip, .ui-corner-all {
border-radius:7px !important;
}
.ui-widget-shadow {
-webkit-box-shadow: 4px 4px 10px #AAAAAA;
box-shadow: 4px 4px 10px #AAAAAA;
}
/** Custom Widget / Dialog Settings **/
.mywidget, .mywidget2, .mywidgetc {
border:2px solid #1C1C1C !important;
padding:0px !important; overflow:hidden !important;
}
.mywidget .ui-dialog-titlebar {
display: none; overflow:visible;
width:95% !important;
}
.widget {
padding:0px !important; position:relative !important;
overflow-x:hidden !important; overflow-y:auto !important;
height:auto; width:auto; margin:0px auto !important;
}
.cwidget {
padding:0px !important; margin:0px !important;
width:100% !important;
}
.dwidget {}
.uwidget {}
.widgeth {
background:url("/images/navbg.png");
height:23px; color:#FFFFFF !important;
clear:both; float:none !important;
display:block; position:relative;
margin:0px; padding:5px 5px 2px 7px !important;
}
.widgeth h3 {}
.widgeth div {}
.widgeth span:not(.xclose) {}
.widgeth div, .widgeth h3 {
display:inline-block; clear:both;
line-height:14px; font-size:11px !important;
white-space:nowrap; overflow:visible;
}
.widgeth .xclose {}
.widgetb {
padding:5px; display:block;
overflow:hidden;
}
.widgetb .save_button {
float:right;
}
.widgetb ul, .widgetb li {
list-style:none;
margin:0px; padding:0px;
}
.widgetb > ul {
margin-bottom:10px;
}
.widgetb .header {
padding:2px; font-weight:bold;
}
.ui-dialog-titlebar {}
.mywidget .ui-dialog-titlebar {
display:none !important;
visibility:hidden !important;
}
.mywidget2 .ui-dialog-titlebar {}
.mywidgetc .ui-dialog-titlebar {}
.widgeth.ui-dialog-titlebar {}
.widgeth .ui-dialog-title {
width:99% !important; margin:0px !important;
}
.ui-dialog-titlebar .xclose {
z-index:inherit;
}
.widgeth.ui-dialog-titlebar .xclose {
/*margin-top:-17px;*/
}
.ui-dialog-titlebar-close {}
.mywidget .ui-dialog-titlebar-close {}
.mywidget2 .ui-dialog-titlebar-close {}
.mywidgetc .ui-dialog-titlebar-close {}
.xclose.ui-dialog-titlebar-close {
z-index:inherit;
}
.xclose .ui-icon {
background:none transparent !important;
z-index:-1;
}
.mywidget .ui-dialog-content {}
.mywidget2 .ui-dialog-content {}
.mywidgetc .ui-dialog-content {}
.widget.ui-dialog-content {}
.cwidget.ui-dialog-content {}
.dwidget.ui-dialog-content {}
.uwidget.ui-dialog-content {}
/** Custom Tooltip Settings **/
.tt, .tt1, .tt2, .ttwm, .ttwi, .ttwid, .ttwim {
/*cursor:pointer;*/
}
.tt_container { /* Everything inside .tt_container is displayed as Tooltip */
display:none !important;
visibility:hidden;
}
.tt_content, .tt_content2 {
display:block; clear:both;
font-size:12px; position:relative;
padding:5px; margin:0px;
width:auto; height:auto;
max-width:600px; max-height:450px;
text-align:left; overflow:auto;
}
.tt_content {
background-color:#FFFFFF; /* white */
}
.tt_content2 {
background-color:#FFFFE0; /* light-yellow */
}
.tt_content_inner, .tt_content2_inner {
display:block; font-size:inherit;
padding:3px 5px; margin:0px;
}
.tt_content_inner {}
.tt_content2_inner {}
.tt_title, .tt_title0, .tt_title1, .tt_title2, .tt_title3 {
display:block; clear:both;
font-weight:600; position:relative;
padding:7px 5px; margin:0px;
white-space:nowrap;
}
.tt_title {
font-size:18px; font-weight:normal !important;
padding:10px; text-align:center !important;
}
.tt_title0 {
font-size:18px; padding-bottom:10px;
}
.tt_title1 {
font-size:15px; padding-bottom:10px;
}
.tt_title2 {
font-size:inherit !important;
}
.tt_title3 {
font-size:10px; font-weight:800;
}
.tt_content ul, .tt_content ol, .tt_content li,
.tt_content2 ul, .tt_content2 ol, .tt_content2 li,
.tt_content h1, .tt_content h2, .tt_content h3,
.tt_content h4, .tt_content h5, .tt_content h6,
.tt_content2 h1, .tt_content2 h2, .tt_content2 h3,
.tt_content2 h4, .tt_content2 h5, .tt_content2 h6,
.tt_content p, .tt_content2 p {
padding:10px; margin:0px;
}
.tt_content li, .tt_content2 li {
padding:3px 5px;
}
.tt_content > ul {}
.tt_content > ol {
list-style-type:decimal;
}
.tt_content2 > ul, .tt_content2 > ol {
list-style-type:none;
}
.ttlist {
font-size:11px;
padding:5px 5px 5px 0px;
margin:0px 0px 0px 10px;
}
.ttlist .ttlist_title {}
.ttlist li, .ttlist2 li {
padding:3px;
}
.ttlist2 li {
list-style:none;
}
.tt_tab {
font-size:11px;
margin-top:5px;
margin-left:5px;
}
.tt_tab td {
padding:3px 5px;
}
/** Auto-complete Search settings **/
.inputac {
background:url("/images/new/SearchIcon.png") no-repeat scroll 165px 5px #FFFFFF !important;
border:1px inset #567473 !important;
position:relative; border-radius:5px !important;
padding:3px !important; cursor:text;
height:16px !important; width:180px !important;
vertical-align:middle; text-align:left;
z-index:inherit;
}
/* Assoc and Other Autocomplete searches */
.assoc_display {
display:block; clear:both;
padding:10px; /*white-space:nowrap;*/
}
.assoc_display > div {
float:left;
left:0; top:0;
display:inline-block;
position:relative; line-height:15px;
z-index:inherit;
}
.assoc_display_search {}
.assoc_display_txt {
padding:2px 10px; margin:0;
border:0px transparent;
}
.assoc_display_btn {
padding:2px 10px;
}
/* New */
.searchac_container {
background:none transparent;
display:block; position:relative;
clear:both; float:none;
margin:0px; padding:10px 5px;
}
.searchac_container.searchac_floatleft {}
.searchac_container.searchac_floatright {}
.searchac_item {
position:relative; display:inline-block;
margin:0px 5px; padding:0;
}
.searchac_container.searchac_floated > .searchac_item {
float:left !important;
display:block; margin-right:10px;
}
.searchac_sel, .searchac_name {
padding:2px; overflow:visible;
min-width:180px; max-width:300px;
}
.searchac_lbl {
display:inline-block;
margin-right:5px; font-weight:600;
}
.searchac_ele {}
.searchac_ele input.inputac {}
.searchac_txt {
font-weight:300; overflow:hidden;
top:2px;
}
.searchac_btn {}
.searchac_btnright {
float:right;
}
.searchac_btnnext {
float:none !important;
clear:both; display:block;
margin-top:15px;
}
.searchac_btncenter {
text-align:center;
}
/** Datepicker settings **/
.datepicker, .datepicker_icon {
/*background:url("/images/icons.png") no-repeat scroll -251px -27px #FFFFE0;*/
background:url("/images/new/CalendarIcon.png") no-repeat scroll 87px 2px #FFFFFF;
}
.datepicker {
/*border: 1px inset #800000 !important;*/
border: 1px inset #999999 !important;
padding:2px !important; cursor: pointer;
height:16px !important; width:100px !important;
vertical-align: middle; text-align: left;
z-index:10;
}
.datepicker_icon {
/*background:url("/images/icons.png") no-repeat scroll -221px -168px #FFFFE0;*/
height:16px; width:16px; font-size:0px; cursor:pointer;
display:inline-block; vertical-align:middle;
z-index:10;
}
.ui-datepicker {
z-index:99 !important;
}
/*#########################################################*/
/** Admin screen **/
/*#########################################################*/
.admintbl {
width:auto !important;
}
.admintbl td {
padding:5px 7px !important;
}
.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;
}
/* Matrices */
#matrixMeritBudget {}
#matrixMeritRightTab {
display:block; position:absolute;
right:5px; top:10px;
z-index:99;
}
#matrixMeritBudget input[type="checkbox"] {
bottom:-3px;
}
#matrixRatingsDistrContent {}
#matrixRatingsDistrContent table {
background-color:#FFFFFF;
width:auto;
}
/*#########################################################*/
/*#########################################################*/
/* User Settings Page */
.userdiv-container {
margin:20px 10px;
}
.settings-frame .userdiv-container {
margin:0 !important;
}
.userdiv-content {
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 {}
#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 #999999;
color:#666666; letter-spacing:0.15em;
font-style:italic; cursor:text !important;
}
.userdiv-container .buttons_container {}
.userdiv-container .buttons_container .ibutton2 {
margin-right:50px;
}
.userdiv-manage {
display:block; position:absolute;
right:0; top:12px;
z-index:31;
}
.userdiv-manage .link3 {
margin-right:10px;
}
.userdiv-manage .downb_icon {}
#chgacc {}
#chgacc .chg_user_divinn {
margin:5px 0px;
}
#accdiv1 .admintbl {
width:99%;
}
.chgacc_title {
display:inline-block;
font-size:16px; margin-left:10px;
}
.chgacc_newval {
display:none;
}
.statcol {
position:relative;
height: 100px;
width: 25%;
box-sizing: border-box;
}
.atagbox {
position:relative;
border-radius: 25px;
border: 2px solid var(--tablecell);
height: 100px;
width:80%;
text-align:center;
margin: auto;
}
/* Clear floats after the columns */
.statrow {
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
/** Viewport settings **
*###################################################*/
/* 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;*/
}
.scrolltab_container {
width:980px; max-width:980px;
}
#rateallList .scrolltab_right {
min-width:627px; max-width:627px;
}
.scrolltab_content {}
}
/* 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;
}
#rateallList .scrolltab_right {
width:850px !important;
/*min-width:627px; max-width:627px;*/
}
.scrolltab_content {}
}
/* 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;
}
#rateallList .scrolltab_right {
width:1010px !important;
/*min-width:627px; max-width:627px;*/
}
}
/*###################################################*/
/* Stick First Column and Header */
:root {
--stickyBackground: #f5f5f5;
--borderColor: #C9D1DC;
}
.table-wrapper {
height: 500px;
/* border: 1px solid var(--borderColor); */
border: 1px solid white;
overflow: auto;
}
.stickythead {
font-size: 10px;
line-height: 14px;
/* letter-spacing: 0.05em;
text-transform: uppercase; */
}
th.sheader,
td.srow {
padding: 3px 3px;
white-space: nowrap;
border-bottom: 1px solid var(--borderColor);
text-align:center;
z-index: 1;
}
td.srow {
border-left: 1px solid var(--borderColor);
}
th.sheader {
width:120px;
}
/*
STICKY ROW
Normal css box-shadow works for the header as it is a single html element
*/
tr.sticky {
position: sticky;
top: 0;
z-index: 100;
background: var(--stickyBackground);
box-shadow: 0 0 6px rgba(0,0,0,0.25);
}
tr.stickyhdr {
position: sticky;
top: 0;
z-index: 100;
/* background: var(--stickyBackground); */
/* background:none var(--tablehdr); */
box-shadow: 0 0 6px rgba(0,0,0,0.25);
}
.stickyhdr {
color:#FFFFFF !important;
background:none transparent;
border-collapse:separate;
height:22px; font-size:13px;
text-align:center; font-weight:600;
}
.stickyhdr th {
background:none var(--tablehdr);
border-top:1px solid var(--tablehdr);
border-right:1px solid var(--tablehdr);
border-bottom:1px solid var(--tablehdr);
padding:8px 3px; text-align:center !important;
}
.stickyhdr > th:first-child {
border-left: 1px solid var(--tablehdr);
border-top-left-radius:7px;
}
.stickyhdr > th:last-child {
border-right: 1px solid var(--tablehdr) !important;
border-top-right-radius:7px;
}
/*
STICKY COLUMN
Avoid undesirable overlapping shadows by creating a faux shadow on the ::after psudo-element instead of using the css box-shadow property.
*/
th.stickyhdr {
position: sticky;
left: 0;
z-index: 100;
}
td.sticky {
position: sticky;
left: 0;
background: var(--stickyBackground);
z-index: 100;
}
th.sticky::after,
td.sticky::after {
content: "";
position: absolute;
right: -6px;
top: 0;
bottom: -1px;
width: 5px;
border-left: 1px solid var(--borderColor);
background: linear-gradient(90deg, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0) 100%);
}
th.sticky::before,
td.sticky::before {
content: "";
position: absolute;
left: -6px;
top: 0;
bottom: -1px;
width: 5px;
border-right: 1px solid var(--borderColor);
background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.08) 100%);
}