/**
 * 2008 - 2017 (c) Prestaboost
 *
 * MODULE PrestaBoost
 *
 * @author    Prestaboost
 * @copyright Copyright (c) permanent, Prestaboost
 * @license   Commercial
 * @version    4.0.5
 */

.modal-open { overflow: hidden; }

.modal { z-index: 99999; display: none; overflow: auto; overflow-y: scroll; position: fixed; top: 0; right: 0; bottom: 0; left: 0; -webkit-overflow-scrolling: touch; outline: 0; }
.modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }
.modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

.modal-dialog { position: relative; width: auto; margin: 10px; }

.modal-content { position: relative; background-color: white; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: none; }

.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; }
.modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); }
.modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); }

.modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.42857px; }

.modal-header .close { margin-top: -2px; }

.modal-title { margin: 0; line-height: 1.42857; }

.modal-body {
	position: relative;
	padding: 20px;
}

.modal-footer { margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5; }
.modal-footer:before, .modal-footer:after { content: " "; display: table; }
.modal-footer:after { clear: both; }
.modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; }
.modal-footer .btn-group .btn + .btn { margin-left: -1px; }
.modal-footer .btn-block + .btn-block { margin-left: 0; }

@media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; }
  .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm { width: 300px; } }

body.display-modal #content, body.display-modal #main { z-index: 99998; margin: 0; padding: 0; background: #f8f8f8; }

/* =========================================================
   POPUP PRESTABOOST — CORRECTIF RESPONSIVE + BOUTON
   ========================================================= */

.modal.prestaboost-content .modal-dialog {
  display: table !important;
  width: auto !important;
  max-width: calc(100% - 24px) !important;
  margin: 20px auto !important;
  box-sizing: border-box !important;
}

.modal.prestaboost-content .modal-content {
  width: fit-content !important;
  max-width: 100% !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
}

.modal.prestaboost-content .modal-body {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.modal.prestaboost-content .modal-body img,
.modal.prestaboost-content img {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

/* Footer */
.modal.prestaboost-content .modal-footer {
  text-align: center !important;
  border-top: 0 !important;
  padding: 14px 16px 18px !important;
  margin-top: 0 !important;
}

/* Bouton fermeture */
.modal.prestaboost-content .modal-footer .btn.btn-default {
  background: #003b73 !important;
  color: #ffffff !important;
  border: 1px solid #003b73 !important;
  border-radius: 6px !important;
  padding: 10px 18px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.18) !important;
  opacity: 1 !important;
}

.modal.prestaboost-content .modal-footer .btn.btn-default:hover,
.modal.prestaboost-content .modal-footer .btn.btn-default:focus {
  background: #002f5c !important;
  border-color: #002f5c !important;
  color: #ffffff !important;
}

/* Mobile */
@media (max-width: 767px) {
  .modal.prestaboost-content .modal-dialog {
    display: block !important;
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    margin: 12px auto !important;
  }

  .modal.prestaboost-content .modal-content {
    width: 100% !important;
    max-width: 100% !important;
  }

  .modal.prestaboost-content .modal-body img,
  .modal.prestaboost-content img {
    width: 100% !important;
    max-width: 100% !important;
  }

  .modal.prestaboost-content .modal-footer {
    padding: 12px 14px 16px !important;
  }

  .modal.prestaboost-content .modal-footer .btn.btn-default {
    width: 100% !important;
    max-width: 260px !important;
  }
}