.mk-wizard-teaching-earn > .sliders {
    background-color: #eee;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 2em;
}

.mk-wizard-teaching-earn > div h4 {
    margin: 20px 0 5px 0;
    text-transform: capitalize;
    font-family: 'Lato';
}

.mk-wizard-teaching-earn .range input[type=range] {
    min-width: 200px;
}

.mk-wizard-teaching-earn .range .amount {
    font-size: 20px;
}

.mk-wizard-teaching-earn > .total {
    background-color: var(--primary);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    color: #fff;
    padding: 2em;
}

.mk-wizard-teaching-earn > .total > h4 {
    color: #fff;
    margin: 0 0 0.5em;
}

.mk-wizard-teaching-earn > .total > .earnings {
    font-size: 36px;
    line-height: 1.0em;
    font-family: 'Lato';
}

.mk-wizard-teaching-earn > .total > .extra-earnings {
    margin-top: 0.5em;
}

.mk-wizard-teaching-earn > .total > .extra-earnings .add-hours {
    background-color: #fff;
    border-radius: 10px;
    display: inline-block;
    margin-left: 1em;
    padding: 3px 8px;
    border: 2px #000000;
}

.mk-wizard-teaching-earn > .total > .extra-earnings .add-hours:focus {
    outline: none;
}

.mk-wizard-teaching-earn .range-wrapper .markers > .marker > .line {
    background-color: #aaa;
    height: 10px;
    width: 1px;
}

.mk-wizard-teaching-earn .range-wrapper input[type=range] {
    display: block;
}

.mk-wizard-teaching-earn {
    font-family: 'Lato';
}