body {
    padding: 0;
    margin: 0;
}

.login-container {
    padding: 14%
}


.login-form-labels {
    color: #B5B6BA;
    font-size: 0.6em;
}

.keep-login-checkbox-label {
    padding-top: .3em
}

.login-form-label {
    font-size: 0.6em
}

.info-text {
    font-size: 0.6em;
    color: #72A2E2
}

.form-control::-webkit-input-placeholder {
    color: #CFD6E6;
    font-size: 0.8em;
}


.terms-conditions {
    color: #72A2E2
}

.login-problem-text {
    display: block
}

#password-container {
}

#email-container {
    display: block
}

.frmsc-login-button:hover {
    background: rgb(72, 150, 247);
    color: white
}

#feature {
    right: 50%;
    height: 100vh;
    position: absolute;
    width: 50%;
    top: 0;
    
    /*top: 40%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);*/
    /*padding-right: 50px;*/
}

.loginForm {
    left: 50%;
    position: absolute;
    top: 40%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-left: 50px;
    width: 500px;
}

.frmsc_logo {
    height: 150px;
    width: 150px;
    margin: 0 auto;
}

    .frmsc_logo img {
        max-width: 100%;
        max-height: 100%;
        display: block;
    }

.loginTitle {
    text-align: center;
    font-weight: 400;
    font-size: 2em;
    margin-block-end: 15px;
}

.subTitle {
    font-size: 0.9em;
    text-align: center;
    margin-block-start: 5px;
}

.loginLabel {
    margin-bottom: 5px;
    font-size: 0.8rem;
}

.loginTerms {
    font-size: 0.7em;
    color: #979eb0;
}

.loginButtonRelativeContainer {
    position: relative;
    width: 100%;
    background: blue;
}

.loginButtonContainer {
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    width: 300px;
}

.loginInput {
    border: 1px solid #d6dbe8;
    border-radius: 7px;
    width: 100%;
    color: #222;
    font-size: 0.8em;
    padding: 13px;
}

    .loginInput::placeholder {
        color: #d6dbe8;
        font-weight: 400;
    }

    .loginInput::ms-input-placeholder {
        color: #d6dbe8;
    }


    .loginInput:focus {
        outline: none;
        border: 3px solid #72A2E2;
        border-radius: 7px;
    }

.submitButton {
    background-color: #72A2E2;
    font-size: 0.8rem;
    color: #ffffff;
    width: 100%;
    height: 40px;
    border-radius: 7px;
    box-shadow: none;
    border: none;
}


.spacer5 {
    height: 5px;
}

.spacer10 {
    height: 10px;
}

.spacer15 {
    height: 15px;
}

.spacer20 {
    height: 20px;
}

.spacer30 {
    height: 30px;
}

.spacer40 {
    height: 40px;
}

.azure-login-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.hide {
    display: none
}

.mt-20 {
    margin-top: 20px;
}

@media all and (max-width:991px) {
    .feature {
        display: none;
    }

    .loginForm {
        left:0;
        top:40%;
        width:100%;
        padding:0px;
    }

    .loginFormContainer {
        position:relative;
        padding:10px;
    }
}