/** * 2007-2017 PrestaShop * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@prestashop.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade PrestaShop to newer * versions in the future. If you wish to customize PrestaShop for your * needs please refer to http://www.prestashop.com for more information. * * @author PrestaShop SA * @copyright 2007-2017 PrestaShop SA * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) * International Registered Trademark & Property of PrestaShop SA * * Don't forget to prefix your containers with your own identifier * to avoid any conflicts with others containers. */ /*Custom css ZS*/ /*Change the wizard module alert-info*/ .zs-form-terms a{color:#337db9;} .zs-form-terms a:hover{color:rgb(79, 156, 214);} #authentication .zs-loyalty-sign-in{margin-bottom:20px;} #authentication .zs-loyalty-sign-in .zs-infos-number{margin-bottom: 20px;margin-top: 3px;font-style: italic;color: #aaa;} /* Account pages */ #module-zerosix-account .zs-container-loyalty-informations{margin-top:30px;} #module-zerosix-account .zs-container-loyalty-informations p{font-size:16px;margin-bottom:10px;font-weight:300;margin-bottom:7px;} #module-zerosix-account .zs-container-loyalty-informations .zs-blue-bold{font-weight:500;color:#558ac5;} #module-zerosix-account .zs-container-loyalty-informations .zs-associate-icon{color:#558ac5;font-size:20px;min-width:25px;text-align: center;} #module-zerosix-account .zs-container-loyalty-informations .zs-card-creation-date .zs-associate-icon{font-size:15px;} #module-zerosix-account .page-subheading{padding-bottom:0;} #module-zerosix-account h2.page-subheading{margin-top:40px;} #module-zerosix-account .zs-container-statut-informations{margin-top:40px;} #module-zerosix-account .zs-container-statut-informations .zs-container-statut-icon figcaption, #module-zerosix-account .zs-container-statut-informations .zs-container-statut-icon img{display: block;margin:0 auto;max-width:100%;width:100px;height:100px;} #module-zerosix-account .zs-container-statut-informations .zs-container-statut-icon figcaption{margin-top:10px;font-weight:600;color:#777;font-size:16px;text-align:center} #module-zerosix-account .zs-container-statut-informations .zs-container-statut-infos .statut-points-infos{color:#fff;font-size:16px;background:#337db9;padding:8px;} #module-zerosix-account .zs-container-statut-informations .zs-container-statut-infos .statut-points-infos .bold{font-weight:600;} #module-zerosix-account .zs-container-statut-informations .zs-container-statut-infos .statut-points-infos i{min-width:25px;text-align:center;} #module-zerosix-account .zs-container-statut-informations .zs-container-statut-infos .zs-title-statut-description{font-size:16px;color:#337db9;font-weight:600;} #module-zerosix-account .zs-container-statut-informations .zs-container-statut-infos .zs-statut-description{margin-bottom:20px;} #module-zerosix-account .zs-container-statut-informations .zs-container-statut-infos .zs-statut-description p{font-size:14px;} #module-zerosix-account .zs-container-statut-informations .zs-container-statut-infos .zs-statut-description ul{padding-left:20px;} #module-zerosix-account .zs-container-statut-informations .zs-container-statut-infos .zs-statut-description ul li{list-style: disc;font-weight:600;} #module-zerosix-account .zs-container-statut-informations .zs-container-statut-infos .zs-next-statut-name{font-size:16px;} #module-zerosix-account .zs-container-statut-informations .zs-container-statut-infos .zs-next-statut-name img{width:20px;height:20px;} #module-zerosix-account .zs-container-statut-informations .zs-container-statut-infos .zs-next-statut-name .bold{color:#337db9;font-weight:600;} #module-zerosix-account .zs-container-statut-informations .zs-container-statut-infos .zs-next-statut-points{font-size:16px;} #module-zerosix-account .zs-container-statut-informations .zs-container-statut-infos .zs-next-statut-points .bold{color:#337db9;font-weight:600;} #module-zerosix-account .zs-container-points-informations {margin-top:40px;} #module-zerosix-account .zs-container-points-informations .zs-point-balance{font-size:16px;} #module-zerosix-account .zs-container-points-informations .zs-point-balance .convert-amount{margin-top: 10px;margin-bottom: 10px;} #module-zerosix-account .zs-container-points-informations .zs-point-balance .bold{color:#337db9;} #module-zerosix-account .zs-container-points-informations .zs-point-balance i{min-width:25px;color:#337db9;text-align:center;} #module-zerosix-account .zs-container-points-informations .zs-next-reward{font-size:16px;margin-top:15px;} #module-zerosix-account .zs-container-points-informations .zs-next-reward .bold{color:#337db9;} #module-zerosix-account .zs-container-points-informations .zs-next-reward i{min-width:25px;color:#337db9;text-align:center;} #module-zerosix-account .zs-container-points-informations .zs-reward-use-info{color:#337db9;font-size:12px;font-style: italic;margin-top:0;line-height:14px;} #module-zerosix-account .zs-container-reward-informations p{font-size:16px;margin-top:15px;} #module-zerosix-account .zs-container-reward-informations p .bold{color:#337db9;} #module-zerosix-account .zs-container-reward-informations p i{min-width:25px;color:#337db9;text-align:center} #module-zerosix-account .zs-container-reward-informations .zs-reward-use-info{color:#337db9;font-size:12px;font-style: italic;margin-top:0;line-height:14px;} #module-zerosix-account .zs-reward-list-title{font-size:16px; font-weight:bold;margin-bottom:15px;} #module-zerosix-account .zs-reward-card{background:#fff;border:1px solid #ccc;margin-bottom:20px;} #module-zerosix-account .zs-reward-card .zs-reward-card-title{background:#337db9;color:#fff;padding:10px;font-size:18px;margin:0;} #module-zerosix-account .zs-reward-card .zs-reward-card-content{padding:15px;} #module-zerosix-account .zs-reward-card .zs-reward-card-content .zs-reward-card-value{font-size:18px;margin-bottom:10px;} #module-zerosix-account .zs-reward-card .zs-reward-card-content .zs-reward-card-value .bold{font-size:18px;font-weight:600;color:#337db9;} #module-zerosix-account .zs-reward-card .zs-reward-card-content .zs-reward-card-description-title{font-size:14px;font-weight:600;} #module-zerosix-account .zs-reward-card .zs-reward-card-content .zs-reward-card-description{font-size:14px;margin-bottom:10px;} #module-zerosix-account .zs-reward-card .zs-reward-card-content .zs-reward-attribution-date{font-size:12px;} #module-zerosix-account .zs-reward-card .zs-reward-card-content .zs-reward-attribution-date .blue{color:#337db9;} #module-zerosix-account .zs-reward-card .zs-reward-card-content .zs-reward-expiration-date{font-size:12px;} #module-zerosix-account .zs-reward-card .zs-reward-card-content .zs-reward-expiration-date .blue{color:#337db9;} #module-zerosix-account .special-voucher-container{margin:0 -15px !important;} #module-zerosix-account .zs-actions{text-align:right;} #module-zerosix-account .zs-actions > *{text-align:right;margin-bottom:5px;} #module-zerosix-account .zs-actions-contact {display:flex;justify-content: flex-end;align-items: center;} #module-zerosix-account .zs-actions-contact .info{padding-right:15px;} #module-zerosix-account .zs-form-mobile-label{display:block;} #module-zerosix-account .zs-form-label{min-width: 250px;} #module-zerosix-account .zs-sponsor-comment{display: inline-block;max-width:450px; vertical-align: middle;padding-top:0px;} #module-zerosix-account .zs-container-loyaty-informaitons {margin:20px 0;} #module-zerosix-account .zs-container-loyaty-informaitons .zs-loyaty-informaitons{display:flex;align-items:center;} #module-zerosix-account .zs-container-loyaty-informaitons .zs-loyaty-informaitons > i{font-size:35px;padding: 20px;background: #74b466;border-radius: 100%;color: #fff;margin-right: 15px;} #module-zerosix-account .zs-container-loyaty-informaitons .zs-loyaty-informaitons > div h1{margin: 0;font-weight: 900;color: #74b466;} #module-zerosix-account .zs-loyalty-statut .zs-statut-name{font-weight: 900;color: #428bca;} /*command wizard page 1*/ #order #HOOK_SHOPPING_CART {margin-top:-30px;margin-bottom:20px;} /*command wizard page 5*/ #checkout-payment-step .paiement-step-infos{margin-bottom: 10px;} #checkout-payment-step .paiement-step-infos i{font-size: 25px;padding: 8px;margin-right: 15px;background: #74b466;border-radius: 100%;color: #fff;width: 40px;height: 40px;} #order #HOOK_TOP_PAYMENT .paiement-step-infos, #checkout-payment-step .paiement-step-infos{background:#fbfbfb;border:1px solid #ccc;border-color:#ccc;display:flex;justify-content: flex-start;align-items: center;padding:15px;} #order #HOOK_TOP_PAYMENT .paiement-step-infos p, #checkout-payment-step .paiement-step-infos p{margin-bottom:0;padding-right:15px;font-weight:600;font-size:16px;} #order #HOOK_TOP_PAYMENT .paiement-step-infos i {font-size:25px;padding:15px;margin-right:15px;background:#74b466;border-radius:100%;color:#fff;} #order #HOOK_TOP_PAYMENT .paiement-step-infos .infos, #checkout-payment-step .paiement-step-infos .infos{margin-bottom:5px;} #order #HOOK_TOP_PAYMENT .paiement-step-infos .green, #checkout-payment-step .paiement-step-infos .green{color: #74b466;} #order #HOOK_TOP_PAYMENT .paiement-step-infos .amount, #checkout-payment-step .paiement-step-infos .amount{font-weight:400;} /* In admin profil client page */ .ps_back-office.page-sidebar.admincustomers .zs-profil-loyalty-card .bold{font-weight:600;} .ps_back-office.page-sidebar.admindashboard .zs-panel-list-container {border:1px solid #ccc;border-radius:3px;padding:20px;list-style:none;} .ps_back-office.page-sidebar.admindashboard .zs-panel-list-container li {display:flex;justify-content: space-between;align-items: center;padding: 0 10px;} @media screen and (max-width: 600px) { #module-zerosix-account .zs-loyaty-informaitons{flex-direction: column;justify-content: center;} #module-zerosix-account .zs-loyaty-informaitons > i{margin-right: 0px;margin-bottom: 10px;} } /*### PS_17 ###*/ #zs_customer_content.page-content {box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);background: #fff;padding: 1rem;font-size: .875rem;color: #7a7a7a;} #zs_customer_content.page-content .zs-container-loyaty-informaitons .zs-loyaty-informaitons > i {font-size: 45px;padding-top: 20px;padding-left: 21px;background: #74b466;border-radius: 100%;color: #fff;margin-right: 15px;height: 85px;width: 85px;} #authentication .zs-account-create-title{margin-bottom:15px;color:#2FB5D1;} #authentication .zs-account-create-para{font-size:14px;} #authentication .zs-account-create-title span{font-weight:300;color:#777;font-size:14px;padding-left:5px;} #authentication .no-padding-top-label{padding-top:0;} #authentication .zs-input-comment{font-size:12px;} #module-zerosix-account #zs_customer_content .zs-sepa-title{} #module-zerosix-account #zs_customer_content .zs-container-loyaty-informaitons{} #module-zerosix-account #zs_customer_content .zs-container-loyaty-informaitons .zs-blue-bold{font-weight:600;color:#2FB5D1;} #module-zerosix-account .zs-container-loyaty-informaitons i{color:#2fb5d2} #module-zerosix-account .zs-container-statut-informations .zs-container-statut-infos.ps-17 .statut-points-infos{background:#2fb5d2;padding:8px;margin-bottom:20px;} #module-zerosix-account .zs-container-statut-informations .zs-container-statut-infos.ps-17 .statut-points-infos p{color:#fff;font-size:16px;padding:8px;margin-bottom:0;} #module-zerosix-account .zs-container-statut-informations .zs-container-statut-infos .zs-title-statut-description{color:#2fb5d2;} #module-zerosix-account .zs-container-statut-informations .zs-container-statut-infos .zs-next-statut-name .bold, #module-zerosix-account .zs-container-statut-informations .zs-container-statut-infos .zs-next-statut-points .bold{color:#2fb5d2;} #module-zerosix-account #convertCashBackForm{ } #module-zerosix-account .zs-container-points-informations .zs-point-balance .convert-amount{ font-size:13px;margin-top:0; } #module-zerosix-account .zs-container-reward-informations.ps-17 p:first-child{margin-top:15px;margin-bottom:0;} #module-zerosix-account .zs-container-reward-informations.ps-17 p:last-child{margin-bottom:15px;margin-top:0;} #module-zerosix-account .zs-container-reward-informations.ps-17 p .bold{color:#2fb5d2;} #module-zerosix-account .zs-container-reward-informations.ps-17 p i{color:#2fb5d2;} #module-zerosix-account .zs-container-reward-informations.ps-17 p.zs-reward-use-info{color:#2fb5d2;} #module-zerosix-account .zs-container-points-informations.ps-17 .bold{color:#2fb5d2;} #module-zerosix-account .zs-container-points-informations.ps-17 i{color:#2fb5d2;} #module-zerosix-account .zs-container-points-informations.ps-17 p.zs-reward-use-info{color:#2fb5d2;} #module-zerosix-account .zs-container-points-informations.ps-17 p:first-child{margin-top:15px;margin-bottom:0;} .zs-reward-list-title.ps-17{ color:#2fb5d2;font-size:16px;margin-top:30px;margin-bottom:30px; } #module-zerosix-account .special-voucher-container.ps-17 .zs-reward-card-title{background:#2fb5d2;} #module-zerosix-account .special-voucher-container.ps-17 .zs-reward-card-value .bold{color:#2fb5d2;} #module-zerosix-account .special-voucher-container.ps-17 .zs-reward-attribution-date{margin-bottom:0;} #module-zerosix-account .special-voucher-container.ps-17 .zs-reward-attribution-date .blue{color:#2fb5d2;} #module-zerosix-account .special-voucher-container.ps-17 .zs-reward-expiration-date{margin-bottom:0;} #module-zerosix-account .special-voucher-container.ps-17 .zs-reward-expiration-date .blue{color:#2fb5d2;} #module-zerosix-account .special-voucher-container.ps-17 .col-xs-12:nth-child(odd){padding-left:0 !important;} #module-zerosix-account .special-voucher-container.ps-17 .col-xs-12:nth-child(even){padding-right:0 !important;} #module-zerosix-account .ps-17-account-button{background:#2fb5d2;color:#fff;font-weight:600;} #module-zerosix-account .ps-17-account-button:hover{background:#2592a9;} #order #HOOK_TOP_PAYMENT .paiement-step-infos.ps-17 i {background:#2fb5d2;} #order #HOOK_TOP_PAYMENT .paiement-step-infos.ps-17 .green, #checkout-payment-step .paiement-step-infos.ps-17 .green{color: #2fb5d2;} #checkout-payment-step .paiement-step-infos.ps-17 i{background: #2fb5d2;} /* shopping cart styles */ #zerosix-shopping-cart-footer-wrapper { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; background: #fff; border-radius: 15px; margin-top: 1rem; margin-bottom: 1rem; box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2); -webkit-box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2); -moz-box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2); overflow: hidden; } #zerosix-shopping-cart-footer-wrapper .zerosix-shopping-cart-footer-image { width: 150px; min-height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; flex: 0 0 150px; align-self: stretch; } @media screen and (max-width: 480px) { #zerosix-shopping-cart-footer-wrapper .zerosix-shopping-cart-footer-image { display: none; } } #zerosix-shopping-cart-footer-wrapper .zerosix-shopping-cart-footer-infos { padding: 1rem; max-width: 100%; flex: 1 1 auto; } #zerosix-shopping-cart-footer-wrapper .zerosix-shopping-cart-footer-infos .zerosix-shopping-cart-footer-infos-title { font-size: 1.2rem; font-weight: 600; margin-bottom: 0.5rem; } #zerosix-shopping-cart-footer-wrapper .zerosix-shopping-cart-footer-infos .zerosix-shopping-cart-footer-infos-subtitle { font-size: 1rem; margin-bottom: 2rem; } #zerosix-shopping-cart-footer-wrapper .zerosix-shopping-cart-footer-infos-buttons{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 1rem; } /************ join fidelity *************/ #zerosix-join .backdrop{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 999; } #zerosix-join dialog{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; max-width: 700px; max-height: 90vh; overflow: auto; background-color: #fff; border-radius: 5px; padding: 1rem 3rem; border: none; box-shadow: 0 0 10px rgba(0,0,0,.5); } #zerosix-join dialog header{ width: 100%; height: 1rem; margin-bottom: 1rem; } #zerosix-join dialog form.dialog-content{ width: 100%; margin-bottom: 1rem; } #zerosix-join dialog form.dialog-content input{ padding: 1rem; line-height: 1rem; border-radius: 5px; border: 1px solid #000; width: 100%; } #zerosix-join dialog form.dialog-content input[type="checkbox"]{ width: 15px; margin-right: 1rem; } #zerosix-join dialog form.dialog-content input[name="_name"]{ display: none; } #zerosix-join dialog form.dialog-content .zsx-form-group{ margin-bottom: 1rem; } #zerosix-join dialog form.dialog-content .zsx-buttons{ display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; margin-top: 1rem; } #zerosix-join dialog form.dialog-content .zsx-buttons .zsx-btn{ background-color: #000; color: #fff; padding: 0.5rem 2rem; border-radius: 25px; border: none; cursor: pointer; } #zerosix-join dialog form.dialog-content .zsx-red{ color: red; } /* loading overlay */ #zerosix-join dialog div.loading-overlay{ display: none; } #zerosix-join.loading dialog div.loading-overlay{ display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: hsla(0,0%,0%,.5); z-index: 1001; } .spinner { position: absolute; top: calc(50% - 25px); left: calc(50% - 25px); width: 50px; height: 50px; border: 5px solid #fff; border-top: 5px solid #000; border-bottom: 5px solid #000; border-radius: 50%; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }