html,
body {
    height: 100% !important;
}

body {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    background-color: #f5f5f5 !important;
    background: url(/assets/sunslots/sunsation-bg.jpg) center top no-repeat !important;
}

.logo {
    background: url(/assets/sunslots/sunsation-ani.gif) center top no-repeat !important;
    width: 100% !important;
    height: 300px !important; 
    margin-bottom:20px;
}
.sun {
    /*position: relative;*/
    margin-bottom: 20px !important;
}

    .sun div {
        /*width: 71px !important;
    height: 51px !important;
    position: absolute !important;
    top:-10px !important;*/
    }

body {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    background-size: cover !important;
    -o-background-size: cover !important;
}

.form-signin {
    width: 100% !important;
    /*max-width: 330px;
    padding: 15px !important;
    margin: 100px  !important;
    background-color: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid #FFF !important;
    border-radius:15px !important;*/
}

    .form-signin .checkbox {
        font-weight: 400 !important;
    }

.form-control, .nLoginFields .form-control.formUser {
    position: relative !important;
    box-sizing: border-box !important;
    height: auto !important;
    padding: 10px !important;
    font-size: 16px !important;
    border-radius: 20px !important;
    font-weight: bold !important;
    background: #1F3C6E !important;
    color: #FFFFFF !important;
    text-align: center !important;
}

    .form-control::placeholder, .nLoginFields .form-control.formUser {
        text-transform: uppercase !important;
    }

.form-signin .form-control:focus, .nLoginFields .form-control.formUser {
    z-index: 2 !important;
}

input[type="email"] {
    margin-bottom: -1px !important;
    /* border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important;*/
}

input[type="password"] {
    margin-bottom: 10px !important;
    /*border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;*/
}

.btn-spark {
    background: #A08E3C !important;
    border: #A08E3C !important;
    border-radius: 20px !important;
    font-weight: bold !important;
    color: #FFFFFF !important;
    text-align: center !important;
    text-transform: uppercase !important;
}

    .btn-spark:hover {
        background: #A08E3C !important;
        border: #d3c274 2px solid !important;
        border-radius: 20px !important;
        font-weight: bold !important;
        color: #FFFFFF !important;
        text-align: center !important;
        text-transform: uppercase !important;
    }


.find-div, .login-additional, .login-customer-care, .login-copyright, .pass-btn-coluser, .showhide {
    width: 0px !important;
    height: 0px !important;
    display: none !important;
}
#form1 {
width: 100%;
}
.inputuser, .inputpass {
    padding: 0px 15px;
}
.btn-lg {
    padding: 8px 16px !important;
}