/*@import url('https://fonts.googleapis.com/css?family=Raleway:300,400'); */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,500;0,700;1,300;1,500;1,700&display=swap');

body { margin:0px; padding:0px; overflow:hidden; font-family: "Montserrat", "Open Sans", Arial, Verdana, sans-serif; display: flex; justify-content: center; align-items: stretch;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Montserrat", "Open Sans", Arial, Verdana, sans-serif; }



body.login, body.start {    flex-direction: column;}
body.start p {margin: 20px; }

.bienvenido {font-size:0.7em;     margin-top: 17px; float: left;     width: 135px;}

/* Tipografias */
.modal-body{font-size: 14px;}
.modal-title{font-size: 24px; font-weight: 100;}
h4.modal-title span{font-size: 14px; line-height: 1em; opacity: 0.8;}
.modal-content {border-radius: 5px;  box-shadow: 0 0 12px 0px #00000080; background-image: url(../img/top-popup.png);  background-position: top center;  background-repeat: no-repeat;    background-size: contain;}

#modal {padding: 0px;}
#modal button.close{    background: #db0000; color: white;}
#modal button.close .fa { font-size: 1.4em;}

select, input, textarea { font-family:"Montserrat"; }
img { border:none;}
.edicionmasiva { font-weight: normal;
}.cont-edicionmasiva { padding: 10px; font-weight: normal; font-size:1em;}
#entorno-pestanas { flex-grow: 0; flex-shrink: 0; width:230px;} /* barra lateral de menu   */
#entorno-pestanas li, #entorno-generales li{     display:block;     float:left;     font-size: 13px; }
#entorno-pestanas .vertical .cont_nivel0 li, #entorno-generales .vertical .cont_nivel0 li {     display:block;     float:none;     font-size: 14px; }
#entorno-pestanas a {     text-decoration:none;     display:block;    padding: 8px 10px;   line-height:30px;   color: white;}
#entorno-pestanas #menu-principal ul {  padding:0px; }
#menu-general { padding: 8px; }
#entorno-generales a {   padding: 3px 10px;     text-decoration:none;     display:block;   line-height:30px;  }
#entorno-pestanas .esnormal a{  height:33px;  line-height: 18px; }
/*#entorno-pestanas a, #entorno-pestanas a span, #entorno-generales a, #frm-accionesmulti a{    -webkit-transition: 0.5s ease-out; transition: 0.5s ease-out; }*/
#menu-principal a.btn-nivel0 { display:none;}

.vista-previa-enriquecido h1 { font-size: 20px; } 

#modal .modal-header{ min-height: 84px; border-radius:5px 5px 0px 0px; border-bottom: none; padding-top:32px; }   /* titulo de ventanas */
#modal .modal-footer { border-top: 0;}

textarea {border: none;}

.progressive{
   transition: 0.3s ease-out;
}
.progressive2x{
   transition: 0.25s ease-out;
}

/*
.logout:hover .iconocerrar {
    transform: rotate(180deg);
}

*/

.filaseleccionada {background:#0138ff24 !important; }
.filalistado ul { padding-left: 0px;    list-style: none;}

.cont-edicionmasiva {display: none;}

#entorno-generales{
    display:none;
}

    #entorno-pestanas img, #entorno-generales img {margin-top:3px; float:left; margin-right:3px;}
    #entorno-pestanas .activa {background-image:none;  }
    #entorno-pestanas li.bienvenido.name {color: #BEBEBE; margin: 0px 6px; padding: 7px; font-style: italic; font-size: 9px; cursor: pointer; position: relative;}

/*  #entorno-pestanas a:hover { color:#FFF; background: url(../img/degradado-pulsado.png)   repeat-x; }         */
        #entorno-pestanas .noactiva:hover, #entorno-generales .noactiva:hover { background-image:none; border-left:solid 2px #393939; border-right:solid 1px  #484848;}

    #entorno-generales { float:right;  height:30px; position:relative;}

    #entorno-generales{
        background: fixed;
        display: block;
        position: fixed;
        right: 0px;
        z-index: 120;
    }

    #entorno-generales .vista-publica { background-color:#1C6AC1; color:white;}
    #entorno-generales .soporte { background-color:#EC8904; color:white;}
    #entorno-generales .vista-publica:hover { background-color:#2083CC;}




    #entorno-generales #lang-switch { /* color:white; */}
    #entorno-generales #lang-switch:hover, #entorno-generales #lang-switch:focus { color:#5F5F5F; }


    a { text-decoration:none;}
    a:hover { text-decoration:none;}
    a:visited { text-decoration:none;}

#entorno-submenu, #entorno-submenu-flotante {clear:both; background-image:url(../img/submenu-suave.png); background-position: bottom; background-repeat:repeat-x; height:auto; border-bottom:solid 1px white; box-shadow: 3px 3px 5px #888;}
    #entorno-submenu ul, #entorno-submenu-flotante ul { padding:0px; margin:0px;}
    #entorno-submenu li, #entorno-submenu-flotante li{ display:block; float:left; font-size: 11px; padding: 7px;  margin: 1px; margin: 0px; }
    #entorno-submenu a, #entorno-submenu-flotante a { text-decoration:none; padding: 6px; line-height: 12px; }

    #entorno-submenu-flotante{ position:absolute; box-shadow: 5px 8px 18px -6px #555; z-index:1000;}
    #entorno-submenu-flotante li{ float:none;}
    #entorno-submenu-flotante li:hover{ background:#FFFFFF; }

    #entorno-filtros { display:none; margin:0px 20px; }

    #tablascroll th{
        position: sticky;
        top: 0;
        z-index: 2;

    }
#entorno-datos.menuvertical { margin-top: 5px; }
#entorno-migas {
    clear: both;
    font-weight: bold;
    margin-top: 5px;
    /*
    height: 30px;
    line-height: 15px;
    padding: 0 0 0 5px;
    */
}
    #entorno-migas ul { list-style:none; padding:0px; margin:0px;}
    #entorno-migas li { display:inline-block; list-style:none;
        zoom: 1; /* IE7 (hasLayout)*/
        *display: inline; /* IE */
        padding: 7px 0px 0px 2px;
    }

    #entorno-migas li a:hover {
        list-style:none;
        color: black;
    }
    #entorno-migas a {
        text-decoration:none;
        font-size:14px;
        font-weight: normal;
        line-height:20px;
        padding: 5px 12px;
        border-radius: 13px;
    }
    #entorno-migas a:hover {
        text-decoration:none;
    }
    #entorno-migas i {color:#636363;}

#entorno-cabecera { background:#999; margin:0px 20px; font-size:10px; font-style:italic; color:#FFF;}
    /* #entorno-cabecera .columna { display:inline-block; padding:5px 0px;  border-right:solid 1px #666; padding-right:-1px;} */

#entorno-lista { overflow:auto;     position:relative; width: 100%;  font-size:11px; background:#999;  }
    #entorno-cuerpo-lista { margin:0px 2px 0px 20px; background:#F3F3F3;}
/*  #entorno-cuerpo-lista .fila { border-bottom:solid 1px #CCC; }
    #entorno-cuerpo-lista .columna { display:inline-block; padding:5px 0px; border-right:solid 1px #666;}
    */


    #lista-personalizada-over { min-height:1px; margin: 0px 18px; }
    #lista-personalizada-under { margin:4px 18px 22px 18px; min-height:1px;}
    #lista-personalizada-left { padding:5px; float:left;}
    #lista-personalizada-right { padding:5px; float:right; }

    /*#entorno-paginas { position:absolute; bottom:4px; right:0px; }*/
        /*#entorno-paginas a{ display:block; float:left; margin:6px 3px 0px 0px;}
        #entorno-paginas .pagina {background:url(../img/pag.png) no-repeat; display:block; width:20px; height:17px; font-size:11px; line-height:17px; text-align:center; color:#666; font-weight:bold; text-decoration:none;}
    #entorno-numelementos  { padding:5px 0px 0px 8px; font-size:10px; position:absolute; bottom:4px; }
        #entorno-paginas .pagina:hover { color:#000;}*/


    #epp-pie {width: 37px; font-size: 10px; text-align: center; margin:0px;}

.ajuste { clear:both}



.cont-tabla{ margin:10px 20px 20px 20px; flex-grow: 1; flex-shrink: 1; display: flex; flex-direction: column;     height: 1px; overflow: visible;     align-items: stretch;}

.boton{
    font-size: 13px;
    text-decoration: none;
    line-height: 22px;
    border: none;
    border-radius: 20px;
    padding: 9px 9px;
    white-space: nowrap;
    display: block;
    margin: 5px 2px;
    min-width: 36px;
    text-align: center;
    display: inline-block;
    border:solid 1px #ffffff00;
}

.botonborde { border: solid 1px #ededed; }


.bootstrap-select .boton{
    background: none;
    border:none;
   /* padding: 5px 0 5px 10px;*/
    font-size:12px;
}

.bootstrap-select .boton:focus {
    outline: none !important;
}


#aceptar-cancelar .boton{  }
.form-control{
    font-size:12px;
    border-radius:5px;
    border:none;
    background: #fafafa;
    /*width:97%;*/
}
.bootstrap-select .dropdown-toggle:focus {outline: none;}

.tabla-hijosdirectos .form-control { display: inline; }
.boton span { margin-left:5px; vertical-align: text-bottom;}
.fa-1-5x { font-size:1.5em;}
.boton {transition: 0.25s ease-out; }
.iconocerrar {font-size: 12px; }
.iconocerrar:hover {} 
/*
.iconocerrar{ color:white; padding: 4px 10px;}
.iconocerrar:hover {color:#DB0000;}
*/
/* .awesomecerrar, .awesomeeditar, .awesomedescargar{font-size:12px;} */
.awesomecerrar{color:#db0000;}
.awesomeeditar{color:#55ab26;}
.awesomedescargar{color:#00A4DF}
.awesomeeditartags {color:#55ab26;}
.awesomeupload {color:#822DB3;}
#entorno-pestanas .slicknav_menu li a{border: none; display:initial;background-image:none; background-color:inherit;}
#entorno-pestanas .slicknav_menu .esnormal{display:block;}
#entorno-pestanas .slicknav_menu li{float:none;}
#entorno-pestanas #menu-principal .esflotante{
    /** display:block; */
    background:#414141;
    position: absolute;
    z-index: 1000;

    background-position: bottom;
    background-repeat:repeat-x;
    height:auto;
   /* right:0; */
    left:0;
    /*border-bottom:solid 1px white; */
    box-shadow: 3px 3px 5px #888;
    border-radius:0;

}
#entorno-pestanas #menu-principal .esflotante li{float: none; white-space: nowrap;}
#entorno-pestanas .slicknav_menu >ul > li >a {border-left: 5px solid;}
#entorno-pestanas .slicknav_menu > ul > li > ul {margin-left: 40px;}

#menu-principal{margin:0;padding:0; font-size: 13px;}

.fondo-menu-principal{
    background: #f7f7f7;
    width: 230px;
    float: left;
    z-index: 2 !important;
    position: fixed;
    height: calc(100% - 100px);
    padding: 0px 0px !important;
    margin-top: -6px !important;
    overflow-y: auto;
    border-radius: 0 10px 0 0;

}

.cont-gravatar{
    text-align: center;
    padding: 15px 15px 0 15px;
    margin:auto;
    color:#8a8a8a;
    height: 100px;
}
.cont-gravatar a.avatar{
    display: contents !important;
}
.cont-gravatar hr{
    color: #5d5d5d;
    border: none;
    border-bottom: solid 1px;
}

#entorno-pestanas img.gravatar{
    border: solid 1px white;
    border-radius: 40px;
    float: left;
    margin:5px 0px 15px 0px;
    max-width: 60px;
    max-height: 60px;
}


#aceptar-cancelar {
    position: absolute;
    right: 10px;
    display:none;
    z-index:5000;
}

#aceptar-cancelar-espacio { display:block; height:0; width:20px;  clear:both;}
.menu-desplegable {padding:10px; border-radius:15px; position:absolute; display:none; z-index:100; font-size: 12px; max-height: 45vh; overflow: auto;}
.menu-desplegable ul { list-style:none; margin:3px; padding:0px; font-style:normal;  }
.menu-desplegable li { margin:1px; padding: 6px; width: 100%; display: block; }
.menu-desplegable li:hover { background: #f7f7f7;}
.menu-desplegable a { text-decoration:none; display: block; white-space: nowrap;}






#aceptar-cancelar .fa-save { }
#aceptar-cancelar .fa-times { color:red;}
#aceptar-cancelar .fa-chevron-circle-left, #aceptar-cancelar .fa-chevron-circle-right, #aceptar-cancelar .fa-plus { color:#2457cb;}
#aceptar-cancelar .fa-check { color:green;}

#tablascroll {
    border-collapse:collapse;
    width:99.92%;
    font-size:12px;
    margin-bottom: 0px !important;
    /*table-layout: fixed; */
}
.tabla-hijosdirectos{
    /*table-layout: fixed;*/
}
th.col-editar, td.col-editar{
    display:inline-block;
    width:40px;
}
#tablascroll tbody tr{
    height:50px;
}
    #cuerposcroll {overflow: auto;}
    #table-fixedheader th {background:#fff; }
    #primera-fila {display: none;}
    #primera-fila, #primera-fila td { line-height:1px; border:0px; padding:0px; margin:0px; display: none;}
    #cabecera-tabla {position:absolute; margin-top:0px;  z-index:50;}

    #cabecera-tabla td, #primera-fila td {background:#414141; color:#CCC; font-style:italic; padding:5px 5px; }
    #cabecera-tabla td a, #primera-fila td a { color:#CCC; text-decoration:none;}
    #primera-fila td { padding-top:0px; padding-bottom:0px; border-top:0px; border-bottom:0px; }
    .imgorden { width:17px; display:inline;  }

    #tablascroll .cajatexto{ font-size:10px; padding:1px 4px; height:22px; color:#333333;}

    /** Columnas con ancho fijo **/
    .columna-acciones { width:40px; white-space: nowrap; text-align: center;}
    tbody .columna-acciones{  }
        td.columna-acciones { margin-top: -1px; }
        td.columna-acciones a {  text-decoration:none; padding:0px 3px; display:inline;}
    .columna-seleccionar { text-align: center; width:50px;}
    td.toggle-info{display:inline-block;}
    .columna-idnodo { width:50px;}
    .columna-publicado{ width:75px;}
    .columna-orden{ width:85px; text-align:center;}
    .columna-sys_date_insert{width:85px;}
    .columna-sys_date_update{width:85px;}
    #modal .columna-acciones{
        /*width:100px; */
    }
    #modal .columna-acciones a{
        font-size:10px;
    }

    /** Ordenación **/
    .col-sorted i { padding-left:3px; font-size:12px;}
        #btn-seleccionar{
            border-radius: 3px;
            padding: 3px 0px;
            text-align:center;
        }
        #btn-seleccionar i{ font-size:16px; }
        #btn-seleccionar input{
            margin-left: 2px;
            margin-top: 4px;
            width:auto;
        }
        #btn-seleccionar a {color:#666666; }
        #acciones-multi { }
        #acciones-multi a {}
        #herramientas { width:auto; right: 10px; top: 50px; max-height: 400px; overflow: auto; }
        #importar {right: 0px; top: 33px; }
        #importar-general { top:35px; right: 12px; padding: 14px; }
        #importar-masivo { right:0px; padding: 14px; }
        #resultados-masivo{ width:100%; font-size: 12px;}
        #fsUploadProgress1 { margin:10px 0px;}
        #importar-masivo { right:0px; padding: 14px; }
        #importar-masivo object{ float:right;}
        #btnCancel1{ float:right; margin-left: 2px; font-size: 10pt; font-weight:bold; letter-spacing: -1px; font-family: arial; height: 24px;}



        #iframe-importar { display:none;}
        #iframe-importar-general { display:none;}
        #iframe-accionesmulti { display:none;}
        #iframe-masivo {display:none;}
        #btn-submit { display:none;}
        #iframe-nodo { height: 187px;   width:100%; background-color: #CFF7D9;    font-size: 10px; border: dashed 1px #008000;
  margin: 10px 0px 0px 0px;}

    /** Remarcado fila activa tabla **/
    /*.fila-activa { background:#E4E4E4 !important;}*/
    /*.fila-activa td { background:#1f1f1f40 !important;}*/
    .fila-activa {background:#0138ff12; transition: background 0.5s;}
    .fila-activa td .campo-dentro {background: none;}

    .columna-hijos {position: relative; width: 10px;}
    .capa-hijos{  position:absolute; top:20px; right:45px; width:fit-content; overflow:visible; }
    .capa-hijos2 { /*width:900px;  z-index:10; left:53px; top:1px; margin-top:18px; color:#0C6;*/ }
        .capa-hijos ul { padding:0px; margin:0px;}
        .capa-hijos li {
            vertical-align: top; /* BASELINE CORRECCIÓN*/
            zoom: 1; /* IE7 (hasLayout)*/
            *display: inline; /* IE */
        }
        .capa-hijos a {text-decoration:none;}
        .ver-hijos {     width: 100%;     display: block; }

    .btn-abrir-hijos {font-size: 1.3em;}

    .separador a img,.separador .ktooltip{float:left;}

    .tip{ display:none; position:absolute; top:32px; left:20px; background:#2d86e0;  padding:10px; color:#FFF; text-align:left; min-height:30px; box-shadow:6px 6px 4px 0px #00000057; min-width: 300px; font-size: 14px; font-weight: 100; line-height: 19px; z-index: 4;}
    .tip a {color:white; font-weight: bold;}
    .top a:hover { text-decoration: underline;}
    .closetip{ width:14px; height:14px; background:url(../img/closetip.png) top left no-repeat; display:block; text-decoration:none; position:absolute; right:4px;}

    .candado {float:left; position:relative; margin:3px; width: 22px;}
    /*.candado .tipicon{ width:25px; height:23px; background:url(../img/tip.png) top left no-repeat; display:block; text-decoration:none; float:left;}*/
    .candado:hover .tip {display:block;}
    .tipo_PASSWORD .input_password{width: 83%; height: 34px; padding-right: 45px;}
    .ojito {margin: -13px;}
    .varita {margin: -25px; }
    a .varita {color:#a329ff;}

    .varita-type-text {    position: absolute;  right: 15px;}

    .ordenacion input { width:25px; text-align:center; font-size:9px; border:solid white 1px;}
    .ordenacion img { margin:0px 3px;}
    .ordenacion.visible img { visibility:visible;}
    .ordenacion.novisible img { visibility:hidden; }


    #vista-previa-img { position:absolute; z-index:55; display:none; }
    #vista-previa-img img {max-width: 500px; max-height: 5400px;}
    .vp {display: block; float: left; padding:2px; } /* enlaces de vista previa en las listas*/
/* login   */


.fondologo{margin:0 auto; height:180px; margin-bottom:20px;}
.fondologo img{width:100%}
.fondopantalla {min-height:100%; width:100%; position:fixed; top: 0; left: 0; z-index:-1;  }
#flogin{  margin: 0 auto;padding: 10px;width: 390px; font-size: 16px;border-radius: 4px;border: 2px solid #e6e6e6 ;max-width: 600px;}
#total-login{width:100%; margin-top:20px; height:auto; min-height: 140px; text-align: center; }
#total-login img { width: auto; max-width: min(400px, 92%); margin:25px auto;  max-height: 240px; }
.olvide { display: block; text-align: center; color: black; font-size: 15px;  box-sizing: border-box; }
#flogin .info_login { font-size: 24px; margin:auto; margin-bottom:30px;}
#flogin #mensaje{clear:both; color:#333333; text-align:center; font-size:14px;}

#flogin #mensajeresaltado{clear:both; margin:10px 15px 15px 15px; color:#BD152F; text-align:center; min-height:43px; font-size:14px;}

#flogin #form{ margin: 10px 10px; vertical-align:middle;}
#flogin .info_login {
    display: block;
    width: 100%;
    text-align: center;
    color: #848484;
    font-size: 24px;
    margin-top: 17px;
    margin-bottom: 20px;

}
#flogin .info_login .texto_login .fas {    margin-right: 13px;     color: #848484;}

#flogin input {border:solid 1px #CCCCCC;background:#F2F2F2; padding:1px; width:94%; font-size:21px;padding: 10px;margin: 2px 0px;color: #747474; font-family: 'Montserrat'; font-weight: 300;}
#flogin .normal1 { font-size:12px; }

#flogin .user_login label, .password_login label {display: block; margin-top:10px;}
#flogin .texto_login .image-wrapper{position:relative;width: 20%;}
/*span.image-wrapper:before {content: "\f023";font: normal normal normal 14px/1 FontAwesome;font-size: 40px;margin-left: 20%;}*/
#flogin .texto_login img{display:inline-block; vertical-align:middle;width: auto;max-width: 75%;}
#flogin .texto_login span{display:inline-block; vertical-align:middle; width: auto;max-width: 75%;}

#flogin #form .boton{color:#666;  width: 100%; border-radius:3px; margin-top:15px; border-color:#666; }
#flogin #form .boton:hover{opacity:0.8;}
#flogin form{margin:15px}
#flogin .ojito {margin: -28px;}


@media only screen
and (max-width : 768px) {
#flogin{width:90%;}
#flogin .info_login{width:100%; float:none;}
#flogin .info_login div.icono_login{margin-top:0;height:63px;}
#flogin .info_login div.texto_login{float:none;width:100%;margin-top:0; box-sizing:border-box; padding:0 0%;margin:0 15px;}
#flogin #form{float:none; width:100%; margin:0;border-left:none;box-sizing:border-box; padding:0 0%;}
#flogin input{width:95%}
#flogin .texto_login .image-wrapper{display:none;}
#flogin .texto_login span{width:100%; }



}





/*Aviso navegador IE6*/
#aviso-navegador {display:none;visibility:hidden;_background-color:#FFFFCC;_border:5px solid #EE5113;_color:#333333;_font-size:9pt;_height:auto;_line-height:12pt;_padding:15px;_position:absolute;_right:7px;_top:7px;_width:428px;_z-index:2;_visibility:visible;_display:block;}

.link_actualizar, .link_actualizar:hover  {color:white;}

/* inicio */

#inicio {
    margin-top: 70px;
}
    #texto-categoria { padding:10px; text-align:justify}
    #texto-categoria h1 { margin:0; padding:0; font-size:30px; letter-spacing: -1px; border-bottom: solid 3px #999; font-weight: 100;}
    #iconos-categoria { }
    #iconos-categoria a { width:100%; float:left; margin:4px; height:100px; font-size: 11px; text-decoration: none; opacity: .50; text-align:center;}
    #iconos-categoria a:hover { opacity:1;}

    #texto-categoria-inicio { width:47%; float:left; padding:10px; text-align:justify}
    #texto-categoria-inicio h1 { margin:0; padding:0; font-size:22px; letter-spacing: -1px; }
    #texto-categoria-inicio { width:100%; float:left;}


/* form nodo */

    #separadores-tabs {clear: both;}

    .ui-dialog-content { font-size:10px; background:none; overflow-x:hidden; }
    .ui-tabs { border: none; padding: 0px; margin: 0 0 10px 0;}
    .ui-tabs .ui-tabs-panel { padding:0px;     margin: 20px 0px 0px 0px;  }
    .ui-tabs-nav {background: none; border-top: none; border-right: none;  border-left: none; border-radius: 0;}
    .ui-dialog .ui-dialog-title span {font-size:9px; color:#999; font-style:italic; font-weight:normal; display:block; margin-top:4px;}
    .ui-dialog .ui-dialog-titlebar-close span { margin:-8px 0px 0px -8px; }
    .ui-tabs .ui-state-default {
        outline: none;
        margin:0 0 0 0;
        padding: 30px 19px 9px 20px;
        border-radius:5px 5px 0 0;
        border: solid 1px #becfd2 !important;
        background: white;
        color: #717171;
        transition-duration: 0.3s;

    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-active {padding:0 !important;}
    .ui-state-default a, .ui-widget-content .ui-state-default a, .ui-widget-header .ui-state-default a{ border-radius: 0 0 0 0; color:grey;     transition-duration: 0.3s;}
    .ui-state-default a:hover, .ui-widget-content .ui-state-default a:hover, .ui-widget-header .ui-state-default a:hover{ color: black; background: white;     box-shadow: 0px 0px 10px -5px black;  }
    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {outline: none;  border-bottom: solid 2px #888888;}
    .ui-tabs-active a { cursor: pointer !important;}
    .ui-state-hover { color:black;}
    a:focus { outline: none;}
     .ui-widget-header {border: none;}
     .ui-tabs .ui-tabs-nav li { margin: 1px .5em 0 0 ;}

    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding: 1em;}
    .ui-tabs .ui-tabs-nav {padding: 0px;}

    .md_campo_0, .md_campo_1 {width:100%; float:left; min-width:180px; }
        .md_campo_0 select, .md_campo_1 select { max-width: 865px;}
    .md_campo_2 {width:50%; float:left; min-width:304px; }
        .md_campo_2 select { max-width: 416px;}
    .md_campo_3 {width:33.33%; float:left; min-width:304px; }
        .md_campo_3 select { max-width: 266px;}
    .md_campo_4 {width:25%; float:left; min-width:227px; }
    .md_campo_5 {width:20%; float:left; min-width:10px; }

    .campo_contenedor{padding-left: 0px; padding-right:0px; min-height: 101px;}


    .contenedor_hd{ /*margin-top: 15px; */}
    .campo-dentro {  position: relative;min-height:87px; padding-bottom: 15px;}
    .campo-dentro.display2 {padding-bottom: 0px;}
    .tabla-hijosdirectos .campo-dentro {     min-height: auto; }
    .tabla-hijosdirectos .fila .campo-dentro { padding: 5px 0px; border-right: solid 1px #f7f7f7;}
    .tabla-hijosdirectos .fila .campo-dentro .control { min-height: 0; }
    .tabla-hijosdirectos .fila .campo-dentro.fila-activa{ border-right: solid 1px gainsboro;}
    .tabla-hijosdirectos .columna-orden {text-align: left;}

    .campo-dentro-separador { /*background:#15438e; color:#535353;  margin: 0px 1px;  background: #DDD; border-top: solid 1px white; color: white; */ } /* separadores  */
    .campo-dentro-separador { /* border-bottom: solid 2px #dadada;  */ } /* separadores  */
    .campo-dentro-separador a { color:#3a3a3a;      display: block;     width: 100%; }

    .menos90 {  transform: rotate(-90deg); margin-right: 6px;}

    .ui-tabs-panel {    border: 1px solid rgb(234, 234, 234);     display: flex;}

    #form-nodo .ayuda {
        display: block;
        float: left;
        height: 14px;
        margin: 13px -14px 0px 20px;
        width: 32px;
    }

    #form-nodo .ayuda:empty{display: none;}
    .ktooltip { opacity: 1; color: #585858; font-size: 13px; position:relative; height: 18px; width: 16px; z-index: 1;}
    .etiqueta {  padding: 12px 0 5px 20px; color:black; font-size: 12px;}
    #form-nodo .tabla-hijosdirectos .ayuda {
        float: left;
        display: block;
        position: relative;
    }
    #form-nodo .tabla-hijosdirectos tbody .ayuda {  display: none}
    .tabla-hijosdirectos .ktooltip {    position: relative;          z-index: 2;     top: -10px;}
    #form-nodo .campo-dentro-separador .etiqueta { padding: 10px 15px;  font-size: 18px; margin: 0px;  width: inherit; float: none; font-weight: 500;}
    #form-nodo .campo-dentro-separador .etiqueta span {  padding-right: 20px ; }
    #form-nodo .campo-dentro-separador .ayuda{ margin: 14px -12px 0px 13px; }
    #form-nodo .campo-dentro-separador .ktooltip {color:white;}

    .etiqueta.hijosdirectos{ padding: 0px 20px;  font-size: 18px; /* background:#C0C0C0;*/ margin: 20px 0px 10px 0px; clear: both;  width: inherit; float: none; font-weight: 500;}
    .etiqueta.hijosdirectos span { border-bottom: solid 1px #959595; padding-right:20px; }
    .anchocompleto { width:885px}
    .anchocompleto a{display:block; text-decoration:none; padding:2px 0px; font-weight: bold; font-size: 11px;}
    .control { padding:0px 20px; clear:both; min-height: 34px; position: relative;}
    .campo-dentro .menu-desplegable{top: 32px; padding: 10px;}

    .campoimagen {border:0px; border-collapse: collapse; }
    table.campoimagen{margin:0;}
    .ico_abrircerrar { cursor:pointer;}

    .hijosdirectos{ overflow-y:visible; /*margin:10px 0; */}
    .hijosdirectos thead tr {   /*  background: #d8d8d8; */ }
    .hijosdirectos .etiqueta,.hijosdirectos .ayuda { display:none;}
    .hijosdirectos .control {padding: 0px; text-align: left; }
    .hijosdirectos .boton img {  float:left; margin:0px 3px 0px 0px ; }
    .hijosdirectos .boton {float: left;}
    .tabla-hijosdirectos {clear:both; width:100%; margin-bottom: 0px;}
    .tabla-hijosdirectos table { border-bottom: none !important; }
    .tabla-hijosdirectos thead{text-align:left;}
/*  .tabla-hijosdirectos th{text-align:center;} */
    .tabla-hijosdirectos td { padding-left: 0px; vertical-align: top; }
    .tabla-hijosdirectos td, .tabla-hijosdirectos th { padding: 5px 2px; }
    .tabla-hijosdirectos tbody tr:first-child td img.subir { visibility:hidden;}
    .tabla-hijosdirectos tbody tr:last-child td img.bajar { visibility:hidden;}
    .tabla-hijosdirectos .orden {font-size:10px; text-align:center; width:14px;}
    .tabla-hijosdirectos .oculto {display:none;}
    .botones-hijosdirectos{ margin-left: -10px;}

    .hijosdirectos .md_campo_0, .hijosdirectos .md_campo_1, .hijosdirectos .md_campo_2, .hijosdirectos .md_campo_3, .hijosdirectos .md_campo_4, .hijosdirectos .md_campo_5 {min-width:initial; }
    .hijosdirectos .campos_entero1, .hijosdirectos .campos_entero2, .hijosdirectos .campos_entero3, .hijosdirectos .campos_entero4 { /* width:35px; */}
    .hijosdirectos .campos_input1, .hijosdirectos .campos_input2, .hijosdirectos .campos_input3, .hijosdirectos .campos_input4 { }
    .hijosdirectos .campos_relacionado1 {/* width:99% */  max-width:none !important;}
    .hijosdirectos .campos_relacionado2 {/* width:99% */  max-width:none !important;}
    .hijosdirectos .campos_relacionado3 {/* width:99% */  max-width:none !important;}
    .hijosdirectos .campos_relacionado4 {/* width:99% */  max-width:none !important;}
    .hijosdirectos .bootstrap-select>select {left:0px;}
    /*
    .hijosdirectos .hijosdirectos .campos_textarea2, .hijosdirectos .campos_textarea3, .hijosdirectos .campos_textarea4 { width:100px;}
    .hijosdirectos .campos_textarea1 { width:200px;}
    */
    /*.campo_hijosdirectos {background: white;  box-shadow: 0px 0px 6px -2px #727272; } */
    .hijosdirectos .campo_relacionado_buscar, .hijosdirectos .campo_hijosdirectos_buscar { /* width:70px; */ padding-right:25px;}
    .caret-hijosdirectos { font-size:12px;}
    .lupa-buscar-relacionados1 { margin:10px 0px 0px -23px; }
    .lupa-buscar-relacionados2 { margin:10px 0px 0px -84px; }
    .hijosdirectos .columna-orden { width: 95px; }
    .hijosdirectos .columna-orden .orden-numeros { margin-left: 18px; }
    
    .hijosdirectos .orden { padding: 6px; width: 35px; margin: 0 2px;}
    .hijosdirectos .columna-orden i { line-height: 32px; }
    .hijosdirectos .fila:first-child .columna-orden a.accionsubir { visibility: hidden; }
    .hijosdirectos .fila:last-child .columna-orden a.accionbajar { visibility: hidden; }



    .texto-no-visible {width: 100%; margin: -5px; float: left; position: absolute; border: none; background-color: transparent; float: left;}
    .tag-added { margin:-1px 3px 1px -1px;  border-radius: 3px; background-color: #ABD1E3; float: left; padding: 2px 7px; }

    .ui-widget input, .ui-widget textarea, .ui-widget button  {color:#757575; font-size: 12px; padding:8px;}
    .ui-widget select {color:#757575; font-size: 12px; padding:3px;}
    .ui-widget input.inputfile{ padding:0px}
    .ui-widget { font-size:0.9em; font-family: inherit;}
/**
    .campos_input1, .campos_entero1 { width:386px; height: 15px; padding: 4px;}
    .campos_input2, .campos_entero2 { width:386px; height: 15px; padding: 4px;}
    .campos_input3, .campos_entero3 { width:252px; height: 15px; padding: 4px;}
    .campos_input4, .campos_entero4 { width:174px; height: 15px; padding: 4px;}
    .campos_input5, .campos_entero5 { width:134px; height: 15px; padding: 4px;}

    .campos_input_pass1 { width:360px;}
    .campos_input_pass2 { width:360px;}
    .campos_input_pass3 { width:226px;}
**/
    .campos_textarea1 { width:100%; }
    .campos_textarea2 { width:100%; }
    .campos_textarea3 { width:100%;}
    .campos_input_pass1, .campos_input_pass2, .campos_input_pass3, .campos_input_pass4  { display: inline-block;}

    .campos_color { width:80px; float:left; padding: 2px 5px; margin-right: 5px;}

    .campo_relacionado_buscar, .campo_hijosdirectos_buscar  {float:left; padding: 10px 89px 10px 10px;}

    .botones-idiomas {float: right;}
    .botones-idiomas li {display: inline-block;}

    .menu-cambio-idioma {display:none;}
    .menu-cambio-idioma img , .bandera-cambio-idioma , .pestanas-cambio-idioma img {width:20px; height: 12px;  margin: 0px 10px 0px 0px;}
    .tabla-hijosdirectos .bandera-cambio-idioma {width:15px; height: 10px;}
    .contenedor-banderas {  }
    .tabla-hijosdirectos .contenedor-banderas {  top: -8px;  }
    .pestanas-cambio-idioma {width:120px;}
    .menu-cambio-idioma {left:-1px; font-size: 10px;}

    .pestanas-cambio-idioma-top { margin: 0px;  padding: 0px 0px; }
    .pestanas-cambio-idioma-top li { display: inline-block; background-color: #EEEEEE; margin: 1px; border-top: solid 1px #B9B9B9; padding: 6px; border-radius: 5px 5px 0px 0px; border-left: solid 1px #CCCCCC;  border-right: solid 1px #D6D6D6;}
    .pestanas-cambio-idioma-top img {width:20px; height: 12px;  margin: 2px 5px 2px 5px;}

    #copiar-idiomas { padding:10px; display: inline-block; }
    #copiar-idiomas a {background:#EFEFEF; padding: 3px 10px;}
    #copiar-idiomas a:hover {background:#D6D6D6; }

    .campos_radio1{ width:100%; display:block; float:left; }
    .campos_radio2{ width:50%; display:block; float:left;  }
    .campos_radio3{ width:33%; display:block; float:left;  }
    .campos_radio4{ width:25%; display:block; float:left;  }
    .campos_radio5{ width:20%; display:block; float:left;  }
    .campos_radio6{ width:16%; display:block; float:left;  }
    .campos_radio7{ width:14%; display:block; float:left;  }
    .campos_radio8{ width:12%; display:block; float:left;  }

    .campos_radio1 img,
    .campos_radio2 img,
    .campos_radio3 img,
    .campos_radio4 img,
    .campos_radio5 img,
    .campos_radio6 img,
    .campos_radio7 img,
    .campos_radio8 img {margin:4px;}

    .campos_foraneo1{ width:100%; display:block; float:left; margin:3px 0px; text-align:left; font-weight: normal;}
    .campos_foraneo2{ width:50%; display:block; float:left; margin:3px 0px; text-align:center; padding:4px 0px; text-align:left; font-weight: normal;}
    .campos_foraneo3{ width:33%; display:block; float:left; margin:3px 0px; text-align:center; padding:4px 0px; text-align:left; font-weight: normal;}
    .campos_foraneo4{ width:25%; display:block; float:left; margin:3px 0px; text-align:center; padding:4px 0px; text-align:left; font-weight: normal;}
    .campos_foraneo5{ width:20%; display:block; float:left; margin:3px 0px; text-align:center; padding:4px 0px; text-align:left; font-weight: normal;}
    .campos_foraneo6{ width:16%; display:block; float:left; margin:3px 0px; text-align:center; padding:4px 0px; text-align:left; font-weight: normal;}
    .campos_foraneo7{ width:14%; display:block; float:left; margin:3px 0px; text-align:center; padding:4px 0px; text-align:left; font-weight: normal;}
    .campos_foraneo8{ width:12%; display:block; float:left; margin:3px 0px; text-align:center; padding:4px 0px; text-align:left; font-weight: normal;}

    .campos_foraneo1 input { width:auto; }
    .campos_foraneo2 input { width:auto; }
    .campos_foraneo3 input { width:auto; }
    .campos_foraneo4 input { width:auto; }
    .campos_foraneo5 input { width:auto; }
    .campos_foraneo6 input { width:auto; }
    .campos_foraneo7 input { width:auto; }
    .campos_foraneo8 input { width:auto; }

    .campos_hijodirecto1 {width: 100%; display: inline-block; text-align: left; margin-right: 3px; line-height: 21px; border-bottom: solid 1px #B6B6B6; margin: 2px;}
    .campos_hijodirecto2 {width: 393px; display: inline-block; text-align: left; margin-right: 3px; line-height: 21px; border-bottom: solid 1px #B6B6B6; margin: 2px;}
    .campos_hijodirecto3 {width: 244px; display: inline-block; text-align: left; margin-right: 3px; line-height: 21px; border-bottom: solid 1px #B6B6B6; margin: 2px;}
    .campos_hijodirecto4 {width: 230px; display: inline-block; text-align: left; margin-right: 3px; line-height: 21px; border-bottom: solid 1px #B6B6B6; margin: 2px;}

    .campos_relacionado1 { max-width: 100% !important;}
    .campos_relacionado2 { max-width: 100% !important;}
    .campos_relacionado3 { max-width: 100% !important;}
    .campos_relacionado4 { max-width: 100% !important; /* max-width: 96px; max-width: 175px; */ }


    .listado-hijosdirectosanadidos > div {
        display: inline-block;
        margin-right: 10px;
        border: 2px solid white;
        padding: 1px 10px;
        background: #fff;
        border-radius: 20px;
    }
    .listado-hijosdirectosanadidos > div > label{border: none;     margin: 3px;     font-weight: 500;}
    .listado-hijosdirectosanadidos > div > label img:hover{cursor: pointer;}
    .listado-hijosdirectosanadidos > div:hover{border-color:#d6d6d6;}

    .campos_relacionado2 .lupa-buscar-relacionados{     margin: -23px 60px 0px 0px;  float: right; }
    .campos_relacionado2 .hijosdirectosayuda{    margin: -24px 7px 0px 0px; float: right; }

    .desplegable-contenedor {background:url(../img/fondodesplegar.png); height:76px; float:left; position:relative; margin-bottom:8px;}
    .desplegable-contenedor1 { width:855px;}
    .desplegable-contenedor2 { width:400px;}
    .desplegable-contenedor3 { width:248px;}
    .desplegable-contenedor4 { width:172px;}

    .desplegable-opciones {display:none; position:absolute; height:auto; border-bottom: solid 1px #615E5E; border-left: solid 1px #615E5E; border-right: solid 1px #615E5E; background:white; box-shadow: 4px 4px 12px 0px #444; z-index: 1;}
    .desplegable-abrir,.desplegable-abrir:hover  {background:url(../img/botondesplegar.png); width:20px; height:76px; float:left; text-decoration:none; cursor:pointer; }

    .desplegable-opcion {clear:both; margin:2px 0px;  cursor:pointer;}
    .desplegable-opcion img {padding:4px;  float: left;}
    .desplegable-opcion p { padding:4px; margin:0px;}

    .campos_fecha { width:131px; float:left;}
    .campos_fecha[type="date"]::-webkit-calendar-picker-indicator {
        color:#365bb1;
        font-size: 1.3em;
        padding: 0px;
        margin: 0px;
    }

    .ui-datepicker-trigger {width:25px; height:25px; float:left; border: none; background:none;}
    .tipo_FECHA .ui-datepicker-trigger {width:auto; height:34px; }
    .tipo_FECHA .ui-datepicker-trigger .fa-calendar { color:#4d7dc7;}
    .tipo_FECHA  .control {min-width: 135px;}
    .tipo_SEPARADOR {min-height: 30px !important;}
    .ui-datepicker{ z-index: 1010 !important;}
    .campos_dia,.campos_mes,.campos_ano {float:left;}
    .campos_hora {float:left; width: 70px; margin-right: 9px;}
    .formato_campo_hora {  line-height: 32px; font-style: italic;}

    /*.borrarimagen, .editarimagen, .descargarimagen, .descargararchivo {  margin: 0px 1px;  display: block;   float: left;   padding: 2px;   width: 32px;   height: 31px;  text-align: center;}*/
    /*.borrarimagen:hover, .editarimagen:hover, .descargarimagen:hover, .descargararchivo:hover { background: #dcdcdc; }    */
    /*.borrarimagen .fa, .editarimagen .fa, .descargarimagen .fa, .descargararchivo .fa {line-height: 30px;}*/


    #controles-edicion-imagen {font-size: 11px; margin-top: 10px; text-align: center; }
        #controles-edicion-imagen input {width: 60px; font-size: 10px;  border: none; padding: 5px; text-align: center; background: #DDD;}
        #controles-edicion-imagen input.modificar-proporcion { width:auto; }
        #controles-edicion-imagen-botones {margin:5px;}
    #leyenda-edicion-imagen { margin-bottom:10px; }
    .menu-desplegable a.btn-edicion-imagen {  text-align:center; display:inline-block }

    textarea#css {height:400px;}

    #vis_xxxdatosvistapreviaxxx .campo-dentro-separador{ border-bottom-width:5px; padding:5px; background:none;}
    #vis_xxxdatosvistapreviaxxx {margin:20px 0px 8px 0px;}
    #link_xxxdatosvistapreviaxxx { font-size:16px; color:#000;}

    .boton-over-inc {font-size: 10px; padding: 1px 4px; height: 22px; color: #333333; background: rgb(236, 236, 236); padding: 5px;}
    .boton-over-inc:hover {  background:#CCCCCC; text-decoration:none; }

    .texto-elegido { font-weight:bold; line-height: 24px; margin-left: 0px; display: block; clear: both; font-size:12px;}
    .oculto {display:none !important;}
    .sino-deshabilitado {opacity:0.5;}

    #copiar-idiomas {float: right; }
    .slicknav_menu {display:none;}

    .sino {
        width: 46px;
        height: 20px;
        display: block;
        border:solid 1px white;
        border-radius: 14px;
        transition: 0.5s ease-out;
     }

     .CodeMirror {
          border: 1px solid #eee;
    }

    .linea-separador {
        margin-bottom: 20px;
        border-bottom: solid 1px #ffffff6b;
        box-shadow: 0px 8px 7px -12px black;
        border-bottom: solid 1px #dedede;
    }

     .sino.activo { background:#04a217; padding: 0px;}
     .sino .fa-times {  font-size: 19px; color: white; margin: 1px 5px 5px 8px; }
     .sino .fa-check {  font-size: 19px; color: white; margin:2px 5px 5px 25px; }
     .sino.activo .fa-times { position: absolute; opacity: 0; display: none; }
     .sino.activo .fa-check { position: absolute; opacity: 1; display: block; }
     .sino.activo .switch  { position: absolute; margin-left: 28px; }
     .sino.noactivo {   background: #ababab;  padding: 0px;  }
     .sino.noactivo .fa-times {position: absolute; opacity: 1; display: block;}
     .sino.noactivo .fa-check {  position: absolute; opacity: 0; display: none;}
     .sino.noactivo .switch  {  position: absolute; margin-left: 2px; }



     .sino .switch {
            display:    block;
            background:     blue;
            margin:2px;
            width:  14px;
            height:  14px;
            border-radius:  10px;
            border: solid 1px white;
            background: white;

     }


    .visible-grande {display: initial;}
    .visible-pequeno {display: none;}

@media (max-width:1024px){
    .slicknav_menu{display:block;float: left;z-index: 1000; position:absolute; padding:0;}
    .slicknav_btn{margin:0;}
    #entorno-pestanas{height: 100px;}
    #entorno-pestanas a{line-height:30px;}
    #entorno-generales{width: 100%; display: inline-block;float: left;position: fixed;top:0px;left: 0px;}

}

/***************
* Actualización
****************/
/***********************
* Flexibilización tabla
************************/
.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}
.table > tbody > tr > td,  .table > tfoot > tr > td,  .table > thead > tr > td {
    vertical-align: middle;
    height: 35px;
    padding: 10px 10px 10px 0px !important;
}


.table > tbody > tr > th,    .table > tfoot > tr > th,.table > thead > tr > th {
    vertical-align: middle;
    height:50px;
    padding: 10px 7px 0px 0px !important;
    white-space: nowrap;

}

.tabla-hijosdirectos.table > tbody > tr > td, .tabla-hijosdirectos.table > thead > tr > th {
    vertical-align: middle;
    border: none;
    height:auto;

}

.tableFloatingHeaderOriginal tr, .tableFloatingHeader tr{  /*background:#414141; */    height:50px; }
.tableFloatingHeaderOriginal th, .tableFloatingHeader th{  text-decoration:none;     /*font-style:italic; */    padding:5px;     font-weight: bold; }
.tableFloatingHeaderOriginal th a{  text-decoration:none;  color:white; } /* texto cabecera de tabla */



#cuerposcroll{
    position:relative;
    width: 100%;
    margin-top: 15px;
    height: 100vh;

    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex-grow: 1;
    flex-shrink: 1;

}


.botonera-edicion {text-align: right;}
.botonera-edicion.left{text-align: left;}




    /*#entorno-pestanas {
        flex: 0 0 230px;
        width: 230px;
    }*/

    #entorno-pestanas #menu-principal.lateral .esflotante {
        display: block;
        position: inherit;
        z-index: auto;
        width: 100%;
        box-shadow: none;
        border-radius: unset;
    }



    #entorno-pestanas #menu-principal.lateral {
        clear: both;
    }

    #entorno-pestanas #menu-principal.lateral li{
        float:none;
    }

    #entorno-pestanas #menu-principal.lateral .menu_nivel0{
        width: 100%;
    }
    #entorno-pestanas #menu-principal.lateral .menu_nivel1{
        width: 100%;
    }

    #entorno-pestanas #menu-principal.lateral .fas{
        margin-right: 3px;
    }


    #entorno-pestanas #menu-principal.lateral .cont_nivel0{
        position: relative;
    }

    #entorno-pestanas #menu-principal.lateral .cont_nivel0.esflotante {
        display: none;
    }

    #entorno-pestanas #menu-principal.lateral .esnormal a {
        height: auto;
    }

    #entorno-datos.lateral {
        margin: 0;
        flex-grow: 1;
        flex-shrink: 1;
        overflow: hidden;
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        margin:0;
        padding: 0px 10px 0px 10px;
    }

    #entorno-datos.lateral #cont-entorno-datos {
        justify-content: flex-start;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        flex-grow: 1;
        flex-shrink: 1;
    }


    #menu-principal.lateral li {
        float: none;
   /*     margin:0px 10px; */
    }

/***********************
* Filtros
***********************/
#filters {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    margin: 10px;
    border-radius: 5px;
    border: solid 1px gainsboro;
    background: white;
    align-items: flex-end;
}
.filtro {
    /* font-size: 11px; */
    margin: 5px 0px;
    min-height: 60px;
    min-width: 250px;
}
.filtro .filtro-etiqueta {
    padding: 0;
    font-weight: normal;
    text-align: left;
    color:grey;
    font-size: 0.9em;
}
.filtro input.filtro-sino {
    width:18px;
}
.filtro .form-control{
  /*  height:25px;
    font-size:12px;
    padding:5px;
    */

}

.checkbox-inline.no_indent,
.checkbox-inline.no_indent+.checkbox-inline.no_indent {
  margin-left: 0;
  margin-right: 0;
  min-width: fit-content;
}
.checkbox-inline.no_indent:last-child {
  margin-right: 0;
}
.checkbox-inline input{
    margin-right:5px;
    width: 12px;
}

.filtro div .col-md-6:nth-child(1) {
    padding-right:0;
}
.filtro.filtro_data_update div .col-md-6:nth-child(1) {
    padding-left: 0 !important;
}

.filtro.filtro_data_update div .col-md-6:nth-child(2) {
    padding-right: 0 !important;
}

/*
#quitarfiltros .iconocerrar{
    padding:0;
}
*/
/*#quitarfiltros{
    padding: 0px 6px;
}
*/
#entorno-herramientas #quitarfiltros:hover, #entorno-herramientas #limpiarfiltros:hover {color:#DB0000;}
/***********************
* Form Nodo
***********************/
/*
#form-nodo > .col-md-3, #form-nodo > .col-md-4, #form-nodo > .col-md-2, #form-nodo > .col-md-6, #form-nodo > .col-md-1, #form-nodo > .col-md-12,
#form-nodo > .col-sm-3, #form-nodo > .col-sm-4, #form-nodo > .col-sm-2, #form-nodo > .col-sm-6, #form-nodo > .col-sm-1, #form-nodo > .col-md-12,
#form-nodo > .col-xs-3, #form-nodo > .col-xs-4, #form-nodo > .col-xs-2, #form-nodo > .col-xs-6, #form-nodo > .col-xs-1, #form-nodo > .col-md-12{
    background: #eeeeee none repeat scroll 0 0;
    border: 1px solid #fff;
    padding: 5px;
}
*/

#form-nodo{padding:0 20px;}

/*
#form-filtros .col-md-3, #form-filtros .col-md-4, #form-filtros .col-md-2, #form-filtros .col-md-6, #form-filtros .col-md-1, #form-filtros .col-md-12,
#form-filtros .col-sm-3, #form-filtros .col-sm-4, #form-filtros .col-sm-2, #form-filtros .col-sm-6, #form-filtros .col-sm-1, #form-filtros .col-md-12,
#form-filtros .col-xs-3, #form-filtros .col-xs-4, #form-filtros .col-xs-2, #form-filtros .col-xs-6, #form-filtros .col-xs-1, #form-filtros .col-md-12{
    padding-left: 5px;
}
*/

/*
#entorno-pestanas .col-md-3, #entorno-pestanas .col-md-4, #entorno-pestanas .col-md-2, #entorno-pestanas .col-md-6, #entorno-pestanas .col-md-1, #entorno-pestanas .col-md-12,
#entorno-pestanas .col-sm-3, #entorno-pestanas .col-sm-4, #entorno-pestanas .col-sm-2, #entorno-pestanas .col-sm-6, #entorno-pestanas .col-sm-1, #entorno-pestanas .col-md-12,
#entorno-pestanas .col-xs-3, #entorno-pestanas .col-xs-4, #entorno-pestanas .col-xs-2, #entorno-pestanas .col-xs-6, #entorno-pestanas .col-xs-1, #entorno-pestanas .col-md-12{
    padding-right:0px;

}
*/



.sticky {
    z-index: 5000;
}
.capa-hijos2 ul li{
    list-style:none;
}
.capa-hijos2 ul li > div{
    white-space:nowrap;
    margin:0px 4px;
}
.capa-hijos2 .icono-hijos {
    color:#3e91cc;
}
/***********
* Entorno
************/
#menu-principal{

}
#menu-principal li{
    position:static;
}
#menu-principal li.flotante{
    position:relative;
    width: max-content;
}
#menu-principal li a{

    background:none;
}
#menu-principal li.active a{

    background:none;
}
/*
#menu-principal li.active a span{
    color:#ff0000;
}
*/
.open-menu > .dropdown-menu {
   /* display: block;*/
}
.bootstrap-select .dropdown-menu{
        z-index:5010;
}
.dropdown-menu {
    font-size: 12px;
}

#primera-fila .dropdown-menu.inner { max-height: 250px !important; }

.bootstrap-select.btn-group .dropdown-menu {min-width: 250px;}
.dropdown-menu li a{
    min-height: 25px;
}
.navbar-default .navbar-nav > .open-menu > a, .navbar-default .navbar-nav > .open-menu > a:focus, .navbar-default .navbar-nav > .open-menu > a:hover {
    background:#414141;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background:#414141;
}

.navbar-default {
    background:none;
    border:none;
    min-height: 30px;
    margin:0;
}

#menu-general li a{display: inline-block; margin : 3px; border-radius: 25px; white-space: nowrap;}

#entorno-pestanas a.logout{
color: #f70101;
    font-size: 1em;
    padding: 1px 12px;
    margin: 5px auto;
    width: fit-content;
}
#menu-general li a.logout:hover{
    color:#585858;
}
.control-edicionmasiva {
    display: flex;
}

ul.navbar-nav > li.active .dropdown-menu{
        /*display:block;*/
}

ul.navbar-nav > li.open-menu .dropdown-menu > li {
    display: inline-block;
}

#entorno-pie{

    font-size:12px;
    height: auto;
    padding:0px;
    min-height: 38px;
    height: auto;
    flex-grow: 0;
    flex-shrink: 0;

    /*
        position:fixed;
        bottom:0px;
        width:100%;
        left: 0px;
        padding-left: 230px;
    */

}
#entorno-numelementos{
    margin: 10px 10px 10px 10px;
    clear:both;
}
#entorno-paginas {
    /*min-height: 33px;*/
    margin: 7px;
}
#entorno-paginas nav{
   /*  margin:0 0 10px 0; */
}
#entorno-paginas ul{
    margin:0;
    padding:0;
}
#entorno-paginas ul li a,#entorno-paginas ul li span{
    font-size:12px;
    padding: 2px 4px;
    color:#555;
}
#entorno-paginas ul li a.active{
    background:#c3c3c3;
}
.capa-hijos2{
    border-radius: 5px;
    width: auto;
    padding:5px;

    z-index:2000;
}
#entorno-migas{
    padding: 12px 0px 10px 0px;
}
#entorno-herramientas {
    border-bottom: medium none;
    clear: both;
    position: relative;
    padding: 0 0 15px 0;
    display: flow-root;
}
.izquierda { float:left; }
.derecha { float:right; }
#entorno-herramientas .derecha .fa {
    font-size: 140%;
    font-weight: 900;
    min-width: 20px;
    min-height: 20px;
    text-align: center;
    line-height: 20px;
}
#entorno-herramientas .boton {

}
#entorno-herramientas a:hover, #entorno-herramientas a:active{
    text-decoration:none;
    color:#414141;
    border: solid 1px #e8e6e6;
}

#entorno-herramientas .boton img {
    float:left; margin:0px 3px 0px 0px ;
    border: solid 1px #ffffff00;
}
#entorno-herramientas .rapidos{
    float: right; 
    width: auto;
}
#entorno-herramientas .rapidos option{
    padding:5px;
}

#entorno-herramientas .menu-desplegable .fa{
    font-size: 14px;
}

#entorno-herramientas .fa-file-excel-o{
    color:green;
}
#entorno-herramientas .fa-file-pdf-o{
    color:red;
}


#modal .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    /*width: 175px;*/
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    /*width: fit-content; */
    width: 100%;
    max-width: 100%;
}
/***********************
* Vista rápida de fila
***********************/
.toggle-info i{
    cursor:pointer;
    font-size:30px;
    padding: 0 10px;
}
.tr-clon{
    background:#f1f1f1;
}
.tr-clon .hijos ul{
    padding:0;
    margin:0;
    list-style:none;
}
.tr-clon .hijos{
    background:#efefef;
}
.tr-clon .hijos ul li{
    float:left;
    margin:10px;
}
.tr-clon .hijos ul li a, .tr-clon .hijos ul li a:hover, .tr-clon .hijos ul li a:focus, .tr-clon .hijos ul li a:visited{
    color:#555;
}
.tr-clon .hijos img{display:none;}

.tr-clon h4{
    margin:0;
    font-size: 16px;
}
.tr-clon .tr-fields {
    display: none;
}
.list-group-horizontal .list-group-item {
    display: inline-block;
}
.list-group-horizontal .list-group-item {
    margin-bottom: 0;
    margin-left:-4px;
    margin-right: 0;
}
.list-group-horizontal .list-group-item:first-child {
    border-top-right-radius:0;
    border-bottom-left-radius:4px;
}
.list-group-horizontal .list-group-item:last-child {
    border-top-right-radius:4px;
    border-bottom-left-radius:0;
}
.tr-clon .list-group-horizontal {
    border-bottom: 1px solid #ccc;
    min-height: 46px;
}
.tr-clon .list-group-item-text {
    background-color: #fff;
    border: medium none;
    display: block;
    height: 45px;
    margin-bottom: -1px;
    padding: 10px 15px;
    position: relative;
}
.tr-clon .list-group-item-text, .tr-clon .list-group-item{
    font-size:12px;
}
.tr-clon .list-group-item.active, .tr-clon .list-group-item.active:focus, .tr-clon .list-group-item.active:hover {
    background-color: #ddd;
    border-color: #ddd;
    color: #333;
    display: table-cell;
    height: 45px;
    z-index: 2;
}
.tr-clon .edicion {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    height: 40px;
    padding: 10px 0 !important;
}
.tr-clon .edicion a{
    margin:0 10px;
}
.botones-navegables{
    margin-right:20px;
    float: left;
}
.img-thumb{
   /* max-width:100px; */
   /* max-height:70px; */
   /* overflow: hidden; */
    margin-right: 10px;
}


.resultado-cargados-masivo-fotos .previa, .resultado-cargados-masivo-videos .previa {
    float: left;
    padding: 14px;
    max-height: initial;
    border: solid 1px #e5e5e5;
    margin: 10px 3px 0px 0px;    
}

.bootstrap-select.form-control {
    padding: 0px;
}
/** tabla-hijosdirectos **/

.tabla-hijosdirectos .campoimagen .col-md-7,.tabla-hijosdirectos .campoimagen .col-md-5 {
    width:100%;
    padding:0;
}
.tabla-hijosdirectos .tipo_imagen{
    padding:0;
}

.tabla-hijosdirectos .campoimagen .input-group {
    margin: 0px 0px 10px 0px;
}
.tabla-hijosdirectos .img-thumb{
    /*height:50px; */
    /*width:84px; */
    text-align: center;
}
.tabla-hijosdirectos .img-thumb img {
    display: initial;
}
.tabla-hijosdirectos .campoimagen .borrarimagen, .tabla-hijosdirectos .campoimagen .editarimagen, .tabla-hijosdirectos .campoimagen .descargarimagen {
    display: inline;
    margin: 3px;
}


.tabla-hijosdirectos thead .ktooltip { position: relative !important; }
.tabla-hijosdirectos tbody .ktooltip { display: none; }




.img-thumb img.img-responsive{
    max-height: 50px;
    max-width: 84px;
}

.img-thumb video.video-previa{
    height: 150px;
    width: 250px;   
}


#entorno-savedsearch {width:350px; right: 10px; bottom: auto; top: 130px; max-height: 400px; overflow: auto; }
#entorno-savedsearch li { margin:4px 6px; clear: both;  float: left; width:95%;}
#entorno-savedsearch #nuevofiltro {width: 250px; float:left; }
#entorno-savedsearch li a.nombre { width: 83%; }
#entorno-savedsearch li a { float:left;     min-height: 30px;     line-height: 2; }
#entorno-savedsearch ul li i {float: right; color: #929292; margin-left: 10px;}
#entorno-savedsearch .newsavedsearch i {    margin-top: 4px;}

#entorno-lang-switch { position: relative; }
#entorno-langs {z-index: 910;    right: 0px;}

#entorno-pass {z-index: 972; left: 38px;     width: 500px;     font-style: normal;     position:fixed;     top: 55px;}
#entorno-pass .titulo{text-align: center; font-size: 19px;  }
#entorno-pass .label{font-size: 15px; color: #868686;margin-bottom: 1px; float: left; font-weight: normal;}
#entorno-pass input{width: 100%; }
#entorno-pass button{ margin-bottom: 10px; margin-top:10px; }
#entorno-pass .campo {clear:both;}

.lang-change.selected {background: #e4e4e3;}


#lista-listar-campos {width:auto; right: 10px; top: 50px; max-height: 400px; overflow: auto; }
#lista-listar-campos li { clear: both; float: left; margin: 0px 10px 0px 3px;}
#lista-listar-campos input {width: auto; margin: 5px;}
#lista-listar-campos label { line-height: 22px; font-weight: normal;  margin-left: 15px;     margin-top: 2px;}
#lista-listar-campos .col-inputs-listar {width:80px; float:left; text-align: center;}
#lista-listar-campos ul {float:left; }
#lista-listar-campos li {     margin: 0px;     padding: 3px; width: 100%;}
#lista-listar-campos li:hover { }
#lista-listar-campos .botones-abajo {clear:both;     display: flex; justify-content: space-evenly;}
#lista-listar-campos .botones-abajo .boton {float:left; margin: 8px;}
#lista-listar-campos .col-label-listar {   display: inline;    margin-left: 15px; line-height: 22px;}

.hijosdirectosayuda { font-size: 10px; font-style: italic; float: left; margin:8px 0px 0px -20px;}
.listado-hijosdirectosanadidos {clear: both; }

.nueva-pestana {color:white;}

.label-required {color: red; margin-left: 3px;}
.candado .fas {color:#bdb00c; font-size: 21px; margin-top: 4px;}


.fila-rapido { padding: 10px; border: none; /*background: #f9f9f9; border:solid 1px #f9f9f9 ; background: white; border: solid 1px white;*/  }
.fila-rapido:focus {
    border-color: #66afe9;
    outline: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}

tr:nth-of-type(odd) .fila-rapido { /* background: #f9f9f9; border:solid 1px #f9f9f9;*/ }

.fila-activa .texto-fila-rapido { /* border: solid 1px #e2e2e2; */}
.fila-rapido.select-fila-rapido {padding:0px;} /* para evitar que salga muy grueso */
.result-rapidos { display: none;}

/*.texto-fila-rapido { width: 50%; }*/
.date-fila-rapido { width: 80px;  }
.password-fila-rapido { width: 30%; /*border: solid 1px #e4e4e4; */}

.novisible {display:none;}

.order-up, .order-down { margin:4px; font-size:14px;}

.btn-insertar, .btn-insertar-masivo {display:none;}
.btn-insertar-masivo.btn-accion-hijosdirectos { display: block;  }
#resultado-masivo-fotos {display: block;} 
.btn-accion-hijosdirectos {border: solid 1px #ededed;}
.btn-accion-hijosdirectos:hover { background: #fafafa; border:solid 1px #e8e6e6; }


.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {background:#78ccd5 !important;color:white !important;}


.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {}







.filtro-fecha { /* width:87px; */ }

/*
.categorias{display:block; margin:auto; width:95%;}
.categorias a{float:left; margin:5px; height:30px; border-radius:8px; list-style:none; padding:5px; border:1px solid #999;text-decoration:none; line-height:28px; font-size:12px; background-position:bottom; background-repeat:repeat-x;}
*/

#btn-launchfilter {    float: right;     margin-top: 28px;     background: #fff5af;}

.error { background: #ffb1b1; color: black; font-size: 17px; padding: 15px; border: dotted 1px red; margin: 16px; clear: both; }
.info { background: #98e49a; color: black; font-size: 17px; padding: 15px; border: dotted 1px #5b7d23; margin: 16px; clear: both; }
#change_password_message {display: none;}
#change_password_message li { float:none;}

#titulo-mover {font-size: 20px; font-weight: bold;}
.item-mover { font-size: 12px; display: block;  padding: 2px;}
.item-mover:hover { background: #efefef;  }
.btn-volver, .btn-mover { width: auto; float:left; margin-left: 12px;}
.add-rel {    float: right;   color: darkgrey; margin-right: 10px; }
#console { position: fixed;    bottom: 0; background: #565656; color: #bbbbbb; font-size: 11px; padding: 10px; display: none; max-height: 340px; width: 86%; right: 0;}

.flechas-orden-manual { font-size: 20px; padding: 5px 3px; border-bottom: solid 1px #adadad; border-right: solid 1px #b3b3b3; cursor: move; visibility: hidden; padding: 6px 3px; color: #b1b1b1; background: #d2d2d2; position: absolute; left: 0px;     margin-top: -10px;}
.flechas-orden-manual:hover { color:black; }
.fila-activa .flechas-orden-manual {visibility:visible;}

.fila.ui-sortable-placeholder {background: red; height: 87px;}
.columna-seleccionar input { float:left; width: auto; margin:0px 0px 0px 17px;  }



#google-authenticator {text-align: center;}
#google-authenticator .logoapps {display:block; width: 50%; float: left;}
#google-authenticator .logoapps img {width: 90%;}
#google-authenticator .qr {width: 60%;}



.menu_nivel0 {  }
.btn_nivel0 {  }
.cont_nivel0 { display: none;     position: absolute;    left: 0px; color:black; width:auto;}

.horizontal { min-width: 100%;}
.vertical .cont_nivel0 { width:140px; padding: 5px !important;  }
.vertical .cont_nivel0 .menu_nivel1 { float:none; }
.vertical .cont_nivel0 .menu_nivel1 span { font-size: 50px; height: auto; width: 100%; }
#entorno-pestanas .vertical .cont_nivel0 .btn_nivel1 { height: auto; text-align: center;    padding: 11px;     line-height: 20px;}
#entorno-pestanas .lateral .cont_nivel0 .btn_nivel1 { padding-left: 20px; }

#cont-entorno-datos {
    /* margin-top: 33px; */
}

#cont-entorno-datos.menuvertical {
        margin-top: 5px;
        margin-left: 144px;
}

.hamburguesa, .hamburguesa2 {background: #909090; }
.hamburguesa .icon-bar,.hamburguesa2 .icon-bar { background: white; }



.error-validacion .campo-dentro { background: none; }

.ktooltip.fa-exclamation-triangle { color:red; }
.tip-error { top:34px; left:34px; background:red; color:#FFF; }
.aviso-ultimo-cambio-password {    font-size: 13px;    color: grey;     font-style: italic;}

#cont-tabla{

    display: flex;
    flex-direction: column; 
    align-items: stretch;
    flex-grow: 1;
    flex-shrink: 1;
}


.no-elementos td {text-align: center;}

.blink {
    opacity: 0;
    animation: blink-animation 0.8s steps(2, start) infinite;
    -webkit-animation: blink-animation 0.8s steps(2, start) infinite;
  }
  @keyframes blink-animation {
    to {
      opacity: 1;
    }
  }
  @-webkit-keyframes blink-animation {
    to {
      opacity: 1;
    }
  }

.boton-messages {    height: 28px;     line-height: 28px;}
.verde {color: #3d9f00;}
.rojo {color: #ca0404fb;}

.footer-nohay{ font-size: 13px;  text-align: center; }


.drop-insert-masivo {height: 66px; width: 100%; border: dashed 2px #cbcbcb; text-align: center; vertical-align: middle;    display: flex; justify-content: center; align-items: center; display: none;}
.drop-insert-masivo.dragover {border: solid #cbe2ef; background: #fbffed;}

.anadir-todos-hijos-directos2 { float: left; }
.lista_opciones_hijos_directos {clear:both;}


.hijodirectoanadido::before {  content: "\f14a";     font-family: 'Font Awesome 5 Free';     font-weight: 900; color: black; }
.hijodirectocandidato::before {  content: "\f0c8";     font-family: 'Font Awesome 5 Free';     font-weight: 400; color: black; }


  .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {background:rgba(94,157,196,1) !important; }  /* pestanas  */    

  .tableFloatingHeaderOriginal tr {  background: rgba(255,255,255);   color: black; }   /*   cabecera de tabla   */
  .tableFloatingHeaderOriginal tr a,.tableFloatingHeaderOriginal tr span { color: black;}   /* texto cabecera de tabla */


@media (min-width: 768px) {
    .col-sm-2-3 { width:20%;  float: left; }
    .col-sm-1-7 { width:14.2%;  float: left; }
    .col-sm-1-5 { width:12.5%;  float: left; }
    .col-sm-1-3 { width:11.1%;  float: left; }
}

@media (min-width: 992px) {
    .col-md-2-3 { width:20%;  float: left; }
    .col-md-1-7 { width:14.2%;  float: left; }
    .col-sm-1-5 { width:12.5%;  float: left; }
    .col-sm-1-3 { width:11.1%;  float: left; }    
}

@media (min-width: 1200px) {
    .col-lg-2-3 { width:20%;  float: left; }
    .col-lg-1-7 { width:14.2%;  float: left; }
    .col-sm-1-5 { width:12.5%;  float: left; }
    .col-sm-1-3 { width:11.1%;  float: left; }  
}


@media (max-width: 1200px) {
    .modal-dialog { width: auto !important; }
}






/***********************
* Movil Media
************************/

@media (max-width: 767px) {
    tbody .columna-acciones{ vertical-align:middle !important;}
    td.columna-acciones a {  text-decoration:none; font-size: 18px; padding:0px 5px; display:inline-block; line-height:35px;}

    #filters { max-height: 500px; }
    .linea-separador { font-size: 8px !important; margin: 30px 0 0 0 !important; }
    #cuerposcroll { margin: 0px !important; }
    #entorno-pie, #epp-pie { padding-left: 0px !important; font-size: 10px !important; }
    .lateral { padding: 0; }
    .paneles-mitad { min-width: 100%; }
    .paneles-mitad .menu-desplegable { width: 100%; }
    .fondo-menu-principal { height: calc(100% - 150px); overflow-y: auto; }
    #entorno-pestanas li, #entorno-generales li { float: none; }
    #menu-general { clear:  both; display: none; }
    #menu-general li { display: table-row; width:100%; text-align: center; }
    .cont_menu{ position: initial !important; }
    #entorno-pestanas { position: absolute; z-index: 45; top: 49px; left: 0; background: white; border-radius: 0px 12px 0px 0px; display: none; }
    a .glyphicon{ font-size:20px; margin-right: 5px; }
    .modal-row{ cursor:pointer !important; }
    #cont-tabla{ margin:0 10px; }
    .no-padding{ padding:0; }
    #popup .vp{ float:none; }
    #tablascroll{ border: none !important; background:#414141; }
    #tablascroll thead{ background:#414141; }
    #tablascroll tbody{ background:#fff; }
    #tablascroll tr { font-size: 12px; min-height: 20px; padding: 20px 0 !important; height: 45px; }
    #tablascroll th { border-top: 0; border-bottom:2px solid #ddd;  }
    input.seleccionar{ float:none !important; }
    #entorno-datos.lateral {padding: 0;}
    #entorno-herramientas{ margin:0px !important; padding: 0px !important; height: auto; }
    #entorno-generales { z-index: 1000; float: right; height: 50px; padding: 0; right: 0; width: 80%; margin-left: 20%; }
    .navbar-toggle{ margin-left:8px; margin-right:8px; }
    .navbar-header1{ display: block; position: absolute; left: 0; z-index: 46; }
    ul.navbar-nav > li { width:100%; background:#414141; color:#fff; }
    #menu-principal .dropdown-menu { position:static; border:none; box-shadow:none; }
    .dropdown-menu li{ width:100%; float:none; display:block; }
    #menu-principal li.active .dropdown-menu a, #menu-principal li.active .dropdown-menu a:focus, #menu-principal li.active .dropdown-menu a:hover { background:none; color:#333; }
    .navbar-collapse.in { overflow:auto; }
   .campoimagen, .input-group{ margin-bottom:10px; }
    .img-thumb { /*max-width: 70px !important; */ }
    #form-nodo{padding:0;}

    .visible-grande {display: none;}
    .visible-pequeno {display: block;}

    .responsive-vertical {overflow: visible;}
    .responsive-vertical .hijosdirectos{overflow: visible;}
     
    .responsive-vertical > .campo-dentro > .etiqueta {display: none;}
    .responsive-vertical > .campo-dentro > .control { padding:0;}
    .responsive-vertical thead {display: none;}
    .responsive-vertical tbody > tr > td {display: block;}
    .responsive-vertical tbody > tr > td .campo-dentro > .etiqueta {display: block;}
    .responsive-vertical tbody > tr > td .campo-dentro > .control {padding: 0px 20px;}

    .scroll-horizontal .hijosdirectos{overflow: scroll;}

    
    

}

/***********************
* Tablet Media
************************/
@media (min-width: 767px) and (max-width: 1200px) {

    tbody .columna-acciones{ vertical-align:middle !important;}
    td.columna-acciones a {  text-decoration:none; font-size: 18px; padding:0px 5px; display:inline-block; line-height:35px;}
    #filters { margin: 0px !important; }
    .pull-right { float: right!important; }
    .linea-separador { font-size: 8px !important; padding: 0; margin: 30px 0 0 0 !important; }
    #cuerposcroll { margin: 0px !important; }
    #entorno-pie, #epp-pie { padding-left: 0px !important; font-size: 10px !important; }
    #cont-entorno-datos { font-size: 10px !important; }
    .lateral { padding: 0; }
    .paneles-mitad { min-width: 100%; }
    .paneles-mitad .menu-desplegable { width: 100%; }
    .fondo-menu-principal { overflow-y: auto; height: calc(100% - 150px);}
    .cont_menu{ position: initial !important; }
    #entorno-pestanas { position: absolute; z-index: 45; top: 49px; left: 0; background: white; border-radius: 0px 12px 0px 0px; overflow-y: auto; }
    #entorno-pestanas li { float: none; }
    .filtro { /* height: auto !important; */ }
    a .glyphicon{ font-size:20px; margin-right: 5px; }
    .modal-row{ cursor:pointer !important; }
    #cont-tabla{ margin:0 10px; }
    .no-padding{ padding:0; }
    #popup .vp{ float:none; }
    #tablascroll { border: none !important; background:#414141; }
    #tablascroll thead{ background:#414141; }
    #tablascroll tbody{ background:#fff; }
    #tablascroll tr { font-size: 12px; min-height: 20px; padding: 20px 0 !important; height: 45px; }
    #tablascroll th { border-top: 0; border-bottom:2px solid #ddd; padding: 0; }
    input.seleccionar{ float:none !important; }
    #entorno-datos.lateral {padding: 0;}
    #entorno-herramientas{ margin:0px !important; padding: 0px !important; height: 60px; }
    ul.navbar-nav > li { width:100%; background:#414141; color:#fff; }
    .dropdown-menu li{ width:100%; float:none; display:block; }
    #menu-principal li.active .dropdown-menu a, #menu-principal li.active .dropdown-menu a:focus, #menu-principal li.active .dropdown-menu a:hover { background:none; color:#333; }
    .navbar-collapse.in { overflow:auto; }
    .navbar-toggle{ margin-left:8px; margin-right:8px; }
    .hamburguesa { display: inline-block !important; }
    .navbar-header1{ display: block; position: absolute; left: 0; z-index: 46;}
    #entorno-migas { margin-top: 30px; }

    #menu-principal .dropdown-menu { width:100%; position:absolute; z-index: 900; padding:5px 20px; top:40px; left:0; background:#fff; z-index: 900; border:none; overflow:hidden; box-shadow:none;}
    #menu-principal .esflotante.dropdown-menu{ color: #000; height: auto; left: 445px; position: absolute; top: 40px; width: auto; z-index: 1000; }
    .navbar { position:static; }
    #menu-principal li.active .dropdown-menu a.active{ text-decoration:underline; }
    #menu-principal li.active .dropdown-menu a, #menu-principal li.active .dropdown-menu a:focus, #menu-principal li.active .dropdown-menu a:hover { background:none; color:#000; }
    #menu-principal .esflotante.dropdown-menu li a{ color:#fff; }
    #menu-principal .esflotante.dropdown-menu li a:hover{ color:#ddd; }
    .dropdown-menu li a { padding: 3px 20px 3px 10px; }
    .bootstrap-select.btn-group .dropdown-toggle .filter-option { width: 97%; }
    .hamburguesa { display: inline-block; }
}


#ventana-editar-imagen {     max-height: 90vh;}