/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/
:root{
    --primary :#f47721
}
.ls-answers .ls-heading th, .ls-answers th{
    word-wrap: normal;
    hyphens: manual;
}

.custom_c_to_r .checkbox-item label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 19px;
    height: 19px;
    left: 0;
    top: 0;
    margin-left: -20px;
    border-radius: 50%;
    transition: border 0.15s ease-in-out;
/*     
    border: 3px solid #6E748C;
    background-color: #fff; */
}
.custom_c_to_r .checkbox-item label::after {
    display: inline-block;
    position: absolute;
    content: "";
    width: 9px;
    height: 9px;
    left: 3px;
    top: 3px;
    margin-left: -18px;
    margin-top: 2px;
    border-radius: 50%;
    transform: scale(0, 0);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.custom_c_to_r .checkbox-item input[type=checkbox]:checked + label::after {
    background-color: #14AE5C;
    color:unset;
    transform:scale(1, 1);
    content: "";
}


.list-unstyled li.question-item.answer-item:nth-child(odd) {
    background: #f4f4f4;
    background: rgba(0,0,0,.05);
}

.numeric-multi .ls-group-total-separator hr {
    border-color: var(--primary);
    opacity: 1;
    width: 20%;
}

.numeric-multi .ls-group-total .control-label {
    color: var(--primary);
}

.numeric-multi .dynamic-total.text-success {
    color: var(--primary) !important;
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.list-unstyled li.ls-group-remaining.ls-group-dynamic{
    display: flex;
    align-items:center;
}

.tooltips .answertext.control-label div, .tooltips .answertext.control-label p{
    cursor:pointer;    
}

.tooltips .answertext.control-label .ri-information-fill:before{
    /* color: var(--primary); */
    color: #9094A7;
}

.top-container {
    margin-bottom: 0;
}

#main-col {
    margin-top: 0.5em;
}

.space-col {
    margin-top: 0.5em;
    margin-bottom: 1em;
}

.question-container {
    margin-bottom: 0em;
}

.question-container .question-valid-container {
    margin-top: 10px;
    margin-bottom: 10px;
}

.question-container .question-title-container {
    margin-bottom: 5px;
}

.question-container .question-help-container {
    font-size: small;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

.hide_thead table thead{
    display: none;
}

.row.text-long.question-container,.row.boilerplate.question-container {
    padding-top: 10px;
}