body {
  font-size: 0.9rem !important;
}


.btn-lightblue {
  background-color: #236c88 !important;
  color: #ffffff;
  border-color: #236c88;
  box-shadow: none;
}

.btn-lightblue:hover {
  background-color: #add8e6 !important;
  border-color: #add8e6 !important;
}

.border-lightblue {
  border-color: #236c88 !important;
}

.border-gray {
  border-color: #9ca3a8 !important;
}

.bg-sidebar {
  background-color: #dfe3e5 !important;
}

.link {
  cursor: pointer !important;
}

label {
  margin-bottom: 0.25rem !important; /* mb-1 */
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.custom-select {
  background-color: #f6f7f9 !important;
}



.form-control {
  background-color: #f6f7f9 !important;
}

.form-control[readonly] {
  background-color: #eaecf4 !important;
}

.form-control:disabled {
  background-color: #eaecf4 !important;
}

.input-form-control {
  background-color: #eaecf4 !important;
  border: 1px solid #ced4da;
  border-radius: 0.2rem;
  color: #495057;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
  line-height: 1.5;
  display: block;
  
}

.fieldset-custom {
  border: 0.15rem solid #d1d5db; /* Color gris claro */
  border-radius: 0.5rem; /* Bordes redondeados */
  padding: 0 1rem 1rem 1rem; /* Espaciado interno */
  width: 100%; 
  margin: 0.5rem auto; /* Centrar horizontalmente */
}

.legend-custom {
  padding: 0.2rem 0.5rem; /* Espaciado interno */
  background-color: #e5e7eb; /* Fondo gris claro */
  border: 0.15rem solid #d1d5db; /* Borde gris claro */
  font-size: 0.9rem; /* Tamaño de fuente */
  font-weight: 600; /* Fuente seminegrita */
  border-radius: 0.375rem; /* Bordes redondeados */
  display: inline-block; /* Ajustar al contenido */
  width: auto;
  color: #6c757d;
}

/* Class scale gray Backgroud y Color */

.bg-gray-100 {
  background-color: #f8f9fc !important;
}

.bg-gray-200 {
  background-color: #eaecf4 !important;
}

.bg-gray-300 {
  background-color: #dddfeb !important;
}

.bg-gray-400 {
  background-color: #d1d3e2 !important;
}

.bg-gray-500 {
  background-color: #b7b9cc !important;
}

.bg-gray-600 {
  background-color: #858796 !important;
}

.bg-gray-700 {
  background-color: #6e707e !important;
}

.bg-gray-800 {
  background-color: #5a5c69 !important;
}

.bg-gray-900 {
  background-color: #3a3b45 !important;
}

.text-gray-100 {
  color: #f8f9fc !important;
}

.text-gray-200 {
  color: #eaecf4 !important;
}

.text-gray-300 {
  color: #dddfeb !important;
}

.text-gray-400 {
  color: #d1d3e2 !important;
}

.text-gray-500 {
  color: #b7b9cc !important;
}

.text-gray-600 {
  color: #858796 !important;
}

.text-gray-700 {
  color: #6e707e !important;
}

.text-gray-800 {
  color: #5a5c69 !important;
}

.text-gray-900 {
  color: #3a3b45 !important;
}

/* Texto de colores */
.text-blue {
  color: var(--blue) !important;
}

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

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

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

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

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

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

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

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

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




/* WT FLOATING CLASS */

.wt-floating-container {
  background-color: #c6e8f5;
  border: 1px solid #394d74;
  position: fixed;
  z-index: 999;
  border-radius: 50%;
  bottom: 70px;
  right: 20px;
  padding: 15px;
  transition: ease 0.3s;
  animation: efecto 1.2s infinite;
}

.wt-floating-container:hover {
  transform: scale(1.1);
  transition: 0.3s;
}

.wt-floating-button {
  width: 40px;
  transition: ease 1s;
  cursor: pointer;
}

@keyframes efecto {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.85);
  }

  100% {
    box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
  }
}

/* Import for dropzone image */
.dz-image img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

.badge-olive {
  background-color: #3d9970 !important;
  color: #ffffff !important;
}

.badge-olive:hover {
  background-color: #5cbf88 !important;
  color: #ffffff !important;
}

.badge-lightblue {
  background-color: #3c8dbc !important;
  color: #ffffff !important;
}

.badge-lightblue:hover {
  background-color: #5aa6e0 !important;
  color: #ffffff !important;
}

.form-footer {
  background-color: #dddfeb !important; /* bg-gray-300 */
  padding-left: 1rem !important; /* px-3 */
  padding-right: 1rem !important; /* px-3 */
  padding-top: 0.5rem !important; /* py-2 */
  padding-bottom: 0.5rem !important; /* py-2 */
  margin-bottom: -1rem !important; /* mb-n3 */
  margin-left: -1rem !important; /* mx-n3 */
  margin-right: -1rem !important; /* mx-n3 */
  border-bottom-left-radius: 0.25rem !important; /* rounded-bottom */
  border-bottom-right-radius: 0.25rem !important; /* rounded-bottom */
  border-top: 1px solid #e0e0e0 !important;
}

/* Style Alert */

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.35rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4rem;
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #293c74;
  background-color: #dce3f9;
  border-color: #cdd8f6;
}

.alert-primary hr {
  border-top-color: #b7c7f2;
}

.alert-primary .alert-link {
  color: #1c294e;
}

.alert-secondary {
  color: #45464e;
  background-color: #e7e7ea;
  border-color: #dddde2;
}

.alert-secondary hr {
  border-top-color: #cfcfd6;
}

.alert-secondary .alert-link {
  color: #2d2e33;
}

.alert-success {
  color: #0f6848;
  background-color: #d2f4e8;
  border-color: #bff0de;
}

.alert-success hr {
  border-top-color: #aaebd3;
}

.alert-success .alert-link {
  color: #093b29;
}

.alert-info {
  color: #1c606a;
  background-color: #d7f1f5;
  border-color: #c7ebf1;
}

.alert-info hr {
  border-top-color: #b3e4ec;
}

.alert-info .alert-link {
  color: #113b42;
}

.alert-warning {
  color: #806520;
  background-color: #fdf3d8;
  border-color: #fceec9;
}

.alert-warning hr {
  border-top-color: #fbe6b1;
}

.alert-warning .alert-link {
  color: #574516;
}

.alert-danger {
  color: #78261f;
  background-color: #fadbd8;
  border-color: #f8ccc8;
}

.alert-danger hr {
  border-top-color: #f5b7b1;
}

.alert-danger .alert-link {
  color: #4f1915;
}

.alert-light {
  color: #818183;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-light hr {
  border-top-color: #ececf6;
}

.alert-light .alert-link {
  color: #686869;
}

.alert-dark {
  color: #2f3037;
  background-color: #dedee1;
  border-color: #d1d1d5;
}

.alert-dark hr {
  border-top-color: #c4c4c9;
}

.alert-dark .alert-link {
  color: #18181c;
}

.sidebar .nav-link {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
  padding-top: 0.35rem !important;
  padding-bottom: 0.35rem !important;
}

.bg-primary-disabled {
  background-color: #dce3f9 !important;
}

.bg-secondary-disabled {
  background-color: #e7e7ea !important;
}

.bg-success-disabled {
  background-color: #d2f4e8 !important;
}

.bg-info-disabled {
  background-color: #d7f1f5 !important;
}

.bg-warning-disabled {
  background-color: #fdf3d8 !important;
}

.bg-danger-disabled {
  background-color: #fadbd8 !important;
}

.bg-light-disabled {
  background-color: #fefefe !important;
}

.bg-dark-disabled {
  background-color: #dedee1 !important;
}



.w-15 {
  width: 15% !important;
}
.w-35 {
  width: 35% !important;
}
.w-65 {
  width: 65% !important;
}

.bg-opacity-10 {
  background-color: rgba(var(--bs-bg-rgb, 13, 110, 253), var(--bs-bg-opacity, 0.1)) !important;
  --bs-bg-opacity: 0.1 !important;
}

.bg-success-light {
    background-color: rgba(25, 135, 84, 0.1) !important;
}