.content-page {
    /*margin-right: 260px;*/
    margin-left: 0;
    overflow: hidden;
    padding: 70px 12px 65px;
    min-height: 100vh
}

.leftside-menu {
    width: 260px;
    z-index: 1000;
    background: #ffffff;
    bottom: 0;
    position: fixed;
    top: 0;
    padding-top: 70px;
    -webkit-box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
    box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
    right: 0;
    left: auto;
}

body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .wrapper .leftside-menu {
    position: absolute;
    padding-top: 0;
    width: 70px;
    z-index: 5;
    padding-top: 70px
}

    body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .wrapper .leftside-menu .simplebar-content-wrapper, body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .wrapper .leftside-menu .simplebar-mask {
        overflow: visible !important
    }

    body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .wrapper .leftside-menu .simplebar-scrollbar {
        display: none !important
    }

    body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .wrapper .leftside-menu .simplebar-offset {
        bottom: 0 !important
    }

    body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .wrapper .leftside-menu .logo {
        width: 70px;
        z-index: 1;
        background: linear-gradient(135deg,#8f75da 0,#727cf5 60%)
    }

body[data-leftbar-compact-mode="condensed"]:not(.authentication-bg) .wrapper .content-page {
    margin-right: 70px;
    margin-left: 0px;
}


body[data-layout=detached] .leftside-menu .side-nav .side-nav-link {
    color: #6c757d !important
}

    body[data-layout=detached] .leftside-menu .side-nav .side-nav-link:active, body[data-layout=detached] .leftside-menu .side-nav .side-nav-link:focus, body[data-layout=detached] .leftside-menu .side-nav .side-nav-link:hover {
        color: #727cf5 !important
    }

body[data-layout=detached] .leftside-menu .side-nav .side-nav-forth-level li a, body[data-layout=detached] .leftside-menu .side-nav .side-nav-second-level li a, body[data-layout=detached] .leftside-menu .side-nav .side-nav-third-level li a {
    color: #6c757d
}

    body[data-layout=detached] .leftside-menu .side-nav .side-nav-forth-level li a:focus, body[data-layout=detached] .leftside-menu .side-nav .side-nav-forth-level li a:hover, body[data-layout=detached] .leftside-menu .side-nav .side-nav-second-level li a:focus, body[data-layout=detached] .leftside-menu .side-nav .side-nav-second-level li a:hover, body[data-layout=detached] .leftside-menu .side-nav .side-nav-third-level li a:focus, body[data-layout=detached] .leftside-menu .side-nav .side-nav-third-level li a:hover {
        color: #727cf5
    }

body[data-layout=detached] .leftside-menu .side-nav .side-nav-forth-level li.mm-active > a, body[data-layout=detached] .leftside-menu .side-nav .side-nav-second-level li.mm-active > a, body[data-layout=detached] .leftside-menu .side-nav .side-nav-third-level li.mm-active > a {
    color: #727cf5
}

body[data-layout=detached] .leftside-menu .side-nav .menuitem-active > a {
    color: #727cf5 !important
}

body[data-layout=detached] .leftside-menu .side-nav .side-nav-title {
    color: #6c757d
}

@media (min-width:992px) {
    .button-menu-mobile {
        display: block;
    }
}

@media (max-width:767.98px) {
    body {
        overflow-x: hidden
    }

    .leftside-menu {
        -webkit-box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
        box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
        display: none;
        z-index: 10 !important
    }

    .sidebar-enable .leftside-menu {
        display: block
    }

    .navbar-nav.navbar-right {
        float: right
    }

    .content-page {
        margin-left: 0 !important;
        padding: 65px 10px 65px
    }

    body[data-leftbar-compact-mode=condensed] .leftside-menu {
        margin-left: 0
    }

    .logo span.logo-lg {
        display: block
    }

    .logo span.logo-sm {
        display: none
    }
}

@media (min-width:1200px) {
    body[data-leftbar-compact-mode=scrollable]:not([data-layout=topnav]) {
        padding-bottom: 0
    }

        body[data-leftbar-compact-mode=scrollable]:not([data-layout=topnav]) .wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        body[data-leftbar-compact-mode=scrollable]:not([data-layout=topnav]) .leftside-menu {
            position: relative;
            min-width: 260px;
            max-width: 260px;
            padding-top: 0
        }

        body[data-leftbar-compact-mode=scrollable]:not([data-layout=topnav]) .logo {
            position: relative;
            margin-top: 0
        }

        body[data-leftbar-compact-mode=scrollable]:not([data-layout=topnav]) .content-page {
            margin-left: 0;
            width: 100%;
            padding-bottom: 60px
        }
}

@media (max-width:767.98px) {
    body[data-layout=detached].sidebar-enable .leftside-menu {
        position: fixed;
        left: 0;
        overflow-y: auto;
        margin-top: 70px
    }

    body[data-layout=detached] .wrapper {
        max-width: 100%
    }

    body[data-layout=detached] .content-page {
        margin-left: 0 !important;
        padding: 0 10px 60px 10px
    }

    body[data-layout=detached] .lang-switch {
        display: none
    }

    body[data-layout=detached][data-leftbar-compact-mode=condensed].sidebar-enable .leftside-menu {
        margin-top: 0
    }
}

body[data-layout=detached][data-leftbar-compact-mode=condensed] .wrapper .leftside-menu {
    max-width: 70px;
    min-width: 70px;
    position: relative
}

body[data-leftbar-theme=light] .leftside-menu {
    background: #fff
}

    body[data-leftbar-theme=light] .leftside-menu .logo {
        background: #fff !important
    }

body[data-leftbar-theme=dark] .leftside-menu {
    background: #fff
}

    body[data-leftbar-theme=dark] .leftside-menu .logo {
        background: #313a46 !important
    }

@media print {
    .end-bar, .footer, .leftside-menu, .navbar-custom, .page-title-box {
        display: none
    }

    .card-body, .content, .content-page, .end-bar, body {
        padding: 0;
        margin: 0
    }
}

body[data-leftbar-theme="dark"] .side-nav .side-nav-link:active, body[data-leftbar-theme="dark"] .side-nav .side-nav-link:focus, body[data-leftbar-theme="dark"] .side-nav .side-nav-link:hover {
    color: #282E30;
}




body[data-leftbar-compact-mode="condensed"]:not(.authentication-bg) {
    min-height: 100vh;
}

body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .wrapper .footer, body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .wrapper .navbar-custom {
    right: 0px;
    left: 0px
}

.navbar-custom {
    padding: 0 24px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
    box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
    max-height: 60px;
    position: fixed;
    left: 0px;
    top: 0;
    right: 0px;
    z-index: 1001
}

.nav-user .account-user-avatar {
    position: absolute;
    top: calc(38px / 2);
    left: 22px;
}

.navbar-custom .topbar-left {
    background-color: #fff;
    height: 70px;
    position: fixed;
    z-index: 1;
    width: 260px;
    text-align: center;
    top: 0;
    left: 0
}

    .navbar-custom .topbar-left .logo {
        line-height: 70px
    }

        .navbar-custom .topbar-left .logo i {
            display: none
        }

.navbar-custom .topbar-menu {
    position: relative;
    z-index: 1
}

    .navbar-custom .topbar-menu li {
        float: left;
        max-height: 70px;
        min-width: 40px
    }

        .navbar-custom .topbar-menu li .show.nav-link {
            color: #6c757d
        }

    .navbar-custom .topbar-menu .nav-link {
        padding: 0;
        color: #98a6ad;
        min-width: 32px;
        display: block;
        text-align: center;
        margin: 0 10px;
        position: relative
    }

.navbar-custom .app-search {
    position: static;
    overflow-y: hidden
}

    .navbar-custom .app-search form {
        padding: calc(32px / 2) 5px calc(32px / 2) 0;
        overflow: hidden;
        max-width: 320px
    }

[data-keep-enlarged=true] .navbar-custom {
    padding-left: 0
}

@media (max-width:600px) {
    .navbar-custom .topbar-menu {
        position: initial
    }

    .navbar-custom .dropdown {
        position: static
    }

        .navbar-custom .dropdown .dropdown-menu {
            left: 10px !important;
            right: 10px !important
        }
}

@media (max-width:1200px) {
    .navbar-custom {
        left: 0
    }

        .navbar-custom .app-search {
            display: none
        }
}

@media (max-width:767.98px) {
    .navbar-custom {
        right: 0 !important;
        padding: 0
    }
}

@media (max-width:375px) {
    .navbar-custom .topbar-menu .nav-link {
        margin: 0 6px
    }

    .navbar-custom.topnav-navbar .container-fluid, .navbar-custom.topnav-navbar .container-lg, .navbar-custom.topnav-navbar .container-md, .navbar-custom.topnav-navbar .container-sm, .navbar-custom.topnav-navbar .container-xl, .navbar-custom.topnav-navbar .container-xxl {
        padding-right: 12px;
        padding-left: 12px
    }

    .navbar-custom.topnav-navbar .navbar-toggle {
        margin: 27px 3px
    }

    .navbar-custom.topnav-navbar .button-menu-mobile {
        width: auto
    }
}

@media (min-width:992px) {
    body[data-leftbar-compact-mode=scrollable]:not([data-layout=topnav]) .navbar-custom {
        position: absolute
    }
}

body[data-layout-mode=boxed] .navbar-custom {
    position: relative;
    left: 0 !important;
    margin: -70px -12px 0
}

body[data-layout-mode=boxed][data-layout=topnav] .navbar-custom {
    margin: 0
}

@media print {
    .end-bar, .footer, .leftside-menu, .navbar-custom, .page-title-box {
        display: none
    }

    .card-body, .content, .content-page, .end-bar, body {
        padding: 0;
        margin: 0
    }
}

body[data-leftbar-compact-mode="condensed"]:not(.authentication-bg) .side-nav .side-nav-item:hover .side-nav-link {
    position: relative;
    width: 260px;
    color: #fff;
    background: #007bff;
    margin-left: -175px;
}

.footer {
    border-top: 1px solid rgba(152,166,173,.2);
    bottom: 0;
    padding: 15px 24px 15px;
    position: absolute;
    right: 0;
    color: inherit;
    left: 0px;
    /*  right: 260px;*/
}

@media (max-width:767.98px) {
    .footer {
        left: 0 !important;
        right: 0 !important;
        text-align: center
    }
}

body[data-leftbar-compact-mode="condensed"]:not(.authentication-bg) .footer {
    left: 0 !important;
    right: 70px !important;
    text-align: left
}

body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .wrapper .leftside-menu {
    position: absolute;
    padding-top: 0;
    width: 70px;
    z-index: 5;
    padding-top: 70px;
    right: 0px;
}

.button-icon-mobile-text {
    border: none;
    color: #313a46;
    height: 65px;
    line-height: 65px;
    background-color: transparent;
    font-size: 16px;
    cursor: pointer;
    z-index: 1;
    position: relative;
}