.btn_modal_go_back_accueil{
  box-shadow: 0px 5px 7px -7px #000000;
  border-radius: 8px;
  padding: 10px 20px;
  border: 4px solid transparent;
  background-color: #e7e7e7;
  margin: 20px;
  color: #333;
  font-weight: bold;
  transition: all 0.3s ease;
  cursor: pointer;
  display: inline-block; /* Ensure the button doesn't take full width */
}
#btn_modal_go_back_accueil_oui:hover {
  background-color: #eeeeee;
  border-bottom: 4px solid #28a745; /* Bootstrap Success Color */
}

#btn_modal_go_back_accueil_non:hover {
  background-color: #eeeeee;
  border-bottom: 4px solid #dc3545; /* Bootstrap Danger Color */
}




.btn_print_style, .btn_save_pdf_style, .btn_start_survey_info, .btn_generate_profil, .btn_back_to_accueil{
  box-shadow: 0px 5px 7px -7px #000000;
  border-radius: 8px;
  padding: 10px 16px;
  border: 4px solid transparent;
  background-color: #e7e7e7;
  margin: 14px;
  color: #333;
  font-weight: 400;
  transition: all 0.3s ease;
  cursor: pointer;
  display: inline-block; /* Ensure the button doesn't take full width */
}

/* Hover state for buttons */
.btn_print_style:hover, .btn_save_pdf_style:hover, .btn_start_survey_info:hover, .btn_generate_profil:hover, .btn_back_to_accueil:hover {
  background-color: #eeeeee;
  border-bottom: 4px solid #166583;
  color: #166583; /* Slightly darker text on hover */
}

/* Focus state for accessibility */
.btn_print_style:active,
.btn_print_style:focus,
.btn_save_pdf_style:active,
.btn_save_pdf_style:focus,
.btn_start_survey_info:active,
.btn_start_survey_info:focus,
.btn_generate_profil:active,
.btn_generate_profil:focus,
.btn_back_to_accueil:active,
.btn_back_to_accueil:focus {
  outline: 0 !important;
  box-shadow: 0px 5px 7px -7px #000000;
}
.btn_start_survey_info_active{
  background-color: #eeeeee;
  border-bottom: 4px solid #166583;
  color: #166583;
  transform: scale(1.1);
}


.display_error_visual_animation_shake{
  animation: display-error 1s ease-in-out forwards;
}
@keyframes display-error {
  0%, 100% { transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% { transform: translateX(-15px); }
  20%, 40%, 60%, 80% { transform: translateX(15px); }
}



.btn_download_file_style {
  text-align: center;
  margin-bottom: 10px;
  display: inline-block;
  background-color: #f5f7fa; /* Light background color */
  border: 2px solid #012060; /* Solid border */
  border-radius: 10px; /* Rounded corners */
  padding: 10px 20px; /* Padding for larger click area */
  color: #012060; /* Text color */
  font-family: Arial, sans-serif; /* Font style */
  font-size: 16px; /* Font size */
  font-weight: bold; /* Bold text */
  text-decoration: none; /* Remove underline */
  transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition for hover effects */

}

.btn_download_file_style:hover {
  background-color: #012060; /* Darker background color on hover */
  color: #ffffff; /* White text on hover */
  text-decoration: none; /* Remove underline */
}



/* btn survey */
.btn_survey_next_question{
  box-shadow: 0px 5px 7px -7px #000000;
  border-radius: 16px;
  padding: 12px 18px; /* Adjust padding for better visual */
  background-color: #166583;
  margin: 10px 10px; /* Add some spacing between buttons */
  color: #ffffff; /* Dark text for contrast */
  text-transform: uppercase; /* Capitalize text */
  transition: all 0.3s ease; /* Smooth transition for hover effects */
  text-decoration: none; /* If they are links */
  cursor: pointer; /* Pointer cursor on hover */
  border: 6px solid #166583;
}
/* Hover state for buttons */
.btn_survey_next_question:hover {
  background-color: #ffffff;
  color: #166583;
  border: 6px solid #166583;
  /* border: 6px solid transparent; */
}

.btn_survey_prev_question{
  box-shadow: 0px 5px 7px -7px #000000;
  border-radius: 16px;
  padding: 12px 18px; /* Adjust padding for better visual */
  background-color: #d29e13;
  margin: 10px 10px; /* Add some spacing between buttons */
  color: #ffffff; /* Dark text for contrast */
  text-transform: uppercase; /* Capitalize text */
  transition: all 0.3s ease; /* Smooth transition for hover effects */
  text-decoration: none; /* If they are links */
  cursor: pointer; /* Pointer cursor on hover */
  border: 6px solid #d29e13;
}
.btn_survey_prev_question:hover {
  background-color: #ffffff;
  color: #d29e13;
  border: 6px solid #d29e13;
  /* border: 6px solid transparent; */
}


.btn_survey_terminer, .btn_survey_commencer{
  box-shadow: 0px 5px 7px -7px #000000;
  border-radius: 16px;
  padding: 12px 18px; /* Adjust padding for better visual */
  background-color: #166583;
  margin: 10px 10px 10px 0px;
  color: #ffffff; /* Dark text for contrast */
  text-transform: uppercase; /* Capitalize text */
  transition: all 0.3s ease; /* Smooth transition for hover effects */
  text-decoration: none; /* If they are links */
  cursor: pointer; /* Pointer cursor on hover */
  border: 6px solid #166583;
}
/* Hover state for buttons */
.btn_survey_terminer:hover, .btn_survey_commencer:hover {
  background-color: #ffffff;
  color: #166583;
  border: 6px solid #166583;
  /* border: 6px solid transparent; */
}


table {
  width: 100%;
  border-collapse: collapse;
}
th, td {
  text-align: center;
  padding: 16px 8px;
}
td{
  font-size: 18px;
  border-top:1px solid #adadad;
}
th {
  background-color: #f2f2f2;
  min-width: 110px;
}
@media screen and (max-width: 600px) {
    th, td {
        font-size: 16px;
        padding: 4px;
    }
    th {
        min-width: 80px;
    }
}
@media screen and (max-width: 400px) {
    th, td {
        font-size: 12px;
        padding: 2px;
    }
    th {
        min-width: 60px;
    }
}

.display_button_result_style{
  cursor: pointer;
  margin: 12px 34px 12px 34px;
  padding: 10px;
  background-color: #efefef;
  border-radius: 10px;
  border-left: 6px solid #efefef;
  border-bottom: 3px solid #efefef;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 4px 4px 6px -6px #000000;
  opacity: 0.9;
  font-size:18px;
}
.display_button_result_style:hover {
  border-left: 6px solid #166583;
  border-bottom: 3px solid #166583;
  background-color: #e7e7e7;
  transform: scale(1.1) translateY(-5px);
  opacity: 1;
}

.display_result_style{
  margin-top: 10px;
  padding: 10px;
  border-radius: 10px;
  border: 2px solid #353535;
}

.display_result_style p{
  color: #000000;
}

.display_result_style small {
  color: #777;
}
.display_result_style a {
  font-weight: bold;
  word-wrap: break-word; /* Allows long words to wrap onto the next line */
  overflow-wrap: break-word; /* Ensures compatibility with older browsers */
}

#result_legend_1 {
  font-family: Arial, sans-serif; /* Use clean, readable fonts */
}

#result_legend_1 p{
 margin-bottom:10px;
 font-family: Arial, sans-serif; /* Use clean, readable fonts */
}

.display_result_links {
  color: #007bff; /* Default link color */
  font-family: inherit; /* Inherits the font from the parent element */
  font-size: inherit; /* Inherits the size from the parent */
  background-color: transparent; /* No background by default */
  cursor: pointer; /* Hand pointer for clickable links */
}
.display_result_links:hover {
  color: #0056b3;
  text-decoration: underline;
}


.span_display_category_name {
    color: #333;
    margin:0px;
}

.span_display_percent {
  font-size: 20px;
  font-weight: bold;
  display: block;
}


.btn_display_conseil_element{
  cursor: pointer;
  margin: 12px;
  margin-left: 0px;
  padding: 6px;
  background-color: #f3f3f3;
  border-radius: 10px;
  box-shadow: 0px 4px 6px -6px #000000c9;
}
.btn_display_conseil_element:hover{
  font-weight: bold;
  
}
.btn_display_conseil_element_active{
  font-weight: bold;
  background-color: #e4e4e4;
  box-shadow: none!important;
}

/* Style for radio buttons */
input[type="radio"] {
  cursor: pointer; /* Change cursor to pointer */
  -webkit-appearance: none; /* Remove default appearance */
  -moz-appearance: none; /* Remove default appearance */
  appearance: none; /* Remove default appearance */
  background-color: #fff; /* White background */
  border: 2px solid #494949; /* Black border */
  padding: 16px; /* Bigger circle size */
  border-radius: 50%; /* Round shape */
}

/* Style for checked state */
input[type="radio"]:checked {
  background-color: #166583; /* Bootstrap primary blue background */
}



/* pour petite ecran */
/* @media (max-width: 768px) {

} */

@media print {
  .print_hide_element {
    display: none !important;
  }

  body {
    margin: 0;
    padding: 0;
  }

  .score-bar {
    box-sizing: border-box; /* Include padding and border in width */
    display: inline-block; /* Or inline-block */
    margin: 0; /* Reset margins */
    padding: 0; /* Reset padding */
  }

}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
  }