@media only screen and (min-device-width : 1024px) and (max-device-width : 1200px) {
    body {
        
    }

    .dx-datagrid-group-closed, .dx-datagrid-group-opened {
        padding: 20px 0;
        width: 40px;
    }

    .dx-data-row td > .dx-datagrid-group-closed {
        /* background: transparent url('buttonimg/35btnBlClosed.png') no-repeat scroll center center; */
    }

    .dx-data-row td > .dx-datagrid-group-opened {
        /* background: transparent url('buttonimg/35btnExpanded.png') no-repeat scroll center center; */
    }

    .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-expand {
        min-width: 45px;
        max-width: 45px;
        width: 45px;
    }

}

@media only screen and (max-width: 1600px) {
    /* IPad */
    body {

    }

    main#adminContainer {
        flex: 0 0 86%;
        max-width: 86%;
    }

    .col-gb-sidebar {
        flex: 0 0 14%;
        max-width: 14%;
    }
}


@media only screen and (max-width: 1200px) {
    /* IPad */
    body {
    }

    main#adminContainer {
        flex: 0 0 84%;
        max-width: 84%;
    }

    .col-gb-sidebar {
        flex: 0 0 16%;
        max-width: 16%;
    }

    #adminSitebar .nav-item i {
        display: none;
    }
}


@media only screen and (max-width: 800px) {
    body {

    }

    main#adminContainer {
        flex: 0 0 83%;
        max-width: 83%;
    }

    .col-gb-sidebar {
        flex: 0 0 17;
        max-width: 17%;
    }

    .dx-datagrid-group-closed, .dx-datagrid-group-opened {
        /*padding: 20px 0;*/
        width: 40px;
    }

    .dx-data-row td > .dx-datagrid-group-closed {
        /* background: transparent url('buttonimg/35btnBlClosed.png') no-repeat scroll center center; */
    }

    .dx-data-row td > .dx-datagrid-group-opened {
        /* background: transparent url('buttonimg/35btnExpanded.png') no-repeat scroll center center; */
    }

    .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-expand {
        min-width: 45px;
        max-width: 45px;
        width: 45px;
    }

    #planEditModal .modal-dialog {
        max-width: 80%;
        margin: 1.75rem auto;
    }
}

@media only screen and (max-width: 600px) {
    body {

    }

    .fw-normal {
        font-size: 1rem;
        font-weight: 500 !important;
    }

    #planEditModal .modal-dialog {
        max-width: 90%;
        margin: 1.75rem auto;
    }
}

.fw-normal {
    font-weight: 600 !important;
}

.planstatus {
    min-width: 120px;
    width: 120px;
}

#adminSitebar .col-lg-2 {
    flex: 0 0 12%;
    max-width: 12%;
}

#adminContainer .col-lg-10 {
    flex: 0 0 88%;
    max-width: 88%;
}