@import url(https://fonts.googleapis.com/css?family=Cabin);

html, body {
    font-family: Cabin,"Helvetica Neue",Arial,Helvetica,sans-serif
}

.chunky-btn {
    background: #e50b7e;
    color: #fff;
    border: 0;
    border-radius: 0;
    transition: all .15s linear;
}

.chunky-btn:hover {
    background: #b40963;
    border: 0;
}

.salary-form {
    background: #e6f5fb;
    color:#000;
}

.salary-fieldset__column--label {
    color: #000;
    padding: .5em .7em .5em .5em;
}

.salary-fieldset__column--input {
    padding: .5em .5em .5em .5em;
}

.salary-fieldset__legend {
    background: #e6f5fb;
    color:#000;
    border-bottom:1px solid #ccc;
    margin: 0 7px 10px 7px;
    padding: .5em 0;
}

.salary-fieldset {
    border: 0;
    border-radius: 0;
}

.salary-fieldset__row {
    border: 0;
}

.salary-fieldset__input {
    width: 120px;
    color: #000;
}

.salary-fieldset__select, .salary-fieldset__select--frequency {
    color: #000;
}

.salary-details {
    border:0;
    border-radius: 0;
}

.salary-detail-table__row-heading, .salary-detail-table__row-heading--first {
    background:#00aae3;
    color:#fff;
}

.salary-detail-freq {
    background:#00aae3;
}

.salary-detail-freq__btn {
    color: #fff;
}

.salary-detail-freq__btn--selected, .salary-details.-daily .daily, .salary-details.-hourly .hourly, .salary-details.-monthly .monthly, .salary-details.-weekly .weekly, .salary-details.-yearly .yearly {
    color: #00aae3;
    border:0;
    border-radius: 0;
}

.salary-detail-table td {
    border-top: 1px solid #00aae3
}

@media (min-width: 551px) {
    .salary-detail-table .calculation-column {
        text-align: center !important;
    }
}

.salary-detail-table th {
    text-align: center !important;
}