#login-form-container {
    .card-info > .card-header {
        color: var(--login-panel-heading-color) !important;
        background: var(--login-panel-heading-backgroundColor) !important;
        border-color: var(--login-panel-heading-borderColor) !important;
    }
    
    .btn-info {
        color: var(--login-panel-heading-color) !important;
        background: var(--login-panel-heading-backgroundColor) !important;
        border: 1px solid var(--login-panel-heading-borderColor) !important;
    }
    
    .btn-info:hover {
        background-color: var(--login-panel-heading-backgroundColor-2) !important;
        border: 1px solid var(--login-panel-heading-borderColor) !important;
    }
    
    .btn-info:active{
        background-color: var(--login-panel-heading-backgroundColor-2) !important;
    }
    
    .btn-info:visited{
        background-color: var(--login-panel-heading-backgroundColor-2) !important;
    }
    .wizard-steps{
        width: 100% !important;
    }
    #wrapper{
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        -o-background-size: cover !important;
        background-size: cover !important;
    }
    .login-sidebar{
        overflow-y: auto;
    }
    .img-container, .img-preview {
        background-color: transparent;
    }
}