#befsideMenu{
    height: 50px; 
    top: 50px; 
    background: #444444; 
    color:#c9c986;
    text-align: center;
    line-height: 50px;
    margin-bottom: 0px;
    
             background:
    radial-gradient(black 15%, transparent 16%) 0 0,
    radial-gradient(black 15%, transparent 16%) 8px 8px,
    radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
    radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
    background-color:#282828;
    background-size:3px 3px;
}




.wrapper .sidebar .profile{
    margin-bottom: 60px;
    text-align: center;
}

.wrapper .sidebar .profile img{
    display: block;
    width: 141px;
    height: 36px;


}

.wrapper .sidebar .profile h3{
    color: #ffffff;
    margin: 10px 0 5px;
}

.wrapper .sidebar .profile p{
    color: rgb(206, 240, 253);
    font-size: 14px;
}



.wrapper .sidebar ul li a .icon{
    color: #dee4ec;
    width: 30px;
    display: inline-block;
}


.wrapper .hamburger a{
    color: #2a8db7;

}





.wrapper .sidebar ul li a:hover:before,
.wrapper .sidebar ul li a.active:before{
    display: block;
}

.wrapper .section{
    width: calc(100% - 225px);
    margin-right: 225px;
    transition: all 0.5s ease;
}

.wrapper .section .top_navbar{
    background: #444444;
    height: 50px;
    display: flex;
    align-items: center;
    padding-right: 10px;

        background:
    radial-gradient(black 15%, transparent 16%) 0 0,
    radial-gradient(black 15%, transparent 16%) 8px 8px,
    radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
    radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
    background-color:#282828;
    background-size:3px 3px;
}

.head_top_navbar{
    background: #444444;
    height: 50px;
    display: flex;
    align-items: center;
    padding-right: 10px;


    background:
    radial-gradient(black 15%, transparent 16%) 0 0,
    radial-gradient(black 15%, transparent 16%) 8px 8px,
    radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
    radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
    background-color:#282828;
    background-size:3px 3px;

}



.wrapper .section .top_navbar .hamburger a:hover{
    color: #a2ecff;
}





.navbar-nav {
    float: right;
    margin: 0;
    display: flex;
}

ul.msg_list li a .message {
    display: block !important;
    font-size: 11px;
}
.dropdown-menu.msg_list span {
    white-space: normal;
}

.top-nav .dropdown a i {
    font-size: 1.2em;
    color: inherit;
}
.top-nav .dropdown a {
    margin: 0;
    padding: 0;
    display: inline-block;
    padding: 7px 10px;
    color: #0099da;
    text-decoration: none;
    background-color: transparent;
    box-shadow: inset 0 0 0px #fff;
    border: solid 0px #e3e6e8;
    border-top-color: rgb(227, 230, 232);
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: rgb(227, 230, 232);
    border-top-style: solid;
    border-top-width: 1px;
    border-top: 0;
}

.top-nav .dropdown {
    display: inline-block;
    margin-left: 0px;
    z-index: 1001;
    vertical-align: top;
}

.wrapper .sidebar{
    background: #0B668D;
    position: absolute;
    top: 50px;
    right: 0;
    width: 225px;
    height: 100%;
    padding-top: 0px ;
    transition: all 0.5s ease;
    

    
}

body.active .wrapper .sidebar{
    right: -225px;
}

body.active .wrapper .section{
    margin-right: 0;
    width: 100%;
}


@media only screen and (max-width: 768px) {




    .wrapper .sidebar{
    right: -225px;
    position: absolute;
    z-index: 1038;
} 

.wrapper .section {
    margin-right: 0;
    width: 100%;
    position: absolute;
}    

body.active .wrapper .sidebar{
    right: 0px;
    position: absolute;
}

body.active .wrapper .section{
    width: 100% ;
    margin-right: 0px;
    transition: all 0.5s ease; 
    position: absolute;
}



}

@media (min-width: 767px){

}