.vertical-center {
    display: flex;
    align-items: center;
    min-height: 100vh;
}
body{
    background-color:#eff0f1 !important
}
.auth-box{
    width:50%;
    margin-left:auto;
    margin-right:auto;
    display:block;
    background-color:#fff !important;             
    box-shadow: none;
    border: 1px solid #ddd;
    border-radius: 6px ;
    padding:0;
}
.company-logo-outer{
    display:block;
    width:100%;
    margin-top:auto;
    margin-bottom:auto;
    height:90%;
    border-right:1px solid #b2b2b2;
}
.auth-header{
    display:block;
    width:100%; 
    height:15px;
    background-color:#2970FF;
    border-radius: 6px 6px 0px 0px ;
}
.auth-box-outer{
    display:block;
    padding:20px;
}
.auth-box-outer input{
    border-radius: 2px ;
}
.company-logo-outer{
    display:flex; 
    width:100%;
    height:100%;
}
.company-logo-outer img{
    margin:auto;
}
.auth-box-outer .btn-primary{
    background: #2970FF!important;
    border-color: #2970FF!important;
}
.auth-box-outer .btn-primary:hover{
    background: #2970FF!important;
    border-color: #2970FF!important;
}
.auth-box-outer label{
    padding-bottom:5px;
}
.auth-box-outer .btn-link{
    text-decoration:none;
    color: #000;
    font-size:14px;
}
.btn-bordered, button.btn.btn-primary.btn-bordered {
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #2970FF;
    background-color: #fff;
    color: #2970FF;
    padding: 14.7px 28px;
    border-radius: 30px;
    line-height: 1.2;
    transition: all .5s;
}
.btn-bordered.sm, button.btn.btn-primary.btn-bordered.sm { 
    padding: 14.7px 20px;
}
.btn-bordered.highlight, button.btn.btn-primary.btn-bordered.highlight {
    background-color: #2970FF;
    color: #fff; 
}
.btn-bordered.highlight:hover, button.btn.btn-primary.btn-bordered.highlight:hover {
    border: 1px solid #2970FF;
    background-color: #fff;
    color: #2970FF; 
}
.btn-bordered:hover, button.btn.btn-primary.btn-bordered:hover {
    background-color: #2970FF;
    color: #fff;
    border: 1px solid #2970FF;
}
@media (max-width: 767px) {

    .auth-box{
        width:100%;
    }
    .company-logo-outer{
         
        border-right:none;
        margin-bottom:38px;
    }
}
@media (max-width: 990px) {
    
    .auth-box{
        width:80%;
    }
}