:root {
	/* Style primary */
	--cl-primary: #537DA1; /* hum: #537DA1 | neifer: #D2B36B*/
	--clop-primary: rgba(28, 109, 180, .5); /* hum: rgba(28, 109, 180, .5) | neifer: rgba(210, 179, 107, .8)*/
	--p-cl-dark: rgb(47, 71, 101); /* hum: rgb(47, 71, 101) | neifer: #B09149 */

	/* Style Secondary */
	--cl-secondary: #537DA1; /* hum: #537DA1 | neifer: rgb(210, 179, 107) */
	--clop-secondary: rgb(35, 70, 79); /* hum: rgb(35, 70, 79) | neifer: rgb(35, 70, 79) */

	/* Style Tertiary */
	--cl-tertiary: #23464f;
	--clop-tertiary: rgb(35, 70, 79, .7);

	/* Text Por defecto */
	--text-primary: #23464F; /* hum: #537DA1 | neifer: rgb(35, 70, 79) */

	/* color iconos */
	--i-cl-primary: #537DA1; /* hum: #537DA1 | neifer: rgb(35, 70, 79) */
	--i-clhv-primary: rgb(35, 70, 79, .8);
}

*, button, input, optgroup, select, textarea{
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
}

body{
	color: var(--text-primary);
}

/* Bootstrap */
.text-danger b{
	color: #dc3545 !important;
}
.card-primary.card-outline {
	border-top: 3px solid var(--cl-primary);
}

.nav-pills .nav-link:not(.active):hover {
	color: var(--cl-primary);
}

label{
	color: var(--text-primary);
}
/* ============= */

.pointer {
	cursor: pointer;
}

.form-control *{
	font-weight: 400;
}

[v-cloak] {
	display: none;
}

h1, h2, h3, h4, h5, h6, b, strong{
	font-weight: 600;
}

*:is(h1, h2, h3, h4, h5, h6, b, strong):not(.text-danger):not(.text-danger *){
	color: var(--cl-primary);
}

.btn-primary{
	color: #fff;
	background-color: rgba(83, 125, 161, .9);
	border-color: rgba(83, 125, 161, .8);
}

.btn-primary:not(:disabled):not(.disabled):is(:hover,:active, :focus){
	color: #fff;
	background-color: var(--cl-primary);
	border-color: var(--cl-primary);
}

i, .p-link-primary{
	color: var(--i-clhv-primary);
}

.small-box > .small-box-footer i{
	color: #fff;
}

.p-link-primary:hover{
	color: var(--i-cl-primary);
}

a, .p-link-primary{
	color: var(--clop-primary);
}

a:hover, .p-link-primary:hover{
	color: var(--cl-primary);
}

.p-link-secondary{
	color: var(--clop-secondary) !important;
}

.p-link-secondary:hover{
	color: var(--cl-secondary) !important;
}

.p-link-tertiary{
	color: var(--clop-tertiary) !important;
}

.p-link-tertiary:hover{
	color: var(--cl-tertiary) !important;
}

.cl-n{
	color: unset;
}

.bg-base{
	background-color: var(--cl-primary) !important;
	color: #fff!important;
}

.bg-secondary{
	background-color: var(--clop-secondary) !important;
	color: #fff!important;
}

.p-btn-primary{
	color: #fff;
	background-color: var(--clop-primary);
	border-color: var(--clop-primary);
}

.p-btn-primary:hover{
	color: #fff;
	background-color: var(--cl-primary);
	border-color: var(--cl-primary);
}

.p-btn-secondary{
	color: #fff;
	background-color: var(--clop-secondary);
	border-color: var(--clop-secondary);
}

.p-btn-secondary:hover{
	color: #fff;
	background-color: var(--cl-secondary);
	border-color: var(--cl-secondary);
}

.p-btn-tertiary{
	color: #fff;
	background-color: var(--clop-tertiary);
	border-color: var(--clop-tertiary);
}

.p-btn-tertiary:hover{
	color: #fff;
	background-color: var(--cl-tertiary);
	border-color: var(--cl-tertiary);
}

.p-text-primary{
	color: var(--cl-primary) !important;
}

.p-text-secondary{
	color: var(--cl-secondary) !important;
}

.p-text-tertiary{
	color: var(--cl-tertiary) !important;
}

.text-justify{
	text-align: justify;
}

.badge{
	font-weight: 400;
}

.section-dark{
	background-color: var(--cl-primary);
}

.section-dark *{
	color: white;
}

.input-group .form-control.is-valid{
	z-index: 0;
}

.form-control, .multiselect__tags{
    border-radius: 1rem;
}

.main-sidebar .brand-link img{
	height: calc(1.65rem + 1px);
}

.sidebar-collapse .sidebar .user-panel{
	justify-content: flex-start!important;
}

.sidebar .user-panel .info *{
	font-weight: bold;
}

.sidebar .user-panel .info, .nav-pills .nav-link, [class*=sidebar-dark-] .sidebar a, .text-base{
    color: var(--text-primary);
}

/*[class*=sidebar-white] .user-panel, [class*=sidebar-white] .brand-link {
    border-bottom: 1px solid #1D6DB4;
}*/

[class*=sidebar-white] .brand-link, [class*=sidebar-dark] .brand-link .pushmenu {
    color: rgba(83, 125, 161, .8);
}

[class*=sidebar-white] .brand-link .pushmenu:hover, [class*=sidebar-white] .brand-link:hover {
    color: var(--text-primary);
}

[class*=sidebar-white-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-white-] .nav-sidebar>.nav-item:hover>.nav-link, [class*=sidebar-white-] .nav-sidebar>.nav-item>.nav-link:focus {
    background-color: rgba(83, 125, 161,.1);
    color: var(--text-primary);
}

.sidebar-white-primary .nav-sidebar>.nav-item>.nav-link.active i, .sidebar-white-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: var(--cl-primary);
    color: #fff;
}

[class*=sidebar-white-] .nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-white-] .nav-treeview>.nav-item>.nav-link.active:focus, [class*=sidebar-white-] .nav-treeview>.nav-item>.nav-link.active:hover {
    background-color: rgba(83, 125, 161,.23);
    color: var(--text-primary);
}

/* =========================== small-box ===========================  */
.small-box>.small-box-footer{
	background-color: var(--i-clhv-primary);
}

.small-box>.small-box-footer:hover{
	background-color: var(--i-cl-primary);
}

.small-box .icon>i{
	right: 24px;
    color: var(--i-cl-primary);
}

.small-box .inner p{
	color: var(--cl-secondary);
}

/* =========================== Invalid TextArea ===========================  */
textarea.form-control.is-invalid ~ [class*=cke_editor_]{
	border-color: #dc3545;
}

textarea.form-control.is-invalid ~ [class*=cke_editor_] .cke_contents{
    padding-right: 2.25rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

textarea.form-control.is-valid ~ [class*=cke_editor_]{
	border-color: #28a745;
}

textarea.form-control.is-valid ~ [class*=cke_editor_] .cke_contents{
    padding-right: 2.25rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

/* =========================== Invalid Select ===========================  */
.multiselect__tags{
	border: 1px solid #ced4da;
}

.multiselect--above .multiselect__content-wrapper{
	border-top: 3px solid #877c7c;
}

.multiselect__content-wrapper{
	border: 1px solid #877c7c;
	border-top: none;
    border-bottom: 3px solid;
}

.multiselect__option.multiselect__option--disabled span{
	font-weight: bold;
}

.multiselect__option--selected{
	background: #85d0a1d1;
}

.multiselect__option--selected span{
	font-weight: 500;
}

.multiselect, .multiselect__input, .multiselect__single {
    font-family: inherit;
    font-size: 16px;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

.multiselect__option--highlight{
	background: #1c6db4;
}
.multiselect__tags.form-control.is-invalid,
.multiselect__tags.form-control.is-valid{
	background-position: right calc(1.875em + 0.1875rem) center;
	padding-right: calc(2.5em + 0.75rem);
}
/* =========================== Loader ===========================  */
.load{
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	background-color: rgb(0,0,0, .85);/*rgba(0, 0, 0, .75);*/
	z-index: 1000;
}

.load .abs-center img{
	max-width: 64px;
}

.abs-center{
	max-width: 400px;
}

.abs-center *{
	color: #fff;
}

.blurred{
	filter: blur(2px);
	/*filter: brightness(60%);
	filter: contrast(40%);
	filter: drop-shadow(4px 4px 10px blue);
	filter: grayscale(30%);
	filter: hue-rotate(120deg);
	filter: invert(70%);
	filter: opacity(20%);
	filter: sepia(90%);
	filter: saturate(80%);*/
}

/* =========================== Preloader ===========================  */
.preloader{
	transition: height .1s linear;
}

/* =========================== Tables ===========================  */
table th{
	font-weight: 700;
}

.table-hover tbody tr:hover{
	background-color: rgba(25, 20, 210, 0.20);
}

.datasTable th{
	width: 20%;
}

.table td, .table th {
    font-size: 14px;
}

.table tbody td, .table tbody th{
	color: var(--text-primary);
}

.table tbody tr td, .table tbody tr th{
	border: none;
	border-bottom: 1px solid rgba(130, 139, 178, 0.1);
}

.table thead tr th{
	/* color: var(--cl-primary); */
	border-left: 0;
    border-right: 0;
}

/* =========================== modal ===========================  */
.modal-dialog ul li::marker, .modal-dialog a{
	color: var(--cl-primary);
}

.modal-dialog a{
	text-decoration: none;
}

textarea.sub-textarea{
	font-size: 14px;
	height: auto !important;
	min-height: 63px;
}

/* =========================== multiSelect ===========================  */
.multiselect__tags.form-control{
	height: auto;
	padding-bottom: 0;
}

/* =========================== Pagination ===========================  */
.page-item.active .page-link {
	background-color: var(--clop-secondary);
    border-color: var(--clop-secondary);
}

.page-link{
	color: var(--text-primary);
}

.option-pagination i:hover{
	color: var(--cl-secondary);
}

.option-pagination .p-text-primary{
	color: var(--clop-secondary);
}

.option-pagination{
	width: 12%;
}

.page-link:hover{
	color: #fff;
	background-color: var(--cl-secondary);
	border-color: var(--cl-secondary);
}