body {
	height: 100vh;
    background: url(Images/CardportalBG.jpg) no-repeat;
    background-size:cover;
    padding: 0;
    margin: 0;
	overflow-y: hidden;
}

/*scale to width if screen is larger than FHD */
@media (min-width: 1921px) {
    body {        
        background-size:cover;
    }
}

@media (max-width: 768px) {
    .login-field {
        min-width: 160px;
        width: 90%;
    }

    div#top-menu {
        background: #fff;
        top: 0;
        height: 60px;
        padding-top: 10px;
        position: absolute;
    }

    #LoginFormBodyContent,#CodeRecoveryFormBody {
        margin-top: 10px;
    }

    #side-menu {
        position: absolute;
        top: 60px;
        left: 0;
        background: #fff;
    }

    .body-content {
        background: url(Images/CardportalBG.jpg) no-repeat;
        min-height: 700px;
        background-size:cover;
    }

    body {
        background: none;
    }
}

@media (min-width: 768px) {
    #LoginFormBodyContent,#CodeRecoveryFormBody {
        margin-top: 12%
    }

    .open .dropdown-toggle, .dropdown-toggle, .dropdown-toggle:active, .dropdown-toggle:hover {
        background: transparent !important;
        color: #fff !important;
        border: 0;
    }
    .dropdown-menu, .dropdown-menu:active, .dropdown-menu:hover {
        background: transparent !important;
        color: #fff !important;
        border: 0;
        min-width: 100px;
        width: 100px;
    }
}

.left-padding-20{
    padding-left:20px;
}
.top-margin-0{
    margin-top:0;
    padding-top:0;
}

#buttonFaq {
    display:none;
}