﻿@charset "utf-8";
/* CSS Document */
body{
	background-color:#3092c4 !important;
	background-size:cover;
}
#login{
	background: #ffffff none repeat scroll 0 0;
    border-radius: 3px;
    margin: 39% auto 0;
    padding: 12% 3%;
    position: relative;
    text-align: center;
}
input{
	background-color:#eaeaea;
	width:90%;
	
	padding:2% !important;
	border:none;
	color:#5d4d58;
	text-align:center;
	border-radius:3px;
	font-size:16px;
	font-family: 'Open Sans', sans-serif !important; 
}
#login h2{
	color:#5d4d58;
	font-size:28px;
	font-family: 'Open Sans', sans-serif;
	margin-bottom:0;
	font-weight:600;
    margin-bottom: 15px;
}
.submit{
	width:30%;
	background-color:#127da7;
	color:#ffffff!important;
	padding:2%;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	cursor:pointer;
}
#signup{
	background-color: #127da7;
    border: medium none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-family: "Open Sans",sans-serif;
    font-size: 18px;
    font-weight: 300;
    height: 100px;
    margin-left: -50px;
    position: absolute;
    top: -50px;
    width: 100px;
}
#login p, #login p a{
	font-size:16px;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	color:#5d4d58;
	padding-top:5%;
	text-decoration:none;
}
/* responsive */

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) {
	body{
	}
		#signup{
		font-size: 15px;
	}

}
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 
	#signup{
		font-size: 15px;
	}
	}
	
	@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	#signup{
		font-size: 15px;
	}
	 }
	 
	 @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	#signup{
		font-size: 15px;
	}
	}
	
.input-group {
    margin-bottom: 10px;
}


#login_back_button span
{
    height: 30px;
    width: 36px;
    color: #ccc;
    font-size: 21px;
    margin-top: 5px;
}
#login_back_button span:hover
{
    cursor: pointer;
}