/* SIMULADOR RETRIBUCIÓN FLEXIBLE */

/* Tabla estructura */

.e_table_flex_simulator_structure {
    width: 100%;
    font-size: 12px;
}


    .e_table_flex_simulator_structure > tbody > tr > td {
        border-top: solid 1px #ddd;
        padding: 15px 0;
    }

        .e_table_flex_simulator_structure > tbody > tr > td:first-child {
            border-right: solid 1px #ddd;
            padding-right: 10px;
            width: 40%;
            min-width: 260px;
        }

        .e_table_flex_simulator_structure > tbody > tr > td:last-child {
            border-left: solid 1px #ddd;
            padding-left: 10px;
            width: 60%;
        }

    .e_table_flex_simulator_structure > tbody > tr:first-child > td {
        border: none;
        padding-top: 0;
    }

.e_table_flex_simulator_strong table {
    width: 100%;
}

    .e_table_flex_simulator_strong table td {
        font-weight: 600;
    }

/* Tabla de productos */


.e_table_flex_simulator_products {
    width: 100%;
    font-size: 12px;
}

    .e_table_flex_simulator_products th {
        padding-bottom: 6px;
        font-weight: 600;
        font-size: 12px;
    }


    .e_table_flex_simulator_products td {
        padding-bottom: 1px;
        padding-left: 3px;
    }

        .e_table_flex_simulator_products td:first-child {
            width: 50%;
        }

        .e_table_flex_simulator_products td > span {
            display: inline-block;
            width: 90%;
        }

        .e_table_flex_simulator_products td input[type="text"] {
            padding: 0 2px;
            margin: 0;
            float: right;
        }

/* Tabla de lista */

.e_table_flex_simulator_list {
    width: 100%;
    font-size: 12px;
}

    .e_table_flex_simulator_list td {
        padding-bottom: 3px;
    }

.e_flex_saving {
    color: #339900;
    font-weight: 300;
    font-size: 20px;
}

@media (max-width:1199px) {
    .e_table_flex_simulator_structure > tbody > tr > td {
        padding: 5px 0;
    }
}

@media (min-width:1200px) {
    .e_table_flex_simulator_structure {
        font-size: 14px;
    }

    .e_table_flex_simulator_list {
        width: 100%;
        font-size: 13px;
    }
}

/* Detalle anual */

.e_flex_detalle_anual {
    width: 100%;
    font-size: 12px;
    margin-bottom: 20px;
}

    .e_flex_detalle_anual th {
        font-weight: 600;
        padding-bottom: 2px;
        border-bottom: solid 1px #eee;
    }

    .e_flex_detalle_anual td {
    }

    .e_flex_detalle_anual h3 {
        text-transform: capitalize;
        font-size: 20px;
        font-weight: 300;
        /*margin-top: 0;*/
        margin-bottom: 5px;
    }


    .e_flex_detalle_anual tr:last-child td {
        border-top: solid 1px #eee;
        font-weight: 600;
        padding-top: 2px;
    }

    .e_flex_detalle_anual .e_status_calendar_enable {
        margin: 4px 5px 0 0;
        width: 10px;
        height: 10px;
    }


/* Productos */

.media .e_heading_3 {
    padding-top: 0;
}

.e_flex_product_icon_container {
    margin: 0px 20px 0 0;
    width: 90px;
    overflow: hidden;
}

    .e_flex_product_icon_container input[type="checkbox"] {
        margin-top: 26px;
        float: left;
        margin-right: 10px;
    }

    .e_flex_product_icon_container img.media-object {
        width: 64px;
    }

/* Información de contacto de proveedores */

p.e_flex_product_contact {
    border-left: solid 2px #ddd;
    padding-left: 15px;
    font-weight: 600;
    font-size: 13px;
}


/*Compensacion*/

.compensationinfoseparator {
    border-bottom: 1px solid rgba(0, 0, 0, 0.13);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.02);
    padding: 10px 0 15px;
    margin-bottom: 10px;
}

    .compensationinfoseparator .form-group {
        margin-bottom: 0px;
    }

.compensationresulttitle {
    color: #484848;
    float: left;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: -0.5px;
}

.compensationresult {
    padding-right: 5px !important;
}

.compensationresultrow {
    padding-right: 15px;
    margin-right: 0px !important;
}

.compensationpreslabels {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.compensationpreslabel {
    padding-left: 0px;
}

.compensationpreslabelper {
    margin-left: 5px;
}

.compensationresponsibles {
    font-size: 11px !important;
}

.compensationprestotalvalue {
    font-size: 17px !important;
    text-align: right;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
}

.compensationpresvalue {
    font-size: 14px !important;
    text-align: right;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
}

.compensationresultvalue {
    padding-left: 0px;
}

.compensationresultprogressbar {
    margin-left: -15px;
    margin-right: -15px;
    width: 100%;
    height: 2px;
    background-color: #ddd;
    margin-top: 5px;
    margin-bottom: 5px;
}

.percentageprogressbarpassed {
    background-color: #f00;
}


.compensationresultprogressbarfilled {
    height: 2px;
}

@media (max-width: 1199px) {
    .compensationresulttitle {
        margin-top: 15px;
    }

    .compensationresult {
        margin-left: 15px;
        margin-right: 5px !important;
    }
}

.compensationgridView .e_tableRow td {
    white-space: nowrap;
    overflow: hidden;
    border-color: #eeeeee;
    border-style: solid;
    border-width: 1px;
}

.compensationgridView table th {
    white-space: normal !important;
}


.tbpiTrianglePos {
    width: 6px;
    height: 6px;
    background-image: url(../images/ico/ic_top.png);
    display: inline-block;
}

.tbpiTriangleNeg {
    width: 6px;
    height: 6px;
    background-image: url(../images/ico/ic_down.png);
    display: inline-block;
}

.tbpiTriangleZero {
    width: 6px;
    height: 6px;
    background-image: url(../images/ico/ic_zero.png);
    display: inline-block;
}

.tbpiPos {
    font-size: 11px;
    font-weight: bold;
    color: #86b200;
    margin-left: 3px;
}

.tbpiNeg {
    font-size: 11px;
    font-weight: bold;
    color: #FF0000;
    margin-left: 3px;
}

.tbpiZero {
    font-size: 11px;
    font-weight: bold;
    color: #696161;
    margin-left: 3px;
}

.compensationgridwrapper {
    background-color: #FFF;
    display: table;
    width: 100%;
    padding-top: 5px;
}

.compensationresponsibles {
    /*white-space: nowrap;
  overflow: hidden;*/
}

.compensationcellerror {
    /*color: white;
    background-color: red;*/
    background-color: #F2DEDE;
}

.compesationcellerrorstrong
{
   background-color: #ff8566; 
}

.compensationcellblockedcolor {
    background-color: #DFDFDF !important;
}

.compensationcellblockednotedit {
    pointer-events: none !important;
    background-repeat: no-repeat !important;
    background-image: none !important;
}
            
.compensationgridView table th {
    text-indent: 0px;
    min-width: 30px !important;
}

    .compensationgridView table th span {
        white-space: normal;
        position: static;
    }

.buttonscompensationletter {
    background-color: #F0F0F0 !important;
}

.buttonscompensation {
    margin-right: 10px;
}

/*******************************INFORMACIÓN SALARIAL: SALARIOS **********************************/

div.e_data_table_container {
    border: solid 1px #ddd;
    /*border-radius: 4px;*/
    -webkit-box-shadow: 3px 3px 0px rgba(0,0,0,.02);
    box-shadow: 3px 3px 0px rgba(0,0,0,.02);
    margin-bottom: 15px;
}

    div.e_data_table_container > table {
        margin-bottom: 0;
    }

table.e_data_table td {
    border: none;
    font-weight: 600;
    font-size: 13px;
    border-top: none !important;
}

    table.e_data_table td .glyphicon {
        font-size: 12px;
    }


table.e_data_table.e_count_data tr > td:last-child {
    min-width: 125px;
    vertical-align: bottom;
    color: #333;
}

.e_data_table_lvl0 td {
    background: #dff0d8;
    text-transform: uppercase;
    font-weight: 600 !important;
    border-color: #d6e9c6;
    font-size: 14px !important;
    padding: 10px 15px !important;
    /*border-bottom: solid 1px #ddd !important;*/
}

.e_data_table_lvl1 td {
    background: #fafafa;
    border-bottom: solid 1px #ddd !important;
    padding: 10px 15px !important;
    text-transform: uppercase;
    color: #666;
}

.e_data_table_lvl1_2 td {
    background: #fafafa;
    border-bottom: solid 1px #ddd !important;
    padding: 8px 15px 8px 0 !important;
    /*text-transform: uppercase;
    color: #666;*/
}

.e_data_table_lvl2 td {
    border-bottom: solid 1px #F0EFF4 !important;
    padding: 8px 15px 8px 0 !important;
}

    .e_data_table_lvl2 td:first-child {
        border-bottom: none !important;
        padding: 0 !important;
        width: 35px;
    }



    .e_data_table_lvl3 + .e_data_table_lvl2 td {
    border-top: solid 1px #F0EFF4 !important;
}

.e_data_table_lvl3 + .e_data_table_lvl1 > td,
.e_data_table_lvl2 + .e_data_table_lvl1 > td  {
    border-top: solid 1px #ddd !important;
}

.e_data_table_lvl3 td {
    font-weight: 400 !important;
    padding: 8px 15px 8px 20px !important;
}

/************* INFORMACIÓN SALARIAL - SEPARACIÓN DE TABLAS **************/
/*
.e-salaryinfo-left {
    border-radius: 4px 0 0 4px;
}

.e-salaryinfo-right {
    border-radius: 0 4px 4px 0;
}
    */

.e-salaryinfo-grosssalary {
    background-color: rgba(93,145,203,0.2) !important;
    position: relative;
}

    .e-salaryinfo-grosssalary.e_data_table_lvl1 td:after {
        background-color: rgba(93,145,203,1);
    }


.e-salaryinfo-bonus {
    background-color: rgba(223,186,124,0.2) !important;
}

    .e-salaryinfo-bonus.e_data_table_lvl1 td:after {
        background-color: rgba(223,186,124,1);
    }

.e-salaryinfo-variable {
    background-color: rgba(219,140,119,0.2) !important;
}

    .e-salaryinfo-variable.e_data_table_lvl1 td:after {
        background-color: rgba(219,140,119,1);
    }

.e-salaryinfo-plus {
    background-color: rgba(157,216,217,0.2) !important;
}

    .e-salaryinfo-plus.e_data_table_lvl1 td:after {
        background-color: rgba(157,216,217,1);
    }

.e-salaryinfo-plusretflex {
    background-color: rgba(147,118,179,0.2) !important;
}

    .e-salaryinfo-plusretflex.e_data_table_lvl1 td:after {
        background-color: rgba(147,118,179,1);
    }

.e-salaryinfo-plusother {
    background-color: rgba(186,193,184,0.2) !important;
}

    .e-salaryinfo-plusother.e_data_table_lvl1 td:after {
        background-color: rgba(186,193,184,1);
    }

.e-salaryinfo-retflex {
    background-color: rgba(192,134,185,0.2) !important;
}

    .e-salaryinfo-retflex.e_data_table_lvl1 td:after {
        background-color: rgba(192,134,185,1);
    }

.e-salaryinfo-otherben {
    background-color: rgba(210,214,141,0.2) !important;
}

    .e-salaryinfo-otherben.e_data_table_lvl1 td:after {
        background-color: rgba(210,214,141,1)
    }

.e-salaryinfo-total {
    background-color: rgba(223,240,216,1) !important;
}

    .e-salaryinfo-total.e_data_table_lvl1 td {
        border: none !important;
        background: transparent !important;
        position: relative;
        text-transform: none;
        height: 50px;
        color: #333;
        vertical-align: middle !important;
    }

.e-salaryinfo-grosssalary.e_data_table_lvl1 td,
.e-salaryinfo-bonus.e_data_table_lvl1 td,
.e-salaryinfo-variable.e_data_table_lvl1 td,
.e-salaryinfo-plus.e_data_table_lvl1 td,
.e-salaryinfo-retflex.e_data_table_lvl1 td,
.e-salaryinfo-plusretflex.e_data_table_lvl1 td,
.e-salaryinfo-plusother.e_data_table_lvl1 td,
.e-salaryinfo-otherben.e_data_table_lvl1 td {
    border: none !important;
    background: transparent !important;
    position: relative;
    text-transform: none;
}

    .e-salaryinfo-grosssalary.e_data_table_lvl1 td:first-child,
    .e-salaryinfo-bonus.e_data_table_lvl1 td:first-child,
    .e-salaryinfo-variable.e_data_table_lvl1 td:first-child,
    .e-salaryinfo-plus.e_data_table_lvl1 td:first-child,
    .e-salaryinfo-retflex.e_data_table_lvl1 td:first-child,
    .e-salaryinfo-plusretflex.e_data_table_lvl1 td:first-child,
    .e-salaryinfo-plusother.e_data_table_lvl1 td:first-child,
    .e-salaryinfo-otherben.e_data_table_lvl1 td:first-child,
    .e-salaryinfo-total.e_data_table_lvl1 td:first-child {
        border-radius: 4px 0 0 4px;
    }

        .e-salaryinfo-grosssalary.e_data_table_lvl1 td:first-child:after,
        .e-salaryinfo-bonus.e_data_table_lvl1 td:first-child:after,
        .e-salaryinfo-variable.e_data_table_lvl1 td:first-child:after,
        .e-salaryinfo-plus.e_data_table_lvl1 td:first-child:after,
        .e-salaryinfo-retflex.e_data_table_lvl1 td:first-child:after,
        .e-salaryinfo-plusretflex.e_data_table_lvl1 td:first-child:after,
        .e-salaryinfo-plusother.e_data_table_lvl1 td:first-child:after,
        .e-salaryinfo-otherben.e_data_table_lvl1 td:first-child:after {
            content: "";
            position: absolute;
            left: 0;
            height: 100%;
            width: 6px;
            border-radius: 4px 0 0 4px;
            top: 0;
        }

    .e-salaryinfo-grosssalary.e_data_table_lvl1 td:last-child,
    .e-salaryinfo-bonus.e_data_table_lvl1 td:last-child,
    .e-salaryinfo-variable.e_data_table_lvl1 td:last-child,
    .e-salaryinfo-plus.e_data_table_lvl1 td:last-child,
    .e-salaryinfo-retflex.e_data_table_lvl1 td:last-child,
    .e-salaryinfo-plusretflex.e_data_table_lvl1 td:last-child,
    .e-salaryinfo-plusother.e_data_table_lvl1 td:last-child,
    .e-salaryinfo-otherben.e_data_table_lvl1 td:last-child,
    .e-salaryinfo-total.e_data_table_lvl1 td:last-child {
        border-radius: 0 4px 4px 0;
    }


        .e-salaryinfo-grosssalary.e_data_table_lvl1 td:last-child:after,
        .e-salaryinfo-bonus.e_data_table_lvl1 td:last-child:after,
        .e-salaryinfo-variable.e_data_table_lvl1 td:last-child:after,
        .e-salaryinfo-plus.e_data_table_lvl1 td:last-child:after,
        .e-salaryinfo-retflex.e_data_table_lvl1 td:last-child:after,
        .e-salaryinfo-plusretflex.e_data_table_lvl1 td:last-child:after,
        .e-salaryinfo-plusother.e_data_table_lvl1 td:last-child:after,
        .e-salaryinfo-otherben.e_data_table_lvl1 td:last-child:after {
            content: "";
            position: absolute;
            right: 0;
            height: 100%;
            width: 6px;
            border-radius: 0 4px 4px 0;
            top: 0;
        }

 tr.e_data_table_lvl2:last-child td {
border-bottom: none !important;
}


 /***BOTÓN POPOVER***/

.e-salaryinfo-btn-icon {
margin-left: 10px;
color: rgba(145,173,197,1);
font-size: 16px !important;
outline: none;
cursor: pointer;
}

/***POPOVER***/

table.e_data_table .popover {
    min-width: 300px;
}

table.e-salaryinfo-popoverotherben .popover {
    min-width: 350px;
}

.e-salaryinfo-popover .form-group {
    margin-bottom: 5px;
}

    .e-salaryinfo-popover .form-group:last-child label {
        font-weight: 700;
        font-size: 13px;
    }

    .e-salaryinfo-popover .form-group:last-child p {
        font-weight: 700;
        font-size: 14px;
    }

    .e-salaryinfo-popover .form-group:last-child {
        border-top: 1px solid #ebebeb;
        margin-top: 15px;
    }