﻿@charset "UTF-8";
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(//fonts.gstatic.com/s/roboto/v15/oMMgfZMQthOryQo9n22dcuvvDin1pK8aKteLpeZ5c0A.woff2) format('woff2'), url(//fonts.gstatic.com/s/roboto/v15/CrYjSnGjrRCn0pd9VQsnFOvvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(//fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOJBw1xU1rKptJj_0jans920.woff2) format('woff2'), url(//fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOLO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: local('Roboto Italic'), local('Roboto-Italic'), url(//fonts.gstatic.com/s/roboto/v15/vPcynSL0qHq_6dX7lKVByXYhjbSpvc47ee6xR_80Hnw.woff2) format('woff2'), url(//fonts.gstatic.com/s/roboto/v15/1pO9eUAp8pSF8VnRTP3xnnYhjbSpvc47ee6xR_80Hnw.woff) format('woff');
}

html, body {
    height: 100%;
    min-height: 100%;
}

body {
    background: #F8F8F9;
    padding-bottom: 150px;
}

body, p, td, li, h1, h2, h3, h4, h5, h6, input, textarea {
    font-family: Roboto, sans-serif;
}

.validation-summary-errors {
    background: none repeat scroll 0 0 #FDF2F3;
    border: solid 1px #B12535;
    padding: 1.25rem;
    margin: 0.9375rem;
    color: #B12535;
    text-align: left;
}

.validation-summary-errors span {
    font-size: 1rem;
    font-weight: 700;
}

.validation-summary-errors li {
    font-size: 1rem;
    color: #B12535;
}

.field-validation-error {
    color: #B12535;
    display: block;
    margin: -0.75rem 0 0.75rem;
}

.field-validation-error:before {
    color: #B12535;
    content: "\25B2";
    padding: 0 5px 0 0;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #B12535;
}

select.input-validation-error {
    border: 1px solid #B12535;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-valid {
    display: none;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: underline;
}

.logo {
    align-content: center;
    text-align: center;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

main {
    width: 487px;
    min-height: 550px;
    align-content: center;
    text-align: center;
    margin: 0 auto;
    background: #FFFFFF;
    border: 1px solid #F0F1F3;
    box-sizing: border-box;
    border-radius: 12px;
}

h3 {
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
}

.login-text {
    text-align: center;
    letter-spacing: -0.03em;
    color: #000000;
}

label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    color: #1A1A1A;
    padding-bottom: 5px;
}

.input-row {
    margin-top: 34px;
    margin-left: 72px;
    margin-right: 72px;
}

.text-box {
    width: 343px;
    height: 48px;
    padding-top: 10px;
    padding-right: 14px;
    padding-bottom: 10px;
    padding-left: 14px;
    background: #FFFFFF;
    border: 1px solid #C1C7CF;
    box-sizing: border-box;
    border-radius: 3px;
}

.button {
    width: 343px;
    height: 50px;
    margin: 0 auto;
    margin-top: 34px;
    margin-bottom: 33px;
    background: #0B7563;
    border-radius: 4px;
    border-width: 0px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
}

.forgotpassword {
    margin-right: 72px;
    margin-bottom: 72px;
    border-radius: 4px;
    text-align: right;
    margin: 0 auto;
}

.forgotpassword-text {
    margin-right: 72px;
    margin-bottom: 75px;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #0B7563;
}

.createaccount {
    padding-top: 75px;
    width: 155px;
    height: 24px;
    border-radius: 4px;
    margin: 0 auto;
    text-align: center;
    align-self: center;
    align-content: center;
}

.createaccount-text {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    align-items: center;
    color: #0B7563;
}

@media only screen and (max-width: 767px) {
    .inlined {
        padding-top: 0;
    }
}

@media only screen and (max-width: 640px) {
    body {
        padding-top: 0;
    }
}

@media only print {
    footer, #lesser, #grey-bar, #alert-bar, .notattached, .attached, td.delete, td.selectMsg, .quickside, .breadcrumbs {
        display: none !important;
        visibility: hidden;
    }

    #main-content > section > .row {
        border: none;
    }

    h1 {
        padding: 0;
        color: #000 !important;
        background-color: #fff;
    }

    a[href]:after {
        content: "";
    }

    p, li, blockquote, td {
        line-height: 120%;
    }

    li {
        margin: 0.25rem 1em;
    }
}