body {
    background: #fff url(../images/bottom-bg.png) no-repeat fixed left bottom;
    height: 100%;
    padding: 0;
    margin: 0;
}
.login-container {
    background: url(../images/top-bg.png) no-repeat right top;
}
.login-container-inner {
    /*background: #a1d7f5 url(../images/top-bg.png) no-repeat right top;*/
       background: #383b76 url(../images/top-bg.png) no-repeat right top;/*edited By amit*/
    
    width: 100%;
    padding-top: 150px;
    padding-bottom: 40px;
}
.login-container-inner .logo {
   /* background: url("../images/logo-blue.png") no-repeat;*/
    background: url("../images/vatmate-logo-png-white.png") no-repeat;/*edited By amit*/
    background-size: 240px;
    width: 250px;
    height: 87px;
    display: block;
    margin: 0 auto;
    font-size: 0;
        background-position: center;
}


.arrow-down {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 50px solid #383b76;/*edited By amit*/
   /* border-top: 50px solid #a4d7f4;*/
    margin: 0 auto;
}
/*added by amit*/
input[type=text]:focus {
    border: 1px solid #009fe3;
}
input[type=password]:focus {
    border: 1px solid #009fe3;
}
select:focus{
     border: 1px solid #009fe3;
    outline: none;
}
input[type=email]:focus {
    border: 1px solid #009fe3;
    outline: none;
}/*end added by amit*/
.container {
    width: 100%;
    padding: 0;
}
.login-form {
    max-width: 400px;
    margin: 0 auto;
    padding: 0 10px
}
.login-form .form-control {
    height: 42px;
    padding: 10px 12px;
}
.btn-primary {
    background: #009fe3;/*edited by amit*/
    /*background: #1c3f95;*/
}
h3.title-24 {
    color: #383b76;/*edited by amit*/
     /*color: #1c3f95;*/
    font-size: 24px;
     font-family: Sans-Serif;/*edited by amit*/
}
.modal-footer .btn-primary /*added by amit*/
{
    color: #fff;
    background-color: #009fe3;
    border-color: #009fe3;
}
.push-bottom-20 {
    margin-bottom: 20px;
}
.push-top-10 {
    margin-top: 10px;
}
@media screen and (max-width: 768px) {
    body {
        background-size: 100%;
    }
}
@media screen and (max-width: 767px) {
    .login-container {
        background-size: 50%;
    }
    .login-container-inner {
        padding-top: 40px;
        background-size: 50%;
    }
    .arrow-down {
        display: none;
    }
    .login-container-inner .logo {
        background-size: 100%;
        width: 150px;
        height: 54px;
    }
}