.side_menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 80%;
    height: 100%;
    z-index: 900;
    right: 0%;
}

.side_menu>div .icon>i {
    background-color: #252930;
    color: #d8dee3;
}
.side_menu>div .icon>.menu_text {
    background-color: #353c48;
    color: #d8dee3;
}
/* ** */
.side_menu>div .icon {
    width: 200px;
    line-height: 35px;
    font-size: 20px;
    text-align: center;
    left: -200px;
    position: relative;
    -webkit-transition: 0.25s linear all;
    -moz-transition: 0.25s linear all;
    -ms-transition: 0.25s linear all;
    -o-transition: 0.25s linear all;
    transition: 0.25s linear all;
    cursor: pointer;
    z-index: 998;
}

.side_menu>div .icon>i {
    width: 40px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    float: left;
    /* position: absolute; */
    /* left: 0px; */
    margin-bottom: 1px;
}

.side_menu>div .icon>.menu_text {
    width: 160px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    float: right;
    text-align: center;
    z-index: 996;
    position: relative;
    margin-bottom: 1px;
}

.side_menu>div .icon:not(:hover) {
    left: -40px;
    display: block;
}
.side_menu>div {
    position: relative;
    /* right: -100%; */
    -webkit-transition: 0.25s linear all;
    -moz-transition: 0.25s linear all;
    -ms-transition: 0.25s linear all;
    -o-transition: 0.25s linear all;
    transition: 0.25s linear all;
}

.logged-in .side_menu {
    top: 32px;
}
.side_menu>div .menu {
    position: fixed;
    width: 80%;
    height: 100%;
    top: 0%;
    right: 0%;
    -webkit-transition: 0.25s linear all;
    -moz-transition: 0.25s linear all;
    -ms-transition: 0.25s linear all;
    -o-transition: 0.25s linear all;
    transition: 0.25s linear all;
    z-index: 998;
    border-left: 1px solid #46536b;
    text-align: center;
}
.logged-in .side_menu>div .menu{
    top: 32px;
}
.side_menu>div .menu {
    background-color: #252930;
    height: 100%;
    overflow-y: auto;
}
.side_menu>div:not(.active) .menu {
    right: -80%;
}

.side_menu .active {
    /* right: -20%; */
}
.side_menu.iactive>:not(.active) {
    z-index: 996;
    right: 0%;
}
.side_menu ul {
    padding: 10px 15px;
    list-style: none;
}
.side_menu ul li a, button,.button {
    padding: 15px 10px;
    display: block;
    text-align: center;
    border: 1px solid rgba(216, 222, 227, 0.41);
    margin: 5px 10px;
    color: #d8dee3;
    -webkit-transition: 0.25s linear all;
    -moz-transition: 0.25s linear all;
    -ms-transition: 0.25s linear all;
    -o-transition: 0.25s linear all;
    transition: 0.25s linear all;
}

.side_menu ul li a:hover, 
.side_menu ul li.current-menu-item a, 
.side_menu ul li a.active,
button:hover,
.button:hover {color: #d8dee3;text-decoration: none;background-color: #353c48;}

.side_menu ul li {
    max-width: 300px;
    display: inline-block;
    min-width: 250px;
}
a.social-facebook:hover {
    background-color: #3B5998 !important;
}
a.social-twitter:hover{
    background-color: #1DA1F2 !important;
}
a.social-github:hover{
    background-color: #000000 !important;
}
a.social-youtube:hover{
    background-color: #e62117 !important;
}
a.social-googleplus:hover{
    background-color: #DB4437 !important;
}
a.social-instagram:hover{
    background-color: #EF646F !important;
}
a.social-pinterest:hover{
    background-color:#BD081C !important;
}
a.social-quora:hover{
    background-color:#A82400 !important;
}
a.social-steam:hover{
    background-color:#000000 !important;
}
a.social-twitch:hover{
    background-color:#6441A5 !important;
}
a.social-reddit:hover{
    background-color:#FF4500 !important;
}
a.social-stumbleupon:hover{
    background-color:#EB4924 !important;
}
a.social-digg:hover{
    background-color:#101010 !important;
}
a.social-linkedin:hover{
    background-color:#0177B5 !important;
}
a.social-delicious:hover{
    background-color:#3399FF !important;
}
@media screen and (min-width: 601px){
	.logged-in .side_menu ul {
	    padding-bottom: 32px;
	}
}
@media screen and (max-width: 782px)
{
	#wpadminbar {
	    position: fixed;
	    top: 0px !important;
	}
	.logged-in .side_menu {
	    top: 46px;
	}
	.logged-in .side_menu>div .menu {
    	top: 46px;
    }
    
	.logged-in .side_menu ul {
	    padding-bottom: 46px;
	}
}
.side_menu ul.help {
    color: #d8dee3;
}

.side_menu ul.help li.full-line {
    width: 100%;
    max-width: 100%;
}

.side_menu ul.help li h3 {
    margin-top: 0px;
   	margin-bottom: 5px;

}
.side_menu ul.help li.help-tip {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    margin-bottom: 1px;
}
.side_menu>.active>.icon>i {
    background-color: #46536b !important;
}

.side_menu>div>.icon>i {
    transition: 0.25s linear all;
}
.side_menu.iactive {
    z-index: 999;
    transition: 0.25s linear all;
}
.side_menu:not(.iactive) {
    right: -80%;
}
.side_menu.iactive>div:not(.active) .menu {
    right: -100%;
}
.side_menu>.active {
    transition: 0.25s linear all;
}
.side_menu .mini_overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 990 !important;
    background-color: rgba(37, 41, 48, 0.5);
    right: initial !important;
    -webkit-transition: 0.25s linear all;
    -moz-transition: 0.25s linear all;
    -ms-transition: 0.25s linear all;
    -o-transition: 0.25s linear all;
    transition: 0.25s linear all;
    left: 0%;
}

.side_menu:not(.iactive) .mini_overlay {
    transition: 0.25s linear all;
    left: -100%;
}
.extra_overlay {
    position: absolute !important;
    width: 100%;
    height: 100%;
    z-index: 998 !important;
    background-color: #46536b;
}

.side_menu>div .menu.help {
    text-align: left;
}
@media screen and (max-width:785px)
{
	.container {
		padding-right: 40px !important;
	}
}
.help.menu h3 {
    color: #d8dee3;
    margin-top: 5px;
    margin-bottom: 0px;
}
.side_menu h3 {
    color: #d8dee3;
}