.plugin-Shop{background-color: #e6e6e6;}
.print-screen{background-color: #fff!important; color: #000!important;}
.separator{border-bottom: 1px solid #555;}
/* BUTTONS */
.manage-form .button, .manage-table .button, .shop-panel .button, .plugin-Shop .button{padding: 4px 8px; border: 1px solid #1e669c; color: #000; display: inline-block; background-color: #fff; font-size: 16px; font-weight: normal;}
.manage-form .button:hover, .manage-table .button:hover, .shop-panel .button:hover{background-color: #1e669c; color: #fff !important;}
.manage-form-control .button{font-size: 18px; padding: 6px 20px;}
.button.small{padding: 2px; font-size: 14px;}
.button.small .icon{width: 14px; height: 14px;}
.plugin-Shop{color: #000;}
.panel-fast-add {margin-right: 10px;}
#index .button-cancel{background-color: #ed3030; color: #fff; border: unset;}
.manage-sort{display: inline-flex;}
.manage-sort a{color: #fff;}
.shop-vertical-border > *:not(:first-child){border-left: 1px solid #555;}
.manage-table td > a{text-decoration: underline; color: blue; cursor: pointer;}
.manage-table td .button{text-decoration: none;}

ul{list-style-type: none;}
input[type='text'], input[type='number'], input[type='password'], select, textarea{ border: 1px solid #cacaca; border-radius: 4px; padding: 2px 4px; box-shadow: inset 0 1px 2px rgb(33 33 33 / 10%); transition: box-shadow 0.5s, border-color 0.25s ease-in-out; outline: none; background-color: #eee; font-size: 16px;}
input[type='text'], input[type='password']{width: 150px;}
input[type='number']{width: 100px;}
input[type='text']:active, input[type='text']:focus, input[type='number']:active, input[type='number']:focus, input[type='password']:active, input[type='password']:focus{ border-color: #000000; box-shadow: 0 0px 5px rgb(0 0 0 / 30%);}
.plugin-Shop #header, .plugin-Shop #footer{display: none;}
.search-highlight{background-color: #e2d433;}
#search-form-result{max-height: 500px; width: 300px; overflow: auto; position: absolute; top: 100%; right: 0; transform: translateX(10px); z-index: 3;}
#search-form-result .search-heading{padding: 3px 0; margin: 0;}
#search-form-result .search-row{border-bottom: 1px solid #555; padding: 10px; gap: 10px;}
#search-form-result .search-row .search-product-file{width: 50px;}
#search-form-result .search-row .search-product-title{flex: 1;}
.notifications-count{position: absolute; border-radius: 100%; top: 3px; right: 0; height: 14px; font-size: 12px; text-align: center; padding: 4px; aspect-ratio: 1;}
.pagination .button{white-space: nowrap;}
.manage-icon-buttons .button{padding: 1px; margin: 0; width: 16px; height: 16px;}
.border-none{border: none;}
.response{margin-top: 20px;}
.required-field:before{content: "*"; color: red; margin-right: 4px; display: inline-block;}

* {scrollbar-width: thin;scrollbar-color: #1e669c #fff;}
.shop-category-menu::-webkit-scrollbar {height: 12px;}
.shop-category-menu::-webkit-scrollbar-track {background: #fff;}
.shop-category-menu::-webkit-scrollbar-thumb {background-color: #1e669c;border-radius: 20px;border: 3px solid #fff;}

#panels {justify-content: center; width: 1080px;}
#shop-panel-logo{height: 60px;}
.shop-panel .logger a{display: block;}
.shop-panel-group{ margin: 10px 10px 0 10px; width: calc(25% - 20px); background: #fff; border: 1px solid #1e669c; border-radius: 3px;  box-shadow: 1px 2px 5px #999;}
.shop-panel-group i{width: 40px; height: 32px; margin-right: 7px; fill: #1e669c;}
#shop-panel-header{box-shadow: 0px 3px 10px #555;}
.shop-panel-group legend{display: flex; align-items: center; font-size: 24px; white-space: nowrap; justify-content: space-between; width: 100%; transform: translateY(-6px);}
.shop-panel-group legend .File{width: 30px; height: 30px; margin-right: 10px;}
.shop-panel-group ul{padding-left: 20px;}
.shop-panel-group ul li, .shop-menu-list ul li{padding: 4px 20px 4px 0; border-bottom: 1px solid #c9c9c9; font-size: 20px; cursor: pointer; position: relative; display: flex; align-items: center;}
.shop-panel-group ul li:last-child, .shop-menu-list ul li:last-child{border-bottom: unset;;}
.shop-panel-group ul li:hover, .shop-menu-list ul li:hover, .shop-menu-list ul li.active{font-weight: bold;}
.shop-menu-list ul li{padding-left: 20px;}

.shop-manage-popup{width: 100%; min-height: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; overflow: auto;}
.shop-order-form{display: flex;}
.shop-order-summary{position: sticky; top: 50px; display: flex; flex-direction: column; align-items: flex-end; padding-left: 80px;}
.shop-order-total{text-align: left; border: 1px solid #777; margin: 10px; border-collapse: collapse; background-color: #fff; box-shadow: 0px 3px 10px #b2b2b2;}
.shop-order-total tr th, .shop-order-total tr td{border-bottom: 1px solid #ababab}
.sale-online-total-amount{padding-top: 10px; margin-top: 10px; border-top: 1px solid #000;}

/* MERCHANT */
.merchant-poster{ height: 300px;}
.merchant-poster .background .image{filter: blur(3px);}
.merchant-poster .background-overlay{background-color: #000; opacity: 0.7;}
.merchant-main-image{border: 2px solid #fff; border-radius: 4px;}
.merchant-poster-border{height: 5px; background: linear-gradient(to right, green, rgb(255, 208, 0));}
.merchant-short-description{font-size: 12px;}
.bussines-details li{border-bottom: 1px solid #fff;}
.bussines-details .detail-title{font-size: 14px; transform: translate(-5px, 5px); color: #555;}

/* MANAGE */
#shop-panel-index{position: fixed; z-index: 1000; right: -75px; top: 50%; transform: translateY(-50%); font-size: 12px; line-height: 13px; background-color: #1e669c; border-bottom-left-radius: 109px; border-top-left-radius: 109px; padding: 30px 0 30px 5px; transition: 0.5s; box-shadow: 0 0 7px #000;}
#shop-panel-index a{ color: #fff;}
#shop-panel-index:hover{right: 0;}
.manage-table{margin: 0 auto; border-collapse: collapse; min-width: 100%; background-color: #fff;}
.manage{align-items: center;}
.manage-form{width: fit-content; margin: 0 auto;}
.manage-form-control{margin-top: 20px;}
.manage-form-control.multiple{display: flex; justify-content: space-between;}
.form-validate-line{font-weight: bold; color: #ed3030;}
.manage-table .file-preview{height: 25px; width: 50px;}
.manage-table .multiplier{width: 70px;}
.manage-row-selected{background-color: khaki;}
.manage-index .add-button{background-color: green; color: #fff;}
.manage-table thead{position: sticky; top: 0; z-index: 2;}
.manage-table .button{margin: 0 3px; padding: 2px 6px; font-size: 13px;}

/* SHOP */
.vertical th, .vertical td{text-align: left;}
.manage-table th, .manage-table td{padding: 2px;}
.manage-table tr:hover td, .manage-table tr.active td{transition: 0.3s; background-color: #d6eee0; color: #000000;}
.manage-table tr th{background-color: #1e669c; width: fit-content; color: #fff; font-weight: normal;vertical-align: top;}
.manage-table tr th, .manage-table tr td{border-bottom: 1px solid #a0a0a0; text-align: left; padding: 0 7px;}
.manage-table.vertical, .manage-table.fit-content{min-width: unset; margin: 0;}
.manage-table.vertical th, .shop-order-total td{max-width: 130px; }
.manage-table tr.inactive-row td{background-color: #929292;}

.invoice-table{border-collapse: collapse; width: 100%; font-size: 14px;}
.invoice-table th, .invoice-table td{padding-left: 4px; padding-right: 4px; text-align: left;}
.border-bottom-rows tr td{border-bottom: 1px solid #bfbfbf;}
.invoice-table tr th{background-color: #555; width: fit-content; color: #fff; font-weight: normal;}
.invoice-table tr td:nth-child(2) {padding-left: 20px;}

#shop-panel-index .File{height: 70px; width: 100px; transform: translateX(-18px) rotate(-90deg); transition: 0.5s;}
#shop-panel-index:hover .File{transform: rotate(0deg);}
.product-quantity-selector::-webkit-inner-spin-button, .product-quantity-selector::-webkit-outer-spin-button {opacity: 1;}
.cart-product .product-quantity-selector, .product-page .product-quantity-selector{width: 60px; border-radius: 1px; border-color: #555;}
.quantity-selector .mobileTap{cursor: pointer; margin: 0 5px;}
.price-previous{text-decoration: line-through; color: red;}
.favourite-product{width: 25px; height: 25px;}
.favourite-product.active path{fill: black;}
#attribute-filter-form{display: none;}
.add-rating-star svg{width: 40px; height: 40px; margin: 0 5px;}
.add-rating-star.active path, .rating-star.active path{fill: black;}
.rating-star svg{width: 15px; height: 15px; margin: 0 2px;}
.rating-filled-star svg path{fill: #cfa005; stroke: transparent;}
.customer-rating{padding: 20px 0; border-bottom: 1px solid;}
.price-coins{font-size: 12px; transform: translateY(-6px); display: inline-block;}
#catalog-categories ul li{font-weight: bold; padding: 2px;}

/* STATISTICS */
.statistics-buttons li{margin: 10px 0;}
.statistics-buttons li .button{width: 100%; text-align: center;}
.export-icon, .icon{width: 20px; height: 20px; position: relative;}

/* PRODUCT */
.description-select{padding: 15px 20px; cursor: pointer;border-bottom: 1px solid #000; position: relative;}
.description-select h4:after, .select-attribute legend:after{content: ""; background: url(/plugin/Shop/file/chevron-down.svg) no-repeat center center / 100% 100%; position: absolute; height: 20px; width: 20px; right: 10px; top: 20px;}
.active.description-select:after, .select-attribute.active legend:after{ transform: rotate(180deg);}
.description-select h4{margin: 0;}
.description-select.active h4{font-weight: bold;}
.description-select > div{max-height: 0; transition: 0.5s; overflow: hidden;}
#description-description > div{max-height: 60px;}
.description-select.active > div, #description-description.active > div{max-height: 5000px;}
.description-select a, .contenteditable-input a, .product-page .product-categories .product-category{color: blue; text-decoration: underline;}
.not-available{opacity: 0.5;}
.product-category > a{margin-right: 5px;}
.product-category > a:not(:last-child):after{content: '>'; display: inline-block; margin-left: 10px;}
.product-preview .add-to-cart.button{display: flex; padding: 5px 10px; align-items: center; gap: 10px;}
.product-preview .add-to-cart.button .add-to-cart-file{width: 20px; height: 20px;}
.product-page .add-to-cart.button{display: flex; align-items: center; gap: 10px;}
.product-page .add-to-cart.button .add-to-cart-file{width: 30px; height: 30px;}
.product-page .add-to-cart.button .add-to-cart-text{font-size: 24px;}
.product-page .varieties-row{gap: 10px;}
.product-page .variety{padding: 5px; border: 1px solid #000; border-radius: 5px;}
.product-page .variety-poster{margin: 5px 0;}

/* SELECT */
.selector{position: relative;}
.select-data{height: 24px; width: 200px;}
.select-data-large{height: 100px;}
.select-list{ position: absolute; width: 400px; text-align: center; z-index: 4; background-color: #f9ffc9; top: 100%; max-height: 500px;}
.select-list-content {max-height: 350px; overflow: auto; width: 100%; border: 1px solid #d5d5d5; background-color: #f9ffc9; color: #000;}
.select-list .select-item{ padding: 5px 0px; cursor: pointer; border-bottom: 1px solid #d1c1b3;}
.select-list .select-item:last-child{border-bottom: 0;}
.select-list .select-item.active{ background-color: lightblue;}
.select-list .pagination{list-style-type: none; justify-content: center; background-color: #d7d24b; margin: 0; padding: 5px 0;}
.select-list .pagination select{width: auto;}
.manage-table .select-enter-skip{border: none; background-color: unset; box-shadow: unset;}
.select-quick-buttons{display: flex; flex-direction: column;}
.select-quick-buttons .button{padding: 0; margin: 1px; width: 16px; height: 16px; font-size: 12px; border: unset;}
.invoice-fast-description{top: 0; left: 100%; max-height: 500px; overflow: auto; background-color: #fff; color: #000; width: 200px;}
.invoice-fast-description li{padding: 5px 10px; border-bottom: 1px solid #555;}

#shop-admin .button{width: 100%;}
.shop-product-hidden-data{background-color: #ebebeb; width: 36px; height: 22px;}
.shop-product-hidden-data-content{ background-color: #fff; color: #666; position: fixed; bottom: 0; left: 0; opacity: 0;}
.shop-product-hidden-data:hover .shop-product-hidden-data-content{opacity: 1; transition: 0.3s; z-index: 1000;}
.sale-text-sum{font-size: 20px; font-weight: bold;}

/* colors */
.shop-color-1{color:#1e669c;}
.shop-color-1-bg{background-color: #1e669c; color: #fff;}
.shop-color-1-bg a{color: #fff;}
.shop-color-2{color: #ed3030;}
.shop-color-2-bg, .notifications-count{background-color: #ed3030; color: #fff;}
.shop-color-3{color: #999;}
.shop-color-3-bg{background-color: #999; color: #000;}
.shop-color-4{color: #e2d433;}
.shop-color-4-bg{background-color: #e2d433;}
.shop-color-5{color: #e7f098;}
.shop-color-5-bg{background-color: #e7f098;}

/* price-selector */
.price-selector{position:relative;width:100%;background-color:#fff; border-radius:10px}
.price-selector .container{position:relative;width:100%;height:60px;}
.price-selector input[type="range"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;outline:none;position:absolute;margin:auto;top:0;bottom:0;background-color:transparent;pointer-events:none}
.price-selector .slider-track{width:100%;height:5px;position:absolute;margin:auto;top:0;bottom:0;border-radius:5px; background: #000;}
.price-selector input[type="range"]::-webkit-slider-runnable-track{-webkit-appearance:none;height:5px}
.price-selector input[type="range"]::-moz-range-track{-moz-appearance:none;height:5px}
.price-selector input[type="range"]::-ms-track{appearance:none;height:5px}
.price-selector input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;height:1.7em;width:1.7em;background-color:#000;cursor:pointer;margin-top:-9px;pointer-events:auto;border-radius:50%}
.price-selector input[type="range"]::-moz-range-thumb{-webkit-appearance:none;height:1.7em;width:1.7em;cursor:pointer;border-radius:50%;background-color:#000;pointer-events:auto;border:none}
.price-selector input[type="range"]::-ms-thumb{appearance:none;height:1.7em;width:1.7em;cursor:pointer;border-radius:50%;background-color:#000;pointer-events:auto}
.price-selector input[type="range"]:active::-webkit-slider-thumb{background-color:#fff;border:1px solid #000}
.price-selector .values{background-color:#000;position:relative;margin:auto;padding:5px 0;border-radius:5px;text-align:center;font-weight:500;font-size:20px;color:#fff}
.price-selector .values:before{content:"";position:absolute;height:0;width:0;border-top:15px solid #000;border-left:15px solid transparent;border-right:15px solid transparent;margin:auto;bottom:-14px;left:0;right:0}

/* Online */
.user-sale > div {margin: 5px 0;}
.user-sale-preview-image{height: 100px; margin: 10px;}
.checkout-field-select{margin: 10px 0; padding: 20px; border: 1px solid; transition: 0.5s; cursor: pointer;}
.checkout-field-select.active{background-color: rgb(84 255 0 / 30%);}
.checkout-data h4{margin: 10px 0;}
.review-products{height: fit-content;}

/* Products */
.product-preview{width: 250px; height: auto; box-sizing: border-box;  padding: 20px; position: relative; background-color: #ffffff; margin: 20px 1%; transition: 0.5s; display: flex; flex-direction: column; justify-content: space-between;}
.swiper .product-preview{width: unset;}
.product-preview:hover{box-shadow: 0 0 7px #555;}
.product-preview .preview-title{font-size: 16px; margin: 5px 0;}
.product-preview .new-product, .product-preview .sale-product{position: absolute; top: 10px; padding: 3px 5px;}
.product-preview .new-product{left: 10px;}
.product-preview .sale-product{right: 10px;}
.product-preview .preview-options > div {padding-right: 10px;}
.product-preview .preview-poster {height: 200px;}
.product-attribute-keypoints{position: absolute; right: 10px; top: 10px; z-index: 2;}
.attribute-keypoint{padding: 4px 10px;}

.product-page .admin-attributes{padding: 30px auto;}
.product-page .attribute-selected{background-color: white; color: #000000; border: 1px solid #000000;}
.product-attribute-selector{background-color: #eaeaea; color: #000000; border: 1px solid #000000; margin: 5px; padding: 5px; border-radius: 4px;}
.product-page .product-gallery .poster{height: 400px;}
.product-page .product-gallery .thumbnails{width: 100%; justify-content: center;}
.product-page .product-gallery .thumbnail{width: 15%; height: 100px; box-sizing: border-box; padding: 1%;}
.select-attribute-items{max-height: 0; transition: 0.5s; overflow: auto;}
.select-attribute.active .select-attribute-items{max-height: 500px;}
#attribute-filter-desktop fieldset{border: unset; border-bottom: 1px solid #999;}
#attribute-filter-desktop fieldset legend{font-weight: bold; padding: 20px 30px 20px 0; color: #7f0d0d; display: block; width: 100%; box-sizing: border-box;}
.select-attribute{padding: 0 10px;}
.select-attribute legend{cursor: pointer; position: relative;}
/* Cart */
.cart-product .options-selector .active{position: relative; font-weight: bold;}
.cart-product .options-selector .active:before {content: ""; position: absolute; width: 86%; height: 80%; left: 7%; top: 10%; z-index: -1; background: #ffe699;}
.cart-product .add-to-cart, #checkout-form .button, .shopping-button, #buy-button {background-color: #3c9fd9; color: #ffffff; font-size: 18px; padding: 10px 80px; border: none;}
.cart-product-title, .cart-product-attribute {margin: 0 0 10px; font-size: 14px;}
.cart-product .item-gallery .poster{height: 30vw;}
.cart-product .price-preview {font-size: 26px; display: flex;}
.cart-product .price-preview .price{margin-right: 5px;}
.cart-product-preview{height: 80px; width: 120px; padding: 10px;}
.cart-product-data{flex-direction: column;}
.cart-product .item-gallery .poster .image{object-fit: contain}
.cart-preview-popup .cart-product > div {margin: 0 10px;}
.cart-product .item-gallery .poster{height: 350px;}
.shopping-cart-items-count{position: absolute; right: -5px; top: -5px; background-color: red; border-radius: 100%; color: #fff; width: 20px; height: 20px; font-size: 12px; line-height: 20px; text-align: center;}
.flex-form-input > div{margin-bottom: 10px;}
/* Person */
.company-file{width: 100px; height: 100px;}
/* Contact */
.contact-form input, .contact-form textarea{padding: 10px; border-radius: 0; width: 200px; margin-bottom: 10px;}
.contact-form textarea{min-height: 300px; min-width: 300px;}

/* SWIPER */
.swiper-slide.fit-content{width: fit-content;}

@media only screen and (max-width: 1080px){
    #panels {width: 90vw;}
    .shop-panel-group legend{font-size: 18px;}
    .shop-panel-group{margin: 10px;}
    .shop-panel-group ul li{font-size: 16px;}
    .shop-product-hidden-data{width: auto;}
    .shop-product-hidden-data-content{position: relative}
    #terms-agreement input{width: 40px; height: 40px; display: block; margin-right: 10px;}
    .product-preview, #best-sellers-banner .product-preview {width: 23%; margin: 10px 1%; height: auto;}
    .product-preview .preview-poster{height: 130px;}
    .product-preview .preview-poster .image{object-fit: contain;}
    .swiper .product-preview{width: unset;}
    #toggle-mobile-filters button {width: 90%; border-radius: 0; margin: 10px auto; display: block;}
    #catalog-filters{position: fixed; width: 100%; height: 100%; overflow: auto; left: -100%; top: 0; transition: 0.5s; background-color: #fff; z-index: 10;}
    #catalog-filters.active{left: 0; width: 80%;}
}

@media only screen and (max-width: 768px){
    .shop-panel-group{width: 100%; margin: 20px 0;}
    .shop-panel-group legend{width: unset;}
    .shop-panel-group legend{font-size: 20px;}
    .add-rating-star svg{width: 40px; height: 40px; margin: 0 5px;}
    .product-preview, #best-sellers-banner .product-preview {width: 46%; margin: 10px 2%; height: auto;}
    .product-preview .preview-poster{height: 100px;}
    .product-preview .preview-title{font-size: 14px;}
    .swiper .product-preview{width: unset;}
}