/* Porto Admin sabit layout - sidebar ve header viewport'a sabitlenir */
@media (min-width: 768px) {
    .header {
        position: fixed;
        z-index: 1020;
    }

    .inner-wrapper,
    .sidebar-left,
    .content-body {
        display: block;
    }

    .inner-wrapper {
        padding-top: 110px;
    }

    .content-body {
        margin-left: 300px;
    }

    .page-header {
        left: 300px;
        margin: 0;
        position: fixed;
        right: 0;
        top: 60px;
    }

    .sidebar-left {
        bottom: 0;
        left: 0;
        padding-bottom: 50px;
        position: fixed;
        top: 60px;
    }

    .sidebar-left .nano-content {
        padding-bottom: 50px;
    }

    html.sidebar-left-collapsed .page-header {
        left: 73px;
    }

    html.sidebar-left-collapsed .content-body {
        margin-left: 73px;
    }
}

/* Mobilde html.fixed masaüstü kurallarını devre dışı bırak, hamburger menü çalışsın */
@media (max-width: 767px) {
    html.fixed .header {
        position: static;
    }

    html.fixed .inner-wrapper {
        padding-top: 60px;
    }

    html.fixed .content-body {
        margin-left: 0;
    }

    html.fixed .page-header {
        left: auto;
        margin: -40px -40px 40px;
        position: relative;
        right: auto;
        top: auto;
    }

    html.fixed .sidebar-left {
        bottom: 0;
        left: -100%;
        margin-left: 0;
        padding-bottom: 50px;
        padding-top: 60px;
        position: fixed;
        top: 0;
        z-index: 98 !important;
    }

    html.fixed.sidebar-left-opened.csstransforms .sidebar-left {
        margin-left: 100%;
    }

    html.fixed.sidebar-left-opened.no-csstransforms .sidebar-left {
        left: 0;
    }

    .toggle-sidebar-left {
        z-index: 100;
    }
}