#calendari-llegenda {

}

#calendari {

}

#llegenda_table {
    width: 100%;
}

#llegenda_container {
    position: relative;
    float: left;
    width: 50% !important;
    padding-left: 20px;
}

.highlighted {
    background-color: #EAEAEA;
}

.bottom_border{
    border-bottom: 1px solid black;
}

.no_border {
    border: none;
}

#llegenda_mesos_container{
    position: relative;
    width: 100%;
    margin-top: 15px;
    float: left;
}

#informacio_treballador_container {
    position: relative;
    float: left;
    width: 50% !important;
}

#informacio_treballador {
    width: 100%;
}

.element-llegenda {
    float: left;
    padding-right: 18px;
    padding-bottom: 5px;
}
.color-llegenda {
    width: 20px;
    height: 10px;
    float: left;
    border-radius: 2px;
    margin-right: 8px;
    margin-top: 5px;
}

.title_row {
    border-bottom: 1px solid black;
    font-weight: bold;
}

.sum_row {
    border-top: 1px solid black;
    font-weight: bold;
}

.border_bottom {
    border-bottom: 1px solid black;
}

.hours_right {
    text-align: right;
}


.vacaciones tr:nth-child(odd) {
    background: #FFF;
}

.vacaciones tr:nth-child(even) {
    background: #EAEAEA;
}