.absence-gantt-chart {
    width: 1196px;
    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;
    white-space: nowrap;
}

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

.table-absence-gantt-chart .weekend-day {
    background: #e4f4ff;
}

.table-absence-gantt-chart .weekend-day.absence-half-pm,
.table-absence-gantt-chart .weekend-day.absence-half-am
{
    background: transparent;
}

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

}

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

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

.table-absence-gantt-chart .absence-half-am {
    position: relative;    
}

.table-absence-gantt-chart .absence-half-pm {
    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: 32px 31px 0 0 ;    
    border-color: #3ca2bb 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: 32px 31px 0 0 ;    
    border-color: #3ca2bb transparent transparent transparent;    
    position: absolute;
    left: 0px;
    top: 0px;
    background: #e4f4ff;
}

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

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

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

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

.table-absence-gantt-chart .absence-full {
    background: #3ca2bb;
}

.table-absence-gantt-chart .absence-full-vacation {
    background: #8fbc8f;
}

.table-absence-gantt-chart .absence-full-sickdays {
    background: #aa8fbc;
}

.table-absence-gantt-chart .absence-full-request {
    background: #dcc7ac;
}

.table-absence-gantt-chart .attendance-full-home {
    background: #ffb475;
}

.table-absence-gantt-chart .attendance-full-home-not-logged-in {
    background: rgba(255, 180, 117, 0.34);
}

.table-absence-gantt-chart .attendance-full-in-office {
    background: #fffdb3;
}

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

}

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

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

.table-absence-gantt-chart .employee {
    white-space: nowrap;
    max-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;    
}


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


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

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


#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;
}

th.today.holiday 
{
    color: #d65c4f;
}