body{ margin:0px; padding:0px; font-family: 'Lato', sans-serif; font-weight:400; color:#727272; font-size:14px; text-align:justify; background-color:#fff;}

header {width:calc(100% - 20px); height:auto; padding:10px; float:left; position:fixed; z-index: 1;}
.logo_marca_principal_header {width:150px; height:50px; float:left;}
.logo_datasoft_footer {width:108px; height:30px; float:right; margin-left:10px;}
.logo_cliente_footer {width:auto; height:30px; float:right; margin-left:10px;}
.logo_cliente_footer img {width:auto; height:30px;}
.logo_marca_principal_color {background-color:#6C0; background-size:cover;} 
.logo_marca_principal_blanco {background-color:#6C0; background-size:cover;} 
.logo_datasoft_blanco {background-color:transparent !important; background-image:url(../images/logo_datasoft_blanco.png); background-size:cover;} 
.logo_otro_blanco {background-color:transparent !important; background-image:url(../images/logo_figurazione_blanco2.png); background-size:cover; width:108px; height:30px;} 
.logo_cliente_blanco {background-color:transparent !important; background-image:url(../images/logo_cund_blanco.png); background-size:cover;} 
footer {padding:10px 20px; width:calc(100% - 20px); height:30px; float:right; text-align:right; line-height:2; margin:20px -10px -10px -10px;}
ul {margin:0px; padding:0px; list-style: none;}
.margen_vertical {margin: 15px 0px; float: left; width:100%;}
.margen_arriba {margin-top: 15px; float: left; width:100%;}
.margen_abajo {margin-bottom: 15px; float: left; width:100%;}
.float_left {float: left;}
a {color:inherit;}
#menu_hamburguesa {margin-left: 40px; margin-top: 8px; position: relative; float: left; font-size: 25px; display: none;}

/* TEXTOS */
h1 {font-size:24px; font-weight:500; margin: 0px;}
h2 {font-size:18px; font-weight:500; margin: 0px;}
h3 {font-size:16px; font-weight:500; margin: 0px;}
h4 {font-size:14px; font-weight:500; margin: 0px;}
h5 {font-size:12px; font-weight:500; margin: 0px;}

.texto_azul_claro {color:#0080ce !important;}
.texto_azul_oscuro {color:#002d39 !important;}
.texto_negro {color:#000 !important;}
.texto_naranja {color:#ff6600 !important;}
.texto_blanco {color:#fff !important;}
.texto_rojo_claro {color:#f05f50;}
.texto_verde {color: #34A835;}
.texto_amarillo {color: #ffba01;}
.texto_aguamarina {color: #3cba9f;}
.texto_rojo {color:#ed393a;}

.texto_mini {font-size:10px;}
.texto_pequeno {font-size:12.5px}
.texto_mediano {font-size:16px;}
.texto_semigrande {font-size:18px;}
.texto_grande {font-size:24px;}
.texto_extragrande {font-size:30px;}

.texto_thin {font-weight:100;}
.texto_light {font-weight:300;}
.texto_regular {font-weight:500}
.texto_bold {font-weight:700;}
.texto_extrabold {font-weight:900;}

.texto_justificado {text-align:justify;}
.texto_derecha {text-align:right;}
.texto_izquierda {text-align:left;}
.texto_centrado {text-align:center;}

.celda_derecha {text-align:right;}
.celda_izquierda {text-align:left;}
.celda_centrado {text-align:center;}

/* FONDOS */
/* Colores corporativos */
.fondo_azul_claro {background-color:#0080ce !important;}
.fondo_azul_extraclaro {background-color:#e6f4fa !important;}
.fondo_azul_oscuro {background-color:#002d39 !important;}
.fondo_naranja {background-color:#ff6600 !important;}
.fondo_naranja_rojizo {background-color:#ff6600 !important;}
.fondo_gris_claro {background-color:#f5f7f7 !important;}
.fondo_gris_oscuro {background-color:#21282e !important;}
.fondo_blanco {background-color:#fff !important;}
 /* Colores de acompañamiento */
.fondo_aguamarina {background-color: #3cba9f;}
.fondo_amarillo {background-color: #ffba01;}
.fondo_rojo {background-color: #ed393a;}
.fondo_rojo_claro {background-color:#f05f50;}
.fondo_verde {background-color: #34A835 !important;}

/* ESTADOS */
.estado_generico {background-color: #0080ce;}
.estado_generico i:before {content: "\f0a1";}
.estado_exitoso {background-color: #3cba9f;}
.estado_exitoso i:before {content: "\f046";}
.estado_alerta {background-color: #ffba01;}
.estado_alerta i:before {content: "\f071";}
.estado_peligro {background-color: #ed393a;}
.estado_peligro i:before {content: "\f071";}
.estado {text-shadow: none!important; font-weight: 300; color: #fff !important;}


/* CONTENEDORES */
.contenedor_global {width:100%; height:100vh; position:relative; overflow:hidden; box-sizing: initial !important;}
#contenedor_general_interno {width:calc(100% - 250px); height:calc(100% - 90px); padding:10px; margin-top:70px; position:fixed; overflow:auto; right:0; bottom:0; }
#contenedor_principal_interno {width:100%; float:right; overflow:hidden; min-height:calc(100% - 60px);}

.fila {width:100%; position:relative; float:left; height:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: flex; justify-content: space-between; flex-wrap: wrap;}
.contenedor {padding:10px 10px; margin:5px; position:relative; float:left; height:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.contenedor .contenedor {padding:0px !important;}
.caja_borde {box-shadow: inset 0 0 0 1px #d2d8e1;}

.contenedor_1 {width:calc(8.33% - 30px);}
.contenedor_2 {width:calc(16.66% - 30px);}
.contenedor_3 {width:calc(25% - 30px);}
.contenedor_4 {width:calc(33.33% - 30px);}
.contenedor_5 {width:calc(41.66% - 30px);}
.contenedor_6 {width:calc(50% - 30px);}
.contenedor_7 {width:calc(58.33% - 30px);}
.contenedor_8 {width:calc(66.66% - 30px);}
.contenedor_9 {width:calc(75% - 30px);}
.contenedor_10 {width:calc(83.33% - 30px);}
.contenedor_11 {width:calc(91.66% - 30px);}
.contenedor_12 {width:calc(100% - 30px);}
.contenedor_full {width:100%;}

.contenedor .contenedor.contenedor_1 {width:calc(8.33% - 10px);}
.contenedor .contenedor.contenedor_2 {width:calc(16.66% - 10px);}
.contenedor .contenedor.contenedor_3 {width:calc(25% - 10px);}
.contenedor .contenedor.contenedor_4 {width:calc(33.33% - 10px);}
.contenedor .contenedor.contenedor_5 {width:calc(41.66% - 10px);}
.contenedor .contenedor.contenedor_6 {width:calc(50% - 10px);}
.contenedor .contenedor.contenedor_7 {width:calc(58.33% - 10px);}
.contenedor .contenedor.contenedor_8 {width:calc(66.66% - 10px);}
.contenedor .contenedor.contenedor_9 {width:calc(75% - 10px);}
.contenedor .contenedor.contenedor_10 {width:calc(83.33% - 10px);}
.contenedor .contenedor.contenedor_11 {width:calc(91.66% - 10px);}
.contenedor .contenedor.contenedor_12 {width:calc(100% - 10px);}

.titulo_principal_tab .contenedor_12 {padding:10px;}
/* .titulo_principal_tab .contenedor_8 .contenedor {float: right !important;} */
.titulo_principal_tab .contenedor_botones_tabla .contenedor{float: right !important; }
.tabs_form_nivel_uno .contenedor {padding:4px 10px; margin:5px 4px 5px 5px;}
.tabs_form_nivel_uno .contenedor.contenedor_formularios {padding:4px 10px; margin:0px 4px 0px 5px;}
.tabs_form_nivel_uno .contenedor.contenedor_formularios, .contenedor_formularios_wizard .contenedor.contenedor_formularios{padding:10px !important; margin:0px 4px 0px 5px !important;}

/* ICONOS */
.ico_micro {font-size: 8px !important;}
.ico_mini {font-size:10px !important;}
.ico_pq {font-size:12px !important;}
.ico_md {font-size:16px !important;}
.ico_gr {font-size:18px !important;}
.ico_enorme {font-size:20px !important;}
.ico_gigante {font-size:120px !important;}
.icono_notificacion, .icono_indicador {padding: 5px 8px 6px 7px; margin-right: 7px; width: 17px; height: 17px; text-align: center!important;}
.icono_notificaciones {padding: 4px 4px 4px 4px; margin-right: 7px !important; width: 15px !important; height: 15px !important; text-align: center!important; position: relative; float: left !important;}

/* RECURSOS VARIOS */
.no_borde {border:none; box-shadow:none;}
.foto_avatar, .foto_avatar img {-webkit-border-radius: 50%!important; -moz-border-radius: 50%!important; -ms-border-radius: 50%!important; -o-border-radius: 50%!important; border-radius: 50%!important;}
.linea_divisoria {height: 1px; margin: 9px 0; overflow: hidden; border-top: 1px solid #d2d8e1;}
.fila .linea_divisoria {margin: 20px 0;}
.flota_izquierda {position:relative; float: left;}
.flota_derecha {position:relative; float: right;}
.dialog .fila {display:block;}

/* FORMULARIOS */
form {margin:0px; padding:0px; width: 100% !important;}
input:focus, select:focus, textarea:focus, button:focus {outline: none;}
.buscador {background-color:#f3f6f9 !important; }

/* LOGIN */
.contenedor_6_login {margin:0px; width:50% !important; height: 100vh !important; padding:0 !important; float:left;}
#contenidos_login {bottom:22%; padding:0 80px; width:calc(100% - 160px); position: absolute;background:#fff;}
.logo_marca_principal_login {width:250px; height:91px;}
.form_login {margin-top:30px; float: left; width: 100%;} .contenedor_6 {width:calc(50% - 30px);}
.form_login .flota_derecha a {margin-right: 10px; line-height: 2;}
#footer_login {position: absolute; bottom: 0; width: calc(100% - 160px); padding: 10px 80px; text-align: right; line-height: 2;}
#footer_login img {margin-left: 10px; margin-top: 0px; float: right; width:auto; height: 30px;}

/* MENU HEADER */
.contenedor_menu_header {margin:6px; padding:0; float:right;}
.menu_header {padding:0; margin-right:20px; display:block; text-transform: none !important;}
.menu_header.nav {display: block; margin: 0; padding: 0;}
.menu_header.nav li {display: inline-block; list-style: none;}
.menu_header.nav .button-dropdown {position: relative;}
.menu_header.nav li a {display: block; color: #e6f4fa; padding: 10px 12px; text-decoration: none;}
.menu_header.nav li a:hover, .nav li a.dropdown-toggle.active {color: #fff;}
.menu_header.nav li .dropdown-menu {display: none; position: absolute; left: 0; padding: 0; margin: 0; margin-top: 3px; text-align: left;}
.menu_header.nav li .dropdown-menu.active {display: block;}

.menu_header .dropdown-menu {min-width: 160px; max-width: 275px; width: 275px; right:0 !important; left:auto !important; position: absolute; list-style: none; text-shadow: none; padding: 0; background-color: #fff; margin: 10px 0 0; border: 1px solid #eee;box-shadow: 5px 5px rgba(102,102,102,.1);}
.menu_header .dropdown-menu > li.encabezado_dropdown_menu_header {background: #eaedf2; display: block; overflow: hidden; padding: 15px;}
.menu_header .dropdown-menu > li.encabezado_dropdown_menu_header > h3 {margin: 0; padding: 0; float: left; font-size: 13px; display: inline-block; color: #62878f;}
.menu_header .dropdown-menu > li.encabezado_dropdown_menu_header > a {display: inline-block; padding: 0; background: 0 0; clear: inherit; font-size: 13px; font-weight: 300; position: absolute; right: 10px; border: 0; margin-top: -1px; color: #337ab7;}
.menu_header .dropdown-menu > li.encabezado_dropdown_menu_header > a:hover {color: #23527c;}

.menu_header .dropdown-menu .dropdown-menu-listado {padding-right: 0 !important; padding-left: 0 !important; list-style: none;}
.menu_header .dropdown-menu .dropdown-menu-listado > li {width:100%;}
.menu_header .dropdown-menu .dropdown-menu-listado > li:first-child a {border-top: none;}
.menu_header .dropdown-menu .dropdown-menu-listado > li > a {border-bottom: 1px solid #EFF2F6; color: #888888; display: block; clear: both; font-weight: 300; line-height: 20px; white-space: normal; font-size: 13px; padding: 16px 15px 18px; text-shadow: none;}
.menu_header .dropdown-menu .dropdown-menu-listado > li > a:hover {background: #f8f9fa; color:inherit;}
.menu_header .dropdown-menu .dropdown-menu-listado > li > a .cuando {background: #f1f1f1; float: right; max-width: 75px; font-size: 11px; font-weight: 400; opacity: .7; text-align: right; padding: 1px 5px;}
.menu_header .dropdown-menu .dropdown-menu-listado > li a .detalles {overflow: hidden;}
.menu_header .dropdown-menu .dropdown-menu-listado > li a .detalles .estado_icono {margin-right: 10px;}
.menu_header .dropdown-menu .dropdown-menu-listado > li a .detalles .estado_icono i {margin-right: 2px; margin-left: 1px;}
.menu_header .dropdown-menu .dropdown-menu-listado>li .foto_avatar {float: left; margin: 0 6px 6px 0;}
.dropdown-menu .dropdown-menu-listado>li .foto_avatar img {height: 40px; width: 40px;}
.dropdown-menu .dropdown-menu-listado>li .texto_mensaje_no_leido {display: block!important; line-height: 1.3; margin-left: 46px; font-weight: 300;}
.menu_usuario_header, .menu_ayuda_header {width: 205px !important; height: auto !important;}
.menu_usuario_header a, .menu_ayuda_header a {font-size:14px !important; border-bottom: none !important; font-weight:400 !important; padding: 8px 16px !important; display: block; clear: both; line-height: 18px; white-space: nowrap;}
.menu_usuario_header a i, .menu_ayuda_header a i {width: 15px; display: inline-block; margin-right: 5px;}

/* DASHBOARD */
.contenedor_cuadros_colores_dashboard > .contenedor_3 {width:calc(25% - 50px); padding:20px; margin: 0px 5px; height: 105px; position: relative; overflow: hidden;}
.contenedor_cuadros_colores_dashboard > .contenedor_3:first-child {width:calc(25% - 45px); margin: 0px 5px 0px 0px;}
.contenedor_cuadros_colores_dashboard > .contenedor_3:last-child {width:calc(25% - 45px); margin: 0px 0px 0px 5px;}
.contenedor_cuadros_colores_dashboard .detalles {float: right; width: 100%; height: auto; position: relative;}
.contenedor_cuadros_colores_dashboard .ver {position: absolute; bottom: 0; width:calc(100% - 20px); padding:10px; margin-left:-20px; background-color: rgba(0,0,0,0.1);}
.contenedor_cuadros_colores_dashboard a {color:#fff;}
.contenedor_cuadros_colores_dashboard a:hover {color:#fff;}
.contenedor_cuadros_colores_dashboard a:hover .ver {background-color: rgba(0,0,0,0.15);}
.icono_cuadros_colores_dashboard {color:rgba(255,255,255,0.1); position: absolute; bottom:-20px; left:-20px;}
.seccion_graficas_dashboard a {width:100%; float: left;}
.seccion_graficas_dashboard .caja_borde h2{margin-top: 10px;}

.listado_indicadores li {padding: 5px 10px 6px 0px; margin-bottom: 7px;}

/* SIDEBAR */
.sidebar {width:230px !important; height:calc(100% - 70px) !important; position:fixed; background-color:#21282e; top:70px; overflow:auto;}
.sidebar h3 {margin:0px; padding:0px;}

#menu_sidebar {background:none; width: 100%; margin: 20px auto 0 auto; color: white;}
#menu_sidebar>ul {padding-bottom:30px;}
#menu_sidebar h2 {background-color:#21282e; font-weight:400; margin:0px; padding:20px 10px 10px 10px; font-size:18px;}
#menu_sidebar h3 {border-bottom: 1px solid #4c6970; background-color:#21282e; font-weight: 500;}
#menu_sidebar h3 a {padding: 0 10px; font-size: 14px; line-height: 40px; display: block; color: #fff; text-decoration: none; cursor:pointer}
#menu_sidebar h3:hover {background-color:#002d39;}
#menu_sidebar i {margin-right: 10px; color:#73969f;}
#menu_sidebar li {list-style-type: none; text-align: left}
#menu_sidebar ul ul i {display: none;}
#menu_sidebar ul ul li a{color: #fff; text-decoration: none; font-size: 13px; line-height: 27px; display: block; padding: 0 15px 0 25px; transition: all 0.15s; position: relative; font-weight:300;}
#menu_sidebar ul ul li a:hover {background: #002d39; border-left: 5px solid;}
#menu_sidebar ul ul {display: none;}
#menu_sidebar li ul li h3 {border-bottom: none; font-weight: 500; text-align: left;}
#menu_sidebar li.active>ul {display: block;}
#menu_sidebar ul ul ul {margin-left: 15px; border-left: 1px solid #4c6970;}
#menu_sidebar .menu_con_hijos .menu_con_hijos > h3 > a:after {content: "◄"; font-family: sans-serif; position: absolute; right: 10px; top: 0; font-size: 8px; color:#fff;}
#menu_sidebar .menu_con_hijos .menu_con_hijos.active > h3 > a:after {content: "▼"; color:#fff;}

#busqueda_menu_sidebar {width:calc(100% - 25px) !important; padding:0px 10px 10px 10px; background-color:#21282e;}
#elementos_busqueda_menu_sidebar {width:100%; border-bottom:1px solid #4c6970;}
#busqueda_menu_sidebar input[type="text"] {background:none; border:none; padding:5px; width:calc(100% - 28px) !important; color:#fff !important;}

.btn_busqueda_menu_sidebar a {width:18px; float: right; color:#73969f;}
.btn_busqueda_menu_sidebar i {margin-right:0px !important; width:18px;}

#busqueda_menu_sidebar ::-webkit-input-placeholder {color:#73969f;}
#busqueda_menu_sidebar :-moz-placeholder {color:#73969f;}
#busqueda_menu_sidebar ::-moz-placeholder {color:#73969f;}
#busqueda_menu_sidebar :-ms-input-placeholder {color:#73969f;}
#busqueda_menu_sidebar ::-ms-input-placeholder {color:#73969f;}
#busqueda_menu_sidebar ::placeholder {color:#73969f;}

/* VISTA PREVIA ADJUNTOS */
#dialogo_vista_previa_adjunto {width:100%; height:100%; position: absolute; overflow: auto; z-index: 99999;}
#header_vista_adjunto {width:calc(100% - 60px); height: 30px; background-color: #002d39; position: fixed; padding: 20px 30px; z-index: 100;}
#header_vista_adjunto h3 {float: left;}
#header_vista_adjunto i {float: left; margin: 0px 7px;}
#header_vista_adjunto span:first-child {float: left;}
#header_vista_adjunto span:last-child {float: right;}
#contenedor_vista_adjunto {position: relative; margin-top: 70px !important; margin: 0 auto; max-width: 80%; min-width: 30%; width: auto;}
#contenedor_vista_adjunto img, #contenedor_vista_adjunto iframe {width:100%; height: auto; position:relative; display: block; margin-left: auto; margin-right: auto;}



/* PRIME-NG PERSONALIZADOS */
* {box-sizing: initial !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-radius: 0px !important}
body .ui-widget, body .ui-tabview .ui-tabview-panels {clear: both; font-family: 'Lato', sans-serif !important; font-weight:400 !important; color:inherit !important; font-size:14px !important; text-align:justify !important;}
body .ui-button {color:#fff !important; margin-right: 5px !important;}
body .ui-button.ui-state-default.ui-button-info, body .ui-buttonset.ui-button-info > .ui-button.ui-state-default {color: #ffffff !important; }
body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon, body .ui-radiobutton .ui-radiobutton-box {border-radius:50% !important;}
body .ui-table .ui-table-thead > tr > th {color: #fff !important; background-color: #32c5d2 !important;}
.ui-calendar {width:100% !important;}
.ui-calendar .ui-calendar-button {height: calc(100% - 2px) !important; right: -5px !important; position: absolute;}
body .ui-button.ui-state-default.fondo_verde {background-color: #34A835 !important; border-color: #34A835;}
body .ui-button.ui-button-icon-only.fondo_verde {width: 30px;}

.ui-autocomplete {width: 100% !important;}

#tabs_principales .ui-tabview .ui-tabview-panels {overflow:initial !important; padding:10px 0px; margin-top: 0px; border: none; position: relative; width: calc(100% - 10px); float: left;}
#tabs_principales > .ui-tabview.ui-tabview-top > .ui-tabview-nav {border-bottom: 1px solid #d2d8e1; margin-bottom: 1px;}
#tabs_principales > .ui-tabview.ui-tabview-top > .ui-tabview-nav > li {border-bottom-width: 0 !important; background-color:#0080ce; border: 1px solid #fff;}
#tabs_principales > .ui-tabview.ui-tabview-top > .ui-tabview-nav > li {margin-right: 3px; margin-bottom: 0px; -webkit-margin-after:1px; background-color:#0080ce; border: 1px solid #fff;}
#tabs_principales > .ui-tabview.ui-tabview-top > .ui-tabview-nav > li:hover {border:1px solid #ddd;}
#tabs_principales > .ui-tabview.ui-tabview-top > .ui-tabview-nav > li a:hover {color:#ddd;}
#tabs_principales > .ui-tabview.ui-tabview-top > .ui-tabview-nav > li.ui-state-active {background-color:#fff !important; border-bottom:1px solid #fff !important; margin-bottom: 0px;}
#tabs_principales > .ui-tabview.ui-tabview-top > .ui-tabview-nav > li.ui-state-active a {color:#175293}
#tabs_principales > .ui-tabview.ui-tabview-top > .ui-tabview-nav > li a {color: #fff;}
#tabs_principales > .ui-tabview.ui-tabview-top > .ui-tabview-nav > li > .ui-tabview-close {color: #fff;}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active .ui-tabview-close {color:#0080ce !important;}

.toast_amplio {display:inline-block !important; height: 40px !important; width: 450px !important; text-align: center !important;}

#tabs_principales > .ui-state-active {border-color:#d2d8e1 !important;}
#tabs_principales .ui-state-active a, .ui-state-active a:link {color:#002d39;}
#tabs_principales.ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding:9px 10px;}
.ui-tabs .ui-widget-header a:focus {outline: none;}

p-dropdown.ng-valid.ui-inputwrapper-filled.ng-touched.ng-dirty {width:100% !important;}
div.ng-valid.ng-star-inserted.ng-dirty.ng-touched, div.ng-valid.ng-star-inserted.ng-dirty.ng-touched, div.ng-invalid.ng-star-inserted.ng-dirty.ng-touched {width:100% !important;}
.ui-tabview.ui-tabview-top .ui-tabview-nav li{outline: none;}
.ng-pristine {width:100% !important;}

.tabs_form_nivel_uno > .ui-tabview.ui-tabview-top > .ui-tabview-nav {border-bottom: none !important;}
.tabs_form_nivel_uno > .ui-tabview.ui-tabview-top > .ui-tabview-nav > li, .tabs_form_nivel_uno .tabs_form_nivel_dos .tabs_form_nivel_uno > .ui-tabview.ui-tabview-top > .ui-tabview-nav > li, .tabs_form_nivel_uno .tabs_form_nivel_dos .tabs_form_nivel_uno .tabs_form_nivel_dos .tabs_form_nivel_uno > .ui-tabview.ui-tabview-top > .ui-tabview-nav > li{box-shadow:inset 0px 3px 0px #e6f4fa; margin-bottom: 0px; float: left;}
.tabs_form_nivel_uno .ui-tabview.ui-tabview-top .ui-tabview-nav li, .tabs_form_nivel_dos .ui-tabview.ui-tabview-top, .tabs_form_nivel_uno .ui-tabview.ui-tabview-top .ui-tabview-nav li, .tabs_form_nivel_dos .ui-tabview.ui-tabview-top, .contenedor_formularios_wizard .tabs_form_nivel_dos .ui-tabview.ui-tabview-top li {background-color: #fff !important; border:none !important;}
.tabs_form_nivel_uno .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active, .tabs_form_nivel_uno .tabs_form_nivel_dos .tabs_form_nivel_uno .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active, .tabs_form_nivel_uno .tabs_form_nivel_dos .tabs_form_nivel_uno .tabs_form_nivel_dos .tabs_form_nivel_uno .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active {box-shadow: inset 0px 3px 0px #0080ce; margin-top: 1px; background-color: #e6f4fa; border-right: 1px solid #0080ce !important; border-left: 1px solid #0080ce!important; border-bottom: 1px solid #fff !important;z-index:300 }
.tabs_form_nivel_uno .fila h4 {margin-bottom:5px;}
.tabs_form_nivel_uno > .ui-tabview > .ui-tabview-panels, .tabs_form_nivel_uno .tabs_form_nivel_dos .tabs_form_nivel_uno > .ui-tabview > .ui-tabview-panels, .tabs_form_nivel_uno .tabs_form_nivel_dos .tabs_form_nivel_uno .tabs_form_nivel_dos .tabs_form_nivel_uno > .ui-tabview > .ui-tabview-panels {border: 1px solid #0080ce !important; padding: 10px 10px !important;}
.tabs_form_nivel_uno .ui-tabview.ui-tabview-top .ui-tabview-nav li:hover {background-color:#e6f4fa !important;}
.tabs_form_nivel_dos .ui-tabview.ui-tabview-top .ui-tabview-nav li:hover {background-color: #e6f4fa !important; border:none;}

.tabs_form_nivel_dos .ui-tabview.ui-tabview-top .ui-tabview-nav li, .tabs_form_nivel_dos .tabs_form_nivel_uno .tabs_form_nivel_dos .ui-tabview.ui-tabview-top .ui-tabview-nav li {float: right; box-shadow:inset 0px -3px 0px #e6f4fa; margin-bottom: -1px;}
.tabs_form_nivel_dos .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active, .tabs_form_nivel_dos .tabs_form_nivel_uno .tabs_form_nivel_dos .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active, .tabs_form_nivel_dos .tabs_form_nivel_uno .tabs_form_nivel_dos .tabs_form_nivel_uno .tabs_form_nivel_dos .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active {box-shadow: inset 0px -4px 0px #32c5d2; border:none !important;}
.tabs_form_nivel_dos > .ui-tabview.ui-tabview-top > .ui-tabview-nav {border-bottom: 2px solid #e6f4fa !important}
.tabs_form_nivel_dos .ui-tabview .ui-tabview-panels {border:none !important; width: calc(100% - 10px) !important; margin: 0 auto; margin-top:0px !important;}

body .ui-growl {z-index: 88888888 !important; text-align: left !important; width: 380px !important;}
body .ui-inputtext {padding: 7px; width: calc(100% - 14px) !important; background-color: #f3f6f9 !important;}
body .ui-inputtext.ng-valid.ng-dirty.ng-touched {width: calc(100% - 14px) !important}
body .ui-dropdown {width:100% !important;}
body .ui-dropdown .ui-dropdown-label {padding-right: 0px !important;}
body .ui-dropdown .ui-dropdown-trigger {background-color: #0080ce !important; color: #fff !important;}
.ui-dropdown .ui-dropdown-label {width: calc(100% - 34px) !important;}
body .ui-chkbox .ui-chkbox-box {background-color:#f3f6f9 !important; color: #175293 !important;}
body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {color:#0080ce; height: 100%;}
body .ui-slider .ui-slider-handle {border-radius: 100% !important;}
body .ui-spinner {width:100%;}
body .ui-spinner .ui-spinner-input {padding-right: 0px !important;}

/* body .ui-table .ui-table-tbody > tr > td:first-letter {text-transform: uppercase;}
body .ui-table .ui-table-tbody > tr > td {text-transform: lowercase;} */
.ui-table table {width: calc(100% - 1px) !important;}

body .ui-growl .ui-growl-item-container.ui-growl-message-error {background: #f05f50 !important; color: #fff !important;}
body .ui-growl .ui-growl-item-container.ui-growl-message-success {background: #3cba9f !important; color: #fff !important;}
body .ui-growl .ui-growl-item-container.ui-growl-message-warn {background: #ffba01 !important;}
.ui-growl-message-error .ui-growl-image, .ui-growl-message-success .ui-growl-image {color: #fff !important;}

body .ui-message.ui-message-error {background: none !important; color:#f05f50 !important;}
body .ui-message.ui-message-error .ui-message-icon {color: #f05f50 !important;}

.contenedor_datepicker.ng-star-inserted {width:100% !important;}


.botonera_acciones_form {position: relative; float: left; width: auto; height: 70px; top: 38px; left: 10px; margin-top: -25px;}
.botonera_acciones_form a {margin-left: 3px; cursor: pointer; display: table; color: #fff; float: left; width:28px; height: 28px; text-align: center;}
.botonera_acciones_form a:hover {color:#fff;}
.botonera_acciones_form i {display: table-cell; vertical-align: middle; width:100%; height: 100%;}

.negrilla{font-weight: bold;}
.cabecera_tabla{background-color: #32c5d2; color: #fff}
.ui-table .botonera_acciones_form {position: relative; float: none; display: inline-block; width: auto; height: auto !important; top: 0px; left: 0px; margin-top: 0px;}
body .ui-paginator {text-align: center !important;}

.ico_ayuda:before {content: "\f29c"; margin-left: 5px;}

body .titulo_principal_tab .ui-inputtext {padding: 7px; width: calc(100% - 40px) !important; background-color: #f3f6f9 !important;}
body .ui-button.ui-button-icon-only {width: 40px;}

body .ng-untouched.ng-valid.ng-star-inserted.ng-dirty, body .ng-valid.ng-star-inserted.ng-touched.ng-dirty, body .ng-valid.ng-dirty.ng-touched, .fila form.ng-valid.ng-dirty.ng-touched {width:100% !important;}

.ui-tooltip {z-index: 999999999999;}
.ui-tooltip-text {text-align: left !important;} /*clase para tooltip**/ 
#contenidos_login .ng-valid.ng-dirty.ng-touched {width: calc(100% - 14px) !important;}

.tooltip_ayuda .ui-tooltip-text {background-color: #fff !important; text-align: left !important; color:#34A835 !important; border: 2px solid #34A835 !important;}
.tooltip_ayuda .ui-tooltip-arrow {border-top-color:#34A835 !important;}

.menuNotificaciones .ui-menuitem-text{text-align: left; position: relative; color: #727272 !important; float: right !important; width: 245px !important;}

body .ui-menu .ui-submenu-header{color: #727272 !important; font-weight: bold !important}
.menu-generales.ui-tieredmenu .ui-menuitem-link{float: none !important}
.pointer {cursor: pointer;}
.ui-inputgroup{display: block !important}
.input-buscador{display: flex !important;}
/*No tocar en el reemplazo*/
.loader {
 position: relative;
 overflow: hidden;
 font-size: 250px;
 text-indent: -9999em;
 width: 100%;
 height: 100%;
 background: url('../images/loader_ds.gif') 50% 50% no-repeat rgb(249,249,249);
 background-size: 13%;
 opacity: .5;
 }


 .dialog-loader{
 position: fixed; 
 top: 120px;
 left: 230px;
 width: calc(100% - 230px);
 height: calc(100% - 120px);
 background: rgba(0.1,0.1,0.1,0);
 z-index: 11000;
}

.dialog-loader-completo{
    position: fixed; 
    width: 100%;
    height: 100%;
    background: rgba(0.1,0.1,0.1,0);
    z-index: 12000;
}

.dialog-loader-dialog{
    position: fixed; 
    top: 120px;
    left: 300px;
    width: 770px;
    height: 400px;
    background: rgba(0.1,0.1,0.1,0);
    z-index: 11000;
   }

 .dialog{
 position: fixed; 
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 background: rgba(0,0,0,0.5);
 z-index: 11000;
 }

 .dialog-container-pq{width:40%;}
 .dialog-container-md{width:60%;}
 .dialog-container-gr{width:80%;}
 .dialog-container-full{width: 100%; height: 100vh !important;}

 .dialog-container-md h2 {color: #fff;font-size: 17px; background: #0080ce; padding: 10px; position: relative; width: 100%;}
 .dialog-container-pq h2 {color: #fff;font-size: 17px; background: #0080ce; padding: 10px; position: relative; width: 100%;}
 .dialog-close {z-index: 999999999999 !important; position: absolute; right: 10px; top: 10px;}
 .dialog-close i {color:#fff !important;}

 .tag_filtro_aplicado {border:1px solid #0080ce; color:#32c5d2; padding:2px 5px; margin-right: 5px}

 .tabUnico > .ui-tabview.ui-tabview-top > .ui-tabview-nav > li.ui-state-active {display: none !important;}
 .bot_carga_archivos {float: left; margin-right: 5px !important;}

 .filtros_tabla .contenedor {float: right !important; position: relative !important;}
 .filtros_tabla {padding: 0px 10px !important;}
 .contenedor_tabla {padding: 0px 10px !important;}

 .archivo_adjunto {float: left; padding: 4px 5px; text-align: left; border: 1px solid #73969f; border-radius: 5px !important; color: #73969f; margin: 3px; font-size: 12px;}
 .archivo_adjunto i {margin-right: 5px;}
 .archivo_adjunto:hover {background-color: #73969f; color: #fff;}
 .archivo_adjunto:hover i {color:#fff;}


 .mayuscula{
    text-transform: uppercase !important;
 }

 .ui-scrollpanel-bar-y{
    width: 6px !important;
    opacity: 0.6 !important;
}

.ui-scrollpanel-content {
    height: calc(100% + 18px);
    width: calc(100% + 18px);
    padding: 0 18px 18px 0;
    position: relative;
    overflow-y: scroll !important;
    box-sizing: border-box;
}

.ui-panel-images{
    width: 100%;
    height: 100%;
}


body .ui-menu .ui-menu-separador{float: left; position: relative; width: 100%;}

body .ui-menu .ui-menuitem {
    margin: 0 !important ;
    float: left !important;
    display: block !important;
    width: 100% !important;
}


body .ui-menu .ui-menu-separator {
    float: left !important;
    width: 100% !important;
    position: relative !important;
}

body .ui-menu .ui-menuitem-link, body .ui-menubar .ui-menuitem-link, body .ui-tieredmenu .ui-menuitem-link, body .ui-contextmenu .ui-menuitem-link, body .ui-megamenu .ui-menuitem-link, body .ui-slidemenu .ui-menuitem-link {
    float: left !important; 
}
/*Wizard personalizado*/
.steps-custom.ui-steps::before {display:none !important;}

.steps-custom .ui-steps-number {border-radius: 50% !important; border:0px !important;}

.steps-custom .ui-steps-incomplete.ui-state-complete {
    background-image: url(../images/bg_wizard_verde.png); background-position: center 41px; background-repeat: repeat-x; opacity: 1;
}

.steps-custom .ui-steps-current {
    background-image: url(../images/bg_wizard_azul.png); background-position: center 41px; background-repeat: repeat-x; opacity: 1;
}

.steps-custom .ui-steps-incomplete {
    background-image: url(../images/bg_wizard_gris.png); background-position: center 41px; background-repeat: repeat-x; opacity: 1;
}

.steps-custom .ui-steps-number {width:40px !important; height:40px !important; font-weight:bold !important; font-size:20px !important; top:10px !important; line-height: 37px !important;}

.steps-custom .ui-steps-incomplete.ui-state-complete .ui-steps-number {
    background-color:#a1d300 !important;
    color:#fff !important;
}

.steps-custom .ui-steps-incomplete .ui-steps-number {
    background-color:#ededec !important;
}

.steps-custom .ui-steps-current .ui-steps-number {
    background-color:#009ace !important;
}

/* Con pasos por clic */

.steps-custom-click.ui-steps::before {display:none !important;}
.steps-custom-click .ui-steps-number {border-radius: 50% !important; border:0px !important;}
.steps-custom-click .ui-steps-current {
    background-image: url(../images/bg_wizard_azul.png); background-position: center 41px; background-repeat: repeat-x; opacity: 1;
}
.steps-custom-click .ui-state-default {
    background-image: url(../images/bg_wizard_verde.png); background-position: center 41px; background-repeat: repeat-x; opacity: 1;
}
.steps-custom-click .ui-state-complete {
    background-image: url(../images/bg_wizard_verde.png); background-position: center 41px; background-repeat: repeat-x; opacity: 1;
}
.steps-custom-click .ui-steps-number {width:40px !important; height:40px !important; font-weight:bold !important; font-size:20px !important; top:10px !important; line-height: 37px !important;}
.steps-custom-click .ui-steps-number {
    background-color:#a1d300 !important;
    color:#fff !important;
}
.steps-custom-click .ui-state-complete .ui-steps-number {
    background-color:#a1d300 !important;
    color:#fff !important;
}
.steps-custom-click .ui-steps-current .ui-steps-number {
    background-color:#009ace !important;
}

.espacio-check{margin-top: 9px; margin-bottom: 6px;}

.tabMultiple .botonera_acciones_form {position: relative !important; top: 40px;} /*position: absolute*/
.tabMultiple td .botonera_acciones_form {position: initial !important; top: 40px;}

.tabs_form_nivel_uno > .ui-tabview.ui-tabview-top > .ui-tabview-nav li:first-child {background-color: #0080ce !important; color:#fff !important; box-shadow: none; top:2px; margin-right: 0;}
.tabs_form_nivel_uno > .ui-tabview.ui-tabview-top > .ui-tabview-nav li:first-child a {color:#fff !important;}
.tabs_form_nivel_uno > .ui-tabview.ui-tabview-top > .ui-tabview-nav li:first-child:after {content:'►'; position: absolute; color:#0080ce; font-size: 49px; transform: scaleX(0.3); display: block; right: -29px; top: -14px; z-index:999999;}
.tabs_form_nivel_uno > .ui-tabview.ui-tabview-top > .ui-tabview-nav li.ui-state-active:first-child {top:2px; margin-right: 0;}

.listaParametrosContrasena{list-style: none}
.listaParametrosContrasena li{margin-left: 15px;}
.listaParametrosContrasena li::before {content: "•"; color: #007ad9; position: absolute; left: 0px;}

.fechaListaAgregacion{width: 130px !important;}

.contenedor_6_login.area_formulario {background-color: #fff;}

.contenedor_6_login .ui-galleria-nav-next.pi.pi-fw.pi-chevron-right, .contenedor_6_login .ui-galleria-nav-prev.pi.pi-fw.pi-chevron-left {display: none !important;}

.ui-panel-images {
    object-fit: cover;
    object-position: center;
}

.editor_bloqueado{
    border: 1px solid #a6a6a6; 
    margin: 10px 0px; 
    float: left;
    width: 100%;
}

.respuesta_ticket{
    border: 1px solid #a6a6a6; 
    margin: 10px 0px; 
    float: left;
    /* width: 85%; */
    width: 100%;
}

.encabezado_respuesta_ticket {
    padding: 4px; 
    float: left; 
    width: 100%; 
    box-sizing: border-box !important; 
    background: #f3f6f9;
}

.respuesta_ticket.respuesta_propia {float:right;}
.respuesta_propia .encabezado_respuesta_ticket {background-color:#67adc9; color:#fff;}

/* .fecha_respuesta_ticket, .estado_ticket { float: left; margin-right:10px;}
.estado_ticket {font-style: italic;}
.usuario_respuesta_ticket {float: right;} */
/* .fecha_respuesta_ticket, .usuario_respuesta_ticket {font-weight: bold;} */

.texto_italico{font-style: italic;}

.cuerpo_respuesta_ticket {width: 100%; float: left; padding: 15px; box-sizing: border-box !important;}

.cuerpo_respuesta_ticket p img {max-width: 90%;}
.cuerpo_respuesta_ticket ul {list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; padding-inline-start: 40px;}
.cuerpo_respuesta_ticket ol .ql-indent-1{ margin-inline-start: 20px;list-style-type: disc;}
.cuerpo_respuesta_ticket p em {font-style: italic;}
.cuerpo_respuesta_ticket .ql-align-center{text-align: center;}
.cuerpo_respuesta_ticket .ql-align-right{text-align: right;}
.cuerpo_respuesta_ticket .ql-align-justify{text-align: justify;}
.cuerpo_respuesta_ticket p pre{background-color: #000000d1; color: #dedada; padding: 2px 6px;}
.cuerpo_respuesta_ticket p a{color: #007ad9 !important;}

.ui-fileupload-files{display: block !important;}
.ui-fileupload-files .ng-star-inserted{display: grid; grid-template-columns: 1fr 1fr 1fr;}
.ui-fileupload-files .ng-star-inserted .ui-fileupload-row{display: grid; grid-template-columns:0fr 4fr 1fr 1fr;}
.enlace_multi_archivo{font-size: 15px; margin-right: 10px;}

.ui-dropdown {width:100% !important; min-width: 120px !important;}