﻿.register,
.login {
    padding: 0 0 150px 0;
}

.register-wrapper,
.login-wrapper {
    background: linear-gradient(0deg, #FFFEFC 0%, #E6EEFF 100%);
    border-radius: 0 50px 0 0;
    min-height: 76vh;
    padding: 26px 36px;
}

.register-get-button-container {
    display: flex;
    justify-content: flex-end;
    margin: 16px 0 0 0;
}

.register-get-button {
    background: none;
    border: #35376C 2px solid;
    border-radius: 15px;
    color: #35376C;
    font-size: 13px;
    font-family: montserrat, sans-serif;
    width: 138px;
    height: 25px;
}

.register input[type=text],
.login input[type=text],
.register input[type=email],
.register input[type=tel]
.login input[type=password]{
    border: none;
    border-radius: 12px;
    height: 41px;
    padding: 15px;
}

.login input[type=text]::placeholder {
    color: #35376C;
    font-family: montserrat, sans-serif;
    font-size: 16px;
}

.register label,
.login-form label {
    color: #35376C;
    font-family: montserrat, sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.register-heading-container,
.login-heading-container {
    padding: 26px 0;
}

.register-inputSSN {
    width: 100%;
}

.read-terms,
.accept-terms {
    font-family: montserrat, sans-serif;
    font-weight: 700;
    color: #35376C;
    font-size: 16px;
}

.accept-terms-container {
    display: flex;
    align-items: center;
    margin: 34px 0 0 0;
}

.accept-terms-container input {
    margin: 0 0 0 10px;
}

.login-bottom-spacing {
    margin-bottom: 150px;
}

/*LOGIN*/

.login-heading-container h4 {
    font-size: 19px;
}

.login-bankid-img {
    display: flex;
    justify-content: center;
}

.login-bankid-img img {
    width: 85px;
    height: auto;
}

.login-form {
    margin: 20px 0 0 0;
}

.login input[type=submit] {
    font-family: montserrat, sans-serif;
}

.login-btn-wrapper {
    margin: 53px 0 0 0;
}

.make-account-btn {
    border: #35376C 2px solid;
}

@media only screen and (min-width: 1080px) {
    .register input[type=text], .login input[type=text], .register input[type=email], .register input[type=tel] {
        width: 318px;
    }

    .register-get-info {
        display: flex;
        flex-direction: column;
    }

    .register,
    .login {
        display: flex;
        justify-content: center;
        padding: 50px 0 150px 0;
    }

    .register-wrapper,
    .login-wrapper {
        border-radius: 50px;
        width: 800px;
        display: flex;
        justify-content: center;
        min-height: 500px;
    }

    .login-section {
        width: 50%;
    }
}
