/*=============================================
Interfaz Dashboard
=============================================*/

  /*=============================================
      Típografía del dashboard
    =============================================*/
    body{
      font-family: Nunito, sans-serif !important; 
    }
    /*=============================================
      Color del dashboard
    =============================================*/
    .backColor{
      background: #f9b134 !important;
      color: #FFF !important;
      border: 0 !important;
    }

    .form-check-input:checked{
      background-color: #f9b134 !important;
      border-color: #f9b134 !important;
    }

    .textColor{
      color: #f9b134 !important;
    }

    .page-item.active .page-link {
      z-index: 3;
      color: #fff !important;
      background-color: #f9b134 !important;
      border-color: #f9b134 !important;
    }

    .page-link {
      color: #f9b134 !important;    
    }


    #wrapper {
      display: flex;
      flex-direction: row;
    }

    #sidebar-wrapper {
      min-height: 100vh;
      width: 250px;
      z-index:1;
      transition: all 0.3s;
    }

    #sidebar-wrapper .sidebar-heading {
      font-size: 1.5rem;
      text-align: center;
      min-width:225px;
    }

    #sidebar-wrapper .list-group-item {
      padding: 15px 20px;
    }

    #sidebar-wrapper .list-group-item i {
      margin-right: 10px;
    }

    #sidebar-wrapper .menu-text {
      display: inline;
    }

    #sidebar-wrapper.collapsed {
      width: 80px;

    }

    #sidebar-wrapper.collapsed .menu-text {
      display: none;

    }

    #sidebar-wrapper.collapsed .list-group-item {
      margin-right: 0;
      text-align: center;
    }

    #sidebar-wrapper.collapsed .list-group-item i{
     margin: 0;
   }

   #page-content-wrapper {
    flex-grow: 1;
    width:50%;
  }

  /*************** Sidebar activo por BS **************/
  #sidebar-wrapper .list-group-item.active {
    background-color: #ff9c56; /*#ffa96e;/*#0d6efd;*/
    font-weight: bold;
  }

  #sidebar-wrapper .list-group-item.active .menu-text,
  #sidebar-wrapper .list-group-item.active i {
    color: #fff !important;
  }

  #sidebar-wrapper .active-link {
    color: #fff !important;
  }

  #sidebar-wrapper .textColor {
    color: #0d6efd;
  }

  /* Sidebar oculto para responsive (opcional si usas Bootstrap) */
  #sidebar-wrapper.collapsed {
    width: 0;
    overflow: hidden;
    transition: width 0.3s ease;
  }

  /* ************** POR BS **************** */

/* Float the sidebar for mobile */
@media (max-width: 768px) {
  #sidebar-wrapper {
    position: fixed;
    z-index: 1000;
    height: 100%;
    left: -250px;
    transition: all 0.3s ease;
  }

  #sidebar-wrapper.show {
    left: 0;
  }

  #menu-toggle {
    display: block;
    margin-left: 20px;
  }
  
}

.backDashboard{
  background-color: #f0f0f5 !important;
}
.borderDashboard{
  border: 1px solid #dce1e5 !important;
}

/*** CONFIGURACIONES BS ***/

/* color nude warning 
  *utilizado en caja 
*/
.bg-warning-nude {
  background-color: #fff3cd !important; /* más claro que #ffc107 */
  color: #856404 !important;            /* texto más oscuro */
  border: 1px solid #ffeeba;
}

.icon-money {
    width: 45px;
    height: 45px;
    background-image: url('views/assets/icons/icon-money.png');
    background-size: cover;
    background-repeat: no-repeat;
  }

  .btn:active, .btn:hover {
    color: white !important;
  }

  .btn-text-act-black:active, .btn-text-act-black:hover {
    color: black !important;
  }

  /* Select2 igualado visualmente a Bootstrap */
  .select2-container .select2-selection--single {
    height: 38px;
    padding: 6px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
  }

  .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 24px;
  }

  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 35px;
  }