/**********************************************************************************************************************
  Fuentes
***********************************************************************************************************************/
/* https://fonts.googleapis.com/css?family=Montserrat&display=swap */
/* cyrillic-ext */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: local('Montserrat Regular'), local('Montserrat-Regular'), url(../fuentes/s-montserrat-v14-JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: local('Montserrat Regular'), local('Montserrat-Regular'), url(../fuentes/s-montserrat-v14-JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: local('Montserrat Regular'), local('Montserrat-Regular'), url(../fuentes/s-montserrat-v14-JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: local('Montserrat Regular'), local('Montserrat-Regular'), url(../fuentes/s-montserrat-v14-JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: local('Montserrat Regular'), local('Montserrat-Regular'), url(../fuentes/s-montserrat-v14-JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/**********************************************************************************************************************
  Variables
***********************************************************************************************************************/

:root {
	/* Actualizadas por sistema **********************************************/
	--scrollbar-width:                            0x;
	/* Paleta de colores *****************************************************/
	--paleta-color1:                              #010d15;
	--paleta-color2:                              #052339;
	--paleta-color3:                              #40494f;
	--paleta-color4:                              #cccccc;
	--paleta-color5:                              #fba342;
	--paleta-color5_trans:                        rgba(251,163,66,0.30);
	--paleta-color6:                              #031a2a;
	--paleta-color7:                              #ffffff;
	--paleta-color8:                              #43a047;
	--paleta-color8_trans:                        rgba(67,160,71,0.30);
	--paleta-color9:                              #666666;
	--paleta-color10:                             #f44336;
	--paleta-color10_trans:                       rgba(244,67,54,0.30);
	--paleta-color11:                             #02131f;
	--paleta-color12:                             #818d95;
	--paleta-color13:                             #959595;
	--paleta-color14:                             #333333;
	--paleta-color15:                             #7d572a;	
/*
#010d15
#021624
#818d95
	/* Variables *************************************************************/
	--pagina-fuente:                              'Montserrat';
	--pagina-tamaño_fuente_chica:                 13px;
	--pagina-tamaño_fuente_normal:                14px;
	--pagina-tamaño_fuente_grande:                18px;
	--pagina-color_fondo:                         var(--paleta-color1);
	--pagina-scroll-color_barra:                  var(--paleta-color9);
	--pagina-scroll-color_fondo:                  var(--paleta-color6);
	--cabecera-color_fondo:                       var(--paleta-color2);	
	--cabecera-color_borde:                       var(--paleta-color3);
	--cabecera-menu-color_texto:                  var(--paleta-color4);
	--cabecera-menu-color_fondo:                  var(--paleta-color2);
	--cabecera-menu-color_borde:                  var(--paleta-color3);
	--cabecera-menu_abierto-color_texto:          var(--paleta-color5);
	--cabecera-menu_activo-color_texto:           var(--paleta-color5);
	--cabecera-menu-icono-color_fondo:            var(--paleta-color6);
	--cabecera-menu-datos-color_texto:            var(--paleta-color7);
	--cabecera-menu-datos-color_fondo:            var(--paleta-color6);
	--cabecera-menu-datos-imagen-color_borde:     var(--paleta-color7);
	--cabecera-menu-datos-color_fondo_link:       var(--paleta-color5);
	--formulario-color_fondo:                     var(--paleta-color6);
	--formulario-color_borde:                     var(--paleta-color3);
	--formulario-color_titulo:                    var(--paleta-color7);
	--formulario-color_texto:                     var(--paleta-color7);
	--formulario-color_etiqueta:                  var(--paleta-color13);
	--formulario-color_fondo_campo:               var(--paleta-color11);
	--formulario-color_borde_campo:               var(--paleta-color12);
	--formulario-color_borde_campo_focus:         var(--paleta-color5);
	--formulario-color_texto_campo_error:         var(--paleta-color10);
	--formulario-color_borde_campo_error:         var(--paleta-color10);  
	--formulario-color_borde_campo_valido:        var(--paleta-color8);
	--formulario-color_sombra_campo_focus:        var(--paleta-color5_trans);
	--formulario-color_sombra_campo_error_focus:  var(--paleta-color10_trans);
	--formulario-color_sombra_campo_valido_focus: var(--paleta-color8_trans);  
	--formulario-color_texto_boton:               var(--paleta-color5);
	--formulario-color_borde_boton:               var(--paleta-color5);
	--formulario-color_fondo_boton_focus:         var(--paleta-color5);
	--formulario-color_texto_boton_focus:         var(--paleta-color7);
	--formulario-icono-campo-checkbox:            url(form-checkbox_fff.svg);
    --formulario-color_boton_switch_off:          var(--paleta-color4);
    --formulario-color_fondo_switch_off:          var(--paleta-color13);
	--formulario-color_boton_switch_on:           var(--paleta-color5);
	--formulario-color_fondo_switch_on:           var(--paleta-color15);
	--formulario-color_boton_switch_disabled:     var(--paleta-color9);
	--formulario-color_fondo_switch_disabled:     var(--paleta-color14);
}


/**********************************************************************************************************************
  Defaults
***********************************************************************************************************************/

@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	outline:0px;
}

button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style-type:none;
	list-style-position:outside;
	margin: 0px;
	padding: 0px;
}

* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}


/**************************************************************
Pagina
**************************************************************/

body {
	background-color:var(--pagina-color_fondo);	
}

div.fondoModal {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:rgba(0,0,0,0.6);
	z-index:99999;
	display:none;
	pointer-events:none;
}
	
div.fondoModal.visible {
	pointer-events:auto;
}


/**************************************************************
Cabecera
**************************************************************/

#cabecera {
	position: fixed;
	width:100%;
	height:70px;
	top:0;
	left:0;
	background-color:var(--cabecera-color_fondo);
	z-index: 99;
	padding-left:0px;
	padding-right:0px;
	border-bottom:1px solid var(--cabecera-color_borde);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#cabecera.sticky {
}

/* Logo ******************************************************/

#cabecera #logo {
	float:left;
	height:100%;
	display:table;
	padding-top:10px;
	margin-left:50px;
}

#cabecera #logo object, #cabecera #logo img {
	max-width:150px;
	position: relative;
	cursor:pointer;
}

#cabecera #logo object svg {
	position: absolute;
	top: 0;
}

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

	#cabecera #logo {
		padding-top:10px;
		margin-left:10px;
	}

	#cabecera #logo object, #cabecera #logo img {
		width:120px;
	}
	
}

/* Menu ******************************************************/

#cabecera .menu {
	float:left;
	height:100%;
	display:table;
	font-family:var(--pagina-fuente);
	font-size:var(--pagina-tamaño_fuente_normal);
	margin-left:40px;
}

#cabecera .menu a {
	text-decoration: none;
}

#cabecera .menu ul.nivel1 {
	display:flex;
	width:100%;
	height:100%;
	vertical-align:middle;
	column-gap:30px;
}

#cabecera .menu ul.nivel1 li.nivel1 {
	float:left;
	height:100%;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}

#cabecera .menu ul.nivel1 li.nivel1 div.nivel1 {
	height:100%;
	text-align:center;
	line-height:68px;
	color:var(--cabecera-menu-color_texto);	
	cursor:pointer;
}

#cabecera .menu ul.nivel1 li.nivel1.activo div.nivel1 {
	color:#fba342;	
	border-bottom:2px solid var(--cabecera-menu_activo-color_texto);	
}

#cabecera .menu ul.nivel1 li.nivel1:hover div.nivel1,
#cabecera .menu ul.nivel1 li.nivel1.abierto div.nivel1  {
	border-bottom:1px solid var(--cabecera-menu_abierto-color_texto);	
}

#cabecera .menu ul.nivel1 li.nivel1 div.submenu {
	display:none;
	position:absolute;
	height:auto;
	padding:0px;
	padding-top:8px;
	padding-bottom:8px;
	margin-top:-10px;
	margin-left:-10px;
	background-color:var(--cabecera-menu-color_fondo);
	border:1px solid var(--cabecera-menu-color_borde);
	border-radius: 4px; 
	z-index:5000;
}

#cabecera .menu ul.nivel1 li.nivel1 div.submenu ul.nivel2 {
}

#cabecera .menu ul.nivel1 li.nivel1 div.submenu ul.nivel2 li.nivel2 {
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}

#cabecera .menu ul li div.submenu ul li.nivel2 div.nivel2,
#cabecera .menu ul li div.submenu2 ul li.nivel3 div.nivel3 {	
	color:var(--cabecera-menu-color_texto);		
	display:inline-block;
	padding-left:25px;
	padding-right:60px;
	padding-top:8px;
	padding-bottom:8px;
	cursor:pointer;
}

#cabecera .menu ul li div.submenu ul li.nivel2 div.nivel2 svg,
#cabecera .menu ul li div.submenu2 ul li.nivel3 div.nivel3 svg {	
	float:left;
	width:22px;
	height:22px;
	margin-top:-3px;
	margin-right:5px;
	fill:var(--cabecera-menu-color_texto);		
}

#cabecera .menu ul.nivel1 li.nivel1 div.submenu ul.nivel2 li.nivel2:hover div.nivel2,
#cabecera .menu ul.nivel1 li.nivel1 div.submenu ul.nivel2 li.nivel2.activo div.nivel2,
#cabecera .menu ul.nivel1 li.nivel1 div.submenu2 ul.nivel3 li.nivel3:hover div.nivel3,
#cabecera .menu ul.nivel1 li.nivel1 div.submenu2 ul.nivel3 li.nivel3.activo div.nivel3 {
	color:var(--cabecera-menu_activo-color_texto);
}

#cabecera .menu div.submenu ul.nivel2 li.nivel2:hover div.nivel2 svg,
#cabecera .menu div.submenu ul.nivel2 li.nivel2.activo div.nivel2 svg,
#cabecera .menu div.submenu2 ul.nivel3 li.nivel3:hover div.nivel3 svg,
#cabecera .menu div.submenu2 ul.nivel3 li.nivel3.activo div.nivel3 svg {
	fill:var(--cabecera-menu_activo-color_texto);
}

@media screen and (max-width: 1024px) {
	
	#cabecera .menu {
		display:none;
	}
	
}

/* Menu Lateral **********************************************/

#cabecera .menu.lateral {
	display:none;
	margin-left:10px;	
	padding-top:20px;
}

#cabecera .menu.lateral ul.nivel1 {
}

#cabecera .menu.lateral ul.nivel1 li.nivel1 {
	background-image:url(icono-menu.svg);
	background-color:var(--cabecera-menu-icono-color_fondo);
	background-size:22px 22px;
	background-repeat:no-repeat;
	background-position:center center;
	width:30px;
	height:30px;
	border-radius:6px;
}

#cabecera .menu.lateral ul.nivel1 li.nivel1.abierto {
	background-image:url(icono-cerrar.svg);
}

#cabecera .menu.lateral ul.nivel1 li.nivel1:hover div.nivel1,
#cabecera .menu.lateral ul.nivel1 li.nivel1.activo div.nivel1,
#cabecera .menu.lateral ul.nivel1 li.nivel1.abierto div.nivel1  {
	border-bottom:0px;
}

#cabecera .menu.lateral ul.nivel1 li.nivel1 div.submenu {
	left:-100%;
	width:100%;
	height:calc(100vh - 68px);
	border-radius: 0px;
	padding:0px;
	padding-top:15px;
	padding-bottom:70px;
	margin-top:19px;
	margin-left:0px;
	overflow:auto;
}

#cabecera .menu.lateral ul li div.submenu ul li.nivel2 {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid var(--cabecera-menu-color_borde);
}

#cabecera .menu.lateral ul li div.submenu ul li.nivel2:has(.submenu2) {
	text-transform:uppercase;
}

#cabecera .menu.lateral ul li div.submenu2 ul li.nivel3 div.nivel3 {
	padding-left:50px;
	text-transform:none;
}

@media screen and (max-width: 1024px) {
	
	#cabecera .menu.lateral {
		display:block;
	}
	
}

/* Menu Usuario **********************************************/

#cabecera .menu.usuario {
	float:right;
	margin-left:0px;
	margin-right:60px;	
}

#cabecera .menu.usuario ul.nivel1 {
	width:100%;
	height:100%;
	vertical-align:middle;
}

#cabecera .menu.usuario ul.nivel1 li.nivel1 {
	float:right;
}

#cabecera .menu.usuario ul.nivel1 li.nivel1 div.nivel1 {
}

#cabecera .menu.usuario ul.nivel1 li.nivel1 div.nivel1 img {
	vertical-align:middle;
	padding-bottom:1px;
	width:50px;
	border-radius:25px;
}

#cabecera .menu.usuario ul.nivel1 li.nivel1 div.submenu {
	position:absolute;
	width:auto;
	min-width:350px;
	max-width:600px;
	border-radius: 0px 0px 4px 4px; 
	height:auto;
	right:0px;
	padding:0px;
	margin-top:0px;
}

#cabecera .menu.usuario ul.nivel1 li.nivel1 div.submenu ul.nivel2 {
	padding-bottom:15px;
}

#cabecera .menu.usuario ul.nivel1 li.nivel1 div.submenu ul.nivel2 li.nivel2 {
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}

#cabecera .menu.usuario ul li div.submenu ul li.nivel2 div.nivel2 {
	padding-left:25px;
	padding-right:25px;
}

#cabecera .menu.usuario ul li div.submenu ul li.nivel2 div.nivel2.datos {
	width:100%;
	background-color:var(--cabecera-menu-datos-color_fondo);
	margin-bottom:10px;
	cursor:default;
}

#cabecera .menu.usuario ul li div.submenu ul li.nivel2 div.nivel2.datos img {
	float:left;
	width:70px;
	border:2px solid var(--cabecera-menu-datos-imagen-color_borde);
	border-radius:35px;
}

#cabecera .menu.usuario ul li div.submenu ul li.nivel2 div.nivel2.datos span {
	float:left;
	width:calc(100% - 70px);
	padding-left:20px;
}

#cabecera .menu.usuario ul li div.submenu ul li.nivel2 div.nivel2.datos span p {
	padding-top:10px;
	color:var(--cabecera-menu-datos-color_texto);
}

#cabecera .menu.usuario ul li div.submenu ul li.nivel2 div.nivel2.datos span p a {
	padding: 2px 20px 2px 20px;
	color:var(--cabecera-menu-datos-color_texto);
	background-color:var(--cabecera-menu-datos-color_fondo_link);
	border-radius:4px;
}

@media screen and (max-width: 1024px) {
	
	#cabecera .menu.usuario {
		display:block;
		margin-right:20px;
	}

	#cabecera .menu.usuario ul.nivel1 li.nivel1 div.submenu {
		width:100%;
		min-width:100%;
		max-width:100%;
	}
	
}

/* Menu Usuario Sistemas *************************************/

#cabecera .menu.usuario.sistemas {
	margin-right:40px;	
}

#cabecera .menu.usuario.sistemas ul.nivel1 li.nivel1,
#cabecera .menu.usuario.sistemas ul.nivel1 li.nivel2 .datos {
	font-weight:bold;
}

#cabecera .menu.usuario.sistemas ul.nivel1 li.nivel2 {
	font-weight:normal;
}

@media screen and (max-width: 1024px) {
	
	#cabecera .menu.usuario.sistemas {
		margin-right:20px;
	}

	#cabecera .menu.usuario.sistemas {
		max-width:30%;
	}
	
	#cabecera .menu.usuario.sistemas ul.nivel1 li.nivel1 div.nivel1 {
		overflow:hidden;
		display:-webkit-box;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:1;
	}
	
}


/**************************************************************
Seccion y Cuerpo
**************************************************************/

.seccionPagina {
}

.cuerpoPagina {
	background-color:var(--pagina-color_fondo);
	padding:40px;
	padding-top:calc(40px + 50px);
	width:100%;
//	min-height:100vh;
}

@media (max-width: 1024px) {

	.cuerpoPagina {
		padding:0px;
		padding-top:calc(15px + 50px);
//		background-color:#031a2a;
	}

}

.cuerpoPagina::after {
	content:"";
	display:block;
	clear:both;
}


/**********************************************************************************************************************
  Layout
***********************************************************************************************************************/

div.simple-form {
	width:100%;
	height:calc(100vh - 130px);
	background-color:var(--formulario-color_fondo);
	border:1px solid var(--formulario-color_borde);
	border-radius:4px;	
	padding-bottom:15px;
	-webkit-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.25);
	box-shadow: 5px 10px 25px 0px rgba(0,0,0,0.20);
	scrollbar-gutter: stable;	
	scrollbar-color: var(--pagina-scroll-color_barra) var(--formulario-color_fondo);
	overflow-y:auto;
}

div.simple-form.cuadro {
	width:30%;	
	min-width:500px;
	margin:auto;
	height:auto;
}

div.simple-form.oculto {
	display:none;
}

div.simple-form div.simple-form-cabecera {
	position:fixed;
	width:calc(100% - 82px - var(--scrollbar-width));
	padding:15px 20px 15px 30px;
	border-radius:4px 0px 0px 0px;	
	background-color:var(--formulario-color_fondo);
	z-index:50;
}

div.simple-form.cuadro div.simple-form-cabecera {
	display:none;
}

div.simple-form div.simple-form-cabecera div.simple-form-titulo {
	float:left;
	font-family: var(--pagina-fuente);
	font-size: var(--pagina-tamaño_fuente_grande);
	color:var(--formulario-color_titulo);
	line-height:35px;
	height:35px;
	font-weight:bold;
	caret-color:transparent;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}

div.simple-form div.simple-form-cabecera div.simple-form-titulo:empty {
	display:none;
}

div.simple-form div.simple-form-cabecera div.simple-form-botones {
	float:right;
	height:36px;	
	display:flex;
	justify-content:flex-end;
	column-gap:10px;
}

div.simple-form div.simple-form-cabecera div.simple-form-botones:empty {
	display:none;
}

div.simple-form div.simple-form-cabecera div.simple-form-botones input,
div.simple-form div.simple-form-cabecera div.simple-form-botones button {
	flex:auto;
}

div.simple-form form.simple-form {
	width:100%;
	font-family: var(--pagina-fuente);
	font-size: var(--pagina-tamaño_fuente_normal);
	color:var(--formulario-color_texto);
	margin-top:66px;
}

div.simple-form.cuadro form.simple-form {
	margin-top:0px;
}

div.simple-form form.simple-form::after {
	content:"";
	display:block;
	clear:both;
}

ul.simple-controles {
	padding:5px 20px 10px 30px;
	display:flex;
}

ul.simple-controles:not(:has(li)) {
	display:none;
}

ul.simple-controles:after {
  content:"";
  display:block;
  clear:both;
}

ul.simple-controles li.simple-control {
	margin-left:10px;
}

ul.simple-controles li.simple-control:first-child {
	margin-left:0px;
}

ul.simple-controles li.simple-control.derecha {
	margin-left:auto;
}

div.simple-form form.simple-form ul.simple-form-lista {
	width:100%;
	display:grid;
	grid-template-columns:repeat(20,5%);
}

div.simple-form form.simple-form ul.simple-form-lista li.centrado {
	text-align:center;
}

div.simple-form form.simple-form ul.simple-form-lista li.titulo {
	font-size: var(--pagina-tamaño_fuente_grande);
	color:var(--formulario-color_titulo);
}

div.simple-form form.simple-form ul.simple-form-lista li.error {
	color: var(--formulario-color_texto_campo_error);
}

div.simple-form form.simple-form ul.simple-form-lista li {
	padding:10px 20px 10px 30px;
}

div.simple-form form.simple-form ul.simple-form-lista li.columna100 {
	grid-column:span 20;
}

div.simple-form form.simple-form ul.simple-form-lista li.columna75 {
	grid-column:span 15;
}
  
div.simple-form form.simple-form ul.simple-form-lista li.columna60 {
	grid-column:span 12;
}

div.simple-form form.simple-form ul.simple-form-lista li.columna50 {
	grid-column:span 10;
}

div.simple-form form.simple-form ul.simple-form-lista li.columna40 {
	grid-column:span 8;
}

div.simple-form form.simple-form ul.simple-form-lista li.columna25 {
	grid-column:span 5;
}

div.simple-form form.simple-form ul.simple-form-lista li.columna20 {
	grid-column:span 4;
}

div.simple-form form.simple-form ul.simple-form-lista li.columna15 {
	grid-column:span 3;
}

div.simple-form form.simple-form ul.simple-form-lista li.columna10 {
	grid-column:span 2;
}

div.simple-form form.simple-form div.simple-grupo {
  width:100%;
}

div.simple-form form.simple-form div.simple-grupo div.simple-grupo-titulo {
	width:calc(100% - 50px);
	font-size:var(--pagina-tamaño_fuente_normal);
	color:var(--formulario-color_titulo);
	margin:20px 20px 10px 30px;
	padding-bottom:7px;
	border-bottom:1px solid var(--formulario-color_borde);
}

div.simple-form form.simple-form ul.simple-form-lista li:has(ul.simple-grupo) {
	padding:0px;
}

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

	div.simple-form {
		border:none;
		height:calc(100vh - 65px);
	}

	div.simple-form div.simple-form-cabecera {
		width:100%;
		padding:15px 20px 15px 20px;
		border-radius:0px;	
	}
	
	div.simple-form div.simple-form-cabecera div.simple-form-titulo {
		width:100%;
	}
	
	div.simple-form div.simple-form-cabecera div.simple-form-botones {
		width:100%;
		margin-top:7px;
	}

	div.simple-form form.simple-form {
		margin-top:109px;
	}

	ul.simple-controles {
		padding:10px 20px 10px 20px;
		flex-wrap:wrap;
	}

	ul.simple-controles li.simple-control {
		width:100%;
		margin-left:0px;
		margin-top:10px;
	}

	ul.simple-controles li.simple-control:first-child {
		margin-top:0px;
	}

	ul.simple-controles li.simple-control.derecha {
		margin-left:0px;
	}

	div.simple-form form.simple-form ul.simple-form-lista li.columna100,
	div.simple-form form.simple-form ul.simple-form-lista li.columna75,
	div.simple-form form.simple-form ul.simple-form-lista li.columna60,
	div.simple-form form.simple-form ul.simple-form-lista li.columna50,
	div.simple-form form.simple-form ul.simple-form-lista li.columna40,
	div.simple-form form.simple-form ul.simple-form-lista li.columna25,
	div.simple-form form.simple-form ul.simple-form-lista li.columna20,
	div.simple-form form.simple-form ul.simple-form-lista li.columna15,
	div.simple-form form.simple-form ul.simple-form-lista li.columna10  {
		padding:10px 20px 10px 20px;
		grid-column:span 20;
  }

	div.simple-form form.simple-form div.simple-grupo div.simple-grupo-titulo {
		width:calc(100% - 40px);
		margin:20px 20px 10px 20px;
	}
		
}


/**********************************************************************************************************************
  Imagenes
***********************************************************************************************************************/

div.simple-form img.ancho100 {
	width:100%;	
}


/**********************************************************************************************************************
  Etiquetas
***********************************************************************************************************************/

.simple-form label.simple-texto,
.simple-form label.simple-campo,
.simple-form label.simple-combo, 
.simple-form label.simple-check, 
.simple-form label.simple-switch, 
.simple-form label.simple-radio,
.simple-form label.simple-slider {
	display:block;
	width:100%;
	margin-bottom:4px;
	font-size:var(--pagina-tamaño_fuente_normal);
	color:var(--formulario-color_etiqueta);
	caret-color:transparent;
}

.simple-form div.simple-texto.etiqueta20,
.simple-form div.simple-campo.etiqueta20,
.simple-form input.simple-campo.etiqueta20,
.simple-form textarea.simple-campo.etiqueta20,
.simple-form div.simple-combo.caja.etiqueta20,
.simple-form ul.simple-check.etiqueta20,
.simple-form ul.simple-switch.etiqueta20,
.simple-form ul.simple-radio.etiqueta20,
.simple-form div.simple-slider.caja.etiqueta20 {
	float:left;
	width:calc(100% - 200px);
}

.simple-form div.etiqueta20.error {
	padding-left:200px;
}


/**********************************************************************************************************************
  Link
***********************************************************************************************************************/

.simple-form a.simple-link {
	color:var(--formulario-color_etiqueta);
	text-decoration:none;
}

.simple-form a.simple-link:hover {
	color:var(--formulario-color_borde_campo_focus);
	text-decoration:none;
}


/**********************************************************************************************************************
  Campo Texto
***********************************************************************************************************************/

.simple-form div.simple-texto,
.simple-form div.simple-campo {
	width:100%;
	min-height:35px;
	padding:8px 6px 6px 6px;
	border-radius:4px;
	border:1px solid rgba(0,0,0,0);
	font-family:var(--pagina-fuente);
	color:var(--formulario-color_texto);
	font-size:var(--pagina-tamaño_fuente_normal);
	caret-color:transparent;
}


/**********************************************************************************************************************
  Campo
***********************************************************************************************************************/

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
	-webkit-box-shadow: 0 0 0px 1000px var(--formulario-color_fondo_campo) inset;
	-webkit-text-fill-color: var(--formulario-color_texto);
	caret-color:var(--formulario-color_texto);
}

input:-webkit-autofill::first-line {
	font-family: var(--pagina-fuente);
	font-size: var(--pagina-tamaño_fuente_normal);
	color:var(--formulario-color_texto);
}

.simple-form input.simple-campo,
.simple-form textarea.simple-campo {
	width:100%;
	height:35px;
	padding:6px;
	border-radius:4px;
	background-color:var(--formulario-color_fondo_campo);
	border:1px solid var(--formulario-color_borde_campo);
	font-family:var(--pagina-fuente);
	color:var(--formulario-color_texto);
	font-size:var(--pagina-tamaño_fuente_normal);
}

.simple-form input.simple-campo::placeholder,
.simple-form textarea.simple-campo::placeholder {
	color:var(--formulario-color_etiqueta);
}

.simple-form input.simple-campo:disabled,
.simple-form textarea.simple-campo:disabled {
	background-color:var(--formulario-color_fondo_campo);
	border:1px solid var(--formulario-color_borde_campo);
	caret-color:transparent;
}

.simple-form textarea.simple-campo {
	resize:none; 
	height:100px;
}

.simple-form input[type=number].simple-campo::-webkit-inner-spin-button,
.simple-form input[type=number].simple-campo::-webkit-outer-spin-button {
	margin-right:2px;
}

.simple-form input[type=number].simple-campo.invalid::-webkit-inner-spin-button,
.simple-form input[type=number].simple-campo.invalid::-webkit-outer-spin-button,
.simple-form input[type=number].simple-campo.valid::-webkit-inner-spin-button,
.simple-form input[type=number].simple-campo.valid::-webkit-outer-spin-button {
//	margin-right: -24px;
}

.simple-form input[type=date]::-webkit-calendar-picker-indicator,
.simple-form input[type=time]::-webkit-calendar-picker-indicator {
//	opacity: 0.6;
	filter:invert(100%);
	cursor:pointer;
}

.simple-form input[type=date]::-webkit-calendar-picker-indicator:hover,
.simple-form input[type=time]::-webkit-calendar-picker-indicator:hover {
//	opacity: 1
}

.simple-form input.simple-campo:focus,
.simple-form textarea.simple-campo:focus {
	outline:0;
	border-color:var(--formulario-color_borde_campo_focus);
	box-shadow:0 0 8px 0 var(--formulario-color_sombra_campo_focus);
}

.simple-form input.simple-campo.invalid,
.simple-form textarea.simple-campo.invalid {
	-moz-box-shadow:none;
	border-color:var(--formulario-color_borde_campo_error);
	background-image:url(form-invalido.png);
	background-position:calc(100% - 6px) 50%;
	background-repeat:no-repeat;
	padding-right:32px;
}

.simple-form input[type=number].simple-campo.invalid {
//	background-position: calc(100% - 25px) 50%;
}

.simple-form input.simple-campo.invalid:focus,
.simple-form textarea.simple-campo.invalid:focus {
	box-shadow: 0 0 8px 0 var(--formulario-color_sombra_campo_error_focus);
}

.simple-form div.simple-campo.error {
	display:none;
	font-family:var(--pagina-fuente);
	font-size:var(--pagina-tamaño_fuente_chica);
	color:var(--formulario-color_texto_campo_error);
	margin-top:5px;
	padding-left:0px;
}

.simple-form div.simple-campo.error {
	float:left;
}

.simple-form input.simple-campo.valid:required,
.simple-form textarea.simple-campo.valid:required {
	border-color:var(--formulario-color_borde_campo_valido);
	background-image:url(form-valido.png);
	background-position:calc(100% - 6px) 50%;
	background-repeat:no-repeat;
	padding-right:32px;
}

.simple-form input[type=number].simple-campo.valid:required {
//	background-position: calc(100% - 25px) 50%;
}

.simple-form input.simple-campo.valid:required:focus,
.simple-form textarea.simple-campo.valid:required:focus {
	box-shadow: 0 0 8px 0 var(--formulario-color_sombra_campo_valido_focus);
}

.simple-form input.simple-campo.vista {
	float:left;
	height:30px;
	padding:3px;
}


/**********************************************************************************************************************
  Combo
***********************************************************************************************************************/

.simple-form div.simple-combo.caja {
	position:relative;
	width:100%;
}

.simple-form select.simple-combo {
	-webkit-appearance:button;
	appearance:button;
	background-color:var(--formulario-color_fondo_campo);
	width:100%;
	height:35px;
	padding:6px;
	padding-left:2px;
	padding-right:15px;
	border:1px solid var(--formulario-color_borde_campo);
	border-radius:4px;
	font-family:var(--pagina-fuente);
	color:var(--formulario-color_texto);
	font-size:var(--pagina-tamaño_fuente_normal);
	outline:none;
	cursor:pointer;
}

.simple-form div.simple-combo.caja::before {
//	content:'\25BC';
//	height:33px;
//	position:absolute;
//	top:1px;
//	right:4px;
//	padding:0px 6px 0px 6px;
//	text-align:center;
//	font-size:var(--pagina-tamaño_fuente_chica);
//	color:var(--formulario-color_texto);
//	line-height:35px;
//	background-color:var(--formulario-color_fondo_campo);
//	pointer-events:none;
//	z-index:100;
}

.simple-form select.simple-combo option {
	background-color:var(--formulario-color_fondo_campo);
}

.simple-form select.simple-combo:focus {
	outline:0;  
	border-color:var(--formulario-color_borde_campo_focus);
	box-shadow: 0 0 8px 0 var(--formulario-color_sombra_campo_focus);
}

.simple-form select.simple-combo:disabled {
	opacity: 1;
	cursor:default;
}
	
.simple-form select.simple-combo.invalid {
	-moz-box-shadow:none;
	border-color:var(--formulario-color_borde_campo_error);
	background-image:url(form-invalido.png);
	background-position:calc(100% - 6px) 50%;
	background-repeat:no-repeat;
	padding-right:32px;
}

.simple-form select.simple-combo.invalid {
	background-position: calc(100% - 25px) 50%;
}

.simple-form select.simple-combo.invalid:focus {
	box-shadow: 0 0 8px 0 var(--formulario-color_sombra_campo_error_focus);
}

.simple-form div.simple-combo.error {
	display:none;
	font-family:var(--pagina-fuente);
	font-size:var(--pagina-tamaño_fuente_chica);
	color:var(--formulario-color_texto_campo_error);
	margin-top:14px;
	float:left;
}

.simple-form select.simple-combo.valid:required {
	border-color:var(--formulario-color_borde_campo_valido);
	background-image:url(form-valido.png);
	background-position:calc(100% - 6px) 50%;
	background-repeat:no-repeat;
	padding-right:32px;
}

.simple-form select.simple-combo.valid:required {
	background-position:calc(100% - 25px) 50%;
}

.simple-form select.simple-combo.valid:required:focus {
	box-shadow: 0 0 8px 0 var(--formulario-color_sombra_campo_valido_focus);
}

.simple-form div.simple-combo.vista {
	width:auto;
}
.simple-form select.simple-combo.vista {
	float:left;
	height:30px;
	padding:3px;
}


/**********************************************************************************************************************
  Checkbox / Radio
***********************************************************************************************************************/

.simple-form ul.simple-check, 
.simple-form ul.simple-radio {
	width:100%;
}

.simple-form ul.simple-check:after, 
.simple-form ul.simple-radio:after {
	content:"";
	display:block;
	clear:both;
}

.simple-form li.simple-check, 
.simple-form li.simple-radio {
	float:left;
	margin-left:-30px;
	margin-top:-5px;
	margin-bottom:-5px;
}

.simple-form li.simple-check.vertical, 
.simple-form li.simple-radio.vertical {
	float:none;
}

.simple-form label.simple-check.interno, 
.simple-form label.simple-radio.interno {
	float:none;
	display:inline;
	font-family:var(--pagina-fuente);
	color:var(--formulario-color_texto);
	font-size:var(--pagina-tamaño_fuente_normal);
	font-weight:normal;
	caret-color:transparent;
	cursor: pointer;
}

.simple-form input.simple-check, 
.simple-form input.simple-radio {
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
	width: 25px;
	height: 25px; 
	border-radius: 15px;
	border: 1px solid var(--formulario-color_borde_campo);
	vertical-align: -7px;
	margin-right:10px;
	background-color:var(--formulario-color_fondo_campo);
	outline: none;  
	cursor: pointer;
	caret-color:transparent;
}

.simple-form input.simple-check {
	border-radius: 4px;
}

.simple-form input.simple-check:focus, 
.simple-form input.simple-radio:focus {
	outline:0;
	border-color:var(--formulario-color_borde_campo_focus);
	box-shadow:0 0 8px 0 var(--formulario-color_sombra_campo_focus);
}

.simple-form input.simple-check::before, 
.simple-form input.simple-radio::before {
	display: block;
	content: "";
	width: 16px;
	height: 16px;
	border-radius: 8px;
	transform: translate(3.5px, 3.5px) scale(0);
	transform-origin: center;
	transition: all 0.2s;
}

.simple-form input.simple-check::before {
	content:"";
	border-radius: 2px;
	background-image:var(--formulario-icono-campo-checkbox);
	background-size:22px 22px;
	background-repeat:no-repeat;
	background-position:center center;
}

.simple-form input.simple-check:checked, 
.simple-form input.simple-radio:checked {
}

.simple-form input.simple-check:checked::before, 
.simple-form input.simple-radio:checked::before {
	transform: translate(3.5px, 3.5px) scale(1);
	transition: all 0.2s;
}
	
.simple-form input.simple-check:disabled, 
.simple-form input.simple-radio:disabled {
	cursor:default;
}

.simple-form input.simple-check:disabled + label.simple-check.interno, 
.simple-form input.simple-radio:disabled + label.simple-radio.interno {
	cursor:default;
}

.simple-form input.simple-check + label .on, 
.simple-form input.simple-check:checked + label .off {
	display:none;
}

.simple-form input.simple-check + label .off, 
.simple-form input.simple-check:checked + label .on {
	display:inline;
}

.simple-form ul.simple-radio.invalid {
	background-image: url(form-invalido.png);
	background-position: calc(100% - 6px) calc(50% - 0px);
	background-repeat: no-repeat;
}

.simple-form ul.simple-radio.invalid li label.simple-radio.interno {
	color:var(--formulario-color_texto_campo_error);
}

.simple-form input.simple-radio.invalid:focus {
	border-color:var(--formulario-color_borde_campo_error);
	box-shadow: 0 0 8px 0 var(--formulario-color_sombra_campo_error_focus);
}

.simple-form div.simple-check.error,
.simple-form div.simple-radio.error {
	display: none;
	font-family: var(--pagina-fuente);
	font-size: var(--pagina-tamaño_fuente_chica);
	color: var(--formulario-color_texto_campo_error);
	margin-top:14px;
}

.simple-form ul.simple-radio.valid {
	background-image: url(form-valido.png);
	background-position: calc(100% - 6px) calc(50% - 0px);
	background-repeat: no-repeat;
}

.simple-form ul.simple-radio.valid li label.simple-radio.interno {
	color:var(--formulario-color_texto_campo_valido);
}

.simple-form input.simple-radio.valid:focus {
	border-color:var(--formulario-color_borde_campo_valido);
	box-shadow: 0 0 8px 0 var(--formulario-color_sombra_campo_valido_focus);
}


/**********************************************************************************************************************
  Switch
***********************************************************************************************************************/

.simple-form ul.simple-switch {
	width:100%;
}

.simple-form ul.simple-switch.vista {
	float:left;
	width:auto;
	margin-top:4px;
}

.simple-form ul.simple-switch:after {
	content:"";
	display:block;
	clear:both;
}

.simple-form li.simple-switch {
	float: left;
}

.simple-form li.simple-switch.vertical {
	float: none;
}

.simple-form input.simple-switch {
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
	width: 40px;
	height: var(--pagina-tamaño_fuente_normal); 
	border-radius: 12px;
	border: 1px solid var(--formulario-color_fondo_switch_off);
	margin-top:3px;
	background-color: var(--formulario-color_fondo_switch_off);
	outline: none;  
	caret-color:transparent;
	cursor: pointer;
}

.simple-form input.simple-switch:focus {
	outline: 0;  
	border-color:var(--formulario-color_borde_campo_focus);
	box-shadow: 0 0 8px 0 var(--formulario-color_sombra_campo_focus);
}

.simple-form input.simple-switch::before { 
	display: block;
	content: " ";
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background-color: var(--formulario-color_boton_switch_off);
	transform: translate(-1px, -4px) scale(1);
	transform-origin: center;
	transition: all 0.2s;
}

.simple-form input.simple-switch:checked {
	border: 1px solid var(--formulario-color_fondo_switch_on);
	background-color:var(--formulario-color_fondo_switch_on);
}

.simple-form input.simple-switch:checked::before { 
	transform: translate(19px, -4px) scale(1);
	transition: all 0.2s;
	background-color:var(--formulario-color_boton_switch_on);
}

.simple-form input.simple-switch:disabled {
	border: 1px solid var(--formulario-color_fondo_switch_disabled);
	background: var(--formulario-color_fondo_switch_disabled);
	cursor:default;
}

.simple-form input.simple-switch:disabled::before {
	background: var(--formulario-color_boton_switch_disabled);
}

.simple-form label.simple-switch.interno {
	float:none;
	display:inline;
	font-family: var(--pagina-fuente);
	color:var(--formulario-color_texto);
	font-size: var(--pagina-tamaño_fuente_normal);
	font-weight:normal;
	vertical-align: 1px;
	margin-left:10px;
}

.simple-form input.simple-switch + label .on, 
.simple-form input.simple-switch:checked + label .off {
	display:none;
}

.simple-form input.simple-switch + label .off, 
.simple-form input.simple-switch:checked + label .on {
	display:inline;
}

.simple-form div.simple-switch.error {
	display: none;
	font-family: var(--pagina-fuente);
	font-size: var(--pagina-tamaño_fuente_chica);
	color: var(--formulario-color_texto_campo_error);
	font-weight: bold;
	margin-top:29px;
}


/**********************************************************************************************************************
  Slider
***********************************************************************************************************************/

.simple-form div.simple-slider.caja {  
  position: relative;
  width: 100%;
//  height: 35px;
}

.simple-form div.simple-slider.caja::before, 
.simple-form div.simple-slider.caja::after {
  position: absolute;
}

.simple-form div.simple-slider.caja::before {
  content: attr(data-min) ' - ' attr(data-max);
  box-sizing: border-box;
  top: 15px;
  left: 0px;
  padding: 10px;
  font-family: var(--pagina-fuente);
  color:#000000;
  font-size: var(--pagina-tamaño_fuente_chica);
}

.simple-form div.simple-slider::after {
  content: attr(data);
  box-sizing: border-box;
  top: 20px;
  right: 0px;
  padding: 6px;
  font-family: var(--pagina-fuente);
  color:#000000;
  font-size: var(--pagina-tamaño_fuente_normal);
}

.simple-form input.simple-slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 24px;
  border-radius: 4px;
  background: transparent linear-gradient(90deg,#47CF73 0%,#aaaaaa 0%);
  padding: 0;
  margin: 0;
  outline: none;
  cursor: pointer;
}

@media screen\0, @media screen\9 { /* solo ie */
  .simple-form input.simple-slider {
    background: transparent;
  }	
}

.simple-form input.simple-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 22px;
  height: 22px;
  position:relative;
  top:-7px;
  border: 0;
  border-radius: 50%;
  border:1px solid #000000;
  background: #47CF73;
  cursor: pointer;
  transition: all 0.2s;
}

.simple-form input.simple-slider::-moz-range-thumb {
  width: 22px;
  height: 22px;
  border: 0;
  border-radius: 50%;
  border:1px solid #000000;
  background: #47CF73;
  cursor: pointer;
  transition: all 0.2s;
}

.simple-form input.simple-slider::-ms-thumb {
  box-sizing: border-box;
  width: 22px;
  height: 22px;
  border: 0;
  border-radius: 50%;
  border:1px solid #000000;
  background: #47CF73;
  cursor: pointer;
  transition: all 0.2s;
}

.simple-form input.simple-slider::-webkit-slider-runnable-track {
  height: 10px;
  border:1px solid #000000;
  border-radius:4px;
}

.simple-form input.simple-slider::-moz-range-track {
  height: 10px;
  border:1px solid #000000;
  border-radius:4px;
}

.simple-form input.simple-slider::-ms-track {
  box-sizing: border-box;
  background: transparent;
  color: transparent;
  height: 10px;
  border:1px solid #000000;
  border-radius:4px;
}

.simple-form input.simple-slider::-ms-fill-lower {
  background: #47CF73;
}

.simple-form input.simple-slider::-ms-fill-upper {
  background: #aaaaaa;
}

.simple-form input.simple-slider::-ms-tooltip {
  display: none;
}

.simple-form input.simple-slider:focus {
  box-shadow: 0 0 0 2px rgba(102,175,233,0.50);
}


/**********************************************************************************************************************
  Boton
***********************************************************************************************************************/

.simple-form input.simple-boton,
.simple-form button.simple-boton {
	border: 1px solid var(--formulario-color_borde_boton);
	border-radius: 5px;
	font-family:  var(--pagina-fuente);
	font-size: var(--pagina-tamaño_fuente_chica);
	color: var(--formulario-color_texto_boton);
	padding: 8px 15px;
	background: transparent;
	position: relative;
	cursor:pointer;
}

.simple-form input.simple-boton div,
.simple-form button.simple-boton div {
	display:inline;
//	background-color:#333333;
}

.simple-form input.simple-boton div svg,
.simple-form button.simple-boton div svg {
//	float:left;
	position:relative;
	top:6px;
	margin-top:-10px;
	width:22px;
	height:22px;
//	margin-top:-2px;
	margin-left:-3px;
	fill:var(--formulario-color_texto_boton);		
}

.simple-form input.simple-boton div svg + span,
.simple-form button.simple-boton div svg + span {
	margin-left:6px;
}

.simple-form input.simple-boton.derecha,
.simple-form button.simple-boton.derecha {
	float:right;
	margin-right:20px;
}

.simple-form input.simple-boton.ancho100,
.simple-form button.simple-boton.ancho100 {
	width:100%;
}

.simple-form input.simple-boton:hover,
.simple-form button.simple-boton:hover {	
	background: var(--formulario-color_fondo_boton_focus);
	color:var(--formulario-color_texto_boton_focus);
}

.simple-form input.simple-boton:hover svg,
.simple-form button.simple-boton:hover svg {
	fill:var(--formulario-color_texto_boton_focus);		
}

.simple-form input.simple-boton:focus,
.simple-form button.simple-boton:focus {
	outline: none;
	background: var(--formulario-color_fondo_boton_focus);
	color:var(--formulario-color_texto_boton_focus);
}

.simple-form input.simple-boton:focus svg,
.simple-form button.simple-boton:focus svg {
	fill:var(--formulario-color_texto_boton_focus);		
}

.simple-form input.simple-boton.vista,
.simple-form button.simple-boton.vista {
	padding: 2px 5px;
	background-color:var(--formulario-color_fondo);
	border-color:var(--formulario-color_borde);
	color:var(--formulario-color_etiqueta);
}

.simple-form input.simple-boton.vista:hover,
.simple-form button.simple-boton.vista:hover,
.simple-form input.simple-boton.vista:focus,
.simple-form button.simple-boton.vista:focus {
	background-color:var(--formulario-color_fondo);
	color:var(--formulario-color_etiqueta);
}

/*
.simple-form button.simple-boton span {
	position:absolute;
	width: 0;
	height: 0;
	border-top: 5px solid #fba342;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid transparent;
//	position: relative;
	top: 12px;
	margin-left: 8px;
}

.simple-form button.simple-boton:hover span,
.simple-form button.simple-boton:focus span {
	border-top: 5px solid #ffffff;
}
*/

.simple-form input.simple-boton ~ ul.simple-boton,
.simple-form button.simple-boton ~ ul.simple-boton {
	position: absolute;
	width:auto;
	z-index: 1000;
	display: none;
	padding: 5px 0;
	margin-top: 17px;
	background-color: var(--formulario-color_fondo);
	border: 1px solid var(--formulario-color_borde);
	border-radius: 4px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box;
}

.simple-form input.simple-boton ~ ul.simple-boton li,
.simple-form button.simple-boton ~ ul.simple-boton li {
	font-family:  var(--pagina-fuente);
	font-size: var(--pagina-tamaño_fuente_normal);
	font-weight:normal;
	padding: 5px 15px;
	cursor:pointer;
}

.simple-form input.simple-boton ~ ul.simple-boton li:hover,
.simple-form button.simple-boton ~ ul.simple-boton li:hover {
	background-color: #fba342;
}

.simple-form input.simple-boton ~ ul.simple-boton li a,
.simple-form button.simple-boton ~ ul.simple-boton li a {
	color: var(--simple-color-campo);
	text-decoration: none;
}


/**********************************************************************************************************************
  Vista
***********************************************************************************************************************/

.simple-form div.simple-vista {
	width:100%;
	display:block;
    overflow-x: auto;
	border:1px solid var(--formulario-color_borde);
	border-radius: 4px; 
	caret-color:transparent;
}

.simple-form div.simple-vista table.simple-vista {
	width:100%;
	border-collapse: collapse; 
	background-color:#010d15;
}
	
.simple-form div.simple-vista table.simple-vista thead tr th {
	padding:10px 4px 10px 4px;
	vertical-align:middle;
	background-color:var(--formulario-color_fondo);
	color: #818d95;
}

.simple-form div.simple-vista table.simple-vista thead tr th div {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

.simple-form table.simple-vista tbody tr {
	cursor:pointer;
}

.simple-form table.simple-vista tbody tr:hover {
	background-color:var(--formulario-color_fondo);
}
	
.simple-form div.simple-vista table.simple-vista tbody tr td {
	padding:10px 4px 10px 4px;
	border-top:1px solid var(--formulario-color_borde);
	vertical-align:middle;
}

.simple-form div.simple-vista table.simple-vista tbody tr td div {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	-webkit-box-orient: vertical;
	line-height:25px;
    white-space: normal;
}

.simple-form div.simple-vista table.simple-vista tbody tr td.clamp0 div {
	display:table-cell;
}

.simple-form div.simple-vista table.simple-vista tbody tr td.clamp2 div {
	-webkit-line-clamp:2;
}

.simple-form div.simple-vista table.simple-vista tbody tr td.clamp3 div {
	-webkit-line-clamp:3;
}


.simple-form div.simple-vista table.simple-vista tbody tr td.resaltado div {
	text-align:center;
	line-height:18px;
	margin:0 5px 0 5px;
	font-size: var(--simple-fuente-tamaño-chica);
	border-radius:4px;
}

.simple-form div.simple-vista table.simple-vista tbody tr td.resaltado div[color_resaltado="gris"],
.simple-form div.simple-vista table.simple-vista tbody tr td.resaltado.gris div {
	background-color:#333333;
	border:5px solid #333333;
}

.simple-form div.simple-vista table.simple-vista tbody tr td.resaltado div[color_resaltado="rojo"],
.simple-form div.simple-vista table.simple-vista tbody tr td.resaltado.rojo div {
	background-color:#ee2222;
	border:5px solid #ee2222;
}

.simple-form div.simple-vista table.simple-vista tbody tr td.resaltado div[color_resaltado="verde"],
.simple-form div.simple-vista table.simple-vista tbody tr td.resaltado.verde div {
	background-color:#227722;
	border:5px solid #227722;
}

.simple-form div.simple-vista table.simple-vista tbody tr td.resaltado div[color_resaltado="amarillo"],
.simple-form div.simple-vista table.simple-vista tbody tr td.resaltado.amarillo div {
	background-color:#cccc44;
	border:5px solid #cccc44;
	color: #000000;
}

.simple-form div.simple-vista table.simple-vista tbody tr td.resaltado div[color_resaltado="azul"],
.simple-form div.simple-vista table.simple-vista tbody tr td.resaltado.azul div {
	background-color:#002277;
	border:5px solid #002277;
}

.simple-form div.simple-vista table.simple-vista tbody tr td.resaltado div[color_resaltado="violeta"],
.simple-form div.simple-vista table.simple-vista tbody tr td.resaltado.violeta div {
	background-color:#222277;
	border:5px solid #222277;
}

.simple-form div.simple-vista table.simple-vista tbody tr td.nivel {
	padding-left: calc(30px * var(--data-nivel));	
}
		
.simple-form table.simple-vista tbody tr.impar {
	background-color:#021624;
}

.simple-form table.simple-vista tfoot tr:first-child td {
	border-top:1px solid var(--formulario-color_borde);  
}


.simple-form div.simple-vista table.simple-vista thead tr th:not(.desktop):where(.tablet,.mobile),
.simple-form div.simple-vista table.simple-vista tbody tr td:not(.desktop):where(.tablet,.mobile) {
	display:none;
//	display:contents;
}

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

	.simple-form div.simple-vista table.simple-vista thead tr th:not(.tablet):where(.desktop,.mobile),
	.simple-form div.simple-vista table.simple-vista tbody tr td:not(.tablet):where(.desktop,.mobile) {
		display:none;
	}

	.simple-form div.simple-vista table.simple-vista thead tr th.tablet,
	.simple-form div.simple-vista table.simple-vista tbody tr td.tablet {
		display:table-cell;	
	}
	
}

@media screen and (max-width: 800px) {
	
	.simple-form div.simple-vista table.simple-vista thead {
//		display:none;
	}

	.simple-form div.simple-vista table.simple-vista tbody tr {
//		display:block;
//		border-top:1px solid var(--formulario-color_borde);
	}

	.simple-form div.simple-vista table.simple-vista tbody tr:first-child {
//		border-top:none;
	}

	.simple-form div.simple-vista table.simple-vista tbody tr td {
//		width:100%;
//		min-width:100%;
//		display:block;
//		padding:10px 4px 10px 4px;
//		text-align:right;
//		vertical-align: middle; 
//		border:none;
//		border-bottom:1px solid #101b23;
	}

	.simple-form div.simple-vista table.simple-vista tbody tr.impar td {
//		border-bottom:1px solid #122737;
	}

	.simple-form div.simple-vista table.simple-vista tbody tr td:before {
//		float:left;
//		content:attr(tabla_columna_titulo);
//		color: #818d95;
	}

	.simple-form div.simple-vista table.simple-vista thead tr th:not(.mobile):where(.desktop,.tablet),
	.simple-form div.simple-vista table.simple-vista tbody tr td:not(.mobile):where(.desktop,.tablet) {
		display:none;
	}

	.simple-form div.simple-vista table.simple-vista thead tr th.mobile,
	.simple-form div.simple-vista table.simple-vista tbody tr td.mobile {
		display:table-cell;	
	}

}




/**********************************************************************************************************************
  Ver

.menuContextual {
	float:left;
	width:25%;
	background-color:#ededed;
	color:#000000;
	padding:60px 15px 20px 30px;
	font-family: 'Montserrat';
	font-size: 14px;
}

.menuContextual ul li {
	padding:10px 0px 10px 0px;
	cursor:pointer;
	border-bottom:1px solid #cccccc;
}

.menuContextual ul li.activo {
	font-weight:bold;
}

.contenido {
	float:left;
	width:75%;	
	padding:15px 40px 15px 40px;
	background-color:#ededed;
}

#dlgFormEquipo {
	position:absolute;
	width:600px;
	left:calc(50% - 300px);
	max-height:600px;
	overflow-y:auto;
	display:none;
}





ul.banner {
	width:100%;
}

ul.banner li {
	float:left;
	width:50%;	
}

ul.banner li div.titulo {
	font-family: var(--pagina-fuente);
	font-size: var(--pagina-tamaño_fuente_grande);
	color:#ffffff;
	margin-top:30px;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;	
}

ul.banner li div.contenido {
	background-color:var(--formulario-color_fondo);
	border:1px solid var(--formulario-color_borde);
	border-radius:4px;	
	margin-top:10px;
	padding-top:15px;
	-webkit-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.25);
	box-shadow: 5px 10px 25px 0px rgba(0,0,0,0.20);
}

***********************************************************************************************************************/