#coupon-form input {
    border: 2px solid rgb(168, 168, 168);
}
#coupon-form input:active,
#coupon-form input:focus {
    border: 2px solid rgb(0, 0, 0);
}

#fileterButton button {
    border: none;
    background-color: inherit;
}

#fileterButton .ftButton.active {
    border-bottom: 3px solid #0a1a2f;
    background-color: #0a1a2f0d;
}

#fileterButton .ftButton:hover {
    background-color: rgba(164, 174, 187, 0.051);
}

.alart-card {
    background-color: #fffbeb;
    border-left: 5px solid #f57c00;
}

.check-box:checked,
.check-box:active,
.check-box:focus {
    box-shadow: none;
}

#important-note {
    background-color: #fefce8;
}

#test-instruction .dot_list li::marker {
    color: #1f4ed8;
}

#answer-choices .answer-option:hover {
    border-color: #f57c00 !important;
    background-color: #ffdbb87b;
}

#answer-choices .answer-option:hover .option-letter {
    color: #f57c00;
}

#answer-choices .form-check-input:checked {
    background-color: #f57c00;
    border-color: #f57c00;
}

.number_button.active {
    background: linear-gradient(135deg, var(--gradient-red));
    color: white;
}

.bg-light-warning {
    background-color: #f57c0017;
}

.alart_section {
    background-color: #fefce8;
    border: 1px solid #fef08a;
}

.number-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5rem;
}

@media (min-width: 992px) {
    .progress {
        height: 12px;
        width: auto;
        margin: 0;
    }
}

/* Mobile */
@media (max-width: 767.98px) {
    .progress {
        height: 50px;
        min-width: 8px;
        margin: 16px 0;
    }
}



/***** results *****/
.btn_blue_border {
    border: solid blue;
    background: white;
    color: blue;
    transition: all 0.3s;
}
.btn_blue_border:hover {
    border: solid blue;
    background: blue;
    color: white;
}
.gradient-blue-dark {
    background: linear-gradient(to right, #0d6efd, #001f3f);
}
.text-green {
    color: #16a34a;
}
.border-left {
    border-top: 0px;
    border-bottom: 0px;
    border-right: 0px;
    border-left: solid;
}


/* Score list */
.score-list .score-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 12px;
    border-radius: 10px;
    background: #f8f9fa;
    font-size: 14px;
}

.score-item strong {
    font-size: 18px;
    color: #0a1a3a;
}

.score-item span {
    color: #6c757d;
}


/* Scale bar */
.score-scale-wrapper {
    border-radius: 12px;
    background: linear-gradient(90deg, #dc3545, #ffc107, #198754);
    overflow: visible;
    position: relative;
}

/* Shared Your Score badge */
.your-score-badge {
    background: #0a1a3a;
    color: #ffffff;
    padding: 6px 14px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    white-space: nowrap;
}
.score-dot {
    z-index: 9999;
    width: 18px;
    height: 18px;
    background: #ffffff;
    border: 4px solid #0a1a3a;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
    pointer-events: none;
}
@media (min-width: 200px) and (max-width: 900px) {
    .your-score-badge {
        left: 20%;
        width: fit-content;
    }
}

.toggle-btn-blue-one {
    background: #1f4ed8;
    color: white;
}
.toggle-btn-blue-two {
    background: white;
    color: #626262;
}
.toggle-btn-blue-two:active {
    box-shadow: 0 0 0 0.25rem rgba(49, 131, 253, 0);
}
.toggle-btn-blue-two:hover {
    background: rgba(214, 214, 214, 0.24);
    color: #626262;
}
.toggle-btn-blue-two:focus {
    background: #1f4ed8;
    color: white;
    box-shadow: 0 0 0 0.25rem rgba(49, 131, 253, 0);
    outline: none;
    border-color: rgba(245, 222, 179, 0);
}
.hidden {
    display: none !important;
}
.custom-pagination {
    padding: 0.5rem 1rem;
    border: 1px solid #ced4da;
    border-radius: 0.5rem;
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
    color: #343a40;
    text-decoration: none;
    transition: background-color 0.2s, color 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
}

.custom-pagination:focus {
    box-shadow: none;
    outline: none;
}

.custom-pagination:hover:not(.active):not(.disabled) {
    background-color: #f1f1f1;
}

.custom-pagination.active {
    background-color: #0d6efd;
    color: #fff;
    border-color: #0d6efd;
}

.custom-pagination.disabled {
    pointer-events: none;
    opacity: 0.6;
}

.custom-pagination i {
    font-size: 1rem;
}


.skill-progress {
    height: 0.75rem;
    border-radius: 0.5rem;
    background-color: #f1f1f1;
}

.progress-bar {
    height: 100%;
    border-radius: 0.5rem;
}

.progress-bar-craft {
    background: linear-gradient(
        to right,
        #0d6efd,
        #16a34a
    );
}
.progress-bar-info {
    background: linear-gradient(to right, #0d6efd, #16a34a);
}
.progress-bar-expression {
    background: linear-gradient(
        to right,
        #ffc107,
        #0d6efd
    );
}
.progress-bar-conventions {
    background: linear-gradient(to right, #0d6efd, #16a34a);
}

.progress-bar-algebra {
    background: linear-gradient(to right, #16a34a, #0d6efd);
}
.progress-bar-advanced {
    background: linear-gradient(to right, #ffc107, #16a34a);
}
.progress-bar-problem {
    background: linear-gradient(to right, #16a34a, #0d6efd);
}
.progress-bar-geometry {
    background: linear-gradient(to right, #16a34a, #0d6efd);
}

/***** End results *****/


.chart {
    max-height: 400px !important;
}