/*----START 1399PX----*/
@media (max-width: 1399px) {
    .filters-row .col {
        flex: auto;
        max-width: 33.333333%;
        margin-bottom: 20px;
    }

    table.dataTable>thead>tr>th:not(.sorting_disabled),
    table.dataTable>thead>tr>td:not(.sorting_disabled) {
        padding-right: 1.3rem;
    }
}

/*----END 1399PX----*/

/*----START 1199PX----*/
@media (max-width: 1199px) {
    .filters-row .col {
        max-width: 50%;
    }

    .report-list-table tbody tr td:first-child {
        padding-left: .5rem;
    }

    .report-list-table tbody tr td:first-child .icon {
        left: -12px;
        top: 14px;
        font-size: 10px;
    }

    .report-select-period-row .col {
        max-width: 100%;
    }

    .report-select-period-row .col .form-select {
        max-width: 100%;
    }
    .welcome-row{
        gap: 10px;
        grid-template-columns: repeat(3, 1fr);
    }
}

/*----END 1199PX----*/

/*----START 991PX----*/
@media (max-width: 991px) {
    .auth-wrapper {
        min-height: 100vh;
    }

    .form-wrapper {
        width: calc(100% - 30px);
    }

    .form-wrapper .Col {
        padding: 20px;
    }

    .main-navigation .navbar-collapse {
        position: fixed;
        top: 0;
        left: -300px;
        width: 300px;
        height: 100%;
        background-color: var(--theme-color);
        display: block !important;
        z-index: 1025;
        padding-top: 80px;
        transition: left 0.3s ease-in-out;
    }

    .main-navigation .navbar-collapse.show {
        left: 0;
    }

    .main-navigation .navbar-collapse .overlay {
        position: fixed;
        display: block;
        right: 0;
        top: 0;
        width: calc(100% - 300px);
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 1030;
        border-radius: 0;
        opacity: 0;
        user-select: none;
        pointer-events: none;
        transition: opacity 0.3s ease-in-out;
    }

    .main-navigation .navbar-collapse.show .overlay {
        opacity: 1;
        user-select: all;
        pointer-events: all;
    }

    .main-navigation .navbar-brand {
        z-index: 1030;
        z-index: 1;
    }

    .main-navigation .navbar-nav {
        padding: 20px;
    }

    .main-navigation .nav-item {
        margin-right: 0;
        margin-top: 15px;
    }

    .app-header,
    .main-navigation {
        height: auto;
        padding: 0;
    }

    .app-header .container-fluid,
    .main-navigation .container-lg {
        padding-left: 0 !important;
    }

    .userNavigation .navbar-brand,
    .main-navigation .navbar-brand {
        width: 70px;
        height: 70px;
        background-color: #000;
        padding: 18px;
    }

    .app-container {
        padding-left: 0;
    }

    .sidebar {
        overflow-y: auto;
        left: -275px;
        transition: left 0.3s ease-in-out;
    }

    .sidebar.active {
        left: 0;
    }

    .sidebar ul li a.active {
        transform: scale(1);
    }

    .app-body .container-fluid {
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }

    .app-container .sidebar-menu-overlay {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        width: calc(100% - 250px);
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 150;
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
    }

    .app-container .sidebar-menu-overlay.active {
        opacity: 1;
        pointer-events: all;
        visibility: visible;
    }

    .userNavigation .collapse {
        display: flex;
        margin-top: 20px;
        display: none;
    }

    .app-header .navbar-nav {
        flex-direction: row;
    }

    .user-info-form .form-switch {
        max-width: 100%;
    }

    .user-info-form .form-group {
        margin-bottom: 20px;
    }

    .dashboard-page {
        background-color: #fff !important;
    }

    .bg-blue.p-5 {
        background-color: #fff !important;
        padding: 0 !important;
        margin-bottom: 15px !important;
    }

    .report-property-row .col {
        max-width: 100%;
    }

    .report-property-row .col .form-select {
        max-width: 100%;
    }

    .welcome-row{
        grid-template-columns: repeat(2, 1fr);
    }
}

/*----END 991PX----*/

/*----START 767PX----*/
@media (max-width: 767px) {

    .form-wrapper .form-col .pass a {
        margin-top: 20px;
    }

    .form-group.flex {
        display: block;
        flex-wrap: inherit;
    }

    .form-group.flex .label {
        padding-top: 0;
        padding-right: 0;
        margin-bottom: 5px;
        display: block;
        width: 100%;
    }

    .heading .col {
        flex: 100%;
        text-align: center;
    }

    .heading-nav {
        text-align: center;
        margin-top: 20px;
    }

    .heading-nav a:first-child {
        margin-left: 0;
    }

    .dataTables_paginate {
        justify-content: center;
    }

    .welcome-row {
        grid-template-columns: repeat(1, 1fr);
        grid-auto-rows: auto;
    }

  .btn-black-shadow {
    width: 35%;
}
}

/*----END 767PX----*/

/*----START 575PX----*/
@media (max-width: 575px) {
    .form-wrapper.forgot-pass {
        width: calc(100% - 30px);
    }

    .form-wrapper .content-col .logo {
        max-width: 240px;
        margin-bottom: 20px;
    }

    .filters-row .col {
        max-width: 100%;
    }

    .filters-row .form-select,
    .filters-row .form-control {
        max-width: 100%;
    }

    .form-wrapper .form-col .btns {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }

    .form-wrapper .form-col .btns .back-text {
        position: relative;
        left: inherit;
        top: inherit;
        display: inline-block;
        margin-top: 20px;
    }

    .report-list-page .filters-row .btn {
        width: 100%;
    }

    .bulk-edit-select-row .col-auto {
        width: 100%;
    }

    .bulk-edit-select-row .col-auto .form-select {
        max-width: 100%;
    }

    .bulk-edit-select-row .col-auto:last-child .col {
        display: block;
    }


}

/*----END 575PX----*/

/*----START 480PX----*/
@media (max-width: 480px) {
    .report-list-page .filters-row .col {
        display: block;
    }

    .report-list-page .filters-row .col label {
        margin-right: 0;
        margin-bottom: 3px;
    }
    .form-wrapper2{
        padding: 20px 10px;
    }
}

/*----END 480PX----*/

/*----START 375PX----*/
@media (max-width: 375px) {
    .filters-row .col {
        display: block !important;
        flex: 100%;
        margin-bottom: 10px;
    }

    .property-list-page .filters-row .col label,
    .bulk-edit-select-row .col label {
        display: block;
        margin: 0;
        margin-bottom: 3px;
    }
}

/*----END 575PX----*/