ul#amounts label {
    background-color: #0078c1;
    border: 1px solid #0088bb;
    color: #ffffff;
    border-radius: 6px;
    height: 46px;
    padding: 5px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    cursor: pointer;
    outline: 0;
    backface-visibility: hidden;
}

ul#amounts label:hover {
    background-color: #1297c9;
    border-color: #1190c0;
    color: #ffffff;
    -webkit-transition: background .1s linear;
    -moz-transition: background .1s linear;
    transition: background .1s linear;
}

ul#amounts label.active {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #ffffff;
}

/* Amount other */

ul#amounts span.input-group-addon {
    background-color: #0078c1;
    border: 1px solid #0088bb;
    border-right: 0;
    color: #ffffff;
    backface-visibility: hidden;
    cursor: pointer;
    font-weight: 700;
    padding: 5px 16px;
    font-size: 100%;
    outline: 0;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

ul#amounts input[type=number] {
    text-overflow: ellipsis;
    display: inline-block;
    height: 46px;
    font-size: inherit;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    backface-visibility: hidden;
    border: 1px solid #0088bb;
    background-color: #0078c1;
    backface-visibility: hidden;
    font-weight: 700;
    padding: 5px 15px;
    outline: 0;
}

ul#amounts span.input-group-addon.active {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #ffffff;
    border-right: 0;
}

ul#amounts input[type=number].active {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #ffffff;
}

/* Amount other placeholder color */

ul#amounts input[type=number]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ffffff;
}
ul#amounts input[type=number]::-moz-placeholder { /* Firefox 19+ */
    color: #ffffff;
}
ul#amounts input[type=number]:-ms-input-placeholder { /* IE 10+ */
    color: #ffffff;
}
ul#amounts input[type=number]:-moz-placeholder { /* Firefox 18+ */
    color: #ffffff;
}

/* Frequency */

ul#frequency label.active {
    color: #0078c1;
    border-bottom: 2px solid #0078c1;
}

/* Progress bar */

#progress li.active {
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
    color: #0078c1;
}

#progress li.active span {
    background-color: #0078c1;
    border: 1px solid #0088bb;
    color: #ffffff;
    font-weight: bold;
}

/* Confirm button */

#wizard button.confirm {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #ffffff;
    width: 100% !important;
    text-transform: none;
    letter-spacing: 1px;
}

#wizard button.confirm:hover {
    background-color: #449d44;
    border-color: #398439;
    color: #ffffff;
}

#wizard button.donation-continue:after {
    content: " »";
}