body{background-color:#1a202c}#sidebar.w-16 .hidden-text{display:none}#sidebar .flex.items-center .fa{margin-top:auto;margin-bottom:auto}#sidebar.w-16 #appName{display:none}#sidebar.w-16 .text-sm{display:none}#sidebar.w-16 #toggleIcon::before{content:"\f138"}#sidebar.w-64 #toggleIcon::before{content:"\f137"}.wrapper{display:flex;flex-direction:row;height:100%}.sidebar{width:1px;position:relative;z-index:1000}.content{flex-grow:1;position:relative}.dataTables_info{color:white!important}.dataTables_filter{color:white!important}.paginate_button{color:white!important}.odd{background-color:rgba(31,41,55,var(--tw-bg-opacity))!important}.even{background-color:rgba(46,74,80,var(--tw-bg-opacity))!important}.card{background-color:#333;color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1);padding:20px;text-align:center;max-width:400px}.card h1,.card h2{margin-top:0}.notification-icon .badge{position:absolute;top:-4px;right:-4px;background-color:#ef4444;color:#ffffff;border-radius:50%;padding:2px 6px;font-size:12px}@media only screen and (max-width:600px){#workersTable{font-size:12px}.dataTables_length select,.dataTables_filter input{font-size:12px;padding:4px}.dataTables_paginate .paginate_button{padding:2px 6px}}body.light-mode{background-color:#b6b9bb;color:#2d3748}body.light-mode .bg-gray-800{background-color:#edf2f7;color:#2d3748}body.light-mode .bg-gray-700{background-color:#e2e8f0;color:#2d3748}body.light-mode .bg-gray-600{background-color:#cbd5e0;color:#2d3748}body.light-mode .text-white{color:#2d3748}body.light-mode .hover\:bg-gray-700:hover{background-color:#cbd5e0}body.light-mode .hover\:bg-gray-600:hover{background-color:#a0aec0}body.light-mode .border-gray-300{border-color:#cbd5e0}body.light-mode .bg-green-500{background-color:#48bb78}body.light-mode .hover\:bg-green-700:hover{background-color:#2f855a}body.light-mode .bg-blue-500{background-color:#4299e1}body.light-mode .hover\:bg-blue-700:hover{background-color:#2b6cb0}body.light-mode .bg-red-500{background-color:#f56565}body.light-mode .hover\:bg-red-700:hover{background-color:#c53030}body.light-mode .bg-purple-500{background-color:#9f7aea}body.light-mode .hover\:bg-purple-700:hover{background-color:#6b46c1}body.light-mode .border{border-color:#e2e8f0}body.light-mode .rounded-md{border-radius:.375rem}body.light-mode .shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}body.light-mode .p-4{padding:1rem}body.light-mode .p-8{padding:2rem}body.light-mode .text-sm{font-size:.875rem}body.light-mode .text-base{font-size:1rem}body.light-mode .text-lg{font-size:1.125rem}body.light-mode .text-2xl{font-size:1.5rem}body.light-mode .font-semibold{font-weight:600}body.light-mode .hover\:text-blue-600:hover{color:#3182ce}body.light-mode .hover\:text-red-600:hover{color:#e53e3e}body.light-mode .hover\:text-green-600:hover{color:#38a169}body.light-mode .hover\:text-yellow-600:hover{color:#dd6b20}body.light-mode .hover\:text-purple-600:hover{color:#805ad5}body.light-mode .text-gray-400{color:#4a5568}body.light-mode .absolute{position:absolute}body.light-mode .top-0{top:0}body.light-mode .bottom-0{bottom:0}body.light-mode .right-0{right:0}body.light-mode .left-0{left:0}body.light-mode .flex{display:flex}body.light-mode .items-center{align-items:center}body.light-mode .justify-center{justify-content:center}body.light-mode .transition-all{transition:all .3s ease-in-out}body.light-mode .duration-300{transition-duration:.3s}body.light-mode .transform{transform:translateZ(0)}body.light-mode .rounded-l-lg{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}body.light-mode .rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}body.light-mode .w-64{width:16rem}body.light-mode .w-16{width:4rem}body.light-mode .hidden{display:none}body.light-mode .scale-y-0{transform:scaleY(0)}body.light-mode .scale-y-100{transform:scaleY(1)}body.light-mode .block{display:block}body.light-mode .ml-4{margin-left:1rem}body.light-mode .ml-2{margin-left:.5rem}body.light-mode .p-1{padding:.25rem}#latestSales{font-family:'Courier New',Courier,monospace;color:#10B981;background:#1F2937;padding:10px;border-radius:5px;animation:fadeIn 1s}#latestSales p{margin:5px 0;font-size:14px;line-height:1.4}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.sale-entry{display:flex;justify-content:space-between;align-items:center;padding:5px;border-bottom:1px solid #4B5563}.sale-entry:last-child{border-bottom:none}.sale-product-name{flex:2;text-align:left}.sale-revenue,.sale-date,.sale-payment-method{flex:1;text-align:center}.sale-entry{display:flex;justify-content:space-between;padding:8px;border-bottom:1px solid #4a4a4a}.sale-product-name,.sale-revenue,.sale-date,.sale-payment-method,.sale-client-details{width:20%;text-align:center}.text-green-500{color:#10B981}.text-yellow-500{color:#f59e0b}.text-red-500{color:#F56565}.table-responsive{overflow-x:auto}@media (max-width:568px){.table-responsive{font-size:12px}.dataTables_length,.dataTables_filter{float:none;text-align:center}.dataTables_paginate{float:none;text-align:center}.dataTables_paginate .paginate_button{margin:0 5px}}.dataTables_paginate .paginate_button{color:#ffffff!important;background-color:#4A5568!important;border:1px solid #2D3748!important;border-radius:4px!important;padding:5px 10px!important;margin:0 2px!important;transition:background-color .3s ease,color .3s ease}.dataTables_paginate .paginate_button.current{background-color:#2D3748!important;color:#ffffff!important}.dataTables_paginate .paginate_button:hover{background-color:#3B82F6!important;color:#ffffff!important}.dataTables_paginate .paginate_button.disabled{color:#ffffff!important;background-color:#374151!important;cursor:not-allowed!important}.child{background-color:#1f2937!important}body.light-mode{background-color:#f7f8fc!important;color:#2d3748!important}body.light-mode .dataTables_wrapper{background-color:#ffffff!important;color:#2d3748!important;border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 2px 4px rgba(0,0,0,0.1)!important}body.light-mode .dataTables_wrapper .dataTables_filter,body.light-mode .dataTables_wrapper .dataTables_length,body.light-mode .dataTables_wrapper .dataTables_info{color:#2d3748!important}body.light-mode .dataTables_wrapper .dataTables_filter input,body.light-mode .dataTables_wrapper .dataTables_length select{background-color:#ffffff!important;border:1px solid #e2e8f0!important;border-radius:4px!important;padding:4px 8px!important;color:#2d3748!important}body.light-mode .dataTables_wrapper table.dataTable thead{background-color:#e2e8f0!important;color:#2d3748!important}body.light-mode .dataTables_wrapper table.dataTable thead th{border-bottom:2px solid #cbd5e0!important}body.light-mode .dataTables_wrapper table.dataTable tbody tr{background-color:#ffffff!important;border-bottom:1px solid #e2e8f0!important}body.light-mode .dataTables_wrapper table.dataTable tbody tr:hover{background-color:#f1f5f9!important}body.light-mode .dataTables_wrapper table.dataTable tbody td{padding:12px 8px!important;color:#2d3748!important}body.light-mode .dataTables_wrapper .dataTables_paginate .paginate_button{background-color:#ffffff!important;border:1px solid #e2e8f0!important;border-radius:4px!important;padding:6px 12px!important;margin:0 2px!important;color:#2d3748!important}body.light-mode .dataTables_wrapper .dataTables_paginate .paginate_button:hover{background-color:#e2e8f0!important;border-color:#cbd5e0!important;color:#2d3748!important}body.light-mode .dataTables_wrapper .dataTables_paginate .paginate_button.current{background-color:#3182ce!important;border-color:#3182ce!important;color:#4a5568!important}body.light-mode .dataTables_wrapper .btn{background-color:#3182ce!important;border:none!important;color:#4a5568!important;padding:8px 12px!important;border-radius:4px!important;cursor:pointer!important}body.light-mode .dataTables_wrapper .btn:hover{background-color:#225c9c!important}body{background-color:#1a202c!important;color:#4a5568!important}#sidebar.w-16 .hidden-text{display:none!important}#sidebar .flex.items-center .fa{margin-top:auto!important;margin-bottom:auto!important}#sidebar.w-16 #appName{display:none!important}#sidebar.w-16 .text-sm{display:none!important}#sidebar.w-16 #toggleIcon::before{content:"\f138"!important}#sidebar.w-64 #toggleIcon::before{content:"\f137"!important}.wrapper{display:flex!important;flex-direction:row!important;height:100%!important}.sidebar{width:1px!important;position:relative!important;z-index:1000!important}.content{flex-grow:1!important;position:relative!important}.dataTables_info{color:white!important}.dataTables_filter{color:white!important}.paginate_button{color:white!important}.odd{background-color:rgba(31,41,55,var(--tw-bg-opacity))!important}.even{background-color:rgba(46,74,80,var(--tw-bg-opacity))!important}.card{background-color:#333!important;color:#fff!important;border-radius:8px!important;box-shadow:0 4px 8px rgba(0,0,0,0.1)!important;padding:20px!important;text-align:center!important;max-width:400px!important}.card h1,.card h2{margin-top:0!important}.notification-icon .badge{position:absolute!important;top:-4px!important;right:-4px!important;background-color:#ef4444!important;color:#4a5568!important;border-radius:50%!important;padding:2px 6px!important;font-size:12px!important}@media only screen and (max-width:600px){#workersTable{font-size:12px!important}.dataTables_length select,.dataTables_filter input{font-size:12px!important;padding:4px!important}.dataTables_paginate .paginate_button{padding:2px 6px!important}}.dataTables_paginate .paginate_button{color:#4a5568!important;background-color:#4A5568!important;border:1px solid #2D3748!important;border-radius:4px!important;padding:5px 10px!important;margin:0 2px!important;transition:background-color .3s ease,color .3s ease!important}.dataTables_paginate .paginate_button.current{background-color:#2D3748!important;color:#4a5568!important}.dataTables_paginate .paginate_button:hover{background-color:#3B82F6!important;color:#4a5568!important}.dataTables_paginate .paginate_button.disabled{color:#ffffff!important;background-color:#374151!important;cursor:not-allowed!important}.child{background-color:#1f2937!important}body.light-mode .bg-gray-900{background-color:#A9A9A9!important;color:#2d3748!important}body.light-mode .dataTables_wrapper table.dataTable thead th{color:#4a5568!important;background-color:#e2e8f0!important;border-bottom:2px solid #cbd5e0!important}.dataTables_empty{background-color:#111827!important;color:#ffffff!important}

.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
}
.bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
}
.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
}
.bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
}
.bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
}

#product_list {
    max-height: 80px; /* Ajusta la altura máxima según tus necesidades */
    overflow-y: auto; /* Activa la barra de desplazamiento vertical */

}

#wholesale_product_list {
    max-height: 80px; /* Ajusta la altura máxima según tus necesidades */
    overflow-y: auto; /* Activa la barra de desplazamiento vertical */

}


.select2-container--default .select2-selection--single {
    background-color: #4A5568; /* bg-gray-700 */
    border-color: #4A5568; /* Borde del select */
    color: #ffffff; /* Color del texto */
    padding: 0.5rem; /* Ajuste de padding */
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #ffffff transparent transparent transparent; /* Cambiar el color de la flecha */
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.select2-container--default .select2-results__option {
    background-color: #4A5568; /* bg-gray-700 */
    color: #ffffff; /* Color del texto de las opciones */
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.select2-container--default .select2-results__option--highlighted {
    background-color: #2D3748; /* bg-gray-800 para la opción seleccionada */
    color: #ffffff; /* Color del texto de la opción seleccionada */
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
/* Estilo para el dropdown */
.select2-dropdown-tailwind {
    background-color: #4A5568 !important; /* Tailwind bg-gray-700 */
    color: #ffffff !important; /* Tailwind text-white */
    border: 1px solid #4A5568 !important; /* Tailwind border */
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
}


.select2-dropdown-tailwind .select2-results__option {
    background-color: #4A5568 !important; /* Tailwind bg-gray-700 */
    color: #ffffff !important; /* Tailwind text-white */
    padding: 0.5rem; /* Ajustar el padding de las opciones */
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

/* Estilo para la opción resaltada */
.select2-dropdown-tailwind .select2-results__option--highlighted {
    background-color: #2D3748 !important; /* Tailwind bg-gray-800 */
    color: #ffffff !important; /* Tailwind text-white */
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

/* Estilo para el contenedor visible del select (donde se muestra el valor seleccionado) */
.select2-selection-tailwind {
    background-color: #4A5568 !important; /* Tailwind bg-gray-700 */
    color: #ffffff !important; /* Tailwind text-white */
    border: 1px solid #4A5568 !important; /* Tailwind border */
    padding: 0.5rem !important; /* Tailwind padding */
    border-radius: 0.375rem !important; /* Tailwind rounded-md */
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

/* Quitar el estilo por defecto de select2 que afecta al tamaño de fuente y bordes */
.select2-container--default .select2-selection--single {
    height: auto !important; /* Permitir que el select tome el tamaño correcto */
    border: none !important; /* Eliminar los bordes por defecto */
}

/* Estilo para el ícono del dropdown */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50% !important; /* Alinear el ícono */
    transform: translateY(-50%); /* Centrar verticalmente */
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

/* Corregir el padding del dropdown */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 0.5rem !important; /* Ajustar padding izquierdo */
    line-height: 1.5 !important; /* Ajustar altura de línea */
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
     color: white !important; 
     --tw-border-opacity: 1;
     border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
    background-color: #4a5568;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
}