/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
	Created on : 17/04/2017, 11:28:13 AM
	Author     : jssalgado
*/

#infoPrincipal h1 {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.login-box {
	margin: auto;
}
.login {
	margin: 0 auto 30px auto;
	border: 1px solid rgba(51,102,204,.14);
	background-color: #FFFFFF;
	max-width: 460px;
	padding: 40px;
	box-shadow: 0px 3px 0px rgba(51,102,204,.14);
	border-radius: 10px;
}
/*.login form legend {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	color: var(--color-entidad-dark);
	font-size: 2rem;
	line-height: 1.125;
}*/

.loginOption{
	margin-top: 30px;
}
.loginOption a {
	display: block;
	margin-bottom: .938rem;
}
.loginOption a:last-child {
	margin-bottom: 0;
}
.loginOption a .label-text {
	color: #4B4B4B;
	text-decoration: none;
	display: inline-block;
	cursor: default;
	margin-right: 8px;
	font-weight: 400;
}
.side-menu .navbar {
	border: none;
}
.side-menu .navbar-header {
	width: 100%;
	border-bottom: 1px solid #e7e7e7;
}
.side-menu .navbar-nav .active a {
	background-color: transparent;
	margin-top: -4px;
	border-bottom: 5px solid #e7e7e7;
}
.side-menu .navbar-nav li {
	display: block;
	border-bottom: 1px solid #e7e7e7;
}
.side-menu .navbar-nav li a {
	padding: .938rem;
}
.side-menu .navbar-nav li a .glyphicon {
	padding-right: 10px;
}
.side-menu #dropdown {
	border: 0;
	margin-bottom: 0;
	border-radius: 0;
	background-color: transparent;
	box-shadow: none;
}
.side-menu #dropdown .caret {
	float: right;
	margin: 9px 5px 0;
}
.side-menu #dropdown .indicator {
	float: right;
}
.side-menu #dropdown > a {
	border-bottom: 1px solid #e7e7e7;
}
.side-menu #dropdown .panel-body {
	padding: 0;
	background-color: #f3f3f3;
}
.side-menu #dropdown .panel-body .navbar-nav {
	width: 100%;
}
.side-menu #dropdown .panel-body .navbar-nav li {
	padding-left: .938rem;
	border-bottom: 1px solid #e7e7e7;
}
.side-menu #dropdown .panel-body .navbar-nav li:last-child {
	border-bottom: none;
}
.side-menu #dropdown .panel-body .panel > a {
	margin-left: -20px;
	padding-left: 35px;
}
.side-menu #dropdown .panel-body .panel-body {
	margin-left: -.938rem;
}
.side-menu #dropdown .panel-body .panel-body li {
	padding-left: 30px;
}
.side-menu #dropdown .panel-body .panel-body li:last-child {
	border-bottom: 1px solid #e7e7e7;
}
.side-menu #search-trigger {
	background-color: #f3f3f3;
	border: 0;
	border-radius: 0;
	position: absolute;
	top: 0;
	right: 0;
	padding: .938rem 1.125rem;
}
.side-menu .brand-name-wrapper {
	min-height: 50px;
}
.side-menu .brand-name-wrapper .navbar-brand {
	display: block;
}
.side-menu #search {
	position: relative;
	z-index: 1000;
}
.side-menu #search .panel-body {
	padding: 0;
}
.side-menu #search .panel-body .navbar-form {
	padding: 0;
	padding-right: 50px;
	width: 100%;
	margin: 0;
	position: relative;
	border-top: 1px solid #e7e7e7;
}
.side-menu #search .panel-body .navbar-form .form-group {
	width: 100%;
	position: relative;
}
.side-menu #search .panel-body .navbar-form input {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	width: 100%;
	height: 50px;
}
.side-menu #search .panel-body .navbar-form .btn {
	position: absolute;
	right: 0;
	top: 0;
	border: 0;
	border-radius: 0;
	background-color: #f3f3f3;
	padding: .938rem 1.125rem;
}
/* Main body section */
.side-body {
	margin-left: 310px;
}

div.exceed{background-image:url(mod/Registro/img/img_status_exceed.png);}
div.fail{background-image:url(mod/Registro/img/img_status_fail.png); background-repeat: no-repeat;height: 1rem;margin-left: 2px;}
div.pass{background-image:url(mod/Registro/img/img_status_pass.png);background-repeat: no-repeat;height: 1rem;margin-left: 2px;}
div.warn{background-image:url(mod/Registro/img/img_status_warn.png);}

/*---modal---*/
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}

.ui-corner-all {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #F0F0F0; /*url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;*/
	color: #222222;
	font-weight: bold;
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
	zoom: 1;
}

.ui-widget-overlay {
	background: #aaaaaa;/* url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;*/
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-front {
	z-index: 100;
}

.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff; /*url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;*/
	color: #222222;
}

.ui-dialog .ui-dialog-titlebar-close span {
	display: block;
	margin: 1px;
}
.ui-icon-closethick {
	background-position: -96px -128px;
}

.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 19px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 1.125rem;
}

.ui-widget-header a {
	color: #222222;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
	padding: 0;
}
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.col-md-4.user-opt {
	padding-bottom: 3%;
}

/* 
	Created on : 22/07/2024
	Author     : cmartinez
	Description: Template User Dashboard - Bandeja usuarios
*/
:root {
	--color-entidad-text: #FFFFFF;
	--padding-x-navbar-govco: 86px;
	--size-image-icon: 70px;
	--dynamicl1-icon-size: 3rem;
}
.dModRegistro,
.dModRegistro #main-content #content {
	background-color: var(--color-Hawkes-blue);
}
.sidebar-box {
	background-color: #FFFFFF;
	padding-left: 0;
	padding-right: 0;
}
.dModRegistro #main-content #content .container {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
#navbarUser .navbar,
.footer-user {
	font-size: .75rem;
	color: var(--color-entidad-text);
	background-color: var(--color-entidad);
	line-height: 1.125;
}
#navbarUser .navbar {
	padding-top: .75rem;
	padding-bottom: .75rem;
}
#navbarUser .brand-box .navbar-brand {
	padding: 0;
	margin: 0;
}
#navbarUser .brand-box img {
	height: 24px;
}
#navbarUser .navbar-nav li a,
#navbarUser .navbar-nav li a.navbar-brand {
	font-size: .75rem;
	padding: 0 .3125rem;
}
#navbarUser .navbar-nav a:visited,
#navbarUser .navbar-nav li a {
	color: #FFFFFF;
}
#navbarUser .navbar-nav li.datePrincipalU {
	padding: 0;
}
#navbarUser .navbar-nav .separadorUs {
	margin-left: .938rem;
	margin-right: .938rem;
}

.footer-user {
	width: 100%;
	padding: 0;
}
.footer-user .copywrite {
	width: 100%;
	padding: 25px 0;
}
.footer-user img {
	height: 45px;
}
.footer-user a {
	display: inline-block;
	line-height: 1;
}
.footer-user .separator {
	border-left: 1px solid #e5eefb;
	height: 44px;
	margin-left: 10px;
	margin-right: 5px;
	display: inline-block;
}

/* CONTENIDO */
.dModRegistro #main-content #content .navbar {
	background-color: transparent;
	padding-left: 0;
	padding-right: 0;
	box-shadow: none;
}
.dModRegistro #main-content #content .container .card {
	border-color: #FFFFFF;
	border-radius: 1rem;
	margin-bottom: 1.875rem;
	overflow: hidden;
}
.dModRegistro #main-content #content .container .card .card-header {
	border-color: #FFFFFF;
	background-color: #FFFFFF;
	border-radius: 0;
	padding-bottom: 0;
}
.dModRegistro #main-content #content .container .card h2,
.dModRegistro #main-content #content .container .card h3 {
	color: var(--color-secondary);
	margin-bottom: 1.25rem;
}
.dModRegistro #main-content #content .dropdown-accordion {
	border-radius: 0;
}
.dModRegistro #main-content #content .dropdown-accordion .dropdown-toggle {
	color: var(--color-text);
	font-family: var(--font-for-content-semibold);
	font-size: .875rem;
	background-color: #FFFFFF;
	border-radius: .5rem;
	border: 1px solid var(--color-Concrete);
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.dModRegistro #main-content #content .dropdown-accordion .dropdown-toggle:hover {
	color: var(--color-entidad);
	background-color: var(--color-entidad-light);
	border-color: var(--color-entidad);
}
.dModRegistro #main-content #content .dropdown-accordion .dropdown-toggle .caret {
	--size-arrow-caret: 5px;
	width: 0; 
	height: 0;
	border-left: var(--size-arrow-caret) solid transparent;
	border-right: var(--size-arrow-caret) solid transparent;
	border-top: var(--size-arrow-caret) solid var(--color-entidad-dark);
	margin: 0 .5rem;
}
.dModRegistro #main-content #content .dropdown-accordion .dropdown-menu {
	padding: .75rem;
	border-radius: .5rem;
	border-color: var(--color-Concrete);
	min-width: 12rem;
}
.dModRegistro #main-content #content .dropdown-accordion .dropdown-menu a {
	display: block;
	padding: .5rem;
	border-radius: 0.3125rem;
}
.dModRegistro #main-content #content .dropdown-accordion .dropdown-menu a:hover {
	color: var(--color-entidad-dark);
	background-color: var(--color-entidad-light);
}

@media screen and (min-width: 992px) {
	#navbarUser .navbar {
		padding-left: var(--padding-x-navbar-govco);
		padding-right: var(--padding-x-navbar-govco);
	}
}
@media screen and (min-width: 768px) {
	.dModRegistro #main-content #content .dropdown-accordion .dropdown-menu {
		right: 0;
		left: auto;
	}
}

/****
 * ELEMENTOS GOVCO GENERAL
 * ***/
 
/* Etiquetas */
.etiqueta-govco {
	background-color: var(--color-form-disable-light) !important;
	border-radius: .875rem !important;
	color: var(--color-Black) !important;
	text-align: left;
	font-size: .875rem;
	font-family: var(--font-for-content-medium) !important;
	width: 150px;
	height: 28px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
}

.etiqueta-govco.info {
	background-color: var(--alert-default-light) !important;
	border-radius: .875rem;
	color: var(--alert-default) !important;
}
.etiqueta-govco.completado {
	background-color: var(--alert-success-light) !important;
	border-radius: .875rem;
	color: var(--alert-success) !important;
}

.etiqueta-govco.error {
	background-color: var(--alert-danger-light) !important;
	border-radius:.875rem;
	color: var(--alert-danger) !important;
}

.etiqueta-govco.pendiente {
	background-color: var(--alert-warning-light) !important;
	border-radius: .875rem;
	color: var(--alert-warning-dark) !important;
}

/* Tablas */
.encabezado-tabla {
	background: var(--color-entidad-dark);
	width: 100%;
}
.tablaGen {
	border: 2px solid var(--color-entidad-light) !important;
	opacity: 1;
	font-family: var(--font-for-content);
	width: 100% !important;
}
table.tablaGen {
	border-collapse: collapse !important;
}

.tablaGen thead th {
	padding-top: .875rem;
	padding-left: .938rem;
	padding-right: 0px;
}

.tablaGen thead th:nth-child(1) {
	padding-left: 20px;
}

.tablaGen thead tr:nth-child(1) {
	width: 1088px !important;
	border-style: none !important;
}

.tablaGen thead th:nth-child(1) {
	width: 5%;
}

.tablaGen thead th:nth-child(2) {
	width: 30%;
}

.tablaGen thead th:nth-child(3) {
	width: 15%;
}

.tablaGen thead th:nth-child(4) {
	width: 50%;
}

.tablaGen tbody td {
	padding-left: .938rem;
	padding-right: 0px;
}

.tablaGen tbody td:nth-child(1) {
	padding-left: 20px;
	padding-right: 0px;
}

.tablaGen thead tr th {
	vertical-align: top !important;
	background: var(--color-entidad-light);
	color: var(--color-entidad-dark);
	text-align: left !important;
	height: 71px !important;
	font-family: var(--font-for-content-medium) !important;
	letter-spacing: 0px;
	font-size: 1rem;
	border-bottom: none;
}

.tablaGen tbody {
	overflow-y: auto;
	width: 100%;
}

/* estilos del scroll */
.tablaGen tbody::-webkit-scrollbar {
	width: 8px;
	background: var(--color-entidad-light);
	border-radius: 12px;
	opacity: 1;
}

.tablaGen tbody::-webkit-scrollbar-thumb {
	background: var(--color-entidad-dark);
	border-radius: 12px;
	box-shadow: 0px 3px 6px #00000029;
	opacity: 1;
	height: 21px;
}

/* estilos del checkbox */
.tablaGen input[type="checkbox"]+label {
	color: var(--color-text);
	font-size: 1rem;
}

.tablaGen input[type="checkbox"] {
	-webkit-appearance: none;
	appearance: none;
	background-color: #ffffff;
	margin: 0;
	font: inherit;
	color: var(--color-entidad-dark);
	height: 20px;
	width: 20px;
	border: 3px solid var(--color-entidad-dark);
	transform: translateY(-0.075em);
	border-radius: 0.25rem;
	display: inline-grid;
	place-content: center;
	float: left;
	margin-right: 0.5em;
	margin-top: 0.25em;
	position: relative !important;
	opacity: 1 !important;
}

.tablaGen input[type="checkbox"]:checked::after {
	content: "";
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top: 0px;
	left: 3px;
	width: 7px;
	height: 13px;
	border: solid #ffffff;
	border-width: 0 3px 3px 0;
	transform: rotate(45deg);
	border-radius: 2px;
}

.tablaGen input[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
	pointer-events: auto!important;
}

.tablaGen input[type="checkbox"]:checked {
	background-color: var(--color-entidad-dark);
}

.tablaGen input[type="checkbox"]:focus-visible {
	outline: max(0.125rem, 0.15em) solid #000000;
	outline-offset: max(0.125rem, 0.15em);
}

.tablaGen input[type="checkbox"]:disabled {
	border: 0.188rem solid var(--color-form-border);
}

.tablaGen input[type="checkbox"]:checked:disabled {
	background-color: var(--color-form-border);
}

.tablaGen input[type="checkbox"]:disabled+label {
	color: var(--color-form-border);
}

/* estilos del tbody */
.contenido-tablas,
.tablaGen tbody {
	color: var(--color-text);
	font-family: var(--font-for-content);
	/*font-size: .75rem;*/
	text-align: left;
}

.contenido-tablas td,
.tablaGen>tbody>tr>td {
	height: 65px;
	vertical-align: middle !important;
	border: none;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: var(--color-entidad-light);
}

/* estilo para foundation*/
.tablaGen tbody tr:nth-child(even) {
	border-color: inherit!important;
}

/* estilo para tablas asentuadas en foundation*/
.table-acentuada tbody tr:nth-child(even){
	background-color: var(--color-table-td-bg-odd)!important;
}

.tablaGen input[type=checkbox]+label {
	margin: 0!important;
}

/* Paginador govco */
.pagination-container-govco {
	margin: 8px;
	line-height: normal !important;
	box-sizing: content-box !important;
}

.nav-pagination-govco {
	color: transparent !important;
	background: transparent !important;
	box-shadow: none !important;
	display: flex;
	height: auto !important;
	box-sizing: content-box !important;
}

.dataTables_paginate {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
}

.dataTables_paginate ul {
	background: #fff;
	display: flex;
	padding-left: 0px;
}

.dataTables_paginate {
	list-style: none;
	line-height: 2.5rem;
	text-align: center;
	cursor: pointer;
	transition: all 0.2s ease;
	font-family: var(--font-for-content);
	font-size: .875rem;
}

.dataTables_paginate {
	padding: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	margin: 0 0.5rem;
	border-radius: 4px !important;
}

.dataTables_paginate .number-govco,
.dataTables_paginate .dots-govco {
	margin: 0 0rem;
}

.dataTables_paginate .number-govco,
.dataTables_paginate .dots-govco,
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.previous),
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.next) {
	text-decoration: none;
	font-family: var(--font-for-content-medium);
	font-size: 1rem !important;
	color: #0B457F;
	display: inline-block;
	height: 2.5rem;
	width: 2.5rem;
	text-align: center;
	margin: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.next {
	color: var(--color-entidad);
	font-family: var(--font-for-content);
	text-decoration: underline;
	font-size: .75rem !important;
	width: auto;
	padding-left: .5rem;
	padding-right: .5rem;
	margin: 0 .5rem;
}

.prev-page-icon-govco, .next-page-icon-govco {
	display: none;
	height: 1rem;
}

.prev-page-icon-govco::before, .next-page-icon-govco::before {
	font-family: "govco-font";
	font-size: 1rem;
}

.prev-page-icon-govco::before{
	content: "\e811";
}

.next-page-icon-govco::before{
	content: "\e812";
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous:visited,
.paginate_button.next:visited {
	color: var(--color-entidad);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	pointer-events: none;
	color: var(--color-form-disable) !important;
	opacity: 1;
}

.dataTables_paginate .dots-govco {
	cursor: default;
}

.dataTables_paginate .current {
	background: var(--color-entidad);
	border-radius: 4px;
}
.dataTables_paginate .number-govco,
.dataTables_paginate .dots-govco,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:not(.previous),
.dataTables_wrapper .dataTables_paginate .paginate_button.current:not(.next) {
	color: #FFFFFF !important;
	background: var(--color-entidad) !important;
}

.dataTables_paginate .current {
	color: #fff;
}

.dataTables_paginate .number-govco:not(.current):hover,
.dataTables_paginate .number-govco:not(.current).hover,
.dataTables_paginate .number-govco:hover,
.dataTables_paginate .dots-govco:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.previous):hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.next):hover {
	color: var(--color-entidad-dark) !important;
	background: var(--color-entidad-light) !important;
}
.dataTables_paginate .number-govco:not(.current):hover,
.dataTables_paginate .number-govco:not(.current).hover {
	border-radius: 4px;
}

.dataTables_paginate .dots-govco:hover,
.dataTables_paginate .previous:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {
	background: transparent;
}

.dataTables_paginate .previous:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover,
.dataTables_paginate .previous:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:focus {
	color: var(--color-entidad-dark);
}

.dataTables_paginate .dots-govco:hover {
	color: #0B457F;
	cursor: default;
}

.dataTables_paginate .number-govco:focus,
.dataTables_paginate .number-govco.focus {
	outline: none;
	border: 1px solid black;
}

.dataTables_paginate .number-govco:not(.current):focus,
.dataTables_paginate .number-govco:not(.current).focus {
	background: var(--color-entidad-light);
}

@media (max-width: 575px) {
	.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
	.paginate_button.next {
	text-decoration: none !important;
	}

	.prev-page-icon-govco, .next-page-icon-govco{
	display: inline;
	}

	.prev-page-text-govco, .next-page-text-govco{
	display: none;
	}
}

/* SIDEBAR - GFILES */
.sidebar-box #nx-layout-sidebar,
.dModRegistro #main-content #content {
	height: calc(100vh - 146.5px);
}
.sidebar-box #nx-layout-sidebar {
	/*min-width: inherit;
	max-width: fit-content;*/
	width: 100%;
	overflow-y: auto;
	background: #FFFFFF;
	color: var(--color-text);
	transition: all 0.3s;
	position: relative;
}
#nx-layout-sidebar .sidebar-header {
	padding: 20px;
	background: var(--color-entidad);
}

#nx-layout-sidebar .sidebar-header strong {
	display: none;
	font-size: 1.8em;
}

#nx-layout-sidebar ul.menu-items {
	padding: 0;
	max-width: 240px;
}

#nx-layout-sidebar .menu-items li a {
	padding: 0 12px;
	font-size: .875rem;
	display: block;
	height: 32px;
	position: relative;
	border-radius: 0 1rem 1rem 0;
	overflow: hidden;
}

#nx-layout-sidebar .menu-items li a.submenu-level-2 {
	height: 40px;
	line-height: 40px;
	border-radius: 0 20px 20px 0;
}
#nx-layout-sidebar.active ul li a .icon-main {
	display: inline-block;
	width: 32px;
	text-align: center;
}

#nx-layout-sidebar ul li a .text {
	margin-left: .750rem;
}

#nx-layout-sidebar ul li a .right {
	position: absolute;
	right: 1rem;
	top: 5px;
}

#nx-layout-sidebar ul li a.submenu-level-2>.right {
	top: 10px;
}

#nx-layout-sidebar ul li a[aria-expanded=false] .right {
	transform: rotate(0deg);
}

#nx-layout-sidebar ul li a[aria-expanded=true] .right {
	transform: rotate(90deg);
}

#nx-layout-sidebar.active ul li a .text,
#nx-layout-sidebar.active ul li a .right {
	text-indent: 300px;
}

#nx-layout-sidebar.active:hover ul li a .text,
#nx-layout-sidebar.active:hover ul li a .right {
	text-indent: inherit;
}

#nx-layout-sidebar ul li a:hover {
	background: var(--color-Concrete);
}

#nx-layout-sidebar ul li.active>a,
a[aria-expanded="true"] {
	background: var(--color-Concrete);
}

a[data-toggle="collapse"] {
	position: relative;
}

/* .dropdown-toggle::after {
	display: none;
} */

#nx-layout-sidebar ul li ul li>a .icon-main,
#nx-layout-sidebar ul li ul li>a .fa-icon-main,
#nx-layout-sidebar.active:hover ul li ul li>a .icon-main,
#nx-layout-sidebar.active:hover ul li ul li>a .fa-icon-main {
	margin-left: 1rem;
}

#nx-layout-sidebar ul li ul li ul li>a .fa-icon-main,
#nx-layout-sidebar ul li ul li ul li>a .icon-main,
#nx-layout-sidebar.active:hover ul li ul li ul li>a .fa-icon-main,
#nx-layout-sidebar.active:hover ul li ul li ul li>a .icon-main {
	margin-left: 1.5rem
}

#nx-layout-sidebar.active ul li ul li>a,
#nx-layout-sidebar.active ul li ul li ul li>a {
	padding: 0 6px;
}

#nx-layout-sidebar ul ul a {
	font-size: 0.938em !important;
	padding-left: 1.5rem;
}

.submenu-level-3 li a {
	padding-left: 2.5rem !important;
}

#nx-layout-sidebar.active .submenu-level-3 li a {
	padding-left: 6px !important;
}

@media (min-width: 768px) {

	#nx-layout-sidebar.active ul li ul li>a .icon-main,
	#nx-layout-sidebar.active ul li ul li ul li>a .icon-main,
	#nx-layout-sidebar.active ul li ul li>a .fa-icon-main,
	#nx-layout-sidebar.active ul li ul li ul li>a .fa-icon-main {
		margin-left: 0.5rem;
	}
}
@media screen and (max-width: 767px) {
	.sidebar-box #nx-layout-sidebar,
	.dModRegistro #main-content #content {
		height: auto;
	}
	.dModRegistro #main-content #content .container .card .card-body {
		overflow-x: auto;
	}
}

/** ENLACES DESTACADOS - BLOQUE DINAMICO **/
.slider-icons-card .item {
	padding: 0 .5rem 1rem .5rem;
}
.slider-icons-card .item a {
	background-color: #FFFFFF;
	border: 2px solid var(--color-entidad-light);
	border-radius: .625rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
	padding: 0;
	text-decoration: none;
}
.slider-icons-card .item a .mediaPosition {
	color: var(--color-entidad-dark);
	background-color: var(--color-entidad-light);
	font-size: var(--dynamicl1-icon-size);
	width: var(--size-image-icon);
	height: 100% /*var(--size-image-icon)*/;
	line-height: var(--size-image-icon);
	min-height: inherit;
	text-align: center;
}
.slider-icons-card .item a .title {
	color: var(--color-text);
	font-family: var(--font-for-title);
	font-size: .938rem;
	width: calc(100% - var(--size-image-icon));
	margin-bottom: 0;
	line-height: 1.125;
	padding: .5rem .625rem;
}
.slider-icons-card .item a:hover,
.slider-icons-card .item a:focus {
	color: var(--color-entidad-dark);
	background-color: var(--color-entidad-light);
	border-color: var(--color-entidad-light);
	text-decoration: none;
}
.slider-icons-card .item a:hover .mediaPosition,
.slider-icons-card .item a:focus .mediaPosition {
	color: #FFFFFF;
	background-color: var(--color-entidad-dark);
}
.slider-icons-card .item a:hover .title,
.slider-icons-card .item a:focus .title {
	color: var(--color-entidad-dark);
}

.slider-icons-card .dotsDynamic {
	bottom: -1.5rem;
}
.slider-icons-card .dotsDynamic li button {
	border-color: var(--color-entidad-dark);
}
.slider-icons-card .dotsDynamic li.slick-active button {
	background-color: var(--color-entidad-dark);
	border-color: var(--color-entidad-dark);
}

/*SPINNER*/

.loading-overlay {
	display: none;
	background: rgba(255, 255, 255, 0.8);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 9999;
	backdrop-filter: blur(5px);
	justify-content: center;
	align-items: center;
}

.loading-spinner {
	/* Eliminamos el posicionamiento absoluto ya que usamos flexbox */
	text-align: center;
	margin-top:20%;
}

.spinner-border {
	width: 3rem;
	height: 3rem;
}

.btn-sso {
	background-color: #ffffff;
	color: #495057;
	font-size: 13px;
	font-weight: bold;
	border: 1px solid #dcdcdc;
	width: 300px;
	height: 40px;
	border-radius: 0;
	padding: 10px 20px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); cursor: pointer;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.btn-sso:hover {
	background-color: #f8f9fa;
	border-color: #c4c4c4;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.icon-lock {
	width: 16px;
	height: 12px;
	border: 2px solid #ffffff;
	border-radius: 2px;
	position: relative;
	background-color: transparent;
}

.icon-lock::before {
	content: '';
	position: absolute;
	top: -8px;
	left: 50%;
	transform: translateX(-50%);
	width: 10px;
	height: 6px;
	border: 2px solid #ffffff;
	border-radius: 6px 6px 0 0;
	background-color: transparent;
}

/* REGISTRO */

.registro-flow {
    max-width: 760px;
    margin: 0 auto;
    padding: 40px 16px 70px;
}

.registro-card {
    max-width: 540px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #dfe7f2;
    border-radius: 28px;
    padding: 48px;
    box-shadow: 0 18px 45px rgba(15, 34, 67, .08);
}

.registro-card h2 {
    margin: 0 0 10px;
    text-align: center;
    color: #1f2a44;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.15;
}

.registro-subtitle {
    margin: 0 0 34px;
    text-align: center;
    color: #607293;
    font-size: 16px;
}

/* Pasos */

.registro-steps {
    position: relative;
    max-width: 560px;
    margin: 0 auto 50px;
    display: flex;
    justify-content: space-between;
}

.registro-steps::before {
    content: "";
    position: absolute;
    top: 22px;
    left: 34px;
    right: 34px;
    height: 2px;
    background: #dbe3ef;
}

.registro-step {
    position: relative;
    z-index: 1;
    min-width: 86px;
    text-align: center;
    color: #93a4bd;
    font-size: 13px;
}

.registro-step span {
    width: 44px;
    height: 44px;
    margin: 0 auto 8px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #dbe3ef;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #93a4bd;
    font-size: 17px;
    font-weight: 800;
}

.registro-step.active {
    color: #0046c7;
}

.registro-step.active span {
    background: #0046c7;
    border-color: #0046c7;
    color: #fff;
}

/* Formulario dinámico */

.registro-form-content fieldset,
.registro-form-content .row,
.registro-form-content .form-group {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.registro-form-content legend {
    display: none !important;
}

.registro-form-content fieldset {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 16px !important;
    row-gap: 22px !important;
}

.registro-form-content .form-group {
    grid-column: 1 / -1;
    width: 100% !important;
}

.registro-form-content [class*="col-"] {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    flex: none !important;
}

/* Campos en dos columnas */
.registro-form-content .form-group:has(select[name="tipoUsuario"]),
.registro-form-content .form-group:has(input[name="ShopperID"]),
.registro-form-content .form-group:has(input[name="fecha_nacimiento"]),
.registro-form-content .form-group:has(select[name="genero"]) {
    grid-column: span 1 !important;
}

/* Labels */
.registro-form label,
.registro-form-content label {
    display: block !important;
    margin: 0 0 8px !important;
    color: #607293 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    letter-spacing: .18em !important;
}

/* Campos */
.registro-form input[type="text"],
.registro-form input[type="password"],
.registro-form input[type="email"],
.registro-form input[type="tel"],
.registro-form input[type="number"],
.registro-form input[type="date"],
.registro-form select,
.registro-form textarea {
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    padding: 12px 16px !important;
    border: 1px solid #d7e0ec !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: #1f2a44 !important;
    font-size: 15px !important;
    box-shadow: none !important;
}

.registro-form input::placeholder {
    color: #8aa0bf !important;
}

.registro-form input:focus,
.registro-form select:focus {
    border-color: #0046c7 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(0, 70, 199, .12) !important;
}

/* Medidor nuevo */
.password-strength {
    grid-column: 1 / -1 !important;
    margin-top: -14px;
}

.password-strength-bars {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.password-strength-bars span {
    display: block;
    height: 6px;
    border-radius: 999px;
    background: #e2e8f0;
}

#passwordStrengthText {
    margin: 8px 0 0;
    font-size: 11px;
    color: #ef4444;
}

.password-strength.strength-low .password-strength-bars span:nth-child(1) {
    background: #ef4444 !important;
}

.password-strength.strength-medium .password-strength-bars span:nth-child(1),
.password-strength.strength-medium .password-strength-bars span:nth-child(2) {
    background: #f59e0b !important;
}

.password-strength.strength-high .password-strength-bars span:nth-child(1),
.password-strength.strength-high .password-strength-bars span:nth-child(2),
.password-strength.strength-high .password-strength-bars span:nth-child(3) {
    background: #22c55e !important;
}

.password-strength.strength-low #passwordStrengthText {
    color: #ef4444 !important;
}

.password-strength.strength-medium #passwordStrengthText {
    color: #f59e0b !important;
}

.password-strength.strength-high #passwordStrengthText {
    color: #22c55e !important;
}

/* Checks */
.registro-form-content .form-group:has(input[type="checkbox"]) {
    grid-column: 1 / -1 !important;
    margin-bottom: 14px !important;
}

.registro-form-content .form-group:has(input[type="checkbox"]):first-of-type {
    border-top: 1px solid #eef2f7 !important;
    padding-top: 18px !important;
    margin-top: 8px !important;
}

.registro-form input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
    margin: 0 12px 0 0 !important;
    position: static !important;
    opacity: 1 !important;
}

.registro-form input[type="checkbox"] + label,
.registro-form .checkbox label {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    margin: 0 !important;
    color: #44546f !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

.registro-form .checkbox {
    display: flex !important;
    align-items: center !important;
}

/* Botón */
.registro-btn {
    width: 100%;
    min-height: 56px;
    border: 0 !important;
    border-radius: 14px !important;
    padding: 14px 24px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    cursor: pointer;
}

.registro-btn-primary {
    margin-top: 34px;
    background: #0046c7 !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(0, 70, 199, .25);
}

/* Responsive */
@media (max-width: 768px) {
    .registro-card {
        padding: 32px 22px;
    }

    .registro-form-content fieldset {
        grid-template-columns: 1fr !important;
    }
}

.campo-tipo-identificacion,
.campo-numero-identificacion,
.campo-fecha-nacimiento,
.campo-genero {
    grid-column: span 1 !important;
}

@media (max-width: 768px) {
    .campo-tipo-identificacion,
    .campo-numero-identificacion,
    .campo-fecha-nacimiento,
    .campo-genero {
        grid-column: 1 / -1 !important;
    }
}

/* Oculta el medidor viejo completo, pero deja funcionando el score interno */
#groupFuerza {
    display: none !important;
}

#scoreCss,
#scorebar,
#scorebarBorder,
#complexity,
#complexityLabel,
#div_Total1,
#pwsdEstComp,
#dialog {
    display: none !important;
}


.registro-step.done {
    color: #0046c7;
}

.registro-step.done span {
    background: #0046c7;
    border-color: #0046c7;
    color: #fff;
}

.registro-confirmacion-card {
    max-width: 540px;
}

.registro-confirm-box {
    border: 1px solid #dfe7f2;
    border-radius: 18px;
    padding: 28px 24px;
    background: #f8fbff;
}

.registro-confirm-box h3 {
    margin: 0 0 24px;
    color: #1f2a44;
    font-size: 20px;
    font-weight: 800;
}

.confirm-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px 32px;
}

.confirm-full {
    grid-column: 1 / -1;
}

.confirm-grid small,
.registro-confirm-box small {
    display: block;
    margin-bottom: 4px;
    color: #8aa0bf;
    font-size: 10px;
    font-weight: 700;
}

.confirm-grid strong,
.registro-confirm-security strong {
    color: #1f2a44;
    font-size: 16px;
    font-weight: 800;
}

.registro-confirm-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 24px;
}

.registro-confirm-security {
    background: #10172a;
    color: #fff;
}

.registro-confirm-security h3,
.registro-confirm-security strong {
    color: #fff;
}

.registro-confirm-preferences p {
    margin: 0 0 12px;
    color: #44546f;
    font-size: 14px;
}

.registro-btn-secondary {
    margin-top: 14px;
    background: #10172a !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(16, 23, 42, .22);
}

.registro-confirm-note {
    margin: 24px 20px 0;
    text-align: center;
    color: #8aa0bf;
    font-size: 11px;
}

@media (max-width: 768px) {
    .registro-confirm-row,
    .confirm-grid {
        grid-template-columns: 1fr;
    }
}

/* REGISTRO - PASO 3 */

.registro-final {
    max-width: 540px;
    min-height: 520px;
    padding: 64px 48px !important;
    display: flex !important;
    flex-direction: column;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.registro-final-icon {
    width: 92px;
    height: 92px;
    margin: 0 auto 34px;
    border-radius: 50%;
    background: #dcfce7;
    border: 4px solid #bbf7d0;
    color: #10b981;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 42px;
    font-weight: 900;
}

.registro-final h2 {
    margin: 0 0 18px !important;
    font-size: 38px !important;
    text-align: center !important;
}

.registro-final-text {
    max-width: 380px;
    margin: 0 auto 48px !important;
    color: #607293;
    font-size: 17px;
    line-height: 1.7;
    text-align: center;
}

.registro-link-btn {
    max-width: 320px;
    width: 100%;
    min-height: 56px;
    margin-top: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
}

.registro-link-btn:hover,
.registro-link-btn:focus {
    color: #fff !important;
    text-decoration: none !important;
}

.registro-social-card {
    max-width: 700px;
    margin: 0 auto 40px;
    padding: 40px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
    text-align: center;
}

.registro-social-card h2 {
    margin-bottom: 30px;
    color: #003366;
    font-size: 2rem;
    font-weight: 700;
}

.registro-social-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.registro-social-buttons a,
.registro-social-buttons button {
    width: 100%;
    max-width: 380px;
}

.registro-divider {
    text-align: center;
    margin: 30px 0;
    position: relative;
}

.registro-divider::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 20%;
    width: 25%;
    height: 1px;
    background: #d6dce8;
}

.registro-divider::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 20%;
    width: 25%;
    height: 1px;
    background: #d6dce8;
}

.registerDiv-text {
    background: #f5f7fb;
    padding: 0 15px;
    color: #667085;
    font-weight: 600;
}

.registro-social-login {
    max-width: 460px;
    margin: 40px auto 30px;
}

.registro-social-login .registro-social-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.registro-social-login .registro-social-buttons a,
.registro-social-login .registro-social-buttons button {
    width: 330px !important;
    max-width: 100%;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.registro-social-login .registro-divider {
    margin: 28px 0 0;
}