.form-divisions {
    /* background-color: rgb(243, 245, 249); */
    /* border: 1px solid gainsboro; */
    background-color: white;
    box-shadow: 2px 2px 7px 1px gainsboro;
    margin: 2rem auto;
    padding: 1rem;
    border-radius: 8px;
}
.sectionNextBtns {
    margin: 0.25rem auto 2rem auto;
    padding: 0.25rem;
}
.next-section {
    margin-left: auto;
}
.bef-next-sections {
    cursor: pointer;
    width: fit-content;
    padding: 0.25rem;
    color: blue;
    font-weight: 700;
    font-size: 0.8rem;
    letter-spacing: 0.1rem;
    transition: 0.2s ease-in-out;
}
.next-section:hover, .before-section:hover {
    transform: scale(1.08);
}
.showSection {
    display: block;
} 
.hideSection {
    display: none;
}
.themeContainer {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.form-title-div {
    border-top: 8px solid transparent;
}
.section-title-div {
    border-top: 8px solid transparent;
}
.form-title {
    font-size: 1.4rem !important;
}
.section-title {
    font-size: 1.1rem !important;
}
.division-title, .division-imagetitle, .division-videotitle {
    font-size: 1.1rem !important;
}
.form-title, .section-title, .division-title, .division-imagetitle, .division-videotitle {
    font-weight: 650;
    width: 100%;
    padding: 0.25rem 0.5rem !important;
}
.form-desc, .division-desc, .division-video-upload {
    font-size: 0.9rem;
    width: 100%;
    padding: 0.25rem 0.5rem !important;
    margin-top: 0.5rem;
}
.section-desc {
    font-size: 0.8rem;
    width: 100%;
    padding: 0.25rem 0.5rem !important;
}
.form-field {
    padding: 0.5rem;
    border: none;
    outline: none;
    border-bottom: 1px solid transparent;
    background-color: transparent;
    font-size: 0.9rem;
}
.form-option-text {
    font-weight: 450;
}
.form-option-datesNums {
    font-weight: 450;
}
.form-field-slider {
    width: 100%;
}
.slider-value {
    padding: 0.25rem 0.5rem;
    border-radius: 5px;
    text-align: center;
}
.form-option-addresslines {
    font-weight: 450;
} 
.form-option-addressfields {
    font-weight: 450;
} 
.form-question {
    font-weight: 450;
}
.form-question-preview {
    width: 100%;
    font-weight: 450;
}




.question-image-icon {
    display: inline-block;
    padding: 0;
    cursor: pointer;
    width: 5%;
    height: 2rem;
    margin: 0 1rem;
    font-size: 1.5rem;
}
.answertype-dropdown {
    display: inline-block;
    position: relative;
}
.form-answertype {
    width: 100%;
    border: 1px solid transparent;
    border-radius: 5px;
}
.answertype-dropdown .fa-caret-down {
    position: absolute;
    right: 0.5rem;
    top: 25%;
    z-index: 1;
}
.answertype-box {
    display: none;
    padding: 0;
    position: absolute;
    top: -300%;
    right: 0;
    z-index: 2;
    width: 42rem;
    border: 1px solid transparent;
}
.answertype-scrollbox {
    display: none;
    padding: 0;
    position: absolute;
    top: 2.5rem;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 10rem;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px solid transparent;
}
.answertype-box .row, .answertype-scollbox .row {
    padding: 0;
    margin: 0;
    width: 100%;
}
.answertype-box .col-4, .answertype-scrollbox .col-12 {
    padding: 0;
    margin: 0;
}
.answertype-box .col-4 div, .answertype-scrollbox .col-12 div {
    padding: 0.5rem 1rem;
    margin: 0;
    font-weight: 450;
    font-size: 0.9rem;
    cursor: pointer;
}
.question-image-upload {
    display: none;
}
.question-image-container {
    display: none;
    width: 90%;
    height: 10rem;
}
.previewQsnImage {
    width: fit-content;
    max-width: 100%; 
    height: fit-content;
    max-height: 100%; 
}


.options-container {
    padding: 1rem;
}
.single-option-get {
    position: relative;
}
.multiple-options-get ul {
    margin: 0;
    padding: 0 0.5rem;
    list-style: none;
}
.multiple-options-get ul li {
    padding: 0.5rem;
    position: relative;
}
.multiple-options-get .row {
    margin: 1rem 0.5rem;
}
.choice-grid {
    display: inline-block;
}
.choice-grid .choice-grid-label {
    font-weight: 700;
    font-size: 0.9rem;
    padding: 0.5rem 1.5rem;
}
.add-option-click {
    width: fit-content;
    margin-left: 1rem;
}
.del-option, .edit-del-option {
    cursor: pointer;
    font-size: 1.2rem;
    position: absolute;
    top: 25%;
    right: 0;
}



.addContainer {
    margin: 2rem auto;
}
.addIconsContainer {
    padding: 0.5rem 1rem;
    border-radius: 8px;
}
.add-icons {
    cursor: pointer;
    display: inline-block;
    width: fit-content;
    font-size: 1.25rem;
    margin: 0 0.5rem;
}

.cancel-border {
    border-bottom: none;
}

.preview-radio-checks {
    transform: scale(1.4);
}
.preview-labels {
    padding: 0.5rem;
    font-size: 0.9rem;
}


.answer-image-icon {
    display: inline-block;
    width: 10%;
    height: 2rem;
    margin: 0 1rem;
    padding: 0;
    font-size: 1rem;
    cursor: pointer;
}
.answer-image-icon span {
    display: inline-block;
    font-size: 0.9rem;
    margin-right: 0.5rem;
}
.answer-image-upload {
    display: none;
}
.answer-image-container {
    display: none;
    width: 50%;
    height: 8rem;
}
.previewAnsImage {
    width: fit-content;
    max-width: 100%; 
    height: fit-content;
    max-height: 100%; 
}
.multiple-optionsImg-get ul {
    margin: 0;
    padding: 0 0.5rem;
}
.multiple-optionsImg-get ul li {
    padding: 0.5rem;
    position: relative;
}
.addImg-option-click {
    width: 74%;
    margin-left: 0.5rem;
}
.delImg-option, .edit-delImg-option {
    display: none;
    width: fit-content;
    cursor: pointer;
    font-size: 1.2rem;
    position: absolute;
    top: 0;
    right: 0;
}

.multiple-optionsImg-get div {
    margin: 0.5rem 1rem;
    display: inline-block;
    width: fit-content;
}
.multiple-optionsImg-get .preview-labels-img {
    width: 7rem;
    height: 7rem;
    margin-left: 0.5rem;
}
.multiple-optionsImg-get .preview-labels-img img {
    width: 100%;
    height: 100%;
}


.formfield-dropdown {
    display: inline-block;
    position: relative;
}
.form-dropdown-text {
    width: 100%;
    border: 1px solid transparent;
    border-radius: 5px;
}
.formfield-dropdown .fa-caret-down {
    position: absolute;
    right: 0.5rem;
    top: 25%;
    z-index: 1;
}
.dropdown-box {
    display: none;
    padding: 0;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 2;
    width: 100%;
    border: 1px solid transparent;
    border-radius: 5px;
}
.dropdown-box .dropdown-item {
    padding: 0.5rem 1rem;
    margin: 0;
    font-weight: 450;
    font-size: 0.9rem;
    cursor: pointer;
}


.ratings {
    padding: 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
} 
.ratings .rating-item {
    display: inline-block;
    width: 19%;
    margin: 0.5rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    font-weight: 500;
}
.ratings .rating-item i {
    font-size: 1.25rem;
}

.linear-scale {
    width: 40%;
    padding: 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
} 
.linear-scale .linear-item {
    display: inline-block;
    width: 19%;
    margin: 0.5rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.linear-scale .linear-item input {
    z-index: 2;
}


.ranks {
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 7px;
    margin: 1rem;
    padding: 1rem;
    font-size: 0.9rem;
}

.note {
    font-size: 0.8rem;
    font-style: italic;
    padding: 0.5rem 1rem;
}


.score {
    width: 90%;
    padding: 0;
    margin: 2rem auto 1rem auto;
    display: flex;
    align-items: center;
    justify-content: center;
} 
.score .score-item {
    display: inline-block;
    width: 9%;
    margin: 0;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: 500;
} 
.score-text {
    padding: 0;
    margin: 0 auto;
} 

.preview-field {
    border-bottom: none;
}

.form-option-linear {
    width: 50%;
    font-weight: 450;
    display: block;
    margin: 1rem 0;
}

.linear-options-get {
    padding: 0 auto;
    position: relative;
}
.linear-text-left, .linear-text-right {
    position: absolute;
    top: 50%;
    width: fit-content;
}
.linear-text-left {
    left: 0;
}
.linear-text-right {
    right: 0;
    text-align: right;
}

.grid-options-get {
    padding: 1rem auto;
}
.choice-grid-table {
    margin: 0 auto;
}
.choice-grid-table th, .choice-grid-table td {
    padding: 1rem 2rem;
    font-size: 0.9rem;
}
.choice-grid-table .grid-row-label {
    font-weight: 450;
}
.centerCell {
    text-align: center;
}


.file-upload-heading {
    font-weight: 450;
    padding: 0.25rem;
    font-size: 0.9rem;
}
.preview-uploadimg-icon {
    cursor: pointer;
    font-weight: 450;
    padding: 0.5rem;
    font-size: 0.9rem;
    border-bottom: 1px solid transparent;
    width: fit-content;
}
.files-uploaded-display .fa-file {
    font-size: 1.2rem;
}
.files-uploaded-display .fa-file-image {
    font-size: 1.2rem;
}
.files-uploaded-display .fa-file-video {
    font-size: 1.2rem;
}
.files-uploaded-display .fa-file-pdf {
    font-size: 1.2rem;
}
.files-uploaded-display .fa-file-excel {
    font-size: 1.2rem;
}
.files-uploaded-display .fa-file-word {
    font-size: 1.2rem;
}
.files-uploaded-display .fa-file-powerpoint {
    font-size: 1.2rem;
}
.files-uploaded-display {
    padding: 5px; 
    font-size: 0.85rem; 
    font-weight: 450;
    position: relative;
}
.files-uploaded-display a {
    text-decoration: none; 
    font-weight: 400;
}
.files-uploaded-display .del-file {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.25rem;
}

.signature-container {
    position: relative;
}
.saved-signature {
    width: 100%;
    height: 100%;
}
.signature-pad {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    cursor: crosshair;
}
.clearBtn {
    cursor: pointer;
    position: absolute;
    top: 0.45rem;
    right: 0;
    margin-bottom: 0.5rem;
}

.dropdown-file-upload {
    width: 100%;
}

.questionModifier {
    margin: 2rem 1rem 0rem 1rem;
    text-align: right;
}
.questionModifier .question-action {
    cursor: pointer;
    display: inline-block;
    width: fit-content;
    font-size: 1.25rem;
    margin: 0 0.25rem;
    padding: 0 0.25rem;
}
.requiredContainer {
    display: inline-block;
    width: 2.5rem;
    height: 0.75rem;
    border-radius: 25px;
    position: relative;
}
.requiredContainer .required-status {
    position: absolute;
    top: -36.5%;
    left: 0;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 25px;
    transition: all 0.3s ease-in-out;
}
.show-mandatory {
    font-weight: 550;
    font-size: 1rem;
    margin-left: 0.5rem;
}
.req-error {
    font-size: 0.8rem; 
    font-weight: 450; 
    margin: 0 0.5rem;
    display: none;
}
.req-error i {
    font-size: 1rem;
}


.division-image-icon {
    cursor: pointer;
    font-weight: 450;
    padding: 0.5rem;
    margin-top: 1rem;
    font-size: 0.9rem;
    border-bottom: 1px solid transparent;
    width: fit-content;
}
.division-preview-container {
    width: fit-content;
    max-width: 100%;
    height: fit-content;
    overflow: hidden;
    margin-top: 1rem;
}
.division-preview-container .divisionImagePreview {
    width: fit-content;
    max-width: 100%;
    display: none;
}
.division-preview-container iframe {
    display: none;
}



.scroll-x {
    overflow-x: auto;
}
.scroll-x::-webkit-scrollbar {
    width: 8px; 
    height: 8px; 
}
.scroll-x::-webkit-scrollbar-thumb {
    background-color: #cfcdcd; 
    border-radius: 5px; 
}
.scroll-x::-webkit-scrollbar-thumb:hover {
    background-color: #a5a4a4; 
}
.scroll-x::-webkit-scrollbar-track {
    background-color: #edebeb; 
    border-radius: 5px; 
}
.scroll-x::-webkit-scrollbar-corner {
    background-color: #edebeb; 
}







.default-theme .form-title-div {
    border-color: rgb(136, 171, 237);
}
.default-theme .section-title-div {
    border-color: rgb(121, 217, 118);
    background-color: rgb(229, 246, 229);
}
.default-theme .form-desc, .default-theme .division-desc, .default-theme .division-video-upload, .default-theme .section-desc {
    color: gray;
}
.default-theme .form-field {
    color: black;
    border-color: gainsboro;
}
.default-theme .slider-value {
    background: cornflowerblue;
    color: white;
}
.default-theme .form-field-signature {
    color: black;
    border-color: gainsboro;
}
.default-theme .form-question-preview {
    color: black;
}
.default-theme .question-image-icon {
    color: gray;
}
.default-theme .question-image-icon:hover {
    color: black;
}
.default-theme .form-answertype {
    border-color: gainsboro;
}
.default-theme .answertype-dropdown .fa-caret-down {
    color: gray;
}
.default-theme .answertype-box {
    background-color: white;
    border-color: gainsboro;
    box-shadow: 0px 0px 7px 0px gainsboro;
}
.default-theme .answertype-scrollbox {
    background-color: white;
    border-color: gainsboro;
    box-shadow: 0px 0px 7px 0px gainsboro;
}
.default-theme .answertype-box .col-4 div, .default-theme .answertype-scrollbox .col-12 div {
    color: rgb(79, 77, 77);
}
.default-theme .answertype-box .col-4 div:hover, .default-theme .answertype-scrollbox .col-12 div:hover {
    background-color: rgb(239, 243, 249);
    color: black;
}
.default-theme .choice-grid .choice-grid-label {
    color: rgb(163, 189, 241);
}
.default-theme .add-option-click {
    color: gray;
}
.default-theme .del-option, .default-theme .edit-del-option {
    color: gray;
}
.default-theme .addIconsContainer {
    box-shadow: 2px 2px 7px 1px gainsboro;
    background-color: white;
}
.default-theme .add-icons:hover {
    color: cornflowerblue;
}
.default-theme .answer-image-icon {
    color: gray;
}
.default-theme .answer-image-icon:hover {
    color: black;
}
.default-theme .addImg-option-click {
    color: gray;
}
.default-theme .delImg-option, .default-theme .edit-delImg-option {
    color: gray;
}
.default-theme .form-dropdown-text {
    border-color: gainsboro;
}
.default-theme .formfield-dropdown .fa-caret-down {
    color: gray;
}
.default-theme .dropdown-box {
    background-color: white;
    border-color: gainsboro;
    box-shadow: 0px 0px 7px 0px gainsboro;
}
.default-theme .dropdown-box .dropdown-item {
    color: rgb(79, 77, 77);
}
.default-theme .dropdown-box .dropdown-item i { 
    color: gray;
}
.default-theme .dropdown-box .dropdown-item:hover {
    background-color: rgb(239, 243, 249);
    color: black;
}
.default-theme .ratings .rating-item i {
    color: rgb(155, 152, 152);
    font-size: 1.25rem;
}
.default-theme .ranks {
    border-color: rgb(229, 229, 229);
    box-shadow: 2px 2px 5px 0px rgb(229, 229, 229);
}
.default-theme .note {
    color: gray;
}
.default-theme .score .score-item {
    background-color: rgb(239, 243, 249);
    border-color: gainsboro;
    color: gray;
} 
.default-theme .score .score-item:hover { 
    background-color: rgba(28, 80, 135, 0.5);
    color: white;
} 
.default-theme .score-text-left, .default-theme .score-text-right {
    color: rgb(152, 181, 240);
}
.default-theme .linear-text-left, .default-theme .linear-text-right {
    color: rgb(152, 181, 240);
}
.default-theme .choice-grid-table .grid-row-label {
    color: gray;
}
.default-theme .choice-grid-table th {
    color: rgb(152, 181, 240);
}
.default-theme .preview-uploadimg-icon {
    border-color: gainsboro;
}
.default-theme .preview-uploadimg-icon i {
    color: cornflowerblue;
}
.default-theme .files-uploaded-display .fa-file {
    color: orangered;
}
.default-theme .files-uploaded-display .fa-file-image {
    color: darkcyan;
}
.default-theme .files-uploaded-display .fa-file-video {
    color: rgb(205, 205, 64);
}
.default-theme .files-uploaded-display .fa-file-pdf {
    color: red;
}
.default-theme .files-uploaded-display .fa-file-excel {
    color: green;
}
.default-theme .files-uploaded-display .fa-file-word {
    color: cornflowerblue;
}
.default-theme .files-uploaded-display .fa-file-powerpoint {
    color: orange;
}
.default-theme .files-uploaded-display a {
    color: gray;
}
.default-theme .files-uploaded-display a:hover {
    color: black;
}
.default-theme .files-uploaded-display .del-file:hover {
    color: red;
}
.default-theme .signature-pad {
    background: #fff;
}
.default-theme .clearBtn {
    color: rgb(102, 100, 100); 
    border-color: rgb(102, 100, 100); 
    background-color: #edebeb;
}
.default-theme .clearBtn:hover {
    color: black;
    border-color: black;
}
.default-theme .requiredContainer {
    background-color: rgb(203, 201, 201);
}
.default-theme .requiredContainer .required-status {
    background-color: white;
    box-shadow: 1px 1px 3px 0px gray;
}
.default-theme .show-mandatory {
    color: red;
}
.default-theme .req-error {
    color: orangered; 
}
.default-theme .division-image-icon {
    border-color: gainsboro;
}
.default-theme .division-image-icon i {
    color: cornflowerblue;
}



@media screen and (max-width: 420px) {
    .form-divisions, .sectionNextBtns {
        width: 90%;
    }
    .form-question {
        width: 83%;
    } 
    .answertype-dropdown {
        width: 100%;
        margin: 0.5rem 0;
    }
    .form-option-text {
        width: 100%;
    }
    .form-option-datesNums, .form-field-dropdown {
        width: 100%;
    } 
    .form-field-signature {
        width: 100%;
        height: 200px;
    }
    .form-option-addresslines {
        width: 100%;
        margin: 0.5rem 0;
    } 
    .form-option-addressfields {
        width: 100%;
        margin: 0.5rem 0;
    } 
    .dropdown-rating {
        width: 48%;
    }
    .dropdown-linear {
        width: 48%;
    } 
    .score-text {
        width: 100%;
    } 
    .score-text-left, .score-text-right {
        width: 45% !important;
    }
    .score-text-right {
        float: right;
        text-align: right;
    } 
    .preview-field, .choice-grid-table .grid-row-label, .choice-grid-table th {
        font-size: 0.8rem;
    } 
    .choice-grid-container {
        display: block;
    }
    .choice-grid {
        width: 96%;
    }
    .addContainer {
        width: 90%;
    }
    .addIconsContainer {
        width: 100%;
    }
    .ratings {
        width: 90%;
    } 
}
@media screen and (min-width: 421px) {
    .form-divisions, .sectionNextBtns {
        width: 90%;
    }
    .form-question {
        width: 84%;
    } 
    .answertype-dropdown {
        width: 100%;
        margin: 0.5rem 0;
    }
    .form-option-text {
        width: 100%;
    }
    .form-option-datesNums, .form-field-dropdown {
        width: 100%;
    }
    .form-field-signature {
        width: 100%;
        height: 200px;
    }
    .form-option-addresslines {
        width: 100%;
        margin: 0.5rem 0;
    } 
    .form-option-addressfields {
        width: 100%;
        margin: 0.5rem 0;
    } 
    .dropdown-rating {
        width: 48%;
    }
    .dropdown-linear {
        width: 48%;
    } 
    .score-text {
        width: 100%;
    } 
    .score-text-left, .score-text-right {
        width: 45% !important;
    }
    .score-text-right {
        float: right;
        text-align: right;
    }
    .preview-field, .choice-grid-table .grid-row-label, .choice-grid-table th {
        font-size: 0.85rem;
    } 
    .choice-grid-container {
        display: block;
    }
    .choice-grid {
        width: 96%;
    }
    .addContainer {
        width: 90%;
    }
    .addIconsContainer {
        width: 100%;
    }
    .ratings {
        width: 80%;
    } 
}
@media screen and (min-width: 601px) {
    .form-divisions, .sectionNextBtns {
        width: 90%;
    }
    .form-question {
        width: 87%;
    } 
    .answertype-dropdown {
        width: 100%;
        margin: 0.5rem 0;
    }
    .form-option-text {
        width: 100%;
    }
    .form-option-datesNums, .form-field-dropdown {
        width: 100%;
    }
    .form-field-signature {
        width: 100%;
        height: 200px;
    }
    .form-option-addresslines {
        width: 100%;
        margin: 0.5rem 0;
    } 
    .form-option-addressfields {
        width: 100%;
        margin: 0.5rem 0;
    } 
    .dropdown-rating {
        width: 48%;
    }
    .dropdown-linear {
        width: 48%;
    }
    .score-text {
        width: 90%;
    } 
    .score-text-left, .score-text-right {
        width: 45% !important;
    }
    .score-text-right {
        float: right;
        text-align: right;
    }
    .preview-field, .choice-grid-table .grid-row-label, .choice-grid-table th {
        font-size: 0.9rem;
    } 
    .choice-grid-container {
        display: block;
    }
    .choice-grid {
        width: 96%;
    }
    .addContainer {
        width: 90%;
    }
    .addIconsContainer {
        width: 50%;
    }
    .ratings {
        width: 70%;
    } 
}
@media screen and (min-width: 992px) {
    .form-divisions, .sectionNextBtns {
        width: 90%;
    } 
    .form-question {
        width: 48%;
    } 
    .answertype-dropdown {
        width: 40%;
        margin: 0;
    }
    .form-option-text {
        width: 75%;
    }
    .form-option-datesNums, .form-field-dropdown {
        width: 30%;
    }
    .form-field-signature {
        width: 80%;
        height: 200px;
    }
    .form-option-addresslines {
        width: 100%;
        margin: 0.5rem 0;
    } 
    .form-option-addressfields {
        width: 48%;
        margin: 0.5rem;
    } 
    .dropdown-rating {
        width: 20%;
    }
    .dropdown-linear {
        width: 14%;
    }
    .score-text {
        width: 90%;
    } 
    .score-text-left, .score-text-right {
        width: 30% !important;
    }
    .score-text-right {
        float: right;
        text-align: right;
    }
    .preview-field, .choice-grid-table .grid-row-label, .choice-grid-table th {
        font-size: 1rem;
    } 
    .choice-grid-container {
        display: flex;
        align-items: start;
    }
    .choice-grid {
        width: 48%;
    }
    .addContainer {
        width: 90%;
    }
    .addIconsContainer {
        width: 40%;
    }
    .ratings {
        width: 60%;
    } 
}
@media screen and (min-width: 1200px) {
    .form-divisions, .sectionNextBtns {
        width: 80%;
    } 
    .form-question {
        width: 50%;
    }
    .answertype-dropdown {
        width: 40%;
        margin: 0;
    }
    .form-option-text {
        width: 75%;
    }
    .form-option-datesNums, .form-field-dropdown {
        width: 30%;
    }
    .form-field-signature {
        width: 80%;
        height: 200px;
    }
    .form-option-addresslines {
        width: 100%;
        margin: 0.5rem 0;
    } 
    .form-option-addressfields {
        width: 48%;
        margin: 0.5rem;
    } 
    .dropdown-rating {
        width: 15%;
    }
    .dropdown-linear {
        width: 8%;
    }
    .score-text {
        width: 90%;
    } 
    .score-text-left, .score-text-right {
        width: 30% !important;
    }
    .score-text-right {
        float: right;
        text-align: right;
    }
    .preview-field, .choice-grid-table .grid-row-label, .choice-grid-table th {
        font-size: 1rem;
    } 
    .choice-grid-container {
        display: flex;
        align-items: start;
    }
    .choice-grid {
        width: 48%;
    }
    .addContainer {
        width: 80%;
    }
    .addIconsContainer {
        width: 30%;
    }
    .ratings {
        width: 50%;
    } 
}