#top-container, footer, #body-container {
    /*opacity: 0.5;*/ /*DEBUG*/
}

#menu, .div-with-fade-border {
    display: none;
}

#body-container {
    height: 47.7vw;
    background-color: #20905a;
}

#registration-box-container {
    height: 100%;
    padding-top: 1.2vw;
    padding-right: 38.1vw;
    box-sizing: border-box;
}

    #registration-box-container > div {
        background-color: #282828;
        width: 22.5vw;
        border-radius: 3.8vw
    }

    #registration-box-container input {
        width: 15.3vw;
        height: 2.9vw;
        border-radius: 1.3vw;
        font-size: 1.08vw;
        font-weight: 600;
        text-align: center;
        color: #282828;
    }

        #registration-box-container input::placeholder {
            color: #626262;
        }

#title {
    font-size: 0;
    height: 4vw;
    box-sizing: border-box;
    padding-top: 1vw;
    padding-right: 7.1vw;
    position: relative;
}

    #title::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 70%;
        height: 0.06vw;
        background-image: linear-gradient(to right, transparent, #80808091, transparent);
    }

    #title > div {
        display: inline-block;
        vertical-align: top;
        font-size: 1.43vw;
        font-weight: 400;
    }

        #title > div:nth-child(1) a {
            color: #4e4e4e;
            text-decoration: none;
        }

            #title > div:nth-child(1) a:hover {
                color: #01b463;
            }

        #title > div:nth-child(2) {
            color: #6e6e6e;
            /*width: 1.3vw;*/
            box-sizing: border-box;
            padding-right: 0.2vw;
        }

        #title > div:nth-child(3) {
            color: #01b463;
        }

.general_padding_right {
    padding-right: 3.4vw;
}

#fname {
    height: 4.5vw;
    box-sizing: border-box;
    padding-top: 1vw;
}

#lname {
    height: 4.5vw;
    box-sizing: border-box;
    padding-top: 0.6vw;
}

#mobile {
    height: 4vw;
    box-sizing: border-box;
    padding-top: 0.2vw;
}

#send-verification-code {
    height: 3.8vw;
    box-sizing: border-box;
    padding-top: 0.4vw;
}

    #send-verification-code > div {
        font-size: 1.1vw;
        color: white;
        background-color: #676767;
        width: 15.7vw;
        height: 3.2vw;
        border-radius: 2vw;
        box-sizing: border-box;
        padding-right: 5.5vw;
        padding-top: 0.6vw;
        font-weight: 500;
        cursor: pointer;
    }

        #send-verification-code > div.disabled {
            color: #9E9E9E;
            cursor: default;
        }

#deadline_and_resend_container {
    height: 1.7vw;
    box-sizing: border-box;
    padding-right: 6vw;
    position: relative;
    bottom: 0.1vw;
    display: none;
}

    #deadline_and_resend_container > div {
        display: inline-block;
        vertical-align: top;
    }

#deadline {
    color: #00b262;
    font-size: 1.56vw;
    font-weight: 400;
}

#resend {
    color: #676767;
    font-size: 1.1vw;
    border-bottom: 0.1vw solid #676767;
    cursor: pointer;
    font-weight: 400;
}

#opt-code {
    height: 4.5vw;
    box-sizing: border-box;
    padding-top: 0.7vw;
}

#captcha-img-container {
    font-size: 0;
    box-sizing: border-box;
    padding-right: 5vw;
    padding-top: 0.6vw;
}

    #captcha-img-container > div {
        display: inline-block;
        vertical-align: top;
    }

#refresh-captcha-img {
    width: 2.5vw;
    box-sizing: border-box;
    padding-top: 0.3vw;
}

    #refresh-captcha-img img {
        width: 100%;
        height: auto;
        cursor: pointer;
    }

#captcha-img {
    width: 10vw;
    box-sizing: border-box;
    padding-right: 0.2vw;
}

    #captcha-img img {
        width: 100%;
        height: auto;
    }

#captcha-code {
    height: 4.5vw;
    box-sizing: border-box;
    padding-top: 1vw;
}

#registration-btn {
    height: 4.7vw;
    box-sizing: border-box;
    padding-top: 0.7vw;
}

    #registration-btn button {
        background-color: #00b262;
        border: none;
        width: 15.7vw;
        height: 3.2vw;
        border-radius: 2vw;
        color: white;
        font-size: 1.56vw;
        cursor: pointer;
    }

        #registration-btn button:disabled {
            background-color: gray;
        }

#privacy-policy {
    font-size: 1vw;
    box-sizing: border-box;
    padding-right: 3vw;
    padding-left: 3vw;
    color: #646464;
    text-align: center;
    line-height: 1.2vw;
}

    #privacy-policy a {
        color: #238dbf;
        text-decoration: none;
    }

#reg {
    box-sizing: border-box;
    text-align: center;
    padding-bottom: 1.2vw;
    padding-top: 0.4vw;
}

    #reg a {
        color: white;
        text-decoration: none;
        font-size: 1.1vw;
        border-bottom: 0.1vw solid white;
    }

.error {
    color: red;
    display: inline-block;
    text-align: center;
    width: 15.3vw;
    position: relative;
    bottom: 1.55vw;
}