html,
body {
    top: 0;
    left: 0;
    margin: 0;
    bottom: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    background-color: #66ccff;
}

a,
a:link,
a:hover,
a:active,
a:after,
a:before,
input[type=button],
input[type=submit] {
    outline: 0 !important;
    -webkit-appearance: none !important;
    -moz-outline: 0 !important;
}

input[type=image] {
    outline: 0 !important;
    border: 0 !important;
    -webkit-appearance: none !important;
    -moz-outline: 0 !important;
}

input::-moz-focus-inner {
    outline: 0 !important;
    border: 0 !important;
}

.absolute-center {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.pan-size {
    width: 400px;
    height: 400px;
}

.header {
    height: 250px;
    background: url('../images/logo-smarta-mono.png') no-repeat center;
}

.footer {
    bottom: 0;
    position: fixed;
    width: 100%;
    height: 40px;
    text-align: center;
    color: #fff;
}

.rg-size {
    width: 370px;
    height: 350px;
}

.panel-shadow {
    box-shadow: 0 0 10px #10347d;
    -webkit-box-shadow: 0 0 10px #10347d;
    -moz-box-shadow: 0 0 10px #10347d;
}

.pwd-info-text {
    padding: 0 0 10px 5px;
    color: #555;
    text-align: center;
}

.lost-pwd-button {
    margin-top: 10px;
    float: right;
}

.spacer4 {
    padding: 4px;
}

/* ERROR CODE BLOCK */
.error-code {
    color: white;
}

.error-code h1 {
    font-size: 15em;
}

    .error-code .badge {
        font-size:1.2em;
        font-weight:normal;
        padding: 10px;
    }