.btn-primary {
    background-color: #225d7a !important;
    border-color: #225d7a !important;
}

.btn-warning {
    background-color: #ffb380 !important;
    border-color: #ffb380 !important;
}

.form-switch .form-check-input:checked {
    background-color: #225d7a !important;
    border-color: #225d7a !important;
}

.btn-check:checked + .btn {
    color: #225d7a !important;
    border-color: #225d7a !important;
}

/* required fields, 'is-invalid' is bootstrap5 default class */
.form-label.is-invalid {
    /* color: #e71346 */
    color: #ff8080;
}
.form-control.is-invalid {
    border: solid 1px #e71346;
}
.form-select.is-invalid {
    border: solid 1px #e71346;
}

/* Remove arrows from number inputs */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

/* wrapper for svg icons */
.icon-16 { width: 16px; height: 16px; }
.icon-24 { width: 24px; height: 24px; }
.icon-32 { width: 32px; height: 32px; }

.inp_digit {
    height: 50px;
    margin: 5px;
    font-size: 40px;
    text-align: center;
}
.clickable:hover {
    cursor: pointer;
    text-decoration: underline;
}