/* Fonts */
/**
 * @license
 * MyFonts Webfont Build ID 3705099, 2019-01-24T09:50:52-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: MullerNarrow-ExtraBold by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/muller/narrow-extrabold/
 *
 * Webfont: MullerNarrow-Light by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/muller/narrow-light/
 *
 * Webfont: MullerNarrow-LightItalic by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/muller/narros-light-italic/
 *
 *
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3705099
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright © 2014 by Fontfabric. All rights reserved.
 *
 * © 2019 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/38890b");

@font-face {
    font-family: 'MullerNarrow-ExtraBold';
    src: url('../fonts/38890B_0_0.eot');
    src: url('../fonts/38890B_0_0.eot?#iefix') format('embedded-opentype'), url('../fonts/38890B_0_0.woff2') format('woff2'), url('../fonts/38890B_0_0.woff') format('woff'), url('../fonts/38890B_0_0.ttf') format('truetype');
}

@font-face {
    font-family: 'MullerNarrow-Light';
    src: url('../fonts/38890B_1_0.eot');
    src: url('../fonts/38890B_1_0.eot?#iefix') format('embedded-opentype'), url('../fonts/38890B_1_0.woff2') format('woff2'), url('../fonts/38890B_1_0.woff') format('woff'), url('../fonts/38890B_1_0.ttf') format('truetype');
}

@font-face {
    font-family: 'MullerNarrow-LightItalic';
    src: url('../fonts/38890B_2_0.eot');
    src: url('../fonts/38890B_2_0.eot?#iefix') format('embedded-opentype'), url('../fonts/38890B_2_0.woff2') format('woff2'), url('../fonts/38890B_2_0.woff') format('woff'), url('../fonts/38890B_2_0.ttf') format('truetype');
}

body.not-logged-in.page-user,
body.page-node-sid,
body.node-type-webform,
body.node-type-questionnaire-48h,
body.node-type-stop,
body.page-system-tfa,
body.page-questionnaire,
body.page-node-62,
body.page-node-done,
body.node-type-page {
    font-family: Roboto, 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.node-type-webform .boxed,
.page-user .boxed,
.page-node-sid .boxed,
.node-type-stop .boxed,
.page-system-tfa .boxed,
.node-type-questionnaire-48h .boxed,
.page-node-sid .boxed,
.page-node-done .boxed,
.node-type-page .boxed {
    max-width: 800px;
    margin: 0 auto;
}

.node-type-webform .boxed .col-lg-8.col-lg-offset-2.custom-col,
.page-user .boxed .col-lg-8.col-lg-offset-2.custom-col,
.page-node-sid .boxed .col-lg-8.col-lg-offset-2.custom-col,
.node-type-stop .boxed .col-lg-8.col-lg-offset-2.custom-col,
.page-system-tfa .boxed .col-lg-8.col-lg-offset-2.custom-col,
.node-type-questionnaire-48h .boxed .col-lg-8.col-lg-offset-2.custom-col,
.page-node-done .boxed .col-lg-8.col-lg-offset-2.custom-col,
.node-type-page .boxed .col-lg-8.col-lg-offset-2.custom-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0;
    width: auto;
    float: none;
    position: inherit;
    min-height: auto;
    padding-left: 0;
    padding-right: 0;
}

/* Crisp */
/*
div.crisp-client div#crisp-chatbox.crisp-1rjpbb7 div.crisp-1rf4xdh.crisp-k5ll1j a.crisp-kquevr span.crisp-1059tj2 span.crisp-1xaupiq {
	display:block !important;
	visibility: visible !important;
}
*/
/* Header */
header#navbar {
    background-color: #0a3b4f;
    border-bottom: 5px solid rgba(39, 145, 164, 1);
    z-index: 997;
}

#navbar-container,
#content-container::before {
    background-color: #0a3b4f !important;
}

.nav>li>a:hover,
.nav>li>a:focus {
    background-color: transparent !important;
}

.mt-image {
    height: 35px;
    padding-left: 20px;
    border-left: none !important;
    display: inline;
    margin-top: 9px;
    margin-left: 20px;
    z-index: 2;
    position: relative;
}

.mt-partnership {
    display: inline-block;
    margin-left: 15px;
    top: 13px;
    position: relative;
    color: #ffffff;
    font-style: italic;
    line-height: 15px;
    font-size: 14px;
}

@media (min-width: 768px) {
    #navbar .brand-title {
        width: auto !important;
    }
}

@media screen and (max-width: 760px) {
    .navbar-top-links .dropdown-menu {
        width: auto;
        left: inherit !important;
        right: 67px !important;
        max-width: 200px;
    }
}

/* Alerts */
.alert {
    font-size: 16px !important;
    border-radius: 5px !important;
}

.alert a {
    color: #ffffff !important;
    text-decoration: underline !important;
}

.node-type-webform.role_patient .alert.alert-dismissible.alert-warning.warning,
.role_anonymous-user .alert.alert-dismissible.alert-warning.warning {
    display: none !important;
    visibility: hidden !important;
}

/* New progressbar */
.ProgressBar {
    margin: 90px auto 0 auto;
    padding: 0;
    list-style: none;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.ProgressBar-step {
    text-align: center;
    position: relative;
    width: 100%;
}

.ProgressBar-step:before,
.ProgressBar-step:after {
    content: "";
    height: 0.5em;
    background-color: #5a8899;
    position: absolute;
    z-index: 1;
    width: 100%;
    left: -50%;
    top: 50%;
    transform: translateY(-50%);
    /*     transition: all .25s ease-out; */
}

.ProgressBar-step:first-child:before,
.ProgressBar-step:first-child:after {
    display: none;
}

.ProgressBar-step:after {
    background-color: rgba(255, 255, 255, 0.7);
    width: 0%;
}

.ProgressBar-step .is-complete:after,
.ProgressBar-step.is-current:after,
.ProgressBar-step .is-complete:after,
.ProgressBar-step.is-complete:after {
    width: 100%;
}

.ProgressBar-icon {
    width: 1.5em;
    height: 1.5em;
    background-color: #5a8899;
    fill: #5a8899;
    border-radius: 50%;
    padding: 0.3em;
    max-width: 100%;
    z-index: 10;
    position: relative;
    /*   transition: all .25s ease-out; */
}

.is-current .ProgressBar-icon {
    fill: #FFFFFF;
    background-color: rgba(255, 255, 255, 1);
}

.is-complete .ProgressBar-icon {
    fill: #0a3b4f;
    background-color: rgba(255, 255, 255, 1);
}

.ProgressBar-stepLabel {
    display: block;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 1);
    position: absolute;
    padding-top: 0.5em;
    width: 100%;
    /*   transition: all .25s ease-out; */
}

.is-current>.ProgressBar-stepLabel,
.is-complete>.ProgressBar-stepLabel {
    color: #FFFFFF;
}

/* Progression Bar */
.webform-progressbar {
    display: none !important;
}

.webform-progressbar-outer {
    background-color: transparent !important;
    border: 0px !important;
    margin: 0 0 0 0;
    width: 100%;
}

.webform-progressbar-outer span {
    display: none !important;
}

.webform-progressbar-inner {
    background-color: #ffffff !important;
    height: 5px;
}

form:not(#webform-client-form-2) .webform-progressbar {
    top: 59px;
    position: fixed;
    height: 3px;
    z-index: 998;
    max-width: 760px;
    /* 	margin:0 -20px; */
}

.role_administrator form:not(#webform-client-form-2) .webform-progressbar {
    display: none !important;
}

/*
form:not(#webform-client-form-2) .webform-progressbar-inner{
	width:auto;
	position: fixed;
	top: 60px;
}
*/
#webform-client-form-2 .webform-progressbar {
    max-width: 15%;
    margin: 0 0 0 0;
    position: fixed;
    top: 60px;
    /* 	left: -20px; */
}

form:not(#webform-client-form-2) .webform-progressbar-inner {
    min-width: 15%;
    z-index: 999;
}

form#webform-client-form-2 .webform-progressbar-inner {}

/* Page Content */
.close-app {
    text-transform: uppercase;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 20px !important;
    font-weight: bold !important;
    width: 59px;
    height: 59px;
    border-left: 1px solid rgba(255, 255, 255, 1);
    color: rgba(255, 255, 255, 1);
}

.close-app::before {
    line-height: 57px;
}

.close-app:hover {
    color: #ffffff;
    background-color: #176e84;
}

#navbar-container .navbar-header .navbar-brand .brand-title {
    padding-left: 20px !important;
    text-align: left !important;
}

.brand-text {
    color: #ffffff !important;
    font-family: 'MullerNarrow-Light' !important;
    text-transform: uppercase;
    font-size: 24px !important;
}

.brand-text strong {
    font-family: 'MullerNarrow-ExtraBold';
    font-weight: normal;
}

.navbar-content {
    text-align: right;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}

body.not-logged-in.page-user #container,
body.node-type-webform #container,
body.page-node-sid #container,
body.node-type-questionnaire-48h #container,
body.node-type-stop #container,
body.page-system-tfa #container,
body.page-questionnaire #container,
body.page-node-62 #container,
body.page-node-done #container,
body.node-type-page #container {
    /*background: #094a64;*/
    background-color: #084b65;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2d7586+0,094a64+42,094a64+72,407d98+100 */
    background: rgb(45, 117, 134);
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(45, 117, 134, 1) 0%, rgba(9, 74, 100, 1) 42%, rgba(9, 74, 100, 1) 72%, rgba(64, 125, 152, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(45, 117, 134, 1) 0%, rgba(9, 74, 100, 1) 42%, rgba(9, 74, 100, 1) 72%, rgba(64, 125, 152, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(45, 117, 134, 1) 0%, rgba(9, 74, 100, 1) 42%, rgba(9, 74, 100, 1) 72%, rgba(64, 125, 152, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d7586', endColorstr='#407d98', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

body.not-logged-in.page-user #content-container,
body.node-type-webform #content-container,
body.page-node-sid #content-container,
body.node-type-questionnaire-48h #content-container,
body.node-type-stop #content-container,
body.page-system-tfa #content-container,
body.page-questionnaire #content-container,
body.page-node-62 #content-container,
body.page-node-done #content-container,
body.node-type-page #content-container {
    /*background: #094a64;*/
    background: transparent none;
}

body.not-logged-in.page-user #content-container::before,
body.node-type-webform #content-container::before,
body.page-node-sid #content-container::before,
body.node-type-questionnaire-48h #content-container::before,
body.node-type-stop #content-container::before,
body.page-system-tfa #content-container::before,
body.page-questionnaire #content-container::before,
body.page-node-62 #content-container::before,
body.page-node-done #content-container::before,
body.node-type-page #content-container::before {
    display: none;
}

body.page-node-sid #page-content>.row>.custom-col .panel.panel-body,
body.node-type-webform #page-content>.row>.custom-col .panel.panel-body,
body.node-type-questionnaire-48h #page-content>.row>.custom-col .panel.panel-body,
body.page-questionnaire #page-content>.row>.custom-col .panel.panel-body,
body.page-node-62 #page-content>.row>.custom-col .panel.panel-body,
body.page-node-sid #page-content>.row>.custom-col .panel.panel-body,
body.page-node-node-done #page-content>.row>.custom-col .panel.panel-body {
    /* background-color: #084b65;
		    / * Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2d7586+0,094a64+42,094a64+72,407d98+100 * /
			background: rgb(45,117,134); / * Old browsers * /
			background: -moz-linear-gradient(-45deg, rgba(45,117,134,1) 0%, rgba(9,74,100,1) 42%, rgba(9,74,100,1) 72%, rgba(64,125,152,1) 100%); / * FF3.6-15  * /
			background: -webkit-linear-gradient(-45deg, rgba(45,117,134,1) 0%,rgba(9,74,100,1) 42%,rgba(9,74,100,1) 72%,rgba(64,125,152,1) 100%); / * Chrome10-25,Safari5.1-6 * /
			background: linear-gradient(135deg, rgba(45,117,134,1) 0%,rgba(9,74,100,1) 42%,rgba(9,74,100,1) 72%,rgba(64,125,152,1) 100%); / * W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ * /
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7586', endColorstr='#407d98',GradientType=1 ); / * IE6-9 fallback on horizontal gradient */
    background-color: transparent;
    color: #fff6ff;
    min-height: 450px;
    /* 		    padding-bottom: 80px; */
    max-width: 800px;
    padding: 10px 10px 15px 10px !important;
}

body.not-logged-in.page-user #page-content>.row>.custom-col .panel.panel-body {
    /* background-color: #084b65;
		    / * Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2d7586+0,094a64+42,094a64+72,407d98+100 * /
			background: rgb(45,117,134); / * Old browsers * /
			background: -moz-linear-gradient(-45deg, rgba(45,117,134,1) 0%, rgba(9,74,100,1) 42%, rgba(9,74,100,1) 72%, rgba(64,125,152,1) 100%); / * FF3.6-15  * /
			background: -webkit-linear-gradient(-45deg, rgba(45,117,134,1) 0%,rgba(9,74,100,1) 42%,rgba(9,74,100,1) 72%,rgba(64,125,152,1) 100%); / * Chrome10-25,Safari5.1-6 * /
			background: linear-gradient(135deg, rgba(45,117,134,1) 0%,rgba(9,74,100,1) 42%,rgba(9,74,100,1) 72%,rgba(64,125,152,1) 100%); / * W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ * /
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7586', endColorstr='#407d98',GradientType=1 ); / * IE6-9 fallback on horizontal gradient */
    background-color: transparent;
    color: #fff6ff;
    min-height: 450px;
    /* 		    padding-bottom: 80px; */
    /* 		    max-width: 800px; */
    padding: 40px 10px 15px 10px !important;
}

body.not-logged-in.page-user #page-content>.row>.custom-col .panel.panel-body h2,
body.not-logged-in.page-user #page-content>.row>.custom-col .panel.panel-body h3,
body.not-logged-in.page-user #page-content>.row>.custom-col .panel.panel-body h4,
body.not-logged-in.page-user #page-content>.row>.custom-col .panel.panel-body label,
body.node-type-webform #page-content>.row>.custom-col .panel.panel-body h2,
body.page-node-sid #page-content>.row>.custom-col .panel.panel-body h2,
body.node-type-questionnaire-48h #page-content>.row>.custom-col .panel.panel-body h2,
body.node-type-webform #page-content>.row>.custom-col .panel.panel-body h3,
body.page-node-sid #page-content>.row>.custom-col .panel.panel-body h3,
body.node-type-questionnaire-48h #page-content>.row>.custom-col .panel.panel-body h3,
body.node-type-webform #page-content>.row>.custom-col .panel.panel-body h4,
body.page-node-sid #page-content>.row>.custom-col .panel.panel-body h4,
body.node-type-questionnaire-48h #page-content>.row>.custom-col .panel.panel-body h4,
body.node-type-webform #page-content>.row>.custom-col .panel.panel-body label,
body.page-node-sid #page-content>.row>.custom-col .panel.panel-body label,
body.node-type-questionnaire-48h #page-content>.row>.custom-col .panel.panel-body label,
body.node-type-stop #page-content>.row>.custom-col .panel.panel-body h2,
body.node-type-stop #page-content>.row>.custom-col .panel.panel-body h3,
body.node-type-stop #page-content>.row>.custom-col .panel.panel-body h4,
body.node-type-stop #page-content>.row>.custom-col .panel.panel-body label,
body.page-system-tfa #page-content>.row>.custom-col .panel.panel-body h2,
body.page-system-tfa #page-content>.row>.custom-col .panel.panel-body h3,
body.page-system-tfa #page-content>.row>.custom-col .panel.panel-body h4,
body.page-system-tfa #page-content>.row>.custom-col .panel.panel-body label,
body.page-questionnaire #page-content>.row>.custom-col .panel.panel-body h2,
body.page-questionnaire #page-content>.row>.custom-col .panel.panel-body h3,
body.page-questionnaire #page-content>.row>.custom-col .panel.panel-body h4,
body.page-questionnaire #page-content>.row>.custom-col .panel.panel-body label,
body.page-node-62 #page-content>.row>.custom-col .panel.panel-body h2,
body.page-node-62 #page-content>.row>.custom-col .panel.panel-body h3,
body.page-node-62 #page-content>.row>.custom-col .panel.panel-body h4,
body.page-node-62 #page-content>.row>.custom-col .panel.panel-body label {
    color: #fff6ff;
}

.page-system-tfa .form-item-code .control-label {
    color: #737373 !important;
    font-size: 18px;
}

body.node-type-webform #page-content>.row>.custom-col .panel.panel-body h3,
/* 			body.page-node-sid #page-content > .row > .custom-col .panel.panel-body h3, */
body.node-type-questionnaire-48h #page-content>.row>.custom-col .panel.panel-body h3 {
    font-size: 45px;
    line-height: 55px;
    /*font-weight: bold;*/
    font-family: 'MullerNarrow-ExtraBold';
    text-transform: uppercase;
    display: none;
    font-weight: normal;
}

body.node-type-webform #page-content>.row>.custom-col .panel.panel-body .well,
body.page-node-sid #page-content>.row>.custom-col .panel.panel-body .well,
body.node-type-questionnaire-48h #page-content>.row>.custom-col .panel.panel-body .well {
    background: none transparent;
    border: none;
    box-shadow: none;
}

.well {
    padding: 40px;
}

/* Webforms */
/* Modal */
#my-modal .modal-body {
    padding-top: 0px;
}

#my-modal .modal-body p {
    font-size: 16px;
}

#my-modal .modal-header h4 {
    font-family: 'MullerNarrow-ExtraBold';
    text-transform: uppercase;
    font-size: 26px;
    line-height: 29px;
    font-weight: normal;
}

#my-modal .modal-content {
    padding: 10px;
}

.webform-client-form>div {
    position: relative;
}

.form-group {
    /*margin-bottom: 32px;*/
    margin-bottom: 8px;
    /*border-bottom: 1px solid #407286;*/
    /* 		padding-bottom: 24px; */
    overflow: hidden;
}

.form-required {
    display: none;
}

.webform-component h4:first-child,
.question-0:not(.form-type-radio)>.control-label:first-child,
.question-1:not(.form-type-radio)>.control-label:first-child,
.question-2:not(.form-type-radio)>.control-label:first-child,
.question-3:not(.form-type-radio)>.control-label:first-child,
.question-4:not(.form-type-radio)>.control-label:first-child,
.question-5:not(.form-type-radio)>.control-label:first-child,
.question-6:not(.form-type-radio)>.control-label:first-child,
.question-7:not(.form-type-radio)>.control-label:first-child,
.question-8:not(.form-type-radio)>.control-label:first-child,
.question-9:not(.form-type-radio)>.control-label:first-child,
.question-10:not(.form-type-radio)>.control-label:first-child,
.question-11:not(.form-type-radio)>.control-label:first-child,
.question-12:not(.form-type-radio)>.control-label:first-child,
.question-13:not(.form-type-radio)>.control-label:first-child,
.question-14:not(.form-type-radio)>.control-label:first-child,
.question-15:not(.form-type-radio)>.control-label:first-child,
.question-16:not(.form-type-radio)>.control-label:first-child,
.question-17:not(.form-type-radio)>.control-label:first-child,
.question-18:not(.form-type-radio)>.control-label:first-child,
.question-19:not(.form-type-radio)>.control-label:first-child,
.question-20:not(.form-type-radio)>.control-label:first-child,
.question-21:not(.form-type-radio)>.control-label:first-child,
.form-type-slider>.control-label:first-child,
.create-account,
.page-node .panel-body h3,
.form-type-textarea>.control-label:first-child,
#webform-client-form-513>div>div.form-item.webform-component.webform-component-radios.webform-component--prenez-vous-des-medicaments-tous-les-jours-2.form-group.form-item-submitted-prenez-vous-des-medicaments-tous-les-jours-2.form-type-radios.question-5.animated.fadeIn.faster>label,
.webform-component-file .control-label,
h4.good-news,
h4.h4-title,
.webform-component-file.form-type-managed-file>.control-label:first-child {
    /*
				font-size: 30px;
				line-height: 33px;
				text-align:center;
				font-family: 'MullerNarrow-ExtraBold';
				text-transform: uppercase;
				margin-top:0 !important;
				margin-bottom:50px;
				max-width: 560px;
				margin-left: auto;
				margin-right: auto;
				padding-top:7px;
				letter-spacing: 0.01em;
				font-weight:normal;
*/
    font-size: 38px;
    line-height: 42px;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: none;
    margin-top: 0 !important;
    margin-bottom: 50px;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 7px;
    letter-spacing: auto;
    font-weight: normal;
}

.webform-component-file .control-label {
    font-size: 38px;
    line-height: 42px;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center !important;
    text-transform: uppercase;
    margin-top: 0 !important;
    margin-bottom: 50px;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 7px;
    font-weight: normal;
}

.page-node .panel-body h3 {
    text-align: left !important;
    margin-left: 0;
    margin-right: 0;
}

.page-node .panel-body h5 {
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    font-family: 'MullerNarrow-ExtraBold';
    text-transform: uppercase;
    margin-top: 0 !important;
    margin-bottom: 20px;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 7px;
    letter-spacing: 0.01em;
    font-weight: normal;
    color: #ffffff;
}

/* Text */
body.node-type-webform .form-text,
body.page-node-sid .form-text {
    max-width: 500px;
    margin: 0 auto 0 auto;
}

/* ============ The verification code inout ============== */

#tfa-form .form-item .help-block {
    display: block;
    top: 0;
    bottom: 0;
    padding-top: 30px !important;
    text-align: left;
    margin-bottom: 10px !important;
}

.page-system-tfa .form-item-code .control-label {
    color: #FFFFFF;
    font-size: 18px;
}

#tfa-form .form-item input {
    min-width: 40px;
    border-radius: 5px;
    border: 1px solid #0a3b4f;
    color: #25849c;
    background-color: #FFFFFF;
    height: 45px;
    margin: 5px 5px 5px 0px;
    font-size: 30px;
    text-align: center;
    max-width: 300px;
}


#tfa-form .form-item .digit-container {
    position: relative;
    top: 15px;
    margin-left: 0px;
    padding-left: -20px;
    border: 0;
    background: linear-gradient(to left, #688e97 80%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 55px 2px;
    background-repeat: repeat-x;
    background-position-x: 50px;
    width: 330px;
    text-align: center;
    align-items: center;
    font-size: 0px;
    height: 60px;
    z-index: 1;
}

#tfa-form .form-item .digit-container input.digit-input {
    position: relative;
    left: 0px;
    background-color: #FFFFFF;
    width: 45px;
    height: 45px;
    box-shadow: 0.5px 0.5px 1px 1.5px #688e97;
    transform: rotateX(190deg);
    transition: all 0.5s;
    text-align: center;
    text-decoration: none;
    color: transparent;
    text-shadow: 0 0 0 transparent;
    z-index: 2;
}

#tfa-form .form-item .digit-container input.digit-input:focus {
    position: relative;
    background: #FFFFFF;
    outline: none;
    box-shadow: 0.5px 0px 3px 1.5px #1e5664;
}

#tfa-form .form-item .digit-container input.hide-card.digit-input {
    position: relative;
    color: transparent;
    transform: rotateX(0deg);
    background-color: #FFFFFF;
    border: 0px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    transform: rotateX(0deg);
    text-align: center;
    transition: all 0.5s;
    outline: none;
}

#tfa-form .form-item .digit-container input.digit-input.show-number {
    color: transparent;
    text-shadow: 0 0 0 #688e97;
    box-shadow: 0.5px 0.5px 3px 2px transparent;
    transition: box-shadow 0.1s ease-in-out;
}

#tfa-form .form-item .digit-container input.digit-input.show-number:focus {
    text-shadow: 0 0 0 #688e97;
}

/* Upload Field */

.form-file {
    padding: 0 0 !important;
}

.node-type-webform .form-managed-file,
.node-type-questionnaire-48h .form-managed-file,
.questionnaire_upload .form-managed-file {
    max-width: 400px;
    margin: 0 auto 0 auto;
}

.questionnaire_upload .form-control {
    border: 0;
}

.questionnaire_upload .help-block {
    max-width: 500px;
    margin: 15px auto 0 auto;
    text-align: left;
}

.form-managed-file.input-group .form-control {
    background-color: transparent;
    border: 0;
}

.form-managed-file.input-group .form-control.form-file {
    background-color: #ffffff;
}

.form-control .file img {
    max-height: 100px;
    position: relative;
    top: -35px;
}

.form-managed-file.input-group .form-control {
    border: none !important;
}

.form-managed-file .form-file {
    display: none !important;
}

.customized-file-input {
    border: 1px solid #fff;
    border-radius: 28.5px;
    margin-right: auto;
    margin-left: auto;
    height: 45px;
    min-width: 250px;
    line-height: 40px;
    font-size: 18px !important;
    text-align: center;
}

.customized-file-input i {
    margin-right: 10px;
}

.customized-file-input:hover {
    cursor: pointer;
    background-color: #2791a4;
}

.customized-file-input:active {
    background-color: #0a3b4f;
}

/* Textarea */
/*
		.webform-component-textarea {
		    width: calc(50% - 15px) !important;
		}
*/
.webform-component-textarea .grippie {
    display: none;
}

.form-textarea-wrapper textarea {
    font-size: 16px !important;
}

/* Radio Buttons */
body.node-type-webform .form-radios .form-type-radio.radio,
body.page-node-sid .form-radios .form-type-radio.radio,
body.node-type-questionnaire-48h .form-radios .form-type-radio.radio {
    display: inline-block;
    padding: 1px 20px;
    border: 1px solid #fff;
    margin-right: 50px;
    border-radius: 25px;
    text-align: center;
    overflow: hidden;
    margin-top: 0;
}

body.node-type-webform .form-radios .form-type-radio.radio.inputChecked,
body.page-node-sid .form-radios .form-type-radio.radio.inputChecked,
body.node-type-questionnaire-48h .form-radios .form-type-radio.radio.inputChecked {
    background-color: #2791a4;
    border-color: #2791a4 !important;
}

body.node-type-webform .form-radios .form-type-radio.radio label,
body.page-node-sid .form-radios .form-type-radio.radio label,
body.node-type-questionnaire-48h .form-radios .form-type-radio.radio label {
    padding: 0;
}

body.node-type-webform .form-radios .form-type-radio.radio input[type="radio"],
body.page-node-sid .form-radios .form-type-radio.radio input[type="radio"],
body.node-type-questionnaire-48h .form-radios .form-type-radio.radio input[type="radio"] {
    opacity: 0;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 20px;
    right: 0;
    bottom: 0;
}

body.node-type-webform #page-content>.row>.custom-col .panel.panel-body form .webform-component>label,
body.page-node-sid #page-content>.row>.custom-col .panel.panel-body form .webform-component>label,
body.node-type-questionnaire-48h #page-content>.row>.custom-col .panel.panel-body form .webform-component>label,
body.node-type-webform #page-content>.row>.custom-col .panel.panel-body form .webform-component .form-type-slider>.control-label:first-child body.page-node-sid #page-content>.row>.custom-col .panel.panel-body form .webform-component .form-type-slider>.control-label:first-child {
    /*
			float: left;
			width: 40%;
			margin-right: 5%;
			margin-top: 10px;
			margin-bottom:25px;
*/
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 45px;
}

body.node-type-webform #page-content>.row>.custom-col .panel.panel-body form .webform-component>.form-radios,
body.page-node-sid #page-content>.row>.custom-col .panel.panel-body form .webform-component>.form-radios,
body.node-type-questionnaire-48h #page-content>.row>.custom-col .panel.panel-body form .webform-component>.form-radios {
    /*
			float: right;
			width: 55%;
*/
    text-align: center;
}

/*
		.question-0 {
			float: none;
			width: 100%;
		}
		.question-0 > label.control-label {
			float: none !important;
			width: 100% !important;
			margin-right: 5%;
			margin-top: 10px;
			margin-bottom:25px;
		}
*/
/*
		body.node-type-webform #page-content > .row > .custom-col .panel.panel-body form .webform-component.question-0:not(.styles-511):not(.motif-consultation-x) > .form-radios {
			float: none !important;
			width: 100% !important;
			margin-right: 5%;
			margin-top: 10px;
		}
*/
/*
			body.node-type-webform #page-content > .row > .custom-col .panel.panel-body form .webform-component:not(.styles-511):not(.motif-consultation-x) > .form-radios > .form-type-radio,
			body.node-type-webform #page-content > .row > .custom-col .panel.panel-body form .webform-component:not(.styles-511-mt):not(.motif-consultation-x) > .form-radios > .form-type-radio,
			body.page-node-sid #page-content > .row > .custom-col .panel.panel-body form .webform-component:not(.styles-511):not(.motif-consultation-x) > .form-radios > .form-type-radio,
			body.page-node-sid #page-content > .row > .custom-col .panel.panel-body form .webform-component:not(.styles-511-mt):not(.motif-consultation-x) > .form-radios > .form-type-radio,
			body.node-type-questionnaire-48h #page-content > .row > .custom-col .panel.panel-body form .webform-component:not(.styles-511):not(.motif-consultation-x) > .form-radios > .form-type-radio,
			body.node-type-questionnaire-48h #page-content > .row > .custom-col .panel.panel-body form .webform-component:not(.styles-511-mt):not(.motif-consultation-x) > .form-radios > .form-type-radio
*/
body.node-type-webform #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511):not(.styles-511-mt):not(.motif-consultation-x)>.form-radios>.form-type-radio,
body.page-node-sid #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511):not(.styles-511-mt):not(.motif-consultation-x)>.form-radios>.form-type-radio,
body.node-type-questionnaire-48h #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511):not(.styles-511-mt):not(.motif-consultation-x)>.form-radios>.form-type-radio {
	border: 1px solid #fff;
	/* border-radius: 0; */
	margin-right: 10px;
	margin-left: 10px;
	height: auto;
	min-width: 160px;
	line-height: 26px;
	font-size: 18px !important;
	padding: 11px 10px;
}

/* MT */
/* Translation Problem */
body.node-type-webform #page-content>.row>.custom-col .panel.panel-body form .webform-component>.form-radios>.form-type-radio:not(.inputChecked):hover,
body.page-node-sid #page-content>.row>.custom-col .panel.panel-body form .webform-component>.form-radios>.form-type-radio:not(.inputChecked):hover,
body.node-type-questionnaire-48h #page-content>.row>.custom-col .panel.panel-body form .webform-component>.form-radios>.form-type-radio:not(.inputChecked):hover {
    background-color: rgba(39, 145, 164, 0.5);
    border: 1px solid rgba(39, 145, 164, 0.5);
}

body.node-type-webform #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511):not(.motif-consultation-x)>.form-radios>.form-type-radio,
body.node-type-webform #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511-mt):not(.motif-consultation-x)>.form-radios>.form-type-radio,
body.page-node-sid #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511):not(.motif-consultation-x)>.form-radios>.form-type-radio,
body.page-node-sid #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511-mt):not(.motif-consultation-x)>.form-radios>.form-type-radio,
body.node-type-questionnaire-48h #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511):not(.motif-consultation-x)>.form-radios>.form-type-radio,
body.node-type-questionnaire-48h #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511-mt):not(.motif-consultation-x)>.form-radios>.form-type-radio {
    /*
				border-top-left-radius: 28.5px;
				border-bottom-left-radius: 28.5px;
*/
    border-radius: 28.5px;
}

body.node-type-webform #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511):not(.motif-consultation-x)>.form-radios>.form-type-radio:last-child,
body.node-type-webform #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511-mt):not(.motif-consultation-x)>.form-radios>.form-type-radio:last-child,
body.page-node-sid #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511):not(.motif-consultation-x)>.form-radios>.form-type-radio:last-child,
body.page-node-sid #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511-mt):not(.motif-consultation-x)>.form-radios>.form-type-radio:last-child,
body.node-type-questionnaire-48h #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511):not(.motif-consultation-x)>.form-radios>.form-type-radio:last-child,
body.node-type-questionnaire-48h #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511-mt):not(.motif-consultation-x)>.form-radios>.form-type-radio:last-child {
    /*
				border-bottom-right-radius: 28.5px;
				border-top-right-radius: 28.5px;
*/
    border-radius: 28.5px;
}

/* Checkboxes */
body.node-type-webform .form-type-checkboxes.form-group,
body.page-node-sid .form-type-checkboxes.form-group,
body.node-type-questionnaire-48h .form-type-checkboxes.form-group {
    display: inline-block;
    width: 100%;
    /* 			margin: 16px auto 32px; */
}

body.node-type-webform .form-type-checkboxes.form-group .form-checkboxes,
body.page-node-sid .form-type-checkboxes.form-group .form-checkboxes,
body.node-type-questionnaire-48h .form-type-checkboxes.form-group .form-checkboxes {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
}

body.node-type-webform .form-checkboxes .form-type-checkbox.checkbox,
body.page-node-sid .form-checkboxes .form-type-checkbox.checkbox,
body.node-type-questionnaire-48h .form-checkboxes .form-type-checkbox.checkbox {
    display: inline-block;
    padding: 6px 0;
    border-bottom: 1px solid #457c8f;
    width: calc(50% - 15px);
    margin: 0;
    margin-right: 15px;
    padding-right: 50px;
    padding-left: 25px;
    padding-top: 6px;
    min-height: 50px;
    position: relative;
    float: left;
}

body.node-type-webform .form-checkboxes .form-type-checkbox.checkbox:nth-child(2n),
body.page-node-sid .form-checkboxes .form-type-checkbox.checkbox:nth-child(2n),
body.node-type-questionnaire-48h .form-checkboxes .form-type-checkbox.checkbox:nth-child(2n) {
    margin-right: 0;
    margin-left: 15px;
}

body.node-type-webform .form-checkboxes .form-type-checkbox.checkbox.inputChecked,
body.page-node-sid .form-checkboxes .form-type-checkbox.checkbox.inputChecked,
body.node-type-questionnaire-48h .form-checkboxes .form-type-checkbox.checkbox.inputChecked {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4da5b2+0,248a9f+100 */
    background: rgb(77, 165, 178);
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(77, 165, 178, 1) 0%, rgba(36, 138, 159, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(77, 165, 178, 1) 0%, rgba(36, 138, 159, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(77, 165, 178, 1) 0%, rgba(36, 138, 159, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4da5b2', endColorstr='#248a9f', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

body.node-type-webform .form-checkboxes .form-type-checkbox.checkbox.inputChecked:nth-child(2n),
body.page-node-sid .form-checkboxes .form-type-checkbox.checkbox.inputChecked:nth-child(2n),
body.node-type-questionnaire-48h .form-checkboxes .form-type-checkbox.checkbox.inputChecked:nth-child(2n) {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#278ca1+0,599aaf+100 */
    background: rgb(39, 140, 161);
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(39, 140, 161, 1) 0%, rgba(89, 154, 175, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(39, 140, 161, 1) 0%, rgba(89, 154, 175, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(39, 140, 161, 1) 0%, rgba(89, 154, 175, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#278ca1', endColorstr='#599aaf', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

body.node-type-webform .form-checkboxes .form-type-checkbox.checkbox input[type="checkbox"],
body.page-node-sid .form-checkboxes .form-type-checkbox.checkbox input[type="checkbox"],
body.node-type-questionnaire-48h .form-checkboxes .form-type-checkbox.checkbox input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    right: 5px;
    top: 15px;
}

body.node-type-webform .form-checkboxes .form-type-checkbox.checkbox label,
body.page-node-sid .form-checkboxes .form-type-checkbox.checkbox label,
body.node-type-questionnaire-48h .form-checkboxes .form-type-checkbox.checkbox label {
    display: block;
    padding: 10px 0 10px 0;
    font-size: 18px;
}

body.node-type-webform .form-checkboxes .form-type-checkbox.checkbox label::after,
body.page-node-sid .form-checkboxes .form-type-checkbox.checkbox label::after,
body.node-type-questionnaire-48h .form-checkboxes .form-type-checkbox.checkbox label::after {
    border: 1px solid #fff;
    display: block;
    height: 16px;
    width: 16px;
    content: " ";
    position: absolute;
    top: 22px;
    right: 8px;
    border-radius: 2px;
}

body.node-type-webform .form-checkboxes .form-type-checkbox.checkbox.inputChecked label::after,
body.page-node-sid .form-checkboxes .form-type-checkbox.checkbox.inputChecked label::after,
body.node-type-questionnaire-48h .form-checkboxes .form-type-checkbox.checkbox.inputChecked label::after {
    background-image: url('../img/forms/checked_checkbox.png');
    border: none;
    border-radius: 4px;
    background-color: #fff;
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: 2px 3px;
}

body.node-type-webform .form-checkboxes .form-type-checkbox.form-disabled label.control-label,
body.node-type-questionnaire-48h .form-checkboxes .form-type-checkbox.form-disabled label.control-label {
    color: rgba(255, 255, 255, .3) !important;
}

body.node-type-webform .form-checkboxes .form-type-checkbox.form-disabled label::after,
body.node-type-questionnaire-48h .form-checkboxes .form-type-checkbox.form-disabled label::after {
    border: 1px solid #fff !important;
    display: block;
    height: 16px;
    width: 16px;
    content: " ";
    position: absolute;
    top: 22px;
    right: 8px;
    border-radius: 2px !important;
    opacity: 0.3;
    background-image: none !important;
    background-color: transparent !important;
}

/* PERSONALIZED ICONS */
/*
		body.node-type-webform .form-checkboxes .form-type-checkbox.checkbox label::before,
		body.page-node-sid .form-checkboxes .form-type-checkbox.checkbox label::before,
		body.node-type-questionnaire-48h .form-checkboxes .form-type-checkbox.checkbox label::before
		 {
		    border: 1px solid red;
		    background-color:red;
		    display: block;
		    height: 32px;
			width: 32px;
			content: " ";
			position: absolute;
			top: 26%;
			left: 8px;
			border-radius: 2px;
		}
*/
body.node-type-webform .form-checkboxes .form-type-checkbox.form-disabled.inputChecked,
body.page-node-sid .form-checkboxes .form-type-checkbox.form-disabled.inputChecked,
body.node-type-questionnaire-48h .form-checkboxes .form-type-checkbox.form-disabled.inputChecked {
    background-color: transparent !important;
    background: none !important;
}

.form-checkboxes [class*="other"] label {
    font-weight: bold !important;
}

/* Textareas */
body.node-type-webform .form-type-textarea .control-label,
body.page-node-sid .form-type-textarea .control-label,
body.node-type-questionnaire-48h .form-type-textarea .control-label {
    width: auto !important;
}

/* 		body.node-type-webform .form-type-textarea, */
body.page-node-sid .form-type-textarea,
body.node-type-questionnaire-48h .form-type-textarea {
    display: inline-block;
    width: 75%;
}

body.node-type-webform .form-textarea-wrapper textarea,
body.page-node-sid .form-textarea-wrapper textarea,
body.node-type-questionnaire-48h .form-textarea-wrapper textarea {
    border-radius: 15px;
}

/* Stars */
/*
    .star .form-item-submitted-evaluation {
		margin: 50px 0 !important;
		position: relative !important;
		display: inline-block !important;
		color: #ffda67 !important;
		width: 0px !important;
		height: 0px !important;
		border-right: 100px solid transparent !important;
		border-bottom: 70px solid #ffda67 !important;
		border-left: 100px solid transparent !important;
		border-top: 0 !important;
		border-radius: 0 !important;
		transform: rotate(35deg) !important;
		overflow: visible !important;
		padding:0 0 0 0 !important;
    }
    .star .form-item-submitted-evaluation:before {
		border-bottom: 80px solid #ffda67 !important;
		border-left: 30px solid transparent !important;
		border-right: 30px solid transparent !important;
		border-top: 0 !important;
		border-radius: 0 !important;
		position: absolute !important;
		height: 0 !important;
		width: 0 !important;
		top: -45px !important;
		left: -65px !important;
		display: block !important;
		content: '' !important;
		transform: rotate(-35deg) !important;
    }
    .star .form-item-submitted-evaluation:after {
		position: absolute !important;
		display: block !important;
		color: #ffda67 !important;
		top: 3px !important;
		left: -105px !important;
		width: 0px !important;
		height: 0px !important;
		border-right: 100px solid transparent !important;
		border-bottom: 70px solid #ffda67 !important;
		border-left: 100px solid transparent !important;
		border-top: 0 !important;
		border-radius: 0 !important;
		transform: rotate(-70deg) !important;
		content: '' !important;
    }
*/
.star .form-item-submitted-evaluation {
    position: relative !important;
    display: inline-block !important;
    width: 0 !important;
    height: 0 !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
    margin-bottom: 1.2em !important;
    border-right: .3em solid transparent !important;
    border-bottom: .7em solid #558294 !important;
    border-left: .3em solid transparent !important;
    border-top: 0 !important;
    overflow: visible !important;
    border-radius: 0 !important;
    /* Controlls the size of the stars. */
    font-size: 32px !important;
    min-width: inherit !important;
    padding: 0 !important;
    text-indent: 500px;
    background-color: transparent !important;
}

.star .form-item-submitted-evaluation:before,
.star .form-item-submitted-evaluation:after {
    content: '' !important;
    display: block !important;
    width: 0 !important;
    height: 0;
    position: absolute !important;
    top: .6em !important;
    left: -1em !important;
    border-right: 1em solid transparent !important;
    border-bottom: .7em solid #558294 !important;
    border-left: 1em solid transparent !important;
    border-top: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    transform: rotate(-35deg) !important;
    background-color: transparent !important;
}

.star .form-item-submitted-evaluation:after {
    transform: rotate(35deg) !important;
}

.star .form-item-submitted-evaluation:hover,
.form-item-submitted-evaluation.filled-star {
    border-bottom: .7em solid #ffda67 !important;
    background-color: transparent !important;
}

.star .form-item-submitted-evaluation:nth-child(1):hover:before,
.star .form-item-submitted-evaluation:nth-child(1):hover:after {
    border-bottom: .7em solid #ffda67 !important;
}

.star .form-item-submitted-evaluation:nth-child(2):hover:before,
.star .form-item-submitted-evaluation:nth-child(2):hover:after {
    border-bottom: .7em solid #ffda67 !important;
}

.star .form-item-submitted-evaluation:nth-child(3):hover:before,
.star .form-item-submitted-evaluation:nth-child(3):hover:after {
    border-bottom: .7em solid #ffda67 !important;
}

.star .form-item-submitted-evaluation:nth-child(4):hover:before,
.star .form-item-submitted-evaluation:nth-child(4):hover:after {
    border-bottom: .7em solid #ffda67 !important;
}

.star .form-item-submitted-evaluation:nth-child(4):active:before,
.star .form-item-submitted-evaluation:nth-child(4):active:after {
    border-bottom: .7em solid #ffda67 !important;
}

.form-item-submitted-evaluation.filled-star:before,
.form-item-submitted-evaluation.filled-star:after {
    border-bottom: .7em solid #ffda67 !important;
}

.star-comment-container {
    width: 100% !important;
    margin-top: 40px;
}

/* Next / Previous Button */
body.node-type-webform .form-actions,
body.page-node-sid .form-actions,
body.node-type-questionnaire-48h .form-actions {
    clear: both;
    /*
			position: absolute;
			left: 30px;
			right: 30px;
			bottom: 40px;
*/
    max-width: 1560px;
    /* 			margin-top:60px; */
    text-align: center;
}

body.node-type-webform button.webform-previous,
body.page-node-sid button.webform-previous,
body.node-type-questionnaire-48h button.webform-previous {
    border: none !important;
    padding: 6px 0;
    box-shadow: none;
    color: #ffffff;
    text-transform: uppercase;
    background: none transparent !important;
    float: none;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
}

body.node-type-webform button.webform-previous::before,
body.page-node-sid button.webform-previous::before,
body.node-type-questionnaire-48h button.webform-previous::before {
    content: "\e079";
    color: #ffffff;
    margin-right: 5px;
    font-family: 'Glyphicons Halflings';
    font-size: 10px;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

body.node-type-webform button.webform-previous:hover,
body.page-node-sid button.webform-previous:hover,
body.node-type-questionnaire-48h button.webform-previous:hover,
body.node-type-webform button.webform-previous:focus,
body.page-node-sid button.webform-previous:focus,
body.node-type-questionnaire-48h button.webform-previous:focus,
body.node-type-webform button.webform-previous:hover::before,
body.page-node-sid button.webform-previous:hover::before,
body.node-type-questionnaire-48h button.webform-previous:hover::before,
body.node-type-webform button.webform-previous:focus::before,
body.page-node-sid button.webform-previous:focus::before,
body.node-type-questionnaire-48h button.webform-previous:focus::before {
    color: #00afad !important;
    box-shadow: none !important;
    border: none !important;
}

body.node-type-webform button.webform-next,
body.page-node-sid button.webform-next,
body.node-type-questionnaire-48h button.webform-next,
body.node-type-webform button.webform-submit,
body.page-node-sid button.webform-submit,
body.node-type-questionnaire-48h button.webform-submit,
body.page-node-62 a.btn,
.node-type-stop a.call,
.page-system-tfa a.call,
body.page-node-done a.btn,
body.node-type-page a.btn {
    background-color: #ffda67;
    border-radius: 25px;
    padding: 10px 40px;
    box-shadow: none;
    color: #003c57;
    text-transform: uppercase;
    font-weight: 600;
    float: right;
    border: none;
}

.node-type-stop a.cta1,
.page-system-tfa a.cta1 {
    background-color: #003a55;
    border-radius: 25px;
    padding: 10px 40px;
    box-shadow: none;
    color: #ffffff;
    border-color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    float: none;
    border: none;
    font-size: 16px;
    margin: 0 15px 15px 0;
    display: inline-block;
}

.node-type-stop a.cta2,
.page-system-tfa a.cta2 {
    background-color: #ffda67;
    border-radius: 25px;
    padding: 10px 40px;
    box-shadow: none;
    color: #003c57;
    text-transform: uppercase;
    font-weight: 600;
    float: none;
    border: none;
    font-size: 16px;
    margin: 0 15px 15px 0;
    display: inline-block;
}

body.page-node-62 a.btn {
    float: none;
    margin-right: 32px;
}

body.node-type-webform button.webform-next:hover,
body.page-node-sid button.webform-next:hover,
body.node-type-questionnaire-48h button.webform-next:hover,
body.node-type-webform button.webform-next:focus,
body.page-node-sid button.webform-next:focus,
body.node-type-questionnaire-48h button.webform-next:focus,
body.node-type-webform button.webform-submit:hover,
body.page-node-sid button.webform-submit:hover,
body.node-type-questionnaire-48h button.webform-submit:hover,
body.node-type-webform button.webform-submit:focus,
body.page-node-sid button.webform-submit:focus,
body.node-type-questionnaire-48h button.webform-submit:focus,
body.page-node-62 a.btn:hover,
body.page-node-62 a.btn:focus,
body.page-node-done a.btn:hover,
body.page-node-done a.btn:focus,
body.node-type-page a.btn:hover,
body.node-type-page a.btn:focus {
    background-color: #2791a4 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}

/* body.node-type-webform button.webform-next, body.page-node-sid button.webform-next {
				display:none;
			} */
body.node-type-webform button.webform-next:disabled,
body.page-node-sid button.webform-next:disabled,
body.node-type-webform button.webform-next[disabled],
body.page-node-sid button.webform-next[disabled] {
    background-color: transparent !important;
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
}

#paymentButton {
    margin-top: 25px;
}

/* Balisage */
.question-image {
    background-color: #ffffff;
    padding: 10px;
    max-width: 500px;
    margin: 15px auto 0 auto;
    border-radius: 4px;
}

.question-image img {}

.question-image p {
    color: #000000;
    font-size: 14px;
    padding: 10px 0 0 0;
}

/* Instructions */
.webform-component--introduction {
    background-color: #fff;
    border-radius: 20px;
}

.webform-component--introduction h4 {
    color: #003a55 !important;
    text-transform: uppercase;
    font-family: 'MullerNarrow-ExtraBold';
    padding: 40px 20px 0px 40px;
    font-size: 35px;
    font-weight: normal;
}

.webform-component--introduction div.well,
.webform-component-markup div.well {
    color: #003c57;
    font-size: 20px;
}

.node-type-webform .help-block {
    clear: left;
    color: #fff !important;
    text-align: center;
    margin-top: 40px !important;
    font-size: 18px;
}

.field-description>.help-block {
    margin-top: 0px !important;
    margin-bottom: 45px;
}

.help_link {
    color: #fff !important;
    font-size: 14px;
}

.field-description .help-block {
    font-size: 18px;
}

.help_link::before {
    font-family: 'Glyphicons Halflings';
    content: "\e086";
    color: #fff;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    line-height: 14px;
    text-align: left;
    padding-right: 9px;
    position: relative;
    top: 3px;
}

.help-block .img-responsive {
    max-width: 55%;
    margin: 20px auto 0 auto;
}

.img-inline {
    max-width: 100px !important;
    margin: 20px auto 0 auto !important;
    display: inline-block !important;
    margin: 0 10px !important;
}

.btn-link.help_link:hover {
    text-decoration: none;
}

.fr-info-padder {
    padding-left: 10px;
    padding-right: 10px;
}

/* Specific Steps */
/* Votre Demande Concerne */
div.styles-511,
div.styles-511-mt {}

div.styles-511>label.control-label,
div.styles-511-mt>label.control-label {
    display: block;
    width: 100%;
    clear: both;
    margin-bottom: 32px;
}

.vdc-human-part-container {
    position: relative;
    float: left;
    width: 30%;
    display: block;
    height: 421px;
}

.human-image-container,
.human-image-answer {
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
    height: 421px;
    width: 219px;
    /* 					margin: 0 auto; */
    padding: 0;
    position: absolute;
    top: 0;
    /* 					left: 27%; */
    background-size: cover;
}

.human-image-container {
    background-image: url('../img/forms/human.png');
    z-index: 4;
    opacity: .3;
}

.human-image-answer {
    z-index: 5;
    opacity: 0;
}

.human-image-answer.img1 {
    background-image: url('../img/forms/human-edit-submitted-votre-demande-concerne-1.png');
}

.human-image-answer.img2 {
    background-image: url('../img/forms/human-edit-submitted-votre-demande-concerne-2.png');
}

.human-image-answer.img3 {
    background-image: url('../img/forms/human-edit-submitted-votre-demande-concerne-3.png');
}

.human-image-answer.img4 {
    background-image: url('../img/forms/human-edit-submitted-votre-demande-concerne-4.png');
}

.human-image-answer.img5 {
    background-image: url('../img/forms/human-edit-submitted-votre-demande-concerne-5.png');
}

.human-image-answer.img6 {
    background-image: url('../img/forms/human-edit-submitted-votre-demande-concerne-6.png');
}

.human-image-answer.img7 {
    background-image: url('../img/forms/human-edit-submitted-votre-demande-concerne-7.png');
}

.human-image-answer.img1,
.human-image-answer.img2,
.human-image-answer.img3,
.human-image-answer.img4,
.human-image-answer.img5,
.human-image-answer.img6,
.human-image-answer.img7 {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
}

.styles-511 .form-radios,
.styles-511-mt .form-radios {
    float: right;
    width: 70%;
}

body.page-node-sid .styles-511 .form-radios .form-type-radio.radio,
body.page-node-sid .styles-511-mt .form-radios .form-type-radio.radio,
body.node-type-webform .styles-511 .form-radios .form-type-radio.radio,
body.node-type-webform .styles-511-mt .form-radios .form-type-radio.radio,
body.node-type-questionnaire-48h .styles-511 .form-radios .form-type-radio.radio,
body.node-type-questionnaire-48h .styles-511-mt .form-radios .form-type-radio.radio {
    display: block;
    padding: 10px 35px;
    border: 1px solid #fff;
    margin-right: 15px;
    margin-left: 0;
    border-radius: 40px;
    margin-bottom: 21px;
    /*     width: 45%; */
    width: 48%;
    float: left;
}

body.node-type-webform .styles-511 .form-radios .form-type-radio.radio:nth-child(2),
body.node-type-webform .styles-511-mt .form-radios .form-type-radio.radio:nth-child(2),
body.node-type-webform .styles-511 .form-radios .form-type-radio.radio:nth-child(4),
body.node-type-webform .styles-511-mt .form-radios .form-type-radio.radio:nth-child(4),
body.node-type-webform .styles-511 .form-radios .form-type-radio.radio:nth-child(6),
body.node-type-webform .styles-511-mt .form-radios .form-type-radio.radio:nth-child(6),
body.node-type-webform .styles-511 .form-radios .form-type-radio.radio:nth-child(8),
body.node-type-webform .styles-511-mt .form-radios .form-type-radio.radio:nth-child(8),
body.node-type-webform .styles-511 .form-radios .form-type-radio.radio:nth-child(10),
body.node-type-webform .styles-511-mt .form-radios .form-type-radio.radio:nth-child(10) {
    margin-right: 0 !important;
}

/*
				body.node-type-webform .styles-511 .form-radios .form-type-radio.radio:last-child
				 {
				    clear:left;
				    width:50%;
				    float:none;
				    margin:0 auto !important;
				}
*/
body.node-type-webform .styles-511 .form-radios .form-type-radio.radio label,
body.node-type-webform .styles-511-mt .form-radios .form-type-radio.radio label,
body.page-node-sid .styles-511 .form-radios .form-type-radio.radio label,
body.page-node-sid .styles-511-mt .form-radios .form-type-radio.radio label,
body.node-type-questionnaire-48h .styles-511 .form-radios .form-type-radio.radio label,
body.node-type-questionnaire-48h .styles-511-mt .form-radios .form-type-radio.radio label {
    vertical-align: middle;
    font-size: 18px;
}

/* Motif de la consultation */
/*
		1 Tête et cou
		2 Poitrine
		3 Ventre
		4 Bassin
		5 Membres supérieurs
		6 Membres inférieurs
		7 Général
		*/
div[id^="edit-submitted-motif-consultation"],
div[id^="edit-submitted-511-motif-consultation"] {
    overflow: hidden;
    display: block;
    margin-top: 16px;
}

/* MT */
/*
		#edit-submitted-motif-consultation-mt-1, #edit-submitted-motif-consultation-mt-2,
		#edit-submitted-motif-consultation-mt-3, #edit-submitted-motif-consultation-mt-4,
		#edit-submitted-motif-consultation-mt-5, #edit-submitted-motif-consultation-mt-6,
		#edit-submitted-motif-consultation-mt-7 {
			overflow: hidden;
			display: block;
			margin-top: 16px;
		}
*/
div[id^="edit-submitted-motif-consultation"] .form-type-radio.radio label.control-label,
div[id^="edit-submitted-511-motif-consultation"] .form-type-radio.radio label.control-label {
    font-size: 20px !important;
    padding-top: 23px;
    min-height: 81px;
}

/* MT */
/*
			#edit-submitted-motif-consultation-mt-1 .form-item-submitted-motif-consultation-mt-1 > label.control-label,
			#edit-submitted-motif-consultation-mt-2 .form-item-submitted-motif-consultation-mt-2 > label.control-label,
			#edit-submitted-motif-consultation-mt-3 .form-item-submitted-motif-consultation-mt-3 > label.control-label,
			#edit-submitted-motif-consultation-mt-4 .form-item-submitted-motif-consultation-mt-4 > label.control-label,
			#edit-submitted-motif-consultation-mt-5 .form-item-submitted-motif-consultation-mt-5 > label.control-label,
			#edit-submitted-motif-consultation-mt-6 .form-item-submitted-motif-consultation-mt-6 > label.control-label,
			#edit-submitted-motif-consultation-mt-7 .form-item-submitted-motif-consultation-mt-7 > label.control-label,
			#edit-submitted-motif-consultation-mt-8 .form-item-submitted-motif-consultation-mt-8 > label.control-label,
			#edit-submitted-motif-consultation-mt-9 .form-item-submitted-motif-consultation-mt-9 > label.control-label

			{
				font-size:20px !important;
				padding-top:23px;
				min-height: 81px;
			}
*/
.motif-consultation-x.form-group

/*
			.form-item-submitted-motif-consultation-1.form-group, .form-item-submitted-motif-consultation-2.form-group,
			.form-item-submitted-motif-consultation-3.form-group, .form-item-submitted-motif-consultation-4.form-group,
			.form-item-submitted-motif-consultation-5.form-group, .form-item-submitted-motif-consultation-6.form-group,
			.form-item-submitted-motif-consultation-7.form-group,
			.form-item-submitted-motif-consultation-8.form-group,
			.form-item-submitted-motif-consultation-9.form-group
*/
    {
    width: 100%;
    display: block;
}

/* MT */
.motif-consultation-x.form-group

/*
			.form-item-submitted-motif-consultation-mt-1.form-group, .form-item-submitted-motif-consultation-mt-2.form-group,
			.form-item-submitted-motif-consultation-mt-3.form-group, .form-item-submitted-motif-consultation-mt-4.form-group,
			.form-item-submitted-motif-consultation-mt-5.form-group, .form-item-submitted-motif-consultation-mt-6.form-group,
			.form-item-submitted-motif-consultation-mt-7.form-group,
			.form-item-submitted-motif-consultation-mt-8.form-group,
			.form-item-submitted-motif-consultation-mt-9.form-group
*/
    {
    width: 100%;
    display: block;
}

.motif-consultation-x:not(.form-group),
div[id^="edit-submitted-motif-consultation"] .form-type-radio.radio,
div[id^="edit-submitted-511-motif-consultation"] .form-type-radio.radio {
    width: calc(50% - 8px);
    float: left;
    margin: 0 0 16px 0 !important;
    min-height: 80px;
    border-radius: 10px !important;
    border: 1px solid #2c697f !important;
    text-align: left !important;
}

/* MT */
/*
				.motif-consultation-x:not(.form-group),
				.form-item-submitted-motif-consultation-mt-1:not(.form-group), .form-item-submitted-motif-consultation-mt-2:not(.form-group),
				.form-item-submitted-motif-consultation-mt-3:not(.form-group), .form-item-submitted-motif-consultation-mt-4:not(.form-group),
				.form-item-submitted-motif-consultation-mt-5:not(.form-group), .form-item-submitted-motif-consultation-mt-6:not(.form-group),
				.form-item-submitted-motif-consultation-mt-7:not(.form-group), .form-item-submitted-motif-consultation-mt-8:not(.form-group),
				.form-item-submitted-motif-consultation-mt-9:not(.form-group)
				 {
					width: calc(50% - 8px);
					float: left;
					margin: 0 0 16px 0 !important;
					min-height: 80px;
					border-radius: 10px !important;
					border: 1px solid #2c697f !important;
					text-align: left !important;
				}
*/
.motif-consultation-x:not(.form-group)::before,
div[id^="edit-submitted-motif-consultation"] .form-type-radio.radio::before,
div[id^="edit-submitted-511-motif-consultation"] .form-type-radio.radio::before {
    content: " ";
    display: block;
    height: 50px;
    width: 50px;
    position: absolute;
    top: 15px;
    left: 15px;
    background-size: cover;
    background-position: center center;
}

/* MT */
/*
				.motif-consultation-x:not(.form-group)::before,
				.form-item-submitted-motif-consultation-mt-1:not(.form-group)::before, .form-item-submitted-motif-consultation-mt-2:not(.form-group)::before,
				.form-item-submitted-motif-consultation-mt-3:not(.form-group)::before, .form-item-submitted-motif-consultation-mt-4:not(.form-group)::before,
				.form-item-submitted-motif-consultation-mt-5:not(.form-group)::before, .form-item-submitted-motif-consultation-mt-6:not(.form-group)::before,
				.form-item-submitted-motif-consultation-mt-7:not(.form-group)::before,
				.form-item-submitted-motif-consultation-mt-8:not(.form-group)::before,
				.form-item-submitted-motif-consultation-mt-9:not(.form-group)::before
				 {
					content: " ";
					display: block;
					height: 50px;
					width: 50px;
					position: absolute;
					top: 15px;
					left: 15px;
					background-size: cover;
					background-position: center center;
				}
*/
div[id^="edit-submitted-motif-consultation"] .form-type-radio.radio:nth-child(2n),
div[id^="edit-submitted-511-motif-consultation"] .form-type-radio.radio:nth-child(2n) {
    margin-left: 8px !important;
}

div[id^="edit-submitted-motif-consultation"] .form-type-radio.radio:nth-child(2n+1),
div[id^="edit-submitted-511-motif-consultation"] .form-type-radio.radio:nth-child(2n+1) {
    margin-right: 8px !important;
}

.motif-consultation-x:not(.form-group) label,
div[id^="edit-submitted-motif-consultation"] .form-type-radio.radio label,
div[id^="edit-submitted-511-motif-consultation"] .form-type-radio.radio label {
    padding-left: 60px !important;
}

/* MT */
/*
				.form-item-submitted-motif-consultation-mt-1:not(.form-group):nth-child(2n), .form-item-submitted-motif-consultation-mt-2:not(.form-group):nth-child(2n),
				.form-item-submitted-motif-consultation-mt-3:not(.form-group):nth-child(2n), .form-item-submitted-motif-consultation-mt-4:not(.form-group):nth-child(2n),
				.form-item-submitted-motif-consultation-mt-5:not(.form-group):nth-child(2n), .form-item-submitted-motif-consultation-mt-6:not(.form-group):nth-child(2n),
				.form-item-submitted-motif-consultation-mt-7:not(.form-group):nth-child(2n),
				.form-item-submitted-motif-consultation-mt-8:not(.form-group):nth-child(2n),
				.form-item-submitted-motif-consultation-mt-9:not(.form-group):nth-child(2n)
				 { margin-left: 8px !important; }
				.form-item-submitted-motif-consultation-mt-1:not(.form-group):nth-child(2n+1), .form-item-submitted-motif-consultation-mt-2:not(.form-group):nth-child(2n+1),
				.form-item-submitted-motif-consultation-mt-3:not(.form-group):nth-child(2n+1), .form-item-submitted-motif-consultation-mt-4:not(.form-group):nth-child(2n+1),
				.form-item-submitted-motif-consultation-mt-5:not(.form-group):nth-child(2n+1), .form-item-submitted-motif-consultation-mt-6:not(.form-group):nth-child(2n+1),
				.form-item-submitted-motif-consultation-mt-7:not(.form-group):nth-child(2n+1),
				.form-item-submitted-motif-consultation-mt-8:not(.form-group):nth-child(2n+1),
				.form-item-submitted-motif-consultation-mt-9:not(.form-group):nth-child(2n+1)
				 { margin-right: 8px !important; }

					.motif-consultation-mt-x:not(.form-group) label,
					.form-item-submitted-motif-consultation-mt-1:not(.form-group) label, .form-item-submitted-motif-consultation-mt-2:not(.form-group) label,
					.form-item-submitted-motif-consultation-mt-3:not(.form-group) label, .form-item-submitted-motif-consultation-mt-4:not(.form-group) label,
					.form-item-submitted-motif-consultation-mt-5:not(.form-group) label, .form-item-submitted-motif-consultation-mt-6:not(.form-group) label,
					.form-item-submitted-motif-consultation-mt-7:not(.form-group) label,
					.form-item-submitted-motif-consultation-mt-8:not(.form-group) label,
					.form-item-submitted-motif-consultation-mt-9:not(.form-group) label
					 {
						padding-left: 60px !important;
					}
*/
/* Icons Management */
.motif-consultation-x:not(.form-group):nth-child(n)::before,
.motif_consultation_34::before,
.motif_consultation_105::before {
    background-image: url('../img/forms/motifs/tete.png');
}

.motif_consultation_37::before {
    background-image: url('../img/forms/motifs/vertiges.png');
}

.motif_consultation_56::before,
.motif_consultation_119::before {
    background-image: url('../img/forms/motifs/gorge.png');
}

.motif_consultation_6::before,
.motif_consultation_123::before {
    background-image: url('../img/forms/motifs/nuque.png');
}

.motif_consultation_55::before,
.motif_consultation_120::before {
    background-image: url('../img/forms/motifs/oreille.png');
}

.motif_consultation_45::before {
    background-image: url('../img/forms/motifs/sifflements.png');
}

.motif_consultation_26::before,
.motif_consultation_108::before {
    background-image: url('../img/forms/motifs/oeil_rouge.png');
}

.motif_consultation_24::before,
.motif_consultation_109::before {
    background-image: url('../img/forms/motifs/paupiere.png');
}

.motif_consultation_43::before,
.motif_consultation_124::before {
    background-image: url('../img/forms/motifs/yeux.png');
}

.motif_consultation_55::before {
    background-image: url('../img/forms/motifs/oreille.png');
}

.motif_consultation_45::before {
    background-image: url('../img/forms/motifs/sifflements.png');
}

.motif_consultation_54::before,
.motif_consultation_118::before {
    background-image: url('../img/forms/motifs/nez.png');
}

.motif_consultation_56::before {
    background-image: url('../img/forms/motifs/gorge.png');
}

.motif_consultation_53::before,
.motif_consultation_115::before {
    background-image: url('../img/forms/motifs/toux.png');
}

.motif_consultation_11::before,
.motif_consultation_116::before {
    background-image: url('../img/forms/motifs/etat_grippal.png');
}

.motif_consultation_60::before {
    background-image: url('../img/forms/motifs/poitrine_douleurs_oppression.png');
}

.motif_consultation_70::before {
    background-image: url('../img/forms/motifs/respiration_difficultes.png');
}

.motif_consultation_53::before {
    background-image: url('../img/forms/motifs/toux.png');
}

.motif_consultation_4::before,
.motif_consultation_122::before {
    background-image: url('../img/forms/motifs/dos_haut.png');
}

.motif_consultation_17::before,
.motif_consultation_121::before {
    background-image: url('../img/forms/motifs/dos_bas.png');
}

.motif_consultation_35::before,
.motif_consultation_107::before {
    background-image: url('../img/forms/motifs/brulures_urinaires.png');
}

.motif_consultation_14::before {
    background-image: url('../img/forms/motifs/vomissements.png');
}

.motif_consultation_13::before {
    background-image: url('../img/forms/motifs/diahree.png');
}

.motif_consultation_46::before,
.motif_consultation_125::before {
    background-image: url('../img/forms/motifs/constipation.png');
}

.motif_consultation_44::before,
.motif_consultation_126::before {
    background-image: url('../img/forms/motifs/brulures_estomac.png');
}

.motif_consultation_68::before {
    background-image: url('../img/forms/motifs/douleurs-anales.png');
}

.motif_consultation_71::before {
    background-image: url('../img/forms/motifs/troubles-erectiles.png');
}

.motif_consultation_8::before {
    background-image: url('../img/forms/motifs/insecte.png');
}

.motif_consultation_7::before {
    background-image: url('../img/forms/motifs/grain-beaute.png');
}

.motif_consultation_11::before {
    background-image: url('../img/forms/motifs/etat_grippal.png');
}

.motif_consultation_52::before,
.motif_consultation_117::before {
    background-image: url('../img/forms/motifs/fievre.png');
}

.motif_consultation_37::before {
    background-image: url('../img/forms/motifs/vertiges.png');
}

.motif_consultation_57::before {
    background-image: url('../img/forms/motifs/bouger_parler_difficultes.png');
}

.motif_consultation_57::before {
    padding-top: 12px !important;
}

.motif_consultation_14::before {
    background-image: url('../img/forms/motifs/vomissements.png');
}

.motif_consultation_75::before {
    background-image: url('../img/forms/motifs/coronavirus.png');
}

.motif_consultation_10::before {
    background-image: url('../img/forms/motifs/peau.png');
}

.motif_consultation_7::before {
    background-image: url('../img/forms/motifs/grain-beaute.png');
}

.motif_consultation_61::before {
    background-image: url('../img/forms/motifs/ordonnance.png');
}

.motif_consultation_71::before {
    background-image: url('../img/forms/motifs/troubles-erectiles.png');
}

.motif_consultation_75::before {
    background-image: url('../img/forms/motifs/coronavirus.png');
}

.motif_consultation_11::before {
    background-image: url('../img/forms/motifs/coronavirus.png');
}

.motif_consultation_130::before {
    background-image: url('../img/forms/motifs/brulures.png');
}

.motif_consultation_132::before {
    background-image: url('../img/forms/motifs/autre-symptome.svg');
}

/* MT */
.motif-consultation-mt-x:not(.form-group):nth-child(n)::before,
div[id^="form-item-submitted-motif-consultation-mt-1"] .form-type-radio.radio:nth-child(1)::before {
    background-image: url('../img/forms/motifs/tete.png');
}

div[id^="form-item-submitted-motif-consultation-mt-1"] .form-type-radio.radio:nth-child(2)::before {
    background-image: url('../img/forms/motifs/vertiges.png');
}

div[id^="form-item-submitted-motif-consultation-mt-1"] .form-type-radio.radio:nth-child(3)::before {
    background-image: url('../img/forms/motifs/gorge.png');
}

div[id^="form-item-submitted-motif-consultation-mt-1"] .form-type-radio.radio:nth-child(4)::before {
    background-image: url('../img/forms/motifs/nuque.png');
}

div[id^="form-item-submitted-motif-consultation-mt-1"] .form-type-radio.radio:nth-child(5)::before {
    background-image: url('../img/forms/motifs/oreille.png');
}

div[id^="form-item-submitted-motif-consultation-mt-1"] .form-type-radio.radio:nth-child(6)::before {
    background-image: url('../img/forms/motifs/sifflements.png');
}

div[id^="form-item-submitted-motif-consultation-mt-2"] .form-type-radio.radio:nth-child(1)::before {
    background-image: url('../img/forms/motifs/oeil_rouge.png');
}

div[id^="form-item-submitted-motif-consultation-mt-2"] .form-type-radio.radio:nth-child(2)::before {
    background-image: url('../img/forms/motifs/paupiere.png');
}

div[id^="form-item-submitted-motif-consultation-mt-2"] .form-type-radio.radio:nth-child(3)::before {
    background-image: url('../img/forms/motifs/yeux.png');
}

div[id^="form-item-submitted-motif-consultation-mt-2"] .form-type-radio.radio:nth-child(4)::before {
    background-image: url('../img/forms/motifs/oreille.png');
}

div[id^="form-item-submitted-motif-consultation-mt-2"] .form-type-radio.radio:nth-child(5)::before {
    background-image: url('../img/forms/motifs/sifflements.png');
}

div[id^="form-item-submitted-motif-consultation-mt-2"] .form-type-radio.radio:nth-child(6)::before {
    background-image: url('../img/forms/motifs/nez.png');
}

div[id^="form-item-submitted-motif-consultation-mt-2"] .form-type-radio.radio:nth-child(7)::before {
    background-image: url('../img/forms/motifs/gorge.png');
}

div[id^="form-item-submitted-motif-consultation-mt-2"] .form-type-radio.radio:nth-child(8)::before {
    background-image: url('../img/forms/motifs/toux.png');
}

div[id^="form-item-submitted-motif-consultation-mt-2"] .form-type-radio.radio:nth-child(9)::before {
    background-image: url('../img/forms/motifs/etat_grippal.png');
}

div[id^="form-item-submitted-motif-consultation-mt-3"] .form-type-radio.radio:nth-child(1)::before {
    background-image: url('../img/forms/motifs/poitrine_douleurs_oppression.png');
}

div[id^="form-item-submitted-motif-consultation-mt-3"] .form-type-radio.radio:nth-child(2)::before {
    background-image: url('../img/forms/motifs/respiration_difficultes.png');
}

div[id^="form-item-submitted-motif-consultation-mt-3"] .form-type-radio.radio:nth-child(3)::before {
    background-image: url('../img/forms/motifs/toux.png');
}

div[id^="form-item-submitted-motif-consultation-mt-4"] .form-type-radio.radio:nth-child(1)::before {
    background-image: url('../img/forms/motifs/dos_haut.png');
}

div[id^="form-item-submitted-motif-consultation-mt-4"] .form-type-radio.radio:nth-child(2)::before {
    background-image: url('../img/forms/motifs/dos_bas.png');
}

div[id^="form-item-submitted-motif-consultation-mt-5"] .form-type-radio.radio:nth-child(1)::before {
    background-image: url('../img/forms/motifs/brulures_urinaires.png');
}

div[id^="form-item-submitted-motif-consultation-mt-5"] .form-type-radio.radio:nth-child(2)::before {
    background-image: url('../img/forms/motifs/vomissements.png');
}

div[id^="form-item-submitted-motif-consultation-mt-5"] .form-type-radio.radio:nth-child(3)::before {
    background-image: url('../img/forms/motifs/diahree.png');
}

div[id^="form-item-submitted-motif-consultation-mt-5"] .form-type-radio.radio:nth-child(4)::before {
    background-image: url('../img/forms/motifs/constipation.png');
}

div[id^="form-item-submitted-motif-consultation-mt-5"] .form-type-radio.radio:nth-child(5)::before {
    background-image: url('../img/forms/motifs/brulures_estomac.png');
}

div[id^="form-item-submitted-motif-consultation-mt-5"] .form-type-radio.radio:nth-child(6)::before {
    background-image: url('../img/forms/motifs/douleurs-anales.png');
}

div[id^="form-item-submitted-motif-consultation-mt-5"] .form-type-radio.radio:nth-child(7)::before {
    background-image: url('../img/forms/motifs/troubles-erectiles.png');
}

div[id^="form-item-submitted-motif-consultation-mt-6"] .form-type-radio.radio:nth-child(1)::before {
    background-image: url('../img/forms/motifs/peau.png');
}

div[id^="form-item-submitted-motif-consultation-mt-6"] .form-type-radio.radio:nth-child(2)::before {
    background-image: url('../img/forms/motifs/insecte.png');
}

div[id^="form-item-submitted-motif-consultation-mt-6"] .form-type-radio.radio:nth-child(3)::before {
    background-image: url('../img/forms/motifs/grain-beaute.png');
}

div[id^="form-item-submitted-motif-consultation-mt-7"] .form-type-radio.radio:nth-child(1)::before {
    background-image: url('../img/forms/motifs/etat_grippal.png');
}

div[id^="form-item-submitted-motif-consultation-mt-7"] .form-type-radio.radio:nth-child(2)::before {
    background-image: url('../img/forms/motifs/fievre.png');
}

div[id^="form-item-submitted-motif-consultation-mt-7"] .form-type-radio.radio:nth-child(3)::before {
    background-image: url('../img/forms/motifs/vertiges.png');
}

div[id^="form-item-submitted-motif-consultation-mt-7"] .form-type-radio.radio:nth-child(4)::before {
    background-image: url('../img/forms/motifs/bouger_parler_difficultes.png');
}

div[id^="form-item-submitted-motif-consultation-mt-7"] .form-type-radio.radio:nth-child(4) label {
    padding-top: 12px !important;
}

div[id^="form-item-submitted-motif-consultation-mt-7"] .form-type-radio.radio:nth-child(5)::before {
    background-image: url('../img/forms/motifs/vomissements.png');
}

div[id^="form-item-submitted-motif-consultation-mt-7"] .form-type-radio.radio:nth-child(6)::before {
    background-image: url('../img/forms/motifs/coronavirus.png');
}

div[id^="form-item-submitted-motif-consultation-mt-8"] .form-type-radio.radio:nth-child(1)::before {
    background-image: url('../img/forms/motifs/peau.png');
}

div[id^="form-item-submitted-motif-consultation-mt-8"] .form-type-radio.radio:nth-child(2)::before {
    background-image: url('../img/forms/motifs/insecte.png');
}

div[id^="form-item-submitted-motif-consultation-mt-8"] .form-type-radio.radio:nth-child(3)::before {
    background-image: url('../img/forms/motifs/grain-beaute.png');
}

div[id^="form-item-submitted-motif-consultation-mt-8"] .form-type-radio.radio:nth-child(4)::before {
    background-image: url('../img/forms/motifs/ordonnance.png');
}

div[id^="form-item-submitted-motif-consultation-mt-8"] .form-type-radio.radio:nth-child(5)::before {
    background-image: url('../img/forms/motifs/troubles-erectiles.png');
}

div[id^="form-item-submitted-motif-consultation-mt-8"] .form-type-radio.radio:nth-child(6)::before {
    background-image: url('../img/forms/motifs/coronavirus.png');
}

div[id^="form-item-submitted-motif-consultation-mt-9"] .form-type-radio.radio:nth-child(1)::before {
    background-image: url('../img/forms/motifs/coronavirus.png');
}

/*
					.motif-consultation-mt-x:not(.form-group):nth-child(n)::before,
					.form-item-submitted-motif-consultation-mt-1:not(.form-group):nth-child(1)::before {
						background-image: url('../img/forms/motifs/tete.png');
					}
					.form-item-submitted-motif-consultation-mt-1:not(.form-group):nth-child(2)::before {
						background-image: url('../img/forms/motifs/vertiges.png');
					}
					.form-item-submitted-motif-consultation-mt-1:not(.form-group):nth-child(3)::before {
						background-image: url('../img/forms/motifs/gorge.png');
					}
					.form-item-submitted-motif-consultation-mt-1:not(.form-group):nth-child(4)::before {
						background-image: url('../img/forms/motifs/nuque.png');
					}
					.form-item-submitted-motif-consultation-mt-1:not(.form-group):nth-child(5)::before {
						background-image: url('../img/forms/motifs/peau_piqure.png');
					}

					.form-item-submitted-motif-consultation-mt-2:not(.form-group):nth-child(1)::before {
						background-image: url('../img/forms/motifs/oeil_rouge.png');
					}
					.form-item-submitted-motif-consultation-mt-2:not(.form-group):nth-child(2)::before {
						background-image: url('../img/forms/motifs/paupiere.png');
					}
					.form-item-submitted-motif-consultation-mt-2:not(.form-group):nth-child(3)::before {
						background-image: url('../img/forms/motifs/yeux.png');
					}
					.form-item-submitted-motif-consultation-mt-2:not(.form-group):nth-child(4)::before {
						background-image: url('../img/forms/motifs/oreille.png');
					}
					.form-item-submitted-motif-consultation-mt-2:not(.form-group):nth-child(5)::before {
						background-image: url('../img/forms/motifs/sifflements.png');
					}
					.form-item-submitted-motif-consultation-mt-2:not(.form-group):nth-child(6)::before {
						background-image: url('../img/forms/motifs/nez.png');
					}
					.form-item-submitted-motif-consultation-mt-2:not(.form-group):nth-child(7)::before {
						background-image: url('../img/forms/motifs/gorge.png');
					}
					.form-item-submitted-motif-consultation-mt-2:not(.form-group):nth-child(8)::before {
						background-image: url('../img/forms/motifs/toux.png');
					}
					.form-item-submitted-motif-consultation-mt-2:not(.form-group):nth-child(9)::before {
						background-image: url('../img/forms/motifs/etat_grippal.png');
					}
					.form-item-submitted-motif-consultation-mt-2:not(.form-group):nth-child(10)::before {
						background-image: url('../img/forms/motifs/peau_piqure.png');
					}

					.form-item-submitted-motif-consultation-mt-3:not(.form-group):nth-child(1)::before {
						background-image: url('../img/forms/motifs/poitrine_douleurs_oppression.png');
					}
					.form-item-submitted-motif-consultation-mt-3:not(.form-group):nth-child(2)::before {
						background-image: url('../img/forms/motifs/respiration_difficultes.png');
					}
					.form-item-submitted-motif-consultation-mt-3:not(.form-group):nth-child(3)::before {
						background-image: url('../img/forms/motifs/toux.png');
					}
					.form-item-submitted-motif-consultation-mt-3:not(.form-group):nth-child(4)::before {
						background-image: url('../img/forms/motifs/peau_piqure.png');
					}

					.form-item-submitted-motif-consultation-mt-4:not(.form-group):nth-child(1)::before {
						background-image: url('../img/forms/motifs/dos_haut.png');
					}
					.form-item-submitted-motif-consultation-mt-4:not(.form-group):nth-child(2)::before {
						background-image: url('../img/forms/motifs/dos_bas.png');
					}
					.form-item-submitted-motif-consultation-mt-4:not(.form-group):nth-child(3)::before {
						background-image: url('../img/forms/motifs/peau_piqure.png');
					}

					.form-item-submitted-motif-consultation-mt-5:not(.form-group):nth-child(1)::before {
						background-image: url('../img/forms/motifs/brulures_urinaires.png');
					}
					.form-item-submitted-motif-consultation-mt-5:not(.form-group):nth-child(2)::before {
						background-image: url('../img/forms/motifs/vomissements.png');
					}
					.form-item-submitted-motif-consultation-mt-5:not(.form-group):nth-child(3)::before {
						background-image: url('../img/forms/motifs/diahree.png');
					}
					.form-item-submitted-motif-consultation-mt-5:not(.form-group):nth-child(4)::before {
						background-image: url('../img/forms/motifs/constipation.png');
					}
					.form-item-submitted-motif-consultation-mt-5:not(.form-group):nth-child(5)::before {
						background-image: url('../img/forms/motifs/brulures_estomac.png');
					}
					.form-item-submitted-motif-consultation-mt-5:not(.form-group):nth-child(6)::before {
						background-image: url('../img/forms/motifs/peau_piqure.png');
					}

					.form-item-submitted-motif-consultation-mt-6:not(.form-group):nth-child(1)::before {
						background-image: url('../img/forms/motifs/peau_piqure.png');
					}

					.form-item-submitted-motif-consultation-mt-7:not(.form-group):nth-child(1)::before {
						background-image: url('../img/forms/motifs/etat_grippal.png');
					}
					.form-item-submitted-motif-consultation-mt-7:not(.form-group):nth-child(2)::before {
						background-image: url('../img/forms/motifs/fievre.png');
					}
					.form-item-submitted-motif-consultation-mt-7:not(.form-group):nth-child(3)::before {
						background-image: url('../img/forms/motifs/vertiges.png');
					}
					.form-item-submitted-motif-consultation-mt-7:not(.form-group):nth-child(4)::before {
						background-image: url('../img/forms/motifs/bouger_parler_difficultes.png');
					}
					.form-item-submitted-motif-consultation-mt-7:not(.form-group):nth-child(4) label {
						padding-top:12px !important;
					}
					.form-item-submitted-motif-consultation-mt-7:not(.form-group):nth-child(5)::before {
						background-image: url('../img/forms/motifs/vomissements.png');
					}
					.form-item-submitted-motif-consultation-mt-7:not(.form-group):nth-child(6)::before {
						background-image: url('../img/forms/motifs/peau_piqure.png');
					}

					.form-item-submitted-motif-consultation-mt-8:not(.form-group):nth-child(1)::before {
						background-image: url('../img/forms/motifs/ordonnance.png');
					}
					.form-item-submitted-motif-consultation-mt-8:not(.form-group):nth-child(2)::before {
						background-image: url('../img/forms/motifs/peau_piqure.png');
					}
*/
/* Body Selector */
.body_zones_selector_container {
    text-align: center;
}

.body_zones_selector_container .body_zones_selector {
    background-image: url('../img/forms/motifs/body_zones_selector.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    min-height: 450px;
    position: relative;
    width: 226px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.body_zones_selector_container .body_zones_selector .form-item {
    padding: 5px 0 !important;
    margin: 13px 0 0 -13px !important;
    width: 26px !important;
    height: 26px !important;
    text-align: center;
    line-height: 1em;
    position: absolute !important;
    border: 0 !important;
    border-radius: 20px !important;
    min-height: auto !important;
}

.body_zones_selector_container .body_zones_selector .form-item .control-label {
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    text-align: center;
    line-height: 1em;
    text-shadow:
        -1px -1px 0 #0a3b4f,
        1px -1px 0 #0a3b4f,
        -1px 1px 0 #0a3b4f,
        1px 1px 0 #0a3b4f;
    font-weight: bold;
    font-size: 15px !important;
    color: #ffffff !important;
}

.body_zones_selector_container .body_zones_selector .form-item .control-label input {
    display: none;
}

.body_zones_selector_container .body_zones_selector .form-item .control-label::after {
    display: none !important;
    border: 0 !important;
}

.body_zones_selector_container .body_zones_selector .form-item.inputChecked {
    background: #0a3b4f !important;
}

.body_zones_selector_container .body_zones_selector .form-item.inputChecked .control-label {
    color: #ffffff !important;
    font-weight: bold;
    text-shadow:
        0 0 0 transparent,
        0 0 0 transparent,
        0 0 0 transparent,
        0 0 0 transparent;
}

.body_zones_selector_container .body_zones_selector .form-item:nth-child(1) {
    left: 50%;
    top: 1%;
}

.body_zones_selector_container .body_zones_selector .form-item:nth-child(2) {
    left: 28.8%;
    top: 14%;
}

.body_zones_selector_container .body_zones_selector .form-item:nth-child(3) {
    left: 50%;
    top: 10.2%;
}

.body_zones_selector_container .body_zones_selector .form-item:nth-child(4) {
    left: 71.2%;
    top: 14%;
}

.body_zones_selector_container .body_zones_selector .form-item:nth-child(5) {
    left: 27.2%;
    top: 21%;
}

.body_zones_selector_container .body_zones_selector .form-item:nth-child(6) {
    left: 41.5%;
    top: 21%;
}

.body_zones_selector_container .body_zones_selector .form-item:nth-child(7) {
    left: 58.5%;
    top: 21%;
}

.body_zones_selector_container .body_zones_selector .form-item:nth-child(8) {
    left: 72.8%;
    top: 21%;
}

.body_zones_selector_container .body_zones_selector .form-item:nth-child(9) {
    left: 24.2%;
    top: 27.3%;
}

.body_zones_selector_container .body_zones_selector .form-item:nth-child(10) {
    left: 42.6%;
    top: 34.1%;
}

.body_zones_selector_container .body_zones_selector .form-item:nth-child(11) {
    left: 57.4%;
    top: 34.1%;
}

.body_zones_selector_container .body_zones_selector .form-item:nth-child(12) {
    left: 75.8%;
    top: 27.3%;
}

.body_zones_selector_container .body_zones_selector .form-item:nth-child(13) {
    left: 18.4%;
    top: 34.3%;
}

.body_zones_selector_container .body_zones_selector .form-item:nth-child(14) {
    left: 42.6%;
    top: 41.1%;
}

.body_zones_selector_container .body_zones_selector .form-item:nth-child(15) {
    left: 57.4%;
    top: 41.1%;
}

.body_zones_selector_container .body_zones_selector .form-item:nth-child(16) {
    left: 81.4%;
    top: 34.3%;
}

.body_zones_selector_container .body_zones_selector .form-item:nth-child(17) {
    left: 9.6%;
    top: 44.1%;
}

.body_zones_selector_container .body_zones_selector .form-item:nth-child(18) {
    left: 38.6%;
    top: 51.1%;
}

.body_zones_selector_container .body_zones_selector .form-item:nth-child(19) {
    left: 61.4%;
    top: 51.1%;
}

.body_zones_selector_container .body_zones_selector .form-item:nth-child(20) {
    left: 91.4%;
    top: 44.1%;
}

.body_zones_selector_container .body_zones_selector .form-item:nth-child(21) {
    left: 38.3%;
    top: 65.5%;
}

.body_zones_selector_container .body_zones_selector .form-item:nth-child(22) {
    left: 61.7%;
    top: 65.5%;
}

.body_zones_selector_container .body_zones_selector .form-item:nth-child(23) {
    left: 37.3%;
    top: 74.1%;
}

.body_zones_selector_container .body_zones_selector .form-item:nth-child(24) {
    left: 62.7%;
    top: 74.1%;
}

.body_zones_selector_container .body_zones_selector .form-item:nth-child(25) {
    left: 33.2%;
    top: 90.4%;
}

.body_zones_selector_container .body_zones_selector .form-item:nth-child(26) {
    left: 66.8%;
    top: 90.4%;
}

.body_zones_selector_container .body_zones_selector .form-item:nth-child(27) {
    left: 75%;
    top: 81.5%;
    width: 150px !important;
}

.body_zones_selector_container .body_zones_selector .form-item.form-disabled .control-label {
    color: #ffffff !important;
    text-shadow:
        0 0 0 transparent,
        0 0 0 transparent,
        0 0 0 transparent,
        0 0 0 transparent !important;
}

/* Chest Selector */
.chest_zones_selector_container {
    text-align: center;
}

.chest_zones_selector_container .chest_zones_selector {
    background-image: url('../img/forms/motifs/chest_zones_selector.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    min-height: 450px;
    position: relative;
    width: 226px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.chest_zones_selector_container .chest_zones_selector .form-item {
    padding: 5px 0 !important;
    margin: 13px 0 0 -13px !important;
    width: 26px !important;
    height: 26px !important;
    text-align: center;
    line-height: 1em;
    position: absolute !important;
    border: 0 !important;
    border-radius: 20px !important;
    min-height: auto !important;
}

.chest_zones_selector_container .chest_zones_selector .form-item .control-label {
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    text-align: center;
    line-height: 1em;
    text-shadow:
        -1px -1px 0 #0a3b4f,
        1px -1px 0 #0a3b4f,
        -1px 1px 0 #0a3b4f,
        1px 1px 0 #0a3b4f;
    font-weight: bold;
    font-size: 15px !important;
    color: #ffffff !important;
}

.chest_zones_selector_container .chest_zones_selector .form-item .control-label input {
    display: none;
}

.chest_zones_selector_container .chest_zones_selector .form-item .control-label::after {
    display: none !important;
    border: 0 !important;
}

.chest_zones_selector_container .chest_zones_selector .form-item.inputChecked {
    background: #0a3b4f !important;
}

.chest_zones_selector_container .chest_zones_selector .form-item.inputChecked .control-label {
    color: #ffffff !important;
    font-weight: bold;
    text-shadow:
        0 0 0 transparent,
        0 0 0 transparent,
        0 0 0 transparent,
        0 0 0 transparent;
}

.chest_zones_selector_container .chest_zones_selector .form-item:nth-child(1) {
    left: 43%;
    top: 14.8%;
}

.chest_zones_selector_container .chest_zones_selector .form-item:nth-child(2) {
    left: 51.5%;
    top: 14.8%;
}

.chest_zones_selector_container .chest_zones_selector .form-item:nth-child(3) {
    left: 60.5%;
    top: 14.8%;
}

.chest_zones_selector_container .chest_zones_selector .form-item:nth-child(4) {
    left: 43%;
    top: 19.5%;
}

.chest_zones_selector_container .chest_zones_selector .form-item:nth-child(5) {
    left: 51.5%;
    top: 19.5%;
}

.chest_zones_selector_container .chest_zones_selector .form-item:nth-child(6) {
    left: 60.5%;
    top: 19.5%;
}

.chest_zones_selector_container .help-block {
    font-size: 16px;
}

/* Body Selector (with genitals) */
.body_zones_selector_with_genitals_container {
    text-align: center;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals {
    background-image: url('../img/forms/motifs/body_zones_selector.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    min-height: 450px;
    position: relative;
    width: 226px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item {
    padding: 5px 0 !important;
    margin: 13px 0 0 -13px !important;
    width: 26px !important;
    height: 26px !important;
    text-align: center;
    line-height: 1em;
    position: absolute !important;
    border: 0 !important;
    border-radius: 20px !important;
    min-height: auto !important;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item .control-label {
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    text-align: center;
    line-height: 1em;
    text-shadow:
        -1px -1px 0 #0a3b4f,
        1px -1px 0 #0a3b4f,
        -1px 1px 0 #0a3b4f,
        1px 1px 0 #0a3b4f;
    font-weight: bold;
    font-size: 15px !important;
    color: #ffffff !important;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item .control-label input {
    display: none;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item .control-label::after {
    display: none !important;
    border: 0 !important;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item.inputChecked {
    background: #0a3b4f !important;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item.inputChecked .control-label {
    color: #ffffff !important;
    font-weight: bold;
    text-shadow:
        0 0 0 transparent,
        0 0 0 transparent,
        0 0 0 transparent,
        0 0 0 transparent;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item:nth-child(1) {
    left: 50%;
    top: 1%;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item:nth-child(2) {
    left: 28.8%;
    top: 14%;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item:nth-child(3) {
    left: 50%;
    top: 10.2%;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item:nth-child(4) {
    left: 71.2%;
    top: 14%;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item:nth-child(5) {
    left: 27.2%;
    top: 21%;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item:nth-child(6) {
    left: 41.5%;
    top: 21%;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item:nth-child(7) {
    left: 58.5%;
    top: 21%;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item:nth-child(8) {
    left: 72.8%;
    top: 21%;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item:nth-child(9) {
    left: 24.2%;
    top: 27.3%;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item:nth-child(10) {
    left: 42.6%;
    top: 34.1%;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item:nth-child(11) {
    left: 57.4%;
    top: 34.1%;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item:nth-child(12) {
    left: 75.8%;
    top: 27.3%;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item:nth-child(13) {
    left: 18.4%;
    top: 34.3%;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item:nth-child(14) {
    left: 42.6%;
    top: 41.1%;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item:nth-child(15) {
    left: 57.4%;
    top: 41.1%;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item:nth-child(16) {
    left: 81.4%;
    top: 34.3%;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item:nth-child(17) {
    left: 9.6%;
    top: 44.1%;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item:nth-child(18) {
    left: 38.6%;
    top: 51.1%;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item:nth-child(19) {
    left: 61.4%;
    top: 51.1%;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item:nth-child(20) {
    left: 91.4%;
    top: 44.1%;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item:nth-child(21) {
    left: 38.3%;
    top: 65.5%;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item:nth-child(22) {
    left: 61.7%;
    top: 65.5%;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item:nth-child(23) {
    left: 37.3%;
    top: 74.1%;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item:nth-child(24) {
    left: 62.7%;
    top: 74.1%;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item:nth-child(25) {
    left: 33.2%;
    top: 90.4%;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item:nth-child(26) {
    left: 66.8%;
    top: 90.4%;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item:nth-child(27) {
    left: 50%;
    top: 47%;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item:nth-child(28) {
    left: 75%;
    top: 81.5%;
    width: 150px !important;
}

.body_zones_selector_with_genitals_container .body_zones_selector_with_genitals .form-item.form-disabled .control-label {
    color: #ffffff !important;
    text-shadow:
        0 0 0 transparent,
        0 0 0 transparent,
        0 0 0 transparent,
        0 0 0 transparent !important;
}

/* Existing user */
.webform-component--recap {
    margin-bottom: 40px !important;
    max-width: 450px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.webform-component--recap .webform-conditional-hidden {
    display: block !important;
}

.webform-component--recap .form-item br {
    display: none !important;
}

.webform-component--recap .form-item .control-label {
    margin-bottom: 0 !important;
    text-align: center !important;
    display: inline !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    font-family: Roboto, 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    text-transform: none !important;
    float: left;
    padding-top: 0px !important;
    line-height: 25px !important;
}

.webform-component--recap .form-item {
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    font-family: Roboto, 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    text-transform: none !important;
    font-style: italic;
}

.webform-component--recap hr.step_hr {
    border-color: transparent !important;
    clear: both;
    margin-top: 0;
    margin-bottom: 10px;
}

.webform-component--recap .webform-component--vous-etes {
    display: none !important;
}

.webform-component--recap .webform-component--Merci-de-preciser-a-quel-autre-type-d-antibiotiques-vous-etes-allergique- .control-label {
    text-align: left !important;
    float: left !important;
    max-width: 50%;
}

.webform-component--recap .webform-component--quels-types-de-medicaments-prenez-vous,
.webform-component--recap .webform-component--a-quels-types-de-medicaments-etes-vous-allergique-,
.webform-component--recap .webform-component--merci-de-preciser-quelles-sont-vos-allergies-,
.webform-component--recap .webform-component--vous-etes-allergique,
.webform-component--recap .webform-component--merci-de-preciser-vos-autres-allergies-,
.webform-component--recap .webform-component--Merci-de-preciser-quel-medicament,
.webform-component--recap .webform-component--merci-de-preciser-vos-allergies-alimentaires {
    font-size: 14px !important;
    text-align: left !important;
    margin-bottom: 10px;
}

.webform-component--recap .webform-component--quels-types-de-medicaments-prenez-vous ul,
.webform-component--recap .webform-component--a-quels-types-de-medicaments-etes-vous-allergique- ul,
.webform-component--recap .webform-component--merci-de-preciser-quelles-sont-vos-allergies- ul,
.webform-component--recap .webform-component--vous-etes-allergique ul {
    clear: left;
}

.webform-component--recap .webform-component--merci-de-preciser-vos-autres-allergies- label.control-label,
.webform-component--recap .webform-component--Merci-de-preciser-quel-medicament label.control-label {
    text-align: left !important;
    width: 100% !important;
}

.webform-component--que-voulez-vous-faire>.control-label:first-child {
    font-size: 30px;
    line-height: 33px;
    text-align: center;
    font-family: 'MullerNarrow-ExtraBold';
    text-transform: uppercase;
    margin-top: 15px !important;
    margin-bottom: 50px;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 7px;
    letter-spacing: 0.01em;
    font-weight: normal;
}

@media screen and (max-width: 767px) {

    #tfa-form .form-item input.digit-input {
        position: relative;
        top: 10px;
        left: 1% !important;
        background-color: #FFFFFF;
        width: 33px !important;
        height: 35px !important;
        min-width: 12%;
        z-index: 2;
    }

    #tfa-form .form-item .digit-container {
        position: relative;
        top: 15px;
        left: -5px;
        border: 0;
        background: linear-gradient(to left, #688e97 83%, rgba(255, 255, 255, 0) 0%);
        background-position: bottom;
        background-size: 43px 2px;
        background-repeat: repeat-x;
        background-position-x: 45px;
        width: 263px;
        text-align: center;
        align-items: center;
        font-size: 0px;
        z-index: 1;
    }

    .webform-component--recap .form-item .control-label {
        margin-bottom: 0 !important;
        text-align: center !important;
        display: inline !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        font-family: Roboto, 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
        text-transform: none !important;
        float: none !important;
        padding-top: 0px !important;
    }

    .webform-component--recap .form-item {
        text-align: center !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        font-family: Roboto, 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
        text-transform: none !important;
    }

    .webform-component--recap .webform-component--quels-types-de-medicaments-prenez-vous,
    .webform-component--recap .webform-component--a-quels-types-de-medicaments-etes-vous-allergique-,
    .webform-component--recap .webform-component--merci-de-preciser-quelles-sont-vos-allergies- {
        text-align: center !important;
    }

    .vdc-human-part-container {
        display: none !important;
    }

    .styles-511 .form-radios,
    .styles-511-mt .form-radios {
        width: auto;
    }
}

/* Allergies / Autres Medicaments / File */
/*
		#edit-submitted-merci-de-preciser-a-quel-autre-type-de-medicaments-vous-etes-allergique-,
		#edit-submitted-merci-de-preciser-vos-autres-allergies-,
		#edit-submitted-merci-de-preciser-quel-autre-type-de-medicaments-,
		.webform-component-file.form-type-managed-file,
		.secondary_field_container .secondary_field {
		    width: calc(55% - 15px);
		}
*/
/*
		.secondary_field_container {
			background-color: rgba(255, 255, 255, .1);
			padding: 15px 0px 15px 20px;
			border-radius: 3px;
			margin-bottom: 32px;
			width:50%;
		}
*/
.secondary_field_container label {
    /*
				font-size: 14px !important;
				margin-top:0 !important;
*/
}

/* File Upload */
.form-managed-file .input-group-btn button[type="submit"] {
    background-color: #ffda67;
    border-radius: 25px;
    padding: 6px 40px;
    box-shadow: none;
    color: #003c57;
    text-transform: uppercase;
    float: right;
    border: none;
    margin-left: 15px;
}

.form-managed-file .input-group-btn button[type="submit"]:hover,
.form-managed-file .input-group-btn button[type="submit"]:active {
    background-color: #00afad !important;
    box-shadow: none !important;
}

/* Oeil Rouge */
#webform-client-form-73 .webform-component--image-1 p,
#webform-client-form-50 .webform-component--image-1 p {
    display: inline-block;
    width: 100%;
}

/*#webform-client-form-73 .webform-component--image-1 p img,
		#webform-client-form-50 .webform-component--image-1 p img */
.webform-component p img {
    max-width: 200px;
}

/* Satisfaction */
.page-node-done .panel .links a,
.node-type-page .panel .links a {
    display: none !important;
}

/* User Form */
body.not-logged-in.page-user fieldset,
body.not-logged-in.page-user fieldset .panel,
body.not-logged-in.page-user legend.panel-heading,
body.not-logged-in.page-user .help-block,
body.not-logged-in.page-user input,
body.not-logged-in.page-user select {
    background: none transparent;
    color: #fff;
}

body.not-logged-in.page-user input,
body.not-logged-in.page-user select {
    border: none;
    border-bottom: 1px solid #2c697f !important;
    background-color: rgba(255, 255, 255, 0.4);
}

body.not-logged-in.page-user legend.panel-heading {
    font-size: 32px;
    border: none;
    top: 10px;
    width: calc(100% - 2px);
    padding: 0 15px;
    position: absolute;
    word-break: break-all;
    line-height: 32px;
    display: inline-block;
}

body.not-logged-in.page-user legend.panel-heading span.panel-title.fieldset-legend {
    padding: 0;
}

body.not-logged-in.page-user form>div>fieldset>.panel-body {
    padding-top: 50px;
}

body.not-logged-in.page-user fieldset fieldset>.panel-body {
    padding-left: 0;
    padding-right: 0;
}

.page-user .panel h3 {
    /*
			font-size: 1.15em;
			line-height: 55px;
			font-family: 'MullerNarrow-ExtraBold';
			text-transform: uppercase;
*/
    font-weight: normal;
}

/* Date of Birth */
body.not-logged-in.page-user #edit-profile-patient-field-date-de-naissance-und-0-value,
body.not-logged-in.page-user #edit-profile-patient-field-date-de-naissance .date-no-float.container-inline-date,
body.not-logged-in.page-user .form-item.form-item-profile-patient-field-date-de-naissance-und-0-value.form-group {
    width: 100%;
    margin-right: 0;
}

body.not-logged-in.page-user #edit-profile-patient-field-date-de-naissance .date-form-element-content-multiline {
    padding-left: 0;
    padding-right: 0;
    border: none;
}

body.not-logged-in.page-user #edit-profile-patient-field-date-de-naissance-und-0-value .form-item {
    width: 33.3333%;
    min-width: 90px;
}

body.not-logged-in.page-user .date-form-element-content-multiline .date-padding .form-item {
    margin-right: 0;
}

body.not-logged-in.page-user #edit-profile-patient-field-date-de-naissance-und-0-value .form-item:nth-child(2) {
    padding-left: 15px;
    padding-right: 15px;
}

/**/
form#user-login,
form#user-pass,
.create-account-block,
.sign-in-block {
    display: block;
    width: calc(50% - 15px);
    float: left;
    border: 1px solid #208ca1;
    border-radius: 20px;
    position: relative;
    padding-top: 50px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#307e8f+0,156279+61,156279+75,09556e+100 */
    background: rgb(48, 126, 143);
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(48, 126, 143, 1) 0%, rgba(21, 98, 121, 1) 61%, rgba(21, 98, 121, 1) 75%, rgba(9, 85, 110, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(48, 126, 143, 1) 0%, rgba(21, 98, 121, 1) 61%, rgba(21, 98, 121, 1) 75%, rgba(9, 85, 110, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(48, 126, 143, 1) 0%, rgba(21, 98, 121, 1) 61%, rgba(21, 98, 121, 1) 75%, rgba(9, 85, 110, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#307e8f', endColorstr='#09556e', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.sign-in-block {
    float: none;
    margin-top: 30px;
    width: auto;
    padding: 50px 70px;
    border-radius: 20px !important;
}

.sign-in-message {
    font-size: 16px;
}

#user-register-form {
    display: block;
    width: 100%;
    margin: 0 0 20px 0;
    border: 1px solid #208ca1;
    border-radius: 20px;
    position: relative;
    padding-top: 50px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#307e8f+0,156279+61,156279+75,09556e+100 */
    background: rgb(48, 126, 143);
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(48, 126, 143, 1) 0%, rgba(21, 98, 121, 1) 61%, rgba(21, 98, 121, 1) 75%, rgba(9, 85, 110, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(48, 126, 143, 1) 0%, rgba(21, 98, 121, 1) 61%, rgba(21, 98, 121, 1) 75%, rgba(9, 85, 110, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(48, 126, 143, 1) 0%, rgba(21, 98, 121, 1) 61%, rgba(21, 98, 121, 1) 75%, rgba(9, 85, 110, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#307e8f', endColorstr='#09556e', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

form#user-login,
form#user-pass {
    float: none;
}

#user-register-form>div>fieldset:nth-child(2n) {
    /* 				margin-left: 15px; */
}

#user-register-form>div>fieldset:nth-child(2n+1) {
    /* 				margin-right: 15px; */
}

.create-account-block h4 {
    font-size: 25px;
    line-height: 24px;
    font-family: 'MullerNarrow-ExtraBold';
    text-transform: uppercase;
    font-weight: normal;
}

.create-account-block p {
    font-size: 16px;
    margin-bottom: 20px;
}

/* Calendars */
.form-type-select select {
    width: 200px;
}

.webform-datepicker div select {
    width: 80px;
    float: left;
    margin-right: 5px;
}

.webform-calendar.hasDatepicker {
    width: 32px;
    height: auto;
    margin-left: 10px;
}

.webform-datepicker .form-type-select {
    display: none !important;
}

.webform-datepicker .form-text {
    display: block !important;
    width: 150px;
    color: #333333 !important;
    text-transform: uppercase;
    background: #ffffff url('../img/forms/calendar.png') left 10px top 7px no-repeat;
    background-size: 16px auto;
    border: 0;
    border-radius: 5px;
    padding: 7px 10px 7px 32px;
    height: 32px;
}

/* Select Lists */
.form-type-select {
    /*
		width:100px;
		margin-left:10px;
		float: left;
*/
}

.form-type-select .form-select {
    height: inherit;
    position: relative;
}

select.form-select {
    margin: 0 auto;
}

/* Radio Buttons */
#user-register-form .form-type-radios.form-group {
    width: 100%;
    display: block;
    clear: both;
    overflow: hidden;
}

#user-register-form .form-type-radio input[type="radio"] {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

#user-register-form .form-type-radio label {
    float: left;
}

#user-register-form .form-type-radio label {
    display: inline-block;
    /* 				width: 60px; */
    background-color: rgba(255, 255, 255, 0.4) !important;
    color: rgba(255, 255, 255, 1) !important;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    text-shadow: none;
    padding: 6px 14px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#user-register-form .form-type-radio.inputChecked label {
    color: #ffffff !important;
    background-color: rgba(39, 145, 164, 1) !important;
}

#user-register-form .form-type-radio label:hover {
    cursor: pointer;
}

/*
			#user-register-form .form-type-radio input:checked + label {
				background-color: #A5DC86;
				-webkit-box-shadow: none;
				box-shadow: none;
			}
*/
#user-register-form .form-type-radio:first-of-type label {
    border-radius: 17px 0 0 17px;
}

#user-register-form .form-type-radio:last-of-type label {
    border-radius: 0 17px 17px 0;
}

#user-register-form .magic-radio+label::before,
#user-register-form .magic-checkbox+label::before {
    background-color: rgba(255, 255, 255, 0.4) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
}

.magic-checkbox+label:after {
    top: 3px !important;
}

/* Tabs */
body.not-logged-in.page-user .nav-tabs {
    border-bottom: 1px solid #208ca1;
}

body.not-logged-in.page-user .nav-tabs>li.active>a,
body.not-logged-in.page-user .nav-tabs>li.active>a:hover,
body.not-logged-in.page-user .nav-tabs>li.active>a:focus {
    color: #00afad;
    border-color: transparent;
    background: none transparent;
}

body.not-logged-in.page-user .nav-tabs>li>a,
body.not-logged-in.page-user .nav-tabs>li>a:hover,
body.not-logged-in.page-user .nav-tabs>li>a:focus {
    color: #fff;
    border-color: transparent;
    background: none transparent;
}

/* Audio */
.webform-component-markup audio,
.webform-component-markup iframe {
    margin: 0 auto;
    display: block !important;
}

/* Locations */
body.not-logged-in.page-user #autocomplete {
    color: #ffffff;
    border-bottom: 1px solid #2c697f !important;
    background-color: rgba(255, 255, 255, 0.4);
    border: none;
    text-align: left;
}

body.not-logged-in.page-user #findhotels {
    color: #fff;
    border-color: transparent;
    background: none transparent;
    border: none;
    text-align: left;
}

body.not-logged-in.page-user #locationField {
    background-color: transparent;
}

body.not-logged-in.page-user #edit-profile-patient-field-pharmacien-map #map {
    width: 100%;
}

body.not-logged-in.page-user #edit-profile-patient-field-pharmacien-map #listing {
    width: 100%;
    height: inherit;
}

body.not-logged-in.page-user #edit-profile-patient-field-pharmacien-map #resultsTable {
    width: 100%;
}

body.not-logged-in.page-user #edit-profile-patient-field-pharmacien-map #resultsTable tr {
    background: #407d98 !important;
}

body.not-logged-in.page-user #edit-profile-patient-field-pharmacien-map #resultsTable tr:nth-child(2n+1) {
    background: #094a64 !important;
}

/* Local Doctor */
.form-autocomplete {
    overflow: visible !important;
}

body.not-logged-in.page-user #profile-patient-field-medecin-traitant-ref-add-more-wrapper ul.dropdown-menu {
    background: #0a3b4f;
}

body.not-logged-in.page-user #profile-patient-field-medecin-traitant-ref-add-more-wrapper ul.dropdown-menu li:hover a,
body.not-logged-in.page-user #profile-patient-field-medecin-traitant-ref-add-more-wrapper ul.dropdown-menu li:focus a body.not-logged-in.page-user #profile-patient-field-medecin-traitant-ref-add-more-wrapper ul.dropdown-menu li a:hover,
body.not-logged-in.page-user #profile-patient-field-medecin-traitant-ref-add-more-wrapper ul.dropdown-menu li a:focus {
    background-color: #688994 !important;
}

body.not-logged-in.page-user #profile-patient-field-medecin-traitant-ref-add-more-wrapper ul.dropdown-menu li a {
    color: #fff;
}

body.not-logged-in.page-user #profile-patient-field-medecin-traitant-ref-add-more-wrapper .input-group .input-group-addon {
    color: rgba(255, 255, 255, 0.6) !important;
    background-color: rgba(255, 255, 255, 0.4) !important;
}

.form-autocomplete .dropdown,
.dropdown ul {
    z-index: 999 !important;
    color: #fff !important;
    top: 0px;
    width: 100%;
}

.form-autocomplete .dropdown-menu li,
.form-autocomplete .dropdown-menu li a,
.reference-autocomplete,
.reference-autocomplete span,
.reference-autocomplete span span {
    z-index: 999 !important;
    color: #fff !important
}

.form-autocomplete ul.dropdown-menu {
    right: inherit !important;
    position: relative !important;
    top: 0px;
}

/* User Login - Forgot Password */
body.not-logged-in.page-user #user-login,
body.not-logged-in.page-user #user-pass,
.create-account-block,
#user-register-form {
    display: block;
    width: 100%;
    border: 1px solid #208ca1;
    border-radius: 20px !important;
    position: relative;
    padding: 50px;
    margin: 0 auto;
}

.page-user:not(.page-user-register) .region-content {
    width: calc(50% - 15px);
    float: left;
}

.page-user-password .region-content {
    width: 100% !important;
}

.create-account-block {
    width: calc(50% - 15px);
    float: right;
}

.create-account-block,
#user-login {
    min-height: 30em;
}

#user-login label {
    font-size: 16px;
}

#user-login .help-block {
    font-size: 13px !important;
}

.form-item-pass-pass1 .form-control-feedback,
.form-item-pass-pass2 .form-control-feedback {
    right: 35px !important;
    top: 27px !important;
}

.password-visibility {
    cursor: pointer;
    position: absolute !important;
    top: 36px !important;
    right: 20px !important;
}

/* Special Labels */
body.not-logged-in.page-user .label-danger,
body.not-logged-in.page-user .label-warning,
body.not-logged-in.page-user .label-success {
    margin-left: 10px;
}

/* Various */
body.not-logged-in.page-user #field-telephone-add-more-wrapper .help-block,
body.not-logged-in.page-user #user-login .help-block {
    font-size: 10px;
}

/* Slider */
.sliderfield {
    max-width: 500px;
    margin: 0 auto;
}

.ui-slider-horizontal {
    height: 28px !important;
    border-radius: 28.5px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#328bff+0,0064e8+18,31a51f+34,ffd728+51,ff8c28+68,ff0000+85,ba0000+100 */
    background: #328bff;
    /* Old browsers */
    background: -moz-linear-gradient(left, #328bff 0%, #0064e8 18%, #31a51f 34%, #ffd728 51%, #ff8c28 68%, #ff0000 85%, #ba0000 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #328bff 0%, #0064e8 18%, #31a51f 34%, #ffd728 51%, #ff8c28 68%, #ff0000 85%, #ba0000 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #328bff 0%, #0064e8 18%, #31a51f 34%, #ffd728 51%, #ff8c28 68%, #ff0000 85%, #ba0000 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#328bff', endColorstr='#ba0000', GradientType=1);
    /* IE6-9 */
    border: 0;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    cursor: default;
    background-color: rgba(255, 255, 255, 1);
    border: 0;
    background-image: none;
}

.ui-slider-handle.ui-state-active {
    background-color: rgba(255, 255, 255, .8)
}

.ui-slider-horizontal .ui-slider-handle {
    top: 0;
    margin-left: -2.6%;
}

.form-group.sliderfield-processed {
    overflow: visible !important;
}

.sliderfield-bubble {
    display: none !important;
}

.sliderfield-display-values-field {
    font-size: 30px;
    line-height: 33px;
    font-family: 'MullerNarrow-ExtraBold';
    text-transform: uppercase;
    margin: 0 0 10px 0;
    text-align: center;
    display: none;
    font-weight: normal;
}

.field-prefix,
.field-suffix {
    position: absolute;
    top: 30px;
    font-weight: bold;
    text-transform: uppercase;
}

.field-prefix {
    left: 10px;
}

.field-suffix {
    right: 10px;
}

.form-type-slider {
    overflow: visible;
}

.webform-sliderfield {
    margin-bottom: 30px;
}

/* Submit */
body.not-logged-in.page-user .form-actions {
    clear: both;
    width: 100%;
    text-align: right;
}

body.not-logged-in.page-user button.form-submit {
    background-color: #ffda67;
    border-radius: 25px;
    padding: 10px 40px;
    box-shadow: none;
    color: #003c57;
    text-transform: uppercase;
    font-weight: 600;
    border: none;
    font-size: 14px;
}

body.not-logged-in.page-user button.form-submit:focus,
body.not-logged-in.page-user button.form-submit:hover {
    background-color: #2791a4 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}

.form-actions .btn {
    font-size: 14px !important;
}

/* Account creation */
#user-register-form .vertical-tabs-panes {
    padding: 0 20px;
}

#edit-profile-patient-body {
    padding: 0 !important;
}

#user-register-form .panel-title {
    display: block;
    word-break: normal;
    white-space: normal;
    line-height: 23px;
}

#user-register-form .panel-heading {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

#user-register-form .form-group {
    margin-bottom: 8px;
    padding-bottom: 0;
}

#user-register-form .date-form-element-content {
    padding: 0;
}

#user-register-form .form-type-date-select,
#user-register-form .field-name-field-date-de-naissance {
    margin-bottom: 0;
}

.form-type-date-select .control-label {
    font-size: 14px !important;
}

fieldset#edit-profile-patient select option {
    color: #000;
}

.password-help {
    display: none !important;
}

#user-register-form #edit-profile-patient-field-nom,
#user-register-form #edit-profile-patient-field-prenom {
    width: 45%;
}

#user-register-form #edit-profile-patient-field-prenom {
    margin-right: 10%;
    float: left;
}

#user-register-form h3:first-child {
    display: none;
}

#user-register-form h3 {
    top: inherit;
    padding: 0;
    position: relative;
    display: block;
    margin-bottom: 20px;
}

#user-register-form .panel-heading {
    top: inherit !important;
    padding: 0;
    position: relative !important;
    display: inline-block !important;
    height: auto !important;
}

#user-register-form h3 span p,
#user-register-form .panel-heading,
#user-register-form h3 {
    font-size: 1.15em !important;
    line-height: 17px !important;
    font-family: 'Roboto', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: normal;
}

#user-register-form .doctor-infos {
    font-size: 14px !important;
    line-height: 17px !important;
    font-family: 'Roboto', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: normal;
}

#user-register-form .panel-body {
    padding-top: 0;
}

#user-register-form .control-label {
    font-size: 16px;
}

#user-register-form .form-type-date-select .form-item select {
    width: 100%;
    height: 35px;
}

#user-register-form #edit-actions #edit-back {
    float: left;
}

#user-register-form #edit-actions #edit-next {
    float: right;
}

#user-register-form .form-type-password {
    width: 50%;
}

#user-register-form .control-label a {
    color: #ffffff;
    text-decoration: underline;
}

#user-register-form input.form-checkbox {
    margin-top: 4px;
}

#user-register-form .magic-radio+label::before,
#user-register-form .magic-checkbox+label::before,
.form-item-terms-of-use label::before {
    border: 1px solid rgba(0, 0, 0, 0.3);
    top: 3px;
}

#user-register-form .form-type-checkbox {
    margin-left: 0;
}

#user-register-form .form-autocomplete .input-group-addon .icon {
    display: none !important;
}

#user-register-form #edit-profile-patient-field-mode-de-paiement {
    /* 		margin-bottom:40px; */
}

#user-register-form #edit-terms-of-use {
    margin-bottom: 0px !important;
}

#user-register-form #edit-terms-of-use legend.panel-heading {
    display: none !important;
}

#user-register-form #edit-terms-of-use #edit-terms-of-use-body,
#user-register-form .form-item-consentement {
    margin: 0 40px;
    padding: 0;
}

#user-register-form .form-item-consentement {
    margin: 0 20px 30px 40px;
    padding: 0;
}

.page-user-register #content-container #page-content .row .custom-col .panel-body h3:first-child {
    /* 		display:none !important; */
}

#user-register-form .form-item-field-recevoir-les-notifications-und,
#user-register-form .form-item-field-recevoir-les-notifis-sms-und {
    margin: 0 0 0 16px !important;
}

#user-register-form .form-actions {
    padding: 0 20px;
}

#user-register-form a.panel-title.fieldset-legend:hover {
    color: #ffffff;
    cursor: default;
}

.sign-in-btn {
    text-align: right;
}

#edit-profile-patient-field-medecin-traitant {
    margin-bottom: 25px !important;
}

#edit-profile-patient-field-envoi-rapport {
    margin-bottom: 20px !important;
}

.form-item-profile-patient-field-envoi-rapport-und {
    margin-top: 0px !important;
}

#user-register-form h3 span {
    font-size: 1.25em;
    line-height: 23px;
}

/* STOPS */
.node-type-stop .panel,
.page-system-tfa .panel,
body.page-node-sid #page-content>.row>.custom-col .panel.panel-body,
.page-node-done .panel,
.node-type-page .panel {
    background-color: #ffffff !important;
    border-radius: 10px;
    margin-top: 60px;
    padding: 7% !important;
    min-height: auto !important;
    max-width: 800px;
}

.node-type-stop .panel h3,
.page-system-tfa .panel h3,
.page-node-sid h3 {
    font-size: 30px;
    line-height: 33px;
    font-family: 'MullerNarrow-ExtraBold';
    text-transform: uppercase;
    color: #003a55 !important;
    font-weight: normal;
}

.node-type-stop .panel p,
.page-system-tfa .panel p,
.page-node-sid p,
.page-node-done p,
.node-type-page p,
.node-stop ul li,
.page-node-sid ul li,
.node-type-page ul li {
    font-size: 20px;
    color: #003c57;
}

a.pdf-generation {
    margin-top: 20px;
    margin-bottom: 0;
}

div#onedoc {
    margin-top: 15px;
    margin-bottom: 30px;
    max-width: 535px;
}

.onedoc-logo {
    height: auto;
    clear: left;
    display: block;
    float: right;
    max-width: 150px;
    margin: 0 0 0 10px;
}

a#onedoc {
    clear: left;
}

/* PAGES */
.node-page .field-items .well,
.webform-component-markup div.well {
    background-color: #ffffff !important;
    border-radius: 10px;
    margin-top: 0px;
    padding: 40px 40px 40px 40px !important;
    min-height: auto !important;
    max-width: 800px;
}

.node-page .field-items .well p {
    font-size: 20px;
    color: #003c57;
}

.front #container {
    position: relative;
}

#closing-hours {
    padding: 10px 40px;
    width: 100%;
    height: auto;
    background-color: #ffffff;
    font-size: 14px;
    color: #003c57;
    font-family: Roboto, 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    position: fixed;
    bottom: 0px;
    text-align: center;
    text-transform: uppercase;
    z-index: 998;
    display: none;
}

.close-hours {
    position: absolute;
    top: 25%;
    left: 10px;
    font-size: 16px !important;
    font-weight: bold !important;
    width: 16px;
    height: 16px;
    color:
        #0a3b4f;
    cursor: pointer;
}

.close-hours::before {
    line-height: 24px;
}

.close-hours:hover {
    color: rgba(0, 0, 0, 0.6);
}

/******************************* RESPONSIVE **********************************/
/* MIN WIDTH */
@media (min-width: 1992px) {

    body.node-type-webform .styles-511 .form-radios .form-type-radio.radio,
    body.node-type-webform .styles-511-mt .form-radios .form-type-radio.radio,
    body.node-type-questionnaire-48h .styles-511 .form-radios .form-type-radio.radio,
    body.node-type-questionnaire-48h .styles-511-mt .form-radios .form-type-radio.radio {
        width: 48%;
        float: left;
    }
}

/* MAX WIDTH */
/* Extra large devices (large desktops, 1200px and down) */
@media (max-width: 991px) {
    .navbar-header {
        left: 0px !important;
    }
}

/* Large devices (desktops, 992px and down) */
@media (min-width: 768px) and (max-width: 930px) {
    .navbar-top-links {
        margin-right: 59px !important;
    }
}

/* Medium devices (tablets, 767px and down) */
@media (max-width: 767px) {

    .webform-component h4:first-child,
    .question-0:not(.form-type-radio)>.control-label:first-child,
    .question-1:not(.form-type-radio)>.control-label:first-child,
    .question-2:not(.form-type-radio)>.control-label:first-child,
    .question-3:not(.form-type-radio)>.control-label:first-child,
    .question-4:not(.form-type-radio)>.control-label:first-child,
    .question-5:not(.form-type-radio)>.control-label:first-child,
    .form-type-slider>.control-label:first-child,
    .create-account,
    .page-node .panel-body h3,
    .form-type-textarea>.control-label:first-child,
    #webform-client-form-513>div>div.form-item.webform-component.webform-component-radios.webform-component--prenez-vous-des-medicaments-tous-les-jours-2.form-group.form-item-submitted-prenez-vous-des-medicaments-tous-les-jours-2.form-type-radios.question-5.animated.fadeIn.faster>label,
    .webform-component-file .control-label {
        font-size: 32px;
        line-height: 34px;
    }

    body.page-node-sid #page-content>.row>.custom-col .panel.panel-body,
    body.node-type-webform #page-content>.row>.custom-col .panel.panel-body,
    body.node-type-questionnaire-48h #page-content>.row>.custom-col .panel.panel-body,
    body.page-questionnaire #page-content>.row>.custom-col .panel.panel-body,
    body.page-node-62 #page-content>.row>.custom-col .panel.panel-body,
    body.page-node-done #page-content>.row>.custom-col .panel.panel-body,
    body.node-type-page #page-content>.row>.custom-col .panel.panel-body {
        padding: 20px 10px 15px 10px !important;
    }

    #content-container {
        padding-bottom: 55px !important;
    }

    .webform-progressbar {
        /* 				display:none !important; */
    }

    body.not-logged-in.page-user #content-container,
    body.not-logged-in.page-user #container,
    body.node-type-webform #content-container,
    body.page-node-sid #content-container,
    body.node-type-questionnaire-48h #content-container,
    body.node-type-webform #container,
    body.page-node-sid #container,
    body.node-type-questionnaire-48h #container,
    body.node-type-stop #content-container,
    body.node-type-stop #container,
    body.page-system-tfa #content-container,
    body.page-system-tfa #container,
    body.page-questionnaire #content-container,
    body.page-questionnaire #container,
    body.page-node-62 #content-container,
    body.page-node-62 #container,
    body.page-node-done #content-container,
    body.node-type-page #content-container,
    body.page-node-done #container,
    body.node-type-page #container {
        background: none transparent;
    }

    body.not-logged-in.page-user #container,
    body.node-type-webform #container,
    body.page-node-sid #container,
    body.node-type-questionnaire-48h #container,
    body.node-type-stop #container,
    body.page-system-tfa #container,
    body.page-questionnaire #container,
    body.page-node-62 #container,
    body.page-node-done #container,
    body.node-type-page #container {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2d7586+0,094a64+42,094a64+72,407d98+100 */
        background: rgb(45, 117, 134);
        /* Old browsers */
        background: -moz-linear-gradient(-45deg, rgba(45, 117, 134, 1) 0%, rgba(9, 74, 100, 1) 42%, rgba(9, 74, 100, 1) 72%, rgba(64, 125, 152, 1) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg, rgba(45, 117, 134, 1) 0%, rgba(9, 74, 100, 1) 42%, rgba(9, 74, 100, 1) 72%, rgba(64, 125, 152, 1) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg, rgba(45, 117, 134, 1) 0%, rgba(9, 74, 100, 1) 42%, rgba(9, 74, 100, 1) 72%, rgba(64, 125, 152, 1) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d7586', endColorstr='#407d98', GradientType=1);
        /* IE6-9 fallback on horizontal gradient */
    }

    body.not-logged-in.page-user #page-content .nav-tabs>li>a,
    body.node-type-webform #page-content .nav-tabs>li>a,
    body.page-node-sid #page-content .nav-tabs>li>a,
    body.node-type-questionnaire-48h #page-content .nav-tabs>li>a,
    body.node-type-stop #page-content .nav-tabs>li>a,
    body.page-system-tfa #page-content .nav-tabs>li>a,
    body.page-questionnaire #page-content .nav-tabs>li>a,
    body.page-node-62 #page-content .nav-tabs>li>a,
    body.page-node-done #page-content .nav-tabs>li>a,
    body.node-type-page #page-content .nav-tabs>li>a {
        padding: 10px 10px;
    }

    /* Progress Bar */
    #webform-client-form-2 .webform-progressbar,
    form:not(#webform-client-form-2) .webform-progressbar {
        top: -54px;
    }

    /* Webforms */
    body.not-logged-in.page-user #page-content>.row>.custom-col .panel.panel-body,
    body.node-type-webform #page-content>.row>.custom-col .panel.panel-body,
    /* 				body.page-node-sid #page-content > .row > .custom-col .panel.panel-body, */
    body.node-type-questionnaire-48h #page-content>.row>.custom-col .panel.panel-body,
    body.node-type-stop #page-content>.row>.custom-col .panel.panel-body,
    body.page-system-tfa #page-content>.row>.custom-col .panel.panel-body,
    body.page-questionnaire #page-content>.row>.custom-col .panel.panel-body,
    body.page-node-62 #page-content>.row>.custom-col .panel.panel-body,
    body.page-node-done #page-content>.row>.custom-col .panel.panel-body,
    body.node-type-page #page-content>.row>.custom-col .panel.panel-body {
        padding-bottom: 100px;
        padding-left: 0;
        padding-right: 0;
        background: none transparent;
    }

    .human-image-container,
    .human-image-answer {
        height: 337px;
        width: 169px;
    }

    .form-item-submitted-motif-consultation:not(.form-group) {
        width: 100%;
        float: none;
        margin: 0 0 16px 0 !important;
        margin-right: 0px;
        min-height: 80px;
        clear: both;
    }

    .form-item-submitted-motif-consultation:not(.form-group):nth-child(2n+1) {
        margin-right: 0 !important;
    }

    .form-item-submitted-motif-consultation:not(.form-group):nth-child(2n) {
        margin-left: 0 !important;
    }

    body.node-type-webform .form-checkboxes:not(.body_zones_selector) .form-type-checkbox.checkbox,
    body.node-type-webform .form-checkboxes:not(.chest_zones_selector) .form-type-checkbox.checkbox,
    body.page-node-sid .form-checkboxes .form-type-checkbox.checkbox,
    body.node-type-questionnaire-48h .form-checkboxes .form-type-checkbox.checkbox {
        width: 100%;
        margin: 8px 0 16px 0 !important;
        padding-right: 30px;
        padding-left: 10px;
    }

    body.node-type-webform .form-radios .form-type-radio.radio,
    body.page-node-sid .form-radios .form-type-radio.radio,
    body.node-type-questionnaire-48h .form-radios .form-type-radio.radio {
        /* 				    padding: 6px 25px; */
    }

    body.node-type-webform #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511):not(.motif-consultation-x)>label,
    body.node-type-webform #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511-mt):not(.motif-consultation-x)>label,
    body.page-node-sid #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511):not(.motif-consultation-x)>label,
    body.page-node-sid #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511-mt):not(.motif-consultation-x)>label,
    body.node-type-questionnaire-48h #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511):not(.motif-consultation-x)>label,
    body.node-type-questionnaire-48h #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511-mt):not(.motif-consultation-x)>label,
    body.node-type-webform #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511):not(.motif-consultation-x)>.form-radios,
    body.node-type-webform #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511-mt):not(.motif-consultation-x)>.form-radios,
    body.page-node-sid #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511):not(.motif-consultation-x)>.form-radios,
    body.page-node-sid #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511-mt):not(.motif-consultation-x)>.form-radios,
    body.node-type-questionnaire-48h #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511):not(.motif-consultation-x)>.form-radios,
    body.node-type-questionnaire-48h #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511-mt):not(.motif-consultation-x)>.form-radios {
        float: none;
        width: 100%;
        /* 					margin-right: 0; */
    }

    body.node-type-webform #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511):not(.motif-consultation-x)>.form-radios>.form-type-radio,
    body.node-type-webform #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511-mt):not(.motif-consultation-x)>.form-radios>.form-type-radio,
    body.page-node-sid #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511):not(.motif-consultation-x)>.form-radios>.form-type-radio,
    body.page-node-sid #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511-mt):not(.motif-consultation-x)>.form-radios>.form-type-radio,
    body.node-type-questionnaire-48h #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511):not(.motif-consultation-x)>.form-radios>.form-type-radio,
    body.node-type-questionnaire-48h #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511-mt):not(.motif-consultation-x)>.form-radios>.form-type-radio {
        border-radius: 28.5px;
        margin-right: 15px;
        height: 45px;
        line-height: 33px;
    }

    body.node-type-webform #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511):not(.motif-consultation-x)>.form-radios>.form-type-radio,
    body.node-type-webform #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511-mt):not(.motif-consultation-x)>.form-radios>.form-type-radio,
    body.page-node-sid #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511):not(.motif-consultation-x)>.form-radios>.form-type-radio,
    body.page-node-sid #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511-mt):not(.motif-consultation-x)>.form-radios>.form-type-radio,
    body.node-type-questionnaire-48h #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511):not(.motif-consultation-x)>.form-radios>.form-type-radio,
    body.node-type-questionnaire-48h #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511-mt):not(.motif-consultation-x)>.form-radios>.form-type-radio {
        margin-right: 0;
    }

    /* User */
    body.not-logged-in.page-user form>div>fieldset>.panel-body {
        padding-top: 0;
    }

    #user-register-form>div>fieldset {
        width: 100%;
        background: none transparent;
        border: none;
    }

    #user-register-form>div>fieldset:nth-child(2n+1) {
        margin-right: 0;
    }

    #user-register-form>div>fieldset:nth-child(2n) {
        margin-left: 0;
    }

    body.not-logged-in.page-user legend.panel-heading {
        font-size: 18px;
    }

    body.node-type-webform #page-content>.row>.custom-col .panel.panel-body h3,
    body.page-node-sid #page-content>.row>.custom-col .panel.panel-body h3,
    body.node-type-questionnaire-48h #page-content>.row>.custom-col .panel.panel-body h3 {
        font-size: 25px;
        line-height: 30px;
    }

    body.not-logged-in.page-user #user-login,
    body.not-logged-in.page-user #user-pass {
        width: 100%;
        border: none;
        padding: 15px 0;
        margin: 15px auto;
    }

    .page-user:not(.page-user-register) .region-content {
        width: 100%;
        float: none;
    }

    .page-user:not(.page-user-register) .region-content #user-login {
        padding: 50px;
    }

    .create-account-block {
        width: 100%;
        float: none;
        min-height: auto;
    }

    .page-user-register a.help_link {
        margin-top: 5px !important;
        font-size: 13px !important;
    }

    .placeIcon {
        opacity: 0.65 !important;
    }

    .selected_ph td .placeIcon {
        opacity: 1 !important;
        background-color: #ffffff !important;
    }

    /* Specific Steps */
    body.node-type-webform .styles-511 .form-radios .form-type-radio.radio,
    body.node-type-webform .styles-511-mt .form-radios .form-type-radio.radio,
    body.node-type-questionnaire-48h .styles-511 .form-radios .form-type-radio.radio,
    body.node-type-questionnaire-48h .styles-511-mt .form-radios .form-type-radio.radio {
        width: 100%;
        margin-right: 0;
        float: right;
        margin-bottom: 20px;
    }

    #edit-submitted-merci-de-preciser-a-quel-autre-type-de-medicaments-vous-etes-allergique-,
    #edit-submitted-merci-de-preciser-vos-autres-allergies-,
    #edit-submitted-merci-de-preciser-quel-autre-type-de-medicaments-,
    .webform-component-file.form-type-managed-file,
    .webform-component-textarea {
        width: 100% !important;
    }

    .motif-consultation-x:not(.form-group),
    .form-item-submitted-motif-consultation-mt-1:not(.form-group),
    .form-item-submitted-motif-consultation-mt-2:not(.form-group),
    .form-item-submitted-motif-consultation-mt-3:not(.form-group),
    .form-item-submitted-motif-consultation-mt-4:not(.form-group),
    .form-item-submitted-motif-consultation-mt-5:not(.form-group),
    .form-item-submitted-motif-consultation-mt-6:not(.form-group),
    .form-item-submitted-motif-consultation-mt-7:not(.form-group),
    .form-item-submitted-motif-consultation-mt-8:not(.form-group),
    .form-item-submitted-motif-consultation-mt-9:not(.form-group) {
        width: 100%;
        float: none;
    }

    .form-item-submitted-motif-consultation-1:not(.form-group):nth-child(2n),
    .form-item-submitted-motif-consultation-2:not(.form-group):nth-child(2n),
    .form-item-submitted-motif-consultation-3:not(.form-group):nth-child(2n),
    .form-item-submitted-motif-consultation-4:not(.form-group):nth-child(2n),
    .form-item-submitted-motif-consultation-5:not(.form-group):nth-child(2n),
    .form-item-submitted-motif-consultation-6:not(.form-group):nth-child(2n),
    .form-item-submitted-motif-consultation-7:not(.form-group):nth-child(2n),
    .form-item-submitted-motif-consultation-8:not(.form-group):nth-child(2n),
    .form-item-submitted-motif-consultation-9:not(.form-group):nth-child(2n),
    .form-item-submitted-motif-consultation-1:not(.form-group):nth-child(2n+1),
    .form-item-submitted-motif-consultation-2:not(.form-group):nth-child(2n+1),
    .form-item-submitted-motif-consultation-3:not(.form-group):nth-child(2n+1),
    .form-item-submitted-motif-consultation-4:not(.form-group):nth-child(2n+1),
    .form-item-submitted-motif-consultation-5:not(.form-group):nth-child(2n+1),
    .form-item-submitted-motif-consultation-6:not(.form-group):nth-child(2n+1),
    .form-item-submitted-motif-consultation-7:not(.form-group):nth-child(2n+1),
    .form-item-submitted-motif-consultation-8:not(.form-group):nth-child(2n+1),
    .form-item-submitted-motif-consultation-9:not(.form-group):nth-child(2n+1) {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* MT */
    .motif-consultation-x:not(.form-group),
    .form-item-submitted-motif-consultation-1:not(.form-group),
    .form-item-submitted-motif-consultation-2:not(.form-group),
    .form-item-submitted-motif-consultation-3:not(.form-group),
    .form-item-submitted-motif-consultation-4:not(.form-group),
    .form-item-submitted-motif-consultation-5:not(.form-group),
    .form-item-submitted-motif-consultation-6:not(.form-group),
    .form-item-submitted-motif-consultation-7:not(.form-group),
    .form-item-submitted-motif-consultation-8:not(.form-group),
    .form-item-submitted-motif-consultation-9:not(.form-group) {
        width: 100%;
        float: none;
    }

    .form-item-submitted-motif-consultation-mt-1:not(.form-group):nth-child(2n),
    .form-item-submitted-motif-consultation-mt-2:not(.form-group):nth-child(2n),
    .form-item-submitted-motif-consultation-mt-3:not(.form-group):nth-child(2n),
    .form-item-submitted-motif-consultation-mt-4:not(.form-group):nth-child(2n),
    .form-item-submitted-motif-consultation-mt-5:not(.form-group):nth-child(2n),
    .form-item-submitted-motif-consultation-mt-6:not(.form-group):nth-child(2n),
    .form-item-submitted-motif-consultation-mt-7:not(.form-group):nth-child(2n),
    .form-item-submitted-motif-consultation-mt-8:not(.form-group):nth-child(2n),
    .form-item-submitted-motif-consultation-mt-9:not(.form-group):nth-child(2n),
    .form-item-submitted-motif-consultation-mt-1:not(.form-group):nth-child(2n+1),
    .form-item-submitted-motif-consultation-mt-2:not(.form-group):nth-child(2n+1),
    .form-item-submitted-motif-consultation-mt-3:not(.form-group):nth-child(2n+1),
    .form-item-submitted-motif-consultation-mt-4:not(.form-group):nth-child(2n+1),
    .form-item-submitted-motif-consultation-mt-5:not(.form-group):nth-child(2n+1),
    .form-item-submitted-motif-consultation-mt-6:not(.form-group):nth-child(2n+1),
    .form-item-submitted-motif-consultation-mt-7:not(.form-group):nth-child(2n+1),
    .form-item-submitted-motif-consultation-mt-8:not(.form-group):nth-child(2n+1),
    .form-item-submitted-motif-consultation-mt-9:not(.form-group):nth-child(2n+1) {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* */
    .webform-component--introduction h4 {
        font-size: 20px;
    }

    .webform-component--introduction div.well {
        font-size: 17px;
    }
}

@media (max-width: 767px) {
    .navbar-content {
        background-color: transparent !important;
    }

    .navbar-header {
        display: block !important;
        width: auto !important;
        float: left;
    }

    .navbar-top-links {
        margin-right: 67px;
        font-size: 13px;
    }

    #webform-client-form-2 .webform-progressbar,
    form:not(#webform-client-form-2) .webform-progressbar {
        top: 59px;
        position: fixed;
        height: 3px;
        max-width: 100%;
    }

    .brand-text {
        font-size: 19px !important;
    }

    .brand-text strong {
        font-size: 19px !important;
    }
}

/* Specific Sizes behaviours */
@media screen and (max-width: 1090px) and (min-width: 769px),
(max-width: 1620px) and (min-width: 1180px) {

    #edit-submitted-a-quels-types-de-medicaments-etes-vous-allergique- .form-item.form-type-radio,
    #edit-submitted-merci-de-preciser-quelles-sont-vos-allergies- .form-item.form-type-radio {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        border-radius: 0 !important;
        margin-bottom: 0;
        border-bottom: none !important;
    }

    #edit-submitted-a-quels-types-de-medicaments-etes-vous-allergique- .form-item.form-type-radio:first-child,
    #edit-submitted-merci-de-preciser-quelles-sont-vos-allergies- .form-item.form-type-radio:first-child {
        border-top-left-radius: 28.5px !important;
        border-top-right-radius: 28.5px !important;
    }

    #edit-submitted-a-quels-types-de-medicaments-etes-vous-allergique- .form-item.form-type-radio:last-child,
    #edit-submitted-merci-de-preciser-quelles-sont-vos-allergies- .form-item.form-type-radio:last-child {
        border-bottom-left-radius: 28.5px !important;
        border-bottom-right-radius: 28.5px !important;
        border-bottom: 1px solid #fff !important;
    }
}

/* ************************* */
/* Small devices (landscape phones, 576px and down) */
@media (max-width: 576px) {

    body.not-logged-in.page-user #user-login,
    body.not-logged-in.page-user #user-pass,
    .create-account-block,
    #user-register-form,
    .sign-in-block,
    .page-user:not(.page-user-register) .region-content #user-login {
        padding: 25px;
    }

    #user-register-form .form-type-password {
        width: 100%;
    }

    .page-user .panel h3 {
        font-size: 28px;
        line-height: 31px;
    }

    #user-register-form .panel-heading {
        padding-left: 0;
        padding-right: 0;
    }

    #user-register-form .panel-heading .panel-title {
        font-size: 21px !important;
        padding-left: 0px;
        padding-right: 0px;
    }

    #edit-actions button {
        margin-bottom: 10px;
    }

    .human-image-container,
    .human-image-answer {
        height: 216px;
        width: 108px;
    }

    body.node-type-webform .styles-511 .form-radios .form-type-radio.radio,
    body.node-type-webform .styles-511-mt .form-radios .form-type-radio.radio,
    body.page-node-sid .styles-511 .form-radios .form-type-radio.radio,
    body.page-node-sid .styles-511-mt .form-radios .form-type-radio.radio,
    body.node-type-questionnaire-48h .styles-511 .form-radios .form-type-radio.radio,
    body.node-type-questionnaire-48h .styles-511-mt .form-radios .form-type-radio.radio {
        margin-right: 0px;
        margin-bottom: 16px;
        float: right;
    }

    body.node-type-webform .form-radios .form-type-radio.radio,
    body.page-node-sid .form-radios .form-type-radio.radio,
    body.node-type-questionnaire-48h .form-radios .form-type-radio.radio {
        display: block;
    }

    body.node-type-webform #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511):not(.motif-consultation-x)>.form-radios>.form-type-radio,
    body.node-type-webform #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511-mt):not(.motif-consultation-x)>.form-radios>.form-type-radio,
    body.page-node-sid #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511):not(.motif-consultation-x)>.form-radios>.form-type-radio,
    body.page-node-sid #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511-mt):not(.motif-consultation-x)>.form-radios>.form-type-radio,
    body.node-type-questionnaire-48h #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511):not(.motif-consultation-x)>.form-radios>.form-type-radio,
    body.node-type-questionnaire-48h #page-content>.row>.custom-col .panel.panel-body form .webform-component:not(.styles-511-mt):not(.motif-consultation-x)>.form-radios>.form-type-radio {
        margin-right: 0 !important;
        margin-bottom: 16px !important;
    }

    body.not-logged-in.page-user .nav-tabs>li {
        float: none;
        width: 100%;
        display: block;
    }

    body.not-logged-in.page-user .nav-tabs>li a {
        padding: 5px 0 !important;
        margin: 0;
    }

    body.not-logged-in.page-user legend.panel-heading,
    body.not-logged-in.page-user #page-content .panel-body {
        padding-left: 0;
        padding-right: 0;
    }

    .vdc-human-part-container {
        /* 				width: 40%; */
    }

    .human-image-container,
    .human-image-answer {
        left: 0;
    }

    body.node-type-webform .styles-511 .form-radios .form-type-radio.radio,
    body.node-type-webform .styles-511-mt .form-radios .form-type-radio.radio,
    body.page-node-sid .styles-511 .form-radios .form-type-radio.radio,
    body.page-node-sid .styles-511-mt .form-radios .form-type-radio.radio,
    body.node-type-questionnaire-48h .styles-511 .form-radios .form-type-radio.radio,
    body.node-type-questionnaire-48h .styles-511-mt .form-radios .form-type-radio.radio {
        /* 				    width: 90%; */
        padding: 6px 25px;
    }

    body.not-logged-in.page-user button.form-submit {
        padding: 6px 10px;
        width: 100%;
        font-size: 12px;
    }

    body.node-type-webform .form-actions,
    body.page-node-sid .form-actions,
    body.node-type-questionnaire-48h .form-actions {
        margin-top: 0px !important;
    }

    body.node-type-webform .form-actions button,
    body.page-node-sid .form-actions button,
    body.node-type-questionnaire-48h .form-actions button {
        /*
				    float: left !important;
				    width: 100%;
*/
        /* 				    position: absolute; */
    }

    body.node-type-webform button.webform-previous,
    body.page-node-sid button.webform-previous,
    body.node-type-questionnaire-48h button.webform-previous {
        /* 					top: 90px; */
        position: relative;
    }

    body.node-type-webform button.webform-next,
    body.page-node-sid button.webform-next,
    body.node-type-questionnaire-48h button.webform-next {
        /* 					top: 0; */
    }

    body.node-type-webform .form-actions,
    body.page-node-sid .form-actions,
    body.node-type-questionnaire-48h .form-actions {
        /* 				position: absolute; */
        /*
				left: 30px;
				right: 30px;
				bottom: 40px;
*/
    }

    body.page-node-62 a.btn {
        width: 100%;
        margin: 0 auto 15px auto;
    }

    .sign-in-block .sign-in-btn,
    .sign-in-block .sign-in-text {
        width: 100%;
        clear: left;
        text-align: center;
    }

    .sign-in-block .sign-in-text {
        margin-bottom: 15px;
    }

    .onedoc-logo {
        display: none;
    }

    #closing-hours {
        font-size: 10px;
        padding-right: 70px;
        padding-left: 70px;
    }

    .ProgressBar-stepLabel {
        font-size: 10px;
        word-wrap: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -o-hyphens: auto;
        hyphens: auto;
        padding-left: 1px;
        padding-right: 1px;
    }

    .motif-consultation-x:not(.form-group),
    div[id^="edit-submitted-motif-consultation"] .form-type-radio.radio,
    div[id^="edit-submitted-511-motif-consultation"] .form-type-radio.radio {
        width: 100%;
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    div[id^="edit-submitted-motif-consultation"] .form-type-radio.radio:nth-child(2n),
    div[id^="edit-submitted-511-motif-consultation"] .form-type-radio.radio:nth-child(2n) {
        margin-left: 0px !important;
    }

    div[id^="edit-submitted-motif-consultation"] .form-type-radio.radio:nth-child(2n+1),
    div[id^="edit-submitted-511-motif-consultation"] .form-type-radio.radio:nth-child(2n+1) {
        margin-right: 0px !important;
    }

    body.not-logged-in.page-user #edit-profile-patient-field-date-de-naissance-und-0-value .form-item-profile-patient-field-date-de-naissance-und-0-value-year {
        width: 100%;
    }

    body.not-logged-in.page-user #edit-profile-patient-field-date-de-naissance-und-0-value .form-item-profile-patient-field-date-de-naissance-und-0-value-month {
        width: 50%;
        padding-left: 10px !important;
        padding-right: 0 !important;
    }

    body.not-logged-in.page-user #edit-profile-patient-field-date-de-naissance-und-0-value .form-item-profile-patient-field-date-de-naissance-und-0-value-day {
        width: 50%;
        padding-right: 10px !important;
        padding-left: 0 !important;
    }

    /*
			div[id^="edit-submitted-motif-consultation"] .form-type-radio.radio label.control-label {
			    font-size: 16px !important;
			    padding-top: 15px;
			    min-height: 81px;
			}
			.motif-consultation-x:not(.form-group)::before, div[id^="edit-submitted-motif-consultation"] .form-type-radio.radio::before {
			    height: 35px;
			    width: 35px;
			}
			.motif-consultation-x:not(.form-group) label, div[id^="edit-submitted-motif-consultation"] .form-type-radio.radio label {
			    padding-left: 45px !important;
			}
*/
}

.form-managed-file .form-submit.ajax-processed.btn.hidden {
    display: none;
}

/*
.form-managed-file .form-submit.ajax-processed.btn.visible {
    display: inline-block;
}
*/

/* REMOVE BACKGROUND OF WEBFORM GROUP OF FIELDS */
fieldset.webform-component-fieldset {
    background: none;
}

/*
.form-actions{
	display:none;
}
*/

.block-system a {
    color: #ffffff;
}

.block-system a:hover,
.block-system a:focus {
    opacity: 0.7;
}
.simple-register .fieldset-legend {
	display: none !important;
}
.simple-register h3{
	display: none !important;
}
.simple-register fieldset.panel{
	margin-bottom: 0px !important;
}