/*-----Media Query-----*/
@media screen and (max-width: 319px) {
    * {
        display: none !important;
    }

    body {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: white !important;
    }

    body:before {
        content: 'Try in Big Screen!';
        color: #1d2124;
        font-weight: 600;
    }
}


/*Landscape*/
/* Mobile Devices */
@media (max-height: 575px) and (max-width: 1024px) and (orientation: landscape) {

}

/* Mobile Devices */
@media screen and (min-width: 320px) and (max-width: 575px) {

    .m-xs-5{margin: 5px;}
    .m-xs-10{margin: 10px;}
    .m-xs-15{margin: 15px;}
    .m-xs-20{margin: 20px;}

    .mt-xs-5{margin-top: 5px;}
    .mt-xs-10{margin-top: 10px;}
    .mt-xs-15{margin-top: 15px;}
    .mt-xs-20{margin-top: 20px;}

    .mb-xs-5{margin-bottom: 5px;}
    .mb-xs-10{margin-bottom: 10px;}
    .mb-xs-15{margin-bottom: 15px;}
    .mb-xs-20{margin-bottom: 20px;}

    .ml-xs-5{margin-left: 5px;}
    .ml-xs-10{margin-left: 10px;}
    .ml-xs-15{margin-left: 15px;}
    .ml-xs-20{margin-left: 20px;}

    .mr-xs-5{margin-right: 5px;}
    .mr-xs-10{margin-right: 10px;}
    .mr-xs-15{margin-right: 15px;}
    .mr-xs-20{margin-right: 20px;}

    .d-none-xs {
        display: none !important;
    }

    .d-block-xs {
        display: block !important;
    }

    .login-content-container .login-logo-content {
        border-radius: 22px 22px 0 0;
    }

    .add-btn-common {
        margin-top: 10px;
    }

    .auto-w-table {
        table-layout: auto;
    }

    .auto-w-table tbody tr td .form-group input,
    .auto-w-table tbody tr td .form-group select {
        min-width: 100px;
    }

    .member-invoice-add-line-btn {
        width: 100%;
        margin: 5px 0;
    }

    .td-25-table tbody tr td {
        padding: 5px;
    }

    .checkbox-mobile .form-check-input {
        z-index: 100;
        left: -12px;
    }

    /*Data Table Button Collection*/
    .dt-button-collection {
        max-width: 280px !important;
    }

    /*Custom Footer*/
    .custom-footer {
        width: 100% !important;
    }

    /*Page Content*/
    .content-wrapper,
    .dashboard-page-content {
        width: 100%;
        margin-left: 0;
    }

    .custom-sidebar-content {
        left: -250px;
    }

    .navbar-nav .dropdown-menu {
        position: relative;
    }

    .custom-main-sidebar .sidebar-main, .custom-main-sidebar .sidebar-main .sidebar-content, .custom-main-sidebar .sidebar-secondary, .custom-main-sidebar .sidebar-secondary .sidebar-content {
        position: unset;
        left: -18.5625rem;
    }

    .custom-main-sidebar .sidebar:not(.sidebar-component) .sidebar-content {
        top: 46px;
    }

    .toggle-custom-sidebar,
    .toggle-sidebar {
        left: 0 !important;
    }

    .toggle-sidebar {
        /* left: 0 !important; */
        width: 302px !important;
    }

    .sidebar-expand-md.sidebar-main {
        z-index: 1029 !important;
        transition: unset !important;
    }

    .sidebar-expand-md.sidebar-main .sidebar-content {
        top: 0 !important;
        background-color: #324148;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width: 576px) and (max-width: 767px) {

    .m-sm-5{margin: 5px;}
    .m-sm-10{margin: 10px;}
    .m-sm-15{margin: 15px;}
    .m-sm-20{margin: 20px;}

    .mt-sm-5{margin-top: 5px;}
    .mt-sm-10{margin-top: 10px;}
    .mt-sm-15{margin-top: 15px;}
    .mt-sm-20{margin-top: 20px;}

    .mb-sm-5{margin-bottom: 5px;}
    .mb-sm-10{margin-bottom: 10px;}
    .mb-sm-15{margin-bottom: 15px;}
    .mb-sm-20{margin-bottom: 20px;}

    .ml-sm-5{margin-left: 5px;}
    .ml-sm-10{margin-left: 10px;}
    .ml-sm-15{margin-left: 15px;}
    .ml-sm-20{margin-left: 20px;}

    .mr-sm-5{margin-right: 5px;}
    .mr-sm-10{margin-right: 10px;}
    .mr-sm-15{margin-right: 15px;}
    .mr-sm-20{margin-right: 20px;}

    .d-none-sm {
        display: none !important;
    }

    .d-block-sm {
        display: block !important;
    }

    .auto-w-table {
        table-layout: auto;
    }

    table {
        overflow: scroll;
    }

    .auto-w-table tbody tr td .form-group input,
    .auto-w-table tbody tr td .form-group select {
        min-width: 100px;
    }

    .member-invoice-add-line-btn {
        width: 100%;
        margin: 5px 0;
    }

    .table-responsive-sm {
        overflow: scroll;
    }

    /*Data Table Button Collection*/
    .dt-button-collection {
        max-width: 520px !important;
    }

    /*Custom Footer*/
    .custom-footer {
        width: 100% !important;
    }

    /*Page Content*/
    .content-wrapper,
    .dashboard-page-content {
        width: 100%;
        margin-left: 0;
    }

    .custom-sidebar-content {
        left: -250px;
    }

    .navbar-nav .dropdown-menu {
        position: relative;
    }

    .custom-main-sidebar .sidebar-main, .custom-main-sidebar .sidebar-main .sidebar-content, .custom-main-sidebar .sidebar-secondary, .custom-main-sidebar .sidebar-secondary .sidebar-content {
        position: unset;
        left: -18.5625rem;
    }

    .custom-main-sidebar .sidebar:not(.sidebar-component) .sidebar-content {
        top: 46px;
    }


    .toggle-custom-sidebar,
    .toggle-sidebar {
        left: 0 !important;
    }

    .toggle-sidebar {
        /* left: 0 !important; */
        width: 302px !important;
    }

    .sidebar-expand-md.sidebar-main {
        z-index: 1029 !important;
        transition: unset !important;
    }

    .sidebar-expand-md.sidebar-main .sidebar-content {
        top: 0 !important;
        background-color: #324148;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 768px) and (max-width: 991px) {

    .m-md-5{margin: 5px;}
    .m-md-10{margin: 10px;}
    .m-md-15{margin: 15px;}
    .m-md-20{margin: 20px;}

    .mt-md-5{margin-top: 5px;}
    .mt-md-10{margin-top: 10px;}
    .mt-md-15{margin-top: 15px;}
    .mt-md-20{margin-top: 20px;}

    .mb-md-5{margin-bottom: 5px;}
    .mb-md-10{margin-bottom: 10px;}
    .mb-md-15{margin-bottom: 15px;}
    .mb-md-20{margin-bottom: 20px;}

    .ml-md-5{margin-left: 5px;}
    .ml-md-10{margin-left: 10px;}
    .ml-md-15{margin-left: 15px;}
    .ml-md-20{margin-left: 20px;}

    .mr-md-5{margin-right: 5px;}
    .mr-md-10{margin-right: 10px;}
    .mr-md-15{margin-right: 15px;}
    .mr-md-20{margin-right: 20px;}

    .d-none-md {
        display: none !important;
    }

    .d-block-md {
        display: block !important;
    }

    .auto-w-table {
        table-layout: auto;
    }

    .auto-w-table tbody tr td .form-group input,
    .auto-w-table tbody tr td .form-group select {
        min-width: 100px;
    }

    .member-invoice-add-line-btn {
        width: 100%;
        margin: 5px 0;
    }

    .table-responsive-sm {
        overflow: scroll;
    }

    /*Side Nav Bar*/
    .sidebar-expand-md:not(.sidebar-component) {
        width: 3.5rem;
    }
    /*-Side Nav Bar-*/

    /*Data Table Button Collection*/
    .dt-button-collection {
        max-width: 520px !important;
    }

    /*Custom Footer*/
    .custom-footer {
        width: calc(100% - 56px) !important;
    }

    /*Page Content*/
    .dashboard-page-content {
        width: calc(100% - 56px);
        margin-left: 56px;
    }

    .custom-sidebar-content {
        left: -250px;
    }

    .navbar-expand-md .navbar-brand {
        min-width: 250px;
    }

    .navbar-nav .dropdown-menu {
        position: relative;
    }

    /*.sidebar-expand-md:not(.sidebar-component) {*/
    /*    position: static !important;*/
    /*}*/

    .custom-main-sidebar .sidebar:not(.sidebar-component) .sidebar-content {
        top: 46px;
    }

    .sidebar-expand-md.sidebar-main {
        z-index: 1029 !important;
        transition: unset !important;
    }

    .sidebar-expand-md.sidebar-main .sidebar-content {
        top: 0 !important;
        background-color: #324148;
    }

    .toggle-sidebar {
        /* left: 0 !important; */
        width: 302px !important;
    }

    .sidebar-main .sidebar-content, .sidebar-secondary .sidebar-content {
        background-color: #263238;
        transition: var(--quick-transition) !important;
    }

}

/* Large Devices, Tablets / Desktops */
@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .m-lg-5{margin: 5px;}
    .m-lg-10{margin: 10px;}
    .m-lg-15{margin: 15px;}
    .m-lg-20{margin: 20px;}

    .mt-lg-5{margin-top: 5px;}
    .mt-lg-10{margin-top: 10px;}
    .mt-lg-15{margin-top: 15px;}
    .mt-lg-20{margin-top: 20px;}

    .mb-lg-5{margin-bottom: 5px;}
    .mb-lg-10{margin-bottom: 10px;}
    .mb-lg-15{margin-bottom: 15px;}
    .mb-lg-20{margin-bottom: 20px;}

    .ml-lg-5{margin-left: 5px;}
    .ml-lg-10{margin-left: 10px;}
    .ml-lg-15{margin-left: 15px;}
    .ml-lg-20{margin-left: 20px;}

    .mr-lg-5{margin-right: 5px;}
    .mr-lg-10{margin-right: 10px;}
    .mr-lg-15{margin-right: 15px;}
    .mr-lg-20{margin-right: 20px;}

    .d-none-lg {
        display: none !important;
    }

    .d-block-lg {
        display: block !important;
    }

    .auto-w-table {
        table-layout: auto;
    }

    .table-responsive-sm {
        overflow: scroll;
    }

    /*Custom Footer*/
    .custom-footer {
        width: calc(100% - 56px) !important;
    }

    /*.sidebar-main, .sidebar-main .sidebar-content, .sidebar-secondary, .sidebar-secondary .sidebar-content {*/
    /*    position: relative !important;*/
    /*}*/

    /*.sidebar-expand-md:not(.sidebar-component):not(.sidebar-fixed) .sidebar-content,*/
    /*.sidebar-expand-md:not(.sidebar-component) {*/
    /*    width: 0 !important;*/
    /*}*/

    .sidebar-expand-md.sidebar-main {
        z-index: 1029 !important;
        transition: unset !important;
    }

    .sidebar-expand-md.sidebar-main .sidebar-content {
        top: 0 !important;
        background-color: #324148;
        transition: var(--quick-transition) !important;
    }

    .toggle-sidebar {
        /* left: 0 !important; */
        width: 302px !important;
    }
}


@media (min-width: 1200px)  and (max-width: 1365px) {
    .d-none-lg {
        display: none !important;
    }

    .d-block-lg {
        display: block !important;
    }
}

/* (1366x768) Desktop OLD */
@media (min-width: 1366px)  and (max-width: 1399px) {
    .d-none-lg {
        display: none !important;
    }

    .d-block-lg {
        display: block !important;
    }
}

/* Mac Book */
@media only screen and (min-width: 1400px) and (max-width: 1800px) {
    .d-none-lg {
        display: none !important;
    }

    .d-block-lg {
        display: block !important;
    }
}

/* Laptop / Desktop New */
@media only screen and (min-width: 1920px) and (max-width: 2400px) {
    .d-none-lg {
        display: none !important;
    }

    .d-block-lg {
        display: block !important;
    }
}

/* 2K / 4K Laptop / Desktop*/
@media (min-width: 2500px) {
    .d-none-lg {
        display: none !important;
    }

    .d-block-lg {
        display: block !important;
    }
}