.btn{border-radius:6px!important;padding:8px 16px!important;font-weight:500!important;transition:all .2s ease-in-out!important;border-width:2px!important;color:#1a1a1a!important}
.btn-primary{background-color:#60c6ff!important;border-color:#3a9bd9!important;color:#074164!important}
.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:#4ab5f0!important;border-color:#2a8bc4!important;color:#074164!important}
.btn-success{background-color:#90d67f!important;border-color:#6a9e5d!important}
.btn-success:active,.btn-success:focus,.btn-success:hover{background-color:#7bc469!important;border-color:#5a8a4d!important}
.btn-danger{background-color:#f48270!important;border-color:#c66556!important;color:#5a2a22!important}
.btn-danger:active,.btn-danger:focus,.btn-danger:hover{background-color:#e3715f!important;border-color:#a55345!important;color:#5a2a22!important}
@keyframes modalEntrance{
0%{transform:translateY(-20px);opacity:0}
100%{transform:translateY(0);opacity:1}
}
@keyframes pulseError{
0%{box-shadow:0 0 0 0 rgba(244,130,112,.7)}
70%{box-shadow:0 0 0 10px rgba(244,130,112,0)}
100%{box-shadow:0 0 0 0 rgba(244,130,112,0)}
}
.modal{animation:modalEntrance .4s ease-out}
.modal-content{border:none;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.15)}
@keyframes pulseSuccess{
0%{box-shadow:0 0 0 0 rgba(96,198,255,.4)}
70%{box-shadow:0 0 0 10px rgba(96,198,255,0)}
100%{box-shadow:0 0 0 0 rgba(96,198,255,0)}
}

#mdlSuccess .modal-header{background-color:#60c6ff;border-bottom:2px solid #3a9bd9;padding:1.2rem 1.5rem;position:relative}
#mdlSuccess .modal-header::after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:8px;background:linear-gradient(90deg,#60c6ff,#3a9bd9);opacity:.4}
#mdlSuccess .modal-title{color:#0a4b6d;font-weight:700;font-size:1.5rem;display:flex;align-items:center;gap:10px;text-shadow:0 1px 1px rgba(255,255,255,.3)}
#mdlSuccess .modal-title::before{content:"✓";font-size:1.8rem;color:#0a4b6d}
#mdlSuccess .modal-body{
    :root[data-bs-theme="light"] & {
        background-color: #f0f9ff !important;
    }
    :root[data-bs-theme="dark"] & {
        background-color: #141824 !important;
    }
}    
#mdlSuccess .modal-body #textModal{
    padding: 1.8rem;
    :root[data-bs-theme="light"] & {
        color: #0a4b6d !important;
        background-color: #f0f9ff !important;
    }
    :root[data-bs-theme="dark"] & {
        color: #ffffff !important;
    }
}
#mdlSuccess .modal-footer{
    :root[data-bs-theme="light"] & {
        color: #f0f9ff !important;
    }
    :root[data-bs-theme="dark"] & {
        color: #141824 !important;
    }
    border-top:none;
    padding:1rem 1.5rem;
    justify-content:center
}

:root[data-bs-theme="light"] .btn-group .btn i.fas,
:root[data-bs-theme="light"] .btn-group .btn svg,
:root[data-bs-theme="light"] .invoice-card .card-body .btn.btn-outline-info svg.svg-inline--fa.fa-eye,
:root[data-bs-theme="light"] .btn.btn-outline-danger svg.svg-inline--fa.fa-trash{
    color: black !important;
    fill: black !important;
}

:root[data-bs-theme="dark"] .btn-group .btn i.fas,
:root[data-bs-theme="dark"] .btn-group .btn svg,
:root[data-bs-theme="dark"] .invoice-card .card-body .btn.btn-outline-info svg.svg-inline--fa.fa-eye,
:root[data-bs-theme="dark"] .btn.btn-outline-danger svg.svg-inline--fa.fa-trash{
    color: white !important;
    fill: white !important;
}
:root[data-bs-theme="dark"] .modal-content .modal-body,
:root[data-bs-theme="dark"] .modal-content .modal-footer{
    background-color: #141824 !important;
}
:root[data-bs-theme="dark"] #mdlError .modal-body{
    color: #ffffff !important;
}
.btn-group.btn-group-sm .btn.btn-outline-primary.btn-view-Containers,
.btn-group.btn-group-sm .btn.btn-outline-primary.btn-view-Products,
#logout-btn{
    :root[data-bs-theme="light"] & {
        color: #0a4b6d !important;
    }
    :root[data-bs-theme="dark"] & {
        color: #ffffff !important;
    }
}
#mdlSuccess .btn-success{background-color:#3a9bd9;border-color:#2a8bc4;color:#fff;font-weight:600;padding:.5rem 2rem;border-radius:8px;animation:pulseSuccess 2s infinite;transition:all .3s ease}
#mdlSuccess .btn-success:hover{background-color:#2a8bc4;transform:translateY(-2px);box-shadow:0 4px 12px rgba(58,155,217,.3)}
#mdlSuccess .btn-close{filter:brightness(0) saturate(100%) invert(24%) sepia(40%) saturate(1207%) hue-rotate(166deg) brightness(89%) contrast(85%);opacity:.9;transition:all .3s}
#mdlSuccess .btn-close:hover{opacity:1;transform:rotate(90deg)}
#mdlError .modal-header{background-color:#b62f1a;border-bottom:2px solid #c66556;padding:1.2rem 1.5rem;position:relative}
#mdlError .modal-header::after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:8px;background:linear-gradient(90deg,#f48270,#c66556);opacity:.3}
#mdlError .modal-title{color:#fff;font-weight:700;font-size:1.5rem;display:flex;align-items:center;gap:10px}
#mdlError .modal-title::before{content:"!";font-size:1.8rem}
#mdlError .modal-footer{background-color:#fff7f6;border-top:none;padding:1rem 1.5rem;justify-content:center}
#mdlError .btn-danger{background-color:#c66556;border-color:#a55345;font-weight:600;padding:.5rem 2rem;border-radius:8px;animation:pulseError 2s infinite}
.btn-close{filter:brightness(0) saturate(100%) invert(10%) sepia(20%) saturate(2000%) hue-rotate(20deg) brightness(.8) contrast(.9);opacity:.8;transition:all .3s}
.btn-close:hover{opacity:1;transform:rotate(90deg)}
.btn-danger:hover{background-color:#a55345!important;transform:translateY(-2px);box-shadow:0 4px 8px rgba(198,101,86,.3)}
@keyframes shakeError{
0%,100%{transform:translateX(0)}
20%,60%{transform:translateX(-5px)}
40%,80%{transform:translateX(5px)}
}
@keyframes pulseError{
0%{box-shadow:0 0 0 0 rgba(244,130,112,.7)}
70%{box-shadow:0 0 0 10px rgba(244,130,112,0)}
100%{box-shadow:0 0 0 0 rgba(244,130,112,0)}
}
#mdlSessionExpiredModal.modal.fade.show{animation:shakeError .5s ease}
#mdlSessionExpiredModal .modal-content{border:2px solid #c66556!important;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px rgba(244,130,112,.2)}
#mdlSessionExpiredModal .modal-header{background-color:#f48270;border-bottom:2px solid #c66556;padding:1.2rem 1.5rem;position:relative}
#mdlSessionExpiredModal .modal-header::after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:8px;background:linear-gradient(90deg,#f48270,#c66556);opacity:.4}
#mdlSessionExpiredModal .modal-title{color:#5a1a12;font-weight:700;font-size:1.3rem;display:flex;align-items:center;gap:10px}
#mdlSessionExpiredModal .modal-title i{font-size:1.5rem}
#mdlSessionExpiredModal .modal-body{background-color:#fff7f6;color:#5a2a22;padding:1.8rem;font-size:1.1rem;line-height:1.6}
#mdlSessionExpiredModal .modal-footer{background-color:#fff7f6;border-top:none;padding:1rem 1.5rem;justify-content:center}
#mdlSessionExpiredModal #btnRedirectLogin{background-color:#c66556;border-color:#a55345;color:#fff;font-weight:600;padding:.5rem 2rem;border-radius:8px;animation:pulseError 2s infinite;transition:all .3s ease}
#mdlSessionExpiredModal #btnRedirectLogin:hover{background-color:#a55345;transform:translateY(-2px);box-shadow:0 4px 12px rgba(198,101,86,.3)}
#mdlSessionExpiredModal .fa-exclamation-triangle{color:#5a1a12;animation:bounce 1s infinite alternate}
@keyframes bounce{
from{transform:translateY(0)}
to{transform:translateY(-5px)}
}
.readonly-mode{background-color:#f8f9fa!important;border-color:#dee2e6!important;cursor:not-allowed!important}
.select2-container--disabled .selection .select2-selection{background-color:#f8f9fa!important;cursor:not-allowed!important}
.editable-mode{background-color:#fff!important;border-color:#86b7fe!important}
#mdlError.modal.fade.show{animation:shakeError .5s ease}
#mdlError .modal-content{border:2px solid #c66556!important;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px rgba(244,130,112,.2)}
#mdlError .modal-header{background-color:#f48270;border-bottom:2px solid #c66556;padding:1.2rem 1.5rem;position:relative}
#mdlError .modal-header::after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:8px;background:linear-gradient(90deg,#f48270,#c66556);opacity:.4}
#mdlError .modal-title{color:#5a1a12;font-weight:700;font-size:1.3rem;display:flex;align-items:center;gap:10px}
#mdlError .modal-title i{font-size:1.5rem}
#mdlError .modal-body{background-color:#fff7f6;color:#5a2a22;padding:1.8rem;font-size:1.1rem;line-height:1.6}
#mdlError .modal-footer{background-color:#fff7f6;border-top:none;padding:1rem 1.5rem;justify-content:center}
#mdlError .fa-exclamation-triangle{color:#5a1a12;animation:bounce 1s infinite alternate}
.currency-label{color:rgba(128,128,128,.6);font-size:10px;font-style:italic}
button.dt-button.buttons-colvis,div.dt-button-collection button.dt-button.buttons-colvis{background-color:#60c6ff!important;border-color:#3a9bd9!important;color:#074164!important;font-weight:600;border-radius:10px;animation:pulseSuccess 2s infinite;transition:all .3s ease}
button.dt-button.buttons-colvis:hover,div.dt-button-collection button.dt-button.buttons-colvis{background-color:#4ab5f0!important;border-color:#2a8bc4!important;color:#074164!important}
div.dt-buttons button.dt-button.buttons-excel{background-color:#78d387!important;border-color:#2dc052!important;color:#07641e!important;font-weight:600;border-radius:10px;animation:pulseSuccess 2s infinite;transition:all .3s ease}
div.dt-buttons button.dt-button.buttons-excel:hover{background-color:#4af058!important;border-color:#048d16!important;color:#07641b!important}
div.dt-buttons button.dt-button.buttons-pdf{background-color:#fff!important;border-color:#ec5a40!important;color:#cf6767!important;font-weight:600;border-radius:10px;animation:pulseError 2s infinite;transition:all .3s ease}
div.dt-buttons button.dt-button.buttons-pdf:hover{background-color:#dadfdb!important;border-color:#c50000!important;color:#df9284!important}
.bg-dan{background-color:#f48270!important;border-color:#c66556!important;color:#5a2a22!important;padding:.5rem 2rem;border-radius:8px;animation:pulseError 2s infinite}
.bg-war{background-color:#dd741f!important;border-color:#cc5e15!important;color:#a53400!important;padding:.5rem 2rem;border-radius:8px;animation:pulseError 2s infinite}
.bg-good{background-color:#7bc469!important;border-color:#5a8a4d!important;color:#108805!important;padding:.5rem 2rem;border-radius:8px;animation:pulse-success 2s infinite}
@keyframes pulse-success{
0%{transform:scale(1);box-shadow:0 0 0 0 rgba(40,167,69,.7)}
70%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(40,167,69,0)}
100%{transform:scale(1);box-shadow:0 0 0 0 rgba(40,167,69,0)}
}
.elemento-success{animation:pulse-success 1.5s infinite;background-color:#28a745;color:#fff;border-radius:4px}
.invoice-section{border:1px solid #eee;border-radius:5px;padding:10px;margin-bottom:15px}
.invoice-title{font-size:.9rem;color:#444}
.invoice-products{font-size:.85rem}
.invoice-item{border-bottom:1px dashed #f0f0f0}
.product-name{padding-left:15px!important}
.product-qty{width:80px}
.bg-yellow{background-color:#ffd747!important}
.bg-orange{background-color:#ff8147!important}
.days-negative{background:linear-gradient(135deg,#059669,#047857)}
.days-0-10{background:linear-gradient(135deg,#34d399,#10b981)}
.days-11-15{background:linear-gradient(135deg,#6ee7b7,#34d399)}
.days-16-20{background:linear-gradient(135deg,#fde047,#eab308)}
.days-21-25{background:linear-gradient(135deg,#facc15,#f59e0b)}
.days-26-30{background:linear-gradient(135deg,#fb923c,#f97316)}
.days-31-35{background:linear-gradient(135deg,#f97316,#ea580c)}
.days-36-40{background:linear-gradient(135deg,#ef4444,#dc2626)}
.days-over-40{background:linear-gradient(135deg,#dc2626,#b91c1c)}
.days-span{border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff;padding:5px;min-width:50px;text-align:center;display:block!important}