* {
	box-sizing: border-box;
	scroll-behavior: smooth;
	--corner-radius: 5px;
	--view-border-separation: 1em;
	/*--colores principales--*/
	--color-digsig-primary: #5095B6;
	--color-digsig-secundary: #343E47;
	--color-digsig-terciary: #676977;
	--color-red-toennjes: #B30000;
	/*--colores lights--*/
	--color-blanco: #FFFFFF;
	--color-light: #f8f8f8;
	/*---grises--*/
	--color-digsig-gris1: #676C6E;
	--color-digsig-gris2: #899198;
	--color-digsig-gris3: #B0B5BA;
	--color-digsig-gris4: #D8DADC;
	--color-digsig-gris5: #f4f4f4;
	/*---colores estados digsig----*/
	--color-digsig-incompleto: #4FABD8;
	--color-digsig-completo: #7FB964;
	--color-digsig-validation-error: #CA4242;
	--color-digsig-reject: #CA4242;
	/*---colores dark--*/
	--color-darkmode1: #000000;
	--color-darkmode2: #101010;
	--color-darkmode3: #1E1E1E;
	--color-darkmode4: #292727;
	--color-overlay-darkmode: rgba(96, 93, 93, .5);
	--color-gray: #dadcdc;
	--color-button: #328EBA;
	--color-digsig-validation-green: #7FB964;
	--color-digsig-validation-red: #CA4242;
	--color-gray: #676977;
	--color-gray-dark: #343E47;
	--color-gray-0: #F4F4F4;
	--color-gray-1: #D8DADC;
	--color-gray-2: #B0B5BA;
	--color-gray-3: #676C6E;
	--color-gray-4: #676C6E;
	--color-gris1: #676C6E;
	padding: 0;
	margin: 0;
	font-family: outfit-semibold, sans-serif;
}

body {
	height: 100vh; /* Esto asegura que el contenedor ocupe el 100% de la altura de la pantalla */
	margin: 0; /* Elimina el margen predeterminado del cuerpo */
	background-color: white !important;
	overflow-x: hidden;
}

/*--titulares---*/
h3 {
	font-size: 27px;
	line-height: 32px;
	margin: 0;
}

h4 {
	font-size: 21px;
	line-height: 25px;
	margin: 0;
	-webkit-text-stroke: 0.15px;
}

h5 {
	font-size: 18px;
	line-height: 22px;
	margin: 0
}

/*---estilos de alineamiento---*/
.row_d {
	display: flex;
	flex-wrap: wrap;
}

.nowrap_d {
	flex-wrap: nowrap;
}
/*--alineacion horizontal--*/
.justify-start {
	justify-content: flex-start;
}

.justify-center {
	justify-content: center;
}

.justify-end {
	justify-content: flex-end;
}

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

.justify-around {
	justify-content: space-around;
}
/*---alineacion vertical---*/
.align-items-start {
	align-items: flex-start;
}

.align-items-center {
	align-items: center;
}

.align-items-end {
	align-items: flex-end;
}

/*----ESTILOS GENERALES-----*/
img {
	max-width: 100%;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

:root {
	--light: #d8dbe0;
	--dark: #28292c;
	--link: rgb(27, 129, 112);
	--link-hover: rgb(24, 94, 82);
}

/*---ALINEAMIENTO-----*/
.center {
	text-align: center;
	/*flex-direction: column;*/
	/* align-items: center; Centra horizontalmente */
	/* justify-content: center; Centra verticalmente */
	/* height: 60vh; Ajusta la altura según tus necesidades */
}

/*---------FONTS-----------*/
@font-face {
	font-family: 'outfit-light';
	src: url('../font/Outfit-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'outfit-semibold';
	src: url('../font/Outfit-SemiBold.ttf') format('truetype');
}

@font-face {
	font-family: 'outfit-bold';
	src: url('../font/Outfit-Bold.ttf') format('truetype');
}

/*-----HEADER------*/

#btnOfficialSite {
	background: white;
	color: var(--color-digsig-completo) !important;
}

.body_home header {
	padding: 10px 20px;
	position: absolute;
	top: 20px;
	left: 0;
	z-index: 1000;
	width: 100%;
	background: transparent;
}

header {
	position: relative;
	background-color: var(--color-blanco);
	padding: 10px 20px;
}

img#logo_header,
.logo_headnav {
	height: 50px;
	width: 50px;
	border-radius: 50%;
	object-fit: contain;
}

.navbar-brand {
	display: flex;
	align-items: center;
	gap: 12px;
}

.brand-gobpan {
	display: none;
	height: 60px;
	width: auto;
}

.body_home .brand-gobpan {
	display: block;
}

.brand-separator {
	display: inline-block;
	width: 1px;
	height: 50px;
	background: #c9c9c9;
}

.brand-attt-lateral {
	height: 40px;
	width: auto;
}

.institutional-footer {
	background: #343E47;
	color: #fff;
	text-align: center;
	padding: 10px 20px;
	font-size: 14px;
}

.institutional-footer p {
	margin: 0;
}

.body_home .institutional-footer {
	display: none;
}

body:not(.body_home) #result-content {
	display: none;
}

#menuToggle, .capa_overlay_men {
	display: none;
}
/*--NAV--*/
#nav {
	padding-left: 5px;
}

	#nav .li_hide {
		display: none !important;
	}

	#nav .nav_item {
		display: block;
	}

		#nav .nav_item a {
			color: var(--color-digsig-secundary);
			display: block;
			padding: 12px 15px;
			font-size: 16px;
			line-height: 22px;
		}

			#nav .nav_item a .icono {
				margin-right: 7px;
				position: relative;
				top: 1px;
			}

			#nav .nav_item a.rightIcon .icono {
				margin-left: 7px;
				margin-right: 0;
			}

/*-----HOME-------*/
.container_home {
	max-width: 800px;
	margin: auto;
	width: 90%;
}

/*---IDIOMAS---- CON SELECT 2*/
.select2-dropdown {
	background-color: transparent !important
}

#selectculture + .select2 .select2-selection {
	background: var(--color-blanco);
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 3px;
	position: relative;
	height: 45px;
	padding: 0px 35px 0 20px;
}

	#selectculture + .select2 .select2-selection .select2-selection__rendered {
		padding: 0;
		display: flex;
		height: 100%;
		align-items: center;
		line-height: inherit;
	}

		#selectculture + .select2 .select2-selection .select2-selection__rendered > span {
			display: inherit !important;
		}

		#selectculture + .select2 .select2-selection .select2-selection__rendered img {
			display: none;
		}

		#selectculture + .select2 .select2-selection .select2-selection__rendered::before {
			content: "\e913";
			font-family: 'icomoon';
			margin-right: 10px;
			position: relative;
			margin-top: 1px;
			font-size: 18px;
			line-height: 18px;
		}

	#selectculture + .select2 .select2-selection .select2-selection__arrow {
		height: 100%;
		position: absolute;
		top: 1px;
		right: 1px;
		width: 33px;
	}

		#selectculture + .select2 .select2-selection .select2-selection__arrow b {
			border: none;
			margin: 0;
			left: unset;
			right: 0;
			position: relative;
			top: 0;
			line-height: 43px;
		}

			#selectculture + .select2 .select2-selection .select2-selection__arrow b::before {
				content: "\f107";
				font-family: 'Font Awesome 6 Free';
				font-weight: 900;
			}

/*---idioma options---*/
span.select2-dropdown.select2-dropdown--below {
	border: none !important;
}

#select2-selectculture-results {
	box-shadow: 0 0 80px rgba(0,0,0,.1);
	border-radius: 5px;
	background: #fff;
}

	#select2-selectculture-results .select2-results__option {
		border-bottom: 1px solid rgba(0,0,0,.06);
		padding: 8px 12px 8px 12px;
		position: relative;
		display: flex;
	}

		#select2-selectculture-results .select2-results__option::before {
			content: "\f105";
			font-family: 'Font Awesome 6 Free';
			font-weight: 900;
			margin-right: 7px;
			font-size: 14px;
			margin-top: 2px;
		}

		#select2-selectculture-results .select2-results__option img {
			display: none;
		}

		#select2-selectculture-results .select2-results__option:hover, #select2-selectculture-results .select2-results__option--highlighted[aria-selected], #select2-selectculture-results .select2-results__option[aria-selected=true] {
			background: var(--color-blanco);
			color: var(--color-digsig-primary);
		}

		#select2-selectculture-results .select2-results__option:hover, #select2-selectculture-results .select2-results__option--highlighted[aria-selected] {
			box-shadow: none
		}

		#select2-selectculture-results .select2-results__option[aria-selected=true] {
			box-shadow: 4px 0 0 0 var(--color-digsig-primary) inset;
		}


/*----IDIOMA CON BOOSTRAP SELECT------*/
#selectLanguage .dropdown.bootstrap-select {
	width: 100%;
}

#selectculture + button {
	background: var(--color-blanco);
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 5px;
	position: relative;
	height: 50px;
	padding: 5px 5px 5px 12px;
	color: var(--color-digsig-gris1);
	display: block;
	width: 175px;
}

	#selectculture + button .filter-option {
		display: flex;
		align-items: center;
		padding-right: 45px;
		position: relative;
		height: 100%;
	}

	#selectculture + button .filter-option-inner {
		height: 100%;
	}

	#selectculture + button .filter-option .lb_combo_lg {
		font-size: 13px;
		line-height: 17px;
		display: block;
	}

	#selectculture + button .filter-option .filter-option-inner-inner {
		font-size: 16px;
		color: var(--color-digsig-secundary);
		margin-top: -3px;
	}

	#selectculture + button .filter-option::before {
		content: "\e913";
		font-family: 'icomoon';
		margin-right: 10px;
		position: relative;
		font-size: 24px;
		color: var(--color-digsig-secundary);
	}

	#selectculture + button .filter-option::after {
		position: absolute;
		top: 0;
		right: 0;
		width: auto;
		height: 100%;
		background: var(--color-digsig-gris5);
		content: "\f107";
		font-family: 'Font Awesome 6 Free';
		line-height: 40px;
		padding: 0 4px;
		font-size: 12px;
		border-radius: 3px;
		-webkit-text-stroke: 0.5px;
		border: none;
		margin: 0;
		color: var(--color-digsig-secundary);
	}

	#selectculture + button:focus {
		box-shadow: none;
		outline: none !important;
	}

	#selectculture + button::after {
		display: none;
	}

/*-options-*/
.selectpicker + button + .dropdown-menu {
	border: none;
	box-shadow: 0 0 80px rgba(0,0,0,.1);
	border-radius: 2px 2px 7px 7px;
	padding: 0;
	background: transparent;
}

	.selectpicker + button + .dropdown-menu ul {
		background: transparent;
	}

	.selectpicker + button + .dropdown-menu a {
		color: var(--color-digsig-gris1);
		padding: 8px 18px;
		/* border-bottom: 1px solid rgba(0,0,0,.08); */
		background: var(--color-blanco);
	}

		.selectpicker + button + .dropdown-menu a::before {
			content: "\f105";
			font-family: 'Font Awesome 6 Free';
			font-weight: 900;
			margin-right: 7px;
			font-size: 13px;
			margin-top: 2px;
		}

		.selectpicker + button + .dropdown-menu a.active, .selectpicker + button + .dropdown-menu a:active {
			background: var(--color-blanco);
			color: var(--color-digsig-primary);
			box-shadow: 4px 0 0 0 var(--color-digsig-primary) inset;
		}

	.selectpicker + button + .dropdown-menu .dropdown-item:focus, .selectpicker + button + .dropdown-menu .dropdown-item:hover {
		background: var(--color-blanco);
		color: var(--color-digsig-primary);
	}

/*---opciones select en forma de radio---*/
.selectpicker.select_rb + button {
	display: none;
}

	.selectpicker.select_rb + button + .dropdown-menu {
		border: none;
		box-shadow: none !important;
		border-radius: 0 !important;
		background: transparent;
		display: block !Important;
		transform: inherit !Important;
		position: relative !important;
		padding: 2px 20px 20px 20px;
		max-height: 100% !Important;
	}
		/*---medidas de cada parte en orden---*/ /*---title, buscador, boton, padding superior opciones---*/
		.selectpicker.select_rb + button + .dropdown-menu > .inner {
			height: 100% !Important;
			overflow-y: auto !important;
			max-height: calc(100vh - (65px + 60px + 91.5px + 20px)) !Important;
		}

		.selectpicker.select_rb + button + .dropdown-menu ul.dropdown-menu.inner {
			height: 100% !Important;
		}

		.selectpicker.select_rb + button + .dropdown-menu > .inner::-webkit-scrollbar {
			width: 10px;
			background: var(--color-blanco);
			box-shadow: none !important;
		}

		.selectpicker.select_rb + button + .dropdown-menu > .inner::-webkit-scrollbar-thumb {
			background: var(--color-digsig-primary);
			border-radius: 10px;
			border-left: 2.8px solid #fff
		}

		.selectpicker.select_rb + button + .dropdown-menu > .inner::-webkit-scrollbar-track {
			box-shadow: none
		}

.dropdown.bootstrap-select.select_rb {
	width: 100% !Important;
}
/*-buscador-*/
.selectpicker.select_rb + button + .dropdown-menu .bs-searchbox {
	margin-bottom: 15px;
	padding: 0;
	position: relative;
}

	.selectpicker.select_rb + button + .dropdown-menu .bs-searchbox::after {
		content: "\e91a";
		position: absolute;
		top: 9px;
		left: 14px;
		font-family: icomoon;
		color: var(--color-digsig-gris3);
	}

	.selectpicker.select_rb + button + .dropdown-menu .bs-searchbox .form-control {
		height: 45px;
		padding: 10px 10px 10px 38px;
	}

		.selectpicker.select_rb + button + .dropdown-menu .bs-searchbox .form-control::placeholder {
			color: var(--color-digsig-gris3);
		}

		.selectpicker.select_rb + button + .dropdown-menu .bs-searchbox .form-control:focus {
			box-shadow: 0 0 0 2px var(--color-digsig-gris4) !important;
		}

/*--opciones---*/
.selectpicker.select_rb + button + .dropdown-menu a {
	border-radius: 5px;
	padding: 10px 17px;
	transition: all .3s;
}

	.selectpicker.select_rb + button + .dropdown-menu a.active, .selectpicker.select_rb + button + .dropdown-menu a:active, .selectpicker.select_rb + button + .dropdown-menu a:hover {
		background: var(--color-blanco);
		color: var(--color-digsig-primary);
		box-shadow: none;
	}

	.selectpicker.select_rb + button + .dropdown-menu a.active {
		box-shadow: 0 0 0 2px var(--color-digsig-primary) inset;
	}

	.selectpicker.select_rb + button + .dropdown-menu a::before {
		content: "";
		margin-right: 7px;
		border: 1px solid var(--color-digsig-gris2);
		width: 13px;
		height: 13px;
		display: inline-block;
		border-radius: 50%;
		position: relative;
		top: 1px;
	}

	.selectpicker.select_rb + button + .dropdown-menu a:hover::before {
		box-shadow: 0 0 0 1px var(--color-digsig-primary);
	}

	.selectpicker.select_rb + button + .dropdown-menu a.active:hover::before {
		box-shadow: none;
	}

	.selectpicker.select_rb + button + .dropdown-menu a.active::before {
		content: "\e90d";
		font-family: 'icomoon';
		border: none;
		top: 0;
	}

.selectpicker.select_rb + button + .dropdown-menu li.no-results {
	padding: 10px 15px !important;
	border-radius: 5px;
	color: var(--color-digsig-validation-error);
}

/*---SWITCHER datalanguage-----*/
.body_home .switch_datalg {
	display: none;
}

.body_main .switch_datalg {
	display: flex;
}

.switch_datalg {
	border: 1px solid rgba(0,0,0,.2);
	padding: 5px 5px 5px 12px;
	border-radius: 5px;
	align-items: center;
	cursor: pointer;
	height: 50px;
	margin-left: 15px;
}

.switch_datalg1 {
	position: relative;
	display: flex;
	align-items: center;
	width: 220px;
}

	.switch_datalg1::before {
		position: absolute;
		top: 0;
		right: 0;
		width: auto;
		height: 100%;
		background: var(--color-digsig-gris5);
		content: "\f105";
		font-family: 'Font Awesome 6 Free';
		line-height: 40px;
		padding: 0 6px;
		font-size: 12px;
		border-radius: 3px;
		-webkit-text-stroke: 0.5px;
		border: none;
		margin: 0;
	}

header .switch_datalg .switch_datalg_lh {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.lb_combo {
	margin-bottom: -3px;
	font-size: 13px;
	line-height: 16px;
	color: var(--color-digsig-gris1);
	font-weight: 300;
}

.switch_datalg .icono_lgdt {
	margin-right: 12px;
	margin-top: 5px;
}

	.switch_datalg .icono_lgdt .icono {
		font-size: 28px;
	}

label.id_select {
	font-size: 16px;
}

/*----SIDEBAR DATALANGUAGE------*/
aside#SideLangData {
	max-width: 330px;
	width: 90%;
	position: fixed;
	background: var(--color-blanco);
	top: 0;
	right: -100%;
	height: 100vh;
	z-index: 1001;
	transition: all .4s;
}

	aside#SideLangData.mostraraside {
		right: 0;
	}

.popup_sidebarlang {
	z-index: 1000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,.5);
	transition: all .4s;
	opacity: 0;
	visibility: hidden;
}

	.popup_sidebarlang.mostrarpopup_sidebarlang {
		opacity: 1;
		visibility: visible
	}

.title_side {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px;
	position: relative;
}

	.title_side h4 {
		text-align: left;
	}

	.title_side .boton-redondo {
		position: relative;
		top: 0;
		left: 0;
		width: 30px;
		height: 30px;
		display: block;
		margin-left: 2px;
		font-size: 16px;
	}

.footer_sideb_Lg {
	position: absolute;
	width: 100%;
	left: 0;
	padding: 20px;
	border-top: 1px solid rgba(0,0,0,.1);
	z-index: 9999;
	background: #fff;
}

	.footer_sideb_Lg .btn_td {
		width: 100%;
	}

/*--OPTIONS----*/
#SideLangData .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	width: 100%;
}




/*---botones----*/
.btn_td {
	border: none;
	background: var(--color-digsig-primary);
	color: var(--color-blanco);
	padding: 14px 20px;
	border-radius: 5px;
	transition: all .4s;
}

.btnOpenNFC {
	height: auto !important
}

.btn_td.btn_100 {
	width: 100%;
}
/*-icono por defecto-*/
.btn_td.btn_iconoDef::after {
	content: "\e920";
	font-family: 'icomoon';
	font-size: 14px;
	margin-left: 7px;
	top: 1px;
	position: relative;
}

/*--nada icono---*/
.btn_td.btn_SinIco::after {
	display: none;
}

/*-con icono-*/
.btn_td .icono {
	margin-right: 5px;
}
/*-solo icono-*/
.btn_td.btn_onlyIcon .icono, .btn_td.btn_onlyIcon.btn_iconoDef::after {
	margin: 0;
}

/*-con icono a la derecha-*/
.btn_td.btn_right .icono {
	margin-left: 5px;
}

/*--hover---*/
.btn_td.btn_primary:hover {
	background: var(--color-digsig-incompleto);
	box-shadow: 0 0 80px rgba(0,0,0,.1);
}

/*----BTN SECUNDARY----*/
.btn_td.btn_secundary {
	border: none;
	background: var(--color-digsig-secundary);
}

/*----BTN TERCIARIO----*/
.btn_td.btn_terciary {
	border: none;
	background: var(--color-digsig-terciary);
}

/*----BTN INCOMPLETE----*/
.btn_td.btn_incomplete {
	border: none;
	background: var(--color-digsig-incompleto);
}

/*----BTN COMPLETE----*/
.btn_td.btn_complete {
	border: none;
	background: var(--color-digsig-completo);
}

/*---BTN REJECTED----*/
.btn_td.btn_rejected {
	border: none;
	background: var(--color-digsig-validation-error);
}

/*-----TOGGLE MODE-----*/
.darkModeMobile {
	display: none;
}

.modeDesktop {
	display: block;
}

.mode_head {
	margin-right: 20px;
}

.toggle-switch, .mode_head {
	height: 36px;
}

.toggle-switch {
	margin: 0;
	padding: 0;
	width: 62px;
	border: none;
	outline: none;
	overflow: hidden;
	position: relative;
	border-radius: 50px;
	display: inline-block;
	background: var(--color-gray-light);
	cursor: pointer;
}

	.toggle-switch, .toggle-switch:before, .toggle-switch:after {
		transition: all var(--animate) ease-in-out;
	}

		.toggle-switch::before {
			content: "\e905";
			left: 5px;
			position: absolute;
			width: 29px;
			height: 29px;
			font-family: 'icomoon';
			top: 50%;
			font-size: 19px;
			background: var(--color-digsig-gris4);
			border-radius: 50%;
			transform: translate(0, -50%);
			line-height: 28px;
			color: var(--color-digsig-primary);
			transition: transform .4s;
		}
/*--Mode dark--*/
body.dark .toggle-switch {
	background: #1E1E1E;
}

	body.dark .toggle-switch::before {
		content: "\e900";
		color: var(--color-blanco);
		background: #000;
		transform: translate(calc(100% - 5px), -50%);
	}

/*---body home---*/
.body_home main {
	width: 100%;
	min-height: 100vh;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}

.header__top {
	display: none;
}

.body_home #nav, .body_home #logo_header, #menuToggle {
	display: none;
}

.body_home footer {
	width: 98%;
	text-align: start;
	display: block;
	position: relative;
	left: 1%
}

footer, #nav, #logo_header {
	display: block;
}

	footer p {
		text-align: center !important;
	}

/*---input----*/
input {
	width: 100%;
	height: calc(3em + 2px);
	margin: 0;
	border: 1px solid rgba(0, 0, 0, .15) !important;
	border-radius: 5px !important;
	background: var(--color-blanco);
	resize: none;
	outline: none;
}

	input:focus {
		box-shadow: 0 0 0 3px var(--color-digsig-primary) !important;
		border-color: transparent !important;
		transition: all .4s;
	}

/*----FORMULARIOS----*/
.frm_material .input-group {
	padding: 6px;
}

.frm_material .input_group_lh {
	position: relative;
	width: 100%;
}
/*----INPUTS----*/
.frm_material input.inp_txt {
	width: 100%;
	padding: 1em;
	background: var(--color-blanco);
}

/*---label---*/
.frm_material .form-label {
	position: absolute;
	top: 50%;
	left: 18px;
	cursor: inherit;
	margin-bottom: 0;
	color: var(--color-digsig-gris2);
	transition: all .3s;
	background: var(--color-blanco) !important;
	font-weight: 600;
	transform: translatey(-60%);
	z-index: 3;
}

/*--input con icono---*/
.frm_material .inp_icono input {
	padding: 1em 1em 1em 3.2em;
}

.frm_material .inp_icono .form-label {
	left: 50px;
}

.frm_material .inp_icono .icono {
	position: absolute;
	left: 18px;
	font-size: 22px;
	top: calc(50% - 13px);
}

	.frm_material .inp_icono .icono::before {
		color: var(--color-digsig-gris2);
	}
/*----INPUTS  BROWSER---*/
.frm_material .inp_txt:-webkit-autofill, .frm_material .inp_txt:-webkit-autofill:hover, .frm_material .inp_txt:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 40rem var(--color-blanco) inset, 0 0px 0 3px var(--color-digsig-primary) !important;
	border: 1px solid rgba(0,0,0,.1) !important;
}

	.frm_material .inp_txt:-webkit-autofill + .form-label, .frm_material .input_group_lh.inp_active .inp_txt:-webkit-autofill + .form-label {
		color: var(--color-digsig-primary);
	}
/*---validaciones----*/
.frm_material input:focus + .form-label, .frm_material .input_group_lh.inp_active .form-label {
	top: -1%;
	padding: 0 5px;
	font-size: 12.5px;
	color: var(--color-digsig-primary);
	left: 10px;
}

.frm_material .input_group_lh.inp_active .form-label {
	color: var(--color-digsig-gris1);
}

.frm_material .input_group_lh.inp_active input:focus + .form-label {
	color: var(--color-digsig-primary);
}
/*---validaciones error---*/
.frm_material input.inp_txt.is-invalid {
	box-shadow: 0 0px 0 3px var(--color-digsig-validation-red) !important;
}

	.frm_material input.inp_txt.is-invalid + .lab_inp, .frm_material .input_group_lh.inp_active input.inp_txt.is-invalid + .lab_inp {
		color: var(--color-digsig-validation-red)
	}

/*--mensajes validacion error---*/
.frm_material .invalid-feedback {
	background: var(--color-digsig-validation-red);
	color: #fff;
	position: absolute;
	bottom: -9px;
	font-size: 10px !important;
	width: auto;
	right: -2px;
	border-radius: 3px;
	padding: 0px 6px;
	font-weight: 400 !important;
	margin: 0 !important;
}

.frm_material .inp_obli .is-invalid:-webkit-autofill, .frm_material .inp_obli .is-invalid:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 40rem #fff inset, 0 0px 0 3px var(--color-digsig-primary) !important;
	border: 1px solid transparent;
}

	.frm_material .inp_obli .is-invalid:-webkit-autofill + .form-label, .frm_material .inp_obli .is-invalid:-webkit-autofill:focus + .form-label {
		color: var(--color-digsig-primary);
	}
/*---LOGO HOME------*/
#logo_home_cont {
	max-width: 280px;
	margin: 20px auto 0;
	width: 100%;
}

/*---FORM BUSQUEDA HOME----*/
.busqueda_digsig {
	margin-top: 50px;
}

.lblmain1 {
	margin-top: 40px;
	margin-bottom: 28px;
}

.busqueda_digsig .frm_search {
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-wrap: nowrap;
	align-items: center;
}

	.busqueda_digsig .frm_search > div {
		padding: 0;
	}

#myInputContainer {
	display: flex;
	justify-content: space-between;
	width: calc(100% - 54px);
}

	#myInputContainer input {
		border-radius: 5px 0 0 5px !Important;
	}

.busqueda_digsig .frm_search .btn_search {
	width: auto
}

	.busqueda_digsig .frm_search .btn_search .btn_td {
		border-radius: 0 5px 5px 0;
		height: 50px;
		line-height: 23px;
		transition: all .4s;
	}

	.busqueda_digsig .frm_search .btn_search.focus_btnSearch .btn_td {
		height: 56px;
		/* box-shadow: 0 0 0 3px var(--color-digsig-primary); */
		/* border-radius: 0 5px 5px 0; */
	}


/*---MODE READ----*/
.reader_container {
	max-width: 600px;
	margin: auto;
	width: 90%;
}

	.reader_container .read_mode {
		width: 50%;
	}

.read_mode .caja {
	padding: 20px 20px;
	border-radius: 8px;
	display: inline-block;
	width: 100%;
	margin: 0 !Important;
}
/*--icono--*/
.icono_modRead {
	position: relative;
	margin-bottom: 45px !important;
}

	.icono_modRead::before {
		content: "";
		width: 60px;
		height: 60px;
		position: absolute;
		top: 0;
		left: 50%;
		background: var(--color-gray-0);
		display: block;
		border-radius: 5px;
		transform: translatex(-50%) rotate(45deg);
		z-index: -1;
	}

	.icono_modRead .icono::before {
		font-size: 50px;
		color: var(--color-digsig-primary);
	}

/*---NFC---*/
.reader_container .read_mode#reader_nfc2 .icono_modRead .icono::before, .reader_container .read_mode#reader_nfc .icono_modRead .icono::before {
	color: var(--color-digsig-secundary);
}

/*-----HEADER TOP-------(accept)*/
.box-result-content {
	margin: 0;
	padding: 6px 20px;
	position: relative;
}

.header__top {
	width: 100%;
	/*background: var(--color-digsig-primary);*/
}

/*---icono VERIFY----*/
.btn-round {
	background-color: var(--color-blanco);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	width: 50px;
	cursor: pointer;
}

	.btn-round img {
		width: 40px;
	}

/*----CONTENIDO DEL DIGSIG-----*/

/*--container--*/
.digsig-content {
	display: grid;
	/* grid-template-rows: 30px 1fr; */
	grid-template-columns: 1fr;
	text-align: left;
	height: 100%;
	max-width: 1600px;
	margin: 0 auto;
	padding: 20px 0;
	width: 90%;
}
/*--title--*/
.tabs.digsig_title_container {
	display: grid;
	column-gap: 20px;
	grid-template-columns: 1fr 1fr;
}

.digsig-content .digsig_title_container.tabs > .title_digsig_total {
	background-color: var(--color-darkgray);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	border-radius: 7px 7px 0 0;
}

	.digsig-content .digsig_title_container.tabs > .title_digsig_total .icono {
		margin-right: 8px;
		font-size: 40px;
		color: var(--color-blanco);
	}

	.digsig-content .digsig_title_container.tabs > .title_digsig_total h4 {
		color: var(--color-blanco);
	}



/*---information y certificado-----*/
.container_Digsig_total > div {
	display: grid;
	column-gap: 20px;
	grid-template-columns: 1fr 1fr;
}

.digsig-content .main-content {
	/* height: calc(100% - 107px)!important; */
	background-color: var(--color-blanco);
	border: 1px solid rgba(0,0,0,.1) !important;
	box-shadow: none !important;
	padding: 12px;
	border-radius: 0 0 7px 7px;
	max-height: 100% !important;
	min-height: auto !important;
}

.digsig_box {
	padding: 0;
	margin: 0;
	margin-top: 0;
	margin-bottom: 1em;
	border-radius: var(--corner-radius);
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	box-shadow: none !Important;
	border: 1px solid rgba(0,0,0,.08);
}

	.digsig_box p {
		margin: 0.25em;
	}

	.digsig_box .sub-tittle {
		background-color: var(--color-gray-1);
		padding: 12px 15px;
		border-top-left-radius: var(--corner-radius);
		border-top-right-radius: var(--corner-radius);
	}

.separator {
	height: 0.5px;
	width: auto;
	background-color: rgba(0,0,0,.1);
	margin: 5px 0px;
}

.digsig-datafield-elements {
	display: flex;
	align-items: center;
	margin-left: inherit;
	margin-bottom: auto;
	padding: 0 20px;
}

.digsig_box .sub-tittle + .digsig_box__description + .digsig_box__value, .digsig_box .sub-tittle + .digsig_box__value {
	padding: 6px 20px !important;
	margin: 0px;
}

.digsig-datafield-elements .icono {
	margin-right: 5px;
}

	.digsig-datafield-elements .icono::before {
		color: var(--color-digsig-gris2);
	}

/*---botones certificado---*/
.botones_certif {
	flex-wrap: nowrap;
}

.button-verification {
	width: 100%;
	display: inline-block;
	flex: auto;
	margin-right: 12px;
}

	.button-verification:last-child {
		margin: 0;
	}

/*----MODALES VERIFY-----*/
.imgVerification {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
	width: 150px;
}

.messages_verify {
	margin: 15px 0 20px !important;
}

	.messages_verify .message_rej {
		color: var(--color-digsig-validation-error);
		margin-bottom: 4px;
	}

		.messages_verify .message_rej:last-child {
			margin-bottom: 0;
		}

.btns_VerifyMod button {
	margin-bottom: 10px;
}

	.btns_VerifyMod button:last-child {
		margin: 0;
	}

.btn-close:focus {
	box-shadow: none !Important;
}

.container_Digsig_total {
	border-radius: 0 0 7px 7px;
}
/*---SIDEBAR INCOMPLETE VERIFY-----*/
.sidebar {
	height: 100%;
	max-width: 360px;
	width: 90%;
	position: fixed;
	top: 0;
	left: -100%;
	background-color: white;
	overflow-x: hidden;
	transition: 0.3s;
	z-index: 1001;
	padding: 20px;
	;
}

	.sidebar.mostrarancho {
		left: 0;
	}

	.sidebar + .overlay_sb {
		content: "";
		position: fixed;
		width: 100%;
		height: 100vh;
		background: rgba(0,0,0,.5);
		top: 0;
		left: 0;
		z-index: 1000;
		visibility: hidden;
		opacity: 0;
		transition: all .3s;
	}

.overlay_sb.mostrar_overlay {
	opacity: 1;
	visibility: visible;
}

.sidebar a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 18px;
	color: #818181;
	display: block;
	transition: 0.1s;
}

	.sidebar a:hover {
		color: #f1f1f1;
	}


/*--title sidebar---*/
.verification-indication {
	color: var(--color-gray-dark);
	text-align: left;
}

.verification__info {
	background-color: white;
	display: block;
	margin-top: 25px;
}

/*--form sidebar---*/
#sidebar .digsig_box {
	margin-bottom: 1em;
	border: none !important;
}

#sidebar .frm_material .input-group {
	padding: 0;
	/*margin-bottom: 20px;*/
}

/*--input read--*/
.input_read .read_inpmodes {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translatey(-50%);
	display: flex;
}

	.input_read .read_inpmodes .btn_mode {
		width: 20px;
		height: 20px;
		display: block;
		margin-right: 3px;
		cursor: pointer;
	}

		.input_read .read_inpmodes .btn_mode .icono::before {
			font-size: 19px;
		}

.verification-input {
	border: none;
	background: var(--color-light);
	border-bottom: 1px solid #000;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}


/*-----CERTIFICADO TABS------*/
.body_main .modal-dialog.modal-dialog-centered.modalCertificado {
	max-width: 768px !important;
}

	.body_main .modal-dialog.modal-dialog-centered.modalCertificado .modal-header {
		padding: 25px 30px 10px;
	}

	.body_main .modal-dialog.modal-dialog-centered.modalCertificado .modal-body {
		padding: 0 30px 30px;
	}

	.body_main .modal-dialog.modal-dialog-centered.modalCertificado .modal-content {
		border-radius: 10px;
	}

#tabs_crtf {
	margin-bottom: 16px;
}

ul#tabs_crtf li a {
	padding: 10px 30px;
	box-shadow: none;
	border: none;
	color: var(--color-digsig-gris2);
	box-shadow: 0 -3px 0 inset transparent;
	transition: color .4s;
}

	ul#tabs_crtf li a.active {
		background: transparent;
		color: var(--color-digsig-primary);
		box-shadow: 0 -3px 0 inset var(--color-digsig-primary);
	}

ul#tabs_crtf li:hover a {
	background: transparent;
	color: var(--color-digsig-primary);
}

/*---detalle certificado---*/
.tab-pane {
	max-height: 360px;
	overflow-y: auto;
}

	.tab-pane::-webkit-scrollbar {
		width: 10px;
		background: var(--color-blanco);
		box-shadow: none !important;
	}

	.tab-pane::-webkit-scrollbar-thumb {
		background: var(--color-digsig-primary);
		border-radius: 10px;
	}

	.tab-pane::-webkit-scrollbar-track {
		box-shadow: none
	}

#path .digsig_box {
	border: none;
	padding: 0 !important;
	margin-bottom: 5px;
}

#nested-list {
	padding: 10px 10px;
}

.wtree li {
	list-style-type: none;
	margin: 15px 0 15px 12px;
	position: relative;
}

	.wtree li:before {
		content: "";
		position: absolute;
		top: -15px;
		left: -21px;
		border-left: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		width: 20px;
		height: 34px;
	}

	.wtree li:last-child:after {
		display: none;
	}

	.wtree li span {
		display: block;
		border: 1px solid rgba(0,0,0,.1);
		padding: 10px;
		text-decoration: none;
		border-radius: 5px;
		cursor: pointer;
	}

		.wtree li span.caret:hover, .wtree li span.caret:focus {
			background: #f9f9f9;
			color: var(--color-digsig-primary);
		}

.wtree span.caret.caret-down {
	background: #fff;
	color: var(--color-digsig-primary);
	box-shadow: 0 0 0 2px var(--color-digsig-primary);
}

#path .digsig-datafield-elements img {
	display: none;
}

#path #sectionExtension .digsig_box .digsig-datafield-elements {
	background: var( --color-digsig-gris4);
	padding: 7px 10px 7px 10px;
	border-radius: 5px 5px 0 0;
}

#sectionExtension p.digsig_box__value {
	padding: 8px 13px;
	margin: 0;
	border: 1px solid rgba(0,0,0,.1);
	border-top: none;
	border-radius: 0 0 5px 5px;
}

#sectionExtension .separator {
	background-color: transparent;
	margin: 6px 0px;
}


/*------MODALES VERIFY ---------*/
.modalTotalVerify.modal-dialog.modal-dialog-centered .modal-header {
	z-index: 2;
	position: absolute;
	top: 15px;
	right: 10px;
	width: auto;
	height: 20px !important;
	background: transparent;
	border: none !important;
}

.modalTotalVerify.modal-dialog.modal-dialog-centered .modal-content {
	border-radius: 20px;
}

.modalTotalVerify.modal-dialog.modal-dialog-centered {
	max-width: 480px !important;
	width: 90% !important;
	margin: 0 auto !important;
	min-height: calc(100% - 0rem) !important;
}

	.modalTotalVerify.modal-dialog.modal-dialog-centered .modal-body {
		padding: 55px 50px !important;
	}


.tooltip-inner {
	background-color: #397B9A;
	box-shadow: 0px 0px 4px #397B9A;
	opacity: 1 !important;
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
	left: -1px;
	border-width: 0.4rem 0 0.4rem 0.4rem;
	border-left-color: #397B9A !important;
}
/* width */
::-webkit-scrollbar {
	width: 0px;
}

/* Track */
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey;
	border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: red;
	border-radius: 10px;
}

/* Handle on hover */
/* ::-webkit-scrollbar-thumb:hover {
        background: #b30000;
    } */













/* Estilos para el botón */
.boton-redondo {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 18px;
	margin-left: 50px;
	color: #818181;
	cursor: pointer;
}


.digsig-content {
	transition: margin-left .5s;
}








.color-reject-invalid {
	color: var(--color-digsig-validation-red);
}

.bg-color-reject-invalid {
	background-color: var(--color-digsig-validation-red);
}


.boton-color-white {
	color: white;
}

.icono-aux {
	width: 10px;
	height: auto;
	margin-left: 5px;
}

.icono-input-search {
	width: 20px;
	height: 20px;
	content: '';
	display: inline-block;
	background: url('../img/icon_search.svg') no-repeat white;
	background-size: 100%
}

.span-icono-input-search {
	background-color: white;
	border-right: none !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	border-right: none;
	padding-left: 10px;
	height: calc(3em + 5px);
	margin: 0 0 1em;
}




.caja-aux {
	background-color: #fff;
	display: inline-block;
}

.btn_box_index {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

/* .btnOpenCamera {
    background-color: var(--color-digsig-primary);
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    padding: 15px 75px 15px 75px;
    font-size: 17px;
    font-weight: bold;
} */

.btnOpenNFC {
	background-color: var(--color-gray-dark);
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-size: 17px;
	font-weight: bold;
}



.btnVerification {
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	padding: 15px 30px 15px 30px;
	font-size: 17px;
	font-weight: bold;
}



.font-size-small {
	font-size: smaller;
}

.font-size-19 {
	font-size: 19px;
}

.font-size-larger {
	font-size: larger !important;
}

.font-size-medium {
	font-size: medium !important;
}

.font-size-22 {
	font-size: 22px;
}



/*End Menu Data language*/






.box-shadow {
	box-shadow: 0.5px 2px 2px 0px rgba(0, 0, 0, .25);
}

.box-shadow-soft {
	box-shadow: 0.5px 1px 1px 0px rgba(0, 0, 0, .25);
}



.bg-color-light {
	background-color: var(--color-light);
}

.bg-color-gray {
	background-color: var(--color-gray);
}

@media (max-width: 33em /*(432px)*/ ) {
	/* .reader_container {
         display: flex; 
         flex-direction: column; 
         align-items: center;
    } */

	/* .btnOpenCamera {
        background-color: var(--color-digsig-primary);
        color: #fff;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        padding: 15px 75px 15px 75px;
        font-size: smaller;
        font-weight: bold;
    }

    .btnOpenNFC {
        background-color: var(--color-gray-dark);
        color: #fff;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        padding: 15px 75px 15px 75px;
        font-size: smaller;
        font-weight: bold;
    } */
}

@media (max-width: 30em /*(480px)*/ ) {
	/* .reader_container {
        display: flex;
        flex-direction: column;
        align-items: center;
    } */
	/* .btnOpenCamera {
        background-color: var(--color-digsig-primary);
        color: #fff;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        padding: 15px 75px 15px 75px;
        font-size: smaller;
        font-weight: bold;
    }

    .btnOpenNFC {
        background-color: var(--color-gray-dark);
        color: #fff;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        padding: 15px 75px 15px 75px;
        font-size: smaller;
        font-weight: bold;
    } */
}



/* Center the loader */

#divloader {
	position: absolute;
	left: 0%;
	top: 0%;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: white;
}

#loader {
	position: absolute;
	left: 48%;
	top: 45%;
	z-index: 1;
	width: 50px;
	height: 50px;
	padding: 8px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: var(--color-digsig-primary);
	--_m: conic-gradient(#0000 10%,#000), linear-gradient(#000 0 0) content-box;
	-webkit-mask: var(--_m);
	mask: var(--_m);
	-webkit-mask-composite: source-out;
	mask-composite: subtract;
	animation: l3 1s infinite linear;
}

@keyframes l3 {
	to {
		transform: rotate(1turn)
	}
}

/* Add animation to "page content" */
.animate-bottom {
	position: relative;
	-webkit-animation-name: animatebottom;
	-webkit-animation-duration: 1s;
	animation-name: animatebottom;
	animation-duration: 1s
}

@-webkit-keyframes animatebottom {
	from {
		bottom: -100px;
		opacity: 0
	}

	to {
		bottom: 0px;
		opacity: 1
	}
}

@keyframes animatebottom {
	from {
		bottom: -100px;
		opacity: 0
	}

	to {
		bottom: 0;
		opacity: 1
	}
}

/*Menu Data language*/
a.fake-rb-element {
	content: "" !important;
	margin-right: 7px !important;
	border: 1px solid var(--color-digsig-gris2) !important;
	width: 13px !important;
	height: 13px !important;
	display: inline-block !important;
	border-radius: 50% !important;
	position: relative !important;
	top: 1px !important;
	padding: 0px !important;
}

#DigSigDataLan li.list-group-item.data-lang-element.active a.selected-icon::before {
	content: "\e90d" !important;
	font-family: 'icomoon' !important;
	margin-right: 7px !important;
	border: none !important;
	color: var(--color-digsig-primary) !important;
	width: 13px !important;
	height: 13px !important;
	display: inline-block !important;
	border-radius: 50% !important;
	position: relative !important;
	top: 1px !important;
	padding: 0px !important;
	right: 0 !important;
	transform: none;
}

#languageList li.list-group-item.data-lang-element.active a.selected-icon::before {
	content: "\e90d" !important;
	font-family: 'icomoon' !important;
	margin-right: 7px !important;
	border: none !important;
	color: var(--color-digsig-primary) !important;
	width: 13px !important;
	height: 13px !important;
	display: inline-block !important;
	border-radius: 50% !important;
	position: relative !important;
	top: 7px !important;
	padding: 0px !important;
	right: 0 !important;
}

/* Aumentar la especificidad para evitar heredar estilos de #nav .nav_item a */
#DigSigDataLan li.list-group-item.data-lang-element.active a.selected-icon {
	color: inherit !important;
	display: inline-block !important;
	padding: 0 !important;
	font-size: inherit !important;
	line-height: inherit !important;
	border-bottom: inherit !important;
}

#languageList li.list-group-item.data-lang-element.active a.selected-icon {
	color: inherit !important;
	display: inline-block !important;
	padding: 0 !important;
	font-size: inherit !important;
	line-height: inherit !important;
	border-bottom: inherit !important;
}

.scrollable-list {
	max-height: calc(100vh - 223px) !important; /* Ajusta la altura según tus necesidades */
	overflow-y: auto;
}

.list-group-item.data-lang-element.active {
	background-color: transparent;
	color: var(--color-digsig-primary) !important;
	box-shadow: 0 0 0 2.5px var(--color-digsig-primary) inset;
}

.list-group-item.data-lang-element {
	color: var(--color-digsig-gris1) !important;
	background-color: transparent;
	border: 1px solid transparent;
	cursor: pointer;
	text-align: left;
	box-shadow: 0 0 0 2.5px transparent inset;
	border-radius: 5px;
	padding: 10px 17px !important;
	transition: all .3s;
	margin-bottom: 0 !important;
}

	.list-group-item.data-lang-element:hover {
		color: var(--color-digsig-primary) !important;
	}

.no-results {
	text-align: left;
	color: #999;
	padding: 10px;
}

.btn_td.btn_iconoClear::after {
	content: "\00D7"; /* Código Unicode para el carácter 'x' */
	font-family: "icomoon";
	font-size: 20px;
	margin-left: 7px;
	top: 1px;
	position: relative;
}

body.dark .frm_material input.inp_txt_aux {
	background-color: var(--color-darkmode3);
	color: var(--color-blanco);
}