/*************** VACACIONES Y AUSENCIAS ***************/

.e_vac_employees_list_container {
    float: left;
    width: 250px;
    margin-top: 145px;
}

    .e_vac_employees_list_container > .form-control.e_team {
        height: 23px;
        font-size: 12px;
        padding: 0 5px 0 2px;
    }


.e_vac_employees_list {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: -15px;
    margin-right: -15px;
}

    .e_vac_employees_list > li {
        position: relative;
    }

   .e_vac_employees_list > li.e_selected {
        background: #ddd;
    }

        .e_vac_employees_list > li > span {
            position: absolute;
            top: 0px;
            bottom: 0px;
            width: 30px;
            text-align: right;
            padding: 14px 5px 0 0;
            left: 0px;
            z-index: 1;
        }

        .e_vac_employees_list > li > a {
            display: block;
            padding: 0;
            border: solid 1px transparent;
            cursor: default;
            height: 50px;
            text-decoration: none;
            color: #333;
            padding-left: 30px;
        }

            .e_vac_employees_list > li > a.e_vac_have_pending {
                position: relative;
                /*border-radius: 3px;*/
                outline: 0;
            }

                .e_vac_employees_list > li > a.e_vac_have_pending:after {
                    content: "";
                    background: #fc0;
                    width: 15px;
                    height: 15px;
                    display: inline-block;
                    border-radius: 10px;
                    position: absolute;
                    left: 60px;
                    top: 0px;
                    border: solid 2px #fff;
                }

                .e_vac_employees_list > li > a.e_vac_have_pending:hover {
                    /*border: solid 1px #ddd;
                    box-shadow: 3px 3px 0px rgba(0,0,0,.02);*/

                    background: #e6e6e6;
                    outline: 0;
                    cursor: pointer;
                }

                .e_vac_employees_list > li > a.e_vac_have_pending:focus {
                    /*box-shadow: none;
                    border: solid 1px #ddd;*/
                    background: #ddd;
                }

    .e_vac_employees_list .e_employee_photo {
        margin: 3px 10px 4px 5px;
        width: 40px;
        height: 40px;
    }


    .e_vac_employees_list .e_vac_employee_info {
        width: 175px;
        height: 100%;
        height: 48px;
        display: table-cell;
        vertical-align: middle;
    }

    .e_vac_employees_list .e_vac_employee_name {
        font-size: 11px;
        font-weight: 600;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 165px;
        display: block;
    }

    .e_vac_employees_list .e_vac_employee_stats {
        font-weight: normal;
        font-size: 11px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 165px;
        display: block;
        font-style: italic;
        color: #999;
        margin-top: -2px;
    }


.e_vac_export_button {
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 1;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}


/* Scheduler - Selector de días */

.e_vac_days_select + div {
    overflow-x: auto;
}

.e_vac_days > tbody > tr > th.e_daysSat button,
.e_vac_days > tbody > tr > td.e_daysSat button,
.e_vac_days > tbody > tr > th.e_daysSat + th button,
.e_vac_days > tbody > tr > td.e_daysSat + td button {
    color: #ccc;
}


li.e_list_separator div {
    margin-top: 5px;
}


/* NUEVO SCHEDULER MAYO 2016 */

/* LEFT BLOCK SIMULADO */

.e_sim_left_block {
    background: #fff;
    position: fixed;
    left: 50px;
    top: 80px;
    bottom: 0px;
    right: 0px;
}


    .e_sim_left_block::after {
        content: "";
        background: #f5f5f5;
        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 0px;
        width: 280px;
    }


/* Texto de la semana seleccionada */

.e_vac_current_view {
    display: inline-block;
    padding: 4px 0px 4px 15px;
    font-weight: 400;
    font-size: 15px;
    float: left;
}


/*Días*/

.e_vac_days_container {
    /*padding-top: 50px;
    margin-top: -50px;*/
    /*width: calc(100% - 265px);
    float: right;
    position: relative;*/
}


/* Filtros fijos */

.e_vac_fixed_upper_filters,
.e_vac_fixed_lower_filters {
    position: fixed;
    background: rgba(255,255,255,.95);
    left: 50px;
    right: 0;
    z-index: 2;
}

    .e_vac_fixed_upper_filters::after,
    .e_vac_fixed_lower_filters::after {
        position: absolute;
        content: "";
        background: #f5f5f5;
        top: 0;
        width: 280px;
        bottom: 0;
    }

.e_vac_fixed_upper_filters {
    height: 140px;
    top: 80px;
    box-shadow: 0px 3px 0px rgba(0,0,0,.08);
}

.e_vac_fixed_lower_filters {
    height: 50px;
    bottom: 0px;
    box-shadow: 0px -3px 0px rgba(0,0,0,.08);
}

    .e_vac_fixed_lower_filters > input {
        position: absolute;
        z-index: 1;
        left: 15px;
        top: 11px;
    }

    .e_vac_fixed_lower_filters > span {
        position: absolute;
        left: 130px;
        top: 15px;
        z-index: 1;
        font-size: 12px;
        font-weight: 600;
    }

.no_animation_collapse {
    -webkit-transition: none;
    transition: none;
}



/* Filtros superiores */

.e_vac_fixed_upper_filters .e_vac_left_filters {
    width: 280px;
    position: absolute;
    padding: 15px;
    z-index: 1;
}

.e_vac_fixed_upper_filters .e_vac_right_filters {
    position: absolute;
    width: calc(100% - 280px);
    left: 280px;
    padding: 15px 15px 0;
}

.e_vac_fixed_upper_filters .e_vac_left_filters .form-group {
    margin-bottom: 10px;
}

.e_vac_fixed_upper_filters .e_vac_left_filters .panel-group {
    margin-bottom: 0px;
}



/* Cabeceras fijas */


table.e_vac_newdays {
    width: 100%;
    min-width: 662px;
}

    table.e_vac_newdays thead,
    table.e_vac_newdays tbody,
    table.e_vac_newdays tr,
    table.e_vac_newdays td,
    table.e_vac_newdays th {
        display: block;
    }

        table.e_vac_newdays tr:after {
            content: ' ';
            display: block;
            visibility: hidden;
            clear: both;
        }

    table.e_vac_newdays td,
    table.e_vac_newdays th {
        width: 3.571428571428571%;
        float: left;
        text-align: center;
    }


    table.e_vac_newdays > tbody > tr > td {
        height: 50px;
    }


.e_vac_hueco > td {
    height: 95px !important;
}


/* Fixed row genérica */

.e_vac_fixed_row {
    position: fixed;
    right: 0px;
    left: 330px;
    z-index: 2;
    min-width: 662px;
}

.e_vac_fixed_months {
    top: 150px;
}

.e_vac_fixed_weeks {
    top: 195px;
}


.e_vac_fixed_months > td > span {
    font-size: 25px;
    font-weight: 300;
    display: block;
    padding: 0 10px;
    text-align: left;
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.e_vac_fixed_weeks > th {
    font-weight: 500;
    font-size: 14px;
}

.e_vac_fixed_footer {
    bottom: 15px;
}

    .e_vac_fixed_footer td {
        font-weight: 600;
        height: auto !important;
    }


/* Línea de división entre meses */

.e_vac_month_divisor {
    position: absolute;
    bottom: 0;
    top: 0px;
    border-left: solid 1px #eee;
    z-index: 0;
}


.e_vac_days_container {
    position: absolute;
    right: 0;
    bottom: 0px;
    top: 140px;
    left: 330px;
    overflow-x: scroll;
    overflow-y: hidden;
}


/* Comportamiento vista pequeña */

@media (max-width: 767px) {
    .e_vac_employees_list_container {
        margin-bottom: 55px !important;
    }

    .e_vac_days_container {
        left: 280px;
        top: 240px;
    }

    .e_sim_left_block {
        left: 0px;
        top: 0;
    }

    .e_vac_fixed_row {
        left: 0px;
        right: 0;
    }

    .e_vac_fixed_upper_filters,
    .e_vac_fixed_lower_filters {
        left: 0;
    }

    .e_vac_fixed_upper_filters {
        top: 180px;
    }

    .e_vac_fixed_lower_filters {
    }

}



@media (max-width: 1023px) {
    .e_vac_employees_list_container {
        margin-bottom: 5px;
    }


    .e_vac_fixed_row {
        position: absolute;
        right: 0;
        left: 0;
    }

    .e_vac_fixed_months {
        top: 10px;
    }

    .e_vac_fixed_weeks {
        top: 55px;
    }

    .e_vac_fixed_upper_filters,
    .e_vac_fixed_lower_filters {
        position: absolute;
        z-index: 1;
    }

    .e_vac_fixed_lower_filters {
        z-index: 0;
    }

    .e_vac_fixed_footer {
        bottom: 0px;
    }

        .e_vac_fixed_footer td {
            height: 45px !important;
            padding: 10px 0px;
        }

    .e_vac_current_view {
        display: none;
    }

        .e_vac_month_divisor {
        display: none !important;
    }
}



/* Variación para árboles en el filtro por estructura de vacaciones de mis equipos */

.e_vac_left_filters > div:nth-child(2) .e_tree {
    position: static;
    height: 300px !important;
    padding: 0 0 0 25px;
}

.e_vac_left_filters > div:nth-child(2) .e_tree_search {
    padding: 0 !important;
    margin: 0 0 15px 0;
}

.e_vac_left_filters > div:nth-child(2) .e_tree > ul.igdt_NodeGroup {
    padding-left: 0px !important;
}

.e_vac_left_filters > div:nth-child(2) {
    height: 30px;
}


    .e_vac_left_filters > div:nth-child(2) .panel-group {
        position: absolute;
        right: 15px;
        left: 15px;
        z-index: 1;
    }

    .e_vac_left_filters > div:nth-child(2) .panel {
        box-shadow: none;
        border-color: #ccc;
        border-radius: 3px;
    }

        .e_vac_left_filters > div:nth-child(2) .panel .panel-heading {
            background: #fff;
            padding: 0;
            text-align: left;
            font-size: 13px;
        }

            .e_vac_left_filters > div:nth-child(2) .panel .panel-heading > a {
                color: #333 !important;
                display: block;
                padding: 5px 15px;
                text-decoration: none;
            }

        .e_vac_left_filters > div:nth-child(2) .panel.e_filtering .panel-heading > a {
            background: #fcf8e3;
            border-color: #faebcc;
        }

        .e_vac_left_filters > div:nth-child(2) .panel .panel-body {
            border-bottom: solid 1px #eee;
            padding: 0;
        }


        .e_vac_left_filters > div:nth-child(2) .panel .panel-footer {
            padding: 5px 15px 7px;
            text-align: right;
        }




.e_vac_days > tbody > tr > td > button {
    width: 32px;
    height: 32px;
    background: transparent;
    border: none;
    border-radius: 20px;
    font-weight: 600;
    cursor: default;
    outline: none;
    font-size: 14px;
    margin: 1px;
    padding: 0;
    position: relative;
}

    .e_vac_days > tbody > tr > td > button:hover {
        /*box-shadow: 0px 0px 0px 2px #eee;*/
    }

.e_vac_days > tbody > tr > td.e_schedulerCurrentDay > button {
    background: #e4f1f7;
}


/* Scheduler listas popover */

ul.e_vac_popover_list {
    padding: 0;
    list-style: none;
}

.e_vac_popover_list li {
    width: 250px;
    padding: 5px 0;
    border-bottom: solid 1px #eee;
}

    .e_vac_popover_list li:last-child {
        border-bottom: none;
    }

    .e_vac_popover_list li > div a {
        font-size: 12px;
        color: #333;
        float: left;
        text-decoration: none;
    }

        .e_vac_popover_list li > div a span:first-child {
            font-weight: bold;
            font-size: 11px;
            text-transform: uppercase;
        }

    .e_vac_popover_list li > div > a:hover > span.e_vac_type {
        text-decoration: underline;
    }

    .e_vac_popover_list li > div a span.glyphicon {
        font-weight: normal;
        font-size: 13px;
    }

    .e_vac_popover_list li .btn-group {
        margin-top: 5px;
    }

    .e_vac_popover_list li .btn {
        padding: 3px 5px 2px;
    }




/* Control de Selección de fechas de vacaciones */

.e_vac_date_selection {
}

    .e_vac_date_selection .e_vac_from_to {
        float: right;
        margin-top: 15px;
    }

        .e_vac_date_selection .e_vac_from_to .form-control {
            display: inline-block;
            margin-right: 15px;
        }


.e_vac_date_view {
    /*margin-top: 15px;*/
    float: left;
}


.e_no_border_btn.btn {
    border: none;
    box-shadow: none;
}

.e_vac_date_view .e_vac_current_date {
    font-size: 20px;
    padding: 1px 8px;
    font-weight: 300;
    line-height: 30px;
    text-transform: capitalize;
    text-decoration: none;
    color: #333;
    /* float: left; */
    display: inline-block;
    vertical-align: bottom;
}

.e_vac_current_date.e_vac_selectable_date:hover {
    background: #ebebeb;
}


.e_datepicker_hidden {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

    .e_datepicker_hidden:hover {
        background: rgba(0,0,0,.1);
    }

    .e_datepicker_hidden > input {
        width: 100%;
    }


@media (min-width: 1600px) {
    .e_vac_date_view .e_vac_current_date {
        font-size: 25px !important;
    }
}


@media (max-width: 1499px) {

    .e_vac_days > tbody > tr > th {
        font-size: 13px;
    }

    .e_vac_days > tbody > tr > td > button {
        width: 22px;
        height: 22px;
        font-size: 12px;
        margin: 5px 0 0;
    }
}


@media (min-width: 1600px) {


    .e_vac_days > tbody > tr > th {
        font-size: 14px;
    }

    .e_vac_days > tbody > tr > td > button {
        width: 31px;
        height: 31px;
        font-size: 14px;
    }
}


/* Stats y gráficos vacaciones y ausencias */

.e_vac_stats {
}

    .e_vac_stats .list-group.e_tablelist .list-group-item {
        width: 100%;
        float: left;
    }


.e_vac_graph_container {
}

@media (min-width: 768px) {

    .e_vac_stats {
        /*padding: 0px 30px;*/
    }
}

.e_vac_graph_container .e_vac_graph_label {
    font-size: 11px;
    /* text-transform: uppercase; */
    font-weight: 600;
    margin: 5px 0 0;
}

.e_vac_graph_container .e_vac_graph_num {
    font-size: 24px;
    font-weight: 300;
    letter-spacing: -1.2px;
}

div.e_vac_graph_util,
div.e_vac_graph_disp,
div.e_vac_graph_red,
.e_weight_disp,
.e_eval_disp,
.e_eval_low,
.e_eval_mid,
.e_eval_high {
    height: 2px;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
}

.e_objDefault.e_objShow .e_vac_graph_util,
.e_objDefault.e_objShow .e_vac_graph_disp,
.e_objDefault.e_objShow .e_weight_disp,
.e_objDefault.e_objShow .e_eval_disp {
    height: 3px;
}

span.e_vac_graph_red {
    color: #FF4D4D;
}

div.e_vac_graph_red {
    background-color: #FF4D4D;
}

.e_vac_graph_util {
    background-color: #ddd;
}

.e_vac_graph_disp {
    background-color: #55C8AB;
}

.e_weight_disp,
.e_eval_disp {
    background-color: #7194B5;
}


div.e_eval_low {
    background-color: #FF4D4D;
}

div.e_eval_mid {
    background-color: #ffcc00;
}

div.e_eval_high {
    background-color: #55C8AB;
}

/* Grids dentro de stats */


.e_vac_stats .e_gridView > table > tbody > tr:nth-child(2) > td > table {
    border: none;
    box-shadow: none;
}

.e_vac_stats .e_gridView .e_tableRow td {
    padding: 5px 0;
    font-size: 13px;
}

.e_vac_stats .e_gridView .e_tableRow tr:nth-child(2) td {
    border-top: none;
}

.e_vac_stats .e_gridView table th {
    cursor: default;
    background: transparent;
    padding: 5px 0;
    text-indent: 0;
    height: auto;
    border-bottom: solid 1px #ddd;
}

.e_vac_stats .e_cellCol:not(.e_Filtering) > td {
    background-color: transparent !important;
    color: #333 !important;
}

/**************************** CALENDARIO LABORAL *******************************/

.e_general_calendar {
    width: 100%;
    height: 210px;
    margin: 0 auto 20px;
}

@media (min-width: 991px) {
    .e_general_calendar {
        max-width: 200px;
    }
}


/*Clases días*/

.e_general_calendar > tbody > tr > td {
    padding: 2px;
    background: transparent !important;
    font-size: 11px;
    cursor: default;
}

.e_general_calendar td a {
    outline: none;
    display: block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: block;
    border-radius: 15px;
    text-decoration: none;
    font-weight: bold;
    color: #333;
    cursor: default;
    text-align: center;
    line-height: 20px;
}

.e_general_calendar td.calendarYearWeekendDay a {
    color: #999 !important;
}


.e_general_calendar tr td.calendarYearWeekendDay:first-child {
}



.e_general_calendar .calendarYearTitle td {
    text-transform: capitalize;
    /*padding: 10px 0;*/
    font-size: 20px;
    font-weight: 300;
}

.e_general_calendar .calendarYearHeader {
    font-size: 13px;
}

.e_colorWhite {
    color: transparent !important;
    background-color: transparent;
    border: none;
    cursor: pointer;
    box-shadow: none !important;
}

.e_checkbox_status {
    border-radius: 3px;
}



/* List group en el left block */

/* Tabla resumen */

.list-group.e_tablelist {
    margin-top: 15px;
    overflow: hidden;
}

    .list-group.e_tablelist .list-group-item:first-child {
        border-top: none;
    }

    .list-group.e_tablelist .list-group-item {
        border: none;
        background: transparent;
        border-top: solid 1px #ddd;
        border-radius: 0;
        padding: 5px 0;
        font-size: 12px;
    }

/* Checklist de empleados visibles / no visibles*/

.e_checkbox_level_2 {
    padding-left: 40px;
}

    .e_checkbox_level_2 > .control-label {
        text-transform: none !important;
    }

.e_left_block .list-group.e_checklist {
    margin: 5px 0;
    padding-left: 20px;
}

    .e_left_block .list-group.e_checklist .list-group-item {
        border: none;
        background: transparent;
        border-radius: 0;
        padding: 3px 0;
        font-size: 11px;
    }

        .e_left_block .list-group.e_checklist .list-group-item > a {
            margin-right: 5px;
        }

            .e_left_block .list-group.e_checklist .list-group-item > a > span.glyphicon-eye-close {
                color: #999;
            }

            .e_left_block .list-group.e_checklist .list-group-item > a + span,
            .e_left_block .list-group.e_checklist .list-group-item span.e_name {
                font-weight: 600;
            }

.e_left_block .list-group.e_regularlist {
    padding-left: 0;
}


/* Popover info de vacaciones en calendario laboral*/

.e_calendarListDetail {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .e_calendarListDetail li {
        position: relative;
        padding-left: 20px;
        margin-bottom: 5px;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-right: 4px;
    }

        .e_calendarListDetail li:hover {
            cursor: pointer;
            border-radius: 2px;
            background-color: #EEEEEE !important;
            padding-top: 4px;
            padding-bottom: 4px;
            padding-right: 4px;
        }

        .e_calendarListDetail li > div.e_calendarListDetailIndicator {
            position: absolute;
            height: 10px;
            width: 10px;
            left: 4px;
            top: 3px;
            border-radius: 5px;
        }

        .e_calendarListDetail li > div:last-child > span:first-child {
            font-weight: 600;
        }

.e_calendarListNotShowDetails {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .e_calendarListNotShowDetails li {
        position: relative;
        padding-left: 20px;
        margin-bottom: 5px;
    }

        .e_calendarListNotShowDetails li > div.e_calendarListDetailIndicator {
            position: absolute;
            height: 10px;
            width: 10px;
            left: 0;
            top: 3px;
            border-radius: 5px;
        }

        .e_calendarListNotShowDetails li > div:last-child > span:first-child {
            font-weight: 600;
        }

/* Ausencias de bolsa de horas */
.e_type_absence_special {
}

a.e_type_absence_special {
    position: relative;
}

    a.e_type_absence_special::after {
        content: "";
        display: block;
        position: absolute;
        right: -1px;
        top: -1px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #ff6600;
        border: solid 2px #fff;
    }

button.e_type_absence_special::after{
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ff6600;
    border: solid 2px #fff;
    right: 0px;
    top: -2px;
}

div.e_type_absence_special::after {
    content: "";
    display: block;
    position: relative;
    right: -4px;
    top: -4px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ff6600;
    border: solid 1px #fff;
}

div.e_type_absence_special:hover:after {
    right: -4px;
    top: -4px;
    width: 7px;
    height: 7px;
}


/* Calendario laboral */

.e_status_calendar_enable,
.e_status_calendar_disable {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 8px;
    vertical-align: text-top;
    margin-right: 5px;
    float: left;
    /* border: solid 1px rgba(0,0,0,.3); */
    margin-top: 8px;
}

    .e_status_calendar_enable + .control-label,
    .e_status_calendar_disable + .control-label {
        cursor: pointer;
    }

    .e_status_calendar_enable > span.glyphicon,
    .e_status_calendar_disable > span.glyphicon {
        font-size: 9px;
        float: left;
        color: #fff;
        margin: 1px 2px;
        text-shadow: 0px 1px 1px rgba(0,0,0,.7);
    }



/*Estados*/

/*Aceptado por RRHH (estado final)*/

.e_type_holiday.e_vac_day_acordado a,
.e_vac_days > tbody > tr > td > button.e_type_holiday.e_vac_day_acordado,
div.e_calendarListDetailIndicator.e_type_holiday.e_vac_day_acordado {
    background-color: #0099CC;
    color: #fff !important;
}

.e_vac_days > tbody > tr > td > button + .popover,
.e_vac_employees_list > li > a.e_vac_have_pending + .popover {
    z-index: 2;
}


/*.e_vac_employees_list > li > a.e_vac_have_pending + .popover {
    top: -30px !important;
}

.e_vac_employees_list > li > a.e_vac_have_pending + .popover > .arrow {
        top: 53px !important;
    }*/




.e_type_holiday.e_vac_day_acordado a:hover,
.e_vac_days > tbody > tr > td > button.e_type_holiday.e_vac_day_acordado:hover {
    box-shadow: 0px 0px 0px 2px #0099CC;
    background-color: #0099CC;
}

.e_type_absence.e_vac_day_acordado a,
.e_vac_days > tbody > tr > td > button.e_type_absence.e_vac_day_acordado,
div.e_calendarListDetailIndicator.e_type_absence.e_vac_day_acordado {
    box-shadow: inset 0px 0px 0px 2px #0099CC;
    background-color: transparent;
    color: #0099CC !important;
}

    .e_type_absence.e_vac_day_acordado a:hover,
    .e_vac_days > tbody > tr > td > button.e_type_absence.e_vac_day_acordado:hover {
        box-shadow: 0px 0px 0px 2px #0099CC;
        background-color: transparent;
        color: #0099CC !important;
    }

.e_type_specialAbsence.e_vac_day_acordado a,
.e_vac_days > tbody > tr > td > button.e_type_specialAbsence.e_vac_day_acordado,
div.e_calendarListDetailIndicator.e_type_specialAbsence.e_vac_day_acordado {
    box-shadow: inset 0px 0px 0px 2px #0099CC;
    background-color: transparent;
    color: #0099CC !important;
    border-radius: 0 !important;
}

    .e_type_specialAbsence.e_vac_day_acordado a:hover,
    .e_vac_days > tbody > tr > td > button.e_type_specialAbsence.e_vac_day_acordado:hover {
        box-shadow: 0px 0px 0px 2px #0099CC;
        background-color: transparent;
        color: #0099CC !important;
        border-radius: 0 !important;
    }

.e_status_calendar_enable.e_vac_day_acordado {
    background: #0099CC;
}

.e_status_calendar_disable.e_vac_day_acordado {
    border: solid 2px #0099CC;
}

/* Borrador */

.e_type_holiday.e_vac_day_borrador a,
.e_vac_days > tbody > tr > td > button.e_type_holiday.e_vac_day_borrador,
div.e_calendarListDetailIndicator.e_type_holiday.e_vac_day_borrador {
    background-color: #ccc;
    color: #fff !important;
}

    .e_type_holiday.e_vac_day_borrador a:hover,
    .e_vac_days > tbody > tr > td > button.e_type_holiday.e_vac_day_borrador:hover {
        box-shadow: 0px 0px 0px 2px #ccc;
        background-color: #ccc;
    }

.e_type_absence.e_vac_day_borrador a,
.e_vac_days > tbody > tr > td > button.e_type_absence.e_vac_day_borrador,
div.e_calendarListDetailIndicator.e_type_absence.e_vac_day_borrador {
    box-shadow: inset 0px 0px 0px 2px #ccc;
    background-color: transparent;
    color: #ccc !important;
}

    .e_type_absence.e_vac_day_borrador a:hover,
    .e_vac_days > tbody > tr > td > button.e_type_absence.e_vac_day_borrador:hover {
        box-shadow: 0px 0px 0px 2px #ccc;
        background-color: transparent;
        color: #ccc !important;
    }

.e_type_specialAbsence.e_vac_day_borrador a,
.e_vac_days > tbody > tr > td > button.e_type_specialAbsence.e_vac_day_borrador,
div.e_calendarListDetailIndicator.e_type_specialAbsence.e_vac_day_borrador {
    box-shadow: inset 0px 0px 0px 2px #ccc;
    background-color: transparent;
    color: #ccc !important;
    border-radius: 0 !important;
}

    .e_type_specialAbsence.e_vac_day_borrador a:hover,
    .e_vac_days > tbody > tr > td > button.e_type_specialAbsence.e_vac_day_borrador:hover {
        box-shadow: 0px 0px 0px 2px #ccc;
        background-color: #ccc;
        border-radius: 0 !important;
    }

.e_status_calendar_enable.e_vac_day_borrador {
    background: #ccc;
}

.e_status_calendar_enable.e_absence {
    border: solid 2px #333;
}

.e_status_calendar_enable.e_specialAbsence {
    border: solid 2px #333;
    border-radius: 0 !important;
}

.e_status_calendar_enable.e_holyday {
    background: #333;
    border: solid 2px #333;
}

.e_status_calendar_disable.e_vac_day_borrador {
    border: solid 2px #ccc;
}


/*Solicitado*/

.e_type_holiday.e_vac_day_solicitado a,
.e_vac_days > tbody > tr > td > button.e_type_holiday.e_vac_day_solicitado,
div.e_calendarListDetailIndicator.e_type_holiday.e_vac_day_solicitado {
    background-color: #fc0;
    color: #fff !important;
}

    .e_type_holiday.e_vac_day_solicitado a:hover,
    .e_vac_days > tbody > tr > td > button.e_type_holiday.e_vac_day_solicitado:hover {
        box-shadow: 0px 0px 0px 2px #fc0;
        background-color: #fc0;
    }

.e_type_absence.e_vac_day_solicitado a,
.e_vac_days > tbody > tr > td > button.e_type_absence.e_vac_day_solicitado,
div.e_calendarListDetailIndicator.e_type_absence.e_vac_day_solicitado {
    box-shadow: inset 0px 0px 0px 2px #fc0;
    background-color: transparent;
    color: #fc0 !important;
}

    .e_type_absence.e_vac_day_solicitado a:hover,
    .e_vac_days > tbody > tr > td > button.e_type_absence.e_vac_day_solicitado:hover {
        box-shadow: 0px 0px 0px 2px #fc0;
        background-color: transparent;
        color: #fc0 !important;
    }

.e_type_specialAbsence.e_vac_day_solicitado a,
.e_vac_days > tbody > tr > td > button.e_type_specialAbsence.e_vac_day_solicitado,
div.e_calendarListDetailIndicator.e_type_specialAbsence.e_vac_day_solicitado {
    box-shadow: inset 0px 0px 0px 2px #fc0;
    background-color: transparent;
    color: #fc0 !important;
    border-radius: 0 !important;
}

    .e_type_specialAbsence.e_vac_day_solicitado a:hover,
    .e_vac_days > tbody > tr > td > button.e_type_specialAbsence.e_vac_day_solicitado:hover {
        box-shadow: 0px 0px 0px 2px #fc0;
        background-color: transparent;
        color: #fc0 !important;
        border-radius: 0 !important;
    }
    

.e_status_calendar_enable.e_vac_day_solicitado {
    background: #fc0;
}

.e_status_calendar_disable.e_vac_day_solicitado {
    border: solid 2px #fc0;
}



/*Validado por el responsable*/

.e_type_holiday.e_vac_day_validado a,
.e_vac_days > tbody > tr > td > button.e_type_holiday.e_vac_day_validado,
div.e_calendarListDetailIndicator.e_type_holiday.e_vac_day_validado {
    background-color: #33CC00;
    color: #fff !important;
}

    .e_type_holiday.e_vac_day_validado a:hover,
    .e_vac_days > tbody > tr > td > button.e_type_holiday.e_vac_day_validado:hover {
        box-shadow: 0px 0px 0px 2px #33CC00;
        background-color: #33CC00;
    }

.e_type_absence.e_vac_day_validado a,
.e_vac_days > tbody > tr > td > button.e_type_absence.e_vac_day_validado,
div.e_calendarListDetailIndicator.e_type_absence.e_vac_day_validado {
    box-shadow: inset 0px 0px 0px 2px #33CC00;
    background-color: transparent;
    color: #33CC00 !important;
}

    .e_type_absence.e_vac_day_validado a:hover,
    .e_vac_days > tbody > tr > td > button.e_type_absence.e_vac_day_validado:hover {
        box-shadow: 0px 0px 0px 2px #33CC00;
        background-color: transparent;
        color: #33CC00 !important;
    }

.e_type_specialAbsence.e_vac_day_validado a,
.e_vac_days > tbody > tr > td > button.e_type_specialAbsence.e_vac_day_validado,
div.e_calendarListDetailIndicator.e_type_specialAbsence.e_vac_day_validado {
    box-shadow: inset 0px 0px 0px 2px #33CC00;
    background-color: transparent;
    color: #33CC00 !important;
    border-radius: 0 !important;
}

    .e_type_specialAbsence.e_vac_day_validado a:hover,
    .e_vac_days > tbody > tr > td > button.e_type_specialAbsence.e_vac_day_validado:hover {
        box-shadow: 0px 0px 0px 2px #33CC00;
        background-color: transparent;
        color: #33CC00 !important;
        border-radius: 0 !important;
    }

.e_status_calendar_enable.e_vac_day_validado {
    background: #33CC00;
}

.e_status_calendar_disable.e_vac_day_validado {
    border: solid 2px #33CC00;
}



/*Rechazado*/

.e_type_holiday.e_vac_day_rechazado a,
.e_vac_days > tbody > tr > td > button.e_type_holiday.e_vac_day_rechazado,
div.e_calendarListDetailIndicator.e_type_holiday.e_vac_day_rechazado {
    background-color: #e66665;
    color: #fff !important;
}

    .e_type_holiday.e_vac_day_rechazado a:hover,
    .e_vac_days > tbody > tr > td > button.e_type_holiday.e_vac_day_rechazado:hover {
        box-shadow: 0px 0px 0px 2px #e66665;
        background-color: #e66665;
    }

.e_type_absence.e_vac_day_rechazado a,
.e_vac_days > tbody > tr > td > button.e_type_absence.e_vac_day_rechazado,
div.e_calendarListDetailIndicator.e_type_absence.e_vac_day_rechazado {
    box-shadow: inset 0px 0px 0px 2px #e66665;
    background-color: transparent;
    color: #e66665 !important;
}

    .e_type_absence.e_vac_day_rechazado a:hover,
    .e_vac_days > tbody > tr > td > button.e_type_absence.e_vac_day_rechazado:hover {
        box-shadow: 0px 0px 0px 2px #e66665;
        background-color: transparent;
        color: #e66665 !important;
    }

.e_type_specialAbsence.e_vac_day_rechazado a,
.e_vac_days > tbody > tr > td > button.e_type_specialAbsence.e_vac_day_rechazado,
div.e_calendarListDetailIndicator.e_type_specialAbsence.e_vac_day_rechazado {
    box-shadow: inset 0px 0px 0px 2px #e66665;
    background-color: transparent;
    color: #e66665 !important;
    border-radius: 0 !important;
}

    .e_type_specialAbsence.e_vac_day_rechazado a:hover,
    .e_vac_days > tbody > tr > td > button.e_type_specialAbsence.e_vac_day_rechazado:hover {
        box-shadow: 0px 0px 0px 2px #e66665;
        background-color: transparent;
        color: #e66665 !important;
        border-radius: 0 !important;
    }

.e_status_calendar_enable.e_vac_day_rechazado {
    background: #e66665;
}

.e_status_calendar_disable.e_vac_day_rechazado {
    border: solid 2px #e66665;
}


/*Días festivos*/
.e_vac_day_noWorking, .e_vac_day_noWorking a,
.e_vac_day_noWorking:hover a {
    background-color: #EEEEEE !important;
    color: #FF4D4D !important;
}

/*Días teleworking*/
.e_vac_day_teleworking, .e_vac_day_teleworking a,
.e_vac_day_teleworking:hover a {
    background-color: #EEEEEE !important;
    color: #33CC00 !important;
}

/*Días jornada intensiva*/
.e_vac_day_shortworkday, .e_vac_day_shortworkday a,
.e_vac_day_shortworkday:hover a {
    background-color: #EEEEEE !important;
    color: #0099CC !important;
}


/*Días cuando haya más de una persona en el selector*/

.e_vac_day_neutral a,
.e_vac_days > tbody > tr > td > button.e_vac_day_neutral,
.e_vac_day_neutral a:hover,
.e_vac_days > tbody > tr > td > button.e_vac_day_neutral:hover,
.e_status_calendar_enable.e_vac_day_neutral {
    background: url(../images/ico/cal_striped.svg) !important;
    color: #333 !important;
}

.e_vac_day_Specialneutral {
    border-radius: 0 !important;
}


.e_vac_day_amalgam {
}

.e_holidayOrange {
    background-color: #ff6600 !important;
    color: #fff !important;
}

.e_holidayRed {
    background-color: #e66665 !important;
    color: #fff !important;
}

.e_holidayTransparent {
    background-color: transparent;
}


.e_colorWhite {
    color: transparent !important;
    background-color: transparent;
    border: none;
    box-shadow: none !important;
}


/* Leyenda */

.e_vac_states_info {
    list-style: none;
    text-align: right;
    margin: 2px 0 15px;
    float: right;
    padding: 1px 4px 8px;
}

    .e_vac_states_info li {
        display: inline-block;
        margin: 0 5px;
    }

    .e_vac_states_info .control-label {
        cursor: default;
        font-weight: 600 !important;
        text-transform: none !important;
        padding-top: 0;
    }

    .e_vac_states_info .e_status_calendar_enable {
        width: 12px;
        height: 12px;
        margin-top: 6px;
        font-weight: bold;
        font-size: 9px;
        text-align: center;
        letter-spacing: -1px;
    }

        .e_vac_states_info .e_status_calendar_enable.e_vac_day_noWorking:after {
            content: "31";
            font-size: 8px;
            font-weight: bold;
        }

        .e_vac_states_info .e_status_calendar_enable.e_vac_day_teleworking:after {
            content: "31";
            font-size: 8px;
            font-weight: bold;
        }

        .e_vac_states_info .e_status_calendar_enable.e_vac_day_shortworkday:after {
            content: "31";
            font-size: 8px;
            font-weight: bold;
        }

.e_vac_states_calendar_divider {
    border-left: solid 1px #ddd;
    height: 20px;
    margin-top: -2px;
    margin-bottom: -6px;
}

/*Selecciones*/

.e_selectedToday a {
    background: #e4f1f7;
}

.e_selectedDay a {
    background: #ff9900;
    color: #fff !important;
}


/* Marcar el contenido de una celda en color rojo */

.e_Cell_Alert {
    color: red;
}

/* Inputs de fechas - Datepicker */

.inputDatepicker {
    width: 105px !important;
}

.e_datepicker_hidden .inputDatepicker {
    width: 100% !important;
}

.has-feedback .inputDatepicker.form-control {
    width: 150px !important;
}


/* Filtro por estructura - Vacaciones de equipo */
.e_structure_filter.disabled{
    background-color: #eee;
    cursor: not-allowed;
}

.e_structure_filter.filtering {
    background-color: #F5F6CE;
}



/* Tabla de ausencias adicionales */

table.e_more_absences {
    width: 100%;
    margin-bottom: 20px;
    table-layout: fixed;
}

    table.e_more_absences th {
        padding: 0px 0px 6px 0px;
    }

        table.e_more_absences th span {
            background: #ddd;
            padding: 1px 4px;
            border-radius: 5px;
            text-transform: uppercase;
            font-weight: 600;
            font-size: 10px;
        }

    table.e_more_absences td {
        width: 100%;
        border-top: solid 1px #ddd;
        border-radius: 0;
        padding: 5px 0;
        font-size: 12px;
    }

        table.e_more_absences td.e_ma_value span {
            display: block;
            font-size: 11px;
        }

        table.e_more_absences td span.e_ellipsis {
            display: block;
        }

    table.e_more_absences .e_ma_value {
        width: 45px;
        text-align: center;
    }