html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%; background: transparent;list-style:none;
    webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
a {text-decoration:none;}
input[type='checkbox'], input[type='radio'], label{ cursor: pointer; }
/* -------------------------------------------------------------------- */
html, body{ overflow-x: hidden; }
body { font-family: 'Montserrat', sans-serif; font-size:14px; background-color: #f5f5f5; color: #373c48; } /*6e768e -> 373c48*/

body .hidden { display: none !important; }

.wrapper{ width: 100%; margin: 0; }

.txtgen{ font-size: 14px; line-height: 1.5; font-weight: 400; }
.txtgen p, .txtgen h1, .txtgen h2, .txtgen h3{ margin-bottom: 25px; }
.txtgen h1{ font-size: 100%; }
.txtgen h2{ font-size: 100%;  }
.txtgen h3{ font-size: 100%; }
.txtgen img { max-width: 100% !important; height: auto !important; }
.txtgen a{ color: #666; }
.txtgen a:hover{ text-decoration: underline; }
.txtgen ul, .txtgen ol{ padding-left:40px; margin-bottom:25px; padding-top:15px; }
.txtgen ul li, .txtgen ol li{  list-style:outside; margin-bottom:12px; }
.txtgen ol li { list-style:decimal; }
.txtgen iframe { max-width: 100%; height: 300px; }

/* center div variable width */
.outer{ position: relative; left: 50%; float: left; }
.inner { position: relative; left: -50%; float: left; }

.transition{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
 
.shadow{ -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4); }
.radius{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

::selection { background: #b3b3b3; }
::-moz-selection { background: #b3b3b3; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-button { width: 0px; height: 0px; }
::-webkit-scrollbar-thumb { background: #7f7f7f; border: 0px none #ffffff; border-radius: 0px; }
::-webkit-scrollbar-thumb:hover { background: #7f7f7f; }
::-webkit-scrollbar-thumb:active { background: #000000; }
::-webkit-scrollbar-track { background: #fff; border: 0px none #ffffff; border-radius: 50px; }
::-webkit-scrollbar-track:hover { background: #f1f1f1; }
::-webkit-scrollbar-track:active { background: #333333; }
::-webkit-scrollbar-corner { background: transparent; }

.clear{ clear: both; }

.container{ margin-left: 240px; overflow: hidden; padding: 25px; min-height: 80vh; margin-top: 80px; }


/* BLOCKS */
.block{ padding: 10px; float: left; }

.block100{ width: 100%; }
.block75{ width: 75%; }
.block66{ width: 66.666%; }
.block50{ width: 50%; }
.block33{ width: 33.333%; }
.block25{ width: 25%; }

.block_inner{ background-color: #fff; padding: 15px 25px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); border-radius: .25rem; margin-bottom: 25px;  }

.block_inner_disabled{ pointer-events: none; opacity: .5; }

.block_inner_title{ background-color: #566676; color: #fff; display: table; vertical-align: middle; width: 100%; position: relative; }

    .block_inner_title_img{ display: table-cell; width: 50px; height: 50px; background-color: #fff; text-align: center; margin-right: 15px;
        -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); 
        background-size: contain; background-position: center; background-repeat: no-repeat; }

    .block_inner_title_img_separa{ display: table-cell; width: 15px; }

    .block_inner_titel_noimg{ display: table-cell; height: 50px; }

    .block_inner_title_txt{ display: table-cell; vertical-align: middle; padding-right: 25px; line-height: 1.4; font-size: 15px; }
    .block_inner_title_txt span{ font-size: 13px; }
    .block_inner_title_txt i{ font-size: 10px; color: #f7b84b; }

    .blocK_inner_title_path{ margin-top: 10px; font-size: 11px; }
    .blocK_inner_title_path a{ color: #fff; }

    .block_inner_title_back{ position: absolute; right: 20px; font-size: 30px; margin-top: 10px; }
    .block_inner_title_back a{ color: #fff; }

    .block_inner_title_back_mini{ position: absolute; right: 20px; font-size: 30px; margin-top: -3px; }
    .block_inner_title_back_mini a{ color: #fff; }

.block_separar{ height: 20px; }


/* COLUMNES */
.col{ float: left; padding: 20px; }
.col50{ width: 50%; }
.col100{ width: 100%; }


/* LOGIN ====================================================================================================================== */
.login{ width: 100%; max-width: 340px; min-width: 340px; background-color: #f1f1f1; padding: 20px; position: fixed; top: 45%; left: 50%; transform: translate(-50%, -50%); }

.login_image{ text-align: center; margin-top: 10px; }
.login_image img{ width: 100%; max-width: 250px; height: auto; }

.login label{ color: #000; display: block; margin-top: 1.4em; margin-bottom: 0.5em; font-size: 13px; padding-left: 5px; }
 
.login .input[type="text"], .login .input[type="password"] {
    webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
    font-weight: normal;
    padding: 12px 10px; border: none; border: 1px solid #ccc;
    width: 100%;
    font-size: 13px;
}

.button-primary { margin-top: 25px; font-weight: bold; cursor: pointer; text-transform: uppercase; width: 120px; text-align: center; color: #fff;
    border: none; padding: 10px 0; background-color: #000; }
.button-primary:hover{ opacity: .7; }

.remember_link{ font-size: 11px; padding-top: 20px; }
.remember_link a{ color: #21759B; }
.remember_link:hover{ text-decoration: underline; }


/* remember ------------------ */
.loader_remember { margin-top: 50px; display: none;}
.loader_remember img { width:100%; }

#return{ position: absolute; right: 25px; margin-top: 70px; font-size: 11px; color: #21759B; }
#return:hover{ text-decoration: underline; }


.mantenimiento{ margin: 40px 0; font-weight: bold; text-align: center; line-height: 2; }


/* HEADER ================================================================================================================== */
.header{ background-color: #566676; opacity: 1;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    padding: 0 10px 0 0;
    position: fixed;
    left: 0;
    right: 0;
    height: 90px;
    z-index: 100; }

    .logo_header{ float: left; margin: 10px; }

    .logout{ float: right; font-size: 30px; color: #fff; margin: 20px 10px; }

    .header_buscador{ float: left; position: relative; width: 400px; margin-left: 40px; margin-top: 17px; }
        
        .header_buscador input{ width: 100%; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color: rgba(255,255,255,.2); 
            border: none; padding: 10px 45px 10px 15px; color: #fff; 
            webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
            font-family: 'Montserrat', sans-serif; font-size: 13px; }

        .header_buscador input::placeholder{ color: rgba(255,255,255,.5); }

        .header_buscador span{ position: absolute; right: 10px; top: 6px; color: rgba(255,255,255,.5); font-size: 25px; cursor: pointer; }


    .logeduser{ position: absolute; right: 80px; margin-top: 10px; display: flex; }

        .logeduser_img{ width: 50px; height: 50px; background-position: center; background-repeat: no-repeat; background-size: cover; 
        -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

        .logeduser_name{ line-height: 50px; padding-left: 10px; color: #fff; font-size: 11px; }

.breadcrumb{ position: absolute; bottom: 0; width: 100%; height: 20px; background-color: #36404a; padding: 5px 10px; font-size: 11px; color: #fff; font-weight: 300; }
.breadcrumb a{ color: #fff; }
.breadcrumb a:hover{ text-decoration: underline; }


/* MENÚ ================================================================================================================== */
.menu{ width: 240px;
    background: #fff;
    bottom: 0;
    padding: 20px 0;
    position: fixed;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    top: 90px;
    -webkit-box-shadow: 0 2px 6px -2px rgba(0,0,0,.16), 0 2px 6px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 6px -2px rgba(0,0,0,.16), 0 2px 6px 0 rgba(0,0,0,.12); 
    overflow-y: scroll; 
    font-size: 13px; }


.menu ul{ padding: 0 10px 0 45px; position: relative; }
.menu ul li{ padding: 15px 0; }
.menu ul li a{ color: #373c48; }

.menu ul li ul{ padding: 0; margin-top: 10px; display: none; }
.menu ul li ul li{ padding: 10px 5px 10px 25px; font-size: 12px; }

.menu ul li a:hover{ color: #6658dd; }

.menu span{ font-size: 20px; position: absolute; margin-left: -28px; margin-top: -3px; }
.menu i{ position: absolute; right: 0; font-size: 17px; margin-top: -2px; }

.menu_on{ font-weight: bold; }

.item_with_submenu{ cursor: pointer; color: #373c48; }
.item_with_submenu:hover{ color: #6658dd; }

.menu ul li ul li div{}

.notifica_circle{ background: #f1556c; color: #fff; font-size: 9px; position: absolute; margin-left: -25px; margin-top: -4px; 
    border-radius: 50%; width: 20px; height: 20px; padding-top: 5px; text-align: center; }

.notifica_circle_total{ background: #f1556c; color: #fff; font-size: 9px; position: absolute; margin-top: -15px; margin-left: -20px; 
    border-radius: 50%; width: 20px; height: 20px; padding-top: 5px; text-align: center;  }


.intranet_version{ position: absolute; bottom: 5px; margin-left: 5px; font-size: 10px; }

.menu_movil_trigger{ display: none; }

@media only screen and (max-width: 800px) {

    .menu{ display: none; }
    .container{ margin-left: 0; overflow: hidden; padding: 25px 0; min-height: 80vh; margin-top: 80px; }

    .block33{ width: 100%; /*display: none;*/ }
    .block66{ width: 100%; }

    .logo_header{ display: none; }

    .header_buscador{ display: none; }

    .breadcrumb{ height: auto; }

    .menu_movil_trigger{ display: inherit; position: fixed; z-index: 999; left: 10px; top: 15px; }
        .menu_movil_trigger a{ font-size: 40px; color: #fff; }

    .block_inner{ padding: 10px; }

}

/* menu agendados */
.menu_agendado{ width: 100%; bottom: 10px; background-color: #f7b84b; color: #fff; margin-left: 7px; }
.menu_agendado_title{ padding: 10px; font-size: 13px; }
.menu_agendado_items{ padding: 10px; line-height: 1.3; }


/* AVIS ENQUESTA URGENT */
.aviso_escuesta_urgente{ width: 100%; padding-bottom: 7px; background-color: #f1556c; color: #fff; margin-left: 7px; }
    
    .aviso_enc_urg_head{ padding: 10px 10px 7px 10px; font-size: 15px; }
        .aviso_enc_urg_head span{ font-size: 20px; }

    .aviso_enc_urg_txt1{ padding: 0 10px 10px 10px; font-size: 11px; margin-bottom: 5px; border-bottom: 1px solid rgba(255,255,255,.3); line-height: 1.2; }

    .aviso_enc_urg_txt2{ padding: 7px 10px 10px 10px; color: #fff; line-height: 1.2; }
        .aviso_enc_urg_title{ font-style: italic; font-weight: bold; }
        .aviso_enc_urg_data{ font-size: 10px; font-style: italic; }
        .aviso_enc_urg_bt{ font-size: 10px; }
        .aviso_enc_urg_bt span{ position: absolute; }
    .aviso_enc_urg_txt2:hover{ opacity: .7; }
    

.menu_mobile{ margin-top: 20px; }

    .sidr { display: block; position: fixed; top: 0; height: 100%; z-index: 999999; width: 260px; overflow-x: hidden; overflow-y: auto;
      font-size: 14px; background: #fff; color: #333; box-shadow: 0 0 5px 5px #F0F3F7 inset; padding: 15px; }

    .sidr .sidr-inner { padding: 0 0 15px; }

    .sidr.right { left: auto; right: -260px; }
    .sidr.left { left: -260px; right: auto; }

        .close_mobile_menu{ margin-bottom: 20px; }
        .close_mobile_menu a{ font-size: 30px; color: #000; }

        .menu_mobile a{ color: #000; }

        .menu_mobile{ font-size: 13px; text-transform: uppercase; }
        .menu_mobile ul li{ padding: 7px 0; }
        .menu_mobile ul li a{ display: block; width: 230px !important; border-bottom: 1px solid #ccc; padding-bottom: 5px; font-weight: bold; }
        .menu_mobile ul li a:after{ font-family: 'Material Design Icons'; content: "\F055"; float: right; padding-right: 10px; }

        .menu_mobile ul li ul{ padding-left: 15px; font-size: 12px; margin-top: 7px; display: none; }
        .menu_mobile ul li ul li a{ border-bottom: none; font-weight: normal; }
        .menu_mobile ul li ul li a:after{ content: ''; }

        .menu_mobile .item_with_submenu{ display: block; width: 230px !important; border-bottom: 1px solid #ccc; padding-bottom: 5px; font-weight: bold; }

        .menu_mobile .item_with_submenu i{ position: absolute; right: 25px; font-weight: bold; font-size: 15px; }




/* BUSCADOR ===================== */
.search_filter{ float: right; }

.buscador_comments{ padding: 10px 0; line-height: 1.3; }
    .buscador_comments_entrada{ color: #000; font-weight: bold; }
    .buscador_comments_autor{ font-size: 11px; font-weight: bold; color: #808080; }
    .buscador_comments_comment{  color: #000; }


/* ITEMS CATEGORY */
.item_category{ margin-bottom: 20px; display: table; width: 100%; vertical-align: middle; padding: 4px; position: relative; 
    border: 1px solid #ccc; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;  background-color: #fff; 
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); }

    .item_category .item_category_icon{ position: absolute; z-index: 99; right: 10px; font-size: 20px; color: #373c48; line-height: 50px;}

    .item_category_img{ display: table-cell; vertical-align: middle; width: 50px; height: 50px; }
    .item_category_img img{ width: 100%; height: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; 
        box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); }

    .item_category_img div{ width: 50px; height: 50px; background-size: contain; background-position: center; background-repeat: no-repeat; 
        -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); }

    .item_category_txt{ display: table-cell; vertical-align: middle; padding-left: 20px; padding-right: 25px; color: #373c48; font-weight: 400; font-size: 14px; }

        .item_category_promocion{ font-size: 10px; margin-top: 10px; color: #f672a7; font-weight: bold; }

        .item_category_enconstruccion, .item_category_novedad{ font-size: 10px; color: #fff; padding: 2px 7px; margin-left: 10px;
            -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

        .item_category_enconstruccion{ background-color: #f7b84b; }
        .item_category_novedad{ background-color: #1abc9c; }

        .item_face_valoracion{ position: absolute; right: 40px; font-size: 35px; top: 12px; }


/* categoria teletipo */
.block_teletipo{ background-color: #566676; color: #fff; }
.block_teletipo .block_title{ color: #fff; border-bottom: 1px solid #fff; }
.block_teletipo a{ text-decoration:underline; color:#fff; }



@media only screen and (max-width: 800px) {

    .item_category_txt{ font-size: 12px; }
}


/* NUEVA CATEGORIA / ENTRADA */
.block_title{ width: 100%; padding-bottom: 8px; border-bottom: 1px solid rgba(110,118,142,.6); margin-bottom: 15px; color: #373c48; font-weight: bold; text-transform: uppercase; }
.block_title span{ float: right; font-size: 22px; }

.block_title_green{ color: #1abc9c; border-bottom: 1px solid #1abc9c; }
.blocK_title_red{ color: #f1556c; border-bottom: 1px solid #f1556c; }
.block_title_yellow{ color: #f7b84b; border-bottom: 1px solid #f7b84b; }


.bt_gen{ cursor: pointer; overflow: hidden; border: 1px solid transparent; padding: .45rem .9rem;
    font-size: .875rem; line-height: 1.5; border-radius: .15rem; color: #fff; margin-bottom: 15px; }
.bt_gen span{ margin: -.55rem .9rem -.55rem -.9rem; padding: 1.7rem .5rem; background-color: rgba(50,58,70,.1); }
.bt_gen span i{ font-size: 17px; color: #fff; }


.bt_gen_mini{ cursor: pointer; overflow: hidden; border: 1px solid transparent; padding: .45rem .9rem;
    font-size: .875rem; line-height: 1; border-radius: .15rem; color: #fff; margin-bottom: 15px; }
.bt_gen_mini span{ margin: -.55rem .9rem -.55rem -.9rem; padding: 1.7rem .5rem; background-color: rgba(50,58,70,.1); }
.bt_gen_mini span i{ font-size: 17px; color: #fff; }


.nueva_categoria{ background-color: #1abc9c; border-color: #1abc9c; }
.nueva_entrada{ background-color: #25b7d8; border-color: #25b7d8; }
.editar_categoria{ background-color: #f7b84b; border-color: #f7b84b; }
.eliminar_entrada{ background-color: #f1556c; border-color: #f1556c; }
.bt_link_gen{ background-color: #4a81d4; border-color: #4a81d4; }


.buttons_left{ float: left; }
.buttons_right{ float: right; }

.bt_guardar{ background-color: #1abc9c; border-color: #1abc9c; display: inline-block; }
.bt_eliminar{ background-color: #f1556c; border-color: #f1556c; display: inline-block; }
.bt_volver{ background-color: #f7b84b; border-color: #f7b84b; display: inline-block; }


.cat_edit_current_resp{ margin-top: 30px; }
.cat_edit_current_resp p{ font-size: 14px; font-weight: 300; color: #373c48; }
.cat_edit_current_resp_table{ margin-top: 10px; border: 1px solid #ccc; padding: 7px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
    .cat_edit_current_resp table{ width: 100%;  }
    .cat_edit_current_resp table tr td{ padding: 5px; }
    .cat_edit_current_resp span{ font-size: 24px; color: #f1556c; cursor: pointer; }


/* BLOCK RESPONSABLE */
.responsable{ display: table; line-height: 1.2; }

    .responsabLe_img{ display: table-cell; width: 75px; height: 75px; }
    .responsabLe_img img{ width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; 
        box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); }
    .responsable_name{ display: table-cell; height: 50px; display: table-cell;vertical-align: middle;  padding-left: 10px; font-size: 12px; }
    
    .responsable_mail{ color: #373c48; line-height: 2; }
    .responsable_mail:hover{ text-decoration: underline; }


/* EXPERTO */
.experto_txt{ display: none; }


/* DOCUMENTOS CATEGORÍA */
.single_cat_doc{ width: 100%; border-bottom: 1px solid rgba(110,118,142,.4); margin-bottom: 15px; }

    .single_cat_doc .input{ float: left; padding-right: 15px; }
    .single_cat_doc .input p{ font-size: 11px; color: #373c48; padding-bottom: 3px; }
    .single_cat_doc .input_name{ width: 30%; }
    .single_cat_doc .input_link{ width: 50%; }

    .single_cat_doc .input input{ width: 100%; padding: 4px; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

    .single_cat_doc_delete{ float: left; }

.single_cat_doc_new{ margin-top: 20px; }


/* FORMULARIS =================================================================== */

/* MUNTAR ICONA */
#label_input{ position: absolute; margin-left: 90px; margin-top: 3px; background-color: #e6e6e6; border: 1px solid #e6e6e6; cursor: pointer; padding: 5px 10px; font-size: 12px;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 70px; text-align: center; }
#label_input label{  width: 100%; height: 100%; cursor: pointer; color: #000; }

#mc_list{ width: 81px; height: 81px; border: 1px solid #e6e6e6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }

#mc_list_inner{ width: 73px; height: 73px; background-color: #e6e6e6; position: absolute; margin: 3px 0 0 3px; 
    background-size: contain; background-position:center; background-repeat: no-repeat;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.thumb{ width: 70px; height: 70px; object-fit: contain; }


/* INPUT GENERAL */
.input_gen{ margin: 15px 0; }
    .input_gen p{ font-size: 14px; font-weight: 300; margin-bottom: 4px; }
    .input_gen input, .input_gen select{ width: 100%; border: none; border: 1px solid #ccc; padding: 10px; 
        webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
        -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
        font-family: 'Montserrat', sans-serif; }

.form_head_title{ width: 100%; background-color: #e6e6e6; font-size: 15px; padding: 10px; color: #000; cursor: pointer; }
    .form_head_title span{ float: right; cursor: pointer; }
    .form_head_title:hover span{ opacity: .7; }

input[type='time']{ border: none; border: 1px solid #ccc; padding: 10px; font-family: 'Montserrat', sans-serif;
        webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
        -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }


/* grupos */
.cat_edit_grups{ border: 1px solid #DDD; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-top: 15px; }
    .cat_edit_grup{ width: 100%; padding: 12px; border-bottom: 1px solid #DDD; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    .cat_edit_grups .cat_edit_grup:last-child{ border: none; }

/* responsable */
.responsable_list_img{ display: table-cell; width: 40px; height: 40px; }
    .responsable_list_img img{ width: 100%; height: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; 
        box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); }


.responsable_list{ height: 300px; overflow-y: scroll; }



/* ENTRADAS =============================================================== */
.entrada_ultima_modificación{ margin-top: 15px; font-size: 11px; color: #373c48; line-height: 1.3; }

/* enlace externo */
.entrada_link{ font-size: 14px;  
     overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }


  
    .entrada_link span{ font-size: 20px; }
    .entrada_link a{ color: #373c48; }
    .entrada_link a:hover{ text-decoration: underline; }

.entrada_link_descripcion{ margin: 30px 0 15px 0; }

/* documentos */
.entrada_documentos{ font-size: 14px; line-height: 1.8; }
    .entrada_documentos a{ color: #373c48; }
    .entrada_documentos a:hover{ text-decoration: underline; }

.entrada_documentos table{ width: 100%; }
.entrada_documentos_data{ text-align: right; font-size: 13px; white-space: nowrap; }
.deprecated{ color: #f1556c; }

.documentos_autor{ font-size: 9px; font-style: italic; font-weight: bold; }

/* compania */
.entrada_compania img{ max-width: 80%; height: auto; }

/* valoracoin */
.face_valoracion{  }
    .face_valoracion .mdi{ font-size: 45px; }

    .neutral_puntuat{ color: #f7b84b; }
    .neutral_no_puntuat{ color: #6c757d; opacity: .2; }

    .mdi-emoticon-happy{ color: #1abc9c; }
    .mdi-emoticon-sad{ color: #f1556c; }


.mc_valoracion_entrada{ float: right; text-align: right; }
    .mc_valoracion_entrada label{ font-size: 25px; }
    .tu_valoracion{ margin-top: 10px; background-color: #1abc9c; padding: 6px 0; color: #fff; text-align: center; font-weight: bold; cursor: pointer; }



/* entrada categoria */
#expertos_companyia{ display: none; height: 90%; max-height: 700px; width: 100%; max-width: 700px; }
#claves_companyia{ display: none; }

#pu_noticias, #pu_eventos, #pu_encuestas, #pu_interpol{ display: none; width: 100%; max-width: 1200px; }


.popup_bt_tancar{ font-size: 23px; }

.competencia_img_comp{ float: right; width: 100px; height: 50px; background-size: contain; background-position: center; background-repeat: no-repeat; }
.competencia_options{ padding-top: 10px; }

.cont_table table{ width: 100%; position: relative; }
    .cont_table thead{ height: 50px; background-color: #F7F7F7; border-bottom: 1px solid #DDD; font-size: 13px; font-weight: bold;  }
    .cont_table td{ webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 7px; }
    .cont_table tr{ border-bottom: 1px solid #DDD; }
    /*.cont_table a{ color: #29ABE2; }*/
    .cont_table a:hover{ opacity: .7; }

.table_claves{ max-width: 100%; }
.table_claves td{ padding: 12px; line-height: 1.3; }
.table_claves thead tr{ background-color: #737373; color: #fff; }
.table_claves tbody tr:nth-child(even){ background-color: #f2f2f2; }


/* entrada companyia */
.entrada_companyia{ width: 100%; }

    .entrada_companyia tr td{ width: 20%; text-align: center; }
    .entrada_companyia tr td:first-child{ width: 20%; }

    .entrada_companyia tr td a{ color: #5f666d; }
    .entrada_companyia tr td a div:hover{ opacity: .6; }

    .entrada_companyia tr td img{ max-width: 100%; height: auto; }

    .empty_star{ float: left; margin-right: 2px; }
    .empty_star{  color: #d2d2d2; }

.cont_head_compania_stars{ float: right; }
    .full_star{ float: left; margin-right: 2px; }
    .full_star{  color: #EDB867; }


/* entrada comunicaciones */
.entrada_comunicaciones{ width: 100%; }
.entrada_comunicaciones tr td{ padding: 5px; font-size: 12px; }
.entrada_comunicaciones tr:nth-child(even){ background-color: #f2f2f2; }
.entrada_comunicaciones span{ font-size: 22px; }

.numberCircle{  border-radius: 50%; width: 32px; height: 32px; padding-top: 10px; text-align: center; }

.comunicacion_off .numberCircle{ background: #fff; border: 1px solid #666; color: #666; }

.comunicacion_on .numberCircle{ background: #1abc9c; border: 1px solid #1abc9c; color: #fff; font-weight: bold; }
.comunicacion_on a{ color: #1abc9c; cursor: pointer; }


.popup_table{ width: 100%; position: relative; font-size: 12px; }
    .popup_table thead{ height: 50px; background-color: #F7F7F7; border-bottom: 1px solid #DDD; font-weight: bold;  }
    .popup_table td{ webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 7px; }
    .popup_table tr{ border-bottom: 1px solid #DDD; }
    .popup_table a{ color: #333; }
    .popup_table a:hover{ opacity: .7; }

    .popup_table_img{ width: 50px; height: 50px; background-size: cover; background-position: center; background-repeat: no-repeat; }







/* comentarios */
.comentari_form{ padding-bottom: 20px; margin-bottom: 25px; border-bottom: 5px solid #373c48; }

    .comentari_textarea{  }
    .comentari_textarea textarea{ width: 100%; height: 130px !important; resize: none; font-family: 'Montserrat', sans-serif; font-size: 12px; 
        padding: 10px; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccc; }

    .comentari_radio{ float: right; margin-right: 15px; margin-top: 10px; font-size: 12px; }
    .comentari_radio span{ font-size: 25px; }
    .comentari_radio .bien{ color: #1abc9c; }
    .comentari_radio .mal{ color: #f1556c; }
    .comentari_radio .neutro{ color: #6c757d; }

    .bt_enviarcomment{ margin-top: 20px; background-color: #1abc9c; width: 120px; padding: 10px 0; color: #fff; text-align: center; font-weight: bold; 
        cursor: pointer; }

.comentario_item{ margin: 15px 0; padding-bottom: 15px; border-bottom: 1px solid #373c48;  }

    .comentario_item_head{ display: table; margin-bottom: 15px; }

        .comentario_item_img{ display: table-cell; width: 35px; height: 35px; }
        .comentario_item_img img{ width: 100%; height: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; 
            box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); }

        .comentario_item_icon{ display: table-cell; vertical-align: middle; padding: 0 10px; font-size: 30px; }
            .comentario_item_head .grey{ color: #6c757d; }
            .comentario_item_head .red{ color: #f1556c; }
            .comentario_item_head .green{ color: #1abc9c; }

        .comentario_item_name{ display: table-cell; vertical-align: middle; font-size: 11px; line-height: 1.3; padding-right: 15px; } 
            .comentario_item_name span{}

        .comentario_item_delete{ display: table-cell; vertical-align: middle; }

            .comentario_item_delete_inner{ cursor: pointer; padding: 10px; color: #f1556c; font-size: 22px; 
                -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
            .comentario_item_delete:hover{ opacity: .7; }
        


/* ENTRADAS CREAR */
.head_title{ width: 100%; background-color: #DDD; font-size: 16px; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px;
    -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; cursor: pointer; }
    .head_title span{ float: right; cursor: pointer; }
    .head_title:hover span{ opacity: .7; }


.companias_list{ height: 340px; overflow-y: scroll; }

.mc_promocion input[type='text']{ width: 100px; }

.type_enlace_externo input[type='text']{ width: 100%; max-width: 800px; }

.txtarea{ width: 100%; max-width: 800px; border: none; border: 1px solid #ccc; height: 120px !important; resize: none; padding: 10px;
    font-family: 'Montserrat', sans-serif; font-size:13px;
    webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }


select{ border: none; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }


.entrada_items{ margin-top: 15px; width: 820px; }
    
    .entrada_item{ margin-top: 15px; }

    .entrada_items_title{ font-size: 13px; }

    .entrada_item_bts{ float: right; margin-top: 5px; }

        .entrada_add{ background-color: #1abc9c; }
        .entrada_delete{ background-color: #f1556c; }

        .entrada_delete, .entrada_add{ cursor: pointer; margin-bottom: 3px; padding: 10px; color: #fff; font-size: 18px; 
            -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

        .entrada_delete:hover, .entrada_add:hover{ opacity: .7; }
        .entrada_add i{ font-size: 27px; color: #3E8ACC; padding-left: 4px; }



#pu_telegram{ display: none; }

.send_telegram_title{ padding: 10px; }

.send_telegram_subjects{ line-height: 2.3; }

.send_telegram_subjects textarea{ width: 100%; height: 130px; resize: none; border: none; border: 1px solid #ccc; padding: 5px;
    font-family: 'Montserrat', sans-serif; font-size: 13px;
    webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.pu_telegram_explain{ text-align: right; margin-top: 12px; font-size: 11px; color: #566676; font-weight: bold; }

.send_telegram_bt{ margin-top: 5px 0; background-color: #1abc9c; padding: 6px 0; color: #fff; text-align: center; font-weight: bold; cursor: pointer; }

.swal2-container{ z-index: 99999 !important; }


/* NOTICIAS ==================================================================== */
.noticia_fecha{ font-size: 11px; font-weight: bold; margin-bottom: 25px; font-style: italic; margin-top: -5px; }
.noticia_fecha table td{ padding: 2px 5px; }

.cont_head_menu_users{ float: left; }
    .cont_head_menu_users div{ padding: 19px; display: inline-block; font-size: 13px; cursor: pointer; border: 1px solid #DDD; }
    .cont_head_menu_users .bt_on{ background-color: #F7F7F7; color: #777; border: 1px solid #999; }
    .cont_head_menu_users .bt_off{ color: #B6B6B6; }
        .cont_head_menu_users .bt_off:hover{ background-color: #F7F7F7; color: #777; }
    .cont_head_menu_users div span{ font-size: 12px; color: #fff; font-weight: bold; background-color: #f1556c; padding: 0 7px; 
        -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.link_new{ color: #566676; }

.noticia_editar{ font-size: 30px; color: #4a81d4; }

.block_title_new{ padding: 10px 0; border-bottom: 1px solid rgba(110,118,142,.6); color: #373c48; margin-bottom: 15px; font-weight: bold; font-size: 25px; }

.popup_impacto_valoracion{ text-align: center; font-size: 20px; }

.popup_impacto_valoracion .neutral_no_puntuat{ color: #6c757d; opacity: .2; }
.popup_impacto_valoracion .neutral_puntuat{ color: #f7b84b; }
.popup_impacto_valoracion .mal{ color: #f1556c; }
.popup_impacto_valoracion .bien{ color: #1abc9c; }

.noticia_ver_impacto{ float: right; color: #4a81d4; font-size: 22px; cursor: pointer; margin-top: -5px; margin-top: -5px; }

.cont_head_buscador{ float: left; padding: 3px 0; width: 200px; height: 27px; margin-left: 15px; position: relative; }
    .cont_head_buscador input{ height: 27px; padding: 20px 40px 20px 10px; width: 100%; border: 1px solid #DDD; 
        webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .buscador_borrar{ position: absolute; right: 10px; top: 15px; cursor: pointer; font-size: 21px; }


.doc_buscador{ padding: 3px 0; width: 300px; position: relative; margin-bottom: 7px; }
    .doc_buscador input{ height: 27px; padding: 20px 40px 20px 10px; width: 100%; border: 1px solid #DDD; 
        webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



/* NOTICIAS NUEVA ========================================================== */
/* DESPLEGABLE USUARIS EN NOTIFICACIONS */    
.desplega_user_top{ width: 100%; padding: 12px; border-bottom: 1px solid #DDD; cursor: pointer; position: relative;
    webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.desplega_user_top span{ /*position: absolute; right: 20px; margin-top: 15px;*/ }

.desplega_user_item{ width: 100%; padding: 12px 12px 12px 30px; border-bottom: 1px solid #DDD; position: relative;
    webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }




/* LANZADERA WHATSAPP =========================================================== */
.whatsapp_cats{ /*float: left; width: 40%;*/ }

.whatsapp_content{ /*float: left; width: 60%;*/ width: 100%; }
    .whatsapp_content textarea{ width: 100%; height: 200px; resize: none; font-family: 'Montserrat', sans-serif; font-size: 13px; }

    .whatsapp_content input{ padding: 10px; }



.eventos_bt_pdf_asistencia{ margin-bottom: 15px; background-color: #1abc9c; width: fit-content; padding: 5px 10px; margin-top: -20px; }
.eventos_bt_pdf_asistencia a{ color: #fff; }
.eventos_bt_pdf_asistencia span{ font-size: 18px; }


/* INTERPOL ===================================================================== */
.icon_cartera{ font-size: 21px; color: #1abc9c; }
.icon_alerta{ font-size: 21px; color: #f1556c; }
.icon_pendiente{ font-size: 21px; color: #f7b84b; }

.interpol_radio_tipo{ margin: 20px 0; line-height: 2; }

.interpol_expira{ margin-bottom: 20px; }
.interpol_expira input[type='text']{ width: 110px; }

.interpol_comentario_item{ border-bottom: 1px solid #e6e6e6; padding-bottom: 10px; margin-bottom: 10px; }
    .interpol_comentario_item_texto{ font-size: 14px; margin-top: 4px; }

.interpol_valoraciones{ font-size: 12px; line-height: 1.5; }

#no_leida, #valor1, #valor2, #valor3{ display: none; height: 90%; max-height: 700px; width: 100%; max-width: 500px; }

.interpol_impacto{ text-decoration: underline; color: #4a81d4; cursor: pointer; }

#final{ width: 100%; max-width: 700px; display: none; width: 100%; }
.bt_enviar_finalcomment{ margin-top: 20px; background-color: #1abc9c; width: 120px; padding: 10px 0; color: #fff; text-align: center; font-weight: bold; cursor: pointer; }



/* ENCUESTAS =================================================== */
.pregunta_item{ margin: 15px 0; padding-bottom: 15px; border-bottom: 1px solid #ccc; }

    .pregunta_item_txt{ margin-bottom: 15px; }
    .pregunta_item_txt span{ font-weight: bold; }

    .pregunta_item select{ width: 100px; padding: 10px; }
    .pregunta_item input[type='text']{ width: 100%; border: none; border: 1px solid #ccc; padding: 10px; font-family: 'Montserrat', sans-serif;
        webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
        -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.enq_realizada{ color: #f1556c; font-weight: bold; }

.enqest_totalusers{ width: 100%; margin-top: 15px; }
.enqest_totalusers thead th{ background-color: #f1f1f1; }
.enqest_totalusers td, .enqest_totalusers th{ padding: 7px; border: 1px solid #ccc; }

.enqest_title_section{ margin-top: 30px; font-weight: bold; }


.green { color: #1abc9c; /*font-weight: bold;*/ text-decoration: underline; }

.user_selected { background-color: rgba(120,133,145,.2); }

.bt_vot_individual{ transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); display: inline-block; }

.table_coments{ margin: 7px 0; width: 100%; }

.nowrap{ white-space: nowrap; }

.recc_preguntes table tr td{ text-align: center; padding: 4px; border: 1px solid #ccc; }
.recc_preguntes table span{ font-size: 10px; font-style: italic; }

.emoticon_val1, .emoticon_val2, .emoticon_val3, .emoticon_val4, .emoticon_val5{ font-size: 60px; padding-right: 15px; }
.emoticon_mini_val1, .emoticon_mini_val2, .emoticon_mini_val3, .emoticon_mini_val4, .emoticon_mini_val5{ font-size: 30px; padding-right: 15px; }

.emoticon_val1, .emoticon_mini_val1{ color: #f1556c; }
.emoticon_val2, .emoticon_mini_val2{ color: #f17255; }
.emoticon_val3, .emoticon_mini_val3{ color: #f7b84b; }
.emoticon_val4, .emoticon_mini_val4{ color: #a2c77b; }
.emoticon_val5, .emoticon_mini_val5{ color: #1abc9c; }

.bar_val1{ background-color: #f1556c; }
.bar_val2{ background-color: #f17255; }
.bar_val3{ background-color: #f7b84b; }
.bar_val4{ background-color: #a2c77b; }
.bar_val5{ background-color: #1abc9c; }


.varios_destacat{ background-color: #1abc9c; color: #fff; font-weight: bold; }

.enqest_select_type_user{ margin-top: 20px; }
.enqest_select_type_user label{ padding-right: 10px; }


/* SOLICITAR INFORMACIÓN ======================================================================= */
.container_simple{ width: 100%; max-width: 1000px; margin: 120px auto; }


/* CONFIGURACIÓN =============================================================================== */
.form_config_avisos textarea{  width: 100%; height: 130px !important; resize: none; font-family: 'Montserrat', sans-serif; font-size: 12px; 
        padding: 10px; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccc; }

.form_config_avisos input[type='number']{ width: 70px; }

.conf_nivel{ float: left; padding-right: 20px; }