/******************** Site Header ********************/
#idSiteHeader{
    background: -webkit-linear-gradient(left, #05A4D8 0%, #00ace6 50%,#05A4D8 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right,#05A4D8 0%, #00ace6 50%,#05A4D8 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right,#05A4D8 0%, #00ace6 50%,#05A4D8 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #05A4D8 0%, #00ace6 50%,#05A4D8 100%); /* Standard syntax */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#05A4D8', endColorstr='#05A4D8');/*For IE7-8-9*/
    color: #f8f8f8;
    -webkit-print-color-adjust: exact;
}
.sfMenu .ui-state-focus {color: #204060;}
.sfMenu .ui-state-focus:not(:first-child) {background:#cccccc !important;}
/******************** Left Sidebar ********************/
#idLeftMenu {border-right: 1px solid #ccc;box-shadow: 0 6px 12px #ccc;}
.sfMenuTitle .sfRowHeader{color: #05A4D8;}
.sfMenuTitle {color: #ccc;}
.sfMenuTitle:hover i{color: #336699;}
#idLeftMenu nav div{color: #333c4e;}
#idLeftMenu nav div.sfActive,
#idLeftMenu nav div:hover{ color: #3c8dbc;border-left-color: #3c8dbc; background-color: #f4f4f5}
.sfSuccMeasure {color:#fc9300}
/******************** Footer ********************/
#idFooter{
    background-color: transparent;
}
#idFooterCenter .cssNotActive {color: #ccc}
#idFooterLeft table td,
#idFooterCenter > table td {
    color: #05A4D8;
    box-shadow: 0 6px 12px #ccc;
    border: 1px solid #e7e7e7;
}
#idFooterRight td:nth-child(1) span,
#idFooterRight td:nth-child(2) span,
#idFooterRight td:nth-child(3) span,
#idFooterRight td:nth-child(5) span,
#idFooterCommHR div:nth-child(2) i,
#idFooterCompInfo div:nth-child(2) i {line-height: 1;color: #05A4D8;border: 1px solid #ccc;}
.sfFooterFunActive {color: #fff !important; background-color: #05A4D8 !important}
#idFooterCompInfo input:disabled{background-color: #ffffff}
/******************** Homepage ********************/
#idHomeTable td{
    background-color: #fff;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    border: 1px solid #eaeaea !important;
}
#idTDPeople{color: #05A4D8;}
#idTDPeople:hover{background-color: #05A4D8;color: #ffffff;border-color:#05A4D8}
#idTDReward{color: #3b873b;}
#idTDReward:hover{background-color: #3b873b;color: #ffffff;border-color:#3b873b}
#idTDPerformance{color: #ff6600;}
#idTDPerformance:hover{background-color: #ff6600;color: #ffffff;border-color:#ff6600}
#idTDDevelopment {color: #A89A07; }
#idTDDevelopment:hover{background-color: #A89A07 !important;color: #ffffff ;border-color:#A89A07}
#idTDAnalytics{color: #cc3366}
#idTDAnalytics:hover{background-color: #cc3366;color: #ffffff ;border-color:#cc3366}
#idTDCollaboration {color: #046980}
#idTDCollaboration:hover{background-color: #046980; color: #ffffff }
#idTDCollaboration.EXPERIMENTAL {color: #999;display: table-cell !important;}
#idTDCollaboration.EXPERIMENTAL:hover{background-color: #fff;color:#999;border-color: #ccc}
#idTDOrganization{color: #000033}
#idTDOrganization:hover{background-color: #000033;color: #ffffff ;border-color:#000033}
#idTDRecruiting{color: #660099}
#idTDRecruiting:hover{background-color: #660099;color:#ffffff;border-color: #660099}
.MODULE-RECRUIT-CORE #idTDRecruiting:hover{background-color: #fff;color:#999;border-color:#660099}
.MODULE-RECRUIT-CORE #idTDRecruiting{color: #999  }
.ROLE-EMPLOYEE #idTDRecruiting {color: #999}
.ROLE-EMPLOYEE #idTDRecruiting:hover {background-color:#fff; color:#999; border-color:#ccc}
.ROLE-EMPLOYEE #idTDPlanning {color: #999}
.ROLE-EMPLOYEE #idTDPlanning:hover {background-color:#fff; color:#999; border-color:#ccc}
.ROLE-DEPUTY_MANAGER #idTDPlanning {color: #999}
.ROLE-DEPUTY_MANAGER #idTDPlanning:hover {background-color:#fff; color:#999; border-color:#ccc}
#idTDPlanning{color: #339999}
#idTDPlanning:hover{background-color: #339999;color:#ffffff;border-color: #339999}
#idTDPlanning.PLANNING {color: #999;display: table-cell !important;}
#idTDPlanning.PLANNING:hover{background-color: #fff;color:#999;border-color: #ccc}
.WITH_TIME_REPORTING {display: none !important}
.WITHOUT_TIME_REPORTING {display: none !important}

/******************** People ********************/
div[id^="fDocumentDownload"], div[id^="fDocumentUpload"] {color: #05A4D8}
/******************** Rewarding ********************/
.sfRewHistory,
.sfRewHistory .sfTabLabel span,
.sfRewHistory .sfTabLabel i {color: #888 !important;}
/******************** Development ********************/
.cssScale .fa, #idTablePerformance .fa-circle {color: #1fa67a}
.cssScale span {border-right: solid 1px #ccc}
#idTabCompetencies th span, #idTableSelfEva th span {border-top: solid 1px #ccc}
.cssScale span:first-of-type {border-left: solid 1px #ccc !important;}
.cssScale span {border-bottom: solid 1px #ccc}
/******************** Performance ********************/
.sfDanger {border: solid 1px #FF3300 !important}
#idSelectLight, #idSelectDate {background-color: #fff;border: solid 1px #05A4D8;}
.fa-frown-o{color: #FF3300 !important }
.fa-smile-o{color:#92D050 !important }
.fa-meh-o{color:#FFD200 !important }
.fa-circle-o, .fa-square-o{color: #ccc;}
.fa-check {color: #92D050 !important }
/******************** Organization ********************/
#idOrgTree .sfNode > span {background-color: #04a5d6;}
#idOrgTree .sfNode span div {color: #fff;}
#idOrgTree .sfEmpNode span {background-color: #fcbd00;}
#idOrgTree .sfDMgrNode span {background-color: #92D050;}
#idOrgTree .sfEmpNode span div {color: #000;}
#idOrgTree i {color: #336699;}
.jOrgChart img {border: 3px solid rgba(255, 255, 255, 0.275); box-shadow: 0 6px 13px rgba(0, 0, 0, .175);}
#idOrgUnitHorTree:hover {background-color: rgba(246, 246, 246, .775); box-shadow: 0 6px 14px 0px rgba(0, 0, 0, .175);}
.jstree-search{color: #000 !important;}
#idJSTreeCompany {color: #000;}
.jstree-anchor{border: solid 1px #fff !important;}
.jstree-anchor:hover, .jstree-search {background-color: #fef8d0 !important;border-color: #ffe45c !important;}
.jstree-default .jstree-clicked {background: #DBEAFF !important;}
/******************** Popup Img Upload ********************/
.img-container{box-shadow: inset 0 0 5px #D6D6D6;}
#idImgRight label{color: #fff;background-color: #428bca;border: solid 1px #357ebd;}

/******************** Page Content Tab ********************/
.sfTabs {background: transparent;border: none;width: 1170px}
.sfTabs .ui-widget-header {
    border: none;
}
.sfTabs .ui-tabs-nav .ui-state-default {background: #eaeaea;border: 1px solid #D6D6D6;border-bottom: none;
    border-top: 3px solid #eaeaea;margin-right: 6px;border-radius: 4px 4px 0 0;}
.sfTabs .ui-tabs-anchor {outline: none !important;}
.sfTabs li.ui-state-hover {border-top:3px solid #05A4D8 !important;background-color:#ffffff !important;}
.sfTabs .ui-tabs-nav .ui-state-active {border-top: 3px solid #05A4D8 !important; border-left: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;border-bottom: 1px solid #fff;background: transparent}
/******************** Common Css ********************/
.sfTabLabel{color: #05A4D8;}
.fa-trash{color: #FF3300;}
.chosen-container-single .chosen-single,
.chosen-container-multi input{border: solid 1px #ccc;}
.sfHeader2{color: #05A4D8;}
.sfSuccess{color: #090 !important;}
.sfError, .sfWarning {color: #FF3300 !important;}
#idPageHeadOthers{color: #05A4D8;}
#idReadEdit{color: #05A4D8;}
button.sfDisabled em, button.sfDisabled i {color: #ccc; cursor: default !important;}
.sfDisabled{color: #ccc !important; cursor: default !important;}
#idFooterFunctions .sfDisabled *, #idFooterFunctions .sfDisabled, #idFooterFunctions .sfDisabled .fa {cursor: default !important;}
#idSidebarLeft {border-right: solid 1px #999;}
.cssDialog{border: solid 1px rgba(0,0,0,.2) !important;box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);background-color: #fff;}
.cssDialogHeader{color: #000;background-color: #f7f7f7;border-bottom-color: #ebebeb !important;}
.cssDialogHeader::after {
  content: "";
  display: table;
  clear: both;
}
.cssDialogContent input[type="text"],
.cssDialogContent select{border: 1px solid #ccc;}
.cssDialogButtons{border-top-color: #05A4D8;}
.sfBut, .cssDialogButtons input{background-color: #428bca;border-color: #357ebd;}
.cssTableList th{border-top: solid 1px #ddd !important;border-bottom: solid 2px #ddd !important;}
.cssTableList tr:hover, .sfSelected {background-color: #DBEAFF;}
.cssTableList td{border-bottom: solid 1px #ddd !important;}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {color: #000;}
.cssTabContent{border: solid 1px #D6D6D6 !important;}
.jqplot-point-label {color: #000;}
.fa-question-circle-o, .fa-info-circle {color: #1fa67a !important;}
#idCandidateProcessIndicator {color:#05A4D8}
.sfDownload:hover {cursor:pointer; color:#369;}
/*.cssFiltered {background-color: #f0ad4e; border-color: #eea236;}*/

.sfAbsencesTable .fa-check {color: #090;}
.sfAbsencesTable .fa-times {color: #F30;}
input:not([class*="Mui"]):not([class*="jss"]):not([class*="cke"]):not([class*="k-"])[readonly],
input:not([class*="Mui"]):not([class*="jss"]):not([class*="cke"]):not([class*="k-"])[disabled],
textarea:not([class*="Mui"]):not([class*="jss"]):not([class*="cke"]):not([class*="k-"])[disabled],
select:not([class*="Mui"]):not([class*="jss"]):not([class*="cke"]):not([class*="k-"])[disabled]{
    background-color:rgba(5,164,216,0.1);
    opacity: .5!important;
    cursor: default;
}
.chosen-disabled .chosen-single, .chosen-disabled .chosen-choices{ background:rgba(5,164,216,0.1) !important; cursor: not-allowed }
.INTER-TRAINING {color: #090 !important;}
.EXTER-TRAINING {color:#05A4D8 !important;}
.OTHER-TRAINING {color:#cc3366 !important;}

.cssGreen{color: #090 !important;}

.CSS_PENDING {
    color: #05A4D8;
}
.CSS_PENDING input{
    border-color: #05A4D8 !important;
}
.CSS_PENDING_EMPL_DETAIL {
    color: #59CAC3;
}
.CSS_PENDING_EMPL_DETAIL input{
    border-color: #3CA789 !important;
}
/*ABSENCE HISTORY LABLE*/
.CSS_FUTURE {
    background: rgba(5, 164, 216, 0.6) !important;
}
.CSS_FUTURE.ui-state-active, .CSS_FUTURE.ui-state-hover {
    background: rgb(5, 164, 216) !important;
}
.CSS_ON_GOING {
    background: rgba(146, 208, 80, 0.6) !important;
}
.CSS_ON_GOING.ui-state-active, .CSS_ON_GOING.ui-state-hover {
    background: rgb(146, 208, 80) !important;
}
.CSS_PASS {
    background: rgba(214, 220, 219, 0.6) !important;
}
.CSS_PASS.ui-state-active, .CSS_PASS.ui-state-hover {
    background: rgb(214, 220, 219) !important;
}
.CSS_DELETE {
    background: rgba(255, 51, 0, 0.6) !important;
}
.CSS_DELETE.ui-state-active, .CSS_DELETE.ui-state-hover {
    background: rgb(255, 51, 0) !important;
}

.cssRowActive {
    background-color: #5bc0de !important;
    color: #ffffff !important;
}

#idTDReward.REVOKED{color: #999;display: table-cell !important;}
#idTDReward.REVOKED:hover{background-color: #fff;color:#999;border-color: #ccc}
#idTDPerformance.REVOKED{color: #999;display: table-cell !important;}
#idTDPerformance.REVOKED:hover{background-color: #fff;color:#999;border-color: #ccc}
#idTDDevelopment.REVOKED{color: #999;display: table-cell !important;}
#idTDDevelopment.REVOKED:hover{background-color: #fff !important; color:#999;border-color: #ccc}
#idTDAnalytics.REVOKED{color: #999;display: table-cell !important;}
#idTDAnalytics.REVOKED:hover{background-color: #fff;color:#999;border-color: #ccc}
#idTDCollaboration.REVOKED{color: #999;display: table-cell !important;}
#idTDCollaboration.REVOKED:hover{background-color: #fff;color:#999;border-color: #ccc}
#idTDPlanning.REVOKED{color: #999;display: table-cell !important;}
#idTDPlanning.REVOKED:hover{background-color: #fff;color:#999;border-color: #ccc}
#idTDRecruiting.REVOKED{color: #999;display: table-cell !important;}
#idTDRecruiting.REVOKED:hover{background-color: #fff;color:#999;border-color: #ccc}