.loader-page {
    position: fixed;
    z-index: 25000;
    background: #fdfdfd;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:all .3s ease;
}

@media (min-width: 300px){
    .imgPrelouder{
        width: 65%;
    }
}

@media (min-width: 425px){
    .imgPrelouder{
        width: 65%;
    }
}

@media (min-width: 768px){
    .imgPrelouder{
        width: 45%;
    }
}

@media (min-width: 1440px){
    .imgPrelouder{
        width: 25%;
    }
}

@media (min-width: 1920px){
    .imgPrelouder{
        width: 20%;
    }
}

.ContenedorImg{
    width: 30px !important;
    max-height: 50px !important;
}

.ScrollBarCss::-webkit-scrollbar {
    width: 5px;
}

.ScrollBarCss::-webkit-scrollbar-thumb {
    background: #707070;
    border-radius: 5px;
}

#LupaBuscar:hover #ColorLupa{

    color: red !important;
    cursor: pointer !important;

}

ul.ui-autocomplete {
    z-index: 1100;
}

.Otp_DesactivarBusqueda {
    display: none;
}

.FiltroEmbarque {
    display: none;
}

.StarWidget{
    
    display: flex;
    justify-content: center;

}

.StarWidget input{

    display: none;

}

.StarWidget label{

    font-size: 40px;
    color: #b5b5b53f;
    padding: 10px;
    float: right;
    transition: all 0.2s ease !important;
}

.StarWidget2{
    
    display: flex;
    justify-content: center;

}

.StarWidget2 input{

    display: none;

}

.StarWidget2 label{

    font-size: 20px;
    color: #b5b5b53f;
    padding: 10px;
    float: right;
    transition: all 0.2s ease !important;
    
}

.EstrellaInput label:hover,
.EstrellaInput label:hover label{

    cursor: pointer;
    
}

.CheckedInputStar{

    color: #FED843 !important;

}

.CheckedInputStarTemporal{

    color: #FED843 !important;

}

.tachado-simple {
    text-decoration: line-through;
}

#kt_app_content_container_ {
    transition: all 0.3s ease;
}

.alert {
    animation: slideIn 0.3s ease-out;
}

@keyframes slideIn {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

.alert.closing {
    animation: slideOut 0.3s ease-in;
}

@keyframes slideOut {
    to { transform: translateX(100%); opacity: 0; }
}

.alert:hover {
    transform: translateX(0) scale(1.02);
    cursor: pointer;
    transition: all 0.3s ease;
}

@keyframes progress {
    from { width: 100% }
    to { width: 0 }
}

.alert-progress {
    height: 2px; /* o 4px */
}

.alert-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background: rgba(255, 255, 255, 0.5);
    width: 100%;
    transform-origin: left;
}

.ayuda {
    position: relative;
}

.ayuda .ayudatext {
    visibility: hidden;
    max-width: 240px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 30%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 10px;
}

.ayuda .ayudatext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.ayuda:hover .ayudatext {
    visibility: visible;
    opacity: 1;
}

.mb-5-custom{
    margin-bottom: 1.25rem !important;
}

/* Resolucion movil pantalla de orden*/
@media (max-width: 425px) {

    .text-movil {
      font-size: 10px !important;
    }

    .mb-5-custom{
        margin-bottom: 0px !important;
    }

    .texto-mobile-center {
        text-align: center !important;
    }

    #OrdersTables_NoMatch b {
        display: none !important;
    }

    .OcultarMovil{
        display: none !important;
    }

}