.box-style {
    font-weight: bold;
    background-color: white;
    --bs-btn-color: #1d2125;
    --bs-btn-bg: white;
    --bs-secondary-bg: white;
    --bs-btn-border-color: rgb(222, 226, 230);
    --bs-btn-hover-color: #1d2125;
    --bs-btn-hover-bg: #e6e9ed;
    --bs-btn-hover-border-color: #c7ced5;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: var(--mathguys-primary);
    --bs-btn-active-border-color: #c7ced5;
}

.gare-score-tag {
    display: inline-flex;
    align-items: center;
    gap: .2rem;
    vertical-align: middle;
}

.gare-score-badge {
    min-width: 1.55rem;
}

.gare-score-badge-blank {
    background: white;
    border: 1px solid #c7ced5;
    color: #1d2125;
}

.gare-answer-table,
.gare-admin-score-table {
    table-layout: fixed;
}

.gare-answer-problem-col {
    width: 13rem;
}

.gare-table-action-col {
    width: 3.5rem;
}

.gare-admin-user-col {
    width: 36%;
}

.gare-admin-score-col,
.gare-admin-time-col {
    width: 20%;
}

.gare-table-action {
    text-align: center;
}

.text-ans:invalid {
    background-color: rgba(220, 53, 69, 0.25);
}

@media (max-width: 575.98px) {
    .gare-answer-problem-col {
        width: 11rem;
    }

}