[body-expand=true] {
        width: calc(100% - 500px);
        transition-delay: 1s;
    }
    [body-expand=true] #kt_side_panel{
        z-index: 112;
    }
    [body-expand=true] .modal{
        width: calc(100% - 500px);
    }
    [body-expand=true] .modal-backdrop{
        width: calc(100vw - 500px);
    }
    @media screen and (max-width: 767px) {
        [body-expand=true] {
            width: calc(100% - 300px);
        }
        [body-expand=true] .modal{
            width: calc(100% - 300px);
        }
        [body-expand=true] .modal-backdrop{
            width: calc(100vw - 300px);
        }
        .modal-backdrop{
            top: 60px;
        }   
        .modal{
            top: 60px;
        }
        [body-expand=true] .drawer-overlay{
            right: 300px;
        }
    }

    [body-expand=true] .drawer-overlay{
        right: 500px;
    }
    [body-expand=true] #kt_app_header, [body-expand=true] #kt_app_footer {
        transition-delay: 1s;
        margin-right: 300px;
    }
    [body-expand=true] #kt_overlay_panel, [body-expand=true] #kt_overlay_panel_small {
        right: 300px !important;
    }
    
    [body-expand=true] #kt_overlay_panel.drawer-on, [body-expand=true] #kt_overlay_panel_small.drawer-on {
        left: auto !important;
    }
    @media screen and (min-width: 900px) {
        [body-expand=true] #kt_app_header, [body-expand=true] #kt_app_footer {
            transition-delay: 1s;
            margin-right: 500px;
        }
        [body-expand=true] #kt_overlay_panel, [body-expand=true] #kt_overlay_panel_small {
            right: 500px !important;
        }
        [body-expand=true] #kt_overlay_panel.drawer-on, [body-expand=true] #kt_overlay_panel_small.drawer-on {
            left: auto !important;
        }
        [data-kt-app-sidebar-minimize=on] .drawer-overlay{
            left: 75px !important;
        }
    }

    #kt_overlay_panel, #kt_overlay_panel_small {
    opacity: 0 !important;
    }
    #kt_overlay_panel.drawer, #kt_overlay_panel_small.drawer {
        top: 70px;
    }
    @media screen and (max-width: 990px) {
        #kt_overlay_panel.drawer, #kt_overlay_panel_small.drawer {
            top: 60px;
        }
        #kt_overlay_panel.drawer, #kt_overlay_panel_small.drawer {
            top: 60px;
        }
    }
    #kt_overlay_panel.drawer-on, #kt_overlay_panel_small.drawer-on {
        opacity: 1 !important;
    }

    .drawer-overlay {
        top: 70px;
        left: 265px;
    }
    @media screen and (max-width: 990px) {
        .drawer-overlay {
            top: 60px;
            left: 0px;
        }
    }
    .drawer .card {
        width: 100%;
    }
    /* [data-kt-drawer=on] .app-header{
        z-index: 1060 !important;
    } */

    body[data-kt-drawer=on] .app-header{
        z-index: 1024 !important;
    }
    body[data-kt-drawer=on] .app-sidebar{
        z-index: 1024 !important;
    }
    /* [data-kt-drawer=on] .toggle-button-logo{
        display: none !important;
    } */
    [data-kt-drawer-app-sidebar=on] .app-sidebar{
        z-index: 1024 !important;
    }
    /* [data-kt-drawer-app-sidebar=on] .drawer-overlay{
        z-index: 115 !important;
    } */
    [data-kt-drawer-overlay-panel = on], [data-kt-drawer-panel-small = on]{
        overflow: hidden;
    }
    @media screen and (max-width: 991.98px){
        [data-kt-drawer-app-sidebar=on] .drawer-overlay:last-child{
            z-index: 1023 !important;
            width: calc(100% - 300px);
        }
        [body-expand=true] {
            width: calc(100% - 300px);
            transition-delay: 1s;
        }
    }
    .kt_daterangepicker-wrapper{
        position: relative;
    }
    .kt_daterangepicker-wrapper .daterangerpicker-icon{
        position: absolute;
        top: 10px;
        right: 10px;
    }