.section-calculator.calc {
    background: #F2F8FC;
    padding-top: 52px;
    padding-bottom: 52px;
}

.table-of-contents {
    margin-top: 40px;
    padding-left: 12px;
    border-left: 2px solid #f1f1f1
}

.toc-mobile {
    display: none
}

h4.toc {
    font-family: Oswald,Arial,sans-serif;
    font-family: 18px;
    text-transform: uppercase
}

.toc-ul {
    list-style: none;
    margin-left: 0;
    padding-left: 3px
}

.toc-ul li {
    font-family: museo-sans,arial,sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 32px;
    border-bottom: 1px solid #f1f1f1
}

.toc-ul li a {
    color: #6f6a74
}

.toc-ul li a:hover {
    color: #592c82
}

.toc-ul li i {
    padding-right: 4px
}

.toc-ul li ul {
    list-style: none;
    margin-left: 4px
}

.toc-ul li ul li {
    font-family: museo-sans,Arial,sans-serif;
    font-size: 12px;
    line-height: 15px
}

.toc-ul li ul li a {
    padding-left: 0;
    margin-left: 0
}

.toc-ul li ul li a:hover {
    color: #00aac6;
    text-decoration: underline
}

.toc-ul ul.fa-ul li {
    text-indent: 0;
    padding: 6px 0;
    border-bottom: 1px solid #f1f1f1
}

.toc-ul ul.fa-ul li a {
    color: #00aac6
}

.tab-pane {
    padding-right: 20px
}

.tab-pane ol li {
    font-family: sanchez,Arial,sans-serif;
    font-size: 18px;
    color: #00aac6;
    padding-bottom: 10px
}

.tab-pane li p {
    font-family: museo-sans,Arial,sans-serif;
    font-size: 14px;
    color: #6f6a74;
    padding-top: 3px
}

.tab-pane ul.instructions,ul.instructions {
    list-style: none;
    padding-left: 0
}

.tab-pane ul.instructions li,ul.instructions li {
    padding: 10px 0;
    border-bottom: 1px solid #dcddde
}

.tab-pane ul.instructions li span,ul.instructions li span {
    font-weight: 700;
    color: #592c82
}

.label-glossary {
    background-color: #a7a9ab
}

.label.label-not-taxed {
    background-color: #53934f;
    font-size: 13px;
    line-height: 26px;
    text-transform: uppercase
}

.nav-tabs>li.active>a>span.label-glossary {
    background: #592c82
}

.hsa-guide-content a {
    text-decoration: underline
}

.hsa-guide-content h2 {
    font-family: Oswald,Arial,sans-serif;
    font-size: 27px;
    color: #592c82;
    line-height: 38px;
    text-transform: uppercase
}

.hsa-guide-content h3 {
    font-family: sanchez,Arial,sans-serif;
    font-size: 18px;
    color: #00aac6;
    text-transform: initial;
    margin-bottom: 5px
}

.getting-started img {
    margin-top: -30px;
    padding: 0 20px 20px;
    max-width: 250px
}

.getting-started ul li {
    padding-bottom: 10px
}

.otc {
    background: #f6f6f6;
    padding: 20px 25px
}

.section-calculator .contri-year > label,
.section-calculator .calc-note {
    font: normal normal bold 17px / 28px DM Sans;
    letter-spacing: -0.5px;
    margin-bottom: 32px;
  color: #121F29;
}

.section-calculator .contri-year.difer > p.blocknotes {
  font: normal normal 300 16px/24px DM Sans;
  letter-spacing: -0.4px;
  color: #C54D07;
  margin-bottom: 32px;
}

.section-calculator .contri-year.difer > label {
  margin-bottom: 8px;
}

.section-calculator hr {
    margin-top: 72px;
    margin-bottom: 72px;
    border: 0;
    border-top: none;
    height: 4px;
    background: #BED8E7 0% 0% no-repeat padding-box;
}

.section-calculator .nav-tabs>li {
    float: left;
    margin-bottom: 0;
    margin-right: 16px;
}

.otc h3 {
    font-family: sanchez-semibold,Arial,sans-serif;
    color: #592c82;
    margin-top: 5px
}

.otc img {
    padding-right: 15px;
    padding-bottom: 15px;
    float: left
}

.contribution-limits {
    background: #f8f8f8;
    font-size: .95em;
    max-width: 240px;
    padding: 20px;
    float: right;
    margin-left: 25px
}

.contribution-limits h3 {
    font-family: sanchez-semibold,Arial,sans-serif;
    font-size: 17px;
    line-height: 21px;
    color: #592c82;
    margin-top: 0
}

.debit-card {
    float: right;
    padding-left: 25px
}

.debit-card span {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    padding-left: 5px
}

.equation {
    font-size: 25px;
    font-weight: 500;
    line-height: 30px
}

.fraction {
    display: inline-block;
    text-align: center;
    font-size: 50%;
    line-height: 15px
}

.fraction,.fraction-top,.fraction-bottom {
    padding: 5px 0
}

.fraction-bottom {
    border-top: 1px solid #000;
    display: block
}

.investing .tab-pane {
    padding-top: 0;
    padding-left: 15px
}

.investing .tab-pane h3 {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    color: #592c82;
    padding-top: 5px;
    padding-bottom: 0
}

.investing .tab-pane ul.instructions li ul li {
    border-bottom: none;
    padding-bottom: 2px
}

.investing .contribution-limits {
    float: none;
    max-width: none;
    width: auto;
    margin-left: 0;
    padding: 10px 15px 15px
}

.investing .contribution-limits span.voltage {
    font-size: 18px;
    color: #00aac6
}

.faq-question {
    font-size: 16px;
    font-weight: 700
}

.maximize table {
    width: 60%;
    margin-top: 20px
}

.retirement-guide table th {
    background: #6f6a74;
    color: #fff;
    font-family: sanchez,Arial,sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase
}

.not-taxed {
    color: #53934f;
    font-family: oswald;
    font-size: 13px;
    line-height: 25px;
    text-transform: uppercase;
    padding-bottom: 10px
}

.taxed {
    color: #6f6a74;
    font-family: oswald;
    font-size: 13px;
    line-height: 25px;
    text-transform: uppercase;
    padding-bottom: 10px
}

.save-now ol li {
    font-family: sanchez,Arial,sans-serif;
    font-size: 14px;
    color: #592c82;
    padding-bottom: 10px;
    margin-left: -25px;
    text-transform: uppercase
}

.save-now li p {
    font-family: museo-sans,Arial,sans-serif;
    text-transform: initial;
    font-size: 14px;
    color: #6f6a74;
    padding-top: 3px
}

.what-if img {
    margin-top: -30px;
    padding: 0 20px 20px;
    float: right
}

.member-portal hr {
    padding: 0;
    margin-bottom: 0
}

.member-portal h4 {
    font-family: sanchez,Arial,sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    color: #592c82;
    padding-top: 15px
}

.member-portal .tab-pane h3 {
    font-family: sanchez,Arial,sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    color: #592c82;
    margin-top: 8px
}

.member-portal .tab-pane ul.instructions li ul li {
    border-bottom: none;
    padding-bottom: 0
}

.member-portal .contribution-limits {
    margin-top: 20px;
    margin-bottom: 30px
}

.member-portal .contribution-limits h3 {
    text-transform: initial
}

.member-portal .contribution-limits ol li {
    color: #6f6a74;
    font-family: museo-sans,arial,sans-serif;
    font-size: 13px;
    margin-left: -25px
}

.member-portal .screenshots {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    padding-left: 5px
}

.mobile-app .tab-pane {
    padding-top: 30px
}

.mobile-app .tab-pane h3 {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    color: #592c82;
    padding-top: 17px;
    padding-bottom: 9px
}

.mobile-app .tab-pane ol {
    padding-left: 30px
}

.mobile-app .tab-pane ol li {
    font-family: museo-sans,Arial,sans-serif;
    font-size: 14px;
    color: #6f6a74
}

.app-screenshot {
    float: left;
    padding-right: 20px;
    margin-left: -15px
}

.app-screenshot2 {
    padding-right: 20px;
    margin-left: -15px
}

.nav-tabs>li>a>span.label-glossary {
    vertical-align: top;
    line-height: 20px;
    margin-left: 0
}

.glossary ol li {
    font-family: museo-sans,Arial,sans-serif;
    font-size: 14px;
    color: #6f6a74
}

@media(min-width: 769px) {
  .martop30.tab-pane > .row > .col-lg-8 {
      padding-right: 100px;
  }
}

@media(max-width: 1199px) {
    .mobile-app .tab-pane {
        padding-top:10px
    }

    .mobile-app .tab-pane h3 {
        padding-top: 40px
    }

    .app-screenshot2 {
        padding-top: 20px;
        margin-left: -15px
    }

    .app-guide-content {
        margin-left: -68px
    }
}

@media(max-width: 991px) {
    .table-of-contents {
        margin-top:5px;
        margin-left: -30px;
        padding-left: 0;
        border-left: none;
        text-align: center
    }

    h4.toc {
        display: none
    }

    .toc-mobile {
        display: block;
        background: #f1f1f1;
        text-align: center;
        padding: 10px 0;
        margin: -25px -5px 10px
    }

    .toc-mobile:hover {
        background: #f8f8f8
    }

    .toc-mobile a {
        font-weight: 500;
        color: #00aac6;
        text-transform: uppercase;
        text-decoration: none
    }

    .toc-mobile a:hover,.toc-mobile a:focus {
        color: #00aac6;
        text-decoration: none
    }

    .toc-desktop {
        display: none
    }

    .toc-ul {
        border-left: none;
        padding-left: 30px
    }

    .toc-ul li i {
        display: none
    }

    .glossary .nav-tabs,.glossary-legend {
        display: none
    }

    .glossary .tab-content {
        margin-top: -30px
    }

    .app-guide-content {
        margin-left: 0
    }
}

@media(max-width: 768px) {
    .app-screenshot2 {
        margin-left:-15px;
        padding-top: 20px;
        margin-right: 20px
    }

    .getting-started img {
        padding: 0 0 20px 20px;
        max-width: 230px
    }
}
@media(max-width: 767px) {
    .app-screenshot,.app-screenshot2 {
        display:none
    }

    .mobile-app .tab-pane {
        padding-top: 0
    }

    .mobile-app .tab-pane h3 {
        padding-top: 8px
    }
}

@media(max-width: 480px) {
    .nav-tabs>li {
        width:100%;
        text-align: center
    }
}

@media(max-width: 414px) {
    .contribution-limits {
        display:block;
        float: none;
        margin: 20px 0;
        max-width: none;
        width: auto
    }

    .debit-card {
        float: none;
        padding: 18px 0;
        margin-left: -2px
    }

    .getting-started img {
        display: none
    }

    .maximize table {
        width: 100%
    }

    .otc img {
        margin: 0 auto;
        padding-bottom: 5px;
        display: block;
        float: none;
        max-width: 90px
    }

    .what-if img {
        display: none
    }
}

@media(max-width: 384px) {
}

@media(max-width: 375px) {
    .hsa-guide-content h2 {
        font-size:24px;
        line-height: 34px
    }
}

@media(max-width: 360px) {
}

@media(max-width: 320px) {
}


.secondary .panel-group a {
    text-decoration: none
}

.secondary .panel-group a:hover {
    text-decoration: underline
}

.secondary .panel-title a {
    color: #fff;
    font-weight: 700
}

.secondary .panel-title a:hover {
    text-decoration: none
}

.secondary .panel-title a i {
    color: #fff
}

.panel-group .panel {
    margin-bottom: 20px
}

.panel-group .panel+.panel:last-child {
    margin-top: 20px
}

.list-group-item i {
    padding-right: 5px
}

.tools-portal {
    margin-top: 45px
}

.tools-message-center {
    margin-top: 55px
}

.tools-app {
    margin-top: 75px
}

.tools-doc-library {
    margin-top: 40px
}

.tools-btn {
    margin-bottom: 15px;
    margin-right: 5px
}

a.tools-btn i {
    font-size: 1.2em;
    padding-right: 4px
}

.divider {
    padding-top: 40px;
    border-top: 1px solid #f1f1f2
}

.calc select {
    margin-top: 5px
}

.calc label {
    font: normal normal 300 18px / 26px DM Sans;
    letter-spacing: -0.45px;
    color: #121F29;
    padding: 0;
    margin-bottom: 6px;
}

.calc input {
    padding: 5px 10px;
    margin-top: 5px;
    background: #f1f1f2;
    border: 1px solid #e7e7e8;
    font: normal normal 300 14px / 24px DM Sans;
    letter-spacing: -0.35px;
    color: #121F29;
    opacity: 0.75;
}

.calc-steps {
    font: normal normal normal 44px / 50px DM Sans;
    letter-spacing: -1.1px;
    color: #121F29;
    margin-bottom: 32px
}

.calc-steps-description {
    font: normal normal normal 24px / 36px DM Sans;
    letter-spacing: -0.6px;
    line-height: normal;
    color: #121F29;
    margin-bottom: 32px;
}

.calc-note {
    margin-top: -18px;
    padding-bottom: 15px;
    font-weight: 500;
    font-size: 1.1em;
    color: #6d6e70
}

.calc-contribution {
    padding: 24px 32px;
    color: #fff;
    background: #004064 0% 0% no-repeat padding-box;
    border-radius: 4px;
}

.calc-contribution p {
  margin-bottom: 0;
  font: normal normal normal 20px / 36px DM Sans !important;
  letter-spacing: -0.6px;
  line-height: normal;
  color: #FFFFFF;
}

.calc-contribution hr.cont-blue {
    margin-bottom: 32px;
    margin-top: 32px;
    border: none;
    padding-top: 0;
    height: 4px;
    background: #5F8CA6 0% 0% no-repeat padding-box;
}

.calc-contribution i {
    color: #fff;
    font-size: 1.5em;
    padding-right: 5px
}

.calc-error {
    display: block;
    font-family: sanchez-italic;
    font-size: .8em;
    font-weight: 400;
    padding-top: 0
}

.calc-contribution i.error {
    font-size: 1.1em;
    color: #d1d2d4
}

.secondary .payroll-note {
    color: #00aac6;
    font-size: .95em;
    font-style: italic;
    margin-bottom: 5px
}

.contribution {
  font: normal normal normal 34px / 50px DM Sans;
  letter-spacing: -1.1px;
  font-family: DM Sans, sans-serif;
  line-height: normal;
}

.input-group .form-control {
    background: #a7a9ab
}

.secondary .statestreet-calc {
    font-size: 1.3em;
    font-family: sanchez,arial,sans-serif;
    margin-top: 25px;
    margin-bottom: 0
}

.statestreet-contribution {
    font-size: .9em
}

.experts {
    border-top: 1px solid #dcddde;
    border-bottom: 1px solid #fff
}

.experts .phone {
    font-size: 1.3em;
    font-weight: 700;
    color: #0070b9
}

.trusted-advisors {
    position: relative;
    font-family: oswald,sans-serif;
    text-transform: uppercase
}

.ta-text {
    position: absolute;
    top: 38%;
    left: 40%
}

.ta {
    background: #592c82;
    color: #fff;
    padding: 10px 20px;
    font-size: 1.6em
}

.contribution-year {
    background: #f25e08 0 0 no-repeat padding-box;
    border-radius: 4px;
    color: #fff;
    letter-spacing: -.6px;
    margin-bottom: 40px;
    padding: 8px 20px;
  width: fit-content;
    font: normal normal bold 24px / 36px DM Sans;
}

.calc.section-calculator select.form-control {
    margin-top: 5px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 4px;
    border: none;
    box-shadow: none;
    padding: 0 10px;
    margin: 0;
}

.calc input {
    background: #fff;
    border: none;
    margin-top: 0;
    padding: 5px 10px;
    float: right;
}

.tab-pane .form-group {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
}

div#Proration hr {
    margin-top: 32px;
    margin-bottom: 32px;
}

div#Proration form {
    background-color: transparent;
    font-style: normal;
    border: none;
    text-decoration: none;
    padding: 0;
    margin: 0;
}

div#Proration hr.litleline {
    margin-bottom: 16px;
    margin-top: 16px;
    width: 100%;
    background: #F25E08;
    opacity: 0.2;
    float: left;
    margin: 16px 0;
}

.calc div#Proration input#months {
    background: #fff;
    border: none;
    float: right;
    margin-top: 0;
    padding: 5px 10px;
    margin-left: 20px;
}

.calc div#Proration select {
    background: #fff 0 0 no-repeat padding-box;
    border: none;
    border-radius: 4px;
    box-shadow: none;
    margin: 0;
    height: 32px;
    padding: 0 10px;
    margin-left: 0;
  margin-top: 6px;
}

div#Proration .inputinner.buttons {
    margin-top: 20px;
}

span.vlaue {
    margin-right: 20px;
}

div#Proration form fieldset {
    max-width: 100% !important;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    row-gap: 30px;
}

div#Proration .inputinner {
    display: flex;
    /* column-gap: 50px; */
    justify-content: flex-start;
    align-items: center;
    align-content: center;
  margin-top: 6px;
}

div#Proration form input[type=checkbox], div#Proration form input[type=radio] {
    cursor: pointer;
    margin-right: .5rem;
    margin-top: 0;
}

/* .calc div#Proration label {
  margin-bottom: 0;
} */

/* .calc div#Proration .inputgroup {
    display: flex;
    align-items: center;
    align-content: center;
    column-gap: 10px;
} */

.calc div#Proration form label {
    font-weight: 600;
    margin-bottom: 15px;
}

div#Proration input#maxCont {
    margin-left: 20px;
}

div#Proration .notetaking {
    background: #fff;
    margin-top: 32px;
    padding: 20px;
    border-radius: 4px;
    font-size: 13px;
    margin-bottom: 32px;
}

.tab-pane .notetaking ol li {
    color: #f25e08;
    font-size: 13px;
    padding-bottom: 2px;
}

div#Proration input#reset-button {
    background-color: #121f29;
    color: #fff;
    border: none;
    border-radius: 4px;
    color: #fff;
    font-family: DM Sans, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    padding: 8px 20px;
    text-decoration: none;
    text-transform: none;
}

@media (min-width: 1200px) {
  div#Proration .col-lg-7.col-md-7 {
    padding: 0;
  }
}
div#Proration .inputinner.buttons {
  padding-top: 20px;
}

@media(max-width: 991px) 
  .calc-contribution {
    margin-top: 20px;
  }
  div#Proration .inputinner.buttons {
      margin-top: 50px;
      /* display: block; */
      width: 100%;
        margin-bottom: 20px;
  }
  .calc div#Proration input#months {
    float: left;
    margin-left: 0;
  }
}