@charset "UTF-8";
/*!
 * Bootstrap  v5.3.0-alpha1 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
 :root,
 [data-bs-theme=light] {
  --bs-blue: #064228; /* Texto, Iconos lateral */
  --bs-blue-1: #edf2ef; /* Dia Fondo */
  --bs-blue-2: #7a8b80; /* Estatus abierto */
  --bs-blue-3: #0c3320;
  --bs-blue-4: #040d08; /* Texto , background barra lateral*/
  --bs-blue-5: #0d2418; /* Noche Fondo */
  --bs-blue-6: #06120c; /* Iconos lateral */
  --bs-white: #ffffff; /* Texto lateral */
  --bs-gray: #9d9da6; /* Texto lateral, Iconos lateral */
  --bs-gray-1: #a1a5b7; /* Texto */
  --bs-gray-2: #7d8190; /* Texto */
  --bs-red: #d9214e; /* Texto */
  --bs-red-light: #f49eb3; /* Expirado */
  --bs-yellow-dark: #a77a00; /* Texto */
  --bs-green: #21a45d; /* Texto */

  --bs-blue-rgb: 6, 66, 40;
  --bs-blue-1-rgb: 167, 182, 172;
  --bs-blue-2-rgb: 122, 139, 128;
  --bs-blue-3-rgb: 12, 51, 32;
  --bs-blue-4-rgb: 4, 13, 8;
  --bs-blue-5-rgb: 13, 36, 24;
  --bs-blue-6-rgb: 36, 45, 12;
  --bs-white-rgb: 255, 255, 255;
  --bs-gray-rgb: 157, 157, 166;
  --bs-gray-1-rgb: 161, 165, 183;
  --bs-gray-2-rgb: 125, 129, 144;
  --bs-red-rgb: 217, 33, 78;
  --bs-red-light-rgb: 244, 158, 179;
  --bs-yellow-dark-rgb: 167, 122, 0;
  --bs-green-rgb: 33, 164, 93;
  
  --bs-primary: var(--bs-blue);
  --bs-success: var(--bs-green);
  --bs-warning: var(--bs-yellow-dark);
  --bs-danger: var(--bs-red);
  --bs-dark: var(--bs-blue-6);
  --bs-primary-rgb: var(--bs-blue-rgb);
  --bs-success-rgb: var(--bs-green-rgb);
  --bs-warning-rgb: var(--bs-yellow-dark-rgb);
  --bs-danger-rgb: var(--bs-red-rgb);
  --bs-dark-rgb: var(--bs-blue-6-rgb);

  --bs-sidebar-bg: var(--bs-blue-4);
  --bs-app-bg-color: var(--bs-blue-1);
  --bs-app-header-base-bg-color: var(--bs-white);
  --bs-app-sidebar-base-toggle-btn-bg-color: var(--bs-blue);
 }
 
 [data-bs-theme=dark] {
  /* --bs-gray-1: #f4f4f4; */ /* Texto Blanco */
  --bs-white: #f4f4f4;
  --bs-white-rgb: 244, 244, 244;

  --bs-dark: var(--bs-white);
  --bs-dark-rgb: var(--bs-white-rgb);

  --bs-text-muted: #9c9cc5;

  --bs-app-bg-color: var(--bs-blue-5);
  --bs-app-header-base-bg-color: var(--bs-blue-6);
 }

 body,
.app-default {
  background-color: var(--bs-app-bg-color);
}

.sidebar-item-bg-hover {
  cursor: pointer;
}
.sidebar-item-bg-hover:hover {
  background-color: var(--bs-blue-6) !important;
}

.text-blue {
  --bs-text-opacity: 1;
  color: var(--bs-blue);
}
.text-blue-1 {
  --bs-text-opacity: 1;
  color: var(--bs-blue-1);
}
.text-blue-2 {
  --bs-text-opacity: 1;
  color: var(--bs-blue-2);
}
.text-blue-3 {
  --bs-text-opacity: 1;
  color: var(--bs-blue-3);
}
.text-blue-4 {
  --bs-text-opacity: 1;
  color: var(--bs-blue-4);
}
.text-blue-5 {
  --bs-text-opacity: 1;
  color: var(--bs-blue-5);
}
.text-blue-6 {
  --bs-text-opacity: 1;
  color: var(--bs-blue-6);
}
.btn-icon-color {
  --bs-text-opacity: 1;
  color: var(--bs-gray);
}
.btn-icon-color:active, .btn-icon-color:hover {
  --bs-text-opacity: 1;
  color: var(--bs-primary);
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

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

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.badge-light-primary {
  color: var(--bs-primary);
  background-color: var(--bs-blue-2);
}

.badge-light-danger {
  color: var(--bs-danger);
  background-color: var(--bs-red-light);
}

 [data-kt-app-layout=dark-sidebar] .app-sidebar {
  background-color: var(--bs-sidebar-bg);
  border-right: 0 !important;
}

[data-bs-theme=light] .card{
  --bs-card-bg: var(--bs-white);
  background-color: var(--bs-card-bg);
}
[data-bs-theme=dark] .card{
  --bs-card-bg: var(--bs-blue-4);
  background-color: var(--bs-card-bg);
}

@media (min-width: 992px) {
  .app-sidebar-toggle {
    box-shadow: var(--bs-app-sidebar-base-toggle-btn-box-shadow) !important;
    background-color: var(--bs-app-sidebar-base-toggle-btn-bg-color) !important;
  }
}