/* XX-Large devices (larger desktops) */
/* No media query since the xxl breakpoint has no upper bound on its width */

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

    /* -------------- */
    /* HANDLING FORM  */
    /* -------------- */

    .handlingForm fieldset legend{
        padding-top: initial;
        border-bottom: 1px solid var(--gris08);
    }
    
    .handlingForm fieldset.generales{
        grid-template-columns: 1fr;
    }

    .handlingForm fieldset.avi{
        grid-template-columns: 1fr;
    }

    .handlingForm .fieldsetObs{
        grid-template-columns: 1fr;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

    /* ------------------ */
    /* PANTALLA DE LOGIN  */
    /* ------------------ */

    .loginContainer{
        align-items: initial;
    }

    .loginBox{
        margin-top: 5rem;
        width: 100%;
        margin-left: 20px;
        margin-right: 20px;
    }

    .loginContainer .loginBox form.loginForm{
        width: 100%;
    }

    /* -------------- */
    /* HANDLING LIST  */
    /* -------------- */

    .handlingList .zonaAcciones .botones button{
        width: 100%;
    }

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

    /* ************************************ */
    /*                CUERPO                */
    /* ************************************ */
    main{
        padding: 90px 15px 2rem 15px;
    }

    /* ****************************************** */
    /* Personalización de notificaciones toastify */
    /* ****************************************** */

    .toastify{
        min-width: calc(100vw - 100px);
    }

    .toastify button.toast-close{
        position: initial;
        top: initial;
        right: initial;
    }


}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

    /* ********************************************************
    PERSONALIZACIÓN PAGINACIÓN BOOTSTRAP
    ******************************************************** */
    .pagination .paginate_button{
    /*
        display: none;
    */       
    }

    .pagination .paginate_button.previous{
    /*        
        display: inline-block;
    */
    }

    .pagination .paginate_button.next{
    /*
        display: inline-block;
    */
    }

    /* ------------------ */
    /* PANTALLA DE LOGIN  */
    /* ------------------ */

    .loginContainer .loginBox h1{
        margin-bottom: 3rem;
    }

    .loginContainer .loginBox h1 img{
        width: 200px;
        height: auto;
        margin-left: -100px;
    }

    .loginContainer .loginBox h2{
        font-size: 1.4rem;
    }

}