/**
* Author: Luis Miguel Sovero
* Date: 21/10/2025
*/

/* region *****LOGIN***** */
.auth.auth-bg-1 {
  background: var(--login-background-image-mobile);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (min-width: 768px) {
  .auth.auth-bg-1 {
    background: var(--login-background-image-desktop);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
}
/* endregion END LOGIN */

.form-radio.form-radio-flat label input:checked + .input-helper:before {
  background: var(--input-check-color);
  border-color: var(--input-check-color);
}
.form-check.form-check-flat label input:checked + .input-helper:before {
  background: var(--input-check-color);
  border-color: var(--input-check-color);
}
.bg-secondary .form-radio label input + .input-helper:before {
  border-color: var(--input-border-color);
}
/* region *****NAVBAR***** */
.navbar.default-layout {
  background: var(--navbar-background-color);
}
.sidebar .nav .nav-item.active > .nav-link .menu-title,
.sidebar .nav .nav-item.active > .nav-link i {
  color: var(--primary-color) !important;
  font-weight: 500;
}
.nav-item.active a.nav-link.active,
.nav-item.active a.nav-link[data-toggle="collapse"] {
  color: var(--primary-color) !important;
  font-weight: 500 !important;
}
/* endregion END NAVBAR */

/* region *****BUTTONS***** */
.btn-primary {
  background: var(--primary-color);
  color: var(--neutro-color-100);
  border: none;
  font-weight: 300;
}
.btn-primary:hover {
  background: var(--primary-color-light);
  color: var(--neutro-color-100);
}
.btn-primary:active {
  background: var(--primary-color-light) !important;
  box-shadow: 0 0 1px 3px var(--primary-color-lighter) !important;
  color: var(--neutro-color-100) !important;
  font-weight: 600;
}
.btn-primary:focus {
  background: var(--primary-color-light);
  color: var(--neutro-color-100) !important;
  font-weight: 600;
}
.btn-primary.disabled {
  background: var(--primary-color-disabled);
  font-weight: 100;
  color: var(--neutro-color-500);
}
.btn-primary.disabled:hover {
  background: var(--primary-color-disabled);
  font-weight: 100;
  color: var(--neutro-color-500);
}
.btn-primary.disabled:active {
  background: var(--primary-color-disabled) !important;
  box-shadow: none !important;
}
.btn-primary.disabled:focus {
  background: var(--primary-color-disabled);
}
.btn-secondary {
  background: var(--neutro-color-700);
  color: var(--neutro-color-white);
  border: none;
}
.btn-secondary:hover {
  background: var(--neutro-color-600);
  color: var(--neutro-color-white);
  border: none;
}
.btn-secondary:active {
  background: var(--neutro-color-600);
  color: var(--neutro-color-white) !important;
  border: none;
  box-shadow: 0 0 1px 3px var(--secondary-color-light) !important;
}
.btn-secondary:focus {
  background: var(--neutro-color-600);
  border: none;
  font-weight: 600;
}
.btn-secondary.disabled {
  background: var(--secondary-color-lighter);
  color: var(--neutro-color-700);
}
.btn-secondary.disabled:hover {
  background: var(--secondary-color-light);
  color: var(--neutro-color-700);
}

.btn-secondary.disabled:active {
  background: var(--secondary-color-light) !important;
  box-shadow: none !important;
}
.btn-secondary.disabled:focus {
  background: var(--secondary-color-light);
}
.btn-success {
  background: var(--success-color);
  color: var(--neutro-color-white);
  border: none;
}
.btn-success.disabled,
.btn-success:disabled {
  background: var(--success-color-light);
}
.btn-success.disabled:hover {
  background: var(--success-color-light);
}
.btn-success.disabled:active {
  background: var(--success-color-light) !important;
  box-shadow: none !important;
}
.btn-success.disabled:focus {
  background: var(--success-color-light);
}
.btn-success:hover {
  background: var(--success-color-dark);
}
.btn-success:active {
  background: var(--success-color-dark) !important;
  box-shadow: 0 0 1px 3px var(--success-color-lighter) !important;
}
.btn-success:focus {
  background: var(--success-color-dark);
  color: var(--neutro-color-white);
}
.btn-danger {
  background: var(--danger-color);
  color: var(--neutro-color-white);
  border: none;
}
.btn-danger.disabled {
  background: var(--danger-color-light);
}
.btn-danger.disabled:hover {
  background: var(--danger-color-light);
}
.btn-danger.disabled:active {
  background: var(--danger-color-light) !important;
  box-shadow: none !important;
}
.btn-danger.disabled:focus {
  background: var(--danger-color-light);
}
.btn-danger:hover {
  background: var(--danger-color-dark);
}
.btn-danger:active {
  background: var(--danger-color-dark) !important;
  box-shadow: 0 0 1px 3px var(--danger-color-lighter) !important;
}
.btn-danger:focus {
  background: var(--danger-color-dark);
  color: var(--neutro-color-white);
}
.btn-warning {
  background: var(--warning-color);
  border: none;
}
.btn-warning.disabled {
  background: var(--warning-color-light);
}
.btn-warning.disabled:hover {
  background: var(--warning-color-light);
}
.btn-warning.disabled:active {
  background: var(--warning-color-light) !important;
  box-shadow: none !important;
}
.btn-warning.disabled:focus {
  background: var(--warning-color-light);
}
.btn-warning:hover {
  background: var(--warning-color-dark);
}
.btn-warning:active {
  background: var(--warning-color-dark) !important;
  box-shadow: 0 0 1px 3px var(--warning-color-lighter) !important;
}
.btn-warning:focus {
  background: var(--warning-color-dark);
  color: var(--neutro-color-white);
}

.btn-info {
  background: var(--info-color);
  color: var(--neutro-color-white);
  border: none;
}
.btn-info.disabled {
  background: var(--info-color-light);
}
.btn-info.disabled:hover {
  background: var(--info-color-light);
}
.btn-info.disabled:active {
  background: var(--info-color-light) !important;
  box-shadow: none !important;
}
.btn-info.disabled:focus {
  background: var(--info-color-light);
}
.btn-info:hover {
  background: var(--info-color-dark);
}
.btn-info:active {
  background: var(--info-color-dark) !important;
  box-shadow: 0 0 1px 3px var(--info-color-lighter) !important;
}
.btn-info:focus {
  background: var(--info-color-dark);
  color: var(--neutro-color-white);
}

.btn-light {
}
.btn-light.disabled {
}
.btn-light:hover {
}
.btn-light:active {
}

.btn-dark {
}
.btn-dark.disabled {
}
.btn-dark:hover {
}
.btn-dark:active {
}

.btn.btn-outline-primary {
  background: none;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
}

.btn.btn-outline-primary:hover {
  background: var(--primary-color);
  color: var(--neutro-color-white);
}

.btn.btn-outline-primary:active {
  background: var(--primary-color);
  color: var(--neutro-color-white);
  box-shadow: 0 0 1px 3px var(--neutro-color-700);
}

.btn.btn-outline-primary:focus {
  background: var(--primary-color);
  color: var(--neutro-color-white);
}

.btn.btn-outline-primary.disabled {
  background: none;
  color: var(--primary-color-disabled);
}
.btn.btn-outline-primary.disabled:hover {
  background: none;
  color: var(--primary-color-disabled);
}
.btn.btn-outline-primary.disabled:active {
  background: none;
  box-shadow: none;
  color: var(--primary-color-disabled);
}
.btn.btn-outline-primary.disabled:focus {
  background: none;
  color: var(--primary-color-disabled);
}
.btn.btn-outline-secondary {
  background: none;
  color: var(--neutro-color-200);
  border: 1px solid var(--neutro-color-200);
}

.btn.btn-outline-secondary:hover {
  background: var(--neutro-color-200);
  color: var(--neutro-color-white);
}

.btn.btn-outline-secondary:active {
  background: var(--neutro-color-200);
  color: var(--neutro-color-white);
  box-shadow: 0 0 1px 3px var(--neutro-color-100);
}

.btn.btn-outline-secondary:focus {
  background: var(--neutro-color-200);
  color: var(--neutro-color-white);
}

.btn.btn-outline-secondary.disabled {
  background: none;
  color: var(--neutro-color-300);
}
.btn.btn-outline-secondary.disabled:hover {
  background: none;
  color: var(--neutro-color-300);
}
.btn.btn-outline-secondary.disabled:active {
  background: none;
  box-shadow: none;
  color: var(--neutro-color-300);
}
.btn.btn-outline-secondary.disabled:focus {
  background: none;
  color: var(--neutro-color-300);
}

.btn.btn-outline-success {
  background: none;
  color: var(--success-color);
  border: 1px solid var(--success-color);
}

.btn.btn-outline-success:hover {
  background: var(--success-color);
  color: var(--neutro-color-white);
}

.btn.btn-outline-success:active {
  background: var(--success-color);
  color: var(--neutro-color-white);
  box-shadow: 0 0 1px 3px var(--success-color-light);
}

.btn.btn-outline-success:focus {
  background: var(--success-color);
  color: var(--neutro-color-white);
}

.btn.btn-outline-success.disabled {
  background: none;
  color: var(--success-color-light);
}
.btn.btn-outline-success.disabled:hover {
  background: none;
  color: var(--success-color-light);
}
.btn.btn-outline-success.disabled:active {
  background: none;
  box-shadow: none;
  color: var(--success-color-light);
}
.btn.btn-outline-success.disabled:focus {
  background: none;
  color: var(--success-color-light);
}

.btn.btn-outline-danger {
  background: none;
  color: var(--danger-color);
  border: 1px solid var(--danger-color);
}

.btn.btn-outline-danger:hover {
  background: var(--danger-color);
  color: var(--neutro-color-white);
}

.btn.btn-outline-danger:active {
  background: var(--danger-color);
  color: var(--neutro-color-white);
  box-shadow: 0 0 1px 3px var(--danger-color-light);
}

.btn.btn-outline-danger:focus {
  background: var(--danger-color);
  color: var(--neutro-color-white);
}

.btn.btn-outline-danger.disabled {
  background: none;
  color: var(--danger-color-light);
}

.btn.btn-outline-danger.disabled:hover {
  background: none;
  color: var(--danger-color-light);
}

.btn.btn-outline-danger.disabled:active {
  background: none;
  box-shadow: none;
  color: var(--danger-color-light);
}

.btn.btn-outline-danger.disabled:focus {
  background: none;
  color: var(--danger-color-light);
}

.btn.btn-outline-warning {
  background: none;
  color: var(--warning-color);
  border: 1px solid var(--warning-color);
}

.btn.btn-outline-warning:hover {
  background: var(--warning-color);
  color: var(--neutro-color-white);
}

.btn.btn-outline-warning:active {
  background: var(--warning-color);
  color: var(--neutro-color-white);
  box-shadow: 0 0 1px 3px var(--warning-color-light);
}

.btn.btn-outline-warning:focus {
  background: var(--warning-color);
  color: var(--neutro-color-white);
}

.btn.btn-outline-warning.disabled {
  background: none;
  color: var(--warning-color-light);
}

.btn.btn-outline-warning.disabled:hover {
  background: none;
  color: var(--warning-color-light);
}

.btn.btn-outline-warning.disabled:active {
  background: none;
  box-shadow: none;
  color: var(--warning-color-light);
}

.btn.btn-outline-warning.disabled:focus {
  background: none;
  color: var(--warning-color-light);
}

.btn.btn-outline-info {
  background: none;
  color: var(--info-color);
  border: 1px solid var(--info-color);
}

.btn.btn-outline-info:hover {
  background: var(--info-color);
  color: var(--neutro-color-white);
}

.btn.btn-outline-info:active {
  background: var(--info-color);
  color: var(--neutro-color-white);
  box-shadow: 0 0 1px 3px var(--info-color-light);
}

.btn.btn-outline-info:focus {
  background: var(--info-color);
  color: var(--neutro-color-white);
}

.btn.btn-outline-info.disabled {
  background: none;
  color: var(--info-color-light);
}

.btn.btn-outline-info.disabled:hover {
  background: none;
  color: var(--info-color-light);
}

.btn.btn-outline-info.disabled:active {
  background: none;
  box-shadow: none;
  color: var(--info-color-light);
}

.btn.btn-outline-info.disabled:focus {
  background: none;
  color: var(--info-color-light);
}
/* endregion END BUTTONS */

/* region *****ALERTS***** */
.alert-primary {
  background: var(--primary-color);
  color: var(--neutro-color-100);
  border: none;
}

.alert-secondary {
  background: var(--secondary-color);
  color: var(--neutro-color-white);
  border: none;
}

.alert-success {
  background: var(--alert-success-color-light);
  color: var(--alert-success-color);
  border: 1px solid var(--alert-success-color);
}
.alert-danger {
  background: var(--alert-danger-color-light);
  color: var(--alert-danger-color);
  border: 1px solid var(--alert-danger-color);
}
.alert-warning {
  background: var(--alert-warning-color-light);
  color: var(--alert-warning-color);
  border: 1px solid var(--alert-warning-color);
}
.alert-info {
  background: var(--alert-info-color-light);
  color: var(--alert-info-color);
  border: 1px solid var(--alert-info-color);
}

.alert-light {
}

.alert-dark {
}
/* endregion END ALERTS */

/* region *****BADGES***** */
.badge-primary {
  background: var(--primary-color);
  color: var(--neutro-color-100);
  border: none;
}

.badge-secondary {
  background: var(--secondary-color);
  color: var(--neutro-color-white);
  border: none;
}

.badge-success {
  background: var(--success-color);
  color: var(--neutro-color-white);
  border: none;
}

.badge-danger {
  background: var(--danger-color);
  color: var(--neutro-color-white);
  border: none;
}

.badge-warning {
  background: var(--warning-color);
  color: var(--neutro-color-white);
  border: none;
}

.badge-info {
  background: var(--info-color);
  color: var(--neutro-color-white);
  border: none;
}

.badge-light {
}

.badge-dark {
}
/* endregion END BADGES */

/* region *****BACKGROUND COLORS***** */
.bg-primary {
  background: var(--primary-color) !important;
  color: var(--neutro-color-100) !important;
}

.bg-secondary {
  background: var(--neutro-color-700) !important;
  color: var(--neutro-color-white);
}

.bg-success {
  background: var(--success-color-lighter) !important;
}

.bg-danger {
  background: var(--danger-color-lighter) !important;
}

.bg-warning {
  background: var(--warning-color-lighter) !important;
}

.bg-info {
  background: var(--info-color-lighter) !important;
}

.bg-light {
}

.bg-dark {
}
/* endregion END BACKGROUND COLORS */

/* region *****LIST GROUP ITEMS***** */
.list-group-item.active {
  background: var(--primary-color);
  border: none;
  color: var(--primary-color-lighter);
  font-weight: 600;
}

.list-group-item-primary {
  background: var(--primary-color);
  border: none;
  color: var(--primary-color-lighter);
}

.list-group-item-secondary {
  background: var(--neutro-color-700);
  border: none;
  color: var(--neutro-color-white);
}

.list-group-item-success {
  background: var(--success-color-lighter);
}

.list-group-item-danger {
  background: var(--danger-color-lighter);
}

.list-group-item-warning {
  background: var(--warning-color-lighter);
}

.list-group-item-info {
  background: var(--info-color-lighter);
}

.list-group-item-light {
}

.list-group-item-dark {
}
/* endregion END LIST GROUP ITEMS */

/* region *****PAGINATION***** */
.page-item .page-link {
  color: var(--neutro-color-700);
  box-shadow: none !important;
}
.page-item .page-link:hover {
  background: var(--primary-color) !important;
  border: 1px solid var(--primary-color) !important;
}
.page-item .page-link:active {
  background: var(--primary-color) !important;
  border: 1px solid var(--primary-color) !important;
  box-shadow: none !important;
}
.page-item.active .page-link {
  background: var(--primary-color) !important;
  border: 1px solid var(--primary-color) !important;
  box-shadow: none !important;
}

/* endregion END PAGINATION */

/* region *****TEXT***** */
.text-primary {
  color: var(--neutro-color-black) !important;
}

.text-secondary {
  color: var(--neutro-color-700) !important;
}

.text-success {
  color: var(--alert-success-color) !important;
}

.text-danger {
  color: var(--alert-danger-color) !important;
}

.text-warning {
  color: var(--alert-warning-color) !important;
}

.text-warning-saturated {
  color: var(--warning-color-dark) !important;
}

.text-info {
  color: var(--alert-info-color) !important;
}

.text-light {
}

.text-dark {
}
/* endregion END TEXT */

/* region *****SELECTS***** */
.dropdown-item.selected.active {
  background: var(--primary-color);
}

body
  > div.container-scroller
  > div
  > div.main-panel
  > div
  > div
  > form
  > div:nth-child(3)
  > div
  > div
  > div.bs-actionsbox
  > div
  > button.actions-btn {
  background: var(--primary-color);
  color: var(--neutro-color-white);
}
/* endregion END SELECTS */

/* region NOTIFICATIONS */

.jq-toast-single.jq-has-icon.jq-icon-success {
  background-color: var(--success-color-lighter);
  color: var(--neutro-color-900);
}

.jq-toast-single.jq-has-icon.jq-icon-warning {
  background-color: var(--warning-color-lighter);
  color: var(--neutro-color-900);
}
.jq-toast-single.jq-has-icon.jq-icon-error {
  background-color: var(--danger-color-lighter);
  color: var(--neutro-color-900);
}
.jq-toast-single.jq-has-icon.jq-icon-info {
  background-color: var(--info-color-lighter);
  color: var(--neutro-color-900);
}

/* endregion END NOTIFICATIONS */

/* region SWITCHS */
.custom-control-input:checked ~ .custom-control-label::before {
  border-color: var(--primary-color) !important;
  background-color: var(--primary-color) !important;
}

.custom-switch.notCheckedDanger .custom-control-label::before {
  border-color: var(--danger-color);
  background-color: var(--danger-color);
}

.custom-switch.notCheckedDanger .custom-control-label::after {
  background-color: var(--neutro-color-white);
}
/* endregion END SWITCHS */

/* region SWEETALERT */
.swal-icon--success__ring {
  border-color: var(--success-color-lighter);
}

.swal-icon--success__line.swal-icon--success__line--long {
  background-color: var(--success-color-lighter);
}

.swal-icon--success__line.swal-icon--success__line--tip {
  background-color: var(--success-color-lighter);
}
/* endregion END SWEETALERT */

/* region POPOVER */
.popover-body {
  background-color: var(--neutro-color-white) !important;
}
/* endregion END POPOVER */

/* region *****BORDERS***** */
.border-primary {
  border-color: var(--primary-color) !important;
}

.border-secondary {
  border-color: var(--secondary-color-light) !important;
}

.border-success {
  border-color: var(--success-color) !important;
}

.border-danger {
  border-color: var(--danger-color) !important;
}

.border-warning {
  border-color: var(--warning-color) !important;
}

.border-info {
  border-color: var(--info-color) !important;
}

.border-light {
}

.border-dark {
}
/* endregion END BORDERS */

/* region STARS */
.br-theme-css-stars .br-widget a.br-active::after,
.br-theme-css-stars .br-widget a.br-selected::after,
.br-theme-fontawesome-stars .br-widget a.br-active::after,
.br-theme-fontawesome-stars .br-widget a.br-selected::after {
  color: var(--primary-color);
}
/* endregion */

/* region BARS */
.br-theme-bars-1to10 .br-widget a.br-active,
.br-theme-bars-1to10 .br-widget a.br-selected,
.br-theme-bars-horizontal .br-widget a.br-active,
.br-theme-bars-horizontal .br-widget a.br-selected,
.br-theme-bars-movie .br-widget a.br-active,
.br-theme-bars-movie .br-widget a.br-selected,
.br-theme-bars-pill .br-widget a.br-active,
.br-theme-bars-pill .br-widget a.br-selected,
.br-theme-bars-reversed .br-widget a.br-active,
.br-theme-bars-reversed .br-widget a.br-selected {
  background-color: var(--primary-color);
}

.br-theme-bars-1to10 .br-widget a,
.br-theme-bars-horizontal .br-widget a,
.br-theme-bars-movie .br-widget a,
.br-theme-bars-pill .br-widget a,
.br-theme-bars-reversed .br-widget a {
  background-color: var(--neutro-color-400);
  color: var(--neutro-color-white);
}
/* endregion */

/* region SLIDER */
.noUi-target .noUi-base .noUi-connect {
  background: var(--primary-color);
}
.noUi-target .noUi-base .noUi-origin .noUi-handle::after {
  background: var(--primary-color);
}
.noUi-target .noUi-base {
  background: var(--neutro-color-400);
}
.noUi-tooltip {
  background: var(--primary-color);
  color: var(--neutro-color-black);
  border-color: none;
}
/* endregion */