/* Put custom bootstrap CSS here! */
.accordion-button:focus {
    box-shadow: none;
}

.form-control,
.form-control-sm,
.form-select,
.form-select-sm {
    border-radius: 0;
}

.form-control:focus,
.form-control-sm:focus,
.form-select:focus,
.form-select-sm:focus {
    border: 1px solid #ced4da;
    box-shadow: none;
}

.input-group-text {
    color: var(--bs-gray-600);
    border-radius: 0;
    background-color: var(--bs-white);
    min-width: 40px;
    display: flex;
    justify-content: center;
}

.btn,
.btn-sm {
    border-radius: 0;
}

.btn.btn-primary {
    color: var(--bs-white);
}

.btn.btn-primary:active {
    color: var(--bs-gray-100);
}

.btn.btn-success {
    color: var(--bs-white);
}

.btn.btn-success:active {
    color: var(--bs-gray-100);
}

.btn.btn-outline-primary:hover {
    color: var(--bs-white);
}

.btn.btn-outline-primary:active {
    color: var(--bs-gray-100);
}

.btn.btn-outline-success:hover {
    color: var(--bs-white);
}

.btn.btn-outline-success:active {
    color: var(--bs-gray-100);
}

.badge {
    font-size: small;
}

.shadow-custom-sm {
    box-shadow: 0 0.185rem 0.25rem rgb(0 0 0 / 8%);
}

.card-img-top {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

@media (min-width: 992px) {
    .card-img-top {
        height: 175px;
    }
}