.absence-gantt-chart {
    width: 1015px;
    display: inline-block;
    position: relative;
}    
    
.absence-gantt-chart .absence-gantt-chart-buttons {
    
}

.absence-gantt-chart .absence-gantt-chart-buttons .absence-gantt-chart-button-prev {
    float: left;
    font-size: 10pt;
    position: absolute;    
    left: 30px;
    top: 15px;
    color: #428bca;
}

.absence-gantt-chart .absence-gantt-chart-buttons .absence-gantt-chart-button-next {
    float: right;
    font-size: 10pt;
    position: absolute;    
    right: 30px;
    top: 15px;
    color: #428bca;
}

.table-absence-gantt-chart .days-header {
    min-width: 14px;
    max-width: 14px;
    text-align: center;
}

.table-absence-gantt-chart .days-header,
.table-absence-gantt-chart .day {
    width: 28px;
    height: 28px;
}

/*.table-absence-gantt-chart .holiday {
    background: #ffb2aa;
}*/

.table-absence-gantt-chart .holiday,
.table-absence-gantt-chart .weekend-day {
    background: #f5f5f5 !important;
}

.table-absence-gantt-chart .weekend-day.absence-mixed,
.table-absence-gantt-chart .weekend-day.absence-half-pm,
.table-absence-gantt-chart .weekend-day.absence-half-am,
.table-absence-gantt-chart .weekend-day.attendance-half-home,
.table-absence-gantt-chart .weekend-day.absence-half-request,
.table-absence-gantt-chart .weekend-day.absence-half-school
{
    background: transparent;
}

.table-absence-gantt-chart .working-day {

}

.table-absence-gantt-chart .month-year-header {
    background: #fff;
    line-height: 40px;

    font-size: 16px;
    font-weight: 700;
}

.table-absence-gantt-chart .absence-half-am,
.table-absence-gantt-chart .absence-half-pm,
.table-absence-gantt-chart .attendance-half-home,
.table-absence-gantt-chart .absence-half-request,
.table-absence-gantt-chart .absence-half-school,
.table-absence-gantt-chart .absence-mixed
{
    position: relative;
}

.table-absence-gantt-chart .absence-half-pm > div,
.table-absence-gantt-chart .absence-half-am > div
{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 27px 27px 0 0;
    border-color: #cc2d2d transparent transparent transparent;
    position: absolute;
    left: 0px;
    top: 0px;
    background: transparent;
}

.table-absence-gantt-chart .weekend-day.absence-half-pm > div,
.table-absence-gantt-chart .weekend-day.absence-half-am > div
{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 27px 27px 0 0;
    border-color: #cc2d2d transparent transparent transparent;
    position: absolute;
    left: 0px;
    top: 0px;
    background: #f5f5f5;
}

.table-absence-gantt-chart .absence-full:not(.employee) {
    background: #cc2d2d;
}

.table-absence-gantt-chart .attendance-half-home > div,
.table-absence-gantt-chart .absence-mixed > div
{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 27px 27px 0 0;
    border-color: #009bd4 transparent transparent transparent;
    position: absolute;
    left: 0px;
    top: 0px;
}

.table-absence-gantt-chart .attendance-half-home > div {
    background: transparent;
}

.table-absence-gantt-chart .absence-mixed > div {
    border-width: 27px 29px 0 0;
    background: #cc2d2d;
}

.table-absence-gantt-chart .weekend-day.attendance-half-home > div
{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 27px 27px 0 0;
    border-color: #009bd4 transparent transparent transparent;
    position: absolute;
    left: 0px;
    top: 0px;
    background: #f5f5f5;
}

/*
.table-absence-gantt-chart .absence-full-vacation {
    background: #cc2d2d;
}
*/

.table-absence-gantt-chart .absence-half-request > div
{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 27px 27px 0 0;
    border-color: #fce9e9 transparent transparent transparent;
    position: absolute;
    left: 0px;
    top: 0px;
    background: transparent;
}

.table-absence-gantt-chart .absence-half-school > div
{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 27px 27px 0 0;
    border-color: #ee8080 transparent transparent transparent;
    position: absolute;
    left: 0px;
    top: 0px;
    background: transparent;
}

.table-absence-gantt-chart .absence-full-request:not(.employee) {
    background: #fce9e9;
}

.table-absence-gantt-chart .absence-full-school:not(.employee) {
    background: #ee8080;
}

.table-absence-gantt-chart .attendance-full-home:not(.employee) {
    background: #009bd4;
}

.table-absence-gantt-chart .attendance-full-in-office:not(.employee) {
    background: rgba(0, 155, 212, 0.5);
}

.table-absence-gantt-chart .no-absence {

}

.table-absence-gantt-chart .group,
.table-absence-gantt-chart .employee,
.table-absence-gantt-chart .employee-header {
    padding-left: 15px;
}

.table-absence-gantt-chart .group {
    color: #428bca;
    background-color: #f9f9f9;
    text-transform: uppercase;
}

.table-absence-gantt-chart .employee {
    white-space: nowrap;
    /*width: 100px;*/
}

.table-absence-gantt-chart .employee-header {
    font-size: 11px;
}

.table-absence-gantt-chart{
    border-collapse: collapse;
    width: 100%;
    background: white;
    border: 0 solid;
}

.table-absence-gantt-chart th.month-year-header {
    border-top: 5px solid #dedede;
    border-bottom: 1px solid #dedede;
    text-align: center;
}


.table-absence-gantt-chart th
{
    font-size: 9px;
    /*line-height: 35px;*/
}


.table-absence-gantt-chart th,
.table-absence-gantt-chart td
{
    border-right: 1px solid #dedede;        
}

.table-absence-gantt-chart th:first-child,
.table-absence-gantt-chart td:first-child
{
    border-left: 1px solid #dedede;
}

.table-absence-gantt-chart tr {
    border-bottom: 1px solid #dedede;    
    /*line-height: 25px;*/
}

/*
#overDiv {
    padding: 5px!important;
    margin-top: -40px !important;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;
    background: #fafafa !important;
    -moz-box-shadow: 0 0 10px #9c9c9c !important;
    -webkit-box-shadow: 0 0 10px #9c9c9c !important;
    box-shadow: 0 0 10px #9c9c9c !important;
    z-index: 2002;
    font-size: 14px;
    line-height: 18px;
}
*/

th.today {
    position: relative;
}

th.today:before
{
    border-top: 5px solid #428bca !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    content: "";
}

th.today
{
    color: #428bca;
}

th.today.holiday:before 
{
    /*border-top: 5px solid #d65c4f !important;*/
    border-top: 5px solid #ca4242 !important;
}

th.today.holiday
{
    /*color: #d65c4f;*/
    color: #ca4242;
}

.employee.absence-full,
.employee.absence-mixed,
.employee.attendance-full-home,
.employee.attendance-half-home,
.employee.attendance-full-in-office,
.employee.absence-full-request,
.employee.absence-half-request,
.employee.absence-full-school,
.employee.absence-half-school,
.employee.absence-half-am,
.employee.absence-half-pm {
    position: relative;
}

.employee.absence-full:before,
.employee.absence-mixed:before,
.employee.attendance-full-home:before,
.employee.attendance-half-home:before,
.employee.attendance-full-in-office:before,
.employee.absence-full-request:before,
.employee.absence-half-request:before,
.employee.absence-full-school:before,
.employee.absence-half-school:before,
.employee.absence-half-am:before,
.employee.absence-half-pm:before {
    position: absolute;
    top: 10%;
    left: 3px;
    width: 100%;
    height: 80%;
    content: "";
}

.employee.absence-full:before,
.employee.absence-half-am:before,
.employee.absence-half-pm:before {
    border-left: 5px solid #cc2d2d !important;
}

.employee.absence-mixed:before {
    background-image: url('../images/absence-mixed.png');
    background-repeat: no-repeat;
}

.employee.attendance-half-home:before,
.employee.attendance-full-home:before {
    border-left: 5px solid #009bd4 !important;
}

.employee.absence-half-school:before,
.employee.absence-full-school:before {
    border-left: 5px solid #ee8080 !important;
}

.employee.attendance-full-in-office:before {
    border-left: 5px solid rgba(0, 155, 212, 0.5) !important;
}

.employee.absence-half-request:before,
.employee.absence-full-request:before
{
    border-left: 5px solid #fce9e9 !important;
}

#legend-absence-gantt-chart {
    width: 1015px;
    padding: 8px;
    margin: 8px 0px;
    border: 1px solid #dedede;
}

#legend-absence-gantt-chart .color {
    border: 1px solid #dedede;
    width: 28px;
    height: 28px;
}

#legend-absence-gantt-chart td {
    line-height: 1;
}

#legend-absence-gantt-chart .identifier {
    padding-left: 4px;
    padding-right: 12px;
}

.note:not(.employee) {
    text-align: center;
}

.note:after {
    content: " ⓘ ";
    font-size: 14px;
}