* {
	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 {
	position: relative;
	bottom: 30px;
    text-align: center;
    font-size: 18px;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
}

#admin_wrapper {
	background-color: #fff;border: 1px solid #ccc;

	margin: 0 auto;padding-top:30px;padding-bottom: 30px;height: auto !important;display: flex;flex-direction: column;justify-content: center;align-items: center;border-radius: 0;}

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

#admin_wrapper h2{
    margin-left:20px;
    margin-bottom:30px;
    font: 400 18px Arial;
    color: #ef8522;
    font-size: 18px;
    font-weight: 700;
    text-shadow: none;
    text-align: center;
}


#admin_wrapper h3{
    font-size:14px;
    color:#007cac;
    position: relative;
    bottom: 100px;

 }

#logo {
	background: url("https://secure.activecarrot.com/media/dynamic/static_images/322/logo.png") no-repeat;
	background-size: 250px;
	background-position: center;
	width: 250px;
	height: 200px;
	padding: 10px;
	position: relative;
	bottom: 50px;
	margin-top: 20px;

}

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

/* DEMONZ */
form select{
min-height: 100px;
}
/* DEMONZ */

form p {
margin-left: auto;
margin-right: auto;
margin-top: 10px;
padding: 0px;

}


form label {
color: #00263E;
margin-bottom: 7px;
text-align: center;
font-weight: bold;

}

form .input {
border-radius: 4px;
height: 40px;
width: 300px;
text-align: center;
background-color: white;
font-size: 14px;
color: #00263E;
margin-left: auto;
margin-right: auto;
}

/* 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: black;
-webkit-box-shadow: 0 0 0px 1000px #fff inset;
transition: background-color 5000s ease-in-out 0s;
}

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

.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: #00263E; 
}

.forgot_password p a:hover {
color: #ef8522;
}

form .button {
	display: block;
	border: 1px solid #ef8522;
	border-radius: 4px;
	margin-top: 30px;
	width: 250px;
	height: 45px;
	background-color: #ef8522;color: #fff;font-size: 14px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;
    margin-left: auto;
    margin-right: auto;
	}

form .button:hover {;
cursor: pointer;
transition: all .3s ease;
color: #ef8522;
background-color: #fff;
}

.success, .fail, .information, .attention {
padding: 0px;
position: relative;
top: 12px;
text-transform: uppercase;
text-align: center;
font-size: 0.9em;
background-color: #00ffff00;
border: 0px solid;
width: 600px;
margin-left: auto;
margin-right: auto;
}

.success {
color: #090;
}

.fail {
color: red;
}

.information {
color: #03F;
}

.attention {
color: #C69E00;
}