/*Contenedor principal*/
:root {
	--validate_color: #137D13;
	--reject_color: #D8161F;
}

.main-plat-color {
	color: var(--maincolor);
}

/* Estilos que antes estabn en customConfig.css */
/* Colores iconos */
.icon-color {
	fill: #333 !important;
}

.icon-color:hover {
	fill: var(--maincolor) !important;
}

.icon-actived,
.icon-actived > svg {
	color: var(--maincolor) !important;
	fill: var(--maincolor) !important;
	transition: 0s !important;
}

/* botones nav */
.btn-nav {
	line-height: 40px;
}

.btn-nav:hover,
.btn-nav:hover > svg {
	color: var(--maincolor) !important;
	fill: var(--maincolor) !important;
	transition: 0s !important;
}

.btn-nav:disabled:hover,
.btn-nav:disabled:hover > svg {
	color: #444 !important;
	fill: #444 !important;
	cursor: default;
}

/* botones */
.main-color-text {
	color: var(--maincolor) !important;
}

.main-color-btn {
	background-color: var(--maincolor) !important;
	color: #fff !important;
}

.main-color-btn-foot {
	background-color: var(--maincolor) !important;
	color: #fff !important;
}

.main-color-btn-foot:hover {
	background-color: var(--maincolorlighter) !important;
	color: #fff !important;
}

.main-color-btn-foot-back {
	border: 1px solid var(--maincolor);
	color: var(--maincolor) !important;
}

.btn-eye {
	background-color: var(--maincolor) !important;
	color: #fff !important;
}

.btn-outline-secondary:hover {
	background-color: var(--maincolor) !important;
}

.btn-outline-secondary:disabled:hover,
.btn-outline-secondary:disabled:hover > svg {
	background-color: #fff !important;
	cursor: default;
}

.btn-empty:hover {
	color: var(--maincolor) !important;
	fill: var(--maincolor) !important;
	cursor: pointer;
}

.pageChangeButton {
	color: var(--maincolor) !important;
}

.pageChangeButton.active {
	background-color: var(--maincolor) !important;
	border-color: var(--maincolor) !important;
	color: #fff !important;
}

.pageChangeButton.disabled {
	color: #555555 !important;
}

.selectMenuElemSingleSelected {
	background: var(--maincolor) !important;
	margin-left: 30px;
	width: 205px;
	border-radius: 8px;
}

.selectMenuElemSelected {
	background-color: var(--maincolor);
}

.selectedFirstLevel {
	background-color: var(--maincolor) !important;
}

.slick-dots .slick-active span,
.onboard .image_view {
	background-color: var(--maincolor) !important;
}

.menu-level1 {
	background-color: inherit !important;
	color: var(--menulevel1color) !important;
	padding-top: 9.5px;
	padding-bottom: 9.5px;
}

.menu-level1 span[idrsc] {
	font-weight: 600;
}

.menu-level2 {
	background-color: inherit !important;
	color: var(--menulevel2color) !important;
	padding-top: 9.5px;
	padding-bottom: 9.5px;
}

.menu-level3 {
	background-color: inherit !important;
	color: var(--menulevel3color) !important;
	padding-top: 9.5px;
	padding-bottom: 9.5px;
}

#stcm-navbar .list-group-item:hover {
	background-color: #F2F2F2 !important;
}

/* Color nav acciones */
.nav-sub-options {
	background-color: #fff;
}

.nav-options svg {
	fill: #333;
}

/* Color seccion desplegada */
#stcm-navbar .list-group-item[aria-expanded="true"],
#stcm-navbar-mini .list-group-item[aria-expanded="true"] {
	background-color: var(--maincolor) !important;
}

/* LINKS */
.page-link {
	color: var(--maincolor);
}

.page-link:hover {
	color: var(--maincolor);
}

.page-item.active .page-link {
	background-color: var(--maincolor);
	border-color: var(--maincolor);
}

/* SWITCH DE BOOTSTRAP */
.custom-control-input:checked ~ .custom-control-label::before {
	border-color: var(--maincolor);
	background-color: var(--maincolor) !important;
}

/* loader */
.color-loader {
	border-top-color: var(--maincolor) !important;
}

.color-loader:before {
	border-top-color: var(--maincolor) !important;
}

.color-loader:after {
	border-top-color: var(--maincolor) !important;
}

/* Pantalla Login */
#homeScreen {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ddd;
	z-index: 10;
}

#homeError {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 15;
	display: none;
}

#homeErrorContainer {
	height: 100%;
	display: flex;
	align-items: center;
}

#homeErrorTextContainer {
	width: 50%;
	padding-left: 10%;
	padding-right: 36px;
	padding-bottom: 20%;
}

#homeErrorTextContainer h3 {
	font-family: Poppins, sans-serif;
	font-size: 65px;
	margin-bottom: 25px;
}

#homeErrorTextContainer p {
	font-family: Roboto, sans-serif;
	font-size: 20px;
}

#homeErrorImgContainer {
	width: 50%;
}

#homeErrorImgContainer img {
	width: 100%;
	margin: auto auto;
}

form button {
	background: var(--maincolor);
	color: #fff;
}

/* JQuery Confirm */
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
	background-color: var(--maincolor);
	color: #FFF;
}

.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c {
	color: var(--maincolor) !important;
}

.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
	color: #3498db !important;
}

.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c {
	color: #2ecc71 !important;
}

.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c {
	color: #9b59b6 !important;
}

.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c {
	color: #f1c40f !important;
}

.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c {
	color: #34495e !important;
}

.jconfirm .jconfirm-box.jconfirm-type-red {
	border-top: solid 7px var(--maincolor);
}

.jconfirm .jconfirm-box.jconfirm-type-blue {
	border-top: solid 7px #3498db;
}

.jconfirm .jconfirm-box.jconfirm-type-green {
	border-top: solid 7px #2ecc71;
}

.jconfirm .jconfirm-box.jconfirm-type-purple {
	border-top: solid 7px #9b59b6;
}

.jconfirm .jconfirm-box.jconfirm-type-orange {
	border-top: solid 7px #f1c40f;
}

.jconfirm .jconfirm-box.jconfirm-type-dark {
	border-top: solid 7px #34495e;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
	background-color: var(--maincolor);
	color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
	background-color: #f1c40f;
	color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover {
	background-color: #f39c12;
	color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
	background-color: #ecf0f1;
	color: #000;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
	background-color: #bdc3c7;
	color: #000;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple {
	background-color: #9b59b6;
	color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover {
	background-color: #8e44ad;
	color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark {
	background-color: #34495e;
	color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover {
	background-color: #2c3e50;
	color: #FFF;
}

@-webkit-keyframes type-blue {
	1%,
	100% {
		border-color: #3498db;
	}
	50% {
		border-color: #5faee3;
	}
}

@keyframes type-blue {
	1%,
	100% {
		border-color: #3498db;
	}
	50% {
		border-color: #5faee3;
	}
}

@-webkit-keyframes type-green {
	1%,
	100% {
		border-color: #2ecc71;
	}
	50% {
		border-color: #54d98c;
	}
}

@keyframes type-green {
	1%,
	100% {
		border-color: #2ecc71;
	}
	50% {
		border-color: #54d98c;
	}
}

@-webkit-keyframes type-red {
	1%,
	100% {
		border-color: var(--maincolor);
	}
	50% {
		border-color: var(--maincolor);
	}
}

@keyframes type-red {
	1%,
	100% {
		border-color: var(--maincolor);
	}
	50% {
		border-color: var(--maincolor);
	}
}

@-webkit-keyframes type-orange {
	1%,
	100% {
		border-color: #f1c40f;
	}
	50% {
		border-color: #f4d03f;
	}
}

@keyframes type-orange {
	1%,
	100% {
		border-color: #f1c40f;
	}
	50% {
		border-color: #f4d03f;
	}
}

@-webkit-keyframes type-purple {
	1%,
	100% {
		border-color: #9b59b6;
	}
	50% {
		border-color: #b07cc6;
	}
}

@keyframes type-purple {
	1%,
	100% {
		border-color: #9b59b6;
	}
	50% {
		border-color: #b07cc6;
	}
}

@-webkit-keyframes type-dark {
	1%,
	100% {
		border-color: #34495e;
	}
	50% {
		border-color: #46627f;
	}
}

@keyframes type-dark {
	1%,
	100% {
		border-color: #34495e;
	}
	50% {
		border-color: #46627f;
	}
}

.card-border-top {
	border-top: solid 7px #5c636a;
}

.card-border-top-success {
	border-top: solid 7px var(--maincolor) !important;
}

.background-color-main {
	background-color: var(--maincolor) !important;
}

.progress-line,
.progress-line:before {
	height: 3px;
	width: 100%;
	margin: 0;
}

.progress-line {
	background-color: #b3d4fc;
	display: -webkit-flex;
	display: flex;
}

.progress-line:before {
	background-color: var(--maincolor);
	content: '';
	-webkit-animation: running-progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
	animation: running-progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@-webkit-keyframes running-progress {
	0% {
		margin-left: 0px;
		margin-right: 100%;
	}
	50% {
		margin-left: 25%;
		margin-right: 0%;
	}
	100% {
		margin-left: 100%;
		margin-right: 0;
	}
}

@keyframes running-progress {
	0% {
		margin-left: 0px;
		margin-right: 100%;
	}
	50% {
		margin-left: 25%;
		margin-right: 0%;
	}
	100% {
		margin-left: 100%;
		margin-right: 0;
	}
}

a.perfTabs {
	color: var(--maincolor);
}

/* NUEVOS DISEÑOS */
/* Color genérico */
body,
table th,
table td {
	color: #383838;
}

/* Navegador */
#menuSections,
#menuSectionsMini {
	padding-bottom: 10px;
}

/* Navegador mini */
#menuSectionsMini .navFirstElement li:hover {
	background-color: #F2F2F2 !important;
}

#menuSectionsMini .selectMenuElem + .navFirstElement li {
	height: 40px;
	width: 40px;
	margin: 0 10px;
	padding-left: 12px;
	border-radius: 20px 20px 0 0;
}

#menuSectionsMini .selectMenuElem + .navFirstElement[aria-expanded="false"] li {
	border-radius: 20px;
}

#menuSectionsMini .selectMenuElem.selectMenuElemSelected + .navFirstElement li {
	background-color: var(--maincolorlighter) !important;
}

#menuSectionsMini .selectMenuElemSelected + .navFirstElement + div .selectMenuElemSingle {
	background: inherit !important;
	margin-left: 10px;
	width: calc(100% - 18px);
	height: 40px;
	border-radius: 0;
	display: block;
}

#menuSectionsMini .selectMenuElemSelected + .navFirstElement[aria-expanded="true"] + div .selectMenuElemSingle {
	background: var(--maincolorlighter) !important;
	z-index: 0;
	opacity: 1;
}

#menuSectionsMini .selectMenuElemSelected + .navFirstElement + div > ul > a:last-child .selectMenuElemSingle,
#menuSectionsMini span div ul .navSecondElement:last-of-type[aria-expanded="false"] .selectMenuElemSingle,
#menuSectionsMini .navSecondElement[aria-expanded="true"] + span:last-child ul a:last-child .selectMenuElemSingle {
	border-radius: 0 0 18px 18px !important;
}

#menuSectionsMini .selectMenuElemSingleSelected + li {
	font-weight: bold;
}

#menuSectionsMini .navSecondElement span {
	text-decoration: underline;
}

#menuSectionsMini .navSecondElement[aria-expanded="true"] .selectMenuElemSingleSub {
	margin-top: 5px;
	border-radius: 12px 12px 0 0;
}

#menuSectionsMini .navSecondElement:last-of-type[aria-expanded="false"] + span ul a .selectMenuElemSingle {
	opacity: 0 !important;
}

#menuSectionsMini .navSecondElement[aria-expanded="true"] .selectMenuElemSingleSub,
#menuSectionsMini .navSecondElement[aria-expanded="true"] + span ul a .selectMenuElemSingle .selectMenuElemSingleSub {
	background: var(--maincolor) !important;
	margin-left: 6px;
	width: calc(100% - 12px);
	height: 40px;
	opacity: 0.3;
}

#menuSectionsMini .navSecondElement[aria-expanded="true"] + span ul a:last-child .selectMenuElemSingle .selectMenuElemSingleSub {
	border-radius: 0 0 12px 12px;
	height: 35px;
}

.menu-level2-mini {
	text-align: center;
	padding: 9.5px 0 !important;
	background-color: inherit !important;
	color: var(--menulevel2color) !important;
}

.menu-level3-mini {
	text-align: center;
	font-size: 11px;
	padding: 11.75px 0 !important;
	background-color: inherit !important;
	color: var(--menulevel3color) !important;
}

/* Contenedor de sección */
.glass-effect {
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 10px !important;
	box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.25);
	backdrop-filter: blur(10.9px);
	-webkit-backdrop-filter: blur(10.9px);
	border: 1px solid rgba(255, 255, 255, 1);
	margin: 20px;
	position: relative;
}

.section-body {
	background-color: rgb(255, 255, 255);
	border-radius: 8px;
}

/* DataTables */
.table thead th {
	border-bottom: none;
}

.table th,
.table td {
	border-top: none;
}

table.table tbody tr td {
	border-bottom: 1px solid #E6E6E6 !important;
}

table.table tbody tr:hover {
	background-color: #F2F2F2 !important;
}

table.table tbody tr:nth-child(odd) {
	background-color: #fff;
}

table.table tbody tr:nth-child(even) {
	background-color: #f8f8f8;
}

.table-button {
	font-size: 0.5rem;
	padding: 1px 2px;
}

.table-button:hover {
	color: var(--secondcolor) !important;
}

.div-global-selection,
.div-single-selection {
	display: inline-block;
	width: 25px;
	height: 25px;
	padding: 4px 0 0;
	border-radius: 50%;
}

.div-global-selection input,
.div-single-selection input {
	width: 12px;
	height: 12px;
}

.div-global-selection:hover,
.div-single-selection:hover {
	background-color: #d9d9d9;
	transform: scale(1.5);
}

.div-global-selection:hover input,
.div-single-selection:hover input {
	transform: scale(0.7);
}

.div-dd-actions,
.circle-container {
	display: inline-block;
	width: 23px;
	padding-bottom: 2px;
	border-radius: 50%;
}

.div-dd-actions:hover,
.circle-container:hover {
	background-color: #d9d9d9;
	transform: scale(1.5);
}

.div-dd-actions:hover svg,
.circle-container:hover svg {
	transform: scale(0.7);
}

.menu-actions {
	border: none;
	border-radius: 10px;
	margin: 0;
	padding: 8px;
	font-size: 14px;
}

.menu-actions p {
	cursor: pointer;
	border-radius: 6px;
	margin: 0 0 2px;
	padding: 8px 10px;
	display: flex;
	align-items: center;
}

.menu-actions div {
	margin: 0 0 10px;
	padding: 4px 10px;
}

.menu-actions p span {
	margin-left: 8px;
}

#profileContainerPage.menu-actions {
	margin-top: 6px;
	margin-right: -18px;
}

.menu-actions p.deleteRow,
.menu-actions p.lastElement,
.menu-actions div.lastElement {
	margin: 0;
}

.menu-actions p.deleteRow svg {
	color: #d8161f !important;
}

.menu-actions p.lastElement svg {
	fill: #d8161f !important;
}

.menu-actions p:hover {
	background-color: #f2f2f2;
}

/* Valores de modals con tablas */
.new-close-button {
	border: none;
	font-size: 20px;
	color: #383838;
	background-color: #fff !important;
	border-radius: 8px;
	padding: 0 9px;
}

/* Título de modals y secciones */
.section-title {
	font-size: 18px;
	color: #383838;
	font-weight: 500;
}

.modal-title {
	font-size: 22px;
	color: #383838;
	font-weight: 500;
}

/* Tablas en modals */
.glass-effect .modal-header,
.glass-effect .modal-footer {
	border: none;
}

.basic-modal-table {
	font-size: 0.8em;
	margin: 0;
}

.basic-modal-table table thead tr td {
	padding: 2px;
}

/* Título secundario */
.title-secondary {
	font-size: 16px;
	color: #383838;
	font-weight: 500;
}

/* Nuevos inputs */
.form-control {
	border: 1px solid #d9d9d9;
	font-size: 14px;
	height: 38px;
	border-radius: 8px;
}

.form-control:focus {
	border: 1px solid #0066ff;
	border-radius: 8px;
}

.form-control:disabled {
	background-color: #e0e0e0;
	opacity: 1;
}

.form-control.is-invalid {
	border-color: #d8161f;
}

label.is-invalid {
	color: #d8161f !important;
}

/* Botones de pestaña */
.tab-button {
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 7px;
	box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.25);
	backdrop-filter: blur(10.9px);
	-webkit-backdrop-filter: blur(10.9px);
	padding: 8px 35px;
	font-size: 14px;
	font-weight: 400;
	max-width: 185px;
}

.tab-button:hover {
	background-color: rgba(255, 255, 255, 0.85);
}

.tab-button:active,
.tab-button.activeTB {
	background-color: rgba(255, 255, 255, 0.85);
	border-bottom: 4px solid var(--maincolor);
	color: var(--maincolor);
}

/* Nuevo estilo de inputs de modals */
.new-input-style {
	padding: 4.2px;
	border-radius: 8px;
	background-color: #e0e0e0;
	border: 1px solid #d9d9d9;
}

.new-input-style input {
	border: none;
	height: 28px;
}

.new-input-style button {
	border-radius: 6px !important;
	background-color: #fff;
	height: 28px;
	width: 28px;
	padding: 0 0 4px 0;
	color: #9d9d9d;
	border-color: #9d9d9d;
}

.new-input-style span {
	height: 28px;
	width: 28px;
	margin: 0 0 0 16px;
}

.new-input-style-action-page {
	height: 32px;
	width: 210px;
	padding: 1px 4px;
}

.new-input-style-action-page button {
	height: 24px;
	width: 24px;
}

.new-input-style-action-page button svg {
	margin-bottom: 6px !important;
}

/* Nuevo estilo de inputs de password */
.new-input-pass-style {
	padding: 4.2px;
	border-radius: 8px;
	background-color: #fff;
	border: 1px solid #d9d9d9;
}

.new-input-pass-style input {
	border: none;
	height: 28px;
}

.new-input-pass-style input:focus {
	border: none;
	box-shadow: none;
}

.new-input-pass-style button {
	border-radius: 6px !important;
	background-color: #fff;
	height: 28px;
	width: 28px;
	padding: 0 0 4px 0;
	border: none;
	color: #9d9d9d;
}

.new-input-pass-style span {
	height: 28px;
	width: 28px;
	margin: 0 0 0 16px;
}

/* Nuevo estilo de inputs para otros casos */
.new-input-others-style {
	padding: 4.2px;
	border-radius: 8px;
	border: 1px solid #d9d9d9;
}

.new-input-others-style.div-disabled {
	background-color: #e0e0e0;
	opacity: 1;
}

.new-input-others-style input {
	border: none;
	height: 28px;
}

.new-input-others-style input:focus {
	border: none;
	box-shadow: none;
}

.new-input-others-style button {
	border-radius: 6px !important;
	background-color: #fff;
	height: 28px;
	width: 28px;
	padding: 0 0 4px 0;
	color: #9d9d9d;
	margin-left: 5px;
	border-color: #9d9d9d;
}

/* Cambios en los inputs agrupados al tener el foco */
.parent-focus {
	border: 1px solid #06f;
	box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.parent-focus-invalid {
	box-shadow: 0 0 0 0.2rem rgb(220 53 69 / 25%);
}

/* Nuevo estilo de inputs no cumplimentado */
.group-invalid {
	border-color: #d8161f;
}

.group-invalid input:focus {
	border: none !important;
	box-shadow: none !important;
}

/* Adaptar SVG a contenedor con texto */
svg.translateY-n10 {
	transform: translateY(-10%);
}

/* Botones de cabecera */
.header-buttons {
	border: 1px solid #D9D9D9;
	background-color: #fff;
	padding: 8px;
	border-radius: 8px;
	box-shadow: 0px 0px 8px 0px rgb(60 75 100 / 25%);
}

/* Botones principales */
.main-button {
	border: none;
	background-color: var(--maincolor);
	padding: 0 28px;
	border-radius: 50px;
	height: 32px;
}

.main-button svg.validate {
	transform: translateY(-10%);
}

.main-button svg.icon-color {
	margin: 0 !important;
	fill: #fff !important;
	width: 16px;
	height: 16px;
}

.main-button span {
	font-size: 14px;
	color: #fff;
	line-height: 32px !important;
}

.main-button:hover {
	background-color: var(--secondcolor);
}

.main-button:hover svg.icon-color {
	fill: #fff !important;
}

.main-button:disabled {
	background-color: #e0e0e0;
	opacity: 1;
}

.main-button:disabled svg.icon-color {
	Fill: #9d9d9d !important;
	cursor: default !important;
}

.main-button:disabled span {
	color: #9d9d9d;
}

/* Botones secundarios */
.secondary-button {
	border: 1px solid #D9D9D9;
	background-color: #fff;
	padding: 0 20px;
	border-radius: 8px;
	height: 32px;
}

.secondary-button svg.icon-color {
	margin: 0 !important;
	fill: #383838 !important;
}

.secondary-button span {
	font-size: 14px;
	color: #383838;
	line-height: 32px !important;
	display: inline-block;
}

.secondary-button:hover {
	border: 1px solid var(--maincolor);
}

.secondary-button:hover svg.icon-color {
	fill: var(--maincolor) !important;
}

.secondary-button:hover span {
	color: var(--maincolor);
}

.secondary-button:active {
	border: 1px solid var(--maincolor);
	background-color: var(--maincolor);
}

.secondary-button:active svg.icon-color {
	fill: #fff !important;
}

.secondary-button:active span {
	color: #fff;
}

.secondary-button:disabled {
	border: 1px solid #d9d9d9;
	background-color: #e0e0e0;
}

.secondary-button:disabled svg.icon-color {
	Fill: #9d9d9d !important;
	cursor: default !important;
}

.secondary-button:disabled span {
	color: #9d9d9d;
}

/* Span como botón */
.spanDisabled {
	color: #9d9d9d !important;
	cursor: default;
}

.svgDisabled {
	fill: #9d9d9d !important;
}

/* Navegador */
/* Punto en el tercer nivel del navegador */
.spanPoint {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background-color: #383838;
	margin-bottom: 2px;
}

/* Glass effect para navegador */
.glass-effect-nav {
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 10px;
	box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.25);
	backdrop-filter: blur(10.9px);
	-webkit-backdrop-filter: blur(10.9px);
	border: 1px solid rgba(255, 255, 255, 1);
}

/* Tamaños de imagen de navegador */
.nav-img-size {
	width: 40px;
	height: 40px;
}

/* Botones para abrir/cerrar navegador */
.nav-bottom-oc {
	position: absolute;
	z-index: 12;
	border-radius: 50%;
	background-color: var(--maincolor);
	width: 20px;
	height: 20px;
}

#open-nav-bottom {
	cursor: pointer;
	top: 60px;
	left: 70px;
}

#open-nav-bottom svg {
	margin-left: 5px;
	margin-bottom: 9px;
}

#close-nav-bottom {
	cursor: pointer;
	top: 60px;
	left: 262px;
}

#close-nav-bottom svg {
	margin-left: 4px;
	margin-bottom: 9px;
}

/* Caja de opciones (input check) */
.option-box-check,
.option-box-check-2,
.option-box-check-3 {
	background-color: #ffffff;
	padding: 10px;
	border-radius: 10px;
	border: 1px solid #d9d9d9;
}

.option-box-check:hover,
.option-box-check-2:hover {
	background-color: #f2f2f2;
}

.option-box-check-selected {
	background-color: #f2f2f2;
	border: 1px solid var(--maincolor);
}

/* Nuevo estilo para el modal de confirmación */
/* .jconfirm.jconfirm-new-style .jconfirm-bg{
} */

.jconfirm.jconfirm-new-style .jconfirm-box {
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 10px;
	box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.25);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border: 1px solid rgba(255, 255, 255, 1);
	padding: 20px;
}

/* .jconfirm.jconfirm-new-style .jconfirm-box.loading{
}
.jconfirm.jconfirm-new-style .jconfirm-box.loading:before{
}
.jconfirm.jconfirm-new-style .jconfirm-box.loading:after{
}
.jconfirm.jconfirm-new-style .jconfirm-box .jconfirm-closeIcon{
}
.jconfirm.jconfirm-new-style .jconfirm-box .jconfirm-title-c{
} */

.jconfirm.jconfirm-new-style .jconfirm-box .jconfirm-title-c .jconfirm-title {
	padding: 0;
}

.jconfirm.jconfirm-new-style .jconfirm-box .jconfirm-content-pane {
	margin-bottom: 20px;
	overflow: initial;
}

.jconfirm.jconfirm-new-style .jconfirm-box .jconfirm-content {
	line-height: 24px;
}

.jconfirm.jconfirm-new-style .jconfirm-box .jconfirm-buttons {
	display: flex;
	justify-content: flex-end;
	margin: 0;
	padding: 0;
}

.new-style-accept,
.jconfirm.jconfirm-new-style .jconfirm-box .jconfirm-buttons .new-style-accept {
	color: #fff;
	border: none;
	background-color: var(--maincolor);
	padding: 0 28px;
	border-radius: 50px;
	height: 32px;
	font-family: Roboto, sans-serif;
}

.new-style-accept:hover,
.jconfirm.jconfirm-new-style .jconfirm-box .jconfirm-buttons .new-style-accept:hover {
	color: #fff;
	background-color: var(--secondcolor);
}

.new-style-cancel,
.jconfirm.jconfirm-new-style .jconfirm-box .jconfirm-buttons .new-style-cancel {
	color: var(--maincolor);
	border: none;
	padding: 0 28px;
	height: 32px;
}

.new-style-cancel:hover {
	color: var(--maincolor);
}

.jconfirm.jconfirm-new-style .jconfirm-box .jconfirm-buttons button {
	background-color: unset;
}

/* Notificación de descarga */
#dowloadCard {
	border-radius: 8px;
}

#dowloadCard .card-header {
	border-bottom: 1px solid #e6e6e6;
}

#dowloadCard .card-header span {
	font-size: 12px;
	font-weight: bold;
	color: #9d9d9d;
}

.downloadCardText {
	font-size: 12px;
	color: #9d9d9d;
}

#dowloadCard #reportList div {
	border-radius: unset;
}

#dowloadCard .list-group-item {
	border: none;;
}

/* Modal de validación */
.section-body-validation {
	border-radius: 8px;
	padding: 0 12px;
}

.glass-efect-validation {
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 10px;
	box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.25);
	backdrop-filter: blur(10.9px);
	-webkit-backdrop-filter: blur(10.9px);
	border: 1px solid rgba(255, 255, 255, 1);
}

#messages .modal-content .modal-header {
	padding: 12px;
}

#messages .modal-content .modal-header .circle-count,
#evidenceToValidate .circle-count {
	display: inline-block;
	text-align: center;
	line-height: 36px;
	min-width: 38px;
	height: 38px;
	background-color: var(--maincolor);
	color: #fff;
	border-radius: 50%;
	margin-right: 12px;
}

#bodyPictures .card-header {
	background-color: initial;
}

#messages .modal-content .modal-body,
#bodyPictures .card-body {
	background-color: #fff;
	margin: 0 16px 16px;
	padding: 0;
	border-radius: 8px;
	overflow: hidden;
}

#messages .modal-content .modal-body table {
	margin-bottom: 0 !important;
}

/* Gráficas de Muestreo */
#mGraphs .card,
#resultsContainer .card,
.mGraphs-sec .card {
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 1);
}

#mGraphs .card .card-header,
#resultsContainer .card .card-header,
.mGraphs-sec .card .card-header {
	background-color: #fff;
	border-bottom: none;
}

/* Tablas de Muestreo detallado */
#datadetailtables .card-body > div,
#datadetailindex .card-body > table,
#datadetailresult .card-body > table {
	border-radius: 8px;
	background-color: #fff;
	border: 1px solid rgba(255, 255, 255, 1);
	margin-bottom: 16px;
	overflow: hidden;
}

/* Selectores de color */
.colorSelectInput {
	height: 0px;
	width: 0px;
	padding: 0;
	border: none;
	visibility: hidden;
}

.colorSelectDiv {
	width: 100%;
	height: 38px;
	background-color: #000;
	border-radius: 8px;
	border: 2px solid #d9d9d9;
	cursor: pointer;
}

.colorSelectDivContainerFocus {
	padding: 2px;
	border: 1px solid #0066FF;
	border-radius: 8px;
}

/* Selector de imágenes */
.imgSelectorContainer {
	position: relative;
	border: 4px dashed #d9d9d9;
	border-radius: 8px;
}

/* Creación paso a paso */
#stcm-navbar {
	height: calc(100% - 147px);
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-bottom: none;
	box-shadow: none;
}

#stcm-navbar-shadow {
	margin-top: -50px;
	height: calc(100% - 30px);
	width: 250px;
	box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.25);
}

#stcm-navbar-mini {
	height: calc(100% - 92px);
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-bottom: none;
	box-shadow: none;
}

#stcm-navbar-mini-shadow {
	margin-top: -50px;
	height: calc(100% - 30px);
	width: 60px;
	box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.25);
}

#stcm-navbar.stcm-navbar-wo-stepByStep,
#stcm-navbar-mini.stcm-navbar-wo-stepByStep {
	height: calc(100% - 30px);
	border-bottom-left-radius: 8px !important;
	border-bottom-right-radius: 8px !important;
}

.stepByStepContainer {
	backdrop-filter: blur(10.9px);
	-webkit-backdrop-filter: blur(10.9px);
	border-right: 1px solid rgba(255, 255, 255, 1);
	border-bottom: 1px solid rgba(255, 255, 255, 1);
	border-left: 1px solid rgba(255, 255, 255, 1);
	width: 250px;
	background-color: rgba(255, 255, 255, 0.5);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin: -1px 0 20px 20px;
}

.stepByStepContainerClosed {
	backdrop-filter: blur(10.9px);
	-webkit-backdrop-filter: blur(10.9px);
	border-right: 1px solid rgba(255, 255, 255, 1);
	border-bottom: 1px solid rgba(255, 255, 255, 1);
	border-left: 1px solid rgba(255, 255, 255, 1);
	width: 60px;
	background-color: rgba(255, 255, 255, 0.5);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin: -1px 0 20px 20px;
}

.stepByStepCircleContainer {
	width: 223px;
	background-color: #fff;
	border-radius: 8px;
	margin: 0 20px 10px 13px;
	padding: 2px;
	box-shadow: 0 0 10px -4px rgba(0,0,0,0.25);
}

.stepByStepCircle {
	height: 34px;
	width: 34px;
	border-radius: 50%;
	background-color: var(--maincolor);
	margin: 14px auto;
	box-shadow: inset 0px -2px 2px 0px rgba(46, 5, 7, 0.5), 0px 5px 15px -3px var(--maincolor);
	transition: 0.2s;
}

#stepByStepOpen .stepByStepStart:hover .stepByStepCircle,
#stepByStepClosed .stepByStepStart:hover.stepByStepCircle {
	transform: scale(1.1);
	transition: 0.2s;
	background-color: var(--secondcolor);
	box-shadow: inset 0px -2px 2px 0px rgba(46, 5, 7, 0.5), 0px 5px 15px -3px var(--secondcolor);
}

#stepByStepOpen .stepByStepStart:hover p {
	transform: scale(1.02);
	transition: 0.2s;
	color: var(--secondcolor);
}

.stepByStepCircle img {
	height: 20px;
	width: 20px;
	margin-top: 5px;
}

.stepByStepCircleContainer p {
	color: var(--maincolor);
	transition: 0.2s;
}

.modalStepByStepStyle {
	width: 50vw;
	max-width: 700px;
	max-height: 65vh;
	overflow: auto;
}

.stepByStepCard {
	width: 50%;
}

.elementStepByStep {
	border: none;
	Border-radius: 10px;
	Padding: 20px 15px;
	box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.25);
}

.elementStepByStep:hover {
	background-color: #f2f2f2;
}

.newStepByStepIMGContainer {
	width: 100px;
	height: 100px;
	margin: 12px auto;
	padding: 12px;
	border-radius: 50%;
	box-shadow: inset 0px -2px 2px 0px rgba(var(--maincolorRGB), 0.5), 0px 4px 10px 0px rgba(var(--maincolorRGB), 0.5);
}

.stepByStepTitle {
	font-size: 18px;
	font-weight: bold;
}

.arrowContainerSBS,
.selectedSBS span,
.evBackForward {
	color: var(--maincolor);
}

.elementSBS {
	padding: 9.2px 9.2px 9.2px 0;
	border: 1px solid #d9d9d9;
	width: 180px;
	overflow-x: hidden;
	table-layout: fixed;
	background-color: #fff;
}

.firstElementSBS {
	padding-left: 9.2px;
	border-right: none;
	border-top-left-radius: 100px;
	border-bottom-left-radius: 100px;
}

.middleElementSBS {
	border-right: none;
	border-left: none;
}

.lastElementSBS {
	padding-right: 9.2px;
	border-left: none;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
}

.stepByStepCircleNav {
	height: 30px;
	width: 30px;
	min-width: 30px;
	border-radius: 50%;
	border: 3px solid var(--maincolor);
}

.triangleSBS {
	background-color: #fff;
}

.triangleSBS svg {
	fill: none;
	stroke: #d9d9d9;
	stroke-width: 1;
}

.arrowContainerSBS.disabledSBS {
	color: #d9d9d9;
}

.elementSBS.disabledSBS {
	color: #d9d9d9;
}

.elementSBS.disabledSBS .stepByStepCircleNav {
	border-color: #d9d9d9;
}

.stepByStepCircleNav.checkedSBS {
	background-color: var(--maincolor);
	color: #fff;
}

/* Roles usuarios */
.list-group-item.roles-sec-menu {
	border: 1px solid #d9d9d9;
}

.list-group-item.roles-sec-menu svg {
	height: 15px;
	width: 15px;
	margin: 0 15px 0 0;
	color: #9d9d9d;
}

.list-group-item.roles-sec-menu .iconContainer {
	font-size: 15px;
	margin-right: 10px;
}

/* Página de inicio */
.totalTall {
	height: 100%;
	padding: 20px;
}

#init-home-container {
	height: 100%;
}

#countryDataContainers {
	height: calc(100% - 40px);
}

.homeActionButton {
	padding: 9px 15px;
	border-radius: 8px;
	background-color: rgba(255, 255, 255, 0.5);
	color: #383838;
	font-size: 14px;
	box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.25);
	cursor: pointer;
	margin-left: 10px;
}

.homeActionButton:hover {
	background: rgba(255, 255, 255, 0.85);
}

.homeActionButton img {
	height: 20px;
}

.homeActionButton p {
	margin: 0;
}

#countryDataContainers .rowContainer {
	margin: 0 -5px;
}

#countryDataContainers .elementContainer {
	padding: 0 5px;
}

#countryDataContainers .elementContainer .section-title {
	font-size: 16px;
}

#countryDataContainers .elementContainer svg {
	cursor: pointer;
	width: 14;
	height: 14;
	fill: var(--maincolor);
}

#countryDataContainers .elementContainer .seeMore-element {
	cursor: pointer;
	color: var(--maincolor);
	font-size: 14px;
}

#countryDataContainers .countryElement {
	background-color: #fff;
	height: 100%;
	overflow: hidden;
	border-radius: 8px;
}

.countryElement .countryElementValue {
	font-family: Montserrat, sans-serif;
	font-size: 30px;
	font-weight: 600;
}

.countryElement .thisMonth {
	font-family: Montserrat, sans-serif;
	font-size: 14px;
}

#missionTable {
	overflow-y: auto !important;
}

/* MODAL A PÁGINA COMPLETA */
.modal-100 {
	margin: 0px;
	/* min-width: 100vw;
	min-height: 100%; */
	min-width: 100vw;
	height: 100vh;
	align-items: stretch !important;
	overflow: hidden;
}

#dropdownVEActions {
	border-radius: 0.25rem;
	margin-right: 40px;
}

.modal-100 .modal-header .close {
	margin: 0px;
	padding: 0px;
	height: 32px;
	width: 32px;
	border: 1px solid #D9D9D9;
	border-radius: 0.25rem;
	background-color: #fff;
	opacity: 1;
	font-family: none;
	font-size: 40px;
	line-height: 0;
	overflow: hidden;
}

.modal-100 .modal-body {
	overflow-y: auto;
}

.modal-100 .glass-efect-evidence-details {
	border-radius: 10px;
	box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.25);
	background-color: #fff;
	border: 1px solid rgba(255, 255, 255, 1);
}

.edges-evidence {
	border-radius: 8px;
	border: 1px solid #9d9d9d;
}

.evidence-validate-button {
	background-color: var(--validate_color);

}

.evidence-validate-button:hover {
	background-color: var(--validate_color);
	opacity: 0.8;
}

.evidence-reject-button {
	background-color: var(--reject_color);
}

.evidence-reject-button:hove {
	background-color: var(--reject_color);
	opacity: 0.8;
}

/* Spinner de evidencias */
#evScreen {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ddd;
	z-index: 10;
	opacity: 0.8;
}

#addCustomFont {
	font-size: 14px;
	text-align: end;
}