:root {
    --vCSS_color_principal: #333333;
    --vCSS_color_claro: #33333315;
    --vCSS_color_claro_opaco: #999999;
    --vCSS_color_bordes: #33333350;
    --vCSS_color_sidebar: #000000;
    --vCSS_color_fondo_abreviatura_empresa: #00CC33;

    /* Variables de opacidad concatenadas originales */
    --vCSS_color_sidebar_10: #00000010;
    --vCSS_color_sidebar_25: #00000025;
    --vCSS_color_principal_aa: #333333aa;
    --vCSS_color_principal_50: #33333350;
    --vCSS_color_principal_10: #33333310;
    --vCSS_color_principal_09: #33333309;
    --vCSS_color_principal_b8: #333333b8;
    --vCSS_color_principal_15: #33333315;

    /* Fondo dinámico por defecto */
    --url_fondo_portal: url('../complementos/images/fondo-home-waster.jpg');
}

/* Pantalla principal -------------------------------- */ 
html, .panel-body {background:#eff6fb;background:#fff}

.cabecera {margin:0px -5px;display:inline-block;background:#fff;position:sticky;width:calc(100% + 20px);z-index:2;top:0px;min-height:100px;border-bottom:1px solid #ccc;box-shadow: 0 3px 6px rgba(0,0,0,.10);}

.principal_v2 {width:calc( 100% - 15px );min-height:100vh;padding-left:65px !important;background:none;position:absolute;z-index:-2}
.principal_v2 .zonaOperativa h1 {margin:0px;color:var(--vCSS_color_principal);background:none;position:fixed;top:10px;right:95px;width:auto;display:inline;left:auto;font-size:20px;text-align:right;z-index:11 }
.principal_v2 .panel.panel-primary{background:none;}
.principal_v2 .panel-primary>.panel-body { padding: 0px 5px 5px 5px;}
.principal_v2 .zonaOperativa.panel-body { padding: 10px 10px 10px 10px;background:#fff;}
.principal_v2 #zonaClave {margin-top:0px;}

.principal_v2 .empresa_abreviado {width:80px;display:inline-block;background:var(--vCSS_color_fondo_abreviatura_empresa);color:#fff;padding:12px 6px;border-radius:0px;text-align:center;border:2px solid #fff;position:fixed;top:10px;right:10px;font-weight:normal;letter-spacing:0.8px;z-index:99}
.principal_v2 .icono_nubelus {display: inline-block;float: left;margin-top:7px;margin-left:5px;overflow:hidden;width:35px;margin-right:15px;}

.fondo_index {
    background: var(--url_fondo_portal) no-repeat top center scroll;
    background-size: cover;
    position:fixed;
    height:100vh;
    width:100vw;
    top:0;
    left:0px;
}
.principal_v2 .wsgw_registro_2016.prg2017 h1 {font-size:30px;color:#000;margin:40px;text-shadow: white 0.1em 0.1em 0.2em}

.principal_v2 .panel_inicio .favoritos.enlace {border-color:var(--vCSS_color_sidebar) !important;background:#fff;}
.principal_v2 .panel_inicio .favoritos.enlace .texto {color:var(--vCSS_color_sidebar) !important;background-color:var(--vCSS_color_sidebar_10) !important;}
.principal_v2 .panel_inicio .favoritos.enlace .icono {background-color:var(--vCSS_color_sidebar_25) !important;}
.principal_v2 .panel_inicio .favoritos.enlace .icono i {color:var(--vCSS_color_sidebar) !important}


/* Menu */
.navbar.superMenu {position:fixed;z-index:99;display:block;top:5px;width:100%;}
.nav.menuSuperior_v2 {background:none;box-shadow:none;padding-left:0px;display:block;position:absolute;z-index:99}
.nav.menuSuperior_v2 a,.nav.menuSuperior_v2 li.enlace  {color:var(--vCSS_color_principal)}
.nav.nav-pills.menuSuperior_v2 li a:hover, .nav.nav-pills.menuSuperior_v2 li.dropdown.open>a, .nav.nav-pills.menuSuperior_v2 li.enlace:hover {background:var(--vCSS_color_principal);border-radius:2px;}
.nav.menuSuperior_v2 .dropdown-menu li:focus >a,.nav.menuSuperior_v2 .dropdown-menu li:hover > a {background:var(--vCSS_color_principal);color:#fff !important;}

.nav.menuSuperior_v2 .dropdown-menu{background:#fffffffe;}
.nav .dropdown-menu {border:1px solid var(--vCSS_color_principal) }
.nav.menuSuperior_v2 .nav .open>a {background:var(--vCSS_color_principal)}
.nav>li.enlace, .nav>.grupoMenu>li.enlace {display:none;}
.dropdown-menu {box-shadow: 0 6px 12px rgba(0,0,0,.300);}

/* Barra iconos // */
.principal_v2 .BarraOpciones {top:60px;left:75px;right:0px;color:var(--vCSS_color_principal);position:fixed;z-index:2;background:none;width:calc(100% - 70px)}
.principal_v2 .BarraOpciones .miBoton {color:var(--vCSS_color_principal)}
.principal_v2 .BarraOpciones .reducido .miBoton.conTexto {font-size:12px;letter-spacing: -0.5px;}
.principal_v2 .BarraOpciones .ampliado {background:#fff}
.principal_v2 .BarraOpciones i {font-size:16px;}
.principal_v2 .BarraPaginar i {font-size:12px;}
.principal_v2 .BarraOpciones h2 {color:var(--vCSS_color_principal);position:fixed;right:90px;margin-top:-24px;font-size:14px;font-weight:normal;text-align:right;opacity:0.6;} 
.principal_v2 .navbar-brand-empresa {display:none;}
.principal_v2 .BarraPaginar {margin: 3px 80px 0px 10px;}

/* INDEX y sus cosas */
.zonaIndex {padding:5px 25px;}
.zonaIndex .panel_aviso {border:1px solid #ddd; font-size:15px;border-radius:10px;cursor:pointer;
	display:flex;overflow:hidden;text-decoration:none;background-color:#e51f1f07;border:1px solid #e51f1f;padding:10px;text-align:center;height:auto;float:left;}
.zonaIndex .panel_aviso i {background:#e51f1f;font-size:28px;min-width:50px;min-height:50px;text-align:center;font-weight:200;margin:-10px 10px -10px -10px;padding-top:12px;color:#fff;font-weight:bold;height:auto;}
.zonaIndex .panel_aviso p {margin:5px 0px 5px 10px;	color:#333}

.zonaIndex .panel_aviso.tipo-leve i {background:#FFA000;}
.zonaIndex .panel_aviso.tipo-leve {border-color:#FFA000;background-color:#FFA00007} 

.zonaIndex .panel_aviso.tipo-info i {background:#0288D1;}
.zonaIndex .panel_aviso.tipo-info {border-color:#0288D1;background-color:#0288D107} 



/* Boton ayuda */
.principal_v2 a.boton_ayuda_proceso {color:var(--vCSS_color_principal);top:69px;right:100px;font-size:16px;z-index:11;position:fixed}
.principal_v2 .boton_favorito {color:var(--vCSS_color_principal);top:69px;right:80px;font-size:16px;z-index:11;position:fixed;padding:2px;cursor: pointer;}

.principal_v2 .boton_favorito i.icono_marcado {color:#e6a907;position:absolute;opacity:0;transition: all 1s  ease;}
.principal_v2 .boton_favorito i.icono_desmarcado {position:absolute}
.principal_v2 .boton_favorito.marcado i.icono_marcado {opacity:1;}


.principal_v2 .grid-relacion {margin-top:0px;border:1px solid var(--vCSS_color_principal_aa);border-radius:5px;overflow:hidden;}
.principal_v2 .grid-relacion .cabeceras { z-index:0;background:var(--vCSS_color_claro);padding:2px 0px;color:var(--vCSS_color_principal_aa)}
.principal_v2 .grid-relacion .cabeceras .abloque { background:var(--vCSS_color_claro);}

.principal_v2 .grid-relacion .filtros { background:#fff;display:flex;padding:7px 0px; }
.principal_v2 .grid-relacion .filtro, .principal_v2 .filtro_relacion .filtro { display:flex; align-items: center;justify-content: center; }
.principal_v2 .grid-relacion .filtros .titulo { background:#fff;border-bottom:0px solid var(--vCSS_color_principal_aa);display:flex;padding:1px 7px;color:var(--vCSS_color_principal_aa) }
.principal_v2 .grid-relacion .cabeceras {border-top:1px solid var(--vCSS_color_principal_50);display:flex;}
.principal_v2 .grid-relacion .pies {color:var(--vCSS_color_principal_aa)}
.principal_v2 .grid-relacion .BarraAcciones { background:#fff;border-top:1px solid var(--vCSS_color_principal_50)}
.principal_v2 .grid-relacion .BarraAcciones .miBoton { background:var(--vCSS_color_claro);border:1px solid var(--vCSS_color_principal_aa);color: var(--vCSS_color_principal_aa)}

.principal_v2 .grid-relacion .cuerpo {border-top:1px solid var(--vCSS_color_principal_50);border-bottom:1px solid var(--vCSS_color_principal_50)}

.principal_v2 .grid-relacion .dentro_circulo {position:static}
.principal_v2 .grid-relacion .registro {background:#fff;padding-top:4px;padding-bottom:1px;min-height:0px;}
.principal_v2 .grid-relacion .registro.error {border: 1px solid rgb(221, 0, 0);background: #ffe9e8;}
.principal_v2 .grid-relacion .registro:hover { background-color: #f9f3c1 ; }
.principal_v2 .grid-relacion .pies { z-index:0;background:var(--vCSS_color_claro);display:flex;padding:0px}
.principal_v2 .grid-relacion .pies * {padding-top:0px;padding-bottom:0px;}

.principal_v2 .grid-relacion .registro.seleccionado {background: #fff8bf;box-shadow:none;}

.principal_v2 .grid-relacion a i {color:#fff}
.principal_v2 .grid-relacion a.miBoton i {color:var(--vCSS_color_principal)}

.principal_v2 .nubelus_gestionFacturasVenta .grid-relacion a i {color:var(--vCSS_color_principal);opacity:1}

.principal_v2 .grid-relacion .cabeceras.fijas { background:#fff;}
.principal_v2 .grid-relacion .cabeceras.fijas .bloque { background:var(--vCSS_color_claro);}

.principal_v2 .grid-relacion .subtotal-cabecera {color:var(--vCSS_color_principal)}
.principal_v2 .grid-relacion input[type='checkbox'] {width: auto;margin-left: 2px;float:none;display:inline-block}

.grid-relacion .cuerpo .registro div[class*="col-"] {padding-top:0px;padding-bottom:0px;}
.grid-relacion .registro .enlace a i {color:var(--vCSS_color_principal);}


/* Nuevo - */
.principal_v2 .grid-relacion .cabeceras {border-top:none;}
.principal_v2 .grid-relacion .BarraAcciones .miBoton{background:var(--vCSS_color_principal);color:#fff;margin:0px;border:none;padding:3px 15px;border-radius:0px;}
.principal_v2 .grid-relacion {border:1px solid var(--vCSS_color_principal)}
.principal_v2 .grid-relacion .BarraAcciones {background:var(--vCSS_color_principal_50);}
.principal_v2 .grid-relacion .cuerpo {border:none;}

.principal_v2 .grid-relacion .registro .herramientas input {width:auto;}

.principal_v2 .grid-relacion .registro .icono[data-alias="ICONO_SUBNIVEL"] {color:inherit}


/* SIDEBAR  */ 
.sidebar_v2 {width:60px;background:var(--vCSS_color_sidebar);color:#fff;position:fixed;height:100vh;top:0px;left:0px;bottom:0px;border:none;z-index:200}
.sidebar_v2 i {font-weight:300;font-size:22px;display:block;width:58px;text-align:center;padding:15px 0px;}
.sidebar_v2 .abajo{ bottom: 15px; }
.sidebar_v2 .enlace:hover, .btn-group.dropright.open>.enlace {opacity:1;background:rgba(255,255,255,0.3)}

.sidebar_v2 .dropdown-menu.lateral {margin-left:62px;margin-top:-50px;background:var(--vCSS_color_sidebar);padding:0px;z-index:333;position:absolute;display:inline-block;width: fit-content;box-sizing: border-box;}
.sidebar_v2 .dropdown-menu .enlace {min-width:max-content;width:100%;display:inline-block;box-sizing: border-box;}
.sidebar_v2 .dropdown-menu .texto_usuario {padding:2px 15px;min-width:max-content;width:100%;display:inline-block;box-sizing: border-box;}
.sidebar_v2 .dropdown-menu .enlace a {display:inline-block;width:100%;padding:4px 15px;}
.sidebar_v2 .dropdown-menu .divider {margin:3px 0px}

.sidebar_v2 .abajo .dropdown-menu.lateral {position:absolute; top:auto; margin-top:0px ;bottom:0px; }
.sidebar_v2 a,.sidebar_v2 a:hover {color:#fff;text-decoration:none;}

.sidebar_v2 .dropdown-menu.lateral i {font-size:14px;display:inline-block;width:auto;min-width:30px;height:auto;padding:0px;text-align:left;}

.sidebar_v2 .dropright  .dropdown-menu {display: block; visibility:hidden;opacity: 0;overflow:hidden;transition: all 1s ease;-moz-transition: all 1s ease;-webkit-transition: all 1s  ease;-o-transition:      all 1s  ease;-ms-transition:     all 1s  ease;}
.sidebar_v2 .open .dropdown-menu {visibility: visible;opacity: 1;}

.sidebar_v2 .sidebar_marca_beta { font-weight: 300; font-size: 16px; display:block; color:#fff; background:#F00; width: 58px; text-align: center; padding: 12px 0px; margin-top:2px;border:1px solid #fff;opacity:0.9;}
.sidebar_v2 .sidebar_marca_beta::before {content:"Beta";}

.sidebar_v2 .texto_usuario.gestor {letter-spacing:-0.5px;font-weight:bold;padding:10px 15px;background:#ffffff55;border-bottom:1px solid #fff}
.sidebar_v2 .texto_usuario.nombre {margin-bottom:0px;padding-bottom:0px;}
.sidebar_v2 .texto_usuario.rol {font-size:12px;padding-top:0px;margin-top:-8px;opacity:0.7;font-style: italic;}
.sidebar_v2 .titulo {padding-left:12px;}
.sidebar_v2 .lateral .enlace {padding-left:20px;}
.sidebar_v2 .advertencia a {color:orange;}


/* Imagen - Fondo de empresa (Añade clase 'logo-opaco' al body si quieres opacidad) */
.fondo_empresa {position:fixed;bottom:30px;right:30px;z-index:-1;max-width:200px;max-height:200px;display:inline-block;}
body.logo-opaco .fondo_empresa img {max-width:100%;max-height:100%;height:auto;width:auto; filter: none; opacity:1}
body:not(.logo-opaco) .fondo_empresa img {max-width:100%;max-height:100%;height:auto;width:auto; filter: grayscale(100%); opacity:0.25}


.panel_inicio {max-width:950px;width:100%;margin:5px auto 5px auto;border:none;}
.panel_inicio .panel_favoritos, .panel_inicio .panel_recientes {width:100%;clear:both;padding-top:20px;position:relative;display:inline-block;background:#fff}
.panel_inicio h3 {border:none;border-color:#fff}
.panel_inicio .enlace {width:31%;margin:10px 1%; border:1px solid #ddd; font-size:11px; float:left;height:100px;border-radius:10px;cursor:pointer;
	display:flex;overflow:hidden;text-decoration:none;color:var(--vCSS_color_principal);background-color:#30a5ff11;border:1px solid #30a5ff}
.panel_inicio .enlace { box-shadow: 0 3px 6px rgba(0,0,0,.20); }
.panel_inicio .enlace:hover { box-shadow: 0 3px 6px rgba(0,0,0,.60);}

.panel_inicio .enlace .subtitulo {display:inline-block;width:100%;}
.panel_inicio .enlace i {color:#30a5ff;font-size:28px;min-width:30px;text-align:center;font-weight:200}
.panel_inicio .enlace .texto {color:#777}
.panel_inicio .enlace .subtitulo_1 {;font-size:16.5px;letter-spacing:-0.5px;margin-bottom:5px;color:#333}

.panel_inicio .enlace .icono {color:#30a5ff;background-color:#30a5ff33;font-weight:200 }	
.panel_inicio .enlace .icono, .panel_inicio .enlace .texto {padding:10px;}

.panel_inicio .no_favoritos {border:1px solid var(--vCSS_color_principal);padding:50px 25px;width:100%;border-radius:10px;background:var(--vCSS_color_principal_10);text-align:center;}
.panel_inicio .no_favoritos * {margin:0px;}
.panel_inicio .no_favoritos h3 {font-size:44px;margin:10px 0px;font-weight:bold;color:var(--vCSS_color_principal)}
.panel_inicio .no_favoritos h4 {font-size:30px;font-weight:100;color:var(--vCSS_color_principal);opacity:0.7}

.panel_inicio .favoritos .texto {;font-size:16.5px;letter-spacing:-0.5px;margin-bottom:5px;color:#30a5ff;width:100%;height:100%;}


/* Para RECIENTES (dinámico) añade 'data-tipo="dinamico"' en el HTML con vars inline: style="--color_tipo_actual:#..." */
.panel_inicio .enlace[data-tipo="dinamico"] {border-color:var(--color_tipo_actual);}
.panel_inicio .enlace[data-tipo="dinamico"] .icono {color:var(--color_tipo_actual);background-color:var(--color_tipo_actual_33) !important}	
.panel_inicio .enlace[data-tipo="dinamico"] .icono i {color:var(--color_tipo_actual)}	
.panel_inicio .enlace[data-tipo="dinamico"] .texto {background-color:var(--color_tipo_actual_11) !important}
.panel_inicio .favoritos.enlace[data-tipo="dinamico"] .texto {color:var(--color_tipo_actual);}

	
/* Otros ajustes */
.principal_v2 .conBordes {border: 1px dotted var(--vCSS_color_bordes);padding:10px;border-radius:0px 0px 5px 5px;}

.principal_v2 .miCampo .miBoton:hover,.principal_v2 .miMundo .miBoton:hover  {border:none;outline:none;}

.principal_v2 .campoRead, .campoRead  {background:#fff; border-color:var(--vCSS_color_bordes)}
.principal_v2 .campoReadWrite, .campoReadWrite {border-color:var(--vCSS_color_bordes)}
.principal_v2 .miCampo .DesdeHasta {border: 1px solid var(--vCSS_color_bordes)}
.principal_v2 .miCampo input:focus, .principal_v2 .miCampo select:focus, .principal_v2 .miCampo textarea:focus { border: 1px var(--vCSS_color_principal) solid;}
.principal_v2 .miCampo select {background:#fff;}

.principal_v2 .miCampo.aviso label{color:#fff;background:#e6a907;border-color:#e6a907;} 
.principal_v2 .miCampo.aviso .campoRead {border-color:#e6a907;background:#e6a90715}
.principal_v2 .miCampo.aviso .miBoton.flota_derecha,
.principal_v2 .miCampo.aviso .miBoton.flota_derecha_2, 
.principal_v2 .miCampo.aviso .miBoton.flota_derecha_3 {color:#e6a907;}

.principal_v2 .miCampo.aviso_grave label{color:#fff;background:#e63007} 
.principal_v2 .miCampo.aviso_grave label{color:#fff;background:#e63007;border-color:#e63007} 
.principal_v2 .miCampo.aviso_grave .campoRead {border-color:#e63007;background:#e6300715}
.principal_v2 .miCampo.aviso_grave .miBoton.flota_derecha,
.principal_v2 .miCampo.aviso_grave .miBoton.flota_derecha_2, 
.principal_v2 .miCampo.aviso_grave .miBoton.flota_derecha_3 {color:#e63007}

.principal_v2 .miCampo .error, .principal_v2 input.error {border: 1px solid #F00 !important;border-color:#F00}

.principal_v2 .miMundo .miBoton.flota_derecha,
.principal_v2 .miMundo .miBoton.flota_derecha_2,
.principal_v2 .miMundo .miBoton.flota_derecha_3 {color:var(--vCSS_color_principal)}

.miCampo label,  .miMundo div.miLabel {background:var(--vCSS_color_claro)}

.principal_v2 .miCampo .botonAccion{color:var(--vCSS_color_principal);background:#fff;border-color:var(--vCSS_color_bordes)}

.principal_v2 a, .principal_v2 a:hover, .principal_v2  a:focus {color:var(--vCSS_color_principal)}

.btn-group.bootstrap-select.filtroPuntosColores {z-index:0}
.btn-group.bootstrap-select.filtroPuntosColores.open {z-index:1}

.grid-relacion .registro.estado-BORRADOR {opacity:0.6;color:var(--vCSS_color_principal);}

/* miMundoCompacto */
.recuadro-contenedor { display:inline-block;  opacity:1; border-radius:5px;padding:15px 15px 15px 15px !important;
	background:var(--vCSS_color_principal_10);	border: 1px solid var(--vCSS_color_principal) !important;
}

div.col-miMundoCompacto div.miCampo label, 
div.miMundoCompacto div.miCampo label {color:var(--vCSS_color_principal);opacity:0.6}

div.col-miMundoCompacto div.miCampo .DesdeHasta,
div.miMundoCompacto div.miCampo .DesdeHasta {border:none}

div.col-miMundoCompacto div.miCampo input,
div.col-miMundoCompacto div.miCampo select, 
div.col-miMundoCompacto div.miCampo .DesdeHasta input,
div.miMundoCompacto div.miCampo input,
div.miMundoCompacto div.miCampo select, 
div.miMundoCompacto div.miCampo .DesdeHasta input {border-bottom:1px dotted var(--vCSS_color_principal_50);background:transparent}

div.col-miMundoCompacto div.miCampo input:focus,
div.col-miMundoCompacto div.miCampo select:focus,
div.miMundoCompacto div.miCampo input:focus,
div.miMundoCompacto div.miCampo select:focus {background:var(--vCSS_color_principal_09);border-bottom:1px dotted #222}

/* Bucle expandido de colores para recuadros */
.recuadro-contenedor-azul { display:inline-block; opacity:1; border-radius:5px;padding:15px 15px 15px 15px !important; background:#3b77a810; border: 1px solid #3b77a8 !important; }
.col-miMundoCompacto .recuadro-contenedor-azul .miCampo label, .miMundoCompacto .recuadro-contenedor-azul .miCampo label {color:#3b77a8;opacity:0.6}
.principal_v2 .col-miMundoCompacto .recuadro-contenedor-azul .miCampo input, .principal_v2 .col-miMundoCompacto .recuadro-contenedor-azul .miCampo select, .principal_v2 .col-miMundoCompacto .recuadro-contenedor-azul .miCampo .DesdeHasta input, .principal_v2 .miMundoCompacto .recuadro-contenedor-azul .miCampo input, .principal_v2 .miMundoCompacto .recuadro-contenedor-azul .miCampo select, .principal_v2 .miMundoCompacto .recuadro-contenedor-azul .miCampo .DesdeHasta input {border-bottom:1px dotted #3b77a850;background:transparent}
.principal_v2 .col-miMundoCompacto .recuadro-contenedor-azul .miCampo input:focus, .principal_v2 .col-miMundoCompacto .recuadro-contenedor-azul .miCampo select:focus, .principal_v2 .miMundoCompacto .recuadro-contenedor-azul .miCampo input:focus, .principal_v2 .miMundoCompacto .recuadro-contenedor-azul .miCampo select:focus {background:#3b77a809;border-bottom:1px dotted #222}

.recuadro-contenedor-rojo { display:inline-block; opacity:1; border-radius:5px;padding:15px 15px 15px 15px !important; background:#84000310; border: 1px solid #840003 !important; }
.col-miMundoCompacto .recuadro-contenedor-rojo .miCampo label, .miMundoCompacto .recuadro-contenedor-rojo .miCampo label {color:#840003;opacity:0.6}
.principal_v2 .col-miMundoCompacto .recuadro-contenedor-rojo .miCampo input, .principal_v2 .col-miMundoCompacto .recuadro-contenedor-rojo .miCampo select, .principal_v2 .col-miMundoCompacto .recuadro-contenedor-rojo .miCampo .DesdeHasta input, .principal_v2 .miMundoCompacto .recuadro-contenedor-rojo .miCampo input, .principal_v2 .miMundoCompacto .recuadro-contenedor-rojo .miCampo select, .principal_v2 .miMundoCompacto .recuadro-contenedor-rojo .miCampo .DesdeHasta input {border-bottom:1px dotted #84000350;background:transparent}
.principal_v2 .col-miMundoCompacto .recuadro-contenedor-rojo .miCampo input:focus, .principal_v2 .col-miMundoCompacto .recuadro-contenedor-rojo .miCampo select:focus, .principal_v2 .miMundoCompacto .recuadro-contenedor-rojo .miCampo input:focus, .principal_v2 .miMundoCompacto .recuadro-contenedor-rojo .miCampo select:focus {background:#84000309;border-bottom:1px dotted #222}

.recuadro-contenedor-verde { display:inline-block; opacity:1; border-radius:5px;padding:15px 15px 15px 15px !important; background:#35693810; border: 1px solid #356938 !important; }
.col-miMundoCompacto .recuadro-contenedor-verde .miCampo label, .miMundoCompacto .recuadro-contenedor-verde .miCampo label {color:#356938;opacity:0.6}
.principal_v2 .col-miMundoCompacto .recuadro-contenedor-verde .miCampo input, .principal_v2 .col-miMundoCompacto .recuadro-contenedor-verde .miCampo select, .principal_v2 .col-miMundoCompacto .recuadro-contenedor-verde .miCampo .DesdeHasta input, .principal_v2 .miMundoCompacto .recuadro-contenedor-verde .miCampo input, .principal_v2 .miMundoCompacto .recuadro-contenedor-verde .miCampo select, .principal_v2 .miMundoCompacto .recuadro-contenedor-verde .miCampo .DesdeHasta input {border-bottom:1px dotted #35693850;background:transparent}
.principal_v2 .col-miMundoCompacto .recuadro-contenedor-verde .miCampo input:focus, .principal_v2 .col-miMundoCompacto .recuadro-contenedor-verde .miCampo select:focus, .principal_v2 .miMundoCompacto .recuadro-contenedor-verde .miCampo input:focus, .principal_v2 .miMundoCompacto .recuadro-contenedor-verde .miCampo select:focus {background:#35693809;border-bottom:1px dotted #222}

.recuadro-contenedor-gris { display:inline-block; opacity:1; border-radius:5px;padding:15px 15px 15px 15px !important; background:#66666610; border: 1px solid #666666 !important; }
.col-miMundoCompacto .recuadro-contenedor-gris .miCampo label, .miMundoCompacto .recuadro-contenedor-gris .miCampo label {color:#666666;opacity:0.6}
.principal_v2 .col-miMundoCompacto .recuadro-contenedor-gris .miCampo input, .principal_v2 .col-miMundoCompacto .recuadro-contenedor-gris .miCampo select, .principal_v2 .col-miMundoCompacto .recuadro-contenedor-gris .miCampo .DesdeHasta input, .principal_v2 .miMundoCompacto .recuadro-contenedor-gris .miCampo input, .principal_v2 .miMundoCompacto .recuadro-contenedor-gris .miCampo select, .principal_v2 .miMundoCompacto .recuadro-contenedor-gris .miCampo .DesdeHasta input {border-bottom:1px dotted #66666650;background:transparent}
.principal_v2 .col-miMundoCompacto .recuadro-contenedor-gris .miCampo input:focus, .principal_v2 .col-miMundoCompacto .recuadro-contenedor-gris .miCampo select:focus, .principal_v2 .miMundoCompacto .recuadro-contenedor-gris .miCampo input:focus, .principal_v2 .miMundoCompacto .recuadro-contenedor-gris .miCampo select:focus {background:#66666609;border-bottom:1px dotted #222}

.recuadro-contenedor-error-grave {border: 1px solid #ff6666;background:#ff666610;padding:15px;position:relative;border-radius:5px}
.recuadro-contenedor-error-leve {border: 1px solid #ff9900;background:#ff990010;padding:15px;position:relative;border-radius:5px}
.recuadro-contenedor-error-info {border: 1px solid #339900;background:#33990010;padding:15px;position:relative;border-radius:5px}

.principal_v2 div.col-miMundoCompacto .miCampo.aviso label{background:#e6a90715;color:#e6a907 !important;opacity:1 }

.principal_v2 .miCampo span{color:inherit;}

.colorbox [class^="error_"] .cerrar_mensaje {display:none}

/* Botones - Extraido de nubelus_css_externo // */
.principal_v2 div.miCampo.selector_contenidos {border: 1px solid var(--vCSS_color_principal);}
.principal_v2 div.miCampo.selector_contenidos select {background: var(--vCSS_color_claro);color: var(--vCSS_color_principal);}
.principal_v2 div.tipo_contenido { border: 1px solid var(--vCSS_color_principal);}

.principal_v2 .solapa_desplegada {border-radius:10px;margin:10px 20px 10px 0px;float:left;max-width:48%;min-width:650px;}
.principal_v2 .titulo_solapa_desplegada {background: var(--vCSS_color_claro);color: var(--vCSS_color_principal);margin:-15px -15px 5px -15px;font-family:campo;padding:7px 10px;font-weight:700;font-size:22px;border-bottom:1px solid  var(--vCSS_color_principal)}

/* Atajos de teclado */
button.miBoton {position:relative}
button.miBoton sup {position:absolute;background:var(--vCSS_color_claro_opaco);top:-12px;right:-7px;padding:7px 7px;border:2px solid #fff;border-radius:7px;z-index:5;font-size:10px}

.zona-ATAJOS {margin:10px 0px;padding:10px 0px; border-top:2px dotted var(--vCSS_color_claro_opaco);border-bottom:2px dotted var(--vCSS_color_claro_opaco);text-align:center;}
.zona-ATAJOS button.miBoton {margin:5px 0px;max-width:100%;width:96%;background:#fff;color:var(--vCSS_color_claro_opaco);border:2px solid var(--vCSS_color_claro_opaco)}
.zona-ATAJOS button.miBoton .tecla{background:var(--vCSS_color_claro_opaco);padding:5px 7px;line-height:normal;border:2px solid #fff;border-radius:7px;z-index:5;font-weight:bold;position:absolute;text-align:center;top:0px;bottom:0px;left:0px;padding-top:10px;color:#fff;}
.zona-ATAJOS button.miBoton .abreviatura{padding-left:50px;}


@media screen and (max-width: 1200px) {
	.principal_v2 .solapa_desplegada {max-width:100%;min-width:100%;width:100%;}
}

.miBoton, a.miBoton:hover, a.miBoton:focus {
    color: #fff;
    background:var(--vCSS_color_principal);
    border:none;
	text-decoration: none;
}
.info-cuadro .miBoton, .info-cuadro a.miBoton:hover, .info-cuadro a.miBoton:focus {
    color: #fff;
    background:var(--vCSS_color_principal);
    border:none;
	text-decoration: none;
}

*.miBoton:hover{
	opacity:1;
	transform: scale(1.04,1.09); /* Aumenta el tamaño al hacer hover */
	outline:1px solid #ffffff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Agrega una sombra al hacer hover */
	}
.BarraOpciones *.miBoton:hover,
.grid-relacion .registro *.miBoton:hover,
.boton_favorito:hover, .boton_ayuda_proceso:hover,
.grid-relacion .herramientas div:hover{	box-shadow:none;transform: scale(1.2);}
.grid-relacion .herramientas i { color:var(--vCSS_color_principal) }
.BarraOpciones .ampliado *.miBoton:hover {transform:scale(1);background:var(--vCSS_color_claro)}


.miBoton_cuadrado {
    color: #fff;
    background:var(--vCSS_color_principal);
    border:none;
	text-decoration: none;
}

.principal_v2 div .miBoton {border-color: var(--vCSS_color_principal)}
.principal_v2 .registro .miBoton, .principal_v2 .registro a.miBoton:hover, .registro div a.miBoton:focus {color: var(--vCSS_color_principal);background:none;box-shadow:none;}
.principal_v2 div .miBoton.solido, .principal_v2 div a.miBoton.solido:hover, .principal_v2 div a.miBoton.solido:focus {color:#fff;background:var(--vCSS_color_principal);box-shadow:none;}
.principal_v2 div .miBoton.opaco, .principal_v2 div a.miBoton.opaco:hover, .principal_v2 div a.miBoton.opaco:focus {color:#fff;background:var(--vCSS_color_principal);box-shadow:none;}


.miBoton.solido {color:#fff !important;background:var(--vCSS_color_principal) !important;box-shadow:none;}
.miCampo .miBoton.flota_derecha.solido {padding:2px 15px; margin: 1px -5px -2px 0px;}

.colorbox [class^="error_"] {margin:2px;padding:6px 6px 6px 40px;box-shadow:0px 1px 5px rgba(000,000,000,0.5);border-radius: 10px;clear:both;}
.colorbox [class^="error_"] .cerrar_mensaje {color:#fff;background:#339900;position:absolute;left:0px;top:0px; font-size:20px; cursor:pointer; min-height:30px;padding:2px 5px;border-radius:5px 0px 0px 5px}
	

.principal_v2 .grid-relacion .pies .BarraAcciones .miBoton {  background:var(--vCSS_color_principal); }

.principal_v2 .BarraAcciones {
    border-top: 1px solid var(--vCSS_color_claro);
}
.principal_v2 .panel-info>.panel-heading {
    color: var(--vCSS_color_principal);
    background-color: var(--vCSS_color_claro);
    border-color: var(--vCSS_color_claro);
}
.principal_v2 .panel-info {
    border-color: var(--vCSS_color_claro);
}


.principal_v2 .seccion .titulo_seccion { 
	border-top: 2px solid var(--vCSS_color_principal);
	color: var(--vCSS_color_principal);
    background: var(--vCSS_color_claro); }

div[class^="nubelus_gestionContratosTratamiento"] h3, div[class^="nubelus_solicitarTraslado"].prg2017 h3, div[class^="nubelus_seguimientoSolicitudesTraslado"] h3,
.factura h3, .nubelus_gestionRecogidas h3, .nubelus_gestionRecogidas h3, .nubelus_gestionContratosTratamiento h3  {
    border-top: 3px solid var(--vCSS_color_principal);
    color: var(--vCSS_color_principal);
    background: var(--vCSS_color_claro);
}
div.miCampo.selector_contenidos label {
    background: var(--vCSS_color_principal);
    color: #fff;
    border-color: var(--vCSS_color_claro);
}
.principal_v2 .wsgw_registro_2016 .card.registro_gestor .face {
    background: var(--vCSS_color_principal_b8);
}
.wsgw_registro_2016 .card input:focus {border-color:#b99621;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
#wsgw_registro_2016 .boton_favorito {display:none}

#selector_menus>li>a {
    color: var(--vCSS_color_principal);
    border-right: 4px solid var(--vCSS_color_principal);
    background: var(--vCSS_color_claro);
}
.modal, .colorbox {border:4px solid var(--vCSS_color_principal)}
.ayuda_proceso {
	border-color:var(--vCSS_color_principal);    
	background-color: #f1f1f1;
}
#cboxLoadedContent{overflow:hidden !important;}
#cboxWrapper #cboxLoadedContent>div h3, #cboxWrapper #cboxLoadedContent>div .titulo3 {background:var(--vCSS_color_principal);padding:15px;}

#div_editar_parte_a div.contenidos .miBoton, #div_editar_parte_b div.contenidos .miBoton, #div_editar_carta_porte div.contenidos .miBoton {color:var(--vCSS_color_principal);}


#selector_menus>li>a:hover { background: var(--vCSS_color_principal); color:#fff }

.miCampo .miBoton.centrado.flota_derecha {color:var(--vCSS_color_principal);}
.miCampo .miBoton.flota_derecha_2, .miCampo .miBoton.flota_derecha_3 {color:var(--vCSS_color_principal);}


.miBoton.mas_opciones.seleccionado {color:#fff;  background: var(--vCSS_color_principal)}
.grid-relacion .grupo.herramientas i, .grid-relacion .cabeceras .nuevo i  {color:var(--vCSS_color_principal);}
.BarraOpciones .ampliado {border:2px solid var(--vCSS_color_principal);box-shadow: 0 6px 12px rgba(0,0,0,.300);z-index:11; }

.miCampo.editable .botones button,.miCampo.editable .botones a {color:var(--vCSS_color_principal);}

.nubelus_gestionFacturasVenta .seccion .titulo_seccion {border-top:none !important;}
.destacado {font-weight:bold;}


/* Otras historias // */
div.miCampo.selector_contenidos {border-width:1px;border-bottom:1px solid #fff !important;margin-bottom:-1px;z-index:1;border-radius:5px 5px 0px 0px;}
div.miCampo.selector_contenidos select {background:#efefef;font-weight:bold;font-size:22px;border-radius:5px 5px 0px 0px;}
div.tipo_contenido {border-width:1px;}

/* Cosas que mueren si no tienes USER_id (Aplica clase .sin-usuario al body en PHP) */
body.sin-usuario .barraOpciones {display:none;}
body.sin-usuario .principal_v2 .empresa_abreviado {display:none;}
body.sin-usuario .principal_v2 .zonaOperativa h1 {display:none;}
body.sin-usuario .principal_v2 .BarraOpciones h2 {display:none;} 
body.sin-usuario .principal_v2 .icono_nubelus {display:none;} 
body.sin-usuario .principal_v2 .BarraOpciones .mas_opciones {display:none;}
body.sin-usuario .principal_v2 .boton_ayuda_proceso {display:none;}
body.sin-usuario .principal_v2 .boton_favorito {display:none;}
body.sin-usuario .principal_v2 .BarraOpciones {position:relative;top:0px;left:0px;height:auto;width:auto;max-height:100%;max-width:100%;display:inline-block;margin:20px 0px;}
body.sin-usuario .principal_v2 .BarraOpciones .miBoton {padding:10px 25px;border:1px solid var(--vCSS_color_claro);height:55px;width:auto;max-height:100% !important;max-width:100% !important;line-height:42px;border-radius:5px;background:var(--vCSS_color_principal);color:#fff;font-size:20px !important}
body.sin-usuario .principal_v2 .BarraOpciones .miBoton i {font-size:24px;}


/* ORDEN PARA LA PANTALLA DEL LOG, sino hace cosas extrañas  */
.fondo_index {z-index:1}
.container.container-principal .col-md-6.col-md-offset-3{z-index:2}
.principal_v2 .wsgw_registro_2016 .col-md-10.col-md-offset-1.col-sm-12.index-nivel {position:relative;z-index:5;}
.principal_v2 .wsgw_registro_2016 .flip{position:absolute;z-index:8}
.principal_v2 .wsgw_registro_2016 .card.registro_gestor {position:relative;z-index:9}
.principal_v2 .flip .card .front {position: relative;z-index:21}
.principal_v2 .flip .card .face {position: relative;z-index:22}

.principal_v2 .no-flip .face.front {display:block}
.principal_v2 .no-flip .face.back {display:none}

.principal_v2 .no-flip .flipped .face.front {display:none}
.principal_v2 .no-flip .flipped .face.back {display:block}


/* Ajustes para la visualización modo Teléfono */
.modoTelefono {width:100%;max-width:400px;border:2px solid #aaa;border-radius:10px;margin:0px auto 0px auto;min-height:85vh;position:relative; }
.modoTelefono .miBoton{padding:10px 15px;margin:0px 5px;text-align:center;}
.modoTelefono .miBoton.ocupa-todo {width:calc(100% - 5px);}


/* Ajustes al menu */
.menu_columnas {max-height: 390px;display:inline-block;width: max-content;display: flex; flex-direction: column;flex-wrap: wrap;}
.menu_columnas.alto200 {max-height: 200px;}
.menu_columnas.alto250 {max-height: 250px;}
.menu_columnas.alto300 {max-height: 300px;}
.menu_columnas.alto400 {max-height: 400px;}
.menu_columnas.alto450 {max-height: 470px;}


/* Esta línea es necesaria para los windows-7 sino en el menú de facturación no aparece la segunda columna. */
.menu_columnas {min-width: 580px;}


.menu_columnas .grupo {min-width:150px;width:fit-content;display:inline-block;float:left;padding:0px;margin:7px 20px; }
.menu_columnas .grupo  ul{list-style: none; margin:0px 0px; padding:0px}
.menu_columnas .grupo .titulo{font-size:12px; opacity:0.5; text-transform:uppercase; letter-spacing:-0.5px; }

.menu_columnas .grupo ul a {text-decoration:none;display:block;width:100%;padding:2px;}
.menu_columnas .grupo ul li{width:100%;}

.menu_columnas .grupo li:hover  a {background:var(--vCSS_color_principal);color:#fff !important;}

/* Ajustes al menu ampliado*/
.ampliado .grupo { padding:0px 0px 10px 0px; border-bottom:1px solid #ccc }
.ampliado .titulo { padding:10px 15px 3px 15px; font-size:12px; opacity:0.5; text-transform:uppercase; letter-spacing:-0.5px; }



/* Pendiente de reubicar. */
.seccion-DETALLE .grid-relacion .registro .numero.sangria {padding-right:15px !important}

.sidebar_v2 .estado-CERRADA i {position:relative}
.sidebar_v2 .estado-CERRADA i::after {
position:absolute;
content: "X";
font-weight:bold;
color:red;
left:20px;
font-size:28px;
top:10px;
opacity:0.85
}


/* MOVIL  --------------------------------- */
@media screen and (max-width: 600px) {
	
	.principal_v2 .empresa_abreviado {display:none;}
	.principal_v2 .BarraOpciones h2 {display:none;} 
	.principal_v2 .icono_nubelus 	{display:none;} 


	.principal_v2 { width: calc( 100% - 5px );margin:0px;padding:0px; }
	.principal_v2 #zona_trabajo {padding:0px;}
	.principal_v2 #zonaOperativa {padding:0px;}

	.principal_v2 .cabecera {box-shadow:none;min-height:110px;border-bottom:none;z-index:2;background:#ffffffdd;width:100%;}


	.zonaIndex .panel_aviso {margin:1% 1%;float:left;width:98%;}
	
	.principal_v2 {padding-left:5px !important;}
	.sidebar_v2 {width:0px;overflow:hidden;}
	.sidebar_v2 .sidebar_marca_beta {display:none;}

	.principal_v2 .zonaOperativa h1 {display:block;position:fixed;top:50px;left:10px;padding:0px;text-align:left;max-width:calc(100% - 110px );overflow:hidden;letter-spacing: -1px;font-weight:normal;font-size:28px !important;}

	.principal_v2 .BarraOpciones {left:0px;width:100%;top:72px;padding:0px 10px;}
	.principal_v2 .BarraOpciones .reducido {width:100%;max-width:100%; max-height: 47px;}
	.principal_v2 .BarraOpciones .reducido .ordenar {display:none !important}
	.principal_v2 .BarraOpciones .reducido .ordenar * {display:none !important}
	.principal_v2 .BarraOpciones .mas_opciones {width: 40px;}
	.principal_v2 .BarraPaginar {position:absolute;right:5px;margin:2px 0px}
	.principal_v2 .BarraOpciones .ampliado.visible {top:5px;right:-5px;margin:0px;}

	.principal_v2 .boton_favorito {top:50px;right:58px;}
	.principal_v2 a.boton_ayuda_proceso {top:51px;right: 75px;}	
	.principal_v2 .miBoton.mas_opciones {position:fixed;top:43px;right:0px;}

	.principal_v2 #zonaOperativa.zonaOperativa.panel-body {padding:0px !important}
	
	.principal_v2 .panel_inicio {margin-top:-50px;}
	.principal_v2 .panel_inicio .enlace  {width:100%;height:auto;}

	.panel_inicio .no_favoritos h3 {font-size:34px;margin:10px 0px;font-weight:bold;color:var(--vCSS_color_principal);opacity:0.8}
	.panel_inicio .no_favoritos h4 {font-size:20px;font-weight:100;color:var(--vCSS_color_principal);opacity:0.7}


	.principal_v2 .navbar.superMenu {display:inline-block;position:absolute;top:0px;left:0px;right:0;max-height:100%;overflow-y:visible;overflow-x:scroll;padding:0px;margin:0px;width:calc( 100% + 10px );height:max-content;z-index:99}
	.principal_v2 .navbar.superMenu .menuSuperior {padding:0px;background:var(--vCSS_color_principal_15);min-width:max-content;min-height: max-content;}
	.principal_v2 .menuSuperior * {border-radius:0px !important;}

	
	.principal_v2 .nav.menuSuperior_v2 {position:fixed;width:100vw;min-width:100vw !important;max-width:100vw;overflow:scroll}
	.principal_v2 .nav.menuSuperior_v2 .grupoMenu {display:inline-block;width:1200px;}
	
	.principal_v2 .nav>div>li {display:inline-block;position:relative;float:left;}
	
	
	.principal_v2 .nav-pills.menuSuperior .dropdown.pull-right {display:none;}
	.principal_v2 .navbar.superMenu ul .dropdown-menu {position: fixed;left:10px;right: 10px;top: auto;width: auto;max-width: 100%;z-index:999 }
	.principal_v2 .dropdown-submenu>a:after { margin-right: 10px; }
		

	.principal_v2 .cabeceras div.herramientas {display:none;}
	.principal_v2 .registro div.herramientas div{font-size:16px;}
	.principal_v2 .registro div.herramientas div.tel-1{width:12% !important;max-width:12% !important;}
	
	.colorbox textarea {max-width:100%;width:100%!important;}
	
	.fondo_empresa img {position:relative;max-width:80%; max-height: 80%;height: auto;width: auto;filter:none;opacity:1;z-index:-1;}

	.principal_v2 div.miCampo.selector_contenidos select {font-weight:normal;letter-spacing: -0.6px;font-size:20px;}
	
	.principal_v2 div.col-miMundo	{width:100%}

    	.principal_v2 .fondo_empresa {max-width: 100%;padding:0px;text-align:center;right:0px;left:0px;width:100%;}
	
	.principal_v2 .panel_inicio .favoritos .texto {min-height:48px;margin-bottom:0px;}
	
	button.miBoton sup {display:none;}
	.zona-ATAJOS button.miBoton {margin:2px 0px;}
	.zona-ATAJOS button.miBoton .tecla{max-width:45px;width:45px;}
	.zona-ATAJOS button.miBoton .abreviatura{padding-left:50px;}

	.principal_v2 .relacion {overflow-x:scroll}
	* {scrollbar-width: none;scrollbar-height: none;}
	*::-webkit-scrollbar{width:10px;}
	

	/* Excluyo esto si es android (Aplica clase .nubelus-app al body en PHP) */
	body.nubelus-app .ventana_pdf {display:none;}
	body.nubelus-app .ventana_pdf iframe {display:none;}
	body.nubelus-app .sidebar_v2 {background:#000 !important}

	body:not(.nubelus-app) .ventana_pdf {width:99vw;height:70vh;top:35px;}
	body:not(.nubelus-app) .ventana_pdf .miBoton {padding:10px 20px;width:auto;position:fixed;top:10px;left:0px;display:inline-block;}
	body:not(.nubelus-app) .ventana_pdf iframe {position:fixed;top:50px;left:3px;width:99vw;height:70vh;overflow:scroll;}
	
	
	/* Cosas para el IPHONE (Aplica clase .is-apple al body en PHP) */
    	body.is-apple .principal_v2 .nav.menuSuperior_v2 {
        overflow: visible !important
    }

}

/* TABLET  -------------------------------- */
@media screen and  (max-width: 985px) and (min-width:600px) {

	.principal_v2 .empresa_abreviado {display:none;}
	.principal_v2 .zonaOperativa h1 {display:none;}
	.principal_v2 .BarraOpciones h2 {display:none;} 
	.principal_v2 .icono_nubelus 	{display:none;} 

	.principal_v2 .navbar.superMenu ul .dropdown-menu {position: fixed;left:70px;right: 10px;top: auto;width: auto;max-width: 100%; }
	.principal_v2 .dropdown-submenu>a:after { margin-right: 10px; }
	
	.principal_v2 { width: calc( 100% - 10px ); }
	.principal_v2 #zona_trabajo {padding:0px;}
	.principal_v2 #zonaOperativa {padding:0px;}
	.principal_v2 .cabecera {box-shadow:none;min-height:110px;border-bottom:none;z-index:2;}
	


	.principal_v2 .zonaOperativa h1 {display:block;position:fixed;top:45px;left:70px;padding:0px;text-align:left;max-width:calc(100% - 110px );overflow:hidden;letter-spacing: -1px;font-weight:normal;font-size:20px;}

	.principal_v2 .BarraOpciones { left: 65px; width: calc(100% - 70px); top: 65px;  padding: 0px 0px;	}
	
	.principal_v2 .BarraOpciones .reducido {width:100%;max-width:100%;height:auto; max-height: 47px;}
	.principal_v2 .BarraOpciones .reducido .ordenar {display:none !important}
	.principal_v2 .BarraOpciones .reducido .ordenar * {display:none !important}
	.principal_v2 .BarraOpciones .mas_opciones {width: 40px;}
	.principal_v2 .BarraPaginar {position:absolute;right:5px;margin:2px 0px}
	.principal_v2 .BarraOpciones .ampliado.visible {top:5px;right:-5px;margin:0px;}

	.principal_v2 .navbar.superMenu {display:inline-block;position:fixed;top:0px;left:60px;height:40px;padding:0px;margin:0px;min-height:auto}
	.principal_v2 .menuSuperior {padding:0px;background:var(--vCSS_color_principal_15);width:100%;}
	.principal_v2 .nav.menuSuperior_v2 {position:fixed;}
	
	.principal_v2 .menuSuperior * {border-radius:0px !important;}
	.principal_v2 .menuSuperior div>li>a {padding:7px 14px;}
	.principal_v2 .nav-pills.menuSuperior .dropdown.pull-right {display:none;}
	.principal_v2 .navbar.superMenu>ul {min-width:auto;}


	.principal_v2 .boton_favorito {top:45px;right:58px;}
	.principal_v2 a.boton_ayuda_proceso {top:46px;right: 75px;}	
	.principal_v2 .miBoton.mas_opciones {position:fixed;top:39px;right:0px;}

	.principal_v2 .grid-relacion{overflow: hidden;}

	.zonaIndex .panel_aviso {margin:1% 1%;float:left;width:98%;}
	
	*::-webkit-scrollbar{display:none;}
	* {overflow: -moz-scrollbars-none;  -ms-overflow-style: none; }
	
	/* Excluyo esto si es android */
	body.nubelus-app .ventana_pdf {display:none;}
	body.nubelus-app .ventana_pdf iframe {display:none;}

	body:not(.nubelus-app) .ventana_pdf {width:99vw;height:70vh;top:35px;}
	body:not(.nubelus-app) .ventana_pdf .miBoton {padding:10px 20px;width:auto;position:fixed;top:10px;left:0px;display:inline-block;}
	body:not(.nubelus-app) .ventana_pdf iframe {position:fixed;top:50px;left:3px;width:99vw;height:70vh;overflow:scroll;}

}

/* IMPRIMIR ----------------------------------- */
@media print{ 
	@page { size: A4; margin: 1cm 1cm 1cm 1cm;padding:10cm ;}
	* { -webkit-print-color-adjust: exact; print-color-adjust: exact; }

	
	html{ width:1024px;zoom:1;}
	html, body {background:#fff!important;}
	.panel-body {zoom:0.95}

	.sidebar_v2, .navbar.superMenu, .boton_favorito, .cabecera {display:none;}
	
	.fondo_empresa {display:block; position:absolute; top:-10mm ;left:0;opacity:1;z-index:10;}
	.fondo_empresa img {filter:none;opacity:1}

	.principal_v2 .zonaOperativa h1 {display:block;position:absolute;right:0px;top:-50px;}


	.principal_v2 {width:100% !important;padding:0px !important;margin-top:11mm;position:absolute;}  
	.tipo_contenido {page-break-inside: avoid; break-inside: avoid}
	
	.principal_v2 .grid-relacion .cabeceras { background:var(--vCSS_color_claro); }
	.principal_v2 .grid-relacion .cabeceras .bloque { background:none;}

	.principal_v2 div.tipo_contenido {margin-top:10px;border:0px solid #fff;padding:10px 0px;}
	.principal_v2 div.tipo_contenido .titulo_solapa {color:var(--vCSS_color_principal);margin-bottom:5px;}

	.principal_v2 .grid-relacion .cabeceras .nuevo.centrado * {display:none;}
	.principal_v2 .grid-relacion .herramientas * {display:none;}
	.principal_v2 .grid-relacion .registro{padding-top:0px;padding-bottom:0px;}
	.principal_v2 .grid-relacion .registro div, .principal_v2 .grid-relacion .registro span{padding-top:0px;padding-bottom:0px;}	
	.principal_v2 .grid-relacion * div {font-size:7pt;}
	
	.principal_v2 .seccion .titulo_seccion {border-top:none;background:none;padding-left:0px;margin-bottom:5px; }
	.principal_v2 *.miBoton {display:none;}
}