/*CUSTOMER LOGIN CSS*/

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-size: 16px;
	font-family: "Lato",'Helvetica','Arial','sans-serif';
	color: #00263E;
}

body {
background-color: #ffffff;
background: none;

}

.customer_login_message {
    text-align: center;
    font-size: 18px;
    margin-left: auto;
    margin-right: auto;
}

#admin_wrapper > div.customer_login_message > h2 {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	font-size: 30px;
	color: #272262;
}



#admin_wrapper > div.customer_login_message > p5 {
	color: #272262;
}


#admin_wrapper {
	font-family: inherit !important;
	background-color: #fff;
	border: 2px solid #2eafe9;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	height: 650px;
	width: 500px;
	display: block;
	position: relative;
	border-radius: 8px;
	/* box-shadow: 0.8px 0.8px 20px #2eafe9; */
	text-align: center !important;
	}

#admin_wrapper h1 {
	color: #fff;
    font-size: 26px;
    padding: 10px 0;
    margin: 0 auto;
    background: #2eafe9;
}


#logo {
	background: url("https://secure.activecarrot.com/media/dynamic/static_images/1355/ShelleysSwimSchool_LogoMain.jpg") no-repeat center;
	background-size: 200px;
	margin-left: auto;
	margin-right: auto; 
	width: 450px;
	height: 200px;
	padding: 0px;}

/* LOGIN FORM */
form {
display: flex;
flex-direction: column;
align-items: center;
margin: 0px 0 0 0;
}

form p {
display: flex;
flex-direction: column;
margin: 10px;
}

#admin_wrapper > form > p:nth-child(1) > label:before {
	content: "";
	display: block;
	background: url("https://secure.activecarrot.com/media/dynamic/static_images/1355/yeronga-group-icons.png") no-repeat center;
	background-size: 200px;
	height: 50px;
	marg
}

form label {color: #272262;margin-bottom: 7px;text-align: center;font-weight: bold; text-shadow: none;}

form .input {
border-radius: 4px;
height: 40px;
width: 300px;
text-align: center;
background-color: white;
font-size: 14px;
	color: #2eafe9;
}

/* AUTOCOMPLETE */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
border: 1px solid #ccc;
-webkit-text-fill-color: #2eafe9;
-webkit-box-shadow: 0 0 0px 12eafe9px #fff inset;
transition: background-color 52eafe9s ease-in-out 0s;
}

.forgot_password {
    display: flex;
justify-content: center;
}

.forgot_password p {
text-align: center;
margin-top: 20px;
}

.forgot_password p a {order: 2;margin-top: 30px;text-decoration: none;text-transform: capitalize;font-size: 0.9em;font-weight: 400;color: #2eafe9;}

.forgot_password p a:hover {
color: #1b144f;
}

form .button {
	border: 2px solid #2eafe9;
	border-radius: 4px;
	margin-top: 0 auto;
	width: 250px;
	height: 45px;
	background-color: #2eafe9;
	color: #fff;font-size: 14px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;}

form .button:hover {;
cursor: pointer;
transition: all .3s ease-in-out;
color: #FFF;
background-color: #1e7ba6;
border: 2px solid #1e7ba6
}

.success, .fail, .information, .attention {
	text-align: center;
position: relative;
top: 12px;
text-transform: uppercase;
font-size: 14px;
background-color: #00ffff00;
border: 0px solid;
padding: 10px !important;
}

.success {
color: #090;
}

.fail {
color: red;
}

.information {
color: #03F;
}

.attention {
color: #C69E00;
}


/* START FIRST TIME LOGIN PAGE */

#admin_wrapper > h2 {
	margin: 30px;
	color: #2eafe9;
	text-align: center;
}

#button {
	display: block;
	position: relative;
	width: 300px;
}

/* END FIRST TIME LOGIN PAGE */
/* START CHANGE PASSWORD PAGE */

#admin_wrapper > form > div {
	width: 450px !important;
	height: auto !important;
	padding: 10px !important;
	font-size: 14px !important;
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
	overflow: unset !important;
}

#admin_wrapper > form > p > input {
	display: block;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

#admin_wrapper.alpha60 {
	height: auto;
}

#admin_wrapper.alpha60 #(text) {
	color: red !important;
}

/* END CHANGE PASSWORD PAGE */
/* START COMPLETE LOGIN PAGE */

#admin_wrapper > form > h2 {
	color: #2eafe9;
	margin-left: auto;
	margin-right: auto;

}

/* end COMPLETE LOGIN PAGE */