/*--------------------------------------------------------
 * Copyright (C) 2021  JPMorgan Chase & Company
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, is not permitted.
 *-------------------------------------------------------*/
html, body{
    padding: 0;
    margin: 0;
    background-color: #FFFFFF;
    height: 100vh;
    font-size: 16px;
    font-family: Open Sans;
}

.heading {
    font-size: 36px;
    font-style: normal;
    font-weight: 300;
    line-height: 48px;
    letter-spacing: 0px;
    text-align: center;
    color: #414042;
}

.sub-heading{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.1599999964237213px;
    color: #FFFFFF;
    width: 485px;
    margin: 0 auto;
}

.card {
    background: #FFFFFF;
    border-radius: 60px;
    flex-direction: row;
    box-shadow: 0 0 0 10px rgb(23 38 70);
}

.left-section, .form-container {
    width: 50%;
}

.left-section img {
    width: 100%;
    border-radius: 60px 0px 0px 60px;
} 
.form-heading {
    margin-top: 5%;
    margin-bottom: 25px;
    font-size: 24px;
    font-weight: 500;
}

.form-container {
    padding: 5%;
}
.header-text-wrapper {
    margin-bottom: 24px;
}

.login-wrapper input {
    height: 40px;
}
.logo {
    margin-top: 16px;
}
.forgot-password {
    margin-top: 15px;
}
.forgot-password a{
    color:#0060F0;
}
.signin-btn {
    background: #172646;
}

.footer-container {
    text-align: center;
    padding: 15px;
    height: auto;
    bottom: 0;
    width: 100%;
    margin-top: 16px;
}

.footer-container a,.footer-container a:visited,.footer-container a:active {
    color: black;
}

.footer-container>ul {
    list-style: none
}

.footer-container>ul>li {
    display: inline-block;
    border-right: 1px solid #fff;
    padding: 0 8px;
    font-size: 16px;
    font-weight: 400;
}

.footer-container>ul>li:last-child {
    border-right: none
}

.ui-content-bodysmall {
    color: black;
    font-size: 12px;
}


/* Media Queries for the pages */
@media (min-width: 992px) {
    .login-wrapper {
        max-width: 885px;
    }
}
@media (max-width: 990px) {
    .form-container {
        width: 100%;
    }
    .sub-heading {
        width: auto;
    }
    .footer-container>ul>li { 
        margin-bottom: 5px;
    }
    .footer-container>ul {
        padding: 0px;
    }
}

/* manhattan styles for input */
.manhattan-input {
    width: 100%;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1rem;
    padding: 0 0 8px;
    margin-top: 0;
    font-weight: 400;
    line-height: 1.5rem;
    text-align: left;
    border-radius: 0;
    border: 0;
    font-family: inherit;
}

#forgotPwdButton{
    cursor: pointer;
    color:#0060F0;
    text-decoration: underline;
}

#loginButton{
    color:white;
}

.button-group-wrapper{
    display: flex;
}

.forgot-btn-grp{
    width: 71px !important;
}

.submit-btn{
    background-color: #172646;
}

.cancel-btn{
    border-color: #212529;
    background-color: white;
    color: #212529;
    margin-right:20px;
}

.btn+.btn {
    margin: 0 !important;
}

#resendOTP{
    margin-top: 15px;
    cursor: pointer;
}

#help-wrap{
    margin-top: 15px;
}

#help-header{
    font-weight: 700;
}

#alert-section{
    margin-top: 20px;
    margin-bottom: 20px;

}

#requestSubmitted{
    background: rgba(8, 70, 168, 0.1);
    border-left-width: 4px;
    border-left-color: #0A4386;
}

#alert-wrapper{
    display: flex;
}

#alert-body{
    margin-left: 10px;
}

.form-text{
    font-size: 14px;
}

#login-error{
    display: flex;
}

#login-error-text{
    margin-left: 5px;
    color:#bf2155;

}