body, html {
    height: 100%;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}

#header {
    opacity: .8;   
}

.login-header-big {
    color: #F75800;
    font-size: 3em;
    font-weight: 800;
}

#main {
    padding-bottom: 0px;
}
#extr-page #main {
    padding-top: 0px;
}

.hero-image {
    background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .5)), url('../images/BaySunset.jpg');
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.hero-text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-90%, -20%);
    color: white;
}


.smart-form {
    background-color: rgba(255, 255, 255, 0.1);
    transform: translate(0%, 10%);
    width: 55%;
    margin-left: 40%;
    color: #fff;
    border: solid 1px white;
}

.smart-form fieldset {
    background: none;
}

.smart-form .label {
    color: #fff;
}

.smart-form input[type="text"], .smart-form input[type="password"] {
    background: transparent;
    color: #fff;
    box-shadow: white 0px 1px;
    border: none;
}

.smart-form .note a {
    color: #fff;
}

.smart-form button {
    background-color: #334579;
    border-color: white;
}

.smart-form input[type="text"] .toggle {
    border-color: #334579;
}

.smart-form .checkbox {
    color: #fff;
}

.client-form header {
    background: none;
    color: #fff;
    font-size: 1.5em;
    border: none;
}

.client-form footer {
    background: none;
    border: none;
}

.btn-primary {
    background-color: #334579;
    border-color: white;
}

.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
    background-color: #F75800;
    border-color: white;
}