/******************
    User custom CSS **** Edited by Amit Hendin
    ---------------

    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
*/

/*amit hendin 17/7/2023*/
@import url(https://fonts.googleapis.com/earlyaccess/alefhebrew.css);
@import url(https://fonts.googleapis.com/earlyaccess/opensanshebrewcondensed.css);

.instruction-digit {
    border-radius: 15px 15px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 2px;
    
}

.dir-rtl [data-number='1'] {
    text-align: right;
}

div.question-container:not(.uncolored-answers) .answers-list .answer-item.radio-item:nth-child(1) label {
    background: rgba(157,208,83,0.4);
    color: rgba(50,50,50,1);
    border-color: rgba(157,208,83,0.4);
}
div.question-container:not(.uncolored-answers) .answers-list .answer-item.radio-item:nth-child(1) input[type="radio"]:checked + label {
    background: rgba(157,208,83,1);
    color: white;
}

div.question-container:not(.uncolored-answers) .answers-list .answer-item.radio-item:nth-child(2) label {
    background: rgba(205,209,76,0.4);
    color: rgba(50,50,50,1);
    border-color: rgba(205,209,76,0.4);
}
div.question-container:not(.uncolored-answers) .answers-list .answer-item.radio-item:nth-child(2) input[type="radio"]:checked + label {
    background: rgba(205,209,76,1);
    color: white;

}


div.question-container:not(.uncolored-answers) .answers-list .answer-item.radio-item:nth-child(3) label {
    background: rgba(242,134,48,0.4);
    color: rgba(50,50,50,1);
    border-color: rgba(242,134,48,0.4);
}
div.question-container:not(.uncolored-answers) .answers-list .answer-item.radio-item:nth-child(3) input[type="radio"]:checked + label {
    background: rgba(242,134,48,1);
    color: white;

}


div.question-container:not(.uncolored-answers) .answers-list .answer-item.radio-item:nth-child(4) label {
    background: rgba(237,58,25,0.4);
    color: rgba(50,50,50,1);
    border-color: rgba(237,58,25,0.4);
}
div.question-container:not(.uncolored-answers) .answers-list .answer-item.radio-item:nth-child(4) input[type="radio"]:checked + label {
    background: rgba(237,58,25,1);
    color: white;

}


div.question-container:not(.uncolored-answers) .answers-list .answer-item.radio-item:nth-child(5) label {
    background: rgba(187,51,51,0.4);
    color: rgba(50,50,50,1);
    border-color: rgba(187,51,51,0.4);
}
div.question-container:not(.uncolored-answers) .answers-list .answer-item.radio-item:nth-child(5) input[type="radio"]:checked + label {
    background: rgba(187,51,51,1);
}

/*
div.question-container:not(.uncolored-answers) .answers-list .answer-item.radio-item input[type="radio"]:checked + label {
    background: rgba(46,112,255,1);
    color: white;
    
}*/

.nicoya-sub-title {
    background: #e9ebf5;
    padding: 0.1em;
    width:100%;
}

.table-bordered > thead > tr > th {
    border: 1px solid #dadada;
}

.table-bordered > thead > tr > td {
    border: 1px solid #dadada;
}

.question-help-container div,
.question-valid-container div {
    color:blue;
}

.group-container,
.question-container {
    font-size: 1.2em;
    font-family: "Alef Hebrew", sans-serif;
}
  
li.answer-item.radio-item {
    display:inline-block;
}

.answer-item.radio-item label::after,
.answer-item.radio-item label::before {
    display: none;
}

.radio-item {
    padding-right: 0.4em;
}

.answer-item.radio-item label {
    display:inline-block;
    vertical-align:middle;
    text-align: center;
}

.answers-list.yesno-button input[type="radio"] + label,
.answer-item.radio-item input[type="radio"] + label {
     background-color: rgba(13, 110, 253,0.1);
     color: rgb(13, 110, 253);
     border: 1px solid rgb(13, 110, 253);
     -moz-border-radius: 50px;
     border-radius:  50px !important;
     cursor:pointer;
     padding: 20px;
     width: auto;
}


.answers-list.yesno-button input[type="radio"]:checked + label,
.answer-item.radio-item input[type="radio"]:checked + label {
     background-color: rgba(13, 110, 253,1);
     color: white;
}

.answers-list.yesno-button input[type="radio"] + label {
    margin-left: 2em;
    font-size: 14pt;
}

.answers-list.yesno-button label .fa,
.mandatory .asterisk {
    display:none;
}

.answers-list.radio-list.list-unstyled input[type="radio"] + label {
    padding: 0.6em 1.1em 0.6em 1.1em;
}

.answers-list.radio-list li {
    margin: 10px;
}

.not-numbers-not-yesno-radio-list input[type="radio"] + label {
    width: 137px;
}

.ls-answers.questions-list.table thead,
.table>:not(:first-child) {
    border: inherit;
    border-top: inherit;
}

.questions-list.array-radio.table #label-,
.questions-list.array-radio.table #label- ~ td {
    display: none;
}

#survey-nav {
    display: none;
}

/*hide email stuff in registration form*/
#register_email,
label[for="register_email"],
#main-col > div > div:nth-child(1) > div > div > h4:nth-child(4),
#saveemail,
label[for="saveemail"],
.save-message .info-email-optional {
    display: none;
}


@media (min-width: 1040px) {
    
    .table-question-custom-nicoya input[type="radio"] + label,
    .table-question-custom-nicoya input[type="radio"]:checked + label {
        padding: 10px 10px 30px 30px;
        color: rgba(0,0,0,0);
        font-size: 0px;
        width: 30px !important;
    }
    
    .table-question-custom-nicoya colgroup {
        display: none;
    }
    
    .table-question-custom-nicoya .answer-text,
    .table-question-custom-nicoya .answertext {
        font-weight: 100 !important;
        /*font-size: 1.2vw;*/
    }   
    
    .table-question-custom-nicoya tbody th {
        /*width: 40px;*/    
    }
}

@media (max-width: 1039px) {
        
    .table-question-custom-nicoya table.ls-answers tr,
    .table-question-custom-nicoya table.ls-answers td {
        display: inline-block;
        border: none;
    }
    
    .table-question-custom-nicoya table.ls-answers th {
        border: none;
    }
    
    .dir-rtl .ls-answers tbody .answertext {
        text-align: right;
    }
    
    .not-numbers-not-yesno-radio-list input[type="radio"] + label {
        width: 90px;
    }

    .answers-list.yesno-button input[type="radio"] + label,
    .answer-item.radio-item input[type="radio"] + label { 
        padding: 5px;
    }
    
    .answers-list.radio-list.list-unstyled input[type="radio"] + label {
        padding: 0.2em 0.7em 0.2em 0.7em;
        margin-bottom: 10px;
    }
    
    .answers-list.radio-list li {
        margin: 0.1em;
    }
}


@media (min-width: 760px) and (max-width: 1039px)  and (min-device-width: 1024px) {
    .table-question-custom-nicoya thead,
    .table-question-custom-nicoya colgroup {
        display: none;
    }
    
    .table-question-custom-nicoya .answer-item.radio-item input[type="radio"] + label { 
        padding-left: 25px;
        padding-bottom: 25px;
    }
}