@media(max-width : 1200px) {
    .general-info.user-admin label {
        width: 50%;
    }

    .dashboard-user-section div.dt-container div.dt-layout-row.dt-layout-table div.dt-layout-cell {
        width: 100%;
        overflow: auto;
    }

        .dashboard-user-section div.dt-container div.dt-layout-row.dt-layout-table div.dt-layout-cell .dt-scroll {
            width: 1000px;
            overflow: auto;
        }
}

.pt-md-5 {
    padding-top: 3rem !important;
}


@media(max-width:1024px) {
    .form-body {
        padding: 30px;
    }

    table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc {
        padding-right: 0px;
        text-align: start;
        padding: 5px;
    }

    .table-dta.game_management table {
        width: unset;
    }
}

@media(max-width:1024px) and (max-height:600px) {
    .login-page .form-body, .login-page .form-bg {
        padding: 10px
    }
}

@media(max-width:992px) {
    :root {
        font-size: 12px;
    }

    .form-body {
        padding: 40px;
    }

    .dashboard-user-section div.dt-container div.dt-layout-row.dt-layout-table div.dt-layout-cell {
        width: 100%;
        /* min-width: 900px; */
        overflow: auto;
    }

        .dashboard-user-section div.dt-container div.dt-layout-row.dt-layout-table div.dt-layout-cell .dt-scroll {
            width: 1000px;
            overflow: auto;
        }
}

@media (max-width:770px) {
    .toggle-tab:nth-of-type(1) {
        display: none;
    }

    .toggle-tab:nth-of-type(2) {
        display: block;
    }

    .sidebar {
        z-index: 55;
        left: -500px;
        width: 250px;
    }

        .sidebar.mobile-sidebar {
            left: 1rem;
        }

    .dashboard-content {
        width: 100%;
        margin-left: 0
    }

    .sidebar-wrapper {
        display: none;
    }

        .sidebar-wrapper.active {
            display: block;
            width: 100%;
            height: 100vh;
            background-color: rgb(0 0 0 / 45%);
            ;
            z-index: 44;
            position: absolute;
            left: 0;
            top: 0;
        }

    .dashboard-content.active {
        width: 100%;
        margin-left: 0
    }

    .sidebar.active {
        width: 250px;
        transition: all .5s ease-in-out;
    }

        .sidebar.active .nav-item a div span {
            visibility: visible;
            transition: all .5s ease-in-out;
        }

    .game_management .dt-layout-row {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
}

@media (max-width:576px) {
    .login-page .form-body {
        padding: 10px;
    }

    .login-page .form-bg {
        max-width: 100%;
        padding: 10px;
        max-height: 100%;
        overflow: auto;
    }

    .login-logo-image {
        width: 60%;
    }

    .dashboard-page {
        height: calc(100% - 123px);
        overflow: auto;
        overflow-x: hidden;
    }

    .permission-tabble-select {
        width: 100%
    }

    .add-user-button, .add-user-button button, .dashboard-user-section .add_user_btn {
        /*width: 150%;*/
    }

    .user-search-btn > div button {
        width: 100% !important;
    }

    .add-new-payline > div {
        width: 20%;
    }

    .general-info.user-admin .form-label {
        width: 50%;
    }

    .modal-body .form-select-sm {
        padding-top: .4rem;
        padding-bottom: .4rem;
    }
    /* .modal-body .user-details{
        padding-left:16px;
        padding-right:16px;
        margin-left:16px;
        margin-right:16px;
        max-height:400px;
        overflow:auto;
    }*/
}

/* css media for max 400px */
@media(max-width:400px) {
    .overview {
        gap: 1rem;
    }

        .overview div:nth-of-type(2) {
            flex-grow: 1;
            text-align: end;
        }

    .game_management .dt-layout-row {
        display: unset !important;
    }

    .overview div:nth-of-type(2) button {
        width: 100%;
    }

    .dt-search {
        justify-content: space-between;
        display: flex;
        align-items: center;
    }

        .dt-search input {
            flex-grow: 1;
        }

    .dt-length {
        text-align: start !important;
    }

    .modal-body .user-details {
        max-height: 400px;
        overflow: auto;
        padding: 9px;
        margin-left: -9px;
        margin-right: -9px;
    }

    .dashboard-user-section .add_math_config_btn.add_user_btn:nth-of-type(1) {
        width: 100%;
    }

    .game_management .dt-layout-cell.dt-end {
        width: 100%;
    }

    .dt-layout-row:nth-of-type(1) .dt-layout-cell.dt-layout-end {
        width: 100%;
        flex-flow: 1;
    }
}
/* css media for max 400px */