.portal-layout main {
    --ms-flex-positive: 1;
    flex-grow: 1;
}
.portal-layout .navbar {
    background: var(--White-Light);
}
.portal-layout .navbar.navbar-head {
    height: 3.75rem;
    padding-right: 2rem;
    padding-left: 2rem;  
    border-width: 0 0 .0625rem 0;
    border-style: solid;
    border-color: var(--Default-Soft);
}
.portal-layout .navbar-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
}
.portal-layout .navbar-fixed ~ .main {
    padding-top: 3.75rem;
}
.portal-layout .navbar.navbar-fixed .navbar-nav {
    display: block;
    padding: 0;
    margin-bottom: 1.5em;
}
.portal-layout .navbar.navbar-fixed .navbar-nav li {
    display: inline-block;
}
.portal-layout .navbar-fixed ~ .main .navbar-vertical-aside {
    top: 0;
}
.portal-layout .navbar-vertical {
    border-width: 0 .0625rem 0 0;
    border-style: solid;
    border-color: var(--Default-Soft);
}
.portal-layout .navbar .navbar-nav .nav-link {
    padding: 0rem 0.4rem;
}
.portal-layout .nav-wrap-content-left .navbar-nav > .nav-item:not(:last-child),
.portal-layout .nav-wrap-content-right .navbar-nav > .nav-item:not(:last-child) {
    margin-right: .5rem
}
.portal-layout .navbar-brand-wrapper {
    position: relative;
    overflow-x: hidden;
}
.portal-layout .navbar-collapse .navbar-nav {
    margin-top: 0;
}
.portal-layout .nav-wrap-content-left {
    -ms-flex-align: center;
    align-items: center;
}
.portal-layout .nav-wrap-content-right {
    margin-left: auto;
}
.portal-layout .nav-side-container {
    position: relative;
    height: 100%;
    min-height: 100%;
}
.portal-layout .nav-footer-item {
    display: none;
}
.portal-layout .nav-footer-item:last-child {
    margin-bottom: 2rem;
}
/************************** POSITION *******************************************/
.portal-layout .nav-side-fixed .nav-side-container {
    max-height: 100%;
}
.portal-layout .nav-side-fixed {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
    width: 16.25rem;
    margin-left: -16.25rem;
}
.portal-layout .nav-side-fixed .nav-side-footer {
    height: 100%;
    padding-bottom: 6.25rem;
}
.portal-layout.nav-side-mini .navbar-vertical-absolute:not([class*=container]) .nav .nav-link,
.portal-layout.nav-side-mini .nav-side-fixed:not([class*=container]) .nav .nav-link {
    padding-left: 1rem;
    padding-right: 1rem;
}
.portal-layout.nav-side-mini .navbar-vertical-absolute:not([class*=container]) .nav .nav .nav-link,
.portal-layout.nav-side-mini .nav-side-fixed:not([class*=container]) .nav .nav .nav-link {
    padding-left: 2.25rem;
}
.portal-layout .nav-side-fixed .navbar-vertical-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}
.portal-layout .navbar-vertical-absolute {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 16.25rem;
    margin-left: -16.25rem;
}
/************************** POSITION *******************************************/

/************************** NAVSIDEMini *******************************************/
.portal-layout .nav-side-mini-hide {
    -ms-flex: 1;
    flex: 1;
}
/*.portal-layout.nav-side-mini .nav-side-toggle-hide {
    display: none;
}
.portal-layout.nav-side-mini .aside-container:hover .nav-side-toggle-hide {
    display: block;
}*/
.portal-layout.nav-side-mini .nav-side-toggle-hide,
.portal-layout.nav-side-mini .nav-side-mini-hide,
.portal-layout.nav-side-mini .nav-sub {
    /*display: none !important;*/
    visibility: collapse;
}
.portal-layout.nav-side-mini .aside-container:hover .nav-side-toggle-hide,
.portal-layout.nav-side-mini .aside-container:hover .nav-side-mini-hide {
    visibility: visible;
}
/*.portal-layout.nav-side-mini .nav-vertical-side-toggle {
    display: block;
}*/
.portal-layout.nav-side-mini .nav-side-container {
    position: static;
}
.portal-layout.nav-side-mini .nav-side-container::-webkit-scrollbar {
    width: .4125rem;
}
/*.portal-layout.nav-side-mini .nav-side-container::-webkit-scrollbar-thumb {
    background-color: rgba(var(--Primary-Ghost_RGBA), .6);
}*/
.portal-layout.nav-side-mini .nav-sub {
    /*position: absolute;
    left: 3.5rem;
    padding: 0.5rem 0.5rem;
    min-width: 10rem;
    z-index: 1000;
    display: block;
    margin: 0;
    margin-top: -1.9125rem;*/ /**/
    /*font-size: 1rem;
    text-align: left;
    list-style: none;
    background-clip: padding-box;
    border: 0 solid rgba(var(--Dark_RGBA), .15);
    border-radius: 0.5rem;
    box-shadow: 0 0.75rem 1rem rgba(var(--White-Soft_RGBA), .3);
    color: var(--Primary);
    background-color: var(--White);*/
}
.portal-layout.nav-side-mini .navbar-vertical .nav-sub .nav-link {
    /*padding-left: 0.3rem !important;*/
}
.portal-layout.nav-side-mini .navbar-brand-wrapper .logo-show {
    display: block;
}
/*.portal-layout.nav-side-mini .nav-vertical-side-toggle {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}*/
.portal-layout .navbar-vertical:not([class*=container]) .navbar-nav .nav-link .col .nav-side-mini-hide {
    padding-left: .675rem;
}
.portal-layout.nav-side-mini .navbar-vertical-aside {
    position: fixed;
}
.portal-layout.nav-side-mini .navbar-vertical-aside .navbar-vertical-content {
    height: auto;
}
.portal-layout.nav-side-mini .navbar-vertical-aside .navbar-vertical-footer {
    position: static;
    margin-top: -.0625rem;
}
.portal-layout.nav-side-mini .navbar-vertical-aside .navbar-vertical-footer .navbar-vertical-footer-list-item,
.portal-layout.nav-side-mini .navbar-vertical-aside .navbar-vertical-footer .navbar-vertical-footer-list-item .hs-unfold {
    position: static;
}

.portal-layout.portal-nav-side-show.nav-side-mini .main {
    padding-left: 5.25rem;
}
.portal-layout.portal-nav-side-show.nav-side-mini .navbar:not(.navbar-vertical),
.portal-layout.portal-nav-side-show.nav-side-mini .footer {
    margin-left: 5.25rem;
}
.portal-layout.portal-nav-side-show.nav-side-mini .navbar-vertical-aside {
    width: 5.25rem;
}
.portal-layout.portal-nav-side-show.nav-side-mini .navbar-vertical-aside .nav {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.portal-layout.portal-nav-side-show.nav-side-mini .navbar-vertical-aside .navbar-brand-logo,
.portal-layout.portal-nav-side-show.nav-side-mini .navbar-vertical-aside .nav-subtitle,
.portal-layout.portal-nav-side-show.nav-side-mini .navbar-vertical-footer {
    display: none;
}
.portal-layout.portal-nav-side.nav-side-mini .nav-vertical-side-toggle-full-align,
.portal-layout.portal-nav-side-show.nav-side-mini .navbar-vertical-aside .navbar-brand-logo-mini,
.portal-layout.portal-nav-side-show.nav-side-mini .navbar-vertical-aside .nav-subtitle-replacer,
.portal-layout.portal-nav-side-show.nav-side-mini .nav-footer-item {
    display: block;
}
.portal-layout.nav-side-mini .navbar-vertical-aside-initialized .nav-side-container {
    overflow-y: scroll;
}
.portal-layout.nav-side-mini .navbar-brand-wrapper .logo-hide {
    display: none;
}
/************************** NAVSIDEMini *******************************************/


.portal-layout .nav-side-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    z-index: 1;
    transition: opacity .2s ease;
    background-color: rgba(var(--White-Strong_RGBA), .25);
}
.portal-layout .nav-side-overlay-transparent {
    background-color: transparent;
}
.portal-layout.portal-nav-side-show .nav-side-overlay {
    display: none;
}
.portal-layout .footer-offset {
    margin-bottom: 3.5rem;
}
.portal-layout .main .content {
    padding-bottom: 1.75rem;
}
.portal-layout .head-brand-wrapper .navbar-brand .logo-hide,
.portal-layout .head-brand-wrapper .navbar-brand .logo-show {
    display: none;
}


.portal-layout .navbar-vertical.navbar {
    display: block;
    padding: 0;
}
.portal-layout .navbar-vertical.navbar.collapse:not(.show) {
    display: none;
}
.portal-layout .navbar-vertical.navbar .nav-item {
    white-space: nowrap;
}
.portal-layout .navbar-vertical.navbar .nav-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.portal-layout .navbar-vertical.navbar .nav-subtitle-replacer {
    display: none;
    /*color: var(--Default-Soft);*/
    text-align: center;
    font-size: 1.3125rem;
    padding: .5rem 0;
}
.portal-layout .navbar-vertical-content {
    overflow: hidden
}

/*.portal-layout .navbar-vertical .nav-link {*/
    /*color: var(--Primary-Strong);*/
    /*border: none;
}*/
/*.portal-layout .navbar-vertical .nav-link:hover,
.portal-layout .navbar-vertical .nav-link:focus,
.portal-layout .navbar-vertical .nav-link:active,
.portal-layout .navbar-vertical .nav-link.active,
.portal-layout .navbar-vertical .nav-link .nav-link-toggle.active {
    border-left: solid var(--Primary);
}
.portal-layout .navbar-vertical .nav-sub .nav-link:hover,
.portal-layout .navbar-vertical .nav-sub .nav-link.active {
    border-left: solid rgba(var(--Primary_RGBA), 0.5) !important;
}*/
/*.portal-layout .navbar-vertical .nav-link.disabled {
    color: var(--Primary-Ghost);
}*/
.portal-layout .navbar-vertical .navbar-nav .nav .nav .nav-link {
    padding-left: 2.75rem;
}
.portal-layout .navbar-vertical .nav-sub {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left;
}
.portal-layout .navbar-vertical .nav-sub .nav-item .nav-link {
    padding-right: 0.15rem !important;
}
.portal-layout .navbar-vertical .nav-sub .nav-item .nav-link .badge {
    margin-right: 0.35rem;
}
/*.portal-layout .navbar-vertical .nav-sub .nav-item:last-child > .nav-link:last-child .badge,
.portal-layout .navbar-vertical .nav-item:last-child > .nav-link:last-child .badge {
    margin-right: 0.25rem !important;
}*/
.portal-layout .navbar-vertical .nav-sub .nav-link {
    font-size: .875rem;
}
.portal-layout .navbar-vertical .nav-sub.nav .nav-link {
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.portal-layout .navbar-vertical .nav-subtitle {
    padding: .75rem .8125rem;
}
.portal-layout .navbar-vertical .nav-link-toggle::after,
.portal-layout .navbar-vertical .nav-link-toggle[data-toggle=collapse]::after {
    transition: .3s ease;
}
.portal-layout .navbar-vertical .nav-link-toggle[aria-expanded=true]::after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.portal-layout .navbar-vertical .navbar-vertical-has-menu {
    position: relative;
}
.portal-layout .navbar-vertical:not([class*=container]) .navbar-nav.navbar-nav-lg .nav-link {
    margin-top: .375rem;
    margin-bottom: .375rem;
}
.portal-layout .navbar-vertical:not([class*=container]) .navbar-nav .nav-link {
    padding: .375rem 1.75rem;
    padding-right: 0;
}

.portal-layout .navbar-vertical:not([class*=container]) .navbar-nav .nav-link .col-auto .nav-side-toggle-hide {
    padding-right: .675rem;
}
.portal-layout .navbar-vertical:not([class*=container]) .navbar-nav .nav .nav-link {
    padding-right: 1.75rem;
    padding-left: 2.15rem;
    margin-top: 0;
    margin-bottom: 0;
}
.portal-layout .navbar-vertical:not([class*=container]) .navbar-nav .nav.nav-sub .nav-link {
    padding-right: 0;
}
.portal-layout .navbar-vertical:not([class*=container]) .navbar-nav .nav .nav .nav-link {
    /*padding-right: 1.75rem;*/
    padding-left: 4.25rem;
}
.portal-layout .navbar-vertical:not([class*=container]) .navbar-nav .nav .nav .nav .nav-link {
    padding-left: 5.25rem;
}
.portal-layout .navbar-vertical:not([class*=container]) .navbar-nav .nav-subtitle,
.portal-layout .navbar-vertical:not([class*=container]) .navbar-nav .nav-subtitle-replacer,
.portal-layout .navbar-vertical:not([class*=container]) .navbar-nav .nav-title {
    padding-right: 1.75rem;
    padding-left: 1.75rem;
}
.portal-layout .navbar-vertical:not([class*=container]) .navbar-vertical-without-icons .nav .nav-link {
    padding-left: 3.25rem;
}
.portal-layout .navbar-vertical:not([class*=container]) .navbar-vertical-without-icons .nav .nav .nav-link {
    padding-left: 4.25rem;
}
.portal-layout .navbar-vertical-footer {
    border-top: .0625rem solid var(--Default-Soft);
    background: var(--White-Soft);
    padding: .75rem 2rem;
}
.portal-layout .navbar-vertical-footer-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}
.portal-layout .navbar-vertical-footer-list .navbar-vertical-footer-list-item {
    position: relative;
    margin: 0 .5rem;
}
.portal-layout .navbar-vertical-content {
    height: calc(100% - 3.75rem);
    overflow-y: auto;
}
.portal-layout .navbar-vertical-content::-webkit-scrollbar {
    width: .5125rem;
}
.portal-layout .navbar-vertical-content::-webkit-scrollbar-thumb {
    /*background-color: rgba(var(--Primary-Ghost_RGBA), .6);*/
    visibility: hidden;
}
.portal-layout .navbar-vertical-content:hover::-webkit-scrollbar-thumb {
    visibility: visible;
}

.portal-layout .navbar-vertical-aside .navbar-brand-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 3.75rem;
    padding-right: 1.75rem;
    padding-left: 1.2rem;
}
.portal-layout .navbar-vertical-aside .navbar-brand-logo {
    display: block;
}
.portal-layout .navbar-vertical-aside .navbar-brand-logo-mini {
    width: 1.9125rem;
    display: none;
}
/*.portal-layout.nav-side-mini .nav-side-container:hover .navbar-vertical-content {
    width: 16.25rem !important;
    position: absolute !important;
    background: var(--White-Ghost);
}
.portal-layout.nav-side-mini .nav-side-container:hover .navbar-vertical-content .nav-side-mini-hide {
    display: flex !important;
}*/
.portal-layout.portal-nav-side.portal-nav-side-closed .main,
.portal-layout [class*=portal-nav-side-show] .nav-wrap-content-left {
    padding-left: 0;
}
.portal-layout.portal-nav-side-closed .navbar-vertical-aside,
.portal-layout.portal-nav-side-show .navbar:not(.navbar-vertical),
.portal-layout.portal-nav-side-closed .navbar-vertical-aside {
    margin-left: -16.25rem;
}

.portal-layout.portal-nav-side .nav-vertical-side-toggle-short-align,
.portal-layout.portal-nav-side.portal-nav-side-closed .nav-vertical-side-toggle-full-align,
.portal-layout.portal-nav-side-closed .head-brand-wrapper .logo-show {
    display: block;
}

.portal-layout.portal-nav-side-show .navbar:not(.navbar-vertical-aside) .navbar-brand-wrapper,
.portal-layout.portal-nav-side .nav-vertical-side-toggle-full-align,
.portal-layout.portal-nav-side-show .nav-side-toggle ,
.portal-layout.portal-nav-side-show .navbar-brand-logo-mini {
    display: none;
}
.portal-layout.portal-nav-side-show .main {
    padding-left: 16.25rem;
}
.portal-layout.portal-nav-side-show .footer,
.portal-layout.portal-nav-side-show .navbar:not(.navbar-vertical) {
    margin-left: 16.25rem;
}
.portal-layout.portal-nav-side-show .navbar-vertical-aside {
    margin-left: 0;
}
.portal-layout.portal-nav-side-show.portal-nav-side .nav-wrap-content-left {
    display: -ms-flexbox;
    display: flex;
}
.portal-layout.portal-nav-side-show.portal-nav-side-closed .navbar-vertical-aside {
    margin-left: -100%;
}
.portal-layout.portal-nav-side .nav-vertical-side-toggle-short-align {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}


/************************** EXPAND *******************************************/
/*Allowing to Close Menu Aside*/
.portal-layout .navbar-expand .navbar-vertical.navbar-collapse {
    display: block !important;
}
.portal-layout .navbar-expand .navbar-vertical.navbar-collapse .navbar-nav {
    -ms-flex-direction: column;
    flex-direction: column;
}
.portal-layout .navbar-expand .navbar-vertical.nav-side-fixed {
    height: 100%;
}
.portal-layout .navbar-expand.navbar:not(.navbar-vertical) .nav-indicator-icon ,
.portal-layout .navbar-expand .navbar-vertical .navbar-vertical-footer {
    display: none;
}
.portal-layout .navbar-expand > .container,
.portal-layout .navbar-expand > .container-fluid,
.portal-layout .navbar-expand > .container-xxl {
    padding-right: 0;
    padding-left: 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.portal-layout .navbar-expand.navbar {
    padding-right: 0;
    padding-left: 0;
}
.portal-layout .navbar-expand .navbar-brand-wrapper-width {
    width: 100%;
    max-width: 16.25rem;
}
.portal-layout .navbar-expand .navbar-nav .navbar-nav-link {
    line-height: 2.3125rem;
}
.portal-layout .navbar-expand .navbar-nav .navbar-nav-item:first-child .navbar-nav-link {
    padding-left: 0;
}
.portal-layout .navbar-expand .navbar-collapse .navbar-nav {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.portal-layout .navbar-expand .navbar-nav-item {
    padding-right: 1rem;
    padding-left: 1rem;
}
.portal-layout .navbar-expand .navbar-nav-item .navbar-nav-item {
    padding-right: 0;
    padding-left: 0;
}
.portal-layout .navbar-expand .nav-wrap-content-left {
    -ms-flex-order: 2;
    order: 2;
    display: -ms-flexbox;
    display: flex;
    padding-left: 2rem;
}
.portal-layout .navbar-expand .nav-wrap-content-right {
    -ms-flex-order: 4;
    order: 4;
}
.portal-layout .navbar-expand .navbar-nav-wrap-toggle {
    -ms-flex-order: 4;
    order: 4;
    text-align: right;
}
.portal-layout .navbar-expand .navbar-nav-wrap-navbar {
    -ms-flex-order: 3;
    order: 3;
}
.portal-layout .navbar-expand .navbar-nav-wrap {
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.portal-layout .navbar-expand .nav-wrap-content-right {
    margin-left: auto;
}
.portal-layout .navbar-vertical.navbar-expand {
    -ms-flex-flow: column;
    flex-flow: column;
}
.portal-layout .navbar-vertical.navbar-expand .navbar-nav {
    -ms-flex-direction: column;
    flex-direction: column;
}
.portal-layout .navbar-expand .navbar-vertical-aside.nav-side-fixed ~ .main {
    padding-left: 16.25rem;
}

@media (max-width:575.98px) {
    .portal-layout .navbar-expand-sm .navbar-collapse .navbar-nav {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .portal-layout .navbar-expand-sm .navbar-nav-item {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .portal-layout .navbar-expand-sm .navbar-nav-item .navbar-nav-item {
        padding-right: 0;
        padding-left: 0;
    }
    .portal-layout [class*=navbar-expand].navbar {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .portal-layout .navbar-expand-sm .navbar-nav-wrap {
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .portal-layout .navbar-expand-sm .nav-wrap-content-right {
        margin-left: auto;
    }
    .portal-layout .navbar-expand-sm .navbar-vertical .navbar-vertical-footer {
        display: none;
    }
}
@media (min-width:576px) {
    .portal-layout .navbar-expand-sm > .container,
    .portal-layout .navbar-expand-sm > .container-fluid,
    .portal-layout .navbar-expand-sm > .container-xxl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .portal-layout .navbar-expand-sm.navbar {
        padding-right: 0;
        padding-left: 0;
    }
    .portal-layout .navbar-expand-sm .navbar-brand-wrapper-width {
        width: 100%;
        max-width: 16.25rem;
    }
    .portal-layout .navbar-expand-sm .navbar-nav .navbar-nav-link {
        line-height: 2.3125rem;
    }
    .portal-layout .navbar-expand-sm .navbar-nav .navbar-nav-item:first-child .navbar-nav-link {
        padding-left: 0;
    }
    .portal-layout .navbar-expand-sm .nav-wrap-content-left {
        -ms-flex-order: 2;
        order: 2;
        display: -ms-flexbox;
        display: flex;
        padding-left: 2rem;
    }
    .portal-layout .navbar-expand-sm .nav-wrap-content-right {
        -ms-flex-order: 4;
        order: 4;
    }
    .portal-layout .navbar-expand-sm .navbar-nav-wrap-toggle {
        -ms-flex-order: 4;
        order: 4;
        text-align: right;
    }
    .portal-layout .navbar-expand-sm .navbar-nav-wrap-navbar {
        -ms-flex-order: 3;
        order: 3;
    }
    .portal-layout .navbar-expand-sm .navbar-vertical.navbar-collapse {
        display: block !important;
    }
    .portal-layout .navbar-expand-sm .navbar-vertical.navbar-collapse .navbar-nav {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .portal-layout .navbar-expand-sm.navbar:not(.navbar-vertical) .nav-indicator-icon {
        display: none;
    }
    .portal-layout .navbar-vertical.navbar-expand-sm {
        -ms-flex-flow: column;
        flex-flow: column;
    }
    .portal-layout .navbar-vertical.navbar-expand-sm .navbar-nav {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .portal-layout .navbar-expand-sm .navbar-vertical.nav-side-fixed {
        height: 100%;
    }
    .portal-layout .navbar-expand-sm .navbar-vertical-aside.nav-side-fixed ~ .main,
}
@media (max-width:767.98px) {
    .portal-layout .navbar-expand-md > .container,
    .portal-layout .navbar-expand-md > .container-fluid,
    .portal-layout .navbar-expand-md > .container-xxl {
        padding-right: 0;
        padding-left: 0;
    }
    .portal-layout .navbar-expand-md .navbar-collapse .navbar-nav {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .portal-layout .navbar-expand-md .navbar-nav-item {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .portal-layout .navbar-expand-md .navbar-nav-item .navbar-nav-item {
        padding-right: 0;
        padding-left: 0;
    }
    .portal-layout .navbar-expand-md .navbar-nav-wrap {
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .portal-layout .navbar-expand-md .nav-wrap-content-right {
        margin-left: auto;
    }
    .portal-layout .navbar-expand-md .navbar-vertical .navbar-vertical-footer {
        display: none;
    }
}
@media (min-width:768px) {
    .portal-layout .navbar-expand-md > .container,
    .portal-layout .navbar-expand-md > .container-fluid,
    .portal-layout .navbar-expand-md > .container-xxl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .portal-layout .navbar-expand-md.navbar {
        padding-right: 0;
        padding-left: 0;
    }
    .portal-layout .navbar-expand-md .navbar-brand-wrapper-width {
        width: 100%;
        max-width: 16.25rem;
    }
    .portal-layout .navbar-expand-md .navbar-nav .navbar-nav-link {
        line-height: 2.3125rem;
    }
    .portal-layout .navbar-expand-md .navbar-nav .navbar-nav-item:first-child .navbar-nav-link {
        padding-left: 0;
    }
    .portal-layout .navbar-expand-md .nav-wrap-content-left {
        -ms-flex-order: 2;
        order: 2;
        display: -ms-flexbox;
        display: flex;
        padding-left: 2rem;
    }
    .portal-layout .navbar-expand-md .nav-wrap-content-right {
        -ms-flex-order: 4;
        order: 4;
    }
    .portal-layout .navbar-expand-md .navbar-nav-wrap-toggle {
        -ms-flex-order: 4;
        order: 4;
        text-align: right;
    }
    .portal-layout .navbar-expand-md .navbar-nav-wrap-navbar {
        -ms-flex-order: 3;
        order: 3;
    }
    .portal-layout .navbar-expand-md .navbar-vertical.navbar-collapse {
        display: block !important;
    }
    .portal-layout .navbar-expand-md .navbar-vertical.navbar-collapse .navbar-nav {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .portal-layout .navbar-expand-md .navbar-vertical.nav-side-fixed {
        height: 100%;
    }
    .portal-layout .navbar-expand-md.navbar:not(.navbar-vertical) .nav-indicator-icon {
        display: none;
    }
    .portal-layout .navbar-vertical.navbar-expand-md {
        -ms-flex-flow: column;
        flex-flow: column;
    }
    .portal-layout .navbar-vertical.navbar-expand-md .navbar-nav {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .portal-layout .navbar-expand-md .navbar-vertical-aside.nav-side-fixed ~ .main,
}
@media (max-width:991.98px) {
    .portal-layout .navbar-expand-lg > .container,
    .portal-layout .navbar-expand-lg > .container-fluid,
    .portal-layout .navbar-expand-lg > .container-xxl {
        padding-right: 0;
        padding-left: 0;
    }
    .portal-layout .navbar-expand-lg .navbar-collapse .navbar-nav {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .portal-layout .navbar-expand-lg .navbar-nav-item {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .portal-layout .navbar-expand-lg .navbar-nav-item .navbar-nav-item {
        padding-right: 0;
        padding-left: 0;
    }
    .portal-layout .navbar-expand-lg .navbar-nav-wrap {
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .portal-layout .navbar-expand-lg .nav-wrap-content-right {
        margin-left: auto;
    }
    .portal-layout .navbar-expand-lg .navbar-vertical .navbar-vertical-footer {
        display: none;
    }
}
@media (min-width:922px) {
    .portal-layout .navbar-expand-lg > .container,
    .portal-layout .navbar-expand-lg > .container-fluid,
    .portal-layout .navbar-expand-lg > .container-xxl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    
    .portal-layout .navbar-expand-lg.navbar {
        padding-right: 0;
        padding-left: 0;
    }
    .portal-layout .navbar-expand-lg .navbar-brand-wrapper-width {
        width: 100%;
        max-width: 16.25rem;
    }
    .portal-layout .navbar-expand-lg .navbar-nav .navbar-nav-link {
        line-height: 2.3125rem;
    }
    .portal-layout .navbar-expand-lg .navbar-nav .navbar-nav-item:first-child .navbar-nav-link {
        padding-left: 0;
    }
    .portal-layout .navbar-expand-lg .nav-wrap-content-left {
        -ms-flex-order: 2;
        order: 2;
        display: -ms-flexbox;
        display: flex;
        padding-left: 0.2rem;
    }
    .portal-layout .navbar-expand-lg .nav-wrap-content-right {
        -ms-flex-order: 4;
        order: 4;
    }
    .portal-layout .navbar-expand-lg .navbar-nav-wrap-toggle {
        -ms-flex-order: 4;
        order: 4;
        text-align: right;
    }
    .portal-layout .navbar-expand-lg .navbar-nav-wrap-navbar {
        -ms-flex-order: 3;
        order: 3;
    }
    .portal-layout .navbar-expand-lg .navbar-vertical.navbar-collapse {
        display: block !important;
    }
    .portal-layout .navbar-expand-lg .navbar-vertical.navbar-collapse .navbar-nav {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .portal-layout .navbar-expand-lg .navbar-vertical.nav-side-fixed {
        height: 100%;
    }
    .portal-layout .navbar-expand-lg.navbar:not(.navbar-vertical) .nav-indicator-icon {
        display: none;
    }
    .portal-layout .navbar-vertical.navbar-expand-lg {
        -ms-flex-flow: column;
        flex-flow: column;
    }
    .portal-layout .navbar-vertical.navbar-expand-lg .navbar-nav {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .portal-layout .navbar-expand-lg .navbar-vertical-aside.nav-side-fixed ~ .main {
        padding-left: 16.25rem;
    }
}
@media (max-width:1199.98px) {
    .portal-layout .navbar-expand-xl > .container,
    .portal-layout .navbar-expand-xl > .container-fluid,
    .portal-layout .navbar-expand-xl > .container-xxl {
        padding-right: 0;
        padding-left: 0;
    }
    .portal-layout .navbar-expand-xl .navbar-collapse .navbar-nav {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .portal-layout .navbar-expand-xl .navbar-nav-item {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .portal-layout .navbar-expand-xl .navbar-nav-item .navbar-nav-item {
        padding-right: 0;
        padding-left: 0;
    }
    .portal-layout .navbar-expand-xl .navbar-nav-wrap {
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .portal-layout .navbar-expand-xl .nav-wrap-content-right {
        margin-left: auto;
    }
    .portal-layout .navbar-expand-xl .navbar-vertical .navbar-vertical-footer {
        display: none;
    }
}
@media (min-width:1200px) {
    .portal-layout .navbar-expand-xl > .container,
    .portal-layout .navbar-expand-xl > .container-fluid,
    .portal-layout .navbar-expand-xl > .container-xxl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .portal-layout .navbar-expand-xl.navbar {
        padding-right: 0;
        padding-left: 0;
    }
    .portal-layout .navbar-expand-xl .navbar-brand-wrapper-width {
        width: 100%;
        max-width: 16.25rem;
    }
    .portal-layout .navbar-expand-xl .navbar-nav .navbar-nav-link {
        line-height: 2.3125rem;
    }
    .portal-layout .navbar-expand-xl .navbar-nav .navbar-nav-item:first-child .navbar-nav-link {
        padding-left: 0;
    }
    .portal-layout .navbar-expand-xl .nav-wrap-content-left {
        -ms-flex-order: 2;
        order: 2;
        display: -ms-flexbox;
        display: flex;
        padding-left: 2rem;
    }
    .portal-layout .navbar-expand-xl .nav-wrap-content-right {
        -ms-flex-order: 4;
        order: 4;
    }
    .portal-layout .navbar-expand-xl .navbar-nav-wrap-toggle {
        -ms-flex-order: 4;
        order: 4;
        text-align: right;
    }
    .portal-layout .navbar-expand-xl .navbar-nav-wrap-navbar {
        -ms-flex-order: 3;
        order: 3;
    }
    .portal-layout .navbar-expand-xl .navbar-vertical.navbar-collapse {
        display: block !important;
    }
    .portal-layout .navbar-expand-xl .navbar-vertical.navbar-collapse .navbar-nav {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .portal-layout .navbar-expand-xl .navbar-vertical.nav-side-fixed {
        height: 100%;
    }
    .portal-layout .navbar-expand-xl.navbar:not(.navbar-vertical) .nav-indicator-icon {
        display: none;
    }
    .portal-layout .navbar-vertical.navbar-expand-xl {
        -ms-flex-flow: column;
        flex-flow: column;
    }
    .portal-layout .navbar-vertical.navbar-expand-xl .navbar-nav {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .portal-layout .navbar-expand-xl .navbar-vertical-aside.nav-side-fixed ~ .main {
        padding-left: 16.25rem;
    }
}
@media (max-width:1399.98px) {
    .portal-layout .navbar-expand-xxl > .container,
    .portal-layout .navbar-expand-xxl > .container-fluid,
    .portal-layout .navbar-expand-xxl > .container-xxl {
        padding-right: 0;
        padding-left: 0;
    }
    .portal-layout .navbar-expand-xxl .navbar-collapse .navbar-nav {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .portal-layout .navbar-expand-xxl .navbar-nav-item {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .portal-layout .navbar-expand-xxl .navbar-nav-item .navbar-nav-item {
        padding-right: 0;
        padding-left: 0;
    }
    .portal-layout .navbar-expand-xxl .navbar-nav-wrap {
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .portal-layout .navbar-expand-xxl .nav-wrap-content-right {
        margin-left: auto;
    }
}
@media (min-width:1400px) {

    .portal-layout .navbar-expand-xxl > .container,
    .portal-layout .navbar-expand-xxl > .container-fluid,
    .portal-layout .navbar-expand-xxl > .container-xxl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    
    .portal-layout .navbar-expand-xxl.navbar {
        padding-right: 0;
        padding-left: 0;
    }
    .portal-layout .navbar-expand-xxl .navbar-brand-wrapper-width {
        width: 100%;
        max-width: 16.25rem;
    }
    .portal-layout .navbar-expand-xxl .navbar-nav .navbar-nav-link {
        line-height: 2.3125rem;
    }
    .portal-layout .navbar-expand-xxl .navbar-nav .navbar-nav-item:first-child .navbar-nav-link {
        padding-left: 0;
    }
    .portal-layout .navbar-expand-xxl .nav-wrap-content-left {
        -ms-flex-order: 2;
        order: 2;
        display: -ms-flexbox;
        display: flex;
        padding-left: 2rem;
    }
    .portal-layout .navbar-expand-xxl .nav-wrap-content-right {
        -ms-flex-order: 4;
        order: 4;
    }
    .portal-layout .navbar-expand-xxl .navbar-nav-wrap-toggle {
        -ms-flex-order: 4;
        order: 4;
        text-align: right;
    }
    .portal-layout .navbar-expand-xxl .navbar-nav-wrap-navbar {
        -ms-flex-order: 3;
        order: 3;
    }
    .portal-layout .navbar-expand-xxl .navbar-vertical.navbar-collapse {
        display: block !important;
    }
    .portal-layout .navbar-expand-xxl .navbar-vertical.navbar-collapse .navbar-nav {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .portal-layout .navbar-expand-xxl .navbar-vertical.nav-side-fixed {
        height: 100%;
    }
    .portal-layout .navbar-expand-xxl.navbar:not(.navbar-vertical) .nav-indicator-icon {
        display: none;
    }
    .portal-layout .navbar-vertical.navbar-expand-xxl {
        -ms-flex-flow: column;
        flex-flow: column;
    }
    .portal-layout .navbar-vertical.navbar-expand-xxl .navbar-nav {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .portal-layout .navbar-expand-xxl .navbar-vertical .navbar-vertical-footer {
        display: none;
    }
    .portal-layout .navbar-expand-xxl .navbar-vertical-aside.nav-side-fixed ~ .main {
        padding-left: 16.25rem;
    }
}
/************************** EXPAND *******************************************/


/************** SIDESUBMENU ********TO CHANG TO nav-sideisubmenu************************/
.portal-layout.nav-side-mini .navbar-nav > .nav-side-menu > .nav-link-toggle::before {
    opacity: 1;
}
.portal-layout .nav-side-menu > .nav-link-toggle {
    position: relative;
}
.portal-layout .nav-side-menu > .nav-link-toggle::before {
    position: absolute;
    top: 50%;
    left: .75rem;
    content: "";
    width: 5px;
    height: 5px;
    background-color: var(--Primary-Soft);
    opacity: 0;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: opacity .3s;
}
.portal-layout .nav-side-menu {
    position: relative;
}
.portal-layout .nav-side-menu > .nav-link-toggle::after {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%2371869d' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3E%3C/svg%3E") no-repeat right center/1rem 1rem;
    content: "";
    margin-left: auto;
    margin-right: .1875rem;
    transition: .3s ease;
}
.portal-layout .nav-side-menu.show > .nav-link-toggle::after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.portal-layout.nav-side-mini .nav-side-menu.show > .nav-link-toggle::after,
.portal-layout.nav-side-mini .nav-side-menu > .nav-link-toggle::after {
    display: none;
}
.portal-layout.nav-side-mini .nav-side-menu {
    position: static;
}
.portal-layout.nav-side-mini .nav-side-menu .nav-side-menu > .nav-link-toggle::after {
    display: inline-block;
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
.portal-layout.nav-side-mini .nav-side-menu.show .nav-side-menu.show > .nav-link-toggle::after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.portal-layout .nav-side-menu.show > .nav-link-toggle::after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
/*.portal-layout .navbar-vertical-aside .nav-side-menu.show > .nav-link-toggle::before,
.portal-layout .navbar-vertical-aside .nav-side-menu > .nav-link-toggle.active::before,
.portal-layout .navbar-vertical-aside .nav-side-menu > .nav-link-toggle:hover::before {
    background-color: var(--Primary);
    border-left-color: var(--Primary);
    border-bottom-width: 0;
    border-radius: 0;
}*/
/*.portal-layout.portal-nav-side:not(.nav-side-mini) .navbar-vertical .nav-tabs .nav-side-menu > .active.nav-link {
    border-color: transparent;
}*/
.portal-layout.portal-nav-side-show.nav-side-mini .navbar-vertical-content > .navbar-nav > .nav-side-menu > .nav {
    position: absolute;
    top: 0;
    left: calc(100% + .9125rem);
    z-index: 2;
    min-width: 15rem;
    background-color: var(--White);
    padding-left: 0;
    box-shadow: 0 10px 40px 10px rgba(var(--Primary-Ghost_RGBA), .175);
    border-radius: .3125rem;
}
.portal-layout.portal-nav-side-show.nav-side-mini .navbar-vertical-content > .navbar-nav > .nav-side-menu > .nav::before {
    position: absolute;
    top: 0;
    display: block;
    right: calc(100% - .0625rem);
    width: 1.75rem;
    height: 100%;
    content: "";
}
.portal-layout.portal-nav-side:not(.nav-side-mini) .nav-side-menu.show > .nav-sub{
    display: block;
}

@media (min-width:576px) {
    .portal-layout.portal-nav-side-show-sm.nav-side-mini .navbar-vertical-content > .navbar-nav > .nav-side-menu > .nav {
        position: absolute;
        top: 0;
        left: calc(100% + .9125rem);
        z-index: 2;
        min-width: 15rem;
        background-color: var(--White);
        padding-left: 0;
        box-shadow: 0 10px 40px 10px rgba(var(--Primary-Ghost_RGBA), .175);
        border-radius: .3125rem;
    }
    .portal-layout.portal-nav-side-show-sm.nav-side-mini .navbar-vertical-content > .navbar-nav > .nav-side-menu > .nav::before {
        position: absolute;
        top: 0;
        display: block;
        right: calc(100% - .0625rem);
        width: 1.75rem;
        height: 100%;
        content: "";
    }
}
@media (min-width:768px) {
    .portal-layout.portal-nav-side-show-md.nav-side-mini .navbar-vertical-content > .navbar-nav > .nav-side-menu > .nav {
        position: absolute;
        top: 0;
        left: calc(100% + .9125rem);
        z-index: 2;
        min-width: 15rem;
        background-color: var(--White);
        padding-left: 0;
        box-shadow: 0 10px 40px 10px rgba(var(--Primary-Ghost_RGBA), .175);
        border-radius: .3125rem;
    }
    .portal-layout.portal-nav-side-show-md.nav-side-mini .navbar-vertical-content > .navbar-nav > .nav-side-menu > .nav::before {
        position: absolute;
        top: 0;
        display: block;
        right: calc(100% - .0625rem);
        width: 1.75rem;
        height: 100%;
        content: "";
    }
}
@media (min-width:992px) {
    .portal-layout.portal-nav-side-show-lg.nav-side-mini .navbar-vertical-content > .navbar-nav > .nav-side-menu > .nav {
        position: absolute;
        top: 0;
        left: calc(100% + .9125rem);
        z-index: 2;
        min-width: 15rem;
        background-color: var(--White);
        padding-left: 0;
        box-shadow: 0 10px 40px 10px rgba(var(--Primary-Ghost_RGBA), .175);
        border-radius: .3125rem;
    }
    .portal-layout.portal-nav-side-show-lg.nav-side-mini .navbar-vertical-content > .navbar-nav > .nav-side-menu > .nav::before {
        position: absolute;
        top: 0;
        display: block;
        right: calc(100% - .0625rem);
        width: 1.75rem;
        height: 100%;
        content: "";
    }
}
@media (min-width:1200px) {
    .portal-layout.portal-nav-side-show-xl.nav-side-mini .navbar-vertical-content > .navbar-nav > .nav-side-menu > .nav {
        position: absolute;
        top: 0;
        left: calc(100% + .9125rem);
        z-index: 2;
        min-width: 15rem;
        background-color: var(--White);
        padding-left: 0;
        box-shadow: 0 10px 40px 10px rgba(var(--Primary-Ghost_RGBA), .175);
        border-radius: .3125rem;
    }
    .portal-layout.portal-nav-side-show-xl.nav-side-mini .navbar-vertical-content > .navbar-nav > .nav-side-menu > .nav::before {
        position: absolute;
        top: 0;
        display: block;
        right: calc(100% - .0625rem);
        width: 1.75rem;
        height: 100%;
        content: "";        
    }
}
@media (min-width:1400px){
    .portal-layout.portal-nav-side-show-xxl.nav-side-mini .navbar-vertical-content > .navbar-nav > .nav-side-menu > .nav {
        position: absolute;
        top: 0;
        left: calc(100% + .9125rem);
        z-index: 2;
        min-width: 15rem;
        background-color: var(--White);
        padding-left: 0;
        box-shadow: 0 10px 40px 10px rgba(var(--Primary-Ghost_RGBA), .175);
        border-radius: .3125rem;
    } 
    .portal-layout.portal-nav-side-show-xxl.nav-side-mini .navbar-vertical-content > .navbar-nav > .nav-side-menu > .nav::before {
        position: absolute;
        top: 0;
        display: block;
        right: calc(100% - .0625rem);
        width: 1.75rem;
        height: 100%;
        content: "";
    }
}
/************************** SIDESUBMENU *******************************************/


@media (max-width:575.98px) {
    .portal-layout .container-fluid, .portal-layout .container-xxl {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .portal-layout.portal-nav-side-show-sm .navbar-brand-logo-mini {
        display: none;
    }
    .portal-layout.portal-nav-side-show-sm.portal-nav-side .nav-wrap-content-left {
        display: -ms-flexbox;
        display: flex;
    }
    .portal-layout.portal-nav-side-show-sm.portal-nav-side-closed .navbar-vertical-aside {
        margin-left: -100%;
    }
}

@media (min-width:576px) {
    .portal-layout .navbar-fixed-sm {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 99;
    }
    .portal-layout .navbar-fixed-sm ~ .main {
        padding-top: 3.75rem;
    }
    .portal-layout.portal-nav-side-show-sm .main {
        padding-left: 16.25rem;
    }
    .portal-layout.portal-nav-side-show-sm .footer,
    .portal-layout.portal-nav-side-show-sm .navbar:not(.navbar-vertical) {
        margin-left: 16.25rem;
    }
    .portal-layout.portal-nav-side-show-sm .navbar-vertical-aside {
        margin-left: 0;
    }
    .portal-layout.portal-nav-side-show-sm.nav-side-mini .navbar:not(.navbar-vertical),
    .portal-layout.portal-nav-side-show-sm.nav-side-mini .footer {
        margin-left: 5.25rem;
    }
    .portal-layout.portal-nav-side-show-sm.nav-side-mini .main {
        padding-left: 5.25rem;
    }
    .portal-layout.portal-nav-side-show-sm.nav-side-mini .navbar-vertical-aside {
        width: 5.25rem;
    }
    .portal-layout.portal-nav-side-show-sm .navbar:not(.navbar-vertical-aside) .navbar-brand-wrapper,
    /*.portal-layout.portal-nav-side-show-sm.nav-side-mini .nav-side-mini-hide,*/
    .portal-layout.portal-nav-side-show-sm.nav-side-mini .navbar-vertical-aside .navbar-brand-logo,
    .portal-layout.portal-nav-side-show-sm .nav-side-overlay,
    .portal-layout.portal-nav-side-show-sm .nav-side-toggle,
    .portal-layout.portal-nav-side-show-sm.nav-side-mini .navbar-vertical-aside .nav-subtitle,
    .portal-layout.portal-nav-side-show-sm.nav-side-mini .navbar-vertical-footer {
        display: none;
    }
    .portal-layout.portal-nav-side-show-sm.nav-side-mini .navbar-vertical-aside .navbar-brand-logo-mini,
    .portal-layout.portal-nav-side-show-sm.nav-side-mini .navbar-vertical-aside .nav-subtitle-replacer,
    .portal-layout.portal-nav-side-show-sm.nav-side-mini .nav-footer-item {
        display: block;
    }
    .portal-layout .portal-nav-side-show-sm.nav-side-mini .navbar-vertical-aside .nav .nav {
        padding-top: 0;
        padding-bottom: 0;
    }
    .portal-layout.portal-nav-side-show-sm.nav-side-mini .navbar-vertical-aside .nav {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

@media (max-width:767.98px) {
    .portal-layout.portal-nav-side-show-md .navbar-brand-logo-mini {
        display: none;
    }
    .portal-layout.portal-nav-side-show-md.portal-nav-side .nav-wrap-content-left {
        display: -ms-flexbox;
        display: flex;
    }
    .portal-layout.portal-nav-side-show-md.portal-nav-side-closed .navbar-vertical-aside {
        margin-left: -100%;
    }
}

@media (min-width:768px) {
    .portal-layout .navbar-fixed-md ~ .main {
        padding-top: 3.75rem;
    }
    .portal-layout .navbar-fixed-md {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 99;
    }
    .portal-layout.nav-side-mini .navbar-brand-wrapper .logo-hide {
        display: none;
    }
    .portal-layout.portal-nav-side-show-md .main {
        padding-left: 16.25rem;
    }
    .portal-layout.portal-nav-side-show-md .footer,
    .portal-layout.portal-nav-side-show-md .navbar:not(.navbar-vertical) {
        margin-left: 16.25rem;
    }
    .portal-layout.portal-nav-side-show-md .navbar-vertical-aside {
        margin-left: 0;
    }
    .portal-layout.portal-nav-side-show-md.nav-side-mini .navbar:not(.navbar-vertical),
    .portal-layout.portal-nav-side-show-md.nav-side-mini .footer {
        margin-left: 5.25rem;
    }
    .portal-layout.portal-nav-side-show-md.nav-side-mini .main {
        padding-left: 5.25rem;
    }
    .portal-layout.portal-nav-side-show-md.nav-side-mini .navbar-vertical-aside {
        width: 5.25rem;
    }
    .portal-layout.portal-nav-side-show-md .navbar:not(.navbar-vertical-aside) .navbar-brand-wrapper,
    /*.portal-layout.portal-nav-side-show-md.nav-side-mini .nav-side-mini-hide,*/
    .portal-layout.portal-nav-side-show-md.nav-side-mini .navbar-vertical-aside .navbar-brand-logo,
    .portal-layout.portal-nav-side-show-md .nav-side-overlay ,
    .portal-layout.portal-nav-side-show-md .nav-side-toggle,
    .portal-layout.portal-nav-side-show-md.nav-side-mini .navbar-vertical-aside .nav-subtitle,
    .portal-layout.portal-nav-side-show-md.nav-side-mini .navbar-vertical-footer {
        display: none;
    }
    .portal-layout.portal-nav-side-show-md.nav-side-mini .navbar-vertical-aside .nav-subtitle-replacer,
    .portal-layout.portal-nav-side-show-md.nav-side-mini .navbar-vertical-aside .navbar-brand-logo-mini,
    .portal-layout.portal-nav-side-show-md.nav-side-mini .nav-footer-item {
        display: block;
    }
    .portal-layout.portal-nav-side-show-md.nav-side-mini .navbar-vertical-aside .nav {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .portal-layout .portal-nav-side-show-md.nav-side-mini .navbar-vertical-aside .nav .nav {           
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media (max-width:991.98px) {
    .portal-layout.portal-nav-side-show-lg .navbar-brand-logo-mini {
        display: none;
    }
    .portal-layout.portal-nav-side-show-lg.portal-nav-side .nav-wrap-content-left {
        display: -ms-flexbox;
        display: flex;
    }
    .portal-layout.portal-nav-side-show-lg.portal-nav-side-closed .navbar-vertical-aside {
        margin-left: -100%;
    }
}

@media (min-width:992px) {
    .portal-layout .navbar-fixed-lg {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 99;
    }
    .portal-layout .navbar-fixed-lg ~ .main {
        padding-top: 3.75rem;
    }
    .portal-layout.portal-nav-side-show-lg .main {
        padding-left: 16.25rem;
    }
    .portal-layout.portal-nav-side-show-lg .footer,
    .portal-layout.portal-nav-side-show-lg .navbar:not(.navbar-vertical) {
        margin-left: 16.25rem;
    }
    .portal-layout.portal-nav-side-show-lg .navbar-vertical-aside {
        margin-left: 0;
    }
    .portal-layout.portal-nav-side-show-lg.nav-side-mini .navbar:not(.navbar-vertical),
    .portal-layout.portal-nav-side-show-lg.nav-side-mini .footer {
        margin-left: 5.25rem;
    }
    .portal-layout.portal-nav-side-show-lg.nav-side-mini .main {
        padding-left: 5.25rem;
    }
    .portal-layout.portal-nav-side-show-lg.nav-side-mini .navbar-vertical-aside {
        width: 5.25rem;
    }
    .portal-layout.portal-nav-side-show-lg .navbar:not(.navbar-vertical-aside) .navbar-brand-wrapper ,
    /*.portal-layout.portal-nav-side-show-lg.nav-side-mini .nav-side-mini-hide ,*/
    .portal-layout.portal-nav-side-show-lg.nav-side-mini .navbar-vertical-aside .navbar-brand-logo,
    .portal-layout.portal-nav-side-show-lg .nav-side-overlay,
    .portal-layout.portal-nav-side-show-lg .nav-side-toggle,
    .portal-layout.portal-nav-side-show-lg.nav-side-mini .navbar-vertical-aside .nav-subtitle,
    .portal-layout.portal-nav-side-show-lg.nav-side-mini .navbar-vertical-footer {
        display: none;
    }
    .portal-layout.portal-nav-side-show-lg.nav-side-mini .navbar-vertical-aside .navbar-brand-logo-mini,
    .portal-layout.portal-nav-side-show-lg.nav-side-mini .navbar-vertical-aside .nav-subtitle-replacer,
    .portal-layout.portal-nav-side-show-lg.nav-side-mini .nav-footer-item {
        display: block;
    }
    .portal-layout.portal-nav-side-show-lg.nav-side-mini .navbar-vertical-aside .nav {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .portal-layout .portal-nav-side-show-lg.nav-side-mini .navbar-vertical-aside .nav .nav {
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media (max-width:1199.98px) {
    .portal-layout.portal-nav-side-show-xl .navbar-brand-logo-mini {
        display: none;
    }
    .portal-layout.portal-nav-side-show-xl.portal-nav-side .nav-wrap-content-left {
        display: -ms-flexbox;
        display: flex;
    }
    .portal-layout.portal-nav-side-show-xl.portal-nav-side-closed .navbar-vertical-aside {
        margin-left: -100%;
    }
    .nav-vertical-side-toggle {
        padding-bottom: 2.5rem;
        padding-left: 1.5rem;
        height: 45px;
    }
}

@media (min-width:1200px) {
    .portal-layout .navbar-fixed-xl {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 99;
    }
    .portal-layout .navbar-fixed-xl ~ .main {
        padding-top: 3.75rem;
    }
    .portal-layout.portal-nav-side-show-xl .main {
        padding-left: 16.25rem;
    }
    .portal-layout.portal-nav-side-show-xl .footer,
    .portal-layout.portal-nav-side-show-xl:not(.portal-nav-side-closed) .navbar:not(.navbar-vertical) {
        margin-left: 16.25rem;
    }
    .portal-layout.portal-nav-side-show-xl .navbar-vertical-aside {
        margin-left: 0;
    }
    .portal-layout.portal-nav-side-show-xl.nav-side-mini .navbar:not(.navbar-vertical),
    .portal-layout.portal-nav-side-show-xl.nav-side-mini .footer {
        margin-left: 5.25rem;
    }
    .portal-layout.portal-nav-side-show-xl.nav-side-mini .main {
        padding-left: 5.25rem;
    }
    .portal-layout.portal-nav-side-show-xl.nav-side-mini .navbar-vertical-aside {
        width: 5.25rem;
    }
    .portal-layout.portal-nav-side-show-xl .navbar:not(.navbar-vertical-aside) .navbar-brand-wrapper,
    /*.portal-layout.portal-nav-side-show-xl.nav-side-mini .nav-side-mini-hide,*/
    .portal-layout.portal-nav-side-show-xl.nav-side-mini .navbar-vertical-aside .navbar-brand-logo,
    .portal-layout.portal-nav-side-show-xl .nav-side-overlay,
    .portal-layout.portal-nav-side-show-xl.nav-side-mini .navbar-vertical-aside .nav-subtitle ,
    .portal-layout.portal-nav-side-show-xl.nav-side-mini .navbar-vertical-footer {
        display: none !important;
    }
    .portal-layout.portal-nav-side-show-xl.nav-side-mini .navbar-vertical-aside .nav-subtitle-replacer,
    .portal-layout.portal-nav-side-show-xl.nav-side-mini .navbar-vertical-aside .navbar-brand-logo-mini,
    .portal-layout.portal-nav-side-show-xl.nav-side-mini .nav-footer-item {
        display: block;
    }
    .portal-layout .portal-nav-side-show-xl.nav-side-mini .navbar-vertical-aside .nav .nav {
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media (max-width:1399.98px) {
    .portal-layout.portal-nav-side-show-xxl.portal-nav-side .nav-wrap-content-left {
        display: -ms-flexbox;
        display: flex;
    }
    .portal-layout.portal-nav-side-show-xxl.portal-nav-side-closed .navbar-vertical-aside {
        margin-left: -100%;
    }
}

@media (min-width:1400px) {
    .portal-layout .navbar-fixed-xxl {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 99;
    }
    .portal-layout .navbar-fixed-xxl ~ .main {
        padding-top: 3.75rem;
    }
    .portal-layout.portal-nav-side-show-xxl .main {
        padding-left: 16.25rem;
    }
    .portal-layout.portal-nav-side-show-xxl .footer,
    .portal-layout.portal-nav-side-show-xxl .navbar:not(.navbar-vertical) {
        margin-left: 16.25rem;
    }
    .portal-layout.portal-nav-side-show-xxl .navbar-vertical-aside {
        margin-left: 0;
    }
    .portal-layout.portal-nav-side-show-xxl.nav-side-mini .navbar:not(.navbar-vertical),
    .portal-layout.portal-nav-side-show-xxl.nav-side-mini .footer {
        margin-left: 5.25rem;
    }
    .portal-layout.portal-nav-side-show-xxl.nav-side-mini .main {
        padding-left: 5.25rem;
    }
    .portal-layout.portal-nav-side-show-xxl.nav-side-mini .navbar-vertical-aside {
        width: 5.25rem;
    }
    .portal-layout.portal-nav-side-show-xxl .navbar:not(.navbar-vertical-aside) .navbar-brand-wrapper,
    /*.portal-layout.portal-nav-side-show-xxl.nav-side-mini .nav-side-mini-hide,*/
    .portal-layout.portal-nav-side-show-xxl.nav-side-mini .navbar-vertical-aside .navbar-brand-logo,
    .portal-layout.portal-nav-side-show-xxl .nav-side-overlay,
    .portal-layout.portal-nav-side-show-xxl .nav-side-toggle,
    .portal-layout.portal-nav-side-show-xxl.nav-side-mini .navbar-vertical-aside .nav-subtitle ,
    .portal-layout.portal-nav-side-show-xxl.nav-side-mini .navbar-vertical-footer {
        display: none;
    }
    .portal-layout.portal-nav-side-show-xxl.nav-side-mini .nav-footer-item ,
    .portal-layout.portal-nav-side-show-xxl.nav-side-mini .navbar-vertical-aside .navbar-brand-logo-mini ,
    .portal-layout.portal-nav-side-show-xxl.nav-side-mini .navbar-vertical-aside .nav-subtitle-replacer {
        display: block;
    }
    .portal-layout.portal-nav-side-show-xxl.nav-side-mini .navbar-vertical-aside .nav {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .portal-layout .portal-nav-side-show-xxl.nav-side-mini .navbar-vertical-aside .nav .nav {
        padding-top: 0;
        padding-bottom: 0;
    }
    .portal-layout .portal-nav-side-show-xxl.nav-side-mini .navbar-vertical-aside .nav .nav {
        padding-top: 0;
        padding-bottom: 0;
    }
}



.aside-container{
    height: 100%;
    width: auto;
}
.portal-layout.nav-side-mini .aside-container:hover .navbar-vertical-aside {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
    width: 16.25rem;
    overflow-y:auto;
}
.test{

}