/* your custom style here */


body {
    background-color: #2d342c;
    background: url('../default_images/radio.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



#header_login {
    background: url('../default_images/logo.png'), url('../default_images/shadow.png');
    background-repeat: no-repeat, no-repeat;
    background-size: auto 120px, 100% calc(100% - 10px);

	border-radius: 0px, 5%;
	height:150px;
	width:auto;
    background-position: center center;
    margin-left: 15px;
    margin-right: 15px;
    
}

.boomtext {
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 4px;
    color: #f2f8f2 !important;
    background: rgba(0, 0, 0, 0.46);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.13), 0 0 0 1px rgba(255, 255, 255, 0.03), 0 1px 3px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.13), 0 0 0 1px rgba(255, 255, 255, 0.03), 0 1px 3px rgba(0, 0, 0, 0.5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.13), 0 0 0 1px rgba(255, 255, 255, 0.03), 0 1px 3px rgba(0, 0, 0, 0.5) inset;
    	width:100%;
	padding:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:none;
	font-size:22px;
}


.forgpass {
  margin-right: 2px;
}

.floated {
   float:left;
   margin-right:5px;
}

#container_login {
	 border-radius:10px;
}

.background_login {background:rgba(0, 0, 0, 0.43);}

.login_form {
	width:100%;
	height:auto;
	margin:0 auto;
}

#content_login_right {
	width:46%;
	float:right;
	height:auto;
	min-width:210px;
	max-width:320px;
}

#content_login_left {
	width:46%;
	float:left;
	min-width:210px;
	max-width:320px;
}

#content_login {
	max-width:95%;
	height:auto;
	margin:0 auto;
	padding-top:5px;
}



@media screen and (max-width:360px){
	#container_login {
		width:100%;
		height:100%;
		min-width:280px;
		z-index:15;
		top:0;
		left:0;
		margin:0 auto;
		padding:0;
		box-shadow:none;
		border:none;
	}
}
@media screen and (max-height:360px){
	#container_login {
		width:100%;
		height:100%;
		z-index:15;
		top:0;
		left:0;
		margin:0 auto;
		padding:0;
		box-shadow:none;
		border:none;
	}
}

@media screen and (max-width:1024px){
	#container_chat {
		border-radius:0px;
	}

}
@media screen and (max-width:480px){
	.private_friend .hide_private_title {
		display:none;
	}	
	/*#header {
		height:30px;
	}*/
}
@media screen and (max-width:660px){
	#container_login {
		width:100%;
		max-width:100%;
		margin:0 auto;
		top:0;
		left:0;
		min-height:100%;
		height:auto;
		padding:0;
		padding-bottom:50px;
		border:none;
	}
	#content_login {
		width:86%;
		max-width:320px;
	}
	#content_login_right, #content_login_left{
		width:100%;
		float:none;
		margin:0 auto;
		display:block;
	}
	#login_welcome {
		margin-top:30px;
	}
}

@media screen and (max-height:360px){
	#container_login {
		width:100%;
		max-width:100%;
		margin:0 auto;
		top:0;
		left:0;
		min-height:100%;
		height:auto;
		padding:0;
		padding-bottom:50px;
		border:none;
	}
	#content_login {
		width:86%;
		max-width:320px;
	}
	#content_login_right, #content_login_left {
		width:100%;
		float:none;
		margin:0 auto;
		display:block;
	}
	#login_welcome {
		margin-top:30px;
	}
}



/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
	border-radius: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #888; 
	border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}