/* ////////////////////////////access////////////////////////////// */

#accessTbl tbody tr:hover{    
    background-color: #f4f6f7;    
}
#accessTbl tbody td:nth-child(2), #accessTbl tbody td:nth-child(3), #accessTbl tbody td:nth-child(5){
    text-align: start;
}
#accessTbl tbody tr>.cellBtn:nth-child(4){    
    width: 4%;
}
#accessTbl tbody tr>.cellBtn{
    cursor: pointer;
}
#accessTbl tbody tr>.cellBtn:hover{
    filter: brightness(85%);
}

#accessTbl tbody tr>.r{
    background-color: #f9e79f;        
    color: #9a7d0a;
}
#accessTbl tbody tr>.n{
    color: #fff;
}
#accessTbl tbody tr>.rw{
    background-color: #96e89d;
    color: #096811;
}
#accessTbl tbody tr>.yes{    
    color: #096811;
    font-weight: 600;
}
#accessTbl tbody tr>.delCellBtn{
    background-color: #fadbd8;    
    color: #c0392b;
    cursor: pointer;
}
#accessTbl tbody tr>.delCellBtn:hover{
    filter: brightness(85%);
} 

/* //////////////Vacancy ////////////////// */
#vacAnnouncementTbl tbody tr:hover{ background-color: #f4f6f7; }
#vacAnnouncementTbl tbody td:nth-child(2){ text-align: start; }
#vacAnnouncementTbl tbody td:last-child{ cursor: pointer; }

/* //////////////Vacancy apply  ////////////////// */
.noWrap th{
    white-space: nowrap;
}
#addressTbl tbody{
    padding: 0;
}
#addressTbl tbody td:last-child{
    width: 40%;
    min-width: 40%;
}
#addressTbl tbody input, #addressTbl tbody select,
#emgContactTbl tbody input, #emgContactTbl tbody select,
#educationTbl tbody input, #educationTbl tbody select, 
#languageTbl tbody select,
#computerSkillTbl tbody select, #computerSkillTbl tbody input
{
    border: none;
    width: 100%;
}

#educationTbl tbody tr>.delCellBtn, #languageTbl tbody tr>.delCellBtn, #computerSkillTbl tbody tr>.delCellBtn{
    background-color: #fadbd8;    
    color: #c0392b;
    cursor: pointer;
}
#educationTbl tbody tr>.delCellBtn:hover, #languageTbl tbody tr>.delCellBtn:hover, #computerSkillTbl tbody tr>.delCellBtn:hover{
    filter: brightness(85%);
} 

/* ///////////////////////ERP///////////////////////////// */
#leftTbl tbody .selected{
    background-color: #F1F56F !important;
}
#leftTbl tbody tr:hover>td{
    border-color: #e72e58;
}
#leftTbl tbody td:last-child, #leftTbl tbody td:nth-last-child(2){
    text-align: left;
}

#empDetailsTbl tbody tr:first-child>td:first-child{
    width: 18%;
}
#empDetailsTbl tbody .legend{
    width: 10%;
    background-color: #14567f;
    font-weight: 600;
    color: white;
}

#cosTbl tbody tr>.editCellBtn, #childTbl tbody tr>.editCellBtn{
    width: 4%;    
    cursor: pointer;
    background-color: #17a589;    
    color: white;
    font-weight: 600;
}

#cosTbl tbody tr>.editCellBtn:hover, #childTbl tbody tr>.editCellBtn:hover{
    filter:brightness(85%);    
} 

#rosterTbl tbody tr:nth-child(2)>.today, #rosterTbl tbody tr:nth-child(3)>.today{
    background-color: #B65237;
    color: white;
} 

#rosterTbl tbody td{
    width: 4%;
}
#rosterTbl tbody tr:first-child>td:nth-child(even){
    background-color: #2271a3;
    color: white;
}

#rosterTbl tbody tr:first-child>td:nth-child(odd){
    background-color: #14567f;
    color: white;
}

#rosterTbl tbody tr:nth-child(2)>td{
    background-color: #f1544f;
    color: white;
}
#rosterTbl tbody tr:nth-child(3)>td{
    background-color: #14567f;    
    color: white;
}

/* ////////////////Vacancy Control////////////////////////// */
#vacancyTbl tbody tr>.editCellBtn{
    cursor: pointer;
    background-color: #17a589;    
    color: white;
    font-weight: 600;
}
#vacancyTbl tbody tr>.editCellBtn:hover, #vacancyTbl tbody td:last-child:hover{
    filter:brightness(85%);
}
#vacancyTbl tbody td:nth-child(2){
    text-align: start;
}
#vacancyTbl tbody tr>.expiredPost{
    background-color: #ECF0F1;
}
#vacancyTbl tbody tr>.displaying{
    color: #17a589;
    font-weight: 600;
}
#vacancyTbl tbody td:last-child{
    background-color: rgba(133, 146, 158, 0.5);    
    cursor: pointer;
}
#vacancyTbl tbody tr > .rePost{
    background-color: rgba(214, 219, 223, 0.5);
    cursor: pointer;
}
#vacancyTbl tbody tr > .rePost:hover{
    filter:brightness(85%);
}
#vacancyTbl tbody tr:hover{
    background-color: #f4f6f7;    
} 
#vacancyTbl tbody tr > .checkApplicantBtn{
    background-color: rgba(214, 219, 223, 0.2);
    cursor: pointer;
}
#vacancyTbl tbody tr > .checkApplicantBtn:hover{
    filter:brightness(85%);  
} 
#applicantsTbl tbody tr>.btnCell{
    background-color: rgba(214, 219, 223, 0.5);
    cursor: pointer;
}
#applicantsTbl tbody tr>.btnCell:hover{
    filter:brightness(85%);
}

#applicantsTbl tbody .selected{
    background-color: #F1F56F !important;
}

#applicantsTbl tbody .parent:hover>td{
    border-color: #f4d03f;
}

#applicantsTbl tbody .sub{
    background-color: rgba(194, 199, 203, 0.5);    
}