/*
 * Dynamic SB - CONTROLADORIA palette.
 * Loaded after Highdmin compiled CSS so we can keep vendor/template files intact.
 */
:root {
  --controladoriasb-primary: #02c0ce;
  --controladoriasb-primary-rgb: 2, 192, 206;
  --controladoriasb-primary-hover: #02aeba;
  --controladoriasb-primary-active: #02b2bf;
  --controladoriasb-primary-soft: #d9f6f8;
  --controladoriasb-primary-border: #9ae6eb;
  --controladoriasb-primary-text-emphasis: #02a3af;
  --controladoriasb-primary-contrast: #ffffff;
  --controladoriasb-primary-focus-ring: rgba(2, 192, 206, 0.25);

  --bs-primary: var(--controladoriasb-primary);
  --bs-primary-rgb: var(--controladoriasb-primary-rgb);
  --bs-link-color: var(--controladoriasb-primary);
  --bs-link-hover-color: var(--controladoriasb-primary-hover);
  --bs-primary-bg-subtle: var(--controladoriasb-primary-soft);
  --bs-primary-border-subtle: var(--controladoriasb-primary-border);

  --highdmin-blue: var(--controladoriasb-primary);
  --highdmin-primary: var(--controladoriasb-primary);
  --highdmin-primary-rgb: var(--controladoriasb-primary-rgb);
  --highdmin-primary-text-emphasis: var(--controladoriasb-primary-text-emphasis);
  --highdmin-primary-bg-subtle: var(--controladoriasb-primary-soft);
  --highdmin-primary-border-subtle: var(--controladoriasb-primary-border);
  --highdmin-link-color: var(--controladoriasb-primary);
  --highdmin-link-hover-color: var(--controladoriasb-primary-hover);
  --highdmin-focus-ring-color: var(--controladoriasb-primary-focus-ring);
}

:root[data-bs-theme=dark] {
  --highdmin-primary-text-emphasis: var(--controladoriasb-primary-dark-text-emphasis, var(--controladoriasb-primary-soft));
  --highdmin-primary-bg-subtle: var(--controladoriasb-primary-dark-soft, rgba(var(--controladoriasb-primary-rgb), 0.2));
  --highdmin-primary-border-subtle: var(--controladoriasb-primary-dark-border, var(--controladoriasb-primary-active));
  --highdmin-link-color: var(--controladoriasb-primary-dark-text-emphasis, var(--controladoriasb-primary-soft));
  --highdmin-link-hover-color: var(--controladoriasb-primary-soft);
}

:root[data-menu-color=light] {
  --highdmin-menu-item-hover-color: var(--controladoriasb-primary);
  --highdmin-menu-item-hover-bg: rgba(var(--controladoriasb-primary-rgb), 0.1);
  --highdmin-menu-item-active-color: var(--controladoriasb-primary);
}

:root[data-menu-color=brand] {
  --highdmin-menu-bg: var(--controladoriasb-primary);
  --highdmin-menu-item-color: rgba(255, 255, 255, 0.82);
  --highdmin-menu-item-hover-color: var(--controladoriasb-primary-contrast);
  --highdmin-menu-item-hover-bg: rgba(255, 255, 255, 0.12);
  --highdmin-menu-item-active-color: var(--controladoriasb-primary-contrast);
}

:root[data-topbar-color=light] {
  --highdmin-topbar-item-hover-color: var(--controladoriasb-primary);
}

:root[data-topbar-color=brand] {
  --highdmin-topbar-bg: var(--controladoriasb-primary);
}

html[data-sidenav-size=condensed]:not([data-layout=topnav]) .page-content {
  min-height: calc(100vh - var(--highdmin-topbar-height) - 5px);
}

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

a:hover,
.link-primary:hover,
.link-primary:focus {
  color: var(--controladoriasb-primary-hover);
}

.text-primary {
  color: rgba(var(--controladoriasb-primary-rgb), var(--highdmin-text-opacity, 1)) !important;
}

.bg-primary {
  background-color: rgba(var(--controladoriasb-primary-rgb), var(--highdmin-bg-opacity, 1)) !important;
}

.bg-primary-subtle {
  background-color: var(--controladoriasb-primary-soft) !important;
}

.border-primary {
  border-color: rgba(var(--controladoriasb-primary-rgb), var(--highdmin-border-opacity, 1)) !important;
}

.btn-primary {
  --highdmin-btn-color: var(--controladoriasb-primary-contrast);
  --highdmin-btn-bg: var(--controladoriasb-primary);
  --highdmin-btn-border-color: var(--controladoriasb-primary);
  --highdmin-btn-hover-color: var(--controladoriasb-primary-contrast);
  --highdmin-btn-hover-bg: var(--controladoriasb-primary-hover);
  --highdmin-btn-hover-border-color: var(--controladoriasb-primary-hover);
  --highdmin-btn-focus-shadow-rgb: var(--controladoriasb-primary-rgb);
  --highdmin-btn-active-color: var(--controladoriasb-primary-contrast);
  --highdmin-btn-active-bg: var(--controladoriasb-primary-active);
  --highdmin-btn-active-border-color: var(--controladoriasb-primary-active);
  --highdmin-btn-disabled-color: var(--controladoriasb-primary-contrast);
  --highdmin-btn-disabled-bg: var(--controladoriasb-primary);
  --highdmin-btn-disabled-border-color: var(--controladoriasb-primary);
}

.btn-outline-primary {
  --highdmin-btn-color: var(--controladoriasb-primary);
  --highdmin-btn-border-color: var(--controladoriasb-primary);
  --highdmin-btn-hover-color: var(--controladoriasb-primary-contrast);
  --highdmin-btn-hover-bg: var(--controladoriasb-primary);
  --highdmin-btn-hover-border-color: var(--controladoriasb-primary);
  --highdmin-btn-focus-shadow-rgb: var(--controladoriasb-primary-rgb);
  --highdmin-btn-active-color: var(--controladoriasb-primary-contrast);
  --highdmin-btn-active-bg: var(--controladoriasb-primary-active);
  --highdmin-btn-active-border-color: var(--controladoriasb-primary-active);
  --highdmin-btn-disabled-color: var(--controladoriasb-primary);
  --highdmin-btn-disabled-border-color: var(--controladoriasb-primary);
}

.btn-soft-primary {
  --highdmin-btn-color: var(--controladoriasb-primary);
  --highdmin-btn-bg: var(--controladoriasb-primary-soft);
  --highdmin-btn-border-color: var(--controladoriasb-primary-soft);
  --highdmin-btn-hover-color: var(--controladoriasb-primary-contrast);
  --highdmin-btn-hover-bg: var(--controladoriasb-primary);
  --highdmin-btn-hover-border-color: var(--controladoriasb-primary);
  --highdmin-btn-active-color: var(--controladoriasb-primary-contrast);
  --highdmin-btn-active-bg: var(--controladoriasb-primary-active);
  --highdmin-btn-active-border-color: var(--controladoriasb-primary-active);
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  border-color: var(--controladoriasb-primary-border);
  box-shadow: 0 0 0 0.2rem var(--controladoriasb-primary-focus-ring);
}

.form-check-input:checked,
.form-check-input[type=checkbox]:indeterminate {
  background-color: var(--controladoriasb-primary);
  border-color: var(--controladoriasb-primary);
}

.form-switch .form-check-input:checked {
  background-color: var(--controladoriasb-primary);
  border-color: var(--controladoriasb-primary);
}

.nav-pills {
  --highdmin-nav-pills-link-active-bg: var(--controladoriasb-primary);
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link,
.nav-bordered .nav-link.active,
.nav-bordered .nav-item.show .nav-link {
  color: var(--controladoriasb-primary);
  border-color: var(--controladoriasb-primary);
}

.pagination {
  --highdmin-pagination-active-bg: var(--controladoriasb-primary);
  --highdmin-pagination-active-border-color: var(--controladoriasb-primary);
  --highdmin-pagination-focus-box-shadow: 0 0 0 0.2rem var(--controladoriasb-primary-focus-ring);
}

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

.page-link:hover,
.page-link:focus {
  color: var(--controladoriasb-primary-hover);
}

.dropdown-item.active,
.dropdown-item:active,
.list-group-item.active {
  color: var(--controladoriasb-primary-contrast);
  background-color: var(--controladoriasb-primary);
  border-color: var(--controladoriasb-primary);
}

.progress-bar {
  background-color: var(--controladoriasb-primary);
}

.badge-soft-primary {
  color: var(--controladoriasb-primary);
  background-color: rgba(var(--controladoriasb-primary-rgb), 0.15);
}

.badge-outline-primary {
  color: var(--controladoriasb-primary);
  border-color: var(--controladoriasb-primary);
}

.side-nav .side-nav-link:hover,
.side-nav .side-nav-link:focus,
.side-nav .side-nav-link.active,
.side-nav .side-nav-item.active > .side-nav-link,
.side-nav .menuitem-active > .side-nav-link {
  color: var(--highdmin-menu-item-active-color);
}

.side-nav .side-nav-link:hover,
.side-nav .side-nav-link:focus {
  background-color: var(--highdmin-menu-item-hover-bg);
}

.sidenav-user .topbar-link {
  max-width: 100%;
  overflow: hidden;
}

.sidenav-user .sidebar-user-name {
  flex: 1 1 auto;
  max-width: calc(var(--highdmin-sidenav-width) - 92px);
  min-width: 0;
  overflow: hidden;
}

.sidenav-user .sidebar-user-text {
  display: block;
  max-width: 100%;
}

.sidenav-user .sidebar-user-arrow {
  flex: 0 0 auto;
}

#preloader .spinner-border,
#status .spinner-border,
.spinner-border.text-primary,
.spinner-grow.text-primary,
.card-portlets-loader,
.preloader .spinner-border {
  color: var(--controladoriasb-primary) !important;
  border-color: currentColor;
  border-right-color: transparent;
}

.loader,
.page-loader,
.sweet-alert .sa-icon.sa-custom,
.swal2-loader {
  border-color: var(--controladoriasb-primary) transparent var(--controladoriasb-primary) transparent;
}

.card-radio .form-check-input:checked + .form-check-label,
.card-radio .form-check-input:focus + .form-check-label,
.theme-palette-option.active,
.theme-palette-option:focus {
  border-color: var(--controladoriasb-primary) !important;
  box-shadow: 0 0 0 0.15rem var(--controladoriasb-primary-focus-ring);
}

.theme-primary-preview {
  background:
    linear-gradient(135deg, var(--controladoriasb-primary), var(--controladoriasb-primary-active));
  color: var(--controladoriasb-primary-contrast);
}