@media (max-width: 1024px) {
    .full-width-1024{
        width:100% !important;
    }

}

/* 768px se 1012px tak */
@media (min-width: 768px) and (max-width: 1012px) {
    .model-xl2 {
        min-width: 750px !important;
    }
}

/* 1013px se 1024px tak */
@media (min-width: 1013px) and (max-width: 1024px) {
    .model-xl2 {
        min-width: 1000px !important;
    }
}


    /* Sidebar mobile behavior */
    @media (max-width: 820px) {

        #sidebarToggle {
            display: inline-flex !important;
            align-items: center;
            justify-content: center;
        }

        #mainSidebar {
            transform: translateX(-100%);
            position: fixed;
        }

            #mainSidebar.show {
                transform: translateX(0);
            }

        #mainContent {
            margin-left: 0 !important;
        }

        .navbar-top {
            height: 5rem;
        }
    }

    /* Desktop behavior */
    @media (min-width: 821px) {

        #mainSidebar {
            transform: translateX(0);
        }

            #mainSidebar.collapsed {
                width: 80px !important;
            }

        #mainContent {
            margin-left: 270px;
        }

        #mainSidebar.collapsed + #mainContent {
            margin-left: 80px;
        }
    }

    @media (max-width: 767px) {
        .dataTables_wrapper .dataTables_paginate {
            justify-content: center !important;
        }

        .full-width-767 {
            width: 100% !important;
        }
    }

    @media (max-width: 565px) {
        .navbar-top {
            height: 7rem;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        .navbar-sub {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        .navbar-top-right {
            padding-left: 16px !important;
            padding-right: 16px !important;
            margin-left: 0 !important;
            width: 100% !important;
            justify-content: space-between;
            padding-top: 8px !important;
            padding-bottom: 8px;
            background: #1F2937;
        }

        #selectedOrgName, .user-settings, #settingsIcon, .dropdown-toggle::after {
            color: #D1D5DB !important;
        }

        #sidebarToggle {
            margin-left: 12px !important;
            margin-right: 12px !important;
            margin-bottom: 8px !important;
        }

        .side-bar-logo {
            height: 7rem;
        }

        .full-width-565 {
            width: 100% !important;
        }

        .center-content {
            justify-content: center !important;
        }

        .employee-tabs {
            top: 113px !important;
        }
    }