@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/***********************************************
 * FRAMEWORK CSS PARA TELETRAMITACIÓN DE BECAS *
 ***********************************************/
 
/***********************************************
 * CONFIGURACION							   *
 ***********************************************/
 
 *,
 *::after,
 *::before {
 	box-sizing: border-box;
 }
 
/***********************************************
 * VARIABLES								   *
 ***********************************************/
 :root {
 	--fuente: Arial, Verdana, 'Open Sans', sans-serif;
 	--fondo: #f2f2f2;
 	--color-blanco: #fff;
 	--color-rojo: #bf0404;
 	--color-negro: #000;
	--color-gris: #ccc;
	--color-vdarkred:#38040e;
 	--ancho-container: 1200px;
 }
 
/***********************************************
 * ESTILOS GENERALES						   *
 ***********************************************/
 body {
 	background: var(--fondo);
 	font-family: var(--fuente);
 	font-size: 18px;
 }
 
 p {
 	line-height: 27px;
 }
 
 a {
 	text-decoration: none;
 }
 
 img {
 	vertical-align: top;
 	width: 100%;
 }
 
 /***********************************************
 * CONTENEDORES								   *
 ***********************************************/
 .contenedor {
 	max-width: 95%;
 	width: var(--ancho-container);
 	margin: 30px auto 150px auto;
 }
 
 .contenedor-ancho {
 	width: 100%;
 	padding: 0 40px !important;
 	margin: 20px auto !important;
 }
 
 .cabecera {
	position: relative !important;
	margin: 0;
	height: 35px;
	width: 100%
 }
 
 .contenedor-titulo {
	float: left;
	height: 40px
 }
 
 .contenedor-sin-espacio {
 	margin: 0;
 	padding: 0;
 }
 
 .contenedor-relativo {
 	position: relative;
 	top: 60px;
 }
 
 .contenedor-centrado {
	/*z-index: 3;*/
	text-align: center;
	text-decoration: none;
	position: relative;
	margin: 0 auto
 }
 .contenido {
	float: left;
	min-height: 425px;
	width: 100%
 }
 
 .formulario-centrado {
	display: block;
	margin-top: 15%;
	margin-bottom: 20%
}
.margen-corto {
	margin-top: 12% !important;
	margin-bottom: 10% !important
}

.centrado {
	margin: 0 auto !important;
}
 
 .cuerpo {
	/*margin: -50px auto 0 auto;*/
	/*height: 95%;*/
	width: 100%;
	background-color: var(--color-blanco);
	border-width: 1px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-style: groove;
	border-top: none;
	/*min-height: 700px;*/
	/*min-height: 79vh;*/
	border-color: rgba(218, 217, 217, .45);
	/*top: 150px;*/
 }

 .footer {
	background-color: var(--fondo);
	/*border: 1px outset rgba(218, 217, 217, .45);*/
	clear: both;
	position: fixed;
	bottom: 0px;
	color: #999;
	overflow: hidden;
	text-align: right;
	width: 100%;
	margin: .05em auto 0 auto;
	padding-top: .03em;
	/*padding-bottom: .15em;*/
	padding-left: .1em;
	border-radius: 3px;
	border-top: 1px solid rgba(218, 217, 217, .45);
 }

 .footer-bar {
 	min-height: 0px; 
 	background-color: var(--color-blanco); 
 	border: 0px;
 }
 
 .fl-text-over-w70p {
	float: left;
	width: 70%;
	text-overflow: ellipsis;
 }

 .fl-w15p-ofh-tov {
	float: left;
	width: 15%;
	overflow: hidden;
	text-overflow: ellipsis
 }
 
 .center-screen {
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
	  text-align: center;
	  min-height: 100vh;
 }
 
 .center-page {
 	position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 50%;
    margin-left: -25%;
    margin-top: -25%;
 }
 
 .div-centered {
    position: fixed; 
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
 }
	 
/***********************************************
 * GRID										   *
 ***********************************************/
 .grid {
	display: grid;
	gap: 20px;
	/*margin-bottom: 20px;*/
 } 
 
 /* Tamaño Grande - Ordenadores y TV */
 .col-1 { grid-template-columns: repeat(1, 1fr); }
 .col-2 { grid-template-columns: repeat(2, 1fr); }
 .col-3 { grid-template-columns: repeat(3, 1fr); }
 .col-4 { grid-template-columns: repeat(4, 1fr); }
 .col-5 { grid-template-columns: repeat(5, 1fr); }
 .col-6 { grid-template-columns: repeat(6, 1fr); }
 .col-7 { grid-template-columns: repeat(7, 1fr); }
 .col-8 { grid-template-columns: repeat(8, 1fr); }
 .col-9 { grid-template-columns: repeat(9, 1fr); }
 .col-10 { grid-template-columns: repeat(10, 1fr); }
 .col-11 { grid-template-columns: repeat(11, 1fr); }
 .col-12 { grid-template-columns: repeat(12, 1fr); } 
 
 .span-1 { grid-column: span 1;}
 .span-2 { grid-column: span 2;}
 .span-3 { grid-column: span 3;}
 .span-4 { grid-column: span 4;}
 .span-5 { grid-column: span 5;}
 .span-6 { grid-column: span 6;}
 .span-7 { grid-column: span 7;}
 .span-8 { grid-column: span 8;}
 .span-9 { grid-column: span 9;}
 .span-10 { grid-column: span 10;}
 .span-11 { grid-column: span 11;}
 .span-12 { grid-column: span 12;} 
 

 @media screen and (max-width: 1355px) {
	 .display-5 {
	 	font-size: 18px !important;
	 }
 }
 
  
 /* Tamaño Mediano - Tablets */
 @media screen and (max-width: 992px) {
	 .med-col-1 { grid-template-columns: repeat(1, 1fr); }
	 .med-col-2 { grid-template-columns: repeat(2, 1fr); }
	 .med-col-3 { grid-template-columns: repeat(3, 1fr); }
	 .med-col-4 { grid-template-columns: repeat(4, 1fr); }
	 .med-col-5 { grid-template-columns: repeat(5, 1fr); }
	 .med-col-6 { grid-template-columns: repeat(6, 1fr); }
	 .med-col-7 { grid-template-columns: repeat(7, 1fr); }
	 .med-col-8 { grid-template-columns: repeat(8, 1fr); }
	 .med-col-9 { grid-template-columns: repeat(9, 1fr); }
	 .med-col-10 { grid-template-columns: repeat(10, 1fr); }
	 .med-col-11 { grid-template-columns: repeat(11, 1fr); }
	 .med-col-12 { grid-template-columns: repeat(12, 1fr); } 
  
	 .med-span-1 { grid-column: span 1;}
	 .med-span-2 { grid-column: span 2;}
	 .med-span-3 { grid-column: span 3;}
	 .med-span-4 { grid-column: span 4;}
	 .med-span-5 { grid-column: span 5;}
	 .med-span-6 { grid-column: span 6;}
	 .med-span-7 { grid-column: span 7;}
	 .med-span-8 { grid-column: span 8;}
	 .med-span-9 { grid-column: span 9;}
	 .med-span-10 { grid-column: span 10;}
	 .med-span-11 { grid-column: span 11;}
	 .med-span-12 { grid-column: span 12;} 
	 
	 .escudo-med {
		float: left;
		margin-top: -1.79em;
		display: block;
		width: 301px;
		height: 34px
	}
	
	.btn-flotante {
		/* font-size: 14px;
		padding: 12px 20px;
		bottom: 20px;
		right: 5px; */
		bottom: 85px;
	}
	
	.btn-flotante img {
		height: 30px;
		width: 30px;
	}
	
	.display-5 {
	 	font-size: 16px !important;
	 }
	 .mt-100 {
		margin-top: 10px;
	}
 }
 /* Tamaño Medio - pantallas */
 @media screen and (max-width: 1085px) {
	.vertical-center {
  		-ms-transform: translateY(10%) !important;
  		transform: translateY(10%) !important;
	}
 }
 
 /* Tamaño Pequeño - Mobiles */
 @media screen and (max-width: 576px) {
	 .peq-col-1 { grid-template-columns: repeat(1, 1fr); }
	 .peq-col-2 { grid-template-columns: repeat(2, 1fr); }
	 .peq-col-3 { grid-template-columns: repeat(3, 1fr); }
	 .peq-col-4 { grid-template-columns: repeat(4, 1fr); }
	 .peq-col-5 { grid-template-columns: repeat(5, 1fr); }
	 .peq-col-6 { grid-template-columns: repeat(6, 1fr); }
	 .peq-col-7 { grid-template-columns: repeat(7, 1fr); }
	 .peq-col-8 { grid-template-columns: repeat(8, 1fr); }
	 .peq-col-9 { grid-template-columns: repeat(9, 1fr); }
	 .peq-col-10 { grid-template-columns: repeat(10, 1fr); }
	 .peq-col-11 { grid-template-columns: repeat(11, 1fr); }
	 .peq-col-12 { grid-template-columns: repeat(12, 1fr); } 
  
	 .peq-span-1 { grid-column: span 1;}
	 .peq-span-2 { grid-column: span 2;}
	 .peq-span-3 { grid-column: span 3;}
	 .peq-span-4 { grid-column: span 4;}
	 .peq-span-5 { grid-column: span 5;}
	 .peq-span-6 { grid-column: span 6;}
	 .peq-span-7 { grid-column: span 7;}
	 .peq-span-8 { grid-column: span 8;}
	 .peq-span-9 { grid-column: span 9;}
	 .peq-span-10 { grid-column: span 10;}
	 .peq-span-11 { grid-column: span 11;}
	 .peq-span-12 { grid-column: span 12;} 
	 
	 .escudo-peq {
		float: left;
		clear: both;
		margin-top: -1.78em;
		border-bottom: none;
		display: block;
		width: 225px;
		height: 26px
	}
	
	.btn-flotante {
		/* font-size: 14px;
		padding: 12px 20px;
		bottom: 20px;
		right: 5px; */
		bottom: 100px;
	}
	
	.btn-flotante img {
		height: 25px;
		width: 25px;
	}
	
	.mt-100 {
		margin-top: 100px;
	}
	.contenedor-centrado {
		top: 100px;
	}
	
	.display-1 {
	 	font-weight: 700;
	 	font-size: 54px;
	 }
	 
	 .display-2 {
	 	font-weight: 700;
	 	font-size: 44px;
	 } 
	 
	 .display-3 {
	 	font-weight: 700;
	 	font-size: 34px;
	 } 
	 
	 .display-4 {
	 	font-weight: 700;
	 	font-size: 24px;
	 }
	 
	 .display-41 {
	 	font-weight: 700;
	 	font-size: 22px;
	 }
	 
	 .display-42 {
	 	font-weight: 700;
	 	font-size: 20px;
	 }
	 
	 .display-43 {
	 	font-weight: 700;
	 	font-size: 18px;
	 }
	 
	 .display-44 {
	 	font-weight: 700;
	 	font-size: 16px;
	 }
	 
	 .display-5 {
	 	font-weight: 700;
	 	font-size: 14px;
	 }
	 
	 .display-5-1 {
	 	font-weight: 700;
	 	font-size: 13px;
	 }
	 
	 .display-5-2 {
	 	font-weight: 700;
	 	font-size: 12px;
	 }
	 
	 .display-5-3 {
	 	font-weight: 700;
	 	font-size: 11px;
	 }
	 
	 .display-5-4 {
	 	font-weight: 700;
	 	font-size: 10px;
	 }
	 
	 .display-6 {
	 	font-weight: 700;
	 	font-size: 12px;
	 }
	 
	 .display-7 {
	 	font-weight: 700;
	 	font-size: 11px;
	 }
	
	 .display-8 {
	 	font-weight: 700;
	 	font-size: 10px;
	 }
	 
	 .contenedorAviso {
	 	top: 70px;
	 }
	 .contenedorCentrado {
	 	top: 90px;
	 }
 }
 
 
 
/***********************************************
 * COMPONENTES								   *
 ***********************************************/
 .card-tt {
 	padding: 40px;
 	background: #fff;
 	border-radius: 3px;
 	box-shadow: 0px 0px 30px rgba(221,221,211, 0.3);
 }
 
 #menuEspecial {
  overflow: hidden;
  display: block;
  margin: 0.5em 0 0;
  width: 100%;
 }

 #menuEspecial ul {
  font-size: 1em;
  font-weight: bold;
  margin: 0.1em 0;
  background-color: #ccc;
  text-align: right;
  height:21px;
 }

 #menuEspecial li {
  padding: 0;
  display: inline;
 }

 #menuEspecial a {
  color: #666;
  padding: 0 0.8em;
  text-decoration: none;
  border: none;
  line-height: 1.35em;
 }

 #menuEspecial a:hover {
  background-color: #fff;
 }

 #menuEspecial .on a {
  background-color: #fff;
  position: relative;
 }

 #menuEspecial .logo {
  float: right;
  top: -1px;
  background-color: #fff;
 }

 #menuEspecial .logo span {
  display: none;
 }

 #menuEspecial .logo h1 a {
    background: url(../images/logo.navarra.es.gif) no-repeat scroll left top transparent;
    display: block;
    height: 20px;
    padding: 0;
    width: 120px;
    margin-top: 0.1em;
    margin-left: 0.5em;
    margin-right: 0.5em;
 }

 .para-clear {
	clear: both;
 }
 
 .separacion-vertical {
	height: 10px;
 }
 
 .separacion-horizontal {
	width: 10px;
 }
 .escudo {
	float: left;
	margin-top: -1.0em;
	border-bottom: none;
	display: block;
	width: 337px;
	height: 38px;
 } 
 
 .escudo-pie {
 	margin-top:-2px; 
 }
 
 .pad-duplo {
 	padding-left: 5px;
 	padding-right: 5px; 
 }
 
 .pad-clear {
 	padding: 0px;
 }
 
 .margin-clear {
 	margin: 0px;
 }
 
 .aviso {
	/*background-image: url(../images/square_advertencia_red_128.png);*/
	/*background-repeat: no-repeat;*/
	/*background-position: left;*/
	padding: 9px 0 7px 30px;
	margin: 10px 0 0 10px;
	color: var(--color-rojo);
	text-align: center;
	/*font-family: Arial, Helvetica, Sans-serif*/
 }
 
 .fondo-rojo {
 	background: var(--color-rojo);
 }
 
 .fieldset {
 	width: 96% !important;
 	margin-left: 20px;
 	padding-left: 5px;
 	padding-right: 5px;
 }
 
 .fieldset legend {
 	width: 150px !important;
 }

.selectRadio td {
	padding-left: 5px;
	padding-right: 50px;
	margin-left: 10px;
	margin-right: 10px;
}

.selectRadio .selectCheckbox td label {
	padding-left: 15px !important;	
}

.dtHeader {
	background-color: var(--color-rojo) !important;
	color: var(--color-blanco) !important;
}

.dtHeader-centrado {
	vertical-align:middle !important;
	text-align: center !important;
}

.text-hover:hover {
	text-shadow: 2px 2px #B3B6B7;
}

.text-white-hover {
	color: var(--color-negroblanco);
}

.text-white-hover button:hover {
	color: var(--color-blanco) !important;
	background-color: var(--color-rojo);
}

/* .no-buttom,
.no-buttom:after,
.no-buttom:before,
.no-buttom:hover {
	background: none !important;
	background-repeat: no-repeat !important;
	background-image: none !important;
	background: transparent !important;
	
} */

.radio-button label {
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/* Cabiar el color de los check's */
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: var(--color-rojo);
  background-color:  var(--color-rojo);
}

.rf-pp-cntr {
	border: none !important;
}

.rf-pp-cnt-scrlr {
	border: 1px solid var(--color-rojo) !important;
	border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.rf-pp-hdr {
	background-color: var(--color-rojo) !important;
	background-image: none !important;	
	border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.rf-pp-shdw {
	border-radius: 5px !important;
}

.rf-fu {
	background-color: var(--color-blanco) !important;
    border: none !important;
}

.rf-fu-hdr {
	background-color: var(--color-rojo) !important;
    background-image: none !important;
    border-color: var(--color-rojo) !important;
    border-style: solid;
    border-width: 1px;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
    margin-left: 1px;
    margin-top: 1px;
    white-space: nowrap;
}

.btn-flotante {
	font-size: 16px; /* Cambiar el tamaño de la tipografia */
	text-transform: uppercase; /* Texto en mayusculas */
	font-weight: bold; /* Fuente en negrita o bold */
	color: var(--color-rojo); /* Color del texto */
	border-radius: 5px; /* Borde del boton */
	letter-spacing: 2px; /* Espacio entre letras */
	background-color: var(--color-fondo) !important; /* Color de fondo */
	/* padding: 18px 30px; */ /* Relleno del boton */
	position: fixed;
	bottom: 70px;
	left: 10px;
	/* left: 10%; */
	transition: all 300ms ease 0ms;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	z-index: 99 !important;
	background-image:none !important;
	background-repeat: no-repeat !important;
    border-width: 0px !important; 
}
.btn-flotante:hover {
	background-color: var(--color-fondo) !important; /* Color de fondo al pasar el cursor */
	box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
	transform: translateY(-7px);
}

.btn-flotante img {
	height:40px;
	width:40px;
	
}
.alert-danger-rojo {
    color: var(--color-blanco) !important;
    background-color: var(--color-rojo) !important;
    border-color: #f5c6cb;
}

.required:after {
	content: ' *';
	color: var(--color-rojo);
	font-weight: bold;
}

.required-l:before {
	content: '* ';
	color: var(--color-rojo);
	font-weight: bold;
}
.thead-red {
	background-color: var(--color-rojo);
	color: var(--color-blanco);
}

.clear-table table {
	clear: both;
}

rf-tt .top{
	position:relative !important;
    text-align:left;
}

.rf-tt-loading {
	background: black !important; 
}

.rf-tt-cnt {
	/* background: red !important; */ 
}

.rf-tt-cntr {
	border:1px solid #bf0404 !important;
	box-shadow:0 1px 8px rgba(0,0,0,0.5) !important;
	min-width:200px; 
    top:-10px;
    left:42%;
    transform:translate(-50%, -100%);
    padding:10px 20px;
    color:#444444;
    background-color:#ffffff;
    /* font-weight:normal;
    font-size:13px; */
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
}

.rf-tt-cntr .top {
   /*  min-width:200px; 
    top:-20px;
    left:50%;
    transform:translate(-50%, -100%);
    padding:10px 20px;
    color:#444444;
    background-color:#ffffff;
    font-weight:normal;
    font-size:13px;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    border:1px solid #bf0404;box-shadow:0 1px 8px rgba(0,0,0,0.5);
    visibility:hidden; opacity:0; transition:opacity 0.8s; */
}

.rf-tt-cntr:hover .top {
    /* visibility:visible; opacity:1; */
}

.rf-tt-cntr i {
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:12px;
    overflow:hidden;
}

.rf-tt-cntr i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:50%;
    transform:translate(-50%,-50%) rotate(45deg);
    background-color:#ffffff;
    border:1px solid #bf0404;box-shadow:0 1px 8px rgba(0,0,0,0.5);
}

.rf-au-fld {
	background-color: blue;
}

.accordionOver:hover {
	color: var(--color-blanco) !important;
}

.hidden {
	/* visibility: hidden; */
	display: none !important;
}

.visible {
	/* visibility: visible; */
	display:block !important;
}

.th-bgc-rojo {
	background-color: var(--colo-rojo) !important;
}


/***********************************************
 * BOTONES									   *
 ***********************************************/
button, 
input[type="reset"], 
input[type="submit"], 
input[type="button"] {
    border-color: var(--color-rojo) !important;
    border-radius: 3px !important;
    font-family: var(--fuente) !important;
    font-weight: 700;
 	font-size: 12px;
    color: var(--color-blanco) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--color-rojo);
    /* background-image: none !important; */
}

button:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover, 
input[type="button"]:hover {
	background-color: #e10505 !important;
}

.btn {
	background-image: inherit !important;
	margin-left: 25px !important;
	margin-right: 25px !important;
	overflow-wrap: break-word !important;
} 

.btn:hover {
	background-color: #e10505 !important;
}

.bgcolor-dr {
	background-color: var(--color-vdarkred) !important;
}

.bgcolor-r {
	background-color: var(--color-rojo) !important;
}
 
.btn-img-l {
	background-repeat: no-repeat !important; 
	background-position:left 5px center !important; 
	background-size: 20px 20px;
	padding-left: 20px !important;
}

.btn-img-r {
	background-repeat: no-repeat !important; 
	background-position:right 5px center !important; 
	background-size: 20px 20px;
	padding-right: 20px !important;
}

.btn-img-c {
	background-repeat: no-repeat !important; 
	background-position:center !important; 
	/*background-size: 20px 20px;
	padding-left: 20px !important;*/
}

.error-advertence {
	background-image:url('../images/error_advertencia_intitucional_512.png')!important;
}
	
.btn-arrow-wl {
	background-image:url('../images/square_left_white_128.png')!important;
}

.btn-arrow-wr {
	background-image:url('../images/square_right_white_128.png')!important;
}

.btn-exit-w {
	background-image:url('../images/square_exit_white_128.png')!important;
}

.btn-draft-w {
	background-image:url('../images/square_save_books_euro_white_128.png')!important;
}

.btn-plus-family-w {
	background-image:url('../images/square_family_plusfine_white_128.png')!important;
}

.btn-search-school-w {
	background-image:url('../images/square_search_school-white_128.png')!important;
}

.btn-close-w {
	background-image:url('../images/square_close_white_128.png')!important;
}

.btn-check-w {
	background-image:url('../images/square_check_bold_white_128.png')!important;
}

.btn-check-r {
	background-image:url('../images/square_check_bold_red_128.png')!important;
}

.btn-check-g {
	background-image:url('../images/square_check_bold_gray_128.png')!important;
}

.btn-logout-r {
	background-image:url('../images/square-log-out-red-128.png')!important;
}

.btn-logout-w {
	background-image:url('../images/square-log-out-white-128.png')!important;
}

.btn-download-pdf-w {
	background-image:url('../images/square_pdf-download-white_128.png')!important;
}

.btn-pdf-w {
	background-image:url('../images/square_pdf-format-white_128.png')!important;
}

.btn-add-document-w {
	background-image:url('../images/square_document_pluscircle_white_128.png')!important;
}

.btn-send-document-w {
	background-image:url('../images/square_export_send_white_128.png')!important;
}

.btn-print-pdf-w {
	background-image:url('../images/square_print_rtopen_white_128.png')!important;
}

.btn-writing-w {
	background-image:url('../images/square_writing_white_128.png')!important;
}

.btn-add-reutilizar-w {
	background-image:url('../images/square_reutilizar_white_128.png')!important;
}

.btn-add-w {
	background-image:url('../images/square_add_symbols_white_128.png')!important;
}

.btn-data-cleaning-w {
	background-image:url('../images/square_data_cleaning_brush_white_128.png')!important;
}
.arrow-display {
	display: block;
}

.arrow-no-display {
	display: none;
}


.border-gris-bottom {
	border-bottom: 1px solid #c0c0c0;
}
/***********************************************
 * FUENTES									   *
 ***********************************************/
 h1, h2, h3, h4, h5, h6 {
 	margin-top: 0;
 }
 
 .display-1 {
 	font-weight: 700 !important;
 	font-size: 64px !important;
 }
 
 .display-2 {
 	font-weight: 700 !important;
 	font-size: 54px !important;
 } 
 
 .display-3 {
 	font-weight: 700 !important;
 	font-size: 44px !important;
 } 
 
 .display-4 {
 	font-weight: 700 !important;
 	font-size: 34px !important;
 }
 
 .display-41 {
 	font-weight: 700 !important;
 	font-size: 32px !important;
 }
 
 .display-42 {
 	font-weight: 700 !important;
 	font-size: 30px !important;
 }
 
 .display-43 {
 	font-weight: 700 !important;
 	font-size: 28px !important;
 }
 
 .display-44 {
 	font-weight: 700 !important;
 	font-size: 26px !important;
 }
 
 .display-5 {
 	font-weight: 700 !important;
 	font-size: 24px !important;
 }
 
 .display-5-1 {
 	font-weight: 700 !important;
 	font-size: 22px !important;
 }
 
 .display-5-2 {
 	font-weight: 700 !important;
 	font-size: 20px !important;
 }
 
 .display-5-3 {
 	font-weight: 700 !important;
 	font-size: 18px !important;
 }
 
 .display-5-4 {
 	font-weight: 700 !important;
 	font-size: 16px !important;
 }
 
 .display-6 {
 	font-weight: 700 !important;
 	font-size: 14px !important;
 }
 
 .display-7 {
 	font-weight: 700 !important;
 	font-size: 12px !important;
 }

 .display-8 {
 	font-weight: 700 !important;
 	font-size: 10px !important;
 }
  
 .texto-1 {
 	font-weight: 300 !important;
 	font-size: 16px !important;
 }
 
 .texto-2 {
 	font-weight: 300 !important;
 	font-size: 14px !important;
 }
 
 .texto-3 {
 	font-weight: 300 !important;
 	font-size: 12px !important;
 }
 
 .texto-4 {
 	font-weight: 300 !important;
 	font-size: 10px !important;
 }
 
 .texto-5 {
 	font-weight: 300 !important;
 	font-size: 9px !important;
 }

 .texto-6 {
 	font-weight: 300 !important;
 	font-size: 8px !important;
 }
 
 .texto-centrado {
 	text-align: center;
 }
 
 .texto-idioma {
 	font-weight: 300 bold;
 	font-size: 12px;
 	text-decoration: none;
 }

 .texto-centrado {
 	text-align: center !important;
 }
 
 .texto-vertical-center {
  	writing-mode: vertical-lr;
  	transform: rotate(180deg);
  	margin-top:50%;
  	margin-bottom: 10%;
}
 .color-rojo {
 	color: var(--color-rojo);
 }
 
 .color-blanco {
 	color: var(--color-blanco);
 }
 
 .color-negro {
 	color: var(--color-negro);
 }
 
 .texto-bold {
 	font-weight:bold !important;
 }
 .texto-bolder {
 	font-weight:bolder !important;
 }
 /****************************************
 		TEXTOS 
  ****************************************/
 
 .wb-text {
 	word-break: break-all; 
 }
 
 .ofw-text {
 	overflow-wrap: break-word; 
 }
 
/*****************************************
		LAYOUT - MARGINES, PADDINGS ETC
*****************************************/
.m-0 {
	margin: 0px;
}

.m-auto {
	margin: auto;
}

.ml-auto {
	margin-left: auto;
}

.ml-0 {
	margin-left: 0px;
}

 .ml-5 {
 	margin-left: 5px !important;
 }
 
 .ml-10 {
 	margin-left: 10px !important;
 }
 
 .ml-15 {
 	margin-left: 15px !important;
 }
 
 .ml-20 {
 	margin-left: 20px !important;
 }
 
 .ml-25 {
 	margin-left: 25px !important;
 }
 
 .ml-30 {
 	margin-left: 30px !important;
 }
 
 .ml-35 {
 	margin-left: 35px !important;
 }
 
 .ml-40 {
 	margin-left: 40px !important;
 }
 
 .ml-45 {
 	margin-left: 45px !important;
 }
 
 .ml-50 {
 	margin-left: 50px !important;
 }
 
.mr-auto {
	margin-right: auto;
}
.mr-0 {
	margin-right: 0px;
}

 .mr-5 {
 	margin-right: 5px !important;
 }
 
 .mr-10 {
 	margin-right: 10px !important;
 }
 
 .mr-15 {
 	margin-right: 15px !important;
 }
 
 .mr-20 {
 	margin-right: 20px !important;
 }
 
 .mr-25 {
 	margin-right: 25px !important;
 } 
 .mr-30 {
 	margin-right: 30px !important;
 } 
 
 .mr-35 {
 	margin-right: 35px !important;
 } 
 
 .mr-40 {
 	margin-right: 40px !important;
 } 
 
 .mr-45 {
 	margin-right: 45px !important;
 } 
 
 .mr-50 {
 	margin-right: 50px !important;
 } 
 
 .mt-auto {
	margin-top: auto;
}

.mt-0 {
	margin-top: 0px;
}

 .mt-5 {
 	margin-top: 5px !important;
 }
 
 .mt-10 {
 	margin-top: 10px !important;
 }
 
 .mt-15 {
 	margin-top: 15px !important;
 }
 
 .mt-20 {
 	margin-top: 20px !important;
 }
 
 .mt-25 {
 	margin-top: 25px !important;
 } 

.mt-30 {
 	margin-top: 30px !important;
 } 
 
 .mt-35 {
 	margin-top: 35px !important;
 } 
 
 .mt-40 {
 	margin-top: 40px !important;
 } 
 
 .mt-45 {
 	margin-top: 45px !important;
 } 
 
 .mt-50 {
 	margin-top: 50px !important;
 } 
 
 .mt-75 {
 	margin-top: 75px !important;
 }
.mb-auto {
	margin-bottom: auto;
}

.mb-0 {
	margin-bottom: 0px;
}

 .mb-5 {
 	margin-bottom: 5px !important;
 }
 
 .mb-10 {
 	margin-bottom: 10px !important;
 }
 
 .mb-15 {
 	margin-bottom: 15px !important;
 }
 
 .mb-20 {
 	margin-bottom: 20px !important;
 }
 
 .mb-25 {
 	margin-bottom: 25px !important;
 } 
 
 .mb-30 {
 	margin-bottom: 30px !important;
 }
 
 .mb-35 {
 	margin-bottom: 35px !important;
 }
 
 .mb-40 {
 	margin-bottom: 40px !important;
 }
 
 .mb-45 {
 	margin-bottom: 45px !important;
 }
 
 .mb-50 {
 	margin-bottom: 50px !important;
 } 
 
 /* PADDING */
 .p-0 {
 	padding: 0px;
 }
 
 .pl-0 {
 	padding-left: 0px;
 }
 
 .pl-5 {
 	padding-left: 5px !important;
 }
 
 .pl-10 {
 	padding-left: 10px !important;
 }
 
 .pl-15 {
 	padding-left: 15px !important;
 }
 
 .pl-20 {
 	padding-left: 20px !important;
 }
 
 .pl-25 {
 	padding-left: 25px !important;
 }
 
 .pr-0 {
 	padding-right: 0px;
 }
 
 .pr-5 {
 	padding-right: 5px !important;
 }
 
 .pr-10 {
 	padding-right: 10px !important;
 }
 
 .pr-15 {
 	padding-right: 15px !important;
 }
 
 .pr-20 {
 	padding-right: 20px !important;
 }
 
 .pr-25 {
 	padding-right: 25px !important;
 } 
 
 .pt-0 {
 	padding-top: 0px;
 }
 
 .pt-5 {
 	padding-top: 5px !important;
 }
 
 .pt-10 {
 	padding-top: 10px !important;
 }
 
 .pt-15 {
 	padding-top: 15px !important;
 }
 
 .pt-20 {
 	padding-top: 20px !important;
 }
 
 .pt-25 {
 	padding-top: 25px !important;
 } 

.pb-0 {
	padding-bottom: 0px;
}

 .pb-5 {
 	padding-bottom: 5px !important;
 }
 
 .pb-10 {
 	padding-bottom: 10px !important;
 }
 
 .pb-15 {
 	padding-bottom: 15px !important;
 }
 
 .pb-20 {
 	padding-bottom: 20px !important;
 }
 
 .pb-25 {
 	padding-bottom: 25px !important;
 }
 
  .pb-30 {
 	padding-bottom: 30px !important;
 }
 
  .pb-35 {
 	padding-bottom: 35px !important;
 }
 
  .pb-40 {
 	padding-bottom: 40px !important;
 }
 
  .pb-45 {
 	padding-bottom: 45px !important;
 }
 
  .pb-50 {
 	padding-bottom: 50px !important;
 }
 
 /* Ancho */
 .w-5px {
 	width: 5px !important;
 } 

 .w-10px {
 	width: 10px !important;
 } 
 
 .w-15px {
 	width: 15px !important;
 } 
 
 .w-20px {
 	width: 20px !important;
 } 
 
 .w-25px {
 	width: 25px !important;
 } 
 
 .w-30px {
 	width: 30px !important;
 }
 
 .w-35px {
 	width: 35px !important;
 }
 
  .w-40px {
 	width: 40px !important;
 }
 
  .w-45px {
 	width: 45px !important;
 }
 
  .w-50px {
 	width: 50px !important;
 }
 
   .w-60px {
 	width: 60px !important;
 }
 
  .w-70px {
 	width: 70px !important;
 }
 
  .w-80px {
 	width: 90px !important;
 }
 
  .w-90px {
 	width: 90px !important;
 }
 .w-100px {
 	width: 100px !important;
 }
 
 .w-150px {
 	width: 150px !important;
 }
 
 .w-200px {
 	width: 200px !important;
 }
 
 .w-250px {
 	width: 250px !important;
 }
 
  .w-300px {
 	width: 300px !important;
 }
 
  .w-350px {
 	width: 350px !important;
 }
 
  .w-400px {
 	width: 400px !important;
 }
 
  .w-450px {
 	width: 450px !important;
 }
 
  .w-500px {
 	width: 500px !important;
 }
 .w-5p {
 	width: 5% !important;
 } 

 .w-10p {
 	width: 10% !important;
 } 
 
 .w-15p {
 	width: 15% !important;
 } 
 
 .w-20p {
 	width: 20% !important;
 } 
 
 .w-25p {
 	width: 25% !important;
 } 
 
 .w-30p {
 	width: 30% !important;
 }
 .w-35p {
 	width: 35% !important;
 }    
 .w-40p {
 	width: 40% !important;
 }    
 .w-45p {
 	width: 45% !important;
 }    
 .w-50p {
 	width: 50% !important;
 }    
 .w-55p {
 	width: 55% !important;
 }  
 
 .w-60p {
 	width: 60% !important;
 } 

 .w-65p {
 	width: 65% !important;
 } 
 
 .w-70p {
 	width: 70% !important;
 } 
 
 .w-75p {
 	width: 75% !important;
 } 
 
 .w-80p {
 	width: 80% !important;
 } 
 
 .w-85p {
 	width: 85% !important;
 }
 .w-90p {
 	width: 90% !important;
 }    
 .w-95p {
 	width: 95% !important;
 }    
 .w-98p {
 	width: 98% !important;
 }    
 .w-99p {
 	width: 99% !important;
 }    
 .w-100p {
 	width: 100% !important;
 }
 
 .h-5p {
 	height: 5% !important;
 } 

 .h-10p {
 	height: 10% !important;
 } 
 
 .h-15p {
 	height: 15% !important;
 } 
 
 .h-20p {
 	height: 20% !important;
 } 
 
 .h-25p {
 	height: 25% !important;
 } 
 
 .h-30p {
 	height: 30% !important;
 }
 .h-35p {
 	height: 35% !important;
 }    
 .h-40p {
 	height: 40% !important;
 }    
 .h-45p {
 	height: 45% !important;
 }    
 .h-50p {
 	height: 50% !important;
 }    
 .h-55p {
 	height: 55% !important;
 }  
 
 .h-60p {
 	height: 60% !important;
 } 

 .h-65p {
 	height: 65% !important;
 } 
 
 .h-70p {
 	height: 70% !important;
 } 
 
 .h-75p {
 	height: 75% !important;
 } 
 
 .h-80p {
 	height: 80% !important;
 } 
 
 .h-85p {
 	height: 85% !important;
 }
 .h-90p {
 	height: 90% !important;
 }    
 .h-95p {
 	height: 95% !important;
 }    
 .h-98p {
 	height: 98% !important;
 }    
 .h-99p {
 	height: 99% !important;
 }    
 .h-100p {
 	height: 100% !important;
 }
 .h-5px {
 	height: 5px !important;
 }
 
 .h-10px {
 	height: 10px !important;
 } 
 
 .h-15px {
 	height: 15px !important;
 } 
 
 .h-20px {
 	height: 20px !important;
 }
 
 .h-25px {
 	height: 25px !important;
 }
 
 .h-30px {
 	height: 30px !important;
 }
 
 .h-35px {
 	height: 35px !important;
 }
 
 .h-40px {
 	height: 40px !important;
 }
 
 .h-45px {
 	height: 45px !important;
 }
 
 .h-50px {
 	height: 50px !important;
 }  
 
 .overflow-auto {
 	overflow: auto;
 }
 
 /*****************************************
		DISPLAY
*****************************************/
.d-none {
	display: none;
}

.d-flex {
	display: flex;
}

.d-block {
	display: block;
}

.d-inline {
	display: inline;
}

.d-inline-block {
	display: inline-block;
}
 
/*****************************************
		TRANSICIONES
*****************************************/ 
 .efecto-1 {
 	transition: transform 250ms, opacity 400ms;
 	transition-timing-function: ease;
 }
 
/*****************************************
		BARRA DE PASOS
*****************************************/
 	#progressbar {	
    	/* margin-bottom: 15px; */
    	overflow: hidden;
    	color: lightgrey;
    	width:80%; 
    	margin:auto;
/*     	border:1px solid black; */
 	}
 	#progressbar .active {color: #b70202;}
	#progressbar ul {display: block;}
 	#progressbar li {
    	list-style-type: none;
    	font-size: 10px;
    	width: 10%;
    	float: left;
    	position: relative;
    	font-weight: 300;
		text-align: center;
		z-index: 1;
 	}
 	#progressbar li:before {
    	width: 25px;
    	height: 25px;
    	line-height: 25px;
    	display: block;
    	font-size: 12px;
    	color: #ffffff;
    	background: lightgray;
    	border-radius: 50%;
    	margin: 0 auto 7px auto;
    	padding: 1px;
 	}
 	#progressbar li:after {
    	content: '';
    	width: 100%;
    	height: 2px;
    	background: lightgray;
    	position: absolute;
    	left: 0;
    	top: 12px;
    	z-index: -1;
 	}
 	#progressbar li.active:before,
 	#progressbar li.active:after {
		font-weight: bold;
    	background: #b70202;
 	}
	
	#progressbar #solrepSolicitud:before {
	    content: "1"
	}
	
	#progressbar #otrosSolicitud:before {
	    content: "2"
	}

	#progressbar #famSolicitud:before {
	    content: "3"
	}
	
	#progressbar #solSolicitud:before {
	    content: "4"
	}
	
	#progressbar #conSolicitud:before {
	    content: "5"
	}
	
	#progressbar #adjSolicitud:before {
	    content: "6"
	}
	
	#progressbar #enviarSolicitud:before {
	    content: "7"
	}
	
	#progressbar #finSolicitud:before {
	    content: "8"
	}

/******************************************
CAMBIAR BOOTSTRAP CSS DEFAULT
*******************************************/
.custom-switch 
.custom-control-input:checked ~ 
.custom-control-label::before {
  background-color: rgba(191, 4, 4, 0.5) !important;
  box-shadow: 0 0 0 0.2rem rgba(191, 4, 4, 0.25) !important;
  border-color: var(--color-rojo) !important;
}

.custom-checkbox 
.custom-control-input:checked ~ 
.custom-control-label::before {
  border-color: var(--color-rojo) !important;
  background-color: var(--color-rojo) !important;
}

.custom-radio
.custom-control-label::before{border-radius:50%}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23bf0404'/%3e%3c/svg%3e") !important;
}

.custom-radio
.custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(191,4,4,.5)}

.custom-radio  {
	
}

#idiomaComunica td input[type=radio i]
#idiomaComunica td input[type=radio i]:checked ~ 
#idiomaComunica td label::before {
	border-color: var(--color-rojo) !important;
  	background-color: var(--color-rojo) !important;
}

#idiomaComunica td input[type=radio i]
#idiomaComunica td input[type=radio i]:checked~
#idiomaComunica td input[type=radio i]::after {
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23bf0404'/%3e%3c/svg%3e") !important;
}

.mayusculas {
	text-transform: uppercase;
}

/******************************************
  SIDE BAR COLLAPSE
*******************************************/
/* #nav-collapse-menu {
    width: 40px;
    height: 40px;
    background: #f5f5f5;
    cursor: pointer;
    box-shadow: none;
    outline: none !important;
    border: none;
}

#nav-collapse-menu button:hover {
	background: #fff; 
}

.icon-bar {
    width: 90%;
    height: 2px;
    margin: 0 auto;
    display: block;
    background: #1d1d1b;
    transition: all 0.8s cubic-bezier(0.810, -0.330, 0.345, 1.375);
    transition-delay: 0.2s;
} */

/* .top-bar {
	margin:5px 0 0 0;
}

.middle-bar {
	margin: 10px 0 0 0;
}

.bottom-bar {
	margin:10px 0 0 0;
} */

/* .icon-bar span:first-of-type {
    transform: rotate(45deg) translate(2px, 2px);
}
.icon-bar span:nth-of-type(2) {
    opacity: 0;
}
.icon-bar span:last-of-type {
    transform: rotate(-45deg) translate(1px, -1px);
}
 */

#nav-collapse-menu {
    width: 40px;
    height: 40px;
    background: #f5f5f5;
    cursor: pointer;
}

#nav-collapse-menu span {
    width: 90%;
    height: 2px;
    margin: 0 auto;
    display: block;
    background: #555;
    transition: all 0.8s cubic-bezier(0.810, -0.330, 0.345, 1.375);
    transition-delay: 0.2s;
}

#nav-collapse-menu span:first-of-type {
    transform: rotate(45deg) translate(2px, 2px);
}
#nav-collapse-menu span:nth-of-type(2) {
    opacity: 0;
}
#nav-collapse-menu span:last-of-type {
    transform: rotate(-45deg) translate(1px, -1px);
}

#nav-collapse-menu.active span {
    transform: none;
    opacity: 1;
    margin: 5px auto;
}

#migas li:after {
	content: '|';
	color: var(--color-negro);
	font-weight: bolder;
}

/******************************************
  BREADCRUMB
*******************************************/
.breadcrumb.breadcrumb-custom {
    padding: 0 0;
    border-color: #dbe3e6;
}

/* .breadcrumb {
    border: 1px solid #f3f3f3;
} */

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0.57rem 1.13rem;
    margin-bottom: 0.5rem;
    list-style: none;
    background-color: transparent;
    border-radius: 0.15rem;
} 

.breadcrumb.breadcrumb-custom .breadcrumb-item {
    font-size: 0.875rem;
    font-weight: bold;
    background: #dbe3e6;
    padding: 0.57rem 10px;
    color: #000;
    display: inline-block;
    vertical-align: top;
}

.breadcrumb.breadcrumb-custom .breadcrumb-item:before {
    content: "";
}

.breadcrumb.breadcrumb-custom .breadcrumb-item a {
    position: relative;
    color: inherit;
    /* border: 1px solid #dbe3e6; */
    display: inline-block;
    vertical-align: top;
}

.breadcrumb.breadcrumb-custom .breadcrumb-item a:before {
    right: -22px;
    z-index: 3;
    border-left-color: #dbe3e6;
    border-left-style: solid;
    border-left-width: 12px;
}

/* .breadcrumb.breadcrumb-custom .breadcrumb-item.active a:after,
.breadcrumb.breadcrumb-custom .breadcrumb-item.active a:before {
    right: -23px;
    z-index: 3;
    border-left-color: transparent;
    border-left-style: solid;
    border-left-width: 12px;
} */

.breadcrumb.breadcrumb-custom .breadcrumb-item a:after {
    border-top: 21px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 12px solid #ffffff;
    top: -9px;
    right: -23px;
}

.breadcrumb.breadcrumb-custom .breadcrumb-item:last-child {
    background: transparent;
} 

/* .breadcrumb.breadcrumb-custom .breadcrumb-item .active:last-child  a:after {
    background: transparent;
} 
 */
.breadcrumb.breadcrumb-custom .breadcrumb-item:before {
    content: "";
}
.breadcrumb.breadcrumb-custom .breadcrumb-item a:before, .breadcrumb.breadcrumb-custom .breadcrumb-item a:after {
    position: absolute;
    top: -9px;
    width: 0;
    height: 0;
    content: "";
    border-top: 21px solid transparent;
    border-bottom: 21px solid transparent;
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #6c757d;
    content: "/";
}

.breadcrumb.breadcrumb-custom .breadcrumb-item a:link{
    text-decoration:none;
}

/******************************************
  DATATABLE JSF
*******************************************/

.headerDatatableUF {
	
}

.background-wrapper {
    min-height: 100vh;
    background-image: url("../images/lapiz-roto.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}