@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

body,
html {
    font-family: "Raleway", sans-serif;
    background-color: #12121e;
    color: #fff;
    font-size: 16px;
}

.powered-by {
    visibility: hidden;
}

.youday-form-content #sendButtonIcon {
    display: none !important;
}

div.youday-form.frame {
    background-color: #12121e !important;
    width: 700px;
    min-width: 320px;
    margin: 0 auto;
    margin-top: 80px;
    padding: 5px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
}

.youday-form-content #youday-send-form {
    font-size: 16px;
    font-family: "Raleway", sans-serif;
    fill: #12121e;
    color: #12121e;
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-radius: 22px;
    padding: 4px 34px;
    /* Ajout de la transition */
    transition: background-color 0.5s ease, color 0.5s ease;
}

.youday-form-content #youday-send-form:hover,
.youday-form-content #youday-send-form:focus {
    background-color: #12121e;
    /* Noir */
    color: #fff;
    /* Texte blanc */
    border-color: #fff;
}

.youday-form-content .button-bar {
    clear: both;
    padding-top: 15px;
    text-align: center !important;
}

.youday-form-content {
    width: 800px;
    font-family: "Raleway", sans-serif;
    padding: 10px;
    margin: 0 auto;
    font-size: 16px;
}

.form-control {
    height: 45px !important;
    font-family: "Raleway", sans-serif !important;
    font-size: 16px !important;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

textarea,
select,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="button"],
input[type="password"],
input[type="url"],
input[type="file"],
input[type="search"],
select,
.form-date,
.file-widget {
    -webkit-appearance: none;
    display: block;
    width: 100%;
    max-height: 64px;
    box-shadow: none;
    max-width: 100%;
    margin-bottom: 1.5rem;
}

[type='text'],
[type='password'],
[type='date'],
[type='datetime'],
[type='datetime-local'],
[type='month'],
[type='week'],
[type='email'],
[type='number'],
[type='search'],
[type='tel'],
[type='time'],
[type='url'],
[type='color'],
select,
textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 3.94rem;
    /*margin: 0 0 1rem;
    padding: 1rem 1.5rem !important;*/
    border: 2px solid #ECF0EA !important;
    border-radius: 8px !important;
    background-color: #fff;
    box-shadow: none;
    font-family: "Poppins";
    font-size: 1.5rem !important;
    font-weight: 400;
    line-height: 1.78 !important;
    color: #000;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    appearance: none;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 24px;
    padding-right: 24px;
}

.input-group-addon:last-child {
    background-color: #eee;
    border: 2px solid #ECF0EA;
}

.input-group-addon {
    border-radius: 8px;
}

.youday-form-content .control-label {
    font-weight: 500;
}

.backstretch {
    display: none;
}

@media only screen and (max-width: 480px) {
    div.youday-form.frame {
        /*background-color: #fff;*/
        width: 380px;
        min-width: 120px;
        margin: 0 auto;
        margin-top: 80px;
        padding: 5px;
    }
}

.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9 {
    float: none;
}

.col-sm-8 {
    width: auto !important;
}

.col-sm-4 {
    width: auto !important;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    padding: 0;
    padding-bottom: 1rem;
}

.youday-form-content .alert-success {
    font-weight: 400;
    border-left: none;
    border-radius: 8px;
}

.youday-form-content .alert-error {
    font-weight: 400;
    border-left: none;
    border-radius: 8px;
}

.youday-form-content .switch {
    width: auto !important;
    height: auto !important;
}

.switchery-small {
    border-radius: 8px !important;
    height: 30px;
    width: 30px;
}

.switchery-small small {
    display: none !important;
}

input[type="checkbox"] {
    border: 1px solid transparent;
}

input[type="checkbox"]:checked {
    border: 1px solid #000;
}

/* Form input modifier */
/* Field key : ZZ889428BD */
/* Label modifier */
label[for="form-99b47efb-1-ZZ889428BD\.Id"] {
    visibility: hidden;
    position: relative;
    width: 100% !important;
}

label[for="form-99b47efb-1-ZZ889428BD\.Id"]:after {
    text-align: left;
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: '1 - Sur une échelle de 1 à 5, comment évaluez-vous globalement votre expérience lors de la réalisation de cet évènement ?';
}

/* Field key : ZZE575142A */
/* Label modifier */
label[for="form-99b47efb-1-ZZE575142A\.Id"] {
    visibility: hidden;
    position: relative;
    width: 100% !important;
}

label[for="form-99b47efb-1-ZZE575142A\.Id"]:after {
    text-align: left;
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: '2 - Sur une échelle de 1 à 5, comment évaluez-vous cet évènement par rapport à vos attentes initiales en termes d’engagement RSE ?';
}

/* Field key : ZZ2C4369BD */
/* Label modifier */
label[for="form-99b47efb-1-ZZ2C4369BD\.Id"] {
    visibility: hidden;
    position: relative;
    width: 100% !important;
}

label[for="form-99b47efb-1-ZZ2C4369BD\.Id"]:after {
    text-align: left;
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: '3 - Sur une échelle de 1 à 5, comment évaluez-vous OPA TURQUOISE sur les solutions éco conçues, de réemploi, de recyclage pour préserver l\’environnement ?';
}

/* Field key : ZZDEB822B5 */
/* Label modifier */
label[for="form-99b47efb-1-ZZDEB822B5\.Id"] {
    visibility: hidden;
    position: relative;
    width: 100% !important;
}

label[for="form-99b47efb-1-ZZDEB822B5\.Id"]:after {
    text-align: left;
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: '4 - Sur une échelle de 1 à 5, comment percevez-vous les mesures déployées par OPA TURQUOISE en matière de santé et sécurité des participants sur évènement ?';
}

/* Field key : ZZ9F733287 */
/* Label modifier */
label[for="form-99b47efb-1-ZZ9F733287\.Id"] {
    visibility: hidden;
    position: relative;
    width: 100% !important;
}

label[for="form-99b47efb-1-ZZ9F733287\.Id"]:after {
    text-align: left;
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: '5 - Sur une échelle de 1 à 5, comment évaluez-vous votre relation commerciale avec OPA TURQUOISE lors de la production du projet (qualité de l’écoute et la compréhension de vos attentes) ?';
}