:root {
    --dis-primary: #024975;
    --dis-primary-dark: #023c60;
}

body {
    font: 14px Lato,Trebuchet MS,Arial,Tahoma;
    color: #444;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background: #ECE9E6; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #FFFFFF, #ECE9E6); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #FFFFFF, #ECE9E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

html, body {
    height: 100%;
}

#form-account {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
}

    #form-account #controls {
        background: #fff;
        padding: 2.2rem;
        border-radius: 5px;
        -moz-box-shadow: rgba(0,0,0,0.1) 0 0 10px;
        -webkit-box-shadow: rgba(0,0,0,0.1) 0 0 10px;
        box-shadow: rgba(0,0,0,0.1) 0 0 10px;
    }

#form-account h2 {
    font-size: 22px;
    text-align: center;
}

    #form-account .form-group:last-child {
        margin-bottom: 0;
    }

/*Validation Summary Errors*/
.validation-summary-errors ul {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}

.validation-summary-errors .close {
    padding: 0.60rem 1.25rem;
}

#system-name {
    font-size: 20px !important;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

    #system-name span:nth-child(1) {
        color: #f3853d;
    }

    #system-name span:nth-child(2) {
        color: #34478e;
        letter-spacing: -2px;
    }

    #system-name span:nth-child(3) {
        font-weight: normal;
    }

    .alert .btn-close {
        height: 100%;
    }