@font-face {
	font-family: 'Graphik LCG';
	src: local('GraphikLCG/Graphik LCG Regular'), local('GraphikLCG-Regular/Graphik-LCG-Regular'), url('GraphikLCG/GraphikLCG-Regular.woff2') format('woff2'), url('GraphikLCG/GraphikLCG-Regular.woff') format('woff'), url('GraphikLCG/GraphikLCG-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Graphik LCG Bold';
	src: local('GraphikLCG/Graphik LCG Bold'), local('GraphikLCG-Regular/Graphik-LCG-Bold'), url('GraphikLCG/GraphikLCG-Bold.woff2') format('woff2'), url('GraphikLCG/GraphikLCG-Bold.woff') format('woff'), url('GraphikLCG/GraphikLCG-Bold.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
form {
	height: 100%;
}
html, body {
	margin: 0px auto;
	width: 100%;
	height: 100%;
	font-family: 'Graphik LCG','Open Sans', sans-serif;
	padding-top: 78px;
}

p {
/*	font-size: 0.9rem;*/
}

.negrita {
	font-family: 'Graphik LCG Bold','Open Sans', sans-serif;
}

.active {
	font-family: 'Graphik LCG Bold','Open Sans', sans-serif;
}

.texto_normal {
	font-family: 'Graphik LCG','Open Sans', sans-serif;
}

header {
	position: fixed;
	top: 0;
	width: 100%;
	background-color: #FFFFFF;
	z-index: 999;
}

.footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #2f2c31;
	padding-bottom: 20px;
}

.paddingtop {
	padding-top: 20px;
}

#container {
	max-width: 100%;
	min-width: 100%;
	min-height: 100%;
	position: relative;
	overflow: auto;
	padding: 0 0 150px 0;
}

.borde_verde {
	border-color: #00FF00;
	border-width: 1px;
	border-style: solid;
}

.borde_gris {
	border-color: #2b292e;
	border-width: 1px;
	border-style: solid;
}

.texto_gris {
	color: #2b292e;
}

.size_texto_gris {
	font-size: 0.9rem;
}

.texto_primary {
	color: #7f35b2;
}

.texto_blanco {
	color: #FFFFFF;
}

.texto_gris_negrita {
	color: #6f6f6f;
	font-weight: bold;
}

.separador {
	font-size: 1.2rem;
	color: #ccaee0;
}

.separador_peque {
	font-size: 1.0rem;
	color: #ccaee0;
}

h6 {
	font-size: 0.9rem;
	margin-bottom: 0.2rem;
}

.text-color-primary {
	color: #7f35b2;
}

.color-selected {
	background-color: #b90089;
}

.color-primary {
	background-color: #7f35b2;
}

.color-secondary {
	background-color: #2f2c31;
}

.banner {
	position: relative;
}

.caja_roja {
	border: 1px solid #EED3D7;
	color: #B94A4B;
	background-color: #F2DEDE;
	font-size: 0.8rem;
	padding: 5px 15px 5px 5px;
	text-align: left;
	position: relative;
	margin-top: 10px;
}

.caja_amarilla {
	border: 1px solid #FBEED5;
	color: #CB9F55;
	background-color: #FCF8E3;
	font-size: 0.8rem;
	padding: 5px 15px 5px 5px;
	text-align: left;
	position: relative;
	margin-top: 10px;
}

.etiqueta_roja {
	border: 1px solid #b85656;
	width: auto;
	color: #a92929;
	background-color: #f4a6a6;
	padding: 4px;
	border-radius: 4px;
	margin: 2px;
}

.etiqueta_verde {
	border: 1px solid #56b864;
	width: auto;
	color: #58825e;
	background-color: #a6f4b1;
	padding: 4px;
	border-radius: 4px;
	margin: 2px;
}

.derecha {
	float: right;
	padding-left: 20px;
	position: absolute;
	top: 5px;
	right: 5px;
}

a.enlace_amarillo {
	text-decoration: none;
	font-size: 0.8rem;
	color: #CB9F55;
}

	a.enlace_amarillo:visited {
		text-decoration: none;
		font-size: 0.8rem;
		color: #CB9F55;
	}

	a.enlace_amarillo:hover {
		text-decoration: none;
		color: #CB9F55;
	}

a.enlace_blanco {
	text-decoration: none;
	font-size: 1.0rem;
	color: #FFFFFF;
}

	a.enlace_blanco:visited {
		text-decoration: none;
		font-size: 1.0rem;
		color: #FFFFFF;
	}

	a.enlace_blanco:hover {
		text-decoration: underline;
		font-size: 1.0rem;
		color: #FFFFFF;
	}

a.enlace_blanco_peque {
	text-decoration: none;
	font-size: 0.9rem;
	color: #FFFFFF;
}

	a.enlace_blanco_peque:visited {
		text-decoration: none;
		font-size: 0.9rem;
		color: #FFFFFF;
	}

	a.enlace_blanco_peque:hover {
		text-decoration: underline;
		font-size: 0.9rem;
		color: #FFFFFF;
	}

a.enlace_negro {
	text-decoration: none;
	font-size: 0.9rem;
	color: #3f3c41;
}

	a.enlace_negro:visited {
		text-decoration: none;
		font-size: 0.9rem;
		color: #3f3c41;
	}

	a.enlace_negro:hover {
		text-decoration: underline;
		font-size: 0.9rem;
		color: #3f3c41;
	}

a.enlace_negro_grande {
	text-decoration: none;
	font-size: 1.0rem;
	color: #3f3c41;
}

	a.enlace_negro_grande:visited {
		text-decoration: none;
		font-size: 1.0rem;
		color: #3f3c41;
	}

	a.enlace_negro_grande:hover {
		text-decoration: underline;
		font-size: 1.0rem;
		color: #3f3c41;
	}


a.enlace_primary {
	text-decoration: none;
	font-size: 1.0rem;
	color: #7f35b2;
	cursor: pointer;
}

	a.enlace_primary:visited {
		text-decoration: none;
		font-size: 1.0rem;
		color: #7f35b2;
		cursor: pointer;
	}

	a.enlace_primary:hover {
		text-decoration: underline;
		font-size: 1.0rem;
		color: #7f35b2;
		cursor: pointer;
	}

a {
	text-decoration: none;
	color: #7f35b2;
	cursor: pointer;
}

	a:visited {
		text-decoration: none;
		/*color: #7f35b2;*/
		cursor: pointer;
	}

	a:hover {
		text-decoration: underline;
		color: #7f35b2;
		cursor: pointer;
	}


/****************************************************************************/
.check_container_primary {
	position: relative;
	display: block;
	padding-left: 23px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid #FFFFFF;
	height: 25px;
	width: 25px;
	margin: 0 auto;
}

	.check_container_primary input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}

.checkmark_primary {
	position: absolute;
	top: 0;
	left: 0;
	height: 23px;
	width: 23px;
	background-color: #7f35b2;
}

.check_container_primary:hover input ~ .checkmark_primary {
	background-color: #b375dd;
}

.check_container_primary input:checked ~ .checkmark_primary {
	background-color: #7f35b2;
}

.checkmark_primary:after {
	content: "";
	position: absolute;
	display: none;
}

.check_container_primary input:checked ~ .checkmark_primary:after {
	display: block;
}

.check_container_primary .checkmark_primary:after {
	left: 8px;
	top: 1px;
	width: 8px;
	height: 17px;
	border: solid #FFFFFF;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/****************************************************************************/
.check_container_black {
	position: relative;
	display: block;
	padding-left: 23px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid #2b292e;
	height: 25px;
	width: 25px;
	margin: 0 auto;
}

	.check_container_black input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}

.checkmark_black {
	position: absolute;
	top: 0;
	left: 0;
	height: 23px;
	width: 23px;
	background-color: transparent;
}

.check_container_black:hover input ~ .checkmark_black {
	background-color: #ccc;
}

.check_container_black input:checked ~ .checkmark_black {
	background-color: transparent;
}

.checkmark_black:after {
	content: "";
	position: absolute;
	display: none;
}

.check_container_black input:checked ~ .checkmark_black:after {
	display: block;
}

.check_container_black .checkmark_black:after {
	left: 8px;
	top: 1px;
	width: 8px;
	height: 17px;
	border: solid #2b292e;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/****************************************************************************/
.navbar-dark .navbar-nav .nav-link {
	color: #FFFFFF;
}

.navbar-dark .navbar-nav .nav-link-primary {
}

tbody {
	color: #2b292e;
	font-size: 0.9rem;
}

	tbody tr:nth-child(even) {
		background: #e7e7e7;
	}

	tbody tr:nth-child(odd) {
		background: #FFFFFF;
	}

.table > :not(:last-child) > :last-child > * {
	border-bottom-color: #7f35b2;
}

.table th {
	color: white;
}

th a {
	color: white;
}

	th a:hover {
		color: white;
	}

table.table td a.edit {
	color: #ff8204;
}

table.table td a.delete {
	color: #a61932;
}

table.table td a {
	cursor: pointer;
	display: inline-block;
	margin: 0 5px;
	min-width: 24px;
}

a.button_web {
	text-decoration: none;
}

	a.button_web:hover {
		color: white;
	}

span.badge.bg-activo {
	color: black;
	background-color: #a8e8e2;
}

span.badge.bg-inactivo {
	color: black;
	background-color: #ffbfac;
}


.row {
	margin-right: 0px;
}

.hr_footer {
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 40px;
	width: 100%;
	border-top: 2px solid #FFFFFF;
	opacity: 0.6;
}

.img_boton {
	width: 100%;
	height: 150px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto auto;
}

.sombra_peque {
	position: relative;
	background-color: #fbfbfb;
	position: relative;
	-webkit-box-shadow: 0px -3px 8px -1px rgba(196,196,196,1);
	-moz-box-shadow: 0px -3px 8px -1px rgba(196,196,196,1);
	box-shadow: 0px -3px 8px -1px rgba(196,196,196,1);
}

.sombra {
	position: relative;
	background-color: #fbfbfb;
	position: relative;
	-webkit-box-shadow: 0px -3px 8px -1px rgba(196,196,196,1);
	-moz-box-shadow: 0px -3px 8px -1px rgba(196,196,196,1);
	box-shadow: 0px -3px 8px -1px rgba(196,196,196,1);
}

	.sombra:hover {
		background-color: #fbfbfb;
		-webkit-box-shadow: inset 0px -3px 8px -1px rgba(196,196,196,1);
		-moz-box-shadow: inset 0px -3px 8px -1px rgba(196,196,196,1);
		box-shadow: inset 0px -3px 8px -1px rgba(196,196,196,1);
	}

.ofertas {
	position: absolute;
	top: 10px;
	left: 0;
	width: 4.3rem;
	height: 1.9rem;
	background-color: #a61932;
	border-top-right-radius: 15%;
	border-bottom-right-radius: 15%;
	padding-top: 2px;
	text-align: center;
	font-size: 1.2rem;
}

.fondo_verde {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 1.9rem;
	height: 1.9rem;
	background-color: #007e60;
	border-radius: 50%;
	padding-top: 4px;
	text-align: center;
}

.fondo_verde2 {
	width: 1.9rem;
	height: 1.9rem;
	background-color: #007e60;
	border-radius: 50%;
	padding-top: 4px;
	margin-left: 10px;
	text-align: center;
}

.button_home {
	overflow: hidden;
	width: 100%;
}

.button_web {
	overflow: hidden;
	display: inline-block;
	padding: 8px 30px 8px 30px;
	border: 0;
}

.button_web_peque {
	overflow: hidden;
	display: inline-block;
	padding: 8px 8px 8px 8px;
	border: 0;
}

.button_web_muypeque {
	overflow: hidden;
	display: inline-block;
	padding: 2px 2px 2px 2px;
	border: 0;
	font-size: 0.5rem;
}

.button_web_blanco {
	overflow: hidden;
	display: inline-block;
	padding: 8px 30px 8px 30px;
	border: 1px #7f35b2 solid;
	background-color: #FFFFFF;
}

.button_text {
	float: left;
	width: 90%;
	text-align: center;
}

.oculto {
	display: none;
}

.material-symbols-outlined {
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48
}

.size_icono {
	font-size: 1.8rem;
	padding-right: 5px;
}

.size_icono_peque {
	font-size: 1.2rem;
}

.dropdown-menu {
	min-width: auto;
}

.icono_boton {
	float: right;
	color: #FFFFFF;
	width: 10%;
	text-align: right;
}

.icono_boton_left {
	float: left;
	color: #FFFFFF;
	width: 10%;
	text-align: right;
}

.icono_boton_primary {
	float: right;
	color: #7f35b2;
	width: 10%;
	text-align: right;
}

input.formateado, select.formateado, textarea.formateado {
	border-radius: 0;
	border-bottom: 1px #818181 solid;
	border-top: 0;
	border-left: 0;
	border-right: 0;
}

input.formateado, textarea.formateado {
	background: transparent;
}

input.formateado_borde, select.formateado_borde, textarea.formateado_borde {
	border-radius: 0;
	border: 1px #818181 solid;
	padding: 3px;
}

input.formateado_borde, textarea.formateado_borde {
	background: transparent;
}

.size-logo {
	height: 60px;
	width: auto;
}

.size-logout {
	height: 35px;
	width: auto;
}

.size-logo-footer {
	height: 40px;
	width: auto;
}

.posicion_imagen {
	text-align: left;
	padding: 20px 0 20px 30px;
}

.posicion_imagen_second {
	padding: 20px 30px 20px 0;
}

.posicion_imagen_footer {
	text-align: left;
	padding-left: 50px;
}

.img_banner {
	width: 100%;
}

.fondo_banner {
	position: absolute;
	top: 25%;
	left: 3%;
	padding: 40px;
	background-color: #FFFFFF;
}

@media (max-width: 767px) {
	html, body {
		padding-top: 155px;
	}

	header {
		position: absolute;
	}

	#container {
		padding: 0 0 370px 0;
	}

	.size-logo {
		height: auto;
		width: 90%;
	}

	.size-logo-footer {
		height: 60px;
		width: auto;
	}

	.posicion_imagen {
		text-align: center;
		padding: 0;
	}

	.posicion_imagen_second {
		padding: 0 10px 0 0;
	}

	.posicion_imagen_footer {
		text-align: left;
		padding-left: 20px;
	}

	.separador {
		font-size: 1.2rem;
		color: #ccaee0;
		display: none;
	}

	.hr_footer {
		margin-top: 10px;
		margin-bottom: 20px;
		margin-left: 5px;
		margin-right: 0;
	}

	.img_banner {
		width: 100%;
		height: auto;
	}

	.fondo_banner {
		top: 10%;
		left: 5%;
		padding: 5px;
	}

	h2 {
		font-size: 1.2rem;
	}

	h5 {
		font-size: 0.9rem;
	}

	.separador_peque {
		display: none;
	}

	.ocultar_movil {
		display: none;
	}
}