.add-new-data-sidebar[data-v-bb117d38] .vs-sidebar--background{z-index:52010}.add-new-data-sidebar[data-v-bb117d38] .vs-sidebar{z-index:52010;width:400px;max-width:90vw}[dir] .add-new-data-sidebar[data-v-bb117d38] .vs-sidebar .img-upload{margin-top:2rem}[dir] .add-new-data-sidebar[data-v-bb117d38] .vs-sidebar .img-upload .con-img-upload{padding:0}.add-new-data-sidebar[data-v-bb117d38] .vs-sidebar .img-upload .con-input-upload{width:100%}[dir] .add-new-data-sidebar[data-v-bb117d38] .vs-sidebar .img-upload .con-input-upload{margin:0}.scroll-area--data-list-add-new[data-v-bb117d38]{height:calc(var(--vh, 1vh)*100 - 143px)}.SkeletonBox{display:inline-block;position:relative;overflow:hidden;vertical-align:middle}[dir] .SkeletonBox{background-color:#dddbdd;border-radius:25px}.SkeletonBox:after{position:absolute;top:0;bottom:0;content:""}[dir=ltr] .SkeletonBox:after{right:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));-webkit-animation:shimmer-ltr 1s infinite;animation:shimmer-ltr 1s infinite}[dir=rtl] .SkeletonBox:after{left:0;right:0;transform:translateX(100%);background-image:linear-gradient(-90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));-webkit-animation:shimmer-rtl 1s infinite;animation:shimmer-rtl 1s infinite}@-webkit-keyframes shimmer-ltr{to{transform:translateX(100%)}}@-webkit-keyframes shimmer-rtl{to{transform:translateX(-100%)}}.SkeletonBoxDark{display:inline-block;position:relative;overflow:hidden;vertical-align:middle}[dir] .SkeletonBoxDark{background-color:rgba(36,43,80,.5137254901960784);border-radius:25px}.SkeletonBoxDark:after{position:absolute;top:0;bottom:0;content:""}[dir=ltr] .SkeletonBoxDark:after{right:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,rgba(63,71,111,0),rgba(63,71,111,.2) 20%,rgba(63,71,111,.5) 60%,rgba(63,71,111,0));-webkit-animation:shimmer-ltr 1s infinite;animation:shimmer-ltr 1s infinite}[dir=rtl] .SkeletonBoxDark:after{left:0;right:0;transform:translateX(100%);background-image:linear-gradient(-90deg,rgba(63,71,111,0),rgba(63,71,111,.2) 20%,rgba(63,71,111,.5) 60%,rgba(63,71,111,0));-webkit-animation:shimmer-rtl 1s infinite;animation:shimmer-rtl 1s infinite}@keyframes shimmer-ltr{to{transform:translateX(100%)}}@keyframes shimmer-rtl{to{transform:translateX(-100%)}}@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}#data-list-list-view .vs-con-table .vs-table{border-collapse:separate;border-spacing:0 1.3rem}[dir] #data-list-list-view .vs-con-table .vs-table{padding:0 1rem}[dir] #data-list-list-view .vs-con-table .vs-table tr{box-shadow:0 4px 20px 0 rgba(0,0,0,.05)}[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}