/* LOGIN STARPLEX*/

* {
        font-family: 'Roboto',sans-serif;
    }


body{
    z-index: -10;
    background:url('https://secure.activecarrot.com/media/dynamic/static_images/1393/STARplex_Active Carrot_login photo.jpg');
    background-repeat: no-repeat;
    background-size: 100vw 100vh;
    margin: 0px;
   padding 0px;
}


#admin_wrapper {
 position: relative;
 padding:0;
 border:0;
 width: 520px;
 min-height: 557px;
 background-color: #303d5e;
 color: #FFF;
}

.alpha60 {
	background: #303d5e;
	 background-color: 303d5e(0,0,0,0.72);
}

#admin_wrapper h2 {
 text-shadow:none;
 color:#fbb040;
 padding:0 60px;
 margin:0 0 20px 0;
 font-weight: 300;
}
#admin_wrapper h3 {
 margin:0 0 20px 0;
 text-shadow:none;
 color: #fbb040;
 font-weight: 300;
}

#logo {
 background: url('https://secure.activecarrot.com/media/dynamic/static_images/1393/STARplex CMYK_at Trinity College_HR.jpg');
 background-position: center;
 background-color: #fcfeff;
 background-repeat: no-repeat;
 background-size: 250px;
 height:200px;
 width:100%;
 margin-bottom:40px;
}

#admin_wrapper form {
 padding:0 60px 60px 60px;
 margin:0;
}

#admin_wrapper form label {
 text-shadow: none;
 font-size: 20px;
 color: #FBB040;
 margin-top:0;
}

#admin_wrapper form input {
 width: 100%;
 box-sizing: border-box;
 font-size: 20px;
 height: 53px;
 background: #fcfeff !important;
 background-color: #fcfeff !important;
 border:0!important;
 border-radius:3px;
 padding:7px 20px;
 color:#303d5e;
 margin-bottom:20px;
}

#terms {
	height: 15px !important;
}

form .input {
	background: #000 !important;
}

#admin_wrapper form input#button {
 width:auto;
 background:#FBB040 !important;
 color:#303d5e;
 margin-bottom:0;
 cursor:pointer;
}
#admin_wrapper form .forgot_password input#button {
 width:109px;
 margin-left:33px;
}

#admin_wrapper form .forgot_password a {
 font-size:18px;
 color:#ffffff;
}

.fail {
 margin:20px 0;
 padding: 10px 60px;
 background:#FF5722;
 border: 1px solid #ff5722;
 color:#000;
}


#admin_wrapper form div {
 width:100%!important;
 box-sizing:border-box;
 color: #000;
}



/* FOOTER */
#login_footer {
    position: fixed;
    left: 0px;
    bottom: 0px;
    line-height: 3.2em;
    background: #24242f;
    color: #fff !important;
    font-size: 1.0em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 1.5em;
}

#login_footer a, #login_footer p {
	color: #fff !important;
	text-decoration: none;
	font-size: 1.0em;
	font-family: 'Open Sans' !important;
	width: 30%;
}

#login_footer a:hover {
	text-decoration: underline;
	cursor: pointer;
}

@media only screen and (max-width:660px) {

#admin_wrapper {
	margin: 0px;
}

#logo {
	position: absolute;
	width: 100vw;
	top: 0px;
	background-size: 200px;
	height: 150px;
}

form {
	position: absolute;
	top: 160px !important;
	width: 95vw;
	padding: 5px !important;
}

#admin_wrapper form label {
	font-size: 14px;
}

#admin_wrapper form input {
	height: 40px;
}

#admin_wrapper form .forgot_password input#button {
	margin: 0px;
	margin-top: 20px;
}


}