@import "var.css";
@import "questionnaire.css";
@import "loader.css";
@import "_partials/progress-bar.css";
@import "_partials/navButton.css";

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
    /*box-shadow: red 0 0 0 1px;*/
}

.bg-purple{
    background-color: var(--color-primary);
    color: white;
}

.full-page {
    margin: 75px 0 0;
    background-color: var(--bg-color-white);
    color: var(--font-color-black);
    height: calc(100vh - 200px);
    width: 100vw;
    top: 0;
    left: 0;
}

.questionnaire-body .form-check-input:checked {
    background-color: var(--color-primary)!important;
    border-color: var(--color-primary)!important;
}

.questionnaire-body  .form-check-input:focus{
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary)!important;
    box-shadow: 0 0 0 0.25rem rgba(146, 82, 168, 0.25);
}