:root {
  --brand-blue: #0496c3;
  --brand-blue-dark: #037ca3;
  --brand-blue-darker: #026686;
  --brand-teal: #21a899;
  --brand-green: #2bb673;
  --brand-gray: #58595b;

  --brand-gradient: linear-gradient(90deg, var(--brand-blue) 0%, var(--brand-teal) 50%, var(--brand-green) 100%);

  --bs-primary: var(--brand-blue);
  --bs-primary-rgb: 4, 150, 195;

  --dt-row-selected: 4, 150, 195;

  --brand-success: #2bb673;
  --brand-success-dark: #23955f;
  --brand-success-darker: #1c7a4e;

  --brand-info: #21a899;
  --brand-info-dark: #1c9082;
  --brand-info-darker: #17756a;

  --brand-warning: #f5a623;
  --brand-warning-dark: #d7921e;
  --brand-warning-darker: #ba7e1a;

  --brand-danger: #e0505f;
  --brand-danger-dark: #cf3d4d;
  --brand-danger-darker: #b93340;

  --brand-secondary: #64748b;
  --brand-secondary-dark: #55637a;
  --brand-secondary-darker: #47536a;

  --brand-success-rgb: 43, 182, 115;
  --brand-info-rgb: 33, 168, 153;
  --brand-warning-rgb: 245, 166, 35;
  --brand-danger-rgb: 224, 80, 95;
  --brand-secondary-rgb: 100, 116, 139;
}

a,
.btn-link {
  color: var(--brand-blue);
}
a:hover,
.btn-link:hover {
  color: var(--brand-blue-dark);
}
a.text-muted:hover {
  color: var(--brand-blue);
}
.text-primary {
  color: var(--brand-blue) !important;
}

.border-primary {
  border-color: var(--brand-blue) !important;
}

.btn-primary {
  background-color: var(--brand-blue);
  border-color: var(--brand-blue);
  color: #fff;
}
.btn-primary:hover {
  background-color: var(--brand-blue-dark);
  border-color: var(--brand-blue-dark);
  color: #fff;
}
.btn-primary:focus,
.btn-primary.focus {
  background-color: var(--brand-blue-dark);
  border-color: var(--brand-blue-dark);
  box-shadow: 0 0 0 0.2rem rgba(4, 150, 195, 0.5);
}
.btn-primary.disabled,
.btn-primary:disabled {
  background-color: var(--brand-blue);
  border-color: var(--brand-blue);
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  background-color: var(--brand-blue-darker);
  border-color: var(--brand-blue-darker);
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(4, 150, 195, 0.5);
}

.btn-outline-primary {
  color: var(--brand-blue);
  border-color: var(--brand-blue);
}
.btn-outline-primary:hover {
  background-color: var(--brand-blue);
  border-color: var(--brand-blue);
  color: #fff;
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(4, 150, 195, 0.5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: var(--brand-blue);
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  background-color: var(--brand-blue-darker);
  border-color: var(--brand-blue-darker);
  color: #fff;
}

/* Badges, alerts, progress, tables */
.badge-primary {
  background-color: var(--brand-blue);
  color: #fff;
}
a.badge-primary:hover,
a.badge-primary:focus {
  background-color: var(--brand-blue-dark);
  color: #fff;
}

.alert-primary {
  color: var(--brand-blue-darker);
  background-color: #e3f5f6;
  border-color: var(--brand-blue);
}
.alert-primary hr {
  border-top-color: var(--brand-blue);
}
.alert-primary .alert-link {
  color: var(--brand-blue-darker);
}

.bg-primary,
.bg-gradient-primary,
.table td.bg-primary,
.table th.bg-primary {
  background-color: var(--brand-blue) !important;
  color: #fff;
}

.progress-bar {
  background-color: var(--brand-blue);
}

.card-primary:not(.card-outline) > .card-header {
  background-color: var(--brand-blue);
}
.card-primary:not(.card-outline) > .card-header,
.card-primary:not(.card-outline) > .card-header a {
  color: #fff;
}
.card-primary.card-outline {
  border-top: 3px solid var(--brand-blue);
}
.card-primary.card-outline-tabs > .card-header a.active {
  border-top: 3px solid var(--brand-blue);
}
.navbar-primary {
  background-color: var(--brand-blue);
  color: #fff;
}

[class*="sidebar-dark-"] {
  background-color: #273942;
}
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-dark-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-dark-primary .nav-sidebar > .nav-item.menu-open > .nav-link,
.sidebar-light-primary .nav-sidebar > .nav-item.menu-open > .nav-link,
.sidebar-dark-primary .nav-sidebar.nav-legacy > .nav-item.menu-open > .nav-link,
.sidebar-light-primary .nav-sidebar.nav-legacy > .nav-item.menu-open > .nav-link,
.sidebar-dark-primary .nav-sidebar > .nav-item.menu-is-opening > .nav-link,
.sidebar-light-primary .nav-sidebar > .nav-item.menu-is-opening > .nav-link,
.sidebar-dark-primary .nav-sidebar.nav-legacy > .nav-item.menu-is-opening > .nav-link,
.sidebar-light-primary .nav-sidebar.nav-legacy > .nav-item.menu-is-opening > .nav-link {
  position: relative;
  background-color: rgba(255, 255, 255, 0.08);
  color: #fff;
}
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active::before,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active::before,
.sidebar-dark-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active::before,
.sidebar-light-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active::before,
.sidebar-dark-primary .nav-sidebar > .nav-item.menu-open > .nav-link::before,
.sidebar-light-primary .nav-sidebar > .nav-item.menu-open > .nav-link::before,
.sidebar-dark-primary .nav-sidebar.nav-legacy > .nav-item.menu-open > .nav-link::before,
.sidebar-light-primary .nav-sidebar.nav-legacy > .nav-item.menu-open > .nav-link::before,
.sidebar-dark-primary .nav-sidebar > .nav-item.menu-is-opening > .nav-link::before,
.sidebar-light-primary .nav-sidebar > .nav-item.menu-is-opening > .nav-link::before,
.sidebar-dark-primary .nav-sidebar.nav-legacy > .nav-item.menu-is-opening > .nav-link::before,
.sidebar-light-primary .nav-sidebar.nav-legacy > .nav-item.menu-is-opening > .nav-link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  bottom: 6px;
  width: 3px;
  border-radius: 2px;
  background-color: var(--brand-blue);
}
.main-sidebar .brand-link {
  border-bottom: 3px solid transparent;
  border-image: var(--brand-gradient);
  border-image-slice: 1;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--brand-blue);
  color: #fff;
}
.list-group-item.active {
  background-color: var(--brand-blue);
  border-color: var(--brand-blue);
  color: #fff;
}
.page-link {
  color: var(--brand-blue);
}
.page-item.active .page-link {
  background-color: var(--brand-blue);
  border-color: var(--brand-blue);
  color: #fff;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--brand-blue);
  color: #fff;
}
.nav-pills .nav-link:not(.active):hover {
  color: var(--brand-blue);
}


input[type="radio"],
input[type="checkbox"] {
  accent-color: var(--brand-blue);
}
.custom-control-input:checked ~ .custom-control-label::before {
  border-color: var(--brand-blue);
  background-color: var(--brand-blue);
}

.form-check-input:checked {
  background-color: var(--brand-blue);
  border-color: var(--brand-blue);
}
.form-check-input:focus {
  border-color: var(--brand-blue);
  box-shadow: 0 0 0 0.25rem rgba(4, 150, 195, 0.25);
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: var(--brand-blue);
  background-color: var(--brand-blue);
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(4, 150, 195, 0.25);
}
.form-control:focus {
  border-color: var(--brand-blue);
  box-shadow: 0 0 0 0.2rem rgba(4, 150, 195, 0.25);
}

img[src$="wifi_78927.png"],
img[src$="access_point_network_icon_139000.png"] {
  filter: hue-rotate(-28deg) brightness(0.7) saturate(1.1);
}

.btn-success {
  background-color: var(--brand-success);
  border-color: var(--brand-success);
  color: #fff;
}
.btn-success:hover {
  background-color: var(--brand-success-dark);
  border-color: var(--brand-success-dark);
  color: #fff;
}
.btn-success:focus,
.btn-success.focus {
  background-color: var(--brand-success-dark);
  border-color: var(--brand-success-dark);
  box-shadow: 0 0 0 0.2rem rgba(var(--brand-success-rgb), 0.5);
}
.btn-success.disabled,
.btn-success:disabled {
  background-color: var(--brand-success);
  border-color: var(--brand-success);
}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  background-color: var(--brand-success-darker);
  border-color: var(--brand-success-darker);
}

.btn-outline-success {
  color: var(--brand-success);
  border-color: var(--brand-success);
}
.btn-outline-success:hover {
  background-color: var(--brand-success);
  border-color: var(--brand-success);
  color: #fff;
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: var(--brand-success);
}
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  background-color: var(--brand-success-darker);
  border-color: var(--brand-success-darker);
  color: #fff;
}

.badge-success {
  background-color: var(--brand-success);
  color: #fff;
}
a.badge-success:hover,
a.badge-success:focus {
  background-color: var(--brand-success-dark);
  color: #fff;
}

.text-success {
  color: var(--brand-success) !important;
}
.border-success {
  border-color: var(--brand-success) !important;
}
.bg-success {
  background-color: var(--brand-success) !important;
  color: #fff;
}

.card-success:not(.card-outline) > .card-header {
  background-color: var(--brand-success);
}
.card-success:not(.card-outline) > .card-header,
.card-success:not(.card-outline) > .card-header a {
  color: #fff;
}
.card-success.card-outline {
  border-top: 3px solid var(--brand-success);
}

.btn-info {
  background-color: var(--brand-info);
  border-color: var(--brand-info);
  color: #fff;
}
.btn-info:hover {
  background-color: var(--brand-info-dark);
  border-color: var(--brand-info-dark);
  color: #fff;
}
.btn-info:focus,
.btn-info.focus {
  background-color: var(--brand-info-dark);
  border-color: var(--brand-info-dark);
  box-shadow: 0 0 0 0.2rem rgba(var(--brand-info-rgb), 0.5);
}
.btn-info.disabled,
.btn-info:disabled {
  background-color: var(--brand-info);
  border-color: var(--brand-info);
}
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  background-color: var(--brand-info-darker);
  border-color: var(--brand-info-darker);
}

.btn-outline-info {
  color: var(--brand-info);
  border-color: var(--brand-info);
}
.btn-outline-info:hover {
  background-color: var(--brand-info);
  border-color: var(--brand-info);
  color: #fff;
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: var(--brand-info);
}
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  background-color: var(--brand-info-darker);
  border-color: var(--brand-info-darker);
  color: #fff;
}

.badge-info {
  background-color: var(--brand-info);
  color: #fff;
}
a.badge-info:hover,
a.badge-info:focus {
  background-color: var(--brand-info-dark);
  color: #fff;
}

.text-info {
  color: var(--brand-info) !important;
}
.border-info {
  border-color: var(--brand-info) !important;
}
.bg-info {
  background-color: var(--brand-info) !important;
  color: #fff;
}

.card-info:not(.card-outline) > .card-header {
  background-color: var(--brand-info);
}
.card-info:not(.card-outline) > .card-header,
.card-info:not(.card-outline) > .card-header a {
  color: #fff;
}
.card-info.card-outline {
  border-top: 3px solid var(--brand-info);
}

.btn-warning {
  background-color: var(--brand-warning);
  border-color: var(--brand-warning);
  color: #1f2d3d;
}
.btn-warning:hover {
  background-color: var(--brand-warning-dark);
  border-color: var(--brand-warning-dark);
  color: #1f2d3d;
}
.btn-warning:focus,
.btn-warning.focus {
  background-color: var(--brand-warning-dark);
  border-color: var(--brand-warning-dark);
  box-shadow: 0 0 0 0.2rem rgba(var(--brand-warning-rgb), 0.5);
}
.btn-warning.disabled,
.btn-warning:disabled {
  background-color: var(--brand-warning);
  border-color: var(--brand-warning);
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  background-color: var(--brand-warning-darker);
  border-color: var(--brand-warning-darker);
}

.btn-outline-warning {
  color: var(--brand-warning);
  border-color: var(--brand-warning);
}
.btn-outline-warning:hover {
  background-color: var(--brand-warning);
  border-color: var(--brand-warning);
  color: #1f2d3d;
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: var(--brand-warning);
}
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  background-color: var(--brand-warning-darker);
  border-color: var(--brand-warning-darker);
  color: #1f2d3d;
}

.badge-warning {
  background-color: var(--brand-warning);
  color: #1f2d3d;
}
a.badge-warning:hover,
a.badge-warning:focus {
  background-color: var(--brand-warning-dark);
  color: #1f2d3d;
}

.text-warning {
  color: var(--brand-warning) !important;
}
.border-warning {
  border-color: var(--brand-warning) !important;
}
.bg-warning {
  background-color: var(--brand-warning) !important;
  color: #1f2d3d;
}

.card-warning:not(.card-outline) > .card-header {
  background-color: var(--brand-warning);
}
.card-warning:not(.card-outline) > .card-header,
.card-warning:not(.card-outline) > .card-header a {
  color: #1f2d3d;
}
.card-warning.card-outline {
  border-top: 3px solid var(--brand-warning);
}

.btn-danger {
  background-color: var(--brand-danger);
  border-color: var(--brand-danger);
  color: #fff;
}
.btn-danger:hover {
  background-color: var(--brand-danger-dark);
  border-color: var(--brand-danger-dark);
  color: #fff;
}
.btn-danger:focus,
.btn-danger.focus {
  background-color: var(--brand-danger-dark);
  border-color: var(--brand-danger-dark);
  box-shadow: 0 0 0 0.2rem rgba(var(--brand-danger-rgb), 0.5);
}
.btn-danger.disabled,
.btn-danger:disabled {
  background-color: var(--brand-danger);
  border-color: var(--brand-danger);
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  background-color: var(--brand-danger-darker);
  border-color: var(--brand-danger-darker);
}

.btn-outline-danger {
  color: var(--brand-danger);
  border-color: var(--brand-danger);
}
.btn-outline-danger:hover {
  background-color: var(--brand-danger);
  border-color: var(--brand-danger);
  color: #fff;
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: var(--brand-danger);
}
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  background-color: var(--brand-danger-darker);
  border-color: var(--brand-danger-darker);
  color: #fff;
}

.badge-danger {
  background-color: var(--brand-danger);
  color: #fff;
}
a.badge-danger:hover,
a.badge-danger:focus {
  background-color: var(--brand-danger-dark);
  color: #fff;
}

.text-danger {
  color: var(--brand-danger) !important;
}
.border-danger {
  border-color: var(--brand-danger) !important;
}
.bg-danger {
  background-color: var(--brand-danger) !important;
  color: #fff;
}

.card-danger:not(.card-outline) > .card-header {
  background-color: var(--brand-danger);
}
.card-danger:not(.card-outline) > .card-header,
.card-danger:not(.card-outline) > .card-header a {
  color: #fff;
}
.card-danger.card-outline {
  border-top: 3px solid var(--brand-danger);
}

.btn-secondary {
  background-color: var(--brand-secondary);
  border-color: var(--brand-secondary);
  color: #fff;
}
.btn-secondary:hover {
  background-color: var(--brand-secondary-dark);
  border-color: var(--brand-secondary-dark);
  color: #fff;
}
.btn-secondary:focus,
.btn-secondary.focus {
  background-color: var(--brand-secondary-dark);
  border-color: var(--brand-secondary-dark);
  box-shadow: 0 0 0 0.2rem rgba(var(--brand-secondary-rgb), 0.5);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  background-color: var(--brand-secondary);
  border-color: var(--brand-secondary);
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  background-color: var(--brand-secondary-darker);
  border-color: var(--brand-secondary-darker);
}

.btn-outline-secondary {
  color: var(--brand-secondary);
  border-color: var(--brand-secondary);
}
.btn-outline-secondary:hover {
  background-color: var(--brand-secondary);
  border-color: var(--brand-secondary);
  color: #fff;
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: var(--brand-secondary);
}
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  background-color: var(--brand-secondary-darker);
  border-color: var(--brand-secondary-darker);
  color: #fff;
}

.badge-secondary {
  background-color: var(--brand-secondary);
  color: #fff;
}
a.badge-secondary:hover,
a.badge-secondary:focus {
  background-color: var(--brand-secondary-dark);
  color: #fff;
}

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

.card-secondary:not(.card-outline) > .card-header {
  background-color: var(--brand-secondary);
}
.card-secondary:not(.card-outline) > .card-header,
.card-secondary:not(.card-outline) > .card-header a {
  color: #fff;
}
.card-secondary.card-outline {
  border-top: 3px solid var(--brand-secondary);
}

.card {
  border: 0;
  border-radius: 0.75rem;
  box-shadow: 0 1px 2px rgba(16, 36, 46, 0.06), 0 4px 12px rgba(16, 36, 46, 0.06);
}
.card-header,
.card-header:first-child {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  padding: 1rem 1.25rem;
}
.card-primary:not(.card-outline) > .card-header,
.card-success:not(.card-outline) > .card-header,
.card-info:not(.card-outline) > .card-header,
.card-warning:not(.card-outline) > .card-header,
.card-danger:not(.card-outline) > .card-header,
.card-secondary:not(.card-outline) > .card-header,
.card-primary:not(.card-outline) > .card-header:first-child,
.card-success:not(.card-outline) > .card-header:first-child,
.card-info:not(.card-outline) > .card-header:first-child,
.card-warning:not(.card-outline) > .card-header:first-child,
.card-danger:not(.card-outline) > .card-header:first-child,
.card-secondary:not(.card-outline) > .card-header:first-child {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.card-body {
  padding: 1.25rem;
}
.card.card-outline,
.card-primary.card-outline,
.card-success.card-outline,
.card-info.card-outline,
.card-warning.card-outline,
.card-danger.card-outline,
.card-secondary.card-outline {
  border-top-width: 3px;
  border-top-style: solid;
}

.btn {
  border-radius: 0.5rem;
}
.btn-sm {
  border-radius: 0.4rem;
}

.form-control,
.custom-select,
.select2-container--bootstrap-5 .select2-selection {
  border-radius: 0.5rem;
}

.badge {
  border-radius: 0.4rem;
  padding: 0.35em 0.65em;
}

.modal-content {
  border: 0;
  border-radius: 0.9rem;
  box-shadow: 0 8px 30px rgba(16, 36, 46, 0.18);
}
.modal-header,
.modal-footer {
  border-color: rgba(16, 36, 46, 0.08);
}

.table td,
.table th {
  padding: 0.85rem 0.85rem;
  border-color: rgba(16, 36, 46, 0.08);
}

.nav-tabs .nav-link {
  border-radius: 0.6rem 0.6rem 0 0;
}

.nav-tabs {
  padding-top: .25rem!important;
}

.info-box {
  border-radius: 0.75rem;
  box-shadow: 0 1px 2px rgba(16, 36, 46, 0.06), 0 4px 12px rgba(16, 36, 46, 0.06);
}

.card {
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.card:hover {
  box-shadow: 0 2px 4px rgba(16, 36, 46, 0.08), 0 8px 20px rgba(16, 36, 46, 0.1);
}
.btn {
  transition: box-shadow 0.15s ease, transform 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
}
.btn:not(:disabled):not(.disabled):hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(16, 36, 46, 0.15);
}
.btn:not(:disabled):not(.disabled):active {
  transform: translateY(0);
}
.table tbody tr {
  transition: background-color 0.1s ease;
}
.table tbody tr:hover {
  background-color: rgba(4, 150, 195, 0.05);
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link {
  margin: 0 0.5rem;
  width: calc(100% - 1rem);
  border-radius: 0.5rem;
}
.sidebar-dark-primary .nav-sidebar > .nav-item.menu-open > .nav-link,
.sidebar-light-primary .nav-sidebar > .nav-item.menu-open > .nav-link,
.sidebar-dark-primary .nav-sidebar > .nav-item.menu-is-opening > .nav-link,
.sidebar-light-primary .nav-sidebar > .nav-item.menu-is-opening > .nav-link {
  border-radius: 0.5rem 0.5rem 0 0;
}
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active::before,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active::before,
.sidebar-dark-primary .nav-sidebar > .nav-item.menu-open > .nav-link::before,
.sidebar-light-primary .nav-sidebar > .nav-item.menu-open > .nav-link::before,
.sidebar-dark-primary .nav-sidebar > .nav-item.menu-is-opening > .nav-link::before,
.sidebar-light-primary .nav-sidebar > .nav-item.menu-is-opening > .nav-link::before {
  left: 0.5rem;
  border-radius: 2px;
}
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-treeview,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-treeview {
  margin: 0 0.5rem;
  width: calc(100% - 1rem);
  border-radius: 0 0 0.5rem 0.5rem;
  overflow: hidden;
}

.page-link {
  border-radius: 0.4rem !important;
  margin: 0 2px;
  border-color: rgba(16, 36, 46, 0.12);
  transition: background-color 0.15s ease, color 0.15s ease;
}
.page-item.disabled .page-link {
  border-color: rgba(16, 36, 46, 0.08);
}

* {
  scrollbar-width: thin;
  scrollbar-color: rgba(16, 36, 46, 0.25) transparent;
}
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}
*::-webkit-scrollbar-thumb {
  background-color: rgba(16, 36, 46, 0.25);
  border-radius: 8px;
}
*::-webkit-scrollbar-thumb:hover {
  background-color: rgba(16, 36, 46, 0.4);
}
.main-sidebar ::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.2);
}
.main-sidebar {
  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}


.select2-container--bootstrap-5 .select2-selection {
  border-radius: 0.5rem;
  transition: none;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
  transition: none;
}
.select2-container--bootstrap-5 .select2-dropdown {
  border-radius: 0.5rem;
  box-shadow: 0 8px 24px rgba(16, 36, 46, 0.15);
}
.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection,
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
  border-color: var(--brand-blue) !important;
  box-shadow: 0 0 0 0.25rem rgba(4, 150, 195, 0.25) !important;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected="true"]:not(.select2-results__option--highlighted) {
  background-color: var(--brand-blue) !important;
}