@media (max-width: 767px) {
    .login-box-body {
        border-radius: 18px;
    }

    .form-group span {
        align-self: anchor-center;
    }

    .menu-item, .submenu-item {
        width: 45%;
    }

    .menu-item {
        padding: 5px 5px;
    }

    .login-box-body .btn {
        border-radius: 14px !important;
    }








    .content-wrapper {
        min-height: calc(100vh - 51px);
        height: max-content !important;
    }

    .main-header .logo {
        height: 12px;
        line-height: 12px;
        font-size: 10px;
    }

    .main-header .navbar {
        min-height: 20px;
    }

    .navbar .btn {
        font-size: 12px;
        padding: 3px 6px;
    }

    .sidebar-toggle {
        padding: 6px 12px !important;
        font-size: 19px !important;
    }

    .main-sidebar {
        padding-top: 70px;
    }

    .sidebar-menu>li.header {
        line-height: 10%;
    }









    .content-header h1 {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .content-header h1 button {
        padding: 7px;
    }

    .box-body {
        padding: 1px;
    }

    .box-body table {
        line-height: 1;
    }

    .form-group .btn {
        margin: 2px 7px;
    }
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, 
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    display: none !important;
}