html {
    font-size: 14px;
    font-family: Roboto;
    position: relative;
    min-height: 100%;
    background-color: #FBFBFB;
}

body {
    margin-bottom: 60px;
    margin-top: 20px;
}

.text-danger {
    color: #102641 !important;
    font-weight: bold;
}

.bold {
    font-weight: bold;
}

.body-1-regular {
    font-size: 16px;
    line-height: 20px;
    color: #102641;
}

.body-2-regular {
    font-size: 16px;
    line-height: 20px;
    color: #102641;
}

.body-2-med {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #102641;
}

.subhead-1-med {
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
    color: #102641;
}

.subhead-2-med {
    font-size: 22px;
    line-height: 28px;
    color: #102641;
}

.small-text-regular {
    font-size: 14px;
    line-height: 18px;
    /*color: #DADADA;*/
}

.page-container {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.top-header {
    width: 100%;
    margin-top: 64px;
    margin-bottom: 20px;
    text-align: center;
}

.app-header {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.app-body {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.check-row {
    text-align: left;
    vertical-align: top;
    margin-bottom: 16px;
}

.check {
    font-weight: bold;
    margin-right: 20px;
    color: #2E70BD;
}

.bullet {
    font-weight: bold;
    margin-right: 20px;
    color: #102641;
}

.address-line {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
}

.address-input, .city-input, .state-input, .zip-input, .account-input {
    border-radius: 10px;
    border: 1px solid #999999;
    padding: 0;
    margin: 0;
    width: 100%;
    padding-left: 20px;
    height: 75px;
}

    .address-input::placeholder, .city-input::placeholder, .state-input::placeholder, .zip-input::placeholder, .account-input::placeholder {
        font-size: 16px;
        line-height: 20px;
        color: #102641;
    }

.state-div {
    width: 50%;
    padding-right: 10px;
    float: left;
}

.zip-div {
    width: 50%;
    padding-left: 10px;
    float: right;
}

.city-line {
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
}

.state-zip-line {
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
}

#validationSummary ul li {
    list-style-type: none !important;
}

.submit {
    font-size: 16px;
    font-weight: bold;
    color: #FEFEFE;
    background-color: #102641;
    border-radius: 100px;
    width: 100%;
    height: 60px;
}

.show-more {
    font-size: 16px;
    font-weight: bold;
    color: #102641;
    border-radius: 100px;
    width: 100%;
    height: 60px;
}

.faq-title {
    margin-top: 16px;
    margin-bottom: 16px;
}

.faq-body {
}

.faq-arrow {
}

.faq-more-div {
    margin-top: 24px;
    margin-bottom: 48px;
    padding-bottom: 48px;
}

.faq-more {
    width: 100%;
    display: none;
}

.faq-item {
    border-radius: 10px;
    border: 1px solid #999999;
    text-align: left;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.app-tables {
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.unavailable {
    display: none;
}

.table-header {
    text-align: left;
}

.station-table {
    width: 100%;
    border: solid 1px #102641;
}

    .station-table td {
        text-align: center;
        border: solid 1px #102641;
    }

.row-wide {
    display: none;
}

.row-narrow {
    display: table-row;
}

@media (min-width: 599px) {
    .page-container {
        width: 66%;
        margin-left: auto;
        margin-right: auto;
    }

    .item-table {
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .city-line {
        width: 50%;
        float: left;
        padding-right: 20px;
    }

    .state-zip-line {
        width: 50%;
        float: right;
    }

    .submit {
        width: 180px;
    }

    .show-more {
        width: 180px;
    }

    .row-wide {
        display: table-row;
    }

    .row-narrow {
        display: none;
    }
}