.add-new-data-sidebar[data-v-4f1878b4] .vs-sidebar--background{z-index:52010}.add-new-data-sidebar[data-v-4f1878b4] .vs-sidebar{z-index:52010;width:400px;max-width:90vw}[dir] .add-new-data-sidebar[data-v-4f1878b4] .vs-sidebar .img-upload{margin-top:2rem}[dir] .add-new-data-sidebar[data-v-4f1878b4] .vs-sidebar .img-upload .con-img-upload{padding:0}.add-new-data-sidebar[data-v-4f1878b4] .vs-sidebar .img-upload .con-input-upload{width:100%}[dir] .add-new-data-sidebar[data-v-4f1878b4] .vs-sidebar .img-upload .con-input-upload{margin:0}.scroll-area--data-list-add-new[data-v-4f1878b4]{height:calc(var(--vh, 1vh)*100 - 143px)}.scroll-area--data-list-add-new[data-v-4f1878b4]:not(.ps){overflow-y:auto}#page-user-list .user-list-filters .vs__actions{position:absolute;top:50%}[dir] #page-user-list .user-list-filters .vs__actions{transform:translateY(-58%)}[dir=ltr] #page-user-list .user-list-filters .vs__actions{right:0}[dir=rtl] #page-user-list .user-list-filters .vs__actions{left:0}.custom-table{width:100%}[dir] .custom-table .border-b{border-bottom:1px solid #f5f5f5}.custom-table .tr{display:flex}[dir] .custom-table .tr{margin-bottom:.25rem}[dir] .custom-table .tr:hover{background-color:#f5f5f5}.custom-table .tr.header-row{font-weight:600;color:rgba(0,0,0,.7);position:-webkit-sticky;position:sticky;top:0;z-index:10}[dir] .custom-table .tr.header-row{background:#fff}.custom-table .tr.header-row .th{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center}[dir] .custom-table .tr.header-row .th{cursor:pointer}[dir] .custom-table .tr.header-row .th:hover{background-color:#f5f5f5}.custom-table .tr.body-row{transition:all .3s ease}[dir] .custom-table .tr.body-row{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12)}[dir] .custom-table .tr.body-row:hover{box-shadow:0 3px 6px rgba(0,0,0,.16);transform:translateY(-2px)}.custom-table .td,.custom-table .th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .custom-table .td,[dir] .custom-table .th{padding:1rem .5rem}[dir=ltr] .custom-table .td,[dir=ltr] .custom-table .th{text-align:left}[dir=rtl] .custom-table .td,[dir=rtl] .custom-table .th{text-align:right}.custom-table .drag-handle{display:flex;align-items:center;justify-content:center}[dir] .custom-table .drag-handle{cursor:move}[dir] .custom-table .drag-handle .drag-icon{padding:.25rem;border-radius:.25rem}[dir] .custom-table .drag-handle .drag-icon:hover{background:#f5f5f5}.custom-table .product-img{max-height:40px;max-width:60px;-o-object-fit:contain;object-fit:contain}.custom-table .product-name{font-weight:500}.ghost-row{opacity:.5}[dir] .ghost-row{background:#c8e6c9!important}@media (max-width:689px){#data-list-list-view .vs-con-table .vs-table--search{max-width:unset;width:100%}[dir=ltr] #data-list-list-view .vs-con-table .vs-table--search{margin-left:0}[dir=rtl] #data-list-list-view .vs-con-table .vs-table--search{margin-right:0}#data-list-list-view .vs-con-table .vs-table--search .vs-table--search-input{width:100%}}@media (max-width:461px){#data-list-list-view .vs-con-table .items-per-page-handler{display:none}}@media (max-width:341px){#data-list-list-view .vs-con-table .data-list-btn-container,#data-list-list-view .vs-con-table .data-list-btn-container .btn-add-new,#data-list-list-view .vs-con-table .data-list-btn-container .dd-actions{width:100%}[dir=ltr] #data-list-list-view .vs-con-table .data-list-btn-container .btn-add-new,[dir=ltr] #data-list-list-view .vs-con-table .data-list-btn-container .dd-actions{margin-right:0!important}[dir=rtl] #data-list-list-view .vs-con-table .data-list-btn-container .btn-add-new,[dir=rtl] #data-list-list-view .vs-con-table .data-list-btn-container .dd-actions{margin-left:0!important}}#data-list-list-view .vs-con-table .product-name{max-width:23rem}#data-list-list-view .vs-con-table .vs-table--header{display:flex;flex-wrap:wrap}[dir=ltr] #data-list-list-view .vs-con-table .vs-table--header,[dir=rtl] #data-list-list-view .vs-con-table .vs-table--header{margin-left:1.5rem;margin-right:1.5rem}#data-list-list-view .vs-con-table .vs-table--header>span{display:flex;flex-grow:1}[dir] #data-list-list-view .vs-con-table .vs-table--header .vs-table--search{padding-top:0}#data-list-list-view .vs-con-table .vs-table--header .vs-table--search .vs-table--search-input{font-size:1rem}[dir] #data-list-list-view .vs-con-table .vs-table--header .vs-table--search .vs-table--search-input{padding:.9rem 2.5rem}[dir=ltr] #data-list-list-view .vs-con-table .vs-table--header .vs-table--search .vs-table--search-input+i{left:1rem}[dir=rtl] #data-list-list-view .vs-con-table .vs-table--header .vs-table--search .vs-table--search-input+i{right:1rem}[dir=ltr] #data-list-list-view .vs-con-table .vs-table--header .vs-table--search .vs-table--search-input:focus+i{left:1rem}[dir=rtl] #data-list-list-view .vs-con-table .vs-table--header .vs-table--search .vs-table--search-input:focus+i{right:1rem}[dir] #data-list-list-view .vs-con-table .vs-table{padding:0 1rem}[dir] #data-list-list-view .vs-con-table .vs-table tr td{padding:20px}[dir=ltr] #data-list-list-view .vs-con-table .vs-table tr td:first-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}[dir=ltr] #data-list-list-view .vs-con-table .vs-table tr td:last-child,[dir=rtl] #data-list-list-view .vs-con-table .vs-table tr td:first-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}[dir=rtl] #data-list-list-view .vs-con-table .vs-table tr td:last-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}[dir] #data-list-list-view .vs-con-table .vs-table tr td.td-check{padding:20px!important}[dir] #data-list-list-view .vs-con-table .vs-table--thead th{padding-top:0;padding-bottom:0}#data-list-list-view .vs-con-table .vs-table--thead th .vs-table-text{text-transform:uppercase;font-weight:600}[dir] #data-list-list-view .vs-con-table .vs-table--thead th.td-check{padding:0 15px!important}[dir] #data-list-list-view .vs-con-table .vs-table--thead tr{background:none;box-shadow:none}#data-list-list-view .vs-con-table .vs-table--pagination{justify-content:center}#data-list-list-view .product-img{max-height:60px!important}.per-page-select .vs__dropdown-toggle{min-height:32px}[dir] .per-page-select .vs__dropdown-toggle{padding:5px 8px}.per-page-select .vs__selected{font-size:.9rem}[dir=ltr] .per-page-select .vs__actions{padding:2px 6px 0 3px}[dir=rtl] .per-page-select .vs__actions{padding:2px 3px 0 6px}