/******** Genral ********/
.default-hidden{display: none;}
td.rowspan {
  vertical-align: top !important;
  text-align: left !important;
}

/***********************/

.hlf-day-row{width: 22% !important;}
.hlf-day-row label{cursor: pointer;}
.hlf-day-row .checkbox-cont{/*padding-top: 3px;*/}
.prs-det-row{margin-top: 3px; width: 50%}
.prs-det-row .pdet-label{float: left;}
.prs-det-row .pdet{float: right;}
.prs-det-row .pdet-checkbox{margin-top: 2px;}

.add-abs-cont{min-height: 200px;}
#autosuggest-tc-search {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    float: left;
    height: auto;
    left: 0;
    padding: 5px;
    position: relative;
    top: 0;
    width: 100%;
}

#autosuggest-tc-search > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
}

#autosuggest-tc-search > ul li {
    float: left;
    margin: 0;
    padding: 5px 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}   

#autosuggest-tc-search > ul li:hover{
    background: #F7F4F4;
}

/* Absence grid */
.employee-cell {
    width: 135px;
 }
.vertical-text {
    transform: rotate(-90deg);
    transform-origin: center center 0;
}   
.head-cell {
    width: 22px;
    position: relative;
    right: 21px;
    margin-left: 4px;
}
#absence-grid {
    overflow: auto;
    width: 100%;
    height: 665px;
}
#absence-grid .grid-content table{
    border: 1px solid #B7DEE8;
}
#absence-grid .grid-content table tr{
    background: #FFFFFF;
}
#absence-grid .grid-content table tr.odd td.abs-cell{
    background: #DBEEF4;
    /*border-right: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;*/
}
#absence-grid .grid-content table tr.selected{
    border-top: 1px solid #FF0000;
    border-bottom: 1px solid #FF0000;
}
#absence-grid .grid-content table tr td.today{
    border-right: 1px solid #FF0000;
    border-left: 1px solid #FF0000;    
}
#absence-grid .grid-content table tr.p-1st-row td.today{
    border-top: 1px solid #FF0000;
}
#absence-grid .grid-content table tr.p-lst-row td.today{
    border-bottom: 1px solid #FF0000;
}
#absence-grid .grid-content table tr td.absent{
    background: #165A6F !important;
}
#absence-grid .grid-content table tr td.day-off{
    background: #8CCCE0 !important;
}
#absence-grid .grid-content table td, th {
    text-align: left;
    padding: 1px;
}
#absence-grid .grid-head {
    width: 100%;
    float: left;
    padding-bottom: 10px;
    /*background: aqua;*/
}
.cus-sel{
    padding: 6px;
}
.cur-year {
    font-size: 16px;
    color: #444;
    font-weight: bold;
    margin-right: 6px;
    width: 70px;
    height: 33px; 
    padding-left: 4px;   
}
.loader-cont{
    margin: 0px 17px;
}
td > .employee-cell{
    text-align: left;
    font-weight: 600;
    font-size: 12px;
    cursor: pointer;
}

.quarter-sel{
    margin-right: 3px;
}

.cus-sel-btn{
        padding: 4px 4px 4px 10px;
}
table.tsk-details-tbl .tsk-det-cell { width: 20%;  }
table.tsk-details-tbl .det-label{ font-weight: bold ; }
table.tsk-details-tbl .des-cell{ width: 35%;  }

.chosen-container{width: 100% !important;}
.chk-with-label input[type=checkbox]{margin-top: 2px;}