@font-face {
    font-family: 'GeneralSans';
    src: url('../fonts/GeneralSans-Extralight.woff2') format('woff2'),
        url('../fonts/GeneralSans-Extralight.woff') format('woff'),
        url('../fonts/GeneralSans-Extralight.ttf') format('truetype');
    font-weight: 200;
    font-display: swap;
    font-style: normal;
}


@font-face {
    font-family: 'GeneralSans';
    src: url('../fonts/GeneralSans-ExtralightItalic.woff2') format('woff2'),
        url('../fonts/GeneralSans-ExtralightItalic.woff') format('woff'),
        url('../fonts/GeneralSans-ExtralightItalic.ttf') format('truetype');
    font-weight: 200;
    font-display: swap;
    font-style: italic;
}


@font-face {
    font-family: 'GeneralSans';
    src: url('../fonts/GeneralSans-Light.woff2') format('woff2'),
        url('../fonts/GeneralSans-Light.woff') format('woff'),
        url('../fonts/GeneralSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-display: swap;
    font-style: normal;
}


@font-face {
    font-family: 'GeneralSans';
    src: url('../fonts/GeneralSans-LightItalic.woff2') format('woff2'),
        url('../fonts/GeneralSans-LightItalic.woff') format('woff'),
        url('../fonts/GeneralSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-display: swap;
    font-style: italic;
}


@font-face {
    font-family: 'GeneralSans';
    src: url('../fonts/GeneralSans-Regular.woff2') format('woff2'),
        url('../fonts/GeneralSans-Regular.woff') format('woff'),
        url('../fonts/GeneralSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}


@font-face {
    font-family: 'GeneralSans';
    src: url('../fonts/GeneralSans-Italic.woff2') format('woff2'),
        url('../fonts/GeneralSans-Italic.woff') format('woff'),
        url('../fonts/GeneralSans-Italic.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: italic;
}


@font-face {
    font-family: 'GeneralSans';
    src: url('../fonts/GeneralSans-Medium.woff2') format('woff2'),
        url('../fonts/GeneralSans-Medium.woff') format('woff'),
        url('../fonts/GeneralSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-display: swap;
    font-style: normal;
}


@font-face {
    font-family: 'GeneralSans';
    src: url('../fonts/GeneralSans-MediumItalic.woff2') format('woff2'),
        url('../fonts/GeneralSans-MediumItalic.woff') format('woff'),
        url('../fonts/GeneralSans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-display: swap;
    font-style: italic;
}


@font-face {
    font-family: 'GeneralSans';
    src: url('../fonts/GeneralSans-Semibold.woff2') format('woff2'),
        url('../fonts/GeneralSans-Semibold.woff') format('woff'),
        url('../fonts/GeneralSans-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-display: swap;
    font-style: normal;
}


@font-face {
    font-family: 'GeneralSans';
    src: url('../fonts/GeneralSans-SemiboldItalic.woff2') format('woff2'),
        url('../fonts/GeneralSans-SemiboldItalic.woff') format('woff'),
        url('../fonts/GeneralSans-SemiboldItalic.ttf') format('truetype');
    font-weight: 600;
    font-display: swap;
    font-style: italic;
}


@font-face {
    font-family: 'GeneralSans';
    src: url('../fonts/GeneralSans-Bold.woff2') format('woff2'),
        url('../fonts/GeneralSans-Bold.woff') format('woff'),
        url('../fonts/GeneralSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: normal;
}


@font-face {
    font-family: 'GeneralSans';
    src: url('../fonts/GeneralSans-BoldItalic.woff2') format('woff2'),
        url('../fonts/GeneralSans-BoldItalic.woff') format('woff'),
        url('../fonts/GeneralSans-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: italic;
}





:root {
    --first-font: 'GeneralSans', sans-serif;
    --second-font: 'Poppins', sans-serif;
    --theme-color: #6fd944;
    --second-color: #F6F8FA;
    --third-color: #F0F0F0;
    --grey-color: #999998;
    --border-color: #E1E1E1;
    --black: #1D1D1D;
    --white: #ffffff;
    --red: #ff3a6e;
    --warning-color: #FF8B36;
    --h1: normal 700 51px/1 var(--first-font);
    --h2: normal 500 42px/1 var(--first-font);
    --h3: normal 700 32px/1 var(--first-font);
    --h4: normal 600 22px/1 var(--first-font);
    --h5: normal 600 20px/1 var(--first-font);
    --h6: normal 500 18px/1 var(--first-font);
    --common-text: normal 500 14px/1.4 var(--first-font);
}


/* ============================================= */
/* !!!!        SITE GLOBAL STYLE CSS        !!!! */
/* ============================================= */
*,
:after,
:before {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    text-decoration: inherit;
    vertical-align: inherit;
}

html {
    outline: none;
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
}

body,
html {
    scrollbar-width: none;
}

body::-webkit-scrollbar {
    display: none;
}

body::-moz-scrollbar {
    display: none;
}

svg,
img {
    max-width: 100%;
    display: block;
}

a,
.btn,
button {
    text-decoration: none;
    outline: none;
    color: inherit;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    display: inline-block;
    cursor: pointer;
}

a,
a:hover,
a:focus,
a:active,
button,
button:hover,
button:focus,
input,
input:hover,
input:focus,
select,
select:hover,
select:focus,
textarea,
textarea:hover,
textarea:focus,
.btn,
.btn:hover,
.btn:focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
    text-decoration: none;
    -webkit-text-decoration-skip: objects;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    font-family: var(--first-font);
}

textarea {
    width: 100%;
    border: 1px solid var(--border-color);
    padding: 15px;
    font-weight: 500;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.form-check-input {
    width: 1.3em;
    height: 1.3em;
    border-color: var(--border-color);
}

.form-check-input:checked {
    background: var(--theme-color);
    border-color: var(--theme-color);
}

.form-switch {
    padding-left: 3.1em;
}

.form-switch .form-check-input {
    width: 45px;
    height: 25px;
    margin-left: -3em;
}

.form-switch .form-check-input:checked {
    background-repeat: no-repeat;
}

.form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgb(12 175 96 / 25%);
}

.form-check {
    display: flex;
    align-items: center;
}

.form-check label {
    margin-bottom: 0;
    margin-left: 10px;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    appearance: none;
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield;
}

::-webkit-input-placeholder {
    color: var(--black);
}

:-ms-input-placeholder {
    color: var(--black);
}

::placeholder {
    color: var(--black) !important;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    font-size: 100%;
    list-style: none;
    vertical-align: baseline;
}

body {
    font: var(--common-text);
    margin: 0;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    background: var(--white);
    color: var(--black);
    padding: 0;
}

html {
    overflow-x: hidden;
}

/* ============================================= */
/* !!!!         SITE TYPOGRAPHY CSS         !!!! */
/* ============================================= */
p,
li,
ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
    font: var(--common-text);
}

h1,
.h1 {
    font: var(--h1);
}

h2,
.h2 {
    font: var(--h2);
}

h3,
.h3 {
    font: var(--h3);
}

h4,
.h4 {
    font: var(--h4);
}

h5,
.h5 {
    font: var(--h5);
}

h6,
.h6 {
    font: var(--h6);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

h1 b,
h2 b,
h3 b,
h4 b,
h5 b,
h6 b,
.product-title b {
    font-weight: 500;
}

.uppercase {
    text-transform: uppercase;
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

b {
    font-weight: bold;
    display: inline-block;
}

p:not(:last-of-type) {
    margin-bottom: 15px;
}

/* header start */
.site-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 5;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
    color: var(--black);
    background: var(--second-color);
    border-bottom: 1px solid var(--border-color);
}

.main-navigationbar {
    display: flex;
    flex-wrap: wrap;
}

.site-logo {
    padding: 10px 23px;
    max-width: 196px;
    width: 100%;
    display: flex;
    align-items: center;
}

.site-logo a {
    display: block;
}

.menu-items-col {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}

.main-menu-dropdown {
    height: 100%;
}

.main-menu-dropdown .dropdown-toggle {
    background: var(--theme-color);
    height: 100%;
    border: 0;
    padding: 13px 15px;
}

.main-menu-dropdown .dropdown-toggle::after {
    display: none;
}

.main-menu-dropdown .dropdown-menu {
    background: var(--theme-color);
    border-color: var(--theme-color);
    margin-top: -2px !important;
    border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -ms-border-radius: 0px 0px 10px 10px;
    -o-border-radius: 0px 0px 10px 10px;
    color: var(--white);
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.main-menu-dropdown .dropdown-item {
    display: inline-flex;
    align-items: center;
}

.dropdown-item .menu-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #0A8E4E;
    margin-right: 15px;
    mix-blend-mode: normal;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.menu-mtext {
    color: rgba(255, 255, 255, 0.7);
}

.menu-mtext b {
    display: block;
    color: var(--white);
    font-weight: 600;
}

.close-menu .menu-icon {
    background: var(--red);
}


.dropdown-item:focus,
.dropdown-item:hover {
    background: transparent;
}

.menu-left {
    display: flex;
    flex-wrap: wrap;
}

.menu-left .menu-item:not(:last-of-type) {
    padding-right: 20px;
}

.menu-item>.menu-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 100%;
    line-height: 1;
}

.menu-item>.menu-link b {
    display: block;
}

.menu-item>.menu-link .menu-icon {
    border: 1px solid var(--border-color);
    padding: 5px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin-right: 15px;
}

.count {
    padding: 2px;
    display: inline-block;
    vertical-align: top;
    font-size: 10px;
    background: var(--theme-color);
    color: var(--white);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-left: 5px;
    margin-top: -5px;
}

.menu-text {
    position: relative;
}

.menu-items-col .menu-col:not(:first-of-type) {
    padding-left: 30px;
}

.menu-items-col .menu-col:not(:last-of-type) {
    padding-right: 30px;
    border-right: 1px solid var(--border-color);
}

.menu-col.header-search {
    flex: 1;
    display: flex;
    align-items: center;
}

.header-search .input-wrapper {
    position: relative;
}

.header-search .input-wrapper input {
    background: var(--white);
    border-color: var(--border-color);
    width: 100%;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    padding: 11px 15px 11px 50px;
}

.header-search form {
    width: 100%;
}

.header-search .input-wrapper button {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    border: 0;
    outline: none;
    background: transparent;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    padding: 0;
}

.form-control {
    font-weight: 500;
}

.form-control:focus {
    box-shadow: 0 0 0 0.25rem rgb(12 175 96 / 25%);
    border-color: var(--theme-color);
}

.menu-item-right .list-unstyled {
    display: flex;
    height: 100%;
}

.menu-item-right .list-unstyled .menu-item {
    display: flex;
    align-items: center;
}

.menu-item-right .list-unstyled .menu-item:not(:first-of-type) {
    padding-left: 20px;
}

.user-menu {
    display: flex;
    height: 100%;
}

.user-menu .menu-item {
    display: flex;
}

.user-menu .menu-item a {
    display: flex;
    align-items: center;
}

.user-menu .menu-item a .menu-icon {
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
}

.user-menu .menu-item a .avtar {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    object-fit: cover;
}

.dropdown .dropdown-toggle::after {
    display: none;
}

.dropdown .dropdown-toggle.arrow-show {
    padding-right: 25px;
}

.dropdown .dropdown-toggle.arrow-show::before {
    border-bottom: 2px solid var(--black);
    border-right: 2px solid var(--black);
    content: '';
    display: block;
    height: 8px;
    width: 8px;
    margin-top: -5px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.menu-item.logout-link {
    background: var(--red);
    color: var(--white);
}

.menu-item.logout-link a {
    color: var(--white);
}

.user-menu .menu-item:not(:last-of-type) {
    margin-right: 20px;
}

.user-menu .menu-item .menu-link {
    padding: 0 25px;
}

a:hover {
    color: var(--theme-color);
}

.page-header {
    padding: 25px 20px 0 0;
    border-bottom: 1px solid var(--theme-color);
}

.page-header .nav {
    height: 100%;
}

.nav.nav-pills .nav-link {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    background: var(--third-color);
    color: var(--black);
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -ms-border-radius: 5px 5px 0px 0px;
    -o-border-radius: 5px 5px 0px 0px;
    font-weight: 600;
    letter-spacing: 0.2px;
    padding: 11px 15px;
    height: 100%;
}

.nav.nav-pills .nav-item:not(:last-of-type) {
    margin-right: 15px;
}

.nav.nav-pills .nav-link .nav-icon {
    width: 20px;
    height: 20px;
    margin-right: 15px;
}

.nav.nav-pills .nav-link .nav-icon svg path,
.nav.nav-pills .nav-link .nav-icon svg circle {
    fill: var(--black);
}

.nav.nav-pills .nav-link.active {
    background: var(--theme-color);
    color: var(--white);
}

.nav.nav-pills .nav-link.active svg path,
.nav.nav-pills .nav-link.active svg circle {
    fill: var(--white);
}

.nav.nav-pills .nav-link:hover {
    background: var(--theme-color);
   color: var(--white);
}

.nav.nav-pills .nav-link:hover svg path, 
.nav.nav-pills .nav-link:hover svg circle {
   fill: var(--white);
}

.btn {
    padding: 11px 15px;
    color: var(--black);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.btn svg {
    width: 20px;
    height: 20px;
    margin-right: 15px;
}

.btn-outline-secondary {
    border-style: dashed;
    border-color: var(--border-color);
}

.btn-secondary {
    background: var(--third-color);
    border-color: var(--third-color);
}

.btn-warning {
    background: var(--warning-color);
    color: var(--white);
    border-color: var(--warning-color);
}

.btn-warning:hover,
.btn-warning:focus {
    background: transparent;
    color: var(--warning-color);
}

.btn-warning:hover svg path,
.btn-warning:focus svg path {
    fill: var(--warning-color);
}

.btn-danger {
    background: var(--red);
    color: var(--white);
    border-color: var(--red);
}

.btn-danger:hover,
.btn-danger:focus {
    background: transparent;
    color: var(--red);
}

.btn-danger:hover svg path,
.btn-danger:focus svg path {
    fill: var(--red);
}

.header-action-btns .btn-outline-secondary {
    border-bottom: 0;
    line-height: 1;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.page-header.d-flex .header-tab-nav {
    flex: 1;
}

.header-action-btns {
    display: flex;
    flex-wrap: wrap;
}

.header-action-btns .btn:not(:last-of-type) {
    margin-right: 15px;
}

.tab-pane-header {
    padding: 20px 0;
    display: flex;
    align-items: center;
}

.tab-pane-header .pane-header-fillter {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    padding-left: 15px;
}

.tab-pane-header .pane-header-fillter .form-group {
    display: flex;
    align-items: center;
}

.tab-pane-header .pane-header-fillter .form-group label {
    margin-right: 15px;
    white-space: nowrap;
}

.tab-pane-header .pane-header-fillter .form-group .select2 .selection {
    width: 160px;
    display: block;
}

.tab-container {
    padding: 0 20px 0 20px;
}

.product-card-inner .product-img>a {
    position: relative;
    padding-top: 74%;
    display: block;
    border-radius: 13px 13px 0px 0px;
    -webkit-border-radius: 13px 13px 0px 0px;
    -moz-border-radius: 13px 13px 0px 0px;
    -ms-border-radius: 13px 13px 0px 0px;
    -o-border-radius: 13px 13px 0px 0px;
    background: var(--third-color);
}

.product-card-inner .product-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 10px;
    border-radius: 13px 13px 0px 0px;
    -webkit-border-radius: 13px 13px 0px 0px;
    -moz-border-radius: 13px 13px 0px 0px;
    -ms-border-radius: 13px 13px 0px 0px;
    -o-border-radius: 13px 13px 0px 0px;
}

.product-content {
    background: var(--third-color);
    padding: 10px;
    border-radius: 0px 0px 13px 13px;
    -webkit-border-radius: 0px 0px 13px 13px;
    -moz-border-radius: 0px 0px 13px 13px;
    -ms-border-radius: 0px 0px 13px 13px;
    -o-border-radius: 0px 0px 13px 13px;
    flex: 1;
}

.add-new-product {
    display: flex;
    height: 100%;
}

.add-new-product a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    border: 1px dashed var(--border-color);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    padding: 15px;
    text-align: center;
}

.add-new-product a svg {
    margin-bottom: 15px;
}


.select2.select2-container {
    width: 100% !important;
}

.select2-container .select2-selection--single {
    height: auto;
    padding: 10px 0;
    border-color: var(--border-color);
    border-radius: 12px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
}

.select2-selection__arrow b {
    display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow::after {
    border-bottom: 2px solid var(--black);
    border-right: 2px solid var(--black);
    content: '';
    display: block;
    height: 8px;
    width: 8px;
    margin-top: -5px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::after {
    transform: rotate(-136deg);
    -webkit-transform: rotate(-136deg);
    -moz-transform: rotate(-136deg);
    -ms-transform: rotate(-136deg);
    -o-transform: rotate(-136deg);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    padding: 11px 15px;
}

.select2-search--dropdown {
    padding: 10px 15px;
}

.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-dropdown {
    border-color: var(--border-color);
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: var(--theme-color);
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 30px;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #36383D !important;
    border-radius: 12px;
    padding: 10px 10px 15px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: var(--theme-color);
    color: var(--white);
    border-color: var(--theme-color);
    padding-left: 0;
    padding-right: 25px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--white);
    font-size: 22px;
    top: 50%;
    transform: translateY(-50%);
    left: auto;
    right: 5px;
    border: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding: 10px;
    display: inline-block;
}

.product-card-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.variation-menu {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
}

.variation-menu .dropdown-toggle {
    width: 30px;
    height: 30px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: var(--white);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.variation-menu .dropdown-toggle svg {
    width: 20px;
    height: 20px;
}

.variation-menu .dropdown-menu {
    background: var(--white);
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.58);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.variation-menu .dropdown-menu h6 {
    font-size: 17px;
    color: var(--black);
}

.variation-menu .dropdown-menu h6+span {
    font-size: 14px;
}

.dropdown-item .subtitle {
    font-weight: 500;
    font-size: 15px;
    color: var(--black);
    display: block;
    margin-bottom: 10px;
}

.variation-menu .variation-selector {
    display: flex;
}

.variation-menu .variation-selector .checkbox:not(:last-of-type) {
    margin-right: 10px;
}

.variation-menu .addto-cart {
    width: 100%;
    box-shadow: 0px 5.04533px 12.6133px rgba(12, 175, 96, 0.37);
}


.checkbox input[type=radio] {
    display: none;
}

.checkbox input[type=radio]+.checkbox-label {
    display: block;
    border: 1px solid var(--black);
    color: var(--black);
    position: relative;
    font-weight: 600;
    letter-spacing: 0px;
    cursor: pointer;
    text-align: center;
    line-height: 1;
    transition: all 250ms ease;
    font-size: 13px;
    border-radius: 5px;
    padding: 10px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
}

.checkbox input[type=radio]:checked+.checkbox-label {
    background-color: var(--theme-color);
    color: var(--white);
    border-color: var(--theme-color);
}

.btn-primary {
    background: var(--theme-color);
    color: var(--white);
    border-color: var(--theme-color);
}

.btn-primary:hover,
.btn-primary:focus {
    background: transparent !important;
    border-color: var(--theme-color);
    color: var(--theme-color);
    box-shadow: none;
}

.btn-primary:hover svg path,
.btn-primary:focus svg path {
    fill: var(--theme-color);
}

.tab-container-right {
    background: var(--theme-color);
}

/* Cart style */
.mini-cart-body {
    padding: 15px 15px;
}

.mini-cart-item {
    display: flex;
    align-items: center;
}

.mini-cart-item:not(:last-of-type) {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed var(--border-color);
}

.mini-cart-image {
    width: 60px;
    height: 60px;
}

.mini-cart-image a {
    display: block;
    position: relative;
    padding-top: 100%;
}

.mini-cart-image a img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mini-cart-details {
    color: var(--white);
    padding-left: 15px;
    flex: 1;
}

.cart-variable {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.mini-cart-title {
    margin-bottom: 5px;
}

.cart-variable li {
    position: relative;
    line-height: 1;
    font-size: 13px;
}

.cart-variable li:not(:last-of-type) {
    padding-right: 10px;
    margin-right: 10px;
}

.cart-variable li:not(:last-of-type)::after {
    content: '';
    position: absolute;
    left: auto;
    right: 0;
    width: 1px;
    height: 100%;
    background: var(--border-color);
}

.qty-spinner {
    border: 1px solid var(--border-color);
    display: flex;
    max-width: 140px;
    background: var(--white);
    align-items: center;
    border-radius: 30px;
}

.qty-spinner button {
    padding: 0;
    margin: 0;
    border: 0;
    width: 35px;
    height: 35px;
    background: var(--theme-color);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

.qty-spinner button svg {
    margin: auto;
    height: 10px;
    width: 10px;
}

.qty-spinner input {
    border: 0;
    flex: 1;
    width: 29px;
    color: var(--black);
    padding: 0 5px;
    text-align: center;
    font-size: 14px;
    line-height: 1;
    margin: 0;
}

.qty-spinner button svg path {
    fill: var(--black);
}

.qty-spinner button.quantity-decrement {
    background: var(--black);
}

.qty-spinner button.quantity-decrement svg path {
    fill: var(--white);
}

.mini-cart-item>div:not(:last-of-type) {
    margin-right: 20px;
	width:450px;
}
.cart-item-right {
    width: 320px;
    justify-content: space-between;
}
.mini-cart-item-price {
    display: flex;
    align-items: center;
    color: var(--white);
}

.mini-cart-item-price .price {
    font-size: 16px;
}

.mini-cart-item-price .price strong {
    font-size: 20px;
}

.mini-cart-item-price .price:not(:last-of-type) {
    margin-right: 15px;
}

.cart-item-left {
    flex: 1;
}

.cart-item-left,
.cart-item-right {
    display: flex;
    align-items: center;
}

.remove_item {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.remove_item svg {
    width: 20px;
    height: 20px;
}

.cart-item-right .mini-cart-item-price {
    padding-left: 15px;
}

.mini-cart-footer {
    padding: 15px 0;
    background: var(--second-color);
}

.cart-summery ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    padding: 0 15px;
}

.mini-cart-footer-total-row {
    background: #BBBBBB;
    padding: 10px 15px;
    color: var(--white);
    font-size: 16px;
}

.mini-cart-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 15px;
    border: 1px dashed var(--border-color);
    text-align: center;
    background: var(--white);
    width: 110px;
    height: 100%;
}

.mini-cart-btn .m-text {
    flex: 1;
}

.mini-cart-btn .icon {
    margin-bottom: 15px;
}

.mini-cart-btn-list {
    padding: 15px 10px 0;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.mini-cart-btn-list .mini-cart-col {
    padding: 0 10px;
    margin-bottom: 15px;
}

.mini-cart-end {
    padding: 0 15px 0;
    padding-top: 50px;
}

.pay-btn {
    width: 100%;
    box-shadow: 0px 5.04533px 12.6133px rgba(12, 175, 96, 0.37);
}
.posgo-empty-cart{
    margin-top: 20px;
}

.product-content.d-flex {
    align-items: center;
}

.product-content.d-flex h6 {
    font-size: 16px;
}

.product-content .product-content-left {
    flex: 1;
    padding-right: 10px;
}
.product-content-left a:hover,.mini-cart-title a:hover{
    color:#002332
}
.product-content .price {
    font-size: 18px;
    color: var(--theme-color);
}

.product-img .badge {
    position: absolute;
    top: 10px;
    right: 10px;
}

.bg-success {
    background: var(--theme-color) !important;
}

.folder-badge {
    background: var(--white);
    position: absolute;
    top: 0;
    left: -1px;
    border-radius: 13.4px 0px;
    padding: 7px;
}

.bg-warning {
    background: var(--warning-color) !important;
}

.bg-danger {
    background: var(--red) !important;
}

.modal-backdrop {
    background: rgba(105, 105, 105, 0.9);
}

.modal-backdrop.fade {
    opacity: 1;
}

.modal-content {
    background: #FFFFFF;
    border-radius: 15px;
    border: 0;
    padding: 20px;
}

.modal-header .modal-title {
    flex: 1;
}

.modal-content .btn-close {
    position: absolute;
    top: -40px;
    right: -40px;
    width: 35px;
    height: 35px;
    border-radius: 4px;
    padding: 0;
    margin: 0;
    opacity: 1;
    background-image: unset !important;
}

.modal-header,
.modal-footer {
    border-color: var(--border-color);
}

.modal-header .price {
    font-size: 20px;
    color: var(--theme-color);
}

.modal-header {
    padding: 0 0 1rem;
}

.modal-body {
    padding: 1rem 0 0;
}

.modal-footer {
    padding: 1rem 0 0;
}

.form-label {
    color: var(--grey-color);
}

.form-control {
    border-color: var(--border-color);
    padding: 11px 15px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

body.modal-open .select2-dropdown {
    z-index: 9999;
}

.modal-body .checkbox input[type=radio]+.checkbox-label {
    padding: 15px 2px;
}

.modal-body .checkbox input[type=radio]:checked+.checkbox-label {
    background: transparent;
    color: var(--theme-color);
}

.keyboard {
    display: flex;
    border: 1px solid var(--border-color);
}

.keyboard-inputs {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}

.keyboard-inputs li {
    flex: 0 0 33.3%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    border-right: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    cursor: pointer;
}

.keyboard-inputs li a {
    width: 100%;
}

.keyboard-inputs li:nth-last-child(-n+3) {
    border-bottom: 0;
}

.keyboard-inputs li:hover {
    background: var(--theme-color);
    color: var(--white);
}

.bg-primary {
    background-color: var(--theme-color) !important;
}

.bg-secondary {
    background-color: var(--third-color) !important;
}

.keyboard-buttons {
    width: 229px;
}

.key-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid var(--border-color);
    height: 60px;
}
a#paying-now.disabled {
    opacity: 0.5;
}

.key-btn.bg-primary {
    color: var(--white);
}

.key-btn:hover {
    background: var(--theme-color) !important;
    color: var(--white);
}

.keyboard-buttons li:last-child .key-btn {
    border-bottom: 0;
}

.order-total {
    padding: 15px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    background: #DDDBE2;
}

.order-total ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order-total ul li:not(:last-of-type) {
    margin-bottom: 5px;
}

.modal-body .readonly-input {
    background: #AFF3D2;
    border: 1px solid #6fd944;
    text-align: right;
    font-weight: 600;
}

.modal-body .readonly-input:focus {
    box-shadow: none;
}

.order-subtotal {
    background: #AFF3D2;
    border: 1px solid #6fd944;
    padding: 15px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.order-subtotal ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order-subtotal ul li:not(:last-of-type) {
    margin-bottom: 2px;
}

.back-btn.btn-secondary {
    border: 1px dashed #002332;
}

.btn-secondary:hover svg path {
    fill: var(--white);
}

.btn.btn-outline-primary {
    border-color: var(--theme-color);
    border-style: dashed;
    color: var(--theme-color);
}

.btn.btn-outline-primary:hover,
.btn.btn-outline-primary:focus {
    background: var(--theme-color);
    color: var(--white);
}

.btn.btn-outline-primary:hover svg path,
.btn.btn-outline-primary:focus svg path {
    fill: var(--white);
}

svg path {
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.checkbox.active-bg input[type=radio]:checked+.checkbox-label {
    background: var(--theme-color);
    color: var(--white);
}

.select2.icon+.select2 .select2-selection--single .select2-selection__rendered {
    padding-left: 50px;
}

.select2.icon+.select2 .select2-selection--single .select2-selection__rendered::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 15px;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    background-size: 100%;
    background-repeat: no-repeat;
}

.select2.icon.wallet+.select2 .select2-selection--single .select2-selection__rendered::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M22 6V5.25C22.4142 5.25 22.75 5.58579 22.75 6H22ZM22 6.75H6V5.25H22V6.75ZM2.75 10V18H1.25V10H2.75ZM6 21.25H18V22.75H6V21.25ZM21.25 18V6H22.75V18H21.25ZM18 21.25C19.7949 21.25 21.25 19.7949 21.25 18H22.75C22.75 20.6234 20.6234 22.75 18 22.75V21.25ZM2.75 18C2.75 19.7949 4.20507 21.25 6 21.25V22.75C3.37665 22.75 1.25 20.6234 1.25 18H2.75ZM6 6.75C4.20507 6.75 2.75 8.20507 2.75 10H1.25C1.25 7.37665 3.37665 5.25 6 5.25V6.75Z' fill='%2328303F'/%3e%3cpath d='M22 5.25C22.4142 5.25 22.75 5.58579 22.75 6C22.75 6.41421 22.4142 6.75 22 6.75V5.25ZM18 2.75H12V1.25H18V2.75ZM8 5.25H22V6.75H8V5.25ZM12 2.75C10.2051 2.75 8.75 4.20507 8.75 6H7.25C7.25 3.37665 9.37665 1.25 12 1.25V2.75ZM18 1.25C20.6234 1.25 22.75 3.37665 22.75 6H21.25C21.25 4.20507 19.7949 2.75 18 2.75V1.25Z' fill='%2328303F'/%3e%3cpath d='M2 12L1.25 12C1.25 11.5858 1.58579 11.25 2 11.25L2 12ZM2 16L2 16.75C1.58579 16.75 1.25 16.4142 1.25 16L2 16ZM2.75 12L2.75 16L1.25 16L1.25 12L2.75 12ZM2 15.25L6 15.25L6 16.75L2 16.75L2 15.25ZM6 12.75L2 12.75L2 11.25L6 11.25L6 12.75ZM7.25 14C7.25 13.3096 6.69036 12.75 6 12.75L6 11.25C7.51878 11.25 8.75 12.4812 8.75 14L7.25 14ZM6 15.25C6.69036 15.25 7.25 14.6904 7.25 14L8.75 14C8.75 15.5188 7.51878 16.75 6 16.75L6 15.25Z' fill='%2328303F'/%3e%3c/svg%3e");
}

.select2.icon.discount+.select2 .select2-selection--single .select2-selection__rendered::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M2.75 2C2.75 1.58579 2.41421 1.25 2 1.25C1.58579 1.25 1.25 1.58579 1.25 2H2.75ZM22 22.75C22.4142 22.75 22.75 22.4142 22.75 22C22.75 21.5858 22.4142 21.25 22 21.25V22.75ZM15.5 14.25C15.0858 14.25 14.75 14.5858 14.75 15C14.75 15.4142 15.0858 15.75 15.5 15.75V14.25ZM18.2764 14.4472L17.6056 14.1118V14.1118L18.2764 14.4472ZM19.6708 13.3354C19.8561 12.9649 19.7059 12.5144 19.3354 12.3292C18.9649 12.1439 18.5144 12.2941 18.3292 12.6646L19.6708 13.3354ZM16.8728 14.9112L17.284 15.5384L18.5384 14.716L18.1272 14.0888L16.8728 14.9112ZM14.7644 10.3271L14.1372 10.7383V10.7383L14.7644 10.3271ZM13.0726 10.3576L12.431 9.96919L13.0726 10.3576ZM11.1644 13.5099L10.5228 13.1216L11.1644 13.5099ZM9.43044 13.4698L8.77155 13.8281L9.43044 13.4698ZM7.65889 8.64173C7.46103 8.27783 7.00562 8.14324 6.64173 8.34111C6.27783 8.53897 6.14324 8.99438 6.34111 9.35827L7.65889 8.64173ZM1.25 2V18H2.75V2H1.25ZM6 22.75H22V21.25H6V22.75ZM1.25 18C1.25 20.6234 3.37665 22.75 6 22.75V21.25C4.20507 21.25 2.75 19.7949 2.75 18H1.25ZM15.5 15.75H17.382V14.25H15.5V15.75ZM18.9472 14.7826L19.6708 13.3354L18.3292 12.6646L17.6056 14.1118L18.9472 14.7826ZM17.382 15.75C18.0448 15.75 18.6508 15.3755 18.9472 14.7826L17.6056 14.1118C17.5632 14.1965 17.4767 14.25 17.382 14.25V15.75ZM18.1272 14.0888L15.3917 9.91596L14.1372 10.7383L16.8728 14.9112L18.1272 14.0888ZM12.431 9.96919L10.5228 13.1216L11.8061 13.8983L13.7142 10.7459L12.431 9.96919ZM10.0893 13.1115L7.65889 8.64173L6.34111 9.35827L8.77155 13.8281L10.0893 13.1115ZM10.5228 13.1216C10.4229 13.2867 10.1815 13.2811 10.0893 13.1115L8.77155 13.8281C9.41688 15.0149 11.1065 15.054 11.8061 13.8983L10.5228 13.1216ZM15.3917 9.91596C14.6857 8.83911 13.0978 8.86767 12.431 9.96919L13.7142 10.7459C13.8095 10.5886 14.0363 10.5845 14.1372 10.7383L15.3917 9.91596Z' fill='%2328303F'/%3e%3c/svg%3e");
}

.select2.icon.dollar-coin+.select2 .select2-selection--single .select2-selection__rendered::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3ccircle cx='12' cy='12' r='10' stroke='%2328303F' stroke-width='1.5'/%3e%3cpath d='M14.75 10C14.75 10.4142 14.4142 10.75 14 10.75C13.5858 10.75 13.25 10.4142 13.25 10H14.75ZM12 11.25C12.4142 11.25 12.75 11.5858 12.75 12C12.75 12.4142 12.4142 12.75 12 12.75V11.25ZM13.25 10C13.25 9.30964 12.6904 8.75 12 8.75V7.25C13.5188 7.25 14.75 8.48122 14.75 10H13.25ZM12 8.75C11.3096 8.75 10.75 9.30964 10.75 10H9.25C9.25 8.48122 10.4812 7.25 12 7.25V8.75ZM10.75 10C10.75 10.6904 11.3096 11.25 12 11.25V12.75C10.4812 12.75 9.25 11.5188 9.25 10H10.75Z' fill='%2328303F'/%3e%3cpath d='M12 12.75C11.5858 12.75 11.25 12.4142 11.25 12C11.25 11.5858 11.5858 11.25 12 11.25V12.75ZM9.25 14C9.25 13.5858 9.58579 13.25 10 13.25C10.4142 13.25 10.75 13.5858 10.75 14H9.25ZM13.25 14C13.25 13.3096 12.6904 12.75 12 12.75V11.25C13.5188 11.25 14.75 12.4812 14.75 14H13.25ZM10.75 14C10.75 14.6904 11.3096 15.25 12 15.25V16.75C10.4812 16.75 9.25 15.5188 9.25 14H10.75ZM12 15.25C12.6904 15.25 13.25 14.6904 13.25 14H14.75C14.75 15.5188 13.5188 16.75 12 16.75V15.25Z' fill='%2328303F'/%3e%3cpath d='M12 6.5V8' stroke='%2328303F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M12 16V17.5' stroke='%2328303F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}

.form-control+.form-control {
    margin-top: 1rem;
}

.mini-cart-footer-total-row+.mini-cart-end {
    margin-top: 15px;
}

.mini-cart-end .btn-link {
    color: var(--black);
    font-weight: 500;
    display: inline-block;
    margin-top: 15px;
    text-decoration: none;
    font-size: 16px;
}

.orders-list .accordion-item .accordion-button {
    background: #D6D4D4;
    border-radius: 12px !important;
    border-color: var(--border-color);
    border-style: dashed;
    color: var(--black);
}

.accordion-item {
    border-radius: 12px !important;
    border-color: var(--border-color);
    border-style: dashed;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    -ms-border-radius: 12px !important;
    -o-border-radius: 12px !important;
}

.orders-list .accordion-button:not(.collapsed) {
    background: var(--theme-color);
    color: var(--white);
    box-shadow: none;
}

.accordion-button:focus {
    box-shadow: none;
}

.orders-list .accordion-button .order-date {
    display: flex;
    align-items: center;
}

.orders-list .accordion-button .order-date::before {
    content: '';
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    margin-right: 15px;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3e%3cpath opacity='0.4' d='M2.99951 9.00049L2.99951 27.0005C2.99951 30.3142 5.6858 33.0005 8.99951 33.0005L26.9995 33.0005C30.3132 33.0005 32.9995 30.3142 32.9995 27.0005L32.9995 9.00049C32.9995 5.68678 30.3132 3.00049 26.9995 3.00049L8.99951 3.00049C5.6858 3.00049 2.99951 5.68678 2.99951 9.00049Z' fill='%23002231'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.7955 24.796C18.3562 25.2353 17.6438 25.2353 17.2045 24.796L12.7045 20.296C12.2652 19.8566 12.2652 19.1443 12.7045 18.705C13.1438 18.2657 13.8562 18.2657 14.2955 18.705L16.875 21.2845L16.875 12.0005C16.875 11.3792 17.3787 10.8755 18 10.8755C18.6213 10.8755 19.125 11.3792 19.125 12.0005L19.125 21.2845L21.7045 18.705C22.1438 18.2657 22.8562 18.2657 23.2955 18.705C23.7348 19.1443 23.7348 19.8566 23.2955 20.296L18.7955 24.796Z' fill='%23002231'/%3e%3c/svg%3e");
}

.orders-list .accordion-button:not(.collapsed) .order-date::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3e%3cpath opacity='0.4' d='M33.0005 26.9995L33.0005 8.99951C33.0005 5.6858 30.3142 2.99951 27.0005 2.99951L9.00049 2.99951C5.68678 2.99951 3.00049 5.6858 3.00049 8.99951L3.00049 26.9995C3.00049 30.3132 5.68678 32.9995 9.00049 32.9995L27.0005 32.9995C30.3142 32.9995 33.0005 30.3132 33.0005 26.9995Z' fill='white'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.2045 11.204C17.6438 10.7647 18.3562 10.7647 18.7955 11.204L23.2955 15.704C23.7348 16.1434 23.7348 16.8557 23.2955 17.295C22.8562 17.7343 22.1438 17.7343 21.7045 17.295L19.125 14.7155L19.125 23.9995C19.125 24.6208 18.6213 25.1245 18 25.1245C17.3787 25.1245 16.875 24.6208 16.875 23.9995L16.875 14.7155L14.2955 17.295C13.8562 17.7343 13.1438 17.7343 12.7045 17.295C12.2652 16.8557 12.2652 16.1434 12.7045 15.704L17.2045 11.204Z' fill='white'/%3e%3c/svg%3e");
}

.orders-list .accordion-button::after {
    display: none;
}

.order-detail {
    display: flex;
    align-items: center;
    justify-content: end;
    flex: 1;
    padding-left: 15px;
}

.order-detail ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.order-detail ul li:not(:last-of-type) {
    padding-right: 25px;
}

.order-detail ul li span {
    display: block;
    text-align: right;
}

.order-count {
    padding: 10px 15px;
    background: var(--third-color);
    color: var(--black);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    font-weight: 600;
    font-size: 12px;
}

.orders-list .accordion-item .accordion-button .order-count {
    margin-left: 15px;
}

.order-count svg {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
}

.order-col-body {
    background: #F7F7F7;
    border: 1px dashed #DDDBE2;
    padding: 15px 0;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.order-col-body .order-col-left,
.order-col-body .order-col-right {
    padding: 0 15px;
}

.order-col-body:hover,
.order-col-body.active {
    background: #AFF3D2;
    border-color: var(--theme-color);
}

.order-col-body .order-col-left {
    display: flex;
    align-items: center;
}

.order-col-body .order-col-left .order-desk {
    padding-left: 25px;
}

.order-col-body .order-col-left p {
    margin-bottom: 0;
}

.order-col-body .price {
    font-size: 16px;
    text-align: right;
    line-height: 1;
    padding-right: 15px;
}

.order-col-body .price strong {
    display: block;
}

.order-col-right {
    display: flex;
    align-items: center;
    justify-content: end;
}

.order-col-card:not(:last-of-type) {
    margin-bottom: 15px;
}

.orders-list .accordion-item:not(:last-of-type) {
    margin-bottom: 15px;
}

.order-status {
    padding: 10px;
    background: #F2F2F2;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order-status .status-desk {
    flex: 1;
    padding-right: 15px;
}

.order-status p {
    margin-bottom: 0;
    font-size: 12px;
}

.order-status .badge {
    border: 1px solid var(--theme-color);
    border-radius: 33px;
    font-weight: 500;
    padding: 10px 10px;
}

.order-status .badge.bg-success {
    background: rgba(12, 175, 96, 0.28) !important;
    color: var(--theme-color);
}

.header-notification {
    padding-left: 15px;
    padding-bottom: 15px;
}

.register-screen {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.register-screen .page-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.register-screen .page-background img {
    width: 100%;
    height: 100%;
}

.register-form-wrapper {
    max-width: 515px;
    width: 100%;
}

.register-form-wrapper .store-logo {
    max-width: 300px;
    width: 100%;
    margin: 0 auto 26px;
}
.register-form-wrapper .store-logo img{
    margin: auto;
}
.register-form {
    background: var(--white);
    padding: 25px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.register-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    padding: 3.3% 0;
}

.form-header {
    text-align: center;
    margin-bottom: 26px;
}

.form-header h3 {
    margin-bottom: 15px;
}

.page-background-left,
.page-background-right {
    max-width: 440px;
    width: 100%;
}

.page-background-left {
    padding-right: 50px;
}

.page-background-right {
    padding-left: 50px;
}

.page-background-left img,
.page-background-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.form-group {
    position: relative;
    margin-bottom: 1rem;
}

label {
    margin-bottom: 0.5rem;
}

.form-group .pass-show {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 24px;
    height: 24px;
    display: inline-block;
    z-index: 1;
    cursor: pointer;
}

.form-group .pass-show::before {
    content: '';
    width: 24px;
    height: 24px;
    display: block;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M21.229 13.8679C19.913 16.0639 16.96 19.75 12 19.75C11.037 19.75 10.0861 19.604 9.17408 19.315C8.77908 19.19 8.56105 18.769 8.68605 18.374C8.81005 17.978 9.23496 17.762 9.62696 17.885C10.392 18.127 11.19 18.25 12 18.25C16.222 18.25 18.7901 15.02 19.9441 13.094C20.3521 12.418 20.3521 11.581 19.9461 10.907C19.6001 10.324 19.177 9.72798 18.72 9.17898C18.455 8.85998 18.4991 8.38707 18.8181 8.12307C19.1381 7.85807 19.61 7.90199 19.875 8.21999C20.381 8.82899 20.8509 9.49199 21.2329 10.137C21.9259 11.284 21.926 12.7159 21.229 13.8679ZM10.063 14.9981L3.53004 21.531C3.38404 21.677 3.19201 21.751 3.00001 21.751C2.80801 21.751 2.61598 21.678 2.46998 21.531C2.17698 21.238 2.17698 20.763 2.46998 20.47L5.64503 17.2949C4.31703 16.1499 3.35205 14.837 2.76905 13.866C2.07505 12.716 2.07501 11.2841 2.77101 10.1331C4.08701 7.93708 7.04001 4.251 12 4.251C13.835 4.251 15.565 4.76994 17.155 5.78494L20.469 2.47097C20.762 2.17797 21.237 2.17797 21.53 2.47097C21.823 2.76397 21.823 3.23901 21.53 3.53201L10.065 14.9971C10.065 14.9971 10.065 14.9981 10.064 14.9981C10.063 14.9981 10.063 14.9971 10.063 14.9981ZM9.6089 13.3311L13.3311 9.60891C12.9291 9.38191 12.478 9.251 12 9.251C10.484 9.251 9.25099 10.484 9.25099 12.001C9.25099 12.478 9.3829 12.9291 9.6089 13.3311ZM6.70704 16.232L8.51905 14.4199C8.02405 13.7169 7.75099 12.882 7.75099 11.999C7.75099 9.65605 9.65701 7.74905 12 7.74905C12.884 7.74905 13.7179 8.02211 14.4209 8.51711L16.052 6.88601C14.787 6.14501 13.432 5.74807 12 5.74807C7.77801 5.74807 5.20992 8.97808 4.05592 10.9041C3.64792 11.5801 3.64797 12.4171 4.05397 13.0911C4.59097 13.9881 5.48304 15.201 6.70704 16.232ZM14.708 12.4351C14.528 13.5951 13.594 14.53 12.436 14.709C12.027 14.772 11.7461 15.155 11.8091 15.564C11.8671 15.935 12.1861 16.2 12.5491 16.2C12.5871 16.2 12.6261 16.1969 12.6641 16.1909C14.4911 15.9089 15.908 14.4921 16.19 12.6641C16.253 12.2541 15.973 11.8721 15.563 11.8081C15.163 11.7471 14.771 12.0251 14.708 12.4351Z' fill='%231D1D1D'/%3e%3c/svg%3e");
}

.pass-show.fa-eye::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 409.6 409.6' style='enable-background:new 0 0 409.6 409.6;' xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath d='M204.8,68.268c-87.567,0-163.835,54.999-204.8,136.535c40.965,81.551,117.233,136.53,204.8,136.53 s163.835-54.979,204.8-136.53C368.635,123.272,292.367,68.268,204.8,68.268z M204.8,307.203c-65.9,0-128.133-38.82-165.914-102.4 c37.78-63.58,100.014-102.4,165.914-102.4c65.899,0,128.133,38.82,165.914,102.4C332.933,268.383,270.699,307.203,204.8,307.203z'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3cpath d='M204.8,128.003c-42.435,0-76.8,34.365-76.8,76.8c0,42.419,34.365,76.8,76.8,76.8c42.414,0,76.8-34.381,76.8-76.8 C281.6,162.368,247.214,128.003,204.8,128.003z M204.8,247.473c-23.567,0-42.665-19.098-42.665-42.67 c0-23.567,19.098-42.665,42.665-42.665s42.665,19.098,42.665,42.665C247.465,228.375,228.367,247.473,204.8,247.473z'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3c/svg%3e");
}

.register-form-wrapper input[type="password"] {
    padding-right: 50px;
}

.register-form-wrapper .keyboard {
    border-right: 0;
}

.search-header-btn {
    display: none;
}

.search-popup {
    position: fixed;
    background: rgb(42 42 42 / 79%);
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    z-index: 5;
    padding: 0 30px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all ease-in-out 0.5s;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
}

.search-popup.active {
    opacity: 1;
    visibility: visible;
}

.search-popup .close-search {
    position: absolute;
    right: 50px;
    top: 50px;
    cursor: pointer;
    width: 30px;
    height: 30px;
}

.search-popup .close-search svg {
    height: 100%;
    width: 100%;
}

.search-form-wrapper {
    max-width: 1000px;
    width: 100%;
}

.search-form-wrapper form {
    width: 100%;
}

.search-form-wrapper .form-inputs {
    width: 100%;
    position: relative;
}

.search-form-wrapper input {
    padding: 15px 60px 15px 20px;
    background: var(--white);
}

.search-form-wrapper .btn {
    position: absolute;
    right: 5px;
    top: 50%;
    width: 45px;
    padding: 0;
    height: calc(100% - 10px);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.search-form-wrapper .btn svg {
    width: 20px;
    height: 20px;
    margin: 0 auto;
    fill: var(--black);
}

.search-form-wrapper .btn svg path {
    fill: var(--black);
}

body.active-menu,
body.no-scroll {
    overflow: hidden;
    position: relative;
}

.btn-outline-secondary:hover svg path {
    fill: var(--white);
}

.posgo-add-to-cart .product-title span {
    display: none;
}

.posgo-add-to-cart:hover .product-title span {
    display: inline-block;
}

del {
    text-decoration: line-through;
    color: red;
}

ins {
    font-size: 18px;
    color: var(--theme-color);
}

.posgo-product-price.has-options {
    color: var(--theme-color);
}

.receipts-body {
    color: #36383D;
}

.receipts-body .main-title {
    margin-bottom: 20px;
}

.receipt-summary li {
    display: flex;
    justify-content: space-between;
}

.receipt-summary li:not(:last-of-type) {
    margin-bottom: 6px;
}

.footer-total {
    margin: 15px 0;
    padding: 15px 0;
    font-weight: 700;
    font-size: 20px;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}

.footer-text,
.posgo_receipt_footer{
    margin-top: 15px;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
}

@media print {

    /*.dash-sidebar,
    #adminmenumain,
    .main-content .row .col-lg-12:first-child,
    #wpfooter,
    #screen-meta,
    pre,
    .print-btn {
        display: none;
        height: 0;
        width: 0;
        visibility: hidden;
    }*/

    #main-receipt {
        display: block;
        background-color: white;
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        margin: 0;
    }

    .col-lg-6 {
       width: 50%;
    }
}
.loader-bg {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 5;

    pointer-events: none;
}

.loader-track {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.loader-fill {
    display: inline-block;
    width: 80px;
    height: 80px;
}

.loader-fill:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #000;
    border-color: #000 transparent #000 transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#pills-Cart {
    position: relative;
}

#pills-Cart  .loader-bg {
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    position: absolute;
}
#pills-Cart  .loader-bg .loader-track{
    height:auto;
}
span.variation-pro-popup.posgo-select-options {
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: #000;
    color: #fff;
    padding: 2px 5px;
    cursor: pointer;
}

table.posgo_receipts_table{
    width: 100%;
}

table.posgo_receipts_table thead tr.posgo-receipts-header th:last-child ,
table.posgo_receipts_table tbody tr td.price {
    text-align: right;
}

table.posgo_receipts_table thead tr.posgo-receipts-header {
    border-bottom: 1px dashed #b7b7b7;
}

table.posgo_receipts_table tbody tr td.posgo-quantity-column {
    width: 12%;
     text-align: center;
}
table.posgo_receipts_table tbody tr td.name {
    text-align: left;
    width: 45%;
}

table.posgo_receipts_table tbody .posgo_divider {
    border-bottom: 1px dashed #b7b7b7;
    color: #b5b5b5;
    margin:0 10px;
    padding: 10px !important;
}

table.posgo_receipts_table tbody tr td .posgo_sub_title {
    color: #758598;
    font-size: 12px;
    font-weight: 400;
    margin-left: 6px;
}
.posgo_receipts_table .posgo_pro_attribute_list span.posgo_attr_key {
    color: #758598;
    font-size: 13px;
    font-weight: 500;
}
.posgo_receipts_table .posgo_pro_attribute_list span.posgo_attr_val {
    color: #758598;
    font-size: 12px;
    font-weight: 400;
}
.posgo_receipts_table .posgo_pro_attribute_list{
    padding-left: 20px;
}


@media print {
    body div:not(.posgo-order-pdf-html,.posgo-order-pdf-html *)  {
        display: none !important;
    }
    /* .himay-receipts-view{
        display: unset !important;
    }  */
}