:root {
    --text-menu-color: #a2a5b9;
    --text-menu-hover-color: #283252
}

body {
    position: relative;
}

ul {
    padding: 0;
    margin: 0;
}

svg {
    vertical-align: middle !important;
}

* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none !important;
    color: inherit;
}

ul {
    list-style-type: none;
}

/*.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
    float: right;
}*/

/*---------------------Side-Nav--------------------*/
.navigation-menu {
    right: 0;
    font-size: 15px;
}

.menu-site {
    padding-top: 2px;
    /* transform: translateX(380px); */
    background-color: #fff;
    width: 58px;
    overflow: hidden;
    position: absolute;
    border: 1px solid #e2e2f1;
    transition: all .3s ease;
    z-index: 1;
    bottom: 0;
    right: 0;
    top: 0;
}

    .menu-site.open {
        transform: translateX(0);
        width: 365px;
        z-index: 99;
    }

        .menu-site.open .menu-rc {
            overflow-y: auto;
        }

.menu-rc {
    overflow-x: hidden;
    /* overflow-y: hidden; */
    height: 100%;
    width: 362px;
}

.navigation-menu {
    right: 0;
}

.quick-access-menu > li {
    position: relative;
    /* padding-top: 55px; */
}

.menu-list-items {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.list-nav {
    padding: 0 75px 0 20px;
}

    .list-nav > li {
        padding: 0 !important;
    }

        .list-nav > li > a {
            padding: 17px 0 !important;
            border-top: 1px solid #eaeaea;
        }

    .list-nav li > a, .list-nav li > a:not([href]):not([class]) {
        width: 91%;
        font-size: .9em;
        padding: 7px 21px;
        cursor: pointer;
        display: inline-block;
        margin-right: 21px;
        width: calc(100% - 5px) !important;
        color: var(--text-menu-color);
    }

.dropdown-container {
    display: flex;
    flex-direction: column;
    display: none;
}

.dropdown-btn {
    position: relative;
}

.nav-icon {
    margin: 0;
    width: 20px;
    cursor: pointer;
}

.quick-access-menu > li > a {
    width: 100%;
    font-size: .9em;
    padding: 11px 17px;
    display: inline-block;
    color: var(--text-menu-color);
}

.quick-access-menu > li > a {
    display: flex;
    padding-right: 30px;
    align-items: center;
}


.quick-access-menu > li > .main-menu-item {
    position: absolute;
    top: 0;
    right: 0;
    z-index:999
}

.menu-site:after {
    content: "";
    position: absolute;
    background-color: #f9f9f9;
    width: 58px;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    z-index: -1;
}

.list-nav.quick-access > li > .dropdown-btn {
    margin-bottom: 0;
    margin-right: 64px;
    width: calc(100% - 70px) !important;
}

.nav-icon.closed:before {
    transform: translateY(3px) translateX(-2px) rotate( 45deg );
    width: 17px;
}

.nav-icon:after, .nav-icon:before, .nav-icon div {
    background-color: #41b883;
    border-radius: 3px;
    content: "";
    display: block;
    height: 3px;
    margin: 5px 0;
    transition: all 0.2s ease-in-out;
}

.nav-icon div {
    width: 15px;
}

.nav-icon.closed:after {
    transform: translateY(-3px) translateX(-2px) rotate( -45deg );
    width: 17px;
}

.nav-icon.closed div {
    opacity: 0;
}
/*---------------------Side-Nav--------------------*/


/*}*/