:root{--background: hsl(0, 0%, 100%);--foreground: hsl(0, 0%, 3.9%);--card: hsl(0, 0%, 100%);--card-foreground: hsl(0, 0%, 3.9%);--popover: hsl(0, 0%, 100%);--popover-foreground: hsl(0, 0%, 3.9%);--primary: hsl(0, 0%, 9%);--primary-foreground: hsl(0, 0%, 98%);--secondary: hsl(0, 0%, 96.1%);--secondary-foreground: hsl(0, 0%, 9%);--muted: hsl(0, 0%, 96.1%);--muted-foreground: hsl(0, 0%, 45.1%);--accent: hsl(0, 0%, 96.1%);--accent-foreground: hsl(0, 0%, 9%);--destructive: hsl(0, 84.2%, 60.2%);--destructive-foreground: hsl(0, 0%, 98%);--border: hsl(0, 0%, 92.8%);--input: hsl(0, 0%, 89.8%);--ring: hsl(0, 0%, 3.9%);--chart-1: hsl(12, 76%, 61%);--chart-2: hsl(173, 58%, 39%);--chart-3: hsl(197, 37%, 24%);--chart-4: hsl(43, 74%, 66%);--chart-5: hsl(27, 87%, 67%);--radius: .5rem;--sidebar-background: hsl(0, 0%, 98%);--sidebar-foreground: hsl(240, 5.3%, 30%);--sidebar-primary: hsl(0, 0%, 10%);--sidebar-primary-foreground: hsl(0, 0%, 98%);--sidebar-accent: hsl(0, 0%, 94%);--sidebar-accent-foreground: hsl(0, 0%, 30%);--sidebar-border: hsl(0, 0%, 91%);--sidebar-ring: rgb(59, 130, 246);--active-color: rgb(59, 130, 246);--menu-background: rgb(59, 130, 246);--menu-background-hover: rgb(230, 232, 235);--theme-color: hsl(0, 0%, 100%);--theme-color-active: hsl(0, 0%, 0%);--theme-color-foreground: hsl(0, 0%, 3.9%);--notification-color: rgb(255, 0, 0);--primary-color: rgb(59, 130, 246);--secondary-color: rgb(108 117 125)}.dark{--background: hsl(0, 0%, 3.9%);--foreground: hsl(0, 0%, 98%);--card: hsl(0, 0%, 3.9%);--card-foreground: hsl(0, 0%, 98%);--popover: hsl(0, 0%, 3.9%);--popover-foreground: hsl(0, 0%, 98%);--primary: hsl(0, 0%, 98%);--primary-foreground: hsl(0, 0%, 9%);--secondary: hsl(0, 0%, 14.9%);--secondary-foreground: hsl(0, 0%, 98%);--muted: hsl(0, 0%, 6.9%);--muted-foreground: hsl(0, 0%, 63.9%);--accent: hsl(0, 0%, 14.9%);--accent-foreground: hsl(0, 0%, 98%);--destructive: hsl(0, 84%, 60%);--destructive-foreground: hsl(0, 0%, 98%);--border: hsl(0, 0%, 14.9%);--input: hsl(0, 0%, 14.9%);--ring: hsl(0, 0%, 83.1%);--chart-1: hsl(220, 70%, 50%);--chart-2: hsl(160, 60%, 45%);--chart-3: hsl(30, 80%, 55%);--chart-4: hsl(280, 65%, 60%);--chart-5: hsl(340, 75%, 55%);--sidebar-background: hsl(0, 0%, 7%);--sidebar-foreground: hsl(0, 0%, 80%);--sidebar-primary: hsl(360, 100%, 100%);--sidebar-primary-foreground: hsl(0, 0%, 100%);--sidebar-accent: hsl(0, 0%, 15.9%);--sidebar-accent-foreground: hsl(240, 4.8%, 95.9%);--sidebar-border: hsl(0, 0%, 15.9%);--sidebar-ring: rgb(59, 130, 246);--active-color: rgb(59, 130, 246);--menu-background: rgb(59, 130, 246);--menu-background-hover: rgb(230, 232, 235);--theme-color: hsl(0, 0%, 3.9%);--theme-color-active: hsl(0, 0%, 98%);--theme-color-foreground: hsl(0, 0%, 98%);--notification-color: rgb(255, 0, 0);--primary-color: rgb(59, 130, 246);--secondary-color: rgb(108 117 125)}html{font-size:87.5%}body{font-size:14px;color:var(--foreground);font-family:Merriweather,serif;font-weight:400}.mw-200{max-width:200px;word-break:break-all;white-space:normal}h1,h2,h3,h4,h5,h6,.heading-font{color:var(--foreground);font-family:Merriweather,serif;font-weight:700}h2{font-size:1.75rem}h4{font-size:1.25rem}.mt-3{margin-top:1.25rem!important}.mr-3{margin-right:1.25rem!important}blockquote,dl,figure,form,ol,p,pre,ul{color:var(--foreground);font-family:Montserrat,sans-serif;font-weight:400}.header-top{display:flex;justify-content:space-between;align-items:center;padding:15px 0}.header-top .logo .logo-image{height:2.5rem}.header-top .nav-control i{font-size:1.2rem}.header-top .nav-control .notification-count{position:absolute;top:-4px;left:7px;background-color:var(--notification-color);color:var(--theme-color);font-weight:700;padding:4px 7px;line-height:1;border-radius:50%;font-size:.75rem;z-index:1}.main-menu{background-color:var(--menu-background);color:var(--theme-color);display:flex;justify-content:left;gap:35px;position:sticky;position:-webkit-sticky;top:0;z-index:10}header{position:sticky;position:-webkit-sticky;top:41px;z-index:9}.main-menu .nav-item .nav-link{color:var(--theme-color);font-weight:700;font-size:1rem;display:flex;align-items:center;gap:8px;padding:10px 0;cursor:pointer}.main-menu .nav-item .nav-link p{font-weight:700;margin-bottom:0;color:var(--theme-color)}.main-menu .nav-item .dropdown-menu{top:calc(100% - 5px)}.main-menu .nav-item:hover .dropdown-menu{display:block}.main-menu .dropdown-item{padding:10px 15px}.main-menu .dropdown-item:hover{background-color:var(--menu-background-hover)}.form-group{margin-bottom:1.25rem}.form-group .form-label{margin-bottom:.25rem}.form-control-group{display:flex;gap:20px}.form-control-center{justify-content:center}.form-control-right{justify-content:right}.form-password-group{position:relative}.form-password-group i{position:absolute;font-size:1rem;right:10px;top:36px;cursor:pointer;z-index:999}.form-password-group input{padding-right:35px}.login-group .btn-home-control{width:250px;display:block}.item-info-account{display:flex;gap:15px;align-items:center;font-weight:700}.item-info-account i{font-size:2rem}.modal-header{padding:25px 30px}.modal-header h3{margin-bottom:0;line-height:1}.modal-body{padding:25px 30px}.bootstrap-select>.dropdown-toggle{display:block;width:100%;height:unset;padding:.5rem 1rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.bootstrap-select>.dropdown-toggle:after{margin-left:-10px;vertical-align:2px}.form-control{height:unset;padding:.6rem 1rem}.form-group.error input{border-color:var(--destructive)}.form-group.error label,.form-group.error .lable-error,.lable-error.error{color:var(--destructive)}.form-group.require label{position:relative}.form-group.require label:after{content:"*";color:var(--destructive);margin-left:5px}.btn-icon-primary i{font-size:1rem;color:var(--primary-color)}.btn-icon-secondary i{font-size:1rem;color:var(--secondary-color)}.hide{display:none}.btn{white-space:nowrap}.permission-group{display:flex;gap:35px}.permission-group .item .form-check-label{margin-left:7px}.nav-account a,.nav-account button{color:var(--primary-color)}.nav-account .dropdown-menu{left:-100%!important}.bootstrap-select>.dropdown-toggle.disabled{cursor:default;background-color:#e9ecef;border:1px solid #ced4da}@media(min-width:991px){.container,.container-sm,.container-md,.container-lg,.container-xl{max-width:unset;padding:0 50px}}@media(min-width:1200px){.container,.container-sm,.container-md,.container-lg,.container-xl{max-width:unset;padding:0 60px}}@media(min-width:1366px){.container,.container-sm,.container-md,.container-lg,.container-xl{max-width:unset;padding:0 70px}}@media(min-width:1500px){.container,.container-sm,.container-md,.container-lg,.container-xl{max-width:unset;padding:0 100px}}.dropdown-account-menu{left:-150px!important}.lable-group{display:flex;justify-content:space-between}.lable-group .btn.btn-sm{font-size:1rem}#loading{position:fixed;z-index:9999999;display:none;width:100%;height:100%;opacity:0;visibility:hidden;transition:all .3s ease-in-out}#loading:not(.disable-loading).show{display:block;opacity:1;visibility:visible}#loading:not(.disable-loading) img{margin-left:calc(50% - 85px);width:170px}.web-content.loading:not(.disable-loading){filter:blur(2px);pointer-events:none;transition:filter .3s}.w-200{width:130px!important;max-width:130px!important}.main-content{display:flex;justify-content:space-between}.main-content .search-content{width:270px;border-radius:10px;height:calc(100vh - 220px)}.main-content .search-content .search-keyword{padding:2rem;height:calc(100vh - 280px);overflow-y:scroll}.main-content .search-content .search-keyword::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}.main-content .search-content .search-keyword::-webkit-scrollbar{width:5px;background-color:#f5f5f5}.main-content .search-content .search-keyword::-webkit-scrollbar-thumb{background-color:#000}.main-content .search-content .search-control{text-align:center;padding-top:10px}.main-content .data-content{padding:2rem;width:calc(100% - 290px);border-radius:10px;max-height:calc(100vh - 220px)}.dataTables_wrapper .dataTables_paginate,.dataTables_wrapper .dataTables_info{padding-top:1rem}.dataTables_wrapper label{margin-bottom:1rem}#detail-modal .form-control:disabled,#detail-modal .form-control[readonly]{background-color:#fff}#detail-modal table tr td,#detail-modal table tr th{padding:8px 0}#detail-modal table tr td.lable{width:200px}.ck-editor__editable{min-height:300px}.variant-row{background:#f8f9fa;border:1px solid #ddd;padding:15px;margin-bottom:10px;border-radius:5px}.thumb-wrapper{position:relative;width:100px;height:100px}.lazy-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .5s}.lazy-img.loaded{opacity:1}.card .card-header{display:flex;justify-content:space-between;align-items:center}.modal-full{max-width:95vw}#myTabContent{height:75vh}#drop-zone.dragover{background-color:#e3f2fd!important;border-color:#007bff!important;transform:scale(1.02)}.border-dashed{border-style:dashed!important}#media-grid-container #media-grid{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:15px!important;padding:15px;height:calc(77vh - 150px);overflow-y:auto;align-content:start}#media-grid-container #media-grid>div{width:100%!important;margin-bottom:0!important;min-width:0}#media-grid-container #media-grid .media-item{display:flex;flex-direction:column;height:180px;background:#fff;border:1px solid #ddd;border-radius:4px;overflow:hidden;width:100%;position:relative;cursor:pointer;transition:all .2s}#media-grid-container #media-grid .media-item .select-file{position:absolute;top:5px;left:5px}#media-grid-container #media-grid .img-wrapper{height:120px;flex-shrink:0;background:#f8f9fa;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #eee;overflow:hidden}#media-grid-container #media-grid .img-wrapper img{max-height:100%;max-width:100%;width:auto;-o-object-fit:contain;object-fit:contain}#media-grid-container #media-grid .media-info{padding:5px 8px;flex-grow:1;display:flex;flex-direction:column;justify-content:center;overflow:hidden;font-size:11px;color:#333}#media-grid-container #media-grid .media-info .text-muted{font-size:9px}#media-grid-container #media-grid .media-info .text-truncate{max-width:100%;display:block}@media(max-width:1400px){#media-grid-container #media-grid{grid-template-columns:repeat(5,1fr)!important}}@media(max-width:1200px){#media-grid-container #media-grid{grid-template-columns:repeat(4,1fr)!important}}@media(max-width:900px){#media-grid-container #media-grid{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:600px){#media-grid-container #media-grid{grid-template-columns:repeat(2,1fr)!important}}.pagination{margin-bottom:0}#media-pagination{height:50px;align-items:end;padding-bottom:5px}#media-grid-container{display:flex;overflow:hidden;transition:all .3s ease;border:1px solid #e1e1e1}#media-grid{flex:1;transition:all .3s ease}#media-sidebar{width:300px;transition:all .3s ease;margin-right:0;height:calc(77vh - 150px);overflow-y:scroll}#media-sidebar.collapsed{width:0;padding:0!important;margin:0;opacity:0;border:none!important;pointer-events:none}#media-filter{padding:15px 20px}#media-filter .form-group{margin-bottom:0}#media-filter .control{display:flex}#media-filter .btn-filter{width:100px;display:flex;justify-content:center;gap:10px;justify-items:center;margin-top:26px;font-weight:700;margin-right:10px}#media-filter .btn-delete,#media-filter .btn-deleteAll,#media-filter .btn-select-file{width:120px;display:flex;justify-content:center;gap:10px;justify-items:center;margin-top:26px;font-weight:700}#media-filter .btn-filter i,#media-filter .btn-delete i{margin-top:3px}@media(max-width:991px){#media-modal .modal-full{max-width:100vw;max-height:100vh;height:100vh;margin:0}#media-modal .modal-full .modal-content{width:100%;height:100%}#media-grid-container #media-grid{height:calc(75vh - 150px)}#media-modal .modal-header{padding:10px 20px}#media-filter{padding:15px 0}#media-filter .control{display:flex;justify-content:center}#media-grid-container #media-grid{padding:15px 0}}@media(max-width:767px){#media-filter .control{justify-content:space-between}}.hide{display:none!important}.modal{z-index:99999!important}.modal-backdrop{z-index:99998!important}.tox-tinymce-aux{z-index:99990!important}#product_variants_container .btn-link{display:block;color:#000;width:100%;text-align:left;padding-top:12px;padding-bottom:12px}#product_variants_container h5{width:100%}#product_variants_container .btn-link:hover{color:#000!important;text-decoration:none}button:focus{outline:none}#media-grid::-webkit-scrollbar{width:5px}#media-grid::-webkit-scrollbar-track{background:transparent}#media-grid::-webkit-scrollbar-thumb{background:#bdc0c4;border-radius:0}#media-grid::-webkit-scrollbar-thumb:hover{background:#9ca3af}.collapse.show{visibility:visible}#product_variants_container .accordion-item{margin-top:15px}#product_variants_container .accordion-item:first-child{margin-top:0}.select2.select2-container{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.select2.select2-container .select2-selection{border:none}.select2-container--default .select2-selection--single .select2-selection__arrow{top:5px;right:5px}#set-thumbnail,#set-gallery{color:var(--foreground);text-decoration:unset;display:block}.thumbnail-group,.gallery-group{text-align:center}.thumbnail-group .thumbnail{max-height:200px}.thumbnail-group .thumbnail img{max-width:100%;max-height:200px;margin:auto}.gallery-group .gallery{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:15px!important;padding:15px;overflow-y:auto;align-content:start}.gallery-group .gallery .media-item{position:relative}.gallery-group .gallery .media-item .img-wrapper{position:relative;height:120px}.gallery-group .gallery .media-item img.img-fluid{width:100%;height:100%;position:absolute;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.gallery-group .gallery .media-item .remove-image{position:absolute;top:-5px;right:-5px;background-color:#d53e3e;width:25px;height:25px;display:flex;justify-items:center;justify-content:center;align-items:center;border-radius:50%;cursor:pointer;color:#fff}.accordion-button{background-color:#f3f3f3;border-radius:0}.attributes button{height:35px}.accordion-item.product_variants.error{border:1px solid var(--destructive)}#product_variants_container .control-group{display:flex;justify-content:center;margin-top:10px}#product_variants_container .control-group .btn{background-color:#d53e3e;color:#fff}.bootbox-close-button{position:absolute;top:5px;right:10px}.btn.disabled,.btn:disabled,fieldset:disabled .btn{border:none}#products-table .list-unstyled li{border-top:1px solid #ccc;padding:3px 0}#products-table .list-unstyled li:first-child{border:none}table.dataTable{border-top:1px solid rgba(0,0,0,.3)}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar{width:5px;height:8px;background-color:#f5f5f5}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar-thumb{background-color:#242121}.input-group-text{min-width:50px}.card-title{text-transform:capitalize}table.custom-datatable th{white-space:nowrap!important}.form-check-input,.search-btn{cursor:pointer}.text-right{text-align:right!important}#table-selected-products td,#table-selected-products th{padding:1rem .5rem}.customer-group .search-group{position:relative}.customer-group .search-group .search-customer-btn{position:absolute;top:10px;right:10px;cursor:pointer}.customer-group .search-group .list-customer{border:1px solid #ccc;padding:1rem .75rem;border-radius:.5rem;position:absolute;width:100%;background-color:#fff;z-index:9;top:42px;display:none}.customer-group .search-group .list-customer.show{display:block}.customer-group .search-group .list-customer{max-height:300px}.customer-group .search-group .list-customer .item{padding-top:.5rem;padding-bottom:.5rem;border-bottom:1px outset #ccc;cursor:pointer;display:flex;justify-content:space-between}.customer-group .search-group .list-customer .item:last-child{border-bottom:none}.customer-group .search-group .list-customer .item div code{display:block}