.vertical-layout.vertical-menu-modern.menu-collapsed .navbar.fixed-top, .vertical-layout.vertical-menu-modern.menu-collapsed .navbar.floating-nav {
    left: 0px;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .app-content, .vertical-layout.vertical-menu-modern.menu-collapsed .footer {
    margin-left: 0px;
}

.header-navbar .navbar-container {
    padding: 0.8rem 1rem;
    flex-basis: 100%;
    transition: 300ms ease all;
    margin: auto;
}

@media (max-width: 800px) {
    .container {
        max-width: none;
    }
}

html .navbar-sticky .app-content {
    padding: calc(1rem + 4.45rem) 2rem 0 2rem;
}

.orgchart .node .content {
    margin-left: 0px;
}

.parallax {
    background-image: url(../../img/img-9.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 150px 0;
    margin-top: 70px;
    position: relative;
}


.iti {
    position: relative;
    display: block !important;
}


@media (min-width: 576px) {
    .modal-slide-in .modal-dialog.sidebar-xxl {
      width: 40rem;
    }
}

.card .card-title {
    font-weight: 500;
    font-size: 28px;
    margin-bottom: 1.53rem;
}

.nav-pills .nav-link, .nav-tabs .nav-link {
    display: block;
    align-items: center;
    justify-content: center;
}

.nav-vertical .nav.nav-tabs.nav-right {
    float: right;
    display: table;
    margin-left: 1rem;
    width: 300px;
}

.nav-tabs .nav-link.active {
    color: #ffffff;

    background: linear-gradient(118deg, #7367f0, rgba(115, 103, 240, 0.7));
    box-shadow: 0 0 10px 1px rgb(115 103 240 / 70%);
    border-radius: 4px;
    z-index: 1;
}

.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a svg, .vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a i {
    margin-right: 0.8rem;
    font-size: 11px;
    height: 11px;
    width: 11px;
}

.main-menu.menu-light .navigation > li ul li ul a {
    padding: 10px 15px 10px 35px;
}