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

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

.btn {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #0C46B2; /* Sets the background color */
    color: #ffffff; /* Sets the text color to white for contrast */
}

body p{
    color: #000000; /* Sets the text color to black */
}

.survey-welcome, .survey-welcome h2, .survey-welcome h4, .survey-welcome h1,.survey-welcome h3, .survey-welcome li {
    color: #000000
}

/* Change the color of the tips and make text non-italicized and bold */
.ls-questionhelp, .ls-questionhelp span, .ls-questionhelp em {
    color: #F7931E; /* Sets the text color */
    font-style: normal; /* Makes text non-italicized */
    font-weight: bold; /* Makes text bold */
}

/* Change the color of the warnings and make text non-italicized and bold */
/* Change the color of all error/warning messages to match the tips */
.ls-question-message, .tip-was-hidden, .ls-em-tip, .em_num_answers, .ls-em-error, .text-danger {
    color: #F7931E; /* Sets the text color to the same as the tips */
    font-style: normal; /* Makes text non-italicized */
    font-weight: bold; /* Makes text bold */
} 
.ls-question-message.ls-em-tip.em_num_answers.ls-em-error.text-danger {
    color: #F7931E;
    font-style: normal; /* Makes text non-italicized */
    font-weight: bold; 
}

/* Put yes/no buttons in the middle for prijzen&tips */
.answer-container.col-12, .question-help-container.text-info.col-12, .ls-answers.answers-list.yesno-button {
    display: flex;
    justify-content: center; /* Center children horizontally */
    align-items: center; /* Center children vertically, if needed */
    flex-wrap: wrap; /* Allows items to wrap */
}
.ls-question-message.ls-em-tip.em_value_range.ls-em-error.text-danger{
     color: #F7931E;
    font-style: normal; /* Makes text non-italicized */
    font-weight: bold; 
}

/* Style for the filled part of the progress bar */
.progress-bar {
    background-color: #F7931E; /* Orange color */
}

/* Style for the unfilled part of the progress bar */
.progress {
    background-color: #FFF1E2; /* Light orange color */
}

.ls-question-message.ls-em-tip.em-num-answers.ls-em-error.text-danger{display:none;} 
.ls-question-message.ls-em-tip.em_num_answers.ls-em-success{display:none;}

.question-title-container img {
    display: block;
    max-width: 100%;
    height: auto;
}