@charset "UTF-8";
/*
Template Name: Panel Infosolution
Version: 1.0
Author: Infosolution
Email: web@infosolution.com
File: Css personalizado
*/
@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&display=swap");

s.logo-lg {
    width: auto;
    height: 60px; /* O puedes establecer una altura específica si es necesario */
    max-height: 100px; /* Establece un límite para que no crezca demasiado */
    margin-top: 10px;
  }

/* ---------------- */ 
/* Sección General  */
/* ---------------- */ 

.general-logo-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-height: 100px;
}

.general-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.general-image-container {
  height: 150px; /* Establecemos una altura fija para todas las imágenes */
  display: flex;
  align-items: center;
  justify-content: center; /* Centramos las imágenes verticalmente */
}

.general-edit-link {
  margin-top: 10px;
}

#imageModal .modal-body img {
  width: 100%;
  height: auto;
}

/* Asegurarte de que el input color sea visible y centrado */
.general-color-input {
  position: relative;
  width: 100%; /* Ajusta el tamaño según sea necesario */
  display: block;
  margin: 0 auto;
  text-align: center;
}

/* ---------------- */ 
/* Section Usuarios */
/* ---------------- */ 

.buttons-pdf {
  background-color: #FF0000 !important;
  color: white !important;
  border-color: red !important;
}

.buttons-pdf:hover {
  background-color: darkred !important;
  border-color: darkred !important;
}

@media (max-width: 768px) {
  .dt-buttons {
      display: none !important; /* Oculta todos los botones de exportación en dispositivos móviles */
  }
}

/* ---------------- */ 
/* Section Sidebar */
/* ---------------- */ 

/* Si el usuario elige un color muy claro para el sidebar */
.menu-light a {
    color: #000 !important;
}

.menu-light .menu-title {
    color: #000 !important;
}

/* Si el sidebar es oscuro, mantenemos el estilo de Dashtrap tal cual */
.main-menu a.active {
    color: #fff !important;
    font-weight: 600;
}

/* ----------- */ 
/* Formularios */
/* ----------- */ 

/* Formularios Select */
select.form-select,
select.form-control,
select {
    font-family: inherit !important;
}