html, body { height: 100%; }

.navmenu, .navbar-offcanvas { width: 251px; z-index: 1032; display: none;  }
.navmenu-default, .navbar-default .navbar-offcanvas { background: #222; }
.navmenu-fixed-left, .navbar-offcanvas.navmenu-fixed-left { border-right: none;}

.navmenu-nav { padding: 0; }
.navmenu-nav li { border-bottom: 1px solid #282828;}
.navmenu-nav .usericon p { line-height: 65px; color: #fff; margin: 0; }
.navmenu-nav .usericon p span { float: left; width: 43px; height: 43px; margin: 10px; border-radius: 43px; overflow: hidden; border: 1px solid #ba0b0b; background: #ba0b0b; }
.navmenu-nav .close_menu { position: absolute; top: 12px; right: 0; height: 41px; line-height: 41px; padding: 0 8px; background: #5a5a5a; border-radius: 5px 0 0 5px; color: #fff; font-size: 12px; cursor: pointer; z-index: 1050; 
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
	}
.rtl .navmenu-nav .close_menu { left: 0; right: auto; border-radius: 0 5px 5px 0;}

.navmenu-nav .close_menu:hover { background: #bb1010; }
.navmenu-nav .searchbox { position: relative; height: 42px; }
.navmenu-nav .searchbox:hover { background-color: #bb1010; cursor: pointer;}
.navmenu-nav .searchbox span { position: absolute; top: 10px; left: 18px; width: 24px; height: 24px; font-size: 20px; color: #fff;}
.navmenu-nav .searchbox .form-control { color: #fff; background: none; border: none; border-radius: 0; padding: 0 15px 0 55px; font-size: 1em; height: 42px; line-height: 42px; cursor: pointer; box-shadow: none; -webkit-box-shadow: none;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
	}
.navmenu-nav .searchbox .form-control:focus { cursor: default; }
.navmenu-nav .searchbox .form-control::-webkit-input-placeholder { color: #fff; }
.navmenu-nav .searchbox .form-control:-moz-placeholder { color: #fff; }
.navmenu-nav .searchbox .form-control::-moz-placeholder { color: #fff; }
.navmenu-nav .searchbox .form-control:-ms-input-placeholder { color: #fff; }
.navmenu-nav .searchbox .form-control:focus::-webkit-input-placeholder { color: #666; }
.navmenu-nav .searchbox .form-control:focus:-moz-placeholder { color: #666; }
.navmenu-nav .searchbox .form-control:focus::-moz-placeholder { color: #666; }
.navmenu-nav .searchbox .form-control:focus:-ms-input-placeholder { color: #666; }
.navmenu-nav .searchbox .form-control:focus { box-shadow: none; -webkit-box-shadow: none; background: #000;}

.navmenu-default .navmenu-nav>li a b { font-weight: normal; }
.navmenu-default .navmenu-nav>li .navicon { margin-right: 15px; }
.navmenu-default .navmenu-nav>li>a, .navbar-default .navbar-offcanvas .navmenu-nav>li>a { color: #fff; font-size: 16px; }
.navmenu-default .navmenu-nav>li>a:hover, .navbar-default .navbar-offcanvas .navmenu-nav>li>a:hover, 
.navmenu-default .navmenu-nav>li>a:focus, .navbar-default .navbar-offcanvas .navmenu-nav>li>a:focus { color: #fff; background: #bb1010; }
.navmenu-nav .btn { background: none; border: none; border-radius: 0; color: #fff; outline: 0; font-size: 20px; text-align: center; padding: 7px 14px; }
.navmenu-nav .input-group .form-control { background: none; border: none; border-radius: 0; font-size: 16px; color: #fff; padding: 2px 0; height: 42px; line-height: 42px; }
.navmenu-nav .input-group .form-control:focus { background: #000;}

.navmenu-nav .score_rank { background: #0e0e0e; }
.navmenu-nav .score_rank p { float: left; width: 125px; padding: 15px 0; text-align: center; color: #fff; font-size: 0.875em; border-left: 1px solid #222; margin: 0;}
.navmenu-nav .score_rank p:first-child { border: none; }
.navmenu-nav .score_rank p b { margin-bottom: 5px; font-weight: normal; display: block; }
.navmenu-nav .score_rank p span.icon { color: #fad655; font-size: 1.25em; line-height: 24px; background: url(../img/leftmenu_icons.png) no-repeat left top; padding: 0 0 0 26px; }
.navmenu-nav .score_rank p span.icon.icon1 { background-position: 0 0; }
.navmenu-nav .score_rank p span.icon.icon2 { background-position: 0 -24px; }

.navmenu-nav li.last { border-top: 1px solid #282828; position: absolute; left: 0; bottom: 0; width: 251px; }
.navmenu-nav li.last .glyphicon { width: 24px; margin-right: 15px; text-align: center;}


.navbar { display: block; text-align: center; }


/*.container { max-width: 100%; }*/

@media (min-width: 1px) {
/*
.navbar-toggle {
    display: block !important;
  }
*/  
}

@media (min-width: 768px) {
.navbar-toggle { display: none; }	
.offcanvas-sm.in { display: none; }
}

@media (min-width: 992px) {
.navmenu { display: none; }
}