.btn.disabled, .btn:disabled {
    opacity: .55;
    background-color: #bbb!important;
}

.btn-light{
    background-color: #fff;
}

.btn-inverse{
    background-color: transparent;
    border: 2px solid var(--color-primary);
    color: var(--color-primary);
    font-weight: 500;
}

.btn-text {
    background-color: #fff;
    box-shadow: 0 2px 3px 2px rgb(0 0 0 / 10%);
}

.btn-low{
    padding: .30rem .75rem;
    font-size: 14px;
}

.btn-border-2x {
    border-width: 2px;
}

.btn-small {
    min-width: 100px!important;
}

.btn-medium {
    min-width: 160px!important;
    border-radius: 10px;
    padding: .25rem .75rem;
}

.color-white {
    color: #FFF !important;
}

.color-dark {
    color: #333!important;
}

.color-primary {
    color: var(--color-primary)!important;
}

.color-grey {
    color: #818181!important;
}

.color-red-dark {
    color: #DA4453 !important;
}

.bg-red-dark {
    background-color: #DA4453 !important;
    color: #FFF !important;
}

.bg-green-dark {
    background-color: #0ac789 !important;
    color: #FFF !important;
}

.fw-700 {
    font-weight: 700!important;
}

.fw-600 {
    font-weight: 600!important;
}

.fw-500 {
    font-weight: 500!important;
}

.fs-5 {
    font-size: 1.65rem!important;
}

.fs-4 {
    font-size: 1rem!important;
}

.fs-3 {
    font-size: 0.95rem!important;
}

.fs-2 {
    font-size: 0.85rem!important;
}

.fs-1 {
    font-size: 0.75rem!important;
}

.fs-0 {
    font-size: 0.7rem!important;
}

.bs {
    -webkit-box-shadow: 0 2px 3px 2px rgb(0 0 0 / 10%);
    box-shadow: 0 2px 3px 2px rgb(0 0 0 / 10%);
}

.rounded-l {
    border-radius: 30px !important;
}

.rounded-m {
    border-radius: 10px !important;
}