/* ---- GLOBAL ---- */ body.mb_account_not-connected #account-sidebar, body.mb_account_page nav, body.mb_account_page #info-container, body.mb_account_page .popup-window, body.mb_account_page #headerResponsive, body.mb_account_page #navresponsive, body.mb_account_page footer, body.mb_account_page .grecaptcha-badge {display: none; opacity: 0; visibility: hidden;} body.mb_account_page #info-container {display: block; top: unset; bottom: 100vh;} body.mb_account_page .colorGray {color: #808080;} body.mb_account_page .txtBold {font-weight: bold;} body.mb_account_page .txtSemiBold {font-weight: 600;} body.mb_account_page .title2 {font-size: 32px; line-height: 1.2;} body.mb_account_page .title3 {font-size: 24px; line-height: 1.2;} body.mb_account_page .title3 + *:not(.noTitlePadding), body.mb_account_page .title3 + .noTitlePadding + *:not(.noSubTitlePadding) {margin-top: 30px;} body.mb_account_page .title3 + .noTitlePadding {margin-top: 10px;} body.mb_account_page .subTitleGray {margin-top: 10px; font-weight: 600; color: #808080;} body.mb_account_page footer, body.mb_account_page footer #ariane {margin-top: 0;} body.mb_account_page .bandeauImg {position: relative; max-width: 800px; border-radius: 15px; overflow: hidden; line-height: 0; margin-left: auto; margin-right: auto;} body.mb_account_page .bandeauImg>img {width: 100%;} body.mb_account_page .littleTxt, body.mb_account_page .account-form>.champs>label.checkbox-label, body.mb_account_page .account-form>.champs label.radio-label {font-size: 13px;} body.mb_account_page .account-form>.messages-form {margin-bottom: 30px;} body.mb_account_page .account-form>.messages-form>p, body.mb_account_garage #account-contenu>.add-old-bikes>.messages-form>p, body.mb_account_garage #account-contenu>.bikes-deroulants>.success-delete {background-color: #F2F2F2; color: #000000; font-weight: 600; font-size: 14px; padding: 15px 25px; border-radius: 20px;} body.mb_account_page .account-form>.messages-form>p.error-msg, body.mb_account_garage #account-contenu>.add-old-bikes>.messages-form>p.error-msg {background-color: rgba(255,0,0,0.05); color: red;} body.mb_account_page .account-form>.messages-form>p.error-msg a, body.mb_account_garage #account-contenu>.add-old-bikes>.messages-form>p.error-msg a {color: red;} body.mb_account_page .account-form>.messages-form>p.success-msg, body.mb_account_garage #account-contenu>.add-old-bikes>.messages-form>p.success-msg, body.mb_account_garage #account-contenu>.bikes-deroulants>.success-delete {background-color: rgba(0,128,0,0.05); color: #008000;} body.mb_account_settings #account-contenu>.settings-mail form.account-form>.messages-form>p.success-msg {background-color: rgba(255, 165, 0, 0.1); color: #FFA500;} body.mb_account_settings #account-contenu>.settings-mail form.account-form>.messages-form>p.success-msg a {color: #FFA500;} body.mb_account_page .account-form>.messages-form>p.success-msg a, body.mb_account_garage #account-contenu>.add-old-bikes>.messages-form>p.success-msg a, body.mb_account_garage #account-contenu>.bikes-deroulants>.success-delete a {color: #008000;} body.mb_account_page .account-form>.champs .row-twoColumns {display: -ms-grid; display: grid; grid-gap: 20px; gap: 20px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;} body.mb_account_page .account-form>.champs .radioLineChoice {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-gap: 7px 30px; gap: 7px 30px;} body.mb_account_page .account-form>.champs label {display: block;} body.mb_account_page .account-form>.champs label input, body.mb_account_page .account-form>.champs label select, body.mb_account_page .account-form textarea.field_textarea {-webkit-appearance: none; appearance: none; border: 0; background-color: #FFF;} body.mb_account_page .account-form>.champs label:not(.labelWithIcon):not(.labelWithTxt) input[type="date"], body.mb_account_page .account-form>.champs label:not(.labelWithIcon):not(.labelWithTxt) input[type="month"] {position: relative;} body.mb_account_page .account-form>.champs label input[type="date"]::-webkit-calendar-picker-indicator, body.mb_account_page .account-form>.champs label input[type="month"]::-webkit-calendar-picker-indicator {position: absolute; right: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; cursor: pointer;} body.mb_account_page .account-form>.champs label.labelWithIcon, body.mb_account_page .account-form>.champs label.labelWithTxt, body.mb_account_page .account-form>.champs label.labelSelect, body.mb_account_page .account-form textarea.field_textarea {position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; background-color: #FFF; -webkit-box-shadow: 0 4px 15px rgba(0,0,0,0.15); -moz-box-shadow: 0 4px 15px rgba(0,0,0,0.15); box-shadow: 0 4px 15px rgba(0,0,0,0.15); overflow: hidden; padding: 10px 0; border-radius: 5px;} body.mb_account_page .account-form textarea.field_textarea {padding: 10px 20px; width: 100%; resize: none; min-height: 150px;} body.mb_account_page .account-form textarea.field_textarea::placeholder{color:#aeaeae } body.mb_account_page .account-form>.champs label.labelSelect {padding: 0;} body.mb_account_page .account-form>.champs label.labelSelect select {border: 0; padding: 10px 20px; padding-right: 30px; background-position: calc(100% - 10px), 50%;} body.mb_account_page .account-form>.champs label.labelWithIcon.tel-label, body.mb_account_page .account-form>.champs label.labelWithTxt.tel-label, body.mb_account_page .account-form>.champs label.labelWithIcon.mobile-label, body.mb_account_page .account-form>.champs label.labelWithTxt.mobile-label {overflow: unset;} body.mb_account_page .account-form>.champs label.labelWithIcon.labelDisabled, body.mb_account_page .account-form>.champs label.labelWithTxt.labelDisabled {background-color: #F0F0F0;} body.mb_account_page .account-form>.champs label.labelWithIcon>.icon-label, body.mb_account_page .account-form>.champs label.labelWithTxt>.txt-label {position: relative; -webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 50px; -ms-flex: 0 0 50px; flex: 0 0 50px; border-right: 1px solid #B3B3B3;} body.mb_account_page .account-form>.champs label.labelWithIcon .iti, body.mb_account_page .account-form>.champs label.labelWithTxt .iti {width: 100%} body.mb_account_page .account-form>.champs label.labelWithTxt>.txt-label {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 200px; -ms-flex: 0 0 200px; flex: 0 0 200px; font-weight: 600;} body.mb_account_page .account-form>.champs label.labelWithTxt>.txt-label, body.mb_account_page .account-form>.champs label.labelWithIcon>.icon-label + input, body.mb_account_page .account-form>.champs label.labelWithTxt>.txt-label + input {padding: 0 20px;} body.mb_account_page .account-form>.champs label.labelWithIcon>.icon-label + input, body.mb_account_page .account-form>.champs label.labelWithTxt>.txt-label + input, body.mb_account_page .account-form>.champs label.labelWithIcon .iti input, body.mb_account_page .account-form>.champs label.labelWithTxt .iti input {width: 100%; background-color: rgba(0,0,0,0);} body.mb_account_page .account-form>.champs label.labelDisabled input[type="password"]::-webkit-input-placeholder {-webkit-text-security: disc !important; opacity: 1; color: #000;} body.mb_account_page .account-form>.champs label.labelDisabled input[type="password"]::-ms-input-placeholder {-webkit-text-security: disc !important; opacity: 1; color: #000;} body.mb_account_page .account-form>.champs label.labelDisabled input[type="password"]::placeholder {-webkit-text-security: disc !important; opacity: 1; color: #000;} body.mb_account_page .account-form>.champs label.labelDisabled .button-switch-password, body.mb_account_page .account-form>.champs label:not(.labelDisabled) .enabledButton {display: none;} body.mb_account_page .account-form>.champs label.labelDisabled .enabledButton {margin-top: auto; margin-bottom: auto; margin-right: 15px; font-size: 12px; font-weight: 600; cursor: pointer;} body.mb_account_page .account-form>.champs label.labelDisabled .iti .iti__flag-container {pointer-events: none;} body.mb_account_page .account-form>.champs label.labelDisabled .iti .iti__flag-container .iti__arrow {display: none;} body.mb_account_page .account-form>.champs label.labelWithIcon>.icon-label::before {content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-repeat: no-repeat; background-position: center; background-size: contain; height: 20px; width: 18px;} body.mb_account_page .account-form>.champs label.labelWithIcon.compte-label>.icon-label::before {background-image: url('https://moustachebikes.com/wp-content/themes/moustachebikes/account/assets/img/form-compte.svg');} body.mb_account_page .account-form>.champs label.labelWithIcon.mail-label>.icon-label::before {background-image: url('https://moustachebikes.com/wp-content/themes/moustachebikes/account/assets/img/form-mail.svg');} body.mb_account_page .account-form>.champs label.labelWithIcon.mdp-label>.icon-label::before {background-image: url('https://moustachebikes.com/wp-content/themes/moustachebikes/account/assets/img/form-mdp.svg');} body.mb_account_page .account-form>.champs label.labelWithIcon.mdp-label>.icon-label + input {padding-right: 35px;} body.mb_account_page .account-form>.champs label.labelWithIcon.mdp-label .button-switch-password {content: ''; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 30px; height: 100%; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('https://moustachebikes.com/wp-content/themes/moustachebikes/account/assets/img/ico-eye-show.svg'); cursor: pointer;} body.mb_account_page[data-gr-ext-installed] .account-form>.champs label.labelWithIcon.mdp-label .button-switch-password{right: 20px} body.mb_account_page .account-form>.champs label.labelWithIcon.mdp-label>.icon-label + input:not([type=password]) + .button-switch-password {background-image: url('https://moustachebikes.com/wp-content/themes/moustachebikes/account/assets/img/ico-eye-hide.svg');} body.mb_account_page .account-form>.champs label.labelWithIcon.mdp-label.mdp-check-input .mdp-contains-input {position: absolute; width: 100%; top: 100%; margin-top: 15px; left: 0; background-color: #FFF; border-radius: 15px; -webkit-box-shadow: 0 4px 15px rgba(0,0,0,0.05); -moz-box-shadow: 0 4px 15px rgba(0,0,0,0.05); box-shadow: 0 4px 15px rgba(0,0,0,0.05); padding: 15px 30px; font-size: 12px; color: #000;} body.mb_account_page .account-form>.champs label.labelWithIcon.mdp-label.mdp-check-input .mdp-contains-input * {text-align: left!important;} body.mb_account_page .account-form>.champs label.labelWithIcon.mdp-label.mdp-check-input.mdp-valid-value .mdp-contains-input {display: none;} body.mb_account_page .account-form>.champs label.labelWithIcon.mdp-label.mdp-check-input .mdp-contains-input::before, body.mb_account_page .account-form>.champs label.labelWithIcon.mdp-label.mdp-check-input .mdp-contains-input::after {content: ''; position: absolute; top: 0; left: 50%; background-color: #FFF; -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); width: 15px; height: 15px;} body.mb_account_page .account-form>.champs label.labelWithIcon.mdp-label.mdp-check-input .mdp-contains-input::before {-webkit-box-shadow: 0 4px 15px rgba(0,0,0,0.05); -moz-box-shadow: 0 4px 15px rgba(0,0,0,0.05); box-shadow: 0 4px 15px rgba(0,0,0,0.05); z-index: -1;} body.mb_account_page .account-form>.champs label.labelWithIcon.mdp-label.mdp-check-input .mdp-contains-input::after {z-index: 2;} body.mb_account_page .account-form>.champs label.labelWithIcon.mdp-label.mdp-check-input {overflow: unset; z-index: 1;} body.mb_account_page .account-form>.champs label.labelWithIcon.mdp-label.mdp-check-input.mdp-invalid-value {color: red;} body.mb_account_page .account-form>.champs label.labelWithIcon.mdp-label.mdp-check-input.mdp-valid-value {color: green;} body.mb_account_page .account-form .mdp-contains-input:not(.focused-input) {display: none;} body.mb_account_page .account-form .mdp-contains-input ul {list-style: none; padding-left: 20px; position: relative;} body.mb_account_page .account-form .mdp-contains-input ul>li {padding-left: 15px; position: relative;} body.mb_account_page .account-form .mdp-contains-input ul>li::before {content: '•'; position: absolute; font-size: 1.2em; line-height: 6px; top: 0.7em; left: 0; width: 6px; height: 6px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} body.mb_account_page .account-form .mdp-contains-input ul>li.invalid-check::before, body.mb_account_page .account-form .mdp-contains-input ul>li.valid-check::before {top: 0.9em; font-size: 0.8em;} body.mb_account_page .account-form .mdp-contains-input ul>li.invalid-check::before {content: '\2715';} body.mb_account_page .account-form .mdp-contains-input ul>li.valid-check::before {content: '\2713';} body.mb_account_page .account-form>.champs label.labelWithIcon.lieu-label>.icon-label::before {background-image: url('https://moustachebikes.com/wp-content/themes/moustachebikes/account/assets/img/form-pin.svg');} body.mb_account_page .account-form>.champs label.labelWithIcon.tel-label>.icon-label::before {background-image: url('https://moustachebikes.com/wp-content/themes/moustachebikes/account/assets/img/form-tel.svg');} body.mb_account_page .account-form>.champs label.labelWithIcon.mobile-label>.icon-label::before {background-image: url('https://moustachebikes.com/wp-content/themes/moustachebikes/account/assets/img/form-tel.svg');} body.mb_account_page .account-form>.champs label.labelWithIcon.langue-label>.icon-label::before {background-image: url('https://moustachebikes.com/wp-content/themes/moustachebikes/account/assets/img/form-langue.svg');} body.mb_account_page .account-form>.champs label.labelWithIcon .select2 .select2-selection__rendered {font-size: 14px; font-weight: 400;} body.mb_account_page .account-form>.champs label select {width: 100%; border-bottom: 1px solid #B3B3B3; padding: 7px 0; padding-right: 20px; font-weight: 600; background-image: url('https://moustachebikes.com/wp-content/themes/moustachebikes/account/assets/img/arrow-select.svg'); background-repeat: no-repeat; background-size: 13px 7px; background-position: 100% 50%;} body.mb_account_page .account-form>.champs label.checkbox-label, body.mb_account_page .account-form>.champs label.radio-label {position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;} body.mb_account_page .account-form>.champs label.checkbox-label>input[type='checkbox'], body.mb_account_page .account-form>.champs label.radio-label>input[type='radio'] {position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 14px; height: 14px; opacity: 0; margin: 0!important;} body.mb_account_page .account-form>.champs label.checkbox-label>input[type='checkbox'] + .checkbox, body.mb_account_page .account-form>.champs label.radio-label>input[type='radio'] + .radio {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 14px; -ms-flex: 0 0 14px; flex: 0 0 14px; width: 14px; max-width: 14px; height: 14px; border: 1px solid #000; margin-right: 15px;} body.mb_account_page .account-form>.champs label.checkbox-label>input[type='checkbox'] + .checkbox::before, body.mb_account_page .account-form>.champs label.radio-label>input[type='radio'] + .radio::before {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ''; opacity: 0; visibility: hidden;} body.mb_account_page .account-form>.champs label.checkbox-label>input[type='checkbox'] + .checkbox::before {content: "\2713";} body.mb_account_page .account-form>.champs label.radio-label>input[type='radio'] + .radio::before {width: 60%; height: 60%; background-color: #000;} body.mb_account_page .account-form>.champs label.checkbox-label>input[type='checkbox']:checked + .checkbox::before, body.mb_account_page .account-form>.champs label.radio-label>input[type='radio']:checked + .radio::before {opacity: 1; visibility: visible;} body.mb_account_page .account-form>.champs label.checkbox-label>span, body.mb_account_page .account-form>.champs label.radio-label>span {margin-top: auto; margin-bottom: auto;} body.mb_account_page .account-form>.champs label.radio-label>input[type='radio'] + .radio, body.mb_account_page .account-form>.champs label.radio-label>input[type='radio'] + .radio::before {border-radius: 50%;} body.mb_account_page .account-form>.champs>button {display: block;} body.mb_account_page .account-form>.champs button[disabled], body.mb_account_garage #account-contenu [data-ajax]>.all-buttons>button[disabled] {pointer-events: none; opacity: 0.3;} body.mb_account_page .account-form.sending>.champs button, body.mb_account_garage #account-contenu [data-ajax].sending>.all-buttons>button {pointer-events: none; opacity: 0.5;} body.mb_account_page .account-form.sending>.champs button.button1::before, body.mb_account_garage #account-contenu [data-ajax].sending>.all-buttons>button.button1::before {background: none; border: 1px solid #000; border-radius: 50%; border-left-color: rgba(0,0,0,0)!important; border-right-color: rgba(0,0,0,0)!important; -moz-animation: mb_account_sending 1s linear infinite; -webkit-animation: mb_account_sending 1s linear infinite; animation: mb_account_sending 1s linear infinite; width: 10px; height: 10px; right: 23px;} body.mb_account_page .account-form.sending>.champs button.button1:hover::before, body.mb_account_page .account-form.sending>.champs button.button1:focus::before, body.mb_account_garage #account-contenu [data-ajax].sending>.all-buttons>button.button1:hover::before, body.mb_account_garage #account-contenu [data-ajax].sending>.all-buttons>button.button1:focus::before {border-color: #FFF;} body.mb_account_page .account-form>.champs label.label-inline-flex {display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex;} body.mb_account_page #account-contenu .rounded-border {border-radius: 15px; -webkit-box-shadow: 0 4px 15px rgba(0,0,0,0.05); -moz-box-shadow: 0 4px 15px rgba(0,0,0,0.05); box-shadow: 0 4px 15px rgba(0,0,0,0.05);} #account-sidebar, #account-contenu {/*padding-top: 60px;*/ min-height: 100vh;} #account-sidebar {/*border-left: 1px solid #B3B3B3; border-right: 1px solid #B3B3B3;*/ background-color: #FFF; /*position: fixed; top: 0; left: 0; height: 100vh;*/ -webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 300px; -ms-flex: 0 0 300px; flex: 0 0 300px; width: 300px;} #account-sidebar>ul {list-style: none; padding: 30px;} #account-sidebar>ul>li.headerLink>a {display: block; text-align: center;} #account-sidebar>ul>li.headerLink>a:last-child {margin-top: 15px; font-size: 12px;} #account-sidebar>ul>li.headerLink>a:last-child::before {content: ''; display: inline-block; height: 1em; width: 1em; vertical-align: middle; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url('https://moustachebikes.com/wp-content/themes/moustachebikes/account/assets/img/arrow-left.svg'); margin-right: 10px;} #account-sidebar>ul>li.headerLink + li/*, #account-sidebar>ul>li:not(.headerLink):last-child*/ {margin-top: 50px;} #account-sidebar>ul>li + li {margin-top: 20px;} #account-sidebar>ul>li:not(.headerLink)>a, #account-sidebar>.show-mobile {padding: 15px 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; border-radius: 15px; -webkit-box-shadow: 0 4px 15px rgba(0,0,0,0.05); -moz-box-shadow: 0 4px 15px rgba(0,0,0,0.05); box-shadow: 0 4px 15px rgba(0,0,0,0.05); font-size: 12px;} #account-sidebar>ul>li:not(.headerLink)>a>.hasIcon, #account-sidebar>ul>li:not(.headerLink)>a>.noIcon, #account-sidebar>.show-mobile>.hasIcon, #account-sidebar>.show-mobile>.noIcon {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 25px; -ms-flex: 0 0 25px; flex: 0 0 25px; width: 25px; height: 25px; position: relative; margin-right: 20px; margin-top: auto; margin-bottom: auto;} #account-sidebar>ul>li:not(.headerLink)>a>.hasIcon>img, #account-sidebar>.show-mobile>.hasIcon>img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; transition: all 0.2s ease-in-out;} #account-sidebar>ul>li:not(.headerLink)>a>.allTxt, #account-sidebar>.show-mobile>.allTxt {width: 100%; margin-top: auto; margin-bottom: auto;} #account-sidebar>ul>li:not(.headerLink)>a>.allTxt>span, #account-sidebar>.show-mobile>.allTxt>span {display: block;} #account-sidebar>ul>li:not(.headerLink)>a>.allTxt>.title-link, #account-sidebar>.show-mobile>.allTxt>.title-link {text-transform: uppercase; font-weight: bold;} #account-sidebar>ul>li:not(.headerLink)>a:not(.actualSidebarPage)>.allTxt>.sub-link-showing, #account-sidebar>.show-mobile>.allTxt>.sub-link-showing {height: 0; overflow: hidden; position: relative; transition: all 0.2s ease-in-out;} #account-sidebar>ul>li:not(.headerLink)>a>.allTxt>.sub-link-showing>.sub-link, #account-sidebar>.show-mobile>.allTxt>.sub-link-showing>.sub-link {font-size: 0.8em; color: #808080; padding-top: 5px; transition: all 0.2s ease-in-out;} #account-sidebar>ul>li:not(.headerLink)>a.actualSidebarPage, #account-sidebar>ul>li:not(.headerLink)>a:hover, #account-sidebar>.show-mobile {background-color: #F2F2F2; color: #000;} #account-sidebar>ul>li:not(.headerLink):last-child>a, #account-sidebar>.show-mobile {background-color: #000; color: #FFF;} #account-sidebar>ul>li:not(.headerLink):last-child>a>.allTxt>.sub-link-showing>.sub-link, #account-sidebar>.show-mobile>.allTxt>.sub-link-showing>.sub-link {background-color: #000; color: #FFF;} #account-sidebar>ul>li:not(.headerLink):not(:last-child)>a>.hasIcon>img.white-icon, #account-sidebar>.show-mobile>.hasIcon>img.black-icon {opacity: 0; visibility: hidden;} #account-contenu .contentFullWidth {margin-left: -80px; margin-right: -80px;} #account-contenu, #account-contenu .contentFullWidth {padding-left: 80px; padding-right: 80px;} #account-contenu {padding-bottom: 70px; width: 100%; max-width: calc(100% - 300px); /*border-right: 1px solid #B3B3B3;*/ /*-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 1200px; -ms-flex: 0 0 1200px; flex: 0 0 1200px; width: 1200px;*/ padding-top: 30px;} #account-contenu>* + * {margin-top: 50px;} body.mb_account_page #AllPage {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*max-width: 1500px;*/ margin-left: auto; margin-right: auto;} body.mb_account_page .discList {list-style: disc; padding-left: 30px; margin-top: 15px;} div[id^="HDD-"] {display: none;} /* ---- POPUP DELETE ---- */ body.mb_account_page.openedPopupAccount {overflow: hidden;} body.mb_account_page.openedPopupAccount #popupAccount {opacity: 1; visibility: visible;} body.mb_account_page #popupAccount {opacity: 0; visibility: hidden; position: fixed; z-index: 999998; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); transition: all 0.2s ease-in-out; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;} body.mb_account_page #popupAccount>.window-popup {margin: auto; min-width: 600px; max-width: 80%; max-height: 80%; background-color: #FFF; position: relative; overflow:hidden; overflow-y: auto;} body.mb_account_page #popupAccount>.window-popup>.close-popup {position: absolute; top: 15px; right: 15px; width: 20px; height: 20px; cursor: pointer;} body.mb_account_page #popupAccount>.window-popup>.close-popup::before, body.mb_account_page #popupAccount>.window-popup>.close-popup::after {content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 2px; background-color: #000;} body.mb_account_page #popupAccount>.window-popup>.close-popup::before {-webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg);} body.mb_account_page #popupAccount>.window-popup>.close-popup::after {-webkit-transform: translate(-50%, -50%) rotate(-45deg); -moz-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg);} body.mb_account_page #popupAccount>.window-popup>.content-popup {padding: 50px; text-align: center;} body.mb_account_page #popupAccount>.window-popup>.content-popup>* + * {margin-top: 20px;} body.mb_account_page #popupAccount>.window-popup>.content-popup strong {font-weight: bold;} body.mb_account_page.openedPopupAccount #popupAccount + .select2-container.select2-container--open {z-index: 999999;} /* --------- RL --------- */ /* ---- MONTH PICKER ---- */ .month-picker {border-color: #808080;} .month-picker .ui-widget-header {background: #FFF; border: 0; border-radius: 0; margin: 0; color: #000; font-size: 16px;} .month-picker .ui-widget-header a {color: #000; border: 0; border-radius: 0;} .month-picker .ui-state-hover, .month-picker .ui-widget-content .ui-state-hover, .month-picker .ui-widget-header .ui-state-hover, .month-picker .ui-state-focus, .month-picker .ui-widget-content .ui-state-focus, .month-picker .ui-widget-header .ui-state-focus {background: #FFF; opacity: 0.6;} .month-picker .ui-state-default, .month-picker .ui-widget-content .ui-state-default, .month-picker .ui-widget-header .ui-state-default {background: #FFF; border-color: #D3D3D3;} .month-picker .ui-state-highlight, .month-picker .ui-widget-content .ui-state-highlight, .month-picker .ui-widget-header .ui-state-highlight {background: #DDD;} /* --------- RL --------- */ body.mb_account_page #account-contenu .campagne-rappel {background-color: rgba(255,0,0,0.05); color: red; font-size: 18px; font-weight: 600;} /* ------ RL ------ */ /* ---- LOGIN ---- */ body.mb_account_page.mb_account_maintenance #AllPage, body.mb_account_page.mb_account_log-in #AllPage, body.mb_account_page.mb_account_reset-password #AllPage {padding-top: 0!important; max-width: unset!important; margin-top: 0!important;} #login-container {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; min-height: 100vh; width: 100%;} #login-container>* {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; max-width: 50%; position: relative;} #login-container>.rightLogin>img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} #login-container>.leftLogin, #login-container>.leftLogin>.leftContent, #login-container>.leftLogin>.leftContent>#contenuFormulaire {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;} #login-container>.leftLogin>.leftContent, #login-container>.leftLogin>.leftContent>#contenuFormulaire {height: 100%;} #login-container>.leftLogin>* {padding-left: 100px; padding-right: 100px;} #login-container>.leftLogin>.backToSite {border-bottom: 1px solid #B3B3B3; padding-top: 20px; padding-bottom: 20px; font-weight: bold; display: block; color: #000;} #login-container>.leftLogin>.backToSite::before {content: ''; display: inline-block; height: 1em; width: 1em; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url('https://moustachebikes.com/wp-content/themes/moustachebikes/account/assets/img/arrow-left.svg'); vertical-align: middle; margin-right: 20px;} #login-container>.leftLogin>.backToSite:hover {background-color: #F2F2F2;} #login-container>.leftLogin>.leftContent {padding-top: 100px; padding-bottom: 100px;} #login-container>.leftLogin>.leftContent>.logoLink>img {width: 100%; max-width: 200px;} #login-container>.leftLogin>.leftContent>#contenuFormulaire>.title2 + .sous-titre {color: #808080; font-weight: bold; margin-top: 10px;} #login-container>.leftLogin>.leftContent>#contenuFormulaire>.title2 + form, #login-container>.leftLogin>.leftContent>#contenuFormulaire>.title2 + .sous-titre + form, #login-container>.leftLogin>.leftContent>#contenuFormulaire>form>.champs>button[type='submit'], #login-container>.leftLogin>.leftContent>#contenuFormulaire>form ~ *, #login-container>.leftLogin>.leftContent>#contenuFormulaire>form>.champs>button[type='submit'] + * {margin-top: 50px;} #login-container>.leftLogin>.leftContent>#contenuFormulaire, #login-container>.leftLogin>.leftContent>#contenuFormulaire>form + * {margin-top: 100px;} #login-container>.leftLogin>.leftContent>#contenuFormulaire>form>*:not(.messages-form), #login-container>.leftLogin>.leftContent>#contenuFormulaire>form~* {max-width: 340px; font-size: 14px;} #login-container>.leftLogin>.leftContent>#contenuFormulaire>form~*.littleTxt {font-size: 11px!important; color: #808080;} #login-container>.leftLogin>.leftContent>#contenuFormulaire>form~*.marginTopAuto {margin-top: auto; padding-top: 50px;} #login-container>.leftLogin>.leftContent>#contenuFormulaire>form>.champs>*:not(button) {margin-bottom: 20px;} #login-container>.leftLogin>.leftContent>#contenuFormulaire>.avantages-compte {} #login-container>.leftLogin>.leftContent>#contenuFormulaire>.avantages-compte>ul {list-style-type: disc; padding-left: 30px; margin-top: 15px;} #login-container>.leftLogin>.leftContent>#contenuFormulaire>.avantages-compte>ul>li + li {margin-top: 5px;} #login-container>.leftLogin>.leftContent>#contenuFormulaire>form label.enterprise-field:not(.showEnterpriseField), body.mb_account_settings #account-contenu>.settings-account form.account-form>.champs>label.enterprise-field:not(.showEnterpriseField) {display: none;} /* ----- Léo ----- */ /* ---- DASHBOARD ---- */ body.mb_account_dashboard #account-contenu {} body.mb_account_dashboard #account-contenu .titleWithBubble {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} body.mb_account_dashboard #account-contenu .titleWithBubble>.title2 {margin-right: auto;} body.mb_account_dashboard #account-contenu .titleWithBubble>.bubble-link, body.mb_account_dashboard #account-contenu .titleWithBubble>.bubble-link>.bubble {border-radius: 50%; position: relative;} body.mb_account_dashboard #account-contenu .titleWithBubble>.bubble-link {margin-left: 20px; -webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 60px; -ms-flex: 0 0 60px; flex: 0 0 60px; width: 60px; height: 60px;} body.mb_account_dashboard #account-contenu .titleWithBubble>.bubble-link>img, body.mb_account_dashboard #account-contenu .titleWithBubble>.bubble-link>.bubble>img {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-repeat: no-repeat; background-position: center; background-size: contain; width: 50%; height: 50%;} body.mb_account_dashboard #account-contenu .titleWithBubble>.bubble-link>.bubble {position: absolute; top: 15%; left: 85%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} body.mb_account_dashboard #account-contenu .titleWithBubble>.bubble-link.bubble-notification {background-color: #F2F2F2;} body.mb_account_dashboard #account-contenu .titleWithBubble>.bubble-link.bubble-notification>img {height: 35%; width: 35%;} body.mb_account_dashboard #account-contenu .titleWithBubble>.bubble-link.bubble-notification>.bubble {background-color: #BA0000;width: 10px; height: 10px;} body.mb_account_dashboard #account-contenu .titleWithBubble>.bubble-link.bubble-profile-pic, body.mb_account_dashboard #account-contenu .titleWithBubble>.bubble-link.bubble-profile-pic>.bubble {background-color: #FFF; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.15); -moz-box-shadow: 0 0 20px rgba(0,0,0,0.15); box-shadow: 0 0 20px rgba(0,0,0,0.15);} body.mb_account_dashboard #account-contenu .titleWithBubble>.bubble-link.bubble-profile-pic>img {width: 70%; height: 70%;} body.mb_account_dashboard #account-contenu .titleWithBubble>.bubble-link.bubble-profile-pic>.bubble {width: 16px; height: 16px;} body.mb_account_dashboard #account-contenu .profile-progression {margin-top: 30px;} body.mb_account_dashboard #account-contenu .profile-progression>.mb_progress-bar {position: relative; width: 100%; max-width: 400px; height: 20px; border: 1px solid #000; margin-top: 15px;} body.mb_account_dashboard #account-contenu .profile-progression>.mb_progress-bar>.progress-complete {position: absolute; top: 0; left: 0; height: 100%; width: 0; background-color: #000;} body.mb_account_dashboard #account-contenu .profile-progression>.mb_progress-bar, body.mb_account_dashboard #account-contenu .profile-progression>.mb_progress-bar>.progress-complete {border-radius: 20px;} body.mb_account_dashboard #account-contenu .campagne-rappel {padding: 15px 80px;} body.mb_account_dashboard #account-contenu .garage-velos {position: relative; padding-top: 30px; padding-bottom: 30px;} body.mb_account_dashboard #account-contenu .garage-velos>* {padding-left: 80px; padding-right: 80px;} body.mb_account_dashboard #account-contenu .garage-velos>.header-garage {margin-bottom: 30px;} body.mb_account_dashboard #account-contenu .garage-velos>.header-garage>.sous-titre {color: #808080; font-weight: bold; margin-top: 10px;} body.mb_account_dashboard #account-contenu .garage-velos>.garage-bikes-carousel {} body.mb_account_dashboard #account-contenu .garage-velos>.garage-bikes-carousel .bike-item {text-align: center;} body.mb_account_dashboard #account-contenu .garage-velos>.garage-bikes-carousel .bike-item>.bike-photo img {width: 200px; max-width: 100%; margin: auto;} body.mb_account_dashboard #account-contenu .garage-velos>.garage-bikes-carousel .bike-item>.bike-photo img.logoMoustache {aspect-ratio: 4/3; object-fit: contain;} body.mb_account_dashboard #account-contenu .garage-velos>.garage-bikes-carousel .bike-item>.bike-name {margin-top: 20px;} body.mb_account_dashboard #account-contenu .garage-velos>.garage-bikes-carousel .bike-item>.bike-name a {text-decoration: none; font-weight: bold;} body.mb_account_dashboard #account-contenu .garage-velos>.garage-bikes-carousel .bike-item>.bike-serie {font-size: 14px; margin-top: 5px;} body.mb_account_dashboard #account-contenu .garage-velos>.garage-bikes-carousel .bike-item>.button1 {margin-top: 20px;} body.mb_account_dashboard #account-contenu .garage-velos>.garage-bikes-carousel>.owl-nav {position: absolute; top: 50%; height: 0; width: 100%; left: 0;} body.mb_account_dashboard #account-contenu .garage-velos>.garage-bikes-carousel>.owl-nav>button {position: absolute; top: 50%; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #EBEBEB; background-color: #FFFFFF; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: all 0.2s ease-in-out;} body.mb_account_dashboard #account-contenu .garage-velos>.garage-bikes-carousel>.owl-nav>button::before {content: ''; position: absolute; top: 50%; left: 50%; height: 40%; width: 40%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('https://moustachebikes.com/wp-content/themes/moustachebikes/account/assets/img/arrow-left.svg'); transition: all 0.2s ease-in-out;} body.mb_account_dashboard #account-contenu .garage-velos>.garage-bikes-carousel>.owl-nav>button:hover {background-color: #EBEBEB;} body.mb_account_dashboard #account-contenu .garage-velos>.garage-bikes-carousel>.owl-nav>button.disabled {pointer-events: none;} body.mb_account_dashboard #account-contenu .garage-velos>.garage-bikes-carousel>.owl-nav>button.disabled::before {opacity: 0.3;} body.mb_account_dashboard #account-contenu .garage-velos>.garage-bikes-carousel>.owl-nav>button.owl-prev {left: 20px;} body.mb_account_dashboard #account-contenu .garage-velos>.garage-bikes-carousel>.owl-nav>button.owl-next {right: 20px; -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg);} body.mb_account_dashboard #account-contenu .garage-velos>.noBike {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; padding-top: 50px; padding-bottom: 50px;} body.mb_account_dashboard #account-contenu .garage-velos>.noBike>p {margin-bottom: 20px; font-weight: bold; font-size: 18px;} body.mb_account_dashboard #account-contenu .fullBackground {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; background-color: #FFF; position: relative; overflow: hidden;} body.mb_account_dashboard #account-contenu .fullBackground>.fond {position: absolute; z-index: 1; top: 50%; left: 50%; width: 101%; height: 101%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); object-fit: cover; transition: all 0.5s ease-in-out;} body.mb_account_dashboard #account-contenu .fullBackground::before {content: ''; position: absolute; z-index: 2; width: 100%; height: 100%; background-color: #000; opacity: 0.4;} body.mb_account_dashboard #account-contenu .fullBackground.noFilter::before {opacity: 0;} body.mb_account_dashboard #account-contenu .fullBackground>.content-fond {position: relative; z-index: 3; margin: auto; padding: 25px; color: #FFF; text-align: center;} body.mb_account_dashboard #account-contenu .fullBackground.blackTxt>.content-fond {color: #000;} body.mb_account_dashboard #account-contenu .fullBackground.content-bottom>.content-fond {margin-top: auto; margin-bottom: 0;} body.mb_account_dashboard #account-contenu a.fullBackground:hover>.fond {-webkit-transform: translate(-50%, -50%) scale(1.05); -moz-transform: translate(-50%, -50%) scale(1.05); -ms-transform: translate(-50%, -50%) scale(1.05); transform: translate(-50%, -50%) scale(1.05);} body.mb_account_dashboard #account-contenu .grid-links {display: -ms-grid; display: grid; grid-gap: 20px; gap: 20px; -ms-grid-columns: 2fr 1fr 2fr; grid-template-columns: 2fr 1fr 2fr;} body.mb_account_dashboard #account-contenu .grid-links>.fullBackground {min-height: 300px;} body.mb_account_dashboard #account-contenu .grid-links>.fullBackground.adventureTime {-ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 3; grid-column-end: 4;} body.mb_account_dashboard #account-contenu .grid-links>.fullBackground:first-child:not(.adventureTime), body.mb_account_dashboard #account-contenu .grid-links>.fullBackground.adventureTime + .fullBackground {-ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 2; grid-column-end: 3;} body.mb_account_dashboard #account-contenu .grid-links>.fullBackground:last-child {-ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 3; grid-column-end: 4;} body.mb_account_dashboard #account-contenu .grid-links>.fullBackground>.content-fond>p {font-size: 21px;} body.mb_account_dashboard #account-contenu .grid-links>.fullBackground>.content-fond>img {margin-bottom: 20px; height: 65px; max-width: 100%; object-fit: contain;} body.mb_account_dashboard #account-contenu .grid-links>.fullBackground>.content-fond>p.secondary-txt {font-weight: 300;} body.mb_account_dashboard #account-contenu .social-links {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; font-size: 21px; font-weight: bold;} body.mb_account_dashboard #account-contenu .social-links>.social-link {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 20px; -ms-flex: 0 0 20px; flex: 0 0 20px; width: 20px; max-width: 20px; height: 17px; margin-left: 20px;} body.mb_account_dashboard #account-contenu .social-links>.social-link>* {max-width: 100%; height: 100%; object-fit: contain;} body.mb_account_dashboard #account-contenu .social-links>.social-link svg path {fill: #000;} body.mb_account_dashboard #account-contenu .social-links>.social-link:hover {opacity: 0.5;} /* ------- Léo ------- */ /* ---- SETTINGS ---- */ body.mb_account_settings #account-contenu>.settings-account .account-form>.champs {display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 20px 100px; gap: 20px 100px;} body.mb_account_settings #account-contenu>:not(.settings-account) .account-form>.champs>.littleTxt, body.mb_account_settings #account-contenu>:not(.settings-account) .account-form>.champs>button {margin-top: 20px;} body.mb_account_settings #account-contenu>:not(.settings-account) .account-form>.champs>.littleTxt {font-weight: 600; color: #808080;} body.mb_account_settings #account-contenu .account-form>.champs>.delAllNews-content {margin-top: 15px; font-size: 12px;} /* ------- RL ------- */ /* ---- GARAGE ---- */ body.mb_account_garage #account-contenu>.titleWithBubble .button1, body.mb_account_fleet #account-contenu>.titleWithBubble .button1 {margin-top: 20px;} body.mb_account_garage #account-contenu .account-form>.champs .labelWithTxt.labelDisabled, body.mb_account_garage #account-contenu .account-form>.champs .labelWithIcon.labelDisabled {padding-right: 80px;} body.mb_account_garage #account-contenu .account-form>.champs .labelWithTxt.labelDisabled .editLink, body.mb_account_garage #account-contenu .account-form>.champs .labelWithIcon.labelDisabled .editLink {position: absolute; right: 5px; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 12px;} /* ---- VIEW ---- */ body.mb_account_garage #account-contenu .campagne-rappel {padding: 5px 20px; border-radius: 5px; margin-bottom: 10px;} body.mb_account_garage #account-contenu>.ajout-velo {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; overflow: hidden; padding: 30px 50px;} body.mb_account_garage #account-contenu>.ajout-velo>* {margin-top: auto; margin-bottom: auto;} body.mb_account_garage #account-contenu>.ajout-velo>*:not(:last-child) {margin-right: auto;} body.mb_account_garage #account-contenu>.ajout-velo>*:not(:first-child) {margin-left: 30px;} body.mb_account_garage #account-contenu>.ajout-velo>img {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; width: 25%; max-width: 300px;} body.mb_account_garage #account-contenu>.ajout-velo>.txtAjout {width: 100%;} body.mb_account_garage #account-contenu>.ajout-velo>.txtAjout .test-link, body.mb_account_garage #account-contenu>.ajout-velo>.txtAjout .test-link a {color: #787878; font-weight: 600;} body.mb_account_garage #account-contenu>.ajout-velo>.txtAjout .test-link {font-size: 12px; line-height: 1.4;} body.mb_account_garage #account-contenu>.ajout-velo>.button1 {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 250px; -ms-flex: 0 0 250px; flex: 0 0 250px; width: 250px; max-width: 250px;} body.mb_account_garage #account-contenu>.avantages-enregistrement {} body.mb_account_garage #account-contenu>.avantages-enregistrement>.list-arguments {display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; grid-gap: 50px; gap: 50px; margin-top: 30px; text-align: center;} body.mb_account_garage #account-contenu>.avantages-enregistrement>.list-arguments>.argument {} body.mb_account_garage #account-contenu>.avantages-enregistrement>.list-arguments>.argument>.img-argument {position: relative; overflow: hidden; border-radius: 15px; padding-top: 76%;} body.mb_account_garage #account-contenu>.avantages-enregistrement>.list-arguments>.argument>.img-argument>img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} body.mb_account_garage #account-contenu>.avantages-enregistrement>.list-arguments>.argument>.txt-argument {margin-top: 20px; font-weight: 600; font-size: 18px; text-align: center;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant {border-radius: 15px; -webkit-box-shadow: 0 4px 15px rgba(0,0,0,0.05); -moz-box-shadow: 0 4px 15px rgba(0,0,0,0.05); box-shadow: 0 4px 15px rgba(0,0,0,0.05);} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.titre-deroulant, body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.content-box>.content-container {padding: 40px;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.titre-deroulant {} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.titre-deroulant .titre-velo {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.titre-deroulant .titre-velo>.title2 {margin-right: 20px;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.titre-deroulant .titre-velo>.cross-mark {border: 1px solid #EBEBEB; -webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 30px; -ms-flex: 0 0 30px; flex: 0 0 30px; width: 30px; height: 30px; max-width: 30px; position: relative; margin-top: 0; margin-left: auto; border-radius: 50%;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.titre-deroulant .titre-velo>.cross-mark::before {content: '+'; position: absolute; top: 50%; left: 50%; font-weight: bold; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); line-height: 1; font-size: 18px;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant.expanded>.titre-deroulant .titre-velo>.cross-mark::before {content: '-'; -moz-transform: translate(-50%, -60%); -ms-transform: translate(-50%, -60%); transform: translate(-50%, -60%);} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.titre-deroulant .infos-list, body.mb_account_garage #account-contenu>.add-old-bikes .new-bikes-appearance>.content-div>.flex-infos>.infos-list, body.mb_account_fleet .infos-list {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 30px; grid-gap: 20px 0; gap: 20px 0; position: relative;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.titre-deroulant .infos-list>img, body.mb_account_fleet .infos-list>img {position: absolute; top: 50%; right: 0; width: 80px; max-height: 150%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); object-fit: contain; display: none;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.titre-deroulant .infos-list>.info-item, body.mb_account_garage #account-contenu>.add-old-bikes .new-bikes-appearance>.content-div>.flex-infos>.infos-list>.info-item, body.mb_account_fleet .infos-list>.info-item {padding-left: 20px; padding-right: 20px; border-right: 1px solid #4D4D4D;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.titre-deroulant .infos-list>.info-item>.val-info, body.mb_account_garage #account-contenu>.add-old-bikes .new-bikes-appearance>.content-div>.flex-infos>.infos-list>.info-item>.val-info, body.mb_account_fleet .infos-list>.info-item>.val-info {font-weight: bold;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.titre-deroulant .infos-list>.info-item>.val-info .checked-statut, body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.titre-deroulant .infos-list>.info-item>.val-info .waiting-statut, body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.titre-deroulant .infos-list>.info-item>.val-info .error-statut, body.mb_account_garage #account-contenu>.add-old-bikes .new-bikes-appearance>.content-div>.flex-infos>.infos-list>.info-item>.val-info .checked-statut, body.mb_account_fleet .infos-list>.info-item>.val-info .checked-statut, body.mb_account_fleet .infos-list>.info-item>.val-info .waiting-statut, body.mb_account_fleet .infos-list>.info-item>.val-info .error-statut, #MoustacheCodeViewer>.MC_content>.MC_status>span[class$='-statut'] {height: 1em; width: 1em; position: relative; display: inline-block; background-repeat: no-repeat; background-size: contain; background-position: center; vertical-align: middle;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.titre-deroulant .infos-list>.info-item>.val-info .checked-statut, body.mb_account_garage #account-contenu>.add-old-bikes .new-bikes-appearance>.content-div>.flex-infos>.infos-list>.info-item>.val-info .checked-statut, body.mb_account_fleet .infos-list>.info-item>.val-info .checked-statut, #MoustacheCodeViewer>.MC_content>.MC_status .checked-statut {background-image: url('https://moustachebikes.com/wp-content/themes/moustachebikes/account/assets/img/bikes/ico-checked.svg');} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.titre-deroulant .infos-list>.info-item>.val-info .waiting-statut, body.mb_account_fleet .infos-list>.info-item>.val-info .waiting-statut, #MoustacheCodeViewer>.MC_content>.MC_status .waiting-statut {background-image: url('https://moustachebikes.com/wp-content/themes/moustachebikes/account/assets/img/bikes/ico-waiting.svg');} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.titre-deroulant .infos-list>.info-item>.val-info .error-statut, body.mb_account_fleet .infos-list>.info-item>.val-info .error-statut, #MoustacheCodeViewer>.MC_content>.MC_status .error-statut {background-image: url('https://moustachebikes.com/wp-content/themes/moustachebikes/account/assets/img/bikes/ico-error.svg');} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.titre-deroulant .infos-list>.info-item:last-child, body.mb_account_garage #account-contenu>.add-old-bikes .new-bikes-appearance>.content-div>.flex-infos>.infos-list>.info-item:last-child, body.mb_account_fleet .infos-list>.info-item:last-child {border-right: 0;} body.mb_account_fleet .dt-search {display: none;} body.mb_account_fleet .dt-paging nav {display: unset; opacity: unset; visibility: unset; position: unset; width: unset; top: unset; left: unset; z-index: unset;} body.mb_account_fleet .infos-list {margin-top: 15px; grid-gap: 10px 0; gap: 10px 0;} body.mb_account_fleet .infos-list>.info-item {padding-left: 10px; padding-right: 10px; font-size: 12px;} #fleet_search {text-transform: uppercase;} #account_fleet {} #account_fleet tr:hover {background-color: #EEEEEE;} #account_fleet tbody tr td {padding-top: 20px; padding-bottom: 20px;} #account_fleet tbody tr:not(:first-child) {border-top: 1px solid #DDDDDD;} body.mb_account_fleet .mb_fleet_button {-webkit-appearance: none; appearance: none; background-color: #FFFFFF; border: 1px solid #000000; color: #000000; padding: 5px 15px; border-radius: 30px; box-sizing: border-box; font-size: 12px; transition: all 0.2s ease-in-out; white-space: nowrap;} body.mb_account_fleet .mb_fleet_button:hover {color: #FFFFFF; background-color: #000000;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.content-box>.content-container {padding-top: 10px;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.content-box>.content-container .fnuci_info_table.loading {min-height: 150px;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.content-box>.content-container .fnuci_info_table.loading::before {content: ''; position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; border: 2px solid #000; border-top-color: rgba(0,0,0,0); border-bottom-color: rgba(0,0,0,0); box-sizing: border-box; border-radius: 50%; -moz-animation: mb_account_loading 1s linear infinite; -webkit-animation: mb_account_loading 1s linear infinite; animation: mb_account_loading 1s linear infinite; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.content-box>.content-container .fnuci_info_table {position: relative; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 30px; gap: 0;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.content-box>.content-container .fnuci_info_table>* {padding: 8px 15px; margin-top: 0!important; font-wize: 14px;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.content-box>.content-container .fnuci_info_table>*:nth-child(n+3) {border-top: 1px solid #EAEAEA;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.content-box>.content-container .fnuci_info_table>.fnuci_info_label {font-weight: bold;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.content-box>.content-container .fnuci_info_table>.fnuci_info_value {} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.content-box>.content-container .bikes-details {display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 0 50px; gap: 30px 50px;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.content-box>.content-container .bikes-details>.removeBikesLine {text-align: right;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.content-box>.content-container .bikes-details>.img-detail {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.content-box>.content-container .bikes-details>.img-detail img {width: 100%; mix-blend-mode: darken;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.content-box>.content-container .bikes-details>.img-detail img.logoMoustache {max-width: 300px;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.content-box>.content-container .bikes-details>.txt-detail>* + * {margin-top: 50px;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.content-box>.content-container .bikes-details>.txt-detail .title-info {font-weight: bold; font-size: 18px;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.content-box>.content-container .bikes-details>.txt-detail>*>* + * {margin-top: 15px;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.content-box>.content-container .bikes-details>.txt-detail>.assembleur-infos>.assembleur-content {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.content-box>.content-container .bikes-details>.txt-detail>.assembleur-infos>.assembleur-content>.assembleur-photo {overflow: hidden; border-radius: 50%;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.content-box>.content-container .bikes-details>.txt-detail>.assembleur-infos>.assembleur-content>.assembleur-txt {font-weight: bold;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.content-box>.content-container .bikes-details>.txt-detail>.assembleur-infos>.assembleur-content>.assembleur-txt span {font-weight: 400;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.content-box>.content-container .bikes-details>.txt-detail>.certificats-infos a {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; font-weight: 600; font-size: 14px;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.content-box>.content-container .bikes-details>.txt-detail>.certificats-infos a::before {content: ''; display: block; -webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 1em; -ms-flex: 0 0 1em; flex: 0 0 1em; height: 1em; width: 1em; margin-top: 0.2em; margin-right: 15px; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url('https://moustachebikes.com/wp-content/themes/moustachebikes/account/assets/img/sidebar/sidebar-documentations.svg');} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.content-box>.content-container .bikes-details>.txt-detail>.certificats-infos a>span {margin-top: auto; margin-bottom: auto;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.content-box>.content-container .bikes-details>.fnuci-links {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-gap: 15px 30px; gap: 15px 30px;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.content-box>.content-container .bikes-details>.fnuci-links>* {width: 50%; width: calc((100% - 30px)/2); box-sizing: border-box; padding: 30px; text-align: center;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.content-box>.content-container .bikes-details>.fnuci-links>*:nth-child(n+3) {width: 33.333%; width: calc((100% - 30px*2)/3);} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.content-box>.content-container .bikes-details>.fnuci-links>*:first-child:last-child {width: 100%;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.content-box>.content-container .bikes-details>.fnuci-links>*>p:not(:last-child) {margin-bottom: 20px;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant>.content-box>.content-container .bikes-details>.fnuci-links>*>.button1 {font-size: 12px; padding: 7px 15px;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant.bike-destroyed {background-color: #EBEBEB;} body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant.bike-destroyed>.titre-deroulant .titre-velo>.cross-mark {border-color: #C7C7C7;} body.mb_account_garage #account-contenu>.bikes-deroulants>.success-delete + .success-delete, body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant + .success-delete, body.mb_account_garage #account-contenu>.bikes-deroulants>.success-delete + .mb_item-deroulant, body.mb_account_garage #account-contenu>.bikes-deroulants>.mb_item-deroulant + .mb_item-deroulant {margin-top: 30px;} body.mb_account_garage #popupAccount>.popupDeleteBikes .button1.sending, body.mb_account_page #popupAccount>.window-popup.garage-fnuci .ajaxCallMousatacheCode.sending {} body.mb_account_garage #popupAccount>.popupDeleteBikes .button1.sending, body.mb_account_page #popupAccount>.window-popup.garage-fnuci .ajaxCallMousatacheCode.sending {pointer-events: none; opacity: 0.5;} body.mb_account_garage #popupAccount>.popupDeleteBikes .button1.sending::before, body.mb_account_page #popupAccount>.window-popup.garage-fnuci .ajaxCallMousatacheCode.sending::before {background: none; border: 1px solid #000; border-radius: 50%; border-left-color: rgba(0,0,0,0)!important; border-right-color: rgba(0,0,0,0)!important; -moz-animation: mb_account_sending 1s linear infinite; -webkit-animation: mb_account_sending 1s linear infinite; animation: mb_account_sending 1s linear infinite; width: 10px; height: 10px; right: 23px;} body.mb_account_garage #popupAccount>.popupDeleteBikes .button1.sending:hover::before, body.mb_account_garage #popupAccount>.popupDeleteBikes .button1.sending:focus::before, body.mb_account_page #popupAccount>.window-popup.garage-fnuci .ajaxCallMousatacheCode.sending:hover::before, body.mb_account_page #popupAccount>.window-popup.garage-fnuci .ajaxCallMousatacheCode.sending:focus::before {border-color: #FFF;} body.mb_account_page #popupAccount>.window-popup.garage-fnuci {width: 650px;} body.mb_account_page #popupAccount>.window-popup.garage-fnuci>.content-popup {padding: 50px 100px; font-size: 14px;} body.mb_account_page #popupAccount>.window-popup.garage-fnuci>.content-popup .button1 {text-decoration: none;} body.mb_account_page #popupAccount>.window-popup.garage-fnuci>.content-popup>.bike-fnuci {margin-bottom: 30px;} body.mb_account_page #popupAccount>.window-popup.garage-fnuci>.content-popup>.bike-fnuci>.bike-img {width: 150px; max-width: 100%;} body.mb_account_page #popupAccount>.window-popup.garage-fnuci>.content-popup>.bike-fnuci>.bike-name {font-size: 16px; font-weight: bold;} body.mb_account_page #popupAccount>.window-popup.garage-fnuci>.content-popup>.bike-fnuci>.bike-serial {font-size: 13px; font-weight: 600;} body.mb_account_page #popupAccount>.window-popup.garage-fnuci>.content-popup .list-choices {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-gap: 15px 30px; gap: 15px 30px; font-weight: 600;} body.mb_account_page #popupAccount>.window-popup.garage-fnuci>.content-popup .list-choices label.radio-label>input[type='radio'] + .radio {margin-top: 0; margin-bottom: 0;} body.mb_account_page #popupAccount>.window-popup.garage-fnuci>.content-popup .div-form-content {margin-top: 30px;} body.mb_account_page #popupAccount>.window-popup.garage-fnuci>.content-popup .div-form-content:not(.showContent):not(.alwaysShowContent), body.mb_account_page #popupAccount>.window-popup.garage-fnuci>.content-popup .default-form-content .inputConditionVisible:not(.showLabel) {display: none;} body.mb_account_page #popupAccount>.window-popup.garage-fnuci>.content-popup .div-form-content>* + * {margin-top: 20px;} body.mb_account_page #popupAccount>.window-popup.garage-fnuci>.content-popup .div-form-content .txt-separator {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} body.mb_account_page #popupAccount>.window-popup.garage-fnuci>.content-popup .div-form-content .txt-separator::before, body.mb_account_page #popupAccount>.window-popup.garage-fnuci>.content-popup .div-form-content .txt-separator::after {content: ''; display: block; width: 100%; height: 1px; background-color: #BCBCBC;} body.mb_account_page #popupAccount>.window-popup.garage-fnuci>.content-popup .div-form-content .txt-separator span {color: #BCBCBC; margin: auto 15px;} body.mb_account_page #popupAccount>.window-popup.garage-fnuci>.content-popup .default-form-content>.labelWithIcon {max-width: 350px; margin-left: auto; margin-right: auto;} body.mb_account_page #popupAccount>.window-popup.garage-fnuci>.content-popup .button1 {padding: 7px 15px;} body.mb_account_page #popupAccount>.window-popup.garage-fnuci>.content-popup .button1:not(.noArrow) {padding-right: 50px;} body.mb_account_page #popupAccount>.window-popup.garage-fnuci>.content-popup .button1::before {right: 15px;} body.mb_account_page #popupAccount>.window-popup.garage-fnuci>.content-popup .button1::after {right: 35px;} body.mb_account_page #popupAccount>.window-popup.garage-fnuci>.content-popup .ajaxCallMousatacheCode_message {font-weight: 600; font-size: 14px; padding: 15px 25px; border-radius: 20px; background-color: rgba(255,0,0,0.05); color: red;} /* ----- RL ----- */ /* ---- ADD ---- */ body.mb_account_garage #account-contenu>.velo-formulaire>.champs>*:not(:first-child) {margin-top: 30px;} body.mb_account_garage #account-contenu>.velo-formulaire>.champs label {position: relative;} body.mb_account_garage #account-contenu>.velo-formulaire>.champs .grid-fullWidth {-ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 2; grid-column-end: 3;} body.mb_account_garage #account-contenu>.velo-formulaire>.champs .title3 + *:not(.noTitlePadding), body.mb_account_garage #account-contenu>.velo-formulaire>.champs .title3 + .noTitlePadding + *, body.mb_account_garage #account-contenu>.velo-formulaire>.champs .labelWithTxt, body.mb_account_garage #account-contenu>.velo-formulaire>.champs .labelWithIcon, body.mb_account_garage #account-contenu>.velo-formulaire>.champs .marginOnTop {margin-top: 20px;} body.mb_account_garage #account-contenu>.velo-formulaire>.champs input[name="num_serie"] {text-transform: uppercase; padding-right: 30px;} body.mb_account_garage #account-contenu>.velo-formulaire>.champs input[name="num_serie"]:not(.loadingNum):not(.validNum):not(.errorNum) + .status-num {opacity: 0; visibility: hidden; display: none;} body.mb_account_garage #account-contenu>.velo-formulaire>.champs input[name="num_serie"] + .status-num {position: absolute; top: 50%; right: 10px; width: 20px; height: 20px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} body.mb_account_garage #account-contenu>.velo-formulaire>.champs input[name="num_serie"] + .status-num::before, body.mb_account_garage #account-contenu>.velo-formulaire>.champs input[name="num_serie"] + .status-num::after {content: ''; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} body.mb_account_garage #account-contenu>.velo-formulaire>.champs input[name="num_serie"].loadingNum + .status-num::before {border: 1px solid #000; border-left-color: rgba(0,0,0,0); border-right-color: rgba(0,0,0,0); border-radius: 50%; width: 75%; height: 75%; -moz-animation: mb_account_loading 1s linear infinite; -webkit-animation: mb_account_loading 1s linear infinite; animation: mb_account_loading 1s linear infinite;} body.mb_account_garage #account-contenu>.velo-formulaire>.champs input[name="num_serie"].validNum + .status-num::before {border: 3px solid #32A936; border-right-color: rgba(0,0,0,0); border-top-color: rgba(0,0,0,0); width: 80%; height: 50%; -moz-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg);} body.mb_account_garage #account-contenu>.velo-formulaire>.champs input[name="num_serie"].errorNum + .status-num::before, body.mb_account_garage #account-contenu>.velo-formulaire>.champs input[name="num_serie"].errorNum + .status-num::after {background-color: red; width: 80%; height: 15%;} body.mb_account_garage #account-contenu>.velo-formulaire>.champs input[name="num_serie"].errorNum + .status-num::before {-moz-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg);} body.mb_account_garage #account-contenu>.velo-formulaire>.champs input[name="num_serie"].errorNum + .status-num::after {-moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg);} body.mb_account_garage #account-contenu>.velo-formulaire>.champs .select2, body.mb_account_garage #account-contenu>.velo-formulaire>.champs #revendeurNotFounded {width: 50%!important; width: calc(50% - 50px)!important;} body.mb_account_garage #account-contenu>.velo-formulaire>.champs .select2 {background-color: #FFF; border-radius: 5px; -webkit-box-shadow: 0 4px 15px rgba(0,0,0,0.05); -moz-box-shadow: 0 4px 15px rgba(0,0,0,0.05); box-shadow: 0 4px 15px rgba(0,0,0,0.05); padding: 10px 20px;} body.mb_account_garage #account-contenu>.velo-formulaire>.champs .select2 .select2-selection--single {height: auto;} body.mb_account_garage #account-contenu>.velo-formulaire>.champs .select2 .select2-selection__rendered {margin-left: 0; padding: 0; font-weight: 600; font-size: 16px;} body.mb_account_garage #account-contenu>.velo-formulaire>.champs .select2 .select2-selection__arrow {right: 20px;top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} body.mb_account_garage #account-contenu>.velo-formulaire>.champs>.info-velo {display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 20px 100px; gap: 20px 100px;} body.mb_account_garage #account-contenu>.velo-formulaire>.champs>.info-velo .find-velo {font-weight: bold; position: relative; padding-left: 4em; min-height: 2em; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-top: 20px;} body.mb_account_garage #account-contenu>.velo-formulaire>.champs>.info-velo .find-velo>.img-velo {position: absolute; top: 1em; left: 1em; height: 3em; width: 3em; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url('https://moustachebikes.com/wp-content/themes/moustachebikes/account/assets/img/ico-info-bulle.svg');} body.mb_account_garage #account-contenu>.velo-formulaire>.champs>.info-revendeur {} body.mb_account_garage #account-contenu>.velo-formulaire>.champs>.info-revendeur>.otherMag-popup:not(.open) {display: none; opacity: 0; visibility: hidden;} body.mb_account_garage #account-contenu>.velo-formulaire>.champs>.info-revendeur>.otherMag-popup {position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);} body.mb_account_garage #account-contenu>.velo-formulaire>.champs>.info-revendeur>.otherMag-popup>.otherMag-window {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position: absolute; top: 50%; left: 50%; width: 650px; min-height: 300px; max-width: 90%; max-height: 90%; background-color: #FFF; color: #000; padding: 50px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} body.mb_account_garage #account-contenu>.velo-formulaire>.champs>.info-revendeur>.otherMag-popup>.otherMag-window>.popup-close {position: absolute; top: 15px; right: 15px; cursor: pointer; width: 20px; height: 20px;} body.mb_account_garage #account-contenu>.velo-formulaire>.champs>.info-revendeur>.otherMag-popup>.otherMag-window>.popup-close::before, body.mb_account_garage #account-contenu>.velo-formulaire>.champs>.info-revendeur>.otherMag-popup>.otherMag-window>.popup-close::after {content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 2px; background-color: #000; transition: all 0.2s ease-in-out;} body.mb_account_garage #account-contenu>.velo-formulaire>.champs>.info-revendeur>.otherMag-popup>.otherMag-window>.popup-close::before {-webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg);} body.mb_account_garage #account-contenu>.velo-formulaire>.champs>.info-revendeur>.otherMag-popup>.otherMag-window>.popup-close::after {-webkit-transform: translate(-50%, -50%) rotate(-45deg); -moz-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg);} body.mb_account_garage #account-contenu>.velo-formulaire>.champs>.info-revendeur>.otherMag-popup>.otherMag-window>.popup-close:hover::before, body.mb_account_garage #account-contenu>.velo-formulaire>.champs>.info-revendeur>.otherMag-popup>.otherMag-window>.popup-close:hover::after {background-color: #787878;} body.mb_account_garage #account-contenu>.velo-formulaire>.champs>.info-revendeur>.otherMag-popup>.otherMag-window>.popup-content {margin: auto 0; width: 100%;} body.mb_account_garage #account-contenu>.velo-formulaire>.champs>.info-revendeur>.otherMag-popup>.otherMag-window>.popup-content>*:first-child {margin-top: 0;} body.mb_account_garage #account-contenu>.velo-formulaire>.champs>.info-submit {text-align: center;} body.mb_account_garage #account-contenu>.velo-formulaire>.champs>.info-submit>* {margin-left: auto; margin-right: auto;} body.mb_account_garage #account-contenu>.velo-formulaire>.champs #revendeurNotFounded:not(.showIt) {display: none;} body.mb_account_garage #account-contenu>.velo-formulaire>.champs>.info-velo .find-velo .ico-checked {height: 1em; width: 1em; position: relative; display: inline-block; background-repeat: no-repeat; background-size: contain; background-position: center; vertical-align: middle; background-image: url('https://moustachebikes.com/wp-content/themes/moustachebikes/account/assets/img/bikes/ico-checked.svg'); margin-right: 10px;} /* ---- Léo ---- */ /* ---- IMPORT ---- */ body.mb_account_garage #account-contenu>.add-old-bikes .new-bike-select {cursor: pointer;} body.mb_account_garage #account-contenu>.add-old-bikes .new-bikes-appearance {overflow: hidden;} body.mb_account_garage #account-contenu>.add-old-bikes .new-bikes-appearance>* {padding-left: 40px; padding-right: 40px;} body.mb_account_garage #account-contenu>.add-old-bikes .new-bikes-appearance>.error-alert {padding-top: 10px; padding-bottom: 10px; font-weight: bold; background-color: rgba(255,0,0,0.05); color: red; border-bottom: 1px solid red;} body.mb_account_garage #account-contenu>.add-old-bikes .new-bikes-appearance>.content-div {padding-top: 40px; padding-bottom: 40px;} body.mb_account_garage #account-contenu>.add-old-bikes .new-bikes-appearance>.content-div>.title-content>.errorTxt {color: red; font-weight: bold;} body.mb_account_garage #account-contenu>.add-old-bikes .new-bikes-appearance>.content-div>.flex-infos {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-top: 30px;} body.mb_account_garage #account-contenu>.add-old-bikes .new-bikes-appearance>.content-div>.flex-infos>.infos-list {margin-right: 20px;} body.mb_account_garage #account-contenu>.add-old-bikes .new-bikes-appearance>.content-div>.flex-infos>* {margin-top: 0!important;} body.mb_account_garage #account-contenu>.add-old-bikes .new-bikes-appearance>.content-div>.flex-infos>.checkmark-box {border: 3px solid #000; -webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 30px; -ms-flex: 0 0 30px; flex: 0 0 30px; width: 30px; height: 30px; max-width: 30px; position: relative; margin-left: auto;} body.mb_account_garage #account-contenu>.add-old-bikes .new-bikes-appearance>.content-div>.flex-infos>.checkmark-box::before {opacity: 0; visibility: hidden; content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 40%; border: 2px solid #000; border-top: 0; border-right: 0; -webkit-transform: translate(-40%, -120%) rotate(-55deg) skewX(340deg); -moz-transform: translate(-40%, -120%) rotate(-55deg) skewX(340deg); -ms-transform: translate(-40%, -120%) rotate(-55deg) skewX(340deg); transform: translate(-40%, -120%) rotate(-55deg) skewX(340deg);} body.mb_account_garage #account-contenu>.add-old-bikes .new-bikes-appearance + .new-bikes-appearance {margin-top: 30px;} body.mb_account_garage #account-contenu>.add-old-bikes .new-bikes-appearance.checkedBike>.content-div>.flex-infos>.checkmark-box::before {opacity: 1; visibility: visible;} body.mb_account_garage #account-contenu>.add-old-bikes>*:not(:first-child) {margin-top: 50px;} body.mb_account_garage #account-contenu>.add-old-bikes>.account-form>.champs {display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 20px 100px; gap: 20px 100px;} body.mb_account_garage #account-contenu>.add-old-bikes>.all-buttons {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -moz-box-direction: reverse; -moz-box-orient: horizontal; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; grid-gap: 20px 50px; gap: 20px 50px;} body.mb_account_garage #account-contenu>.add-old-bikes>.all-buttons>button.nextStep {-webkit-appearance: none; appearance: none; border: 0; background-color: rgba(0,0,0,0); color: #000; opacity: 0.5; font-weight: 600; transition: all 0.3s ease-in-out;} body.mb_account_garage #account-contenu>.add-old-bikes>.all-buttons>button.nextStep:hover {opacity: 1;} /* ------ RL ------ */ /* ------ RL ------ */ /* ---- TESTER VELO ---- */ body.mb_account_test-a-bike #account-contenu>.test-eval-list {} body.mb_account_test-a-bike #account-contenu>.test-eval-list>.test-eval-item {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: 30px;} body.mb_account_test-a-bike #account-contenu>.test-eval-list>.test-eval-item>p {width: 100%; margin-right: 30px;} body.mb_account_test-a-bike #account-contenu>.test-eval-list>.test-eval-item>p strong {font-weight: bold;} body.mb_account_test-a-bike #account-contenu>.test-eval-list>.test-eval-item>.button1 {white-space: nowrap; -webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 200px; -ms-flex: 0 0 200px; flex: 0 0 200px;} body.mb_account_test-a-bike #account-contenu>.test-eval-list>.test-eval-item + .test-eval-item {margin-top: 30px;} body.mb_account_test-a-bike #account-contenu>.velos-autour {} body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;} body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour.noAddressSelected>.searchBar-container, body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour.noAddressSelected>.bikesList, body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour.noAddressSelected>.moreTests {display: none; pointer-events: none;} body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.searchBar-container {margin-top: 70px; margin-left: auto; margin-right: auto;} body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.searchBar-container>.TNSsearchBar>.champs {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-shadow: 0 4px 15px rgba(0,0,0,0.05); -moz-box-shadow: 0 4px 15px rgba(0,0,0,0.05); box-shadow: 0 4px 15px rgba(0,0,0,0.05);} body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.searchBar-container>.TNSsearchBar>.champs>label.labelWithIcon {border-radius: 5px 0 0 5px; -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; width: 300px;} body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.searchBar-container>.TNSsearchBar>.champs>button {-webkit-appearance: none; appearance: none; border: 0; border-radius: 0 5px 5px 0; border-left: 1px solid #000; position: relative; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; background-color: #000;} body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.searchBar-container>.TNSsearchBar>.champs>button>.txt, body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.searchBar-container>.TNSsearchBar>.champs>button>.hover {transition: all 0.3s ease-in-out; padding: 7px 20px;} body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.searchBar-container>.TNSsearchBar>.champs>button>.txt {color: #FFF; position: relative; z-index: 2; font-weight: bold; margin: auto;} body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.searchBar-container>.TNSsearchBar>.champs>button>.hover {position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFF; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%);} body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.searchBar-container>.TNSsearchBar>.champs>button:hover>.txt {color: #000;} body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.searchBar-container>.TNSsearchBar>.champs>button:hover>.hover {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);} body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.bikesList, body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.moreTests {position: relative; padding-top: 70px; padding-bottom: 70px;} body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.bikesList {display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; grid-gap: 60px; gap: 60px;} body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.bikesList>.item-velo {text-align: center;} body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.bikesList>.item-velo>.image {max-width: 300px; margin-left: auto; margin-right: auto;} body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.bikesList>.item-velo>.image img {width: 100%;} body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.bikesList>.item-velo>.categorie {font-weight: 600; font-size: 0.8rem; text-transform: uppercase;} body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.bikesList>.item-velo>.titre {font-weight: 900;} body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.bikesList>.item-velo>.distance {font-weight: 900; font-size: 0.8rem; margin-top: 5px;} body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.bikesList>.item-velo>.button1 {margin-top: 20px;} body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.moreTests {background-color: #F2F2F2; text-align: center; border-top: 1px solid #B3B3B3;} body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.moreTests.stopRequest {display: none; pointer-events: none;} body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.moreTests>* {margin-left: auto; margin-right: auto;} body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.moreTests>.button1 {margin-top: 30px;} body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.bikesList.loading {min-height: 300px;} body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.bikesList.loading::before, body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.bikesList.loading::after, body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.bikesList.loading + .moreTests::before {content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.bikesList.loading::before, body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.bikesList.loading + .moreTests::before {z-index: 2; width: 100%; height: 100%; background-color: rgba(255,255,255, 0.5);} body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.bikesList.loading::after {z-index: 3; width: 60px; height: 60px; border: 3px solid #000; border-right-color: rgba(0,0,0,0); border-bottom-color: rgba(0,0,0,0); border-radius: 50%; -moz-animation: mb_account_loading 1s linear infinite; -webkit-animation: mb_account_loading 1s linear infinite; animation: mb_account_loading 1s linear infinite;} body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.bikesList.loading + .moreTests .button1 {cursor: not-allowed;} body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>form {margin: 100px auto; min-width: 400px;} body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>form>.champs>* {margin: auto;} body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>form>.champs>*:not(:first-child) {margin-top: 20px;} body.mb_account_page #popupAccount>.window-popup.popupTNSform>.content-popup {padding-left: 150px; padding-right: 150px; background-image: url('https://moustachebikes.com/wp-content/themes/moustachebikes/img/testNSmile/testnsmileGreyVertical.svg'); background-position: 30px 30px; background-repeat: no-repeat; background-size: 80px; max-width: 1000px;} body.mb_account_page #popupAccount>.window-popup.popupTNSform>.content-popup .imageVelo {max-width: 100%; width: 300px;} body.mb_account_page #popupAccount>.window-popup.popupTNSform>.content-popup .infosShop>.addressInfo {font-size: 14px; line-height: 1.2;} body.mb_account_page #popupAccount>.window-popup.popupTNSform>.content-popup .infosShop>.addressInfo>span {display: block;} body.mb_account_page #popupAccount>.window-popup.popupTNSform>.content-popup .infosShop>form {margin-top: 30px;} body.mb_account_page #popupAccount>.window-popup.popupTNSform>.content-popup .infosShop>form>.champs {display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; min-width: 600px; grid-gap: 20px; gap: 20px;} body.mb_account_page #popupAccount>.window-popup.popupTNSform>.content-popup .infosShop>form>.champs .grid-fullWidth {-ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 2; grid-column-end: 3;} body.mb_account_page #popupAccount>.window-popup.popupTNSform>.content-popup .infosShop>form>.champs label.checkbox-label>span {color: #999; text-align: left; font-size: 11px;} body.mb_account_page #popupAccount>.window-popup.popupTNSform>.content-popup .infosShop>form>.champs label>input {border-bottom: 1px solid #AAA; width: 100%;} body.mb_account_page #popupAccount>.window-popup.popupTNSform>.content-popup .infosShop>form>.champs label>input[disabled] {background-color: #F0F0F0;} body.mb_account_page #popupAccount>.window-popup.popupTNSform>.content-popup .select2 {border: 1px solid #AAA; text-align: left; width: 100%!important;} body.mb_account_page #popupAccount>.window-popup.popupTNSform>.content-popup .select2 .select2-selection {height: auto;} body.mb_account_page #popupAccount>.window-popup.popupTNSform>.content-popup .select2 .select2-selection__rendered {font-size: 14px; padding: 7px 15px; margin-left: 0;} body.mb_account_page #popupAccount>.window-popup.popupTNSform>.content-popup .select2 .select2-selection__arrow {height: 100%;} /* -------- Léo -------- */ /* ---- DOCUMENTATION ---- */ body.mb_account_documentation #account-contenu>#searchDoc .champs {position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-gap: 20px; gap: 20px;} body.mb_account_documentation #account-contenu>#searchDoc .champs label {position: relative; overflow: hidden; width: 100%; max-width: 300px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 10px 30px;} body.mb_account_documentation #account-contenu>#searchDoc .champs input, body.mb_account_documentation #account-contenu>#searchDoc .champs .select2 {width: 100%!important; margin: auto;} body.mb_account_documentation #account-contenu>#searchDoc .champs .select2 .select2-selection__rendered {font-size: 14px; font-weight: 400;} body.mb_account_documentation #account-contenu>#documents-content {} body.mb_account_documentation #account-contenu>#documents-content .title-categorie:not(:first-child) {margin-top: 60px;} body.mb_account_documentation #account-contenu>#documents-content .document-link {display: block; border-bottom: 1px solid rgb(214, 214, 214, 0.42); padding: 9px 30px; position: relative; padding-right: 60px;} body.mb_account_documentation #account-contenu>#documents-content .document-link::after {content: ''; position: absolute; top: 50%; right: 30px; height: 20px; width: 20px; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url('https://moustachebikes.com/wp-content/themes/moustachebikes/img/pictos/download.svg'); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} body.mb_account_documentation #account-contenu>#documents-content .document-link .txtBold {text-transform: uppercase;} body.mb_account_documentation #account-contenu>#documents-content .document-link>.download-txt {position: relative; margin-top: 5px; font-size: 0.8em;} body.mb_account_documentation #account-contenu>#documents-content .document-link>.download-txt::after {content: ''; display: inline-block; height: 1em; width: 1em; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url('https://moustachebikes.com/wp-content/themes/moustachebikes/img/testNSmile/testnsmileGreyVertical.svg');} body.mb_account_documentation #account-contenu>#documents-content .document-link + .document-link {margin-top: 5px;} /* --------- Léo --------- */ /* ---- DEALER ---- */ /*body.mb_account_find-a-dealer #account-contenu>.builderMoustache {padding: 0;}*/ body.mb_account_find-a-dealer #account-contenu>.builderMoustache>#ouacheter {} body.mb_account_find-a-dealer #account-contenu>.builderMoustache>#ouacheter.ready {position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%;} body.mb_account_find-a-dealer #account-contenu>.builderMoustache>#ouacheter:not(.ready) .close-fullscreen {display: none;} body.mb_account_find-a-dealer #account-contenu>.builderMoustache>#ouacheter .close-fullscreen {position: absolute; z-index: 10; top: 30px; right: 30px; width: 60px; height: 60px; border: 2px solid #000; background-color: #FFF; border-radius: 50%; overflow: hidden; cursor: pointer;} body.mb_account_find-a-dealer #account-contenu>.builderMoustache>#ouacheter .close-fullscreen::before, body.mb_account_find-a-dealer #account-contenu>.builderMoustache>#ouacheter .close-fullscreen::after {content: ''; position: absolute; top: 50%; left: 50%; width: 50%; height: 3px; background-color: #000;} body.mb_account_find-a-dealer #account-contenu>.builderMoustache>#ouacheter .close-fullscreen::before {-webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg);} body.mb_account_find-a-dealer #account-contenu>.builderMoustache>#ouacheter .close-fullscreen::after {-webkit-transform: translate(-50%, -50%) rotate(135deg); -moz-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg);} /* ------ RL ------ */ /* ---- MEET & SMILE ---- */ .events-grid {display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 20px; gap: 20px;} .events-grid>.event-item {padding: 30px;border-radius: 15px; -webkit-box-shadow: 0 4px 15px rgba(0,0,0,0.05); -moz-box-shadow: 0 4px 15px rgba(0,0,0,0.05); box-shadow: 0 4px 15px rgba(0,0,0,0.05);} .event-item {font-weight: 600; color: #808080; text-transform: uppercase; font-size: 14px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;} .event-item>* {margin-top: auto; margin-bottom: auto;} .event-item>.event-content {margin-right: auto;} .event-item>.event-content>a.event-title {text-decoration: underline;} .event-item>.event-content>.event-title {font-weight: bold; font-size: 16px;} .event-item>.event-content>.event-title+* {margin-top: 10px;} /*.event-item>.event-loc {font-style: italic;}*/ .event-item>.button1 {margin-left: 30px; -webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 200px; -ms-flex: 0 0 200px; flex: 0 0 200px; width: 200px; max-width: 200px; text-transform: none; text-align: center;} /* --------- RL --------- */ /* ---- RETURN BACK ---- */ #returnBackContent {-webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 100%;} #returnBackContent, #returnBackContent .form_return_bike>.champs {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; text-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;} #returnBackContent>*:not(:first-child) {margin-top: 50px;} #returnBackContent .bike-viewer {} #returnBackContent .bike-viewer>.bike-img {width: 350px; max-width: 100%;} #returnBackContent .bike-viewer>.bike-name {font-weight: bold; margin-top: 10px;} #returnBackContent .bike-viewer>.bike-serial, #returnBackContent .bike-viewer>.bike-code {margin-top: 5px; font-weight: bold; font-size: 14px;} #returnBackContent .form_return_bike>.champs {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-gap: 10px 30px; gap: 10px 30px;} /* -------- Léo -------- */ /* ---- MC VIEWER ---- */ #MoustacheCodeViewer {margin: auto; width: 100%; max-width: 700px; min-height: 100vh; box-sizing: border-box; padding: 30px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; text-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;} #MoustacheCodeViewer>.MC_header {margin-bottom: 30px; font-size: 12px;} #MoustacheCodeViewer>.MC_header>.logoLink {display: inline-block; margin-bottom: 10px;} #MoustacheCodeViewer>.MC_header>.logoLink img {max-width: 100%; width: 200px;} #MoustacheCodeViewer>.MC_content {margin-top: auto; margin-bottom: auto; background-color: #FFF; -webkit-box-shadow: 0 4px 15px rgba(0,0,0,0.05); -moz-box-shadow: 0 4px 15px rgba(0,0,0,0.05); box-shadow: 0 4px 15px rgba(0,0,0,0.05); overflow: hidden; padding: 30px; border-radius: 20px; width: 100%;} #MoustacheCodeViewer>.MC_content>*:not(:first-child) {margin-top: 50px;} #MoustacheCodeViewer>.MC_content>.MC_photo {max-width: 100%; width: 300px;} #MoustacheCodeViewer>.MC_content>.MC_model {font-weight: bold; font-size: 21px;} #MoustacheCodeViewer>.MC_content>.MC_model + .MC_status {margin-top: 10px;} #MoustacheCodeViewer>.MC_content>.MC_proprietaire>* + *, #MoustacheCodeViewer>.MC_content>.MC_contact>* + * {margin-top: 15px;} #MoustacheCodeViewer>.MC_content>.MC_contact>.button1.disabledButton {pointer-events: none; opacity: 0.3;} body.mb_account_page #popupAccount .popupMoustacheViewer .account-form .champs>*+* {margin-top: 15px;} body.mb_account_page #popupAccount .popupMoustacheViewer .account-form .champs>.title2+* {margin-top: 30px;} body.mb_account_page #popupAccount .popupMoustacheViewer .account-form .champs>.button1 {margin-left: auto; margin-right: auto;} body.mb_account_page.iti-mobile .iti--container {z-index: 999998;} /* ------- Léo ------- */ @keyframes mb_account_sending { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes mb_account_loading { 0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); -moz-transform: translate(-50%, -50%) rotate(0deg); -ms-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } 100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); -moz-transform: translate(-50%, -50%) rotate(360deg); -ms-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } } @supports (position: sticky) or (position: -webkit-sticky) { #account-sidebar>ul {position: -webkit-sticky; position: sticky; top: 0;} #login-container>.rightLogin>img {position:-webkit-sticky; position:sticky; top: 0; height: 100vh;} /*body.mb_account_test-a-bike #account-contenu>.velos-autour>.contenuAutour>.bikesList.loading::after {position:-webkit-sticky; position:sticky;}*/ }