:root {
--f7-theme-color: #006631;
--f7-theme-color-rgb: 74,55,73;
--f7-theme-color-shade: #0936C3;
--f7-theme-color-tint: #a44ef1;
--f7-theme-color-light: #EBF6F0;
--f7-theme-color-white: #fff;
--border-color: #F3F3F3;
--f7-messagebar-height: 44px;
--f7-picker-item-height: 44px;
--f7-input-text-color: #1b1b1f;
}
/*
/* Theme Color Dark Variable */
.ios .dark,
.ios.dark {
--f7-theme-color: #006631;
--f7-text-color: #fff;
--f7-bars-bg-color: #121212;
--f7-bars-bg-color-rgb: 22, 22, 22;
--f7-bars-border-color: rgba(255, 255, 255, 0.16);
--f7-page-bg-color: #040e01;
--f7-list-strong-bg-color: #22242a;
--calc-bg-color: #22242a;
--f7-label-bg: #22242a;
--f7-input-text-color: #e3e2e6;
}
.ios {
--f7-theme-color: #006631;
--f7-navbar-height: 44px;
--f7-subnavbar-height: 44px;
--f7-toolbar-height: 60px;
--f7-messagebar-textarea-border: 1px solid transparent;
--f7-messagebar-height: 44px;
--f7-list-strong-bg-color: #fff;
--calc-bg-color: #ebe7e7;
--f7-label-bg: #fff;
--f7-input-text-color: #1b1b1f;
}
:root .dark,
:root.dark,
:root.md.dark {
--f7-theme-color: #006631;
--accent-300: #006631;
--title-color: #00c25e;
--placeholder-color: #00c25e;
--theme-red: #fda5a5;
--menu-item-color: #b1b1c3;
--tab-title-color: #b1b1c3;
--f7-bars-text-color: #fff;
--f7-block-title-text-color: #fff;
--f7-block-strong-border-color: rgba(255, 255, 255, 0.15);
--f7-block-title-medium-text-color: #fff;
--f7-block-title-large-text-color: #fff;
--f7-block-strong-bg-color: #030b00;
--f7-list-strong-bg-color: #22242a;
--f7-list-button-border-color: rgba(255, 255, 255, 0.15);
--f7-list-bg-color: #030b00;
--f7-list-border-color: rgba(255, 255, 255, 0.15);
--f7-list-item-border-color: rgba(255, 255, 255, 0.15);
--f7-list-item-divider-border-color: rgba(255, 255, 255, 0.15);
--f7-list-item-divider-bg-color: #232323;
--f7-list-group-title-bg-color: #232323;
--f7-list-chevron-icon-color: rgba(255, 255, 255, 0.3);
--f7-card-bg-color: #030b00;
--f7-bars-bg-color: #030b00;
--f7-theme-color-light: #040e01;
--f7-theme-color-white: #151515;
--f7-message-received-bg-color: #595656;
--border-color: #333333;
--basic-gr-bg: #101010;
--basic-item-bg: #151515;
--item-cl-color: #fff;
--basic-white-bg: #000;
--basic-card-bg: #030b00;
--block-strong-bg-color: #030b00;
--strong-list-bg: #22242a;
--right-panel-bg: #151515;
--fixed-content-bg: #151515;
--toolbar-bottom-bg: #000;
--popover-bg-color: #2b2e38;
--popover-link-color: #c4c4c4;
--block-title-color: #fff;
--navbar-bg: #030b00;
--tabs-color: #fff;
--input-border: #787575;
--input-bg: #e7e8ed;
--table-text-color: #e3e2e6;
--calc-bg-color: #22242a;
--f7-label-bg: #22242a;
--f7-label-focused-text-color: #00c25e;
--f7-input-text-color: #e3e2e6;
}
/* Theme Basic Color Variables*/
:root,
.md:not([class*='color-theme']) {
--f7-theme-color: #006631;
--accent-300: #006631;
--title-color: #00612f;
--placeholder-color: #0066ff;
--menu-item-color: #4f4f4f;
--accent-100: #52e993;
--accent-500: #05592E;
--accent-red: #FF4D4D;
--theme-red: #b30000;
--basic-gr-bg: #F6F5F3;
--basic-item-bg: #F6F5F3;
--basic-white-bg: #fff;
--item-cl-color: #232323;
--basic-card-bg: #fff;
--navbar-bg: #F6F5F3;
--f7-theme-color-rgb: 18,34,97;
--f7-theme-color-shade: #00613f;
--f7-theme-color-tint: #07ac72;
--f7-theme-color-light: #D9EDE6;
--block-strong-bg-color: #f6f5f3;
--strong-list-bg: #f6f5f3;
--right-panel-bg: #fff;
--fixed-content-bg: #F6F5F3;
--toolbar-bottom-bg: #fff;
--popover-border-radius: 10px;
--popover-bg-color: #fff;
--popover-link-color: #232323;
--block-title-color: #232323;
--tabs-color: #232323;
--table-text-color: #232323;
--input-border: #d9d9d9;
--input-bg: #fff;
--calc-bg-color: #ebe7e7;
--f7-label-bg: #fff;
--f7-label-focused-text-color: #0066ff;
--f7-input-text-color: #1b1b1f;
--f7-list-strong-bg-color: #fff;
}
/*
0 - 600: Phone
600 - 900: Tablet portrait
900 - 1200: Tablet landscape
1200 - 1800: Normal styles
1800+ : Big Desktop
1em = 16px
The smaller device rules always should write below the bigger device rules
Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Component
*/
/* Reset */
/*html.ios {*/
/* max-height: calc(100vh - 45px)!important;*/
/*}*/
/*.ios body {*/
/* touch-action: none !important;*/
/* overscroll-behavior: none;*/
/*}*/
*::selection {
color: #fff;
background: var(--f7-theme-color); }
@font-face {
font-family: 'Framework7 Icons';
font-style: normal;
font-weight: 400;
src: url('https://auction.veryimportantlot.com/fonts/Framework7Icons-Regular.woff2') format('woff2'),
url('https://auction.veryimportantlot.com/fonts/Framework7Icons-Regular.woff') format('woff'),
url('https://auction.veryimportantlot.com/fonts/Framework7Icons-Regular.ttf') format('truetype');
}
.f7-icons, .material-icons {
font-family: 'Framework7 Icons';
font-weight: normal;
font-style: normal;
font-size: 28px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
-moz-font-feature-settings: 'liga=1';
-moz-font-feature-settings: 'liga';
font-feature-settings: 'liga';
text-align: center;
}
.demo-list-icon,
.icon-f7 {
background: #ccc;
display: block;
position: relative;
}
.dark .demo-list-icon {
background-color: #555;
}
.ios .dialog-inner:after, .dialog-inner:after {
content: none;
height: 0;
background-color: transparent;
}
/* Demo Messagebar */
.messagebar:not(.messagebar-with-value):not(.messagebar-attachments-visible) a.demo-send-message-link {
pointer-events: none;
color: #8e8e8e;
background-color: #d9d9d9;
}
.messagebar:not(.messagebar-with-value):not(.messagebar-attachments-visible) a.demo-send-message-link svg path {
fill:#232323;
}
body {
overflow-y: auto;
height: 100%;
position: relative;
color: var(--item-cl-color);
max-width: 100%;
font-size: 16px;
font-weight: 400;
font-family: "Arial", sans-serif;
background: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
body * {
box-sizing: border-box;
}
a {
color: var(--placeholder-color);
}
p {
font-size: 17px;
line-height: 24px; }
.container .container {
max-width: 100%;
padding: 0;
}
.md .messages-title b, .md .message-header b, .md .message-footer b, .md .message-name b {
font-weight: 600;
}
@keyframes load-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes load-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.panel.panel-right .block-strong, .ios .panel.panel-right .block-strong-ios, .md .panel.panel-right .block-strong-md {
background-color: var(--right-panel-bg);
margin: 0;
}
.panel.panel-right .block-outline:not(.inset):before, .ios .panel.panel-right .block-outline-ios:not(.inset):not(.inset-ios):before, .md .panel.panel-right .block-outline-md:not(.inset):not(.inset-md):before,
.panel.panel-right .block-outline:not(.inset):after, .ios .panel.panel-right .block-outline-ios:not(.inset):not(.inset-ios):after, .md .panel.panel-right .block-outline-md:not(.inset):not(.inset-md):after,
.panel.panel-right .list-outline ul:before, .ios .panel.panel-right .list-outline-ios ul:before, .md .panel.panel-right .list-outline-md ul:before,
.panel.panel-right .list-outline ul:after, .ios .panel.panel-right .list-outline-ios ul:after, .md .panel.panel-right .list-outline-md ul:after,
.ios .panel.panel-right .list-dividers-ios .item-inner:after,
.list-outline ul:before, .ios .list-outline-ios ul:before, .md .list-outline-md ul:before,
.list-outline ul:after, .ios .list-outline-ios ul:after, .md .list-outline-md ul:after,
.ios .list-dividers-ios .item-inner:after, .md .list-dividers-md .item-inner:after {
content: none;
}
.profile-wraper .list, .profile-wraper .author-bx, .profile-wraper > .page-content .block {
max-width: 1024px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
width: 100%;
box-sizing: border-box;
}
.profile-wraper .list .item-inner, .popup .list .item-inner {
padding-right: 0;
}
.list li.order-calc {
height: auto!important;
}
.list li.order-calc span {
display: block;
background-color: #D9D9D9;
padding: 5px 9px;
border: 0 none;
border-radius: 10px;
}
.dark .list li.order-calc span {
background-color: #2b2e38;
}
#order-deliverycost b {
margin-right: 10px;
}
.block.inset.block-strong > p {
font-size: 17px;
font-weight: 600;
}
.panel.panel-right .block > p {
font-size: 20px;
color: var(--item-cl-color);
font-weight: 600;
margin-bottom: 20px;
}
.chip .chip-label {
color: #232323;
}
.panel.panel-right .block-title {
font-size: 20px;
color: var(--popover-link-color);
font-weight: 400;
margin-left: 0;
margin-bottom: 10px;
padding-bottom: 5px;
display: none;
}
.panel.panel-right .list .item-content {
padding-left: 0;
}
.block.inset.block-strong {
/*padding-left: 0;*/
/*padding-right: 0;*/
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
.toggle input[type='checkbox']:checked + .toggle-icon, .ios .toggle input[type='checkbox']:checked + .toggle-icon {
background-color: var(--accent-300);
}
.toggle input[type='checkbox']:checked + .toggle-icon:after, .ios .toggle input[type='checkbox']:checked + .toggle-icon:after {
background-color: #fff!important;
}
.list-strong ul, .ios .list-strong-ios ul, .md .list-strong-md ul {
background-color: transparent;
}
.faq .list-strong ul, .ios .faq .accordion-list ul, .md .faq .list-strong-md ul {
background-color: var(--f7-list-strong-bg-color);
border-radius: 16px;
}
.page-content.embed-page .list-strong ul .item-link,
.ios .page-content.embed-page .accordion-list ul .item-link,
.md .page-content.embed-page .list-strong-md ul .item-link,
.page-content.embed-code .list-strong ul .item-link,
.ios .page-content.embed-code .accordion-list ul .item-link,
.md .page-content.embed-code .list-strong-md ul .item-link {
background-color: var(--f7-list-strong-bg-color);
}
.accordion-item-content .block p {
font-size: 14px;
}
.setting-page .list {
margin: 0;
padding: 30px 0 0;
}
.setting-page .links-list li {
}
.setting-page .links-list a {
height: 56px;
position: relative;
justify-content: flex-start;
background-color: var(--f7-label-bg);
border-radius: 0;
font-size: 17px;
padding: 5px 30px 5px 8px;
}
.setting-page .links-list li a:before {
color: var(--item-cl-color);
}
.setting-page .links-list li:not(:last-of-type) a:after {
content: '';
position: absolute;
height: 1px;
bottom: 0;
left: 7px;
right: 7px;
width: auto;
transform: none;
background-color: var(--input-border);
}
.ios .setting-page .list.links-list li:first-of-type > a, .md .setting-page .list.inset-md li:first-of-type a {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.ios .setting-page .list.links-list li:last-of-type > a, .md .setting-page .list.inset-md li:last-of-type> a {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.setting-page .list.inset, .ios .setting-page .list.inset-ios, .md .setting-page .list.inset-md {
margin-left: 0;
margin-right: 0;
}
.setting-page .list.links-list ul, .ios .setting-page .list.links-list ul, .md .setting-page .list.links-list ul {
border-radius: 10px;
overflow: hidden;
}
.setting-page .list label.item-content {
height: 56px;
padding: 5px 8px;
background-color: var(--f7-label-bg);
border-radius: 10px;
line-height: 1;
}
.setting-page label.item-content .item-inner {
padding-right: 0;
font-size: 17px ;
}
.setting-page .list label.item-content svg, .setting-page .links-list a svg {
margin: -3px 15px 0 0;
}
.setting-page .list label.item-content path, .setting-page .links-list a path {
fill: var(--item-cl-color);
}
:root {
scrollbar-color: inherit!important;
}
@supports ( -moz-appearance:none ){
body, html, .page-content {
scrollbar-width: thin;
scrollbar-color: rgba(0, 0, 0, 0.1);
}
}
body::-webkit-scrollbar, html::-webkit-scrollbar,
.device-desktop .page-content::-webkit-scrollbar,
.device-desktop textarea::-webkit-scrollbar,
.device-android textarea::-webkit-scrollbar,
.device-android .page-content::-webkit-scrollbar {
background-color: rgba(0,0,0,0);
border: 1px solid rgba(0,0,0,.05);
border-radius: 3px;
width: 3px;
}
body::-webkit-scrollbar-button, html::-webkit-scrollbar-button,
.device-desktop .page-content::-webkit-scrollbar-button,
.device-android .page-content::-webkit-scrollbar-button,
.device-desktop textarea::-webkit-scrollbar-button,
.device-android textarea::-webkit-scrollbar-button {
display: none;
}
body::-webkit-scrollbar-thumb, html::-webkit-scrollbar-thumb,
.device-desktop .page-content::-webkit-scrollbar-thumb,
.device-android .page-content::-webkit-scrollbar-thumb,
.device-desktop textarea::-webkit-scrollbar-thumb,
.device-android textarea::-webkit-scrollbar-thumb {
background-color: rgba(0,0,0, .5);
border-radius: 3px;
border: 1px solid var(--f7-theme-color)!important;
}
body::-webkit-scrollbar-thumb:hover, html::-webkit-scrollbar-thumb:hover,
.device-desktop .page-content::-webkit-scrollbar-thumb:hover,
.device-android .page-content::-webkit-scrollbar-thumb:hover,
.device-desktop textarea::-webkit-scrollbar-thumb:hover,
.device-android textarea::-webkit-scrollbar-thumb:hover{
background-color: var(--f7-theme-color)!important;
}
body::-webkit-scrollbar-track, html::-webkit-scrollbar-track,
.device-desktop .page-content::-webkit-scrollbar-track,
.device-android .page-content::-webkit-scrollbar-track,
.device-desktop textarea::-webkit-scrollbar-track ,
.device-android textarea::-webkit-scrollbar-track {
background: transparent;
}
.device-desktop .page-content:has(.fixed-content)::-webkit-scrollbar,
.device-android .page-content:has(.fixed-content)::-webkit-scrollbar {
width: 0;
}
.bg-gray {
background-color: #f9f9f9; }
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: var(--item-cl-color); }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: "Arial", sans-serif;
font-weight: 600;
color: var(--item-cl-color); }
h1, .h1 {
font-size: 2rem;
line-height: 1.3; }
h2, .h2 {
font-size: 1.5rem;
line-height: 1.3; }
h3, .h3 {
font-size: 1.25rem;
line-height: 1.3; }
h4, .h4 {
font-size: 1.125rem;
line-height: 1.4; }
h5, .h5 {
font-size: 1rem;
line-height: 1.4; }
h6, .h6 {
font-size: 0.875rem;
line-height: 1.4; }
.radius {
border-radius: 8px; }
.bg-primary {
background: var(--f7-theme-color) !important; }
.text-primary {
color: var(--title-color) !important; }
.text-success {
color: #37b7af !important; }
.text-info {
color: #6798ff !important; }
.text-warning {
color: #ff9838 !important; }
.text-secondary {
color: #F6DBB3 !important; }
.text-black {
color: #000; }
.text-white {
color: #fff; }
.bg-info {
background: #6798ff !important; }
.ml-auto {
margin-left: auto; }
.mr-auto {
margin-right: auto; }
/* Opacity */
.op1 {
opacity: 0.1; }
.op2 {
opacity: 0.2; }
.op3 {
opacity: 0.3; }
.op4 {
opacity: 0.4; }
.op5 {
opacity: 0.5; }
.op6 {
opacity: 0.6; }
.op7 {
opacity: 0.7; }
.op8 {
opacity: 0.8; }
.op9 {
opacity: 0.9; }
/* Font Size */
.fs-12 {
font-size: 12px !important;
line-height: 1.3; }
.fs-13 {
font-size: 13px !important;
line-height: 1.4; }
.fs-14 {
font-size: 14px !important;
line-height: 1.5; }
.fs-15 {
font-size: 14px !important;
line-height: 1.5; }
.fs-16 {
font-size: 16px !important;
line-height: 1.5; }
.fs-18 {
font-size: 18px !important;
line-height: 1.5; }
.fs-20 {
font-size: 20px !important;
line-height: 1.5; }
.fs-22 {
font-size: 22px !important;
line-height: 1.5; }
.fs-24 {
font-size: 24px !important;
line-height: 1.4; }
.fs-26 {
font-size: 26px !important;
line-height: 1.4; }
.fs-28 {
font-size: 28px !important;
line-height: 1.4; }
.fs-30 {
font-size: 30px !important;
line-height: 1.4; }
.fs-32 {
font-size: 32px !important;
line-height: 1.25; }
.fs-35 {
font-size: 35px !important;
line-height: 1.25; }
.fs-36 {
font-size: 36px !important;
line-height: 1.25; }
.fs-46 {
font-size: 46px !important;
line-height: 1.25; }
.fw1 {
font-weight: 100; }
.fw2 {
font-weight: 200; }
.fw3 {
font-weight: 300; }
.fw4 {
font-weight: 400; }
.fw5 {
font-weight: 500; }
.fw6 {
font-weight: 600; }
.fw7 {
font-weight: 700; }
.fw8 {
font-weight: 800; }
.fw9 {
font-weight: 900; }
/* Spacing */
/* Padding Around */
.pa-0 {
padding: 0; }
.pa-5 {
padding: 5px; }
.pa-10 {
padding: 10px; }
.pa-15 {
padding: 15px; }
.pa-20 {
padding: 20px; }
.pa-25 {
padding: 25px; }
.pa-30 {
padding: 30px; }
.pa-40 {
padding: 40px; }
.pa-50 {
padding: 50px; }
.pa-60 {
padding: 60px; }
.pa-70 {
padding: 70px; }
.pa-80 {
padding: 80px; }
.pa-90 {
padding: 90px; }
.pa-100 {
padding: 100px; }
/* Padding Top */
.pt-0 {
padding-top: 0!important; }
.pt-5 {
padding-top: 5px!important; }
.pt-10 {
padding-top: 10px!important; }
.pt-15 {
padding-top: 15px!important; }
.pt-20 {
padding-top: 20px; }
.pt-30 {
padding-top: 30px; }
.pt-40 {
padding-top: 40px; }
.pt-50 {
padding-top: 50px; }
.pt-60 {
padding-top: 60px; }
.pt-70 {
padding-top: 70px; }
.pt-80 {
padding-top: 80px; }
.pt-90 {
padding-top: 90px; }
.pt-100 {
padding-top: 100px; }
/* Padding Bottom */
.pb-0 {
padding-bottom: 0!important; }
.pb-5 {
padding-bottom: 5px; }
.pb-10 {
padding-bottom: 10px; }
.pb-15 {
padding-bottom: 15px; }
.pb-20 {
padding-bottom: 20px; }
.pb-30 {
padding-bottom: 30px; }
.pb-40 {
padding-bottom: 40px; }
.pb-50 {
padding-bottom: 50px; }
.pb-60 {
padding-bottom: 60px; }
.pb-70 {
padding-bottom: 70px; }
.pb-80 {
padding-bottom: 80px; }
.pb-90 {
padding-bottom: 90px; }
.pb-100 {
padding-bottom: 100px; }
/* Padding Left */
.pl-0 {
padding-left: 0; }
.pl-5 {
padding-left: 5px; }
.pl-10 {
padding-left: 10px; }
.pl-15 {
padding-left: 15px; }
.pl-20 {
padding-left: 20px; }
.pl-30 {
padding-left: 30px; }
.pl-40 {
padding-left: 40px; }
.pl-50 {
padding-left: 50px; }
.pl-60 {
padding-left: 60px; }
.pl-70 {
padding-left: 70px; }
.pl-80 {
padding-left: 80px; }
.pl-90 {
padding-left: 90px; }
.pl-100 {
padding-left: 100px; }
/* Padding Right */
.pr-0 {
padding-right: 0; }
.pr-5 {
padding-right: 5px; }
.pr-10 {
padding-right: 10px; }
.pr-15 {
padding-right: 15px; }
.pr-20 {
padding-right: 20px; }
.pr-30 {
padding-right: 30px; }
.pr-40 {
padding-right: 40px; }
.pr-50 {
padding-right: 50px; }
.pr-60 {
padding-right: 60px; }
.pr-70 {
padding-right: 70px; }
.pr-80 {
padding-right: 80px; }
.pr-90 {
padding-right: 90px; }
.pr-100 {
padding-right: 100px; }
/* Padding left Right */
.px-0 {
padding-left: 0;
padding-right: 0; }
.px-5 {
padding-left: 5px;
padding-right: 5px; }
.px-10 {
padding-left: 10px;
padding-right: 10px; }
.px-15 {
padding-left: 15px;
padding-right: 15px; }
.px-20 {
padding-left: 20px;
padding-right: 20px; }
.px-30 {
padding-left: 30px;
padding-right: 30px; }
.px-40 {
padding-left: 40px;
padding-right: 40px; }
.px-50 {
padding-left: 50px;
padding-right: 50px; }
.px-60 {
padding-left: 60px;
padding-right: 60px; }
.px-70 {
padding-left: 70px;
padding-right: 70px; }
.px-80 {
padding-left: 80px;
padding-right: 80px; }
.px-90 {
padding-left: 90px;
padding-right: 90px; }
.px-100 {
padding-left: 100px;
padding-right: 100px; }
/* Padding Top Bottom */
.py-0 {
padding-bottom: 0;
padding-top: 0; }
.py-5 {
padding-bottom: 5px;
padding-top: 5px; }
.py-10 {
padding-bottom: 10px;
padding-top: 10px; }
.py-15 {
padding-bottom: 15px;
padding-top: 15px; }
.py-20 {
padding-bottom: 20px;
padding-top: 20px; }
.py-30 {
padding-bottom: 30px;
padding-top: 30px; }
.py-40 {
padding-bottom: 40px;
padding-top: 40px; }
.py-50 {
padding-bottom: 50px;
padding-top: 50px; }
.py-60 {
padding-bottom: 60px;
padding-top: 60px; }
.py-70 {
padding-bottom: 70px;
padding-top: 70px; }
.py-80 {
padding-bottom: 80px;
padding-top: 80px; }
.py-90 {
padding-bottom: 90px;
padding-top: 90px; }
.py-100 {
padding-bottom: 100px;
padding-top: 100px; }
/* Margin Around */
.m-auto {
margin: auto; }
.ma-0 {
margin: 0; }
.ma-5 {
margin: 5px; }
.ma-10 {
margin: 10px; }
.ma-15 {
margin: 15px; }
.ma-20 {
margin: 20px; }
.ma-30 {
margin: 30px; }
.ma-40 {
margin: 40px; }
.ma-50 {
margin: 50px; }
.ma-60 {
margin: 60px; }
.ma-70 {
margin: 70px; }
.ma-80 {
margin: 80px; }
.ma-90 {
margin: 90px; }
.ma-100 {
margin: 100px; }
/* Margin Top */
.mt-auto {
margin-top: auto; }
.mt-0 {
margin-top: 0; }
.mt-5 {
margin-top: 5px; }
.mt-10 {
margin-top: 10px; }
.mt-15 {
margin-top: 15px; }
.mt-20 {
margin-top: 20px; }
.mt-30 {
margin-top: 30px; }
.mt-40 {
margin-top: 40px; }
.mt-50 {
margin-top: 50px; }
.mt-60 {
margin-top: 60px; }
.mt-70 {
margin-top: 70px; }
.mt-80 {
margin-top: 80px; }
.mt-90 {
margin-top: 90px; }
.mt-100 {
margin-top: 100px; }
/* Margin Bottom */
.mb-auto {
margin-bottom: auto; }
.mb-0 {
margin-bottom: 0; }
.mb-5 {
margin-bottom: 5px; }
.mb-10 {
margin-bottom: 10px; }
.mb-15 {
margin-bottom: 15px; }
.mb-20 {
margin-bottom: 20px; }
.mb-30 {
margin-bottom: 30px; }
.mb-40 {
margin-bottom: 40px; }
.mb-50 {
margin-bottom: 50px; }
.mb-60 {
margin-bottom: 60px; }
.mb-70 {
margin-bottom: 70px; }
.mb-80 {
margin-bottom: 80px; }
.mb-90 {
margin-bottom: 90px; }
.mb-100 {
margin-bottom: 100px; }
/* Margin left */
.ml-auto {
margin-left: auto; }
.ml-0 {
margin-left: 0; }
.ml-5 {
margin-left: 5px; }
.ml-10 {
margin-left: 10px; }
.ml-15 {
margin-left: 15px; }
.ml-20 {
margin-left: 20px; }
.ml-30 {
margin-left: 30px; }
.ml-40 {
margin-left: 40px; }
.ml-50 {
margin-left: 50px; }
.ml-60 {
margin-left: 60px; }
.ml-70 {
margin-left: 70px; }
.ml-80 {
margin-left: 80px; }
.ml-90 {
margin-left: 90px; }
.ml-100 {
margin-left: 100px; }
/* Margin Right */
.mr-auto {
margin-right: auto; }
.mr-0 {
margin-right: 0; }
.mr-5 {
margin-right: 5px; }
.mr-10 {
margin-right: 10px; }
.mr-15 {
margin-right: 15px; }
.mr-20 {
margin-right: 20px; }
.mr-30 {
margin-right: 30px; }
.mr-40 {
margin-right: 40px; }
.mr-50 {
margin-right: 50px; }
.mr-60 {
margin-right: 60px; }
.mr-70 {
margin-right: 70px; }
.mr-80 {
margin-right: 80px; }
.mr-90 {
margin-right: 90px; }
.mr-100 {
margin-right: 100px; }
/* Margin Left Right */
.mx-auto {
margin-left: auto;
margin-right: auto; }
.mx-0 {
margin-left: 0;
margin-right: 0; }
.mx-5 {
margin-left: 5px;
margin-right: 5px; }
.mx-10 {
margin-left: 10px;
margin-right: 10px; }
.mx-15 {
margin-left: 15px;
margin-right: 15px; }
.mx-20 {
margin-left: 20px;
margin-right: 20px; }
.mx-30 {
margin-left: 30px;
margin-right: 30px; }
.mx-40 {
margin-left: 40px;
margin-right: 40px; }
.mx-50 {
margin-left: 50px;
margin-right: 50px; }
.mx-60 {
margin-left: 60px;
margin-right: 60px; }
.mx-70 {
margin-left: 70px;
margin-right: 70px; }
.mx-80 {
margin-left: 80px;
margin-right: 80px; }
.mx-90 {
margin-left: 90px;
margin-right: 90px; }
.mx-100 {
margin-left: 100px;
margin-right: 100px; }
/* Margin Top Bottom */
.my-auto {
margin-bottom: auto;
margin-top: auto; }
.my-0 {
margin-bottom: 0;
margin-top: 0; }
.my-5 {
margin-bottom: 5px;
margin-top: 5px; }
.my-10 {
margin-bottom: 10px;
margin-top: 10px; }
.my-15 {
margin-bottom: 15px;
margin-top: 15px; }
.my-20 {
margin-bottom: 20px;
margin-top: 20px; }
.my-30 {
margin-bottom: 30px;
margin-top: 30px; }
.my-40 {
margin-bottom: 40px;
margin-top: 40px; }
.my-50 {
margin-bottom: 50px;
margin-top: 50px; }
.my-60 {
margin-bottom: 60px;
margin-top: 60px; }
.my-70 {
margin-bottom: 70px;
margin-top: 70px; }
.my-80 {
margin-bottom: 80px;
margin-top: 80px; }
.my-90 {
margin-bottom: 90px;
margin-top: 90px; }
.my-100 {
margin-bottom: 100px;
margin-top: 100px; }
/* Content Bottom Space */
.bottom-sp100:after {
height: 100px;
content: "";
display: block; }
.bottom-sp90:after {
height: 90px;
content: "";
display: block; }
.bottom-sp80:after {
height: 80px;
content: "";
display: block; }
.bottom-sp70:after {
height: 70px;
content: "";
display: block; }
.bottom-sp60:after {
height: 60px;
content: "";
display: block; }
.bottom-sp50:after {
height: 50px;
content: "";
display: block; }
.bottom-sp40:after {
height: 40px;
content: "";
display: block; }
.radius-md {
border-radius: 12px; }
.text-capitalize {
text-transform: capitalize; }
.bg-secondary {
background-color: #F6DBB3; }
.container {
max-width: 1024px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
width: 100%;
box-sizing: border-box;
}
.small-container {
max-width: 998px;
margin: 0 auto;
width: 100%;
}
.container:has(.tabbar.tab-style-2) {
position: fixed;
top: 60px;
left: 0;
right: 0;
background-color: inherit;
z-index: 2;
}
.ios .container:has(.tabbar.tab-style-2) {
top: 44px;
}
.popup .list span#uiui-title {
padding-left: 11px;
}
.popup .list ul:has(#uiui-title) li:nth-of-type(3) {
padding-top: 0;
}
.popup .list ul:has(#uiui-title) li:nth-of-type(3) > .item-inner {
padding-top: 0;
}
.popup.modal-in .page-content .block.seller-description p:first-child {
margin-top: 30px;
}
/*.ios .page:has(.messagebar) {*/
/* height: calc(100% - 45px)!important;*/
/*}*/
.popover {
border-radius: var(--popover-border-radius);
background-color: var(--popover-bg-color);
}
.popover.popover-on-top {
margin-top: -20px;
}
.popover.picker-popover:has(.lotedit-startdate-picker),
.popover.picker-popover:has(.common-point-picker),
.popover.picker-popover:has(.shopsetting-shopname-picker) {
width: auto;
}
.popover.picker-popover:has(.common-point-picker) {
width: 100%;
max-width: 694px;
}
.picker-center-highlight {
height: var(--f7-picker-item-height);
}
.ios .popover.lot-dimensions {
top: 10px!important;
}
.ios .popover.lot-dimensions > .popover-arrow {
display: none;
}
/*.popover.picker-popover:has(.common-point-picker) .picker-center-highlight {*/
/* display: none;*/
/*}*/
.picker-item {
height: var(--f7-picker-item-height);
white-space: normal;
display: flex;
align-items: center;
--webkit-alig-items: center;
justify-content: center;
--webkit-justify-content: center;
overflow: visible;
background-color: transparent;
padding: 6px 0;
}
.popover.picker-popover:has(.common-point-picker) .picker-item.picker-item-selected {
/*background-color: rgba(216,253,210, .75);*/
}
.picker-item span {
line-height: 1;
font-size: 18px;
}
.lotedit-startdate-picker .toolbar,
.shopsetting-shopname-picker .toolbar,
.common-point-picker .toolbar,
.lotedit-duration-picker .toolbar, .picker-popover .toolbar, .popover .toolbar {
background-color: var(--f7-bars-bg-color);
}
.picker-popover .toolbar, .popover .toolbar {
border-radius: 10px 10px 0 0;
}
.popover-inner .list .item-inner {
padding-right: 0;
}
.popover .block {
margin: 5px 0;
}
.popover .list:first-child:last-child li:first-child:last-child, .popover .list:first-child:last-child li:first-child:last-child a, .popover .list:first-child:last-child li:first-child:last-child > label, .popover .list:first-child:last-child ul {
border-radius: var(--popover-border-radius);
}
.popover .list:first-child li:first-child, .popover .list:first-child li:first-child a, .popover .list:first-child li:first-child > label {
border-radius: var(--popover-border-radius) var(--popover-border-radius) 0 0;
}
.popover .list li:not(:last-of-type) {
border-bottom: 1px solid #adadad;
}
.popover.lot-dimensions .list li:not(:last-of-type) {
border-bottom: 0 none;
}
.popover .list li.item-input {
padding: 0;
}
.popover-arrow:after {
background: var(--popover-bg-color);
}
.popover .popover-inner a.list-button {
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
justify-content: flex-start;
-webkit-justify-content: flex-start;
gap: 10px;
color: var(--popover-link-color);
}
.popover .list:last-child li:last-child, .popover .list:last-child li:last-child a, .popover .list:last-child li:last-child > label {
border-radius: 0 0 var(--popover-border-radius) var(--popover-border-radius);
}
@media screen and (max-width: 430px) {
.sheet-modal-inner .picker-item span {
padding: 0 6px;
font-size: 16px;
font-weight: 600;
}
}
@media screen and (max-width: 350px) {
.sheet-modal-inner .picker-item span {
padding: 0 6px;
font-size: 14px;
}
}
.border-top, .border-bottom, .border-left, .border-right {
border: 1px solid;
border-color: #F3F3F3; }
.border-top {
border-width: 1px 0 0; }
.border-bottom {
border-width: 0 0 1px; }
.border-left {
border-width: 0 0 0 1px; }
.border-right {
border-width: 0 1px 0 0; }
.tabs-height-auto {
height: auto; }
.tabs.tabs-height-auto {
height: auto;
padding-top: 50px;
}
/* Framework */
.block-title-medium {
font-size: 18px;
font-weight: 600; }
/* button loader */
.loader-screen {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 9999;
background-color: var(--f7-theme-color);
background-repeat: no-repeat;
background-size: cover;
background-position: center; }
#loading-area {
position: relative;
margin: auto;
padding: 15px;
height: 100%; }
#loading-area .load-icon {
margin: 0 0 0 10px; }
#loading-area .load-text {
font-size: 38px;
line-height: 38px;
color: #fff;
display: flex;
margin: 10px 0 0;
justify-content: center; }
#loading-area .load-text span {
margin: 0 1px;
animation: flip 2.6s infinite linear;
transform-origin: 0 70%;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d; }
#loading-area .load-text span:nth-child(2) {
animation-delay: 0.3s; }
#loading-area .load-text span:nth-child(3) {
animation-delay: 0.6s; }
#loading-area .load-text span:nth-child(4) {
animation-delay: 0.9s; }
#loading-area .load-text span:nth-child(5) {
animation-delay: 1.2s; }
#loading-area .load-text span:nth-child(6) {
animation-delay: 1.5s; }
#loading-area .load-text span:nth-child(7) {
animation-delay: 1.8s; }
@keyframes flip {
35% {
transform: rotateX(360deg); }
100% {
transform: rotatex(360deg); } }
/* On Boading */
.navbar-bg, .photo-browser-page .navbar-bg, .navbar-photo-browser .navbar-bg, .photo-browser-page .toolbar {
background-color: var(--navbar-bg);
}
.footer-button {
height: auto;
background-color: #fff;
right: 0;
left: 0; }
.footer-button:after, .footer-button:before {
content: none; }
.footer-button.padding {
padding: 20px 15px 25px!important;
}
@media screen and (max-width: 575px) {
.add-form .footer-button {
margin-left: -15px;
margin-right: -15px;
max-width: none;
width: calc(100% + 30px);
}
}
.accordion-item-content {
transition-duration: 150ms;
}
.page-content {
height: inherit!important;
background: #F6F5F3; }
.page-content.faq {
/*background: #fff;*/
}
.page-content.add-form .list {
margin-bottom: 5px;
}
.page-content {
padding-top: 60px;
}
.ios .page-content {
padding-top: 45px;
}
.shop-popover-button {
z-index: 10;
}
.shop-popover-button > a {
z-index: 20;
}
.page-content.add-form .block-title {
padding-left: 11px;
margin-top: 15px;
}
.panel-left.sidebar-left .page-content .sidebar-menu + div {
padding: 5px 16px;
}
.panel-left.sidebar-left .button.external {
position: relative;
height: 40px;
border: 2px solid var(--placeholder-color);
color: var(--placeholder-color);
box-shadow: 0 0 9px rgba(0, 0, 0, .4);
transition: box-shadow .3s ease-in-out 0s;
}
.panel-left.sidebar-left .button.external:after {
content: 'ИИ';
display: inline-block;
position: relative;
margin-left: 6px;
color: inherit;
}
.panel-left.sidebar-left .button.external:hover {
box-shadow: 0 0 4px rgba(0, 0, 0, .4);
}
.dark .panel-left.sidebar-left .button.external {
color: var(--menu-item-color);
box-shadow: 0 0 9px rgba(177, 177, 195, .4);
transition: box-shadow .3s ease-in-out 0s;
}
.dark .panel-left.sidebar-left .button.external:hover {
box-shadow: 0 0 4px rgba(177, 177, 195, .4);
}
/*.ios .page:has(.fixed-content) {*/
/* height: 100vh!important;*/
/* position: relative;*/
/* overflow: hidden;*/
/* -webkit-overflow-scrolling: touch;*/
/*}*/
/*.page-content:has(.fixed-content) {*/
/* height: 100vh!important;*/
/*}*/
.page-content.messages-content > .container {
min-height: 100%;
/*overflow-y: auto;*/
}
.panel.panel-right .page, .panel.panel-right .page-content {
background-color: var(--right-panel-bg);
}
.page-content:has(.block.block-strong) .item-input .item-inner {
padding-right: 0;
}
.page-content.add-form .block-title {
margin-left: 0;
font-weight: 400;
font-size: 12px;
}
.page.bg-gray,
.page-content.bg-gray {
/*background: #f9f9f9 !important; */
}
.with-panel .view-main {
filter: blur(3px);
}
.onboading-logo {
margin: 25px auto;
text-align: center; }
.onboading-logo img {
width: 70px; }
.dialog {
background-color: var(--popover-bg-color);
border-radius: 10px;
}
.dialog .dialog-title, .dialog .dialog-text {
text-align: center;
color: #232323;
}
.dark .dialog .dialog-title {
color: #fff;
}
.dark .dialog .dialog-text {
text-align: center;
color: #b1b1c3;
}
.dark .md .input:after, .dark .ios .input:after {
background-color: #b1b1c3;
}
.dialog-text {
font-size: 17px;
}
.dialog-buttons, .ios .dialog-buttons, .md .dialog-buttons {
gap: 10px;
height: auto;
min-height: 64px;
padding: 5px 24px 24px;
overflow: hidden;
box-sizing: border-box;
justify-content: flex-end;
}
.dialog .dialog-button, .ios .dialog .dialog-button {
flex-grow: 1;
border-radius: 10px;
display: flex;
display: -webkit-flex;
align-items: center;
--webkit-alig-items: center;
justify-content: center;
-webkit-justify-content: center;
line-height: .7;
width: calc(50% - 5px);
}
.dialog .dialog-button:first-of-type, .ios .dialog-button:first-of-type {
border: 1px solid var(--popover-link-color);
color: var(--popover-link-color);
}
.dialog .dialog-button + .dialog-button {
margin-left: 0;
}
.dialog .dialog-button:last-of-type, .ios .dialog-button:last-child {
border: 1px solid #b30000;
background-color: #b30000;
color: #fff;
}
.ios .dialog-button:first-child:last-child {
border-radius: var(--f7-dialog-border-radius);
}
.dark .dialog .dialog-button:last-of-type, .dark .ios .dialog-button:last-child {
border: 1px solid #750000;
background-color: #750000;
color: #fff;
}
.demo-theme-picker .checkbox input[type='checkbox']:checked ~ i {
border-color: var(--accent-300);
background-color: var(--accent-300);
border-radius: 2px;
}
/* Get Started */
.get-started {
text-align: center;
height: 100%; }
.get-started .swiper-wrapper {
margin-bottom: 15px; }
.get-started .dz-title {
margin-top: 0;
margin-bottom: 25px; }
.get-started p {
margin-bottom: 0;
margin-top: 0;
color: #1b1b1b; }
.get-started::part(pagination) {
bottom: 0;
opacity: 1; }
.get-started::part(bullet) {
margin: 0 4px;
width: 10px;
border-radius: 5px;
height: 10px;
background: #d2d2d2;
opacity: 1;
-webkit-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s; }
.get-started::part(bullet-active) {
margin: 0 4px;
border-radius: 5px;
height: 10px;
background: var(--f7-theme-color);
width: 23px;
opacity: 1;
-webkit-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s; }
@media (max-width: 361px) {
.get-started .dz-title {
margin-bottom: 15px; } }
.started-swiper-box {
height: 100%;
max-width: 1024px;
margin-left: auto;
margin-right: auto;
width: 100%; }
.started-swiper-box swiper-slide {
height: 100%;
position: relative; }
.started-swiper-box .slide-info {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
box-sizing: border-box;
padding-bottom: 40px;
background-repeat: no-repeat;
background-position: top left;
background-size: 100%;
z-index: 1;
position: relative; }
.started-swiper-box .view-logo {
margin: auto; }
.started-swiper-box .view-logo + .slide-content {
margin-top: 0; }
.started-swiper-box .slide-content {
z-index: 1;
position: relative;
padding: 0 15px;
max-width: 320px;
margin: auto auto 0; }
.started-swiper-box .bg-icon {
position: absolute;
left: 0;
top: 50%;
opacity: 0.1;
transform: translateY(-50%); }
@media (max-width: 361px) {
.started-swiper-box .slide-info {
padding-bottom: 40px; }
.started-swiper-box .view-logo {
margin: 20px auto; } }
.view-main .page-onboading .page-content {
display: flex;
flex-direction: column;
padding: 70px 0 110px;
text-align: center;
background-color: var(--f7-theme-color-white); }
.view-main .page-onboading .footer-button {
background: transparent; }
.view-main .page-onboading .footer-button .login-btn {
background-color: var(--f7-theme-color-tint);
margin-top: 18px; }
.view-main .page-onboading .view-logo .logo-text {
color: #fff; }
.view-main .page-onboading .start-btn {
position: absolute;
left: 50%;
bottom: 20px;
transform: translateX(-50%);
z-index: 1; }
.view-main .page-onboading .dz-media {
margin: auto;
width: 235px; }
.view-main .page-onboading .dz-media img {
width: 100%; }
@media (max-width: 767px) {
.grid.grid-cols-1 {
display: flex;
display: -webkit-flex;
justify-content: center;
-webkit-justify-content: center;
flex-wrap: wrap;
}
}
@media (max-width: 361px) {
.view-main .page-onboading .page-content {
padding: 50px 0 100px; }
.view-main .page-onboading .dz-media {
width: 200px;
margin: 0 auto 15px; }
.view-main .page-onboading .dz-media img {
width: 100%; } }
.searchbar-input-wrap {
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
}
/* Login Register Account */
.popover .picker-columns {
border-radius: 0 0 10px 10px;
}
.picker-3d .picker-column {
width: 33.3333%;
text-align: left;
}
.picker-3d .picker-item > span {
padding: 0 2px;
font-size: 16px;
}
.account-area .page-content {
padding-top: 35px; }
.account-area .main-logo {
justify-content: center;
margin-bottom: 50px; }
.account-area .block {
padding: 0 30px;
margin: 25px 0; }
.account-area swiper-slide,
.account-area .swiper-wrapper,
.account-area .tabs-swipeable-wrap {
height: auto; }
.account-area p {
color: #232323; }
.account-area .tabbar {
margin-bottom: 30px; }
.account-area .title-head {
margin-bottom: 30px;
padding-left: 11px;
}
.account-area .page-content .mb-70 > p {
padding-left: 11px;
}
.account-area .title-head p {
margin: 0; }
.account-area .title-head .title {
margin-top: 0;
margin-bottom: 10px; }
.account-area .account-footer {
margin: 40px 0 0; }
.account-area .account-footer p {
font-weight: 500;
opacity: 0.4; }
.account-area .account-footer .form-text {
font-size: 14px;
margin: 0 0 10px;
opacity: 1; }
.account-area .account-footer .form-text a {
font-weight: 600; }
.social-account {
margin-top: 30px;
text-align: center; }
.social-account p {
margin: 5px 0; }
.social-account a {
width: 36px;
display: inline-block;
margin-left: 20px; }
.social-account a img {
width: 100%; }
.form-elements .list {
margin-top: 0;
margin-bottom: 10px; }
.form-elements .item-input.item-content {
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0; }
.form-elements .item-input.item-content::after, .form-elements .item-input.item-content::before {
content: none !important; }
.form-elements ul {
background: transparent; }
.form-elements ul:before, .form-elements ul:after {
content: none; }
.form-elements ul .item-content {
padding: 0; }
.form-elements ul .item-content .item-media {
position: absolute;
left: 24px;
min-width: auto;
top: 10px;
z-index: 1; }
.form-elements ul .item-content .item-media + .item-inner {
margin-left: 0; }
.form-elements ul .item-content .item-media + .item-inner .item-input-wrap .form-control {
padding: 15px 25px 15px 64px; }
.form-elements ul .item-content .item-inner {
padding: 0; }
.form-elements ul .item-content .item-inner .item-label {
font-size: 14px;
margin-bottom: 10px; }
.dark .form-elements ul .item-content .item-inner .item-label {
/*color: #fff;*/
}
.form-elements ul .item-content .item-inner .item-input-wrap {
margin-bottom: 25px; }
.form-elements ul .item-content .item-inner .item-input-wrap.mb-0 {
margin-bottom: 0; }
.form-elements ul .item-content .item-inner .item-input-wrap:after {
content: none !important; }
.form-elements ul .item-content .item-inner .item-input-wrap .form-control {
background: transparent;
height: 60px;
border-style: solid;
border-color: #e9e9e9;
border-width: 0 0 2px;
font-size: 16px;
color: #000000;
font-weight: 400;
padding: 5px 10px;
-webkit-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s; }
.form-elements ul .item-content .item-inner .item-input-wrap .form-control::placeholder {
color: #8B8B8B; }
.form-elements ul .item-content .item-inner .item-input-wrap .form-control:active, .form-elements ul .item-content .item-inner .item-input-wrap .form-control:focus {
border-color: var(--f7-theme-color); }
.form-elements ul .item-content .item-inner .item-input-wrap.item-input-group {
display: flex; }
.form-elements ul .item-content .item-inner .item-input-wrap.input-dropdown-wrap:before {
content: "\f078";
position: absolute;
right: 20px;
top: 21px;
font-size: 12px;
font-family: "Font Awesome 5 Free";
font-weight: 900; }
.form-elements ul .item-content .item-inner .item-input-wrap.input-dropdown-wrap.dropdown-left:before {
right: auto;
left: 16px; }
.form-elements .form-text {
color: #232323;
margin: 20px 0 0;
padding-left: 11px;
}
.form-elements .form-text a {
font-weight: 600;
text-decoration: underline;
overflow: hidden;
padding: 2px; }
.input-dropdown-wrap:before {
content: "\f078";
right: 28px;
top: 11px;
position: absolute;
z-index: 99;
border: 0;
font-family: 'FontAwesome';
font-weight: 900;
font-size: 15px;
margin: 0;
color: var(--popover-link-color); }
.checkbox-form-control {
width: 100%;
display: flex;
align-items: center; }
.checkbox-form-control .checkbox {
float: left;
margin-right: 15px; }
.checkbox-form-control .checkbox-text {
font-weight: 500;
color: #000;
font-size: 16px;
margin: 0; }
.show-pass {
position: absolute;
right: 20px;
top: 18px; }
.show-pass:after {
content: "";
background-color: var(--f7-theme-color);
width: 2px;
height: 20px;
position: absolute;
top: 2px;
left: 11px;
transform: rotate(40deg);
display: block; }
.show-pass.active:after {
display: none; }
.show-pass [fill] {
fill: var(--f7-theme-color); }
.md .list .item-media {
min-width: unset; }
html.with-modal-popup .framework7-root > .view .page-content {
padding-right: 5px;
}
html.with-modal-popup .framework7-root > .view .page-content:has(.fixed-content) {
padding-right: 0;
}
@media (hover: none) {
html.with-modal-popup .framework7-root > .view .page-content {
padding-right: 0;
}
}
.light.page,
.light .page-content,
.light .navbar,
.light .toolbar {
background: #F6F5F3; }
.svg-primary {
fill: var(--f7-theme-color); }
.svg-primary [fill] {
fill: var(--f7-theme-color); }
.dz-list > ul {
background-color: transparent; }
.tabs-height-auto {
height: auto; }
.sticky-top {
position: sticky;
top: 0;
z-index: 999; }
.border-top {
border-top: 1px solid;
border-color: #F4F4F4; }
.top-bar {
display: flex;
align-items: center;
justify-content: space-between; }
.top-bar .link.panel-open {
margin: 0 0 30px 20px; }
.menubar-area {
background-color: var(--f7-theme-color-white);
height: 60px; }
.menubar-area:before, .menubar-area:after {
content: none; }
.menubar-area .toolbar-inner {
max-width: 1024px;
left: 50%;
transform: translatex(-50%);
z-index: 1;
box-sizing: border-box;
padding-left: 30px;
padding-right: 30px; }
.menubar-area .toolbar-inner .tab-link {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
overflow: unset;
color: #adadad;
letter-spacing: unset;
position: relative; }
.menubar-area .toolbar-inner .tab-link path[fill],
.menubar-area .toolbar-inner .tab-link path {
fill: #adadad; }
.menubar-area .toolbar-inner .tab-link i {
color: #adadad; }
.menubar-area .toolbar-inner .tab-link span {
font-size: 12px;
text-transform: capitalize;
display: block;
margin-top: 5px; }
.menubar-area .toolbar-inner .tab-link:after {
content: "";
background-color: var(--f7-theme-color);
height: 10px;
width: 10px;
border-radius: 10px 10px 0 0;
position: absolute;
left: 50%;
transform: translateX(-50%);
opacity: 0;
bottom: -2px; }
.menubar-area .toolbar-inner .tab-link.active path,
.menubar-area .toolbar-inner .tab-link.active path[fill] {
fill: var(--f7-theme-color); }
.menubar-area .toolbar-inner .tab-link.active i {
color: #adadad; }
.menubar-area .toolbar-inner .tab-link.active span {
color: var(--f7-theme-color); }
.menubar-area .toolbar-inner .tab-link.active:after {
opacity: 1; }
.menubar-area .tab-link-highlight {
display: none; }
.main-swiper {
margin-left: -15px;
width: auto; }
.main-swiper swiper-slide {
width: auto; }
.main-swiper swiper-slide:first-child {
margin-left: 20px; }
.main-swiper swiper-slide:last-child {
margin-right: 20px; }
@media only screen and (max-width: 1199px) {
.main-swiper {
margin-right: -15px; } }
.title-bar {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 14px;
margin-bottom: 20px; }
.title-bar .dz-title,
.title-bar a {
font-weight: 600;
margin: 0; }
.title-bar path[fill],
.title-bar path {
fill: var(--f7-theme-color); }
.title-bar i {
font-size: 24px;
color: var(--f7-theme-color); }
.avatar-group {
display: flex; }
.avatar-group img {
width: 32px;
border: 2px solid #fff;
border-radius: 50px;
margin-left: -12px; }
.avatar-group img:first-child {
margin: 0; }
.search-list ul:before, .search-list ul:after {
content: none; }
.card-bx {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
padding: 20px;
margin: 0;
border-radius: 8px; }
.card-bx .card-media {
overflow: hidden;
border-radius: 8px; }
.card-bx .card-media img {
height: 100%;
width: 100%;
object-fit: cover; }
.categories-bx {
padding: 15px 45px 15px 25px;
display: flex;
background-color: #fff;
border-radius: 18px;
box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
margin: 5px 0;
border: 1px solid #efefef; }
.categories-bx .icon-bx {
position: relative;
display: flex;
margin-right: 20px; }
.categories-bx .icon-bx i {
color: var(--f7-theme-color); }
.categories-bx .icon-bx path[fill],
.categories-bx .icon-bx path {
fill: var(--f7-theme-color); }
.categories-bx .title {
color: var(--f7-theme-color);
margin: 0; }
.categories-bx .menus {
margin-top: 5px;
display: block;
font-weight: 500; }
.categories-swiper swiper-slide {
width: auto; }
.categories-swiper swiper-slide .categories-bx {
display: inline-flex;
display: -webkit-inline-flex;
align-items: center;
-webkit-align-items: center;
line-height: 1;
}
.bookmark-btn .fas {
display: none; }
.bookmark-btn .far {
opacity: 0.3; }
.bookmark-btn.active .fas {
display: block; }
.bookmark-btn.active .far {
display: none; }
.input-select select {
font-weight: 600;
color: var(--f7-theme-color); }
.md .item-input.item-content, .ios .item-input.item-content {
margin: 0;
padding-left: 0;
padding-top: 8px;
padding-bottom: 8px;
}
.md .item-input.item-content:before, .ios .item-input.item-content:before,
.md .item-input.item-content:after, .ios .item-input.item-content:after {
content: none!important;
height: 0!important;
}
.md .item-input-error-message, .md .item-input-info, .md .input-error-message, .md .input-info {
top: 106%;
}
.ios .list.inset-ios {
margin-left: 0;
margin-right: 0;
}
.add-form .item-input .item-inner {
padding-left: 0;
padding-right: 0;
}
.item-input .item-inner .item-label, .order-calc .item-label {
margin-bottom: 4px;
padding-left: 11px;
}
.ios .item-label + .item-input-wrap, .description-block.list .item-input .item-inner .item-label {
margin-bottom: 0;
}
.md .item-input-focused .item-label, .md .item-input-focused .item-floating-label,
.ios .item-input-focused .item-label,
.ios .item-input-focused .item-floating-label {
color: var(--f7-label-focused-text-color);
}
.list .item-input-wrap:has(input[type='datetime-local']):before {
content: '';
height: 18px;
display: flex;
display: -webkit-flex;
align-items: center;
--webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
width: 18px;
position: absolute;
right: 15px;
top: 50%;
pointer-events: none;
background: transparent url(./icons/fi-rr-calendar-black.svg) center/100% no-repeat;
margin-top: -9px;
}
.dark .list .item-input-wrap:has(input[type='datetime-local']):before {
background: transparent url(./icons/fi-rr-calendar-grey.svg) center/100% no-repeat;
}
.item-input input, .list input[type='text'], .list input[type='password'], .list input[type='search'],
.list input[type='email'], .list input[type='tel'], .list input[type='url'], .list input[type='date'],
.list input[type='month'], .list input[type='datetime-local'], .list input[type='time'],
.list input[type='number'], .list select, .list textarea, .card .card-footer, .description-block .item-input-wrap.pl {
height: 44px;
min-height: 44px;
background-color: var(--popover-bg-color);
padding: 5px 9px;
border: 1px solid var(--input-border);
border-radius: 10px;
}
.item-input input#profile-balans-input {
font-weight: bold;
}
.description-block .item-input-wrap.pl {
background-color: transparent;
border: 0 none;
min-height: 10px;
height: auto;
padding-top: 3px;
padding-bottom: 0;
}
.description-block.list {
margin: 0;
}
.item-input .item-inner:has(.phone-number) {
padding-right: 0;
}
.item-input input.phone-number {
padding-left: 30px;
}
.item-input .item-input-wrap .phonepref {
position: absolute;
top: 50%;
margin-top: -12px;
left: 11px;
pointer-events: none;
}
.list input[type='datetime-local']::-webkit-calendar-picker-indicator {
opacity: 0;
/*background: url(./icons/fi-rr-calendar-black.svg) center/80% no-repeat;*/
}
.dark .list input[type='datetime-local']::-webkit-calendar-picker-indicator {
/*background: url(./icons/fi-rr-calendar-grey.svg) center/80% no-repeat;*/
}
.item-input-wrap .input-clear-button {
top: 50%;
right: 9px;
}
.list textarea {
height: auto;
min-height: 102px!important;
resize: vertical;
}
.fixed-content .clearfix h3 {
padding-left: 11px;
margin-bottom: 1rem;
}
.fixed-content .clearfix > p {
padding-left: 11px;
margin-top: 0;
}
.block {
color: var(--item-cl-color);
}
.page-content .block {
margin-left: 0;
margin-right: 0;
}
.page-content.embed-code .container > div:first-child {
padding-top: 24px;
}
.page-content.embed-code .container > div:nth-child(8) .item-input.item-content, .page-content.embed-code .container > div:nth-child(8) .item-inner {
padding-bottom: 0;
}
.page-content.embed-code textarea, .page-content.embed-code .list select, .page-content.embed-code .item-input input {
}
.page-content.embed-code .block.inset {
padding-left: 0;
padding-right: 0;
}
.page-content.embed-code p {
padding-left: 10px;
padding-right: 10px;
font-size: 13px;
line-height: 17px;
margin-top: 5px;
}
.page-content.embed-code li:first-of-type .accordion-item-content p {
margin-top: -5px;
}
.page-content.embed-code .list-strong ul.white-checkboxs, .page-content.embed-code .list-strong-ios ul.white-checkboxs {
background-color: transparent;
}
.page-content.embed-code .list-strong ul.white-checkboxs label.item-content, .page-content.embed-code .list-strong-ios ul.white-checkboxs label.item-content {
height: 44px;
min-height: 44px;
background-color: var(--popover-bg-color);
padding: 5px 9px;
border: 1px solid var(--input-border);
border-radius: 10px;
}
#popuppayment2-create.list .item-content {
flex-wrap: wrap;
}
#popuppayment2-create.list ul {
padding-left: 14px;
padding-right: 14px;
}
#popuppayment2-create.list .block {
padding-left: 14px;
padding-right: 14px;
}
.page-content.embed-code list, .page-content.embed-code {
font-size: 13px;
line-height: 1.2;
}
.page-content.embed-code .item-input .item-inner > div:last-child {
font-size: 13px;
margin-top: 0;
}
.page-content.embed-code ul.white-checkboxs label.item-content .item-inner {
padding: 0;
height: 100%;
min-height: 100%;
}
.page-content.embed-code .list .item-content.item-input {
padding-bottom: 3px;
}
.page-content.embed-code ul.white-checkboxs label.item-content .item-inner:after {
content: none;
}
.page-content.embed-code .item-input.item-content:has(#embed-input-category),
.page-content.embed-code .item-input.item-content:has(#embed-input-category) .item-inner {
padding-bottom: 0;
}
#photos-preview {
padding-left: 9px;
padding-right: 9px;
}
#photos-preview > div button {
display: flex;
align-items: center;
--webkit-alig-items: center;
justify-content: center;
--webkit-justify-content: center;
font-size: 20px!important;
line-height: .8!important;
}
#photos-preview > div button.photo-delete-button {
top: -6px!important;
text-indent: -9999px;
background: #fff url("./icons/times-circle.svg") no-repeat center center / contain !important;
box-shadow: inset 0 0 0 2px #ff0000;
}
#photos-preview > div button.photo-swap-button {
height: 24px;
width: 24px;
flex-shrink: 0;
border: 0;
border-radius: 50%;
background: #fff url("./icons/arrows-h-alt-svgrepo-com.svg") no-repeat center center / contain !important;
box-shadow: inset 0 0 0 1px #00c25e;
}
.block.delivery-inst {
margin-top: -30px;
}
.block.delivery-inst p {
font-size: 12px;
padding-left: 15px;
padding-right: 15px;
line-height: 1.2;
}
.page-content .block:has(.timeline), .timeline {
padding-left: 0;
padding-right: 0;
}
@media screen and (min-width: 431px) {
.popup .timeline {
padding: 0 30px 0 16px;
}
}
.notification-settings > .container > .block.inset {
padding-right: 0;
padding-left: 0;
}
.notification-settings .block.inset > p {
padding: 0 16px;
}
.notification-settings .list label.item-content {
padding-left: 0;
}
.notification-settings .list label.item-content .item-inner {
padding-left: 16px;
}
.notification-settings .list ul li:not(:last-of-type) label.item-content:after {
content: '';
position: absolute;
height: 1px;
bottom: 0;
left: 7px;
right: 7px;
width: auto;
transform: none;
background-color: var(--input-border);
}
.timeline-item {
display: flex;
display: -webkit-flex;
align-items: center;
--webkit-align-items: center;
justify-content: flex-start;
-webkit-justify-content: flex-start;
overflow: visible;
padding: 0 0 20px;
}
.timeline-item .timeline-item-divider {
box-sizing: border-box;
height: 36px;
display: flex;
display: -webkit-flex;
align-items: center;
--webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
background-color: var(--accent-300);
border-radius: 50%;
padding: 8px;
margin: 0;
width: 36px;
}
.timeline-item .timeline-item-divider svg {
max-width: 100%;
height: auto;
}
.timeline-item .timeline-item-divider svg path {
fill: #fff;
}
.timeline-item.off .timeline-item-divider {
background-color: #868689;
}
.timeline-item.del .timeline-item-divider {
background-color: #b30000;
}
.timeline-item.off .timeline-item-divider svg path {
fill: #d9d9d9;
}
.timeline-item .timeline-item-divider:after {
display: none;
}
.timeline-item .timeline-item-divider:before {
display: block;
content: '';
width: 1px;
height: 12px;
position: absolute;
left: 50%;
bottom: calc(100% + 4px);
background: inherit;
transform: translate3d(-50%, 0, 0);
}
.timeline-item .timeline-item-content {
margin: 0;
flex-grow: 1;
padding: 0 8px;
}
.timeline-item-content .timeline-item-inner {
padding: 0;
background: transparent;
color: var(--item-cl-color);
font-size: 17px;
}
.timeline-item .timeline-item-date {
width: auto;
min-width: 70px;
}
.block-title {
font-size: 17px;
font-weight: 700;
color: var(--block-title-color);
margin-left: 0;
margin-right: 0;
}
.faq .block-title {
padding-left: 15px;
}
.block-strong, .ios .block-strong-ios, .md .block-strong-md {
background-color: var(--toolbar-bottom-bg);
border-radius: 10px;
margin-left: -15px;
margin-right: -15px;
}
.link.add-photo path, .link.add-photos path {
fill: var(--popover-link-color);
}
.card.demo-card-header-pic {
background-color: var(--popover-bg-color);
border: 1px solid var(--input-border);
border-radius: 10px;
margin-right: 0;
margin-left: 0;
}
.card.demo-card-header-pic .card-header {
height: auto;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
top: 10px;
aspect-ratio: 1.3/1;
border-radius: 10px 10px 0 0;
margin: 0 10px 10px;
}
@media screen and (max-width: 500px) {
.card.demo-card-header-pic .card-header {
aspect-ratio: 1.3/1.6;
}
}
.card.demo-card-header-pic .card-footer {
border: 0 none;
}
.ios .accordion-item .card.demo-card-header-pic {
padding-left: 0;
padding-right: 0;
}
.list.accordion-list, .md .list.accordion-list {
margin-left: 0;
margin-right: 0;
}
.accordion-item .item-link.item-content {
height: 44px;
padding: 5px 16px;
/*border-radius: 10px !important;*/
min-height: 44px;
}
.accordion-item .item-link.item-content .item-inner {
padding: 0;
height: 100%;
min-height: 100%;
}
.list .item-link .item-inner:before {
color: var(--popover-link-color);
}
.accordion-opposite .accordion-item > .item-content:before {
color: var(--popover-link-color);
left: auto;
right: 9px;
}
.accordion-item .accordion-item-content .block, .accordion-item .accordion-item-content .card.demo-card-header-pic {
padding: 0 16px 5px;
}
.embed-page .accordion-item .accordion-item-content > .block > .block,
.embed-code .accordion-item .accordion-item-content > .block > .block {
padding: 0;
}
.embed-page .accordion-item .accordion-item-content > .block > .block.inset + .list {
margin-top: 20px;
}
.embed-page .accordion-item .accordion-item-content {
background-color: #F6F5F3;
}
.dark .embed-page .accordion-item .accordion-item-content {
background-color: #151515;
}
.embed-page .accordion-item .accordion-item-content > .block, .embed-code .accordion-item .accordion-item-content > .block {
padding-top: 20px;
padding-bottom: 20px;
}
.embed-page .list li li:last-child .item-inner:after, .embed-page .list li:last-child li .item-inner:after {
content: none;
}
.embed-page .accordion-item .accordion-item-content > .block p {
font-size: 13px;
margin-top: -10px;
margin-left: 11px;
line-height: 1.5;
}
.embed-page .list-strong ul.white-checkboxs {
background-color: transparent;
border-radius: 10px;
}
.embed-page .list-strong ul.white-checkboxs label.item-content {
background-color: var(--f7-list-strong-bg-color);
border-radius: 10px;
border: 1px solid var(--input-border);
margin-bottom: 13px;
}
.accordion-item .card.demo-card-header-pic {
margin-left: 0;
margin-right: 0;
}
.input-select:after {
content: "\f0dd";
position: absolute;
font-family: "Font Awesome 5 Free";
color: var(--f7-theme-color);
right: 0;
top: 0;
font-weight: 900;
line-height: 14px; }
.ios .item-input-error-message, .ios .item-input-info, .ios .input-error-message, .ios .input-info {
position: relative;
margin-bottom: 6px;
margin-top: 4px;
}
.dz-banner-heading {
box-sizing: border-box;
position: fixed;
width: 100%;
height: 300px;
overflow: hidden; }
.item-details .dz-banner-heading {
cursor: pointer;
}
.dz-banner-heading iframe {
border: 0;
width: 100%;
height: 450px;
margin-top: -50px; }
.dz-banner-heading .bnr-img {
width: 100%;
height: 100%;
object-fit: cover; }
.back-container {
position: absolute;
box-sizing: border-box;
top: 0;
height: 60px;
max-width: 1024px;
display: flex;
display: -webkit-flex;
align-items: center;
--webkit-align-items: center;
justify-content: space-between;
-webkit-justify-content: space-between;
left: 50%;
transform: translateX(-50%);
padding: 0 16px;
width: 100%;
z-index: 999;
}
.dz-banner-heading .image-container {
position: absolute;
top: 0;
max-width: 1024px;
left: 50%;
transform: translateX(-50%);
bottom: 0;
width: 100%;
}
.fixed-content {
background-color: var(--fixed-content-bg);
border-radius: 20px 20px 0 0;
position: relative;
z-index: 1;
box-sizing: border-box;
padding-top: 20px;
padding-bottom: 85px; }
.fixed-content .cart-list-area {
margin-left: -20px;
margin-right: -20px; }
.popup .page-content {
padding-left: 15px;
padding-right: 15px;
}
.popup .page-content:has(.card.data-table) .block {
padding-left: 0;
padding-right: 0;
}
.popup .page-content .card.data-table {
margin-left: 0;
margin-right: 0;
}
.dz-banner {
height: 250px;
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: -1;
background-position: bottom; }
.dz-banner-height {
height: 280px;
width: 100%;
display: block; }
.input-select {
position: relative;
padding-right: 20px; }
.input-select:after {
content: "\f0dd";
position: absolute;
font-family: "Font Awesome 5 Free";
color: var(--f7-theme-color);
right: 0;
top: 0;
font-weight: 900;
line-height: 14px;
font-size: 18px; }
.input-select select {
font-size: 14px;
color: var(--f7-theme-color);
font-weight: 500; }
.dz-meta ul {
padding: 0 !important;
display: flex;
flex-direction: column;
gap: 10px;
flex-wrap: wrap;
margin: 0; }
.dz-meta ul li {
display: inline-flex !important;
align-items: center;
margin-right: 12px;
font-size: 18px;
line-height: 18px;
position: relative; }
.dz-meta ul li path[fill],
.dz-meta ul li path {
fill: #fff; }
.dz-meta ul li svg {
margin-right: 10px; }
.dz-meta ul li i {
color: var(--f7-theme-color);
margin-right: 10px; }
.card-overlay .dz-media {
display: flex;
align-items: center; }
.card-overlay .dz-media img {
width: 100%; }
.card-overlay.style-1 {
border-radius: 30px;
padding: 15px 15px 20px;
margin-top: 50px; }
.card-overlay.style-1 .dz-media {
margin: -70px auto -20px;
height: 200px; }
.card-overlay.style-1 .dz-media img {
height: 200px;
object-fit: cover;
width: auto; }
.card-overlay.style-1 .title {
margin: 0 0 15px; }
.card-overlay.style-1 .title a {
color: #fff; }
.card-overlay.style-1 .dz-info {
padding: 20px 5px 5px; }
.card-overlay.style-1 .dz-meta li {
color: #fff;
font-size: 24px;
font-weight: 500;
line-height: 24px; }
.card-overlay.style-1 .dz-meta li sup {
margin-top: -10px;
font-size: 14px;
margin-right: 5px; }
.card-overlay.style-1 .dz-meta li del {
font-size: 16px;
opacity: 0.5;
margin-left: 10px; }
.card-overlay.style-2 {
background-color: var(--f7-theme-color);
padding: 15px 25px 15px 15px;
border-radius: 18px;
display: flex;
align-items: center; }
.card-overlay.style-2 .dz-media {
min-width: 96px;
max-width: 96px;
margin-right: 12px; }
.card-overlay.style-2 .title {
font-weight: 500;
margin: 0 0 5px; }
.card-overlay.style-2 .title a {
color: #fff; }
.card-overlay.style-2 .dz-meta ul {
justify-content: space-between; }
.card-overlay.style-2 .dz-meta ul li {
font-size: 12px;
opacity: 0.5;
color: #fff; }
.card-overlay.style-2 .dz-meta ul li svg {
margin: 0; }
.card-overlay.style-2 .dz-meta ul li path[fill],
.card-overlay.style-2 .dz-meta ul li path {
fill: #fff; }
.card-overlay.style-2 .dz-meta ul li:last-child {
padding-right: 0; }
.overlay-swiper1 swiper-slide {
width: 205px; }
.overlay-swiper2 swiper-slide {
width: 265px; }
.tag-list {
padding: 0;
margin-bottom: 15px; }
.tag-list li {
display: inline-block;
position: relative;
margin-right: 2px;
}
.tag-list li.lot-info {
font-size: 12px;
}
.tag-list li a {
color: #777777;
font-size: 14px; }
/*.tag-list li:after {*/
/* content: ",";*/
/* right: 0;*/
/* bottom: 0;*/
/* color: inherit; }*/
.tag-list li:last-child:after {
content: none;
}
.item-list .grid > li {
width: 100%;
max-width: 420px;
}
@media screen and (min-width: 900px) {
.list.search-list .grid.grid-gap {
column-gap: 50px;
}
.item-list .grid > li {
max-width: 100%;
}
}
.item-bx {
position: relative; }
.item-bx .dz-media {
position: relative; }
.item-bx .dz-media .add-wishlist-btn, .image-container a, .back-container a {
box-sizing:border-box;
height: 36px;
max-height: 36px;
background-color: rgba(0,0,0,.6);
display: flex;
display: -webkit-flex;
align-items: center;
--webkit-alig-items: center;
justify-content: center;
-webkit-justify-content: center;
border-radius: 36px;
padding: 0 4px;
width: auto;
min-width: 36px;
}
.item-bx .dz-media .add-wishlist-btn {
color: #fff!important;
}
.item-bx .dz-media span.add-wishlist-btn {
height: 0;
display: none;
width: 0;
}
.back-container a svg {
max-width: 22px;
height: auto;
}
.back-container a path {
fill: #fff;
}
.image-container a {
position: absolute!important;
}
.image-container a svg {
max-width: 100%;
height: auto;
}
.image-container a.lot-mark {
right: 16px;
top: 18px!important;
}
.image-container a.lot-photos {
bottom: 40px!important;
left: 16px;
}
.image-container a.lot-photos svg {
max-width: 69%;
}
.item-bx .dz-media img {
border-radius: 10px;
width: 100%;
height: 100%;
display: flex; }
.item-bx ul li.hidden-by-searchbar {
display: inline-block !important; }
.item-bx .item-title {
font-weight: 600;
color: var(--item-cl-color);
margin: 0 0 15px;
white-space: normal; }
.item-bx .dz-meta ul li:last-child {
margin-right: 0; }
.item-bx .dz-meta ul li:has(.lonely-button), .item-bx .dz-meta ul li:has(.info-instead-button) {
display: flex!important;
display: -webkit-flex!important;
width: 100%;
}
.item-bx .dz-meta ul li:has(.lonely-button) .lonely-button,
.item-bx .dz-meta ul li:has(.info-instead-button) .info-instead-button {
flex-grow: 1;
max-width: 100%;
}
.item-bx .dz-meta ul li:has(.lonely-button.mybid),
.item-bx .dz-meta ul li:has(.lonely-button.autobid) {
cursor: not-allowed;
}
.item-bx .dz-meta ul li:has(.lonely-button) .button.popover-open,
.item-bx .dz-meta ul li:has(.lonely-button) .button.lot-popover,
.item-bx .dz-meta ul li:has(.info-instead-button) .button.lot-popover {
height: 36px;
flex-shrink: 0;
width: 36px;
border: 1px solid var(--input-border);
margin-left: 7px;
padding: 5px;
}
.with-modal-popover .item-bx .dz-meta ul li:has(.lonely-button) .button.lot-popover {
border: 1px solid var(--input-border);
}
.item-bx .dz-meta ul li:has(.lonely-button) .button.popover-open svg,
.item-bx .dz-meta ul li:has(.lonely-button) .button.lot-popover svg,
.item-bx .dz-meta ul li:has(.info-instead-button) .button.lot-popover svg {
margin: 0;
}
.item-bx .dz-meta ul li:has(.lonely-button) .button.popover-open path,
.item-bx .dz-meta ul li:has(.lonely-button) .button.lot-popover path,
.item-bx .dz-meta ul li:has(.info-instead-button) .button.lot-popover path {
fill: var(--item-cl-color);
}
.item-bx .price {
font-weight: 700;
font-size: 15px;
text-transform: uppercase;
color: #232323;
}
.item-bx .price.cost-green {
color: var(--title-color)!important;
}
.item-bx .price del {
font-size: 16px;
font-weight: 500;
color: #929292;
margin-left: 12px; }
.item-bx .pts {
font-weight: 500; }
.item-bx .btn-buy {
text-transform: capitalize;
background-color: var(--f7-theme-color-light);
padding: 12px 24px;
height: auto;
box-sizing: border-box;
font-size: 16px;
line-height: 16px;
border-radius: 50px;
font-weight: 500; }
.item-bx .btn-buy:hover, .item-bx .btn-buy.active-state {
background-color: var(--f7-theme-color);
color: #fff; }
.item-bx .btn-buy:hover path[fill],
.item-bx .btn-buy:hover path, .item-bx .btn-buy.active-state path[fill],
.item-bx .btn-buy.active-state path {
fill: #fff; }
.item-bx .rating {
padding: 4px 15px;
background-color: #ff8730;
border-radius: 20px;
color: #fff;
align-items: center;
position: absolute;
box-sizing: border-box;
bottom: -15px;
left: 16px; }
.item-bx .rating i {
color: #fff;
font-size: 13px;
margin-right: 5px; }
.item-bx .dz-head {
min-height: 51px;
margin-bottom: 15px; }
.item-bx .tag-list {
padding: 0;
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
justify-content: space-between;
-webkit-justify-content: space-between;
}
.item-bx .tag-list .lot-state {
font-size: 12px;
font-weight: 700;
color: var(--item-cl-color);
}
.item-bx .tag-list .lot-state.red {
color: var(--theme-red);
}
.item-bx .tag-list .lot-state.green {
color: var(--accent-300);
}
.item-bx.item-list {
display: flex;
gap: 10px;
margin-bottom: 5px;
}
.item-bx.item-list .dz-media {
max-width: 112px;
min-width: 112px; }
.item-bx.item-list .item-title {
margin-bottom: 5px;
white-space: nowrap;
}
.item-bx.item-list .dz-meta ul {
justify-content: space-between;
align-items: flex-start; }
.item-bx.item-list .dz-info {
display: flex;
flex-direction: column;
width: calc(100% - 122px);
}
.icon-bx-left {
display: flex;
align-items: center; }
.icon-bx-left .icon-bx {
margin-right: 10px; }
.icon-bx-left .icon-bx path[fill],
.icon-bx-left .icon-bx path,
.icon-bx-left .icon-bx circle {
fill: #04764E; }
.icon-bx-left .icon-bx i {
color: #04764E; }
.icon-bx-left p {
margin: 0; }
.icon-bx-left .title {
margin: 0; }
.color-sheet {
display: block;
border-radius: 5px;
background-color: #fff;
padding: 0;
margin-bottom: 0;
width: 35px;
height: 35px;
text-align: center;
line-height: 40px; }
.color-sheet i {
font-size: 16px;
color: #000; }
.dark-light {
width: 35px;
height: 35px;
position: relative;
margin: 0 0 0 10px;
padding: 0;
display: block; }
.dark-light li {
position: relative; }
.dark-light li.demo-theme-picker {
position: absolute;
display: inline-block;
padding: 0;
border: 0;
box-shadow: unset;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: 15px;
color: #000; }
.dark-light li.demo-theme-picker:after {
font-weight: 700;
font-family: "Font Awesome 5 Free"; }
.dark-light li.demo-theme-picker.light:after {
content: "\f185"; }
.dark-light li.demo-theme-picker.dark:after {
content: "\f186"; }
.dark-light li.demo-theme-picker.active {
display: none; }
.fab > a, .fab-buttons a {
border-radius: 50%;
background-color: #004899;
}
.fab.shop-popover-button > a:after {
display: inline-block;
width: 20px;
position: absolute;
right: 50%;
margin-right: -12px;
height: 20px;
opacity: 0;
border-radius: 50%;
border: 2px solid var(--accent-100);
border-top-color: var(--accent-500);
animation: load-ring 1.2s linear infinite;
z-index: -1;
}
.fab.shop-popover-button.awaiting > a svg {
display: none;
}
.fab.shop-popover-button.awaiting > a:after {
content: "";
opacity: 1;
z-index: 1;
}
.setting-area {
display: flex;
align-items: center; }
.sub-title {
color: #252525;
margin-bottom: 12px; }
.blog-list ul {
margin: 0;
padding: 0; }
.blog-list ul li {
list-style: none;
margin-bottom: 20px; }
.blog-box {
width: 100%;
height: 120px;
background-repeat: no-repeat;
background-size: cover;
border-radius: 8px;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
position: relative;
overflow: hidden; }
.blog-box:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(37, 37, 37, 0.54);
backdrop-filter: blur(1.5px); }
.blog-box .title {
margin: 0;
font-weight: 500;
font-size: 24px;
color: #fff; }
.blog-box .detail {
z-index: 1;
color: #fff; }
.blog-tag {
clear: both;
display: table;
margin-bottom: 10px; }
.blog-tag a {
position: relative;
padding: 6px 15px;
display: inline-block;
margin: 0 8px 8px 0;
font-size: 14px;
color: #fff;
border-radius: 20px !important;
line-height: 1.4;
border: 0;
background: #04764E;
border-radius: 0; }
.blog-detail img {
width: 100%;
object-fit: cover; }
.author-bx {
text-align: center;
padding: 30px 0; }
.author-bx .dz-media {
height: 105px;
width: 105px;
min-width: 105px;
position: relative;
box-sizing: border-box;
border-radius: 50%;
overflow: hidden;
margin: 0 auto 25px; }
.author-bx .dz-media img {
height: 100%;
width: 100%;
object-fit: cover; }
.author-bx .name {
margin: 0 0 10px;
font-size: 28px; }
.author-bx p {
margin: 0;
font-size: 16px; }
.widget_getintuch ul {
padding: 0;
margin: 0; }
.widget_getintuch ul li {
display: flex;
width: 100%;
margin-bottom: 25px; }
.widget_getintuch ul li .icon-bx {
height: 54px;
min-width: 54px;
text-align: center;
border-radius: 50%;
background-color: #fff;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
margin-right: 15px; }
.widget_getintuch ul li .icon-bx svg {
height: 54px; }
.widget_getintuch ul li .sub-title {
font-size: 12px;
margin: 0 0 10px;
font-weight: 500; }
.widget_getintuch ul li .title {
margin: 0; }
.main-logo.center {
text-align: center; }
.main-logo.center .logo-name {
font-size: 38px;
margin: 10px 0 0; }
.main-logo.center p {
margin: 10px 0 0; }
.main-logo.left {
position: relative;
display: flex;
align-items: center;
text-align: left; }
.main-logo.left .logo-icon {
margin-right: 10px; }
.main-logo.left .logo-name {
font-size: 20px;
margin: 0;
line-height: 30px; }
.main-logo.left p {
margin: 0; }
.welcome-screen .welcome-inner {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
padding-top: 80px;
padding-bottom: 40px; }
@media (max-width: 328px) {
.welcome-screen .welcome-inner {
height: auto; } }
.error-page {
display: block;
text-align: center; }
.error-page .icon-bx {
margin: 0 0 10px; }
.error-page .title {
font-size: 36px;
line-height: 36px;
margin: 0 0 12px; }
.error-page p {
margin: 0;
font-size: 15px; }
.map-dir {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
padding: 15px 25px;
background-color: var(--f7-theme-color-white);
display: inline-block;
border-radius: 22px;
position: relative; }
.map-dir:after {
content: "";
background-color: inherit;
height: 20px;
width: 20px;
position: absolute;
left: 18px;
top: -6px;
transform: rotate(45deg);
box-shadow: -5px -3px 10px rgba(0, 0, 0, 0.1); }
.track-content {
position: relative; }
.location-tracking iframe {
height: 100%;
width: 100%;
border: 0;
margin-bottom: -60px; }
.location-tracking .fixed-content {
bottom: 0;
left: 0;
right: 0; }
.location-tracking .map-dir {
position: absolute;
left: 115px;
top: -185px; }
.location-tracking .bottom-wraper {
position: fixed;
left: 0;
bottom: 0;
width: 100%; }
.delivery-man {
padding: 20px 28px 50px;
background-color: var(--f7-theme-color-white);
border-radius: 22px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
z-index: 1;
position: relative;
margin: 0 auto -30px; }
.delivery-man .inner-content {
display: flex;
align-items: center; }
.delivery-man .icon-area {
display: flex;
margin-left: auto; }
.delivery-man .dz-media {
height: 50px;
max-width: 50px;
border-radius: 50%;
overflow: hidden;
margin-right: 20px; }
.delivery-man .dz-media img {
width: 100%; }
.delivery-man .title {
margin: 0;
font-weight: 500; }
.delivery-man p {
margin: 0; }
.delivery-man .icon-cell {
margin-left: 10px;
height: 50px;
width: 50px;
background-color: rgba(255, 255, 255, 0.2);
text-align: center;
line-height: 50px;
border-radius: 50%; }
.delivery-man .icon-cell svg {
height: 50px; }
.track-list {
padding: 0;
margin: 0;
position: relative; }
.track-list li {
display: flex;
align-items: center;
margin-bottom: 30px; }
.track-list li .icon-bx {
height: 58px;
width: 58px;
text-align: center;
line-height: 58px;
border-radius: 50px;
border: 1px solid;
border-color: var(--f7-theme-color);
margin-right: 20px;
background-color: var(--f7-theme-color-white); }
.track-list li .icon-bx svg {
height: 58px; }
.track-list li .icon-bx.location {
background-color: var(--f7-theme-color-light);
border-color: var(--f7-theme-color-light); }
.track-list li .icon-bx path[fill],
.track-list li .icon-bx path {
fill: var(--f7-theme-color); }
.track-list li .icon-bx i {
color: var(--f7-theme-color); }
.track-list li .title {
margin: 0; }
.track-list li p {
margin: 0;
font-size: 12px; }
.track-list li:last-child {
margin-bottom: 0; }
.track-list li .button {
text-transform: capitalize;
font-weight: 700;
margin-left: auto; }
.track-list:after {
content: "";
height: calc(100% - 10px);
left: 30px;
top: 5px;
width: 1px;
border-left: 2px dashed rgba(0, 0, 0, 0.3);
position: absolute;
z-index: -1; }
/* Message List */
.search-list-bar {
margin-top: 20px;
margin-bottom: 0;
padding-left: 0;
padding-right: 0; }
.search-list-bar ul {
background: transparent; }
.search-list-bar ul:after, .search-list-bar ul:before {
content: none; }
.search-list-bar ul li {
padding: 0; }
.search-list-bar .item-content {
padding: 10px 30px !important;
margin: 0 !important; }
.search-list-bar .item-content .item-media {
width: 58px;
height: 58px;
padding: 0;
margin: 0;
position: relative;
align-self: flex-start; }
.search-list-bar .item-content .item-media img {
width: 100%;
border-radius: 18px;
overflow: hidden; }
.search-list-bar .item-content .online {
height: 12px;
width: 12px;
border-radius: 15px;
border: 4px solid var(--f7-theme-color-light);
background-color: #009600;
position: absolute;
left: -8px;
bottom: -7px; }
.search-list-bar .item-content .item-inner {
padding: 0;
margin-left: 15px; }
.search-list-bar .item-content .item-inner:after, .search-list-bar .item-content .item-inner:before {
content: none; }
.search-list-bar .item-content .item-inner .item-text {
font-size: 12px;
margin-bottom: 0;
margin-top: 0;
color: #000;
font-weight: 500; }
.search-list-bar .item-content .item-inner .item-title-row {
padding-right: 0; }
.search-list-bar .item-content .item-inner .item-title-row:after, .search-list-bar .item-content .item-inner .item-title-row:before {
content: none; }
.search-list-bar .item-content .item-inner .item-title-row .item-title {
font-size: 16px;
margin: 0 0 2px;
font-weight: 600;
color: #1b1b1b; }
.search-list-bar .item-content .item-footer {
display: flex;
justify-content: space-between;
margin-top: 15px; }
.search-list-bar .item-content .item-footer span {
font-size: 12px;
align-items: center;
color: #898a8d;
font-weight: 500; }
.search-list-bar .item-content .item-footer span i {
margin-left: 5px; }
.messages-navbar.navbar .title .name {
margin: 0; }
.page-content.messages-content {
padding-bottom: 66px;
}
.messages-navbar.navbar .title p {
font-size: 14px;
margin: 0;
opacity: 0.5;
font-weight: 500; }
.messagebar {
border-radius: 10px 10px 0 0!important;
left: 50%;
transform: translateX(-50%); }
.messagebar.padding {
padding: 0 0 20px!important;
}
@media screen and (max-width: 1023px) {
.messagebar.container {
left: 0;
transform: translate3d(0, 0, 0);
}
}
/*@media screen and (max-width: 575px) {*/
/* html.ios {*/
/* height: calc(100% - 40px) !important;*/
/* }*/
/*}*/
.messagebar:before, .messagebar:after {
content: none; }
.messagebar .toolbar-inner .emoji-icon {
left: 10px;
margin: 0;
padding: 0; }
.messagebar .toolbar-inner textarea::-webkit-scrollbar {
display: none !important;
width: 0 !important;
height: 0 !important;
}
.ios .messagebar .toolbar-inner textarea, .messagebar .toolbar-inner textarea {
height: 34px;
border: 1px solid #dadada;
background-color: transparent;
line-height: 20px;
padding: 6px 15px;
}
.ios.dark .messagebar .toolbar-inner textarea {
border: 1px solid #333;
}
.messagebar .toolbar-inner .messagebar-attachments {
border-bottom: 0; }
.messagebar .messagebar-area {
margin: 5px 0; }
.messagebar .messagebar-sheet {
background-color: var(--f7-theme-color-white); }
.messages {
margin: 0 0 20px !important;
background: transparent; }
.md .message-bubble {
min-width: 48px;
}
.message-sent .message-bubble {
color: #fff;
background-color: #004899;
padding-right: calc(var(--f7-message-bubble-padding-horizontal) + 6px);
-webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%;
}
.message-received .message-bubble {
color: #fff;
background-color: #595656;
}
.md .message-received {
margin-left: calc(10px + var(--f7-safe-area-left));
}
.md .message-received .message-header,
.md .message-received .message-footer,
.md .message-received .message-name {
margin-left: var(--f7-message-bubble-padding-horizontal);
}
.md .message-received .message-bubble {
padding-left: calc(var(--f7-message-bubble-padding-horizontal) + 6px);
-webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%;
}
.md .message-received .message-image {
margin-left: calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px));
}
.md .message-received.message-tail .message-bubble {
border-radius: var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0;
}
.md .message-received.message-tail:not(.message-typing) .message-bubble {
-webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%;
}
.md .message-received.message-tail:not(.message-typing) .message-bubble .message-image:last-child img {
border-bottom-left-radius: 0px;
}
.md .message-sent {
margin-right: calc(10px + var(--f7-safe-area-right));
}
.md .message-sent .message-header,
.md .message-sent .message-footer,
.md .message-sent .message-name {
margin-right: var(--f7-message-bubble-padding-horizontal);
}
.md .message-sent .message-bubble {
padding-right: calc(var(--f7-message-bubble-padding-horizontal) + 6px);
-webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%;
}
.md .message-sent .message-image {
margin-right: calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px));
}
.md .message-sent.message-tail .message-bubble {
border-radius: var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0 var(--f7-message-bubble-border-radius);
}
.md .message-sent.message-tail .message-bubble {
-webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%;
}
.md .message-sent.message-tail .message-bubble .message-image:last-child img {
border-bottom-right-radius: 0px;
}
.md .message + .message:not(.message-first) {
margin-top: 1px;
}
.md .message-received.message-typing .message-content:after,
.md .message-received.message-typing .message-content:before {
content: '';
position: absolute;
background: var(--f7-message-received-bg-color);
border-radius: 50%;
}
.md .message-received.message-typing .message-content:after {
width: 11px;
height: 11px;
left: 4px;
bottom: 0px;
}
.md .message-received.message-typing .message-content:before {
width: 6px;
height: 6px;
left: -1px;
bottom: -4px;
}
.md .message-typing-indicator > div {
width: 9px;
height: 9px;
}
.md .message-typing-indicator > div + div {
margin-left: 4px;
}
.md .message-typing-indicator > div:nth-child(1) {
animation: ios-message-typing-indicator 900ms infinite;
}
.md .message-typing-indicator > div:nth-child(2) {
animation: ios-message-typing-indicator 900ms 150ms infinite;
}
.md .message-typing-indicator > div:nth-child(3) {
animation: ios-message-typing-indicator 900ms 300ms infinite;
}
@keyframes ios-message-typing-indicator {
0% {
opacity: 0.35;
}
25% {
opacity: 0.2;
}
50% {
opacity: 0.2;
}
}
.messages .messages-title {
position: relative;
font-size: 14px;
line-height: 1.5;
display: flex;
flex-direction: column;
align-items: center;
width: auto;
align-self: center;
text-align: center;
border-radius: 10px;
color: #fff;
margin: 20px 0;
padding: 0 3px;
}
.messages .messages-title span {
display: inline-block;
position: relative;
padding-left: 8px;
padding-right: 8px;
border-radius: 10px;
background-color: rgba(0, 0, 0, .7);
width: auto;
}
.dark .messages .messages-title span {
/*background-color: #22242a;*/
}
.messages .messages-title span.message-title {
display: block;
padding-top: 1px;
padding-bottom: 1px;
min-width: 134px;
}
.messages .messages-title span.message-date {
height: 20px;
padding-top: 2px;
font-size: 10px;
border-radius: 0 0 10px 10px;
margin-top: 0;
}
.messages .messages-title span.message-date:before {
content: '';
position: absolute;
top: -1px;
right: 100%;
height: 10px;
width: 10px;
display: block;
background-image: radial-gradient(circle at 0 100%, rgba(0, 0, 0, 0) 10px, rgba(40, 27, 37, .7) 0);
}
.dark .messages .messages-title span.message-date:before {
background-image:
radial-gradient(circle at 0 100%, rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, .7) 0);
}
.messages .messages-title span.message-date:after {
content: '';
position: absolute;
top: -1px;
left: 100%;
height: 10px;
width: 10px;
display: block;
background-image: radial-gradient(circle at 100% 100%, rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, .7) 0);
}
.dark .messages .messages-title span.message-date:after {
background-image: radial-gradient(circle at 100% 100%, rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, .7) 0);
}
.messages .message {
margin: 5px 0 0 !important;
max-width: 80%; }
.messages .message .message-avatar {
height: 42px;
width: 42px;
border-radius: 8px;
overflow: hidden; }
.messages .message .message-avatar img {
width: 100%;
height: 100%;
object-fit: cover; }
.messages .message .message-content .message-bubble:before {
content: none; }
.messages .message .message-content .message-image {
--f7-message-bubble-padding-vertical: 18px;
--f7-message-bubble-padding-horizontal: 18px; }
.messages .message .message-content .message-name {
/*display: none; */
}
.messages .message.message-received .message-avatar + .message-content {
margin-left: 15px;
}
.message-text-footer {
font-size: 10px;
margin-bottom: 0;
color: inherit;
opacity: 1;
padding-bottom: 5px;
}
.add-wishlist-btn {
display: flex; }
.add-wishlist-btn {
display: flex; }
.add-wishlist-btn .fas {
display: none; }
.add-wishlist-btn.active .far {
display: none; }
.add-wishlist-btn.active .fas {
display: block; }
.navbar .add-wishlist-btn i {
font-size: 24px;
margin: 0;
color: #fff; }
.item-details .button span {
opacity: 0.5;
margin-left: 10px; }
.item-details .stepper {
border: 1px solid #c4c4c4;
height: 42px; }
.item-details .stepper .stepper-button-minus,
.item-details .stepper .stepper-button-plus,
.item-details .stepper .stepper-input-wrap {
border: 0; }
.item-details .stepper input {
font-size: 18px;
color: #000; }
.item-details .price-bx {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 25px; }
.item-details .price-bx .price {
margin: 0; }
.item-details .price-bx .price i {
font-size: 30px;
margin-right: 8px; }
.item-details .price-bx .price sup {
line-height: 14px;
font-size: 14px;
margin-right: 3px; }
.item-details .price-bx .price del {
color: #000;
opacity: 0.5;
font-weight: 600;
font-size: 16px;
margin-left: 5px; }
.dz-range {
margin: 35px 0; }
.dz-range .range-slider .range-bar {
height: 12px;
border-radius: 50px;
background-color: #ececec; }
.dz-range .range-slider .range-knob-wrap {
width: 25px;
height: 25px;
top: 8px; }
.dz-range .range-slider .range-knob-wrap .range-knob:after {
background-color: var(--f7-theme-color);
opacity: 0.2;
border-radius: 50%; }
.dz-range .range-slider .range-knob-wrap.range-knob-active-state .range-knob {
transform: scale(1); }
.dz-range .label-list {
padding: 0;
display: flex;
justify-content: space-between;
margin: 25px 0 0; }
.dz-range .label-list li {
display: inline-block;
font-size: 16px;
padding: 0 5px; }
.item-rating {
height: 64px;
width: 64px;
text-align: center;
line-height: 64px;
background-color: #ff9838;
border-radius: 50%;
font-size: 24px;
color: #fff;
font-weight: 600;
position: absolute;
right: 30px;
top: -30px;
box-shadow: 0 0 20px rgba(255, 152, 56, 0.5); }
/* Notification List */
.list-strong ul.white-checkboxs {
background-color: var(--f7-list-strong-bg-color);
border-radius: 10px;
overflow: hidden;
width: 100%;
}
.notification-list {
padding: 0; }
.notification-list ul {
padding: 0;
margin: 0; }
.notification-list ul li {
margin: 0 0 15px 0;
display: block; }
.notification-list ul li .card {
padding: 20px 20px;
border-radius: 8px;
margin: 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
--f7-card-bg-color: #fff; }
.notification-list ul li .item-title {
margin: 0 0 12px; }
.notification-list ul li .item-title i {
font-size: 14px;
margin-right: 5px; }
.notification-list ul li .item-text {
font-size: 14px;
margin-bottom: 15px;
line-height: 22px; }
.notification-list ul li .item-time {
display: flex;
justify-content: space-between;
font-size: 14px;
color: var(--menu-item-color); }
.notification-list ul li .time i {
font-size: 16px;
margin-right: 3px; }
.notification-list ul li .mark {
font-weight: 500;
cursor: pointer;
}
.notification-bar {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
width: 100%; }
.notification-bar .title {
margin: 0; }
.notification-bar span {
display: block;
margin-bottom: 5px;
color: #000; }
.notification-bar .media {
position: relative; }
.notification-bar .media img {
height: 46px;
width: 46px;
border-radius: 8px; }
.notification-bar .media .active {
color: var(--f7-theme-color);
font-size: 13px;
border: 2px solid #fff;
position: absolute;
right: -5px;
top: -5px;
border-radius: 50%; }
.active-badge {
position: relative;
display: flex; }
.active-badge .active {
font-size: 6px;
border: 2px solid var(--f7-theme-color-white);
border-radius: 50%;
position: absolute;
right: 0;
top: 0; }
.block.seller-title {
font-size: 20px;
margin-top: 5px;
margin-bottom: 5px;
padding-left: 15px;
padding-right: 0;
}
.popup.modal-in .dz-title,.popup.modal-in .block.seller-description, .popup.modal-in .block.seller-stats {
padding-left: 15px;
padding-right: 15px;
}
.popup.modal-in .block.seller-description p ~ p {
margin-top: 15px;
}
.popup .dz-title {
font-size: 12px;
font-weight: 400;
margin-bottom: 5px;
}
.popup.modal-in .block.seller-description {
margin: 0 0 30px;
hyphens: auto;
}
.popup.modal-in .block.seller-description > br:first-child {
display: none;
}
.popup.modal-in .block.seller-title + div:has(.lot-board) {
margin-top: 30px;
}
/*.popup.modal-in .page-content > div:has(.lot-board) {*/
/* padding-top: 25px;*/
/*}*/
/* Sidebar Menu */
.sidebar-menu .main-logo {
padding: 13px 30px 16px 12px;
align-items: center;
}
.sidebar-left {
border-radius: 0 !important; }
.sidebar-left:after {
content: none; }
.sidebar-left .title {
margin-top: 0;
margin-bottom: 0;
padding: 30px; }
.sidebar-left .panel-close, .panel-right .panel-close {
display: block;
color: #000;
font-size: 30px;
position: absolute;
line-height: 1;
}
.sidebar-left .panel-close {
top: 15px;
right: 15px;
}
.panel-right .panel-close {
top: 0;
left: 0;
padding: 12px;
}
.sidebar-left .sidebar-menu > .panel-close {
line-height: .7;
}
.sidebar-left .sidebar-menu > .panel-close path, .panel-right .panel-close path {
fill: var(--popover-link-color);
}
.sidebar-left .item-link.panel-close {
top: 0;
right: 0;
}
.sidebar-left .nav-bar {
padding: 20px 20px 20px 0;
margin: 0; }
.sidebar-left .nav-bar ul {
margin: 0;
padding: 0; }
.sidebar-left .nav-bar ul:before, .sidebar-left .nav-bar ul:after {
content: none; }
.sidebar-left .nav-bar ul li {
list-style: none;
display: block;
padding: 0 !important; }
.sidebar-left .nav-bar ul li:not(:last-of-type) {
margin-bottom: 10px;
}
.sidebar-left .nav-bar ul li .item-link {
display: flex;
align-items: center;
color: var(--menu-item-color);
font-size: 18px;
padding: 10px;
position: relative;
border-left: 2px solid transparent;
border-radius: 0 8px 8px 0 !important;
margin: 0;
background-color: transparent; }
.sidebar-left .nav-bar ul li .item-link svg,
.sidebar-left .nav-bar ul li .item-link img {
margin-right: 15px; }
.sidebar-left .nav-bar ul li .item-link i {
transform: scale(1.4);
-moz-transform: scale(1.4);
-webkit-transform: scale(1.4);
-ms-transform: scale(1.4);
-o-transform: scale(1.4);
margin-right: 20px; }
.sidebar-left .nav-bar ul li .item-link path[fill],
.sidebar-left .nav-bar ul li .item-link path {
fill: var(--menu-item-color);
fill-opacity: 1
}
.sidebar-left .nav-bar ul li .item-link i {
color: #adadad; }
.sidebar-left .nav-bar ul li .item-link.item-selected {
background-color: #CDF9BE;
border-left: 2px solid var(--accent-500);
}
.sidebar-left .nav-bar ul li .item-link.item-selected path[fill],
.sidebar-left .nav-bar ul li .item-link.item-selected path {
fill: var(--accent-500); }
.sidebar-left .nav-bar ul li .item-link.item-selected i,
.sidebar-left .nav-bar ul li .item-link.item-selected span {
color: var(--accent-500);
font-weight: 600;
}
.sidebar-left .nav-bar ul li .item-link.logout-link {
margin-top: 30px; }
.sidebar-left .nav-bar ul li .item-link.logout-link path[fill],
.sidebar-left .nav-bar ul li .item-link.logout-link path {
fill: #FF8484; }
.sidebar-footer {
padding: 20px 30px; }
.sidebar-footer .name {
color: #b1b1c3;
font-weight: 500;
font-size: 15px;
margin-top: 0;
margin-bottom: 5px; }
.sidebar-footer p {
color: var(--menu-item-color);
font-weight: 400;
font-size: 12px;
margin-top: 0;
margin-bottom: 0; }
.sidebar-left + .view-main {
-webkit-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
height: 100%;
top: 0;
border-radius: 0;
box-shadow: none;
transition-property: inherit !important;
-moz-transition-property: inherit !important;
-webkit-transition-property: inherit !important;
-o-transition-property: inherit !important;
transition-duration: 0.5s !important;
-moz-transition-duration: 0.5s !important;
-webkit-transition-duration: 0.5s !important;
-o-transition-duration: 0.5s !important; }
.write-reviews-box {
padding-top: 30px;
padding-bottom: 30px; }
.write-reviews-box .form-elements ul .item-content .item-inner .item-input-wrap textarea.form-control {
height: 110px;
border-width: 2px;
padding: 20px;
border-radius: 18px; }
.write-reviews-box .form-elements .list {
margin-bottom: 0; }
.rating-info {
margin: 40px 0 30px;
text-align: center; }
.rating-info .rating-text {
margin: 0 0 20px;
font-size: 50px;
line-height: 50px; }
.rating-info .rating-list {
padding: 0;
display: flex;
justify-content: center; }
.rating-info .rating-list li {
display: inline-block;
font-size: 24px;
background-color: #b6b6b6;
height: 50px;
width: 50px;
border-radius: 50px;
line-height: 50px;
color: #fff;
margin: 0 3px; }
.rating-info .rating-list li.rating-star {
background-color: #FF8730; }
.review-product {
border-bottom: 1px solid var(--border-color);
padding: 28px 0;
background-color: var(--f7-theme-color-white); }
.review-product .inner-content {
display: flex;
align-items: center; }
.review-product .dz-media {
height: 105px;
max-width: 105px;
min-width: 105px;
border-radius: 10px;
overflow: hidden;
margin-right: 10px; }
.review-product .dz-media img {
width: 100%;
height: 100%;
object-fit: cover; }
.review-product .title {
margin: 0 0 10px;
font-weight: 500; }
.review-product p {
margin: 0;
font-size: 16px; }
.rewards-box {
padding: 25px 30px;
border-radius: 18px;
position: relative;
z-index: 1;
overflow: hidden; }
.rewards-box .sub-title {
margin: 0 0 10px;
color: #fff;
font-weight: 500; }
.rewards-box .title {
color: #fff;
font-size: 34px;
margin: 0; }
.rewards-box .badge {
background-color: rgba(255, 255, 255, 0.3);
padding: 12px 18px;
border-radius: 8px;
height: auto;
font-size: 14px;
line-height: 14px;
margin-top: 25px; }
.rewards-box:before, .rewards-box:after {
content: "";
position: absolute;
width: 270px;
height: 270px;
z-index: -1;
border-radius: 50%; }
.rewards-box:before {
left: -140px;
bottom: -125px;
background: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0%, black 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0%, black 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top, rgba(0, 0, 0, 0.01) 0%, black 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
opacity: 0.1; }
.rewards-box:after {
right: -140px;
top: -125px;
background: #007862;
/* Old browsers */
background: -moz-linear-gradient(to bottom, #007862 20%, #1dcf8f 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(to bottom, #007862 20%, #1dcf8f 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #007862 20%, #1dcf8f 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
opacity: 0.9;
transform: rotate(130deg); }
.rewards-box .bg-icon {
position: absolute;
right: -20px;
bottom: -20px; }
.rewards-box .icon-bx {
float: right; }
.rewards-list {
padding: 0; }
.rewards-list > ul {
padding: 0;
margin: 0; }
.rewards-list > ul > li {
display: flex;
align-items: center;
border-bottom: 1px solid var(--border-color);
justify-content: space-between;
padding: 15px 28px; }
.rewards-list > ul > li .title {
margin: 0 0 15px;
font-weight: 500; }
.rewards-list > ul > li .pts-bx {
text-align: right;
margin-left: 30px; }
.rewards-list > ul > li .pts-bx .points {
margin: 0 0 10px; }
.rewards-list > ul > li .pts-bx p {
margin: 0; }
.rewards-list .dz-meta ul {
padding: 0;
margin: 0; }
.rewards-list .dz-meta ul li {
display: inline-block;
font-size: 12px;
color: #7e7e7e;
padding-right: 10px;
margin-right: 10px;
font-weight: 500; }
.rewards-list .dz-meta ul li:after {
content: "|";
right: 0;
position: absolute;
color: inherit; }
.rewards-list .dz-meta ul li:last-child {
padding-right: 0;
margin-right: 0; }
.rewards-list .dz-meta ul li:last-child:after {
content: none; }
/* Cart Item */
.cart-list-area {
padding-left: 0;
padding-right: 0; }
.cart-list {
overflow: hidden;
margin: 0; }
.cart-list ul:before, .cart-list ul:after {
content: none; }
.cart-list .cart-item {
background-color: var(--theme-red);
overflow: unset;
margin: 6px 0; }
.cart-list .cart-item.swipeout.swipeout-opened {
z-index: 1; }
.cart-list .cart-item .item-content {
padding-left: 0;
transition: all 0.5s; }
.cart-list .cart-item .item-inner {
background-color: var(--f7-theme-color-white);
padding: 12px 20px; }
.cart-list .cart-item .item-inner:after {
content: none; }
.cart-list .cart-item .item-title {
margin: 0;
font-size: 16px;
font-weight: 600;
line-height: 24px;
white-space: normal; }
.cart-list .cart-item .item-media {
min-width: 92px !important;
width: 103px;
position: relative;
padding: 0;
border-radius: 16px;
overflow: hidden;
margin-right: 22px;
height: 115px; }
.cart-list .cart-item .item-media a {
height: 100%; }
.cart-list .cart-item .item-media img {
width: 100%; }
.cart-list .cart-item .item-info {
width: 100%;
justify-content: space-between;
display: flex;
flex-direction: column;
height: 100%;
padding: 5px 0;
box-sizing: border-box; }
.cart-list .cart-item .item-foot ul {
padding: 0;
display: flex;
justify-content: space-between;
width: 100%;
margin: 0 -10px; }
.cart-list .cart-item .item-foot ul li {
display: inline-block !important;
font-size: 18px;
font-weight: 600;
margin: 0 10px; }
.cart-list .cart-item .swipeout-delete {
background-color: var(--theme-red);
font-size: 28px; }
.cart-list .cart-item.swipeout-opened .item-content {
border-radius: 15px;
overflow: hidden;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); }
.nav-wizard {
display: flex;
align-items: center;
justify-content: space-between;
text-align: center;
background-color: #fff;
padding: 25px 0 15px;
position: relative;
margin: 0 auto;
overflow: hidden; }
.nav-wizard:before, .nav-wizard:after {
content: "";
height: 2px;
width: 100%;
position: absolute;
left: 0;
bottom: 24px; }
.nav-wizard:before {
background-color: var(--f7-theme-color); }
.nav-wizard:after {
background: -moz-linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 54%, white 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 54%, white 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 54%, white 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
z-index: 1; }
.nav-wizard li {
display: inline-block; }
.nav-wizard li .nav-link {
position: relative;
width: 100%;
display: flex;
justify-content: center; }
.nav-wizard li .nav-link span {
margin-bottom: 40px;
display: block;
font-weight: 500;
font-size: 16px;
opacity: 0.4;
color: #1b1b1b;
text-overflow: ellipsis;
white-space: nowrap;
width: 100px;
overflow: hidden;
justify-content: center;
text-align: center; }
.nav-wizard li .nav-link.active:before, .nav-wizard li .nav-link.active:after {
content: "";
position: absolute;
transform: translateX(-50%);
border-radius: 50%;
left: 50%; }
.nav-wizard li .nav-link.active:before {
bottom: 0;
height: 20px;
width: 20px;
border: 6px solid var(--f7-theme-color);
background-color: #fff;
box-sizing: border-box;
z-index: 1; }
.nav-wizard li .nav-link.active:after {
bottom: -6px;
height: 30px;
border: 1px solid var(--f7-theme-color);
width: 30px;
opacity: 0.2; }
.nav-wizard li .nav-link.active span {
opacity: 1;
font-weight: 600;
font-size: 18px;
max-width: 180px;
width: 180px; }
.nav-wizard li:first-child .nav-link:after {
left: auto;
right: 0; }
.btn-icon {
justify-content: space-between; }
.btn-icon i {
font-size: 22px; }
.payment-swiper swiper-slide {
width: auto; }
.payment-card {
width: 285px;
height: 170px;
position: relative;
border-radius: 18px;
overflow: hidden; }
.payment-card .card-media {
display: flex;
width: 100%;
height: 100%; }
.payment-card .card-info {
position: absolute;
top: 0;
left: 0;
width: 100%;
box-sizing: border-box;
padding: 25px;
display: flex;
justify-content: space-between;
flex-direction: column;
height: 100%; }
.payment-card .card-name {
font-size: 16px;
color: #fff;
font-weight: 500;
margin: 0 0 15px; }
.payment-card .card-number {
color: #fff;
font-size: 16px;
margin: 0;
font-weight: 300;
letter-spacing: 2px; }
.payment-card .bottom-info {
font-size: 16px;
display: flex;
align-items: center;
justify-content: space-between; }
.payment-card .bottom-info p {
font-weight: 300;
margin: 0;
font-size: 16px;
letter-spacing: 2px;
color: rgba(255, 255, 255, 0.4); }
.checkout-details .checkout-total {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 0; }
.checkout-details .checkout-total .title {
margin: 0;
font-size: 16px; }
.checkout-details .checkout-total .checkout-total {
margin: 0; }
.order-details .location {
display: flex;
margin-bottom: 15px;
justify-content: space-between;
align-items: center; }
.order-details .location .button {
border-radius: 12px;
padding: 15px 20px;
text-transform: capitalize; }
.order-details .location p {
opacity: 0.6;
margin: 0; }
.order-details .author-bx {
display: flex;
align-items: center;
margin-bottom: 20px;
text-align: left;
padding: 0; }
.order-details .author-bx .thumb {
width: 60px;
height: 60px;
border-radius: 50%;
overflow: hidden;
margin-right: 20px; }
.order-details .author-bx .thumb img {
width: 100%;
height: 100%;
object-fit: cover; }
.order-details .author-bx .info {
margin-right: 20px; }
.order-details .author-bx .info p {
margin: 0; }
.order-details .author-bx .author-name {
margin: 0; }
.order-details .author-bx .phone {
height: 52px;
width: 52px;
border-radius: 50%;
border: 1px solid rgba(0, 0, 0, 0.1);
text-align: center;
line-height: 52px;
margin-left: auto; }
.order-details .author-bx .phone svg {
height: 52px; }
.order-details .author-bx .phone path[fill],
.order-details .author-bx .phone path {
fill: var(--f7-theme-color); }
.order-details .author-bx .phone i {
color: var(--f7-theme-color); }
.location-wraper .fixed-toolbar {
background-color: var(--f7-theme-color-white);
padding-top: 20px;
padding-bottom: 20px; }
.location-wraper .filter-text {
color: #4e4e4e;
font-weight: 500; }
.store-card {
border-radius: 18px;
overflow: hidden;
background-color: var(--f7-theme-color-white);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
.store-card .card-media img {
width: 100%;
height: 100%;
display: flex;
object-fit: cover; }
.store-card .title {
margin: 0 0 10px; }
.store-card .time {
margin: 0; }
.store-card .info-bottom {
display: flex;
align-items: center;
justify-content: space-between; }
.store-card .card-info {
padding: 30px 20px 20px;
position: relative; }
.store-card .btn-dir {
background-color: #1d3eb1;
color: #fff;
text-transform: capitalize;
border-radius: 30px;
position: absolute;
top: -18px;
right: 20px;
padding: 0 16px; }
.store-card .location {
display: flex;
align-items: center;
font-weight: 500; }
.store-card .location svg,
.store-card .location i {
margin-right: 5px; }
.wishlist-bx {
position: relative;
background-color: var(--f7-theme-color-white);
overflow: hidden;
border-radius: 18px;
display: flex;
padding: 12px 25px 12px 12px;
align-items: center;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
/* Bookmark */ }
.wishlist-bx p {
font-size: 12px;
margin: 0;
font-weight: 500;
line-height: 12px; }
.wishlist-bx .dz-info {
padding: 0 0 0 15px;
width: 100%; }
.wishlist-bx .item-title {
font-weight: 600;
margin: 0 0 15px;
white-space: normal; }
.wishlist-bx .dz-head {
margin-bottom: 15px; }
.wishlist-bx .dz-media {
width: 93px;
min-width: 93px;
border-radius: 10px;
overflow: hidden;
position: relative; }
.wishlist-bx .dz-media img {
width: 100%;
height: 100%;
display: flex; }
.wishlist-bx .dz-meta ul {
justify-content: space-between;
background-color: transparent; }
.wishlist-bx .price {
font-weight: 600;
font-size: 18px;
color: #000; }
.wishlist-bx .price del {
font-size: 12px;
font-weight: 500;
color: #929292;
margin-left: 8px; }
.wishlist-bx .qty {
font-size: 16px;
line-height: 16px;
margin-left: auto; }
.wishlist-bx .qty strong {
font-weight: 600;
margin-right: 5px; }
.wishlist-bx .rating {
display: flex;
font-size: 12px;
align-items: center; }
.wishlist-bx .rating i {
color: #FFA800;
margin-right: 5px; }
.wishlist-bx .dz-footer {
margin-top: 10px;
display: flex;
align-items: center;
justify-content: space-between; }
.wishlist-bx.item-list {
display: flex; }
.wishlist-bx.item-list .dz-media {
width: 120px;
min-width: 120px; }
.wishlist-bx.item-list .dz-media img {
object-fit: cover; }
.wishlist-bx .bookmark-btn {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-family: "Font Awesome 5 Free"; }
.wishlist-bx .bookmark-btn input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
display: none; }
.wishlist-bx .bookmark-btn input:checked ~ .checkmark:before {
color: var(--f7-theme-color); }
.wishlist-bx .bookmark-btn .checkmark {
font-weight: 900;
line-height: 1; }
.wishlist-bx .bookmark-btn .checkmark:after {
content: "\f004";
position: absolute;
display: none; }
.wishlist-bx .bookmark-btn .checkmark:before {
content: "\f004";
font-size: 20px;
color: #B9BCD3; }
/* Theme Dark */
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6,
.dark h1 a, .dark h2 a, .dark h3 a, .dark h4 a, .dark h5 a, .dark h6 a,
.dark .navbar .navbar-inner .title {
color: #fff; }
/*.dark body {*/
/* color: #cecece; }*/
/* Border Color */
.dark .navbar,
.dark .menubar-area,
.dark .border-top,
.dark .searchbar.search-box .searchbar-input-wrap input,
.dark .form-elements ul .item-content .item-inner .item-input-wrap .form-control,
.dark .messagebar .toolbar-inner,
.dark .page-content .searchbar.search-box .searchbar-input-wrap input,
.dark .form-elements ul .item-content .item-inner .item-input-wrap .number-select,
.dark .search-list-bar ul li,
.dark .button-social.google,
.dark .navbar.navbar-style-1 a.link,
.dark .categories-bx,
.dark .notification-bar .media .active,
.dark .item-details .stepper {
border-color: #333; }
.dark input {
color: rgba(255, 255, 255, 1) !important; }
.dark input::placeholder {
color: rgba(255, 255, 255, 0.9) !important; }
.dark input:-webkit-autofill, .dark input:-webkit-autofill:focus {
-webkit-text-fill-color: #fff;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 1000px #F6F5F3 inset;
transition: background-color 5000s ease-in-out 0s;
}
.dark input:-webkit-autofill,
.dark input:-webkit-autofill:hover,
.dark input:-webkit-autofill:focus,
.dark textarea:-webkit-autofill,
.dark textarea:-webkit-autofill:hover,
.dark textarea:-webkit-autofill:focus,
.dark select:-webkit-autofill,
.dark select:-webkit-autofill:hover,
.dark select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 1000px #151515 inset;
transition: background-color 5000s ease-in-out 0s;
}
/* Background Color */
.dark body,
.dark .page,
.dark .page-content,
.dark .tab-style-1,
.dark .page-onboading .page-content,
.dark .card-featured .icon-bx,
.dark .light.page,
.dark .light .page-content,
.dark .light .navbar,
.dark .light .toolbar,
.dark .toolbar.messagebar,
.dark .nav-wizard,
.dark .page-content.faq,
.dark .dz-accordion .accordion-item .item-link.item-content .item-title:before {
background: #151515; }
.ios .messagebar .toolbar-inner, .ios.dark .messagebar .toolbar-inner,
.messagebar .toolbar-inner, .dark .messagebar .toolbar-inner {
border: 1px solid transparent;
gap: 12px;
background-color: transparent;
padding: 0 8px;
}
.ios .toolbar a.icon-only, .toolbar a.icon-only {
min-height: 44px;
}
.ios .messagebar a.link.icon-only:last-child {
margin-right: 0;
}
.toolbar.messagebar a.icon-only {
height: 34px;
min-height: 34px;
border-radius: 50%;
background-color: #004899;
margin-bottom: 5px;
width: 34px;
min-width: 34px;
padding: 2px;
}
.toolbar.messagebar a.icon-only i {
display: none;
}
.toolbar.messagebar a.icon-only path {
fill: #fff;
}
.toolbar.toolbar-bottom, .ios .toolbar-bottom-ios, .ios .toolbar-bottom {
box-sizing: border-box;
height: 89px;
min-height: 89px;
background: var(--toolbar-bottom-bg)!important;
display: flex;
display: -webkit-flex;
align-items: center;
position: fixed;
bottom: 0;
gap: 7px;
border-radius: 10px 10px 0 0;
box-shadow: 0 0 8px 1px rgba(0, 0, 0, .1);
backdrop-filter: none!important;
}
.add-form .toolbar.toolbar-bottom, .ios .add-form .toolbar-bottom-ios, .ios .add-form .toolbar-bottom {
position: relative;
}
.toolbar.toolbar-bottom:has(.mybid), .toolbar.toolbar-bottom:has(.autobid) {
cursor: not-allowed;
}
.photo-browser .toolbar.toolbar-bottom {
border-radius: 0;
}
.toolbar.toolbar-bottom .button span {
display: inline-block;
width: 24px;
position: absolute;
right: 50%;
margin-right: -12px;
height: 24px;
opacity: 0;
z-index: -1;
}
.toolbar.toolbar-bottom .button span:after {
content: " ";
display: block;
width: 20px;
height: 20px;
margin: 0;
border-radius: 50%;
border: 2px solid var(--accent-100);
border-top-color: var(--accent-500);
animation: load-ring 1.2s linear infinite;
}
.toolbar.toolbar-bottom .button.awaiting {
color: transparent!important;
}
.toolbar.toolbar-bottom .button.awaiting svg {
display: none;
}
.toolbar.toolbar-bottom .button.awaiting span {
opacity: 1;
}
.toolbar.toolbar-bottom .button-large,
.toolbar.toolbar-bottom .info-instead-button {
flex: 1;
}
.toolbar.toolbar-bottom .info-instead-button {
height: 100%;
display: flex;
display: -webkit-flex;
align-items: center;
--webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
font-size: 17px;
color: var(--popover-link-color);
padding: 14px 15px;
font-weight: 700;
}
.toolbar.toolbar-bottom .popover-open {
height: 100%;
padding: 13px 10px;
}
/*.photo-browser-exposed .photo-browser-swiper-container {*/
/* background-color: transparent;*/
/*}*/
/*.photo-browser-exposed .navbar, .photo-browser-exposed .toolbar:not(.photo-browser-thumbs) {*/
/* opacity: 1;*/
/* visibility: visible;*/
/* pointer-events: auto;*/
/*}*/
.lot-board {
list-style-type: none;
display: block;
border-radius: 10px;
background-color: var(--popover-bg-color);
box-shadow: 0 0 8px 1px rgba(0, 0, 0, .1);
padding: 15px;
margin: 0 auto 20px;
}
.lot-board li {
display: flex;
display: -webkit-flex;
align-items: center;
--webkit-alig-items: center;
justify-content: space-between;
-webkit-justify-content: space-between;
grid-template-columns: 1fr;
row-gap: 10px;
color: var(--item-cl-color);
font-size: 17px;
font-family: "Arial", sans-serif;
position: relative;
}
.popup.modal-in .lot-board li {
padding: 7px 0 10px;
}
.popup.modal-in .lot-board li:first-of-type {
padding-top: 0;
}
.popup.modal-in .lot-board li:last-of-type {
padding-bottom: 0;
}
.popup.modal-in .lot-board li:not(:last-of-type):after {
content: '';
position: absolute;
height: 1px;
bottom: 0;
left: -6px;
right: -6px;
width: auto;
transform: none;
background-color: var(--input-border);
}
.lot-board .board-cost, .lot-board .board-time {
font-size: 22px;
font-weight: 700;
}
.popup.modal-in .lot-board li span {
font-size: 14px;
}
.lot-board .board-cost.cost-green, .lot-board .board-time.cost-green {
color: var(--title-color);
}
.lot-board .board-cost.cost-red, .lot-board .board-time.cost-red {
color: var(--theme-red);
}
.dark .navbar .navbar-bg {
background: #151515 !important; }
.dark .page.bg-gray, .dark .page-content.bg-gray {
background: #080808 !important; }
.dark .nav-wizard:after {
background: -moz-linear-gradient(to left, #151515 0%, rgba(255, 255, 255, 0) 54%, #151515 100%);
background: -webkit-linear-gradient(to left, #151515 0%, rgba(255, 255, 255, 0) 54%, #151515 100%);
background: linear-gradient(to right, #151515 0%, rgba(255, 255, 255, 0) 54%, #151515 100%); }
/* Background Color Dark 2 */
.dark .view-logo .logo-icon,
.dark .page-content .searchbar.search-box .searchbar-input-wrap input,
.dark .tabbar.tab-style-1 .toolbar-inner,
.dark .button.button-gray,
.dark .categories-bx,
.dark .dz-range .range-slider .range-bar,
.dark .navbar.navbar-style-1 .navbar-inner .link.back,
.dark .store-card,
.dark .notification-list .card,
.dark .wishlist-bx {
background-color: #000; }
.dark .widget_getintuch ul li .icon-bx,
.dark .messagebar .toolbar-inner .demo-send-message-link {
color: #fff; }
/* Theme Color White */
.dark .text-black,
.dark .form-elements ul .item-content .item-inner .item-input-wrap .form-control,
.dark .navbar.navbar-transparent.navbar-transparent-visible .title,
.dark .navbar.navbar-transparent.navbar-transparent-visible a,
.dark .navbar.navbar-transparent.navbar-transparent-visible i,
.dark .navbar a.link,
.dark .tab-style-1 .tab-link.tab-link-active,
.dark .search-list-bar .item-content .item-inner .item-title-row .item-title,
.dark .tabbar.tab-style-1 .tab-link.tab-link-active,
/*.dark .tabbar.tab-style-2 .tab-link,*/
.dark .panel-close i,
.dark .notification-bar span,
.dark .featured-card .location,
.dark .company-details .head-details .block-btn .title,
.dark .get-started p,
.dark .item-bx .price,
.dark .item-details .price-bx .price del,
.dark .sub-title,
.dark .item-details .stepper input {
color: #fff; }
.navbar a.link [fill] {
fill: #232323;
}
.navbar a.link.popup-close svg path[fill="none"] {
display: none;
}
/* Theme Dark Color Fill White */
.dark .navbar a.link path[fill],
.dark .navbar a.link path,
.dark .navbar a.link rect,
.dark .navbar a.link rect[fill],
.dark .navbar a.link [fill],
.dark .navbar.navbar-style-1,
.dark .navbar-inner .link.back [fill],
.dark .navbar.navbar-style-1 .navbar-inner .link.back path {
fill: #fff; }
.dark .photo-browser-page .navbar a.link.popup-close path:first-of-type{
display: none;
}
.ios.dark .photo-browser-page .navbar a.link.popup-close path:first-of-type{
display: block;
}
.dark .photo-browser-page .navbar a.link path:last-of-type {
fill: #fff;
}
/* Theme Color Second */
.dark .search-list-bar .item-content .item-inner .item-text,
.dark .form-elements ul .item-content .item-inner .item-input-wrap .form-control::placeholder,
.dark .account-area p,
.dark .account-area .form-text {
color: #fff; }
.dark .navbar.navbar-style-1.navbar-transparent .link.back {
background-color: rgba(255, 255, 255, 0.2); }
.dark .navbar.navbar-style-1.navbar-transparent.navbar-transparent-visible .title,
.dark .dz-accordion .accordion-item .item-link.item-content .item-title,
.dark .checkbox-form-control .checkbox-text,
.dark .nav-wizard li .nav-link span,
.dark .wishlist-bx .price {
color: #fff; }
/* Background Color White */
.dark .swiper-pagination-bullet {
background: #fff; }
.navbar {
background: #F6F5F3;
height: 60px;
}
.ios .navbar {
height: 44px;
}
.dark .navbar {
background: var(--f7-bars-bg-color);
}
.navbar .title-large-text {
font-size: 20px;
}
/*.navbar a.link {*/
/* padding: 0 10px !important;*/
/* justify-content: center;*/
/* color: #1b1b1b;*/
/* min-width: 46px; }*/
.md .navbar a.link, .ios .navbar a.link {
height: 36px;
background-color: #F6F5F3;
border-radius: 36px;
display: inline-flex;
display: -webkit-inline-flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
color: var(--item-cl-color);
gap: 6px;
padding: 0 4px;
min-width: 36px;
width: auto;
}
.md .navbar a.link:not(.panel-open), .ios .navbar a.link:not(.panel-open) {
border: 1px solid var(--input-border);
background-color: var(--input-border);
}
.md.dark .navbar a.link, .ios.dark .navbar a.link {
background-color: #22242a;
}
.md.dark .navbar a.link:not(.panel-open), .ios.dark .navbar a.link:not(.panel-open) {
border: 0 none;
}
.md .navbar.navbar-style-1.navbar-transparent a.link svg,
.ios .navbar.navbar-style-1.navbar-transparent a.link svg {
height: 20px;
width: 20px;
}
.md .navbar.navbar-style-1.navbar-transparent a.link,
.ios .navbar.navbar-style-1.navbar-transparent a.link {
color: var(--item-cl-color);
}
.md .navbar.navbar-style-1.navbar-transparent a.link path,
.ios .navbar.navbar-style-1.navbar-transparent a.link path {
fill: var(--item-cl-color);
}
.navbar a.link i {
font-size: 32px;
}
.navbar a.link span.if-not-md {
display: none!important;
}
.navbar .left {
margin-left: 0;
}
.navbar .left a {
padding-left: 0!important;
}
/*.navbar a.link [fill],*/
/*.navbar a.link path {*/
/* fill: #000000;*/
/*}*/
.navbar .navbar-inner {
max-width: 1024px;
left: 50%;
transform: translateX(-50%);
padding: 0 15px; }
.navbar .navbar-inner .title {
color: var(--item-cl-color);
font-weight: 700;
width: 100%;
text-align: left;
text-align: -webkit-left;
margin-left: 0;
margin-right: 10px;
font-size: 20px; }
.navbar-large .title {
opacity: 1;
}
.md .navbar-inner:not(.navbar-inner-centered-title) .title:first-child {
margin-left: 0;
}
.navbar .right {
margin-left: auto;
margin-right: -6px !important; }
.navbar.navbar-style-1 {
height: 60px; }
.navbar.navbar-style-1 .navbar-inner .link.back {
min-height: 46px;
min-width: 46px;
background-color: #F6F6F6;
border-radius: 50px;
padding: 0;
text-align: center;
justify-content: center; }
.navbar.navbar-style-1 .navbar-inner .link.back [fill],
.navbar.navbar-style-1 .navbar-inner .link.back path {
fill: #373737; }
.navbar.navbar-style-1 .navbar-inner .title {
text-align: left; }
.navbar.navbar-style-1 .navbar-inner .link.panel-open {
padding: 0 0 0 10px !important;
min-width: 40px; }
.navbar.navbar-style-1.navbar-transparent {
background-color: transparent;
border-color: transparent;
opacity: 0;
visibility: hidden;
z-index: -1;
}
.navbar[aria-hidden="true"], .navbar.navbar-previous {
opacity: 0;
display: none;
visibility: hidden;
z-index: -100;
}
.navbar.navbar-style-1.navbar-transparent a.link [fill],
.navbar.navbar-style-1.navbar-transparent a.link path {
fill: #fff; }
.navbar.navbar-style-1.navbar-transparent a.link .title,
.navbar.navbar-style-1.navbar-transparent a.link a,
.navbar.navbar-style-1.navbar-transparent a.link i {
color: #fff; }
.navbar.navbar-style-1.navbar-transparent .title {
opacity: 1 !important;
color: #fff; }
.navbar.navbar-style-1.navbar-transparent .link.back {
background-color: rgba(255, 255, 255, 0.2); }
.navbar.navbar-style-1.navbar-transparent .link.back [fill],
.navbar.navbar-style-1.navbar-transparent .link.back path {
fill: #fff; }
.navbar.navbar-style-1.navbar-transparent.navbar-transparent-visible {
background: var(--f7-theme-color-white);
border: 1px solid #F4F4F4; }
.navbar.navbar-style-1.navbar-transparent.navbar-transparent-visible a.link .title,
.navbar.navbar-style-1.navbar-transparent.navbar-transparent-visible a.link a,
.navbar.navbar-style-1.navbar-transparent.navbar-transparent-visible a.link i {
color: var(--f7-theme-color); }
/*.navbar.navbar-style-1.navbar-transparent.navbar-transparent-visible a.link [fill],*/
/*.navbar.navbar-style-1.navbar-transparent.navbar-transparent-visible a.link path {*/
/* fill: var(--f7-theme-color); }*/
.navbar.navbar-style-1.navbar-transparent.navbar-transparent-visible .add-wishlist-btn i {
color: var(--item-cl-color); }
.navbar.navbar-style-1.navbar-transparent.navbar-transparent-visible .link.back {
background-color: #F6F6F6; }
.navbar.navbar-style-1.navbar-transparent.navbar-transparent-visible .link.back [fill],
.navbar.navbar-style-1.navbar-transparent.navbar-transparent-visible .link.back path {
fill: #373737; }
.navbar.navbar-style-1.navbar-transparent.navbar-transparent-visible .title {
color: #1b1b1b; }
.popup.photo-browser-popup .navbar .right {
right: 15px;
margin-right: 0 !important;
}
.popup.photo-browser-popup .navbar:has(.title) .right {
right: 0;
margin-right: 0 !important;
}
.photo-browser-page .toolbar a .icon-back:after, .photo-browser-page .toolbar a .icon-back:before,
.photo-browser-page .toolbar a .icon-forward:after, .photo-browser-page .toolbar a .icon-forward:before {
content: none;
}
.photo-browser-page .toolbar a .icon-back {
background: url("./icons/arrow-left.svg") no-repeat center / contain;
}
.photo-browser-page .toolbar a .icon-forward {
background: url("./icons/arrow-right.svg") no-repeat center / contain;
}
.dark .photo-browser-page .toolbar a .icon-back {
background: url("./icons/arrow-left-white.svg") no-repeat center / contain;
}
.dark .photo-browser-page .toolbar a .icon-forward {
background: url("./icons/arrow-right-white.svg") no-repeat center / contain;
}
.photo-browser-page .toolbar a {
color: #232323;
}
.dark .photo-browser-page .toolbar a {
color: #fff;
}
@media screen and (max-width: 430px) {
.popup .block {
padding-left: 0;
padding-right: 0;
}
.popup .block.seller-title {
padding-left: 15px;
}
.popup .data-table.card {
margin: 0!important;
}
}
.picker-columns::before {
background-image: linear-gradient(to bottom, #fff, transparent);
}
.picker-columns::after {
background-image: linear-gradient(to top, #fff, transparent);
}
.dark .picker-columns::before {
background-image: linear-gradient(to bottom, #2b2e38, transparent);
}
.dark .picker-columns::after {
background-image: linear-gradient(to top, #2b2e38, transparent);
}
.picker-center-highlight, .ios .picker-center-highlight, .md .picker-center-highlight {
background-color: #d9d9d9;
left: 0;
right: 0;
border-radius: 0;
border: 0 none;
}
.dark .picker-center-highlight, .ios.dark .picker-center-highlight, .md.dark .picker-center-highlight {
background-color: #151515;
}
.block.seller-stats {
padding-left: 0;
padding-right: 0;
padding-top: 1.1rem;
margin-top: 0;
}
.block.seller-description svg {
transform: translateY(6px);
height: 26px;
fill: var(--placeholder-color);
margin-right: 5px;
width: 26px;
}
.item-list ul {
/*background-color: var(--basic-gr-bg);*/
border-radius: 10px;
}
.tab .search-list.item-list {
padding-bottom: 50px;
}
.popup .data-table.card {
background-color: var(--basic-card-bg);
border-radius: 10px;
box-shadow: 0 8px 12px -4px rgba(0, 0, 0, .15);
}
.popup .data-table thead th,.popup .data-table thead td {
background-color: var(--accent-300);
color: #fff;
height: 36px;
font-size: 17px;
padding-left: 15px;
padding-right: 15px;
}
.popup .data-table td {
padding-left: 15px;
padding-right: 15px;
color: var(--table-text-color);
}
.popup .data-table thead th:first-of-type,.popup .data-table thead th:last-of-type,.popup .data-table td:first-of-type, .popup .data-table td:last-of-type {
width: 110px;
}
.popup .data-table thead th:nth-of-type(2), .popup .data-table td:nth-of-type(2) {
text-align: center;
}
.tabbar.tab-style-1 {
height: 56px;
background-color: transparent;
z-index: 9; }
.tabbar.tab-style-1 .toolbar-inner {
margin-left: -4px;
margin-right: -4px;
height: 100%; }
.tabbar.tab-style-1:before, .tabbar.tab-style-1:after {
content: none; }
.tabbar.tab-style-1 .tab-link-highlight {
display: none; }
.tabbar.tab-style-1 .tab-link {
font-size: 16px;
line-height: 16px;
text-transform: capitalize;
letter-spacing: unset;
font-weight: 500;
width: auto;
padding: 14px 24px;
height: 46px;
background-color: transparent;
border-radius: 30px;
border: 1px solid var(--f7-theme-color);
color: var(--f7-theme-color);
margin-left: 4px;
margin-right: 4px; }
.tabbar.tab-style-1 .tab-link.tab-link-active {
color: #fff;
background-color: var(--f7-theme-color); }
.tabbar.tab-style-1 swiper-slide {
width: auto; }
.tabbar.tab-style-2 {
background-color: transparent;
margin-left: -15px;
border-bottom: 1px solid var(--border-color); }
.tabbar.tab-style-2:before, .tabbar.tab-style-2:after {
content: none; }
.tabbar.tab-style-2 .tab-link-highlight {
display: none; }
.tabbar.tab-style-2 swiper-slide {
width: auto; }
.tabbar.tab-style-2 swiper-slide:first-child {
margin-left: 15px; }
.tabbar.tab-style-2 .tab-link {
font-size: 18px;
letter-spacing: unset;
text-transform: capitalize;
border-bottom: 3px solid;
border-color: transparent;
color: var(--menu-item-color);
opacity: 1;
height: 50px;
padding: 10px 15px; }
.dark .tabbar.tab-style-2 .tab-link.tab-link-active {
/*font-weight: 600;*/
color: #fff;
border-color: var(--accent-300);
opacity: 1;
}
.tabbar.tab-style-2 .tab-link.tab-link-active {
border-color: var(--accent-300);
color: #232323;
}
@media only screen and (max-width: 991px) {
.tabbar.tab-style-2 {
margin-right: -15px; } }
.button {
/*letter-spacing: .08rem;*/
--f7-button-large-text-transform: none;
--f7-button-text-transform: none;
border-radius: 10px;
}
.button.lot-popover {
height: 44px;
border: 1px solid #232323;
border-radius: 10px;
flex-shrink: 0;
padding: 5px;
width: 44px;
}
.dark .button.lot-popover {
border-color: #cecece;
}
.dark .button.lot-popover path {
fill: #cecece;
}
.button.button-fill, .ios .button-fill {
height: 44px;
color: #fff;
width: 100%;
font-size: 15px;
letter-spacing: 1px;
background-color: var(--accent-300);
font-weight: 600;
transition: background-color .3s ease-in-out 0s, color 0s ease-in-out 0s;
}
.button.button-fill.tg-button, .ios .button-fill.tg-button {
background-color: #0088cc;
}
.button.button-fill.border-button, .ios .button-fill.border-button {
background-color: transparent;
border: 1px solid var(--placeholder-color);
color: var(--placeholder-color);
font-weight: 600;
margin-top: 8px;
}
.dark .button.button-fill.border-button, .dark.ios .button-fill.border-button, .dark .button.button-fill, .dark.ios .button-fill {
font-weight: 500;
}
.button.button-fill.tg-button:before, .ios .button-fill.tg-button:before {
content: '';
height: 24px;
width: 24px;
position: absolute;
left: 15px;
top: 50%;
margin-top: -12px;
background: url("./icons/telegram.png") no-repeat center / contain;
}
.button.button-large {
height: 44px;
font-size: 16px;
padding: 10px 15px;
background-color: var(--accent-300);
line-height: 1.3;
font-weight: 600; }
/*.dark .button.button-fill, .ios.dark .button-fill,.dark .button.button-large {*/
/* background-color: #24bc6e;*/
/*}*/
.button.button-large svg {
margin-right: 10px;
}
.button.color-light {
background-color: var(--f7-theme-color-light);
color: var(--f7-theme-color); }
.button.button-secondary {
background-color: #fff;
border: 1px solid #750000;
color: #750000;
}
.button.button-gray {
background-color: #E5E5E5;
color: #646464; }
.button.button-gray.signup, .button-large.button.recovery {
color: #fff;
text-transform: lowercase;
display: block;
}
.button.button-gray.signup {
background-color: #750000;
}
.button.button-gray.signup:first-letter, .button-large.button.recovery:first-letter {
text-transform: capitalize;
}
.rounded-sm {
border-radius: 8px; }
.rounded-md {
border-radius: 12px; }
.rounded-lg {
border-radius: 20px; }
/*.rounded-xl {*/
/* border-radius: 50px; }*/
.button-outline {
border-width: 1px; }
/*.button-social {*/
/* text-transform: capitalize; }*/
.button-social.rounded-xl, .button-large.rounded-xl {
border-radius: 10px; }
.button.button-social.telegram {
border: 1px solid #0088cc;
background-color: #fff;
color: #0088cc;
}
.button-social img {
width: 24px;
margin-right: auto; }
.button-social span {
width: 100%; }
.button-social.facebook {
background-color: #376aed; }
.button-social.google {
border: 1px solid #d1d1d1; }
.button-light {
background-color: #E8FFE0;
color: var(--f7-theme-color); }
input::-webkit-input-placeholder {transition: color .3s ease-in 0s!important;}
input:-moz-placeholder {transition: color .3s ease-in 0s!important;}
input::-moz-placeholder {transition: color .3s ease-in 0s!important;}
input:focus::-webkit-input-placeholder {color: transparent!important;}
input:focus:-moz-placeholder {color: transparent!important;}
input:focus::-moz-placeholder {color: transparent!important;}
.overlay-black-light,
.overlay-black-middle,
.overlay-black-dark,
.overlay-gradient-light,
.overlay-gradient-middle,
.overlay-gradient-dark,
.overlay-white-light,
.overlay-white-middle,
.overlay-white-dark,
.overlay-primary-light,
.overlay-primary-middle,
.overlay-primary-dark,
.overlay-primary {
position: relative; }
.overlay-black-light:before,
.overlay-black-middle:before,
.overlay-black-dark:before,
.overlay-gradient-light:before,
.overlay-gradient-middle:before,
.overlay-gradient-dark:before,
.overlay-white-light:before,
.overlay-white-middle:before,
.overlay-white-dark:before,
.overlay-primary-light:before,
.overlay-primary-middle:before,
.overlay-primary-dark:before,
.overlay-primary:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.overlay-black-light .container,
.overlay-black-light .container-fluid,
.overlay-black-middle .container,
.overlay-black-middle .container-fluid,
.overlay-black-dark .container,
.overlay-black-dark .container-fluid,
.overlay-gradient-light .container,
.overlay-gradient-light .container-fluid,
.overlay-gradient-middle .container,
.overlay-gradient-middle .container-fluid,
.overlay-gradient-dark .container,
.overlay-gradient-dark .container-fluid,
.overlay-white-light .container,
.overlay-white-light .container-fluid,
.overlay-white-middle .container,
.overlay-white-middle .container-fluid,
.overlay-white-dark .container,
.overlay-white-dark .container-fluid,
.overlay-primary-light .container,
.overlay-primary-light .container-fluid,
.overlay-primary-middle .container,
.overlay-primary-middle .container-fluid,
.overlay-primary-dark .container,
.overlay-primary-dark .container-fluid,
.overlay-primary .container,
.overlay-primary .container-fluid {
position: relative;
z-index: 1; }
.overlay-black-light:before,
.overlay-black-middle:before,
.overlay-black-dark:before {
background: #000; }
.overlay-gradient-light:before,
.overlay-gradient-middle:before,
.overlay-gradient-dark:before {
/*background: var(--gradient);*/
background-size: 200%; }
.overlay-white-light:before,
.overlay-white-middle:before,
.overlay-white-dark:before {
background: #FFF; }
.overlay-primary-light:before,
.overlay-primary-middle:before,
.overlay-primary-dark:before,
.overlay-primary:before {
background: var(--f7-theme-color); }
.overlay-primary-light:before,
.overlay-white-light:before,
.overlay-gradient-light:before,
.overlay-black-light:before {
opacity: 0.3; }
.overlay-primary-middle:before,
.overlay-white-middle:before,
.overlay-gradient-middl:before,
.overlay-black-middle:before {
opacity: 0.5; }
.overlay-primary-dark:before,
.overlay-white-dark:before,
.overlay-gradient-dark:before,
.overlay-black-dark:before {
opacity: 0.8; }
.badge-lg {
height: auto;
padding: 10px 20px;
border-radius: 30px;
color: #fff;
font-size: 18px;
line-height: 18px;
background-color: var(--f7-theme-color);
display: inline-flex; }
.badge-lg strong {
margin-right: 5px;
font-weight: 600; }
.dz-accordion {
margin: 0 -28px; }
.dz-accordion > ul:before, .dz-accordion > ul:after {
content: none; }
.dz-accordion .accordion-item {
border-bottom: 1px solid var(--border-color); }
.dz-accordion .accordion-item .item-link.item-content {
padding-left: 0; }
.dz-accordion .accordion-item .item-link.item-content .item-inner {
padding: 20px; }
.dz-accordion .accordion-item .item-link.item-content .item-inner:before {
right: 25px; }
.dz-accordion .accordion-item .item-link.item-content .item-title {
color: #000;
font-size: 16px;
font-weight: 600;
position: relative;
padding-left: 40px; }
.dz-accordion .accordion-item .item-link.item-content .item-title:before, .dz-accordion .accordion-item .item-link.item-content .item-title:after {
content: "";
position: absolute;
border-radius: 50%; }
.dz-accordion .accordion-item .item-link.item-content .item-title:before {
height: 20px;
width: 20px;
background-color: #fff;
left: 0;
top: 0;
border: 2px solid #8E8E8F;
}
.dz-accordion .accordion-item .item-link.item-content .item-title:after {
left: 7px;
top: 7px;
height: 10px;
width: 10px;
background-color: #fff; }
.dz-accordion .accordion-item.accordion-item-opened .item-link.item-content .item-title:before {
border-color: var(--f7-theme-color); }
.dz-accordion .accordion-item.accordion-item-opened .item-link.item-content .item-title:after {
background-color: var(--f7-theme-color); }
.dz-accordion .accordion-item .accordion-item-content .item-content-inner {
padding: 10px 20px 0; }
.searchbar input[type=search],
.searchbar input[type=text] {
font-size: 16px; }
input::placeholder {
color: #a5a5a5 !important; }
input.cdek-koxl8j::placeholder {
color: #706D6A !important;
}
input.cdek-koxl8j {
color: #44403C!important;
}
.page-content .searchbar {
--f7-searchbar-input-height: 100%; }
.page-content .searchbar.search-box, .ios .page-content .searchbar.search-box {
box-sizing: border-box;
height: 60px;
box-shadow: unset;
margin: 0 0 20px;
border-radius: 8px;
width: 100%;
background-color: transparent;
padding-top:10px;
}
.ios-translucent-bars .searchbar {
backdrop-filter: none!important;
}
.page-content .searchbar.search-box .searchbar-inner {
padding-left: 0;
padding-right: 0; }
.page-content .searchbar.search-box .searchbar-input-wrap input {
/*border: 1px solid #e9e9e9;*/
height: 36px;
flex-grow: 1;
-webkit-flex-grow: 1;
background-color: #fff;
font-size: 16px;
padding: 7px 12px 7px 38px;
border-radius: 10px;
box-shadow: 0 4px 8px -3px rgba(0, 0, 0, .2);
font-weight: 400;
color: #585858; }
.page-content .searchbar.search-box .searchbar-input-wrap {
height: 38px;
align-items: center;
-webkit-align-items: center;
gap: 10px;
}
.searchbar-input-wrap .panel-open {
display: flex;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
height: 36px;
flex-shrink: 0;
-webkit-flex-shrink: 0;
background-color: var(--basic-white-bg);
box-shadow: 0 4px 8px -3px rgba(0, 0, 0, .2);
border-radius: 10px;
cursor: pointer;
width: 36px;
}
.searchbar-input-wrap .panel-open path {
fill: var(--item-cl-color);
}
.page-content .searchbar.search-box .searchbar-input-wrap .searchbar-icon, .ios .searchbar-icon {
width: 36px;
height: 36px;
display: flex;
display: -webkit-flex;
align-items: center;
--webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
top: 1px;
left: 3px;
cursor: default!important;
pointer-events: none!important;
margin: 0;
right: auto;
}
.searchbar-input-wrap .searchbar-icon svg {
height: 23px;
width: 23px;
}
.page-content .searchbar.search-box .searchbar-input-wrap .searchbar-icon::after {
content: none;
}
.md .searchbar .input-clear-button, .ios .searchbar .input-clear-button {
height: 36px;
margin-top: -18px;
right: 50px;
transition: opacity .3s ease-in-out 0s;
width: 36px;
}
.md .searchbar .input-clear-button:after, .ios .searchbar .input-clear-button:after {
line-height: 36px!important;
}
.ios .searchbar .input-clear-button:before {
content: none;
}
.panel-cover.panel-right {
border-radius: 0;
}
.panel-cover.panel-right .list .item-title {
color: var(--menu-item-color);
}
.block .chip {
background-color: #fff;
border-radius: 10px;
margin-right: 5px;
}
.block .chip-delete {
opacity: .95;
}
.block .chip-delete:after {
content: "\f00d";
font-family: "Font Awesome 6 Free", sans-serif;
font-weight: 900;
font-size: 20px;
color: #232323;
}
.block .chip-delete:hover:after {
opacity: 1;
}
.shipment-block.list {
margin: 32px 0 0;
}
.shipment-block.list li:last-of-type {
padding-bottom: 0;
}
.shipment-block.list li:last-of-type >div:last-of-type {
padding-bottom: 0;
}
/*.ios .searchbar-icon {*/
/* width: 13px;*/
/* height: 13px;*/
/* position: absolute;*/
/* top: 50%;*/
/* margin-top: 13px;*/
/* margin-right: 13px;*/
/* z-index: 40;*/
/* left: 8px*/
/*}*/
/*.ios .searchbar-icon:after {*/
/* content: "search_ios";*/
/* line-height: 13px;*/
/*}*/
.searchbar:after {
height: 0;
}
.blink2 {
color: var(--theme-red);
/*-webkit-animation: blink2 0.6s linear infinite;*/
/*animation: blink2 0.6s linear infinite;*/
}
.swiper-slide {
cursor: zoom-in;
}
.swiper-slide.swiper-slide-zoomed {
cursor: grab;
}
@-webkit-keyframes blink2 {
100% {
color: rgba(255, 0, 0, 0);
}
}
@keyframes blink2 {
100% {
color: rgba(255, 0, 0, 0);
}
}
.md .panel-cover.panel-left {
border-radius: 0;
}
.md .toggle-icon, .ios .toggle-icon {
border: 0 none;
background-color: #d9d9d9;
}
.toggle, .toggle-icon, .ios .toggle-icon {
height: 20px;
width: 40px;
}
.md .toggle-icon:before, .ios .toggle-icon:before {
height: 0;
width: 0;
}
.md .toggle-icon:after, .ios .toggle-icon:after {
height: 16px;
width: 16px;
background-color: white;
transform: none;
}
/* my inject begin */
.lonely-button, .info-instead-button {
border-radius: 10px;
padding: 8px;
height: 36px;
color: white;
box-sizing: border-box;
font-size: 15px;
line-height: 1.2;
font-weight: 600;
background-color: var(--accent-300);
/*transition: background-color .2s ease-in-out 0s, color .2s ease-in-out 0s;*/
}
/*.dark .lonely-button, .dark .info-instead-button {*/
/* font-weight: 500;*/
/*}*/
.lonely-button.autobid, .lonely-button.mybid,
.button.button-fill.autobid, .ios .button.button-fill.autobid,
.button.button-fill.mybid, .ios .button.button-fill.mybid {
background-color: #D9D9D9;
color: #232323;
pointer-events: none;
}
.dz-meta ul li .lonely-button.autobid path[fill], .dz-meta ul li .lonely-button.autobid path,
.dz-meta ul li .lonely-button.mybid path[fill], .dz-meta ul li .lonely-button.mybid path,
.button.button-fill.autobid path[fill], .ios .button.button-fill.autobid path[fill],
.button.button-fill.autobid path, .ios .button.button-fill.autobid path,
.button.button-fill.mybid path[fill], .ios .button.button-fill.mybid path[fill],
.button.button-fill.mybid path, .ios .button.button-fill.mybid path {
fill: #232323;
}
.lonely-button > svg {
flex-shrink: 0;
}
.button.button-fill > svg {
margin-right: 10px;
}
.lonely-button > span, .info-instead-button > span {
display: inline-block;
width: 24px;
position: absolute;
right: 50%;
margin-right: -12px;
height: 24px;
opacity: 0;
z-index: -1;
}
.lonely-button > span:after, .info-instead-button > span:after {
content: " ";
display: block;
width: 20px;
height: 20px;
margin: 0;
border-radius: 50%;
border: 2px solid var(--accent-100);
border-top-color: var(--accent-500);
animation: load-ring 1.2s linear infinite;
}
.lonely-button.autobid > span, .button.button-fill.autobid > span {
display: inline-flex;
display: -webkit-inline-flex;
align-items: center;
--webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
width: 13px;
position: relative;
right: auto;
margin-right: 0;
height: 24px;
opacity: 1;
z-index: 1;
}
.lonely-button.autobid > span:after, .button.button-fill.autobid > span:after {
content: none;
}
.lonely-button.autobid > span:before, .button.button-fill.autobid > span:before {
content: 'A';
position: relative;
font-weight: 600;
color: inherit;
font-size: 18px;
top: 1px;
}
.lonely-button.awaiting {
pointer-events: none;
background-color: var(--accent-300);
color: var(--accent-300);
}
.lonely-button.awaiting > span {
opacity: 1;
z-index: 1;
}
.dz-meta ul li .lonely-button.awaiting path {
fill: var(--accent-300);
}
@media screen and (max-width: 350px) {
.item-bx .dz-meta ul li:has(.lonely-button) .button.popover-open,
.item-bx .dz-meta ul li:has(.lonely-button) .button.lot-popover {
padding: 0 5px 0 5px;
}
}
.info-instead-button, .button-securedeal, .button-auctionterms {
display: -webkit-flex;
display: flex;
align-items: center;
--webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
background-color: transparent;
border-radius: 10px;
border: 1px solid var(--input-border);
color: var(--item-cl-color);
font-size: 15px;
font-weight: 600;
}
.info-instead-button {
border-color: transparent;
justify-content: center;
}
.star-container {
gap: 4px;
}
.button-securedeal, .button-auctionterms {
border-radius: 10px;
padding: 8px;
height: 40px;
justify-content: flex-start;
-webkit-justify-content: flex-start;
gap: 10px;
box-sizing: border-box;
font-size: 15px;
line-height: 1.2;
font-weight: 400;
}
.button-securedeal svg, .button-auctionterms svg {
flex-shrink: 0;
}
.button-auctionterms svg {
height: 24px;
width: 24px;
}
.button-securedeal svg path, .button-auctionterms svg path {
fill: var(--item-cl-color);
}
.item-details .button-securedeal span {
color: var(--placeholder-color);
opacity: 1;
margin-left: 0;
}
.picker .toolbar a.link, .popover .toolbar a.link {
color: var(--placeholder-color)!important;
}
.button.button-auctionterms span {
opacity: 1;
margin-left: 0;
}
@media screen and (max-width: 320px) {
.item-details .button-securedeal span {
display: none;
}
}
.fixed-content .list .item-inner, .fixed-content .block {
padding-right: 0;
padding-left: 0;
}
.negative-button {
border-radius: 50px 0 0 50px;
padding: 12px 12px 12px 18px;
height: auto;
box-sizing: border-box;
font-size: 16px;
line-height: 16px;
font-weight: 500;
background-color: lightpink;
}
.positive-button {
border-radius: 0 50px 50px 0;
padding: 12px 18px 12px 12px;
height: auto;
box-sizing: border-box;
font-size: 16px;
line-height: 16px;
font-weight: 500;
background-color: lightgreen;
}
.negative-button svg {
margin: 0 !important;
}
.popup.modal-in .navbar-inner .title {
padding-left: 13px;
}
@media (max-width: 430px) {
.positive-button {
font-size: 0;
}
.positive-button svg {
margin: 0 !important;
}
}