/* DEFAULTS
----------------------------------------------------------*/
@font-face {
	font-family: 'NobileBoldItalic';
/*	src: url('../fonts/nobile_bold_italic-webfont.eot');
	src: url('../fonts/nobile_bold_italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/nobile_bold_italic-webfont.woff') format('woff'), url('../fonts/nobile_bold_italic-webfont.ttf') format('truetype'), url('../fonts/nobile_bold_italic-webfont.svg#NobilebolditalicBold') format('svg');
*/	font-weight: normal;
	font-style: normal;
}
html {
    min-height: 100%;
}
body {
    position: relative;
    margin: 0;
    padding-bottom: 1rem;
    min-height: 100%;
    background: #ffffff; /*b6b7bc;*/
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    height: 100%;
    /*    background-image: url("/images/background-stars.jpg");*/
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    /*    color: #696969; */
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

p, ul {
    padding: 0 10px 0 10px;
    margin: 0;
}

.NoLink {
    text-decoration:none;
}

/* 3INGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    /*color: #666666;*/
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0;
}

h1
{
	font-family: 'NobileBoldItalic';
    font-variant: normal;
    font-size: 1.6em;
    padding-bottom: 0;
    margin-bottom: 0;
    font-weight: bold;
    
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page {
    background-color: #f0e1b8;
    border: 1px solid #496077;
    margin: 0 18px 0 10px;
    min-height: 94vh;
}

.header
{
    position: relative;
    margin: 0;
    padding: 0;
    background: #ffff00; 
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0;
    padding: 0 0 0 20px;
    color: #0909f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0 12px;
    margin: 8px 4px 4px 4px;
}

.leftCol
{
    padding: 6px 0;
    margin: 12px 8px 8px 8px;
    width: 100px;
    min-height: 100px;
}

.footer {
    position: fixed;
    bottom: 0;  /*%;*/
    left: 0;
    background-color: #ffffff;
    color: #2e2726;
    padding: 2px 10px 0 12px;
    margin: 0;
    font-size: .8em;
    width: 100%;
    line-height:12px;
    z-index:1000;   
}

.ErrorDiv {
    z-index:1000;
    background-color:#ffff00;
    position:relative;
}
/* TAB MENU   
----------------------------------------------------------*/

.hideSkiplink {
    background-color: #034af3; /* #753a26; Brown */
    width: 100%;
}

div.menu
{
    position:relative;
    left:70px;
    padding: 4px 0 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #006f23;
    border: 1px #6ea69d solid;
    color: #fdf4fc;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
    font-variant-caps:small-caps;
}

div.menu ul li a:hover
{
    background-color: #2aff53;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

.login label, .register label, .changePassword label
{
    display: block;
}

fieldset .inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}


.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title {
    color: blue;
    display: block;
    float: left;
    text-align: left;
    width: auto;
    padding:0 10px 0 10px;
    font-size:24pt;
    font-weight:bold;
    font-variant-caps: small-caps;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

#DefaultPageDiv {
    position: relative;
    padding: 10px;
    height: 85vh;
    min-height: 600px;
    min-width: 800px;
}
#DefaultPageTextBackground {
    position: absolute;
    top: 10px;
    right: 300px;
    background-color: #3fff00;
    padding: 10px 20px 1px 30px;
    width: 350px;
    opacity: 0.9;
    border-radius: 20px 100px 15px 3px;
}
#DefaultPageText
{
    font-weight:bold;
    color: #0f0f00; 
}
#EditDataDiv 
{
    padding: 10px 0 10px 20px;
    border: 2px solid black;
    background-color: #ffff00;
    width: 400px;
    position: absolute;
    border-radius: 4px;
    box-shadow: 8px 8px;
    z-index:2;
}
.LoggedInDiv {
    text-align:right;
    position:relative;
    top:6px;
    float: right;
    font-size: .8em;
    padding: 0;
    margin: 0;
}
.LoggedInDiv a {
    color: black;
    text-decoration: none;
}

.ButtonClass {
    display:inline-block;
    background-color: #4fff4f;
    position: relative;
    top: 0;
    padding: 3px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 4px;
    border: 1px solid blue;
    box-shadow: black 2px 2px;
    font-size: 7pt;
    white-space: nowrap;
    text-align:center;
}
.DisabledButtonClass {
    display: inline-block;
    background-color: #afafaf;
    position: relative;
    top: 0;
    padding: 3px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 4px;
    border: 1px solid blue;
    box-shadow: black 2px 2px;
    font-size: 7pt;
    white-space: nowrap;
    text-align: center;
}

.ButtonClass a {
    text-decoration:none;
}
.ButtonClass:hover 
{
    top: 1px;
    left: 1px;
    background-color: #afffaf;
    box-shadow: black 1px 1px;
    cursor: pointer;
/*  font-size:9pt; */
}
.CancelButtonDiv
{
    cursor:pointer;
    border: 2px solid black;
    background-color: #cfcfcf;
    position: inherit;
    right: 2px;
    top: 2px;
    text-align: center;
    width: 8px;
    padding: 0;
}
.CancelButton {
    cursor: pointer;
    border: 2px solid black;
    background-color: #cfcfcf;
    position: inherit;
    right: 2px;
    top: 2px;
    text-align: center;
    width: 14px;
    padding: 0;
}
.ContentButton {
    white-space: normal;
    margin: 25px;
    width: 100px;
    height: 100px;
}
.ButtonImg
{
    cursor:pointer;
}
#LoginDiv {
    position: absolute;
    right: 1px;
    top: 50px;
    border: 2px solid blue;
    border-right: 0;
    border-top: 0;
    width: 340px;
    z-index: 100;
    font-size: .9em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    border-radius: 0 0 0 20px;
    background-color: #4fff4f;
}
input
{
    border-radius: 3px;


}
#LoginTable {
    width: 100%;
    border-collapse: separate;
    padding: 0 10px 0 10px;
}
.LoginButton {
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px 5px 5px 5px;
    background-color: #9fcfff;
    color:blue;
    border: 2px solid blue;
}
#AttachPicDiv
{
    background: white;
    position:absolute; left:200px; top:100px;
    border: 2px solid blue;
    display: none;
    padding: 20px;
    text-align:center;
    box-shadow: 5px 5px;
    border-radius: 5px;
}
.FeedbackDiv {
    position: absolute;
    top: 30%;
    right: 0;
    width: 15px;
    background-color: #ffff7f;
    border: 2px solid black;
    border-right: 1px solid gray;
    text-align: center;
    border-radius: 12px 0 0 5px;
    font-weight:bold;
    text-decoration:none;
    padding: 6px 0 10px 0;
    font-variant:small-caps;
    z-index:99;
}
.FeedbackDiv:hover
{
    width:30px;
    background-color: yellow;
    font-size: 14px;
}
.FeedbackDiv a 
{
    font-variant: small-caps;
    text-decoration: none;
}
.CategoryButtonDiv {
    background-color: #cfefcf;
    border: 2px solid black;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    white-space: normal;
    margin: 25px;
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    box-shadow: black 4px 4px;
    padding: 0;
}
.CategoryButtonInnerDiv {
    border: 2px solid black;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    white-space: normal;
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    padding: 0;
}
.CategoryButtonSpan {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    font-weight: bold;
    color: blue;
    margin: 10px;
    max-width: 110px;
    text-wrap:normal;
    word-wrap:break-word;
}
.BackButtonDiv {
    position: absolute;
    top: 25px;
    left: 10px;
    width: 45px;
    height: 20px;
    background-color: #ffffa0;
    color: black;
    font-size: 8pt;
    font-weight: bold;
    border: 1px solid black;
    border-radius: 3px;
    padding: 0 4px 0 4px;
    white-space:nowrap;
}
.BackButtonDiv:hover
{
    background-color: #ffff40;
    top:61px;
    left:11px;
}
.BackButtonDiv a
{
    text-decoration: none;
}
/* Tab Section Formatting */

.TabMenu {
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.TabMenu li
{
    float: left;
    border-right: 1px solid #bbb;
}
.TabMenu li a:hover 
{
    background-color: #00ffff;
}
.TabMenu a 
{
    background-color: #4CAF50;
    color: black;
    display: block;
    width: 80px;
    text-decoration: none;
    border: 1px solid #555;
    text-align: center;
    border-radius: 8px 4px 0 0;
}

 .TabMenuActive a
 {
     position:relative;
     top:-2px;
     font-size:16px;
    background-color: #00ff00;
    color: blue;
}
.TabMenuActive a:hover {
    background-color: #f0ff00;
}

.historydiv {
    background-color: white;
    border: solid 1px #753a26;
    border-radius: 5px;
}

.MessageUnread {
    background-color: #7fff7f;
}
.MessageRead {
    background-color: #7fffff;
}

.EmpDiv {
    border: 1px black solid;
    position:relative;
    height: 30px;
    max-height:30px;
    left:44px;
}

    .EmpDiv:hover {
        border-top: 4px blue solid;
        border-bottom: 4px blue solid;
        height: 36px;
        max-height: 36px;
/*        cursor:pointer; */
    }

.TopmostDiv {
    /*  position: fixed; */
    position: fixed;
    background-color: white;
    z-index: 3;
    border-bottom: 1px solid black;
    top: 50px;
    width: 100%;
    width: -webkit-fill-available;
}


.mydiv1 {
    width: 200px;
    height: 1000px;
    border: 1px solid blue;
    float: right;
    position: relative;
    margin-right: 100px;
    background-color: yellow;
}

div.positioner {
    position: absolute;
    right: 0;
}
/*may not be needed: see below*/
    div .fixed {
    width: 80px;
    border: 1px solid red;
    height: 100px;
    position: fixed;
    top: 60px;
    margin-left: 15px;
}


.EmpDivData {
    cursor:auto;
}

.ClassRed {
    background-color:red;
}

.DCPTableDiv {
    overflow-y: auto; /* make the table scrollable if height is more than 200 px  */
    height: calc(100vh - 300px);
    min-height:400px;
}

    .DCPTableDiv thead th {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 100;
    }
.DCPTable {
/*    border-collapse: collapse; / * make the table borders collapse to each other */
    width: 100%;
}
.thc {
    background-color: white;
    padding: 2px;
    text-align: center;
    border: 2px solid blue;
    height:45px;
}

.newtable .thc {
    background-color: transparent;
    padding: 0;
    text-align: center;
    border: 0;
    height: unset;
    color: white;
}
.DCPTable td {
    border: 1px solid blue;
    padding: 2px;
}
/*    .DCPTable th {
    }
    */

.DCP_EmpName {
    white-space:nowrap;   
}

.VerticalCrosshair {
    position: absolute;
    display: inline-block;
    width: 2px;
    top: 0;
    border: 2px dashed blue;
    z-index: 10;
}

.DeptSection {
    border:1px solid black;
    border-top: 0;
    border-bottom: 0;
    padding: 0;
    white-space: nowrap;
    page-break-after:always;
}
.DeptEmp {
    display:inline-block;
    page-break-inside:auto;
}
table.paging thead td {
    display: none;
}
.TopTotals {
    top: 92px;
    left: 5px;
}

.PrintOnly {
    display: none;
}

i.fa {
    display: none;
    font-weight: 400;
    font-size: 1.2em;
    padding-left: 5px;
    padding-right: 5px;
}

i.noattest, i.nopdata, i.danger, i.nofinal, i.allocationzero {
    color: red;
}

i.defaultsched, i.customsched, i.podiff:not(.podiffover), i.pidiff:not(.pidiffover), i.isattest, i.iserrflag, i.istimeoff, i.ispdata {
    float: right;
    color: #aba8a8;
}

i.dayoff {

float: right;
}

    i.dayoff:hover {
    
    cursor:pointer;
    }


    .DCPTable.tbl-Time tr.grpfirstrow td.statuscol,
    .DCPTable.tbl-Time tr.grpdatarow td.statuscol {
        border-bottom-color: transparent;
    }

tr.pidiff i.fa.pidiff,
tr.podiff i.fa.podiff,
tr.nopdata i.fa.nopdata,
tr.nofinal i.fa.nofinal,
tr.dayoff i.fa.dayoff,
tr.iserrflag i.fa.iserrflag,
tr.noattest i.fa.noattest,
tr.defaultsched i.fa.defaultsched,
tr.customsched i.fa.customsched,
tr.isattest i.fa.isattest,
tr.istimeoff i.fa.istimeoff,
tr.allocationzero i.fa.allocationzero,
tr.ispdata i.fa.ispdata {
    display: inline-block;
}


table.DCPTable.table.tbl-Time tr.grpdatarow i.fa {
    display: none;
}


.newtable th, .newtable .thc {
    background-color: #385385 !important;
    border: 0 !important;
}


.thc.thcinfo.thcblocking {
    border-right: 1px solid white !important;
    width: 50%;
    text-align: left;
}

.thc.thcinfo.thcnonblocking {
    float: right;
    width: 50%;
    text-align: right;
}

th.status.repth, td.status.reptd {
    max-width: 200px;
}

.repth.status > div {
    display: inline-block;
}

/* EZ: fix visibility & top nav layout */*/


.view-week .ProjectInput {
    color: white !important;
    font-weight: bold !important;
}

.view-week .ProjectInput[title="Off"] {
    background-color: #b1b1b1 !important;
}

#TopDiv.view-week br {
    display: none !important;
}

div#TopDiv.view-week {
    height: 90px !important;
}

#TopDiv.view-week > div:has(select[name="deptfilter"]) {
    left: 180px !important;
    top: 68px !important;
}

#TopDiv.view-week > div:last-of-type {
    top: 71px !important;
}

div#MainDiv.view-week > div > div > div {
    top: 68px !important;
}

span#MainContent_ContentLabel > div:has(#MainPersDiv.view-week) {
    top: 169px !important;
}



#MainPersDiv.view-week #DeptDivs .ProjectInput {
    color: white !important;
    font-weight: bold !important;
}

.ButtonClass.ezbtn.actionbtn {
    background-color: #3f3fff !important;
    color: white !important;
    font-weight: bold !important;
}

.ButtonClass.actionbtn:hover {
    background-color: #64b2ff !important;
}

.ButtonClass.reportbtn {
    margin-right: 10px;
    margin-left: 4px;
}

div#TopDiv .datetext {
    margin-left: 5px;
    font-weight: bold;
}



#TopDiv.view-proj > div > div br {
    display: none !important;
}

#TopDiv.view-proj > div > div {
    margin-bottom: 15px;
}

#TopDiv.view-proj > div > div.NoPrint > div:has(input[name="HideEmpty"]) {
    max-width: 195px;
}

#TopDiv.view-proj > div > div.NoPrint {
    max-width: 365px;
}

#TopDiv.view-proj select#FilterDiv {
    display: block;
}

#TopDiv.view-proj > div > div > div:has(input[name="HideEmpty"]) br {
    display: block !important;
}



#TopDiv.view-proj.isweekend > div > div {
    margin-bottom: 9px;
}


li:has(.logout) {
    position: absolute;
    right: 1rem;
}


.navbar.navbar-inverse.navbar-fixed-top > div.container {
    margin-left: 0;
}


.hidr {
display:none !important;
}

.invis {

visibility:hidden !important;
}

li:has(.logout) {
    position: absolute !important;
}

/* EZ end fix  */




/* EZ Modal */

.modal {
    background-color: black !important;
}

.modal-header {
    border-bottom: none;
    padding-bottom: 10px !important;
    box-shadow: rgb(43 58 170 / 9%) 0px 3px 12px;
    background-color: #385385;
    color: white !important;
    padding-top: .7rem !important;
}

.modal-header {
}

.modal-body {

    padding-left: 2rem;
    padding-right: 3rem;
}

.modal-title {
    color: white;
}

.modal button.close.okitaclosebutton {
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: inherit;
    outline: none;
    line-height: 1;
    contain: layout style;
    cursor: pointer;
    z-index: 0;
    box-sizing: border-box;
    appearance: none;
    -webkit-font-smoothing: antialiased;
    margin: 0px;
    line-height: 1;
    contain: layout style;
    cursor: pointer;
    box-sizing: border-box;
    appearance: none;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    display: inline-block;
    width: auto;
    color: inherit !important;
    text-align: center;
    text-decoration: none !important;
    white-space: normal;
    user-select: none;
    vertical-align: -webkit-baseline-middle;
    font-kerning: none;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none;
    font-size: 1.3rem !important;
    position: relative;
    /* left: 0; */
    top: 10px;
    max-width: unset;
    max-height: unset;
    /* padding: 5px 16px; */
    opacity: .8;
    border-radius: 20px;
    position: absolute;
    right: 1rem;
    height: 24px;
    width: 89px;
}

    .modal button.close.okitaclosebutton:after {
        content: "close";
        color: white;
        /* opacity: 1; */
        /* position: absolute; */
        right: 1rem;
        top: 1.7rem;
        font-weight: 600 !important;
        text-shadow: none !important;
    }

.modal-header i, .modal-header span.originalmodalclose {
    display: none;
}

span.hidr.originalmodalclose {
}

.modal legend {
    border-bottom: 0;
}

.modal .modal-dialog {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: 100vh !important;
    top: 25%;
    z-index:1060;
}

button.close.okitaclosebutton:hover {
    background-color: white !important;
    color: black !important;
    border: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

    button.close.okitaclosebutton:hover:after {
        color: black !important;
        font-weight: 700;
    }


.modal-content {
    min-height: 100%;
}

.modal.fade.show,.fade.show {
    opacity:1 !important;
}


.ctrlholdr .ButtonClass:not(.NoPrint) {
    background-color: #385385;
    color: white;
    padding: 3px 10px;
    font-size:1.2rem;
}

.ctrlholdr .ButtonClass:hover {
    background-color: #0d67ff;
}

.ctrlholdr a.active .ButtonClass {
    background-color: #0d67ff;
}


/* END EZ Modal  */



/* EZ SORT */
.sort {
    position: relative;
}

    .sort div {
        width: fit-content !important;
        position: relative;
    }

    .sort:hover {
        cursor: pointer;
        background-color: #476396 !important;
    }

    .sort:before {
        display: inline-block;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #ffffff87;
        content: "";
        position: absolute;
        top: 35%;
        right: 5px;
        /* color: white; */
        /* border-color: white; */
    }

    .sort:after {
        display: inline-block;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #ffffff87;
        content: "";
        position: absolute;
        top: 55%;
        right: 5px;
        /* color: white; */
        /* border-color: white; */
    }



    .sort.asc:before {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #ffffff87;
        content: "";
        position: absolute;
        top: 4px;
        right: -5px;
        top: 35%;
        right: 5px;
    }


    .sort.asc:after {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #fff;
        content: "";
        position: absolute;
        top: -4px;
        right: -5px;
        top: 55%;
        right: 5px;
    }



    .sort.desc:before {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #fff;
        content: "";
        position: absolute;
        top: -4px;
        right: -5px;
        top: 35%;
        right: 5px;
    }

    .sort.desc:after {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #ffffff87;
        content: "";
        position: absolute;
        top: -4px;
        right: -5px;
        top: 55%;
        right: 5px;
    }

.newtable .repth {
    text-align: left;
}

.repth.dept {
    text-align: center;
}

.repth.punchin, .repth.punchout, .repth.totaltime {
    text-align: right;
}

.totaltime .thc {
    text-align: right;
}

.repth.sort.attest {
    min-width: 40px;
}

.sort .thc {
    background-color: transparent !important;
}

/* END SORT  */


thead.norm {
    display: none;
}



table.headersonly {
    position: absolute;
    max-width: 1160px;
    top: 180px;
}

.tableholdr.tbl-TimeNew .list {
    padding-top: 50px;
}

.tbl-TimeNew.inner {
    margin-bottom: 0;
}



.tbl-TimeNew th.dept.repth, .tbl-TimeNew td.deptcol.reptd {
    width: 75px !important;
}



.tbl-TimeNew th.name.repth, .tbl-TimeNew td.namecol.reptd {
    width: 380px !important;
}

.tbl-TimeNew th.shift.repth, .tbl-TimeNew td.shiftcol.reptd {
    width: 125px !important;
}

.tbl-TimeNew th.punchin.repth, .tbl-TimeNew td.punchincol.reptd,
.tbl-TimeNew th.punchout.repth, .tbl-TimeNew td.punchoutcol.reptd {
    width: 80px !important;
}

.tbl-TimeNew td.totaltimecol.reptd, .tbl-TimeNew th.totaltime.repth {
    width: 80px !important;
}

.tbl-TimeNew td.attestcol.reptd, .tbl-TimeNew th.attest.repth {
    width: 40px !important;
}

.tbl-TimeNew td.reptd.hourscol, .tbl-TimeNew th.hours.repth {
    width: 60px !important;
}

.tbl-TimeNew td.reptd.overtimecol, .tbl-TimeNew th.overtime.repth {
    width: 50px !important;
}



.statuscol.repdiv {
    position: absolute;
    right: calc(calc(100vw - 1180px) / 2);
    top: 145px;
    width: 225px;
}

    .statuscol.repdiv i {
        display: inline-block;
    }

.statuscol.repdiv {
    position: absolute;
    right: calc(calc(100vw - 1173px) / 2);
    top: 130px;
    width: fit-content;
    /* background-color: #f2f0f0; */
}

div.statuscol.repdiv i.fa {
    color: black;
    border-radius: 0;
}


div.statuscol.repdiv i.noattest,
div.statuscol.repdiv i.nopdata,
div.statuscol.repdiv i.danger,
div.statuscol.repdiv i.nofinal,
div.statuscol.repdiv i.allocationzero {
    color: red;
}

i.fa.btn {
    opacity: .2;
    background-color: #f2f0f0;
}


    i.fa.btn.on {
        opacity: 1;
        background-color: white;
    }






body.dyninit table.tbl-New tr.reprow {
    display: none;
}

.sh-noattest table.tbl-New tr.reprow.noattest,
.sh-isattest table.tbl-New tr.reprow.isattest,
.sh-istimeoff table.tbl-New tr.reprow.istimeoff,
.sh-pidiff table.tbl-New tr.reprow.pidiff:not(.nopdata),
.sh-podiff table.tbl-New tr.reprow.podiff:not(.nopdata),
.sh-nopdata table.tbl-New tr.reprow.nopdata,
.sh-allocationzero table.tbl-New tr.reprow.allocationzero,
.sh-nofinal table.tbl-New tr.reprow.nofinal,
.sh-dayoff table.tbl-New tr.reprow.dayoff,
.sh-defaultsched table.tbl-New tr.reprow.defaultsched,
.sh-customsched table.tbl-New tr.reprow.customsched,
.sh-iserrflag table.tbl-New tr.reprow.iserrflag,
.sh-ispdata table.tbl-New tr.reprow.ispdata {
    display: table-row;
}


body.unhidden table.tbl-New tr.reprow.hidr {
    display: table-row !important;
}


.sh-noattest table.tbl-TimeNew:has(tr.reprow.noattest),
.sh-isattest table.tbl-TimeNew:has(tr.reprow.isattest),
.sh-istimeoff table.tbl-TimeNew:has(tr.reprow.istimeoff),
.sh-pidiff table.tbl-TimeNew:has(tr.reprow.pidiff):not(.nopdata),
.sh-podiff table.tbl-TimeNew:has(tr.reprow.podiff):not(.nopdata),
.sh-nopdata table.tbl-TimeNew:has(tr.reprow.nopdata),
.sh-allocationzero table.tbl-TimeNew:has(tr.reprow.allocationzero),
.sh-nofinal table.tbl-TimeNew:has(tr.reprow.nofinal),
.sh-dayoff table.tbl-TimeNew:has(tr.reprow.dayoff),
.sh-defaultsched table.tbl-TimeNew:has(tr.reprow.defaultsched),
.sh-customsched table.tbl-TimeNew:has(tr.reprow.customsched),
.sh-iserrflag table.tbl-TimeNew:has(tr.reprow.iserrflag),
.sh-ispdata table.tbl-TimeNew:has(tr.reprow.ispdata) {
    display: table;
}


body.unhidden table.tbl-New.hidr {
    display: table !important;
}


body.unhidden .repdiv a.unhideall:not(.unhidden) {

    display:none;

}


body:not(.unhidden) .repdiv a.unhideall.unhidden {
    display: none;
}


body.unhidden tr.reprow.hidr a.hiderowlink.unhide,
body.unhidden tr.reprow.hidr a.hiderowlink.unhide i {
    display: block !important;
}

a.hiderowlink.unhide {
    color: orange !important;
}

a.hiderowlink.unhideall.unhidden, a.hiderowlink.unhideall.unhidden i {
    color: orange !important;
}

a.hiderowlink.unhideall.unhidden {
    opacity: .8;
}

    a.hiderowlink.unhideall.unhidden:hover {
        opacity: 1;
    }


table.headersonly {
    top: 167px;
}

.tbl-TimeNew {
    margin-bottom: 0 !important;
}


.tableholdr.tbl-TimeNew .list {
    padding-top: 37px;
}


.statuscol.repdiv .showhide {
    position: absolute;
    content: "Click to Show / Hide:";
    left: -145px;
    top: 10px;
    font-weight: bold;
}

i.fa.btn:hover {
    opacity: 1;
    background: white;
}

i.fa.btn.on:hover {
    opacity: .2;
    background-color: #f2f0f0;
}

i#sh-noattest {
}

table.table.tbl-TimeNew tr.reprow.grpdatarow i.fa:not(.nofinal):not(.iserrflag) {
    display: none;
}


.ButtonClass.actionbtn.weekendbtn.ezbtn {
    margin-right: 10px;
}


tr.nopdata i.podiff.danger.podiffover.fa.fa-hourglass-end, 
tr.nopdata i.pidiff.danger.pidiffover.fa.fa-hourglass-start {
    display: none;
}


.showhide > a, .showhide > a:hover {
    color: black !important;
}


i.allocationzero.fa-a {
    position: relative;
    font-size: 1.15rem;
    left: 4px;
    top: -3px;
    font-weight: 900;
}

i.allocationzero.iconadd {
    position: absolute;
  /*  pointer-events: none; */
}

    i.allocationzero.iconadd.fa.fa-ban.btn {
        background-color: transparent !important;
        z-index: 999;
        padding-left: 1px;
    }

i.allocationzero.fa.fa-a.btn {
    left: 0;
    top: 0px;
    padding-top: 9px;
    padding-bottom: 10px;
}




i.fa.btn.allocationzero.on:hover ~ .allocationzero {
    opacity: .2;
    background-color: #f2f0f0;
}

i.fa.btn.allocationzero:hover ~ .allocationzero {
    opacity: 1;
    background: white;
}



th.name.repth > .thc > span {
    font-weight: normal !important;
    margin-right: 15px;
}

th.name .thc {
    background-color: transparent !important;
}

span.sort:before, span.sort:after {
    right: -13px !important;
}

th.name.repth > .thc > span:first-of-type {
    margin-left: 10px;
}

span.sort:before {
    top: 10%;
}


th.name.repth .thc {
    text-align: left;
}

th.name.repth > .thc > span.formatn {
    margin-right: 0;
}


span.sort.desc:before, span.sort.asc:before, span.sort.desc:after, span.sort.asc:after {
    right: -13px !important;
}


span.sort:before, span.sort.asc:before, span.sort.desc:before {
    top: 10%;
}


input.form-control.form-control-sm.shadow-none.bsysearch {
    position: absolute;
    left: -480px;
    min-width: 320px;
    padding: 6px 6px;
    height: 28px;
    top: 4px;
}

tr.reprow {
    position: relative;
}





.statuscol.reptd {
    position: relative;
}

td i.dayoff {
    margin-left: 7px;
    float: right;
    color: #aba8a8;
}

td i.dayoff:hover {
    color: black;
}

tr.reprow:not(.dayoff):hover .statuscol i.dayoff {
    display: inline-block !important;
    position: absolute;
    float: none;
    right: 40%;
}

.hiderowlink {
    display: none;
    position: absolute;
    right: -55px;
    top: 0;
    padding: 10px 15px 10px 15px;
}


a.hiderowlink.unhideall {
    display: block;
}


tr.reprow:not(.hidr):hover .hiderowlink:not(.unhide),
tr.reprow.hidr:hover .hiderowlink.unhide,
tr.reprow.hidr:hover .hiderowlink.unhide i{
    display: block !important;
}


a.hiderowlink.unhideall {
    padding-right: 5px;
    opacity: .2;
}

    a.hiderowlink.unhideall:hover {
        opacity: 1;
    }

span.RptTotRecs:before {
    content: "Records: ";
}

span.RptTotRecs {
    font-size: 1.2em;
    position: relative;
    top: 4px;
}

i.fa.fa-eye-slash {
    display: inline-block;
}


a.hiderowlink.unhideall {
    right:-40px;
    top:1px;
}


a.hiderowlink.unhideall:hover i {
    color: blue !important;
}


.reptd.isstarttimeoff, .reptd.isendtimeoff {
    background-color: #ffdf7f;
}



.redtimeoff, .reptd.redtimeoff {
    background-color: #efbbbb;
}

.nopdata .reptd.isstarttimeoff,
.nopdata .reptd.isendtimeoff, 
.nopdata .redtimeoff, 
.nopdata .reptd.redtimeoff {
    background-color: unset;
}



















@media print {
    body {
       /* -webkit-print-color-adjust: exact; */
        padding-top:5px;
    }
    .NoPrint,.ctrlholdr .ButtonClass
    {
        display:none;
    }
    .PrintOnly
    {
        display:inline-block;
    }
    .TopTotals {
        top: 102px;
        left: 5px;
    }
    .VerticalCrosshair {
        border:0;
        display:none;
    }
    .TopmostDiv {
        top:0;
    }
    .footer {
        display:none;
    }
    #MainPersDiv {
/*        background-color: blue;*/
        position:absolute;
        top:-240px;
    }
    table.paging thead td {
        height: 238px;
      /*  background-color:yellow; */
        display:table-cell;
    }
    /* DCP Stuff */
    .DCP_Main {
        font-size:8pt;
    }
    .DCPTableDiv {
        overflow-y: auto; /* make the table scrollable if height is more than 200 px  */
        height: unset;
    }
    .DCPTable th {
        border: 1px solid blue;
        padding: 0;
        font-size: 8pt;
        page-break-inside: avoid;
    }
    .DCPTable tr {
        page-break-inside: avoid;
    }
    .DCPTable td {
        border: 1px solid blue;
        page-break-inside: avoid;
        padding: 0;
    }

    .DCP_EmpName {
        font-size:8pt;
    }

    .DCP_colCrew {
        width:150px;
    }

    a:after {
    
    content:"" !important;

    }


    .newtable th.repth, .newtable .repth .thc, .newtable .repth .thc span {
        background-color: white !important;
        background-color: #385385 !important;
        color: white !important;
    }

    .ctrlholdr, span.RptTotRecs {
        font-size: 2rem !important;
        font-weight: 600;
    }

    i.noattest, i.nopdata, i.danger, i.nofinal, i.allocationzero {
    
    color:red !important;
    }



    .NoPrint.statuscol.repdiv {
        display: block !important;
        position: relative;
        width: 300px;
        top: 0;
    }

        .NoPrint.statuscol.repdiv i:after {
            content: attr(data-bs-original-title);
            text-transform: lowercase !important;
            /* font-size: .9rem; */
            padding-left: 5px;
            padding-right: 10px;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        }

div.statuscol.repdiv i.fa {
    opacity: 1;
    background-color: white;
    float: none !important;
    width: fit-content !important;
    position: relative !important;
    left: 0;
    top: unset;
    padding-top: 0;
    padding-bottom: 0;
    text-align: left;
}



i.allocationzero.iconadd.fa.fa-ban.btn {
    left: 4px;
}

        div.statuscol.repdiv i.fa.allocationzero:not(.iconadd) {
            background-color: transparent;
            padding: 0;
            font-size: 1em;
            top: -14.5px;
            left:7px;
        }

    .NoPrint.statuscol.repdiv .showhide {
        display: none;
    }

    .NoPrint.statuscol.repdiv {
        font-size: .6em;
        text-align: left !important;
    }

        .NoPrint.statuscol.repdiv i.fa {
            width: 100% !important;
        }

    a.hiderowlink.unhideall {
        display: none;
    }

    i#sh-nofinal, i#sh-iserrflag, i#sh-defaultsched, i#sh-customsched {
        top: -14.5px;
    }

.NoPrint.statuscol.repdiv {
    left: 670px;
    top: 20px;
}

div#newreporttable {
    position: relative;
}

.bsysearch {
    display: none !important;
}

tbody td > div, tbody td i {
    top: 0 !important;
    font-size: smaller !important;
}

    tbody td i.allocationzero.iconadd.fa.fa-ban:not(.btn) {
        top: 12.5px !important;
    }


tbody td i.fa.allocationzero:not(.iconadd) {
    left: 2px !important;
    font-size: 1rem !important;
}

    table.DCPTable.newtable {
        border-right: 1px solid #f4f4f5 !important;
        border-left: 1px solid #f4f4f5 !important;
    }

    .DCPTable td {
        border: 4px solid #f4f4f5 !important;
        border-right: 0 !important;
        padding: 2px;
        border-left: 0 !important;
    }

 }



li.schedshift {
    background-color: #ffffa0;
}

    li.schedshift:after {
        content: " * non-standard";
        float: right;
        margin-right: 1.5rem;
    }

a.reglink {
    color: #0964be;
    font-size:larger;
}

td.reglinkholdr {
    padding-left: 1rem;
    text-align: center;
    padding-bottom: 3px;
}

td.loginspacer {
    padding-top: 15px;
}


.hidr {
display:none;


}



.invis {
visibility:hidden;
}

span#MainContent_ContentLabel *, table {
    max-width: 360px !important;
}

span#MainContent_ContentLabel table tbody tr > td > div {}

span#MainContent_ContentLabel table tbody tr > td > div > div > div {
    font-size: 1.1em !important;
}

span#MainContent_ContentLabel table tbody tr > td > div > div > b, span#MainContent_ContentLabel table tbody tr > td > div > div > ul b,span#MainContent_ContentLabel table tbody tr > td > div > div > ul li {
    font-size: 1.2rem !important;
}


body{
   font-size: 14px;
}

span#MainContent_ContentLabel > div:first-child > div {
    font-size: smaller !important;
}