/* Powermail extension */
.parsley-required, .parsley-custom-error-message, .parsley-range {color: #ff0000; font-size: 95%;}
/* rte */
.page p.text-center {text-align: center;}
p.text-right{text-align: right;}
p.text-left{text-align: left;}
.page .content .text-wrap ul li.parsley-required {list-style-type: none; background: none;}
.page .content ul.parsley-errors-list.filled {margin-bottom: 0;}
.powermail_form legend {display: none;}
.tx-powermail {margin: 1.5em 0;}
.page .content .tx-powermail .powermail_field h3 {margin: 0 0 1em 0; display: inline-flex; padding: 1em 0 0 0;}
.tx-powermail h3 small { margin: 0 5em 0 1em; color: #002e61;}
.tx-powermail p strong {font-weight: 700;}
.tx-powermail .form-group.radio label {font-weight: 100; padding-left: 0;}

.powermail_label {padding: 0.5em 0 0.3em 0; font-weight: 700; color: #1f292e;}
.powermail_field .radio-inline {display: inline-block; position: relative; margin-top: 10px; margin-bottom: 10px;}
.tx_powermail_pi1_form label {float: none; display: inline;}

.tx-powermail a.tooltip {color: #fff; width: 150px; z-index: 15000; text-align:left; display: inline; opacity: 100;}
.tx-powermail a.tooltip span {display:none; padding:2px 3px; margin-left:1.5em; width:300px;}
.tx-powermail a.tooltip:hover span {display:inline; position:absolute; background:#ccc; border:1px solid #6c6c6c; color:#333;}
.tx-powermail .checkbox a {margin-left: 0.5em;}

.tx_powermail_pi1_form fieldset {border-width: 0; position: relative;}
.tx_powermail_pi1_form fieldset legend {display: none;}

/*  Reduce width for each fields - mise en option */
.form-group .powermail_date {width: 25%;}
.form-group .powermail_input, .form-group .powermail_captcha, .form-group .powermail_select, .form-group .powermail_country {width: 50%;}
.form-group #powermail_field_zipcode,
.form-group #powermail_field_ville,
.form-group #powermail_field_fixe,
.form-group #powermail_field_mobile,
.form-group #powermail_field_portable
{
    width: 20%;
}

.powermail_field p.note {font-style: italic; font-size: 1.6rem;}
.powermail_field #powermail_field_message,
.powermail_field #powermail_field_equipments,
.powermail_field #powermail_field_remarques,
.powermail_field #powermail_field_fitting {width: 50%;}
#powermail_captchaimage {padding: 0.5em 0;}

.powermail_form.form-horizontal .checkbox_row_1 {padding: 1.2em 0 0 0;}
.powermail_form.form-horizontal input.btn-success, .powermail_form.demande-devis input.btn-success, .powermail_form .powermail_field input.powermail_submit {background: #C1CD23; border: 0; border-radius: 0; font-size: 2.3rem; font-weight: 700; margin: 0.5em 0;}
.powermail_form .powermail_field input.powermail_submit {color: #ffffff;}
.powermail_form.form-horizontal input.btn-success:active:focus {background: #D2F004;}
.page .powermail_form.form-horizontal p {font-size: 0.9em; margin: 0.8em 0;}
.powermail_message .powermail_message_error {color: #ff0000;}
.powermail_fieldwrap_type_submit {text-align: center;}
.powermail_file {padding-left: 1.5rem;}

/* Checkbox alignments - see https://stackoverflow.com/questions/10699343/using-after-to-clear-floating-elements */
.tx-powermail .checkbox_block {display: inline-block; vertical-align: top; margin-right: 3em;}
.tx-powermail .checkbox_block_last {display: inline-block; vertical-align: top;}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.tx-powermail .powermail_fieldwrap_consentement {
    margin-left:25.5%;
}

@media screen and (max-width: 768px) {
    .tx-powermail .powermail_fieldwrap_consentement {
        margin-left:0;
        width:50%;
    }
}

.tx-powermail .demande-devis .powermail_fieldwrap_consentement {
    width:100%;
    margin-left:0;
    margin-top:70px;
}

.tx-powermail .powermail_fieldwrap_consentement label {
    font-weight:inherit !important;
}

.clearfix:after {
    clear: both;
}

/* IE 6 & 7 */
.clearfix {
    zoom: 1;
}
html[xmlns] .checkbox_block_last {display: block;}
* html .checkbox_block_last {height: 1%;}

.form-group #powermail_field_places_assises.powermail_input, .form-group #powermail_field_budget.powermail_input,
.form-group #powermail_field_kilometrage_annuel_prev.powermail_input, .form-group #powermail_field_fauteuils_roulants.powermail_input {width: 15%;}
.form-group.powermail_fieldwrap_codeverif {clear:left; padding: 2em 0 0 0;}

.form-group #powermail_field_marque_vehicule.powermail_input,
.form-group #powermail_field_annee_vehicule.powermail_input,
.form-group #powermail_field_marque_fauteuil.powermail_input,
.form-group #powermail_field_modele_fauteuil.powermail_input,
.form-group #powermail_field_ville_depart.powermail_input,
.form-group #powermail_field_duree_souhaitee.powermail_input,
.form-group #powermail_field_mensualite_souhaitee.powermail_input {width: 20%;}
.g-recaptcha {width: 75%; float: left; padding: 0 0 0 1rem;}
.powermail_fieldwrap_verification-devis {margin-top: 2rem;}

/* Edit add - display pictures */
.powermail_fieldwrap .images-list li img {max-width: 200px;}
.powermail_field .small-block-grid-3 li img {max-width: 250px;}
.powermail_fieldwrap_stored_images {width: 75%;}

/* Powermail messages */
.tx-powermail .powermail_message{padding:5px 0 10px 20px;min-height:65px;background-color:#EBCCD1;border:1px solid #A94442;background-position:98% 10px;background-repeat:no-repeat;list-style:circle}.tx-powermail .powermail_message li{padding:5px 50px 0 0;border:none;background:none}.tx-powermail .powermail_message.powermail_message_ok{background-image:url("/typo3conf/ext/powermail/Resources/Public/Image/icon_ok.png");background-color:#CDEACA;border:1px solid #3B7826}.tx-powermail .powermail_message.powermail_message_ok li{color:#3B7826}.tx-powermail .powermail_message.powermail_message_error{background-image:url("/typo3conf/ext/powermail/Resources/Public/Image/icon_error.png")}.tx-powermail .powermail_message.powermail_message_error li{color:#A94442}.tx-powermail .powermail_message.powermail_message_note{background-image:url("/typo3conf/ext/powermail/Resources/Public/Image/icon_ok.png");background-color:#FCF8E3;border:1px solid #FFCA4B; margin: 0.5em 0 2em 0;}.tx-powermail .powermail_message.powermail_message_note li{color:#FFCA4B}


/* dot image in powermail forms */
.form-group .postfix, .demande_devis .postfix {vertical-align: top;}

.demande_devis input[type="checkbox"]  {position: inherit;}
.demande_devis h3 {font-size: 1.6rem; font-weight: 400; color: #000000;}

/* Update criterias */
form#alerte input.btn.btn-success {background: #C1CD23; font-size: 1.3em; padding: 0.3em 0.8em; border-radius: 0; border: none;}
.typo3-messages {margin: 1em 0;}
#ads-management-desktop {margin: 2em 0;}
#ads-management-desktop img.illustration {max-width: 250px;}
#ads-management-desktop td.title {width: 20%;}
.page .btn-actions ul {margin: 1em 0; padding: 0;}
.page .btn-actions ul li {display: inline-block; margin-right: 0.5em; font-size: 1.4rem;}
.page .btn-actions ul li a {color: #ffffff;}
.page .btn-actions ul li a:hover {text-decoration: none;}

/* Images CE - image alignment */
.ce-image {}
.ce-image.ce-center {text-align: center;}
.ce-image .ce-outer .ce-inner .ce-row {display: block; width: 100%; margin: auto 0;}
.ce-image .ce-outer .ce-inner .ce-row .ce-column {float: left;}
.ce-image .ce-outer .ce-inner .ce-row .ce-column img {padding: 1em;}
.ce-image .ce-outer:after {clear: both;}

.ce-above .ce-gallery .ce-row img {margin: 1em 0 1em 0;}
.ce-gallery .ce-column img {max-width: 100%} /* Issue 53 */

/* one item */
.ce-image .ce-outer .ce-inner .ce-row .ce-column:first-child:nth-last-child(1) {
    width: 100%;
}

/* two items */
.ce-image .ce-outer .ce-inner .ce-row .ce-column:first-child:nth-last-child(2),
.ce-image .ce-outer .ce-inner .ce-row .ce-column:first-child:nth-last-child(2) ~ .ce-column {
    width: 50%;
}

/* three items */
.ce-image .ce-outer .ce-inner .ce-row .ce-column:first-child:nth-last-child(3),
.ce-image .ce-outer .ce-inner .ce-row .ce-column:first-child:nth-last-child(3) ~ .ce-column {
    width: 33.3333%;
}

/* four items */
.ce-image .ce-outer .ce-inner .ce-row .ce-column:first-child:nth-last-child(4),
.ce-image .ce-outer .ce-inner .ce-row .ce-column:first-child:nth-last-child(4) ~ .ce-column {
    width: 25%;
}

.page table tr.tarifs_jaune {background-color: #f4f22b;}
.page table tr.tarifs_bleu {background-color: #7291d7;}
.logout-btn {padding: 1.5rem; margin-right: 0; margin-left: 0; border-width: .2rem;}
.flash-message {clear: both; margin: 2em 0 0 0;}

/* Boostrap 4 */
.padding-xs { padding: .25em; }
.padding-sm { padding: .5em; }
.padding-md { padding: 1em; }
.padding-lg { padding: 1.5em; }
.padding-xl { padding: 3em; }

.padding-x-xs { padding: .25em 0; }
.padding-x-sm { padding: .5em 0; }
.padding-x-md { padding: 1em 0; }
.padding-x-lg { padding: 1.5em 0; }
.padding-x-xl { padding: 3em 0; }

.padding-y-xs { padding: 0 .25em; }
.padding-y-sm { padding: 0 .5em; }
.padding-y-md { padding: 0 1em; }
.padding-y-lg { padding: 0 1.5em; }
.padding-y-xl { padding: 0 3em; }

.padding-top-xs { padding-top: .25em; }
.padding-top-sm { padding-top: .5em; }
.padding-top-md { padding-top: 1em; }
.padding-top-lg { padding-top: 1.5em; }
.padding-top-xl { padding-top: 3em; }

.padding-right-xs { padding-right: .25em; }
.padding-right-sm { padding-right: .5em; }
.padding-right-md { padding-right: 1em; }
.padding-right-lg { padding-right: 1.5em; }
.padding-right-xl { padding-right: 3em; }

.padding-bottom-xs { padding-bottom: .25em; }
.padding-bottom-sm { padding-bottom: .5em; }
.padding-bottom-md { padding-bottom: 1em; }
.padding-bottom-lg { padding-bottom: 1.5em; }
.padding-bottom-xl { padding-bottom: 3em; }

.float-right {float: right !important;}
.float-left {float: left !important;}
.float-none {float: none !important;}

div.slick-list.draggable{
    height: auto!important;
}