/*------------------- NAVEGACIÓN -------------------------*/
/*
#navegacion_titular{font-family:Century Gothic, Tahoma, sans-serif;}
#navegacion_titular ul li{list-style-type:none;display:inline;font-family:Century Gothic, Tahoma,sans-serif;font-size:16px;color: #000;}
#navegacion_titular ul li .gr, #navegacion_titular ul li .gract{font-family: Century Gothic, Tahoma, sans-serif;font-size:16px;color: #000;}
#navegacion_titular ul li a, #navegacion_titular ul li a.gr, #navegacion_titular ul li a.gract {color:#000;}
#navegacion_titular h2 {color:#000;font-size:25px;font-family:Century Gothic, Tahoma, sans-serif;}
#navegacion_titular h2 .gract{color:#000;font-size:25px;font-family:Century Gothic, Tahoma, sans-serif;}
*/
/*-----------------------------------------------------------------*/

body {
	margin:0;
	padding:0;
	height:100%;
	width:99.9%;
	border:0;
	font-family:var(--fuente-generica);
	font-size:100%;
	/*background:#eff6ff url("<%=ruta_imgs%>fnd_admin.png") repeat-x 0 0;*/
}

:root{	
	--color-exito: #3CB371;
	--color-advertencia: #FFD400;
	--color-error: #B22222;
}
.color-exito {color: var(--color-exito) !important;}
.color-advertencia {color: var(--color-advertencia) !important;}
.color-error {color: var(--color-error) !important;}
.fondo-exito {background-color: var(--color-exito) !important;}
.fondo-advertencia {background-color: var(--color-advertencia) !important;}
.fondo-error {background-color: var(--color-error) !important;}


.lst_tipo_user {
  font-family: var(--fuente-generica);
  font-size: var(--tamano-generica);
  color: var(--color-generico);
}

.lst_tipo_user li {list-style-type:none;padding:0 0 0 .3em;clear:both;}

.lst_tipo_user li li {list-style-type:disc;list-style-image:none;padding:0 0 0 .3em;}

.lst_tipo_user a {color: var(--color-generico);}

.lst_tipo_user a:hover {color: var(--color-over);}

.lst_tipo_user a.pause {color: var(--color-inactivo);}

.icol1 { width:100%;}

.icol2 {width:100%;}

/* iconos cajas */
.iccaj {background:transparent url("../../imgs/iccaja.png") no-repeat 0 0;position:relative;float:left;width:16px;height:16px;margin:0 .375em .375em 0;}
.icdesp {background:transparent url("../../imgs/icdesp.png") no-repeat 0 0;}
.icple {background:transparent url("../../imgs/icple.png") no-repeat 0 0;}

.desple {
 cursor:pointer;
}

.blq_pers {
  clear: both;
  position: relative;
  float: left;
  width: 88%;
  margin: 1.5em 0 0 0;
  padding: .75em .5em .75em .5em;
  background-color:#F9F9F9;
  border: 1px solid var(--color-primario);
}

.tit_blq_pers {
  clear: both;
  position: relative;
  float: left;
  width: 45%;
  margin: 0;
  padding: 0;
  font-family: var(--fuente-generica);
  font-size: .75em;
  color: #666;
  background-color: #FFFFFF;
  border: 1px solid #D6D6D6;
}

.tit_blq_pers img {
  vertical-align: middle;
  padding: .3em;
}

.tit_blq_pers a {
  color: #666;
}

.tit_blq_pers a:hover {
  color: var(--color-over);
}

.lst_blq_pers {
  clear: both;
  position: relative;
  float: left;
  width: 90%;
  margin: 0;
  padding: 0 0 0 1em;
}

.lst_blq_pers li {
  list-style-type: square;
  margin: 0;
  font-family: var(--fuente-generica);
  font-size: var(--tamano-generica);
  color: var(--color-generico);
  padding: .2em 0;
}

* html .lst_blq_pers li {
  padding: 0;
}

*:first-child + html .lst_blq_pers li {
  padding: 0;
}

.lst_blq_pers li a {
  color:var(--color-generico);
  padding: 0;
}

.lst_blq_pers li a:hover {
  color: var(--color-over);
}

.ico-pers {
	width:50px;
	background:#F0F0F0;
	text-align:center;
	border-radius:35px;
}

.cajas-pers {
	border:1px solid #E7E7E7;
  background:#FFF;
	/*display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;*/
  display:flex;
  flex-wrap:wrap;
  padding: 4%;
  clear:both;
	justify-content: space-evenly;
}

.caja-pers {
	background:#FFF;
	box-shadow:2px 2px 11px 0px rgba(0, 0, 0, 0.1);
	padding:1em 0 !important;
	margin:0 2% 1em 2%;
	min-width:21%;
}

.caja-pers:hover {
	background:#F0F0F0;
}

.caja-pers:hover .ico-pers { background:#FFF; }


.colperm {
	background:#FFF;
	box-shadow:2px 2px 11px 0px rgba(0, 0, 0, 0.1);
}

.bl_flex {
	display: flex;
  flex-wrap: wrap;
}

.seguimiento {
 justify-content: space-between;
}

.permisos {
 justify-content: space-around;
}
	--------------------------*/

.tit_admin {
  margin: 0;
  padding: 0 0 0 .15em;
  font-family: var(--fuente-titulos);
  font-size: var(--tamano-titulos);
  color: var(--color-generico);
}

#menu_admin {
  clear: both;
  position: relative;
  float: left;
  width: 90%;
  margin: 0;
  padding: .95em 0;
  background-color: #F9F9F9;
  text-transform: lowercase;
  border: 1px solid var(--color-primario);
}

#menu_admin li.menu_admin_n1 {
  list-style-type: none;
  clear: both;
  position: relative;
  float: left;
  width: 90%;
  margin: 0 0 .3em .5em;
  padding: 0;
  font-family: var(--fuente-generica);
}

#menu_admin li.menu_admin_n1 span {
  display: block;
  background-color: #FFF;
  border: 1px solid #D6D6D6;
  color: #666;
  font-size: var(--tamano-generica);
}

#menu_admin li.menu_admin_n1 a {
  display: block;
  background-color: #FFF;
  border: 1px solid #D6D6D6;
  color: #666;
}

#menu_admin li.menu_admin_n1 a:hover {
  color: #666;
}

#menu_admin img {
  vertical-align: middle;
  padding: .3em;
}

#menu_admin li.menu_admin_n1 ul li {
  list-style-type: square;
  color: var(--color-generico);
  font-family: var(--fuente-generica);
  font-size: var(--tamano-generica);
  padding: .2em 0;
}

#menu_admin li.menu_admin_n1 ul li a {
  display: inline;
  border: none;
  background-color: transparent;
  padding: 0;
  color: var(--color-generico);
}

#menu_admin li.menu_admin_n1 ul li a:hover {
  color: var(--color-over)
}

.btnbarragr {font-family:var(--fuente-barra);font-size:var(--tamano-barracopy);color:var(--color-sobre-barra);}
.btnbarra {font-family:var(--fuente-barra);font-size:var(--tamano-barra);color:var(--color-sobre-barra);}
.naveg {font-family:var(--fuente-generica);font-size:0.5625em;color:#666666;}

/* FORMULARIOS */

.lineaf, .lineachk {
  position: relative;
  float: left;
  margin: 0 0 .5em 0;
  padding: 0;
  width: 100%;
  clear: both;
}

.lineafset {
  clear: both;
  position: relative;
  float: left;
  width: 94%;
  margin: 0 0 .625em 0;
  padding: 0 1em;
  border-left: 4px solid var(--color-primario);
}

.lineafdest {
 font-size: var(--tamano-generica);
 background-color: var(--color-neutro);
 border-left: 4px solid var(--color-primario);
 color: var(--color-sobre-neutro);
 float:left;
 margin:0 0 1em 0;
 padding:.5em;
 position:relative;
 width:97%;
}

.formulario span {    
  color: var(--color-generico);  
  font-size: var(--tamano-formularios);
}

input.bt_form {
  padding: .1em .5em;
  margin: 0;
  font-family: var(--fuente-generica);       
  font-size:var(--tamano-generica);
  cursor: pointer;
  border: .1em solid var(--color-borde-boton);
  background-color: var(--color-boton);
  color:var(--color-sobre-boton);
}

input.bt_form:hover {
  border: .1em solid var(--color-over-borde-boton);
  background-color: var(--color-over-boton);
  color: var(--color-over);
}

a.bt_form {
  border: .1em solid var(--color-borde-boton);
  background-color: var(--color-boton);
  color: var(--color-sobre-boton);
  font-size:var(--tamano-boton);
  margin: 0;
  padding: .25em .5em;
}

a.bt_form:hover {
  border: .1em solid var(--color-over-borde-boton);
  background-color: var(--color-over-boton);
  color: var(--color-over);
}

fieldset.fsetoculto {
  border: none;
  margin:0;
  padding:0;
}

.cajaf {
  position: relative;
  float: left;
  width: 68%;
  margin: 0;
  padding: .25em .125em;
  border: 0.1em solid var(--color-neutro);
  background-color: #FFF;
  color: var(--color-generico);
  font-family: var(--fuente-generica);  
  font-size: var(--tamano-generica);
	box-sizing: border-box;
}
.cajaf-registro{
	background-color: var(--color-secundario);
}

.lbl {
  display: block;
  position: relative;
  float: left;
  margin: 0 .2em .2em 0;
  padding: .25em 0;
  color: var(--color-generico);
  width: 30%;
  font-size: var(--tamano-generica);
}

label.oculto {
  display: none;
 }
 
.titd {
  position: relative;
  margin: 0 0 0.25em 0;
  padding: 0;
  font-size: 1.375em;
  font-family: var(--fuente-generica);
  color: var(--color-barra);
  font-weight: normal;
}

/* ---------------- Table sorter --------------- */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th {
	background-color: var(--color-secundario);
	border-right: 1px solid #FFF;
	font-size:var(--tamano-generica);
	color:var(--color-sobre-secundario);
	padding: 4px;
	text-transform:uppercase;
}

table.tablesorter thead tr .header {
  background-image: url("../../imgs/sorter_ascdesc.gif");
	background-repeat: no-repeat;
	background-position: 5px center;
	cursor: pointer;
	padding: 0 0.5em 0 1.25em;
}

table.tablesorter tr .cent {
  background-position: center center;
  padding: 0 0.5em;
}

table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
	font-size:var(--tamano-generica);
}

table.tablesorter thead tr .header.headerSortUp {
	background-image: url("../../imgs/sorter_asc.gif");
}
table.tablesorter thead tr .header.headerSortDown {
	background-image: url("../../imgs/sorter_desc.gif");
}
table.tablesorter thead tr .header.headerSortDown, table.tablesorter thead tr .header.headerSortUp {
  background-color: var(--color-primario);
  color:var(--color-sobre-primario);
}

table.distcolum tbody tr.odd td {background-color:#EFEFEF;}

/* promt */
#popup_container {width:20em;}
#popup_title {background:var(--color-primario);color:var(--color-primario);height:22px;}
.a_cerrarvw {position:absolute;top:0;right:0;height:16px;}
.a_cerrarvw span {background: transparent url("../../imgs/bt_cerrar.gif") no-repeat 0 0;position:absolute;top:0;right:0;width:16px; height:16px;}


.pwdbar{
	background:#cccccc;
	height:5px;
}

.check {
  width:20px;
  height:20px;
}

#pass_ok {
  background:url("../../imgs/check.png") no-repeat;
}

#passX {
	background:url("../../imgs/checkX.png") no-repeat;
}

/** --------------- mediaqueries --------------------------------*/

/** resoluciones inferiores a 1024 **/
@media screen and (max-width:1024px) {
	#cnav.mh600 {
  	min-height: initial;
	}
}


/** resoluciones inferiores a 700 **/
@media screen and (max-width: 700px) {
	#login_usuario .t35,#login_usuario .t60 {
		width:100%;
	}
	
	#cont-formul, #calendar {
		width:100%;
	}
	
	#leyend-cal {
		margin:0 0 1em 0;
	}
	
	#leyend-cal .blq.marb4 {
		margin:0 1em 0 0;
		clear:none;
		width:auto;
	}
	
	#leyend-cal .fa {
		margin-right:.25em;
	}
}

@media screen and (max-width: 580px) {
 #navegacion_titular h2 {
   font-size:16px;
   float:right;
   width:82%;
 }
 #navegacion_titular ul {
  float:right;
  width:82%;
 }
 #navegacion_titular ul li{font-size:14px;}
 .icol1 {width:95%;}
 .padl24 {padding-left:0.5em;}
 .icol2 {width:95%;padding-left:0.5em;}
}

a {text-decoration:none}
.form {font-family:var(--fuente-formularios);font-size:var(--tamano-formularios);color:var(--color-generico);}
.forminact {font-family:var(--fuente-formularios);font-size:var(--tamano-formularios);color:var(--color-inactivo);}
.formact {font-family:var(--fuente-formularios);font-size:var(--tamano-formularios);color:var(--color-activo);}
.formsobcp {font-family:var(--fuente-formularios);font-size:var(--tamano-formularios);color:var(--color-sobre-primario);}
.formsobcs {font-family:var(--fuente-formularios);font-size:var(--tamano-formularios);color:var(--color-sobre-secundario);}
.formsobcn {font-family:var(--fuente-formularios);font-size:var(--tamano-formularios);color:var(--color-sobre-neutro);}
.formcampos {font-family:var(--fuente-formularios);font-size:var(--tamano-formularios);border:1px var(--color-primario) solid;color:var(--color-sobre-secundario);background-color:var(--color-secundario);}
.formselect {font-family:var(--fuente-formularios);font-size:var(--tamano-formularios);color:var(--color-sobre-secundario);background-color:var(--color-secundario);}
.formcaja {font-family:var(--fuente-formularios);font-size:var(--tamano-formularios); border:1px var(--color-primario) solid;color: var(--color-generico);background-color:var(--color-over-boton);}

select.form {color:var(--color-generico);background-color:#FAFAFA;border:1px solid var(--color-neutro);}
input.form {color:var(--color-generico);background-color:#FAFAFA;border:1px solid var(--color-neutro);}
textarea.form {color:var(--color-generico);background-color:#FAFAFA;border:1px solid var(--color-neutro);}

.norm {font-family:var(--fuente-generica);font-size:var(--tamano-generica);color:var(--color-generico);}
.normcp {font-family:var(--fuente-generica);font-size:var(--tamano-generica);color:var(--color-primario);}
.norminact {font-family:var(--fuente-generica);font-size:var(--tamano-generica);color:var(--color-inactivo);}
.normact {font-family:var(--fuente-generica);font-size:var(--tamano-generica);color:var(--color-activo);}
.normsobcp {font-family:var(--fuente-generica);font-size:var(--tamano-generica);color:var(--color-sobre-primario);}
.normsobcs {font-family:var(--fuente-generica);font-size:var(--tamano-generica);color:var(--color-sobre-secundario);}
.normsobcn {font-family:var(--fuente-generica);font-size:var(--tamano-generica);color:var(--color-sobre-neutro);}
.normsobcb {font-family:var(--fuente-generica);font-size:var(--tamano-generica);color:var(--color-sobre-barra);}
.norm_select {font-family:var(--fuente-generica);font-size:var(--tamano-generica);color:var(--color-generico);margin:0 0 5px 5px;height:1.25em;}
.norm_input {font-family:var(--fuente-generica);font-size:var(--tamano-generica);color:var(--color-generico); width:240px;margin:0 0 5px 0;}

.pq {font-family:var(--fuente-generica);font-size:0.625em;color:var(--color-generico);}
.pqcp {font-family:var(--fuente-generica);font-size:0.625em;color:var(--color-destacado);}
.pqsobcp {font-family:var(--fuente-generica);font-size:0.625em;color:var(--color-sobre-primario);}
.pqsobcb {font-family:var(--fuente-generica);font-size:0.625em;color:var(--color-sobre-barra);}
.pqsobcs {font-family:var(--fuente-generica);font-size:0.625em;color:var(--color-sobre-secundario);}

.gr {font-family:var(--fuente-titulos);font-size:25px;color:var(--color-generico);}
.grcp {font-family:var(--fuente-titulos);font-size:var(--tamano-titulos); color:var(--color-destacado);}
.grinact {font-family:var(--fuente-titulos);font-size:var(--tamano-titulos); color:var(--color-inactivo);}
.gract {font-family:var(--fuente-titulos);font-size:25px; color:var(--color-activo);}
.grsobcn {font-family:var(--fuente-titulos);font-size:var(--tamano-titulos); color:var(--color-sobre-neutro);}
.grsobcs {font-family:var(--fuente-titulos);font-size:var(--tamano-titulos); color:var(--color-sobre-secundario);}
.grsobcp {font-family:var(--fuente-titulos);font-size:var(--tamano-titulos); color:var(--color-sobre-primario);}

.btnpestsobcp {font-family:var(--fuente-boton);font-size:var(--tamano-boton);color:var(--color-sobre-boton);}
.btn {font-family:var(--fuente-boton);font-size:var(--tamano-boton);;color:var(--color-sobre-boton);}
.sobcn {font-family:var(--fuente-generica);font-size:var(--tamano-generica);color:var(--color-sobre-neutro);}
.sobcs {font-family:var(--fuente-generica);font-size:var(--tamano-generica);color:var(--color-sobre-secundario);}
.sobcp {font-family:var(--fuente-generica);font-size:var(--tamano-generica);color:var(--color-sobre-primario);}
.sobcb {font-family:var(--fuente-generica);font-size:var(--tamano-generica);color:var(--color-sobre-barra);}

.btnbarragr {font-family:var(--fuente-barra);font-size:var(--tamano-barracopy);color:var(--color-sobre-barra);}
.btnbarra {font-family:var(--fuente-barra);font-size:var(--tamano-barra);color:var(--color-sobre-barra);}
.naveg {font-family:var(--fuente-generica);font-size:0.5625em;color:#666666;}

/* enlaces - color de los link */

a.form:link {color:var(--color-generico);}
a.forminact:link {color:var(--color-inactivo);}
a.formact:link {color:var(--color-activo);}
a.formsobcn:link {color:var(--color-sobre-neutro);}
a.formsobcs:link {color:var(--color-sobre-secundario);}
a.formsobcp:link {color:var(--color-sobre-primario);}

a.norm:link {color:var(--color-generico);}
a.normcp:link {color:var(--color-primario);}
a.norminact:link {color:var(--color-inactivo);}
a.normact:link {color:var(--color-activo);}

a.gr:link {color:var(--color-generico);}
a.grcp:link {color:var(--color-destacado);}
a.grinact:link {color:var(--color-inactivo);}
a.gract:link {color:var(--color-activo);}

a.btn:link {color:var(--color-sobre-boton);}
a.btnpestsobcp:link {color:var(--color-sobre-boton);}
a.sobcn:link {color:var(--color-sobre-neutro);}
a.sobcs:link {color:var(--color-sobre-secundario);}
a.sobcp:link {color:var(--color-sobre-primario);}

a.grsobcn:link {color:var(--color-sobre-neutro);}
a.grsobcs:link {color:var(--color-sobre-secundario);}
a.grsobcp:link {color:var(--color-sobre-primario);}

a.btnbarragr:link {color:var(--color-sobre-barra);}
a.btnbarra:link {color:var(--color-sobre-barra);}
a.naveg:link {color:#666666}

/* enlaces - color de los visited */

a.form:visited {color:var(--color-generico);}
a.forminact:visited {color:var(--color-inactivo);}
a.formact:visited {color:var(--color-activo);}
a.formsobcn:visited {color:var(--color-sobre-neutro);}
a.formsobcs:visited {color:var(--color-sobre-secundario);}
a.formsobcp:visited {color:var(--color-sobre-primario);}

a.norm:visited {color:var(--color-generico);}
a.normcp:visited {color:var(--color-primario);}
a.norminact:visited {color:var(--color-inactivo);}
a.normact:visited {color:var(--color-activo);}

a.gr:visited {color:var(--color-generico);}
a.grcp:visited {color:var(--color-destacado);}
a.grinact:visited {color:var(--color-inactivo);}
a.gract:visited {color:var(--color-activo);}

a.btn:visited {color:var(--color-sobre-boton);}
a.btnpestsobcp:visited {color:var(--color-sobre-boton);}
a.sobcn:visited {color:var(--color-sobre-neutro);}
a.sobcs:visited {color:var(--color-sobre-secundario);}
a.sobcp:visited {color:var(--color-sobre-primario);}
a.grsobcn:visited {color:var(--color-sobre-neutro);}
a.grsobcs:visited {color:var(--color-sobre-secundario);}
a.grsobcp:visited {color:var(--color-sobre-primario);}

a.btnbarragr:visited {color:var(--color-sobre-barra);}
a.btnbarra:visited {color:var(--color-sobre-barra);}
a.naveg:visited {color:#666666}

/* enlaces - color de los over */

a.form:hover {color:var(--color-over);}
a.forminact:hover {color:var(--color-over);}
a.formact:hover {color:var(--color-over);}
a.formsobcn:hover {color:var(--color-over);}
a.formsobcs:hover {color:var(--color-over);}
a.formsobcp:hover {color:var(--color-over);}

a.norm:hover {color:var(--color-over);}
a.normcp:hover {color:var(--color-over);}
a.norminact:hover {color:var(--color-over);}
a.normact:hover {color:var(--color-over);}

a.gr:hover {color:var(--color-over);}
a.grcp:hover {color:var(--color-over);}
a.grinact:hover {color:var(--color-over);}
a.gract:hover {color:var(--color-over);}

a.btnover {font-family:var(--fuente-boton);font-size:var(--tamano-boton);color:var(--color-over);}
a.btn:hover {color:var(--color-over);}
a.btnpestsobcp:hover {color:var(--color-over);}
a.sobcn:hover {color:var(--color-over);}
a.sobcs:hover {color:var(--color-over);}
a.sobcp:hover {color:var(--color-over);}
a.grsobcn:hover {color:var(--color-over);}
a.grsobcs:hover {color:var(--color-over);}
a.grsobcp:hover {color:var(--color-over);}

a.btnbarragr:hover {color:var(--color-over);}
a.btnbarra:hover {color:var(--color-over);}

a.naveg:hover {color:#666666}

/* enlaces - color de los active */

a.form:active {color:var(--color-generico);}
a.forminact:active {color:var(--color-inactivo);}
a.formact:active {color:var(--color-activo);}
a.formsobcn:active {color:var(--color-sobre-neutro);}
a.formsobcs:active {color:var(--color-sobre-secundario);}
a.formsobcp:active {color:var(--color-sobre-primario);}

a.norm:active {color:var(--color-generico);}
a.normcp:active {color:var(--color-primario);}
a.norminact:active {color:var(--color-inactivo);}
a.normact:active {color:var(--color-activo);}

a.gr:active {color:var(--color-generico);}
a.grcp:active {color:var(--color-destacado);}
a.grinact:active {color:var(--color-inactivo);}
a.gract:active {color:var(--color-activo);}

a.btn:active {color:var(--color-sobre-boton);}
a.btnpestsobcp:active {color:var(--color-sobre-boton);}
a.sobcn:active {color:var(--color-sobre-neutro);}
a.sobcs:active {color:var(--color-sobre-secundario);}
a.sobcp:active {color:var(--color-sobre-primario);}
a.grsobcn:active {color:var(--color-sobre-neutro);}
a.grsobcs:active {color:var(--color-sobre-secundario);}
a.grsobcp:active {color:var(--color-sobre-primario);}

a.btnbarragr:active {color:var(--color-sobre-barra);}
a.btnbarra:active {color:var(--color-sobre-barra);}

a.naveg:active {color:#666666;}
a.act {color:var(--color-primario);}
/* Significado de los estilos:

  act (color activo)
  barra (texto barra exterior)
  btn (texto botón)
  cn (color neutro)
  cp (color principal)
  cs (color secundario)
  form (texto en formularios)
  gr (texto grande)
  inact (color inactivo)
  norm (texto normal)
  pest (texto pestaña)
  sob (sobre)
  naveg (barra de navegación)

  ej:
     btnpestsobcp -> texto de botones y pestañas sobre color principal
     normcp -> texto normal de color principal
     titnocp -> título que no es de color principal
*/

/** Estilos tooltipster **/

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 4px; 
	border: 2px solid #CCC;
	background: #F0F0F0;
	color: #000;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding: .5em 10px;
	/*overflow: hidden;*/
}
/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	/*overflow: hidden;*/
}
/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -8px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -8px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -8px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -8px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -8px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -8px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

/* fade */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
	opacity: 1;
}

/* Este estilo es para los tooltip de error */
/* Este estilo es para los tooltip de error */
.tooltipster-error {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}

.tooltipster-error .tooltipster-box {
	color:#A70525;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding:2px 8px;
	background-color:#FFF;
	border: 1px solid #A70525;
  box-shadow: 0 0 4px #A70525;
}

.tooltipster-error .tooltipster-content
{
	color:#A70525;
	font-size: 13px;
}

.tooltipster-error .tooltipster-arrow {
	display:none;
}


.cajaerror {
	border: 1px solid #A70525;
  box-shadow: 0 0 5px #A70525;
}

.titulo, .subtitulo, .descripcion{
  display: inline-flex;
	/*width: 100%;*/
  flex-direction: column;
  /*gap: 0.75rem;*/
  font-size: var(--tamano-titulos);
  font-family: var(--fuente-titulos);
  font-weight: 600;
}
.subtitulo{
  display: flex;
	width: 100%;
  font-size: var(--tamano-barra);
	margin: .8rem 0;
  font-weight: 500;
}
.subtitulo__aviso{
	flex-direction: unset;
  align-items: center;
}
.subtitulo__personal{
	gap: .25em;
}

.descripcion{
	flex-direction: row;
  font-size: calc(var(--tamano-generica) - 2px);
	color: var(--color-generico);
	font-weight: 100;
  align-items: center;
}
.descripcion__aviso {
	width: fit-content;
  background-color: var(--color-advertencia);
	padding: .25em;
}

.caja-registro{
	flex: 100%;
  width: 100%;
  display: grid;
	padding: 0 2px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
	box-sizing: border-box;
}
.caja-registro .lineaf.lineafcompleta{
	grid-column: 1 / -1;
}

hr.separador{
	width: 100%;
  border: none;              /* Elimina el borde por defecto */
  border-top: 1px solid #ccc; /* Línea superior como separador */
  margin: 1.5rem 0; 
}

/* --- CAMPO CON ICONO PARA CONTRASEÑA --- */
.campo-con-icono {
    position: relative;
}

.campo-con-icono .toggle-password {
	position: absolute;
	right: 2rem;
	bottom: 8px;
	cursor: pointer;
	color: var(--color-sobre-fondo);
	font-size: var(--tamano-2);
}

.campo-con-icono .toggle-password:hover {
    color: var(--color-primario);
}

/* --- CAJA DE FACTURACIÓN --- */
#caja-facturacion {
  transition: opacity 0.3s ease;
}

#caja-facturacion[style*="display: none"] {
  opacity: 0;
  height: 0;
  overflow: hidden;
}

#caja-facturacion {
  opacity: 1;
  height: auto;
}

.wpforms-field-label-inline{
	/*cursor: pointer;*/
}