body{
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-size: 14px;
}

.modal{
    --bs-modal-margin: 1rem;
}

.form-check-input:checked, input[type=range]{
    accent-color: var(--primary-color);
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.form-check-input:checked:disabled{
    opacity: 1;
}

*:focus,  button:focus, input:focus, select:focus{
    outline: none !important;
    box-shadow: none !important;
}

/* Backgrounds */

.bg-gradient{
    background: linear-gradient(to bottom, var(--secondary-color), #ffffff) !important;
}

.bg-primary{
    background: var(--primary-color) !important;
}
.bg-secondary{
    background: var(--secondary-color) !important;
}
.bg-light{
    background: #FCFCFD !important;
}
.bg-gray{
    background: #F4F5F6 !important;
}

.bg-success{
    background: #36D362 !important;
}
.bg-danger{
    background: #FE1A59 !important;
}

/* Buttons */

.btn.btn-primary, .btn.btn-secondary.active{
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #ffffff !important;
    font-weight: 500;
}

.btn.btn-secondary,  .btn.btn-primary.active{
    background: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: var(--primary-color) !important;
    font-weight: 500;
}

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

.text-primary{
    color: var(--primary-color) !important;
}
.text-danger{
    color: #FE1A59 !important;
}
.text-success{
    color: #36D362 !important;
}

.circle-progress {
    display: flex;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: conic-gradient(var(--primary-color) calc(var(--progress) * 3.6deg), #ebf0ff 0deg);
    font-size: 0;
}

.circle-progress::after {
    content: '';
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    margin: 10px;
    border-radius: 50%;
    background: white;
    font-size: 1rem;
    text-align: center;
}

.min-vh-100{
    min-height:100dvh!important
}

/* exam */

#examForm .form-check-input:checked, input[type=range]{
    accent-color: #3757ff;
    background-color: #3757ff;
    border-color: #3757ff;
}

.checkbox-letter {
    position: relative;
    height: 24px;
    width: 24px;
    background: #F4F5F6;
}
.checkbox-letter:checked:before {
    color: #ffffff;
}

.checkbox-letter:before {
    content: attr(data-letter);
    position: absolute;
    left: 1px;
    top: 50%;
    transform: translateY(-50%);
    color: #B1B5C3;

    border-radius: 3px; /* ajuste conforme necessário */
    width: 20px; /* ajuste conforme necessário */
    height: 20px; /* ajuste conforme necessário */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px
}

.list-group-item:nth-child(1) .checkbox-letter:before ,
.list-summary-answer input:nth-child(1).checkbox-letter:before{
    content: "A";
}
.list-group-item:nth-child(2) .checkbox-letter:before,
.list-summary-answer input:nth-child(2).checkbox-letter:before{
    content: "B";
}
.list-group-item:nth-child(3) .checkbox-letter:before,
.list-summary-answer input:nth-child(3).checkbox-letter:before{
    content: "C";
}
.list-group-item:nth-child(4) .checkbox-letter:before ,
.list-summary-answer input:nth-child(4).checkbox-letter:before{
    content: "D";
}
.list-group-item:nth-child(5) .checkbox-letter:before,
.list-summary-answer input:nth-child(5).checkbox-letter:before{
    content: "E";
}

.list-summary-answer input{
    opacity: 1 !important;
}
.list-summary-answer input.correct{
    background: #36D362 !important;
    border-color: #36D362 !important;

}
.list-summary-answer input.correct:before{
    color: #ffffff;
}

.list-summary-answer input.incorrect:checked{
    background: #F4F5F6  !important;
    border-color: #dee2e6 !important;
}
.list-summary-answer input.incorrect:checked:before{
    color: #FE1A59 !important;
}

.status{
    display: none !important;
}
.reveal-button{
    display: none !important;
}


/* practice */

.practice-exam .answer.correct input.selected:checked,
.practice-exam .answer.correct input.selected
{
    background: #36D362 !important;
    border-color: #36D362 !important;
}
.practice-exam .answer.correct input.selected:before,
.practice-exam .answer.incorrect input.selected:before
{
    color: #ffffff !important;
}
.practice-exam .answer.incorrect input.selected{
    background: #fe1959 !important;
    border-color: #fe1959 !important;
}
.practice-exam .answer.correct input.selected
{
    color: #36D362 !important;
}

.practice-exam .status{
    display: block !important;
    margin-top: -20px;
}

.practice-exam .countdown{
    display: none;
}

/* flashcard */

.flashcard-exam .list-group{
    display: none;
}
.flashcard-exam .answer input{
    display: none;
}
.flashcard-exam .countdown{
    display: none;
}

.flashcard-exam .reveal-button{
    display: block !important;
}

    .unclickable {
                pointer-events: none;
            }