@import url(https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);
body {  padding-top: 15px;   padding-left: 65px;}
a, a:focus{ outline:0;}
.navbar-twitch {position: fixed;	top: 0px; left: 0px;width: 60px;/*50px;*/ height: 95%;/*100%;*/ border-radius: 0px; border: 0px; z-index: 1030; overflow-y:auto;}
.navbar-twitch.open {width: 215px;}
.navbar-twitch > .container {	padding: 0px;	width: 100%;}
.navbar-twitch .navbar-header,
.navbar-twitch .navbar-brand {	float: none;	display: block;
	width: 100%;	margin: 0px; text-align:right;	padding:13px 10px 0 0; margin-bottom:10px;}

.navbar-twitch .navbar-header {border-bottom: 1px solid #3d4957;}
.navbar-twitch .navbar-brand {/*height: 30px;*/ display:inline-block;}
.navbar-twitch .navbar-brand a img { display:inline-block; margin:10px; float:right;  opacity:inherit;}
.navbar-twitch > .container .navbar-brand {	padding: 0px;	margin: 0px;}
.navbar-twitch > .container .navbar-brand > .small-nav {	display: block;}

.navbar-twitch > .container .navbar-brand > .full-nav-logo {display:none;}
.navbar-twitch.open > .container .navbar-brand > .full-nav-logo {display:block; width:100%; text-align:center; margin-top: -8px;}
.navbar-twitch.open > .container .navbar-brand > .full-nav-logo img{width:60px; height:60px; }

.navbar-twitch > .container .navbar-brand > .small-nav-logo {display:block;  width:100%; text-align:center;}
.navbar-twitch > .container .navbar-brand > .small-nav-logo img { width:40px; height:40px; margin:2px 5px 0; }
.navbar-twitch.open > .container .navbar-brand > .small-nav-logo {display:none; }

.navbar-twitch > .container .navbar-brand > .small-nav > span.logo,	
{ display: inline-block;	font-weight: bold;	padding: 0 2px 15px 3px;font-size: 18pt;}

.name-admin{ height: 30px}
.name-admin .full-nav{ float:right; }
.navbar-twitch.open .logo { opacity:1 !important; }
.navbar-twitch.open > .container .navbar-brand {	/*width: 100%;*/padding: 0 0 0;  outline:0;}
.navbar-twitch.navbar-inverse > .container .navbar-brand > .small-nav > span.logo {/*color: rgb(255, 255, 255);*/}
.navbar-twitch .navbar-nav > li {float: none;}
.navbar-twitch.open > .container .full-nav { 	display: inline-block;}
.navbar-twitch .navbar-collapse { padding: 0px; }
.navbar-twitch .navbar-nav { float: none; 	margin: 0px; }
.navbar-twitch .navbar-nav > li > a { padding: 0px; }
.navbar-twitch .navbar-nav > li > a > span {display: block;font-size: 14px;	padding: 13px 15px 13px 12px;}
.navbar-twitch .tooltip,.navbar-twitch .tooltip .tooltip-inner {	max-width: auto;	white-space:nowrap;}
.navbar-twitch-toggle {/*position: fixed;*/top: 5px;left: 55px;}
.navbar-twitch ~ .navbar-twitch-toggle > .nav-open {display: inline-block;}
.navbar-twitch ~ .navbar-twitch-toggle > .nav-close {display: none;}
.navbar-twitch.open ~ .navbar-twitch-toggle {	left: 245px;}
.navbar-twitch.open ~ .navbar-twitch-toggle > .nav-open {	display: none;}
.navbar-twitch.open ~ .navbar-twitch-toggle > .nav-close {	display: inline-block;}

.btn-purple,
.btn-purple:hover,
.btn-purple:focus,
.btn-purple:Active { color: rgb(255, 255, 255);
    background-color: rgb(86, 61, 124);
    border-color: rgb(111, 84, 153);}
.btn-purple:hover,
.btn-purple:focus,
.btn-purple:Active {
    background-color: rgb(111, 84, 153);
    border-color: rgb(86, 61, 124); }
.navbar { background-image: none !important;}
.navbar-purple {background-color: rgb(86, 61, 124);
    border-color: rgb(111, 84, 153);}
.navbar-purple .navbar-brand, 
.navbar-purple .navbar-nav > li > a, 
.navbar-purple .navbar-brand:hover, 
.navbar-purple .navbar-nav > li > a:hover, 
.navbar-purple .navbar-brand:focus, 
.navbar-purple .navbar-nav > li > a:focus {
    color: rgb(205, 191, 227);;
}
.navbar-purple .navbar-brand:hover, 
.navbar-purple .navbar-nav > li > a:hover, 
.navbar-purple .navbar-brand:focus, 
.navbar-purple .navbar-nav > li > a:focus,
.navbar-purple .navbar-nav > .active > a, 
.navbar-purple .navbar-nav > .active > a:hover, 
.navbar-purple .navbar-nav > .active > a:focus {
    background-color: rgb(111, 84, 153);
    color: rgb(255, 255, 255);
}