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

    INCLUYE:

    - Frames de evaluación de competencias
    - Frames de objetivos
    - Objetivos default
    - Formación
    - Ofertas de empleo
    - Otros paneles

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


/* EVALUACIONES DE COMPETENCIAS MARZO 2016 - FRAMES */

/* Los e_frame son bloques de contenido, que pueden agruparse en listas. */

.e_frame_list {
    list-style: none;
    padding: 0;
    margin-bottom: 15px;
}

    .e_frame_list > li {
        border: solid 1px #ddd;
        margin-bottom: 15px;
        margin-top: 15px;
        box-shadow: 3px 3px 0px rgba(0,0,0,.02);
        background: #fff;
    }

        .e_frame_list > li:first-child {
            margin-top: 0;
        }

/* FRAMELIST NESTED */

ul.e_frame_list.e_frame_list_nested {
    /*box-shadow: 3px 3px 0px rgba(0,0,0,.02);*/
}

    ul.e_frame_list.e_frame_list_nested > li {
        border-top: none;
        margin: 0;
        /*box-shadow: none;*/
    }

.e_frame_list.e_frame_list_nested > li:not(:last-child){
    border-bottom-color: #eee;
}

.e_frame_list.e_frame_list_nested > li:first-child {
    border-top: solid 1px #ddd;
    border-bottom-color: #ddd;
}








/* HEADER FRAME */

.e_frame_list > li.e_header_frame {
    padding: 20px;
}

     .e_frame_list > li.e_header_frame h4.e_frame_main_title {
        font-size: 15px;
        font-weight: 600;
        margin: 0px 0 5px;
    }

    .e_frame_list > li.e_header_frame p.e_frame_main_desc {
        font-size: 13px;
        margin-bottom: 5px;
    }

/* QUEST FRAME */

.e_frame_list > li.e_quest_frame {
    padding: 15px 20px;
    position: relative;
}

    .e_frame_list > li.e_quest_frame.e_quest_disabled {
        background: #fbfbfb;
    }

    .e_frame_list > li.e_quest_frame h4.e_quest_main_title {
        font-size: 13px;
        font-weight: 600;
        line-height: 1.3em;
        margin: 10px 0 25px;
    }

    .e_frame_list > li.e_quest_frame h5.e_quest_title,
    h5.e_quest_title {
        font-size: 13px;
        font-weight: normal;
        margin: 20px 0 10px;
    }

.e_quest_frame:after {
    position: absolute;
    content: "";
    background: #eee;
    width: 3px;
    left: 2px;
    top: 2px;
    bottom: 2px;
}

.e_quest_frame.e_quest_ok:after {
    background: #00B285;
}

/*.e_quest_frame.e_quest_ko:after
{
    background: #FF4000;
}*/


/*.e_quest_frame.e_errorInputs
{
    border: none;
}*/

.e_quest_frame.e_errorInputs:after {
    background: #FF4000 !important;
}



/* QUEST LIST */

ul.e_quest_list {
    padding: 0;
    margin-bottom: 15px;
    list-style: none;
}

    ul.e_quest_list > li {
    }

    ul.e_quest_list p.e_quest_option {
        font-size: 12px;
        margin: 0;
    }

        ul.e_quest_list p.e_quest_option > strong {
            display: block;
        }


.e_quest_checkbox_container {
    text-align: center;
}

.e_quest_checkbox {
    margin: 0 auto;
    width: 30px;
    height: 30px;
    background: transparent url(../images/ico/quest_checkbox.svg) no-repeat 0 0;
}

    .e_quest_checkbox.checked {
        background: transparent url(../images/ico/quest_checkbox.svg) no-repeat 0 -30px;
    }

.e_quest_frame:not(.e_quest_disabled) .e_quest_checkbox:hover {
    background-position: 0 -30px;
    opacity: .7;
    cursor: pointer;
}

.e_quest_frame:not(.e_quest_disabled) .e_quest_checkbox:active {
    opacity: 1;
}

.e_quest_checkbox_container > .e_quest_checkbox:not(.e_quest_disabled):hover {
    cursor: pointer;
}

/*
    
    .e_quest_checkbox_container{
    text-align: center;
    position: relative;
    margin-bottom: 30px;
}

.e_quest_checkbox{
  width: 100px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url(https://cssanimation.rocks/images/posts/steps/heart.png) no-repeat;
  background-position: 0 0;
  cursor: pointer;
  animation: fave-heart 1s steps(28);
}
.e_quest_checkbox.checked{
   background: transparent url(../images/ico/quest_checkbox.svg) no-repeat 0 -30px;
}

.e_quest_frame:not(.e_quest_disabled) .e_quest_checkbox:active{
  background-position: -2800px 0;
  transition: background 1s steps(28);
}

    */


/* QUEST LIST > Vertical */

ul.e_quest_list.e_quest_vertical {
}

    ul.e_quest_list.e_quest_vertical > li {
    }

ul.e_quest_list > li .e_quest_option_container {
    border-bottom: solid 1px #eee;
    padding: 15px 0;
    min-height: 50px;
}

ul.e_quest_list > li:last-child .e_quest_option_container {
    border-bottom: none;
}

ul.e_quest_list .e_quest_checkbox_container {
    padding-top: 15px;
    float: left;
    width: 50px;
    padding-right: 10px;
}

ul.e_quest_list .e_quest_option_container {
    float: left;
    width: calc(100% - 50px);
}



/* QUEST LIST > Horizontal */

@media (max-width: 991px) {
    ul.e_quest_list.e_quest_horizontal .e_quest_checkbox_container {
        padding-top: 10px;
    }
}



@media (min-width: 992px) {

    ul.e_quest_list.e_quest_horizontal {
        margin-top: 15px;
    }

        ul.e_quest_list.e_quest_horizontal > li {
            display: inline-block;
            float: left;
            text-align: center;
        }

            ul.e_quest_list.e_quest_horizontal > li .e_quest_option_container {
                margin-top: 5px;
                border-bottom: none;
                padding: 0;
                min-height: 0;
                width: auto;
                float: none;
            }

        ul.e_quest_list.e_quest_horizontal .e_quest_checkbox_container {
            padding-top: 0;
            float: none;
            width: auto;
            padding-right: 0;
        }

        ul.e_quest_list.e_quest_horizontal .e_quest_option_container {
            float: none;
            width: auto;
        }



        ul.e_quest_list.e_quest_horizontal.e_quest_2 > li {
            width: 50%;
        }

        ul.e_quest_list.e_quest_horizontal.e_quest_3 > li {
            width: 33.33333333333333%;
        }

        ul.e_quest_list.e_quest_horizontal.e_quest_4 > li {
            width: 25%;
        }

        ul.e_quest_list.e_quest_horizontal.e_quest_5 > li {
            width: 20%;
        }

        ul.e_quest_list.e_quest_horizontal.e_quest_6 > li {
            width: 16.66666666666667%;
        }

        ul.e_quest_list.e_quest_horizontal.e_quest_7 > li {
            width: 14.28571428571429%;
        }

        ul.e_quest_list.e_quest_horizontal.e_quest_8 > li {
            width: 12.5%;
        }

        ul.e_quest_list.e_quest_horizontal.e_quest_9 > li {
            width: 11.11111111111111%;
        }

        ul.e_quest_list.e_quest_horizontal.e_quest_10 > li {
            width: 10%;
        }

         ul.e_quest_list.e_quest_horizontal.e_quest_11 > li {
            width: 9.090909090909091%;
        }

         ul.e_quest_list.e_quest_horizontal.e_quest_12 > li {
            width: 8.333333333333333%;
        }

         

}

/* QUEST REFS */

.e_quest_refs_container {
    margin-top: 5px;
}

    .e_quest_refs_container .e_quest_ref,
    .e_markerLegend.e_wrapperjsversion2 .markerwrapper {
        width: 20px;
        height: 20px;
        border: solid 2px #ccc;
        border-radius: 50%;
        display: inline-block;
        position: relative;
        text-align: center;
    }

        /*.e_markerLegend.e_wrapperjsversion2 .markerwrapper
{
    height: 11px;
    width: 11px;
}*/


        .e_quest_refs_container .e_quest_ref.e_quest_ref_1,
        .e_quest_refs_container .e_quest_ref.e_markerwrapper_auto,
        .e_markerLegend.e_wrapperjsversion2 .e_markerwrapper_auto {
            border-color: #009ada;
            color: #009ada;
        }

        .e_quest_refs_container .e_quest_ref.e_quest_ref_2,
        .e_quest_refs_container .e_quest_ref.e_markerwrapper_respeval,
        .e_markerLegend.e_wrapperjsversion2 .e_markerwrapper_respeval {
            border-color: #FF007F;
            color: #FF007F;
        }

        .e_quest_refs_container .e_quest_ref.e_quest_ref_3,
        .e_quest_refs_container .e_quest_ref.e_markerwrapper_agreement,
        .e_markerLegend.e_wrapperjsversion2 .e_markerwrapper_agreement {
            border-color: #001488;
            color: #001488;
        }

            .e_quest_refs_container .e_quest_ref.e_quest_ref_1:after,
            .e_quest_refs_container .e_quest_ref.e_markerwrapper_auto:after,
            .e_markerLegend.e_wrapperjsversion2 .e_markerwrapper_auto:after,
            .e_quest_refs_container .e_quest_ref.e_quest_ref_2:after,
            .e_quest_refs_container .e_quest_ref.e_markerwrapper_respeval:after,
            .e_markerLegend.e_wrapperjsversion2 .e_markerwrapper_respeval:after,
            .e_quest_refs_container .e_quest_ref.e_quest_ref_3:after,
            .e_quest_refs_container .e_quest_ref.e_markerwrapper_agreement:after,
            .e_markerLegend.e_wrapperjsversion2 .e_markerwrapper_agreement:after {
                font-family: Roboto, 'Open Sans', Arial, sans-serif;
                font-weight: bold;
                top: -2px;
                position: relative;
                font-size: 14px;
            }

        .e_quest_refs_container .e_quest_ref.e_quest_ref_1:after,
        .e_quest_refs_container .e_quest_ref.e_markerwrapper_auto:after,
        .e_markerLegend.e_wrapperjsversion2 .e_markerwrapper_auto:after {
            content: "1";
        }

        .e_quest_refs_container .e_quest_ref.e_quest_ref_2:after,
        .e_quest_refs_container .e_quest_ref.e_markerwrapper_respeval:after,
        .e_markerLegend.e_wrapperjsversion2 .e_markerwrapper_respeval:after {
            content: "2";
        }

        .e_quest_refs_container .e_quest_ref.e_quest_ref_3:after,
        .e_quest_refs_container .e_quest_ref.e_markerwrapper_agreement:after,
        .e_markerLegend.e_wrapperjsversion2 .e_markerwrapper_agreement:after {
            content: "3";
        }



        /* Para el valor de referencia, quitamos el borde y ponemos una estrella */

        .e_quest_refs_container .e_quest_ref.e_quest_ref_value,
        .e_quest_refs_container .e_quest_ref.e_markerwrapper_jobperfil,
        .e_markerLegend.e_wrapperjsversion2 .e_markerwrapper_jobperfil {
            border: none;
        }

            .e_quest_refs_container .e_quest_ref.e_quest_ref_value:after,
            .e_quest_refs_container .e_quest_ref.e_markerwrapper_jobperfil:after,
            .e_markerLegend.e_wrapperjsversion2 .e_markerwrapper_jobperfil:after {
                font-family: 'Glyphicons Halflings';
                content: "\e006";
                color: #fc0;
                position: absolute;
                font-size: 21px;
                left: 1px;
                top: -2px;
            }


/********* Variaciones de competencias con una imagen junto a los checks ********/

.e_class_ul_image_indicator {
    display: inline-block;
    width: calc(100% - 70px);
}


.e_class_image_indicator {
    display: inline-block;
    float: left;
}

/********** Para indexar "listas" **********/

.e_ListElemnt {
    padding-left: 40px;
    width: calc(100% - 55px);
}

/******************** CUESTIONARIOS (Pendiente de fusionar) *************************/

p.e_quest_pre.e_quest_check {
    padding-left: 25px;
}

    p.e_quest_pre.e_quest_check:before {
        content: "\e013";
        font-family: 'Glyphicons Halflings';
        color: #009ada;
        position: absolute;
        left: 0;
        top: 0;
    }

p.e_quest {
    background: #e4f1f7;
    padding: 7px 15px 7px 50px;
    position: relative;
    margin: 15px 0px 5px;
}

    p.e_quest.e_no_padding {
        padding-left: 15px;
    }

span.e_quest_num {
    background: #009ada;
    color: #fff;
    padding: 5px 10px;
    font-size: 1.2em;
    font-weight: 300;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}




/*********** COMPARATIVA DE DATOS *************/

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

    ul.e_comp_ranking_list > li {
        display: inline-block;
        vertical-align: top;
        margin: 0px 15px 20px 0px;
        min-width: 310px;
        box-shadow: 3px 3px 0px rgba(0,0,0,.02);
        border: solid 1px #ddd;
        padding: 20px 5px 5px;
        min-height: 150px;
        position: relative;
    }

        ul.e_comp_ranking_list > li > span {
            display: block;
        }

.e_comp_ranking {
    color: #1BBC9B;
    text-align: center;
    font-weight: 600;
    font-size: 30px;
    margin: 20px 0px 0px;
}


.e_comp_value_1 {
    text-align: center;
    font-size: 12px;
    line-height: 1.2em;
}

.e_comp_value_2 {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-family: Roboto, 'Open Sans', sans-serif;
    font-weight: 500;
    color: #999;
}

/* Utilizado en CompetenceEvaluationMatrixResults.aspx*/
.round-corner {
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}


/*********** DESEMPEÑO MATRIZ DE POTENCIAL ************/

.e_MatrixPotential {
    table-layout: fixed;
}


.e_MatrixPotential_Box {
    padding: 6rem 2rem 3rem 2rem;
    border-radius: 3px;
    position: relative;
    max-width: 1000px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.e_MatrixPotential td {
    border: none !important;
}

    .e_MatrixPotential td.e_MatrixPotential_Level_Domain {
        border-top: 1px solid #ddd !important;
        cursor: default;
    }


    .e_MatrixPotential td.e_MatrixPotential_Level_Potential {
        border-right: 1px solid #ddd !important;
        width: 80px;
        cursor: default;
    }
    
.e_MatrixPotential td {
    border: none !important;
    height: 50px;
    vertical-align: middle !important;
    font-weight: 600;
    text-transform: uppercase;
    /*cursor: pointer;*/
    width: 220px;
}

/*.e_MatrixPotential td:hover {
    background: #f5f5f5;
}*/

.e_MatrixPotential td.active {
background-color: #A88A05;
color: #fff;
}

.e_MatrixPotential .btn {
    width: 220px;
}


/*.e_MatrixPotential .btn {
    border-radius: 50px;
    height: 50px;
    width: 50px;
    font-size: 18px;
    padding: 12px;
    margin: 12px;
}*/

    .e_MatrixPotential .btn.btn-primary {
        background-color: #A88A05;
        border-color: #A88A05;
    }

.e_MatrixPotential_Level_HeaderY {
    font-size: 18px !important;
    font-weight: bold !important;
    color: #888;
    position: absolute;
    top: 1.5rem;
}

.e_MatrixPotential_Level_HeaderX {
    font-size: 18px !important;
    font-weight: bold !important;
    color: #888;
    position: absolute;
    right: 1em;
    bottom: 1em;
}

/* TABLA+CHART */

.table.e-chart-table th {
    border-top: none;
}

.e-chart-container{
    padding-top: 1.75em;
}

@media (min-width: 960px) {
    .e-chart-container {
        border-left: solid 1px #ddd;
    }
}

/* OBJFRAME (OBJETIVOS) */
.e_frame_list > li.e_obj_frame {
    padding: 10px 15px 0;
    position: relative;
    border-top: solid 1px #ddd !important;
}

    .e_frame_list > li.e_obj_frame:not(:first-child) {
        margin-top: -1px !important;
    }

    .e_frame_list > li.e_obj_frame.e_obj_opened {
        margin: 15px 0 !important;
    }


        .e_frame_list > li.e_obj_frame.e_obj_opened .e_obj_header {
            background: rgba(0,0,0,.015);
        }

            .e_frame_list > li.e_obj_frame.e_obj_opened .e_obj_header:hover {
                background: rgba(0,0,0,.02);
            }

            .e_frame_list > li.e_obj_frame.e_obj_opened .e_obj_header:active {
                background: rgba(0,0,0,.03);
            }



    .e_frame_list > li.e_obj_frame h4.e_obj_main_title {
        font-size: 13px;
        line-height: 1.3em;
        font-weight: 600;
        margin: 0;
        margin-top: 8px;
        margin-bottom: 3px;
    }


    .e_frame_list > li.e_obj_frame:hover /*,
    .e_frame_list > li.e_obj_frame.e_obj_opened*/ {
        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_frame_list > li.e_obj_frame:active {
        box-shadow: 0px 0px 5px rgba(0,0,0,.3);
        border: solid 1px #aaa !important;
    }

    .e_frame_list > li.e_obj_frame:hover .e_obj_header .e_obj_tiny_label,
    .e_frame_list > li.e_obj_frame.e_obj_opened .e_obj_header .e_obj_tiny_label {
        color: #999;
        -webkit-transition: 0.1s ease-in;
        -moz-transition: 0.1s ease-in;
        -o-transition: 0.1s ease-in;
        transition: 0.1s ease-in;
    }



/* OBJ HEADER */

.e_obj_frame .e_obj_header {
    padding-bottom: 15px;
    margin: -10px -15px 0;
    padding: 10px 15px 10px;
}

    .e_obj_frame .e_obj_header:hover {
        cursor: pointer !important;
    }

    .e_obj_frame .e_obj_header .e_obj_main_title_container {
        float: left;
        width: calc(50% - 60px);
    }

    .e_obj_frame .e_obj_header .e_obj_tiny_label {
        display: block;
        font-size: 9px;
        color: #ddd;
        font-weight: 600;
        width: 100%;
        margin-bottom: -1px;
    }


/*Main info container */

.e_obj_main_info_container {
    width: 50%;
    float: right;
}

/* Ref Value */

.e_obj_frame .e_obj_header .e_obj_refvalue_container {
    float: right;
    width: calc(100% - 280px);
    padding: 0px 10px 0 0;
    font-size: 13px;
}

.e_obj_frame.e_objExpandIndicatorWhenNoEvaluation .e_obj_header .e_obj_refvalue_container {
    width: calc(100% - 125px);
}

.e_obj_frame.e_objExpandIndicatorWhenEvalAndAutoVisibles .e_obj_header .e_obj_refvalue_container {
    width: calc(100% - 435px);
}

.e_obj_frame .e_obj_header .e_obj_refvalue {
    margin-top: 7px;
    display: block;
    font-size: 13px;
}

.e_obj_frame .e_obj_header .e_obj_value_container,
.e_obj_frame .e_obj_header .e_obj_pie_container,
.e_obj_actions_container {
    /*border-left: solid 1px #eee;*/
}


/* Value */

.e_obj_frame .e_obj_header .e_obj_value_container {
    float: right;
    width: 155px;
    padding: 0px 10px;
    height: 40px;
}

.e_obj_frame .e_obj_header .e_vac_graph_container .e_vac_graph_num {
    font-size: 20px;
    letter-spacing: -1px;
    text-align: center;
}

    .e_obj_frame .e_obj_header .e_vac_graph_container .e_vac_graph_num .e_graph_max_percent {
        font-size: 11px;
        font-weight: 400;
        margin-left: 2px;
        letter-spacing: 0;
    }


.e_obj_frame .e_obj_header .e_obj_value_container .e_obj_tiny_label {
    text-align: center;
}

/* Pie */

.e_obj_frame .e_obj_header .e_obj_pie_container {
    padding: 0 0 0 10px;
    float: right;
    width: 125px;
    height: 40px;
}

    .e_obj_frame .e_obj_header .e_obj_pie_container .e_obj_pie_value {
        display: block;
        font-size: 20px;
        letter-spacing: -1px;
        font-weight: 300;
        margin-right: 3px;
    }

.e_obj_pie {
    margin-top: 3px;
}


.e_obj_frame .e_obj_header .e_obj_date {
    display: inline-block;
}

    .e_obj_frame .e_obj_header .e_obj_date > .glyphicon {
        font-weight: normal;
    }

    .e_obj_frame .e_obj_header .e_obj_date > .glyphicon-tags {
        margin-left: 8px;
        margin-right: 3px;
    }
    
    .e_obj_frame .e_obj_header .e_obj_date > .glyphicon-euro {
        margin-left: 8px;
        margin-right: 3px;
    }

    .e_obj_frame .e_obj_header .e_obj_date > .glyphicon-paperclip {
        margin-left: 8px;
        margin-right: 3px;
    }


/* Obj action button */

.e_obj_actions_container {
    float: right;
    padding: 5px 0 0 10px;
    height: 40px;
    margin-left: 10px;
}

    .e_obj_actions_container .btn {
        padding: 6px 5px;
    }

/* Body */

.e_obj_frame .e_obj_body {
    margin: 0 -15px 0px;
    padding: 0px 15px;
    /*background: #fbfbfb;*/
    /* box-shadow: inset 0px 4px 0px 0px rgba(0,0,0,0.05); */
    border-top: solid 1px #eee;
}

    .e_obj_frame .e_obj_body .e_obj_body_padding {
        padding: 10px 0;
    }

    .e_obj_frame .e_obj_body .form-group {
       margin-bottom: 10px;
    }

    .e_obj_frame .e_obj_body .form-horizontal .control-label {
        font-size: 10px;
        font-weight: 600;
        padding-top: 0;
        padding-bottom: 5px;
    }


    .e_obj_frame .e_obj_body .form-horizontal .form-control-static {
        font-size: 12px;
        padding-top: 0;
    }


    /* Grids dentro de objetivos */

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

    .e_obj_frame .e_obj_body .e_gridView .e_tableRow td {
        padding: 0;
        font-size: 12px;
    }

    /*.e_obj_frame .e_obj_body .e_gridView
{
    border-bottom: solid 1px #666;
}*/

    .e_obj_frame .e_obj_body .e_gridView table th {
        color: #333;
        text-indent: 0;
        height: 25px;
        cursor: default;
        font-size: 10px;
        padding-top: 3px;
        padding-bottom: 0px;
        text-transform: uppercase;
        background: transparent;
    }


@media (max-width: 499px) {
    .e_obj_frame .e_obj_body .form-horizontal .form-control-static {
        margin-bottom: 10px;
    }
}
/*Cuando esta visible la auto hay que saltar a ocupar toda la linea antes */
@media (max-width: 1350px) {

    .e_obj_frame.e_objExpandIndicatorWhenEvalAndAutoVisibles .e_obj_main_info_container {
        width: 100%;
        border-top: solid 1px #eee;
        padding-top: 7px;
        margin-top: 5px;
    }

    .e_obj_frame.e_objExpandIndicatorWhenEvalAndAutoVisibles .e_obj_header .e_obj_main_title_container {
        width: calc(100% - 110px);
    }

    .e_obj_frame.e_objExpandIndicatorWhenEvalAndAutoVisibles .e_obj_header .e_obj_refvalue_container {
        float: left;
    }
}

@media (max-width: 1199px) {

    .e_obj_main_info_container {
        width: 100%;
        border-top: solid 1px #eee;
        padding-top: 7px;
        margin-top: 5px;
    }

    .e_obj_frame .e_obj_header .e_obj_main_title_container {
        width: calc(100% - 110px);
    }

    .e_obj_frame .e_obj_header .e_obj_refvalue_container {
        float: left;
    }
}

/* Botón de colapsar/expandir objetivos */

.btn .e_collapse_button,
.btn .e_expand_button {
    display: block;
    width: 13px;
    height: 17px;
    image-rendering: pixelated;
}

.btn .e_collapse_button {
    background: url(../images/ico/expand_collapse.png) center right no-repeat;
    margin: 0 -3px 0 -1px;
}

.btn .e_expand_button {
    background: url(../images/ico/expand_collapse.png) center left no-repeat;
    margin: 0 -1px 0 -3px;
}


/* Asignación de objetivos */

.e_panel_objectives_assign {
}

    .e_panel_objectives_assign .panel-heading {
        margin-bottom: -1px;
        position: relative;
        background: #fff;
    }

/* BARRA LATERAL DE OBJETIVOS */

/* NUEVA */

.e_employees_list {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 20px;
}

.panel.e_panel_objetivos > .panel-heading .e_employees_list {
    margin-top: 0px;
}

.e_employees_list > li {
    margin-bottom: 5px;
}

    .e_employees_list > li > * {
        display: block;
        padding: 0;
        border: solid 1px transparent;
        cursor: default;
        text-decoration: none;
        color: #333;
        overflow: hidden;
        margin-bottom: 5px;
    }


.e_employees_list .e_employee_photo {
    margin: 0 10px 0 0;
    width: 40px;
    height: 40px;
    float: left;
}


.e_employees_list .e_employee_info {
    width: calc(100% - 50px);
    float: left;
}

.e_employees_list .e_employee_extras {
    float: left;
    width: 100%;
}

.e_employees_list .e_employee_info > div {
    height: 40px;
    display: table-cell;
    vertical-align: middle;
    line-height: 1em;
}

.e_employees_list .e_employee_info .e_employee_name {
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 0;
}

.e_employees_list .e_employee_info .e_employee_stats {
    font-weight: normal;
    font-size: 11px;
    display: block;
    font-style: italic;
    color: #999;
}

.e_employees_list > li:hover .glyphicon-remove-circle {
    color: #333;
}


.e_italic_list {
    list-style: none;
    font-style: italic;
    padding-left: 0;
    font-size: 13px;
}

    .e_italic_list li:first-child {
        border-top: solid 1px #ddd;
        margin-top: 10px;
        padding-top: 5px;
    }

/* FIN */


.e_iconized_group {
    padding-left: 30px;
    position: relative;
    margin: 5px 0;
}

    .e_iconized_group:before,
    .e_iconized_group:after {
        content: ".";
        display: block;
        height: 0;
        overflow: hidden;
    }


    .e_iconized_group > span.glyphicon {
        position: absolute;
        left: 5px;
        top: 1px;
        font-size: 12px;
        color: #999;
    }

    .e_iconized_group > div > span,
    .e_iconized_group > div > a {
        font-size: 11px;
        font-weight: 600;
        display: block;
        line-height: 1.3em;
    }

    .e_iconized_group > div > a {
        text-decoration: underline;
        float: left;
    }

/*font-style: italic;*/
span.glyphicon.glyphicon-remove-circle {
    font-size: 15px;
    color: #ccc;
}

span.glyphicon.glyphicon-remove-circle:hover {
    color: #333;
}


/* OBJETIVOS DEFAULT */

.e_objDefault {
    margin: 0px;
    padding: 0px 15px;
    -webkit-transition: 0.1s ease-in;
    -moz-transition: 0.1s ease-in;
    -o-transition: 0.1s ease-in;
    transition: 0.1s ease-in;
    border: solid 1px transparent;
    border: solid 1px #ddd;
    /*margin-bottom: -1px;*/
    position: relative;
    margin-bottom: 15px;
}

    .e_objDefault.e_objShow {
        /*box-shadow: 0px 0px 10px rgba(0,0,0,.2);*/
        box-shadow: 3px 3px 0px rgba(0,0,0,.02);
        margin: 15px 0;
    }

    .e_objDefault .e_obj_header {
        padding: 10px 15px 10px 15px;
        position: relative;
        margin: 0 -15px 0px;
        border-bottom: solid 1px #eee;
    }

    .e_objDefault:not(.e_objShow):hover {
        box-shadow: 3px 3px 0px rgba(0,0,0,.02);
        border-color: #ddd;
        z-index: 1;
        position: relative;
    }

    .e_objDefault:not(.e_objShow) .e_obj_header:hover {
        background: #fbfbfb;
        cursor: pointer;
    }

    .e_objDefault.e_objShow .e_obj_header {
        border-bottom: solid 1px #eee;
    }


        .e_objDefault.e_objShow .e_obj_header:hover {
            cursor: pointer;
            background: #fbfbfb;
        }

    .e_objDefault .e_obj_number {
        display: inline-block;
        font-weight: bold;
        text-align: left;
    }

        .e_objDefault .e_obj_number:after {
            content: ".";
            float: right;
        }

    .e_objDefault .e_obj_title {
        font-weight: 600;
    }

    .e_objDefault .e_obj_date {
        font-size: 11px;
        font-weight: 600;
        color: #999;
        margin: 5px 0 0px 0;
        float: left;
    }

        .e_objDefault .e_obj_date > .glyphicon {
            font-weight: normal;
        }

        .e_objDefault .e_obj_date > .glyphicon-tags {
            margin-left: 8px;
            margin-right: 3px;
        }
        
        .e_objDefault .e_obj_date > .glyphicon-euro {
            margin-left: 8px;
            margin-right: 3px;
        }

        .e_objDefault .e_obj_date > .glyphicon-paperclip {
            margin-left: 8px;
            margin-right: 3px;
        }



/* Cuerpo */

.jsObjectContentToDisplay {
    padding: 10px 0;
}

/* Grids dentro de objetivos */

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

.e_objDefault .e_gridView .e_tableRow td,
.e_quest_frame .e_gridView .e_tableRow td {
    padding: 3px 0px;
    font-size: 13px;
}

.e_objDefault .e_gridView table th,
.e_quest_frame .e_gridView table th   {
    background: #fff;
    padding: 3px 0px;
    font-size: 13px;
    color: #333;
    text-indent: 0;
    height: 30px;
    cursor: default;
}

/* Gráfico heredado de vacaciones */

.e_objDefault .e_obj_graph_container {
    margin: -1px -15px 0px;
    padding: 10px 15px;
    border-top: solid 1px #eee;
    /*background: #fdfdfd;*/
}

.e_objDefault .e_vac_graph_container .e_vac_graph_num {
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
    font-size: 20px;
    letter-spacing: -1px;
}

.e_objDefault.e_objShow .e_vac_graph_container .e_vac_graph_num {
    font-size: 30px;
}

/* combo de acciones */
.e_optionsObjectives {
    position: absolute;
    top: 10px;
    right: 10px;
}

/* Form groups dentro de un objetivo */

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


/* Tartas / pie */

.e_objDefault .e_obj_value_container {
    float: left;
    padding: 0 15px;
    width: calc(100% - 180px);
}

.e_objDefault .e_obj_value_container.e_obj_value_container_2 {
    width: calc(100% - 360px);
}


    .e_objDefault .e_obj_value_container.e_obj_padding_fix {
        padding: 0px;
    }

.e_objDefault .e_obj_pie_container {
    border-left: solid 1px #eee;
    padding: 0 15px;
    float: right;
    width: 180px;
}

    .e_objDefault .e_obj_pie_container .e_obj_pie_value {
        display: block;
        font-size: 20px;
        letter-spacing: -1px;
        font-weight: 300;
        margin-top: 12px;
    }

    .e_objDefault .e_obj_pie_container .e_obj_pie_label {
        font-size: 11px;
        font-weight: 600;
        display: block;
    }

.e_objDefault .e_vac_graph_container {
    margin-top: 5px;
}



/* PANELES DE ASIGNACIÓN DE OBJETIVOS */

div.e_obj_destacado {
    background-color: #fbfbfb;
    padding: 15px 15px 0px;
    margin: -15px -15px 10px;
}


.panel.e_panel_objetivos {
    border-radius: 0;
}

    .panel.e_panel_objetivos > .panel-heading {
        background-color: #fff;
        padding: 10px;
        border: none;
    }

    .panel.e_panel_objetivos table td {
        font-size: 13px;
        padding: 5px 10px 3px;
        border-color: #eee;
    }

    .panel.e_panel_objetivos td.e_obj_list_check {
        width: 50px;
        padding-left: 25px;
    }


    .panel.e_panel_objetivos .panel-body {
        padding: 10px 10px;
        /*border-top: solid 1px #ddd;*/
    }

        .panel.e_panel_objetivos .panel-body .e_obj_count {
            font-size: 12px;
            font-weight: 600;
            color: #999;
            float: right;
        }


/*Panel con tabla incrustada */
.panel .panel-body-table {
    padding: 0;
}

    .panel .panel-body-table .e_gridView, .panel .panel-body-table .table {
        margin-bottom: 0;
    }

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

/* EVALUACIÓN GLOBAL */

/* Resumen de objetivos */

.e_obj_resumen_container {
    /*background: #fbfbfb;*/
    /*margin: -15px;
    padding: 15px;*/
}

.e_obj_resumen.e_objDefault {
    background: #fbfbfb;
    box-shadow: 3px 3px 0px rgba(0,0,0,.02);
    border-color: #ddd;
}


.e_obj_header .e_precio {
    font-size: 25px;
    font-weight: 300;
    color: #53a318;
}

.e_footerGridObjectives {
    font-weight: bold;
}

/********************** Ofertas de trabajo ********************/

.e_jobOffer {
    /*box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);*/
    margin: 0 0 25px;
    /*height: 350px;*/
    position: relative;
}

    .e_jobOffer:hover {
        /*box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.6);*/
    }

    .e_jobOffer .e_jobOffer_Content {
        padding: 5px 15px 15px;
        position: relative;
    }

    .e_jobOffer h3.e_job_title {
        font-weight: 400;
        font-size: 18px;
    }

    .e_jobOffer p.e_job_subtitle {
        font-size: 12px;
        color: #999;
        font-style: italic;
        margin-top: -5px;
    }

    .e_jobOffer .e_job_location {
        background: #ccc none repeat scroll 0 0;
        border-radius: 20px;
        color: #333;
        font-weight: 600;
        padding: 1px 8px 2px 5px;
    }

        .e_jobOffer .e_job_location:empty {
            display: none;
        }

    .e_jobOffer p.e_job_desc {
        font-size: 13px;
        max-height: 108px;
        overflow: hidden;
    }



.e_jobOffer_Footer {
    text-align: right;
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
}

    .e_jobOffer_Footer .btn-link {
        font-size: 11px;
    }


    .e_jobOffer_Footer div a {
        margin-top: 15px;
    }

    .e_jobOffer_Footer div * {
        float: right;
    }

    .e_jobOffer_Footer div:first-child {
        padding-bottom: 5px;
    }

.e_job_status {
    position: absolute;
    right: 15px;
    top: 5px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

a.e_job_status {
    cursor: pointer;
}

/*Cargando del boton*/

.e_offer_btnprocess {
    display: none;
}

.e_offer_process .e_offer_btnprocess {
    display: block !important;
}

.e_offer_process .e_offer_btntext {
    display: none !important;
}

.e_job_offer .e_lea_btn_container .btn .e_offer_btntext{
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
}

.e_offer_process, .e_offer_process:hover, .e_offer_process:focus, .e_offer_process:active {
    background-color: #999;
    border-color: #888;
    color: #fff;
    text-transform: none !important;
    cursor: progress;
    pointer-events: none;
}


/********************** Otros paneles ***************************/



.e_panel_seleccionable:hover {
    border-color: #ccc;
}

.e_panel_general {
    margin-bottom: 30px;
}

    .e_panel_general h3.panel-title {
    }

    .e_panel_general h4 {
        font-size: 13px;
        font-weight: 600;
        margin-top: 0;
    }

    .e_panel_general .panel-heading {
        padding: 15px;
        background: #fbfbfb;
    }

    .e_panel_general .panel-footer {
        padding: 10px;
    }


    /* Tablas dentro del Panel general */

    .e_panel_general .table {
    }

        .e_panel_general .table td {
            font-size: 13px;
            vertical-align: middle;
            border-color: #eee;
        }

    .e_panel_general table tr td:first-child {
        padding-left: 10px !important;
    }

    .e_panel_general table tr td:last-child {
        padding-right: 10px !important;
    }