@charset "UTF-8";
/** @author Michel Dumont <michel.dumont.io> @version 1.0.0 - 2022-05-11 @copyright Michel Dumont @license Tous droits réservés / Le droit d'auteur s'applique (All rights reserved / French copyright law applies) @package prestashop 1.7 */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

#toggleCustomerModal a, #toggleCustomerModal button { border: unset; background: unset; cursor: pointer; }

#mainCustomerModal .modal-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.5rem; }
#mainCustomerModal .modal-body > a { width: 100% !important; padding: 0 !important; }
#mainCustomerModal .modal-body > a i { font-size: 2rem; margin-right: .5rem; }
#mainCustomerModal .modal-body > a:not([href]) { opacity: .6; cursor: default; }
#mainCustomerModal .modal-body#mainCustomerModal-languages { -webkit-box-flex: unset; -ms-flex: unset; flex: unset; }

/** #region Bootstrap modal Left/Right {*/
.modal.left .modal-dialog, .modal.right .modal-dialog { position: fixed; margin: auto; height: 100vh; top: 0; -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); width: 100%; max-width: 80%; }
@media (min-width: 680px) { .modal.left .modal-dialog, .modal.right .modal-dialog { width: 420px; } }

.modal.left .modal-content, .modal.right .modal-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; height: 100%; width: 100%; border-radius: 0; }
.modal.left .modal-content > div, .modal.right .modal-content > div { z-index: 1; }
.modal.left .modal-content .modal-header, .modal.right .modal-content .modal-header { text-align: center; }
.modal.left .modal-content .modal-header .close, .modal.right .modal-content .modal-header .close { position: absolute; top: 20px; left: -60px; color: #fff; opacity: 1; }
.modal.left .modal-content .modal-body, .modal.right .modal-content .modal-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; overflow-y: auto; overflow-x: hidden; }
.modal.left .modal-content .modal-loading, .modal.right .modal-content .modal-loading { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); }
.modal.left .modal-content .modal-loading.in, .modal.right .modal-content .modal-loading.in { z-index: 100; }
.modal.left .modal-content .modal-loading .wrap, .modal.right .modal-content .modal-loading .wrap { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.modal.left .modal-body, .modal.right .modal-body { padding: 15px 15px 80px; }

/*Left*/
.modal.left.fade .modal-dialog { -webkit-transition: opacity 0.3s linear, left 0.3s ease-out; -o-transition: opacity 0.3s linear, left 0.3s ease-out; transition: opacity 0.3s linear, left 0.3s ease-out; left: -100%; }
@media (min-width: 680px) { .modal.left.fade .modal-dialog { left: -420px; } }

.modal.left.fade.in .modal-dialog { left: 0; }

/*Right*/
.modal.right.fade .modal-dialog { -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out; right: -100%; }
@media (min-width: 680px) { .modal.right.fade .modal-dialog { right: -420px; } }

.modal.right.fade.in .modal-dialog { right: 0; }

@-webkit-keyframes rotate { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes rotate { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
.spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: .25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border 1.75s linear infinite; animation: rotate 2s linear infinite; }

/* #endregion Bootstrap modal */