@font-face {
    font-family: "Calibri";
    src: url(Calibri.ttf) format("truetype");
}
@font-face {
    font-family: 'OMIcons';
    src: url('fonts/Glyphter.eot');
    src: url('fonts/Glyphter.eot?#iefix') format('embedded-opentype'),
         url('fonts/Glyphter.woff') format('woff'),
         url('fonts/Glyphter.ttf') format('truetype'),
         url('fonts/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icono-']:before{
    display: inline-block;
   font-family: 'OMIcons';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.icono-OM:before{
    content:'\0043';
    -ms-transform: rotateX(180deg) rotateY(0deg); /* IE 9 */
    -webkit-transform: rotateX(180deg) rotateY(0deg); /* Safari 3-8 */
    transform: rotateX(180deg) rotateY(0deg);
}
body {
    color: #636262 !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, body, p, li, label {
    font-family: 'Roboto', sans-serif !important;
}

/*PANEL PRINCIPAL*/
    /*EFECTO BTN OPCIONES*/
    .Opcion_principal .box{
        box-sizing: inherit;
        transition-property: all;
        transition-duration: .21111s;
        transition-timing-function: ease-in-out;
        box-shadow:  2px 2px 1px rgba(0,0,0,0.1) !important;
        height: 115px;
    }
    .Opcion_principal .box_opcion_principal .Icono i{
        font-size: 42px;
        color:#636262;
    }
    .Opcion_principal .box_opcion_principal h4{
        font-size: 24px;
        color:#636262;
    }
    .Opcion_principal:hover .box{
        box-shadow: inset -2px -2px 4px rgba(0,0,0,0.1) !important;
        background: #e85b59;
    }
    .Opcion_principal:hover .box .Icono i,.Opcion_principal:hover h4{
        color: #fff;
    }
    /*FIN EFECTO BTN OPCIONES*/

/*FIN PANEL PRINCIPAL*/
.sidebar-menu img{
    max-width: 47px !important;
}
.bloque_errores{
    position: absolute;
    right: 0;
    bottom: 40px;
}
.bloque_mensajes{
    position: absolute;
    right: 0;
    bottom: 40px;
    background-color: #dd4b39 !important;
        border: none !important;
         z-index: 9999999;
}
.logotipo{
    display: inline;
}
.btn.btn-flat {
    font-weight: 700;
}
.badge:empty{
    display: block !important;
}
.eval-label{
    font-size: 13px !important;
}
#text_eval{
    background: #dd4b39;
    color: #fff;
    padding: 0px 10px;
    border-radius: 4px;
    display: none;

}
.bloque_error{
    display: none;
    position: fixed;
    right: 0;
    bottom: 40px;
    background-color: #dd4b39 !important;
    border: none !important;
    z-index: 9999999;
}

.tabla_list_comp td{
    border: 1px solid #f2f2f2;
}

#parrafo_coment .eval-label{
    padding: 1px 3px !important;
}
.link_comp_view{
    text-decoration: none !important;
}
.comp_title{
    padding: 4px 5px;
    border-radius: 4px;
}
#Tagc_bloque_respuestas{
    display: none;
}
.btn-filtro{
    width: 100% !important;
    padding: 8px 38px;
    font-size: 17px;

}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    color: #fff !important;
    background-color: #bb3737 !important;
    border-color: #bb3737 !important;
}
.panel-heading {
    padding: 1px 15px !important;

}
.panel-default > .panel-heading {
    color: #fff;
    background-color: #222d32;
    border-color: #ddd;
}
.panel-default > .panel-heading {
    color: #fff !important;
    background-color: #222d32 !important;
    border-color: #222d32 !important;
}
.panel-default {
    border-color: #b6b6b6 !important;;
}
.panel-default h2{
    margin-top: 0px;
}

.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #bd3838 !important;
    border-color: #c03b3b !important;
}
.btn-primary:hover {
    border-color: #ab3535!important;
}
.drivers_btn_group .btn-primary{
    width: 100%;
}

.chosen-container{
    width: 100% !important;
}
#select_drivers_chosen{
    width: 80% !important;
}
.btn_new_driver_modal{
    width: 20% !important;
    float: right;
    height: 29px;

}

#txt_new_comp_gen, #txt_new_comp_esp{
    display: none;
}
.tabla_list_comp {
    text-align: center;
}

#table_comp td{
    padding: 3px 0px;
}
#table_comp button{
    margin-right: 4px;
}
#table_comp .badge{
    margin-right: 3px;
}

.login_box_publico{
    width: 510px;
}
.login_box_publico .form-control{
    height: 55px;
    font-size: 22px;
}
.login_box_publico .form-control-feedback {
    line-height: 54px;
}
.btn_arcade img{
/*    -webkit-box-shadow: 6px 6px 16px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 6px 6px 16px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 6px 6px 16px 0px rgba(50, 50, 50, 0.44);
    border-radius: 100%;*/

}

#modal_verbatims .modal-body{
   overflow: scroll;
    max-height: 400px;

}
.text_rpt_cloud{
    padding: 10px 3px ;
}
.text_rpt_cloud a{
    font-size: 20px;
    color: #13cdff;
    font-weight: 700;

}
.text_rpt_cloud a:hover{
    color: #cc3d3d;
}
#lista_rpts{
    max-height: 400px;
    overflow-x:hidden;
      overflow-y:scroll;
}
#lista_rpts .sombra_sup{

}
.box{
    border-radius: 20px !important;
}
.box_beige{
    border-top: 2px solid #fff;
    background: #fff !important;
    /*border-top: 2px solid #daccb1;
    background: #fbe5d6 !important;*/
    /*margin-top: 10px;*/
    margin: 22px 0px 0px;
}
.box_beige .box-header.with-border {
    border-bottom: 0px solid #ecdfc5;
}
.box_beige .box-footer{
    border-top: 0px solid #f4f4f4;
    background-color: #fff;
}

#t_tVerbatims .txt_rpt,.box_verbatims_feedback .txt_rpt,#box_txt_like_unlike_val .txt_rpt, #box_txt_word_cloud .txt_rpt{
    /*float: left;*/
    text-align: justify;
    font-style: normal !important;
    font-size: 16px;
    color: #878787;
    margin-top: 0px;
    font-weight: 100;
    word-break: break-all;
}
#t_tVerbatims .txt_rpt span,.box_verbatims_feedback .txt_rpt span{
    font-size: 14px;
}
#t_tVerbatims span,.box_verbatims_feedback span{
    /*float: left;*/
    margin-top: 10px;
    color: #9b9b9b;
    margin-left: 5px;
}
.dataTables_filter {
   display: none;
}
.dataTables_length label{
    margin-top: 20px;
}
.glosa_preg_filtro, .glosa_select_sentimientos, .glosa_select_segmento{
    color: #bfbfbf;
    font-weight: 600;

}
#comentario_link{
    font-size: 16px;
}
.comentario_div{
    text-align: left;
}
.bloq_ficha{
    text-align: center;
    background: #fbe5d6;
}
.col_deta_ficha{
    padding-top: 14px;
    border-bottom: 1px solid #c9c6c6;

}
.margin-top{
    margin-top: 15px;
}
.bloq_d_ficha{
    background: #fbe5d6;
    padding: 34px 28px;
}
table.dataTable span.highlight {
    background-color: #0267ff;
    border-radius: 0.28571429rem;
}
#t_tVerbatims span.highlight {
    color: #fff;
    float: initial !important;
    margin-left: 5px;
}
#ModalComentarios {
    background: rgba(255, 255, 255, 0.08) !important;
}
body{
    padding-right: 0px !important;
}

#ModalComentarios .modal-body h4{
    font-weight: 700;
}
#ModalComentarios .color_azul{
    color: #0003f6;
}
#ModalComentarios .color_rojo{
    color: #f60000;
}
.color_rojo{
    color: #f60000;
}
.content_ficha_tecnica_pg1, .content_ficha_tecnica_pg2{
    padding: 25px 89px;
}
.content_ficha_tecnica_pg1 h3{
    font-size: 22px;
}
.content_ficha_tecnica_pg1 h1{
    font-size: 33px;
}
.content_ficha_tecnica_pg2{
    text-align: justify;
}
.head_ficha_tec{
    background: #fbe5d6;
    padding: 2px 0px;

}
.head_ficha_tec h1{
    padding: 0px 38px;
    font-weight: 400;
    font-size: 28px;
    margin-top: 10px;
}
.pg1_ficha_tec, .pg2_ficha_tec, .pg_sig_Hallazgo, .pg_ant_Hallazgo{
    font-size: 24px;
}
.hallazgos_pg2, .hallazgos_pg3, .hallazgos_pg4, .hallazgos_pg5, .hallazgos_pg6, .hallazgos_pg7, .hallazgos_pg8, .hallazgos_pg9, .hallazgos_pg10, .hallazgos_pg11, .hallazgos_pg12, .hallazgos_pg13, .hallazgos_pg14, .hallazgos_pg15, .hallazgos_pg16{
    display: none;
    opacity: 0;
    position: relative;
}
.Tooltip_info{
    display: none;
    position: absolute;
    background: #fff;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 88;
    height: 100%;
    border: 2px solid #c3c3c3;

}
.Cerrar_tooltip{
    font-size: 38px;
}
.txt_claro{
    color: #adadad;
}
#content_hallazgos{
    padding: 14px 89px;
    padding-top: 0px;
}
#content_hallazgos h2{
    font-size: 24px;
}
#content_hallazgos h3{
    font-size: 22px;
}
#content_hallazgos h4{
    margin-top: 18px;
    font-size: 19px;
    text-align: justify;
}
.titulo_marron{
    color: #c55a11;
}
#div_emociones_nube{
    position: relative;
    /*min-height: 500px;*/
}
.nube_e_item .img_porcent_emo{
    position: relative;
    float: left;
    text-align: center;
    width: 100%;
}
.nube_e_item .img_porcent_emo img{
    width: 63%;
}
.porcent{
    font-size: 24px;
    margin-bottom: 0px;
}
.nube_e_item {
    width: 300px;
}
.nube_e_item .txt_emocion{
    font-weight: 700;
    float: left;
}

.nube_e_item p{
    text-align: center;
}
#contenedor_emoticones{
    position: relative;
    min-height: 600px;
}
.pg_ant_Hallazgo{
    display: none;
}
/*.emo_w_1{
    width: 300px !important;
}
.emo_w_2{
    width: 250px !important;
}
.emo_w_3{
    width: 200px !important;
}
.emo_w_4{
    width: 150px !important;
}
.emo_w_5{
    width: 100px !important;
}
.emo_w_6{
    width: 100px !important;
}
.emo_w_7{
    width: 100px !important;
}*/
@media (min-width: 790px) {


    .btn_arcade img{
        width: 100px !important;
    }

    .row_FT{
        background: #fbe5d6;
    }
    .row_FT .col_deta_ficha{
        background: #fff;
    }
    .col_deta_ficha_fecha{
        height: 85px;
    }

    .glosa_calculo_repre{
        display: block;
        font-size: 13px;
        position: absolute;
        top: -27px;
    }
    #a_tooltip_info_2{
        position: absolute;
        height: 200px;
        width: 200px;
        top: 10px;
        left: 25px;
    }
    #a_tooltip_info_1{
        position: absolute;
        height: 200px;
        width: 200px;
        top: 10px;
        left: 25px;
    }
    .content_barr_peri{
        margin-top: 0px;
    }

}

@media (min-width: 1500px) {
    .box_datos_ejecutivo .content_sel_pos_neg, .box_datos_ejecutivo .content_cant_view_cloud {
        width: 95px !important;
    }
    #a_tooltip_info_3{
        height: 123px;
        width: 136px;
        bottom: 10px;
        right: 133px;
        position: absolute;
    }
    .emo_w_1{
        position: absolute;
        left: 611px;
        top: 279px;
        width: 300px !important;
    }

    .emo_w_2{
        position: absolute;
        left: 322px;
        top: 171px;
        width: 250px !important;
    }
    .emo_w_3{
        position: absolute;
        left: 958px;
        top: 99px;
        width: 200px !important;
    }
    .emo_w_4{
        position: absolute;
        left: 492px;
        top: 8px;
        width: 172px !important;
    }
    .emo_w_5{
        position: absolute;
        left: 800px;
        top: 0px;
        width: 100px !important;

    }
    .emo_w_6{
        position: absolute;
        left: 1100px;
        top: 300px;
        width: 100px !important;
    }
    .emo_w_7{
        position: absolute;
        left: 400px;
        top: 8px;
        width: 100px !important;
    }
    .emo_w_1 .txt_emocion {
        font-size: 50px;
        position: absolute !important;
        top: 45% !important;
        right: -183px !important;
    }.emo_w_2 .txt_emocion {
        font-size: 39px;
        position: absolute !important;
        top: 45% !important;
        right: -57px !important;
    }.emo_w_3 .txt_emocion {
        font-size: 28px;
        position: absolute !important;
        top: 45% !important;
        right: -66px !important;
    }
    .emo_w_4 .txt_emocion {
        font-size: 17px;
        position: absolute !important;
        top: 45% !important;
        right: -99px !important;
    }.emo_w_5 .txt_emocion {
        font-size: 18px;
        position: absolute !important;
        top: 45% !important;
        right: -57px !important;
    }.emo_w_6 .txt_emocion {
        font-size: 16px;
        position: absolute !important;
        top: 45% !important;
        right: -27px !important;
    }.emo_w_6 .txt_emocion {
        font-size: 14px;
        position: absolute !important;
        top: 45% !important;
        right: -27px !important;
    }
    #a_tooltip_info_3 {
        position: absolute;
        height: 200px;
        width: 200px;
        bottom: 10px;
        right: 173px;
    }
    #tabla_hall_3 .cell2 .glosa_sientes2{
        right: -354px;
        position: absolute;
        top: 0px;
    }
    #eject_tooltip_info_7{
        position: absolute;
        right: -222px;
        width: 211px;
        top: 15px;
    }

    .td_meta_suc{
        width: 220px;
        text-align: center;
    }
    #filtros .box-header .box-title span#filtro_span .filtro_id {
        font-size: 13px !important;
        padding: 5px 7px !important;
    }


}
@media (max-width: 1490px) {
.box_datos_ejecutivo .content_sel_pos_neg, .box_datos_ejecutivo .content_cant_view_cloud {
        width: 95px !important;
    }
    #a_tooltip_info_3{
        height: 123px;
        width: 136px;
        bottom: 10px;
        right: 133px;
        position: absolute;
    }
    .emo_w_1{
        position: absolute;
        left: 410px;
        top: 279px;
        width: 250px !important;
    }
    .emo_w_2{
        position: absolute;
        left: 108px;
        top: 171px;
        width: 200px !important;
    }
    .emo_w_3{
        position: absolute;
        left: 695px;
        top: 99px;
        width: 150px !important;
    }
    .emo_w_4{
        position: absolute;
        left: 370px;
        top: 8px;
        width: 100px !important;
    }
    .emo_w_5{
        position: absolute;
        left: 600px;
        top: 0px;
        width: 50px !important;

    }
    .emo_w_6{
        position: absolute;
        left: 900px;
        top: 300px;
        width: 50px !important;
    }
    .emo_w_7{
        position: absolute;
        left: 200px;
        top: 8px;
        width: 50px !important;
    }

    .emo_w_1 .txt_emocion {
        font-size: 50px;
        position: absolute !important;
        top: 45% !important;
        right: -191px !important;
    }.emo_w_2 .txt_emocion {
        font-size: 39px;
        position: absolute !important;
        top: 45% !important;
        right: -57px !important;
    }.emo_w_3 .txt_emocion {
        font-size: 28px;
        position: absolute !important;
        top: 45% !important;
        right: -66px !important;
    }
    .emo_w_4 .txt_emocion {
        font-size: 17px;
        position: absolute !important;
        top: 45% !important;
        right: -111px !important;
    }.emo_w_5 .txt_emocion {
        font-size: 18px;
        position: absolute !important;
        top: 45% !important;
        right: -66px !important;
    }.emo_w_6 .txt_emocion {
        font-size: 16px;
        position: absolute !important;
        top: 45% !important;
        right: -27px !important;
    }.emo_w_6 .txt_emocion {
        font-size: 14px;
        position: absolute !important;
        top: 45% !important;
        right: -27px !important;
    }
    #tabla_hall_3 .cell2 .glosa_sientes2{
        right: -354px;
        position: absolute;
        top: 0px;
    }
    #eject_tooltip_info_7{
        position: absolute;
        right: -222px;
        width: 211px;
        top: 15px;
    }

    .corazon .texto{
        bottom: 30% !important;
        font-size: 22px !important;
    }
}
@media (max-width: 1300px) {
    .box_datos_ejecutivo .content_sel_pos_neg, .box_datos_ejecutivo .content_cant_view_cloud {
        width: 95px !important;
    }
    .hig_legend h4{
        font-size: 11px !important;
    }
    #a_tooltip_info_2{
        position: absolute;
        height: 200px;
        width: 200px;
        top: 10px;
        left: 25px;
    }
    #a_tooltip_info_1{
      position: absolute;
        height: 200px;
        width: 200px;
        top: 10px;
        left: 25px;
    }
    #a_tooltip_info_3 {
        position: absolute;
        height: 200px;
        width: 200px;
        bottom: 10px;
        right: 181px;
    }
    .col_deta_ficha_fecha{
        height: 120px;
    }
    .emo_w_1{
        position: absolute;
        left: 346px;
        top: 279px;
        width: 250px !important;
    }
    .emo_w_2{
        position: absolute;
        left: 108px;
        top: 171px;
        width: 200px !important;
    }
    .emo_w_3{
        position: absolute;
        left: 595px;
        top: 99px;
        width: 150px !important;
    }
    .emo_w_4{
        position: absolute;
        left: 300px;
        top: 8px;
        width: 100px !important;
    }
    .emo_w_5{
        position: absolute;
        left: 500px;
        top: 0px;
        width: 50px !important;

    }
    .emo_w_6{
        position: absolute;
        left: 800px;
        top: 300px;
        width: 50px !important;
    }
    .emo_w_7{
        position: absolute;
        left: 100px;
        top: 8px;
        width: 50px !important;
    }
    .emo_w_1 .txt_emocion {
        font-size: 50px;
    }.emo_w_2 .txt_emocion {
        font-size: 39px;
    }.emo_w_3 .txt_emocion {
        font-size: 28px;
    }
    .emo_w_4 .txt_emocion {
        font-size: 20px;
    }.emo_w_5 .txt_emocion {
        font-size: 18px;
    }.emo_w_6 .txt_emocion {
        font-size: 16px;
    }.emo_w_6 .txt_emocion {
        font-size: 14px;
    }
    #tabla_hall_3 .cell2 .glosa_sientes2{
        right: -354px;
        position: absolute;
        top: 0px;
    }
    #eject_tooltip_info_7{
        position: absolute;
        right: -222px;
        width: 211px;
        top: 15px;
    }
    #filtros .box-header .box-title span#filtro_span .filtro_id {
        font-size: 11px !important;
        padding: 9px 8px !important;
    }
    #filtros .box-header .box-title span#filtro_span{
        line-height: 34px;
    }

    .corazon .texto{
        bottom: 30% !important;
        font-size: 22px !important;
    }
}
@media (max-width: 1250px) {
    .box_datos_ejecutivo .content_sel_pos_neg, .box_datos_ejecutivo .content_cant_view_cloud {
        width: 95px !important;
    }
    .emo_w_1{
        position: absolute;
        left: 258px;
        top: 279px;
        width: 250px !important;
    }
    .emo_w_2{
        position: absolute;
        left: 0px;
        top: 171px;
        width: 200px !important;
    }
    .emo_w_3{
        position: absolute;
        left: 497px;
        top: 99px;
        width: 150px !important;
    }
    .emo_w_4{
        position: absolute;
        left: 109px;
        top: 8px;
        width: 100px !important;
    }
    .emo_w_5{
        position: absolute;
        left: 350px;
        top: 0px;
        width: 50px !important;

    }
    .emo_w_6{
        position: absolute;
        left: 616px
        top: 280px;
        width: 50px !important;
    }
    .emo_w_7{
        position: absolute;
        left: 100px;
        top: 8px;
        width: 50px !important;
    }
    .emo_w_1 .txt_emocion {
        font-size: 50px;
    }.emo_w_2 .txt_emocion {
        font-size: 39px;
    }.emo_w_3 .txt_emocion {
        font-size: 28px;
    }
    .emo_w_4 .txt_emocion {
        font-size: 20px;
        top: 72% !important;
    }.emo_w_5 .txt_emocion {
        font-size: 18px;
    }.emo_w_6 .txt_emocion {
        font-size: 16px;
    }.emo_w_6 .txt_emocion {
        font-size: 14px;
    }
    #tabla_hall_3 .cell2 .glosa_sientes2{
        right: -219px !important;
        position: absolute !important;
        top: -13px !important;
        width: 202px !important;
    }
    #tabla_hall_3 .cell2 a {
        bottom: -3px !important;
    }

    .corazon .texto {
        bottom: 21% !important;
        font-size: 20px !important;
    }
}

@media (max-width: 990px) {
    .btn_presentacion{
        display: none !important;
    }
    .Sig_pg_presentacion{
        font-size: 48px !important;
        top: 0 !important;
    }
    .Ant_pg_presentacion{
        font-size: 48px !important;
        top: 0 !important;
        left: 24px !important;
    }
    .box_resultado{
        margin-top: 43px;
    }
    .box_filtro .box-header .box-tools{
        top: -8px;
    }
    .box_filtro #ver_instructivo_link{
        font-size: 15px;
    }
    .content_ficha_tecnica_pg1{
        padding-top: 15px !important;
    }
    #a_tooltip_info_3{
        height: 123px;
        width: 136px;
        bottom: 10px;
        right: 133px;
        position: absolute;
    }
    .emo_w_1{
        position: absolute;
        left: 246px;
        top: 279px;
        width: 200px !important;
    }
    .emo_w_2{
        position: absolute;
        left: 8px;
        top: 171px;
        width: 150px !important;
    }
    .emo_w_3{
        position: absolute;
        left: 495px;
        top: 99px;
        width: 100px !important;
    }
    .emo_w_4{
        position: absolute;
        left: 200px;
        top: 8px;
        width: 50px !important;
    }
    .emo_w_5{
        position: absolute;
        left: 400px;
        top: 0px;
        width: 50px !important;

    }
    .emo_w_6{
        position: absolute;
        left: 700px;
        top: 300px;
        width: 50px !important;
    }
    .emo_w_7{
        position: absolute;
        left: 0px;
        top: 8px;
        width: 50px !important;
    }
    .padding-responsive
    {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .titulo_apm
    {
        text-align: center;
    }
    .logo-cara
    {
        display: block;
        margin-right: auto !important;
        margin-left: auto !important;
        text-align: center !important;
    }
    #content_hallazgos, .content_ficha_tecnica_pg1, .content_ficha_tecnica_pg2 {
        padding: 15px 15px;
        padding-top: 0px;
    }
    #tabla_hall_3 .cell2 .glosa_sientes2{
        right: -354px;
        position: absolute;
        top: 0px;
    }
    #eject_tooltip_info_7{
        position: absolute;
        right: -73px;
        width: 211px;
        top: auto;
        font-size: 13px;
        bottom: 2px !important;
    }
    .corazon .texto {
        bottom: 35% !important;
        font-size: 42px !important;
    }
}
@media (max-width: 790px) {
    .emo_w_1{
        position: absolute;
        left: 146px;
        top: 279px;
        width: 150px !important;
    }
    .emo_w_2{
        position: absolute;
        left: 8px;
        top: 171px;
        width: 100px !important;
    }
    .emo_w_3{
        position: absolute;
        left: 395px;
        top: 99px;
        width: 50px !important;
    }
    .emo_w_4{
        position: absolute;
        left: 100px;
        top: 8px;
        width: 50px !important;
    }
    .emo_w_5{
        position: absolute;
        left: 300px;
        top: 0px;
        width: 50px !important;

    }
    .emo_w_6{
        position: absolute;
        left: 600px;
        top: 300px;
        width: 50px !important;
    }
    .emo_w_7{
        position: absolute;
        left: 0px;
        top: 8px;
        width: 50px !important;
    }
    .padding-responsive
    {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .titulo_apm
    {
        text-align: center;
    }
    .logo-cara
    {
        display: block;
        margin-right: auto !important;
        margin-left: auto !important;
        text-align: center !important;
    }
    #content_hallazgos, .content_ficha_tecnica_pg1, .content_ficha_tecnica_pg2  {
        padding: 15px 15px;
        padding-top: 0px;
    }
     .glosa_calculo_repre{
        display: block;
        font-size: 12px;
        position: absolute;
        top: -30px;
    }
    #a_tooltip_info_3{
        height: 100px;
        width: 136px;
        bottom: 10px;
        right: 99px;
    }
    #tabla_hall_3 .cell2 .glosa_sientes2{
        right: -31px;
        position: absolute;
        top: 101px;
    }
    #eject_tooltip_info_7{
        position: absolute;
        right: -73px;
        width: 211px;
        top: auto;
        font-size: 13px;
        bottom: 2px !important;
    }

    #T_opciones_feedbak{
        margin-top: 0px;
        border-top: 0px solid #ebebeb;
        background: #ebebeb;
    }
    .main-header .logo{
        height: 0px;
    }
    .main-header .logo{
        height: 0px !important;
    }
    .main-header .logo img{
        position: absolute;
        left: 45px;
        z-index: 99999;
        top: -4px;
        width: 147px !important;
        top: 1px !important;

    }
    .content-wrapper{
        margin-top: -49px;
    }
    #t_listaEncuestas_wrapper{
        overflow-x: auto !important;
    }
    .hig_legend h4{
        text-align: left !important;
    }
     #t_listaEncuestas th, #t_listaEncuestas tr td{
        font-size: 10px !important;
    }
    #t_listaEncuestas.dataTable thead .sorting_asc::after, #t_listaEncuestas.dataTable thead .sorting::after{
        display: none;
    }
    #t_listaEncuestas.dataTable thead > tr > th{
        padding: 2px;
    }
    .movil_hide{
        display: none !important;
    }
    #t_listaEncuestas_wrapper div.dataTables_length label{
        font-size: 10px !important;
    }

    #T_list_gestion_rpt span{
        font-size: 12px !important;
        font-weight: 100 !important;
        padding: 2px 4px;
        margin-right: 0px
    }
    #T_list_gestion_rpt tbody tr td{
        padding: 1px;
    }
    #listaGestRPT h4 {
        font-size: 10px !important;
        padding: 3px 2px !important;
    }
}
@media (max-width: 650px) {
    .corazon .texto {
        bottom: 28% !important;
        font-size: 34px !important;
    }
    .BOX_TITULO_GEST{
        margin-bottom: 0px !important;
    }
    .tab_iframe_msg .box-header > .box-tools i{
        font-size: 18px !important;
    }
    #tab_iframe .tab_iframe_msg .box-body p{
        font-size: 15px !important;
    }
    #tab_iframe .tab_iframe_msg .box-body {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }
}

@media (max-width: 450px) {
    /*PRESENTACION*/
    .btn_presentacion{
        display: none !important;
    }
    #box_colaborador_destacado{
        overflow-y: none !important;
    }
    .box_filtro .box-header .box-tools{
        top: -8px;
    }
    .box_filtro #ver_instructivo_link{
        font-size: 15px;
    }
    .col3 h2 label {
        margin-top: 14px !important;
    }
    .td_meta_val h4 {
        font-size: 16px !important;
    }
    .td_meta_val{
        min-width: 55px !important;
    }

    #T_list_gestion_rpt span {
        font-size: 9px !important;
        font-weight: 100 !important;
        padding: 0px 0px;
        margin-right: 0px;
    }
    #T_list_gestion_rpt thead th div{
        font-size: 13px;
        padding: 7px 1px !important;
    }
    #T_list_gestion_rpt .btn-group-xs > .btn, .btn-xs{
        padding: 14px 0px !important;
        font-size: 11px !important;
    }
    .btn_compartir_gestion, .btn_Guardar_Gestion{
        font-size: 13px !important;
    }
    .btn_compartir_gestion i, #form_file_input i, .btn_Guardar_Gestion i{
        font-size: 23px !important;
    }
    .btn_Guardar_Gestion{
        color: #666;
        font-weight: 700;
        font-size: 21px;
    }
    .Cancelar_Gestion{
        font-size: 13px !important;
    }
    #form_file_input label{
        font-size: 13px !important;
    }
    .rank_nomb{
        width: 69% !important;
    }
    .leyenda_valoracion_exp{
        padding-right: 0px !important;padding-left: 0px !important;
    }
    .iradio_flat-red{
        margin-top: 12px;
    }
    .box_oport_mejora .historial_feedback .box_verbatims_feedback .box-body .Ant_pg_Verb,
    .box_oport_mejora  .historial_feedback .box_verbatims_feedback .box-body .Sig_pg_Verb,
    #box_txt_like_unlike_val .centrar_bloque .Ant_pg_Verb,
    #box_txt_like_unlike_val .centrar_bloque .Sig_pg_Verb,
    #box_txt_word_cloud .centrar_bloque .Ant_pg_Verb,
    #box_txt_word_cloud .centrar_bloque .Sig_pg_Verb
    {
        top: 109px !important;
    }
    .historial_feedback .box_verbatims_feedback .box-body .Ant_pg_Verb, .historial_feedback .box_verbatims_feedback .box-body .Sig_pg_Verb{
        top: 75px !important;
    }
    .historial_feedback .box_verbatims_feedback .box-body .Ant_pg_Verb{
        font-size: 41px !important;
        left: 2px !important;
    }
    .historial_feedback .box_verbatims_feedback .box-body .Sig_pg_Verb{
        font-size: 41px !important;
        right: 2px !important;
    }
    .GrafEmocionNombre{
        font-size: 21px !important;
    }
    .box_datos_ejecutivo .content_sel_pos_neg, .box_datos_ejecutivo .content_cant_view_cloud {
        width: 65px !important;
    }
    .box_datos_ejecutivo .content_sel_pos_neg .select-selected, .box_datos_ejecutivo .content_cant_view_cloud .select-selected {
        padding: 4px;
    }
    .no_paddig_right{
        padding: 0px !important;
    }
    .no_paddig{
        padding: 0px;
    }
    .no_paddig_left{
        padding: 0px !important;
    }

    .emo_w_1{
        position: static;
        left: 146px;
        top: 279px;
        width: 150px !important;
    }
    .emo_w_2{
        position: static;
        left: 8px;
        top: 171px;
        width: 100px !important;
    }
    .emo_w_3{
        position: static;
        left: 395px;
        top: 99px;
        width: 50px !important;
    }
    .emo_w_4{
        position: static;
        left: 100px;
        top: 8px;
        width: 50px !important;
    }
    .emo_w_5{
        position: static;
        left: 300px;
        top: 0px;
        width: 50px !important;

    }
    .emo_w_6{
        position: static;
        left: 600px;
        top: 300px;
        width: 50px !important;
    }
    .emo_w_7{
        position: static;
        left: 0px;
        top: 8px;
        width: 50px !important;
    }
    .emo_w_1 .txt_emocion {
        line-height: 45px;
        left: -29px !important;
        top: 28px !important;
        font-size: 28px !important;
    }.emo_w_1 .txt_emocion span{
        font-size: 25px !important;
    }.emo_w_2 .txt_emocion {
        top: 185px !important;
        left: -32px;
    }.emo_w_3 .txt_emocion {
        top: 299px !important;
        left: -127px !important;
        font-size: 24px !important;
    }
    .emo_w_4 .txt_emocion {
        top: 564px !important;
        left: -150px !important;
        font-size: 14px;
    }.emo_w_5 .txt_emocion {
        top: 391px !important;
        left: -143px !important;
    }.emo_w_6 .txt_emocion {
        top: 424px !important;
        left: -134px !important;
    }.emo_w_6 .txt_emocion {
        top: 482px !important;
        left: -134px !important;
    }
    .img_porcent_emo {
        margin-bottom: 20px ;
    }
    .padding-responsive
    {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .titulo_apm
    {
        text-align: center;
    }
    .logo-cara
    {
        display: block;
        margin-right: auto !important;
        margin-left: auto !important;
        text-align: center !important;
    }
    #con_hallazgos {
        padding: 5px 5px;
        padding-top: 0px;
    }
    #tabla_hall_2 h3, #tabla_hall_2 h3 a{
        font-size: 12px !important;
    }
    #tabla_hall_2 h4{
        font-size: 11px !important;
    }
    #tabla_hall_1 h3, #tabla_hall_1 h3 a{
        font-size: 12px !important;
    }
    #tabla_hall_1 h4{
        font-size: 11px !important;
    }
    #tabla_hallaz th{
        font-size: 12px !important;
    }
    #tabla_hallaz td{
        font-size: 10px !important;
    }

    .glosa_calculo_repre{
        display: block;
        font-size: 13px;
        position: absolute;
        top: -53px;
    }
    #a_tooltip_info_1{
        position: absolute;
        height: 50px;
        width: 50px;
        top: 10px;
        left: 25px;
    }
    #a_tooltip_info_2{
        position: absolute;
        height: 50px;
        width: 50px;
        top: 10px;
        left: 25px;
    }
    #a_tooltip_info_3 {
        position: absolute;
        height: 56px;
        width: 59px;
        bottom: 10px;
        right: 60px;
    }
    #tabla_hall_3 .cell2 .glosa_sientes2{
        right: 0px !important;
        position: absolute !important;
        top: 94px !important;
        width: 100% !important;

    }
    #tabla_hall_3 {
        width: 100%;
        margin-bottom: 111px;
    }
    #eject_tooltip_info_7{
        position: absolute;
        right: -73px;
        width: 211px;
        top: auto;
        font-size: 13px;
        bottom: 2px !important;
    }
    #nube_componentes{
        margin-bottom: 47px;
    }
    div.jqcloud span.w10 {
        font-size: 210% !important;
    }
    div.jqcloud span.w9 {
        font-size: 160% !important;
    }
    div.jqcloud span.w8 {
        font-size: 160% !important;
    }
    div.jqcloud span.w7 {
        font-size: 160% !important;
    }
    div.jqcloud span.w5 {
        font-size: 150% !important;
    }
    div.jqcloud span.w4 {
        font-size: 150% !important;
    }
    div.jqcloud span.w3 {
        font-size: 140% !important;
    }
    div.jqcloud span.w2 {
        font-size: 130% !important;
    }
    div.jqcloud span.w1 {
        font-size: 130% !important;
    }
    .meg_componentes{
        position: absolute !important;
        top: 38% !important;
        left: 1% !important;
        background: #f6f6f6 !important;
        padding: 2px 14px !important;
    }
    .meg_componentes h4{
        font-weight: 600 !important;
        font-size: 18px !important;
        color: #0cf !important;
    }
    #box_aporte_corazon .box-footer .row{
        padding: 0px 24px !important;
    }
    #T_opciones_feedbak h3, #T_opciones_feedbak li,#T_opciones_feedbak label{
        font-size: 14px !important;
    }
    #T_opciones_feedbak .col1, #T_opciones_feedbak .col2, #T_opciones_feedbak .col3{
        width: 10% !important;
    }
    #box_aporte_corazon, .box_verbatims_feedback{
        padding: 0px 1px;
    }
    .bootstrap-select.btn-group .dropdown-menu {
        max-width: 100%;
    }
    .dropdown-menu li .text{
        max-width: 90%;
        overflow: hidden;
    }
    #T_opciones_feedbak .col1{
        padding-left: 5px;
    }
    #T_opciones_feedbak .col3{
        padding-right: 5px;
    }
    .labelsGraf1{
        font-size: 12px !important;
    }
    .corazon .texto{
        color: #333 !important;
        font-size: 18px !important;
        top: 33% !important;
    }
    #box_aporte_corazon img{
        max-width: 40px !important;
    }
    #Corazon_porcent{
        text-align: center !important;
    }
    .logo_cliente_t{
        max-width: 114px !important;
    }
    /*#Corazon_porcent h4 {
        font-size: 17px;
    }*/
    #Corazon_porcent .meta_suc, #Corazon_porcent .meta_suc_act{
        font-size: 15px !important;
    }
    h4.Porcent_periodo{
        font-size: 14px !important;
    }
    #box_aporte_corazon #glosaSentPred {
        font-size: 15px !important;
    }
    #box_aporte_corazon #glosaSentPred #emocionSpan {
        font-size: 16px !important;
    }
    .box_datos_ejecutivo h2.nombre_ejec {
        font-size: 20px !important;
    }
    .cargo_ejec {
        font-size: 18px !important;
    }
    #NumRank{
        height: 75px !important;
        width: 75px !important;
    }
    #NumRank h2,#NumRank h3 {
        font-size: 25px !important;
    }
    #NumRank h3 {
        font-size: 20px !important;
    }
    #NumRank span{
        font-size: 14px !important;
    }
    .MedallaImg {
        width: 19px !important;
    }
    #T_opciones_feedbak .col1,#T_opciones_feedbak .col2 {
        vertical-align: middle;
    }
    .content {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    .box-body{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .box-body .row {
        padding: 0px 11px !important;
    }
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    .box{
        border-left: 1px solid #e7e7e7;
        border-top: 1px solid #e7e7e7;
    }
    #T_rankInterno{
        /*height: 346px;*/
        /* display: block; */
        /*overflow-y: scroll;*/
        /*background: #fff;*/
        padding: 0px 10px;
        /*border-left: 1px solid #ddd;*/
        overflow-x: hidden;
        position: relative;
        /*border-bottom: 0px;*/
        border-top: 0px;
        text-align: left;
    }
    .box_datos_ejecutivo .box-header{
        text-align: left !important;
    }
    #T_opciones_feedbak h2 label{
        margin-bottom: 0px;
    }
    .icheckbox_flat-red, .iradio_flat-red {
        vertical-align: top !important;
    }
    span.line_filtro_span{
        font-size: 10px;
    }
    #filtros .box-header .box-title span#filtro_span{
        letter-spacing: 1.2px !important;
    }
    span.line_filtro_span::before { content: '\A'; white-space: pre;}
    span.hasta_line_filtro_span::before { content: ''; white-space: normal;}

    #filtros .box-header .box-title span#filtro_span .filtro_id {
        font-size: 11px !important;
        padding: 5px 6px !important;
    }
    .Sig_pg_Verb, .Ant_pg_Verb{
        position: absolute;
    }
    #NumRank h2{
        padding-top: 0px !important;
        font-size: 41px !important;
    }
    .btn_rank_{
        width: 100% !important;
        font-size: 12px !important;
        margin-top: 2px;
    }
    #col_1_datos_ejecutivo{
        margin-bottom: 5px;
    }
    .box_datos_ejecutivo_2 .box-body{
        /*padding-left: 2px !important;*/
        /*padding-right: 2px !important;*/
    }
    .nube_componentes{
        border-right: 5px solid #fff !important;
        border-top: 5px solid #fff !important;
    }
    .nube_drivers{
        border-left: 5px solid #fff !important;
    }

    #modalRanking thead tr th, #modalRanking tbody tr td {
        font-size: 11px;
    }

    #modalCompEsp thead tr th,#modalCompEsp tbody tr td {
        font-size: 11px;
    }

    .Bloq_config {
        overflow-x: auto !important;
    }
    .box_oport_mejora
    {
      margin-top: 5px;
    }
    .box_oport_mejora .Bloq_driv_potenciar{
        margin-top: 0px;
    }

    .padding_11_Porcent_periodo{
        padding: 0px !important;
    }
    .Porcent_periodo{
        text-align: center !important;
    }
    #box_buenas_practicas .box-body .row .col_box_buenas_practicas .Ant_pg_Verb{
        left: 0px !important;
    }
    #box_buenas_practicas .box-body .row .col_box_buenas_practicas .Sig_pg_Verb{
        right: 3px !important;
    }
    #box_buenas_practicas .col_box_buenas_practicas table > tbody > tr > td {
        padding-bottom: 77px !important;
    }

    #box_colaborador_destacado .box-body .row .col_box_colaborador_destacado .Ant_pg_Verb{
        top: 50% !important;
        left: 0px !important;
    }
    #box_colaborador_destacado .box-body .row .col_box_colaborador_destacado .Sig_pg_Verb{
        top: 50% !important;
        right: 0px !important;
    }
    .img_CD {
        bottom: -58px !important;
    }

    #box_usabilidad_apm .box-body .row .col_box_usabilidad_apm h3,
    #box_like_unlike .box-body .row .col_box_like_unlike h3,
    #box_tasas_apm .box-body .row .col_box_tasa_apm h3{
        font-size: 19px;
        margin-top: 2px;
        margin-bottom: 0px;
    }
    .info_codif_top_elemt {
        float: inline-end !important;
        padding: 1px 15px !important;
        font-size: 11px !important;
    }
}
    .ocultar_calculo_seleccion{
        right: 0px !important;
    }
@media (max-width: 370px){
    .glosa_calculo_repre {
        color: #ed7d31;
        font-weight: 600;
        padding: 0px 2px !important;
        font-size: 11px !important;
        top: -41px !important;
    }
    #t_tVerbatims td{
        padding: 2px 3px;
    }
    #t_tVerbatims td .txt_rpt{
        font-size: 15px;
    }
    #t_tVerbatims{
        width: 99%;
    }
}
@media (max-width: 290px){
    .glosa_calculo_repre {
        padding: 0px 0px !important;
        font-size: 10px !important;
        top: -45px !important;
    }
}
.content_ficha_tecnica_pg2 h3{
    font-size: 22px;
}
.head_ficha_tec{
    font-size: 34px;
}
.highcharts-credits{
    display: none;
}
#Graf_Drivers .highcharts-label text{
    font-size: 19px !important;
}
.sub_rayado{
    text-decoration: underline;
}
.resaltador{
    background: #ffea00;
}
.text_bloque_hallaz{
    margin-left: 50px;
}
#ModalComentarios .btn-app{
    font-weight: 700;
    font-size: 16px;

}
.color_gris{
    color: #959595;
}
#parrafo_coment{
    padding: 5px;
}
.btn_pestana h2{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 26px;
}
.btn_pestana{
  text-align: center;
  border: 1px solid;
  width: 100%;
  float: left;
  border-color: #d2d6de;
  border-bottom-color: rgb(210, 214, 222);
  color: #000 !important;
  background: #ecf0f5;
  border-bottom: 0px;

  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.btn_pestana:hover{
  background: #ed7d31;
}
.btn_pestana.activo{
  background: #ed7d31;
}
.btn_pestana.activo:hover{
  background: #f29a5f;
}
.Tap_content{
  background: #ecf0f5;
  padding: 0px;
  border: 2px solid;
  border-top: 0px;
  border-color: #d2d6de;
  padding-top: 1px !important;
}
.Tap_content .box {
    border-top: 1.7px solid #d2d6de !important;
    margin-bottom: 0px;
}
.btn_rpt{
    height: 28px;
    width: 28px;
    border: 2px solid #000;
    border-radius: 100%;
    position: relative;
    padding-top: 0px;
    padding-left: 4px;
}
.btn_rpt .punto_medio{
    position: absolute;
    height: 16px;
    width: 16px;
    /*background: #000;*/
    border-radius: 100%;
    display: none;
    color: #000;
    font-size: 19px;
}
.btn_finalizar_e{
    height: 28px !important;
    width: 28px !important;
    border: 2px solid #000 !important;
    border-radius: 100% !important;
    position: relative !important;
    padding-top: 0px !important;
    padding-left: 4px !important;
}
.btn_finalizar_e .punto_medio{
    position: absolute;
height: 16px;
width: 16px;
/*background: #000;*/
border-radius: 100%;
display: none;
color: #000;
font-size: 19px;
}
.btn_final_encuesta{
    font-size: 20px;
    font-weight: 700;
}
.modal-backdrop.in {
    opacity: .2 !important;
}

#tabla_hallaz{
    width: 100%;
}
#tabla_hallaz thead{
    background: #C0D0E0;
    color: #636363;
}
#tabla_hallaz th{
    border: 1px solid #fff;
    padding: 5px;
    text-align: center;
}
#tabla_hallaz td{
    border: 1px solid #fff;
    padding: 5px;
    font-size: 16px;
}
#tabla_hallaz .cab_2{
    background: #cfd5ea;
color: #000;
}
#tabla_hallaz .cab_3{
    background: #e9ebf5;
    color: #000;
}
#content_hallazgos .highcharts-label text {
    font-size: 19px !important;
}
#Graf_Hallaz_3 .highcharts-label text{
    font-size: 14px !important;
}
.embed-container {
    position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
     max-width: 100%;
     height: auto;
}
.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

@media (max-width: 500px) {
    .content {
        padding-left: 0px;
        padding-right: 0px;
    }
    #content_hallazgos h2{
        font-size: 20px !important;
    }
    #content_hallazgos h3{
        font-size: 18px !important;
    }
    #content_hallazgos h4 {
        font-size: 15px;
    }
    .head_ficha_tec h1 {
        font-size: 24px;
    }
    .content_ficha_tecnica_pg1 h3, .content_ficha_tecnica_pg2 h3 {
        font-size: 18px;
    }
    .content_ficha_tecnica_pg1 h4, .content_ficha_tecnica_pg2 h4 {
        font-size: 15px;
    }
    .bloq_d_ficha {
        background: #fbe5d6;
        padding: 20px 2px;
    }
    .login_box_publico .form-control {
        width: 100%;
    }
    #content_hallazgos .img-responsive{
        max-width: 105%;
        margin-left: -5px;
    }
    .sin_padding_lat{
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    .hallazgos_pg1,.hallazgos_pg2,.hallazgos_pg3,.hallazgos_pg4,.hallazgos_pg5,.hallazgos_pg6,.hallazgos_pg7,.hallazgos_pg8,.hallazgos_pg9,.hallazgos_pg10,.hallazgos_pg11,.hallazgos_pg12,.hallazgos_pg13,.hallazgos_pg14,.hallazgos_pg15,.hallazgos_pg16{
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
}
.comp_parentesis{
    text-decoration: underline;
}
.tooltip.bottom{
    position: absolute !important;
    z-index: 999999;
}
.tooltip > .tooltip-inner {
    background-color: #e85b59 !important;
    font-size: 14px;
    overflow-wrap: break-word;
    }
.tooltip.top .tooltip-arrow{
    border-top-color: #e85b59 !important;
}
 .tooltip.left .tooltip-arrow{
    border-left-color: #e85b59 !important;
}
.tooltip.bottom .tooltip-arrow{
    border-bottom-color: #e85b59 !important;
}
.tooltip-inner {
    padding: 10px 16px !important;
    border-radius: 14px  !important;
}
#success_invitacion{
    display:none;position: static;text-align: center;
}

.modal_beige .modal-content{
    background: #fcf0d8 !important;
}
.modal_beige .modal-body{
    padding-top: 37px;
}
.img-responsive{
    display: inline;
}

.img_porcent_emo .porcent span{
    position: absolute;
    /*width: 100%;*/
}

.video_youtube{
    width: 100%;
    min-height: 450px;
}

.glosa_calculo_repre{
    display: none;
    padding-left: 20px;
    color: #ed7d31;
    font-weight: 600;
}
#tabla_hall_1 td{
   padding: 10px;
   border: 1px solid #fff;
}
#tabla_hall_1 .cell1{
    background: #ccdaee;
}
#tabla_hall_1 .cell2{
    background: #b8cde8;
    vertical-align: bottom;
}
#tabla_hall_1 .cell3{
    height: 150px;
    border-bottom: 0px;
    background: #a1bee2;
}
#tabla_hall_1 .cell4{
    background: #84aedc;
    vertical-align: bottom;
}
#tabla_hall_1 .cell5{
    background: #5591c7;
    vertical-align: bottom;
}#tabla_hall_1 .cell6{
    background: #5b9bd5;
    vertical-align: bottom;
}
#tabla_hall_1 .cell7{
    background: #a1bee2;
    vertical-align: bottom;
    border-top: 0px;
}
#tabla_hall_1 .cell8{
    background: #4e85b8;
    vertical-align: bottom;
}
#tabla_hall_1 .cell9{
    background: #4679a7;
    vertical-align: bottom;
}
#tabla_hall_1 .cell10{
    background: #3d6a93;
    vertical-align: bottom;
}

#tabla_hall_2{
    width: 100%;
}
#tabla_hall_2 td{
   padding: 10px;
   border: 1px solid #fff;
}
#tabla_hall_2 .cell1{
    background: #ccdaee;
    vertical-align: bottom;
}
#tabla_hall_2 .cell2{
    background: #a1bee2;
    vertical-align: bottom;
}
#tabla_hall_2 .cell3{
    background: #84aedc;
    vertical-align: bottom;
}
#tabla_hall_2 .cell4{
    background: #5591c7;
    vertical-align: bottom;
}

#tabla_hall_2 .cell5{
    border-bottom: 0px;
    background: #b8cde8;
    min-height: 20px;
    vertical-align: bottom;
}
#tabla_hall_2 .cell6{
    border-bottom: 0px;
    background: #5b9bd5;
    vertical-align: bottom;
}
#tabla_hall_2 .cell7{
    border-bottom: 0px;
    background: #4e85b8;
    vertical-align: bottom;
}#tabla_hall_2 .cell7 a{
    color:#fff !important;
}
#tabla_hall_2 .cell8{
    background: #4679a7;
    vertical-align: bottom;
}
#tabla_hall_2 .cell9{
    border-top:0px;
    background: #b8cde8;
    vertical-align: bottom;
}
#tabla_hall_2 .cell10{
     border-top:0px;
    background: #5b9bd5;
    vertical-align: bottom;
}
#tabla_hall_2 .cell11{
     border-top:0px;
    background: #4e85b8;
    vertical-align: bottom;
}
#tabla_hall_2 .cell12{
    background: #3d6a93;
    vertical-align: bottom;
}

#tabla_hall_3{
    width: 100%;
}
#tabla_hall_3 td{
    position: relative;
    border: 4px solid #cbcbcb;
}
#tabla_hall_3 h4{
    text-align: center;
}
#tabla_hall_3 .cell1 a{
    font-size: 18px;
    position: absolute;
    top: 10px;
    right: 10px;
}
#tabla_hall_3 .cell2 a{
    font-size: 18px;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
#tabla_hall_3 .cell1{
    height: 200px;
    background: #f7bf66;
}
#tabla_hall_3 .cell2 {
    height: 100px;
    background: #5ac594;
    position: relative;
}

#Tooltip_info_8, #Tooltip_info_7{
    position: relative !important;
}
#div_graf_9, .div_graf_10{
    position: relative;
}
.porcent span{
    min-width: 129px !important;
}
.meg_componentes{
    /*position: absolute;
    top: 38%;
    left: 20%;
    background: #f6f6f6;
    padding: 2px 14px;*/
    background: #f6f6f6;
    padding: 2px 14px;
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 100px;
    width: 261px;
    text-align: center;
}
.meg_componentes h4{
    font-weight: 600;
    font-size: 16px;
    color: #636262;
}

.box_datos_ejecutivo img{
    max-width: 120px;
}
.box_datos_ejecutivo h2.nombre_ejec{
    color: #444;
    margin-bottom: 0px;
    font-size: 34px;
}
.box_datos_ejecutivo h2.nombre_ejec a{
    font-size: 14px;
}
.box_datos_ejecutivo h4.sucursal_ejec{
    font-size: 17px;
    color: #746e6e;
    margin-top: 3px;
}
.box_graf .title_graf{
    font-weight: 700;
    color: #4472c4;
}
.box_graf .title_graf span{
    color: #548235;
}
.title_graf {
    font-weight: 700;
    color: #636363;
}

.drivers_btn_group{

}

.div_tap .btn_tap h2{
    background: #d45d5d;
    color: #fff;
    border: 1px solid #cfc2c2;
    margin-top: 0px;
}
.div_tap .btn_tap:hover h2{
    background: #cc3d3d;
}
.div_tap .btn_tap.activo h2{
    background: #cc3d3d;
    color: #fff;
}
.div_tap .btn_tap.activo:hover h2{
    background: #d45d5d;
    color: #fff;
}
.no_paddig_right{
    padding-right: 0px;
}
.no_paddig{
    padding: 0px;
}
.no_paddig_left{
    padding-left: 0px;
}


/*PANEL CODIFICADOR*/
#bloque_respuesta .lbl_1{
    margin-bottom: 0px;
}
#TComponentes{
    width: 100%;
    /*border: 1px solid #ccc;*/
    border-right: 0;
}
#TComponentes thead th{
    text-align: center !important;
    position: relative;
}
#TComponentes tbody{
    max-height: 50px;
    overflow: scroll;
}
#TComponentes tbody tr:hover{
    opacity: .96;
}
#TComponentes tbody td.td_indicador{
    font-weight: 700;
    text-align: center;
    width: 15px !important;
}
#TComponentes tbody td.td_comp{
    border-left: 2px solid #c9c6c6;
    border-right:  2px solid #c9c6c6;
    font-size: 12px;
    padding: 2px;
    background: #20212d;
    color: #acffff;
     /*width: 10%;*/
     width: 120px !important;
     height: 52px !important;
}
#TComponentes tbody td.td_comp div{
    position: relative;
  padding: 0px;
  padding-right: 14px;
}
#TComponentes tbody td.td_comp div .btn_edit_comp{
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 0px 2px;
    color: #fff;
    background: #0000004d;
}

#TComponentes tbody td.td_comp div .btn_delete_comp{
    display: none;
    position: absolute;
    top: 20px;
    right: 0px;
    padding: 0px 2px;
    color: #fff;
    background: #0000004d;
}

#TComponentes tbody td.td_comp div .btn_ver_comp_esp{
    display: none;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 0px 2px;
    color: #fff;
    background: #000;
}

#TComponentes_wrapper thead th div{
    position: relative;
    padding: 0px;
    padding-right: 11px;
}
#TComponentes_wrapper thead .btn_delete_driv,#TComponentes_wrapper thead .edit_driv{
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 0px 2px;
    color: #000;
    margin-top: -15px;
}
#TComponentes_wrapper thead .edit_driv{
    padding: 0px 15px !important;
}
#TComponentes_wrapper table.dataTable thead > tr > th{
    padding-right: 0px !important;
    text-align: center;
    width: 100px !important;
}
#TComponentes_wrapper table.dataTable thead > tr > th.col_numeral_driv{
    width: 15px !important;
}
#TRespuestas tbody tr.selected{
    background-color: #fcd7b8;
}

#TRespuestas tbody{
   display:block;
    /*height:120px;*/
    overflow:auto;
}
#TRespuestas thead, #TRespuestas tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
#TRespuestas thead {
    width: calc( 100% - 1em )
}

#TCodifica{
    width: 100%;
}

#TCodifica .form-control{
    font-size: 12px;
    height: 23px;
}

.td_final{
    text-align: center;
    font-size: 16px;
    color: #ec2e39;
}
.td_final .Add_comp{
    display: none;
    color: #3dcc3f;
}
#TComponentes .td_comp textarea{
    width: 100%;
    height: 40px;
    color: #000;
    font-size: 11px;
}
#TComponentes .td_comp .opcion,#TComponentes .td_comp .opcion_edit{
    width: 50%;
    float: left;
    text-align: center;
    font-size: 14px;
}
#TComponentes .td_comp .opcion .aceptar,#TComponentes .td_comp .opcion_edit .aceptar{
    color: #3dcc44;
}
#btn_new_driv{
    max-width: 100px;
    position: absolute;
    display: none;
    z-index: 9999;
}
.box_TComponentes:hover #btn_new_driv{
    display: block;
}
#box_rpts .pagination {
    margin: 0;
}
#box_rpts .box-body, #box_rpts #TRespuestas {
    height: 100%;
}
.row_codifica{
    display: none;
}
.btn_confirn_codifi_rpt{
    display: none;
}
.compSeleccionado{
    background: #4bcb55;
    color: #000;
}
a.btn_edit_comp{
    color: #fff;
}
a.btn_edit_comp:hover{
    color: #fff;
}
.mark_esp{
    position: relative;
    color: #6b6b6b !important;
}
.td_comp{
    /*background: rgb(32, 33, 45) !important;*/
    /*color: rgb(172, 255, 255) !important;*/
}
.del_comp_esp{
    position: absolute;
    top: -14px;
    font-size: 15px;
}
.del_comp_esp i{
    background: #000;
}
#select_comps{
    /*display: none;*/
}
#AsigCompEsp{
    /*display: none;*/
}
.bg-white{
    color: #000;
    background: #fff !important;
}

.sombras{
    -webkit-box-shadow: -11px 10px 5px -2px rgba(0,0,0,0.47);
    -moz-box-shadow: -11px 10px 5px -2px rgba(0,0,0,0.47);
    box-shadow: -11px 10px 5px -2px rgba(0,0,0,0.47);
}

.mark_tipo_coment_pos{
    border-left: 2px solid #0ab30c;
}
.mark_tipo_coment_neg{
    border-left: 2px solid #ff0303;
}
.mark_tipo_coment_neg_text{
    background: #ff0303 !important;
    vertical-align: middle !important;
    color: #ffffff;
    border-bottom-left-radius: 20px !important;
}
.mark_tipo_coment_pos_text{
    background: #0ab30c !important;
    vertical-align: middle !important;
    color: #ffffff;
    border-bottom-left-radius: 20px !important;
}
.div_duda{
  background: transparent !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 0 !important;
}
.subRaya_esp{
    border-bottom: 2px solid #12e3f3;
}
.content-wrapper_full{
    padding-top: 0px !important;
    margin-left: 0px !important;
}
#ui-datepicker-div{
    background: #fff;
    padding: 15px;
}
.ui-datepicker-calendar th{
    padding: 3px;
}
.ui-datepicker-header{
   background: #fcfcfc;
}
.ui-datepicker-header a{
    padding-right:8px;
}

.driver_list .btn-group{
    width: 100%;
}

.driver_list .box-header{
    background: #f9f9f9;
}
.driver_list .box{
    border-top: 0px solid #d2d6de;
}

.corazones_point .positivo{
    color: #e33d3d;font-size: 14px;
}
.corazones_point .negativo {
    color: #656565;
    font-size: 19px;
}
.rankMark td{
    background-color: #ffb7b7 !important;
}

.title_color_gris{
    color: #636363 !important;
}

.calculo_seleccion {
    /*background-color: #fff !important;*/
    padding: 0px 32px;
    margin-top: 0px;
    border: 0px solid #ededed;
    margin-bottom: 0px;
    display: flex;
    font-size: 15px;
    background-color: #e85b59 !important;
    border-radius: 16px;
    padding: 5px 10px;
    color: #fff;
    font-weight: 100;
    border-top: 4px solid #fff;
}
.calculo_seleccion h3{
    font-size: 15px !important;margin: 2px;
    color: #fff !important;
}

#Linea_tiempo {
  height: 5px;
  width: 100%;
}
#Linea_tiempo > svg {
  height: 100%;
  display: block;
}
#box_verbatims{
    overflow: scroll;
    overflow-x: hidden;
}
#box_verbatims .box_verbatims_feedback{
    overflow: scroll;
    overflow-x: hidden;
}
.box_verbatims_feedback .box-title span{
    font-size: 11px;
    font-weight: 700;
    color: #333;
}
#filtros .box {
    margin-top: 15px;margin-bottom: 0px;margin-bottom: 0px;
    padding: 12px 5px;
}

#box_TagCloud h4{
    margin-top: 1px;margin-bottom: 2px;
}
.box_aporte_corazon h3{
    color: #636262;
}

#BarraGeneralReload{
    position: fixed;
    top: 0;
    height: 5px;
    width: 100%;
    overflow: hidden;
    z-index: 999999;
}

#box_aporte_corazon, .box_datos_ejecutivo, .box_verbatims_feedback{
    /*display: none;opacity: 0;*/
}

#animacion_control{
    position: fixed;
left: 0px;
top: 0px;
}
#animacion_control .btn{
    padding: 6px 4px 3px;
}
#box_TagCloud .btn-group .btn{
    padding: 4px 3px;
}
.valCorazon_porcent{
    position: absolute;
    color: #e33d3d;
}
.valCorazon_porcent h4{
    font-size: 47px;
    font-weight: 700;
    color: #ccc;
}

@media (min-width: 200px){
    .valCorazon_porcent{
        top: 20%;
        left: 24%;
    }.valCorazon_porcent h4{
        font-size: 84px !important;
    }
}
@media (min-width: 600px){
    .valCorazon_porcent{
       top: 21%;
        left: 30%;
    }.valCorazon_porcent h4{
        font-size: 145px !important;
    }
    .box_aporte_corazon h4{
        font-size: 15px ;
        font-weight: 100;
        line-height: 1.1;
        color: inherit;
    }
    h4.Porcent_periodo{
        font-size: 11px !important;
    }
}
@media (min-width: 900px){
    .valCorazon_porcent{
        top: 36%;
        left: 36%;
    }.valCorazon_porcent h4{
        font-size: 145px !important;
    }
}
@media (min-width: 1000px){
    .valCorazon_porcent{
        top: 9%;
        left: 24%;
    }.valCorazon_porcent h4{
        font-size: 145px !important;
    }
}
@media (min-width: 1150px){
    .valCorazon_porcent {
        top: 3%;
        left: 20%;
        font-size: 27px;
    }
    .valCorazon_porcent h4{
        font-size: 36px !important;
    }
}
@media (min-width: 1550px){
    .box_datos_ejecutivo .content_sel_pos_neg, .box_datos_ejecutivo .content_cant_view_cloud {
        width: 95px !important;
    }
    .valCorazon_porcent{
        top: 13%;
        left: 23%;
    }.valCorazon_porcent h4{
        font-size: 56px !important;
    }
    #Corazon_porcent .mi_aporte {
        position: absolute;
        width: 152%;
        top: 60%;
        left: 124px;
    }
}
@media (min-width: 1800px){
    .box_datos_ejecutivo .content_sel_pos_neg, .box_datos_ejecutivo .content_cant_view_cloud {
        width: 95px !important;
    }
    .valCorazon_porcent{
        top: 13%;
left: 26%;
    }.valCorazon_porcent h4{
        font-size: 56px !important;
    }
    .col-lg-2_custom, .col-md-2_custom{
        width: 12.667% !important;
    }
}
@media (min-width: 2550px){
    .box_datos_ejecutivo .content_sel_pos_neg, .box_datos_ejecutivo .content_cant_view_cloud {
        width: 95px !important;
    }
    .valCorazon_porcent{
        top: 32%;
        left: 36%;
    }.valCorazon_porcent h4{
        font-size: 145px !important;
    }
    .col-lg-2_custom, .col-md-2_custom{
        width: 12.667% !important;
    }
}

/* Effect Rules */
.animate {
  -webkit-transition-properties: top opacity;
  -webkit-transition-duration: 0.5s;
}
.hide {
  opacity: 0;
}
.top {
  top: -30px;
}
.bottom {
  top: 30px;
}

.box_verbatims_feedback ul, .box_verbatims_feedback ul div{
    padding: 0;
    /*margin: 10px;*/
    /*height: 30px;*/
    list-style: none;

}
.box_verbatims_feedback ul {
  position: relative;
}

.box_verbatims_feedback ul div {
  top: 0;
  /*position: absolute;*/
  width: 100%;
}

.box_verbatims_feedback ul li{
    padding: 5px 0;
    border-bottom: 1px solid #f6f6f6;
    padding: 5px 11px;
}
.content-wrapper, .right-side {
    min-height: 100%;
    background-color: #d8d6d4 !important;
    z-index: 800;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
#Corazon_porcent{
    text-align: center;
    border-radius: 20px !important;
    background: #ebebeb;
}
#Corazon_porcent h3{
    margin-top: 0px;
    margin-bottom: 0px;
}
#Corazon_porcent .mi_aporte{
    font-size: 28px;

}
#Corazon_porcent .mi_aporte span{
    font-size: 32px;
}
#Corazon_porcent .meta_suc{
    font-size: 15px;
    background: #e85b59;
    border-radius: 20px;
    padding: 11px 10px;
    color: #fff;
    font-weight: 100;
}
#Corazon_porcent .meta_suc_act{
    font-size: 15px;
    background: #e85b59;
    border-radius: 20px;
    padding: 11px 10px;
    color: #fff;
    font-weight: 100;
}
#bloq_aportes_box_corazon{
    border-radius: 20px !important;
}
#box_aporte_corazon #glosaSentPred{
    font-size: 17px;
    /*color: #636262 !important;*/
    margin-top: 0px;
}

#box_aporte_corazon #glosaSentPred #emocionSpan{
    font-weight: 700;
    font-size: 17px;
    /*color: #636262 !important;*/
    float: none !important;
}


@media (min-width: 1700px){
    .box_datos_ejecutivo .content_sel_pos_neg, .box_datos_ejecutivo .content_cant_view_cloud {
        width: 95px !important;
    }
    #Corazon_porcent .mi_aporte{
        position: absolute;
        width: 148%;
        top: 57%;
        left: 124px;
    }
    .col-lg-2_custom, .col-md-2_custom{
        width: 12.667% !important;
    }
}
#BarrMetaPeriodo{
    /*height: 10px;*/
    margin: 4px;
    width: 100%;
    height: 11px;
    position: relative;
}
.LetrasMarkPorcent{
    color: #e33d3d;
}

.MedallaImg{
    width: 24px;
}
.decena{
    width: 24px;
}
.centena{
    width: 24px;
}
.cargo_ejec{
    font-size: 22px;
    margin-top: 0px;
    text-align: left;
}
.pos_relativo{
    position: relative;
}
#NumRank{
    margin-top: 15px;
    display: inline-block;
    padding: 0px 0px;
    border-radius: 100%;
    background: #e85b59;
    color: #fff;
    height: 106px;
    max-width: 106px;
    width: 100%;
    display: table;
    margin-right: auto;
    margin-left: auto;
}
#NumRank a{
    display: table-cell;
    vertical-align: middle;
}
#NumRank h2{
    margin: 0px;
    font-size: 51px;
    font-weight: 700;
    padding-top: 10px;
    position: relative;
}
#NumRank h2 span{
    color: #fff;
    text-decoration: none;
    position: absolute;
    bottom: -23px;
}
#NumRank h2 hr{
    margin-top: 0px;
    width: 50%;
}
#NumRank a span{
    font-size: 21px;
    /*text-decoration: underline;*/
}
#NumRank h3{
    margin-top: 0px;
}
#NumRank a{
    color: #fff;
    /*position: absolute;*/
    /*bottom: -19px;*/
    /*width: 100%;*/
    /*left: 0;*/
}
#NumRank a:hover{
    color: #fff;
    /*position: absolute;*/
    /*bottom: -19px;*/
    /*width: 100%;*/
    /*left: 0;*/
}
#NumRank span{
    position: relative;
    width: 100%;
    left: 0;
    bottom: -4px;
    color: #e33d3d;
    margin-top: 11px;
    font-size: 18px;
}
.glosaFeedPos{
    color: #e33d3d;
    font-weight: 700;
}
#T_opciones_feedbak{
    width: 100%;
}
#T_opciones_feedbak h3, #T_opciones_feedbak h2{
    margin: 3px 5px;
}
#T_opciones_feedbak h2 label{
    font-size: 15px;
}
#T_opciones_feedbak td{
    vertical-align: top;
}
.box-body .row{
    padding: 0px 20px;
}

.txt_driv_rpt{
    color: #fff;
    text-align: left;
    background: #e85b59;
    padding: 8px;
    border-radius: 25px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
}
.box_verbatims_feedback .box-title, .box_datos_ejecutivo_2 .box-title,.box_datos_ejecutivo .box-title, .box_aporte_corazon .box-title,.box_graf .box-title{
    font-size: 18px;
    color: #454545;
    font-weight: 700;
}
#T_opciones_feedbak{
    text-align: left;
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 1784px){
    #content_informe_personal .box_datos_ejecutivo .box-body .row{
        height: 90% !important;
    }
    #content_informe_personal .box_datos_ejecutivo .box-body .row #col_1_datos_ejecutivo .col_ranking_personal{
        margin-top: 29px;
    }

    #content_informe_personal #Corazon_porcent,
    #content_informe_personal #bloq_aportes_box_corazon,
    #content_informe_zonal #Corazon_porcent,
    #content_informe_zonal #bloq_aportes_box_corazon,
    #content_informe_sucursal #Corazon_porcent,
    #content_informe_sucursal #bloq_aportes_box_corazon{
        padding-top: 9px;
        padding-bottom: 9px;
    }

    #content_informe_sucursal .box_datos_ejecutivo_2 .box-body .row{
        height: 88% !important;
    }

    #content_informe_sucursal .box_datos_ejecutivo_2 .box-body .row #col_1_datos_ejecutivo,
    #content_informe_sucursal .box_datos_ejecutivo_2 .box-body .row #col_2_datos_ejecutivo
    {
        height: 100% !important;
    }

    #content_informe_estrategico .box_datos_ejecutivo .box-body{
        height: 100% ;
    }
    #content_informe_estrategico .box_datos_ejecutivo .box-body .row{
        height: 90%;
    }
    #content_informe_estrategico .box_datos_ejecutivo .box-body .row #col_1_datos_ejecutivo{
        height: 100%;
    }
    #content_informe_estrategico .box_datos_ejecutivo .box-body .row #col_1_datos_ejecutivo .col_ranking_personal{
        margin-top: 22px;
    }
}
@media (min-width: 1550px) and (max-width: 1784px) {
    .box_datos_ejecutivo .content_sel_pos_neg, .box_datos_ejecutivo .content_cant_view_cloud {
        width: 95px !important;
    }
    #Corazon_porcent .mi_aporte {
        position: relative;
        width: 187%;
    }
    .valCorazon_porcent {
        top: 7%;
        left: 19%;
    }
    .col-lg-2_custom, .col-md-2_custom{
        width: 12.667% !important;
    }
    #content_informe_personal .box_datos_ejecutivo .box-body .row{
        height: 85% !important;
    }
    #content_informe_personal .box_datos_ejecutivo .box-body .row #col_1_datos_ejecutivo .col_ranking_personal{
        margin-top: 21px;
    }

    #content_informe_personal #Corazon_porcent,
    #content_informe_personal #bloq_aportes_box_corazon,
    #content_informe_zonal #Corazon_porcent,
    #content_informe_zonal #bloq_aportes_box_corazon,
    #content_informe_sucursal #Corazon_porcent,
    #content_informe_sucursal #bloq_aportes_box_corazon{
        padding-top: 9px;
        padding-bottom: 9px;
    }

    #content_informe_sucursal .box_datos_ejecutivo_2 .box-body .row{
        height: 84% !important;
    }

    #content_informe_sucursal .box_datos_ejecutivo_2 .box-body .row #col_1_datos_ejecutivo,
    #content_informe_sucursal .box_datos_ejecutivo_2 .box-body .row #col_2_datos_ejecutivo
    {
        height: 100% !important;
    }

    #content_informe_estrategico #box_aporte_corazon .col_metas_cor,
    #content_informe_estrategico #box_aporte_corazon .row_at_wow_2_div{
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #content_informe_estrategico .box_datos_ejecutivo .box-body{
        height: 100% ;
    }
    #content_informe_estrategico .box_datos_ejecutivo .box-body .row{
        height: 90%;
    }
    #content_informe_estrategico .box_datos_ejecutivo .box-body .row #col_1_datos_ejecutivo{
        height: 100%;
    }
    #content_informe_estrategico .box_datos_ejecutivo .box-body .row #col_1_datos_ejecutivo .col_ranking_personal{
        margin-top: 22px;
    }
}
@media (min-width: 1300px) and (max-width: 1550px) {
    .box_datos_ejecutivo .content_sel_pos_neg, .box_datos_ejecutivo .content_cant_view_cloud {
        width: 95px !important;
    }
    .valCorazon_porcent h4{
        font-size: 48px;
    }
    #content_informe_estrategico #box_aporte_corazon .col_metas_cor,
    #content_informe_estrategico #box_aporte_corazon .row_at_wow_2_div{
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #content_informe_estrategico .box_datos_ejecutivo .box-body{
        height: 100% ;
    }
    #content_informe_estrategico .box_datos_ejecutivo .box-body .row{
        height: 90%;
    }
    #content_informe_estrategico .box_datos_ejecutivo .box-body .row #col_1_datos_ejecutivo{
        height: 100%;
    }
    #content_informe_estrategico .box_datos_ejecutivo .box-body .row #col_1_datos_ejecutivo .col_ranking_personal{
        margin-top: 22px;
    }
}
@media (min-width: 1430px) and (max-width: 1550px) {
    #content_informe_personal .box_datos_ejecutivo .box-body .row{
        height: 85% !important;
    }
    #content_informe_personal .box_datos_ejecutivo .box-body .row #col_1_datos_ejecutivo .col_ranking_personal{
        margin-top: 21px;
    }

    #content_informe_personal #Corazon_porcent,
    #content_informe_personal #bloq_aportes_box_corazon,
    #content_informe_zonal #Corazon_porcent,
    #content_informe_zonal #bloq_aportes_box_corazon,
    #content_informe_sucursal #Corazon_porcent,
    #content_informe_sucursal #bloq_aportes_box_corazon{
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    #content_informe_personal .box_datos_ejecutivo .box-body .row{
        height: 85% !important;
    }
    #content_informe_sucursal .box_datos_ejecutivo .box-body .row{
        height: 87% !important;
    }

    #content_informe_sucursal .box_datos_ejecutivo_2 .box-body .row #col_1_datos_ejecutivo,
    #content_informe_sucursal .box_datos_ejecutivo_2 .box-body .row #col_2_datos_ejecutivo
    {
        height: 100% !important;
    }

    #content_informe_estrategico #box_aporte_corazon .col_metas_cor,
    #content_informe_estrategico #box_aporte_corazon .row_at_wow_2_div{
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #content_informe_estrategico .box_datos_ejecutivo .box-body{
        height: 100% ;
    }
    #content_informe_estrategico .box_datos_ejecutivo .box-body .row{
        height: 90%;
    }
    #content_informe_estrategico .box_datos_ejecutivo .box-body .row #col_1_datos_ejecutivo{
        height: 100%;
    }
    #content_informe_estrategico .box_datos_ejecutivo .box-body .row #col_1_datos_ejecutivo .col_ranking_personal{
        margin-top: 22px;
    }

}

@media (min-width: 1262px) and (max-width: 1550px) {
    .valCorazon_porcent {
        top: 4%;
        left: 25%;
    }
    #BarrMetaPeriodo .progressbar-text{
        top: -56px !important;
    }
    #content_informe_personal .box_datos_ejecutivo .box-body .row{
        height: 87% !important;
    }
    #content_informe_personal .box_datos_ejecutivo .box-body .row #col_1_datos_ejecutivo .col_ranking_personal{
        margin-top: 21px;
    }

    #content_informe_personal #Corazon_porcent,
    #content_informe_personal #bloq_aportes_box_corazon,
    #content_informe_zonal #Corazon_porcent,
    #content_informe_zonal #bloq_aportes_box_corazon,
    #content_informe_sucursal #Corazon_porcent,
    #content_informe_sucursal #bloq_aportes_box_corazon {
        padding-top: 17px;
        padding-bottom: 17px;
    }

    #content_informe_sucursal .box_datos_ejecutivo_2 .box-body .row{
        height: 87% !important;
    }

    #content_informe_sucursal .box_datos_ejecutivo_2 .box-body .row #col_1_datos_ejecutivo,
    #content_informe_sucursal .box_datos_ejecutivo_2 .box-body .row #col_2_datos_ejecutivo
    {
        height: 100% !important;
    }

    #content_informe_estrategico #box_aporte_corazon .col_metas_cor,
    #content_informe_estrategico #box_aporte_corazon .row_at_wow_2_div{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    #content_informe_estrategico .box_datos_ejecutivo_2 .box-body .row{
        height: 87% !important;
    }

    #content_informe_estrategico .box_datos_ejecutivo_2 .box-body .row #col_1_datos_ejecutivo,
    #content_informe_estrategico .box_datos_ejecutivo_2 .box-body .row #col_2_datos_ejecutivo
    {
        height: 100% !important;
    }

    #content_informe_estrategico .box_datos_ejecutivo .box-body{
        height: 100% ;
    }
    #content_informe_estrategico .box_datos_ejecutivo .box-body .row{
        height: 90%;
    }
    #content_informe_estrategico .box_datos_ejecutivo .box-body .row #col_1_datos_ejecutivo{
        height: 100%;
    }
    #content_informe_estrategico .box_datos_ejecutivo .box-body .row #col_1_datos_ejecutivo .col_ranking_personal{
        margin-top: 22px;
    }

    #content_informe_estrategico .box_datos_ejecutivo .box-body .row #col_1_datos_ejecutivo,
    #content_informe_estrategico .box_datos_ejecutivo_2 .box-body .row #col_1_datos_ejecutivo{
        padding-left: 0px;
        padding-right: 0px;
    }
    #content_informe_estrategico .box_datos_ejecutivo .box-body,
    #content_informe_estrategico .box_datos_ejecutivo_2 .box-body{
        padding-right: 9px !important;
        padding-left: 9px !important;
    }
    #T_rankInterno{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .nombre_ejec{
        margin-bottom: 0px !important;
    }
}
@media (min-width: 990px) and (max-width: 1262px) {
    .valCorazon_porcent {
        top: 4%;
        left: 25%;
    }
    .valCorazon_porcent h4{
        font-size: 32px !important;
    }
    #Corazon_porcent{

    }

    #content_informe_personal .box_datos_ejecutivo .box-body{
        height: 100%;
    }
    #content_informe_personal .box_datos_ejecutivo .box-body .row{
        height: 89% !important;
    }
    #content_informe_personal .box_datos_ejecutivo .box-body .row #col_1_datos_ejecutivo{
        height: 100%;
    }
    #content_informe_personal .box_datos_ejecutivo .box-body .row #col_1_datos_ejecutivo .col_ranking_personal{
        margin-top: 21px;
    }
    #content_informe_zonal #Corazon_porcent,
    #content_informe_zonal #bloq_aportes_box_corazon{
        padding-top: 11px;
        padding-bottom: 11px;
    }
    #content_informe_zonal #col_1_datos_ejecutivo{
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    #content_informe_zonal #col_1_datos_ejecutivo .nombre_ejec{
        margin-bottom: 0px;
    }
    #content_informe_zonal .box_datos_ejecutivo_2 .box-body{
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    #content_informe_zonal .box_datos_ejecutivo_2 .box-body .row{
        padding-right: 11px !important;
        padding-left: 11px !important;
    }

    #content_informe_estrategico #box_aporte_corazon .col_metas_cor,
    #content_informe_estrategico #box_aporte_corazon .row_at_wow_2_div{
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #content_informe_estrategico .box_datos_ejecutivo_2 .box-body .row #col_1_datos_ejecutivo,
    #content_informe_estrategico .box_datos_ejecutivo_2 .box-body .row #col_2_datos_ejecutivo
    {
        height: 100% !important;
    }

    #content_informe_estrategico .box_datos_ejecutivo .box-body{
        height: 100% ;
    }
    #content_informe_estrategico .box_datos_ejecutivo .box-body .row{
        height: 90%;
    }
    #content_informe_estrategico .box_datos_ejecutivo .box-body .row #col_1_datos_ejecutivo{
        height: 100%;
    }
    #content_informe_estrategico .box_datos_ejecutivo .box-body .row #col_1_datos_ejecutivo .col_ranking_personal{
        margin-top: 22px;
    }
    #content_informe_estrategico .box_datos_ejecutivo .box-body .row #col_1_datos_ejecutivo,
    #content_informe_estrategico .box_datos_ejecutivo_2 .box-body .row #col_1_datos_ejecutivo{
        padding-left: 0px;
        padding-right: 0px;
    }
    #content_informe_estrategico .box_datos_ejecutivo .box-body,
    #content_informe_estrategico .box_datos_ejecutivo_2 .box-body{
        padding-right: 9px !important;
        padding-left: 9px !important;
    }
    #T_rankInterno{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .nombre_ejec{
        margin-bottom: 0px !important;
    }
}
@media (min-width: 990px) and (max-width: 1200px) {
    #content_informe_personal .box_datos_ejecutivo .box-body .row #col_1_datos_ejecutivo .col_ranking_personal{
        margin-top: 30px;
    }
    #content_informe_estrategico .box_datos_ejecutivo .box-body .row #col_1_datos_ejecutivo .col_ranking_personal{
        margin-top: 34px;
    }
    #content_informe_estrategico .box_datos_ejecutivo .box-body .row #col_1_datos_ejecutivo,
    #content_informe_estrategico .box_datos_ejecutivo_2 .box-body .row #col_1_datos_ejecutivo{
        padding-left: 0px;
        padding-right: 0px;
    }
    #content_informe_estrategico .box_datos_ejecutivo .box-body,
    #content_informe_estrategico .box_datos_ejecutivo_2 .box-body{
        padding-right: 9px !important;
        padding-left: 9px !important;
    }
    #T_rankInterno{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .nombre_ejec{
        margin-bottom: 0px !important;
    }


}
@media (min-width: 400px) {
    #NumRank{
        margin-bottom: 10px;
    }
}

@media (max-width: 1215px) {
    #Corazon_porcent .meta_suc {
        padding: 11px 3px !important;
    }
    #Corazon_porcent .meta_suc_act {
        padding: 11px 3px !important;
    }
}
@media (min-width: 900px) and (max-width: 1350px) {
    .col_emocion_left{
        text-align: center;
    }
    .col_emocion_right{
        text-align: center;
    }
    #box_graf_emociones_titulo{
        text-align: left;
    }
    #box_graf_emociones .col-lg-3, #box_graf_emociones .col-md-3{
        padding-right: 1px;
        padding-left: 1px;
    }
}
@media (min-width: 1350px) and (max-width: 1500px) {
    #box_graf_emociones .box-body{
        padding-right: 46px;
        padding-left: 46px;
    }
    #box_graf_emociones .col-lg-3, #box_graf_emociones .col-md-3{
        padding-right: 1px;
        padding-left: 1px;
    }
}
@media (min-width: 1500px) and (max-width: 1700px) {
    #box_graf_emociones .box-body{
        padding-right: 104px;
        padding-left: 104px;
    }
    #box_graf_emociones .col-lg-3, #box_graf_emociones .col-md-3{
        padding-right: 1px;
        padding-left: 1px;
    }
}
@media (min-width: 1700px) and (max-width: 2200px) {
    #box_graf_emociones .box-body{
        padding-right: 200px;
        padding-left: 200px;
    }
    #box_graf_emociones .col-lg-3, #box_graf_emociones .col-md-3{
        padding-right: 1px;
        padding-left: 1px;
    }
}
#ListPotenciar{
    list-style: none;
    padding-left: 12px;
    background: #e85b59;
    padding: 11px 10px;
    border-radius: 20px;
    margin-top: 5px;
}
#ListPotenciar li a{
    color: #fff !important;
}
#ListPotenciar li{
    font-size: 15px;
    font-weight: 100;
    line-height: 1.1;
    color: #fff;
}

.Bloq_driv_potenciar{
    float: left;
    width: 100%;
    background: #ebebeb;
    margin-top: 0px;
    border-radius: 25px;
    position: absolute;
    z-index: 999;
    max-width: 96%;
    display: none;
}

#T_rankInterno h4{
    font-size: 12px;
    font-weight: 100;
    text-align: center;
    margin: 2px 0px;
}
#T_rankInterno h4 i{
    font-size: 14px;
}
#T_rankInterno .pos{
    color: #e33d3d;
}
#T_rankInterno .nomb{
    text-align: justify;
    font-style: normal !important;
    font-size: 12px;
    color: #878787;
    margin-top: 0px;
    font-weight: 700;
}
#T_rankInterno{
    /*height: 346px;*/
    display: block;
    /*overflow-y: scroll;*/
    /*background: #fff;*/
    padding: 0px 10px;
    /*border-left: 1px solid #ddd;*/
    overflow-x: hidden;
    position: relative;
    /*border-bottom: 0px;*/
    border-top: 0px;
    text-align: left;
}

.box {
    box-shadow: 0px 0px 0px rgba(0,0,0,0) !important;
    /*#f6f9fb*/
}
.control_colors{
    position: fixed;
    top: 5px;
    right: 5px;
}
#T_rankInterno .neg{
    padding: 0px 6px;

}
#T_rankInterno .rank_nomb{
    padding-left: 7px;
}
#T_rankInterno .pos_neta{
    border-right: 2px solid #e33d3d;
    color: #e33d3d;
}

#lista img{
    /*display: block !important;*/
}

.bg_claro{
    background: #f0f0f04d;
}
.nube_componentes{
    border-left: 5px solid #fff !important;
}
.nube_drivers{
    border-right: 5px solid #fff !important;
}
.nube_componentes, .nube_drivers{
    background: #ebebeb;
    border-radius: 20px !important;
}
.nube_drivers, .nube_componentes{
    border: 0px solid #f8f8f8;
}

/*CORAZON*/
/* Animación con keyframe llamada "latidos" */
@keyframes latidos {
    from { transform: none; }
    20% { transform: scale(1.1); }
    40% { transform: scale(1.2); }
    to { transform: none; }
}



.corazon .texto{
    position: absolute;
    width: 100%;
    bottom: 35%;
    color: #333;
    font-size: 26px;
    text-align: center;
}

#svg-heart {
  top: 0;
  left: 0;
}

:root {
  --heart_speed: 0s
}

.corazon {
  position: relative;
  padding-top: (480 / 640) * 30%;
  margin: 0 auto;
  animation: latidos var(--heart_speed) infinite;
}
/*FIN CORAZON*/



.box_aporte_corazon h3 span{
    color: #e33d3d;
    float: right;
}
.text-left{
    text-align: left !important;
}

.modal-backdrop {
    background-color: #fff !important;
}
.modal {
    background: rgba(255, 255, 255, 0.46) !important;
}
.modal-content {
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.5) !important;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.5)  !important;;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #e33d3d !important;
    border-color: #e33d3d !important;
}
#T_opciones_feedbak h3{
    font-size: 15px;
}
#BarrRecompra{
    margin-top: 15px;
}
#BarrRecompra svg{
    box-shadow: 0px 0px 0px rgba(0,0,0,0) !important;
    border-radius: 6px;
}
.content_barr_peri{
    text-align: left;
}

.Glosas_Evolutivo{
    background: #e33d3d;
    text-align: center;
    color: #fff;
    padding: 14px 2px;
}
/*GESTION */
.ColorRojo{
    color: #e33d3d;
}
#Bloq_gestion #BG_Cabecera {
    background: #e33d3d;
    color: #fff;
    padding: 4px 23px !important;
}
#Bloq_gestion #BG_Cabecera h4{
    margin: 0px;
}
#Bloq_gestion label{
    font-size: 16px;
}
#Bloq_gestion .Bloq_config{
    padding: 10px 12px;
    margin-top: 5px;
    /* border: 3px solid #f0f0f0; */
    border-radius: 6px;
    background: #f8f8f8;
}
#Bloq_gestion .Bloq_config h4{
    margin: 0px;
    font-size: 16px;
}
.BGC_titulo{
    margin-bottom: 15px !important;
}
.label-danger, .modal-danger .modal-body {
    font-size: 12px !important;
}
#GestionColaborativa{
    overflow: scroll;
    overflow-x: scroll;
    /*overflow-x: hidden;*/
}

#GestionColaborativa .box-body{
    position: relative;
}

#listaGestRPT .row{
    padding: 6px 20px !important;
}
#listaGestRPT h4{
    font-size: 13px ;
}
#listaGestRPT .btn-default {
    border: 0px !important;
}
#listaGestRPT .btn{
    margin-top: 10px;
    border-radius: 25px;
}
#listaGestRPT .btn_felicitar{
    background: #e85b59;
    color: #fff;
}
#listaGestRPT .btn_capacitar{
    background: #626262;
    color: #fff;
}

#BloqueEmergenteGestion{

}
#listaGestRPT span{
    font-size: 15px;
    color: #004ce6;
}

#BloqueEmergenteGestion{
    display: none;
}
.closedEffect {
    max-height: 0 !important;
}
.openEffect{
    max-height: auto !important;
}
#Gestion_RPT .txt_rpt{
    text-align: justify;
    font-style: italic !important;
    /*font-size: 18px;*/
}
#Gestion_RPT .txt_rpt span{
    font-size: 16px;
    color: #002cec;
}

#Gestion_RPT .txt_rpt{
    padding: 0px 12px;
    margin-top: 5px;
    /*border: 3px solid #f0f0f0;*/
    /*border-radius: 6px;*/
    /*background: #f8f8f8;*/
    font-weight: 700;
}
#solucion_bloq{
    display: none;
}
.txt_para_eject{
    font-size: 16px !important;
    color: #878787;
    margin-bottom: 0px;
    font-weight: 100;
}
.txt_para_eject strong{
    font-weight: 100 !important;
}
.box_verbatims_personal .txt_para_eject{
    display: none !important;
}
#ComentCli_bloq{
    display: none;
}
.box_datos_ejecutivo_2{
    overflow: hidden;
}
.box_datos_ejecutivo_2 .box-body{
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0px;
}
.box_datos_ejecutivo_2 #T_opciones_feedbak{
    height: 100%;
}
.box_datos_ejecutivo_2 #T_opciones_feedbak td{
    border: 0px solid #f9e4e2;
    border-top: 0px solid #f3b1aa;
    border-bottom: 0px solid #f6f6f6;
    text-align: center;
    vertical-align: middle;
}
.box_datos_ejecutivo_2 #T_opciones_feedbak td .col1, .box_datos_ejecutivo_2 #T_opciones_feedbak td .col2{
    width: 33%;
}

#T_metas_cor{
    width: 100%;
}
#T_metas_cor{
    /*border: 2px solid #f6f6f6;*/
    /*background: #ebebeb;*/
    /*margin-bottom: 10px;*/
}
.row_Corazon_porcent div{
    /*background: #ebebeb;*/
}
.row_Corazon_porcent .corazon{
    background: transparent !important;
}
.row_at_wow_2 div{
    background: #ebebeb;
}
#T_at_wow_2{

    width: 100%;
}
.row_at_wow_2 .pos{
    font-size: 20px !important;
    color: #e85b59;
    font-weight: 700;
}
.padding_10{
    padding-top: 5px;
    padding-bottom: 5px;
}

.margin_5{
    margin-top: 5px;
    margin-bottom: 5px;
}

.box_verbatims_feedback .dataTables_paginate, #box_txt_like_unlike_val .dataTables_paginate, #box_txt_word_cloud .dataTables_paginate{
    display: none;
}
.box_verbatims_feedback .sorting_asc, #box_txt_like_unlike_val .sorting_asc, #box_txt_word_cloud .sorting_asc {
    display: none;
}
.loading_calculo_seleccion{
    display: none;
}


#barr_nav_informes{
    border-bottom: 1px solid #ececec;
    background: #f4eeed;
}
.btn_atras_informe{
    padding: 9px 5px;
}
.btn_atras_informe a{
    color: #fff !important;
    font-weight: 700;
    padding: 10px 10px;
    background: #cc3d3d;
}
.Logo_informes{
    margin-right: 25px;
}
#filtros .box-header .box-title span#filtro_span{
    font-size: 12px;
    letter-spacing: 0px;
    font-weight: 700;
    line-height: 28px;
}

#filtros .box-header .box-title span.flech_fil{
    font-size: 15px;
    color: #f1c115;
    font-weight: 700;
}

#filtros .box-header .box-title span#filtro_span .filtro_id{
    font-size: 13px;
    background: #5983c1;
    border-radius: 20px;
    padding: 5px 7px;
    color: #fff;
    font-weight: 100;
    margin-right: 13px;
    position: relative;
}
#filtros .box-header .box-title span#filtro_span .label-info{
    font-size: 100% !important;
    background-color: #fff !important;
    color: #454545 !important;
    letter-spacing: 0px !important;
}

#filtros .box-header .box-title span#filtro_span .line_filtro_span i{
    position: absolute;
    font-size: 29px;
    top: 0;
    color: #e85b59;
    right: -20px;
}

#BloqueEmergenteGestion .btn_atras_informe{
    padding: 0px 5px !important;
}

#BloqueEmergenteGestion .btn_atras_informe a.Cancelar_Gestion{
    padding: 2px 5px !important;
    background: #cc3d3d !important;
}

.box_verbatims_feedback .box-body #lista_length, #box_txt_like_unlike_val #lista_like_unlike_length, #box_txt_word_cloud #lista_word_cloud_length{
    display: none;
}


/*GRAFICA 1 NUEVA VERSION*/
@import 'https://code.highcharts.com/css/highcharts.css';
/*
#felicita_graf_1 .highcharts-color-2 {
    fill: #e85b59;
    stroke: #e85b59;

}
#felicita_graf_1 .highcharts-axis.highcharts-color-2 .highcharts-axis-line {
    stroke: #e85b59;
}
#felicita_graf_1 .highcharts-axis.highcharts-color-2 text {
    fill: #e85b59;
}
#felicita_graf_1 .highcharts-color-3 {
    fill: #c3c3c3;
    stroke: #c3c3c3;
}
#felicita_graf_1 .highcharts-axis.highcharts-color-3 .highcharts-axis-line {
    stroke: #c3c3c3;
}
#felicita_graf_1 .highcharts-axis.highcharts-color-3 text {
    fill: #c3c3c3;
}


#felicita_graf_1 .highcharts-yaxis .highcharts-axis-line {
    stroke-width: 0px !important;
}


#felicita_graf_1 .highcharts-color-0,.highcharts-color-1{
    fill: rgba(235,235,235,1);
}
#felicita_graf_1 .highcharts-xaxis{
  display: none;
}
#felicita_graf_1 .highcharts-point {
    stroke-width: 0px !important;
}
#felicita_graf_1 .highcharts-color-4{
  fill: #dfc174;
  stroke: #dfc174;
}
*/
/*GRAFICA (Experiencias de interacción - IE) NUEVA VERSION*/
/*#felicita_graf_2 highcharts-color-0 {
    fill: rgb(231, 231, 231);
    stroke: rgb(231, 231, 231);
}
#felicita_graf_2 .highcharts-axis.highcharts-color-0 .highcharts-axis-line {
    stroke: rgb(231, 231, 231);
}
#felicita_graf_2 .highcharts-axis.highcharts-color-0 text {

}
#felicita_graf_2 .highcharts-color-1 {
    fill: #e85b59;
    stroke: #e85b59;
}
#felicita_graf_2 .highcharts-axis.highcharts-color-1 .highcharts-axis-line {
    stroke: #e85b59;
}
#felicita_graf_2 .highcharts-axis.highcharts-color-1 text {

}


#felicita_graf_2 .highcharts-color-2 {
    fill: #c3c3c3;
    stroke: #c3c3c3;
}
#felicita_graf_2 .highcharts-axis.highcharts-color-2 .highcharts-axis-line {
    stroke: #c3c3c3;
}
#felicita_graf_2 .highcharts-axis.highcharts-color-2 text {

}

#felicita_graf_2 .highcharts-color-3 {
    fill: #5983c1;
    stroke: #5983c1;
}
#felicita_graf_2 .highcharts-axis.highcharts-color-3 .highcharts-axis-line {
    stroke: #5983c1;
}
#felicita_graf_2 .highcharts-axis.highcharts-color-3 text {

}

#felicita_graf_2 .highcharts-yaxis .highcharts-axis-line {
    stroke-width: 0px;
}*/


#BarrMetaPeriodo svg{
    border-radius: 6px;
}

.td_meta_val{
    padding: 4px 10px;
    padding-right: 0px;
}
.td_meta_val h4{
    font-weight: 700;
    color: #e85b59;
}
.td_meta_val{
        min-width: 54px;
    }


.GlosaAporte{
    font-size: 15px !important;
    font-weight: 100 !important;
    color: #454545 !important;
    text-align: center;
}
#glosaSentPred{
    font-size: 15px !important;
    font-weight: 100 !important;
    color: #454545 !important;
    text-align: center;
}

.padding_15_0{
    padding: 15px 0px;
}

.box_verbatims_feedback .table > tbody > tr > td{
    border-top: 0px solid #f4f4f4 !important;
}
.Rpt_content{
    padding: 2px 10px;
    background: #ebebeb;
    border-radius: 25px;
}
.box_verbatims_feedback .pagination > li > a,.box_verbatims_feedback .pagination > li > a:hover{
    background: transparent;
    line-height: 0;
    font-size: 49px;
    margin-top: -15px;
    color: #e85b59;
}
.box_verbatims_feedback .pagination > li > a,.box_verbatims_feedback .pagination > li > span{
    border: 0px solid #ddd !important;
    line-height: 0;
}
.Resumen_bloque_1{
    background: #ebebeb;
    border-radius: 25px;
    padding: 10px;
}
.glosas_resumen{
    font-size: 18px;
    background: #e85b59;
    border-radius: 20px;
    padding: 11px 10px;
    color: #fff;
    font-weight: 100;
}

.glosas_resumen_val{
    font-size: 15px;
    background: #e85b59;
    border-radius: 20px;
    padding: 11px 10px;
    color: #fff;
    font-weight: 100;

    max-width: 54px;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.icheckbox_flat-red, .iradio_flat-red {
    /*background: url(../img/red.png) no-repeat !important;*/
}
.Bloq_driv_potenciar h4{
    font-size: 15px;
    background: #e85b59;
    border-radius: 20px;
    padding: 11px 10px;
    color: #fff;
    font-weight: 100;
}
#col_1_datos_ejecutivo {
    background: #ebebeb;
    padding: 10px 10px;
    border-radius: 25px;
    border-right: 5px solid #fff;
}
#col_2_datos_ejecutivo{
    background: #ebebeb;
    padding: 10px 10px;
    border-radius: 25px;
    border-left: 5px solid #fff;
}
#col_1_datos_ejecutivo .nombre_ejec,#col_1_datos_ejecutivo .nombre_ejec .LetrasMarkPorcent{
    font-size: 20px;
    color: #454545;
    font-weight: 700;
    /* text-align: left; */
    margin-top: 7px;
}

.btn_rank_{
    width: 100%;
    float: left;
    color: #fff !important;
    background: #e85b59;
    padding: 8px;
    border-radius: 25px;
    font-size: 16px;
    font-weight: 100;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 700;
    margin-top: 10px;
}

#filtros .span_txt_filtros{
    margin-left: 38px;
    font-size: 13px;
    background: #e85b59;
    border-radius: 20px;
    padding: 5px 7px;
    color: #fff;
    font-weight: 100;
    margin-right: 13px;
    position: relative;
}

#boton_atras{
    position: absolute;
    font-size: 72px;
    top: -20px;
    color: #e85b59;
}

.padding_11{
    padding: 11px 0;
}
#TComponentes .td_comp span{
    word-break: break-all;
}
.fila_final td{
    height: 25px
}
.hig_legend h4{
    font-size: 11px;
    margin: 0;
}
.hig_legend h4 span{
    display: initial !important;
    border-radius: 105px;
    padding: 0px 5px;
    margin-right: 2px;
    font-size: 8px !important;
}
.hig_legend h4 span.label_wow{
    background-color: #e85b59 !important;
}
.hig_legend h4 span.label_malas_exp{
    background-color: #c3c3c3 !important;
}
.hig_legend h4 span.label_buenas_exp{
    background-color: #5983c1 !important;
}
.hig_legend h4 span.label_recompra_exp{
    background-color: #f3c82e !important;
}
.hig_legend h4 span.label_recomend_exp{
    background-color: #b5db62 !important;
}
/*SELECT CLOUD*/
/*the container must be positioned relative:*/
.content_cant_view_cloud {
  position: relative;
  font-family: Arial;
}
.content_cant_view_cloud select {
  display: none !important; /*hide original SELECT element:*/

}
.select-selected {
  background-color: #5983c1;
  border-radius: 15px;
}
/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 0px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}
/*style items (options):*/
.select-items {
  position: absolute;
  border-radius: 10px;
  background-color: #5983c1;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}
.select-items div:hover {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.nube_drivers h4 span, .nube_componentes h4 span{
    font-size: 15px;
    background: #e85b59;
    border-radius: 20px;
    padding: 5px 10px;
    color: #fff;
    font-weight: 100;
}

#T_metas_cor .meta_suc,#T_metas_cor .mi_aporte,#T_metas_cor .meta_suc_act{
    font-size: 15px;
    background: #e85b59;
    border-radius: 20px;
    padding: 11px 10px;
    color: #fff;
    font-weight: 100;
    text-align: center;
}
.col_metas_cor{
    border-radius: 20px !important;
    background: #ebebeb;
}
.row_at_wow_2{
    margin-top: 15px;
}
.row_at_wow_2_div{
    border-radius: 20px !important;
}
#txt_Porcent_recompra{
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #454545 !important;
    text-align: center;
    margin-top: 0px;
}
#txt_Porcent_lealtad{
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #454545 !important;
    text-align: center;
    margin-top: 0px;
}
#Grafica_recompra_driv .highcharts-axis.highcharts-xaxis{
    display: none;
}
#Grafica_recompra_driv .highcharts-grid-line{
    display: none;
}

/*GESTOR EXP*/
#T_list_gestion_rpt thead th{
    text-align: center;
}
#T_list_gestion_rpt thead th div{
    font-size: 13px;
    background: #5983c1;
    border-radius: 20px;
    padding: 10px 8px;
    color: #fff;
    font-weight: 100;
    margin-right: 13px;
    position: relative;
    vertical-align: middle;
    text-align: center;
    max-width: 143px;
    margin-left: auto;
    margin-right: auto;
}

#T_list_gestion_rpt thead th span{
    color: #fff;
}
#T_list_gestion_rpt tbody tr{
    border-bottom: 2px solid #d5d5d5;
}
#T_list_gestion_rpt tbody tr td{
    text-align: center;
}
#T_list_gestion_rpt tbody tr td .txt_driv_rpt{
 text-align: center !important;
}
#T_list_gestion_rpt .btn-group-xs > .btn, .btn-xs{
    padding: 18px 0px;
    margin-top: 0px;
}
.col_datos_gestion table{
    width: 100%;
}
.col_datos_gestion table tr{
    border: 0px;
}
.col_datos_gestion table td{
    padding: 0px;font-size:13px;border:0px;
}
#modalRanking .modal-content, #modalPreviewMails .modal-content, #modalCapacitacion .modal-content {
    border-radius: 25px;
    box-shadow: 2px 2px 3px rgba(225, 225, 225, 0.5) !important;
}
#modalRanking .modal-header{
    border-bottom: 0px solid #e5e5e5 !important;
}
#modalRanking .table-bordered {
    border: 0px solid #f4f4f4;
}
#modalRanking .table-bordered > thead > tr > th, #modalRanking .table-bordered > thead > tr > td {
    border-bottom-width: 0px !important;
}
#modalRanking .table-bordered > thead > tr > th, #modalRanking .table-bordered > tbody > tr > th, #modalRanking .table-bordered > tfoot > tr > th,
#modalRanking .table-bordered > thead > tr > td,
#modalRanking .table-bordered > tbody > tr > td,
#modalRanking .table-bordered > tfoot > tr > td {
    border: 0px solid #f4f4f4 ;
}
#modalRanking #T_ranking{
    position: relative;
}
#modalRanking thead tr{
    width: 100%;
    position: absolute;
    color: #fff;
    text-align: left;
    background: #e85b59;
    padding: 2px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
}
#modalRanking thead tr th{
    width: 31.666666%;
    vertical-align: top;
}
#modalRanking thead{
    height: 56px;
        display: block;
}
#modalRanking .col_numeral{
    width: 5%;
}

#modalRanking tbody tr .col_info{
    width: 19%;
    vertical-align: top;
    border-left: 2px solid #e85b59 !important;
}
#modalRanking table.dataTable thead > tr > th.sorting{
    width: 19% !important;
    padding-right: 0px;
}
#modalRanking tbody tr{
    background: #fff ;
}
#modalRanking .modal-footer .btn-default{
    border-radius: 25px !important;
    color: #fff;
    text-align: left;
    background: #e85b59;
    padding: 8px;
    border-radius: 25px;
    font-size: 15px;
    letter-spacing: 1px;
    border: 0px;
    font-weight: 100;
}
#modalRanking #T_ranking_info, #modalRanking #T_ranking_length label{
    font-weight: 100;
}

/*select ranking*/

#modalRanking #T_ranking_length .styled-select {
   background: url(http://eolmail.cl/apm/dist/img/flec_select.png) no-repeat 96% 50%;
   overflow: hidden;
   /*width: 240px;*/
   width: 62px;
    height: 23px;
    float: left;
}

#modalRanking #T_ranking_length .styled-select select {
   background: transparent !important;
   padding-top: 2px !important;
   border: none;
   font-size: 14px;
   color: #e85b59;
   font-weight: 700;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   /*width: 268px;*/
   -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    line-height: 14px;
}
#modalRanking #T_ranking_length .styled-select select:focus {
    outline: none;
}
#modalRanking #T_ranking_length .rounded {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}
#modalRanking #T_ranking_length .black   { background-color: #d8d6d4; }

.styled-select{
    margin-top: -3px;
    margin-right: 5px;
    margin-left: 5px;
}

#T_ranking_paginate ul.pagination li.paginate_button a, #T_ranking_paginate ul.pagination li.T_ranking_ellipsis a{
    z-index: 2;
    color: #757575;
    background-color: #d8d6d4;
    border: 0px solid #ddd;
    padding: 3px 6px;
    font-size: 13px;
}
#T_ranking_paginate ul.pagination li.paginate_button.active a{
    background-color: #d8d6d4 !important;
    color: #e85b59;
    font-weight: 700;
}
#T_ranking_paginate ul.pagination li#T_ranking_previous a{
    /*margin-right: 7px;*/
    background-color: transparent;
    font-size: 36px;
    color: #e85b59;
    vertical-align: top;
    margin-top: -19px;
}
#T_ranking_paginate ul.pagination li#T_ranking_next a{
    /*margin-left: 7px;*/
    background-color: transparent;
    font-size: 36px;
    color: #e85b59;
    vertical-align: top;
    margin-top: -19px;
}

#T_ranking_paginate ul.pagination [data-dt-idx~="1"]{
    border-top-left-radius: 13px;
    border-bottom-left-radius: 13px;
}
#T_ranking_paginate ul.pagination [data-dt-idx~="7"]{
    border-top-right-radius: 13px;
    border-bottom-right-radius: 13px;
}

#T_ranking tbody tr.rankMark td:first-child { border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
#T_ranking tbody tr.rankMark td:last-child { border-top-right-radius: 20px; border-bottom-right-radius: 20px;}

#nube_drivers .highcharts-background, #nube_componentes .highcharts-background, #graf_relevancia_ut .highcharts-background{
    fill: #ebebeb !important;
}

#nube_drivers .highcharts-point:hover, #nube_componentes .highcharts-point:hover{
    opacity: .8;
}
#nube_drivers .highcharts-series, #nube_componentes .highcharts-series{
    cursor: pointer;
}


#pantalla_2,#pantalla_3{
    z-index: 888;
}



#Mover_driv_panel, #Mover_codif_panel, #Mover_rpts_panel, #Mover_uni_t, #Mover_controles{
   top: -5px;
    position: absolute;
    right: 2px;
    z-index: 99999;
}

.mark_sugerencia{
    border-bottom: 2px solid #12e3f3;
}

.txt_selection_movil{
    position: absolute;
    /*background-color: #ececec !important;*/
    /*color: #333 !important;*/
    font-weight: 500;
    -webkit-box-shadow: 2px 2px 3px -1px rgba(130,130,130,1);
    -moz-box-shadow: 2px 2px 3px -1px rgba(130,130,130,1);
    box-shadow: 2px 2px 3px -1px rgba(130,130,130,1);
    font-size: 12px;
    cursor: pointer;
}
.lbl_selection_movil{
    position: absolute;
}
.td_comp.hovering{
    background: #333441 !important;
    border-color: #c9c6c6;
    border-left: 2px solid #c9c6c6;
    border-right: 2px solid #c9c6c6;
}


.UnidadT{
    font-size: 12px !important;
    height: 29px !important;
}

.edit_driv_cab{
    background: #fff;
    border: 1px solid #dadada;
    padding: 3px 5px;
}





#modalCompEsp .modal-content{
    border-radius: 25px;
    box-shadow: 2px 2px 3px rgba(225, 225, 225, 0.5) !important;
}
#modalCompEsp .modal-header{
    border-bottom: 0px solid #e5e5e5 !important;
}
#modalCompEsp .table-bordered {
    border: 0px solid #f4f4f4;
}
#modalCompEsp .table-bordered > thead > tr > th, #modalCompEsp .table-bordered > thead > tr > td {
    border-bottom-width: 0px !important;
}
#modalCompEsp .table-bordered > thead > tr > th, #modalCompEsp .table-bordered > tbody > tr > th, #modalCompEsp .table-bordered > tfoot > tr > th,
#modalCompEsp .table-bordered > thead > tr > td,
#modalCompEsp .table-bordered > tbody > tr > td,
#modalCompEsp .table-bordered > tfoot > tr > td {
    border: 0px solid #f4f4f4 ;
}
#modalCompEsp #T_comp_Esp{
    position: relative;
}
#modalCompEsp thead tr{
    width: 100%;
    position: absolute;
    color: #fff;
    text-align: left;
    background: #e85b59;
    padding: 2px;
    border-radius: 25px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
}
#modalCompEsp thead tr th{
    width: 31.666666%;
    vertical-align: top;
}
#modalCompEsp thead{
    height: 56px;
        display: block;
}
#modalCompEsp .col_numeral{
    width: 5%;
}

#modalCompEsp tbody tr .col_info{
    width: 31.666666%;
    vertical-align: top;
    border-left: 2px solid #e85b59 !important;
}

/*#modalCompEsp tbody tr{
    background: #fff ;
}*/
#modalCompEsp .modal-footer .btn-default,#modalEditCompEsp .modal-footer .btn-default, #modalMigrarCompEsp .modal-footer .btn-default{
    border-radius: 25px !important;
    color: #fff;
    text-align: left;
    background: #e85b59;
    padding: 8px;
    border-radius: 25px;
    font-size: 15px;
    letter-spacing: 1px;
    border: 0px;
    font-weight: 100;
}
#modalCompEsp #T_comp_Esp_info, #modalCompEsp #T_comp_Esp_length label{
    font-weight: 100;
}

/*select ranking*/

#modalCompEsp #T_comp_Esp_length .styled-select {
   background: url(http://eolmail.cl/apm/dist/img/flec_select.png) no-repeat 96% 50%;
   overflow: hidden;
   /*width: 240px;*/
   width: 62px;
    height: 23px;
    float: left;
}

#modalCompEsp #T_comp_Esp_length .styled-select select {
   background: transparent !important;
   padding-top: 2px !important;
   border: none;
   font-size: 14px;
   color: #e85b59;
   font-weight: 700;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   /*width: 268px;*/
   -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
}
#modalCompEsp #T_comp_Esp_length .styled-select select:focus {
    outline: none;
}
#modalCompEsp #T_comp_Esp_length .rounded {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}
#modalCompEsp #T_comp_Esp_length .black   { background-color: #d8d6d4; }

.skin-blue .content-header{
    padding: 5px 15px 5px 15px;
    -webkit-box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.33);
    -moz-box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.33);
    box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.06);
    background: #e47467;
}
.skin-blue .content-header h1{
    color: #fff!important;
}
.content-header h3{
    color: #fff !important;
    margin-top: 0px;
    margin-bottom: 1px;
}
.btn-twitter {

    color: #fff;
    background-color: #55acee;
    border-color: rgba(0,0,0,0.2);

}

.fijar_elementos{
    position: absolute;

bottom: 0;

right: 0;
}


.box_TComponentes .box-body{
    position:relative;
}


.olvidar_elementos{
    position: absolute;

bottom: 0;

right: 251px;
}


#modalMigrarCompEsp .panel-heading{
    background: #e85b59 !important;
    color: #fff;
    border-color: #dedede !important;

}

#modalMigrarCompEsp .panel-heading h3{
   text-align: center;
}

#modalMigrarCompEsp .panel-default{
    /*border-color: #f0f0f0 !important;*/
    border: 2px solid #f0f0f0  !important;
}

#modalMigrarCompEsp .panel-body h4{
    text-align: center;
    color: #575757;
}

#Pantalla_1 .box{
    z-index: 99999;
}

.selectize-dropdown-content {
    background: #fff;

}

.selectize-dropdown .optgroup-header {
    color: #fff !important;
    background: #e65645 !important;
}

.coordenadas{
    position: absolute;
    top: -8px;
    font-size: 11px;
    left: 0px;
    background: #fff;
}

.coordenadas_driv{
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    position: absolute;
    top: -8px;
    font-size: 11px;
    left: 0px;
    background: #fff;
}

i.str_red{
    color: #119903 !important;
    font-style: normal;
    font-weight: 700;
}

.txt_selection_movil_y{
    background: #03c921 !important;
    color: #fff !important;
}
.txt_selection_movil_n{
    background: #cb2525 !important;
    color: #fff !important;
}

/*PARA BBZ*/
#div_regiones,
#div_estudio,
#div_zonas,
#div_segmento,
.regiones_line_filtro_span, .estudio_line_filtro_span, .segmento_line_filtro_span,
.zonas_line_filtro_span{
    display: none;
}

#sel_pos_neg{
    display: none;
}
.ps > .ps__rail-x, .ps > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y{
    opacity: 1 !important;
}

#Gestion_RPT .txt_rpt{
    word-break: break-all;
}

.box-subtitle{
    font-size: 12px;
    margin-top: 0px;
}



.historial_feedback .box_verbatims_feedback .box-header{
    padding-bottom: 6px;
    padding-top: 15px;
}
.historial_feedback .box_verbatims_feedback .box-body{
    padding-top: 0px;
}

.historial_feedback .box_verbatims_feedback .box-body #lista, #box_txt_like_unlike_val #lista_like_unlike, #box_txt_word_cloud #lista_word_cloud{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.historial_feedback .box_verbatims_feedback .box-body #lista .txt_driv_rpt, #box_txt_like_unlike_val #lista_like_unlike .txt_driv_rpt, #box_txt_word_cloud #lista_word_cloud .txt_driv_rpt{
    margin-top: 0px !important;
}

.historial_feedback .box_verbatims_feedback .box-body .Ant_pg_Verb, #box_txt_like_unlike_val .Ant_pg_Verb {
    font-size: 49px;
    margin-top: -15px;
    color: #e85b59;
    position: absolute;
    top: 59px;
    left: 7px;
}
.historial_feedback .box_verbatims_feedback .box-body .Sig_pg_Verb, #box_txt_like_unlike_val .Sig_pg_Verb {
    font-size: 49px;
    margin-top: -15px;
    color: #e85b59;
    position: absolute;
    top: 59px;
    right: 7px;
}
#box_txt_word_cloud .Ant_pg_Verb{
    font-size: 49px;
    margin-top: -15px;
    color: #e85b59;
    position: absolute;
    top: 150px !important;
    left: 2px !important;
}
#box_txt_word_cloud .Sig_pg_Verb{
    font-size: 49px;
    margin-top: -15px;
    color: #e85b59;
    position: absolute;
    top: 150px !important;
    right: 2px !important;
}
.box_oport_mejora .historial_feedback .box_verbatims_feedback .box-body .Sig_pg_Verb,
.box_oport_mejora .historial_feedback .box_verbatims_feedback .box-body .Ant_pg_Verb{
    top: 103px;
}
.historial_feedback .box_verbatims_feedback .box-body{

}
.box_historial{
    /*overflow-y: scroll;*/
}

.txt_explicativo_oport_mejora {
    text-align: justify;
    font-size: 14px;
    color: #7e7b7b;
    font-weight: 100;
    margin-bottom: 13px;
}
.txt_explicativo_oport_mejora span{
    font-weight: 700;
    color: #e85b59;
}
.box_oport_mejora{
    /*overflow-y: scroll;*/
}
#box_aporte_corazon .box-header, .box_datos_ejecutivo .box-header, #box_usabilidad_apm .box-header, #box_like_unlike .box-header, #box_capacitacion_v2 .box-header{
    padding-bottom: 0px !important;
}
#felicita_graf_2 .highcharts-container{
    /*margin-top: -38px;*/
}

.box_historial .box-header{
    padding-bottom: 0px;
}

.box_historial .box-body{
    padding-top: 0px;
}
.box_historial .box_verbatims_feedback{
    margin: 0px 0px 0px !important;
}
.box_historial .box_verbatims_feedback .table > tbody > tr > td{
    padding-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
}
.box_historial .box_verbatims_feedback .table > tbody > tr > td .txt_driv_rpt{
    margin-bottom: 1px !important;
}

#GrafRecompra{

}
.col_leyenda_tipo_de_exp{
    padding: 0;
}


.PanelEmocion .panel-body, .PanelEmocion, #Grafica_emociones_titulo{
    max-width: 201px;
}

/*GRAFICA EMOCIONES*/
.PanelEmocion, #Grafica_emociones_titulo{
    margin-bottom: 2px !important;
}
@media (max-width: 500px){
    #txt_Porcent_recompra{
        font-size: 12px !important;
        margin-top: 0px;
    }
    #txt_Porcent_lealtad{
        font-size: 12px !important;
        margin-top: 0px; 
    }
    #box_graf_emociones_titulo h3.box-title{
      font-size: 22px !important;
    }
    .PanelEmocion, #Grafica_emociones_titulo{
      max-width: 153px;
      max-height: 153px;
      margin-bottom: 1px;
    }
    .col_emocion{
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .GrafEmocionNombre {
      bottom: -5px !important;

    }
    .GrafEmocionPorcentaje {
      top: -8px !important;
      font-size: 21px !important;
    }
    .box_graf_emociones{
      background: #ebebeb !important;
    }
    #Grafica_emociones_titulo{
      background: #ebebeb !important;
    }
    #box_graf_emociones .box-body{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .col_emocion_left{
      /*padding-left: 18px !important;*/
      padding-right: 0px !important;
      justify-content: flex-end !important;
    }
    .col_emocion_right{
      padding-left: 0px !important;
      justify-content: flex-start !important;
    }
    .box_graf_emociones{
      height: auto !important;
    }
  }


  /*ANIMACION GRAF EMOCIONES*/
@keyframes acercamiento {
    from { transform: scale(0.4); }
    50% { transform: scale(1); }
    to { transform: scale(1); }
}
@keyframes acercamiento_left {
    from { transform: scale(0.4) translate(0px, 0px);}
    50% { transform: scale(1) translate(-40px, 0px);}
    to { transform: scale(1) translate(-40px, 0px);}
}
@keyframes acercamiento_rigth {
    from { transform: scale(0.4) translate(0px, 0px);}
    50% { transform: scale(1) translate(40px, 0px);}
    to { transform: scale(1) translate(40px, 0px);}
}
.PanelEmocion .panel-body img{
  position: relative;
  margin: 0 auto;
  /*animation: acercamiento 14s infinite;*/
}
.GrafEmocionPorcentaje{
  /*animation: acercamiento 14s infinite;*/
}
.animacion_acercamiento{
  animation: acercamiento 14s infinite;
}
.animacion_acercamiento_left{
  animation: acercamiento_left 14s infinite;
}
.animacion_acercamiento_rigth{
  animation: acercamiento_rigth 14s infinite;
}
.GrafEmocionNombre{
  position: absolute;
  bottom: 14px;
  color: #ffa3a1;
  font-size: 30px;
}
.GrafEmocionPorcentaje{
  position: absolute;
  top: -3px;
  color: #ffa3a1;
  font-size: 23px;
}
.GrafEmocionPorcentaje_dos_left,.GrafEmocionPorcentaje_dos_rigth{
  position: absolute;
  top: -3px;
  color: #ffa3a1;
  font-size: 23px;
}
#box_graf_emociones_titulo{
  display: flex;
  justify-content: center;
  align-items: center;
}
#box_graf_emociones_titulo h3.box-title{
  font-size: 30px ;
}

.box-title{
  font-size: 20px;
  color: #454545;
  font-weight: 700;
}
.GrafEmocionPorcentaje_dos_rigth i.fa, .GrafEmocionPorcentaje_dos_left i.fa{
    color: #ffe9e9;
}
/**/


/*tabla gestion*/
#T_list_gestion_rpt {
    border-collapse: separate;
    border-spacing: 0 10px;
    margin-top: -10px; /* correct offset on first border spacing if desired */
}
#T_list_gestion_rpt td {
    border: solid 0px #000;
    border-style: solid none;
    padding: 10px;
    background-color: #f3f3f3;
}
#T_list_gestion_rpt td:first-child {
    border-left-style: solid;
    border-top-left-radius: 21px;
    border-bottom-left-radius: 21px;
}

#T_list_gestion_rpt td:last-child {
    border-right-style: solid;
    border-bottom-right-radius: 21px;
    border-top-right-radius: 21px;
}
 .btn-group-xs > .btn, #T_list_gestion_rpt .btn-xs{
    margin-top: 0px;
    padding: 18px 5px ;
}

#Coment_felicitaciones_eject{
    border: 0px !important;
    font-size: 18px;
    font-weight: 700;

}
#Respuesta_para_cliente{
    border: 0px !important;
    font-size: 18px;
    font-weight: 700;
}
#BloqueEmergenteGestion .box .box-footer{
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}
.btn_compartir_gestion{
    color: #666;
    font-weight: 700;
    font-size: 21px;
}
.btn_compartir_gestion i, #form_file_input i, .btn_Guardar_Gestion i{
    font-size: 25px;
}
.btn_Guardar_Gestion{
    color: #666;
    font-weight: 700;
    font-size: 21px;
}
.Cancelar_Gestion{
    color: #666;
    font-weight: 700;
    font-size: 21px;
}
#form_file_input label{
    color: #666;
    font-weight: 700;
    font-size: 21px;
    margin-bottom: 0px;
}
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    left:55px;
    background-color:#5983C0;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    box-shadow: 2px 2px 3px #999;
}
.float:hover{
    background-color:white;
    color:#5983C0;
}
#contactar_cliente{
    background: #5983C0;
    color:white;
    border: 0px !important;
    border-radius: 20px;
    padding: 16px 20px;
    font-size: 18px;
    font-weight: 100;
    margin: 5px 0px;
}
#Enviar_felicitaciones{
    background: #ea5759;
    border: 0px !important;
    border-radius: 20px;
    padding: 16px 20px;
    font-size: 18px;
    font-weight: 100;
}
#Envio_eject_Gestion{
    background: #ea5759;
    border: 0px !important;
    border-radius: 20px;
    padding: 16px 20px;
    font-size: 18px;
    font-weight: 100;
}
#Envio_eject_Capacitacion, #Envio_fel_Capacitacion{
    background: #ea5759;
    border: 0px !important;
    border-radius: 20px;
    padding: 16px 20px;
    font-size: 18px;
    font-weight: 100;
}
.cke_chrome {
    border: 3px solid #f0f0f0 !important;
    border-radius: 6px !important;
}


@media (width: 414px) and (height: 736px) {
    #box_graf_emociones .box-body{
        padding-left: 32px !important;
        padding-right: 32px !important;
    }
}


.td_meta_val i{
    font-size: 12px;
}

.GlosaAporte, #glosaSentPred{
    margin-bottom: 0px;
}

#content_informe_personal .box_datos_ejecutivo .box-body{
    height: 100%;
}
#content_informe_personal .box_datos_ejecutivo .box-body .row{
    height: 82%;
}
#content_informe_personal .box_datos_ejecutivo .box-body .row #col_1_datos_ejecutivo{
    height: 100%;
}



/*BOX Tipo_de_experiencia_por_Driver*/
#Tipo_de_experiencia_por_Driver .box-title, #word_cloud_box .box-title{
    margin-bottom: 10px;
}

.box_aporte_Valoracion_de_la_experiencia .box-header .box-title {
    padding-bottom: 11px !important;
}

.col3{
    min-width: 60px;
}
.col3 h2 label{
    float: left;
    margin-top: 11px;
    margin-right: 3px;
}

#lista_info, #box_txt_like_unlike_val #lista_like_unlike_info{
    opacity: 0;
    height: 0;
    padding: 0;
}

#icono_btn_driv_mejorar{
    right: 0;
    left: auto;
}
.btn_driv_mejorar{
    text-align: center;
    padding-left: 10px !important;
    background-color: #fff !important;
    border-color: rgb(232, 91, 89) !important;
    color: #333 !important;
    font-weight: 700;
    font-size: 16px;
}
.btn_driv_mejorar:hover{
    background-color: #fff !important;
    border-color: rgb(232, 91, 89) !important;
    color: #333 !important;
}

.btn_driv_mejorar i{
    color: #fff !important;
    background: #e85b59;
}

#GrafRecompra .highcharts-container{
    max-height: 65px !important;
    overflow: hidden;
}

#GrafLealtad .highcharts-container{
    max-height: 65px !important;
    overflow: hidden;
}

#GrafRerecomen .highcharts-container{
    max-height: 65px !important;
    overflow: hidden;
}
.link_icono_t{
    max-width: 25px;
    display: -webkit-inline-box;
    margin-left: 4px;
    margin-right: 2px;
    opacity: 0.6;
}
.logo_cliente_t{
    max-width: 144px;
    display: -webkit-inline-box;
    margin-left: 4px;
}

.nombre_suc_colab_glosas{
    color: #878787!important;
    float: none !important;
}

#ver_instructivo_link{
    font-size: 18px;
    color: #406bce;
    margin-left: 9px;
}
.box_filtro .box-header .box-tools{
        top: -11px;
    }
    .box_filtro #ver_instructivo_link{
        /*font-size: 15px;*/
    }

    /*MODAL INSTRUCTIVO APM PERSON*/
#myModalPdf .modal-dialog { /*max-width: 800px;*/ margin: 30px auto;}
#myModalPdf .modal-body { position: relative; padding: 0px !important; background-color: #000 !important; }
#myModalPdf .modal-content { background-color: #000 !important; border: 0px !important; border-radius: 0rem; }
#myModalPdf .close { position:absolute; right:-30px; top:0; z-index:999; font-size:2rem; font-weight: normal; color:#fff !important; opacity:1; }
#myModalPdf .modal-backdrop.show { opacity: .5 !important; }

/*BUENASPRACTICAS*/
#box_buenas_practicas{
    overflow: hidden;
}
#box_buenas_practicas .box-body{
    height: 100%;
}
#box_buenas_practicas table{
    text-align: justify;
    background: #fff;
}
#box_buenas_practicas .txt_rpt{
    font-size: 15px !important;
    text-align: justify;
    font-style: normal !important;
    font-size: 16px;
    color: #878787;
    margin-top: 0px;
    font-weight: 100;
    /*word-break: break-all;*/
}
#box_buenas_practicas .txt_titulo_buenas_p{
    font-size: 16px !important;
    text-align: justify;
    font-style: normal !important;
    font-size: 16px;
    margin-top: 0px;
    font-weight: 100;
    word-break: break-all;
    color: #fff;
    background: #e85b59;
    padding: 8px;
    border-radius: 14px;
    letter-spacing: 1px;
}
#box_buenas_practicas .box-body .row .col_box_buenas_practicas{
    height: 100%;
    background: #ebebeb;
    padding: 10px 25px;
    border-radius: 25px;
    border-right: 5px solid #fff;
    text-align: left;
}
#box_usabilidad_apm, #box_like_unlike, #box_tasas_apm{
    padding: 0px 11px !important;
}
#box_usabilidad_apm .box-body .row .col_box_usabilidad_apm,
#box_like_unlike .box-body .row.col_box_like_unlike,
#box_tasas_apm .box-body .row .col_box_tasa_apm , #box_capacitacion_v2 .col_box_grey{
    height: 100%;
    background: #ebebeb;
    padding: 0px 25px;
    border-radius: 25px;
    border-right: 5px solid #fff;
}

#box_usabilidad_apm .box-body .row .col_box_usabilidad_apm h3, #box_like_unlike .box-body .row .col_box_like_unlike h3,
#box_tasas_apm .box-body .row .col_box_tasa_apm h3{
    font-size: 19px;
    margin-top: 2px;
    margin-bottom: 0px;
}

#box_usabilidad_apm .box-body .row .col_box_usabilidad_apm .bloq_2 p,
#box_usabilidad_apm .box-body .row .col_box_usabilidad_apm .bloq_3 p,
#box_usabilidad_apm .box-body .row .col_box_usabilidad_apm .bloq_4 p,
#box_like_unlike .box-body .row .col_box_like_unlike .bloq_2 p,
#box_like_unlike .box-body .row .col_box_like_unlike .bloq_3 p,
#box_like_unlike .box-body .row .col_box_like_unlike .bloq_4 p
{
    margin-bottom: 0px;
    margin-top: 18px;
}

#box_usabilidad_apm .box-body .row .col_box_usabilidad_apm .bloq_2 p i,
#box_usabilidad_apm .box-body .row .col_box_usabilidad_apm .bloq_3 p i,
#box_usabilidad_apm .box-body .row .col_box_usabilidad_apm .bloq_4 p i,
#box_like_unlike .box-body .row .col_box_like_unlike .bloq_2 p i,
#box_like_unlike .box-body .row .col_box_like_unlike .bloq_3 p i,
#box_like_unlike .box-body .row .col_box_like_unlike .bloq_4 p i
{
    font-size: 20px;
    background: #e85b59;
    color: #fff;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 6px;
    width: 33px;
}
#box_buenas_practicas .box-body .dataTables_length,
#box_buenas_practicas .box-body .dataTables_info,
#box_buenas_practicas .box-body #t_buenas_practicas_paginate,
#t_buenas_practicas.dataTable thead .sorting_asc::after{
    display: none;
}

#box_buenas_practicas .box-body .row .col_box_buenas_practicas .Ant_pg_Verb{
    font-size: 55px;
    margin-top: -15px;
    color: #e85b59;
    position: absolute;
    top: 50%;
    left: 24px;
}
#box_buenas_practicas .box-body .row .col_box_buenas_practicas .Sig_pg_Verb{
    font-size: 55px;
    margin-top: -15px;
    color: #e85b59;
    position: absolute;
    top: 50%;
    right: 24px;
}
#box_buenas_practicas .col_box_buenas_practicas table > tbody > tr > td{
    padding-top: 7px;
    padding-left: 15px;
    padding-right: 15px;
    border: 3px solid #f9f14d;
    padding-bottom: 63px;
    position: relative;
}
.img_llama_box_b_p{
    max-width: 65px;
    position: absolute;
    right: 10px;
    bottom: -2px;
}

#box_buenas_practicas #myProgress {
    width: 40%;
    background-color: #fff;
    border-radius: 4px;
}

#box_buenas_practicas #myBar {
  width: 1%;
  height: 19px;
background-color: #E85B59;
border-radius: 4px;
}
#box_buenas_practicas #bombillo{
    max-width: 299px;
}

/*COLABORADOR DESTACADO*/
#box_colaborador_destacado #buho_{
    max-width: 299px;
}
#box_colaborador_destacado .col_box_colaborador_destacado{
    text-align: left;
}
#box_colaborador_destacado .box-body .dataTables_length,
#box_colaborador_destacado .box-body .dataTables_info,
#box_colaborador_destacado .box-body #t_colaborador_destacado_paginate,
#t_colaborador_destacado.dataTable thead .sorting_asc::after{
    display: none;
}
#box_colaborador_destacado .box-body .row .col_box_colaborador_destacado .Ant_pg_Verb{
    font-size: 55px;
    margin-top: -15px;
    color: #e85b59;
    position: absolute;
    top: 42%;
    left: 24px;
}
#box_colaborador_destacado .box-body .row .col_box_colaborador_destacado .Sig_pg_Verb{
    font-size: 55px;
    margin-top: -15px;
    color: #e85b59;
    position: absolute;
    top: 42%;
    right: 24px;
}
.col_box_colaborador_destacado{
    background: #ebebeb;
    padding: 7px 20px;
padding-bottom: 39px;
border-radius: 25px;
}
#box_colaborador_destacado .Rpt_content {
    padding: 2px 10px;
    background: #fff;
    border-radius: 13px;
}
#box_colaborador_destacado .txt_rpt{
    font-size: 16px !important;
    text-align: justify;
    font-style: normal !important;
    font-size: 16px;
    color: #878787;
    margin-top: 0px;
    font-weight: 100;
    /*word-break: break-all;*/
    height: 75px;
    overflow-y: scroll;
    /*overflow: hidden;*/
    margin-bottom: 37px;
}
.img_CD{
max-width: 101px!important;

display: inline-block;

position: absolute;

bottom: -44px;

right: 0px;
}

#box_colaborador_destacado #myProgress_2 {
    width: 40%;
    background-color: #fff;
    border-radius: 4px;
}

#box_colaborador_destacado #myBar_2 {
  width: 1%;
  height: 19px;
background-color: #E85B59;
border-radius: 4px;
}
#t_colaborador_destacado{
    text-align: justify;
}

.span_porcent_mails{
    position: absolute;
    right: 76px;
    bottom: 6px;
    font-size: 12px;
    color: #000;
    text-align: right;
}

.span_porcent_mails_2{
    position: absolute;
    right: 24px;
    bottom: 9px;
    font-size: 16px;
    color: #000;
    text-align: right;
    z-index: 99;
    font-weight: 700;
}
#box_colaborador_destacado{
    /*overflow-y: scroll;*/
}

#box_colaborador_destacado .ps__thumb-x{
    display: none;
}
#tab_Grafica_recompra .highcharts-axis-title, #tab_Grafica_recompra .highcharts-legend{
  display: none;
}


.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #e33d3d !important;
    border-color: #e33d3d !important;
}

.pagination > li > a {
    background: #333;
    color: #fff;
}
.pagination > li > a:hover{
    background: #333;
    color: #fff;
}
.box_iframe .box-tools .pagination{
    margin: 0px 0 !important;
}
.paloma{
    max-width: 351px;
}
#tab_Grafica_recompra .highcharts-axis-title{
  display: none;
}
#tab_iframe{
    text-align: left;
}
#tab_iframe .tab_iframe_msg {
    background:
    rgba(225, 65, 63, 0.9);
    position: absolute;
    border: 0px;
    height: 100%;
    z-index: 999;
}
#tab_iframe .tab_iframe_msg .box-header{
    background: transparent;
    padding-left: 32px;
}
#tab_iframe .tab_iframe_msg .box-body{
    padding-left: 32px;
    padding-right: 32px;
}
#tab_iframe .tab_iframe_msg .box-body p{
    color: #fff;
    padding-top: 0px;
    font-size: 17px;
}
#tab_iframe .tab_iframe_msg .box-body h3{
    color: #fff;
    margin-top: 0px;
}
.tab_iframe_msg .box-header > .box-tools{
    top: 0px !important;
}
.tab_iframe_msg .box-header > .box-tools i{
    font-size: 26px;
}


/*SELECT FILTRO EVOLUTIVO*/
#select_filtrado_evolutivo, .select_capsulas_2 {
    display: block;
    font-size: 13px;
    font-family: 'Arial', sans-serif;
    font-weight: 400;
    color: #444;
    /*line-height: 0;*/
    padding: 0px 0px 0px 4px;
    width: 170px;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 0px solid #aaa;
    box-shadow: 0 0px 0 0px rgba(0,0,0,.03);
    border-radius: 5px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #454545;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #454545 0%,#454545 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
    height: 20px;
    color: #fff;
    font-weight: 700;
}
#select_filtrado_evolutivo::-ms-expand {
    display: none;
}
#select_filtrado_evolutivo:hover {
    border-color: #888;
}
#select_filtrado_evolutivo:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #fff;
    outline: none;
}
#select_filtrado_evolutivo option {
    font-weight:normal;
}

.fil_evol_input-group::after { /*  Custom dropdown arrow */
    content: "\25BC";
    height: 22px;
    font-size: 14px;
    line-height: 1;
    right: 6px;
    top: 50%;
    margin-top: -0.5em;
    position: absolute;
    pointer-events: none;
    color: #fff;
    z-index: 9999;

}

/*NEW GRAFEVOL*/
.legenda_evolutivo{
    width: 20%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.hig_legend{
    margin-top: -13px;
    margin-bottom: 22px;
}
#select_filtrado_evolutivo{
    outline: none !important;
     box-shadow: none !important;
}
.btn_evol_muy_buenas_exp,
.btn_evol_buenas_exp,
.btn_evol_malas_exp,
.btn_evol_recompra_exp{
    z-index: 999999;
}
.btn_evol_muy_buenas_exp:hover,
.btn_evol_buenas_exp:hover,
.btn_evol_malas_exp:hover,
.btn_evol_recompra_exp:hover
{
    cursor: pointer;
}
#Grafica_evolutivo .highcharts-legend{
    opacity: 0;
}
#Grafica_evolutivo{
    margin-top: -28px;
}
.lds-ripple {
  display: inline-block;
  position: absolute;
  width: 64px;
  height: 64px;
  top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 999;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #e85b59;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0;
  }
}
.like_wow_img{
    position: absolute;
    max-width: 42px;
    right: 11px;
    top: -22px;
}
#Tipo_de_experiencia_por_Driver .box-body, #word_cloud_box .box-body{
    position: relative;
}
/*.content_opciones_nube_comp_ut{
    cursor: pointer;
    display: flex;
}*/
.opciones_nube_comp_ut{
    position: absolute;
    top: 0;
    display: none;
    -webkit-transition: all 0.8s linear;
  -o-transition: all 0.8s linear;
  transition: all 0.8s linear;
}
.opciones_nube_comp_ut.active{
    position: relative !important;
    display: block !important;
}
.opciones_nube_comp_ut.active span{
    padding-right: 13px !important;
}
.opciones_nube_comp_ut.disable{
    -webkit-transition: all 0.8s linear;
    -o-transition: all 0.8s linear;
    transition: all 0.8s linear;
}
/*.content_opciones_nube_comp_ut:hover .opciones_nube_comp_ut.disable{
    top: 29px !important;
    display: block !important;
    z-index: 999;
}*/
.opciones_nube_comp_ut.disable span{
    background: #333;
}
/*.opciones_nube_comp_ut.active::before {
    content: '\A';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #fff;
    position: absolute;
    right: 2px;
    top: 44%;
}*/

/*FILTRO DRIVERS EVOLUTIVO*/
#EvolFiltroDrivers{
    position: absolute;
    right: 0;
    top: 61px;
    display: none;
}

#EvolFiltroDrivers .btn-group .btn-default{
    background:#fff;
    border: 0px;
    padding: 4px;
}
.EvolFiltroDrivers_btn_img{
    max-width: 20px;
}
#EvolFiltroDrivers .dropdown-menu{
    right: 0;
    left: unset;
}
.EvolFiltroDrivers_opcion.seleccionado{
    background:#e1e3e9;
    color:#333;
    border-left: 3px solid transparent;
}


/*FILTRO EMOCIONES EVOLUTIVO*/
#EvolFiltroEmociones{
    position: absolute;
    right: 0;
    top: 91px;
    display: none;
}

#EvolFiltroEmociones .btn-group .btn-default{
    background:#fff;
    border: 0px;
    padding: 4px;
}
.EvolFiltroEmociones_btn_img{
    max-width: 20px;
}
#EvolFiltroEmociones .dropdown-menu{
    right: 0;
    left: unset;
}
.EvolFiltroEmociones_opcion.seleccionado{
    background:#e1e3e9;
    color:#333;
    border-left: 3px solid transparent;
}
/*BOX LIKE UNLIKE*/

#box_like_unlike .box-body{
    height: 92%;
}

#box_like_val, #box_unlike_val{
    padding-top: 20px;
    padding-bottom: 9px;
    border-radius: 25px;
    margin-top: 8px;
    margin-bottom: 8px;
    /*height: 94%;*/
    display: flex;
    cursor: pointer;
}
#box_txt_like_unlike_val, #box_txt_word_cloud{
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 25px;
    margin-top: 8px;
    margin-bottom: 8px;
    /*height: 94%;*/
    display: flex;
    background: #fff;
}


#box_like_val{
    background: #e85b59;
    border-right: 11px solid #ebebeb;
}
#box_unlike_val{
    background: #979797;
    border-left: 11px solid #ebebeb;
}
#box_like_val i{
    font-size:49px;
    color: #fff;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
#box_like_val h2, #box_unlike_val h2{
    margin-top: 2px;
    margin-bottom: 2px;
}
#box_unlike_val i{
    font-size: 49px;
    color: #333;
    transform: rotateY(180deg);
    -ms-transform: rotateY(180deg); /* IE 9 */
    -webkit-transform: rotateY(180deg); /* Safari 3-8 */
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;

}
#box_like_val h2, #box_unlike_val h2{
     color: #fff;
     font-size: 21px;
}

/*#box_like_val:hover i, #box_unlike_val:hover i{
    font-size: 140px;
}*/

.centrar_bloque{
    margin: auto;
}

.like_unlike_check{
    font-size: 32px !important;
    position: absolute;
    top: 0px;
    right: 8px;
}
#box_like_val .like_unlike_check{
    color: #ac4443;
}
#box_unlike_val .like_unlike_check{
    color: #333;
    transform: rotateY(0deg) !important;
    -ms-transform: rotateY(0deg) !important;
    -webkit-transform: rotateY(0deg) !important;
}
.like_unlike_check{
    display: none;
}
.box_like_select.active .like_unlike_check{
    display: block;
}

#box_txt_like_unlike_val .sorting_1, #box_txt_word_cloud .sorting_1{
    border-top: 0px solid #f4f4f4 !important;
}
#box_txt_like_unlike_val .centrar_bloque, #box_txt_word_cloud .centrar_bloque{
    width: 100%;
}
#box_txt_like_unlike_val .centrar_bloque .txt_para_eject, #box_txt_word_cloud .centrar_bloque .txt_para_eject{
    text-align: left !important;
}

#box_txt_like_unlike_val .centrar_bloque .txt_rpt, #box_txt_word_cloud .centrar_bloque .txt_rpt{
    max-height: 115px;
    overflow-y: scroll;
}
#box_txt_like_unlike_val .centrar_bloque .txt_rpt .ps__thumb-y, #box_txt_word_cloud .centrar_bloque .txt_rpt .ps__thumb-y{
    opacity: 0;
}

/*CODIFICADOR 2020-01*/

.info_codif_top_elemt{
    float: left;
    background-color:
    transparent;
    background-image: none;
    padding: 17px 15px;
    background: #ece0de;
    font-size: 12px;
    border-left: 2px solid #f4eeed;
}
.info_codif_top_elemt span{
    color: #333;
}

#box_duda{
    display: none;
}

#menu_codificadores .label-success{
    font-size: 13px;
    right: 4px;
    top: 4px;
}

.tooltip > .tooltip-inner p{
    padding: 0;
    margin: 0px;
}
.tooltip > .tooltip-inner ul{
    text-align: left;
    padding-left: 23px;
    font-size:  11px;
}

.ocultar_op{
    display: none !important;
}

.checkbox_capacitacion{
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: justify;
    font-size: 14px;
    color: #7e7b7b;
    font-weight: 100;
}


#GrafRerecomen .highcharts-gauge-series .highcharts-dial {
    fill: #e85b59;
}
#GrafRerecomen .highcharts-gauge-series .highcharts-pivot {
    stroke: #e85b59;
    fill: #e85b59 !important;
}

#GrafRecompra .highcharts-gauge-series .highcharts-dial {
    fill: #e85b59;
}
#GrafRecompra .highcharts-gauge-series .highcharts-pivot {
    stroke: #e85b59;
    fill: #e85b59 !important;
}

#GrafLealtad .highcharts-gauge-series .highcharts-dial {
    fill: #e85b59;
}
#GrafLealtad .highcharts-gauge-series .highcharts-pivot {
    stroke: #e85b59;
    fill: #e85b59 !important;
}

#T_comp_Esp_paginate .pagination{
    display: block !important;
}



/*PRESENTACION*/
.btn_presentacion{
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.btn_presentacion img{
    max-width: 29px;
}

.capsula_modo_presentacion_on{
    position: absolute;
    top: 110px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999;
    max-width: 54%;
}
.capsula_modo_presentacion_off{
    /*display: none;*/
    filter: blur(6px);
    pointer-events: none;
}

.Sig_pg_presentacion{
    font-size: 89px;
    margin-top: -15px;
    color: #e85b59;
    position: absolute;
    top: 41%;
    right: 24px;
    z-index: 999;
}
.Ant_pg_presentacion{
    font-size: 89px;
    margin-top: -15px;
    color: #e85b59;
    position: absolute;
    top: 41%;
    left: 70px;
    z-index: 999;
}

.Logo_presentacion,
.Logo_presentacion_2{
    display: none;
}
.Logo_presentacion_activo{
    display: block;
    position: absolute;
    top: -32px;
    width: 150px;
    left: 54px;
}
.Logo_presentacion_activo_2{
    display: block;
    position: absolute;
    bottom: -43px;
    width: 80px;
    right: 43px;
}
.presentacion_content_w{
    margin-left: 0px !important;
    height: 100%;
}
.presentacion_main_sidebar{
    display: none;
}
.presentacion_bady_html_wrapper{
    height: 100% !important;
    /*margin: 0px !important;*/
    overflow-y: hidden;
}
.contenedor_presentacion{
    /*position: relative;*/
    /*display: block;*/
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    z-index: 1;
    background: rgba(0,0,0,.9);
}
.contenedor_presentacion .contenedor_presentacion_cuerpo{
    width: 70%;
    margin: 150px auto;
    position: relative;
    position: relative;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0px solid !important;
    border: 1px solid rgba(0,0,0,.2);
    outline: 0;
    border-radius: 30px !important;
    height: 550px;
    z-index: 2;
    margin-top: 86px;
}
.btn_cerrrar_presentacion{
    position: absolute;
    right: -11px;
    font-size: 34px;
    top: -11px;
    color: #e85b59;
    cursor: pointer;
}

.capsula_modo_presentacion_on .box_resultado{
    margin-top: -93px;
}

.capsula_modo_presentacion_on #box_graf_emociones .box-body{
        padding-right: 0px;
        padding-left: 0px;
    }
.capsula_modo_presentacion_on #box_graf_emociones_titulo h3.box-title {

    font-size: 26px !important;

}
.barras_layout_presentacion{
    background: #2b2b2b !important;
    z-index: 2 !important;
}
.width_x4_presentacion{
    width: 41% !important;
}
@media screen and (max-width: 990px) {
    .btn_presentacion{
        display: none !important;
    }
}
.capsula_modo_presentacion_on .hig_legend h4{
    font-size: 10px !important;
}
@media (max-width: 1680px) {
    .capsula_modo_presentacion_on #box_graf_emociones .box-body{
        padding-right: 26px;
        padding-left: 26px;
        padding-top: 64px;
    }
}
@media (min-width: 1681px) and (max-width: 2200px) {
    .capsula_modo_presentacion_on #box_graf_emociones .box-body{
        padding-right: 89px;
        padding-left: 89px;
        padding-top: 30px;
    }
}
.col_emocion_right .tooltip{
    z-index: 99999;
}

/*INFO CAPSULA*/

/*CAPSULA TASAS*/
#box_tasas_apm .box-body .row .col_box_tasa_apm{
    float: left;
    width: 100%;
}
#box_tasas_apm .box-body .row .col_box_tasa_apm .box_tasa_indicador_1{
    font-size: 18px;
    color: #000;
}
#box_tasas_apm .box-body .row .col_box_tasa_apm .box_tasa_indicador_2{
    color: #000;
    font-size: 12px;
    margin-top: 0px;
}
#box_tasas_apm .box-body .row .col_box_tasa_apm #grafica_tasas_r{
    margin-bottom: 17px;
}
#box_tasas_apm .box-body .row .col_box_tasa_apm .box_tasas_promedio{

}
#box_tasas_apm .box-body .row .col_box_tasa_apm .box_tasa_indicador_3{
    color: #000;
    font-size: 13px;
    margin-top: 0px;
    text-align: left;
}
#box_tasas_apm .box-body .row .col_box_tasa_apm .box_tasas_promedio span{
    background: #fff;
    padding: 13px;
    border-radius: 9px;
    font-size: 27px;
    color: #000;
    display: inline-block;
    margin-bottom: 14px;
}
#grafica_tasas_r{
    max-width: 600px;
}

.box_oport_mejora .sorting_desc{
    display: none;
}


/*INFO CAPSULA*/
.btn_info_capsula{
    position: absolute;
    bottom: 0px;
    right: 2px;
}
.btn_info_capsula img{
    width: 33px;
}
.instrutivo_content{
    display: none;
}
.width_info_capsulas{
    width: 85% !important;
}
.Ant_pg_presentacion_info{
    left: 22px !important;
}
.capsula_modo_presentacion_on_info{
    margin: inherit !important;
    left: 188px;
}
.instrutivo_content{
    margin-top: 0px;
    padding-top: 31px;
    width: 50%;
    margin-left: 46%;
    height: 100%;
    padding-bottom: 31px;
}
.instrutivo_content .instrutivo_titulo{
    color: #fff;
    font-size: 29px;
    font-weight: 700;
}
.instrutivo_content span.rojo{
    color: #e85b59;
}
.instrutivo_content span.azul{
    color: #5983c1;
}
.instrutivo_content .instrutivo_text{
    color: #d0d0d0;
    font-size: 21px;
    text-align: justify;
}
.instrutivo_titulo_2{
    text-align: center;
}
.width_info_large{
    max-width: 32% !important;
}
.width_info_large .box-body{
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.box_graf_evolutivo .btn_info_capsula .box_graf_nps{
    /*right: 109px !important;*/
    z-index: 99;
}
@media (min-width: 1020) and (max-width: 1200px) {
    .capsula_modo_presentacion_on_info {
        left: 120px !important;
    }
}
@media (min-width: 1201px) and (max-width: 1400px) {
    .capsula_modo_presentacion_on_info {
        left: 134px !important;
    }
    .instrutivo_content{
        width: 48% !important;
    }
    .capsula_modo_presentacion_on_info  h4.GrafEmocionNombre,
    .capsula_modo_presentacion_on_info #box_graf_emociones_titulo h3.box-title{
        font-size: 16px !important;
    }
}
@media (min-width: 1401px) and (max-width: 1500px) {
    .capsula_modo_presentacion_on_info {
        left: 149px !important;
    }
    .capsula_modo_presentacion_on_info  h4.GrafEmocionNombre,
    .capsula_modo_presentacion_on_info #box_graf_emociones_titulo h3.box-title{
        font-size: 16px !important;
    }
    .instrutivo_content{
        width: 49% !important;
    }
}
@media (min-width: 1500px) and (max-width: 1800px) {
    .capsula_modo_presentacion_on_info  h4.GrafEmocionNombre,
    .capsula_modo_presentacion_on_info #box_graf_emociones_titulo h3.box-title{
        font-size: 16px !important;
    }
}
@media (min-width: 1501px) and (max-width: 1600px) {
    .capsula_modo_presentacion_on_info {
        left: 161px !important;
    }
}
@media (min-width: 1601px) and (max-width: 2200px) {
    .capsula_modo_presentacion_on_info {
        left: 232px !important;
    }
}

.instructivo_cap_detalle{
    display: none;
}

#alerta_sin_datos{
    position: fixed;
    z-index: 9999;
    bottom: 0;
    right: 0;
}

.li-buscar{
    cursor: pointer;
}

.form-group .dropdown-menu{
    z-index: 999999;
}



#slim-scroll::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255);
    border-radius: 10px;
    background-color: #FFFFFF;
}

#slim-scroll::-webkit-scrollbar
{
    width: 6px;
    background-color: #FFFFFF;
}

#slim-scroll::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(232,91,89,.3);
    background-color: #e85b59;
}


/*NEW CODIFICADOR*/
.td_comp div{
    height: 100%;
}
.btn_positivo_neg{
    color: #fff;
    position: absolute;
    bottom: -6px;
    right: -3px;
    font-size: 16px;
    padding: 2px;
    display: none;
}
.btn_positivo_neg:hover, .btn_positivo_neg:focus{
    color: #fff !important;
}
.td_select .btn_positivo_neg{
    display: block !important;
}

/*GRAFICAS ORBITAL Y CUADRANTE*/

.tooltip-header {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 5px;
    border-bottom: 1px solid #c5c5c5;
}

.tooltip-body {
    width: 270px;
}

.tooltip-body .series-name {
    font-weight: normal;
    opacity: 0.6;
    display: inline-block;
    line-height: 1.5;
    /*padding-right: 10px;*/
    margin-bottom: 10px;
    width: 270px;
}

.tooltip-body .value-text {
    display: inline-block;
    line-height: 1.5;
    width: 30px;
}

#orbital .custom-select{
    -webkit-appearance: button;
    -moz-appearance: button;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 20px;
    -moz-padding-end: 20px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    background-color: #FFF;
    background-image: url(../img/select-arrow.png), -webkit-linear-gradient(top, #E5E5E5, #F4F4F4);
    background-image: url(../img/select-arrow.png), -moz-linear-gradient(top, #E5E5E5, #F4F4F4);
    background-image: url(../img/select-arrow.png), -ms-linear-gradient(top, #E5E5E5, #F4F4F4);
    background-image: url(../img/select-arrow.png), -o-linear-gradient(top, #E5E5E5, #F4F4F4);
    background-image: url(../img/select-arrow.png), linear-gradient(to bottom, #FFF, #FFF);
    background-position: center right;
    background-repeat: no-repeat;
    border: 1px solid #FFF;
    border-radius: 6px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    color: #555;
    font-size: 17px;
    margin: 0;
    overflow: hidden;
    padding-top: 2px;
    padding-bottom: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 37px;
}

.box_orbital .bloque_detalle{
    position: absolute;
    max-width: 300px;
    width: 400px;
    /*height: 300px;*/
    background: #333;
    z-index: 99;
    top: 168px;
    right: 60px;
    border-radius: 30px;
    padding: 14px;
    color: #fff;
    display: none;
}
.box_orbital .bloque_detalle_det{
    padding: 10px;
    border-radius: 30px;
    background: #515151;
    margin-top: 10px;
}
.box_orbital .bloque_detalle_det h3.titulo{
    margin-top: 5px;
}
.box_orbital .bloque_detalle_det .fecha_range{
    font-size: 14px;
    margin-left: 15px;
}
.box_orbital .img_logo{
    max-width: 150px;
    display: block;
    margin: auto;
}

/*CSS BARRA HIGENICOS Presencia de Drivers por tipo de experiencia*/
#felicita_graf_1 .highcharts-series-5 .highcharts-point{
    transform: translate(-14px);
}
#felicita_graf_1 .highcharts-series-5 .highcharts-point,
#felicita_graf_1 .highcharts-series-5 .highcharts-data-label{
    display: none;
}
.btn_ver_higenicas_driv span{
    color: #333;
    font-size: 11px;
}
#felicita_graf_1 .highcharts-series-4 .highcharts-data-label text{
    transform: translate(8px);
}

/*SELECT FILTROS CAPSULA CAPACITACION V2*/
#box_capacitacion_v2 .box-body, #box_txt_word_cloud .box-body{
    height: 92%;
}
.fil_cap_input-group::after { /*  Custom dropdown arrow */
    content: "\25BC";
    height: 22px;
    font-size: 18px;
    line-height: 1;
    right: 14px;
    top: 50%;
    margin-top: -0.5em;
    position: absolute;
    pointer-events: none;
    color: #fff;
    z-index: 9999;

}
.select_filtros_cap_capacitacion {
    display: block;
    font-size: 13px;
    font-family: 'Arial', sans-serif;
    font-weight: 400;
    color: #444;
    /*line-height: 0;*/
    padding: 0px 0px 0px 4px;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 0px solid #aaa;
    box-shadow: 0 0px 0 0px rgba(0,0,0,.03);
    border-radius: 17px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #e85b59;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #e85b59 0%,#e85b59 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
    color: #fff;
    font-weight: 700;
}
.select_filtros_cap_capacitacion::-ms-expand {
    display: none;
}
.select_filtros_cap_capacitacion:hover {
    border-color: #888;
}
.select_filtros_cap_capacitacion:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #fff;
    outline: none;
}
.select_filtros_cap_capacitacion option {
    font-weight:normal;
}
#box_capacitacion_v2 .row_filtros{
    padding-left: 46px;
    padding-right: 46px;
}
#box_capacitacion_v2 .txt_driv_rpt, .box_graf_intensidad_emocion .txt_driv_rpt{
    color: #fff;
    text-align: left;
    background: #e85b59;
    padding: 8px;
    border-radius: 25px;
    font-weight: 700;
    letter-spacing: 1px;
    padding-left: 17px;
    margin-bottom: 10px;
}
#box_capacitacion_v2 .txt_driv_rpt h4, .box_graf_intensidad_emocion .txt_driv_rpt h4{
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 15px;
}
#box_capacitacion_v2 .txt_rpt, .box_graf_intensidad_emocion .txt_rpt{
    font-weight: 100;
    font-size: 17px;
    padding-left: 8px;
}
#lista_capacitacion{
    background: #fff;
}
#box_capacitacion_v2 .contenedor, .box_graf_intensidad_emocion .contenedor{
    height: 95%;
    background: #ebebeb;
    border-radius: 25px;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
}
#box_capacitacion_v2 .box-body .dataTables_length,
#box_capacitacion_v2 .box-body .dataTables_info,
#box_capacitacion_v2 .box-body #lista_capacitacion_paginate,
#lista_capacitacion.dataTable thead .sorting_asc::after{
    display: none;
}
#box_capacitacion_v2 .box-body .Ant_pg_Verb{
    margin-top: -15px;
    color: #e85b59;
    position: absolute;
    top: 42%;
    left: 24px;
}
#box_capacitacion_v2 .box-body .Sig_pg_Verb{
    margin-top: -15px;
    color: #e85b59;
    position: absolute;
    top: 42%;
    right: 24px;
}
#box_capacitacion_v2 .centrar_bloque, .box_graf_intensidad_emocion .centrar_bloque{
    position: relative;
    background: #fff;
    border-radius: 23px;
    margin-top: 10px;
}
#box_capacitacion_v2 .centrar_bloque .Ant_pg_Verb,
#box_capacitacion_v2 .centrar_bloque .Sig_pg_Verb{
    top: 109px !important;
}
#box_capacitacion_v2 .box-body .Ant_pg_Verb, #box_capacitacion_v2 .box-body .Sig_pg_Verb{
    top: 75px !important;
}
#box_capacitacion_v2 .box-body .Ant_pg_Verb{
    font-size: 41px !important;
    left: 2px !important;
}
#box_capacitacion_v2 .box-body .Sig_pg_Verb{
    font-size: 41px !important;
    right: 2px !important;
}
#box_capacitacion_v2 #lista_capacitacion_info{
    display: block;
    padding-top: 0;
    position: absolute;
    left: 0;
    top: 0;
}
/*FILTRO POR UT CAPSULAS*/
.select_filtro_ut_,
.select_filtro_driver_,
.select_filtro_word_,
.select_filtro_exp_{
    width: 246px !important;
}
.select_filtro_ut_ .dropdown-toggle,
.select_filtro_driver_ .dropdown-toggle,
.select_filtro_word_ .dropdown-toggle,
.select_filtro_exp_ .dropdown-toggle{
    background: #5983c1;
    color: #fff;
    border-radius: 16px;
    border: 0px;
    height: 36px;
}
.select_filtro_ut_.fil_cap_input-group::after,
.select_filtro_driver_.fil_cap_input-group::after,
.select_filtro_word_.fil_cap_input-group::after,
.select_filtro_exp_.fil_cap_input-group::after{
    display: none !important;
}
.select_filtro_ut_ .bootstrap-select.btn-group .dropdown-toggle .caret,
.select_filtro_driver_ .bootstrap-select.btn-group .dropdown-toggle .caret,
.select_filtro_word_ .bootstrap-select.btn-group .dropdown-toggle .caret,
.select_filtro_exp_ .bootstrap-select.btn-group .dropdown-toggle .caret{
    top: 44%;
}
.select_filtro_ut_ .caret,
.select_filtro_driver_ .caret,
.select_filtro_word_ .caret,
.select_filtro_exp_ .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 6px dashed;
    border-top: 6px solid\9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
.select_filtro_ut_ .bootstrap-select.btn-group .dropdown-menu,
.select_filtro_driver_ .bootstrap-select.btn-group .dropdown-menu,
.select_filtro_word_ .bootstrap-select.btn-group .dropdown-menu,
.select_filtro_exp_ .bootstrap-select.btn-group .dropdown-menu{
    background: rgb(89, 131, 193) none repeat scroll 0% 0%;
    border-radius: 16px;
    min-width: 260px;
}
.select_filtro_ut_ .bootstrap-select.btn-group .dropdown-menu.inner,
.select_filtro_driver_ .bootstrap-select.btn-group .dropdown-menu.inner,
.select_filtro_word_ .bootstrap-select.btn-group .dropdown-menu.inner,
.select_filtro_exp_ .bootstrap-select.btn-group .dropdown-menu.inner{
    background: #5983c1;
}
.select_filtro_ut_ .bootstrap-select.btn-group .dropdown-menu li a,
.select_filtro_driver_ .bootstrap-select.btn-group .dropdown-menu li a,
.select_filtro_word_ .bootstrap-select.btn-group .dropdown-menu li a,
.select_filtro_exp_ .bootstrap-select.btn-group .dropdown-menu li a{
    color: #fff !important;
}
.select_filtro_ut_ .bootstrap-select.btn-group .dropdown-menu li a:hover,
.select_filtro_driver_ .bootstrap-select.btn-group .dropdown-menu li a:hover,
.select_filtro_word_ .bootstrap-select.btn-group .dropdown-menu li a:hover,
.select_filtro_exp_ .bootstrap-select.btn-group .dropdown-menu li a:hover{
    background: #4872b0;
}
.select_filtro_ut_ .btn-default.active,
.select_filtro_ut_ .btn-default:active,
.select_filtro_ut_ .open > .dropdown-toggle.btn-default,
.select_filtro_driver_ .btn-default.active,
.select_filtro_driver_ .btn-default:active,
.select_filtro_driver_ .open > .dropdown-toggle.btn-default,
.select_filtro_word_ .btn-default.active,
.select_filtro_word_ .btn-default:active,
.select_filtro_word_ .open > .dropdown-toggle.btn-default,
.select_filtro_exp_ .btn-default.active,
.select_filtro_exp_ .btn-default:active,
.select_filtro_exp_ .open > .dropdown-toggle.btn-default{
    background: #4872b0;
}
.select_filtro_ut_ .open .form-control,
.select_filtro_driver_ .open .form-control,
.select_filtro_word_ .open .form-control,
.select_filtro_exp_ .open .form-control{
    border-radius: 16px;
}
.select_filtro_ut_.dropup .caret,
.select_filtro_driver_.dropup .caret,
.select_filtro_word_.dropup .caret,
.select_filtro_exp_.dropup .caret,
#Tipo_de_experiencia_por_Driver .dropup .caret, #word_cloud_box .dropup .caret{
    border-bottom: 0px dashed;
}

#Tipo_de_experiencia_por_Driver .select_filtro_ut_ .dropdown-toggle,
#Tipo_de_experiencia_por_Driver .select_filtro_driver_ .dropdown-toggle,
#Tipo_de_experiencia_por_Driver .select_filtro_word_ .dropdown-toggle,
#Tipo_de_experiencia_por_Driver .select_filtro_exp_ .dropdown-toggle,
#word_cloud_box .select_filtro_ut_ .dropdown-toggle,
#word_cloud_box .select_filtro_driver_ .dropdown-toggle,
#word_cloud_box .select_filtro_word_ .dropdown-toggle,
#word_cloud_box .select_filtro_exp_ .dropdown-toggle
{
    height: 22px !important;
    padding-top: 2px !important;
}
#Tipo_de_experiencia_por_Driver .select_filtro_ut_, #word_cloud_box .select_filtro_ut_{
    top: 29px;
    right: 17px;
}
#Tipo_de_experiencia_por_Driver .select_filtro_driver_, #word_cloud_box .select_filtro_driver_, #word_cloud_box .select_filtro_word_{
    top: 29px;
    right: 17px;
}
#Tipo_de_experiencia_por_Driver .select_filtro_exp_, #word_cloud_box .select_filtro_exp_{
    top: 29px;
    right: 184px;
}
@media (max-width: 650px) {
    .select_filtro_ut_{
        top: 18px !important;
        right: -6px !important;
    }
    .select_filtro_driver_{
        top: 18px !important;
        right: -6px !important;
    }
    .select_filtro_word_{
        top: 18px !important;
        right: -6px !important;
    }
    #Tipo_de_experiencia_por_Driver .select_filtro_ut_, #word_cloud_box .select_filtro_ut_{
        top: 67px !important;
        width: 100% !important;
    }
    #Tipo_de_experiencia_por_Driver .select_filtro_driver_, #word_cloud_box .select_filtro_driver_, #word_cloud_box .select_filtro_word_{
        top: 67px !important;
        width: 100% !important;
    }
}
#respuesta_intensidad_emociones .txt_rpt{
    max-height: 200px;
    overflow-y: scroll;
    text-align: justify;
    padding-right: 7px;
}