.accordion-wrap {
    min-height: 100%;
    width: 100%;
    border-right: 1px solid #073c5e;
    box-shadow: 2px 3px 8px -3px rgba(0, 0, 0, 0.8);
    background-color: #004f82;
    overflow: visible;
}

.accordion {
    overflow: hidden;
}

.accordion > .wrapper {
    background-color: #073c5e;
    border-bottom: 1px solid rgba(251, 251, 251, 0.12);
    position: relative;
    padding-right: 40px;
    font-size: 16px;
    line-height: 1;
}

.accordion.no-children:not(:first-child) > .wrapper {
    background-color: #004f82;
}

.accordion a,
.accordion a:active,
.accordion a:hover {
    text-decoration: none;
}

.accordion a,
.accordion i {
    color: #e6e6e6;
}

.accordion a {
    overflow: hidden;
    display: block;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    letter-spacing: 0.05rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
}

.accordion i.accordion-event {
    position: absolute;
    font-size: 12px;
    font-weight: 800;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 36px;
    height: 28px;
    padding: 8px;
    border-left: 1px solid transparent;
}

.accordion i.fa-folder {
    padding-right: 5px;
    font-size: 12px;
}

.accordion i.accordion-event:hover {
    color: #fbfbfb;
}

.accordion i.v-hidden {
    display: none;
}

.accordion.active > .wrapper > i.plus,
.accordion > .wrapper > i.minus {
    display: none;
}

.accordion.active > .wrapper > i.minus {
    display: block;
}

.accordion > .accordion.sub > .wrapper > a {
    padding-left: 30px;
}

.accordion > .accordion.sub > .accordion.sub > .wrapper > a {
    padding-left: 50px;
}

.accordion > .accordion.sub > .accordion.sub > .accordion.sub > .wrapper > a {
    padding-left: 70px;
}

.accordion > .accordion.sub > .accordion.sub > .accordion.sub > .accordion.sub > .wrapper > a {
    padding-left: 90px;
}

.accordion > .wrapper:hover {
    border-bottom: 1px solid #005dff;
    background-color: #f8fcf3 !important;
}

.accordion > .wrapper:hover i.accordion-event {
    border-left: 1px solid rgba(13, 101, 55, 0.5);
}

.accordion > .wrapper:hover > i,
.accordion > .wrapper:hover > a,
.accordion > .wrapper:hover > a i {
    color: #073c5e;
}

.accordion > .wrapper > i.plus:hover,
.accordion > .wrapper > i.minus:hover {
    color: #073c5e;
}

@media (max-width: 799px) {
    .accordion a {
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .accordion i.accordion-event {
        height: 43px;
        padding: 16px 12px;
    }
}