:root {
    --main-bg-color: #7071E5;
    --sec-bg-color: #40C4FF; 
    --font-family: 'Muli', sans-serif;
}

body {
    background: url('../images/login_bg.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	font-family: 'Muli', sans-serif;
    height: 100vh;
    display: flex;
    margin: 0px;
}


h2{
    font-family : 'Muli', sans-serif;
    letter-spacing: 2px;
}

.login-page {
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.form {
    position: relative;
    z-index: 1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,faffcb+75 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #faffcb 75%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #ffffff 0%,#faffcb 75%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #ffffff 0%,#faffcb 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#faffcb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */border-radius: 10px;
    text-align: center;
    box-shadow:  0 5px 30px 0 rgba(0, 0, 0, 0.24);
    border-radius: 50%;
    height: 425px;
    width: 425px;
    box-sizing: content-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.form form{
    width: 250px;
}

.form img{
    margin-bottom: 25px;
}

.form input {
    font-family: 'Muli', sans-serif;
    outline: 0;
    background: rgba(255, 255, 255, .8);
    width: 100%;
    margin: 0 0 0px;
    padding: 0px 15px;
    box-sizing: border-box;
    font-size: 14px;
    border: 0px;
    border-radius: 0px;
    height: 40px;
    text-align: center;
    border-bottom: 1px dashed rgba(239, 211, 196, .8);
}
.form input:-webkit-autofill{
    background: rgba(255, 255, 255, .8);
}
.form button {
    font-family: 'Muli', sans-serif;
    text-transform: uppercase;
    outline: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c8b48b+0,3e5151+100 */
    background: #c8b48b; /* Old browsers */
    background: -moz-linear-gradient(45deg, #c8b48b 0%, #3e5151 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #c8b48b 0%,#3e5151 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #c8b48b 0%,#3e5151 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8b48b', endColorstr='#3e5151',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    width: 100%;
    border: 0;
    color: #FFFFFF;
    font-size: 14px;
    -webkit-transition: all 0.3 ease;
    transition: all 0.3 ease;
    cursor: pointer;
    border-radius: 20px;
    height: 40px
}
.form button:hover,.form button:active,.form button:focus {
	background: #3F403D;
    color : #fff;
}

.input-section{
    position: relative;
    margin: 0 0 20px;
}

#formResponse{
    color: #dc3545!important;
    padding: 5px 0px;
    margin-bottom: 10px;
    /* background: #dc3545!important; */
    font-size: 12px;
}

.input-error{
    color: #dc3545 !important;
    font-size: 12px;
}
/* .failed{
    color: #863f3f;
    padding: 5px 0px;
    margin-bottom: 10px;
    background: #fff3dd;
    font-size: 12px;
} */

.resendotp{
    width: 100%;
    display: block;
    padding: 10px 0;
    color: #505d58;
    margin-top: 0;
    font-size: 14px;
}
#auth_code::placeholder{color: #dcdcdc;}
#auth_code{margin-bottom: 15px !important}


#formResponse.Green{
    color: Green;
}



.creditDiv{
    width: 100%;
    text-align: center;
    margin-top: 25px;
}

.help-block{
    color: red;
    width: 100%;
    display: none;
    text-align: left;
    margin-bottom: 5px;
    font-family: 'Muli', sans-serif;
    font-size: 12px;
}

.has-error .help-block{
    display: block;
}

.credits{
    margin-top: 20px;
    margin-bottom: 0px !important;
}