.side-menu {
    /*position: fixed;*/
    width: 250px;
    padding: 0;
    z-index: 1020;
    border: 1px solid #f5f5f5;
    border-radius: 8px;
    box-shadow: 0px 1px 2px #ccc;
    background-color: #fff;
}
.side-menu > .container {
    width: 100%;
    padding: 0;
}
.side-menu > .container > .navbar-collapse {
    padding: 0;
    display: block;
}
.side-menu .navbar {
    width: 100%;
    background: #ffffff;
    padding: 10px 15px;
    margin: 0;
    border: 0;
    border-radius: 4px;
}
.side-menu .dropdown-toggle::after {
    display:none;
}
.side-menu .navbar li {
    font-size: 14px;
    width: 100%;
}
.side-menu .navbar li a > .oi {
    font-size: 10px;
    margin: 0 10px 0 0;
}
.side-menu .navbar li a:hover .oi {
    font-size: 10px;
    margin: 0 6px 0 4px;
}
.side-menu .navbar li > a {
    text-decoration: none;
    line-height: 28px;
    padding-left: 0;
    padding-right: 0;
    display: block;
    font-size: 16px;
}
.side-menu .navbar > li.dropdown {
    margin-bottom: 12px;
    width: 100%;
}
.side-menu .navbar > li > a.dropdown-toggle {
    text-decoration: none;
    text-transform: none;
    border-left: 1px #ccc dashed;
    padding: 3px 5px;
    font-weight: 600;
}
.side-menu .navbar > li > a.dropdown-toggle .caret {
    display: none;
}
.side-menu .navbar > li > a.dropdown-toggle:hover {
    background: #f5f5f5 !important;
    width: 100%;
}
.side-menu .navbar a {
    background: transparent !important;
    color: #000000;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
}
.side-menu .navbar a:not(.dropdown-toggle) {
    outline: 0;
}
.side-menu .navbar a:not(.dropdown-toggle):hover {
    color: #328CC1;
}
.side-menu .navbar a:not(.dropdown-toggle):before {
    position: absolute;
    left: 5px;
    -webkit-text-stroke: 2px #328CC1;
}
.side-menu .navbar a:not(.dropdown-toggle):hover:before {
    margin-left: 5px;
}
.side-menu .navbar li.active a {
    color: #328CC1;
}
.side-menu .dropdown-menu {
    width: 100%;
    display: none !important;
    position: relative;
    float: none;
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
    margin-top: 1px;
    margin-left: 10px;
}
.side-menu .dropdown-menu > li > a {
    white-space: normal;
}
.side-menu .dropdown-menu > li > a > span {
    color: #328cc1;
}
.side-menu .forced-open .dropdown-menu {
    width: 100%;
    display: block !important;
}
.side-menu.open .navbar > li > a.dropdown-toggle:hover {
    background: transparent !important;
    cursor: default;
}
.side-menu.open .dropdown-menu {
    display: block !important;
}
.side-menu .navbar-toggle .icon-bar {
    border: 1px #ffffff solid;
}
.side-menu .navbar-toggle .icon-bar:nth-child(2),
.side-menu .navbar-toggle .icon-bar:nth-child(3) {
    transition: all 0.5s;
}
.side-menu .navbar-toggle .icon-bar:nth-child(4) {
    transition: opacity 0.33333333s ease-in;
    transition-delay: 0.16666667s;
    opacity: 1;
}
.side-menu .navbar-toggle:hover {
    opacity: 0.9;
}
.side-menu .navbar-toggle[aria-expanded=true] .icon-bar:nth-child(2) {
    transform: rotate(45deg) translate(0, 8.55634919px);
}
.side-menu .navbar-toggle[aria-expanded=true] .icon-bar:nth-child(3) {
    transform: rotate(-45deg) translate(-4.44365081px, -4.44365081px);
}
.side-menu .navbar-toggle[aria-expanded=true] .icon-bar:nth-child(4) {
    transition: opacity 0s;
    transition-delay: 0s;
    opacity: 0;
}
@media (max-width: 1023px) {
    .side-menu .navbar-toggle {
        display: block;
        position: fixed;
        z-index: 1040;
        left: 10px;
        top: 4px;
    }
    .side-menu .navbar-collapse {
        position: fixed;
        z-index: 1030;
        top: 60px;
        bottom: 0;
        margin-left: -15px;
        width: 250px;
        height: auto !important;
        border: 0 !important;
        transition: all 0.5s;
    }
    .side-menu .navbar-collapse[aria-expanded=true] {
        margin-left: 250px;
    }
    .side-menu .navbar-collapse .navbar {
        height: 100%;
        background: #0B3C5D;
        border-radius: 0 !important;
        border-top: 1px solid #0e4b74;
        overflow-y: auto;
    }
    .side-menu .navbar-collapse .navbar a {
        color: #f5f5f5;
    }
    .side-menu .navbar-collapse .navbar > li > a.dropdown-toggle:hover {
        background: #0e4b74 !important;
    }
    .side-menu .navbar-collapse .navbar li.active a {
        color: #F7B733;
    }
    .side-menu.open .navbar > li > a.dropdown-toggle:hover {
        background: transparent !important;
        cursor: default;
    }
}
@media (max-width: 767px) {
    .side-menu .navbar-collapse .navbar {
        padding-left: 25px;
    }
    .side-menu .navbar-toggle {
        left: 0;
    }
}
@media (max-width: 1023px) {
    .side-menu-open {
        overflow: hidden;
    }
}