diff --git a/packages/Webkul/Ui/publishable/assets/css/ui.css b/packages/Webkul/Ui/publishable/assets/css/ui.css
index 0473b1ba8..5b568c5b9 100644
--- a/packages/Webkul/Ui/publishable/assets/css/ui.css
+++ b/packages/Webkul/Ui/publishable/assets/css/ui.css
@@ -1 +1 @@
-.accounts-icon,.active .cms-icon,.active.configuration-icon,.arrow-icon,.catalog-icon,.cms-icon,.configuration-icon,.customer-icon,.dashboard-icon,.locale-icon,.locale-icon-bold,.promotion-icon,.sales-icon,.settings-icon,.store-icon{width:48px;height:48px;display:inline-block;background-size:cover}.icon{display:inline-block;background-size:cover}.dashboard-icon{background-image:url(../images/Icon-Dashboard.svg)}.sales-icon{background-image:url(../images/Icon-Sales.svg)}.catalog-icon{background-image:url(../images/Icon-Catalog.svg)}.customer-icon{background-image:url(../images/Icon-Customers.svg)}.configuration-icon{background-image:url(../images/Icon-Configure.svg)}.settings-icon{background-image:url(../images/Icon-Settings.svg)}.promotion-icon{background-image:url(../images/icon-promotion.svg)}.cms-icon{background-image:url(../images/Icon-CMS.svg)}.angle-right-icon{background-image:url(../images/Angle-Right.svg);width:17px;height:17px}.angle-left-icon{background-image:url(../images/Angle-Left.svg);width:17px;height:17px}.arrow-down-icon{background-image:url(../images/Arrow-Down-Light.svg);width:14px;height:8px}.arrow-right-icon{background-image:url(../images/Arrow-Right.svg);width:18px;height:18px}.white-cross-sm-icon{background-image:url(../images/Icon-Sm-Cross-White.svg);width:18px;height:18px}.accordian-up-icon{background-image:url(../images/Accordion-Arrow-Up.svg);width:24px;height:24px}.accordian-down-icon{background-image:url(../images/Accordion-Arrow-Down.svg);width:24px;height:24px}.accordian-left-icon{background-image:url(../images/chevron-left.svg);width:24px;height:24px}.accordian-right-icon{background-image:url(../images/chevron-right.svg);width:24px;height:24px}.notification-icon{background-image:url(../images/Icon-bell.svg);width:30px;height:30px}.processing-icon{background-image:url(../images/process.png);width:30px;height:30px}.pending-icon{background-image:url(../images/notification-checked.svg);width:30px;height:30px}.closed-icon{background-image:url(../images/return.png);width:30px;height:30px}.canceled-icon{background-image:url(../images/notification-cancel.svg);width:30px;height:30px}.completed-icon{background-image:url(../images/notification-complete.svg);width:30px;height:30px}.accounts-icon{background-image:url(../images/Account-Icon.svg)}.arrow-icon{background-image:url(../images/arrow-icon.svg);height:13px;width:8px;transform:rotate(90deg)!important;margin-top:16px!important;margin-right:18px!important}.rotate-arrow-icon{transform:rotate(-90deg)!important}.locale-icon{background-image:url(../images/Local-Icon.svg)}.locale-icon-bold{background-image:url(../images/Local-Icon-bold.svg);height:26px;width:26px}.store-icon{background-image:url(../images/store-icon.svg);height:26px;width:26px}.cross-icon{background-image:url(../images/Icon-Crossed.svg);width:18px;height:18px}.trash-icon{background-image:url(../images/Icon-Trash.svg);width:24px;height:24px}.remove-icon{background-image:url(../images/Icon-remove.svg);width:24px;height:24px}.pencil-lg-icon{background-image:url(../images/Icon-Pencil-Large.svg);width:24px;height:24px}.eye-icon{background-image:url(../images/Icon-eye.svg);width:24px;height:24px}.search-icon{background-image:url(../images/icon-search.svg);width:24px;height:24px}.sortable-icon{background-image:url(../images/Icon-Sortable.svg);width:24px;height:24px}.sort-down-icon,.sort-up-icon{background-image:url(../images/Icon-Sort-Down.svg);width:18px;height:18px}.sort-up-icon{transform:rotate(180deg)}.primary-back-icon{background-image:url(../images/Icon-Back-Primary.svg);width:24px;height:24px}.checkbox-dash-icon{background-image:url(../images/Checkbox-Dash.svg);width:24px;height:24px}.account-icon{background-image:url(../images/icon-account.svg);width:24px;height:24px}.expand-icon{background-image:url(../images/Expand-Light.svg);width:18px;height:18px}.expand-on-icon{background-image:url(../images/Expand-Light-On.svg);width:18px;height:18px}.dark-left-icon{background-image:url(../images/arrow-left-dark.svg);width:18px;height:18px}.light-right-icon{background-image:url(../images/arrow-right-light.svg);width:18px;height:18px}.folder-icon{background-image:url(../images/Folder-Icon.svg);width:24px;height:24px}.star-icon{background-image:url(../images/Star-Icon.svg);width:24px;height:24px}.star-icon-blank{background-image:url(../images/Star-Icon-Blank.svg);width:24px;height:24px}.arrow-down-white-icon{background-image:url(../images/down-arrow-white.svg);width:17px;height:13px}.arrow-up-white-icon{background-image:url(../images/up-arrow-white.svg);width:17px;height:13px}.profile-pic-icon{background-image:url(../images/Profile-Pic.svg);width:60px;height:60px}.graph-up-icon{background-image:url(../images/Icon-Graph-Green.svg);width:24px;height:24px}.graph-down-icon{background-image:url(../images/Icon-Graph-Red.svg);width:24px;height:24px}.no-result-icon{background-image:url(../images/limited-icon.svg);width:52px;height:47px}.note-icon{background-image:url(../images/icon-note.svg)}.list-icon,.note-icon{width:24px;height:24px}.list-icon{background-image:url(../images/Icon-Listing.svg)}.copy-icon{background-image:url(../images/copy-icon.png);width:24px;height:24px}.active .dashboard-icon{background-image:url(../images/Icon-Dashboard-Active.svg)}.active .sales-icon{background-image:url(../images/Icon-Sales-Active.svg)}.active .catalog-icon{background-image:url(../images/Icon-Catalog-Active.svg)}.active .customer-icon{background-image:url(../images/Icon-Customers-Active.svg)}.active .settings-icon{background-image:url(../images/Icon-Settings-Active.svg)}.active .configuration-icon{background-image:url(../images/Icon-Configure-Active.svg)}.active .promotion-icon{background-image:url(../images/icon-promotion-active.svg)}.active .cms-icon{background-image:url(../images/Icon-CMS-Active.svg)}.active>.arrow-down-icon{background-image:url(../images/Arrow-Down-Light.svg);width:14px;height:8px}.active>.expand-icon{background-image:url(../images/Expand-Light-On.svg)}.active.dashboard-icon{background-image:url(../images/Icon-Dashboard-Active.svg)}.active.customer-icon{background-image:url(../images/Icon-Customers-Active.svg)}.active.sales-icon{background-image:url(../images/Icon-Sales-Active.svg)}.active.settings-icon{background-image:url(../images/Icon-Settings-Active.svg)}.active.configuration-icon{background-image:url(../images/Icon-Configure-Active.svg)}.active.arrow-down-icon{background-image:url(../images/Arrow-Down-Light.svg);width:14px;height:8px}.active.expand-icon{background-image:url(../images/Expand-Light-On.svg)}.icon-404{background-image:url(../images/404-image.svg);width:255px;height:255px}.export-icon{background-image:url(../images/Icon-Export.svg);width:32px;height:32px}.import-icon{background-image:url(../images/Icon-Import.svg);width:32px;height:32px}.star-blue-icon{width:17px;height:17px;background-image:url(../images/Icon-star.svg)}.camera-icon{background-image:url(../images/Camera.svg);width:24px;height:24px}.upload-icon{background-image:url(../images/upload-icon.svg);width:24px;height:24px}@-webkit-keyframes jelly{0%{transform:translateY(0) scale(.7);opacity:0}70%{transform:translateY(5px) scale(1.05);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes jelly{0%{transform:translateY(0) scale(.7);opacity:0}70%{transform:translateY(5px) scale(1.05);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@-webkit-keyframes jelly-out{0%{transform:translateY(0) scale(1);opacity:1}30%{transform:translateY(-5px) scale(1.05);opacity:1}to{transform:translateY(0) scale(.7);opacity:0}}@keyframes jelly-out{0%{transform:translateY(0) scale(1);opacity:1}30%{transform:translateY(-5px) scale(1.05);opacity:1}to{transform:translateY(0) scale(.7);opacity:0}}.grid-container{display:block;width:100%}.grid-container .grid-top{display:grid;grid-template-rows:auto auto auto;row-gap:8px;align-items:center}.grid-container .grid-top .datagrid-filters,.grid-container .grid-top .datagrid-filters .grid-right{display:grid;grid-template-columns:auto auto;-moz-column-gap:10px;column-gap:10px}.grid-container .grid-top .datagrid-filters .grid-right{justify-self:end;align-items:end}.grid-container .grid-top .datagrid-filters .dropdown-filters{display:inline-block}.grid-container .grid-top .datagrid-filters .dropdown-filters.per-page .control-group label{margin-bottom:7px;margin-right:10px;flex:auto}.grid-container .grid-top .datagrid-filters .dropdown-filters.per-page .control-group .control{width:100%;margin:0;flex:1}.grid-container .datagrid-filters,.grid-container .datagrid-filters .filter-right{display:grid;grid-template-columns:auto auto;-moz-column-gap:10px;column-gap:10px;align-items:end}.grid-container .datagrid-filters .filter-right{justify-self:end}.grid-container .datagrid-filters .filter-right .control-group .control{margin-bottom:0}.filtered-tags{display:inline-flex;align-items:flex-start;flex-wrap:wrap;margin-bottom:10px}.search-filter{border-radius:3px;height:36px;max-width:300px}.search-filter .control{font-size:15px;border:1px solid #c7c7c7;border-right:none;border-top-left-radius:3px;border-bottom-left-radius:3px;height:36px;width:calc(100% - 36px);padding-left:10px;-webkit-appearance:none}.search-filter:hover{box-shadow:0 0 0 1px rgba(0,64,255,.6)}.search-filter .contorl:focus{border-color:#0041ff}.search-filter .icon-wrapper{border:1px solid #c7c7c7;border-radius:3px;border-top-left-radius:0;border-bottom-left-radius:0;height:36px;width:36px;padding:5px;float:right}.grid-dropdown-header{display:inline-flex;justify-content:space-between;align-items:center;height:36px;width:100%;min-width:200px;border:1px solid #c7c7c7;border-radius:3px;background-color:#fff;padding:0 5px}.grid-dropdown-header .arrow-icon-down{float:right}.dropdown-list.dropdown-container{padding:15px;width:100%;top:43px}.dropdown-list.dropdown-container ul li .control-group{margin-bottom:15px;display:block}.dropdown-list.dropdown-container ul li .control-group .control{margin-bottom:15px}.dropdown-list.dropdown-container .apply-filter{padding:10px;width:100%}.filter-advance{display:flex;justify-content:space-between}.filter-advance .datagrid-count{margin-bottom:10px;display:inline-block}.filter-tag{justify-content:space-between;border-radius:2px;margin-right:20px}.filter-tag,.filter-tag .wrapper{display:flex;flex-direction:row;align-items:center;font-size:14px;height:40px}.filter-tag .wrapper{margin-left:4px;padding:5px 10px 5px 16px;background:#e7e7e7;border:1px solid #e7e7e7;color:#000311;letter-spacing:-.22px;border-radius:24px}.filter-tag .wrapper .icon.cross-icon{margin-left:10px;cursor:pointer}.filter-tag .wrapper:hover{background:#fff;border:1px solid #e7e7e7}.rtl .search-filter .control{padding-right:10px;border-left:0;border-right:1px solid #c7c7c7;border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0;border-bottom-left-radius:0}.rtl .search-filter .icon-wrapper{float:left;border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:3px;border-bottom-left-radius:3px}.rtl .search-filter:hover{box-shadow:0 0 0 1px rgba(0,64,255,.6)}.rtl .dropdown-filters{display:inline-block}.rtl .dropdown-filters.per-page{margin-left:10px;margin-right:10px}.rtl .filtered-tags .filter-tag .cross-icon,.rtl .filtered-tags .filter-tag .wrapper{margin-right:10px;margin-left:0}@media only screen and (max-width:1040px){.grid-container .grid-top .datagrid-filters{grid-template-columns:100%;row-gap:0}.grid-container .grid-top .datagrid-filters .search-filter{max-width:100%!important}.grid-container .grid-top .datagrid-filters .filter-left,.grid-container .grid-top .datagrid-filters .filter-right{display:grid;grid-template-columns:49.5% 49%;-moz-column-gap:5px;column-gap:5px}.grid-container .grid-top .datagrid-filters .filter-right{width:100%}.grid-dropdown-header{min-width:122px}}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus{outline:none}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-35{margin-bottom:35px}.mb-40{margin-bottom:40px}.mb-45{margin-bottom:45px}.mb-50{margin-bottom:50px}.mb-60{margin-bottom:60px}.mb-70{margin-bottom:70px}.mb-80{margin-bottom:80px}.mb-90{margin-bottom:90px}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-45{margin-top:45px}.mt-50{margin-top:50px}.mt-60{margin-top:60px}.mt-70{margin-top:70px}.mt-80{margin-top:80px}.mt-90{margin-top:90px}body{letter-spacing:-.26px;line-height:19px}a:active,a:focus,a:hover,a:link,a:visited{text-decoration:none;color:#0041ff}::-moz-selection{background-color:rgba(0,64,255,.6);color:#fff}::selection{background-color:rgba(0,64,255,.6);color:#fff}textarea{resize:none}ul{margin:0;padding:0;list-style:none}h1{font-size:28px;margin-top:0}h1,h2{color:#3a3a3a}h2{font-size:24px}h3{font-size:20px}h3,h4{color:#3a3a3a}h4{font-size:16px}h5{font-size:12px;color:#3a3a3a}.hide{display:none!important}.row{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.btn{box-shadow:0 1px 4px 0 rgba(0,0,0,.2),0 0 8px 0 rgba(0,0,0,.1);border-radius:3px;border:none;color:#fff;cursor:pointer;transition:.2s cubic-bezier(.4,0,.2,1);font:inherit;display:inline-block}.btn:active,.btn:focus,.btn:hover{opacity:.75;border:none}.btn.btn-sm{padding:6px 12px}.btn.btn-md{padding:8px 16px}.btn.btn-lg{padding:10px 20px}.btn.btn-xl{padding:12px 24px;font-size:16px}.btn.btn-primary{background:#0041ff;color:#fff}.btn.btn-black{background:#000;color:#fff}.btn.btn-white{background:#fff;color:#000}.btn:disabled,.btn[disabled=disabled],.btn[disabled=disabled]:active,.btn[disabled=disabled]:hover{cursor:not-allowed;background:#b1b1ae!important;box-shadow:none;opacity:1}.dropdown-btn{min-width:150px;text-align:left;background:#fff;border:2px solid #c7c7c7;border-radius:3px;font-size:14px;padding:8px 35px 8px 10px;cursor:pointer;position:relative}.dropdown-btn:active,.dropdown-btn:focus,.dropdown-btn:hover{opacity:.75;border:2px solid #c7c7c7}.dropdown-btn .icon{position:absolute;right:10px;top:50%;margin-top:-4px}.dropdown-toggle{cursor:pointer}.dropdown-open{position:relative}.dropdown-list{width:200px;margin-bottom:20px;box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 0 9px 0 rgba(0,0,0,.16);border-radius:3px;background-color:#fff;position:absolute;display:none;z-index:10;text-align:left}.dropdown-list.bottom-left{top:42px;left:0}.dropdown-list.bottom-right{top:42px;right:0}.dropdown-list.top-left{bottom:0;left:42px}.dropdown-list.top-right{bottom:0;right:42px}.dropdown-list .search-box{padding:20px;border-bottom:1px solid #e8e8e8}.dropdown-list .search-box .control{background:#fff;border:2px solid #c7c7c7;border-radius:3px;width:100%;height:36px;display:inline-block;vertical-align:middle;transition:.2s cubic-bezier(.4,0,.2,1);padding:0 10px;font-size:15px}.dropdown-list .search-box .control:focus{border-color:#0041ff}.dropdown-list .dropdown-container{padding:20px;overflow-y:auto}.dropdown-list .dropdown-container label{font-size:15px;display:inline-block;text-transform:uppercase;color:#9e9e9e;font-weight:700;padding-bottom:5px}.dropdown-list .dropdown-container ul{margin:0;list-style-type:none;padding:0}.dropdown-list .dropdown-container ul li{padding:5px 0}.dropdown-list .dropdown-container ul li a:active,.dropdown-list .dropdown-container ul li a:focus,.dropdown-list .dropdown-container ul li a:link,.dropdown-list .dropdown-container ul li a:visited{color:#3a3a3a;display:block}.dropdown-list .dropdown-container ul li a:hover{color:#0041ff}.dropdown-list .dropdown-container ul li .checkbox{margin:0}.dropdown-list .dropdown-container ul li .control-group label{color:#3a3a3a;font-size:15px;font-weight:500;text-transform:capitalize;width:100%}.dropdown-list .dropdown-container .btn{width:100%;margin-top:10px}.notification{width:400px;margin-bottom:20px;box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 0 9px 0 rgba(0,0,0,.16);border-radius:3px;background-color:#fff;position:absolute;display:none;z-index:10;text-align:left;border-radius:10px}.notification.bottom-left{top:42px;left:0}.notification.bottom-right{top:42px;right:0}.notification.top-left{bottom:0;left:42px}.notification.top-right{bottom:0;right:42px}.notification .dropdown-container{padding:0;overflow-y:auto}.notification .dropdown-container label{font-size:15px;display:inline-block;text-transform:uppercase;color:#9e9e9e;font-weight:700;padding-bottom:5px}.notification .dropdown-container ul{margin:0;list-style-type:none;padding:0}.notification .dropdown-container ul li{border-bottom:1px solid #c7c7c7;padding:0}.notification .dropdown-container ul li a{padding:16px 10px}.notification .dropdown-container ul li a:active,.notification .dropdown-container ul li a:focus,.notification .dropdown-container ul li a:link,.notification .dropdown-container ul li a:visited{color:#3a3a3a;display:block}.notification .dropdown-container ul li a:hover{color:#0041ff}.notification .dropdown-container ul li.read a{text-decoration:none;color:rgba(58,58,58,.5)}.notification .dropdown-container ul li.read a:hover{color:rgba(58,58,58,.5)}.notification .dropdown-container ul li .checkbox{margin:0}.notification .dropdown-container ul li .control-group label{color:#3a3a3a;font-size:15px;font-weight:500;text-transform:capitalize;width:100%}.notification .dropdown-container ul .bottom-li{border-bottom:none!important;color:#3a3a3a;display:flex;justify-content:space-between}.notification .dropdown-container ul .bottom-li a{display:initial;color:#3a3a3a!important}.notification .dropdown-container .btn{width:100%;margin-top:10px}.section .secton-title{font-size:18px;color:#3a3a3a;padding:15px 0;border-bottom:1px solid #e8e8e8}.section .section-content{display:block;padding:20px 0}.section .section-content .row{display:block;padding:7px 0}.section .section-content .row .title{width:200px}.section .section-content .row .title,.section .section-content .row .value{color:#3a3a3a;letter-spacing:-.26px;display:inline-block}.table{width:100%}.table .table-responsive{overflow-x:auto;width:100%}.table .table-responsive::-webkit-scrollbar{height:5px!important}.table .table-responsive::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px #c8c8c8!important}.table .table-responsive::-webkit-scrollbar-thumb{border-radius:10px!important;background-color:#fff!important;-webkit-box-shadow:inset 0 0 6px rgba(90,90,90,.7)!important}.table table{border-collapse:collapse;text-align:left;width:100%}.table table thead th{font-weight:700;padding:12px 10px;background:#f8f9fa;color:#3a3a3a}.table table thead th.sortable{cursor:pointer}.table table tbody td{padding:10px;border-bottom:1px solid #d3d3d3;color:#3a3a3a;vertical-align:top}.table table tbody td.actions .action{display:inline-flex}.table table tbody td.actions .icon{cursor:pointer;vertical-align:middle}.table table tbody td.empty{text-align:center}.table table tbody tr:last-child td{border-bottom:none}.table .control-group{width:100%;margin-bottom:0}.table .control-group .control{width:100%;margin:0}.pagination .page-item{background:#fff;border:2px solid #c7c7c7;border-radius:3px;padding:7px 14px;margin-right:5px;font-size:16px;display:inline-block;color:#3a3a3a;vertical-align:middle;text-decoration:none}.pagination .page-item.next,.pagination .page-item.previous{padding:6px 9px}.pagination .page-item.active{background:#0041ff;color:#fff;border-color:#0041ff}.pagination .page-item .icon{vertical-align:middle;margin-bottom:3px}.checkbox{position:relative;display:block}.checkbox input{left:0;opacity:0;position:absolute;top:0;height:24px;width:24px;z-index:100}.checkbox .checkbox-view{background-image:url(../images/Checkbox.svg);height:24px;width:24px;display:inline-block!important;vertical-align:middle;margin:0 5px 0 0}.checkbox input:checked+.checkbox-view{background-image:url(../images/Checkbox-Checked.svg)}.checkbox input:disabled+.checkbox-view{opacity:.5;cursor:not-allowed}.radio{position:relative;display:block;margin:10px 5px 5px 0}.radio input{left:-4px;opacity:0;position:absolute;top:-1px;z-index:100}.radio .radio-view{background-image:url(../images/controls.svg);background-position:-21px 0;height:20px;width:20px;display:inline-block!important;vertical-align:middle;margin:0 5px 0 0}.radio input:checked+.radio-view{background-position:-21px -21px}.radio input:disabled+.radio-view{opacity:.5;cursor:not-allowed}.rtl .radio input{left:unset;right:1px}.rtl .checkbox input{left:unset}.control-group{margin-bottom:25px;font-size:15px;width:750px;max-width:100%;position:relative}.control-group,.control-group label{display:block;color:#3a3a3a}.control-group label.required:after{content:"*";color:#fc6868;font-weight:700;display:inline-block}.control-group textarea.control{height:100px;padding:10px}.control-group .control{background:#fff;border:2px solid #c7c7c7;border-radius:3px;width:70%;height:36px;display:inline-block;vertical-align:middle;transition:.2s cubic-bezier(.4,0,.2,1);padding:0 10px;font-size:15px;margin-top:10px;margin-bottom:5px}.control-group .control:focus{border-color:#0041ff}.control-group .control[disabled=disabled]{border-color:#d3d3d3;background-color:#d3d3d3;cursor:not-allowed}.control-group .control[multiple]{height:100px}.control-group.date .control,.control-group.datetime .control{padding-right:40px}.control-group.date:after,.control-group.datetime:after{background-image:url(../images/Icon-Calendar.svg);width:24px;height:24px;content:"";display:inline-block;vertical-align:middle;margin-left:-34px;pointer-events:none;position:absolute;top:50%;left:70%}.control-group.date .cross-icon,.control-group.datetime .cross-icon{position:absolute;cursor:pointer;margin-left:-54px;top:38px}.control-group.multi-select .control{padding:0}.control-group .control-info{display:block;font-size:14px;color:#6f6f6f;font-style:italic}.control-group .control-error{display:none;color:#fc6868;margin-top:5px}.control-group.has-error .control{border-color:#fc6868}.control-group.has-error .control-error{display:block}.control-group.has-error.date:after{margin-top:-12px}.control-group.price .currency-code{vertical-align:middle;display:inline-block}.table .control-group.date:after,.table .control-group.datetime:after{top:6px;left:100%}.table .control-group.has-error.date.date:after,.table .control-group.has-error.date.datetime:after{top:18px}.rtl .control-group.date .control,.rtl .control-group.datetime .control{padding-left:40px;padding-right:10px}.rtl .control-group.date:after,.rtl .control-group.datetime:after{margin-right:-34px;right:70%}.rtl .control-group.date .cross-icon,.rtl .control-group.datetime .cross-icon{margin-right:-54px;top:38px}.rtl .table .control-group.date:after,.rtl .table .control-group.datetime:after{right:unset!important;left:auto;top:6px}.control-group .switch{position:relative;display:inline-block;width:60px;height:34px;margin-top:10px;margin-bottom:5px}.control-group .switch input{opacity:0;width:0;height:0}.control-group .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#8e8e8e;transition:.2s}.control-group .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.2s}.control-group input:checked+.slider{background-color:#0041ff}.control-group input:focus+.slider{box-shadow:0 0 1px #0041ff}.control-group input:checked+.slider:before{transform:translateX(26px)}.control-group .slider.round{border-radius:34px}.control-group .slider.round:before{border-radius:50%}.button-group{margin-top:20px;margin-bottom:20px}.alert-wrapper{width:300px;top:10px;right:10px;position:fixed;z-index:100;text-align:left}.alert-wrapper .alert{width:300px;padding:15px;border-radius:3px;display:inline-block;box-shadow:0 4px 15.36px .64px rgba(0,0,0,.1),0 2px 6px 0 rgba(0,0,0,.12);position:relative;-webkit-animation:jelly .5s ease-in-out;animation:jelly .5s ease-in-out;transform-origin:center top;z-index:500;margin-bottom:10px}.alert-wrapper .alert.alert-error{background:#fc6868}.alert-wrapper .alert.alert-info{background:#204d74}.alert-wrapper .alert.alert-success{background:#4caf50}.alert-wrapper .alert.alert-warning{background:#ffc107}.alert-wrapper .alert .icon{position:absolute;right:10px;top:10px;cursor:pointer}.alert-wrapper .alert p{color:#fff;margin:0;padding:0;font-size:14px}.tabs ul{border-bottom:1px solid #e8e8e8}.tabs ul li{display:inline-block}.tabs ul li a{padding:15px 20px;cursor:pointer;margin:0 2px;text-align:center;color:#000311;display:block}.tabs ul li.active a{border-bottom:3px solid #0041ff}.accordian,accordian{display:inline-block;width:100%}.accordian .accordian-header,.accordian div[slot*=header],accordian .accordian-header,accordian div[slot*=header]{width:100%;display:inline-block;font-size:18px;color:#3a3a3a;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;padding:20px 15px;cursor:pointer;margin-top:-1px}.accordian .accordian-header .expand-icon,.accordian div[slot*=header] .expand-icon,accordian .accordian-header .expand-icon,accordian div[slot*=header] .expand-icon{background-image:url(../images/Expand-Light.svg);margin-right:10px;margin-top:3px}.accordian .accordian-header h1,.accordian div[slot*=header] h1,accordian .accordian-header h1,accordian div[slot*=header] h1{margin:0;font-size:20px;font-weight:500;display:inline-block}.accordian .accordian-header .icon,.accordian div[slot*=header] .icon,accordian .accordian-header .icon,accordian div[slot*=header] .icon{float:right}.accordian .accordian-header .icon.left,.accordian div[slot*=header] .icon.left,accordian .accordian-header .icon.left,accordian div[slot*=header] .icon.left{float:left}.accordian.error .accordian-header,accordian.error .accordian-header{color:#ff5656}.accordian .accordian-content,.accordian div[slot*=body],accordian .accordian-content,accordian div[slot*=body]{width:100%;padding:20px 15px;display:none;transition:all .3s ease}.accordian.active>.accordian-content,accordian.active>.accordian-content{display:inline-block}.accordian.active>.accordian-header .expand-icon,accordian.active>.accordian-header .expand-icon{background-image:url(../images/Expand-Light-On.svg)}.tree-container .tree-item{padding-left:30px;display:inline-block;margin-top:10px;width:100%}.tree-container .tree-item>.tree-item{display:none}.tree-container .tree-item.active>.tree-item{display:inline-block}.tree-container .tree-item .checkbox,.tree-container .tree-item .radio{margin:0;display:inline-block}.tree-container .tree-item .expand-icon{display:inline-block;margin-right:10px;cursor:pointer;background-image:url(../images/Expand-Light.svg);width:18px;height:18px;vertical-align:middle}.tree-container .tree-item .folder-icon{vertical-align:middle;margin-right:10px}.tree-container .tree-item.active>.expand-icon{background-image:url(../images/Expand-Light-On.svg)}.tree-container>.tree-item{padding-left:0}.panel{box-shadow:0 2px 25px 0 rgba(0,0,0,.15);border-radius:5px;background:#fff}.panel .panel-content{padding:20px}modal{display:none}.modal-open{overflow:hidden}.modal-overlay{display:none;overflow-y:auto;z-index:1001;top:0;right:0;bottom:0;left:0;position:fixed;background:#000;opacity:.7}.modal-open .modal-overlay{display:block}.modal-container{background:#fff;top:100px;width:600px;max-width:80%;left:50%;margin-left:-300px;position:fixed;z-index:1002;box-shadow:0 15px 25px 0 rgba(0,0,0,.03),0 20px 45px 5px rgba(0,0,0,.2);-webkit-animation:fade-in-white .3s ease-in-out;animation:fade-in-white .3s ease-in-out;-webkit-animation:jelly .5s ease-in-out;animation:jelly .5s ease-in-out;border-radius:5px;overflow-y:auto;max-height:80%}.modal-container .modal-header{padding:20px}.modal-container .modal-header h3{display:inline-block;font-size:20px;color:#3a3a3a;margin:0}.modal-container .modal-header .icon{float:right;cursor:pointer}.modal-container .modal-body{padding:20px}.modal-container .modal-body .control-group .control{width:100%}@media only screen and (max-width:770px){.modal-container{max-width:80%;left:10%;margin-left:0}.control-group,.control-group .control{width:100%}.control-group.date .control,.control-group.datetime .control{padding-left:40px}}.label{background:#e7e7e7;border-radius:2px;padding:8px;color:#000311;display:inline-block}.label.label-sm{padding:5px}.label.label-md{padding:8px}.label.label-lg{padding:11px}.label.label-xl{padding:14px}.badge{border-radius:50px;color:#fff;padding:8px;white-space:nowrap}.badge.badge-sm{padding:5px}.badge.badge-md{padding:3px 10px}.badge.badge-lg{padding:11px}.badge.badge-xl{padding:14px}.badge.badge-success{background-color:#4caf50}.badge.badge-info{background-color:#0041ff}.badge.badge-danger{background-color:#fc6868}.badge.badge-warning{background-color:#ffc107}.image-wrapper{margin-bottom:20px;margin-top:10px;display:inline-block;width:100%}.image-wrapper .image-item{width:200px;height:200px;margin-right:20px;background:#f8f9fa;border-radius:3px;display:inline-block;position:relative;background-image:url(../images/placeholder-icon.svg);background-repeat:no-repeat;background-position:50%;margin-bottom:20px;float:left}.image-wrapper .image-item img.preview{width:100%;height:100%}.image-wrapper .image-item input{display:none}.image-wrapper .image-item .remove-image{background-image:linear-gradient(-180deg,rgba(0,0,0,.08),rgba(0,0,0,.24));border-radius:0 0 4px 4px;position:absolute;bottom:0;width:100%;padding:10px;text-align:center;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.24);margin-right:20px;cursor:pointer}.image-wrapper .image-item:hover .remove-image{display:block}.image-wrapper .image-item.has-image{background-image:none}.vue-swatches__trigger{border:1px solid #d3d3d3}.helper-container{display:block}.helper-container .group code{font-weight:700}.overlay-loader{position:fixed;z-index:11;top:50%;left:50%;margin-top:-24px;margin-left:-24px}.tooltip{display:block!important;z-index:10000}.tooltip .tooltip-inner{background:#000;color:#fff;border-radius:4px;padding:5px 10px 4px}.tooltip .tooltip-arrow{width:0;height:0;border-style:solid;position:absolute;margin:5px;border-color:#000;z-index:1}.tooltip[x-placement^=top]{margin-bottom:5px}.tooltip[x-placement^=top] .tooltip-arrow{border-width:5px 5px 0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;bottom:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.tooltip[x-placement^=bottom]{margin-top:5px}.tooltip[x-placement^=bottom] .tooltip-arrow{border-width:0 5px 5px;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important;top:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.tooltip[x-placement^=right]{margin-left:5px}.tooltip[x-placement^=right] .tooltip-arrow{border-width:5px 5px 5px 0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important;left:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.tooltip[x-placement^=left]{margin-right:5px}.tooltip[x-placement^=left] .tooltip-arrow{border-width:5px 0 5px 5px;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;right:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.end-date:after,.start-date:after{background-image:url(../images/Icon-Calendar.svg);width:24px;height:24px;content:"";display:inline-block;vertical-align:middle;margin-left:-34px;pointer-events:none;position:absolute;top:43%}@media only screen and (max-width:414px){.notification{width:414px}}@media only screen and (max-width:411px){.notification{width:410px}}@media only screen and (max-width:393px){.notification{width:393px}}@media only screen and (max-width:390px){.notification{width:390px}}@media only screen and (max-width:375px){.notification{width:375px}}@media only screen and (max-width:360px){.notification{width:360px}}@media only screen and (max-width:320px){.notification{width:320px}}
\ No newline at end of file
+.accounts-icon,.active .cms-icon,.active.configuration-icon,.arrow-icon,.catalog-icon,.cms-icon,.configuration-icon,.customer-icon,.dashboard-icon,.locale-icon,.promotion-icon,.sales-icon,.settings-icon,.store-icon{width:48px;height:48px;display:inline-block;background-size:cover}.icon{display:inline-block;background-size:cover}.dashboard-icon{background-image:url(../images/Icon-Dashboard.svg)}.sales-icon{background-image:url(../images/Icon-Sales.svg)}.catalog-icon{background-image:url(../images/Icon-Catalog.svg)}.customer-icon{background-image:url(../images/Icon-Customers.svg)}.configuration-icon{background-image:url(../images/Icon-Configure.svg)}.settings-icon{background-image:url(../images/Icon-Settings.svg)}.promotion-icon{background-image:url(../images/icon-promotion.svg)}.cms-icon{background-image:url(../images/Icon-CMS.svg)}.angle-right-icon{background-image:url(../images/Angle-Right.svg);width:17px;height:17px}.angle-left-icon{background-image:url(../images/Angle-Left.svg);width:17px;height:17px}.arrow-down-icon{background-image:url(../images/Arrow-Down-Light.svg);width:14px;height:8px}.arrow-right-icon{background-image:url(../images/Arrow-Right.svg);width:18px;height:18px}.white-cross-sm-icon{background-image:url(../images/Icon-Sm-Cross-White.svg);width:18px;height:18px}.accordian-up-icon{background-image:url(../images/Accordion-Arrow-Up.svg);width:24px;height:24px}.accordian-down-icon{background-image:url(../images/Accordion-Arrow-Down.svg);width:24px;height:24px}.accordian-left-icon{background-image:url(../images/chevron-left.svg);width:24px;height:24px}.accordian-right-icon{background-image:url(../images/chevron-right.svg);width:24px;height:24px}.notification-icon{background-image:url(../images/Icon-bell.svg);width:30px;height:30px}.processing-icon{background-image:url(../images/process.png);width:30px;height:30px}.pending-icon{background-image:url(../images/notification-checked.svg);width:30px;height:30px}.closed-icon{background-image:url(../images/return.png);width:30px;height:30px}.canceled-icon{background-image:url(../images/notification-cancel.svg);width:30px;height:30px}.completed-icon{background-image:url(../images/notification-complete.svg);width:30px;height:30px}.accounts-icon{background-image:url(../images/Account-Icon.svg)}.arrow-icon{background-image:url(../images/arrow-icon.svg);height:13px;width:8px;transform:rotate(90deg)!important;margin-top:16px!important;margin-right:18px!important}.rotate-arrow-icon{transform:rotate(-90deg)!important}.locale-icon{background-image:url(../images/Locale-Icon.svg);width:26px;height:26px}.store-icon{background-image:url(../images/store-icon.svg);height:26px;width:26px}.cross-icon{background-image:url(../images/Icon-Crossed.svg);width:18px;height:18px}.trash-icon{background-image:url(../images/Icon-Trash.svg);width:24px;height:24px}.remove-icon{background-image:url(../images/Icon-remove.svg);width:24px;height:24px}.pencil-lg-icon{background-image:url(../images/Icon-Pencil-Large.svg);width:24px;height:24px}.eye-icon{background-image:url(../images/Icon-eye.svg);width:24px;height:24px}.search-icon{background-image:url(../images/icon-search.svg);width:24px;height:24px}.sortable-icon{background-image:url(../images/Icon-Sortable.svg);width:24px;height:24px}.sort-down-icon,.sort-up-icon{background-image:url(../images/Icon-Sort-Down.svg);width:18px;height:18px}.sort-up-icon{transform:rotate(180deg)}.primary-back-icon{background-image:url(../images/Icon-Back-Primary.svg);width:24px;height:24px}.checkbox-dash-icon{background-image:url(../images/Checkbox-Dash.svg);width:24px;height:24px}.account-icon{background-image:url(../images/icon-account.svg);width:24px;height:24px}.expand-icon{background-image:url(../images/Expand-Light.svg);width:18px;height:18px}.expand-on-icon{background-image:url(../images/Expand-Light-On.svg);width:18px;height:18px}.dark-left-icon{background-image:url(../images/arrow-left-dark.svg);width:18px;height:18px}.light-right-icon{background-image:url(../images/arrow-right-light.svg);width:18px;height:18px}.folder-icon{background-image:url(../images/Folder-Icon.svg);width:24px;height:24px}.star-icon{background-image:url(../images/Star-Icon.svg);width:24px;height:24px}.star-icon-blank{background-image:url(../images/Star-Icon-Blank.svg);width:24px;height:24px}.arrow-down-white-icon{background-image:url(../images/down-arrow-white.svg);width:17px;height:13px}.arrow-up-white-icon{background-image:url(../images/up-arrow-white.svg);width:17px;height:13px}.profile-pic-icon{background-image:url(../images/Profile-Pic.svg);width:60px;height:60px}.graph-up-icon{background-image:url(../images/Icon-Graph-Green.svg);width:24px;height:24px}.graph-down-icon{background-image:url(../images/Icon-Graph-Red.svg);width:24px;height:24px}.no-result-icon{background-image:url(../images/limited-icon.svg);width:52px;height:47px}.note-icon{background-image:url(../images/icon-note.svg)}.list-icon,.note-icon{width:24px;height:24px}.list-icon{background-image:url(../images/Icon-Listing.svg)}.copy-icon{background-image:url(../images/copy-icon.png);width:24px;height:24px}.active .dashboard-icon{background-image:url(../images/Icon-Dashboard-Active.svg)}.active .sales-icon{background-image:url(../images/Icon-Sales-Active.svg)}.active .catalog-icon{background-image:url(../images/Icon-Catalog-Active.svg)}.active .customer-icon{background-image:url(../images/Icon-Customers-Active.svg)}.active .settings-icon{background-image:url(../images/Icon-Settings-Active.svg)}.active .configuration-icon{background-image:url(../images/Icon-Configure-Active.svg)}.active .promotion-icon{background-image:url(../images/icon-promotion-active.svg)}.active .cms-icon{background-image:url(../images/Icon-CMS-Active.svg)}.active>.arrow-down-icon{background-image:url(../images/Arrow-Down-Light.svg);width:14px;height:8px}.active>.expand-icon{background-image:url(../images/Expand-Light-On.svg)}.active.dashboard-icon{background-image:url(../images/Icon-Dashboard-Active.svg)}.active.customer-icon{background-image:url(../images/Icon-Customers-Active.svg)}.active.sales-icon{background-image:url(../images/Icon-Sales-Active.svg)}.active.settings-icon{background-image:url(../images/Icon-Settings-Active.svg)}.active.configuration-icon{background-image:url(../images/Icon-Configure-Active.svg)}.active.arrow-down-icon{background-image:url(../images/Arrow-Down-Light.svg);width:14px;height:8px}.active.expand-icon{background-image:url(../images/Expand-Light-On.svg)}.icon-404{background-image:url(../images/404-image.svg);width:255px;height:255px}.export-icon{background-image:url(../images/Icon-Export.svg);width:32px;height:32px}.import-icon{background-image:url(../images/Icon-Import.svg);width:32px;height:32px}.star-blue-icon{width:17px;height:17px;background-image:url(../images/Icon-star.svg)}.camera-icon{background-image:url(../images/Camera.svg);width:24px;height:24px}.upload-icon{background-image:url(../images/upload-icon.svg);width:24px;height:24px}@-webkit-keyframes jelly{0%{transform:translateY(0) scale(.7);opacity:0}70%{transform:translateY(5px) scale(1.05);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes jelly{0%{transform:translateY(0) scale(.7);opacity:0}70%{transform:translateY(5px) scale(1.05);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@-webkit-keyframes jelly-out{0%{transform:translateY(0) scale(1);opacity:1}30%{transform:translateY(-5px) scale(1.05);opacity:1}to{transform:translateY(0) scale(.7);opacity:0}}@keyframes jelly-out{0%{transform:translateY(0) scale(1);opacity:1}30%{transform:translateY(-5px) scale(1.05);opacity:1}to{transform:translateY(0) scale(.7);opacity:0}}.grid-container{display:block;width:100%}.grid-container .grid-top{display:grid;grid-template-rows:auto auto auto;row-gap:8px;align-items:center}.grid-container .grid-top .datagrid-filters,.grid-container .grid-top .datagrid-filters .grid-right{display:grid;grid-template-columns:auto auto;-moz-column-gap:10px;column-gap:10px}.grid-container .grid-top .datagrid-filters .grid-right{justify-self:end;align-items:end}.grid-container .grid-top .datagrid-filters .dropdown-filters{display:inline-block}.grid-container .grid-top .datagrid-filters .dropdown-filters.per-page .control-group label{margin-bottom:7px;margin-right:10px;flex:auto}.grid-container .grid-top .datagrid-filters .dropdown-filters.per-page .control-group .control{width:100%;margin:0;flex:1}.grid-container .datagrid-filters,.grid-container .datagrid-filters .filter-right{display:grid;grid-template-columns:auto auto;-moz-column-gap:10px;column-gap:10px;align-items:end}.grid-container .datagrid-filters .filter-right{justify-self:end}.grid-container .datagrid-filters .filter-right .control-group .control{margin-bottom:0}.filtered-tags{display:inline-flex;align-items:flex-start;flex-wrap:wrap;margin-bottom:10px}.search-filter{border-radius:3px;height:36px;max-width:300px}.search-filter .control{font-size:15px;border:1px solid #c7c7c7;border-right:none;border-top-left-radius:3px;border-bottom-left-radius:3px;height:36px;width:calc(100% - 36px);padding-left:10px;-webkit-appearance:none}.search-filter:hover{box-shadow:0 0 0 1px rgba(0,64,255,.6)}.search-filter .contorl:focus{border-color:#0041ff}.search-filter .icon-wrapper{border:1px solid #c7c7c7;border-radius:3px;border-top-left-radius:0;border-bottom-left-radius:0;height:36px;width:36px;padding:5px;float:right}.grid-dropdown-header{display:inline-flex;justify-content:space-between;align-items:center;height:36px;width:100%;min-width:200px;border:1px solid #c7c7c7;border-radius:3px;background-color:#fff;padding:0 5px}.grid-dropdown-header .arrow-icon-down{float:right}.dropdown-list.dropdown-container{padding:15px;width:100%;top:43px}.dropdown-list.dropdown-container ul li .control-group{margin-bottom:15px;display:block}.dropdown-list.dropdown-container ul li .control-group .control{margin-bottom:15px}.dropdown-list.dropdown-container .apply-filter{padding:10px;width:100%}.filter-advance{display:flex;justify-content:space-between}.filter-advance .datagrid-count{margin-bottom:10px;display:inline-block}.filter-tag{justify-content:space-between;border-radius:2px;margin-right:20px}.filter-tag,.filter-tag .wrapper{display:flex;flex-direction:row;align-items:center;font-size:14px;height:40px}.filter-tag .wrapper{margin-left:4px;padding:5px 10px 5px 16px;background:#e7e7e7;border:1px solid #e7e7e7;color:#000311;letter-spacing:-.22px;border-radius:24px}.filter-tag .wrapper .icon.cross-icon{margin-left:10px;cursor:pointer}.filter-tag .wrapper:hover{background:#fff;border:1px solid #e7e7e7}.rtl .search-filter .control{padding-right:10px;border-left:0;border-right:1px solid #c7c7c7;border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0;border-bottom-left-radius:0}.rtl .search-filter .icon-wrapper{float:left;border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:3px;border-bottom-left-radius:3px}.rtl .search-filter:hover{box-shadow:0 0 0 1px rgba(0,64,255,.6)}.rtl .dropdown-filters{display:inline-block}.rtl .dropdown-filters.per-page{margin-left:10px;margin-right:10px}.rtl .filtered-tags .filter-tag .cross-icon,.rtl .filtered-tags .filter-tag .wrapper{margin-right:10px;margin-left:0}@media only screen and (max-width:1040px){.grid-container .grid-top .datagrid-filters{grid-template-columns:100%;row-gap:0}.grid-container .grid-top .datagrid-filters .search-filter{max-width:100%!important}.grid-container .grid-top .datagrid-filters .filter-left,.grid-container .grid-top .datagrid-filters .filter-right{display:grid;grid-template-columns:49.5% 49%;-moz-column-gap:5px;column-gap:5px}.grid-container .grid-top .datagrid-filters .filter-right{width:100%}.grid-dropdown-header{min-width:122px}}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus{outline:none}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-35{margin-bottom:35px}.mb-40{margin-bottom:40px}.mb-45{margin-bottom:45px}.mb-50{margin-bottom:50px}.mb-60{margin-bottom:60px}.mb-70{margin-bottom:70px}.mb-80{margin-bottom:80px}.mb-90{margin-bottom:90px}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-45{margin-top:45px}.mt-50{margin-top:50px}.mt-60{margin-top:60px}.mt-70{margin-top:70px}.mt-80{margin-top:80px}.mt-90{margin-top:90px}body{letter-spacing:-.26px;line-height:19px}a:active,a:focus,a:hover,a:link,a:visited{text-decoration:none;color:#0041ff}::-moz-selection{background-color:rgba(0,64,255,.6);color:#fff}::selection{background-color:rgba(0,64,255,.6);color:#fff}textarea{resize:none}ul{margin:0;padding:0;list-style:none}h1{font-size:28px;margin-top:0}h1,h2{color:#3a3a3a}h2{font-size:24px}h3{font-size:20px}h3,h4{color:#3a3a3a}h4{font-size:16px}h5{font-size:12px;color:#3a3a3a}.hide{display:none!important}.row{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.btn{box-shadow:0 1px 4px 0 rgba(0,0,0,.2),0 0 8px 0 rgba(0,0,0,.1);border-radius:3px;border:none;color:#fff;cursor:pointer;transition:.2s cubic-bezier(.4,0,.2,1);font:inherit;display:inline-block}.btn:active,.btn:focus,.btn:hover{opacity:.75;border:none}.btn.btn-sm{padding:6px 12px}.btn.btn-md{padding:8px 16px}.btn.btn-lg{padding:10px 20px}.btn.btn-xl{padding:12px 24px;font-size:16px}.btn.btn-primary{background:#0041ff;color:#fff}.btn.btn-black{background:#000;color:#fff}.btn.btn-white{background:#fff;color:#000}.btn:disabled,.btn[disabled=disabled],.btn[disabled=disabled]:active,.btn[disabled=disabled]:hover{cursor:not-allowed;background:#b1b1ae!important;box-shadow:none;opacity:1}.dropdown-btn{min-width:150px;text-align:left;background:#fff;border:2px solid #c7c7c7;border-radius:3px;font-size:14px;padding:8px 35px 8px 10px;cursor:pointer;position:relative}.dropdown-btn:active,.dropdown-btn:focus,.dropdown-btn:hover{opacity:.75;border:2px solid #c7c7c7}.dropdown-btn .icon{position:absolute;right:10px;top:50%;margin-top:-4px}.dropdown-toggle{cursor:pointer}.dropdown-open{position:relative}.dropdown-list{width:200px;margin-bottom:20px;box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 0 9px 0 rgba(0,0,0,.16);border-radius:3px;background-color:#fff;position:absolute;display:none;z-index:10;text-align:left}.dropdown-list.bottom-left{top:42px;left:0}.dropdown-list.bottom-right{top:42px;right:0}.dropdown-list.top-left{bottom:0;left:42px}.dropdown-list.top-right{bottom:0;right:42px}.dropdown-list .search-box{padding:20px;border-bottom:1px solid #e8e8e8}.dropdown-list .search-box .control{background:#fff;border:2px solid #c7c7c7;border-radius:3px;width:100%;height:36px;display:inline-block;vertical-align:middle;transition:.2s cubic-bezier(.4,0,.2,1);padding:0 10px;font-size:15px}.dropdown-list .search-box .control:focus{border-color:#0041ff}.dropdown-list .dropdown-container{padding:20px;overflow-y:auto}.dropdown-list .dropdown-container label{font-size:15px;display:inline-block;text-transform:uppercase;color:#9e9e9e;font-weight:700;padding-bottom:5px}.dropdown-list .dropdown-container ul{margin:0;list-style-type:none;padding:0}.dropdown-list .dropdown-container ul li{padding:5px 0}.dropdown-list .dropdown-container ul li a:active,.dropdown-list .dropdown-container ul li a:focus,.dropdown-list .dropdown-container ul li a:link,.dropdown-list .dropdown-container ul li a:visited{color:#3a3a3a;display:block}.dropdown-list .dropdown-container ul li a:hover{color:#0041ff}.dropdown-list .dropdown-container ul li .checkbox{margin:0}.dropdown-list .dropdown-container ul li .control-group label{color:#3a3a3a;font-size:15px;font-weight:500;text-transform:capitalize;width:100%}.dropdown-list .dropdown-container .btn{width:100%;margin-top:10px}.notification{width:400px;margin-bottom:20px;box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 0 9px 0 rgba(0,0,0,.16);border-radius:3px;background-color:#fff;position:absolute;display:none;z-index:10;text-align:left;border-radius:10px}.notification.bottom-left{top:42px;left:0}.notification.bottom-right{top:42px;right:0}.notification.top-left{bottom:0;left:42px}.notification.top-right{bottom:0;right:42px}.notification .dropdown-container{padding:0;overflow-y:auto}.notification .dropdown-container label{font-size:15px;display:inline-block;text-transform:uppercase;color:#9e9e9e;font-weight:700;padding-bottom:5px}.notification .dropdown-container ul{margin:0;list-style-type:none;padding:0}.notification .dropdown-container ul li{border-bottom:1px solid #c7c7c7;padding:0}.notification .dropdown-container ul li a{padding:16px 10px}.notification .dropdown-container ul li a:active,.notification .dropdown-container ul li a:focus,.notification .dropdown-container ul li a:link,.notification .dropdown-container ul li a:visited{color:#3a3a3a;display:block}.notification .dropdown-container ul li a:hover{color:#0041ff}.notification .dropdown-container ul li.read a{text-decoration:none;color:rgba(58,58,58,.5)}.notification .dropdown-container ul li.read a:hover{color:rgba(58,58,58,.5)}.notification .dropdown-container ul li .checkbox{margin:0}.notification .dropdown-container ul li .control-group label{color:#3a3a3a;font-size:15px;font-weight:500;text-transform:capitalize;width:100%}.notification .dropdown-container ul .bottom-li{border-bottom:none!important;color:#3a3a3a;display:flex;justify-content:space-between}.notification .dropdown-container ul .bottom-li a{display:initial;color:#3a3a3a!important}.notification .dropdown-container .btn{width:100%;margin-top:10px}.section .secton-title{font-size:18px;color:#3a3a3a;padding:15px 0;border-bottom:1px solid #e8e8e8}.section .section-content{display:block;padding:20px 0}.section .section-content .row{display:block;padding:7px 0}.section .section-content .row .title{width:200px}.section .section-content .row .title,.section .section-content .row .value{color:#3a3a3a;letter-spacing:-.26px;display:inline-block}.table{width:100%}.table .table-responsive{overflow-x:auto;width:100%}.table .table-responsive::-webkit-scrollbar{height:5px!important}.table .table-responsive::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px #c8c8c8!important}.table .table-responsive::-webkit-scrollbar-thumb{border-radius:10px!important;background-color:#fff!important;-webkit-box-shadow:inset 0 0 6px rgba(90,90,90,.7)!important}.table table{border-collapse:collapse;text-align:left;width:100%}.table table thead th{font-weight:700;padding:12px 10px;background:#f8f9fa;color:#3a3a3a}.table table thead th.sortable{cursor:pointer}.table table tbody td{padding:10px;border-bottom:1px solid #d3d3d3;color:#3a3a3a;vertical-align:top}.table table tbody td.actions .action{display:inline-flex}.table table tbody td.actions .icon{cursor:pointer;vertical-align:middle}.table table tbody td.empty{text-align:center}.table table tbody tr:last-child td{border-bottom:none}.table .control-group{width:100%;margin-bottom:0}.table .control-group .control{width:100%;margin:0}.pagination .page-item{background:#fff;border:2px solid #c7c7c7;border-radius:3px;padding:7px 14px;margin-right:5px;font-size:16px;display:inline-block;color:#3a3a3a;vertical-align:middle;text-decoration:none}.pagination .page-item.next,.pagination .page-item.previous{padding:6px 9px}.pagination .page-item.active{background:#0041ff;color:#fff;border-color:#0041ff}.pagination .page-item .icon{vertical-align:middle;margin-bottom:3px}.checkbox{position:relative;display:block}.checkbox input{left:0;opacity:0;position:absolute;top:0;height:24px;width:24px;z-index:100}.checkbox .checkbox-view{background-image:url(../images/Checkbox.svg);height:24px;width:24px;display:inline-block!important;vertical-align:middle;margin:0 5px 0 0}.checkbox input:checked+.checkbox-view{background-image:url(../images/Checkbox-Checked.svg)}.checkbox input:disabled+.checkbox-view{opacity:.5;cursor:not-allowed}.radio{position:relative;display:block;margin:10px 5px 5px 0}.radio input{left:-4px;opacity:0;position:absolute;top:-1px;z-index:100}.radio .radio-view{background-image:url(../images/controls.svg);background-position:-21px 0;height:20px;width:20px;display:inline-block!important;vertical-align:middle;margin:0 5px 0 0}.radio input:checked+.radio-view{background-position:-21px -21px}.radio input:disabled+.radio-view{opacity:.5;cursor:not-allowed}.rtl .radio input{left:unset;right:1px}.rtl .checkbox input{left:unset}.control-group{margin-bottom:25px;font-size:15px;width:750px;max-width:100%;position:relative}.control-group,.control-group label{display:block;color:#3a3a3a}.control-group label.required:after{content:"*";color:#fc6868;font-weight:700;display:inline-block}.control-group textarea.control{height:100px;padding:10px}.control-group .control{background:#fff;border:2px solid #c7c7c7;border-radius:3px;width:70%;height:36px;display:inline-block;vertical-align:middle;transition:.2s cubic-bezier(.4,0,.2,1);padding:0 10px;font-size:15px;margin-top:10px;margin-bottom:5px}.control-group .control:focus{border-color:#0041ff}.control-group .control[disabled=disabled]{border-color:#d3d3d3;background-color:#d3d3d3;cursor:not-allowed}.control-group .control[multiple]{height:100px}.control-group.date .control,.control-group.datetime .control{padding-right:40px}.control-group.date:after,.control-group.datetime:after{background-image:url(../images/Icon-Calendar.svg);width:24px;height:24px;content:"";display:inline-block;vertical-align:middle;margin-left:-34px;pointer-events:none;position:absolute;top:50%;left:70%}.control-group.date .cross-icon,.control-group.datetime .cross-icon{position:absolute;cursor:pointer;margin-left:-54px;top:38px}.control-group.multi-select .control{padding:0}.control-group .control-info{display:block;font-size:14px;color:#6f6f6f;font-style:italic}.control-group .control-error{display:none;color:#fc6868;margin-top:5px}.control-group.has-error .control{border-color:#fc6868}.control-group.has-error .control-error{display:block}.control-group.has-error.date:after{margin-top:-12px}.control-group.price .currency-code{vertical-align:middle;display:inline-block}.table .control-group.date:after,.table .control-group.datetime:after{top:6px;left:100%}.table .control-group.has-error.date.date:after,.table .control-group.has-error.date.datetime:after{top:18px}.rtl .control-group.date .control,.rtl .control-group.datetime .control{padding-left:40px;padding-right:10px}.rtl .control-group.date:after,.rtl .control-group.datetime:after{margin-right:-34px;right:70%}.rtl .control-group.date .cross-icon,.rtl .control-group.datetime .cross-icon{margin-right:-54px;top:38px}.rtl .table .control-group.date:after,.rtl .table .control-group.datetime:after{right:unset!important;left:auto;top:6px}.control-group .switch{position:relative;display:inline-block;width:60px;height:34px;margin-top:10px;margin-bottom:5px}.control-group .switch input{opacity:0;width:0;height:0}.control-group .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#8e8e8e;transition:.2s}.control-group .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.2s}.control-group input:checked+.slider{background-color:#0041ff}.control-group input:focus+.slider{box-shadow:0 0 1px #0041ff}.control-group input:checked+.slider:before{transform:translateX(26px)}.control-group .slider.round{border-radius:34px}.control-group .slider.round:before{border-radius:50%}.button-group{margin-top:20px;margin-bottom:20px}.alert-wrapper{width:300px;top:10px;right:10px;position:fixed;z-index:100;text-align:left}.alert-wrapper .alert{width:300px;padding:15px;border-radius:3px;display:inline-block;box-shadow:0 4px 15.36px .64px rgba(0,0,0,.1),0 2px 6px 0 rgba(0,0,0,.12);position:relative;-webkit-animation:jelly .5s ease-in-out;animation:jelly .5s ease-in-out;transform-origin:center top;z-index:500;margin-bottom:10px}.alert-wrapper .alert.alert-error{background:#fc6868}.alert-wrapper .alert.alert-info{background:#204d74}.alert-wrapper .alert.alert-success{background:#4caf50}.alert-wrapper .alert.alert-warning{background:#ffc107}.alert-wrapper .alert .icon{position:absolute;right:10px;top:10px;cursor:pointer}.alert-wrapper .alert p{color:#fff;margin:0;padding:0;font-size:14px}.tabs ul{border-bottom:1px solid #e8e8e8}.tabs ul li{display:inline-block}.tabs ul li a{padding:15px 20px;cursor:pointer;margin:0 2px;text-align:center;color:#000311;display:block}.tabs ul li.active a{border-bottom:3px solid #0041ff}.accordian,accordian{display:inline-block;width:100%}.accordian .accordian-header,.accordian div[slot*=header],accordian .accordian-header,accordian div[slot*=header]{width:100%;display:inline-block;font-size:18px;color:#3a3a3a;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;padding:20px 15px;cursor:pointer;margin-top:-1px}.accordian .accordian-header .expand-icon,.accordian div[slot*=header] .expand-icon,accordian .accordian-header .expand-icon,accordian div[slot*=header] .expand-icon{background-image:url(../images/Expand-Light.svg);margin-right:10px;margin-top:3px}.accordian .accordian-header h1,.accordian div[slot*=header] h1,accordian .accordian-header h1,accordian div[slot*=header] h1{margin:0;font-size:20px;font-weight:500;display:inline-block}.accordian .accordian-header .icon,.accordian div[slot*=header] .icon,accordian .accordian-header .icon,accordian div[slot*=header] .icon{float:right}.accordian .accordian-header .icon.left,.accordian div[slot*=header] .icon.left,accordian .accordian-header .icon.left,accordian div[slot*=header] .icon.left{float:left}.accordian.error .accordian-header,accordian.error .accordian-header{color:#ff5656}.accordian .accordian-content,.accordian div[slot*=body],accordian .accordian-content,accordian div[slot*=body]{width:100%;padding:20px 15px;display:none;transition:all .3s ease}.accordian.active>.accordian-content,accordian.active>.accordian-content{display:inline-block}.accordian.active>.accordian-header .expand-icon,accordian.active>.accordian-header .expand-icon{background-image:url(../images/Expand-Light-On.svg)}.tree-container .tree-item{padding-left:30px;display:inline-block;margin-top:10px;width:100%}.tree-container .tree-item>.tree-item{display:none}.tree-container .tree-item.active>.tree-item{display:inline-block}.tree-container .tree-item .checkbox,.tree-container .tree-item .radio{margin:0;display:inline-block}.tree-container .tree-item .expand-icon{display:inline-block;margin-right:10px;cursor:pointer;background-image:url(../images/Expand-Light.svg);width:18px;height:18px;vertical-align:middle}.tree-container .tree-item .folder-icon{vertical-align:middle;margin-right:10px}.tree-container .tree-item.active>.expand-icon{background-image:url(../images/Expand-Light-On.svg)}.tree-container>.tree-item{padding-left:0}.panel{box-shadow:0 2px 25px 0 rgba(0,0,0,.15);border-radius:5px;background:#fff}.panel .panel-content{padding:20px}modal{display:none}.modal-open{overflow:hidden}.modal-overlay{display:none;overflow-y:auto;z-index:1001;top:0;right:0;bottom:0;left:0;position:fixed;background:#000;opacity:.7}.modal-open .modal-overlay{display:block}.modal-container{background:#fff;top:100px;width:600px;max-width:80%;left:50%;margin-left:-300px;position:fixed;z-index:1002;box-shadow:0 15px 25px 0 rgba(0,0,0,.03),0 20px 45px 5px rgba(0,0,0,.2);-webkit-animation:fade-in-white .3s ease-in-out;animation:fade-in-white .3s ease-in-out;-webkit-animation:jelly .5s ease-in-out;animation:jelly .5s ease-in-out;border-radius:5px;overflow-y:auto;max-height:80%}.modal-container .modal-header{padding:20px}.modal-container .modal-header h3{display:inline-block;font-size:20px;color:#3a3a3a;margin:0}.modal-container .modal-header .icon{float:right;cursor:pointer}.modal-container .modal-body{padding:20px}.modal-container .modal-body .control-group .control{width:100%}@media only screen and (max-width:770px){.modal-container{max-width:80%;left:10%;margin-left:0}.control-group,.control-group .control{width:100%}.control-group.date .control,.control-group.datetime .control{padding-left:40px}}.label{background:#e7e7e7;border-radius:2px;padding:8px;color:#000311;display:inline-block}.label.label-sm{padding:5px}.label.label-md{padding:8px}.label.label-lg{padding:11px}.label.label-xl{padding:14px}.badge{border-radius:50px;color:#fff;padding:8px;white-space:nowrap}.badge.badge-sm{padding:5px}.badge.badge-md{padding:3px 10px}.badge.badge-lg{padding:11px}.badge.badge-xl{padding:14px}.badge.badge-success{background-color:#4caf50}.badge.badge-info{background-color:#0041ff}.badge.badge-danger{background-color:#fc6868}.badge.badge-warning{background-color:#ffc107}.image-wrapper{margin-bottom:20px;margin-top:10px;display:inline-block;width:100%}.image-wrapper .image-item{width:200px;height:200px;margin-right:20px;background:#f8f9fa;border-radius:3px;display:inline-block;position:relative;background-image:url(../images/placeholder-icon.svg);background-repeat:no-repeat;background-position:50%;margin-bottom:20px;float:left}.image-wrapper .image-item img.preview{width:100%;height:100%}.image-wrapper .image-item input{display:none}.image-wrapper .image-item .remove-image{background-image:linear-gradient(-180deg,rgba(0,0,0,.08),rgba(0,0,0,.24));border-radius:0 0 4px 4px;position:absolute;bottom:0;width:100%;padding:10px;text-align:center;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.24);margin-right:20px;cursor:pointer}.image-wrapper .image-item:hover .remove-image{display:block}.image-wrapper .image-item.has-image{background-image:none}.vue-swatches__trigger{border:1px solid #d3d3d3}.helper-container{display:block}.helper-container .group code{font-weight:700}.overlay-loader{position:fixed;z-index:11;top:50%;left:50%;margin-top:-24px;margin-left:-24px}.tooltip{display:block!important;z-index:10000}.tooltip .tooltip-inner{background:#000;color:#fff;border-radius:4px;padding:5px 10px 4px}.tooltip .tooltip-arrow{width:0;height:0;border-style:solid;position:absolute;margin:5px;border-color:#000;z-index:1}.tooltip[x-placement^=top]{margin-bottom:5px}.tooltip[x-placement^=top] .tooltip-arrow{border-width:5px 5px 0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;bottom:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.tooltip[x-placement^=bottom]{margin-top:5px}.tooltip[x-placement^=bottom] .tooltip-arrow{border-width:0 5px 5px;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important;top:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.tooltip[x-placement^=right]{margin-left:5px}.tooltip[x-placement^=right] .tooltip-arrow{border-width:5px 5px 5px 0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important;left:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.tooltip[x-placement^=left]{margin-right:5px}.tooltip[x-placement^=left] .tooltip-arrow{border-width:5px 0 5px 5px;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;right:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.end-date:after,.start-date:after{background-image:url(../images/Icon-Calendar.svg);width:24px;height:24px;content:"";display:inline-block;vertical-align:middle;margin-left:-34px;pointer-events:none;position:absolute;top:43%}@media only screen and (max-width:414px){.notification{width:414px}}@media only screen and (max-width:411px){.notification{width:410px}}@media only screen and (max-width:393px){.notification{width:393px}}@media only screen and (max-width:390px){.notification{width:390px}}@media only screen and (max-width:375px){.notification{width:375px}}@media only screen and (max-width:360px){.notification{width:360px}}@media only screen and (max-width:320px){.notification{width:320px}}
\ No newline at end of file
diff --git a/packages/Webkul/Ui/publishable/assets/images/Locale-Icon-active.svg b/packages/Webkul/Ui/publishable/assets/images/Locale-Icon-active.svg
new file mode 100644
index 000000000..16de6670b
--- /dev/null
+++ b/packages/Webkul/Ui/publishable/assets/images/Locale-Icon-active.svg
@@ -0,0 +1,8 @@
+
diff --git a/packages/Webkul/Ui/publishable/assets/images/Locale-Icon.svg b/packages/Webkul/Ui/publishable/assets/images/Locale-Icon.svg
new file mode 100644
index 000000000..07fa90e59
--- /dev/null
+++ b/packages/Webkul/Ui/publishable/assets/images/Locale-Icon.svg
@@ -0,0 +1,8 @@
+
diff --git a/packages/Webkul/Ui/publishable/assets/mix-manifest.json b/packages/Webkul/Ui/publishable/assets/mix-manifest.json
index 84570dd13..e147807b9 100644
--- a/packages/Webkul/Ui/publishable/assets/mix-manifest.json
+++ b/packages/Webkul/Ui/publishable/assets/mix-manifest.json
@@ -1,4 +1,4 @@
{
"/js/ui.js": "/js/ui.js?id=e136e7c7f62341fd089a",
- "/css/ui.css": "/css/ui.css?id=0c1d648e1ddc0ee2eeb9"
+ "/css/ui.css": "/css/ui.css?id=c8a7ade09358a1d61a4a"
}
diff --git a/packages/Webkul/Ui/src/Resources/assets/images/Local-Icon-active.svg b/packages/Webkul/Ui/src/Resources/assets/images/Local-Icon-active.svg
deleted file mode 100644
index 079896559..000000000
--- a/packages/Webkul/Ui/src/Resources/assets/images/Local-Icon-active.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
diff --git a/packages/Webkul/Ui/src/Resources/assets/images/Local-Icon-bold.svg b/packages/Webkul/Ui/src/Resources/assets/images/Local-Icon-bold.svg
deleted file mode 100644
index 7854fa68a..000000000
--- a/packages/Webkul/Ui/src/Resources/assets/images/Local-Icon-bold.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
diff --git a/packages/Webkul/Ui/src/Resources/assets/images/Local-Icon.svg b/packages/Webkul/Ui/src/Resources/assets/images/Local-Icon.svg
deleted file mode 100644
index eed80904f..000000000
--- a/packages/Webkul/Ui/src/Resources/assets/images/Local-Icon.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
diff --git a/packages/Webkul/Ui/src/Resources/assets/images/Locale-Icon-active.svg b/packages/Webkul/Ui/src/Resources/assets/images/Locale-Icon-active.svg
new file mode 100644
index 000000000..16de6670b
--- /dev/null
+++ b/packages/Webkul/Ui/src/Resources/assets/images/Locale-Icon-active.svg
@@ -0,0 +1,8 @@
+
diff --git a/packages/Webkul/Ui/src/Resources/assets/images/Locale-Icon.svg b/packages/Webkul/Ui/src/Resources/assets/images/Locale-Icon.svg
new file mode 100644
index 000000000..07fa90e59
--- /dev/null
+++ b/packages/Webkul/Ui/src/Resources/assets/images/Locale-Icon.svg
@@ -0,0 +1,8 @@
+
diff --git a/packages/Webkul/Ui/src/Resources/assets/sass/main/_icons.scss b/packages/Webkul/Ui/src/Resources/assets/sass/main/_icons.scss
index a7c384fe1..eef168879 100755
--- a/packages/Webkul/Ui/src/Resources/assets/sass/main/_icons.scss
+++ b/packages/Webkul/Ui/src/Resources/assets/sass/main/_icons.scss
@@ -162,14 +162,9 @@
.locale-icon {
@extend %menu-properties;
- background-image: url("../images/Local-Icon.svg");
-}
-
-.locale-icon-bold {
- @extend %menu-properties;
- background-image: url("../images/Local-Icon-bold.svg");
- height: 26px;
+ background-image: url("../images/Locale-Icon.svg");
width: 26px;
+ height: 26px;
}
.store-icon {