aside {
    display: block;
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI5NyUiIHN0b3AtY29sb3I9IiMzYTM2MzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmEyNzI1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(left, #ffffff 93%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(93%, #ffffff), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(left, #ffffff 93%, #ffffff 100%);
    background: -o-linear-gradient(left, #ffffff 93%, #ffffff 100%);
    background: -ms-linear-gradient(left, #ffffff 93%, #ffffff 100%);
    background: linear-gradient(to right, #ffffff 93%, #ffffff 100%);
    min-height: 100%
}
nav ul li a {
    color:#3995d2;
} 

nav ul li a:hover{
    color: #97c666
}
@media (max-width:1299px) {
    .smart-rtl nav ul li .active{
        background-color: rgb(244, 244, 244);
        border-radius: 5px;
        box-shadow: 0px 0px 5px 1px rgba(0, 170, 28, 0.6);
        -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 170, 28, 0.6);
        -moz-box-shadow: 0px 0px 5px 1px rgba(0, 170, 28, 0.6);
        max-width: 6rem !important;
        min-width: 6rem !important;
        min-height: 5rem !important;
        display: flex;
        align-items: center;
        justify-content: center;

      }

    }
    .smart-rtl nav ul li {
        margin-bottom: 0.1rem;
        border-radius: 5px;
        animation-name: stretch;
    }




nav ul .active > a{
    position: relative;
    color: #97c666  !important
}

.login-info a :hover {
    color: #97c666;
    
}
.login-info span :hover {
    color: #97c666;
    
}
.login-info a {
    text-decoration: none !important;
    color: #97c666;
    display: inline-block;
    margin-top: 6px;
}



.smart-rtl img.online{
    border-right: 0px !important;
}

#logo img{
    width: 141px;
    margin:-8px
}

.s-alert-info {
    background: #3a3633;
    color: white;
    width: 258px;
    border: none
    }