.sep {
    margin: 0 5px;
}

.disabled {
    pointer-events: none;
    opacity: 0.5;
}

.mfc *,
.mfc ::after,
.mfc ::before {
    box-sizing: border-box;
}

.v-bar {
    color: rgba(0, 0, 0, .3);
    padding: 0 6px;
}

.todo-feature {
    display: none !important;
}

/*
body.admin-dashboard a:not(.nav-link):not(.table-nav):not(.button),
body.admin-dashboard a.button-link, body.admin-dashboard a.button-link:hover {
	color: var(--accent);
}*/

body select.custom-select option:hover {
    background-color: yellow !important;
    cursor: default !important;
}

body[data-media-modal="open"] {
    overflow: hidden;
}

.dropdown-menu,
.btn {
    font-size: unset;
}

.rtl h1,
.rtl h2,
.rtl h3,
.rtl h4,
.rtl h5,
.rtl h6 {
    font-weight: 600;
}

.center {
    text-align: center;
}

.syncup-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #e8f0fd;
    /*rgba(var(--accent-rgb),.5)*/
    /*background-color: #c6dafb;*/
    transition: all 1s linear;
    z-index: -1;
}

/* end */

.loading {
    opacity: 0;
    display: flex;
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    transition: opacity .3s ease-in;
}

.loading.show {
    opacity: 1;
}

.ball {
    background-color: var(--accent);
    border-radius: 50%;
    margin: 5px;
    height: 10px;
    width: 10px;
    animation: jump .5s ease-in infinite;
}

.ball:nth-of-type(2) {
    animation-delay: 0.1s;
}

.ball:nth-of-type(3) {
    animation-delay: 0.2s;
}

@keyframes jump {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

p.howto {
    color: #646970;
    display: block;
    margin: 5px 0px 8px;
    font-size: 13px;
    line-height: 1.5;
    font-style: italic;
}

#collapseTinyPNG {
    display: none;
}

#collapseTinyPNG.show {
    display: block;
}

/* Forms */

.colors-combo {
    margin-bottom: 10px;
}

.colors-combo input[type=checkbox]+label+div {
    display: none;
    margin-top: 8px;
    margin-bottom: 20px;
}

.colors-combo input[type=checkbox]:checked+label+div {
    display: block;
}

/* Checkbox */

.check-combo>label {
    margin-bottom: 8px;
}

.check-combo .form-check {
    margin-bottom: 4px !important;
    color: #353535;
    margin-left: 12px;
}

/*
    Page Loader
*/

.loader-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgb(255, 255, 255);
    z-index: 1050;
    justify-content: center;
    align-items: center;
    display: flex;
}

#subscriptionOverlay .spinner-border {
    display: block;
    width: 100px;
    height: 100px;
    border: .34em solid currentColor;
    border-right-color: #cbcbca;
    border-bottom-color: #cbcbca;
    border-left-color: #cbcbca;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.text-primary {
    color: #2380be !important;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/*
    Input
*/

input[readonly] {
    pointer-events: none;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
    :root {
        --bg: hsl(var(--hue), 90%, 5%);
        --fg: hsl(var(--hue), 90%, 95%);
    }

    .ip__track {
        stroke: hsl(var(--hue), 90%, 15%);
    }
}


.iconpicker-container {
    position: relative;
}

.iconpicker-container>input {
    display: inline-block;
    width: 100%;
    min-height: 38px;
}

input.iconpicker-input,
input.iconpicker-input:focus,
input.iconpicker-input:hover,
input.iconpicker-input:active,
input.iconpicker-input:visited,
input.iconpicker-input:disabled {
    color: #fff !important;
}

.iconpicker-popover.popover.inline {
    display: block !important;
    margin-top: 10px !important;
}

.iconpicker-popover.popover {
    width: 100% !important;
}

.publish-success-icon.ajax-loader {
    display: none;
    margin: 0;
    padding: 0;
    margin: 0 5px 0 3px;
    top: 1px !important;
}

.publish-success-icon.ajax-loader.enabled {
    display: inline-block;
}

.publish-success-icon.ajax-loader.icon-lg {
    width: 38px;
    height: 38px;
    line-height: 38px;
    font-size: 24px;
}

/*
    Page Loader end
*/


.error {
    color: #e30606;
    font-weight: 600;
}

/* List group // Home page only now */
.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 0.25rem;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-none {
    display: none !important;
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

/* Custom Scroll */
.custom-scrollbar {
    overflow-y: auto;
    overflow-x: hidden;
}

/* WebKit browsers (Chrome, Safari) */
.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
    /* Width of the scrollbar */
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: #f1f1f1;
    /* Background of the scrollbar track */
    border-radius: 10px;
    /* Rounded corners for the track */
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: var(--dark-less);
    /* Color of the scrollbar thumb */
    border-radius: 10px;
    /* Rounded corners for the thumb */
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: var(--dark);
    /* Color of the scrollbar thumb on hover */
}

/* Firefox */
.custom-scrollbar-webkit {
    scrollbar-width: thin;
    /* Thin scrollbar */
    /*scrollbar-color: var(--dark-less) #f1f1f1;*/
    /* Thumb color and track color */
}

/* Coupon Code */

.copyToClipboard>span {
    position: absolute;
    left: 0;
    z-index: 1;
    line-height: 38px;
    padding-left: 12px;
    font-weight: 600;
}

.copyToClipboard>input {
    font-weight: 600;
    color: #000;
    font-size: 22px;
    padding-left: 12px;
    line-height: 38px;
    max-height: 38px;
    background: transparent !important;
}

.copyToClipboard.coupon-code>input {
    padding-left: 150px;
}

/* Custom  Select with logo */
.custom-select-wrapper {
    position: relative;
    display: inline-block;
    width: auto;
    min-width: 150px;
}

.custom-select {
    position: relative;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

.custom-select-trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 11px 0 12px;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: var(--border-radius);
    height: 25px;
}

.custom-select-trigger.active {
    border-color: var(--accent);
}

.custom-select-trigger>span:first-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom-select-trigger img {
    border-radius: var(--border-radius);
    width: 20px;
    height: auto;
    position: relative;
    right: -7px;
    opacity: .4;
}

[lang="ar"] .custom-select-trigger img {
    right: unset;
    left: -7px;
}

.attachment-preview-source-custom {
    position: absolute;
    top: 8px;
    left: 12px;
    width: 14px;
    height: 14px;
}

.attachment-preview-source-custom>img {
    width: 100%;
}

.attachment-info label {
    margin: 0 4px 0 0;
}

.rtl .attachment-info label {
    margin: 0 0 0 4px;
}

.attachment-info .update-tag {
    margin: 0 8px;
}

.rtl .attachment-info .update-tag {
    margin: 0 4px 0 0;
}

.attachment-info .imageTag {
    width: auto !important;
}

/* Global */

.padding-0px {
    padding: 0 !important;
}

.margin-0px {
    margin: 0 !important;
}

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

.no-keyword-found {
    text-align: center;
    line-height: 28px;
}

.display-block {
    display: block;
}

.display-none {
    display: none;
}

.overflow-auto {
    overflow: auto;
}

.overflow-visible {
    overflow: visible !important;
}

.full-w {
    width: 100%;
}

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

/* Coloris */
.clr-field {
    color: #f0f0f1;
}

.clr-field>svg {
    position: absolute;
    border-radius: 5px;
    z-index: 0;
}

/* Uploader */

.term-thumbnail-wrap .preview {
    min-width: 100px;
    min-height: 100px;
    margin-bottom: 18px;
    display: inline-block;
    background-color: white;
    height: 100px;
}

.term-thumbnail-wrap img {
    height: 100%;
}

.term-thumbnail-wrap input:not(.show-me) {
    display: none;
}

/* User profile */

.thumbnail .centered .empty-gravatar {
    left: 0;
    border-radius: 0;
    width: 98px;
    height: 98px;
    top: 0;
    transform: translate(-50%, -50%);
    font-size: 70px;
    line-height: 98px;
}

/* Form */

.marg-top {
    margin-top: 1rem;
}


/* products page */

.product-editor {
    display: none;
}

.gallery-container div:last-child {
    padding: 0 12px 12px 12px;
    margin-top: 1em;
}

.wordwrap {
    margin-top: 8px;
}

ul.product_cats {
    background: #fff;
    padding: 10px 12px;
    border: 1px solid rgba(0, 0, 0, .1);
    overflow: auto;
    max-height: 250px;
}

label:hover {
    cursor: pointer;
}

ul.gallery-grid {
    list-style: none;
    margin: 0;
    padding: 0 0 0 12px;
}

ul.gallery-grid::after {
    clear: both;
}

ul.gallery-grid::after,
ul.gallery-grid::before {
    content: " ";
    display: table;
}

.gallery-grid .item {
    float: left;
    cursor: move;
    border: 1px solid #d5d5d5;
    margin: 9px 9px 0 0;
    background: #f7f7f7;
    border-radius: 2px;
    position: relative;
    box-sizing: border-box;
    position: relative;
}

.gallery-grid .item.sortable-chosen:not(.sortable-drag) {
    opacity: .15;
}

.products-page .term-thumbnail-wrap.dm-core-ui .attachment-preview {
    margin-bottom: 15px;
}

.newline-desc {
    margin-top: 8px;
}

/*
.products-page .term-thumbnail-wrap.dm-core-ui .attachment {
	min-width: 100%;
}*/

.products-page .term-thumbnail-wrap .attachment-preview:not(.has-image) {
    display: none;
}

.ajaxtag {
    display: flex;
    gap: 6px;
}

.ajaxtag #new-tag {
    flex: 1;
}

.ajaxtag .btn.btn-sm {
    margin-top: 0;
}

ul.product_cats ul {
    padding-left: 22px;
}

ul.tag-cloud {
    padding: 0;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

ul.tag-cloud li {
    display: inline-block;
    line-height: 0;
    margin: 0;
}

ul.tag-cloud .btn.btn-sm {
    margin-top: 6px;
}

.products-chosen {
    width: 100%;
    position: absolute;
}

.products-chosen .chosen-search input::placeholder {
    color: #999;
    font-style: italic;
}

.products-chosen .chosen-search {
    position: relative;
    z-index: 1;
    padding-left: 38px;
}

.products-chosen .chosen-search::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: #fff;
    border: 1px solid #ced4da;
}

.products-chosen .chosen-search::after {
    content: "";
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/></svg>') no-repeat center;
    background-size: contain;
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 16px;
    height: 16px;
    opacity: .7;
}

.products-chosen .chosen-search>input {
    border-radius: 0;
}

.products-chosen .the-tagcloud {
    border-top: 0;
    padding: 6px 14px 12px 14px;
    overflow-y: auto;
    max-height: 136px;
}

.products-chosen ul.tag-cloud .btn.btn-sm {
    margin-right: 6px;
}

.tag-cloud-link {
    opacity: 1;
    visibility: visible;
    transition: all .15s ease-in-out;
}

.tag-cloud-link.added {
    /*pointer-events: none;
	opacity: .4;
	border-color: #a6a6a6;
	color: #999;*/
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    margin: -1px !important;
    padding: 0;
    transform: translateY(-100px);
}

#collapseTagcloud .the-tagcloud {
    border: 1px solid #dcdcde;
    line-height: 32px;
    word-spacing: 3px;
    overflow: auto;
    max-height: 200px;
    background: #fff;
    padding: 8px 10px;
}

.input-chosen-list {
    position: relative;
}

ul#tagchecklist {
    margin: 10px 0;
    padding: 0;
    font-size: 12px;
    overflow: auto;
    position: relative;
}

ul#tagchecklist.placeholder:before {
    position: absolute;
    content: 'Select Product';
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-size: 12px;
    color: #999;
    padding: 0 10px;
}

ul#tagchecklist.chosen-list {
    margin: 0;
    line-height: 26px;
    padding: 6px 10px;
    background: #ececec;
    border: 1px solid #ced4da;
    border-radius: 4px;
    min-height: 36px;
    pointer-events: none;
    position: relative;
    z-index: 1;
}

.input-chosen-list.active ul#tagchecklist.chosen-list {
    border-bottom: 0;
}

ul#tagchecklist.chosen-list * {
    pointer-events: all;
}

ul#tagchecklist.chosen-list a {
    cursor: pointer;
}

ul#tagchecklist.chosen-list:focus {
    border: 1px solid var(--accent);
    outline: none;
}

.input-chosen-list.active #tagchecklist {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

body input[data-chosen].selected-tags {
    z-index: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
}

/*
ul#tagchecklist li {
	display: inline-block;
	margin-right: 10px;
}*/

ul#tagchecklist li {
    display: inline-block;
    margin-right: 10px;
    background: rgb(255, 255, 255);
    padding: 0 5px;
    border-radius: 5px;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.07);
}

.rtl ul#tagchecklist li {
    margin-right: 0;
    margin-left: 10px;
}

.currency-label {
    display: none;
}

span.price-currency {
    position: relative;
    left: unset;
    right: unset;
    bottom: unset;
}

.rtl .currency-label {
    right: unset;
    left: 23px;
}

.inline-edit-save {
    text-align: end;
}

.products-page tr.editinline:not(.expanded) .g-top>div:not(:first-child),
.products-page tr.editinline:not(.expanded) .g-top>div:first-child>div:not(.product-name):not(.product-price):not(.product-inventory),
.products-page tr.editinline:not(.expanded) .g-bottom {
    display: none;
}

.products-page tr.editinline:not(.expanded) .inline-edit-save,
.products-page tr.editinline:not(.expanded) .inline-edit-save .btn-link {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.products-page tr.editinline .inline-edit-save .btn-link {
    float: right;
}

.rtl.products-page tr.editinline .inline-edit-save .btn-link {
    float: left;
}

.products-page tr.editinline:not(.expanded) .g-top>div:first-child {
    display: flex;
}

.products-page tr.editinline:not(.expanded) .g-top>div:first-child>div.product-name,
.products-page tr.editinline:not(.expanded) .g-top>div:first-child>div.product-price,
.products-page tr.editinline:not(.expanded) .g-top>div:first-child>div.product-inventory {
    display: inline-block;
    flex: auto;
}

.products-page tr.editinline:not(.expanded) .g-top>div:first-child>div.product-price {
    margin-left: 10px;
    margin-right: 10px;
}

.products-page tr.editinline:not(.expanded) .custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
}

.rtl tr.editinline .currency-label {
    right: unset;
    left: 8px;
}

.g-3-area {
    margin-bottom: 0;
}

tr.editinline hr {
    margin: 0 10px 20px 10px;
}

tr.editinline .the-tagcloud {
    margin-bottom: 15px;
}

tr.editinline ul.product_cats {
    margin: 0;
}

tr.editinline .col-sm-10 {
    margin: 0 15px;
}

tr.editinline {
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

tr.editinline .col-auto.input-container {
    padding: 0;
}

.products-list .attachment-preview {
    max-width: 150px;
}

tr.editinline .col-sm-10>.form-check {
    display: inline-block;
}

tr.editinline .col-sm-10>.form-check:last-child {
    margin-left: 12px;
}

.rtl tr.editinline .col-sm-10>.form-check:last-child {
    margin-left: 0;
    margin-right: 15px;
}

#collapseAddCategory {
    margin: 0px 20px;
    padding: 5px 0px 20px 0px;
}

.gallery-grid .item.sortable-drag {
    opacity: .7;
}

.gallery-grid .item img {
    cursor: move;
    cursor: -webkit-grabbing;
    max-width: 73px;
}

ul.gallery-grid li a.delete {
    opacity: 0;
    visibility: hidden;
}

.gallery-grid .item.sortable-drag a.delete,
ul.gallery-grid li:not(.sortable-chosen):hover a.delete {
    opacity: 1;
    visibility: visible;
}

ul:not(.gallery-grid) li a.delete,
ul:not(.gallery-grid) li a.delete:hover {
    position: relative;
    text-decoration: none !important;
}

div[iconpicker-target] a.delete {
    display: inline-block;
    position: absolute;
    bottom: 100%;
    right: -1px;
    opacity: 0;
}

div[iconpicker-target] a.delete>span {
    display: inline-block;
    font-size: 25px;
    border-radius: 3px 3px 0 0;
    background-color: var(--accent);
    line-height: 0;
    color: #fff;
    height: 25px;
}

div[iconpicker-target] a.delete:hover span {
    background-color: rgb(204, 16, 16);
}

div[iconpicker-target]>i:hover {
    border-color: rgba(var(--accent-rgb), .5);
    border-top-right-radius: 0;
}

div[iconpicker-target] .bi:not(.sortable-icon):not(.sortable-drag):hover>a.delete {
    opacity: 1;
}

.iconpicker-preview {
    line-height: 38px;
    padding-right: 10px;
    font-size: 21px;
}

div[iconpicker-target] {
    min-height: 48px;
    padding: 0 0 5px 5px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    font-size: 23px;
}

div[iconpicker-target]>i {
    display: inline-flex;
    position: relative;
    color: #555;
    padding: 2px 4px;
    width: calc(25% - 5px);
    min-width: 36px;
    margin: 5px 5px 0 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    cursor: all-scroll;
}

div[iconpicker-target][data-count="1"]>i {
    width: calc(100% - 5px);
}

div[iconpicker-target][data-count="2"]>i {
    width: calc(50% - 5px);
}

div[iconpicker-target][data-count="3"]>i {
    width: calc(33.33333% - 5px);
}

div[iconpicker-target]>.bi::before {
    position: relative;
    top: 3px;
}

div[iconpicker-target]>i>input[type="text"] {
    flex: 1;
    width: auto;
    min-width: 0;
    margin-left: 1px;
    height: 28px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #e8e8e8;
}

div[iconpicker-target]>i>input[type="color"] {
    width: 26px;
    height: 26px;
    max-width: 26px;
    margin-left: 4px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    background: #fff;
}

div[iconpicker-target]>i>.bi.refresh-value {
    display: inline-block;
    width: 32px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 21px;
}

div[iconpicker-target]>i>.bi::before {
    position: relative;
    top: 0;
}

div[iconpicker-target]>i.sortable-icon {
    border: 1px dashed rgba(0, 0, 0, 0.3);
    background: #eee;
    color: #eee;
}

div[iconpicker-target]>i.sortable-icon::before,
div[iconpicker-target]>i.sortable-icon>input,
div[iconpicker-target]>i.sortable-icon>.refresh-value {
    opacity: 0;
}

i.sortable-drag {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    padding: 0;
}

/*
ul.gallery-grid li a.delete::before {
	margin-top: -5px;
	margin-left: -6px;
}*/

ul.gallery-grid li a.delete::before {
    position: absolute;
    top: -7px;
    left: -7px;
    background: #fff;
    border-radius: 50%;
    padding: 2px;
}

ul#tagchecklist li a.delete::before {
    position: relative;
    top: 1px;
    font-size: 15px;
    color: var(--accent);
}

ul li a.delete:hover::before {
    color: #a00 !important;
}

ul#tagchecklist li a.delete:hover::before {
    color: var(--accent);
}

ul#tagchecklist li span {
    display: inline-block;
}


.input-group>.custom-select:not(:first-child) {
    border-radius: 0 .25rem .25rem 0 !important;
}

.rtl .input-group>.custom-select:not(:first-child) {
    border-radius: .25rem 0 0 .25rem !important;
}

.input-group-prepend {
    margin-inline-start: -1px;
}

.form-check-input {
    margin-inline-start: -8px;
}

.vintage-frame>.form-check-input {
    margin-inline-start: 0;
}

.vintage-frame>.form-check-label {
    margin-inline-start: 22px;
    position: relative;
    top: 2px;
}

.vintage-frame .filter-container {
    margin-top: 20px;
}

.vintage-frame>input[type="checkbox"]+label+.filter-container {
    display: none;
}

.vintage-frame>input[type="checkbox"]:checked+label+.filter-container {
    display: block;
}

.form-check {
    padding-inline-start: 1.25rem;
}

.sub-option .form-check {
    padding-inline-start: 0;
}

.col-form-label {
    white-space: nowrap;
}

/* Spinner */

.spinner {
    display: inline-block;
    margin: 50px;
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    border-top: 4px solid var(--accent);
    width: 40px;
    height: 40px;
    -webkit-animation: spin 2s linear infinite;
    /* Safari */
    animation: spin 2s linear infinite;
}

button>.spinner {
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    margin-left: -8px;
    width: 16px;
    height: 16px;
    border-width: 2px;
}

.btn-loading .spinner {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    padding: 0;
}

button.btn-loading {
    pointer-events: none;
}

button.btn-loading>span:not(.spinner) {
    opacity: 0.3;
    pointer-events: none;
}

.spinner-sm {
    width: 28px;
    height: 28px;
    margin: 0;
}

.spinner-lg {
    width: 40px;
    height: 40px;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* chosen */

.select2-container .select2-selection--single {
    height: 40px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 37px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px !important;
}

/**/

tr.on-delete {
    background: red !important;
    color: #fff;
}

tr.on-delete input {
    color: #fff;
}

/* Modal */
.moz-modal {
    border: 1px solid rgba(0, 0, 0, .2);
    width: 300px;
    position: relative;
}

[data-type="angles"] .moz-modal {
    width: 152px;
}

.moz-modal>img {
    width: 300px;
}

.dividers-data .open-modal>i {
    margin-right: 10px;
}

[data-type="angles"] img {
    width: 150px;
}

.btn.open-modal {
    margin-top: 15px;
}

.modal {
    display: none;
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

.modal.show {
    display: block;
}

.fade {
    transition: opacity 0.15s linear;
}

.modal-dialog {
    display: block;
    margin: 1.75rem auto;
    width: 800px;
    background: #fff;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 0 31px rgba(0, 0, 0, .1), 0 0 10px rgba(0, 0, 0, .1), inset 0 0 18px #fff;
    position: relative;
    z-index: 2;
    pointer-events: all;
    height: 94%;
    max-width: 92% !important;
}

/*
.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - (1.75rem * 2));
}*/

.modal-lg {
    max-width: 800px;
}

.modal .dividers-preview {
    display: inline-block;
    width: auto;
    max-height: calc(100% - 227px);
    vertical-align: top;
    pointer-events: all;
    overflow-y: auto;
    margin-top: 50px;
    border-top: 1px solid #dcdcde;
    padding-top: 5px;
}

.modal .dividers-preview .custom-add::before {
    content: '';
    position: relative;
    display: block;
    height: 6px;
}

.dividers-preview div.custom-add {
    position: absolute;
    bottom: 74px;
    left: 0;
    right: 0;
    width: 100% !important;
    background: #f9f9f9;
    border-top: 1px solid #dcdcde;
    padding-bottom: 10px;
    display: flex;
    justify-content: center;
    gap: 10px;
}

/* carousel */

.carousel {
    z-index: 8;
}

.carousel-inner {
    z-index: 0;
}

.carousel-item {
    position: relative;
}

.carousel-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 1;
}

/* Color Picker */
.clr-container input[type=text] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 32px;
    opacity: 0;
    width: 100%;
    cursor: pointer;
}

.clr-container:not(.colors-combo) {
    flex-shrink: 0;
    width: 300px;
}

.clr-field button {
    position: unset !important;
    transform: none !important;
    display: inline-block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: inherit !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    pointer-events: none !important;
    border-radius: 5px !important;
    text-indent: unset !important;
}

.dm-color-result-text {
    background: #f6f7f7;
    border: 1px solid #c3c4c7;
    color: #50575e !important;
    display: block;
    padding: 0 6px;
    text-align: center;
    position: relative;
    z-index: 1;
    font-size: 13px;
    pointer-events: none;
    top: 0px;
    height: 32px;
    line-height: 29px;
    margin-inline-start: 50px;
    float: inline-end;
}



/* btn  */

.btn.is-loading {
    pointer-events: none;
    opacity: .4;
}


/** Categories page **/


/* Premium sections */
.premium-section.locked .premium-fields {
    pointer-events: none;
    opacity: .5;
}

.premium-banner {
    background: linear-gradient(135deg, #FFD700, #FFA500);
    color: #2c2c2c;
    padding: 15px 20px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    text-align: center;
    max-width: 400px;
    margin: 20px auto;
    font-family: 'Roboto', sans-serif;
}

.premium-banner a {
    color: #2c2c2c;
    text-decoration: underline;
    font-weight: bold;
    display: inline-block;
    width: auto;
}


/** Media modal **/
body.bg-overlay {
    overflow: hidden;
}

body.bg-overlay::before {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 100;
}

.media-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    background: 0 0;
    color: #646970;
    cursor: pointer;
    outline: 0;
    transition: color .1s ease-in-out;
    z-index: 10002;
}

.dashboard-rows .media-modal-close:not(.rm-item) {
    display: none;
}

.products-page tr.editinline td>.media-modal-close {
    color: #fff;
}

.rtl .thumbnail .media-modal-close {
    right: unset !important;
    left: 3px !important;
}

.attachment-preview:not(.has-image) .media-modal-close {
    display: none;
}

body.rtl .media-modal-close {
    right: unset;
    left: 0;
}

button.media-modal-close:not(.dlg-btn) span.media-modal-icon {
    background: transparent;
    color: #444;
    border-radius: 16px;
    width: 28px;
    display: inline-block;
    height: 28px;
    line-height: 23px;
    text-align: center;
    transition: all 0.1s ease-in-out;
}

.thumbnail .media-modal-close {
    width: 28px;
    height: 28px;
    right: 3px;
    top: 3px;
    font-size: 14px;
    pointer-events: all;
}

.thumbnail .media-modal-close span.media-modal-icon {
    background: rgba(24, 24, 24, .6);
}

.thumbnail .media-modal-close:hover span.media-modal-icon {
    background: rgba(24, 24, 24, .95);
}

/*
button.media-modal-close:not(.dlg-btn):hover span.media-modal-icon {
	background: var(--accent);
	color: #fff;
}*/

button.media-modal-close:hover span.media-modal-icon {
    color: var(--accent) !important;
}

button.media-modal-close .media-modal-icon::before {
    content: "\f659";
    font-family: bootstrap-icons;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.media-modal-close span.media-modal-icon {
    background-image: none;
    pointer-events: none;
}

/* Screen Button */
#displaySelector {
    margin-top: 20px;
}

#displaySelector input[type="radio"] {
    display: none;
}

#displaySelector label {
    box-sizing: border-box;
    position: relative;
    width: 45px;
    height: 26px;
    border: 2px solid;
    border-radius: 4px;
    margin-top: -4px;
    text-align: center;
    background: #a6a6a6;
    border-color: #a6a6a6;
    margin-right: 10px;
    line-height: 20px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    opacity: .5;
}

#displaySelector label:hover {
    border-color: #a6a6a6;
    color: #fff;
    opacity: 1;
}

#displaySelector label:hover:before,
#displaySelector label:hover:after {
    background: #a6a6a6;
}


#displaySelector input[type="radio"]:checked+label {
    background: var(--accent);
    color: #fff;
    border-color: var(--accent);
    opacity: 1;
}

#displaySelector input[type="radio"]:checked+label:before,
#displaySelector input[type="radio"]:checked+label:after {
    background: var(--accent) !important;
}

#displaySelector label::after,
#displaySelector label::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 18px;
    height: 3px;
    background: #a6a6a6;
    top: -12px;
    left: 12px;
    border-radius: 2px 2px 8px 8px;
}

#displaySelector label::before {
    width: 3px;
    height: 14px;
    top: -12px;
    left: 19px;
    border-radius: 0;
}

/* end */


.card.cat-card .btn-link[data-bs-toggle="collapse"] {
    padding: 8px 15px;
}

#slideshowSelector .card {
    height: 100%;
}

/**/
.container-fluid {
    padding-right: 2%;
    padding-left: 2%;
    margin-top: 2%;
}

.cat-replace-image #file-upload {
    width: 100%;
}

.button-icon {
    position: relative;
    padding-inline-start: 38px !important;
}

.button-icon-only {
    position: relative;
    padding-inline-start: 38px !important;
    padding-inline-end: 0 !important;
}

.button-icon.button-sm {
    padding-inline-start: 30px !important;
}

.button>.icon,
.button>img,
.button>i {
    position: absolute;
    inset-block-start: 50%;
    transform: translateY(-50%);
    inset-inline-start: 8px;
    font-size: 1.2rem;
}

.button-sm>.icon,
.button-sm>img,
.button-sm>i {
    inset-inline-start: 4px;
}

.button-md>.icon,
.button-md>img,
.button-md>i {
    inset-inline-start: 7px;
}

.button>img {
    height: 20px;
    width: auto;
}

.button-sm>img {
    height: 16px;
}

.button-md>img {
    height: 24px;
}

.button-lg>img {
    height: 32px;
}

.breadcrumb li {
    margin: 0;
}

.icon::before {
    content: '';
    display: inline-block;
}

.icon.ajax-loader:not(.enabled) {
    display: none;
}

.icon-sm {
    font-size: .85rem !important;
    width: 18px;
}

.icon-md {
    font-size: 1.1rem !important;
    width: 24px;
}

.icon-lg {
    font-size: 1.5rem !important;
    width: 28px;
}

.icon-xl {
    font-size: 2.8rem !important;
    width: 46px;
}

.icon-primary {
    color: var(--accent);
}

.icon-success {
    color: var(--success);
}

.icon-danger {
    color: var(--danger);
}

.icon-warning {
    color: var(--warning);
}

.icon-info {
    color: var(--info);
}

.icon-gdrive-sync {
    background-image: url('/img/ui/google_drive_logo.png');
}

.icon-update {
    background-image: url('/img/ui/64px/refresh.png');
}

.icon-github::before {
    content: "\F3ED";
}

.icon-androidtv::before {
    content: "\F7D1";
}

.icon-person::before {
    content: "\F4D0";
}

.icon-person-settings::before {
    content: "\F8A2";
}

.icon-light::before {
    content: "\F1D2";
}

.icon-impersoner::before {
    content: "\F89B";
}

.icon-dark::before {
    content: "\F497";
}

.icon-home::before {
    content: "\F425";
}

.icon-download::before {
    content: "\F30A";
}

.icon-print::before {
    content: "\F501";
}

.icon-plus-circle::before {
    content: "\F4FA";
}

.icon-certified::before {
    content: "\F4BE";
}

.icon-certified.ok::before {
    content: "\F4B6";
}

.icon-certified.err::before {
    content: "\F4B8";
}

.icon-warning::before {
    content: "\F337";
}

.icon-share::before {
    content: "\F52E";
}

.person-lock::before {
    content: "\F8A8";
}

.icon-contact::before {
    content: "\F84C";
}

.icon-premium::before {
    content: "\F3E6";
}

.icon-qrcode::before {
    content: "\F6AD";
}

.icon-orders::before {
    content: "\F179";
}

.icon-androidtv::before {
    content: "\F7D1";
}

.icon-quickpanel::before {
    content: "\F89B";
}

.icon-timeline::before {
    content: "\F1F1";
}

.icon-success::before {
    content: "\F270";
}

.icon-plus::before {
    content: "\F4FE";
}

.icon-minus::before {
    content: "\F2EA";
}

.icon-dots-vertical::before {
    content: "\F5D3";
}

.icon-settings::before {
    content: "\F3E5";
}

.icon-user-settings::before {
    content: "\F8A2";
}

.icon-save::before {
    content: "\F7D8";
}

.icon-clipboard::before {
    content: "\F290";
    transition: all ease .25s;
}

.icon-clipboard.check::before {
    content: "\F28B";
}

.icon-template::before {
    content: "\F2CD";
}

.icon-graph-up::before {
    content: "\F3F2";
}

.icon-cart::before {
    content: "\F179";
}

.icon-globe::before {
    content: "\F3EF";
}

.icon-profile::before {
    content: "\F4DB";
}

.icon-reset::before {
    content: "\F116";
}

.icon-qr-code-scan::before {
    content: "\F6AD";
}

.icon-qr-code::before {
    content: "\F6AE";
}

.box-arrow-up-right::before {
    content: "\F1C5";
}

.icon-storage::before {
    content: "\F412";
}

.icon-google-drive::before {
    content: "\F2C1";
}

.icon-subscription-plan::before {
    content: "\F1C7";
}

.icon-theme::before {
    content: "\F4B1";
}

.icon-phone::before {
    content: "\F4E7";
}

.icon-media::before {
    content: "\F42B";
}

.icon-products::before {
    content: "\F542";
}

.icon-display::before {
    content: "\F302";
}

.icon-categories::before {
    content: "\F1A4";
}

.icon-tags::before {
    content: "\F5B0";
}

.icon-slideshow::before {
    content: "\F2CB";
}

.icon-upload::before {
    content: "\F296";
}

.icon-sync::before {
    content: "\F296";
}

.icon-super-admin::before {
    content: "\F52F";
}

.icon-keywords::before {
    content: "\F52A";
}

.icon-caches::before {
    content: "\F467";
}

.icon-check::before {
    content: "\F26B";
}

.icon-include::before {
    content: "\F26E";
}

.icon-exclude::before {
    content: "\F62A";
}

.icon-cloud-upload::before {
    content: "\F2C0";
}

.icon-load-more::before {
    content: "\F1B9";
}

.icon-coupon::before {
    content: "\F6CA";
}

.icon-subscribe::before {
    content: "\F662";
}

.icon-get-started::before {
    content: "\F176";
}

.icon-add-image::before {
    content: "\F42A";
}

.icon-add-video::before {
    content: "\F2CB";
}

.icon-delete::before {
    content: "\F622";
}

.icon-trash::before {
    content: "\F78B";
}

.icon-clear::before {
    content: "\F659";
}

.icon-rename::before {
    content: "\F4CA";
}

.icon-dismiss::before {
    content: "\F622";
}

.icon-remove-entry::before {
    content: "\F3D6";
}

.icon-clear-caches::before {
    content: "\F589";
}

.icon-clear-all-caches::before {
    content: "\F3D6";
}

.icon-clipboard::before {
    content: "\F290";
}

.icon-clipboard-check::before {
    content: "\F28B";
}

.icon-userId::before {
    content: "\F8C9";
}

.icon-search::before {
    content: "\F52A";
}

.icon-table-start::before {
    content: "\F27F";
}

.icon-table-end::before {
    content: "\F280";
}

.icon-table-prev::before {
    content: "\F284";
}

.icon-table-next::before {
    content: "\F285";
}

.icon-categories::before {
    content: "\F3D3";
}

/* VC */

.icon-import::before {
    content: "\F3D8";
}

.icon-preview::before {
    content: "\F341";
}

.icon-export::before {
    content: "\F30A";
}

.icon-info::before {
    content: "\F431";
}

.icon-success::before {
    content: "\F270";
}

.icon-link::before {
    content: "\F470";
}

.nav-icon {
    display: none;
}

/* happy-alert */
.happy-alert {
    display: none;
    background-color: #f0f4c3;
    color: #33691e;
    border-left: 5px solid #8bc34a;
    padding: 20px;
    margin: 10px 0;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    margin-bottom: 24px !important;
}

.happy-alert.failure {
    background-color: #ffcdd2;
    color: #c62828;
    border-left-color: #df3838;
}

.happy-alert p {
    margin: 0;
    /* Remove default paragraph margin */
    font-size: 16px;
    /* Slightly larger text for readability */
    line-height: 1.5;
    /* Space out the lines a bit for easier reading */
}

/* Dark Theme */
.dropdown-menu.nav-dark {
    background: var(--dark-less);
    box-shadow: none;
}

.dropdown-menu.nav-dark * {
    color: #fff;
}

.nav-dark .dropdown-divider {
    border-top: 1px solid var(--dark);
}

.nav-dark .dropdown-item.active,
.nav-dark .dropdown-item:focus,
.nav-dark .dropdown-item:hover {
    color: #fff;
    background-color: var(--dark);
}

.nav-dark .dropdown-toggle::after {
    margin-left: 8px;
    color: #fff;
}

.rtl .nav-dark .dropdown-toggle::after {
    margin-left: unset;
    margin-right: 8px;
}

.products-list tr.editinline .row {
    margin-left: 0;
    margin-right: 0;
}

.tablenav.bottom>div {
    margin-top: 10px;
    margin-bottom: 30px;
}

@media (max-width: 992px) {

    .products-page tr.editinline:not(.expanded) .g-top>div:first-child>div.product-price,
    .products-page tr.editinline:not(.expanded) .g-top>div:first-child>div.product-inventory {
        max-width: 200px;
    }

    /*
	.navbar {
		padding-bottom: 0;
	}*/

    nav.adminbar+nav li.nav-item.profile-menu-tab {
        top: 40px;
    }

    /*
	ul.navbar-nav:not(.adminbar-nav).active {
		visibility: visible;
		opacity: 1;
		height: 44px;
		border-top: 1px solid #dfe0e1;
		margin-top: 8px;
		padding-top: 3px;
		padding-right: 0;
		z-index: 11;
	}*/

    .sl-nav .dropdown-toggle::after {
        margin-left: 0;
    }

    body.rtl .sl-nav .dropdown-toggle::after {
        margin-right: 5px;
    }

    .nav-username:not(.small-media) {
        display: none;
    }

    /*
	nav:not(.adminbar) li.nav-item.profile-menu-tab {
		position: fixed;
		top: 8px;
		right: 8px;
	}*/

    body.rtl nav:not(.adminbar) li.nav-item.profile-menu-tab {
        right: unset;
        left: 8px;
    }

    /*  */

    div[iconpicker-target]>i {
        width: calc(50% - 5px);
    }

}

@media (min-width: 992px) {
    body.rtl .dropdown-menu {
        left: 0;
        right: unset;
    }
}

/* Medium devices (tablets, 768px and down) */
@media (max-width: 768px) {
    .products-page tr.editinline:not(.expanded) .g-top>div:first-child {
        display: block
    }

    .products-page tr.editinline:not(.expanded) .g-top>div:first-child>div.product-name,
    .products-page tr.editinline:not(.expanded) .g-top>div:first-child>div.product-price,
    .products-page tr.editinline:not(.expanded) .g-top>div:first-child>div.product-inventory {
        display: flex;
        flex: unset;
        max-width: 100%;
    }

    .products-page tr.editinline:not(.expanded) .g-top>div:first-child>div.product-price {
        margin-left: 0;
        margin-right: 0;
    }

    #cancel_add {
        display: inline-block;
    }

    th.name-column,
    .slideshows-list tr td:not(.name) {
        text-align: unset !important;
    }

    #addNew {
        display: inline-block;
    }

    #profileForm .card-body .row {
        margin-right: 0;
        margin-left: 0;
    }

    #profileForm .card-body .row>.col {
        margin-bottom: 10px;
    }

    .rtl nav.adminbar li.nav-item.profile-menu-tab {
        margin-right: unset;
        margin-left: -1rem;
    }

    .profile-menu-tab .loggedin>span {
        display: none;
    }

    .profile-menu-tab .dropdown-menu {
        min-width: 280px;
    }

    .dropdown-menu {
        min-width: 150px;
    }

    .col-c1,
    .rtl .col-c1 {
        margin: 0;
    }

    #cateditfieldset .card-body .row.g-2 {
        margin: 0;
    }

    .cat-replace-image #file-upload {
        width: auto;
    }

    .row {
        display: block;
    }

    .row>div {
        max-width: 100%;
        padding: 0;
    }

    .editinline .row>div:not(:first-child) {
        margin-top: 0;
    }

    .container-fluid {
        padding-right: 4%;
        padding-left: 4%;
        margin-top: 4%;
    }

    body:not(.popup-login) .navbar-nav:not(.adminbar-nav) .dropdown-menu:not(.langSelector) {
        position: fixed;
        left: 16px !important;
        right: 16px !important;
        top: unset;
        border-bottom-width: 1px;
        box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
        margin-top: 6px;
    }

    .navbar-nav .button {
        padding: 5px;
    }

    .nav-tabs .nav-link>i {
        margin: 0;
    }

    .nav-tabs .nav-link>span {
        display: none;
    }

    .nav-tabs .nav-link {
        border: 0;
    }

    .nav-tabs .nav-link.active,
    .nav-tabs .nav-link.active:hover {
        color: #fff;
        background-color: var(--accent);
    }

    .nav-tabs .nav-link:focus,
    .nav-tabs .nav-link:hover {
        border-color: rgba(0, 0, 0, .1);
    }

    .nav-tabContent .dividers-preview {
        overflow-y: scroll;
        max-height: 430px;
        padding: 0 4px 4px 4px;
        border: 1px solid #ddd;
    }

    .nav-tabContent .dividers-preview>div {
        display: block;
        margin-bottom: 0;
    }

    .nav-tabContent .dividers-preview input[type="radio"]+label {
        width: 100%;
        text-align: center;
    }

    .nav-tabContent .dividers-preview .custom-add .attachment,
    .nav-tabContent .dividers-preview div.custom-add {
        width: 100% !important;
    }

    .nav-tabContent .dividers-preview .custom-add .centered {
        text-align: center;
    }

    div[iconpicker-target]>i {
        width: calc(100% - 5px);
    }

    div[iconpicker-target]>i>input {
        flex: 1;
    }
}

/* Phone */
@media (max-width: 500px) {
    img.gravatar {
        width: 26px;
        min-height: 26px;
        top: -2px;
    }

    .nav-icon {
        display: inline-block;
    }

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

    .nav-label {
        display: none;
    }
}

/* Rounded Theme */

body.media-page .media-modal-content {
    border-radius: .75rem;
}