#ninjabar { 
	height: 40px; 
	position: fixed; 
	width: 100%; 
	z-index: 9001;
	text-align: center; }



#ninjabar-text-sm,
#ninjabar-text {
	color: #fff;
	line-height: 37px;
	display: inline-block;
	margin-right: 10px; }

#ninjabar-text-sm { 
	display: none; }

#ninjabar-link {
	display: inline-block;
	position: relative;
	color: #fff !important; }

#ninjabar-link > a {
	display: inline-block;
	padding: 4px 8px;
	margin-top: 4px;
	border-radius: 4px; }

#ninjabar-hide,
#ninjabar-show {
	background-repeat: no-repeat;
	background-size: 30px;
	background-position: center;
	position: fixed;
	cursor: pointer;
	top: 0px;
	right: 0px;
	width: 40px;
	height: 40px;
	z-index: 9999999; }

#ninjabar-show {
	background-image: url('imgs/close-icon.png'); }

#ninjabar-hide {
	background-image: url('imgs/info-icon.png'); }

.ninjabar-hidden { top: 0 !important; }
.ninjabar-active { top: 40px !important; }

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

	#ninjabar-text-sm,
	#ninjabar-text {
		font-size: 11px !important; }

	#ninjabar-link > a {
		font-size: 12px !important;
		padding: 4px !important; }

} /* max-width: 500px */