.body-bg {
    /* The image used */
    background-image: url('/tekfrota/images/bg_login.png');
    /* Full height */
    height: auto;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.modal-body {
    height:300px;
    overflow:auto;
}

.loginColumns {
    /* max-width: 800px;*/
    margin: 100px auto;
    padding: 50px 20px 20px 20px;
    /* default fallback */
    /* nice browsers */
    background: rgba(50, 150, 255, 0.5);
}

.terms-text{
    font-family: Vodafone;
    font-size: 15px;
    color: #ffffff !important;
}

.lost-pass {
    font-family: Vodafone;
    font-size: 12px;
    color: #ffffff !important;
}

.pass-recover-text {
    font-family: Vodafone;
    font-size: 18px;
    color: #ffffff !important;
}

.login {
    color: white;
}

.body-bg .container {
    margin-left: auto;
    margin-right: auto;
        
}

@media (max-width: 576px) and (max-height:762px) {
    .loginColumns {
        /*position: absolute;*/
        /*height: 343px;
        width: 100%;*/
        margin-top: calc(50vh - 281px);
    }
}

@media (max-width: 576px) and (max-height:562px) {
    .loginColumns {
        /*position: absolute;*/
        /*height: 343px;
        width: 100%;*/
        margin-top: 0px;
    }
}


    @media (max-height: 543px) {
        .loginColumns {
            position: absolute;
            /*height: 343px;*/
            width: 100%;
            margin-top: calc(50vh - 172px);
        }
    }