/*Override form-group bottom margin*/
.form-group {
	margin-bottom: 8px;
}

.padding {
	padding: 10px;
}

.visible {
	display: block;
}

.invisible {
	display: none;
}

.w-5 {
	width: 5% !important;
}

.w-10 {
	width: 10% !important;
}

.w-15 {
	width: 15% !important;
}

.w-20 {
	width: 20% !important;
}

.w-25 {
	width: 25% !important;
}

.w-30 {
	width: 30% !important;
}

.w-35 {
	width: 35% !important;
}

.w-40 {
	width: 40% !important;
}

.w-45 {
	width: 45% !important;
}

.w_100px {
	width: 100px !important;
}

span {
	/* font-weight: bold; */
}

.table-wrapper {
	max-height: 680px;
	width: 100%;
	overflow: auto;
	display: inline-block;
}

td, th {
	text-align: center;
}

.word-wrap {
	max-width: 900px;
}

@keyframes spin {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

.DivSpinner {
	padding-top: 3em;
	padding-bottom: 3em;
}

.ModalConfirmacion {
	display: flex;
	justify-content: space-around;
}

/*Estilo para animacion de vista*/
/*.DivPrincipal {
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 1.4em;
	background: #fff;
	position: relative;
	-webkit-box-shadow: 0 20px 50px 0 rgba(0,0,0,0.3);
	box-shadow: 0 20px 50px 0 rgba(0,0,0,0.3);
}*/

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -20%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -20%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.fadeIn {
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 0.7s;
	-moz-animation-duration: 0.7s;
	animation-duration: 0.7s;
}

	.fadeIn.first {
		-webkit-animation-delay: 0.4s;
		-moz-animation-delay: 0.4s;
		animation-delay: 0.4s;
	}

	.fadeIn.second {
		-webkit-animation-delay: 0.6s;
		-moz-animation-delay: 0.6s;
		animation-delay: 0.6s;
	}

	.fadeIn.third {
		-webkit-animation-delay: 0.8s;
		-moz-animation-delay: 0.8s;
		animation-delay: 0.8s;
	}

	.fadeIn.fourth {
		-webkit-animation-delay: 1s;
		-moz-animation-delay: 1s;
		animation-delay: 1s;
	}

#ModalMessage {
	max-width: 700px;
	min-width: 500px;
}

#ModalAuthorizer {
	width: 700px;
}

.ModalMensajeConfirmacion {
	max-width: 700px;
}

/*Termina estilo para animacion de vista*/

/*estilo de componete informacion de persona*/

.targeta_persona {
	padding: 10px;
}

.titulos_campos {
	text-align: center;
	background: #e9ecef;
	padding: 10px;
	border-radius: 5px;
}

.valor_campos {
	border: 1px solid #e9ecef;
	width: 100%;
	font-size: 20px;
}
/*Fin estilo de componete informacion de persona*/

.checkboxAcomodar {
	top: 10px;
	width: 30px;
	position: relative;
}

/*Estio de los titulo de las targetas desplegables*/
.titulo-desplegable {
	color: black;
	font-size: 20px;
}

	.titulo-desplegable:hover {
		color: black !important;
		text-decoration: none;
	}

	.titulo-desplegable:focus, .titulo-desplegable.focus {
		outline: 0;
		box-shadow: none !important;
		text-decoration: none;
	}
/*Fin Estio de los titulo de las targetas desplegables*/

.Mayusculas {
	text-transform: uppercase;
	display: inline-block;
}

.jumbotron-delgado {
	padding: 10px;
}

.center {
	margin: auto;
}

.ComponenteOculto {
	display: none;
}

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

:root {
	--darkred: #5F1B2D; /* Define your variable */
	--ColorFondo: #f2f2f2;
	--ColorFondo2: #2C3E50;
	--ColorFondo3: #00695c;
	--ColorFondo4: #800020;
	--Gris: #e5e5e5;
}

.ConstrastBGColor {
	background-color: var(--Gris);
}

.GeneralColor {
	background-color: var(--darkred);
}


.a4-card {
	width: 210mm; /* or 8.27in, or 595px (72 PPI) */
	height: 297mm; /* or 11.69in, or 842px (72 PPI) */
}
/* TEXT STYLES */
.text-title {
	font-family: "Mulish", sans-serif;
	/* font-family: "Josefin Sans", sans-serif; */
	/* Primary font + fallback */

	font-optical-sizing: auto;
	font-weight: 800;
	font-size: 2.2rem;
	/* 40px if base is 16px */

	letter-spacing: -1.3px;
	/* Tighter spacing for monospace */

	line-height: 1.2;
	text-transform: uppercase;
	/* color: #333; */
	color: black;
}

.text-subtitle {
	font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif;
	font-size: 1.5rem;
	/* 24px */
	font-weight: 600;
	letter-spacing: 0.3px;
	color: #555;
}

.text-paragraph {
	font-family: 'Roboto', 'Arial', sans-serif;
	font-size: 1rem;
	/* 16px */
	font-weight: 400;
	line-height: 1.6;
	color: #666;
}

.splitLine {
	width: 100%;
	height: 5px;
	/* background: linear-gradient(to right, var(--darkred), white); */
	background: var(--darkred);
	border: none;
	margin: 0;
	opacity: 1;
}