/*Estilo estados de Solicitud y Ordenes*/
.btn-outline-success-state {
    background-color: #F5FFFD;
    border: 0.5px solid #00916E;
    color: #00916E;
}

.btn-outline-danger-state {
    background-color: #FFECEE;
    border: 0.5px solid #DE3148;
    color: #DE3148;
}

.btn-outline-warning-state {
    background-color: #FFF9E1;
    border: 0.5px solid #FFB700;
    color: #FFB700;
}

.tag-outline-success-leadtime {
    background-color: #F5FFFD;
    border: 0;
    color: #00916E;
    border-radius: 0.5rem;
    padding: 0.2rem 0.5rem;
}

.tag-outline-danger-leadtime {
    background-color: #FFECEE;
    border: 0;
    color: #DE3148;
    border-radius: 0.5rem;
    padding: 0.2rem 0.5rem;
}

.tag-outline-warning-leadtime {
    background-color: #FFF9E1;
    border: 0;
    color: #FFB700;
    border-radius: 0.5rem;
    padding: 0.2rem 0.5rem;
}

.text-success-leadtime {
    color: #00916E;
}

.text-danger-leadtime {
    color: #DE3148;
}

.text-warning-leadtime {
    color: #FFB700;
}

.btn-outline-info-state {
    background-color: #EEF7FD;
    border: 0.5px solid #228CDB;
    color: #228CDB;
}

.btn-outline-dark-state {
    background-color: #E9E9E9;
    border: 0.5px solid #595959;
    color: #595959;
}
.btn-outline-cancelled-state {
    background-color: #F0F0F0;
    border: 0.5px solid #707070;
    color: #707070;
}

.btn-outline-grey-state {
    background-color: #F5F6F8;
    border: 0.5px solid #2D343F;
    color: #2D343F;
}

.btn-primary-state {
    background-color: #0E5489;
    color: #FFFFFF;
}

.btn-secondary-state {
    background-color: #595959;
    color: #FFFFFF;
}

.btn-success-state {
    background-color: #00B050;
    color: #FFFFFF;
}

.btn-success-dark-state {
    background-color: #088340;
    color: #FFFFFF;
}

.btn-danger-state {
    background-color: #DE3148;
    color: #FFFFFF;
}

.btn-warning-state {
    background-color: #FFB700;
    color: #FFFFFF;
}

.btn-info-state {
    background-color: #228CDB;
    color: #FFFFFF;
}

.btn-dark-state {
    background-color: #191A1C;
    color: #FFFFFF;
}

.btn-revisar:hover {
    color: #2D343F !important;
    text-decoration: none !important;
}

/*Estilo estados de Solicitud y Ordenes*/

.btn-pill:hover {
    color: white;
}

.big-icon {
    font-size: 1rem;
    vertical-align: middle;
}

.leadtime-label-fixed {
    min-width: 70px;
    max-width: 90px;
    display: inline-block;
    text-align: left;
    padding: 0.2rem 0.5rem;
    font-size: 1rem;
    vertical-align: top;
}

.leadtime-col {
    flex: 0 0 90px !important;
    max-width: 90px !important;
    min-width: 70px !important;
    width: 90px !important;
    padding-left: 0.5rem;
    padding-right: 1rem;
}

.leadtime-align {
    min-width: 90px;
    text-align: right;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

@keyframes shimmer {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

.scroll-content-order {
    max-height: 65vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.scroll-content-request {
    max-height: 74vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.scroll-content-request-list {
    max-height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.scroll-content-component-list {
    max-height: 60vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.scroll-content-order-list {
    max-height: 65vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.scroll-content-table-traceability {
    max-width: 85vw;
    overflow-x: auto;
}

/* Mejora de scroll para pantallas pequeñas */
@media (max-height: 768px) {
    .scroll-content-order {
        max-height: 55vh;
    }
    .scroll-content-request {
        max-height: 64vh;
    }
    .scroll-content-request-list {
        max-height: 70vh;
    }
    .scroll-content-order-list {
        max-height: 55vh;
    }
    .scroll-content-component-list {
        max-height: 40vh;
    }
}

@media (max-width: 1700px) {
    .scroll-content-table-traceability {
        max-width: 83vw;
    }
}

@media (max-width: 1500px) {
    .scroll-content-table-traceability {
        max-width: 79vw;
    }
}