html {
scroll-behavior: smooth;
}
body,
html {
color: #262829;
font-family: Open Sans, sans-serif;
font-weight: 400;
}
#__next,
body,
html {
height: 100%;
}
a {
transition: color 0.3s;
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
}
.btn svg {
display: inline-block;
vertical-align: middle;
height: 1em;
width: 1em;
flex-shrink: 0;
color: currentColor;
}
.btn svg:not(:only-child):first-child {
margin-right: 0.5em;
}
.btn svg:not(:only-child):last-child {
margin-left: 0.5em;
}
.btn svg:only-child {
margin: 0.25em -0.125em;
}
@media (max-width: 767.98px) {
.btn.btn-icon span {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.btn.btn-icon svg:not(:only-child) {
margin: 0.25em -0.125em;
}
}
.btns {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: -0.25rem;
}
.btns .btn {
margin: 0.25rem;
}
svg {
fill: currentColor;
}
h1 {
font-family: Open Sans, sans-serif;
font-size: 28.42px;
font-weight: 700;
}
.bold-page-title {
color: #134894;
font-family: Quicksand, sans-serif;
font-size: 1.75rem;
font-weight: 700;
line-height: 1.2;
margin-bottom: 1em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.bold-page-title {
font-size: 2.5rem;
}
}
h2 {
font-family: Open Sans, sans-serif;
font-size: 21.38px;
font-weight: 600;
}
h2.section-title {
align-items: center;
color: #134894 !important;
display: flex;
flex-direction: row;
font-size: 28px;
font-weight: 400;
margin-bottom: 34px;
}
h2.section-title .section-title-icon-container {
align-items: center;
background-color: #134894;
border-radius: 50%;
color: #fff;
display: flex;
font-size: 16px;
font-weight: 700;
height: 30px;
justify-content: center;
margin-right: 12px;
padding: 4px;
width: 30px;
}
h2.section-title .section-title-icon-container svg {
fill: #fff;
height: 16px;
width: 16px;
}
@media screen and (max-width: 768px) {
h2.section-title,
h2.section-title .section-title-icon-container {
font-size: 18px;
}
}
h2.bo-store-title {
color: #262829;
font-family: Open Sans, sans-serif;
font-size: 21px;
font-weight: 600;
margin-bottom: 16px;
}
@media screen and (min-width: 426px) {
h2.bo-store-title {
font-size: 38px;
font-weight: 800;
margin-bottom: 38px;
}
}
.title h2 {
color: #134894 !important;
}
h3 {
font-family: Open Sans, sans-serif;
font-size: 16px;
font-weight: 400;
}
h3.bo-store-content-title {
font-weight: 700;
}
h4,
h4.bo-store-section-title {
font-family: Open Sans, sans-serif;
}
h4.bo-store-section-title {
font-size: 18px;
margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
h4.bo-store-section-title {
font-size: 21px;
}
}
.small-paragraph-title {
color: #474747;
font-family: Open Sans, sans-serif;
font-size: 14px;
line-height: 22px;
}
@media screen and (min-width: 768px) {
.small-paragraph-title {
font-size: 16px;
}
}
.counter-caracter {
color: #000 !important;
font-size: 12px !important;
margin: 5px !important;
text-align: end !important;
}
.paragraph {
color: #474747;
font-size: 16px;
}
.paragraph,
.small-label {
font-family: Open Sans, sans-serif;
}
.small-label {
color: #878787;
font-size: 14px;
}
.bo-store-small-label {
color: #b3b3b3;
font-family: Open Sans, sans-serif;
font-size: 12px;
}
label.input-top-label,
legend.input-top-label {
color: #878787;
font-family: Open Sans, sans-serif;
font-size: 14px;
font-weight: lighter;
margin-bottom: 0;
}
form .form-group {
margin-bottom: 24px !important;
}
.form-check-label {
color: #878787;
}
.form-check-label a {
color: currentColor;
text-decoration: underline;
}
input:not(.form-control):not([type="checkbox"]):not([type="radio"]) {
border: 1px solid #c5c5c5;
border-radius: 5px !important;
padding: 12px !important;
width: 100%;
}
input:not(.form-control):not([type="checkbox"]):not([type="radio"]).colored-input {
background-color: #fde8ec;
color: #134894;
}
input:not(.form-control):not([type="checkbox"]):not([type="radio"])::-webkit-input-placeholder {
color: #b3b3b3 !important;
font-family: Open Sans, sans-serif !important;
font-size: 14px !important;
font-weight: 400;
}
input:not(.form-control):not([type="checkbox"]):not([type="radio"]):-ms-input-placeholder {
color: #b3b3b3 !important;
font-family: Open Sans, sans-serif !important;
font-size: 14px !important;
font-weight: 400;
}
input:not(.form-control):not([type="checkbox"]):not([type="radio"])::-ms-input-placeholder {
color: #b3b3b3 !important;
font-family: Open Sans, sans-serif !important;
font-size: 14px !important;
font-weight: 400;
}
input:not(.form-control):not([type="checkbox"]):not([type="radio"])::placeholder {
color: #b3b3b3 !important;
font-family: Open Sans, sans-serif !important;
font-size: 14px !important;
font-weight: 400;
}
input:not(.form-control):not([type="checkbox"]):not([type="radio"]).invalid {
border-color: #c0392b;
}
input:not(.form-control):not([type="checkbox"]):not([type="radio"]).valid {
border-color: #27ae60;
}
textarea {
margin-bottom: 24px;
}
textarea::-webkit-input-placeholder {
color: #b3b3b3 !important;
font-family: Open Sans, sans-serif !important;
font-size: 14px !important;
font-weight: 400;
}
textarea:-ms-input-placeholder {
color: #b3b3b3 !important;
font-family: Open Sans, sans-serif !important;
font-size: 14px !important;
font-weight: 400;
}
textarea::-ms-input-placeholder {
color: #b3b3b3 !important;
font-family: Open Sans, sans-serif !important;
font-size: 14px !important;
font-weight: 400;
}
textarea::placeholder {
color: #b3b3b3 !important;
font-family: Open Sans, sans-serif !important;
font-size: 14px !important;
font-weight: 400;
}
.custom-checkbox,
.custom-radio {
margin-bottom: 10px;
}
.custom-checkbox input[type="checkbox"],
.custom-radio input[type="checkbox"] {
height: 21px;
width: 21px;
}
.custom-checkbox label,
.custom-radio label {
color: #878787;
display: flex;
flex-direction: column;
font-size: 14px;
height: 21px;
justify-content: center;
padding-left: 10px;
}
.custom-checkbox label:hover,
.custom-radio label:hover {
cursor: pointer;
}
.custom-checkbox label:after,
.custom-checkbox label:before,
.custom-radio label:after,
.custom-radio label:before {
height: 21px;
margin-top: -2px;
width: 21px;
}
.custom-checkbox input[type="checkbox"]:checked ~ label:before {
background-color: #134894 !important;
border-color: #fff !important;
}
.input-group-text {
background-color: #fff;
border-color: #e0e0e0;
}
.input-group-text.invalid {
border-color: #c0392b;
}
.input-group-text.valid {
border-color: #27ae60;
}
.form-control:disabled + .input-group-append .input-group-text,
.form-control[readonly] + .input-group-append .input-group-text {
background-color: #e9ecef;
}
.checkbox-container,
.radio-container {
align-items: center;
cursor: pointer;
display: flex;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.checkbox-container:hover input ~ .checkmark,
.radio-container:hover input ~ .checkmark {
background-color: #ccc;
}
.checkbox-container input,
.radio-container input {
cursor: pointer;
height: 0;
opacity: 0;
position: absolute;
width: 0;
}
.checkbox-container input:checked ~ .checkmark,
.radio-container input:checked ~ .checkmark {
background-color: #134894;
}
.checkbox-container input:checked ~ .checkmark:after,
.radio-container input:checked ~ .checkmark:after {
display: block;
}
.checkbox-container input:checked ~ p,
.radio-container input:checked ~ p {
color: #134894;
}
.checkbox-container .checkmark,
.radio-container .checkmark {
background-color: #eee;
border-radius: 50%;
height: 24px;
left: 0;
position: absolute;
top: 0;
width: 24px;
}
.checkbox-container .checkmark:after,
.radio-container .checkmark:after {
background: #fff;
border-radius: 50%;
content: "";
display: none;
height: 8px;
left: 8px;
position: absolute;
top: 8px;
width: 8px;
}
.checkbox-container p,
.radio-container p {
margin: 0 0 0 10px;
color: #878787 !important;
}
.checkbox-container p.bo-store-radio-label,
.radio-container p.bo-store-radio-label {
color: #b3b3b3;
font-size: 12px;
margin-right: 15px;
}
@media screen and (min-width: 426px) {
.checkbox-container p,
.radio-container p {
align-items: center;
display: flex;
height: 24px;
}
}
.checkbox-container .checkmark {
border-radius: 4px;
}
.checkbox-container .checkmark:after {
content: "✓";
color: #fff;
font-size: 16px;
background-color: transparent;
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
text-align: center;
}
.react-autosuggest__container {
position: relative;
}
.react-autosuggest__input {
border: 1px solid #aaa;
border-radius: 4px;
font-family: Helvetica, sans-serif;
font-size: 1rem;
font-weight: 200;
height: 30px;
padding: 10px 12px;
width: 100%;
}
.react-autosuggest__input--focused {
outline: none;
}
.react-autosuggest__input--open {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.react-autosuggest__suggestions-container {
display: none;
}
.react-autosuggest__suggestions-container--open {
background-color: #fff;
border: 1px solid #e0e0e0;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
display: block;
line-height: 1.2;
position: absolute;
left: -1px;
top: 100%;
width: 100%;
z-index: 9999;
}
.react-autosuggest__suggestions-list {
list-style-type: none;
margin: 0;
padding: 0;
}
.react-autosuggest__suggestion {
cursor: pointer;
padding: 10px 12px;
}
.react-autosuggest__suggestion--highlighted {
background-color: #ddd;
}
.timefield-input {
border: 1px solid #ced4da;
height: calc(1.5em + 0.75rem + 2px);
width: 100% !important;
}
a.toggle-button,
button.toggle-button {
border-radius: 1.5em;
color: #474747;
font-size: 1em;
line-height: 1;
padding: 0.75em 1em;
text-align: center;
border: 1px solid #e0e0e0;
background-color: #fff;
transition: color 0.3s, background-color 0.3s, border-color 0.3s;
margin: 0;
width: 100%;
cursor: pointer;
}
a.toggle-button:hover,
button.toggle-button:hover {
border-color: #134894 !important;
}
a.toggle-button.selected,
button.toggle-button.selected {
border-color: #134894 !important;
background-color: #134894 !important;
color: #fff !important;
}
a.big-button,
button.big-button {
background: #134894;
border: 1px solid transparent;
border-radius: 0 !important;
font-size: 20px;
padding: 20px 40px;
text-transform: uppercase;
color: #fff;
}
a.big-button:not(.disabled):not([disabled]):focus,
a.big-button:not(.disabled):not([disabled]):hover,
button.big-button:not(.disabled):not([disabled]):focus,
button.big-button:not(.disabled):not([disabled]):hover {
background: #fff;
border: 1px solid #134894;
color: #134894;
text-decoration: none;
}
button.small-button {
background: #134894;
color: #fff;
border: 0;
border-radius: 0 !important;
font-size: 16px;
padding: 10px 20px;
}
button.bo-store-big-button {
background-color: #fde8ec;
border: 0;
border-radius: 5px;
color: #fdaabc;
font-size: 14px;
padding: 10px 20px;
text-transform: uppercase;
}
button.bo-store-big-button:hover {
background-color: #134894;
}
button.bo-store-big-button:focus {
background-color: #f6788b !important;
}
button.bo-store-button {
background: #134894;
border: 0;
border-radius: 5px;
color: #fff;
font-size: 14px;
padding: 10px 18px;
text-transform: uppercase;
}
button.bo-store-button.outlined {
background: none;
border: 1px solid #134894;
color: #134894;
}
button.bo-store-button.outlined:hover {
background: #fde8ec;
}
button.bo-store-button:hover {
background: #fdaabc;
}
.big-label {
margin-bottom: 3rem;
}
.big-label .big-label-content {
display: flex;
align-items: baseline;
font-size: 1.25rem;
color: #134894;
}
.big-label .badge:first-child {
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
width: 2em;
height: 2em;
padding: 0;
margin-right: 0.75em;
}
.react-datepicker-wrapper {
width: 100%;
}
.small-link {
color: #134894 !important;
font-family: Open Sans, sans-serif;
font-size: 12px;
font-weight: lighter;
text-decoration: underline;
}
.small-link:hover {
color: #fdaabc !important;
cursor: pointer;
text-decoration: underline !important;
}
.small-link-grey {
color: #878787;
font-family: Open Sans, sans-serif;
font-size: 12px;
font-weight: lighter;
text-align: center;
text-decoration: underline;
}
.small-link-grey:hover {
cursor: pointer;
}
.link-grey {
color: #878787;
font-family: Open Sans, sans-serif;
font-weight: lighter;
text-align: center;
text-decoration: underline;
}
.link-grey:hover {
cursor: pointer;
color: #000;
}
.delimiter {
background-color: #e0e0e0;
border: 0;
height: 1px;
margin: 40px 0;
width: 100%;
}
.content {
display: flex;
position: relative;
}
.section-header {
padding-top: 15px;
}
#Itulip {
fill: #fff;
}
.round {
border-radius: 50%;
}
.link {
text-decoration: underline !important;
}
.link:hover {
cursor: pointer;
}
@media screen and (max-width: 425px) {
.hide-on-mobile {
display: none !important;
}
}
@media screen and (max-width: 768px) and (min-width: 426px) {
.hide-on-tablet {
display: none !important;
}
}
@media screen and (min-width: 769px) {
.hide-on-screen {
display: none !important;
}
}
.card {
background-color: #fff;
margin-bottom: 16px;
min-height: 410px;
}
.card .card-title {
display: flex;
justify-content: space-between;
}
.card-store {
border: 0 !important;
}
.navbar-user .bread h1 {
color: #134894;
font-family: Quicksand, sans-serif;
}
.bread h1 {
color: #262829;
font-family: Open Sans, sans-serif;
font-size: 37.9px;
font-weight: 800;
letter-spacing: 0;
margin-bottom: 40px;
}
.bread nav[aria-label="breadcrumb"] {
background-color: transparent;
height: auto;
position: static;
}
.bread nav[aria-label="breadcrumb"] .breadcrumb {
background-color: transparent;
}
.bread nav[aria-label="breadcrumb"] ol {
margin-bottom: 0;
padding-left: 0;
}
.bread nav[aria-label="breadcrumb"] ol .breadcrumb-link:hover {
cursor: pointer;
}
.bread nav[aria-label="breadcrumb"] ol li {
color: #134894;
font-size: 12px;
text-transform: uppercase;
}
.bread nav[aria-label="breadcrumb"] ol .active {
color: #da5673;
}
.bread nav[aria-label="breadcrumb"] ol .active:before {
color: #134894;
content: "\\";
}
.coming-soon h1 {
font-size: 21.38px;
font-weight: 600;
}
.area-alert {
position: fixed;
right: -5px;
top: 68px;
z-index: 99999;
}
.area-alert .card-alert {
background-color: #fff;
border-left: 5px solid #134894;
border-radius: 3px;
box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
display: flex;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
margin-bottom: 5px;
padding: 10px;
position: relative;
right: 15px;
top: 15px;
width: 350px;
}
.area-alert .card-alert .text-alert {
width: 330px;
}
.area-alert .card-alert .text-alert .primary-text-alert {
margin: 0;
text-transform: uppercase;
}
.area-alert .card-alert .text-alert .primary-text-alert b {
color: inherit;
}
.area-alert .card-alert .text-alert .link-alert {
color: #134894;
font-size: smaller;
margin: 0;
}
.area-alert .card-alert .text-alert .link-alert:hover {
cursor: pointer;
text-decoration: underline;
}
.area-alert .card-alert .text-alert .link-alert img {
height: 10px;
margin-left: 5px;
}
.area-alert .card-alert .text-alert .link-alert .svg-arrow-red {
fill: #134894;
height: 10px;
margin-left: 5px;
stroke: #134894;
}
.area-alert .card-alert .close-alert {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
}
.area-alert .card-alert .close-alert .close-btn-alert {
position: absolute;
right: 7px;
top: 0;
}
.area-alert .card-alert .close-alert .close-btn-alert:hover {
cursor: pointer;
}
.area-alert .card-alert .close-alert .close-btn-alert div {
color: #e0e0e0;
height: 25px;
}
.row-mobile .col-lg-auto,
.row-mobile .col-md-auto,
.row-mobile .col-sm-auto {
width: auto;
}
.carousel-indicators {
margin: 0 auto;
left: 50%;
right: auto;
background-color: #fff;
border-radius: 0.5rem 0.5rem 0 0;
transform: translate(-50%);
padding: 0 0.5rem;
}
.carousel-indicators li {
opacity: 1;
border-radius: 50%;
transition: background-color 0.3s;
}
.carousel-indicators .active {
background-color: #134894;
}
.modal {
max-width: 100vw;
}
.modal.show {
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}
.modal-dialog {
max-width: 540px;
}
.modal-content {
box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.2);
height: auto;
}
.modal-header {
display: flex;
align-items: center;
}
.modal-header .modal-title {
color: #134894;
font-family: Open Sans, sans-serif;
font-size: 1.5rem;
width: 100%;
}
.modal-header .close {
opacity: 1;
color: #134894;
font-size: 2rem;
}
.modal-header .close:hover {
opacity: 0.75;
}
.modal-footer {
justify-content: center;
}
@media screen and (min-width: 768px) {
.modal-footer {
justify-content: space-between;
}
}
.modal-backdrop {
background-color: transparent;
}
.swiper-reference .home-link {
color: #134894 !important;
text-decoration: none;
font-weight: 700;
}
.swiper-reference .home-link:hover {
cursor: pointer;
text-decoration: underline;
}
.title-top-bar:before {
content: "";
display: block;
background: #134894;
height: 3px;
border-radius: 1.5px;
margin: 20px 0;
width: 66px !important;
}
.title-top-bar:first-child:before {
margin-top: 0;
}
.title-uppercase {
text-transform: uppercase;
}
.landing-subtitle,
.landing-title {
font-family: Quicksand, sans-serif;
}
.landing-title {
position: relative;
font-size: 2.2rem;
line-height: 1.1;
font-weight: 700;
color: #134894;
margin-bottom: 1.75rem;
}
@media screen and (min-width: 768px) {
.landing-title {
font-size: 2.7rem;
}
}
.landing-title span {
color: #474747;
}
.landing-subtitle {
font-weight: 300;
color: #878787;
font-size: 1.5rem;
line-height: 1.1;
margin-bottom: 1.75rem;
}
@media screen and (min-width: 768px) {
.landing-subtitle {
font-size: 1.8rem;
}
}
.landing-title + .landing-subtitle {
margin-top: -1.5rem;
}
.landing-subtitle span {
color: #134894;
}
.landing-text {
color: #878787;
font-size: 1rem;
line-height: 1.7;
}
@media (min-width: 768px) {
.landing-text {
font-size: 1.5rem;
}
}
.item-section-title {
color: #134894;
font-size: 1.6em;
margin-bottom: 25px;
margin-top: 55px;
}
.section-title {
color: #134894;
font-size: 1.6rem;
margin-top: 50px;
}
.container-city h1,
.container-city h2,
.section-subtitle {
color: #000;
font-weight: 600;
font-size: 1.25rem;
margin: 3rem 0 2rem;
}
.input-group .btn:not(:only-child):first-child {
margin-right: 1rem;
}
.input-group .btn:not(:only-child):last-child {
margin-left: 1rem;
}
.form-group.has-border-label {
position: relative;
}
.form-group.has-border-label label {
font-size: 1rem;
top: 1px;
left: 0.375rem;
padding: 0.375rem;
position: absolute;
opacity: 0.5;
background: #fff;
border-radius: 0.25rem;
transition: transform 0.2s ease;
transform-origin: 0.375rem 40%;
}
.form-group.has-border-label.has-text label {
opacity: 1;
padding: 0 0.375rem;
transform: translateY(-50%) scale(0.7);
}
.form-group-lg.has-border-label label {
line-height: 1.5;
left: 0.5rem;
padding: 0.7rem 0.5rem;
transform-origin: 0.375rem 40%;
}
.form-group-lg.has-border-label.has-text label {
padding: 0 0.5rem;
}
.form-control-lg {
border-radius: 0.25rem;
}
.form-control-search:not(.is-invalid) {
background-image: url('data:image/svg+xml,');
}
.form-control-place:not(.is-invalid),
.form-control-search:not(.is-invalid) {
padding-right: calc(1.5em + 0.75rem) !important;
background-repeat: no-repeat;
background-position: right 0.5em center;
background-size: 1.25em 1.25em;
}
.form-control-place:not(.is-invalid) {
background-image: url('data:image/svg+xml,');
}
.form-control-time:not(.is-invalid) {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
padding-right: 2.25rem;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: right 0.5rem center;
background-size: 1.25rem 1.25rem;
}
.background-store {
background-color: #e7eef2;
}
.navbar-backoffice {
max-width: none !important;
}
.navbar-backoffice .show {
left: 0 !important;
}
.navbar-backoffice .remove {
left: -188px !important;
}
.navbar-backoffice .special-container {
height: 100%;
padding: 0 !important;
}
.navbar-backoffice .special-container section.content {
height: 100%;
}
.navbar-backoffice #overlay {
background-color: rgba(0, 0, 0, 0.77);
display: none;
height: 100vh;
position: fixed;
width: 100vw;
z-index: 98;
}
.navbar-backoffice nav {
background-color: #fff;
height: 70px;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99;
}
.navbar-backoffice nav .nav {
display: flex;
height: 70px;
justify-content: space-between;
max-width: none !important;
padding: 0 15px;
}
.navbar-backoffice nav .nav .hamburger {
display: flex;
flex-flow: column;
height: 37px;
justify-content: space-around;
padding: 2px;
width: 37px;
}
.navbar-backoffice nav .nav .hamburger span {
background-color: #134894;
border-radius: 25%/100%;
display: block;
height: 5px;
width: 100%;
}
.navbar-backoffice nav .nav .hamburger :last-child {
width: 60%;
}
.navbar-backoffice nav .nav .logo {
align-items: center;
display: flex;
max-width: 135px;
}
.navbar-backoffice nav .nav .logo img {
width: 100%;
}
.navbar-backoffice nav .nav .info {
align-items: center;
display: flex;
}
.navbar-backoffice nav .nav .info .info-img {
height: 33px;
width: 33px;
}
.navbar-backoffice nav .nav .info .info-brand {
font-family: Open Sans, serif;
font-size: 16px;
margin: 10px;
}
.navbar-backoffice nav .nav .info .info-close {
align-items: center;
background-color: #b3b3b3;
cursor: pointer;
display: flex;
height: 13px;
justify-content: center;
width: 13px;
}
.navbar-backoffice nav .nav .info .info-close img {
height: 7px;
width: 7px;
}
.navbar-backoffice #slideMenu {
background-color: #fff;
height: calc(100vh - 70px);
margin-top: 70px;
position: fixed;
transition: 1s;
width: 188px;
z-index: 99;
}
.navbar-backoffice #slideMenu ul {
list-style: none;
padding: 0;
}
.navbar-backoffice #slideMenu ul a:hover {
text-decoration: none;
}
.navbar-backoffice #slideMenu ul a li {
align-items: baseline;
display: flex;
padding: 18px 12px;
}
.navbar-backoffice #slideMenu ul a li .badge-secondary {
background-color: #e9ecef;
color: #134894;
}
.navbar-backoffice #slideMenu ul a li span {
color: #878787;
}
.navbar-backoffice #slideMenu ul a li #Iactivity,
.navbar-backoffice #slideMenu ul a li #Iclient,
.navbar-backoffice #slideMenu ul a li #Icommande,
.navbar-backoffice #slideMenu ul a li #Icreation,
.navbar-backoffice #slideMenu ul a li #Ihome,
.navbar-backoffice #slideMenu ul a li #Imagasin,
.navbar-backoffice #slideMenu ul a li #Itulip {
fill: #878787;
}
.navbar-backoffice #slideMenu ul a li svg {
margin-right: 12px;
}
.navbar-backoffice #slideMenu ul a li:hover {
background-color: #f1f5f7;
cursor: pointer;
}
.navbar-backoffice #slideMenu ul a li:hover span {
color: #134894;
}
.navbar-backoffice #slideMenu ul a li:hover #Iactivity,
.navbar-backoffice #slideMenu ul a li:hover #Iclient,
.navbar-backoffice #slideMenu ul a li:hover #Icommande,
.navbar-backoffice #slideMenu ul a li:hover #Icreation,
.navbar-backoffice #slideMenu ul a li:hover #Ihome,
.navbar-backoffice #slideMenu ul a li:hover #Imagasin,
.navbar-backoffice #slideMenu ul a li:hover #Itulip {
fill: #134894;
}
.navbar-backoffice .content-screen {
margin-left: 188px;
margin-top: 70px;
width: 100%;
}
.navbar-backoffice .content-screen .bo-store-content-layout {
background-color: #e7eef2;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
min-height: calc(100vh - 70px) !important;
padding: 24px;
}
@media screen and (max-width: 425px) {
.navbar-backoffice .content-screen .bo-store-content-layout {
min-height: 100%;
padding: 0;
}
}
.navbar-backoffice .m-active {
background-color: #f1f5f7;
cursor: pointer;
}
.navbar-backoffice .m-active span {
color: #134894 !important;
}
.navbar-backoffice .m-active #Iactivity,
.navbar-backoffice .m-active #Iclient,
.navbar-backoffice .m-active #Icommande,
.navbar-backoffice .m-active #Icreation,
.navbar-backoffice .m-active #Ihome,
.navbar-backoffice .m-active #Imagasin,
.navbar-backoffice .m-active #Itulip {
fill: #134894 !important;
}
@media screen and (max-width: 425px) {
.navbar-backoffice .nav {
align-items: center;
display: flex;
justify-content: space-between !important;
}
.navbar-backoffice .nav .info .info-img {
margin-right: 10px;
}
.navbar-backoffice .nav .logo a {
align-items: center;
display: flex;
justify-content: center;
}
.navbar-backoffice .nav .logo a img {
width: 100%;
}
.navbar-backoffice #slideMenu {
left: -188px;
}
.navbar-backoffice .content-screen {
margin-left: 0 !important;
}
}
@media screen and (max-width: 768px) and (min-width: 426px) {
.navbar-backoffice .content-screen {
margin-left: 60px !important;
}
.navbar-backoffice #slideMenu {
width: 60px !important;
}
.navbar-backoffice #slideMenu ul li {
justify-content: center;
}
.navbar-backoffice #slideMenu ul li svg {
margin: 0 !important;
}
}
@media screen and (min-width: 426px) {
.navbar-backoffice #slideMenu {
left: auto !important;
}
.navbar-backoffice #overlay {
display: none !important;
}
}
@media screen and (max-width: 425px) {
.nav {
align-items: center;
display: flex;
justify-content: center !important;
}
#slideMenu-user {
left: -188px;
}
.content-screen {
margin-left: 0 !important;
}
}
@media screen and (max-width: 768px) and (min-width: 426px) {
.content-screen {
margin-left: 60px !important;
}
#slideMenu-user {
width: 60px !important;
}
#slideMenu-user ul li {
justify-content: center;
}
#slideMenu-user ul li svg {
margin: 0 !important;
}
}
@media screen and (min-width: 426px) {
#slideMenu-user {
left: auto !important;
}
#overlay {
display: none !important;
}
}
.show {
left: 0 !important;
}
.remove {
left: -188px !important;
}
.special-container {
padding: 0 !important;
overflow: hidden;
}
@media (min-width: 768px) {
.special-container {
overflow: visible;
}
}
#overlay {
background-color: rgba(0, 0, 0, 0.77);
display: none;
height: 100vh;
position: fixed;
width: 100vw;
z-index: 98;
}
#slideMenu-user {
background-color: #fff;
height: calc(100vh - 70px);
margin-top: 70px;
position: fixed;
transition: 1s;
width: 188px;
z-index: 99;
}
#slideMenu-user ul {
list-style: none;
padding: 0;
}
#slideMenu-user ul a:hover {
text-decoration: none;
}
#slideMenu-user ul a li {
align-items: baseline;
display: flex;
padding: 18px 12px;
}
#slideMenu-user ul a li .badge {
background-color: #e9ecef;
color: #da5673;
}
#slideMenu-user ul a li span {
color: #878787;
}
#slideMenu-user ul a li svg {
margin-right: 12px;
}
#slideMenu-user ul a li:hover {
background-color: #f1f5f7;
cursor: pointer;
}
#slideMenu-user ul a li:hover span {
color: #da5673;
}
#slideMenu-user ul a li:hover #Iactivity,
#slideMenu-user ul a li:hover #Iclient,
#slideMenu-user ul a li:hover #Icommande,
#slideMenu-user ul a li:hover #Icreation,
#slideMenu-user ul a li:hover #Ihome,
#slideMenu-user ul a li:hover #Imagasin,
#slideMenu-user ul a li:hover #Itulip {
fill: #da5673;
}
.m-active {
background-color: #f1f5f7;
cursor: pointer;
}
.m-active span {
color: #da5673 !important;
}
.m-active #Iactivity,
.m-active #Iclient,
.m-active #Icommande,
.m-active #Icreation,
.m-active #Ihome,
.m-active #Imagasin,
.m-active #Itulip {
fill: #04a696;
}
.change-password-page {
padding: 16px;
}
.change-password-page .form-control {
margin-bottom: 5px;
}
.change-password-page .form-group-error {
color: red;
}
.homepage-hero {
background-position: 80% top;
background-size: cover;
background-repeat: no-repeat;
}
.homepage-hero-container {
padding: 5rem 0;
background-position: 80% bottom;
background-size: 180% 6rem;
background-repeat: no-repeat;
}
.homepage-hero-title {
text-align: center;
text-transform: uppercase;
font-size: 1.125rem !important;
text-shadow: 0 0 2rem #f2cf28;
margin-bottom: 0;
}
@media (min-width: 576px) {
.homepage-hero {
background-position: 0;
}
.homepage-hero-container {
background-size: 140% 6rem;
}
.homepage-hero-title {
font-size: 1.5rem !important;
}
}
@media (min-width: 992px) {
.homepage-hero-container {
background-size: 100% 10rem;
}
.homepage-hero-title {
text-align: left;
font-size: 2.5rem !important;
}
}
@media (min-width: 1200px) {
.homepage-hero-title {
font-size: 3.5rem !important;
}
}
@media (min-width: 1400px) {
.homepage-hero {
background-position: top;
background-size: cover;
}
}
@media (max-width: 991.98px) {
.homepage-content .container {
max-width: 540px;
}
}
.homepage-main {
overflow: hidden;
}
@media (min-width: 992px) {
.homepage-main-image-col {
height: 0;
margin-top: 26px;
}
}
.homepage-delivery-list-item {
display: inline-block;
font-size: 1rem;
padding: 0.5rem 1rem;
line-height: 1.2;
border-radius: 1.2rem;
color: #474747;
background-color: #e0e0e0;
transition: color 0.3s, background-color 0.3s;
}
.homepage-delivery-list-item:focus,
.homepage-delivery-list-item:hover {
text-decoration: none;
color: #fff;
background-color: #134894;
}
@media (min-width: 992px) {
.homepage-delivery {
background-repeat: no-repeat;
background-position: 40% bottom;
background-size: auto 60%;
}
}
.logo-as-text {
display: inline-block;
height: 0.9em;
margin-top: -0.27em;
}
.advantage-item-picto {
display: block;
color: #fdaabc;
}
.advantage-item-picto,
.advantage-item-picto svg {
height: 100%;
width: 100%;
}
.advantage-item-title {
font-family: Quicksand, sans-serif;
color: #474747;
font-size: 1.2rem;
font-weight: 700;
margin: 0.5rem 0;
}
@media (min-width: 992px) {
.advantage-item-title {
font-size: 1.5rem;
}
}
.advantage-item-text {
color: #474747;
font-size: 1.1rem;
font-weight: lighter;
}
.swiper-reference {
position: relative;
}
.swiper-arrows .arrow {
position: absolute;
top: 0;
height: 75%;
font-size: 1rem;
}
.swiper-arrows .arrow,
.swiper-arrows .arrow button {
display: flex;
justify-content: center;
align-items: center;
}
.swiper-arrows .arrow button {
height: 3em;
width: 3em;
padding: 0;
}
.swiper-arrows .arrow button,
.swiper-arrows .arrow button:focus,
.swiper-arrows .arrow button:hover {
color: #134894;
background: #fff;
border: none;
border-radius: 50%;
}
.swiper-arrows .arrow svg {
width: 1em;
height: 1em;
}
.swiper-arrows .arrow-left {
left: -7.5px;
}
.swiper-arrows .arrow-right {
right: -7.5px;
}
@media (min-width: 576px) {
.swiper-arrows .arrow {
font-size: 1.5rem;
height: 100%;
}
.swiper-arrows .arrow-left {
left: -3em;
}
.swiper-arrows .arrow-right {
right: -3em;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.swiper-arrows .arrow {
font-size: 1.25rem;
}
.swiper-arrows .arrow button,
.swiper-arrows .arrow button:focus,
.swiper-arrows .arrow button:hover {
background: none;
}
.swiper-arrows .arrow-left {
left: -2em;
}
.swiper-arrows .arrow-right {
right: -2em;
}
}
.swiper-slide {
overflow: hidden;
}
@media (min-width: 768px) {
.swiper-slide .landing-text {
min-height: 13.75rem;
}
}
.homepage-hero {
background-color: #f5e6dc;
}
.homepage-hero-title {
position: relative;
text-shadow: 0 0 2rem #ddcfc6;
}
.container main {
background-color: #fff;
padding: 16px !important;
}
.signup {
padding: 16px;
}
.signup form {
align-items: center;
display: flex;
flex-direction: column;
margin-top: 48px;
width: 100%;
}
.signup form .form-group {
width: 100%;
}
.signup form button {
margin-top: 48px;
}
.stores .title h1 {
color: #134894;
font-family: Quicksand, sans-serif;
font-size: 40px;
font-weight: 700;
}
.stores .title p {
color: #878787;
font-family: Quicksand, sans-serif;
font-size: 24px;
font-weight: lighter;
}
.stores .search-icon-container {
position: absolute;
right: 35px;
top: 5px;
}
.stores .additional-buttons {
margin-top: 30px;
}
.stores .additional-buttons .delivery-mode {
display: flex;
justify-content: space-between;
}
@media screen and (min-width: 501px) {
.stores .additional-buttons .delivery-mode {
justify-content: flex-start;
}
}
.stores .additional-buttons .delivery-mode .choice-wrapper {
position: relative;
display: flex;
align-items: center;
background-color: #fddee3;
border: 0;
border-radius: 2.2rem;
}
@media screen and (max-width: 500px) {
.stores .additional-buttons .delivery-mode .choice-wrapper p {
font-size: 12px;
}
}
.stores .additional-buttons .delivery-mode .choice-wrapper .delivery-mode-button {
background-color: #fff;
border-color: #878787;
color: #000;
}
.stores .additional-buttons .delivery-mode .choice-wrapper .delivery-mode-button.active,
.stores .additional-buttons .delivery-mode .choice-wrapper .delivery-mode-button:focus,
.stores .additional-buttons .delivery-mode .choice-wrapper .delivery-mode-button:hover {
border-color: #134894;
color: #000 !important;
}
.stores .additional-buttons .delivery-mode .choice-wrapper .delivery-mode-button.selected {
background-color: #fff;
border-color: #fff;
border-radius: 5px 5px 0 0;
box-shadow: 0 -0.15rem 0.5rem rgba(0, 0, 0, 0.15);
}
.stores .additional-buttons .delivery-mode .choice-wrapper .delivery-mode-button.disabled {
border-color: #d2d2d2;
color: #969696;
}
.stores .additional-buttons .delivery-mode .choice-wrapper .react-datepicker-popper {
left: -25% !important;
}
.stores .additional-buttons .delivery-mode .choice-wrapper .react-datepicker-wrapper {
width: 0;
}
.stores .additional-buttons .delivery-mode .choice-wrapper .react-datepicker-wrapper .commande-datepicker {
display: none;
}
.stores .additional-buttons .delivery-mode .choice-wrapper .extra-button-content {
color: #134894;
padding: 0 1rem 0 0.5rem;
line-height: 1.1;
}
@media screen and (min-width: 501px) {
.stores .additional-buttons .delivery-mode .choice-wrapper .extra-button-content {
padding: 0 1.5rem 0 1rem;
}
}
.stores .additional-buttons .delivery-mode .choice-wrapper:first-child {
margin-right: 30px;
}
@media screen and (max-width: 768px) {
.stores .additional-buttons .delivery-mode .choice-wrapper:first-child {
margin-right: 10px;
}
}
@media screen and (max-width: 768px) {
.stores .additional-buttons .delivery-mode .choice-wrapper.choice-delivery .custom-dropdown {
left: auto;
right: 0 !important;
}
.stores .additional-buttons .delivery-mode .choice-wrapper.choice-delivery .custom-dropdown-content {
border-radius: 5px 0 5px 5px;
}
}
.stores .results-number {
color: #474747;
}
.stores .results-number .stores-results {
color: #134894;
font-size: 1.5em;
font-weight: 700;
}
.block-empty-cart {
margin: 0 auto;
width: 90%;
}
.block-empty-cart .wrapper {
display: flex;
flex-flow: column wrap;
justify-content: center;
text-align: center;
}
.block-empty-cart .wrapper svg {
height: 130px;
margin: 0 auto;
padding-bottom: 25px;
width: 130px;
}
.block-empty-cart .wrapper .text-cart-empty {
color: #134894;
font-size: 25px;
font-weight: 700;
margin-bottom: 25px;
}
.block-empty-cart .wrapper .text {
color: #474747;
font-size: 18px;
}
.block-empty-cart .wrapper .big-button {
margin-top: 50px;
}
.tab-content {
padding: 15px;
}
@media screen and (max-width: 428px) {
.tab-content {
padding: 0;
}
}
.border-top-right {
border-top-right-radius: 5px;
}
.border-top-left {
border-top-left-radius: 5px;
}
.tabs {
display: flex;
}
.tabs li {
background-color: #dfeaf1;
color: #134894;
text-align: center;
text-transform: uppercase;
width: 25%;
}
@media screen and (max-width: 426px) {
.tabs li {
font-size: 9px;
}
}
.tabs li:hover a {
background-color: #fcd1da;
border-color: #fdaabc !important;
}
.active {
color: #134894 !important;
}
table {
text-align: center;
}
th {
background-color: #134894;
color: #fff;
}
@media screen and (max-width: 426px) {
th {
font-size: 9px;
}
}
b,
td {
color: #134894;
margin: auto;
}
b a,
td a {
color: #134894;
text-decoration: underline;
}
td svg {
height: auto;
width: auto;
}
.card {
border: 0;
border-radius: 0 !important;
}
.card .nav-item {
background-color: #fde8ec;
border-radius: 0 !important;
}
.card .nav-item:hover {
cursor: pointer;
}
.card .nav-item .nav-link {
border: 0;
border-radius: 0 !important;
border-right: 1px solid #fdaabc;
color: #fdaabc;
}
.card .nav-item .nav-link.active {
border-top: 1px solid #134894;
font-weight: 700;
}
.card .nav-item:last-child .nav-link {
border-right: 0;
}
.card .tab-content thead th {
border: 0;
}
.card .tab-content tbody tr {
background-color: #fff;
}
.card .tab-content tbody tr p {
color: #474747;
}
.card .tab-content tbody tr a {
color: #000;
font-weight: 700;
text-decoration: none;
}
.card .tab-content tbody tr a:hover {
color: #474747;
text-decoration: underline;
}
.card .tab-content tbody tr:nth-child(odd) {
background-color: #f9fcfe;
}
.card .tab-content tbody tr:hover {
background-color: #fddee3;
}
.card .tab-content tbody tr .delivery p {
color: #474747;
}
.modal-shipping-store {
align-items: center;
display: flex;
justify-content: center;
margin-top: 10px;
text-align: center;
}
.payment-checkout {
padding: 16px;
}
.payment-checkout form p {
font-size: 12px;
margin-bottom: 5px;
text-align: right;
}
.payment-checkout form .textarea {
height: 150px !important;
}
@media screen and (max-width: 768px) {
.payment-checkout form .custom-checkbox {
margin-bottom: 26px;
}
}
@media screen and (max-width: 768px) {
.payment-checkout form .custom-checkbox label {
font-size: 12px !important;
}
}
.payment-checkout .order-table {
background-color: #b3e4df;
margin-bottom: 15px;
padding: 10px;
}
.payment-checkout .order-table .header {
max-height: -webkit-fit-content;
max-height: -moz-fit-content;
max-height: fit-content;
}
.payment-checkout .order-table .header .title {
color: #04a696;
font-size: smaller;
}
.payment-checkout .order-table .header .amount {
float: right;
padding: 0 0 0 10px;
}
.payment-checkout .order-table .header .amount :first-child {
font-size: small;
}
.payment-checkout .order-table .block {
display: flex;
justify-content: space-between;
padding: 5px 0;
}
.payment-checkout .order-table .block .block-product {
display: flex;
}
.payment-checkout .order-table .block .block-product .block-product-btn {
display: flex;
flex-direction: column;
padding: 5px;
}
.payment-checkout .order-table .block .block-product .block-product-info {
display: flex;
flex-direction: column;
}
.payment-checkout .order-table .block .block-product .block-product-info span {
color: #878787;
font-size: smaller;
}
.payment-checkout .order-table .block .block-price .amount {
text-align: right;
width: 70px;
}
.payment-checkout .order-table .block .block-price .amount :first-child {
font-size: small;
}
.payment-checkout .bottom {
padding: 10px;
text-align: center;
}
.payment-checkout .bottom .alert,
.payment-checkout .bottom .progress {
margin-top: 15px;
}
.payment-checkout .switch {
display: block;
display: flex;
}
.payment-checkout .switch span {
margin-left: 1em;
}
.payment-signin {
padding: 16px;
}
a.block {
display: block;
border: 1px solid #b3b3b3;
border-radius: 1rem;
color: #b3b3b3;
background-color: #fff;
padding: 1.5rem;
text-align: center;
text-decoration: none;
transition: background-color 0.3s, border-color 0.3s, color 0.3s, box-shadow 0.3s;
}
a.block .block-icons {
display: flex;
align-items: end;
justify-content: center;
margin-bottom: 1rem;
}
a.block .block-icons span {
display: block;
position: relative;
}
a.block .block-icons span:before {
background-color: #fff;
transition: background-color 0.3s;
}
a.block .block-icons svg {
display: block;
position: relative;
width: 100%;
height: 100%;
}
a.block strong {
color: #878787;
transition: color 0.3s;
}
a.block .block-icons span,
a.block .block-title {
color: #134894;
transition: color 0.3s;
}
a.block:focus,
a.block:hover {
text-decoration: none;
border-color: #134894;
background-color: #134894;
color: #fff;
box-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.25);
}
a.block:focus .block-icons span,
a.block:focus .block-title,
a.block:focus strong,
a.block:hover .block-icons span,
a.block:hover .block-title,
a.block:hover strong {
color: currentColor;
}
a.block:focus .block-icons span:before,
a.block:hover .block-icons span:before {
background-color: #134894;
}
.block-signin .block-icons .icon-promo {
order: 1;
height: 2.5rem;
width: 2.5rem;
margin-right: -1.5rem;
margin-bottom: 0.3rem;
}
.block-signin .block-icons .icon-commande {
order: 2;
height: 5rem;
width: 5rem;
opacity: 0.4;
}
.block-signin .block-icons .icon-free-delivery {
position: relative;
order: 3;
height: 3.5rem;
width: 3.5rem;
margin-left: -1.5rem;
margin-bottom: 0.13rem;
}
.block-signin .block-icons .icon-free-delivery:before {
content: "";
position: absolute;
left: 0.23rem;
width: 50%;
top: 50%;
height: 20%;
z-index: 0;
}
.block-guest .block-icons .icon-commande {
height: 5rem;
width: 5rem;
}
.block-guest .block-icons .icon-arrow {
height: 2.5rem;
width: 2.5rem;
transform: rotate(180deg);
margin-bottom: 0.75rem;
margin-left: -0.4rem;
opacity: 0.4;
}
.payment-signup {
padding: 16px;
}
.payment-success .success-img {
border-radius: 25px;
margin-top: 25px;
max-width: 100%;
}
.payment-success .order-description {
margin-top: 25px;
}
.payment-success .success-message .success-icon-text {
align-items: center;
display: flex;
flex-flow: column;
padding: 0;
}
.payment-success .success-message .success-icon-text .icon {
align-items: center;
background-color: #134894;
border-radius: 50px;
display: flex;
flex-flow: row wrap;
height: 50px;
justify-content: center;
margin-bottom: 15px;
width: 50px;
}
.payment-success .success-message .success-icon-text .success-text {
color: #134894;
font-size: 1.125rem;
font-style: italic;
font-weight: 700;
text-align: center;
}
@media (min-width: 992px) {
.payment-success .success-message .success-icon-text .success-text {
font-size: 1.5rem;
}
}
.payment-success .success-message .success-icon-text .success-ref {
color: #134894;
text-align: center;
}
.payment-success .success-message .success-icon-text .success-ref span {
color: inherit;
font-weight: 700;
font-size: 1.1rem;
}
@media (min-width: 992px) {
.payment-success .success-message .success-icon-text .success-ref span {
font-size: 1.125rem;
}
}
.payment-success .text-prevent {
color: #878787;
}
.areas {
padding-top: 15px;
}
.areas .breadcrumb-link:hover {
cursor: pointer;
}
.areas input:not([type="radio"]) {
text-align: center;
width: 50px;
}
.areas .input-group {
width: 100%;
}
.areas .link {
color: #134894 !important;
text-decoration: underline;
}
.areas .link path {
fill: #134894 !important;
}
.areas .link:hover {
color: #da5673 !important;
cursor: pointer;
}
.areas .link:hover path {
fill: #da5673 !important;
}
.areas .fa-trash path {
fill: #dc3545;
}
.areas .fa-trash:hover {
cursor: pointer;
}
.areas .fa-trash:hover path {
fill: rgba(220, 53, 69, 0.67);
}
.areas .card .card-title h2 {
font-family: "OpenSans:700", sans-serif;
font-size: 28px;
}
.areas .card .card-subtitle p {
color: #878787;
font-size: 16px;
}
.areas .card .area-card-grid {
width: 100%;
}
.areas .card .area-row .area-row-title {
align-items: center;
display: flex;
padding-bottom: 15px;
}
.areas .card .area-row .area-row-title h3 {
margin: 0;
}
.areas .card .area-row .area-row-title [class*="logo-zone"] {
background-color: #fddee3;
height: 20px;
margin: 0 15px;
width: 20px;
}
.areas .card .area-row .area-row-title .logo-zone1 {
background-color: rgba(4, 74, 166, 0.11);
}
.areas .card .area-row .area-row-title .logo-zone2 {
background-color: rgba(129, 210, 202, 0.5);
}
.areas .card .area-row .area-row-title .logo-zone3 {
background-color: rgba(218, 86, 115, 0.51);
}
.areas .card .area-row .area-row-title .area-trash-logo {
display: flex;
max-width: 20px;
}
.areas .card .area-row .area-row-title .area-trash-logo svg {
height: 20px;
width: 20px;
}
.areas .card .area-row .area-row-body {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.areas .card .area-row .area-row-body .area-row-body-col {
align-items: baseline;
display: flex;
justify-content: space-between;
padding: 5px;
width: 50%;
}
.areas .card .area-row .area-row-body p {
margin-right: 10px;
}
@media only screen and (min-width: 426px) {
.areas .card .area-row .area-row-body {
justify-content: space-between;
}
.areas .card .area-row .area-row-body .area-row-body-col {
width: 25% !important;
}
}
.areas .card .area-add {
color: #134894;
display: flex;
justify-content: center;
width: 100%;
}
.areas .card .area-add svg {
max-width: 20px;
}
.areas .card .area-add p {
color: #134894;
width: 100%;
text-align: center;
}
.areas .card .area-add p path {
fill: #134894;
}
.areas .card .area-add p:hover {
color: #fddee3;
cursor: pointer;
}
.areas .card .area-add p:hover path {
fill: #fdaabc;
}
.areas .card .area-add p span {
color: #134894;
text-decoration: underline;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.areas .card .area-add p span:hover {
color: #fdaabc;
cursor: pointer;
}
.areas .card .area-add p span:hover path {
fill: #fdaabc;
}
.areas .card .map {
align-items: center;
display: flex;
height: 544px;
justify-content: center;
padding: 0 !important;
width: 430px;
}
.areas .card .map div {
height: 100%;
width: 100%;
}
.areas .card .map h2 {
position: absolute;
}
.areas .card .area-button {
display: flex;
justify-content: center;
padding: 15px;
}
.store-general .multi-img-input {
align-items: center;
display: flex;
flex-direction: column;
}
.store-general .swiper-container {
width: 100% !important;
height: 400px;
}
@media screen and (max-width: 768px) {
.store-general .swiper-container {
height: 300px;
}
}
.store-general .swiper-container .pictures-container {
width: 100% !important;
}
form {
padding: 1em;
}
form label {
display: block;
font-size: 12px;
margin: 0;
}
form input:not(.form-control):not([type="checkbox"]):not([type="radio"]) {
border: 1px solid grey;
border-radius: 5px;
display: block;
margin-bottom: 1em;
padding: 0.5em;
width: 100%;
}
form p {
margin: 0;
}
.newsletter {
cursor: pointer;
display: block;
font-size: 14px;
margin-bottom: 12px;
padding-left: 35px;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.newsletter input {
cursor: pointer;
height: 0;
opacity: 0;
position: absolute;
width: 0;
}
.newsletter .checkmark {
height: 16px;
left: 0;
position: absolute;
top: 5px;
width: 16px;
}
.newsletter .checkmark,
.newsletter input ~ .checkmark {
background-color: #fde8ec;
}
.newsletter input:checked ~ .checkmark {
background-color: #134894;
}
.newsletter .checkmark:after {
content: "";
display: none;
position: absolute;
}
.newsletter input:checked ~ .checkmark:after {
display: block;
}
.newsletter .checkmark:after {
border: solid #fff;
border-width: 0 3px 3px 0;
height: 10px;
left: 6px;
top: 2px;
transform: rotate(45deg);
width: 5px;
}
.button {
display: flex;
justify-content: center;
padding: 15px;
}
.button button {
background-color: #fddee3;
border-color: transparent !important;
color: #da5673;
}
.button button:hover {
background-color: #da5673;
color: #134894;
}
#order-detail-card {
border: 0;
}
@media screen and (min-width: 768px) {
#order-detail-card {
padding: 24px !important;
}
}
#order-detail-card #order-detail-card-header {
align-items: flex-start;
display: flex;
justify-content: space-between;
margin-bottom: 21px;
}
@media screen and (min-width: 768px) {
#order-detail-card #order-detail-card-header {
margin-bottom: 42px;
}
}
#order-detail-card #order-detail-card-header .order-detail-title {
color: #134894;
font-size: 14px;
margin: auto 0.5em auto auto !important;
}
@media screen and (min-width: 768px) {
#order-detail-card #order-detail-card-header .order-detail-title {
font-size: 28px;
font-weight: 600;
}
}
#order-detail-card #order-detail-card-header .date {
color: #878787;
font-size: 11px;
margin: 0 !important;
}
@media screen and (min-width: 768px) {
#order-detail-card #order-detail-card-header .date {
font-size: 16px;
}
}
#order-detail-card #order-detail-card-header .order-price {
font-family: Open Sans, sans-serif;
font-size: 14px;
font-weight: 700;
margin: 0;
}
@media screen and (min-width: 768px) {
#order-detail-card #order-detail-card-header .order-price {
font-size: 18px;
}
}
#order-detail-card #order-detail-card-header .order-price-column {
width: auto !important;
}
#order-detail-card #is-pick-up-info-container {
align-items: center;
background: #fde8ec;
display: flex;
justify-content: space-between;
margin-bottom: 32px;
margin-left: 0 !important;
margin-right: 0 !important;
padding: 20px 9px;
}
@media screen and (min-width: 768px) {
#order-detail-card #is-pick-up-info-container {
margin-bottom: 28px;
padding: 12px 24px;
}
}
#order-detail-card #is-pick-up-info-container #col-is-pick-up {
padding: 0;
}
#order-detail-card #is-pick-up-info-container #col-is-pick-up .is-pick-up-content {
align-items: center;
display: flex;
}
#order-detail-card #is-pick-up-info-container #col-is-pick-up .is-pick-up-content svg {
height: 16px;
}
@media screen and (min-width: 768px) {
#order-detail-card #is-pick-up-info-container #col-is-pick-up .is-pick-up-content svg {
height: 28px;
}
}
#order-detail-card #is-pick-up-info-container #col-is-pick-up .is-pick-up-content .is-pick-up-label {
color: #134894;
font-size: 11px;
margin: 0 0 0 4px;
text-transform: uppercase;
}
@media screen and (min-width: 768px) {
#order-detail-card #is-pick-up-info-container #col-is-pick-up .is-pick-up-content .is-pick-up-label {
font-size: 16px;
margin-left: 8px;
}
}
#order-detail-card #is-pick-up-info-container #col-date {
align-items: center;
display: flex;
}
#order-detail-card #is-pick-up-info-container #col-date .time {
color: #878787;
font-size: 11px;
margin: 0 !important;
text-transform: uppercase;
}
@media screen and (min-width: 768px) {
#order-detail-card #is-pick-up-info-container #col-date .time {
font-size: 16px;
}
}
#order-detail-card #is-pick-up-info-container #col-date .shipping-date {
color: #878787 !important;
font-family: Open Sans, sans-serif !important;
font-size: 11px;
font-weight: 700;
line-height: 17px;
margin: 0 0 0 0.25em !important;
text-transform: uppercase;
}
@media screen and (min-width: 768px) {
#order-detail-card #is-pick-up-info-container #col-date .shipping-date {
font-size: 16px;
}
}
#order-detail-card #order-products-container {
margin-bottom: 48px;
margin-left: 0 !important;
margin-right: 0 !important;
}
#order-detail-card #order-products-container .one-order-product {
align-items: center;
display: flex;
margin-bottom: 32px;
margin-left: 0 !important;
margin-right: 0 !important;
width: 100%;
}
@media screen and (min-width: 768px) {
#order-detail-card #order-products-container .one-order-product {
align-items: flex-start;
margin-top: 8px;
}
}
#order-detail-card #order-products-container .one-order-product:last-of-type {
margin-bottom: 0;
}
#order-detail-card #order-products-container .one-order-product .product-img {
border-radius: 6px;
height: 60px;
object-fit: cover;
width: 60px;
}
@media screen and (min-width: 768px) {
#order-detail-card #order-products-container .one-order-product .product-img {
height: 160px;
width: 160px;
}
}
#order-detail-card #order-products-container .one-order-product .product-content {
margin-left: 14px;
max-width: 540px;
}
@media screen and (min-width: 768px) {
#order-detail-card #order-products-container .one-order-product .product-content {
margin-left: 36px;
margin-top: 8px;
}
}
#order-detail-card #order-products-container .one-order-product .product-content p {
margin: 0;
}
#order-detail-card #order-products-container .one-order-product .product-content .product-name {
font-size: 14px;
}
#order-detail-card #order-products-container .one-order-product .product-content .product-name:first-letter {
text-transform: uppercase;
}
@media screen and (min-width: 768px) {
#order-detail-card #order-products-container .one-order-product .product-content .product-name {
font-size: 18px;
font-weight: 600;
}
}
#order-detail-card #order-products-container .one-order-product .product-content .product-reference {
color: #878787;
font-size: 11px;
margin: 0 0 12px;
text-transform: uppercase;
}
@media screen and (min-width: 768px) {
#order-detail-card #order-products-container .one-order-product .product-content .product-reference {
font-size: 12px;
margin-bottom: 12px;
}
}
#order-detail-card #order-products-container .one-order-product .product-content .product-summary {
font-size: 16px;
line-height: 22px;
}
#order-detail-card #order-products-container .one-order-product .product-content .product-summary:first-letter {
text-transform: uppercase;
}
#order-detail-card #order-products-container .one-order-product .product-price-quantity {
align-items: flex-end;
align-self: center;
display: flex;
flex-direction: column;
margin-left: auto;
}
@media screen and (min-width: 768px) {
#order-detail-card #order-products-container .one-order-product .product-price-quantity {
align-items: center;
flex-direction: row;
font-size: 18px;
font-weight: 600;
}
}
#order-detail-card #order-products-container .one-order-product .product-price-quantity .product-price {
font-size: 12px;
font-weight: 700;
margin: 0;
}
@media screen and (min-width: 768px) {
#order-detail-card #order-products-container .one-order-product .product-price-quantity .product-price {
font-size: 18px;
margin-left: 24px;
}
}
#order-detail-card #order-products-container .one-order-product .product-price-quantity .product-quantity {
color: #134894;
font-size: 12px;
margin: 0;
}
@media screen and (min-width: 768px) {
#order-detail-card #order-products-container .one-order-product .product-price-quantity .product-quantity {
font-size: 16px;
}
}
#order-detail-card .card-background {
background-color: #e7eef2 !important;
border: 0;
min-height: inherit;
}
#order-detail-card #receiver-user-informations-section {
font-size: 12px;
margin-bottom: 48px;
}
@media screen and (min-width: 768px) {
#order-detail-card #receiver-user-informations-section {
font-size: 16px;
}
}
#order-detail-card #receiver-user-informations-section .user-info-bold-text {
font-size: 12px;
font-weight: 700;
}
@media screen and (min-width: 768px) {
#order-detail-card #receiver-user-informations-section .user-info-bold-text {
font-size: 16px;
}
}
#order-detail-card #receiver-user-informations-section .user-info-name {
text-transform: capitalize;
}
#order-detail-card #receiver-user-informations-section #user-who-made-order-infos {
margin-top: 20px;
}
@media screen and (min-width: 768px) {
#order-detail-card #receiver-user-informations-section #user-who-made-order-infos {
margin-top: 0;
}
}
#order-detail-card #message-contact-section {
margin-bottom: 48px;
}
#order-detail-card #message-contact-section #user-message-card {
background-color: #fde8ec !important;
font-size: 14px;
}
@media screen and (min-width: 768px) {
#order-detail-card #message-contact-section #user-message-card {
font-size: 16px;
}
}
#order-detail-card #message-contact-section .contact-card {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
}
#order-detail-card #message-contact-section .contact-card p {
font-weight: 300;
max-width: 300px;
text-align: center;
}
#order-detail-card #message-contact-section .contact-card p:first-of-type {
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
}
#order-detail-card #message-contact-section .contact-card p:nth-of-type(2) {
line-height: 22px;
}
#order-detail-card #message-contact-section .contact-card p:nth-of-type(2) a {
font-size: 16px;
}
#order-detail-card .contact-card {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
}
#order-detail-card .contact-card p {
font-weight: 300;
max-width: 300px;
text-align: center;
}
#order-detail-card .contact-card p:first-of-type {
font-size: 14px;
font-weight: 600;
margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
#order-detail-card .contact-card p:first-of-type {
font-size: 18px;
}
}
#order-detail-card .contact-card p:nth-of-type(2) {
font-size: 12px;
line-height: 22px;
}
@media screen and (min-width: 768px) {
#order-detail-card .contact-card p:nth-of-type(2) {
font-size: 16px;
}
}
#order-detail-card #order-actions-buttons {
display: flex;
flex-direction: column;
margin-left: 0 !important;
margin-right: 0 !important;
}
#order-detail-card #order-actions-buttons button {
width: 100%;
}
@media screen and (min-width: 768px) {
#order-detail-card #order-actions-buttons button {
width: auto;
}
}
@media screen and (min-width: 768px) {
#order-detail-card #order-actions-buttons {
flex-direction: row-reverse;
justify-content: space-between;
}
}
#order-detail-card #order-actions-buttons .buttons-group-1 {
margin-bottom: 48px;
text-align: center;
}
@media screen and (min-width: 768px) {
#order-detail-card #order-actions-buttons .buttons-group-1 {
margin-bottom: 0;
}
}
#order-detail-card #order-actions-buttons .buttons-group-1 button {
margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
#order-detail-card #order-actions-buttons .buttons-group-1 button:first-of-type {
margin-bottom: 16px;
}
}
@media screen and (min-width: 768px) {
#order-detail-card #order-actions-buttons .buttons-group-1 button {
margin-left: 24px;
}
}
#order-detail-card #order-actions-buttons .buttons-group-1 a {
background-color: #fff;
color: #134894;
border: 1px solid #134894;
border-radius: 5px;
font-size: 14px;
padding: 11px 18px;
text-transform: uppercase;
vertical-align: middle;
display: inline-block;
margin-bottom: 16px;
}
#order-detail-card #order-actions-buttons .buttons-group-1 a:first-of-type {
margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
#order-detail-card #order-actions-buttons .buttons-group-1 a {
margin-left: 24px;
}
}
#order-detail-card #order-actions-buttons .buttons-group-1 a:hover {
text-decoration: none;
background-color: #fde8ec;
}
#order-detail-card #order-actions-buttons .buttons-group-2 .small-link {
background: none;
border: 0;
font-size: 14px;
}
#order-detail-card #order-actions-buttons .buttons-group-2 .small-link svg {
fill: #ffb1bd;
height: 16px;
}
#Iliste,
#Ilivraison,
#Itelecharger {
fill: #134894 !important;
}
.btn-list:hover {
cursor: pointer;
}
.content {
width: 100%;
}
.content .content-item,
.content .content-order {
display: flex;
justify-content: space-between;
width: 100%;
}
.content .content-item .order-ref,
.content .content-order .order-ref {
font-size: 18px !important;
}
.content .content-item .order-ref:hover,
.content .content-order .order-ref:hover {
cursor: pointer;
}
.content .content-item .card-subtitle,
.content .content-item .card-subtitle a,
.content .content-order .card-subtitle,
.content .content-order .card-subtitle a {
display: flex;
}
.card .card-subtitle {
margin: 0 !important;
}
.card .card-subtitle svg {
margin-left: 10px;
}
.card .card-title h2 {
font-size: 1.8em;
font-weight: 600;
}
.card .item-card-content,
.card .order-card-content {
background-color: #fde8ec;
margin-bottom: 5px;
padding: 15px;
position: relative;
}
.card .item-card-content .item-name,
.card .item-card-content .order-ref,
.card .order-card-content .item-name,
.card .order-card-content .order-ref {
color: #134894;
font-size: 1.2em;
margin-bottom: 0;
}
.card .item-card-content .item-price,
.card .item-card-content .order-price,
.card .order-card-content .item-price,
.card .order-card-content .order-price {
color: #474747;
font-size: 18px;
font-weight: 700;
letter-spacing: 0;
margin-bottom: 0;
}
.card .item-card-content .content-item-footer .delivery-type,
.card .item-card-content .content-order-footer .delivery-type,
.card .order-card-content .content-item-footer .delivery-type,
.card .order-card-content .content-order-footer .delivery-type {
align-items: flex-end;
display: flex;
flex-flow: row;
}
.card .item-card-content .content-item-footer .delivery-type p,
.card .item-card-content .content-order-footer .delivery-type p,
.card .order-card-content .content-item-footer .delivery-type p,
.card .order-card-content .content-order-footer .delivery-type p {
font-size: 12px;
margin-left: 10px;
}
.card .item-card-content .cross-rounded-button,
.card .order-card-content .cross-rounded-button {
align-items: center;
background-color: #fff;
border-radius: 50%;
display: flex;
fill: #134894;
height: 16px;
justify-content: center;
position: absolute;
right: -6px;
top: 38%;
width: 16px;
}
.card .item-card-content .cross-rounded-button:hover,
.card .order-card-content .cross-rounded-button:hover {
cursor: pointer;
}
.card .item-card-content .cross-rounded-button svg,
.card .order-card-content .cross-rounded-button svg {
height: 13px;
width: 13px;
}
.card .item-card-content:hover,
.card .order-card-content:hover {
background-color: #fcd1da;
cursor: pointer;
}
.card-list {
text-align: right;
font-size: 0.9rem;
}
.card-list,
.card-list:hover {
color: #134894;
}
.size-img {
height: 100px !important;
width: 100px !important;
}
.date {
color: #878787;
font-size: 11px;
margin: 0 !important;
}
.bold-date {
color: #474747;
font-family: "Open Sans:700", sans-serif !important;
font-size: 12px;
line-height: 17px;
margin: 0 0 0 0.25em !important;
}
.content-item-footer,
.content-order-footer {
display: flex;
justify-content: space-between;
padding-top: 12px;
}
.content-item-footer .item-ref,
.content-item-footer .order-status,
.content-order-footer .item-ref,
.content-order-footer .order-status {
color: #134894;
display: flex;
font-family: Open Sans, sans-serif;
font-size: 12px;
letter-spacing: 0;
}
.content-item-footer .item-ref p,
.content-item-footer .order-status p,
.content-order-footer .item-ref p,
.content-order-footer .order-status p {
color: #134894;
margin: 0 5px;
text-transform: uppercase;
}
.content-item-footer .item-ref .order-status-text,
.content-item-footer .order-status .order-status-text,
.content-order-footer .item-ref .order-status-text,
.content-order-footer .order-status .order-status-text {
margin-top: 2px;
}
.content-item-footer .item-stock,
.content-item-footer .order-times,
.content-order-footer .item-stock,
.content-order-footer .order-times {
color: #878787;
font-family: Open Sans, sans-serif;
font-size: 12px;
letter-spacing: 0;
text-align: right;
}
.content-item-footer .item-stock p,
.content-item-footer .order-times p,
.content-order-footer .item-stock p,
.content-order-footer .order-times p {
color: #878787;
margin: 0;
text-transform: uppercase;
}
.content-item-footer .item-stock p b,
.content-item-footer .order-times p b,
.content-order-footer .item-stock p b,
.content-order-footer .order-times p b {
color: #878787;
}
@media screen and (max-width: 426px) {
.my-products .list-product .mobile-no-padding {
padding: 0;
}
}
.my-products .list-product .tabs {
display: flex;
}
.my-products .list-product .tabs li {
background-color: #fde8ec;
color: #134894;
cursor: pointer;
text-align: center;
text-transform: uppercase;
width: 50%;
}
.my-products .list-product .tabs li .active {
border-top: 1px solid;
}
@media screen and (max-width: 426px) {
.my-products .list-product .tabs li {
font-size: 12px;
}
}
.my-products .list-product .active {
color: #134894 !important;
}
.my-products .list-product .add-product-button {
place-self: flex-end;
}
@media screen and (max-width: 426px) {
.my-products .list-product .add-product-button {
place-self: center;
}
}
.my-products .list-product .add-product-button button {
align-items: center;
background-color: #fff;
border: 1px solid #134894;
color: #134894;
display: flex;
margin: 2em;
text-transform: uppercase;
}
.my-products .list-product .add-product-button button svg {
margin-right: 5px;
}
@media screen and (max-width: 426px) {
.my-products .list-product .add-product-button button {
font-size: 12px;
}
}
.my-products .list-product .add-product-button button:hover {
background-color: #134894;
border: 1px solid #134894;
color: #fff;
}
.my-products .list-product .add-product-button button:hover #Iadd {
fill: #fff !important;
}
.my-products .list-product .items-table {
padding: 0 2em;
}
@media screen and (max-width: 426px) {
.my-products .list-product .items-table {
padding: 0;
}
}
@media screen and (max-width: 426px) {
.my-products .list-product .items-table thead {
display: none;
}
}
.my-products .list-product .items-table thead tr th {
background-color: #134894;
border: 0 !important;
color: #fff;
font-weight: 400;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
}
@media screen and (max-width: 426px) {
.my-products .list-product .items-table thead tr th {
font-size: 12px;
}
}
.my-products .list-product .items-table tbody tr.rubric {
background-color: #e0e0e0;
padding: 0.5rem;
}
.my-products .list-product .items-table tbody tr.rubric td {
color: #878787;
text-transform: uppercase;
text-align: left;
padding: 0.25rem 1.2rem;
}
.my-products .list-product .items-table tbody tr:hover .drag-icons > div {
color: #fff;
}
.my-products .list-product .items-table tbody td {
text-align: center;
vertical-align: middle;
}
.my-products .list-product .items-table tbody td .drag-icons > div {
color: #e0e0e0;
}
.my-products .list-product .items-table tbody td .drag-icons > div:hover {
color: #878787;
}
.my-products .list-product .items-table tbody td .drag-icons .down-arrow {
transform: rotate(180deg);
display: inline-flex;
}
.my-products .list-product .items-table tbody td .img-block {
align-self: center;
text-align: left;
}
.my-products .list-product .items-table tbody td .img-block .img-name .col {
align-self: center;
}
.my-products .list-product .items-table tbody td .img-block .img-name .col p.p-no-margin {
margin: 0;
}
.my-products .list-product .items-table tbody td .img-block .img-name .col p.show-on-mobile {
display: none;
}
@media screen and (max-width: 426px) {
.my-products .list-product .items-table tbody td .img-block .img-name .col p.show-on-mobile {
color: #878787;
display: block;
margin: 0;
}
}
.my-products .list-product .items-table tbody td .img-block .img-name .col p.price-show-on-mobile {
display: none;
}
@media screen and (max-width: 426px) {
.my-products .list-product .items-table tbody td .img-block .img-name .col p.price-show-on-mobile {
color: #000;
display: block;
font-size: 14px !important;
font-weight: 700;
margin: 0;
}
}
.my-products .list-product .items-table tbody td p {
text-align: left;
}
.my-products .list-product .ref {
color: #878787;
}
.my-products .list-product .price {
color: #000;
font-weight: 700;
white-space: nowrap;
}
@media screen and (max-width: 426px) {
.my-products .list-product td.disable-on-mobile {
display: none;
}
}
.my-products .list-product .top-left {
border-top-left-radius: 10px;
padding-left: 20px;
text-align: left !important;
}
.my-products .list-product .top-right {
border-top-right-radius: 10px;
}
.my-products .list-product .border-right {
border-right: #fff;
}
.my-products .list-product .button-group {
display: flex;
flex-direction: row-reverse;
}
.my-products .list-product .icons .pen {
align-items: center;
background-color: #134894;
border-radius: 15%;
display: flex;
justify-content: center;
margin-left: 5px;
width: 22px;
}
.my-products .list-product .icons .pen svg {
height: 15px;
width: 15px;
}
.my-products .list-product .icons .pen svg path {
fill: #fff;
}
.my-products .list-product .icons .pen:hover {
background-color: #fff;
cursor: pointer;
}
.my-products .list-product .icons .pen:hover svg path {
fill: #134894;
}
.my-products .list-product .icons .trash {
padding-right: 0.5em;
}
.my-products .list-product .icons .trash #trash,
.my-products .list-product .icons .trash #trash path,
.my-products .list-product .icons .trash path {
fill: #878787 !important;
}
.my-products .list-product .icons .trash:hover path {
fill: #134894;
}
.img-name {
align-items: center;
display: flex;
}
.img-name col p {
text-align: left;
}
.img-name img {
border-radius: 5px;
height: 65px !important;
width: 65px;
}
.icons {
align-items: center;
cursor: pointer;
display: flex;
justify-content: center;
}
.icons span {
height: 25px;
width: 25px;
}
.responsive-actions {
position: relative;
z-index: 100;
}
.responsive-actions__button {
position: relative;
width: 2.5rem;
height: 2.5rem;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
color: #b3b3b3;
border: none;
background: none;
-moz-appearance: none;
appearance: none;
outline: none;
transition: transform 0.1s ease-in-out;
-webkit-appearance: none;
z-index: 2;
}
.responsive-actions__button svg {
width: 100%;
height: 100%;
}
.responsive-actions__dropdown {
position: absolute;
right: 0;
top: -0.5rem;
width: 18.5rem;
border: 1px solid #e0e0e0;
box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
background-color: #fff;
border-radius: 0.25rem;
z-index: 1;
}
.responsive-actions__list {
list-style: none;
margin: 0;
text-align: left;
padding: 0.5rem 0;
}
.responsive-actions__item {
padding-right: 3rem;
}
.responsive-actions__item .btn,
.responsive-actions__item .btn:focus,
.responsive-actions__item .btn:hover {
padding: 0.5rem 1rem;
color: #b3b3b3;
text-decoration: none;
}
.responsive-actions__item .btn__icon {
width: 1.5rem;
height: 1.5rem;
}
.responsive-actions__item .btn__icon svg {
width: 100%;
height: 100%;
margin: 0;
}
.responsive-actions__item .btn__text {
margin-left: 0.5rem;
}
.responsive-actions__overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.responsive-actions.open {
z-index: 101;
}
.responsive-actions.open .responsive-actions__button {
transform: rotate(-90deg);
}
@media screen and (max-width: 478px) {
.store-opening-time-page-container {
padding-right: 0;
padding-left: 0;
}
}
@media screen and (max-width: 478px) {
.store-opening-time-page-container .bread {
padding-left: 10px;
}
}
.store-opening-time-page-container .store-opening-time-page {
background: #fff;
margin: 0 !important;
padding: 32px;
display: flex;
flex-direction: column;
}
@media screen and (max-width: 768px) {
.store-opening-time-page-container .store-opening-time-page {
padding: 12px;
}
}
@media screen and (max-width: 426px) {
.store-opening-time-page-container .store-opening-time-page {
padding: 5px;
}
}
.store-opening-time-page-container .store-opening-time-page .bo-store-content-title {
font-size: 28px;
}
.store-opening-time-page-container .store-opening-time-page .small-paragraph-title {
max-width: 600px;
}
@media screen and (min-width: 769px) {
.store-opening-time-page-container .store-opening-time-page .small-paragraph-title {
margin-left: 16px;
margin-top: 16px;
}
}
.store-opening-time-page-container .store-opening-time-page .niche {
margin-bottom: 48px !important;
margin-top: 36px;
}
@media screen and (min-width: 426px) {
.store-opening-time-page-container .store-opening-time-page .niche {
margin-bottom: 15px !important;
}
}
@media screen and (min-width: 426px) {
.store-opening-time-page-container .store-opening-time-page .niche .radio-container {
margin-right: 70px;
}
}
.store-opening-time-page-container .store-opening-time-page .opening-time-picker-form-group {
margin-bottom: 15px !important;
}
.store-opening-time-page-container .store-opening-time-page .opening-time-picker-form-group .first-form-group,
.store-opening-time-page-container .store-opening-time-page .opening-time-picker-form-group .last-form-group {
padding: 0 !important;
}
.store-opening-time-page-container .store-opening-time-page .opening-time-picker-form-group input {
margin: 0 !important;
}
.store-opening-time-page-container .store-opening-time-page .alert-success {
margin-top: 20px;
}
.store-opening-time-page-container .store-opening-time-page .form-error-message-group {
margin-top: 10px;
}
.store-opening-time-page-container .store-opening-time-page .form-error-message-group .form-error-message {
color: #134894 !important;
font-size: 12px;
}
.store-opening-time-page-container .store-opening-time-page .form-error-message-day {
font-weight: 700;
text-transform: capitalize;
}
.store-opening-time-page-container .store-opening-time-page .form-error-message-group {
background-color: rgba(255, 0, 0, 0.2);
border-radius: 8px;
margin-bottom: 8px;
padding: 8px;
}
.store-opening-time-page-container .store-opening-time-page .bo-store-big-button {
align-self: center;
background-color: #134894;
color: #fff;
}
@media screen and (max-width: 768px) {
.store-opening-time-page-container .store-opening-time-page .bo-store-big-button {
width: 100%;
}
}
.store-opening-time-page-container .store-opening-time-page .bo-store-big-button:hover:not(.disabled) {
background-color: #f78293;
}
.signin {
overflow-x: hidden;
padding: 24px 0 0 !important;
}
.signin .block-main-signin {
margin: 0 auto;
min-height: 60vh;
padding: 16px 0 0 !important;
width: 70%;
}
@media screen and (max-width: 425px) {
.signin .block-main-signin {
min-width: calc(100vw - 32px);
}
}
.signin .block-main-signin .signin-connection {
align-items: center;
display: flex;
flex-flow: column;
}
@media screen and (max-width: 425px) {
.signin .block-main-signin .signin-connection {
margin: 0;
}
}
.signin .block-main-signin .signin-connection .signin-input-group {
margin: 10 0 !important;
}
.signin .block-main-signin .signin-connection .email-name {
color: #fff;
text-decoration: underline;
}
@media screen and (max-width: 426px) {
p.reference {
width: 75px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.align-title {
align-items: center;
display: flex;
}
.general-infos .media {
align-items: flex-start;
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: 160px;
width: 160px;
}
.general-infos .media .media-object {
height: auto;
object-fit: contain;
width: 100%;
}
.general-infos .card-body b,
.general-infos .card-body p {
color: #262829;
}
.general-infos .card-body .text-no-margin p {
margin-bottom: 0;
}
@media screen and (max-width: 426px) {
.general-infos .card-body {
padding: 0.5rem;
}
}
@media screen and (max-width: 426px) {
.padding-mobile {
padding: 0.5rem !important;
}
}
.my-shop-cards-item-schedule-title {
display: flex;
flex-direction: row;
justify-content: center;
text-align: center;
}
.my-shop-cards-item-schedule-title span {
margin: 0;
width: 20%;
}
.my-shop-cards-item-schedule-title p {
margin: 0;
width: 40%;
}
.my-shop-cards-item-schedule {
border: 1px solid #c2c2c2;
border-radius: 10px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
text-align: center;
}
.my-shop-cards-item-schedule p {
margin: 0;
padding: 0.2em;
}
.my-shop-cards-item-schedule .my-shop-cards-item-schedule-day {
border-bottom: 1px solid #c2c2c2;
width: 20%;
}
.my-shop-cards-item-schedule .my-shop-cards-item-schedule-time {
border-bottom: 1px solid #c2c2c2;
border-left: 1px solid #c2c2c2;
width: 40%;
}
.my-shop-cards-item-schedule .no-border {
border-bottom: 0;
}
.area-card {
display: flex;
height: 35px;
margin: 25px 0;
}
.area-card [class*="tag"] {
align-items: center;
background-color: #fddee3;
border-radius: 5px;
display: flex;
justify-content: center;
width: 25%;
}
@media screen and (max-width: 425px) {
.area-card [class*="tag"] {
width: 40%;
}
}
.area-card [class*="tag"] span {
font-size: 14px;
}
.area-card .tag {
margin-right: 10px;
}
.area-card .tag span {
color: #474747;
font-weight: 700;
}
.area-card .tag-1 {
background-color: #e7eef2;
}
.area-card .tag-2 {
background-color: #e5f6f4;
}
.area-card .tag-3 {
background-color: rgba(218, 86, 115, 0.2);
}
.area-card .area {
margin: 0 5px;
position: relative;
width: 80%;
}
.area-card .area .line-info {
display: flex;
flex-direction: column;
position: absolute;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
@media screen and (max-width: 425px) {
.area-card .area .line-info {
margin-left: 0 !important;
}
}
.area-card .area .line-info .info {
display: flex;
}
.area-card .area .line {
border-bottom: 1px solid #e7eef2;
height: 80%;
position: relative;
}
.area-card .area .line .cursor {
border-radius: 15px;
bottom: -3px;
height: 5px;
position: absolute;
}
.area-card .area .line .cursor.cursor-1 {
background-color: #e7eef2;
}
.area-card .area .line .cursor.cursor-2 {
background-color: #b3e4df;
}
.area-card .area .line .cursor.cursor-3 {
background-color: #fdaabc;
}
.area-card .area .line .cursor-value {
position: relative;
}
.area-card .area .line .cursor-value div {
display: flex;
justify-content: space-between;
left: 0;
min-width: -webkit-fit-content;
min-width: -moz-fit-content;
min-width: fit-content;
position: absolute;
width: 100%;
}
.area-card .area .line .cursor-value div p {
color: #878787;
font-size: 0.8em;
font-weight: 500;
padding: 2px;
}
.area-card .price {
color: #474747;
font-weight: 700;
width: 25%;
}
.area-card .price,
.close-days-calendar {
align-items: center;
display: flex;
justify-content: center;
}
@media (max-width: 426px) {
.close-days-calendar {
padding: 0.5rem !important;
}
}
.close-days-calendar .responsive-calendar {
font-size: 10px !important;
}
@media (max-width: 425px) {
.close-days-calendar .responsive-calendar {
font-size: 8px !important;
}
}
.close-days-calendar .Calendar .Calendar__monthArrowWrapper {
background-color: #fde8ec;
}
.close-days-calendar .Calendar .Calendar__monthArrowWrapper span {
background-image: none;
padding: 2px;
}
.close-days-calendar .Calendar .Calendar__monthArrowWrapper.-left span {
transform: rotate(90deg);
}
.close-days-calendar .Calendar .Calendar__monthArrowWrapper.-right span {
transform: rotate(-90deg);
}
.close-days-calendar .closedays-public-holiday {
border: 2px solid #fcae5d !important;
}
.close-days-calendar .closedays-custom-today-day {
border: 1px solid #134894 !important;
color: #134894 !important;
}
.close-days-calendar .closedays-custom-today-day:after {
visibility: hidden;
}
.close-days-calendar .Calendar__sectionWrapper {
opacity: 0.7;
pointer-events: none;
}
.pen {
width: 22px;
}
.pen svg {
max-width: 15px;
}
.store-publish {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
margin-bottom: 40px;
padding: 0 15px;
}
.store-publish h1 {
margin-bottom: 0 !important;
}
.store-detail .card {
margin-top: 1em !important;
}
.store-detail .store-title {
display: flex;
align-items: flex-start;
justify-content: center;
flex-flow: row;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
pointer-events: none;
z-index: 1;
}
.store-detail .store-title h1.store-name {
font-size: 1.375rem !important;
background-color: #fff;
border-radius: 0 0 0.25em 0.25em;
padding: 0.3333em 1em;
margin: -0.25em 2rem 0;
text-align: center;
}
@media (min-width: 576px) {
.store-detail .store-title h1.store-name {
font-size: 2rem !important;
}
}
@media (min-width: 768px) {
.store-detail .store-title h1.store-name {
font-size: 2.45rem !important;
}
}
@media (min-width: 992px) {
.store-detail .store-title h1.store-name {
font-size: 2.75rem !important;
border-radius: 0.25em;
}
}
@media (min-width: 992px) {
.store-detail .store-title {
align-items: center;
}
}
.store-detail .carousel {
overflow: hidden;
}
.store-detail .carousel-container {
display: flex;
flex-direction: column;
}
@media (max-width: 767.98px) {
.store-detail .carousel-container {
padding: 0;
}
}
@media (min-width: 576px) {
.store-detail .carousel-container {
height: 70vh;
height: calc(100vh - 70px - 11.75rem);
}
}
.store-detail .carousel-actions {
position: absolute;
right: 0;
top: 0;
padding: 1rem 1rem 0 0;
display: flex;
color: #fff;
-webkit-filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.5));
filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.5));
z-index: 2;
}
.store-detail .carousel-actions > * + * {
margin-left: 1rem;
}
.store-detail .carousel-actions > * {
cursor: pointer;
}
@media (min-width: 576px) {
.store-detail .carousel-actions {
padding: 1.5rem 1.5rem 0 0;
}
}
.store-detail .carousel-wrapper {
position: relative;
flex-grow: 1;
height: 40vh;
}
.store-detail .carousel-wrapper .carousel {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
@media (min-width: 576px) {
.store-detail .carousel-wrapper {
height: auto;
}
}
.store-detail .carousel-inner {
height: 100%;
}
.store-detail .carousel-inner img {
width: 100%;
height: 100%;
overflow: hidden;
object-fit: cover;
}
.store-detail .carousel-item {
height: 100%;
}
.store-detail .carousel-footer {
border-bottom: 1px solid #e0e0e0;
}
.store-detail .carousel-footer .dropdown-mobile-button {
position: relative;
align-items: center;
justify-content: center;
color: #e0e0e0;
}
.store-detail .carousel-footer .dropdown-mobile-button svg {
width: 1.5rem;
height: 1.5rem;
transition: transform 0.3s;
}
.store-detail .carousel-footer .dropdown-mobile-button.is-opened svg {
transform: rotate(180deg);
}
.store-detail .carousel-footer .google-map {
position: relative;
height: 100%;
}
.store-detail .carousel-footer .google-map iframe {
width: 100%;
height: 100%;
pointer-events: none;
}
.store-detail .carousel-footer .google-map-link {
color: currentColor;
text-decoration: underline;
white-space: nowrap;
}
.store-detail .carousel-footer .google-map-link svg {
display: inline-block;
vertical-align: middle;
color: #134894;
width: 1.5em;
height: 1.5em;
margin-left: 0.25em;
}
.store-detail .carousel-footer .google-map-link:focus,
.store-detail .carousel-footer .google-map-link:hover {
text-decoration: none;
}
.store-detail .carousel-footer .google-map-overlay {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: none;
background: none;
}
.store-detail .carousel-footer .col-footer:after {
position: absolute;
background-color: #134894;
}
@media (max-width: 767.98px) {
.store-detail .carousel-footer .col-footer:not(.d-none) + .col-footer:after {
content: "";
left: 50%;
height: 1px;
width: 6rem;
margin-left: -3rem;
bottom: 0;
}
}
@media (min-width: 768px) {
.store-detail .carousel-footer .col-footer + .col-footer:after {
content: "";
left: -1px;
margin-left: 0;
bottom: 1.5rem;
height: calc(100% - 3rem);
width: 1px;
}
}
@media (min-width: 768px) {
.store-detail .carousel {
border-top-left-radius: 1.5rem;
border-top-right-radius: 1.5rem;
}
.store-detail .carousel-footer {
border-bottom-left-radius: 1.5rem;
border-bottom-right-radius: 1.5rem;
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
}
}
.store-detail .products-list {
overflow: hidden;
margin-bottom: -4rem;
padding-bottom: 4rem;
}
.store-detail .products-list .rubric-container {
padding-top: 70px;
position: relative;
}
@media (min-width: 992px) {
.store-detail .products-list .rubric-container {
padding-top: 112px;
margin-top: -42px;
}
}
.store-detail .products-list .rubric-container .bold-page-title {
padding-right: 4.5rem;
}
.store-detail .products-list .rubric-container .rubric-img-bg {
left: -15%;
position: absolute;
top: 44%;
z-index: -1;
}
.store-detail .products-list .rubric-container .item-card-container-desktop {
align-items: center;
display: none;
flex-flow: row wrap;
position: relative;
}
@media screen and (min-width: 769px) {
.store-detail .products-list .rubric-container .item-card-container-desktop {
display: flex;
}
}
.store-detail .products-list .rubric-container .item-card-container-desktop .desktop-carousel {
display: flex;
overflow-x: auto;
scroll-behavior: smooth;
}
.store-detail .products-list .rubric-container .item-card-container-desktop .left-arrow-container,
.store-detail .products-list .rubric-container .item-card-container-desktop .right-arrow-container {
display: none;
position: absolute;
top: 0;
bottom: 0;
width: 80px;
align-items: center;
font-size: 30px;
cursor: pointer;
}
.store-detail .products-list .rubric-container .item-card-container-desktop .left-arrow-container svg,
.store-detail .products-list .rubric-container .item-card-container-desktop .right-arrow-container svg {
z-index: -1;
}
.store-detail .products-list .rubric-container .item-card-container-desktop .left-arrow-container svg path,
.store-detail .products-list .rubric-container .item-card-container-desktop .right-arrow-container svg path {
fill: #134894;
}
.store-detail .products-list .rubric-container .item-card-container-desktop .right-arrow-container {
right: -70px;
padding-left: 30px;
justify-content: flex-start;
}
.store-detail .products-list .rubric-container .item-card-container-desktop .left-arrow-container {
left: -70px;
padding-right: 30px;
justify-content: flex-end;
}
.store-detail .products-list .rubric-container .item-card-container-desktop.length-of-x:hover .left-arrow-container,
.store-detail .products-list .rubric-container .item-card-container-desktop.length-of-x:hover .right-arrow-container {
display: flex;
}
@media screen and (max-width: 1200px) {
.store-detail .products-list .rubric-container .item-card-container-desktop.length-of-3:hover .left-arrow-container,
.store-detail .products-list .rubric-container .item-card-container-desktop.length-of-3:hover .right-arrow-container {
display: flex;
}
}
.store-detail .products-list .rubric-container .item-card-container-mobile {
align-items: center;
display: flex;
flex-flow: row wrap;
}
@media screen and (min-width: 769px) {
.store-detail .products-list .rubric-container .item-card-container-mobile {
display: none;
}
}
.store-detail .products-list .rubric-container .item-card-container-mobile > div {
overflow-x: visible !important;
width: 333px;
}
@media screen and (max-width: 375px) {
.store-detail .products-list .rubric-container .item-card-container-mobile > div {
width: 261px;
}
}
.store-detail .products-list .rubric-container .react-swipeable-view-container > div {
width: -webkit-fit-content !important;
width: -moz-fit-content !important;
width: fit-content !important;
}
.no-product {
font-size: 2em;
margin-top: 50px;
text-align: center;
width: 100%;
}
.store-distance {
display: flex;
align-items: center;
color: #262829;
font-family: Quicksand, sans-serif;
font-size: 1.2em;
font-weight: 500;
}
.store-distance .svg-container {
display: flex;
margin-right: 8px;
color: #134894;
}
@media screen and (max-width: 375px) {
.store-distance {
font-size: 1em;
}
}
.address {
color: #262829;
font-size: 0.8em;
font-weight: 300;
}
@media screen and (max-width: 375px) {
.address {
font-size: 0.75em;
}
}
.horaire {
display: block;
font-size: 0.8em;
line-height: 1.2;
}
@media screen and (max-width: 375px) {
.horaire {
font-size: 0.75em;
}
}
.horaire-dropdown {
background-color: #fff;
border-radius: 1rem;
box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.25);
left: 0;
padding: 1rem 0;
position: absolute;
top: 100%;
top: calc(100% + 0.5rem);
width: 100%;
min-width: 300px;
z-index: 91;
}
.horaire-dropdown #BO_Accueil {
fill: #878787;
}
.horaire-dropdown .horaire-dropdown-title {
color: #134894;
font-size: 1em;
}
.horaire-dropdown .row-col-title {
color: #878787;
font-size: 0.8em;
padding: 0;
text-align: center;
}
.horaire-dropdown .row {
padding: 0;
}
.horaire-dropdown .icon-close {
cursor: pointer;
color: #474747;
height: 1rem;
width: 1rem;
}
.horaire-dropdown .icon-close svg {
width: 100%;
height: 100%;
}
@media screen and (min-width: 768px) {
.horaire-dropdown {
left: 1em;
top: 60%;
width: calc(100% + 1em);
}
}
.store-name {
color: #04a696;
font-weight: 600;
}
.modal-detail-map.show {
align-items: center;
display: flex !important;
flex-flow: row;
justify-content: center;
}
.modal-detail-map .modal-dialog {
margin: 0 !important;
max-width: none;
width: 60%;
}
.modal-detail-map .modal-body {
height: 50vh;
padding: 0 !important;
width: 100% !important;
}
.modal-detail-map .modal-body .modal-maps-frame {
height: 100%;
width: 100% !important;
}
.modal-detail-map .store-name {
flex-basis: 50%;
font-size: 1.3em;
}
.item-details-images {
position: relative;
}
.item-details-images .carousel-indicators {
display: inline-flex;
background-color: #fff;
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
left: 50%;
right: auto;
margin: 0;
padding: 0 0.5rem;
transform: translate(-50%);
}
.item-details-images .carousel-indicators li {
background-clip: unset;
background-color: #878787;
border-radius: 0.625rem;
border-top: unset;
height: 0;
margin: 0.625rem 0.5rem;
width: 0.625rem;
}
.item-details-images .carousel-indicators .active {
background-color: #134894;
}
.item-details-images .carousel-inner {
border-radius: 1rem;
max-height: 100%;
}
.item-details-images .carousel-item {
position: relative;
height: 0;
padding-top: 100%;
}
.item-details-images .carousel-item .carousel-img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.item-details-images .carousel-img {
border-radius: 1rem;
width: 100%;
height: auto;
cursor: pointer;
}
.item-details-images .bg-pointille-carousel {
bottom: 20%;
position: absolute;
right: -30%;
transform: rotate(-100deg);
width: 70%;
z-index: -1;
}
.item-details-images .item-details-img-list {
align-items: center;
display: flex;
flex-flow: row wrap;
justify-content: center;
margin-top: 15px;
}
.item-details-images .item-details-img-list .item-img {
border-radius: 8px;
height: 65px;
margin: 10px;
object-fit: cover;
object-position: center;
width: 65px;
}
.item-details-images .item-details-img-list .item-img:hover {
cursor: pointer;
}
.item-details-info {
text-align: left;
}
.item-details-info .item-price,
.item-details-info .item-title {
font-size: 2rem;
line-height: 1.2;
font-weight: 700;
margin-bottom: 0;
}
.item-details-info .item-reference {
color: #b3b3b3;
font-size: 1.3rem;
font-weight: 300;
margin-top: 0;
}
.item-details-info .item-price {
color: #134894;
}
.item-details-delivery-mode {
position: relative;
margin-bottom: 2.5rem;
}
.item-details-delivery-mode.has-error:not(.with-dropdown) .item-details-delivery-mode-dropdown,
.item-details-delivery-mode.has-error:not(.with-dropdown) .item-details-delivery-mode-summary {
border-color: #c0392b;
}
.item-details-delivery-mode-summary {
position: relative;
border: 1px solid #e0e0e0;
background-color: #fff;
border-radius: 1rem;
margin: 1rem 0 0;
padding: 1rem 1.25rem;
transition: border-radius 0.1s;
z-index: 91;
}
.item-details-delivery-mode-summary .delivery-mode-button {
font-size: 1.25rem;
}
.item-details-delivery-mode-summary .delivery-mode-button,
.item-details-delivery-mode-summary .delivery-mode-button:focus,
.item-details-delivery-mode-summary .delivery-mode-button:hover {
color: #134894;
background: none;
border: none;
padding: 0;
}
.item-details-delivery-mode-summary .delivery-mode-button .delivery-mode-date,
.item-details-delivery-mode-summary .delivery-mode-button .delivery-mode-time {
display: block;
}
.item-details-delivery-mode-arrow {
color: #adb5bd;
transition: transform 0.3s;
}
.item-details-delivery-mode-dropdown {
position: absolute;
left: 0;
top: 100%;
top: calc(100% - 1px);
width: 100%;
padding: 1rem 1.25rem;
background-color: #fff;
border: 1px solid #e0e0e0;
border-radius: 0 0 1rem 1rem;
box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.25);
z-index: 90;
}
.item-details-delivery-mode.with-dropdown .item-details-delivery-mode-summary {
border-radius: 1rem 1rem 0 0;
}
.item-details-delivery-mode.with-dropdown .item-details-delivery-mode-arrow {
transform: rotate(180deg);
}
.item-details-description {
font-size: 1rem;
}
.item-details-field-feedback {
font-size: 0.75rem;
height: 0;
}
.item-details-size {
margin-bottom: 3.75rem;
}
.item-details-size ul {
display: flex;
list-style: none;
padding: 0;
margin: 0 -0.5rem;
}
.item-details-size ul li {
margin: 0.5rem;
}
.item-details-size-button {
display: flex;
justify-content: center;
align-items: center;
font-size: 1.25rem;
width: 2.5em;
height: 2.5em;
border-radius: 50%;
border: 1px solid #b3b3b3;
background-color: #fff;
color: #878787;
transition: color 0.3s, border-color 0.3s, background-color 0.3s;
}
.item-details-size-button.is-small {
font-size: 0.85rem;
}
.item-details-size-button.is-active {
border-color: #134894;
background-color: #fde8ec;
}
.item-details-size-button.is-default {
position: relative;
}
.item-details-size-button.is-default:after {
content: "*";
position: absolute;
right: -0.25rem;
top: -0.25rem;
font-size: 0.875rem;
color: #134894;
line-height: 1;
}
.item-details-size-button.is-active,
.item-details-size-button:focus,
.item-details-size-button:hover {
color: #134894;
}
.item-details-quantity {
margin-bottom: 1.25rem;
}
.item-details-quantity .form-group {
margin: 0;
width: 80px;
}
@media screen and (max-width: 768px) {
.item-details-quantity .form-group {
flex-basis: 20%;
}
}
.item-details-quantity .form-group input {
margin: 0;
padding: 10px !important;
}
.item-details-quantity .error-stock-item {
color: #e74c3c;
margin-left: 10px;
}
.item-details .order-item {
display: flex;
flex-flow: row wrap;
justify-content: center;
}
.item-details .order-item .btn {
min-width: 60%;
}
.item-details .details {
text-align: center;
}
.item-details .col-label {
font-size: 1.25rem;
font-weight: 700;
}
@media screen and (min-width: 769px) {
.item-details-info .item-price,
.item-details-info .item-title {
font-size: 2.5rem;
}
.item-details-info .item-reference {
font-size: 1.5rem;
}
.item-details-delivery-mode {
margin-bottom: 2.5rem;
}
.item-details-description {
font-size: 1.25rem;
}
}
.delivery-price {
display: flex;
white-space: nowrap;
}
.reset-button {
background-color: #fff;
color: #b3b3b3;
border: none;
display: inline-flex;
align-items: center;
font-size: 0.85rem;
padding: 0;
}
.reset-button svg {
height: 1em;
width: 1em;
margin-left: 0.5em;
fill: #134894;
}
.reset-button:hover {
text-decoration: underline;
color: #474747;
}
.question {
align-items: center;
background-color: #fddee3;
border-radius: 10px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
margin: 40px auto;
padding: 30px !important;
text-align: center;
}
@media screen and (max-width: 768px) {
.question {
margin: 40px auto;
width: 95%;
}
}
.question .help-text {
color: #878787;
font-size: 1.4em;
margin: 0;
}
@media screen and (max-width: 1050px) {
.question .help-text {
text-align: center;
width: 100%;
}
}
.question .phone-text {
color: #262829;
font-size: 1.4em;
margin-bottom: 0;
}
@media screen and (max-width: 1050px) {
.question .phone-text {
text-align: center;
width: 100%;
}
}
.question .phone-text span {
color: #393939;
font-size: 0.8em;
}
.question .phone-text .phone-number {
color: #134894;
font-weight: 900;
}
.line-red {
border-right: 0.5px solid #134894;
margin-right: 15px;
}
@media screen and (max-width: 768px) {
.more-product {
padding: 0;
}
}
.more-product .item-card-container {
align-items: center;
display: flex;
flex-flow: row wrap;
}
.more-product .item-card-container > div {
overflow-x: visible !important;
width: 38%;
}
@media screen and (max-width: 768px) {
.more-product .item-card-container > div {
max-width: 100%;
width: 100%;
}
}
.bg-pointille {
bottom: 0;
left: -15%;
position: absolute;
transform: rotate(-120deg);
z-index: -1;
}
.modal .modal-detail-map {
max-width: 700px !important;
}
.modal .modal-dialog.modal-item {
margin: 10px auto;
}
@media screen and (max-width: 768px) {
.modal .modal-dialog.modal-item {
width: 80%;
width: 90%;
}
}
@media screen and (max-width: 768px) {
.modal .modal-dialog.modal-item .modal-title {
font-size: 1.2em !important;
}
}
.modal .modal-dialog.modal-item .modal-body {
overflow: auto;
}
.modal .modal-dialog.modal-item .order-description {
border: 0;
}
.modal .modal-dialog.modal-item .order-description .order-content {
padding: 0;
}
@media screen and (max-width: 480px) {
.modal .modal-dialog.modal-item .order-description .order-content .order-item .order-img {
width: 3em !important;
height: 3em !important;
}
}
.img-modal {
max-height: 90vh;
max-width: 90vw !important;
}
@media screen and (max-width: 426px) {
.img-modal {
margin: 0 auto !important;
}
}
.img-modal .modal-body {
align-items: center;
justify-self: center;
display: flex;
}
.img-modal img {
margin: 0 auto;
max-width: 100%;
object-fit: contain;
}
.order-header {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
margin-top: 50px;
}
.order-header .order-ref-date .order-ref {
color: #134894;
font-size: 1.6em;
margin-bottom: 5px;
}
.order-header .order-ref-date .order-at {
color: #878787;
font-size: 1em;
}
.order-header .order-delete-price {
align-items: flex-start;
display: flex;
flex-flow: column;
justify-content: space-between;
text-align: right;
}
.order-header .order-delete-price .delete {
color: #134894;
}
.order-header .order-delete-price .delete:hover {
color: #ffb1bd;
cursor: pointer;
text-decoration: underline;
}
.order-header .order-delete-price .order-price {
color: #474747;
font-weight: 700;
}
.order-header .order-delete-price p {
margin: 0;
width: -webkit-fill-available;
}
button.reject-hide-button {
border: 2px solid #134894;
}
.order-type-date {
align-items: center;
background-color: #fddee3;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
margin-top: 40px;
padding: 15px 20px !important;
}
@media screen and (max-width: 768px) {
.order-type-date {
padding: 15px 10px !important;
}
}
.order-type-date p {
color: #134894;
margin: 0;
}
.order-type-date p svg {
margin-right: 10px;
}
@media screen and (max-width: 768px) {
.order-type-date p svg {
margin-right: 0;
}
}
@media screen and (max-width: 768px) {
.order-type-date p {
font-size: 0.8em;
}
}
.order-type-date .order-date {
color: #878787;
}
.order-type-date .order-date span {
color: #878787;
font-weight: 700;
}
.order-type-date .delivery-cost {
color: #878787;
font-weight: 700;
margin-left: 35px;
}
.item {
display: flex;
flex-flow: row;
margin-bottom: 35px;
}
.item .item-img {
border-radius: 8px;
height: 200px;
width: 200px;
}
@media screen and (max-width: 768px) {
.item .item-img {
height: 100px;
width: 100px;
}
}
.item .item-info {
display: flex;
flex-flow: column;
margin: 0 45px;
}
@media screen and (max-width: 768px) {
.item .item-info {
margin: 0 10px;
}
}
.item .item-info .item-name {
color: #474747;
font-size: 1em;
font-weight: 700;
transition: all 0.3s;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.item .item-info .item-name:hover {
color: #878787;
cursor: pointer;
}
.item .item-info .item-ref {
color: #878787;
font-size: 0.8em;
margin-bottom: 10px;
}
.item .item-info .item-summary {
color: #474747;
font-size: 0.9em;
margin-top: 15px;
}
.item .item-info p {
margin-bottom: 0;
}
.item .item-qt-price {
align-items: center;
display: flex;
flex-flow: row;
margin-left: auto;
}
.item .item-qt-price .item-qt {
color: #134894;
}
.item .item-qt-price .item-price {
color: #474747;
font-weight: 700;
}
.item .item-qt-price p {
margin-bottom: 0;
margin-left: 15px;
}
.customer-block {
background-color: #f9fcfe;
padding: 25px 40px;
}
.customer-block p {
width: -webkit-fill-available;
}
.customer-block .value {
-webkit-columns: #474747;
column-count: #474747;
font-weight: 700;
text-align: right;
width: auto;
}
.message-user {
background-color: #fddee3;
padding: 25px !important;
}
.message-user p,
.message-user span {
color: #474747;
font-weight: 700;
margin-bottom: 0;
}
.button-wrapper {
display: flex;
justify-content: center;
margin-top: 50px;
width: 100%;
}
.issue-order {
color: #474747;
margin-bottom: 0;
margin-top: 50px;
}
.help {
color: #474747;
margin-top: 10px;
text-align: center;
}
.help span {
color: #134894;
text-decoration: underline;
}
.help span:hover {
cursor: pointer;
}
.visuel-commandes {
height: 50%;
}
.padding {
padding: 1.5em;
}
.margin-card-body {
margin: 1em !important;
}
.img-items {
height: 100px;
width: 100px;
}
.background-green {
background-color: #b3e4df;
border: 1px solid #4fc1b5;
border-radius: 10px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
margin: 1em;
margin-left: 0 !important;
margin-right: 0 !important;
transition: all 0.3s ease-in-out;
}
.background-green:hover {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
cursor: pointer;
transform: scale(1.1);
}
@media (min-width: 576px) {
.user-bookmarks .content-screen-user,
.user-orders .content-screen-user {
background-position: 100% calc(70px + 5rem);
background-repeat: no-repeat;
background-size: 33.33333vw auto;
background-attachment: fixed;
}
}
@media (min-width: 1200px) {
.user-bookmarks .content-screen-user,
.user-orders .content-screen-user {
background-size: 26rem auto;
}
}
.block-orders-user .orders-table .tab-header {
background-color: #134894;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
padding: 15px;
}
.block-orders-user .orders-table .tab-header p {
color: #fff;
margin: 0;
}
@media screen and (max-width: 768px) {
.block-orders-user .orders-table .tab-header p {
font-size: 10px;
}
}
.block-orders-user .orders-table .order-row {
border-bottom: 1px solid #b3b3b3;
cursor: pointer;
padding: 25px 15px;
transition: all 0.3s;
position: relative;
}
.block-orders-user .orders-table .order-row .order-item-wrapper {
display: flex;
flex-flow: column;
justify-content: center;
}
.block-orders-user .orders-table .order-row .order-item-content {
margin: 0;
}
@media screen and (max-width: 768px) {
.block-orders-user .orders-table .order-row .order-item-content {
font-size: 10px;
}
}
.block-orders-user .orders-table .order-row .order-item {
margin-bottom: 8px;
}
.block-orders-user .orders-table .order-row .order-item:last-child {
margin: 0;
}
.block-orders-user .orders-table .order-row .date {
font-size: 12px;
}
.block-orders-user .orders-table .order-row .date .livraison-time {
font-weight: 700;
}
.block-orders-user .orders-table .order-row .delete-order {
position: absolute;
right: -13px;
bottom: 28px;
padding: 5px;
display: flex;
justify-self: center;
align-self: center;
background-color: #b3b3b3;
border-radius: 50%;
border: 2px solid #fff;
opacity: 0;
}
.block-orders-user .orders-table .order-row .delete-order svg {
width: 10px;
height: 10px;
}
.block-orders-user .orders-table .order-row:last-child {
border: 0;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.block-orders-user .orders-table .order-row:hover {
background-color: #fddee3;
}
.block-orders-user .orders-table .order-row:hover .delete-order {
opacity: 1;
}
.delete-icon use {
fill: #b3b3b3;
}
.delete-icon:hover use {
fill: #878787;
}
button.reject-hide-button {
border: 1px solid #134894;
background-color: #fff;
color: #134894;
}
.password-input {
-webkit-text-security: disc;
}
@media (min-width: 576px) {
.content-screen-user {
background-position: 100% calc(70px + 5rem);
background-repeat: no-repeat;
background-size: 33.33333vw auto;
background-attachment: fixed;
}
}
@media (min-width: 1200px) {
.content-screen-user {
background-size: 26rem auto;
}
}
.text-data-flox {
color: #878787;
font-size: 14px;
}
a.favorites-list-add-button {
color: #b3b3b3;
}
a.favorites-list-add-button:hover {
color: #134894;
text-decoration: none;
}
h2 {
margin-bottom: 20px;
}
.table-product-list tbody td:first-child,
.table-product-list tbody td:last-child,
.table-product-list tbody tr:first-child,
.table-product-list tbody tr:last-child {
border-radius: 0 !important;
}
.table-product-list tbody td {
border: 0 !important;
}
.table-product-list tbody tr {
border-bottom: 1px solid #e7eef2;
}
.table-product-list .col-name {
width: 80%;
}
.table-product-list .price {
white-space: nowrap;
}
#item-page {
margin: 30px 33px;
}
#item-page .item-dimension-price,
#item-page .item-stock-row {
width: 100%;
}
#item-page .item-stock-row .label-stock p {
color: #878787 !important;
}
#item-page .item-stock-row .form-check-inline {
display: inline;
display: initial;
}
#item-page .item-stock-row .item-stock {
align-items: center;
display: flex;
justify-content: center;
margin-top: 8px;
width: 100%;
}
#item-page .item-stock-row .item-stock .input-top-label {
width: 140px;
}
#item-page .item-stock-row .item-stock input {
margin-bottom: 0;
overflow: auto;
-moz-overflow: hidden;
}
#item-page .item-extra-time {
color: #878787;
font-weight: 400;
}
#item-page .item-extra-time input:checked + .checkmark + p {
font-weight: 700;
color: #134894 !important;
}
#item-page .item-extra-time p {
font-size: 14px;
}
#item-page .item-extra-time small {
font-size: 0.75em;
}
#item-page .item-extra-time .form-control-time {
width: 7rem;
}
#item-page .item-extra-time .item-existing-times {
padding: 0.75em 1em;
position: absolute;
right: 0.5rem;
top: 0.5rem;
background-color: #fff;
border: 1px solid #e0e0e0;
font-style: italic;
border-radius: 0.25rem;
box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.25);
transform: translateY(-100%);
font-size: 0.85rem;
white-space: nowrap;
}
#item-page .multi-img-input {
align-items: center;
display: flex;
flex-direction: column;
margin-bottom: 40px;
}
#item-page .multi-img-input .swiper-block {
width: auto;
}
#item-page .multi-img-input .swiper-container {
width: 200px;
height: 200px;
}
@media screen and (min-width: 768px) {
#item-page .multi-img-input .swiper-container {
width: 400px;
height: 400px;
}
}
#item-page .multi-img-input .images-list .image-preview-container {
width: 68px;
height: 68px;
}
#item-page input[type="checkbox"],
#item-page input[type="radio"] {
margin-right: 10px !important;
width: auto;
}
#item-page #item-fixed-infos {
display: flex;
font-size: 14px;
}
#item-page #item-fixed-infos p {
margin-right: 20px;
}
#item-page button[type="submit"] {
margin-bottom: 10px;
}
#item-page button[type="submit"] .spinner {
margin-right: 10px;
}
#item-page .tab-content {
padding: 0;
}
#item-page .tab-content .form-group {
margin-bottom: 1rem !important;
}
#item-page .tab-content .form-group:last-child {
margin-bottom: 0 !important;
}
#item-page .nav-tabs .nav-item {
position: relative;
flex: 1 1;
}
#item-page .nav-tabs .nav-item:first-child .nav-link.active {
border-left: 1px solid #e0e0e0;
}
#item-page .nav-tabs .nav-item:last-child .nav-link.active {
border-right: 1px solid #e0e0e0;
}
#item-page .nav-tabs .nav-item .nav-link:after {
position: absolute;
display: block;
height: 0.75rem;
width: 0.75rem;
right: 0.5rem;
top: 0.875rem;
background-size: 100% 100%;
}
@media (min-width: 576px) {
#item-page .nav-tabs .nav-item .nav-link:after {
height: 1rem;
width: 1rem;
right: 1rem;
top: 0.75rem;
}
}
#item-page .nav-tabs .nav-item.is-valid .nav-link:after {
content: "";
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
}
#item-page .nav-tabs .nav-item.is-invalid .nav-link:after {
content: "";
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e74c3c' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e74c3c' stroke='none'/%3e%3c/svg%3e");
}
#item-page .nav-tabs + .tab-content {
padding: 15px;
border: 1px solid #e0e0e0;
border-top: none;
}
#item-page .tab-pane {
position: relative;
}
#item-page .tab-pane-overlay {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
background-color: hsla(0, 0%, 100%, 0.8);
}
.stock-update .form-control {
margin: 0;
height: auto;
color: #b3b3b3;
text-align: center;
}
.stock-update .form-control.loading {
pointer-events: none;
}
.stock-update .variant-selector .form-control {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
background-image: url('data:image/svg+xml,');
background-position: center right 0.375rem;
background-size: 0.75rem auto;
background-repeat: no-repeat;
}
.stock-update .stock-selector {
display: flex;
}
.stock-update .stock-unlimited input {
display: none;
}
.stock-update .stock-unlimited .form-control {
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
cursor: pointer;
height: 100%;
background-color: #e9ecef;
transition: background-color 0.3s, color 0.3s;
}
.stock-update .stock-unlimited .form-control:hover {
background-color: #fff;
}
.stock-update .stock-unlimited .form-control svg {
display: flex;
width: 1rem;
height: 1em;
}
.stock-update .stock-unlimited input:checked + .form-control {
border-color: #134894;
background-color: #134894;
color: #fff;
}
.stock-update:not(.stock-update-inline) .form-control {
padding: 0.25rem 0.375rem;
font-size: 0.8rem;
}
.stock-update:not(.stock-update-inline) .variant-selector {
margin-bottom: -1px;
}
.stock-update:not(.stock-update-inline) .variant-selector .form-control {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.stock-update:not(.stock-update-inline) .variant-selector + .stock-selector .form-control {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.stock-update:not(.stock-update-inline) .stock-unlimited {
margin-right: -1px;
}
.stock-update:not(.stock-update-inline) .stock-unlimited-label,
.stock-update:not(.stock-update-inline) .stock-value-label {
display: none;
}
.stock-update:not(.stock-update-inline) .stock-unlimited .form-control {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.stock-update:not(.stock-update-inline) .stock-value .form-control {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.stock-update:not(.stock-update-inline) .stock-value input {
width: 3rem;
padding-right: 0.1rem;
flex-shrink: 0;
}
.stock-update.stock-update-inline {
display: flex;
margin: 0 -1px -1px;
}
.stock-update.stock-update-inline .form-control {
padding: 0.5rem 0.75rem;
}
.stock-update.stock-update-inline .variant-selector {
margin-right: -1px;
}
.stock-update.stock-update-inline .variant-selector .form-control {
text-align: left;
width: 4rem;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 0;
}
.stock-update.stock-update-inline .stock-selector {
flex-direction: row-reverse;
}
.stock-update.stock-update-inline .stock-unlimited {
margin-left: -1px;
}
.stock-update.stock-update-inline .stock-unlimited-label {
margin-left: 0.5em;
}
.stock-update.stock-update-inline .stock-value {
position: relative;
}
.stock-update.stock-update-inline .stock-unlimited {
flex-shrink: 0;
}
.stock-update.stock-update-inline .stock-value .form-control {
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 0;
padding-left: 4rem;
}
.stock-update.stock-update-inline .stock-unlimited .form-control {
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.stock-update.stock-update-inline .stock-value-label {
position: absolute;
display: block;
top: 0;
left: 0;
padding: 0.5rem 0.75rem;
color: #b3b3b3;
}
.stock-update.stock-update-inline .variant-selector + .stock-selector .stock-value-label {
display: none;
}
.stock-update.stock-update-inline .variant-selector + .stock-selector .stock-value .form-control {
border-bottom-left-radius: 0;
padding-left: 0.75rem;
}
.closedays {
padding-top: 15px;
}
.closedays .breadcrumb-link:hover {
cursor: pointer;
}
.closedays input {
width: 75px;
}
.closedays .link {
color: #134894 !important;
text-decoration: underline;
}
.closedays .link path {
fill: #134894 !important;
}
.closedays .link:hover {
color: #da5673 !important;
cursor: pointer;
}
.closedays .link:hover path {
fill: #da5673 !important;
}
.closedays .fa-trash path {
fill: #dc3545;
}
.closedays .fa-trash:hover {
cursor: pointer;
}
.closedays .fa-trash:hover path {
fill: rgba(220, 53, 69, 0.67);
}
.closedays .card .card-title h1 {
font-family: "OpenSans:700", sans-serif;
font-size: 28px;
}
.closedays .card .card-subtitle p {
color: #878787;
font-size: 16px;
}
.closedays .card .card-subtitle-2 {
font-family: OpenSans, sans-serif;
font-size: 21px;
padding-top: 20px;
}
.closedays .card .legend {
margin-bottom: 45px;
}
@media only screen and (min-width: 426px) {
.closedays .card .legend {
display: flex;
}
.closedays .card .legend .legend-close,
.closedays .card .legend .legend-off {
margin-right: 73px;
}
}
.closedays .card .legend .legend-close {
display: flex;
}
.closedays .card .legend .legend-close .legend-close-circle {
background-color: #134894;
border-radius: 50%;
height: 26px;
margin-right: 10px;
width: 26px;
}
.closedays .card .legend .legend-off {
display: flex;
}
.closedays .card .legend .legend-off .legend-off-circle {
background-color: #fff;
border: 1px solid #fcae5d;
border-radius: 50%;
height: 26px;
margin-right: 10px;
width: 26px;
}
.closedays .card .legend .legend-today {
display: flex;
}
.closedays .card .legend .legend-today .legend-today-circle {
background-color: #fff;
border: 1px solid #e7eef2;
border-radius: 50%;
height: 26px;
margin-right: 10px;
width: 26px;
}
.closedays .card .closeDays-form form {
align-items: center !important;
display: flex;
justify-content: center;
width: 100%;
}
.closedays .card .closeDays-form form .responsive-calendar {
font-size: 10px !important;
}
@media (max-width: 425px) {
.closedays .card .closeDays-form form .responsive-calendar {
font-size: 8px !important;
}
}
.closedays .card .closeDays-form form .Calendar {
border: 13px solid #dfeaf1;
border-radius: 5px;
width: 34.7em;
}
.closedays .card .closeDays-form form .Calendar .Calendar__monthArrowWrapper {
background-color: #fde8ec;
}
.closedays .card .closeDays-form form .Calendar .Calendar__monthArrowWrapper span {
background-image: none;
padding: 2px;
}
.closedays .card .closeDays-form form .Calendar .Calendar__monthArrowWrapper.-left span {
transform: rotate(90deg);
}
.closedays .card .closeDays-form form .Calendar .Calendar__monthArrowWrapper.-right span {
transform: rotate(-90deg);
}
.closedays .card .closeDays-form form .small-button-close-days {
margin-top: 70px;
}
.closedays .card .closedays-public-holiday {
border: 2px solid #fcae5d !important;
}
.closedays .card .closedays-custom-today-day {
border: 1px solid #e7eef2 !important;
color: #134894 !important;
}
.closedays .card .closedays-custom-today-day:after {
visibility: hidden;
}
.section-cgv *,
.section-legal-notice *,
.section-privacy-terms * {
font-family: OpenSans, sans-serif;
}
.section-cgv a,
.section-legal-notice a,
.section-privacy-terms a {
color: #134894;
text-decoration: none;
}
.section-cgv a:hover,
.section-legal-notice a:hover,
.section-privacy-terms a:hover {
color: #134894;
text-decoration: underline;
}
.section-cgv b,
.section-cgv h1,
.section-cgv h2,
.section-cgv h3,
.section-legal-notice b,
.section-legal-notice h1,
.section-legal-notice h2,
.section-legal-notice h3,
.section-privacy-terms b,
.section-privacy-terms h1,
.section-privacy-terms h2,
.section-privacy-terms h3 {
color: #134894 !important;
}
.section-cgv p,
.section-cgv td,
.section-legal-notice p,
.section-legal-notice td,
.section-privacy-terms p,
.section-privacy-terms td {
color: #262829;
font-size: 16px;
}
@media screen and (max-width: 426px) {
.section-cgv h3,
.section-legal-notice h3,
.section-privacy-terms h3 {
font-size: 16px !important;
}
.section-cgv li,
.section-cgv p,
.section-cgv td,
.section-cgv th,
.section-legal-notice li,
.section-legal-notice p,
.section-legal-notice td,
.section-legal-notice th,
.section-privacy-terms li,
.section-privacy-terms p,
.section-privacy-terms td,
.section-privacy-terms th {
font-size: 11px !important;
}
}
.section-cgv .table-striped tbody tr:nth-of-type(odd),
.section-legal-notice .table-striped tbody tr:nth-of-type(odd),
.section-privacy-terms .table-striped tbody tr:nth-of-type(odd) {
background-color: #f9d239 !important;
}
.section-cgv .yellow-b,
.section-legal-notice .yellow-b,
.section-privacy-terms .yellow-b {
color: #f9d239;
}
.section-cgv .blac-b,
.section-legal-notice .blac-b,
.section-privacy-terms .blac-b {
color: #000;
}
.section-cgv .red-i,
.section-cgv .red-text,
.section-legal-notice .red-i,
.section-legal-notice .red-text,
.section-privacy-terms .red-i,
.section-privacy-terms .red-text {
color: #134894;
}
.section-cgv .flox-address,
.section-cgv .flox-title-special,
.section-legal-notice .flox-address,
.section-legal-notice .flox-title-special,
.section-privacy-terms .flox-address,
.section-privacy-terms .flox-title-special {
color: #134894 !important;
margin-bottom: 0;
text-align: center;
}
.block-footer {
position: relative;
padding: 1.5rem 0;
border-radius: 2.5rem 2.5rem 0 0;
margin-top: -2.5rem;
width: 100%;
background-color: #fafafa;
text-align: center;
}
.block-footer .footer-logo {
max-width: 95%;
width: 12rem;
margin: 0 auto;
}
.block-footer .menu-list {
display: flex;
flex-flow: column;
justify-content: space-between;
list-style: none;
margin: 0;
padding: 0;
flex-grow: 1;
}
.block-footer .menu-list-right {
text-align: right;
}
.block-footer .menu-list li {
padding: 0.15em 0;
}
.block-footer .menu-list li a:not(.btn) {
font-family: Quicksand, sans-serif;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.2;
white-space: nowrap;
}
.block-footer .menu-list li a:not(.btn) .footer-phone {
color: inherit;
font-weight: 700;
}
.block-footer .menu-list li a:not(.btn) .footer-phone svg.fa-phone-alt {
height: 1em;
width: 1em;
margin-right: 0.5em;
}
.block-footer .footer-social-networks {
display: flex;
justify-content: center;
margin: 0.5rem -0.25rem -0.25rem;
}
.block-footer .footer-social-networks a {
margin: 0.25rem;
}
.block-footer .footer-social-networks a,
.block-footer .footer-social-networks img {
display: block;
width: 1.5rem;
height: 1.5rem;
}
.block-footer .background {
bottom: ;
position: absolute;
right: 0;
z-index: -1;
}
@media (min-width: 576px) {
.block-footer {
text-align: left;
}
.block-footer .footer-logo {
margin: 0;
}
.block-footer .footer-social-networks {
justify-content: start;
}
}
.breadcrumb {
background: transparent;
padding: 0;
margin: 2rem 0;
}
.breadcrumb-item {
text-transform: uppercase;
font-size: 0.75rem;
font-weight: 300;
}
.breadcrumb-item a {
color: #134894;
}
.breadcrumb-item a svg {
margin-right: 0.5rem;
}
.breadcrumb-item.active {
color: #878787 !important;
}
.breadcrumb-item + .breadcrumb-item:before {
content: "\\";
color: #134894;
}
.breadcrumb-flox {
margin-bottom: 19px;
}
.breadcrumb-flox .menus span {
font-family: Open Sans;
font-size: 12px;
line-height: 17px;
text-transform: uppercase;
}
.breadcrumb-flox .menus .backward-menu a {
color: #134894;
margin-right: 3px;
}
.breadcrumb-flox .menus .current-menu {
color: #393939;
}
.breadcrumb-flox .separation-border {
border: 1px solid #134894;
margin-top: 29px;
width: 66px;
}
.collapse-section {
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
}
.collapse-section + .collapse-section {
margin-top: -1px;
}
.collapse-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 0.75rem;
}
.collapse-section.is-collapsable .collapse-header {
cursor: pointer;
}
.collapse-title {
text-transform: uppercase;
margin: 0 !important;
font-weight: 300 !important;
font-size: 1rem !important;
}
.collapse-section.is-open .collapse-title {
color: #134894;
font-weight: 700 !important;
}
.collapse-icon {
color: #e0e0e0;
transition: color 0.3s;
}
.collapse-icon svg {
margin: -0.125rem;
width: 1.25rem;
height: 1.25rem;
transform: rotate(90deg);
transition: transform 0.3s;
}
.collapse-section.is-open .collapse-icon svg {
transform: rotate(270deg);
}
.collapse-header:hover .collapse-icon {
color: #878787;
}
.collapse {
padding: 1rem 0.75rem 2rem;
}
.column-list {
list-style: none;
margin: 0;
padding: 0;
}
.column-list-item {
margin: 0 0 1px;
}
.column-list-item a {
display: inline-block;
line-height: 1;
padding: 0.5rem 1rem;
border-radius: 1rem;
transition: color 0.3s, background-color 0.3s;
color: currentColor;
background-color: transparent;
}
.column-list-item a.is-active,
.column-list-item a:hover {
color: #fff;
background-color: #134894;
text-decoration: none;
}
.column-list-item a:focus {
background-color: #e0e0e0;
}
@media screen and (min-width: 768px) {
.column-list {
-webkit-column-count: 2;
column-count: 2;
}
}
@media screen and (min-width: 1024px) {
.column-list {
-webkit-column-count: 3;
column-count: 3;
}
}
.google-map-container {
height: 50vh;
background-color: #e0e0e0;
}
.google-map-container.is-loading {
display: flex;
justify-content: center;
align-items: center;
}
.google-map-container.is-loading svg {
fill: transparent;
stroke: #fff;
overflow: visible;
width: 1.5rem;
}
.google-map-container .cluster:not(:empty) {
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.google-map-container .cluster:not(:empty) > div {
color: #fff !important;
font-size: 0.85rem !important;
font-family: Quicksand, sans-serif !important;
}
.google-map-container .cluster:not(:empty) img {
opacity: 0;
}
.google-map-container .cluster:not(:empty):before {
content: "";
display: block;
border-radius: 50%;
height: 80%;
width: 80%;
background-color: #134894;
box-shadow: 0 0 0 8px rgba(244, 82, 106, 0.5);
transform: scale(0.8);
transition: transform 0.3s ease-in-out, box-shadow 0.6s ease-in-out;
}
.google-map-container .cluster:not(:empty):hover:before {
transform: scale(1);
box-shadow: 0 0 0 10px rgba(244, 82, 106, 0.5);
}
.map-marker-info {
padding-right: 12px;
padding-bottom: 12px;
}
.map-marker-info-header {
margin-bottom: 0.5rem;
}
.map-marker-info-title {
font-size: 0.85rem;
margin-bottom: 0.25rem;
}
.map-marker-info-meta {
font-size: 0.65rem;
}
.map-marker-info-content .container {
padding: 0;
}
.map-marker-info-content .opening-time-table thead {
display: none;
}
.map-marker-info-content .opening-time-table td {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.map-marker-info-footer {
margin-top: 0.5rem;
}
.map-marker-info-footer .store-link {
display: block;
text-align: center;
color: #134894;
text-decoration: none;
}
.map-marker-info-footer .store-link svg {
height: 0.75em;
width: 0.75em;
margin-left: 0.25em;
}
.map-marker-info-footer .store-link:focus,
.map-marker-info-footer .store-link:hover {
outline: none;
color: #da5673;
}
.powered-by-google-container {
text-align: right;
padding: 10px 12px;
}
.navbar-user {
display: flex;
flex-direction: column;
/* min-height: 100%; */
}
.navbar-user .content {
flex: 1 1;
}
.content-screen-user {
padding-top: 70px;
padding-bottom: 10.5rem;
width: 100%;
}
.navbar-user .site-navbar {
background-color: #134894;
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
height: 70px;
left: 0;
padding: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99;
}
.navbar-user .site-navbar .row {
height: 70px;
}
.navbar-user .site-navbar.nav-home {
background-color: transparent;
box-shadow: none;
}
.navbar-user .site-navbar.nav-home .btn[class*="btn-outline-"]:not(:hover) {
background-color: #fff;
}
.navbar-user .site-navbar .navbar-logo {
height: 4.125rem;
width: auto;
}
.navbar-user .menu-user {
display: flex;
flex-flow: column;
position: absolute;
left: 0;
top: 0;
height: 100vh;
width: 85vw;
font-size: 0.8rem;
background-color: #134894;
box-shadow: -5px 0 10px 0 rgba(0, 0, 0, 0.05);
transform: translate(-100%);
transition: transform 0.3s;
z-index: 100;
}
.navbar-user .menu-user.is-opened {
transform: translate(0);
}
.navbar-user .menu-user-scroller {
height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.navbar-user .menu-user-container {
padding: 0.5em 0;
}
.navbar-user .menu-user-overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100vh;
cursor: pointer;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
z-index: 99;
}
.navbar-user .menu-user:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2.5em;
pointer-events: none;
background-image: linear-gradient(0deg, #134894, rgba(244, 82, 106, 0));
}
@media (min-width: 768px) {
.navbar-user .menu-user {
font-size: 1rem;
width: 22.5rem;
left: auto;
right: 0;
transform: translate(100%);
}
}
.navbar-user .menu-user ul {
list-style-type: none;
padding: 1.5em 2em;
margin: 0;
}
.navbar-user .menu-user ul li:not(:last-child) {
margin-bottom: 1.75em;
}
.navbar-user .menu-user ul li a {
display: flex;
align-items: center;
text-decoration: none;
text-transform: uppercase;
color: #fff;
}
.navbar-user .menu-user ul li svg {
height: 2em;
width: 2em;
}
.navbar-user .menu-user ul li .logout-icon {
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
color: #134894;
height: 2em;
width: 2em;
border-radius: 50%;
}
.navbar-user .menu-user ul li .logout-icon svg {
height: 1em;
width: 1em;
}
.navbar-user .menu-user ul li span {
color: #fff;
margin-left: 1.5em;
}
.navbar-user .menu-user ul li.menu-user-toggle a {
color: #fdaabc;
}
.btn-cart:focus,
.btn-cart:hover {
text-decoration: none !important;
}
.btn-cart svg {
font-size: 1.25em;
margin-right: 0 !important;
}
.btn-cart-counter {
display: inline-flex !important;
font-style: normal;
justify-content: center;
align-items: center;
font-size: 0.625em;
height: 1.5em;
width: 1.5em;
font-weight: 700;
border-radius: 50%;
background: #fdaabc;
margin-right: 1em;
margin-top: -1em;
margin-left: -1em;
}
@media (max-width: 767.98px) {
.btn-cart-counter {
margin-right: -0.5em;
}
}
.btn-cart-text {
text-align: left;
}
.btn-cart-title {
line-height: 1;
}
.btn-cart-quantity {
display: block;
font-size: 0.75em;
color: #b3b3b3;
line-height: 1;
}
.store-search-container {
position: relative;
}
.store-search-navigation {
position: absolute;
right: 100%;
top: 0;
height: 1.1em;
width: 1.1em;
display: flex;
justify-content: center;
align-items: center;
color: #f9d239 !important;
font-size: 2rem;
cursor: pointer;
transition: transform 0.15s ease-out, opacity 0.15s;
transform: translate(0.5rem);
opacity: 0;
pointer-events: none;
}
.store-search-navigation svg {
width: 0.65em;
height: 0.65em;
}
.store-search-navigation.active {
transform: translate(0);
opacity: 1;
pointer-events: all;
}
@media screen and (min-width: 450px) {
.store-search-navigation {
font-size: 2.5rem;
}
}
.store-search-step {
width: 100%;
}
.store-search-title {
font-size: 2rem;
line-height: 1.1;
text-transform: uppercase;
font-family: Quicksand, sans-serif;
margin-bottom: 1rem;
}
.store-search-title.can-go-back {
cursor: pointer;
}
@media screen and (min-width: 450px) {
.store-search-title {
font-size: 2.5rem;
}
}
.store-search-input {
display: flex;
align-items: center;
border: 1px solid #e0e0e0;
border-radius: 5px;
background-color: #fff;
}
.store-search-input.active {
border-radius: 5px 5px 0 0;
}
.store-search-input .form-group {
margin: 0;
}
.store-search-input .form-control {
display: flex;
align-items: center;
border: none !important;
outline: none;
height: 2rem;
font-size: 0.85rem;
line-height: 1.1;
padding: 0.75rem 1rem;
}
.store-search-input .form-control.is-placeholder {
color: #b3b3b3;
}
@media screen and (min-width: 501px) {
.store-search-input .form-control {
height: 3rem;
}
}
.store-search-input .input-text {
flex-grow: 1;
}
.store-search-input .input-icon {
display: flex;
justify-content: center;
align-items: center;
width: 3rem;
height: 100%;
cursor: pointer;
}
.store-search-input .input-icon svg {
height: 1.25em;
width: 1.25em;
}
.store-search-order-date {
position: relative;
}
.store-search-order-date .store-search-input {
position: relative;
z-index: 11;
}
.store-search-footer,
.store-search .container-fluid + .container-fluid {
margin-top: 1.25rem;
}
.store-search-footer {
text-align: center;
}
.store-search-button {
border: none;
border-radius: 0;
padding: 1rem 1.5rem;
text-transform: uppercase;
background-color: #134894;
color: #fff;
}
.store-search-button.disabled {
color: rgba(244, 82, 106, 0.4);
background-color: #e7eef2;
}
.delivery-modes-wrapper {
display: flex;
margin: -0.5rem;
width: auto;
}
.delivery-modes-wrapper.is-narrow {
flex-direction: column;
}
.delivery-modes-wrapper .delivery-mode-button {
margin: 0.5rem;
}
.delivery-mode-button {
display: flex;
align-items: center;
text-align: left;
font-size: 0.75rem;
line-height: 1.1;
font-weight: 300;
border: 1px solid #e0e0e0;
color: #878787;
border-radius: 2.2rem;
padding: 0.5rem 1rem;
flex: 1 1;
cursor: pointer;
transition: color 0.3s, background-color 0.3s, border-color 0.3s, border-radius 0.3s;
}
.delivery-mode-button svg {
height: 1.5em;
width: 1.5em;
margin-right: 0.5em;
}
.delivery-mode-button.is-selected,
.delivery-mode-button:focus,
.delivery-mode-button:hover {
color: #fff;
background-color: #134894;
border-color: #134894;
}
.delivery-mode-button:focus {
background-color: #da5673;
}
@media screen and (min-width: 501px) {
.delivery-mode-button {
font-size: 1rem;
padding: 0.75rem 1.5rem;
}
.delivery-mode-button svg {
margin-right: 0.75em;
}
}
.store-search-results {
transition: opacity 0.2s;
}
.store-search-row.loading .store-search-results {
opacity: 0;
pointer-events: none;
}
.home-search {
margin-left: -33.3333%;
color: #fff;
}
.home-search-container {
position: relative;
height: 0;
padding-top: 62.71%;
background-size: auto 100%;
background-position: 100% 0;
background-repeat: no-repeat;
}
.home-search-content {
position: absolute;
top: 0;
left: 34%;
width: 63%;
height: 82%;
display: flex;
justify-content: center;
align-items: center;
padding: 1rem 7%;
}
.home-search .store-search {
width: 100%;
}
.home-search .store-search .delivery-mode-button {
border-radius: 5px;
color: #fff;
border-color: #fff;
padding-right: 0.75rem;
padding-left: 0.75rem;
justify-content: center;
}
.home-search .store-search .delivery-mode-button.active,
.home-search .store-search .delivery-mode-button.is-selected,
.home-search .store-search .delivery-mode-button:focus,
.home-search .store-search .delivery-mode-button:hover {
background-color: #fff;
color: #134894;
}
.home-search .store-search .react-autosuggest__suggestions-container--open {
color: #000;
}
.home-search .store-search-footer {
position: absolute;
right: 0;
bottom: 0;
width: 102%;
text-align: right;
transform: translate(0.5rem, 66%);
}
@media (min-width: 576px) {
.home-search .store-search-footer {
transform: translate(2rem, 50%);
}
}
.home-search .store-search-button {
color: #134894;
background-color: #fff;
box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.1);
transform: scale(1);
transition: transform 0.6s cubic-bezier(0.5, 0, 0.1, 1.5);
}
.home-search .store-search-button.disabled {
transform: scale(0);
transition: transform 0.3s;
}
.button {
border-radius: 49px;
box-sizing: border-box;
color: #fff;
font-size: 16px;
margin-bottom: 4px;
padding: 15px 20px;
text-decoration: none;
}
.button:hover {
cursor: pointer;
}
.button .button-content-container {
align-items: center;
display: flex;
}
.button .button-content-container .button-icon {
align-items: center;
background-color: #e7eef2;
border: 2px solid #f1f5f7;
border-radius: 30px;
display: flex;
justify-content: center;
margin-left: -5px;
margin-right: 15px;
padding: 6px;
}
.button-success {
background: #2ecc71;
border: 2px solid #27ae60;
box-shadow: 0 2px 0 #81d2ca;
}
.button-success:hover {
background: #26ab5f;
transition: all 0.3s ease;
}
.button-success:active {
background: #176437;
}
.button-info {
background: #3498db;
border: 2px solid #2980b9;
box-shadow: 0 2px 0 #81d2ca;
}
.button-info:hover {
background: #2383c4;
transition: all 0.3s ease;
}
.button-info:active {
background: #16527a;
}
.button-important {
background: #f1c40f;
border: 2px solid #f39c12;
box-shadow: 0 2px 0 #81d2ca;
}
.button-important:hover {
background: #cba50c;
transition: all 0.3s ease;
}
.button-important:active {
background: #796307;
}
.button-large {
padding: 20px 30px;
}
.button-round {
padding: 0;
}
.button-round,
.button-round i {
align-items: center;
display: flex;
}
.button-round i {
border-radius: 50px;
box-sizing: border-box;
height: 50px;
justify-content: center;
width: 50px;
}
.price-label {
display: inline-flex;
align-items: baseline;
color: #98cbc6;
}
.price-label-from {
display: block;
color: #b3b3b3;
font-size: 0.65rem;
font-weight: 400;
margin-right: 0.5em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.price-label-price {
display: flex;
white-space: nowrap;
justify-content: flex-start;
font-weight: 600;
}
.price-label-currency,
.price-label-decimal {
font-size: 0.65em;
}
.price-label.align-right {
justify-content: flex-end;
}
.price-label.align-center {
justify-content: center;
}
.distance-label {
display: inline-flex;
white-space: nowrap;
align-items: center;
color: #f7856e;
}
.distance-label svg {
height: 1em;
margin-right: 0.25em;
}
.item-card {
position: relative;
display: block;
width: 100%;
height: 0;
padding-top: 100%;
border-radius: 0.75rem;
background-color: #e0e0e0;
overflow: hidden;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
transition: box-shadow 0.6s cubic-bezier(0.65, 0, 0.35, 1), transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.item-card,
.item-card:focus,
.item-card:hover {
color: #262829;
outline: none;
}
.item-card:focus,
.item-card:hover {
transform: scale(1.05);
box-shadow: 0 2px 1.5rem rgba(0, 0, 0, 0.3);
transition: box-shadow 0.6s cubic-bezier(0.65, 0, 0.35, 1) 0.2s, transform 0.6s cubic-bezier(0.65, 0, 0.35, 1) 0.2s;
}
.item-card-container {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
display: flex;
flex-direction: column;
}
.item-card-image {
position: relative;
flex-grow: 1;
}
.item-card-image img {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
object-fit: cover;
}
.item-card-actions {
position: absolute;
right: 0;
top: 0;
padding: 1rem 1rem 0 0;
display: flex;
color: #fff;
-webkit-filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.5));
filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.5));
}
.item-card-actions > * + * {
margin-left: 1rem;
}
.item-card-content {
flex-shrink: 0;
background-color: #fff;
padding: 0.75rem;
line-height: 1.2;
}
.item-card-content > * + * {
margin-top: 0.25rem;
}
@media (min-width: 576px) {
.item-card-content {
padding: 1rem;
}
}
.item-card.product-card {
padding-top: 161.8%;
}
.item-card .product-name {
font-size: 1rem;
text-align: center;
font-weight: 600;
margin-bottom: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.item-card .product-store {
font-size: 0.75rem;
text-align: center;
font-weight: 600;
color: #b3b3b3;
}
.item-card .product-distance {
text-align: right;
font-size: 0.75rem;
}
@media (min-width: 576px) {
.item-card .product-distance {
font-size: 0.85rem;
}
}
.item-card .product-price {
font-family: inherit;
font-size: 1rem;
margin-bottom: 0;
}
.item-card .product-info > .col:not(:first-child) {
position: relative;
}
.item-card .product-info > .col:not(:first-child):before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 1px;
background-color: #e0e0e0;
}
.item-card.store-card {
padding-top: 90%;
margin-bottom: 1.875rem;
}
.item-card .store-distance,
.item-card .store-name {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.item-card .store-name {
font-size: 1.25rem;
margin-bottom: 0;
}
.item-card .store-distance {
font-size: 0.75rem;
}
.item-card .store-distance,
.item-card .store-distance .svg-container {
color: #b3b3b3;
}
.item-card .over-container-favorite {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.modal-cg {
max-height: 480px;
}
.multi-img-input {
display: flex;
flex-direction: column;
width: 100%;
}
@media screen and (max-width: 768px) {
.multi-img-input {
margin-bottom: 32px;
}
}
.multi-img-input .multi-img-input-block {
display: flex;
justify-content: center;
width: 100%;
}
@media screen and (max-width: 768px) {
.multi-img-input .multi-img-input-block {
flex-direction: column;
}
}
.multi-img-input .multi-img-input-block .swiper-block {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.multi-img-input .multi-img-input-block .swiper-container.overlay .custom-img-dropzone,
.multi-img-input .multi-img-input-block .swiper-container.overlay .dropzone-box,
.multi-img-input .multi-img-input-block .swiper-container.overlay .react-swipe-container.pictures-container {
background-color: #878787;
opacity: 0.5;
border-color: #878787;
border-radius: 12px;
}
.multi-img-input .multi-img-input-block .swiper-container.overlay .custom-img-dropzone:hover,
.multi-img-input .multi-img-input-block .swiper-container.overlay .dropzone-box:hover,
.multi-img-input .multi-img-input-block .swiper-container.overlay .react-swipe-container.pictures-container:hover {
cursor: default;
pointer-events: none;
}
.multi-img-input .multi-img-input-block .swiper-container.overlay .dropzone-text {
color: #fff;
}
.multi-img-input .multi-img-input-block .swiper-container {
position: relative;
width: 300px;
padding-top: 0;
display: flex;
align-items: center;
justify-content: center;
}
.multi-img-input .multi-img-input-block .swiper-container .spinner-container {
color: #fff;
z-index: 999;
}
.multi-img-input .multi-img-input-block .swiper-container .pictures-container {
bottom: 0;
height: 100%;
left: 0;
overflow-x: scroll;
overflow-y: hidden;
position: absolute !important;
right: 0;
top: 0;
white-space: nowrap;
border-radius: 12px;
}
.multi-img-input .multi-img-input-block .swiper-container .pictures-container > div {
height: 100%;
}
.multi-img-input .multi-img-input-block .swiper-container .pictures-container .picture-container {
width: 100%;
height: 100% !important;
}
.multi-img-input .multi-img-input-block .swiper-container .pictures-container .picture-container:not(:last-child) {
position: relative;
}
.multi-img-input .multi-img-input-block .swiper-container .pictures-container .picture-container .picture-remove {
align-items: center;
border: 1px solid #134894;
border-radius: 50%;
bottom: 10px;
color: #134894;
display: flex;
height: 40px;
justify-content: center;
left: 10px;
position: absolute;
width: 40px;
}
.multi-img-input .multi-img-input-block .swiper-container .pictures-container .picture-container .picture-remove svg path {
fill: #134894;
}
.multi-img-input .multi-img-input-block .swiper-container .pictures-container .picture-container .picture-remove:hover {
background: #fddee3;
cursor: pointer;
}
.multi-img-input .multi-img-input-block .swiper-container .pictures-container .picture-label {
align-items: center;
background: #eee;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
margin: 0;
overflow: hidden;
width: 100%;
border-radius: 12px;
}
.multi-img-input .multi-img-input-block .swiper-container .pictures-container .picture-label img {
width: 100%;
height: 100%;
object-fit: cover;
flex-shrink: 0;
}
.multi-img-input .multi-img-input-block .swiper-container .pictures-container .add-pictures-slide {
height: 100%;
}
.multi-img-input .multi-img-input-block .swiper-container .pictures-container .add-pictures-slide .custom-img-dropzone {
width: 100%;
height: 100%;
}
.multi-img-input .multi-img-input-block .swiper-container .pictures-container .add-pictures-slide .custom-img-dropzone .dropzone-box {
height: 100%;
}
.multi-img-input .multi-img-input-block .swiper-container .pictures-count {
background: rgba(51, 51, 51, 0.27);
border-radius: 16px;
bottom: 10px;
color: #fff;
font-size: 14px;
padding: 2px 8px;
position: absolute;
right: 10px;
}
.multi-img-input .multi-img-input-block .swiper-container .invisible-dropzone-container {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.multi-img-input .multi-img-input-block .swiper-container .invisible-dropzone-container .custom-img-dropzone .dropzone-box {
background-color: transparent;
}
.multi-img-input .multi-img-input-block .swiper-container .invisible-dropzone-container .custom-img-dropzone .dropzone-box.errored,
.multi-img-input .multi-img-input-block .swiper-container .invisible-dropzone-container .custom-img-dropzone .dropzone-box.valid {
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}
.multi-img-input .multi-img-input-block .hidden-file-input {
display: none;
left: -1000;
opacity: 0;
position: absolute;
top: -1000;
width: auto;
z-index: -1;
}
.multi-img-input .multi-img-input-block .btn-group {
width: 100%;
}
.multi-img-input .multi-img-input-block .btn-group .swiper-nav-button {
font-size: 12px;
margin: 0;
}
.multi-img-input .multi-img-input-block .images-list {
width: 30%;
margin-left: 10px;
display: flex;
flex-direction: column;
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
.multi-img-input .multi-img-input-block .images-list {
width: 100%;
margin-top: 32px;
margin-left: 0;
}
}
.multi-img-input .multi-img-input-block .images-list .selectable-item {
border: 1px solid transparent;
border-radius: 12px;
}
.multi-img-input .multi-img-input-block .images-list .selectable-item:hover:not(.active) {
cursor: pointer;
border-color: #eee;
}
.multi-img-input .multi-img-input-block .images-list .selectable-item.active,
.multi-img-input .multi-img-input-block .images-list .selectable-item:active {
border-color: #134894;
}
.multi-img-input .multi-img-input-block .images-list .images-list-item {
display: flex;
align-items: center;
justify-content: space-between;
flex-grow: 0;
width: 100%;
height: 80px;
padding: 6px;
margin-bottom: 8px;
}
.multi-img-input .multi-img-input-block .images-list .images-list-item .image-preview-container {
position: relative;
width: 100px;
height: 100%;
object-fit: cover;
overflow: hidden;
border-radius: 8px;
flex-shrink: 0;
background-color: #eee;
}
.multi-img-input .multi-img-input-block .images-list .images-list-item .image-preview-container img {
width: 100%;
height: 100%;
object-fit: cover;
}
.multi-img-input .multi-img-input-block .images-list .images-list-item .image-name {
font-size: 14px;
color: #000;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0 auto 0 8px;
}
.multi-img-input .multi-img-input-block .images-list .images-list-item svg {
margin: 0 8px;
width: 12px;
}
.multi-img-input .multi-img-input-block .images-list .images-list-item svg line {
stroke: #000;
}
.multi-img-input .multi-img-input-block .images-list .images-list-item svg:hover {
cursor: pointer;
}
.multi-img-input .multi-img-input-block .images-list .images-list-item svg:hover line {
stroke: red;
}
.multi-img-input .multi-img-input-block .images-list .add-pictures-button-container {
width: 100%;
padding: 6px;
}
.multi-img-input .multi-img-input-block .images-list .add-pictures-button-container .add-pictures-button {
width: 100%;
padding: 24px;
background-color: snow;
color: #134894;
border-radius: 12px;
border: 0;
font-weight: 200;
font-size: 14px;
}
.multi-img-input .multi-img-input-block .images-list .add-pictures-button-container .add-pictures-button:hover:not(.active) {
background-color: #fff0f0;
}
.multi-img-input .multi-img-input-block .images-list .add-pictures-button-container .add-pictures-button:active:not(.active) {
background-color: #ffebeb;
}
.multi-img-input .multi-img-input-block .images-list .add-pictures-button-container .add-pictures-button.active:hover {
cursor: default;
}
.multi-img-input .multi-img-input-block .images-list .add-pictures-button-container .add-pictures-button:focus {
outline: none;
box-shadow: none;
}
.multi-img-input .multi-img-input-block .images-list .add-pictures-dropzone-container .custom-img-dropzone .dropzone-box {
height: 80px;
border-color: transparent;
background-color: #fde8ec;
}
.multi-img-input .multi-img-input-block .images-list .add-pictures-dropzone-container .custom-img-dropzone .dropzone-box:hover {
background-color: #fddee3;
}
.multi-img-input .multi-img-input-block .images-list .add-pictures-dropzone-container .custom-img-dropzone .dropzone-box .dropzone-text {
margin-bottom: 0;
text-transform: uppercase;
font-weight: 700;
font-size: 16px;
}
.multi-img-input .slider-dots-indicator {
display: flex;
align-items: center;
margin-top: 16px;
}
.multi-img-input .slider-dots-indicator .dot-indicator {
width: 16px;
height: 16px;
background-color: #eee;
border-radius: 50%;
margin: 0 4px;
transition: all 0.3s;
}
.multi-img-input .slider-dots-indicator .dot-indicator:hover:not(.active):not(.add-dot-indicator) {
cursor: pointer;
background-color: #ddd;
}
.multi-img-input .slider-dots-indicator .dot-indicator.add-dot-indicator {
background-color: transparent;
border: 1px solid #ddd;
display: flex;
align-items: center;
justify-content: center;
cursor: default;
}
.multi-img-input .slider-dots-indicator .dot-indicator.add-dot-indicator:hover:not(.active) {
cursor: pointer;
border-color: #134894;
}
.multi-img-input .slider-dots-indicator .dot-indicator.add-dot-indicator:hover:not(.active) p {
color: #134894;
}
.multi-img-input .slider-dots-indicator .dot-indicator.add-dot-indicator p {
font-size: 16px;
line-height: 16px;
margin: 0 0 0 0.5px;
color: #ddd;
}
.multi-img-input .slider-dots-indicator .dot-indicator.active {
background-color: #134894;
border: 0;
}
.multi-img-input .slider-dots-indicator .dot-indicator.active p {
color: #fff;
}
.block-newsletter {
border-radius: 1rem;
background-color: #fddee3;
background-size: auto;
background-position: 100% 100%;
background-repeat: no-repeat;
overflow: hidden;
}
@media (min-width: 992px) {
.block-newsletter {
background-size: contain;
}
}
.block-newsletter .newsletter-title {
color: #134894;
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 0.25rem;
}
.block-newsletter .newsletter-text {
color: #474747;
font-size: 18px;
}
.block-newsletter .newsletter-input .form-control {
height: 100%;
}
.block-newsletter .newsletter-input .newsletter-feedback {
height: 0;
}
.block-newsletter .newsletter-input .invalid-feedback {
display: block;
background-color: #e74c3c;
border-radius: 4px;
color: #fff;
padding: 0.5em 1em;
}
.block-newsletter .newsletter-input .valid-feedback {
display: block;
background-color: #2ecc71;
border-radius: 4px;
color: #fff;
padding: 0.5em 1em;
}
.block-newsletter .newsletter-input .btn-newsletter {
background-color: #134894;
color: #fff;
cursor: pointer;
height: 3rem;
width: 3rem;
flex-shrink: 0;
}
.block-newsletter .newsletter-input .btn-newsletter:hover {
background-color: #fff;
color: #134894;
}
.block-newsletter p {
margin: 0;
}
@media (min-width: 992px) {
.block-newsletter .newsletter-input .btn-newsletter {
height: 4rem;
width: 4rem;
}
}
@media screen and (min-width: 426px) {
.opening-time-picker .weekdays-select {
transform: translateY(-32px);
}
}
.button-dropdown-command {
display: none;
}
@media screen and (max-width: 768px) {
.button-dropdown-command {
border: 1px solid #b3b3b3;
border-radius: 15px;
cursor: pointer;
display: flex;
justify-content: space-between;
padding: 10px 20px;
}
.button-dropdown-command .my-command p {
font-size: 20px;
font-weight: 700;
margin: 0;
}
.button-dropdown-command .price-arrowdown {
align-items: center;
display: flex;
justify-content: center;
}
.button-dropdown-command .price-arrowdown p {
color: #134894;
font-size: 20px;
font-weight: 700;
margin: 0;
padding-right: 20px;
}
.button-dropdown-command .price-arrowdown svg {
height: 20px;
width: 20px;
}
}
.order-card {
padding: 0 !important;
}
.order-card .order-description {
border: 1px solid #b3b3b3;
background-color: #fff;
border-radius: 1rem;
padding: 0;
margin-top: 1.25rem;
}
.order-card .order-description .order-content {
margin: 1.25rem 0;
padding: 0 1.625rem;
}
.order-card .order-description .order-content h3 {
color: #474747;
font-size: 1.7rem;
font-weight: 700;
}
@media screen and (max-width: 768px) {
.order-card .order-description .order-content h3 {
font-size: 1.2em;
}
}
.order-card .order-description .order-content .order-item {
margin-top: 25px;
}
.order-card .order-description .order-content .order-item .order-item-description .order-item-name {
color: #474747;
font-weight: 700;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.order-card .order-description .order-content .order-item .order-item-description .order-item-ref {
color: #b3b3b3;
margin-bottom: 0;
font-size: 0.7em;
}
@media screen and (max-width: 768px) {
.order-card .order-description .order-content .order-item .order-item-description .order-item-ref {
font-size: 0.8em;
}
}
.order-card .order-description .order-content .order-item .order-item-description .order-qte {
color: #474747;
text-align: right;
}
@media screen and (max-width: 768px) {
.order-card .order-description .order-content .order-item .order-item-description .form-control {
padding: 0 0 0 5px !important;
}
}
.order-card .order-description .order-content .item-details-extra-time {
font-size: 0.8rem;
margin: 20px;
}
.order-card .order-description .order-content .delete-item {
align-items: center;
background-color: #134894;
border-radius: 50%;
display: flex;
flex-flow: row wrap;
height: 18px;
justify-content: center;
padding: 0 5px;
width: 18px;
}
.order-card .order-description .order-content .delete-item svg {
height: 8px;
width: 8px;
}
.order-card .order-description .order-content .delete-item:hover {
background-color: #ffb1bd;
cursor: pointer;
}
.order-card .order-description .order-content .order-section {
align-items: center;
border-top: 1px solid #b3b3b3;
display: flex;
flex-flow: row;
justify-content: space-between;
padding: 10px 0;
}
.order-card .order-description .order-content .order-section .order-text {
color: #474747;
display: flex;
font-size: 18px;
font-weight: lighter;
margin: 0;
}
.order-card .order-description .order-content .order-section .price {
color: #474747;
font-size: 18px;
font-weight: 700;
margin: 0;
}
.order-card .order-description .order-content .order-cross-rounded-button {
display: flex;
height: 18px;
margin-top: 5px;
width: 18px;
}
.order-card .order-description .order-content .order-time {
align-items: center;
display: flex;
flex-flow: row;
margin: 15px 0;
padding: 15px 0;
}
.order-card .order-description .order-content .order-time .order-time-text {
color: #134894;
margin: 0 0 0 15px;
}
.order-card .order-description .order-content .order-amount {
padding: 25px 0 !important;
}
.order-card .order-description .order-content .order-amount p {
margin: 0;
}
.order-card .order-description .order-content .order-total {
border-top: 2px solid #f9d239 !important;
padding-top: 15px !important;
}
.order-card .order-description .order-content .order-total .order-text,
.order-card .order-description .order-content .order-total .price {
color: #134894;
font-weight: 700;
}
.order-card .block-discount {
background: #f8f8f8;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
color: #474747;
display: block;
flex-flow: row;
font-size: 1rem;
padding: 1rem 0;
text-align: center;
}
.order-card .block-discount > .btn-link {
color: #000;
}
.order-card .history-line {
align-items: center;
display: flex;
flex-flow: column;
padding: 0.75rem 0;
}
.order-card .history-line .line {
align-items: center;
background-color: #fde8ec;
display: flex;
height: 0.25rem;
justify-content: space-between;
position: relative;
width: 100%;
}
.order-card .history-line .line .progression {
background-color: #134894;
position: absolute;
height: 100%;
left: 0;
top: 0;
transition: width 0.3s;
}
.order-card .history-line .line .round {
position: relative;
background-color: #fff;
border: 1px solid #134894;
height: 1rem;
width: 1rem;
transition: background-color 0.3s ease 0.3s;
}
.order-card .history-line .line .round.active {
background-color: #134894;
}
.order-card .history-line .line-text {
display: flex;
align-items: center;
margin-top: 0.75rem;
width: 100%;
}
.order-card .history-line .line-text div {
flex: 1 1;
color: #474747;
font-size: small;
font-weight: 700;
text-transform: uppercase;
text-align: center;
}
.order-card .history-line .line-text div span {
display: inline-block;
}
.order-card .history-line .line-text div:first-child {
text-align: left;
}
.order-card .history-line .line-text div:last-child {
text-align: right;
}
@media (min-width: 576px) {
.order-card .history-line .line-text div span {
margin: 0 0.5rem;
}
.order-card .history-line .line-text div:first-child span {
transform: translate(-50%);
}
.order-card .history-line .line-text div:last-child span {
transform: translate(50%);
}
}
.order-card table {
border-top: 1px dashed #b3b3b3;
}
.order-card table th {
font-weight: 700;
}
.order-card table td,
.order-card table th {
background-color: #fff;
color: #474747;
padding: 0.25rem;
text-align: right;
border: none;
}
.order-card table .vat-detail {
text-align: left;
}
.order-card table .price {
display: block;
font-weight: 700;
}
.modal .modal-dialog .modal-body .button-container {
align-items: center;
display: flex;
flex-flow: row;
justify-content: space-between;
margin: 25px auto 0;
width: 50%;
}
.search-empty-form {
max-width: 560px;
}
.search-empty-form .btn {
min-width: 60%;
}
.results-number {
padding: 2.5em 2px;
}
.results-number p {
font-family: Open Sans, sans-serif;
font-size: 1.2rem;
letter-spacing: 0;
line-height: 30px;
margin: 0;
}
.custom-dropdown {
position: relative;
margin: 0 auto;
padding: 0;
}
.custom-dropdown.is-dropdown {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin: 0;
z-index: 100;
}
.custom-dropdown.is-dropdown .custom-dropdown-overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 90;
cursor: pointer;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}
.custom-dropdown.is-dropdown .custom-dropdown-content {
position: relative;
border-radius: 5px;
background-color: #fff;
box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.25);
width: 300px;
overflow: hidden;
z-index: 90;
}
.custom-dropdown.is-dropdown .custom-dropdown-close-button {
position: relative;
display: flex;
border: none;
padding: 0.5rem;
margin-top: 1rem;
margin-bottom: -3rem;
background-color: transparent;
z-index: 90;
}
@media (min-width: 576px) {
.custom-dropdown.is-dropdown {
position: absolute;
top: 100%;
width: 340px;
height: auto;
align-items: flex-start;
}
.custom-dropdown.is-dropdown .custom-dropdown-overlay {
-webkit-backdrop-filter: none;
backdrop-filter: none;
}
.custom-dropdown.is-dropdown .custom-dropdown-content {
border-top-left-radius: 0;
min-width: 300px;
width: auto;
}
.custom-dropdown.is-dropdown .custom-dropdown-close-button {
display: none;
}
}
.custom-dropdown.is-dropdown .dropdown-title {
color: #878787 !important;
font-size: 1rem;
font-weight: 300;
}
.custom-dropdown.is-dropdown .container-fluid {
padding: 1rem 0.75rem;
margin: 0;
}
.custom-dropdown.is-dropdown .row.delivery-wrapper {
margin: 0 0.75rem;
}
.custom-dropdown.is-dropdown .delivery-container,
.custom-dropdown.is-dropdown .hour-container {
background-color: #f0f0f0;
}
.custom-dropdown .dropdown-title {
padding: 0 0.75rem;
}
.custom-dropdown .row {
margin: 0;
}
.custom-dropdown .row .col {
flex-grow: 0;
padding: 1px;
}
.custom-dropdown .row.day-name-wrapper {
margin-bottom: 0.5rem;
}
.custom-dropdown .row.day-name-wrapper .col,
.custom-dropdown .row.day-number-wrapper .col {
width: 14.28571%;
flex-basis: 14.28571%;
}
.custom-dropdown .row.hours-wrapper .col {
width: 14.16667%;
flex-basis: 14.16667%;
}
.custom-dropdown .row.hours-wrapper .col.half-hour-col {
width: 19.16667%;
flex-basis: 19.16667%;
}
.custom-dropdown .row.delivery-wrapper {
margin: 0 -0.25rem;
}
.custom-dropdown .row.delivery-wrapper .col {
width: 50%;
flex-basis: 50%;
padding: 1px 0.25rem;
}
.custom-dropdown .day-name {
color: #878787;
margin: 0;
font-size: 0.9em;
text-align: center;
font-weight: 300;
}
.custom-dropdown .day-number {
border-radius: 50%;
color: #474747;
font-size: 0.9em;
font-weight: 500;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
transition: color 0.3s, background-color 0.3s;
width: 2.5em;
height: 2.5em;
cursor: pointer;
}
.custom-dropdown .day-number.today {
background-color: #e0e0e0;
}
.custom-dropdown .day-number.active,
.custom-dropdown .day-number:hover {
background-color: #134894;
color: #fff !important;
}
.custom-dropdown .day-number.passed,
.custom-dropdown .day-number.passed:hover {
color: #b3b3b3 !important;
background-color: transparent !important;
cursor: default;
}
.custom-dropdown .hour {
border-radius: 1.2em;
color: #474747;
font-size: 0.8em;
line-height: 1;
padding: 0.5em;
text-align: center;
border: 1px solid transparent;
transition: color 0.3s, background-color 0.3s, border-color 0.3s;
margin: 0;
cursor: pointer;
}
.custom-dropdown .hour.opened:hover {
border-color: #134894 !important;
background-color: #134894 !important;
color: #fff !important;
}
.custom-dropdown .delivery-wrapper .hour {
border: 1px solid #e0e0e0;
background-color: #fff;
}
.custom-dropdown .delivery-wrapper .hour.closed {
background-color: transparent;
}
.custom-dropdown .closed,
.custom-dropdown .closed:hover {
text-decoration: line-through;
cursor: default;
color: #b3b3b3 !important;
background: none !important;
}
.time-range-picker .row {
align-items: center;
display: flex;
margin: 0;
}
@media screen and (max-width: 426px) {
.time-range-picker .row {
display: block;
}
.time-range-picker .row div[class*="col-"] {
padding: 15px !important;
}
}
.time-range-picker .row div[class*="col-"] {
padding: 0;
}
.time-range-picker .row .form-group {
align-items: center;
display: flex;
flex-direction: row;
margin: 0 !important;
}
.time-range-picker .row .form-group .colored-input {
border: 1px solid #c5c5c5 !important;
width: 100% !important;
}
.time-range-picker .row .form-group .time-picker-input-web {
width: 100px !important;
}
.time-range-picker .row .form-group.first-form-group {
margin-right: 10px !important;
}
@media screen and (min-width: 426px) {
.time-range-picker .row .form-group.first-form-group .time-picker-input-web {
border-radius: 5px 5px 0 0 !important;
}
}
.time-range-picker .row .form-group.last-form-group {
margin-right: 10px !important;
}
@media screen and (min-width: 426px) {
.time-range-picker .row .form-group.last-form-group .time-picker-input-web {
border-radius: 0 0 5px 5px !important;
border-top: 0;
}
}
.time-range-picker .row .form-group label {
margin: 0 10px 0 0;
width: 70px;
}
.usersignin-modal .modal-content {
height: 300px;
}
form {
padding: 0;
}
.recovery-mail {
color: #fff;
text-decoration: underline;
}
.alert-space {
margin-top: 15px;
}
.alert-space p {
text-align: left !important;
color: #000 !important;
}
.paragraph-strong {
font-weight: 700;
}
.paragraph-pink {
color: #134894;
}
button.big-button {
align-self: center;
justify-self: center;
margin-top: 32px;
}
form {
align-items: flex-start !important;
display: flex !important;
flex-direction: column !important;
}
form .form-group {
width: 100%;
}
.signin-section {
display: flex;
flex-direction: column;
}
.weekdays-select {
margin: 0;
}
.weekdays-select .bo-store-schedule-label {
margin-bottom: 10px;
font-size: 21px;
color: #474747;
}
.weekdays-select .weekdays-container {
display: flex;
justify-content: space-between;
}
.weekdays-select .weekdays-container .weekdays-square:hover {
cursor: pointer;
}
.weekdays-select .weekdays-container .selected-weekdays {
background: #134894;
border: 0;
color: #fff;
}
.weekdays-select .weekdays-container .selected-weekdays .weekdays-name {
color: #878787;
}
.table-order-list {
width: 99% !important;
}
.table-order-list tr th {
color: #fff;
}
.table-order-list tr td {
border-radius: 0 !important;
cursor: pointer;
}
.table-order-list tr td p {
margin: 0 !important;
}
.table-order-list tr td b {
color: inherit;
}
.table-order-list tbody td {
border-bottom: 1px solid #e7eef2 !important;
}
.table-order-list-items,
.table-order-list-price,
.table-order-list-ref {
font-size: 14px;
}
.table-order-list-date p {
font-size: 12px;
}
.table-order-list-date b {
font-size: 14px;
}
.section-about p {
color: #262829;
font-family: OpenSans, sans-serif;
font-size: 16px;
}
.engagement-list {
list-style-type: none;
margin-top: 5px !important;
}
.engagement-list li {
color: #262829;
font-family: OpenSans, sans-serif;
font-size: 16px;
font-weight: 400;
}
.title-paragraphe {
margin-bottom: 25px !important;
}
.card-cgv {
border: 0 !important;
}
.custom-img-dropzone .dropzone-box {
width: 100%;
height: 400px;
padding: 20px;
border: 1px dashed #134894;
border-radius: 12px;
background-color: snow;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transition: all 0.3s;
}
.custom-img-dropzone .dropzone-box.errored {
border-color: #e74c3c;
border-width: 2px;
}
.custom-img-dropzone .dropzone-box.valid {
border-color: #2ecc71;
border-width: 2px;
}
.custom-img-dropzone .dropzone-box:hover {
background-color: #fff0f0;
cursor: pointer;
}
.custom-img-dropzone .dropzone-box .dropzone-text {
color: #134894;
font-size: 16px;
font-weight: 200;
margin-bottom: 8px;
white-space: normal;
}
.custom-img-dropzone .dropzone-box .dropzone-error-message {
color: #e74c3c;
font-size: 14px;
font-weight: 700;
}
.custom-img-dropzone .dropzone-box .dropzone-valid-message {
color: #2ecc71;
font-size: 14px;
font-weight: 700;
}
.orejime-ModalOverlay {
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}
.orejime-ModalOverlay .orejime-ModalWrapper .orejime-Modal-closeButton .orejime-CloseIcon {
stroke: #fff;
}
.orejime-ModalOverlay .orejime-ModalWrapper .orejime-Modal-body,
.orejime-ModalOverlay .orejime-ModalWrapper .orejime-Modal-footer {
width: 100%;
}
.orejime-ModalOverlay .orejime-ModalWrapper .orejime-Modal-poweredByLink {
display: none;
}
.orejime-Modal-description,
.orejime-Modal-title {
color: #000 !important;
}
.orejime-Notice-description,
.orejime-Notice-title {
color: #134894 !important;
}
.orejime-AppItem-optOut {
color: #fff !important;
}
[class^="orejime-"] {
margin: 0;
padding: 0;
border: 0;
font-family: inherit;
font-size: inherit;
color: inherit;
vertical-align: baseline;
cursor: default;
float: none;
width: auto;
text-align: left;
font-weight: 400;
}
.orejime-Main,
.orejime-Modal {
font-size: 1em;
line-height: 1.5;
}
.orejime-Button {
color: #fff;
border-radius: 4px;
padding: 6px 10px;
margin-right: 0.5em;
border: 1px solid transparent;
}
.orejime-Button[disabled] {
opacity: 0.75;
}
.orejime-Button--accept,
.orejime-Button--save {
background: #134894;
color: #fff;
}
.orejime-Button--decline {
background: #474747;
}
.orejime-Button--info {
background: #134894;
}
.orejime-Notice {
background: #fff;
position: fixed;
z-index: 1000;
width: 100%;
bottom: 0;
font-size: 0.8em;
}
@media (min-width: 990px) {
.orejime-Notice {
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
border-radius: 4px;
bottom: 20px;
right: 20px;
max-width: 300px;
}
}
@media (max-width: 989px) {
.orejime-Notice {
border: none;
border-radius: 0;
}
}
.orejime-Notice--mandatory {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: none;
}
.orejime-Notice--hidden {
display: none !important;
}
.orejime-Notice-body {
padding: 1em;
}
.orejime-Notice-logo {
max-width: 200px;
}
.orejime-Notice-description,
.orejime-Notice-title {
color: #000;
margin-bottom: 0.5em;
}
.orejime-Notice-title {
font-weight: 700;
font-size: 1.2em;
line-height: 1.3;
}
.orejime-Notice-purposes {
color: #134894;
}
.orejime-Notice-changes {
color: #fdaabc;
margin-bottom: 0.5em;
font-weight: 700;
}
.orejime-Notice-privacyPolicyLink {
text-decoration: underline;
cursor: pointer;
}
.orejime-Notice-privacyPolicyLink,
.orejime-Notice-privacyPolicyLink:hover {
color: inherit;
}
.orejime-Notice-privacyPolicyLink:focus,
.orejime-Notice-privacyPolicyLink:hover {
text-decoration: none;
}
.orejime-Notice-actions {
display: block;
}
.orejime-Notice-actionItem {
display: inline;
}
.orejime-Notice-learnMoreButton {
display: inline-block;
}
.orejimeHtml-WithModalOpen {
height: 100%;
}
.orejimeHtml-WithModalOpen body {
position: fixed;
overflow: hidden;
height: 100%;
width: 100%;
}
.orejime-ModalOverlay,
.orejime-NoticeOverlay {
z-index: 1000;
background: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.orejime-ModalWrapper {
z-index: 1001;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
width: 640px;
max-width: 100%;
max-height: 100%;
overflow: auto;
}
.orejime-Modal {
background: #fff;
border-radius: 4px;
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
}
.orejime-Modal-header {
padding: 1em;
border-bottom: 1px solid #555;
}
.orejime-Modal-title {
margin: 0;
font-size: 2em;
display: block;
font-weight: 700;
padding-right: 20px;
}
.orejime-Modal-closeButton {
border: none;
background: none;
color: inherit;
position: absolute;
top: 1em;
right: 1em;
}
.orejime-CloseIcon {
stroke: currentColor;
width: 12px;
}
.orejime-Modal-body {
padding: 1em;
}
.orejime-Modal-footer {
padding: 1em;
border-top: 1px solid #000;
}
.orejime-Modal-poweredByLink,
.orejime-Modal-privacyPolicyLink {
cursor: pointer;
text-decoration: underline;
color: inherit;
}
.orejime-Modal-poweredByLink:active,
.orejime-Modal-poweredByLink:focus,
.orejime-Modal-poweredByLink:hover,
.orejime-Modal-privacyPolicyLink:active,
.orejime-Modal-privacyPolicyLink:focus,
.orejime-Modal-privacyPolicyLink:hover {
color: inherit;
}
.orejime-Modal-poweredByLink:focus,
.orejime-Modal-poweredByLink:hover,
.orejime-Modal-privacyPolicyLink:focus,
.orejime-Modal-privacyPolicyLink:hover {
text-decoration: none;
}
.orejime-Modal-poweredByLink {
position: absolute;
right: 1em;
color: #aaa;
font-size: 0.8em;
padding: 6px 0;
}
.orejime-Modal-poweredByLink:active,
.orejime-Modal-poweredByLink:focus,
.orejime-Modal-poweredByLink:hover {
color: #aaa;
}
.orejime-AppList {
display: block;
padding: 0;
margin: 0;
}
.orejime-AppList-item {
display: block;
position: relative;
line-height: 1.25;
vertical-align: middle;
padding-left: 70px;
min-height: 40px;
margin-top: 0.7em;
}
.orejime-AppList-item:first-child {
margin-top: 0;
}
.orejime-AppItem-title {
font-weight: 600;
cursor: pointer;
}
.orejime-AppItem-description {
font-size: 0.8em;
}
.orejime-AppItem-purposes {
font-size: 0.8em;
color: #000;
}
.orejime-AppItem-optOut,
.orejime-AppItem-required {
padding-left: 0.2em;
font-size: 0.8em;
color: #000;
}
.orejime-AppItem-input {
top: 0;
opacity: 0;
}
.orejime-AppItem-input,
.orejime-AppItem-switch {
position: absolute;
left: 0;
width: 50px;
height: 30px;
}
.orejime-AppItem-switch {
display: inline-block;
}
.orejime-AppItem-slider {
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
transition: 0.4s;
width: 50px;
display: inline-block;
border-radius: 30px;
border: 2px solid transparent;
}
.orejime-AppItem-slider:before {
position: absolute;
content: "";
height: 20px;
width: 20px;
left: 3px;
bottom: 3px;
background-color: #fff;
border: 1px solid #134894;
transition: 0.4s;
border-radius: 50%;
}
.orejime-AppItem-switchLabel {
position: absolute;
width: 50px;
top: 34px;
overflow: ellipsis;
font-size: 0.8em;
text-align: center;
}
.orejime-AppItem-switch--disabled .orejime-AppItem-slider {
cursor: default;
opacity: 0.5;
}
.orejime-AppItem-switch--disabled .orejime-AppItem-switchLabel {
color: #000;
}
.orejime-AppItem-input:focus + .orejime-AppItem-label .orejime-AppItem-slider {
border-color: #134894;
outline-offset: 2px;
}
.orejime-AppItem-input:checked + .orejime-AppItem-label .orejime-AppItem-slider {
background-color: #134894;
}
.orejime-AppItem-input:checked + .orejime-AppItem-label .orejime-AppItem-slider:before {
transform: translateX(20px);
}
.orejime-AppToggles {
margin-bottom: 1em;
display: block;
}
.orejime-AppToggles-item {
display: inline;
}
.order-validation-modal .modal-header {
position: relative;
display: flex;
flex-direction: column;
}
.order-validation-modal .modal-header p {
text-transform: uppercase;
font-size: 22px;
margin-bottom: 0;
text-align: center;
}
@media screen and (max-width: 426px) {
.order-validation-modal .modal-header p {
font-size: 16px !important;
}
}
.order-validation-modal .modal-header p b {
color: #0a0606;
}
@media screen and (max-width: 426px) {
.order-validation-modal .modal-header p b {
font-size: 16px !important;
}
}
.order-validation-modal .modal-header p.modal-subtitle {
text-transform: lowercase;
font-size: 14px;
color: #b3b3b3;
}
.order-validation-modal .modal-header p.modal-subtitle:first-letter {
text-transform: uppercase;
}
.order-validation-modal .modal-header .close {
position: absolute;
top: 28px;
right: 28px;
color: #878787 !important;
}
.order-validation-modal .modal-body {
max-height: 300px;
overflow-y: auto;
}
.order-validation-modal .modal-body .order-info-line {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 8px;
}
.order-validation-modal .modal-body .order-info-line .order-reference {
color: #134894;
text-transform: uppercase;
font-size: 22px;
margin-bottom: 0;
}
@media screen and (max-width: 426px) {
.order-validation-modal .modal-body .order-info-line .order-reference {
font-size: 14px !important;
}
}
.order-validation-modal .modal-body .order-info-line .order-price {
font-weight: 700;
font-size: 18px;
margin-bottom: 0;
}
@media screen and (max-width: 426px) {
.order-validation-modal .modal-body .order-info-line .order-price {
font-size: 14px;
}
}
.order-validation-modal .modal-body .order-delivery-infos-line {
display: flex;
align-items: center;
padding: 4px;
margin-bottom: 16px;
background-color: #fddee3;
}
.order-validation-modal .modal-body .order-delivery-infos-line .order-is-pickup {
display: flex;
align-items: center;
}
.order-validation-modal .modal-body .order-delivery-infos-line .order-is-pickup svg {
height: 16px;
}
.order-validation-modal .modal-body .order-delivery-infos-line .order-is-pickup p {
font-size: 14px;
text-transform: uppercase;
margin-bottom: 0;
color: #134894;
}
.order-validation-modal .modal-body .order-delivery-infos-line .order-date {
display: flex;
align-items: center;
margin-left: 12px;
}
.order-validation-modal .modal-body .order-delivery-infos-line .order-date .time {
text-transform: uppercase;
margin-bottom: 0;
color: #878787;
font-size: 14px;
}
.order-validation-modal .modal-body .order-delivery-infos-line .order-date .shipping-date {
text-transform: uppercase;
margin-bottom: 0;
margin-left: 4px;
font-weight: 700;
color: #878787;
font-size: 14px;
}
.order-validation-modal .modal-body .order-delivery-infos-line .order-shipping-cost {
margin-left: auto;
color: #134894;
font-weight: 700;
font-size: 14px;
}
.order-validation-modal .modal-body .order-products-list {
display: flex;
flex-direction: column;
}
.order-validation-modal .modal-body .order-products-list .one-order-product {
display: flex;
align-items: center;
margin-bottom: 12px;
}
.order-validation-modal .modal-body .order-products-list .one-order-product img {
border-radius: 6px;
width: 60px;
height: 60px;
object-fit: cover;
margin-right: 12px;
}
.order-validation-modal .modal-body .order-products-list .one-order-product .product-content {
display: flex;
flex-direction: column;
}
.order-validation-modal .modal-body .order-products-list .one-order-product .product-content .product-name {
margin-bottom: 0;
font-size: 16px;
}
@media screen and (max-width: 426px) {
.order-validation-modal .modal-body .order-products-list .one-order-product .product-content .product-name {
font-size: 14px !important;
}
}
.order-validation-modal .modal-body .order-products-list .one-order-product .product-content .product-name:first-letter {
text-transform: uppercase;
}
.order-validation-modal .modal-body .order-products-list .one-order-product .product-content .product-reference {
margin-bottom: 0;
color: #878787;
font-size: 16px;
}
.order-validation-modal .modal-body .order-products-list .one-order-product .product-price-quantity {
margin-left: auto;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.order-validation-modal .modal-body .order-products-list .one-order-product .product-price-quantity .product-quantity {
margin-bottom: 0;
color: #134894;
font-size: 14px;
}
@media screen and (max-width: 426px) {
.order-validation-modal .modal-body .order-products-list .one-order-product .product-price-quantity .product-quantity {
font-size: 14px !important;
}
}
.order-validation-modal .modal-body .order-products-list .one-order-product .product-price-quantity .product-price {
margin-bottom: 0;
font-size: 14px;
color: #000;
font-weight: 700;
}
@media screen and (max-width: 426px) {
.order-validation-modal .modal-body .order-products-list .one-order-product .product-price-quantity .product-price {
font-size: 14px !important;
}
}
.order-validation-modal .modal-body .order-loading {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.order-validation-modal .modal-footer .modal-footer-message .spinner-border {
margin-right: 8px;
}
.shopopop-validation-modal .close {
color: #878787 !important;
}
.penBlock:hover {
cursor: pointer;
}
.penBlock .penText {
float: left;
margin-right: 4px;
color: #134894;
font-weight: 700;
}
@media screen and (max-width: 425px) {
.penBlock .penText {
display: none;
}
}
.penBlock .penIcon {
align-items: center;
background-color: #134894;
border-radius: 15%;
display: flex;
height: 22px;
justify-content: center;
width: 22px;
}
.penBlock .penIcon svg {
max-width: 15px;
min-width: 15px;
}
.penBlock .penIcon svg path {
fill: #fff;
}
.penBlock .penIcon:hover {
background-color: #134894;
cursor: pointer;
}
.penBlock .penIcon:hover svg path {
fill: #fddee3;
}
.card-title .penBlock {
margin-bottom: 10px;
}
.table-product-list .penBlock {
margin-top: 3px;
}
.rubric-navbar {
position: relative;
margin-top: 2rem;
font-family: Quicksand, sans-serif;
font-size: 0.9rem;
transition: -webkit-filter 0.3s;
transition: filter 0.3s;
transition: filter 0.3s, -webkit-filter 0.3s;
z-index: 90;
}
.rubric-navbar-select {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.75rem 1.5rem;
border-radius: 1.5rem;
background: none;
color: currentColor;
width: 100%;
}
.rubric-navbar-options ul {
list-style: none;
padding: 0;
margin: 0;
}
.rubric-navbar-options ul li {
justify-content: stretch;
}
.rubric-navbar-options ul li a {
display: block;
padding: 0.3333rem 0;
color: inherit;
}
.rubric-navbar-options ul li a:hover {
color: #878787;
text-decoration: none;
}
.rubric-navbar-options,
.rubric-navbar-select {
background-color: #fff;
color: #b3b3b3;
border: 1px solid #e0e0e0;
transition: border 0.3s, border-radius 0.3s;
}
.rubric-navbar-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 90;
}
@media (max-width: 991.98px) {
.rubric-navbar-options {
position: absolute;
left: 0;
top: 100%;
width: 100%;
padding: 0 1.5rem 0.5rem;
border-radius: 0 0 1.5rem 1.5rem;
transform: translateY(-1rem);
opacity: 0;
pointer-events: none;
transition: transform 0.3s ease-in-out, opacity 0.3s, border 0.3s;
}
.rubric-navbar.opened {
-webkit-filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.15));
filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.15));
}
.rubric-navbar.opened .rubric-navbar-options,
.rubric-navbar.opened .rubric-navbar-select {
border-color: #fff;
}
.rubric-navbar.opened .rubric-navbar-select {
border-radius: 1.5rem 1.5rem 0 0;
}
.rubric-navbar.opened .rubric-navbar-options {
transform: translate(0);
opacity: 1;
pointer-events: all;
}
}
@media (min-width: 992px) {
.rubric-navbar-select {
display: none;
}
.rubric-navbar-options {
border-radius: 1.5rem;
}
.rubric-navbar-options ul {
display: flex;
justify-content: center;
text-align: center;
line-height: 1.2;
}
.rubric-navbar-options ul .rubric-navbar-item {
display: flex;
align-items: center;
justify-content: stretch;
padding: 0.75rem 0;
}
.rubric-navbar-options ul .rubric-navbar-item a {
display: block;
padding: 0 1rem;
color: #b3b3b3;
transition: color 0.3s;
}
.rubric-navbar-options ul .rubric-navbar-item a:hover {
text-decoration: none;
}
.rubric-navbar-options ul .rubric-navbar-item:not(:first-child):before {
content: "";
flex-shrink: 0;
height: 100%;
width: 1px;
background-color: #e0e0e0;
transition: transform 0.3s ease-in-out;
}
.rubric-navbar.fixed {
position: fixed;
left: 0;
top: 70px;
width: 100%;
max-width: none;
margin: 0;
transform: translateY(-100%);
transition: transform 0.6s;
border-bottom: 1px solid #e0e0e0;
background-color: #fff;
}
.rubric-navbar.fixed .rubric-navbar-options {
position: relative;
border: none;
}
.rubric-navbar.fixed .rubric-navbar-options-handler {
position: absolute;
top: 15%;
height: 70%;
opacity: 0;
background-color: #134894;
border-radius: 1.5rem;
margin-left: 15px;
transition: width 0.3s ease-in-out, left 0.3s ease-in-out, opacity 0.3s linear 0.3s;
}
.rubric-navbar.fixed .rubric-navbar-options ul {
position: relative;
}
.rubric-navbar.fixed .rubric-navbar-options ul .rubric-navbar-item.active a {
color: #fff;
}
.rubric-navbar.fixed .rubric-navbar-options ul .rubric-navbar-item.active + .rubric-navbar-item:before,
.rubric-navbar.fixed .rubric-navbar-options ul .rubric-navbar-item.active:before {
transform: scaleY(0);
}
.rubric-navbar.fixed.active {
transform: translate(0);
}
.rubric-navbar.fixed.active .rubric-navbar-options-handler {
opacity: 1;
}
}
.slider {
position: relative;
}
.slider-scroller {
width: 100%;
}
.slider-scroller:not(.is-swiping) {
transition: margin-left 0.3s ease-in-out;
}
.slider-nav {
position: absolute;
right: 0;
display: flex;
font-size: 1.75rem;
line-height: 1.2;
bottom: calc(100% + 1em);
}
@media (min-width: 768px) {
.slider-nav {
font-size: 2.5rem;
}
}
.slider-nav-next,
.slider-nav-prev {
display: flex;
align-items: center;
justify-content: center;
border: none;
background: none;
color: #b3b3b3;
padding: 0;
transition: color 0.3s;
height: 1.2em;
}
.slider-nav-next svg,
.slider-nav-prev svg {
height: 0.75em;
width: 0.75em;
}
.slider-nav-next:focus,
.slider-nav-next:hover,
.slider-nav-prev:focus,
.slider-nav-prev:hover {
border: none;
background: none;
color: #134894;
}
.slider-nav-next.disabled,
.slider-nav-prev.disabled {
opacity: 0.5;
pointer-events: none;
}
.slider-nav-next {
margin-left: 1rem;
}
.slider-nav-next svg {
transform: rotate(180deg);
}
.section-404 {
text-align: center;
margin-top: 2rem;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.section-404 h1 {
margin-bottom: 1rem;
}
.section-404 h1 img {
width: 66.6666%;
}
.section-404 h2 {
font-family: Quicksand, sans-serif;
font-size: 1.6rem;
margin-bottom: 1rem !important;
}
.section-404 h2 > span {
color: #134894;
font-family: inherit;
font-size: 1.5em;
}
.section-404 .btn {
background-color: #134894;
color: #fff;
}
.section-404 .decoration {
width: 100%;
}
@media screen and (min-width: 768px) {
.section-404 h1 img {
width: 45%;
}
.section-404 .decoration {
width: 80%;
}
}
@media screen and (min-width: 1024px) {
.section-404 h1 img {
width: 25%;
}
.section-404 .decoration {
width: 56%;
}
}
.section-unpublished {
text-align: center;
margin-top: 11rem;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.section-unpublished h1 {
margin-bottom: 1rem;
}
.section-unpublished h1 img.unpublished {
width: 20%;
}
.section-unpublished h2 {
font-family: Quicksand, sans-serif;
font-size: 1.6rem;
margin-bottom: 1rem !important;
}
.section-unpublished h2 > span {
color: #134894;
font-family: inherit;
font-size: 1.5em;
}
.section-unpublished .btn {
background-color: #134894;
color: #fff;
}
.section-unpublished .decoration {
width: 100%;
}
@media screen and (min-width: 768px) {
.section-unpublished h1 img {
width: 45%;
}
.section-unpublished .decoration {
width: 80%;
}
}
@media screen and (min-width: 1024px) {
.section-unpublished h1 img {
width: 25%;
}
.section-unpublished .decoration {
width: 56%;
}
}
.modal-time-zone {
text-align: center;
}
.no-florist-form .container {
max-width: 960px;
}
.no-florist-form .item-col {
width: 33.3333%;
}
.no-florist-form label .field-btn {
position: relative;
display: flex;
width: 100%;
height: 0;
padding-top: 100%;
font-size: 1.25rem;
font-weight: 700;
border-radius: 0.25rem;
border: 1px solid #b3b3b3;
background-color: #fff;
color: #b3b3b3;
outline: none;
transition: color 0.3s, border-color 0.3s, box-shadow 0.3s ease-in-out;
cursor: pointer;
}
.no-florist-form label .field-value {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
}
.no-florist-form label .field-label {
display: block;
margin-top: 0.5em;
line-height: 1.1;
color: #b3b3b3;
text-align: center;
transition: color 0.3s;
}
.no-florist-form label .field-label svg {
width: 1em;
height: 1em;
opacity: 0.6;
}
.no-florist-form input[type="checkbox"],
.no-florist-form input[type="radio"] {
outline: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: inline-block;
position: absolute;
opacity: 0;
}
.no-florist-form label .field-btn:hover {
box-shadow: 0 0 0 3px hsla(0, 0%, 70.2%, 0.2);
}
.no-florist-form input:checked + label .field-btn {
border-color: #134894;
background-color: #134894;
color: #fff;
}
.no-florist-form input:checked + label .field-label {
color: #134894;
}
.no-florist-form .shape {
max-width: 12rem;
}
.no-florist-form .shape .field-btn .icon {
width: 80%;
height: 80%;
}
.no-florist-form .shape .field-btn .icon svg {
display: block;
fill: currentColor;
width: 100%;
height: 100%;
}
.no-florist-form .colors .field-btn {
border-radius: 1rem;
border: none;
color: #fff;
}
.no-florist-form .colors .field-btn .icon {
display: block;
width: 1.5rem;
height: 1.5rem;
transform: scale3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: transform 0.3s ease-in-out;
}
.no-florist-form .colors .field-btn .icon svg {
display: block;
width: 100%;
height: 100%;
}
.no-florist-form .red-color input + label .field-btn {
background-color: #d10a0a;
color: #fff;
box-shadow: 0 0 0 3px rgba(209, 10, 10, 0.2);
}
.no-florist-form .red-color input + label .field-btn:hover,
.no-florist-form .red-color input:checked + label .field-btn,
.no-florist-form .red-color input:focus + label .field-btn {
box-shadow: 0 0 0 2px #fff, 0 0 0 5px rgba(209, 10, 10, 0.2);
}
.no-florist-form .red-color input:checked + label .field-label {
color: #d10a0a;
}
.no-florist-form .fuchsia-color input + label .field-btn {
background-color: #134894;
color: #fff;
box-shadow: 0 0 0 3px rgba(244, 82, 106, 0.2);
}
.no-florist-form .fuchsia-color input + label .field-btn:hover,
.no-florist-form .fuchsia-color input:checked + label .field-btn,
.no-florist-form .fuchsia-color input:focus + label .field-btn {
box-shadow: 0 0 0 2px #fff, 0 0 0 5px rgba(244, 82, 106, 0.2);
}
.no-florist-form .fuchsia-color input:checked + label .field-label {
color: #134894;
}
.no-florist-form .pink-color input + label .field-btn {
background-color: #fddee3;
color: #fff;
box-shadow: 0 0 0 3px rgba(253, 222, 227, 0.4);
}
.no-florist-form .pink-color input + label .field-btn:hover,
.no-florist-form .pink-color input:checked + label .field-btn,
.no-florist-form .pink-color input:focus + label .field-btn {
box-shadow: 0 0 0 2px #fff, 0 0 0 5px rgba(253, 222, 227, 0.4);
}
.no-florist-form .pink-color input:checked + label .field-label {
color: #e3adb6;
}
.no-florist-form .yellow-color input + label .field-btn {
background-color: #f9d239;
color: #fff;
box-shadow: 0 0 0 3px rgba(249, 210, 57, 0.4);
}
.no-florist-form .yellow-color input + label .field-btn:hover,
.no-florist-form .yellow-color input:checked + label .field-btn,
.no-florist-form .yellow-color input:focus + label .field-btn {
box-shadow: 0 0 0 2px #fff, 0 0 0 5px rgba(249, 210, 57, 0.4);
}
.no-florist-form .yellow-color input:checked + label .field-label {
color: #f9d239;
}
.no-florist-form .green-color input + label .field-btn {
background-color: #2a8b30;
color: #fff;
box-shadow: 0 0 0 3px rgba(42, 139, 48, 0.2);
}
.no-florist-form .green-color input + label .field-btn:hover,
.no-florist-form .green-color input:checked + label .field-btn,
.no-florist-form .green-color input:focus + label .field-btn {
box-shadow: 0 0 0 2px #fff, 0 0 0 5px rgba(42, 139, 48, 0.2);
}
.no-florist-form .green-color input:checked + label .field-label {
color: #2a8b30;
}
.no-florist-form .white-color input + label .field-btn {
background-color: #fff;
color: #b3b3b3;
box-shadow: 0 0 0 3px hsla(0, 0%, 70.2%, 0.2);
}
.no-florist-form .white-color input + label .field-btn:hover,
.no-florist-form .white-color input:checked + label .field-btn,
.no-florist-form .white-color input:focus + label .field-btn {
box-shadow: 0 0 0 2px #fff, 0 0 0 5px hsla(0, 0%, 70.2%, 0.2);
}
.no-florist-form .white-color input:checked + label .field-label {
color: #b3b3b3;
}
.no-florist-form .orange-color input + label .field-btn {
background-color: #fe9f3c;
color: #fff;
box-shadow: 0 0 0 3px rgba(254, 159, 60, 0.3);
}
.no-florist-form .orange-color input + label .field-btn:hover,
.no-florist-form .orange-color input:checked + label .field-btn,
.no-florist-form .orange-color input:focus + label .field-btn {
box-shadow: 0 0 0 2px #fff, 0 0 0 5px rgba(254, 159, 60, 0.3);
}
.no-florist-form .orange-color input:checked + label .field-label {
color: #fe9f3c;
}
.no-florist-form .colors input:checked + label .field-btn .icon {
transform: scaleX(1);
}
.no-florist-form .other-price label {
font-size: 1rem;
color: #b3b3b3;
white-space: nowrap;
}
.no-florist-form .other-price input {
width: 4.5em;
padding-right: 1rem !important;
}
.no-florist-form .other-price:not(.selected) input:not(:focus) {
color: #fff;
}
@media (min-width: 768px) {
.no-florist-form .item-col {
width: 5rem;
}
}
.item-details-extra-time {
font-size: 0.875rem;
color: #b3b3b3;
margin-bottom: 2.5rem;
text-align: center;
}
.item-details-extra-time svg {
vertical-align: top;
margin-right: 5px;
}
.item-details-extra-time:hover {
cursor: default;
}
.item-details-extra-time .hover-extra-time {
text-decoration: underline;
}
.item-details-extra-time .item-details-next-time {
position: absolute;
z-index: 999;
background-color: #fff;
border: 1px solid #e0e0e0;
right: 0;
font-style: italic;
border-radius: 0.25rem;
padding: 10px;
box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.25);
margin-top: -7px;
font-size: 0.85rem;
}
.item-details-extra-time .item-details-next-time div {
padding: 10px 10px 7px;
}
.item-details-extra-time .item-details-next-time div.item-details-time {
padding-top: 0;
padding-bottom: 5px;
color: #134894;
}
.item-details-extra-time .item-details-next-time div.item-details-time:hover {
cursor: pointer;
}
.item-details-extra-time .item-details-next-time .item-details-preparing-time {
padding: 0 10px 7px;
border-bottom: 1px solid #e0e0e0;
}
.item-details-extra-time .item-details-next-time .item-details-preparing-time.without-time {
border: initial;
padding: 0;
}
.dropdown-selectors-wrapper {
position: relative;
}
.dropdown-selectors {
background-color: #fddee3;
border-radius: 2rem;
}
.dropdown-selector,
.dropdown-selector-button {
display: flex;
position: relative;
}
.dropdown-selector-button {
align-items: center;
justify-content: space-between;
padding: 0.75rem 1rem 0.75rem 1.25rem;
width: 100%;
color: #134894;
background-color: #fff;
border: 1px solid #134894;
border-radius: 2rem;
transition: color 0.3s, border-color 0.3s, border-radius 0.3s;
z-index: 91;
}
.dropdown-selector-button:focus {
outline: none;
}
.dropdown-selector-button svg {
margin-left: 0.5rem;
height: 1rem;
width: 1rem;
}
.dropdown-selector-content {
position: absolute;
left: 0;
top: calc(100% - 1px);
width: 100%;
min-width: 300px;
background-color: #fff;
padding: 1rem;
border: 1px solid #e0e0e0;
border-radius: 0 0 0.25rem 0.25rem;
}
.dropdown-selector-content .custom-dropdown.is-dropdown {
position: relative;
}
.dropdown-selector-content .form-control {
border-color: transparent;
}
.dropdown-selector-opened .dropdown-selector-button {
color: #134894;
background-color: #fff;
border-color: #e0e0e0 #e0e0e0 #fff;
border-radius: 0.25rem 0.25rem 0 0;
z-index: 93;
}
.dropdown-selector-opened .dropdown-selector-content {
box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.25);
z-index: 92;
}
.dropdown-selectors .dropdown-selector:not(:first-child):not(.dropdown-selector-opened) .dropdown-selector-button {
background-color: #fddee3;
border-color: #fddee3;
}
.dropdown-selectors-overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 90;
cursor: pointer;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}
@media (min-width: 768px) {
.dropdown-selectors {
display: inline-flex;
flex-direction: row;
}
.dropdown-selector {
position: static;
display: inline-flex;
}
.dropdown-selector-content {
border-radius: 0 0.25rem 0.25rem 0.25rem;
}
.dropdown-selectors .dropdown-selector:not(:first-child) .dropdown-selector-content {
border-radius: 0.25rem;
}
}
@media (min-width: 992px) {
.dropdown-selectors .dropdown-selector-delivery-info {
position: relative;
}
.dropdown-selectors .dropdown-selector-delivery-info .dropdown-selector-content {
min-width: 550px;
border-radius: 0 0.25rem 0.25rem 0.25rem !important;
}
}
.widget {
border: 1px solid #e0e0e0;
border-radius: 0.25rem;
margin-bottom: 2rem;
}
.widget-header {
position: relative;
padding: 0.5rem 0;
}
.widget-title {
font-size: 1rem;
margin: 0;
}
.widget-title-wrapper {
position: relative;
pointer-events: none;
z-index: 1;
}
.widget-title-wrapper a,
.widget-title-wrapper button {
pointer-events: all;
}
.widget-collapse-button {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%;
display: flex;
justify-content: end;
align-items: center;
border: none;
padding: 0 0.75rem;
background-color: transparent;
color: #b3b3b3;
border-radius: 0.25rem;
}
.widget-collapse-button[aria-expanded="true"] {
border-radius: 0.25rem 0.25rem 0 0;
}
.widget-collapse-button svg {
width: 1rem;
height: 1rem;
transform: rotate(180deg);
}
.widget-content {
border-top: 1px solid #e0e0e0;
padding-top: 1rem;
padding-bottom: 1rem;
}
.widget-collapsed .widget-collapse-button svg {
transform: rotate(0deg);
}
.filter:not(:last-child) {
margin-bottom: 1.5rem;
}
.filter-title {
font-size: 0.85rem;
color: #878787;
text-transform: uppercase;
margin-bottom: 0.75rem;
}
.filter-list {
list-style: none;
margin: 0;
padding: 0;
}
.filter-list-inline {
display: flex;
flex-wrap: wrap;
}
.filter-list-inline .filter-item {
margin-right: 0.5rem;
}
.filter-item {
padding: 0.25rem 0;
}
.filter-item .custom-checkbox label,
.filter-item .custom-radio label {
color: #262829;
}
.w-xs {
width: 0.75rem !important;
}
.w-sm {
width: 0.875rem !important;
}
.w-base {
width: 1rem !important;
}
.w-lg {
width: 1.25rem !important;
}
.w-xl {
width: 1.5rem !important;
}
.w-xxl {
width: 2rem !important;
}
.w-4xl {
width: 4rem !important;
}
.w-xs-xs {
width: 0.75rem !important;
}
.w-xs-sm {
width: 0.875rem !important;
}
.w-xs-base {
width: 1rem !important;
}
.w-xs-lg {
width: 1.25rem !important;
}
.w-xs-xl {
width: 1.5rem !important;
}
.w-xs-xxl {
width: 2rem !important;
}
.w-xs-4xl {
width: 4rem !important;
}
.w-xs-25 {
width: 25% !important;
}
.w-xs-50 {
width: 50% !important;
}
.w-xs-75 {
width: 75% !important;
}
.w-xs-100 {
width: 100% !important;
}
.w-xs-auto {
width: auto !important;
}
@media (min-width: 576px) {
.w-sm-xs {
width: 0.75rem !important;
}
.w-sm-sm {
width: 0.875rem !important;
}
.w-sm-base {
width: 1rem !important;
}
.w-sm-lg {
width: 1.25rem !important;
}
.w-sm-xl {
width: 1.5rem !important;
}
.w-sm-xxl {
width: 2rem !important;
}
.w-sm-4xl {
width: 4rem !important;
}
.w-sm-25 {
width: 25% !important;
}
.w-sm-50 {
width: 50% !important;
}
.w-sm-75 {
width: 75% !important;
}
.w-sm-100 {
width: 100% !important;
}
.w-sm-auto {
width: auto !important;
}
}
@media (min-width: 768px) {
.w-md-xs {
width: 0.75rem !important;
}
.w-md-sm {
width: 0.875rem !important;
}
.w-md-base {
width: 1rem !important;
}
.w-md-lg {
width: 1.25rem !important;
}
.w-md-xl {
width: 1.5rem !important;
}
.w-md-xxl {
width: 2rem !important;
}
.w-md-4xl {
width: 4rem !important;
}
.w-md-25 {
width: 25% !important;
}
.w-md-50 {
width: 50% !important;
}
.w-md-75 {
width: 75% !important;
}
.w-md-100 {
width: 100% !important;
}
.w-md-auto {
width: auto !important;
}
}
@media (min-width: 992px) {
.w-lg-xs {
width: 0.75rem !important;
}
.w-lg-sm {
width: 0.875rem !important;
}
.w-lg-base {
width: 1rem !important;
}
.w-lg-lg {
width: 1.25rem !important;
}
.w-lg-xl {
width: 1.5rem !important;
}
.w-lg-xxl {
width: 2rem !important;
}
.w-lg-4xl {
width: 4rem !important;
}
.w-lg-25 {
width: 25% !important;
}
.w-lg-50 {
width: 50% !important;
}
.w-lg-75 {
width: 75% !important;
}
.w-lg-100 {
width: 100% !important;
}
.w-lg-auto {
width: auto !important;
}
}
@media (min-width: 1200px) {
.w-xl-xs {
width: 0.75rem !important;
}
.w-xl-sm {
width: 0.875rem !important;
}
.w-xl-base {
width: 1rem !important;
}
.w-xl-lg {
width: 1.25rem !important;
}
.w-xl-xl {
width: 1.5rem !important;
}
.w-xl-xxl {
width: 2rem !important;
}
.w-xl-4xl {
width: 4rem !important;
}
.w-xl-25 {
width: 25% !important;
}
.w-xl-50 {
width: 50% !important;
}
.w-xl-75 {
width: 75% !important;
}
.w-xl-100 {
width: 100% !important;
}
.w-xl-auto {
width: auto !important;
}
}
@media (min-width: 1400px) {
.w-xxl-xs {
width: 0.75rem !important;
}
.w-xxl-sm {
width: 0.875rem !important;
}
.w-xxl-base {
width: 1rem !important;
}
.w-xxl-lg {
width: 1.25rem !important;
}
.w-xxl-xl {
width: 1.5rem !important;
}
.w-xxl-xxl {
width: 2rem !important;
}
.w-xxl-4xl {
width: 4rem !important;
}
.w-xxl-25 {
width: 25% !important;
}
.w-xxl-50 {
width: 50% !important;
}
.w-xxl-75 {
width: 75% !important;
}
.w-xxl-100 {
width: 100% !important;
}
.w-xxl-auto {
width: auto !important;
}
}
.h-xs {
height: 0.75rem !important;
}
.h-sm {
height: 0.875rem !important;
}
.h-base {
height: 1rem !important;
}
.h-lg {
height: 1.25rem !important;
}
.h-xl {
height: 1.5rem !important;
}
.h-xxl {
height: 2rem !important;
}
.h-4xl {
height: 4rem !important;
}
.h-xs-xs {
height: 0.75rem !important;
}
.h-xs-sm {
height: 0.875rem !important;
}
.h-xs-base {
height: 1rem !important;
}
.h-xs-lg {
height: 1.25rem !important;
}
.h-xs-xl {
height: 1.5rem !important;
}
.h-xs-xxl {
height: 2rem !important;
}
.h-xs-4xl {
height: 4rem !important;
}
.h-xs-25 {
height: 25% !important;
}
.h-xs-50 {
height: 50% !important;
}
.h-xs-75 {
height: 75% !important;
}
.h-xs-100 {
height: 100% !important;
}
.h-xs-auto {
height: auto !important;
}
@media (min-width: 576px) {
.h-sm-xs {
height: 0.75rem !important;
}
.h-sm-sm {
height: 0.875rem !important;
}
.h-sm-base {
height: 1rem !important;
}
.h-sm-lg {
height: 1.25rem !important;
}
.h-sm-xl {
height: 1.5rem !important;
}
.h-sm-xxl {
height: 2rem !important;
}
.h-sm-4xl {
height: 4rem !important;
}
.h-sm-25 {
height: 25% !important;
}
.h-sm-50 {
height: 50% !important;
}
.h-sm-75 {
height: 75% !important;
}
.h-sm-100 {
height: 100% !important;
}
.h-sm-auto {
height: auto !important;
}
}
@media (min-width: 768px) {
.h-md-xs {
height: 0.75rem !important;
}
.h-md-sm {
height: 0.875rem !important;
}
.h-md-base {
height: 1rem !important;
}
.h-md-lg {
height: 1.25rem !important;
}
.h-md-xl {
height: 1.5rem !important;
}
.h-md-xxl {
height: 2rem !important;
}
.h-md-4xl {
height: 4rem !important;
}
.h-md-25 {
height: 25% !important;
}
.h-md-50 {
height: 50% !important;
}
.h-md-75 {
height: 75% !important;
}
.h-md-100 {
height: 100% !important;
}
.h-md-auto {
height: auto !important;
}
}
@media (min-width: 992px) {
.h-lg-xs {
height: 0.75rem !important;
}
.h-lg-sm {
height: 0.875rem !important;
}
.h-lg-base {
height: 1rem !important;
}
.h-lg-lg {
height: 1.25rem !important;
}
.h-lg-xl {
height: 1.5rem !important;
}
.h-lg-xxl {
height: 2rem !important;
}
.h-lg-4xl {
height: 4rem !important;
}
.h-lg-25 {
height: 25% !important;
}
.h-lg-50 {
height: 50% !important;
}
.h-lg-75 {
height: 75% !important;
}
.h-lg-100 {
height: 100% !important;
}
.h-lg-auto {
height: auto !important;
}
}
@media (min-width: 1200px) {
.h-xl-xs {
height: 0.75rem !important;
}
.h-xl-sm {
height: 0.875rem !important;
}
.h-xl-base {
height: 1rem !important;
}
.h-xl-lg {
height: 1.25rem !important;
}
.h-xl-xl {
height: 1.5rem !important;
}
.h-xl-xxl {
height: 2rem !important;
}
.h-xl-4xl {
height: 4rem !important;
}
.h-xl-25 {
height: 25% !important;
}
.h-xl-50 {
height: 50% !important;
}
.h-xl-75 {
height: 75% !important;
}
.h-xl-100 {
height: 100% !important;
}
.h-xl-auto {
height: auto !important;
}
}
@media (min-width: 1400px) {
.h-xxl-xs {
height: 0.75rem !important;
}
.h-xxl-sm {
height: 0.875rem !important;
}
.h-xxl-base {
height: 1rem !important;
}
.h-xxl-lg {
height: 1.25rem !important;
}
.h-xxl-xl {
height: 1.5rem !important;
}
.h-xxl-xxl {
height: 2rem !important;
}
.h-xxl-4xl {
height: 4rem !important;
}
.h-xxl-25 {
height: 25% !important;
}
.h-xxl-50 {
height: 50% !important;
}
.h-xxl-75 {
height: 75% !important;
}
.h-xxl-100 {
height: 100% !important;
}
.h-xxl-auto {
height: auto !important;
}
}
.text-xs {
font-size: 0.75rem !important;
}
.text-sm {
font-size: 0.875rem !important;
}
.text-base {
font-size: 1rem !important;
}
.text-lg {
font-size: 1.25rem !important;
}
.text-xl {
font-size: 1.5rem !important;
}
.text-xxl {
font-size: 2rem !important;
}
.text-xs-xs {
font-size: 0.75rem !important;
}
.text-xs-sm {
font-size: 0.875rem !important;
}
.text-xs-base {
font-size: 1rem !important;
}
.text-xs-lg {
font-size: 1.25rem !important;
}
.text-xs-xl {
font-size: 1.5rem !important;
}
.text-xs-xxl {
font-size: 2rem !important;
}
@media (min-width: 576px) {
.text-sm-xs {
font-size: 0.75rem !important;
}
.text-sm-sm {
font-size: 0.875rem !important;
}
.text-sm-base {
font-size: 1rem !important;
}
.text-sm-lg {
font-size: 1.25rem !important;
}
.text-sm-xl {
font-size: 1.5rem !important;
}
.text-sm-xxl {
font-size: 2rem !important;
}
}
@media (min-width: 768px) {
.text-md-xs {
font-size: 0.75rem !important;
}
.text-md-sm {
font-size: 0.875rem !important;
}
.text-md-base {
font-size: 1rem !important;
}
.text-md-lg {
font-size: 1.25rem !important;
}
.text-md-xl {
font-size: 1.5rem !important;
}
.text-md-xxl {
font-size: 2rem !important;
}
}
@media (min-width: 992px) {
.text-lg-xs {
font-size: 0.75rem !important;
}
.text-lg-sm {
font-size: 0.875rem !important;
}
.text-lg-base {
font-size: 1rem !important;
}
.text-lg-lg {
font-size: 1.25rem !important;
}
.text-lg-xl {
font-size: 1.5rem !important;
}
.text-lg-xxl {
font-size: 2rem !important;
}
}
@media (min-width: 1200px) {
.text-xl-xs {
font-size: 0.75rem !important;
}
.text-xl-sm {
font-size: 0.875rem !important;
}
.text-xl-base {
font-size: 1rem !important;
}
.text-xl-lg {
font-size: 1.25rem !important;
}
.text-xl-xl {
font-size: 1.5rem !important;
}
.text-xl-xxl {
font-size: 2rem !important;
}
}
@media (min-width: 1400px) {
.text-xxl-xs {
font-size: 0.75rem !important;
}
.text-xxl-sm {
font-size: 0.875rem !important;
}
.text-xxl-base {
font-size: 1rem !important;
}
.text-xxl-lg {
font-size: 1.25rem !important;
}
.text-xxl-xl {
font-size: 1.5rem !important;
}
.text-xxl-xxl {
font-size: 2rem !important;
}
}
.rounded-top-left-none {
border-top-left-radius: 0 !important;
}
.rounded-top-left,
.rounded-top-left-sm {
border-top-left-radius: 0.25rem !important;
}
.rounded-top-left-lg {
border-top-left-radius: 1rem !important;
}
.rounded-top-left-xl {
border-top-left-radius: 1.5rem !important;
}
.rounded-top-right-none {
border-top-right-radius: 0 !important;
}
.rounded-top-right,
.rounded-top-right-sm {
border-top-right-radius: 0.25rem !important;
}
.rounded-top-right-lg {
border-top-right-radius: 1rem !important;
}
.rounded-top-right-xl {
border-top-right-radius: 1.5rem !important;
}
.rounded-bottom-left-none {
border-bottom-left-radius: 0 !important;
}
.rounded-bottom-left,
.rounded-bottom-left-sm {
border-bottom-left-radius: 0.25rem !important;
}
.rounded-bottom-left-lg {
border-bottom-left-radius: 1rem !important;
}
.rounded-bottom-left-xl {
border-bottom-left-radius: 1.5rem !important;
}
.rounded-bottom-right-none {
border-bottom-right-radius: 0 !important;
}
.rounded-bottom-right,
.rounded-bottom-right-sm {
border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom-right-lg {
border-bottom-right-radius: 1rem !important;
}
.rounded-bottom-right-xl {
border-bottom-right-radius: 1.5rem !important;
}
.object-fit-cover,
.object-fit-xs-cover {
object-fit: cover;
}
@media (min-width: 576px) {
.object-fit-sm-cover {
object-fit: cover;
}
}
@media (min-width: 768px) {
.object-fit-md-cover {
object-fit: cover;
}
}
@media (min-width: 992px) {
.object-fit-lg-cover {
object-fit: cover;
}
}
@media (min-width: 1200px) {
.object-fit-xl-cover {
object-fit: cover;
}
}
@media (min-width: 1400px) {
.object-fit-xxl-cover {
object-fit: cover;
}
}