/*************************************************

    INCLUYE:

    - Employee Title
    - Intermenú
    - Directorio de empleados
    - Modo suplantación

    
*************************************************/

/* EMPLOYEE TITLE*/

.e_employee_header {
    position: relative;
    margin: 0 -15px;
    padding: 20px 15px;
    /*border-bottom: solid 1px #ddd;
    box-shadow: 0px 2px 2px rgba(0,0,0,.02);*/
    font-weight: 600;
}

/* Modificaciones imagen de fondo */
/*

    .e_employee_header
    {
        background-image: url('http://e2ua.com/data/wallpapers/143/WDF_1843727.jpg');
        padding: 50px 15px 20px;
        background-size: cover;
        background-position: 50% 60%;
        margin-bottom: 15px !important;
        /*background: #0173c7;* /
    }

    .e_employee_header .e_employee_info
    {
        text-shadow: 1px 1px 0px rgba(0,0,0,0.1), 0px 1px 4px rgba(0,0,0,.5);
    }

    .e_employee_header .e_employee .e_employee_info *
    {
        color: #fff !important;
    }

    .e_employee_header .e_employee_photo .e_employeePic_container
    {
        border: solid 3px #fff;
    }

    .e_employee_header .e_employee .e_employee_info .e_upper_info h2.e_employee_name
    {
        font-weight: 600;
    }

    @media (min-width: 500px)
    {
        .e_employee_header .e_employee_actions
        {
            right: 12px !important;
            top: 90px !important;
        }
    }

.e_employee_header .e_intermenu_btn
{
    background-image: url('../images/ico/intermenu_button_alt.svg') !important;
}

    .e_employee .e_employee_info .e_upper_info {
        border-bottom: solid 1px rgba(255,255,255,.3) !important;
    }
    */
/* Fin modificaciones imagen de fondo */


.e_employee_card {
    position: relative;
    margin: 0 0 25px;
    border: solid 1px #ddd;
    box-shadow: 3px 3px 0px rgba(0,0,0,.02);
}

.e_employee_profile {
    background: rgb(255,255,255);
    /*background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(241,241,241,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );*/
    margin-bottom: 9px;
    padding: 10px 10px 20px;
}

ul.e_employee_list {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

    ul.e_employee_list > li {
        padding: 3px;
    }

    /* Listas de empleados en bloque lateral */


.e_aux_right_block ul.e_employee_list {
    margin: 0 -15px;
        margin-top: -5px;
}
    .e_aux_right_block ul.e_employee_list > li {
        padding: 8px 10px 0;
    }

     .e_aux_right_block ul.e_employee_list > li:not(:last-child) > div {
         border-bottom: solid 1px #eee;
    }




/* EMPLOYEE > CONFIGURACIONES */

.e_employee {
    position: relative;
}

/* OJO CON ESTA CLASE: COMENTADA EL 8/AGOSTO/2016 */

   /*.e_employee * {
        position: static;
    }*/

    .e_employee.e_cn {
    }

    .e_employee.e_lg {
    }

    .e_employee.e_md {
    }

    .e_employee.e_sm {
    }

    .e_employee.e_xs {
    }

/* EMPLOYEE CARD */

.e_employee_card .e_employee {
    min-height: 134px;
    padding: 10px;
}

.e_employee_card ul.e_employee_tags {
    text-align: center;
}


@media (min-width: 500px) {

    .e_employee_card ul.e_employee_tags {
        padding-left: 120px;
        text-align: left;
    }
}

/* OTRAS CONFIGURACIONES */

.e_selectable:hover {
    background: rgba(0,0,0,.05);
    cursor: pointer;
    /*border-radius: 2px;*/
}


.e_employee_card:hover {
    cursor: pointer;
    border: solid 1px #bbb !important;
    z-index: 1;
    box-shadow: 0px 0px 10px rgba(0,0,0,.3);
    -webkit-transition: 0.1s ease-in;
    -moz-transition: 0.1s ease-in;
    -o-transition: 0.1s ease-in;
    transition: 0.1s ease-in;
}

.e_employee_card:active {
    box-shadow: 0px 0px 5px rgba(0,0,0,.3);
}


/* EMPLEADO > FOTO */

/* Por defecto, las fotos tienen un tamaño de 100x100px */

.e_employee_photo {
    float: left;
    position: relative;
    height: 100px;
    width: 100px;
}

/*clase creada para pantalla de información global del empleado en proceso de evaluación de competencias*/
.e_employee_photo_summary {
    position: relative;
    height: 100px;
    width: 100px;
    margin: 0 auto;
    margin-bottom: 1rem;
}


    .e_employee_photo_summary div {
        width: 100%;
        height: 100%;
    }


    .e_employee_photo_summary .e_employeePic_container {
        position: relative;
        border-radius: 50%;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        border: solid 2px #fff;
    }

    .e_employee_photo_summary .e_employeePic {
        border: none !important;
        width: 100%;
        min-height: 100%;
        position: absolute;
        /*top: -10%;*/
        left: 0;
        display: none;
    }

    .e_employee_photo div {
        width: 100%;
        height: 100%;
    }


    .e_employee_photo .e_employeePic_container {
        position: relative;
        border-radius: 50%;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        border: solid 2px #fff;
    }

    .e_employee_photo .e_employeePic {
        border: none !important;
        width: 100%;
        min-height: 100%;
        position: absolute;
        /*top: -10%;*/
        left: 0;
        display: none;
    }


/* INFO FICHA EMPLEADO */

.e_employee .e_employee_info {
    width: calc(100% - 120px);
    float: right;
}

    .e_employee .e_employee_info .e_upper_info {
        border-bottom: solid 1px #eee;
        margin-bottom: 2px;
        padding-bottom: 5px;
        margin-top: 10px;
    }

.e_employee_card .e_employee .e_employee_info .e_upper_info {
    position: static;
}

.e_employee .e_employee_info .e_lower_info {
    min-height: 35px;
}


/* EMPLEADO > NOMBRE */

.e_employee .e_employee_info .e_upper_info h2.e_employee_name {
    display: block;
    font-size: 19px;
    font-weight: 300;
    color: #484848;
    letter-spacing: -0.5px;
    height: 23px;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* EMPLEADO > PUESTO */

.e_employee .e_employee_info .e_upper_info .e_employee_job {
    font-size: 12px;
    font-style: italic;
    color: #333;
    font-weight: 400;
    min-height: 15px;
}

    .e_employee .e_employee_info .e_upper_info .e_employee_job > div {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 17px;
    }

        .e_employee .e_employee_info .e_upper_info .e_employee_job > div.e_combo_container {
            height: 21px;
        }

        .e_employee .e_employee_info .e_upper_info .e_employee_job > div.e_combo_container > input {
            border: solid 1px #ccc;
            border-radius: 2px;
        }

    .e_employee .e_employee_info .e_upper_info .e_employee_job a {
        font-weight: 600;
        color: #009ada;
    }

    .e_employee .e_employee_info .e_upper_info .e_employee_job > div:last-child a {
        font-weight: 400;
    }


    .e_employee .e_employee_info .e_upper_info .e_employee_job > div > a:not(:last-child):after {
        content: " /";
    }

.e_employee_job .glyphicon,
.e_employee_contact .glyphicon {
    font-size: 11px;
    margin-right: 1px;
    color: #999;
    /*top: 2px;*/
    vertical-align: -1px;
}

.e_employee_job > .glyphicon {
    display: none;
}

.e_employee_job > a {
    color: #333;
}


/* EMPLEADO > CONTACTO */

.e_employee_contact {
    font-weight: 400;
    font-size: 12px;
    color: #666;
}

/* EMPLEADO > ACCIONES */

.e_employee_actions {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: inherit;
    border: #fff !important;
    z-index: 1;
}

.e_employee.e_md .e_employee_info .e_upper_info .e_employee_actions,
.e_employee.e_sm .e_employee_info .e_upper_info .e_employee_actions,
.e_employee.e_xs .e_employee_info .e_upper_info .e_employee_actions {
    top: 0px;
    right: -2px;
}


.e_employee_card .e_employee_info .e_upper_info .e_employee_actions {
    right: -9px;
}

.e_employee_card .e_employee_actions .e_icon_btn {
    margin-top: 2px;
    margin-right: 5px;
}



/* VARIACIONES */

/* Header / Lg */

@media (min-width: 500px) {



    .e_employee_header .e_employee_info .e_upper_info {
        position: relative;
    }

    .e_employee_header .e_employee_actions {
        right: 10px;
        top: 45px;
    }

    /*.e_employee.e_lg.e_has_extras.e_has_actions
    {
        padding-right: 20px;
    }*/

    /*.e_employee.e_lg .e_employee_extras
    {
        margin-top: 8px;
    }*/
}

/* Cn */

.e_employee.e_cn .e_employee_info {
    float: none;
    width: 100% !important;
    text-align: center;
}

.e_employee_profile .e_employee_info .e_upper_info {
    border-bottom-color: #ddd !important;
}

.e_employee.e_cn .e_employee_photo {
    float: none;
    margin: 10px auto;
}

.e_employee.e_cn ul.e_employee_tags {
    text-align: center;
}

/* Md */

.e_employee.e_md .e_employee_photo {
    height: 50px;
    width: 50px;
}

.e_employee.e_md .e_employee_info {
    width: calc(100% - 65px);
}

    .e_employee.e_md .e_employee_info .e_upper_info {
        padding: 8px 0 0;
    }

        .e_employee.e_md .e_employee_info .e_upper_info h2.e_employee_name {
            font-size: 16px;
            font-weight: 400;
            height: 18px;
        }


/* Sm */

.e_employee.e_sm .e_employee_photo {
    height: 30px;
    width: 30px;
}

.e_employee.e_sm .e_employee_info {
    width: calc(100% - 40px);
}

    .e_employee.e_sm .e_employee_info .e_upper_info {
        padding: 1px 0 0;
    }

        .e_employee.e_sm .e_employee_info .e_upper_info h2.e_employee_name {
            font-size: 11px;
            font-weight: 600;
            height: 13px;
            letter-spacing: -0.1px;
        }

        .e_employee.e_sm .e_employee_info .e_upper_info .e_employee_job {
            font-size: 11px;
        }


/* Xs */

.e_employee.e_xs .e_employee_photo {
    height: 30px;
    width: 30px;
}

.e_employee.e_xs .e_employee_info {
    width: calc(100% - 35px);
}

    .e_employee.e_xs .e_employee_info .e_upper_info {
        padding: 8px 0 0;
    }

        .e_employee.e_xs .e_employee_info .e_upper_info h2.e_employee_name {
            font-size: 11px;
            font-weight: 600;
            height: 13px;
            letter-spacing: -0.1px;
        }

        .e_employee.e_xs .e_employee_info .e_upper_info .e_employee_job {
            display: none;
        }
		
		.e_employee.e_xs .remarks-block{
			margin-top: 0;
		}


/* Md / Sm / Xs */

.e_employee.e_md .e_employee_info,
.e_employee.e_sm .e_employee_info,
.e_employee.e_xs .e_employee_info {
    /*padding-right: 23px;*/
}

    .e_employee.e_md .e_employee_info .e_upper_info,
    .e_employee.e_sm .e_employee_info .e_upper_info,
    .e_employee.e_xs .e_employee_info .e_upper_info {
        border: none;
        margin: 0;
    }

    .e_employee.e_md .e_employee_info .e_lower_info,
    .e_employee.e_xs .e_employee_info .e_lower_info,
    .e_employee.e_sm .e_employee_info .e_lower_info {
        display: none;
    }


/* CAMBIOS DE TAMAÑO */

@media (max-width: 499px) {
    .e_employee.e_lg > div > div > div > .e_employee_info {
        float: none;
        width: 100% !important;
        text-align: center;
    }

    .e_employee.e_lg > div > div > div > .e_employee_photo {
        float: none;
        margin: 10px auto;
    }
}

/* EXTRAS */


.e_employee_card .e_employee_extras:first-of-type {
    /*margin-top: 3px;*/
}

.e_employee_container.e_has_extras .e_xs {
    margin-bottom: 5px;
}



.e_employee_card > div > div > .e_employee_extras {
    margin-top: 10px;
}

.e_employee_card > div > div > div > div > .e_employee_extras {
    margin-top: 10px;
}

/* EXTRAS > TAGS */

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

    ul.e_employee_tags li {
        display: inline-block;
    }

        ul.e_employee_tags li span {
            display: block;
            font-size: 9px;
            border-radius: 2px;
            padding: 1px 3px;
            font-weight: 700;
            color: #fff;
            background: #7295B5;
        }


/* EXTRAS > BOTONES VACANTES */

.e_bottom_buttons_container {
    height: 31px;
}

.e_bottom_buttons_container .btn-group {

}

.e_bottom_buttons_container .btn-group.e_left {
    float: left;
    width: calc(50% - 3px);
}

.e_bottom_buttons_container .btn-group.e_right {
    float: right;
    width:  calc(50% - 3px);
}


.e_bottom_buttons_container .btn {
    border-radius: 0;
    text-transform: none;
}




/*.e_employee .e_employee_extras
{
    float: left;
    width: 100%;

}*/

/*.e_employee.e_lg.e_has_extras > div > div > .e_employee_extras
{
    padding-top: 10px;
}

.e_employee.e_lg.e_has_extras
{
    margin-bottom: -10px;
}



.e_employee.e_sm.e_has_extras .e_employee_extras,
.e_employee.e_xs.e_has_extras .e_employee_extras
{
    padding: 3px 0px 3px 25px;
}

.e_employee.e_lg.e_has_extras.e_has_actions .e_employee_extras,
.e_employee.e_sm.e_has_extras.e_has_actions .e_employee_extras,
.e_employee.e_xs.e_has_extras.e_has_actions .e_employee_extras

{
    padding-right: 20px;
}

.e_employee .e_employee_extras .form-control
{
    margin-bottom: 2px;
}*/



/* HEADER EXTRAS Y TAMAÑOS */

/* REVISAR */


/*.e_employee_tiny
{
    position: relative;
    min-height: 25px;
    padding: 0;
    margin-bottom: 5px;
}*/

.e_employee_tiny .e_employee_name,
.e_employee_tiny .remarks-block {
    font-size: 12px;
    line-height: 25px;
    margin: 0px 3px;
}

.e_employee_job,
.e_employee_contact {
    margin-top: 0;
    position: relative;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* MINI FICHA DE EMPLEADO EN EL MENÚ */


.e_collapse_menu .e_employee_info {
    float: none;
    width: 100%;
    text-align: center;
}

.e_collapse_menu .e_employee_extras {
    float: none;
    width: 100%;
}

.e_collapse_menu .e_profile:hover {
    box-shadow: none;
}



/* EMPLEADOS > CAMBIAR FOTO */


.e_fileUpload:after {
    position: absolute;
    color: #fff;
    left: 2px;
    bottom: 2px;
    width: 20px;
    height: 20px;
    font-family: 'Glyphicons Halflings';
    content: "\270f";
    font-size: 12px;
    line-height: 20px;
    background: rgba(0,0,0,.5);
    cursor: pointer;
    text-align: center;
    border-radius: 10px;
}

.e_fileUpload:hover:after {
    position: absolute;
    color: #fff;
    right: 0px;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    bottom: 0;
    font-family: 'Glyphicons Halflings';
    /*content: "\270f";*/
    content: "\e046";
    font-size: 30px;
    background: rgba(0,0,0,.5);
    line-height: 100px;
    padding: 1px 4px;
    cursor: pointer;
    text-align: center;
    border-radius: 50%;
}

.e_employeePic_change,
.e_employeePic_add,
.e_employeePic_actions {
    cursor: pointer;
}

    .e_employeePic_add:hover:after {
        position: absolute;
        color: #fff;
        right: 0px;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        bottom: 0;
        font-family: 'Glyphicons Halflings';
        content: "\2b"; /* glyphicon-plus*/
        font-size: 15px;
        background: rgba(0,0,0,.5);
        line-height: 25px;
        padding: 1px 0px 0px 1px;
        cursor: pointer;
        text-align: center;
        border-radius: 50%;
    }

    .e_employeePic_change:hover:after {
        position: absolute;
        color: #fff;
        right: 0px;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        bottom: 0;
        font-family: 'Glyphicons Halflings';
        content: "\e031"; /* glyphicon-refresh */
        font-size: 15px;
        background: rgba(0,0,0,.5);
        line-height: 25px;
        padding: 1px 0px 0px 1px;
        cursor: pointer;
        text-align: center;
        border-radius: 50%;
    }

    .e_employeePic_actions:hover:after {
        position: absolute;
        color: #fff;
        right: 0px;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        bottom: 0;
        font-family: 'Glyphicons Halflings';
        content: "\e234"; /* glyphicon-option-horizontal */
        font-size: 15px;
        background: rgba(0,0,0,.5);
        line-height: 25px;
        padding: 2px 1px 0px 0px;
        cursor: pointer;
        text-align: center;
        border-radius: 50%;
    }




/* HEADER EMPLEADO PARA EL MENÚ */

.e_collapse_menu .e_profile {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(241,241,241,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );
    margin-bottom: 9px;
    /*border-bottom: solid 1px#ddd;*/
}

    .e_collapse_menu .e_profile .e_employee {
        min-height: 0px;
        margin: 0;
        padding: 15px 15px 50px;
        box-shadow: none;
    }

        .e_collapse_menu .e_profile .e_employee .e_employee_photo {
            float: none;
            margin: 0 auto;
        }

    .e_collapse_menu .e_profile .e_employee_job .glyphicon,
    .e_collapse_menu .e_profile .e_employee_contact .glyphicon {
        /*display: none;*/
    }



/* INTERMENU */

/* Botón intermenú */

.e_intermenu_btn {
    background-image: url('../images/ico/intermenu_button.svg');
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 47px 46px;
    height: 22px;
    width: 23px;
    border: none;
    padding: 0;
    outline: none;
    float: right;
}

    .e_intermenu_btn:hover {
        background-position: center -23px;
    }

/* VARIACIONES */


.e_employee_actions .popover {
    top: -30px !important;
}

    .e_employee_actions .popover.left > .arrow {
        top: 40px !important;
    }

.e_md .e_intermenu_btn,
.e_xs .e_intermenu_btn,
.e_sm .e_intermenu_btn {
    background-image: url('../images/ico/intermenu_button_sm.svg');
    background-position: top center;
    background-size: 29px 30px;
    height: 16px;
    width: 16px;
}

    .e_md .e_intermenu_btn:hover,
    .e_xs .e_intermenu_btn:hover,
    .e_sm .e_intermenu_btn:hover {
        background-position: center -15px;
    }

.e_employee .popover-content {
}

.e_employee_actions .popover {
    width: 292px;
    max-width: none;
    max-height: 326px;
    background: #fff;
    position: static;
    z-index: 999;
}


.e_intermenu_container {
    min-height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 290px;
    max-height: 301px;
    top: -21px;
    margin-left: -14px;
    margin-bottom: -30px;
    position: relative;
    padding-bottom: 7px;
    /*max-height: 322px;
    margin: -9px -14px;
    overflow-x: hidden;
    overflow-y: auto;*/
}


ul.e_intermenu_list {
    background: #fff;
    margin: 0;
    min-height: 100px;
    padding: 0px 7px;
    text-align: left;
    white-space: normal;
    width: 290px;
    /*margin: 0;
    min-height: 100px;
    padding: 14px;
    text-align: left;
    white-space: normal;
    width: 296px;
    display: block;*/
}

.e_intermenu_list li {
    padding: 1px;
    display: inline-block;
    vertical-align: top;
    color: black;
    z-index: 999;
    height: 98px;
    width: 81px;
}

    .e_intermenu_list li > a {
        display: inline-block;
        font-size: 13px;
        margin: 8px 2px;
        text-align: center;
        outline: none;
        text-decoration: none;
        border: 1px solid transparent;
        border-radius: 2px;
    }

        .e_intermenu_list li > a:hover {
            border-color: #e5e5e5;
        }

.e_intermenu_list .e_intermenu_img {
    background-image: url('../images/ico/intermenu_icons.svg');
    -webkit-background-size: 64px 1024px;
    background-size: 1024px 1024px;
    display: inline-block;
    vertical-align: top;
    height: 64px;
    width: 64px;
}

.e_intermenu_list .e_intermenu_label {
    display: block;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    width: 84px;
    text-overflow: ellipsis;
    color: #333;
    font-size: 11px;
    font-weight: 600;
}


.e_intermenu_list .e_intermenu_img.e_intermenu_personas {
    background-position: center 0px;
}

.e_intermenu_list .e_intermenu_img.e_intermenu_organizacion {
    background-position: center -64px;
}

.e_intermenu_list .e_intermenu_img.e_intermenu_planificacion {
    background-position: center -128px;
}

.e_intermenu_list .e_intermenu_img.e_intermenu_nominas {
    background-position: center -192px;
}

.e_intermenu_list .e_intermenu_img.e_intermenu_desempeno {
    background-position: center -256px;
}

.e_intermenu_list .e_intermenu_img.e_intermenu_compensacion {
    background-position: center -320px;
}

.e_intermenu_list .e_intermenu_img.e_intermenu_competencias {
    background-position: center -384px;
}

.e_intermenu_list .e_intermenu_img.e_intermenu_formacion {
    background-position: center -448px;
}

.e_intermenu_list .e_intermenu_img.e_intermenu_seleccion {
    background-position: center -512px;
}

.e_intermenu_list .e_intermenu_img.e_intermenu_turnos {
    background-position: center -576px;
}

.e_intermenu_list .e_intermenu_img.e_intermenu_vacaciones {
    background-position: center -640px;
}

.e_intermenu_list .e_intermenu_img.e_intermenu_viajes {
    background-position: center -704px;
}

.e_intermenu_list .e_intermenu_img.e_intermenu_prl {
    background-position: center -768px;
}

.e_intermenu_list .e_intermenu_img.e_intermenu_workflows {
    background-position: center -832px;
}

.e_intermenu_list .e_intermenu_img.e_intermenu_comunicacion {
    background-position: center -896px;
}

.e_intermenu_list .e_intermenu_img.e_intermenu_suplantar {
    background-position: center -960px;
}


/****************************************************/

/* DIRECTORIO DE EMPLEADOS */

.e_table_view,
.e_card_view {
    z-index: 0 !important;
}

    .e_table_view:before {
        font-family: 'Glyphicons Halflings';
        content: "\e012";
        font-weight: normal;
    }

    .e_card_view:before {
        font-family: 'Glyphicons Halflings';
        content: "\e010";
        font-weight: normal;
    }

.e_employee_cards_container {
    margin-top: 10px;
}

    .e_employee_cards_container .igg_Pager,
    .e_employee_cards_container .e_pagersize {
        margin-top: 0;
    }



/* Variación para que no aparezca la edición de foto en el menú de perfil */

.e_collapse_menu .e_profile .e_employee_photo:after {
    content: none;
}


/* DIRECTORIO > FAVORITOS */

.e_employee .e_star {
}

.e_employee_fav,
.e_fav_contact {
    position: absolute;
    top: 1px;
    left: 1px;
    height: 30px;
    width: 30px;
    background-image: url('../images/ico/employee_fav.svg');
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 60px 60px;
    z-index: 1;
}

.e_fav_contact {
    top: 1px;
    left: 1px;
}


.e_employee_fav.e_employee_fav_empty {
    background-position: -15px -30px;
}

    .e_employee_fav.e_employee_fav_empty:hover {
        background-position: top center;
        opacity: .3;
    }


/* Favoritos en grid */

.e_specialClass,
.e_specialClass2 {
    padding-left: 25px !important;
}


    .e_specialClass:before {
        font-family: 'Glyphicons Halflings';
        content: "\e006";
        color: #fc0;
        margin-right: 2px;
        font-size: 12px;
        float: left;
        margin-left: -17px;
    }

    .e_specialClass2:before {
        font-family: 'Glyphicons Halflings';
        content: "\e006";
        color: #eee;
        margin-right: 2px;
        font-size: 12px;
        float: left;
        margin-left: -17px;
    }

.igg_ActiveRow .e_specialClass2:before {
    color: #ccc;
}

/**************************** GLOSARY ******************************/


@media (min-width: 992px) and (max-width: 1199px) {
    .e_glosario_container {
        top: 3px;
    }
}



ul.e_glosario {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

    ul.e_glosario li {
        display: inline-block;
        margin-bottom: 3px;
        width: 3.703703703703704%;
        float: left;
        text-align: center;
        font-size: 24px;
    }

        ul.e_glosario li a {
            text-transform: uppercase;
            font-weight: 500;
            display: block;
            width: 100%;
            text-align: center;
            color: #009ada;
            height: 24px;
            text-decoration: none;
            -webkit-transition: 0.1s ease-in;
            -moz-transition: 0.1s ease-in;
            -o-transition: 0.1s ease-in;
            transition: 0.1s ease-in;
        }

            ul.e_glosario li:hover a:not(.inactive),
            ul.e_glosario li a:not(.inactive):active {
                text-decoration: none;
            }

            ul.e_glosario li a.inactive {
                color: #ccc;
                text-decoration: none;
                cursor: default;
            }

.e_glosario_disabled {
    color: #ccc !important;
    cursor: default;
}

ul.e_glosario li a.e_active {
    /*color: #27547F;*/
}

ul.e_glosario li a span.glyphicon {
    color: #009ada;
    font-size: 0.8em;
    margin-top: -1.5em;
}

ul.e_glosario li a:hover span.glyphicon {
    /*color: #ccc;*/
}


ul.e_glosario li a.e_active {
    position: relative;
}

    ul.e_glosario li a.e_active::after {
        position: absolute;
        content: "";
        background: #009ada;
        width: 5px;
        height: 5px;
        border-radius: 5px;
        left: calc(50% - 2.5px);
        bottom: -0.7em;
    }


/* Ajustes según la anchura */

@media (max-width: 767px) {

    ul.e_glosario li {
        width: 11.11111111111111111%;
        font-size: 18px;
        margin-bottom: 15px;
    }

        ul.e_glosario li a.e_active::after {
            bottom: -0.15em;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    ul.e_glosario {
        margin: 5px 0;
    }
}


@media (min-width: 768px) and (max-width: 1199px) {
    ul.e_glosario li {
        font-size: 18px;
    }
}

@media (min-width: 768px) {
    ul.e_glosario li:hover a:not(.e_glosario_disabled),
    ul.e_glosario li a:not(.e_glosario_disabled):active,
    ul.e_glosario li a.e_active {
        font-size: 1.3em;
        margin-top: -0.2em;
    }
}



/********************************* Búsqueda en directorio de empleados ********************************************/


/* Organización de los divs en el filtrado */


.e_empdir_filter_container {
    float: left;
    width: 220px;
}

.e_empdir_glosary_container {
    float: left;
    width: calc(100% - 90px - 365px);
    padding: 0 5%;
}

.e_empdir_search_container {
    float: right;
    width: 90px;
    margin-top: -2px;
}




@media (max-width: 992px) {
    .e_empdir_glosary_container {
        width: 100%;
        margin-bottom: 15px;
        padding: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .e_empdir_glosary_container {
        padding-top: 5px;
    }
}


.e_glosario_busqueda_container {
}

@media (max-width: 768px) {
    .search-form .form-group {
        float: right !important;
        transition: all 0.35s;
        width: 100%;
        height: 32px;
        background-color: #fff;
        border: none;
        margin-right: 0;
        margin-left: 0;
        cursor: pointer;
        z-index: 1;
    }

    .form-group input.form-control {
        border: solid 1px #ccc !important;
    }
}

@media (min-width: 770px) {
    .search-form .form-group {
        float: right !important;
        transition: all 0.35s;
        width: 32px;
        height: 32px;
        background-color: #fff;
        border: none;
        margin-right: 0;
        margin-left: 0;
        cursor: pointer;
        z-index: 1;
    }

    .search-form .e_form-group-click {
        width: 100%;
        height: 32px;
        background-color: #fff;
    }
}

.search-form .form-group input.form-control {
    padding-right: 20px;
    background: transparent;
    box-shadow: none;
    display: block;
    border: solid 1px transparent;
}


.e_form-group-click input.form-control {
    border: solid 1px #ccc !important;
}

.search-form .form-group.hover {
}

.search-form .form-group span.form-control-feedback {
    position: absolute;
    top: -1px;
    right: -2px;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #3596e0;
    left: initial;
    font-size: 14px;
}

.search-form .form-group span.form-control-feedback-click {
    position: absolute;
    top: -1px;
    right: -2px;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #FF0000;
    right: initial;
    font-size: 14px;
}



/************************ ORGANIGRAMA (antiguo orgchart.css) **********************/

/*Flex wrapper*/
.orgchartwrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height:100%;
}

.orgchartwrappertoolbar {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
     margin-top: 10px;
}

.orgchartwrapperdiagram {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;

    position: fixed;
    left: 50px;
    right: 0px;
    bottom: 0px;
    top: 145px;
    padding: 0 15px;
}

@media (max-width: 767px)
{
    .orgchartwrapperdiagram
    {
        top: 180px;
    }
}

/*@media (min-width: 1600px)
{
    .orgchartwrapperdiagram
    {
        top: 165px;
    }
}*/

@media (max-width: 767px)
{
    .orgchartwrapperdiagram
    {
        left: 0px;
    }

    .orgchart {
    border-top: none !important;
}
}

/*Legacy Firefox implementation treats all flex containers as inline-block elements.*/
@-moz-document url-prefix() {
.orgchartwrapper {
    width: 100%;
    -moz-box-sizing: border-box;
    }
}

/*Common*/
.orgcharttoolbar
{
    margin-bottom: 0px !important;
    border-radius: 0px !important;
    min-height: 0 !important;
    border: none;
    margin: 5px 0;
}

.orgcharttoolbar .navbar-nav > li > a
{
    text-transform: none;
    height: 34px;
    padding: 6px 12px;
}

.e_org_buttons.navbar-nav > li > a
{
    font-size: 12px;
    font-weight: 600;
}

.orgcharttoolbar .navbar-nav .open > a,
.orgcharttoolbar .navbar-nav .open > a:hover
{
    background: none;
    color: #333;
}

.orgcharttoolbar .navbar-nav .dropdown-menu > li > a
{
    padding-left: 15px !important;
}

.orgchart {
    background-color:#FFF;
    width: 100%;
    height:100%;
    /*border-style: solid;*/ /*fix this border Christian :)*/
    /*border-width: 1px;
    border-color: #ddd;*/
    overflow: hidden;

    border-top: solid 1px #ddd;
}
.orgchart > div
{
    outline: none;
        
    position: absolute !important;
    outline: none;
    right: 0;
    left: 0;
    height: 100% !important;
    width: 100% !important;
}

.orgchart > div > div {
    margin: 0 15px;
}

.orgcharttools {
    display:none;
}

/*Boostrap overwrite*/
.tooltip {
    position: fixed;
}

/*Orgcharts fixes*/
.bp-item {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

.bp-corner-all {
    border-radius: 0px;
}

.bp-infowrapper {
  position: absolute;
  margin-top: 0px;
  margin-left: 70px;
  width: 160px;
  padding: 1px 5px 3px 3px;
  box-shadow: none !important;
  border-width: 0px !important;
  background-color: transparent !important;
}

.bp-infowrapper .glyphicon{
   font-size: 9px;
    color: #666;
    /*display: none;*/
}

.bp-infowrappernopic {
    margin-left:0px;
    width: 216px;
}

.bp-infowrapper-multiple {
    margin-left: 10px;
    width: 216px;
}

.bpnodeinfo {
    position: relative !important;
    /*line-height:15px;*/
    color:#333;
    font-size: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.bpnodeinfo a{
    color:#333;
}

.bpnodeinfojob
{
  font-size: 11px;
  color: #999;
  /* font-weight: bold; */
  /* text-transform: uppercase; */
  font-style: italic;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.bpnodeinfojob-multiple {
    margin-left: 10px;
    max-width: 180px;
}

.bpnodeinfodepartment
{
  font-size: 11px;
  color: #999;
  /* font-weight: bold; */
  /* text-transform: uppercase; */
  font-style: italic;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.bpnodeinfodepartment-multiple {
    margin-left: 10px;
    max-width: 180px;
}

.bp-photo-frame {
  border: none;
  box-shadow: none;
  background-color: #FBFBFB;
  top: 5px;
  left: 5px;
  width: 60px;
  height: 60px;
  border-radius: 30px;
}

.bp-photo-thumbnail-frame {
    position:inherit!important;
    border: none;
    box-shadow: none;
    background-color: #FBFBFB;
    top: 3px;
    left: 5px;
    width: 23px;
    height: 23px;
    border-radius: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: inherit;
    background-size:cover;
}

 .bp-photo-frame img
 {
  width: 60px;
  height: 72px;
  margin-top: -5px;
}

.bpnodeinfotitle {
  color: #333;
  font-size: 11px;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin: 5px 0 0;
}

.bpnodeinfotitle-multiple{
    padding-top: 5px!important;
    padding-left: 10px!important;
}


.bp-item .bp-corner-all .bp-grouptitle-frame .ui-widget {
    background-color: #5581AC !important;
}

.bp-photo-frame,
.bp-infowrapper,
.bpnode {
    /*background-color:#fff;
    background-image:none;*/
    cursor: pointer;
    background-size: cover;
    background-position: center;
}

.bpnode {
    border-color: #ddd #ccc #ccc;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05);
    background: #fff;
}

/*.bpnode-multiple {
    min-height: 77px!important;
    height: auto!important;
}*/

.bp-infousers {
  right: 3px;
  position: absolute;
  bottom: -2px;
  width: 60px;
  height: 20px;
  line-height: 20px;
  color: #666;
  font-weight: bold;
  text-align: right;
  font-size: 9px;
  /*background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.71) 100%);*/
  /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.71))); */
  /* background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.71) 100%); */
  /*background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.71) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.71) 100%);*/
  /* background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.71) 100%); */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b5000000',GradientType=0 );*/
}

.bp-infousers-multiple {
    width: 100% !important;
}


/*
.bp-infousers img {
    vertical-align:middle;
    width:12px;
    height:12px;
}*/

.bp-infousers .glyphicon
{
  font-size: 8px;
  margin-right: 2px;
  color: #999;
}

.bp-expand
{
    position:absolute;
    top:105px;
    left: 97px;
    display:none;
}

.bp-nodeinside {
    width:220px;
    height:90px;
}

/*toolbar*/
#orgchartoptionsearch .popover
{
    max-width:400px !important;
    left:-210px !important; /*fix when adding new buttons*/
}

.searchEmpTable #orgchartoptionsearch .popover
{
    max-width:400px !important;
    left:-300px !important; /*fix when adding new buttons*/
}


#orgchartoptionsearch .arrow {
    left:69% !important;
}

.searchEmpTable #orgchartoptionsearch .arrow {
    left:87% !important;
}

#orgchartoptionsearchcontent
{
    width:380px;
    height:300px;
}

#orgchartoptionsearchcontent form
{
    /*background-color:#FFF;*/
    height:50px;
}

#searchpopupInputText {
    width:370px;
}

#searchpopupResults {
    width:100%;
    max-height:250px;
    overflow-y:auto;
}

.searchresultrow {
    padding:5px;
    line-height:15px;
}

.searchresultrow.selected {
    background-color: #e1e1e1;
}

.searchresultrow:hover {
    cursor:pointer;
    background-color:#e1e1e1;
}

.searchresultjob {
    /*color:#5581AC;*/
    font-size:12px;
}

#btnrefreshviewwrapper {
    margin-left:3px;
}


#orgchartoptionoptionscontent {
    width:380px;
    height:300px;
    overflow-y:auto;
}

#orgchartoptionoptions .popover
{
    max-width:400px !important;
    left:-300px !important; /*fix when adding new buttons*/
        right: 0;
}

#orgchartoptionoptions .arrow {
    left:89% !important;
}

#orgchartoptionoptions .form-group > div:first-of-type {
    margin-top:-3px;
}

.orgchartoptionoptionmatrix {
    width:120px;
}

.toolbarbutton {
    cursor:pointer;
}


.e_empdir_search_container .popover {
  max-width: 500px;
  left: calc(100% - 495px) !important;
}
.e_empdir_search_container .popover.bottom > .arrow 
{
    left: 65% !important;
}


/************************ FIN DE ORGANIGRAMA **************/

/************************ MODO SUPLANTACIÓN *************************/

.e_su_mode {
    background: none repeat scroll 0 0 #DA4A52;
    border: solid 1px #753133;
    border-radius: 1px;
    color: #fff;
    display: block;
    font-size: 9px;
    font-weight: bold;
    margin: 0 auto;
    padding: 3px 0;
    text-align: center;
    width: 38px;
}

@media (max-width: 767px) {
    .e_su_mode {
        position: absolute;
        left: -18px;
        transform: rotate(270deg);
        top: 18px;
        padding: 1px 0px;
        border: none;
        width: 50px;
    }
}

.e_su_mode:before {
    font-family: 'Glyphicons Halflings';
    content: "\e008";
    font-size: 7px;
    margin-right: 2px;
    font-weight: normal;
}