/*#fill-via-api {
			display: none;
		} */
	img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }
        /*!
Theme Name: Mahioo E-Commerce (MAEC)
Theme URI: https://www.facebook.com/MahieddineAk
Author: Mahieddine Abdelkader
Author URI: https://www.facebook.com/MahieddineAk
Description: Powerful Algerian e-commerce platform!
Version: 2.0.0
License: Mahioo
License URI: https://www.facebook.com/MahieddineAk
Text Domain: maec
*/
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url("https://www.solyshop.store/wp-content/themes/maec/resources/fonts/roboto-v29-latin-ext_latin-regular.woff2") format("woff2")
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url("https://www.solyshop.store/wp-content/themes/maec/resources/fonts/roboto-v29-latin-ext_latin-500.woff2") format("woff2")
}

@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("https://www.solyshop.store/wp-content/themes/maec/resources/fonts/SLXGc1nY6HkvalIkTpumxdt0UX8.woff2") format("woff2");
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC
}

@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("https://www.solyshop.store/wp-content/themes/maec/resources/fonts/SLXLc1nY6Hkvalqaa46O59Zea3ZlqSo.woff2") format("woff2");
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC
}

body {
    margin: 0;
    font-family: Roboto, 'Cairo', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.25rem;
    font-weight: 400;
    color: #202020
}

body.no-scroll {
    overflow: hidden
}

a {
    color: inherit;
    text-decoration: none
}

ul {
    padding: 20px 0;
}

li {
    display: block;
}
li:first-of-type {
    margin-right: auto;
}
strong {
    font-weight: 500
}

h1,
h2,
h3,
h4,
h5,
h6,
figure,
ul,
p {
    margin: 0
}

.d-f {
    display: flex
}

.jc-c {
    justify-content: center
}

.jc-sb {
    justify-content: space-between
}

.fxd-c {
    flex-direction: column
}

.ai-c {
    align-items: center
}

.fx-1 {
    flex: 1
}

.fxw-w {
    flex-wrap: wrap
}

.hidden {
    display: none
}

input,
select,
button {
    font-family: Roboto, 'Cairo', Arial, sans-serif;
    font-weight: 400;
    box-sizing: border-box;
    outline: none;
    margin: 0
}

button {
    font-size: 0;
    border: none;
    background-color: transparent;
    padding: 0
}

button:not([disabled]) {
    cursor: pointer
}

.no-js {
    pointer-events: none
}

.wrap {
    max-width: 1300px;
    padding: 0 15px;
    margin: auto
}

.grid {
    margin-top: -15px;
    margin-right: -15px
}

.grid>* {
    padding-top: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    width: 100%
}

.grid.arabic {
    direction: rtl
}

.grid.five>* {
    width: 20%
}

.grid.three>* {
    width: 33.3333333333%
}

.imbg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: transparent
}

.stlg {
    width: 72px;
    height: 28px;
    background-size: contain;
    background-image: url("https://www.solyshop.store/wp-content/themes/maec/resources/images/logos/store-logo.svg")
}

.emojione {
    display: inline-block;
    vertical-align: middle;
    font-size: inherit;
    height: 1em;
    width: 1em;
    min-width: 20px;
    min-height: 20px;
    line-height: 1;
    margin: -.1em .1em .1em
}

.header {
    width: 100%;
    background-color: #fff;
    position: relative
}

.header:after {
    content: '';
    position: absolute;
    opacity: .7;
    left: 0;
    right: 0;
    top: 100%;
    height: 4px;
    background: linear-gradient(180deg, rgba(9, 30, 66, 0.13) 0, rgba(9, 30, 66, 0.13) 1px, rgba(9, 30, 66, 0.08) 1px, rgba(9, 30, 66, 0) 4px)
}

.header__main {
    height: 56px
}

.btn {
    height: 32px;
    line-height: 31px;
    color: #5f6368;
    font-weight: 500;
    border: 1px solid transparent;
    box-sizing: border-box;
    overflow: hidden;
    font-size: 14px;
    user-select: none
}

.btn:not(.transparent-bg) {
    background-color: #fff
}

.btn:not(.d-f) {
    display: block
}

.btn.icon {
    width: 32px
}

.btn.icon svg {
    width: 18px;
    height: 18px
}

.btn.icon svg path {
    fill: #5f6368
}

.btn.icon.plus-icon svg {
    width: 12px;
    height: 12px
}

.btn.icon.active svg path {
    fill: #1a73e8
}

.btn.icon[disabled] svg path {
    fill: #a8a9ab
}

.btn:not(.icon) {
    padding: 0 10px
}

.btn.large {
    height: 36px;
    line-height: 35px
}

.btn.large.icon {
    width: 36px
}

.btn.large:not(.icon) {
    padding: 0 12px
}

.btn.full-width {
    width: 100%
}

.btn.style-1.active,
.btn.style-2.active,
.btn.style-3.active,
.btn.style-4.active {
    color: #1a73e8
}

.btn.style-1.active:hover {
    background-color: #f0f6fd
}

.btn.style-2.active {
    background-color: #e7f0fe
}

.btn.style-3,
.btn.style-4 {
    border-color: #dadce0
}

.btn.style-3.active,
.btn.style-4.active {
    border-color: #1a73e8
}

.btn.style-3[disabled],
.btn.style-4[disabled] {
    border-color: #dadce0
}

.btn.style-4.active {
    background-color: #e7f0fe
}

.btn.style-4.active,
.btn.style-4[disabled] {
    border-color: transparent
}

.btn.style-5,
.btn.style-6,
.btn.style-7,
.btn.style-8 {
    color: #fff
}

.btn.style-5 {
    background-color: #1a73e8
}

.btn.style-6 {
    background-color: #38b902
}

.btn.style-7 {
    background-color: #f03434
}

.btn.style-8 {
    background-color: #1e1e1e
}

.btn.style-2[disabled],
.btn.style-4[disabled],
.btn.style-5[disabled],
.btn.style-6[disabled],
.btn.style-7[disabled],
.btn.style-8[disabled] {
    background-color: #f1f2f5
}

.btn:not(.active):not([disabled]):not(.transparent-bg):not(.style-5):not(.style-6):not(.style-7):not(.style-8):hover {
    background-color: #f7f7f7
}

.btn.style-1[disabled],
.btn.style-2[disabled],
.btn.style-3[disabled],
.btn.style-4[disabled],
.btn.style-5[disabled],
.btn.style-6[disabled],
.btn.style-7[disabled],
.btn.style-8[disabled] {
    color: #a8a9ab
}

.btn.style-1[disabled] .badge,
.btn.style-2[disabled] .badge,
.btn.style-3[disabled] .badge,
.btn.style-4[disabled] .badge,
.btn.style-5[disabled] .badge,
.btn.style-6[disabled] .badge,
.btn.style-7[disabled] .badge,
.btn.style-8[disabled] .badge {
    background-color: #a8a9ab
}

.inlb>*:not(:last-child) {
    margin-right: 15px
}

.badge {
    color: #fff;
    background-color: #a8a9ab;
    height: 19px;
    line-height: 20px;
    font-size: 11px;
    min-width: 14px;
    max-width: 100%;
    text-overflow: ellipsis;
    text-align: center;
    padding: 0 4px;
    box-sizing: border-box;
    border-radius: 2px;
    font-weight: 500;
    overflow: hidden;
    vertical-align: middle
}

.badge:not(.hidden) {
    display: inline-block
}

.badge.small {
    height: 14px;
    line-height: 15px
}

.badge.percentage {
    height: 16px;
    line-height: 17px;
    padding: 0 2px
}

.badge.arabic {
    line-height: 19px;
    font-size: 10px;
    direction: rtl
}

.badge.uc {
    text-transform: uppercase
}

.badge.refreshing {
    opacity: .5
}

.badge:not(:first-child) {
    margin-left: 5px
}

.badge:not(:last-child) {
    margin-right: 5px
}

.badge.black {
    background-color: #1e1e1e
}

.badge.blue {
    background-color: #1a73e8
}

.badge.red {
    background-color: #f03434
}

.badge.green {
    background-color: #38b902
}

.badge.orange {
    background-color: #f9690e
}

.badge.maystro {
    background-color: #3288c4
}

.badge.yalidine {
    background-color: #e53c35
}

.badge.zimou {
    background-color: #bf1e2e
}

.head__title {
    height: 32px;
    line-height: 32px;
    font-size: 24px;
    font-weight: 500;
    color: #202124
}

.tib1 {
    padding-top: 20px
}

.tib1__blocs {
    overflow: hidden
}

.tib1__grid {
    margin-top: -20px;
    margin-right: -20px
}

.tib1__grid>* {
    padding-top: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    width: 50%
}

.tib1__bcsc {
    border: 1px solid #dadce0
}

.tib1__bchd {
    padding: 10px 15px;
    border-bottom: 1px solid #dadce0;
    background-color: #f7f7f7
}

.tib1__bchd span {
    height: 18px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #5f6368
}

.tib1__bccn {
    padding: 15px
}

.tib1__bccn>*:not(:last-child) {
    margin-bottom: 15px
}

.tib1__bccn p {
    line-height: 26px
}

.tib1__bccn a {
    color: #1a73e8
}

.tib1__bccn strong {
    font-weight: 500
}

.tib1__logs {
    border: 1px solid #dadce0;
    padding: 7px 10px;
    background-color: #f8f9fb
}

.tib1__logs p {
    font-family: monospace;
    letter-spacing: -0.01rem;
    font-size: 13px
}

.tib1__logs p:not(:last-child) {
    margin-bottom: 3px
}

.tib1__logs p .warning {
    color: #f9690e
}

.tib1__logs p .error {
    color: #f03434
}

.tib1__logs p .success {
    color: #38b902
}

.tdb1__blocs li:nth-of-type(1){
    width: 100%;
}
.tdb1__blocs li:nth-of-type(1) li {
    display: flex;
    justify-content: center;
}
.field {
    min-width: 160px;
    height: 36px;
    line-height: 33px;
    color: #202020;
    background-color: #fff;
    border: 2px solid #d1d3d7;
    padding: 0 12px;
    font-size: 14px;
    width: 100%;
    caret-color: #1a73e8
}

.field[disabled] {
    background-color: #f1f2f5
}

.field.active:not([disabled]) {
    border-color: #1a73e8;
    color: #1a73e8;
    background-color: #f0f6fd
}

.field.error:not([disabled]) {
    border-color: #f03434;
    color: #f03434;
    background-color: #fff0f0
}

.field.arabic {
    direction: rtl
}

.field:not(.error):focus {
    border-color: #1a73e8
}

.field.cell {
    border: none;
    padding: 0 7px;
    height: 37px;
    line-height: 38px
}

.field.cell.in-stats {
    padding: 0 10px
}

.field.nmwd {
    min-width: 0
}

.field__slwr {
    position: relative
}

.field__slwr select {
    appearance: none;
    text-overflow: ellipsis;
    padding-right: 34px;
    opacity: 1
}

.field__slwr select:not([disabled]) {
    cursor: pointer
}

.field__slwr:after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border: solid #7f858d;
    transform: rotate(45deg);
    border-width: 0 2px 2px 0;
    position: absolute;
    right: 15px;
    top: -2px;
    bottom: 0;
    margin: auto;
    pointer-events: none
}

.field__slwr.active:not([disabled]):after {
    border-color: #1a73e8
}

.field__slwr.error:not([disabled]):after {
    border-color: #f03434
}

.field__slwr.arabic {
    direction: rtl
}

.field__slwr.arabic select {
    padding-left: 34px;
    padding-right: 12px
}

.field__slwr.arabic:after {
    left: 15px;
    right: auto
}

.field__slwr.arabic.cell select {
    padding-left: 26px;
    padding-right: 12px
}

.field__slwr.arabic.cell:after {
    top: -4px;
    left: 10px
}

.field.pulse {
    animation: linear pulse 0.5s infinite
}

textarea.field {
    resize: vertical;
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    height: 60px;
}
hr {
    border: 1px solid #dadce0;
}
strong {
    font-weight: bold !important;
}
@keyframes pulse {
    0% {
        border-color: #d1d3d7
    }

    50% {
        border-color: #1a73e8
    }

    100% {
        border-color: #d1d3d7
    }
}

.label {
    display: block;
    font-size: 12px;
    color: #5f6368;
    font-weight: 500;
    height: 14px;
    line-height: 14px
}

.label.large {
    font-size: 13px;
    line-height: 16px
}

.label:not(:last-child) {
    margin-bottom: 5px
}

.label .badge {
    position: relative;
    top: -1px
}

.checkbox {
    display: inline-block;
    position: relative
}

.checkbox div {
    width: 20px;
    height: 20px;
    border: 2px solid #d1d3d7;
    box-sizing: border-box;
    background-color: #fff
}

.checkbox div:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: transparent
}

.checkbox__input {
    appearance: none;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.checkbox__input:checked:not([disabled])+div {
    border-color: #1a73e8;
    background-color: #f0f6fd
}

.checkbox__input:checked:not([disabled])+div:before {
    background-color: #1a73e8
}

.checkbox__input:not([disabled]) {
    cursor: pointer
}

.checkbox__input[disabled]+div {
    background-color: #f1f2f5
}

.checkbox__input[disabled]:checked+div:before {
    background-color: #a8a9ab
}

.checkbox__input:not([disabled]):hover:not(:checked)+div:before {
    background-color: #d1d3d7
}

.footer {
    margin-top: 20px
}

.footer__copy {
    border-top: 1px solid #dadce0;
    padding: 20px 0;
    color: #7f858d;
    text-align: center
}

.footer__copy a {
    color: #5f6368;
    border-bottom: 1px dashed #a8a9ab
}

.footer__copy a:hover {
    color: #1a73e8
}

.erb1 {
    /* padding-top: 20px */
}

.erb1__pgcn {
    color: #7f858d;
    margin-left: auto
}

.erb1__table {
    margin-top: 0px
}

.erb1__msg {
    color: #7f858d
}

.erb1__msg.center {
    text-align: center
}

.erb1__msg.success {
    color: #38b902
}

.erb1__pagination {
    margin-top: 20px
}

.field {
    min-width: 160px;
    height: 36px;
    line-height: 33px;
    color: #202020;
    background-color: #fff;
    border: 2px solid #d1d3d7;
    padding: 0 12px;
    font-size: 14px;
    width: 100%;
    caret-color: #1a73e8
}

.field[disabled] {
    background-color: #f1f2f5
}

.field.active:not([disabled]) {
    border-color: #1a73e8;
    color: #1a73e8;
    background-color: #f0f6fd
}

.field.error:not([disabled]) {
    border-color: #f03434;
    color: #f03434;
    background-color: #fff0f0
}

.field.arabic {
    direction: rtl
}

.field:not(.error):focus {
    border-color: #1a73e8
}

.field.cell {
    border: none;
    padding: 0 7px;
    height: 37px;
    line-height: 38px
}

.field.cell.in-stats {
    padding: 0 10px
}

.field.nmwd {
    min-width: 0
}

.field__slwr {
    position: relative
}

.field__slwr select {
    appearance: none;
    text-overflow: ellipsis;
    padding-right: 34px;
    opacity: 1
}

.field__slwr select:not([disabled]) {
    cursor: pointer
}

.field__slwr:after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border: solid #7f858d;
    transform: rotate(45deg);
    border-width: 0 2px 2px 0;
    position: absolute;
    right: 15px;
    top: -2px;
    bottom: 0;
    margin: auto;
    pointer-events: none
}

.field__slwr.active:not([disabled]):after {
    border-color: #1a73e8
}

.field__slwr.error:not([disabled]):after {
    border-color: #f03434
}

.field__slwr.arabic {
    direction: rtl
}

.field__slwr.arabic select {
    padding-left: 34px;
    padding-right: 12px
}

.field__slwr.arabic:after {
    left: 15px;
    right: auto
}

.field__slwr.arabic.cell select {
    padding-left: 26px;
    padding-right: 12px
}

.field__slwr.arabic.cell:after {
    top: -4px;
    left: 10px
}

.table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    background-color: #fff
}

.table>tbody>tr:not(.order):last-child {
    border-bottom: 1px solid #dadce0
}

.table>tbody>tr:not(.order):not(:first-child):not(.no-hover) {
    cursor: pointer
}

.table>tbody>tr:not(.order):not(:first-child):not(.active):not(.open):not(.total):not(.average):not(.no-hover):hover>td>div {
    background-color: #f7f7f7
}

.table>tbody>tr:not(.order)>th,
.table>tbody>tr:not(.order)>td {
    padding: 0;
    position: relative
}

.table>tbody>tr:not(.order)>th>div,
.table>tbody>tr:not(.order)>td>div {
    box-sizing: border-box;
    border: solid #dadce0;
    border-width: 1px 1px 0 0;
    height: 38px;
    line-height: 25px;
    padding: 7px 10px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background-color: #fff
}

.table>tbody>tr:not(.order)>th>div:not(.ntlp):not(.input):hover,
.table>tbody>tr:not(.order)>td>div:not(.ntlp):not(.input):hover {
    position: absolute;
    top: 0;
    min-width: 100%;
    max-width: 458px;
    z-index: 3
}

.table>tbody>tr:not(.order)>th>div.arabic,
.table>tbody>tr:not(.order)>td>div.arabic {
    direction: rtl;
    text-align: right;
    line-height: 24px
}

.table>tbody>tr:not(.order)>th>div.input,
.table>tbody>tr:not(.order)>td>div.input {
    padding: 0
}

.table>tbody>tr:not(.order)>th>div.input .field:not(.error):not([disabled]),
.table>tbody>tr:not(.order)>td>div.input .field:not(.error):not([disabled]) {
    background-color: #f8f9fb
}

.table>tbody>tr:not(.order)>th>div.input .checkbox,
.table>tbody>tr:not(.order)>td>div.input .checkbox {
    padding: 9px 10px 8px
}

.table>tbody>tr:not(.order)>th>div.input .checkbox__input,
.table>tbody>tr:not(.order)>td>div.input .checkbox__input {
    width: 40px;
    height: 37px
}

.table>tbody>tr:not(.order)>th>div .mdash,
.table>tbody>tr:not(.order)>th>div .clsr,
.table>tbody>tr:not(.order)>td>div .mdash,
.table>tbody>tr:not(.order)>td>div .clsr {
    display: inline-block;
    color: #1a73e8
}

.table>tbody>tr:not(.order)>th>div .mdash.grey,
.table>tbody>tr:not(.order)>td>div .mdash.grey {
    color: #7f858d
}

.table>tbody>tr:not(.order)>th>div .mdash+.badge:not(:first-child),
.table>tbody>tr:not(.order)>td>div .mdash+.badge:not(:first-child) {
    margin-left: 0
}

.table>tbody>tr:not(.order)>th>div .clsr,
.table>tbody>tr:not(.order)>td>div .clsr {
    position: relative;
    top: -2px
}

.table>tbody>tr:not(.order)>th>div .badge,
.table>tbody>tr:not(.order)>td>div .badge {
    position: relative;
    top: -1.5px
}

.table>tbody>tr:not(.order)>th:first-child>div,
.table>tbody>tr:not(.order)>td:first-child>div {
    border-left-width: 1px
}

.table>tbody>tr:not(.order)>th>div {
    font-size: 13px;
    line-height: 26px;
    font-weight: 500;
    color: #5f6368
}

.table>tbody>tr:not(.order)>th.sort-column {
    cursor: pointer;
    user-select: none
}

.table>tbody>tr:not(.order).active>td>div {
    background-color: #f0f6fd
}

.table>tbody>tr:not(.order).open>td>div {
    background-color: #ffffd6
}

.table>tbody>tr:not(.order).average>td>div {
    background-color: #fff1e8
}

.table>tbody>tr:not(.order).total>td>div {
    background-color: #e3ffd7
}

.table>tbody>tr:not(.order)#product-placeholder {
    display: none
}
/* green success message */
.success-message {
    color: #1a73e8;
}
.error-message {
    color: #f03434;
}
.tib1__bccn__bloc .title{
    font-size: 19px;
}
#submit-button{
    /* position: relative;
    right: 50%; */

}
.selected-orders{
    width: 100%;
}
.selected-orders .selected-order {
    display: inline-block;
    margin: 5px 5px;
    padding: 5px 15px;
    border: 2px solid #dadce0;
    background-color: #f7f7f7;
    color: #5f6368;
    cursor: pointer;
    font-weight: bold;
}
.selected-orders .selected-order:hover {
    background-color: #d6e8fc;
}
.tib1__bccn{
    transition: all .3s ease;
}
.tib1__bccn.success{ 
    background: #1ae85f;
}
.tib1__bccn.error{
    background: #f03434;
}
.tib1__bccn__loading {
    text-align: center;
    font-weight: bold;
    color: #474d55;
}



.user-avatar-icon{
    border-radius: 3px;
    overflow: hidden;
    margin-right: 5px;
}
.user-menu-list,
.inventory-menu-list,
.accountant-menu-list,
.edit-menu-list,
.tools-menu-list{
    position: absolute;
    top: 60px;
    background-color: rgb(255, 255, 255);
    border: 2px solid rgb(230, 230, 230);
    padding: 10px;
    z-index: 100000;
}
.user-menu-list li {
    padding: 0px;
}
.user-menu-list a{
    text-decoration: none;
    vertical-align: middle;
    font-weight: 500;
    padding: 5px !important;
    height: 37px;
}
.user-menu-list a:hover{
    color: #8c8c8c;
    text-decoration: underline;
}
.user-menu-list a:active{
    color: #8c8c8c;
    text-decoration: underline;
}
.user-menu-list a img {
    border-radius: 10px;
    margin-right: 10px;
}
.user-menu-list a span {
    position: relative;
    top: -10px;
}

.user-menu-list .separator,
.inventory-menu-list .separator,
.accountant-menu-list .separator,
.edit-menu-list .separator,
.tools-menu-list .separator{
    padding: 0;
    margin: 10px 0;
    border-bottom: 1px solid rgb(230, 230, 230);
}
header {
    z-index: 10000;
}
.cover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 5;
}

.ic-card__close,
.close-button {
    position: absolute;
    top: -15px;
    right: -10px;
    font-size: 20px;
    padding: 7px 10px ;
    color: #fff;
    background: #000;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ic-card__close:hover,
.close-button:hover {
    color: #fff;
    background: #1a73e8;
}
.ic-card__close:active,
.close-button:active {
    color: #fff;
    background: #0f4183;
}

.notification-count {
    background-color: #1a73e8;
    color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 10px;
    text-align: center;
    line-height: 20px;
    font-weight: 500;
    margin-right: 5px;
}
.modal.notification-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000000;
}
.modal-content {
    background-color: #fff;
    padding: 20px;
    width: 20%;
    min-width: 350px;
    height: 70%;
    position: relative;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    
}
.modal-body {
    width: 100%;
    height: 96%;
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0, 0);
    margin-top: 10px;
    margin-bottom: 10px;
}
.notification-wrapper{
    height: 100%;
    overflow-y: auto;
}
.notification-list {
    padding: 10px;
    overflow-y: auto;
    border: 1px solid #dadce0;
    overflow-y: scroll;
    overflow: hidden;
}
.notification-list li {
    padding: 10px;
    border-bottom: 1px solid #dadce0;
}
.notification-list li:last-child {
    border-bottom: none;
}
.notification-list li:hover {
    background-color: #f5f5f5;
}
.notification-list li .date {
    font-size: 12px;
    color: #5f6368;
    margin-bottom: 5px;
    font-weight: 500;
}
.modal-body .btn {
    position: absolute;
    bottom: 20px;
    right: 50%;
    transform: translate(50%, 0);
    width: 80%;
}    
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}

:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}

			.product__side {
	display: none;
}
.header__srbt {
    display: none;
}

.product__frpr strong {
    color: #1385d7 !important;
    font-weight: bold;
}

.btn {

    background-color: red !important; 
	border: 
1px solid rgb(57, 193, 216);
	
}
/*.fxd-c {
    flex-direction: column;
    display: none;
} 
*/

.cntx p img:not(.emojione), .cntx ul img:not(.emojione), .cntx ol img:not(.emojione) {
    margin: 0px auto !important;
}






@media only screen and (min-width: 768px) {
	.stlg {
			width: 122px;
			height: 103px;
			background-size: 100%;
			background-image: url(https://kaafiadz.com/wp-content/uploads/2024/03/New-BER-graphic-20220127-193309.png);
	}
	.footer__logo .stlg {
			width: 62px;
			height: 54px;
	}
}
/*================*/
@media only screen and (max-width: 768px) {
	.stlg {
		width: 70px;
		height: 51px;
		background-image: url(https://kaafiadz.com/wp-content/uploads/2024/03/New-BER-graphic-20220127-193309.png);
	}
}

/*================*/


.tpbr {background-color: #dc0fe1 !important;}
.header__nav li.current-menu-item a {
    color: #04d345;
}
.tpbr__text {
	height: 26px;align-content
}
.card.scaler span {
    font-size: 25px;
}
.header__lgns {
    height: 107px;
}
.header__nav li.current-menu-item a {
    color: #00d443;
    font-size: 20px;
}
.ic-btn {display:none;}
.product__subt.style-1 {
    display: none;
}