@media(min-width: 600px) {
    .login-form {
        width: 500px;
    }
}

@media(max-width: 499px) {
    .logo-login {
        height: 130px !important;
        width: auto !important;
        max-width: 100% !important;
    }

    .content-login {
        background: url(/assets/images/bgAutoMESLogin_Mobile.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: 100vh !important;
    }

    .d-none-mobile {
        display: none;
    }

    .d-none.d-block-mobile {
        display: block !important;
    }

    .d-none.d-flex-mobile {
        display: flex !important;
    }

    .content-max-width-collapsed, .content-container, .content {
        max-width: 100vw !important;
    }

        .content > .panel {
            min-height: calc(calc(100vh - 110px) - 2rem);
        }

    #iconeMobile {
        display: block !important;
    }

    .me-mobile-2 {
        margin-right: 0.5rem !important
    }

    .me-mobile-0 {
        margin-right: 0rem !important
    }

    .ps-mobile-0 {
        padding-left: 0px !important;
    }

    .pe-mobile-0 {
        padding-right: 0px !important;
    }

    .row > [class*="col"] {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

        .row > [class*="col"]:not(:last-child) {
            margin-bottom: 1rem !important;
        }

        .row > [class*="col"]:empty, .row:has(> [class*="col"]:nth-child(1):empty):has(> [class*="col"]:nth-child(3):empty) > [class*="col"]:nth-child(2):not(:empty),
        .row:has(> [class*="col"]:nth-child(2):empty):has(> [class*="col"]:nth-child(3):empty) > [class*="col"]:nth-child(1):not(:empty),
        .row:has(> [class*="col"]:nth-child(1):empty):has(> [class*="col"]:nth-child(2):empty) > [class*="col"]:nth-child(3):not(:empty) {
            margin-bottom: 0 !important;
        }

    table.dataTable tr > td:only-child, table.dataTable tr > th:only-child {
        /*6px da borda (3px de cada lado) + 5px do scroll*/
        max-width: calc(calc(100vw - 4rem) - 11px);
    }

    table.dataTable tr > td, table.dataTable tr > th {
        vertical-align: middle;
    }

    .mobile-fs-small {
        font-size: 0.7rem !important;
    }

    .mobile-fs-title-small {
        font-size: 1rem !important;
    }

    .dt-layout-full {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .dt-container.dt-bootstrap5 .d-md-flex {
        display: flex;
        flex-direction: column;
    }

    .dt-layout-start, .dt-layout-end {
        margin-top: 0px;
    }

    .dt-container.dt-bootstrap5 .row:last-child {
        padding: 1rem !important;
    }

    .fc .fc-toolbar {
        flex-wrap: wrap;
        gap: 1rem 0; /* 1rem vertical, 0 horizontal */
    }

    .fc .fc-toolbar-title {
        font-size: 1rem;
        text-align: center;
    }

    .fc .fc-toolbar-chunk {
        height: 100%;
    }

    .modal.show {
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

    .modal-dialog {
        width: calc(100% - 2rem);
        height: calc(100vh - 2rem);
    }

    .modal-content {
        height: calc(100vh - 2rem);
    }

    .modal-body {
        height: 100%;
        overflow-y: scroll;
    }

    .panel-title {
        bottom: unset;
    }

    .panel .row:first-of-type [class*="col"].d-flex.justify-content-end {
        justify-content: center !important;
    }

    .me-mobile-scroll-bar {
        margin-right: 5px !important;
    }

    .contador {
        bottom: 70px;
    }
}