.frm_form_fields input[type=email],
.frm_form_fields input[type=number],
.frm_form_fields input[type=tel],
.frm_form_fields input[type=password],
.frm_form_fields input[type=text],
.frm_form_fields select {
    height: 32px !important;
    min-height: 32px !important;
}

.aide_vtq {
    width: 20px;
    height: 20px;
}

.vide {
    list-style-type: none;
}

#h_score {
    font-size: 16px;
}

.cache {
    display: none !important;
}

/* header */

#z_menu_lang a {
    float: right;
    width: 40px;
    margin-left: 20px;
}

#z_mob_menu_lang {
}

#z_mob_menu_lang a {
    float: right;
    width: 30px;
    margin-left: 10px;
}

#z_pet .photo {
    z-index: 99999;
    position: relative;
    width: 250px;
    height: 250px;
    margin: 20px auto;
    margin-bottom: -30px;
    border-radius: 200px;
    overflow: hidden;
    background: white;
}

.photo .pvtq {
    display: block;
    position: absolute;
    top: -1px;
    left: -3px;
    width: 100%;
    border: 5px solid white;
}

#z_pet .photo span {
    display: block;
    width: 200px;
    height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

#z_pet .nom {
    margin: 0 0 20px 0 !important;
}

#z_titre_page h2 {
    margin: 5px 0;
    font-size: 21px !important;
    font-size: 21px;
    font-style: italic;
    font-weight: 100;
}

#z_about {
    display: none;
}

#B_about {
    cursor: pointer;
}

.z_echelle .moins,
.z_echelle .plus {
    display: none;
}

.z_ref {
    width: 90%;
}

.z_ref .t_moins {
    float: left;
}

.z_ref .t_plus {
    float: right;
}

#form_enquete-maitre .frm_prev_page {
    display: none;
}

#form_enquete-veterinaire-consultation .z_dimension .frm_primary_label {
    width: 180px;
}

#z_questionnaire {
    position: relative;
    left: 10000px;
}

#z_questionnaire #closed {
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    cursor: not-allowed;
}

#quest_rep,
#quest_conclusion {
    display: none;
}

.z_chapitre {
    float: left;
    width: 100%;
}

#B_about_survey {
    cursor: pointer;
}

#z_hello {
    position: relative;
}

#z_hello .debug {
    display: none;
    z-index: 9999999999;
    position: absolute;
    top: 40px;
    width: 1000px;
    padding: 20px;
    text-align: left;
    font-size: 18px;
    color: black;
    background: white;
    cursor: pointer;
}

#z_debug_info {
    position: relative;
    text-align: center;
    font-size: 16px;
    color: black;
    cursor: pointer;
}

#z_debug_info .debug {
    display: none;
    z-index: 9999999999;
    position: absolute;
    top: 40px;
    padding: 20px;
    text-align: left;
    font-size: 18px;
    color: black;
    background: white;
}

#z_progress {
    margin: 0 0 20px 0;
}

#z_progress .B_nav {
    float: left;
    padding: 0 15px;
    border: 2px solid var(--awb-color2);
    font-size: 24px;
    color: white;
    background: var(--awb-color2);
    cursor: pointer;
}

#z_progress #B_retour {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

#z_progress #B_suite {
    float: right !important;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

#z_progression {
    position: relative;
    width: 100%;
    height: 40px;
    border: 3px solid var(--awb-color3);
    border-radius: 20px;
}

#z_barre {
    position: absolute;
    width: 100%;
    height: 34px;
    border-radius: 20px;
    background: var(--awb-color3);
}

#t_consigne {
    float: left;
    width: 100%;
    margin-bottom: 0;
    font-family: barlow;
    font-size: 21px;
}

.t_fin {
    float: left;
    width: 98%;
    margin: 0 0;
    font-family: barlow;
}

.t_fin .col {
    float: left;
}

.t_fin strong {
    font-weight: 600;
}

.t_fin .conclusion {
    float: left;
    font-size: 18px;
    line-height: 40px;
}

#z_give_access {
    float: left;
    margin-bottom: 30px;
    border-bottom: 3px solid var(--awb-color4);
}

#z_give_access p {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

#z_give_access #B_submit {
    margin-bottom: 50px;
}

.i_cal {
    float: left;
    width: 60px;
    margin-right: 20px;
}

#scores {
    margin-bottom: 30px;
    font-weight: 600;
}

#z_etape {
    position: absolute;
    width: 100%;
    margin: -1px;
    text-align: center;
    font-family: 'BARLOW';
    font-size: 21px;
    font-weight: 700;
    color: white;
}

#z_etape .info {
    margin-left: 100px;
    color: black;
}

#ui-datepicker-div {
    width: 400px;
}

#ui-datepicker-div .ui-datepicker-calendar {
    width: 100% !important;
    margin-top: 20px;
    background: white !important;
}

#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {
    display: none;
}

#ui-datepicker-div .ui-datepicker-calendar th {
    text-align: center !important;
    font-size: 24px;
}

#ui-datepicker-div .ui-datepicker-calendar td {
    text-align: center !important;
    font-size: 24px;
}

#ui-datepicker-div .ui-datepicker-title {
    margin-top: 20px;
}

#ui-datepicker-div .ui-datepicker-title select {
    width: 50%;
    font-size: 18px !important;
}

.choix_date .ui-datepicker-trigger {
    width: 55px !important;
    margin-left: 10px;
    cursor: pointer;
}

#T_chapitre {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: 700;
    color: var(--awb-color3);
}

#z_questionnaire .fusion-column-wrapper {
    position: relative;
    min-height: 530px;
}

#z_questionnaire.closed .fusion-column-wrapper {
    height: auto;
    min-height: 680px;
}

#z_questions {
    float: left;
    width: 98%;
    min-height: 300px;
}

#z_questions.relecture h2 {
    float: left;
    width: 100%;
    padding-top: 20px;
    border-top: 2px solid var(--awb-color7);
    font-size: 32px;
}

.question {
    float: left;
    width: 100%;
}

.question h3 {
    float: left;
    width: 100%;
    margin-top: 0;
    font-size: 21px !important;
    font-weight: 500 !important;
    color: var(--awb-color3) !important;
}

.relecture .chap {
    margin-top: 20px;
    padding-top: 40px;
    border-top: 2px solid var(--awb-color7);
}

.relecture #t_consigne {
    display: none;
}

.relecture .question:first-child #t_consigne {
    display: block;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 3px solid var(--awb-color4);
}

.relecture .squestion {
    margin-bottom: 30px;
}

.relecture .squestion h3 {
    margin-bottom: 10px;
}

.question .comment {
    margin-bottom: 0;
    font-family: 'BARLOW';
    font-weight: bold;
}

.question .comment_gauche {
    float: left;
}

.question .comment_droite {
    float: right;
    text-align: right;
}

.q_5004 .comment_droite,
.q_5003 .comment_gauche,
.q_7001 .comment_droite,
.q_7000 .comment_gauche {
    color: #9C1006 !important;
}

.q_5003 .comment_droite,
.q_5004 .comment_gauche,
.q_7000 .comment_droite,
.q_7001 .comment_gauche {
    color: #2B8834 !important;
}

.relecture .question .comment {
    margin-bottom: 10px;
}

.squestion {
    display: none;
    float: left;
    width: 100%;
    padding: 20px 20px 0 20px;
    background: #D9E9DB;
}

.squestion h4 {
    float: left;
    width: 100%;
    margin-top: 0;
    font-size: 24px !important;
    font-weight: 600 !important;
    color: var(--awb-color6) !important;
}

.squestion .comment {
    float: left;
    width: 100%;
    margin-bottom: 20px !important;
    font-size: 18px !important;
    color: var(--awb-color3) !important;
}

.relecture .squestion h4 {
    margin-bottom: 10px;
}

.reponses_choix {
    float: left;
    width: 100%;
    overflow: auto;
}

.reponses_choix::after {
    content: "";
    display: table;
    clear: both;
}

.reponses .fin,
.z_discuss .fin {
    float: left;
    width: 100%;
    height: 4px;
    margin-top: 20px;
    background: var(--awb-color7);
}

.choix_date i {
    margin-bottom: 20px;
    padding: 0 15px;
    font-size: 40px;
    color: var(--awb-color3);
}

.reponses .reponse,
.reponses .sreponse {
    display: none;
    margin-bottom: 20px;
    padding: 10px 20px;
    font-family: 'Barlow';
    font-size: 21px;
    font-weight: 600;
    color: var(--awb-color3);
    background: var(--awb-custom_color_7);
    cursor: pointer;
}

.reponses .sreponse {
    color: var(--awb-color6);
}

.relecture .reponses .reponse {
    font-weight: 500;
    color: var(--awb-color3) !important;
    cursor: auto;
}

.relecture .reponses .sreponse {
    font-weight: 500;
    color: var(--awb-color6) !important;
    cursor: auto;
}

.reponses .reponse .nom_val {
    display: block;
    width: 100%;
}

.reponses.liste_10 {
    position: relative;
    height: 160px;
}

.reponses.liste_10 .reponse {
    float: left;
    width: calc((100% - 80px) / 5);
    margin-right: 20px;
    padding: 10px 0;
    text-align: center;
}

.relecture .reponses.liste_10 .reponse {
    float: left;
    width: 100%;
    margin-right: 0;
    text-align: left;
}

.reponses .reponse.choix {
    position: relative;
    color: white;
    background: var(--awb-color3);
}

.reponses .sreponse.choix {
    position: relative;
    color: white;
    background: var(--awb-color6);
}

.fnpi .reponses .reponse {
    color: var(--awb-color4);
}

.fnpi .reponses .reponse.choix {
    position: relative;
    color: white;
    background: var(--awb-color4);
}

.tq_7 #jauge {
    position: absolute;
    width: 100%;
}

.tq_7 #jauge img {
    margin-top: -10px;
}

.tq_7 #jauge_slider img {
    margin-top: 0;
}

.tq_7 .reponses_choix {
    position: absolute;
    width: 64%;
    margin: 0 18%;
}

.tq_7 .reponses.liste_10 .reponse {
    width: calc(100% / 11);
    height: 50px;
    margin: 0;
    padding: 0;
    border: none !important;
    background: transparent;
}

#nav_questions {
    float: left;
    position: relative;
    width: 100%;
    margin-top: 0;
}

#nav_questions .B_nav {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0 10px;
    border: 4px solid var(--awb-color3);
    font-family: 'Barlow';
    font-size: 24px;
    color: white;
    background: var(--awb-color3);
}

#nav_questions .B_nav span {
    float: left;
}

#nav_questions .B_nav i {
    float: right;
    margin: 7px 0 7px 0;
    font-size: 30px;
}

#nav_questions .B_nav b {
    display: inline-block;
    float: right;
    width: 30px;
    height: 30px;
    margin: 7px 0 7px 0;
    border-radius: 20px;
    background: white;
}

#nav_questions .B_nav svg {
    width: 17px;
    margin-left: 7px;
}

#alert_valid {
    width: 100%;
    margin: 20px 0;
    text-align: center;
    font-size: 24px;
    color: red;
}

#B_retour {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

#B_valid {
    border: 4px solid var(--awb-color8) !important;
    background: var(--awb-color8) !important;
}

#B_valid span {
}

#B_previous {
    text-align: center;
    color: var(--awb-color3) !important;
    background: var(--awb-color1) !important;
}

#B_previous span {
}

#B_previous i {
    float: left !important;
    margin-right: 10px !important;
}

#B_suite {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

#B_save {
    float: left;
    border: 4px solid var(--awb-custom_color_1) !important;
    background: var(--awb-custom_color_1) !important;
}

#B_save svg .st0 {
    fill: var(--awb-custom_color_1);
}

#z_questions.relecture .choix {
    padding: 0;
    font-size: 21px;
    color: var(--awb-color3);
    background: none;
}

/* conclusion ------------ */

.B_nav_conclusion {
    float: right;
    width: 100%;
    padding: 5px 5px;
    border: 4px solid var(--awb-color3);
    font-family: 'Barlow';
    font-size: 16px;
    color: white;
    background: var(--awb-color3);
    cursor: pointer;
}

#z_give_access .B_nav_conclusion {
    float: left;
    width: 100%;
}

.B_nav_conclusion i {
    float: left;
    font-size: 30px;
}

.B_nav_conclusion span {
    float: left;
    margin-top: 0;
    margin-right: 20px;
}

.B_nav_conclusion b {
    display: inline-block;
    float: right;
    width: 30px;
    height: 30px;
    border-radius: 20px;
    background: white;
}

.B_nav_conclusion svg {
    width: 17px;
    margin-left: 7px;
}

#B_save_out {
    float: left;
}

#B_review {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    text-align: center;
    color: var(--awb-color3) !important;
    background: var(--awb-color1) !important;
}

#B_review span {
    margin-left: 10px;
}

.t_fin p {
    float: left;
    width: 100%;
    font-size: 21px;
    font-weight: 300 !important;
    line-height: 28px;
    color: var(--awb-color2) !important;
}

/* sauvegarder a gauche */

#B_save_out {
    border: 4px solid var(--awb-color8) !important;
    background: var(--awb-color8) !important;
}

#B_save_out svg .st0 {
    fill: var(--awb-color8);
}

/* terminer a droite */

#B_submit {
    float: right;
    border: 4px solid var(--awb-custom_color_1) !important;
    background: var(--awb-custom_color_1) !important;
}

#B_submit svg .st0 {
    fill: var(--awb-custom_color_1);
}

#resultat {
    margin-top: 50px;
    font-family: 'Barlow';
    color: white;
}

#resultat p {
    margin-bottom: 10px;
    line-height: 21px;
}

#z_radar {
    float: left;
    width: 100%;
}

#z_radars #z_radar {
    float: left;
    width: 90%;
    margin: 20px 0 20px 5%;
}

#z_jauges {
    float: right;
    width: 103%;
    padding-left: 3%;
}

#z_legende {
    float: left;
    clear: both;
}

#z_legende .dim {
    float: left;
    clear: both;
    margin-bottom: 20px;
}

#z_legende .rond {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    border-radius: 20px;
}

#z_legende .dim_nom {
    float: left;
    font-size: 21px;
    line-height: 18px;
}

#z_jauges .jauge {
    float: left;
    clear: both;
    font-size: 19px;
    font-weight: 500;
}

#z_jauges .jauge img {
    margin-top: -20px;
}

#z_radar {
    position: relative;
    margin-top: 30px;
}

#z_radar #c_radar {
    position: relative;
}

#z_radar #a_radar {
    z-index: 1;
    position: absolute;
    top: -15px;
    left: -15px;
    border-radius: 400px;
}

#z_radar #f_radar {
    z-index: 2;
    position: absolute;
}

#z_radar #c_radar {
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* print */

#z_graphe #z_radar {
    width: 100%;
}

#z_graphe #z_radar #a_radar {
    display: none;
}

#z_graphe #z_radar #f_radar {
    top: 10px;
    left: 10px;
    width: 180px;
    height: 180px;
}

#z_graphe #z_radar #c_radar {
    top: 25px;
    left: 25px;
    width: 150px;
    height: 150px;
}

#z_resultats #z_jauges {
    width: 100%;
    margin-left: 0%;
    padding: 0;
}

#z_resultats #z_legende .dim_nom {
    float: left;
    font-size: 14px;
    line-height: 18px;
}

#z_pet_infos #l_information {
    font-size: 13px;
}

#z_resultats #z_jauges .jauge {
    font-size: 16px;
}

#z_resultats #z_jauges .jauge span {
    margin-bottom: 15px;
}

/* -------------- */

#B_save,
#B_end_save {
}

#z_timeline .survey {
    display: flex;
    float: left;
    align-items: center;
    width: 100%;
    padding: 20px 15px;
    text-align: center;
    color: white;
    background: var(--awb-color3);
    cursor: pointer;
}

#z_timeline .survey .quand {
    float: left;
    width: 80%;
}

#z_timeline .survey .date {
    float: left;
    margin-bottom: 0;
    font-family: barlow;
    font-size: 18px;
    font-weight: 600;
}

#z_timeline .survey .heure {
    font-family: barlow;
    font-size: 16px;
    font-style: italic;
    font-weight: 600;
}

#z_timeline .survey .action {
    float: left;
    width: 30%;
}

#z_timeline .survey a {
    padding: 10px;
    border: 2px solid white;
    border-radius: 20px;
    color: white;
}

.B_edit_link {
    display: inline-block;
    margin-left: 60px;
}