/* ============================================ *
 * FORMS - COMMON
 * ============================================ */

button, input[type=reset], input[type=button], input[type=submit], input[type=checkbox], input[type=radio], select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

button, optgroup, input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text], select, textarea {
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #1D1D1B;
    font-size: 16px;
    padding: 4px 0;
    max-width: 100%;
}

@media only screen and (min-width: 980px) {
    button, input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text], select, textarea {
        font-size: 15px;
    }
}

button {
    border: 0;
    cursor: pointer;
    padding: 0;
    height: 34px;
}

select, textarea {
    border-radius: 0;
}

textarea {
    width: 100%;
}

/* -------------------------------------------- *
 * Placeholder
 */

::-webkit-input-placeholder {
    color: #d4d4d4;
    font-size: 1em;
    opacity: .7;
    line-height: 24px;
}

::-moz-placeholder {
    color: #d4d4d4;
    font-size: 1em;
    opacity: .7;
}

:-ms-input-placeholder {
    color: inherit;
    font-size: 1em;
    font-family: "HelveticaNeue-LightItalic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    opacity: .7;
}

:-moz-placeholder {
    color: inherit;
    font-size: 1em;
    font-family: "HelveticaNeue-LightItalic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    opacity: .7;
}


/* ERROR */

.onestepcheckout-error, .validation-advice {
    font-family: "HelveticaNeue-LightItalic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-top: 4px;
    margin-bottom: 8px;
    font-size: .925em;
    color: red;
    text-align: left;
}

.onestepcheckout-error a {
    text-decoration: underline;
}

/* CUSTOM SELECT */

.custom-select {
    position: relative;
    display: inline-block;
    padding: .25em 0;
    border: 0;
    background-color: inherit;
    border-bottom: 1px solid #1D1D1B;
}

.custom-select select {
    border: none;
    padding: 0 1em 0 0;
    position: relative;
    z-index: 1;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: none;
    background-color: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.custom-select i {
    position: absolute;
    right: .4em;
    top: 2px;
}

.custom-select i:before {
    font-size: .8em;
}

/* CUSTOM RADIO/CHECKBOX */

.custom-input {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 1.85em;
}

.custom-input input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: transparent;
    border-style: solid;
    border-width: 1px;
}

.custom-input--radio .checkmark {
    border-radius: 50%;
    top: 2px;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.custom-input input:checked~.checkmark:after {
    display: block;
}

.custom-input .checkmark:after {
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
}

.custom-input.custom-input--radio .checkmark:after {
    border-radius: 50%;
}

.custom-input+.custom-input {
    margin-left: 1.25em;
}

/* MOB FORMS */

.required {
    position: relative;
    top: -4px;
}

.input-box {
    position: relative;
    margin-bottom: .85em;
}

.input-box--submit, .input-box--footer {
    margin-top: 1.85em;
}

@media only screen and (min-width: 980px) {
    .input-box--footer {
        margin: 2.75em auto;
        max-width: 288px;
    }
}

.input-box--submit .mob-cta {

}

.input-box--submit .mob-cta+.mob-cta {
    margin-top: 1.25em;
}

.input-box:not(.input-box--labelvisible) label {
    display: none;
    margin-bottom: .25em;
}

.input-box .custom-select {
    width: 100%;
}

.input-box input[type=text], .input-box input[type=password], .input-box input[type=email], .input-box input[type=number], .input-box input[type=tel] {
    width: 100%;
}

.input-box input[type=checkbox]+label, .input-box input[type=radio]+label {
    display: inline-block;
    margin-bottom: 0;
    margin-left: .55em;
}

.input-box--file {
    cursor: pointer;
}

.input-box--file [type="file"] {
    cursor: pointer;
    z-index: 10;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

/* DOB */

.dob-fields:after {
    content: '';
    display: table;
    clear: both;
}

.dob-day, .dob-month, .dob-year {
    width: 31%;
    float: left;
    margin-right: 3.5%;
}

.newsletter-wrapper .dob-day, .newsletter-wrapper .dob-month, .newsletter-wrapper .dob-year {
    float: right;
}

.dob-day.fr {
    float: left;
}

.dob-year {
    margin-right: 0;
}

/* TITLE */

.customer-title .custom-input--radio {
    display: inline-block;
    margin-right: 1.25em;
}

/* DATE PICKER */

.mob-datepicker {
    position: relative;
}

.mob-datepicker .icon-calendar {
    position: absolute;
    right: 1em;
    bottom: .3em;
}

.mob-datepicker__input {
    position: relative;
    cursor: pointer;
    z-index: 10;
}

.mob-datepicker .ui-datepicker-trigger {
    display: none;
}

.ui-datepicker {
    display: none;
    border: solid 1px;
    background-color: inherit;
    margin-top: .4em;
    padding: 1em;
}

.ui-datepicker-header {
    position: relative;
}

.ui-datepicker-title {
    font-size: 1.25em;
    padding-top: .2em;
    padding-bottom: .2em;
    text-transform: uppercase;
    text-align: center;
}

.ui-datepicker-next, .ui-datepicker-prev {
    cursor: pointer;
    position: absolute;
    top: .5em;
    right: .35em;
    font-size: 2.5em;
    line-height: 0;
}

.ui-datepicker-next .ui-icon, .ui-datepicker-prev .ui-icon {
    opacity: 0;
}

.ui-datepicker-prev {
    left: .35em;
    right: auto;
}

.ui-datepicker-next.ui-state-disabled, .ui-datepicker-prev.ui-state-disabled {
    opacity: 0;
}

.ui-datepicker-next:after {
    content: ">";
    font-size: .45em;
}

.ui-datepicker-prev:before {
    content: "<";
    font-size: .45em;
}

.ui-datepicker-calendar {
    width: 100%;
}

.ui-datepicker-calendar th, .ui-datepicker-calendar td {
    text-align: center;
    padding: .5em;
}

.ui-datepicker-calendar th {
    text-transform: uppercase;
}

.ui-state-default {
    padding: .25em;
    border-style: solid;
    border-width: 2px;
    border-color: transparent;
}

.ui-state-disabled {
    opacity: .35;
}

.ui-datepicker-today {
    text-decoration: underline;
}

/* FB BUTTON */

.facebook-connect {
    width: 100%;
}

/* PERSONAL DATA LINK / REQUIRED FIELD */

.input-box--infos {
    padding-top: .75em;
    margin-bottom: 0;
    font-size: .825em;
}

.input-box--infos a {
    /* text-decoration: underline; */
}

.input-box--infos:after {
    content: '';
    display: table;
    clear: both;
}

.input-box--infos__left {
    float: left;
    width: 48%;
    text-align: left;
}

.input-box--infos__right {
    float: right;
    text-align: right;
    width: 48%;
}
.meeting-space select, .participants-meeting select{
    width: 85%!important;
}
.meeting-space, .participants-meeting{
    margin: 0;
    width: 100%;
}

.validation-advice{
    margin-top: 0%!important;
}