@import url("font.css");
body {
	background-image: url(../resources/background-image.jpg);
	background-position: center center;
	/* Background image doesn't tile */
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #333;
	width: 100%;
	height: 100%;
}

.panel-form {   /* confirm */
	min-width: 300px;
	max-width: 40%;
	text-align: center;
	margin: 0px auto;
	width: 40%;
}

.logo { /*confirm  */
	width: 30%;
}

a { /*confirm  */
	font-size: 16px;
	color: #ffca59;
	text-decoration: none !important;
}
a:HOVER {  /*confirm  */
	font-size: 16px;
	color: #666666;
	text-decoration: none !important;
	
}

input[type=radio], input[type=checkbox] {
	display: none;
}

input[type=checkbox]+label:before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	margin-right: 8px;
	background-color: #ffffff;
	box-shadow: #666666;
	border-radius: 4px;
	font-size: 16px;
	font-family: sanRegular;
	height: 15px;
	  border: 1px solid #dfdfdf;
}

input[type=checkbox]:checked+label:before {
	content: "\2714";
	color: white;
	background-color: #666;
	text-align: center;
	line-height: 15px;
	text-shadow: 0px 0px 3px #eee;
	font-size: 16px;
	font-family: sanRegular;
}

.t-input:hover {  /*confirm  */
	border-bottom-color: #00a99d;
}

.t-input:focus {  /*confirm  */
	border-bottom-color: #00a99ad;
}

.t-input {  
    width: 100%;
    background: white;
    border-bottom: 1px solid #dfdfdf;
    border-top: 0px solid #fff;
    border-left: 0px solid #fff;
    border-right: 0px solid #fff;
    border-radius: 3px;
    outline: none;
    height: 40px;
    font-size: 16px;
    font-family: sanMedium;
    background: #ffffff url(../resources/location.png) no-repeat scroll 96% 42%;
    background-size: 8%;
    color: #666666;
    padding-left: 2%;
}

.login_form_bg {
  	background-size: auto auto;
	border: 10px solid #ffffff;
	margin: 0 auto;
	max-width: 25%;
	background-color: #ffffff;
}

.forgot_password_form_bg {
  	background-size: auto auto;
	border: 10px solid #ffffff;
	margin: 0 auto;
	max-width: 25%;
	background-color: #ffffff;
}

.container {
	margin-top: 4.6%;
	text-align: center;
}

.sign-up-title {
	font-size: 15px;
	font-family: sanLight;
	color: #000000;
	text-align: left;
}

.title {
	font-size: 34px;
	font-family: sanLight;
	color: #ffffff;
	text-align: center;
}

.errlabel {
	font-size: 16px;
	color: red;
	font-family: sanRegular;
}

.registertitle {
	color: #ffffff;
    font-size: 18px;
    font-family: sanRegular;
}

.message {
	color: #ffffff;
	font-size: 18px;
}

.message {
    font-size: 16px;
    font-family: sanMedium;
    color: red;
    padding-bottom: 3%;
}

.error {
	font-size: 14px;
	font-family: sanMedium;
	color: red;
}

.form {
 	padding-left: 10%;
	padding-right: 10%;
	padding-top: 10%;
	padding-bottom: 7%;
}


/* buttons */
.custom-btn {
	width: auto;
	background: #00a99d;
	font-weight: bold;
	color: white;
	border: 0 none;
	font-family: sanLight;
	vertical-align: middle;
	border-radius: 15px;
	cursor: pointer;
	margin-top:25px;
	margin-bottom:10px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 20px;
  text-align: center;
}
.custom-btn:hover, #msform .action-button:focus {
	font-family: sanLight;
	vertical-align: middle;
	box-shadow: 0 0 0 2px white, 0 0 0 3px #00cabc;
	background: #00cabc;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 20px;
  text-align: center;
}

/* .btn {
  vertical-align: middle;
  font-family: sanLight;
  font-size: 16px;
  text-align: center;
  border: none;
  margin: 0;
  cursor: pointer;
  overflow: visible;
  padding: 4% 8%;
  color: #ffffff;
  background-color: #00a99d;
  border: 1px solid #00a99d;
  border-radius: 32px;
  margin-top: 3%;
} */

#frmLogin select {
    border: 0 !important;
    width: 80%;
    background: #ffffff;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
    border-bottom: 1px solid #dfdfdf;
    border-top: 0px solid #fff;
    border-left: 0px solid #fff;
    border-right: 0px solid #fff;
    border-radius: 1%;
    outline: none;
    height: 35%;
    font-size: 50%;
    font-family: sanRegular;
    color: #666666;
    padding: 2%;
}

.forget-password:link {
	font-size: 16px;
	font-family: sanRegular;
	color: #666666;
	text-decoration: none !important;
	margin-left: 5%;
}

.forget-password:hover {
	color: #ffca59;
	text-decoration: none !important;
	font-size: 16px;
	font-family: sanRegular;
}

.forget {
	font-size: 20px;
	padding-top: 5px;
}

.check-box {
	font-size: 16px;
	font-family: sanRegular;
	padding: 15px;
	color: #666666;
}

.text-input:hover {
	border-bottom-color: #00a99d;
}

.text-input:focus {
	border-bottom-color: #00a99ad;
}

.text-input {
	width: 100%;
	background: white;
	border-bottom: 1px solid #dfdfdf;
	border-top: 0px solid #fff;
	border-left: 0px solid #fff;
	border-right: 0px solid #fff;
	border-radius: 3px;
	outline: none;
	height: 48px;
	font-size: 15px;
	font-family: sanMedium;
	color: #666666;
	text-align: center;
}

/* all */
#username::-webkit-input-placeholder {
	color: #747474;
	font-size: 16px;
	font-family: sanLight;
	text-align: center;
}

#username::-moz-placeholder {
	color: #747474;
	font-size: 16px;
	font-family: sanLight;
	text-align: center;
} /* firefox 19+ */
#username:-ms-input-placeholder {
	color: #747474;
	font-size: 16px;
	font-family: sanLight;
	text-align: center;
}

/* all */
#Password::-webkit-input-placeholder {
	color: #747474;
	font-size: 16px;
	font-family: sanLight;
	text-align: center;
}

#Password::-moz-placeholder {
	color: #747474;
	font-size: 16px;
	font-family: sanLight;
	text-align: center;
} /* firefox 19+ */
#Password:-ms-input-placeholder {
	color: #747474;
	font-size: 16px;
	font-family: sanLight;
	text-align: center;
}

@media (min-device-width: 320px) and (max-device-width: 480px) {
	
	.logo {
		width: 70%;
	}
	
	.login_form_bg {
	  background-size: auto auto;
	  border: 5px solid #ffffff;
	  margin: 0 auto;
	  max-width: 80%;
	  background-color: #ffffff;
	}
	#frmLogin select {
   		border: 0 !important;
	    width: 150px;
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    text-indent: 0.01px;
	    text-overflow: "";
	    border-bottom: 1px solid #dfdfdf;
	    border-top: 0px solid #fff;
	    border-left: 0px solid #fff;
	    border-right: 0px solid #fff;
	    border-radius: 1%;
	    outline: none;
	    height: 48%;
	    font-size: 14px;
	    font-family: sanRegular;
	    color: #666666;
	    padding: 4%;
	    margin-left: -27%;
	}	
	.form {
  		padding-left: 11%;
	  	padding-right: 10%;
	  	padding-top: 1%;
	  	padding-bottom: 3%;
	}
	
	.check-box {
  		font-size: 16px;
	  	font-family: sanRegular;
	  	padding: 10px;
	  	color: #666666;
	}
	
	.text-input {
		width: 100%;
		background: white;
		border-bottom: 1px solid #dfdfdf;
		border-top: 0px solid #fff;
		border-left: 0px solid #fff;
		border-right: 0px solid #fff;
		border-radius: 3px;
		outline: none;
		height: 48px;
		font-size: 16px;
		font-family: sanMedium;
		color: #666666;
		text-align: center;
	}
	
	/* all */
	#username::-webkit-input-placeholder {
		color: #747474;
		font-size: 16px;
		font-family: sanLight;
		text-align: center;
	}
	
	#username::-moz-placeholder {
		color: #747474;
		font-size: 16px;
		font-family: sanLight;
		text-align: center;
	} /* firefox 19+ */
	#username:-ms-input-placeholder {
		color: #747474;
		font-size: 16px;
		font-family: sanLight;
		text-align: center;
	}
	
	/* all */
	#Password::-webkit-input-placeholder {
		color: #747474;
		font-size: 16px;
		font-family: sanLight;
		text-align: center;
	}
	
	#Password::-moz-placeholder {
		color: #747474;
		font-size: 16px;
		font-family: sanLight;
		text-align: center;
	} /* firefox 19+ */
	#Password:-ms-input-placeholder {
		color: #747474;
		font-size: 16px;
		font-family: sanLight;
		text-align: center;
	}
}

@media (max-width: 1200px) and (min-width: 800px) {
	#frmLogin select {
	    border: 0 !important;
	    width: 87%;
	    background: #ffffff;
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    text-indent: 0.01px;
	    text-overflow: "";
	    border-bottom: 1px solid #dfdfdf;
	    border-top: 0px solid #fff;
	    border-left: 0px solid #fff;
	    border-right: 0px solid #fff;
	    border-radius: 1%;
	    outline: none;
	    height: 35%;
	    font-size: 18px;
	    font-family: sanRegular;
	    color: #666666;
	    padding: 4%;
	}
	
	.logo {
		width: 70%;
	}
}

@media (max-width: 800px) and (min-width: 600px) {
	#frmLogin select {
	    border: 0 !important;
	    width: 87%;
	    background: #ffffff;
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    text-indent: 0.01px;
	    text-overflow: "";
	    border-bottom: 1px solid #dfdfdf;
	    border-top: 0px solid #fff;
	    border-left: 0px solid #fff;
	    border-right: 0px solid #fff;
	    border-radius: 1%;
	    outline: none;
	    height: 35%;
	    font-size: 6px;
	    font-family: sanRegular;
	    color: #666666;
	    padding: 4%;
	}
	
	.logo {
		width: 70%;
	}
}