/* Estilos para el panel de administración */

/* Sidebar */
#sidebar-wrapper {
  min-height: 100vh;
  width: 220px;
  margin-left: -220px;
  transition: margin 0.25s ease-out;
}

#sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#sidebar-wrapper .list-group {
  width: 220px;
}

#sidebar-wrapper .list-group-item {
  border: none;
  padding: 0.75rem 1.25rem;
  border-radius: 0;
  border-left: 3px solid transparent;
  transition: all 0.2s ease;
}

#sidebar-wrapper .list-group-item:hover, 
#sidebar-wrapper .list-group-item.active {
  background-color: #2c3136 !important;
  border-left-color: #0d6efd;
}

#wrapper.toggled #sidebar-wrapper {
  margin-left: 0;
}

#page-content-wrapper {
  min-width: 100vw;
}

#wrapper.toggled #page-content-wrapper {
  margin-left: 0;
}

/* Cards */
.border-left-primary {
  border-left: 0.25rem solid #0d6efd !important;
}

.border-left-success {
  border-left: 0.25rem solid #198754 !important;
}

.border-left-info {
  border-left: 0.25rem solid #0dcaf0 !important;
}

.border-left-warning {
  border-left: 0.25rem solid #ffc107 !important;
}

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

.text-gray-800 {
  color: #343a40 !important;
}

/* Media queries */
@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0;
  }

  #page-content-wrapper {
    min-width: 0;
    width: 100%;
  }

  #wrapper.toggled #sidebar-wrapper {
    margin-left: -220px;
  }
}