From d2063469955f1d54509916dc4fe948c2f4d03db3 Mon Sep 17 00:00:00 2001 From: Deepak Singh Gusain Date: Mon, 24 Jan 2022 12:43:51 +0530 Subject: [PATCH] Dark Mode Pending color issue --- .../Webkul/Admin/publishable/assets/css/admin.css | 2 +- .../Webkul/Admin/publishable/assets/mix-manifest.json | 2 +- .../Admin/src/Resources/assets/sass/_variables.scss | 1 + .../src/Resources/assets/sass/partials/_dark.scss | 11 +++++++---- 4 files changed, 10 insertions(+), 6 deletions(-) diff --git a/packages/Webkul/Admin/publishable/assets/css/admin.css b/packages/Webkul/Admin/publishable/assets/css/admin.css index 0e682a597..c1ca308cd 100644 --- a/packages/Webkul/Admin/publishable/assets/css/admin.css +++ b/packages/Webkul/Admin/publishable/assets/css/admin.css @@ -1 +1 @@ -@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500);.dark-mode{background-color:#04101b}.dark-mode,.dark-mode .read-all{color:hsla(0,0%,100%,.8)}.dark-mode .navbar-top{background-color:#051e37}.dark-mode .navbar-top .navbar-top-left{background-color:#071e37;border-bottom:1px solid hsla(0,0%,63.5%,.2)}.dark-mode .navbar-top .profile-info .app-version{padding:10px 20px 0;margin-bottom:-10px;display:block;cursor:default;color:#a2a2a2}.dark-mode .navbar-top .profile-info .name{color:hsla(0,0%,100%,.8)!important}.dark-mode .navbar-top .profile-info .dropdown-list{right:0;bottom:inherit!important;border:1px solid #24384c}.dark-mode .navbar-left{background-color:#051e37;border-right:1px solid #051e37}.dark-mode .navbar-left ul.menubar li.menu-item>a{padding:5px 2px;display:block;color:#000;width:100%}.dark-mode .navbar-left ul.menubar li.menu-item>a .icon{display:inline-block;vertical-align:middle;transform:scale(.7)}.dark-mode .navbar-left ul.menubar li.menu-item>a .menu-label{display:none;color:#b0bec5}.dark-mode .navbar-left ul.menubar li.menu-item>a .arrow-icon{display:none}.dark-mode .navbar-left ul.menubar li.menu-item>a.active,.dark-mode .navbar-left ul.menubar li.menu-item>a:hover{padding:5px 2px;background-color:rgba(1,10,20,.5)}.dark-mode .navbar-left ul.menubar li.menu-item.active>a{background-color:rgba(1,10,20,.5)}.dark-mode .navbar-left ul.menubar li.menu-item:hover ul.sub-menubar{background:#020f1c;box-shadow:none;border:1px solid #24384c}.dark-mode .navbar-left ul.menubar li.menu-item:hover ul.sub-menubar .sub-menu-item .menu-label{color:#fff!important}.dark-mode .navbar-left ul.menubar li.menu-item:hover ul.sub-menubar .sub-menu-item.active,.dark-mode .navbar-left ul.menubar li.menu-item:hover ul.sub-menubar .sub-menu-item:hover{background-color:#020f1c}.dark-mode .navbar-left ul.menubar li.menu-item:hover ul.sub-menubar .sub-menu-item.active .menu-label,.dark-mode .navbar-left ul.menubar li.menu-item:hover ul.sub-menubar .sub-menu-item:hover .menu-label{color:#fff!important}.dark-mode .navbar-left.open ul.menubar li.menu-item a .menu-label{font-size:14px;font-weight:200;display:inline-block;color:#b0bec5}.dark-mode .navbar-left.open ul.menubar li.menu-item a .arrow-icon{display:inline-block}.dark-mode .navbar-left.open ul.menubar li.menu-item ul.sub-menubar{display:none;position:unset;background-color:transparent;border-radius:0;box-shadow:unset;border:0}.dark-mode .navbar-left.open ul.menubar li.menu-item ul.sub-menubar li.sub-menu-item a{padding-left:52px}.dark-mode .navbar-left.open ul.menubar li.menu-item.active{background:#051e37;width:100%}.dark-mode .navbar-left.open ul.menubar li.menu-item.active .menu-label{color:#fff}.dark-mode .navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar{display:block;background-color:#020f1c;border:none!important}.dark-mode .navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item .menu-label{color:#b0bec5}.dark-mode .navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item.active,.dark-mode .navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item:hover{background-color:rgba(1,10,20,.5)}.dark-mode .navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item.active .menu-label,.dark-mode .navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item:hover .menu-label{color:#fff!important}.dark-mode .navbar-left.open ul.menubar li.menu-item:hover{background:#051e37}.dark-mode .navbar-left.open ul.menubar li.menu-item:hover .menu-label{color:#fff}.dark-mode .navbar-left .menubar-bottom{background-color:#051e37}.dark-mode .nav-container .nav-top{background:#051e37}.dark-mode .nav-container .nav-top .pro-info .profile-info-desc{display:inline-block;margin-left:40px}.dark-mode .nav-container .nav-top .pro-info .profile-info-desc .name,.dark-mode .nav-container .nav-top .pro-info .profile-info-desc .role{color:#fff}.dark-mode .nav-container .nav-items{background:#051e37}.dark-mode .nav-container .nav-items .nav-item a{color:#fff;display:block;padding:5px}.dark-mode .nav-container .nav-items .nav-item ul .navbar-child.active,.dark-mode .nav-container .nav-items .nav-item ul .navbar-child:hover{background-color:rgba(1,10,20,.5)}.dark-mode .nav-container .nav-items .nav-item.active{background-color:#020f1c}.dark-mode .nav-container .nav-items .nav-item.active>a,.dark-mode .nav-container .nav-items .nav-item:hover>a{background-color:rgba(1,10,20,.5)}.dark-mode .content-container .content .page-header,.dark-mode .content-container .inner-section .content-wrapper .page-header{background-color:#04101b;border-bottom:1px solid #24384c}.dark-mode .table{background-color:#04101b}.dark-mode .table table thead th{background-color:rgba(7,30,55,.2)!important;color:hsla(0,0%,100%,.8)}.dark-mode .table table tbody td{color:hsla(0,0%,100%,.8);border-bottom:1px solid hsla(0,0%,63.5%,.2)}.dark-mode .modal-container{background:#04101b}.dark-mode .modal-container .modal-header h3{display:inline-block;font-size:20px;color:hsla(0,0%,100%,.8);margin:0}.dark-mode .accordian .accordian-header,.dark-mode .accordian div[slot*=header],.dark-mode accordian .accordian-header,.dark-mode accordian div[slot*=header]{color:#3a3a3a;border-top:1px solid hsla(0,0%,63.5%,.2);border-bottom:1px solid hsla(0,0%,63.5%,.2)}@media only screen and (max-width:1300px){.dark-mode .table table tbody tr td{background-color:#04101b}}.dark-mode .grid-dropdown-header{background-color:#000;border:1px solid #24384c}.dark-mode .dropdown-list{background-color:#000}.dark-mode .dropdown-list .dropdown-container{background-color:#02080d;color:hsla(0,0%,100%,.8)}.dark-mode .dropdown-list .dropdown-container label,.dark-mode .dropdown-list .dropdown-container ul li a{color:hsla(0,0%,100%,.8)}.dark-mode .dropdown-list .dropdown-container ul li a:hover{color:#fff}.dark-mode .notification{background-color:#000}.dark-mode .notification .dropdown-container{color:hsla(0,0%,100%,.8);border:1px solid #232d36}.dark-mode .notification .dropdown-container label{color:hsla(0,0%,100%,.8)}.dark-mode .notification .dropdown-container ul .read{background-color:#02080d;border-bottom:1px solid #24384c;color:hsla(0,0%,100%,.5)}.dark-mode .notification .dropdown-container ul .read .notif-content>a{text-decoration:none;color:hsla(0,0%,100%,.5)}.dark-mode .notification .dropdown-container ul .read .notif-content>a:hover{color:hsla(0,0%,100%,.5)}.dark-mode .notification .dropdown-container ul li{background-color:#02080d;border-bottom:1px solid #24384c;color:#fff}.dark-mode .notification .dropdown-container ul li .notif-content>a{text-decoration:none;color:#fff}.dark-mode .notification .dropdown-container ul li .notif-content>a:hover{color:#fff}.dark-mode .notification .dropdown-container ul .bottom-li a{display:initial;color:hsla(0,0%,100%,.8)!important}.dark-mode .control-container .control{background:#000}.dark-mode select.control{border:1px solid #24384c}.dark-mode .search-filter .control{background-color:#02080d;color:hsla(0,0%,100%,.8);border:1px solid #24384c}.dark-mode .search-filter .icon-wrapper{border:1px solid #24384c}.dark-mode .control-group label,.dark-mode h1{color:hsla(0,0%,100%,.8)}.dark-mode .control-group .control{border:1px solid #24384c}.dark-mode .grid-container .grid-top .datagrid-filters .dropdown-filters.per-page .control-group label{color:hsla(0,0%,100%,.8)}.dark-mode .tabs ul{border-bottom:1px solid #24384c}.dark-mode .tabs ul li a{color:hsla(0,0%,100%,.8)}.dark-mode .accordian .accordian-header,.dark-mode .accordian div[slot*=header],.dark-mode accordian .accordian-header,.dark-mode accordian div[slot*=header]{background-color:#02080d;color:hsla(0,0%,100%,.5)}.dark-mode .accordian .accordian-content,.dark-mode .accordian div[slot*=body],.dark-mode accordian .accordian-content,.dark-mode accordian div[slot*=body]{background-color:#000;border-bottom:1px solid #24384c}.dark-mode .accordian.active>.accordian-content,.dark-mode accordian.active>.accordian-content{background-color:#02080d}.dark-mode .accordian.active>.accordian-header,.dark-mode accordian.active>.accordian-header{background-color:#000}.dark-mode .sale-container .sale .sale-section .secton-title{color:hsla(0,0%,100%,.8);border-bottom:1px solid #24384c}.dark-mode .control-group .label,.dark-mode .sale-container .sale .sale-section .section-content .row .title,.dark-mode .sale-container .sale .sale-section .section-content .row .value,.dark-mode .sale-container .summary-comment-container .comment-container .comment-list li p{color:hsla(0,0%,100%,.8)}.dark-mode .control-group .control{background-color:#02080d;color:hsla(0,0%,100%,.8)}.dark-mode .dashboard .card{background:#071e37;box-shadow:0 5px 10px 2px rgba(0,0,0,.8)}.dark-mode .dashboard .card .card-title{color:hsla(0,0%,100%,.8)}.dark-mode .dashboard .card .card-info ul li .description{margin-top:10px}.dark-mode .dashboard .card .card-info ul li .description .name{color:hsla(0,0%,100%,.8)}.dark-mode .dashboard .card .card-info ul li .description .info{color:hsla(0,0%,100%,.8);margin-top:5px}.dark-mode .dashboard .card .card-info .no-result-found p{color:hsla(0,0%,100%,.8)}.dark-mode .dashboard .dashboard-stats .dashboard-card{background:#071e37;box-shadow:0 5px 10px 2px rgba(0,0,0,.8)}.dark-mode .dashboard .dashboard-stats .dashboard-card .title{color:hsla(0,0%,100%,.8)}.dark-mode .dashboard .dashboard-stats .dashboard-card .data{color:#fff}.dark-mode .dashboard .dashboard-stats .dashboard-card .data .progress{color:hsla(0,0%,100%,.8)}.dark-mode .pagination .page-item{background:#000;border:0 solid;color:#fff}.dark-mode .pagination .page-item.active{background-color:rgba(40,69,100,.2)!important;color:#fff;border-color:rgba(2,57,83,.2)!important}.dark-mode .filter-tag .wrapper{background:#02080d;border:1px solid #02080d;color:hsla(0,0%,100%,.8)}.dark-mode .notif{background-color:#02080d}.dark-mode .notif .read{background-color:#212121!important;color:hsla(0,0%,100%,.5)}.dark-mode .notif .read .notif-content>a{text-decoration:none;color:hsla(0,0%,100%,.5)}.dark-mode .notif li{border:1px solid #24384c;color:#fff}.dark-mode .notif li .notif-content>a{text-decoration:none;color:#fff}.dark-mode #notif-title{height:50px;padding:14px 10px;border-bottom:1px solid #232d36;cursor:default}.dark-mode .flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;box-sizing:border-box;touch-action:manipulation;background-color:#02080d;box-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000,0 3px 13px rgba(0,0,0,.08)}.dark-mode .flatpickr-months .flatpickr-month,.dark-mode .flatpickr-weekdays .flatpickr-weekdaycontainer,.dark-mode span.flatpickr-weekday{color:#fff}.dark-mode .flatpickr-day.flatpickr-disabled,.dark-mode .flatpickr-day.flatpickr-disabled:hover,.dark-mode .flatpickr-day.nextMonthDay,.dark-mode .flatpickr-day.notAllowed,.dark-mode .flatpickr-day.notAllowed.nextMonthDay,.dark-mode .flatpickr-day.notAllowed.prevMonthDay,.dark-mode .flatpickr-day.prevMonthDay{color:hsla(0,0%,100%,.8);background:transparent;border-color:transparent;cursor:default}.dark-mode .flatpickr-day,.dark-mode .flatpickr-weekwrapper span.flatpickr-day,.dark-mode .flatpickr-weekwrapper span.flatpickr-day:hover{color:#fff}.dark-mode .flatpickr-months .flatpickr-next-month,.dark-mode .flatpickr-months .flatpickr-prev-month{color:#fff;fill:#fff}.dark-mode .flatpickr-day.endRange,.dark-mode .flatpickr-day.endRange.inRange,.dark-mode .flatpickr-day.endRange.nextMonthDay,.dark-mode .flatpickr-day.endRange.prevMonthDay,.dark-mode .flatpickr-day.endRange:focus,.dark-mode .flatpickr-day.endRange:hover,.dark-mode .flatpickr-day.selected,.dark-mode .flatpickr-day.selected.inRange,.dark-mode .flatpickr-day.selected.nextMonthDay,.dark-mode .flatpickr-day.selected.prevMonthDay,.dark-mode .flatpickr-day.selected:focus,.dark-mode .flatpickr-day.selected:hover,.dark-mode .flatpickr-day.startRange,.dark-mode .flatpickr-day.startRange.inRange,.dark-mode .flatpickr-day.startRange.nextMonthDay,.dark-mode .flatpickr-day.startRange.prevMonthDay,.dark-mode .flatpickr-day.startRange:focus,.dark-mode .flatpickr-day.startRange:hover{background:#051e37!important;color:#fff;border-color:#051e37!important}.dark-mode .flatpickr-day.inRange,.dark-mode .flatpickr-day.nextMonthDay.inRange,.dark-mode .flatpickr-day.nextMonthDay.today.inRange,.dark-mode .flatpickr-day.nextMonthDay:focus,.dark-mode .flatpickr-day.nextMonthDay:hover,.dark-mode .flatpickr-day.prevMonthDay.inRange,.dark-mode .flatpickr-day.prevMonthDay.today.inRange,.dark-mode .flatpickr-day.prevMonthDay:focus,.dark-mode .flatpickr-day.prevMonthDay:hover,.dark-mode .flatpickr-day.today.inRange,.dark-mode .flatpickr-day:focus,.dark-mode .flatpickr-day:hover{cursor:pointer;outline:0;background:#24384c!important;border-color:#24384c!important}.dark-mode .control-group .slider{top:-2px!important;right:-2px!important;background-color:#000!important;border:1px solid #24384c!important}.dark-mode .control-group input:checked+.slider{background-color:#000!important}body{margin:0;color:#3a3a3a;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;height:100%;width:100%;background-color:#fff}.dark-mode-button{background:#0041ff;border:none;padding:10px 30px;width:95%;margin-left:3%;border-radius:5px;color:#fff;font-size:16px;margin-bottom:10px}.navbar-top{background-color:#fff;font-size:0;border-bottom:1px solid hsla(0,0%,63.5%,.2);position:fixed;left:0;top:0;right:0;z-index:8}.navbar-top,.navbar-top .navbar-top-left{display:flex;justify-content:space-between;height:60px}.navbar-top .navbar-top-left{align-items:center}.navbar-top .navbar-top-left .hamburger{display:block;width:48px;height:48px}.navbar-top .navbar-top-left .hamburger:before{content:"";width:24px;height:24px;background-color:#639;background-image:url(../assets/image/Icon-Sortable.svg);display:block}.navbar-top .navbar-top-left .brand-logo{margin-left:8px}.navbar-top .navbar-top-right{height:60px;text-align:right;display:inline-block;vertical-align:middle}.navbar-top .navbar-top-right .profile-info{display:inline-block;vertical-align:middle;text-align:left;min-width:50px;padding:11px 16px;font-size:15px;cursor:pointer;position:relative;border-left:1px solid hsla(0,0%,63.5%,.2)}.navbar-top .navbar-top-right .profile-info .app-version{padding:10px 20px 0;margin-bottom:-10px;display:block;cursor:default;color:#a2a2a2}.navbar-top .navbar-top-right .profile-info .profile-info-div{display:flex}.navbar-top .navbar-top-right .profile-info .profile-info-div .profile-info-icon{height:31px;width:30px;background:#3c41ff;padding:6px;text-align:center;font-size:17px;font-weight:600;color:#fff;border-radius:50%;margin-right:6px;margin-top:3px}.navbar-top .navbar-top-right .profile-info .dropdown-list{top:63px;right:0;bottom:inherit!important}.navbar-top .navbar-top-right .profile-info .name{color:#000311;display:block;text-align:left}.navbar-top .navbar-top-right .profile-info .role{font-size:12px;color:#8e8e8e;display:block;text-align:left}.navbar-top .navbar-top-right .notifications{display:inline-block;vertical-align:middle;text-align:left;min-width:50px;padding:11px 16px;font-size:15px;cursor:pointer;position:relative;border-left:1px solid hsla(0,0%,63.5%,.2)}.navbar-top .navbar-top-right .notifications .dropdown-list{top:63px;right:0;bottom:inherit!important}.navbar-top .navbar-top-right .notifications .name{color:#000311;display:block;text-align:left}.navbar-top .navbar-top-right .notifications .role{font-size:12px;color:#8e8e8e;display:block;text-align:left}.navbar-top .navbar-top-right .notifications i.icon{margin-left:10px}.navbar-top .navbar-top-right .store{display:inline-block;vertical-align:middle;text-align:left;min-width:50px;padding:15px 16px;font-size:15px;cursor:pointer;position:relative;border-left:1px solid hsla(0,0%,63.5%,.2)}.navbar-left{left:0;bottom:0;top:60px;z-index:6;width:56px;height:100vh!important;position:fixed;background-color:#fff;border-right:1px solid #ececec}.navbar-left ul.menubar li.menu-item{position:relative;overflow:hidden}.navbar-left ul.menubar li.menu-item>a{color:#000;width:100%}.navbar-left ul.menubar li.menu-item>a .icon{display:inline-block;vertical-align:middle;transform:scale(.7)}.navbar-left ul.menubar li.menu-item>a .menu-label{display:none;color:#b0bec5}.navbar-left ul.menubar li.menu-item>a .arrow-icon{display:none}.navbar-left ul.menubar li.menu-item span{display:block;margin:auto}.navbar-left ul.menubar li.menu-item ul.sub-menubar{display:none;min-width:200px;position:absolute;top:0;left:56px;background-color:#fff;box-shadow:2px 1px 3px #cdcecf;border:1px solid #eee;border-left:0;border-radius:0 3px 3px 0}.navbar-left ul.menubar li.menu-item ul.sub-menubar li.sub-menu-item a{display:block;padding:8px 12px;color:#000;font-size:12px}.navbar-left ul.menubar li.menu-item:hover{overflow:visible;background:#f8f8f8}.navbar-left ul.menubar li.menu-item:hover ul.sub-menubar{display:block}.navbar-left ul.menubar li.menu-item:hover ul.sub-menubar .sub-menu-item .menu-label{color:#000}.navbar-left ul.menubar li.menu-item:hover ul.sub-menubar .sub-menu-item.active{background-color:#e6e6e6}.navbar-left ul.menubar li.menu-item:hover ul.sub-menubar .sub-menu-item.active .menu-label,.navbar-left ul.menubar li.menu-item:hover ul.sub-menubar .sub-menu-item:hover .menu-label{color:#0041ff}.navbar-left .menubar-bottom{padding:12px;cursor:pointer;position:fixed;bottom:0;background-color:#fff;width:56px}.navbar-left.open{width:200px}.navbar-left.open ul.menubar{overflow-y:auto;height:86%}.navbar-left.open ul.menubar::-webkit-scrollbar{width:0!important}.navbar-left.open ul.menubar li.menu-item a .menu-label{font-weight:200;display:inline-block;color:#000}.navbar-left.open ul.menubar li.menu-item a .arrow-icon{display:inline-block}.navbar-left.open ul.menubar li.menu-item ul.sub-menubar{display:none;position:unset;background-color:transparent;border-radius:0;box-shadow:unset;border:0}.navbar-left.open ul.menubar li.menu-item ul.sub-menubar li.sub-menu-item a{padding-left:56px;font-size:14px}.navbar-left.open ul.menubar li.menu-item.active{background:#fff;width:100%}.navbar-left.open ul.menubar li.menu-item.active .menu-label{color:#000}.navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar{display:block;background-color:#f8f8f8;border:none!important}.navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item .menu-label{color:#000}.navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item.active,.navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item:hover{background-color:#eee}.navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item.active .menu-label,.navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item:hover .menu-label{color:#000!important}.navbar-left.open ul.menubar li.menu-item:hover .menu-label{color:#000}.navbar-left.open .menubar-bottom{width:200px}.control-container{display:flex;flex-direction:row;align-items:flex-start;width:750px}.control-container .control{background:#fff;border:1px solid #c7c7c7;border-radius:3px;width:150px;height:36px;display:inline-block;vertical-align:middle;transition:.2s cubic-bezier(.4,0,.2,1);padding:0 10px;font-size:15px}.control-container .control:focus{border-color:#0041ff}.control-container .icon:hover{cursor:pointer}.control-container .control-group::last-child{margin-right:0}.boolean-control-container{display:flex;flex-direction:row;justify-content:flex-start;width:750px}.boolean-control-container .control-group{width:200px}.control-group label{width:auto}.control-group label .locale{float:right;color:#8e8e8e}.control-group .mce-tinymce{margin-top:10px;margin-bottom:5px}.ticket-list .control-group.date:after{left:unset;right:10px;top:34px}.ticket-list .control-group.has-error.date:after{top:47px}.variant-image .image-item{height:100px!important;width:100px!important;background-size:100px 100px!important}.variant-image .trash-icon{position:absolute;cursor:pointer;margin-top:25%}.btn.add-image{display:inline-block;width:auto}.rtl .ticket-list .control-group.has-error.date:after{top:47px;right:100%!important}.content-container{padding-left:56px;height:calc(100% - 60px);width:100%;margin-top:60px}.content-container .inner-section{height:100%}.content-container .content-wrapper{margin-top:1px}.content-container .content .page-header{display:inline-block;width:100%;padding:16px 10px 15px 16px;position:-webkit-sticky;position:sticky;top:60px;z-index:3;background-color:#fff;box-shadow:0 3px 6px 0 rgba(0,0,0,.05)}.content-container .content .page-header .page-title{float:left}.content-container .content .page-header .page-title .back-link{float:left;margin-right:10px;width:24px;height:24px;cursor:pointer;margin-top:5px}.content-container .content .page-header .page-title h1{margin-bottom:0;vertical-align:middle;display:inline-block;line-height:normal}.content-container .content .page-header .page-action{float:right;margin-top:-5px}.content-container .content .page-header .page-action *{display:inline-block}.content-container .content .page-header .page-action a{margin-left:10px}.content-container .content .page-header .control-group{width:180px;display:inline-block;margin-bottom:0;margin-left:20px}.content-container .content .page-header .control{width:100%;margin:0}.content-container .content .page-content{width:100%;display:inline-block;padding:8px 16px}.notif{background-color:#fff}.notif li{padding:10px;border-bottom:1px solid #ddd;position:relative}.notif li .notif-icon{position:absolute;height:40px;width:40px;left:12px;border-radius:5px}.notif li .notif-icon span{position:absolute;background-repeat:no-repeat;background-size:cover;top:5px;left:5px}.notif li .notif-content>a{text-decoration:none;color:#3a3a3a}.notif li .pending{background-color:#f2c94c}.notif li .processing{background-color:#399cdb}.notif li .canceled{background-color:red}.notif li .closed{background-color:#eb5757}.notif li .completed{background-color:#42c067}.notif li .notif-content{margin-left:50px}.notif .read{color:rgba(58,58,58,.5)}.notif .read .notif-content>a{text-decoration:none;color:rgba(58,58,58,.5)}.notification-badge{position:absolute;right:13px;top:6px;background:red;color:#fff;width:20px;text-align:center;border-radius:10px;font-size:11px;font-weight:900}#search-icon{position:absolute;margin-top:6px;margin-left:151px}.notif-filter{margin-top:0!important}.read{background-color:#f6f6f6}.page-item.active .page-link{color:#fff!important}.switch-dark{width:75%}.read-all{color:#3a3a3a;background:none;border:none}#notif-title{height:50px;padding:14px 10px;border-bottom:1px solid #c7c7c7;cursor:default}@media only screen and (min-width:768px){.navbar-left{display:block}.navbar-top .navbar-top-right .profile .profile-info{display:inline-block}#search-icon{position:absolute;margin-top:6px;margin-left:151px}.notif-filter{margin-top:0!important}.switch-dark{width:75%}}@media only screen and (max-width:768px){h1{font-size:18px}.btn.btn-lg{padding:4px 6px}.navbar-top .navbar-top-left .hamburger{display:block}.navbar-top .navbar-top-right .profile .profile-info{display:none}.navbar-left{left:0;display:none}.content-container{padding-left:0;position:absolute;margin-top:60px;top:0;right:0;left:0;bottom:0;height:calc(100% - 60px);width:100%}.content-container .aside-nav{display:none}.content-container .content .page-header .control-group{width:100%!important;display:block;margin-bottom:0;margin-left:0;padding:0;margin-top:40px}.content-container .content .page-header .page-title{float:left;width:100%}.content-container .content .page-header .page-title .back-link{margin-top:0;margin-right:-1px;height:22px!important;width:22px!important}.content-container .content .page-header .page-action{position:absolute;right:10px;margin-top:0}.content-container .content .page-header .page-action .export-import{margin-top:-15px}.content-container .content .page-header .page-action *{display:inline-block}.content-container .content-wrapper{margin-left:0;margin-top:1px}#search-icon{position:absolute;margin-top:6px;right:16px}.notif-filter{margin-top:12px!important}.switch-dark{width:100%}}@media only screen and (max-width:411px){.content-container .content .page-header .control-group{width:100%!important;display:block;margin-bottom:0;margin-left:0;padding:0;margin-top:40px}}@media only screen and (max-width:385px){.content-container .content .page-header .control-group{width:100%!important;display:block;margin-bottom:0;margin-left:0;padding:0;margin-top:40px}}@media only screen and (max-width:320px){.content-container .content .page-header .control-group{width:100%!important;display:block;margin-bottom:0;margin-left:0;padding:0;margin-top:40px}}.nav-container{position:relative;display:none;max-width:31px-25px 10px;max-height:31px-25px 10px;overflow:visible;outline:none}.nav-container.is-active .nav-toggle:after,.nav-container.is-active .nav-toggle:before{box-shadow:none}.nav-container.is-active .nav-items,.nav-container.is-active .nav-top{transform:translate(0)}.nav-container.is-active .overlay{display:block}.nav-container .overlay{background-color:rgba(0,0,0,.8);position:fixed;top:0;left:0;height:100vh;width:100vh;display:none;z-index:1}.nav-container .nav-toggle{background-image:url(../images/hamburger.svg);background-repeat:no-repeat;background-size:cover;position:relative;top:8px;width:31px;height:31px;margin:-25px 10px;z-index:1}.nav-container .nav-toggle:hover{cursor:pointer}.nav-container .close{position:absolute;right:13px;top:15px;width:32px;height:32px}.nav-container .close:hover{opacity:1}.nav-container .close:before{transform:rotate(45deg)}.nav-container .close:after,.nav-container .close:before{position:absolute;left:15px;content:" ";height:28px;width:2px;background-color:#8184ab}.nav-container .close:after{transform:rotate(-45deg)}.nav-container .nav-top{position:fixed;top:0;left:0;min-width:300px;max-width:25vw;width:100vw;height:60px;z-index:1;padding:50px 0 0;transition:transform .3s ease;transform:translate(calc(-100% - 50px));background:#fff;display:grid;grid-template-columns:1fr;align-content:start;box-shadow:0 0 50px rgba(0,0,0,.3);text-decoration:none}.nav-container .nav-top .pro-info{width:100%;padding:15px;position:absolute}.nav-container .nav-top .pro-info .profile-info-icon{position:absolute;display:inline-block;background:#3c41ff;height:30px;width:30px;text-align:center;border-radius:50%}.nav-container .nav-top .pro-info .profile-info-icon>span{display:block;margin:6px;font-size:18px;color:#fff}.nav-container .nav-top .pro-info .profile-info-desc{display:inline-block;margin-left:40px}.nav-container .nav-top .pro-info .profile-info-desc .name{font-size:18px;color:#000}.nav-container .nav-top .pro-info .profile-info-desc .role{font-size:10px;color:#000}.nav-container .nav-items{position:fixed;top:60px;left:0;min-width:300px;max-width:25vw;width:100vw;height:92vh;z-index:1;padding-bottom:10px;transition:transform .3s ease;transform:translate(calc(-100% - 50px));background:#fff;display:grid;grid-template-columns:1fr;align-content:start;box-shadow:0 0 50px rgba(0,0,0,.3);overflow-y:scroll;text-decoration:none;transition:all .2s ease-in-out}.nav-container .nav-items::-webkit-scrollbar{display:none}.nav-container .nav-items .nav-item{transition:background-color .3s ease;font-size:16px;text-transform:capitalize;text-decoration:none}.nav-container .nav-items .nav-item a{color:#000;display:block;padding:5px}.nav-container .nav-items .nav-item ul{display:none}.nav-container .nav-items .nav-item ul .navbar-child{text-transform:capitalize;padding:15px}.nav-container .nav-items .nav-item ul .navbar-child.active,.nav-container .nav-items .nav-item ul .navbar-child:hover{background-color:#e6e6e6}.nav-container .nav-items .nav-item .display-block{display:block!important}.nav-container .nav-items .nav-item.active{background-color:#e6e6e6}.nav-container .nav-items .nav-item.active>a,.nav-container .nav-items .nav-item:hover>a{background-color:#ddd}@media only screen and (max-width:768px){.nav-container{display:inline-block}.destop-logo{display:none}.content-container{padding-left:0!important}}.dashboard .page-header{margin-bottom:0!important;padding-bottom:15px;border-bottom:1px solid hsla(0,0%,63.5%,.2)}.dashboard .page-header .control-group span{width:100%}.dashboard .page-header .control-group.date:after{margin-top:-13px;left:100%}.dashboard .page-content{margin-top:15px}.dashboard .card{height:445px;background-color:#fff;border:1px solid hsla(0,0%,63.5%,.2);box-shadow:0 5px 10px 2px hsla(0,0%,63.5%,.2);border-radius:.25rem;padding:20px 0 0 20px;overflow:auto}.dashboard .card .card-title{font-size:14px;color:#3a3a3a;letter-spacing:-.26px;text-transform:uppercase}.dashboard .card .card-info{width:100%;display:inline-block}.dashboard .card .card-info.center{text-align:center}.dashboard .card .card-info ul li{border-bottom:1px solid hsla(0,0%,63.5%,.2);width:100%;display:inline-block;padding:10px 0;position:relative}.dashboard .card .card-info ul li .image{height:60px;width:60px;float:left;margin-right:15px}.dashboard .card .card-info ul li .image.product{background:#f2f2f2}.dashboard .card .card-info ul li .image img{width:100%}.dashboard .card .card-info ul li .description{margin-top:10px}.dashboard .card .card-info ul li .description .name{color:#3a3a3a}.dashboard .card .card-info ul li .description .info{color:#3a3a3a;margin-top:5px}.dashboard .card .card-info ul li .icon.angle-right-icon{position:absolute;right:30px;top:50%;margin-top:-8px}.dashboard .card .card-info ul li:last-child{border-bottom:0}.dashboard .card .card-info .no-result-found{margin-top:146px}.dashboard .card .card-info .no-result-found p{margin:0;color:#3a3a3a}.dashboard .dashboard-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-auto-rows:auto;grid-column-gap:30px;grid-row-gap:15px}.dashboard .dashboard-stats .dashboard-card{height:100px;background:#fff;border:1px solid hsla(0,0%,63.5%,.2);box-shadow:0 5px 10px 2px hsla(0,0%,63.5%,.2);border-radius:5px;position:relative;padding:15px}.dashboard .dashboard-stats .dashboard-card .title{font-size:14px;color:#3a3a3a;text-transform:uppercase}.dashboard .dashboard-stats .dashboard-card .data{padding-top:13px;font-size:32px;color:#0041ff}.dashboard .dashboard-stats .dashboard-card .data .progress{font-size:14px;color:#8e8e8e;float:right;margin-top:-2px}.dashboard .dashboard-stats .dashboard-card .data .progress .icon{vertical-align:middle}.dashboard .graph-stats{margin-top:30px;width:100%;display:inline-block}.dashboard .graph-stats .left-card-container{float:left;width:75%;padding-right:9px}.dashboard .graph-stats .right-card-container{float:left;width:25%;padding-left:21px}.dashboard .sale-stock{width:100%;display:inline-block;display:grid;grid-template-columns:repeat(auto-fill,minmax(435px,1fr));grid-auto-rows:auto;grid-column-gap:30px;grid-row-gap:15px;margin-top:30px}#calender-destop{display:block}#calender-mobile{position:relative;display:none}#calender-mobile span{background-image:url(../images/Icon-Calendar.svg);width:24px;height:24px;vertical-align:middle;cursor:pointer;position:absolute;top:0;right:4px}#date-start{margin-top:40px}#date-end,#date-start,#date-submit{display:block;width:337px}#date-submit{margin-top:15px}.rtl .dashboard .page-header .control-group.date:after{margin-top:-13px!important;right:100%}@media only screen and (max-width:770px){.dashboard .card{padding:10px 0 0 15px;overflow:auto;margin-bottom:20px}.dashboard .sale-stock{display:block;margin-top:30px;margin-bottom:10px}.dashboard .graph-stats .left-card-container{float:left;width:100%;padding-right:0;margin-bottom:10px}.dashboard .graph-stats .right-card-container{float:left;width:100%;padding-left:0}#calender-mobile{display:block}#calender-destop{display:none}}.configuration-image{position:relative;height:33px;width:33px;top:15px;border-radius:3px;margin-right:5px}.download{position:relative;height:24px!important;width:24px!important;top:12px;margin-right:10px}.aside-nav-toggle{height:48px;width:100%;padding-top:15px;border-top:1px solid hsla(0,0%,63.5%,.2)}.aside-nav-toggle .close-icon,.aside-nav-toggle .open-icon{position:absolute;cursor:pointer;left:45%}.aside-nav-toggle.open{display:none}.linked-product-search-result{box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 0 9px 0 rgba(0,0,0,.16);z-index:10;text-align:left;border-radius:3px;background-color:#fff;width:70%;max-height:200px;overflow-y:auto}.linked-product-search-result li{padding:10px;border-bottom:1px solid #e8e8e8;cursor:pointer}.cart-rule-conditions,.catalog-rule-conditions{display:flex;-moz-column-gap:10px;column-gap:10px}.cart-rule-conditions .attribute,.cart-rule-conditions .operator,.cart-rule-conditions .value,.catalog-rule-conditions .attribute,.catalog-rule-conditions .operator,.catalog-rule-conditions .value{width:25%;padding-left:0}.cart-rule-conditions .attribute .control-group .control,.cart-rule-conditions .operator .control-group .control,.cart-rule-conditions .value .control-group .control,.catalog-rule-conditions .attribute .control-group .control,.catalog-rule-conditions .operator .control-group .control,.catalog-rule-conditions .value .control-group .control{width:100%!important}.cart-rule-conditions .attribute .date:after,.cart-rule-conditions .operator .date:after,.cart-rule-conditions .value .date:after,.catalog-rule-conditions .attribute .date:after,.catalog-rule-conditions .operator .date:after,.catalog-rule-conditions .value .date:after{top:30%!important}.cart-rule-conditions .attribute .cross-icon,.cart-rule-conditions .operator .cross-icon,.cart-rule-conditions .value .cross-icon,.catalog-rule-conditions .attribute .cross-icon,.catalog-rule-conditions .operator .cross-icon,.catalog-rule-conditions .value .cross-icon{top:35%!important}.cart-rule-conditions .actions,.catalog-rule-conditions .actions{width:44px}.cart-rule-conditions .actions .icon,.catalog-rule-conditions .actions .icon{margin-top:15px}@media only screen and (max-width:770px){.cart-rule-conditions,.catalog-rule-conditions{display:block;border:1px solid #e8e8e8;padding:10px}.cart-rule-conditions .attribute,.cart-rule-conditions .operator,.cart-rule-conditions .value,.catalog-rule-conditions .attribute,.catalog-rule-conditions .operator,.catalog-rule-conditions .value{width:100%;padding-left:0}.cart-rule-conditions .attribute .control-group .control,.cart-rule-conditions .operator .control-group .control,.cart-rule-conditions .value .control-group .control,.catalog-rule-conditions .attribute .control-group .control,.catalog-rule-conditions .operator .control-group .control,.catalog-rule-conditions .value .control-group .control{width:100%!important;margin-top:0!important;margin-bottom:0!important}.cart-rule-conditions .attribute .date:after,.cart-rule-conditions .operator .date:after,.cart-rule-conditions .value .date:after,.catalog-rule-conditions .attribute .date:after,.catalog-rule-conditions .operator .date:after,.catalog-rule-conditions .value .date:after{top:18%!important}.cart-rule-conditions .attribute .cross-icon,.cart-rule-conditions .operator .cross-icon,.cart-rule-conditions .value .cross-icon,.catalog-rule-conditions .attribute .cross-icon,.catalog-rule-conditions .operator .cross-icon,.catalog-rule-conditions .value .cross-icon{top:20%!important}.cart-rule-conditions .actions,.catalog-rule-conditions .actions{width:44px}.cart-rule-conditions .actions .icon,.catalog-rule-conditions .actions .icon{margin:0}}.sale-container .sale{display:flex;-moz-column-gap:20px;column-gap:20px}.sale-container .sale .sale-section{font-size:16px;width:50%}.sale-container .sale .sale-section .secton-title{font-size:18px;color:#8e8e8e;padding:15px 0;border-bottom:1px solid hsla(0,0%,63.5%,.2)}.sale-container .sale .sale-section .section-content{display:block;padding:20px 0}.sale-container .sale .sale-section .section-content .row{display:block;padding:7px 0}.sale-container .sale .sale-section .section-content .row .title{width:200px;color:#3a3a3a;letter-spacing:-.26px;display:inline-block}.sale-container .sale .sale-section .section-content .row .value{color:#3a3a3a;letter-spacing:-.26px;display:inline-block}.sale-container .table .qty-row{display:block;margin-bottom:5px}.sale-container .table .qty-row:last-child{margin-bottom:0}.sale-container .table .radio{margin:0}.sale-container .summary-comment-container .comment-container{margin-top:20px;float:left}.sale-container .summary-comment-container .comment-container .comment-list{margin-top:40px}.sale-container .summary-comment-container .comment-container .comment-list li{margin-bottom:20px}.sale-container .summary-comment-container .comment-container .comment-list li:last-child{margin-bottom:0}.sale-container .summary-comment-container .comment-container .comment-list li p{margin:5px 0 0;color:#8e8e8e}.sale-container .sale-summary{margin-top:20px;height:130px;float:right}.sale-container .sale-summary tr td{padding:5px 8px;vertical-align:text-bottom}.sale-container .sale-summary tr.bold{font-weight:600;font-size:15px}.sale-container .sale-summary tr.border td{border-bottom:1px solid hsla(0,0%,63.5%,.2)}.stars{margin-top:5px}.stars .icon{width:16px;height:16px}.export-import{cursor:pointer}.export-import .export-icon,.export-import .import-icon{position:relative;top:10px}.export-import span{margin-left:2px}@media only screen and (max-width:768px){.sale-container .sale{display:block}.sale-container .sale .sale-section,.sale-container .summary-comment-container .comment-container,.sale-container .summary-comment-container .comment-container form .control-group{width:100%}}.rtl{direction:rtl}.rtl .form-container{text-align:right!important}.rtl .navbar-top .navbar-top-right{text-align:left}.rtl .navbar-top .navbar-top-right .profile-info{margin:0 30px 0 25px}.rtl .navbar-top .navbar-top-right .profile-info i.icon{margin-left:0;margin-right:10px}.rtl .navbar-left{border-left:1px solid hsla(0,0%,63.5%,.2);border-right:none;background-color:#fff}.rtl .content-container{padding-right:90px;padding-left:0}.rtl .content-container .content .page-header .page-title{float:right}.rtl .content-container .content .page-header .page-action{float:left}.rtl .content-container .content .page-header .page-action a{margin-left:0}.rtl .content-container .content .page-header .control-group{margin-right:20px;margin-left:0}.rtl .content-container .content-wrapper{padding:25px;margin-right:280px;margin-left:0}.rtl .content-container .aside-nav .active i{float:left;transform:rotate(180deg)}.rtl .content-container .aside-nav:not(.active)+.content-wrapper{margin-right:0}.rtl .dashboard .dashboard-stats .dashboard-card .data span{float:left}.rtl .dashboard .card{padding:20px 20px 0 0}.rtl .dashboard .card .card-info ul li .image{float:right;margin-right:0;margin-left:15px}.rtl .dashboard .card .card-info ul li .icon.angle-right-icon{left:30px;right:auto;transform:rotate(180deg)}.rtl .dashboard .graph-stats .left-card-container{float:right;padding-right:0}.rtl .dashboard .graph-stats .right-card-container{float:right;padding-left:0;padding-right:30px}.rtl .sale-container .sale-summary{float:left}.rtl .grid-container .table tbody td.action a:first-child{margin-left:10px;margin-right:0}.rtl .table table{text-align:right}.rtl .table table .massaction-remove{margin-right:5px!important;margin-left:10px}.rtl .table table .btn.btn-primary{margin-right:10px!important}.rtl .dropdown-list.bottom-right{left:0;right:auto!important}.rtl .dropdown-list .dropdown-container{text-align:right}.rtl .accordian .accordian-header .icon{float:left}.rtl .tree-container .tree-item{padding-right:30px}.rtl .tree-container .tree-item .expand-icon,.rtl .tree-container .tree-item .folder-icon{margin-left:10px;margin-right:0}.rtl .tree-container>.tree-item{padding-right:0}.rtl .radio .radio-view{margin-left:5px}.rtl .image-wrapper .image-item{margin-right:0;margin-left:20px}.rtl .image-wrapper .image-item .remove-image{margin-right:0}.rtl .control-group label.required:before{content:"*";color:#fc6868;font-weight:700}.rtl .control-group label.required:after{content:none}.rtl .control-group label .locale{float:left}.rtl .multiselect{text-align:unset}.rtl .accordian-left-icon,.rtl .accordian-right-icon,.rtl .pagination .page-item .icon{transform:rotate(180deg)}.accordian-header{background-color:#fbfbfb}.btn.btn-primary{background:#0041ff}.btn.btn-danger{background:red}.fixed-action{top:108px}.fixed-action,.fixed-action-slight{position:fixed;right:32px;z-index:20}.fixed-action-slight{top:94px}.pagination{margin-top:30px}.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange.nextMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover{background:#0041ff!important;box-shadow:none;color:#fff;border-color:#0041ff!important}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.do-not-cross-arrow{width:85%}.linked-product-filter-tag{text-transform:capitalize;margin-top:10px;margin-right:0;justify-content:flex-start;height:100%}.linked-product-wrapper{margin-left:0!important;margin-right:10px!important;height:100%!important}.do-not-cross-linked-product-arrow{width:95%} \ No newline at end of file +@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500);.dark-mode{background-color:#04101b}.dark-mode,.dark-mode .read-all{color:hsla(0,0%,100%,.8)}.dark-mode .navbar-top{background-color:#051e37}.dark-mode .navbar-top .navbar-top-left{background-color:#071e37;border-bottom:1px solid hsla(0,0%,63.5%,.2)}.dark-mode .navbar-top .profile-info .app-version{padding:10px 20px 0;margin-bottom:-10px;display:block;cursor:default;color:#a2a2a2}.dark-mode .navbar-top .profile-info .name{color:hsla(0,0%,100%,.8)!important}.dark-mode .navbar-top .profile-info .dropdown-list{right:0;bottom:inherit!important;border:1px solid #24384c}.dark-mode .navbar-left{background-color:#051e37;border-right:1px solid #051e37}.dark-mode .navbar-left ul.menubar li.menu-item>a{padding:5px 2px;display:block;color:#000;width:100%}.dark-mode .navbar-left ul.menubar li.menu-item>a .icon{display:inline-block;vertical-align:middle;transform:scale(.7)}.dark-mode .navbar-left ul.menubar li.menu-item>a .menu-label{display:none;color:#b0bec5}.dark-mode .navbar-left ul.menubar li.menu-item>a .arrow-icon{display:none}.dark-mode .navbar-left ul.menubar li.menu-item>a.active,.dark-mode .navbar-left ul.menubar li.menu-item>a:hover{padding:5px 2px;background-color:rgba(1,10,20,.5)}.dark-mode .navbar-left ul.menubar li.menu-item.active>a{background-color:rgba(1,10,20,.5)}.dark-mode .navbar-left ul.menubar li.menu-item:hover ul.sub-menubar{background:#020f1c;box-shadow:none;border:1px solid #24384c}.dark-mode .navbar-left ul.menubar li.menu-item:hover ul.sub-menubar .sub-menu-item .menu-label{color:#fff!important}.dark-mode .navbar-left ul.menubar li.menu-item:hover ul.sub-menubar .sub-menu-item.active,.dark-mode .navbar-left ul.menubar li.menu-item:hover ul.sub-menubar .sub-menu-item:hover{background-color:#020f1c}.dark-mode .navbar-left ul.menubar li.menu-item:hover ul.sub-menubar .sub-menu-item.active .menu-label,.dark-mode .navbar-left ul.menubar li.menu-item:hover ul.sub-menubar .sub-menu-item:hover .menu-label{color:#fff!important}.dark-mode .navbar-left.open ul.menubar li.menu-item a .menu-label{font-size:14px;font-weight:200;display:inline-block;color:#b0bec5}.dark-mode .navbar-left.open ul.menubar li.menu-item a .arrow-icon{display:inline-block}.dark-mode .navbar-left.open ul.menubar li.menu-item ul.sub-menubar{display:none;position:unset;background-color:transparent;border-radius:0;box-shadow:unset;border:0}.dark-mode .navbar-left.open ul.menubar li.menu-item ul.sub-menubar li.sub-menu-item a{padding-left:52px}.dark-mode .navbar-left.open ul.menubar li.menu-item.active{background:#051e37;width:100%}.dark-mode .navbar-left.open ul.menubar li.menu-item.active .menu-label{color:#fff}.dark-mode .navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar{display:block;background-color:#020f1c;border:none!important}.dark-mode .navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item .menu-label{color:#b0bec5}.dark-mode .navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item.active,.dark-mode .navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item:hover{background-color:rgba(1,10,20,.5)}.dark-mode .navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item.active .menu-label,.dark-mode .navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item:hover .menu-label{color:#fff!important}.dark-mode .navbar-left.open ul.menubar li.menu-item:hover{background:#051e37}.dark-mode .navbar-left.open ul.menubar li.menu-item:hover .menu-label{color:#fff}.dark-mode .navbar-left .menubar-bottom{background-color:#051e37}.dark-mode .nav-container .nav-top{background:#051e37}.dark-mode .nav-container .nav-top .pro-info .profile-info-desc{display:inline-block;margin-left:40px}.dark-mode .nav-container .nav-top .pro-info .profile-info-desc .name,.dark-mode .nav-container .nav-top .pro-info .profile-info-desc .role{color:#fff}.dark-mode .nav-container .nav-items{background:#051e37}.dark-mode .nav-container .nav-items .nav-item a{color:#fff;display:block;padding:5px}.dark-mode .nav-container .nav-items .nav-item ul .navbar-child.active,.dark-mode .nav-container .nav-items .nav-item ul .navbar-child:hover{background-color:rgba(1,10,20,.5)}.dark-mode .nav-container .nav-items .nav-item.active{background-color:#020f1c}.dark-mode .nav-container .nav-items .nav-item.active>a,.dark-mode .nav-container .nav-items .nav-item:hover>a{background-color:rgba(1,10,20,.5)}.dark-mode .content-container .content .page-header,.dark-mode .content-container .inner-section .content-wrapper .page-header{background-color:#04101b;border-bottom:1px solid #24384c}.dark-mode .table{background-color:#04101b}.dark-mode .table table thead th{background-color:rgba(7,30,55,.2)!important;color:hsla(0,0%,100%,.8)}.dark-mode .table table tbody td{color:hsla(0,0%,100%,.8);border-bottom:1px solid hsla(0,0%,63.5%,.2)}.dark-mode .modal-container{background:#04101b}.dark-mode .modal-container .modal-header h3{display:inline-block;font-size:20px;color:hsla(0,0%,100%,.8);margin:0}.dark-mode .accordian .accordian-header,.dark-mode .accordian div[slot*=header],.dark-mode accordian .accordian-header,.dark-mode accordian div[slot*=header]{color:#3a3a3a;border-top:1px solid hsla(0,0%,63.5%,.2);border-bottom:1px solid hsla(0,0%,63.5%,.2)}@media only screen and (max-width:1300px){.dark-mode .table table tbody tr td{background-color:#04101b}}.dark-mode .grid-dropdown-header{background-color:#000;border:1px solid #24384c}.dark-mode .dropdown-list{background-color:#000}.dark-mode .dropdown-list .dropdown-container{background-color:#02080d;color:hsla(0,0%,100%,.8)}.dark-mode .dropdown-list .dropdown-container label,.dark-mode .dropdown-list .dropdown-container ul li a{color:hsla(0,0%,100%,.8)}.dark-mode .dropdown-list .dropdown-container ul li a:hover{color:#fff}.dark-mode .notification{background-color:#000}.dark-mode .notification .dropdown-container{color:hsla(0,0%,100%,.8);border:1px solid #232d36}.dark-mode .notification .dropdown-container label{color:hsla(0,0%,100%,.8)}.dark-mode .notification .dropdown-container ul .read{background-color:#02080d;border-bottom:1px solid #24384c;color:hsla(0,0%,100%,.5)}.dark-mode .notification .dropdown-container ul .read .notif-content>a{text-decoration:none;color:hsla(0,0%,100%,.5)}.dark-mode .notification .dropdown-container ul .read .notif-content>a:hover{color:hsla(0,0%,100%,.5)}.dark-mode .notification .dropdown-container ul li{background-color:#02080d;border-bottom:1px solid #24384c;color:#fff}.dark-mode .notification .dropdown-container ul li .notif-content>a{text-decoration:none;color:#fff}.dark-mode .notification .dropdown-container ul li .notif-content>a:hover{color:#fff}.dark-mode .notification .dropdown-container ul .bottom-li a{display:initial;color:hsla(0,0%,100%,.8)!important}.dark-mode .control-container .control{background:#000}.dark-mode select.control{border:1px solid #24384c}.dark-mode .search-filter .control{background-color:#02080d;color:hsla(0,0%,100%,.8);border:1px solid #24384c}.dark-mode .search-filter .icon-wrapper{border:1px solid #24384c}.dark-mode .control-group label,.dark-mode h1{color:hsla(0,0%,100%,.8)}.dark-mode .control-group .control{border:1px solid #24384c}.dark-mode .grid-container .grid-top .datagrid-filters .dropdown-filters.per-page .control-group label{color:hsla(0,0%,100%,.8)}.dark-mode .tabs ul{border-bottom:1px solid #24384c}.dark-mode .tabs ul li a{color:hsla(0,0%,100%,.8)}.dark-mode .accordian .accordian-header,.dark-mode .accordian div[slot*=header],.dark-mode accordian .accordian-header,.dark-mode accordian div[slot*=header]{background-color:#02080d;color:hsla(0,0%,100%,.5)}.dark-mode .accordian .accordian-content,.dark-mode .accordian div[slot*=body],.dark-mode accordian .accordian-content,.dark-mode accordian div[slot*=body]{background-color:#000;border-bottom:1px solid #24384c}.dark-mode .accordian.active>.accordian-content,.dark-mode accordian.active>.accordian-content{background-color:#02080d}.dark-mode .accordian.active>.accordian-header,.dark-mode accordian.active>.accordian-header{background-color:#000}.dark-mode .sale-container .sale .sale-section .secton-title{color:hsla(0,0%,100%,.8);border-bottom:1px solid #24384c}.dark-mode .control-group .label,.dark-mode .sale-container .sale .sale-section .section-content .row .title,.dark-mode .sale-container .sale .sale-section .section-content .row .value,.dark-mode .sale-container .summary-comment-container .comment-container .comment-list li p{color:hsla(0,0%,100%,.8)}.dark-mode .control-group .control{background-color:#02080d;color:hsla(0,0%,100%,.8)}.dark-mode .dashboard .card{background:#071e37;box-shadow:0 5px 10px 2px rgba(0,0,0,.8)}.dark-mode .dashboard .card .card-title{color:hsla(0,0%,100%,.8)}.dark-mode .dashboard .card .card-info ul li .description{margin-top:10px}.dark-mode .dashboard .card .card-info ul li .description .name{color:hsla(0,0%,100%,.8)}.dark-mode .dashboard .card .card-info ul li .description .info{color:hsla(0,0%,100%,.8);margin-top:5px}.dark-mode .dashboard .card .card-info .no-result-found p{color:hsla(0,0%,100%,.8)}.dark-mode .dashboard .dashboard-stats .dashboard-card{background:#071e37;box-shadow:0 5px 10px 2px rgba(0,0,0,.8)}.dark-mode .dashboard .dashboard-stats .dashboard-card .title{color:hsla(0,0%,100%,.8)}.dark-mode .dashboard .dashboard-stats .dashboard-card .data{color:#fff}.dark-mode .dashboard .dashboard-stats .dashboard-card .data .progress{color:hsla(0,0%,100%,.8)}.dark-mode .pagination .page-item{background:#000;border:0 solid;color:#fff}.dark-mode .pagination .page-item.active{background-color:rgba(40,69,100,.2)!important;color:#fff;border-color:rgba(2,57,83,.2)!important}.dark-mode .filter-tag .wrapper{background:#02080d;border:1px solid #02080d;color:hsla(0,0%,100%,.8)}.dark-mode .notif{background-color:#02080d}.dark-mode .notif .read{background-color:#212121!important;color:hsla(0,0%,100%,.5)}.dark-mode .notif .read .notif-content>a{text-decoration:none;color:hsla(0,0%,100%,.5)}.dark-mode .notif li{border:1px solid #24384c;color:#fff}.dark-mode .notif li .notif-content>a{text-decoration:none;color:#fff}.dark-mode #notif-title{height:50px;padding:14px 10px;border-bottom:1px solid #232d36;cursor:default}.dark-mode .flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;box-sizing:border-box;touch-action:manipulation;background-color:#02080d;box-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000,0 3px 13px rgba(0,0,0,.08)}.dark-mode .flatpickr-months .flatpickr-month,.dark-mode .flatpickr-weekdays .flatpickr-weekdaycontainer,.dark-mode span.flatpickr-weekday{color:#fff}.dark-mode .flatpickr-day.flatpickr-disabled,.dark-mode .flatpickr-day.flatpickr-disabled:hover,.dark-mode .flatpickr-day.nextMonthDay,.dark-mode .flatpickr-day.notAllowed,.dark-mode .flatpickr-day.notAllowed.nextMonthDay,.dark-mode .flatpickr-day.notAllowed.prevMonthDay,.dark-mode .flatpickr-day.prevMonthDay{color:hsla(0,0%,100%,.8);background:transparent;border-color:transparent;cursor:default}.dark-mode .flatpickr-day,.dark-mode .flatpickr-weekwrapper span.flatpickr-day,.dark-mode .flatpickr-weekwrapper span.flatpickr-day:hover{color:#fff}.dark-mode .flatpickr-months .flatpickr-next-month,.dark-mode .flatpickr-months .flatpickr-prev-month{color:#fff;fill:#fff}.dark-mode .flatpickr-day.endRange,.dark-mode .flatpickr-day.endRange.inRange,.dark-mode .flatpickr-day.endRange.nextMonthDay,.dark-mode .flatpickr-day.endRange.prevMonthDay,.dark-mode .flatpickr-day.endRange:focus,.dark-mode .flatpickr-day.endRange:hover,.dark-mode .flatpickr-day.selected,.dark-mode .flatpickr-day.selected.inRange,.dark-mode .flatpickr-day.selected.nextMonthDay,.dark-mode .flatpickr-day.selected.prevMonthDay,.dark-mode .flatpickr-day.selected:focus,.dark-mode .flatpickr-day.selected:hover,.dark-mode .flatpickr-day.startRange,.dark-mode .flatpickr-day.startRange.inRange,.dark-mode .flatpickr-day.startRange.nextMonthDay,.dark-mode .flatpickr-day.startRange.prevMonthDay,.dark-mode .flatpickr-day.startRange:focus,.dark-mode .flatpickr-day.startRange:hover{background:#051e37!important;color:#fff;border-color:#051e37!important}.dark-mode .flatpickr-day.inRange,.dark-mode .flatpickr-day.nextMonthDay.inRange,.dark-mode .flatpickr-day.nextMonthDay.today.inRange,.dark-mode .flatpickr-day.nextMonthDay:focus,.dark-mode .flatpickr-day.nextMonthDay:hover,.dark-mode .flatpickr-day.prevMonthDay.inRange,.dark-mode .flatpickr-day.prevMonthDay.today.inRange,.dark-mode .flatpickr-day.prevMonthDay:focus,.dark-mode .flatpickr-day.prevMonthDay:hover,.dark-mode .flatpickr-day.today.inRange,.dark-mode .flatpickr-day:focus,.dark-mode .flatpickr-day:hover{cursor:pointer;outline:0;background:#24384c!important;border-color:#24384c!important}.dark-mode .control-group .slider{top:-2px!important;right:-2px!important;background-color:#000!important;border:1px solid #24384c!important}.dark-mode .control-group input:checked+.slider{background-color:#000!important}.dark-mode .badge.badge-warning{background-color:#dbb709}body{margin:0;color:#3a3a3a;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;height:100%;width:100%;background-color:#fff}.dark-mode-button{background:#0041ff;border:none;padding:10px 30px;width:95%;margin-left:3%;border-radius:5px;color:#fff;font-size:16px;margin-bottom:10px}.navbar-top{background-color:#fff;font-size:0;border-bottom:1px solid hsla(0,0%,63.5%,.2);position:fixed;left:0;top:0;right:0;z-index:8}.navbar-top,.navbar-top .navbar-top-left{display:flex;justify-content:space-between;height:60px}.navbar-top .navbar-top-left{align-items:center}.navbar-top .navbar-top-left .hamburger{display:block;width:48px;height:48px}.navbar-top .navbar-top-left .hamburger:before{content:"";width:24px;height:24px;background-color:#639;background-image:url(../assets/image/Icon-Sortable.svg);display:block}.navbar-top .navbar-top-left .brand-logo{margin-left:8px}.navbar-top .navbar-top-right{height:60px;text-align:right;display:inline-block;vertical-align:middle}.navbar-top .navbar-top-right .profile-info{display:inline-block;vertical-align:middle;text-align:left;min-width:50px;padding:11px 16px;font-size:15px;cursor:pointer;position:relative;border-left:1px solid hsla(0,0%,63.5%,.2)}.navbar-top .navbar-top-right .profile-info .app-version{padding:10px 20px 0;margin-bottom:-10px;display:block;cursor:default;color:#a2a2a2}.navbar-top .navbar-top-right .profile-info .profile-info-div{display:flex}.navbar-top .navbar-top-right .profile-info .profile-info-div .profile-info-icon{height:31px;width:30px;background:#3c41ff;padding:6px;text-align:center;font-size:17px;font-weight:600;color:#fff;border-radius:50%;margin-right:6px;margin-top:3px}.navbar-top .navbar-top-right .profile-info .dropdown-list{top:63px;right:0;bottom:inherit!important}.navbar-top .navbar-top-right .profile-info .name{color:#000311;display:block;text-align:left}.navbar-top .navbar-top-right .profile-info .role{font-size:12px;color:#8e8e8e;display:block;text-align:left}.navbar-top .navbar-top-right .notifications{display:inline-block;vertical-align:middle;text-align:left;min-width:50px;padding:11px 16px;font-size:15px;cursor:pointer;position:relative;border-left:1px solid hsla(0,0%,63.5%,.2)}.navbar-top .navbar-top-right .notifications .dropdown-list{top:63px;right:0;bottom:inherit!important}.navbar-top .navbar-top-right .notifications .name{color:#000311;display:block;text-align:left}.navbar-top .navbar-top-right .notifications .role{font-size:12px;color:#8e8e8e;display:block;text-align:left}.navbar-top .navbar-top-right .notifications i.icon{margin-left:10px}.navbar-top .navbar-top-right .store{display:inline-block;vertical-align:middle;text-align:left;min-width:50px;padding:15px 16px;font-size:15px;cursor:pointer;position:relative;border-left:1px solid hsla(0,0%,63.5%,.2)}.navbar-left{left:0;bottom:0;top:60px;z-index:6;width:56px;height:100vh!important;position:fixed;background-color:#fff;border-right:1px solid #ececec}.navbar-left ul.menubar li.menu-item{position:relative;overflow:hidden}.navbar-left ul.menubar li.menu-item>a{color:#000;width:100%}.navbar-left ul.menubar li.menu-item>a .icon{display:inline-block;vertical-align:middle;transform:scale(.7)}.navbar-left ul.menubar li.menu-item>a .menu-label{display:none;color:#b0bec5}.navbar-left ul.menubar li.menu-item>a .arrow-icon{display:none}.navbar-left ul.menubar li.menu-item span{display:block;margin:auto}.navbar-left ul.menubar li.menu-item ul.sub-menubar{display:none;min-width:200px;position:absolute;top:0;left:56px;background-color:#fff;box-shadow:2px 1px 3px #cdcecf;border:1px solid #eee;border-left:0;border-radius:0 3px 3px 0}.navbar-left ul.menubar li.menu-item ul.sub-menubar li.sub-menu-item a{display:block;padding:8px 12px;color:#000;font-size:12px}.navbar-left ul.menubar li.menu-item:hover{overflow:visible;background:#f8f8f8}.navbar-left ul.menubar li.menu-item:hover ul.sub-menubar{display:block}.navbar-left ul.menubar li.menu-item:hover ul.sub-menubar .sub-menu-item .menu-label{color:#000}.navbar-left ul.menubar li.menu-item:hover ul.sub-menubar .sub-menu-item.active{background-color:#e6e6e6}.navbar-left ul.menubar li.menu-item:hover ul.sub-menubar .sub-menu-item.active .menu-label,.navbar-left ul.menubar li.menu-item:hover ul.sub-menubar .sub-menu-item:hover .menu-label{color:#0041ff}.navbar-left .menubar-bottom{padding:12px;cursor:pointer;position:fixed;bottom:0;background-color:#fff;width:56px}.navbar-left.open{width:200px}.navbar-left.open ul.menubar{overflow-y:auto;height:86%}.navbar-left.open ul.menubar::-webkit-scrollbar{width:0!important}.navbar-left.open ul.menubar li.menu-item a .menu-label{font-weight:200;display:inline-block;color:#000}.navbar-left.open ul.menubar li.menu-item a .arrow-icon{display:inline-block}.navbar-left.open ul.menubar li.menu-item ul.sub-menubar{display:none;position:unset;background-color:transparent;border-radius:0;box-shadow:unset;border:0}.navbar-left.open ul.menubar li.menu-item ul.sub-menubar li.sub-menu-item a{padding-left:56px;font-size:14px}.navbar-left.open ul.menubar li.menu-item.active{background:#fff;width:100%}.navbar-left.open ul.menubar li.menu-item.active .menu-label{color:#000}.navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar{display:block;background-color:#f8f8f8;border:none!important}.navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item .menu-label{color:#000}.navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item.active,.navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item:hover{background-color:#eee}.navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item.active .menu-label,.navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item:hover .menu-label{color:#000!important}.navbar-left.open ul.menubar li.menu-item:hover .menu-label{color:#000}.navbar-left.open .menubar-bottom{width:200px}.control-container{display:flex;flex-direction:row;align-items:flex-start;width:750px}.control-container .control{background:#fff;border:1px solid #c7c7c7;border-radius:3px;width:150px;height:36px;display:inline-block;vertical-align:middle;transition:.2s cubic-bezier(.4,0,.2,1);padding:0 10px;font-size:15px}.control-container .control:focus{border-color:#0041ff}.control-container .icon:hover{cursor:pointer}.control-container .control-group::last-child{margin-right:0}.boolean-control-container{display:flex;flex-direction:row;justify-content:flex-start;width:750px}.boolean-control-container .control-group{width:200px}.control-group label{width:auto}.control-group label .locale{float:right;color:#8e8e8e}.control-group .mce-tinymce{margin-top:10px;margin-bottom:5px}.ticket-list .control-group.date:after{left:unset;right:10px;top:34px}.ticket-list .control-group.has-error.date:after{top:47px}.variant-image .image-item{height:100px!important;width:100px!important;background-size:100px 100px!important}.variant-image .trash-icon{position:absolute;cursor:pointer;margin-top:25%}.btn.add-image{display:inline-block;width:auto}.rtl .ticket-list .control-group.has-error.date:after{top:47px;right:100%!important}.content-container{padding-left:56px;height:calc(100% - 60px);width:100%;margin-top:60px}.content-container .inner-section{height:100%}.content-container .content-wrapper{margin-top:1px}.content-container .content .page-header{display:inline-block;width:100%;padding:16px 10px 15px 16px;position:-webkit-sticky;position:sticky;top:60px;z-index:3;background-color:#fff;box-shadow:0 3px 6px 0 rgba(0,0,0,.05)}.content-container .content .page-header .page-title{float:left}.content-container .content .page-header .page-title .back-link{float:left;margin-right:10px;width:24px;height:24px;cursor:pointer;margin-top:5px}.content-container .content .page-header .page-title h1{margin-bottom:0;vertical-align:middle;display:inline-block;line-height:normal}.content-container .content .page-header .page-action{float:right;margin-top:-5px}.content-container .content .page-header .page-action *{display:inline-block}.content-container .content .page-header .page-action a{margin-left:10px}.content-container .content .page-header .control-group{width:180px;display:inline-block;margin-bottom:0;margin-left:20px}.content-container .content .page-header .control{width:100%;margin:0}.content-container .content .page-content{width:100%;display:inline-block;padding:8px 16px}.notif{background-color:#fff}.notif li{padding:10px;border-bottom:1px solid #ddd;position:relative}.notif li .notif-icon{position:absolute;height:40px;width:40px;left:12px;border-radius:5px}.notif li .notif-icon span{position:absolute;background-repeat:no-repeat;background-size:cover;top:5px;left:5px}.notif li .notif-content>a{text-decoration:none;color:#3a3a3a}.notif li .pending{background-color:#f2c94c}.notif li .processing{background-color:#399cdb}.notif li .canceled{background-color:red}.notif li .closed{background-color:#eb5757}.notif li .completed{background-color:#42c067}.notif li .notif-content{margin-left:50px}.notif .read{color:rgba(58,58,58,.5)}.notif .read .notif-content>a{text-decoration:none;color:rgba(58,58,58,.5)}.notification-badge{position:absolute;right:13px;top:6px;background:red;color:#fff;width:20px;text-align:center;border-radius:10px;font-size:11px;font-weight:900}#search-icon{position:absolute;margin-top:6px;margin-left:151px}.notif-filter{margin-top:0!important}.read{background-color:#f6f6f6}.page-item.active .page-link{color:#fff!important}.switch-dark{width:75%}.read-all{color:#3a3a3a;background:none;border:none}#notif-title{height:50px;padding:14px 10px;border-bottom:1px solid #c7c7c7;cursor:default}@media only screen and (min-width:768px){.navbar-left{display:block}.navbar-top .navbar-top-right .profile .profile-info{display:inline-block}#search-icon{position:absolute;margin-top:6px;margin-left:151px}.notif-filter{margin-top:0!important}.switch-dark{width:75%}}@media only screen and (max-width:768px){h1{font-size:18px}.btn.btn-lg{padding:4px 6px}.navbar-top .navbar-top-left .hamburger{display:block}.navbar-top .navbar-top-right .profile .profile-info{display:none}.navbar-left{left:0;display:none}.content-container{padding-left:0;position:absolute;margin-top:60px;top:0;right:0;left:0;bottom:0;height:calc(100% - 60px);width:100%}.content-container .aside-nav{display:none}.content-container .content .page-header .control-group{width:100%!important;display:block;margin-bottom:0;margin-left:0;padding:0;margin-top:40px}.content-container .content .page-header .page-title{float:left;width:100%}.content-container .content .page-header .page-title .back-link{margin-top:0;margin-right:-1px;height:22px!important;width:22px!important}.content-container .content .page-header .page-action{position:absolute;right:10px;margin-top:0}.content-container .content .page-header .page-action .export-import{margin-top:-15px}.content-container .content .page-header .page-action *{display:inline-block}.content-container .content-wrapper{margin-left:0;margin-top:1px}#search-icon{position:absolute;margin-top:6px;right:16px}.notif-filter{margin-top:12px!important}.switch-dark{width:100%}}@media only screen and (max-width:411px){.content-container .content .page-header .control-group{width:100%!important;display:block;margin-bottom:0;margin-left:0;padding:0;margin-top:40px}}@media only screen and (max-width:385px){.content-container .content .page-header .control-group{width:100%!important;display:block;margin-bottom:0;margin-left:0;padding:0;margin-top:40px}}@media only screen and (max-width:320px){.content-container .content .page-header .control-group{width:100%!important;display:block;margin-bottom:0;margin-left:0;padding:0;margin-top:40px}}.nav-container{position:relative;display:none;max-width:31px-25px 10px;max-height:31px-25px 10px;overflow:visible;outline:none}.nav-container.is-active .nav-toggle:after,.nav-container.is-active .nav-toggle:before{box-shadow:none}.nav-container.is-active .nav-items,.nav-container.is-active .nav-top{transform:translate(0)}.nav-container.is-active .overlay{display:block}.nav-container .overlay{background-color:rgba(0,0,0,.8);position:fixed;top:0;left:0;height:100vh;width:100vh;display:none;z-index:1}.nav-container .nav-toggle{background-image:url(../images/hamburger.svg);background-repeat:no-repeat;background-size:cover;position:relative;top:8px;width:31px;height:31px;margin:-25px 10px;z-index:1}.nav-container .nav-toggle:hover{cursor:pointer}.nav-container .close{position:absolute;right:13px;top:15px;width:32px;height:32px}.nav-container .close:hover{opacity:1}.nav-container .close:before{transform:rotate(45deg)}.nav-container .close:after,.nav-container .close:before{position:absolute;left:15px;content:" ";height:28px;width:2px;background-color:#8184ab}.nav-container .close:after{transform:rotate(-45deg)}.nav-container .nav-top{position:fixed;top:0;left:0;min-width:300px;max-width:25vw;width:100vw;height:60px;z-index:1;padding:50px 0 0;transition:transform .3s ease;transform:translate(calc(-100% - 50px));background:#fff;display:grid;grid-template-columns:1fr;align-content:start;box-shadow:0 0 50px rgba(0,0,0,.3);text-decoration:none}.nav-container .nav-top .pro-info{width:100%;padding:15px;position:absolute}.nav-container .nav-top .pro-info .profile-info-icon{position:absolute;display:inline-block;background:#3c41ff;height:30px;width:30px;text-align:center;border-radius:50%}.nav-container .nav-top .pro-info .profile-info-icon>span{display:block;margin:6px;font-size:18px;color:#fff}.nav-container .nav-top .pro-info .profile-info-desc{display:inline-block;margin-left:40px}.nav-container .nav-top .pro-info .profile-info-desc .name{font-size:18px;color:#000}.nav-container .nav-top .pro-info .profile-info-desc .role{font-size:10px;color:#000}.nav-container .nav-items{position:fixed;top:60px;left:0;min-width:300px;max-width:25vw;width:100vw;height:92vh;z-index:1;padding-bottom:10px;transition:transform .3s ease;transform:translate(calc(-100% - 50px));background:#fff;display:grid;grid-template-columns:1fr;align-content:start;box-shadow:0 0 50px rgba(0,0,0,.3);overflow-y:scroll;text-decoration:none;transition:all .2s ease-in-out}.nav-container .nav-items::-webkit-scrollbar{display:none}.nav-container .nav-items .nav-item{transition:background-color .3s ease;font-size:16px;text-transform:capitalize;text-decoration:none}.nav-container .nav-items .nav-item a{color:#000;display:block;padding:5px}.nav-container .nav-items .nav-item ul{display:none}.nav-container .nav-items .nav-item ul .navbar-child{text-transform:capitalize;padding:15px}.nav-container .nav-items .nav-item ul .navbar-child.active,.nav-container .nav-items .nav-item ul .navbar-child:hover{background-color:#e6e6e6}.nav-container .nav-items .nav-item .display-block{display:block!important}.nav-container .nav-items .nav-item.active{background-color:#e6e6e6}.nav-container .nav-items .nav-item.active>a,.nav-container .nav-items .nav-item:hover>a{background-color:#ddd}@media only screen and (max-width:768px){.nav-container{display:inline-block}.destop-logo{display:none}.content-container{padding-left:0!important}}.dashboard .page-header{margin-bottom:0!important;padding-bottom:15px;border-bottom:1px solid hsla(0,0%,63.5%,.2)}.dashboard .page-header .control-group span{width:100%}.dashboard .page-header .control-group.date:after{margin-top:-13px;left:100%}.dashboard .page-content{margin-top:15px}.dashboard .card{height:445px;background-color:#fff;border:1px solid hsla(0,0%,63.5%,.2);box-shadow:0 5px 10px 2px hsla(0,0%,63.5%,.2);border-radius:.25rem;padding:20px 0 0 20px;overflow:auto}.dashboard .card .card-title{font-size:14px;color:#3a3a3a;letter-spacing:-.26px;text-transform:uppercase}.dashboard .card .card-info{width:100%;display:inline-block}.dashboard .card .card-info.center{text-align:center}.dashboard .card .card-info ul li{border-bottom:1px solid hsla(0,0%,63.5%,.2);width:100%;display:inline-block;padding:10px 0;position:relative}.dashboard .card .card-info ul li .image{height:60px;width:60px;float:left;margin-right:15px}.dashboard .card .card-info ul li .image.product{background:#f2f2f2}.dashboard .card .card-info ul li .image img{width:100%}.dashboard .card .card-info ul li .description{margin-top:10px}.dashboard .card .card-info ul li .description .name{color:#3a3a3a}.dashboard .card .card-info ul li .description .info{color:#3a3a3a;margin-top:5px}.dashboard .card .card-info ul li .icon.angle-right-icon{position:absolute;right:30px;top:50%;margin-top:-8px}.dashboard .card .card-info ul li:last-child{border-bottom:0}.dashboard .card .card-info .no-result-found{margin-top:146px}.dashboard .card .card-info .no-result-found p{margin:0;color:#3a3a3a}.dashboard .dashboard-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-auto-rows:auto;grid-column-gap:30px;grid-row-gap:15px}.dashboard .dashboard-stats .dashboard-card{height:100px;background:#fff;border:1px solid hsla(0,0%,63.5%,.2);box-shadow:0 5px 10px 2px hsla(0,0%,63.5%,.2);border-radius:5px;position:relative;padding:15px}.dashboard .dashboard-stats .dashboard-card .title{font-size:14px;color:#3a3a3a;text-transform:uppercase}.dashboard .dashboard-stats .dashboard-card .data{padding-top:13px;font-size:32px;color:#0041ff}.dashboard .dashboard-stats .dashboard-card .data .progress{font-size:14px;color:#8e8e8e;float:right;margin-top:-2px}.dashboard .dashboard-stats .dashboard-card .data .progress .icon{vertical-align:middle}.dashboard .graph-stats{margin-top:30px;width:100%;display:inline-block}.dashboard .graph-stats .left-card-container{float:left;width:75%;padding-right:9px}.dashboard .graph-stats .right-card-container{float:left;width:25%;padding-left:21px}.dashboard .sale-stock{width:100%;display:inline-block;display:grid;grid-template-columns:repeat(auto-fill,minmax(435px,1fr));grid-auto-rows:auto;grid-column-gap:30px;grid-row-gap:15px;margin-top:30px}#calender-destop{display:block}#calender-mobile{position:relative;display:none}#calender-mobile span{background-image:url(../images/Icon-Calendar.svg);width:24px;height:24px;vertical-align:middle;cursor:pointer;position:absolute;top:0;right:4px}#date-start{margin-top:40px}#date-end,#date-start,#date-submit{display:block;width:337px}#date-submit{margin-top:15px}.rtl .dashboard .page-header .control-group.date:after{margin-top:-13px!important;right:100%}@media only screen and (max-width:770px){.dashboard .card{padding:10px 0 0 15px;overflow:auto;margin-bottom:20px}.dashboard .sale-stock{display:block;margin-top:30px;margin-bottom:10px}.dashboard .graph-stats .left-card-container{float:left;width:100%;padding-right:0;margin-bottom:10px}.dashboard .graph-stats .right-card-container{float:left;width:100%;padding-left:0}#calender-mobile{display:block}#calender-destop{display:none}}.configuration-image{position:relative;height:33px;width:33px;top:15px;border-radius:3px;margin-right:5px}.download{position:relative;height:24px!important;width:24px!important;top:12px;margin-right:10px}.aside-nav-toggle{height:48px;width:100%;padding-top:15px;border-top:1px solid hsla(0,0%,63.5%,.2)}.aside-nav-toggle .close-icon,.aside-nav-toggle .open-icon{position:absolute;cursor:pointer;left:45%}.aside-nav-toggle.open{display:none}.linked-product-search-result{box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 0 9px 0 rgba(0,0,0,.16);z-index:10;text-align:left;border-radius:3px;background-color:#fff;width:70%;max-height:200px;overflow-y:auto}.linked-product-search-result li{padding:10px;border-bottom:1px solid #e8e8e8;cursor:pointer}.cart-rule-conditions,.catalog-rule-conditions{display:flex;-moz-column-gap:10px;column-gap:10px}.cart-rule-conditions .attribute,.cart-rule-conditions .operator,.cart-rule-conditions .value,.catalog-rule-conditions .attribute,.catalog-rule-conditions .operator,.catalog-rule-conditions .value{width:25%;padding-left:0}.cart-rule-conditions .attribute .control-group .control,.cart-rule-conditions .operator .control-group .control,.cart-rule-conditions .value .control-group .control,.catalog-rule-conditions .attribute .control-group .control,.catalog-rule-conditions .operator .control-group .control,.catalog-rule-conditions .value .control-group .control{width:100%!important}.cart-rule-conditions .attribute .date:after,.cart-rule-conditions .operator .date:after,.cart-rule-conditions .value .date:after,.catalog-rule-conditions .attribute .date:after,.catalog-rule-conditions .operator .date:after,.catalog-rule-conditions .value .date:after{top:30%!important}.cart-rule-conditions .attribute .cross-icon,.cart-rule-conditions .operator .cross-icon,.cart-rule-conditions .value .cross-icon,.catalog-rule-conditions .attribute .cross-icon,.catalog-rule-conditions .operator .cross-icon,.catalog-rule-conditions .value .cross-icon{top:35%!important}.cart-rule-conditions .actions,.catalog-rule-conditions .actions{width:44px}.cart-rule-conditions .actions .icon,.catalog-rule-conditions .actions .icon{margin-top:15px}@media only screen and (max-width:770px){.cart-rule-conditions,.catalog-rule-conditions{display:block;border:1px solid #e8e8e8;padding:10px}.cart-rule-conditions .attribute,.cart-rule-conditions .operator,.cart-rule-conditions .value,.catalog-rule-conditions .attribute,.catalog-rule-conditions .operator,.catalog-rule-conditions .value{width:100%;padding-left:0}.cart-rule-conditions .attribute .control-group .control,.cart-rule-conditions .operator .control-group .control,.cart-rule-conditions .value .control-group .control,.catalog-rule-conditions .attribute .control-group .control,.catalog-rule-conditions .operator .control-group .control,.catalog-rule-conditions .value .control-group .control{width:100%!important;margin-top:0!important;margin-bottom:0!important}.cart-rule-conditions .attribute .date:after,.cart-rule-conditions .operator .date:after,.cart-rule-conditions .value .date:after,.catalog-rule-conditions .attribute .date:after,.catalog-rule-conditions .operator .date:after,.catalog-rule-conditions .value .date:after{top:18%!important}.cart-rule-conditions .attribute .cross-icon,.cart-rule-conditions .operator .cross-icon,.cart-rule-conditions .value .cross-icon,.catalog-rule-conditions .attribute .cross-icon,.catalog-rule-conditions .operator .cross-icon,.catalog-rule-conditions .value .cross-icon{top:20%!important}.cart-rule-conditions .actions,.catalog-rule-conditions .actions{width:44px}.cart-rule-conditions .actions .icon,.catalog-rule-conditions .actions .icon{margin:0}}.sale-container .sale{display:flex;-moz-column-gap:20px;column-gap:20px}.sale-container .sale .sale-section{font-size:16px;width:50%}.sale-container .sale .sale-section .secton-title{font-size:18px;color:#8e8e8e;padding:15px 0;border-bottom:1px solid hsla(0,0%,63.5%,.2)}.sale-container .sale .sale-section .section-content{display:block;padding:20px 0}.sale-container .sale .sale-section .section-content .row{display:block;padding:7px 0}.sale-container .sale .sale-section .section-content .row .title{width:200px;color:#3a3a3a;letter-spacing:-.26px;display:inline-block}.sale-container .sale .sale-section .section-content .row .value{color:#3a3a3a;letter-spacing:-.26px;display:inline-block}.sale-container .table .qty-row{display:block;margin-bottom:5px}.sale-container .table .qty-row:last-child{margin-bottom:0}.sale-container .table .radio{margin:0}.sale-container .summary-comment-container .comment-container{margin-top:20px;float:left}.sale-container .summary-comment-container .comment-container .comment-list{margin-top:40px}.sale-container .summary-comment-container .comment-container .comment-list li{margin-bottom:20px}.sale-container .summary-comment-container .comment-container .comment-list li:last-child{margin-bottom:0}.sale-container .summary-comment-container .comment-container .comment-list li p{margin:5px 0 0;color:#8e8e8e}.sale-container .sale-summary{margin-top:20px;height:130px;float:right}.sale-container .sale-summary tr td{padding:5px 8px;vertical-align:text-bottom}.sale-container .sale-summary tr.bold{font-weight:600;font-size:15px}.sale-container .sale-summary tr.border td{border-bottom:1px solid hsla(0,0%,63.5%,.2)}.stars{margin-top:5px}.stars .icon{width:16px;height:16px}.export-import{cursor:pointer}.export-import .export-icon,.export-import .import-icon{position:relative;top:10px}.export-import span{margin-left:2px}@media only screen and (max-width:768px){.sale-container .sale{display:block}.sale-container .sale .sale-section,.sale-container .summary-comment-container .comment-container,.sale-container .summary-comment-container .comment-container form .control-group{width:100%}}.rtl{direction:rtl}.rtl .form-container{text-align:right!important}.rtl .navbar-top .navbar-top-right{text-align:left}.rtl .navbar-top .navbar-top-right .profile-info{margin:0 30px 0 25px}.rtl .navbar-top .navbar-top-right .profile-info i.icon{margin-left:0;margin-right:10px}.rtl .navbar-left{border-left:1px solid hsla(0,0%,63.5%,.2);border-right:none;background-color:#fff}.rtl .content-container{padding-right:90px;padding-left:0}.rtl .content-container .content .page-header .page-title{float:right}.rtl .content-container .content .page-header .page-action{float:left}.rtl .content-container .content .page-header .page-action a{margin-left:0}.rtl .content-container .content .page-header .control-group{margin-right:20px;margin-left:0}.rtl .content-container .content-wrapper{padding:25px;margin-right:280px;margin-left:0}.rtl .content-container .aside-nav .active i{float:left;transform:rotate(180deg)}.rtl .content-container .aside-nav:not(.active)+.content-wrapper{margin-right:0}.rtl .dashboard .dashboard-stats .dashboard-card .data span{float:left}.rtl .dashboard .card{padding:20px 20px 0 0}.rtl .dashboard .card .card-info ul li .image{float:right;margin-right:0;margin-left:15px}.rtl .dashboard .card .card-info ul li .icon.angle-right-icon{left:30px;right:auto;transform:rotate(180deg)}.rtl .dashboard .graph-stats .left-card-container{float:right;padding-right:0}.rtl .dashboard .graph-stats .right-card-container{float:right;padding-left:0;padding-right:30px}.rtl .sale-container .sale-summary{float:left}.rtl .grid-container .table tbody td.action a:first-child{margin-left:10px;margin-right:0}.rtl .table table{text-align:right}.rtl .table table .massaction-remove{margin-right:5px!important;margin-left:10px}.rtl .table table .btn.btn-primary{margin-right:10px!important}.rtl .dropdown-list.bottom-right{left:0;right:auto!important}.rtl .dropdown-list .dropdown-container{text-align:right}.rtl .accordian .accordian-header .icon{float:left}.rtl .tree-container .tree-item{padding-right:30px}.rtl .tree-container .tree-item .expand-icon,.rtl .tree-container .tree-item .folder-icon{margin-left:10px;margin-right:0}.rtl .tree-container>.tree-item{padding-right:0}.rtl .radio .radio-view{margin-left:5px}.rtl .image-wrapper .image-item{margin-right:0;margin-left:20px}.rtl .image-wrapper .image-item .remove-image{margin-right:0}.rtl .control-group label.required:before{content:"*";color:#fc6868;font-weight:700}.rtl .control-group label.required:after{content:none}.rtl .control-group label .locale{float:left}.rtl .multiselect{text-align:unset}.rtl .accordian-left-icon,.rtl .accordian-right-icon,.rtl .pagination .page-item .icon{transform:rotate(180deg)}.accordian-header{background-color:#fbfbfb}.btn.btn-primary{background:#0041ff}.btn.btn-danger{background:red}.fixed-action{top:108px}.fixed-action,.fixed-action-slight{position:fixed;right:32px;z-index:20}.fixed-action-slight{top:94px}.pagination{margin-top:30px}.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange.nextMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover{background:#0041ff!important;box-shadow:none;color:#fff;border-color:#0041ff!important}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.do-not-cross-arrow{width:85%}.linked-product-filter-tag{text-transform:capitalize;margin-top:10px;margin-right:0;justify-content:flex-start;height:100%}.linked-product-wrapper{margin-left:0!important;margin-right:10px!important;height:100%!important}.do-not-cross-linked-product-arrow{width:95%} \ No newline at end of file diff --git a/packages/Webkul/Admin/publishable/assets/mix-manifest.json b/packages/Webkul/Admin/publishable/assets/mix-manifest.json index c59ea11c0..c52d43ef9 100755 --- a/packages/Webkul/Admin/publishable/assets/mix-manifest.json +++ b/packages/Webkul/Admin/publishable/assets/mix-manifest.json @@ -1,4 +1,4 @@ { "/js/admin.js": "/js/admin.js?id=94da304c8b02ad3ba649", - "/css/admin.css": "/css/admin.css?id=8f47f9d965583dd83648" + "/css/admin.css": "/css/admin.css?id=dccf9c80d885af35c375" } diff --git a/packages/Webkul/Admin/src/Resources/assets/sass/_variables.scss b/packages/Webkul/Admin/src/Resources/assets/sass/_variables.scss index c19bfcaf4..4856d1724 100755 --- a/packages/Webkul/Admin/src/Resources/assets/sass/_variables.scss +++ b/packages/Webkul/Admin/src/Resources/assets/sass/_variables.scss @@ -67,4 +67,5 @@ $dark-mode-table-head-backgound-color: rgba(7, 30, 55,0.2); $dark-mode-pagination-page-item-active-background-color:rgba(40, 69, 100, 0.2); $dark-mode-pagination-page-item-active-border-color:rgba(2, 57, 83, 0.2); $flatpickr-day-startRange-hover:rgb(5, 30, 55); +$dark-mode-pending-color: #dbb709; diff --git a/packages/Webkul/Admin/src/Resources/assets/sass/partials/_dark.scss b/packages/Webkul/Admin/src/Resources/assets/sass/partials/_dark.scss index 48a46fc9e..1065bf6e5 100644 --- a/packages/Webkul/Admin/src/Resources/assets/sass/partials/_dark.scss +++ b/packages/Webkul/Admin/src/Resources/assets/sass/partials/_dark.scss @@ -275,7 +275,7 @@ } tbody td { - color:$dark-mode-text-color; + color: $dark-mode-text-color; border-bottom: 1px solid $seprator; } } @@ -397,7 +397,7 @@ a { display: initial; - color:$dark-mode-text-color !important; + color: $dark-mode-text-color !important; } } } @@ -432,7 +432,7 @@ .control-group { label { - color:$dark-mode-text-color; + color: $dark-mode-text-color; } .control { @@ -684,7 +684,7 @@ .flatpickr-day.notAllowed.nextMonthDay, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.prevMonthDay { - color:$dark-mode-text-color; + color: $dark-mode-text-color; background: transparent; border-color: transparent; cursor: default; @@ -758,4 +758,7 @@ background-color: $dark-mode-switch-background !important; } + .badge.badge-warning { + background-color: $dark-mode-pending-color; + } } \ No newline at end of file