.disableduserbutton {
pointer-events: none;
opacity: 0.4;
}
.signup-page-content-wrap {
overflow: hidden;
font-family: 'Poppins', sans-serif;
width: 100%;
float: left;
clear:both;
margin: 10px auto 0;
}
.contest-info-main-wrap {
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
padding: 1rem;
border-radius: 0.5rem;
margin-top: 13rem;
margin-bottom: 1.5rem;
}
.contest-info-win-wrap {
border-radius: 0.5rem;
}
.contest-info-heading {
margin-top: 1rem;
}
.contest-info-heading {
font-size: 1.5rem;
font-weight: 600;
color: #333333;
text-align: center;
margin-bottom: 1.5rem;
}
.contest-prize-img-wrap {
text-align: center;
margin-bottom: 1.5rem;
}
.contest-prize-img {
width: 8rem;
height: auto;
}
.contest-info-text {
font-size: 1rem;
font-weight: 400;
color: #333333;
}
.signup-form-body-wrap {
justify-content: center;
align-items: center;
/* flex-wrap: wrap; */
}
/* .signup-form-header-wrap {
width: 100%;
background-color: #FF9600;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
height: 4rem;
text-align: center;
margin-top: 2rem;
position: relative;
} */
.signup-form-logo-wrap {
padding: 1rem;
display: inline-block;
border-radius: 50%;
background-color: #ffffff;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}
.signup-form-logo-img {
width: 2.5rem;
height: auto;
}
.signup-form-header-triangle {
position: absolute;
width: 0px;
height: 0px;
top: -0.3rem;
left: -0.3rem;
border-left: 0rem solid #ffffff;
border-top: 4.5rem solid #ffffff;
border-right: 6.5rem solid transparent;
border-bottom: 0rem solid transparent;
box-shadow: -5px -3px 0px #ffffff;
display: none;
}
/* .signup-form-illustration-wrap {
width: 4rem;
height: 100vh;
background-color: #FF9600;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
margin-left: -15px;
} */
.signup-form-illustration {
width: 14rem;
height: auto;
margin-top: 20rem;
margin-left: -0.2rem;
max-width: none;
}
.signup-welcome-text {
font-size: 2rem;
font-weight: 600;
color: #333333;
margin-top: 1.5rem;
text-align: center;
}
.signup-welcome-subtext {
font-size: 1rem;
font-weight: 500;
color: #707070;
text-align: center;
}
.signup-form-logo-block {
text-align: center;
margin-top: 5rem;
}
.signup-form-right-wrap {
/*flex-grow: 1;*/
}
.signup-form-all-input-wrap {
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
padding-left: 1rem;
margin-bottom: 2rem;
}
.signup-mat-group {
position: relative;
width: 50%;
padding: 0 1rem;
margin-bottom: 0px;
}
.signup-mat-group .error-message {
margin-left: 0% !important;
font-size: 0.8rem;
margin-top: 0.2rem;
}
.signup-mat-input {
font-size: 15px;
font-weight: normal;
width: 100%;
/*padding: 0.8rem 0.8rem 0.3rem 0rem;*/
display: block;/*
border: none;
border-bottom: 0.15rem solid rgb(232, 232, 232) !important;*/
}
.signup-mat-input:focus {
outline: none;
}
.signup-mat-label {
color: #999;
font-size: 0.95rem;
font-weight: 600;
position: absolute;
pointer-events: none;
left: 1rem;
top: 1rem;
margin-bottom: 0rem;
/* transition: 0.2s ease all;
-moz-transition: 0.2s ease all;
-webkit-transition: 0.2s ease all; */
}
.signup-mat-input:focus~.signup-mat-label,
.signup-mat-input:valid~.signup-mat-label {
top: -0.5rem;
font-size: 0.8rem;
color: #FF9600;
}
.signup-mat-input:-webkit-autofill~.signup-mat-label {
top: -0.5rem;
font-size: 0.8rem;
color: #FF9600;
}
.signup-mat-input:-moz-autofill~.signup-mat-label {
top: -0.5rem;
font-size: 0.8rem;
color: #FF9600;
}
.signup-star {
color: #FF9600;
}
.create-account-button-wrap {
text-align: center;
width: 100%;
}
.create-account-button {
font-size: 1rem;
font-weight: 500;
color: #ffffff;
background-color: #FF9600;
padding: 0.5rem 1.5rem;
border-radius: 0.5rem;
display: inline-block;
border-bottom: 0.2rem solid #CE7A01;
cursor: pointer;
margin-bottom: 1.5rem;
margin-left: 1rem;
user-select: none;
}
.create-account-button:hover {
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}
.create-account-button:active {
transform: scale(0.97);
}
.contest-signup-text {
font-size: 1rem;
font-weight: 400;
color: #333333;
margin: 20px 0 0;
}
.contest-signup-span {
color: #FF9600;
font-size: 1.2rem;
font-weight: 600;
margin-right: 0.5rem;
}
.signup-arrow {
width: 1.8rem;
height: auto;
animation: move-right 1.7s infinite;
}
.signup-arrow-90 {
width: auto;
height: 1.5rem;
margin-bottom: 1rem;
animation: move-down 1.7s infinite;
}
.signup-form-illustration-wrap.illustration-mobile {
text-align: center;
margin-bottom: 3rem;
}
.illustration-mobile .signup-form-illustration {
margin-top: 1.5rem;
}
.illustration-mobile {
display: none;
}
.contest-info-mobile {
margin-top: 1.5rem;
display: none;
}
.signup-page-html {
font-size: 1rem !important;
}
.signup-page-content-wrap #form_signup1 {
display: block !important;
}
.signup-page-content-wrap .container {
padding-left: 15px;
padding-right: 15px;
}
.signup-page-content-wrap .row {
margin-left: -15px;
margin-right: -15px;
width: 100%;
}

.signup-page-content-wrap .row:before, .signup-page-content-wrap .row:after {width:0px; height:0px; display: none !important;}

.signup-mat-input#ebcaptchainput {
margin-top: 0px;
width: 100%;
max-width: none;
clear: both !important;
float: none;
border-radius: 3px;
}
.signup-create-wrap {
width: 100%;
text-align: center;
}
.go-back-home-wrap{
background-color: #ff9600;
width:100%;
padding: 1rem;
box-shadow: 0px 2px 10px rgba(0, 0, 0, .2);
}
.go-back-home-link{
color: #ff9600;
font-weight: 600;
font-size: 0.9rem;
padding: 0.5rem 1rem;
border-radius: 0.3rem;
text-decoration: none;
background-color: #ffffff;
box-shadow: 0px 2px 10px rgba(0, 0, 0, .1);
}
.go-back-home-link:hover,
.go-back-home-link:visited,
.go-back-home-link:active{
text-decoration: none;
color: #ff9600;
}
.go-back-home-link:hover{
box-shadow: 0px 2px 10px rgba(0, 0, 0, .1);
}

/*Newly Added*/
#loginform label, #home_login label{
color: #333;
font: 14px "Poppins";
}

.signup-form-right-wrap #enter{
margin: 0!important;
}

.loginImage > div {
display: flex;
align-self: center;
align-items: center;
align-content: center;
justify-content: center;
position: relative;
}

.loginImage > div img{
width: 100%;
max-width: 500px;
}
@media all and (max-width:1000px) {
.illustration-mobile {
display: block;
}
.illustration-desktop {
display: none;
}
.signup-form-all-input-wrap {
padding-left: 0rem;
}
.signup-mat-group {
width: 100%;
}
}

@media all and (max-width:991px) {

.signUpWin, .signUpForm{
clear: both;
display: flex;
}

.signup-form-logo-block{
margin-top: 0;
}

.contest-info-main-wrap{
margin: 3rem 0;
}

}

@media all and (max-width:767px) {
.contest-info-mobile {
display: block;
}
.contest-info-desktop {
display: none;
}
.signup-page-content-wrap .mobile-container {
padding: 0rem;
}

.signup-form-logo-block{
margin-top: 0;
}

.contest-info-main-wrap{
margin: 3rem 0;
}

}
@media all and (max-width: 576px) {
.signup-fields {
padding-left: 0rem;
padding-right: 0rem;
}
}
@keyframes move-right {
0% {
transform: translateX(0rem);
}
50% {
transform: translateX(0.8rem);
}
100% {
transform: translateX(0rem);
}
}
@keyframes move-down {
0% {
transform: translateY(0rem);
}
50% {
transform: translateY(0.8rem);
}
100% {
transform: translateY(0rem);
}
}