#title{
	display:inline-block !important;
	top :10px;
	background:rgba(6, 25, 57, 0.85);
	color:#fff;
	width:280px;
	padding:10px;
	border-color:#3e5a87;
	cursor:pointer;

	background:linear-gradient( 90deg, rgba(5, 23, 52, 0.85) 0%, rgba(74, 106, 160, 0.85) 100% )

	background: -webkit-linear-gradient( 90deg, rgba(5, 23, 52, 0.85) 0%, rgba(74, 106, 160, 0.85) 100% );
	background:    -moz-linear-gradient( 90deg, rgba(5, 23, 52, 0.85) 0%, rgba(74, 106, 160, 0.85) 100% );
	background:      -o-linear-gradient( 90deg, rgba(5, 23, 52, 0.85) 0%, rgba(74, 106, 160, 0.85) 100% );
	background:         linear-gradient( 90deg, rgba(5, 23, 52, 0.85) 0%, rgba(74, 106, 160, 0.85) 100% );
}

#title .logo{
	display:inline-block;
	margin-right:5px;
}

#title .logo img{
	width :48px;
	height:48px;
	vertical-align:bottom;
}

#title .content{
	display:inline-block;
	font-size:38px;
	vertical-align:bottom;
}

#title .divider{
	font-size:35px;
	font-family:sans-serif;
	color:#9ca7ba;
}

#title .sub-title{
	font-size:28px;
	color:#ffebd0;
}

#title .version{
	font-family:'Ropa Sans', sans-serif;
	position:absolute;
	bottom:2px;
	right:4px;
	font-size:10px;
	color:rgba(255,255,255,0.9);
}

#title .beta{
	font-family:monospace;
	font-size:16px;
	position:absolute;
	top:10px;
	right:9px;
	transform:rotate(20deg);
	color:#ffd5b7;
}

#title .info-icon{
	position:absolute;
	bottom:1px;
	right :3px;
	color:rgba(255,255,255,0.5);
}

#title:hover .info-icon{
	color:#b0ecff;
}