@import url("https://fonts.googleapis.com/css?family=Raleway:400,700");
body.page-template-template-challenge-login .site-content .ast-container {
max-width: 100% !important;
padding: 0px;
}
body.page-template-template-challenge-register .site-content .ast-container {
max-width: 100% !important;
padding: 0px;
}
.challenge_login_page {
background: #f7f7f7;
font-family: Raleway, sans-serif;
color: #666;
width: 100%;
height: 80vh;
display: flex;
justify-content: center;
align-items: center;
}
.challenge_login_page .login {
margin: 20px auto;
padding: 40px 50px;
max-width: 500px;
width: 500px;
border-radius: 5px;
background: #fff;
box-shadow: 1px 1px 1px #666;
}
.challenge_login_page .custom_login {
margin: 20px auto;
padding: 40px 50px;
max-width: 500px;
width: 500px;
border-radius: 5px;
background: #fff;
box-shadow: 1px 1px 1px #666;
}
.challenge_login_page .login input {
width: 100%;
display: block;
box-sizing: border-box;
margin: 20px 0;
padding: 14px 12px;
font-size: 16px;
border-radius: 2px; 
font-family: Raleway, sans-serif;
}
.challenge_login_page .login input[type=text],
.challenge_login_page .login input[type=password] {
border: 1px solid #c0c0c0;
transition: .2s;
}
.challenge_login_page .login input[type=text]:hover {
border-color: #F44336;
outline: none;
transition: all .2s ease-in-out;
} 
.challenge_login_page .login input[type=submit] {
border: none;
background: #EF5350;
color: white;
font-weight: bold;  
transition: 0.2s;
margin: 20px 0px;
}
.challenge_login_page .custom_login input[type=submit] {
border: none;
background: #EF5350;
color: white;
font-weight: bold;
transition: 0.2s;
margin: 20px 0px;
padding: 10px 25px;
font-size: 14px;
}
.challenge_login_page .custom_login input[type=submit]:hover {
background: #F44336;  
}
.challenge_login_page .login input[type=submit]:hover {
background: #F44336;  
}
.challenge_login_page .login h2 {
margin: 20px 0 20px 0px;
color: #EF5350;
font-size: 28px;
}
.challenge_login_page .login p {
margin-bottom: 40px;
}
.challenge_login_page .login .links {
display: flex;
width: 100%;
box-sizing: border-box;
border-top: 1px solid #c0c0c0;
margin-bottom: 10px;
justify-content: space-between;
align-items: center;
}
.challenge_login_page .custom_login .links {
display: flex;
width: 100%;
box-sizing: border-box;
border-top: 1px solid #c0c0c0;
margin-bottom: 10px;
justify-content: space-between;
align-items: center;
}
.challenge_login_page .login .links a {
display: table-cell;
padding-top: 10px;
font-size: 14px;
}
.challenge_login_page .custom_login .links a {
display: table-cell;
padding-top: 10px;
font-size: 14px;
}
.challenge_login_page .login .links a:first-child {
text-align: left;
}
.challenge_login_page .login .links a:last-child {
text-align: right;
}
.challenge_login_page .login h2,
.challenge_login_page .login p,
.challenge_login_page .login a {
text-align: center;    
}
.challenge_login_page .login a {
text-decoration: none;  
font-size: .8em;
}
.challenge_login_page .login a:visited {
color: inherit;
}
.challenge_login_page .login a:hover {
text-decoration: underline;
}
span.already_account {
font-size: 14px;
}
span.registration-success {
color: green;
font-size: 14px;
font-weight: 500;
}
.clg-container {
display: flex;
height: 100vh;
}
.challenge_dashboard_page {
width: 100%;
height: 100%;
}
.challenge_login_box label {
display: block;
font-size: 16px;
font-weight: 500;
}
.challenge_login_box .login-username input {
padding: 12px;
width: 100%;
border: 1px solid #e0412f;
}
.challenge_login_box .login-password input {
padding: 12px;
width: 100%;
border: 1px solid #e0412f;
}