{"version":3,"sources":["color-4.scss","utils/_mixin.scss","base/_reset.scss","utils/_variables.scss","base/_typography.scss","components/_according.scss","components/_alert.scss","components/_avatars.scss","components/_badge.scss","components/_bookmark.scss","components/_breadcrumb.scss","components/_basic-card.scss","components/_buttons.scss","components/_block-ui.scss","components/_card.scss","components/_datatable.scss","components/_datepicker.scss","components/_dropdown.scss","components/_form-input.scss","components/_form-wizard.scss","components/_forms.scss","components/_icons.scss","components/_list.scss","components/_loader.scss","components/_modal.scss","components/_popover.scss","components/_print.scss","components/_radio.scss","components/_ribbon.scss","components/_range-slider.scss","components/_switch.scss","components/_tab.scss","components/_table.scss","components/_toasts.scss","components/_touchspin.scss","components/_tour.scss","components/_tree.scss","components/_typeahead-search.scss","components/_scrollbar.scss","pages/_add-product.scss","pages/_blog.scss","pages/_bookmark-app.scss","pages/_cart.scss","pages/_chart.scss","pages/_chat.scss","pages/_checkout.scss","pages/_comingsoon.scss","pages/_contacts.scss","pages/_dashboard_3.scss","pages/_dashboard_2.scss","pages/_dashboard_default.scss","pages/_divider.scss","pages/_flash_icons.scss","pages/_general-widget.scss","pages/_ecommerce.scss","pages/_email-application.scss","pages/_mail_box.scss","pages/_errorpage.scss","pages/_faq.scss","pages/_file.scss","pages/_file-manager.scss","pages/_gallery.scss","pages/_helper.scss","pages/_internationalization.scss","pages/_invoice.scss","pages/_job-search.scss","pages/_jsgrid.scss","pages/_editors.scss","pages/_kanban.scss","pages/_knowledgebase.scss","pages/_landing.scss","pages/_language.scss","pages/_learning.scss","pages/_login.scss","pages/_megaoption.scss","pages/_manage-reviews.scss","pages/_navigate-links.scss","pages/_order-history.scss","pages/_offcanvas.scss","pages/_page.scss","pages/_pricing.scss","pages/_progress.scss","pages/_projectlist.scss","pages/_placeholders.scss","pages/_rating.scss","pages/_roles-permission.scss","pages/_reports.scss","pages/_social-app.scss","pages/_scrollspy.scss","pages/_sweet-alert.scss","pages/_sellers.scss","pages/_settings.scss","pages/_task.scss","pages/_timeline-v.scss","pages/_user-profile.scss","pages/_wishlist.scss","layout/_footer.scss","layout/_grid.scss","layout/_header.scss","layout/_navs.scss","layout/_search.scss","layout/_select2.scss","layout/_sidebar.scss","layout/_rtl.scss","layout/_box-layout.scss","themes/_theme-customizer.scss","themes/_update.scss","themes/_dark.scss"],"names":[],"mappings":";AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAgJA;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;AAEA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;EACA;;AAEA;EACI;;AAIA;EACI;;;AAKhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;EAEA;EACA;EACA;EACA;EAGA;EACA;EACA;;AAGI;EACI;;AAIA;EACI;;;AC/RhB;AAAA;AAAA;AAiTA;AAAA;AAAA;ACjTA;AAAA;AAAA;AAIA;EACE,OCF2B;;;ADK7B;EACE,OCQkB;;;ADLpB;EACE,OCIkB;EDHlB;;;AAGF;EACE,OCyBM;;;ADvBR;EACE;;;AAEF;EACE;;;AAIA;EACE,MC1ByB;ED2BzB;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKA;AAAA;EACE;EACA;;;AAIJ;EACE;;;AAGF;EACE,kBCnDc;EDoDd,OCjBM;;;ADoBR;EACE,kBCxDc;EDyDd,OCtBM;;;ADyBR;AAIE;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAMJ;AAEA;AAIE;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAOJ;AAEA;AAIE;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAMJ;AAGA;AAIE;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAMJ;AAEA;AAIE;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAMJ;AAGA;AAIE;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAMJ;AAEA;AAIE;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAMJ;AAEA;AAIE;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAMJ;AAEA;AAIE;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAMJ;AAEA;AAIE;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAMJ;AAEA;AAIE;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAMJ;AAEA;AAIE;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAMJ;AAGA;AAUE;EACE,aAVA;;;AASF;EACE,aAVA;;;AASF;EACE,aAVA;;;AASF;EACE,aAVA;;;AASF;EACE,aAVA;;;AASF;EACE,aAVA;;;AASF;EACE,aAVA;;;AAcJ;AAGA;AAQE;EACE,YARA;;;AAOF;EACE,YARA;;;AAOF;EACE,YARA;;;AAOF;EACE,YARA;;;AAOF;EACE,YARA;;;AAYJ;AAGA;AAgBE;EACE,iBAfA;;;AAcF;EACE,iBAfA;;;AAcF;EACE,iBAfA;;;AAcF;EACE,iBAfA;;;AAcF;EACE,iBAfA;;;AAcF;EACE,iBAfA;;;AAcF;EACE,iBAfA;;;AAcF;EACE,iBAfA;;;AAcF;EACE,iBAfA;;;AAcF;EACE,iBAfA;;;AAcF;EACE,iBAfA;;;AAcF;EACE,iBAfA;;;AAmBJ;AAEA;AAeE;EACE,cAdA;;;AAaF;EACE,cAdA;;;AAaF;EACE,cAdA;;;AAaF;EACE,cAdA;;;AAaF;EACE,cAdA;;;AAaF;EACE,cAdA;;;AAaF;EACE,cAdA;;;AAaF;EACE,cAdA;;;AAaF;EACE,cAdA;;;AAaF;EACE,cAdA;;;AAaF;EACE,cAdA;;;AAkBJ;AAEA;AAaE;EACE,gBAbA;;;AAYF;EACE,gBAbA;;;AAYF;EACE,gBAbA;;;AAYF;EACE,gBAbA;;;AAYF;EACE,gBAbA;;;AAYF;EACE,gBAbA;;;AAYF;EACE,gBAbA;;;AAYF;EACE,gBAbA;;;AAYF;EACE,gBAbA;;;AAYF;EACE,gBAbA;;;AAiBJ;AAGA;AAUE;EACE,UATA;;;AAQF;EACE,UATA;;;AAQF;EACE,UATA;;;AAQF;EACE,UATA;;;AAQF;EACE,UATA;;;AAQF;EACE,UATA;;;AAaJ;AAEA;AAME;EACE,OANA;;;AAKF;EACE,OANA;;;AAKF;EACE,OANA;;;AAUJ;AAGA;AAME;EACE,UANA;;;AAKF;EACE,UANA;;;AAKF;EACE,UANA;;;AAUJ;AAGA;AAIE;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AAMJ;AACA;AAIE;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAMJ;AAEA;AAqBE;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE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;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAIJ;AAEA;AAwBM;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAQR;AAEA;AAsBE;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAjCF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAjCF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAjCF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAjCF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAjCF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAjCF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAjCF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIJ;AAGA;AAIE;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAMJ;AAEA;AAIE;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAMJ;AAEA;EACE;;;AAGF;AAEE;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;AAgCF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;;AAIJ;AAEA;EACE,OC91CsB;;ADg2CtB;EACE;;;AAIJ;AAEA;AACA;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAEA;AACA;EACE;EACA;EACA;;AAEA;EACE,OCh2CM;EDi2CN;EACA;EACA;;AAEA;EACE,kBCz3CU;ED03CV,OCv1CE;EDw1CF;;;AAIN;AAEA;EACE;;;AAKA;EACE;EACA;;AAKE;EACE;;AAKN;EACE;EACA;;;AAMA;EACE;EACA;EACA;;AAEA;EACE;;;AAQJ;EACE;;;AAMJ;EACE;;AAEA;EACE;;AAIJ;EACE;;;AAKF;EACE;;AAEA;EACE;;AAIJ;EACE;;;AAKF;EACE,MC58CY;;AD+8Cd;EACE;;;AAKF;EACE,MFj1CY;;AEo1Cd;EACE;;;AAKJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;;AAOA;EACE;EACA;;AAGF;AAAA;EAEE;;;AAMN;EACE;;;AAGF;EACE;;;AAIF;EDrjDI,SCsjDuB;EDrjDvB,iBCqjD6B;EDpjD7B,aCojD4C;;;AAGhD;EDzjDI,SC0jDuB;EDzjDvB,iBCyjD6B;EDxjD7B,aCwjDyC;;;AAG7C;AACA;AAAA;EAEE,kBC1hDgB;;;AD6hDlB;AAAA;EAEE,oBC/hDgB;;;ADkiDlB;AAAA;EAEE,qBCpiDgB;;;ADuiDlB;AAAA;EAEE,mBCziDgB;;;AD4iDlB;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AEpmDA;AAAA;AAAA;AAIA;EACI,WD0Ga;ECzGb;EACA;EACA,ODNoB;;;ACSxB;AAAA;AAAA;AAAA;AAAA;AAAA;EAMI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAIJ;EACI,cDiEc;EChEd;EACA;;;AAGJ;AAAA;AAAA;AAAA;EAII,ODvDoB;;ACyDpB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGI,OD5DgB;;;ACgExB;EACI;EACA;EACA;;;AAGJ;EACI;;AAEA;EACI;;;AAIR;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;;AAIR;EACI;;;AAGJ;EACI;;;AAIA;EACI;;;AAIR;EACI,WDEmB;ECDnB,aDEqB;ECDrB,gBDEwB;;;ACC5B;EACI,eDIqB;;;ACDzB;EACI;;;AAGJ;EACI;EACA;;AAEA;EACI;;;AAIR;EACI,aDViB;ECWjB;;;AAKI;EACI;;AAKJ;EACI;EACA,cDxBS;;;AC8BjB;EACI;;;AAIR;EACI,eDjDsB;;;ACoD1B;AAAA;EAEI;EACA;EACA;;;AAGJ;EACI;;;AAIA;EACI,eDxJY;;;AC4JpB;EACI;;;AAIA;EACI;;;AASJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAYI;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACI;;AAIR;EACI,cD1FY;EC2FZ,OD5NgB;;;ACgOxB;EACI,kBD7Fe;EC8Ff,SD7Fc;;;ACmGN;EACI;EACA;;AAEA;EACI;EACA;;;AAYR;EACI;;AAKA;EACI;;AAQR;EACI;EACA;;;AAQR;EACI;;;AAMR;EACI,cD9QO;;ACkRP;EACI;;;AAMR;EACI,cD1RO;;;ACkSP;EACI;EACA;;AAGA;EALJ;IAMQ;IACA;;;AAIJ;EACI;EACA;;AAMA;EACI,kBD1RZ;EC2RY;EACA;;AASZ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;;AAMhB;EACI;EACA;;;AAGJ;EACI;;AAEA;EACI;;;AAIR;EACI;;;AAGJ;EACI;;;AAMI;EACI;;;AAKZ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAMQ;EACI;EACA;;AAOJ;EACI;;AACA;EACI;;AAGJ;EACI;;;AAOpB;AAAA;AAAA;ACtaA;AAAA;AAAA;AAII;EACI;;AAGJ;EACI;EACA;;AAEA;EACI,YFyJiB;;AEtJrB;EACI,aFsJY;EErJZ,OFhBY;EEiBZ;;AAKA;EAEI;;AAIR;EACI,SF0IqB;EEzIrB,QF8KQ;;AE5KR;EACI;EACA;EACA;EACA;;AAGJ;EACI;;AAIR;EACI,QF+JQ;EE9JR;;;AAIZ;EACI;;;AAGA;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAVJ;IAWQ;;;AAKJ;EACI,SF+FQ;EE9FR,aFWL;;AENC;EACI,SFuFO;EEtFP,aFIL;;;AEGP;EACI;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;AAIR;EACI;;AAGJ;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;;AAIR;EACI;;AAGJ;EACI;;AAGJ;EACI;;;AA2BI;EACI;;AAGJ;EAEI;EACA,OF7HP;;;AEqIO;EACI;EACA;;;AAjBR;EACI;;AAGJ;EAEI;EACA,OF7HP;;;AEqIO;EACI;EACA;;;AAjBR;EACI;;AAGJ;EAEI;EACA,OF7HP;;;AEqIO;EACI;EACA;;;AAjBR;EACI;;AAGJ;EAEI;EACA,OF7HP;;;AEqIO;EACI;EACA;;;AAjBR;EACI;;AAGJ;EAEI;EACA,OF7HP;;;AEqIO;EACI;EACA;;;AAjBR;EACI;;AAGJ;EAEI;EACA,OF7HP;;;AEqIO;EACI;EACA;;;AAjBR;EACI;;AAGJ;EAEI;EACA,OF7HP;;;AEqIO;EACI;EACA;;;AAjBR;EACI;;AAGJ;EAEI;EACA,OF7HP;;;AEqIO;EACI;EACA;;;AASZ;EACI;EACA;;;AAMR;EACI;;AAEA;EACI;EACA;;AAEA;EACI;;AAKZ;EACI;EACA;;;AAKJ;EACI;;;AAOI;EACI;;AAOI;EACI;;;AASpB;EACI,OF/OgB;;;AEqPhB;EACI;EACA,OF9MJ;;;AEsNI;EACI;;AAKJ;EACI;;AAKJ;EACI;;AAEA;EACI;EACA;;;AAOpB;AAAA;AAAA;ACzRA;AAAA;AAAA;AAKE;EAEE;EACA;EACA;;AAEA;EACE;EACA;;AAKF;EACE,OHjBkB;;;AGsBxB;EACE,eHuJoB;EGtJpB;;AAEA;EACE;;AAGF;EACE,YHgJY;;AG7Id;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA,WHiIkB;;AG9HpB;EACE;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKN;EACE;;AAEA;EACE;EACA;;AAGF;EACE;;AAEA;EAHF;IAII;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAOF;EACE;;AAKF;EACE;;AAGF;EL3GA,OK4G2B;EL3G3B,QK2GiC;EAC/B;EACA;EACA;;AAEA;EACE;;;AAMR;EACE;;AAEA;EACE;;;AAyBF;EACE;EACA;EACA,OHpHI;;AGsHJ;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAkBF;EACE;;;AAKJ;EACE;;;AAGF;EACE;;;AAQM;EACE;;;AAUN;EACE;EACA;EACA,OHxLA;;AG2LF;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;;;AAQF;EACE;EACA;EACA,OHjNA;;;AG0NA;EACE;EACA;;AAIJ;EACE;;;AAOF;EACE;;;AAKN;EACE;;;AAWI;EACE;;AAEA;EACE;EACA;;;AAYF;EACE;;;AAaA;EACE;;AAGF;EACE;;;AAYR;AAAA;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAIE;EACA;EACA;;AAKN;EACE;EACA;;AASA;EACE,OHtUA;EGuUA;EACA;EACA,OHtVQ;;AG8VZ;AAAA;EAEE,kBHjWc;EGkWd;EACA;;AAMA;AAAA;EACE;;AAIJ;EACE;EACA;EACA;EACA,OH7YkB;;AG+YlB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAXF;IAYI;;;AAIJ;EACE;EACA;EACA;EACA,OH1XA;EG2XA;EACA;EACA;EACA;EACA;;AAEA;EAXF;IAYI;;;AAKN;EACE;EACA;;;AAxRJ;EACE;EACA;EACA,OHpHI;;AGsHJ;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAkBF;EACE;;;AAKJ;EACE;;;AAGF;EACE;;;AAQM;EACE;;;AAUN;EACE;EACA;EACA,OHxLA;;AG2LF;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;;;AAQF;EACE;EACA;EACA,OHjNA;;;AG0NA;EACE;EACA;;AAIJ;EACE;;;AAOF;EACE;;;AAKN;EACE;;;AAWI;EACE;;AAEA;EACE;EACA;;;AAYF;EACE;;;AAaA;EACE;;AAGF;EACE;;;AAYR;AAAA;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAIE;EACA;EACA;;AAKN;EACE;EACA;;AASA;EACE,OHtUA;EGuUA;EACA;EACA,OHtVQ;;AG8VZ;AAAA;EAEE,kBHjWc;EGkWd;EACA;;AAMA;AAAA;EACE;;AAIJ;EACE;EACA;EACA;EACA,OH7YkB;;AG+YlB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAXF;IAYI;;;AAIJ;EACE;EACA;EACA;EACA,OH1XA;EG2XA;EACA;EACA;EACA;EACA;;AAEA;EAXF;IAYI;;;AAKN;EACE;EACA;;;AAxRJ;EACE;EACA;EACA,OHpHI;;AGsHJ;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAkBF;EACE;;;AAKJ;EACE;;;AAGF;EACE;;;AAQM;EACE;;;AAUN;EACE;EACA;EACA,OHxLA;;AG2LF;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;;;AAQF;EACE;EACA;EACA,OHjNA;;;AG0NA;EACE;EACA;;AAIJ;EACE;;;AAOF;EACE;;;AAKN;EACE;;;AAWI;EACE;;AAEA;EACE;EACA;;;AAYF;EACE;;;AAaA;EACE;;AAGF;EACE;;;AAYR;AAAA;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAIE;EACA;EACA;;AAKN;EACE;EACA;;AASA;EACE,OHtUA;EGuUA;EACA;EACA,OHtVQ;;AG8VZ;AAAA;EAEE,kBHjWc;EGkWd;EACA;;AAMA;AAAA;EACE;;AAIJ;EACE;EACA;EACA;EACA,OH7YkB;;AG+YlB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAXF;IAYI;;;AAIJ;EACE;EACA;EACA;EACA,OH1XA;EG2XA;EACA;EACA;EACA;EACA;;AAEA;EAXF;IAYI;;;AAKN;EACE;EACA;;;AAxRJ;EACE;EACA;EACA,OHpHI;;AGsHJ;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAkBF;EACE;;;AAKJ;EACE;;;AAGF;EACE;;;AAQM;EACE;;;AAUN;EACE;EACA;EACA,OHxLA;;AG2LF;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;;;AAQF;EACE;EACA;EACA,OHjNA;;;AG0NA;EACE;EACA;;AAIJ;EACE;;;AAOF;EACE;;;AAKN;EACE;;;AAWI;EACE;;AAEA;EACE;EACA;;;AAYF;EACE;;;AAaA;EACE;;AAGF;EACE;;;AAYR;AAAA;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAIE;EACA;EACA;;AAKN;EACE;EACA;;AASA;EACE,OHtUA;EGuUA;EACA;EACA,OHtVQ;;AG8VZ;AAAA;EAEE,kBHjWc;EGkWd;EACA;;AAMA;AAAA;EACE;;AAIJ;EACE;EACA;EACA;EACA,OH7YkB;;AG+YlB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAXF;IAYI;;;AAIJ;EACE;EACA;EACA;EACA,OH1XA;EG2XA;EACA;EACA;EACA;EACA;;AAEA;EAXF;IAYI;;;AAKN;EACE;EACA;;;AAxRJ;EACE;EACA;EACA,OHpHI;;AGsHJ;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAkBF;EACE;;;AAKJ;EACE;;;AAGF;EACE;;;AAQM;EACE;;;AAUN;EACE;EACA;EACA,OHxLA;;AG2LF;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;;;AAQF;EACE;EACA;EACA,OHjNA;;;AG0NA;EACE;EACA;;AAIJ;EACE;;;AAOF;EACE;;;AAKN;EACE;;;AAWI;EACE;;AAEA;EACE;EACA;;;AAYF;EACE;;;AAaA;EACE;;AAGF;EACE;;;AAYR;AAAA;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAIE;EACA;EACA;;AAKN;EACE;EACA;;AASA;EACE,OHtUA;EGuUA;EACA;EACA,OHtVQ;;AG8VZ;AAAA;EAEE,kBHjWc;EGkWd;EACA;;AAMA;AAAA;EACE;;AAIJ;EACE;EACA;EACA;EACA,OH7YkB;;AG+YlB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAXF;IAYI;;;AAIJ;EACE;EACA;EACA;EACA,OH1XA;EG2XA;EACA;EACA;EACA;EACA;;AAEA;EAXF;IAYI;;;AAKN;EACE;EACA;;;AAxRJ;EACE;EACA;EACA,OHpHI;;AGsHJ;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAkBF;EACE;;;AAKJ;EACE;;;AAGF;EACE;;;AAQM;EACE;;;AAUN;EACE;EACA;EACA,OHxLA;;AG2LF;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;;;AAQF;EACE;EACA;EACA,OHjNA;;;AG0NA;EACE;EACA;;AAIJ;EACE;;;AAOF;EACE;;;AAKN;EACE;;;AAWI;EACE;;AAEA;EACE;EACA;;;AAYF;EACE;;;AAaA;EACE;;AAGF;EACE;;;AAYR;AAAA;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAIE;EACA;EACA;;AAKN;EACE;EACA;;AASA;EACE,OHtUA;EGuUA;EACA;EACA,OHtVQ;;AG8VZ;AAAA;EAEE,kBHjWc;EGkWd;EACA;;AAMA;AAAA;EACE;;AAIJ;EACE;EACA;EACA;EACA,OH7YkB;;AG+YlB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAXF;IAYI;;;AAIJ;EACE;EACA;EACA;EACA,OH1XA;EG2XA;EACA;EACA;EACA;EACA;;AAEA;EAXF;IAYI;;;AAKN;EACE;EACA;;;AAxRJ;EACE;EACA;EACA,OHpHI;;AGsHJ;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EAGE,OHjLgB;;AGsLlB;EACE,OHvLgB;EGwLhB,kBH3KO;;AG8KT;EACE;;AAIJ;EACE;;;AAKJ;EACE;;;AAGF;EACE;;;AAQM;EACE;;;AAUN;EACE;EACA;EACA,OHxLA;;AG2LF;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;;;AAQF;EACE;EACA;EACA,OHjNA;;;AG0NA;EACE;EACA;;AAIJ;EACE;;;AAOF;EACE;;;AAKN;EACE;;;AAWI;EACE;;AAEA;EACE;EACA;;;AAYF;EACE;;;AAaA;EACE;;AAGF;EACE;;;AAYR;AAAA;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAIE;EACA;EACA;;AAKN;EACE;EACA;;AAGF;EAGI,OH3WgB;;AG8WlB;EACE,OHtUA;EGuUA;EACA;EACA,OHtVQ;EGyVN,OHrXc;;AG0XpB;AAAA;EAEE,kBHjWc;EGkWd;EACA;EAGE,OHjYgB;;AGoYlB;AAAA;EACE;;AAIJ;EACE;EACA;EACA;EACA,OH7YkB;;AG+YlB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAXF;IAYI;;;AAIJ;EACE;EACA;EACA;EACA,OH1XA;EG2XA;EACA;EACA;EACA;EACA;;AAEA;EAXF;IAYI;;;AAKN;EACE;EACA;;;AAxRJ;EACE;EACA;EACA,OHpHI;;AGsHJ;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAkBF;EACE;;;AAKJ;EACE;;;AAGF;EACE;;;AAQM;EACE;;;AAUN;EACE;EACA;EACA,OHxLA;;AG2LF;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;;;AAQF;EACE;EACA;EACA,OHjNA;;;AG0NA;EACE;EACA;;AAIJ;EACE;;;AAOF;EACE;;;AAKN;EACE;;;AAWI;EACE;;AAEA;EACE;EACA;;;AAYF;EACE;;;AAaA;EACE;;AAGF;EACE;;;AAYR;AAAA;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAIE;EACA;EACA;;AAKN;EACE;EACA;;AASA;EACE,OHtUA;EGuUA;EACA;EACA,OHtVQ;;AG8VZ;AAAA;EAEE,kBHjWc;EGkWd;EACA;;AAMA;AAAA;EACE;;AAIJ;EACE;EACA;EACA;EACA,OH7YkB;;AG+YlB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAXF;IAYI;;;AAIJ;EACE;EACA;EACA;EACA,OH1XA;EG2XA;EACA;EACA;EACA;EACA;;AAEA;EAXF;IAYI;;;AAKN;EACE;EACA;;;AAKN;EACE;EACA;;;AAKA;EACE;;AAGF;EACE;EACA;;;AAMF;AAAA;EACE;;;AAKF;EACE;;;AAyBF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AAIJ;EACE;EACA;EL3eE,SK4euB;EL3evB,iBK2e6B;EL1e7B,aK0eqC;EACvC;;AAEA;EACE;;;AAMF;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AGF;AAAA;EACE;EX5bF,OW6b2B;EX5b3B,QW4biC;EAC/B;;AAEA;EALF;AAAA;IX3bA,OWic6B;IXhc7B,QWgcmC;;;AAInC;EApBF;AAAA;IXjbE,OWsc2B;IXrc3B,QWqciC;;;AAMjC;AAAA;EX5cA,OW8c2B;EX7c3B,QW6ciC;EXzcjC,SW0c2B;EXzc3B,iBWyciC;EXxcjC,aWwcyC;EACvC;EACA;;AAGF;EACE;;;AAKN;EACE;EACA;EACA;EACA;;AAGE;EACE;;AAEA;EXpeF,OWqe6B;EXpe7B,QWoemC;;AAM/B;EADF;IAEI;;;AAIA;EADF;IAEI;;;AAIJ;EACE;;AAEA;EACE;EACA;;AAUJ;EADF;IAEI;;;AAGF;EALF;IAMI;;;AAQJ;EACE;;;AAQJ;EADF;IAEI;;;;AAQA;EACE;;;AAUF;EAFF;IAGI;;;AAGF;EACE;;AAIJ;EAZF;IAaI;IACA;;EAEA;IACE;;;;AAMR;EACE;;;AAMI;EACE;;AAGF;EAEE;EACA;;AAKF;EADF;IAEI;IACA;;EAEA;IACE;;;;AASN;EACE;;;AAKN;EACE;EACA;EACA;;AAEA;EAEE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;IACE;IACA;;EAGF;IACE;IACA;;;AAMF;EACE;;AAGE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKA;EACE;EACA;EACA;EACA;EACA;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAEE,OTvpBA;ESwpBA;EACA;;AAEA;EACE;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKA;EACE;;;AAQV;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OThvBY;ESivBZ;EACA;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAKN;AAAA;AAAA;AC3xBA;AAAA;AAAA;AAOI;AAAA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;;AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;;;AAKZ;AAAA;EAEI;EACA;EACA;EACA;EACA;;;AAIA;EACI;EACA;;AAGI;EACI;;AAGI;EACI,kBVxBJ;EUyBI;;;AAQxB;EACI;;;AAGJ;EACI;EACA;EACA;EZ9DA,OY+DyB;EZ9DzB,QY8D+B;EAC/B;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EZlFJ,OYmF6B;EZlF7B,QYkFmC;EAC/B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKR;EACI;IACI;;EAGJ;IACI;;;AAKR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;IACI;;;AAIR;AAAA;AAAA;AChJA;AAAA;AAAA;AAIA;EACE,eXwMmB;EWvMnB;EACA;EACA;EACA,eXsMmB;;AWnMnB;EACE,YX2MqB;EW1MrB;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE,kBXoBI;EWnBJ,SXoLW;EWnLX,eXqLgB;EWpLhB,wBXqLiB;EWpLjB,yBXoLiB;EWnLjB;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAEE;EACA,gBXqKsB;;AWjK1B;EACE,WXiKmB;EWhKnB,OXjDuB;EWkDvB;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGE;EACE;EACA;EACA;;AAEA;EACE;;AAOV;EACE;EACA;EACA,OX9FgB;EW+FhB;;AAEA;EACE;;AAMR;EACE,SXiGW;EWhGX,kBX/EgB;;AWkFd;EACE;;AAKN;EACE;EACA;;AAGF;EACE,kBXhFI;EWiFJ,YXkFgB;EWjFhB,SX+EW;EW9EX,2BXiFiB;EWhFjB,4BXgFiB;;AW5EjB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAOF;EACE;EACA;EACA,OX1KuB;;;AW+K7B;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;;AAKF;EACE;;;AAIJ;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;EACA,kBXrLE;EWsLF;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;;AAGE;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAON;EACE;EACA;EACA,OXnQuB;EWoQvB;;AAIJ;EACE;;AAEA;EACE;EACA;;AAEA;EACE;;AAIF;EACE;EACA;;AAGF;EACE;EACA,OX3RqB;;AW8RvB;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;AAON;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EAHF;IAII;;;AAKN;EACE;;AAGE;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;AAGF;EACE;;AAGE;EACE;EACA;EbpVR,OaqViC;EbpVjC,QaoVsC;EAC9B;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAOV;Eb/VA,SagW2B;Eb/V3B,iBa+ViC;Eb9VjC,aa8VyC;EACvC;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAEA;Eb3XF,Oa4X6B;Eb3X7B,Qa2XmC;EAC/B;EACA;EACA;;AAKN;EACE;EACA;EACA;;AAEA;EACE;EACA;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA,OXlYM;;AWsYV;EACE;;AAGF;EACE,OXjbuB;;AWqbvB;EACE;EACA,OX/YA;;AWkZF;EACE;EACA,OXpZA;;AWuZF;EACE,OXxZA;;AW4ZA;EADF;IAEI;IACA;;;AAKN;EblcA,Samc2B;Eblc3B,iBakciC;EbjcjC,aaicyC;EACvC;EbzcF,Oa0c2B;Ebzc3B,QayciC;EAC/B;EACA;EACA;EACA,kBX7cU;EW8cV;EACA;;AAEA;EAXF;IbvcA,Oamd6B;Ibld7B,QakdmC;;;AAGjC;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAMN;EACE;EACA;EACA;EACA;EACA;EACA,YXnfU;EFDZ,Oaqf2B;Ebpf3B,QaofiC;EAC/B;EACA;EACA;EACA;;AAEA;EAbF;Ib9eA,Oa4f6B;Ib3f7B,Qa2fmC;;;AAGjC;EACE;EACA;;AAIJ;EACE;;AAMA;EACE;;;AAOR;EACE;EACA;EACA,YXnfM;EWofN;EACA;EACA;EACA;EACA;;AAEA;EAVF;IAWI;;;AAGF;EbliBE,OamiByB;EbliBzB,QakiB+B;EAC/B;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKF;EACE;EACA;;AAEA;EACE;;AAKN;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EbpkBF,OaqkB2B;EbpkB3B,QaokBiC;EAC/B;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE,OX5jBI;;AW+jBN;EACE;;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAVF;IAWI;;;AAGF;EAdF;IAeI;;;AAGF;EAlBF;IAmBI;;;AAGF;EbhoBE,OaioByB;EbhoBzB,QagoB+B;EAC/B;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE,OXroBF;EWsoBE;;AAEA;EAJF;IAKI;IACA;IACA;IACA;IACA;IACA;;;AASR;EACE;;AAEA;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;;;AAMR;EACE;;AAEA;EACE;EACA;;;AAKF;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEF;EACE;;;AAIJ;AAAA;AAAA;ACjvBA;AAAA;AAAA;AA6BM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAOF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA,OZ1CS;;AY8Cb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA,kBZpDG;;AYuDL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAUM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAIE;;AAGE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAaR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAIE;EACA;;AAGE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;;AAUF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;;AAUF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;;AAWF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;;AAMR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAA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A;;;AAUR;EADF;IAEI;;;;AAMJ;EACE;;AAEA;EACE;;AAIA;EACE;EACA,Ob5ZI;;Aa8ZJ;EACE;EACA;;;AAOV;AAAA;AAAA;AC/bA;AAAA;AAAA;AAMG;EACC;EACA;;;AAMJ;EACC;;;AAIA;EACC;EACA,Odbc;Eccd;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA,adqDY;EcpDZ;EACA;EACA;;AAGD;EACC,cdbiB;;AcgBlB;EACC,OdHK;;AcMN;EAEC;;AAKD;EACC;EACA;EACA,kBd9BiB;Ec+BjB;EACA;;AAEA;EACC;;AAMA;EACC,kBdlEa;EcmEb;EACA;;AAMJ;EACC;EACA;;;AAMA;EACC;;AAOG;EACC;EACA,cdhFa;;;Ac2FlB;EACC;;AAEA;EAHD;IAIE;IACA;;;;AAOH;EACC;EACA,OdvH2B;EcwH3B;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAIF;EACC;;;AAIF;EACC;;AAIC;EACC;;AAYD;EACC;EACA;EACA;;AAGD;EACC;;AAIF;EACC;;AAGD;EACC;EACA;EACA;;AAEA;EACC,Od1IK;Ec2IL;EACA;EACA;;AAIF;EACC;;AAGD;EACC;;;AAOC;EACC,kBd9KM;;AcmLP;EACC;;;AAUA;EACC;;;AAQJ;EACC;EACA;EACA;EACA;EACA;;AAEA;EAEC,kBdhNO;;AcmNR;EACC;EACA;;;AAMF;EACC;;AAGD;EACC;;AAIA;EACC;;AAGD;EACC;;AAIF;EACC;;AAIA;EACC;EACA;;AAIF;EACC;EACA;;;AAKD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;;AAOD;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;;AAQF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;;AAQF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;;AAMJ;EACC;;;AAKC;EADD;IAEE;IACA;IACA;;;AAKD;EACC,OdnVU;EcoVV;;;AAUC;EAEC,kBd/XmB;EcgYnB,OdvVG;;;Ac+VP;EACC;;AAGC;EACC;;AAEA;EACC;;;AAaC;EACC,kBdnYa;;;Ac8YlB;EACC,OdjYK;;AcmYL;EACC;;;AAUA;EACC;;AAMF;EACC,OdhbgB;;AcubjB;EACC;;;AAUA;EACC;EACA;EACA,kBdnbc;;;Ac+bd;EACC,Od5XiB;Ec6XjB;EACA;EACA,Ydzcc;;;AcidpB;AAAA;AAAA;AC9eA;AAAA;AAAA;AAGA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKA;AAAA;EAEC;;;AAIF;EACC;;;AAGD;EACC;EACA,OfDc;EeEd;;AAEA;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAIA;EACC;EACA;EACA;;AAYF;EACC;EACA;EACA;;AAYD;EACC;;AAEA;EACC;;AAEA;EACC;EACA;;AAIF;EACC;;;AAMF;EACC;;AAIA;EACC;EACA;;AAIF;EACC;;AAGD;EACC;EACA;;AAGD;AAAA;EAEC;;AAGD;EACC;;AAKC;EADD;IAEE;;;;AASF;EACC;EACA;EACA;EACA;EACA;EACA;;AAIF;EACC;;;AAOA;EAEC;;;AAMH;EACC;;;AAIA;EACC;;AAGD;EACC;;;AASC;EACC;EACA;;;AASF;EACC;EACA;;AAIF;EACC;EACA;;;AAMA;EACC;;;AAOF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;;;AAOA;EACC;EACA;EACA;;;AAOF;EACC;EACA;;AAGD;EAGG;IACC;IACA;;;;AAYD;EACC;EACA;;;AAOL;AAAA;AAAA;AC/RA;AAAA;AAAA;AAGA;AAGC;EACC;;AAGD;ElBHG,OkBIuB;ElBHvB,QkBG6B;EAC/B;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;;AAKH;AAEA;AAEC;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAKD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC,OhBtBS;EgBuBT;EACA;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAKH;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA,OhBtEK;;AgByEN;EACC,OhB1EK;EgB2EL;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAKH;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA,OhB3GS;;AgB6GT;EACC;;AAIF;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGC;EACC;;AAEA;EACC;EACA;;AAKH;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;;AAGD;EAhBD;IAiBE;;EAEA;IACC;IACA;;EAGD;IACC;;;AAKH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ElBvMA,SkBwMyB;ElBvMzB,iBkBuM+B;ElBtM/B,akBsMuC;;AAEvC;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;AAIA;EACC,OhB9ME;EgB+MF;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA,kBhBxNC;EgByND;EACA;EACA;EACA;;AAKH;EACC,OhBrPO;EgBsPP,YhBvOS;EgBwOT;;AAEA;EACC,OhBxOG;;;AgBgPT;EACC;EACA;;AAEA;EACC;EACA,kBhBrPM;EgBsPN;;;AAMD;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;;AAMF;EACC;;AAIA;EACC;;AAMF;EACC;EACA;EACA;;AAEA;ElBlUC,OkBmUyB;ElBlUzB,QkBkU+B;ElB9T/B,SkB+TyB;ElB9TzB,iBkB8T+B;ElB7T/B,akB6TuC;EACvC;EACA;EACA;EACA;;AAEA;EACC;EACA,OhBlUe;;AgBwUhB;EACC;EACA;EACA;;AAGD;EACC;;AAKH;EACC;;AAGC;EACC,kBhBlWW;EgBmWX;;AAEA;EACC,OhBnUE;EgBoUF;;AAGD;EACC;ElB5WF,OkB6W2B;ElB5W3B,QkB4WiC;EAC/B;EACA;EACA;;AAOD;EACC;;AAQJ;EACC;;AAIF;EACC;EACA;;;AAKD;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAEA;EACC;EACA;;AAIF;EACC;;AAEA;EACC;EACA;;AAIF;EAEC;;AAGD;ElBhbC,OkBibyB;ElBhbzB,QkBgb+B;EAC/B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC,ahBrXS;EgBsXT;EACA;;AAGD;EACC;;AAIF;EACC,OhBrdwB;;AgB0dzB;EACC;EACA,chB5dwB;EgB6dxB;;AAIF;EACC;EACA;EACA;EACA;EACA;;AAGD;AAAA;EAEC;;AAGD;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;;AAMF;EACC;;AAGD;EACC;;AAGD;EACC;;;AAOD;EACC,OhBhiBY;;;AgBsiBd;EACC;;;AAMA;EACC,kBhBlgBe;;AgBqgBhB;EACC,kBnBhba;;;AmBsbhB;ElBzjBI,SkB0jBsB;ElBzjBtB,iBkByjB4B;ElBxjB5B,akBwjBoC;EACvC;EACA;EACA;;AAEA;ElBpkBG,OkBqkBuB;ElBpkBvB,QkBokBmF;;;AAQpF;AAAA;EACC,OhB1iBI;;;AgBijBP;EACC;;AAGD;EACC;EACA;EACA;;AAGC;EACC;;;AAOH;EACC;EACA;EACA;;AAGD;EACC;EACA;;;AAMD;EACC;;AAEA;EACC;EACA;EACA;EACA;;AAEA;EAND;IAOE;;;AAGD;ElB7nBC,SkB8nByB;ElB7nBzB,iBkB6nB+B;ElB5nB/B,akB4nBuC;;AAEvC;ElBhoBA,SkBioB0B;ElBhoB1B,iBkBgoBgC;ElB/nBhC,akB+nBwC;EACvC;EACA;;AAGC;EACC;EACA;EACA;;AAEA;EACC;EACA;;AASF;EACC;EACA;;AAGC;EACC,OhB7nBD;;AgBgoBA;EACC,OhBjoBD;;AgB0oBN;EACC;;AAIF;EACC;;AAEA;EAHD;IAIE;;;AAIF;EACC;;AAGC;EADD;IAEE;;;AAGD;ElB9rBC,SkB+rByB;ElB9rBzB,iBkB8rB+B;ElB7rB/B,akB6rBuC;EACvC;;AAEA;EACC;EACA;;AAEA;EACC;;AAGD;EACC;;AASH;EACC;;AAEA;EAHD;IAIE;;;AAGD;EACC;;AAEA;EACC;;AAEA;ElBtuBF,OkBuuB4B;ElBtuB5B,QkBsuBkC;ElBluBlC,SkBmuB4B;ElBluB5B,iBkBkuBkC;ElBjuBlC,akBiuB0C;EACvC;EACA;;AAEA;EACC;;AAKH;EACC;;AAEA;EACC;;AAEA;EACC,kBhBxvBQ;;AgB0vBR;EACC;EACA;;AAWL;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAIE;EACC;;AAEA;EAHD;IAIE;;;;AAcR;EACC;;AAEA;EACC;EACA;EACA;EACA;;;AAOH;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;ElBj0BC,OkBk0BwB;ElBj0BxB,QkBi0B8B;EAC/B;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;;AAEA;EAND;IAOE;;;AAGD;EACC;;AAEA;EACC;;AAKD;EACC;EACA,OhB5vBU;EgB6vBV;;AAEA;EACC;EACA;;;AAWL;EACC;EACA;EACA;;AAEA;EALD;IAME;;;AAIA;EADD;IAEE;;;AAGD;ElB33BA,OkB43B0B;ElB33B1B,QkB23BiC;;AAIlC;EACC;;AAEA;EACC;;AAEA;EACC;;AAIF;EACC;EACA;;AAKH;EACC;EACA;EACA;;;AAKH;ElBr5BI,SkBs5BsB;ElBr5BtB,iBkBq5B4B;ElBp5B5B,akBo5BoC;EACvC;EACA;EACA;;AAEA;EACC;;;AAOD;AAAA;EACC;;AAEA;EAHD;AAAA;IAIE;;;AAIF;AAAA;EACC;EACA;EACA;EACA;EACA;;AAEA;EAPD;AAAA;IAQE;;;AAGD;AAAA;EACC;;AAEA;EAHD;AAAA;IAIE;;;AAKA;AAAA;EACC,kBhB15Ba;EgB25Bb;EACA;;AAGD;AAAA;EACC,OhBv6BG;;AgB66BH;AAAA;EACC;;AAMJ;AAAA;EACC;EACA;EACA;;AAEA;AAAA;EACC;EACA,OhB37BI;EFpCJ,OkBg+ByB;ElB/9BzB,QkB+9B+B;EAC/B;ElB59BA,SkB69ByB;ElB59BzB,iBkB49B+B;ElB39B/B,akB29BuC;EACvC;EACA;EACA;;AAEA;EAVD;AAAA;IAWE;IACA;IACA;;;AAIF;AAAA;EACC;;AASA;AAAA;EACC;;AAEA;AAAA;EACC;;AAQA;AAAA;EACC;;AAGD;AAAA;EACC;;AAGD;AAAA;EACC;;AAKD;AAAA;EACC;;AAMJ;AAAA;EACC;;AAGC;AAAA;EACC;;AAEA;AAAA;EACC;;AAKD;AAAA;EACC;EACA;;AAIF;AAAA;EACC;;AAGD;AAAA;EACC;;AAEA;AAAA;EACC;;AAUN;AAAA;EACC;EACA;;AAGC;AAAA;ElB9jCC,SkB+jCyB;ElB9jCzB,iBkB8jC+B;ElB7jC/B,akB6jC8C;;AAE9C;AAAA;EACC;EACA;EACA;;AAEA;AAAA;EACC;;AAKH;AAAA;ElB5kCC,SkB6kCyB;ElB5kCzB,iBkB4kC+B;ElB3kC/B,akB2kC8C;EAC9C;;AAEA;AAAA;EACC;EACA;EACA;;AAEA;AAAA;EACC;EACA;;AAKH;AAAA;EACC;EACA;EACA;;AAEA;AAAA;EACC;EACA;;AAMF;AAAA;ElBzmCC,SkB0mCyB;ElBzmCzB,iBkBymC+B;ElBxmC/B,akBwmCuC;EACvC;;AAEA;EAJD;AAAA;IAKE;;;AAOH;AAAA;EACC;EACA;;AAEA;AAAA;EACC;EACA;;AAKH;AAAA;EACC;;AAEA;AAAA;EACC;EACA;;AAIF;AAAA;EACC;EACA;;AAEA;AAAA;EACC;EACA;EACA;;AAKD;AAAA;ElBrpCE,SkBspCwB;ElBrpCxB,iBkBqpC8B;ElBppC9B,akBopC6C;;AAE9C;EAHD;AAAA;IAIE;IACA;IACA;;;AAGD;AAAA;EACC;;AAIF;AAAA;EACC;;AAEA;AAAA;EACC;EACA;EACA;;AAEA;EALD;AAAA;IAME;IACA;;;AAOJ;AAAA;EACC;;AAEA;EAHD;AAAA;IAIE;;;AAGD;AAAA;EACC;;AAIF;AAAA;EACC;ElBtsCE,OkBusCuB;ElBtsCvB,QkBssC6B;EAC/B;EACA;EACA;;AAEA;AAAA;EACC;EACA;EACA;;AAIF;AAAA;EACC;EACA;;;AAKF;EACC;;AAEA;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;ElB7uCA,OkB8uCyB;ElB7uCzB,QkB6uC+B;EAC/B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA,ahBzqCU;EgB0qCV;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAMJ;ElB5wCE,OkB6wCwB;ElB5wCxB,QkB4wC+B;EAChC;EACA;EACA;EACA;EACA;;AAEA;EACC;ElBrxCA,OkBsxCyB;ElBrxCzB,QkBqxC+B;EAC/B;EACA;EACA;EACA;;AAKH;EACC;EACA;;;AAMD;EACC;EACA;;AAEA;EACC;;AAGD;EACC;EACA;;;AAKH;ElBjzCI,SkBkzCsB;ElBjzCtB,iBkBizC4B;ElBhzC5B,akBgzCoC;EACvC;;AAGC;EACC;;AAIF;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAEA;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;;AAWE;EACC;;;AAUJ;EACC;;AAIF;EACC;;AAEA;EACC;EACA;;AAKD;EACC;;AAEA;EACC;;AAGD;EACC;;AAKH;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AASC;EACC;;AAEA;EACC;EACA;;AAOL;EACC,kBhBz7Ca;;AgB47Cd;EACC,kBnB3zCc;;AmB8zCf;EACC,kBhBp8Cc;;AgBu8Cf;EACC;EACA;EACA;EACA,OhB16CM;E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E;EACA;EACA;;;AAKF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;;;AAKN;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE,YzBpSM;EyBqSN;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA,YzB/SM;EyBgTN;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA,OzB1SF;EyB2SE;EACA;EACA;;AASF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAUN;EACE;;AAEA;EACE;EACA;;AAMN;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OzB5WI;EyB6WJ,kBzB3YW;EyB4YX;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;E3B/ZF,O2Bga2B;E3B/Z3B,Q2B+ZgC;EAC9B;EACA;EACA,kBzB7ZS;;AyB+ZT;EACE;EACA;;AAIJ;EACE;EACA;EACA;E3B9aF,O2B+a2B;E3B9a3B,Q2B8agC;EAC9B;EACA;EACA,kBzB5aS;EyB6aT;;AAEA;EACE;EACA;;;AAQN;EACE;;AAEA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAKF;EACE;;AAOF;EACE;EACA;;AAEA;EACE;EACA;;;AASV;EACE;;AAEA;EACE;;AAEA;E3BlfA,O2Bmf2B;E3Blf3B,Q2BkfkC;EAChC,YzBzcY;EyB0cZ;EACA;EACA;EACA;EACA;E3BpfF,S2Bqf2B;E3Bpf3B,iB2BofiC;E3BnfjC,a2BmfyC;EACvC;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;E3BpgBJ,O2BqgB+B;E3BpgB/B,Q2BogB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GD;EACC;;;AAGD;EACC;;;AAIA;EACC;;AAGC;EADD;IAEE;;;AAIF;EACC;EACA;;;AAKH;AAAA;AAAA;ACjGA;AAAA;AAAA;AAGA;EACE;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;;AAKF;EACE;EACA;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAIA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBlCjDM;EkCkDN;;;AAGF;EACE;;;AAGF;EACE;;AAGE;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAGF;EACE,OlCnFE;;AkCsFJ;EACE,OlCvFE;;;AkC4FR;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA,OlC3HU;;;AkC8HZ;EACE;EACA,OlChIU;;;AkCmIZ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAGE;EACE;;;AAKN;EACE,OlC5JU;EkC6JV;;;AAGF;EACE,OlC9IM;EkC+IN;;AAEA;EACE,OlClJI;;AkCqJN;EACE,OlCtJI;;;AkC0JR;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAaF;EACE;EACA;EACA;EACA,kBATmB;EAUnB,OAbQ;EAcR;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EpCvOE;EACA;EACA;EoCuOF;;AAEA;EACE,kBAvCiB;EAwCjB,OA3CM;;;AA+CV;EACE,kBA5CmB;EA6CnB,OAjDQ;;;AAoDV;EACE;;;AAGF;EACE,kBApDmB;EAqDnB,OAzDQ;EA0DR;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;ACxRA;AAAA;AAAA;AAGA;EAC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;;;AAGF;EACE;EACA;;AAKN;EACE;EACA;EACA,OrC3RyB;EqC4RzB;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA,OrCtTqB;EqCuTrB;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;;AAWE;EACE;IACE;;EAGF;IACE;;;;AASd;AAAA;AAAA;ACvWA;AAAA;AAAA;AAKE;AAAA;EAEE;;;AAUQ;EACE;;AAMR;EACE;IACE;IACA;IACA;;;AASF;EADF;IxCjBF;IACA;IACA;IwCkBM;;;AAMJ;EACE;EACA,OtC9BY;EsC+BZ;EACA;;AAEA;EACE;;AAMA;EACE,OtC1CQ;;AsC6CV;EACE,kBtC5BO;;AsCgCX;EACE;;AAKN;EAEI;IACE;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;;EAGF;IACE;IACA;;;AAUJ;EACE;;AAMR;EACE;;AAOU;EACE;;AAMR;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAII;EACE,kBtC7HI;;AsCkIV;EACE;EACA;;AAKF;EACE;;AAQR;EACE;;AAEA;EACE;IACE;IACA;;;;AAQR;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAKF;EACE;;AAIJ;AAAA;AAAA;EAGE;EACA;;AAIA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAIA;EACE;;AAOE;EACE;;;AAOV;EACE;IACE;;EAGF;IACE;;;AAKF;EACE;EACA;;AAEA;EACE;;AAGE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE,OtClPJ;EsCmPI;EACA;;AAIA;EACE,OzCrJE;;AyC0JR;EACE;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EAC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C;EzChPC,SyCiPwB;EzChPxB,iByCgP8B;EzC/O9B,ayC+OsC;EACvC,OvCnNK;EuCoNL;;AAEA;EACC;EACA,OvCjQoB;;AuCmQpB;EACC,MvCpQmB;;AuCwQrB;EzCnQC,OyCoQyB;EzCnQzB,QyCmQ+B;EAC/B;EACA;EACA;;AAIA;EACC;EACA;;;AASH;EACC;;;AAKH;AAAA;AAAA;ACnSA;AAAA;AAAA;AAUA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAKA;EACE;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBxChBM;;AwCkBN;EACE;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EAEE;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA,OxCtFQ;EwCuFR,YxCpEI;EwCqEJ;EACA,axC5BS;EwC6BT;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA,OxC7FM;EwC8FN;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACE,OxCzGI;EwC0GJ;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OxCpIU;EwCqIV;EACA,kBxCpII;EwCqIJ;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OxCvJU;EwCwJV;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;;;AAKF;EACE;EACA;EACA;;AAWF;EACE;EACA;EACA;;AAWF;EACE;EACA;EACA;;AAaF;EACE;;AAEA;EACE;;;AAMN;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAOJ;EACE;EACA;;AAKE;EACE;;AAGF;EACE;;;AASF;EACE;;AAGF;EACE;;;AASF;EACE;;AAGF;EACE;;;AAaF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE,MxC1UU;;;AwCmVZ;EACE;;;AASF;EACE,MxCzWQ;;;AwCkXV;EACE,MxClXK;;;AwC2XP;EACE,M3CxPQ;;;A2CiQV;EACE,MxCpYO;;;AwC4YX;EACE;;;AAMN;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;;;AAKJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAMA;AAAA;AAAA;EAGE;;AAGF;AAAA;AAAA;AAAA;EAIE;;;AAMF;AAAA;AAAA;AAAA;EAIE;;AAGF;AAAA;AAAA;EAGE;;;AAuBA;EACE;;;AAMJ;EACE;;;AAIJ;EACE;;;AAKA;AAAA;AAAA;EAGE;;;AAOE;EADF;IAEI;;EAEA;IACE;;;;AAOV;AAAA;AAAA;ACliBE;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;;AAIA;EACE;EACA;;AAEA;EAJF;IAKI;;;AAIJ;EAhBF;IAiBI;;;AAME;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EAEE;EACA;;AAQN;E3C3EF,S2C4E6B;E3C3E7B,iB2C2EmC;E3C1EnC,a2C0E2C;EACvC;EACA;;AAEA;EALF;IAMI;;;AAIA;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;;;AAGF;EAXF;IAYI;;;AAGF;EAfF;IAgBI;;;AAGF;EAEE;EACA;;AAMR;EACE;;AAEA;EACE;EACA;;AAIA;EACE;;AAEA;EAHF;IAII;;;AAGF;EACE,czCjHM;;AyCmHN;EACE,OzCtGR;;AyC6GF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAGE;;AAGF;EAfF;IAgBI;;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAWF;EACE;;AAEA;EACE;EACA;;AAGF;EARF;IASI;IACA;;EAEA;IACE;;;AAKN;EACE;;AAIE;AAAA;EAEE,OzChLR;;AyCqLI;EACE,OzCtLN;;;AyC+LN;EACE;;AAEA;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EAdF;IAeI;IACA;IACA;;;;AAKN;EACE;;AAGE;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAIA;EACE,OzCtLW;EyCuLX;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAqBV;EACE;EACA;EACA;EACA,QzC/Sc;;AyCiTd;EANF;IAOI;IACA;;;AAMA;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAVF;IAWI;IACA;;;AAGF;EAfF;IAgBI;;;;AASN;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;AAKF;EACE;;AAKN;EACE;EACA;;AAMF;EACE;;;AAOR;EACE;EACA;EAEA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;;;AAIJ;EAlBF;IAmBI;;;;AAIJ;EACE;EACA;EACA;EACA;;AAIE;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAQJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA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;;AAIJ;EACE;;AAKF;EACE;;AAKE;E9C1VJ,O8C2V0B;E9C1V1B,Q8C0VgC;E9CzVhC,e8CyVsC;E9CxVtC;E8CyVM;EACA;;AAGF;EACE;EACA;;;AAQV;EACE;IACE;;EAGF;IACE;;EAIA;IACE;;EAWF;IACE;;;AAKN;EACE;IACE;;EAEA;IACE;;EAKF;IACE;IACA;;;AAMN;EACE;IACE;;EAGF;IACE;IACA;;EAMI;IACE;;EAMJ;IACE;;EAMJ;IACE;;EAYI;IACE;;EASR;IACE;;EAGF;IACE;;EAWQ;AAAA;IACE;;EAGF;AAAA;IACE;;;AAUhB;EACE;IACE;IACA;;EAKE;IACE;;EAEA;IACE;IACA;IACA;;;AAYA;EACE;EACA;EACA;;AAGE;EACE;;;AAUhB;AAAA;AAAA;AC/jBA;AAAA;AAAA;AAIE;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;IACA;IACA;IACA;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,M7CUF;;A6CLA;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EAJF;I/CnBJ;IACA;IACA;IACA;IACA;IACA;;;A+CsBM;EACE;;AAIA;EACE;EACA;EACA,O7CxDe;;A6CgE3B;EACE;;AAEA;EAHF;IAII;;;AAMA;EACE;;AAGF;EACE;;AAGE;EACE;EACA;E/C/DR;EACA;EACA;EACA;EACA;EACA;;A+C8DM;EACE;EACA,O7C1FiB;E6C2FjB;E/CtER;EACA;EACA;EACA;EACA;EACA;;A+CqEM;EACE;E/C3ER;EACA;EACA;EACA;EACA;EACA;;A+CyEQ;EACE;;AAKN;EACE;;AAEA;EACE,O7C7GiB;E6C8GjB;EACA;;AAOM;EACE;EACA;;AASd;EACE;;AAEA;EACE;;AAON;EACE;;AAGF;EACE;EACA;EACA;;AAGE;EACE,O7CxJc;E6CyJd;EACA;E/CpIN;EACA;EACA;EACA;EACA;EACA;;A+CmII;EACE;;AAIJ;EACE;E/C9IJ;EACA;EACA;EACA;EACA;EACA;;A+C4II;EACE;EACA;EACA;;AAGF;EACE;EACA;E/CzJN;EACA;EACA;EACA;EACA;EACA;;A+C8JI;EADF;IAEI;;;AAMJ;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAXF;IAYI;IACA;;;AAOE;EACE;EACA;;AAIJ;EACE;;AAQA;AAAA;AAAA;AAAA;EAEE;EACA;;AAEA;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAEA;EAHF;AAAA;AAAA;AAAA;IAII;;;AAIJ;AAAA;AAAA;AAAA;EACE;;AAGF;EACE;AAAA;AAAA;AAAA;IACE;;;AAIJ;EACE;AAAA;AAAA;AAAA;IACE;;;AAIJ;EACE;AAAA;AAAA;AAAA;IACE;;;AAIJ;EACE;AAAA;AAAA;AAAA;IACE;;EAMF;AAAA;AAAA;AAAA;IACE;;EAGF;AAAA;AAAA;AAAA;IACE;;EAGF;AAAA;AAAA;AAAA;IACE;;;AAQR;EACE;;AAGE;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;E/CjTZ;EACA;EACA;EACA;EACA;EACA;;A+CgTU;EACE;EACA,O7C5Ua;E6C6Ub;;AAGF;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAKN;EACE;;AAII;EACE;;AAGF;EACE;;AAWd;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EARF;IASI;;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAEA;E/CtYN;EACA;EACA;EACA;EACA;EACA;;A+CoYQ;EACE;EACA;EACA;EACA;EACA;E/C9YV;EACA;EACA;EACA;EACA;EACA;;A+C8YU;EACE;EACA;;AAKN;EACE;;AAMQ;EACE;EACA;;AAchB;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,M7CnbN;;A6CubE;EACE;EACA;EACA,O7CleiB;;A6CqenB;EACE;EACA;;AAGF;EACE;IACE;;;AAQZ;EACE;EACA;;AAEA;EACE;;AAGE;EACE;EACA;EACA;E/C1eN;EACA;EACA;EACA;EACA;EACA;;A+CyeI;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAKN;EACE;;;AAIJ;AAAA;AAAA;ACzhBA;AAAA;AAAA;AAKI;EACE;EACA;;AAEA;EAJF;IAKI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EATF;IAUI;IACA;;;AAGF;EACE;EACA;EACA,M9CaF;;A8CXE;EALF;IAMI;IACA;;;AAMJ;EACE;EACA;EhDlBN;EACA;EACA;EACA;EACA;EACA;;AgDgBM;EALF;IAMI;;;AAIJ;EACE;EACA,O9CjDmB;E8CkDnB;EhD7BN;EACA;EACA;EACA;EACA;EACA;;AgD2BM;EANF;IAOI;;;AAMJ;EACE;EACA;;AAGF;EACE;;AAGF;EAVF;IAWI;;;AAGF;EAdF;IAeI;;;AASF;EADF;IAEI;;;AAMJ;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAXF;IAYI;IACA;;;AAOE;EACE;EACA;;AAIJ;EACE;;AAQA;AAAA;AAAA;AAAA;EAEE;EACA;;AAEA;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAEA;EAHF;AAAA;AAAA;AAAA;IAII;;;AAIJ;AAAA;AAAA;AAAA;EACE;;AAGF;EACE;AAAA;AAAA;AAAA;IACE;;;AAIJ;EACE;AAAA;AAAA;AAAA;IACE;;;AASJ;EACE;AAAA;AAAA;AAAA;IACE;;EAGF;AAAA;AAAA;AAAA;IACE;;EAGF;AAAA;AAAA;AAAA;IACE;;EAGF;AAAA;AAAA;AAAA;IACE;;;AAQR;EACE;;AAGE;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EhDxMZ;EACA;EACA;EACA;EACA;EACA;;AgDuMU;EACE;EACA,O9CnOa;E8CoOb;;AAGF;EACE;EACA;EACA;;AAKN;EACE;;AAII;EACE;;AAGF;EACE;;AAcJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AASN;EACE;;AAII;EACE;EACA;;AAKN;EACE;EACA;EACA;;AAGF;EACE;IACE;;;AAWd;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIA;EACE;EACA;EhDhTN;EACA;EACA;EACA;EACA;EACA;;AgDiTI;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAON;EACE;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE,O9C3XiB;E8C4XjB;;AAEA;EAJF;IAKI;;;AAIJ;EACE;;AAQR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAbF;IAcI;;;AAMA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKF;EACE;EACA;EACA,O9C3be;;A8C8bjB;EACE;EACA;;AAGF;EACE;;AAKF;EACE;EACA;;AAGF;EACE;;AAGF;EAVF;IAWI;;;AAQZ;EACE;;AAEA;EAHF;IAII;;;AAKF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,M9C5cF;E8C6cE,Q9C7cF;E8C8cE;;AAEA;EACE;;AAMJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;EACA,O9C7gBqB;EFqBzB;EACA;EACA;EACA;EACA;EACA;;AgDsfI;EACE;EACA;EACA;EACA;;AAIJ;EApDF;IAqDI;IACA;;;AAIJ;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;AAGF;EATF;IAUI;;;AAIJ;EACE;;AAEA;EAHF;IAII;;;AAGF;EAPF;IAQI;;;AAIJ;EACE;;AAEA;EAHF;IAII;;;AAGF;EAPF;IAQI;IACA;;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,O9C/kBuB;;A8CklBzB;EACE;;AAIJ;EACE;;;AAIJ;AAAA;AAAA;AC/lBA;AAAA;AAAA;AASY;EACE;;AAKF;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EAJF;IAKI;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA,O/CnDW;E+CoDX;;AAOF;EACE;EACA;EACA,O/C9DW;EFqBzB;EACA;EACA;EACA;EACA;EACA;;AiDwCY;EACE;EACA;EACA;EACA;EjDjDd;EACA;EACA;EACA;EACA;EACA;;AiDkDQ;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;;;AAGF;EAVF;IAWI;;;AAMI;EACE;EACA;;AAGF;EACE;;AAEA;EACE;EACA;;AAGF;EARF;IASI;;EAEA;IACE;IACA;;;AAIJ;EAjBF;IAkBI;;EAEA;IACE;IACA;;;AAOV;EArCF;IAsCI;;;AAWd;EACE;EACA;EACA;;AAEA;EALF;IAMI;;EAEA;IACE;;;AAIJ;EACE;EACA;;AAGE;EACE;EjDzIR;EACA;EACA;EACA;EACA;EACA;;AiDwIM;EACE,O/CnKiB;E+CoKjB;EACA;EjDhJR;EACA;EACA;EACA;EACA;EACA;;AiDgJI;EACE;;AAEA;EACE,kB/CtIJ;E+CuII;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAMR;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;;;AAGF;EAXF;IAYI;;;AAIA;EACE;EACA;EACA;;AAGF;EACE,O/CzNe;E+C0Nf;EACA;;AAIA;EACE;EACA;;AAKF;EACE;EACA;;AAGF;EANF;IAOI;;;AAQR;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;;;AAGF;EAVF;IAWI;;;AAGF;EACE;;AAMI;EACE;EACA;;AAGF;EACE;;AAEA;EACE;EACA;;AAGF;EARF;IASI;;EAEA;IACE;IACA;;;AAWlB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE,kB/C5QF;E+C6QE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EjDlTN;EACA;EACA;EACA;EACA;EACA;;AiDkTE;EACE,kB/CxUQ;E+CyUR;EACA,O/CvSA;E+CwSA;;AAMJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;;;AAGF;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA,O/CjXuB;;A+CoXzB;EACE;;AAMA;EACE;;AAGE;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;AAIJ;EACE;EACA;EACA;EjDvXR;EACA;EACA;EACA;EACA;EACA;;AiDqXQ;EANF;IAOI;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA,O/Cpae;;A+Csaf;EALF;IAMI;;;AAON;EACE;EACA;EACA;EACA,kB/C1YJ;E+C2YI;EACA;EACA;;AAEA;EATF;IAUI;IACA;;;AAGF;EACE;EACA;EACA,M/CjcK;;A+CmcL;EALF;IAMI;IACA;;;AAWV;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EALF;IAMI;IACA;;;AAGF;EACE;EACA;;AAEA;EAJF;IAKI;;;AAGF;EARF;IASI;;;AAGF;EAZF;IAaI;;;AAGF;EAhBF;IAiBI;;;AAIA;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA,O/CzhBe;;A+C+hBvB;EACE;;AAIA;EADF;IAEI;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;AASV;EACE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA,O/CjmBiB;;A+CumBzB;EACE;;AAOE;EADF;IAEI;;;AAMJ;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EA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qnBY;EACI;EACA;EACA,OlDhqBK;;AkDmqBT;EACI;EACA;;AAGJ;EACI;IACI;;;AAQpB;EpD7pBJ;EACA;EACA;EACA;EACA;EACA;;AoD6pBI;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIA;EACI;EACA;EpDhrBhB;EACA;EACA;EACA;EACA;EACA;;AoDirBY;EACI;EACA;;AAEA;EACI;EACA;EACA;;AAOZ;EACI;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAIR;EACI;EACA;EACA;;AAEA;EACI,OlD3vBK;EkD4vBL;;AAEA;EAJJ;IAKQ;;;AAIR;EACI;;AAOpB;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA,OlDpxBiB;;AkDuxBrB;EACI;;AAIR;EACI;;;AChyBR;AAAA;AAAA;AAIA;AACA;EACE;;;AAIA;EACE;;AAEA;EACE;EACA;EACA;;ArD0CF;EACI,aqD1CwB;;ArD6C5B;EACI,gBqD9C6B;;AAE/B;EACE;EACA;;AAGF;EACE;;AAGF;EAfF;IAgBI;;;AAGF;EAnBF;IAoBI;;;;AAON;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA,OnDjCgB;EmDkChB;;AAGF;EACE;;AAKA;EACE;;AAKF;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;;AASN;EACE;EACA;EACA;;AAEA;EACE,OnDvEM;;AmD0ER;EACE;EACA,QnDlGkB;;AmDsGtB;EACE;;AAGF;EACE;;AAGF;EACE;EACA,OnDhHoB;EmDiHpB;EACA;EACA;EACA;EACA;;;AAMA;EACE;EACA;ErDxHF,OqDyH2B;ErDxH3B,QqDwHiC;EAC/B;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA,OnD/FA;EmDgGA;;AAIJ;EACE;;AAEA;EACE;EACA;;;AASF;EACE;EACA;;AAEA;EACE;;AAGE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAaN;EACE;EACA;EACA;EACA;EACA;EACA;;AAGE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;ErD3vBN,OqD4vB+B;ErD3vB/B,QqD2vB0F;EACpF;EACA;;AAGF;EACE;EACA,OnDlvBE;;AmDqvBJ;EACE;;AAON;EACE;EACA;EACA;EACA;;;AAKN;EACE;;AAKM;EACE;EACA;;AACA;AAAA;EAEE;;AAGF;EARF;IASI;;;AAQR;EACE;IACE;IACA;;EAEA;IACE;IACA;;EAIJ;IACE;IACA;;;AAKN;EACE;;AAEA;EACE;;AAEA;EACE;;AAMJ;EACE;;AAIJ;EACE;;AAEA;EACE;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAOJ;EACE;EACA;EACA;;AAIA;EACE;;AAKN;EACE;;AAII;EACE;;AAMJ;EADF;IAEI;IACA;;;AAGF;EANF;IAOI;IACA;;;AAKF;EACE;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;;AAMJ;EACE;;;AAKF;EACE,OnD/6BoB;EmDg7BpB;EACA;;AAGF;EACE;;;AAOA;AAAA;AAAA;EAGE;EACA;;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;;;AAKF;EACE;;AAGF;EACE;EACA;;;AAMA;EACE;;AAEA;EACE,OnD/9BY;;AmDi+BZ;EACE;;;AAOV;AAEE;EACE;;AAEA;EACE;EACA;;;AAKN;EAEE;IACE;IACA;;;AAIJ;EACE;IACE;;;AAKJ;EACE;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;AAAA;AAAA;ACjiCA;AAAA;AAAA;AAYM;EACE;;AAIJ;EACE;;AAKF;EACE;EACA,OpDjBU;EoDkBV;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE,OpD0Ce;EoDzCf;EACA;EACA;EACA;EACA,YpDvBA;EoDwBA;;AAEA;EACE,kBpD3BF;;AoDkCJ;EACE;;AAIA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE,O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CA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAQJ;EACE;;AAGF;EACE;;AAEA;EACE;EACA;;AAQN;EACE;;AAIA;EACE;;AAIJ;EACE;;AAGF;EACE;EnE7MF;EACA;EACA;;AmE+MA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;IACA;IACA;;;AAKF;EACE;;AAIJ;EACE;;AAGF;EACE;;;AAKN;EACE;EACA;;;AAGF;EAEE;IACE;;EAGF;IACE;IACA;;;AAIJ;EAEI;IACE;;EAIJ;IACE;;;AAIJ;AAAA;AAAA;AChTA;AAAA;AAAA;AAMI;EACE;;AAGF;EACE;;AAEA;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIA;EpE1CJ,OoE2C+B;EpE1C/B,QoE0CqC;EAC/B;EACA;EACA;;AAEA;EACE;EACA;;AAON;EACE;EACA;;AAEA;EACE,OlEnEc;EkEoEd;EACA;EACA;EACA;;AAGF;EACE,kBlE9CD;;;AkEqDT;EAGM;IACE;;;AAMR;EAOc;IACE;IpEnFZ;IACA;IACA;IoEmFY;;;AAWd;EACE;;;AAMF;EACE;;;AAOA;EACE;;;AAKN;AAAA;AAAA;ACxIA;AACA;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OnEnDQ;EmEoDR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;;AAEJ;EACI;;AAGR;EACI;EACA;EACA;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CA;EACA;EACA;;AAEI;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI,kBnEvkBhB;;AmEykBY;EACI,kBtEpcd;;AsEscU;EACI,kBnE3kBhB;;AmEglBA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA,kBnEjkBR;;AmEkkBQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAIJ;EACI;EACA;;;AAMpB;AACA;EACI;EACA;EACA;;AAEI;EACI;EACA,YnErmBJ;EmEsmBI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAZJ;IAaQ;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AACA;EAdJ;IAeQ;IACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGR;EACI;;AAEA;EACI;EACA;;AAIZ;EACI;EACA;EACA;EACA;EACA;EACA,OnE3sBG;EmE4sBH;;AACA;EARJ;IASQ;;;AAGR;EACI;EACA;EACA,OnEltBa;;AmEmtBb;EAJJ;IAKQ;IACA;IACA;IACA;IACA;;;AAEJ;EAXJ;IAYQ;;;;AAMpB;AAEI;EACI;EACA;;AAEI;EACI;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAIJ;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA,OnE7vBJ;;AmE8vBI;EACI;EACA;EACA;;;AAOxB;AAEI;EACI;EACA;EACA,YnExrBe;EmEyrBf;EACA;EACA;EACA;;AACA;EARJ;IASQ;;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;;AAIJ;EACI;EACA;;AAEJ;EACI;EACA;;AAIZ;EACI;EACA;EACA;EACA,kBnElzBI;EmEmzBJ;EACA;EACA;EACA;;AACA;EATJ;IAUQ;IACA;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F;IAYI;;;;AAQJ;EACE;;AAEA;EAHF;IAII;;;;AAMR;EACE;;;AAOM;EACE;;AAEA;EACE;EACA;;;AAQZ;EACE;IACE;IACA;;EAEA;IACE;IACA;IACA;;EASI;IACE;;EAGF;IACE;;;AAQZ;EACE;IACE;;EAKE;IACE;;;AAMR;EACE;IACE;;EAKE;IACE;;;AAMR;AAAA;AAAA;AChIA;AAAA;AAAA;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA,OtErCgB;;AsEwClB;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA,kBtEZI;;AsEeF;EACE;;AAGF;EACE;EACA;;AAGF;EACE,kBtExCW;EsEyCX;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKN;EACE;EACA;;AAEA;EACE,OtEhEG;;AsEmEL;EAEE;EACA;EACA;;AAOA;AAAA;EAEE;;AAKN;EACE;EACA;EACA,OtEjGI;;AsEoGN;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAOE;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAWN;EACE;EACA;;AAQR;EACE;;AAEA;EAHF;IAII;;;AAIA;EACE;;AAGF;EACE;EACA;EACA;EACA;;;AAOV;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGE;EACE;EACA,atExHO;EsEyHP;EACA,OtEjLK;;AsEqLT;EACE;EACA,atEhIS;EsEiIT;EACA,OtEzLO;;;AsE+LX;EACE,OtEzMQ;;AsE4MV;EACE;;AAGF;EACE;EACA;;;AAIJ;AAAA;AAAA;AC9OA;AAAA;AAAA;AAGA;EACC;EACA;;AAEA;EACC;EACA,YvEwMiB;;AuErMlB;EACC;EACA;EACA;EACA;EACA;;AAIA;EACC;;AAEA;EACC;EACA;;;AAQF;EACC,OvEjCqB;;;AuEsCxB;EACC;EACA;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EA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAIR;EACI;;AAEA;EACI;;AAKZ;EACI;EACA;EACA;EACA;;AAGI;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAKZ;EACI;EACA;;AAGI;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAKZ;EACI;EACA;EACA;EACA;;AAGI;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAOJ;EACI;EACA;;AAGJ;EACI;EACA;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGI;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAOJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAKZ;EACI;EACA;EACA;EACA;;AAGI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAOJ;EACI;EACA;EACA;EACA;;AAMR;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAOJ;EACI;EACA;EACA;EACA;;AAKZ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;;AAMZ;EACI;;AAII;AAAA;EACI,OjF9aF;EiF+aE;EACA;EACA;;AAEA;AAAA;EACI,OpFhUA;;;AoFuUZ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AA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ACA;EACA;EACA;;;AAIF;EACE;EACA;EACA,kBAtBmB;EAuBnB;EACA;EACA;;AAEA;EARF;IASI;IACA;IACA;;;;AAtBJ;EACE;EACA;EACA,kBAXmB;EAYnB;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA,kBAtBmB;EAuBnB;EACA;EACA;;AAEA;EARF;IASI;IACA;IACA;;;;AAtBJ;EACE;EACA;EACA,kBAXmB;EAYnB;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA,kBAtBmB;EAuBnB;EACA;EACA;;AAEA;EARF;IASI;IACA;IACA;;;;AAtBJ;EACE;EACA;EACA,kBAXmB;EAYnB;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA,kBAtBmB;EAuBnB;EACA;EACA;;AAEA;EARF;IASI;IACA;IACA;;;;AAtBJ;EACE;EACA;EACA,kBAXmB;EAYnB;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA,kBAtBmB;EAuBnB;EACA;EACA;;AAEA;EARF;IASI;IACA;IACA;;;;AAtBJ;EACE;EACA;EACA,kBAXmB;EAYnB;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA,kBAtBmB;EAuBnB;EACA;EACA;;AAEA;EARF;IASI;IACA;IACA;;;;AAtBJ;EACE;EACA;EACA,kBAXmB;EAYnB;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA,kBAtBmB;EAuBnB;EACA;EACA;;AAEA;EARF;IASI;IACA;IACA;;;;AAML;EACC;;AAEA;EACC;;AAIA;EACC;EACA;;AAEA;EACC;EACA,O1FjLQ;;A0FqLV;EACC;;;AAMJ;EAEE;IACC;;;AAOD;EACC;;AAEA;EACC;EACA;;AAIF;EACC;IACC;;;AAKD;EACC;;;AAYE;EADD;IAEE;;;;AASP;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;;AAIF;EACC;;AAGC;EACC;EACA,kB1FxRgB;;A0F4RhB;EACC;;AAKH;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAGD;EAbD;IAcE;;;AAGD;EACC;;AAGD;EACC;EACA,O1FxUoB;E0FyUpB;EACA;EACA;EACA;EACA;;AAKA;EAGC;;AAIF;EACC;EACA;;AAKF;EACC;EACA;EACA,kB1F7Va;E0F8Vb;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;;AAOJ;EACC;EACA;;AAGC;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;;AASJ;EACC;;AAGD;EACC;;AAIC;EACC;;AAEA;EACC;EACA;EACA;;AAGD;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;AAIF;EACC;EACA;;AAKH;EACC;EACA;EACA;EACA;EACA;;;AAMF;EACC;;AAKC;EADD;IAEE;;;;AAOH;EADD;IAEE;;;;AAKD;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA,Y1FzdO;E0F0dP;EACA;EACA;EACA;;AAEA;EAVD;IAWE;;;AAKH;EACC;EACA;EACA;EACA;EACA;;AAEA;EAPD;IAQE;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA,Y1FpgBO;E0FqgBP;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAZD;IAaE;;;AAKD;EADD;IAEE;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAGC;EADD;IAEE;;;AAIF;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;;AAEA;EAJD;IAKE;IACA;IACA;IACA;IACA;IACA;IACA;;;AAMJ;EACC;;AAEA;EACC;;AAGD;EACC;;AAGD;EAXD;IAYE;;EAEA;IACC;;EAGD;IACC;;EAGD;IACC;IACA;;EAGD;IACC;;EAGD;IACC;IACA;;;AAIF;EArCD;IAsCE;;;AAIF;EACC;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAGD;EAxBD;IAyBE;;EAEA;IACC;;;AAKH;EAEE;IACC;;EAIF;IACC;IACA;IACA;;EAGD;IACC;;EAEA;IACC;;EAGD;IACC;IACA;;EAGD;IACC;IACA;;EAGD;IACC;IACA;;EAGD;IACC;IACA;;EAKD;IACC;;EAGD;IACC;IACA;;EAGD;IACC;IACA;;EAGD;IACC;IACA;;EAGD;IACC;IACA;;;AAMH;EAEE;IACC;;EAGD;IACC;;EAEA;IAEC;;EAGD;IACC;;;AAIA;EADD;IAEE;;;AAOL;EAEE;IACC;;;AAKH;EACC;IACC;;EAEA;IACC;IACA;IACA;;EAEA;IACC;;EAGD;IACC;IACA;;EAGD;IACC;;EAGD;IACC;IACA;;EAIF;IACC;;;AAKH;EAGG;IACC;;;AAMJ;EAGG;IACC;;EAGD;IACC;IACA;;;;AASL;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA,O1Fz2BiB;;A0F22BjB;EACC;EACA;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kB1F13BM;;A0F83BN;EACC,O1Fz4Be;;A0F44BhB;EACC,O1Fx4Ba;;A0F44Bf;EACC;;AAGD;EACC;;AAEA;EACC;;AAIF;EACC;EACA;EACA;EACA;EACA;;AAGC;EACC;;AAGD;EACC;;AAIF;EACC;;AAMJ;EAEE;IACC;;EAGD;IACC;;EAIA;IACC;;EAGD;IACC;;EAGD;IACC;;EAEA;IACC;IACA;;;AAOL;EAII;IACC;IACA;;EAIF;IACC;;;AAMJ;EAGG;IACC;;EAGD;IACC;;;AAMJ;EAEE;IACC;;EAEA;IACC;IACA;IACA;;EAIA;IACC;;;;AAQN;AAAA;AAAA;ACzhCA;AAAA;AAAA;AAIE;EACE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CA;;AACA;EACE;;AAGA;EACE;EACA;EACA;;AAMN;EACE;EACA;;AAGA;EACE;;AAEE;EACE;EACA;;AAGJ;EACE;EACA;EACA;EACA;EACA;;AAMF;EACE;EACA;;AAGJ;EACE;;AAEE;EACE;EACA;;AAIF;EACE;EACA;EACA;;AAMV;EACE;EACA;;AAEF;EACE;;AAGJ;EACE;EACA;EACA;EACA,kB/FzNS;;A+F2NP;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE,O/FlOM;;A+FsOZ;EACE;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA,O/FvNK;;;A+FyQb;AAGA;AAKM;AAAA;EACE;EACA;;;AAMR;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EAGE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;;;AAKN;EACE;EACA;;AASF;EACE;EACA;EACA;EACA,kB/F1UM;E+F2UN;;AAKI;EACE;;AAEA;AAAA;EAEE;;;AAOV;AACA;AAAA;AAAA;ACxYA;AAAA;AAAA;AAKC;AAAA;EAEC;;AAIA;EACC;EACA;;;AAOD;EACC;;AAEA;EACC;;AAKD;EACC;EACA;;AAIF;EACC;EACA;;;AAKH;EACC;;AAEA;EACC;;AAEA;EACC,OhG/CqB;;AgGiDrB;EACC;;AAIF;EACC;;;AAUC;EAEC;EACA;;;AAOL;EACC;;;AAGD;AAAA;AAAA;ACjFA;AAAA;AAAA;AAKI;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE,OjGLQ;;AiGQV;EACE;;AAKF;EACE;EACA;;AAGF;EACE,YjGCY;;AiGKlB;EACE,OjGtBW;;AiGyBb;EACE;;AAMI;EADF;IAEI;;;AAMR;EACE;EACA;;AAKE;EACE;;AAIA;EACE;EACA;;AAON;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIA;EACE,OjGnFQ;;AiGuFZ;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAMA;En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E;EACA;;AAEA;EACE;EACA;EACA;;AAOV;EACE;;;AAKF;EACE;EACA;;;AAIJ;EACE;;AAGE;EACE;;;AAMJ;EACE;EACA;EACA;EACA;;AAGF;EACE;;;AAOF;EACE,OlGnTW;EkGoTX;;;AAKF;EACE,kBlG/TY;;;AkGoUhB;AACA;EACE;EACA;EACA;;AAEA;EACE;;AAGE;EACE;;AAKF;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EpG3WF,OoG4W2B;EpG3W3B,QoG2WmC;EACjC;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKN;EACE;;;AAMA;EACE;;;AAMJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;;AAMJ;EACE;EACA;;;AAMJ;EACE;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAKN;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE,kBlG3bQ;EkG4bR;;;AAGF;EACE;;;AAGF;EACE,OlG7dsB;;;AkGietB;EACE;;AAEA;EACE;EACA;EACA;;AAMF;EACE;EACA;;;AAMJ;EACE;;;AAKF;EACE;EACA;EACA;EACA;;AAEA;EACE,elGzeI;;AkG6eR;EACE,OlG9eM;;AkGkfN;EAEE;EACA;EACA;EACA;;;AAMJ;EACE;;;AAKJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;AAGF;EATF;IAUI;;;AAGF;EAbF;IAcI;IACA;;;AAKE;EACE;EACA;;AAOF;EACE;EACA;;AAOR;EACE;EACA;;AAEA;EACE,YlGnkBI;;AkGskBN;EACE;;AAIJ;EACE;;;AAIJ;EACE;EACA,OhEzZQ;EgE0ZR;EACA;EACA;EACA;;AAEA;EARF;IASI;;;AAGF;EAZF;IAaI;;;AAGF;EAhBF;IAiBI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAXF;IAYI;;;AAGF;EAfF;IAgBI;;;AAGF;EAnBF;IAoBI;IACA;;;AAGF;EACE;;;AAKN;AAAA;AAAA;AChrBA;AAAA;AAAA;AAQE;EAEE;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE,YnGsPmB;EmGrPnB;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;;AAEA;EACE;EACA,UnGsMmB;EmGrMnB,KnGsMc;EmGrMd,SnG2NmB;EmG1NnB,YnGyJiB;EmGxJjB,kBnGvDI;EmGwDJ,YnGoMmB;;AmGlMnB;EACE;EACA;EACA,SnGoNmB;EmGnNnB;;AAIM;EACE;EACA;;AACA;EACE;;AACA;EACE,OnGjHM;EmGkHN;;AAKR;EACE;;AACA;EAFF;IAGI;IACA;IACA;IACA;IACA;IACA;;;AACA;EATJ;IAUM;IACA;;;AATJ;EAWE;IACE;IACA;IACA;IACA;IACA;IACA;;EACA;IACE;;;AAEF;EAVF;IAWI;IACA;;;AAOZ;EApDF;IAqDI;;;AAGF;EACE,kBnGnHA;EmGoHA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA,OnGxKA;EmGyKA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA,OnGvLA;EmGwLA;;AAEA;EACE;EACA;;AAMR;EACE;;AAII;EACE,gBnG+FmB;EmG5FnB;EACA;EACA;EACA;;AAEA;EACE,OnGxOG;;AmG8OH;EACE,MnGrMV;;AmG+MM;EACE;EACA;;AACA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAKN;EACE;;AAIA;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAQZ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;;AAEA;EAEE;EACA;;AAGF;EACE;;AAEA;EACE;EACA,OnG7UI;;AmG+UJ;EACE;EACA;EACA,OnGlVE;;AmG0Vd;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EAEE;;AAIA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAOR;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE,kBnGhYI;EmGiYJ,OnGtZA;EmGuZA;;AAEA;AAAA;EACE,SnGrYE;;AmG0YR;EACE,kBnG7XN;EmG8XM;;AAEA;EACE,QnG1aQ;EmG2aR;;AAEA;EACE;EACA;;AAKN;EACE,kBnG5YN;EmG6YM;;AAGE;EACE;EACA;;AAIJ;EACE;;AAIA;EACE;EACA;EACA;EACA;;AAGA;EACE;;AAMR;EACE;;AAEA;EACE;;AAMR;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AACA;EACE;EACA;;AAGF;EACE;;AAIA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAMR;EAEE;EACA;;AAIJ;EACE;;AAGF;EACE;;AAIA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAEA;EACE;;AAEA;EACE;EACA;;AAKE;EACE;;AAOV;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA,QnG1kBN;;AmG8kBE;EACE;;AAEA;EACE;EACA;;AAEA;EACE;;AAGF;AAAA;EAEE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA,OnG/oBQ;;AmGopBd;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKN;EACE;;AAKF;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;;AAKN;EAEE;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AACA;EACE;EACA;;AAEF;EACE;;AAKE;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAMR;EACE;;AAGF;EACE;;AAGF;EACE,OnG7wBU;EmG8wBV;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA,OnGvxBU;EmGwxBV;;AAQZ;EAEE,kBnGzvBI;;AmG2vBJ;EACE;EACA,YnGxeQ;EmGyeR,SnG/fe;EmGggBf;EACA;;AAEA;EACE;;AAIJ;EACE,SnGtgBgB;EmGugBhB;;AAGA;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE,WnGphBa;EmGqhBb,enGphBiB;EmGqhBjB,gBnGphBkB;EmGqhBlB;;AAEA;EACE,SnGvhBe;EmGwhBf,WnGvhBiB;EmGwhBjB,enGvhBqB;EmGwhBrB,gBnGvhBsB;EmGwhBtB,OnG10BiB;;AmG+0BvB;EACE,kBnGtzBY;EmGuzBZ;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAKE;EACE,SnG1iBO;;AmGgjBT;EACE;EACA;EACA,OnGz2BU;EmG02BV;;AAIJ;EAEE;;AAiBY;EACE,QnGl4BF;;AmGq4BA;EACE,MnG7oBA;;AmGkpBF;EACE;EACA,OnGp2BlB;;AmG22BY;EACE;;AAchB;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE;;AAMJ;EACE;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAMF;EACE;EACA;EACA;EACA;EACA,OnG78BQ;;AmG+8BR;EACE;EACA;;AAKF;EACE;EACA;;AAMJ;EACE;EACA;EACA;EACA,YnG/7BA;EmGg8BA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAMI;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAMR;AAAA;EAEE;;AAGF;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA,kBnGr/BJ;EmGs/BI;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAUY;EACE;;AAMR;EACE;;AAOE;EACE;;AAEA;EACE;;AAaN;EACE;EACA;EACA;;AAIE;EACE;;AAEA;EACE;;AAOF;EACE;EACA;;AAIJ;EACE;EACA;;AAGE;EACE;EACA;;AAGF;EACE;EACA;;AAMR;EACE;;AAGF;EACE;EACA,OnGtpCA;EmGupCA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;AAAA;EAEE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA,YnGzpChB;;AmG2pCgB;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AASN;EACE;EACA;EACA;;AAYpB;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAIA;EACE;EACA;;AAKN;EACE;EACA;;AAGE;EACE;;AAGF;EACE;;AAEA;EAHF;IAII;;;AAGF;EAPF;IAQI;;;AAGF;EAXF;IAYI;;;AAKF;EADF;IAEI;;;AAGF;EALF;IAMI;;;AAGF;EATF;IAUI;;;AAQN;EACE;;AAOJ;EACE;EACA;;AAWc;EADF;IAEI,MnGhzCd;;;AmG4zCM;EACE,OnG7zCR;;AmGk0CU;EADF;IAEI,OnGn0CZ;;;AmG+0CJ;EACE;EACA;EACA,OnG13CuB;EmG23CvB;EACA;EACA;;AASA;EACE;EACA;EACA;EACA;EACA,OnGt4CQ;EmGu4CR;;AAEA;EACE;EACA;;AAKF;EACE;EACA;;AAYJ;EACE;;AAIJ;EACE;;AAGF;EACE,anG/oCkB;EmGgpClB;;AACA;EAHF;IAII;IACA;;;AAEF;EACE;EACA;;AAIA;EACE;;AAGF;EACE;;AAOF;EACE;EACA;EACA;EACA;EACA;EACA,YnGn6CF;EmGo6CE,OnG9qCc;EmG+qCd;EACA;EACA;;AAEA;AAAA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AASU;EACE;EACA;EACA;;AAGE;EACE;;AAIJ;EACE;EACA;EACA;;AACA;EACE;;AAKF;EACE;EACA;;AAGF;EACE;;AAWlB;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AASU;EACE;EACA;;AAEA;EACE;;AAEA;EACE;;AAKF;EACE;EACA;;AAKF;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAWlB;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;;AAGF;AAAA;EAEE;EACA;;AAGF;EACE;;AAIA;EACE;;AAQY;EACE;EACA;;AAKF;EACE;;AAYR;EACE;;AAQZ;EACE;;AAMF;AAAA;EAEE;;AAKA;EACE;EACA;EACA;EACA;EAEA;;AAEA;EACE;EACA;;AAKF;EACE;EACA;;AAIJ;EAEE;;AAIJ;EACE;;AAGF;EACE,QnG96CG;EmG+6CH;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;EACE;;AAGE;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA,OnGpuDI;EmGquDJ;EACA;;AAGF;EACE;EACA;EACA,OnG5uDI;EmG6uDJ;EACA;;AAIA;EACE;;AAKN;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA,OnGzwDC;EmG0wDD;EACA;EACA;EACA;EACA;EACA;EACA;;AAQI;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAOF;EACE;;AAMR;EAEE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAKN;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAIA;EACE;EACA;;AAKF;EACE;EACA;;AACA;EACE;;AAGA;EACE;;AAIN;EACE;;AAIJ;EACE;;AAGF;EACE;;AAEE;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIA;EACE;EACA;;AAEA;EACE;;AAMR;EACE;EACA;EACA,OnG18DD;EmG28DC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AACA;EACE;EACA;EACA;;AAIJ;EACE;;AAOR;EACE;EACA;;AACA;EACE,kBnGv+DZ;EmGw+DY;EACA;;AAEE;EACE;;AAIF;EACE,OnG98DxB;;AmGk9DoB;EACE,OnGn9DtB;EmGo9DsB;;AAapB;EACE;EACA;;AAIA;EACE;;AAMR;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA,OnG/hEc;;AmGoiEhB;EACE;;AAKE;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAOV;EACE;EACA;EACA,anG9xDgB;;AmG+xDhB;EAJF;IAKI;;;AAQF;EACE,OnG1+DY;;AmG++Dd;EACE;;AAekB;EACE,QnGhgER;;AmGmgEM;EACE,MnGpgER;;AmG0gEQ;EACE;;AAGF;EACE;;AAON;EACE,YnGjhET;;AmG8hEb;EACE,kBnGxiEe;;AmG8iEP;EACE,OnG5iEI;;AmGgjEJ;EACE,QnGjjEE;;AmGojEJ;EACE,MnGrjEE;;AmGikEE;EACE;;AAEA;EACE;EACA;;AAOF;EACE,OnG9kEN;;AmG4lEF;EACE,OnG7lEA;;AmGgmEF;EACE;;AAUZ;EACE;;AAGF;EACE;;AAMJ;EACE,OnGvnEY;;AmG8nEhB;EACE;;AAYE;EACE;EACA;;AAON;EACE;EACA;EACA;EACA;EACA,OnGjvEQ;EmGkvER;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAKF;EACE;EACA;EACA;;AAGJ;EACE;;AAIJ;EACE;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGE;EACE;;AAGF;EACE;;AAEA;EAHF;IAII;;;AAGF;EAPF;IAQI;;;AAGF;EAXF;IAYI;;;AAGF;EAfF;IAgBI;;;AAIA;EADF;IAEI;;;AAGF;EALF;IAMI;;;AAMR;EACE;EACA;;AAKF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA,YnGp1EF;EmGq1EE;EACA;EACA;EACA;;AAKA;AAAA;EAEE;;AAGF;EACE;EACA;EACA;;AAGE;EACE,OnGl5EQ;;AmGo5ER;EACE;EACA,OnGt5EM;EmGu5EN;EACA;EACA;;AAGF;EACE;EACA,OnGx5EF;;AmGy5EE;EACE,OnG15EJ;;AmG65EE;EACE;;AAKN;EACE;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBnG94EV;EmG+4EU;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGE;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA,OnGj+ER;EmGk+EQ;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAII;EACE,kBnG79ER;;AmGs+EE;EACE;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;;AAEA;EACE;;AAGE;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAWhB;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAOV;EACE;;AAEA;AAAA;EAEE;;AAWE;EACE;;AAOF;EACE;;AAIJ;EACE,OtGp+EE;;AsGm/EF;EACE;;AAEA;EACE;EACA;;AAad;EACE;EACA;EACA;EACA;;AAKA;EACE;EACA;EACA;EACA;EACA,OnG1pFQ;EmG2pFR;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKF;EACE;;AAIJ;EAEE;;AAQI;EACE;;AAOV;AAAA;EAEE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGE;EACE;;AAIJ;EACE;EACA;;AAKF;EACE;;AAGF;EACE;;AAIA;EACE;;AAOE;EADF;IAEI;;;AAIA;EACE;EACA;;AAGF;EACE;;AAGE;EACE;;AAEA;EACE;;AAGF;EACE;;AASR;EACE;;AAIA;EACE;EACA;EACA;;AAGF;EACE;;AAMJ;EACE;;AAIA;EACE;;AAQV;EACE;;AAEA;AAAA;EAEE;;AAQV;EACE;;AAEA;EACE;;AAII;EACE;EACA;;AAMR;EACE;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAKE;EACE,kBnG70FR;EmG80FQ;;AAKN;EACE;EACA;EACA;EACA;;AAON;EACE;EACA;;AAIJ;AAAA;EAEE;;AAIA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;IACA;IACA;;;AAIA;EACE;EACA;;AAIJ;EACE;EACA;;AAQN;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE,OnGj8FU;;AmGo8FZ;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAIA;EACE;;AAEA;EAHF;IAII;;;AAGF;EAPF;IAQI;;;AAKF;EADF;IAEI;;;AAGF;EALF;IAMI;;;AAKE;EADF;IAEI;;;AAMR;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAMJ;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;;;AAGF;AAAA;EAEE;;AAIA;EACE;;AAKF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAIA;EACE;;AAMR;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EALF;IAMI;IACA;;;AAOR;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA,kBnGpiGgB;;AmGuiGlB;EACE;;AAGF;EACE;EACA;EACA;EACA;;AASc;EADF;IAEI;;;AAWd;EACE;;AAEA;EAHF;IAII;;;AAGF;EAPF;IAQI;;;AAGF;EAXF;IAYI;;;AAKF;EADF;IAEI;;;AAGF;EALF;IAMI;;;AAMR;EACE;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA,kBnG7qGK;EmG8qGL;EACA;;AAIJ;EACE;;AAMI;EACE;;AAIA;EADF;IAEI;;;AAGF;EALF;IAMI;;;AAQZ;EACE;EACA,kBnG7sGc;;AmG+sGd;EACE;EACA;EACA;;AAGF;EACE;EACA,kBnGjrGE;EmGkrGF;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;;AAOR;EACE;IACE;IACA;;EAGF;IACE;;;AAKJ;EACE;;AAEA;EACE;EACA;EACA;EACA;;;AAIJ;EAQgB;IACE;;;AAWlB;EAEI;IACE;IACA;;EAEA;IAEE;IACA;;;AAMR;EAMY;IACE;;EASV;IACE;IACA;IACA;IACA;IAEA;;EAEA;IACE;;EAGF;IACE;;;AAMR;EAMY;IACE;;;AASd;EAIQ;IACE;;EAMR;IACE;;EAQQ;IACE;;EAQQ;IACE;IACA;IACA;IACA;IACA;;EAGE;IACE;IACA;IACA;IACA,OnG92GhB;ImG+2GgB;IACA;IACA;IACA;;EAKF;IACE;IACA;;EAIA;IACE;IACA;IACA;IACA,kBnGt3GtB;ImGu3GsB;IACA;IACA;;EAMA;IACE;IACA;;EASR;IACE;IACA;IACA;IACA;;EAWlB;IACE;;EAGF;IACE;;;AAOV;EAII;IACE;;EAEA;IACE;IACA;IACA;IACA;IACA;IACA,YnG75Gc;;EmGg6GhB;IACE;;EAGE;IACE;IACA;;EAKN;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE,OnG18GF;;EmGi9GQ;IACE,QnGl9GV;;EmGu9GY;IACE,QnGjgHE;;EmGygHV;IACE,OnGj+GR;;EmGq+GU;AAAA;IACE,QnGt+GZ;;EmG2+GU;IACE,QnG5+GZ;;EmGg/GQ;IACE,QnGj/GV;;EmGu/GM;IACE,OnGjiHQ;;EmGqiHZ;IACE,OnGtiHU;;EmG8iHF;IACE;;EAUhB;IACE;IACA;;EAKF;IACE;IACA;IACA;IACA;;EAKE;IACE;IACA;;EAKN;IACE,OnGxiHF;ImGyiHE;IACA;IACA;;EAKM;IACE,QnGjjHV;;EmGqjHM;IACE;;EAIA;IACE;;;AAWlB;EAKM;IACE;;;AAMR;EAIQ;IACE;;;AAOV;EAEI;IACE;;;AAIN;AACA;AAAA;AAAA;ACjpHA;AAAA;AAAA;AAGA;AAmIE;AA2CA;AAEA;AAWA;;AA1LA;EACE;;AAIA;EACE;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIA;EADF;IAEI;IACA;;;AAKF;EACE;EACA;;AAMA;EACE;;AAOF;EACE;;AAKN;EACE,cpGuDiB;EoGtDjB;;AAKE;EACE;EACA;;AAKN;EACE;EACA;;AAKE;EACE;EACA;;AAOF;EACE;;AAOF;EACE;EACA;;AAMJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AA0BF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAjBF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAjBF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAjBF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAjBF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAjBF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAjBF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAjBF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAUF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AAYE;EACE;;AAEA;EACE;EACA;;AAGF;EACE;;AAMQ;EACE;EACA;;AAQZ;EACE;EACA;;AAEA;EACE;;AAGF;AAAA;EAEE;EACA;EACA;;AAWc;EACE;;AAYR;EACE;;AAQZ;EACE;;AAYgB;EACE;;AAatB;EACE;;AAOU;EACE;;AAYI;EACE;;AAWlB;EACE;;AAYY;EACE;EACA;;AAIA;EACE;EACA;;AAEA;EACE;EACA;;AAON;EACE;;AAYpB;EACE;EACA;;AAagB;EACE;EACA;;AAYpB;EACE;EACA;;AAEA;EACE;;AASJ;EACE;;AAQA;EACE;EACA;;AAUN;EACE;EACA;;AASA;EACE;;AASJ;EACE;;AAMJ;EACE;EACA;;AAGE;EACE;EACA;;AAIJ;EACE;EACA;;AAMN;EACE;;AAEA;EACE;;AAEA;EAHF;IAII;;;AAMJ;EACE;EACA;;AAOE;EACE;EACA;;AAQI;EACE;EACA;EACA;EACA;EACA;EACA;;AAOF;EACE;EACA;EACA;EACA;EACA;;AAUZ;EACE;;AAMF;EACE;EACA;;AAOA;EACE;EACA;;AAOF;EACE;EACA;;AASA;EACE;;AASJ;EACE;;AASA;EACE;;AAKF;EACE;EACA;;AAON;EACE;EACA;EACA;;AAOA;EACE;EACA;;AAIJ;EACE;EACA;;AAIA;EACE;;AAMI;EACE;EACA;;AAGF;EACE;EACA;;AAWR;EACE;EACA;;AAOF;EACE;EACA;;AASI;EACE;EACA;;AAIJ;EAEI;IACE;IACA;;EAKF;IACE;IACA;;;AAeJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAWV;EACE;;AAGF;EACE;;AAeM;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAaN;EACE;;AAKN;EACE;EACA;;AAMJ;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;AAGF;EATF;IAUI;IACA;;;AAQI;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EAEE;IACE;IACA;;EAGF;IACE;IACA;IACA;;;AAYR;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAEA;EACE;EACA;;AASV;EACE;;AAUM;EADF;IAEI;IACA;;;AAeA;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAWZ;EACE;EACA;EACA;;AAKE;EACE;EACA;;AAUA;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;AAGF;EATF;IAUI;IACA;;;AAGF;EAdF;IAeI;IACA;;;AAIJ;EACE;;AAEA;EACE;;AAGE;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAUhB;EACE;EACA;;AAMI;EACE;EACA;;AAUA;EACE;;AAQR;EACE;EACA;;AASI;EACE;EACA;;AAYJ;EACE;;AAMR;EACE;;AAQQ;EACE;EACA;;AASN;EACE;EACA;;AASJ;EACE;;AAIA;EACE;;AAGF;EACE;;AAOF;EACE;;AAWE;EACE;;AASE;EACE;EACA;;AAQZ;EACE;EACA;;AAUE;EACE;EACA;;AAEA;EAJF;IAKI;;;AAMJ;EACE;EACA;EACA;;AAIA;EACE;EACA;;AAGF;EACE;EACA;;AAQR;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAKF;EACE;EACA;;AAGF;EACE;EACA;;AAIA;EACE;;AAUU;EACE;;AAGF;EACE;EACA;;AASJ;EACE;;AAKN;EACE;EACA;;AAGE;EACE;;AAEA;EACE;EACA;EACA;;AAQF;EACE;EACA;;AAUR;EACE;EACA;;AAGF;EACE;;AAMR;EACE;;AAEA;AAAA;EAEE;;AAQR;EACE;;AASQ;EACE;;AAOV;AAAA;EAEE;;AAMJ;EACE;EACA;EACA;;AAEA;EACE;;AAKF;EACE;EACA;EACA;;AAKE;EACE;EACA;;AAQZ;EACE;;AAMA;EACE;;AAMI;EACE;EACA;;AAWF;EACE;;AAGF;EACE;;AASN;EACE;EACA;;AAIA;EACE;;AAQA;EACE;;AAYF;EACE;EACA;;AAYA;EACE;EACA;;AAmBF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAMR;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAgBN;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAVJ;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAVJ;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAVJ;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAVJ;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAVJ;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAVJ;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAVJ;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAMJ;EACE;EACA;;AAMF;EACE;;AAQQ;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;AAKN;EACE;EACA;;AAaE;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AASF;EACE;;AAYhB;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIA;EACE;;AAMA;EACE;;AAEA;EACE;EACA;;AAEA;EAJF;IAKI;;;AAIJ;EACE;EACA;;AAOF;EACE;EACA;;AAMR;EACE;;AAOM;EACE;;AAEA;EAHF;IAII;;;AAQZ;EACE;EACA;EACA;;AAKE;EACE;EACA;;AASE;EACE;EACA;;AASN;EACE;EACA;;AAUI;EACE;EACA;;AAQZ;EACE;EACA;;AAMI;EACE;;AAUA;EACE;EACA;;AAOV;EACE;EACA;;AAKM;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAaE;EACE;EACA;;AAUZ;EACE;EACA;EACA;;AAOE;EACE;EACA;;AASF;EACE;;AASF;EACE;;AASF;EACE;EACA;;AAIA;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAQZ;EACE;EACA;;AAIA;EACE;;AAIJ;AAAA;EAEE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIA;EACE;;AAKE;EACE;;AAON;EACE;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAII;EACE;;AASJ;AAAA;EAEE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAKA;AAAA;EAEE;EACA;;AAMF;AAAA;EAEE;;AAOA;AAAA;EAEE;;AAMF;AAAA;EAEE;;AAMR;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAIA;EACE;EACA;;AAIJ;EACE;;AAEA;EACE;;AAIA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAKN;EACE;;AAIJ;EACE;EACA;;AAKE;EACE;EACA;;AAIJ;EACE;EACA;;AAKN;EACE;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAIA;EACE;;AAKF;EACE;EACA;;AAMA;EACE;EACA;;AAMJ;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAKN;AAAA;EAEE;;AAGF;EACE;EACA;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAKE;EACE;EACA;;AASE;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAYI;EACE;EACA;;AAQZ;EACE;EACA;;AAGF;EACE;EACA;;AAaI;EACE;;AAQZ;AAAA;AAAA;AAAA;EAIE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;;AAGF;EACE;;AAQM;EACE;;AAUJ;EACE;EACA;;AAMJ;EACE;EACA;;AAMJ;EACE;EACA;;AAMI;EACE;;AAKN;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAOF;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;IACA;;;AAMJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EAdF;IAeI;IACA;;EAEA;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;;AAIJ;EA5CF;IA6CI;IACA;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EA7BF;IA8BI;IACA;;EAEA;IACE;IACA;;;AAKN;EAEI;IACE;IACA;;EAIJ;IACE;IACA;;EAGF;IACE;IACA;;EAEA;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAKF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;;AAMN;EAEI;IACE;IACA;;EAGF;IACE;IACA;;EAEA;IAEE;IACA;;EAGF;IACE;IACA;;;AAIA;EADF;IAEI;;;AAOV;EACE;IACE;;EAEA;IACE;IACA;;EAEA;IACE;IACA;;EAIJ;IACE;IACA;;;AAKN;EAGM;IACE;IACA;;;AAMR;EAGM;IACE;IACA;;;AAUN;EACE;EACA;;AAIA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAMR;EAEI;IACE;IACA;;EAGF;IACE;;EAIA;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAEA;IACE;IACA;;;AAOV;EAIQ;IACE;IACA;;EAIJ;IACE;IACA;;;AAMR;EAGM;IACE;IACA;;EAGF;IACE;IACA;;;AAMR;EAGM;IACE;IACA;;EAIA;IACE;IACA;;;AAUR;EACE;EACA;;AAMJ;EACE;EACA;;AAKE;EACE;EACA;;AAEA;EACE;;AAUJ;EACE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAUR;EACE;EACA;;AAOJ;EACE;EACA;;AAMA;EACE;EACA;;AAKN;AAAA;EAEE;;AAMI;EACE;EACA;;AAKF;EACE;EACA;;AAQJ;EACE;;AAEA;EACE;EACA;;AAEA;EACE;EACA;;AAOV;EACE;EACA;;AAOI;EACE;EACA;;AAQN;EACE;EACA;;AAMF;EACE;EACA;;AAKF;EACE;;AAOA;EACE;EACA;;AAOJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAMJ;EACE;EACA;;AAMA;EACE;;AAQF;EACE;EACA;;AASA;EACE;EACA;;AAIA;EACE;EACA;;AASN;EACE;EACA;;AAEA;EACE;;AAUA;EACE;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;;AAEA;EACE;EACA;;AAQJ;EACE;EACA;;AAQF;EACE;EACA;;AAOJ;EACE;;AAUQ;EACE;EACA;;AAYZ;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAOA;EACE;EACA;;AAOF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAQF;EACE;EACA;;AAIA;EACE;EACA;;AAOF;EACE;;AAIE;EACE;EACA;;AAMJ;EACE;;AAGF;EACE;;AAKN;EACE;;AAMA;EACE;;AAIJ;EACE;EACA;EACA;;AASA;EACE;;AAOR;EACE;EACA;EACA;;AAGF;EACE;;AAIA;EACE;EACA;;AAGE;EACE;;AAGF;EACE;;AAIA;EACE;;AAMR;EACE;;AAGF;EACE;EACA;;AAMA;EACE;;AAMJ;EACE;;AAMF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAOA;EACE;;AAIJ;EACE;;AAIA;EACE;;AAEA;EACE;;AAKN;EACE;EACA;;AAMA;EACE;;AAMJ;EACE;;AAMF;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;;AAKF;EACE;;AAUE;EACE;;AAYF;EACE;;AAME;AAAA;EAEE;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAGF;EACE,oBpG94GI;;AoGi5GN;EACE;EACA;;AASV;EACE;;AAEA;EACE;;AAGF;EACE;;AAOI;AAAA;EAEE;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAQR;EACE;;AAWU;EACE;EACA;EACA;EACA;;AAeN;AAAA;EACE;EACA;;AAIA;AAAA;EACE;;AAgBA;EACE;;AAME;AAAA;EAEE;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;AAiBZ;EACE;EACA;;AAUN;EACE;;AAEA;EACE;;AAQN;EACE;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;AAKA;EACE;;AAMA;EACE;;AAIJ;EACE;;AAQE;AAAA;EACE;EACA;;AAON;EACE;;AAMF;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAOA;EACE;;AAMJ;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAUE;EACE;EACA;EACA;;AAGF;EACE;;AAON;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAMJ;EACE;EACA;;AAEA;EACE;EACA;;AAIA;EACE;EACA;;AAGF;EACE;EACA;;AAMJ;EACE;;AAGF;EACE;EACA;;AAKE;EACE;;AAGF;EACE;;AAWR;EACE;;AAEA;EACE;EACA;;AAEA;EAJF;IAKI;;;AAMI;EACE;EACA;;AAQR;EACE;IACE;;;AAIJ;EACE;EACA;;AAKF;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAMI;EACE;EACA;;AAGF;EACE;EACA;;AAKN;EACE;EACA;;AAIJ;EACE;EACA;;AAIA;EACE;EACA;;AAQJ;EACE;EACA;;AAOR;EACE;EACA;;AAIJ;EACE;;AAMA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGE;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;;AAWJ;EACE;EACA;;AAON;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAKN;EACE;;AAEA;EACE;EACA;;AAOE;EACE;EACA;;AAGF;EACE;;AAUJ;EACE;EACA;EACA;EACA;;AAJF;EACE;EACA;EACA;EACA;;AAJF;EACE;EACA;EACA;EACA;;AAJF;EACE;EACA;EACA;EACA;;AAJF;EACE;EACA;EACA;EACA;;AAJF;EACE;EACA;EACA;EACA;;AAJF;EACE;EACA;EACA;EACA;;AAJF;EACE;EACA;EACA;EACA;;AAMJ;EACE;EACA;;AAEA;EACE;EACA;;AAMJ;EACE;;AAMF;EACE;EACA;EACA;;AAEA;EACE;;AAGE;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;IACA;;;AAKF;EADF;IAEI;IACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EALF;IAMI;IACA;;;AASN;EACE;EACA;;AAEA;EACE;;AAON;EACE;EACA;EACA;;AAKF;EACE;;AAOF;EACE;EACA;;AAGF;EACE;;AAEA;EACE;EACA;;AAMJ;EAEE;EACA;;AAEA;EALF;IAMI;;;AAKN;EACE;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAWE;EADF;IAEI;IACA;;;AAcJ;EACE;EACA;;AAGF;EACE;EACA;;AAWJ;AAAA;EACE;;AAIA;AAAA;EACE;;AAKN;AAAA;EACE;;AAIA;AAAA;EACE;;AASJ;EACE;EACA;EACA;;AAOF;EACE;;AAOJ;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;;AAKJ;AAAA;AAAA;AAAA;EAIE;;AAGF;AAAA;AAAA;AAAA;EAIE;;AAGF;EACE;EACA;;AAOM;EACE;;AASR;EACE;;AAQE;EACE;EACA;;AAMR;EACE;;AAIA;EACE;EACA;;AAOA;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIA;EACE;EACA;;AAEA;EACE;;AAYI;AAAA;EACE;;AAYR;EACE;EACA;EACA;;AAUA;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AASZ;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;;AAGF;EACE;EACA;;AASU;EACE;EACA;;AAGF;EACE;EACA;;AAWV;EACE;EACA;;AASA;EACE;;AAGF;EACE;EACA;;AAIA;EACE;EACA;EACA;;AAUN;EACE;;AAOJ;AAAA;EACE;;AAOE;EACE;;AAQJ;EACE;EACA;EACA;;AAQF;EACE;;AAOJ;EACE;EACA;;AAOE;EACE;EACA;;AAKN;AAAA;EAEE;;AAGF;AAAA;EAEE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAMJ;EACE;;AAMA;EACE;EACA;;AAKN;EACE;;AAGF;EACE;;AAIA;EACE;EACA;;AAMF;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;AAGF;EACE;;AAKF;EACE;;AAMQ;EACE;EACA;;AASd;EACE;;AAGF;EACE;;AAKA;EACE;;AAMJ;EACE;;AAIA;EACE;;AAOJ;EACE;EACA;EACA;EACA;;AAeQ;AAAA;AAAA;AAAA;EACE;EACA;EACA;;AAUR;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAON;EACE;EACA;EACA;EACA;;AAKF;EACE;;AAqBM;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAiBV;AAAA;EACE;;AAUE;EADF;IAEI;IACA;;;AAgBJ;AAAA;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAOF;EACE;IACE;;EAEA;IACE;IACA;;EAGF;IACE;IACA;;;AAMR;EAEI;IACE;;EAEA;IACE;IACA;;EAGF;IACE;IACA;;;AAMR;EAEI;IACE;;EAEA;IACE;IACA;;EAGF;IACE;IACA;;;AAMR;EAEI;IACE;;EAEA;IACE;IACA;;EAGF;IACE;IACA;;;AAMR;EAEI;IACE;;EAEA;IACE;IACA;;EAGF;IACE;IACA;;;AAcR;AAAA;EAEE;EACA;;AAIJ;EACE;EACA;;AAGE;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAQJ;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAQJ;EACE;EACA;;AAMJ;EACE;EACA;;AAIJ;EACE;;AAEA;AAAA;EAEE;EACA;;AAKJ;EACE;;AAME;EADF;IAEI;IACA;;;AAOJ;EACE;EACA;;AAGF;EACE;EACA;;AAKF;EACE;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAMI;EACE;;AASF;EACE;EACA;;AAIJ;EACE;EACA;;AAQF;EACE;EACA;;AAGF;EACE;EACA;;AAMJ;EACE;EACA;;AAGE;EACE;EACA;;AAGE;EACE;EACA;;AAQR;EACE;EACA;;AAWI;EACE;EACA;;AAaE;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAUF;EACE;;AAYd;EACE;;AAKE;EACE;EACA;;AAGF;EACE;EACA;;AASE;EACE;EACA;;AAEA;EAJF;IAKI;;;AAWF;EACE;;AAYF;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAWZ;EACE;EACA;;AAKF;EACE;EACA;;AAKF;EACE;;AAUA;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAeI;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AASZ;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAME;EACE;;AAGE;EACE;EACA;EACA;EACA;EACA;EACA;;AAUN;EACE;EACA;;AAKF;EACE;;AAOF;EACE;;AAKN;EACE;;AAGF;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;AAKA;AAAA;EACE;;AAMA;EACE;EACA;;AAMN;EACE;EACA;;AAME;EACE;;AAON;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAKF;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAKE;EACE;;AAKF;EACE;;AAIJ;EACE;EACA;;AAIA;EACE;EACA;;AAGE;EACE;EACA;;AAGF;EACE;EACA;;AAWJ;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAKF;EACE;EACA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A;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAMI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAWA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAIE;;AAGE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAaR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAIE;EACA;;AAGE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;;AAWd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAEA;EAJF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IAKI;IACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAKN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAEA;EAJF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IAKI;IACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AASA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAMF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAuBF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;;AAEA;EALF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IAMI;;;AAiBN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAmBQ;EACE;;AAkBR;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAqBI;EACE;;AAkBR;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAqBI;EACE;;AAkBR;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;;AAqBI;EACE;;AAkBR;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAUhB;EACE;EACA;;AAGF;AAAA;EAEE;EACA;;AAEA;AAAA;EACE;EACA;;AAKE;AAAA;EACE;EACA;EACA;;AAOF;AAAA;EACE;EACA;;AASE;AAAA;EACE;;AAUN;AAAA;AAAA;AAAA;EACE;EACA;;AAMJ;AAAA;EACE;EACA;;AAQI;AAAA;EACE;EACA;;AAQZ;EACE;EACA;;AAEA;EACE;;AAIA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAIA;EACE;;AAKN;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAIA;EACE;EACA;;AAUE;EACE;;AAGF;EACE;;AAQQ;EACE;;AAkBR;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAeJ;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;AAGF;EATF;IAUI;IACA;;;AAcI;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAmBR;EADF;IAEI;IACA;;;AASM;EACE;;AAmBR;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAgBN;EADF;IAEI;IACA;;;AASM;EACE;;AAmBR;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAeJ;EADF;IAEI;IACA;;;AASM;EACE;;AAkBR;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAgBF;EACE;IACE;;;AAgBJ;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAOE;AAAA;EACE;;AAKM;AAAA;EACE;EACA;;AAGF;AAAA;EACE;EACA;;AAuBhB;EADF;IAEI;IACA;;;AASM;EACE;;AAkBR;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAcR;EACE;;AAII;EACE;EACA;EACA;;AAKN;EAbF;IAcI;IACA;;;AAGF;EAlBF;IAmBI;IACA;;;AAIJ;EACE;EACA;;AAGE;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;AAKF;EACE;EACA;EACA;;AAEA;EALF;IAMI;IACA;IACA;;;AAMR;EA9BF;IA+BI;IACA;;;AAGF;EAnCF;IAoCI;IACA;IACA;IACA;;;AAGF;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;AAGF;EATF;IAUI;IACA;;;AAIA;EADF;IAEI;IACA;;;AAWJ;EADF;IAEI;;;AAKF;EACE;EACA;;AAGF;EANF;IAOI;;;AAQZ;EAKU;IACE;IACA;;;AASZ;EAEI;IACE;;EAEA;IACE;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;;AAMR;EASgB;IACE;;EAgBF;IACE;;;AAWlB;EAIQ;IACE;;EAEA;IACE;IACA;;EAQR;IACE;;;AAKN;EAQgB;IACE;IACA;;;;AAYpB;AAAA;AAAA;AChlRA;AAAA;AAAA;AAIA;EACE;EACA;EACA;;AAEA;EAEI;IACE;;;AAKN;EAEI;IACE;;EAEA;IACE;;EAGF;IACE;;EAIJ;IACE;;;AAKN;EAEI;IACE;;;AAKN;EAIQ;IACE;;EAKE;IACE;;EAQZ;IACE;;EAIA;IACE;;EAgBQ;AAAA;AAAA;AAAA;AAAA;AAAA;IACE;;EAGF;AAAA;AAAA;AAAA;AAAA;AAAA;IACE;;EAGF;AAAA;AAAA;AAAA;AAAA;AAAA;IACE;;EAcN;IACE;;EAIJ;IACE;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;;;AAGF;EAhBF;IAiBI;;;AA7FZ;EAkGU;IACE;IACA;IACA;;EAEA;IACE;;EASV;IACE;;EAOA;IACE;;;AAMR;EAEI;IACE;;EAEA;IACE;;EAGF;IACE;;EAIJ;IACE;;;AAKN;EAEI;IACE;;;AAKN;EAEI;IACE;IACA;;EAKE;IACE;;EAMR;IACE;;;AAIJ;EAEI;IACE;;;AAKN;EAGM;IACE;;EAGF;IACE;;EAGF;IACE;;;AAMR;EAEI;IACE;;EAKF;IACE;IACA;;EAGF;IvG9PF,OuG+P6B;IvG9P7B,QuG8PmC;;EAInC;IACE;;EAgBY;AAAA;AAAA;AAAA;IvG3Pd;IACA;IACA,oBuG0P6C;IvGzP7C,QuGyPgD;IvGxPhD,oBuGwPsD;IvGvPtD,UuGuPgE;IvGtPhE;;;AuGiQF;EAIQ;IACE;IACA;;;AAOV;EACE;IACE;;EAIA;IACE;;EAIJ;IACE;;EAEA;IACE;;EAIJ;IACE;;;AAMJ;EAGE;IACE;;EAGF;IACE;;EAIA;IACE;;EAOA;IACE;;EASA;IvG5UN;IACA;IACA,oBuG2UqC;IvG1UrC,QuG0UwC;IvGzUxC,oBuGyU8C;IvGxU9C,UuGwUwD;IvGvUxD;;EuGiVM;IACE;IACA;;EAWE;IACE;;EAaJ;IACE;;EAMJ;IACE;;EAGF;IACE;;EAII;IACE;IACA;;EAKN;IACE;;EAUN;IACE;;EAeQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IAEE;;EAWhB;IACE;;EAGE;IACE;IACA;;EAMN;IACE;;EAKA;IACE;IACA;;EAQE;IvG7cN;IACA;IACA,oBuG4cqC;IvG3crC,QuG2cwC;IvG1cxC,oBuG0c8C;IvGzc9C,UuGycwD;IvGxcxD;;EuG0dY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IAEE;;EAYZ;IACE;;EAgBU;AAAA;AAAA;AAAA;IACE;;EAGF;AAAA;AAAA;AAAA;IACE;;EAGF;AAAA;AAAA;AAAA;IACE;;EAGF;AAAA;AAAA;AAAA;IACE;;EAGF;AAAA;AAAA;AAAA;IACE;;EAGF;AAAA;AAAA;AAAA;IACE;;EAcV;IACE;;EASJ;IvGrkBJ,OuGskB+B;IvGrkB/B,QuGqkBqC;;EAavB;IACE;;EAWhB;IACE;;EAME;IACE;;EAMJ;IACE;;EAKJ;IACE;IACA;IACA;;EAcU;AAAA;AAAA;AAAA;IACE;;EAGF;AAAA;AAAA;AAAA;IACE;;EAGF;AAAA;AAAA;AAAA;IACE;;EASd;IACE;;EAIA;IACE;IACA;;EAKF;IACE;;EAIJ;IACE;;EAIA;IACE;;EAOA;IACE;;EASA;IACE;IACA;;EAMN;IACE;;EAKI;IACE;;EASN;IACE;;EASE;IvG/sBR;IACA;IACA;IACA;IACA;IACA;;EuGotBI;IvGztBJ;IACA;IACA;IACA;IACA;IACA;;EuG+tBU;IACE;;EAGA;IACE;;EAYF;IACE;;EASR;IACE;;EAKJ;IACE;;EACA;IACE;;EAKJ;IACE;;EAKA;IACE;;EAEF;IACE;;EAQF;IACE;;EAEA;IACE;;EAGF;IACE;IACA;IACA;IACA;;EASJ;IACE;IACA;;EAWM;AAAA;AAAA;AAAA;IACE;;EAGF;AAAA;AAAA;AAAA;IACE;;EAGF;AAAA;AAAA;AAAA;IACE;;EAGF;AAAA;AAAA;AAAA;IACE;;EAcR;IACE;IACA;IACA;IACA;;EAUR;IAEE;;EAOA;IACE;;EAOJ;IACE;IACA;;EAKJ;IACE;;EAEA;IACE;;EAMA;IACE;;EAmBU;AAAA;AAAA;AAAA;IACE;;EAad;IACE;IACA;;EAGF;IACE;IACA;;EAMJ;IACE;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;;EAKN;IACE;IACA;IACA;IACA;IACA;;EAOU;IvG/9BZ;IACA;IACA;IuG+9Bc;;EAUZ;IACE;;EAKA;IACE;;EAGF;IACE;;EAGF;IACE;;EAOJ;IACE;IACA;;EAGF;IACE,YrGztBY;;EqG4tBV;IACE;IACA,KrG9tBQ;IqG+tBR;;EAGE;IACE;IACA;IACA;IACA;;EAGF;IACE;;EAIA;IACE;;EAKN;IACE;;EAIA;IACE;IACA;IACA;;EAKN;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;;EAGF;IACE;;EAGF;IACE;;EAON;IACE;;EAGF;IACE;;EAEA;IACE;;EAEA;IACE;IACA;;EAIA;IACE;IACA;;EAIE;IACE;IACA;IACA;;EAME;IACE;;EASd;IACE;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;;EAGF;IACE;;EAGF;IACE;;EAMJ;IACE;;EAEA;IACE;;EAUM;IACE;;EAWd;IACE;;EAGF;IACE;;EAEA;IACE;IACA;IACA;IACA;;EAEA;IACE;;EAGF;IACE;;EAGF;IACE;;EAIJ;IACE;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAGE;IACE;IACA;IACA;IACA;;EAMR;IACE;;EAKF;IACE;;EAGE;IACE;;EAGF;IACE;;EAMJ;IACE;;EAGF;IACE;IACA;IACA;;EAGE;IACE;;EAMA;IACE;;EAIJ;IACE;IACA;IACA;;EAKN;IACE;;EAKN;IACE;IACA;IACA;IACA;IACA,YrG7iCa;IqG8iCb;IACA,YrGx+BY;IqGy+BZ;IACA;;EAEA;IACE;IACA;IACA;IACA,YrGvjCW;;EqGyjCX;IACE;;EAIJ;IACE;IACA;;EAMA;IACE;;EAEA;AAAA;AAAA;IAEE;;EAON;IACE;;EAEA;IACE;;EAGF;IACE;;EAOF;IACE;;EAIJ;IACE;;EAEA;IACE;IACA;IACA;;EAMJ;IACE;;EAGF;IACE;;EAMA;IACE;;EAKN;IACE;IACA;IACA;IACA;;EAEA;IACE;IACA;;EAMQ;IACE;;EAQV;IACE;;EAEF;IACE;;EAGJ;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;;EAGF;IACE;;EAIA;IACE;;EAIJ;IACE;IACA;IACA;IACA;;EAEA;IACE;;EAMA;IACE;;EAKF;IACE;IACA;;EAKN;IACE;;EASE;IACE;;EAEA;IACE;;EAQR;IACE;;EASM;IACE;IACA;;EAcA;IACE;;EASd;IACE;;EAEA;IACE;IACA;;EAGF;IACE;;EAII;IACE;;EAIJ;IACE;;EAQJ;IACE;IACA;IACA;IACA;IACA;;EAMJ;IACE;;EAKF;IACE;IACA;;EAIJ;IACE;;EAMI;IACE;;EAON;IACE;;EAKF;IACE;;EAIJ;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA,kBrGnpDA;IqGopDA;;EAEA;IACE;IACA;IACA;IACA;IACA;;EAOE;IACE;;EAUA;IACE;;EAON;IACE;;EAIA;IACE;;EAOF;IACE;;EAON;IACE;;EAIJ;IACE;;EAGF;IACE;IACA;IACA;IACA;;EAIA;IACE;IACA;;EAOA;IACE;;EAQJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IAKE;;EAKF;IACE;;;;AAOV;AAAA;AAAA;AxGj5CA;AAAA;AAAA;AyGzZA;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA,OtGcA;;AsGVJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mBtG5BU;EsG6BV;EACA;EACA,OtGtCA;EsGuCA;EACA;EACA;;;AAMR;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAZF;AAAA;IAaI;;;AAGF;AAAA;EACE;EACA;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;EACA;;AAGE;AAAA;EACE;;AAIJ;AAAA;EACE;EACA;;AAEA;AAAA;EACE,OtGvFA;;AsG0FF;AAAA;EACE,OtG3FA;;AsGgGE;AAAA;EACE;EACA;EACA,OtGtII;EsGuIJ,kBtGpGJ;EsGqGI;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAGF;AAAA;EACE;EACA;;AAQZ;AAAA;EACE;EACA;EACA;;AAGE;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;;AAIJ;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA,OtGzKJ;EsG0KI;EACA;EACA;;AAKF;AAAA;EACE;EACA;;AAGF;AAAA;EACE;;AAMR;AAAA;EACE;EACA;EACA;;AAKE;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;;AAKM;AAAA;EACE;;AAGF;AAAA;EACE,MtGxPJ;;AsG2PE;AAAA;EACE;;AAOV;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;;AASN;AAAA;EACE;EACA;EACA;EACA;;AAGF;AAAA;EACE;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAQJ;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;AAAA;EACE;;AAKF;AAAA;EACE;;AAKF;AAAA;EACE;;AAKF;AAAA;EACE;;AAKF;AAAA;EACE;;AAOV;AAAA;EACE;EACA;;AAEA;AAAA;EACE;;AAKF;AAAA;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAMA;AAAA;EACE;;AAMR;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,OtGtWG;;AsGwWH;AAAA;EACE;EACA;;AAIJ;AAAA;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA,kBtGlZO;;AsGoZP;AAAA;EACE;EACA;EACA,OtGrZU;;AsGuZV;AAAA;EACE;EACA,OtGzZQ;EsG0ZR;EACA;;AASR;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;EACE;;AAYM;AAAA;AAAA;EAEE;EACA;EACA;;AAGF;AAAA;AAAA;EAEE;EACA;;AAUA;AAAA;EACE;;AAWd;AAAA;EACE;EACA;EACA;;AAGE;AAAA;EACE;EACA;EACA;;AAKN;AAAA;EACE;;AAIJ;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE,kBtG9fU;EsG+fV;EACA;EACA;;AAIA;AAAA;EACE;;AAKF;AAAA;EACE;;AAKF;AAAA;EACE;;AAKF;AAAA;EACE;;AAKF;AAAA;EACE;;AAMJ;AAAA;EACE;;AAKF;AAAA;EACE;;AAIJ;AAAA;EACE;EACA;;AAEA;AAAA;EACE;EACA;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA,kBtG1hBE;EsG2hBF;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,kBtG3iBI;;AsG8iBN;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OtG/kBE;EsGglBF;EACA;EACA;;AAIA;EACE;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBtGjpBM;EsGkpBN;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA,OtGnrBG;;AsGurBP;EACE;EACA;EACA;;;AAKF;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE,kBtG3vBI;;AsGiwBZ;EACE,kBtG7vBS;EsG8vBT;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA,kBtG5uBA;;AsG8uBA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AASF;EACE;;;AAQZ;AAAA;AAAA;ACv0BA;AAAA;AAAA;AAQI;AAAA;EAEI;EACA;EACA,YvG+BA;;;AuG5BR;EACI,kBvGkCc;;;AuGhClB;EACI,kBvGgCc;;;AuG9BlB;EACI,kBvGgCc;;;AuG9BlB;EACI,kBvG4Bc;;;AuGzBd;EACI;;;AAKR;EACI;;;AAIA;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA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;AwGsDtB;AAAA;AAAA;AAAA;EAIC;EACA,yBxGmCmB;;AwG7BlB;EACC,QxGzBG;;AwG8BN;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAMA;EACC,OxGGkB;EwGFlB;;AAEA;EACC;EACA;;AAMF;EACC,YxGbmB;EwGcnB,OxG/DI;;AwGmEN;EACC;EACA,YxGpBoB;;AwGuBrB;EACC;EACA,YxGzBoB;EwG0BpB,OxGtBmB;;AwGyBpB;EACC;;AAGD;AAAA;EAEC,OxG/BmB;EwGgCnB,YxGpCoB;EwGqCpB;;AAKA;EAEC,mBxGlCe;;AwGwChB;EAEC,qBxG1Ce;;AwGgDf;EACC,OxGvDiB;;AwG6DnB;EACC;;AAEA;EACC;;AAGD;EACC,kBxGxEkB;EwGyElB,OxGtEiB;;AwG2ElB;EACC,MxG7EmB;;AwGkFtB;EACC,kBxGtFoB;EwGuFpB,OxGnFmB;EwGoFnB;;AAGD;EACC,qBxGlFgB;;AwGqFjB;EACC,qBxGtFgB;;AwGyFjB;EACC;EACA,YxGrGoB;;AwGuGpB;EACC,OxGrGoB;;AwGwGrB;EACC,YxG3GmB;EwG4GnB;EACA,OxG3GoB;;AwGgHrB;EACC,OxGhHkB;;AwGoHpB;EACC,kBxGzHoB;EwG0HpB;;AAGD;EACC,kBxG9HoB;;AwGkIpB;EACC,OxGpLI;;AwG8LD;EACC;;AAEA;EACC,OxGlMD;;AwGqMA;EACC;;AAUN;EACC;;AAQC;EACC,cxG/Ja;;AwGkKd;EACC,cxGnKa;;AwG2KhB;AAAA;EACC,kBxGtLmB;;AwGyLlB;AAAA;EACC,kBxGzLiB;;AwGgMpB;EACC,kBxGjMmB;EwGkMnB,cxGzLe;;AwG6Lf;EACC,kBxGxMkB;;AwG6MrB;EACC;;AAGD;EACC,YxG7MoB;;AwGkNnB;EACC,OxGpNiB;;AwG2NlB;EACC;;AAMF;EACC;;AAKD;EACC,YxG5OmB;;AwG+OpB;EACC,cxGvOe;;AwG6Od;AAAA;EAEC,OxGrPgB;;AwG4PnB;EACC,kBxGhQmB;;AwGoQnB;EACC,qBxGtQkB;;AwGwQlB;EACC,qBxGxQiB;;AwG8QnB;EACC,kBxGhRkB;;AwGkRlB;EACC,kBxG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EACA,kBxGx0JgB;;AwG20JjB;EACC;;AAGD;EACC;;AAOE;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAUA;EACC;EACA;;AAEA;EACC;;AAQJ;EACC,cxGl3JU;;AwGmxJb;EACC;EACA,kBxG/xJgB;;AwGkyJjB;EACC;;AAGD;EACC;EACA,kBxGxyJgB;;AwG2yJjB;EACC;;AAGD;EACC;EACA,kBxGjzJgB;;AwGozJjB;EACC;;AAEA;EACC;EACA;;AAIF;EACC;EACA,kBxG/zJgB;;AwGk0JjB;EACC;;AAGD;EACC;EACA,kBxGx0JgB;;AwG20JjB;EACC;;AAGD;EACC;;AAOE;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAUA;EACC;EACA;;AAEA;EACC;;AAQJ;EACC,cxGl3JU;;AwGmxJb;EACC;EACA,kBxG/xJgB;;AwGkyJjB;EACC;;AAGD;EACC;EACA,kBxGxyJgB;;AwG2yJjB;EACC;;AAGD;EACC;EACA,kBxGjzJgB;;AwGozJjB;EACC;;AAEA;EACC;EACA;;AAIF;EACC;EACA,kBxG/zJgB;;AwGk0JjB;EACC;;AAGD;EACC;EACA,kBxGx0JgB;;AwG20JjB;EACC;;AAGD;EACC;;AAOE;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAUA;EACC;EACA;;AAEA;EACC;;AAQJ;EACC,cxGl3JU;;AwGmxJb;EACC;EACA,kBxG/xJgB;;AwGkyJjB;EACC;;AAGD;EACC;EACA,kBxGxyJgB;;AwG2yJjB;EACC;;AAGD;EACC;EACA,kBxGjzJgB;;AwGozJjB;EACC;;AAEA;EACC;EACA;;AAIF;EACC;EACA,kBxG/zJgB;;AwGk0JjB;EACC;;AAGD;EACC;EACA,kBxGx0JgB;;AwG20JjB;EACC;;AAGD;EACC;;AAOE;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAUA;EACC;EACA;;AAEA;EACC;;AAQJ;EACC,cxGl3JU;;AwGmxJb;EACC;EACA,kBxG/xJgB;;AwGkyJjB;EACC;;AAGD;EACC;EACA,kBxGxyJgB;;AwG2yJjB;EACC;;AAGD;EAC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KgB;;AwGy2KjB;EACC,OxGx2KiB;;AwG62KhB;EACC,OxG92Ke;;AwGi3KhB;EACC,kBxGr3Kc;EwGs3Kd,OxGl3Ka;EwGm3Kb,cxGv3Kc;;AwG23KhB;EACC,kBxG53Ke;;AwGm4KjB;EACC,OxGh4Ke;;AwGm4KhB;EACC,OxGr4KiB;;AwGw4KlB;EACC,OxGx4Ke;;AwG24KhB;EACC,kBxG/4KgB;;AwGo5Kd;AAAA;EAEC,kBxGv5Ka;EwGw5Kb;EACA,OxGr5KY;;AwG25KZ;EACC,kBxGh6KY;EwGi6KZ;;AAUR;EACC,kBxG36KmB;;AwG+6KnB;EACC,OxG76KiB;EwG86KjB;;AAME;EACC;;AAQJ;EACC,kBxGj8KkB;;AwGm8KlB;EACC,kBxGp8KiB;EwGq8KjB;EAEA,OxGz/KE;;AwG4/KH;EACC;;AAKD;EACC;EACA;;AAKD;EACC;EACA;;AAMF;EACC,kBxGh+KkB;;AwGo+KpB;EACC,kBxGr+KmB;EwGs+KnB;;AAGD;EAEE;IACC;;;AAMH;EAEE;IACC;;EAIF;IACC;IACA,kBxG3/KkB;;EwGigLhB;IACC,OxG7lLgB;;;AwGomLrB;EAII;IACC;;EAYA;IACC;;;AASP;EACC,kBxGtiLoB;;AwG0iLpB;EACC,kBxG1iLmB;;AwG8iLrB;EACC,kBxG/iLoB;;AwGijLpB;EACC,YxGljLmB;EwGmjLnB;EACA;;AAEA;EACC,kBxGxjLkB;EwGyjLlB;EACA,OxGtjLiB;;AwGyjLlB;EACC;EACA,OxG5jLmB;;AwGkkLrB;EACC,kBxGtkLmB;EwGukLnB,OxGnkLkB;EwGokLlB;;AAGD;EACC,OxGzkLoB;;AwG4kLrB;EACC,kBxGhlLmB;EwGilLnB,OxG7kLkB;EwG8kLlB;;AAMC;AAAA;EACC,kBxGzlLiB;EwG0lLjB;;AAOH;EACC,kBxGhmLc;;AwGmmLf;AAAA;EAEC,kBxGvmLmB;EwGwmLnB;;AAIA;EACC,OxGzmLiB;;AwG8mLlB;EACC,OxG/mLiB;;AwGonLlB;EACC,kBxGznLkB;EwG0nLlB;EACA,OxGvnLiB;;AwG2nLnB;EACC;EACA;;AAIF;EACC,kBxGtoLoB;EwGuoLpB;;AA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e;;AwGo2PhB;EACC,OxGr2Pe;;AwG62PnB;EACC,OxG92PkB;;AwGk3PpB;EACC;;AAIE;EACC,OxGx3PgB;;AwG+3PnB;EACC;;AAUI;EACC;;AAaJ;EACC,kBxG75PiB;;AwGo6PpB;EACC;;AAGD;EACC,OxGz6PmB;;AwG26PnB;E1Gr6PA,cENmB;EFOnB,qB0Gq6P2C;E1Gp6P3C,mB0Go6PoE;;A1Gl6PpE;EACI;EACA,oB0Gg6PgE;;AAOlE;E1G76PF,cENmB;EFOnB,qB0G66P6C;E1G56P7C,mB0G46PsE;;A1G16PtE;EACI;EACA,oB0Gw6PkE;;AAMvE;EACC,kBxGz7Pc;;AwG67PZ;E1Gz7PF,cEJc;EFKd,qB0Gy7PwC;E1Gx7PxC,mB0Gw7PiE;;A1Gt7PjE;EACI;EACA,oB0Go7P6D;;AAKjE;EACC,kBxGp8Pa;;AwG28Pd;EACC,kBxG98PkB;;AwGg9PlB;EACC,kBxGh9PiB;EwGi9PjB,OxG98PgB;;AwGk9PlB;EACC,kBxGt9PkB;;AwGy9PjB;EACC,kBxG19PgB;;AwG49PhB;EACC,kBxG79Pe;;AwGk+PlB;EACC,kBxGp+PiB;;AwGs+PjB;EACC,kBxGv+PgB;;AwG0+PjB;EACC;;AAOH;EACC,kBxGl/PkB;;AwGq/PjB;EACC,kBxGr/PW;EwGs/PX,OxGp/Pe;;AwG0/PnB;EACC;;AAMD;EACC,OxG1kQQ;EwG2kQR;EACA;;AAGD;EACC,kBxG5gQmB;;AwG+gQpB;EACC,kBxGhhQmB;;AwGohQnB;EACC,kBxGrhQkB;;AwGwhQnB;EACC,kBxGxhQkB;EwGyhQlB;;AAEA;EACC;;AAIF;EACC,cxGxhQc;;AwG8hQhB;EACC;;AAOA;EACC,OxG7iQiB;;AwGmjQnB;EACC,kBxGxjQmB;;AwG8jQnB;EACC,OxG3jQiB;;AwGikQjB;EACC;;AAIF;EACC,YxG1oQe;;AwGipQd;AAAA;EACC;EACA;;AASJ;EACC,OxG1lQkB;;AwG6lQnB;EACC;;AAMF;EACC;;AAEA;AAAA;EAEC,OxGzmQkB;;AwG4mQnB;EACC;;AAIF;EACC;;AAIA;EACC,cxGjnQe;;AwGonQhB;EACC,kBxG/nQmB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CC,cxG72SgB;;AwGi3ShB;EACC,YxG53SmB;;AwG83SnB;EACC,OxG33SiB;;AwG83SlB;EACC,YxGl8Se;;AwGq8ShB;AAAA;EAEC,OxGp4SiB;;AwGu4SlB;EACC,OxGv4SkB;;AwG04SnB;EACC;;AAMD;AAAA;EAEC,cxG94Sc;EwG+4Sd,kBxGx5SkB;;AwG65SnB;EACC,kBxGr5Sc;;AwG+5Sb;EACC,cxGh6SY;;AwGm6Sb;AAAA;EAEC;;AAGD;EACC,OxG/6Se;;AwGu7SpB;EACC,OxGx7SmB;EwGy7SnB,kBxG77SoB;EwG87SpB,cxGp7SgB;;AwGy7ShB;AAAA;EAEC,kBxGr8SmB;EwGs8SnB,cxG57Se;EwG67Sf,OxGn8SkB;;AwG48ShB;EACC,cxGv8SY;;AwGy8SZ;EACC,OxGh9Sc;;AwGy9Sd;EACC,OxG39Se;;AwGw+SlB;EACC,kBxG5+SgB;;AwG4gTjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC,kBxG7gTgB;EwG8gThB,OxG1gTe;EwG2gTf,cxGrgTY;;AwGygTZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC,SxGnlTY;;AwG2lTZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAQF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC,OxG5lTA;;AwGkmTF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC,OxG9iTe;;AwGmjThB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC,OxGpjTe;;AwGujThB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC,kBxG5jTgB;EwG6jThB,OxGzjTe;EwG0jTf;;AAKD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC,kBxGpkTgB;;AwGskThB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC,kBxG3kTe;EwG4kTf,OxGxkTc;;AwGolTf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA,kBxG1lTe;;AwG4lTf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AASP;EACC;;AAIA;EACC,kBxG5mTmB;;AwGgnTrB;EACC;;AAQC;AAAA;AAAA;AAAA;EACC,cxGhnTc;EwGinTd,OxGvnTiB;;AwG0nTlB;AAAA;AAAA;AAAA;EACC;;AAEA;AAAA;AAAA;AAAA;EACC,kBxGloTiB;EwGmoTjB;;AAEA;AAAA;AAAA;AAAA;EACC;;AAGD;AAAA;AAAA;AAAA;EACC;EACA,OxG5rTC;;AwGqsTL;EACC;EACA;;AAIA;EACC;;AAIA;EACC;;AAMF;EACC,OxGnqTiB;;AwGsqTlB;EACC,kBxGvqTiB;;AwG2qTjB;EACC,OxGhrTiB;;AwGmrTlB;EACC,kBxGprTiB;;AwGusTb;AAAA;AAAA;AAAA;EACC,OxGpsTW;;AwG0tTd;AAAA;AAAA;AAAA;EACC,kBxG/tTc;;AwGiuTd;AAAA;AAAA;AAAA;EACC,OxG9tTY;;AwGmvTd;AAAA;AAAA;AAAA;EACC,kBxGxvTc;;AwG0vTd;AAAA;AAAA;AAAA;EACC,OxGtvTa;;AwGuwTf;EACC;;AAYL;EACC,OxGtxTiB;;AwG8xTlB;EACC;;AAgBM;AAAA;AAAA;AAAA;EACC;;AAMF;AAAA;AAAA;AAAA;EACC;;AAQA;AAAA;EACC,kBxGp0TW;;AwGi1TpB;EACC,OxG56ToB;;AwGi7TrB;EACC,OxGz4TI;;AwG+4TJ;EACC,OxGz7TmB;;AwGi8TnB;EACC;EACA;;AAUE;EACC,OxG98Te;EwG+8Tf;;AAGD;EACC,OxGn9Te;;AwG69TtB;EACC;EACA;;AAQG;EACC,YxGn4TgB;;AwGq4ThB;EACC,kBxGn4TiB;EwGo4TjB,OxGn8TA;EwGo8TA,QxGl9TY;;AwGo9TZ;EAEC,exG74TU;;AwGy5ThB;AAAA;EACC,kBxGp6TmB;EwGq6TnB,cxG35Te;EwG45Tf,OxGl6TkB;;AwGs6TpB;EACC,kBxG36ToB;EwG46TpB,cxGl6TgB;;AwGu6Tf;EACC,kBxGl7TkB;EwGm7TlB,cxGz6Tc;;AwG46Tf;EACC,kBxGv7TkB;EwGw7TlB,cxG96Tc;;AwGi7Tf;EACC,kBxG57TkB;EwG67TlB,cxGn7Tc;;AwG67TZ;EACC,OxGp8Tc;;AwGg9TjB;EACC;;AAKD;EACC;;AAKD;EACC;;AAWG;EACC;;AAQJ;EACC;;AAKD;EACC;;AAYE;EACC;;AAMA;EACC;;AAgBL;EACC;;AASD;EACC;;AAUH;EACC;;AAGC;EACC;;AAOD;EACC,OxGnnUC;;AwG4nUF;EACC;;AAWD;EACC;;AASD;EACC;;AAYE;EACC;;AAQJ;EACC;;AAKD;EACC;;AAWH;AAAA;EACC,kBxG1oUkB;EwG2oUlB,OxGvoUiB;;AwGgpUjB;EACC,OxGzoUU;;AwGgpUd;EACC;;AAGC;EACC,qBxGjqUkB;;AwGoqUnB;EACC,qBxGrqUkB;;AwG0qUnB;EACC,kBxG3qUkB;;AwG8qUnB;EACC,kBxG/qUkB;;AwGmrUpB;EACC,kBxGprUmB;;AwGyrUnB;AAAA;EAEC,MxGvrUiB;;AwG0rUlB;EACC,OxG3rUiB;;AwG6rUjB;EACC,kBxGlsUiB;;AwGssUnB;EACC,OxGnsUiB;;AwG0sUhB;EACC,YxG7sUW;EwG8sUX,cxG9sUW;EwG+sUX;;AAMJ;EACC;;AAGD;EACC,OxGxtUkB;;AwG0tUlB;EACC,OxG1tUkB;;AwG6tUnB;EACC,OxG9tUkB;;AwGiuUnB;EACC,YxGruUa;;AwGyuUf;EACC,kBxGluUe;;AwGouUf;EACC,OxG3uUiB;;AwG8uUlB;EACC,OxG9uUkB;EwG+uUlB,YxGpvUkB;;AwGsvUlB;EACC,OxGnvUgB;;AwGyvUpB;EACC;;AAEA;EACC,YxGjwUmB;;AwGywUjB;EACC,OxGp2UiB;;AwG42UrB;EACC;;AAMA;EACC,cxGhxUc;EwGixUd;;AAWG;EACC,kBxGtyUc;EwGuyUd,OxGpyUa;;AwG8yUpB;EACC,kBxGnzUoB;;AwGszUrB;EACC,OxGpzUqB;;AwGszUrB;EACC,OxGvzUoB;;AwG2zUpB;EACC,OxG1zUkB;;AwG+zUrB;EACC,cxG3zUgB;EwG4zUhB;;AAEA;EACC,OxGr0UkB;;AwGy0UpB;EACC;EACA;;AAEA;EACC,OxG90UkB;;AwGi1UnB;EACC;;AAKD;EACC,cxGl1Ue;EwGm1Uf,kBxG51UmB;EwG61UnB,OxG11UkB;;AwG41UlB;EACC;;AAKD;EACC;;AAMD;AAAA;EACC;;AAKH;EACC,OxGh3UmB;;AwGm3UpB;EACC,kBxGv3UoB;;AwG43UnB;EACC,kBxG/2UyB;;AwGu3UxB;EACC,kBxGn4Ue;;AwGw5UZ;AAAA;AAAA;AAAA;EACC;EACA,kBxG95UY;;AwG86UjB;EACC;;AAQJ;EACC,kBxGv7UmB;;AwG67UnB;EACC,kBxG97UkB;EwG+7UlB;;AAOG;EACC,kBxGvgVW;;AwG2gVT;EACC,OxG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","file":"color-4.css","sourcesContent":["/*! -----------------------------------------------------------------------------------\n\n    Template Name: Paris Admin\n    Template URI: http://admin.pixelstrap.net/paris/template\n    Description: This is Admin theme\n    Author: Pixelstrap\n    Author URI: https://themeforest.net/user/pixelstrap\n\n-----------------------------------------------------------------------------------\n\n    1.Base css\n        1.1 Reset CSS\n        1.2 Typography CSS\n\n    2.Components css\n        2.1 According CSS\n        2.2 Alert CSS\n        2.3 Avatars CSS\n        2.4 Badge CSS\n        2.5 Bookmark CSS\n        2.6 Breadcrumb CSS\n        2.7 Basic-card CSS      \n        2.8 Buttons CSS\n        2.9 Block-ui CSS\n        2.10 Card CSS\n        2.11 Color CSS\n        2.12 Datatable CSS\n        2.13 Datapicker CSS\n        2.14 Dropdown CSS\n        2.15 Form-input CSS\n        2.16 Form-wizard CSS\n        2.17 Forms CSS\n        2.18 Icons CSS\n        2.19 List CSS\n        2.20 Loader CSS  \n        2.21 Modal CSS\n        2.22 Popover CSS\n        2.23 Print CSS\n        2.24 Radio CSS\n        2.25 Ribbon CSS\n        2.26 Range-slider CSS\n        2.27 Switch CSS\n        2.28 Tab CSS\n        2.29 Table CSS\n        2.30 Toasts CSS\n        2.31 Touchspin CSS\n        2.32 Tour CSS\n        2.33 Tree CSS\n        2.34 Typeahead-search CSS\n        2.35 Scrollbar CSS\n\n\n    3. Pages\n        3.1 Add-product CSS\n        3.2 Blog CSS\n        3.3 Bookmark-app CSS\n        3.4 Cart CSS\n        3.5 Chart CSS\n        3.6 Chat CSS\n        3.7 Checkout CSS\n        3.8 Comingsoon CSS\n        3.9 Contacts CSS\n        3.10 Dashboard_2 CSS\n        3.11 Dashboard_3 CSS \n        3.12 Dashboard_4 CSS\n        3.13 Dashboard_5 CSS\n        3.14 Dashboard_6 CSS\n        3.15 Dashboard_7 CSS\n        3.16 Dashboard_8 CSS\n        3.17 Dashboard_9 CSS\n        3.18 Dashboard_10 CSS\n        3.19 Dashboard_11 CSS\n        3.20 Dashboard_default CSS\n        3.21 Divider CSS\n        3.22 Flash_icons CSS\n        // 3.23 General-widget CSS\n        3.23 Ecommerce CSS\n        3.24 Email-application CSS\n        3.25 Mail-box CSS\n        3.26 Errorpage CSS\n        3.27 Faq CSS\n        3.28 File CSS\n        3.29 File-manger CSS\n        3.30 Gallery CSS\n        3.31 Helper CSS\n        3.32 Internationalization CSS\n        3.33 Invoice CSS\n        3.34 Job-search CSS\n        3.35 Jsgrid CSS\n        3.36 Editors CSS\n        3.37 Kanban CSS\n        3.38 Knowledgebase CSS\n        3.39 Landing CSS\n        3.40 Language CSS\n        3.41 Learning CSS\n        3.42 Login CSS\n        3.43 Megaoption CSS\n        3.44 Navigate-link CSS\n        3.45 Order-history CSS\n        3.46 Offcanvas CSS\n        3.47 Page CSS\n        3.48 Pricing CSS\n        3.49 Progress CSS\n        3.50 Projectlist CSS\n        3.51 Placeholders CSS\n        3.52 Rating CSS\n        3.53 Social-app CSS\n        3.54 Scrollspy CSS\n        3.55 Sweet-alert CSS\n        3.56 Sellers CSS\n        3.57 Task CSS\n        3.58 Timeline-v CSS\n        3.59 User-profile CSS\n        3.60 Wishlist CSS\n        3.61 Roles-permission CSS\n        3.62 Manage-reviews CSS\n        3.63 Reports CSS\n        3.64 Settings CSS\n        3.65 Dashboard_12 CSS\n        3.66 Dashboard_13 CSS\n\n    \n    4. Themes\n        4.1. Dark CSS\n        4.2 Theme-customizer CSS\n        4.3 Update CSS\n\n    5. Layout\n        5.1 Footer CSS\n        5.2 Grid CSS\n        5.3 Header CSS\n        5.4 Navs CSS\n        5.5 Search CSS\n        5.6 Select2 CSS\n        5.7 Sidebar CSS\n        5.8 Rtl CSS\n        5.9 Box-layout CSS\n\n */\n// *** utils ***\n@import \"utils/variables\";\n\n$secondary-color: #ffb18a;\n$warning-color: #86d97a;\n.secondary-light {\n    background-color: #ffdfcf !important;\n}\n.warning-light {\n    background-color: #d3fbcd !important;\n}\n:root {\n    --theme-default: #1c1b20;\n    --theme-secondary: 255, 177, 138 !important;\n    --theme-warning: 134, 217, 122;\n    --light-background: #f5f5f5;\n    --body-font-color: #2F2F3B;\n    --chart-border: #ECF3FA;\n    --recent-chart-bg: #FCFCFD;\n    --light-bg: #f5f5f5;\n    --white: #fff;\n    --light2: #F7F8F9;\n    --sidebar-border: rgba(0, 0, 0, 0.1);\n    --chart-text-color: rgba(82, 82, 108, 0.8);\n    --recent-dashed-border: rgba(82, 82, 108, 0.3);\n    --chart-dashed-border: rgba(82, 82, 108, 0.2);\n    --chart-progress-light: rgba(82, 82, 108, 0.1);\n    --recent-box-bg: #F2F4F7;\n    --recent-border: rgba(97, 101, 122, 0.25);\n    --course-light-btn: #F2F3F7;\n    --course-bg: #F7F7F7;\n    --balance-profile-bg: #E0DFEF;\n    --view-grid-bg: #ECF3FA80;\n    --view-border-marker: #e9edf1;\n    --light-slate: #F7F8F9;\n    --product-shadow: 0px 1px 0px rgba(82, 82, 108, 0.15);\n    --light-shade-primary: rgb(203 203 203);\n    --rgb-primary: rgba(57, 73, 171);\n    --f-lighter: #7f8183;\n    --light-datatable-odd: #F5F6FA;\n    --dark-light-color: rgba(10, 10, 10, 0.5);\n    --lighter-gray: rgba(33, 37, 41, 0.75);\n    \n    // Charts color\n    --primary-70: rgba(57 ,73 ,171, 0.7);\n    --warning-70: rgba(255, 169, 65, 0.7);\n    --success-70: rgba(84, 186, 74, 0.7);\n\n    --fc-button-bg-color: var(--theme-default);\n    --fc-button-active-bg-color: var(--theme-default);\n    --fc-button-active-border-color: var(--theme-default);\n    --fc-button-border-color: var(--theme-default);\n    --fc-button-hover-bg-color: var(--theme-default);\n    --fc-button-hover-border-color: var(--theme-default);\n\n    // rating \n    --normal: #ECEAF3;\n    --normal-shadow: #D9D8E3;\n    --normal-mouth: #9795A4;\n    --normal-eye: #595861;\n    --active: #F8DA69;\n    --active-shadow: #F4B555;\n    --active-mouth: #F05136;\n    --active-eye: #313036;\n    --active-tear: #76b5e7;\n    --active-shadow-angry: #e94f1d;\n\n    // Bootstrap colors\n    --bs-emphasis-color-rgb: rgba(242, 243, 247, 0.7);\n    --bs-border-color: var(--sidebar-border);\n    --bs-table-bg: var(--bs-emphasis-color-rgb);\n    --bs-heading-color: #1C1B20;\n    --bs-body-font-weight: 500;\n    // Tagify\n    /* Do not show the \"remove tag\" (x) button when only a single tag remains */\n    .customLook {\n        --tag-bg: var(--theme-default);\n        --tag-hover: rgba(var(--theme-secondary),1);\n        --tag-text-color: var(--white);\n        --tags-border-color: silver;\n        --tag-border-radius: 25px;\n        --tag-text-color--edit: #111;\n        --tag-remove-bg: var(--tag-hover);\n        --tag-pad: .6em 1em;\n        --tag-inset-shadow-size: 1.35em;\n        --tag-remove-btn-bg--hover: #000;\n        --tagify-dd-color-primary: var(var(--theme-default));\n        --tagify-dd-bg-color: var(--course-light-btn);\n    }\n\n    // tables\n    .table {\n        --bs-table-color-state: initial;\n        --bs-body-bg: auto;\n\n        &.table-inverse {\n            --bs-table-bg: #292b2c;\n        }\n\n        &.table-striped {\n            &.bg-primary {\n                --bs-table-bg: unset;\n            }\n        }\n    }\n}\n.dark-only {\n    --theme-default: #f6f6f6;\n    --light-background: #171717;\n    --recent-chart-bg: #262932;\n    --light-bg: #1d1e26;\n    --white: #232323;\n    --sidebar-border: rgba(255, 255, 255, 0.1);\n    --light2: #171717;\n    --chart-border: #374558;\n    --recent-box-bg: #1d1e26;\n    --recent-border: #363636;\n    --body-font-color: rgba(255, 255, 255, 0.8);\n    --chart-text-color: rgb(177 177 177);\n    --chart-dashed-border: rgba(135, 135, 136, 0.2);\n    --chart-progress-light: rgba(255, 255, 255, 0.1);\n    --course-light-btn: var(--light-bg);\n    --course-bg: rgba(31, 32, 40, 0.65);\n    --view-grid-bg: var(--light-bg);\n    --view-border-marker: #222222;\n    --light-slate: #171717;\n    --light-datatable-odd: #191e27;\n    --product-shadow: 0px 1px 0px rgb(55 70 87);\n    --light-shade-primary: rgb(68 68 68);\n    --light-gray-1: linear-gradient(0deg, #FCFCFD, #FCFCFD),\n        linear-gradient(0deg, #FFFFFF, #FFFFFF);\n    --bs-body-bg: rgba(255, 255, 255, 0.6);\n    --bs-table-bg: transparent;\n    --light-bg-primary: rgba(239, 238, 255);\n    --lighter-gray: rgba(255, 255, 255, 0.2);\n\n    // Bootstrap\n    --bs-heading-color: rgba(255, 255, 255, 0.7);\n    --bs-emphasis-color-rgb: var(--light-background);\n    --bs-border-color: rgba(255, 255, 255, 0.1);\n\n    .table {\n        &.table-inverse {\n            --bs-table-bg: rgba(255, 255, 255, 0.1);\n        }\n\n        &.table-striped {\n            &.bg-primary {\n                --bs-table-bg: unset;\n            }\n        }\n    }\n}\n\n// *** Utils ***\n@import \"utils/mixin\";\n\n\n// *** base ***\n@import \"base/reset\";\n@import \"base/typography\";\n\n//  *** components ***\n@import \"components/according\";\n@import \"components/alert\";\n@import \"components/avatars\";\n@import \"components/badge\";\n@import \"components/bookmark\";\n@import \"components/breadcrumb\";\n@import \"components/basic-card\";\n@import \"components/buttons\";\n@import \"components/block-ui\";\n@import \"components/card\";\n@import \"components/datatable\";\n@import \"components/datepicker\";\n@import \"components/dropdown\";\n@import \"components/form-input\";\n@import \"components/form-wizard\";\n@import \"components/forms\";\n@import \"components/icons\";\n@import \"components/list\";\n@import \"components/loader\";\n@import \"components/modal\";\n@import \"components/popover\";\n@import \"components/print\";\n@import \"components/radio\";\n@import \"components/ribbon\";\n@import \"components/range-slider\";\n@import \"components/switch\";\n@import \"components/tab\";\n@import \"components/table\";\n@import \"components/toasts\";\n@import \"components/touchspin\";\n@import \"components/tour\";\n@import \"components/tree\";\n@import \"components/typeahead-search\";\n@import \"components/scrollbar\";\n\n//\t*** pages ***\n\n@import \"pages/add-product\";\n@import \"pages/blog\";\n@import \"pages/bookmark-app\";\n@import \"pages/cart\";\n@import \"pages/chart\";\n@import \"pages/chat\";\n@import \"pages/checkout\";\n@import \"pages/comingsoon\";\n@import \"pages/contacts\";\n@import \"pages/dashboard_3\";\n@import \"pages/dashboard_2\";\n@import \"pages/dashboard_default\";\n@import \"pages/divider\";\n@import \"pages/flash_icons\";\n@import \"pages/general-widget\";\n@import \"pages/ecommerce\";\n@import \"pages/email-application\";\n@import \"pages/mail_box\";\n@import \"pages/errorpage\";\n@import \"pages/faq\";\n@import \"pages/file\";\n@import \"pages/file-manager\";\n@import \"pages/gallery\";\n@import \"pages/helper\";\n@import \"pages/internationalization\";\n@import \"pages/invoice\";\n@import \"pages/job-search\";\n@import \"pages/jsgrid\";\n@import \"pages/editors\";\n@import \"pages/kanban\";\n@import \"pages/knowledgebase\";\n@import \"pages/landing\";\n@import \"pages/language\";\n@import \"pages/learning\";\n@import \"pages/login\";\n@import \"pages/megaoption\";\n@import \"pages/manage-reviews\";\n@import \"pages/navigate-links\";\n@import \"pages/order-history\";\n@import \"pages/offcanvas\";\n@import \"pages/page\";\n@import \"pages/pricing\";\n@import \"pages/progress\";\n@import \"pages/projectlist\";\n@import \"pages/placeholders\";\n@import \"pages/rating\";\n@import \"pages/roles-permission\";\n@import \"pages/reports\";\n@import \"pages/social-app\";\n@import \"pages/scrollspy\";\n@import \"pages/sweet-alert\";\n@import 'pages/sellers';\n@import 'pages/settings';\n@import \"pages/task\";\n@import \"pages/timeline-v\";\n@import \"pages/user-profile\";\n@import \"pages/wishlist\";\n\n// *** layout *** \n\n@import \"layout/footer\";\n@import \"layout/grid\";\n@import \"layout/header\";\n@import \"layout/navs\";\n@import \"layout/search\";\n@import \"layout/select2\";\n@import \"layout/sidebar\";\n@import \"layout/rtl\";\n@import \"layout/box-layout\";\n\n/* ---------------------\n\t*** themes ***\n-----------------------*/\n\n@import \"themes/theme-customizer\";\n@import \"themes/update\";\n@import \"themes/dark\";","/**=====================\n    1.2 Mixin CSS start\n==========================**/\n\n// ****************** Pixelstrap useable mixins start  *************************\n\n@mixin pixelstrap-size($width, $height) {\n    width: $width;\n    height: $height;\n}\n\n@mixin pixelstrap-flex($display, $justify, $align) {\n    display: $display;\n    justify-content: $justify;\n    align-items: $align;\n    @content;\n}\n\n@mixin pixelstrap-ellipsis {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n@mixin ellipsis {\n    text-overflow: ellipsis;\n    overflow: hidden;\n    display: -webkit-box !important;\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    white-space: normal;\n}\n@mixin multi-line-ellipsis($clamp-value, $height, $direction, $overflow-option) {\n    display: -webkit-box;\n    max-width: 100%;\n    -webkit-line-clamp: $clamp-value;\n    height: $height;\n    -webkit-box-orient: $direction;\n    overflow: $overflow-option;\n    text-overflow: ellipsis;\n}\n\n// Common square\n@mixin square-box($width, $height, $b-radius, $bg-color) {\n    width: $width;\n    height: $height;\n    border-radius: $b-radius;\n    background-color: var(--light-background);\n    @content;\n}\n\n@mixin svg-size($size, $stroke) {\n    width: $size;\n    height: $size;\n    stroke: $stroke;\n}\n\n// Common-first/last child\n@mixin pixelstrap-child($padding-top, $padding-bottom) {\n    &:first-child {\n        padding-top: $padding-top;\n    }\n\n    &:last-child {\n        padding-bottom: $padding-bottom;\n    }\n}\n\n// Common search spacing \n@mixin pixelstrap-search($width, $padding, $border-radius) {\n    width: $width;\n    padding: $padding;\n    border-radius: $border-radius;\n}\n\n// ****************** Pixelstrap useable mixins end  *************************\n\n// Chats mixin\n@mixin msg-left($image, $width, $height) {\n    background-image: $image;\n    width: $width;\n    height: $height;\n}\n\n// File manager \n@mixin folder-file($size) {\n    @include pixelstrap-flex(flex, center, center);\n    width: $size;\n    height: $size;\n    min-width: $size;\n    max-width: $size;\n    flex-direction: column;\n    padding: calc(10px + (18 - 10) * ((100vw - 320px) / (1920 - 320)));\n    cursor: pointer;\n    border-radius: 10px;\n    background-color: var(--light2);\n}\n\n@mixin file-icon($border-color, $b-b-color, $b-l-color) {\n    border-color: $border-color;\n    border-bottom-color: $b-b-color;\n    border-left-color: $b-l-color;\n\n    [dir=\"rtl\"] & {\n        border-left-color: unset;\n        border-right-color: $b-l-color;\n    }\n}\n\n// Project list \n@mixin group-profile {\n\n    &::before {\n        content: unset;\n    }\n\n    li {\n        padding-bottom: 0;\n\n        +li {\n            margin-left: -12px;\n\n            [dir=\"rtl\"] & {\n                margin-left: unset;\n                margin-right: -12px;\n            }\n        }\n\n        img {\n            transition: 0.5s;\n        }\n\n        img,\n        .light-background {\n            &:hover {\n                transform: translateY(-4px) scale(1.02);\n                transition: 0.5s;\n            }\n        }\n    }\n}\n\n@mixin last-padding {\n    .common-space {\n        padding-bottom: 6px;\n\n        &:last-child {\n            padding-bottom: 0;\n        }\n    }\n}\n\n@mixin pixelstrap-status($dark-only: true) {\n    @if $dark-only {\n\n        .card,\n        .list-box {\n            padding: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));\n            cursor: pointer;\n            // background-color: var(--recent-chart-bg);\n            box-shadow: (0px 9px 20px 0px #2E235E12);\n\n            .header-top {\n                margin-bottom: 12px;\n                flex-wrap: wrap;\n            }\n\n            .project-body {\n                span {\n                    color: rgba($badge-light-color, 80%);\n                    margin-bottom: 8px;\n                    @include multi-line-ellipsis(2, auto, vertical, hidden);\n\n                }\n\n                .progress {\n                    height: 6px;\n                    margin-bottom: 8px;\n                }\n            }\n        }\n\n        &:last-child {\n            .card {\n                margin-bottom: 0;\n            }\n        }\n\n        ul {\n            li {\n                +li {\n                    margin-left: -12px;\n\n                    [dir=\"rtl\"] & {\n                        margin-left: unset;\n                        margin-right: -12px;\n                    }\n                }\n\n                img {\n                    transition: 0.5s;\n                }\n\n                img,\n                .light-background {\n                    &:hover {\n                        transform: translateY(-4px) scale(1.02);\n                        transition: 0.5s;\n                    }\n                }\n            }\n        }\n\n        .badge {\n            padding: calc(6px + (10 - 6) * ((100vw - 320px) / (1920 - 320))) calc(6px + (12 - 6) * ((100vw - 320px) / (1920 - 320)));\n            font-size: 12px;\n        }\n\n        .project-body {\n            h6 {\n                @include multi-line-ellipsis(2, auto, vertical, hidden);\n            }\n\n            >img {\n                @include pixelstrap-size(100%, calc(85px + (126 - 85) * (100vw - 320px) / (1920 - 320)));\n                border-radius: 5px;\n                margin-bottom: 15px;\n                object-fit: cover;\n            }\n\n            ul {\n                padding-bottom: calc(12px + (15 - 12) * ((100vw - 320px) / (1920 - 320)));\n            }\n\n            .project-bottom {\n                padding-top: calc(12px + (18 - 12) * ((100vw - 320px) / (1920 - 320)));\n                border-top: 1px solid rgba($badge-light-color, 10%);\n                flex-wrap: wrap;\n                gap: 6px;\n\n                .common-flex {\n                    span {\n                        margin-bottom: 0;\n                        @include pixelstrap-flex(flex, center, center);\n                    }\n\n                    svg {\n                        @media (max-width:767px) {\n                            @include pixelstrap-size(14px, 14px);\n                        }\n                    }\n                }\n\n                span {\n                    background-color: var(--light-background);\n                    padding: calc(4px + (6 - 4) * ((100vw - 320px) / (1920 - 320))) calc(8px + (12 - 8) * ((100vw - 320px) / (1920 - 320)));\n                    border-radius: 5px;\n                }\n\n                svg {\n                    @include pixelstrap-size(16px, 16px);\n                    stroke: rgba($badge-light-color, 80%);\n                    vertical-align: text-top;\n                }\n            }\n        }\n    }\n\n    @else {\n\n        .card,\n        .list-box {\n            box-shadow: 0px 9px 20px 0px $dark-card-inbox;\n\n            .project-body {\n                span {\n                    color: rgba($dark-all-font-color, 0.4);\n                }\n\n                .project-bottom {\n                    border-top: 1px solid $dark-card-border;\n\n                    svg {\n                        stroke: $dark-all-font-color;\n                    }\n                }\n            }\n        }\n    }\n}\n\n// Range-slider\n@mixin range-slider($color) {\n    .irs--square {\n        .irs-handle {\n            border: 3px solid $color;\n        }\n\n        .irs-from,\n        .irs-to,\n        .irs-bar {\n            background-color: $color;\n        }\n    }\n}\n\n/**=====================\n    1.2 Mixin CSS end\n==========================**/","/**=====================\n    1.1 Reset CSS start\n==========================**/\n\n.f-light {\n  color: $theme-body-sub-title-color;\n}\n\n.c-light {\n  color: $badge-light-color;\n}\n\n.c-o-light {\n  color: $badge-light-color;\n  opacity: 0.8;\n}\n\n.light-white {\n  color: $white;\n}\n.text-warning {\n  color: #ffa800 !important;\n}\n.pull-right {\n  float: right;\n}\n\nsvg {\n  &.f-light {\n    fill: $theme-body-sub-title-color;\n    opacity: 0.8;\n  }\n}\n\n.w-600 {\n  width: 600px;\n}\n\n.light-card {\n  background-color: var(--light-background);\n}\n\n.light-background {\n  background-color: var(--light-bg);\n}\n\n.icon-arrow-down,\n.icon-arrow-up {\n  &.icon-rotate {\n    transform: rotate(-45deg);\n    display: inline-block;\n  }\n}\n\n[contenteditable] {\n  outline: 0 solid transparent;\n}\n\n::selection {\n  background-color: $primary-color;\n  color: $white;\n}\n\n::-moz-selection {\n  background-color: $primary-color;\n  color: $white;\n}\n\n/*====== Padding css starts ======*/\n$i: 0;\n\n@while $i<=50 {\n  .p-#{$i} {\n    padding:#{$i}px;\n  }\n\n  $i: $i+5;\n}\n\n/*====== Padding css ends ======*/\n\n/*====== Padding-left css starts ======*/\n$i: 0;\n\n@while $i<=50 {\n  .p-l-#{$i} {\n    padding-left:#{$i}px;\n  }\n\n  $i: $i+5;\n\n}\n\n/*====== Padding-left css ends ======*/\n\n/*====== Padding-top css starts ======*/\n$i: 0;\n\n@while $i<=50 {\n  .p-t-#{$i} {\n    padding-top:#{$i}px !important;\n  }\n\n  $i: $i+5;\n}\n\n/*====== Padding-top css ends ======*/\n\n\n/*====== Padding-bottom css starts ======*/\n$i: 0;\n\n@while $i<=50 {\n  .p-b-#{$i} {\n    padding-bottom:#{$i}px !important;\n  }\n\n  $i: $i+5;\n}\n\n/*====== Padding-bottom css ends ======*/\n\n/*====== Padding-right css starts ======*/\n$i: 0;\n\n@while $i<=50 {\n  .p-r-#{$i} {\n    padding-right:#{$i}px;\n  }\n\n  $i: $i+5;\n}\n\n/*====== Padding-right css ends ======*/\n\n\n/*====== Margin css starts ======*/\n$i: 0;\n\n@while $i<=50 {\n  .m-#{$i} {\n    margin:#{$i}px !important;\n  }\n\n  $i: $i+5;\n}\n\n/*====== Margin css ends ======*/\n\n/*====== Margin-top css starts ======*/\n$i: 0;\n\n@while $i<=50 {\n  .m-t-#{$i} {\n    margin-top:#{$i}px !important;\n  }\n\n  $i: $i+5;\n}\n\n/*====== Margin-top css ends ======*/\n\n/*====== Margin-Bottom css starts ======*/\n$i: 0;\n\n@while $i<=50 {\n  .m-b-#{$i} {\n    margin-bottom:#{$i}px !important;\n  }\n\n  $i: $i+5;\n}\n\n/*====== Margin-Bottom css ends ======*/\n\n/*====== Margin-left css starts ======*/\n$i: 0;\n\n@while $i<=50 {\n  .m-l-#{$i} {\n    margin-left:#{$i}px !important;\n  }\n\n  $i: $i+5;\n}\n\n/*====== Margin-left css ends ======*/\n\n/*====== Margin-right css starts ======*/\n$i: 0;\n\n@while $i<=50 {\n  .m-r-#{$i} {\n    margin-right:#{$i}px;\n  }\n\n  $i: $i+5;\n}\n\n/*====== Margin-right css ends ======*/\n\n/*====== Border-radius css starts ======*/\n$i: 0;\n\n@while $i<=35 {\n  .b-r-#{$i} {\n    border-radius:#{$i}px !important;\n  }\n\n  $i: $i+1;\n}\n\n/*====== Border-radius css ends ======*/\n\n/*====== Font-size css starts ======*/\n$i: 12;\n\n@while $i<=100 {\n  .f-#{$i} {\n    font-size:#{$i}px !important;\n  }\n\n  $i: $i+2;\n}\n\n/*====== Font-size css ends ======*/\n\n\n/*====== Font-weight css starts ======*/\n$i: 100,\n  300,\n  500,\n  400,\n  600,\n  700,\n  900;\n\n@each $val in $i {\n  .f-w-#{$val} {\n    font-weight: $val;\n  }\n}\n\n/*====== Font-weight css ends ======*/\n\n\n/*====== Font-style css starts ======*/\n$i: normal,\n  italic,\n  oblique,\n  initial,\n  inherit;\n\n@each $val in $i {\n  .f-s-#{$val} {\n    font-style: $val;\n  }\n}\n\n/*====== Font-style css ends ======*/\n\n\n/*====== Text-Decoration css starts ======*/\n\n$i: overline,\n  line-through,\n  underline,\n  dashed,\n  blink,\n  dotted,\n  initial,\n  none,\n  solid,\n  wavy,\n  inherit,\n  double;\n\n@each $val in $i {\n  .text-#{$val} {\n    text-decoration: $val;\n  }\n}\n\n/*====== Text-Decoration css ends ======*/\n\n/*====== Border-style css starts ======*/\n\n$i: overline,\n  dashed,\n  dotted,\n  solid,\n  double,\n  groove,\n  ridge,\n  inset,\n  outset,\n  none,\n  hidden;\n\n@each $val in $i {\n  .border-s-#{$val} {\n    border-style: $val;\n  }\n}\n\n/*====== Border-style css ends ======*/\n\n/*====== Vertical-Align css starts ======*/\n$i: baseline,\n  sub,\n  super,\n  top,\n  text-top,\n  middle,\n  bottom,\n  text-bottom,\n  initial,\n  inherit;\n\n@each $val in $i {\n  .#{$val} {\n    vertical-align: $val;\n  }\n}\n\n/*====== Vertical-Align css ends ======*/\n\n\n/*====== Position css starts ======*/\n\n$i: static,\n  absolute,\n  fixed,\n  relative,\n  initial,\n  inherit;\n\n@each $val in $i {\n  .p-#{$val} {\n    position: $val;\n  }\n}\n\n/*====== Position css ends ======*/\n\n/*====== Float css starts ======*/\n$i: left,\n  right,\n  none;\n\n@each $val in $i {\n  .f-#{$val} {\n    float: $val;\n  }\n}\n\n/*====== Float css ends ======*/\n\n\n/*====== Overflow css starts ======*/\n$i: hidden,\n  visible,\n  auto;\n\n@each $val in $i {\n  .o-#{$val} {\n    overflow: $val;\n  }\n}\n\n/*====== Overflow css ends ======*/\n\n\n/*====== Image-sizes css starts ======*/\n$i: 10;\n\n@while $i<=100 {\n  .img-#{$i} {\n    width:#{$i}px !important;\n  }\n\n  .img-h-#{$i} {\n    height:#{$i}px !important;\n  }\n\n  $i: $i+10;\n}\n\n/*====== Image-sizes css ends ======*/\n/*====== Height-sizes css starts ======*/\n$i: 2;\n\n@while $i<=100 {\n  .placeholder-h-#{$i} {\n    height:#{$i}px !important;\n  }\n\n  $i: $i+2;\n}\n\n/*====== Height-sizes css ends ======*/\n\n/*======= Text css starts ===========*/\n$text-name: primary,\n  secondary,\n  success,\n  danger,\n  info,\n  light,\n  dark,\n  warning;\n$text-color : $primary-color,\n$secondary-color,\n$success-color,\n$danger-color,\n$info-color,\n$light-color,\n$dark-color,\n$warning-color;\n\n@each $var in $text-name {\n  $i: index($text-name, $var);\n\n  .font-#{$var} {\n    color: nth($text-color, $i) !important;\n  }\n}\n\n.font-primary {\n  color: var(--theme-default) !important;\n}\n\n.font-secondary {\n  color: rgba(var(--theme-secondary),1) !important;\n}\n\n/*======= Text css ends ===========*/\n\n\n/*======= Label-color css starts  ======= */\n\n.label {\n  border-radius: 2px;\n  color: $white;\n  font-size: 12px;\n  line-height: 1;\n  margin-bottom: 0;\n  text-transform: capitalize;\n}\n\n$label-name: theme,\n  primary,\n  secondary,\n  success,\n  danger,\n  info,\n  light,\n  dark,\n  warning;\n$label-color: $primary-color,\n  $primary-color,\n  $secondary-color,\n  $success-color,\n  $danger-color,\n  $info-color,\n  $light-color,\n  $dark-color,\n  $warning-color;\n\n@each $var in $label-name {\n  $i: index($label-name, $var);\n\n  .label-#{$var} {\n    background-color: nth($label-color, $i);\n  }\n}\n\n\n/*======= Label-color css ends  ======= */\n\n\n/*======= Badge-color css starts  ======= */\n\n$badge-name: primary,\n  secondary,\n  success,\n  danger,\n  info,\n  light,\n  dark,\n  warning;\n$badge-color: $primary-color,\n  $secondary-color,\n  $success-color,\n  $danger-color,\n  $info-color,\n  $light-color,\n  $dark-color,\n  $warning-color;\n\n@each $var in $badge-name {\n  $i: index($badge-name, $var);\n\n  .badge-#{$var} {\n    background-color: nth($badge-color, $i);\n\n    @if($badge-name==\"light\") {\n      color: $theme-body-font-color !important;\n    }\n  }\n\n  .badge-b-#{$var} {\n    border: 1px solid nth($badge-color, $i);\n  }\n}\n\n.badge-primary {\n  background-color: var(--theme-default) !important;\n}\n\n.badge-secondary {\n  background-color: rgba(var(--theme-secondary),1) !important;\n}\n\n/*======= Badge-color css end  ======= */\n/*======= Background-color css starts  ======= */\n\n$background-name: primary,\n  secondary,\n  success,\n  danger,\n  info,\n  light,\n  dark,\n  warning;\n$background-color: $primary-color,\n  $secondary-color,\n  $success-color,\n  $danger-color,\n  $info-color,\n  $light-color,\n  $dark-color,\n  $warning-color;\n\n@each $var in $background-name {\n  $i: index($background-name, $var);\n\n  .bg-#{$var} {\n    background-color: nth($background-color, $i) !important;\n    color: $white;\n\n    &:hover {\n      background-color: nth($background-color, $i);\n      color: $white;\n    }\n  }\n\n  .table-#{$var} {\n    td {\n      background-color: rgba(nth($background-color, $i), 0.4) !important;\n    }\n  }\n\n  // Projects\n  .title-line-#{$var} {\n    &::before {\n      background-color: nth($background-color, $i) !important;\n    }\n  }\n\n  .scope-light-#{$var} {\n    background-color: rgba(nth($background-color, $i), 0.15) !important;\n  }\n\n  // common 10% background color \n\n  .outline-10-#{$var} {\n    outline: 2px solid rgba(nth($background-color, $i), 0.1);\n  }\n\n  .bg-7-#{$var} {\n    background-color: rgba(nth($background-color, $i), 0.07);\n  }\n\n  .bg-10-#{$var} {\n    background-color: rgba(nth($background-color, $i), 0.1);\n  }\n\n  .bg-20-#{$var} {\n    background-color: rgba(nth($background-color, $i), 0.2);\n  }\n\n  .outline-20-#{$var} {\n    outline: 2px solid rgba(nth($background-color, $i), 0.2);\n  }\n\n\n  // Box-shadow\n  .shadow-10-#{$var} {\n    box-shadow: 0px 5.04px 14.96px 0px rgba(nth($background-color, $i), 0.25) inset;\n  }\n\n  // Social dashboard\n  .social-tabs {\n    .nav {\n      .social-box {\n        &.bg-7-#{$var} {\n          &.active {\n            border: 1px solid nth($background-color, $i);\n            transition: all 0.4s ease;\n          }\n        }\n      }\n    }\n  }\n\n  // Size : 8px Dot\n  .dotted-#{$var} {\n    background-color: nth($background-color, $i);\n  }\n\n  //  Badge bootstrap class\n  .text-bg-#{$var} {\n    background-color: nth($background-color, $i) !important;\n  }\n\n  // divider\n  .divider-body {\n    &.divider-#{$var} {\n\n      &::before,\n      &::after {\n        border-color: nth($background-color, $i) !important;\n\n      }\n    }\n  }\n\n  .border-dashed-#{$var} {\n    border: 1px dashed nth($background-color, $i);\n    color: nth($background-color, $i);\n\n    &:hover,\n    &:active {\n      border: 1px dashed nth($background-color, $i) !important;\n      background-color: nth($background-color, $i) !important;\n      color: $white !important;\n    }\n  }\n\n  .border-left-#{$var} {\n    border-left: 4px solid nth($background-color, $i);\n\n    [dir=\"rtl\"] & {\n      border-left: unset;\n      border-right: 4px solid nth($background-color, $i);\n    }\n  }\n\n  .link-underline-#{$var} {\n    text-decoration: underline;\n    text-decoration-color: nth($background-color, $i) !important;\n\n    &:hover {\n      color: var(--body-font-color);\n    }\n  }\n\n  .link-#{$var} {\n    text-decoration: underline;\n    text-decoration-color: nth($background-color, $i) !important;\n    color: nth($background-color, $i) !important;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: nth($background-color, $i) !important;\n      text-decoration-color: nth($background-color, $i) !important;\n    }\n  }\n\n  .bg-light-#{$var} {\n    background-color: rgba(nth($background-color, $i), 0.1) !important;\n    color: $white;\n    svg {\n      fill: nth($background-color, $i);\n    }\n  }\n\n\n  .bg-lighter-#{$var} {\n    background-color: rgba(nth($background-color, $i), 0.6);\n    color: $white;\n  }\n\n  .button-light-#{$var} {\n    background-color: rgba(nth($background-color, $i), 0.1) !important;\n\n    &:active {\n      border-color: rgba(nth($background-color, $i), 0.1) !important;\n    }\n  }\n}\n\n.bg-primary {\n  background-color: var(--theme-default) !important;\n}\n\n.bg-secondary {\n  background-color: rgba(var(--theme-secondary),1) !important;\n}\n\n/*======= Background-color css end  ======= */\n\n$b-name: primary,\n  secondary,\n  success,\n  danger,\n  info,\n  light,\n  dark,\n  warning;\n$b-color: $primary-color,\n  $secondary-color,\n  $success-color,\n  $danger-color,\n  $info-color,\n  $light-color,\n  $dark-color,\n  $warning-color;\n\n@each $var in $b-name {\n  $i: index($b-name, $var);\n\n  .b-#{$var} {\n    border: 1px solid nth($b-color, $i) !important;\n  }\n\n  .b-light-#{$var} {\n    border: 1px solid rgba(nth($b-color, $i), 0.3) !important;\n  }\n\n  .b-t-#{$var} {\n    border-top: 1px solid nth($b-color, $i) !important;\n  }\n\n  .border-t-#{$var} {\n    border-top: 1px solid nth($b-color, $i) !important;\n  }\n\n  .b-b-#{$var} {\n    border-bottom: 1px solid nth($b-color, $i) !important;\n  }\n\n  .border-b-#{$var} {\n    border-bottom: 1px solid nth($b-color, $i) !important;\n  }\n\n  .b-l-#{$var} {\n    border-left: 1px solid nth($b-color, $i) !important;\n  }\n\n  .border-l-#{$var} {\n    border-left: 1px solid nth($b-color, $i) !important;\n  }\n\n  .b-r-#{$var} {\n    border-right: 1px solid nth($b-color, $i) !important;\n  }\n\n  .border-r-#{$var} {\n    border-right: 1px solid nth($b-color, $i) !important;\n  }\n}\n/*======= Font-color css starts  ======= */\n\n$text-name: primary,\n  secondary,\n  success,\n  danger,\n  info,\n  light,\n  dark,\n  warning,\n  google-plus,\n  twitter,\n  linkedin,\n  fb;\n$label-color: $primary-color,\n  $secondary-color,\n  $success-color,\n  $danger-color,\n  $info-color,\n  $light-color,\n  $dark-color,\n  $warning-color,\n  $google-plus,\n  $twitter,\n  $linkedin,\n  $fb;\n\n@each $var in $text-name {\n  $i: index($text-name, $var);\n\n  .txt-#{$var} {\n    color: nth($label-color, $i) !important;\n  }\n}\n\n.txt-primary {\n  color: var(--theme-default) !important;\n}\n\n.txt-secondary {\n  color: rgba(var(--theme-secondary),1) !important;\n}\n\n/*======= Font-color css end  ======= */\n\n\n/*======= Button-color css starts  ======= */\n// btn--color//\n@keyframes push {\n  50% {\n    transform: scale(0.95);\n  }\n\n  100% {\n    transform: scale(1);\n  }\n}\n\n@each $btn-name,\n$btn-color in (primary, $primary-color),\n(secondary, $secondary-color),\n(success, $success-color),\n(danger, $danger-color),\n(info, $info-color),\n(light, $light-color),\n(dark, $dark-color),\n(warning, $warning-color) {\n  .btn-#{$btn-name} {\n    background-color: $btn-color !important;\n    border-color: $btn-color !important;\n    -webkit-tap-highlight-color: transparent;\n    transform: translateZ(0);\n\n    @if($btn-name==\"info\") {\n      color: $white;\n\n      &:hover,\n      &:focus,\n      &:active,\n      &.active {\n        color: $white !important;\n      }\n    }\n\n    @if($btn-name==\"warning\") {\n      color: $white;\n\n      &:hover,\n      &:focus,\n      &:active,\n      &.active,\n      &.show {\n        color: $white !important;\n      }\n    }\n\n    &.disabled,\n    &:disabled {\n      background-color: $btn-color !important;\n      border-color: $btn-color !important;\n    }\n\n    &:focus {\n      box-shadow: 0 0 0 0.2rem lighten($btn-color, 30%);\n    }\n  }\n}\n\n.btn-light {\n  background-color: rgba($primary-color, 0.06) !important;\n  border-color: rgba($primary-color, 0.06) !important;\n\n  &:hover {\n    background-color: rgba($primary-color, 0.1) !important;\n    border-color: rgba($primary-color, 0.1) !important;\n  }\n}\n\n.btn-primary {\n  background-color: var(--theme-default) !important;\n  border-color: var(--theme-default) !important;\n}\n\n.btn-secondary {\n  background-color: rgba(var(--theme-secondary),1) !important;\n  border-color: rgba(var(--theme-secondary),1) !important;\n}\n\n.btn-hover-effect {\n  &:hover {\n    animation: push 0.5s linear 1;\n  }\n}\n\n/*======= Button-color css ends  ======= */\n@each $btn-name,\n$btn-color in (primary, $primary-color),\n(secondary, $secondary-color),\n(success, $success-color),\n(danger, $danger-color),\n(info, $info-color),\n(light, $light-color),\n(dark, $dark-color),\n(warning, $warning-color) {\n  .btn-outline-#{$btn-name}-2x {\n    border-width: 2px;\n    border-color: $btn-color;\n    color: $btn-color;\n    background-color: transparent;\n\n    &:hover,\n    &:focus,\n    &:active,\n    &.active {\n      color: $white !important;\n      background-color: rgba($btn-color, 1) !important;\n      border-color: rgba($btn-color, 1) !important;\n      box-shadow: none;\n    }\n\n    & {\n      @if($btn-name==\"light\") {\n        color: $theme-body-font-color;\n\n        &:hover,\n        &:focus,\n        &:active,\n        &.active {\n          color: $theme-body-font-color !important;\n        }\n      }\n    }\n  }\n}\n\n// outline buttons//\n@each $btn-name,\n$btn-color in (primary, $primary-color),\n(secondary, $secondary-color),\n(success, $success-color),\n(danger, $danger-color),\n(info, $info-color),\n(light, $light-color),\n(dark, $dark-color),\n(warning, $warning-color) {\n  .btn-outline-#{$btn-name} {\n    border-color: $btn-color;\n    color: $btn-color;\n    background-color: transparent;\n\n    @if($btn-name==\"light\") {\n      color: $theme-body-font-color;\n    }\n\n    &.disabled {\n      color: $btn-color;\n      border-color: $btn-color;\n    }\n\n    &:hover,\n    &:active {\n      border-color: $btn-color !important;\n      color: $white;\n      background-color: $btn-color !important;\n    }\n  }\n\n  .btn-check {\n    color: $btn-color !important;\n\n    &:checked {\n      color: white !important;\n      background-color: $btn-color !important;\n\n      + {\n        .btn-outline-#{$btn-name} {\n          color: white !important;\n          background-color: $btn-color !important;\n          box-shadow: unset !important;\n        }\n      }\n    }\n\n    + {\n      .btn-outline-#{$btn-name} {\n        border-color: $btn-color !important;\n        color: $btn-color !important;\n        background-color: transparent;\n\n        @if($btn-name==\"light\") {\n          color: $theme-body-font-color;\n        }\n\n        &.disabled {\n          color: $btn-color;\n        }\n\n        &:hover,\n        &:focus,\n        &:active,\n        &:focus-visible,\n        &.active {\n          color: $white !important;\n          background-color: darken($btn-color, 10%) !important;\n          border-color: darken($btn-color, 10%) !important;\n          box-shadow: none !important;\n        }\n      }\n    }\n  }\n}\n\n//active button css //\n\n@each $btn-name,\n$btn-color in (primary, $primary-color),\n(secondary, $secondary-color),\n(success, $success-color),\n(danger, $danger-color),\n(info, $info-color),\n(light, $light-color),\n(dark, $dark-color),\n(warning, $warning-color) {\n  .btn-#{$btn-name}:not([disabled]):not(.disabled).active {\n    background-color: darken($btn-color, 10%);\n    border-color: darken($btn-color, 10%);\n    box-shadow: none !important;\n\n    &:hover,\n    &:focus,\n    &:active,\n    &.active {\n      color: white;\n      background-color: darken($btn-color, 10%);\n      border-color: darken($btn-color, 10%);\n    }\n  }\n}\n\n//* active button css end *//\n\n@each $btn-name,\n$btn-color in (primary, $primary-color),\n(secondary, $secondary-color),\n(success, $success-color),\n(danger, $danger-color),\n(info, $info-color),\n(light, $light-color),\n(dark, $dark-color),\n(warning, $warning-color) {\n\n  .btn-outline-#{$btn-name}-2x:not([disabled]):not(.disabled).active {\n    background-color: $btn-color;\n    border-color: $btn-color;\n    box-shadow: none !important;\n    color: white;\n\n    &:hover,\n    &:focus,\n    &:active,\n    &.active {\n      color: white;\n      box-shadow: none !important;\n      background-color: darken($btn-color, 10%) !important;\n      border-color: darken($btn-color, 10%) !important;\n    }\n  }\n}\n\n/*======= Table-Border-Bottom-color css starts  ======= */\n\n$border-name: primary,\n  secondary,\n  success,\n  danger,\n  info,\n  light,\n  dark,\n  warning;\n$border-color: $primary-color,\n  $secondary-color,\n  $success-color,\n  $danger-color,\n  $info-color,\n  $light-color,\n  $dark-color,\n  $warning-color;\n\n@each $var in $border-name {\n  $i: index($border-name, $var);\n\n  table thead .border-bottom-#{$var} th,\n  table tbody .border-bottom-#{$var} th,\n  table tbody .border-bottom-#{$var} td {\n    border-bottom: 1px solid nth($border-color, $i) !important;\n  }\n}\n\n\n/*======= Table-Border-Bottom-color css ends  ======= */\n\n\n/*======= Table styling css starts  ======= */\n\n$table-name: primary,\n  secondary,\n  success,\n  danger,\n  info,\n  light,\n  dark,\n  warning;\n$table-color: $primary-color,\n  $secondary-color,\n  $success-color,\n  $danger-color,\n  $info-color,\n  $light-color,\n  $dark-color,\n  $warning-color;\n\n@each $var in $table-name {\n  $i: index($table-name, $var);\n\n  .table-styling .table-#{$var},\n  .table-styling.table-#{$var} {\n    background-color: nth($border-color, $i);\n    color: $white;\n    border: 3px solid nth($border-color, $i);\n\n    thead {\n      background-color: darken(nth($border-color, $i), 10%);\n      border: 3px solid darken(nth($border-color, $i), 10%);\n    }\n\n    th,\n    td {\n      background-color: transparent;\n    }\n  }\n}\n\n\n/*======= Table styling css ends  ======= */\n\n/*======= Svg stroke css start  ======= */\n$stroke-name: primary,\n  secondary,\n  success,\n  danger,\n  info,\n  light,\n  dark,\n  warning;\n$stroke-color: $primary-color,\n  $secondary-color,\n  $success-color,\n  $danger-color,\n  $info-color,\n  $light-color,\n  $dark-color,\n  $warning-color;\n\n@each $var in $stroke-name {\n  $i: index($stroke-name, $var);\n\n  .stroke-#{$var} {\n    stroke: nth($stroke-color, $i) !important;\n  }\n}\n\n/*======= Svg stroke css end  ======= */\n\n/*======= Checkbox color css start  ======= */\n$checkbox-name: primary,\n  secondary,\n  success,\n  danger,\n  info,\n  light,\n  dark,\n  warning;\n$checkbox-color: $primary-color,\n  $secondary-color,\n  $success-color,\n  $danger-color,\n  $info-color,\n  $light-color,\n  $dark-color,\n  $warning-color;\n\n@each $var in $checkbox-name {\n  $i: index($stroke-name, $var);\n\n  .checkbox-#{$var} {\n\n    &.form-check-input {\n      &:checked {\n        background-color: nth($checkbox-color, $i) !important;\n        border-color: nth($checkbox-color, $i);\n\n      }\n    }\n\n  }\n}\n\n/*======= Checkbox color css end  ======= */\n\n/*======= All-Borders-color css starts  ======= */\n\n$b-name: primary,\n  secondary,\n  success,\n  danger,\n  info,\n  light,\n  dark,\n  warning;\n$b-color: $primary-color,\n  $secondary-color,\n  $success-color,\n  $danger-color,\n  $info-color,\n  $light-color,\n  $dark-color,\n  $warning-color;\n\n@each $var in $b-name {\n  $i: index($b-name, $var);\n\n  .b-#{$var} {\n    border: 1px solid nth($b-color, $i) !important;\n  }\n\n  .b-t-#{$var} {\n    border-top: 1px solid nth($b-color, $i) !important;\n  }\n\n  .border-t-#{$var} {\n    border-top: 1px solid nth($b-color, $i) !important;\n  }\n\n  .b-b-#{$var} {\n    border-bottom: 1px solid nth($b-color, $i) !important;\n  }\n\n  .border-b-#{$var} {\n    border-bottom: 1px solid nth($b-color, $i) !important;\n  }\n\n  .b-l-#{$var} {\n    border-left: 1px solid nth($b-color, $i) !important;\n  }\n\n  .border-l-#{$var} {\n    border-left: 1px solid nth($b-color, $i) !important;\n  }\n\n  .b-r-#{$var} {\n    border-right: 1px solid nth($b-color, $i) !important;\n  }\n\n  .border-r-#{$var} {\n    border-right: 1px solid nth($b-color, $i) !important;\n  }\n}\n\n/*======= All-Borders-color css ends  ======= */\n\n\n/*====== Border width css starts ======*/\n$i: 1;\n\n@while $i<=10 {\n  .border-#{$i} {\n    border-width:#{$i}px !important;\n  }\n\n  $i: $i+1;\n}\n\n/*====== Border width css ends ======*/\n\n/*====== Border dashed css starts ======*/\n$i: 1;\n\n@while $i<=10 {\n  .b-width-#{$i} {\n    border-width:#{$i}px !important;\n  }\n\n  $i: $i+1;\n}\n\n/*====== Border dashed css ends ======*/\n\n.map-js-height {\n  height: 500px;\n}\n\n/**====== custom scrollbar css start ======**/\n.custom-scrollbar {\n  &::-webkit-scrollbar-track {\n    -webkit-box-shadow: inset 0 0 6px $light-gray;\n  }\n\n  &::-webkit-scrollbar {\n    width: 6px;\n    height: 8px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: rgba($primary-color, 0.15);\n  }\n}\n\n.customer-table,\n.recent-order-scroll,\n.recent-items,\n.recent-table,\n.lead-table,\n.deal-table,\n.referral-visit,\n.leave-request-table,\n.chats-user,\n.contact-wrapper,\n.fc-scroller-liquid-absolute,\n.fc-scroller-liquid,\n.tagify__dropdown__wrapper,\n.iti__country-list,\n.tt-dataset-countries,\n.dt-scroll-body,\n.jsgrid-grid-header,\n.jsgrid-grid-body,\n.select2-results__options,\n.ace_scrollbar,\n.anchor,\n.ql-editor .inner.show,\n.form-control[data-multiselectsplitter-firstselect-selector],\n.form-control[data-multiselectsplitter-secondselect-selector],\n.bootstrap-select .inner.show,\n.permission-form ul,\n.main-setting .nav-primary,\n.fg-emoji-list {\n  &::-webkit-scrollbar-track {\n    -webkit-box-shadow: inset 0 0 6px $light-gray;\n  }\n\n  &::-webkit-scrollbar {\n    width: 6px;\n    height: 5px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: rgba($primary-color, 0.15);\n  }\n}\n\n/**====== Animation css Start ======**/\n\n.line {\n  color: $dark-color;\n\n  pre {\n    font-size: 100%;\n  }\n}\n\n/**====== Animation css end ======**/\n\n/**====== Modal style css Start ======**/\n.theme-close {\n  opacity: 1;\n  position: absolute;\n  z-index: 1;\n  right: 0;\n  background-color: $white !important;\n}\n\n/**====== Modal style css end ======**/\n\n/**====== Animation css start ======**/\n.options {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n\n  >div {\n    color: $gray-60;\n    padding: 2px 10px;\n    border: 1px solid;\n    font-weight: 600;\n\n    &:hover {\n      background-color: $primary-color;\n      color: $white;\n      transition: background-color 0.3s ease;\n    }\n  }\n}\n/**====== Animation css Ends ======**/\n\n.modal-footer {\n  flex-wrap: wrap;\n}\n\n.img-cropper {\n\n  .img-container {\n    min-height: auto;\n    margin-bottom: 0;\n  }\n\n  .docs-data {\n    >.input-group {\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .docs-preview {\n    margin-top: 20px;\n    margin-bottom: 10px;\n  }\n}\n\n.dropzone {\n  .dz-preview {\n    .dz-error-message {\n      background: $white !important;\n      color: $primary-color !important;\n      border: 1px solid $primary-color;\n\n      &:after {\n        border-bottom: 6px solid $primary-color !important;\n      }\n    }\n  }\n}\n\n.typeahead {\n  .theme-form {\n    .form-group {\n      margin-bottom: 0;\n    }\n  }\n}\n\n.primary {\n  .svg-fill {\n    fill: var(--theme-default);\n\n    &:not(.half-circle) {\n      stroke: var(--theme-default);\n    }\n  }\n\n  .bg-gradient {\n    background-image: linear-gradient(144.16deg, rgba($primary-color, 0.1) 19.06%, rgba($primary-color, 0) 79.03%) !important;\n  }\n}\n\n.secondary {\n  .svg-fill {\n    fill: rgba(var(--theme-secondary),1);\n\n    &:not(.half-circle) {\n      stroke: rgba(var(--theme-secondary),1);\n    }\n  }\n\n  .bg-gradient {\n    background-image: linear-gradient(144.16deg, rgba($secondary-color, 0.1) 19.06%, rgba($secondary-color, 0) 79.03%) !important;\n  }\n}\n\n.success {\n  .svg-fill {\n    fill: $success-color;\n  }\n\n  .bg-gradient {\n    background-image: linear-gradient(144.16deg, rgba($success-color, 0.1) 19.06%, rgba($success-color, 0) 79.03%) !important;\n  }\n}\n\n.warning {\n  .svg-fill {\n    fill: $warning-color;\n  }\n\n  .bg-gradient {\n    background-image: linear-gradient(144.16deg, rgba($warning-color, 0.1) 19.06%, rgba($warning-color, 0) 79.03%) !important;\n  }\n}\n\n\n.dotted {\n  border-style: dotted;\n}\n\n.dashed {\n  border-style: dashed;\n}\n\n.double {\n  border-style: double;\n}\n\n.groove {\n  border-style: groove;\n}\n\n.ridge {\n  border-style: ridge;\n}\n\n.inset {\n  border-style: inset;\n}\n\n.outset {\n  border-style: outset;\n}\n\n@keyframes fadeIncustom {\n  0% {\n    opacity: 0;\n    top: 50px;\n  }\n\n  75% {\n    opacity: .6;\n    top: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n.code-box-copy {\n  width: 100%;\n  overflow: auto;\n\n  pre[class*='language-'] {\n    height: 300px;\n  }\n}\n\n@media (max-width: 1660px) and (min-width: 1400px) {\n  .custom-rs-4 {\n    width: 33.33333333%;\n  }\n\n  .custom-rs-12 {\n    width: 100%;\n  }\n}\n\n// dashboard-7\n.apexcharts-canvas {\n  .apexcharts-tooltip {\n    .apexcharts-tooltip-marker {\n      width: 10px;\n      height: 10px;\n    }\n\n    .apexcharts-tooltip-goals-group,\n    .apexcharts-tooltip-z-group {\n      display: none;\n    }\n  }\n}\n\n// dashboard-8\n.bg-gray {\n  background-color: var(--chart-text-color);\n}\n\n.text-gray {\n  color: var(--chart-text-color) !important;\n}\n\n// common css\n.common-space {\n  @include pixelstrap-flex(flex, space-between, center);\n}\n\n.common-f-start {\n  @include pixelstrap-flex(flex, flex-start, center);\n}\n\n/* Override the default tooltip arrow color */\n.bs-tooltip-top .tooltip-arrow::before,\n.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {\n  border-top-color: $light-primary;\n}\n\n.bs-tooltip-end .tooltip-arrow::before,\n.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {\n  border-right-color: $light-primary;\n}\n\n.bs-tooltip-bottom .tooltip-arrow::before,\n.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {\n  border-bottom-color: $light-primary;\n}\n\n.bs-tooltip-start .tooltip-arrow::before,\n.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {\n  border-left-color: $light-primary;\n}\n\n.common-title {\n  background-color: rgba($primary-color, 0.1);\n  padding: 18px;\n  border-radius: 10px;\n}\n\n/**=====================\n    1.1 Reset CSS Ends\n==========================**/","// General variables\n$theme-font-color: #343A40;\n$theme-body-font-color: #343A40;\n$theme-body-sub-title-color: #8D8D8D;\n$body-color: #f8f8f8;\n$main-body-color: #f5f5f5;\n\n// Theme colors variables\n$primary-color: #343A40;\n$secondary-color: #00948E;\n$success-color: #198754;\n$info-color: #0DCAF0;\n$warning-color: #FFC107;\n$danger-color: #DC3545;\n\n$light-color : #f4f4f4;\n\n$badge-light-color: #52526c;\n\n$light-gray : #e9edf1;\n$light-widget-border: #EFEEFF;\n$light-semi-gray :#efefef;\n$font-gray-color: #6C757D;\n$dark-light :$theme-font-color;\n$dark-gray: #898989;\n$dark-color :$theme-body-font-color;\n$dark-color-light: #2c323fb8;\n$gray-60 :#cccccc;\n$card-body-color : #f9f9fa;\n$transparent-color: transparent;\n$auth-bg-color: #fafafa;\n$light : #fdfeff;\n$semi-dark :#59667a;\n$light-text: #999999;\n$light-paragraph: #8F8F8F;\n$light-background: #d7e2e9;\n$light-font: rgba(27, 49, 85, 0.4);\n$light-semi-font: $semi-dark;\n$light-chartist-grid-color: #f6f9fd;\n$pitch-color: #fe8a7d;\n$color-scarpa: #4c5667;\n$color-fiord: #455a64;\n$black : #000;\n$white: #fff;\n$ps-light-border: #ddd;\n$off-white: #F7F6FF;\n$lighter-white: #e9e9e9;\n$theme-medium-color: #e3e3e3;\n$dropdown-border-color: #918E99;\n\n$light-primary:   #D6D8D9;\n$light-secondary: #CCEAE8;\n$light-success:   #D1E7DD;\n$light-info:      #CFF4FC;\n$light-warning:   #FFF3CD;\n$light-danger:    #F8D7DA;\n$light-white:     #FCFCFD; // closest Bootstrap \"light bg-subtle\"\n$light-dark:      #CED4DA; // Bootstrap \"dark bg-subtle\"\n\n\n$folder-color: #efa000;\n\n// gradient colors\n$gradient-primary: linear-gradient(26deg, var(--theme-default) 0%, #a26cf8 100%);\n$gradient-bg-primary: linear-gradient(103.75deg, #33B1EE -13.9%, var(--theme-default) 79.68%);\n\n//Social colors\n$fb: #50598e;\n$twitter: #6fa2d8;\n$google-plus: #c64e40;\n$linkedin: #0073B1;\n\n// Social table\n$fb-color: #2F84F4;\n$insta-color: #FC971E;\n$pintrest-color: #FF3364;\n$twitter-color: #231915;\n$youtube-color: #F42F2F;\n$instagram-color: linear-gradient(45deg, #FEE411 11.93%, #FEDB16 15.61%, #FEC125 21.74%, #FE983D 29.56%, #FE5F5E 38.66%, #FE2181 47.46%, #9000DC 82.98%);\n\n//error input color start\n$light-body-bg-color: #fafdff;\n\n//fonts\n$font-manrope: Manrope;\n$font-serif: serif;\n$landing-cursive: 'Caveat', cursive;\n$font-themify: themify;\n$font-awesome: \"Font Awesome 6 Free\";\n$font-ICO: IcoFont;\n\n// dark layout variables\n$dark-body-background: #171717;\n$dark-card-background: #232323;\n$dark-card-inbox: #1f2124;\n$dark-small-font-color: #98a6ad;\n$dark-all-font-color: rgba(255, 255, 255, 0.9);\n$light-all-font-color: rgba(255, 255, 255, 0.2);\n$dark-bg-primary: rgba(255, 255, 255, 0.1);\n\n$dark-border-color: $dark-body-background;\n// $dark-card-border: #374558;\n$dark-card-border: rgba(255, 255, 255, 0.1);\n$dark-editor-document: #2b2b2b;\n$bg-dark-color: #1f2533;\n$dark-datatable-odd: #1f232b;\n$dark-datatable-sorting: #1c212b;\n$dark-datatable-sorting-even: #22262f;\n$dark-even-hover-sorting: #191e27;\n\n//General tag settings\n$body-font-size: 14px;\n$body-font-color: $theme-body-font-color;\n$ul-padding-left: 0px;\n$anchor-color: var(--theme-default);\n$btn-focus-box-shadow: none;\n$all-focus-outline-color: var(--theme-default);\n\n$paragraph-font-size : 14px;\n$paragraph-line-height : 1.7;\n$paragraph-letter-spacing : 0.7px;\n\n$code-tag-color: rgba(var(--theme-secondary),1);\n$code-tag-bg-color: rgba($primary-color, 0.03);\n$code-tag-padding: 3px;\n$code-tag-margin: 0 3px;\n$code-tag-border-radius: 2px;\n\n$blockquote-padding : 8px;\n$blockquote-border : 4px solid $primary-color;\n\n$small-tag-padding: 10px;\n$small-tag-color: $dark-color;\n\n$pre-tag-bg-color: rgba($primary-color, 0.03);\n$pre-tag-padding: 20px 0;\n\n$list-group-active-bg-color: var(--theme-default);\n$list-group-active-border-color: var(--theme-default);\n$list-group-img-size: 40px;\n$list-group-margin: 10px;\n\n\n// Tables settings\n$table-b-margin: 0px;\n$table-heading-color: $theme-body-font-color;\n$table-row-color: $theme-body-font-color;\n$table-footer-font-weight: bold;\n$table-inverse-color: $white;\n$table-hover-color: $light;\n$table-padding: 0.75rem;\n$table-xl-padding: 1.25rem 2rem;\n$table-xl-font: 120%;\n$table-lg-padding: .9rem 2rem;\n$table-lg-font: 110%;\n$table-de-padding: .75rem 2rem;\n$table-de-font: 100%;\n$table-sm-padding: .5rem 2rem;\n$table-sm-font: 90%;\n$table-xs-padding: 0.2rem 2rem;\n$table-xs-font: 80%;\n$horizontal-border-color: #f2f4ff;\n$horizontal-padding: .75rem 2rem;\n$table-inverse-bg-color: #292b2c;\n\n//According setting\n$according-card-top-margin : 10px;\n$according-btn-weight : 500;\n$according-btn-color : $theme-body-font-color;\n$according-card-header-padding : 0.75rem 1.25rem;\n$according-card-header-icon : $font-ICO;\n$according-open-icon : \"\\eb73\";\n$according-close-icon : \"\\eb7a\";\n\n//Alert settings\n$alert-hover-color :$dark-color;\n$alert-border-radius :0.15rem;\n$alert-padding :15px;\n$alert-msg-icon-size :16px;\n\n//badge settings\n$badge-padding :0.25em 0.5em;\n$badge-svg-size :16px;\n\n//form input settings\n$form-group-margin-bottom : 1.25em;\n$col-form-label-font-size : 14px;\n$form-control-font-size : 14px;\n$form-control-border-radius : 2px;\n$form-control-border-color : $light-gray;\n\n//breadcrumb setting\n$breadcrumb-anchor-color : $white;\n$breadcrumb-anchor-dark-color : $black;\n\n//buttons setting\n$btn-font-size : 14px;\n$btn-padding : 8px 15px;\n$btn-lg-font-size: 18px;\n$btn-sm-font-size: 12px;\n$btn-xs-font-size: 11px;\n$btn-xs-padding: 0.05rem 0.4rem;\n\n//Card settings\n$card-padding :20px;\n$card-margin-bottom :20px;\n$card-border-color :1px solid var(--sidebar-border);\n$card-border-radius :10px;\n$common-shadow-color : rgba($info-color, 0.08);\n$card-box-shadow : 0px 0px 35px 0px #E9EDF299;\n$card-header-bg-color : $white;\n$card-header-font-transform : capitalize;\n$card-header-span-size : 12px;\n$card-header-span-color : $theme-body-sub-title-color;\n$card-body-bg-color : $transparent-color;\n$card-footer-bg-color : $white;\n$card-hover-box-shadow : 0 0 40px rgba(8, 21, 66, .05);\n\n// According settings\n$card-border-width :0px;\n$card-header-font-weight : 600;\n$card-header-font-size : 18px;\n$card-header-font-color : $theme-body-font-color;\n\n//footer settings\n$footer_bg_color : $white;\n$footer_box_shadow : 0 0 20px rgba($semi-dark, 0.1);\n$footer_dark_color : $theme-font-color;\n$footer_dark__txt_color : $white;\n\n//form settings\n$form-group-margin-bottom :20px;\n$sm-form-margin-bottom : 14px;\n$form-placeholder-color : $dark-gray;\n$form-placeholder-font-size : 14px;\n$form-placeholder-letter-spacing : 1px;\n$form-placeholder-font-weight : 500;\n$form-input-border-color : $light-semi-gray;\n$form-input-bg-color : $white;\n\n//Tour settings\n$tour-color: var(--theme-default);\n\n//sidebar main settings\n$sidebar-width: 255px;\n$sidebar-position: fixed;\n$sidebar-background-color: $white;\n$sidebar-shadow: 0 0 11px rgba(69, 110, 243, 0.13);\n$sidebar-overflow: auto;\n$sidebar-z-index: 9;\n$sidebar-transition: 0.5s;\n$sidebar-fill-icon-color: #757589;\n\n//sidebar profile settings\n$sidebar-profile-edit-icon-size: 14px;\n$sidebar-profile-name-txt-color : var(--theme-default);\n$sidebar-profile-name-txt-transfer : uppercase;\n$sidebar-profile-name-txt-weight : 600;\n$sidebar-profile-name-letter-specing : 1.5px;\n$sidebar-profile-name-margin : 3px;\n$sidebar-profile-sub-title-font-size: 10px;\n$sidebar-profile-sub-title-margin: 0px;\n$sidebar-profile-img-shadow: 0 0 15px rgba($primary-color, 0.3);\n\n//Sidebar main menu setting\n$sidebar-menu-padding: 15px;\n$sidebar-menu-list-style: none;\n$sidebar-menu-list-margin: 0;\n$sidebar-icon-size: 14px;\n$sidebar-icon-margin: 14px;\n$sidebar-icon-stroke-width: 3px;\n$sidebar-font-size: 14px;\n$sidebar-letter-spacing: 0.5px;\n$sidebar-txt-transform: capitalize;\n$sidebar-font-weight: 600;\n$sidebar-font-color: $theme-body-font-color;\n$sidebar-padding-top: 12px;\n$sidebar-padding-bottom: 12px;\n$sidebar-sub-header-padding: 15px;\n$sidebar-sub-header-margin: 0;\n$sidebar-heading-hover-padding: 5px;\n$sidebar-hover-txt-color: var(--theme-default);\n$sidebar-arrow-margin-top: 2px;\n$sidebar-arrow-size: 15px;\n$sidebar-arrow-color: $theme-body-font-color;\n$sidebar-open-icon: \"\\f107\";\n$sidebar-close-icon: \"\\f105\";\n$sidebar-icon-font-family: $font-awesome;\n$sidebar-height: calc(100vh - 115px);\n$sidebar-compact-width: 265px;\n\n//Header settings\n$main-header-position: fixed;\n$main-header-top: 0;\n$main-header-shadow: 0 0 20px rgba($semi-dark, 0.1);\n$main-header-shadow-1: 0px 4px 40px rgba(89, 102, 122, 0.1);\n\n//page settings\n$page-body-padding : 0 15px 0 15px;\n$page-body-bg-color: $light-color;\n$page-body-margin-bottom: 0px;\n$page-title-padding : 20px 20px;\n$common-box-shadow: 2px 3.464px 8px 0px rgba(22, 145, 248, 0.18);\n$page-title-font-size: 24px;\n$page-title-margin-bottom: 0;\n$page-title-text-transform: capitalize;\n$page-small-title-display: block;\n$page-small-title-font-size: 12px;\n$page-small-title-margin-bottom: 5px;\n$page-small-title-text-transform: capitalize;\n$page-small-title-text-color: $theme-body-sub-title-color;\n$breadcrumb-size: 16px;\n$breadcrumb-content: \"/\";\n\n//main header left settings\n$main-header-z-index : 8;\n$header-wrapper-padding: 22px 30px;\n$header-wrapper-nav-icon-size : 20px;\n$header-wrapper-nav-icon-color : $theme-font-color;\n$header-wrapper-nav-icon-align : middle;\n$header-size: 136px;\n$box-layout-space : 42px;\n\n// widgets variables\n$widget-shadow: 1px 2px 21px -2px rgba(214, 214, 227, 0.83);\n","/**=====================\n    1.2 Typography CSS start\n==========================**/\n//Custom css Start\nbody {\n    font-size: $body-font-size;\n    overflow-x: hidden;\n    font-family: $font-manrope, $font-serif;\n    color: $theme-body-font-color;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n    margin: 0;\n    font-weight: 600;\n}\n\nh1 {\n    font-size: 26px;\n    line-height: 1.2;\n}\n\nh2 {\n    font-size: 24px;\n}\n\nh3 {\n    font-size: 22px;\n}\n\nh4 {\n    font-size: 20px;\n}\n\nh5 {\n    font-size: 18px;\n}\n\nh6 {\n    font-size: 16px;\n}\n\n\nul {\n    padding-left: $ul-padding-left;\n    list-style-type: none;\n    margin-bottom: 0;\n}\n\nul,\nol,\ndl,\np {\n    color: $theme-body-font-color;\n\n    li,\n    dt,\n    dd {\n        color: $theme-body-font-color;\n    }\n}\n\n* a {\n    color: var(--theme-default);\n    text-decoration: none;\n    letter-spacing: 1px;\n}\n\n.d-flex {\n    align-items: flex-start;\n\n    .flex-grow-1 {\n        flex: 1;\n    }\n}\n\n.f-m-light {\n    margin: 0;\n    color: var(--f-lighter);\n}\n\na {\n    font-size: 0.875rem;\n    text-decoration: none;\n    color: var(--theme-default);\n    transition: 0.5s all;\n\n    &:hover {\n        color: var(--theme-default);\n        transition: all 0.5s all;\n    }\n\n    &:focus-visible {\n        outline: none;\n    }\n}\n\n.btn {\n    font-size: 14px;\n}\n\n*.btn:focus {\n    box-shadow: $btn-focus-box-shadow !important;\n}\n\nbutton {\n    &:focus {\n        outline: none !important;\n    }\n}\n\np {\n    font-size: $paragraph-font-size;\n    line-height: $paragraph-line-height;\n    letter-spacing: $paragraph-letter-spacing;\n}\n\ncode {\n    border-radius: $code-tag-border-radius;\n}\n\nspan {\n    display: inline-block;\n}\n\n.d-flex {\n    display: flex;\n    align-items: flex-start;\n\n    .flex-grow-1 {\n        flex: 1;\n    }\n}\n\nblockquote {\n    border-left: $blockquote-border;\n    padding: 18px;\n}\n\n.figure {\n    &.text-center {\n        blockquote {\n            border: none !important;\n        }\n    }\n\n    &.text-end {\n        blockquote {\n            border-left: none !important;\n            border-right: $blockquote-border;\n        }\n    }\n}\n\n.row {\n    >div {\n        position: relative;\n    }\n}\n\n:focus {\n    outline-color: $all-focus-outline-color;\n}\n\n.disabled,\n*:disabled {\n    cursor: not-allowed;\n    opacity: 0.8 !important;\n    pointer-events: inherit !important;\n}\n\nsvg {\n    vertical-align: baseline;\n}\n\ninput {\n    &:focus {\n        outline-color: $transparent-color;\n    }\n}\n\nlabel {\n    margin-bottom: .5rem;\n}\n\n.media-widgets {\n    .flex-grow-1 {\n        margin-bottom: 30px;\n    }\n}\n\n//Custom Css end\n\n//Typography CSS start\n.typography {\n\n    h1,\n    .h1,\n    h2,\n    .h2,\n    h3,\n    .h3,\n    h4,\n    .h4,\n    h5,\n    .h5,\n    h6,\n    .h6 {\n        margin: 18px 0;\n        margin-top: 0;\n\n        &:last-child {\n            margin-bottom: 0;\n        }\n    }\n\n    small {\n        padding-left: $small-tag-padding;\n        color: $small-tag-color;\n    }\n}\n\npre {\n    background-color: $pre-tag-bg-color;\n    padding: $pre-tag-padding;\n}\n\n.typography-list {\n    ul {\n        li {\n            ul {\n                padding-left: 32px;\n                list-style-type: circle;\n\n                [dir=\"rtl\"] & {\n                    padding-left: unset;\n                    padding-right: 32px;\n                }\n            }\n        }\n    }\n}\n\n// Typography CSS end\n\n.owl-theme {\n    .owl-dots {\n        .owl-dot {\n            span {\n                background: lighten($primary-color, 20%);\n            }\n\n            &.active,\n            &:hover {\n                span {\n                    background: var(--theme-default);\n                }\n            }\n        }\n    }\n\n    .owl-nav {\n        &.disabled {\n            &+.owl-dots {\n                margin-bottom: -10px;\n                margin-top: 25px;\n            }\n        }\n    }\n}\n\n.click2edit {\n    &~.note-editor {\n        &.note-frame {\n            margin-bottom: 30px;\n        }\n    }\n}\n\n.note-editor {\n    &.note-frame {\n        border-color: $light-color;\n    }\n\n    &.fullscreen {\n        .note-toolbar-wrapper {\n            height: 0 !important;\n        }\n    }\n}\n\n.note-editor {\n    &.note-frame {\n        border-color: $light-color;\n    }\n}\n\n// index page notify\n\n.alert-theme {\n    &.notify-alert {\n        button {\n            top: 45px !important;\n            right: 20px !important;\n            // color: var(--theme-default);\n\n            @media (max-width:420px) {\n                top: 40px !important;\n                font-size: 20px;\n\n            }\n\n            [dir=\"rtl\"] & {\n                right: unset !important;\n                left: 20px !important;\n            }\n        }\n\n        span {\n            +span {\n                +span {\n                    background-color: $white;\n                    border-radius: 4px;\n                    box-shadow: 0 2px 14px -3px rgba($black, 0.2);\n                }\n            }\n        }\n\n        // .close {\n        //     color: var(--theme-default);\n        // }\n\n        i {\n            padding: 20px;\n            padding-right: 0 !important;\n            margin-right: 20px !important;\n        }\n\n        .progress {\n            margin-top: -2px !important;\n            height: 2px;\n            width: 100%;\n\n            .progress-bar {\n                background-color: var(--theme-default);\n            }\n        }\n    }\n}\n\n.ace-editor {\n    height: 400px;\n    width: 100%;\n}\n\n.editor-toolbar {\n    width: 100% !important;\n\n    &.fullscreen {\n        z-index: 100;\n    }\n}\n\n.CodeMirror {\n    top: 0 !important;\n}\n\n.CodeMirror-fullscreen {\n    top: 50px !important;\n}\n\n// table\ntable {\n    tbody {\n        tr {\n            vertical-align: middle;\n        }\n    }\n}\n\n.common-flex {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.common-align {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.typography-table {\n    thead {\n        tr {\n            th {\n                font-size: 16px;\n                border-color: var(--sidebar-border) !important;\n            }\n        }\n    }\n\n    tbody {\n        tr {\n            td {\n                border-color: var(--sidebar-border);\n                &:last-child {\n                    min-width: 280px;\n                }\n\n                &:first-child {\n                    min-width: 100px;\n                }\n            }\n        }\n    }\n}\n\n/**=====================\n    1.2 Typography CSS Ends\n==========================**/","/**=====================\n    2.1 According CSS start\n==========================**/\n.default-according {\n    .avatar-showcase {\n        margin-bottom: 0;\n    }\n\n    .card {\n        margin-bottom: 0;\n        box-shadow: none;\n\n        &+.card {\n            margin-top: $according-card-top-margin;\n        }\n\n        .btn-link {\n            font-weight: $according-btn-weight;\n            color: $theme-body-font-color;\n            text-decoration: none;\n        }\n\n        .btn-link {\n\n            &:focus,\n            &:hover {\n                text-decoration: none;\n            }\n        }\n\n        .card-header {\n            padding: $according-card-header-padding;\n            border: $card-border-color;\n\n            i {\n                position: absolute;\n                left: 18px;\n                font-size: 20px;\n                top: 20px;\n            }\n\n            h5 {\n                margin-top: 2px;\n            }\n        }\n\n        .card-body {\n            border: $card-border-color;\n            border-top: none;\n        }\n    }\n}\n.accordion-light-secondary {\n    background-color: rgba($secondary-color, 0.1);\n}\n.default-according.style-1 {\n    button {\n        width: 100%;\n        text-align: left;\n\n        &:before {\n            right: 20px;\n            position: absolute;\n            -webkit-transition: 0.4s;\n            transition: 0.4s;\n            font-size: 20px;\n            top: 50%;\n            -webkit-transform: translateY(-50%);\n            transform: translateY(-50%);\n\n            @media (max-width: 575px) {\n                right: 15px;\n            }\n        }\n\n        &[aria-expanded=\"true\"] {\n            &:before {\n                content: $according-close-icon;\n                font-family: $according-card-header-icon;\n            }\n        }\n\n        &[aria-expanded=\"false\"] {\n            &:before {\n                content: $according-open-icon;\n                font-family: $according-card-header-icon;\n            }\n        }\n    }\n}\n\n.accordion-button {\n    .svg-color {\n        position: absolute;\n        right: 20px;\n\n        [dir=\"rtl\"] & {\n            left: 20px;\n            right: unset;\n        }\n\n        &::after {\n            content: '';\n            background-image: unset;\n        }\n    }\n\n    svg {\n        transition: transform 0.2s ease-in-out;\n    }\n\n    &:not(.collapsed) {\n        background-color: unset;\n        box-shadow: none;\n\n        svg {\n            transform: rotate(-180deg);\n        }\n\n        &::after {\n            background-image: unset;\n        }\n    }\n\n    &::after {\n        background-image: unset;\n    }\n\n    &:focus {\n        box-shadow: none;\n    }\n\n    &::after {\n        content: unset;\n    }\n}\n\n$accordion-light-name: primary,\n    secondary,\n    success,\n    warning,\n    info,\n    light,\n    danger,\n    dark;\n\n$accordion-light-color: $primary-color,\n    $secondary-color,\n    $success-color,\n    $warning-color,\n    $info-color,\n    $light-color,\n    $danger-color,\n    $dark-color;\n\n@each $var in $accordion-light-name {\n    $i: index($accordion-light-name, $var);\n\n    .accordion-button {\n        &.accordion-light-#{$var} {\n            &:not(.collapsed) {\n                background-color: rgba(nth($accordion-light-color, $i), 0.1);\n            }\n\n            &:active,\n            &.active {\n                background-color: rgba(nth($accordion-light-color, $i), 0.1);\n                color: $black;\n            }\n        }\n    }\n\n    .multi-collapse {\n        &.show {\n            .collapse-wrapper {\n                &.accordion-light-#{$var} {\n                    background-color: rgba(nth($accordion-light-color, $i), 0.1) !important;\n                    color: var(--body-font-color);\n                }\n            }\n        }\n    }\n}\n\n.accordion-item {\n    .accordion-button {\n        .svg-wrapper {\n            width: 18px;\n            height: 18px;\n        }\n    }\n}\n\n.accordion-wrapper {\n    &.accordion-item {\n        background-color: transparent !important;\n\n        .accordion-button {\n            background-color: transparent !important;\n            border-bottom: 1px solid var(--recent-border);\n\n            &.collapsed {\n                border-bottom: none;\n            }\n        }\n    }\n\n    &:active {\n        border: 1px solid $primary-color;\n        border-top: 1px solid $primary-color !important;\n    }\n}\n\n.accordion-border {\n    .accordion-item {\n        border: 0;\n    }\n}\n\n.icons-accordion {\n    .accordion-item {\n        &:last-child {\n            .accordion-body {\n                padding-bottom: 0 !important;\n            }\n        }\n\n        .accordion-button {\n            &:not(.collapsed) {\n                svg {\n                    &:first-child {\n                        transform: unset;\n                    }\n                }\n            }\n        }\n    }\n}\n\n.accordions-content {\n    li {\n        color: $dark-color;\n    }\n}\n\n.collapse-accordion {\n    .btn-dark {\n        &.collapse {\n            border-radius: 15px;\n            color: $white;\n        }\n    }\n}\n\n.main-accordion {\n    .accordion {\n        &:not(.accordion-flush) {\n            .accordion-item {\n                border-color: var(--view-border-marker) !important;\n            }\n        }\n\n        &.accordion-flush {\n            .accordion-item {\n                border-color: var(--recent-dashed-border);\n            }\n        }\n\n        .accordion-item {\n            .accordion-button {\n                padding-right: 50px;\n\n                [dir=\"rtl\"] & {\n                    padding-right: 20px;\n                    padding-left: 50px;\n                }\n            }\n        }\n    }\n}\n\n/**=====================\n    2.1 According CSS Ends\n==========================**/","/**=====================\n     2.2 Alert CSS start\n==========================**/\n\n.notify-alert {\n  .close {\n    // color: $white;\n    background: unset;\n    border: none;\n    font-size: 25px;\n\n    [dir=\"rtl\"] & {\n      right: unset !important;\n      left: 10px !important;\n    }\n  }\n\n  &.alert-light {\n    .close {\n      color: $theme-body-font-color;\n    }\n  }\n}\n\n.alert {\n  border-radius: $alert-border-radius;\n  padding: 15px;\n\n  svg {\n    vertical-align: middle;\n  }\n\n  .progress {\n    margin-top: $alert-padding;\n  }\n\n  [data-notify='icon'] {\n    margin-right: 10px;\n    line-height: 20px;\n    position: absolute;\n  }\n\n  [data-notify='message'] {\n    display: inline-block;\n    width: 100%;\n  }\n\n  i {\n    margin-right: 5px;\n    font-size: $alert-msg-icon-size;\n  }\n\n  p {\n    margin-bottom: 0;\n  }\n\n  .close {\n    opacity: 1;\n\n    span {\n      font-size: 24px;\n      font-weight: 400;\n      display: inline-block;\n      border-radius: 3px;\n      text-shadow: none;\n      padding: 0 5px;\n      padding-right: 0;\n    }\n  }\n}\n\n.alert-dismissible {\n  padding-right: 2.5rem;\n\n  [dir=\"rtl\"] & {\n    padding-right: 15px;\n    padding-left: 2.5rem;\n  }\n\n  .btn-close {\n    box-shadow: none;\n\n    @media (max-width:767px) {\n      font-size: 10px;\n    }\n  }\n\n  .close {\n    padding: 10px 1.25rem;\n    top: 4px;\n    padding-right: 13px;\n    opacity: 0.5;\n    transition: all 0.3s ease;\n\n    &:hover {\n      transition: all 0.3s ease;\n      opacity: 1;\n      color: inherit;\n    }\n  }\n}\n\n.card-body {\n  button {\n    &:focus {\n      outline: none;\n    }\n  }\n\n  .alert {\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    svg {\n      @include pixelstrap-size(16px, 16px);\n      margin-right: 4px;\n      position: absolute;\n      top: 18px;\n\n      &~p {\n        padding-left: 20px;\n      }\n    }\n  }\n}\n\nstrong {\n  display: inline-block;\n\n  &~p {\n    display: inline-block;\n  }\n}\n\n$alert-name: primary,\n  secondary,\n  success,\n  danger,\n  warning,\n  info,\n  light,\n  dark;\n\n$alert-color : $primary-color,\n$secondary-color,\n$success-color,\n$danger-color,\n$warning-color,\n$info-color,\n$light-color,\n$dark-color;\n\n@each $var in $alert-name {\n  $i: index($alert-name, $var);\n\n  .alert-#{$var} {\n    background-color: rgba(nth($alert-color, $i), 0.8);\n    border-color: rgba(nth($alert-color, $i), 0.9);\n    color: $white;\n\n    .progress {\n      height: 5px;\n      background-color: darken(nth($alert-color, $i), 1%);\n      border-radius: 0;\n    }\n\n    .progress-bar {\n      background-color: lighten(nth($alert-color, $i), 50%);\n    }\n\n    .btn-close {\n      filter: brightness(1) invert(1);\n    }\n\n    .alert-link {\n      color: nth($alert-color, $i);\n\n      @if($var ==\"light\") {\n        color: $dark-color;\n      }\n    }\n\n    @if($var ==\"light\") {\n      & {\n        color: $dark-color;\n        background-color: $light-color;\n      }\n\n      .btn-close {\n        filter: unset;\n      }\n    }\n\n    hr {\n      border-top-color: nth($alert-color, $i);\n    }\n\n  }\n\n  .border-#{$var} {\n    border-color: nth($alert-color, $i) !important;\n  }\n\n  .alert-bg-#{$var} {\n    background-color: rgba(nth($alert-color, $i), 0.1);\n  }\n\n  // dashboard-7\n  .income-wrapper {\n    ul {\n      li {\n        .income-dot {\n          &.dot-#{$var} {\n            background-color: nth($alert-color, $i);\n          }\n        }\n      }\n    }\n  }\n\n  // touchspin \n  .touchspin-wrapper {\n    .btn-touchspin {\n      &.touchspin-#{$var} {\n        background-color: nth($alert-color, $i);\n        border: 1px solid nth($alert-color, $i);\n        color: $white;\n      }\n\n      &.spin-border-#{$var} {\n        background-color: unset;\n        border: 1px solid nth($alert-color, $i);\n        color: nth($alert-color, $i);\n      }\n    }\n\n    input[type='number'] {\n      &.spin-outline-#{$var} {\n        outline: 1px solid nth($alert-color, $i);\n        border: none;\n        border-radius: 3px;\n      }\n    }\n  }\n\n  .pre-post-touchspin {\n\n    .btn-touchspin {\n      &.touchspin-#{$var} {\n        background-color: nth($alert-color, $i);\n        border: 1px solid nth($alert-color, $i);\n        color: $white;\n      }\n    }\n  }\n\n  // Switches\n  .form-switch {\n    .form-check-input {\n      &.switch-#{$var} {\n        &:checked {\n          background-color: nth($alert-color, $i);\n          border-color: nth($alert-color, $i);\n        }\n      }\n\n      &:focus {\n        box-shadow: unset;\n      }\n    }\n  }\n\n  .payment-second {\n    .mega-icons {\n      &.stroke-#{$var} {\n        stroke: nth($alert-color, $i);\n      }\n    }\n  }\n\n  .toast-#{$var} {\n    color: nth($alert-color, $i) !important;\n  }\n\n  .list-group-horizontal {\n\n    &-sm,\n    &-md,\n    &-lg,\n    &-xl,\n    &-xxl {\n      .list-group-item {\n        &.border-left-#{$var} {\n          border-left: 4px solid nth($alert-color, $i);\n\n          [dir=\"rtl\"] & {\n            border-right: 4px solid nth($alert-color, $i);\n            border-left: unset;\n          }\n        }\n      }\n    }\n  }\n\n  // Radio-toggle\n  .main-radio-toggle {\n    .btn-check {\n      &.radio-light-#{$var} {\n        &:focus {\n          +.btn {\n            box-shadow: 0 0 0 4px rgba(nth($alert-color, $i), 0.55);\n          }\n        }\n      }\n    }\n  }\n\n  // Radio button\n  .fill-radios {\n    .radio {\n      &.radio-#{$var} {\n        input[type='radio']:checked {\n          &+label {\n            &::before {\n              border: 10px solid nth($alert-color, $i);\n            }\n\n            &::after {\n              background-color: nth($alert-color, $i);\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .list-group {\n\n    .form-check-input[type=checkbox],\n    [type=radio] {\n      &.checkbox-#{$var} {\n        background-color: unset;\n        border-color: nth($alert-color, $i);\n        outline: 0;\n\n        &:focus,\n        &:active,\n        &.active,\n        &:checked {\n          border-color: nth($alert-color, $i);\n          outline: 0;\n          background-color: nth($alert-color, $i);\n        }\n      }\n    }\n\n    .alert-#{$var}.light {\n      background-color: rgba(nth($alert-color, $i), 0.4);\n      border-color: rgba(nth($alert-color, $i), 0.7);\n    }\n\n    .alert-#{$var}.dark {\n\n      @if($var ==\"light\") {\n        color: $dark-color;\n      }\n\n      .alert-link {\n        color: $white;\n        background-color: nth($alert-color, $i);\n        border-color: nth($alert-color, $i);\n        color: $auth-bg-color;\n\n        @if($var ==\"light\") {\n          color: $dark-color;\n        }\n      }\n    }\n\n    .alert-#{$var}.outline,\n    .alert-#{$var}.outline-2x {\n      background-color: $transparent-color;\n      border-color: nth($alert-color, $i);\n      color: nth($alert-color, $i);\n\n      @if($var ==\"light\") {\n        color: $dark-color;\n      }\n\n      .btn-close {\n        filter: unset;\n      }\n    }\n\n    .alert-#{$var}.inverse {\n      background-color: transparent;\n      padding: 13px 20px 13px 65px;\n      border-color: nth($alert-color, $i);\n      color: $theme-body-font-color;\n\n      &:before {\n        top: 16px;\n        content: \"\";\n        position: absolute;\n        left: 54px;\n        width: 0;\n        height: 0;\n        border-left: 7px solid nth($alert-color, $i);\n        border-top: 7px solid transparent;\n        border-bottom: 7px solid transparent;\n\n        @media (max-width: 576px) {\n          left: 45px;\n        }\n      }\n\n      i {\n        padding: 17px 20px;\n        display: inline-block;\n        background-color: nth($alert-color, $i);\n        color: $white;\n        border-radius: 3px 0 0 3px;\n        position: absolute;\n        left: 0;\n        top: 0;\n        height: 100%;\n\n        @media (max-width: 576px) {\n          padding: 17px 14px;\n        }\n      }\n    }\n\n    .btn-close {\n      filter: unset;\n      top: -3px;\n    }\n  }\n}\n\n.outline-2x {\n  border-width: 2px;\n  padding: 11px 1.25rem;\n}\n\n\n.alert-icons {\n  &.outline-2x {\n    padding: 15px;\n  }\n\n  svg {\n    position: absolute !important;\n    top: 18px !important;\n  }\n}\n\n.alert-dark,\n.alert-info {\n  .btn-close {\n    filter: none;\n  }\n}\n\n.alert-dark {\n  .btn-close {\n    filter: brightness(1) invert(1);\n  }\n}\n\n$alert-light-name: primary,\n  secondary,\n  success,\n  warning,\n  info,\n  light,\n  danger,\n  dark;\n\n$alert-light-color: $light-primary,\n  $light-secondary,\n  $light-success,\n  $light-warning,\n  $light-info,\n  $light-white,\n  $light-danger,\n  $light-dark;\n\n@each $var in $alert-light-name {\n  $i: index($alert-light-name, $var);\n\n  .alert-light-#{$var} {\n    background-color: nth($alert-light-color, $i);\n  }\n\n  .shadow-#{$var} {\n    box-shadow: 0px 10.511241px 12.408992767333984px 0px nth($alert-light-color, $i);\n  }\n}\n\n.alert-arrow {\n  min-width: 55px;\n  height: 55px;\n  @include pixelstrap-flex(flex, center, center);\n  position: relative;\n\n  i {\n    margin-right: 0;\n  }\n\n}\n\n.ellipsis.content {\n  @media (max-width:576px) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: 294px;\n  }\n\n  @media (max-width:575px) {\n    max-width: 180px;\n  }\n}\n\n.alert-dismissible {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n\n}\n\n// Flag-icons\n.alert {\n  &.notify-alert {\n    &.alert-copy {\n      display: flex !important;\n      background-color: var(--theme-default);\n      border: 1px solid var(--theme-default);\n      width: 300px;\n      line-height: 1;\n      color: $white;\n\n      @media (max-width:550px) {\n        width: 285px;\n      }\n    }\n  }\n}\n\n// Icon with alerts\n.alerts-icon {\n  .alert {\n    >div {\n      min-width: 30px;\n      min-height: 30px;\n      border-radius: 50%;\n      background-color: var(--white);\n      @include pixelstrap-flex(flex, center, center);\n      margin-right: 10px;\n    }\n\n    svg {\n      position: relative;\n      top: 0;\n      @include pixelstrap-size(18px, 18px);\n      margin: 0;\n    }\n  }\n}\n\n.outline-alerts {\n  .double-border {\n    border: 4px double;\n  }\n\n  .inset-border {\n    border: 4px inset;\n  }\n\n  .alert {\n    p {\n      display: inline-block;\n      max-width: 92%;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n}\n\n.alert-box {\n  .alert-body {\n    text-align: center;\n\n    svg {\n      @include pixelstrap-size(100px, 100px);\n      position: relative;\n      margin-bottom: 20px;\n    }\n\n    p {\n      margin-bottom: 12px;\n    }\n\n    .button-box {\n      button {\n        &:first-child {\n          margin-right: 6px;\n        }\n\n        &.light-background {\n\n          &:hover,\n          &:focus {\n            background-color: var(--light-bg) !important;\n            border-color: transparent;\n          }\n        }\n      }\n    }\n  }\n}\n\n/**=====================\n   2.2 Alert CSS end\n==========================**/","/**=====================\n  2.3 Avatars CSS start\n==========================**/\n.avatars {\n    .avatar {\n        display: inline-block;\n        margin-right: 10px;\n        position: relative;\n        width: auto;\n\n        &:last-child {\n            margin-right: 0;\n        }\n\n        &.ratio {\n            img {\n                width: auto;\n            }\n        }\n\n        .status {\n            position: absolute;\n            height: 12%;\n            width: 12%;\n            border-radius: 100%;\n            bottom: 12%;\n            right: 4%;\n        }\n    }\n\n    &.badge-avatar {\n        .avatar {\n            .badge {\n                @include pixelstrap-size(20px, 20px);\n                @include pixelstrap-flex(flex, center, center);\n                padding: 0;\n            }\n        }\n    }\n}\n\n.customers {\n    ul {\n        display: inline-block;\n\n        li {\n            img {\n                border: 2px solid var(--white);\n                transition: 0.5s;\n\n                &:hover {\n                    transform: translateY(-4px) scale(1.02);\n                    transition: 0.5s;\n                }\n            }\n\n            +li {\n                margin-left: -7%;\n            }\n        }\n    }\n\n    &.avatar-group {\n        margin-right: 30px;\n\n        &:last-child {\n            margin-right: 0;\n        }\n    }\n}\n\n.avatar-showcase {\n    margin-bottom: -10px;\n\n    .avatars {\n        .avatar {\n            margin-bottom: 10px;\n        }\n    }\n\n    .avatar-group {\n        margin-bottom: 10px;\n    }\n\n    .ratio {\n        >* {\n            position: relative;\n            top: unset;\n            left: unset;\n        }\n    }\n}\n\n.letter-avatar {\n    @include pixelstrap-flex(flex, center, center);\n    flex-wrap: wrap;\n    gap: 24px;\n\n    h6 {\n        @include pixelstrap-size(60px, 60px);\n        @include pixelstrap-flex(flex, center, center);\n        border-radius: 50%;\n    }\n}\n\n.animation-ping {\n    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;\n}\n\n@keyframes ping {\n\n    75%,\n    100% {\n        transform: scale(2);\n        opacity: 0;\n    }\n}\n\n/**=====================\n    2.3 Avatars CSS Ends\n==========================**/","/**=====================\n    2.4 Badge CSS start\n==========================**/\n\n.badge-spacing {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n\n  .badge {\n    padding: 6px 12px;\n    font-size: 12px;\n\n    &.badge {\n      svg {\n        padding-top: 0px;\n      }\n    }\n\n    &.rounded-circle {\n      padding: 10px 14px;\n      @include pixelstrap-flex(flex, center, center);\n    }\n\n    &.badge-p-space {\n      padding: 10px 13px;\n    }\n\n    &+.badge {\n      margin-left: 0px;\n    }\n  }\n}\n\na.badge {\n  &:hover {\n    color: inherit;\n\n    &.badge-dark {\n      &:hover {\n        color: $white;\n      }\n    }\n  }\n}\n\n.badge {\n  padding: 0.25rem 0.45rem;\n  font-weight: 500;\n  border-radius: 0.25rem;\n  font-size: 11px;\n  line-height: 1.1;\n  &+.badge {\n    margin-left: 5px;\n  }\n\n  svg {\n    width: $badge-svg-size;\n    height: $badge-svg-size;\n    padding-top: 3px;\n  }\n}\n\n.b-ln-height {\n  line-height: 5px;\n}\n\n@each $pill-badge-name,\n$pill-badge-color in (primary, var(--theme-default)),\n(secondary, $secondary-color),\n(success, $success-color),\n(danger, $danger-color),\n(info, $info-color),\n(light, $light-color),\n(dark, $dark-color),\n(warning, $warning-color) {\n  .pill-badge-#{$pill-badge-name} {\n    background-color: $pill-badge-color;\n    box-shadow: -0.5px 4.33px 16px 0px rgba($pill-badge-color, 0.25);\n    color: $white;\n    border-radius: 0;\n  }\n}\n\n.pill-badge-primary {\n  background-color: var(--theme-default);\n}\n\n.pill-badge-secondary {\n  background-color: rgba(var(--theme-secondary),1);\n}\n\n@each $round-badge-name,\n$round-badge-color in (primary, var(--theme-default)),\n(secondary, $secondary-color),\n(success, $success-color),\n(danger, $danger-color),\n(info, $info-color),\n(light, $light-color),\n(dark, $dark-color),\n(warning, $warning-color) {\n  .round-badge-#{$round-badge-name} {\n    border-radius: 6px;\n    background-color: $round-badge-color;\n    box-shadow: -0.5px -6.67px 14px 0px rgba($round-badge-color, 0.18);\n    color: $white !important;\n  }\n}\n\n.round-badge-primary {\n  background-color: var(--theme-default);\n}\n\n.round-badge-secondary {\n  background-color: rgba(var(--theme-secondary),1);\n}\n\n.badge-heading {\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5 {\n    margin-bottom: 16px;\n  }\n}\n\n.badge-flex {\n  @include pixelstrap-flex(flex, flex-start, flex-start);\n  gap: 22px;\n  flex-wrap: wrap;\n\n  .badge-square {\n    @include pixelstrap-size(35px, 35px);\n    padding: 0;\n  }\n\n  .badge-p-5 {\n    padding: 5px;\n  }\n}\n\n.image-badges {\n  span {\n    img {\n      height: 24px;\n    }\n\n    &.vr {\n      min-height: 12px;\n      height: auto;\n    }\n\n    a {\n      svg {\n        vertical-align: middle;\n      }\n    }\n  }\n}\n\n/**=====================\n  2.4 Badge CSS Ends\n==========================**/","/**=====================\n    2.5 Bookmark CSS start\n==========================**/\n.bookmark {\n  ul {\n    li {\n      display: inline-block;\n\n      .search-form {\n        position: absolute;\n        bottom: 53px;\n        z-index: 1;\n\n        .form-control-search {\n          top: 65px;\n          position: absolute;\n          transition: all linear 0.3s;\n          right: -20px;\n          transform: translateY(-35px) scaleY(0);\n          opacity: 0;\n          visibility: hidden;\n\n          input {\n            width: 240px;\n            background-color: $white;\n            box-shadow: 0 5px 21px rgba(0, 0, 0, 0.10);\n          }\n\n          &.open {\n            transform: translateY(0px) scaleY(1);\n            opacity: 1;\n            visibility: visible;\n            transition: all linear 0.3s;\n            z-index: 100;\n          }\n\n          &:after {\n            top: 12px;\n            left: 20px;\n            z-index: 1;\n          }\n\n          &:before {\n            left: 50px;\n            top: 9px;\n            z-index: 2;\n          }\n        }\n      }\n\n      a {\n        position: relative;\n        color: $theme-body-font-color;\n\n        svg {\n          vertical-align: middle;\n          @include pixelstrap-size(20px, 20px);\n        }\n      }\n\n      +li {\n        margin-left: 10px;\n      }\n\n      &:last-child {\n        padding-right: 0;\n\n        a {\n          border-radius: 5px;\n\n          svg {\n            color: #ff9f40;\n          }\n        }\n      }\n    }\n  }\n}\n\n.offcanvas-bookmark {\n  &.page-wrapper.horizontal-wrapper {\n    .page-body-wrapper {\n      .page-body {\n        .bookmark {\n          ul {\n            li {\n              a {\n                z-index: 99999;\n                color: rgba(255, 255, 255, 0.5);\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  &:before {\n    position: fixed;\n    content: '';\n    background-color: rgba(0, 0, 0, 0.5);\n    @include pixelstrap-size(100%, 100%);\n    z-index: 1;\n    right: 0;\n    left: 0;\n  }\n}\n\nbody.modal-open {\n  .select2-container--open {\n    width: unset !important;\n    display: block;\n\n    .select2-dropdown {\n      z-index: 1076;\n    }\n  }\n}\n\n/**=====================\n    2.5 Bookmark CSS Ends\n==========================**/","/**=====================\n2.6 Breadcrumb CSS Start\n==========================**/\n.breadcrumb-colored {\n\tpadding: 12px 16px;\n\tborder-radius: 4px;\n\n\tli {\n\t\ta {\n\t\t\tcolor: $breadcrumb-anchor-color;\n\t\t}\n\n\t\t&.active {\n\t\t\tcolor: $breadcrumb-anchor-color;\n\t\t\topacity: 0.7;\n\t\t}\n\t}\n\n\t.breadcrumb-item {\n\t\t&:before {\n\t\t\tcolor: $breadcrumb-anchor-color;\n\t\t}\n\t}\n\n\t.breadcrumb-item.txt-dark {\n\t\t&:before {\n\t\t\tcolor: $breadcrumb-anchor-dark-color;\n\t\t}\n\t}\n}\n\n.breadcrumb-icon {\n\t--bs-breadcrumb-divider: '>';\n\n\tli {\n\t\tdisplay: inline-block;\n\t}\n}\n\n.breadcrumb-no-divider {\n\t--bs-breadcrumb-divider: '';\n}\n\n.breadcrumb-item {\n\t&.active {\n\t\ttext-transform: capitalize;\n\t\tcolor: var(--theme-default);\n\t\tfont-weight: 500;\n\n\t}\n}\n\n.breadcrumb-space {\n\t.breadcrumb-item {\n\t\t&::before {\n\t\t\tpadding-right: 0;\n\t\t}\n\t}\n}\n\n/**=====================\n\t2.6 Breadcrumb CSS ends\n==========================**/","/**=====================\n    2.7 Basic-card CSS Start\n==========================**/\n\n.dark-color-header {\n    background-color: unset !important;\n    color: $primary-color;\n    ul {\n        li {\n            &:first-child,\n            &:last-child {\n                i {\n                    color: $primary-color !important;\n                }\n            }\n\n            i {\n                color: $light-color !important;\n            }\n        }\n    }\n}\n\n/**=====================\n  2.7 Basic-card CSS Ends\n==========================**/","/**=====================\n  2.9 Buttons CSS start\n==========================**/\n.btn-link {\n  color: var(--theme-default);\n}\n\n.btn-outline-light {\n  color: $theme-font-color !important;\n}\n\n.purchase-btn {\n  background: linear-gradient(90deg, var(--theme-default) -18.33%, var(--theme-default) 62.78%);\n  padding: 12px 20px;\n  min-width: 200px;\n  border: none;\n  transition: 0.5s;\n\n  &:hover {\n    background: linear-gradient(90deg, var(--theme-default) -18.33%, var(--theme-default) 62.78%);\n    transition: 0.5s;\n  }\n\n  @media (max-width: 991px) {\n    min-width: 160px;\n  }\n\n  @media (max-width: 767px) {\n    min-width: 140px;\n    padding: 10px 17px;\n    font-size: 16px;\n  }\n\n  @media (max-width: 575px) {\n    font-size: 14px;\n  }\n}\n\n.btn-light {\n  &:not([disabled]):not(.disabled).active.active {\n    color: $theme-body-font-color;\n    background-color: darken($light-color, 2%) !important;\n  }\n}\n\n@mixin btn-gradien($deg, $leftcolor, $leftcolor-per, $rightcolor, $rightcolor-per, $font-color) {\n  background-image: linear-gradient(to right, $leftcolor 0%, $rightcolor 51%, $leftcolor 100%);\n  border: none;\n  color: $font-color;\n  background-size: auto 200%;\n  transition: all 0.3s ease;\n}\n\n.btn-primary-gradien {\n  @include btn-gradien(0%, darken($primary-color, 8%), 60, lighten($primary-color, 8%), 100%, $white);\n  color: $white;\n\n  &:focus,\n  &:active,\n  &.active {\n    transition: 1.5s;\n    background-position: right center;\n    background-image: linear-gradient(to right, lighten($primary-color, 8%), 0%, darken($primary-color, 8%), 100%, $white) !important;\n  }\n}\n\n.btn-secondary-gradien {\n  @include btn-gradien(60, lighten($secondary-color, 8%), 0%, darken($secondary-color, 8%), 100%, $white);\n\n  &:hover,\n  &:focus,\n  &:active,\n  &.active,\n  &.hover {\n    transition: 1.5s;\n    background-position: right center;\n    background-image: linear-gradient(to right, lighten($secondary-color, 8%), 0%, darken($secondary-color, 8%), 100%, $white) !important;\n  }\n}\n\n.btn-success-gradien {\n  @include btn-gradien(60, lighten($success-color, 8%), 0%, darken($success-color, 8%), 100%, $white);\n\n  &:hover,\n  &:focus,\n  &:active,\n  &.active,\n  &.hover {\n    transition: 1.5s;\n    background-position: right center;\n    background-image: linear-gradient(to right, lighten($success-color, 8%), 0%, darken($success-color, 8%), 100%, $white) !important;\n  }\n}\n\n.btn-danger-gradien {\n  @include btn-gradien(60, lighten($danger-color, 8%), 0%, darken($danger-color, 8%), 100%, $white);\n\n  &:hover,\n  &:focus,\n  &:active,\n  &.active,\n  &.hover {\n    transition: 1.5s;\n    background-position: right center;\n    background-image: linear-gradient(to right, lighten($danger-color, 8%), 0%, darken($danger-color, 8%), 100%, $white) !important;\n  }\n}\n\n.btn-warning-gradien {\n  @include btn-gradien(60, lighten($warning-color, 8%), 0%, darken($warning-color, 8%), 100%, $white);\n\n  &:hover,\n  &:focus,\n  &:active,\n  &.active,\n  &.hover {\n    transition: 1.5s;\n    background-position: right center;\n    background-image: linear-gradient(to right, lighten($warning-color, 8%), 0%, darken($warning-color, 8%), 100%, $white) !important;\n  }\n}\n\n.btn-info-gradien {\n  @include btn-gradien(60, lighten($info-color, 8%), 0%, darken($info-color, 8%), 100%, $white);\n\n  &:hover,\n  &:focus,\n  &:active,\n  &.active,\n  &.hover {\n    transition: 1.5s;\n    background-position: right center;\n    background-image: linear-gradient(to right, lighten($info-color, 8%), 0%, darken($info-color, 8%), 100%, $white) !important;\n  }\n}\n\n.btn-light-gradien {\n  @include btn-gradien(60, lighten($light-color, 8%), 0%, darken($light-color, 8%), 100%, $white);\n\n  &:hover,\n  &:focus,\n  &:active,\n  &.active,\n  &.hover {\n    transition: 1.5s;\n    background-position: right center;\n    background-image: linear-gradient(to right, lighten($light-color, 8%), 0%, darken($light-color, 8%), 100%, $white) !important;\n  }\n}\n\n.btn-dark-gradien {\n  @include btn-gradien(60, lighten($dark-color, 8%), 0%, darken($dark-color, 8%), 100%, $white);\n\n  &:hover,\n  &:focus,\n  &:active,\n  &.active,\n  &.hover {\n    transition: 1.5s;\n    background-position: right center;\n    background-image: linear-gradient(to right, lighten($dark-color, 8%), 0%, darken($dark-color, 8%), 100%, $white) !important;\n  }\n}\n\n\n@mixin btn-square($border-radius) {\n  border-radius: $border-radius+px;\n}\n\n@mixin btn-pill($border-radius) {\n  border-radius: $border-radius+px;\n}\n\n@mixin btn-pill-first($radius) {\n  border-radius: $radius+px 0 0 $radius+px;\n}\n\n@mixin btn-pill-last($radius) {\n  border-radius: 0 $radius+px $radius+px 0;\n}\n\n.btn {\n  padding: $btn-padding;\n  font-weight: 600;\n  &.bg-light-primary {\n    &:hover {\n      background: $primary-color !important;\n      color: $white !important;\n    }\n  }\n}\n\n.btn-lg {\n  font-size: $btn-lg-font-size;\n}\n\n.btn-sm {\n  font-size: $btn-sm-font-size;\n}\n\n.btn-xs {\n  padding: $btn-xs-padding;\n  font-size: $btn-xs-font-size;\n  line-height: 1.4;\n}\n\n.large-btn {\n  margin-bottom: -20px;\n\n  .btn {\n    margin-right: 5px;\n    margin-bottom: 15px;\n  }\n\n}\n\n.btn-outline-white {\n  border: 1px solid $white;\n  color: $white;\n\n  &:hover,\n  &:focus {\n    background: $white;\n    color: var(--theme-default);\n  }\n}\n\n// Light Buttons\n$btn-light-name: primary,\n  secondary,\n  success,\n  warning,\n  info,\n  light,\n  danger,\n  dark;\n\n$btn-light-color: $light-primary,\n  $light-secondary,\n  $light-success,\n  $light-warning,\n  $light-info,\n  $light-white,\n  $light-danger,\n  $light-dark;\n\n@each $var in $btn-light-name {\n  $i: index($btn-light-name, $var);\n\n  .button-light-#{$var} {\n    background-color: nth($btn-light-color, $i);\n\n    &:hover {\n      background-color: nth($btn-light-color, $i);\n    }\n  }\n}\n\n// outline buttons//\n@each $btn-name,\n$btn-color in (primary, $primary-color),\n(secondary, $secondary-color),\n(success, $success-color),\n(danger, $danger-color),\n(info, $info-color),\n(light, $light-color),\n(dark, $dark-color),\n(warning, $warning-color) {\n  .btn-air-#{$btn-name} {\n    box-shadow: 0 5px 10px 2px rgba(88, 103, 221, .19) !important;\n\n    &:hover,\n    &:active,\n    &:not([disabled]):not(.disabled):active {\n      background-color: darken($btn-color, 10%);\n      border-color: darken($btn-color, 10%);\n    }\n  }\n\n  .input-air-#{$btn-name} {\n    box-shadow: 0 3px 5px 1px rgba($btn-color , 0.10) !important;\n\n    &:focus {\n      border-color: $btn-color;\n    }\n  }\n}\n\n.btn-warning {\n  color: $white;\n\n  &:hover,\n  &.disabled {\n    color: $white;\n  }\n}\n\n[class*='-gradien'] {\n  &:hover {\n    background-size: 50% 100%;\n    transition: all 0.3s ease;\n    color: $white;\n  }\n}\n\n.btn-square {\n  @include btn-square(0);\n}\n\n.btn-pill {\n  @include btn-square(60);\n}\n\n.btn-group-pill {\n  .btn {\n    &:first-child {\n      @include btn-pill-first(60);\n    }\n\n    &:last-child {\n      @include btn-pill-last(60);\n    }\n  }\n}\n\n.btn-group-square {\n  .btn {\n    &:first-child {\n      @include btn-pill-first(0);\n    }\n\n    &:last-child {\n      @include btn-pill-last(0);\n    }\n  }\n}\n\n.btn-showcase {\n  margin-bottom: -10px;\n\n  .btn {\n    margin-bottom: 10px;\n    margin-right: 10px;\n  }\n}\n\n.btn-dropdown-showcase {\n  margin-bottom: -10px;\n\n  .dropdown {\n    margin-bottom: 10px;\n    margin-right: 18px;\n  }\n\n  .btn-group {\n    margin-bottom: 10px;\n    margin-right: 18px;\n  }\n\n}\n\n.btn-group {\n  .radio {\n    label {\n      &::before {\n        top: 2px;\n      }\n\n      &::after {\n        top: 7px;\n      }\n    }\n  }\n\n  .checkbox {\n    label {\n      margin-top: 3px;\n    }\n  }\n}\n\n.tooltiptext {\n  visibility: visible;\n  width: 120px;\n  background-color: #e3e3e3;\n  color: $white;\n  text-align: center;\n  border-radius: 6px;\n  padding: 5px 0;\n  position: absolute;\n  z-index: 1;\n  bottom: 125%;\n  left: 50%;\n  margin-left: -60px;\n  opacity: 1;\n  transition: opacity 0.3s;\n\n  &::after {\n    content: \"\";\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    margin-left: -5px;\n    border-width: 5px;\n    border-style: solid;\n    border-color: #555 transparent transparent transparent;\n  }\n}\n\n// Default button on hover \n.card-header-right-icon {\n  .btn {\n    &.btn-light-primary {\n      background-color: var(--light-shade-primary);\n      color: var(--theme-default);\n\n      &:hover {\n        color: $white;\n        background-color: var(--theme-default);\n      }\n    }\n  }\n}\n\n.btn,\nbutton {\n  &.button-primary {\n    background-color: var(--light-shade-primary);\n    color: var(--theme-default);\n\n    &:hover {\n      background-color: var(--theme-default);\n      color: $white;\n      border-color: var(--theme-default)\n    }\n  }\n}\n\n.visual-button {\n\n  button,\n  .btn {\n    @include pixelstrap-size(45px, 45px);\n    padding: 0;\n\n    svg {\n      @include pixelstrap-size(18px, 18px);\n      vertical-align: middle;\n    }\n\n    &.btn-pill {\n      border-radius: 50%;\n      @include pixelstrap-size(45px, 45px);\n      border: unset;\n\n      @media (max-width:1200px) {\n        @include pixelstrap-size(40px, 40px);\n      }\n    }\n\n    @media (max-width:1200px) {\n      @include pixelstrap-size(40px, 40px);\n    }\n  }\n\n  &.visual-button1 {\n\n    .btn,\n    .btn-pill {\n      @include pixelstrap-size(auto, auto);\n      @include pixelstrap-flex(flex, center, center);\n      gap: 8px;\n      padding: 6px 28px;\n    }\n\n    .btn-pill {\n      border-radius: 60px;\n    }\n  }\n}\n\n.button-wrapper {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  flex-direction: column;\n\n  .btn-group {\n    .btn {\n      vertical-align: middle;\n\n      svg {\n        @include pixelstrap-size(18px, 18px);\n      }\n    }\n\n    &.select-checkbox {\n      label {\n        @media (max-width:1190px) {\n          padding: 6px;\n        }\n\n        &.btn-outline-primary {\n          @media (max-width:1065px) {\n            display: none;\n          }\n        }\n\n        &:nth-child(4) {\n          border-left: 0;\n\n          [dir=\"rtl\"] & {\n            border-left: unset;\n            border-right: 0;\n          }\n        }\n      }\n    }\n  }\n\n  &.button-box {\n    .btn-group {\n      .btn {\n        @media (max-width:1065px) and (min-width:591px) {\n          padding: 6px 10px;\n        }\n\n        @media (max-width:590px) {\n          padding: 6px 8px;\n        }\n      }\n    }\n  }\n\n  &.button-outlined {\n    .btn-group {\n      .btn {\n        line-height: 0.8;\n      }\n    }\n  }\n}\n\n.btn-groups {\n  .button-wrapper {\n    @media (max-width:1399px) {\n      align-items: center;\n    }\n  }\n}\n\n.btn-group-vertical {\n  .btn-group {\n    .btn {\n      &.show {\n        border-color: var(--recent-border);\n      }\n    }\n  }\n}\n\n.btn-radio {\n  .btn-group {\n    .btn {\n\n      @media (max-width:360px) {\n        border-radius: 6px !important;\n      }\n\n      &:hover {\n        color: var(--body-font-color);\n      }\n    }\n\n    @media (max-width:369px) {\n      display: grid;\n      gap: 8px;\n\n      .btn {\n        border-radius: 6px;\n      }\n    }\n  }\n}\n\n.btn-toolbar {\n  gap: 12px;\n}\n\n.card-wrapper {\n  .btn-option {\n    .btn {\n      &:hover {\n        color: var(--body-font-color);\n      }\n\n      &:focus,\n      &:active {\n        color: var(--body-font-color);\n        box-shadow: unset;\n      }\n    }\n\n    &.btn-group {\n      @media (max-width:369px) {\n        display: grid;\n        gap: 8px;\n\n        .btn {\n          border-radius: 6px;\n        }\n      }\n    }\n  }\n}\n\n.loader-buttons {\n  button {\n    i {\n      margin-left: 8px;\n    }\n  }\n}\n\n.ripple-button {\n  overflow: hidden;\n  position: relative;\n  transform-origin: center center;\n\n  &:focus,\n  &:active {\n    outline: 0;\n    box-shadow: none;\n  }\n\n  .ripple-span {\n    border-radius: 50%;\n    background-color: rgba(255, 255, 255, 0.7);\n    position: absolute;\n    transform: scale(0);\n    animation: ripple 0.7s linear;\n    width: 20px;\n    height: 20px;\n  }\n}\n\n@keyframes ripple {\n  from {\n    transform: scale(1);\n    opacity: 0.4;\n  }\n\n  to {\n    transform: scale(30);\n    opacity: 0;\n  }\n}\n\n\n.mix-hover-btn {\n  .btn {\n    position: relative;\n\n    &.btn-border-pop {\n      &::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        z-index: -1;\n        border: 2px solid var(--theme-default);\n        transition: top, left, right, bottom, 100ms ease-in-out;\n      }\n\n      &:hover,\n      &:focus {\n        &::before {\n          top: -5px;\n          left: -5px;\n          right: -5px;\n          bottom: -5px;\n          border-radius: 10px;\n        }\n      }\n    }\n\n    &.btn-bg-slide {\n      &::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        z-index: -1;\n        background-color: var(--theme-default);\n        transition: transform 300ms ease-in-out;\n        transform: scaleX(0);\n        transform-origin: left;\n        border-radius: 6px;\n      }\n\n      &:hover,\n      &:focus {\n        color: $white;\n        transition: color 300ms ease-in-out;\n        z-index: 1;\n\n        &::before {\n          transform: scaleX(1);\n        }\n      }\n    }\n\n    &.btn-border-bottom {\n      &::before {\n        content: '';\n        position: absolute;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        height: 2px;\n        background-color: var(--theme-default);\n        transform: scaleX(0);\n        transition: transform 300ms ease-in-out;\n      }\n\n      &:hover,\n      &:focus {\n        &::before {\n          transform: scaleX(1);\n        }\n      }\n    }\n  }\n}\n\n// ----------\n.button--winona {\n  position: relative;\n  overflow: hidden;\n  padding: 0;\n  -webkit-transition: border-color 0.3s, background-color 0.3s;\n  transition: border-color 0.3s, background-color 0.3s;\n  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);\n  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);\n  border: 2px solid $primary-color;\n  background-color: transparent;\n  color: var(--body-font-color);\n\n  &::after {\n    content: attr(data-text);\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    opacity: 0;\n    color: $primary-color;\n    -webkit-transform: translate3d(0, 25%, 0);\n    transform: translate3d(0, 25%, 0);\n  }\n\n  >span {\n    display: block;\n  }\n\n  &::after,\n  >span {\n    padding: 6px 28px;\n    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;\n    transition: transform 0.3s, opacity 0.3s;\n    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);\n    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);\n  }\n\n  &:hover {\n    background-color: rgba($light-primary, 0.7);\n\n    &::after {\n      opacity: 1;\n      -webkit-transform: translate3d(0, 0, 0);\n      transform: translate3d(0, 0, 0);\n    }\n\n    >span {\n      opacity: 0;\n      -webkit-transform: translate3d(0, -25%, 0);\n      transform: translate3d(0, -25%, 0);\n    }\n  }\n}\n\n/**=====================\n    2.9 Buttons CSS end\n==========================**/","/**=====================\n    2.9 BlockUi CSS start\n==========================**/\n//  freeze ui start\n\n.block-main-wrapper,\n.card-block-wrapper {\n    p {\n        display: block;\n        display: -webkit-box;\n        height: 68px;\n        -webkit-line-clamp: 3;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n}\n\n.block-main-wrapper {\n    position: relative;\n\n    .block-wrapper {\n        padding: 12px;\n        margin-bottom: 12px;\n        position: relative;\n        border: 1px solid var(--chart-dashed-border);\n\n        p {\n            margin: 0;\n        }\n    }\n}\n\n.card-img-top1,\n.card-img-top2 {\n    width: 100%;\n    height: 100px;\n    object-fit: cover;\n    object-position: bottom;\n    border-radius: 0;\n}\n\n.form-main-wrapper {\n    .form-block-wrapper {\n        position: relative;\n        margin-bottom: 12px;\n\n        .card-wrapper {\n            &.overlay-bg {\n                cursor: wait;\n\n                form {\n                    .form-control {\n                        background-color: $transparent-color;\n                        border-color: var(--view-grid-bg);\n                    }\n                }\n            }\n        }\n    }\n}\n\n.overlay-bg {\n    background-color: rgba(0, 0, 0, 0.3);\n}\n\n.page-loader-10 {\n    position: relative;\n    top: 0;\n    left: 0;\n    @include pixelstrap-size(100%, 100%);\n    z-index: 2;\n    background-color: rgba(255, 255, 255, .8);\n    opacity: 0.4;\n\n    &::before {\n        content: attr(data-text);\n        display: block;\n        max-width: 125px;\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        color: #343a40;\n        text-align: center;\n    }\n\n    &::after {\n        content: '';\n        display: block;\n        @include pixelstrap-size(35px, 35px);\n        border-radius: 50%;\n        border-width: 2px;\n        border-style: solid;\n        border-color: transparent var(--recent-dashed-border) var(--recent-dashed-border) var(--recent-dashed-border);\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        animation: load .85s infinite linear;\n    }\n}\n\n\n@keyframes load {\n    0% {\n        transform: translate3d(-50%, -50%, 0) rotate(0deg);\n    }\n\n    100% {\n        transform: translate3d(-50%, -50%, 0) rotate(360deg);\n    }\n}\n\n\n.page-loader-12 {\n    animation: content-loading 2s linear;\n    position: relative;\n    top: 0;\n    left: 0;\n    background-color: rgba(255, 255, 255, .8);\n\n    &::before {\n        content: \"Loading...\";\n        display: block;\n        max-width: 125px;\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        color: var(--body-font-color);\n        z-index: 1;\n        font-size: 20px;\n        padding: 18px;\n        border-radius: 25px 0 25px 0;\n        background-color: rgba(var(--theme-secondary),1);\n    }\n}\n\n@keyframes content-loading {\n    to {\n        opacity: 0\n    }\n}\n\n/**=====================\n    2.9 BlockUi CSS start\n==========================**/","/**=====================\n    2.10 Card CSS Start\n==========================**/\n//Card css\n.card {\n  margin-bottom: $card-margin-bottom;\n  border: 1px solid var(--sidebar-border);\n  transition: all 0.3s ease;\n  letter-spacing: 0.5px;\n  border-radius: $card-border-radius;\n  // box-shadow: $card-box-shadow;\n\n  &:hover {\n    box-shadow: $card-hover-box-shadow;\n    transition: all 0.3s ease;\n  }\n  &.border-none {\n    border: unset !important;\n  }\n  &.height-same {\n    height: calc(100% - 20px);\n  }\n  .card-header {\n    background-color: $card-header-bg-color;\n    padding: $card-padding;\n    border-bottom: $card-border-color;\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    position: relative;\n\n    &.card-no-border {\n      border-bottom: none !important;\n    }\n\n    h5 {\n      text-overflow: ellipsis;\n      overflow: hidden;\n      display: -webkit-box !important;\n      -webkit-line-clamp: 1;\n      -webkit-box-orient: vertical;\n      white-space: normal;\n      letter-spacing: unset;\n      line-height: unset;\n      &:not(.mb-0),\n      &:not(.m-0) {\n        margin-bottom: 0;\n        text-transform: $card-header-font-transform;\n      }\n    }\n\n    >span {\n      font-size: $card-header-span-size;\n      color: $card-header-span-color;\n      margin-top: 5px;\n      display: block;\n      letter-spacing: 1px;\n    }\n\n    .card-header-right {\n      border-radius: 0 0 0 7px;\n      right: 20px;\n      top: 14px;\n      display: inline-block;\n      float: right;\n      padding: 8px 0;\n      position: absolute;\n      background-color: var(--white);\n      z-index: 1;\n\n      .card-option {\n        text-align: right;\n        width: 35px;\n        height: 20px;\n        overflow: hidden;\n        transition: 0.3s ease-in-out;\n\n        li {\n          display: inline-block;\n\n          &:first-child {\n            i {\n              transition: 1s;\n              font-size: 16px;\n              color: var(--theme-default);\n\n              &.icofont {\n                color: unset;\n              }\n            }\n          }\n        }\n      }\n\n      i {\n        margin: 0 5px;\n        cursor: pointer;\n        color: $dark-color;\n        line-height: 20px;\n\n        &.icofont-refresh {\n          font-size: 13px;\n        }\n      }\n    }\n  }\n\n  .card-body {\n    padding: $card-padding;\n    background-color: $card-body-bg-color;\n\n    p {\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .sub-title {\n    padding-bottom: 12px;\n    font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));\n  }\n\n  .card-footer {\n    background-color: $card-footer-bg-color;\n    border-top: $card-border-color;\n    padding: $card-padding;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n  }\n\n  &.card-load {\n    .card-loader {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      display: flex;\n      background-color: rgba(255, 255, 255, 0.7);\n      z-index: 8;\n      align-items: center;\n      justify-content: center;\n\n      i {\n        margin: 0 auto;\n        color: var(--theme-default);\n        font-size: 20px;\n      }\n    }\n  }\n\n  &.full-card {\n    position: fixed;\n    top: 0;\n    z-index: 99999;\n    box-shadow: none;\n    right: 0;\n    border-radius: 0;\n    border: 1px solid $light-semi-gray;\n    width: calc(100vw - 12px);\n    height: calc(100vh);\n\n    .card-body {\n      overflow: auto;\n    }\n  }\n}\n\n.page-body-wrapper {\n  .card {\n    .sub-title {\n      font-family: $font-manrope, $font-serif;\n      font-weight: 500;\n      color: $theme-body-sub-title-color;\n    }\n  }\n}\n\n.card-absolute {\n  margin-top: 20px;\n\n  .card-header {\n    position: absolute;\n    top: -20px;\n    left: 15px;\n    border-radius: 0.25rem;\n    padding: 10px 15px;\n\n    h5 {\n      font-size: 17px;\n    }\n  }\n\n  .card-body {\n    margin-top: 10px;\n  }\n}\n\n.card-header {\n  .border-tab {\n    margin-bottom: -13px;\n  }\n}\n\n.custom-card {\n  overflow: hidden;\n  padding: 30px;\n\n  .card-header {\n    padding: 0;\n\n    img {\n      border-radius: 50%;\n      margin-top: -100px;\n      transform: scale(1.5);\n    }\n  }\n\n  .card-profile {\n    text-align: center;\n\n    img {\n      height: 110px;\n      padding: 7px;\n      background-color: $white;\n      z-index: 1;\n      position: relative;\n    }\n  }\n\n  .card-social {\n    text-align: center;\n\n    li {\n      display: inline-block;\n      padding: 15px 0;\n\n      &:last-child {\n        a {\n          margin-right: 0;\n        }\n      }\n\n      a {\n        padding: 0;\n        margin-right: 15px;\n        color: rgb(188, 198, 222);\n        font-size: 16px;\n        transition: all 0.3s ease;\n\n        &:hover {\n          color: var(--theme-default);\n          transition: all 0.3s ease;\n        }\n      }\n    }\n  }\n\n  .profile-details {\n    h6 {\n      margin-bottom: 30px;\n      margin-top: 10px;\n      color: $theme-body-sub-title-color;\n      font-size: 14px;\n    }\n  }\n\n  .card-footer {\n    padding: 0;\n\n    >div {\n      padding: 15px;\n      text-align: center;\n\n      +div {\n        border-left: 1px solid $light-semi-gray;\n      }\n\n\n      h3 {\n        margin-bottom: 0;\n        font-size: 24px;\n      }\n\n      h6 {\n        font-size: 14px;\n        color: $theme-body-sub-title-color;\n      }\n\n      h5 {\n        font-size: 16px;\n        margin-bottom: 0;\n      }\n\n      i {\n        font-size: 24px;\n        display: inline-block;\n        margin-bottom: 15px;\n      }\n\n      .m-b-card {\n        margin-bottom: 10px;\n      }\n    }\n  }\n}\n\n.social {\n  &-profile {\n    text-align: center;\n    background-image: url(../images/other-images/profile-bg.png);\n    background-repeat: no-repeat;\n    background-size: cover;\n\n    .card-body {\n      padding-inline: 20px;\n\n      @media (max-width: 1399px) {\n        padding: 23px 15px;\n      }\n    }\n  }\n\n  &-details {\n    margin-top: 15px;\n\n    h5 {\n      a {\n        color: var(--body-font-color);\n      }\n    }\n\n    .social-follow {\n      column-count: 3;\n      column-gap: 30px;\n      margin-top: 25px;\n\n      @media (max-width: 1399px) {\n        column-gap: 23px;\n      }\n\n      li {\n        position: relative;\n\n        +li {\n          &::before {\n            position: absolute;\n            content: \"\";\n            @include pixelstrap-size(1px, 14px);\n            background-color: var(--recent-dashed-border);\n            left: -15px;\n            top: 50%;\n            transform: translateY(-50%);\n\n            [dir=\"rtl\"] & {\n              left: unset;\n              right: -15px;\n            }\n          }\n        }\n      }\n    }\n\n    .card-social {\n      @include pixelstrap-flex(flex, center, center);\n      gap: 10px;\n      margin-top: 15px;\n    }\n  }\n\n  &-img-wrap {\n    background: linear-gradient(253deg, var(--theme-default) 11.51%, rgba(57 ,73 ,171, 0) 82.07%);\n    display: inline-block;\n    border-radius: 100%;\n    padding: 2px;\n    position: relative;\n\n    [dir=\"rtl\"] & {\n      background: linear-gradient(-253deg, var(--theme-default) 11.51%, rgba(57 ,73 ,171, 0) 82.07%);\n    }\n\n    .edit-icon {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n\n      svg {\n        @include pixelstrap-size(20px, 20px);\n        border-radius: 100%;\n        border: 2px solid var(--white);\n        background: var(--white);\n      }\n    }\n  }\n\n  &-img {\n    padding: 5px;\n    background: var(--white);\n    border-radius: 100%;\n\n    img {\n      height: 68px;\n      border-radius: 100%;\n    }\n  }\n}\n\n// Creative card\n.effective-card {\n  .effect-card {\n    display: block;\n    position: relative;\n    background-color: var(--light-background);\n    border-radius: 4px;\n    text-decoration: none;\n    padding: 18px;\n    z-index: 0;\n    overflow: hidden;\n\n    .common-box1 {\n      gap: 8px;\n      justify-content: flex-start;\n      margin-bottom: 8px;\n\n      svg {\n        min-width: 16px;\n        min-height: 16px;\n        color: $color-fiord;\n      }\n    }\n\n    h5 {\n      color: var(--body-font-color);\n    }\n\n    p {\n      color: $theme-body-sub-title-color;\n    }\n\n    &:hover {\n      p {\n        transition: all 0.3s ease-out;\n        color: $white;\n      }\n\n      h5 {\n        transition: all 0.3s ease-out;\n        color: $white;\n      }\n\n      svg {\n        color: $white;\n      }\n\n      &::before {\n        @media (max-width:1399px) {\n          width: 82px;\n          height: 82px;\n        }\n      }\n    }\n\n    .go-corner {\n      @include pixelstrap-flex(flex, center, center);\n      position: absolute;\n      @include pixelstrap-size(36px, 36px);\n      overflow: hidden;\n      top: 0;\n      right: 0;\n      background-color: $primary-color;\n      border-radius: 0 4px 0 32px;\n      cursor: pointer;\n\n      @media (max-width:1788px) and (min-width:576px) {\n        @include pixelstrap-size(28px, 28px);\n      }\n\n      [dir=\"rtl\"] & {\n        right: unset;\n        left: 0;\n        border-radius: 4px 0 32px 0;\n      }\n\n      .go-arrow {\n        margin-top: -4px;\n        margin-right: -4px;\n        color: var(--white);\n\n        [dir=\"rtl\"] & {\n          margin-right: unset;\n          margin-left: -4px;\n        }\n\n        i {\n          font-size: 14px;\n          transform: rotateZ(140deg);\n        }\n      }\n    }\n\n\n    &:before {\n      content: \"\";\n      position: absolute;\n      z-index: -1;\n      top: -16px;\n      right: -2%;\n      background: $primary-color;\n      @include pixelstrap-size(40px, 40px);\n      border-radius: 32px;\n      transform: scale(1);\n      transform-origin: 60% 50%;\n      transition: transform 0.25s ease-out;\n\n      @media (max-width:1788px) and (min-width:576px) {\n        @include pixelstrap-size(28px, 28px);\n      }\n\n      [dir=\"rtl\"] & {\n        right: unset;\n        left: -2%;\n      }\n    }\n\n    &:hover:before {\n      transform: scale(21);\n    }\n  }\n\n  .common-hover {\n    .card-header {\n      &.border-3 {\n        border-bottom-width: 1px !important;\n      }\n    }\n  }\n}\n\n// hover card\n.creative-wrapper {\n  border-radius: 15px;\n  padding: 18px;\n  background: $white;\n  position: relative;\n  display: flex;\n  align-items: flex-end;\n  transition: 0.4s ease-out;\n  box-shadow: 0px 7px 10px rgba($black, 0.5);\n\n  @media (max-width:1399px) and (min-width:1200px) {\n    padding: 4px;\n  }\n\n  img {\n    @include pixelstrap-size(100%, 100%);\n    object-fit: cover;\n    position: absolute;\n    top: 0;\n    left: 0;\n    border-radius: 12px;\n\n    [dir=\"rtl\"] & {\n      left: unset;\n      right: 0;\n    }\n  }\n\n  &:hover {\n    .creative-info {\n      opacity: 1;\n      transform: translateY(0px);\n\n      &:before {\n        opacity: 1;\n      }\n    }\n  }\n\n  .creative-info {\n    opacity: 1;\n    transform: translateY(0px);\n\n    &:before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 0;\n      display: block;\n      @include pixelstrap-size(100%, 100%);\n      border-radius: 15px;\n      background: rgba($dark-color, 0.2);\n      z-index: 2;\n      transition: 0.5s;\n      opacity: 0;\n\n      [dir=\"rtl\"] & {\n        left: unset;\n        right: 0;\n      }\n    }\n  }\n\n  .creative-info {\n    position: relative;\n    z-index: 3;\n    padding: 16px;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: 0.5s;\n    backdrop-filter: blur(6px);\n    width: 100%;\n  }\n\n  h5,\n  p {\n    color: $white;\n  }\n\n  h5 {\n    margin-bottom: 8px;\n  }\n}\n\n\n// card overlay\n.overlay-card {\n  height: 136px;\n  position: relative;\n  inset: 0;\n  background: url(../images/masonry/6.jpg);\n  background-size: cover;\n  cursor: pointer;\n  background-repeat: no-repeat;\n  background-position: center;\n\n  @media (max-width:1626px) and (min-width:1400px) {\n    height: 190px;\n  }\n\n  @media (max-width:1399px) and (min-width:576px) {\n    height: 98px;\n  }\n\n  @media (max-width:576px) {\n    height: 128px;\n  }\n\n  .overlay {\n    @include pixelstrap-size(100%, 100%);\n    display: grid;\n    grid-template-columns: 1fr;\n    grid-template-rows: 1fr 2fr 2fr 1fr;\n    background: rgba(77, 77, 77, .9);\n    color: var(--white);\n    opacity: 0;\n    transition: all 0.5s;\n\n    .overlay-box {\n      padding: 0 14px;\n\n      &.overlay-heading {\n        transform: translateY(40px);\n        transition: all 0.7s;\n\n        hr {\n          display: block;\n          width: 0;\n          border: none;\n          border-bottom: solid 2px ridge;\n          position: absolute;\n          bottom: 0;\n          left: 20px;\n          transition: all .5s;\n\n          [dir=\"rtl\"] & {\n            left: unset;\n            right: 20px;\n          }\n        }\n      }\n\n      &.overlay-subtitle {\n        font-weight: bold;\n        opacity: 0;\n        transform: translateY(40px);\n        transition: all 0.7s;\n\n        .overlay-pera {\n          color: $white;\n          margin-bottom: 0;\n\n          @media (max-width:350px) {\n            display: -webkit-box;\n            height: 70px;\n            -webkit-line-clamp: 3;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n            text-overflow: ellipsis;\n          }\n        }\n      }\n\n    }\n  }\n\n  &:hover {\n    .overlay {\n      opacity: 1;\n\n      .overlay-heading {\n        transform: translateY(0px);\n\n        hr {\n          width: 75px;\n          transition-delay: 0.4s;\n        }\n      }\n\n      .overlay-subtitle {\n        transform: translateY(0px);\n        transition-delay: 0.3s;\n        opacity: 1;\n      }\n    }\n  }\n}\n\n.common-hover {\n  transition: 0.5s;\n\n  &:hover {\n    transform: translateY(-5px);\n    transition: 0.5s;\n  }\n}\n\n.basic-dark-card {\n  .card-header {\n    border-bottom: 1px solid $font-gray-color !important;\n\n    p {\n      color: rgba($white, 0.7);\n    }\n  }\n\n  .card-footer {\n    border-top: 1px solid $font-gray-color !important;\n  }\n  .bg-dark {\n    background-color: rgba($dark-card-background, 0.9) !important;\n  }\n}\n\n/**=====================\n    2.10 Card CSS End\n==========================**/","/**=====================\n    2.12 Data-table CSS Start\n==========================**/\n// Common data-table css start\n.default-dashboard,\n.dashboard-2,\n.dashboard-3,\n.dashboard-4,\n.main-scope-project,\n.e-category,\n.list-product-view,\n.seller-details-wrapper,\n.common-order-history,\n.datatable-init,\n.common-cart,\n.role-permission-wrapper,\n.user-list-wrapper,\n.main-tasks,\n.project-status,\n.api-manage,\n.manage-review-wrapper,\n.candidate-wrapper,\n.product-report-wrapper,\n.sale-report-wrapper,\n.sale-return-wrapper,\n.customer-order-wrapper,\n.subscribed-user {\n  .heading-space {\n    .card-header {\n      .header-top {\n        margin-left: 74px;\n      }\n    }\n  }\n\n  div.dt-container {\n    .dt-layout-row {\n      thead {\n        background: var(--light-background);\n\n        th {\n          font-size: 14px;\n          font-weight: 600;\n          color: $theme-font-color;\n        }\n      }\n\n      .dt-length {\n        position: absolute;\n        top: 20px;\n        left: 20px;\n\n        .dt-input {\n          border-color: var(--recent-dashed-border);\n          padding: 4px 6px;\n          border-radius: 4px;\n          background-color: $body-color;\n        }\n\n        label {\n          display: none;\n        }\n      }\n\n      .dataTable {\n        &.table-sm {\n          thead {\n            tr {\n              th {\n\n                &.dt-orderable-asc,\n                &.dt-orderable-desc,\n                &.dt-ordering-asc,\n                &.dt-ordering-desc {\n                  padding-right: 20px;\n\n                  span {\n                    &.dt-column-order {\n                      right: 5px;\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        thead {\n          tr {\n            th {\n\n              &.dt-orderable-asc,\n              &.dt-orderable-desc,\n              &.dt-ordering-asc,\n              &.dt-ordering-desc {\n                position: relative;\n                padding-right: 28px;\n\n                span {\n                  &.dt-column-order {\n                    position: absolute;\n                    right: 12px;\n                    top: 0;\n                    bottom: 0;\n                    width: 12px;\n\n                    &::before,\n                    &::after {\n                      left: 0;\n                      opacity: 0.125;\n                      line-height: 9px;\n                      font-size: 0.8em;\n                    }\n                  }\n                }\n              }\n\n              &.dt-orderable-asc,\n              &.dt-ordering-asc {\n                span {\n                  &.dt-column-order {\n                    &::before {\n                      position: absolute;\n                      display: block;\n                      bottom: 50%;\n                      content: \"▲\";\n                      content: \"▲\" /\"\";\n                    }\n                  }\n                }\n              }\n\n              &.dt-orderable-desc,\n              &.dt-ordering-desc {\n                span {\n                  &.dt-column-order {\n                    &::after {\n                      position: absolute;\n                      display: block;\n                      top: 50%;\n                      content: \"▼\";\n                      content: \"▼\" /\"\";\n                    }\n                  }\n                }\n              }\n\n              &.sorting_desc_disabled,\n              &.sorting_asc_disabled {\n                span {\n                  &.dt-column-order {\n\n                    &::after,\n                    &::before {\n                      display: none;\n                    }\n                  }\n                }\n              }\n\n              &.dt-orderable-asc,\n              &.dt-orderable-desc {\n                cursor: pointer;\n              }\n\n              &.dt-ordering-asc {\n                span {\n                  &.dt-column-order {\n                    &::before {\n                      opacity: 0.6;\n                    }\n                  }\n                }\n              }\n\n              &.dt-ordering-desc {\n                span {\n                  &.dt-column-order {\n                    &::after {\n                      opacity: 0.6;\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n\n      &:last-child {\n        @include pixelstrap-flex(flex, space-between, center);\n\n        @media (max-width:575px) {\n          flex-direction: column;\n        }\n      }\n\n      .dt-layout-cell {\n        .dt-empty {\n          text-align: center;\n          color: var(--body-font-color);\n        }\n\n        .dt-info {\n          padding: 16px 20px 0px 20px;\n          color: $dark-color;\n        }\n\n        .dt-search {\n          position: absolute;\n          top: 20px;\n          right: -10px;\n          z-index: 0;\n\n          @media (max-width:640px) {\n            position: relative;\n            top: 4px;\n            left: 20px;\n            margin-bottom: 20px;\n          }\n\n          label {\n            margin-right: 6px;\n            color: $badge-light-color;\n          }\n\n          input {\n            border: 1px solid rgba($badge-light-color, 30%);\n            width: 50%;\n            color: $semi-dark;\n          }\n        }\n\n        tr {\n          td {\n            color: var(--body-font-color);\n          }\n\n          &.selected {\n            td {\n              background-color: $card-body-color;\n              box-shadow: unset;\n            }\n          }\n        }\n      }\n\n      .dt-paging {\n        text-align: end;\n        padding: 12px 20px 0 20px;\n\n        .dt-paging-button {\n          border: unset;\n          padding: 2px 10px;\n          font-size: 14px;\n          color: var(--body-font-color);\n          margin-right: 12px;\n          border-radius: 4px;\n\n          @media (max-width:767px) {\n            font-size: 13px;\n            margin-right: 8px;\n          }\n\n          &:last-child {\n            margin-right: 0;\n          }\n\n          &.current {\n            background-color: var(--theme-default);\n            color: $white;\n          }\n        }\n      }\n\n      .dt-select {\n        .dt-select-checkbox {\n          padding: 6px;\n          border-color: rgba($badge-light-color, 80%);\n          cursor: pointer;\n          margin-top: 0;\n\n          &:indeterminate {\n            &::after {\n              top: 4px;\n              left: 4px;\n              background-color: var(--body-font-color);\n            }\n          }\n\n          &:checked {\n            background-color: $primary-color;\n            border-color: $transparent-color;\n\n            &::after {\n              content: \"\\f00c\";\n              font-family: 'fontawesome';\n              font-size: 9px;\n              margin-top: -10px;\n              margin-left: -4px;\n              color: $white;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n.dt-buttons {\n  .btn {\n    padding: 6px calc(9px + (17 - 9) * ((100vw - 320px) / (1920 - 320))) !important;\n  }\n}\n\n// Common datatable css end \n// Common data-table basic init\n.datatable-init,\n.datatable-advance-wrapper,\n.datatable-api-wrapper,\n.data-source-wrapper,\n.autofill-data-tables,\n.support-ticket-table {\n  div.dt-container {\n    &.dt-bootstrap5 {\n      table {\n        border-collapse: initial !important;\n\n        thead,\n        tbody,\n        tfoot {\n\n          tr {\n\n            th,\n            td {\n              text-align: left;\n\n              [dir=\"rtl\"] & {\n                text-align: right;\n              }\n            }\n\n            .dt-empty {\n              text-align: center;\n\n            }\n          }\n        }\n\n        tbody {\n          tr {\n            td {\n              color: $theme-body-font-color;\n            }\n          }\n        }\n\n        thead,\n        tfoot {\n          tr {\n            th {\n              font-weight: 500;\n\n              &:hover {\n                outline: unset;\n              }\n            }\n          }\n        }\n      }\n\n      thead {\n        tr {\n          th {\n            border-bottom: 1px solid $light-semi-gray;\n          }\n        }\n      }\n\n      tfoot {\n        tr {\n          th {\n            border-top: 1px solid $light-semi-gray;\n          }\n        }\n      }\n\n      .pagination {\n        .dt-paging-button {\n          .page-link {\n            color: $theme-body-font-color;\n            background-color: var(--light-background);\n            padding: calc(4px + (6 - 4) * ((100vw - 320px) / (1920 - 320))) calc(7px + (12 - 7) * ((100vw - 320px) / (1920 - 320)));\n            font-size: calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320)));\n\n            &:focus {\n              box-shadow: unset;\n              border-color: unset;\n            }\n          }\n\n          &.active {\n            .page-link {\n              color: $white;\n              background-color: var(--theme-default);\n              border-color: var(--theme-default);\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n.complex-header-table {\n\n  thead,\n  tbody {\n    tr {\n\n      th,\n      td {\n        &:first-child {\n          min-width: 150px;\n        }\n\n        &:nth-child(2) {\n          min-width: 230px;\n        }\n\n        &:nth-child(4) {\n          min-width: 120px;\n        }\n      }\n    }\n  }\n}\n\n.state-saving-table {\n\n  thead,\n  tbody {\n    tr {\n\n      th,\n      td {\n        &:nth-child(1) {\n          min-width: 140px;\n        }\n\n        &:nth-child(3) {\n          min-width: 130px;\n        }\n\n        &:nth-child(5) {\n          min-width: 120px;\n        }\n      }\n    }\n  }\n}\n\n.callback-table {\n\n  thead,\n  tbody {\n    tr {\n\n      th,\n      td {\n        &:first-child {\n          min-width: 165px;\n        }\n\n        &:nth-child(5) {\n          min-width: 150px;\n        }\n      }\n    }\n  }\n}\n\n.row-group-table {\n\n  tr {\n    &.group {\n      background-color: rgba($gray-60, 0.5);\n\n      &:hover {\n        background-color: rgba($gray-60, 0.5);\n      }\n    }\n  }\n}\n\n\n.datatable-advance-wrapper {\n  div.dt-container {\n    &.dt-bootstrap5 {\n      table {\n        &.foot-callback-table {\n\n          thead,\n          tbody,\n          tfoot {\n            tr {\n\n              th,\n              td {\n                &:last-child {\n                  text-align: end;\n                }\n              }\n            }\n          }\n\n          tfoot {\n            tr {\n              th {\n                &:last-child {\n                  font-size: 18px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\ntable {\n  &.selection-deletion {\n    &.dataTable {\n      tbody {\n        tr {\n          &.selected {\n            >* {\n              box-shadow: inset 0 0 0 9999px rgba($badge-light-color, 20%) !important;\n            }\n\n            &:hover {\n              >* {\n                box-shadow: inset 0 0 0 9999px rgba($badge-light-color, 20%) !important;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n.add-row-table {\n\n  thead,\n  tbody {\n    tr {\n\n      th,\n      td {\n        min-width: 118px;\n      }\n    }\n  }\n}\n\n.child-row-table {\n\n  thead,\n  tbody {\n    tr {\n\n      th,\n      td {\n        &:first-child {\n          min-width: 75px;\n        }\n\n        &:nth-child(2) {\n          min-width: 160px;\n        }\n\n        &:nth-child(3) {\n          min-width: 210px;\n        }\n\n        &:nth-child(4) {\n          min-width: 128px;\n        }\n      }\n    }\n  }\n}\n\n.row-selection-table {\n\n  thead,\n  tbody {\n    tr {\n\n      th,\n      td {\n        &:first-child {\n          min-width: 175px;\n        }\n\n        &:nth-child(2) {\n          min-width: 180px;\n        }\n\n        &:nth-child(3) {\n          min-width: 160px;\n        }\n\n        &:nth-child(4) {\n          min-width: 130px;\n        }\n      }\n    }\n  }\n}\n\n.custom-filtering-table {\n\n  thead,\n  tbody {\n    tr {\n\n      th,\n      td {\n        &:nth-child(3) {\n          min-width: 125px;\n        }\n      }\n    }\n  }\n}\n\n.dom-source-data {\n\n  thead,\n  tbody {\n    tr {\n\n      th,\n      td {\n        &:first-child {\n          min-width: 170px;\n        }\n\n        &:nth-child(2) {\n          min-width: 230px;\n        }\n\n        &:nth-child(4) {\n          min-width: 120px;\n        }\n      }\n    }\n  }\n}\n\n.ajax-table {\n\n  thead,\n  tbody {\n    tr {\n\n      th,\n      td {\n        &:first-child {\n          min-width: 150px;\n        }\n\n        &:nth-child(2) {\n          min-width: 230px;\n        }\n\n        &:nth-child(5) {\n          min-width: 130px;\n        }\n      }\n    }\n  }\n}\n\n.js-source-table {\n\n  thead,\n  tbody {\n    tr {\n\n      th,\n      td {\n        &:first-child {\n          min-width: 150px;\n        }\n\n        &:nth-child(2) {\n          min-width: 230px;\n        }\n\n        &:nth-child(3),\n        &:nth-child(5) {\n          min-width: 130px;\n        }\n      }\n    }\n  }\n}\n\n.server-side-table {\n\n  thead,\n  tbody {\n    tr {\n\n      th,\n      td {\n        &:first-child {\n          min-width: 125px;\n        }\n\n        &:nth-child(2) {\n          min-width: 130px;\n        }\n\n        &:nth-child(3) {\n          min-width: 195px;\n        }\n\n        &:nth-child(4) {\n          min-width: 120px;\n        }\n\n        &:nth-child(5) {\n          min-width: 120px;\n        }\n      }\n    }\n  }\n}\n\n.keytable-table {\n\n  thead,\n  tbody {\n    tr {\n\n      th,\n      td {\n        &:first-child {\n          min-width: 175px;\n        }\n\n        &:nth-child(2) {\n          min-width: 195px;\n        }\n\n        &:nth-child(3) {\n          min-width: 152px;\n        }\n\n        &:nth-child(4) {\n          min-width: 120px;\n        }\n      }\n    }\n  }\n}\n\n.multi-level-table {\n\n  thead,\n  tbody {\n    tr {\n\n      th,\n      td {\n        &:first-child {\n          min-width: 95px;\n        }\n\n        &:nth-child(2) {\n          min-width: 208px;\n        }\n\n        &:nth-child(3) {\n          min-width: 108px;\n        }\n\n        &:nth-child(4) {\n          min-width: 120px;\n        }\n      }\n    }\n  }\n}\n\n.header-footer-table {\n\n  thead,\n  tbody {\n    tr {\n\n      th,\n      td {\n        &:first-child {\n          min-width: 155px;\n        }\n\n        &:nth-child(2) {\n          min-width: 165px;\n        }\n\n        &:nth-child(3) {\n          min-width: 132px;\n        }\n\n        &:nth-child(4) {\n          min-width: 80px;\n        }\n\n        &:nth-child(5) {\n          min-width: 120px;\n        }\n      }\n    }\n  }\n}\n\n.html-expert-table {\n  .pagination {\n    justify-content: flex-end;\n  }\n\n  thead,\n  tbody {\n    tr {\n\n      th,\n      td {\n        &:first-child {\n          min-width: 155px;\n        }\n\n        &:nth-child(2) {\n          min-width: 235px;\n        }\n\n        &:nth-child(3) {\n          min-width: 132px;\n        }\n\n        &:nth-child(4) {\n          min-width: 80px;\n        }\n\n        &:nth-child(5) {\n          min-width: 120px;\n        }\n      }\n    }\n  }\n}\n\n.row-selection {\n\n  thead,\n  tbody {\n    tr {\n\n      th,\n      td {\n        &:first-child {\n          min-width: 224px;\n        }\n\n        &:nth-child(2) {\n          min-width: 200px;\n        }\n\n        &:nth-child(3) {\n          min-width: 132px;\n        }\n\n        &:nth-child(4) {\n          min-width: 65px;\n        }\n\n        &:nth-child(6) {\n          min-width: 114px;\n        }\n      }\n    }\n  }\n}\n\n.support-ticket-table {\n\n  thead,\n  tbody {\n    tr {\n\n      th,\n      td {\n        &:first-child {\n          min-width: 224px;\n        }\n\n        &:nth-child(2) {\n          min-width: 200px;\n        }\n\n        &:nth-child(3) {\n          min-width: 132px;\n        }\n\n        &:nth-child(4) {\n          min-width: 65px;\n        }\n\n        &:nth-child(5) {\n          min-width: 120px;\n        }\n      }\n    }\n  }\n}\n\n#batchDelete {\n\n  .jsgrid-grid-header,\n  .jsgrid-grid-body {\n    tr {\n\n      th,\n      td {\n        &:first-child {\n          min-width: 130px;\n          width: 130px !important;\n        }\n      }\n    }\n  }\n}\n\n.autofill-data-tables {\n  .dt-ext {\n    table.keytable-table {\n      tbody {\n        tr {\n          td {\n            &.focus {\n              outline: 2px solid var(--theme-default);\n            }\n          }\n        }\n      }\n    }\n\n    .dt-autofill-handle {\n      background: var(--theme-default);\n    }\n  }\n}\n\ndiv.dt-rowReorder-float-parent {\n  outline: 2px solid var(--theme-default) !important;\n}\n\ndiv {\n  &.dt-button-background {\n    display: none !important;\n  }\n\n  &.DTS {\n    div {\n      &.dataTables_scrollBody {\n        table {\n          z-index: 1;\n        }\n      }\n    }\n  }\n\n  .table-avtar {\n    height: 32px;\n    margin-right: 10px;\n\n    [dir=\"rtl\"] & {\n      margin-right: unset;\n      margin-left: 10px;\n    }\n  }\n\n  .action {\n    display: flex;\n\n    i {\n      font-size: 16px;\n    }\n\n    .pdf {\n      i {\n        font-size: 20px;\n        color: $danger-color;\n      }\n    }\n\n    .edit {\n      margin-right: 5px;\n\n      i {\n        color: $success-color;\n      }\n\n      [dir=\"rtl\"] & {\n        margin-left: 5px;\n      }\n    }\n\n    .delete {\n      i {\n        color: $danger-color;\n      }\n    }\n  }\n}\n\n#auto-generate-content_wrapper {\n  &.dataTables_wrapper {\n    button {\n      background-color: var(--white);\n      border: 1px solid var(--theme-default);\n      color: var(--theme-default);\n    }\n  }\n}\n\n.dataTables_wrapper {\n  width: calc(100% - 1px);\n  padding: 0;\n\n  &.no-footer {\n    .dataTables_scrollBody {\n      border-bottom: 1px solid $light-gray;\n    }\n  }\n\n  .dt-buttons {\n    .btn {\n      border-radius: 0.25rem !important;\n    }\n  }\n\n\n  .btn-group {\n    button {\n      margin-right: 5px;\n    }\n  }\n\n  button {\n    font-weight: 400;\n    padding: 0.375rem 0.75rem;\n    font-size: 14px;\n    border-radius: 0.25rem;\n    color: $white;\n  }\n\n  &+.dataTables_wrapper {\n    margin-top: 20px;\n  }\n\n  .dataTables_paginate {\n    margin-left: 15px !important;\n    border: 1px solid $light-color;\n    border-radius: 0.25rem;\n    padding-top: 0;\n\n    .paginate_button {\n      margin: 0;\n\n      &.current,\n      &:active {\n        background: var(--theme-default);\n        color: $white !important;\n        box-shadow: none;\n      }\n\n      &:hover {\n        border: 1px solid var(--theme-default);\n        color: $dark-color !important;\n        background: transparent !important;\n      }\n    }\n  }\n\n  .dataTables_length {\n    margin-bottom: 30px;\n\n    select {\n      border-color: $light-color;\n      color: $dark-color;\n      padding: 0 10px;\n      margin: 0 10px;\n      height: 2.7142em;\n      background-color: $white;\n    }\n  }\n\n  table.dataTable {\n    border: 1px solid $light-semi-gray;\n\n    tbody {\n\n      td,\n      th {\n        &.select-checkbox {\n          padding-right: 40px !important;\n\n          &:before {\n            right: 20px;\n            top: 22px;\n            left: unset;\n          }\n\n          &:after {\n            margin-top: -5px;\n            margin-left: 21px;\n          }\n        }\n      }\n    }\n\n    thead {\n\n      th,\n      td {\n        border-bottom: 2px solid $light-semi-gray;\n      }\n    }\n\n    th,\n    td {\n      padding: 0.75rem;\n    }\n  }\n\n  .dataTables_filter {\n    margin-bottom: 25px;\n    margin-left: 15px;\n\n    input[type=\"search\"] {\n      border: 1px solid $light-semi-gray;\n      padding: 0 10px;\n      margin-left: 10px;\n      height: 37px;\n      border-radius: 0;\n    }\n  }\n}\n\n.dataTables_scrollHeadInner {\n  width: 100% !important;\n}\n\ntable {\n  .fixedHeader-floating {\n    position: fixed !important;\n    background-color: $white;\n  }\n\n  .box {\n    >div {\n      padding: 5px 15px;\n      background-color: var(--theme-default);\n      display: inline-block;\n      color: $white;\n      border-radius: 5px;\n      margin-bottom: 15px;\n      margin-right: 15px;\n    }\n  }\n\n  &.dataTable {\n\n    &.fixedHeader-locked,\n    &.fixedHeader-floating {\n      width: calc(100vw - 250px) !important;\n      max-width: calc(100vw - 250px) !important;\n      overflow: hidden !important;\n      right: 0 !important;\n      z-index: 99;\n      left: 0px !important;\n    }\n\n    &:not(.fixedHeader-locked) {\n      &:not(.fixedHeader-floating) {\n        width: 100% !important;\n      }\n    }\n  }\n\n  &.dataTable {\n    border-collapse: collapse !important;\n    margin-top: 0 !important;\n\n    thead {\n\n      .sorting,\n      .sorting_asc,\n      .sorting_desc,\n      .sorting_asc_disabled,\n      .sorting_desc_disabled {\n\n        &:before,\n        &:after {\n          bottom: 12px !important;\n        }\n      }\n    }\n\n    input,\n    select {\n      border: 1px solid $light-semi-gray;\n      height: 37px;\n    }\n  }\n}\n\n.user-datatable {\n  tr {\n\n    td,\n    th {\n      &:first-child {\n        min-width: 198px;\n      }\n\n      &:nth-child(2) {\n        min-width: 190px;\n      }\n\n      &:nth-child(5) {\n        min-width: 130px\n      }\n    }\n  }\n}\n\n.jsgrid {\n  .jsgrid-button {\n    @include pixelstrap-size(20px, 20px);\n  }\n\n  .jsgrid-delete-button {\n    background-position: 0 -78px;\n    width: 22px;\n    height: 22px;\n  }\n\n  .jsgrid-edit-button {\n    background-position: -2px -122px;\n    @include pixelstrap-size(22px, 22px);\n  }\n\n  .jsgrid-insert-mode-button {\n    background-position: -2px -160px;\n    @include pixelstrap-size(25px, 25px);\n  }\n\n  .jsgrid-insert-button {\n    background-position: -3px -202px;\n    @include pixelstrap-size(16px, 16px);\n  }\n}\n\n.toolbar {\n  padding: 5px 15px;\n  background-color: var(--theme-default);\n  display: inline-block;\n  color: $white;\n  border-radius: 5px;\n  margin-bottom: 15px;\n  margin-right: 15px;\n}\n\ncode {\n  &.option {\n    color: $danger-color !important;\n  }\n\n  &.api {\n    color: $success-color !important;\n  }\n}\n\n// Datatable extension\n.dt-ext {\n  .dataTables_wrapper {\n    .page-item {\n      &.active {\n        .page-link {\n          background-color: var(--theme-default) !important;\n          border-color: var(--theme-default) !important;\n          color: $white;\n        }\n      }\n    }\n\n    .dataTables_paginate {\n      border: none;\n\n      .paginate_button {\n        padding: 0;\n        border: none;\n\n        &.disabled,\n        &.hover,\n        &.active {\n          border: none !important;\n        }\n      }\n\n      .page-link {\n        margin-left: 0px;\n        color: var(--theme-default);\n      }\n    }\n\n    button.dt-button,\n    div.dt-button,\n    a.dt-button,\n    button.dt-button:focus:not(.disabled),\n    div.dt-button:focus:not(.disabled),\n    a.dt-button:focus:not(.disabled),\n    button.dt-button:active:not(.disabled),\n    button.dt-button.active:not(.disabled),\n    div.dt-button:active:not(.disabled),\n    div.dt-button.active:not(.disabled),\n    a.dt-button:active:not(.disabled),\n    a.dt-button.active:not(.disabled) {\n      background-color: var(--theme-default);\n      border-color: var(--theme-default);\n      border-radius: 2px;\n      color: $white;\n      background-image: none;\n      font-size: 14px;\n    }\n\n    button.dt-button.btn-success,\n    div.dt-button.btn-success,\n    a.dt-button.btn-success {\n      background-color: $success-color;\n      border-color: $success-color;\n    }\n\n    button.dt-button.btn-primary,\n    div.dt-button.btn-primary,\n    a.dt-button.btn-primary {\n      background-color: var(--theme-default);\n      border-color: var(--theme-default);\n    }\n\n    button.dt-button.btn-danger,\n    div.dt-button.btn-danger,\n    a.dt-button.btn-danger {\n      background-color: $danger-color;\n      border-color: $danger-color\n    }\n\n    table.dataTable th.focus,\n    table.dataTable td.focus {\n      outline: 3px solid var(--theme-default);\n    }\n\n    table.dataTable.display tbody>tr.odd.selected>.sorting_1,\n    table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_1 {\n      background-color: lighten($primary-color , 38%);\n\n    }\n\n    table.dataTable.stripe tbody>tr.odd.selected,\n    table.dataTable.stripe tbody>tr.odd>.selected,\n    table.dataTable.display tbody>tr.odd.selected,\n    table.dataTable.display tbody>tr.odd>.selected {\n      background-color: lighten($primary-color , 38%);\n    }\n\n    table.dataTable.display tbody>tr.even.selected>.sorting_1,\n    table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_1 {\n      background-color: lighten($primary-color , 38%);\n    }\n\n    table.dataTable tbody>tr.selected,\n    table.dataTable tbody>tr>.selected {\n      background-color: lighten($primary-color , 38%);\n    }\n  }\n}\n\ntd.highlight {\n  background-color: $light-color !important;\n}\n\ntd.details-control {\n  background: url('../images/details_open.png') no-repeat center center;\n  cursor: pointer;\n}\n\ntr.shown td.details-control {\n  background: url('../images/details_close.png') no-repeat center center;\n}\n\n.dataTables_scroll {\n  &~.dataTables_paginate {\n    margin-top: 20px !important;\n  }\n}\n\n.product-table {\n  th {\n    &:last-child {\n      min-width: 120px;\n    }\n  }\n\n  h6 {\n    font-weight: 600;\n    color: $dark-color;\n  }\n}\n\ntable {\n  &.dataTable {\n    &.display {\n      tbody {\n        tr {\n          &.odd {\n            >.sorting_1 {\n              background-color: $light;\n            }\n\n            .badge {\n              line-height: 15px;\n            }\n          }\n\n          &.even {\n            .badge {\n              line-height: 15px;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n// JS Grid Table\n.jsgrid-row,\n.jsgrid-alt-row {\n  .jsgrid-cell {\n    .badge {\n      line-height: 15px !important;\n    }\n  }\n}\n\n/**=====================\n     2.12 Datatable CSS Ends\n==========================**/","/**=====================\n    2.13 Data picker CSS Start\n==========================**/\n.datepicker {\n  z-index: 99;\n}\n\n.datepicker--day-name {\n  color: var(--theme-default);\n  font-weight: bold;\n}\n\n.datepicker--cell {\n  &.-current- {\n    color: $black;\n    border-radius: 5px;\n    font-weight: bold;\n    border: 2px solid var(--theme-default);\n  }\n\n  &.-focus- {\n    background: var(--theme-default);\n    color: $white;\n  }\n\n  &.-selected- {\n    background: var(--theme-default) !important;\n  }\n\n  &-day {\n    width: 14.2857142857%;\n  }\n}\n\n.datepickers-container,\n.bootstrap-datetimepicker-widget {\n  z-index: 7;\n}\n\n.datetime-picker {\n  .bootstrap-datetimepicker-widget.dropdown-menu {\n    width: auto;\n  }\n\n  .input-group-text i {\n    line-height: 1.3;\n  }\n}\n\n.bootstrap-calendar {\n  .form-control {\n    font-size: 14px;\n    color: $dark-gray;\n  }\n}\n\n// timepicker\n.clockpicker-popover {\n  border: none;\n  box-shadow: $card-box-shadow;\n  z-index: 7;\n\n  .popover-content {\n    background-color: rgba($primary-color, 0.05);\n  }\n}\n\n.clockpicker-canvas-bg {\n  fill: lighten($primary-color, 38%);\n}\n\n.clockpicker-tick {\n  &:hover {\n    color: inherit;\n    background-color: lighten($primary-color, 38%);\n  }\n}\n\n// calendar\n.calendar-basic {\n  .md-sidebar-aside {\n    background-color: $white;\n    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.08);\n\n    @media (max-width:1199px) and (min-width:775px) {\n      height: 400px;\n      overflow-y: scroll;\n    }\n\n    @media (max-width:774px) {\n      height: 275px;\n      overflow-y: scroll;\n    }\n  }\n\n  .fc-event {\n    i {\n      font-size: 14px;\n    }\n  }\n\n  #external-events {\n    padding: 20px;\n    border: 1px solid $light-background;\n\n    h6 {\n      margin-bottom: 14px;\n    }\n\n    p {\n      margin-top: 12px;\n    }\n\n    .fc-h-event {\n      padding: 12px;\n      background-color: rgba($primary-color, 0.1);\n      border: 1px solid rgba($primary-color, 0.1);\n      cursor: pointer;\n\n      .fc-event-main {\n        color: var(--body-font-color);\n        @include pixelstrap-ellipsis;\n      }\n\n      +.fc-h-event {\n        margin-top: 10px;\n      }\n\n      .fc-event-main {\n        font-size: 14px;\n      }\n    }\n  }\n\n  .create-event {\n\n    .form-control {\n      font-size: 14px;\n      color: rgba($badge-light-color, 0.8);\n    }\n  }\n\n  .calendar-default {\n    .fc-event-main-frame {\n      padding: 2px 6px;\n      font-size: 13px;\n      color: var(--body-font-color);\n    }\n\n    .fc {\n      .fc-highlight {\n        background: rgba($dark-color, 0.2);\n      }\n    }\n\n    .fc-daygrid-dot-event {\n      font-size: 13px;\n\n      .fc-event-time {\n        color: var(--body-font-color);\n      }\n\n      .fc-event-title {\n        text-overflow: ellipsis;\n        color: var(--body-font-color);\n        font-weight: 400;\n      }\n    }\n\n    .fc {\n      td[role=\"presentation\"] {\n        border: 0;\n      }\n\n      .fc-daygrid-day-number,\n      .fc-col-header-cell-cushion {\n        color: $theme-body-font-color;\n        font-weight: 500;\n      }\n\n      .fc-button {\n        &:focus {\n          box-shadow: unset;\n        }\n\n        .fc-icon {\n          height: 23px;\n        }\n      }\n    }\n\n    .fc-h-event {\n      padding: 2px;\n      background-color: rgba($primary-color, 0.1);\n      border: 1px solid rgba($primary-color, 0.1);\n\n      .fc-event-title {\n        color: var(--body-font-color);\n      }\n\n      .fc-event-time {\n        font-weight: 400;\n      }\n\n      .fc-event-time {\n        color: var(--body-font-color);\n      }\n    }\n\n    .fc-toolbar-chunk {\n      .fc-button-group {\n        button {\n          text-transform: capitalize;\n        }\n\n        ~.fc-today-button {\n          margin: 0 8px;\n          text-transform: capitalize;\n        }\n      }\n    }\n  }\n\n  p {\n    label {\n      cursor: pointer;\n    }\n  }\n}\n\n.fc-event-dragging {\n  padding: 10px;\n  background-color: rgba($primary-color, 0.1);\n  border: 1px solid var(--theme-default);\n\n  .fc-event-main {\n    color: var(--body-font-color);\n    font-size: 14px;\n  }\n}\n\n.fc-v-event {\n  background-color: rgba($primary-color, 0.1);\n  border: 1px solid var(--theme-default);\n}\n\n.fc-timegrid-event-harness-inset {\n  .fc-timegrid-event {\n    box-shadow: unset;\n  }\n}\n\n.fc {\n  .fc-toolbar {\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .fc-button-primary {\n    &:focus {\n      box-shadow: 0 0 0 0.2rem rgba($primary-color, 0.5);\n    }\n  }\n}\n\n// flatpickr\n.main-inline-calender {\n  &.input-group {\n    flex-direction: column;\n\n    .form-control {\n      width: 100%;\n      border-radius: 6px !important;\n\n      &:focus {\n        box-shadow: unset;\n        border-color: var(--recent-border);\n      }\n    }\n\n    .flatpickr-calendar {\n      &.inline {\n        width: 100%;\n        border-radius: 6px !important;\n      }\n    }\n\n    .flatpickr-innerContainer {\n      display: block;\n    }\n\n    .flatpickr-rContainer {\n      display: block;\n\n      .flatpickr-weekdays {\n        width: 100%;\n      }\n\n      .flatpickr-days {\n        width: 100%;\n\n        .dayContainer {\n          width: 100%;\n          max-width: none;\n          min-width: unset;\n\n          .flatpickr-day {\n            border-radius: 5px;\n            width: 100%;\n            max-width: unset;\n\n            &:hover {\n              border-color: $transparent-color;\n            }\n\n            &.prevMonthDay,\n            &.nextMonthDay {\n              color: rgba($badge-light-color, 0.6);\n            }\n\n            &:hover {\n              background: $primary-color !important;\n              color: $white !important;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n.flatpickr-day {\n\n  &.selected,\n  .endRange {\n    background-color: $primary-color !important;\n    border-color: $primary-color !important;\n\n    &:hover {\n      background-color: $primary-color !important;\n      border-color: $primary-color !important;\n\n    }\n  }\n}\n\n.main-flatpickr {\n  .form-control {\n    &:read-only {\n      background-color: unset;\n    }\n  }\n}\n\n.flatpickr-months {\n  font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));\n\n  .flatpickr-prev-month,\n  .flatpickr-next-month {\n    z-index: 1;\n  }\n}\n\n.flatpickr-current-month {\n  font-size: calc(14px + (19 - 14) * ((100vw - 320px) / (1920 - 320)));\n\n  .numInputWrapper {\n    &:hover {\n      .arrowUp {\n        &::after {\n          border-bottom-color: var(--body-font-color);\n        }\n      }\n\n      .arrowDown {\n        &::after {\n          border-top-color: var(--body-font-color);\n        }\n      }\n    }\n  }\n}\n\n.flatpickr-calendar {\n  &.animate {\n\n    @media (max-width:400px) {\n      width: 77%;\n      left: 50% !important;\n      transform: translateX(-50%);\n    }\n  }\n\n  .flatpickr-days {\n    width: unset;\n\n    .dayContainer {\n      width: unset;\n      min-width: unset;\n      max-width: unset;\n    }\n  }\n\n  &.rangeMode {\n    .flatpickr-days {\n      .dayContainer {\n        .flatpickr-day {\n          &.endRange {\n            border-color: var(--theme-default);\n            background-color: var(--theme-default);\n          }\n        }\n      }\n    }\n  }\n}\n\n.flatpicker-calender {\n  .form-control {\n    @media (max-width:768px) {\n      font-size: 14px;\n    }\n  }\n}\n\n.timepicker-wrapper {\n  .row {\n    margin-bottom: 16px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    .input-group {\n      .form-control {\n        font-size: 14px;\n        color: $dark-gray;\n\n        &.input {\n          border-top-left-radius: 5px !important;\n          border-bottom-left-radius: 5px !important;\n        }\n      }\n    }\n  }\n}\n\n/**=====================\n   2.13 Data picker CSS End\n==========================**/","/**=====================\n\t2.14 Dropdown CSS Start\n==========================**/\n.img-cropper {\n\t.dropup {\n\t\t.dropdown-toggle {\n\t\t\t&::after {\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.dropdown-divider {\n\tmargin: 0;\n}\n\n.dropdown {\n\t.dropdown-toggle {\n\t\tbackground-color: rgba($primary-color, 0.08);\n\t\tcolor: $primary-color;\n\t\tborder-radius: 10px;\n\t\tpadding: 5px 10px;\n\t\twidth: 100px;\n\t\ttext-align: left;\n\n\t\t&:after {\n\t\t\tposition: absolute;\n\t\t\ttop: 50%;\n\t\t\tright: 10px;\n\t\t\t-webkit-transform: translateY(-50%);\n\t\t\ttransform: translateY(-50%);\n\t\t\tcontent: \"\\f107\";\n\t\t\tborder: none;\n\t\t\tfont-family: $font-awesome;\n\t\t\tfont-size: 18px;\n\t\t\tfont-weight: 600;\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t&.show {\n\t\t\tborder-color: $transparent-color;\n\t\t}\n\n\t\t&.btn-primary {\n\t\t\tcolor: $white;\n\t\t}\n\n\t\t&:focus,\n\t\t&:active {\n\t\t\tborder: 1px solid $transparent-color;\n\t\t}\n\t}\n\n\t&.custom-dropdown {\n\t\t.dropdown-toggle {\n\t\t\tborder-radius: 3px;\n\t\t\tborder: 1px solid rgba($badge-light-color, 20%);\n\t\t\tbackground-color: $transparent-color;\n\t\t\tcolor: var(--body-font-color);\n\t\t\tfont-weight: 500;\n\n\t\t\t&::after {\n\t\t\t\tcolor: var(--theme-default);\n\t\t\t}\n\t\t}\n\n\t\t.dropdown-menu {\n\t\t\t.dropdown-item {\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: $main-body-color;\n\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.dropdown-menu {\n\t\tfont-family: $font-manrope, $font-serif;\n\t\tborder-radius: 0px;\n\t}\n}\n\n.docs-toggles {\n\t.dropdown {\n\t\t.dropdown-toggle {\n\t\t\twidth: auto;\n\t\t}\n\n\t\t.dropdown-menu {\n\t\t\t.dropdown-item {\n\t\t\t\t.form-check {\n\t\t\t\t\t.form-check-input {\n\t\t\t\t\t\t&:focus {\n\t\t\t\t\t\t\tbox-shadow: unset;\n\t\t\t\t\t\t\tborder-color: $badge-light-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.nav-tabs {\n\t.dropdown {\n\t\t.dropdown-toggle {\n\t\t\twidth: 120px;\n\n\t\t\t@media only screen and (max-width: 575.98px) {\n\t\t\t\twidth: 100%;\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.icon-dropdown {\n\t.dropdown-toggle {\n\t\tbackground: transparent;\n\t\tcolor: $theme-body-sub-title-color;\n\t\tpadding: 0;\n\t\twidth: auto;\n\t\tz-index: 1;\n\t\tposition: relative;\n\n\t\ti {\n\t\t\tfont-size: 16px;\n\t\t}\n\n\t\t&::after {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.dropdown-item {\n\t\tline-height: 1.5;\n\t}\n}\n\n.dropdown-basic {\n\tmargin-bottom: -10px;\n\n\t.btn-group {\n\n\t\t.btn-round {\n\t\t\tborder-radius: 50px;\n\t\t}\n\t}\n\n\t.separated-btn {\n\t\t// margin-left: -6px;\n\n\t\t// [dir=\"rtl\"] & {\n\t\t// \tmargin-left: unset;\n\t\t// \tmargin-right: -6px;\n\t\t// }\n\n\t\t.btn {\n\t\t\tborder-top-left-radius: 0;\n\t\t\tborder-bottom-left-radius: 0;\n\t\t\tpadding: 10px;\n\t\t}\n\n\t\t&.dropdown {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n\n\tbutton {\n\t\tmax-height: 43px;\n\t}\n\n\t.dropdown {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\tmargin-bottom: 10px;\n\n\t\t.dropbtn {\n\t\t\tcolor: $white;\n\t\t\tpadding: 12px 35px;\n\t\t\tborder: none;\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n\n\t.dropdown-content a:hover {\n\t\tbackground-color: #f1f1f1;\n\t}\n\n\t.dropdown:hover .dropdown-content {\n\t\tdisplay: block;\n\t}\n}\n\n.dropdown-block {\n\tli {\n\t\t.dropdown-item {\n\t\t\t&:hover {\n\t\t\t\tbackground-color: $gray-60;\n\t\t\t}\n\t\t}\n\n\t\t.helper-truncate {\n\t\t\t&:hover {\n\t\t\t\tbackground-color: unset !important;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.dropdown-basic {\n\t.dropdown {\n\t\t.dropdown-content {\n\t\t\ta {\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: $gray-60 !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.dropdown-menu {\n\t.input-group {\n\t\tbackground-color: unset;\n\t\tpadding: 6px 12px;\n\t\tborder-top: 1px solid $light-semi-gray;\n\t\tbackground-color: var(--white);\n\t\topacity: 0.6;\n\n\t\t&:hover,\n\t\t&:active {\n\t\t\tbackground-color: $gray-60;\n\t\t}\n\n\t\t.input-group-text {\n\t\t\tbackground-color: unset;\n\t\t\tborder: none;\n\t\t}\n\t}\n}\n\n.dark-form {\n\t.form-label {\n\t\tcolor: var(--chart-text-color);\n\t}\n\n\t.form-control {\n\t\tborder: 1px solid var(--chart-text-color) !important;\n\t}\n\n\t.form-check {\n\t\t.form-check-input {\n\t\t\tborder: 1px solid var(--chart-text-color);\n\t\t}\n\n\t\t.form-check-label {\n\t\t\tcolor: var(--chart-text-color);\n\t\t}\n\t}\n\n\th6 {\n\t\tcolor: var(--chart-text-color);\n\t}\n\n\tp {\n\t\t&.dropdown-item {\n\t\t\tpadding: 7px 0 0 0;\n\t\t\tborder-top: 1px solid var(--chart-dashed-border);\n\t\t}\n\t}\n\n\t.helper-truncate {\n\t\tcolor: var(--chart-text-color);\n\t\tbackground-color: transparent;\n\t}\n}\n\n.dropdown-toggle {\n\t&::after {\n\t\tdisplay: inline-block;\n\t\tmargin-left: 8px;\n\t\tvertical-align: 2px;\n\t\tcontent: '';\n\t\tborder-top: 4px solid;\n\t\tborder-right: 4px solid transparent;\n\t\tborder-bottom: 0;\n\t\tborder-left: 4px solid transparent;\n\n\t\t[dir=\"rtl\"] & {\n\t\t\tmargin-left: unset;\n\t\t\tmargin-right: 8px;\n\t\t}\n\t}\n}\n\n.dropstart {\n\t.dropdown-toggle {\n\t\t&::before {\n\t\t\tdisplay: inline-block;\n\t\t\tmargin-right: 8px;\n\t\t\tcontent: '';\n\t\t\tborder-top: 4px solid transparent;\n\t\t\tborder-right: 4px solid;\n\t\t\tborder-bottom: 4px solid transparent;\n\n\t\t\t[dir=\"rtl\"] & {\n\t\t\t\tmargin-left: 8px;\n\t\t\t\tmargin-right: unset;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.dropup:not(.bootstrap-select) {\n\t.dropdown-toggle {\n\t\t&::after {\n\t\t\tcontent: '';\n\t\t\tdisplay: inline-block;\n\t\t\tmargin-left: 8px;\n\t\t\tvertical-align: 4px;\n\t\t\tborder-top: 0;\n\t\t\tborder-right: 4px solid transparent;\n\t\t\tborder-bottom: 4px solid;\n\t\t\tborder-left: 4px solid transparent;\n\n\t\t\t[dir=\"rtl\"] & {\n\t\t\t\tmargin-left: unset;\n\t\t\t\tmargin-right: 8px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.dropend {\n\t.dropdown-toggle {\n\t\t&::after {\n\t\t\tcontent: '';\n\t\t\tdisplay: inline-block;\n\t\t\tcontent: '';\n\t\t\tborder-top: 4px solid transparent;\n\t\t\tborder-right: 0;\n\t\t\tborder-bottom: 4px solid transparent;\n\t\t\tborder-left: 4px solid;\n\t\t\tmargin-left: 8px;\n\n\t\t\t[dir=\"rtl\"] & {\n\t\t\t\tmargin-left: unset;\n\t\t\t\tmargin-right: 8px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.form-wrapper {\n\twidth: 260px;\n}\n\n.dropdown-menu {\n\t.helper-truncate {\n\t\t@media (max-width:400px) {\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t.form-control {\n\t\t&::placeholder {\n\t\t\tcolor: $light-text;\n\t\t\tfont-size: 14px;\n\t\t}\n\t}\n}\n\n.dark-dropdown {\n\t.dropdown-block {\n\t\tli {\n\t\t\t.dropdown-item {\n\n\t\t\t\t&:hover,\n\t\t\t\t&.active {\n\t\t\t\t\tbackground-color: $dark-color;\n\t\t\t\t\tcolor: $white;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\nbtn-group {\n\t.dropdown-wrapper {\n\t\tz-index: 2;\n\n\t\t.input-group {\n\t\t\t.input-group-text {\n\t\t\t\tpadding: 0px 8px 0px 0px;\n\n\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\tpadding: 0px 0px 0px 8px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.helper-cards {\n\t.common-flex {\n\t\t.btn-group {\n\t\t\t.dropdown-menu {\n\t\t\t\tli {\n\t\t\t\t\t.dropdown-item {\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tbackground-color: $transparent-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.dropdown-option {\n\t.dropdown {\n\t\t.dropdown-toggle {\n\t\t\tcolor: $white;\n\n\t\t\t&::after {\n\t\t\t\tfont-size: 14px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.rtl-dropdown {\n\t.dropdown-menu {\n\t\tli {\n\t\t\t.dropdown-item {\n\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\ttext-align: right;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.show {\n\t\t\t.form-control {\n\t\t\t\tcolor: $badge-light-color;\n\t\t\t}\n\t\t}\n\t}\n\n\t.btn-group {\n\t\t.dropdown-menu {\n\t\t\t[dir=\"rtl\"] & {\n\t\t\t\ttext-align: right;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.heading-dropdown {\n\t.dropdown-menu {\n\t\t>li {\n\t\t\t&:first-child {\n\t\t\t\t>a {\n\t\t\t\t\tborder-bottom: 4px solid var(--recent-border);\n\t\t\t\t\tborder-top: 0;\n\t\t\t\t\tbackground-color: $light-background;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.split-dropdown {\n\t.dropdown-basic {\n\t\t.btn-group {\n\t\t\t.dropdown-menu {\n\t\t\t\t.dropdown-item {\n\t\t\t\t\ta {\n\t\t\t\t\t\tcolor: $dark-editor-document;\n\t\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\t\tpadding: initial;\n\t\t\t\t\t\tbackground: $transparent-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n/**=====================\n\t2.14 Dropdown CSS Ends\n==========================**/","/**=====================\n    2.15 Form-input CSS Start\n==========================**/\n%input-mixin1 {\n\tposition: absolute;\n\tz-index: 2;\n\tleft: 10px;\n\tfont-size: 14px;\n\twidth: 20px;\n\tmargin-left: -2.5px;\n\ttext-align: center;\n\tpadding: 10px 0;\n\ttop: 1px;\n}\n\n%input-mixin2 {\n\tposition: absolute;\n\tz-index: 2;\n\tleft: 10px;\n\tfont-size: 14px;\n\twidth: 20px;\n\tmargin-left: -2.5px;\n\ttext-align: center;\n\tpadding: 10px 0;\n\ttop: 1px;\n}\n\n.input-group-square {\n\n\t.input-group-text,\n\t.form-control {\n\t\tborder-radius: 0 !important;\n\t}\n}\n\n.input-group-air {\n\tbox-shadow: 0 3px 20px 0 $light-semi-gray;\n}\n\n.icon-addon {\n\tposition: relative;\n\tcolor: $color-scarpa;\n\tdisplay: block;\n\n\t&:after {\n\t\tdisplay: table;\n\t\tcontent: \"\";\n\t\tclear: both;\n\t}\n\n\t&:before {\n\t\tdisplay: table;\n\t\tcontent: \"\";\n\t}\n\n\t.addon-md {\n\t\t.form-control {\n\t\t\tpadding-left: 30px;\n\t\t\tfloat: left;\n\t\t\tfont-weight: normal;\n\t\t}\n\n\t\t.glyphicon {\n\t\t\t@extend %input-mixin1;\n\t\t}\n\n\t\t.fa {\n\t\t\t@extend %input-mixin1;\n\t\t}\n\t}\n\n\t.form-control {\n\t\tpadding-left: 30px;\n\t\tfloat: left;\n\t\tfont-weight: normal;\n\t}\n\n\t.glyphicon,\n\t.fa {\n\t\t@extend %input-mixin2;\n\t}\n}\n\n// Input-groups\n\n.input-group-wrapper {\n\t.input-group {\n\t\tmargin-bottom: 16px;\n\n\t\t.form-control {\n\t\t\tfont-size: 16px;\n\n\t\t\t&:focus {\n\t\t\t\tborder-color: var(--recent-border);\n\t\t\t\tbox-shadow: unset;\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n}\n\n.main-custom-form {\n\tlabel {\n\t\tmargin-bottom: 0;\n\t}\n\n\t.form-select {\n\t\t&:focus {\n\t\t\tbox-shadow: unset;\n\t\t\tborder-color: var(--recent-border);\n\t\t}\n\t}\n\n\t.dropdown-menu {\n\t\tz-index: 3;\n\t}\n\n\t.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {\n\t\tborder-top-left-radius: 0;\n\t\tborder-bottom-left-radius: 0;\n\t}\n\n\t.form-select,\n\t.form-control {\n\t\tfont-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));\n\t}\n\n\t.input-group-text {\n\t\tfont-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));\n\t}\n\n\t.dropdown-toggle {\n\t\t&.btn {\n\t\t\t@media (max-width: 338px) {\n\t\t\t\tpadding: 6px 11px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n// Segmented Buttons\n.main-segment-btn {\n\t.dropdown-toggle {\n\t\t&::after {\n\t\t\tcontent: '';\n\t\t\tmargin-left: 0;\n\t\t\tborder-top: 6px solid;\n\t\t\tborder-right: 6px solid transparent;\n\t\t\tborder-left: 6px solid transparent;\n\t\t\tvertical-align: 2px;\n\t\t}\n\t}\n\n\t.dropdown-menu {\n\t\tz-index: 3;\n\t}\n}\n\n#exampleDataList {\n\t&::-webkit-calendar-picker-indicator {\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n}\n\n// base-input file\n.form-control-color {\n\tmax-width: 70rem;\n}\n\n.select2-container--default {\n\t.select2-selection--single {\n\t\tborder: 1px dashed $gray-60;\n\t}\n\n\t.select2-results__option--highlighted {\n\t\tbackground-color: $primary-color !important;\n\t}\n}\n\n\n// Raise input style\n.theme-form {\n\tselect {\n\t\t&.form-select {\n\t\t\toption {\n\t\t\t\tpadding: 8px 10px;\n\t\t\t\tborder-radius: 100px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.input-radius {\n\n\t.form-control {\n\t\t&:focus {\n\t\t\tbox-shadow: unset;\n\t\t\tborder-color: var(--recent-border);\n\t\t}\n\t}\n\n\t.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {\n\t\tborder-top-left-radius: 0;\n\t\tborder-bottom-left-radius: 0;\n\t}\n}\n\n.floating-wrapper {\n\t.form-floating {\n\t\t.form-control {\n\t\t\theight: 54px;\n\t\t}\n\t}\n}\n\n// Autosize textarea\n.autosize-textarea {\n\t.textarea {\n\t\tborder: 1px solid $gray-60;\n\t\tpadding: 6px;\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\toverflow: hidden;\n\t\tresize: both;\n\t\tmin-height: 40px;\n\t\tline-height: 1.8;\n\t\tcolor: rgba($badge-light-color, 0.8);\n\t\toutline: unset;\n\t}\n\n\t.textarea[contenteditable]:empty::before {\n\t\tcontent: 'Enter your message...';\n\t\tcolor: rgba($badge-light-color, 0.8);\n\t}\n}\n\n// Dynamic form field\n.dynamic-form-field {\n\t.input-group-btn {\n\t\tspan {\n\t\t\tmargin-left: 6px;\n\t\t\tvertical-align: middle;\n\t\t\tfont-size: 12px;\n\t\t}\n\t}\n}\n\n// Multiple Select \n.multiple-selects {\n\toption {\n\t\tfont-size: 14px;\n\t\tpadding: 8px;\n\t}\n\n\t@media (max-width:575px) {\n\t\t.row {\n\t\t\t[class*=\"col-\"] {\n\t\t\t\t.row {\n\t\t\t\t\t--bs-gutter-y: 1rem;\n\t\t\t\t\t--bs-gutter-x: 1rem;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// Input group \n.main-input-group {\n\t.input-group-wrapper {\n\t\t.input-group {\n\t\t\t.btn {\n\t\t\t\t&.show {\n\t\t\t\t\tbackground-color: var(--theme-default);\n\t\t\t\t\tborder-color: var(--theme-default);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n/**=====================\n    2.15 Form-input CSS Ends\n\t==========================**/","/**=====================\n    2.16 Form-wizard CSS Start\n==========================**/\n/*Form Wizard One Start*/\n\n.form-wizard {\n\t.tab {\n\t\tdisplay: none;\n\t}\n\n\t.step {\n\t\t@include pixelstrap-size(10px, 10px);\n\t\tmargin: 0 2px;\n\t\tbackground-color: var(--theme-default);\n\t\tborder: none;\n\t\tborder-radius: 50%;\n\t\tdisplay: inline-block;\n\t\topacity: 0.5;\n\n\t\t&.active {\n\t\t\topacity: 1;\n\t\t}\n\n\t\t&.finish {\n\t\t\tbackground-color: rgba(var(--theme-secondary),1);\n\t\t}\n\t}\n}\n\n/*Form Wizard One ends*/\n\n/*Form Wizard Four Start*/\n.wizard-4 {\n\t.action-bar {\n\t\tposition: absolute;\n\t\tbottom: 50px;\n\t\tright: 50px;\n\n\t\t[dir=\"rtl\"] & {\n\t\t\tright: unset;\n\t\t\tleft: 50px;\n\t\t}\n\t}\n\n\t.action-bar {\n\t\t.btn {\n\t\t\tfloat: right;\n\t\t\tmargin: 0 5px;\n\t\t\tbackground-color: rgba($primary-color, 0.1) !important;\n\t\t\tborder-color: rgba($primary-color, 0.1) !important;\n\t\t\tcolor: var(--theme-default);\n\t\t}\n\n\t\t.buttonDisabled {\n\t\t\tcolor: $semi-dark;\n\t\t\tbackground-color: rgba($semi-dark, 0.05) !important;\n\t\t\tborder: 1px solid rgba($semi-dark, 0.05) !important;\n\t\t\tcursor: text;\n\t\t}\n\t}\n\n\t.step-container {\n\t\tbackground: #f8f9fe;\n\t\tposition: relative;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tborder: 0 solid #e8ebf2;\n\t\toverflow: hidden;\n\t\tclear: right;\n\t\twidth: 70%;\n\n\t\tdiv.content {\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\tfloat: left;\n\t\t\ttext-align: left;\n\t\t\toverflow: auto;\n\t\t\tz-index: 1;\n\t\t\twidth: 100%;\n\t\t\t-webkit-box-sizing: border-box;\n\t\t\tbox-sizing: border-box;\n\t\t\tclear: both;\n\n\t\t\t[dir=\"rtl\"] & {\n\t\t\t\ttext-align: unset;\n\t\t\t\ttext-align: right;\n\t\t\t}\n\n\t\t\t.wizard-title {\n\t\t\t\twidth: 450px;\n\t\t\t\tmargin: 0 auto;\n\t\t\t}\n\t\t}\n\t}\n\n\t.loader {\n\t\tdisplay: none;\n\t}\n\n\t.msg-box {\n\t\tposition: fixed;\n\t\tdisplay: none;\n\t\tpadding: 5px 10px;\n\t\tbackground-color: lighten($primary-color, 10%);\n\t\ttop: 30px;\n\t\tborder-radius: 5px;\n\t\tright: 60px;\n\t\tpadding: 10px 20px;\n\n\t\t.content {\n\t\t\tpadding: 0;\n\t\t\tfloat: left;\n\t\t\tpadding-top: 3px;\n\t\t\tcolor: $white;\n\t\t}\n\n\t\t.close {\n\t\t\tcolor: $white;\n\t\t\tmargin-left: 10px;\n\t\t\topacity: 1;\n\t\t\tfont-size: 18px;\n\t\t\tline-height: 1.4;\n\n\t\t\t[dir=\"rtl\"] & {\n\t\t\t\tmargin-right: 10px;\n\t\t\t\tmargin-left: unset;\n\t\t\t}\n\t\t}\n\t}\n\n\tul.anchor {\n\t\tfloat: left;\n\t\twidth: 30%;\n\t\theight: calc(100vh - 300px);\n\t\tpadding: 40px 30px;\n\t\toverflow: auto;\n\n\t\t.disabled {\n\t\t\topacity: 0.7;\n\t\t\tcolor: $semi-dark;\n\n\t\t\th4 {\n\t\t\t\tbackground-color: rgba($semi-dark, 0.15);\n\t\t\t}\n\t\t}\n\n\t\t.logo {\n\t\t\tpadding-bottom: 20px;\n\t\t}\n\n\t\tli {\n\t\t\tposition: relative;\n\t\t\tdisplay: block;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tpadding-bottom: 19px;\n\t\t\tfloat: left;\n\t\t\tclear: both;\n\t\t\twidth: 100%;\n\t\t\tbox-sizing: border-box;\n\t\t\tz-index: 0;\n\n\t\t\t&+li {\n\t\t\t\ta {\n\t\t\t\t\tpadding-left: 80px;\n\n\t\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\t\tpadding-left: unset;\n\t\t\t\t\t\tpadding-right: 80px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: 0;\n\t\t\t\twidth: auto;\n\t\t\t\tpadding-bottom: 0;\n\t\t\t\tleft: calc(9% + (12 - 9) * ((100vw - 1200px) / (1920 - 1200)));\n\n\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\tleft: unset;\n\t\t\t\t\tright: calc(9% + (12 - 9) * ((100vw - 1200px) / (1920 - 1200)));\n\t\t\t\t}\n\n\t\t\t\timg {\n\t\t\t\t\theight: calc(230px + (330 - 230) * ((100vw - 1200px) / (1920 - 1200)));\n\t\t\t\t}\n\n\t\t\t\t@media (max-width:991px) {\n\t\t\t\t\tleft: calc(6% + (10 - 6) * ((100vw - 768px) / (1920 - 768)));\n\n\t\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\t\tleft: unset;\n\t\t\t\t\t\tright: calc(6% + (10 - 6) * ((100vw - 768px) / (1920 - 768)));\n\t\t\t\t\t}\n\n\t\t\t\t\timg {\n\t\t\t\t\t\theight: calc(260px + (330 - 260) * ((100vw - 768px) / (1920 - 768)));\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\th4 {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tbackground-color: rgba($primary-color, 0.2);\n\t\t\t\tpadding: 16px 23px;\n\t\t\t\tborder-radius: 100%;\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: 0;\n\t\t\t\ttop: 6px;\n\t\t\t\twidth: 60px;\n\t\t\t\t@include pixelstrap-flex(flex, center, center);\n\n\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\tleft: unset;\n\t\t\t\t\tright: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\ta {\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: relative;\n\t\t\t\tfloat: left;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 10px 20px;\n\t\t\t\twidth: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\ttext-decoration: none;\n\t\t\t\toutline-style: none;\n\t\t\t\tz-index: 1;\n\t\t\t\tfont-size: 18px;\n\n\t\t\t\tsmall {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tfont-size: 14px;\n\t\t\t\t}\n\n\t\t\t\t.stepNumber {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tfloat: left;\n\t\t\t\t\twidth: 30px;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\tpadding: 5px;\n\t\t\t\t\tpadding-top: 0;\n\t\t\t\t}\n\n\t\t\t\t&.done {\n\t\t\t\t\th4 {\n\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\tbackground: var(--theme-default);\n\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\tleft: 5px;\n\t\t\t\t\t\t\ttop: -3px;\n\t\t\t\t\t\t\tcontent: \"\\e64c\";\n\t\t\t\t\t\t\tfont-family: 'themify';\n\t\t\t\t\t\t\tbackground-color: $white;\n\t\t\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t\t\t\tborder-radius: 15px;\n\t\t\t\t\t\t\tpadding: 2px;\n\t\t\t\t\t\t\tborder: 1px solid;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.error {\n\t\t\t\t\tcolor: $dark-gray;\n\t\t\t\t\tbackground: $pitch-color;\n\t\t\t\t\tborder: 1px solid $danger-color;\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tcolor: $black;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.wizard {\n\tmax-width: 670px;\n\tmargin: 0 auto;\n\n\t.wizard-content {\n\t\tbox-shadow: unset;\n\t\tbackground-color: $white;\n\t\tborder-radius: 5px;\n\t}\n}\n\n// vertical form wizard\n.vertical-main-wizard {\n\t.header-vertical-wizard {\n\t\tbackground-color: var(--light-background);\n\t\theight: 100%;\n\t\ttext-align: unset;\n\n\t\t.nav-link {\n\t\t\tborder-bottom: 1px solid var(--recent-border);\n\t\t\tborder-radius: 0;\n\t\t\tpadding: 18px;\n\n\t\t\t&:last-child {\n\t\t\t\tborder-bottom: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t.nav-pills {\n\t\t.nav-link.active {\n\t\t\tbackground-color: transparent;\n\t\t}\n\n\t\t&.show {\n\t\t\t>.nav-link {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t}\n\t}\n\n\t.nav-link {\n\t\t.vertical-wizard {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tgap: 14px;\n\n\t\t\t.stroke-icon-wizard {\n\t\t\t\t@include pixelstrap-size(33px, 33px);\n\t\t\t\t@include pixelstrap-flex(flex, center, center);\n\t\t\t\tbackground-color: var(--white);\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tposition: relative;\n\t\t\t\tborder: 1px solid $badge-light-color;\n\n\t\t\t\ti {\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\tcolor: $badge-light-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.vertical-wizard-content {\n\n\t\t\t\th6 {\n\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\tline-height: 1;\n\t\t\t\t\tcolor: var(--body-font-color);\n\t\t\t\t}\n\n\t\t\t\tp {\n\t\t\t\t\tcolor: var(--chart-text-color);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.active {\n\t\t\tbackground-color: unset;\n\n\t\t\t.vertical-wizard {\n\t\t\t\t.stroke-icon-wizard {\n\t\t\t\t\tbackground-color: $primary-color;\n\t\t\t\t\tborder: 1px solid $primary-color;\n\n\t\t\t\t\ti {\n\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\tfont-size: 18px;\n\t\t\t\t\t}\n\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tcontent: '';\n\t\t\t\t\t\t@include pixelstrap-size(45px, 45px);\n\t\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\tborder: 1px solid var(--sidebar-border);\n\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.vertical-wizard-content {\n\n\t\t\t\t\th6 {\n\t\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.form-check {\n\t\t.form-check-label {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n\n\t.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {\n\t\tborder-top-left-radius: 0;\n\t\tborder-bottom-left-radius: 0;\n\t}\n}\n\n.basic-wizard {\n\t.stepper-horizontal {\n\t\tdisplay: flex;\n\t\twidth: 100%;\n\t\tmargin: 0 auto;\n\t\toverflow: auto;\n\t\tmargin-bottom: calc(14px + (24 - 14) * ((100vw - 320px) / (1920 - 320)));\n\n\t\t.step {\n\t\t\tposition: relative;\n\t\t\tpadding-inline: 24px;\n\t\t\tz-index: 2;\n\t\t\twidth: 100%;\n\n\t\t\t&:first-child {\n\t\t\t\tpadding-left: 0;\n\n\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\tpadding-left: 24px;\n\t\t\t\t\tpadding-right: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tpadding-right: 0;\n\n\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\tpadding-right: 24px;\n\t\t\t\t\tpadding-left: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child .step-bar-left,\n\t\t\t&:last-child .step-bar-right {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t.step-circle {\n\t\t\t\t@include pixelstrap-size(32px, 32px);\n\t\t\t\tmargin: 0 auto;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\ttext-align: center;\n\t\t\t\tline-height: 1.8;\n\t\t\t\tfont-size: 16px;\n\t\t\t\tfont-weight: 600;\n\t\t\t\tz-index: 2;\n\t\t\t\tborder: 2px solid $gray-60;\n\t\t\t\tbackground: var(--white);\n\t\t\t}\n\n\t\t\t&.done {\n\t\t\t\t.step-circle {\n\t\t\t\t\tbackground-color: var(--white);\n\t\t\t\t\tborder: 2px solid $theme-body-sub-title-color;\n\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t\tz-index: 4;\n\t\t\t\t\tposition: relative;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tfont-family: $font-awesome;\n\t\t\t\t\t\tfont-weight: 600;\n\t\t\t\t\t\tcontent: \"\\f00c\";\n\t\t\t\t\t}\n\n\t\t\t\t\t* {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.step-title {\n\t\t\t\t\tcolor: $theme-body-sub-title-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.editing {\n\t\t\t\t.step-circle {\n\t\t\t\t\tbackground: var(--white);\n\t\t\t\t\tborder-color: $theme-body-sub-title-color;\n\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.step-title {\n\t\t\t\tmargin-top: 8px;\n\t\t\t\tfont-size: 16px;\n\t\t\t\tfont-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));\n\t\t\t\tfont-weight: 600;\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\n\t\t\t.step-title,\n\t\t\t.step-optional {\n\t\t\t\ttext-align: center;\n\t\t\t}\n\n\t\t\t.step-bar-left,\n\t\t\t.step-bar-right {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: calc(32px - 18px);\n\t\t\t\theight: 4px;\n\t\t\t\tbackground-color: var(--view-border-marker);\n\t\t\t\tborder: solid var(--view-border-marker);\n\t\t\t\tborder-width: 2px 0;\n\t\t\t}\n\n\t\t\t.step-bar-left {\n\t\t\t\twidth: 100%;\n\t\t\t\tleft: 50%;\n\t\t\t\tz-index: -1;\n\n\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\tleft: unset;\n\t\t\t\t\tright: 50%;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.step-bar-right {\n\t\t\t\twidth: 0;\n\t\t\t\tleft: 50%;\n\t\t\t\tz-index: -1;\n\t\t\t\ttransition: width 500ms ease-in-out;\n\n\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\tright: 50%;\n\t\t\t\t\tleft: unset;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.done .step-bar-right {\n\t\t\t\tbackground-color: var(--theme-default);\n\t\t\t\tborder-color: var(--theme-default);\n\t\t\t\tz-index: 3;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\tform {\n\t\t&.none {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t&.block {\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t.form-check-label {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n}\n\n.important-validation {\n\t.form-label {\n\t\tspan {\n\t\t\tcolor: $danger-color;\n\t\t}\n\t}\n}\n\n.select-size {\n\t&.form-select {\n\t\tfont-size: 14px;\n\t}\n}\n\n.wizard-footer {\n\tbutton {\n\t\t&.disabled {\n\t\t\tbackground-color: $light-dark;\n\t\t}\n\n\t\t&.back {\n\t\t\tbackground-color: $warning-color;\n\t\t}\n\t}\n}\n\n// Numbering wizard\n.successful-form {\n\t@include pixelstrap-flex(flex, center, center);\n\tflex-direction: column;\n\tgap: 10px;\n\tpadding-bottom: 24px;\n\n\timg {\n\t\t@include pixelstrap-size(calc(68px + (100 - 68) * ((100vw - 320px) / (1920 - 320))), calc(68px + (100 - 68) * ((100vw - 320px) / (1920 - 320))));\n\t}\n}\n\n#horizontal-wizard-tab,\n#vertical-wizard-tab {\n\t.nav-link {\n\t\t&.active {\n\t\t\th6 {\n\t\t\t\tcolor: $white;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.inquiries-form {\n\th6 {\n\t\tmargin-bottom: 14px;\n\t}\n\n\t.choose-option {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\n\t\t.form-check {\n\t\t\t&:last-child {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.form-completed {\n\timg {\n\t\theight: 100px;\n\t\tmargin: 0 auto;\n\t\tdisplay: block;\n\t}\n\n\th6 {\n\t\ttext-align: center;\n\t\tmargin-top: 24px;\n\t}\n}\n\n// Horizontal wrapper\n.horizontal-wizard-wrapper {\n\t.main-horizontal-header {\n\t\tpadding: 0 0 20px 0;\n\n\t\t.horizontal-options {\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: space-around;\n\t\t\tflex-wrap: wrap;\n\t\t\tgap: 14px;\n\n\t\t\t@media (max-width:1182px) {\n\t\t\t\tjustify-content: flex-start;\n\t\t\t}\n\n\t\t\ta {\n\t\t\t\t@include pixelstrap-flex(flex, center, center);\n\n\t\t\t\t.horizontal-wizard {\n\t\t\t\t\t@include pixelstrap-flex(flex, center, center);\n\t\t\t\t\tcolor: var(--body-font-color);\n\t\t\t\t\ttransition: all 0.3s ease;\n\n\t\t\t\t\t.stroke-icon-wizard {\n\t\t\t\t\t\ti {\n\t\t\t\t\t\t\tfont-size: 18px;\n\t\t\t\t\t\t\tcolor: var(--body-font-color);\n\t\t\t\t\t\t\tvertical-align: -2px;\n\n\t\t\t\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\t\t\t\tmargin-right: unset;\n\t\t\t\t\t\t\t\tmargin-left: 10px;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.nav-link {\n\n\t\t\t\t\t&.active {\n\t\t\t\t\t\t.horizontal-wizard {\n\t\t\t\t\t\t\tcolor: var(--white);\n\t\t\t\t\t\t\ttransition: all 0.3s ease;\n\n\t\t\t\t\t\t\t.stroke-icon-wizard {\n\t\t\t\t\t\t\t\ti {\n\t\t\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.form-check {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n\n\t.bank-search {\n\t\tmargin-bottom: 22px;\n\n\t\t@media (max-width:767px) {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n\n\t.bank-selection {\n\t\tpadding: 10px 0 0 0;\n\n\t\t.radio-wrapper {\n\t\t\t@media (max-width:401px) {\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\t\t\tli {\n\t\t\t\t@include pixelstrap-flex(flex, center, center);\n\t\t\t\theight: 100%;\n\n\t\t\t\t.form-check-label {\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\tpadding: 6px;\n\n\t\t\t\t\timg {\n\t\t\t\t\t\theight: calc(45px + (52 - 45) * ((100vw - 320px) / (1920 - 320)));\n\t\t\t\t\t}\n\n\t\t\t\t\tspan {\n\t\t\t\t\t\tfont-size: 14px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&.vertical-variations {\n\t\t.main-horizontal-header {\n\t\t\t.horizontal-options {\n\t\t\t\tgap: 12px;\n\n\t\t\t\t@media (max-width:1400px) {\n\t\t\t\t\tjustify-content: flex-start;\n\t\t\t\t}\n\n\t\t\t\t.nav-link {\n\t\t\t\t\tcolor: var(--body-font-color);\n\n\t\t\t\t\t.horizontal-wizard {\n\t\t\t\t\t\tgap: 10px;\n\n\t\t\t\t\t\t.stroke-icon-wizard {\n\t\t\t\t\t\t\t@include pixelstrap-size(30px, 30px);\n\t\t\t\t\t\t\t@include pixelstrap-flex(flex, center, center);\n\t\t\t\t\t\t\tbackground-color: rgba($primary-color, 0.1);\n\t\t\t\t\t\t\tborder-radius: 6px;\n\n\t\t\t\t\t\t\ti {\n\t\t\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&.active {\n\t\t\t\t\t\tbackground-color: unset !important;\n\n\t\t\t\t\t\t.horizontal-wizard {\n\t\t\t\t\t\t\tcolor: var(--body-font-color);\n\n\t\t\t\t\t\t\t.stroke-icon-wizard {\n\t\t\t\t\t\t\t\tbackground-color: $primary-color;\n\n\t\t\t\t\t\t\t\ti {\n\t\t\t\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\t\t\t\tcolor: var(--white);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.select-account {\n\t\t\t.radio-wrapper {\n\t\t\t\tli {\n\t\t\t\t\tpadding: 20px;\n\t\t\t\t\tdisplay: grid;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\tplace-content: baseline;\n\t\t\t\t\ttext-align: unset;\n\t\t\t\t\talign-items: unset;\n\t\t\t\t\tmax-width: unset;\n\n\t\t\t\t\t.form-check-label {\n\t\t\t\t\t\tjustify-content: unset;\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\talign-items: center;\n\n\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t>span {\n\t\t\t\t\t\t\t\t+span {\n\t\t\t\t\t\t\t\t\tfont-size: 13px;\n\n\t\t\t\t\t\t\t\t\t@media (max-width:400px) {\n\t\t\t\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.horizontal-wizard-wrapper {\n\t&.vertical-options {\n\t\t.main-horizontal-header {\n\t\t\tpadding-bottom: 0;\n\n\t\t\t.horizontal-options {\n\t\t\t\tflex-direction: column;\n\t\t\t\talign-items: flex-start;\n\t\t\t\tjustify-content: flex-start;\n\t\t\t\tgap: 12px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.authentication-options {\n\t.radio-wrapper {\n\t\tdisplay: flex;\n\t\tgap: calc(8px + 8 * (100vw - 320px) / 1600);\n\t\tflex-wrap: wrap;\n\t\tjustify-content: center;\n\n\t\tli {\n\t\t\tpadding: 20px;\n\t\t\tdisplay: grid;\n\t\t\t@include pixelstrap-size(100%, 100%);\n\t\t\tplace-content: baseline;\n\t\t\ttext-align: unset;\n\t\t\talign-items: unset;\n\t\t\tmax-width: unset;\n\n\t\t\t.form-check-label {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\ttext-align: left;\n\t\t\t\tgap: 14px;\n\n\t\t\t\t@media (max-width:400px) {\n\t\t\t\t\talign-items: baseline;\n\t\t\t\t}\n\n\t\t\t\ti {\n\t\t\t\t\tpadding: 0;\n\n\t\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tspan {\n\t\t\t\t\t>span {\n\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t\tcolor: $bg-dark-color;\n\t\t\t\t\t\tfont-weight: 500;\n\n\t\t\t\t\t\t+span {\n\t\t\t\t\t\t\tcolor: var(--chart-text-color);\n\t\t\t\t\t\t\tfont-size: 14px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.main-qr-code {\n\t.modal-toggle-wrapper {\n\t\t.modal-img {\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\tmargin-bottom: 22px;\n\n\t\t\t@media (max-width:480px) {\n\t\t\t\talign-items: unset;\n\t\t\t}\n\n\t\t\t.qr-img {\n\t\t\t\t@media (max-width:480px) {\n\t\t\t\t\ttext-align: center;\n\t\t\t\t}\n\n\t\t\t\timg {\n\t\t\t\t\t@include pixelstrap-size(100px, 100px);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.qr-content {\n\t\t\t\tmargin-top: 16px;\n\n\t\t\t\t.alert {\n\t\t\t\t\talign-items: unset;\n\n\t\t\t\t\tdiv {\n\t\t\t\t\t\tword-break: break-word;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\ti {\n\t\t\t\t\tfont-size: 20px;\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.btn {\n\t\t\tdisplay: block;\n\t\t\tmargin: auto;\n\t\t\tmargin-top: 12px;\n\t\t}\n\t}\n}\n\n.authentication-body {\n\t@include pixelstrap-flex(flex, center, center);\n\tflex-direction: column;\n\tmargin: auto;\n\ttext-align: center;\n\n\timg {\n\t\theight: calc(200px + (420 - 200) * ((100vw - 320px) / (1920 - 320)));\n\t}\n}\n\n// Shipping form\n.shipping-form,\n.checkout-cart {\n\t.shipping-border {\n\t\tborder-right: 1px solid var(--recent-dashed-border);\n\n\t\t@media (max-width:1200px) {\n\t\t\tborder-right: unset;\n\t\t}\n\t}\n\n\t.shipping-options {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tbackground-color: rgba($primary-color, 0.1);\n\t\tflex-wrap: nowrap;\n\t\tmargin-bottom: 18px;\n\n\t\t@media (max-width:768px) {\n\t\t\tflex-direction: column;\n\t\t}\n\n\t\t.nav-link {\n\t\t\twidth: 100%;\n\n\t\t\t@media (min-width:1200px) and (max-width:1920px) {\n\t\t\t\tpadding: calc(8px + (8 - 8) * ((100vw - 300px) / (1920 - 300))) calc(6px + (16 - 6) * ((100vw - 300px) / (1920 - 300)));\n\t\t\t}\n\n\t\t\t&.active {\n\n\t\t\t\ti {\n\t\t\t\t\tbackground-color: $light-primary;\n\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t\ttransition: all 0.3s ease-in-out;\n\t\t\t\t}\n\n\t\t\t\th6 {\n\t\t\t\t\tcolor: $white;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:nth-child(2) {\n\t\t\t\t.cart-options {\n\t\t\t\t\ti {\n\t\t\t\t\t\ttransform: scaleX(-1);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.cart-options {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tgap: 11px;\n\n\t\t\ti {\n\t\t\t\tfont-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));\n\t\t\t\tcolor: $white;\n\t\t\t\t@include pixelstrap-size(40px, 40px);\n\t\t\t\tbackground-color: var(--theme-default);\n\t\t\t\t@include pixelstrap-flex(flex, center, center);\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tmargin: 0;\n\t\t\t\ttransition: all 0.3s ease-in-out;\n\n\t\t\t\t@media (min-width:1200px) and (max-width:1920px) {\n\t\t\t\t\tfont-size: calc(14px + (18 - 14) * ((100vw - 1200px) / (1920 - 1200)));\n\t\t\t\t\twidth: calc(30px + (40 - 30) * ((100vw - 1200px) / (1920 - 1200)));\n\t\t\t\t\theight: calc(30px + (40 - 30) * ((100vw - 1200px) / (1920 - 1200)));\n\t\t\t\t}\n\t\t\t}\n\n\t\t\th6 {\n\t\t\t\tcolor: var(--theme-default);\n\t\t\t}\n\t\t}\n\n\t}\n\n\t.shipping-info {\n\t\t.table {\n\t\t\tthead {\n\t\t\t\tth {\n\t\t\t\t\twhite-space: nowrap;\n\n\t\t\t\t\t&:last-child {\n\t\t\t\t\t\ttext-align: end;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\ttbody {\n\t\t\t\ttr {\n\t\t\t\t\ttd {\n\t\t\t\t\t\timg {\n\t\t\t\t\t\t\theight: 50px;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t\ttext-align: end;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\tcolor: var(--chart-text-color);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&:last-child {\n\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\ttfoot {\n\t\t\t\tfont-weight: 400;\n\n\t\t\t\ttr {\n\t\t\t\t\ttd {\n\t\t\t\t\t\twhite-space: nowrap;\n\n\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\tmax-width: 370px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\ttd {\n\t\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t\tmin-width: 0;\n\t\t\t\t\t\t\ttext-align: end;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&:first-child {\n\t\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:last-child {\n\t\t\t\t\t\tfont-weight: 600;\n\n\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\tborder-bottom: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\n\t}\n\n\t.shipping-content {\n\t\theight: 100%;\n\t\tpadding: 0;\n\n\t\t.shipping-wizard {\n\t\t\t.shipping-title {\n\t\t\t\t@include pixelstrap-flex(flex, space-between, center);\n\n\t\t\t\t>.btn {\n\t\t\t\t\tbackground: none !important;\n\t\t\t\t\tborder: 0;\n\t\t\t\t\tpadding: 0 28px;\n\n\t\t\t\t\ti {\n\t\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.collect-address {\n\t\t\t\t@include pixelstrap-flex(flex, space-between, center);\n\t\t\t\tmargin-bottom: 8px;\n\n\t\t\t\t.card-icon {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tgap: 12px;\n\n\t\t\t\t\ti {\n\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.shipping-address {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tgap: 8px;\n\n\t\t\t\th6 {\n\t\t\t\t\tfont-size: 15px;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t>.active {\n\t\t\t&.finish-wizard1 {\n\t\t\t\t@include pixelstrap-flex(flex, center, center);\n\t\t\t\theight: calc(100% - 55px - 18px);\n\n\t\t\t\t@media (max-width:768px) {\n\t\t\t\t\theight: unset;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.shipping-method {\n\t\tp {\n\t\t\tpadding-left: 25px;\n\t\t\tcolor: var(--chart-text-color);\n\n\t\t\t[dir=\"rtl\"] & {\n\t\t\t\tpadding-right: 25px;\n\t\t\t\tpadding-left: unset;\n\t\t\t}\n\t\t}\n\t}\n\n\t.proceed-next {\n\t\tpadding-left: 8px;\n\n\t\t[dir=\"rtl\"] & {\n\t\t\tpadding-left: unset;\n\t\t\tpadding-right: 8px;\n\t\t}\n\t}\n\n\t.proceed-prev {\n\t\ttransform: scaleX(-1);\n\t\tpadding-left: 8px;\n\n\t\t[dir=\"rtl\"] & {\n\t\t\ttransform: scaleX(1);\n\t\t\tpadding-right: 8px;\n\t\t\tpadding-left: unset;\n\t\t}\n\t}\n\n\t.payment-info-wrapper {\n\t\t.card-wrapper {\n\t\t\t@include pixelstrap-flex(flex, space-between, center);\n\n\t\t\t@media (max-width:768px) {\n\t\t\t\tjustify-content: unset;\n\t\t\t\talign-items: flex-start;\n\t\t\t\tflex-direction: column;\n\t\t\t}\n\n\t\t\timg {\n\t\t\t\theight: 50px;\n\t\t\t}\n\t\t}\n\n\t\t.pay-info {\n\t\t\tdisplay: block;\n\n\t\t\t>div {\n\t\t\t\tmargin-bottom: 12px;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\n\t\t\t\t@media (max-width: 768px) {\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t\talign-items: flex-start;\n\t\t\t\t}\n\n\t\t\t}\n\t\t}\n\t}\n\n\t.order-confirm {\n\t\ttext-align: center;\n\n\t\t@media (max-width:1200px) {\n\t\t\tmargin-bottom: 18px;\n\t\t}\n\n\t\timg {\n\t\t\theight: calc(95px + (140 - 95) * ((100vw - 320px) / (1920 - 320)));\n\t\t}\n\t}\n\n\t.finish-shipping {\n\t\tbackground-color: var(--light-background);\n\t\t@include pixelstrap-size(100%, 100%);\n\t\tpadding-block: calc(100% - 85%);\n\t\tpadding-inline: 12px;\n\t\ttext-align: center;\n\n\t\tsvg {\n\t\t\twidth: calc(140px + (230 - 140) * ((100vw - 320px) / (1920 - 320)));\n\t\t\theight: calc(140px + (230 - 140) * ((100vw - 320px) / (1920 - 320)));\n\t\t\tanimation: up-down 2.9s ease-in-out infinite;\n\t\t}\n\t}\n\n\t.form-select {\n\t\tfont-size: 14px;\n\t\tcolor: var(--chart-text-color);\n\t}\n}\n\n// Student validation form\n.avatar-upload {\n\tflex-direction: column;\n\n\tdiv:first-child {\n\t\tposition: relative;\n\t\tmax-width: 205px;\n\t\tmargin: auto;\n\n\t\t.avatar-edit {\n\t\t\tposition: absolute;\n\t\t\tright: 25px;\n\t\t\tz-index: 1;\n\t\t\ttop: 4px;\n\n\t\t\tinput {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\tlabel {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\t@include pixelstrap-size(35px, 35px);\n\t\t\t\tmargin-bottom: 0;\n\t\t\t\tborder-radius: 100%;\n\t\t\t\tbackground: var(--light-bg);\n\t\t\t\tborder: 1px solid transparent;\n\t\t\t\tbox-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);\n\t\t\t\tcursor: pointer;\n\t\t\t\tfont-weight: normal;\n\t\t\t\ttransition: all 0.2s ease-in-out;\n\n\t\t\t\t&::after {\n\t\t\t\t\tcontent: \"\\f303\";\n\t\t\t\t\tfont-family: $font-awesome;\n\t\t\t\t\tcolor: var(--body-font-color);\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: 8px;\n\t\t\t\t\tleft: 3px;\n\t\t\t\t\tright: 0;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\tmargin: auto;\n\t\t\t\t\tfont-weight: 600;\n\n\t\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\t\tright: 3px;\n\t\t\t\t\t\tleft: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.avatar-preview {\n\t\t\t@include pixelstrap-size(150px, 150px);\n\t\t\tposition: relative;\n\t\t\tborder-radius: 100%;\n\t\t\tborder: 6px solid #F8F8F8;\n\t\t\tbox-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);\n\t\t\tmargin: auto;\n\n\t\t\t>div {\n\t\t\t\tbackground-image: url('../images/forms/user.png');\n\t\t\t\t@include pixelstrap-size(100%, 100%);\n\t\t\t\tborder-radius: 100%;\n\t\t\t\tbackground-size: cover;\n\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\tbackground-position: center;\n\t\t\t}\n\t\t}\n\t}\n\n\th6 {\n\t\ttext-align: center;\n\t\tpadding-top: 14px;\n\t}\n}\n\n// Authentication\n.email-verify {\n\t.card-wrapper {\n\t\tdisplay: grid;\n\t\tplace-content: center;\n\n\t\t>div {\n\t\t\talign-items: center;\n\t\t}\n\n\t\t.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {\n\t\t\tborder-top-left-radius: 0;\n\t\t\tborder-bottom-left-radius: 0;\n\t\t}\n\t}\n}\n\n.authenticate {\n\t@include pixelstrap-flex(flex, center, center);\n\tflex-direction: column;\n\n\tspan {\n\t\t&:nth-of-type(1) {\n\t\t\tmargin-top: 12px;\n\t\t}\n\t}\n\n\th4 {\n\t\tmargin-bottom: 12px;\n\t}\n\n\timg {\n\t\theight: calc(145px + (200 - 145) * ((100vw - 320px) / (1920 - 320)));\n\t}\n\n\tform {\n\t\tflex-direction: column;\n\t\ttext-align: center;\n\n\t\t.otp-generate {\n\t\t\tdisplay: flex;\n\t\t\tgap: 12px;\n\t\t\tmargin: 14px 0;\n\t\t\tjustify-content: center;\n\t\t}\n\n\t\t.form-control {\n\t\t\twidth: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));\n\t\t\theight: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));\n\t\t\tborder-radius: 5px;\n\t\t\ttext-align: center;\n\t\t\tpadding: 0;\n\t\t\tdisplay: block;\n\t\t\tmin-width: 0;\n\t\t}\n\n\t\tdiv {\n\t\t\tdisplay: inline-grid;\n\t\t\tgap: 2px;\n\t\t\tmargin-top: 12px;\n\t\t}\n\n\t}\n}\n\n.accordion {\n\t.accordion-item {\n\t\t.accordion-body {\n\t\t\t.choose-bank {\n\t\t\t\t.form-check {\n\t\t\t\t\t.form-check-label {\n\t\t\t\t\t\tcolor: var(--body-font-color);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.horizontal-login {\n\t.mb-3 {\n\t\t&:nth-child(2) {\n\t\t\tposition: relative;\n\t\t}\n\t}\n\n\t.form-control {\n\t\tpadding-right: 34px;\n\n\t\t[dir=\"rtl\"] & {\n\t\t\tpadding-right: .75rem;\n\t\t\tpadding-left: 34px;\n\t\t}\n\t}\n\n\t.pwd-strength {\n\t\tli {\n\t\t\tmargin-bottom: 8px;\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\n\t\t\ti {\n\t\t\t\tmargin-right: 8px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.control-label {\n\t\ttext-align: left !important;\n\t\tpadding-bottom: 4px;\n\t}\n\n\t.progress {\n\t\theight: 4px;\n\t\tmargin-block: 12px;\n\t}\n\n\t.form-group {\n\t\tmargin-bottom: 10px;\n\t}\n\n\t.show-pass {\n\t\tposition: absolute;\n\t\ttransform: translate(50%, -50%);\n\t\ttop: 2.75rem;\n\t\tright: 20px;\n\n\t\t[dir=\"rtl\"] & {\n\t\t\tright: unset;\n\t\t\tleft: 20px;\n\t\t\ttransform: translate(-50%, -50%);\n\t\t}\n\t}\n\n\t.was-validated {\n\t\t.form-control {\n\n\t\t\t&:invalid,\n\t\t\t&:valid {\n\t\t\t\t~.show-pass {\n\t\t\t\t\tright: 40px;\n\n\t\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\t\tright: unset;\n\t\t\t\t\t\tleft: 40px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.progress-bar-danger {\n\t\tbackground-color: $danger-color;\n\t}\n\n\t.progress-bar-warning {\n\t\tbackground-color: $warning-color;\n\t}\n\n\t.progress-bar-success {\n\t\tbackground-color: $success-color;\n\t}\n\n\t.login-btn {\n\t\twidth: 180px !important;\n\t\tbackground-image: linear-gradient(to right, #f6086e, #ff133a) !important;\n\t\tfont-size: 18px;\n\t\tcolor: $white;\n\t\tmargin: 0 auto 5px;\n\t\tpadding: 8px 0;\n\t}\n\n\t.login-btn:hover {\n\t\tbackground-image: linear-gradient(to right, rgba(255, 0, 111, 0.8), rgba(247, 2, 43, 0.8)) !important;\n\t\tcolor: $white !important;\n\t}\n\n\t.fa-eye {\n\t\tcolor: var(--body-font-color);\n\t\tcursor: pointer;\n\t}\n\n\t.ex-account p a {\n\t\tcolor: $danger-color;\n\t\ttext-decoration: underline;\n\t}\n\n\t.fa-circle {\n\t\tfont-size: 6px;\n\t}\n\n\t.fa-check {\n\t\tcolor: $success-color;\n\t}\n}\n\n/*Form Wizard Four Ends*/\n/**=====================\n   2.16 Form-wizard CSS Ends\n==========================**/","/**=====================\n  2.17 Forms CSS Start\n==========================**/\n.form-label {\n  margin-bottom: 4px;\n  font-size: 14px;\n}\n\n.col-form-label {\n  padding-bottom: 4px;\n}\n\n.form-space {\n  margin-bottom: -10px;\n\n  >div {\n    margin-bottom: 10px;\n  }\n}\n\n.theme-form {\n  .form-control {\n    :focus {\n      box-shadow: 0 0 0 0.2rem rgba(171, 140, 228, 0.05);\n    }\n  }\n\n  textarea {\n    border-color: $form-input-border-color;\n\n    &::-webkit-input-placeholder {\n      color: $form-placeholder-color;\n      font-size: $form-placeholder-font-size;\n      letter-spacing: $form-placeholder-letter-spacing;\n      font-weight: $form-placeholder-font-weight;\n    }\n  }\n\n  input[type=text],\n  input[type=email],\n  input[type=search],\n  input[type=password],\n  input[type=number],\n  input[type=tel],\n  input[type=date],\n  input[type=datetime-local],\n  input[type=time],\n  input[type=datetime-local],\n  input[type=month],\n  input[type=week],\n  input[type=url],\n  input[type=file],\n  textarea,\n  select {\n    border-color: $gray-60;\n    background-color: $form-input-bg-color;\n    font-size: $form-placeholder-font-size;\n    color: $form-placeholder-color;\n    padding: 12px 10px;\n    -webkit-box-shadow: none;\n    box-shadow: none;\n\n    &::-webkit-input-placeholder {\n      color: $form-placeholder-color;\n      font-size: $form-placeholder-font-size;\n      letter-spacing: $form-placeholder-letter-spacing;\n      font-weight: $form-placeholder-font-weight;\n    }\n  }\n\n  input[type=file] {\n    height: auto;\n  }\n\n  select.form-control:not([size]):not([multiple]) {\n    border-color: $form-input-border-color;\n    font-size: $form-placeholder-font-size;\n  }\n\n  .checkbox {\n    label {\n      padding-left: 10px;\n\n      [dir=\"rtl\"] & {\n        padding-right: 10px;\n        padding-left: unset;\n      }\n    }\n  }\n\n  .login-divider {\n    position: relative;\n    clear: both;\n    height: 0;\n    margin: 30px 0;\n    border-top: 1px solid $light-semi-gray;\n\n    &:before {\n      position: absolute;\n      top: -11px;\n      left: 40%;\n      margin-left: -10px;\n      padding: 0 5px;\n      color: $theme-font-color;\n      background: $white;\n      content: \"Or Login With\";\n\n      [dir=\"rtl\"] & {\n        left: unset;\n        right: 40%;\n        margin-left: unset;\n        margin-right: -10px;\n      }\n    }\n  }\n\n  .btn-fb,\n  .btn-twitter,\n  .btn-google,\n  .btn-linkedin,\n  .btn-dribble {\n    color: $white;\n    width: 100%;\n  }\n\n  .btn-fb {\n    background-color: $fb;\n  }\n\n  .btn-twitter {\n    background-color: $twitter;\n  }\n\n  .btn-google {\n    background-color: $google-plus;\n  }\n\n  .btn-linkedin {\n    background-color: $linkedin;\n  }\n\n  .btn-dribble {\n    background: #e74c88;\n  }\n}\n\n.form-inline {\n  display: flex;\n  -webkit-box-flex: 0;\n  -ms-flex: 0 0 auto;\n  flex: 0 0 auto;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  flex-flow: row wrap;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  margin-bottom: 0;\n\n  .col-form-label {\n    margin-right: 5px;\n\n    [dir=\"rtl\"] & {\n      margin-left: 5px;\n      margin-right: unset;\n    }\n  }\n}\n\n.search-form {\n  .form-group {\n    &:before {\n      position: absolute;\n      content: \"\";\n      width: 1px;\n      height: 25px;\n      background: #e8ebf2;\n      left: 82px;\n      top: 50px;\n\n      [dir=\"rtl\"] & {\n        left: unset;\n        right: 82px;\n      }\n    }\n\n    &:after {\n      position: absolute;\n      content: \"\\f002\";\n      font-family: \"FontAwesome\";\n      top: 53px;\n      left: 53px;\n      color: #8e8e8e;\n\n      [dir=\"rtl\"] & {\n        left: unset;\n        right: 53px;\n      }\n    }\n  }\n\n  input {\n    border: 1px solid $light-semi-gray;\n    padding: 10px 10px 10px 70px;\n    border-radius: 10px;\n    background-color: rgba($light-color, 0.3);\n\n\n    [dir=\"rtl\"] & {\n      padding: 10px 70px 10px 10px;\n    }\n\n    &:focus {\n      outline: none !important;\n    }\n  }\n}\n\n.form-label-align-right {\n  label {\n    text-align: right;\n    padding-top: 17px;\n    font-weight: 500;\n  }\n}\n\n// Custom style\n\n.needs-validation {\n  &.was-validated {\n\n    .form-control,\n    .form-select {\n      &:valid {\n        border-color: $success-color;\n\n        ~.valid-feedback {\n          color: $success-color;\n        }\n      }\n\n      &:invalid {\n        border-color: $danger-color;\n\n        ~.invalid-feedback {\n          color: $danger-color;\n        }\n      }\n    }\n  }\n}\n\n.custom-input {\n  &.was-validated {\n\n    .form-control,\n    .form-select {\n      &:valid {\n        border-color: $success-color;\n      }\n\n      &:invalid {\n        border-color: $danger-color;\n      }\n    }\n  }\n\n  .valid-tooltip {\n    background-color: $success-color;\n  }\n\n  .invalid-tooltip {\n    background-color: rgba($danger-color, 0.8);\n  }\n\n  .invalid-feedback {\n    color: $danger-color !important;\n  }\n\n  .form-check {\n    .form-check-input {\n\n      &:valid {\n        border-color: $success-color;\n      }\n\n      &:invalid {\n        border-color: $danger-color;\n      }\n\n      &:invalid~.form-check-label {\n        color: $danger-color;\n      }\n\n      &:valid~.form-check-label {\n        color: $success-color;\n      }\n\n      &:checked {\n        background-color: $success-color;\n      }\n    }\n\n    .invalid-feedback {\n      color: $danger-color;\n    }\n  }\n\n  .form-check {\n    &.form-switch {\n      .form-check-input {\n        [dir=\"rtl\"] & {\n          margin-left: 7px;\n        }\n      }\n    }\n  }\n}\n\n// checkbox and radio\n.form-check-reverse {\n  display: flex;\n  flex-direction: row-reverse;\n  justify-content: flex-end;\n  padding: 0;\n\n  .form-check-input {\n    float: left;\n    margin-right: 0;\n    margin-left: 10px;\n  }\n}\n\n.checkbox-checked {\n  &.card-wrapper {\n    h6 {\n      &.sub-title {\n        font-weight: 500;\n      }\n\n    }\n  }\n\n  .form-check-input {\n    &:checked {\n      background-color: $primary-color;\n      border-color: $primary-color;\n    }\n\n    &:focus {\n      border-color: $primary-color;\n      box-shadow: 0 0 0 4px rgba($primary-color, 0.25);\n    }\n  }\n\n  .card-wrapper {\n    .form-check {\n      &:last-child {\n        min-height: 0;\n        margin-bottom: 0;\n\n        label {\n          margin-bottom: 0;\n        }\n      }\n    }\n  }\n}\n\n.form-check-size {\n  display: flex;\n  gap: 22px;\n  align-items: center;\n  flex-wrap: wrap;\n\n  .form-check-inline {\n    margin: 0;\n    min-height: 0;\n\n    [dir=\"rtl\"] & {\n      margin: 0;\n    }\n\n    .form-check-input {\n      @include pixelstrap-size(18px, 18px);\n      margin-top: 0;\n    }\n\n    .check-size {\n      @include pixelstrap-size(36px, 18px);\n      margin-top: 0;\n    }\n\n    label {\n      margin: 0;\n    }\n  }\n}\n\n// img checkbox\n.main-img-checkbox {\n  .img-checkbox {\n    position: relative;\n    @include pixelstrap-flex(flex, center, center);\n\n    .main-img-cover {\n      position: absolute;\n      top: 15px;\n      left: 15px;\n      @include pixelstrap-size(24px, 24px);\n\n      [dir=\"rtl\"] & {\n        left: unset;\n        right: 15px;\n      }\n    }\n\n    .form-check-label {\n      width: 100%;\n    }\n\n    img {\n      width: 100%;\n      height: 220px;\n      object-fit: cover;\n    }\n  }\n}\n\n// icons radio button\n.main-icon-checkbox {\n  &.checkbox {\n    label {\n      margin-top: 0;\n\n      &::before {\n        content: '';\n        @include pixelstrap-size(100%, 100%);\n        margin-left: 1px;\n        background-color: transparent;\n        top: 0;\n        display: block;\n\n        [dir=\"rtl\"] & {\n          margin-left: unset;\n          margin-right: 1px;\n        }\n      }\n    }\n\n  }\n\n  &.checkbox-primary {\n    input[type=checkbox]:checked {\n      +label::before {\n        color: transparent;\n        border: 2px solid $primary-color;\n      }\n    }\n\n    input[type=checkbox] {\n      opacity: 1;\n    }\n\n    .form-check-input {\n      border: 1px solid $gray-60;\n      opacity: 1 !important;\n      &.checkbox-shadow {\n        &:focus {\n          box-shadow: none;\n        }\n      }\n\n      &:checked[type=checkbox] {\n        background-image: none;\n      }\n    }\n  }\n}\n\n.main-radio-toggle,\n.main-checkbox-toggle {\n  .btn {\n    margin-bottom: 0;\n  }\n}\n\n.radio-wrapper,\n.checkbox-wrapper {\n  display: flex;\n  gap: calc(8px + (16 - 8) * ((100vw - 320px) / (1920 - 320)));\n  flex-wrap: wrap;\n  justify-content: center;\n\n  @media (max-width:1200px) {\n    justify-content: unset;\n  }\n\n  li {\n    position: relative;\n    width: 100%;\n    padding: 12px;\n    border: none;\n    text-align: center;\n    @include pixelstrap-flex(flex, center, center);\n    max-width: 130px;\n\n    @media (max-width:1335px) {\n      max-width: 113px;\n    }\n\n    @media (max-width:1232px) {\n      padding: 10px;\n      max-width: 105px;\n    }\n\n    .form-check-input {\n      position: absolute;\n      @include pixelstrap-size(100%, 100%);\n      float: none;\n      margin: 0;\n      top: 0;\n      left: 0;\n      opacity: 1;\n      border-radius: 0;\n      background-color: transparent;\n      border: 1px solid $gray-60;\n\n      &:focus {\n        box-shadow: none;\n      }\n\n      &[type=radio] {\n        opacity: 1;\n      }\n\n      &:checked {\n        border: 2px solid $primary-color;\n        background-color: transparent;\n\n        &[type=radio] {\n          background-image: none;\n          box-shadow: unset;\n        }\n      }\n    }\n\n    .form-check-label {\n      position: unset;\n      padding: 0;\n      margin-bottom: 0;\n\n      &:after {\n        content: none;\n      }\n\n      &::before {\n        content: none;\n      }\n\n      i {\n        font-size: 18px;\n        padding-right: 8px;\n\n        [dir=\"rtl\"] & {\n          padding-right: 0;\n          padding-left: 8px;\n        }\n      }\n\n      span {\n        font-size: 16px;\n      }\n    }\n  }\n}\n\n.rtl-input {\n  .form-check {\n    &.form-check-inline {\n      [dir=\"rtl\"] & {\n        padding: 0;\n      }\n    }\n\n    &.form-switch {\n      [dir=\"rtl\"] & {\n        padding-right: 40px;\n      }\n\n      .form-check-input {\n        [dir=\"rtl\"] & {\n          margin-left: unset;\n          margin-right: -40px;\n          float: right;\n        }\n      }\n    }\n  }\n}\n\n// Custom form\n.radio-form {\n  display: flex;\n  gap: 18px;\n  flex-wrap: wrap;\n\n  .form-check {\n    min-height: 0;\n    margin-bottom: 0;\n\n    .form-check-label {\n      margin-bottom: 0;\n    }\n  }\n}\n\n// default-form start\n.basic-form {\n  position: relative;\n\n  svg {\n    position: absolute;\n    top: 50%;\n    right: 12px;\n    transform: translateY(-50%);\n\n    [dir=\"rtl\"] & {\n      right: 0;\n      left: 12px;\n    }\n\n    &.stroke-icon {\n\n      width: 25px;\n      height: 25px;\n      stroke: $dark-color;\n      position: absolute;\n      top: 50%;\n      right: 12px;\n      transform: translateY(-50%);\n\n      [dir=\"rtl\"] & {\n        right: unset;\n        left: 12px;\n      }\n    }\n  }\n}\n\n.form-check {\n  margin-bottom: 0;\n\n  [class*=\"form-check-\"] {\n    cursor: pointer;\n  }\n}\n\n.theme-form {\n  .custom-input {\n    .row {\n      .col {\n        .row {\n          &:last-child {\n            label {\n              margin: 0;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  &.dark-inputs {\n    input::file-selector-button {\n      border-radius: 30px;\n    }\n  }\n\n  .form-floating {\n    >label {\n      [dir=\"rtl\"] & {\n        left: unset;\n        right: 0;\n      }\n    }\n  }\n}\n\n// Create Project\n.create-project-form {\n  .form-label {\n    color: var(--body-font-color);\n  }\n\n  input[type=\"date\" i]::-webkit-calendar-picker-indicator {\n    cursor: pointer;\n  }\n\n  .form-control,\n  .form-select {\n    border-color: var(--sidebar-border);\n    background-color: $form-input-bg-color;\n    font-size: $form-placeholder-font-size;\n    color: $form-placeholder-color;\n    padding: 12px 10px;\n    -webkit-box-shadow: none;\n    box-shadow: none;\n\n    &::-webkit-input-placeholder {\n      color: $form-placeholder-color;\n      font-size: $form-placeholder-font-size;\n      letter-spacing: $form-placeholder-letter-spacing;\n      font-weight: $form-placeholder-font-weight;\n    }\n  }\n\n  input[type=\"file\"] {\n    padding: 6px 12px;\n  }\n\n  .bootstrap-select {\n    width: 100% !important;\n\n    .dropdown-toggle {\n      width: 100%;\n      padding: 12px 10px;\n      background-color: unset !important;\n      border-radius: 6px;\n      border-color: var(--sidebar-border) !important;\n      color: $form-placeholder-color;\n\n      &:focus {\n        outline: unset !important;\n      }\n\n      &::after {\n        font-size: 15px;\n        color: $dark-color-light;\n      }\n\n      .filter-option {\n        white-space: initial;\n      }\n    }\n\n    .bs-searchbox {\n      .form-control {\n        padding: 6px 10px;\n      }\n    }\n  }\n\n  .was-validated {\n    .bootstrap-select {\n      select {\n        &:valid+.dropdown-toggle {\n          border-color: $success-color !important;\n        }\n      }\n    }\n  }\n}\n\n.animated-form {\n  form {\n    input.error {\n      border-color: $danger-color;\n      margin: 0;\n    }\n\n    input.success {\n      border-color: $success-color;\n    }\n\n    .animated {\n      -webkit-animation-fill-mode: both;\n      -moz-animation-fill-mode: both;\n      -ms-animation-fill-mode: both;\n      -o-animation-fill-mode: both;\n      animation-fill-mode: both;\n      -webkit-animation-duration: 1s;\n      -moz-animation-duration: 1s;\n      -ms-animation-duration: 1s;\n      -o-animation-duration: 1s;\n      animation-duration: 1s;\n    }\n\n    @-webkit-keyframes input-shake {\n\n      0%,\n      100% {\n        -webkit-transform: translateX(0);\n      }\n\n      10%,\n      30%,\n      50%,\n      70%,\n      90% {\n        -webkit-transform: translateX(-10px);\n      }\n\n      20%,\n      40%,\n      60%,\n      80% {\n        -webkit-transform: translateX(10px);\n      }\n    }\n\n    @-moz-keyframes input-shake {\n\n      0%,\n      100% {\n        -moz-transform: translateX(0);\n      }\n\n      10%,\n      30%,\n      50%,\n      70%,\n      90% {\n        -moz-transform: translateX(-10px);\n      }\n\n      20%,\n      40%,\n      60%,\n      80% {\n        -moz-transform: translateX(10px);\n      }\n    }\n\n    @-o-keyframes input-shake {\n\n      0%,\n      100% {\n        -o-transform: translateX(0);\n      }\n\n      10%,\n      30%,\n      50%,\n      70%,\n      90% {\n        -o-transform: translateX(-10px);\n      }\n\n      20%,\n      40%,\n      60%,\n      80% {\n        -o-transform: translateX(10px);\n      }\n    }\n\n    @keyframes input-shake {\n\n      0%,\n      100% {\n        transform: translateX(0);\n      }\n\n      10%,\n      30%,\n      50%,\n      70%,\n      90% {\n        transform: translateX(-10px);\n      }\n\n      20%,\n      40%,\n      60%,\n      80% {\n        transform: translateX(10px);\n      }\n    }\n\n    .input-shake {\n      -webkit-animation-name: input-shake;\n      -moz-animation-name: input-shake;\n      -o-animation-name: input-shake;\n      animation-name: input-shake;\n    }\n  }\n}\n\n/**=====================\n  2.17 Forms CSS Ends\n==========================**/","/**=====================\n\t2.18 Icons CSS Start\n==========================**/\n.icon-lists {\n\tdiv {\n\t\tcursor: pointer;\n\t\tline-height: 60px;\n\t\tborder-radius: 4px;\n\t\tdisplay: block;\n\t\t@include pixelstrap-ellipsis;\n\t\tmax-width: 100%;\n\n\n\t\t&:hover {\n\t\t\tbackground-color: var(--light-background);\n\t\t}\n\n\t\ti {\n\t\t\tmargin: 0 15px 0 10px;\n\t\t\tfont-size: 24px;\n\t\t\tvertical-align: middle;\n\t\t}\n\t}\n\n\t&.whether-icon {\n\t\tsvg {\n\t\t\theight: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));\n\t\t\twidth: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));\n\t\t}\n\t}\n\n\t&.feather-icons {\n\t\t.d-flex {\n\t\t\tsvg {\n\t\t\t\tmargin: 0 15px 0 10px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.feather-icon {\n\t\t.icon-first {\n\t\t\th6 {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.flag-icons,\n\t&.whether-icon {\n\t\tdiv {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\twhite-space: nowrap;\n\t\t\t-webkit-box-align: center;\n\t\t}\n\t}\n}\n\n.flag-icons,\n.feather-icons {\n\tmargin-block: -15px;\n\n\tdiv {\n\t\tline-height: 1;\n\t\tword-wrap: break-word;\n\t\toverflow: auto;\n\n\t\t.flag-icon {\n\t\t\t@include pixelstrap-size(50px, 50px);\n\t\t}\n\n\t\t.d-flex {\n\t\t\tpadding-block: 15px;\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t.flex-grow-1 {\n\t\t\th6 {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-weight: 400;\n\t\t\t\tmax-width: 100%;\n\t\t\t\t@include pixelstrap-ellipsis;\n\t\t\t}\n\n\t\t\th5 {\n\t\t\t\tbackground-color: $primary-color;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tpadding: 3px 5px;\n\t\t\t\tfont-size: 11px;\n\t\t\t\tborder-radius: 3px;\n\t\t\t\tmargin-bottom: 5px;\n\t\t\t\tmargin-right: 5px;\n\t\t\t\tcolor: $white;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.icon-hover-bottom {\n\tbackground-color: $light;\n\twidth: 100%;\n\tbottom: 0;\n\tleft: 0;\n\tbox-shadow: 0px 0px 1px 1px $light-color;\n\tz-index: 999;\n\n\t.icon-popup {\n\t\t@include pixelstrap-flex(flex, center, center);\n\t\twidth: 100%;\n\t\tpadding: 20px;\n\n\t\t.close-icon {\n\t\t\tposition: absolute;\n\t\t\tright: 10px;\n\t\t\ttop: 10px;\n\t\t\tfont-size: 20px;\n\t\t\tcolor: $gray-60;\n\t\t\tcursor: pointer;\n\n\t\t\t[dir=\"rtl\"] & {\n\t\t\t\tright: unset;\n\t\t\t\tleft: 10px;\n\t\t\t}\n\t\t}\n\n\n\t\t>div {\n\t\t\tdisplay: inline-block;\n\n\t\t\t.flag-icon {\n\t\t\t\t@include pixelstrap-size(60px, 60px);\n\t\t\t}\n\t\t}\n\n\t\t.icon-class {\n\t\t\tmargin: 0 20px;\n\t\t\tcursor: pointer;\n\t\t}\n\n\t\t.icon-last {\n\t\t\t.form-inline {\n\t\t\t\t.form-group {\n\t\t\t\t\tdisplay: initial;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.icon-title {\n\t\tdisplay: block;\n\t\tcolor: $dark-color;\n\t\ttext-transform: uppercase;\n\t\tfont-weight: 500;\n\t}\n\n\tspan,\n\tlabel,\n\t.btn {\n\t\tfont-family: $font-manrope, $font-serif;\n\t}\n\n\t.form-group {\n\t\tinput {\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 300px;\n\t\t\tbackground-color: $white;\n\t\t\tfont-family: $font-manrope, $font-serif;\n\t\t}\n\t}\n}\n\n.fa-fa-icon-show-div,\n.icons-show-div {\n\tdisplay: none;\n}\n\n.icon-first {\n\ti {\n\t\tcolor: $dark-gray;\n\t}\n\n\th6 {\n\t\tdisplay: none;\n\t}\n}\n\n/**=====================\n    2.18 Icons CSS Ends\n==========================**/","/**=====================\n   2.19 List CSS Start\n==========================**/\n.list-group-item.active {\n\tbackground-color: var(--theme-default);\n\tborder-color: var(--theme-default);\n}\n\n.list-group {\n\ti {\n\t\tmargin-right: $list-group-margin;\n\t}\n\n\timg {\n\t\t@include pixelstrap-size(40px, 40px);\n\t\tmargin-right: $list-group-margin;\n\t}\n}\n\n$list-name: primary,\n\tsecondary,\n\tsuccess,\n\twarning,\n\tinfo,\n\tlight,\n\tdanger,\n\tdark;\n\n$list-light-color: $primary-color,\n\t$secondary-color,\n\t$success-color,\n\t$warning-color,\n\t$info-color,\n\t$light-color,\n\t$danger-color,\n\t$dark-color;\n\n@each $var in $list-name {\n\t$i: index($list-name, $var);\n\n\t.list-light-#{$var} {\n\t\tbackground-color: rgba(nth($list-light-color, $i), 0.1);\n\n\t\t&:hover,\n\t\t&:active,\n\t\t&:focus {\n\t\t\tbackground-color: rgba(nth($list-light-color, $i), 0.1) !important;\n\t\t}\n\t}\n\n\t.list-hover-#{$var} {\n\t\tbackground-color: unset;\n\n\t\t&:hover,\n\t\t&:active,\n\t\t&.active,\n\t\t&:focus {\n\t\t\tbackground-color: rgba(nth($list-light-color, $i), 0.1);\n\t\t\tcolor: $dark-color;\n\t\t\tz-index: 0;\n\t\t}\n\t}\n}\n\n.horizontal-list-wrapper {\n\t.list-group {\n\t\t.list-group-item {\n\t\t\tpadding: 8px;\n\n\t\t}\n\t}\n}\n\n.list-wrapper {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 12px;\n\tflex-wrap: wrap;\n\n\t@media (max-width: 414px) {\n\t\tflex-wrap: unset;\n\t\tword-break: break-word;\n\t}\n\n\t@media (max-width: 366px) {\n\t\tpadding-bottom: 8px;\n\t}\n\n\t.list-img {\n\t\twidth: calc(40px + (55 - 40) * ((100vw - 320px) / (1920 - 320)));\n\t\theight: calc(40px + (55 - 40) * ((100vw - 320px) / (1920 - 320)));\n\t\tmargin-bottom: 10px;\n\t\tborder-radius: 50%;\n\t}\n\n\t.list-content {\n\t\tp {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n}\n\n.scrollbar-wrapper {\n\tmax-height: 270px;\n\toverflow: auto;\n\n\t.list-group-item {\n\t\t&.active {\n\t\t\t.list-content {\n\n\t\t\t\th6,\n\t\t\t\tp,\n\t\t\t\tsmall {\n\t\t\t\t\tcolor: var(--body-font-color);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.main-lists-content {\n\t.list-group-item {\n\t\t&.active {\n\n\t\t\th6,\n\t\t\tp {\n\t\t\t\tcolor: $white;\n\t\t\t}\n\t\t}\n\t}\n\n\n\tsmall {\n\t\t@media (max-width: 480px) {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n}\n\n.list-behavior-1 {\n\t@media (max-width: 1199px) {\n\t\tgap: 12px;\n\t}\n\n\t@media (max-width:575px) {\n\t\t&:first-child {\n\t\t\tmargin-bottom: 14px;\n\t\t}\n\t}\n\n\timg {\n\t\t@media (max-width:1999px) {\n\t\t\theight: 86px;\n\t\t}\n\n\t\t@media (max-width:992px) {\n\t\t\theight: 64px;\n\t\t}\n\t}\n\n\t.flex-grow-1 {\n\t\tmargin-left: 16px;\n\n\t\t@media (max-width:1199px) {\n\t\t\tmargin-left: 0;\n\n\t\t\tp {\n\t\t\t\tdisplay: block;\n\t\t\t\tdisplay: -webkit-box;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tmargin: 0 auto;\n\t\t\t\t-webkit-line-clamp: 3;\n\t\t\t\t-webkit-box-orient: vertical;\n\t\t\t\toverflow: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t}\n\t\t}\n\n\t\t[dir=\"rtl\"] & {\n\t\t\tmargin-right: 16px;\n\t\t\tmargin-left: unset;\n\t\t}\n\t}\n}\n\n.list-behaviors {\n\t>div:nth-child(even) {\n\t\t.flex-grow-1 {\n\t\t\torder: -1;\n\t\t\tmargin-left: unset;\n\t\t\tmargin-right: 16px;\n\n\t\t\t@media (max-width:1199px) {\n\t\t\t\tmargin-left: 0;\n\t\t\t\tmargin-right: 0;\n\t\t\t\torder: unset;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.list-group {\n\t.list-group-item {\n\t\tpadding: 11px 16px;\n\n\t\t.form-check-input {\n\t\t\t&:focus {\n\t\t\t\tbox-shadow: unset !important;\n\t\t\t}\n\t\t}\n\n\t\ti {\n\t\t\t[dir=\"rtl\"] & {\n\t\t\t\tmargin-left: 10px;\n\t\t\t\tmargin-right: unset;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.contact-profile {\n\t@media (max-width:1216px) {\n\t\tbackground-color: unset;\n\n\t\t&.list-light-dark {\n\t\t\t&:hover {\n\t\t\t\tbackground-color: unset;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.badge-list {\n\t.list-group-item {\n\t\t@include pixelstrap-flex(flex, space-between, flex-start);\n\t\tflex-wrap: wrap;\n\n\t\tdiv {\n\t\t\tmargin-right: auto;\n\t\t\tmargin-left: 8px;\n\n\t\t\t[dir=\"rtl\"] & {\n\t\t\t\tmargin-left: auto;\n\t\t\t\tmargin-right: 8px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.list-group-flush {\n\tli {\n\t\tborder-bottom-width: 1px;\n\t\tborder-inline: unset;\n\n\t\t&:first-child {\n\t\t\tborder-top: 0;\n\t\t\tpadding-top: 0;\n\t\t}\n\n\t\t&:last-child {\n\t\t\tpadding-bottom: 0;\n\t\t}\n\n\t\ti {\n\t\t\tfont-size: 16px;\n\t\t}\n\t}\n}\n\n/**=====================\n   2.19 List CSS Ends\n==========================**/","/**=====================\n    2.20 Loader CSS Start\n==========================**/\n.loader-wrapper{  \n  position: fixed;\n  z-index: 999999;\n  background: $white;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  .theme-loader{\n    height: 100vh;\n    width: 100%;\n    position: fixed;\n    top: 0;\n    left: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    .circle {\n      fill: none;\n      stroke-width: 4;\n      animation: rotate 2s linear infinite;\n      &.outer {\n        stroke: var(--theme-default);\n        stroke-dasharray: 314;\n        stroke-dashoffset: 314;\n        animation: dash 2s ease-in-out infinite;\n      }\n  \n      &.inner {\n        stroke: var(--theme-default);\n        stroke-dasharray: 157;\n        stroke-dashoffset: 157;\n        animation: dash 2s ease-in-out infinite reverse;\n        opacity: 0.6;\n      }\n      &.dots {\n        fill: var(--theme-default);\n        animation: pulse 2s ease-in-out infinite;\n      }\n    }\n  }\n}\n@keyframes rotate {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes dash {\n  0% {\n    stroke-dashoffset: 314;\n  }\n  50% {\n    stroke-dashoffset: 0;\n  }\n  100% {\n    stroke-dashoffset: -314;\n  }\n}\n\n@keyframes pulse {\n  0%, 100% {\n    opacity: 0.2;\n  }\n  50% {\n    opacity: 1;\n  }\n}\n@keyframes spinner{\n  100%{\n    transform: rotateZ(360deg);\n  }\n}\n/**=====================\n    2.20 Loader CSS Ends\n==========================**/","/**=====================\n    2.21 Modal CSS start\n==========================**/\n\n.modal-toggle-wrapper {\n    .form-control {\n        &::placeholder {\n            font-size: 13px;\n        }\n    }\n\n    .modal-img {\n        display: flex;\n        justify-content: center;\n\n        img {\n            @include pixelstrap-size(200px, 200px);\n\n            @media (max-width:992px) {\n                width: calc(136px + (200 - 136) * ((100vw - 320px) / (992 - 320)));\n                height: calc(136px + (200 - 136) * ((100vw - 320px) / (992 - 320)));\n            }\n        }\n\n        li {\n            img {\n                @include pixelstrap-size(100px, 100px);\n\n                @media (max-width:992px) {\n                    width: calc(75px + (100 - 75) * ((100vw - 320px) / (992 - 320)));\n                    height: calc(75px + (100 - 75) * ((100vw - 320px) / (992 - 320)));\n                }\n            }\n        }\n\n        li+li {\n            margin-left: -39px;\n\n            [dir=\"rtl\"] & {\n                margin-left: unset;\n                margin-right: -39px;\n            }\n        }\n    }\n\n    button {\n        svg {\n            @include pixelstrap-size(16px, 16px);\n        }\n    }\n}\n\n.grid-space {\n    display: block;\n    text-align: center;\n    padding: 12px;\n    margin-bottom: 12px;\n    font-weight: 500;\n}\n\n.large-modal-header,\n.large-modal-body {\n    display: flex;\n    align-items: center;\n    color: $dark-color;\n\n    svg {\n        @include pixelstrap-size(20px, 20px);\n\n        [dir=\"rtl\"] & {\n            transform: scaleX(-1);\n        }\n    }\n}\n.balance-item {\n    display: flex;\n    gap: 10px;\n    .balance-icon-wrap {\n        width: 40px;\n        min-width: 40px;\n        height: 40px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 10px;\n        @media (max-width: 1660px) {\n            width: 25px;\n            min-width: 25px;\n            height: 25px;\n            border-radius: 8px;\n        }\n        .balance-icon {\n            width: 16px;\n            height: 16px;\n            border-radius: 100%;\n            @media (max-width: 1660px) {\n                width: 14px;\n                height: 14px;\n            }\n            svg {\n                color: $white;\n                width: 14px;\n                height: 14px;\n                @media (max-width: 1660px) {\n                    width: 12px;\n                    height: 12px;\n                    vertical-align: text-top;\n                }\n            }\n        }\n    }\n    .badge {\n        padding: 8px 10px;\n    }\n    &.danger {\n        .balance-icon-wrap {\n            background-color: rgba($danger-color, 0.1);\n            .balance-icon {\n                background-color: $danger-color;\n            }\n        }\n    }\n    &.success {\n        .balance-icon-wrap {\n            background-color: rgba($success-color, 0.1);\n            .balance-icon {\n                background-color: $success-color;\n            }\n        }\n    }\n}\n.balance-box {\n    text-align: center;\n    background-image: var(--balance-profie-bg);\n    background-position: right;\n    background-size: cover;\n    .balance-img {\n        display: inline-block;\n        padding: 5px;\n        border: 2px solid var(--chart-border);\n        border-left-color: $success-color;\n        border-bottom-color: $success-color;\n        border-radius: 100%;\n        position: relative;\n        margin-bottom: 15px;\n        img {\n            background-color: var(--balance-profie-bg);\n            border-radius: 100%;\n        }\n        .edit-icon {\n            width: 26px;\n            height: 26px;\n            position: absolute;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border: 2px solid var(--white);\n            background-color: #DFDFF4;\n            right: 0;\n            bottom: 0;\n            border-radius: 100%;\n            svg {\n                width: 11px;\n                height: 11px;\n                fill: $primary-color;\n            }\n        }\n    }\n}\n.balance-profile {\n    ul {\n        display: flex;\n        justify-content: center;\n        gap: 50px;\n        margin-top: 16px;\n        @media (max-width: 1660px) {\n            gap: 25px;\n        }\n        li {\n            position: relative;\n            +li {\n                &::before {\n                    position: absolute;\n                    content: '';\n                    left: -25px;\n                    top: 50%;\n                    height: 40px;\n                    transform: translateY(-50%);\n                    border: 1px solid var(--recent-dashed-border);\n                    [dir=\"rtl\"] & {\n                        left: unset;\n                        right: -25px;\n                    }\n                    @media (max-width: 1660px) {\n                        left: -16px;\n                        [dir=\"rtl\"] & {\n                            right: -16px;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n.modal-padding-space {\n    padding-left: 20px;\n}\n\n.svg-modal {\n    @include pixelstrap-size(15px, 15px);\n    stroke: $secondary-color;\n    vertical-align: middle;\n\n    [dir=\"rtl\"] & {\n        transform: scaleX(-1);\n    }\n}\n\n.card-wrapper {\n    .modal-heading {\n        h5 {\n            font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1400 - 320)));\n        }\n    }\n\n    .balance-modal {\n        @media (min-width:750px) and (max-width:1200px) {\n            display: flex;\n            flex-direction: column;\n        }\n    }\n}\n\n.modal-footer {\n    .btn {\n        margin: 0 4px;\n    }\n}\n\n.modal-content {\n    .modal-header {\n        .btn-close {\n            &:focus {\n                box-shadow: unset;\n            }\n        }\n    }\n}\n\n.modal-details {\n    h6 {\n        padding-bottom: 12px;\n    }\n\n    .web-content {\n        margin-bottom: 16px;\n\n        .d-flex {\n            p {\n                padding-bottom: 8px;\n            }\n\n            &:last-child {\n                p {\n                    padding-bottom: 0;\n                }\n            }\n\n        }\n\n        &:last-child {\n            margin-bottom: 0;\n        }\n    }\n}\n\n.modal {\n    .modal-body {\n        .card {\n            box-shadow: none !important;\n        }\n    }\n}\n\n.modal-dialog {\n    .modal-content {\n        .modal-body {\n            p {\n                a {\n                    margin-right: 0;\n                }\n            }\n        }\n    }\n}\n\n// rangeslider\n.irs-from,\n.irs-to,\n.irs-single {\n    background: var(--theme-default);\n\n    &:after {\n        border-top-color: var(--theme-default);\n    }\n}\n\n.irs-line-mid,\n.irs-line-left,\n.irs-line-right,\n.irs-bar,\n.irs-bar-edge {\n    background-color: var(--theme-default);\n}\n\n// sweetalert css\n.swal-button {\n    background-color: var(--theme-default);\n\n    &:active {\n        background-color: darken($primary-color, 5%);\n    }\n}\n\n.swal-button--cancel {\n    background-color: #EFEFEE !important;\n}\n\n.clipboaard-container {\n    h6 {\n        line-height: 1.6;\n        font-size: $paragraph-font-size;\n    }\n}\n\nfieldset {\n\n    .bootstrap-touchspin-postfix,\n    .bootstrap-touchspin-prefix {\n        border-radius: 0;\n        padding: .4rem .75rem;\n    }\n\n    .input-group-lg {\n        .touchspin {\n            height: 50px;\n        }\n    }\n}\n\n.f1 .f1-steps .f1-step .f1-step-icon {\n    padding: 12px;\n}\n\n.form-inline .form-group {\n    display: flex;\n}\n\n.input-group-text {\n    i {\n        line-height: 1.5;\n    }\n}\n\n// animated modal css\n.animated-modal {\n    .form-select {\n        display: inline-block;\n        width: auto;\n        vertical-align: middle;\n    }\n}\n\n.card-wrapper {\n    padding: 14px;\n\n    dl {\n        dt {\n            font-weight: 500;\n        }\n    }\n}\n\n.custom-alert {\n    .card-wrapper {\n        .Paris-demo-img {\n            .dot-group {\n                display: flex;\n                gap: calc(3px + (6 - 3) * ((100vw - 320px) / (1920 - 320)));\n                padding: 15px 10px 0;\n\n                li {\n                    width: calc(6px + (8 - 6) * ((100vw - 320px) / (1920 - 320)));\n                    height: calc(6px + (8 - 6) * ((100vw - 320px) / (1920 - 320)));\n                    background-color: var(--f-lighter);\n                    border-radius: 100%;\n                    opacity: 0.6;\n                }\n            }\n        }\n    }\n}\n\n// Animated Modal\n.custom-col-2 {\n    @media (max-width:768px) and (min-width:709px) {\n        width: 9.333333%;\n        flex: 0 0 auto;\n    }\n\n    @media (max-width:708px) and (min-width:582px) {\n        width: 10.333333%;\n        flex: 0 0 auto;\n    }\n\n    @media (max-width:581px) and (min-width:575px) {\n        width: 11.333333%;\n        flex: 0 0 auto;\n    }\n\n    @media (max-width:574px) and (min-width:481px) {\n        width: 12.333333%;\n        flex: 0 0 auto;\n    }\n\n    @media (max-width:480px) and (min-width:410px) {\n        width: 14.333333%;\n        flex: 0 0 auto;\n    }\n\n    @media (max-width:409px) and (min-width:364px) {\n        width: 16.333333%;\n        flex: 0 0 auto;\n    }\n\n    @media (max-width:363px) {\n        width: 100%;\n        flex: 0 0 auto;\n    }\n}\n\n/**=====================\n    2.21 Modal CSS end\n==========================**/","/**=====================\n  2.22 Popover CSS Start\n==========================**/\n// popover\n.popover {\n  background-color: $white;\n  border: none;\n  -webkit-box-shadow: 0 0 20px rgba($primary-color, 0.1);\n  box-shadow: 0 0 20px rgba($primary-color, 0.1);\n\n  .popover-header {\n    background-color: #e3e3e3;\n    color: $primary-color;\n    border-bottom: none;\n  }\n\n  .popover-body {\n    color: rgba(43, 43, 43, 0.7);\n  }\n}\n\n.popover-main {\n  .btn-showcase {\n    a {\n      color: $white;\n    }\n\n    button {\n      &:last-child {\n        margin-right: 0;\n      }\n    }\n  }\n}\n\n.svg-tooltip {\n  .common-flex {\n    >div {\n      width: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));\n      height: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));\n      @include pixelstrap-flex(flex, center, center);\n      border-radius: 10px;\n      border: 1px solid;\n\n      i {\n        font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));\n      }\n\n      &:hover {\n        i {\n          stroke: var(--white) !important;\n        }\n      }\n    }\n\n    svg {\n      width: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));\n      height: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));\n    }\n  }\n}\n\n/**=====================\n  2.22 Popover CSS Ends\n==========================**/","/**=====================\n  2.23 Print CSS Start\n==========================**/\n@media print {\n\n  .sidebar-wrapper,\n  .page-header {\n    display: none;\n  }\n\n  .page-body {\n    margin: 0 !important;\n  }\n\n  .customizer-links {\n    display: none !important;\n  }\n\n  .page-wrapper {\n    .page-title {\n      visibility: hidden;\n    }\n\n    .page-body-wrapper {\n      .page-title {\n        display: none;\n      }\n    }\n\n    &.compact-wrapper {\n      .page-body-wrapper {\n        .page-body {\n          margin: 0;\n        }\n      }\n    }\n  }\n\n  table.fixedHeader-floating {\n    display: none;\n  }\n\n  // Invoice-1\n  .main-invoice-1 {\n    .table-wrapper {\n      width: 100%;\n\n      .print-btn {\n        span {\n          display: none;\n        }\n      }\n    }\n\n    .banner-image {\n      width: 100%;\n    }\n\n  }\n\n  // Tasks\n  .main-tasks {\n    .email-body {\n      .tab-content {\n        .card-header {\n          a {\n            display: none;\n          }\n        }\n      }\n    }\n  }\n\n  // letter-box\n  .mail-body-wrapper {\n    margin-top: 20px;\n\n    .user-mail-wrapper {\n      width: 100%;\n\n      .send-btn {\n        display: none;\n      }\n    }\n  }\n\n  .email-left-aside {\n    display: none;\n  }\n\n  .footer {\n    display: none;\n  }\n\n  .print-btn {\n    display: none;\n  }\n}\n\n/**=====================\n  2.23 Print CSS Ends\n==========================**/","/**=====================\n    2.24 Radio CSS Start\n==========================**/\n.animate-chk {\n    label {\n        line-height: 1.6;\n        cursor: pointer;\n\n        &:last-child {\n            margin-bottom: 0;\n        }\n    }\n}\n\n.checkbox_animated {\n    cursor: pointer;\n    position: relative;\n    margin: 0 1rem 0 0;\n\n    &:before {\n        transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);\n        transform: rotate(-45deg) scale(0, 0);\n        content: \"\";\n        position: absolute;\n        left: 0.25rem;\n        top: 0.225rem;\n        z-index: 1;\n        width: 0.75rem;\n        height: 0.375rem;\n        border: 2px solid var(--theme-default);\n        border-top-style: none;\n        border-right-style: none;\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        top: -0.125rem;\n        left: 0;\n        width: 1.3rem;\n        height: 1.3rem;\n        background: $white;\n        border: 2px solid $light-gray;\n        cursor: pointer;\n    }\n\n    &:checked:before {\n        transform: rotate(-45deg) scale(1, 1);\n    }\n}\n\n.radio_animated {\n    position: relative;\n    margin: 0 1rem 0 0;\n    cursor: pointer;\n\n    &:before {\n        transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);\n        transform: scale(0, 0);\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0.125rem;\n        z-index: 1;\n        width: 0.75rem;\n        height: 0.75rem;\n        background: var(--theme-default);\n        border-radius: 50%;\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        top: -0.25rem;\n        left: -0.125rem;\n        width: 1.25rem;\n        height: 1.25rem;\n        background: $white;\n        border: 2px solid $light-gray;\n        border-radius: 50%;\n    }\n\n    &:checked:before {\n        transform: scale(1, 1);\n    }\n}\n\n.checkbox {\n    label {\n        display: inline-block;\n        position: relative;\n        padding-left: 16px;\n        cursor: pointer;\n        margin-top: 10px;\n        margin-bottom: 10px;\n\n        &::before {\n            content: \"\";\n            display: inline-block;\n            position: absolute;\n            width: 19px;\n            height: 19px;\n            left: 0;\n            margin-left: -16px;\n            border: 1px solid $light-semi-gray;\n            border-radius: 3px;\n            background-color: $white;\n            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;\n            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;\n            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;\n        }\n\n        &::after {\n            display: inline-block;\n            position: absolute;\n            @include pixelstrap-size(16px, 16px);\n            left: 0;\n            top: 0;\n            margin-left: -20px;\n            padding-left: 3px;\n            padding-top: 1px;\n            font-size: 11px;\n            color: $theme-font-color;\n        }\n    }\n\n    input[type=\"checkbox\"] {\n        opacity: 0 !important;\n\n        &:focus {\n            outline-offset: -2px;\n\n            &+label {\n                &::before {\n                    outline-offset: -2px;\n                }\n            }\n        }\n    }\n\n    input[type=\"checkbox\"] {\n        &:checked {\n            &+label {\n                &::before {\n                    font-family: $font-themify;\n                    content: \"\\e64c\";\n                    text-align: center;\n                    line-height: 1.2;\n                }\n            }\n        }\n\n        &:disabled {\n            &+label {\n                opacity: 0.65;\n\n                &::before {\n                    background-color: $light-color;\n                    cursor: not-allowed;\n                }\n            }\n        }\n    }\n\n    .checkbox-circle {\n        label {\n            &::before {\n                border-radius: 50%;\n            }\n        }\n    }\n\n    .checkbox-inline {\n        margin-top: 0;\n    }\n}\n\n.m-squar {\n    label {\n        &::before {\n            border-radius: 0;\n        }\n    }\n\n    .checkbox-circle {\n        label {\n            &::before {\n                border-radius: 50%;\n            }\n        }\n    }\n\n    .checkbox-inline {\n        margin-top: 0;\n    }\n}\n\n@each $btn-name,\n$btn-color in (primary, var(--theme-default)),\n(secondary, $secondary-color),\n(success, $success-color),\n(danger, $danger-color),\n(info, $info-color),\n(light, $light-color),\n(dark, $dark-color),\n(warning, $warning-color) {\n    .checkbox-#{$btn-name} {\n        label {\n            &::before {\n                border-color: $btn-color;\n            }\n        }\n\n        input[type=\"checkbox\"] {\n            &:checked {\n                &+label {\n                    &::before {\n                        border-color: $btn-color;\n                        color: $btn-color;\n                    }\n\n                    &::after {\n                        color: $white;\n                    }\n                }\n            }\n        }\n    }\n\n    .checkbox-solid-#{$btn-name} {\n        label {\n            &:before {\n                background-color: $btn-color;\n                border-color: $btn-color;\n                color: $white;\n            }\n        }\n\n        input[type=\"checkbox\"] {\n            &:checked {\n                &+label {\n                    &::before {\n                        background-color: $btn-color;\n                        border-color: $btn-color;\n                        color: $white;\n                    }\n\n                    &::after {\n                        color: $white;\n                    }\n                }\n            }\n        }\n    }\n\n    .radio-#{$btn-name} {\n        input[type=\"radio\"] {\n            &+label {\n                &::before {\n                    border-color: $btn-color;\n                }\n\n                &::after {\n                    background-color: $btn-color;\n                }\n            }\n\n            &:checked {\n                &+label {\n                    &::before {\n                        border-color: $btn-color;\n                    }\n\n                    &::after {\n                        background-color: $btn-color;\n                    }\n                }\n            }\n        }\n    }\n}\n\n.m-checkbox-inline {\n    .checkbox {\n        display: inline-block;\n    }\n\n    .radio {\n        display: inline-block;\n    }\n\n    label {\n        margin-right: 20px;\n    }\n}\n\n.radio {\n    label {\n        display: inline-block;\n        position: relative;\n        padding-left: 5px;\n        cursor: pointer;\n\n        &::before {\n            content: \"\";\n            display: inline-block;\n            position: absolute;\n            width: 19px;\n            height: 19px;\n            left: 0;\n            margin-left: -20px;\n            border: 1px solid $light-semi-gray;\n            border-radius: 50%;\n            background-color: $white;\n            -webkit-transition: border 0.15s ease-in-out;\n            -o-transition: border 0.15s ease-in-out;\n            transition: border 0.15s ease-in-out;\n        }\n\n        &::after {\n            display: inline-block;\n            position: absolute;\n            content: \" \";\n            @include pixelstrap-size(9px, 9px);\n            left: 5px;\n            top: 5px;\n            margin-left: -20px;\n            border-radius: 50%;\n            background-color: $dark-gray;\n            -webkit-transform: scale(0, 0);\n            -ms-transform: scale(0, 0);\n            -o-transform: scale(0, 0);\n            transform: scale(0, 0);\n            -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);\n            -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);\n            -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);\n            transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);\n        }\n    }\n\n    input[type=\"radio\"] {\n        opacity: 0;\n\n        &:focus {\n            &+label {\n                &::before {\n                    outline-offset: -2px;\n                }\n            }\n        }\n\n        &:checked {\n            &+label {\n                &::after {\n                    -webkit-transform: scale(1, 1);\n                    -ms-transform: scale(1, 1);\n                    -o-transform: scale(1, 1);\n                    transform: scale(1, 1);\n                }\n            }\n        }\n\n        &:disabled {\n            &+label {\n                opacity: 0.65;\n\n                &::before {\n                    cursor: not-allowed;\n                }\n            }\n        }\n    }\n\n    .radio-inline {\n        margin-top: 0;\n    }\n}\n\n.form-check-input[type='checkbox'] {\n    &:indeterminate {\n        background-color: var(--theme-default);\n        border-color: var(--theme-default);\n    }\n}\n\n.card-wrapper {\n    .btn-radio {\n        .btn-group {\n            [class*=\"button-light-\"] {\n                label {\n                    &::before {\n                        top: 1px;\n                    }\n\n                    &::after {\n                        top: 6px;\n                    }\n                }\n            }\n        }\n    }\n}\n\n/**=====================\n    2.24 Radio CSS Ends\n==========================**/","/**=====================\n  2.25 Ribbon CSS Start\n==========================**/\n[class*=\"ribbon-wrapper\"] {\n  position: relative;\n  padding: 58px 18px 28px 18px;\n}\n\n.ribbon {\n  padding: 0 20px;\n  height: 30px;\n  line-height: 30px;\n  clear: left;\n  position: absolute;\n  top: 12px;\n  left: 0px;\n  color: $white;\n  z-index: 2;\n}\n\n.ribbon-clip {\n  left: -14px;\n\n  &:before {\n    position: absolute;\n    top: 30px;\n    left: 0;\n    @include pixelstrap-size(0px, 0px);\n    content: \"\";\n    border: 7px solid transparent;\n    border-top-color: $dark-color;\n    border-right-color: $dark-color;\n  }\n}\n\n.ribbon-vertical-left-wrapper {\n  padding-left: 40px;\n  position: relative;\n}\n\n.ribbon-vertical-right-wrapper {\n  padding-right: 40px;\n}\n\n.ribbon-wrapper-bottom {\n  padding-bottom: 40px;\n  padding-top: 0;\n}\n\n.ribbon-wrapper-right-bottom {\n  padding-right: 40px;\n}\n\n.ribbon-space-bottom {\n  top: 0px;\n}\n\n.ribbon-bookmark {\n  &:before {\n    position: absolute;\n    top: 0;\n    left: 100%;\n    display: block;\n    @include pixelstrap-size(0px, 0px);\n    content: '';\n    border: 15px solid $dark-color;\n    border-right: 10px solid transparent;\n  }\n}\n\n.ribbon-right {\n  left: auto;\n  right: -2px;\n}\n\n.ribbon-clip-right {\n  right: -14px;\n\n  &:before {\n    position: absolute;\n    top: 30px;\n    right: 0;\n    @include pixelstrap-size(0px, 0px);\n    content: \"\";\n    border: 7px solid transparent;\n    border-top-color: $dark-color;\n    border-right-color: $dark-color;\n  }\n}\n\n.ribbon-clip-bottom {\n  left: -14px;\n  bottom: 12px;\n  top: auto;\n\n  &:before {\n    position: absolute;\n    bottom: 30px;\n    left: 0;\n    @include pixelstrap-size(0px, 0px);\n    content: \"\";\n    border: 7px solid transparent;\n    border-top-color: $dark-color;\n    border-right-color: $dark-color;\n  }\n}\n\n.ribbon-clip-bottom-right {\n  right: -14px;\n  left: auto;\n  bottom: 12px;\n  top: auto;\n\n  &:before {\n    position: absolute;\n    bottom: 30px;\n    right: 0;\n    @include pixelstrap-size(0px, 0px);\n    content: \"\";\n    border: 7px solid transparent;\n    border-top-color: $dark-color;\n    border-right-color: $dark-color;\n  }\n}\n\n.ribbon-bookmark.ribbon-right:before {\n  right: 100%;\n  left: auto;\n  border-right: 15px solid $dark-color;\n  border-left: 10px solid transparent;\n}\n\n.ribbon-vertical-left {\n  clear: none;\n  padding: 0 5px;\n  @include pixelstrap-size(30px, 70px);\n  line-height: 70px;\n  text-align: center;\n  left: 12px;\n  top: -2px;\n}\n\n.ribbon-vertical-right {\n  clear: none;\n  padding: 0 5px;\n  @include pixelstrap-size(30px, 70px);\n  line-height: 70px;\n  text-align: center;\n  top: -2px;\n  left: auto;\n  right: 20px;\n\n  [dir=\"rtl\"] & {\n    left: auto !important;\n    right: 20px !important;\n  }\n}\n\n.ribbon-bookmark {\n\n  &.ribbon-vertical-left:before,\n  &.ribbon-vertical-right:before {\n    top: 100%;\n    left: 0;\n    margin-top: -14px;\n    border-right: 15px solid $dark-color;\n    border-bottom: 10px solid transparent;\n  }\n}\n\n@each $ribbon-name,\n$ribbon-color in (primary, $primary-color),\n(secondary, $secondary-color),\n(success, $success-color),\n(danger, $danger-color),\n(info, $info-color),\n(light, $light-color),\n(dark, $dark-color),\n(warning, $warning-color) {\n  .ribbon-#{$ribbon-name} {\n    background: $ribbon-color;\n  }\n\n  .ribbon-#{$ribbon-name} {\n    background: $ribbon-color;\n  }\n\n  .ribbon-bookmark {\n    &.ribbon-#{$ribbon-name}:before {\n      border-color: $ribbon-color;\n      border-right-color: transparent;\n    }\n\n    &.ribbon-right.ribbon-#{$ribbon-name}:before {\n      border-right-color: $ribbon-color;\n      border-left-color: transparent;\n    }\n\n    &.ribbon-vertical-left.ribbon-#{$ribbon-name}:before,\n    &.ribbon-vertical-right.ribbon-#{$ribbon-name}:before {\n      border-right-color: $ribbon-color;\n      border-bottom-color: transparent;\n    }\n  }\n\n  .ribbon-#{$ribbon-name}.ribbon-corner {\n    &:before {\n      border-top-color: $ribbon-color;\n      border-left-color: $ribbon-color;\n    }\n\n    &.ribbon-right:before {\n      border-right-color: $ribbon-color;\n      border-left-color: transparent;\n    }\n\n    &.ribbon-bottom:before {\n      border-top-color: transparent;\n      border-bottom-color: $ribbon-color;\n    }\n  }\n\n  .ribbon-#{$ribbon-name}.ribbon-clip {\n    &:before {\n      border-color: transparent;\n      border-top-color: darken($ribbon-color, 10%);\n      border-right-color: darken($ribbon-color, 10%);\n    }\n  }\n\n  .ribbon-#{$ribbon-name}.ribbon-clip-right {\n    &:before {\n      border-right-color: transparent;\n      border-top-color: darken($ribbon-color, 10%);\n      border-left-color: darken($ribbon-color, 10%);\n    }\n  }\n\n  .ribbon-#{$ribbon-name}.ribbon-clip-bottom {\n    &:before {\n      border-top-color: transparent;\n      border-bottom-color: darken($ribbon-color, 10%);\n      border-right-color: darken($ribbon-color, 10%);\n    }\n  }\n\n  .ribbon-#{$ribbon-name}.ribbon-clip-bottom-right {\n    &:before {\n      border-top-color: transparent;\n      border-bottom-color: darken($ribbon-color, 10%);\n      border-right-color: transparent;\n      border-left-color: darken($ribbon-color, 10%);\n    }\n  }\n}\n\n.vertical-lp-space {\n  padding: 58px 28px 28px 50px;\n}\n\n.vertical-rp-space {\n  padding: 58px 50px 28px 28px;\n}\n\n.clip-bp-space {\n  padding: 28px 18px 58px 18px;\n}\n\n.ribbon-wrapper {\n  transform: translate(20deg);\n}\n\n//  animation ribbons \n.animated-ribbon {\n  position: relative;\n\n  .box {\n    left: 50%;\n    top: 50%;\n    width: 100%;\n    transform: translate(-50%, 50%);\n    perspective: 50px;\n    box-shadow: 0 0 4px rgba(0, 0, 0, .1);\n    position: relative;\n\n    .ribbon {\n      position: absolute;\n      right: -21px;\n      bottom: 10px;\n      height: 60px;\n      transform-style: preserve-3d;\n      line-height: 2.2;\n\n      i {\n        position: absolute;\n        display: block;\n        bottom: 0px;\n        transition: all .2s ease-in;\n\n        &.back {\n          background: $primary-color;\n          width: 0px;\n          height: 36px;\n          left: 100%;\n          transform: skewY(-30deg);\n          transform-origin: 0% 100%;\n          transition-delay: .45s;\n        }\n\n        &.front {\n          width: 0px;\n          background: $primary-color;\n          height: 36px;\n          right: -10px;\n          bottom: 11px;\n          transition-delay: .35s;\n        }\n\n        &.fold {\n          background: var(--theme-default);\n          right: 180px;\n          height: 40px;\n          width: 0px;\n          bottom: 11px;\n          transform: rotateY(-45deg) skewY(-40deg);\n          transform-origin: 100% 0%;\n          transition-delay: .15s;\n        }\n\n        &.foldback {\n          width: 0px;\n          background: var(--theme-default);\n          height: 29px;\n          right: 200px;\n          bottom: 16px;\n          transition-delay: 0s;\n        }\n\n        span {\n          position: absolute;\n          opacity: 0;\n          color: $white;\n          text-align: center;\n          padding: 3px 38px;\n          transition: all .4s ease-out;\n        }\n      }\n    }\n  }\n\n  &:hover {\n    .ribbon {\n      i {\n        &.back {\n          width: 10px;\n          transition-delay: 0s;\n        }\n\n        &.front {\n          width: 145px;\n          transition-delay: .15s;\n        }\n\n        span {\n          opacity: 1;\n          transition-delay: .2s;\n        }\n      }\n    }\n  }\n}\n\n//  second animation\n.smooth-animate {\n  &:hover {\n    .label {\n      padding-left: 1em;\n\n      [ dir=\"rtl\"] & {\n        padding-left: 0.75em;\n        padding-right: 1em;\n      }\n    }\n\n  }\n\n  .media-image {\n    display: inline-block;\n    width: auto;\n    position: relative;\n\n    img {\n      display: block;\n    }\n  }\n\n  .label {\n    position: absolute;\n    top: -132px;\n    left: -24px;\n    display: inline-block;\n    padding: 0 0.75em;\n    border-radius: 5px 2px 2px 0px;\n    text-transform: uppercase;\n    letter-spacing: .1em;\n    line-height: 2.35em;\n    font-weight: bold;\n    color: $white;\n    background-color: $danger-color;\n    z-index: 7;\n    box-shadow: 0px 2px 0 rgba($dark-color, .1);\n    transition: all 0.1s;\n\n    [dir=\"rtl\"] & {\n      left: unset;\n      right: -24px;\n      border-radius: 2px 5px 0px 2px;\n    }\n\n    &:before {\n      content: \" \";\n      display: block;\n      position: absolute;\n      @include pixelstrap-size(5px, 4px);\n      left: 0;\n      bottom: -4px;\n      background-color: $danger-color;\n\n      [dir=\"rtl\"] & {\n        left: unset;\n        right: 0;\n      }\n    }\n\n    &:after {\n      content: \" \";\n      display: block;\n      position: absolute;\n      @include pixelstrap-size(5px, 6px);\n      bottom: -6px;\n      left: 0;\n      background-color: $danger-color;\n      border-radius: 5px 0 0 5px;\n\n      [dir=\"rtl\"] & {\n        left: unset;\n        right: 0;\n      }\n    }\n  }\n}\n\n// vertical left animate\n.vertical-left-animate {\n  .ribbon-wrapper {\n    overflow: hidden;\n\n    .ribbon {\n      left: -50px;\n      transition: all 0.2s ease;\n\n      [ dir=\"rtl\"] & {\n        direction: ltr;\n      }\n\n      i {\n        margin-left: 12px;\n      }\n\n      span {\n        opacity: 0;\n        transition: all 0.2s ease;\n      }\n    }\n\n    .ribbon-bookmark {\n      &::before {\n        left: 84%;\n      }\n    }\n  }\n\n  &:hover {\n    .ribbon-wrapper {\n      .ribbon {\n        left: 0px;\n        transition: all 0.2s ease;\n\n        span {\n          opacity: 1;\n          transition: all 0.2s ease;\n        }\n      }\n    }\n  }\n}\n\n// Triangular decoration\n\n.triangular-ribbon {\n  transition: all 0.3s ease;\n\n  .ribbon-wrapper {\n    overflow: hidden;\n\n    .triangular-ribbon-box {\n      @include pixelstrap-size(100px, 100px);\n      background: $light-primary;\n      position: absolute;\n      top: -50px;\n      left: -50px;\n      transform: rotate(315deg);\n      text-align: center;\n      @include pixelstrap-flex(flex, center, end);\n      border: 3px solid var(--theme-default);\n      transition: all 0.3s ease;\n      opacity: 0;\n\n      >div {\n        position: absolute;\n        bottom: -2px;\n        left: 36px;\n\n        svg {\n          @include pixelstrap-size(20px, 20px);\n          color: $primary-color;\n        }\n      }\n    }\n  }\n\n  &:hover {\n    transition: all 0.3s ease;\n\n    .triangular-ribbon-box {\n      opacity: 1;\n      transition: all 0.3s ease;\n    }\n  }\n}\n\n// Vertical ribbon animate\n.vertical-ribbon-animate {\n  &:hover {\n    .ribbon-vertical-right {\n      animation: shrink .3s ease;\n    }\n  }\n\n  .ribbon-vertical-right {\n    width: 115px;\n    line-height: 45px;\n    height: 45px;\n    border-radius: 0 0 50% 50%;\n    box-shadow: 0px 8px 16px -4px rgba(0, 0, 0, 0.25);\n    top: 0;\n\n    &::before {\n      content: unset;\n    }\n\n    >div {\n      i {\n        margin-right: 6px;\n\n        [dir=\"rtl\"] & {\n          margin-right: unset;\n          margin-left: 6px;\n        }\n      }\n    }\n  }\n\n  .ribbon-bottom-arrow {\n    position: absolute;\n    left: 38px;\n    line-height: 40px;\n    border-radius: 0;\n    top: calc(-1*12px);\n    border-left: 12px solid #0005;\n    border-bottom: 14px solid #0000;\n    clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 14px), calc(50% + 12px/2) 100%, 12px calc(100% - 14px), 12px 12px, 0 12px);\n  }\n}\n\n.smooth-animate {\n  @media (max-width:1407px) and (min-width:992px) {\n    .label {\n      top: -178px !important;\n    }\n  }\n\n  @media (max-width:793px) and (min-width:619px) {\n    .label {\n      top: -173px;\n    }\n  }\n\n  @media (max-width:618px) and (min-width:576px) {\n    .label {\n      top: -200px;\n    }\n  }\n\n  @media (max-width:399px) {\n    .label {\n      top: -175px;\n    }\n  }\n}\n\n/**=====================\n  2.25 Ribbon CSS Ends\n==========================**/","/**=====================\n   2.26 Range-slider CSS Start\n==========================**/\n//Ion Range-slider \n// flat slider\n.irs--flat {\n\n    .irs-from,\n    .irs-to,\n    .irs-single,\n    .irs-bar {\n        background-color: $primary-color;\n\n        &::before {\n            border-top-color: $primary-color ;\n        }\n    }\n\n    .irs-handle {\n        i {\n            &:first-child {\n                background-color: $primary-color;\n            }\n        }\n    }\n}\n\n// rounded-slider\n.irs--round {\n    .irs-single {\n        background-color: $secondary-color;\n\n        &::before {\n            border-top-color: $secondary-color;\n        }\n    }\n\n    .irs-handle {\n        border: 4px solid $secondary-color;\n    }\n\n    .irs-bar {\n        background-color: $secondary-color;\n    }\n}\n\n// square slider\n@include range-slider($success-color);\n\n// sharp slider\n.irs--sharp {\n\n    .irs-from,\n    .irs-to {\n        &::before {\n            border-top-color: $info-color;\n        }\n    }\n\n    .irs-min,\n    .irs-max,\n    .irs-from,\n    .irs-to,\n    .irs-bar {\n        background-color: $info-color;\n    }\n\n    .irs-line {\n        background-color: $gray-60;\n    }\n\n    .irs-handle {\n        background-color: $info-color;\n\n        i {\n            &:first-child {\n                border-top-color: $info-color;\n            }\n        }\n    }\n}\n\n// Big slider\n.irs--big {\n    .irs-bar {\n        border: 1px solid $warning-color;\n        background: $warning-color;\n        box-shadow: unset;\n    }\n\n    .irs-from,\n    .irs-to {\n        background-color: $warning-color;\n        background: unset;\n    }\n\n    .irs-handle {\n        background: $warning-color;\n    }\n\n    .irs-grid-pol {\n        background-color: $warning-color;\n    }\n\n    .irs-grid-text {\n        color: $warning-color;\n    }\n}\n\n// Modern slider\n.irs--modern {\n    .irs-single {\n        background-color: $danger-color;\n\n        &::before {\n            border-top-color: $danger-color;\n        }\n    }\n\n    .irs-bar {\n        background: $danger-color;\n    }\n\n    .irs-grid-text {\n        color: $danger-color;\n    }\n}\n\n/**=====================\n    2.26 Range-slider CSS Ends\n==========================**/","/**=====================\n    2.27 Switch CSS Start\n==========================**/\n.switch {\n\tposition: relative;\n\tdisplay: inline-block;\n\t@include pixelstrap-size(60px, 34px);\n\n\tinput {\n\t\tdisplay: none;\n\n\t\t&:checked+.switch-state {\n\t\t\tbackground-color: var(--theme-default);\n\n\t\t\t&:before {\n\t\t\t\ttransform: translateX(26px);\n\t\t\t}\n\t\t}\n\n\t\t&:checked+.switch-state {\n\t\t\t&.large-switch {\n\t\t\t\t&::before {\n\t\t\t\t\ttransform: translateX(32px);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:focus+.switch-state {\n\t\t\tbox-shadow: 0 0 1px var(--theme-default);\n\t\t}\n\t}\n}\n\n.switch-state {\n\tborder-radius: 20px;\n\tposition: absolute;\n\tcursor: pointer;\n\tinset: 0;\n\tbackground-color: $light-color;\n\ttransition: .4s;\n\n\t&:before {\n\t\tposition: absolute;\n\t\tcontent: \"\";\n\t\t@include pixelstrap-size(26px, 26px);\n\t\tleft: 4px;\n\t\tbottom: 4px;\n\t\tbackground-color: $white;\n\t\ttransition: .4s;\n\t\tborder-radius: 20px;\n\t}\n}\n\n.icon-state {\n\t.switch-state {\n\t\t&:after {\n\t\t\tcontent: \"\\efb8\";\n\t\t\tfont-family: $font-ICO;\n\t\t\tleft: 10px;\n\t\t\tposition: absolute;\n\t\t\ttop: 10px;\n\t\t\tcolor: $dark-color;\n\t\t\ttransition: .4s;\n\t\t\topacity: 0.3;\n\t\t}\n\t}\n\n\tinput {\n\t\t&:checked+.switch-state {\n\t\t\t&:after {\n\t\t\t\tcontent: \"\\efad\";\n\t\t\t\tleft: 36px;\n\t\t\t\topacity: 1;\n\t\t\t\ttransition: .4s;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.switch-lg {\n\t.switch {\n\t\t@include pixelstrap-size(75px, 40px);\n\t\tpadding: 0;\n\t\tmargin: 0;\n\n\t\t.switch-state {\n\t\t\t&:before {\n\t\t\t\t@include pixelstrap-size(30px, 30px);\n\t\t\t\tleft: 7px;\n\t\t\t\tbottom: 5px;\n\t\t\t\ttop: 4px;\n\t\t\t}\n\n\t\t\t&.large-switch {\n\t\t\t\t&::before {\n\t\t\t\t\ttop: 5px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.switch-lg.icon-state {\n\t.switch {\n\t\t.switch-state {\n\t\t\t&:after {\n\t\t\t\tleft: 12px;\n\t\t\t\tfont-size: 18px;\n\t\t\t}\n\t\t}\n\n\t\tinput {\n\t\t\t&:checked+.switch-state {\n\t\t\t\t&:after {\n\t\t\t\t\tleft: 47px;\n\t\t\t\t}\n\n\t\t\t\t&:before {\n\t\t\t\t\ttransform: translateX(32px);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.switch-sm {\n\t&.icon-state {\n\t\t.switch {\n\t\t\t.switch-state {\n\t\t\t\t&:after {\n\t\t\t\t\ttop: 4px;\n\t\t\t\t\tleft: 4px;\n\t\t\t\t\tfont-size: 8px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tinput {\n\t\t\t\t&:checked+.switch-state {\n\t\t\t\t\t&:after {\n\t\t\t\t\t\tleft: 13px;\n\t\t\t\t\t\ttop: 4px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.switch {\n\t\t@include pixelstrap-size(25px, 16px);\n\t\tmargin-top: 10px;\n\t\tmargin-bottom: 0px;\n\n\t\t.switch-state {\n\t\t\t&:before {\n\t\t\t\t@include pixelstrap-size(8px, 8px);\n\t\t\t\tleft: 4px;\n\t\t\t\tbottom: 4px;\n\t\t\t}\n\t\t}\n\t}\n\n\tinput {\n\t\t&:checked+.switch-state {\n\t\t\t&:before {\n\t\t\t\tleft: -13px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.switch-outline {\n\t.switch-state {\n\t\tbackground-color: $white;\n\t\tborder: 1px solid var(--theme-default);\n\t\ttransition: .4s;\n\n\t\t&:before {\n\t\t\tbackground-color: $light-color;\n\t\t\tbottom: 3px;\n\t\t\tcolor: $white;\n\t\t}\n\t}\n}\n\n.switch-outline {\n\t.switch {\n\t\tinput {\n\t\t\tdisplay: none;\n\n\t\t\t&:checked+.switch-state {\n\t\t\t\tbackground-color: $transparent-color;\n\t\t\t\tborder: 1px solid var(--theme-default);\n\n\t\t\t\t&:before {\n\t\t\t\t\tbackground-color: var(--theme-default);\n\t\t\t\t\tbottom: 3px;\n\t\t\t\t\ttransform: translateX(26px);\n\t\t\t\t}\n\n\t\t\t\t&:after {\n\t\t\t\t\tcolor: $white;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:checked+.switch-state.bg-primary {\n\t\t\t\tbackground-color: $transparent-color !important;\n\t\t\t\tborder: 1px solid var(--theme-default);\n\n\t\t\t\t&:before {\n\t\t\t\t\tbackground-color: var(--theme-default);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:checked+.switch-state.bg-dark {\n\t\t\t\tbackground-color: $transparent-color !important;\n\t\t\t\tborder: 1px solid $dark-color;\n\n\t\t\t\t&:before {\n\t\t\t\t\tbackground-color: $dark-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:checked+.switch-state.bg-warning {\n\t\t\t\tbackground-color: $transparent-color !important;\n\t\t\t\tborder: 1px solid $warning-color;\n\n\t\t\t\t&:before {\n\t\t\t\t\tbackground-color: $warning-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:checked+.switch-state.bg-success {\n\t\t\t\tbackground-color: $transparent-color !important;\n\t\t\t\tborder: 1px solid $success-color;\n\n\t\t\t\t&:before {\n\t\t\t\t\tbackground-color: $success-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:checked+.switch-state.bg-info {\n\t\t\t\tbackground-color: $transparent-color !important;\n\t\t\t\tborder: 1px solid $info-color;\n\n\t\t\t\t&:before {\n\t\t\t\t\tbackground-color: $info-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:checked+.switch-state.bg-danger {\n\t\t\t\tbackground-color: $transparent-color !important;\n\t\t\t\tborder: 1px solid $danger-color;\n\n\t\t\t\t&:before {\n\t\t\t\t\tbackground-color: $danger-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:checked+.switch-state.bg-primary {\n\t\t\t\tbackground-color: $transparent-color !important;\n\t\t\t\tborder: 1px solid var(--theme-default);\n\n\t\t\t\t&:before {\n\t\t\t\t\tbackground-color: var(--theme-default);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:checked+.switch-state.bg-secondary {\n\t\t\t\tbackground-color: $transparent-color !important;\n\t\t\t\tborder: 1px solid rgba(var(--theme-secondary),1);\n\n\t\t\t\t&:before {\n\t\t\t\t\tbackground-color: rgba(var(--theme-secondary),1);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.switch-state.bg-primary {\n\t\tborder: 1px solid var(--theme-default);\n\t\tbackground-color: $transparent-color !important;\n\t}\n\n\t.switch-state.bg-secondary {\n\t\tborder: 1px solid rgba(var(--theme-secondary),1);\n\t\tbackground-color: $transparent-color !important;\n\t}\n\n\t.switch-state.bg-warning {\n\t\tborder: 1px solid $warning-color;\n\t\tbackground-color: $transparent-color !important;\n\t}\n\n\t.switch-state.bg-success {\n\t\tborder: 1px solid $success-color;\n\t\tbackground-color: $transparent-color !important;\n\t}\n\n\t.switch-state.bg-info {\n\t\tborder: 1px solid $info-color;\n\t\tbackground-color: $transparent-color !important;\n\t}\n\n\t.switch-state.bg-danger {\n\t\tborder: 1px solid $danger-color;\n\t\tbackground-color: $transparent-color !important;\n\t}\n\n\t.switch-state.bg-dark {\n\t\tborder: 1px solid $dark-color;\n\t\tbackground-color: $transparent-color !important;\n\t}\n}\n\n.switch-showcase {\n\tmargin-bottom: -8px;\n\n\t.d-flex {\n\t\tline-height: 1;\n\t}\n\n\t.form-check {\n\t\t.form-check-input {\n\t\t\tfloat: right;\n\t\t}\n\t}\n}\n\n.form-switch {\n\t.form-check-input {\n\t\t&:checked {\n\t\t\tbackground-color: $primary-color;\n\t\t\tborder-color: var(--theme-default);\n\t\t}\n\t}\n}\n\n// Custom design switches\n.tg-list {\n\ttext-align: center;\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.tgl {\n\tdisplay: none;\n\n\t&,\n\t&:after,\n\t&:before,\n\t& *,\n\t& *:after,\n\t& *:before,\n\t&+.tgl-btn {\n\t\tbox-sizing: border-box;\n\n\t\t&::selection {\n\t\t\tbackground: none;\n\t\t}\n\t}\n\n\t+.tgl-btn {\n\t\toutline: 0;\n\t\tdisplay: block;\n\t\twidth: 4em;\n\t\theight: 2em;\n\t\tposition: relative;\n\t\tcursor: pointer;\n\t\tuser-select: none;\n\n\t\t&:after,\n\t\t&:before {\n\t\t\tposition: relative;\n\t\t\tdisplay: block;\n\t\t\tcontent: \"\";\n\t\t\twidth: 50%;\n\t\t\theight: 100%;\n\t\t}\n\n\t\t&:after {\n\t\t\tleft: 0;\n\t\t}\n\n\t\t&:before {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t&:checked+.tgl-btn:after {\n\t\tleft: 50%;\n\t}\n}\n\n.tgl-skewed {\n\t+.tgl-btn {\n\t\toverflow: hidden;\n\t\ttransform: skew(-10deg);\n\t\tbackface-visibility: hidden;\n\t\ttransition: all .2s ease;\n\t\tbackground: $secondary-color;\n\n\t\t&:after,\n\t\t&:before {\n\t\t\ttransform: skew(10deg);\n\t\t\tdisplay: inline-block;\n\t\t\ttransition: all .2s ease;\n\t\t\twidth: 100%;\n\t\t\ttext-align: center;\n\t\t\tposition: absolute;\n\t\t\tline-height: 2em;\n\t\t\tfont-weight: bold;\n\t\t\tcolor: var(--white);\n\t\t\ttext-shadow: 0 1px 0 rgba(0, 0, 0, .4);\n\t\t}\n\n\t\t&:after {\n\t\t\tleft: 100%;\n\t\t\tcontent: attr(data-tg-on);\n\t\t}\n\n\t\t&:before {\n\t\t\tleft: 0;\n\t\t\tcontent: attr(data-tg-off);\n\t\t}\n\n\t\t&:active {\n\t\t\tbackground: $secondary-color;\n\n\t\t\t&:before {\n\t\t\t\tleft: -10%;\n\t\t\t}\n\t\t}\n\t}\n\n\t&:checked+.tgl-btn {\n\t\tbackground: $primary-color;\n\n\t\t&:before {\n\t\t\tleft: -100%;\n\t\t}\n\n\t\t&:after {\n\t\t\tleft: 0;\n\t\t}\n\n\t\t&:active:after {\n\t\t\tleft: 10%;\n\t\t}\n\t}\n}\n\n\n.tgl-flip {\n\t+.tgl-btn {\n\t\tpadding: 2px;\n\t\ttransition: all .2s ease;\n\t\tperspective: 100px;\n\n\t\t&:after,\n\t\t&:before {\n\t\t\tdisplay: inline-block;\n\t\t\ttransition: all .4s ease;\n\t\t\twidth: 100%;\n\t\t\ttext-align: center;\n\t\t\tposition: absolute;\n\t\t\tline-height: 2em;\n\t\t\tfont-weight: 500;\n\t\t\tcolor: var(--white);\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\tbackface-visibility: hidden;\n\t\t\tborder-radius: 4px;\n\t\t}\n\n\t\t&:after {\n\t\t\tcontent: attr(data-tg-on);\n\t\t\tbackground: $warning-color;\n\t\t\ttransform: rotateY(-180deg);\n\t\t}\n\n\t\t&:before {\n\t\t\tbackground: $danger-color;\n\t\t\tcontent: attr(data-tg-off);\n\t\t}\n\n\t\t&:active:before {\n\t\t\ttransform: rotateY(-20deg);\n\t\t}\n\t}\n\n\t&:checked+.tgl-btn {\n\t\t&:before {\n\t\t\ttransform: rotateY(180deg);\n\t\t}\n\n\t\t&:after {\n\t\t\ttransform: rotateY(0);\n\t\t\tleft: 0;\n\t\t\tbackground: $success-color;\n\t\t}\n\n\t\t&:active:after {\n\t\t\ttransform: rotateY(20deg);\n\t\t}\n\t}\n}\n\n\n.radius-none {\n\t.form-check-input {\n\t\tborder-radius: 3px;\n\t}\n}\n\n.tg-list {\n\t.tg-list-item {\n\t\t.square-checked {\n\t\t\t.switch-state {\n\t\t\t\t&::before {\n\t\t\t\t\tcontent: '';\n\t\t\t\t\tborder-radius: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.switch-wrapper {\n\t.d-flex {\n\t\tmargin-right: 20px;\n\n\t\t[dir='rtl'] & {\n\t\t\tmargin-right: unset;\n\t\t\tmargin-left: 20px;\n\t\t}\n\n\t\t.col-form-label {\n\t\t\tpadding-bottom: 0;\n\t\t}\n\n\t}\n\n\t.tg-list {\n\t\tp {\n\t\t\tmargin: 0 8px 0 0;\n\t\t}\n\t}\n}\n\n.default-square {\n\t.form-switch {\n\t\t.form-check-input {\n\t\t\tbackground-image: url(../images/switch/square-gray.png);\n\n\t\t\t&:checked {\n\t\t\t\tbackground-image: url(../images/switch/square.svg);\n\t\t\t}\n\t\t}\n\t}\n}\n\n/**=====================\n    2.27 Switch CSS Ends\n==========================**/","/**=====================\n  2.28 Tab CSS Start\n==========================**/\n.nav-pills {\n\n  .nav-link.active,\n  .show>.nav-link {\n    background-color: var(--theme-default);\n  }\n}\n\n.main-vertical-tab {\n  .nav {\n    .nav-link {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n  }\n}\n\n.nav {\n  i {\n    margin-right: 10px;\n  }\n}\n\n.nav-right {\n  justify-content: flex-end;\n}\n\n$nav-name: theme,\n  primary,\n  secondary,\n  success,\n  danger,\n  info,\n  light,\n  dark,\n  warning;\n$nav-color: var(--theme-default),\n  var(--theme-default),\n  $secondary-color,\n  $success-color,\n  $danger-color,\n  $info-color,\n  $light-color,\n  $dark-color,\n  $warning-color;\n\n@each $var in $nav-name {\n  $i: index($label-name, $var);\n\n  .nav-#{$var},\n  .nav-pills.nav-#{$var} {\n    .nav-link {\n      color: nth($nav-color, $i);\n    }\n\n    .nav-link.active,\n    .show>.nav-link {\n      background-color: nth($nav-color, $i);\n      color: $white;\n    }\n  }\n}\n\n.nav-tabs.nav-bottom {\n  .nav-item {\n\n    .nav-link.active,\n    .nav-link.focus,\n    .nav-link.hover {\n      border-color: $white #dee2e6 #dee2e6;\n    }\n  }\n}\n\n.tab-content {\n  ~.nav-tabs {\n    &.border-tab {\n      margin-bottom: 0;\n      margin-top: 30px;\n    }\n  }\n}\n\n.border-tab.nav-tabs {\n  display: flex;\n  align-items: center;\n  flex-wrap: nowrap;\n  margin-bottom: 30px;\n\n  .nav-item {\n    .nav-link {\n      font-size: 16px;\n      color: $dark-color;\n      text-align: center;\n      padding: 10px 25px;\n      border: none;\n      border-bottom: none;\n      transition: 0.3s;\n\n      @media (min-width: 576px) and (max-width: 1920px) {\n        padding-top: 0;\n      }\n\n      &.active,\n      &.show,\n      &:focus,\n      &:hover {\n        color: var(--theme-default);\n      }\n\n      &.active,\n      &.show,\n      &:focus {\n        border-bottom: none;\n      }\n    }\n  }\n}\n\n.border-tab.nav-left {\n  .nav-link {\n    transition: all 0.3s ease;\n    color: $dark-color;\n  }\n\n  .nav-link.active,\n  .show>.nav-link {\n    background-color: transparent;\n    border-left-color: var(--theme-default);\n    color: var(--theme-default);\n    border-radius: 0;\n    transition: all 0.3s ease;\n  }\n}\n\n.border-tab.nav-right {\n  .nav-link {\n    border-right: 2px solid transparent;\n    transition: all 0.3s ease;\n    color: $dark-color;\n    text-align: right;\n  }\n\n  .nav-link.active,\n  .show>.nav-link {\n    background-color: transparent;\n    border-right-color: var(--theme-default);\n    color: var(--theme-default);\n    border-radius: 0;\n    transition: all 0.3s ease;\n  }\n}\n\n$m-nav-name: theme,\n  primary,\n  secondary,\n  success,\n  danger,\n  info,\n  light,\n  dark,\n  warning;\n$nav-color: var(--theme-default),\n  var(--theme-default),\n  $secondary-color,\n  $success-color,\n  $danger-color,\n  $info-color,\n  $light-color,\n  $dark-color,\n  $warning-color;\n\n@each $var in $m-nav-name {\n  $i: index($label-name, $var);\n\n  .border-tab.nav-#{$var} {\n\n    .nav-link.active,\n    .nav-item.show,\n    .nav-link:focus,\n    .nav-link:hover {\n      color: nth($nav-color, $i);\n      background-color: transparent;\n    }\n\n    .nav-item {\n      .nav-link {\n        transition: 0.3s;\n\n        &.active,\n        &.show,\n        &:focus {\n          border-bottom: 2px solid nth($nav-color, $i);\n        }\n\n        &.active,\n        &.show,\n        &:focus,\n        &:hover {\n          color: nth($nav-color, $i);\n        }\n      }\n    }\n  }\n\n  .border-tab.nav-left.nav-#{$var} {\n\n    .nav-link.active,\n    .show>.nav-link {\n      border-left-color: nth($nav-color, $i);\n      color: nth($nav-color, $i);\n    }\n  }\n\n  .border-tab.nav-right.nav-#{$var} {\n\n    .nav-link.active,\n    .show>.nav-link {\n      border-right-color: nth($nav-color, $i);\n      color: nth($nav-color, $i);\n    }\n  }\n}\n\n.flex-space {\n  display: flex;\n  gap: 16px;\n\n  @media (max-width:576px) {\n    justify-content: center;\n  }\n}\n\n.tab-img {\n  height: 100px;\n}\n\n.nav-item {\n  .navlink-title {\n    background-color: unset;\n    padding: 8px;\n    border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    border-bottom-left-radius: 0px;\n    border-bottom-right-radius: 0px;\n\n  }\n}\n\n.simple-wrapper {\n  .dropdown-collection {\n    .dropdown-item {\n\n      &:hover,\n      &:active {\n        background-color: $gray-60 !important;\n      }\n    }\n  }\n}\n\n.blog-wrapper {\n  .blog-img {\n    height: 100px;\n\n    @media (max-width:500px) {\n      height: 75px;\n    }\n  }\n}\n\n.designer-details {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 20px;\n\n  @media (max-width:1540px) {\n    gap: 14px;\n  }\n\n  .designer-profile {\n    display: inline-block;\n\n    .designer-wrap {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n\n\n      .designer-img {\n        height: calc(38px + (50 - 38) * ((100vw - 320px) / (1920 - 320)));\n        border-radius: 100%;\n      }\n\n      .designer-content {\n        h6 {\n          font-weight: 500;\n        }\n\n        p {\n          color: $light-text;\n        }\n      }\n    }\n  }\n}\n\n.nav-tabs {\n  .nav-border {\n    color: $black;\n    border: none;\n  }\n}\n\n.ico-color {\n  color: $warning-color;\n  font-size: 16px;\n}\n\n.main-inbox {\n  .header-inbox {\n    @include pixelstrap-flex(flex, space-between, center);\n    border-bottom: 1px solid $light-text;\n    padding-bottom: 8px;\n\n    .header-left-inbox {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      flex-wrap: wrap;\n\n      .inbox-img {\n        img {\n          width: 50px;\n          height: 50px;\n          border-radius: 100%;\n        }\n      }\n    }\n\n    .header-right-inbox {\n      display: flex;\n      gap: 12px;\n\n      @media (max-width: 560px) {\n        display: none;\n      }\n    }\n  }\n\n  .body-inbox {\n    .body-h-wrapper {\n      display: flex;\n      padding-bottom: 6px;\n      border-bottom: 1px solid var(--light-border);\n      align-items: center;\n\n      @media (max-width:630px) {\n        align-items: unset;\n      }\n    }\n  }\n}\n\n.tab-space {\n  font-size: 14px;\n}\n\n$tabs-name: primary,\n  secondary,\n  success,\n  danger,\n  warning,\n  info,\n  light,\n  dark;\n\n$tab-color : $primary-color,\n$secondary-color,\n$success-color,\n$danger-color,\n$warning-color,\n$info-color,\n$light-color,\n$dark-color;\n\n@each $var in $tabs-name {\n  $i: index($tabs-name, $var);\n\n  #bottom-tab {\n    .nav-border {\n      &.tab-#{$var} {\n        &:hover {\n          color: nth($tab-color, $i);\n        }\n\n        &:focus,\n        &:active,\n        &.active {\n          color: nth($tab-color, $i);\n          border-bottom: 2px solid nth($tab-color, $i);\n        }\n      }\n    }\n  }\n}\n\n#sideline-tab {\n  .nav-effect {\n    display: inline-block;\n    position: relative;\n\n    &::after {\n      content: '';\n      position: absolute;\n      left: 0;\n      display: inline-block;\n      height: 14px;\n      width: 80%;\n      border-bottom: 1px solid;\n      margin-top: 10px;\n      opacity: 0;\n      -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;\n      transition: opacity 0.35s, transform 0.35s;\n      transform: scale(0, 1);\n    }\n\n    &:hover {\n      &::after {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n  }\n}\n\n.tabs-responsive-side {\n  .border-tab {\n    &.nav-secondary {\n      &.nav-left {\n        .nav-link {\n\n          &:hover,\n          &.active {\n            background-color: unset;\n            border-left: none;\n            border-radius: 0;\n            transition: none;\n          }\n        }\n      }\n    }\n  }\n}\n\n.pills-blogger {\n  @media (max-width: 576px) {\n    justify-content: center;\n    flex-wrap: wrap;\n  }\n}\n\n::placeholder {\n  font-size: 14px;\n} \n\n.material-wrapper {\n  display: flex;\n  gap: 12px;\n\n  @media (max-width:576px) {\n    flex-direction: column;\n    align-items: center;\n  }\n}\n\n.bg-navbar {\n\n  .nav {\n    justify-content: flex-end;\n    background-color: $light-color;\n    border-radius: 8px;\n\n    .nav-item {\n      .nav-link {\n        color: $dark-gray;\n\n        &.active {\n          background-color: $primary-color;\n          color: $white;\n        }\n      }\n    }\n  }\n\n  .skill-tab {\n    .form-control {\n      width: 45%;\n    }\n\n    ul {\n      list-style-type: circle;\n      margin-left: 16px;\n\n      [dir=\"rtl\"] & {\n        margin-left: unset;\n        margin-right: 16px;\n      }\n\n      li {\n        padding-bottom: 4px;\n\n        &:last-child {\n          padding-bottom: unset;\n        }\n      }\n    }\n  }\n\n  img {\n    height: calc(160px + (245 - 160) * ((100vw - 320px) / (1920 - 320)));\n\n    @media (max-width:500px) and (min-width:356px) {\n      height: 118px;\n    }\n\n    @media (max-width:355px) {\n      height: 80px;\n    }\n  }\n}\n\n.arrow-tabs {\n  &.bg-navbar {\n    .tab-content {\n      .common-box {\n        p {\n          @media (max-width:1694px) {\n            display: -webkit-box;\n            -webkit-line-clamp: 5;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n            text-overflow: ellipsis;\n          }\n        }\n      }\n    }\n\n    .nav {\n      justify-content: flex-start;\n      border-radius: 0;\n\n      .nav-item {\n        clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);\n\n        [dir=\"rtl\"] & {\n          clip-path: polygon(15% 0%, 0% 50%, 15% 100%, 100% 100%, 100% 0%);\n        }\n\n        .nav-link {\n          &.active {\n            border-radius: 0;\n            background-color: var(--theme-default);\n          }\n        }\n      }\n    }\n\n    .common-box {\n      @include pixelstrap-flex(flex, center, baseline);\n      gap: 18px;\n\n      &:first-child {\n        p {\n          margin-bottom: 14px;\n        }\n      }\n    }\n  }\n\n  i {\n    font-size: calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320)));\n    color: $badge-light-color;\n\n    [dir=\"rtl\"] & {\n      transform: scaleX(-1);\n    }\n  }\n}\n\n.bottom-navbar {\n  .nav {\n    &.nav-pills {\n      justify-content: center;\n\n      .nav-item {\n        flex: 1 1 0;\n\n        .nav-link {\n          text-align: center;\n\n          img {\n            height: 20px;\n            margin-right: 8px;\n            filter: grayscale(1);\n            transition: all 0.3s ease;\n\n            [dir=\"rtl\"] & {\n              margin-right: unset;\n              margin-left: 8px;\n            }\n          }\n\n          &.active {\n            img {\n              filter: grayscale(0);\n              transition: all 0.3s ease;\n              transform: scale(1.2);\n            }\n          }\n        }\n      }\n\n    }\n  }\n\n  .tab-content {\n    .common-flex {\n      margin-bottom: 18px;\n\n      img {\n        height: 20px;\n      }\n    }\n\n    .tab-paragraph {\n      display: flex;\n      align-items: baseline;\n      gap: 8px;\n      margin-bottom: 14px;\n\n      i {\n        font-size: calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320)));\n        color: $badge-light-color;\n\n        [dir=\"rtl\"] & {\n          transform: scaleX(-1);\n        }\n      }\n    }\n  }\n}\n\n.horizontal-icons-tab {\n  .nav-tabs {\n    margin: 0;\n    background-image: linear-gradient(135deg, #f5f5f5 0%, #f5f5f5 100%);\n    @include pixelstrap-flex(flex, flex-start, center);\n    border-radius: 2px 2px 0px 0px;\n    flex-wrap: wrap;\n\n    @media (max-width:764px) {\n      row-gap: 8px;\n    }\n\n    .nav-item {\n      .nav-link {\n        background: transparent;\n        background-image: linear-gradient(90deg, transparent 70%, rgba(255, 255, 255, 0.2) 100%);\n        border: none;\n        outline: none;\n        cursor: pointer;\n        position: relative;\n        @include pixelstrap-flex(flex, center, center);\n        overflow: hidden;\n        transition: 0.3s ease;\n        border-radius: 0;\n        padding-top: 10px;\n\n        @media (max-width:1529px) and (min-width:1400px) {\n          padding-inline: 12px;\n        }\n\n        i {\n          color: var(--body-font-color);\n          opacity: 0.8;\n          z-index: 2;\n\n          [dir=\"rtl\"] & {\n            margin-right: unset;\n            margin-left: 10px;\n          }\n        }\n\n        &::before {\n          background-image: linear-gradient(135deg, $primary-color 0%, $secondary-color 100%);\n          content: \"\";\n          width: 100%;\n          height: 0px;\n          position: absolute;\n          top: 0;\n          left: 0;\n          transition: 0.3s ease-in-out;\n          z-index: 2;\n        }\n\n        &:hover,\n        &::before {\n          height: 100%;\n          z-index: 2;\n          bottom: 0;\n        }\n\n        &.active {\n          background-color: var(--white);\n          z-index: 0;\n          border-right: 0px;\n          border-left: 0px;\n          bottom: 0px;\n          overflow: hidden;\n          color: $primary-color;\n\n          &:hover {\n            span {\n              opacity: 1;\n              background-color: $white;\n              -webkit-background-clip: text;\n              -webkit-text-fill-color: transparent;\n            }\n          }\n        }\n\n        &::before {\n          content: \"\";\n          width: 100%;\n          height: 2px;\n          top: 0;\n          left: 0;\n        }\n\n        span {\n          opacity: 0.6;\n          @include pixelstrap-flex(flex, center, center);\n          z-index: 2;\n          transition: 0.5s ease;\n          padding: 0;\n          margin: 0;\n          color: var(--body-font-color);\n          backface-visibility: hidden;\n          font-weight: 400;\n\n          &::before {\n            content: attr(data-title);\n            position: absolute;\n            @include pixelstrap-size(auto, auto);\n            color: $white;\n            @include pixelstrap-flex(flex, center, center);\n            opacity: 0.1;\n            font-size: 40px;\n            transition: 1s ease-out;\n            z-index: -1;\n            font-weight: 600;\n            top: 110%;\n          }\n        }\n\n        &:hover {\n          span {\n            color: $white;\n            opacity: 1;\n          }\n\n          &::before {\n            height: 100%;\n            z-index: 2;\n            bottom: 0;\n          }\n\n          i {\n            color: $white;\n          }\n        }\n      }\n    }\n  }\n}\n\n.bottom-border-tab {\n  .nav {\n    .nav-item {\n      .nav-link {\n        border-bottom: 2px solid $transparent-color;\n      }\n    }\n  }\n}\n\n/**=====================\n    2.28 Tab CSS Ends\n==========================**/","/**=====================\n    2.29 Table CSS Start\n==========================**/\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n\tborder-color: var(--chart-progress-light);\n}\n\n.table {\n\n\ttbody,\n\ttfoot {\n\t\ttr {\n\t\t\t&:last-child {\n\n\t\t\t\ttd,\n\t\t\t\tth {\n\t\t\t\t\tborder-bottom: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.pills-component {\n\twidth: 20%;\n}\n\n#row_create {\n\ttd.highlight {\n\t\tfont-weight: 500;\n\t\tcolor: $primary-color;\n\t}\n\n\ttd.danger {\n\t\tfont-weight: 500;\n\t\tcolor: $danger-color;\n\t}\n}\n\n.table {\n\tmargin-bottom: $table-b-margin;\n\n\t> :not(:last-child) {\n\t\t> :last-child {\n\t\t\t>* {\n\t\t\t\tborder-bottom-color: $light-gray;\n\t\t\t}\n\t\t}\n\t}\n\n\tth,\n\ttd {\n\t\tpadding: $table-padding;\n\t}\n\n\t&.table-primary {\n\t\tth {\n\t\t\tcolor: $white;\n\t\t}\n\t}\n\n\tthead.bg-primary {\n\t\ttr {\n\t\t\tth {\n\t\t\t\tcolor: $white;\n\t\t\t}\n\t\t}\n\t}\n\n\tth {\n\t\tcolor: $table-heading-color;\n\t\tfont-weight: 500;\n\n\t\t&.c-light {\n\t\t\tcolor: $badge-light-color;\n\n\t\t}\n\t}\n\n\ttd {\n\t\tcolor: $table-row-color;\n\t}\n\n\t[class*='bg-'] {\n\t\tcolor: $white;\n\t}\n\n\t.bg-light {\n\t\tcolor: $theme-body-font-color;\n\t}\n\n\ttfoot {\n\t\tfont-weight: $table-footer-font-weight;\n\t}\n}\n\n.table-dark {\n\tth {\n\t\tcolor: $white;\n\t}\n}\n\n.table-inverse {\n\tcolor: $white;\n\tbackground-color: $table-inverse-bg-color;\n\n\tth,\n\ttd {\n\t\tborder-color: $white;\n\t\tcolor: $white;\n\t}\n\n\t&.table-bordered {\n\t\tborder: 0;\n\t}\n}\n\n.table[class*='bg-'] {\n\n\tth,\n\ttd {\n\t\tcolor: $white;\n\t}\n}\n\n.table-hover {\n\t>tbody {\n\t\t>tr:hover {\n\t\t\t--bs-table-accent-bg: #f6f6f6;\n\t\t}\n\t}\n\n\ttbody {\n\t\ttr {\n\t\t\tvertical-align: middle;\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: rgba($primary-color, 0.1);\n\t\t\t}\n\n\t\t\ttd {\n\t\t\t\tsvg {\n\t\t\t\t\twidth: 30px;\n\t\t\t\t\theight: 30px;\n\t\t\t\t\tpadding: 5px;\n\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t\tmargin-right: 10px;\n\n\t\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\t\tmargin-right: unset;\n\t\t\t\t\t\tmargin-left: 10px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// Table border-bottom removes in particular typography page\n.typography-table {\n\ttr {\n\t\t&:last-child {\n\t\t\tborder-bottom: none;\n\n\t\t\ttd {\n\t\t\t\tborder-bottom: none;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.table-double {\n\tborder-left: 4px double #dee2e6;\n\tborder-right: 4px double #dee2e6;\n\n\tthead,\n\ttbody,\n\ttfoot,\n\ttr,\n\ttd,\n\tth {\n\t\tborder-style: double;\n\t\tborder-width: 4px;\n\t\tborder-right: 0;\n\t\tborder-left: 0;\n\t}\n}\n\n.table-dotted {\n\tborder-left: 2px dotted #dee2e6;\n\tborder-right: 2px dotted #dee2e6;\n\n\tthead,\n\ttbody,\n\ttfoot,\n\ttr,\n\ttd,\n\tth {\n\t\tborder-style: dotted !important;\n\t\tborder-width: 2px;\n\t\tborder-right: 0;\n\t\tborder-left: 0;\n\t}\n}\n\n.table-dashed {\n\tborder-left: 2px dashed #dee2e6;\n\tborder-right: 2px dashed #dee2e6;\n\n\tthead,\n\ttbody,\n\ttfoot,\n\ttr,\n\ttd,\n\tth {\n\t\tborder-style: dashed !important;\n\t\tborder-width: 2px;\n\t\tborder-right: 0;\n\t\tborder-left: 0;\n\t}\n\n\ttbody {\n\t\ttr {\n\t\t\t&:last-child {\n\n\t\t\t\tth,\n\t\t\t\ttd {\n\t\t\t\t\tborder-color: var(--chart-progress-light);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n//Sizing class\n.table-xl {\n\n\ttd,\n\tth {\n\t\tpadding: $table-xl-padding;\n\t\tfont-size: $table-xl-font;\n\t}\n}\n\n.table-lg {\n\n\ttd,\n\tth {\n\t\tpadding: $table-lg-padding;\n\t\tfont-size: $table-lg-font;\n\t}\n}\n\n.table-de {\n\n\ttd,\n\tth {\n\t\tpadding: $table-de-padding;\n\t}\n}\n\n.table-sm {\n\n\tth,\n\ttd {\n\t\tpadding: $table-sm-padding;\n\t\tfont-size: $table-sm-font;\n\t}\n}\n\n.table-xs {\n\n\tth,\n\ttd {\n\t\tpadding: $table-xs-padding;\n\t\tfont-size: $table-xs-font;\n\t}\n}\n\n//Table Border\n.table-border-horizontal {\n\n\ttr,\n\tth,\n\ttd {\n\t\tborder-top: 1px solid $horizontal-border-color;\n\t\tpadding: $horizontal-padding;\n\t}\n}\n\n.table-border-vertical {\n\n\ttr,\n\tth,\n\ttd {\n\t\tborder-top: 0;\n\t\tborder-right: 1px solid $horizontal-border-color;\n\t}\n\n\ttr {\n\t\ttd {\n\t\t\tborder-bottom: 0;\n\n\t\t\t&:last-child {\n\t\t\t\tborder-right: none;\n\t\t\t}\n\t\t}\n\t}\n\n\ttbody {\n\t\ttr {\n\t\t\tth {\n\t\t\t\tborder-bottom: 0;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.table-bordernone {\n\ttd {\n\t\tborder: none !important;\n\t}\n\n\tthead {\n\t\tth {\n\t\t\tborder: none !important;\n\t\t}\n\t}\n\n\t.u-s-tb {\n\t\tpadding: 11px;\n\t}\n}\n\n.table-striped {\n\tthead {\n\t\ttr {\n\t\t\tth {\n\t\t\t\tborder-bottom: unset;\n\t\t\t}\n\t\t}\n\t}\n\n\ttbody {\n\t\ttr {\n\t\t\t&:nth-of-type(odd)>* {\n\t\t\t\tbackground-color: var(--light-background) !important;\n\t\t\t\t--bs-table-accent-bg: unset;\n\t\t\t\tcolor: var(--theme-default);\n\t\t\t}\n\t\t}\n\t}\n}\n\n.table-bordered {\n\n\tthead,\n\ttbody,\n\ttfoot,\n\ttr,\n\ttd,\n\tth {\n\t\tborder-color: var(--bs-border-color);\n\t}\n}\n\n.common-striped {\n\t.table {\n\t\t&.table-striped {\n\t\t\t&[class*='bg-'] {\n\t\t\t\t--bs-table-bg: auto;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.table-components {\n\t.table-bordered {\n\t\t.dropdown-menu {\n\t\t\t&.show {\n\t\t\t\tbackground-color: var(--white);\n\t\t\t}\n\t\t}\n\n\t\t.dropdown-toggle {\n\t\t\t&::after {\n\t\t\t\tvertical-align: 2px;\n\t\t\t}\n\t\t}\n\t}\n\n\t@media (max-width:767px) {\n\t\t.table {\n\t\t\ttbody {\n\t\t\t\ttr {\n\t\t\t\t\ttd {\n\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\tmin-width: 180px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.basic_table {\n\t.table {\n\t\t&.table-striped {\n\t\t\t&.table-hover {\n\t\t\t\ttr {\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tbackground-color: rgba($secondary-color, 0.2);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.border-bottom-table {\n\ttbody {\n\t\ttr {\n\t\t\t&:last-child {\n\n\t\t\t\tth,\n\t\t\t\ttd {\n\t\t\t\t\tborder-bottom: unset !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.emphasis-table {\n\t--bs-emphasis-color-rgb: 242, 243, 247;\n\n\t.table-striped-columns>:not(caption)>tr>:nth-child(2n) {\n\t\t--bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 1);\n\t}\n\n\t.table-active {\n\t\t--bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 1);\n\t}\n\n}\n\n/**=====================\n    2.29 Table CSS Ends\n==========================**/","/**=====================\n   2.30 Toasts CSS Start\n==========================**/\n.toast-container {\n    position: unset;\n    z-index: 2;\n\n    .toast {\n        &-header {\n            border-top-left-radius: 6px;\n            border-top-right-radius: 6px;\n        }\n\n        &-body {\n            border-bottom-left-radius: 6px;\n            border-bottom-right-radius: 6px;\n        }\n    }\n}\n\n.toast {\n    .btn-close {\n        box-shadow: unset;\n    }\n}\n\n.toast {\n    width: 350px;\n    max-width: 100%;\n    font-size: .875rem;\n    pointer-events: auto;\n    background-color: rgba(255, 255, 255, 0.85);\n    background-clip: padding-box;\n    border: 1px solid rgba(0, 0, 0, 0.1);\n    -webkit-box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);\n    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);\n    border-radius: 0.25rem;\n}\n\n.live-toast {\n    .toast {\n        background-color: rgba($white, 0.98);\n    }\n}\n\n.toast-index {\n    z-index: 12;\n\n    &.toast:not(.showing):not(.show) {\n        opacity: 0;\n    }\n\n    &.toast-fade {\n        transition: opacity 0.15s linear;\n    }\n\n    &.show {\n        display: block;\n    }\n}\n\n.toast-img {\n    img {\n        @include pixelstrap-size(30px, 30px);\n    }\n}\n\n.bd-example-toasts {\n    min-height: 400px;\n}\n\n.toast:not(.showing):not(.show) {\n    opacity: 0;\n}\n\n.toast-content {\n    display: block;\n    display: -webkit-box;\n    max-width: 100%;\n    height: 65px;\n    margin: 0 auto;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.toast-rtl {\n    &.toast-dark {\n        form {\n            .form-select {\n                font-size: 14px;\n            }\n        }\n    }\n\n    .toast {\n        .toast-header {\n            strong {\n                [dir=\"rtl\"] & {\n                    margin-right: unset !important;\n                    margin-left: auto !important;\n                }\n            }\n        }\n\n        .btn-close {\n            [dir=\"rtl\"] & {\n                margin-right: 6px;\n                margin-left: unset;\n            }\n        }\n    }\n}\n\n.toast-dark {\n    .btn {\n        @media (max-width:1920px) {\n            padding: calc(6px + (6 - 6) * ((100vw - 320px) / (1920 - 320))) calc(4px + (28 - 4) * ((100vw - 320px) / (1920 - 320)));\n        }\n    }\n}\n\n.toast-icons {\n    margin-right: 6px;\n    @include pixelstrap-size(20px, 20px);\n\n    [dir=\"rtl\"] & {\n        margin-right: unset;\n        margin-left: 6px;\n    }\n}\n\n.common-toasts {\n    position: relative;\n\n    .toast {\n        border: 0;\n\n        div[class*='alert-light-'] {\n            padding: 12px;\n            gap: 10px;\n        }\n    }\n\n    .toast-body {\n        @include pixelstrap-flex(flex, center, center);\n        gap: 8px;\n        padding: 0;\n    }\n}\n\n.animated-toast-box {\n    position: fixed;\n    bottom: 0;\n    right: 0;\n    padding: 16px;\n\n    .toast-body {\n        background-color: var(--light-background);\n    }\n}\n\n/**=====================\n   2.30 Toasts CSS Ends\n==========================**/","/**=====================\n  2.31 Touchspin CSS Start\n==========================**/\n.bootstrap-touchspin {\n  input {\n    &.touchspin {\n      padding: 0 12px;\n    }\n  }\n\n  .input-group .btn {\n    padding: 0.5rem 1.75rem;\n  }\n\n  .touchspin-vertical-tab {\n    .input-group {\n      .input-group-btn-vertical {\n        position: relative;\n        white-space: nowrap;\n        width: 1%;\n        vertical-align: middle;\n        display: table-cell;\n\n        .bootstrap-touchspin-down {\n          margin-top: -2px;\n        }\n\n        i {\n          position: absolute;\n          top: 4px;\n          left: 7px;\n          font-size: 10px;\n          font-weight: normal;\n        }\n\n        >.btn {\n          display: block;\n          float: none;\n          width: 100%;\n          max-width: 100%;\n          padding: 9px;\n          margin-left: -1px;\n          position: relative;\n        }\n      }\n    }\n  }\n\n  .input-group {\n    font-family: $font-manrope, $font-serif;\n\n    .btn {\n      border-radius: 0 !important;\n    }\n  }\n\n  .dropdown-basic {\n    .dropdown {\n      .dropbtn {\n        padding: 9px 30px;\n      }\n\n      .dropdown-content {\n        z-index: 9999;\n      }\n    }\n  }\n}\n\n// Custom touchspin arrows\n.touchspin-wrapper {\n  .btn-touchspin {\n    border-radius: 5px;\n    @include pixelstrap-size(32px, 32px);\n\n    i {\n      vertical-align: middle;\n    }\n  }\n\n  input[type='number'] {\n    @include pixelstrap-size(85px, 30px);\n    padding: 3px;\n    text-align: center;\n  }\n}\n\n.hover-touchspin {\n  .btn-touchspin {\n    &.spin-border-dark {\n      &:hover {\n        background-color: $dark-color;\n        color: $white;\n      }\n    }\n  }\n}\n\n.pre-post-touchspin {\n\n  .decrement-touchspin,\n  .increment-touchspin,\n  .input-group-text {\n    padding: 7px 14px;\n    border: 0;\n  }\n\n  .input-group-text {\n    background-color: var(--light-bg);\n  }\n\n  .input-touchspin {\n    border: 1px solid var(--course-light-btn);\n    border-width: 2px;\n    text-align: center;\n  }\n\n  .input-group {\n    width: auto;\n\n    .input-touchspin {\n      @media (max-width:768px) {\n        width: 100px;\n      }\n    }\n  }\n\n  &.bg-touchspin {\n    button[type='button'] {\n      border: 1px solid var(--course-light-btn);\n      border-width: 2px;\n      text-align: center;\n    }\n  }\n\n  .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n}\n\n.rounded-touchspin {\n  .btn-touchspin {\n    border-radius: 50%;\n  }\n\n  .touchspin-wrapper {\n    input[type=\"number\"] {\n      &.input-touchspin {\n        border-radius: 15px;\n      }\n    }\n  }\n}\n\n/* Chrome, Safari, Edge, Opera */\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n/* Firefox */\ninput[type=number] {\n  -moz-appearance: textfield;\n}\n\n/**=====================\n    2.31 Touchspin CSS Ends\n==========================**/","/**=====================\n  2.32 Tour CSS Start\n==========================**/\n\n.introjs-helperLayer {\n  // background-color: rgba(255, 255, 255, 0.9);\n  border: 1px solid rgba(0, 0, 0, 0.5);\n  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);\n}\n\n.introjs-tooltipReferenceLayer {\n  background-color: transparent;\n}\n\n.introjs-helperNumberLayer {\n  color: $white;\n  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);\n  background: $danger-color;\n  background: linear-gradient(to bottom, $tour-color 0%, $tour-color 100%);\n  border: 3px solid $white;\n  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);\n}\n\n.introjs-arrow {\n  // border: 12px solid $white;\n  // &.top {\n  //   border-top-color: transparent;\n  //   border-right-color: transparent;\n  //   border-bottom-color: $tour-color;\n  //   border-left-color: transparent;\n  // }\n\n  // &.top-right {\n  //   border-top-color: transparent;\n  //   border-right-color: transparent;\n  //   border-bottom-color: $tour-color;\n  //   border-left-color: transparent;\n  // }\n\n  // &.top-middle {\n  //   border-top-color: transparent;\n  //   border-right-color: transparent;\n  //   border-bottom-color: $tour-color;\n  //   border-left-color: transparent;\n  // }\n\n  // &.right {\n  //   border-top-color: transparent;\n  //   border-right-color: transparent;\n  //   border-bottom-color: transparent;\n  //   border-left-color: $tour-color;\n  // }\n\n  // &.right-bottom {\n  //   border-top-color: transparent;\n  //   border-right-color: transparent;\n  //   border-bottom-color: transparent;\n  //   border-left-color: $tour-color;\n  // }\n\n  // &.bottom {\n  //   border-top-color: $tour-color;\n  //   border-right-color: transparent;\n  //   border-bottom-color: transparent;\n  //   border-left-color: transparent;\n  // }\n\n  // &.left {\n  //   border-top-color: transparent;\n  //   border-right-color: $tour-color;\n  //   border-bottom-color: transparent;\n  //   border-left-color: transparent;\n  // }\n\n  // &.left-bottom {\n  //   border-top-color: transparent;\n  //   border-right-color: $tour-color;\n  //   border-bottom-color: transparent;\n  //   border-left-color: transparent;\n  // }\n}\n\n.introjs-tooltip {\n  background-color: $primary-color;\n  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);\n  color: $white;\n  border-color: $tour-color;\n  min-width: calc(275px + (310 - 275) * ((100vw - 320px) / (1920 - 320)));\n  max-width: 400px;\n  min-height: 90px;\n}\n\n.introjs-button {\n  border: 1px solid $light-semi-gray;\n  text-shadow: 1px 1px 0 $white;\n  color: $theme-body-font-color !important;\n  background-color: $white;\n  background-image: linear-gradient($white, $white);\n  font-size: 13px;\n\n  &:hover {\n    border-color: $light-semi-gray;\n  }\n\n  &:focus,\n  &:active {\n    background-image: linear-gradient($light-gray, $light-semi-gray);\n  }\n}\n\n.introjs-skipbutton {\n  color: $tour-color;\n}\n\n.introjs-prevbutton {\n  &.introjs-fullbutton {\n    border: 1px solid $light-semi-gray;\n  }\n}\n\n.introjs-disabled {\n  color: $tour-color;\n  border-color: $light-semi-gray;\n\n  &:hover,\n  &:focus {\n    color: $tour-color;\n    border-color: $light-semi-gray;\n  }\n}\n\n.introjs-bullets {\n  ul {\n    li {\n      a {\n        background: $light-gray;\n\n        &:hover {\n          background: $white;\n        }\n\n        &.active {\n          background: $white;\n        }\n      }\n    }\n  }\n}\n\n.introjs-progress {\n  background-color: $light-color;\n}\n\n.introjs-progressbar {\n  background-color: $tour-color;\n}\n\n.introjs-hint:hover>.introjs-hint-pulse {\n  border: 5px solid rgba(60, 60, 60, 0.57);\n}\n\n.introjs-hint-pulse {\n  border: 5px solid rgba(60, 60, 60, 0.27);\n  background-color: rgba(136, 136, 136, 0.24);\n}\n\n.introjs-hint-dot {\n  border: 10px solid rgba(146, 146, 146, 0.36);\n}\n\n.introjs-tooltip-header {\n  display: none;\n}\n\n.introjs-tooltiptext {\n  font-size: 16px;\n}\n\n.introjs-arrow {\n  &.bottom-middle {\n    display: none;\n  }\n}\n\n[class*=\"introjs-\"] {\n  font-family: $font-manrope;\n}\n\n.flex-grow-1 {\n  .tour-wrapper {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n\n    .tour-dot {\n      font-size: 5px;\n    }\n  }\n}\n\n.tour-blog {\n  height: 350px;\n\n  @media (max-width:992px) {\n    height: calc(200px + (350 - 200) * ((100vw - 320px) / (992 - 320)));\n  }\n\n  img {\n    height: 100%;\n    object-fit: cover;\n  }\n}\n\n.info {\n  h6 {\n    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));\n  }\n\n  span {\n    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));\n  }\n}\n\n.tour-email {\n  display: flex;\n  flex-direction: column;\n\n  @media (max-width:576px) {\n    align-items: center;\n  }\n\n  span {\n    color: $badge-light-color;\n  }\n}\n\n.block-ellipsis {\n  display: block;\n  display: -webkit-box;\n  max-width: 100%;\n  margin: 0 auto;\n  font-size: 14px;\n  line-height: 26px !important;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.profile-img-style {\n  h5 {\n    line-height: 25px;\n  }\n}\n\n.list-inline {\n  .list-inline-item {\n    &.b-r-gray {\n      border-right: 1px solid $gray-60;\n    }\n  }\n}\n\n.social-tour {\n  @include pixelstrap-flex(flex, flex-end, center);\n  gap: 26px;\n\n  .list-inline {\n    display: flex;\n    justify-content: center;\n    gap: calc(12px + (26 - 12) * ((100vw - 320px) / (1920 - 320)));\n\n    .list-inline-item {\n      margin-right: 0;\n\n      a {\n        padding: 0px;\n\n        i {\n          font-size: 18px;\n        }\n      }\n    }\n\n    @media (max-width: 599px) {\n      display: none;\n    }\n  }\n\n  .float-sm-end {\n    min-width: 81px;\n  }\n}\n\n.tour-mb-space {\n  margin-bottom: calc(2px + (8 - 2) * ((100vw - 320px) / (1920 - 320)));\n}\n\n.like-comment {\n  .list-inline {\n    justify-content: flex-start;\n\n    @media (max-width:324px) {\n      flex-wrap: wrap;\n      justify-content: flex-start;\n      gap: 8px;\n    }\n\n    .list-inline-item {\n      [dir=\"rtl\"] & {\n        border-right: 0;\n        border-left: 1px solid $gray-60;\n      }\n\n      &:last-child {\n        [dir=\"rtl\"] & {\n          border-right: 0;\n          border-left: unset;\n        }\n      }\n    }\n  }\n}\n\n/**=====================\n  2.32 Tour CSS Ends\n==========================**/","/**=====================\n   2.33 Tree CSS Start\n==========================**/\n\n.sortable-handler {\n\tul {\n\t\tli {\n\t\t\ti {\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.grid-box-wrapper {\n\t@include pixelstrap-flex(flex, space-between, center);\n\tflex-wrap: wrap;\n\n\t@media (max-width:1500px) {\n\t\tjustify-content: flex-start;\n\t}\n\n\t@media (max-width:992px) {\n\t\tjustify-content: center;\n\t}\n}\n\n.grid-box {\n\tpadding: 8px;\n\t@include pixelstrap-size(100px, 100px);\n\tborder-radius: 10px;\n\tdisplay: grid;\n\tplace-items: center;\n}\n\n.draggable-filter {\n\tul {\n\t\tli {\n\t\t\timg {\n\t\t\t\t@include pixelstrap-size(37px, 37px);\n\n\t\t\t}\n\t\t}\n\t}\n}\n\n.stackable-list {\n\t.list-group {\n\t\tpadding: 11px 16px;\n\n\t\t.list-group-item {\n\t\t\tpadding: 11px 16px;\n\n\t\t\t@media (max-width:575px) {\n\t\t\t\tpadding: 11px 8px;\n\t\t\t}\n\n\t\t\ti {\n\t\t\t\tcolor: $warning-color;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.nested-1 {\n\tbackground-color: rgba($primary-color, 0.03);\n}\n\n.nested-2 {\n\tbackground-color: rgba($primary-color, 0.05);\n}\n\n.nested-3 {\n\tbackground-color: rgba($primary-color, 0.07);\n}\n\n.nested-4 {\n\tbackground-color: rgba($primary-color, 0.09);\n}\n\n.swap-wrapper {\n\t.list-group {\n\t\tpadding: 11px 16px;\n\n\t\t.list-group-item {\n\t\t\t@media (max-width:575px) {\n\t\t\t\tpadding: 11px 4px;\n\t\t\t}\n\t\t}\n\n\t\timg {\n\t\t\theight: 16px;\n\t\t\twidth: auto;\n\t\t}\n\t}\n}\n\n/**=====================\n   2.33 Tree CSS Ends\n==========================**/","/**=====================\n    2.34 Typeahead-search CSS Start\n==========================**/\n.Typeahead {\n  width: 100%;\n\n  * {\n    box-sizing: border-box;\n\n    &:before {\n      box-sizing: border-box;\n    }\n\n    &:after {\n      box-sizing: border-box;\n    }\n  }\n\n  .tt-hint {\n    display: none !important;\n  }\n}\n\n.u-cf {\n  &:before {\n    content: \" \";\n    display: table;\n  }\n\n  &:after {\n    content: \" \";\n    display: table;\n    clear: both;\n  }\n}\n\n.u-hidden {\n  display: none !important;\n}\n\n.u-posRelative {\n  position: relative;\n}\n\n.Typeahead-spinner {\n  position: absolute;\n  top: 14px;\n  right: 18px;\n  display: none;\n  color: #c5c5c5;\n}\n\n.ProfileCard-avatar {\n  svg {\n    height: 18px;\n    vertical-align: bottom;\n\n    path {\n      color: #7e7c7c !important;\n    }\n\n    polygon {\n      color: #7e7c7c !important;\n    }\n  }\n}\n\n.Typeahead-hint {\n  width: 100%;\n  padding: 5px 8px;\n  font-size: 24px;\n  line-height: 30px;\n  border: 1px solid #024e6a;\n  -webkit-border-radius: 8px;\n  -moz-border-radius: 8px;\n  border-radius: 8px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  color: #ccd6dd;\n  opacity: 1;\n}\n\n.Typeahead-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  padding: 15px;\n  z-index: 100;\n  display: none;\n  width: 100%;\n  overflow: hidden;\n  background-color: $white;\n  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);\n}\n\n.Typeahead-menu.is-open {\n  display: block;\n}\n\n.Typeahead-selectable {\n  cursor: pointer;\n\n  + {\n    .Typeahead-selectable {\n      border-top: 1px solid #ccd6dd;\n    }\n  }\n}\n\n.ProfileCard {\n  position: relative;\n  padding: 10px;\n  border: 1px solid $gray-60 !important;\n  margin-bottom: 10px;\n  border-radius: 10px;\n\n  &:hover {\n    color: #414345;\n    background: #f8f8f8;\n\n    .ProfileCard-avatar {\n      border-color: #f5f8fa;\n    }\n\n    .ProfileCard-screenName {\n      color: $white;\n    }\n\n    .ProfileCard-stat-label {\n      color: $white;\n    }\n  }\n}\n\n.ProfileCard-avatar {\n  position: absolute;\n  border-radius: 5px;\n}\n\n.ProfileCard-details {\n  padding-left: 35px;\n  float: left;\n}\n\n.ProfileCard-realName {\n  display: inline-block;\n  color: $dark-gray;\n}\n\n.ProfileCard-screenName {\n  display: inline-block;\n  color: $dark-gray;\n}\n\n.ProfileCard-description {\n  margin-top: 5px;\n  font-size: 14px;\n  line-height: 18px;\n}\n\n.ProfileCard-stats {\n  float: right;\n  text-align: right;\n}\n\n.ProfileCard-stat {\n  display: inline-block;\n  font-size: 12px;\n  line-height: 16px;\n  text-transform: uppercase;\n\n  + {\n    .ProfileCard-stat {\n      margin-left: 5px;\n    }\n  }\n}\n\n.ProfileCard-stat-label {\n  color: $dark-gray;\n  font-weight: 500;\n}\n\n.ProfileCard.is-active {\n  color: $white;\n  background: var(--theme-default);\n\n  .ProfileCard-screenName {\n    color: $white;\n  }\n\n  .ProfileCard-stat-label {\n    color: $white;\n  }\n}\n\n.EmptyMessage {\n  position: relative;\n  padding: 10px;\n  font-size: 14px;\n  line-height: 30px;\n  text-align: center;\n}\n\n.Typeahead-spinner {\n  width: 1rem;\n  height: 1rem;\n}\n\n\n// typehead new search \n$color_1: #333;\n$color_2: #fff;\n$color_3: #aaa;\n$background-color_1: #fff;\n$background-color_2: #444;\n$background-color_3: #333;\n$background-color_4: #eee;\n\n.sey-container {\n  display: none;\n  position: absolute;\n  box-shadow: 1px 2px 6px;\n  background-color: $background-color_1;\n  color: $color_1;\n  transition: left 0.1s ease-in-out;\n  z-index: 1;\n}\n\n.sey-list {\n  padding: 0;\n  margin: 0;\n  list-style-type: none;\n}\n\n.sey-show {\n  display: block;\n}\n\n.sey-hide {\n  display: none;\n}\n\n.sey-empty {\n  cursor: default;\n  padding: 7px;\n}\n\n.sey-item {\n  cursor: pointer;\n  @include pixelstrap-ellipsis;\n  padding: 7px;\n\n  &:hover {\n    background-color: $background-color_2;\n    color: $color_2;\n  }\n}\n\n.sey-selected {\n  background-color: $background-color_3;\n  color: $color_2;\n}\n\n.sey-char-highlight {\n  font-weight: bold;\n}\n\n.sey-category-id {\n  background-color: $background-color_4;\n  color: $color_3;\n  text-align: right;\n  text-transform: capitalize;\n  font-style: italic;\n  font-size: 12px;\n  box-shadow: 1px 0px 1px;\n  padding: 7px;\n}\n\n/**=====================\n  2.34 Typeahead-search CSS Ends\n==========================**/","/**=====================\n    2.35 Scrollbar CSS Start\n==========================**/\n[data-simplebar] {\n    position: unset;\n}\n\n.simplebar-mask {\n    top: 100px;\n}\n\n.simplebar-track {\n    right: -2px;\n\n    &.simplebar-vertical {\n        top: 100px;\n        width: 10px;\n    }\n\n    &.simplebar-horizontal {\n        visibility: hidden !important;\n    }\n}\n\n.simplebar-scrollbar {\n    &:before {\n        background: rgba($primary-color, 0.2);\n    }\n}\n\n.scrollbar-images {\n    margin-bottom: 12px;\n}\n\n.visible-wrapper {\n    img {\n        width: calc(230px + (330 - 230) * ((100vw - 320px) / (1920 - 320))) !important;\n    }\n}\n\n.horizontal-scroll {\n    .horz-scroll-content {\n        .horizontal-img {\n            height: 100%;\n            max-width: 240px;\n\n            @media (max-width:576px) {\n                max-width: calc(220px + (240 - 220) * ((100vw - 320px) / (576 - 320)));\n            }\n\n            img {\n                height: 100%;\n                object-fit: cover;\n            }\n        }\n    }\n}\n\n.scroll-demo {\n    &.scroll-b-none {\n        padding: 0;\n        border: none;\n    }\n\n    .scroll-rtl {\n        .list-group-item {\n            span {\n                [dir=\"rtl\"] & {\n                    margin-right: auto;\n                }\n            }\n        }\n    }\n}\n\n.vertical-scroll {\n    &.scroll-demo {\n        .list-group {\n            .list-group-item {\n                .list-wrapper {\n                    .list-img {\n                        @media (max-width:1497px) {\n                            height: 40px;\n                            width: auto;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n/**=====================\n    2.35 Scrollbar CSS Ends\n==========================**/","/**=====================\n  3.1 Add-product CSS Start\n==========================**/\n\n.sidebar-left-wrapper {\n    border-right: 1px solid var(--recent-dashed-border);\n\n    [dir=\"rtl\"] & {\n        border-right: unset;\n        border-left: 1px solid var(--recent-dashed-border);\n    }\n\n    @media (max-width:1199px) {\n        border-right: unset;\n        margin-bottom: 25px;\n\n        [dir=\"rtl\"] & {\n            border-left: unset;\n        }\n    }\n\n\n    .sidebar-left-icons {\n        display: block;\n\n        .nav-item {\n            position: relative;\n            padding-bottom: 50px;\n            z-index: 0;\n            overflow: hidden;\n\n            @media (max-width:1199px) {\n                padding-bottom: 25px;\n            }\n\n            &:first-child {\n                .nav-link {\n                    padding-top: 0;\n                }\n            }\n\n            &:last-child {\n                padding-bottom: 0;\n\n                .nav-link {\n                    padding-bottom: 0;\n                }\n            }\n\n            &::before {\n                content: \"\";\n                position: absolute;\n                border: 1px dashed rgba($badge-light-color, 0.3);\n                bottom: 0px;\n                height: calc(100% - 42px);\n                left: 20px;\n                z-index: -1;\n\n                [dir=\"rtl\"] & {\n                    left: unset;\n                    right: 20px;\n                }\n\n                @media (max-width:1199px) {\n                    height: 25px;\n                }\n            }\n\n            &:last-child {\n\n                &::before {\n                    content: none;\n                }\n\n                .nav-link {\n                    padding-bottom: 0;\n                }\n            }\n\n            .nav-link {\n                display: flex;\n                align-items: center;\n                gap: 12px;\n                padding: 8px 0;\n                background-color: var(--white);\n\n                &.active {\n                    color: unset;\n                    background-color: unset !important;\n                    .nav-rounded {\n                        border: 1px solid var(--theme-default);\n\n                        .product-icons {\n                            background-color: var(--theme-default);\n\n                            svg {\n                                stroke: $white;\n                                animation: tada 2.4s ease infinite;\n                            }\n                        }\n                    }\n\n                    .product-tab-content {\n                        h6 {\n                            color: var(--theme-default);\n                            font-weight: 500;\n                        }\n                    }\n                }\n\n                .nav-rounded {\n                    min-width: 42px;\n                    height: 42px;\n                    border: 1px solid var(--recent-dashed-border);\n                    position: relative;\n                    z-index: 2;\n                    border-radius: 100%;\n                    padding: 2px;\n                    box-shadow: inset 0px 9px 20px 0px rgb(46 35 94 / 7%);\n\n\n                    .product-icons {\n                        min-width: 100%;\n                        height: 100%;\n                        background-color: var(--white);\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                        border-radius: 100%;\n\n                        svg {\n                            @include pixelstrap-size(18px, 18px);\n                            stroke: rgba($badge-light-color, 0.8);\n                        }\n                    }\n                }\n\n                .product-tab-content {\n                    h6 {\n                        color: var(--body-font-color);\n                        font-weight: 400;\n                        overflow: hidden;\n                        text-overflow: ellipsis;\n                        display: -webkit-box;\n                        -webkit-line-clamp: 1;\n                        -webkit-box-orient: vertical;\n                        width: 100%;\n\n                        @media (max-width:575px) {\n                            text-align: left;\n                        }\n                    }\n\n                    p {\n                        color: var(--chart-text-color);\n                        overflow: hidden;\n                        text-overflow: ellipsis;\n                        display: -webkit-box;\n                        -webkit-line-clamp: 1;\n                        -webkit-box-orient: vertical;\n                        width: 100%;\n\n                        @media (max-width:575px) {\n                            text-align: left;\n                        }\n                    }\n                }\n            }\n\n            &:hover {\n                .nav-rounded {\n                    border: 1px solid var(--theme-default);\n\n                    .product-icons {\n                        background-color: var(--light-shade-primary, 1);\n\n                        svg {\n                            stroke: var(--theme-default);\n                            animation: tada 1.5s ease infinite;\n                        }\n                    }\n                }\n\n                .product-tab-content {\n                    h6 {\n                        color: var(--theme-default);\n                    }\n                }\n            }\n        }\n    }\n}\n\n// Product \n.sidebar-body {\n    &.advance-options {\n        .nav-tabs {\n            .nav-item {\n                @media (max-width:576px) {\n                    padding: 10px 0;\n                }\n            }\n        }\n    }\n\n    form {\n\n        .form-control,\n        .form-select {\n            &:focus {\n                box-shadow: unset;\n                border-color: unset;\n            }\n        }\n    }\n\n    .ql-snow {\n        .ql-picker-label {\n            [dir=\"rtl\"] & {\n                padding-right: 8px;\n                padding-left: 2px;\n            }\n        }\n    }\n\n    .ql-toolbar {\n        &.ql-snow {\n            .ql-formats {\n                @media (max-width:575px) {\n                    margin-right: 0 !important;\n                }\n            }\n        }\n    }\n\n    .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {\n        [dir=\"rtl\"] & {\n            right: unset;\n            left: 0;\n        }\n    }\n\n    .form-select {\n        [dir=\"rtl\"] & {\n            padding: 6px 12px 6px 36px !important;\n        }\n    }\n\n    .ql-formats {\n        border-right: 1px solid var(--recent-dashed-border);\n\n        [dir=\"rtl\"] & {\n            border-left: 1px solid var(--recent-dashed-border);\n            border-right: unset;\n        }\n\n        @media (max-width:575px) {\n            border-right: unset;\n\n            [dir=\"rtl\"] & {\n                border-left: unset;\n\n            }\n        }\n\n        &:last-of-type {\n            border-right: unset;\n\n            [dir=\"rtl\"] & {\n                border-left: unset;\n            }\n        }\n    }\n\n    #editor2 {\n        min-height: 160px;\n    }\n}\n\n// Gallery product\n.sidebar-body {\n\n    input[type=number]::-webkit-inner-spin-button,\n    input[type=number]::-webkit-outer-spin-button {\n        -webkit-appearance: inner-spin-button;\n    }\n\n    .form-select,\n    .form-control {\n        font-size: 14px;\n        color: rgba($badge-light-color, 0.8);\n    }\n\n    .product-upload {\n        .dropzone {\n            .dz-message {\n                i {\n                    font-size: 42px;\n                }\n            }\n        }\n\n        p {\n            margin-bottom: calc(8px + (18 - 8) * ((100vw - 320px) / (1920 - 320)));\n            line-height: 0;\n\n            @media (max-width:344px) {\n                line-height: normal;\n            }\n        }\n\n        &:nth-child(1) {\n            margin-bottom: 40px;\n\n            @media (max-width:400px) {\n                margin-bottom: 26px;\n            }\n        }\n\n        &:nth-child(2) {\n            margin-bottom: 65px;\n\n            @media (max-width:1199px) {\n                margin-bottom: 0;\n            }\n        }\n\n\n        form {\n            svg {\n                @include pixelstrap-size(48px, 48px);\n            }\n\n            h6 {\n                font-weight: 400;\n                font-size: 14px;\n                line-height: 1.8;\n            }\n\n            span {\n                color: var(--chart-text-color);\n                font-size: 14px;\n            }\n        }\n    }\n}\n\n.category-button {\n    padding-bottom: 30px;\n    border-bottom: 1px dashed var(--recent-dashed-border);\n\n    @media (max-width:575px) {\n        padding-bottom: 25px;\n    }\n\n    a {\n        padding: 12px;\n    }\n}\n\n.create-category {\n    .toolbar-box {\n        margin-top: 12px;\n    }\n}\n\n.product-date {\n    .form-control[readonly] {\n        background-color: var(--white);\n    }\n}\n\n.price-wrapper {\n    .radio-wrapper {\n        justify-content: flex-start;\n        margin-top: 4px;\n\n        li {\n            max-width: 200px;\n\n            .form-check-input {\n                border-radius: 5px;\n                background-color: var(--light-background);\n\n                ~.form-check-label {\n                    span {\n                        color: $color-scarpa;\n                        font-size: 15px;\n                        position: relative;\n                    }\n                }\n\n                &:checked {\n                    background-color: var(--light-background);\n                    border: 1px solid var(--theme-default);\n                    border-radius: 5px;\n\n                    ~.form-check-label {\n                        span {\n                            color: var(--theme-default);\n                            position: relative;\n                        }\n                    }\n                }\n            }\n        }\n    }\n\n    .form-select {\n        font-size: 15px;\n        color: rgba($badge-light-color, 0.8);\n    }\n}\n\n// Advance options\n.advance-options {\n    ul {\n        border-bottom: 1px solid var(--recent-dashed-border);\n\n        &.border-tab {\n            &.nav-tabs {\n                row-gap: 18px;\n                flex-wrap: wrap;\n\n                .nav-item {\n                    .nav-link {\n                        color: var(--body-font-color);\n                        border-bottom: 2px solid transparent;\n                        transition: all 0.3s ease-in-out;\n                        padding: 0 calc(2px + (25 - 2) * ((100vw - 320px) / (1920 - 320))) 10px calc(2px + (25 - 2) * ((100vw - 320px) / (1920 - 320)));\n\n                        @media (max-width:1199px) {\n                            padding: 0 calc(5px + (25 - 5) * ((100vw - 320px) / (1920 - 320))) 10px calc(5px + (25 - 5) * ((100vw - 320px) / (1920 - 320)));\n                        }\n\n                        &.active {\n                            border-bottom: 2px solid var(--theme-default);\n                            color: var(--body-font-color);\n                            transition: all 0.3s ease-in-out;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n.meta-body {\n    padding-top: 16px;\n\n    .custom-input {\n        .form-check {\n            .form-check-input {\n\n                &:checked {\n                    background-color: var(--theme-default);\n                }\n\n                &:valid {\n                    border-color: var(--theme-default);\n\n                    ~ {\n                        .form-check-label {\n                            color: rgba($badge-light-color, 0.8);\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n.product-tag {\n    .tagify {\n        border-radius: 4px;\n        padding: 0;\n        height: auto;\n        width: 100%;\n        display: flex;\n        align-items: center;\n    }\n}\n\n.tagify__tag {\n    margin: 5px 0 5px 5px;\n\n    [dir=\"rtl\"] & {\n        margin-right: 5px;\n        margin-left: 0px;\n    }\n}\n\n.tagify__input {\n    margin: 0;\n}\n\n.tagify__tag__removeBtn {\n    [dir=\"rtl\"] & {\n        margin-right: auto;\n        margin-left: 4.6666666667px;\n    }\n}\n\n.list-product {\n\n    &.list-category {\n        .square-white {\n\n            @include square-box(34px, 34px, 2px, $white);\n            @include pixelstrap-flex(flex, center, center);\n            box-shadow: 0px 0px 28px 6px rgba(235, 235, 235, 0.4);\n\n            svg {\n                fill: rgba($badge-light-color, 0.8);\n                @include pixelstrap-size(16px, 16px);\n            }\n        }\n\n        div.dt-container {\n            .dt-layout-row {\n                .dt-search {\n                    top: 26px;\n                    right: 214px;\n\n                    @media (max-width:640px) {\n                        top: 4px;\n                    }\n\n                    .dt-input {\n                        width: auto;\n                    }\n                }\n            }\n        }\n\n        table {\n\n            thead,\n            tbody {\n                tr {\n\n                    th,\n                    td {\n\n                        color: var(--body-font-color);\n                        min-width: auto;\n\n                        &:first-child {\n                            padding-left: 20px;\n                        }\n\n                        &:last-child {\n                            padding-right: 20px;\n                        }\n\n                        p {\n                            @media (min-width:1200px) {\n                                @include multi-line-ellipsis(1, auto, vertical, hidden);\n                            }\n                        }\n\n                        @media (min-width:320px) {\n                            &:nth-child(4) {\n                                min-width: 128px;\n                            }\n                        }\n\n                        @media (max-width:1310px) {\n                            &:nth-child(4) {\n                                min-width: 125px;\n                            }\n                        }\n\n                        @media (max-width:1199px) {\n                            &:nth-child(2) {\n                                min-width: 220px;\n                            }\n\n                            &:nth-child(3) {\n                                min-width: 510px;\n                            }\n                        }\n\n                        .badge {\n                            padding: 6px 12px;\n                            font-size: 12px;\n                        }\n                    }\n                }\n            }\n        }\n    }\n\n    .datatable-container {\n        overflow-x: auto;\n\n        thead {\n            tr {\n                th {\n                    &:nth-child(8) {\n                        @media (max-width:1445px) {\n                            display: none;\n                        }\n                    }\n                }\n            }\n        }\n\n        tbody {\n            tr {\n                cursor: pointer;\n\n                td {\n                    &:nth-child(8) {\n                        @media (max-width:1445px) {\n                            display: none;\n                        }\n                    }\n                }\n            }\n        }\n    }\n\n    .datatable-dropdown {\n        position: relative;\n\n        label {\n            color: var(--body-font-color);\n\n            &:before {\n                content: \"\\f107\";\n                position: absolute;\n                top: 6px;\n                left: 38px;\n                font-family: \"FontAwesome\";\n                font-size: 16px;\n                margin: 0;\n                color: var(--chart-text-color);\n\n                [dir=\"rtl\"] & {\n                    right: 38px;\n                    left: unset;\n                }\n            }\n        }\n    }\n\n    .datatable-selector {\n        appearance: none;\n        min-width: 55px;\n\n        &:focus,\n        &:focus-visible {\n            outline: none;\n        }\n    }\n\n    .datatable-sorter {\n\n        &::before,\n        &::after {\n\n            [dir=\"rtl\"] & {\n                right: unset;\n                left: 4px;\n            }\n        }\n    }\n\n    tr {\n\n        th,\n        td {\n            text-align: left;\n\n            [dir=\"rtl\"] & {\n                text-align: right;\n            }\n        }\n\n        th:nth-child(1) {\n            .datatable-sorter {\n\n                &::before,\n                &::after {\n                    border: none;\n\n                }\n            }\n        }\n\n        th,\n        td {\n            &:nth-child(1) {\n                min-width: 20px;\n            }\n        }\n\n        th,\n        td {\n            &:nth-child(2) {\n                min-width: 110px;\n\n                @media (max-width:1460px) {\n                    min-width: 230px;\n                }\n            }\n        }\n\n        th,\n        td {\n            &:nth-child(3) {\n                min-width: 90px;\n            }\n        }\n\n        th,\n        td {\n            &:nth-child(4) {\n                min-width: 120px;\n            }\n        }\n\n        th,\n        td {\n            &:nth-child(5) {\n                min-width: 120px;\n            }\n        }\n\n        th,\n        td {\n            &:nth-child(6) {\n                min-width: 80px;\n            }\n        }\n\n        th,\n        td {\n            &:nth-child(7) {\n                min-width: 100px;\n            }\n        }\n\n        th,\n        td {\n            &:nth-child(8) {\n                min-width: 140px;\n            }\n        }\n\n        th,\n        td {\n            &:nth-child(9) {\n                min-width: 105px;\n            }\n        }\n    }\n\n    &:focus-visible {\n        outline: 0;\n    }\n\n    .datatable-top {\n        display: flex;\n        gap: 22px;\n        flex-wrap: wrap;\n    }\n\n    .datatable-search {\n        float: left;\n\n        [dir=\"rtl\"] & {\n            float: right;\n        }\n    }\n\n    .datatable-container {\n        &:focus-visible {\n            outline: 0;\n        }\n    }\n\n    .datatable-bottom {\n        .datatable-info {\n            color: var(--body-font-color);\n        }\n    }\n\n    .datatable-top {\n        padding: 0;\n    }\n\n    .datatable-pagination {\n        li {\n            &.datatable-hidden {\n                visibility: visible;\n\n                a {\n                    color: var(--theme-default);\n                    font-weight: 500;\n                    opacity: 1;\n                }\n            }\n        }\n\n        .datatable-active {\n            .datatable-pagination-list-item-link {\n                background-color: var(--theme-default);\n                color: var(--white);\n            }\n        }\n\n        .datatable-pagination-list-item-link {\n            background-color: rgba(var(--light-shade-primary), 0.02);\n            border-radius: 5px;\n        }\n    }\n}\n\n.table {\n    &#project-status {\n        tbody {\n            tr {\n                td {\n                    vertical-align: inherit;\n                }\n            }\n        }\n    }\n}\n\n.product-names {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n\n    .light-product-box {\n        min-width: 49px;\n        height: 49px;\n        border-radius: 3px;\n        background-color: var(--light-background);\n        @include pixelstrap-flex(flex, center, center);\n\n        img {\n            height: 26px;\n        }\n    }\n}\n\n.datatable-input,\n.datatable-selector {\n    border: 1px solid var(--recent-dashed-border);\n    border-radius: 5px;\n    background: unset;\n}\n\n.e-category {\n    @media (max-width:767px) {\n        .col {\n            &.m-t-40 {\n                margin-top: 20px !important;\n            }\n        }\n    }\n\n    .category-popup {\n        .tagify {\n            width: 100%;\n            border-radius: 4px;\n            padding: 0;\n            height: auto;\n            width: 100%;\n            display: flex;\n            align-items: center;\n            border-color: var(--bs-border-color);\n        }\n    }\n\n    .form-label {\n        color: $badge-light-color;\n    }\n\n    .form-control {\n        font-size: 14px;\n        color: var(--body-font-color);\n\n        &::placeholder {\n            color: rgba($badge-light-color, 0.6);\n        }\n    }\n\n    .form-select {\n        font-size: 14px;\n        color: rgba($badge-light-color, 0.8);\n    }\n\n    .main-divider {\n        padding-block: 18px;\n\n        .divider-body {\n            position: relative;\n            z-index: 0;\n\n            &::before {\n                content: '';\n                position: absolute;\n                top: 50%;\n                left: 0;\n                transform: translateY(-50%);\n                width: 100%;\n                border: 1px dashed rgba($badge-light-color, 0.1);\n                z-index: -1;\n            }\n\n            h6 {\n                background-color: var(--white);\n                display: inline-block;\n                color: $badge-light-color;\n                padding-right: 12px;\n            }\n        }\n    }\n}\n\n// Discount options\n.discount-options {\n    justify-content: flex-start;\n    margin-top: 4px;\n    gap: calc(12px + (30 - 12) * ((100vw - 320px) / (1920 - 320)));\n\n    @media (max-width:575px) {\n        display: flex !important;\n    }\n\n    .nav-item {\n        .nav-link {\n            position: relative;\n            width: 185px;\n            height: 70px;\n            padding: 12px;\n            border: none;\n            text-align: center;\n            @include pixelstrap-flex(flex, center, center);\n            border-radius: 5px;\n            background-color: var(--light-background);\n            color: $color-scarpa;\n            font-size: 15px;\n\n            @media (min-width:1200px) {\n                width: calc(170px + (185 - 170) * ((100vw - 320px) / (1920 - 320)));\n                height: calc(58px + (70 - 58) * ((100vw - 320px) / (1920 - 320)));\n                font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));\n            }\n\n            &.active {\n                background-color: var(--theme-default);\n                color: $white;\n            }\n        }\n    }\n}\n\n.common-form {\n    .product-buttons {\n        margin: 15px 0 0 0;\n        text-align: end;\n        border-top: 1px solid var(--recent-dashed-border);\n        padding: 12px 0 0 0;\n        position: absolute;\n        bottom: 0;\n        width: calc(100% - 48px);\n        left: 50%;\n        transform: translateX(-50%);\n\n        [dir=\"rtl\"] & {\n            left: unset;\n            right: 50%;\n            transform: translateX(50%);\n        }\n\n        @media (max-width:1199px) {\n            position: unset;\n            width: 100%;\n            transform: unset;\n\n            [dir=\"rtl\"] & {\n                transform: unset;\n            }\n        }\n\n        svg {\n            @include svg-size(18px, var(--chart-text-color));\n            vertical-align: sub;\n\n            @media (max-width:400px) {\n                @include pixelstrap-size(15px, 15px);\n            }\n        }\n\n        .btn {\n            border: 1px solid $gray-60;\n            color: var(--chart-text-color);\n            font-weight: 500;\n            padding: 6px 20px;\n\n            @media (max-width:1400px) {\n                padding: 6px 16px;\n            }\n\n            @media (max-width:400px) {\n                padding: 6px 8px;\n            }\n\n            &:hover,\n            &:active {\n                background-color: var(--theme-default);\n                color: $light;\n\n                svg {\n                    stroke: $light;\n                }\n            }\n\n            &:first-child {\n                margin-right: 12px;\n\n                svg {\n                    margin-right: 8px;\n                }\n            }\n\n            &:last-child {\n                svg {\n                    margin-left: 8px;\n                }\n            }\n        }\n    }\n}\n\n.common-tagify {\n    .tagify {\n        border-radius: 4px;\n        padding: 0;\n        height: auto;\n        width: 100%;\n        display: flex;\n        align-items: center;\n    }\n}\n\n.category-btn {\n    @include pixelstrap-flex(flex, center, center);\n    margin-top: 24px;\n\n    @media (max-width:767px) {\n        margin-top: 0;\n    }\n    .btn {\n        &:hover {\n            background-color: var(--light-shade-primary);\n            border-color: var(--light-shade-primary);\n        }\n    }\n}\n\n.product-page-width {\n    tbody {\n        tr {\n            td {\n                padding: 8px 12px;\n                border: 1px solid var(--recent-dashed-border);\n            }\n        }\n    }\n}\n\n// Review and rating \n.review-box {\n    .product-rating {\n        .common-flex {\n            gap: 6px;\n\n            i {\n                font-size: 18px;\n                color: rgba($badge-light-color, 0.8);\n\n                &.fill {\n                    color: #ffa800;\n                }\n            }\n        }\n    }\n\n    .rating-box {\n        ul {\n            @include pixelstrap-flex(flex, center, center);\n            gap: 10px;\n            flex-wrap: wrap;\n\n            li {\n                width: 100%;\n\n                .rating-list {\n                    @include pixelstrap-flex(flex, center, center);\n                    gap: 12px;\n                    flex-wrap: nowrap;\n\n                    h6 {\n                        white-space: nowrap;\n                        font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320)));\n                        line-height: 1.2;\n                        margin: 0;\n                        font-weight: 400;\n\n                        i {\n                            margin-left: 3px;\n                            font-size: 14px;\n                            color: rgba($badge-light-color, 0.6);\n\n                            [dir=\"rtl\"] & {\n                                margin-left: unset;\n                                margin-right: 3px;\n                            }\n                        }\n                    }\n\n                    .progress {\n                        width: 100%;\n                        border-radius: 4px;\n                        display: flex;\n                        height: 8px;\n                        overflow: hidden;\n                        font-size: 12px;\n\n                        .progress-bar {\n                            background: var(--theme-default);\n                        }\n                    }\n                }\n            }\n        }\n    }\n\n    .review-people {\n        .review-list {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 16px;\n            align-items: center;\n            max-height: 330px;\n            overflow-y: auto;\n\n            li {\n                display: block;\n                width: 100%;\n\n                .people-box {\n                    display: flex;\n                    width: 100%;\n                    border-radius: 10px;\n                    padding: 16px 20px;\n                    background: var(--light-background);\n\n                    @media (max-width:575px) {\n                        flex-wrap: wrap;\n                        gap: 8px;\n                    }\n\n                    .people-comment {\n                        .people-name {\n                            display: flex;\n                            align-items: center;\n                            gap: 8px;\n                            flex-wrap: wrap;\n\n                            >div {\n                                display: flex;\n                                gap: 3px;\n                            }\n                        }\n\n                        .date-time {\n                            display: block;\n                        }\n\n                        .product-rating {\n                            .common-flex {\n                                gap: 3px;\n\n                                i {\n                                    font-size: 12px;\n                                }\n                            }\n                        }\n\n                        h6 {\n                            font-size: 13px;\n                            color: rgba($badge-light-color, 0.8);\n                            font-weight: 400;\n                            margin-left: auto;\n\n                            [dir=\"rtl\"] & {\n                                margin-left: unset;\n                                margin-right: auto;\n                            }\n                        }\n                    }\n\n                    img {\n                        height: calc(45px + (58 - 45) * ((100vw - 320px) / (1920 - 320)));\n                        border-radius: 8px;\n                        object-fit: cover;\n                        transition: all 0.3s ease-in-out;\n                    }\n\n                    .people-comment {\n                        padding-left: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));\n\n                        [dir=\"rtl\"] & {\n                            padding-right: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));\n                            padding-left: unset;\n                        }\n\n                        @media (max-width:575px) {\n                            padding-left: 0;\n\n                            [dir=\"rtl\"] & {\n                                padding-left: unset;\n                                padding-right: 0;\n                            }\n                        }\n\n                        .name {\n                            display: block;\n                            font-weight: 500;\n\n                            &:hover {\n                                color: var(--theme-default);\n                            }\n                        }\n\n\n                        .date-time {\n                            @include pixelstrap-flex(flex, space-between, center);\n                            width: 100%;\n\n                            h6 {\n                                margin: 0;\n                            }\n                        }\n                    }\n\n                    .reply {\n                        margin-top: 2px;\n                        line-height: 1.6;\n\n                        p {\n                            margin: 0;\n                            line-height: 1.6;\n                            @include multi-line-ellipsis(2, auto, vertical, hidden);\n\n                            @media (max-width:575px) {\n                                -webkit-line-clamp: 3;\n                            }\n                        }\n\n                    }\n                }\n            }\n        }\n    }\n}\n\n.product-rating-box {\n    .main-product-rating {\n        font-size: 30px;\n\n        i {\n            font-size: 22px;\n            color: $warning-color;\n            margin-left: 4px;\n            margin-top: -8px;\n            vertical-align: middle;\n\n            [dir=\"rtl\"] & {\n                margin-left: unset;\n                margin-right: 4px;\n            }\n        }\n    }\n\n    .review-title-2 {\n        border-top: 1px solid var(--chart-progress-light);\n        padding-top: calc(13px + 12*(100vw - 320px)/1600);\n        margin-top: calc(13px + 12*(100vw - 320px)/1600);\n\n        p {\n            margin-bottom: calc(7px + 6*(100vw - 320px)/1600);\n            font-size: 15px;\n            line-height: 1.6;\n            color: rgba($badge-light-color, 0.6);\n        }\n    }\n\n    .product-review-rating {\n        @include pixelstrap-flex(flex, flex-start, center);\n        gap: 8px;\n        padding-bottom: 12px;\n        margin-bottom: 12px;\n\n        .product-rating {\n            .common-flex {\n                i {\n                    font-size: 14px;\n                }\n            }\n        }\n    }\n}\n\n.list-product-view {\n    .list-product {\n        .recent-table {\n            div.dt-container {\n                .dt-layout-row {\n                    .dt-search {\n                        top: 26px;\n                        right: 214px;\n\n                        @media (max-width:640px) {\n                            top: 4px;\n                        }\n\n                        .dt-input {\n                            width: auto;\n                        }\n                    }\n                }\n            }\n\n            table {\n\n                thead,\n                tbody {\n                    tr {\n\n                        th,\n                        td {\n\n                            color: var(--body-font-color);\n                            min-width: auto;\n\n                            &:first-child {\n                                padding-left: 20px;\n                            }\n\n                            &:last-child {\n                                padding-right: 20px;\n                            }\n\n                            .product-action {\n                                @include pixelstrap-flex(flex, flex-start, center);\n                                gap: 8px;\n\n                                .square-white {\n                                    @include square-box(34px, 34px, 2px, $white);\n                                    @include pixelstrap-flex(flex, center, center);\n                                    box-shadow: 0px 0px 28px 6px rgba(235, 235, 235, 0.4);\n\n                                    svg {\n                                        @include pixelstrap-size(18px, 18px);\n                                        cursor: pointer;\n                                        fill: var(--theme-default);\n                                        @include pixelstrap-size(16px, 16px);\n                                    }\n                                }\n                            }\n\n                            .badge {\n                                padding: 6px 12px;\n                                font-size: 12px;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n\n.list-product {\n    .product-list-table {\n        &.recent-table {\n\n            thead,\n            tbody {\n                tr {\n\n                    th,\n                    td {\n                        a {\n                            color: var(--body-font-color);\n                        }\n\n                        .product-names {\n                            p {\n                                @include pixelstrap-ellipsis;\n                            }\n                        }\n\n                        &:nth-child(4) {\n                            @include pixelstrap-ellipsis;\n                        }\n\n                        @media (max-width:1382px) and (min-width:1200px) {\n                            &:nth-child(6) {\n                                display: none;\n                            }\n                        }\n\n                        @media (max-width:1330px) and (min-width:1200px) {\n                            &:nth-child(8) {\n                                display: none;\n                            }\n                        }\n\n                        @media (max-width:1199px) {\n                            &:nth-child(2) {\n                                min-width: 285px;\n                            }\n\n                            &:nth-child(3) {\n                                min-width: 110px;\n                            }\n\n                            &:nth-child(4) {\n                                min-width: 138px;\n                            }\n\n                            &:nth-child(5) {\n                                min-width: 90px;\n                            }\n\n                            &:nth-child(7) {\n                                min-width: 98px;\n                            }\n\n                            &:nth-child(8) {\n                                min-width: 100px;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n.product-list-table {\n\n    thead,\n    tbody {\n        tr {\n\n            th,\n            td {\n                @media (max-width:1382px) and (min-width:1200px) {\n                    &:nth-child(6) {\n                        display: none;\n                    }\n                }\n\n                @media (max-width:1330px) and (min-width:1200px) {\n                    &:nth-child(8) {\n                        display: none;\n                    }\n                }\n\n                @media (max-width:1199px) {\n                    &:nth-child(2) {\n                        min-width: 285px;\n                    }\n\n                    &:nth-child(3) {\n                        min-width: 110px;\n                    }\n\n                    &:nth-child(4) {\n                        min-width: 138px;\n                    }\n\n                    &:nth-child(5) {\n                        min-width: 90px;\n                    }\n\n                    &:nth-child(8) {\n                        min-width: 100px;\n                    }\n                }\n            }\n        }\n    }\n}\n\n.product-info-table {\n    .table {\n        tbody {\n            tr {\n                td {\n                    color: rgba($badge-light-color, 0.8);\n                }\n            }\n        }\n\n        thead,\n        tbody {\n            tr {\n\n                th,\n                td {\n                    @media (max-width:767px) {\n                        &:nth-child(3) {\n                            min-width: 108px;\n                        }\n\n                        &:nth-child(4) {\n                            min-width: 100px;\n                        }\n\n                        &:nth-child(5) {\n                            min-width: 125px;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n/**=====================\n  3.1 Add-product CSS Start\n==========================**/","/**=====================\n   3.2 Blog CSS start\n==========================**/\n.blog-box {\n  img {\n    border-radius: 0.25rem;\n  }\n\n  .top-radius-blog {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n\n  h6 {\n    font-weight: 600;\n    margin: 15px 0;\n  }\n\n  .blog-details {\n    padding-right: 20px;\n\n    .blog-social {\n      margin-top: 30px;\n\n      li {\n        display: inline-block;\n        font-size: 12px;\n        color: $theme-body-sub-title-color;\n\n        +li {\n          padding-left: 20px;\n          line-height: 1;\n          padding-right: 0;\n        }\n\n        i {\n          padding-right: 5px;\n          font-weight: 300;\n        }\n\n        &:first-child {\n          border-right: 1px solid $dark-gray;\n          padding-right: 20px;\n\n          [dir=\"rtl\"] & {\n            border-right: unset;\n            border-left: 1px solid $dark-gray;\n            padding-right: unset;\n            padding-left: 20px;\n          }\n        }\n      }\n    }\n  }\n\n  .blog-details-main {\n    hr {\n      background-color: $gray-60;\n    }\n\n    .blog-social {\n      margin: 20px 0;\n\n      li {\n        display: inline-block;\n        font-size: 12px;\n        color: $theme-body-sub-title-color;\n        padding: 0 24px;\n        border-right: 1px dashed;\n\n        [dir=\"rtl\"] & {\n\n          border-right: unset;\n          border-left: 1px dashed;\n        }\n\n        @media (max-width: 1676px) {\n          padding: 0 10px;\n        }\n\n        &:last-child {\n          border-right: 0;\n\n          [dir=\"rtl\"] & {\n\n            border-right: unset;\n            border-left: 0;\n          }\n        }\n\n        i {\n          padding-right: 5px;\n\n          [dir=\"rtl\"] & {\n            padding-left: 5px;\n            padding-right: unset;\n          }\n        }\n      }\n    }\n\n    .blog-bottom-details {\n      margin: 20px;\n      font-size: 14px;\n      line-height: 1.714;\n      font-weight: 500;\n      color: $theme-body-font-color;\n    }\n  }\n\n  .blog-date {\n    color: $theme-body-sub-title-color;\n\n    span {\n      font-size: 36px;\n      font-weight: 500;\n      padding-right: 5px;\n\n    }\n  }\n}\n\n.blog-box.blog-shadow {\n  &:before {\n    box-shadow: inset 0px -200px 100px -13px rgba(0, 0, 0, 0.6);\n    transition: all 0.3s ease;\n    border-radius: 5px;\n    content: \"\";\n    position: absolute;\n    height: 100%;\n    top: 0;\n    width: 100%;\n    bottom: 0;\n  }\n\n  &:hover {\n    &:before {\n      box-shadow: inset 0px -200px 100px -13px rgba(0, 0, 0, 0.65);\n      transition: all 0.3s ease;\n    }\n  }\n\n  .blog-details {\n    position: absolute;\n    bottom: 0;\n    width: 100%;\n    padding: 20px;\n\n    h4 {\n      color: $white;\n      margin-bottom: 0;\n    }\n\n    p {\n      font-size: 14px;\n      color: $white;\n      margin-bottom: 10px;\n    }\n\n    .blog-social {\n      li {\n        color: $white;\n      }\n    }\n  }\n}\n\n.blog-list {\n  .blog-details {\n    .blog-social {\n      margin-top: 0;\n    }\n\n    h6 {\n      margin-top: 0;\n      color: rgba($dark-color, 0.8);\n      font-weight: 500;\n    }\n\n    hr {\n      margin-top: 10px;\n      margin-bottom: 10px;\n    }\n  }\n\n  img {\n    padding: 17px;\n  }\n}\n\n.blog-grid {\n  img {\n    width: 100%;\n  }\n\n  .blog-details {\n    padding: 20px;\n\n    h6 {\n      font-size: 14px;\n      margin-bottom: 0;\n      line-height: 1.8;\n    }\n  }\n}\n\n.blog-box {\n  position: relative;\n  max-height: 100%;\n  align-items: center;\n\n  .blog-details {\n    h6 {\n      text-overflow: ellipsis;\n      overflow: hidden;\n      -webkit-line-clamp: 1;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n    }\n\n    p {\n      font-size: 14px;\n      line-height: 1.8;\n      letter-spacing: 0.7px;\n      margin-top: calc(18px + (30 - 18) * ((100vw - 576px) / (1920 - 576)));\n      margin-bottom: 0;\n      color: $theme-body-sub-title-color;\n      @include multi-line-ellipsis(3, auto, vertical, hidden);\n\n      @media (max-width: 1570px) {\n        -webkit-line-clamp: 2;\n      }\n    }\n\n    h5 {\n      line-height: 1.5;\n      margin-top: 20px;\n    }\n\n    .single-blog-content-top {\n      margin-top: 20px;\n      border-top: 1px solid $light-semi-gray;\n    }\n\n    .blog-social,\n    .comment-social {\n      li {\n        font-size: 14px;\n      }\n    }\n  }\n}\n\n.comment-box {\n  padding-top: 50px;\n  padding-bottom: 50px;\n\n  hr {\n    margin-top: 20px;\n    margin-bottom: 30px;\n  }\n\n  li {\n    margin-bottom: 30px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  ul {\n    ul {\n      @media (min-width:576px) {\n        margin-left: calc(90px + (135 - 90) * ((100vw - 320px) / (1920 - 320)));\n      }\n\n      [dir=\"rtl\"] & {\n        margin-left: unset;\n        margin-right: calc(90px + (135 - 90) * ((100vw - 320px) / (1920 - 320)));\n      }\n    }\n  }\n\n  p {\n    font-size: 14px;\n    line-height: 2;\n    color: $theme-body-sub-title-color;\n    text-align: justify;\n    margin-bottom: 0;\n  }\n\n  .d-flex {\n    img {\n      margin-right: 20px;\n      border-radius: 10px;\n      height: 90px;\n      padding: 7px;\n      width: 90px;\n      border: 1px solid $light-semi-gray;\n\n      [dir=\"rtl\"] & {\n        margin-right: unset;\n        margin-left: 20px;\n      }\n    }\n\n    h6 {\n      font-weight: 500;\n      margin-bottom: 5px;\n\n      span {\n        padding-left: 10px;\n        font-size: 13px;\n        color: $theme-body-sub-title-color;\n        font-weight: 400;\n      }\n    }\n  }\n\n  .comment-social {\n    li {\n      display: inline-block;\n      color: rgba($dark-gray, 0.5);\n      padding-left: 20px;\n      margin-bottom: 0;\n      text-transform: uppercase;\n\n      &:first-child {\n        border-right: 1px solid rgba($badge-light-color, 0.2);\n        padding-right: 20px;\n      }\n\n      i {\n        padding-right: 10px;\n      }\n    }\n  }\n}\n\n.blog-single {\n  .blog-box {\n    .blog-details {\n      .blog-social {\n        li {\n          @media (max-width:1366px) and (min-width:1200px) {\n            &:first-child {\n              padding-right: 20px;\n            }\n\n            +li {\n              padding-left: 20px;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n/**=====================\n   3.2 Blog CSS ends\n==========================**/","/**=====================\n    3.3 Bookmark-app CSS Start\n==========================**/\n.modal-bookmark {\n\n  .modal-body,\n  .modal-header {\n    padding: 20px;\n  }\n}\n\n.bookmark-wrap {\n  .email-left-aside {\n    .left-bookmark {\n      ul {\n        li {\n          a {\n            &:hover {\n              background-color: unset;\n            }\n          }\n        }\n      }\n\n      @media (max-width:1535px) {\n        .common-flex:not(.todo-wrap .md-sidebar .md-sidebar-aside .email-app-sidebar .common-flex) {\n          justify-content: center;\n          text-align: center;\n          gap: 2px;\n        }\n      }\n    }\n  }\n\n  .main-bookmark {\n    .email-app-sidebar {\n      .flex-grow-1 {\n        @media (max-width:1535px) {\n          @include pixelstrap-ellipsis;\n          width: 100%;\n        }\n      }\n    }\n\n    .bootstrap-select {\n      .dropdown-toggle {\n        width: 100%;\n        color: $badge-light-color;\n        border-radius: 6px;\n        border-color: rgba($badge-light-color, 0.1) !important;\n\n        &::after {\n          font-size: 14px;\n        }\n      }\n\n      .dropdown-menu {\n        li {\n          .dropdown-item {\n            color: $badge-light-color;\n          }\n\n          &:hover {\n            background-color: $light-background;\n          }\n        }\n\n        .no-results {\n          font-size: 14px;\n        }\n      }\n    }\n\n    @media (max-width:1399px) {\n      .md-sidebar {\n        .md-sidebar-toggle {\n          display: block;\n        }\n\n        .md-sidebar-aside {\n          position: absolute;\n          top: 40px;\n          left: 0;\n          opacity: 0;\n          visibility: hidden;\n          z-index: 3;\n          width: 280px;\n\n          [dir=\"rtl\"] & {\n            left: unset;\n            right: 0;\n          }\n\n          &.open {\n            opacity: 1;\n            visibility: visible;\n          }\n        }\n      }\n    }\n  }\n\n  .details-bookmark {\n    .row {\n      >div {\n        +div {\n          padding-right: 15px !important;\n        }\n      }\n    }\n  }\n\n  .left-bookmark {\n    height: 700px;\n\n    ul {\n      li {\n        ul {\n          li {\n            .active {\n              span {\n                color: var(--theme-default);\n              }\n            }\n          }\n        }\n\n        button {\n          border: none;\n          cursor: pointer;\n\n          &:focus {\n            outline: none;\n            box-shadow: unset;\n          }\n        }\n\n        svg {\n          width: 18px;\n          height: 18px;\n          vertical-align: -4px;\n          fill: none;\n        }\n\n        >.main-title {\n          color: var(--theme-default);\n          font-weight: 500;\n          margin-bottom: 5px;\n          display: block;\n          font-size: 16px;\n\n          span {\n            a {\n              &:hover {\n                background-color: $transparent-color;\n              }\n            }\n          }\n\n          svg {\n            color: var(--theme-default);\n            stroke-width: 1px;\n          }\n        }\n\n        a {\n          >.title {\n            text-transform: capitalize;\n          }\n        }\n      }\n    }\n  }\n\n  &.todo-wrap {\n    .left-bookmark {\n      height: unset;\n\n      @media (max-width:1484px) and (min-width:1400px) {\n        .common-flex {\n          justify-content: center;\n          text-align: center;\n        }\n      }\n    }\n  }\n}\n\n.form-bookmark {\n  a {\n    text-transform: capitalize !important;\n    color: var(--theme-default) !important;\n    line-height: 1 !important;\n    font-weight: 500;\n\n    &:hover {\n      background-color: $transparent-color !important;\n    }\n  }\n\n  input {\n    &#index_var {\n      display: none;\n    }\n  }\n\n  input,\n  select,\n  textarea {\n    font-size: 14px;\n    color: rgba($badge-light-color, 0.8);\n  }\n\n  .select2-container {\n    .select2-selection--single {\n      border-color: #ced4da;\n    }\n  }\n\n  .select2 {\n    width: 100% !important;\n  }\n\n  .error {\n    margin: 0 !important;\n    font-size: 11px;\n    color: $danger-color !important;\n  }\n\n  button {\n    margin-top: 18px;\n  }\n\n  .bootstrap-select {\n    .dropdown-toggle {\n      margin: 0;\n    }\n  }\n\n  &.was-validated {\n    .bootstrap-select {\n      select {\n        &:valid+.dropdown-toggle {\n          border-color: $success-color !important;\n        }\n      }\n    }\n  }\n}\n\n@keyframes displayTransition {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n.bookmark-tabcontent {\n  .details-bookmark {\n    height: auto;\n    min-height: 359px;\n\n    .bookmark-card {\n      position: relative;\n\n      &.card {\n        .favourite-icon {\n          padding: 3px;\n          border-radius: 4px;\n          background-color: rgba($black, 0.2);\n          width: 30px;\n          position: absolute;\n          right: 15px;\n          top: 15px;\n          opacity: 0;\n\n          [dir=\"rtl\"] & {\n            right: unset;\n            left: 15px;\n          }\n\n          i {\n            color: $white;\n            font-size: 16px;\n            vertical-align: -1px;\n          }\n\n          &.favourite {\n            i {\n              color: $warning-color;\n            }\n          }\n        }\n\n        .desciption-data {\n          width: 100%;\n\n          .content-general {\n            display: none;\n          }\n        }\n\n        .favourite-icon {\n          transition: 0.5s;\n        }\n\n        .title-bookmark {\n          text-align: left;\n          padding: 15px;\n          border-top: 1px solid $light-color;\n          position: relative;\n\n          h6 {\n            display: -webkit-box;\n            -webkit-line-clamp: 1;\n            -webkit-box-orient: vertical;\n            text-overflow: ellipsis;\n            overflow: hidden;\n          }\n\n          p {\n            animation: displayTransition 1s;\n          }\n\n          .hover-block {\n            opacity: 0;\n            position: absolute;\n            width: 100%;\n            padding: 15px;\n            top: 30px;\n            left: 0;\n\n            ul {\n              li {\n                display: inline-block;\n\n                +li {\n                  margin-left: 5px;\n\n                  [dir=\"rtl\"] & {\n                    margin-left: unset;\n                    margin-right: 5px;\n                  }\n                }\n\n                svg {\n                  width: 16px;\n                  height: 16px;\n                  color: $dark-gray;\n                }\n              }\n            }\n          }\n        }\n\n        &:hover {\n          box-shadow: 1px 4px 16px 3px rgba($black, 0.04);\n          transition: 0.5s;\n\n          .title-bookmark {\n            p {\n              opacity: 0;\n            }\n\n            .hover-block {\n              opacity: 1;\n              animation: displayTransition 2s;\n            }\n          }\n\n          .favourite-icon {\n            opacity: 1;\n          }\n        }\n      }\n    }\n\n    &.list-bookmark {\n      .row {\n        >div {\n          flex: 0 0 100%;\n          max-width: 100%\n        }\n      }\n\n      .bookmark-card {\n        .desciption-data {\n          .content-general {\n            display: block;\n          }\n        }\n\n        .details-website {\n          display: flex;\n          align-items: center;\n\n          .title-bookmark {\n            p {\n              opacity: 1;\n            }\n\n            .hover-block {\n              position: absolute;\n              right: 30px;\n              opacity: 1;\n              text-align: right;\n\n              [dir=\"rtl\"] & {\n                right: 0;\n                left: 30px;\n                text-align: left;\n              }\n            }\n          }\n\n          &:hover {\n            .title-bookmark {\n              .hover-block {\n                opacity: 1;\n                animation: displayTransition 0s;\n              }\n            }\n          }\n        }\n\n        &.card {\n          .title-bookmark {\n            border-top: none;\n\n            p,\n            h6 {\n              margin-top: 0;\n              display: inline-block;\n              cursor: pointer;\n            }\n\n            .weburl_3 {\n              @media (min-width:992px) {\n                @include pixelstrap-ellipsis;\n                width: 100%;\n                display: block;\n              }\n            }\n\n            h6 {\n              position: relative;\n              padding-right: 15px;\n              margin-bottom: -5px;\n\n              [dir=\"rtl\"] & {\n                padding-left: 15px;\n                padding-right: unset;\n              }\n\n              &::after {\n                position: absolute;\n                content: '-';\n                right: 0;\n                color: $dark-gray;\n\n                [dir=\"rtl\"] & {\n                  right: unset;\n                  left: 0;\n                }\n              }\n            }\n\n            .content-general {\n              margin-top: 5px;\n\n              p {\n                width: 68%;\n                margin-right: 20px;\n\n                [dir=\"rtl\"] & {\n                  margin-right: unset;\n                  margin-left: 20px;\n                }\n              }\n            }\n          }\n        }\n\n        img {\n          width: 20%;\n        }\n      }\n    }\n  }\n\n  .tab-content {\n    .card {\n      .d-flex {\n        justify-content: space-between;\n\n        svg {\n          width: 18px;\n          height: 18px;\n          vertical-align: middle;\n        }\n\n        ul {\n          li {\n            display: inline-block;\n            cursor: pointer;\n\n            +li {\n              margin-left: 5px;\n\n              [dir=\"rtl\"] & {\n                margin-left: unset;\n                margin-right: 5px;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .tab-pane {\n      >.card {\n        box-shadow: none;\n      }\n    }\n  }\n}\n\n// responsive \n@media only screen and (max-width: 1660px) {\n  .bookmark-tabcontent {\n    .details-bookmark {\n      &.list-bookmark {\n        .bookmark-card {\n          &.card {\n            .title-bookmark {\n              .content-general {\n                p {\n                  display: none;\n                }\n              }\n\n              .hover-block {\n                margin-top: 6px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n@media screen and (min-width: 1200px) and (max-width: 1366px) {\n  .bookmark-wrap {\n    .left-bookmark {\n      ul {\n        li {\n          .btn-block {\n            svg {\n              display: none;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 1366px) {\n  .bookmark-tabcontent {\n    .details-bookmark {\n      &.list-bookmark {\n        .bookmark-card {\n          img {\n            width: 40%;\n          }\n\n          &.card {\n            .title-bookmark {\n              .hover-block {\n                top: 80px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 1199px) {\n  .bookmark-wrap {\n    .left-bookmark {\n      height: auto;\n    }\n  }\n\n  .bookmark-tabcontent {\n    .details-bookmark {\n      min-height: auto;\n    }\n  }\n}\n\n@media only screen and (max-width: 991px) {\n  .modal-bookmark {\n\n    .modal-body,\n    .modal-header {\n      padding: 20px;\n    }\n  }\n\n}\n\n@media only screen and (max-width: 767px) {\n  .bookmark-tabcontent {\n    .details-bookmark {\n      &.list-bookmark {\n        .bookmark-card {\n          .details-website {\n            .title-bookmark {\n              p {\n                overflow: hidden;\n                text-overflow: ellipsis;\n                white-space: nowrap;\n                max-width: 172px;\n                display: block;\n              }\n            }\n\n            &:hover {\n              .title-bookmark {\n                .hover-block {\n                  p {\n                    display: none;\n                  }\n\n                  ul {\n                    position: relative;\n                    right: unset;\n                    top: unset;\n                  }\n                }\n              }\n            }\n          }\n\n          img {\n            width: 45%;\n          }\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 675px) {\n  .bookmark-tabcontent {\n    .details-bookmark {\n      &.list-bookmark {\n        .bookmark-card {\n          &.card {\n            .title-bookmark {\n              .hover-block {\n                top: 65px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 575px) {\n  .bookmark-tabcontent {\n    .details-bookmark {\n      &.list-bookmark {\n        .bookmark-card {\n          img {\n            width: 100%;\n          }\n\n          .details-website {\n            display: block;\n\n            .title-bookmark {\n              padding-left: 15px;\n\n              .hover-block {\n                position: relative;\n                right: unset;\n                text-align: left;\n                top: unset;\n                padding: 0;\n              }\n\n              .content-general {\n                display: none;\n              }\n\n              p,\n              h6 {\n                display: block;\n              }\n\n              h6 {\n                &::after {\n                  display: none;\n                }\n              }\n\n              p {\n                margin-top: 15px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .modal-bookmark {\n\n    .modal-body,\n    .modal-header {\n      padding: 15px;\n    }\n  }\n}\n\n/**=====================\n  3.3 Bookmark-app CSS Ends\n==========================**/","/**=====================\n    3.4 Cart CSS start\n==========================**/\n.shopping-cart-table {\n\t.recent-table {\n\t\tdiv.dt-container {\n\t\t\t.dt-layout-row {\n\t\t\t\t.dt-search {\n\t\t\t\t\tright: 20px;\n\n\t\t\t\t\t@media (max-width:640px) {\n\t\t\t\t\t\ttop: 4px;\n\t\t\t\t\t}\n\n\t\t\t\t\t.dt-input {\n\t\t\t\t\t\twidth: auto;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.dt-length {\n\t\t\t\t\ttop: 16px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.table {\n\n\t\t\t\tthead,\n\t\t\t\ttbody {\n\t\t\t\t\ttr {\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\t&:nth-child(2) {\n\t\t\t\t\t\t\t\t\t.product-names {\n\t\t\t\t\t\t\t\t\t\timg {\n\t\t\t\t\t\t\t\t\t\t\ttransform: scale(1.1);\n\t\t\t\t\t\t\t\t\t\t\ttransition: all 0.3s ease-in-out;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tth,\n\t\t\t\t\t\ttd {\n\n\t\t\t\t\t\t\tcolor: var(--body-font-color);\n\t\t\t\t\t\t\tmin-width: auto;\n\n\t\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\t\tpadding-left: 20px;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t\t\tpadding-right: 20px;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\tcolor: $badge-light-color;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.touchspin-wrapper {\n\t\t\t\t\t\t\t\t.input-touchspin {\n\t\t\t\t\t\t\t\t\twidth: 68px;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@media (max-width:1660px) {\n\t\t\t\t\t\t\t\t&:nth-child(2) {\n\t\t\t\t\t\t\t\t\tmin-width: 258px;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&:nth-child(4) {\n\t\t\t\t\t\t\t\t\tmin-width: 140px;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t\t\t\tmin-width: 100px;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@media (max-width:575px) {\n\t\t\t\t\t\t\t\t.touchspin-wrapper {\n\t\t\t\t\t\t\t\t\t.btn-touchspin {\n\t\t\t\t\t\t\t\t\t\twidth: 24px;\n\t\t\t\t\t\t\t\t\t\theight: 24px;\n\n\t\t\t\t\t\t\t\t\t\ti {\n\t\t\t\t\t\t\t\t\t\t\tfont-size: 8px;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t.input-touchspin[type='number'] {\n\t\t\t\t\t\t\t\t\t\twidth: 50px;\n\t\t\t\t\t\t\t\t\t\theight: 20px;\n\t\t\t\t\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&:nth-child(4) {\n\t\t\t\t\t\t\t\t\tmin-width: 130px;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.product-names {\n\t\t\t\t\t\t\t\t.light-product-box {\n\t\t\t\t\t\t\t\t\tmin-width: calc(72px + (140 - 72) * ((100vw - 1200px) / (1920 - 1200)));\n\t\t\t\t\t\t\t\t\tmin-height: calc(70px + (100 - 70) * ((100vw - 1200px) / (1920 - 1200)));\n\n\t\t\t\t\t\t\t\t\t@media (max-width:1199px) {\n\t\t\t\t\t\t\t\t\t\tmin-width: calc(70px + (140 - 70) * ((100vw - 320px) / (1920 - 320)));\n\t\t\t\t\t\t\t\t\t\tmin-height: calc(60px + (100 - 60) * ((100vw - 320px) / (1920 - 320)));\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\timg {\n\t\t\t\t\t\t\t\t\t\theight: calc(35px + (68 - 35) * ((100vw - 1200px) / (1920 - 1200)));\n\t\t\t\t\t\t\t\t\t\ttransition: all 0.3s ease-in-out;\n\n\t\t\t\t\t\t\t\t\t\t@media (max-width:1199px) {\n\t\t\t\t\t\t\t\t\t\t\theight: calc(35px + (68 - 35) * ((100vw - 320px) / (1920 - 320)));\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tp,\n\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\tcolor: rgba($badge-light-color, 0.8);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tul {\n\t\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\t\t>p {\n\t\t\t\t\t\t\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\t\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t.common-dot {\n\t\t\t\t\t\t\t\t\t\t\t@include pixelstrap-size(5px, 5px);\n\t\t\t\t\t\t\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\t\t\t\t\t\t\tbackground-color: rgba($badge-light-color, 0.8);\n\t\t\t\t\t\t\t\t\t\t\tmargin: 1px 6px 1px 6px;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.product-action {\n\t\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\t\t\tjustify-content: flex-start;\n\t\t\t\t\t\t\t\tgap: 8px;\n\n\t\t\t\t\t\t\t\t.square-white {\n\t\t\t\t\t\t\t\t\t@include square-box(calc(36px + (42 - 36) * ((100vw - 320px) / (1920 - 320))), calc(36px + (42 - 36) * ((100vw - 320px) / (1920 - 320))), 2px, $white);\n\t\t\t\t\t\t\t\t\t@include pixelstrap-flex(flex, center, center);\n\n\t\t\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t\t\t@include pixelstrap-size(calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320))), calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320))));\n\t\t\t\t\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\t\t\t\t\tfill: var(--chart-text-color);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:last-child {\n\n\t\t\t\t\t\t\tth,\n\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\tborder-bottom: unset;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tthead {\n\t\t\t\t\ttr {\n\t\t\t\t\t\tth {\n\t\t\t\t\t\t\t.dt-column-order {\n\t\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.badge {\n\t\t\t\t\t\t\t\tvertical-align: text-bottom;\n\t\t\t\t\t\t\t\tmargin-left: 4px;\n\n\t\t\t\t\t\t\t\t@media (max-width:575px) {\n\t\t\t\t\t\t\t\t\tpadding: 2px 4px;\n\t\t\t\t\t\t\t\t\tfont-size: 10px;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\t@include pixelstrap-flex(flex, center, center);\n\t\t\t\t\t\t\t\t\tgap: 12px;\n\t\t\t\t\t\t\t\t\tcursor: pointer;\n\n\t\t\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t\t\t@include pixelstrap-size(16px, 16px);\n\t\t\t\t\t\t\t\t\t\tfill: $theme-body-font-color;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.cart-summary {\n\tli {\n\t\t@include pixelstrap-flex(flex, space-between, center);\n\t\tpadding-block: 12px;\n\t\t@include pixelstrap-child(0, 0);\n\n\t\t@media (max-width:575px) {\n\t\t\tpadding-block: 8px;\n\t\t}\n\t}\n}\n\n.product-total {\n\tpadding: 0 20px 20px 20px;\n\tborder-top: 1px solid var(--chart-progress-light);\n\n\t[dir=\"rtl\"] & {\n\t\tpadding: 0 20px 20px 20px !important;\n\t}\n\n\t>li:not(:last-child) {\n\t\tpadding-block: 18px;\n\t\t@include pixelstrap-flex(flex, space-between, center);\n\t}\n}\n\n.cart-buttons {\n\t@include pixelstrap-flex(flex, center, center);\n\tflex-wrap: wrap;\n\tgap: 12px;\n\n\t@media (max-width:1660px) {\n\t\tjustify-content: flex-end;\n\t}\n\n\tli {\n\t\t@media (min-width:1661px) {\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t.btn {\n\t\t\twidth: 100%;\n\t\t\t@include pixelstrap-flex(flex, center, center);\n\t\t\tcolor: $white;\n\t\t\tgap: 5px;\n\n\t\t\t&.btn-hover-effect {\n\t\t\t\tbackground-color: rgba($gray-60, 0.4);\n\t\t\t\tcolor: $theme-body-font-color;\n\n\t\t\t\tsvg {\n\t\t\t\t\tfill: $theme-body-font-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tsvg {\n\t\t\t\t@include pixelstrap-size(18px, 18px);\n\t\t\t\ttransform: scaleX(-1);\n\t\t\t\tvertical-align: middle;\n\t\t\t\ttransition: 0.5s;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tsvg {\n\t\t\t\t\ttransform: translateX(-7px) scaleX(-1);\n\t\t\t\t\ttransition: 0.5s;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.coupon-cart {\n\t.input-group {\n\t\t.form-control {\n\t\t\tborder: 2px solid var(--theme-default);\n\t\t}\n\t}\n}\n\n/**=====================\n    3.4 Cart CSS Ends\n==========================**/","/**=====================\n   3.6 Chat CSS Start\n==========================**/\n//urls\n$url-0: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTciPjxwYXRoIGZpbGw9IiM4ODgiIGQ9Ik0wIDE2aDE0djFIMHoiLz48cGF0aCB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIsLTEwKSIgZmlsbD0iIzg4OCIgZD0iTTE3LjA5OCAyMC4zMDVjLS4xNDIuMTQ2LjEwMS4wNC4xMzcuMDA0LjAyNy0uMDI4LjIwNC0uMDkuNDg0LS4wOS4zMzguMC42MjYuMDkyLjc4Ny4yNTUuNDczLjQ3Mi40MjQuOTMyLjM5MyAxLjA3OGwtMi41MjEgMS4wNTUtMS41NzctMS41NzcgMS4wNTQtMi41MmMuMDM5LS4wMDkuMTA1LS4wMTguMTg4LS4wMTguMjE5LjAuNTU1LjA2OS44OTMuNDA3LjM3OC4zNzguMjQ2IDEuMTg4LjE2NiAxLjI3MUMxNy4wNjIgMjAuMjA3IDE3LjA2MiAyMC4yNjkgMTcuMDk4IDIwLjMwNXpNMjYuOTg0IDE0LjQ3MmMtLjAwOC0uNjc0LS42MS0xLjI1Ny0xLjMxLTEuOTMzLS4xMzQtLjEyOS0uNjc5LS42NzMtLjgwOS0uODA4LS42NzktLjcwMi0xLjI2Ni0xLjMxLTEuOTQzLTEuMzEtLjM3LjAtLjczNC4yMDctMS4xMTQuNTg3bC02Ljg1MiA2Ljg0N2MtLjAxMi4wMTYtMi44NzcgNy4zNTQtMi44NzcgNy4zNTQtLjAxMi4wMzIuMC4wNjMuMDIyLjA5MS4wMjEuMDIxLjA0NC4wMjkuMDY3LjAyOS4wMS4wLjAxOC0uMDAzLjAyOC0uMDA3LjAuMCA3LjM1Ny0yLjg2NCA3LjM2OS0yLjg3N2w2Ljg1NC02Ljg0N0MyNi44MDMgMTUuMjE2IDI2Ljk4OCAxNC44NDggMjYuOTg0IDE0LjQ3MnoiLz48L3N2Zz4=);\n$url-1: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTciPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDE2aDE0djFIMHoiLz48cGF0aCB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIsLTEwKSIgZmlsbD0iI2ZmZiIgZD0iTTE3LjA5OCAyMC4zMDVjLS4xNDIuMTQ2LjEwMS4wNC4xMzcuMDA0LjAyNy0uMDI4LjIwNC0uMDkuNDg0LS4wOS4zMzguMC42MjYuMDkyLjc4Ny4yNTUuNDczLjQ3Mi40MjQuOTMyLjM5MyAxLjA3OGwtMi41MjEgMS4wNTUtMS41NzctMS41NzcgMS4wNTQtMi41MmMuMDM5LS4wMDkuMTA1LS4wMTguMTg4LS4wMTguMjE5LjAuNTU1LjA2OS44OTMuNDA3LjM3OC4zNzguMjQ2IDEuMTg4LjE2NiAxLjI3MUMxNy4wNjIgMjAuMjA3IDE3LjA2MiAyMC4yNjkgMTcuMDk4IDIwLjMwNXpNMjYuOTg0IDE0LjQ3MmMtLjAwOC0uNjc0LS42MS0xLjI1Ny0xLjMxLTEuOTMzLS4xMzQtLjEyOS0uNjc5LS42NzMtLjgwOS0uODA4LS42NzktLjcwMi0xLjI2Ni0xLjMxLTEuOTQzLTEuMzEtLjM3LjAtLjczNC4yMDctMS4xMTQuNTg3bC02Ljg1MiA2Ljg0N2MtLjAxMi4wMTYtMi44NzcgNy4zNTQtMi44NzcgNy4zNTQtLjAxMi4wMzIuMC4wNjMuMDIyLjA5MS4wMjEuMDIxLjA0NC4wMjkuMDY3LjAyOS4wMS4wLjAxOC0uMDAzLjAyOC0uMDA3LjAuMCA3LjM1Ny0yLjg2NCA3LjM2OS0yLjg3N2w2Ljg1NC02Ljg0N0MyNi44MDMgMTUuMjE2IDI2Ljk4OCAxNC44NDggMjYuOTg0IDE0LjQ3MnoiLz48L3N2Zz4=);\n$url-2: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTEiIGhlaWdodD0iMTQiPjxwYXRoIGQ9Ik0zIDBIOFY1aDNMNS41IDEwIDAgNUgzVjAiIGZpbGw9IiM4ODgiLz48cGF0aCBmaWxsPSIjODg4IiBkPSJNMCAxMmgxMXYySDB6Ii8+PC9zdmc+);\n$url-3: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTEiIGhlaWdodD0iMTQiPjxwYXRoIGQ9Ik0zIDBIOFY1aDNMNS41IDEwIDAgNUgzVjAiIGZpbGw9IiNmZmYiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAxMmgxMXYySDB6Ii8+PC9zdmc+);\n$url-4: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAYAAADNo/U5AAAACXBIWXMAAAsTAAALEwEAmpwYAABBsGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMjEgNzkuMTU1NzcyLCAyMDE0LzAxLzEzLTE5OjQ0OjAwICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgICAgICAgICAgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiCiAgICAgICAgICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICAgICAgICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgICAgICAgICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgICAgICAgICB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDx4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+eG1wLmRpZDo4M2Q5NDllYS1lMjE3LTQ3Y2QtYTU1Ni04MTQ3NmRjNWEwYWQ8L3htcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOkRvY3VtZW50SUQ+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjZhMTQ5MTc1LTNiODItMTE3OC05ZjZmLWY0MWMwNTYyYzQxYTwveG1wTU06RG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOkluc3RhbmNlSUQ+eG1wLmlpZDpkZGFhNTJkMi1mZDRiLTRkMmMtODEzOC01ZTEzNmQ4NGFjMDE8L3htcE1NOkluc3RhbmNlSUQ+CiAgICAgICAgIDx4bXBNTTpEZXJpdmVkRnJvbSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgIDxzdFJlZjppbnN0YW5jZUlEPnhtcC5paWQ6MDdhZmI1Y2UtYzQ1OS00YzQxLWJkMjItMTllMDJlMGE5YzVjPC9zdFJlZjppbnN0YW5jZUlEPgogICAgICAgICAgICA8c3RSZWY6ZG9jdW1lbnRJRD54bXAuZGlkOjA3YWZiNWNlLWM0NTktNGM0MS1iZDIyLTE5ZTAyZTBhOWM1Yzwvc3RSZWY6ZG9jdW1lbnRJRD4KICAgICAgICAgICAgPHN0UmVmOm9yaWdpbmFsRG9jdW1lbnRJRD54bXAuZGlkOjgzZDk0OWVhLWUyMTctNDdjZC1hNTU2LTgxNDc2ZGM1YTBhZDwvc3RSZWY6b3JpZ2luYWxEb2N1bWVudElEPgogICAgICAgICA8L3htcE1NOkRlcml2ZWRGcm9tPgogICAgICAgICA8eG1wTU06SGlzdG9yeT4KICAgICAgICAgICAgPHJkZjpTZXE+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPnNhdmVkPC9zdEV2dDphY3Rpb24+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDppbnN0YW5jZUlEPnhtcC5paWQ6YmY3ZmRlNGYtZDk2MS00Njk4LWI0ZjAtMDJlYjEwOWE4OTA4PC9zdEV2dDppbnN0YW5jZUlEPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6d2hlbj4yMDE1LTA1LTE1VDEzOjE3OjQ5KzAyOjAwPC9zdEV2dDp3aGVuPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6c29mdHdhcmVBZ2VudD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAyMSAoTWFjaW50b3NoKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmNoYW5nZWQ+Lzwvc3RFdnQ6Y2hhbmdlZD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPmNvbnZlcnRlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6cGFyYW1ldGVycz5mcm9tIGltYWdlL3BuZyB0byBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wPC9zdEV2dDpwYXJhbWV0ZXJzPgogICAgICAgICAgICAgICA8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+ZGVyaXZlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6cGFyYW1ldGVycz5jb252ZXJ0ZWQgZnJvbSBpbWFnZS9wbmcgdG8gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcDwvc3RFdnQ6cGFyYW1ldGVycz4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPnNhdmVkPC9zdEV2dDphY3Rpb24+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDppbnN0YW5jZUlEPnhtcC5paWQ6MDdhZmI1Y2UtYzQ1OS00YzQxLWJkMjItMTllMDJlMGE5YzVjPC9zdEV2dDppbnN0YW5jZUlEPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6d2hlbj4yMDE1LTA1LTE1VDEzOjE3OjQ5KzAyOjAwPC9zdEV2dDp3aGVuPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6c29mdHdhcmVBZ2VudD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAyMSAoTWFjaW50b3NoKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmNoYW5nZWQ+Lzwvc3RFdnQ6Y2hhbmdlZD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPmRlcml2ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnBhcmFtZXRlcnM+Y29udmVydGVkIGZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmc8L3N0RXZ0OnBhcmFtZXRlcnM+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmFjdGlvbj5zYXZlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6aW5zdGFuY2VJRD54bXAuaWlkOmRkYWE1MmQyLWZkNGItNGQyYy04MTM4LTVlMTM2ZDg0YWMwMTwvc3RFdnQ6aW5zdGFuY2VJRD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAxNS0wNS0xNVQxMzoyMToyMSswMjowMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnNvZnR3YXJlQWdlbnQ+QWRvYmUgUGhvdG9zaG9wIENDIDIwMjEgKE1hY2ludG9zaCk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpjaGFuZ2VkPi88L3N0RXZ0OmNoYW5nZWQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICA8L3JkZjpTZXE+CiAgICAgICAgIDwveG1wTU06SGlzdG9yeT4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoTWFjaW50b3NoKTwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8eG1wOkNyZWF0ZURhdGU+MjAxNS0wNS0xNVQxMzoxMzoxNyswMjowMDwveG1wOkNyZWF0ZURhdGU+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE1LTA1LTE1VDEzOjIxOjIxKzAyOjAwPC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcDpNZXRhZGF0YURhdGU+MjAxNS0wNS0xNVQxMzoyMToyMSswMjowMDwveG1wOk1ldGFkYXRhRGF0ZT4KICAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9wbmc8L2RjOmZvcm1hdD4KICAgICAgICAgPHBob3Rvc2hvcDpDb2xvck1vZGU+MzwvcGhvdG9zaG9wOkNvbG9yTW9kZT4KICAgICAgICAgPHBob3Rvc2hvcDpUZXh0TGF5ZXJzPgogICAgICAgICAgICA8cmRmOkJhZz4KICAgICAgICAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgICAgICAgIDxwaG90b3Nob3A6TGF5ZXJOYW1lPlg8L3Bob3Rvc2hvcDpMYXllck5hbWU+CiAgICAgICAgICAgICAgICAgIDxwaG90b3Nob3A6TGF5ZXJUZXh0Plg8L3Bob3Rvc2hvcDpMYXllclRleHQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICA8L3JkZjpCYWc+CiAgICAgICAgIDwvcGhvdG9zaG9wOlRleHRMYXllcnM+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgICAgIDx0aWZmOlhSZXNvbHV0aW9uPjcyMDAwMC8xMDAwMDwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6WVJlc29sdXRpb24+NzIwMDAwLzEwMDAwPC90aWZmOllSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpSZXNvbHV0aW9uVW5pdD4yPC90aWZmOlJlc29sdXRpb25Vbml0PgogICAgICAgICA8ZXhpZjpDb2xvclNwYWNlPjY1NTM1PC9leGlmOkNvbG9yU3BhY2U+CiAgICAgICAgIDxleGlmOlBpeGVsWERpbWVuc2lvbj4xMzwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4xNjwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+HyMp+AAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAA3UlEQVR42rSSXZECQQyEPygMrIVFAidhkQASQEIjYVsCSOAksBJAAlhAwvKSWcJBUQVVl6fM5Ke7k4z6vudTG/OFTQAktcAs/ja2TyVBUgVsgQq42F5PItYBCn8PTFNjAYvw5wM92x3gCNSSFCh1araLvAdNBi53VgMtgCuweRqE7RyogAPQxHsdcQBGf0cuaZ80APzaXn468urtniQ1CaXoayStct5AL4QfgToKfoBzIF2BadGVkVZRkIU7UdQDkqRZoDwJl3ROzea2u4LUvtpHOavkty9H/m9XfhsA0l9VuzQDWrIAAAAASUVORK5CYII=);\n\n%chart-1 {\n  width: 70px;\n  height: 70px;\n  margin-left: 15px;\n  margin-top: 15px;\n  line-height: 70px;\n}\n\n%chart-2 {\n  width: 35px;\n  height: 35px;\n  margin-left: 7.5px;\n  margin-top: 7.5px;\n  line-height: 35px;\n}\n\n%chart-3 {\n  width: 20px;\n  height: 20px;\n  margin-left: 5.5px;\n  margin-top: 4.5px;\n  line-height: 21px;\n}\n\n\n.chart-block {\n  canvas {\n    width: 100% !important;\n  }\n\n  .chart-overflow {\n    overflow: hidden;\n    text-align: center;\n  }\n}\n\n.candidcahrt {\n  width: 100%;\n  height: 470px;\n}\n\n.amcharts-export-canvas {\n  position: absolute;\n  display: none;\n  z-index: 1;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: $white;\n\n  .canvas-container {\n    transition: opacity .5s ease-out;\n  }\n\n  &.active {\n    display: block;\n  }\n\n  &.dropbox .canvas-container {\n    opacity: .5;\n  }\n}\n\n.flot-chart-container {\n  //Instead of the line below you could use @include box-sizing($bs)\n  box-sizing: border-box;\n  width: 100%;\n  height: 400px;\n\n  #toggling-series-flot {\n    width: 79% !important;\n  }\n}\n\n.all-chart {\n  .flot-chart-container {\n    height: 350px;\n  }\n}\n\n.flot-chart-placeholder {\n  width: 100%;\n  height: 100%;\n  font-size: 14px;\n  line-height: 1.2em;\n  text-align: center;\n\n  .legend table {\n    border-spacing: 5px;\n  }\n}\n\n.morris-hover {\n  position: absolute;\n  z-index: 1;\n\n  &.morris-default-style {\n    border-radius: 10px;\n    padding: 6px;\n    color: $dark-gray;\n    background: $white;\n    border: solid 1px $light-gray;\n    font-family: $font-serif;\n    font-size: 12px;\n    text-align: center;\n\n    .morris-hover-row-label {\n      font-weight: bold;\n      margin: 0.25em 0;\n    }\n\n    .morris-hover-point {\n      white-space: nowrap;\n      margin: 0.1em 0;\n    }\n  }\n}\n\n.chart-sparkline {\n  position: absolute;\n  left: 0;\n  top: 0;\n  visibility: hidden;\n  background: rgba(49, 49, 49, 0.70);\n  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);\n  color: $white;\n  font: 10px $font-manrope, $font-serif;\n  text-align: left;\n  white-space: nowrap;\n  padding: 5px;\n  border: 1px solid rgba(49, 49, 49, 0.75);\n  ;\n  box-sizing: content-box;\n  z-index: 10000;\n  border-radius: 5px;\n\n  .jqsfield {\n    color: $white;\n    font: 10px $font-manrope, $font-serif;\n    text-align: left;\n  }\n}\n\n.radial-bar {\n  position: relative;\n  display: inline-block;\n  border-radius: 50%;\n  background-color: transparent;\n  box-sizing: content-box;\n  width: 80px;\n  height: 80px;\n  font-size: 18px;\n  background-clip: content-box;\n\n  &:after {\n    display: inline-block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    border-radius: 50%;\n    text-align: center;\n    font-weight: 500;\n    color: $color-fiord;\n    content: attr(data-label);\n    background-color: $white;\n    z-index: 1;\n    width: 56px;\n    height: 56px;\n    margin-left: 12px;\n    margin-top: 12px;\n    line-height: 56px;\n  }\n\n  >img {\n    display: inline-block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    border-radius: 50%;\n    text-align: center;\n    font-weight: 500;\n    color: $color-fiord;\n    z-index: 3;\n    width: 56px;\n    height: 56px;\n    margin-left: 12px;\n    margin-top: 12px;\n    line-height: 56px;\n  }\n}\n\n.radial-bar-danger {\n  &.radial-bar-20 {\n    background-image: linear-gradient(90deg, $light-semi-gray 50%, transparent 50%, transparent), linear-gradient(162deg, $danger-color 50%, $light-semi-gray 50%, $light-semi-gray);\n  }\n}\n\n.radial-bar {\n  &.radial-bar-lg {\n    width: 100px;\n    height: 100px;\n    font-size: 20px;\n\n    &:after {\n      @extend %chart-1;\n    }\n\n    >img {\n      @extend %chart-1;\n    }\n  }\n\n  &.radial-bar-sm {\n    width: 50px;\n    height: 50px;\n    font-size: 12px;\n\n    &:after {\n      @extend %chart-2;\n    }\n\n    >img {\n      @extend %chart-2;\n    }\n  }\n\n  &.radial-bar-xs {\n    width: 30px;\n    height: 30px;\n    font-size: 8px;\n\n    &:after {\n      @extend %chart-3;\n    }\n\n    >img {\n      @extend %chart-3;\n    }\n  }\n}\n\n.pieLabel {\n  div {\n    color: $white !important;\n\n    input[type=checkbox] {\n      margin: 7px;\n    }\n  }\n}\n\n// knob chart css\n.knob-chart {\n  min-height: 255px;\n\n  .chart-clock-main {\n    position: relative;\n    width: 200px;\n    margin: 45px auto;\n\n    .clock-large {\n      position: absolute;\n      left: -48px;\n      top: -45px;\n    }\n\n    .clock-medium {\n      position: absolute;\n      left: 2px;\n      top: 5px;\n    }\n\n    .clock-small {\n      position: absolute;\n      left: 15px;\n      top: 55px;\n    }\n  }\n}\n\n// peity chart css\n.peity-charts {\n  svg {\n    width: 100%;\n    height: 250px;\n  }\n\n  &.peity-chart-primary {\n    svg {\n      polygon {\n        fill: rgba($primary-color, 0.2);\n      }\n\n      polyline {\n        stroke: var(--theme-default);\n      }\n    }\n  }\n}\n\n.bar-odd-even {\n  svg {\n    rect {\n      &:nth-child(odd) {\n        fill: var(--theme-default);\n      }\n\n      &:nth-child(even) {\n        fill: rgba(var(--theme-secondary),1);\n      }\n    }\n  }\n}\n\n.donut-peity {\n  svg {\n    path {\n      &:nth-child(odd) {\n        fill: var(--theme-default);\n      }\n\n      &:nth-child(even) {\n        fill: rgba(var(--theme-secondary),1);\n      }\n    }\n  }\n}\n\n.small-donut,\n.donut-peity2,\n.pie-peity {\n\n  ~svg,\n  svg {\n    path {\n      &:nth-child(odd) {\n        fill: var(--theme-default);\n      }\n\n      &:nth-child(even) {\n        fill: $light-semi-gray;\n      }\n    }\n  }\n}\n\n.small-donut2 {\n  ~svg {\n    path {\n      &:nth-child(odd) {\n        fill: rgba(var(--theme-secondary),1);\n      }\n    }\n  }\n}\n\n.small-donut3 {\n  ~svg {\n    path {\n      &:nth-child(odd) {\n        fill: $success-color;\n      }\n    }\n  }\n}\n\n.small-donut4 {\n  ~svg {\n    path {\n      &:nth-child(odd) {\n        fill: $info-color;\n      }\n    }\n  }\n}\n\n.small-donut5 {\n  ~svg {\n    path {\n      &:nth-child(odd) {\n        fill: $warning-color;\n      }\n    }\n  }\n}\n\n.small-donut6 {\n  ~svg {\n    path {\n      &:nth-child(odd) {\n        fill: $danger-color;\n      }\n    }\n  }\n}\n\np {\n  &.data-attributes {\n    svg {\n      margin-right: 10px;\n    }\n  }\n}\n\n// knob chart\n.knob-block {\n  position: relative;\n\n  input {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    height: 100% !important;\n    width: 100% !important;\n    left: 0 !important;\n    top: 0 !important;\n    margin-left: 0 !important;\n    margin-top: -3px !important;\n  }\n}\n\n.knob-input-disable {\n  input {\n    display: none !important;\n  }\n}\n\n// apex chart\n.apex-chart {\n  margin: 0 auto;\n}\n\n.apexcharts-toolbar {\n  z-index: 1 !important;\n}\n\n.apexcharts-menu-item {\n  width: 110px;\n}\n\n.word-tree {\n  height: 400px;\n}\n\n// chartist chat \n.ct-series-a {\n\n  .ct-slice-pie,\n  .ct-slice-donut-solid,\n  .ct-area {\n    fill: var(--theme-default);\n  }\n\n  .ct-point,\n  .ct-line,\n  .ct-bar,\n  .ct-slice-donut {\n    stroke: var(--theme-default);\n  }\n}\n\n.ct-series-b {\n\n  .ct-point,\n  .ct-line,\n  .ct-bar,\n  .ct-slice-donut {\n    stroke: rgba(var(--theme-secondary),1);\n  }\n\n  .ct-slice-pie,\n  .ct-slice-donut-solid,\n  .ct-area {\n    fill: rgba(var(--theme-secondary),1);\n  }\n}\n\n// echart css\n// .apache-container {\n//   width: 100%;\n//   height: 350px;\n//   margin: 0;\n// }\n\n// .boxplot-cotainer {\n//   height: 420px;\n// }\n\n// .apache-container-large {\n//   width: 100%;\n//   height: 500px;\n//   margin: 0;\n// }\n\n.test-buttons {\n  button {\n    +button {\n      margin-left: 10px;\n    }\n  }\n}\n\n.clip-chart-wrapper {\n  .test-chart-block {\n    margin-bottom: -30px;\n  }\n}\n\n#dotted {\n  height: 390px;\n}\n\n.apexcharts-canvas {\n\n  .apexcharts-tooltip,\n  .apexcharts-xaxistooltip,\n  .apexcharts-yaxistooltip {\n    z-index: 1;\n  }\n}\n\n.flot-chart-container {\n  .flot-chart-placeholder {\n    ~p.float-end {\n      @media (max-width: 1346px) {\n        float: left !important;\n\n        [dir=\"rtl\"] & {\n          float: right !important;\n        }\n      }\n    }\n  }\n}\n\n/**=====================\n    3.6 Chat CSS End\n==========================**/","  /**=====================\n     14. Chat CSS Start\n==========================**/\n  .status-circle {\n    width: 12px;\n    height: 12px;\n    position: absolute;\n    top: 4px;\n    left: 44px;\n    border-radius: 50%;\n    border: 2px solid $white;\n  }\n\n  // Private-chat\n  .left-sidebar-wrapper {\n    padding: 20px;\n    border-radius: 10px 0 0 10px;\n    z-index: 1;\n      // border: 2px solid var(--white);\n      // border-right: unset;\n\n    [dir=\"rtl\"] & {\n      border-left: unset;\n      border-radius: 0 10px 10px 0;\n\n      @media (max-width:767px) {\n        border-radius: 10px;\n      }\n    }\n\n    @media (max-width:767px) {\n      border-radius: 10px;\n    }\n\n    .left-sidebar-chat {\n      .input-group {\n\n        .input-group-text {\n          background-color: var(--chart-progress-light);\n          padding-right: 0;\n          margin-right: 1px;\n          border-right: none;\n\n          [dir=\"rtl\"] & {\n            border-top-left-radius: 0;\n            border-top-right-radius: 6px;\n            border-bottom-left-radius: 0;\n            border-bottom-right-radius: 6px;\n            padding-left: 0;\n            padding-right: 12px;\n            margin-left: 1px;\n            border-left: none;\n            margin-right: unset;\n            border-right: unset;\n          }\n\n          svg {\n            width: 16px;\n            height: 16px;\n          }\n        }\n\n        > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {\n          border-top-left-radius: 0;\n          border-bottom-left-radius: 0;\n        }\n\n        .form-control {\n          border-left: unset;\n          background-color: var(--chart-progress-light);\n\n          [dir=\"rtl\"] & {\n            border-right: unset;\n            border-radius: 0.25rem !important;\n          }\n\n          &:focus,\n          &:focus-visible {\n            border-color: var(--chart-progress-light);\n            box-shadow: unset;\n          }\n        }\n      }\n    }\n\n    .advance-options {\n\n      ul {\n        @include pixelstrap-flex(flex, center, center);\n        flex-wrap: wrap;\n        padding: 0;\n\n        @media (max-width:767px) {\n          justify-content: flex-start;\n        }\n\n        .nav-item {\n          .nav-link {\n            color: var(--body-font-color);\n            border-bottom: 2px solid transparent;\n            background-color: transparent;\n            padding: 16px 57px;\n            text-decoration: unset;\n\n            @media (max-width:1855px) {\n              padding: 16px 45px;\n            }\n\n            @media (max-width:1663px) {\n              padding: 16px 30px;\n            }\n\n            @media (max-width:1423px) {\n              padding: 16px 28px;\n            }\n\n            &:active,\n            &.active {\n              border-bottom: 2px solid var(--theme-default);\n              color: var(--theme-default);\n            }\n          }\n        }\n      }\n\n      .common-space {\n        padding: 11px 0;\n\n        p {\n          margin: 0;\n          color: var(--chart-text-color);\n        }\n\n        .header-top {\n          .btn {\n            padding: 6px 12px;\n\n            @media (max-width:767px) {\n              padding: calc(1px + (6 - 1) * ((100vw - 320px) / (1920 - 320))) calc(6px + (12 - 6) * ((100vw - 320px) / (1920 - 320)));\n            }\n\n            &:hover {\n              border-color: $transparent-color;\n\n              i {\n                color: $white;\n              }\n            }\n          }\n        }\n      }\n\n      .chats-user {\n        border-bottom: unset;\n        height: 563px;\n        overflow-y: auto;\n\n        li {\n          width: 100%;\n          gap: 10px;\n          border-bottom: 1px solid var(--chart-dashed-border);\n          border-radius: 0;\n          cursor: pointer;\n          padding: 11px;\n          flex-wrap: wrap;\n\n          &:hover,\n          &:active,\n          &.active {\n            background-color: var(--light-slate);\n          }\n\n          @media (max-width:1505px) {\n            gap: 1px;\n          }\n\n          &:last-child {\n            border-bottom: unset;\n          }\n\n          .chat-time {\n            display: flex;\n            gap: 10px;\n            align-items: center;\n\n            // >div {\n            //   text-align: left;\n\n            //   [dir=\"rtl\"] & {\n            //     text-align: right;\n            //   }\n            // }\n          }\n\n          >div:not(.chat-time) {\n            margin-left: auto;\n\n            [dir=\"rtl\"] & {\n              margin-left: unset;\n              margin-right: auto;\n            }\n\n            @media (max-width:991px) {\n              width: 100%;\n              text-align: end;\n\n              [dir=\"rtl\"] & {\n                text-align: start;\n              }\n            }\n          }\n\n          &.active {\n            background-color: var(--theme-default);\n\n            .chat-time {\n\n              span,\n              p {\n                color: $white;\n              }\n\n            }\n\n            p {\n              color: $white;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // common-profile \n  .active-profile {\n    position: relative;\n\n    img {\n      width: 42px;\n      height: 42px;\n\n      @media (max-width:1650px) {\n        width: 33px;\n        height: 33px;\n      }\n    }\n\n    .status {\n      position: absolute;\n      height: 14px;\n      width: 14px;\n      border-radius: 100%;\n      bottom: 5%;\n      right: -2px;\n      border: 3px solid var(--white);\n\n      [dir=\"rtl\"] & {\n        left: -2px;\n        right: unset;\n      }\n\n      @media (max-width:1600px) {\n        width: 11px;\n        height: 11px;\n        border: 2px solid var(--white);\n      }\n    }\n  }\n\n  .offcanvas-right-icon {\n    gap: 6px;\n\n    .contact-edit {\n      &.chat-alert {\n        width: 29px;\n        height: 29px;\n\n        svg {\n          width: 16px;\n          height: 16px;\n          stroke: var(--chart-text-color);\n        }\n\n        .dropdown-menu {\n          .dropdown-item {\n            color: $dark-editor-document;\n            opacity: 0.6;\n            font-size: 13px;\n            padding: 6px 12px;\n            border-top: 1px solid var(--light-semi-gray);\n            background: var(--white);\n\n            &:hover {\n              background-color: var(--light-background);\n              opacity: 1;\n              text-decoration: unset;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // =================================\n\n  .contact-edit {\n\n    // i {\n    //   color: var(--chart-text-color);\n    //   cursor: pointer;\n\n    //   &::after {\n    //     content: unset;\n    //   }\n    // }\n\n    svg {\n      cursor: pointer;\n      width: 18px;\n      height: 18px;\n      stroke: $badge-light-color;\n\n      @media (max-width:360px) {\n        width: 14px;\n        height: 14px;\n      }\n    }\n\n    .dropdown-menu {\n      .dropdown-item {\n        &:hover {\n          background-color: var(--light-background);\n          opacity: 1;\n          text-decoration: unset;\n        }\n      }\n    }\n\n    &.chat-alert {\n      width: 40px;\n      height: 40px;\n      background: var(--light-slate);\n      display: fke;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      border-radius: 5px;\n\n      @media (max-width:360px) {\n        width: 32px;\n        height: 32px;\n      }\n\n      @media (max-width:340px) {\n        display: none;\n      }\n    }\n  }\n\n\n\n  // ===============================================\n\n  .search-contacts {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n\n    .form-control {\n      padding-inline: 35px;\n\n      &:focus {\n        box-shadow: unset;\n        border-color: var(--chart-dashed-border);\n      }\n    }\n\n    svg {\n      stroke: var(--chart-text-color);\n      width: 18px;\n      height: 18px;\n      left: 10px;\n      top: 10px;\n      position: absolute;\n\n      [dir=\"rtl\"] & {\n        left: unset;\n        right: 10px;\n      }\n    }\n\n    .mic-search {\n      right: 10px;\n      top: 10px;\n      position: absolute;\n      left: unset;\n\n      [dir=\"rtl\"] & {\n        right: unset;\n        left: 10px;\n      }\n    }\n  }\n\n  .contact-wrapper {\n    padding-top: 14px;\n    border-bottom: unset;\n    height: 526px;\n    overflow-y: auto;\n\n\n    >p {\n      line-height: 0;\n      margin: 0;\n      padding: 12px 0;\n      font-size: 18px;\n      font-weight: 500;\n      color: var(--body-font-color);\n    }\n\n    ul {\n      li {\n        width: 100%;\n        cursor: pointer;\n\n        .chat-time {\n          display: flex;\n          align-items: center;\n          gap: 10px;\n\n          img {\n            width: 42px;\n            height: 42px;\n\n            @media (max-width:1650px) {\n              width: 33px;\n              height: 33px;\n            }\n          }\n\n          >div {\n            span {\n              color: var(--body-font-color);\n            }\n          }\n        }\n\n        svg {\n          width: 18px;\n          height: 18px;\n        }\n      }\n\n\n      &:last-child {\n        .common-space {\n          padding-bottom: unset;\n        }\n      }\n    }\n  }\n\n  // right part\n  .right-sidebar-chat {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    // border: 2px solid var(--white);\n    border-left: unset;\n\n    [dir=\"rtl\"] & {\n      border-left: 2px solid var(--white);\n      border-top-left-radius: 15px;\n      border-bottom-left-radius: 15px;\n      border-top-right-radius: unset;\n      border-bottom-right-radius: unset;\n\n      @media (max-width: 767px) {\n        border-radius: 10px;\n      }\n    }\n\n    @media (max-width: 767px) {\n      border-radius: 10px;\n    }\n  }\n\n  .right-sidebar-title {\n    padding: 13px 25px;\n    display: flex;\n    justify-content: space-between;\n    box-shadow: 0px 12px 13px -17px rgba(131, 131, 131, 0.67);\n\n\n    .active-profile {\n      &-chat {\n        position: relative;\n\n        img {\n          width: 42px;\n          height: 42px;\n        }\n\n        .status {\n          position: absolute;\n          height: 14px;\n          width: 14px;\n          border-radius: 100%;\n          bottom: 5%;\n          right: -2px;\n          border: 3px solid var(--white);\n        }\n      }\n\n    }\n\n\n    .offcanvas-body {\n      .btn {\n        background-color: rgba($primary-color, 10%);\n\n        svg {\n          width: 13px;\n          height: 13px;\n          fill: var(--theme-default);\n          vertical-align: middle;\n          transition: 0.5s;\n        }\n\n        &:hover {\n          svg {\n            transform: translateX(5px);\n            transition: 0.5s;\n          }\n        }\n      }\n    }\n\n    .common-space {\n      width: 100%;\n\n      .offcanvas-header {\n        h6 {\n          color: var(--body-font-color);\n        }\n      }\n\n      .chat-time-chat {\n        display: flex;\n        gap: 10px;\n        align-items: center;\n\n        .active-profile {\n          img {\n            width: 42px;\n            height: 42px;\n\n            @media (max-width:360px) {\n              width: 36px;\n              height: 36px;\n            }\n          }\n        }\n\n        div {\n          p {\n            margin: 0;\n            color: var(--chart-text-color);\n          }\n        }\n\n        ul {\n          li {\n            img {\n              width: 42px;\n              height: 42px;\n            }\n          }\n        }\n\n        &.group-chat {\n          ul {\n            display: flex;\n\n            li {\n\n              img {\n                border: 3px solid transparent;\n              }\n\n              +li {\n                margin-left: -12px;\n\n                [dir=\"rtl\"] & {\n                  margin-left: unset;\n                  margin-right: -12px;\n                }\n\n                img {\n                  border: 3px solid var(--white);\n                }\n              }\n\n              img {\n                width: 38px;\n                height: 38px;\n              }\n\n              .profile-count {\n                width: 38px;\n                height: 38px;\n              }\n\n\n              @media (min-width:768px) and (max-width: 1199px) {\n\n                &:nth-child(2),\n                &:nth-child(3),\n                &:nth-child(5),\n                &:nth-child(6) {\n                  display: none;\n                }\n              }\n\n              @media (min-width:341px) and (max-width: 410px) {\n\n                &:nth-child(2),\n                &:nth-child(3),\n                &:nth-child(5),\n                &:nth-child(6) {\n                  display: none;\n                }\n              }\n            }\n          }\n\n          >div {\n            @media (max-width:1045px) {\n\n              span,\n              p {\n                display: none;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // chats \n  .msger-chat {\n    flex: 1;\n    overflow-y: auto;\n    padding: 10px;\n    background: linear-gradient(0deg, #F5F6FA, #F5F6FA),\n      linear-gradient(0deg, #FFFFFF, #FFFFFF);\n    background-image: url(../images/chats/chat-bg.png);\n    height: 619px;\n\n\n    &::-webkit-scrollbar {\n      width: 6px;\n    }\n\n    &::-webkit-scrollbar-track {\n      background: $ps-light-border;\n      ;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      background: #bdbdbd;\n    }\n  }\n\n  .msg {\n    display: flex;\n    align-items: flex-end;\n    margin-bottom: 10px;\n\n    &:last-of-type {\n      margin: 0;\n    }\n  }\n\n  .msg-img {\n    @include pixelstrap-size(50px, 50px);\n    margin-right: 10px;\n    background: $ps-light-border;\n    ;\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: cover;\n    border-radius: 50%;\n\n    [dir=\"rtl\"] & {\n      margin-left: 10px;\n      margin-right: unset;\n    }\n  }\n\n  .msg-bubble {\n    max-width: 450px;\n    padding: 15px;\n    border-radius: 15px;\n  }\n\n  .msg-info {\n    @include pixelstrap-flex(flex, space-between, center);\n    margin-bottom: 10px;\n  }\n\n  .msg-info-name {\n    margin-right: 10px;\n    font-weight: bold;\n\n    [dir=\"rtl\"] & {\n      margin-left: 10px;\n      margin-right: unset;\n    }\n  }\n\n  .msg-info-time {\n    font-size: 0.85em;\n  }\n\n  .left-msg {\n    .msg-img {\n      @include msg-left(url(../images/dashboard/user/13.jpg), 33px, 33px);\n\n      @media (max-width:1200px) {\n        min-width: 16px;\n        min-height: 16px;\n      }\n    }\n\n    .msg-bubble {\n      position: relative;\n      border-radius: 15px;\n      background: $light-color;\n      color: var(--chart-text-color);\n      width: calc(100% - 33px);\n    }\n  }\n\n  .right-msg {\n    flex-direction: row-reverse;\n\n    .msg-bubble {\n      color: $white;\n      background: var(--theme-default);\n      width: calc(100% - 33px);\n    }\n\n    .msg-img {\n      @include msg-left(url(../images/dashboard-11/user/10.jpg), 33px, 33px);\n      margin: 0 0 0 10px;\n\n      [dir=\"rtl\"] & {\n        margin: 0 10px 0 0;\n      }\n\n      @media (max-width:1200px) {\n        min-width: 16px;\n        min-height: 16px;\n      }\n    }\n  }\n\n  .msger-inputarea {\n    display: flex;\n    padding: 10px;\n    border-top: 1px solid var(--chart-dashed-border);\n    background: linear-gradient(0deg, #F5F6FA, #F5F6FA), linear-gradient(0deg, #FFFFFF, #FFFFFF);\n    align-items: center;\n    cursor: pointer;\n    border-radius: 0 0 15px 0;\n\n    [dir=\"rtl\"] & {\n      border-radius: 0 0 0 15px;\n    }\n\n\n    .dropdown-toggle {\n      &::after {\n        content: unset;\n      }\n\n      .dropdown-menu {\n        inset: unset !important;\n      }\n    }\n\n    .dropdown-form {\n      position: relative;\n      margin-right: 10px;\n      border-radius: 100%;\n      display: grid;\n      place-content: center;\n      margin-right: 10px;\n\n      [dir=\"rtl\"] & {\n        margin-right: unset;\n        margin-left: 10px;\n      }\n\n      &:hover {\n        background-color: rgba($primary-color, 0.1);\n      }\n\n      i {\n        font-size: 16px;\n        font-weight: 900;\n        color: var(--theme-default);\n        cursor: pointer;\n        padding: 0;\n      }\n\n      .chat-icon {\n        position: absolute;\n        left: 0 !important;\n        bottom: 22px !important;\n        background: transparent;\n        box-shadow: unset;\n\n        [dir=\"rtl\"] & {\n          left: unset !important;\n          right: 0 !important;\n        }\n\n        div {\n          @include pixelstrap-size(47px, 47px);\n          border-radius: 50%;\n          background-color: $white;\n          @include pixelstrap-flex(flex, center, center);\n          padding: 0;\n          opacity: 1;\n\n          svg {\n            @include pixelstrap-size(42px, 42px);\n            cursor: pointer;\n          }\n\n          &:nth-child(1) {\n            svg {\n              fill: var(--chart-text-color);\n              stroke: none;\n            }\n          }\n\n          &:nth-child(2) {\n            svg {\n              stroke: var(--chart-text-color);\n              fill: none;\n            }\n          }\n\n          &:hover {\n            background-color: $primary-color !important;\n            opacity: 1;\n\n            &:nth-child(1) {\n              svg {\n                fill: $white;\n              }\n            }\n\n            &:nth-child(2) {\n              svg {\n                stroke: $white;\n\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .msger-send-btn {\n      i {\n        color: $white;\n\n        [dir=\"rtl\"] & {\n          transform: scaleX(-1);\n        }\n      }\n    }\n\n    * {\n      padding: 10px;\n      border: none;\n      border-radius: 3px;\n      font-size: 1em;\n    }\n  }\n\n  .msger-input {\n    flex: 1;\n    background-color: var(--white);\n    width: 100%;\n    color: var(--body-font-color);\n\n    &:focus,\n    &:focus-visible {\n      outline: unset;\n    }\n  }\n\n  .fg-emoji-container {\n    left: calc(10px + (1405 - 10) * ((100vw - 320px) / (1920 - 320))) !important;\n\n    @media (min-width:860px) and (max-width:945px) {\n      left: 417px !important;\n\n      [dir=\"rtl\"] & {\n        left: unset;\n        right: 417px;\n      }\n    }\n\n    @media (min-width:686px) and (max-width:860px) {\n      left: 360px !important;\n\n      [dir=\"rtl\"] & {\n        left: unset;\n        right: 360px;\n      }\n    }\n\n    @media (min-width: 588px) and (max-width:770px) {\n      left: 200px !important;\n\n      [dir=\"rtl\"] & {\n        left: unset;\n        right: 200px;\n      }\n    }\n\n    @media (min-width:546px) and (max-width: 588px) {\n      left: 144px !important;\n\n      [dir=\"rtl\"] & {\n        left: unset;\n        right: 144px;\n      }\n    }\n\n    @media (min-width:500px) and (max-width: 546px) {\n      left: 88px !important;\n\n      [dir=\"rtl\"] & {\n        left: unset;\n        right: 88px;\n      }\n    }\n\n    @media (max-width:500px) {\n      left: 22px !important;\n      width: 262px !important;\n\n      [dir=\"rtl\"] & {\n        left: unset;\n        right: 22px;\n      }\n    }\n\n    .fg-emoji-nav {\n      background-color: rgba(var(--theme-secondary),1);\n\n      ul {\n        li {\n          &:last-child {\n            a {\n              background-color: rgba($badge-light-color, 50%);\n            }\n          }\n        }\n      }\n    }\n\n    #fg-emoji-picker-move {\n      display: none;\n    }\n  }\n\n  .open-emoji {\n    padding: 0;\n\n    button {\n      z-index: 0;\n      position: relative;\n      padding: 0 14px;\n      background: transparent;\n\n      &::before {\n        content: \"\\f118\";\n        font-family: \"FontAwesome\";\n        z-index: 1;\n        position: relative;\n        font-size: 20px;\n        color: var(--chart-text-color);\n      }\n    }\n  }\n\n  .second-btn {\n    z-index: 0;\n    position: relative;\n    padding: 0 14px;\n    background: transparent;\n\n    &::before {\n      content: \"\\f118\";\n      font-family: \"FontAwesome\";\n      z-index: 1;\n      position: relative;\n      font-size: 20px;\n      color: var(--chart-text-color);\n    }\n  }\n\n  .msger-send-btn {\n    margin-left: 10px;\n    background: var(--theme-default);\n    width: 40px;\n    height: 39px;\n    font-weight: bold;\n    cursor: pointer;\n    transition: all 0.23s;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    [dir=\"rtl\"] & {\n      margin-left: unset;\n      margin-right: 10px;\n    }\n\n    svg {\n      width: 1px;\n      height: 12px;\n    }\n  }\n\n  .custom-name {\n    width: 42px;\n    height: 42px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 50px;\n\n    @media (max-width:1650px) {\n      width: 33px;\n      height: 33px;\n    }\n  }\n\n  .offcanvas-wrapper {\n    .offcanvas {\n      position: fixed;\n      background-color: var(--white);\n      z-index: 1045;\n    }\n  }\n\n  /**=====================\n    14.  Chat CSS Ends\n==========================**/","/**=====================\n   3.7 Checkout CSS start\n==========================**/\n.shipping-form {\n\t.checkout-cart {\n\t\t.basic-wizard {\n\t\t\t.shipping-wizard {\n\t\t\t\t.form-select {\n\t\t\t\t\tborder-color: var(--bs-border-color);\n\t\t\t\t\tcolor: var(--chart-text-color);\n\t\t\t\t\tfont-size: 14px;\n\t\t\t\t}\n\n\t\t\t\t.collect-address {\n\t\t\t\t\t.form-check-label {\n\t\t\t\t\t\tfont-size: 15px;\n\t\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\t\tline-height: normal;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.card-wrapper {\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tgap: 8px;\n\n\t\t\t\t\t.collect-address {\n\t\t\t\t\t\t.card-icon {\n\t\t\t\t\t\t\ti {\n\t\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t\t\ttransition: all .3s ease-in-out;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\t.collect-address {\n\t\t\t\t\t\t\t.card-icon {\n\t\t\t\t\t\t\t\ti {\n\t\t\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\t\t\ttransition: all .3s ease-in-out;\n\n\t\t\t\t\t\t\t\t\t@media (max-width:1399px) {\n\t\t\t\t\t\t\t\t\t\tfont-size: 14px;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.shipping-address {\n\t\t\t\t\tspan {\n\t\t\t\t\t\tcolor: var(--chart-text-color);\n\n\t\t\t\t\t\tstrong {\n\t\t\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\t\t\tpadding-right: 5px;\n\t\t\t\t\t\t\tcolor: $theme-font-color;\n\n\t\t\t\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\t\t\t\tpadding-right: unset;\n\t\t\t\t\t\t\t\tpadding-left: 5px;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.order-confirm {\n\t\t\t\t\t@include pixelstrap-flex(flex, center, center);\n\t\t\t\t\ttext-align: start;\n\t\t\t\t\tbackground-color: var(--light-background);\n\t\t\t\t\tpadding: 12px;\n\t\t\t\t\tborder-radius: 6px;\n\t\t\t\t\tgap: 12px;\n\n\t\t\t\t\timg {\n\t\t\t\t\t\theight: 60px;\n\t\t\t\t\t}\n\n\t\t\t\t\t@media (max-width:575px) {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\ttext-align: center;\n\n\t\t\t\t\t\timg {\n\t\t\t\t\t\t\theight: 40px;\n\t\t\t\t\t\t\tmargin-bottom: 8px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.wizard-footer {\n\t\t\t\t.btn {\n\t\t\t\t\t&:disabled {\n\t\t\t\t\t\tborder-color: $transparent-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.shipping-content {\n\t\t.order-confirm {\n\t\t\timg {\n\t\t\t\theight: 96px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.shipping-method {\n\t\t.future-date {\n\t\t\tmargin-top: 6px;\n\t\t\tcolor: var(--chart-text-color);\n\t\t\tfont-size: 14px;\n\t\t}\n\n\t\t.card-wrapper {\n\t\t\t&.pay-info {\n\t\t\t\t.row {\n\t\t\t\t\tflex-direction: row;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.modal-content {\n\t\t.modal-body {\n\t\t\t.bootstrap-select {\n\t\t\t\t.dropdown-toggle {\n\t\t\t\t\tborder-color: var(--bs-border-color) !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.summery-contain {\n\tborder-bottom: 1px solid $light-widget-border;\n\tpadding-bottom: 20px;\n\n\tli {\n\t\t@include pixelstrap-flex(flex, flex-start, center);\n\t\tpadding: 8px 0;\n\t\tborder-bottom: 1px dashed var(--chart-dashed-border);\n\t\tgap: 14px;\n\t\t@include pixelstrap-child(0, 0);\n\n\t\t@media (max-width:1399px) {\n\t\t\tgap: 10px;\n\t\t}\n\n\t\timg {\n\t\t\tobject-fit: contain;\n\t\t\t@include pixelstrap-size(60px, 60px);\n\n\t\t\t@media (max-width:1399px) and (min-width:576px) {\n\t\t\t\t@include pixelstrap-size(45px, 45px);\n\t\t\t}\n\n\t\t\t@media (max-width:575px) {\n\t\t\t\t@include pixelstrap-size(35px, 35px);\n\t\t\t}\n\t\t}\n\n\t\th6 {\n\t\t\tfont-size: 14px;\n\t\t\tfont-weight: 400;\n\t\t\tletter-spacing: 1.2px;\n\t\t\tcolor: $badge-light-color;\n\t\t\tline-height: 1.5;\n\n\t\t\tspan {\n\t\t\t\tfont-weight: 500;\n\t\t\t\tpadding-left: 6px;\n\n\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\tpadding-left: unset;\n\t\t\t\t\tpadding-right: 6px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media (max-width:1399px) {\n\t\t\t\t&:not(.price) {\n\t\t\t\t\t@include multi-line-ellipsis(1, auto, vertical, hidden);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.price {\n\t\t\tmargin-left: auto;\n\n\t\t\t[dir=\"rtl\"] & {\n\t\t\t\tmargin-left: unset;\n\t\t\t\tmargin-right: auto;\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\t\t\tborder-bottom: unset;\n\t\t}\n\t}\n}\n\n.summary-total {\n\tpadding-top: 5px;\n\n\tli {\n\t\tpadding-top: 12px;\n\t\t@include pixelstrap-flex(flex, center, center);\n\n\t\th6 {\n\t\t\tfont-weight: 400;\n\t\t\tcolor: $theme-font-color;\n\t\t}\n\n\t\t.price {\n\t\t\tmargin-left: auto;\n\t\t\tfont-weight: 400;\n\t\t\tcolor: $theme-font-color;\n\n\t\t\t[dir=\"rtl\"] & {\n\t\t\t\tmargin-left: unset;\n\t\t\t\tmargin-right: auto;\n\t\t\t}\n\t\t}\n\n\t\t&:nth-child(4) {\n\t\t\tpadding-block: 20px;\n\t\t\tfont-weight: 600;\n\n\t\t\th6 {\n\t\t\t\tcolor: var(--theme-default);\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\t\t\tborder-top: 1px solid $light-widget-border;\n\t\t\tpadding-top: 12px;\n\n\t\t\th6 {\n\t\t\t\tfont-size: 20px;\n\t\t\t\tfont-weight: 500;\n\t\t\t\tcolor: var(--body-font-color);\n\t\t\t}\n\t\t}\n\t}\n}\n\n/**=====================\n   3.7 Checkout CSS ends\n==========================**/","/**=====================\n    3.8 Comingsoon CSS Start\n==========================**/\n.comingsoon-bgimg {\n  background: url(../images/other-images/coming-soon-bg.jpg);\n  background-position: bottom;\n  background-size: cover;\n}\n\n.basic-comingsoon {\n  background: url(../images/other-images/comingsoon.png);\n  background-position: center;\n  background-size: cover;\n}\n\n.comingsoon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 100vh;\n  padding: 50px 0;\n\n  .comingsoon-inner {\n    h5 {\n      font-size: 18px;\n      letter-spacing: 1px;\n      color: $theme-body-sub-title-color;\n      font-weight: 500;\n      margin-bottom: 20px;\n      margin-top: 20px;\n    }\n\n    .countdown {\n      padding: 30px 0;\n      border-top: 1px solid var(--sidebar-border);\n\n      .time {\n        @include pixelstrap-size(100px, 100px);\n        background-color: var(--theme-default);\n        border-radius: 50%;\n\n        @include pixelstrap-flex(flex, center, center) {\n          color: $white;\n          font-weight: 500;\n          font-size: 36px;\n        }\n      }\n\n      .title {\n        padding-top: 13px;\n        font-size: 14px;\n        font-weight: 400;\n        color: $theme-body-sub-title-color;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n      }\n\n      ul li {\n        display: inline-block;\n        text-transform: uppercase;\n        margin: 0 20px;\n\n        span {\n          display: block;\n        }\n      }\n    }\n  }\n\n  video {\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    min-width: 100%;\n    min-height: 100%;\n    @include pixelstrap-size(auto, auto);\n    z-index: -100;\n    transform: translateX(-50%) translateY(-50%);\n    transition: 1s opacity;\n  }\n}\n\n/**=====================\n  3.8 Comingsoon CSS Ends\n==========================**/","/**=====================\n    3.9 Contacts CSS Start\n==========================**/\n.updateimg {\n  position: absolute;\n  left: 15px;\n  width: 100px;\n  top: 32px;\n  line-height: 93px;\n  opacity: 0;\n}\n\n#right-history {\n  top: 81px;\n  right: -320px;\n  height: 100%;\n  position: fixed;\n  width: 320px;\n  z-index: 9;\n  background-color: $white;\n  transition: .5s;\n  box-shadow: 0 0 9px rgba(191, 191, 191, 0.36);\n\n  [dir=\"rtl\"] & {\n    right: unset;\n    left: -320px;\n  }\n\n  h6 {\n    span {\n      a {\n        color: $theme-body-font-color;\n      }\n    }\n  }\n\n  &.show {\n    right: 0;\n    transition: .3s;\n\n    [dir=\"rtl\"] & {\n      right: unset;\n      left: 0;\n    }\n  }\n}\n\n.history-details {\n  >div {\n    @include pixelstrap-flex(flex, center, center);\n    padding: calc(8px + (20 - 8) * ((100vw - 320px) / (1920 - 320))) 0;\n    -webkit-box-align: center;\n    -webkit-box-pack: center;\n    flex-wrap: wrap;\n    border-top: 1px solid var(--chart-progress-light);\n    gap: 8px;\n\n    i {\n      color: rgba($badge-light-color, 0.8);\n    }\n  }\n\n  .d-flex {\n    padding: 20px 15px;\n    border-top: 1px solid var(--chart-progress-light);\n\n    i {\n      padding: 5px;\n      background: $warning-color;\n      color: $white;\n      border-radius: 100%;\n    }\n\n    .flex-grow-1 {\n      h6 {\n        margin-bottom: 0px;\n      }\n    }\n  }\n}\n\n.delete-contact {\n  display: none;\n}\n\n.more-data {\n  animation: displayTransition 1s;\n}\n\n.contact-editform {\n  padding: 30px;\n  animation: displayTransition 1s;\n\n  form {\n    .form-control {\n      font-size: 14px;\n      color: rgba($badge-light-color, 0.8);\n    }\n\n    .bootstrap-select {\n      .dropdown-toggle {\n        margin: 0;\n        width: 100%;\n        border-radius: 6px;\n        border-color: rgba($badge-light-color, 0.1) !important;\n        color: $form-placeholder-color;\n\n        &:focus {\n          outline: unset !important;\n        }\n      }\n\n      .no-results {\n        font-size: 14px;\n      }\n    }\n  }\n\n  a {\n    display: block;\n  }\n\n  button {\n    margin-top: 30px;\n\n    @media (max-width:1399px) {\n      margin-top: 20px;\n    }\n  }\n\n  .select2-container {\n    .select2-selection--single {\n      height: 39px !important;\n      border-color: #ced4da !important;\n    }\n  }\n}\n\n#deletemodal {\n  .modal-header {\n    border-bottom: none;\n\n    .delete-data {\n      span {\n        svg {\n          vertical-align: middle;\n          margin-right: 15px;\n        }\n      }\n    }\n  }\n}\n\n.email-wrap {\n  .email-app-sidebar {\n    .main-menu {\n      &.contact-options {\n        li {\n          &.nav-item {\n            &:nth-child(2) {\n              .btn-mail {\n                margin-top: 0;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n.list-persons {\n  p {\n    font-family: $font-manrope, $font-serif;\n  }\n\n  .profile-mail {\n    padding: 20px 0;\n\n    .d-flex {\n      .flex-grow-1 {\n        .main-contact-option {\n          margin-top: 10px;\n          display: flex;\n          gap: 6px;\n          flex-wrap: wrap;\n\n          li {\n            background-color: var(--theme-default);\n            padding: 6px 12px;\n            border-radius: 6px;\n\n            a {\n              color: $white;\n              font-weight: 600;\n            }\n\n            +li {\n              margin-left: 0px;\n            }\n          }\n        }\n      }\n    }\n\n    .d-flex {\n      -webkit-box-pack: justify;\n      padding-right: 15px;\n\n      [dir=\"rtl\"] & {\n        padding-right: unset;\n        padding-left: 15px;\n      }\n\n      @media (max-width:575px) {\n        flex-wrap: wrap;\n        gap: 15px;\n\n        img {\n          margin: 0 !important;\n        }\n      }\n\n      @media (max-width:420px) {\n        flex-direction: column;\n        gap: 10px;\n      }\n\n      img {\n        height: 100px;\n        cursor: pointer;\n      }\n\n      .flex-grow-1 {\n        h5 {\n          span {\n            +span {\n              padding-left: 6px;\n\n              [dir=\"rtl\"] & {\n                padding-left: unset;\n                padding-right: 6px;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .common-flex {\n      img {\n        height: 70px;\n      }\n\n      .flex-grow-1 {\n\n        ul {\n          margin-top: 5px;\n\n          li {\n            display: inline-block;\n\n            a {\n              font-size: 13px;\n            }\n\n            +li {\n              padding-left: 10px;\n              margin-left: 5px;\n              border-left: 2px solid $light-color;\n\n              [dir=\"rtl\"] & {\n                padding-left: unset;\n                margin-left: unset;\n                border-left: unset;\n                padding-right: 10px;\n                margin-right: 5px;\n                border-right: 2px solid $light-color;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .email-general {\n      padding-top: 20px;\n\n      ul {\n        padding-right: 20px;\n\n        li {\n          color: $dark-gray;\n          padding-bottom: 10px;\n          margin-bottom: 10px;\n\n          >span {\n\n            &:first-child,\n            &:last-child {\n              min-width: 108px;\n\n              @media (max-width:575px) {\n                min-width: 140px;\n              }\n            }\n          }\n\n          &:last-child {\n            padding-bottom: 0;\n            margin-bottom: 0;\n          }\n        }\n      }\n\n      // p {\n      //   span {\n      //     margin-left: 20px;\n      //   }\n      // }\n\n      // .gender {\n      //   margin-top: 30px;\n      // }\n    }\n  }\n}\n\n.contacts-tabs {\n  .nav-pills {\n    border-right: 1px solid $light-color;\n    height: 100%;\n\n    .nav-link,\n    .show {\n\n      &.active,\n      >.nav-link {\n        background-color: rgba($primary-color, 0.05);\n        color: $theme-body-font-color;\n\n        .d-flex {\n          border-left: 2px solid var(--theme-default);\n\n          [dir=\"rtl\"] & {\n            border-left: unset;\n            border-right: 2px solid var(--theme-default);\n          }\n        }\n      }\n    }\n\n    .nav-link {\n      color: $theme-body-font-color;\n      padding: 0;\n\n      .d-flex {\n        border-left: 2px solid $transparent-color;\n\n        [dir=\"rtl\"] & {\n          border-left: unset;\n          border-right: 2px solid $transparent-color;\n        }\n      }\n\n      .d-flex {\n        .img-50 {\n          height: 50px;\n        }\n      }\n\n      +.nav-link {\n        border-top: 1px solid $light-color;\n        border-radius: 0;\n      }\n    }\n\n    .d-flex {\n      padding: 20px;\n    }\n  }\n\n  .tab-content {\n    .tab-content-child {\n      animation: displayTransition 1s;\n    }\n\n    .modal-header {\n      .pull-right {\n        a {\n          @include square-box(28px, 28px, 3px, rgba($primary-color, 0.1));\n          display: grid;\n          place-items: center;\n        }\n\n        i {\n          font-size: 14px;\n          color: var(--theme-default);\n        }\n      }\n    }\n  }\n}\n\n// responsive\n@media only screen and (max-width: 991px) {\n  #right-history {\n    top: 60px;\n  }\n\n  .updateimg {\n    top: 21px;\n  }\n\n  .list-persons {\n    .profile-mail {\n      padding: 20px;\n\n      .email-general {\n        // .gender {\n        //   margin-top: 20px;\n        // }\n      }\n    }\n  }\n\n  .contact-editform {\n    button {\n      margin-top: 20px;\n    }\n  }\n}\n\n@media only screen and (max-width: 767px) {\n  .contact-editform {\n    padding: 20px;\n\n    &.pl-0 {\n      padding-left: 20px !important;\n    }\n  }\n\n  .contacts-tabs {\n    .nav-pills {\n      border-right: none;\n      border-bottom: 1px solid $light-color;\n    }\n  }\n\n}\n\n@media only screen and (max-width: 575px) {\n  #right-history {\n    width: 308px;\n  }\n\n  .updateimg {\n    top: 16px;\n    left: 29px;\n  }\n\n  .contacts-tabs {\n    .d-flex {\n      img {\n        &.m-r-20 {\n          margin-right: 15px;\n        }\n      }\n    }\n\n    .nav-pills {\n      .d-flex {\n        padding: 15px;\n      }\n    }\n  }\n\n  .list-persons {\n    .profile-mail {\n      padding: 15px;\n\n      .email-general {\n        // .gender {\n        //   margin-top: 15px;\n        // }\n      }\n    }\n\n    .nav-pills {\n      .nav-link {\n        .d-flex {\n          .flex-grow-1 {\n            text-align: left;\n          }\n        }\n      }\n    }\n  }\n\n  .contact-editform {\n\n    button {\n      margin-top: 15px;\n    }\n\n    &.pl-0 {\n      padding-left: 15px !important;\n    }\n  }\n\n  .contact-editform,\n  .contact-options {\n    form {\n      .row {\n        >div {\n          .row {\n            >div {\n              >div {\n                margin-bottom: 0;\n              }\n\n              +div {\n                margin-top: 15px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 360px) {\n  .updateimg {\n    line-height: 73px;\n    width: 80px;\n  }\n\n  .list-persons {\n    .profile-mail {\n      .flex-grow-1 {\n        display: block;\n\n        img {\n          height: 80px;\n          width: 80px !important;\n          margin-bottom: 15px;\n        }\n      }\n    }\n  }\n}\n\n.dark-contact {\n  .nav {\n    .nav-link {\n      .d-flex {\n        .flex-grow-1 {\n          h6 {\n            color: var(--body-font-color);\n            font-weight: 400;\n            margin-bottom: 0;\n\n            span {\n              +span {\n                padding-left: 6px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n/**=====================\n   3.9 Contacts CSS Ends\n==========================**/","/**=====================\n    3.11 Dashboard_3 CSS Start\n==========================**/\n.dashboard-3 {\n  .project-statistics {\n    background-color: var(--light-background);\n    padding: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: space-around;\n\n    @media (max-width: 480px) {\n      flex-direction: column;\n      gap: 10px;\n      text-align: start;\n      align-items: flex-start;\n    }\n\n    .d-flex {\n      gap: 16px;\n      align-items: center;\n\n      .project-icon {\n        width: 55px;\n        height: 55px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 10px;\n\n        svg {\n          width: 30px;\n          height: 30px;\n          fill: $white;\n        }\n      }\n\n      .revenue-details {\n        span {\n          font-size: 14px;\n          font-weight: 500;\n        }\n\n        .d-flex {\n          align-items: end;\n          gap: 10px;\n\n          @media(max-width: 1615px) {\n            @include ellipsis;\n          }\n\n          h2 {\n            font-weight: 600;\n          }\n\n          .increased {\n            span {\n              font-weight: 500;\n              font-size: 14px;\n              color: $theme-body-sub-title-color;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .project-chart {\n    margin: 0 0 -20px -15px;\n\n    @media (max-width: 398px) {\n      margin: 0 0 -50px -15px;\n    }\n  }\n\n  .running-project {\n    .running-list {\n      +.running-list {\n        margin-top: 26px;\n      }\n\n      .d-flex {\n        margin-bottom: 16px;\n\n        .flex-grow-1 {\n          h6 {\n            font-weight: 600;\n            margin-bottom: 4px;\n            @include ellipsis;\n          }\n\n          p {\n            font-weight: 500;\n            color: $theme-body-sub-title-color;\n            margin-bottom: 4px;\n            @include ellipsis;\n          }\n\n          span {\n            font-weight: 500;\n            @include ellipsis;\n\n            span {\n              display: unset !important;\n            }\n          }\n        }\n\n        .flex-shrink-0 {\n          text-align: end;\n\n          span {\n            color: $theme-body-sub-title-color;\n            font-weight: 500;\n            margin-bottom: 10px;\n          }\n\n          .user-details {\n            &.customers {\n              ul {\n                li {\n                  img {\n                    width: 30px;\n                    height: 30px;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n\n      .progress {\n        border-radius: 50px;\n\n        .progress-bar-striped {\n          border-radius: 50px;\n        }\n      }\n    }\n  }\n\n  .total-project {\n    &.bg-light-primary {\n      background-color: rgba($primary-color, 0.04) !important;\n    }\n\n    .d-flex {\n      align-items: center;\n      justify-content: space-between;\n      padding: 16px;\n\n      .project-data {\n        span {\n          color: $theme-body-font-color;\n          font-weight: 600;\n          margin-bottom: 5px;\n          @include ellipsis;\n        }\n\n        h2 {\n          font-weight: 600;\n        }\n      }\n\n      .chart-details {\n        text-align: end;\n        @include ellipsis;\n\n        span {\n          font-weight: 500;\n          font-size: 14px;\n          margin-bottom: 5px;\n        }\n\n        p {\n          font-weight: 500;\n          margin-bottom: 0;\n          @include ellipsis;\n        }\n      }\n    }\n  }\n\n  .customer-table {\n    .dt-layout-row {\n      .dt-search {\n        @media (max-width:454px) {\n          display: none;\n        }\n      }\n    }\n\n    .change-currency {\n      svg {\n        width: 16px;\n        height: 16px;\n        vertical-align: sub;\n      }\n    }\n\n    .currency-icon {\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      overflow: hidden;\n      flex-shrink: 0;\n\n      img {\n        height: 28px;\n      }\n\n      @media (max-width:1499px) and (min-width:1200px) {\n        width: 44px;\n        height: 44px;\n      }\n    }\n\n    table {\n      thead {\n        tr {\n          th {\n            padding: 10px 10px !important;\n            border: unset;\n          }\n        }\n\n        .dt-column-order {\n          display: none;\n        }\n      }\n\n      thead,\n      tbody {\n        tr {\n\n          th,\n          td {\n            min-width: auto;\n            padding: 15px 10px;\n\n            &:first-child {\n              padding-left: 20px !important;\n            }\n\n            &:last-child {\n              padding-right: 20px;\n\n              @media (max-width:1660px) and (min-width:1200px) {\n                display: none;\n              }\n            }\n\n            &:nth-child(5) {\n              text-align: center;\n            }\n\n            @media (max-width:1660px) {\n              &:nth-child(6) {\n                padding-right: 20px;\n              }\n            }\n\n            @media (max-width:1475px) {\n              &:nth-child(3) {\n                min-width: 80px;\n              }\n            }\n\n            @media (max-width:1799px) and (min-width:1200px) {\n              &:nth-child(5) {\n                display: none;\n              }\n            }\n\n            @media (max-width:1199px) {\n              &:nth-child(3) {\n                min-width: 180px;\n              }\n\n              // &:nth-child(3) {\n              //   min-width: 121px;\n              // }\n              &:nth-child(5) {\n                min-width: 80px;\n              }\n\n              &:nth-child(4) {\n                min-width: 42px;\n              }\n\n              &:nth-child(6) {\n                min-width: 92px;\n              }\n            }\n          }\n        }\n      }\n\n      tbody {\n        tr {\n          transition: all 0.4s;\n\n          &:last-child {\n            td {\n              border-bottom: unset;\n            }\n          }\n\n          td {\n            font-weight: 600;\n            border-bottom: 1px dashed var(--sidebar-border);\n\n            .btn {\n              min-width: 135px;\n            }\n\n            .d-flex {\n              align-items: center;\n              gap: 5px;\n\n              img {\n                width: 40px;\n                height: 40px;\n              }\n\n              a {\n                font-weight: 600;\n                font-size: 14px;\n                letter-spacing: unset;\n                @include ellipsis;\n              }\n\n              p {\n                font-weight: 500;\n                color: $theme-body-sub-title-color;\n                letter-spacing: unset;\n              }\n\n              .circle {\n                width: 10px;\n                height: 10px;\n                border-radius: 50%;\n              }\n            }\n\n            span {\n              &.badge {\n                padding: 5px 8px;\n                font-size: 14px;\n                font-weight: 500;\n              }\n            }\n          }\n\n          &:hover {\n            box-shadow: 0px 0px 10px 6px rgba($primary-color, 0.07);\n\n            td {\n              div {\n                h6 {\n                  color: var(--body-font-color);\n                }\n\n                a {\n                  color: var(--theme-default);\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .daily-task {\n    li {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n\n      +li {\n        margin-top: 15px;\n      }\n\n      .daily-tasks-time {\n        background-color: var(--light-background);\n        padding: 4px 8px;\n        width: 85px;\n        border-radius: 5px;\n        flex-shrink: 0;\n        text-align: center;\n\n        @media (max-width:450px) {\n          display: none;\n        }\n\n        span {\n          font-weight: 600;\n        }\n      }\n\n      .tasks-details {\n        padding: 16px;\n        border-radius: 10px;\n        width: 100%;\n\n        &.bg-light-primary {\n          background-color: rgba($primary-color, 0.04) !important;\n        }\n\n        .d-flex {\n          align-items: center;\n\n          .flex-grow-1 {\n            @include ellipsis;\n\n            p {\n              margin-bottom: 5px;\n              font-size: 16px;\n              letter-spacing: 0;\n              line-height: unset;\n              font-weight: 600;\n              @include ellipsis;\n            }\n\n            span {\n              &.badge {\n                line-height: 1.3;\n                font-weight: 600;\n              }\n            }\n          }\n\n          .flex-shrink-0 {\n            text-align: end;\n\n            .user-details {\n              &.customers {\n                ul {\n                  li {\n                    img {\n                      width: 30px;\n                      height: 30px;\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .design-score {\n    ul {\n      &.d-flex {\n        text-align: center;\n        justify-content: space-around;\n\n        li {\n          display: flex;\n          align-items: center;\n          flex-direction: column;\n\n          .design-icon {\n            width: 44px;\n            height: 44px;\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 5px;\n\n            svg {\n              width: 22px;\n              height: 22px;\n              fill: $white;\n            }\n          }\n\n          span {\n            font-weight: 600;\n            font-size: 14px;\n            color: $theme-body-sub-title-color;\n          }\n\n          h6 {\n            font-weight: 600;\n            margin-top: 5px;\n          }\n\n          @media (max-width: 1499px) {\n            &:last-child {\n              display: none;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .task-summary {\n    background-color: var(--light-background);\n    padding: 16px;\n\n    .d-flex {\n      align-items: center;\n\n      .flex-grow-1 {\n        h6 {\n          font-size: 18px;\n          font-weight: 600;\n          margin-bottom: 4px;\n          @include ellipsis;\n        }\n\n        span {\n          font-size: 14px;\n          font-weight: 500;\n        }\n      }\n\n      .flex-shrink-0 {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n      }\n    }\n  }\n\n  .task-report {\n    margin: 20px 0 -20px -15px;\n  }\n}\n\n/**=====================\n  3.11 Dashboard_3 CSS Ends\n==========================**/","/**=====================\n    3.10 Dashboard_2 CSS Start\n==========================**/\n.dashboard-2 {\n  .income-card {\n    .d-flex {\n      align-items: center;\n      gap: 20px;\n\n      @media (max-width: 1780px) {\n        gap: 10px;\n      }\n\n      .income-icon {\n        width: 55px;\n        height: 55px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 10px;\n        flex-shrink: 0;\n\n        @media (max-width: 1399px) {\n          width: 44px;\n          height: 44px;\n        }\n\n        svg {\n          width: 30px;\n          height: 30px;\n          fill: $white;\n\n          @media (max-width: 1399px) {\n            width: 22px;\n            height: 22px;\n          }\n        }\n      }\n\n      .flex-grow-1 {\n        h5 {\n          font-size: 22px;\n          margin-bottom: 3px;\n          @include ellipsis;\n\n          @media (max-width: 1399px) {\n            font-size: 16px;\n          }\n        }\n\n        span {\n          font-size: 16px;\n          color: $theme-body-sub-title-color;\n          font-weight: 500;\n          @include ellipsis;\n\n          @media (max-width: 1399px) {\n            font-size: 14px;\n          }\n        }\n      }\n\n      .d-flex {\n        svg {\n          width: 20px;\n          height: 20px;\n        }\n\n        span {\n          font-size: 16px;\n        }\n\n        @media (max-width: 1780px) and (min-width: 992px) {\n          display: none !important;\n        }\n\n        @media (max-width: 650px) and (min-width: 576px) {\n          display: none !important;\n        }\n      }\n    }\n  }\n\n  .customer {\n    .dt-layout-row {\n      .dt-search {\n        @media (max-width:454px) {\n          display: none;\n        }\n      }\n    }\n\n    .change-currency {\n      svg {\n        width: 16px;\n        height: 16px;\n        vertical-align: sub;\n      }\n    }\n\n    .currency-icon {\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      overflow: hidden;\n      flex-shrink: 0;\n\n      img {\n        height: 28px;\n      }\n\n      @media (max-width:1499px) and (min-width:1200px) {\n        width: 44px;\n        height: 44px;\n      }\n    }\n\n    table {\n      thead {\n        tr {\n          th {\n            padding: 10px 10px !important;\n            border: unset;\n          }\n        }\n\n        .dt-column-order {\n          display: none;\n        }\n      }\n\n      thead,\n      tbody {\n        tr {\n\n          th,\n          td {\n            min-width: auto;\n            padding: 15px 10px;\n\n            &:first-child {\n              padding-left: 20px !important;\n            }\n\n            &:last-child {\n              padding-right: 20px;\n\n              @media (max-width:1660px) and (min-width:1200px) {\n                display: none;\n              }\n            }\n\n            &:nth-child(5) {\n              text-align: center;\n            }\n\n            @media (max-width:1660px) {\n              &:nth-child(6) {\n                padding-right: 20px;\n              }\n            }\n\n            @media (max-width:1475px) {\n              &:nth-child(3) {\n                min-width: 80px;\n              }\n            }\n\n            // @media (max-width:1696px) and (min-width:1200px) {\n            //   &:nth-child(4) {\n            //     display: none;\n            //   }\n            // }\n            @media (max-width:1199px) {\n              &:nth-child(3) {\n                min-width: 180px;\n              }\n\n              &:nth-child(5) {\n                min-width: 80px;\n              }\n\n              &:nth-child(4) {\n                min-width: 42px;\n              }\n\n              &:nth-child(6) {\n                min-width: 92px;\n              }\n            }\n          }\n        }\n      }\n\n      tbody {\n        tr {\n          transition: all 0.4s;\n\n          &:last-child {\n            td {\n              border-bottom: unset;\n            }\n          }\n\n          td {\n            font-weight: 600;\n            border-bottom: 1px dashed var(--sidebar-border);\n\n            .btn {\n              min-width: 135px;\n            }\n\n            .d-flex {\n              align-items: center;\n              gap: 5px;\n\n              img {\n                width: 40px;\n                height: 40px;\n              }\n\n              a {\n                font-weight: 600;\n                font-size: 14px;\n                letter-spacing: unset;\n                @include ellipsis;\n              }\n\n              p {\n                font-weight: 500;\n                color: $theme-body-sub-title-color;\n                letter-spacing: unset;\n              }\n\n              .circle {\n                width: 10px;\n                height: 10px;\n                border-radius: 50%;\n              }\n            }\n          }\n\n          &:hover {\n            box-shadow: 0px 0px 10px 6px rgba($primary-color, 0.07);\n\n            td {\n              div {\n                h6 {\n                  color: var(--body-font-color);\n                }\n\n                a {\n                  color: var(--theme-default);\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    &.recent-order {\n      table {\n        thead {\n          tr {\n            th {\n              @media (max-width:1696px) and (min-width:1200px) {\n                &:nth-child(4) {\n                  display: none;\n                }\n              }\n\n              @media (max-width:1199px) {\n                &:nth-child(3) {\n                  min-width: unset;\n                }\n              }\n            }\n          }\n        }\n\n        tbody {\n          tr {\n            td {\n              padding: 14px 10px;\n\n              .d-flex {\n                .currency-icon {\n                  img {\n                    width: unset;\n                    height: 28px;\n                  }\n                }\n              }\n\n              .circle {\n                width: 10px;\n                height: 10px;\n                border-radius: 50%;\n              }\n\n              @media (max-width:1696px) and (min-width:1200px) {\n                &:nth-child(4) {\n                  display: none;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .product-category-list {\n    li {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      border-radius: 10px;\n      padding: 12px 15px;\n\n      +li {\n        margin-top: 16px;\n      }\n\n      .product-details {\n        h6 {\n          font-size: 14px;\n          letter-spacing: unset;\n          @include ellipsis;\n        }\n      }\n\n      .flex-shrink-0 {\n        h6 {\n          font-size: 14px;\n          letter-spacing: unset;\n\n          span {\n            padding: 5px;\n            font-size: 14px;\n            font-weight: 500;\n          }\n        }\n      }\n    }\n\n    &.monthly-expense {\n      li {\n        padding: 15px 15px;\n\n        +li {\n          margin-top: 0;\n        }\n\n        &:nth-child(odd) {\n          background-color: var(--light-background);\n        }\n\n        .product-details {\n          display: flex;\n          align-items: center;\n          gap: 10px;\n\n          span {\n            width: 12px;\n            height: 8px;\n            border-radius: 50px;\n          }\n\n          h6 {\n            font-size: 16px;\n            font-weight: 500;\n          }\n        }\n\n        .flex-shrink-0 {\n          display: flex;\n          align-items: center;\n          gap: 10px;\n\n          h6 {\n            color: $theme-body-sub-title-color;\n            font-size: 16px;\n\n            @media (max-width: 1599px) and (min-width:1200px) {\n              display: none;\n            }\n          }\n\n          h5 {\n            font-weight: 500;\n          }\n        }\n      }\n    }\n  }\n\n  .monthly-budget {\n    p {\n      font-size: 16px;\n      font-weight: 500;\n      line-height: unset;\n      letter-spacing: unset;\n      margin-bottom: 20px;\n      text-overflow: ellipsis;\n      overflow: hidden;\n      display: -webkit-box !important;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      white-space: normal;\n\n      @media (max-width: 1399px) {\n        -webkit-line-clamp: 1;\n      }\n    }\n\n    .budget-details {\n      li {\n        +li {\n          margin-top: 20px;\n        }\n\n        .d-flex {\n          align-items: center;\n          gap: 20px;\n\n          .budget-icon {\n            width: 55px;\n            height: 55px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border-radius: 10px;\n            flex-shrink: 0;\n\n            svg {\n              width: 30px;\n              height: 30px;\n            }\n          }\n\n          .flex-grow-1 {\n            span {\n              font-size: 14px;\n              font-weight: 500;\n              color: $theme-body-sub-title-color;\n            }\n\n            h5 {\n              font-weight: 600;\n              margin-top: 3px;\n            }\n\n            .progress {\n              margin-top: 5px;\n            }\n          }\n\n          .d-flex {\n            svg {\n              width: 20px;\n              height: 20px;\n            }\n\n            span {\n              font-size: 16px;\n            }\n\n            @media (max-width: 699px) and (min-width: 576px) {\n              display: none !important;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .revenue-report {\n    margin: -40px -16px -20px -16px;\n\n    @media (max-width: 355px) {\n      margin: -40px -16px -50px -16px;\n    }\n  }\n\n  .total-product {\n    .d-flex {\n      flex-direction: column;\n\n      .income-icon {\n        width: 44px;\n        height: 44px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 10px;\n        flex-shrink: 0;\n        margin-bottom: 10px;\n\n        svg {\n          width: 24px;\n          height: 24px;\n          fill: $white;\n          stroke: $white;\n          stroke-width: 1.5;\n\n          &.stroke-none {\n            stroke: unset;\n          }\n        }\n      }\n\n      .flex-grow-1 {\n        h6 {\n          font-weight: 500;\n          margin-bottom: 5px;\n        }\n\n        h5 {\n          margin-bottom: 10px;\n          font-size: 22px;\n          font-weight: 600;\n        }\n      }\n\n      p {\n        font-weight: 500;\n        color: $theme-body-sub-title-color;\n        @include ellipsis;\n\n        span {\n          padding: 5px;\n          font-size: 14px;\n          font-weight: 500;\n          margin-inline: 5px;\n        }\n      }\n\n      @media (max-width: 575px) {\n        align-items: center;\n        text-align: center;\n      }\n    }\n\n    &.product-border {\n      border: 1px solid var(--sidebar-border);\n      border-top: unset;\n\n      @media (max-width: 767px) {\n        border-left: unset;\n        border-top: 1px solid var(--sidebar-border);\n      }\n\n      @media (max-width: 575px) {\n        border-right: unset;\n      }\n    }\n\n    &.customer-border {\n      border-bottom: 1px solid var(--sidebar-border);\n\n      @media (max-width: 767px) {\n        border-top: 1px solid var(--sidebar-border);\n      }\n\n      @media (max-width: 575px) {\n        border-top: unset;\n      }\n    }\n\n    &.order-border {\n      border-inline: 1px solid var(--sidebar-border);\n\n      @media (max-width: 767px) {\n        border-left: unset;\n      }\n\n      @media (max-width: 575px) {\n        border-right: unset;\n        border-bottom: 1px solid var(--sidebar-border);\n      }\n    }\n  }\n\n  .budget-spent {\n    background-color: var(--light-background);\n    border-radius: 5px;\n    padding: 13px 25px;\n    margin-bottom: 18px;\n\n    span {\n      font-size: 16px;\n      font-weight: 400;\n      color: $theme-body-sub-title-color;\n    }\n\n    h2 {\n      font-weight: 500;\n    }\n  }\n\n  .categories-chart {\n    margin: -30px 0 -40px 0px;\n  }\n}\n\n/**=====================\n    3.10 Dashboard_2 CSS End\n==========================**/","/**=====================\n  3.20 Dashboard_default CSS Start\n==========================**/\n.default-dashboard {\n  .upcoming-activities {\n    table {\n      tbody {\n        tr {\n          &:first-child {\n            td {\n              padding-top: 0;\n            }\n          }\n\n          &:last-child {\n            td {\n              padding-bottom: 0;\n            }\n          }\n\n          td {\n            padding: 23px 10px;\n            font-size: 14px;\n            font-weight: 600;\n\n            &:first-child {\n              padding-left: unset;\n            }\n\n            &:last-child {\n              text-align: end;\n              padding-right: unset;\n\n              @media (max-width: 1399px) {\n                display: none;\n              }\n            }\n\n            .d-flex {\n              align-items: center;\n              gap: 14px;\n\n              .upcoming {\n                padding: 9px 18px;\n                border-radius: 8px;\n\n                h6 {\n                  font-size: 20px;\n                  font-weight: 600;\n                }\n\n                span {\n                  font-size: 18px;\n                  font-weight: 600;\n                  color: $theme-body-sub-title-color;\n                  line-height: 1.4;\n                }\n              }\n            }\n\n            .flex-grow-1 {\n              a {\n                span {\n                  font-weight: 500;\n                  font-size: 16px;\n                  color: $theme-body-sub-title-color;\n                  @include ellipsis;\n                }\n\n                h5 {\n                  font-size: 14px;\n                  font-weight: 600;\n                  letter-spacing: 0;\n                  line-height: 19.12px;\n                  @include ellipsis;\n                }\n              }\n            }\n\n            .user-details {\n              display: flex;\n              align-items: flex-end;\n              gap: 15px;\n              justify-content: end;\n\n              @media (max-width: 1399px) {\n                gap: 6px;\n              }\n\n              @media (max-width: 575px) {\n                flex-wrap: wrap;\n              }\n\n              &.customers {\n                ul {\n                  li {\n                    img {\n                      width: 28px;\n                      height: 28px;\n                    }\n\n                    +li {\n                      margin-left: -7%;\n\n                      [dir=\"rtl\"] & {\n                        margin-right: -7%;\n                        margin-left: unset;\n                      }\n\n                      @media (max-width: 1730px) {\n                        margin-left: -20%;\n\n                        [dir=\"rtl\"] & {\n                          margin-right: -20%;\n                          margin-left: unset;\n                        }\n                      }\n\n                      @media (max-width: 1510px) {\n                        margin-left: -40%;\n\n                        [dir=\"rtl\"] & {\n                          margin-right: -40%;\n                          margin-left: unset;\n                        }\n                      }\n                    }\n                  }\n                }\n\n                @media (max-width: 1366px) {\n                  display: none;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .marketing {\n    .team-active {\n      padding: 10px 12px;\n      border-radius: 5px;\n      overflow: hidden;\n\n      @media (max-width: 1399px) {\n        margin-bottom: 14px;\n\n        &.team-members {\n          margin-bottom: 0;\n        }\n      }\n\n      .d-flex {\n        align-items: center;\n        justify-content: space-between;\n\n        .team-details {\n          h5 {\n            font-size: 16px;\n            @include ellipsis;\n          }\n\n          span {\n            color: $theme-body-sub-title-color;\n            font-size: 16px;\n            font-weight: 500;\n            @include ellipsis;\n          }\n        }\n\n        .flex-shrink-0 {\n          text-align: end;\n\n          .active-icon {\n            background-color: $white;\n            width: 42px;\n            height: 38px;\n            border-radius: 5px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n\n            svg {\n              width: 24px;\n              height: 24px;\n              vertical-align: sub;\n            }\n          }\n        }\n      }\n\n      .team-activities {\n        margin-top: 28px;\n\n        ul {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          text-align: center;\n          gap: 5px;\n\n          @media (max-width: 1715px) {\n            justify-content: center;\n          }\n\n          @media (max-width: 1399px) {\n            gap: 35px;\n          }\n\n          li {\n            .circle {\n              width: calc(45px + (71 - 45) * ((100vw - 1200px) / (1920 - 1200)));\n              height: 7px;\n              border-radius: 50px;\n            }\n\n            span {\n              color: $theme-body-sub-title-color;\n              font-size: 12px;\n              font-weight: 500;\n            }\n\n            &:nth-child(2) {\n              .circle {\n                width: calc(35px + (65 - 35) * ((100vw - 1200px) / (1920 - 1200)));\n                height: 7px;\n              }\n            }\n\n            &:nth-child(3) {\n              .circle {\n                width: calc(30px + (48 - 30) * ((100vw - 1200px) / (1920 - 1200)));\n                height: 7px;\n              }\n\n              @media (max-width: 1715px) and (min-width: 1400px) {\n                display: none;\n              }\n            }\n          }\n        }\n      }\n\n      &.team-members {\n        .user-details {\n          display: flex;\n          align-items: flex-end;\n          gap: 15px;\n          justify-content: space-between;\n\n          @media (max-width: 1399px) {\n            gap: 6px;\n          }\n\n          @media (max-width: 575px) {\n            flex-wrap: wrap;\n          }\n\n          ul {\n            margin-top: 28px;\n          }\n\n          &.customers {\n            ul {\n              li {\n                img {\n                  width: 28px;\n                  height: 28px;\n                }\n\n                +li {\n                  margin-left: -7%;\n\n                  [dir=\"rtl\"] & {\n                    margin-right: -7%;\n                    margin-left: unset;\n                  }\n\n                  @media (max-width: 1510px) {\n                    margin-left: -14%;\n\n                    [dir=\"rtl\"] & {\n                      margin-right: -14%;\n                      margin-left: unset;\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .manage-activities {\n      padding: 5px 16px 5px 5px;\n      border-radius: 5px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      margin-top: 14px;\n      gap: 5px;\n\n      .d-flex {\n        align-items: center;\n        gap: 15px;\n\n        .active-icon {\n          background-color: $white;\n          width: 42px;\n          height: 38px;\n          border-radius: 5px;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          flex-shrink: 0;\n\n          svg {\n            width: 24px;\n            height: 24px;\n            vertical-align: sub;\n          }\n        }\n\n        p {\n          font-size: 14px;\n          font-weight: 600;\n          letter-spacing: unset;\n          @include ellipsis;\n        }\n      }\n\n      .btn {\n        background-color: $primary-color;\n        padding: 6px 10px;\n        color: $white;\n        font-size: 12px;\n      }\n    }\n  }\n\n  .revenue-card {\n    .revenue {\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      margin-bottom: 2px;\n\n      span {\n        gap: 5px;\n        font-weight: 500;\n        display: flex;\n        align-items: center;\n\n        @media (max-width: 1495px) {\n          display: none;\n        }\n\n        svg {\n          width: 15px;\n          height: 15px;\n        }\n      }\n    }\n\n    h5 {\n      font-size: 16px;\n      font-weight: 500;\n      line-height: 21.86px;\n      color: $theme-body-sub-title-color;\n    }\n\n    .revenue-chart {\n      margin: 0px 0 -46px 0;\n    }\n  }\n\n  .income-details {\n    .card-body {\n      .d-flex {\n        align-items: center;\n\n        .flex-grow-1 {\n          h5 {\n            font-size: 26px;\n            font-weight: 700;\n            margin-bottom: 15px;\n\n            @media (max-width: 1779px) {\n              font-size: 20px;\n            }\n          }\n\n          h6 {\n            font-size: 18px;\n            font-weight: 600;\n            margin-bottom: 12px;\n            @include ellipsis;\n\n            @media (max-width: 1779px) {\n              margin-bottom: 26px;\n            }\n          }\n\n          .d-flex {\n            align-items: center;\n            gap: 5px;\n\n            svg {\n              width: 15px;\n              height: 15px;\n            }\n\n            span {\n              font-weight: 500;\n            }\n\n            p {\n              font-size: 16px;\n              font-weight: 500;\n              color: $theme-body-sub-title-color;\n\n              @media (max-width: 1779px) {\n                display: none;\n              }\n            }\n          }\n        }\n\n        .flex-shrink-0 {\n          .income-icon {\n            width: 74px;\n            height: 74px;\n            border-radius: 14px;\n            background-color: $white;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n\n            @media (max-width: 1499px) {\n              width: 58px;\n              height: 58px;\n            }\n\n            svg {\n              width: 35px;\n              height: 35px;\n              fill: $theme-font-color;\n\n              @media (max-width: 1499px) {\n                width: 30px;\n                height: 30px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .location {\n    .revenue {\n      h2 {\n        font-size: 20px;\n      }\n    }\n\n    .map-location {\n      justify-content: space-between;\n      display: flex;\n      gap: 20px;\n\n      @media (max-width: 767px) {\n        flex-direction: column;\n        align-items: center;\n      }\n\n      .country-location {\n        padding-top: 22px;\n        min-width: 300px;\n\n        @media (max-width: 1699px) {\n          min-width: fit-content;\n        }\n\n        @media (max-width: 1399px) and (min-width: 992px) {\n          min-width: 100%;\n        }\n\n        @media (max-width: 991px) {\n          min-width: 50%;\n        }\n\n        @media (max-width: 767px) {\n          min-width: 100%;\n        }\n\n        ul {\n          li {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding-block: 12px;\n            border-bottom: 1px dashed var(--sidebar-border);\n\n            @media (max-width: 1699px) {\n              gap: 25px;\n            }\n\n            &:first-child {\n              padding-top: 0;\n            }\n\n            &:last-child {\n              padding-bottom: 0;\n              border-bottom: unset;\n            }\n\n            .d-flex {\n              align-items: center;\n              gap: 10px;\n\n              .circle {\n                width: 15px;\n                height: 15px;\n                border-radius: 3px;\n              }\n\n              h6 {\n                font-size: 14px;\n                font-weight: 600;\n              }\n            }\n\n            span {\n              font-size: 14px;\n              font-weight: 600;\n              color: $theme-body-sub-title-color;\n            }\n          }\n        }\n      }\n\n      .jvm-zoom-btn {\n        display: none;\n      }\n\n      .live-user-map {\n        @media (max-width: 1399px) and (min-width: 992px) {\n          display: none;\n        }\n\n        #map {\n          margin-bottom: -52px;\n\n          svg {\n            width: 420px;\n            height: 180px;\n            overflow: auto;\n\n            @media (max-width: 767px) {\n              height: 230px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .sales-analytics {\n    .total-sales {\n      display: flex;\n      align-items: center;\n\n      .sales-details {\n        border-right: 1px solid var(--sidebar-border);\n        padding-right: 24px;\n\n        &:last-child {\n          border: unset;\n          padding-right: unset;\n          padding-left: 24px;\n        }\n\n        .revenue {\n          gap: 5px;\n\n          h2 {\n            font-size: 20px;\n          }\n\n          span {\n            gap: 5px;\n          }\n        }\n\n        .d-flex {\n          align-items: center;\n          gap: 5px;\n\n          .circle {\n            width: 15px;\n            height: 15px;\n            border-radius: 3px;\n          }\n\n          span {\n            font-size: 16px;\n            font-weight: 500;\n            color: $theme-body-sub-title-color;\n          }\n        }\n      }\n    }\n\n    .sales-chart {\n      margin: 0px -14px -22px;\n    }\n  }\n\n  .recent-table {\n    .dt-layout-row {\n      .dt-search {\n        @media (max-width:454px) {\n          display: none;\n        }\n      }\n    }\n\n    .change-currency {\n      svg {\n        width: 16px;\n        height: 16px;\n        vertical-align: sub;\n      }\n    }\n\n    .currency-icon {\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      overflow: hidden;\n      flex-shrink: 0;\n\n      img {\n        height: 28px;\n      }\n\n      @media (max-width:1499px) and (min-width:1200px) {\n        width: 44px;\n        height: 44px;\n      }\n    }\n\n    table {\n      thead {\n        tr {\n          th {\n            padding: 10px 10px !important;\n            border: unset;\n          }\n        }\n\n        .dt-column-order {\n          display: none;\n        }\n      }\n\n      thead,\n      tbody {\n        tr {\n\n          th,\n          td {\n            min-width: auto;\n            padding: 19px 10px;\n\n            &:first-child {\n              padding-left: 20px !important;\n            }\n\n            &:last-child {\n              padding-right: 20px;\n\n              @media (max-width:1660px) and (min-width:1200px) {\n                display: none;\n              }\n            }\n\n            &:nth-child(4) {\n              text-align: center;\n            }\n\n            &:nth-child(5) {\n              text-align: center;\n            }\n\n            @media (max-width:1660px) {\n              &:nth-child(6) {\n                padding-right: 20px;\n              }\n            }\n\n            @media (max-width:1475px) {\n              &:nth-child(3) {\n                min-width: 80px;\n              }\n            }\n\n            @media (max-width:1696px) and (min-width:1200px) {\n              &:nth-child(4) {\n                display: none;\n              }\n            }\n\n            @media (max-width:1199px) {\n              &:nth-child(2) {\n                min-width: 180px;\n              }\n\n              &:nth-child(3) {\n                min-width: 121px;\n              }\n\n              &:nth-child(5) {\n                min-width: 80px;\n              }\n\n              &:nth-child(4) {\n                min-width: 42px;\n              }\n\n              &:nth-child(6) {\n                min-width: 92px;\n              }\n            }\n          }\n        }\n      }\n\n      tbody {\n        tr {\n          transition: all 0.4s;\n\n          &:last-child {\n            td {\n              border-bottom: unset;\n            }\n          }\n\n          td {\n            font-weight: 600;\n            border-bottom: 1px dashed var(--sidebar-border);\n\n            .btn {\n              min-width: 135px;\n            }\n\n            .d-flex {\n              a {\n                font-weight: 600;\n                font-size: 14px;\n                letter-spacing: unset;\n                @include ellipsis;\n              }\n\n              p {\n                font-weight: 500;\n                color: $theme-body-sub-title-color;\n                letter-spacing: unset;\n              }\n            }\n\n            .currency-icon {\n              img {\n                transition: 0.5s;\n              }\n            }\n          }\n\n          &:hover {\n            box-shadow: 0px 0px 10px 6px rgba($primary-color, 0.07);\n\n            td {\n              div {\n                .currency-icon {\n                  img {\n                    transition: 0.5s;\n                    transform: scale(1.1);\n                  }\n                }\n\n                h6 {\n                  color: var(--body-font-color);\n                }\n\n                a {\n                  color: var(--theme-default);\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    &.transactions {\n      table {\n        tbody {\n          tr {\n            td {\n              .d-flex {\n                align-items: center;\n                gap: 5px;\n\n                img {\n                  border-radius: 50%;\n                }\n\n                .circle {\n                  width: 10px;\n                  height: 10px;\n                  border-radius: 50%;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .sales-location {\n    .sales-store {\n      border-left: 2px solid var(--theme-default);\n      padding-left: 20px;\n\n      span {\n        font-size: 16px;\n        font-weight: 600;\n        color: $theme-body-sub-title-color;\n      }\n    }\n\n    .total-sales {\n      margin: -8px 0px -30px -10px;\n    }\n  }\n\n  .overview {\n    .apexcharts-canvas {\n      svg {\n        .apexcharts-inner {\n          .apexcharts-pie {\n            >g {\n              circle {\n                fill: $body-color !important;\n              }\n            }\n\n            .apexcharts-datalabels-group {\n              .apexcharts-datalabel-label {\n                font-size: 22px;\n                font-weight: 800;\n                font-family: $font-manrope !important;\n                fill: var(--theme-default);\n              }\n\n              .apexcharts-datalabel-value {\n                font-size: 18px;\n                font-weight: 500;\n                font-family: $font-manrope !important;\n                fill: $theme-body-sub-title-color !important;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .shifts-overview {\n    padding-inline: 30px;\n    padding-top: 36px;\n\n    @media (max-width: 1475px) {\n      padding-inline: unset;\n    }\n\n    .shifts-details {\n      ul {\n        position: relative;\n        display: flex;\n        width: 100%;\n        flex-wrap: wrap;\n        row-gap: 15px;\n        justify-content: space-between;\n\n        &::before {\n          content: '';\n          position: absolute;\n          background-color: var(--sidebar-border);\n          width: 2px;\n          height: 60px;\n          left: 50%;\n        }\n\n        li {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          width: 45%;\n\n          .d-flex {\n            align-items: center;\n            gap: 5px;\n\n            .circle {\n              width: 10px;\n              height: 10px;\n              border-radius: 2px;\n              flex-shrink: 0;\n            }\n\n            h6 {\n              font-size: 14px;\n              font-weight: 600;\n              @include ellipsis;\n            }\n          }\n\n          span {\n            color: $theme-body-sub-title-color;\n            font-size: 14px;\n            font-weight: 500;\n          }\n        }\n      }\n    }\n  }\n}\n\n@each $badge-light-name,\n$badge-light-color in (primary, $primary-color),\n(secondary, $secondary-color),\n(success, $success-color),\n(danger, $danger-color),\n(info, $info-color),\n(light, $badge-light-color),\n(dark, $dark-color),\n(warning, $warning-color) {\n  .badge-light-#{$badge-light-name} {\n    background-color: rgba($badge-light-color, 34%);\n    color: $badge-light-color;\n\n    &:hover {\n      background-color: rgba($badge-light-color, 34%);\n    }\n  }\n\n  .badge-l-#{$badge-light-name} {\n    background-color: lighten($badge-light-color, 32%);\n\n    &:hover {\n      background-color: lighten($badge-light-color, 32%);\n    }\n  }\n}\n\n.badge-light-light {\n  background-color: lighten($badge-light-color, 55%) !important;\n}\n\n.badge-light-primary,\n.badge-l-primary {\n  background-color: rgba($primary-color, 0.1);\n\n  &:hover {\n    background-color: rgba($primary-color, 0.1);\n  }\n}\n/*\n.badge-light-success {\n  background-color: rgba($success-color, 0.30);\n  color: #198754;\n}\n\n.badge-light-warning {\n  color: #ff9d46;\n}\n\n.badge-light-secondary {\n  color: #6395d3;\n}\n\n.badge-light-danger {\n  background-color: rgba($danger-color, 0.15);\n}\n*/\n//chart widget css\n.chart-widget-top {\n\n  #chart-widget1,\n  #chart-widget2,\n  #chart-widget3 {\n    margin-bottom: -15px;\n\n    .apexcharts-xaxistooltip {\n      display: none;\n    }\n  }\n\n  span {\n    color: $font-gray-color;\n  }\n}\n\n// Responsive orders\n@media (max-width:1399px) and (min-width:992px) {\n  .ord-xl-1 {\n    order: 1;\n  }\n\n  .ord-xl-2 {\n    order: 2;\n  }\n\n  .ord-xl-3 {\n    order: 3;\n  }\n\n  .ord-xl-4 {\n    order: 4;\n  }\n\n  .ord-xl-5 {\n    order: 5;\n  }\n\n  .ord-xl-6 {\n    order: 6;\n  }\n\n  .ord-xl-7 {\n    order: 7;\n  }\n\n  .ord-xl-8 {\n    order: 8;\n  }\n\n  .ord-xl-9 {\n    order: 9;\n  }\n\n  .ord-xl-10 {\n    order: 10;\n  }\n}\n\n@media (max-width: 1199px) and (min-width: 992px) {\n  .ord-lg-1 {\n    order: 1;\n  }\n}\n\n@media (max-width:991px) and (min-width:768px) {\n  .ord-md-1 {\n    order: 1;\n  }\n\n  .ord-md-2 {\n    order: 2;\n  }\n\n  .ord-md-3 {\n    order: 3;\n  }\n\n  .ord-md-4 {\n    order: 4;\n  }\n\n  .ord-md-5 {\n    order: 5;\n  }\n\n  .ord-md-6 {\n    order: 6;\n  }\n\n  .ord-md-7 {\n    order: 7;\n  }\n\n  .ord-md-8 {\n    order: 8;\n  }\n}\n\n/**=====================\n  3.20 Dashboard_default CSS Ends\n==========================**/\n","/**=====================\n  3.21 Divider CSS start\n==========================**/\n\n.main-divider {\n    .divider-body {\n        gap: calc(14px + (30 - 14) * ((100vw - 320px) / (1920 - 320)));\n        display: flex;\n        align-items: center;\n        margin-bottom: 16px;\n\n        &:last-child {\n            margin-bottom: 0;\n        }\n\n        &::before,\n        &::after {\n            flex-grow: 1;\n        }\n\n        div[class*='divider-p-'] {\n            padding: 8px;\n        }\n\n        .divider-circle {\n            width: 45px;\n            height: 45px;\n            @include pixelstrap-flex(flex, center, center);\n            border-radius: 50%;\n\n            i {\n                font-size: 16px;\n            }\n        }\n\n        &-1 {\n\n            &::before,\n            &::after {\n                content: '';\n                border: 1px solid;\n            }\n        }\n\n        &-2 {\n\n            &::before,\n            &::after {\n                content: '';\n                border: 1px dashed;\n            }\n        }\n\n        &-3 {\n\n            &::before,\n            &::after {\n                content: '';\n                border: 2px dotted;\n            }\n        }\n\n        &-4 {\n\n            &::before,\n            &::after {\n                content: '';\n                border: 4px double;\n            }\n        }\n    }\n\n    .divider-body-3 {\n\n        &::after,\n        &::before {\n            flex-grow: unset;\n            width: 100%;\n        }\n    }\n\n    &.horizontal-variation {\n\n        .divider {\n            display: flex;\n            align-items: center;\n            margin-bottom: 4px;\n\n            &:last-child {\n                margin-bottom: 0;\n            }\n\n            &:before,\n            &:after {\n                content: \"\";\n                flex: 1;\n            }\n\n            &.linear-line {\n                &::before {\n                    margin: 0 24px 0 0;\n                    height: 1px;\n\n                    [dir=\"rtl\"] & {\n                        margin: 0 0 0 24px;\n                    }\n                }\n\n                &::after {\n                    margin: 0 0 0 24px;\n                    height: 1px;\n\n                    [dir=\"rtl\"] & {\n                        margin: 0 24px 0 0;\n                    }\n                }\n            }\n\n            &.double-line {\n\n                &:before,\n                &:after {\n                    height: 3px;\n                    border-width: 0;\n                }\n\n                &-1 {\n\n                    &::before,\n                    &::after {\n                        box-shadow: 0 -0.6px 0 var(--theme-default), 0 0.6px 0 var(--theme-default);\n                    }\n                }\n\n                &-2 {\n\n                    &::before,\n                    &::after {\n                        box-shadow: 0 -1.6px 0 $secondary-color, 0 1.6px 0 $secondary-color;\n                    }\n                }\n\n                &-3 {\n\n                    &::before,\n                    &::after {\n                        box-shadow: 0 -2.6px 0 $success-color, 0 2.6px 0 $success-color;\n                    }\n                }\n\n                &-4 {\n\n                    &::before,\n                    &::after {\n                        box-shadow: 0 -3.6px 0 $warning-color, 0 3.6px 0 $warning-color;\n                    }\n                }\n\n                &-5 {\n\n                    &::before,\n                    &::after {\n                        box-shadow: 0 -3.6px 0 $danger-color, 0 3.6px 0 $danger-color;\n                    }\n                }\n\n                &-6 {\n\n                    &::before,\n                    &::after {\n                        box-shadow: 0 -3.6px 0 $info-color, 0 3.6px 0 $info-color;\n                    }\n                }\n            }\n        }\n    }\n\n    .vertical-divider {\n        @include pixelstrap-flex(flex, space-between, center);\n        flex-direction: column;\n\n        .vertical-line {\n            min-height: 80px;\n            border-left: 2px dashed;\n\n            [dir=\"rtl\"] & {\n                border-left: unset;\n                border-right: 2px dashed;\n            }\n        }\n\n        p {\n            padding: 8px;\n\n            @media (max-width: 1570px) {\n                padding: 8px 4px;\n            }\n\n            @media (max-width:1464px) {\n                font-size: 13px;\n            }\n        }\n\n        svg {\n            width: 22px;\n            height: 42px;\n        }\n    }\n\n    .dotted-divider {\n        .vertical-divider {\n            .vertical-line {\n                border-left: 2px dotted;\n\n                [dir=\"rtl\"] & {\n                    border-left: unset;\n                    border-right: 2px dotted;\n                }\n            }\n        }\n    }\n\n    .double-divider {\n        .vertical-divider {\n            .vertical-line {\n                border-style: double;\n                border-width: 3px;\n            }\n        }\n    }\n}\n\n.animated-divider {\n    width: 100%;\n    height: 1px;\n    display: block;\n    position: relative;\n    padding: 12px 0;\n\n    &:after,\n    &:before {\n        content: \"\";\n        position: absolute;\n        width: 100%;\n        height: 1px;\n        bottom: 50%;\n        left: 0;\n\n        [dir=\"rtl\"] & {\n            left: unset;\n            right: 0;\n        }\n    }\n\n    &:after {\n        transition: opacity 0.3s ease, animation 0.3s ease;\n        background: linear-gradient(to right, $success-color 5%, $warning-color 15%, $warning-color 25%, $danger-color 35%, $danger-color 45%, $primary-color 55%, $primary-color 65%, $info-color 75%, $info-color 85%, $success-color 95%);\n        background-size: 200%;\n        background-position: 0%;\n        animation: linear-line 15s linear infinite;\n        animation-duration: 2s;\n    }\n\n    &:hover {\n        &:before {\n            animation-duration: 20s;\n        }\n    }\n\n    &.animated-line {\n        &:before {\n            background: linear-gradient(90deg, $white 0%, $white 5%, transparent 5%, transparent 10%, $white 10%, $white 15%, transparent 15%, transparent 20%, $white 20%, $white 25%, transparent 25%, transparent 30%, $white 30%, $white 35%, transparent 35%, transparent 40%, $white 40%, $white 45%, transparent 45%, transparent 50%, $white 50%, $white 55%, transparent 55%, transparent 60%, $white 60%, $white 65%, transparent 65%, transparent 70%, $white 70%, $white 75%, transparent 75%, transparent 80%, $white 80%, $white 85%, transparent 85%, transparent 90%, $white 90%, $white 95%, transparent 95%, transparent 100%);\n            background-size: 15px * 10;\n            background-position: center;\n            z-index: 1;\n            animation: linear-line 16s linear infinite;\n        }\n    }\n}\n\n@keyframes linear-line {\n    0% {\n        background-position: 0%;\n    }\n\n    100% {\n        background-position: 200%;\n    }\n}\n\n.divider-h-line {\n    height: 1px;\n    margin-block: 22px;\n\n    &:first-child {\n        margin-top: 0;\n    }\n\n    &:last-child {\n        margin-bottom: 0;\n    }\n}\n\n.vr {\n    height: 160px;\n    margin-inline: 18px;\n    opacity: 1;\n\n    @media (max-width:575px) {\n        margin-inline-start: 15px;\n    }\n}\n\n.linear-divider {\n    p {\n        @media (max-width:1399px) {\n            display: -webkit-box;\n            max-width: 100%;\n            height: 100px;\n            -webkit-line-clamp: 4;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n    }\n}\n\n/**=====================\n  3.21 Divider CSS end\n==========================**/","/**=====================\n    3.22 Flash_icons CSS Start\n==========================**/\n.main-animate {\n    .common-flex {\n        @media (max-width:331px) {\n            justify-content: center;\n        }\n    }\n\n    a {\n        width: 50px;\n        height: 50px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        background: var(--light-bg);\n        overflow: hidden;\n    }\n\n    svg {\n        width: 22px;\n        height: 22px;\n        stroke: var(--chart-text-color);\n    }\n\n    i {\n        color: var(--chart-text-color);\n        border-radius: 50%;\n        font-size: 16px;\n    }\n}\n\n.pulse-wrapper {\n    a {\n        border-radius: 50%;\n    }\n\n    svg {\n        animation: pulse-animate 1s infinite ease;\n        border-radius: 50%;\n    }\n\n    i {\n        animation: pulse-animate 1s infinite ease;\n    }\n\n    @keyframes pulse-animate {\n        0% {\n            box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);\n        }\n\n        100% {\n            box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);\n        }\n    }\n}\n\n.heartbeat-wrapper {\n    a {\n        border-radius: 50%;\n    }\n\n    svg {\n        animation: heartbeat-rate 1s infinite ease;\n        border-radius: 50%;\n        stroke: $danger-color;\n    }\n\n    i {\n        color: $danger-color;\n        animation: heartbeat-rate 1s infinite ease;\n    }\n}\n\n//  border animations\n.border-pulse-wrapper {\n    a {\n        border: 4px double var(--recent-dashed-border);\n        border-radius: unset;\n\n        svg,\n        i {\n            border-radius: 1%;\n        }\n    }\n}\n\n.pulse-rhombus {\n    a {\n        clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);\n    }\n\n    svg,\n    i {\n        border-radius: 0;\n    }\n}\n\n.pulse-rabbet {\n    a {\n        clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);\n    }\n}\n\n@keyframes heartbeat-rate {\n    0% {\n        transform: scale(1);\n        opacity: 1;\n    }\n\n    15% {\n        transform: scale(.8);\n    }\n\n    20% {\n        transform: scale(.85);\n        opacity: 1;\n    }\n\n    35% {\n        transform: scale(1.3);\n        opacity: .6;\n    }\n\n    50% {\n        transform: scale(1);\n        opacity: 1;\n    }\n\n    100% {\n        transform: scale(1);\n    }\n}\n\n/**=====================\n    3.22 Flash_icons CSS End\n==========================**/","// general-widgets \n\n.general-widgets {\n    .monthly-budget {\n        p {\n            font-size: 16px;\n            font-weight: 500;\n            line-height: unset;\n            letter-spacing: unset;\n            margin-bottom: 20px;\n            text-overflow: ellipsis;\n            overflow: hidden;\n            display: -webkit-box !important;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            white-space: normal;\n\n            @media (max-width: 1399px) {\n                -webkit-line-clamp: 1;\n            }\n        }\n\n        .budget-details {\n            li {\n                +li {\n                    margin-top: 20px;\n                }\n\n                .d-flex {\n                    align-items: center;\n                    gap: 20px;\n\n                    .budget-icon {\n                        width: 55px;\n                        height: 55px;\n                        display: flex;\n                        align-items: center;\n                        justify-content: center;\n                        border-radius: 10px;\n                        flex-shrink: 0;\n\n                        svg {\n                            width: 30px;\n                            height: 30px;\n                        }\n                    }\n\n                    .flex-grow-1 {\n                        span {\n                            font-size: 14px;\n                            font-weight: 500;\n                            color: $theme-body-sub-title-color;\n                        }\n\n                        h5 {\n                            font-weight: 600;\n                            margin-top: 3px;\n                        }\n\n                        .progress {\n                            margin-top: 5px;\n                        }\n                    }\n\n                    .d-flex {\n                        svg {\n                            width: 20px;\n                            height: 20px;\n                        }\n\n                        span {\n                            font-size: 16px;\n                        }\n\n                        @media (max-width: 699px) and (min-width: 576px) {\n                            display: none !important;\n                        }\n                    }\n                }\n            }\n        }\n    }\n\n    .revenue-report {\n        margin: -40px -16px -20px -16px;\n\n        @media (max-width: 355px) {\n            margin: -40px -16px -50px -16px;\n        }\n    }\n\n    .total-product {\n        .d-flex {\n            flex-direction: column;\n\n            .income-icon {\n                width: 44px;\n                height: 44px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                border-radius: 10px;\n                flex-shrink: 0;\n                margin-bottom: 10px;\n\n                svg {\n                    width: 24px;\n                    height: 24px;\n                    fill: $white;\n                    stroke: $white;\n                    stroke-width: 1.5;\n\n                    &.stroke-none {\n                        stroke: unset;\n                    }\n                }\n            }\n\n            .flex-grow-1 {\n                h6 {\n                    font-weight: 500;\n                    margin-bottom: 5px;\n                }\n\n                h5 {\n                    margin-bottom: 10px;\n                    font-size: 22px;\n                    font-weight: 600;\n                }\n            }\n\n            p {\n                font-weight: 500;\n                color: $theme-body-sub-title-color;\n                @include ellipsis;\n\n                span {\n                    padding: 5px;\n                    font-size: 14px;\n                    font-weight: 500;\n                    margin-inline: 5px;\n                }\n            }\n\n            @media (max-width: 575px) {\n                align-items: center;\n                text-align: center;\n            }\n        }\n\n        &.product-border {\n            border: 1px solid var(--sidebar-border);\n            border-top: unset;\n\n            @media (max-width: 767px) {\n                border-left: unset;\n                border-top: 1px solid var(--sidebar-border);\n            }\n\n            @media (max-width: 575px) {\n                border-right: unset;\n            }\n        }\n\n        &.customer-border {\n            border-bottom: 1px solid var(--sidebar-border);\n\n            @media (max-width: 767px) {\n                border-top: 1px solid var(--sidebar-border);\n            }\n\n            @media (max-width: 575px) {\n                border-top: unset;\n            }\n        }\n\n        &.order-border {\n            border-inline: 1px solid var(--sidebar-border);\n\n            @media (max-width: 767px) {\n                border-left: unset;\n            }\n\n            @media (max-width: 575px) {\n                border-right: unset;\n                border-bottom: 1px solid var(--sidebar-border);\n            }\n        }\n    }\n\n    .income-card {\n        .d-flex {\n            align-items: center;\n            gap: 20px;\n\n            @media (max-width: 1780px) {\n                gap: 10px;\n            }\n\n            .income-icon {\n                width: 55px;\n                height: 55px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                border-radius: 10px;\n                flex-shrink: 0;\n\n                @media (max-width: 1399px) {\n                    width: 44px;\n                    height: 44px;\n                }\n\n                svg {\n                    width: 30px;\n                    height: 30px;\n                    fill: $white;\n\n                    @media (max-width: 1399px) {\n                        width: 22px;\n                        height: 22px;\n                    }\n                }\n            }\n\n            .flex-grow-1 {\n                h5 {\n                    font-size: 22px;\n                    margin-bottom: 3px;\n                    @include ellipsis;\n\n                    @media (max-width: 1399px) {\n                        font-size: 16px;\n                    }\n                }\n\n                span {\n                    font-size: 16px;\n                    color: $theme-body-sub-title-color;\n                    font-weight: 500;\n                    @include ellipsis;\n\n                    @media (max-width: 1399px) {\n                        font-size: 14px;\n                    }\n                }\n            }\n\n            .d-flex {\n                svg {\n                    width: 20px;\n                    height: 20px;\n                }\n\n                span {\n                    font-size: 16px;\n                }\n\n                @media (max-width: 1780px) and (min-width: 992px) {\n                    display: none !important;\n                }\n\n                @media (max-width: 650px) and (min-width: 576px) {\n                    display: none !important;\n                }\n            }\n        }\n    }\n\n    .upcoming-activities {\n        table {\n            tbody {\n                tr {\n                    &:first-child {\n                        td {\n                            padding-top: 0;\n                        }\n                    }\n\n                    &:last-child {\n                        td {\n                            padding-bottom: 0;\n                        }\n                    }\n\n                    td {\n                        padding: 23px 10px;\n                        font-size: 14px;\n                        font-weight: 600;\n\n                        &:first-child {\n                            padding-left: unset;\n                        }\n\n                        &:last-child {\n                            text-align: end;\n                            padding-right: unset;\n\n                            @media (max-width: 1399px) {\n                                display: none;\n                            }\n                        }\n\n                        .d-flex {\n                            align-items: center;\n                            gap: 14px;\n\n                            .upcoming {\n                                padding: 9px 18px;\n                                border-radius: 8px;\n\n                                h6 {\n                                    font-size: 20px;\n                                    font-weight: 600;\n                                }\n\n                                span {\n                                    font-size: 18px;\n                                    font-weight: 600;\n                                    color: $theme-body-sub-title-color;\n                                    line-height: 1.4;\n                                }\n                            }\n                        }\n\n                        .flex-grow-1 {\n                            a {\n                                span {\n                                    font-weight: 500;\n                                    font-size: 16px;\n                                    color: $theme-body-sub-title-color;\n                                    @include ellipsis;\n                                }\n\n                                h5 {\n                                    font-size: 14px;\n                                    font-weight: 600;\n                                    letter-spacing: 0;\n                                    line-height: 19.12px;\n                                    @include ellipsis;\n                                }\n                            }\n                        }\n\n                        .user-details {\n                            display: flex;\n                            align-items: flex-end;\n                            gap: 15px;\n                            justify-content: end;\n\n                            @media (max-width: 1399px) {\n                                gap: 6px;\n                            }\n\n                            @media (max-width: 575px) {\n                                flex-wrap: wrap;\n                            }\n\n                            &.customers {\n                                ul {\n                                    li {\n                                        img {\n                                            width: 28px;\n                                            height: 28px;\n                                        }\n\n                                        +li {\n                                            margin-left: -7%;\n\n                                            [dir=\"rtl\"] & {\n                                                margin-right: -7%;\n                                                margin-left: unset;\n                                            }\n\n                                            @media (max-width: 1730px) {\n                                                margin-left: -20%;\n\n                                                [dir=\"rtl\"] & {\n                                                    margin-right: -20%;\n                                                    margin-left: unset;\n                                                }\n                                            }\n\n                                            @media (max-width: 1510px) {\n                                                margin-left: -40%;\n\n                                                [dir=\"rtl\"] & {\n                                                    margin-right: -40%;\n                                                    margin-left: unset;\n                                                }\n                                            }\n                                        }\n                                    }\n                                }\n\n                                @media (max-width: 1366px) {\n                                    display: none;\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n\n    .revenue-card {\n        .revenue {\n            display: flex;\n            align-items: center;\n            gap: 14px;\n            margin-bottom: 2px;\n\n            span {\n                gap: 5px;\n                font-weight: 500;\n                display: flex;\n                align-items: center;\n\n                @media (max-width: 1495px) {\n                    display: none;\n                }\n\n                svg {\n                    width: 15px;\n                    height: 15px;\n                }\n            }\n        }\n\n        h5 {\n            font-size: 16px;\n            font-weight: 500;\n            line-height: 21.86px;\n            color: $theme-body-sub-title-color;\n        }\n\n        .revenue-chart {\n            margin: 0px 0 -46px 0;\n        }\n    }\n\n    .marketing {\n        .team-active {\n            padding: 10px 12px;\n            border-radius: 5px;\n            overflow: hidden;\n\n            @media (max-width: 1399px) {\n                margin-bottom: 14px;\n\n                &.team-members {\n                    margin-bottom: 0;\n                }\n            }\n\n            .d-flex {\n                align-items: center;\n                justify-content: space-between;\n\n                .team-details {\n                    h5 {\n                        font-size: 16px;\n                        @include ellipsis;\n                    }\n\n                    span {\n                        color: $theme-body-sub-title-color;\n                        font-size: 16px;\n                        font-weight: 500;\n                        @include ellipsis;\n                    }\n                }\n\n                .flex-shrink-0 {\n                    text-align: end;\n\n                    .active-icon {\n                        background-color: $white;\n                        width: 42px;\n                        height: 38px;\n                        border-radius: 5px;\n                        display: flex;\n                        align-items: center;\n                        justify-content: center;\n\n                        svg {\n                            width: 24px;\n                            height: 24px;\n                            vertical-align: sub;\n                        }\n                    }\n                }\n            }\n\n            .team-activities {\n                margin-top: 28px;\n\n                ul {\n                    display: flex;\n                    align-items: center;\n                    justify-content: space-between;\n                    text-align: center;\n                    gap: 5px;\n\n                    @media (max-width: 1715px) {\n                        justify-content: center;\n                    }\n\n                    @media (max-width: 1399px) {\n                        gap: 35px;\n                    }\n\n                    li {\n                        .circle {\n                            width: calc(45px + (71 - 45) * ((100vw - 1200px) / (1920 - 1200)));\n                            height: 7px;\n                            border-radius: 50px;\n                        }\n\n                        span {\n                            color: $theme-body-sub-title-color;\n                            font-size: 12px;\n                            font-weight: 500;\n                        }\n\n                        &:nth-child(2) {\n                            .circle {\n                                width: calc(35px + (65 - 35) * ((100vw - 1200px) / (1920 - 1200)));\n                                height: 7px;\n                            }\n                        }\n\n                        &:nth-child(3) {\n                            .circle {\n                                width: calc(30px + (48 - 30) * ((100vw - 1200px) / (1920 - 1200)));\n                                height: 7px;\n                            }\n\n                            @media (max-width: 1715px) and (min-width: 1400px) {\n                                display: none;\n                            }\n                        }\n                    }\n                }\n            }\n\n            &.team-members {\n                .user-details {\n                    display: flex;\n                    align-items: flex-end;\n                    gap: 15px;\n                    justify-content: space-between;\n\n                    @media (max-width: 1399px) {\n                        gap: 6px;\n                    }\n\n                    @media (max-width: 575px) {\n                        flex-wrap: wrap;\n                    }\n\n                    ul {\n                        margin-top: 28px;\n                    }\n\n                    &.customers {\n                        ul {\n                            li {\n                                img {\n                                    width: 28px;\n                                    height: 28px;\n                                }\n\n                                +li {\n                                    margin-left: -7%;\n\n                                    [dir=\"rtl\"] & {\n                                        margin-right: -7%;\n                                        margin-left: unset;\n                                    }\n\n                                    @media (max-width: 1510px) {\n                                        margin-left: -14%;\n\n                                        [dir=\"rtl\"] & {\n                                            margin-right: -14%;\n                                            margin-left: unset;\n                                        }\n                                    }\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n\n        .manage-activities {\n            padding: 5px 16px 5px 5px;\n            border-radius: 5px;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            margin-top: 14px;\n            gap: 5px;\n\n            .d-flex {\n                align-items: center;\n                gap: 15px;\n\n                .active-icon {\n                    background-color: $white;\n                    width: 42px;\n                    height: 38px;\n                    border-radius: 5px;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    flex-shrink: 0;\n\n                    svg {\n                        width: 24px;\n                        height: 24px;\n                        vertical-align: sub;\n                    }\n                }\n\n                p {\n                    font-size: 14px;\n                    font-weight: 600;\n                    letter-spacing: unset;\n                    @include ellipsis;\n                }\n            }\n\n            .btn {\n                background-color: $primary-color;\n                padding: 6px 10px;\n                color: $white;\n                font-size: 12px;\n            }\n        }\n    }\n\n    .design-score {\n        ul {\n            &.d-flex {\n                text-align: center;\n                justify-content: space-around;\n\n                li {\n                    display: flex;\n                    align-items: center;\n                    flex-direction: column;\n\n                    .design-icon {\n                        width: 44px;\n                        height: 44px;\n                        border-radius: 10px;\n                        display: flex;\n                        align-items: center;\n                        justify-content: center;\n                        margin-bottom: 5px;\n\n                        svg {\n                            width: 22px;\n                            height: 22px;\n                            fill: $white;\n                        }\n                    }\n\n                    span {\n                        font-weight: 600;\n                        font-size: 14px;\n                        color: $theme-body-sub-title-color;\n                    }\n\n                    h6 {\n                        font-weight: 600;\n                        margin-top: 5px;\n                    }\n\n                    @media (max-width: 1499px) {\n                        &:last-child {\n                            display: none;\n                        }\n                    }\n                }\n            }\n        }\n    }\n    .monthly-breakdown {\n        h4 {\n            @include ellipsis;\n        }\n    }\n    .product-category-list {\n        li {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            border-radius: 10px;\n            padding: 12px 15px;\n\n            +li {\n                margin-top: 17px;\n            }\n\n            .product-details {\n                h6 {\n                    font-size: 14px;\n                    letter-spacing: unset;\n                    @include ellipsis;\n                }\n            }\n\n            .flex-shrink-0 {\n                h6 {\n                    font-size: 14px;\n                    letter-spacing: unset;\n\n                    span {\n                        padding: 5px;\n                        font-size: 14px;\n                        font-weight: 500;\n                    }\n                }\n            }\n        }\n\n        &.monthly-expense {\n            li {\n                padding: 16px 15px;\n\n                +li {\n                    margin-top: 0;\n                }\n\n                &:nth-child(even) {\n                    background-color: var(--light-background);\n                }\n\n                .product-details {\n                    display: flex;\n                    align-items: center;\n                    gap: 10px;\n\n                    span {\n                        width: 12px;\n                        height: 8px;\n                        border-radius: 50px;\n                    }\n\n                    h6 {\n                        font-size: 16px;\n                        font-weight: 500;\n                    }\n                }\n\n                .flex-shrink-0 {\n                    display: flex;\n                    align-items: center;\n                    gap: 10px;\n\n                    h6 {\n                        color: $theme-body-sub-title-color;\n                        font-size: 16px;\n\n                        @media (max-width: 1599px) and (min-width:768px) {\n                            display: none;\n                        }\n                    }\n\n                    h5 {\n                        font-weight: 500;\n                    }\n                }\n            }\n        }\n    }\n\n    .budget-spent {\n        background-color: var(--light-background);\n        border-radius: 5px;\n        padding: 13px 25px;\n        margin-bottom: 18px;\n\n        span {\n            font-size: 16px;\n            font-weight: 500;\n            color: $theme-body-sub-title-color;\n        }\n\n        h2 {\n            font-weight: 500;\n        }\n    }\n\n    .categories-chart {\n        margin: -30px 0 -40px 0px;\n    }\n}","/**=====================\n  3.23 E-commerce CSS Start\n==========================**/\n\n/**====== Product Start ======**/\n.toggle-data {\n  cursor: pointer;\n}\n\n.filter-block {\n  ul {\n    list-style-type: circle;\n\n    li {\n      padding-top: 8px;\n      margin-left: 20px;\n      color: rgba($badge-light-color, 0.8);\n      @include pixelstrap-child(8px, 0);\n\n      [dir=\"rtl\"] & {\n        margin-left: unset;\n        margin-right: 20px;\n      }\n\n      &::marker {\n        font-size: 20px;\n      }\n\n      @media (max-width: 1500px) and (min-width:576px) {\n        padding-top: 10px;\n      }\n\n      @media (max-width: 575px) {\n        padding-top: 3px;\n      }\n    }\n  }\n}\n\n.collection-filter-block {\n  svg {\n    width: 50px;\n    height: 25px;\n    stroke: var(--theme-default);\n    margin-right: 14px;\n  }\n\n  h6 {\n    margin-bottom: 0;\n    font-size: 16px;\n    color: $badge-light-color;\n    font-weight: 400;\n  }\n\n  p {\n    font-size: 13px;\n  }\n\n\n  li {\n    &+li {\n      margin-top: 16px;\n    }\n  }\n\n  ul.pro-services {\n    li {\n      border-bottom: 1px dashed var(--chart-dashed-border);\n      padding-bottom: 16px;\n\n      &:last-child {\n        border-bottom: 0;\n        padding-bottom: 0;\n      }\n\n      svg {\n        width: auto;\n      }\n\n      span {\n        color: rgba($badge-light-color, 0.6);\n      }\n    }\n  }\n\n\n}\n\n.qty-box {\n  .btn {\n    background-color: transparent !important;\n    border-color: $light-gray !important;\n    padding: 8px 12px;\n\n    i {\n      color: $dark-gray;\n    }\n\n    svg {\n      width: 14px !important;\n      stroke: $dark-color;\n    }\n  }\n\n  span {\n    padding: 0 4px;\n  }\n\n  .input-group {\n    background-color: rgba($dark-color, 0.1);\n  }\n\n  input {\n    background-color: rgba($dark-color, 0.1);\n    color: $dark-color;\n    max-width: 44px;\n    padding: 0;\n    text-align: center;\n    border: none;\n    max-height: 37px;\n  }\n}\n\n.product-social {\n  li {\n    a {\n      font-size: 15px;\n      border-radius: 100%;\n      @include pixelstrap-size(35px, 35px);\n      display: inline-block;\n      text-align: center;\n      line-height: 2.3;\n      transition: all 0.3s ease;\n      border: 1px solid var(--theme-default);\n      color: var(--theme-default);\n\n      &:hover {\n        background-color: var(--theme-default);\n        color: $white;\n        transition: all 0.3s ease;\n      }\n    }\n\n    &:nth-child(n+2) {\n      margin-left: 10px;\n\n      [dir=\"rtl\"] & {\n        margin-left: unset;\n        margin-right: 10px;\n      }\n    }\n  }\n}\n\n.product-sidebar {\n  .filter-section {\n    .card {\n      .card-header {\n        padding: 16px 30px;\n        border-radius: 10px;\n\n        h6 {\n          position: relative;\n\n          .pull-right {\n            i {\n              position: absolute;\n              top: 2px;\n              left: 0;\n              font-size: 14px;\n              width: 100%;\n              height: 10px;\n              text-align: right;\n              cursor: pointer;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n.product-wrapper {\n  .product-sidebar {\n    .filter-section {\n      .card {\n        .left-filter {\n          z-index: 0;\n          opacity: 0;\n          visibility: hidden;\n          height: 0;\n          transition: 0.3s;\n          min-width: 320px;\n\n          .product-filter {\n            .irs-with-grid {\n              margin-bottom: 15px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .product-grid {\n    .product-wrapper-grid {\n      margin-left: 0;\n      transition: 0.3s;\n\n      .product-box {\n        .modal-content {\n          .modal-header {\n            border-bottom: 0;\n          }\n        }\n\n        ul {\n          display: flex;\n          align-items: center;\n          gap: 8px;\n        }\n\n        .product-details {\n          >p {\n            @media (min-width:1400px) {\n              @include multi-line-ellipsis(1, auto, vertical, hidden);\n            }\n          }\n\n          h4 {\n            font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));\n            @include pixelstrap-ellipsis;\n            letter-spacing: 0;\n          }\n        }\n\n        .product-hover {\n          li {\n            .btn {\n              @include pixelstrap-flex(flex, center, center);\n              box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.08);\n              padding: 10px 12px;\n              background-color: var(--white);\n              font-size: 18px;\n              border-radius: 10px;\n              height: calc(38px + (45 - 38) * ((100vw - 320px) / (1920 - 320)));\n              width: calc(38px + (45 - 38) * ((100vw - 320px) / (1920 - 320)));\n              cursor: pointer;\n\n              &:active {\n                border-color: $transparent-color;\n              }\n\n              i {\n                font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));\n              }\n            }\n\n            &:hover,\n            &:active {\n              .btn {\n                background-color: var(--theme-default);\n                transition: all 0.3s ease;\n              }\n\n              i {\n                color: $white;\n                transition: all 0.3s ease;\n              }\n            }\n          }\n        }\n      }\n\n      .modal {\n        .modal-header {\n          .product-box {\n            align-items: center;\n\n            .product-details {\n              padding: 20px 0;\n\n              @media (max-width:991px) {\n                padding-bottom: 0;\n              }\n\n              .product-size {\n                ul {\n                  li {\n                    background-color: $light-primary;\n                    border-radius: 6px;\n\n                    .btn {\n                      @include pixelstrap-size(45px, 35px);\n                      color: var(--theme-default);\n                      font-weight: 500;\n                      padding: 0;\n                    }\n\n                    &:hover {\n                      .btn {\n                        background-color: var(--theme-default);\n                        color: $white;\n                      }\n                    }\n                  }\n                }\n              }\n\n              .product-view {\n                h6 {\n                  margin-bottom: 6px;\n                }\n\n                p {\n                  @include multi-line-ellipsis(3, auto, vertical, hidden);\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  &.sidebaron {\n    .product-sidebar {\n      .filter-section {\n        .card {\n          .card-header {\n            border-bottom-left-radius: 0;\n            border-bottom-right-radius: 0;\n          }\n\n          .left-filter {\n            z-index: 3;\n            opacity: 1;\n            visibility: visible;\n            position: absolute;\n            width: 100%;\n            background-color: $white;\n            top: 53px;\n            height: auto;\n            box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);\n            border-bottom-left-radius: 5px;\n            border-bottom-right-radius: 5px;\n          }\n        }\n      }\n    }\n  }\n}\n\n.d-none-productlist {\n  display: none;\n\n  svg {\n    vertical-align: middle;\n    cursor: pointer;\n    height: 16px;\n  }\n}\n\n.product-wrapper-grid {\n  &.list-view {\n    .product-box {\n      display: flex;\n      align-items: center;\n\n      .product-img {\n        width: 20%;\n      }\n\n      .product-details {\n        text-align: left;\n      }\n\n      .modal {\n        .modal-content {\n          .product-img {\n            width: 50%;\n\n            @media (max-width:991px) {\n              width: 100%;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n.slider-product {\n  padding: 15px 0;\n  border-top: 1px solid $light-color;\n  border-bottom: 1px solid $light-color;\n  margin-bottom: 15px;\n}\n\n.products-total {\n  display: flex;\n  align-items: center;\n}\n\n.grid-options {\n  height: 33px;\n  margin-left: 10px;\n\n  ul {\n    li {\n      a {\n        position: relative;\n\n        .line-grid {\n          position: absolute;\n          width: 4px;\n          height: 15px;\n          top: 9px;\n        }\n\n        .line-grid-1 {\n          left: 12px;\n        }\n\n        .line-grid-2 {\n          left: 18px;\n        }\n\n        .line-grid-3 {\n          left: 36px;\n        }\n\n        .line-grid-4 {\n          left: 42px;\n        }\n\n        .line-grid-5 {\n          left: 48px;\n        }\n\n        .line-grid-6 {\n          left: 66px;\n        }\n\n        .line-grid-7 {\n          left: 72px;\n        }\n\n        .line-grid-8 {\n          left: 78px;\n        }\n\n        .line-grid-9 {\n          left: 84px;\n        }\n\n        .line-grid-10 {\n          left: 103px;\n        }\n\n        .line-grid-11 {\n          left: 109px;\n        }\n\n        .line-grid-12 {\n          left: 115px;\n        }\n\n        .line-grid-13 {\n          left: 121px;\n        }\n\n        .line-grid-14 {\n          left: 127px;\n        }\n\n        .line-grid-15 {\n          left: 133px;\n        }\n      }\n    }\n  }\n}\n\n.square-product-setting {\n  height: 36px;\n  vertical-align: middle;\n\n  a {\n    color: $theme-body-font-color;\n  }\n\n  .icon-grid {\n    padding: 7px;\n    background-color: var(--theme-default);\n    display: flex;\n    align-items: center;\n    margin: 0 10px;\n\n    svg {\n      @include pixelstrap-size(20px, 20px);\n      stroke: $white;\n    }\n  }\n}\n\n.product-filter {\n  .banner-product {\n    margin-top: 15px;\n  }\n\n  &:last-child {\n    .checkbox-animated {\n      margin-bottom: 0;\n    }\n  }\n\n  .checkbox-animated {\n    .form-check {\n      padding: 0;\n      @include pixelstrap-flex(flex, flex-start, center);\n      margin-bottom: 12px;\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n\n      .form-check-label {\n        @include pixelstrap-flex(flex, space-between, center);\n        width: 100%;\n\n        .name {\n          font-size: 16px;\n        }\n\n        .number {\n          color: rgba($badge-light-color, 0.8);\n        }\n      }\n    }\n  }\n\n  &.product-range {\n    @include range-slider($primary-color);\n  }\n\n  h6 {\n    margin-bottom: 15px;\n  }\n\n  .color-selector {\n    line-height: 0.9;\n\n    ul {\n      li {\n        display: inline-block;\n        @include pixelstrap-size(22px, 22px);\n        border: 1px solid $badge-light-color;\n        border-radius: 100%;\n        cursor: pointer;\n        position: relative;\n\n        &.active {\n          &::before {\n            content: \"\\f00c\";\n            font-family: $font-awesome;\n            position: absolute;\n            font-weight: 600;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            color: var(--theme-default);\n          }\n        }\n\n        &.white {\n          background-color: $white;\n        }\n\n        &.black {\n          background-color: $black;\n        }\n\n        &.orange {\n          background-color: #ffa666;\n        }\n\n        &.green {\n          background-color: #76bc6c;\n        }\n\n        &.pink {\n          background-color: #ff7a91;\n        }\n\n        &.yellow {\n          background-color: #edf575;\n        }\n\n        &.blue {\n          background-color: #76bdf4;\n        }\n\n        &.red {\n          background-color: #ff5c77;\n        }\n      }\n    }\n  }\n}\n\n.dropdown-product {\n  margin-bottom: 10px;\n  box-shadow: 1px 5px 24px 0 rgba($primary-color, 0.05);\n}\n\n.feature-products {\n  form {\n    .form-group {\n      position: relative;\n\n      input {\n        margin-bottom: 15px;\n        border: none;\n        box-shadow: 1px 5px 24px 0 rgba($primary-color, 0.05);\n        height: 50px;\n        padding-left: 30px;\n        color: var(--body-font-color);\n      }\n\n      i {\n        position: absolute;\n        top: 18px;\n        right: 30px;\n        color: $dark-gray;\n      }\n    }\n  }\n}\n\n.product-box {\n  border-radius: 10px;\n  overflow: hidden;\n\n  .product-details {\n    padding: 15px 25px;\n\n    >a {\n      color: $theme-body-font-color;\n    }\n\n    p {\n      margin-bottom: 0;\n      opacity: 0.8;\n      @include multi-line-ellipsis(2, auto, vertical, hidden);\n    }\n\n    h4 {\n      margin-bottom: 0;\n      margin-top: 5px;\n      font-size: 20px;\n    }\n\n    h6 {\n      color: $theme-body-font-color;\n      text-transform: uppercase;\n      margin-bottom: 10px;\n    }\n\n    span {\n      color: $dark-gray;\n    }\n\n    .rating {\n      i {\n        font-size: 16px;\n        letter-spacing: 3px;\n        color: #ffa800;\n      }\n    }\n  }\n\n  .modal {\n    .modal-header {\n      .product-box {\n        .product-details {\n          padding: 25px 0;\n\n          >a {\n            margin-block: 5px 0;\n            font-size: 20px;\n            font-family: $font-manrope;\n            font-weight: 600;\n          }\n\n          h6 {\n            text-transform: capitalize;\n          }\n\n          .product-price {\n            font-size: 22px;\n            margin-bottom: 10px;\n          }\n\n          .product-view {\n            padding: 20px 0;\n            border-top: 1px dashed var(--recent-dashed-border);\n            border-bottom: 1px dashed var(--recent-dashed-border);\n          }\n\n          .product-size {\n            margin: 20px 0;\n\n            ul {\n              li {\n                display: inline-block;\n              }\n            }\n          }\n\n          .product-qnty {\n            fieldset {\n              margin-bottom: 20px;\n\n              .input-group {\n                width: 35%;\n\n                .btn {\n                  padding: 5px 12px;\n                }\n\n                .btn-primary {\n                  background-color: $semi-dark !important;\n                  border: 1px solid $semi-dark !important;\n                }\n              }\n            }\n          }\n        }\n      }\n\n      .btn-close {\n        position: absolute;\n        right: 20px;\n        top: 20px;\n      }\n    }\n  }\n\n  .product-img {\n    position: relative;\n\n    .product-hover {\n      position: absolute;\n      @include pixelstrap-size(100%, 100%);\n      top: 0;\n      @include pixelstrap-flex(flex, center, center);\n      background-color: rgba($black, 0.3);\n      opacity: 0;\n      border-radius: 100%;\n      transform: scale(0);\n      transition: all 0.3s ease;\n\n      ul {\n        li:not(.product-wrapper-grid .product-box .product-hover li) {\n          display: inline-block;\n          box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.08);\n          padding: calc(6px + (10 - 6) * ((100vw - 320px) / (1920 - 320))) calc(12px + (13 - 12) * ((100vw - 320px) / (1920 - 320)));\n          background-color: $white;\n          font-size: 18px;\n          border-radius: 10px;\n          @include pixelstrap-size(calc(38px + (45 - 38) * ((100vw - 320px) / (1920 - 320))), calc(38px + (45 - 38) * ((100vw - 320px) / (1920 - 320))));\n          margin: 0 3px;\n          cursor: pointer;\n        }\n\n        i {\n          font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));\n          color: $dark-gray;\n        }\n\n        .btn {\n          padding: 0;\n        }\n      }\n    }\n  }\n\n  &:hover {\n    .product-hover {\n      opacity: 1;\n      border-radius: 0%;\n      transform: scale(1);\n      transition: all 0.3s ease;\n    }\n  }\n}\n\n.product-page-main {\n  padding: 20px;\n\n  .nav {\n    &.nav-tabs {\n      .nav-item {\n        .nav-link {\n          border-bottom: 2px solid $transparent-color;\n          background-color: unset !important;\n          &.active,\n          :focus {\n            border-bottom: 2px solid var(--theme-default);\n          }\n\n          @media (max-width:655px) and (min-width:576px) {\n            padding: 0 12px 10px 12px;\n          }\n        }\n      }\n    }\n  }\n\n  .touchspin-wrapper {\n    @media (max-width:575px) {\n      .btn-touchspin {\n        width: 24px;\n        height: 24px;\n\n        i {\n          display: grid;\n          place-items: center;\n        }\n      }\n\n      input[type='number'] {\n        width: 60px;\n        height: 23px;\n      }\n    }\n  }\n\n  .main-star-rating {\n    gap: 6px;\n\n    .common-flex {\n      gap: 6px;\n\n      i {\n        font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));\n      }\n    }\n  }\n\n  .card-body {\n    hr {\n      border-top: 1.5px solid var(--recent-dashed-border);\n    }\n  }\n\n  .tab-content {\n    margin-top: 20px;\n\n    .info-part {\n      padding-bottom: 20px;\n\n      h6 {\n        font-weight: 500;\n        margin-bottom: 8px;\n      }\n\n      p {\n        margin-bottom: 0;\n      }\n\n      &:last-child {\n        padding-bottom: 0;\n      }\n    }\n\n  }\n\n  .owl-item {\n    .item {\n      border: 1px solid $light-color;\n      border-radius: 10px;\n      background-color: #f8f8f8;\n    }\n\n    &.current {\n      .item {\n        border: 1px solid var(--theme-default);\n      }\n    }\n  }\n\n  .product-slider {\n    margin-bottom: 20px;\n\n    .owl-item {\n      .item {\n        img {\n          border-radius: unset;\n        }\n      }\n    }\n\n    img {\n      @media (min-width: 1400px) {\n        height: 520px;\n        object-fit: cover;\n      }\n\n      @media (min-width: 1500px) {\n        height: auto;\n        object-fit: cover;\n      }\n    }\n\n    figure {\n      &.zoom {\n        background-position: 50% 50%;\n        position: relative;\n        overflow: hidden;\n        cursor: zoom-in;\n      }\n    }\n\n    figure.zoom img:hover {\n      opacity: 0;\n    }\n\n    figure.zoom img {\n      transition: opacity .5s;\n      display: block;\n      width: 100%;\n    }\n\n\n  }\n\n  .product-color {\n    margin-top: 10px;\n  }\n}\n\n.product-page-details {\n  h4 {\n    color: $theme-body-font-color;\n    text-transform: uppercase;\n    font-size: 18px;\n  }\n\n  span {\n    padding-left: 15px;\n  }\n}\n\n.br-theme-fontawesome-stars {\n  .br-widget {\n\n    a,\n    a.br-selected:after,\n    a.br-active:after {\n      color: $warning-color !important;\n      font: normal normal normal 14px/1 FontAwesome;\n    }\n  }\n}\n\n.product-price {\n  font-size: 18px;\n  font-weight: 700;\n  margin-top: 5px;\n  color: rgba(var(--theme-secondary),1);\n\n  del {\n    color: rgba($dark-color, 0.4);\n    padding-left: 4px;\n    font-size: 80%;\n    vertical-align: text-bottom;\n  }\n}\n\n.product-color {\n  li {\n    display: inline-block;\n    border-radius: 100%;\n    height: 20px;\n    width: 20px;\n    margin: 0 2px;\n  }\n}\n\n.product-page-main {\n  p {\n    font-size: 15px;\n  }\n\n  .nav-link {\n    text-transform: uppercase;\n    font-weight: 500;\n  }\n}\n\n.product-rate {\n  .form-check {\n    .common-flex {\n      gap: 4px;\n\n      i {\n        color: $badge-light-color;\n\n        &.fill {\n          color: #ffa800;\n        }\n      }\n    }\n  }\n}\n\n/**====== Product  Ends ======**/\n.payment-opt {\n  li {\n    display: inline-block;\n\n    img {\n      height: 20px;\n      margin: 15px 15px 0 0;\n    }\n  }\n}\n\n@media screen and (max-width: 1660px) and (min-width: 1200px) {\n\n  .owl-carousel .owl-item img {\n    max-width: 420px;\n    margin: 0 auto;\n  }\n}\n\n@media screen and (max-width: 1399px) {\n  .owl-carousel .owl-item img {\n    max-width: 100%;\n  }\n}\n\n\n.vanilla-zoom {\n  display: block;\n}\n\n.product-page-main .vanilla-zoom>.product-slider .item {\n  background-color: transparent;\n\n  img {\n    opacity: 0;\n  }\n}\n\n/**=====================\n  3.23 E-commerce CSS End\n==========================**/","/**=====================\n  3.24 Email-application CSS Start\n==========================**/\n%email-mixin {\n  background: transparent;\n  font-size: 15px;\n  line-height: 25px;\n}\n\n.email-wrap {\n  .row {\n    .col-xl-3 {\n      &+.col-xl-3 {\n        padding-right: 0;\n      }\n    }\n\n    .col-xl-6 {\n      padding-left: 0;\n    }\n  }\n\n  .dropdown {\n    .dropdown-toggle {\n      background-color: rgba(57 ,73 ,171, 0.08);\n      color: $primary-color;\n      border-radius: 10px;\n      padding: 5px 10px;\n      width: 100px;\n      text-align: left;\n\n      [dir=\"rtl\"] & {\n        text-align: right;\n      }\n\n      &:after {\n        position: absolute;\n        top: 50%;\n        right: 10px;\n        -webkit-transform: translateY(-50%);\n        transform: translateY(-50%);\n        content: \"\\f107\";\n        border: none;\n        font-family: \"FontAwesome\";\n        font-size: 18px;\n        margin: 0;\n\n        [dir=\"rtl\"] & {\n          right: unset;\n          left: 10px;\n        }\n      }\n    }\n\n    .dropdown-menu {\n      -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);\n      box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);\n      border: none;\n      padding: 0;\n\n      .dropdown-item {\n        color: $dark-editor-document;\n        opacity: 0.6;\n        font-size: 13px;\n        padding: 6px 12px;\n        border-top: 1px solid var(--chart-border);\n        background: $white;\n        line-height: 19px;\n\n        &:hover {\n          background-color: $white;\n        }\n      }\n    }\n  }\n\n  .email-app-sidebar {\n    .d-flex img {\n      border: 2px solid $light-gray;\n    }\n\n    .main-menu {\n      >li {\n        width: 100%;\n        text-align: left;\n\n        a {\n          line-height: 34px;\n          text-transform: uppercase;\n          border-radius: 3px;\n          padding: 0;\n\n          i {\n            margin-right: 10px;\n          }\n\n          &.active>a {\n            color: $black;\n          }\n\n          &:hover {\n            background-color: var(--light2);\n            text-decoration: none;\n          }\n        }\n\n        ul {\n          background-color: var(--light-background);\n          padding: 12px;\n          list-style: disc;\n\n          li {\n            margin-left: 45px;\n\n            &:first-child {\n              margin-left: 0;\n              list-style: none;\n\n              [dir=\"rtl\"] & {\n                margin-left: unset;\n                margin-right: 0;\n              }\n            }\n\n            [dir=\"rtl\"] & {\n              margin-left: unset;\n              margin-right: 45px;\n            }\n          }\n\n          &.tag-names {\n            display: flex;\n            flex-wrap: wrap;\n            padding: 18px;\n            gap: 10px;\n            margin: 0;\n            list-style: none;\n\n            li {\n              margin: 0;\n\n\n              &:last-child {\n                margin-bottom: 0;\n              }\n\n              .title {\n                &.badge {\n                  width: auto;\n                  color: $white;\n                  padding: 6px 12px;\n                  font-size: 12px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    ul li {\n      a {\n        display: flex;\n        padding-left: 20px;\n        align-items: center;\n\n        > {\n          .title {\n            width: 100%;\n            color: var(--body-font-color);\n          }\n\n          .badge {\n            align-self: center;\n            color: $dark-gray;\n          }\n        }\n      }\n    }\n  }\n\n  .email-left-aside {\n    float: left;\n    width: 100%;\n\n    .card-body {\n      padding: 20px;\n    }\n  }\n\n  .email-right-aside {\n    .email-body {\n      .pr-0 {\n        @media (min-width: 1200px) {\n          padding-right: 0;\n\n          [dir=\"rtl\"] & {\n            padding-right: 12px;\n            padding-left: 0;\n          }\n        }\n\n      }\n\n      .pl-0 {\n        @media (min-width: 1200px) {\n          padding-left: 0;\n\n          [dir=\"rtl\"] & {\n            padding-left: 12px;\n            padding-right: 0;\n          }\n        }\n      }\n\n      .inbox {\n        overflow: auto;\n\n        @media (max-width: 1199.98px) {\n          display: flex;\n          flex-wrap: wrap;\n        }\n\n        .d-flex {\n          padding: 20px;\n\n          &.active {\n            background-color: lighten($light-color, 4%);\n          }\n        }\n      }\n    }\n\n    .radius-left {\n      border-radius: 8px;\n      height: 100%;\n    }\n  }\n\n  .btn-mail {\n    border-radius: 2px;\n    text-align: left;\n    padding: 13px 15px;\n    margin: 20px 0 16px;\n    letter-spacing: 1px;\n    line-height: 12px !important;\n  }\n\n  p {\n    margin-bottom: 0;\n    color: $dark-gray;\n  }\n\n  .flex-grow-1 {\n    margin-top: 5px;\n\n    h6 {\n      margin-bottom: 2px;\n      color: $theme-font-color;\n      margin-top: 3px;\n\n      small {\n        font-size: 12px;\n\n        span {\n          color: #777777;\n        }\n      }\n    }\n\n    p {\n      color: $theme-body-sub-title-color;\n      font-size: 14px;\n    }\n  }\n\n  .email-top {\n    padding: 20px;\n    border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n    line-height: 49px;\n\n    i {\n      cursor: pointer;\n    }\n\n    h5 {\n      margin-bottom: 0;\n      padding: 12px 0;\n    }\n\n    .d-flex {\n      padding: 13px 0;\n    }\n  }\n\n  .email-wrapper {\n    padding: 20px;\n\n    hr {\n      margin-top: 0;\n      margin-bottom: 20px;\n    }\n\n    .d-inline-block {\n      width: 100%;\n    }\n\n    h6 {\n      margin-bottom: 11px;\n      float: left;\n    }\n\n    .right-download {\n      float: right;\n    }\n\n    p {\n      &+p {\n        margin-bottom: 20px;\n      }\n    }\n\n    h5 {\n      margin-bottom: 20px;\n    }\n  }\n\n\n  .email-body {\n    .attachment {\n      ul {\n        li {\n          img {\n            margin-bottom: 20px;\n            width: 80px;\n            height: 80px;\n            object-fit: cover;\n          }\n        }\n      }\n\n      .list-inline {\n        .list-inline-item {\n          padding-right: 13px;\n        }\n      }\n\n    }\n\n    .email-compose {\n      .cke_contents.cke_reset {\n        max-height: 178px;\n        width: 100%;\n        border: 1px solid $form-control-border-color;\n      }\n\n      .email-top {\n        h4 {\n          padding: 11px 0;\n        }\n      }\n    }\n  }\n}\n\n/**=====================\n  3.24 Email-application CSS Ends\n==========================**/","/**=====================\n    3.25 Letter_box CSS Start\n==========================**/\n\n.email-right-aside {\n    .email-list {\n        display: block;\n\n        &.hide {\n            display: none;\n        }\n    }\n\n    .email-read {\n        display: none;\n\n        &.show {\n            display: block;\n        }\n    }\n\n    .modal-footer {\n        text-align: end;\n    }\n\n    .add-label-modal {\n        form {\n            .col {\n                .row {\n                    margin-bottom: 1rem;\n\n                    &:nth-last-of-type(1) {\n                        margin-bottom: 0;\n                    }\n                }\n            }\n        }\n    }\n}\n\n.email-main-wrapper {\n    .email-app-sidebar {\n        .nav-pills {\n            .nav-item {\n\n                &:active,\n                &.active {\n                    border-radius: 5px;\n                }\n\n                &:nth-child(6) {\n                    padding-top: 10px;\n                    margin-block: 10px;\n                    border-top: 1px solid var(--recent-dashed-border);\n                }\n\n                ul {\n                    list-style: none;\n\n                    li {\n                        a {\n                            color: var(--chart-text-color);\n                            gap: 12px;\n                            text-transform: capitalize;\n                            font-size: 16px;\n                            font-weight: 400;\n                            position: relative;\n                            padding: 3px 12px;\n\n                            svg {\n                                @include svg-size(18px, $theme-body-sub-title-color);\n\n                                [dir=\"rtl\"] & {\n                                    transform: scaleX(-1);\n                                }\n                            }\n                        }\n\n                        +li {\n                            margin: 0;\n                        }\n                    }\n                }\n\n            }\n\n            .nav-link {\n                color: var(--chart-text-color);\n                gap: 12px;\n                text-transform: capitalize;\n                font-size: 16px;\n                font-weight: 400;\n                position: relative;\n                padding: 8px 12px;\n\n                &:hover {\n                    background-color: unset;\n                    color: var(--theme-default);\n                }\n\n                &.active,\n                &:active {\n                    background-color: var(--light-shade-primary);\n                    color: var(--theme-default);\n                    border-radius: 5px;\n\n                    svg {\n                        stroke: rgba($badge-light-color, 1);\n                    }\n\n                    &::after {\n                        content: '';\n                        border-right: 3px solid var(--theme-default);\n                        position: absolute;\n                        top: 9px;\n                        @include pixelstrap-size(4px, 35px);\n                        right: 0;\n                        border: 2px solid var(--theme-default);\n                        border-radius: 100px 0 0 100px;\n\n                        [dir=\"rtl\"] & {\n                            right: unset;\n                            left: 0;\n                            border-radius: 0 100px 100px 0;\n                        }\n\n                        @media (max-width:1400px) {\n                            top: 8px;\n                            height: 28px;\n                        }\n                    }\n                }\n\n                svg {\n                    @include svg-size(18px, $theme-body-sub-title-color);\n                }\n\n                div {\n                    width: calc(100% - 13px - 18px);\n                    @include pixelstrap-flex(flex, space-between, center);\n\n                    @media (max-width: 1400px) {\n                        font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));\n                    }\n                }\n            }\n        }\n\n        span {\n            color: var(--theme-default);\n            border-radius: 20px;\n            padding: 6px 12px;\n\n            @media (max-width:1400px) {\n                padding: 3px 10px;\n            }\n        }\n\n        .compose-mail {\n            display: block;\n            text-align: center;\n\n            .nav-link {\n                &.active {\n                    padding: 15px;\n                    background-color: var(--theme-default);\n                    color: var(--white);\n\n                    @media (max-width:1400px) {\n                        padding: 10px;\n                    }\n\n                    &::before {\n                        content: unset;\n                    }\n                }\n\n                i {\n                    font-size: 13px;\n                }\n            }\n        }\n\n        .email-category {\n            &.nav-pills {\n                .nav-item {\n                    .nav-link {\n                        @media (max-width:1400px) {\n                            padding: 3px 20px;\n                        }\n                    }\n\n                    &:last-child {\n                        i {\n                            margin-right: 0;\n                        }\n                    }\n                }\n            }\n\n        }\n\n        .taged-mail {\n            &.nav-pills {\n                .nav-item {\n                    .nav-link {\n                        @media (max-width:1400px) {\n                            padding: 3px 20px;\n                        }\n                    }\n\n                    &:first-child {\n                        a {\n                            margin-top: 16px;\n                        }\n                    }\n\n                    svg {\n                        @include pixelstrap-size(24px, 24px);\n                    }\n                }\n            }\n        }\n\n\n        .emailbox {\n            &.btn {\n                width: 100%;\n                margin-bottom: 15px;\n                padding: 12px;\n                font-size: 16px;\n                font-weight: 500;\n\n                @media (max-width: 576px) {\n                    padding: 7px;\n                }\n\n                i {\n                    padding-right: 12px;\n\n                    [dir=\"rtl\"] & {\n                        padding-right: unset;\n                        padding-left: 12px;\n                    }\n                }\n            }\n        }\n    }\n}\n\n// Mail-body\n.email-body {\n    .mail-header-wrapper {\n        padding: 16px;\n        box-shadow: 0px 5px 10px 0px rgba(82, 82, 108, 0.08);\n        @include pixelstrap-flex(flex, space-between, center);\n\n        .mail-header {\n            .form-check {\n                display: flex;\n                align-items: center;\n\n                @media (max-width:1468px) {\n                    padding: 0;\n                }\n\n                @media (max-width:420px) {\n                    align-items: flex-start;\n                }\n\n                .form-check-input {\n                    @include pixelstrap-size(18px, 18px);\n                    margin-top: 9px;\n                    border-color: var(--chart-dashed-border);\n\n                    @media (max-width: 1468px) {\n                        margin: 0;\n                    }\n\n                    &:focus {\n                        box-shadow: unset;\n                        border: 1px solid var(--theme-default);\n                    }\n                }\n            }\n        }\n\n        .mail-body {\n            display: flex;\n            gap: 12px;\n\n            @media (max-width: 1500px) {\n                justify-content: end;\n            }\n\n            @media (max-width:620px) {\n                margin-left: auto;\n            }\n\n            @media (max-width:479px) {\n                display: none;\n            }\n\n            .mail-search {\n                position: relative;\n\n                @media (max-width: 1500px) and (min-width:1469px) {\n                    width: 55%;\n                }\n\n                @media (max-width: 1468px) and (min-width:1400px) {\n                    width: 48%;\n                }\n\n                @media (max-width: 1399px) and (min-width:1200px) {\n                    display: none;\n                }\n\n                @media (max-width:767px) {\n                    display: none;\n                }\n\n                .form-control {\n                    display: inline-block;\n                    padding: 8px 38px;\n                    color: $badge-light-color;\n\n                    &:focus {\n                        box-shadow: unset;\n                        border: 1px solid var(--chart-dashed-border);\n                    }\n\n                    @media (max-width:1504px) {\n                        max-width: 165px;\n                    }\n                }\n\n                i {\n                    position: absolute;\n                    top: 50%;\n                    left: 20px;\n                    color: var(--chart-text-color);\n                    transform: translate(-50%, -50%);\n\n                    [dir=\"rtl\"] & {\n                        left: unset;\n                        right: 20px;\n                        transform: translate(50%, -50%);\n                    }\n                }\n            }\n\n            .light-square {\n                i {\n                    color: var(--body-font-color);\n                }\n            }\n        }\n\n        @media (max-width: 1468px) {\n            padding: 12px 16px;\n\n            .mail-header-option {\n                &::before {\n                    bottom: -22px;\n                }\n            }\n        }\n\n        @media (max-width: 767px) and (min-width:621px) {\n\n            .mail-header-option {\n                &::before {\n                    bottom: -19px;\n                }\n            }\n        }\n\n        @media (max-width: 620px) {\n            gap: 8px;\n            flex-wrap: wrap-reverse;\n\n            .mail-header-option {\n                &::before {\n                    bottom: -19px;\n                }\n            }\n        }\n\n        @media (max-width: 620px) {\n            .mail-header-option {\n                &::before {\n                    bottom: -13px;\n                }\n            }\n        }\n\n        @media (max-width: 479px) {\n            .mail-header-option {\n                &::before {\n                    bottom: -12px;\n                }\n            }\n        }\n    }\n\n    .light-square {\n        @include pixelstrap-size(40px, 39px);\n        border-radius: 8px;\n        background-color: var(--light-slate);\n        @include pixelstrap-flex(flex, center, center);\n        cursor: pointer;\n\n        @media (max-width: 992px) {\n            @include pixelstrap-size(34px, 35px);\n        }\n\n        &.dropdown-toggle {\n            &::after {\n                content: '';\n                display: none;\n            }\n        }\n\n        .dropdown-menu {\n            .dropdown-item {\n                border-top: 0;\n\n                &:hover {\n                    background-color: $gray-60;\n                }\n\n                i {\n                    padding-right: 12px;\n\n                    [dir=\"rtl\"] & {\n                        padding-right: 0;\n                        padding-left: 12px;\n                    }\n                }\n            }\n        }\n    }\n\n    .mail-body-wrapper {\n        ul {\n            li {\n                padding: 16px;\n                display: flex;\n                align-items: center;\n                cursor: pointer;\n                border-bottom: 1px solid var(--chart-dashed-border);\n\n                &:hover {\n                    background-color: var(--light-background);\n\n                    .inbox-message {\n                        .email-timing {\n                            display: none;\n                            transition: all 0.3s ease-in-out;\n                        }\n\n                        .email-options {\n                            @include pixelstrap-flex(flex, flex-end, center);\n                            gap: 14px;\n                            min-width: 100px;\n                            transition: all 0.3s ease-in-out;\n\n                            i {\n                                font-size: 18px;\n\n                                @media (max-width:375px) {\n                                    font-size: 16px;\n                                }\n\n                            }\n                        }\n\n                        .show {\n                            display: block;\n                        }\n\n                        .hide {\n                            display: none;\n                        }\n                    }\n                }\n\n                &.inbox-data {\n\n                    @media (max-width: 767px) {\n                        display: block;\n                    }\n                }\n\n                &:last-child {\n                    border-bottom: unset;\n                }\n\n                .inbox-user {\n                    min-width: 290px;\n                    display: flex;\n                    align-items: center;\n                    gap: 12px;\n\n                    @media (max-width:1400px) {\n                        min-width: 280px;\n                    }\n\n                    @media (max-width:576px) {\n                        min-width: 260px;\n                    }\n\n                    .form-check-input {\n                        @include pixelstrap-size(18px, 18px);\n                        border-color: var(--chart-dashed-border);\n\n                        &:focus {\n                            box-shadow: unset;\n                        }\n                    }\n\n                    .rounded-border {\n                        @include pixelstrap-size(50px, 50px);\n                        border: 2px solid var(--chart-dashed-border);\n                        @include pixelstrap-flex(flex, center, center);\n                        border-radius: 100%;\n\n                        @media (max-width:1400px) {\n                            @include pixelstrap-size(42px, 42px);\n                        }\n\n                        @media (max-width:355px) {\n                            display: none;\n                        }\n\n                        >div {\n                            @include pixelstrap-size(40px, 40px);\n                            background-color: $light-primary;\n                            border-radius: 100%;\n\n                            @media (max-width: 1400px) {\n                                @include pixelstrap-size(32px, 32px);\n                            }\n\n                            p {\n                                @include pixelstrap-flex(flex, center, center);\n                                height: 100%;\n                                font-weight: 900;\n                                padding-top: 3px;\n\n                                @media (max-width: 1200px) {\n                                    font-size: 13px;\n                                }\n                            }\n                        }\n\n                        .circle-success {\n                            background-color: $light-success;\n                        }\n\n                        img {\n                            border-radius: 100%;\n                            height: 38px;\n\n                            @media (max-width:1400px) {\n                                height: 32px;\n                            }\n                        }\n                    }\n                }\n\n                .inbox-message {\n                    display: flex;\n                    justify-content: space-between;\n                    width: 100%;\n                    gap: 16px;\n\n                    @media (max-width: 700px) {\n                        display: block;\n                    }\n\n                    .email-data {\n                        span {\n                            font-weight: 500;\n                            color: rgba($badge-light-color, 0.7);\n                            letter-spacing: 0.4px;\n                            display: -webkit-box;\n                            max-width: 100%;\n                            margin: 0 auto;\n                            -webkit-line-clamp: 1;\n                            -webkit-box-orient: vertical;\n                            overflow: hidden;\n                            text-overflow: ellipsis;\n\n                            span {\n                                font-weight: 400;\n                                line-height: 1.9;\n                            }\n                        }\n\n                        .badge {\n                            border-radius: 20px;\n\n                            @media (max-width:1236px) {\n                                margin-bottom: 5px;\n                            }\n\n                            &:last-child {\n                                margin-bottom: 0;\n                            }\n                        }\n                    }\n\n                    .email-timing {\n                        @include pixelstrap-flex(flex, flex-end, center);\n                        min-width: 80px;\n                        transition: all 0.3s ease-in-out;\n\n                        @media (max-width: 768px) {\n                            justify-content: flex-end;\n                            height: 18px;\n                            margin-top: 8px;\n                        }\n\n                        span {\n                            color: var(--body-font-color);\n                        }\n                    }\n\n                    .email-options {\n                        display: none;\n                        transition: all 0.3s ease-in-out;\n\n                        @media (max-width: 768px) {\n                            height: 18px;\n                        }\n\n                        .show {\n                            display: block;\n                        }\n\n                        .hide {\n                            display: none;\n                        }\n\n                        i {\n                            color: rgba($dark-color, 0.8);\n                        }\n                    }\n                }\n\n                &.page-item {\n                    padding: 0;\n                }\n            }\n\n        }\n\n        .hidden {\n            display: none !important;\n        }\n    }\n}\n\n.compose-modal {\n    form {\n        .form-control {\n            position: relative;\n        }\n\n        .add-bcc {\n            position: absolute;\n            top: 2.5px;\n            right: 16px;\n\n\n            [dir=\"rtl\"] & {\n                right: unset;\n                left: 16px;\n            }\n\n            .btn {\n                padding: 5px 8px;\n                background-color: var(--light-shade-primary);\n                color: var(--theme-default);\n            }\n        }\n\n        .filepond--root {\n            margin-bottom: 0;\n            cursor: pointer;\n        }\n    }\n}\n\n// Click on second user open\n.mail-header-wrapper {\n    &.header-wrapper1 {\n        flex-direction: unset;\n\n        @media (max-width:440px) {\n            flex-direction: column;\n            gap: 10px;\n            align-items: flex-end;\n        }\n    }\n\n    .mail-header1 {\n        display: flex;\n        align-items: center;\n        gap: 18px;\n\n        span {\n            font-weight: 500;\n            color: var(--body-font-color);\n        }\n\n        .btn-email {\n            width: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));\n            height: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));\n            stroke: var(--body-font-color);\n\n            [dir=\"rtl\"] & {\n                transform: scaleX(-1);\n            }\n        }\n    }\n\n    .mail-body1 {\n        display: flex;\n        gap: 10px;\n\n        svg {\n            @include pixelstrap-size(20px, 20px);\n            stroke: $badge-light-color;\n\n            @media (max-width:480px) {\n                @include pixelstrap-size(18px, 18px);\n            }\n        }\n    }\n}\n\n.mail-body-wrapper {\n    .user-mail-wrapper {\n        padding: 16px;\n\n        .user-title {\n            @include pixelstrap-flex(flex, space-between, center);\n            border-bottom: 1px solid var(--chart-dashed-border);\n\n            @media (max-width:390px) {\n                flex-direction: column;\n                padding-bottom: 12px;\n                justify-content: unset;\n                align-items: unset;\n            }\n\n            >div {\n                display: flex;\n                align-items: center;\n                gap: 12px;\n                padding-bottom: 12px;\n\n                .rounded-border {\n                    @include pixelstrap-size(50px, 50px);\n                    border: 2px solid var(--chart-dashed-border);\n                    @include pixelstrap-flex(flex, center, center);\n                    border-radius: 100%;\n\n                    img {\n                        height: 38px;\n                        border-radius: 100%;\n                    }\n                }\n\n                .onhover-dropdown {\n                    .dropdown-button {\n                        display: flex;\n                        align-items: center;\n                        gap: 8px;\n                        color: var(--chart-text-color);\n                        border: unset;\n\n                        svg {\n                            @include pixelstrap-size(16px, 16px);\n                        }\n                    }\n\n                    .inbox-security {\n                        padding: 16px;\n                        box-shadow: $card-hover-box-shadow;\n                        min-width: 350px;\n\n                        p {\n                            margin-bottom: 8px;\n\n                            &:last-child {\n                                margin-bottom: 0;\n                            }\n\n                            span {\n                                color: var(--body-font-color);\n                            }\n                        }\n                    }\n\n                    &.onhover-show-div {\n                        @media (max-width: 475px) {\n                            left: -27px;\n\n                            [dir=\"rtl\"] & {\n                                left: unset;\n                                right: -27px;\n                            }\n                        }\n\n                        @media (max-width: 445px) {\n                            left: -70px;\n\n                            [dir=\"rtl\"] & {\n                                left: unset;\n                                right: -70px;\n                            }\n                        }\n\n                        @media (max-width: 395px) {\n                            min-width: 270px;\n                        }\n                    }\n\n                    &:hover {\n                        .onhover-show-div {\n                            top: 30px;\n                            z-index: 1;\n\n                            [dir=\"rtl\"] & {\n                                left: unset;\n                                right: 0;\n                            }\n\n                            @media (max-width: 575px) {\n                                opacity: 1;\n                                visibility: visible;\n                            }\n\n                            @media (max-width: 475px) {\n                                left: -27px;\n\n                                [dir=\"rtl\"] & {\n                                    left: unset;\n                                    right: -27px;\n                                }\n                            }\n\n                            @media (max-width: 445px) {\n                                left: -70px;\n\n                                [dir=\"rtl\"] & {\n                                    left: unset;\n                                    right: -70px;\n                                }\n                            }\n\n                            @media (max-width: 395px) {\n                                min-width: 270px;\n                            }\n                        }\n                    }\n                }\n            }\n\n            .inbox-options {\n                @media (max-width:390px) {\n                    padding-bottom: 0;\n                }\n\n                span {\n                    color: var(--chart-text-color);\n\n                    @media (max-width:623px) {\n                        display: none;\n                    }\n                }\n\n                svg {\n                    @include pixelstrap-size(18px, 18px);\n                    stroke: $badge-light-color;\n                    vertical-align: -4px;\n                }\n\n                .light-square {\n                    .dropdown-toggle {\n                        &::after {\n                            content: unset;\n                        }\n                    }\n                }\n            }\n        }\n\n        .user-body {\n            padding: 14px 0;\n            border-bottom: 1px solid var(--chart-dashed-border);\n\n            p:nth-child(1) {\n                padding-bottom: 14px;\n            }\n\n            p {\n\n                &:nth-child(2),\n                &:nth-child(4) {\n                    line-height: 1.8;\n                    margin-bottom: 10px;\n                }\n            }\n\n            .mail-subcontent {\n                padding-top: 14px;\n\n                p {\n                    padding-bottom: 0;\n                }\n            }\n        }\n\n        .user-footer {\n            padding: 14px 0;\n            border-bottom: 1px solid var(--chart-dashed-border);\n\n            >div:not(.toolbar-box) {\n                display: flex;\n                align-items: center;\n                gap: 8px;\n                padding-bottom: 12px;\n                cursor: pointer;\n            }\n\n            svg {\n                width: 20px;\n                height: 20px;\n                fill: none;\n                stroke: var(--chart-text-color);\n\n                @media (max-width:480px) {\n                    width: 18px;\n                    height: 18px;\n                }\n            }\n\n            .attachment-file {\n                align-items: center;\n                gap: 30px;\n                padding: 12px;\n                background-color: var(--light-background);\n\n                .common-flex {\n                    img {\n                        height: 36px;\n                    }\n                }\n\n                @media (max-width:1780px) {\n                    gap: 8px;\n                }\n            }\n        }\n\n        .send-btn {\n            text-align: end;\n            padding-top: 14px;\n\n            i {\n                margin-left: 8px;\n                font-size: 12px;\n\n                [dir=\"rtl\"] & {\n                    margin-left: 0;\n                    margin-right: 8px;\n                }\n            }\n        }\n    }\n}\n\n\n.toolbar-box {\n    display: block;\n    padding: 0;\n    border: 1px solid var(--chart-dashed-border);\n    border-radius: 5px;\n    border-color: var(--bs-border-color);\n\n    .ql-toolbar {\n        &.ql-snow {\n            border: 0;\n        }\n    }\n\n    .ql-container {\n        &.ql-snow {\n            border: 0;\n            min-height: 100px;\n\n            .ql-tooltip {\n                background-color: $light-semi-gray;\n                border: 1px solid var(--chart-progress-light);\n                box-shadow: unset;\n                color: $badge-light-color;\n                left: 16px !important;\n\n                .ql-action {\n                    color: var(--theme-default);\n                }\n            }\n        }\n    }\n\n    .ql-editor {\n        [dir=\"rtl\"] & {\n            text-align: right;\n        }\n\n        p {\n            &:nth-child(3) {\n                margin: 12px 0;\n            }\n\n            &:nth-child(8),\n            &:nth-child(9) {\n                margin: 12px 0;\n            }\n        }\n    }\n\n    .ql-bold,\n    .ql-italic,\n    .ql-underline,\n    .ql-strike,\n    .ql-list,\n    .ql-stroke,\n    .ql-indent,\n    .ql-link,\n    .ql-image {\n        &:hover {\n            color: var(--theme-default);\n\n            svg {\n\n                .ql-stroke,\n                .ql-fill {\n                    stroke: var(--theme-default);\n                }\n            }\n        }\n\n        button {\n            &.ql-active {\n                .ql-stroke {\n                    stroke: var(--theme-default);\n                }\n            }\n        }\n\n    }\n}\n\n#editor,\n#editor1 {\n    .ql-editing {\n        left: 60.375px !important;\n\n        [dir=\"rtl\"] & {\n            left: 0;\n            right: 60.375px !important;\n        }\n\n        &.ql-out-bottom {\n            visibility: visible !important;\n        }\n    }\n\n    .ql-tooltip {\n        left: 35.9688px !important;\n\n        [dir=\"rtl\"] & {\n            left: 0;\n            right: 35.9688px !important;\n        }\n\n        @media (max-width:430px) {\n            left: 2.9688px !important;\n\n            [dir=\"rtl\"] & {\n                left: 0;\n                right: 2.9688px !important;\n            }\n        }\n\n        &.ql-out-bottom {\n            visibility: visible !important;\n\n            @media (max-width:430px) {\n                input[type=text] {\n                    width: 94px;\n                }\n\n            }\n        }\n    }\n}\n\n.important-mail {\n    @include pixelstrap-size(18px, 18px);\n    fill: transparent;\n    stroke: var(--chart-text-color);\n    cursor: pointer;\n\n    &:active,\n    &.active {\n        fill: $warning-color;\n        stroke: $warning-color;\n    }\n}\n\n\n.bookmark-box {\n    stroke: var(--chart-text-color);\n\n    &:active,\n    &.active {\n        stroke: var(--theme-default);\n    }\n}\n\n.dropdown-subtitle {\n    >p {\n        color: $badge-light-color;\n        font-weight: 500;\n    }\n}\n\n// Filter functionality \n.mail-filters {\n    display: flex;\n    justify-content: center;\n    gap: 6px;\n    margin-left: 18px;\n\n    [dir=\"rtl\"] & {\n        margin-left: unset;\n        margin-right: 18px;\n    }\n\n    @media (max-width:479px) {\n        flex-direction: column;\n        gap: 23px;\n        align-items: flex-start;\n    }\n\n    @media (max-width:380px) {\n        margin-left: 0;\n\n        [dir=\"rtl\"] & {\n            margin-left: unset;\n            margin-right: 0;\n        }\n    }\n\n    svg {\n        @include pixelstrap-size(22px, 22px);\n        stroke: $badge-light-color;\n\n        @media (max-width: 424px) {\n            display: none;\n        }\n    }\n}\n\n.mail-header-option {\n    position: relative;\n    @include pixelstrap-flex(flex, center, center);\n    gap: 8px;\n    padding: 0px 12px;\n\n    &:hover {\n        cursor: pointer;\n    }\n\n    &::before {\n        content: \"\";\n        position: absolute;\n        bottom: -26px;\n        left: 0;\n        @include pixelstrap-size(0px, 2px);\n        background-color: var(--theme-default);\n    }\n\n    &.active {\n        &::before {\n            width: 100%;\n            transition: all 0.1s ease-in;\n        }\n    }\n\n    @media (max-width:1248px) {\n        padding: 0 7px;\n    }\n}\n\n.hide {\n    display: none !important;\n}\n\n\n@keyframes hide {\n    0% {\n        transform: scale(1);\n    }\n\n    100% {\n        transform: scale(0);\n        width: 0;\n        height: 0;\n        margin: 0;\n    }\n}\n\n@keyframes show {\n    0% {\n        transform: scale(0);\n        width: 0;\n        height: 0;\n        margin: 0;\n    }\n\n    100% {\n        transform: scale(1);\n    }\n}\n\n/**=====================\n    3.25 Letter_box CSS End\n==========================**/","/**=====================\n    3.26 Errorpage CSS Start\n==========================**/\n.error-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 100vh;\n  text-align: center;\n\n  svg {\n    width: 100%;\n    height: calc(240px + (440 - 240) * ((100vw - 320px) / (1920 - 320)));\n    margin-bottom: calc(8px + (22 - 8) * ((100vw - 320px) / (1920 - 320)));\n  }\n\n  .btn-lg {\n    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));\n  }\n\n  &.maintenance-bg {\n    background-image: url(../images/other-images/maintenance-bg.jpg);\n    background-color: rgba(255, 255, 255, 0.6);\n    background-blend-mode: overlay;\n  }\n\n  .maintenance-icons {\n    li {\n      i {\n        color: $semi-dark;\n        font-size: 50px;\n        animation: rotate-effect 40s infinite linear reverse;\n      }\n\n      &:nth-child(2) {\n        i {\n          font-size: 100px;\n          margin-left: 110px;\n          margin-top: -25px;\n          animation: rotate-effect 40s linear infinite reverse;\n        }\n      }\n\n      &:nth-child(3) {\n        i {\n          animation: rotate-effect 30s infinite linear;\n          font-size: 150px;\n          margin-top: -85px;\n          margin-right: 120px;\n        }\n      }\n    }\n  }\n\n  @keyframes rotate-effect {\n    0% {\n      transform: rotate(0deg);\n    }\n\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes reverse-rotate-effect {\n    0% {\n      transform: rotate(360deg);\n    }\n\n    100% {\n      transform: rotate(0deg);\n    }\n  }\n\n  .maintenance-heading {\n    margin-top: 70px;\n\n    .headline {\n      font-size: 99px;\n      font-weight: 900;\n      letter-spacing: 10px;\n      color: var(--theme-default);\n      z-index: 2;\n      position: relative;\n      margin-top: -70px;\n    }\n  }\n\n  .sub-content {\n    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));\n    color: $theme-body-font-color;\n    letter-spacing: 1px;\n    margin-top: calc(12px + (20 - 12) * ((100vw - 320px) / (1920 - 320)));\n    margin-bottom: 0;\n  }\n\n  .btn {\n    margin-top: 30px;\n  }\n}\n\n.error {\n  margin: 70px 0 100px;\n  color: $black;\n\n  .error-title {\n    font-size: 9.5rem;\n    color: $white;\n    text-shadow: 6px 6px 7px rgba(0, 0, 0, 0.32);\n  }\n\n  .line-bottom {\n    width: 10%;\n    height: 5px;\n    background-color: $warning-color;\n    border: none;\n  }\n\n  .c-white {\n    color: $white;\n  }\n\n  .error-btn {\n    text-align: center;\n  }\n\n  .padd {\n    padding: 10px 30px 10px 30px;\n  }\n\n  .btn-back-home {\n    background-color: $light-color;\n    color: $black;\n\n    &:hover {\n      background-color: $warning-color;\n      color: $white;\n      box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21);\n    }\n  }\n\n  .btn-adnc-serc {\n    background-color: $dark-color;\n    color: $white;\n\n    &:hover {\n      background-color: $warning-color;\n      color: $white;\n      box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21);\n    }\n  }\n}\n\n/**=====================\n    3.26 Errorpage CSS Start\n==========================**/","/**=====================\n    3.27 Faq CSS start\n==========================**/\n.knowledgebase-bg {\n  height: 500px;\n  border-radius: 15px;\n  margin-bottom: 30px;\n\n}\n\n.knowledgebase-search {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  left: 5%;\n\n  .form-inline {\n    background-color: var(--white);\n    width: 500px;\n    padding: 12px 50px;\n    border-radius: 10px;\n    border: 1px solid #e6e6e6;\n    margin-top: 10px;\n    position: relative;\n\n    ::placeholder {\n      color: $gray-60;\n    }\n\n    svg {\n      position: absolute;\n      left: 20px;\n      width: 20px;\n      top: 17px;\n      stroke: $gray-60;\n    }\n  }\n}\n\n.faq-widgets {\n  align-items: center;\n\n  .flex-grow-1 {\n    h5 {\n      font-weight: 600;\n      color: $white;\n      padding-bottom: 10px;\n    }\n\n    p {\n      padding-right: 20px;\n      @include multi-line-ellipsis(3, auto, vertical, hidden);\n      color: rgba($white, 0.9);\n    }\n  }\n\n  svg {\n    @include pixelstrap-size(60px, 60px);\n    opacity: 0.5;\n  }\n}\n\n.header-faq {\n  margin-bottom: 30px;\n\n  h5 {\n    font-weight: 600;\n  }\n}\n\n.features-faq {\n  &.card {\n\n    .card-body,\n    .card-footer {\n      padding: 20px 25px;\n\n      p {\n        @include multi-line-ellipsis(3, auto, vertical, hidden);\n      }\n    }\n  }\n\n  .faq-image {\n    img {\n      border-top-left-radius: 8px;\n      border-top-right-radius: 8px;\n      width: 100%;\n    }\n  }\n\n  .card-body {\n    h6 {\n      font-weight: 500;\n    }\n  }\n}\n\n.faq-accordion.default-according {\n  margin-bottom: 30px;\n\n  .card {\n    .btn-link {\n      display: flex;\n\n      svg {\n        @include pixelstrap-size(20px, 20px);\n        min-width: 20px;\n        min-height: 20px;\n        margin-right: 10px;\n      }\n    }\n\n    .faq-header {\n      position: relative;\n      padding: 20px;\n      border-radius: 15px;\n\n      svg {\n        position: absolute;\n        right: 20px;\n        top: 20px;\n        @include pixelstrap-size(20px, 20px);\n      }\n\n      span {\n        margin-top: 3px;\n      }\n    }\n  }\n\n  .faq-body {\n    padding: 20px !important;\n    border: unset;\n    border-radius: 0;\n  }\n\n  .card-mb-faq {\n    margin-bottom: 30px;\n  }\n}\n\n.faq-title {\n  margin: 30px 0;\n\n  h6 {\n    color: $light-text;\n    font-weight: 600;\n  }\n}\n\n.faq-form {\n  position: relative;\n\n  .search-icon {\n    position: absolute;\n    right: 12px;\n    top: 9px;\n    @include pixelstrap-size(20px, 20px);\n  }\n}\n\n.navigation-btn {\n  margin-bottom: 20px;\n\n  a {\n    @include pixelstrap-flex(flex, center, center);\n\n    svg {\n      @include pixelstrap-size(15px, 15px);\n    }\n  }\n}\n\n.navigation-option {\n  ul {\n    li {\n      position: relative;\n      padding: 8px 8px 8px 0;\n\n      &:last-child {\n        padding-bottom: 0;\n      }\n\n      &:hover {\n        background-color: $light;\n      }\n\n      a {\n        padding-left: 40px;\n        color: $theme-body-font-color;\n\n        svg {\n          position: absolute;\n          @include pixelstrap-size(15px, 15px);\n          top: 11px;\n          left: 15px;\n        }\n      }\n    }\n  }\n}\n\n.updates-faq {\n  @include pixelstrap-size(40px, 40px);\n  border: 2px solid var(--theme-default);\n  border-radius: 100%;\n  @include pixelstrap-flex(flex, center, center);\n  margin-right: 20px;\n\n  svg {\n    @include pixelstrap-size(18px, 18px);\n  }\n}\n\n.updates-bottom-time {\n  p {\n    margin-bottom: 2px;\n\n    +p {\n      color: $light-text;\n    }\n  }\n}\n\n.updates-faq-main {\n  margin-bottom: 20px;\n\n  a {\n    font-weight: 500;\n  }\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n}\n\n@media only screen and (max-width: 1399.98px) {\n  .faq-widgets {\n    svg {\n      @include pixelstrap-size(80px, 80px);\n    }\n  }\n}\n\n@media only screen and (max-width: 1199px) {\n  .faq-accordion {\n    margin-bottom: 30px;\n  }\n}\n\n@media only screen and (max-width: 991px) {\n  .faq-accordion.default-according {\n    .card {\n      .faq-header {\n        padding: 20px !important;\n\n        svg {\n          right: 20px;\n          top: 20px;\n        }\n      }\n    }\n  }\n\n  .navigation-option {\n    ul {\n      li {\n        padding: 10px 10px 10px 0;\n\n        a {\n          svg {\n            top: 12px;\n          }\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 767px) {\n  .xs-mt-search {\n    margin-top: 30px;\n  }\n}\n\n@media only screen and (max-width: 575px) {\n  .xs-mt-search {\n    margin-top: 0px;\n  }\n\n  .faq-widgets {\n    svg {\n      @include pixelstrap-size(50px, 50px);\n    }\n  }\n\n  .faq-title {\n    margin: 15px 0;\n  }\n\n  .header-faq {\n    margin-bottom: 15px;\n    margin-top: 10px;\n  }\n\n  .faq-accordion {\n    margin-bottom: 0px;\n\n    .faq-header {\n      padding: 15px !important;\n\n      .pull-right {\n        float: right;\n      }\n\n      svg {\n        right: 15px;\n        top: 15px;\n      }\n    }\n  }\n\n  .navigation-btn,\n  .updates-faq-main {\n    margin-bottom: 15px;\n  }\n}\n\n.faq-wrapper {\n  .d-flex {\n    p {\n      @include multi-line-ellipsis(3, auto, vertical, hidden);\n    }\n  }\n}\n\n/**=====================\n    3.27 Faq CSS end\n==========================**/","/**=====================\n   3.28 File CSS\n==========================**/\n\n.file-sidebar,\n.file-content {\n    .card {\n\n        .card-body,\n        .card-header {\n            padding: 20px !important;\n        }\n    }\n\n    hr {\n        border-top-color: var(--recent-dashed-border);\n    }\n}\n\n.file-sidebar {\n    ul {\n        li {\n            &+li {\n                margin-top: 8px;\n            }\n        }\n    }\n\n    .btn {\n        display: flex;\n        align-items: center;\n\n        &.btn-light {\n            &:hover {\n                color: var(--theme-default) !important;\n\n                svg {\n                    stroke: var(--theme-default);\n                }\n            }\n        }\n\n        svg {\n            width: 15px;\n            vertical-align: middle;\n            margin-right: 8px;\n        }\n    }\n}\n\n.file-manager {\n    >h6 {\n        opacity: 0.6;\n        font-weight: 400 !important;\n        font-size: 15px;\n        margin-bottom: 12px;\n    }\n\n    .files {\n\n        h6 {\n            margin-top: 10px;\n            margin-bottom: 0;\n        }\n    }\n\n    p {\n        opacity: 0.9;\n        font-size: 12px;\n    }\n}\n\n.files,\n.folder {\n    h6 {\n        opacity: 0.9;\n        font-weight: 500 !important;\n        font-size: 14px;\n    }\n}\n\n.file-content {\n\n    .form-inline {\n        border: 1px solid #f4f4f4;\n        border-radius: 5px;\n        padding: 0 20px;\n\n        i {\n            padding-right: 10px;\n            color: $dark-gray;\n            line-height: 3;\n        }\n\n        input {\n            &::-webkit-input-placeholder {\n                color: $dark-gray;\n            }\n\n            &:focus {\n                outline: none !important;\n            }\n        }\n    }\n\n    .search-form {\n        input {\n            padding: 5px 10px 5px 70px;\n            border-radius: 5px;\n        }\n\n        .form-group {\n            &:before {\n                left: 82px;\n                top: 37px;\n            }\n\n            &:after {\n                top: 39px;\n                left: 53px;\n            }\n        }\n    }\n\n    .btn {\n        svg {\n            height: 15px;\n            margin-right: 2px;\n            vertical-align: middle;\n        }\n    }\n\n    h5 {\n        font-weight: 500;\n    }\n\n    .folder {\n        .folder-box {\n            border: 1px solid #f1f1f1;\n            border-radius: 5px;\n            padding: 15px;\n            background-color: #f6f7fb;\n            width: calc(25% - 15px);\n            display: inline-block;\n\n            $show-numbers: true;\n\n            @if $show-numbers {\n                @for $i from 1 through 15 {\n                    &:nth-child(#{$i}) {\n                        animation-fill-mode: both;\n                        animation: fadeIncustom .5s linear #{$i}00000ms;\n                    }\n                }\n\n            }\n        }\n    }\n}\n\n@media screen and (max-width: 1440px) {\n    .file-content .folder .folder-box .d-flex {\n        display: block;\n\n        .flex-grow-1 {\n            margin-left: 0 !important;\n            margin-top: 5px;\n        }\n    }\n}\n\n@media screen and (max-width: 1366px) {\n    .file-content .files {\n        margin-bottom: -10px;\n    }\n}\n\n@media screen and (max-width: 768px) {\n    .file-content {\n        .folder {\n            margin-bottom: -10px;\n\n            .folder-box {\n                width: calc(50% - 15px);\n                margin-bottom: 10px;\n                margin-right: 8px;\n            }\n        }\n\n        .d-flex {\n            display: block !important;\n            text-align: center !important;\n\n            .flex-grow-1 {\n                margin-top: 18px !important;\n                justify-content: center;\n            }\n        }\n    }\n}\n\n@media screen and (max-width: 575px) {\n\n    .file-content .folder .folder-box,\n    .file-content .files .file-box {\n        width: calc(100%);\n    }\n}\n\n/**=====================\n    3.28 File CSS\n==========================**/","/**=====================\n   3.29 File Manager CSS Start\n==========================**/\n\n// Left sidebar \n.main-file-sidebar {\n    .md-sidebar {\n        .md-sidebar-aside {\n            @media (max-width:1199px) and (min-width:576px) {\n                width: 325px;\n            }\n\n            .common-sort-card {\n                background-color: var(--light2);\n                padding: 14px;\n                border-radius: 8px;\n\n                li {\n                    .common-sort-card {\n                        padding: 16px 0 0 0;\n                        margin-top: 16px;\n                        border-top: 1px solid var(--chart-dashed-border);\n                        border-radius: 0;\n                    }\n                }\n\n                .files-left-icons {\n                    li {\n                        position: relative;\n                        padding-bottom: 0;\n                        overflow: hidden;\n                        width: 100%;\n\n                        +li {\n                            margin-top: 0;\n                        }\n\n                        a {\n                            display: flex;\n                            align-items: center;\n                            flex-wrap: wrap;\n                            gap: calc(6px + (12 - 6) * ((100vw - 320px) / (1920 - 320)));\n                            padding: 12px;\n\n                            @media (max-width:575px) {\n                                display: block;\n                            }\n\n                            svg {\n                                width: 28px;\n                                height: 28px;\n                            }\n\n                            span {\n                                color: var(--body-font-color);\n\n                                @media (max-width:1270px) and (min-width:1200px) {\n                                    @include multi-line-ellipsis(1, auto, vertical, hidden);\n                                }\n                            }\n\n                            >span {\n                                @media (max-width:1270px) {\n                                    text-align: start;\n\n                                    [dir=\"rtl\"] & {\n                                        text-align: end;\n                                    }\n                                }\n                            }\n                        }\n                    }\n\n                    &.file-type-icons {\n                        li {\n                            a {\n                                justify-content: space-between;\n                                transition-delay: 0.1s;\n\n                                @media (max-width:575px) {\n                                    border-bottom: 1px solid var(--chart-progress-light);\n                                }\n\n                                >div {\n                                    @include pixelstrap-flex(flex, center, center);\n                                    gap: 12px;\n\n                                    @media (max-width:1270px) {\n                                        justify-content: flex-start;\n                                    }\n\n                                    @media (max-width:575px) {\n                                        padding-bottom: 12px;\n                                    }\n                                }\n\n                                &:hover {\n                                    background-color: rgba($badge-light-color, 0.15);\n                                    transition-delay: 0.1s;\n                                }\n                            }\n\n                            &:last-child {\n                                a {\n                                    border-bottom: unset;\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n.file-manager-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;\n    width: 100%;\n    gap: calc(10px + (16 - 10) * ((100vw - 320px) / (1920 - 320)));\n    position: relative;\n\n    @media (max-width:1655px) and (min-width:768px) {\n        grid-template-columns: 1fr 1fr 1fr 1fr;\n    }\n\n    @media (max-width:767px) and (min-width:640px) {\n        grid-template-columns: 1fr 1fr 1fr;\n    }\n\n    @media (max-width:639px) and (min-width:320px) {\n        grid-template-columns: 1fr 1fr;\n    }\n\n    .common-space {\n        flex-direction: column;\n        flex-wrap: wrap;\n        width: 100%;\n    }\n\n    .folder {\n        @include folder-file(100%);\n\n        &:hover {\n            background-color: var(--light-bg);\n\n            .folder-icon {\n                &::after {\n                    content: '';\n                    background-color: $folder-color;\n                    border-radius: 5px;\n                    margin-left: 3px;\n                    width: calc(40px + (60 - 40) * ((100vw - 320px) / (1920 - 320)));\n                    height: calc(24px + (35 - 24) * ((100vw - 320px) / (1920 - 320)));\n                    position: absolute;\n                    transform: skewX(-10deg);\n                    margin-top: 5px;\n                    opacity: 1;\n\n                    [dir=\"rtl\"] & {\n                        margin-left: unset;\n                        margin-right: 3px;\n                        transform: skewX(10deg);\n                    }\n                }\n            }\n        }\n\n        .folder-icon {\n            background-color: $warning-color;\n            border-radius: 8px;\n            width: calc(40px + (60 - 40) * ((100vw - 320px) / (1920 - 320)));\n            height: calc(28px + (40 - 28) * ((100vw - 320px) / (1920 - 320)));\n            position: relative;\n            margin-top: 8px;\n\n            &::after {\n                content: '';\n                background-color: $folder-color;\n                border-radius: 5px;\n                width: calc(40px + (60 - 40) * ((100vw - 320px) / (1920 - 320)));\n                height: calc(28px + (40 - 28) * ((100vw - 320px) / (1920 - 320)));\n                position: absolute;\n                transform: skewX(0deg);\n                opacity: 0;\n                transition: 0.2s;\n            }\n\n            &::before {\n                margin-top: -8px;\n                position: absolute;\n                background-color: $warning-color;\n                border-radius: 5px;\n                border-end-start-radius: 8px;\n                content: \"\";\n                width: calc(20px + (28 - 20) * ((100vw - 320px) / (1920 - 320)));\n                height: calc(36px + (48 - 36) * ((100vw - 320px) / (1920 - 320)));\n            }\n        }\n\n        .folder-name {\n            margin: 5px 0 0 0;\n            text-align: center;\n            width: auto;\n        }\n    }\n\n    .file {\n        @include folder-file(100%);\n\n        &:hover {\n            background-color: var(--light-bg);\n\n            .doc-icon {\n                &::after {\n                    border-width: 7px;\n                    border-style: solid;\n                    @include file-icon(var(--light-bg), var(--dark-light-color), var(--dark-light-color));\n                }\n            }\n        }\n\n        .file-name {\n            margin: 10px 0 6px 0;\n            text-align: center;\n            width: 100%;\n            line-height: 1.3;\n            @include multi-line-ellipsis(1, auto, vertical, hidden);\n        }\n\n        .image-preview {\n            @include pixelstrap-size(60px, 48px);\n            @include pixelstrap-flex(flex, center, center);\n\n            img {\n                border-radius: 5px;\n                max-height: 48px;\n                height: 100%;\n            }\n        }\n    }\n\n    .item-selected {\n        background-color: $light-color;\n        padding: 9px;\n        border: 1px dotted rgba($badge-light-color, 30%);\n\n        &:hover {\n            background-color: $light-color;\n            padding: 9px;\n            border: 1px dotted rgba($badge-light-color, 30%);\n        }\n\n        .doc-icon {\n            &::after {\n                border-style: solid;\n                @include file-icon(var(--light-bg), var(--dark-light-color), var(--dark-light-color));\n            }\n        }\n    }\n\n    .doc-icon {\n        background-color: var(--theme-default);\n        border-radius: 8px;\n        width: calc(40px + (48 - 40) * (100vw - 320px) / (1920 - 320));\n        height: calc(40px + (48 - 40) * (100vw - 320px) / (1920 - 320));\n        position: relative;\n        color: $light-color;\n        display: flex;\n        text-align: right;\n        align-items: end;\n\n        &::after {\n            content: \"\";\n            width: 0;\n            height: 0;\n            border-color: $light-color;\n            border-width: calc(7px + (10 - 7) * (100vw - 320px) / (1920 - 320));\n            border-style: solid;\n            border-bottom-color: var(--dark-light-color);\n            border-left-color: var(--dark-light-color);\n            right: 0;\n            top: 0;\n            position: absolute;\n            transition-property: border-width;\n            transition-duration: 0.3s;\n\n            [dir=\"rtl\"] & {\n                right: unset;\n                left: 0;\n                border-left-color: unset;\n                border-right-color: var(--dark-light-color);\n            }\n        }\n\n        p {\n            padding: 2px;\n            margin: 0;\n            text-align: center;\n            width: 100%;\n            color: $white;\n            font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));\n            @include multi-line-ellipsis(1, auto, vertical, hidden);\n        }\n    }\n}\n\n.common-file-manager {\n    .filemanger {\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n\n        .top-folder-path {\n            height: 40px;\n            background-color: $white;\n            padding: 3px 10px;\n            @include pixelstrap-flex(flex, space-between, center);\n\n            @media (max-width:429px) {\n                height: 100%;\n                flex-direction: column;\n                align-items: flex-start;\n                justify-content: center;\n                gap: 8px;\n                padding: 0;\n\n                .folder-path-write {\n                    width: 100%;\n                }\n            }\n\n            .folder-path-write {\n                display: flex;\n                height: 35px;\n                flex: 1;\n                border-radius: 7px;\n                background-color: $light-color;\n                overflow: hidden;\n                align-items: center;\n\n                input {\n                    border: 0;\n                    flex: 1;\n                    font-size: 15px;\n                    background-color: $transparent-color;\n                    outline: 0;\n                    color: $dark-color;\n                    margin-left: 10px;\n\n                    [dir=\"rtl\"] & {\n                        margin-left: unset;\n                        margin-right: 10px;\n                    }\n                }\n\n                button {\n                    margin: 0;\n                    border: 0;\n                    background-color: $light-color;\n                    border-radius: 50px;\n                    cursor: pointer;\n                    color: var(--theme-default);\n                    margin-right: 5px;\n                    @include pixelstrap-size(27px, 27px);\n\n                    [dir=\"rtl\"] & {\n                        margin-right: unset;\n                        margin-left: 5px;\n                    }\n\n                    &:hover {\n                        background-color: var(--course-bg);\n                    }\n                }\n            }\n\n            .path-action-btns {\n                width: 90px;\n                @include pixelstrap-flex(flex, space-around, center);\n                margin-right: 5px;\n\n                [dir=\"rtl\"] & {\n                    margin-right: unset;\n                    margin-left: 5px;\n                }\n\n                button {\n                    cursor: pointer;\n                    margin: 0;\n                    border: 0;\n                    border-radius: 50px;\n                    background-color: $white;\n                    color: var(--theme-default);\n                    @include pixelstrap-size(26px, 26px);\n\n                    &:disabled {\n                        color: $light-text;\n                        background-color: $white;\n                        cursor: not-allowed;\n\n                        &:hover {\n                            color: $light-text;\n                            background-color: $white;\n                            cursor: not-allowed;\n                        }\n                    }\n                }\n            }\n        }\n\n        .top-menu {\n            width: 100%;\n            padding: 6px;\n            background-color: $light-color;\n            border-radius: 4px;\n\n            button {\n                font-size: 14px;\n                padding: 6px 12px;\n                background-color: rgba($badge-light-color, 0.15);\n                border: 0;\n                border-radius: 3px;\n                margin: 4px;\n                cursor: pointer;\n\n                i {\n                    margin-right: 8px;\n\n                    [dir=\"rtl\"] & {\n                        margin-right: unset;\n                        margin-left: 8px;\n                    }\n                }\n\n                &:hover {\n                    background-color: rgba($gray-60, 0.8);\n                }\n\n                &:disabled {\n                    &:hover {\n                        cursor: not-allowed;\n                        background-color: rgba($badge-light-color, 0.15);\n                    }\n                }\n            }\n        }\n    }\n\n    .folderEmpty {\n        width: 100%;\n        padding: calc(50px + (100 - 50) * ((100vw - 320px) / (1920 - 320)));\n        text-align: center;\n        display: none;\n\n        svg {\n            width: calc(100px + (300 - 100) * ((100vw - 320px) / (1920 - 320)));\n            height: calc(100px + (300 - 100) * ((100vw - 320px) / (1920 - 320)));\n            animation: up-down 4s infinite ease-in-out;\n        }\n\n        h5 {\n            font-size: calc(16px + (35 - 16) * ((100vw - 320px) / (1920 - 320)));\n            margin: calc(20px + (100 - 20) * ((100vw - 320px) / (1920 - 320))) 0 0 0;\n            padding: 0;\n            opacity: 0.4;\n        }\n    }\n\n    .popup {\n        position: fixed;\n        inset: 0;\n        z-index: 9;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        display: none;\n\n        .popup-bg {\n            background-color: rgba(0, 0, 0, 0.6);\n            z-index: -1;\n            width: 100%;\n            height: 100vh;\n            position: absolute;\n        }\n\n        .popup-content {\n            background-color: $body-color;\n            padding: 16px;\n            border-radius: 12px;\n            width: 400px;\n            height: auto;\n            text-align: center;\n\n            h5 {\n                margin-bottom: 12px;\n                font-size: 20px;\n            }\n\n            form {\n                text-align: center;\n\n                input {\n                    width: 100%;\n                    height: 30px;\n                    font-size: 14px;\n                    border: 1px solid var(--recent-dashed-border);\n                    padding: 8px;\n                    border-radius: 4px;\n\n                    &:focus-visible {\n                        outline: unset;\n                    }\n                }\n\n                button {\n                    width: 100px;\n                    cursor: pointer;\n                    height: 35px;\n                    background-color: rgba(var(--theme-secondary),1);\n                    color: $body-color;\n                    border: 0;\n                    font-size: 14px;\n                    border-radius: 6px;\n                    padding: 6px;\n                    margin: 10px;\n\n                    &:hover {\n                        background-color: rgba(var(--theme-secondary),1);\n                    }\n                }\n            }\n        }\n    }\n\n    .toast-messages {\n        position: fixed;\n        width: 400px;\n        max-height: 98vh;\n        overflow: hidden;\n        overflow-y: auto;\n        bottom: 0;\n        right: 0;\n        align-items: end;\n        display: flex;\n        flex-direction: column;\n        padding: 1vh 2rem;\n        z-index: 8;\n\n        [dir=\"rtl\"] & {\n            right: unset;\n            left: 0;\n        }\n\n        @media (max-width:415px) {\n            width: 308px;\n        }\n\n        .toast-container {\n            margin-bottom: 10px;\n            background-color: var(--white);\n            box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;\n            width: fit-content;\n            min-width: 300px;\n            border-radius: 10px;\n            padding: 10px;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            opacity: 0;\n            transition: 0.5s;\n\n            @media (max-width:415px) {\n                min-width: 245px;\n            }\n\n            &.toast-success {\n                background-color: $success-color;\n\n                p,\n                button {\n                    color: $white;\n                }\n            }\n\n            &.toast-danger {\n                background-color: $danger-color;\n                cursor: pointer;\n\n                p,\n                button {\n                    color: $white;\n                }\n            }\n\n            &.toast-inf {\n\n                p,\n                button {\n                    color: var(--body-font-color);\n                }\n            }\n\n            p {\n                margin: 0;\n                font-size: 15px;\n\n                @media (max-width:415px) {\n                    @include multi-line-ellipsis(1, auto, vertical, hidden);\n                }\n            }\n\n            button {\n                border: 0;\n                background-color: $transparent-color;\n                cursor: pointer;\n                border-radius: 50%;\n                font-size: 16px;\n                @include pixelstrap-size(30px, 30px);\n                @include pixelstrap-flex(flex, center, center);\n\n                &:hover {\n                    background-color: rgba(0, 0, 0, 0.096);\n                }\n            }\n        }\n    }\n}\n\n.pricing-plan {\n    border: 1px solid $light-gray;\n    border-radius: 5px;\n    margin-top: 10px;\n    padding: 15px;\n    position: relative;\n    overflow: hidden;\n\n    h5 {\n        font-weight: 600;\n        font-size: 14px;\n        margin-bottom: 2px;\n        color: $dark-gray;\n    }\n\n    h6 {\n        font-weight: 800;\n    }\n\n    p {\n        margin-bottom: 5px;\n        color: $dark-gray;\n    }\n\n    .btn {\n        display: inline-block;\n        padding: 0.05rem 0.4rem;\n    }\n\n    .bg-img {\n        position: absolute;\n        top: 40px;\n        opacity: 0.3;\n        transform: rotate(-45deg);\n        right: -40px;\n        animation: fadeIn-out 4s infinite ease-in-out;\n\n        [dir=\"rtl\"] & {\n            right: unset;\n            left: -40px;\n            transform: rotate(45deg);\n        }\n    }\n}\n\n@keyframes fadeIn-out {\n\n    0%,\n    100% {\n        opacity: 0.07;\n    }\n\n    50% {\n        opacity: 0.4;\n    }\n}\n\n@keyframes up-down {\n    0% {\n        transform: translateY(0);\n    }\n\n    50% {\n        transform: translateY(-15px);\n    }\n\n    100% {\n        transform: translateY(0);\n    }\n}\n\n/**=====================\n   3.29 File Manager CSS End\n==========================**/","/**=====================\n    3.30 Gallery CSS Start\n==========================**/\n.profile-img-style,\n.scroll-bar-wrap {\n  img {\n    width: 100%;\n  }\n}\n\n.gallery {\n  margin-bottom: -30px;\n\n  >a {\n    margin-bottom: 30px;\n\n    &:before {\n      content: \"\\edee\";\n      font-family: $font-ICO;\n      position: absolute;\n      height: calc(100% - 10px);\n      left: 20px;\n      width: calc(100% - 40px);\n      background-color: rgba(255, 255, 255, 0.27);\n      top: 5px;\n      transform: scale(0);\n      transition: all 0.3s ease;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 30px;\n      color: $black;\n    }\n\n    &:hover {\n      &:before {\n        transform: scale(1);\n        transition: all 0.3s ease;\n      }\n    }\n\n    .img-thumbnail {\n      border-radius: 0;\n    }\n  }\n}\n\n.gallery-with-description {\n  margin-bottom: -30px;\n\n  a {\n    >div {\n      padding: 10px;\n      border: 1px solid rgba($gray-60, 0.6);\n      margin-bottom: 30px;\n      border-radius: 0 0 5px 5px;\n    }\n\n    &:hover {\n      text-decoration: none !important;\n    }\n\n    .caption {\n      @media (max-width:1599px) {\n        p {\n          @include multi-line-ellipsis(3, auto, vertical, hidden);\n        }\n      }\n    }\n  }\n\n  h4 {\n    color: $dark-color;\n    margin-top: 15px;\n    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));\n  }\n\n  p {\n    color: lighten($dark-gray , 10%);\n    @include multi-line-ellipsis(3, auto, vertical, hidden);\n  }\n}\n\n.lg-backdrop {\n  background-color: $white;\n}\n\n.lg-outer {\n  .lg-actions {\n\n    .lg-next,\n    .lg-prev {\n      background-color: rgb(255, 255, 255);\n      border: 1px solid $light-semi-gray;\n\n      &:hover {\n        color: $dark-color;\n      }\n    }\n  }\n\n  .lg-toolbar {\n    background-color: rgba(255, 255, 255, 0.45);\n    border-bottom: 1px solid $dark-color;\n\n    .lg-icon:hover {\n      color: $dark-color;\n    }\n  }\n\n  #lg-counter {\n    color: $dark-color;\n  }\n\n  .lg-sub-html {\n    background-color: rgba(255, 255, 255, 0.45);\n\n    h4 {\n      font-size: inherit;\n      color: $dark-color;\n    }\n\n    p {\n      color: $dark-color;\n    }\n  }\n\n  .lg-thumb-outer {\n    background-color: $light-gray;\n  }\n\n  .lg-thumb-item {\n    padding: 4px;\n    border: 1px solid $light-semi-gray;\n    border-radius: 0;\n\n    .active,\n    &:hover {\n      border-color: $black;\n    }\n  }\n}\n\n.gallery {\n  a {\n\n    &:before,\n    &:after {\n      content: none;\n    }\n  }\n\n  .img-hover {\n    >div {\n      overflow: hidden;\n    }\n  }\n\n  .hover-1 {\n    img {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      -webkit-transition: .3s ease-in-out;\n      transition: .3s ease-in-out;\n\n      &:hover {\n        -webkit-transform: scale(1.2);\n        transform: scale(1.2);\n      }\n    }\n  }\n\n  .hover-2 {\n    img {\n      width: 100%;\n      height: auto;\n      -webkit-transition: .3s ease-in-out;\n      transition: .3s ease-in-out;\n      transform: translateX(0px);\n    }\n\n    &:hover {\n      img {\n        transform: translateX(40px) scale(1.2);\n      }\n    }\n  }\n\n  .hover-3 {\n    img {\n      -webkit-transform: scale(1.2);\n      transform: scale(1.2);\n      -webkit-transition: .3s ease-in-out;\n      transition: .3s ease-in-out;\n    }\n\n    &:hover {\n      img {\n        -webkit-transform: scale(1);\n        transform: scale(1);\n      }\n    }\n  }\n\n  .hover-4 {\n    img {\n      -webkit-transform: scale(1.5);\n      transform: scale(1.5);\n      -webkit-transition: .3s ease-in-out;\n      transition: .3s ease-in-out;\n    }\n\n    &:hover {\n      img {\n        -webkit-transform: scale(1);\n        transform: scale(1);\n      }\n    }\n  }\n\n  .hover-5 {\n    img {\n      margin-left: 30px;\n      -webkit-transform: scale(1.3);\n      transform: scale(1.3);\n      -webkit-transition: .3s ease-in-out;\n      transition: .3s ease-in-out;\n    }\n\n    &:hover {\n      img {\n        margin-left: 0;\n      }\n    }\n  }\n\n  .hover-6 {\n    img {\n      -webkit-transform: rotate(15deg) scale(1.4);\n      transform: rotate(15deg) scale(1.4);\n      -webkit-transition: .3s ease-in-out;\n      transition: .3s ease-in-out;\n    }\n\n    &:hover {\n      img {\n        -webkit-transform: rotate(0) scale(1);\n        transform: rotate(0) scale(1);\n      }\n    }\n  }\n\n  .hover-7 {\n    img {\n      -webkit-filter: blur(3px);\n      filter: blur(3px);\n      -webkit-transition: .3s ease-in-out;\n      transition: .3s ease-in-out;\n    }\n\n    &:hover {\n      img {\n        -webkit-filter: blur(0);\n        filter: blur(0);\n      }\n    }\n  }\n\n  .hover-8 {\n    img {\n      -webkit-filter: grayscale(100%);\n      filter: grayscale(100%);\n      -webkit-transition: .3s ease-in-out;\n      transition: .3s ease-in-out;\n    }\n\n    &:hover {\n      img {\n        -webkit-filter: grayscale(0);\n        filter: grayscale(0);\n      }\n    }\n  }\n\n  .hover-9 {\n    img {\n      -webkit-filter: sepia(100%);\n      filter: sepia(100%);\n      -webkit-transition: .3s ease-in-out;\n      transition: .3s ease-in-out;\n    }\n\n    &:hover {\n      img {\n        -webkit-filter: sepia(0);\n        filter: sepia(0);\n      }\n    }\n  }\n\n  .hover-10 {\n    img {\n      -webkit-filter: grayscale(0) blur(0);\n      filter: grayscale(0) blur(0);\n      -webkit-transition: .3s ease-in-out;\n      transition: .3s ease-in-out;\n    }\n\n    &:hover {\n      img {\n        -webkit-filter: grayscale(100%) blur(3px);\n        filter: grayscale(100%) blur(3px);\n      }\n    }\n  }\n\n  .hover-11 {\n    img {\n      opacity: 1;\n      -webkit-transition: .3s ease-in-out;\n      transition: .3s ease-in-out;\n    }\n\n    &:hover {\n      img {\n        opacity: .5;\n      }\n    }\n  }\n\n  @-webkit-keyframes flash {\n    0% {\n      opacity: .4;\n    }\n\n    100% {\n      opacity: 1;\n    }\n  }\n\n  @keyframes flash {\n    0% {\n      opacity: .4;\n    }\n\n    100% {\n      opacity: 1;\n    }\n  }\n\n  .hover-13 {\n    &:hover {\n      img {\n        opacity: 1;\n        -webkit-animation: flash 1.5s;\n        animation: flash 1.5s;\n      }\n    }\n  }\n\n  @-webkit-keyframes shine {\n    100% {\n      left: 125%;\n    }\n  }\n\n  @keyframes shine {\n    100% {\n      left: 125%;\n    }\n  }\n\n  .hover-14 {\n\n    div {\n      position: relative;\n\n      &:before {\n        position: absolute;\n        top: 0;\n        left: -75%;\n        z-index: 2;\n        display: block;\n        content: '';\n        width: 50%;\n        height: 100%;\n        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);\n        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);\n        -webkit-transform: skewX(-25deg);\n        transform: skewX(-25deg);\n      }\n\n      &:hover {\n        &:before {\n          -webkit-animation: shine .75s;\n          animation: shine .75s;\n\n        }\n      }\n    }\n  }\n\n  .hover-15 {\n    div {\n      position: relative;\n\n      &:before {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        z-index: 2;\n        display: block;\n        content: '';\n        width: 0;\n        height: 0;\n        background: rgba(255, 255, 255, .2);\n        border-radius: 100%;\n        -webkit-transform: translate(-50%, -50%);\n        transform: translate(-50%, -50%);\n        opacity: 0;\n      }\n\n      &:hover {\n        &:before {\n          -webkit-animation: circle .75s;\n          animation: circle .75s;\n        }\n      }\n    }\n  }\n\n  .hover-16 {\n    position: relative;\n\n    .overlay-hover {\n      position: absolute;\n      inset: 0;\n      height: 100%;\n      width: 100%;\n      opacity: 0;\n      visibility: hidden;\n      transition: .5s ease;\n      background-color: rgba($black, 0.4);\n      gap: 15px;\n      padding: 18px;\n\n      .overlay-content {\n        text-align: center;\n\n        h5,\n        p {\n          color: $white;\n\n          @media (max-width:1645px) and (min-width:1460px) {\n            @include multi-line-ellipsis(2, auto, vertical, hidden);\n          }\n\n          @media (max-width:1459px) and (min-width:1200px) {\n            @include multi-line-ellipsis(1, auto, vertical, hidden);\n          }\n\n          @media (max-width:429px) {\n            @include multi-line-ellipsis(2, auto, vertical, hidden);\n          }\n        }\n      }\n    }\n\n    &:hover {\n      .overlay-hover {\n        opacity: 1;\n        visibility: visible;\n      }\n    }\n  }\n\n  figure {\n    &:nth-child(3) {\n      .hover-16 {\n        .overlay-hover {\n          .overlay-content {\n            text-align: left;\n          }\n        }\n      }\n    }\n  }\n}\n\n@-webkit-keyframes circle {\n  0% {\n    opacity: 1;\n  }\n\n  40% {\n    opacity: 1;\n  }\n\n  100% {\n    width: 200%;\n    height: 200%;\n    opacity: 0;\n  }\n}\n\n@keyframes circle {\n  0% {\n    opacity: 1;\n  }\n\n  40% {\n    opacity: 1;\n  }\n\n  100% {\n    width: 200%;\n    height: 200%;\n    opacity: 0;\n  }\n}\n\n* {\n  box-sizing: border-box;\n\n  &:after,\n  &:before {\n    box-sizing: border-box;\n  }\n}\n\n.grid {\n  position: relative;\n}\n\n/* clear fix */\n.grid:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n\n/* ---- .grid-item ---- */\n.grid-item {\n  img {\n    max-width: 100%;\n    padding: 0.25rem;\n    background-color: $white;\n    border: 1px solid #dee2e6;\n  }\n}\n\n.gallery-with-description {\n  .grid-item {\n    img {\n      border: 0;\n      padding: 0;\n    }\n  }\n}\n\n.my-gallery {\n\n  &.gallery-with-description {\n    .pswp {\n      .pswp__img {\n        border: none !important;\n      }\n    }\n\n    .pswp__caption__center {\n      h4 {\n        color: $gray-60;\n      }\n\n      p {\n        color: $font-gray-color;\n      }\n\n      ul {\n        display: none;\n      }\n    }\n  }\n}\n\n.gallery-description-skeleton {\n  padding: 20px;\n\n  .skeleton-wrapper {\n    padding: 10px;\n    border-radius: 5px;\n    border: 1px solid $ps-light-border;\n\n    .skeleton-image {\n      width: 100%;\n      height: 250px;\n      background: linear-gradient(to right, rgba(137, 137, 137, 0.02) 2%, rgba(130, 130, 130, 0.02) 2%, rgba(137, 137, 137, 0.1) 14%);\n      background-size: 800px 100px;\n      animation: wave-square-lines 2s infinite ease-out;\n    }\n\n    .skeleton-caption {\n      padding: 18px 0px 5px 0px;\n\n      .skeleton-name {\n        background: linear-gradient(to right, rgba(137, 137, 137, 0.02) 2%, rgba(130, 130, 130, 0.02) 2%, rgba(137, 137, 137, 0.1) 14%);\n        background-size: 800px 100px;\n        animation: wave-square-lines 2s infinite ease-out;\n        width: 80%;\n        margin-bottom: 12px;\n        height: 20px;\n        border-radius: 3px;\n      }\n\n      .skeleton-desc {\n        background: linear-gradient(to right, rgba(137, 137, 137, 0.02) 2%, rgba(130, 130, 130, 0.02) 2%, rgba(137, 137, 137, 0.1) 14%);\n        background-size: 800px 100px;\n        animation: wave-square-lines 2s infinite ease-out;\n        width: 100%;\n        height: 13px;\n        border-radius: 3px;\n\n        +.skeleton-desc {\n          margin-top: 6px;\n        }\n      }\n    }\n  }\n}\n\n.loader_skeleton {\n  ~.my-gallery {\n    display: none;\n  }\n}\n\n/**=====================\n    3.30 Gallery CSS Ends\n==========================**/","/**=====================\n    3.31 Helper CSS start\n==========================**/\n.helper-common-box {\n    display: flex;\n    align-items: center;\n    margin-bottom: 16px;\n    gap: 8px;\n\n    &:last-child {\n        margin-bottom: 0;\n    }\n\n    &.helper-p-wrapper {\n        gap: 12px;\n        margin-bottom: 0;\n        flex-wrap: wrap;\n    }\n\n    .border-common-box {\n        width: auto;\n        height: 50px;\n        background-color: var(--light-background);\n        border-radius: 10px;\n        border-color: var(--recent-dashed-border);\n        padding: 12px;\n    }\n\n    .border {\n        --bs-border-color: var(--recent-border) !important;\n    }\n\n    [class*=\"border-\"] {\n        --bs-border-color: var(--recent-border) !important;\n    }\n\n}\n\n.txt-space {\n    div {\n        margin-bottom: 16px;\n\n        &:nth-child(7) {\n            margin-bottom: 0;\n        }\n    }\n}\n\n.border-wrapper {\n    padding: 20px;\n}\n\n.helper-box {\n    @include pixelstrap-size(40px, 40px);\n    border-radius: 25%;\n\n    &.helper-text {\n        @include pixelstrap-flex(flex, center, center);\n        font-weight: 900;\n    }\n}\n\n.helper-radius {\n    width: 60px;\n    height: 30px;\n}\n\n.fill-wrapper {\n    background-color: $light-color;\n}\n\n.gradient-border {\n    display: flex;\n    gap: 22px;\n    flex-wrap: wrap;\n    align-items: center;\n\n    @media (max-width: 1200px) {\n        gap: calc(13px + (22 - 13) * ((100vw - 320px) / (1200 - 320)));\n    }\n}\n\n.radius-wrapper {\n    background-color: $light-semi-gray;\n}\n\n.font-wrapper {\n    display: flex;\n    align-items: center;\n    padding: 12px 20px;\n}\n\n.helper-padding {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.helper-p-box {\n    @include pixelstrap-flex(flex, center, center);\n\n    span {\n        color: var(--body-font-color);\n    }\n}\n\n.common-p-box {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    align-items: flex-start;\n}\n\n// custom helper col classes\n@media (max-width:1746px) and (min-width:992px) {\n    .helper-col-6 {\n        width: 50%;\n        flex: 0 0 auto;\n    }\n}\n\n@media (max-width:1399px) and (min-width:992px) {\n    .helper-height-equal {\n        min-height: auto !important;\n    }\n}\n\n/**=====================\n    3.31 Helper CSS end\n==========================**/","/**=====================\n    3.32 Internationalization CSS start\n==========================**/\n.hdg_main {\n  position: relative;\n}\n\n.main {\n  .langChoice {\n    position: absolute;\n    right: 20px;\n    top: 10px;\n    padding: 10px 12px;\n    background-color: $primary-color;\n    color: $white;\n\n    &:focus-visible {\n      outline: none;\n    }\n  }\n}\n\n// responsive css \n@media (max-width: 991px) {\n  .main {\n    .langChoice {\n      right: 20px;\n      top: 11px;\n      padding: 8px;\n    }\n  }\n}\n\n@media only screen and (max-width: 575px) {\n  .main {\n    .langChoice {\n      top: 14px;\n      padding: 4px 7px;\n    }\n  }\n\n  .language-xs {\n    margin-top: 15px;\n  }\n}\n\n@media only screen and (max-width: 360px) {\n  .language-header {\n    padding-bottom: 60px !important;\n  }\n\n  .main {\n    .langChoice {\n      left: 0;\n      margin-left: auto;\n      top: 50px;\n      width: 30%;\n      right: 20px;\n    }\n  }\n}\n\n/**=====================\n    3.32 Internationalization CSS End\n==========================**/","/**=====================\n    3.33 Invoices CSS start\n==========================**/\n// Invoice-1\n.main-invoice-1 {\n    body {\n        font-family: Rubik, sans-serif;\n        display: block;\n        color: #000248;\n    }\n\n    .table-wrapper {\n        width: 100%;\n    }\n\n    h2 {\n        margin: 0;\n        font-weight: 500;\n        font-size: 34px;\n    }\n\n    h6 {\n        font-size: 18px;\n        font-weight: 400;\n        line-height: 1.5;\n        margin: 0;\n    }\n\n    span {\n        font-size: 16px;\n        line-height: 1.5;\n        font-weight: 400;\n    }\n\n    .banner-image {\n        margin: 13px 0 10px;\n        width: 100%;\n    }\n\n    .order-details td span {\n        margin-bottom: -4px;\n        display: block;\n    }\n\n    .order-details th:first-child,\n    .order-details td:first-child {\n        min-width: 490px;\n    }\n\n    .order-details th:nth-child(2),\n    .order-details td:nth-child(2) {\n        width: 20%;\n    }\n\n    @media (max-width: 1199px) {\n        .table-wrapper {\n            width: 930px;\n        }\n\n        .address {\n            width: 21% !important;\n        }\n    }\n}\n\n.invoice-table {\n    margin-top: 16px;\n    margin-bottom: 16px;\n}\n\n.invoice {\n    .text-right {\n        input {\n            margin-top: 6px;\n        }\n    }\n\n    .d-flex {\n        align-items: center;\n\n        @media (max-width:767px) {\n            padding-bottom: 8px;\n        }\n    }\n}\n\n/**=====================\n    3.33 Invoices CSS end\n==========================**/","/**=====================\n    3.34 Job-search CSS Start\n==========================**/\n.filter-cards-view {\n  .job-filter {\n    &:first-child {\n      margin-bottom: 20px;\n    }\n  }\n\n  .checkbox-animated {\n    margin-top: 20px;\n    margin-bottom: 20px;\n  }\n}\n\n.location-checkbox {\n  .form-check {\n    padding: 0;\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    margin-bottom: 12px;\n\n    .form-check-label {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      width: 100%;\n    }\n  }\n\n  span {\n    color: $light-text;\n    padding-left: 33px;\n\n    [dir=\"rtl\"] & {\n      padding-left: unset;\n      padding-right: 33px;\n    }\n  }\n\n  .number {\n    color: rgba($badge-light-color, 0.8);\n  }\n}\n\n.job-accordion {\n  .card {\n    margin-bottom: 20px;\n    border-radius: 5px;\n    border: none;\n  }\n\n  .btn-block {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    border-top: none;\n  }\n}\n\n.job-search {\n  p {\n    margin-top: 20px;\n  }\n\n  .d-flex {\n    .flex-grow-1 {\n      h6 {\n        margin-bottom: 3px;\n\n        span {\n          font-size: 12px;\n          color: $light-text;\n          font-weight: normal;\n\n          &.badge {\n            color: $white;\n          }\n        }\n      }\n\n      p {\n        margin-top: 0;\n        color: $light-text;\n      }\n    }\n  }\n\n  .job-description {\n    margin-top: 20px;\n\n    h6 {\n      font-weight: 500;\n      margin-bottom: 6px;\n    }\n\n    p {\n      margin-top: 0;\n      margin-bottom: 6px;\n    }\n\n    ul:not(.job-apply-wrapper .job-search .job-description ul) {\n      list-style-type: disc;\n      list-style-position: inside;\n\n      li {\n        margin-bottom: 10px;\n        color: rgba($badge-light-color, 0.8);\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n    }\n\n    .theme-form {\n      margin-top: 30px;\n      margin-bottom: 30px;\n\n      .row {\n        div[class^=\"col-\"] {\n          +div[class^=\"col-\"] {\n            .select2-container {\n              margin-top: 18px;\n            }\n          }\n\n          .input-group {\n            .datepicker-here {\n              font-size: 14px;\n              border: 1px solid $gray-60;\n              padding-top: 12px;\n              padding-bottom: 12px;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n.select2-container {\n  .select2-selection--single {\n    border-radius: 0.25rem !important;\n    border-color: $light-semi-gray;\n    height: 47px !important;\n    padding: 10px;\n  }\n}\n\n.job-pagination {\n  margin-bottom: 30px;\n\n  nav {\n    ul {\n      justify-content: flex-end;\n    }\n  }\n\n  .page-item {\n    .page-link {\n      box-shadow: unset;\n    }\n  }\n}\n\n.job-sidebar {\n  .job-accordion {\n    .card-body {\n      &.animate-chk:not(.filter-cards-view) {\n        border-radius: 0;\n\n        .form-check {\n          padding: 0;\n          display: flex;\n          justify-content: flex-start;\n          align-items: center;\n          margin-bottom: 12px;\n\n          .form-check-label {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            width: 100%;\n\n            span {\n              @media (max-width:1299px) {\n                &:first-child:not(.product-filter .product-rate span:first-child) {\n                  @include pixelstrap-ellipsis;\n                  width: 100px;\n                }\n              }\n            }\n\n            .number {\n              color: rgba($badge-light-color, 0.8);\n              @include pixelstrap-ellipsis;\n              width: 145px;\n              display: block;\n              text-align: end;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n.job-details-wrapper,\n.list-view-wrapper,\n.card-view-wrapper,\n.job-apply-wrapper {\n  .md-sidebar {\n    .md-sidebar-aside {\n      @media (max-width:1199px) and (min-width:440px) {\n        width: 365px;\n      }\n    }\n  }\n\n  .job-sidebar {\n    .job-accordion {\n      .animate-chk {\n        .form-check {\n          .form-check-label {\n            .number {\n              width: 70px;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 1366px) {\n  .xl-mt-job {\n    margin-bottom: 20px;\n  }\n}\n\n@media only screen and (max-width: 991px) {\n  .filter-cards-view {\n    padding: 20px !important;\n\n    .job-filter {\n      &:first-child {\n        margin-bottom: 20px;\n      }\n    }\n\n    .checkbox-animated {\n      margin-top: 20px;\n      margin-bottom: 20px;\n    }\n  }\n\n  .job-accordion {\n    .animate-chk {\n      padding: 20px !important;\n    }\n  }\n\n  .job-search {\n    p {\n      margin-top: 20px;\n    }\n  }\n}\n\n@media only screen and (max-width: 575px) {\n  .filter-cards-view {\n    padding: 15px !important;\n\n    .job-filter {\n      &:first-child {\n        margin-bottom: 15px;\n      }\n    }\n\n    .checkbox-animated {\n      margin-top: 15px;\n      margin-bottom: 15px;\n    }\n  }\n\n  .job-accordion {\n    .animate-chk {\n      padding: 15px !important;\n    }\n  }\n\n  .job-search {\n    p {\n      margin-top: 15px;\n    }\n\n    .d-flex {\n      display: block !important;\n      text-align: center;\n\n      .flex-grow-1 {\n        h6 {\n          .pull-right {\n            float: none;\n            margin-top: 3px;\n            display: block;\n          }\n        }\n\n        p {\n          span {\n            +span {\n              display: block;\n            }\n          }\n        }\n      }\n\n      img {\n        margin-bottom: 15px;\n      }\n\n      .m-r-20 {\n        margin-right: 20px;\n        margin-left: unset;\n      }\n    }\n\n    .job-description {\n      margin-top: 15px;\n\n      .theme-form {\n        margin-top: 15px;\n        margin-bottom: 15px;\n\n        .row {\n          div[class^=\"col-\"] {\n            +div[class^=\"col-\"] {\n              .select2-container {\n                margin-top: 2px;\n              }\n            }\n          }\n        }\n\n        .xs-mt-period {\n          margin-top: 15px;\n        }\n      }\n    }\n  }\n\n  .job-pagination {\n    margin-bottom: 15px;\n  }\n\n  .xl-mt-job {\n    margin-bottom: 15px;\n  }\n}\n\n@media only screen and (max-width: 360px) {\n  .job-search {\n    .job-description {\n      .btn {\n        padding: 6px 12px;\n      }\n    }\n  }\n}\n\n.select-date {\n  .select2-container--default {\n    .select2-selection--single {\n      .select2-selection__arrow {\n        top: 9px;\n        right: 12px;\n      }\n    }\n  }\n}\n\n.job-apply-wrapper {\n  .job-search {\n    .job-description {\n      .theme-form {\n        .dropdown-toggle {\n          height: 47px;\n          padding: 12px;\n\n        }\n      }\n    }\n  }\n\n  .job-accordion {\n    .filter-cards-view {\n      .form-check {\n        padding: 0;\n        display: flex;\n        justify-content: flex-start;\n        align-items: center;\n        margin-bottom: 12px;\n\n        .form-check-label {\n          display: flex;\n          width: 100%;\n          justify-content: space-between;\n          align-items: center;\n\n          .number {\n            color: rgba($badge-light-color, 0.8);\n          }\n        }\n      }\n    }\n  }\n}\n\n// Candidates\n.candidate-wrapper {\n  .form-select {\n    font-size: 14px;\n    color: rgba($badge-light-color, 0.8);\n  }\n\n  .card-body {\n    .common-f-start:not(.candidate-wrapper .candidates-box .common-f-start) {\n      margin-top: 42px;\n\n      @media (max-width:767px) {\n        margin-top: 23px;\n      }\n    }\n  }\n\n  .candidates-box {\n    .table-responsive {\n      .dt-container {\n        .dt-layout-row {\n          .dt-search {\n            right: 20px;\n\n            .dt-input {\n              width: auto;\n              padding: 6px;\n              border-radius: 6px;\n              opacity: 1;\n\n              &:focus {\n                &::placeholder {\n                  opacity: 0;\n                }\n              }\n            }\n\n            @media (max-width:640px) and (min-width:400px) {\n              position: absolute;\n              top: 20px;\n              left: unset;\n              right: 20px;\n            }\n\n            @media (max-width:399px) {\n              position: relative;\n              top: 20px;\n              left: 0;\n              right: unset;\n            }\n          }\n\n          &:first-child {\n            padding: 20px 20px 35px 20px;\n          }\n        }\n\n        table {\n          &.dataTable {\n\n            thead,\n            tbody {\n              tr {\n\n                th,\n                td {\n                  min-width: auto;\n                  color: var(--body-font-color);\n\n                  &:first-child {\n                    padding-left: 20px;\n                  }\n\n                  &:last-child {\n                    padding-right: 20px;\n                    min-width: 128px;\n                  }\n\n                  &:nth-child(2) {\n                    min-width: 200px;\n                  }\n\n                  &:nth-child(3) {\n                    min-width: 150px;\n                  }\n\n                  &:nth-child(4) {\n                    min-width: 200px;\n                  }\n\n                  a {\n                    color: var(--body-font-color);\n                  }\n\n                  @media (max-width:1399px) and (min-width:1200px) {\n                    &:nth-child(4) {\n                      display: none;\n                    }\n                  }\n\n                  @media (max-width:1199px) {\n                    &:nth-child(3) {\n                      min-width: 225px;\n                    }\n\n                    &:nth-child(5) {\n                      min-width: 230px;\n                    }\n                  }\n                }\n              }\n            }\n\n            tbody {\n              td {\n                padding-block: 20px;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    img {\n      height: 38px;\n    }\n\n    .status {\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n      bottom: 2px;\n      position: absolute;\n      right: 2px;\n\n      .inner-dot {\n        position: absolute;\n        left: 2px;\n        top: 2px;\n        display: block;\n        width: 100%;\n        height: 100%;\n        border-radius: 15px;\n        border: 2px solid $white;\n        box-shadow: 0 0 8px rgba($black, 0.3);\n        animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;\n      }\n\n      @keyframes pulse-dot {\n        0% {\n          transform: scale(1.1);\n        }\n\n        50% {\n          transform: scale(0.9);\n        }\n\n        100% {\n          transform: scale(1.1);\n        }\n      }\n    }\n\n    .common-f-start {\n      gap: 10px;\n      margin-top: 4px;\n\n      .attachment {\n        color: rgba($badge-light-color, 0.8);\n        margin-top: 5px;\n        font-size: 12px;\n        background: $light-gray;\n        display: inline-block;\n        padding: 2px 8px;\n        border-radius: 30px;\n\n        i {\n          margin-right: 4px;\n        }\n      }\n\n      // .status {\n      //   @include pixelstrap-flex(flex, flex-start, center);\n      //   gap: 6px;\n\n      //   [class*=\"dot-\"] {\n      //     width: 8px;\n      //     height: 8px;\n      //     border-radius: 50%;\n      //   }\n\n      //   span {\n      //     color: currentColor;\n      //   }\n      // }\n    }\n\n    .candidate-desc {\n      h6 {\n        margin-bottom: 6px;\n      }\n\n      li {\n        p {\n          margin-bottom: 0;\n          color: rgba($badge-light-color, 0.8);\n        }\n\n        span {\n          color: $badge-light-color;\n          font-weight: 500;\n        }\n\n        &:last-child {\n          margin-top: 2px;\n        }\n      }\n    }\n\n    .candidate-skill {\n      li {\n        .common-flex {\n          gap: 8px;\n        }\n      }\n\n      .badge {\n        +.badge {\n          margin: 0;\n        }\n      }\n\n      p {\n        color: rgba($badge-light-color, 0.8);\n      }\n\n      span:not(.badge) {\n        color: $badge-light-color;\n        font-weight: 500;\n      }\n    }\n\n    .educations {\n      p {\n        margin-bottom: 0;\n        color: rgba($badge-light-color, 0.8);\n      }\n\n      li {\n        margin-bottom: 12px;\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n\n        h6 {\n          margin-bottom: 6px;\n        }\n      }\n    }\n\n    .badge {\n      padding: 6px 10px;\n      font-size: 12px;\n    }\n\n    .btn {\n      padding: calc(4px + (8 - 4) * ((100vw - 320px) / (1920 - 320))) calc(8px + (12 - 8) * ((100vw - 320px) / (1920 - 320)));\n    }\n  }\n}\n\n// Companies\n.company-box {\n  text-align: center;\n\n  svg {\n    width: calc(30px + (60 - 30) * ((100vw - 320px) / (1920 - 320)));\n    height: 40px;\n  }\n\n  .company-name {\n    .main-star-rating {\n      margin: 10px 0 6px 0;\n\n      .common-flex {\n        gap: 2px;\n      }\n\n      i {\n        font-size: 14px;\n      }\n    }\n\n    .company-desc {\n      padding: 10px 0 16px 0;\n      border-top: 1px dashed $light-gray;\n      margin-top: 10px;\n\n      p {\n        color: $theme-body-sub-title-color;\n        line-height: 1.5;\n        @include multi-line-ellipsis(2, auto, vertical, hidden);\n      }\n    }\n\n    .company-category {\n      display: inline-block;\n      padding: 3px 6px;\n      border-radius: 8px;\n      font-size: 13px;\n\n      i {\n        margin-right: 8px;\n        vertical-align: middle;\n\n        [dir=\"rtl\"] & {\n          margin-right: unset;\n          margin-left: 8px;\n          transform: scaleX(1);\n        }\n      }\n    }\n  }\n\n}\n\n.filter-companies {\n  .accordion-item {\n    border-radius: 6px;\n    border: none;\n\n    +.accordion-item {\n      margin-top: 16px;\n\n    }\n\n    .accordion-header {\n      .accordion-button {\n        background-color: rgba($primary-color, 0.1);\n        color: var(--theme-default);\n        font-weight: 500;\n        padding: 12px 16px;\n        justify-content: space-between;\n        border-radius: 6px;\n        font-size: 16px;\n        transition: all 0.4s ease;\n\n        &.collapsed {\n          background-color: $main-body-color;\n          color: $theme-font-color;\n          transition: all 0.4s ease;\n        }\n\n        &::after {\n          content: unset;\n        }\n\n        svg {\n          position: unset;\n          inset: 0;\n        }\n      }\n    }\n\n    .accordion-body {\n      padding: 16px 14px 0;\n    }\n\n    .product-filter {\n      label {\n        cursor: pointer;\n        color: $theme-body-font-color;\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n    }\n  }\n}\n\n// Companies\n.main-companies {\n  .filter-companies {\n    .accordion {\n      .accordion-item {\n        .product-filter {\n          .form-check {\n            .form-check-label {\n              span {\n                @media (max-width:1299px) {\n                  &:first-child:not(.product-filter .product-rate span:first-child) {\n                    @include pixelstrap-ellipsis;\n                    width: 145px;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @media (max-width:1199px) {\n    .md-sidebar {\n      .card {\n        margin: 0;\n        border-radius: 0;\n      }\n\n      .md-sidebar-aside {\n        width: calc(295px + (325 - 295) * ((100vw - 320px) / (1920 - 320)));\n        padding: 0;\n      }\n    }\n  }\n}\n\n/**=====================\n    3.34 Job-search CSS End\n==========================**/","/**=====================\n  3.35 Jsgrid CSS Start\n==========================**/\n.jsgrid {\n  .jsgrid-grid-body {\n    .jsgrid-cell {\n      padding: 0.75rem;\n    }\n  }\n\n  .jsgrid-pager-container {\n    text-align: right;\n  }\n\n  .jsgrid-pager {\n    padding: 0;\n    margin-top: 20px;\n\n    .jsgrid-pager-nav-inactive-button {\n      margin-right: -5px;\n\n      &:first-child {\n        border-radius: 5px 0 0 5px;\n      }\n    }\n\n    .jsgrid-pager-page {\n      &~.jsgrid-pager-nav-button {\n        margin-left: -5px;\n\n        &:last-child {\n          border-radius: 0 5px 5px 0;\n        }\n      }\n    }\n\n    [class*=\"jsgrid-pager\"] {\n      display: inline-block;\n      min-width: 1.5em;\n      padding: 0.5em 1em;\n      border: 1px solid $light-color;\n    }\n\n    .jsgrid-pager-page {\n      a {\n        color: $dark-color;\n      }\n    }\n\n    .jsgrid-pager-current-page {\n      color: $dark-color;\n    }\n  }\n\n  .jsgrid-selected-row {\n    >.jsgrid-cell {\n      background: $light-color;\n      border-color: $auth-bg-color;\n    }\n  }\n\n  .jsgrid-header-row {\n    >.jsgrid-header-cell {\n      padding: 0.75rem;\n      font-weight: 500;\n    }\n  }\n}\n\n/**=====================\n  3.35 Jsgrid CSS Ends\n==========================**/","/**=====================\n    3.36 Editors CSS Start\n==========================**/\n\n#editor6 {\n    &.ql-bubble {\n        .ql-tooltip {\n            background-color: var(--body-font-color);\n            padding: 12px;\n\n            &:not(.ql-flip) {\n                .ql-tooltip-arrow {\n                    border-bottom: 6px solid var(--body-font-color);\n                }\n            }\n        }\n\n        .ql-tooltip-editor {\n            input[type=text] {\n                color: var(--white);\n            }\n        }\n    }\n\n    #toolbar6 {\n        .ql-formats {\n            margin: 8px 8px 8px -3px;\n\n            .ql-stroke,\n            .ql-fill {\n                stroke: var(--white);\n            }\n        }\n    }\n}\n\n.ql-formats {\n    .ql-picker-label {\n        &::before {\n            color: $dark-body-background;\n\n        }\n\n        svg {\n            .ql-stroke {\n                stroke: var(--body-font-color) !important;\n            }\n\n            [dir=\"rtl\"] & {\n                right: unset !important;\n                left: 0;\n            }\n        }\n    }\n\n    .ql-script,\n    .ql-stroke {\n        stroke: var(--body-font-color);\n    }\n}\n\n.ql-editor {\n    ol {\n        [dir=\"rtl\"] & {\n            padding-left: unset !important;\n            padding-right: 24px;\n        }\n\n        li {\n            &:not(.ql-direction-rtl)::before {\n                [dir=\"rtl\"] & {\n                    margin-left: unset;\n                    margin-right: unset;\n                }\n            }\n        }\n    }\n\n    ul {\n        [dir=\"rtl\"] & {\n            padding-left: unset !important;\n            padding-right: 24px;\n        }\n\n        li {\n            &:not(.ql-direction-rtl)::before {\n                [dir=\"rtl\"] & {\n                    margin-left: unset;\n                    margin-right: unset;\n                }\n            }\n        }\n    }\n}\n\n.quill-paragraph {\n    p {\n        color: var(--body-font-color);\n    }\n\n    ol,\n    ul {\n        li {\n            color: var(--body-font-color);\n        }\n    }\n}\n\n.ql-toolbar {\n    &.ql-snow {\n        button {\n            &.ql-active {\n                svg {\n                    .ql-stroke {\n                        stroke: var(--theme-default);\n                    }\n\n                    .ql-fill {\n                        fill: var(--theme-default);\n                    }\n                }\n            }\n        }\n\n        .ql-formats {\n\n            .ql-script,\n            .ql-header,\n            .ql-video,\n            .ql-picker-label,\n            .ql-blockquote,\n            .ql-strike {\n                &:hover {\n                    color: var(--theme-default);\n                    stroke: var(--theme-default);\n\n                    .ql-fill {\n                        fill: var(--theme-default);\n                    }\n                }\n            }\n\n            .ql-picker-options {\n                .ql-picker-item {\n\n                    &:hover,\n                    &.ql-selected {\n                        color: var(--theme-default);\n                    }\n                }\n            }\n\n            .ql-video {\n                &:hover {\n                    .ql-fill {\n                        fill: var(--theme-default);\n                    }\n                }\n            }\n\n            .ql-align {\n                &:hover {\n                    .ql-stroke {\n                        stroke: var(--theme-default);\n                    }\n                }\n            }\n\n            .ql-clean {\n                &:hover {\n                    .ql-stroke {\n                        stroke: var(--theme-default);\n                    }\n\n                    .ql-fill {\n                        fill: var(--theme-default);\n                    }\n                }\n            }\n\n            .ql-header {\n                .ql-stroke {\n                    stroke: var(--theme-default);\n                }\n            }\n\n            .ql-picker-label {\n                &:hover {\n\n                    .ql-color-label,\n                    .ql-stroke {\n                        stroke: var(--theme-default);\n                    }\n                }\n            }\n\n            .ql-blockquote {\n                &:hover {\n                    .ql-fill {\n                        fill: var(--theme-default);\n                        stroke: var(--theme-default);\n                    }\n                }\n            }\n\n            .ql-code-block {\n                &:hover {\n                    color: var(--theme-default);\n\n                    .ql-even,\n                    .ql-stroke {\n                        stroke: var(--theme-default);\n                    }\n                }\n            }\n\n            .ql-size {\n                &.ql-picker {\n                    .ql-picker-label {\n                        border-color: var(--white);\n                    }\n\n                    .ql-picker-options {\n                        border-color: var(--white);\n                        background-color: var(--white);\n\n                        .ql-picker-item {\n                            &::before {\n                                color: var(--body-font-color);\n                            }\n\n                            &:hover {\n                                &::before {\n                                    color: var(--theme-default);\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n/**=====================\n    3.36 Editors CSS End\n==========================**/","/**=====================\n  3.37 Kanban CSS start\n==========================**/\n.jkanban-container {\n\n  .note {\n    a {\n      display: contents;\n    }\n  }\n\n  .common-f-start {\n    flex-wrap: wrap;\n    gap: 10px;\n    padding: 0;\n\n    .btn {\n      text-align: left;\n    }\n  }\n\n  .kanban-container {\n    .kanban-title-board {\n      font-weight: 500;\n      font-size: 17px;\n    }\n\n    footer {\n      padding: 0;\n\n      .btn {\n        width: 100%;\n        padding: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320)));\n        letter-spacing: 1.2px;\n        border-radius: 0;\n\n        &::before {\n          content: \"\\2b\";\n          font-family: $font-awesome;\n          padding-right: 8px;\n\n          [dir=\"rtl\"] & {\n            padding-right: unset;\n            padding-left: 8px;\n          }\n        }\n\n        &:hover {\n          background-color: var(--light-background);\n        }\n\n        &:active {\n          border-color: $transparent-color;\n        }\n      }\n    }\n  }\n}\n\n.kanban-board-header {\n  height: auto;\n  width: auto;\n  line-height: unset;\n  background: rgba($main-body-color, 0.9);\n  border-bottom: 1px solid $ps-light-border;\n  ;\n\n  &.bg-primary {\n    &~.kanban-drag {\n      background-color: rgba($primary-color, 0.3) !important;\n    }\n  }\n  &.bg-secondary {\n    &~.kanban-drag {\n      background-color: rgba($secondary-color, 0.3) !important;\n    }\n  }\n  &.bg-warning {\n    &~.kanban-drag {\n      background-color: rgba($warning-color, 0.3) !important;\n    }\n  }\n\n  &.bg-success {\n    &~.kanban-drag {\n      background-color: rgba($success-color, 0.3) !important;\n    }\n  }\n}\n\n.kanban-container {\n  display: contents;\n\n  footer {\n    padding: 12px 6px;\n    text-align: center;\n\n    .btn {\n      margin-bottom: 0;\n    }\n  }\n}\n\n.kanban-board {\n  margin-bottom: 20px;\n  transition: all 0.3s ease;\n  letter-spacing: 0.5px;\n  border-radius: 8px;\n  box-shadow: 1px 5px 24px 0 rgba($primary-color, 0.05);\n  overflow: hidden;\n  width: calc(100% / 4 - 30px) !important;\n  cursor: pointer;\n\n  @media (max-width:1500px) and (min-width:768px) {\n    width: calc(100% / 2 - 30px) !important;\n  }\n\n  @media (max-width:767px) {\n    width: calc(100% / 1 - 30px) !important;\n  }\n\n  @media (max-width:575px) {\n    width: calc(100% / 1 - 20px) !important;\n  }\n\n  .kanban-drag {\n    background: rgba($main-body-color, 0.9);\n\n    .itemform {\n      .form-group {\n        &:last-child {\n          padding-top: 12px;\n        }\n      }\n    }\n  }\n}\n\n.kanban-item {\n  margin-bottom: 20px;\n  border: 1px solid var(--chart-progress-light);\n  border-radius: 5px;\n  padding: 18px;\n  position: relative;\n  display: block;\n  background-color: $white;\n\n  .kanban-box {\n    .badge {\n      line-height: 1.7;\n    }\n  }\n\n  p {\n    opacity: 0.7;\n  }\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n\n  .list {\n    display: inline-block;\n    opacity: 0.4;\n\n    li {\n      display: inline-block;\n      font-size: 12px;\n\n      i {\n        margin-right: 10px;\n      }\n\n      +li {\n        border-left: 1px dotted $dark-gray;\n        padding-left: 6px;\n        margin-left: 6px;\n\n        [dir=\"rtl\"] & {\n          border-left: unset;\n          border-right: 1px dotted $dark-gray;\n          padding-left: unset;\n          padding-right: 6px;\n          margin-left: unset;\n          margin-right: 6px;\n        }\n      }\n    }\n  }\n\n  .common-f-start {\n    li {\n      [class*=\"bg-lighter-\"] {\n        font-size: 12px;\n      }\n\n      +li {\n        margin-left: -22px;\n\n        [dir=\"rtl\"] & {\n          margin-left: unset;\n          margin-right: -22px;\n        }\n      }\n    }\n  }\n\n  .kanban-box {\n\n    &+.kanban-box {\n      margin-top: 20px;\n    }\n\n    .common-align {\n      img {\n        height: calc(34px + (40 - 34) * (100vw - 320px) / (1920 - 320));\n      }\n    }\n\n    .badge {\n      font-weight: 400;\n    }\n\n    h6 {\n      margin: 10px 0 10px;\n      @include pixelstrap-ellipsis;\n    }\n\n    .dropdown {\n      display: inline-block;\n      right: 10px;\n      position: absolute;\n      top: 20px;\n\n      .dropdown-item {\n        font-size: 13px;\n        font-weight: 500;\n        padding: 5px 10px;\n        text-align: left;\n      }\n\n      svg {\n        height: 14px;\n      }\n    }\n\n    .d-flex {\n      justify-content: space-between;\n      align-items: center;\n      flex-wrap: wrap;\n      align-items: flex-start;\n\n      @media (max-width:1636px) {\n        flex-wrap: wrap;\n        flex-direction: column;\n        gap: 10px;\n      }\n    }\n\n    .dropdown-toggle {\n      &:after {\n        content: none;\n      }\n    }\n\n    .customers ul li+li {\n      margin-left: -10px;\n    }\n\n    .date {\n      color: rgba($badge-light-color, 0.8);\n    }\n  }\n}\n\nfooter {\n  margin: 0;\n  padding: 0;\n}\n\n@media only screen and (max-width: 600px) {\n\n  .kanban-board .kanban-drag {\n    padding: 10px 15px;\n  }\n\n  .kanban-container .kanban-board {\n    margin-left: 10px !important;\n    margin-right: 10px !important;\n  }\n}\n\n@media only screen and (max-width: 480px) {\n  .jkanban-container {\n    .card-body {\n      padding: 20px 15px !important;\n    }\n  }\n\n  .kanban-board .kanban-drag {\n    padding: 10px 15px;\n  }\n}\n\n/**=====================\n   3.37 Kanban CSS ends\n==========================**/","/**=====================\n    3.38 Knowledgebase CSS start\n==========================**/\n.browse {\n  .browse-articles {\n\n    h6 {\n      line-height: 1.6;\n    }\n\n    span {\n      vertical-align: middle;\n\n      &:nth-child(2) {\n        padding-left: 20px;\n\n        [dir=\"rtl\"] & {\n          padding-left: unset;\n          padding-right: 20px;\n        }\n      }\n\n      svg {\n        width: 14px;\n        height: 14px;\n        vertical-align: text-top;\n        position: absolute;\n        left: 0;\n        top: 2px;\n\n        [dir=\"rtl\"] & {\n          left: unset;\n          right: 0;\n        }\n      }\n    }\n\n    h6 {\n      padding-bottom: 10px;\n      margin-bottom: 0px;\n      border-bottom: 1px solid $light-gray;\n      padding-left: 25px;\n\n      [dir=\"rtl\"] & {\n        padding-left: unset;\n        padding-right: 25px;\n      }\n\n      span {\n        svg {\n          @include pixelstrap-size(16px, 16px);\n          vertical-align: text-top;\n          top: 4px;\n          left: 7px;\n\n          [dir=\"rtl\"] & {\n            left: unset;\n            right: 7px;\n          }\n        }\n      }\n    }\n\n    ul {\n      li {\n        padding: 8px;\n        border-radius: 8px;\n\n        a {\n          color: $theme-body-font-color;\n          position: relative;\n          display: flex;\n          align-items: center;\n          gap: 10px;\n        }\n\n        &:hover {\n          background-color: $light;\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 1366px) {\n  .browse {\n    div[class^=\"col-\"] {\n      &:nth-child(3) {\n        margin-top: 30px;\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 360px) {\n  .browse {\n    .browse-articles {\n      ul {\n        li {\n          a {\n            span {\n              &:nth-child(2) {\n                width: 158px;\n                @include pixelstrap-ellipsis;\n                display: inline-block;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n.badge {\n  &.pull-right {\n    padding-top: 4px;\n  }\n}\n\n.articles-icons {\n\n  svg {\n    min-width: 18px;\n  }\n}\n\n\n.d-flex {\n  &.faq-widgets {\n    .flex-grow-1 {\n      flex: 1;\n    }\n  }\n}\n\n/**=====================\n    3.38 Knowledgebase CSS End\n==========================**/","/**==cursor==**/\n/**==tap-top==**/\n.tap-top {\n    text-align: center;\n    cursor: pointer;\n    display: none;\n    width: 40px;\n    height: 40px;\n    border-radius: 100%;\n    position: fixed;\n    bottom: 30px;\n    right: 30px;\n    z-index: 5;\n    color: #fff;\n    background: var(--theme-default);\n    border: none;\n    padding: 7px;\n    box-shadow: 0 0 10px var(--theme-default);\n    opacity: 0.5;\n    transition: all 0.3s ease;\n\n    &:hover {\n        transition: all 0.3s ease;\n        opacity: 1;\n    }\n\n    svg {\n        width: 20px;\n    }\n}\n.progress-wrap {\n    position: fixed;\n    right: 30px;\n    bottom: 30px;\n    height: 46px;\n    width: 46px;\n    cursor: pointer;\n    display: block;\n    border-radius: 50px;\n    box-shadow: inset 0 0 0 2px rgba($primary-color, 0.1);\n    z-index: 10000;\n    opacity: 0;\n    visibility: hidden;\n    transform: translateY(15px);\n    -webkit-transition: all 200ms linear;\n    transition: all 200ms linear;\n    &.active-progress {\n        opacity: 1;\n        visibility: visible;\n        transform: translateY(0);\n    }\n    &::after {\n        position: absolute;\n        font-family: 'FontAwesome';\n        font-weight: 600;\n        content: '\\f106';\n        text-align: center;\n        line-height: 46px;\n        font-size: 24px;\n        color: $primary-color;\n        left: 0;\n        top: 0;\n        height: 46px;\n        width: 46px;\n        cursor: pointer;\n        display: block;\n        z-index: 1;\n        transition: all 200ms linear;\n    }\n    &:hover {\n        &::after {\n            opacity: 0;\n        }\n        &::before {\n            opacity: 1;\n        }\n    }\n    &::before {\n        position: absolute;\n        font-family: 'FontAwesome';\n        content: '\\f106';\n        font-weight: 600;\n        text-align: center;\n        line-height: 46px;\n        font-size: 24px;\n        opacity: 0;\n        background: $primary-color;\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        left: 0;\n        top: 0;\n        height: 46px;\n        width: 46px;\n        cursor: pointer;\n        display: block;\n        z-index: 2;\n        transition: all 200ms linear;\n    }\n    svg {\n        path {\n            fill: none;\n        }\n    }\n    svg.progress-circle {\n        path {\n            stroke: rgba($primary-color, 0.4);\n            stroke-width: 4;\n            box-sizing: border-box;\n            -webkit-transition: all 200ms linear;\n            transition: all 200ms linear;\n        }\n    }\n}\n/**==comman==**/\n.landing-page {\n    .section-py-space {\n        padding-top: 70px;\n        padding-bottom: 70px;\n    }\n    .fluid-space {\n        padding: 0 calc(100px + (70 - 10) * ((100vw - 300px) / (1920 - 300)));\n        @media (max-width: 1399px) {\n            padding: 0 80px;\n        }\n        @media (max-width: 575px) {\n            padding: 0 50px;\n        }\n        @media (max-width: 480px) {\n            padding: 0 35px;\n        }\n    }\n    .title {\n        position: relative;\n        .main-title {\n            color: $primary-color;\n            text-align: center;\n            font-weight: 700;\n            font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));\n            &::before {\n                position: absolute;\n                bottom: 0;\n                width: 51px;\n                height: 5px;\n                border-radius: 10px;\n                content: \"\";\n                background-color: $secondary-color;\n                left: 50%;\n                margin-left: -30px;\n            }\n            .description-title {\n                font-size: calc(18px + (40 - 18) * ((100vw - 320px) / (1920 - 320)));\n                color: $theme-font-color;\n                margin-top: 5px;\n                text-transform: capitalize;\n                padding-bottom: 10px;\n                font-weight: 700;\n                display: block;\n                margin-bottom: 38px;\n                line-height: 1.3;\n            }\n        }\n    }\n    .dark-bg {\n        // background: $dark-body-background;\n        background: linear-gradient(179.96deg, #1D1D1D -10.51%, #4E4E4E 97.21%);\n        .title {\n            .description-title {\n                color: rgba($white, 0.8);\n            }\n        }\n    }\n}\n/**==header==**/\n.landing-header {\n    padding: 16px 120px;\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    z-index: 10;\n    background-color: transparent;\n    transition: all 0.5s ease-in-out;\n    @media (max-width: 1700px) {\n        padding: 10px 40px;\n    }\n    @media (max-width: 1500px) {\n        padding: 10px 0;\n    }\n    .fluid-space {\n        @media (max-width: 480px) {\n            padding: 0 20px;\n        }\n    }\n    .navbar-brand {\n        @media (max-width: 767px) {\n            padding: 0;\n        }\n        img {\n            @media (max-width: 380px) {\n                width: 90px;\n            }\n        }\n    }\n    &.sticky {\n        background: $dark-body-background;\n        transition: all 0.5s ease-in-out;\n    }\n    .navbar-light {\n        background: #FFFFFF0F;\n        border: 2px solid #D6D6D629;\n        border-radius: 12px;\n        padding: 14px 20px;\n        @media (max-width: 350px) {\n            padding: 14px 16px;\n        }\n    }\n    ul.landing-menu {\n        @media (max-width: 991px) {\n            z-index: 1;\n            position: fixed;\n            top: 0;\n            right: -320px;\n            width: 300px;\n            height: 100vh;\n            background-color: $white;\n            display: block;\n            transition: all 0.5s ease;\n        }\n        &.open {\n            right: 0;\n        }\n        li.nav-item {\n            &.menu-back {\n                border-bottom: 1px solid #ebebeb;\n                padding: 22px 20px;\n                text-align: right;\n                text-transform: uppercase;\n                font-weight: 700;\n                font-size: calc(14px + (35 - 33) * ((100vw - 300px) / (1920 - 300)));\n                display: none;\n                cursor: pointer;\n                margin-bottom: 15px;\n                @media (max-width: 991px) {\n                    display: block;\n                }\n                i {\n                    font-size: calc(14px + (35 - 33) * ((100vw - 300px) / (1920 - 300)));\n                    margin-left: 10px;\n                }\n            }\n            a.nav-link {\n                color: $white;\n                padding: 0 16px;\n                font-size: calc(12px + (16 - 12) * ((100vw - 300px) / (1920 - 300)));\n                font-weight: 600;\n                text-transform: capitalize;\n                transition: all 0.4s;\n                &:hover {\n                    color: $secondary-color;\n                    font-weight: 600;\n                }\n                @media (max-width: 1199px) {\n                    padding: 0 6px;\n                }\n                @media (max-width: 991px) {\n                    color: $theme-font-color;\n                    padding: 10px 20px;\n                }\n            }\n        }\n    }\n    .buy-block {\n        display: flex;\n        align-items: center;\n        .btn-header {\n            padding: 12px 38px;\n            line-height: 1;\n            font-weight: 600;\n            background-color: $primary-color;\n            color: $white;\n            font-size: 16px;\n            text-transform: uppercase;\n            display: flex;\n            align-items: center;\n            width: fit-content;\n            border-radius: 8px;\n            box-shadow: 0px 1.922px 1.537px 0px rgba($primary-color, 0.03), 0px 4.618px 3.694px 0px rgba($primary-color, 0.05), 0px 8.695px 6.956px 0px rgba($primary-color, 0.06), 0px 29.012px 23.21px 0px rgba($primary-color, 0.09);\n            @media (max-width: 991px) {\n                padding: 10px 25px;\n            }\n            @media (max-width: 1199px) {\n                padding: 10px 20px;\n            }\n            @media (max-width: 767px) {\n                padding: 6px 8px;\n                font-size: 14px;\n            }\n        }\n        .toggle-menu {\n            margin-left: 20px;\n            display: none;\n            cursor: pointer;\n            @media (max-width: 991px) {\n                display: block;\n            }\n            @media (max-width: 480px) {\n                margin-left: 10px;\n            }\n            i {\n                font-size: 20px;\n                color: $white;\n                vertical-align: sub;\n            }\n        }\n    }\n}\n/**==home_section==**/\n.landing-home {\n    background: linear-gradient(179.96deg, #1D1D1D -10.51%, #4E4E4E 97.21%);\n    overflow: hidden;\n    position: relative;\n    .bottom-shape {\n        background-image: url(../images/landing/bottom-shape.png);\n        position: absolute;\n        left: 0;\n        right: 0;\n        bottom: -15px;\n        content: \"\";\n        width: 100%;\n        height: 154px;\n        background-repeat: no-repeat;\n        background-size: cover;\n        background-position: center;\n        z-index: 3;\n        @media (max-width: 767px) {\n            bottom: -85px;\n        }\n        @media (max-width: 480px) {\n            bottom: -45px;\n        }\n    }\n    .landing-center {\n        .main-content-home {\n            padding-block: 150px;\n            text-align: center;\n            @media (max-width: 1399px) {\n                text-align: center;\n            }\n        }\n        .preview-images {\n            position: relative;\n            text-align: center;\n            margin-top: 45px;\n            margin-bottom: -155px;\n            // width: fit-content;\n            z-index: 1;\n            @media (max-width: 767px) {\n                display: none;\n            }\n        }\n        .main-buttons {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 15px;\n            margin-top: 25px;\n            @media (max-width: 1399px) {\n                justify-content: center;\n            }\n            @media (max-width: 390px) {\n                flex-direction: column;\n            }\n            .btn-warning {\n                padding: 12px 20px;\n                font-size: 16px;\n                font-weight: 700;\n                letter-spacing: unset;\n                text-transform: uppercase;\n                color: $theme-body-font-color;\n                transition: all 0.5s ease;\n                border-radius: 10px;\n                box-shadow: 0px 1.922px 1.537px 0px rgba($warning-color, 0.03), 0px 4.618px 3.694px 0px rgba($warning-color, 0.05), 0px 8.695px 6.956px 0px rgba($warning-color, 0.06), 0px 29.012px 23.21px 0px rgba($warning-color, 0.09);\n                &:hover {\n                    color: $theme-body-font-color !important;\n                }\n                @media (max-width: 767px) {\n                    padding: 6px 14px;\n                }\n            }\n            .btn-secondary {\n                padding: 12px 20px;\n                font-size: 16px;\n                font-weight: 700;\n                letter-spacing: unset;\n                text-transform: uppercase;\n                color: $theme-body-font-color;\n                transition: all 0.5s ease;\n                border-radius: 10px;\n                box-shadow: 0px 1.922px 1.537px 0px rgba($secondary-color, 0.03), 0px 4.618px 3.694px 0px rgba($secondary-color, 0.05), 0px 8.695px 6.956px 0px rgba($secondary-color, 0.06), 0px 29.012px 23.21px 0px rgba($secondary-color, 0.09);\n                @media (max-width: 767px) {\n                    padding: 6px 14px;\n                }\n            }\n        }\n        .title-content {\n            .main-text {\n                border: 1px solid #555555;\n                width: fit-content;\n                padding: 9px 15px;\n                margin-inline: auto;\n                position: relative;\n                .box-1 {\n                    &::before , &::after{\n                        content: '';\n                        position: absolute;\n                        height: 9px;\n                        width: 9px;\n                        bottom: -5px;\n                        left: -5px;\n                        background-color: #555555;\n                    }\n                    &::after {\n                        top: -5px;\n                        left: -5px;\n                    }\n                }\n                .box-2 {\n                    &::before , &::after{\n                        content: '';\n                        position: absolute;\n                        height: 9px;\n                        width: 9px;\n                        bottom: -5px;\n                        right: -5px;\n                        background-color: #555555;\n                    }\n                    &::after {\n                        top: -5px;\n                        right: -5px;\n                    }\n                }\n                h1 {\n                    color: $white;\n                    font-size: calc(24px + (35 - 14) * ((100vw - 320px) / (1920 - 320)));\n                    font-weight: 600;\n                    position: relative;\n                    line-height: 60.62px;\n                    text-transform: uppercase;\n                    @media (max-width: 767px) {\n                        line-height: 1.3;\n                        margin-top: 0;\n                    }                 \n                    span {\n                        color: $warning-color;\n                        position: relative;\n                        font-weight: 800;\n                        margin-left: 5px;\n                        &.typed-cursor {\n                            margin-right: 5px;\n                        }\n                    }\n                }\n            }\n            p {\n                font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));\n                padding-top: 10px;\n                color: $white;\n                opacity: 0.8;\n                margin-inline: auto;\n                width: 40%;\n                font-weight: 400;\n                line-height: 31.58px;\n                @media (max-width: 1399px) {\n                    padding-top: 25px;\n                    width: 50%;\n                    margin: 0 auto;\n                }\n                @media (max-width: 1006px) {\n                    width: 70%;\n                }\n                @media (max-width: 991px) {\n                    width: 100%;\n                }\n                @media (max-width: 767px) {\n                    line-height: unset;\n                }\n            }\n        }\n        .card-1 {\n            position: absolute;\n            top: 64%;\n            right: 35%;\n            z-index: 1;\n            animation: up-down 6s infinite;\n            @media (max-width: 1050px) {\n                display: none;\n            }\n        }\n        .card-2 {\n            position: absolute;\n            top: 25%;\n            right: 0%;\n            z-index: 1;\n            border-radius: 10px;\n            animation: up-down 6s infinite;\n            @media (max-width: 1699px) {\n                right: -10%;\n            }\n            @media (max-width: 1340px) {\n                display: none;\n            }\n        }\n        .card-3 {\n            position: absolute;\n            top: 0;\n            right: 0;\n            border-radius: 10px;\n            animation: up-down 5s infinite;\n            z-index: 1;\n            @media (max-width: 1340px) {\n                display: none;\n            }\n        }\n        .card-4 {\n            position: absolute;\n            top: 0;\n            left: 0;\n            border-radius: 10px;\n            animation: up-down 5s infinite;\n            z-index: 1;\n            @media (max-width: 1699px) {\n                top: -7%;\n            }\n            @media (max-width: 1340px) {\n                display: none;\n            }\n        }\n        .card-5 {\n            position: absolute;\n            top: 45%;\n            left: 0;\n            border-radius: 10px;\n            animation: up-down 5s infinite;\n            z-index: 1;\n            @media (max-width: 1699px) {\n                right: -2%;\n            }\n            @media (max-width: 1050px) {\n                display: none;\n            }\n        }\n        .elements-1 {\n            position: absolute;\n            top: 20%;\n            right: 20%;\n            animation: arrow-square 4s linear infinite;\n            @media (max-width: 1199px) {\n                right: 13%;\n            }\n            @media (max-width: 1050px) {\n                display: none;\n            }\n        }\n    }\n}\n/**==demo_section==**/\n.demo-section {\n    .demo-block {\n        justify-content: center;\n        .demo-box {\n            background-color: rgba($primary-color, 0.06);\n            padding: 0px 21px 20px;\n            border-radius: 10px;\n            .layout-name {\n                padding: 18px 0px 18px 0px;\n                gap: 10px;\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                .demo-img {\n                    .dot-group {\n                        display: flex;\n                        align-items: center;\n                        justify-content: center;\n                        gap: 5px;\n                        li {\n                            height: 10px;\n                            width: 10px;\n                            border-radius: 100%;\n                            opacity: 0.5;\n                            &:first-child {\n                                background-color: $primary-color;\n                            }\n                            &:nth-child(2) {\n                                background-color: $secondary-color;\n                            }\n                            &:last-child {\n                                background-color: $success-color;\n                            }\n                        }\n                    }\n                }\n                a {\n                    font-size: calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320)));\n                    font-weight: 600;\n                    line-height: 1.2;\n                    text-overflow: ellipsis;\n                    overflow: hidden;\n                    display: -webkit-box !important;\n                    -webkit-line-clamp: 1;\n                    -webkit-box-orient: vertical;\n                    white-space: normal;\n                }\n            }\n            .img-wrraper {\n                position: relative;\n                box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);\n                border-radius: 15px;\n                overflow: hidden;\n                transition: all 0.5s ease;\n                background-color: $white;\n                &::before {\n                    content: \"\";\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    height: 0;\n                    width: 100%;\n                    background-color: rgba(0, 102, 102, 0.09);\n                    z-index: 2;\n                    transition: all 0.5s ease;\n                }\n                img {\n                    transition: all 0.5s ease;\n                    width: 100%;\n                    padding: 6px;\n                    border-radius: 10px;\n                }\n            }\n            &:hover {\n                .img-wrraper {\n                    transition: all 0.5s ease;\n                    box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);\n                }\n            }\n        }\n    }\n}\n/**==framework_section==**/\n.framework-section {\n    scroll-behavior: smooth;\n    overflow: hidden;\n    background-color: rgba($primary-color, 0.06);\n    .framework-content {\n        .framework-box {\n            transition: all 0.5s;\n            background: $white;\n            border: 2px solid $white;\n            border-radius: 10px;\n            padding: 16px 25px;\n            position: relative;\n            display: flex;\n            flex-direction: column;\n            align-items: start;\n            justify-content: start;\n            transition: all 0.5s;\n            @media (max-width: 767px) {\n                padding: 12px 15px;\n            }\n            .framework-icon {\n                width: 50px;\n                height: 50px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                position: absolute;\n                border-radius: 17px;\n                top: -20px;\n                left: 22px;\n                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1),\n                    0 6px 20px rgba(0, 0, 0, 0.1);\n                transition: box-shadow 0.3s ease;\n                overflow: hidden;\n                @media (max-width: 767px) {\n                    width: 45px;\n                    height: 45px;\n                }\n                div {\n                    height: 45px;\n                    width: 45px;\n                    border-radius: 17px;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    background-color: rgba($primary-color, 0.06);\n                    img {\n                        transition: transform 0.3s ease, opacity 0.3s ease;\n                        width: 25px;\n                        height: 25px;\n                    }\n                }\n                &:hover {\n                    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2),\n                        0 10px 24px rgba(0, 0, 0, 0.2);\n                    img {\n                        transform: scale(1.1);\n                        opacity: 0.9;\n                    }\n                }\n            }\n            h5 {\n                padding-bottom: 11px;\n                text-transform: capitalize;\n                font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));\n                font-weight: 600;\n                text-align: left;\n                color: $theme-font-color;\n                margin-top: 35px;\n                @media (max-width: 767px) {\n                    margin-top: 25px;\n                }\n            }\n            p {\n                font-weight: 400;\n                font-size: calc(13px + (15 - 13) * ((100vw - 320px) / (1920 - 320)));\n                color: $theme-body-sub-title-color;\n                @media (max-width: 1820px) {\n                    text-overflow: ellipsis;\n                    -webkit-line-clamp: 3;\n                    -webkit-box-orient: vertical;\n                    overflow: hidden;\n                    display: -webkit-box;\n                }\n                @media (max-width: 991px) {\n                    -webkit-line-clamp: 2;\n                }\n            }\n        }\n    }\n}\n/**==application_section==**/\n.demo-block {\n    .app-box {\n        border-radius: 10px;\n        transition: all 0.5s ease;\n        &:hover {\n            .img-wrraper {\n                transition: all 0.5s ease;\n                box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);\n            }\n        }\n        .img-wrraper {\n            overflow: hidden;\n            position: relative;\n            border-radius: 10px;\n            background-color: rgba($primary-color, 0.06);\n            padding: 20px;\n            img {\n                transition: all 0.5s ease;\n                width: 100%;\n            }\n        }\n        .demo-detail {\n            .demo-title {\n                padding-top: 20px;\n                text-align: center;\n                .btn {\n                    text-transform: capitalize;\n                    border: none !important;\n                    background: linear-gradient(90deg, rgba($primary-color, 0.08) -18.33%, rgba($primary-color, 0.08) 62.78%) !important;\n                    padding: 8px 15px;\n                    font-weight: 600;\n                    transition: all 0.5s ease;\n                    color: $primary-color;\n                    &:hover {\n                        background: $primary-color !important;\n                        color: #fff;\n                        transform: scale(1.05);\n                    }\n                }\n            }\n        }\n    }\n}\n/**==features_section==**/\n.features-section {\n    .feature-box {\n        border-radius: 10px;\n        border: 3px solid rgba(255, 255, 255, 0.08);\n        background: $dark-card-background;\n        display: flex;\n        align-items: center;\n        padding: 20px 24px;\n        transition: all 0.3s ease;\n        @media (max-width:1400px) {\n            padding: 15px;\n        }\n        &:hover {\n            border-radius: 15px;\n            border: 3px solid rgba($primary-color, 0.5);\n            background-color: darken($primary-color, 10%);\n            transform: translateY(-5px);\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);\n            .icon-wrapper {\n                background: lighten($primary-color, 10%);\n                transition: all 0.5s ease;\n                svg {\n                    stroke: lighten($white, 10%);\n                    transform: scale(1.2);\n                }\n            }\n            .flex-grow-1 {\n                h4 {\n                    color: lighten($white, 20%);\n                    transition: color 0.3s ease;\n                }\n                p {\n                    color: darken($white, 20%);\n                    opacity: 1;\n                }\n            }\n        }\n        .icon-wrapper {\n            width: 56px;\n            height: 56px;\n            border-radius: 50%;\n            background-color: $primary-color;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: all 0.2s ease;\n            @media (max-width:1400px) {\n                width: 50px;\n                height: 50px;\n            }\n            @media (max-width: 991px) {\n                width: 40px;\n                height: 40px;\n            }\n            svg {\n                height: 27px;\n                width: 27px;\n                stroke: $white;\n                color: $white;\n                transition: all 0.2s ease;\n                @media (max-width:1400px) {\n                    height: 20px;\n                    width: 20px;\n                }\n            }\n        }\n        .flex-grow-1 {\n            text-align: left;\n            margin-left: 15px;\n            h4 {\n                color: $white;\n                font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));\n                font-weight: 500;\n                line-height: 1.2;\n                text-transform: capitalize;\n                margin-bottom: 5px;\n                @media (max-width: 1570px) {\n                    text-overflow: ellipsis;\n                    -webkit-line-clamp: 1;\n                    -webkit-box-orient: vertical;\n                    overflow: hidden;\n                    display: -webkit-box;\n                }\n            }\n            p {\n                color: rgba($white, 0.8);\n                font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320)));\n                font-weight: 400;\n                opacity: 0.8;\n                @media (max-width: 1800px) {\n                    text-overflow: ellipsis;\n                    -webkit-line-clamp: 2;\n                    -webkit-box-orient: vertical;\n                    overflow: hidden;\n                    display: -webkit-box;\n                }\n                @media (max-width: 991px) {\n                    -webkit-line-clamp: 1;\n                }\n            }\n        }\n    }\n}\n/**==support_section==**/\n.premium-section {\n    .premium-img {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        img {\n            animation: float 4s ease-in-out infinite;\n        }\n    }\n    .premium-wrapper {\n        display: flex;\n        justify-content: center;\n        align-items: flex-start;\n        flex-direction: column;\n        padding: calc(12px + (20 - 12) * ((100vw - 320px) / (1920 - 320)));\n        text-align: left;\n        @media (max-width:767px) {\n            padding-bottom: 0;\n        }\n        h3 {\n            font-size: calc(20px + (32 - 20) * ((100vw - 300px) / (1920 - 300)));\n        }\n        h2 {\n            font-size: calc(18px + (34 - 18) * ((100vw - 300px) / (1920 - 300)));\n            padding-top: 6px;\n            font-weight: 700;\n            padding-bottom: 10px;\n            text-transform: capitalize;\n        }\n        span {\n            margin-bottom: 55px;\n            color: $theme-body-sub-title-color;\n            font-size: 16px;\n            letter-spacing: 0.7px;\n            @media (max-width:1550px) and (min-width:1241px) {\n                margin-bottom: 30px;\n            }\n            @media (max-width:1240px) and (min-width:320px) {\n                margin-bottom: 16px;\n            }\n            @media (max-width:991px) and (min-width:320px) {\n                text-overflow: ellipsis;\n                height: 47px;\n                -webkit-line-clamp: 2;\n                -webkit-box-orient: vertical;\n                overflow: hidden;\n                display: -webkit-box;\n            }\n        }\n        .sub-title {\n            font-weight: 700;\n            color: $primary-color;\n            margin-top: -14px;\n            line-height: 1.8;\n            @media (max-width:1540px) {\n                margin-top: -13px;\n            }\n            @media (max-width:1401px) {\n                margin-top: -12px;\n            }\n            @media (max-width:1266px) {\n                margin-top: -11px;\n            }\n            @media (max-width:1155px) {\n                margin-top: -10px;\n            }\n            @media (max-width:991px) {\n                margin-top: -11px;\n            }\n            @media (max-width:769px) {\n                margin-top: -10px;\n            }\n            @media (max-width:592px) {\n                margin-top: -9px;\n            }\n        }\n    }\n}\n/**==footer_section==**/\n.landing-footer {\n    padding: 60px 0;\n    position: relative;\n    background: linear-gradient(179.96deg, #1D1D1D -10.51%, #4E4E4E 97.21%);\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: bottom right;\n    overflow: hidden;\n    @media (max-width: 575px) {\n        background-position: center;\n        padding: 30px 0 !important;\n    }\n    .landing-center {\n        padding-bottom: 40px;\n        border-bottom: 1px solid rgba($white, 0.12);\n        @media (max-width: 874px) and (min-width: 320px){\n            padding-bottom: 30px;\n        }\n        .feature-content {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            @media (max-width: 874px) {\n                display: block;\n                text-align: center;\n            }\n            >div {\n                h2 {\n                    color: $white;\n                    max-width: 65%;\n                    font-weight: 600;\n                    font-size: calc(14px + (37 - 25) * ((100vw - 300px) / (1920 - 300)));\n                    padding-bottom: 8px;\n                    text-transform: capitalize;\n                    @media (max-width: 874px) {\n                        max-width: 100%;\n                    }\n                }\n                .footer-rating {\n                    text-align: left;\n                    display: inline;\n                    i {\n                        font-size: calc(14px + (36 - 30) * ((100vw - 300px) / (1920 - 300)));\n                        color: $warning-color;\n                        +i {\n                            margin-left: 5px;\n                        }\n                    }\n                    @media (max-width: 874px) {\n                        text-align: center;\n                        padding-top: 0;\n                        padding-bottom: 12px;\n                    }\n                    @media (max-width: 890px) and (min-width: 320px) {\n                        padding-top: 6px;\n                    }\n                }\n            }\n            .footer-btn {\n                padding: 6px 20px;\n                transition: all 0.5s ease;\n                @media only screen and (max-width: 987px) {\n                    padding: 6px 12px;\n                    min-width: 140px;\n                }\n                @media only screen and (max-width: 874px) {\n                    margin-top: 5px;\n                }\n                @media only screen and (max-width: 575.98px) and (max-width: 350px) {\n                    font-size: 14px;\n                }\n            }\n        }\n    }\n    .sub-footer {\n        margin-top: 0;\n        padding-top: 60px;\n        padding-bottom: 0;\n        align-items: center;\n        @media (max-width: 874px) and (min-width: 320px) {\n            padding-top: 30px;\n        }\n        .left-subfooter {\n            text-align: left;\n            margin-top: 0;\n            @media (max-width: 800px){\n                text-align: center;\n                width: 100%;\n            }\n            img {\n                width: 130px;\n                @media (max-width: 575px) {\n                    width: 90px;\n                }\n            }\n            p {\n                color: $white;\n                padding-top: 12px;\n                font-size: calc(14px + (36 - 30) * ((100vw - 300px) / (1920 - 300)));\n                font-weight: 400;\n                line-height: 1.1;\n            }\n        }\n        .right-subfooter {\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n            align-items: flex-end;\n            gap: 12px;\n            @media (max-width: 768px) {\n                gap: 6px;\n            }\n            @media (max-width: 800px)  {\n                width: 100%;\n                flex-direction: column;\n                justify-content: flex-start;\n                display: flex;\n                align-items: center;\n            }   \n            h3 {\n                color: $white;\n                font-size: calc(14px + (33 - 25) * ((100vw - 300px) / (1920 - 300)));\n                font-weight: 400;\n                line-height: 0.9;\n                @media (max-width: 800px){\n                    align-items: center;\n                }\n            }\n            ul {\n                display: flex;\n                gap: calc(16px + 14 * (100vw - 320px) / 1600);\n                align-items: center;\n                @media (max-width: 730px)  {\n                    flex-direction: column;\n                    justify-content: center;\n                    align-items: center;\n                    gap: 8px;\n                    padding-top: 10px;\n                }\n                li {\n                    a {\n                        color: $warning-color;\n                        text-decoration: underline;\n                        text-underline-offset: 6px;\n                        font-size: calc(14px + (35 - 31) * ((100vw - 300px) / (1920 - 300)));\n                        font-weight: 400;\n                        line-height: 0.5;\n                    }\n                }\n            }\n        }\n    }\n    .shape {\n        .shape1 {\n            position: absolute;\n            bottom: -18%;\n            left: 48%;\n            img {\n                @media (max-width: 990px) {\n                    width: 130px;\n                }\n                @media (max-width: 380px) {\n                    width: 90px;\n                }\n            }\n        }\n        .shape2 {\n            left: 37%;\n            bottom: 17%;\n            position: absolute;\n            filter: brightness(0.5);\n        }\n        .shape3 {\n            left: 17%;\n            top: 71%;\n            position: absolute;\n        }\n        .shape4 {\n            right: 36%;\n            filter: brightness(0.5);\n            top: 70%;\n            position: absolute;\n        }\n        .shape5 {\n            right: 24%;\n            position: absolute;\n        }\n        .shape7 {\n            right: -4%;\n            top: 43%;\n            position: absolute;\n            img {\n                @media (max-width: 990px) {\n                    width: 130px;\n                }\n                @media (max-width: 380px) {\n                    width: 90px;\n                }\n            }\n        }\n        .shape8 {\n            left: -2%;\n            top: -8%;\n            position: absolute;\n            img {\n                @media (max-width: 990px) {\n                    width: 130px;\n                }\n                @media (max-width: 380px) {\n                    width: 90px;\n                }\n            }\n        }\n        .shape9 {\n            top: 34%;\n            left: 41%;\n            position: absolute;\n        }\n        .shape10 {\n            top: 15%;\n            right: 22%;\n            position: absolute;\n        }\n    }\n}\n/**==key-frame==**/\n@keyframes scroll1 {\n  100% {\n      background-position: -3000px 0px;\n  }\n}\n@keyframes float {\n  0% {\n      transform: translateY(0);\n  }\n  50% {\n      transform: translateY(-10px);\n  }\n  100% {\n      transform: translateY(0);\n  }\n}\n@keyframes arrow-square {\n    0% {\n        transform: translate(0);\n    }    \n    25% {\n        transform: translate(30px);\n    }\n    50% {\n        transform: translate(30px,30px);\n    }\n    75% {\n        transform: translateY(30px);\n    }\n    100% {\n        transform: translate(0);\n    }\n}","/**=====================\n    3.40 Language CSS start\n==========================**/\n.current_lang {\n\tcursor: pointer;\n\ttext-transform: uppercase;\n\toverflow: hidden;\n}\n\n.lang {\n\t&.selected {\n\t\tdisplay: none;\n\t}\n\n\tspan.lang-txt {\n\t\tdisplay: inline-flex;\n\t\tmargin-left: 8px;\n\t\tfont-weight: 500;\n\t}\n\n\tspan {\n\t\tspan {\n\t\t\tcolor: #999;\n\t\t\tfont-weight: 400;\n\t\t\tmargin-left: 5px;\n\t\t}\n\t}\n}\n\n/*more lang*/\n\n.more_lang {\n\ttransform: translateY(-20px);\n\topacity: 0;\n\tcursor: pointer;\n\tdisplay: none;\n\ttransition: all 0.3s cubic-bezier(0.25, 1.15, 0.35, 1.15);\n}\n\n.translate_wrapper.active .more_lang {\n\tdisplay: block;\n\tposition: absolute;\n\tbackground-color: $white;\n\ttop: 47px;\n\tright: 0;\n\tbox-shadow: 0 0 20px rgba(89, 102, 122, 0.1);\n\n\t&:before {\n\t\twidth: 0;\n\t\theight: 0;\n\t\tborder-left: 7px solid transparent;\n\t\tborder-right: 7px solid transparent;\n\t\tborder-bottom: 7px solid #fff;\n\t\tcontent: \"\";\n\t\ttop: -7px;\n\t\tposition: absolute;\n\t\tright: 20px;\n\t\tz-index: 2;\n\t}\n\n\t&:after {\n\t\twidth: 0;\n\t\theight: 0;\n\t\tborder-left: 7px solid transparent;\n\t\tborder-right: 7px solid transparent;\n\t\tborder-bottom: 7px solid #bdc2c5;\n\t\tcontent: \"\";\n\t\ttop: -7px;\n\t\tposition: absolute;\n\t\tright: 20px;\n\t\tz-index: 1;\n\t}\n}\n\n.more_lang {\n\t&.active {\n\t\topacity: 1;\n\t\ttransform: translateY(-0px);\n\t}\n\n\t.lang {\n\t\tpadding: 10px 15px;\n\t\tdisplay: flex;\n\n\t\t&:hover {\n\t\t\tbackground: var(--theme-default);\n\t\t\tcolor: $white;\n\n\t\t\tspan {\n\t\t\t\tcolor: $white;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.translate_wrapper {\n\t&.active {\n\t\t.more_lang {\n\t\t\t.lang {\n\t\t\t\tborder-bottom: 1px solid #eaeaea;\n\t\t\t}\n\t\t}\n\t}\n}\n\n/**=====================\n    3.40 Language CSS end\n==========================**/","/**=====================\n     3.41 Learning CSS start\n==========================**/\n.learning-header {\n  margin-bottom: 10px;\n}\n\n.categories {\n  padding: 20px 0;\n\n  &:last-child {\n    padding-bottom: 0;\n  }\n\n  .learning-header {\n    padding-left: 15px;\n  }\n\n  ul {\n    li {\n      padding: 8px 15px;\n\n      a {\n        color: $theme-body-font-color;\n      }\n\n      &:hover {\n        background-color: $light-color;\n      }\n\n      @media (max-width:1199px) {\n        padding: 6px 15px;\n      }\n    }\n  }\n}\n\n.upcoming-course {\n  .d-flex {\n    +.d-flex {\n      margin-top: 20px;\n\n      @media (max-width:1199px) {\n        margin-top: 16px;\n      }\n    }\n  }\n}\n\n.job-accordion {\n  margin-bottom: 0;\n}\n\n.learning-filter {\n  .md-sidebar {\n    .card-body {\n      .job-filter {\n        .form-control {\n          padding-right: 35px;\n\n          [dir=\"rtl\"] & {\n            padding-right: 12px;\n            padding-left: 35px;\n          }\n        }\n      }\n    }\n  }\n}\n\n@media screen and (max-width: 1366px) and (min-width: 1200px) {\n  .learning-comment {\n    margin-left: -14px !important;\n    float: left !important;\n\n    [dir=\"rtl\"] & {\n      margin-right: -14px !important;\n      margin-left: unset !important;\n      float: right !important;\n\n    }\n  }\n\n  .blog-box {\n    .blog-details {\n      .blog-social {\n        li {\n          &:first-child {\n            padding-right: 8px;\n          }\n\n          +li {\n            padding-left: 8px;\n          }\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 991px) {\n  .categories {\n    padding: 20px 0;\n  }\n\n  .upcoming-course {\n    .d-flex {\n      +.d-flex {\n        margin-top: 20px;\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 575px) {\n  .categories {\n    padding: 15px 0;\n  }\n\n  .upcoming-course {\n    .d-flex {\n      +.d-flex {\n        margin-top: 15px;\n      }\n    }\n  }\n}\n\n/**=====================\n     3.41 Learning CSS end\n==========================**/","/**=====================\n    3.42 Login CSS Start\n==========================**/\n\n.login-card {\n  min-height: 100vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto;\n  background: url('../images/login/login_bg.jpg');\n  background-position: center;\n  padding: 30px 12px;\n\n  .logo {\n    display: block;\n    margin-bottom: 30px;\n    text-align: center;\n  }\n\n  .btn-showcase {\n    text-align: center;\n\n    .btn {\n      line-height: 1;\n      padding: 10px 15px;\n      margin: 0;\n\n      &+.btn {\n        margin-left: 8px;\n\n        [dir=\"rtl\"] & {\n          margin-left: unset;\n          margin-right: 8px;\n        }\n      }\n\n      i {\n        font-size: 18px;\n        color: $dark-color;\n      }\n\n      svg {\n        height: 16px;\n        vertical-align: bottom;\n      }\n    }\n  }\n\n  .login-main {\n    width: 450px;\n    padding: 40px;\n    border-radius: 10px;\n    box-shadow: 0 0 37px rgba(8, 21, 66, 0.05);\n    margin: 0 auto;\n    background-color: $white;\n\n    .theme-form {\n      h4 {\n        margin-bottom: 5px;\n      }\n\n      label {\n        font-size: 15px;\n        letter-spacing: 0.4px;\n      }\n\n      .checkbox label::before {\n        background-color: $card-body-color;\n        border: 1px solid #dfdfdf;\n      }\n\n      .or {\n        position: relative;\n\n        &:before {\n          content: \"\";\n          position: absolute;\n          width: 65%;\n          height: 2px;\n          background-color: #f5f5f5;\n          top: 9px;\n          z-index: 0;\n          right: 0;\n\n          [dir=\"rtl\"] & {\n            right: unset;\n            left: 0;\n          }\n        }\n      }\n\n      input {\n        background-color: #f5f5f5;\n        transition: all 0.3s ease;\n\n        &::-webkit-input-placeholder {\n          color: $light-text;\n        }\n\n        &:hover,\n        &:focus {\n          border: 1px solid lighten($semi-dark, 35%);\n          box-shadow: none !important;\n          transition: all 0.3s ease;\n        }\n      }\n\n      .form-input {\n        &.position-relative {\n\n          input[type=\"password\"],\n          input[type=\"text\"] {\n            padding: 12px 48px 12px 12px !important;\n          }\n        }\n      }\n\n      p {\n        margin-bottom: 25px;\n        font-size: 14px;\n        color: $dark-gray;\n      }\n\n      .form-group {\n        margin-bottom: 10px;\n        position: relative;\n      }\n\n      .link {\n        position: absolute;\n        top: 0px;\n        right: 0;\n\n        [dir=\"rtl\"] & {\n          right: unset;\n          left: 0;\n        }\n      }\n\n      .form-group {\n        .checkbox {\n          label {\n            &::before {\n              display: none;\n\n              [dir=\"rtl\"] & {\n                left: unset;\n                right: 0;\n                margin-left: unset;\n                margin-right: -16px;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    &.create-account {\n      .theme-form {\n        .or {\n          &:before {\n            content: \"\";\n            width: 38%;\n          }\n        }\n      }\n    }\n  }\n\n  .restricted-account {\n    .login-main {\n      text-align: center;\n\n      @media (min-width:635px) {\n        width: 550px;\n      }\n\n      .theme-form {\n        h2 {\n          margin-bottom: 12px;\n        }\n\n        img {\n          height: calc(200px + (345 - 200) * ((100vw - 320px) / (1920 - 320)));\n          display: block;\n          margin: auto;\n          margin-top: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));\n        }\n      }\n    }\n  }\n}\n\n.show-hide {\n  position: absolute;\n  top: 52px;\n  right: 20px;\n  transform: translateY(-50%);\n\n  span {\n    cursor: pointer;\n    font-size: 13px;\n    color: var(--theme-default);\n\n    &.show {\n      &:before {\n        content: \"\\f06e\";\n        font-family: $font-awesome;\n        font-weight: 900;\n        color: $light-text;\n      }\n    }\n\n    &:before {\n      content: \"\\f070\";\n      font-family: $font-awesome;\n      font-weight: 900;\n      color: $light-text;\n    }\n  }\n}\n\n.needs-validation {\n  .invalid-feedback {\n    color: $dark-gray;\n  }\n\n  .show-hide {\n    right: 30px;\n  }\n\n  .invalid-tooltip {\n    top: 10px;\n    right: 10px;\n  }\n}\n\n/**=====================\n    3.42 Login CSS Ends\n==========================**/","/**=====================\n\t3.43 Megaoption CSS Start\n==========================**/\n.mega-inline {\n\tmargin-bottom: -30px;\n\tdisplay: flex;\n\n\t.card {\n\t\tborder: 1px solid #f3f3f3;\n\t\tbox-shadow: $card-box-shadow;\n\t}\n\n\t.mega-title-badge {\n\t\tdisplay: table;\n\t\twidth: 100%;\n\t\tfont-size: 14px;\n\t\tfont-weight: 500;\n\t\ttext-transform: uppercase;\n\t}\n\n\t.d-flex {\n\t\t.radio {\n\t\t\tmargin-left: 3px;\n\n\t\t\t[dir=\"rtl\"] & {\n\t\t\t\tmargin-right: 3px;\n\t\t\t\tmargin-left: unset;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.megaoption-space {\n\tspan:not(.pull-right) {\n\t\t&:last-child {\n\t\t\tcolor: $theme-body-font-color;\n\t\t}\n\t}\n}\n\n.mega-vertical {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\n\t.card {\n\t\tbox-shadow: $card-box-shadow;\n\t}\n\n\t.mega-title-badge {\n\t\tdisplay: table;\n\t\twidth: 100%;\n\t\tfont-size: 14px;\n\t\tfont-weight: 500;\n\t\ttext-transform: uppercase;\n\t}\n\n\t.d-flex {\n\t\t.radio {\n\t\t\tmargin-left: 3px;\n\t\t}\n\t}\n}\n\n.mega-title {\n\tfont-weight: 600;\n}\n\n.mega-horizontal {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\n\t.card {\n\t\tborder: 1px solid #f3f3f3;\n\t\tbox-shadow: $card-box-shadow;\n\t}\n\n\t.mega-title-badge {\n\t\tdisplay: table;\n\t\twidth: 100%;\n\t\tfont-size: 14px;\n\t\tfont-weight: 500;\n\t\ttext-transform: uppercase;\n\t}\n\n\t.d-flex {\n\t\t.radio {\n\t\t\tmargin-left: 3px;\n\t\t}\n\t}\n}\n\n.plain-style {\n\t.card {\n\t\tbox-shadow: none;\n\t\tborder: none !important;\n\t}\n}\n\n.border-style {\n\t.card {\n\t\tbox-shadow: none;\n\t\tborder: 1px solid $light-gray !important;\n\t}\n}\n\n.offer-style {\n\t.card {\n\t\tbox-shadow: none;\n\t\tborder: 1px dashed $light-gray !important;\n\t}\n}\n\n.rating-star-wrapper {\n\tcolor: #797979;\n}\n\n.card-wrapper {\n\t.payment-wrapper {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t\tpadding-bottom: 8px;\n\t\tmargin-bottom: 16px;\n\t\tborder-bottom: 1px solid var(--chart-dashed-border);\n\n\t\t&:last-child {\n\t\t\tpadding-bottom: 0;\n\t\t\tmargin-bottom: 0;\n\t\t\tborder-bottom: unset;\n\t\t}\n\n\t\t.payment-second {\n\t\t\timg {\n\t\t\t\twidth: 50px;\n\t\t\t}\n\n\t\t\t.mega-icons {\n\t\t\t\twidth: 20px;\n\t\t\t\theight: 20px;\n\t\t\t}\n\n\t\t}\n\t}\n}\n\n// Custom checkbox\n.main-upgrade {\n\tmargin: 0 auto;\n\ttext-align: center;\n\theight: 100%;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tflex-direction: column;\n\n\t>div {\n\t\t&:first-child {\n\t\t\tmargin-bottom: 20px;\n\t\t}\n\t}\n\n\ti {\n\t\tfont-size: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));\n\t\tdisplay: block;\n\t\tcolor: $primary-color;\n\t}\n\n\tp {\n\t\tline-height: 1.4;\n\t}\n\n\t.variation-box {\n\t\tgap: 20px;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\n\t\t@media (min-width:768px) and (max-width:1200px) {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: auto auto;\n\t\t\tgap: 18px;\n\t\t}\n\n\t\t@media (max-width:700px) {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: auto auto;\n\t\t\tgap: 18px;\n\t\t}\n\n\t\t@media (max-width:380px) {\n\t\t\tgrid-template-columns: unset;\n\t\t}\n\n\t\t.selection-box {\n\t\t\tposition: relative;\n\t\t\theight: 100px;\n\t\t\tborder: 1px solid $primary-color;\n\t\t\tmin-width: 125px;\n\t\t\tborder-radius: 15px;\n\n\t\t\t@media (min-width:1200px) and (max-width:1920px) {\n\t\t\t\tmin-width: calc(110px + (125 - 110) * ((100vw - 1200px) / (1920 - 1200)));\n\t\t\t}\n\n\t\t\t.custom--mega-checkbox {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t\talign-items: center;\n\t\t\t\tline-height: 25px;\n\t\t\t\ttransition: .5s ease;\n\t\t\t}\n\n\t\t\tinput {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\twidth: 118px;\n\t\t\t\theight: 96px;\n\t\t\t\topacity: 0;\n\t\t\t\tcursor: pointer;\n\n\n\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\tleft: unset;\n\t\t\t\t\tright: 0;\n\t\t\t\t}\n\n\t\t\t\t&[type=checkbox]:checked~div {\n\t\t\t\t\tbackground-color: rgba($primary-color, 0.1);\n\t\t\t\t\tborder-radius: 15px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n}\n\n.megaoptions-border-space-sm {\n\t.d-flex {\n\t\t.radio {\n\t\t\tlabel {\n\t\t\t\tpadding-left: 18px;\n\n\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\tpadding-left: unset;\n\t\t\t\t\tpadding-right: 18px;\n\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.flex-grow-1 {\n\t\t\t.list-behavior-1 {\n\t\t\t\t@media (min-width:618px) and (max-width:1199px) {\n\t\t\t\t\tflex-direction: row;\n\t\t\t\t\tgap: 18px;\n\t\t\t\t}\n\n\t\t\t\t@media (max-width:618px) {\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t\tgap: 12px;\n\t\t\t\t}\n\n\t\t\t\t.flex-grow-1 {\n\t\t\t\t\tmargin-top: -6px;\n\n\t\t\t\t\t@media (max-width:618px) {\n\t\t\t\t\t\tmargin-left: 0px;\n\n\t\t\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\t\t\tmargin-left: unset;\n\t\t\t\t\t\t\tmargin-right: 0;\n\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:first-child {\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.megaoption-space,\n.megaoptions-border-space-sm {\n\t.badge {\n\t\t&.pull-right {\n\t\t\tmargin-bottom: 12px;\n\t\t}\n\t}\n}\n\n/**=====================\n    3.43 Megaoption CSS Ends\n==========================**/","/**=====================\n\t3.62 Manage Reviews CSS Start\n==========================**/\n// Manage Reviews\n.manage-review-wrapper {\n    .top-body {\n        @include pixelstrap-flex(flex, flex-end, center);\n        gap: 4px;\n        padding: 20px;\n        position: relative;\n\n        .bootstrap-select {\n            width: 118px !important;\n\n            &.dropdown-toggle {\n                min-width: 100px;\n            }\n        }\n\n        .form-label {\n            margin-bottom: 0;\n        }\n\n        ~ {\n            .manage-review {\n                .dt-container {\n                    .dt-layout-row {\n                        &:first-child {\n                            @include pixelstrap-flex(flex, flex-start, center);\n                            position: absolute;\n                            top: 20px;\n                            left: 20px;\n                            gap: 16px;\n                            flex-direction: row-reverse;\n\n                            [dir=\"rtl\"] & {\n                                left: unset;\n                                right: 20px;\n                            }\n\n                            @media (max-width:991px) {\n                                flex-direction: column-reverse;\n                                gap: 12px;\n                                align-items: flex-start;\n                            }\n\n                            @media (max-width:599px) and (min-width:416px) {\n                                top: 70px;\n                            }\n\n                            @media (max-width:415px) {\n                                top: 118px;\n                            }\n                        }\n\n                        .dt-buttons {\n                            margin: 0;\n\n                            @media (max-width:370px) {\n                                .btn {\n                                    padding: 6px 9px !important;\n                                }\n                            }\n                        }\n\n                        .dt-layout-cell {\n                            .dt-search {\n                                @media (max-width:640px) {\n                                    inset: 0;\n                                    margin: 0;\n                                }\n\n                                @media (max-width:345px) {\n                                    display: flex;\n                                    flex-direction: column;\n                                    gap: 4px;\n\n                                    label {\n                                        margin: 0;\n                                    }\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n\n        @media (max-width:1399px) and (min-width:600px) {\n            .row {\n                flex-direction: column;\n            }\n        }\n\n        @media (max-width:991px) and (min-width:600px) {\n            padding-bottom: 30px;\n        }\n\n        @media (max-width:599px) {\n            padding-bottom: 120px;\n            justify-content: flex-start;\n        }\n\n        @media (max-width:345px) {\n            padding-bottom: 143px;\n        }\n    }\n}\n\n.manage-review {\n    .recent-table {\n        div.dt-container {\n            .dt-layout-row {\n                .dt-search {\n                    position: relative;\n                    inset: unset;\n\n                    @media (max-width:640px) {\n                        top: 4px;\n                    }\n\n                    .dt-input {\n                        width: auto;\n                        padding: 6px;\n                        border-radius: 6px;\n                        opacity: 1;\n\n                        &:focus {\n                            &::placeholder {\n                                opacity: 0;\n                            }\n                        }\n                    }\n                }\n\n                &:last-child {\n                    @media (max-width:991px) {\n                        flex-direction: column;\n                    }\n                }\n            }\n        }\n\n        [class*=\"square-\"] {\n\n            @include square-box(34px, 34px, 2px, rgba($danger-color, 0.1));\n            @include pixelstrap-flex(flex, center, center);\n\n            svg {\n                fill: $danger-color;\n                @include pixelstrap-size(16px, 16px);\n            }\n        }\n\n        table {\n\n            thead,\n            tbody {\n                tr {\n\n                    th,\n                    td {\n                        color: var(--body-font-color);\n                        min-width: auto;\n\n                        &:first-child {\n                            padding-left: 20px;\n                        }\n\n                        &:last-child {\n                            padding-right: 20px;\n                        }\n\n                        &:nth-child(2) {\n                            min-width: 55px;\n                        }\n\n                        &:nth-child(3) {\n                            min-width: 200px;\n                        }\n\n                        &:nth-child(4) {\n                            min-width: 214px;\n                        }\n\n                        &:nth-child(5) {\n                            min-width: 265px;\n                        }\n\n                        &:nth-child(6) {\n                            min-width: 110px;\n\n                            @media (max-width:1347px) and (min-width:1200px) {\n                                display: none;\n                            }\n                        }\n\n                        &:nth-child(7) {\n                            @media (max-width:1436px) and (min-width:1200px) {\n                                display: none;\n                            }\n                        }\n\n                        .badge {\n                            padding: 6px 12px;\n                            font-size: 12px;\n                        }\n\n                        .common-f-start {\n                            gap: 8px;\n\n                            img {\n                                height: 40px;\n                            }\n\n                            .user-details {\n                                display: block;\n\n                                p {\n                                    line-height: 1.3;\n                                    color: rgba($badge-light-color, 0.8);\n                                }\n                            }\n                        }\n\n                        .rating {\n                            display: flex;\n                            gap: 3px;\n                            padding-bottom: 6px;\n\n                            i {\n                                font-size: 14px;\n                            }\n                        }\n\n                        .customer-review {\n                            span {\n                                color: rgba($badge-light-color, 0.8);\n                            }\n                        }\n                    }\n\n                    &.dt-hasChild {\n                        ~ {\n                            tr[data-dt-row] {\n                                tbody {\n                                    background-color: $auth-bg-color;\n\n                                    tr {\n                                        td {\n                                            &:first-child {\n                                                min-width: 128px;\n                                                font-weight: 500;\n                                            }\n                                        }\n                                    }\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n/**=====================\n\t3.62 Manage Reviews CSS End\n==========================**/","/**=====================\n    3.44 Navigate Links CSS start\n==========================**/\n\n.border-opacity-wrapper {\n    .border {\n        --theme-default: 57 ,73 ,171;\n        border-color: rgba($primary-color, var(--bs-border-opacity)) !important;\n\n        a {\n            color: $primary-color;\n        }\n    }\n}\n\n.bg-opacity-wrapper {\n    >div {\n        --theme-default: 57 ,73 ,171;\n        background-color: rgba($primary-color, var(--bs-bg-opacity)) !important;\n    }\n}\n\n.underline-opacity-wrapper {\n    p {\n        a {\n            text-decoration: underline;\n            --theme-default: 57 ,73 ,171;\n            color: $primary-color;\n            text-decoration-color: rgba($primary-color, var(--bs-link-underline-opacity, 1)) !important;\n        }\n    }\n}\n\n.link-opacity-wrapper {\n    p {\n        a {\n            --theme-default: 57 ,73 ,171;\n            color: rgba($primary-color, var(--bs-link-opacity, 1));\n\n            &:hover {\n                color: rgba($primary-color, var(--bs-link-opacity, 1));\n            }\n        }\n    }\n}\n\n.link-body-emphasis {\n    text-decoration: underline;\n}\n\n/**=====================\n    3.44 Navigate Links CSS end\n==========================**/","/**=====================\n    3.45 Order-history CSS start\n==========================**/\n.common-order-history {\n    .flatpicker-calender {\n        .form-control {\n            font-size: 14px;\n            color: $badge-light-color;\n        }\n    }\n\n    .order-history-wrapper {\n        position: relative;\n\n        .recent-table {\n            div.dt-container {\n                .dt-layout-row {\n                    &:last-child {\n                        @media (max-width:1399px) {\n                            flex-direction: column;\n                        }\n                    }\n\n                    .dt-layout-cell {\n                        .dt-search {\n                            top: -40px;\n                            right: -50px;\n\n                            @media (max-width:1399px) {\n                                position: relative;\n                                top: 4px;\n                                left: 20px;\n                                margin-bottom: 20px;\n                                width: 90%;\n                                display: block;\n                            }\n                        }\n                    }\n\n                    .dt-length {\n                        top: -45px;\n                        left: 20px;\n                    }\n                }\n            }\n\n            table {\n\n                thead,\n                tbody {\n                    tr {\n\n                        th,\n                        td {\n                            min-width: auto;\n                            color: var(--body-font-color);\n\n                            &:first-child {\n                                padding-left: 20px;\n                            }\n\n                            &:last-child {\n                                padding-right: 20px;\n                            }\n\n                            .badge {\n                                padding: 6px 12px;\n                            }\n\n                            a {\n                                font-weight: 500;\n                            }\n\n                            @media (max-width:1415px) and (min-width:1261px) {\n                                &:nth-child(4) {\n                                    display: none;\n                                }\n                            }\n\n                            @media (max-width:1260px) {\n                                &:nth-child(2) {\n                                    min-width: 104px;\n                                }\n\n                                &:nth-child(3) {\n                                    min-width: 180px;\n                                }\n\n                                &:nth-child(4) {\n                                    min-width: 140px;\n                                }\n\n                                &:nth-child(5) {\n                                    min-width: 122px;\n                                }\n\n                                &:nth-child(6) {\n                                    min-width: 140px;\n                                }\n\n                                &:nth-child(7) {\n                                    min-width: 148px;\n                                }\n                            }\n                        }\n                    }\n                }\n\n                tbody {\n                    .square-white {\n                        @include square-box(34px, 34px, 2px, $white);\n                        @include pixelstrap-flex(flex, center, center);\n                        box-shadow: 0px 0px 28px 6px rgba(235, 235, 235, 0.4);\n\n                        svg {\n                            fill: rgba($badge-light-color, 0.8);\n                            @include pixelstrap-size(16px, 16px);\n                        }\n                    }\n                }\n            }\n        }\n    }\n\n    .form-select {\n        font-size: 14.5px;\n        color: rgba($badge-light-color, 0.8);\n    }\n}\n\n// Order details\n.track-order-details {\n    h6 {\n        position: relative;\n    }\n\n    #order-status-timeline {\n        .status-bar {\n            background-color: var(--recent-dashed-border);\n            @include pixelstrap-size(calc(100% - 20%), 3px);\n            position: absolute;\n            top: 18px;\n            transform: translateX(-50%);\n            left: 50%;\n\n            [dir=\"rtl\"] & {\n                left: unset;\n                right: 50%;\n                transform: translateX(50%);\n            }\n\n            @media (max-width:1399px) {\n                top: 13px;\n            }\n\n            @media (max-width:575px) {\n                transform: translateX(-50%) rotate(90deg);\n                left: calc(50% - 68px);\n                width: 220px;\n                top: 50%;\n\n                [dir=\"rtl\"] & {\n                    left: unset;\n                    right: calc(50% - 68px);\n                    transform: translateX(50%) rotate(-90deg);\n                }\n            }\n\n            @media (max-width:400px) {\n                left: 14px;\n\n                [dir=\"rtl\"] & {\n                    left: unset;\n                    right: 14px;\n                }\n            }\n\n            &.progress {\n                &:after {\n                    content: \"\";\n                    position: absolute;\n                    background-color: var(--theme-default);\n                    height: 100%;\n                }\n\n                &.step-one {\n                    &:after {\n                        width: 0%;\n                    }\n                }\n\n                &.step-two {\n                    &:after {\n                        width: 25%;\n                    }\n                }\n\n                &.step-three {\n                    &:after {\n                        width: 50%;\n                    }\n                }\n\n                &.step-four {\n                    &:after {\n                        width: 75%;\n                    }\n                }\n\n                &.step-five {\n                    &:after {\n                        width: 100%;\n                    }\n                }\n            }\n        }\n\n        .main-status-line {\n            ul {\n                position: relative;\n                display: flex;\n\n                @media (max-width:575px) {\n                    overflow: auto;\n                    width: 100%;\n                    flex-direction: column;\n                    justify-content: center;\n                    align-items: center;\n\n                    li {\n                        width: 25%;\n                    }\n                }\n\n                @media (max-width:400px) {\n                    align-items: unset;\n                }\n\n                li {\n                    text-align: center;\n                    width: 22%;\n\n                    @media (max-width:575px) {\n                        text-align: unset;\n                        align-items: center;\n                        display: flex;\n                        width: 165px;\n\n                        +li {\n                            margin-top: 21px;\n                        }\n                    }\n\n                    @media (max-width:400px) {\n                        width: 100%;\n                    }\n\n                    .order-process {\n                        @include pixelstrap-flex(flex, center, center);\n                        margin: 0 auto;\n                        @include pixelstrap-size(38px, 38px);\n                        font-size: 16px;\n                        border-radius: 50%;\n                        color: var(--recent-dashed-border);\n                        border: 1px solid var(--recent-dashed-border);\n                        background-color: var(--white);\n\n                        &.active {\n                            border-color: var(--theme-default);\n                            background-color: var(--theme-default);\n                            color: $white;\n\n                            svg {\n                                stroke: $white;\n                            }\n                        }\n\n                        @media (max-width:1399px) {\n                            @include pixelstrap-size(28px, 28px);\n                            font-size: 14px;\n                        }\n\n                        svg {\n                            @include pixelstrap-size(30px, 30px);\n                            stroke: $badge-light-color;\n                        }\n\n                        span {\n                            line-height: 0;\n                        }\n                    }\n\n                    h6 {\n                        margin: 10px 0 0;\n                        color: $badge-light-color;\n                        @include multi-line-ellipsis(2, auto, vertical, hidden);\n\n                        @media (max-width:1399px) {\n                            font-size: 14px;\n                            @include pixelstrap-ellipsis;\n                            display: block;\n                        }\n\n                        @media (max-width:575px) {\n                            width: calc(100% - 28px - 8px);\n                            margin: 0 0 0 8px;\n\n                            [dir=\"rtl\"] & {\n                                margin: 0 8px 0 0;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n.summary-header {\n    flex-wrap: wrap;\n}\n\n// Order details table\n.order-details-product {\n    table {\n        thead {\n            th {\n                padding-top: 0;\n                font-size: 16px;\n            }\n        }\n\n        tbody {\n            tr {\n                &:last-child {\n                    td {\n                        border-bottom: unset;\n                        padding-bottom: 0;\n                    }\n                }\n\n                td {\n                    &:last-child {\n                        font-weight: 500;\n                        color: $dark-color;\n                    }\n                }\n            }\n\n            ul {\n                li {\n                    >p {\n                        margin-bottom: 0;\n                        display: inline-block;\n                    }\n\n                    .common-dot {\n                        @include pixelstrap-size(5px, 5px);\n                        border-radius: 50%;\n                        background-color: rgba($badge-light-color, 0.8);\n                        margin: 1px 6px 1px 6px;\n                    }\n\n                    &:last-child {\n\n                        p,\n                        span {\n                            color: $badge-light-color;\n                        }\n                    }\n                }\n            }\n\n\n            .light-product-box {\n                min-width: calc(74px + (100 - 74) * ((100vw - 320px) / (1920 - 320)));\n                @include pixelstrap-size(calc(74px + (100 - 74) * ((100vw - 320px) / (1920 - 320))), calc(65px + (90 - 65) * ((100vw - 320px) / (1920 - 320))));\n                border-radius: 3px;\n                background-color: var(--light-background);\n                @include pixelstrap-flex(flex, center, center);\n\n                img {\n                    height: calc(40px + (62 - 40) * ((100vw - 320px) / (1920 - 320)));\n                }\n            }\n        }\n\n        thead,\n        tbody {\n            tr {\n\n                th,\n                td {\n                    @media (max-width:1199px) {\n                        &:nth-child(2) {\n                            min-width: 220px;\n                        }\n                    }\n\n                    a {\n                        color: var(--body-font-color);\n                    }\n                }\n            }\n        }\n    }\n}\n\n.tracking-total {\n    li {\n        @include pixelstrap-flex(flex, space-between, center);\n        padding-bottom: 12px;\n        gap: 8px;\n\n        &:nth-child(3) {\n            padding-bottom: 0;\n        }\n\n        &:last-child {\n            margin-top: 12px;\n            padding-top: 12px;\n            border-top: 1px solid rgba($badge-light-color, 0.1);\n            padding-bottom: 0;\n        }\n\n        h6,\n        span {\n            color: $badge-light-color;\n            font-weight: 400;\n        }\n    }\n}\n\n.customer-details {\n    li {\n        padding-bottom: 14px;\n        @include pixelstrap-child(0, 0);\n    }\n\n    h6 {\n        font-weight: 400;\n        color: $theme-font-color;\n        margin-bottom: 3px;\n    }\n\n    span {\n        color: $font-gray-color;\n        line-height: 1.5;\n    }\n}\n\n/**=====================\n    3.45 Order-history CSS End\n==========================**/","  /**=====================\n     3.46. Offcanvas CSS Start\n==========================**/\n  .main-offcanvas-wrapper {\n      .card-body {\n          [class*=\"offcanvas-\"] {\n              .offcanvas-body {\n\n                  .form-select,\n                  .form-control {\n                      font-size: 13px;\n                      color: $badge-light-color;\n                  }\n\n                  .form-label {\n                      color: $theme-font-color;\n                  }\n              }\n          }\n      }\n  }\n\n  .common-offcanvas {\n      .offcanvas {\n          position: fixed;\n          background-color: var(--white);\n          z-index: 1045;\n\n          &.offcanvas-start {\n              &.show {\n                  box-shadow: 8px 0 8px -2px rgba($dark-gray, 0.1);\n              }\n          }\n\n          .offcanvas-body {\n              svg {\n                  color: var(--body-font-color);\n              }\n          }\n      }\n  }\n\n  /**=====================\n    3.46. Offcanvas CSS Ends\n==========================**/","/**=====================\n  3.47 Page CSS Start\n==========================**/\n/*test Nav bar color */\n$page-name: theme,\n  primary,\n  secondary,\n  success,\n  danger,\n  info,\n  dark,\n  warning;\n$page-color: var(--theme-default),\n  var(--theme-default),\n  $secondary-color,\n  $success-color,\n  $danger-color,\n  $info-color,\n  $dark-color,\n  $warning-color;\n\n@each $var in $page-name {\n  $i: index($page-name, $var);\n\n  .pagination-#{$var} {\n    .page-item {\n      .page-link {\n        color: nth($page-color, $i) !important;\n      }\n\n      &.active {\n        .page-link {\n          color: $white !important;\n          background-color: nth($page-color, $i) !important;\n          border-color: nth($page-color, $i);\n        }\n      }\n    }\n  }\n}\n\n$paginations-name: primary,\n  secondary,\n  success,\n  danger,\n  warning,\n  info,\n  light,\n  dark;\n$paginations-colors: $light-primary,\n  $light-secondary,\n  $light-success,\n  $light-danger,\n  $light-warning,\n  $light-info,\n  $light-white,\n  $light-dark;\n\n@each $var in $paginations-name {\n  $i: index($paginations-name, $var);\n\n  .pagin-border-#{$var} {\n    .page-item {\n\n      &.active,\n      &:active {\n        background-color: nth($paginations-colors, $i);\n      }\n\n      .page-link {\n        border-color: nth($paginations-colors, $i);\n\n        &:hover,\n        &:focus {\n          background-color: nth($paginations-colors, $i);\n        }\n\n        &:focus {\n          box-shadow: unset;\n        }\n      }\n    }\n  }\n}\n\n.pagination-lg {\n  .page-item {\n    .page-link {\n      @media (max-width: 576px) {\n        font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (576 - 320)));\n        padding: calc(12px + (12 - 12) * ((100vw - 320px) / (576 - 320))) calc(12px + (24 - 12) * ((100vw - 320px) / (576 - 320)));\n      }\n    }\n  }\n}\n\n.pagination-md {\n  .page-item {\n    .page-link {\n      @media (max-width: 576px) {\n        font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (576 - 320)));\n      }\n    }\n  }\n}\n\n\n.pagination {\n  @media (max-width:339px) {\n    justify-content: center;\n  }\n\n  .page-item {\n    &:active {\n      background-color: unset;\n    }\n\n    .page-link {\n      &.rounded-circle {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        width: 35px;\n        height: 35px;\n      }\n    }\n  }\n}\n\n/**=====================\n    3.47 Page CSS Ends\n==========================**/","/**=====================\n    3.48 Pricing CSS Start\n==========================**/\n.pricing-simple {\n  box-shadow: 0 0 10px 5px rgba($primary-color, 0.05);\n  margin-bottom: 0 !important;\n\n  .card-body {\n    border-bottom: none;\n    text-align: left;\n\n    [dir=\"rtl\"] & {\n      text-align: right;\n    }\n\n    h4 {\n      position: relative;\n      margin-bottom: 38px;\n\n      &:before {\n        position: absolute;\n        content: '';\n        @include pixelstrap-size(80px, 1px);\n        margin: 0;\n        left: 0;\n        bottom: -10px;\n        background-color: $light-text;\n\n        [dir=\"rtl\"] & {\n          left: unset;\n          right: 0;\n        }\n      }\n    }\n\n    h5 {\n      font-size: calc(36px + (40 - 36) * ((100vw - 320px) / (1920 - 320)));\n      line-height: 0.9;\n      margin-bottom: 24px;\n      font-weight: 400;\n    }\n  }\n}\n\n.pricingtable {\n  text-align: center;\n  padding-block: 20px;\n  border-radius: 10px;\n  box-shadow: $card-hover-box-shadow;\n  overflow: hidden;\n  position: relative;\n  z-index: 1;\n  height: 100%;\n\n  &:before,\n  &:after {\n    content: \"\";\n    background-color: var(--theme-default);\n    @include pixelstrap-size(300px, 300px);\n    border-radius: 50%;\n    position: absolute;\n    right: -213px;\n    z-index: -1;\n    opacity: 0.1;\n\n    [dir=\"rtl\"] & {\n      right: unset;\n      left: -213px;\n    }\n  }\n\n}\n\n.pricing-simple {\n  .pricing-content {\n    li {\n      text-align: left;\n      margin-bottom: calc(12px + (18 - 12) * ((100vw - 320px) / (1920 - 320)));\n      text-transform: capitalize;\n      color: $badge-light-color;\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n\n      i {\n        padding-right: 8px;\n        color: var(--theme-default);\n      }\n\n      [dir=\"rtl\"] & {\n        text-align: right;\n\n        i {\n          padding-right: unset;\n          padding-left: 8px;\n        }\n      }\n    }\n  }\n}\n\n.pricingtable {\n  &:after {\n    background-color: var(--theme-default);\n    @include pixelstrap-size(300px, 300px);\n    top: auto;\n    bottom: -210px;\n    right: auto;\n    left: -160px;\n    opacity: 0.1;\n\n    [dir=\"rtl\"] & {\n      right: -160px;\n      left: auto;\n    }\n  }\n\n  .title {\n    text-transform: uppercase;\n    margin-bottom: 20px;\n  }\n\n  .price-value {\n    color: $white;\n    background-color: var(--theme-default);\n    @include pixelstrap-size(130px, 130px);\n    padding: 45px 0 0;\n    margin: 0 auto 25px;\n    border-radius: 50%;\n\n    .duration {\n      margin: 0 0 0 -5px;\n\n      [dir=\"rtl\"] & {\n        margin: 0 -5px 0 0;\n      }\n    }\n\n    .amount {\n      font-size: 58px;\n      font-weight: 700;\n      line-height: 45px;\n      display: inline-block;\n    }\n\n    .currency {\n      vertical-align: top;\n    }\n  }\n\n  .pricing-content {\n    margin: 0 0 25px;\n    display: inline-block;\n\n    li {\n      font-weight: 500;\n      text-align: left;\n      margin: 0 0 20px;\n      position: relative;\n      padding-left: 30px;\n\n      [dir=\"rtl\"] & {\n        text-align: right;\n        padding-left: unset;\n        padding-right: 30px;\n      }\n\n      &:last-child {\n        margin: 0;\n      }\n\n      &:before {\n        content: \"\\f00c\";\n        color: var(--theme-default);\n        font-family: $font-awesome;\n        text-align: center;\n        @include pixelstrap-size(20px, 20px);\n        font-weight: 600;\n        border-radius: 50%;\n        position: absolute;\n        top: 1px;\n        left: 0;\n\n        [dir=\"rtl\"] & {\n          left: unset;\n          right: 0;\n        }\n      }\n    }\n  }\n}\n\n\n@media only screen and (max-width: 991px) {\n  .pricing-simple {\n    .card-body {\n      h1 {\n        margin-bottom: 20px;\n      }\n\n      h3 {\n        margin-bottom: 28px;\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 575px) {\n  .pricing-simple {\n    .card-body {\n      h1 {\n        margin-bottom: 15px;\n      }\n    }\n  }\n\n  .pricing-block {\n    >div {\n      flex: 100%;\n    }\n  }\n}\n\n/**=====================\n   3.48 Pricing CSS Ends\n==========================**/","/**=====================\n   3.49 Progress CSS Start\n==========================**/\n.progress-showcase {\n\t.progress {\n\t\tmargin-bottom: 10px;\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n}\n\n.sm-progress-bar {\n\theight: 8px;\n}\n\n.lg-progress-bar {\n\theight: 20px;\n}\n\n.progress-number {\n\tbutton {\n\t\twidth: 2rem;\n\t\theight: 2rem;\n\t\tcolor: $white;\n\t\tborder: unset;\n\t}\n\n\t.progress-wrapper {\n\t\theight: 1px;\n\n\t\t&.progress {\n\t\t\tbackground-color: var(--recent-dashed-border);\n\t\t}\n\n\t\t.progress-bar {\n\t\t\tbackground-color: var(--theme-default);\n\t\t}\n\t}\n}\n\nbutton {\n\t&.progress-btn {\n\t\tbackground-color: $light-chartist-grid-color;\n\t\tborder-color: $light-chartist-grid-color;\n\t\tcolor: var(--body-font-color);\n\t}\n}\n\n.small-progressbar {\n\tposition: relative;\n\toverflow: visible;\n\n\t&::after {\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\ttop: -2px;\n\t\tright: -9px;\n\t\tbackground-color: $primary-color;\n\t\twidth: 12px;\n\t\theight: 12px;\n\t\tborder-radius: 100%;\n\n\t\t[dir=\"rtl\"] & {\n\t\t\tleft: -9px;\n\t\t\tright: unset;\n\t\t}\n\t}\n\n\t.progress-label {\n\t\tposition: absolute;\n\t\ttop: -26px;\n\t\tright: -6px;\n\t\tfont-weight: 700;\n\n\t\t[dir=\"rtl\"] & {\n\t\t\tright: unset;\n\t\t\tleft: -6px;\n\t\t}\n\t}\n\n\t.animate-circle {\n\t\tposition: absolute;\n\t\ttop: -11px;\n\t\tright: -18px;\n\t\theight: 30px;\n\t\twidth: 30px;\n\t\tborder: 14px solid $primary-color;\n\t\tborder-radius: 70px;\n\t\tanimation: heart 1s ease-in-out;\n\t\tanimation-iteration-count: infinite;\n\n\t\t[dir=\"rtl\"] & {\n\t\t\tright: unset;\n\t\t\tleft: -18px;\n\t\t}\n\t}\n}\n\n@keyframes heart {\n\t0% {\n\t\ttransform: scale(0);\n\t\topacity: 0;\n\t}\n\n\t25% {\n\t\ttransform: scale(.1);\n\t\topacity: 1;\n\t}\n\n\t50% {\n\t\ttransform: scale(.5);\n\t\topacity: .3;\n\t}\n\n\t75% {\n\t\ttransform: scale(.8);\n\t\topacity: .5;\n\t}\n\n\t100% {\n\t\ttransform: scale(1);\n\t\topacity: 0;\n\t}\n}\n\n.progress-b-space {\n\t.progress {\n\t\tmargin-bottom: 35px;\n\t}\n}\n\n// -------------------\n.step-progress-wrapper {\n\t.step-progress-box {\n\t\tul {\n\t\t\toverflow-x: auto;\n\t\t\toverflow-y: hidden;\n\t\t}\n\t}\n\n\t.progress-box {\n\t\twidth: 100%;\n\t\theight: auto;\n\t\t@include pixelstrap-flex(flex, flex-start, center);\n\t}\n\n\tul {\n\t\tdisplay: flex;\n\n\t\tli {\n\t\t\t@include pixelstrap-flex(flex, center, center);\n\t\t\tlist-style: none;\n\t\t\tflex-direction: column;\n\t\t\tmargin: 0 30px;\n\n\t\t\t&:first-child {\n\t\t\t\tmargin-left: 0;\n\n\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\tmargin-left: 30px;\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-right: 0;\n\n\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\tmargin-right: 30px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media screen and (max-width:1580px) and (min-width:1200px) {\n\t\t\t\t&:first-child {\n\t\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\t\tmargin-left: 5px;\n\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\tmargin-right: 5px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tsvg {\n\t\t\t\tcolor: $success-color;\n\t\t\t\tmargin: 0 30px;\n\t\t\t}\n\n\t\t\t.p-step {\n\t\t\t\tsvg {\n\t\t\t\t\tcolor: $white;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\th6 {\n\t\t\t\tletter-spacing: 1px;\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-weight: bold;\n\t\t\t\tcolor: $success-color;\n\t\t\t}\n\n\t\t\t.p-step {\n\t\t\t\theight: 30px;\n\t\t\t\twidth: 30px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tbackground-color: $success-color;\n\t\t\t\tmargin: 16px 0 10px;\n\t\t\t\tdisplay: grid;\n\t\t\t\tplace-items: center;\n\t\t\t\tposition: relative;\n\t\t\t\tcursor: pointer;\n\n\t\t\t\tsvg {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\tp {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tcolor: $white;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.active {\n\t\t\t\tbackground-color: $success-color;\n\n\t\t\t\tp {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\tsvg {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tz-index: 2;\n\t\t\t\t\twidth: 14px;\n\t\t\t\t\theight: 14px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.p-step {\n\t\t&::after {\n\t\t\tcontent: \"\";\n\t\t\tposition: absolute;\n\t\t\twidth: 160px;\n\t\t\theight: 3px;\n\t\t\tbackground-color: transparent;\n\t\t\tright: 0;\n\n\t\t\t[dir=\"rtl\"] & {\n\t\t\t\tright: unset;\n\t\t\t\tleft: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t.first {\n\t\t&::after {\n\t\t\twidth: 0;\n\t\t\theight: 0;\n\t\t}\n\t}\n\n\tli {\n\t\t.active {\n\t\t\t&::after {\n\t\t\t\tbackground-color: $success-color;\n\t\t\t}\n\t\t}\n\t}\n\n\t@media (max-width:1815px) and (min-width:1581px) {\n\t\tul {\n\t\t\tli {\n\t\t\t\tmargin: 0 15px;\n\n\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\t&:first-child {\n\t\t\t\t\t\tmargin-left: 15px;\n\t\t\t\t\t\tmargin-right: unset;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:last-child {\n\t\t\t\t\t\tmargin-left: unset;\n\t\t\t\t\t\tmargin-right: 15px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.p-step::after {\n\t\t\t\t\twidth: 140px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t@media (max-width:1408px) and (min-width:1200px) {\n\t\tul {\n\t\t\tli {\n\t\t\t\tsvg {\n\t\t\t\t\tmargin: 0 28px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n/**=====================\n   3.49 Progress CSS Ends\n==========================**/","/**=====================\n   3.50 Project_list CSS Start\n==========================**/\n[class*='title-line-'] {\n\t&::before {\n\t\tcontent: \"\";\n\t\t@include pixelstrap-size(4px, 26px);\n\t\ttop: 23px;\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tborder-radius: 0 10px 10px 0;\n\t}\n}\n\n.common-circle {\n\t@include pixelstrap-size(32px, 32px);\n\tborder-radius: 50%;\n\tborder: 2px solid var(--white);\n\ttransition: 0.5s;\n\t@include pixelstrap-flex(flex, center, center);\n\n\t&:hover {\n\t\ttransform: translateY(-4px) scale(1.02);\n\t\ttransition: 0.5s;\n\t}\n}\n\n.project-list {\n\t.progress-project-box {\n\t\t.row {\n\t\t\tmargin: 15px;\n\t\t}\n\t}\n\n\tbutton:focus {\n\t\toutline: none !important;\n\t}\n\n\t.theme-form .form-group {\n\t\tmargin-bottom: 15px;\n\t}\n\n\t.border-tab.nav-tabs {\n\t\t.nav-item .nav-link {\n\t\t\tborder: 1px solid $transparent-color;\n\t\t\tpadding: 5px 30px 5px 0;\n\t\t\tborder-radius: 5px;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t}\n\t}\n\n\t.btn {\n\t\tmargin-right: 5px;\n\t\tvertical-align: -12px;\n\t\tfloat: right;\n\n\t\tsvg {\n\t\t\tvertical-align: middle;\n\t\t\theight: 16px;\n\t\t}\n\t}\n\n\tul {\n\t\tmargin-bottom: 0 !important;\n\t\tborder-bottom: 0;\n\n\t\tli {\n\t\t\tsvg {\n\t\t\t\theight: 18px;\n\t\t\t\tvertical-align: middle;\n\t\t\t\tmargin-right: 5px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n// New Projects \n.new-project-wrapper {\n\t.apexcharts-legend {\n\t\tdisplay: flex;\n\t\tflex-direction: unset !important;\n\t\tflex-wrap: wrap;\n\t\tpadding: 0;\n\n\t\t.apexcharts-legend-series {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tgap: 4px;\n\t\t\tmargin: 0 !important;\n\t\t\tpadding: 0 6px;\n\n\t\t\t.apexcharts-legend-text {\n\t\t\t\tmargin-left: -14px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.project-header {\n\t>div {\n\t\t@include pixelstrap-size(46px, 46px);\n\t\tbox-shadow: 0px 6px 12px 0px rgb(115 102 255 / 20%);\n\t\t@include pixelstrap-flex(flex, center, center);\n\t\tborder-radius: 10px;\n\t\tbackground-color: var(--white);\n\n\t\tsvg {\n\t\t\t@include pixelstrap-size(20px, 26px);\n\t\t}\n\t}\n\n\tspan {\n\t\tfont-size: 12px;\n\t\tpadding: 9px 21px;\n\t}\n}\n\n.project-chart-wrap {\n\t.apexcharts-legend-text {\n\t\tpadding-left: 18px;\n\t}\n}\n\n.scope-bottom-wrapper {\n\t.sidebar-left-icons {\n\t\tdisplay: block;\n\n\t\t.nav-item {\n\t\t\tposition: relative;\n\t\t\tpadding-bottom: 66px;\n\t\t\toverflow: hidden;\n\n\t\t\t&:last-child {\n\t\t\t\tpadding-bottom: 0;\n\t\t\t}\n\n\t\t\t&::before {\n\t\t\t\tcontent: '';\n\t\t\t\tposition: absolute;\n\t\t\t\tborder: 1px dashed var(--recent-dashed-border);\n\t\t\t\ttop: 75px;\n\t\t\t\theight: 50px;\n\t\t\t\tleft: 38px;\n\n\t\t\t\t@media (max-width:1839px) and (min-width:1661px) {\n\t\t\t\t\tleft: 30px;\n\t\t\t\t}\n\n\t\t\t\t@media (max-width:1660px) and (min-width:1400px) {\n\t\t\t\t\tleft: 35px;\n\t\t\t\t}\n\n\t\t\t\t@media (max-width:1399px) and (min-width:320px) {\n\t\t\t\t\tleft: 30px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\t&::before {\n\t\t\t\t\tcontent: unset;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:nth-child(4) {\n\t\t\t\tsvg {\n\t\t\t\t\tstroke: $badge-light-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.nav-link {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 12px;\n\t\t\t\tpadding: 12px 0 12px 8px;\n\t\t\t\tposition: relative;\n\n\t\t\t\t@media (max-width:1839px) and (min-width:320px) {\n\t\t\t\t\tgap: 8px;\n\t\t\t\t}\n\n\t\t\t\t&.active {\n\t\t\t\t\tbackground: linear-gradient(90deg, #1C1B20 -175.57%, rgba(57 ,73 ,171, 0) 65.16%);\n\t\t\t\t\tcolor: unset;\n\n\t\t\t\t\t.absolute-border {\n\n\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\tcontent: '';\n\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\ttop: 0;\n\t\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\t\tbackground-color: var(--theme-default);\n\t\t\t\t\t\t\tborder: 3px solid var(--theme-default);\n\t\t\t\t\t\t\tborder-radius: 20px;\n\t\t\t\t\t\t\tleft: 0;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\tcontent: '';\n\t\t\t\t\t\t\t@include pixelstrap-size(35px, 35px);\n\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\tbackground-color: var(--theme-default);\n\t\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\t\tborder: 5px solid var(--theme-default);\n\t\t\t\t\t\t\ttransform: translate(-50%, -50%);\n\t\t\t\t\t\t\tleft: -8px;\n\t\t\t\t\t\t\tborder-top-right-radius: 7px;\n\t\t\t\t\t\t\tborder-bottom-right-radius: 7px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.nav-rounded {\n\t\t\t\t\t\tborder: 1px solid var(--theme-default);\n\t\t\t\t\t}\n\n\t\t\t\t\t.product-tab-content {\n\t\t\t\t\t\th6 {\n\t\t\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.nav-rounded {\n\t\t\t\t\t@include pixelstrap-size(42px, 42px);\n\t\t\t\t\tmin-width: 42px;\n\t\t\t\t\tborder: 1px solid var(--recent-dashed-border);\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tz-index: 2;\n\t\t\t\t\tborder-radius: 100%;\n\t\t\t\t\tpadding: 2px;\n\t\t\t\t\tbox-shadow: inset 0px 9px 20px 0px rgba(46, 35, 94, 0.07);\n\n\t\t\t\t\t@media (max-width:1839px) and (min-width:1661px) {\n\t\t\t\t\t\t@include pixelstrap-size(33px, 33px);\n\t\t\t\t\t\tmin-width: 33px;\n\t\t\t\t\t}\n\n\t\t\t\t\t@media (max-width:1399px) {\n\t\t\t\t\t\t@include pixelstrap-size(33px, 33px);\n\t\t\t\t\t\tmin-width: 33px;\n\t\t\t\t\t}\n\n\t\t\t\t\t.product-icons {\n\t\t\t\t\t\tmin-width: 100%;\n\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\tbackground-color: var(--white);\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tborder-radius: 100%;\n\n\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t@include pixelstrap-size(20px, 20px);\n\t\t\t\t\t\t\tfill: $badge-light-color;\n\n\t\t\t\t\t\t\t@media (max-width:1839px) and (min-width:1661px) {\n\t\t\t\t\t\t\t\t@include pixelstrap-size(16px, 16px);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@media (max-width:1399px) {\n\t\t\t\t\t\t\t\t@include pixelstrap-size(16px, 16px);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.product-tab-content {\n\t\t\t\t\th6 {\n\t\t\t\t\t\t@media (min-width:1200px) {\n\t\t\t\t\t\t\t@include multi-line-ellipsis(1, auto, vertical, hidden);\n\t\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\t\tcolor: var(--body-font-color);\n\t\t\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@media (max-width:1199px) {\n\t\t\t\t\t\t\t@include pixelstrap-ellipsis;\n\t\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:first-child {\n\t\t\tpadding-top: 0;\n\t\t}\n\n\t\t@media (max-width:1199px) {\n\t\t\t@include pixelstrap-flex(flex, space-between, center);\n\t\t\tgap: 12px;\n\n\t\t\t.nav-item {\n\t\t\t\tpadding-bottom: 0;\n\n\t\t\t\t&::before {\n\t\t\t\t\tcontent: unset;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@media (max-width:1024px) {\n\t\t\tjustify-content: flex-start;\n\t\t}\n\t}\n}\n\n.progress-project {\n\t.common-space {\n\n\t\tsvg {\n\t\t\t@include pixelstrap-size(15px, 15px);\n\t\t\tstroke: var(--theme-default);\n\t\t}\n\n\t\t.common-align {\n\t\t\tgap: 6px;\n\n\t\t\t.badge {\n\t\t\t\tbackground-color: rgba($badge-light-color, 10%);\n\t\t\t\tpadding: 4px 7px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.common-dot {\n\t\t@include pixelstrap-size(8px, 8px);\n\t\tborder-radius: 50%;\n\t}\n\n\t.progress-project-box {\n\t\t@include pixelstrap-status;\n\n\t\t.list-box {\n\t\t\tposition: relative;\n\t\t\tborder: none;\n\t\t\ttransition: all 0.3s ease;\n\t\t\tletter-spacing: 0.5px;\n\t\t\tborder-radius: 15px;\n\t\t\tmargin-bottom: 20px;\n\n\t\t\tul {\n\t\t\t\tli {\n\t\t\t\t\timg {\n\t\t\t\t\t\twidth: 32px;\n\t\t\t\t\t\theight: 32px;\n\t\t\t\t\t\tborder: 2px solid var(--white);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\t\t\t.list-box {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t.common-box {\n\t\t@include pixelstrap-size(28px, 28px);\n\t\tbackground-color: rgba($warning-color, 0.15);\n\t\tborder-radius: 8px;\n\t\t@include pixelstrap-flex(flex, center, center);\n\t}\n}\n\n.budget-card {\n\t&.widget-2 {\n\t\tbackground-image: url(../images/project/widget-bg.png);\n\t\tbackground-size: cover;\n\t\tmargin-bottom: 25px;\n\t\ttransition: 0.5s;\n\n\t\t&:hover {\n\t\t\ttransform: translateY(-5px);\n\t\t\ttransition: 0.5s;\n\t\t}\n\t}\n\n\t.common-space {\n\t\tgap: 6px;\n\n\t\t@media (max-width:1697px) {\n\t\t\tflex-wrap: wrap;\n\t\t}\n\n\t\th6 {\n\t\t\tpadding-bottom: 8px;\n\t\t\tfont-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));\n\t\t}\n\n\t\tspan {\n\t\t\tsvg {\n\t\t\t\t@include pixelstrap-size(14px, 14px);\n\t\t\t\tvertical-align: text-top;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.expense-chart-wrap {\n\n\t// width: calc(100% - 121px);\n\t@media (max-width:1697px) {\n\t\tmargin: -20px 0 -20px 0;\n\t}\n}\n\n.common-project-header {\n\tgap: 8px;\n\tflex-wrap: wrap;\n\n\t@media (max-width:644px) {\n\t\tdisplay: block;\n\t}\n\n\t.customers {\n\t\tli {\n\t\t\t.common-circle {\n\t\t\t\t@include pixelstrap-size(40px, 40px);\n\n\t\t\t\t@media (max-width:644px) {\n\t\t\t\t\t@include pixelstrap-size(30px, 30px);\n\n\t\t\t\t\tspan {\n\t\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.common-space {\n\n\t\t@media (max-width:644px) {\n\t\t\tpadding-bottom: 18px;\n\t\t}\n\n\t\t@media (max-width:400px) {\n\t\t\tflex-direction: column;\n\t\t\talign-items: flex-start;\n\t\t}\n\t}\n\n\th6 {\n\t\tmargin-left: -46px;\n\t\tfont-weight: 400;\n\n\t\t@media (max-width:1685px) and (min-width:320px) {\n\t\t\tmargin-left: -54px;\n\t\t}\n\n\t\t@media (max-width:644px) {\n\t\t\tmargin-left: 0;\n\t\t}\n\t}\n\n\t>.common-align {\n\t\tgap: 16px;\n\t}\n\n\t.common-align {\n\t\t@media (max-width:644px) {\n\t\t\tjustify-content: flex-end;\n\t\t\tflex-wrap: wrap;\n\t\t\tgap: 8px;\n\n\t\t\t.customers {\n\t\t\t\ttext-align: end;\n\n\t\t\t\tli {\n\t\t\t\t\timg {\n\t\t\t\t\t\theight: 30px;\n\t\t\t\t\t\twidth: 30px !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@media (max-width:435px) {\n\t\t\talign-items: flex-end;\n\t\t\tflex-direction: column;\n\t\t}\n\n\t\t@media (max-width:400px) {\n\t\t\talign-items: flex-start;\n\n\t\t\t.customers {\n\t\t\t\ttext-align: start;\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\t\t\t.common-align {\n\t\t\t\tli {\n\t\t\t\t\tsvg {\n\t\t\t\t\t\t@include svg-size(18px, $badge-light-color);\n\t\t\t\t\t\tvertical-align: sub;\n\t\t\t\t\t\tmargin-right: 6px;\n\n\t\t\t\t\t\t@media (max-width:445px) {\n\t\t\t\t\t\t\t@include pixelstrap-size(14px, 14px);\n\t\t\t\t\t\t\tvertical-align: middle;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&:first-child {\n\t\t\t\t\t\tpadding-right: 15px;\n\t\t\t\t\t}\n\n\t\t\t\t\t+li {\n\t\t\t\t\t\tborder-left: 1px solid rgba($badge-light-color, 80%);\n\t\t\t\t\t\tpadding-left: 15px;\n\t\t\t\t\t}\n\n\t\t\t\t\tspan {\n\t\t\t\t\t\tcolor: rgba($badge-light-color, 80%);\n\t\t\t\t\t}\n\n\t\t\t\t\t@media (max-width:435px) {\n\n\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\tpadding-right: 0px;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t+li {\n\t\t\t\t\t\t\tborder-left: unset;\n\t\t\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.filter-header {\n\tsvg {\n\t\t@include pixelstrap-size(20px, 20px);\n\t}\n\n\t.btn-group {\n\t\t.dropdown-toggle {\n\t\t\tborder: 1px solid rgba($badge-light-color, 20%);\n\t\t\tcolor: rgba($badge-light-color, 80%);\n\t\t\tpadding: calc(4px + (8 - 4) * ((100vw - 320px) / (1920 - 320))) calc(36px + (40 - 36) * ((100vw - 320px) / (1920 - 320))) calc(4px + (8 - 4) * ((100vw - 320px) / (1920 - 320))) calc(12px + (20 - 12) * ((100vw - 320px) / (1920 - 320)));\n\n\t\t\t&::after {\n\t\t\t\tcontent: \"\\f107\";\n\t\t\t\tposition: absolute;\n\t\t\t\tborder: unset;\n\t\t\t\tfont-family: $font-awesome;\n\t\t\t\tfont-weight: 900;\n\t\t\t\tright: 12px;\n\t\t\t}\n\t\t}\n\n\t\t.dropdown-menu {\n\t\t\tli {\n\t\t\t\t.dropdown-item {\n\t\t\t\t\tcolor: rgba($badge-light-color, 80%);\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.common-searchbox {\n\t.input-group-text {\n\t\tbackground-color: var(--recent-box-bg);\n\t}\n\n\t.form-control {\n\t\tborder-left: 0;\n\t\tpadding-left: 0;\n\t\tbackground-color: var(--recent-box-bg);\n\n\t\t&:focus {\n\t\t\tbox-shadow: unset;\n\t\t\tcolor: rgba($badge-light-color, 80%);\n\t\t\tborder-color: $form-input-border-color;\n\t\t}\n\t}\n}\n\n.attachment-file {\n\talign-items: center;\n\tgap: 30px;\n\tpadding: 12px;\n\tbackground-color: var(--light-background);\n\twidth: calc(255px + (277 - 255) * ((100vw - 320px) / (1920 - 320)));\n\tmin-width: calc(255px + (277 - 255) * ((100vw - 320px) / (1920 - 320)));\n\tjustify-content: space-between;\n\n\t@media (max-width:1780px) and (min-width:576px) {\n\t\tgap: 14px;\n\t\twidth: 218px;\n\t\tmin-width: 218px;\n\t}\n\n\t.common-flex {\n\t\timg {\n\t\t\theight: 36px;\n\t\t}\n\t}\n\n\ti {\n\t\tfont-size: 16px;\n\t}\n}\n\n.project-todo {\n\t.crm-todo-list {\n\t\tli {\n\t\t\tborder-bottom: unset;\n\n\t\t\t+li {\n\t\t\t\tpadding-top: 0;\n\t\t\t}\n\n\t\t\t.flex-grow-1 {\n\n\t\t\t\tspan,\n\t\t\t\th6 {\n\t\t\t\t\t@include multi-line-ellipsis(1, auto, vertical, hidden);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media (max-width:1383px) and (min-width:320px) {\n\t\t\t\tgap: 14px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.main-summary {\n\t.card-header {\n\t\t.common-space {\n\t\t\t@media (max-width:400px) {\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tgap: 8px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.summary-section {\n\t>li {\n\t\tborder-bottom: 1px dashed rgba($badge-light-color, 20%);\n\n\t\t&:last-child {\n\t\t\tborder-bottom: unset;\n\n\t\t\t.common-space {\n\t\t\t\tgap: 10px;\n\n\t\t\t\t>li {\n\t\t\t\t\tul {\n\t\t\t\t\t\tli:not(:last-child) {\n\t\t\t\t\t\t\tmargin-bottom: 8px;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@media (max-width:557px) {\n\t\t\t\t\t\t\t@include pixelstrap-flex(flex, center, center);\n\t\t\t\t\t\t\tgap: 18px;\n\n\t\t\t\t\t\t\tli:not(:last-child) {\n\t\t\t\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t@media (max-width:1660px) and (min-width:1200px) {\n\t\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@media (max-width:575px) {\n\t\t\t\t\tflex-wrap: wrap;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tp {\n\t\t\tcolor: rgba($badge-light-color, 80%);\n\n\t\t\t@media (max-width:1660px) and (min-width:320px) {\n\t\t\t\t@include multi-line-ellipsis(3, auto, vertical, hidden);\n\t\t\t}\n\t\t}\n\n\t\tspan {\n\t\t\t&.badge {\n\t\t\t\tpadding: 6px 10px;\n\t\t\t\tborder-radius: 2px;\n\t\t\t\tfont-size: 12px;\n\t\t\t}\n\t\t}\n\n\t\t.d-block {\n\t\t\t>p {\n\t\t\t\tcolor: var(--body-font-color);\n\t\t\t}\n\t\t}\n\t}\n}\n\n.summary-chart-box {\n\tbackground-color: $main-body-color;\n\tborder-radius: 10px;\n}\n\n// Project pending\n.project-pending-table {\n\t&.recent-table {\n\t\tdiv.dt-container {\n\t\t\t.dt-layout-row {\n\n\t\t\t\t.dt-search {\n\t\t\t\t\t@media (min-width:641px) {\n\t\t\t\t\t\ttop: 30px;\n\t\t\t\t\t\tright: 55px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\ttable {\n\n\t\t\tthead,\n\t\t\ttbody {\n\t\t\t\ttr {\n\n\t\t\t\t\tth,\n\t\t\t\t\ttd {\n\t\t\t\t\t\tmin-width: auto;\n\t\t\t\t\t\tcolor: rgba($badge-light-color, 80%) !important;\n\n\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\tpadding-left: 20px;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:nth-child(4) {\n\t\t\t\t\t\t\t.btn {\n\t\t\t\t\t\t\t\tpadding: 10px;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t\tpadding-right: 20px;\n\n\t\t\t\t\t\t\t.btn {\n\t\t\t\t\t\t\t\tmin-width: 135px;\n\t\t\t\t\t\t\t\twidth: 135px;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@media (max-width:1735px) and (min-width:1661px) {\n\t\t\t\t\t\t\t&:nth-child(4) {\n\t\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@media (max-width:1636px) and (min-width:1661px) {\n\t\t\t\t\t\t\t&:nth-child(3) {\n\t\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@media (max-width:1336px) and (min-width:1200px) {\n\t\t\t\t\t\t\t&:nth-child(4) {\n\t\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@media (max-width:1199px) {\n\t\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\t\tmin-width: 100px;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:nth-child(2) {\n\t\t\t\t\t\t\t\tmin-width: 199px;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:nth-child(4) {\n\t\t\t\t\t\t\t\tmin-width: 74px;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\ta {\n\t\t\t\t\t\t\tcolor: var(--body-font-color);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\timg {\n\t\t\t\t\t\t\theight: calc(34px + (40 - 34) * ((100vw - 320px) / (1920 - 320)));\n\t\t\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.activity-wrapper {\n\t.schedule-wrapper {\n\t\tborder: unset;\n\t\tmargin-bottom: 18px;\n\t\tjustify-content: center;\n\t\tgap: 8px;\n\n\t\t@media (max-width:1818px) and (min-width:320px) {\n\t\t\tjustify-content: flex-start;\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t@media (max-width:1399px) and (min-width:768px) {\n\t\t\tgap: 20px;\n\t\t}\n\n\t\t.nav-item {\n\t\t\ta {\n\t\t\t\tborder: unset;\n\t\t\t\tpadding: 8px 14px;\n\t\t\t\tbackground-color: rgba($badge-light-color, 10%);\n\t\t\t\tborder-radius: 5px;\n\t\t\t}\n\t\t}\n\n\t\t.nav-item {\n\t\t\t.nav-link {\n\t\t\t\t&.active {\n\t\t\t\t\tbackground-color: $primary-color;\n\n\t\t\t\t\tspan,\n\t\t\t\t\th6 {\n\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t}\n\n\t\t\t\t\tspan {\n\t\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.tab-content {\n\t\t.activity-update {\n\t\t\t>li {\n\t\t\t\tborder-left: 3px solid rgba($badge-light-color, 20%);\n\t\t\t\tmargin-bottom: 28px;\n\t\t\t\tgap: 8px;\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t}\n\n\t\t\t\t.flex-grow-1 {\n\t\t\t\t\tmargin-left: 10px;\n\n\t\t\t\t\th6 {\n\t\t\t\t\t\tmargin-bottom: 6px;\n\t\t\t\t\t\tcolor: var(--body-font-color);\n\t\t\t\t\t\t@include multi-line-ellipsis(1, auto, vertical, hidden);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.flex-shrink-0 {\n\t\t\t\t\ttext-align: end;\n\n\t\t\t\t\tsvg {\n\t\t\t\t\t\twidth: 14px;\n\t\t\t\t\t\theight: 14px;\n\t\t\t\t\t\tfill: rgba($badge-light-color, 50%);\n\t\t\t\t\t\tvertical-align: text-top;\n\t\t\t\t\t\tmargin-right: 6px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.invite-member {\n\tul {\n\t\tli {\n\t\t\tmargin-bottom: 24px;\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\n\t\t\timg {\n\t\t\t\theight: 40px;\n\t\t\t\tborder-radius: 50%;\n\n\t\t\t\t@media (max-width:575px) {\n\t\t\t\t\theight: 30px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tsvg {\n\t\t\t\twidth: 18px;\n\t\t\t\theight: 18px;\n\t\t\t\tcursor: pointer;\n\n\t\t\t\t&:focus {\n\t\t\t\t\toutline: unset;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.d-flex {\n\t\t\t\tgap: 10px;\n\t\t\t}\n\n\t\t\t.flex-grow-1 {\n\n\t\t\t\tspan {\n\t\t\t\t\t@include multi-line-ellipsis(1, auto, vertical, hidden);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.user-comment-wrapper {\n\tli {\n\t\t.flex-grow-1 {\n\n\t\t\t.btn {\n\t\t\t\tpadding: 4px 6px;\n\t\t\t\tborder-radius: 5px;\n\t\t\t\tfont-weight: 500;\n\t\t\t\tbackground-color: var(--light-slate);\n\t\t\t\tfont-size: 13px;\n\n\t\t\t\t&:active {\n\t\t\t\t\tborder-color: $transparent-color;\n\t\t\t\t}\n\n\t\t\t\tsvg {\n\t\t\t\t\twidth: 14px;\n\t\t\t\t\theight: 14px;\n\t\t\t\t\tvertical-align: text-top;\n\t\t\t\t\tstroke: rgba($badge-light-color, 80%);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tspan {\n\t\t\t\tmargin-bottom: 10px;\n\t\t\t\tfont-size: 13px;\n\t\t\t\t@include multi-line-ellipsis(3, auto, vertical, hidden);\n\n\t\t\t}\n\t\t}\n\n\t\t+li {\n\t\t\tmargin-top: 18px;\n\t\t\tmargin-left: 46px;\n\t\t}\n\n\t\timg {\n\t\t\theight: 40px;\n\t\t\tborder-radius: 50%;\n\t\t}\n\t}\n}\n\n.task-overview {\n\tmargin: 0px 0 -20px 0px;\n}\n\n.cmt-box {\n\tpadding-top: 25px;\n\n\t@media (max-width:1845px) and (min-width:320px) {\n\t\tpadding-top: 18px;\n\t}\n\n\t.form-control {\n\t\tbackground-color: $main-body-color;\n\t\twidth: calc(100% - 61px - 4px);\n\n\t\t@media (max-width:1399px) and (min-width:1200px) {\n\t\t\theight: 2px;\n\t\t\twidth: calc(100% - 40px - 2px);\n\t\t}\n\n\t\t@media (max-width:575px) {\n\t\t\theight: 2px;\n\t\t\twidth: calc(100% - 40px - 2px);\n\t\t}\n\n\t\t&:focus {\n\t\t\tbox-shadow: unset;\n\t\t\tborder-color: rgba($badge-light-color, 20%);\n\t\t}\n\t}\n\n\ti {\n\t\t@include pixelstrap-size(61px, 61px);\n\t\tdisplay: grid;\n\t\tplace-content: center;\n\t\tborder-radius: 5px;\n\t\tbackground-color: $primary-color;\n\t\tcolor: $white;\n\t\tfont-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));\n\t\tcursor: pointer;\n\n\t\t@media (max-width:1399px) and (min-width:1200px) {\n\t\t\t@include pixelstrap-size(40px, 40px);\n\t\t}\n\n\t\t@media (max-width:575px) {\n\t\t\t@include pixelstrap-size(38px, 38px);\n\t\t}\n\t}\n}\n\n.project-budget-wrapper {\n\t.form-switch {\n\t\t@include pixelstrap-flex(flex, center, center);\n\t\tgap: 8px;\n\t}\n\n\t.progress {\n\t\tbackground: linear-gradient(180.36deg, #CFDCE8 -32.82%, $white 132.82%);\n\t\theight: 10px;\n\t\tmargin: 13px 0 6px 0;\n\n\t\t@media (max-width:1399px) {\n\t\t\tmargin: 4px 0 6px 0;\n\t\t}\n\t}\n\n\ttextarea {\n\t\tbackground-color: $main-body-color;\n\t\tcolor: rgba($badge-light-color, 80%);\n\t}\n\n\t.form-check-input,\n\t.form-control {\n\t\t&:focus {\n\t\t\tbox-shadow: unset;\n\t\t\tborder-color: $light-gray;\n\t\t}\n\t}\n\n\t.touchspin-wrapper {\n\t\tpadding: 8px 9px;\n\t\tbackground-color: $main-body-color;\n\t\tborder-radius: 5px;\n\n\t\t.btn-touchspin {\n\t\t\tbackground-color: var(--white);\n\t\t\t-webkit-box-shadow: 0px 9px 16px 0px rgba(57 ,73 ,171, 0.13);\n\t\t\t-moz-box-shadow: 0px 9px 16px 0px rgba(57 ,73 ,171, 0.13);\n\t\t\tbox-shadow: 0px 9px 16px 0px rgba(57 ,73 ,171, 0.13);\n\t\t\tborder: $transparent-color;\n\n\t\t\t@media (max-width:575px) {\n\t\t\t\t@include pixelstrap-size(28px, 28px);\n\t\t\t}\n\n\t\t\ti {\n\t\t\t\tcolor: rgba($badge-light-color, 80%);\n\t\t\t\tline-height: unset;\n\t\t\t}\n\t\t}\n\n\t\t.input-touchspin {\n\t\t\tborder: $transparent-color;\n\t\t\tbackground-color: $transparent-color;\n\t\t}\n\t}\n\n\t.card-footer {\n\t\t.btn {\n\t\t\t&:first-of-type {\n\t\t\t\tmargin-right: 12px;\n\n\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\tmargin-right: unset;\n\t\t\t\t\tmargin-left: 12px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.overall-budget {\n\tdiv.dt-container {\n\t\t.dt-layout-row {\n\t\t\t.dt-search {\n\t\t\t\tright: -50px;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.recent-table {\n\t\ttable {\n\n\t\t\tthead,\n\t\t\ttbody {\n\t\t\t\ttr {\n\n\t\t\t\t\tth,\n\t\t\t\t\ttd {\n\t\t\t\t\t\tmin-width: auto;\n\t\t\t\t\t\tcolor: $badge-light-color;\n\n\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\tpadding-left: 20px;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t\tpadding-right: 20px;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@media (max-width:1623px) and (min-width:1400px) {\n\t\t\t\t\t\t\t&:nth-child(2) {\n\t\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@media (max-width:1023px) {\n\t\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\t\tmin-width: 104px;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:nth-child(n+2) {\n\t\t\t\t\t\t\t\tmin-width: 121px;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// Team \n.main-team-box {\n\tdisplay: grid;\n\tgrid-template-columns: 1fr 1fr 1fr 1fr;\n\tgap: 20px;\n\n\t@media (max-width:1660px) and (min-width:1400px) {\n\t\tgrid-template-columns: 1fr 1fr 1fr;\n\t}\n\n\t@media (max-width:1399px) and (min-width:630px) {\n\t\tgrid-template-columns: 1fr 1fr;\n\t}\n\n\t@media (max-width:630px) {\n\t\tgrid-template-columns: 1fr;\n\t}\n\n\t>div {\n\t\tposition: relative;\n\t\tbackground-color: $main-body-color;\n\t\tbox-shadow: unset;\n\t\tmargin: 45px 0 0 0;\n\t\tborder-radius: 15px;\n\t\tletter-spacing: 0.5px;\n\t\tborder: none;\n\n\t\t&:hover {\n\t\t\tbox-shadow: unset;\n\t\t}\n\t}\n}\n\n.team-box {\n\t&-circle {\n\t\tposition: absolute;\n\t\t@include pixelstrap-size(calc(78px + (90 - 78) * ((100vw - 320px) / (1920 - 320))), calc(78px + (90 - 78) * ((100vw - 320px) / (1920 - 320))));\n\t\t@include pixelstrap-flex(flex, center, center);\n\t\tbackground-color: var(--white);\n\t\tborder-radius: 100%;\n\t\tleft: 50%;\n\t\ttop: -45px;\n\t\ttransform: translateX(-50%);\n\t\tz-index: 0;\n\n\t\timg {\n\t\t\theight: calc(58px + (70 - 58) * ((100vw - 320px) / (1920 - 320)));\n\t\t}\n\t}\n\n\t&-content {\n\t\ttext-align: center;\n\t\tmargin-top: 40px;\n\t\tpadding: 20px;\n\n\t\th6 {\n\t\t\ta {\n\t\t\t\tcolor: var(--body-font-color);\n\t\t\t}\n\t\t}\n\n\t\tp {\n\t\t\tcolor: rgba($badge-light-color, 80%);\n\t\t}\n\n\t\t.common-space {\n\n\t\t\tspan {\n\t\t\t\tfont-weight: 400;\n\t\t\t}\n\n\t\t\t>span {\n\t\t\t\tcolor: rgba($badge-light-color, 80%);\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t}\n\n\n\t\t.progress {\n\t\t\tbackground: linear-gradient(180.36deg, #CFDCE8 -32.82%, #FFFFFF 132.82%);\n\t\t\theight: 6px;\n\t\t\tmargin: 8px 0 5px 0;\n\t\t\tborder-radius: 50px;\n\t\t}\n\t}\n\n\t&-footer {\n\t\tpadding: 20px;\n\t\tborder-top: 1px dashed rgba($badge-light-color, 20%);\n\n\t\tp {\n\t\t\tcolor: rgba($badge-light-color, 80%);\n\t\t}\n\n\t\t.common-space {\n\t\t\ttext-align: center;\n\t\t\tgap: 8px;\n\t\t\tflex-wrap: wrap;\n\t\t}\n\t}\n}\n\n.attach-files-wrapper {\n\t.common-f-start {\n\t\tgap: calc(16px + (25 - 16) * ((100vw - 320px) / (1920 - 320)));\n\t\tflex-wrap: wrap;\n\n\t\t@media (max-width:362px) {\n\t\t\tjustify-content: center;\n\t\t}\n\n\t\t>div {\n\t\t\twidth: calc(140px + (174 - 140) * ((100vw - 320px) / (1920 - 320)));\n\t\t\theight: calc(104px + (138 - 104) * ((100vw - 320px) / (1920 - 320)));\n\t\t\tborder-radius: 8px;\n\t\t\tjustify-content: center;\n\t\t\tdisplay: grid;\n\t\t\talign-content: center;\n\t\t\tplace-items: center;\n\t\t\tgap: calc(8px + (12 - 8) * ((100vw - 320px) / (1920 - 320)));\n\n\t\t\t.outer-file-circle {\n\t\t\t\t@include pixelstrap-size(calc(45px + (64 - 45) * ((100vw - 320px) / (1920 - 320))), calc(45px + (64 - 45) * ((100vw - 320px) / (1920 - 320))));\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tdisplay: grid;\n\t\t\t\tplace-items: center;\n\n\t\t\t\tsvg {\n\t\t\t\t\t@include pixelstrap-size(calc(22px + (30 - 22) * ((100vw - 320px) / (1920 - 320))), calc(22px + (30 - 22) * ((100vw - 320px) / (1920 - 320))));\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tp {\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t}\n\t}\n\n\t.upload-files-wrapper {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: 1fr 1fr 1fr 1fr;\n\t\trow-gap: 25px;\n\t\tcolumn-gap: 20px;\n\n\t\t@media (max-width:1660px) and (min-width:1400px) {\n\t\t\tgrid-template-columns: 1fr 1fr 1fr;\n\t\t}\n\n\t\t@media (max-width:1399px) and (min-width:576px) {\n\t\t\tgrid-template-columns: 1fr 1fr;\n\t\t}\n\n\t\t@media (max-width:575px) {\n\t\t\tgrid-template-columns: 1fr;\n\t\t}\n\n\t\t>div {\n\t\t\tbackground-color: $main-body-color;\n\t\t\tpadding: 18px;\n\t\t\tborder-radius: 10px;\n\n\t\t\t.d-flex {\n\t\t\t\tgap: 22px;\n\t\t\t\tmargin-bottom: 25px;\n\t\t\t\talign-items: center;\n\n\t\t\t\tsvg {\n\t\t\t\t\t@include pixelstrap-size(calc(26px + (39 - 26) * ((100vw - 320px) / (1920 - 320))), calc(48px + (55 - 48) * ((100vw - 320px) / (1920 - 320))));\n\t\t\t\t}\n\n\t\t\t\tp {\n\t\t\t\t\t@include multi-line-ellipsis(1, auto, vertical, hidden);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.common-space {\n\n\t\t\t\tp,\n\t\t\t\tspan {\n\t\t\t\t\tcolor: rgba($badge-light-color, 80%);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.progress {\n\t\t\t\tmargin-top: 8px;\n\t\t\t\tbackground: linear-gradient(180.36deg, #CFDCE8 -32.82%, #FFFFFF 99.69%);\n\t\t\t\theight: 6px;\n\t\t\t}\n\n\t\t\t&.upload-file-box {\n\t\t\t\tbackground-color: rgba($primary-color, 0.1);\n\t\t\t\tborder: 1px dashed $primary-color;\n\t\t\t\tdisplay: grid;\n\t\t\t\tcursor: pointer;\n\n\t\t\t\t.d-flex {\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\t@include pixelstrap-flex(flex, center, center);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.create-file-box {\n\t\t\t\tbackground-color: rgba($warning-color, 0.1);\n\t\t\t\tborder: 1px dashed $warning-color;\n\t\t\t\tdisplay: grid;\n\t\t\t\tcursor: pointer;\n\n\t\t\t\t.d-flex {\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\t@include pixelstrap-flex(flex, center, center);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// project-timeline\n\n.project-timeline {\n\t.notification {\n\t\tul {\n\t\t\tli {\n\t\t\t\t&:last-child {\n\t\t\t\t\tpadding-bottom: 0;\n\t\t\t\t}\n\n\t\t\t\th6 {\n\t\t\t\t\tmargin-bottom: 6px;\n\t\t\t\t\t@include multi-line-ellipsis(2, auto, vertical, hidden);\n\t\t\t\t}\n\n\t\t\t\t.date-time {\n\t\t\t\t\t@include pixelstrap-flex(flex, flex-start, center);\n\n\t\t\t\t\t@media (max-width:767px) {\n\t\t\t\t\t\tflex-direction: column;\n\t\t\t\t\t\talign-items: flex-start;\n\n\t\t\t\t\t\t.activity-profile {\n\t\t\t\t\t\t\tborder-left: unset;\n\t\t\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tspan {\n\t\t\t\t\tcolor: rgba($badge-light-color, 80%);\n\n\t\t\t\t\t.activity-profile {\n\t\t\t\t\t\tborder-left: 1px solid rgba($badge-light-color, 20%);\n\t\t\t\t\t\tpadding-left: 10px;\n\t\t\t\t\t\tmargin-left: 10px;\n\n\t\t\t\t\t\timg {\n\t\t\t\t\t\t\tmargin-right: 6px;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\tvertical-align: text-top;\n\t\t\t\t\t\t\tcolor: rgba($badge-light-color, 80%);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t>div {\n\t\t\t\t\tspan:not(.activity-profile, .activity-profile span, .date-time) {\n\t\t\t\t\t\t@include multi-line-ellipsis(3, auto, vertical, hidden);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.upload-doc {\n\t\t\t\t\tbackground-color: $main-body-color;\n\t\t\t\t\tpadding: 12px 15px;\n\t\t\t\t\tmin-width: calc(234px + (305 - 234) * ((100vw - 320px) / (1920 - 320)));\n\t\t\t\t\twidth: calc(234px + (305 - 234) * ((100vw - 320px) / (1920 - 320)));\n\n\t\t\t\t\t.d-flex {\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tgap: 15px;\n\t\t\t\t\t}\n\n\t\t\t\t\tsvg {\n\t\t\t\t\t\t@include pixelstrap-size(29px, 39px);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.flowchart-wrapper {\n\t\t\t\t\tgap: 25px;\n\t\t\t\t\tpadding: calc(16px + (25 - 16) * ((100vw - 320px) / (1920 - 320)));\n\t\t\t\t\tbackground-color: $main-body-color;\n\t\t\t\t\t@include pixelstrap-flex(flex, flex-start, center);\n\t\t\t\t\tflex-wrap: wrap;\n\n\t\t\t\t\t@media (max-width:621px) {\n\t\t\t\t\t\tgap: 18px;\n\t\t\t\t\t}\n\n\t\t\t\t\t@media (max-width:606px) {\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t}\n\n\t\t\t\t\t.flowchart-img {\n\t\t\t\t\t\timg {\n\t\t\t\t\t\t\theight: 100px;\n\t\t\t\t\t\t\tborder-radius: 8px;\n\t\t\t\t\t\t\twidth: 135px;\n\t\t\t\t\t\t\tobject-fit: cover;\n\t\t\t\t\t\t\tobject-position: center;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.project-teammate {\n\t\t\t\t\tul {\n\t\t\t\t\t\t@include group-profile;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.project-task-note {\n\t\t\t\t\tborder: 1px dashed rgba($badge-light-color, 30%);\n\n\t\t\t\t\tthead,\n\t\t\t\t\ttbody {\n\t\t\t\t\t\ttr {\n\n\t\t\t\t\t\t\tth,\n\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\t\t\tmin-width: 152px;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&:nth-child(2) {\n\t\t\t\t\t\t\t\t\tmin-width: 265px;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&:nth-child(3) {\n\t\t\t\t\t\t\t\t\tmin-width: 112px;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&:nth-child(n+4) {\n\t\t\t\t\t\t\t\t\tmin-width: 130px;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.project-header {\n\t\t\t\t\t\tbackground-color: var(--recent-chart-bg);\n\t\t\t\t\t\tborder-bottom: 1px solid rgba($badge-light-color, 30%);\n\t\t\t\t\t}\n\n\t\t\t\t\t.project-content {\n\t\t\t\t\t\tbackground-color: rgba($badge-light-color, 10%);\n\n\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t.common-f-start {\n\t\t\t\t\t\t\t\t@include group-profile;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.btn-white {\n\t\t\t\t\t\t\t\tcolor: $badge-light-color;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.badge {\n\t\t\t\t\t\t\t\tpadding: 10px;\n\t\t\t\t\t\t\t\tborder-left: unset;\n\t\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.btn {\n\t\t\t\t\t\t\t\tbackground-color: var(--white);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tul {\n\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\timg {\n\t\t\t\t\t\t\t\t\t\t@include pixelstrap-size(32px, 32px);\n\t\t\t\t\t\t\t\t\t\tborder: 2px solid var(--white);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// Project List\n.project-cards {\n\t.project-list {\n\t\t.main-card-box {\n\t\t\tborder: 1px solid var(--white);\n\t\t\tborder-radius: 5px;\n\n\t\t\t>.common-space {\n\t\t\t\tflex-wrap: wrap;\n\t\t\t}\n\n\t\t\t.common-f-start {\n\t\t\t\tli {\n\t\t\t\t\t.common-circle {\n\t\t\t\t\t\t@include pixelstrap-size(40px, 40px);\n\n\t\t\t\t\t\t@media (max-width:575px) {\n\t\t\t\t\t\t\t@include pixelstrap-size(30px, 30px);\n\t\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.cost-performance-wrapper {\n\t\t\t\twidth: 180px;\n\n\t\t\t\t.apexcharts-graphical {\n\t\t\t\t\ttransform: scale(0.8);\n\t\t\t\t}\n\n\t\t\t\t.apexcharts-tooltip {\n\t\t\t\t\tspan {\n\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.cost-right-data {\n\t\t\t\tul {\n\t\t\t\t\tli {\n\t\t\t\t\t\tpadding: calc(11px + (12 - 11) * ((100vw - 320px) / (1920 - 320)));\n\n\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\tborder-bottom: 1px dashed rgba($badge-light-color, 20%);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\tcolor: rgba($badge-light-color, 80%);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t>.common-space {\n\t\t\t\tborder-bottom: 1px dashed rgba($badge-light-color, 20%);\n\t\t\t}\n\n\t\t\t.project-right-icon {\n\t\t\t\t@include pixelstrap-size(calc(36px + (46 - 36) * ((100vw - 320px) / (1920 - 320))), calc(36px + (46 - 36) * ((100vw - 320px) / (1920 - 320))));\n\t\t\t\tborder-radius: 5px;\n\t\t\t\t@include pixelstrap-flex(flex, center, center);\n\n\t\t\t\ti {\n\t\t\t\t\tfont-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.highlight-content {\n\t\t\t\t.common-space {\n\t\t\t\t\tflex-wrap: wrap;\n\t\t\t\t\tgap: 6px;\n\n\t\t\t\t\tsvg {\n\t\t\t\t\t\theight: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));\n\t\t\t\t\t\tvertical-align: middle;\n\t\t\t\t\t\tmargin-right: 6px;\n\t\t\t\t\t}\n\n\t\t\t\t\tspan {\n\t\t\t\t\t\tfont-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));\n\t\t\t\t\t}\n\n\t\t\t\t\t@media (max-width:370px) {\n\t\t\t\t\t\tflex-direction: column;\n\t\t\t\t\t\talign-items: flex-start;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tspan {\n\t\t\t\tcolor: var(--body-font-color);\n\t\t\t}\n\n\t\t\tul {\n\t\t\t\t&.common-f-start {\n\t\t\t\t\t@include group-profile;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.project-list-card {\n\t\t\t\tpadding: 20px;\n\t\t\t\t@include last-padding;\n\t\t\t}\n\n\t\t\t.highlight-content {\n\t\t\t\tpadding: 20px;\n\t\t\t\t@include last-padding;\n\t\t\t}\n\n\t\t\t@media (max-width:1784px) {\n\t\t\t\t.main-cost-performance {\n\t\t\t\t\t.common-space {\n\t\t\t\t\t\tflex-wrap: wrap;\n\t\t\t\t\t\tjustify-content: center;\n\n\t\t\t\t\t\t.cost-right-data {\n\t\t\t\t\t\t\tul {\n\t\t\t\t\t\t\t\t@include pixelstrap-flex(flex, center, center);\n\t\t\t\t\t\t\t\tgap: calc(0px + (28 - 0) * ((100vw - 320px) / (1920 - 320)));\n\n\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\t\t\t\tborder-bottom: unset;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media (max-width:1399px) {\n\t\t\t\t.main-cost-performance {\n\t\t\t\t\t.common-space {\n\t\t\t\t\t\tflex-direction: column;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.project-tabs {\n\tflex-wrap: wrap;\n\tgap: 12px;\n\n\t&.common-space {\n\t\t.nav-tabs {\n\t\t\tmargin-bottom: 0;\n\t\t\tborder: unset;\n\n\t\t\t.nav-item {\n\t\t\t\t.nav-link {\n\t\t\t\t\tpadding-bottom: 0;\n\t\t\t\t\ttext-align: left;\n\n\t\t\t\t\tsvg {\n\t\t\t\t\t\theight: 18px;\n\t\t\t\t\t\tvertical-align: middle;\n\t\t\t\t\t\tmargin-right: 5px;\n\t\t\t\t\t}\n\n\t\t\t\t\t@media (max-width:645px) and (min-width:576px) {\n\t\t\t\t\t\tpadding: 10px 15px;\n\t\t\t\t\t}\n\n\t\t\t\t\t@media (max-width:575px) {\n\t\t\t\t\t\tpadding: 10px 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@media (min-width:576px) {\n\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t.nav-link {\n\t\t\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t.nav-link {\n\t\t\t\t\t\t\tpadding-right: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@media (max-width:575px) {\n\t\t\t\t\t.nav-link {\n\t\t\t\t\t\tfont-size: 14px;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t.nav-link {\n\t\t\t\t\t\t\tpadding-top: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.btn {\n\t\t\ti {\n\t\t\t\tvertical-align: middle;\n\t\t\t\tmargin-right: 8px;\n\t\t\t}\n\t\t}\n\t}\n\n\t@media (max-width:575px) {\n\t\tflex-direction: column;\n\t\talign-items: flex-start;\n\n\t}\n}\n\n.projects-wrapper {\n\t@include pixelstrap-status;\n\n\t.list-box {\n\t\tborder-radius: 2px;\n\t}\n\n\t[class*='title-line-'] {\n\t\t&::before {\n\t\t\tleft: 12px;\n\t\t}\n\t}\n\n\tsvg {\n\t\t@include pixelstrap-size(16px, 16px);\n\t\tvertical-align: sub;\n\t}\n\n\t.project-body {\n\t\t.common-f-start:not(ul) {\n\t\t\tmargin-bottom: 24px;\n\n\t\t\timg {\n\t\t\t\theight: calc(50px + (67 - 50) * ((100vw - 320px) / (1920 - 320)));\n\t\t\t\tborder-radius: 14px;\n\t\t\t}\n\n\t\t\t@media (max-width:400px) {\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tmargin-bottom: 6px;\n\t\t\t}\n\t\t}\n\n\t\t.project-bottom {\n\t\t\t.common-f-start {\n\t\t\t\tpadding-bottom: 0;\n\t\t\t}\n\n\t\t\tp {\n\t\t\t\tcolor: rgba($badge-light-color, 80%);\n\n\t\t\t\tspan {\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\tbackground-color: unset;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tborder-radius: 0;\n\t\t\t\t\tcolor: var(--body-font-color);\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tul {\n\t\t\t\tli {\n\t\t\t\t\timg {\n\t\t\t\t\t\t@include pixelstrap-size(32px, 32px);\n\t\t\t\t\t\tborder: 1px solid var(--white);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&:last-child {\n\t\t.card {\n\t\t\tmargin-bottom: 20px;\n\t\t}\n\t}\n\n\t.header-top {\n\t\t.badge-light-success {\n\t\t\t&:hover {\n\t\t\t\tbackground-color: rgba($success-color, 0.15);\n\t\t\t}\n\t\t}\n\n\t\t.badge-light-warning {\n\t\t\t&:hover {\n\t\t\t\tbackground-color: rgba($warning-color, 0.1);\n\t\t\t}\n\t\t}\n\t}\n}\n\n@media (max-width:1660px) and (min-width:1400px) {\n\t.recent-xl-50 {\n\t\tmax-width: 50%;\n\t\tflex: 0 0 50%;\n\t}\n\n\t.recent-xl-23 {\n\t\tmax-width: 23%;\n\t\tflex: 0 0 23%;\n\t}\n\n\t.recent-xl-77 {\n\t\tmax-width: 77%;\n\t\tflex: 0 0 77%;\n\t}\n}\n\n/**=====================\n   3.50 Project_list CSS Ends\n==========================**/","/**=====================\n    3.51 Placeholders CSS Start\n==========================**/\n\n.placeholder-light {\n    background-color: $dark-color;\n    opacity: 0.08;\n}\n\n.loading-card-wrapper {\n    img {\n        height: calc(125px + (200 - 125) * ((100vw - 320px) / (1920 - 320)));\n        object-fit: cover;\n    }\n}\n\n.placeholder-body {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n\n    .placeholder-start {\n        .square {\n            width: calc(50px + (60 - 50) * ((100vw - 320px) / (1920 - 320)));\n            height: calc(50px + (60 - 50) * ((100vw - 320px) / (1920 - 320)));\n            border-radius: 5px;\n            background: linear-gradient(to right, rgba($dark-gray, 0.02) 2%, rgba(130, 130, 130, 0.02) 2%, rgba($dark-gray, 0.1) 14%);\n            background-size: 800px 100px;\n            animation: wave-square-lines 2s infinite ease-out;\n\n            &.circle {\n                border-radius: 50%;\n                height: calc(50px + (60 - 50) * ((100vw - 320px) / (1920 - 320)));\n                width: calc(50px + (60 - 50) * ((100vw - 320px) / (1920 - 320)));\n            }\n        }\n    }\n\n    .placeholder-end {\n        flex: 1;\n\n        .placeholder-line {\n            height: 12px;\n            margin-bottom: 6px;\n            border-radius: 2px;\n            background: linear-gradient(to right, rgba($dark-gray, 0.02) 2%, rgba(130, 130, 130, 0.02) 2%, rgba($dark-gray, 0.1) 14%);\n            background-size: 800px 100px;\n            animation: wave-left-lines 2s infinite ease-out;\n\n            &:last-child {\n                margin-bottom: 0;\n            }\n        }\n    }\n}\n\n.animation-placeholder {\n    p {\n        margin-bottom: 0;\n    }\n}\n\n@keyframes wave-left-lines {\n    0% {\n        background-position: -460px 0;\n    }\n\n    100% {\n        background-position: 460px 0;\n    }\n}\n\n@keyframes wave-square-lines {\n    0% {\n        background-position: -460px 0;\n    }\n\n    100% {\n        background-position: 460px 0;\n    }\n}\n\n@keyframes placeholder-glow {\n    50% {\n        opacity: 0.1;\n    }\n}\n\n/**=====================\n    3.51 Placeholders CSS End\n==========================**/","/**=====================\n   3.52 Rating CSS Start\n==========================**/\n\n@-webkit-keyframes shake {\n    30% {\n        transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px);\n    }\n\n    60% {\n        transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px);\n    }\n\n    100% {\n        transform: perspective(240px) translateZ(4px);\n    }\n}\n\n@keyframes shake {\n    30% {\n        transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px);\n    }\n\n    60% {\n        transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px);\n    }\n\n    100% {\n        transform: perspective(240px) translateZ(4px);\n    }\n}\n\n@-webkit-keyframes tear {\n    0% {\n        opacity: 0;\n        transform: translateY(-2px) scale(0) translateZ(0);\n    }\n\n    50% {\n        transform: translateY(12px) scale(0.6, 1.2) translateZ(0);\n    }\n\n    20%,\n    80% {\n        opacity: 1;\n    }\n\n    100% {\n        opacity: 0;\n        transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0);\n    }\n}\n\n@keyframes tear {\n    0% {\n        opacity: 0;\n        transform: translateY(-2px) scale(0) translateZ(0);\n    }\n\n    50% {\n        transform: translateY(12px) scale(0.6, 1.2) translateZ(0);\n    }\n\n    20%,\n    80% {\n        opacity: 1;\n    }\n\n    100% {\n        opacity: 0;\n        transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0);\n    }\n}\n\n@-webkit-keyframes toggle {\n    50% {\n        transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg));\n    }\n}\n\n@keyframes toggle {\n    50% {\n        transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg));\n    }\n}\n\n@-webkit-keyframes angry {\n    40% {\n        background: var(--active);\n    }\n\n    45% {\n        box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry);\n    }\n}\n\n@keyframes angry {\n    40% {\n        background: var(--active);\n    }\n\n    45% {\n        box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry);\n    }\n}\n\n.feedback {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 10px;\n\n    li {\n        position: relative;\n        border-radius: 50%;\n        background: var(--sb, var(--normal));\n        box-shadow: inset 3px -3px 4px var(--sh, var(--normal-shadow));\n        transition: background 0.4s, box-shadow 0.4s, transform 0.3s;\n        -webkit-tap-highlight-color: transparent;\n\n        &:not(:last-child) {\n            margin-right: 20px;\n        }\n\n        div {\n            width: 40px;\n            height: 40px;\n            position: relative;\n            transform: perspective(240px) translateZ(4px);\n\n            svg {\n                display: block;\n                position: absolute;\n                left: var(--l, 9px);\n                top: var(--t, 13px);\n                width: var(--w, 8px);\n                height: var(--h, 2px);\n                transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);\n                fill: none;\n                stroke: var(--s);\n                stroke-width: 2px;\n                stroke-linecap: round;\n                stroke-linejoin: round;\n                transition: stroke 0.4s;\n            }\n\n            &:before {\n                display: block;\n                position: absolute;\n                left: var(--l, 9px);\n                top: var(--t, 13px);\n                width: var(--w, 8px);\n                height: var(--h, 2px);\n                transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);\n                content: \"\";\n                z-index: var(--zi, 1);\n                border-radius: var(--br, 1px);\n                background: var(--b, var(--e, var(--normal-eye)));\n                transition: background 0.4s;\n            }\n\n            &:after {\n                display: block;\n                position: absolute;\n                left: var(--l, 9px);\n                top: var(--t, 13px);\n                width: var(--w, 8px);\n                height: var(--h, 2px);\n                transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);\n                content: \"\";\n                z-index: var(--zi, 1);\n                border-radius: var(--br, 1px);\n                background: var(--b, var(--e, var(--normal-eye)));\n                transition: background 0.4s;\n            }\n\n            svg.eye {\n                --s: var(--e, var(--normal-eye));\n                --t: 17px;\n                --w: 7px;\n                --h: 4px;\n            }\n\n            svg.eye.right {\n                --l: 23px;\n            }\n\n            svg.mouth {\n                --s: var(--m, var(--normal-mouth));\n                --l: 11px;\n                --t: 23px;\n                --w: 18px;\n                --h: 7px;\n            }\n        }\n\n        &:not(.active) {\n            cursor: pointer;\n\n            &:active {\n                transform: scale(0.925);\n            }\n        }\n    }\n\n    li.angry {\n        --step-1-rx: -24deg;\n        --step-1-ry: 20deg;\n        --step-2-rx: -24deg;\n        --step-2-ry: -20deg;\n\n        div {\n            &:before {\n                --r: 20deg;\n            }\n\n            &:after {\n                --l: 23px;\n                --r: -20deg;\n            }\n\n            svg.eye {\n                stroke-dasharray: 4.55;\n                stroke-dashoffset: 8.15;\n            }\n        }\n    }\n\n    li.angry.active {\n        -webkit-animation: angry 1s linear;\n        animation: angry 1s linear;\n\n        div {\n            &:before {\n                --middle-y: -2px;\n                --middle-r: 22deg;\n                -webkit-animation: toggle 0.8s linear forwards;\n                animation: toggle 0.8s linear forwards;\n            }\n\n            &:after {\n                --middle-y: 1px;\n                --middle-r: -18deg;\n                -webkit-animation: toggle 0.8s linear forwards;\n                animation: toggle 0.8s linear forwards;\n            }\n        }\n    }\n\n    li.sad {\n        --step-1-rx: 20deg;\n        --step-1-ry: -12deg;\n        --step-2-rx: -18deg;\n        --step-2-ry: 14deg;\n\n        div {\n            &:before {\n                --b: var(--active-tear);\n                --sc: 0;\n                --w: 5px;\n                --h: 5px;\n                --t: 15px;\n                --br: 50%;\n            }\n\n            &:after {\n                --b: var(--active-tear);\n                --sc: 0;\n                --w: 5px;\n                --h: 5px;\n                --t: 15px;\n                --br: 50%;\n                --l: 25px;\n            }\n\n            svg.eye {\n                --t: 16px;\n            }\n\n            svg.mouth {\n                --t: 24px;\n                stroke-dasharray: 9.5;\n                stroke-dashoffset: 33.25;\n            }\n        }\n    }\n\n    li.sad.active {\n        div {\n            &:before {\n                -webkit-animation: tear 0.6s linear forwards;\n                animation: tear 0.6s linear forwards;\n            }\n\n            &:after {\n                -webkit-animation: tear 0.6s linear forwards;\n                animation: tear 0.6s linear forwards;\n            }\n        }\n    }\n\n    li.ok {\n        --step-1-rx: 4deg;\n        --step-1-ry: -22deg;\n        --step-1-rz: 6deg;\n        --step-2-rx: 4deg;\n        --step-2-ry: 22deg;\n        --step-2-rz: -6deg;\n\n        div {\n            &:before {\n                --l: 12px;\n                --t: 17px;\n                --h: 4px;\n                --w: 4px;\n                --br: 50%;\n                box-shadow: 12px 0 0 var(--e, var(--normal-eye));\n            }\n\n            &:after {\n                --l: 13px;\n                --t: 26px;\n                --w: 14px;\n                --h: 2px;\n                --br: 1px;\n                --b: var(--m, var(--normal-mouth));\n            }\n        }\n    }\n\n    li.ok.active {\n        div {\n            &:before {\n                --middle-s-y: .35;\n                -webkit-animation: toggle 0.2s linear forwards;\n                animation: toggle 0.2s linear forwards;\n            }\n\n            &:after {\n                --middle-s-x: .5;\n                -webkit-animation: toggle 0.7s linear forwards;\n                animation: toggle 0.7s linear forwards;\n            }\n        }\n    }\n\n    li.good {\n        --step-1-rx: -14deg;\n        --step-1-rz: 10deg;\n        --step-2-rx: 10deg;\n        --step-2-rz: -8deg;\n\n        div {\n            &:before {\n                --b: var(--m, var(--normal-mouth));\n                --w: 5px;\n                --h: 5px;\n                --br: 50%;\n                --t: 22px;\n                --zi: 0;\n                opacity: 0.5;\n                box-shadow: 16px 0 0 var(--b);\n                filter: blur(2px);\n            }\n\n            &:after {\n                --sc: 0;\n            }\n\n            svg.eye {\n                --t: 15px;\n                --sc: -1;\n                stroke-dasharray: 4.55;\n                stroke-dashoffset: 8.15;\n            }\n\n            svg.mouth {\n                --t: 22px;\n                --sc: -1;\n                stroke-dasharray: 13.3;\n                stroke-dashoffset: 23.75;\n            }\n        }\n    }\n\n    li.good.active {\n        div {\n            svg.mouth {\n                --middle-y: 1px;\n                --middle-s: -1;\n                -webkit-animation: toggle 0.8s linear forwards;\n                animation: toggle 0.8s linear forwards;\n            }\n        }\n    }\n\n    li.happy {\n        div {\n            --step-1-rx: 18deg;\n            --step-1-ry: 24deg;\n            --step-2-rx: 18deg;\n            --step-2-ry: -24deg;\n\n            &:before {\n                --sc: 0;\n            }\n\n            &:after {\n                --b: var(--m, var(--normal-mouth));\n                --l: 11px;\n                --t: 23px;\n                --w: 18px;\n                --h: 8px;\n                --br: 0 0 8px 8px;\n            }\n\n            svg.eye {\n                --t: 14px;\n                --sc: -1;\n            }\n        }\n    }\n\n    li.happy.active {\n        div {\n            &:after {\n                --middle-s-x: .95;\n                --middle-s-y: .75;\n                -webkit-animation: toggle 0.8s linear forwards;\n                animation: toggle 0.8s linear forwards;\n            }\n        }\n    }\n\n    li.active {\n        --sb: var(--active);\n        --sh: var(--active-shadow);\n        --m: var(--active-mouth);\n        --e: var(--active-eye);\n\n        div {\n            -webkit-animation: shake 0.8s linear forwards;\n            animation: shake 0.8s linear forwards;\n        }\n    }\n}\n\n// Star Rating\n.main-star-rating {\n    position: relative;\n\n    .star-box,\n    .star-box1 {\n        i {\n            color: $gray-60;\n            font-size: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));\n            cursor: pointer;\n            transition: color 0.2s ease;\n\n            &.active {\n                color: $warning-color;\n            }\n        }\n    }\n}\n\n.rating-stars-2 {\n    .emoji-rating .outer-emoji {\n        width: 60px;\n        height: 60px;\n        display: flex;\n        justify-content: center;\n        overflow: hidden;\n    }\n\n    .outer-emoji .emojis {\n        height: 500%;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .outer-emoji .emojis li {\n        height: 20%;\n        width: 100%;\n        list-style: none;\n        transition: all 0.3s ease;\n    }\n\n    .outer-emoji li i {\n        font-size: 45px;\n        color: $semi-dark;\n    }\n\n    #star-2:checked~.common-align .emojis .slide-emoji {\n        margin-top: -50px;\n    }\n\n    #star-3:checked~.common-align .emojis .slide-emoji {\n        margin-top: -112px;\n    }\n\n    #star-4:checked~.common-align .emojis .slide-emoji {\n        margin-top: -172px;\n    }\n\n    #star-5:checked~.common-align .emojis .slide-emoji {\n        margin-top: -232px;\n    }\n\n    .stars label {\n        font-size: 22px;\n        color: $gray-60;\n    }\n\n    #star-1:hover~.common-align .stars .star-1,\n    #star-1:checked~.common-align .stars .star-1,\n    #star-2:hover~.common-align .stars .star-1,\n    #star-2:hover~.common-align .stars .star-2,\n    #star-2:checked~.common-align .stars .star-1,\n    #star-2:checked~.common-align .stars .star-2,\n    #star-3:hover~.common-align .stars .star-1,\n    #star-3:hover~.common-align .stars .star-2,\n    #star-3:hover~.common-align .stars .star-3,\n    #star-3:checked~.common-align .stars .star-1,\n    #star-3:checked~.common-align .stars .star-2,\n    #star-3:checked~.common-align .stars .star-3,\n    #star-4:hover~.common-align .stars .star-1,\n    #star-4:hover~.common-align .stars .star-2,\n    #star-4:hover~.common-align .stars .star-3,\n    #star-4:hover~.common-align .stars .star-4,\n    #star-4:checked~.common-align .stars .star-1,\n    #star-4:checked~.common-align .stars .star-2,\n    #star-4:checked~.common-align .stars .star-3,\n    #star-4:checked~.common-align .stars .star-4,\n    #star-5:hover~.common-align .stars .star-1,\n    #star-5:hover~.common-align .stars .star-2,\n    #star-5:hover~.common-align .stars .star-3,\n    #star-5:hover~.common-align .stars .star-4,\n    #star-5:hover~.common-align .stars .star-5,\n    #star-5:checked~.common-align .stars .star-1,\n    #star-5:checked~.common-align .stars .star-2,\n    #star-5:checked~.common-align .stars .star-3,\n    #star-5:checked~.common-align .stars .star-4,\n    #star-5:checked~.common-align .stars .star-5 {\n        color: $warning-color;\n    }\n\n    .emoji-rating .main-emoji-text {\n        border-top: 1px solid var(--chart-dashed-border);\n        background: var(--light-background);\n        width: 100%;\n        height: 50px;\n        padding: 0 20px;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        flex-wrap: wrap;\n\n        @media (max-width:1682px) {\n            padding: 12px;\n            height: 74px;\n        }\n\n        .emoji-msg {\n            @media (max-width:1511px) {\n                overflow: hidden;\n                text-overflow: ellipsis;\n                white-space: nowrap;\n                max-width: 294px;\n            }\n        }\n    }\n\n    .main-emoji-text .emoji-msg::before {\n        content: \"No issues detected\";\n    }\n\n    .main-emoji-text .emoji-number::before {\n        content: \"0 out of 5\";\n    }\n\n    #star-1:checked~.main-emoji-text .emoji-msg::before {\n        content: \"We have observed unacceptable behavior.\";\n        padding-right: 12px;\n    }\n\n    #star-1:checked~.main-emoji-text .emoji-number::before {\n        content: \"1 out of 5\";\n    }\n\n    #star-2:checked~.main-emoji-text .emoji-msg::before {\n        content: \"Your request cannot be processed.\";\n        padding-right: 12px;\n    }\n\n    #star-2:checked~.main-emoji-text .emoji-number::before {\n        content: \"2 out of 5\";\n    }\n\n    s #star-3:checked~.main-emoji-text .emoji-msg::before {\n        content: \"Well done! The operation was successfully finished.\";\n        padding-right: 12px;\n    }\n\n    #star-3:checked~.main-emoji-text .emoji-number::before {\n        content: \"3 out of 5\";\n    }\n\n    #star-4:checked~.main-emoji-text .emoji-msg::before {\n        content: \"Thank you for your ongoing assistance.\";\n        padding-right: 12px;\n    }\n\n    #star-4:checked~.main-emoji-text .emoji-number::before {\n        content: \"4 out of 5\";\n    }\n\n    #star-5:checked~.main-emoji-text .emoji-msg::before {\n        content: \"Task successfully finished.\";\n        padding-right: 12px;\n    }\n\n    #star-5:checked~.main-emoji-text .emoji-number::before {\n        content: \"5 out of 5\";\n    }\n\n    input[type=\"radio\"] {\n        display: none;\n    }\n}\n\n// Emoji with message display\n.msg-emojis-wrapper {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    .star-widget {\n        margin: 0;\n\n        input {\n            display: none;\n        }\n\n        label {\n            font-size: 35px;\n            color: $gray-60;\n            padding: 0 10px;\n            float: right;\n            margin: 0;\n            transition: all 0.2s ease;\n\n            @media (max-width:1500px) and (min-width:401px) {\n                font-size: 30px;\n            }\n\n            @media (max-width:400px) {\n                font-size: 25px;\n                padding: 0 8px;\n            }\n        }\n    }\n\n    form {\n        display: none;\n    }\n}\n\ninput:checked~form {\n    display: block;\n    margin-top: 45px;\n}\n\n.star-widget {\n\n    input:not(:checked)~label:hover,\n    input:not(:checked)~label:hover~label {\n        color: $warning-color;\n    }\n\n    input:checked~label {\n        color: $warning-color;\n    }\n}\n\ninput#rate-5:checked~label {\n    color: $light-warning;\n    text-shadow: 0 0 20px var(--active-shadow);\n}\n\n#rate-1:checked~form header:before {\n    content: \"Simple and effective \";\n}\n\n#rate-2:checked~form header:before {\n    content: \"Great value! \";\n}\n\n#rate-3:checked~form header:before {\n    content: \"High-quality product\";\n}\n\n#rate-4:checked~form header:before {\n    content: \"Will definitely order again\";\n}\n\n#rate-5:checked~form header:before {\n    content: \"Delicious and satisfying\";\n}\n\nform header {\n    width: 100%;\n    font-size: 18px;\n    color: var(--chart-text-color);\n    font-weight: 500;\n    margin: 0;\n    text-align: center;\n    transition: all 0.2s ease;\n}\n\n// Heart rating \n.heart-rating {\n    text-align: center;\n\n    .rating-system3 {\n        width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 28px;\n        flex-direction: row-reverse;\n        position: relative;\n    }\n\n    span {\n        display: inline-block;\n        width: 10px;\n        height: 10px;\n        background: $danger-color;\n        position: absolute;\n        left: 20px;\n    }\n\n    input {\n        display: none;\n    }\n\n    label {\n        display: block;\n        width: 20px;\n        height: 5px;\n        background: $gray-60;\n        position: relative;\n        transition: all .3s;\n        margin: 0;\n    }\n\n    .rating-text {\n        color: var(--chart-text-color);\n        padding: 18px 0 0;\n        position: absolute;\n        width: 100%;\n        top: 100%;\n    }\n\n    /*rating system 3*/\n    .rating-system3 label {\n        width: 10px;\n        height: 10px;\n\n        &:last-child {\n            margin-left: 0;\n        }\n    }\n\n    .rating-system3 {\n\n        label:hover,\n        label:hover~label {\n            background: $danger-color;\n            border-radius: 100%;\n        }\n\n        input:checked~label {\n            border-radius: 100%;\n            background: $danger-color;\n            box-shadow: 6px 0 $danger-color, 3px 1px 0 7px var(--white), 3px 1px 0 9px $danger-color;\n        }\n\n        input:checked~label:after {\n            content: '';\n            width: 100%;\n            height: 100%;\n            position: absolute;\n            background: $danger-color;\n            transform: rotate(-45deg);\n            border-bottom-left-radius: 15%;\n            top: 30%;\n            left: 3px;\n        }\n    }\n\n    /*selecting*/\n    input:nth-of-type(5):checked~.rating-text:before {\n        content: \"No issues detected\";\n    }\n\n    label:nth-of-type(5):hover~.rating-text:before {\n        content: \"No issues detected\";\n    }\n\n    input:nth-of-type(4):checked~.rating-text:before {\n        content: \"We have observed unacceptable behavior.\";\n    }\n\n    label:nth-of-type(4):hover~.rating-text:before {\n        content: \"We have observed unacceptable behavior.\";\n    }\n\n    input:nth-of-type(3):checked~.rating-text:before {\n        content: \"Your request cannot be processed.\";\n    }\n\n    label:nth-of-type(3):hover~.rating-text:before {\n        content: \"Your request cannot be processed.\";\n    }\n\n    input:nth-of-type(2):checked~.rating-text:before {\n        content: \"Well done! The operation was successfully finished.\";\n    }\n\n    label:nth-of-type(2):hover~.rating-text:before {\n        content: \"Well done! The operation was successfully finished.\";\n    }\n\n    input:nth-of-type(1):checked~.rating-text:before {\n        content: \"Thank you for your ongoing assistance.\";\n    }\n\n    label:nth-of-type(1):hover~.rating-text:before {\n        content: \"Thank you for your ongoing assistance.\";\n    }\n}\n\n//  Emoji expression rating\n.rating_expression {\n    .emoji {\n        animation: fade-slide-in 0.6s ease-out;\n    }\n\n    .emoji__face {\n        background-image: linear-gradient(135deg, hsl(var(--face-hue1), 90%, 55%), hsl(var(--face-hue2), 90%, 45%));\n        border-radius: 50%;\n        box-shadow: 0 0.5em 0.75em hsla(var(--face-hue2), 90%, 55%, 0.3);\n        margin: 0 auto 24px;\n        position: relative;\n        width: 42px;\n        height: 42px;\n    }\n\n    .emoji__face-right-eye,\n    .emoji__face-left-eye,\n    .emoji__face-mouth-lower,\n    .emoji__face-mouth-upper {\n        position: absolute;\n        transition:\n            background-color var(--trans-dur),\n            box-shadow var(--trans-dur),\n            color var(--trans-dur);\n    }\n\n    .emoji__face-right-eye,\n    .emoji__face-left-eye {\n        background-color: var(--white);\n        border-radius: 50%;\n        top: 0.75em;\n        width: 0.6em;\n        height: 0.6em;\n    }\n\n    .emoji__face-right-eye {\n        animation: right-eye 1s var(--delay-right) linear paused;\n        clip-path: polygon(0 75%, 100% 0, 100% 100%, 0 100%);\n        left: 0.6em;\n    }\n\n    .emoji__face-left-eye {\n        animation: left-eye 1s var(--delay-left) linear paused;\n        clip-path: polygon(0 0, 100% 75%, 100% 100%, 0 100%);\n        right: 0.6em;\n    }\n\n    .emoji__face-mouth-lower,\n    .emoji__face-mouth-upper {\n        color: var(--white);\n        top: 1.75em;\n        left: 0.75em;\n        width: 1.5em;\n        height: 0.75em;\n    }\n\n    .emoji__face-mouth-lower {\n        animation: mouth-lower 1s var(--delay-mouth-lower) linear paused;\n        border-radius: 50% 50% 0 0 / 100% 100% 0 0;\n        box-shadow: 0 0.125em 0 inset;\n    }\n\n    .emoji__face-mouth-upper {\n        animation: mouth-upper 1s var(--delay-mouth-upper) linear paused;\n        border-radius: 0 0 50% 50% / 0 0 100% 100%;\n        box-shadow: 0 -0.125em 0 inset;\n    }\n\n    .emoji__label {\n        display: block;\n        margin-bottom: 45px;\n        text-align: center;\n        font-size: 16px;\n        font-weight: 500;\n        color: var(--chart-text-color);\n    }\n\n    .emoji__input {\n        background-color: $gray-60;\n        background-image: linear-gradient(hsl(var(--input-hue), 90%, 46%), hsl(var(--input-hue), 90%, 46%));\n        background-size: var(--percent) 100%;\n        background-repeat: no-repeat;\n        border-radius: 0.25em;\n        display: block;\n        margin: auto;\n        width: 30%;\n        max-width: 50%;\n        height: 4px;\n        transition: background-color var(--trans-dur);\n        appearance: none;\n        -webkit-tap-highlight-color: transparent;\n    }\n\n    .emoji__input:focus {\n        outline: transparent;\n    }\n\n    /* WebKit */\n    .emoji__input::-webkit-slider-thumb {\n        background-color: var(--white);\n        border: 0;\n        border-radius: 50%;\n        box-shadow: 0 0.125em 0.5em hsl(0, 0%, 0%, 0.3);\n        width: 1.5em;\n        height: 1.5em;\n        transition: background-color 0.15s linear;\n        -webkit-appearance: none;\n        appearance: none;\n    }\n\n    .emoji__input:focus::-webkit-slider-thumb,\n    .emoji__input::-webkit-slider-thumb:hover {\n        background-color: var(--lt-gray);\n    }\n\n    /* Firefox */\n    .emoji__input::-moz-range-thumb {\n        background-color: var(--white);\n        border: 0;\n        border-radius: 50%;\n        box-shadow: 0 0.125em 0.5em hsl(0, 0%, 0%, 0.3);\n        width: 1.5em;\n        height: 1.5em;\n        transition: background-color 0.15s linear;\n    }\n\n    .emoji__input:focus::-moz-range-thumb,\n    .emoji__input::-moz-range-thumb:hover {\n        background-color: var(--lt-gray);\n    }\n\n    @keyframes fade-slide-in {\n\n        from,\n        16.67% {\n            opacity: 0;\n            transform: translateY(25%);\n        }\n\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    @keyframes right-eye {\n        from {\n            clip-path: polygon(0 75%, 100% 0, 100% 100%, 0 100%);\n        }\n\n        50%,\n        to {\n            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);\n        }\n    }\n\n    @keyframes left-eye {\n        from {\n            clip-path: polygon(0 0, 100% 75%, 100% 100%, 0 100%);\n        }\n\n        50%,\n        to {\n            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);\n        }\n    }\n\n    @keyframes mouth-lower {\n        from {\n            border-radius: 50% 50% 0 0 / 100% 100% 0 0;\n            top: 1.75em;\n            height: 0.75em;\n            visibility: visible;\n        }\n\n        40% {\n            border-radius: 50% 50% 0 0 / 100% 100% 0 0;\n            top: 1.95em;\n            height: 0.25em;\n            visibility: visible;\n        }\n\n        50%,\n        to {\n            border-radius: 0;\n            top: 2em;\n            height: 0.125em;\n            visibility: hidden;\n        }\n    }\n\n    @keyframes mouth-upper {\n\n        from,\n        50% {\n            border-radius: 0;\n            box-shadow: 0 -0.125em 0 inset;\n            top: 2em;\n            height: 0.125em;\n            visibility: hidden;\n        }\n\n        62.5% {\n            border-radius: 0 0 50% 50% / 0 0 100% 100%;\n            box-shadow: 0 -0.125em 0 inset;\n            top: 1.95em;\n            height: 0.25em;\n            visibility: visible;\n        }\n\n        75% {\n            border-radius: 0 0 50% 50% / 0 0 100% 100%;\n            box-shadow: 0 -0.125em 0 inset;\n            top: 1.825em;\n            height: 0.5em;\n            visibility: visible;\n        }\n\n        to {\n            border-radius: 0 0 50% 50% / 0 0 100% 100%;\n            box-shadow: 0 -0.8em 0 inset;\n            top: 1.75em;\n            height: 0.75em;\n            visibility: visible;\n        }\n    }\n\n    .emoji_slider::-webkit-slider-thumb {\n        -webkit-appearance: none;\n        appearance: none;\n        width: 12px;\n        height: 12px;\n        background: var(--chart-text-color);\n        cursor: pointer;\n    }\n\n    .emoji_slider::-moz-range-thumb {\n        width: 12px;\n        height: 12px;\n        background: var(--chart-text-color);\n        cursor: pointer;\n    }\n}\n\n// Reset rating\n.reset-rating {\n    display: flex;\n    width: 100%;\n    justify-content: center;\n    overflow: hidden;\n    flex-direction: row-reverse;\n    position: relative;\n    gap: 15px;\n    margin-bottom: 16px;\n\n    >input {\n        display: none;\n\n        &:checked {\n            ~ {\n                label {\n                    color: $warning-color;\n\n                    ~ {\n                        label {\n                            color: $warning-color;\n                        }\n                    }\n                }\n            }\n        }\n\n        &:not(:checked) {\n            ~ {\n                label {\n                    &:hover {\n                        color: $warning-color;\n\n                        ~ {\n                            label {\n                                color: $warning-color;\n\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n\n    >label {\n        cursor: pointer;\n        font-size: 35px;\n        color: $gray-60;\n        margin-top: auto;\n        transition: .3s;\n        margin: 0;\n    }\n}\n\n.ratingCard {\n    max-width: 100%;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    flex-wrap: wrap;\n    align-items: center;\n}\n\n.reset-btn {\n    cursor: pointer;\n}\n\n// Half star rating\n.half-star-rating {\n    .starrate {\n        color: $gray-60;\n        cursor: pointer;\n        text-align: center;\n\n        .ctrl {\n            position: absolute;\n            z-index: 2;\n        }\n\n        i {\n            font-size: 35px;\n            color: $warning-color;\n        }\n\n        &.saved {\n            margin-bottom: 4px;\n        }\n    }\n\n    .rating-result {\n        font-size: 20px;\n        text-align: center;\n        color: var(--body-font-color);\n    }\n}\n\n/**=====================\n   3.52 Rating CSS Ends\n==========================**/","/**=====================\n    3.61 Roles and Permission CSS start\n==========================**/\n.role-permission-wrapper {\n    .permission-table {\n        div.dt-container {\n            .dt-layout-row {\n                .dt-search {\n                    top: 20px;\n                    right: 234px;\n\n                    @media (max-width:640px) {\n                        top: 0;\n                    }\n\n                    .dt-input {\n                        @include pixelstrap-search(auto, 6px, 6px);\n                    }\n                }\n            }\n        }\n\n        table {\n\n            thead,\n            tbody {\n                tr {\n\n                    th,\n                    td {\n                        min-width: auto;\n                        color: var(--body-font-color);\n\n                        &:first-child {\n                            padding-left: 20px;\n                        }\n\n                        &:last-child {\n                            padding-right: 20px;\n                        }\n\n                        .badge {\n                            padding: 6px 10px;\n                        }\n\n                        .square-white {\n                            @include square-box(34px, 34px, 2px, var(--white));\n                            @include pixelstrap-flex(flex, center, center);\n                            box-shadow: 0px 0px 28px 6px rgba(235, 235, 235, 0.4);\n\n                            svg {\n                                @include pixelstrap-size(16px, 16px);\n                                fill: $badge-light-color;\n                            }\n                        }\n\n                        @media (max-width:1199px) {\n                            &:nth-child(2) {\n                                min-width: 150px;\n                            }\n\n                            &:nth-child(3) {\n                                min-width: 160px;\n                            }\n\n                            &:nth-child(4) {\n                                min-width: 165px;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n\n    .modal {\n\n        &-header,\n        &-body {\n            .form-label {\n                font-weight: 500;\n            }\n\n            .modal-title {\n                font-size: 18px;\n            }\n        }\n    }\n\n    .permission-form {\n        ul {\n            display: grid;\n            padding: 10px 0 10px 0;\n            border-bottom: 1px solid var(--chart-progress-light);\n            grid-template-columns: 1fr 1fr 1fr 1fr 1fr;\n            overflow: auto;\n\n            @media (max-width:575px) {\n                display: flex;\n                gap: 32px;\n                justify-content: flex-start;\n                flex-wrap: nowrap;\n            }\n\n            li {\n                &:first-child {\n                    font-weight: 500;\n\n                    @media (max-width:575px) {\n                        min-width: 75px;\n                    }\n                }\n\n                .form-check {\n                    position: relative;\n\n                    .form-check-input {\n                        @include pixelstrap-size(18px, 18px);\n                        position: absolute;\n                        top: -2px;\n                        left: 16px;\n\n                        [dir=\"rtl\"] & {\n                            left: unset;\n                            right: 16px;\n                        }\n\n                        &:focus {\n                            box-shadow: unset;\n                        }\n\n                        &:valid {\n                            border-color: $badge-light-color;\n                        }\n\n                        &:invalid {\n                            border-color: $danger-color;\n                        }\n\n                        &:invalid~.form-check-label {\n                            color: $danger-color;\n                        }\n\n                        &:valid~.form-check-label {\n                            color: $badge-light-color;\n                        }\n\n                        &:checked {\n                            background-color: var(--theme-default);\n\n                            &:valid {\n                                border-color: var(--theme-default);\n                            }\n                        }\n                    }\n\n                    .form-check-label {\n                        margin-bottom: 0;\n                    }\n\n                    @media (max-width:991px) {\n                        padding-left: 1.2em;\n\n                        .form-check-input {\n                            @include pixelstrap-size(16px, 16px);\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n// User-list page\n.user-list-wrapper {\n    .square-white {\n        @include square-box(34px, 34px, 2px, var(--white));\n        @include pixelstrap-flex(flex, center, center);\n        // box-shadow: 0px 0px 28px 6px rgba(235, 235, 235, 0.4);\n\n        svg {\n            @include pixelstrap-size(16px, 16px);\n            fill: $badge-light-color;\n        }\n    }\n\n    .user-list-table {\n        div.dt-container {\n            .dt-layout-row {\n                .dt-search {\n                    right: 185px;\n                    top: 20px;\n\n                    @media (max-width:640px) {\n                        top: 0;\n                    }\n\n                    .dt-input {\n                        @include pixelstrap-search(auto, 6px, 6px);\n                    }\n                }\n            }\n        }\n\n        table {\n\n            thead,\n            tbody {\n                tr {\n\n                    th,\n                    td {\n                        min-width: auto;\n                        color: var(--body-font-color);\n\n                        &:first-child {\n                            padding-left: 20px;\n                        }\n\n                        &:last-child {\n                            padding-right: 20px;\n                        }\n\n                        .badge {\n                            padding: 6px 10px;\n                        }\n\n                        a {\n                            color: $dark-color;\n\n                            &:hover {\n                                color: var(--theme-default)\n                            }\n                        }\n\n                        .square-white {\n                            @include square-box(34px, 34px, 2px, var(--white));\n                            @include pixelstrap-flex(flex, center, center);\n                            // box-shadow: 0px 0px 28px 6px rgba(235, 235, 235, 0.4);\n\n                            svg {\n                                @include pixelstrap-size(16px, 16px);\n                                fill: $badge-light-color;\n                            }\n                        }\n\n                        @media (max-width:1239px) and (min-width:1200px) {\n                            &:nth-child(5) {\n                                display: none;\n                            }\n                        }\n\n                        @media (max-width:1199px) {\n                            &:nth-child(2) {\n                                min-width: 100px;\n                            }\n\n                            &:nth-child(4) {\n                                min-width: 130px;\n                            }\n\n                            &:nth-child(5) {\n                                min-width: 165px;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n.role-permission-wrapper,\n.user-list-wrapper {\n    .card-header-right-icon {\n        .btn {\n            position: relative;\n            z-index: 1;\n        }\n    }\n}\n\n/**=====================\n    3.61 Roles and Permission CSS end\n==========================**/","/**=====================\n    3.63 Reports CSS start\n==========================**/\n.product-report-wrapper,\n.sale-report-wrapper,\n.sale-return-wrapper,\n.customer-order-wrapper,\n.subscribed-user {\n    .flatpickr-input {\n        span {\n            border: 1px solid rgba($badge-light-color, 0.3);\n            padding: 6px 12px;\n            border-radius: 6px;\n            color: rgba($badge-light-color, 0.8);\n            width: 215px;\n\n        }\n\n        #rangeButtons {\n            flex-direction: column;\n            position: absolute;\n            z-index: 1;\n            top: 40px;\n            display: none;\n            box-shadow: 0px 0px 28px 6px rgba(235, 235, 235, 0.4);\n\n            &.range-option {\n                display: flex;\n            }\n\n            button {\n                border: unset;\n                padding: 8px 24px;\n                text-align: left;\n                background-color: $white;\n                color: $badge-light-color;\n\n                &:hover {\n                    color: var(--theme-default);\n                }\n\n                &.active {\n                    background-color: var(--theme-default);\n                    color: $white;\n\n                    &:hover {\n                        color: $white;\n                    }\n                }\n            }\n        }\n    }\n\n    .top-body {\n        padding: 20px;\n        position: relative;\n\n        .bootstrap-select {\n            &.dropdown-toggle {\n                min-width: 100px;\n            }\n        }\n\n        .form-label {\n            margin-bottom: 0;\n        }\n\n        ~ {\n\n            .product-report,\n            .sale-return-report,\n            .sale-report,\n            .customer-order-report,\n            .subscribed-user-wrapper {\n                .dt-container {\n                    .dt-layout-row {\n\n                        .dt-buttons,\n                        .dt-search {\n                            margin: 0;\n                        }\n\n                        &:first-child {\n                            position: absolute;\n                            display: flex;\n                            justify-content: flex-start;\n                            align-items: center;\n                            flex-direction: row-reverse;\n                            gap: 20px;\n                            right: 20px;\n                            top: 20px;\n\n                            @media (max-width:1320px) {\n                                position: relative;\n                                inset: 0;\n                                align-items: center;\n                                padding: 0 20px 20px 20px;\n                                justify-content: flex-end;\n                                flex-wrap: wrap;\n                                gap: 12px;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n\n    .product-report,\n    .sale-return-report,\n    .sale-report,\n    .customer-order-report,\n    .subscribed-user-wrapper {\n        .recent-table {\n\n            div.dt-container {\n                .dt-layout-row {\n                    .dt-search {\n                        position: relative;\n                        inset: unset;\n\n                        @media (max-width:640px) {\n                            top: 4px;\n                        }\n\n                        .dt-input {\n                            width: auto;\n                            padding: 6px;\n                            border-radius: 6px;\n                            opacity: 1;\n\n                            &:focus {\n                                &::placeholder {\n                                    opacity: 0;\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n\n\n    .form-control {\n        font-size: 14px;\n        color: rgba($badge-light-color, 0.8);\n    }\n\n    .product-report {\n        .recent-table {\n            table {\n\n                thead,\n                tbody {\n                    tr {\n\n                        th,\n                        td {\n                            color: var(--body-font-color);\n                            min-width: auto;\n\n                            &:first-child {\n                                padding-left: 20px;\n                            }\n\n                            &:last-child {\n                                padding-right: 20px;\n                                min-width: 82px;\n                            }\n\n                            &:nth-child(n+3) {\n                                text-align: center;\n                            }\n\n                            &:nth-child(2) {\n                                min-width: 215px;\n                            }\n\n                            &:nth-child(4) {\n                                min-width: 138px;\n                            }\n\n                            &:nth-child(5) {\n                                min-width: 78px;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n.sale-report-wrapper {\n    .sale-report {\n        .recent-table {\n            table {\n\n                thead,\n                tbody {\n                    tr {\n\n                        th,\n                        td {\n                            color: var(--body-font-color);\n                            min-width: auto;\n\n                            &:first-child {\n                                padding-left: 20px;\n                            }\n\n                            &:last-child {\n                                padding-right: 20px;\n                                min-width: 155px;\n                            }\n\n                            &:nth-child(n+3) {\n                                text-align: center;\n                            }\n\n                            &:nth-child(2) {\n                                min-width: 96px;\n                            }\n\n                            &:nth-child(3) {\n                                min-width: 104px;\n                            }\n\n                            &:nth-child(4) {\n                                min-width: 173px;\n                            }\n\n                            &:nth-child(5) {\n                                min-width: 92px;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n.sale-return-wrapper {\n    .sale-return-report {\n        .recent-table {\n            table {\n\n                thead,\n                tbody {\n                    tr {\n\n                        th,\n                        td {\n                            color: var(--body-font-color);\n                            min-width: auto;\n\n                            &:first-child {\n                                padding-left: 20px;\n                            }\n\n                            &:last-child {\n                                padding-right: 20px;\n                                min-width: 104px;\n                            }\n\n                            @media (max-width:1267px) and (min-width:1200px) {\n                                &:nth-child(4) {\n                                    display: none;\n                                }\n                            }\n\n                            @media (max-width:1199px) {\n\n                                &:nth-child(3) {\n                                    min-width: 85px;\n                                }\n\n                                &:nth-child(6) {\n                                    min-width: 175px;\n                                }\n\n                                &:nth-child(7) {\n                                    min-width: 100px;\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n.customer-order-wrapper {\n    .customer-order-report {\n        .recent-table {\n            table {\n\n                thead,\n                tbody {\n                    tr {\n\n                        th,\n                        td {\n                            color: var(--body-font-color);\n                            min-width: auto;\n\n                            &:first-child {\n                                padding-left: 20px;\n                            }\n\n                            &:last-child {\n                                padding-right: 20px;\n                            }\n\n                            .customer-details {\n                                display: flex;\n                                justify-content: flex-start;\n                                align-items: center;\n                                gap: 12px;\n\n                                img {\n                                    height: 42px;\n                                    border-radius: 50%;\n                                }\n\n                                a {\n                                    color: $dark-color;\n                                    font-weight: 500;\n                                }\n\n                                &:hover {\n                                    a {\n                                        color: var(--theme-default);\n                                    }\n                                }\n                            }\n\n                            .customer-group {\n                                li {\n                                    .common-circle {\n                                        width: 34px;\n                                        height: 34px;\n                                    }\n\n                                    +li {\n                                        margin-left: -10px;\n\n                                        [dir=\"rtl\"] & {\n                                            margin-left: unset;\n                                            margin-right: -10px;\n                                        }\n                                    }\n                                }\n                            }\n\n                            @media (max-width:1199px) {\n                                &:nth-child(2) {\n                                    min-width: 190px;\n                                }\n\n                                &:nth-child(3) {\n                                    min-width: 122px;\n                                }\n\n                                &:nth-child(4) {\n                                    min-width: 100px;\n                                }\n\n                                &:nth-child(5) {\n                                    min-width: 118px;\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n/**=====================\n    3.63 Reports CSS end\n==========================**/","/**=====================\n    3.53 Social-app CSS start\n==========================**/\n.user-profile {\n  .hovercard {\n    .info {\n      &.market-tabs {\n        padding: 20px 0 0 0;\n\n      }\n    }\n  }\n\n  .card-footer {\n    >div {\n      h3 {\n        font-size: 16px;\n      }\n    }\n  }\n}\n\n.market-tabs {\n  .border-tab.nav-tabs {\n    .nav-item {\n      .nav-link.active {\n        border-bottom: none !important;\n        background-color: rgba($primary-color, 0.1);\n      }\n    }\n  }\n\n  .nav {\n    justify-content: center;\n    gap: 12px;\n\n    .nav-item {\n      width: 100%;\n\n      .nav-link {\n        height: 81px;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n        padding-top: 30px;\n        font-weight: 500;\n\n        @media (max-width:767px) {\n          height: 50px;\n          padding: 14px 25px;\n        }\n      }\n\n      @media (max-width:767px) {\n        width: auto;\n      }\n    }\n  }\n}\n\n.tabs-social {\n  border-bottom: none;\n  margin-block: 20px !important;\n\n  li {\n    a {\n      font-weight: 600;\n\n      svg {\n        circle {\n          color: $light-text;\n        }\n      }\n    }\n  }\n}\n\n.default-according {\n  &.style-1 {\n    .social-network {\n      button {\n        width: 44px;\n        height: 44px;\n        border-radius: 4px;\n        padding: 0;\n\n        i {\n          margin-right: 0;\n\n          [dir=\"rtl\"] & {\n            margin-right: unset;\n            margin-left: 0;\n          }\n        }\n      }\n\n      span {\n        margin-bottom: 0.5rem;\n        display: block;\n      }\n    }\n  }\n}\n\n.social-list {\n  .d-flex {\n    margin-bottom: 20px;\n    display: flex;\n    align-items: center;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    .flex-grow-1 {\n      a {\n        color: $light-text;\n      }\n\n      span {\n        font-weight: 600;\n      }\n\n      &:hover {\n        a {\n          color: var(--theme-default);\n        }\n      }\n    }\n  }\n}\n\n.photos {\n  ul {\n    li {\n      display: inline-block;\n      margin-right: 10px;\n      margin-bottom: 10px;\n      width: 70px;\n\n      &:nth-child(4n) {\n        margin-right: 0;\n      }\n    }\n  }\n}\n\n.new-users-social {\n  margin-bottom: 30px;\n\n  svg {\n    cursor: pointer;\n  }\n\n  .d-flex {\n    align-items: center;\n\n    img {\n      width: 58px;\n    }\n\n    .flex-grow-1 {\n      margin-top: 10px;\n    }\n  }\n\n  svg {\n    circle {\n      color: $light-text;\n    }\n  }\n}\n\n.like-content {\n  span {\n    i {\n      font-size: 14px;\n    }\n  }\n}\n\n.timeline-content {\n  p {\n    margin-top: 30px;\n    color: rgba($badge-light-color, 0.6);\n  }\n\n  .comment-number {\n    i {\n      color: $light-text;\n      margin: 0 6px;\n    }\n\n    +.comment-number {\n      padding-right: 12px;\n    }\n  }\n\n  .comments-box {\n    margin-top: 30px;\n\n    .input-group {\n      margin-top: 6px;\n      background-color: rgba($light-semi-gray, 0.4);\n      align-items: center;\n\n\n      .input-txt-bx {\n        background-color: rgba($light-semi-gray, 0.1);\n        border: none;\n\n        &::placeholder {\n          color: $badge-light-color;\n        }\n      }\n\n      .input-group-append {\n        .btn {\n          &:active {\n            border-color: $transparent-color;\n          }\n\n          i {\n            font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));\n            display: flex;\n            color: $light-text;\n          }\n        }\n      }\n\n      .btn {\n        padding: 0 28px 0 0;\n        vertical-align: -3px;\n      }\n    }\n  }\n}\n\n.social-chat {\n  margin-top: 30px;\n\n  span {\n    span {\n      font-weight: normal;\n      color: rgba($badge-light-color, 0.6);\n      font-size: 12px;\n    }\n  }\n\n  .flex-grow-1 {\n    padding: 20px;\n    border: 1px solid rgba($badge-light-color, 0.2);\n    position: relative;\n\n    p {\n      margin-top: 5px;\n    }\n\n    &:before {\n      content: '';\n      position: absolute;\n      top: 19px;\n      right: 100%;\n      border: 7px solid transparent;\n      border-right: 7px solid $semi-dark;\n    }\n\n    &:after {\n      content: '';\n      position: absolute;\n      top: 19px;\n      right: 100%;\n      border: 7px solid transparent;\n      border-right: 7px solid $white;\n    }\n  }\n\n  .your-msg,\n  .other-msg {\n    margin-bottom: 30px;\n  }\n\n  .other-msg {\n    margin-left: 40px;\n  }\n}\n\n.socialprofile {\n  span {\n    color: $light-text;\n  }\n\n  .social-btngroup {\n    margin: 20px 0;\n  }\n\n  .likes-profile {\n    h5 {\n      span {\n        color: $theme-body-font-color;\n      }\n    }\n  }\n\n  .social-group {\n    margin-top: 20px;\n\n    ul {\n      li {\n        &:nth-child(4) {\n          margin-left: -22px;\n        }\n      }\n    }\n  }\n}\n\n.social-status {\n  form {\n    .form-group {\n      .form-control-social {\n        border: 1px solid $light-color;\n        padding-left: 15px;\n        margin-bottom: 30px;\n      }\n    }\n  }\n\n  .d-flex {\n    position: relative;\n    margin-bottom: 30px;\n    align-items: center;\n\n    @media (max-width:1660px) and (min-width:1200px) {\n      margin-bottom: calc(20px + (30 - 20) * ((100vw - 1200px) / (1920 - 1200)));\n    }\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    .social-status {\n      content: '';\n      position: absolute;\n      @include pixelstrap-size(12px, 12px);\n      background-color: $white;\n      bottom: 0;\n      left: 35px;\n      border-radius: 100%;\n    }\n\n    .social-online {\n      border: 3px solid $success-color;\n    }\n\n    .social-busy {\n      border: 3px solid $warning-color;\n    }\n\n    .social-offline {\n      border: 3px solid $semi-dark;\n    }\n\n    .flex-grow-1 {\n      p {\n        color: rgba($badge-light-color, 0.6);\n        margin-bottom: 5px;\n      }\n\n      span {\n        +span {\n          color: rgba($badge-light-color, 0.6);\n        }\n      }\n\n      .light-span {\n        color: rgba($badge-light-color, 0.6);\n      }\n    }\n  }\n}\n\n.social-header {\n  h5 {\n    span {\n      &:first-child {\n        line-height: 1.48;\n      }\n\n      svg {\n        vertical-align: -4px;\n\n        circle {\n          color: $light-text;\n        }\n      }\n    }\n  }\n}\n\n.details-about {\n  +.details-about {\n    margin-top: 30px;\n  }\n\n  .your-details {\n    p {\n      color: rgba($badge-light-color, 0.6);\n    }\n  }\n}\n\n.avatar-showcase {\n  .friend-pic {\n    margin-right: 8px;\n    margin-bottom: 10px;\n  }\n\n  .pepole-knows {\n    ul {\n      li {\n        display: inline-block;\n        margin-right: 20px;\n        margin-bottom: 10px;\n\n        &:last-child {\n          margin-right: 0;\n        }\n\n        .add-friend {\n          h6 {\n            margin-top: 3px;\n          }\n        }\n      }\n    }\n  }\n}\n\n.activity-log {\n  .my-activity {\n    +.my-activity {\n      margin-top: 30px;\n    }\n\n    p {\n      margin-bottom: 5px;\n\n      span {\n        svg {\n          @include pixelstrap-size(15px, 15px);\n        }\n      }\n\n      @media (max-width:525px) {\n        margin-bottom: 10px;\n      }\n    }\n  }\n}\n\n.social-app-profile {\n  .tab-pane {\n    .social-details {\n      .social-follow {\n        li {\n          span {\n            @include pixelstrap-ellipsis;\n            width: 100%;\n          }\n        }\n      }\n    }\n\n    .faq-accordion,\n    .job-accordion {\n      .card-header {\n        .btn {\n          font-size: 16px;\n          font-weight: 600;\n        }\n      }\n\n      .filter-cards-view {\n        .page-notification {\n          .flex-grow-1 {\n            span {\n              font-size: 13px;\n            }\n          }\n        }\n\n        .flex-grow-1 {\n          span {\n            font-size: 14px;\n            font-weight: 500;\n          }\n        }\n      }\n    }\n\n    .job-accordion {\n      .filter-cards-view {\n        span {\n          font-weight: 500;\n          font-size: 14px;\n        }\n\n        p {\n          color: rgba($theme-body-font-color, 0.9);\n        }\n      }\n    }\n  }\n}\n\n.social-app-profile1 {\n  .social-app-profile {\n    .gallery-with-description {\n      .caption {\n        ul {\n          display: grid;\n          grid-template-columns: 1fr 1fr 1fr;\n\n          li {\n            width: 100%;\n            text-align: center;\n\n            +li {\n              border-left: 1px solid $light-gray;\n\n              [dir=\"rtl\"] & {\n                border-left: unset;\n                border-right: 1px solid $light-gray;\n              }\n            }\n\n            span {\n              margin-left: 6px;\n              color: $light-text;\n\n              [dir=\"rtl\"] & {\n                margin-left: unset;\n                margin-right: 6px;\n              }\n            }\n\n            i {\n              color: $light-text;\n            }\n          }\n        }\n      }\n    }\n\n    .social-friends {\n      .social-profile {\n        text-align: left;\n\n        .common-social-box {\n          @include pixelstrap-flex(flex, flex-start, center);\n          gap: 12px;\n\n          .social-img {\n            img {\n              height: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));\n            }\n          }\n\n          .edit-icon {\n            right: calc(-2px + (0 - (-2)) * ((100vw - 320px) / (1920 - 320)));\n            bottom: calc(-2px + (0 - (-2)) * ((100vw - 320px) / (1920 - 320)));\n\n            [dir=\"rtl\"] & {\n              right: unset;\n              left: calc(-2px + (0 - (-2)) * ((100vw - 320px) / (1920 - 320)));\n            }\n\n            svg {\n              width: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));\n              height: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));\n            }\n          }\n        }\n\n        .social-details {\n          .social-follow {\n            text-align: center;\n\n            li {\n              position: relative;\n            }\n          }\n        }\n\n        .card-social {\n          gap: 13px;\n          position: relative;\n          z-index: 0;\n          display: flex;\n          align-items: center;\n          margin-top: 10px;\n          padding-top: 15px;\n\n          &::before {\n            content: \"\";\n            border-top: 1px solid $background-color_4;\n            width: calc(100% + 40px);\n            height: 100%;\n            position: absolute;\n            top: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            z-index: -1;\n          }\n\n          li {\n            width: 100%;\n\n            a {\n              width: 100%;\n              background-color: rgba($primary-color, 0.1);\n              border-radius: 5px;\n              @include pixelstrap-flex(flex, center, center);\n              font-size: 15px;\n\n              @media (min-width:1200px) {\n                height: calc(30px + (39 - 30) * ((100vw - 1200px) / (1920 - 1200)));\n              }\n\n              @media (max-width:1199px) {\n                height: calc(28px + (39 - 28) * ((100vw - 320px) / (1920 - 320)));\n\n                i {\n                  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));\n                }\n              }\n            }\n          }\n        }\n\n        .social-details {\n          .card-social {\n            gap: 22px;\n          }\n\n          .social-follow {\n            text-align: center;\n          }\n        }\n\n        @media (min-width:1200px) {\n          .social-details {\n            h5 {\n              font-size: calc(16px + (18 - 16) * ((100vw - 1200px) / (1920 - 1200)));\n            }\n          }\n        }\n      }\n    }\n\n    .filter-cards-view {\n      &.photos {\n        ul {\n          @include pixelstrap-flex(flex, flex-start, center);\n          flex-wrap: wrap;\n          gap: 12px;\n\n          li {\n            margin: 0;\n            width: auto;\n\n            img {\n              height: 55px;\n            }\n          }\n        }\n      }\n    }\n\n    .common-user-image {\n      .user-image {\n        .share-icons {\n          position: inherit;\n          inset: 0;\n\n          li {\n            display: inline-block;\n            margin-right: calc(6px + (10 - 6) * ((100vw - 320px) / (1920 - 320)));\n\n            .social-icon {\n              @include pixelstrap-size(calc(32px + (50 - 32) * ((100vw - 320px) / (1920 - 320))), calc(32px + (50 - 32) * ((100vw - 320px) / (1920 - 320))));\n              @include pixelstrap-flex(flex, center, center);\n              text-align: center;\n              vertical-align: middle;\n              border-radius: 100%;\n\n              i {\n                color: $white;\n                font-size: calc(18px + (25 - 18) * ((100vw - 320px) / (1920 - 320)));\n                animation-duration: 2.8s;\n              }\n            }\n\n            &:last-child {\n              margin-right: 0;\n            }\n          }\n        }\n\n        @media (max-width:575px) {\n          .avatar {\n            gap: 12px;\n          }\n        }\n      }\n    }\n  }\n}\n\n@media (min-width:320px) and (max-width:1660px) {\n  .social-app-profile {\n    .order-xxl-i {\n      order: 1;\n    }\n\n    .order-xxl-ii {\n      order: 2;\n    }\n\n    .order-xxl-iii {\n      order: 3;\n    }\n\n    .order-xxl-iv {\n      order: 4;\n    }\n\n    .order-xxl-v {\n      order: 5;\n    }\n\n    .order-xxl-vi {\n      order: 5;\n    }\n\n    .order-xxl-vii {\n      order: 6;\n    }\n  }\n}\n\n/**=====================\n    3.53 Social-app CSS end\n==========================**/","/**=====================\n    3.54 Scroll-spy CSS start\n==========================**/\n\n.main-scrollspy {\n    .nav-pills {\n        .nav-link {\n            color: var(--body-font-color) !important;\n            font-weight: 500;\n\n            &.active {\n                color: $white !important;\n            }\n        }\n    }\n\n    h6,\n    h5 {\n        margin-bottom: 10px;\n        color: var(--body-font-color);\n    }\n\n    .navbar-scrollspy {\n        .navbar-brand {\n            img {\n                @media (max-width:480px) {\n                    height: 34px;\n                }\n            }\n        }\n\n        .bg-body-tertiary {\n            justify-content: space-between;\n            background-color: var(--light-background) !important;\n\n            @media (max-width:606px) {\n                gap: 8px;\n            }\n        }\n\n        .nav-pills {\n            align-items: center;\n            gap: 8px;\n\n            .nav-item {\n                &.dropdown {\n                    .dropdown-toggle {\n                        width: 120px;\n                        border-radius: 6px;\n                        padding: 8px 16px;\n\n                        @media (max-width:480px) {\n                            width: 100%;\n                        }\n\n                        &:focus {\n                            border: unset;\n                        }\n\n                        &::after {\n                            font-size: 14px;\n                            top: 48%;\n                        }\n\n                        [dir=\"rtl\"] & {\n                            text-align: right;\n\n                            &::after {\n                                left: 10px;\n                                right: unset;\n                            }\n                        }\n                    }\n\n                    .dropdown-menu {\n                        li {\n                            .dropdown-item {\n                                opacity: 1;\n                                border: unset;\n                                color: var(--chart-text-color);\n\n                                &.active,\n                                &:hover {\n                                    background-color: rgba($primary-color, 0.09);\n                                    color: var(--theme-default);\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n\n        .scrollspy-example {\n            height: 200px;\n            overflow-y: auto;\n            scroll-behavior: smooth;\n            background-color: var(--light-background) !important;\n        }\n    }\n\n    // Nested Scrollspy\n    .nested-scrollspy {\n        .common-align {\n            @media (max-width:991px) {\n                flex-direction: column;\n            }\n        }\n\n        .nested-scrollspy-menu {\n            background-color: var(--light-background) !important;\n\n            .nav-pills {\n                &:first-child {\n                    padding: 22px 16px;\n                }\n            }\n        }\n\n        .scrollspy-example-2 {\n            height: 300px;\n            overflow-y: auto;\n            scroll-behavior: smooth;\n\n            @media (max-width:1199px) and (min-width:576px) {\n                height: 344px;\n            }\n\n            @media (max-width:575px) {\n                height: 185px;\n            }\n\n            p {\n                margin-bottom: 16px;\n            }\n\n            svg {\n                width: 120px;\n                height: 150px;\n\n                @media (max-width:1399px) and (min-width:576px) {\n                    width: 88px;\n                    height: 88px;\n                }\n\n                @media (max-width:575px) {\n                    width: 80px;\n                    height: 80px;\n                }\n            }\n        }\n    }\n\n    .scrollspy-example-3 {\n        height: 180px;\n        overflow-y: auto;\n        scroll-behavior: smooth;\n    }\n\n    .custom-scrollspy-section {\n        .common-p-space {\n            padding: 18px 0;\n\n            &:last-child {\n                padding-bottom: 0;\n            }\n        }\n\n        .nav-pills {\n            .nav-link {\n                position: relative;\n                border-radius: 0;\n                transition: all .2s ease-in-out;\n                text-align: center;\n                padding: 12px 16px;\n\n                &.active {\n                    .custom-arrow {\n                        display: block;\n                        position: absolute;\n                        content: '';\n                        border-left: 8px solid var(--theme-default);\n                        border-top: 8px solid transparent;\n                        border-bottom: 8px solid transparent;\n                        top: 50%;\n                        transform: translate(-50%, -50%);\n                        right: -12px;\n                        transition: all .2s ease-in-out;\n\n                        [dir=\"rtl\"] & {\n                            right: unset;\n                            left: -4px;\n                            border-left: unset;\n                            border-right: 8px solid var(--theme-default);\n                        }\n                    }\n                }\n\n            }\n        }\n\n        .main-project {\n            .attendance-card {\n                .left-overview-content {\n                    .svg-box {\n                        width: calc(80px + (100 - 80) * ((100vw - 320px) / (1920 - 320)));\n                        height: calc(80px + (100 - 80) * ((100vw - 320px) / (1920 - 320)));\n                        padding: 6px;\n\n                        svg {\n                            width: calc(65px + (120 - 65) * ((100vw - 320px) / (1920 - 320)));\n                            height: calc(65px + (150 - 65) * ((100vw - 320px) / (1920 - 320)));\n                        }\n                    }\n                }\n\n                .right-overview-content {\n                    >div {\n                        h6 {\n                            padding-bottom: 0;\n                        }\n                    }\n\n                    .marks-count {\n                        i {\n                            @media (max-width:575px) {\n                                font-size: 12px;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n\n        .scrollspy-example-5 {\n            height: 300px;\n            overflow-y: auto;\n            overflow-x: hidden;\n            scroll-behavior: smooth;\n\n            img {\n                height: calc(85px + (150 - 85) * ((100vw - 320px) / (1920 - 320)));\n            }\n\n            .about-box {\n\n                >div {\n                    svg {\n                        width: 13px;\n                        height: 13px;\n                        vertical-align: middle;\n                        fill: $white;\n                    }\n                }\n            }\n        }\n    }\n\n    .experience-section {\n        h6 {\n            font-weight: 400;\n            color: $badge-light-color;\n        }\n\n        .progress {\n            margin-bottom: calc(6px + (16 - 6) * ((100vw - 320px) / (1920 - 320)));\n\n            &:last-child {\n                margin-bottom: 0;\n            }\n\n            .progress-bar {\n                background-color: var(--theme-default);\n                color: $white;\n            }\n        }\n    }\n}\n\n/**=====================\n    3.54 Scroll-spy CSS ends\n==========================**/","/**=====================\n    3.55 Sweet-alert CSS Start\n==========================**/\n.swal2-container {\n\n    .swal2-image {\n        @include pixelstrap-size(calc(70px + (120 - 70) * ((100vw - 320px) / (1920 - 320))) !important, calc(70px + (120 - 70) * ((100vw - 320px) / (1920 - 320))) !important);\n        margin-bottom: 0;\n    }\n\n    .swal2-html-container {\n        font-size: 16px;\n        margin-top: 8px;\n    }\n\n    .swal2-input {\n        cursor: pointer;\n\n        &:focus,\n        &:focus-visible {\n            box-shadow: unset;\n            border-color: var(--chart-dashed-border);\n        }\n    }\n\n    .swal2-title {\n        font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));\n        font-weight: 500;\n    }\n\n    .swal2-question {\n        border-color: $info-color;\n        color: $info-color;\n    }\n\n    .swal2-actions {\n        gap: 12px;\n\n        .swal2-confirm {\n            background-color: var(--theme-default) !important;\n\n            &:hover {\n                background-color: var(--theme-default) !important;\n            }\n\n            &:focus {\n                box-shadow: unset;\n            }\n        }\n\n        .swal2-confirm {\n            &.btn {\n                &.btn-success {\n                    background-color: $success-color !important;\n                    color: var(--white);\n                }\n            }\n        }\n\n        .swal2-deny {\n            background-color: $danger-color !important;\n        }\n\n        .swal2-cancel {\n            background-color: $dark-gray;\n            color: $white;\n\n            &:focus {\n                box-shadow: unset;\n            }\n        }\n    }\n\n    .swal2-close {\n        color: $light-paragraph;\n    }\n\n\n    .swal2-error {\n        border-color: $danger-color;\n        color: $danger-color;\n\n        .swal2-x-mark {\n            span {\n                background-color: $danger-color;\n            }\n        }\n    }\n\n    .swal2-warning {\n        border-color: $warning-color;\n        color: $warning-color;\n\n        .swal2-icon-content {\n            color: $warning-color;\n        }\n    }\n\n    div:where(.swal2-icon).swal2-success .swal2-success-ring {\n        border: .25em solid rgba($success-color, 0.3);\n    }\n\n    div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {\n        background-color: $success-color;\n    }\n\n    div:where(.swal2-icon) {\n        &.swal2-info {\n            border-color: $info-color !important;\n            color: $info-color !important;\n        }\n    }\n\n    .swal2-loader {\n        border-color: $light-paragraph rgba(0, 0, 0, 0) $light-paragraph rgba(0, 0, 0, 0);\n    }\n\n\n    button {\n        font-size: 14px !important;\n        padding: 6px 28px;\n        font-weight: 400;\n        color: var(--theme-default);\n        margin: 0;\n    }\n\n    button {\n        &.swal2-close {\n            font-size: 40px !important;\n\n            &:focus,\n            &:hover {\n                box-shadow: unset;\n            }\n        }\n    }\n\n    .swal2-wrapper {\n        display: flex;\n        flex-direction: column;\n        text-align: left;\n\n        .swal2-select {\n            padding: 0 !important;\n\n            label {\n                font-size: 16px !important;\n            }\n\n            .swal2-input {\n                border: 1px solid var(--recent-dashed-border);\n                border-radius: 5px;\n                font-size: 16px;\n                color: $theme-body-sub-title-color;\n\n                option {\n                    font-size: 14px;\n                }\n            }\n        }\n\n        label {\n            margin: 0;\n            margin-bottom: 6px;\n        }\n\n        .swal2-input {\n            margin: 0;\n\n            &:focus {\n                box-shadow: unset;\n                border-color: var(--recent-dashed-border);\n            }\n        }\n\n        .form-check-input {\n            &:focus {\n                box-shadow: unset;\n                border-color: var(--recent-dashed-border);\n            }\n        }\n\n        .swal2-genders {\n            display: flex;\n            gap: 12px;\n            margin: 18px 0;\n\n            label {\n                margin: 0;\n            }\n        }\n\n        .swal2-radio-group,\n        .swal2-checkbox {\n            display: flex;\n            gap: 8px;\n        }\n\n        .form-control,\n        .form-select {\n            border-color: $gray-60;\n        }\n    }\n}\n\ndiv:where(.swal2-container) button:where(.swal2-close) {\n    &:hover {\n        color: var(--theme-default) !important;\n    }\n}\n\n/**=====================\n    3.55 Sweet-alert CSS ends\n==========================**/","/**=====================\n   3.56 Sellers CSS Start\n==========================**/\n.seller-wrapper {\n   .basic-wizard {\n      .stepper-horizontal {\n         .step {\n            .step-title {\n               @include multi-line-ellipsis(2, auto, vertical, hidden);\n               white-space: normal;\n               width: calc(78px + (180 - 78) * ((100vw - 320px) / (1920 - 320)));\n            }\n\n            .product-date {\n               input {\n                  font-size: 14px;\n               }\n            }\n         }\n      }\n   }\n\n   .card-header {\n      border-radius: 10px;\n      flex-wrap: wrap;\n      gap: 12px;\n      border-bottom: unset;\n      @media (max-width:575px) {\n         flex-direction: column;\n         align-items: flex-start;\n      }\n   }\n\n   .common-f-start {\n      gap: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));\n      flex-wrap: wrap;\n\n      @media (max-width:575px) {\n         flex-direction: column;\n         align-items: flex-start;\n      }\n\n      .seller-filter {\n         cursor: pointer;\n         font-weight: 500;\n         font-size: 16px;\n         transition: all .5s ease-in-out;\n         left: 0;\n         position: relative;\n\n         [dir=\"rtl\"] & {\n            left: unset;\n            right: 0;\n         }\n\n         &::after {\n            content: '';\n            position: absolute;\n            @include pixelstrap-size(0, 3px);\n            bottom: -1px;\n            left: 0;\n            background-color: var(--theme-default);\n            opacity: .3;\n            border-radius: 50px;\n            -webkit-transition: all .3s ease-in-out;\n            transition: all .3s ease-in-out;\n\n            [dir=\"rtl\"] & {\n               left: unset;\n               right: 0;\n            }\n         }\n\n         &:hover,\n         &:active,\n         &.active {\n            color: var(--theme-default);\n            transition: all .5s ease-in-out;\n\n            &::after {\n               width: 50%;\n            }\n         }\n      }\n   }\n\n   .right-vendor {\n      @include pixelstrap-flex(flex, flex-end, center);\n      gap: 12px;\n      flex-wrap: wrap;\n\n      @media (max-width:1422px) {\n         justify-content: flex-start;\n      }\n\n      .input-group {\n         width: 60%;\n\n         @media (max-width:445px) {\n            width: 100%;\n         }\n\n         svg {\n            @include pixelstrap-size(18px, 18px);\n         }\n      }\n\n      .btn {\n         @media (max-width:445px) {\n            margin: auto;\n         }\n      }\n   }\n\n   .basic-wizard {\n      .custom-input {\n         .form-control[type='file'] {\n            color: $font-gray-color;\n\n            &::file-selector-button {\n               color: $font-gray-color;\n            }\n         }\n\n         .flatpicker-calender {\n            .form-control {\n               color: $font-gray-color;\n            }\n         }\n      }\n\n      .stepper-horizontal {\n         .step {\n\n            .step-bar-left {\n               border-color: $gray-60;\n               height: .125rem;\n               border-width: .0625rem 0;\n            }\n\n            .step-bar-right {\n               border-width: .0625rem 0;\n               height: .125rem;\n            }\n         }\n\n         .step-circle {\n            font-weight: 500;\n\n            span {\n               line-height: 1;\n               font-weight: 400;\n               font-size: .875rem;\n            }\n         }\n      }\n\n      .wizard-footer {\n         margin-top: 1rem;\n\n         [class*='button-light-'] {\n            &:disabled {\n               border-color: $transparent-color;\n               color: $badge-light-color;\n               opacity: 1;\n            }\n         }\n      }\n   }\n\n   .modal {\n      .modal-body {\n         .form-select {\n            font-size: .875rem;\n            font-weight: 400;\n            color: var(--lighter-gray);\n         }\n      }\n   }\n\n   .form-check {\n      .form-check-input {\n         &:checked {\n            background-color: var(--theme-default);\n         }\n\n         &:valid {\n            border-color: var(--theme-default);\n\n            ~.form-check-label {\n               color: $theme-font-color;\n            }\n         }\n      }\n   }\n}\n\n.seller-cards {\n   display: grid;\n   place-content: center;\n   grid-template-columns: 1fr 1fr 1fr 1fr 1fr;\n   gap: 20px;\n   padding-bottom: 20px;\n\n   @media (max-width:1660px) and (min-width:1400px) {\n      grid-template-columns: 1fr 1fr 1fr 1fr;\n   }\n\n   @media (max-width:1399px) and (min-width:890px) {\n      grid-template-columns: 1fr 1fr 1fr;\n   }\n\n   @media (max-width:889px) and (min-width:620px) {\n      grid-template-columns: 1fr 1fr;\n   }\n\n   @media (max-width:619px) {\n      grid-template-columns: 1fr;\n   }\n\n   .seller-box {\n      border-radius: 15px;\n      padding: 20px;\n      background: var(--white);\n      border: 1px solid var(--sidebar-border);\n      >div {\n         display: flex;\n         align-items: center;\n         gap: 12px;\n         margin-bottom: 22px;\n      }\n\n      .seller-profits {\n\n         li {\n            padding-block: 6px;\n            @include pixelstrap-child(0, 0);\n\n            .common-space {\n               position: relative;\n               z-index: 0;\n\n               &::before {\n                  content: \"\";\n                  position: absolute;\n                  top: 50%;\n                  transform: translateY(-50%);\n                  width: 100%;\n                  border-top: 1px dashed var(--chart-dashed-border);\n                  z-index: -1;\n               }\n\n               span {\n                  background-color: var(--white);\n\n                  &:first-child {\n                     padding-right: 6px;\n\n                     [dir=\"rtl\"] & {\n                        padding-right: unset;\n                        padding-left: 6px;\n                     }\n                  }\n\n                  &:last-child {\n                     font-weight: 500;\n                     padding-left: 6px;\n\n                     [dir=\"rtl\"] & {\n                        padding-left: unset;\n                        padding-right: 6px;\n                     }\n                  }\n               }\n            }\n         }\n      }\n\n      svg {\n         @include pixelstrap-size(calc(28px + (34 - 28) * ((100vw - 320px) / (1920 - 320))), calc(28px + (34 - 28) * ((100vw - 320px) / (1920 - 320))));\n      }\n\n      .btn {\n         width: 100%;\n         margin-top: 22px;\n      }\n   }\n\n   // Show-hide animation \n   .hide {\n      animation: hide .3s ease 0s 1 normal forwards;\n      transform-origin: center;\n   }\n\n   .show {\n      animation: show .3s ease 0s 1 normal forwards;\n      transform-origin: center;\n   }\n\n   @keyframes hide {\n      0% {\n         transform: scale(1);\n      }\n\n      100% {\n         transform: scale(0);\n         @include pixelstrap-size(0, 0);\n         margin: 0;\n      }\n   }\n\n   @keyframes show {\n      0% {\n         transform: scale(0);\n         @include pixelstrap-size(0, 0);\n         margin: 0;\n      }\n\n      100% {\n         transform: scale(1);\n      }\n   }\n}\n\n// Seller Details\n.review-box {\n   .seller-profile {\n      .accordion-button {\n         font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));\n         color: $theme-font-color;\n         font-weight: 500;\n         letter-spacing: 0.2px;\n         background-color: rgba($badge-light-color, 0.1);\n\n         &.collapsed {\n            background-color: $transparent-color;\n         }\n      }\n\n      .accordion-item {\n         margin-bottom: 12px;\n\n         .accordion-header {\n            .accordion-button {\n               &::after {\n                  background-image: var(--bs-accordion-btn-icon);\n                  background-size: 16px;\n               }\n            }\n         }\n\n         .accordion-body {\n\n            .common-space,\n            .common-f-start {\n               gap: 10px;\n\n               h5 {\n                  font-size: calc(16px + (17 - 16) * ((100vw - 320px) / (1920 - 320)));\n               }\n\n               i {\n                  font-size: 16px;\n               }\n\n               svg {\n                  @include pixelstrap-size(calc(28px + (40 - 28) * ((100vw - 320px) / (1920 - 320))), calc(28px + (40 - 28) * ((100vw - 320px) / (1920 - 320))));\n               }\n            }\n\n            .seller-details {\n               margin-top: 20px;\n\n               li {\n                  @include pixelstrap-flex(flex, space-between, center);\n                  padding-bottom: 12px;\n                  gap: 4px;\n                  flex-wrap: wrap;\n\n                  @media (max-width:340px) {\n                     display: block;\n                     border-bottom: 1px dashed var(--recent-dashed-border);\n                     margin-bottom: 12px;\n                  }\n\n                  >div {\n                     @include pixelstrap-flex(flex, flex-start, center);\n                     gap: 10px;\n\n                     i {\n                        font-size: 14px;\n                        color: rgba($theme-body-font-color, 0.80);\n                     }\n\n                     h6 {\n                        color: $theme-body-font-color;\n                        font-size: 15px;\n                        font-weight: 400;\n                     }\n                  }\n               }\n            }\n\n            .notification-wrapper {\n               padding-bottom: 16px;\n\n               .form-check-label {\n                  letter-spacing: 0.3px;\n               }\n            }\n\n            .checkbox-wrapper {\n               li {\n                  @include pixelstrap-size(calc(38px + (45 - 38) * ((100vw - 320px) / (1920 - 320))), calc(38px + (45 - 38) * ((100vw - 320px) / (1920 - 320))));\n                  max-width: 45px;\n                  background-color: rgba($badge-light-color, 0.1);\n                  display: grid;\n                  place-items: center;\n\n                  .form-check-input {\n                     background-image: unset;\n                     z-index: 0;\n                     transition: all 0.2s ease-in-out;\n\n                     &:checked {\n                        background-color: var(--theme-default);\n\n                        ~.form-check-label {\n                           i {\n                              transform: scale(1.2);\n                              transition: all 0.2s ease-in-out;\n                              color: $white;\n                           }\n                        }\n                     }\n                  }\n\n                  .form-check-label {\n                     z-index: 1;\n\n                     i {\n                        padding-right: 0;\n                        color: $badge-light-color;\n                        font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));\n\n                        [dir=\"rtl\"] & {\n                           padding-right: unset;\n                           padding-left: 0;\n                        }\n                     }\n                  }\n               }\n            }\n\n            .policies-wrapper {\n               li {\n                  padding-bottom: 16px;\n\n                  label {\n                     font-weight: 500;\n                     color: $badge-light-color;\n                  }\n\n                  p {\n                     letter-spacing: 0.2px;\n                     margin: 0;\n                     color: $font-gray-color;\n                     @include multi-line-ellipsis(3, auto, vertical, hidden);\n                  }\n\n                  a {\n                     color: var(--theme-default);\n                     text-decoration: unset;\n\n                     &:hover {\n                        text-decoration: underline;\n                     }\n                  }\n\n                  .ql-tooltip {\n                     visibility: hidden;\n                  }\n               }\n            }\n         }\n      }\n\n      .product-reviews {\n         .review-people {\n            .review-list {\n               max-height: 295px;\n\n               li {\n                  background-color: var(--light-background);\n                  padding: 16px 20px;\n                  border-radius: 10px;\n\n                  .people-box {\n                     background: unset;\n                     padding: 0;\n                     border-radius: 0;\n\n                     .people-name {\n                        flex-wrap: wrap;\n                        gap: 0;\n\n                        .date-time {\n                           flex-wrap: wrap;\n                           gap: 4px;\n                        }\n                     }\n                  }\n\n                  >p {\n                     margin: calc(8px + (12 - 8) * ((100vw - 320px) / (1920 - 320))) 0 0 0;\n                     line-height: 1.6;\n                     @include multi-line-ellipsis(3, auto, vertical, hidden);\n                  }\n               }\n            }\n         }\n      }\n   }\n}\n\n.seller-details-table {\n   .recent-table {\n      div.dt-container {\n         .dt-layout-row {\n            .dt-search {\n               top: 26px;\n               right: 214px;\n\n               @media (max-width:767px) {\n                  position: relative;\n                  top: 4px;\n                  left: 20px;\n                  margin-bottom: 20px;\n               }\n\n               @media (max-width:640px) {\n                  top: 0px;\n               }\n\n               .dt-input {\n                  width: auto;\n               }\n            }\n\n            .dt-length {\n               top: 25px;\n            }\n         }\n      }\n\n      .table {\n\n         thead,\n         tbody {\n            tr {\n\n               th,\n               td {\n\n                  color: var(--body-font-color);\n                  min-width: auto;\n\n                  &:first-child {\n                     padding-left: 20px;\n                  }\n\n                  &:last-child {\n                     padding-right: 20px;\n                  }\n\n                  &:nth-child(6) {\n                     @media (max-width:1199px) {\n                        min-width: 98px;\n                     }\n                  }\n\n                  .badge {\n                     font-size: 12px;\n                     padding: 6px 12px;\n                  }\n\n                  .product-names {\n                     p {\n                        @include pixelstrap-ellipsis;\n                        width: 160px;\n                        min-width: 228px;\n                        max-width: 228px;\n                     }\n                  }\n\n                  .product-action {\n                     display: flex;\n                     align-items: center;\n                     justify-content: flex-start;\n                     gap: 8px;\n\n                     .square-white {\n                        @include square-box(34px, 34px, 2px, $white);\n                        @include pixelstrap-flex(flex, center, center);\n                        box-shadow: 0px 0px 28px 6px rgba(235, 235, 235, 0.4);\n\n                        svg {\n                           fill: rgba($badge-light-color, 0.8);\n                           @include pixelstrap-size(16px, 16px);\n                        }\n                     }\n                  }\n               }\n            }\n         }\n      }\n   }\n}\n\n.vendor-selling-table {\n   .recent-table {\n      div.dt-container {\n         .dt-layout-row {\n            .dt-search {\n               right: 20px;\n\n               @media (max-width:640px) {\n                  top: 4px;\n               }\n\n               .dt-input {\n                  width: auto;\n               }\n            }\n\n            .dt-length {\n               top: 16px;\n            }\n         }\n      }\n\n      .table {\n\n         thead,\n         tbody {\n            tr {\n\n               th,\n               td {\n\n                  color: var(--body-font-color);\n                  min-width: auto;\n\n                  &:first-child {\n                     padding-left: 20px;\n                  }\n\n                  &:last-child {\n                     padding-right: 20px;\n\n                     @media (max-width:1199px) {\n                        min-width: 118px;\n                     }\n                  }\n\n                  .product-names {\n                     p {\n                        @include pixelstrap-ellipsis;\n                        width: 160px;\n                        min-width: 228px;\n                        max-width: 228px;\n                     }\n                  }\n               }\n            }\n         }\n      }\n   }\n}\n\n.seller-order-table {\n   .recent-table {\n      div.dt-container {\n         .dt-layout-row {\n            .dt-search {\n               right: 20px;\n\n               @media (max-width:640px) {\n                  top: 4px;\n               }\n\n               .dt-input {\n                  width: auto;\n               }\n            }\n\n            .dt-length {\n               top: 16px;\n            }\n         }\n      }\n\n      .table {\n\n         thead,\n         tbody {\n            tr {\n\n               th,\n               td {\n\n                  color: var(--body-font-color);\n                  min-width: auto;\n\n                  &:first-child {\n                     padding-left: 20px;\n                  }\n\n                  &:last-child {\n                     padding-right: 20px;\n                  }\n\n                  a {\n                     color: $badge-light-color;\n                  }\n\n                  &:nth-child(2) {\n                     a {\n                        color: var(--theme-default) !important;\n                        font-weight: 500;\n                     }\n                  }\n\n                  &:nth-child(4) {\n                     img {\n                        height: 30px;\n                     }\n\n                     a {\n                        color: $badge-light-color;\n                        @include pixelstrap-ellipsis;\n                        width: 160px;\n                        min-width: 120px;\n                        max-width: 120px;\n                     }\n                  }\n\n                  .badge {\n                     font-size: 12px;\n                     padding: 6px 12px;\n                  }\n\n                  @media (max-width:1199px) {\n                     &:nth-child(2) {\n                        min-width: 128px;\n                     }\n\n                     &:nth-child(3) {\n                        min-width: 110px;\n                     }\n\n                     &:nth-child(4) {\n                        min-width: 165px;\n                     }\n\n                     &:nth-child(5) {\n                        min-width: 68px;\n                     }\n\n                     &:nth-child(6) {\n                        min-width: 80px;\n                     }\n                  }\n               }\n            }\n         }\n\n         tbody {\n            tr {\n               td {\n                  &:last-child {\n                     padding-left: 24px;\n                  }\n               }\n            }\n         }\n      }\n   }\n}\n\n.seller-details-wrapper {\n   .heading-space {\n      .card-header {\n         @media (max-width:575px) {\n            .header-top {\n               margin-left: 63px;\n            }\n         }\n      }\n\n      @media (max-width:400px) {\n         &:nth-last-of-type(1) {\n            .card-header-right-icon {\n               display: none;\n            }\n         }\n      }\n   }\n\n   .review-box {\n      .md-sidebar {\n         .email-left-aside {\n            @media (min-width:1661px) {\n               .card {\n                  box-shadow: unset;\n                  background-color: transparent;\n                  border-radius: 0;\n\n                  .card-body {\n                     padding: 0;\n                  }\n               }\n            }\n         }\n\n         @media (max-width:1660px) {\n            .accordion {\n               .accordion-item {\n                  margin-bottom: 0;\n               }\n            }\n\n            .md-sidebar-toggle {\n               display: block;\n               width: fit-content;\n               text-transform: capitalize;\n               margin-bottom: 20px;\n            }\n\n            .md-sidebar-aside {\n               position: absolute;\n               top: 40px;\n               left: 0;\n               opacity: 0;\n               visibility: hidden;\n               z-index: 3;\n               width: 360px;\n               transition: all 0.2s ease;\n\n               &.open {\n                  opacity: 1;\n                  visibility: visible;\n                  transition: all 0.2s ease;\n               }\n\n               @media (max-width:390px) {\n                  width: 300px;\n               }\n            }\n         }\n      }\n   }\n\n   .widget-hover {\n      .card-body {\n         >div {\n            span {\n               overflow: unset;\n            }\n         }\n      }\n\n      &:hover {\n         svg {\n            animation: tada 1.5s ease infinite;\n         }\n      }\n   }\n\n   .social-tabs {\n      .nav {\n         .frame-image {\n            svg {\n               @include pixelstrap-size(18px, 18px);\n            }\n         }\n      }\n   }\n}\n\n@media (max-width:1660px) {\n   .ord-xxl-1 {\n      order: 1 !important;\n   }\n\n   .ord-xxl-2 {\n      order: 2 !important;\n   }\n\n   .ord-xxl-3 {\n      order: 3 !important;\n   }\n}\n\n/**=====================\n   3.56 Sellers CSS End\n==========================**/","/**=====================\n   3.64 Settings CSS Start\n==========================**/\n.main-setting {\n    .nav-pills {\n        gap: 18px;\n\n        .nav-link {\n            padding: 12px 16px;\n            background-color: rgba($gray-60, 0.3);\n            color: $theme-body-font-color;\n            @include pixelstrap-flex(flex, flex-start, center);\n            gap: 8px;\n\n            &.active {\n                svg {\n                    stroke: $white;\n                }\n            }\n\n            svg {\n                @include pixelstrap-size(20px, 20px);\n                fill: $transparent-color;\n                stroke: rgba($badge-light-color, 0.8);\n\n                [dir=\"rtl\"] & {\n                    transform: scaleX(-1);\n                }\n            }\n\n            @media (max-width:575px) {\n                margin-bottom: 12px;\n\n                &:last-child {\n                    margin-bottom: 0;\n                }\n            }\n        }\n\n        @media (max-width:991px) {\n            gap: 12px;\n            flex-wrap: nowrap;\n            overflow: auto;\n            position: relative;\n\n            .nav-link {\n                white-space: nowrap;\n            }\n        }\n    }\n\n    .panel-body {\n        .row {\n            margin-bottom: 1rem;\n\n            @media (max-width:575px) {\n                margin-bottom: 0.8rem;\n            }\n        }\n    }\n\n    .form-label {\n        font-weight: 500;\n        color: $badge-light-color;\n    }\n\n    .form-control,\n    .form-select {\n        font-size: 14px;\n        color: var(--body-font-color);\n        background-color: $auth-bg-color;\n    }\n\n    .bootstrap-select {\n        .dropdown-toggle {\n            border-color: $light-gray !important;\n        }\n\n        .dropdown-menu {\n            .inner {\n                max-height: 200px;\n            }\n        }\n    }\n\n    .input-group {\n        .input-group-text {\n            background-color: rgba($lighter-white, 0.7);\n\n            i {\n                font-weight: 400;\n            }\n        }\n    }\n\n    .form-check {\n        &.form-switch {\n            @include pixelstrap-flex(flex, flex-start, center);\n            gap: 14px;\n            padding: 0;\n            margin: 0;\n\n            .form-check-input {\n                margin: 0;\n                @include pixelstrap-size(40px, 22px);\n            }\n\n            p {\n                @include pixelstrap-flex(flex, center, center);\n                gap: 6px;\n\n                svg {\n                    min-width: 15px;\n                    min-height: 15px;\n                    @include pixelstrap-size(15px, 15px);\n                }\n            }\n        }\n    }\n\n    .helper-text {\n        p {\n            font-size: 13px;\n        }\n    }\n\n    .tab-content {\n        @media (min-width:992px) {\n            border-left: 1px dashed $gray-60;\n            padding-left: 18px;\n            height: 100%;\n\n            [dir=\"rtl\"] & {\n                border-left: unset;\n                border-right: 1px dashed $gray-60;\n                padding-left: unset;\n                padding-right: 18px;\n            }\n\n            .advance-options {\n                .tab-content {\n                    border: unset;\n                }\n            }\n        }\n\n        .advance-options {\n            @media (max-width:575px) {\n                .nav-tabs {\n                    margin-bottom: 18px;\n\n                    .nav-item {\n                        .nav-link {\n                            padding-top: 10px;\n                        }\n                    }\n                }\n            }\n        }\n\n        .row {\n            margin-bottom: 1.5rem;\n\n            @media (max-width:575px) {\n                margin-bottom: 1.2rem;\n            }\n        }\n    }\n}\n\n/**=====================\n   3.64 Settings CSS Start\n==========================**/","/**=====================\n    3.57 Task CSS Start\n==========================**/\n.modal-open {\n  .datepickers-container {\n    z-index: 1075;\n  }\n}\n\n.date-details {\n  align-items: center;\n\n  >div {\n    +div {\n      margin-left: 10px;\n    }\n  }\n}\n\n.taskadd {\n  table {\n    tr {\n      td {\n        border-top: none;\n\n        &:first-child {\n          padding-left: 20px;\n        }\n\n        &:last-child {\n          padding-right: 20px;\n\n          a {\n            @include square-box(25px, 25px, 3px, $light-danger);\n            display: grid;\n            place-items: center;\n\n            svg {\n              color: $danger-color;\n            }\n          }\n        }\n\n        svg {\n          @include pixelstrap-size(18px, 18px);\n          color: $semi-dark;\n        }\n      }\n\n      &:first-child {\n        td {\n          padding-top: 20px;\n        }\n      }\n\n      &:last-child {\n        td {\n          padding-bottom: 20px;\n          border-bottom: unset;\n        }\n      }\n    }\n  }\n}\n\n// responsive\n@media only screen and (max-width: 1660px) {\n  .taskadd {\n    table {\n      tr {\n        td {\n          &:first-child {\n            min-width: 160px;\n          }\n\n          &:nth-child(3) {\n            min-width: 70px;\n          }\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 991px) {\n  .date-details {\n    display: block ! important;\n    margin-bottom: -10px;\n\n    .d-inline-block {\n      margin-bottom: 10px;\n    }\n  }\n\n  .taskadd {\n    table {\n      tr {\n        td {\n          &:first-child {\n            padding-left: 20px;\n          }\n        }\n\n        &:first-child {\n          td {\n            padding-top: 20px;\n          }\n        }\n\n        &:last-child {\n          td {\n            padding-bottom: 20px;\n          }\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 767px) {\n  .taskadd {\n    table {\n      tr {\n        td {\n          &:nth-child(2) {\n            min-width: 745px;\n          }\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 575px) {\n  .taskadd {\n    table {\n      tr {\n        td {\n          &:first-child {\n            padding-left: 15px;\n          }\n        }\n\n        &:first-child {\n          td {\n            padding-top: 15px;\n          }\n        }\n\n        &:last-child {\n          td {\n            padding-bottom: 15px;\n          }\n        }\n      }\n    }\n  }\n}\n\n.main-tasks {\n  .main-menu {\n    li {\n      &:last-child {\n        border-top: 1px solid var(--chart-dashed-border);\n        padding-top: 14px;\n        margin-top: 14px;\n      }\n    }\n  }\n\n  .task-stats {\n    .common-align {\n      background-color: rgba($primary-color, 0.1);\n      padding: 12px;\n      border-radius: 4px;\n      gap: 12px;\n\n      [class*=\"bg-\"] {\n        @include pixelstrap-size(40px, 40px);\n        display: grid;\n        place-items: center;\n        border-radius: 3px;\n\n        i {\n          font-size: 20px;\n          margin: 0;\n          color: $white;\n        }\n      }\n\n      @media (min-width:1400px) {\n        [class*=\"bg-\"] {\n          width: calc(35px + (40 - 35) * ((100vw - 1400px) / (1920 - 1400)));\n          height: calc(35px + (40 - 35) * ((100vw - 1400px) / (1920 - 1400)));\n\n          i {\n            font-size: calc(16px + (20 - 16) * ((100vw - 1400px) / (1920 - 1400)));\n          }\n        }\n\n        h4 {\n          font-size: calc(18px + (20 - 18) * ((100vw - 1400px) / (1920 - 1400)));\n        }\n      }\n    }\n  }\n\n  .form-select {\n    font-size: 14px;\n    color: rgba($badge-light-color, 0.8);\n  }\n\n  .bootstrap-select {\n    .dropdown-toggle {\n      border-color: rgba($badge-light-color, 0.1) !important;\n\n      .filter-option {\n        white-space: initial;\n      }\n    }\n\n    .dropdown-menu {\n      .dropdown-item {\n        opacity: 1;\n        color: rgba($badge-light-color, 0.6) !important;\n      }\n    }\n\n    .no-results {\n      font-size: 14px;\n      margin: 0;\n      padding: 0 12px;\n    }\n  }\n\n  .was-validated {\n    .bootstrap-select {\n      select {\n        &:valid+.dropdown-toggle {\n          border-color: $success-color !important;\n        }\n\n        &:invalid+.dropdown-toggle {\n          border-color: $danger-color !important;\n        }\n      }\n    }\n  }\n\n  .common-task-table {\n    .table-responsive {\n      div.dt-container {\n        .dt-layout-row {\n          .dt-search {\n            right: -50px;\n          }\n        }\n      }\n\n      form {\n        padding: 20px;\n      }\n\n      table {\n\n        thead,\n        tbody {\n          tr {\n\n            th,\n            td {\n              min-width: auto;\n              color: var(--body-font-color);\n\n              a {\n                color: var(--body-font-color);\n              }\n\n              &:first-child {\n                padding-left: 20px;\n              }\n\n              &:last-child {\n                padding-right: 20px;\n              }\n\n              &:nth-child(2) {\n                max-width: 150px;\n              }\n\n              &:nth-child(3) {\n                span {\n                  @include multi-line-ellipsis(2, auto, vertical, hidden);\n                  width: 140px;\n                }\n              }\n\n              @media (max-width:1485px) and (min-width:1200px) {\n                &:nth-child(3) {\n                  display: none;\n                }\n              }\n\n              span {\n                &.badge {\n                  padding: 6px 12px;\n                  font-size: 12px;\n                }\n              }\n\n              ul {\n                li {\n                  +li {\n                    margin-left: -12px;\n\n                    [dir=\"rtl\"] & {\n                      margin-left: unset;\n                      margin-right: -12px;\n                    }\n                  }\n                }\n              }\n\n              img {\n                height: 30px;\n              }\n\n              @media (max-width:1199px) {\n                &:nth-child(2) {\n                  min-width: 125px;\n                }\n\n                &:nth-child(3) {\n                  span {\n                    width: 345px;\n                  }\n                }\n\n                &:nth-child(4) {\n                  min-width: 108px;\n                }\n\n                &:nth-child(5) {\n                  min-width: 100px;\n                }\n\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n/**=====================\n  3.57 Task CSS Ends\n==========================**/","/**=====================\n    3.58 Timeline-v CSS Start\n==========================**/\n\n.timeline-wrapper {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tpadding-bottom: 12px;\n}\n.notification {\n\tul {\n\t  position: relative;\n  \n\t  &::before {\n\t\tposition: absolute;\n\t\tcontent: \"\";\n\t\tborder: 1px dashed $theme-body-sub-title-color;\n\t\topacity: 0.3;\n\t\ttop: 12px;\n\t\tleft: 2px;\n\t\theight: calc(100% - 12px);\n  \n\t\t[dir=\"rtl\"] & {\n\t\t  left: unset;\n\t\t  right: 2px;\n\t\t}\n\t  }\n\t}\n  \n\tli {\n\t  padding-bottom: 31px;\n\t}\n  \n\tdiv[class*=\"activity-dot-\"] {\n\t  margin-top: 12px;\n\t  animation: round 1.3s ease-in-out infinite;\n\t}\n  \n\t.card {\n\t  .d-flex {\n\t\t.w-100 {\n\t\t  p {\n\t\t\t.badge {\n\t\t\t  color: $white;\n\t\t\t  margin-left: 10px;\n\t\t\t  font-weight: 500;\n\t\t\t}\n\t\t  }\n  \n\t\t  h6 {\n\t\t\tmargin-bottom: 5px;\n\t\t\tposition: relative;\n  \n\t\t\t~p {\n\t\t\t  -webkit-box-orient: vertical;\n\t\t\t  -webkit-line-clamp: 1;\n\t\t\t  text-emphasis: inherit;\n\t\t\t  white-space: nowrap;\n\t\t\t  overflow: hidden;\n\t\t\t  text-overflow: ellipsis;\n\t\t\t  display: block;\n\t\t\t  width: 260px;\n  \n\t\t\t  @media (max-width: 767px) {\n\t\t\t\t-webkit-line-clamp: unset;\n\t\t\t\ttext-emphasis: unset;\n\t\t\t\twhite-space: unset;\n\t\t\t\ttext-overflow: unset;\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: unset;\n\t\t\t\toverflow: visible;\n\t\t\t  }\n\t\t\t}\n  \n\t\t\t@keyframes round {\n\t\t\t  0% {\n\t\t\t\ttransform: scale(1);\n\t\t\t  }\n  \n\t\t\t  50% {\n\t\t\t\ttransform: scale(1.2);\n\t\t\t  }\n  \n\t\t\t  100% {\n\t\t\t\ttransform: scale(1);\n\t\t\t  }\n  \n\t\t\t}\n\t\t  }\n  \n\t\t  span {\n\t\t\tcolor: $theme-body-sub-title-color;\n\t\t  }\n\t\t}\n  \n\t\t&:nth-child(2) {\n\t\t  .flex-grow-1 {\n\t\t\th6 {\n\t\t\t  .dot-notification {\n\t\t\t\tbackground-color: $warning-color;\n\t\t\t\tborder: 5px solid lighten($warning-color, 30%);\n\t\t\t  }\n\t\t\t}\n\t\t  }\n\t\t}\n  \n\t\t&:last-child {\n\t\t  margin-bottom: 0 !important;\n\t\t}\n\t  }\n\t}\n  \n\t.date-content {\n\t  padding: 4px 8px;\n\t  border-radius: 5px;\n\t}\n}\n.notification {\nli {\n\t.recent-images {\n\tul {\n\t\t&::before {\n\t\tdisplay: none;\n\t\t}\n\t}\n\n\tli {\n\t\tpadding-bottom: 3px;\n\t}\n\t}\n}\n}\n  \n.recent-images {\nmargin-top: 10px;\n\nul {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-wrap: wrap;\n\tgap: 8px;\n}\n\nli {\n\tborder: 1px dashed var(--recent-dashed-border);\n\tpadding: 3px;\n\tborder-radius: 2px;\n\n\t.recent-img-wrap {\n\twidth: 40px;\n\theight: 40px;\n\tbackground: var(--light2);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\t}\n}\n}\n@each $activity-dot-name,\n$activity-dot-color in (primary, $primary-color),\n(secondary, $secondary-color),\n(success, $success-color),\n(danger, $danger-color),\n(info, $info-color),\n(light, $light-color),\n(dark, $dark-color),\n(warning, $warning-color) {\n  .activity-dot-#{$activity-dot-name} {\n    min-width: 6px;\n    height: 6px;\n    background-color: $activity-dot-color;\n    border-radius: 100%;\n    outline: 5px solid rgba($activity-dot-color, 0.25);\n    position: relative;\n    z-index: 2;\n  }\n\n  // timeline\n  .timeline-dot-#{$activity-dot-name} {\n    min-width: 12px;\n    height: 12px;\n    background-color: $activity-dot-color;\n    outline: 5px solid rgba($activity-dot-color, 0.25);\n    position: relative;\n    z-index: 2;\n\n    @media (max-width:1399px) {\n      min-width: 10px;\n      height: 10px;\n      outline: 4px solid rgba($activity-dot-color, 0.25);\n\n    }\n  }\n}\n.activity {\n\t.d-flex {\n\t\tmargin-bottom: 30px;\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\n\t\t.flex-grow-1 {\n\t\t\th6 {\n\t\t\t\tfont-weight: 600;\n\t\t\t\tmargin-bottom: 30px;\n\n\t\t\t\tspan {\n\t\t\t\t\tfont-weight: normal;\n\t\t\t\t\tcolor: $light-text;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tp {\n\t\t\t\twidth: 80%;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@media only screen and (max-width: 1169px) {\n\t.landing-main {\n\t\t#cd-timeline::before {\n\t\t\tleft: -39px;\n\t\t}\n\t}\n}\n\n.main-timeline {\n\tul {\n\t\t&::before {\n\t\t\tleft: 5px;\n\n\t\t\t[dir=\"rtl\"] & {\n\t\t\t\tright: 5px;\n\t\t\t\tleft: unset;\n\t\t\t}\n\t\t}\n\n\t\t@media (max-width:1399px) {\n\t\t\t&::before {\n\t\t\t\tleft: 4px;\n\t\t\t}\n\t\t}\n\n\t\tli {\n\t\t\t&:last-child {\n\t\t\t\tpadding-bottom: 0;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.basic-timeline {\n\t&.dark-timeline {\n\t\tul {\n\t\t\t.d-flex {\n\t\t\t\tp {\n\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t@media (min-width:1200px) {\n\t\t\t\t\t\t\twidth: calc(100px + (530 - 100) * ((100vw - 320px) / (1920 - 320)));\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.square-timeline {\n\tposition: relative;\n\n\t&::before {\n\t\tborder: 1px dashed $gray-60;\n\t\tcontent: '';\n\t\tmargin-left: 0px;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 18px;\n\t\twidth: 1px;\n\t\theight: 100%;\n\n\t\t[dir=\"rtl\"] & {\n\t\t\tmargin-left: unset;\n\t\t\tmargin-right: 0;\n\t\t\tleft: unset;\n\t\t\tright: 18px;\n\t\t}\n\t}\n\n\t.timeline-event {\n\t\tposition: relative;\n\n\t\t&:hover {\n\t\t\t.timeline-event-icon {\n\t\t\t\ttransform: rotate(-105deg);\n\t\t\t\tbackground-color: $badge-light-color;\n\t\t\t}\n\n\t\t\t.timeline-event-wrapper {\n\t\t\t\t.timeline-thumbnail {\n\t\t\t\t\tbox-shadow: inset 40em 0 0 0 $light-warning;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.timeline-event-wrapper {\n\t\t\tpadding: 0 0 0 14px;\n\t\t\tposition: relative;\n\t\t\ttop: -7px;\n\t\t\tleft: 38px;\n\t\t\twidth: 95%;\n\n\t\t\t[dir=\"rtl\"] & {\n\t\t\t\tleft: unset;\n\t\t\t\tright: 38px;\n\t\t\t\tpadding: 0 14px 0 0;\n\t\t\t}\n\n\t\t\t@media (max-width: 1200px) {\n\t\t\t\twidth: calc(84% + (95 - 84) * ((100vw - 320px) / (1200 - 320)));\n\t\t\t}\n\n\t\t\t.designer-details {\n\t\t\t\tpadding-top: 20px;\n\t\t\t}\n\n\t\t\t.timeline-thumbnail {\n\t\t\t\ttransition: box-shadow 0.5s ease-in 0.1s;\n\t\t\t\tcolor: $dark-color;\n\t\t\t\tbackground-color: rgba($primary-color, 0.1);\n\t\t\t\tbox-shadow: inset 0 0 0 0em $light-info;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmargin-bottom: 12px;\n\t\t\t\tpadding: 2px 25px;\n\t\t\t}\n\n\t\t\t.list-group-item-action {\n\n\t\t\t\t&:hover,\n\t\t\t\t&:active,\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground-color: unset;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t>div {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\twidth: 100%;\n\n\t\t\t}\n\t\t}\n\n\t\t.timeline-event-icon {\n\t\t\ttransition: 0.2s ease-in;\n\t\t\ttransform: rotate(45deg);\n\t\t\tbackground-color: $primary-color;\n\t\t\toutline: 6px solid rgba($primary-color, 0.1);\n\t\t\tdisplay: block;\n\t\t\tmargin: 0px;\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: 14px;\n\t\t\twidth: 10px;\n\t\t\theight: 10px;\n\n\t\t\t[dir=\"rtl\"] & {\n\t\t\t\tright: 14px;\n\t\t\t\tleft: unset;\n\t\t\t}\n\t\t}\n\t}\n}\n\n// Horizontal timeline\n.list-inline {\n\tdisplay: flex;\n\tjustify-content: center;\n\n\t&.events {\n\t\t.event-list {\n\t\t\tdisplay: block;\n\t\t\tposition: relative;\n\t\t\ttext-align: center;\n\t\t\tpadding-top: 70px;\n\t\t\tmargin-right: 0;\n\n\t\t\tp {\n\t\t\t\twhite-space: nowrap;\n\t\t\t\toverflow: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t-webkit-box-orient: vertical;\n\t\t\t\t-webkit-line-clamp: 2;\n\t\t\t}\n\n\t\t\t.event-date {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 38px;\n\t\t\t\tleft: 0;\n\t\t\t\tright: 0;\n\t\t\t\twidth: 75px;\n\t\t\t\tmargin: 0 auto;\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tpadding: 2px 4px;\n\n\t\t\t\tp {\n\t\t\t\t\t-webkit-line-clamp: 3;\n\t\t\t\t\t-webkit-box-orient: vertical;\n\t\t\t\t\tdisplay: -webkit-box;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\tline-height: 1.5;\n\t\t\t\t\tmargin-top: 7px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.timeline-list {\n\n\t&.timeline-border {\n\t\tborder-bottom: 1px solid $gray-60;\n\t}\n\n\t&.list-inline {\n\t\tpadding-bottom: 0;\n\n\t\t&.events {\n\n\t\t\t.event-list {\n\t\t\t\tpadding-top: 35px;\n\n\t\t\t\t&::before {\n\t\t\t\t\tcontent: '';\n\t\t\t\t\theight: 0;\n\t\t\t\t\tborder-right: unset;\n\t\t\t\t}\n\n\t\t\t\t.event-date {\n\t\t\t\t\ttop: 2px;\n\n\t\t\t\t\tp {\n\t\t\t\t\t\t-webkit-line-clamp: 3;\n\t\t\t\t\t\t-webkit-box-orient: vertical;\n\t\t\t\t\t\tdisplay: -webkit-box;\n\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\tline-height: 1.5;\n\t\t\t\t\t\tmargin-top: 7px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.read-more-btn {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tmargin-bottom: 3px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.vertical-line {\n\t\t\theight: 45px;\n\t\t\twidth: 1px;\n\t\t\tmargin: 0 auto;\n\t\t\tposition: relative;\n\t\t\tborder: 1px dashed $primary-color;\n\t\t}\n\t}\n}\n\n.list-group {\n\t&.main-lists-content {\n\t\tpadding-top: 20px;\n\t}\n\n\t.list-group-item {\n\t\t.timeline-icon {\n\t\t\t@media (max-width:1218px) {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.horizontal-timeline {\n\t@media (max-width: 1400px) {\n\t\tdisplay: none;\n\t}\n}\n\n.rounded-timeline {\n\t.timeline {\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\tpadding: 0;\n\t\toverflow: hidden;\n\n\t\t&::after {\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\twidth: 2px;\n\t\t\tbackground: $gray-60;\n\t\t\ttop: 0;\n\t\t\tbottom: 0;\n\t\t\tleft: 50%;\n\t\t\tmargin-left: -1px;\n\n\t\t\t@media (max-width:1199px) {\n\t\t\t\tleft: 75px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.container {\n\t\tpadding: 15px 30px;\n\t\tposition: relative;\n\t\tbackground: inherit;\n\t\twidth: 50%;\n\t\tmargin: 0;\n\n\t\t@media (max-width:1199px) {\n\t\t\twidth: 85%;\n\t\t}\n\n\t\t&::after {\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\twidth: 16px;\n\t\t\theight: 16px;\n\t\t\ttop: calc(50% - 8px);\n\t\t\tright: -8px;\n\t\t\tbackground: var(--white);\n\t\t\tborder: 2px solid $gray-60;\n\t\t\tborder-radius: 16px;\n\t\t\tz-index: 1;\n\t\t}\n\n\t\t&::before {\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\twidth: 50px;\n\t\t\theight: 2px;\n\t\t\ttop: calc(50% - 1px);\n\t\t\tright: 8px;\n\t\t\tbackground: $gray-60;\n\t\t\tz-index: 1;\n\t\t}\n\n\t\t.date {\n\t\t\tposition: absolute;\n\t\t\tdisplay: inline-block;\n\t\t\ttop: calc(50% - 8px);\n\t\t\ttext-align: center;\n\t\t\tfont-size: 14px;\n\t\t\tfont-weight: bold;\n\t\t\tcolor: var(--chart-text-color);\n\t\t\ttext-transform: uppercase;\n\t\t\tletter-spacing: 1px;\n\t\t\tz-index: 1;\n\n\t\t\t@media (max-width:610px) {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\n\t\taudio {\n\t\t\t@media (max-width:1300px) {\n\t\t\t\twidth: 95%;\n\t\t\t}\n\t\t}\n\n\t\t.icon {\n\t\t\tposition: absolute;\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 40px;\n\t\t\theight: 40px;\n\t\t\tpadding: 9px 0;\n\t\t\ttop: calc(50% - 20px);\n\t\t\tbackground: var(--light2);\n\t\t\tborder: 2px dashed var(--chart-text-color);\n\t\t\tborder-radius: 40px;\n\t\t\ttext-align: center;\n\t\t\tfont-size: 18px;\n\t\t\tcolor: var(--chart-text-color);\n\t\t\tz-index: 1;\n\t\t}\n\n\t\t.content {\n\t\t\tpadding: 20px 80px 20px 20px;\n\t\t\tbackground: var(--light2);\n\t\t\tposition: relative;\n\t\t\tborder-radius: 0 200px 200px 0;\n\n\t\t\taudio {\n\t\t\t\t@media (max-width:767px) {\n\t\t\t\t\twidth: 95%;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\th2 {\n\t\t\t\tmargin: 0 0 10px 0;\n\t\t\t\tfont-size: 18px;\n\t\t\t\tfont-weight: normal;\n\t\t\t\tcolor: var(--chart-text-color);\n\t\t\t}\n\n\t\t\tp {\n\t\t\t\tmargin: 0;\n\t\t\t\tcolor: var(--body-font-color);\n\n\t\t\t\t@media (max-width:610px) {\n\t\t\t\t\tdisplay: -webkit-box;\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tmargin: 0 auto;\n\t\t\t\t\t-webkit-line-clamp: 2;\n\t\t\t\t\t-webkit-box-orient: vertical;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.container.left {\n\t\tleft: 0;\n\n\t\t.date {\n\t\t\tright: -75px;\n\t\t}\n\n\t\t.icon {\n\t\t\tright: 56px;\n\t\t}\n\n\t\t@media (max-width:1199px) and (min-width:768px) {\n\t\t\tleft: 75px;\n\n\t\t\t&::before {\n\t\t\t\tleft: 8px;\n\t\t\t}\n\n\t\t\t&::after {\n\t\t\t\tleft: -8px;\n\t\t\t}\n\n\t\t\t.date {\n\t\t\t\tleft: -75px;\n\t\t\t\tright: unset;\n\t\t\t}\n\n\t\t\t.icon {\n\t\t\t\tleft: 56px;\n\t\t\t}\n\n\t\t\t.content {\n\t\t\t\tpadding: 20px 20px 20px 80px;\n\t\t\t\tborder-radius: 200px 0 0 200px;\n\t\t\t}\n\t\t}\n\n\t\t@media (max-width:767px) {\n\t\t\tleft: 0;\n\t\t}\n\t}\n\n\t.container.right {\n\t\tleft: 50%;\n\n\t\t&::after {\n\t\t\tleft: -8px;\n\t\t}\n\n\t\t&::before {\n\t\t\tleft: 8px;\n\t\t}\n\n\t\t.date {\n\t\t\tleft: -75px;\n\t\t}\n\n\t\t.icon {\n\t\t\tleft: 56px;\n\t\t}\n\n\t\t.content {\n\t\t\tpadding: 20px 20px 20px 80px;\n\t\t\tborder-radius: 200px 0 0 200px;\n\t\t}\n\n\t\t@media (max-width:1199px) {\n\t\t\tleft: 75px;\n\n\t\t\t&::after {\n\t\t\t\tleft: -8px;\n\t\t\t}\n\t\t}\n\t}\n\n\t@media (max-width: 767px) {\n\t\t.timeline {\n\t\t\t&::after {\n\t\t\t\tleft: 90px;\n\t\t\t}\n\t\t}\n\n\t\t.container {\n\t\t\twidth: 100%;\n\t\t\tpadding-left: 120px;\n\t\t\tpadding-right: 30px;\n\t\t}\n\n\t\t.container.right {\n\t\t\tleft: 0%;\n\n\t\t\t&::after {\n\t\t\t\tleft: 82px;\n\t\t\t}\n\n\t\t\t&::before {\n\t\t\t\tleft: 95px;\n\t\t\t\tborder-color: var(--theme-default);\n\t\t\t}\n\n\t\t\t.date {\n\t\t\t\tright: auto;\n\t\t\t\tleft: 15px;\n\t\t\t}\n\n\t\t\t.icon {\n\t\t\t\tright: auto;\n\t\t\t\tleft: 146px;\n\t\t\t}\n\n\t\t\t.content {\n\t\t\t\tpadding: 30px 30px 30px 90px;\n\t\t\t\tborder-radius: 200px 0 0 200px;\n\t\t\t}\n\t\t}\n\n\t\t.container.left {\n\t\t\t&::after {\n\t\t\t\tleft: 82px;\n\t\t\t}\n\n\t\t\t&::before {\n\t\t\t\tleft: 95px;\n\t\t\t\tborder-color: var(--theme-default);\n\t\t\t}\n\n\t\t\t.date {\n\t\t\t\tright: auto;\n\t\t\t\tleft: 15px;\n\t\t\t}\n\n\t\t\t.icon {\n\t\t\t\tright: auto;\n\t\t\t\tleft: 146px;\n\t\t\t}\n\n\t\t\t.content {\n\t\t\t\tpadding: 30px 30px 30px 90px;\n\t\t\t\tborder-radius: 200px 0 0 200px;\n\n\t\t\t}\n\t\t}\n\t}\n\n\t@media (max-width:610px) {\n\t\t.timeline {\n\t\t\t&::after {\n\t\t\t\tleft: 8px;\n\t\t\t}\n\n\t\t\t.container {\n\t\t\t\tpadding-left: 30px;\n\n\t\t\t\t&::before,\n\t\t\t\t&::after {\n\t\t\t\t\tleft: 0;\n\t\t\t\t}\n\n\t\t\t\t.icon {\n\t\t\t\t\tleft: 50px;\n\t\t\t\t}\n\n\t\t\t\t.content {\n\t\t\t\t\t@media (max-width:475px) {\n\t\t\t\t\t\tpadding: 30px 30px 30px 75px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t@media (max-width:475px) {\n\t\t.timeline {\n\t\t\t.container {\n\t\t\t\tpadding-right: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t@media (max-width:440px) {\n\t\t.timeline {\n\t\t\tpadding-top: 20px;\n\n\t\t\t.container {\n\t\t\t\tpadding-block: 40px;\n\t\t\t\tpadding-left: 0;\n\t\t\t\tz-index: 1;\n\n\t\t\t\t&::before {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.icon {\n\t\t\t\t\ttop: -20px;\n\t\t\t\t\tleft: 45%;\n\t\t\t\t}\n\n\t\t\t\t&::after {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.content {\n\t\t\t\t\tpadding: 16px !important;\n\t\t\t\t\tborder-radius: 10px !important;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&::after {\n\t\t\t\tleft: 50%;\n\t\t\t}\n\t\t}\n\t}\n\n\t@media (max-width:390px) {\n\t\t.timeline {\n\t\t\t.container {\n\t\t\t\t.icon {\n\t\t\t\t\tleft: 44%;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t@media (max-width:335px) {\n\t\t.timeline {\n\t\t\t.container {\n\t\t\t\t.icon {\n\t\t\t\t\tleft: 42%;\n\t\t\t\t}\n\n\t\t\t\taudio::-webkit-media-controls-enclosure {\n\t\t\t\t\tborder-radius: 0;\n\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t}\n\n\t\t\t}\n\t\t}\n\t}\n}\n\n// Animated timeline \n.animated-timeline {\n\twidth: 100%;\n\tmin-height: 100vh;\n\theight: 100%;\n\tcolor: var(--chart-text-color);\n\n\t.timeline-block {\n\t\tz-index: 1;\n\t\tposition: relative;\n\n\t\t&::before {\n\t\t\tcontent: \"\";\n\t\t\tposition: absolute;\n\t\t\theight: calc(100% - 40px);\n\t\t\twidth: 1px;\n\t\t\tborder: 1px dashed $theme-body-sub-title-color;\n\t\t\topacity: 0.4;\n\t\t\tleft: 50%;\n\t\t\tmargin-top: calc(45px + (55 - 45) * ((100vw - 320px) / (1920 - 320)));\n\t\t}\n\n\t\t.title {\n\t\t\ttext-align: center;\n\t\t\ttransition: all 0.8s ease-in-out;\n\t\t\tfont-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));\n\t\t\tline-height: 1.2;\n\t\t\tfont-weight: 500;\n\t\t\tcolor: $badge-light-color;\n\n\t\t\t&.non-focus {\n\t\t\t\tfont-size: 24px;\n\t\t\t\tline-height: 34px;\n\t\t\t\ttransition: all 0.8s ease-in-out;\n\t\t\t}\n\t\t}\n\n\t\t.timeline-event {\n\t\t\tbackground-color: rgba($light-color, 0.8);\n\t\t\tpadding: 15px;\n\t\t\tmargin: 30px 20px;\n\t\t\twidth: 300px;\n\t\t\tposition: relative;\n\t\t\tborder-radius: 4px;\n\t\t\ttransition: all 0.3s ease-in-out;\n\t\t\tborder: 1px dashed $dark-color-light;\n\n\t\t\t&:before {\n\t\t\t\tcontent: \"\";\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: calc(50% - 8px);\n\t\t\t\tleft: -27px;\n\t\t\t\twidth: 16px;\n\t\t\t\theight: 16px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tbackground-color: $gray-60;\n\t\t\t}\n\n\t\t\t.timeline-desc {\n\t\t\t\th6 {\n\t\t\t\t\tcolor: $badge-light-color;\n\t\t\t\t}\n\n\t\t\t\tspan {\n\t\t\t\t\tcolor: $font-gray-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:nth-child(odd) {\n\t\t\t\tmargin-left: calc(50% + 20px);\n\t\t\t}\n\n\t\t\t&:nth-child(even) {\n\t\t\t\tmargin-left: calc(50% - 321px);\n\n\t\t\t\t&:before {\n\t\t\t\t\tleft: calc(100% + 16px);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.non-focus {\n\t\t\t\tbackground: rgba($light-color, 0.3);\n\t\t\t\tmargin-top: 108px;\n\t\t\t\ttransform: rotateZ(45deg);\n\t\t\t\ttransition: all 0.8s ease-in-out;\n\t\t\t\tborder: 1px dashed rgba($dark-color-light, 0.2);\n\n\t\t\t\t.timeline-desc {\n\t\t\t\t\th6 {\n\t\t\t\t\t\tcolor: rgba($badge-light-color, 0.4);\n\t\t\t\t\t}\n\n\t\t\t\t\tspan {\n\t\t\t\t\t\tcolor: rgba($font-gray-color, 0.2);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:before {\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t@media (max-width:767px) {\n\t\t.timeline-block {\n\t\t\t&::before {\n\t\t\t\tleft: 18px;\n\t\t\t}\n\n\t\t\t.title {\n\t\t\t\ttext-align: left;\n\t\t\t}\n\n\t\t\t.timeline-event {\n\t\t\t\t&::before {\n\t\t\t\t\tleft: -49px;\n\t\t\t\t}\n\n\t\t\t\t&:nth-child(odd) {\n\t\t\t\t\tmargin-left: calc(50% - 260px);\n\t\t\t\t}\n\n\t\t\t\t&:nth-child(even) {\n\t\t\t\t\tmargin-left: calc(50% - 260px);\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tleft: unset;\n\t\t\t\t\t\tright: calc(100% + 33px);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t@media (max-width:767px) {\n\t\t.timeline-block {\n\t\t\t.timeline-event {\n\t\t\t\t&:nth-child(even) {\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tleft: unset;\n\t\t\t\t\t\tright: calc(100% + 31px);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&::before {\n\t\t\t\t\tleft: -47px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t@media (max-width:767px) {\n\t\t.timeline-block {\n\t\t\t.timeline-event {\n\t\t\t\t&:nth-child(odd) {\n\t\t\t\t\tmargin-left: 58px;\n\t\t\t\t}\n\n\t\t\t\t&:nth-child(even) {\n\t\t\t\t\tmargin-left: 58px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t@media (max-width:440px) {\n\t\t.timeline-block {\n\t\t\t.timeline-event {\n\t\t\t\twidth: auto;\n\n\t\t\t\t&::before {\n\t\t\t\t\twidth: 12px;\n\t\t\t\t\theight: 12px;\n\t\t\t\t\tleft: -45px;\n\t\t\t\t}\n\n\t\t\t\t&:nth-child(even) {\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tright: calc(100% + 33px);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n/**=====================\n    3.58 Timeline-v CSS Ends\n==========================**/","/**=====================\n    3.59 User-profile CSS start\n==========================**/\n.user-profile {\n  .ttl-info {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n\n    @media (max-width:576px) {\n      align-items: flex-start;\n      padding-bottom: 12px;\n\n      span {\n        @include multi-line-ellipsis(3, auto, vertical, hidden);\n      }\n    }\n\n    h6 {\n      font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));\n      color: $semi-dark;\n      font-weight: 400;\n\n      i {\n        font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));\n      }\n    }\n  }\n\n  .border-right {\n    border-right: 1px solid rgba($gray-60, 0.6);\n  }\n\n  hr {\n    margin: 20px 0;\n  }\n\n  .hovercard {\n    .cardheader {\n      background: url(../images/other-images/bg-profile.png);\n      background-size: cover;\n      background-position: 10%;\n      height: 470px;\n      display: flex;\n      align-items: flex-end;\n    }\n\n    .user-image {\n      position: relative;\n\n      .avatar {\n        @include pixelstrap-flex(flex, space-between, center);\n\n        img {\n          @include pixelstrap-size(100px, 100px);\n          max-width: 155px;\n          max-height: 155px;\n          border-radius: 50%;\n          border: 7px solid $white;\n        }\n      }\n\n      .icon-wrapper {\n        position: absolute;\n        bottom: -18px;\n        left: 94px;\n        @include pixelstrap-flex(flex, center, center);\n        height: calc(32px + (40 - 32) * ((100vw - 320px) / (1920 - 320)));\n        width: calc(32px + (40 - 32) * ((100vw - 320px) / (1920 - 320)));\n        border-radius: 50%;\n        background-color: $white;\n        cursor: pointer;\n        overflow: hidden;\n        margin: 0 auto;\n        font-size: calc(12px + (17 - 12) * ((100vw - 320px) / (1920 - 320)));\n        box-shadow: 0 0 6px 3px rgba($primary-color, 0.1);\n      }\n    }\n\n    .info {\n      padding: 30px;\n\n      .title {\n        margin-bottom: 4px;\n        font-size: 24px;\n        line-height: 1;\n        color: $dark-color;\n        vertical-align: middle;\n\n        a {\n          color: $theme-font-color;\n          font-size: 20px;\n          text-transform: uppercase;\n          font-weight: 500;\n        }\n      }\n\n      >p {\n        padding-top: 18px;\n        text-align: left;\n      }\n\n      .desc {\n        overflow: hidden;\n        font-size: 14px;\n        line-height: 20px;\n        font-weight: 500;\n        color: $semi-dark;\n        text-overflow: ellipsis;\n        text-transform: uppercase;\n      }\n    }\n  }\n\n  // .follow {\n  //   margin-top: 20px;\n\n  //   .follow-num {\n  //     font-size: 20px;\n  //     color: $theme-font-color;\n  //     font-family: $font-manrope, $font-serif;\n  //     font-weight: 500;\n  //   }\n\n  //   span {\n  //     color: $semi-dark;\n  //   }\n  // }\n\n  .profile-img-style {\n    padding: 20px;\n\n    .img-container {\n      margin-top: 20px;\n    }\n\n    .user-name {\n      font-size: 14px;\n      color: $theme-font-color;\n      margin: 0;\n      font-weight: 600;\n    }\n\n    p {\n      line-height: 30px;\n      font-size: 14px;\n      color: $dark-gray;\n      margin-bottom: 0;\n    }\n\n    .d-flex {\n      img {\n        width: 50px;\n      }\n    }\n  }\n\n  .like-comment {\n    li {\n      a {\n        color: $dark-gray;\n      }\n\n      &:first-child {\n        a {\n\n          &:hover,\n          &:active {\n            color: $danger-color;\n          }\n        }\n      }\n    }\n\n    span {\n      font-family: $font-manrope, $font-serif;\n    }\n  }\n\n  .social-media {\n    a {\n      padding: 0 calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320)));\n      color: $semi-dark;\n      font-size: 24px;\n      cursor: pointer;\n\n      &:hover {\n        color: var(--theme-default);\n      }\n    }\n  }\n\n  .common-user-image {\n    box-shadow: unset;\n    background-color: $transparent-color;\n\n    .cardheader {\n      border-radius: 5px;\n    }\n\n    .user-image {\n      width: 100%;\n\n      .avatar {\n        padding-inline: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));\n\n        @media (min-width:576px) {\n          margin-bottom: calc(-10px + (-22 - (-10)) * ((100vw - 320px) / (1920 - 320)));\n        }\n\n        @media (max-width:575px) {\n          justify-content: center;\n          margin-bottom: 20px;\n          flex-wrap: wrap;\n          flex-direction: column;\n        }\n\n        .common-align {\n          gap: 12px;\n          text-align: left;\n\n          [dir=\"rtl\"] & {\n            text-align: right;\n          }\n\n          @media (max-width:575px) {\n            text-align: center;\n            flex-wrap: wrap;\n            flex-direction: column;\n\n            [dir=\"rtl\"] & {\n              text-align: center;\n            }\n\n\n          }\n\n          >div {\n            position: relative;\n\n            img {\n              width: calc(80px + (130 - 80) * ((100vw - 320px) / (1920 - 320)));\n              height: calc(80px + (130 - 80) * ((100vw - 320px) / (1920 - 320)));\n              max-width: calc(80px + (155 - 80) * ((100vw - 320px) / (1920 - 320)));\n              max-height: calc(80px + (155 - 80) * ((100vw - 320px) / (1920 - 320)));\n              border-radius: 4px;\n              border: calc(5px + (7 - 5) * ((100vw - 320px) / (1920 - 320))) solid $white;\n              object-fit: cover;\n            }\n\n            .icon-wrapper {\n              position: absolute;\n              bottom: 0px;\n              left: 0px;\n              display: flex;\n              justify-content: center;\n              align-items: center;\n              height: calc(32px + (40 - 32) * ((100vw - 320px) / (1920 - 320)));\n              width: 100%;\n              border-radius: 0 0 4px 4px;\n              background-color: rgba($black, 0.24);\n              cursor: pointer;\n              overflow: hidden;\n              margin: 0 auto;\n              font-size: calc(12px + (17 - 12) * ((100vw - 320px) / (1920 - 320)));\n              box-shadow: 0 0 6px 3px rgba($primary-color, 0.1);\n              backdrop-filter: blur(1.5px);\n\n              i {\n                color: $white;\n              }\n\n              &#cancelButton {\n                top: -16px;\n                left: calc(73% + (80 - 73) * ((100vw - 320px) / (1920 - 320)));\n                transform: scale(0.5);\n                opacity: 0;\n                visibility: hidden;\n                transition: all 0.3s ease;\n                border-radius: 50%;\n                width: calc(32px + 8 * (100vw - 320px) / 1600);\n                background-color: var(--white);\n\n                [dir=\"rtl\"] & {\n                  right: calc(73% + (80 - 73) * ((100vw - 320px) / (1920 - 320)));\n                  left: unset;\n                }\n\n                i {\n                  color: $theme-font-color;\n                  font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));\n                }\n              }\n            }\n\n            input {\n              position: absolute;\n              bottom: 0;\n              left: 0px;\n              width: 100%;\n              height: calc(32px + (40 - 32) * ((100vw - 320px) / (1920 - 320)));\n              opacity: 0;\n              border-radius: 50%;\n              z-index: 1;\n            }\n\n            &:hover {\n              .icon-wrapper {\n                &#cancelButton {\n                  visibility: visible;\n                  transition: all 0.3s ease;\n                  transform: scale(0.7);\n                  opacity: 1;\n                }\n              }\n            }\n          }\n\n          .user-designation {\n            a {\n              color: $white;\n              font-size: 18px;\n            }\n\n            .desc {\n              color: $gray-60;\n            }\n\n            @media (max-width:575px) {\n              margin-bottom: 18px;\n            }\n          }\n        }\n\n        .follow {\n          @include pixelstrap-flex(flex, center, center);\n\n          >div {\n            color: $white;\n\n            +div {\n              border-left: 1px solid rgba($light-semi-gray, 0.2);\n              padding-left: 12px;\n              margin-left: 12px;\n\n              [dir=\"rtl\"] & {\n                border-right: 1px solid rgba($light-semi-gray, 0.2);\n                border-left: unset;\n                padding-left: unset;\n                padding-right: 12px;\n                margin-left: unset;\n                margin-right: 12px;\n              }\n            }\n\n            .follow-num {\n              font-size: 18px;\n            }\n\n            span {\n              color: $light-text;\n            }\n          }\n        }\n      }\n\n      // .avatar {\n      //   .icon-wrapper {\n      //     &:first-of-type {\n      //       visibility: hidden;\n      //       position: absolute;\n      //       top: 50%;\n      //       left: 50%;\n      //       transform: translate(-50%, -50%);\n      //       transition: all 0.2s ease;\n      //     }\n      //   }\n      // }\n    }\n  }\n\n  .user-bio {\n    @media (min-width:576px) {\n      margin-top: calc(10px + (22 - 10) * ((100vw - 320px) / (1920 - 320)));\n    }\n\n    .common-flex {\n      padding-top: calc(12px + (30 - 12) * ((100vw - 320px) / (1920 - 320)));\n      border-top: 1px solid var(--chart-dashed-border);\n    }\n\n    .social-media {\n      .list-inline-item {\n        i {\n          font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));\n        }\n      }\n    }\n\n    .ttl-info {\n      h6 {\n        font-size: 16px;\n        color: $theme-body-font-color;\n      }\n\n      span {\n        color: rgba($badge-light-color, 0.8);\n      }\n    }\n  }\n}\n\n//Edit profile //\n.edit-profile {\n  textarea {\n    font-size: 14px;\n    color: rgba($badge-light-color, 0.8);\n  }\n\n  .profile-title {\n    .d-flex {\n      align-items: center;\n      margin-bottom: 30px;\n\n      .flex-grow-1 {\n        margin-left: 14px;\n\n        [dir=\"rtl\"] & {\n          margin-left: unset;\n          margin-right: 14px;\n        }\n      }\n    }\n  }\n}\n\n// user-cards\n.social-user-cards {\n  .social-profile {\n    .social-follow {\n      li {\n        span {\n          @include pixelstrap-ellipsis;\n          width: 100%;\n        }\n      }\n    }\n  }\n}\n\n.user-profile-wrapper {\n  &.scope-bottom-wrapper {\n    .sidebar-left-icons {\n      .nav-item {\n        &::before {\n          border: 1px solid var(--recent-dashed-border);\n          left: 32px;\n\n          [dir=\"rtl\"] & {\n            left: unset;\n            right: 32px;\n          }\n        }\n\n        .nav-link {\n          padding: 12px;\n\n          .product-icons {\n            i {\n              margin: 0;\n              color: rgba($badge-light-color, 0.8);\n              transition: 0.5s;\n\n              @media (min-width:1200px) {\n                font-size: calc(16px + (18 - 16) * ((100vw - 1200px) / (1920 - 1200)));\n              }\n            }\n          }\n\n          &.active {\n            background: var(--theme-default);\n\n            .product-icons {\n              i {\n                color: $dark-color;\n              }\n            }\n\n            .nav-rounded {\n              @include pixelstrap-size(40px, 40px);\n              min-width: 40px;\n              padding: 0;\n              outline: 1px solid var(--white);\n              outline-offset: 1px;\n            }\n\n            .product-tab-content {\n              h6 {\n                color: $white;\n              }\n            }\n          }\n        }\n\n        .nav-rounded {\n          @include pixelstrap-size(40px, 40px);\n          min-width: 40px;\n        }\n\n        &:hover {\n          .nav-link {\n            .product-icons {\n              i {\n                transition: 0.5s;\n                transform: scale(1.1);\n              }\n            }\n          }\n        }\n      }\n\n      @media (max-width:1024px) and (min-width:768px) {\n        justify-content: space-between;\n        gap: 0;\n      }\n\n      @media (max-width:767px) {\n        justify-content: flex-start;\n        gap: 10px;\n      }\n\n    }\n\n    .notification {\n      .d-flex {\n        p {\n          &:not(.d-flex) {\n            width: 100%;\n            margin-bottom: 0;\n          }\n        }\n      }\n\n      li:not(.recent-images li) {\n        &:last-child {\n          padding-bottom: 0;\n        }\n      }\n    }\n\n    .project-teammate {\n      ul {\n        @include group-profile;\n\n        img {\n          height: 32px;\n        }\n      }\n    }\n\n    .user-notifications {\n      h6 {\n        margin-bottom: 12px;\n      }\n\n      ul {\n        margin-bottom: 40px;\n\n        &:last-of-type {\n          margin-bottom: 0;\n\n          li {\n            margin-bottom: 0;\n          }\n        }\n\n        li {\n          margin-bottom: 18px;\n          background-color: var(--light-background);\n          padding: 18px;\n          border-radius: 8px;\n\n          >div {\n            @include pixelstrap-flex(flex, flex-start, center);\n            gap: 12px;\n\n            p {\n              margin-bottom: 0;\n              font-weight: 500;\n\n              span {\n                font-weight: 400;\n                color: $badge-light-color;\n                font-size: 13px;\n              }\n            }\n\n            span {\n              color: rgba($badge-light-color, 0.8);\n            }\n\n            @media (max-width:500px) {\n              flex-wrap: wrap;\n            }\n          }\n\n          img {\n            height: 42px;\n            border-radius: 50%;\n          }\n\n          &:last-child {\n            margin-bottom: 0;\n          }\n        }\n      }\n    }\n\n    .projects-wrapper {\n      .list-box {\n        .project-body {\n          .progress {\n            margin-bottom: 0;\n          }\n\n          .common-f-start {\n            gap: 16px;\n          }\n\n          @media (max-width:1399px) and (min-width:1200px) {\n            .common-f-start {\n              flex-wrap: wrap;\n              gap: 12px;\n              margin-bottom: 16px;\n\n              span {\n                margin-bottom: 0;\n              }\n\n              img {\n                object-fit: cover;\n                object-position: right;\n                width: 100%;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .setting-wrapper {\n      .row {\n        margin-bottom: 1.6rem;\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      .form-select {\n        font-size: 14px;\n      }\n\n      .form-label {\n        font-weight: 500;\n        color: $badge-light-color;\n      }\n\n      .form-check {\n        &.form-switch {\n          @include pixelstrap-flex(flex, flex-start, center);\n          gap: 14px;\n          padding: 0;\n          margin: 0;\n\n          .form-check-input {\n            margin: 0;\n            width: 40px;\n            height: 22px;\n\n            @media (min-width:1200px) {\n              width: calc(33px + (40 - 33) * ((100vw - 1200px) / (1920 - 1200)));\n              height: calc(17px + (22 - 17) * ((100vw - 1200px) / (1920 - 1200)));\n            }\n\n            @media (max-width:575px) {\n              width: calc(29px + (40 - 29) * ((100vw - 320px) / (1920 - 320)));\n              height: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));\n            }\n          }\n\n          p {\n            @include pixelstrap-flex(flex, center, center);\n            gap: 8px;\n\n            svg {\n              @include pixelstrap-size(15px, 15px);\n              min-width: 15px;\n              min-height: 15px;\n            }\n          }\n        }\n      }\n\n      .btn {\n        &.disabled {\n          border: unset;\n        }\n      }\n    }\n  }\n}\n\n@media (max-width:1660px) and (min-width:1400px) {\n  .user-xl-25 {\n    max-width: 25%;\n    flex: 0 0 25%;\n  }\n\n  .user-xl-75 {\n    max-width: 75%;\n    flex: 0 0 75%;\n  }\n}\n\n/**=====================\n    3.59 User-profile CSS Ends\n==========================**/","/**=====================\n    3.60 Wishlist CSS start\n==========================**/\n\n.wishlist-box {\n\tbackground-color: var(--light-background);\n\ttransition: all .3s ease-in-out;\n\toverflow: hidden;\n\n\t>div {\n\t\t@include pixelstrap-flex(flex, flex-start, center);\n\t\tgap: calc(22px + (35 - 22) * ((100vw - 1400px) / (1920 - 1400)));\n\t\tpadding-inline: calc(8px + (18 - 8) * ((100vw - 1400px) / (1920 - 1400)));\n\n\t\t@media (max-width:1199px) and (min-width:841px) {\n\t\t\tpadding-inline: 18px;\n\t\t\tgap: 35px;\n\t\t}\n\n\t\t@media (max-width:840px) {\n\t\t\tpadding-inline: 6px;\n\t\t\tgap: 22px;\n\t\t}\n\n\t\t@media (max-width:767px) {\n\t\t\tpadding-inline: 0;\n\t\t\tdisplay: block;\n\t\t}\n\t}\n\n\t.wishlist-image {\n\t\timg {\n\t\t\theight: calc(70px + (90 - 70) * ((100vw - 1400px) / (1920 - 1400)));\n\t\t\tmax-width: calc(70px + (90 - 70) * ((100vw - 1400px) / (1920 - 1400)));\n\t\t\tobject-fit: contain;\n\t\t\ttransition: all .3s ease-in-out;\n\n\t\t\t@media (max-width:1199px) and (min-width:841px) {\n\t\t\t\theight: 90px;\n\t\t\t\tmax-width: 90px;\n\t\t\t}\n\n\t\t\t@media (max-width:840px) and (min-width:768px) {\n\t\t\t\theight: 65px;\n\t\t\t\tmax-width: 65px;\n\t\t\t}\n\n\t\t\t@media (max-width:767px) {\n\t\t\t\twidth: 100%;\n\t\t\t\tmax-width: unset;\n\t\t\t\theight: 90px;\n\t\t\t\tmargin-bottom: 22px;\n\t\t\t}\n\n\t\t\t@media (max-width:575px) {\n\t\t\t\tmargin-bottom: 10px;\n\t\t\t}\n\n\t\t\t@media (max-width:370px) {\n\t\t\t\theight: 70px;\n\t\t\t}\n\t\t}\n\n\t\t.wishlist-close-btn {\n\t\t\tposition: absolute;\n\t\t\ttop: 20px;\n\t\t\tleft: -20px;\n\t\t\twidth: 100%;\n\t\t\t@include pixelstrap-flex(flex, flex-end, center);\n\n\t\t\t[dir=\"rtl\"] & {\n\t\t\t\tleft: unset;\n\t\t\t\tright: -20px;\n\t\t\t}\n\n\t\t\t.btn {\n\t\t\t\tbackground-color: var(--white);\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tbox-shadow: 0 3px 3px rgba(37, 37, 37, .20) !important;\n\t\t\t\tdisplay: flex;\n\t\t\t\tpadding: 5px 8px;\n\n\t\t\t\t&:active {\n\t\t\t\t\tborder-color: $transparent-color;\n\t\t\t\t\tbox-shadow: 0 3px 3px rgba(37, 37, 37, .20);\n\t\t\t\t}\n\n\t\t\t\t@media (max-width:840px) {\n\t\t\t\t\tpadding: 3px 6px;\n\n\t\t\t\t\ti {\n\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.wishlist-footer {\n\t\t.brand-name {\n\t\t\tmargin-bottom: 10px;\n\t\t\tcolor: $badge-light-color;\n\n\t\t\t@media (max-width:767px) {\n\t\t\t\tmargin-bottom: 1px;\n\t\t\t}\n\t\t}\n\n\t\t.btn {\n\n\t\t\t&:active,\n\t\t\t&:focus-visible {\n\t\t\t\tcolor: $white;\n\t\t\t}\n\n\t\t\t&.disabled {\n\t\t\t\tcolor: $white;\n\t\t\t\tborder-color: $transparent-color;\n\t\t\t}\n\n\t\t\t@media (max-width:767px) {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\n\t\t.price {\n\t\t\tcolor: var(--theme-default);\n\t\t\tpadding: 6px 0 22px 0;\n\n\t\t\t@media (max-width:767px) {\n\t\t\t\tpadding: 6px 0 11px 0;\n\t\t\t}\n\n\t\t\tdel {\n\t\t\t\tcolor: $badge-light-color;\n\t\t\t\tfont-weight: 400;\n\t\t\t\tpadding-left: 2px;\n\t\t\t\tfont-size: 14px;\n\n\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\tpadding-left: unset;\n\t\t\t\t\tpadding-right: 2px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\th6 {\n\t\t\t@include multi-line-ellipsis(2, auto, vertical, hidden);\n\n\t\t\t&:hover {\n\t\t\t\tcolor: var(--theme-default);\n\t\t\t}\n\t\t}\n\t}\n\n\t&:hover {\n\t\t.wishlist-image {\n\t\t\timg {\n\t\t\t\ttransform: scale(1.1);\n\t\t\t\ttransition: all .3s ease-in-out;\n\t\t\t}\n\t\t}\n\t}\n}\n\n/**=====================\n    3.60 Wishlist CSS Ends\n==========================**/","/**=====================\n    5.1 Footer CSS Start\n==========================**/\n.footer {\n  background-color: $footer_bg_color;\n  box-shadow: $footer_box_shadow;\n  padding: 15px;\n  bottom: 0;\n  left: 0;\n  margin-left: $sidebar-compact-width;\n  transition: 0.5s;\n  @media (max-width: 1199px) and (min-width:992px) {\n    margin-left: 78px;\n    // [dir=\"rtl\"] & {\n    //   margin-left: unset;\n    //   margin-right: 78px;\n    // }\n  }\n  &.footer-dark {\n    background-color: $dark-card-background;\n\n    p {\n      color: $white;\n    }\n  }\n}\n\n.footer-fix {\n  width: calc(100% - $sidebar-compact-width);\n  position: fixed;\n}\n\n/**=====================\n    5.1 Footer CSS Ends\n==========================**/","/**=====================\n  5.2 Grid CSS Start\n==========================**/\n.grid-showcase {\n  margin-bottom: -10px;\n\n  span,\n  .grid-wrapper {\n    display: block;\n    padding: 10px;\n    margin-bottom: 10px;\n    text-align: center;\n    background-color: var(--light-background);\n  }\n}\n\n.grid-align {\n  margin-bottom: -16px;\n\n  .row {\n    padding: 15px 0;\n    min-height: 7rem;\n    margin-bottom: 16px;\n    background-color: var(--light-background);\n  }\n}\n\n.grid-vertical {\n  min-height: 150px;\n  padding: 10px;\n  color: $black;\n  background-color: var(--light-background);\n}\n\ntable {\n  &.table-bordered {\n    thead {\n      tr {\n        th {\n          p {\n            margin-bottom: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n.grid-footer {\n  table {\n    tbody {\n      tr {\n        color: $dark-color;\n      }\n    }\n  }\n}\n\n.flex-behaviors {\n  div {\n    background-color: var(--light-background);\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: unset;\n    }\n  }\n}\n\n.h,\n.v,\n.r-c,\n.no {\n  &-gutter {\n    .row {\n\n      [class*='col-'],\n      [class*='col-sm-'],\n      [class*='col-md-'],\n      .col {\n        div {\n          background-color: var(--light-background);\n        }\n      }\n    }\n  }\n}\n\n/**=====================\n    5.2 Grid CSS Ends\n==========================**/","/**=====================\n  5.3 Header CSS Start\n==========================**/\n.left-header {\n  display: flex;\n  .left-menu-header {\n    ul.header-left {\n      height: 100%;\n      display: flex;\n      align-items: center;\n      @media (max-width:991px) {\n        display: none;\n      }\n      li {\n        padding: 0 15px 0px 0px;\n        position: relative;\n        [dir=\"rtl\"] & {\n          padding: 0px 0px 0px 15px;\n        }\n        @media (max-width: 1550px) and (min-width: 1200px){\n          padding: 0 8px 0px 0px;\n          [dir=\"rtl\"] & {\n            padding: 0 0px 0px 8px;\n          }\n        }\n        a {\n          color: $theme-body-font-color;\n          font-weight: 600;\n          &:hover {\n            color: var(--theme-default) !important;\n            letter-spacing: 1.5px;\n            transition: all 0.3s ease;\n          }\n        }\n        ul.onhover-show-div {\n          min-width: 190px;\n          padding: 20px 0;\n          li {\n            padding: 6px 25px;\n          }\n          li.flyout-right {\n            position: relative;\n            &:hover {\n              ul {\n                display: block;\n                transition: all 0.5s ease-in;\n              }\n            }\n            ul {\n              padding: 20px 0;\n              li {\n                padding: 6px 25px;\n              }\n              li.flyout-right {\n                position: relative;\n                &:hover {\n                  ul {\n                    display: block;\n                    transition: all 0.8s ease-in;\n                  }\n                }\n                ul {\n                  display: none;\n                }\n              }\n            }\n            ul {\n              position: absolute;\n              top: 0;\n              left: calc(100% + 3px);\n              min-width: 200px;\n              display: none;\n              background-color: $white;\n              border-radius: 5px;\n            }\n          }\n        }\n        &:hover{\n          span.f-w-600{\n            &::before{\n              width: 120px;\n              transition: all 0.5s ease-in;\n            }\n          }\n        }\n        span{\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          color: $primary-color;\n          padding: 6px 18px;\n          background-color: rgba($primary-color , 0.1);\n          border-radius: 5px;\n          z-index: -1;\n          transition: all 0.5s ease-in-out;\n          @media (max-width: 1550px) and (min-width: 1200px){\n            padding: 6px 10px;\n          }\n        }\n        span {\n          font-size: 14px;\n          line-height: 1.8;\n          color: $theme-body-font-color;\n          svg {\n            width: 22px;\n            height: 22px;\n            fill: $primary-color;\n            margin-right: 10px;\n            [dir=\"rtl\"] & {\n              margin-right: unset;\n              margin-left: 10px;\n            }\n          }\n        }\n      }\n    }\n  }\n  .mega-menu-container {\n    min-width: 1100px;\n    position: absolute;\n    width: calc(100vw - 800px);\n    height: 0;\n    border-radius: 0px;\n    background-color: $white;\n    top: 59px;\n    left: -30px;\n    border-top: 1px solid $light-semi-gray;\n    padding-bottom: 20px;\n    padding-top: 10px;\n    padding-left: 20px;\n    box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);\n    opacity: 0;\n    visibility: hidden;\n    display: block !important;\n    transition: all 0.2s ease-in-out;\n    &.show {\n      opacity: 1;\n      visibility: visible;\n      height: 300px;\n    }\n    .link-section {\n      > div {\n        h6 {\n          margin-top: 20px;\n        }\n      }\n      li {\n        width: 100%;\n        padding: 7px 0 7px 15px;\n        a {\n          transition: all 0.3s ease;\n        }\n        &:hover {\n          a {\n            color: var(--theme-default) !important;\n            letter-spacing: 1.5px;\n            transition: all 0.3s ease;\n          }\n        }\n      }\n    }\n    .mega-box {\n      & + .mega-box {\n        padding-left: 30px;\n        border-left: 1px solid $light-semi-gray;\n      }\n      .icon {\n        li {\n          position: relative;\n          &:hover {\n            &:before {\n              color: var(--theme-default);\n              transition: all 0.3s ease;\n            }\n          }\n          &:before {\n            content: \"\\f101\";\n            font-family: fontawesome;\n            position: absolute;\n            top: 7px;\n            left: 0px;\n          }\n        }\n      }\n      .svg-icon {\n        & ~ div {\n          h6 {\n            margin-top: 10px;\n            margin-bottom: 5px;\n          }\n        }\n        li {\n          padding-left: 0px;\n          &:hover {\n            &:before {\n              color: var(--theme-default);\n              transition: all 0.3s ease;\n            }\n          }\n          a {\n            svg {\n              width: 16px;\n              margin-right: 5px;\n              vertical-align: middle;\n            }\n          }\n        }\n      }\n    }\n    .submenu-title {\n      margin-top: 20px;\n      margin-left: 20px;\n    }\n    .according-menu {\n      display: none;\n    }\n  }\n  .input-group {\n    padding: 5px 15px;\n    border-radius: 30px;\n    overflow: hidden;\n    background-color: $body-color;\n    .input-group-prepend {\n      .input-group-text {\n        background-color: transparent;\n        border: none;\n        padding: 0;\n        height: 40px;\n        width: 40px;\n        margin-right: 5px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        i {\n          color: $primary-color;\n        }\n      }\n    }\n    .form-control {\n      border: none;\n      background-color: transparent;\n      padding: 0;\n      font-size: 14px;\n      &:focus {\n        box-shadow: none;\n      }\n      &::placeholder {\n        font-weight: 300;\n        color: $light-text;\n      }\n    }\n  }\n}\n// .left-header {\n//   .d-flex {\n//     align-items: center;\n//   }\n//   .welcome-content {\n//     color: var(--chart-text-color);\n//     font-weight: 500;\n//     font-size: 15px;\n//   }\n//   h6 {\n//     line-height: 1.6;\n\n//     @media (max-width: 1199px) {\n//       width: 160px;\n//       overflow: hidden;\n//       -webkit-line-clamp: 1;\n//       text-overflow: ellipsis;\n//       white-space: nowrap;\n//     }\n\n//     @media (max-width: 991px) {\n//       width: 120px;\n//     }\n\n//     @media (max-width: 767px) {\n//       width: 66px;\n//     }\n//   }\n\n//   @media (max-width: 755px) {\n//     display: none;\n//   }\n\n//   img {\n//     margin-top: -12px;\n//     height: 26px;\n//   }\n\n//   i {\n//     font-weight: 600;\n//     font-size: 12px;\n//     margin-bottom: -4px;\n//   }\n// }\n\n/*======= Page Header css ends  ======= */\n\n\n/**======Main Header css Start ======**/\n.offcanvas,\n.offcanvas-bookmark {\n  .page-wrapper {\n    .page-body-wrapper {\n      .page-body {\n        position: relative;\n        filter: blur(5px) grayscale(100%);\n      }\n    }\n  }\n}\n\n.offcanvas {\n  position: unset;\n  visibility: visible;\n  background: unset;\n  z-index: 2;\n}\n\n.toggle-sidebar {\n  position: absolute;\n  right: 30px;\n  top: 30px;\n  cursor: pointer;\n\n  svg {\n    // width: $header-wrapper-nav-icon-size;\n    // height: $header-wrapper-nav-icon-size;\n    width: 24px;\n    height: 24px;\n  }\n\n  &:before {\n    content: \"\";\n    position: absolute;\n    height: 40px;\n    width: 40px;\n    background-color: rgba($primary-color, 0.1);\n    border-radius: 100%;\n    left: -8px;\n    z-index: -2;\n    top: -8px;\n    transform: scale(0);\n    transition: all 0.3s ease;\n  }\n\n  &:hover {\n    &:before {\n      height: 40px;\n      width: 40px;\n      transform: scale(1);\n      transition: all 0.3s ease;\n    }\n  }\n}\n\n.onhover-dropdown {\n  cursor: pointer;\n  position: relative;\n\n  &:hover {\n    .onhover-show-div {\n      @extend %for-animated-hover-box;\n    }\n  }\n}\n\n.onhover-show-div {\n  top: 50px;\n  position: absolute;\n  z-index: 8;\n  background-color: $white;\n  transition: all linear 0.3s;\n  @extend %for-animated-hover;\n\n  li {\n    a {\n      svg {\n        margin-top: 0 !important;\n\n        path,\n        line {\n          color: $theme-body-font-color !important;\n        }\n      }\n    }\n  }\n}\n\n/**======Main Header css Ends ======**/\n/**=====================\n    5.3 Header CSS Ends\n==========================**/","/**=====================\n    5.4 Navs CSS Start\n==========================**/\n#accordionoc {\n\n\t#collapseicon,\n\t#collapseicon1 {\n\t\tpadding-top: 0px;\n\t}\n\n\tli {\n\t\tbutton {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t}\n\t}\n}\n\n.navs-icon.default-according.style-1 {\n\tli {\n\t\tbutton {\n\t\t\tposition: relative;\n\n\t\t\t&:hover {\n\t\t\t\tcolor: var(--theme-default) !important;\n\t\t\t}\n\t\t}\n\n\t\tbutton[aria-expanded=\"true\"] {\n\t\t\t&:before {\n\t\t\t\tright: 2px;\n\t\t\t\ttop: 6px;\n\t\t\t}\n\t\t}\n\n\t\tbutton[aria-expanded=\"false\"]:before {\n\t\t\tright: 2px;\n\t\t\ttop: 6px;\n\t\t}\n\t}\n}\n\n.navs-icon {\n\tpadding: 20px;\n\n\tli {\n\t\tpadding: 9px 0;\n\n\t\ta {\n\t\t\tcolor: $theme-body-font-color;\n\n\t\t\t&:hover {\n\t\t\t\tcolor: var(--theme-default);\n\t\t\t}\n\t\t}\n\n\t\tul {\n\t\t\tpadding-top: 9px;\n\t\t}\n\t}\n}\n\n.onhover-dropdown {\n\t&.navs-dropdown {\n\t\t&:hover {\n\t\t\t.onhover-show-div {\n\n\t\t\t\t&:before,\n\t\t\t\t&:after {\n\t\t\t\t\tright: 77px;\n\t\t\t\t\tleft: unset;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.icon-lists {\n\tfont-family: inherit;\n}\n\n/**=====================\n    5.4 Navs CSS Ends\n==========================**/","/**=====================\n   5.5 Search CSS Start\n==========================**/\n.search-page {\n  .theme-form {\n    input {\n      border: 1px solid var(--theme-default);\n      padding-left: 20px;\n      border-radius: 10px 0 0 10px;\n      flex: 1 1 auto;\n      width: 100% !important;\n\n      &::placeholder {\n        color: $primary-color;\n      }\n\n      &:focus {\n        outline: none;\n      }\n    }\n\n    .input-group {\n      .btn {\n        line-height: 32px;\n        font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));\n      }\n\n      .form-control-plaintext {\n        background: $transparent-color;\n      }\n    }\n  }\n\n  // Common Like Button \n  .fill-danger {\n    color: $danger-color;\n  }\n\n  h6 {\n    line-height: 1.4;\n  }\n\n  .pagination {\n    .page-item {\n      .page-link {\n        @media (max-width:400px) {\n          font-size: 14px;\n        }\n      }\n    }\n  }\n\n  .nav-link {\n    font-weight: 500;\n    text-transform: uppercase;\n  }\n\n  .border-tab {\n    &.nav-tabs {\n      .material-border {\n        border-bottom-width: 1px;\n      }\n\n      .nav-item {\n        .nav-link {\n          font-size: 15px;\n          padding: 10px 18px;\n        }\n      }\n    }\n  }\n\n  .d-flex {\n    .flex-grow-1 {\n      overflow: hidden;\n    }\n  }\n\n  .info-block {\n    padding: 18px;\n    border-radius: 10px;\n    border: 1px solid rgba($gray-60, 0.5);\n\n    a {\n      color: rgba($badge-light-color, 0.9);\n      margin-bottom: 3px;\n      display: block;\n    }\n\n    h6 {\n      a {\n        color: $primary-color;\n      }\n    }\n\n    +.info-block {\n      margin-top: 20px;\n    }\n  }\n\n  .border-tab.nav-tabs {\n    align-items: left;\n    justify-content: end;\n\n    .nav-item {\n      width: auto;\n    }\n  }\n\n  .search-links {\n    .info-block {\n      iframe {\n        @include pixelstrap-size(100%, 100%);\n      }\n    }\n\n    h6 {\n      margin-top: 7px;\n    }\n\n    p {\n      margin-top: 2px;\n    }\n\n    .star-ratings {\n      margin-top: 7px;\n      border-top: 1px solid var(--chart-progress-light);\n      padding-top: 9px;\n    }\n\n    .audio-card {\n      span {\n        @media (min-width:1661px) {\n          @include pixelstrap-ellipsis;\n          max-width: 110px;\n        }\n      }\n\n      img {\n        @media (max-width:1660px) and (min-width:1400px) {\n          height: 78px;\n        }\n      }\n    }\n  }\n\n  p:not(.blog-details p) {\n    text-transform: lowercase;\n    margin-bottom: 0;\n    color: $dark-gray;\n  }\n\n  ul.search-info {\n    li {\n      display: inline-block;\n      font-size: 12px;\n      line-height: 1;\n      color: $badge-light-color;\n\n      +li {\n        border-left: 1px solid lighten($dark-color, 50%);\n        padding-left: 8px;\n        margin-left: 8px;\n      }\n\n      i {\n        color: $warning-color;\n\n        &:not(:last-child) {\n          margin-right: 4px;\n        }\n      }\n    }\n  }\n\n  #video-links {\n    .embed-responsive+.embed-responsive {\n      margin-top: 30px;\n    }\n  }\n\n  // audio\n  .audio-wrapper {\n    .slider-wrapper {\n      &.arrow-round {\n\n        .swiper-button-next,\n        .swiper-button-prev {\n          background: rgba($theme-body-sub-title-color, 0.6);\n          @include pixelstrap-size(calc(25px + (30 - 25) * ((100vw - 320px) / (1920 - 320))), calc(25px + (30 - 25) * ((100vw - 320px) / (1920 - 320))));\n          top: 36px;\n\n          &::after {\n            color: $white;\n            font-weight: 900;\n          }\n        }\n\n        .swiper-button-next {\n          right: 20px;\n\n          [dir=\"rtl\"] & {\n            right: unset;\n            left: 20px;\n          }\n        }\n\n        .swiper-button-prev {\n          right: calc(55px + (60 - 55) * ((100vw - 320px) / (1920 - 320)));\n\n          [dir=\"rtl\"] & {\n            right: unset;\n            left: calc(55px + (60 - 55) * ((100vw - 320px) / (1920 - 320)));\n          }\n        }\n      }\n    }\n\n    .audio-box {\n      @include pixelstrap-flex(flex, flex-start, center);\n      padding: 12px;\n      border-radius: 8px;\n      gap: 8px;\n      background-color: var(--light-background);\n\n      img {\n        @include pixelstrap-size(calc(35px + (48 - 35) * ((100vw - 320px) / (1920 - 320))), calc(35px + (45 - 35) * ((100vw - 320px) / (1920 - 320))));\n        border-radius: 6px;\n      }\n\n      .common-f-start {\n        gap: 12px;\n      }\n\n      .flex-shrink-0 {\n        i {\n          font-size: calc(25px + (30 - 25) * ((100vw - 320px) / (1920 - 320)));\n          cursor: pointer;\n        }\n      }\n\n      span {\n        @include multi-line-ellipsis(1, auto, vertical, hidden);\n      }\n    }\n\n    table {\n      &.audio-table {\n        &.table-hover {\n          thead {\n            background-color: var(--light2);\n          }\n\n          thead,\n          tbody {\n            tr {\n              &:hover {\n                background-color: $card-body-color;\n\n                .common-f-start {\n                  >div {\n                    position: relative;\n\n                    img {\n                      filter: contrast(0.6) blur(1px);\n                    }\n\n                    i {\n                      position: absolute;\n                      top: 50%;\n                      left: 50%;\n                      transform: translate(-50%, -50%);\n                      font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));\n                      transition: all 0.3s ease;\n                      display: block;\n                      color: $black;\n                    }\n                  }\n                }\n              }\n\n              th,\n              td {\n                &:nth-child(6) {\n                  text-align: center;\n                  cursor: pointer;\n                }\n\n                img {\n                  height: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));\n                  border-radius: 6px;\n                }\n\n                .common-f-start {\n                  >div {\n\n                    i {\n                      display: none;\n                      transition: all 0.3s ease;\n                    }\n                  }\n                }\n\n                .common-align {\n                  gap: 8px;\n\n                  a {\n                    @include pixelstrap-size(30px, 30px);\n                    background: rgba($primary-color, 0.1);\n                    display: grid;\n                    place-content: center;\n                    border-radius: 6px;\n                  }\n                }\n\n                @media (max-width:1225px) and (min-width:1200px) {\n                  &:nth-child(3) {\n                    display: none;\n                  }\n                }\n\n                @media (max-width:1035px) {\n                  &:first-child {\n                    min-width: 200px;\n                  }\n\n                  &:nth-child(2) {\n                    min-width: 108px;\n                  }\n\n                  &:nth-child(3) {\n                    min-width: 148px;\n                  }\n\n                  &:nth-child(4) {\n                    min-width: 118px;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .fa-heart {\n    &.active {\n      color: $danger-color;\n      font-weight: 600;\n    }\n  }\n}\n\n.search-list {\n  margin-bottom: 30px;\n  width: auto;\n  display: inline-flex;\n  border-radius: 10px;\n  overflow: hidden;\n  border: 1px solid $primary-color;\n  border: none;\n\n  &.nav-tabs {\n    .nav-item {\n      background-color: rgba($primary-color, 0.1);\n\n      .nav-link {\n        border: none;\n        padding: 0.7rem 1.5rem;\n        opacity: 0.5;\n\n        &.active {\n          background-color: rgba($primary-color, 0.1);\n          color: var(--theme-default);\n          opacity: 1;\n        }\n      }\n\n      &.show,\n      &.active {\n        background-color: rgba($primary-color, 0.1);\n      }\n    }\n  }\n}\n\n.setting-options {\n  .row {\n    margin-bottom: 1.5rem;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .form-switch {\n    margin: 0;\n\n    .form-check-input {\n      @include pixelstrap-size(44px, 22px);\n    }\n  }\n\n  .form-select {\n    font-size: 14px;\n    color: rgba($badge-light-color, 0.8);\n  }\n}\n\n.audio-card {\n  background-color: var(--light-background);\n  padding: 14px;\n  border-radius: 6px;\n\n  .audio-image {\n    img {\n      height: 168px;\n      width: 100%;\n      object-fit: cover;\n      border-radius: 6px;\n    }\n  }\n\n  .audio-content {\n    padding-top: 14px;\n    @include pixelstrap-flex(flex, center, center);\n    gap: 8px;\n\n    .flex-shrink-0 {\n      @include pixelstrap-flex(flex, center, center);\n      gap: 8px;\n    }\n\n    i {\n      font-size: calc(25px + (30 - 25) * ((100vw - 320px) / (1920 - 320)));\n      cursor: pointer;\n\n      &.fa-regular {\n        font-size: 16px;\n        color: $dark-gray;\n\n        &.active {\n          color: $danger-color;\n          font-weight: 600;\n        }\n      }\n    }\n\n    span {\n      color: rgba($badge-light-color, 0.6);\n\n      @media (max-width:1399px) {\n        @include pixelstrap-ellipsis;\n        width: 170px;\n      }\n\n      @media (max-width:654px) and (min-width:576px) {\n        width: 100%;\n      }\n    }\n  }\n}\n\n/**=====================\n  5.5 Search CSS Ends\n==========================**/","/**=====================\n    5.6 Select2 CSS Start\n==========================**/\n// Dropzone\n.dropzone {\n  background: unset;\n\n  &.dropzone-secondary {\n    border: 2px dashed $secondary-color;\n    border-radius: 6px;\n\n    i {\n      color: $secondary-color;\n    }\n  }\n\n  .note {\n    @media (max-width:360px) {\n      min-width: unset !important;\n    }\n  }\n\n  .dz-message {\n    i {\n      font-size: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));\n      margin-bottom: 10px;\n    }\n    h6 {\n      margin-bottom: 5px;\n    }\n  }\n\n  .dropzone-wrapper {\n    .dz-message {\n      i {\n        font-size: 50px;\n\n        @media (max-width:575px) {\n          font-size: 40px;\n        }\n      }\n    }\n  }\n\n  .dz-preview {\n    background-color: transparent;\n    width: 155px;\n    border: 1px dashed var(--recent-border);\n    border-radius: 8px;\n    padding: 12px 16px;\n\n    .dz-image {\n      z-index: 2;\n      width: calc(80px + (120 - 80) * ((100vw - 320px) / (1920 - 320))) !important;\n      height: calc(80px + (120 - 80) * ((100vw - 320px) / (1920 - 320))) !important;\n    }\n\n    .dz-error-mark {\n      opacity: 0;\n      visibility: hidden;\n    }\n\n    .dz-details {\n      opacity: 1;\n      top: 0;\n      padding: 10px 0px 0px;\n      left: 0;\n      text-align: left;\n      z-index: 1;\n\n      .dz-size {\n        margin-bottom: 0;\n        font-size: 14px;\n\n        span {\n          padding: 0 10px;\n        }\n      }\n\n      .dz-remove {\n        padding: 0 10px;\n\n      }\n    }\n\n    .dz-progress {\n      left: 50%;\n      height: 10px;\n      transition: all 0.10s linear;\n\n      .dz-upload {\n        background: linear-gradient(to bottom, $primary-color, $light-primary);\n      }\n    }\n\n    .dz-success-mark {\n      opacity: 1;\n      filter: brightness(0.6);\n      top: 32%;\n      z-index: 2;\n      left: calc(43% + (50 - 43) * ((100vw - 320px) / (1920 - 320))) !important;\n\n      svg {\n        width: calc(38px + (54 - 38) * ((100vw - 320px) / (1920 - 320))) !important;\n        height: calc(38px + (54 - 38) * ((100vw - 320px) / (1920 - 320))) !important;\n      }\n    }\n\n    .dz-remove {\n      padding: 0 10px;\n      text-align: left;\n      color: var(--chart-text-color);\n    }\n\n    .dz-filename {\n      overflow: visible;\n      height: 30px;\n      padding: 0 10px !important;\n      text-align: left;\n\n      &:not(:hover) {\n        span {\n          border: unset !important;\n        }\n      }\n\n      span {\n        padding: 0 !important;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        max-width: 100px;\n      }\n\n      &:hover {\n        span {\n          border: unset;\n        }\n      }\n    }\n\n    &:hover {\n      .dz-filename {\n        overflow: visible;\n        height: 30px;\n      }\n    }\n  }\n\n  .dz-preview {\n    margin: calc(10px + (28 - 10) * ((100vw - 320px) / (1920 - 320))) calc(18px + (18 - 18) * ((100vw - 320px) / (1920 - 320))) !important;\n    box-shadow: unset;\n    height: 100%;\n\n    .dz-filename {\n      padding: 0;\n\n      &:hover {\n        span {\n          border: unset !important;\n        }\n      }\n    }\n\n    .dz-details {\n      top: unset;\n      bottom: -6px;\n      position: relative;\n      padding-bottom: 6px;\n      background-color: unset;\n    }\n\n    &:hover {\n      .dz-error-message {\n        display: none !important;\n      }\n    }\n  }\n\n  .dz-error-mark {\n    .dz-remove {\n      position: relative;\n    }\n  }\n}\n\n.dz-preview {\n  .dz-remove {\n    cursor: pointer;\n  }\n}\n\n.dropzone-secondary {\n  .dz-preview {\n    .dz-remove {\n      color: $secondary-color;\n    }\n  }\n}\n\n\n.table {\n  thead {\n    th {\n      border-bottom: 1px solid $light-gray;\n    }\n  }\n}\n\n.select2 {\n  max-width: 100%;\n}\n\n.add-post {\n  #cke_text-box {\n    border: 1px solid $light-semi-gray;\n  }\n\n  form {\n    .m-checkbox-inline {\n      label {\n        margin-bottom: 0;\n      }\n    }\n\n    .form-control {\n      border: 1px solid $light-semi-gray;\n    }\n\n    .col-form-label {\n      padding-bottom: 0;\n      padding-top: 0;\n\n      .select2-container--default {\n        margin-top: 10px;\n        max-width: 100%;\n\n        .selection {\n          .select2-selection {\n            .select2-search__field {\n              padding: 2px;\n            }\n          }\n        }\n\n        .select2-selection--multiple {\n          border: 1px solid $light-semi-gray;\n          max-width: 100%;\n\n          // .select2-selection__rendered {\n          //   li {\n          //     margin-top: 6px !important;\n          //   }\n          // }\n        }\n      }\n    }\n  }\n\n  .select2-container--default {\n    .select2-selection--multiple {\n      .select2-selection__choice {\n        background-color: var(--theme-default);\n        border: 1px solid var(--theme-default);\n        color: $white;\n\n        .select2-selection__choice__remove {\n          color: $white;\n          float: right;\n          margin-left: 0.5rem;\n\n          [dir=\"rtl\"] & {\n            float: left;\n            margin-left: unset;\n            margin-right: 0.5rem;\n          }\n        }\n      }\n    }\n  }\n\n  .dropzone {\n    margin-bottom: 30px;\n  }\n}\n\n.select2-container--open {\n  .select2-dropdown {\n    z-index: 7;\n    top: -20px;\n  }\n}\n\n.select2-container {\n  width: 100% !important;\n\n  &.select2 {\n    .selection {\n      display: block !important;\n    }\n  }\n}\n\n.select2-drpdwn {\n  .select2-selection {\n    border-radius: 0 !important;\n    border-color: $light-color !important;\n    height: 40px !important;\n    padding: 5px;\n  }\n\n  .form-control {\n    border-radius: 5px;\n  }\n}\n\n// Filepond\n\n.filepond--drop-label {\n  .filepond--label-action {\n    color: $danger-color;\n    text-decoration: none;\n  }\n}\n\n.filepond--list {\n  .filepond--file {\n    background-color: $primary-color;\n  }\n}\n\n// Tagify\n/* Do not show the \"remove tag\" (x) button when only a single tag remains */\n.customLook {\n  display: inline-block;\n  min-width: 0;\n  border: none;\n\n  .tagify__tag {\n    margin-top: 0;\n\n    &:only-of-type {\n      .tagify__tag__removeBtn {\n        display: none;\n      }\n    }\n\n    &:hover {\n      .tagify__tag__removeBtn {\n        transform: none;\n        opacity: 1;\n        margin-left: -1ch;\n      }\n    }\n  }\n\n  .tagify__tag__removeBtn {\n    opacity: 0;\n    transform: translateX(-6px) scale(.5);\n    margin-left: -3ch;\n    transition: .12s;\n  }\n\n  + {\n    button {\n      color: var(--theme-default);\n      font: bold 1.4em/1.65 Arial;\n      border: 0;\n      background: none;\n      box-shadow: 0 0 0 2px inset var(--theme-default);\n      border-radius: 50%;\n      @include pixelstrap-size(1.65em, 1.65em);\n      cursor: pointer;\n      outline: none;\n      transition: .1s ease-out;\n      margin: 0 0 0 5px;\n      vertical-align: top;\n\n      &:hover {\n        box-shadow: 0 0 0 5px inset var(--theme-default);\n      }\n    }\n  }\n\n  .tagify__input {\n    display: none;\n  }\n}\n\n.tagify--empty {\n  .tagify__input {\n    &::before {\n      color: var(--chart-text-color);\n    }\n  }\n}\n\n.customSuggestionsList {\n  >div {\n    max-height: 300px;\n    min-height: 50px;\n    border: 2px solid var(--chart-dashed-border);\n    overflow: auto;\n  }\n\n  .empty {\n    color: var(--theme-default);\n    font-size: 20px;\n    text-align: center;\n    padding: 1em;\n  }\n}\n\n// Flag tags\n.tagify__dropdown.extra-properties {\n  .tagify__dropdown__item {\n    >img {\n      display: inline-block;\n      vertical-align: middle;\n      height: 20px;\n      transform: scale(.75);\n      margin-right: 5px;\n      border-radius: 2px;\n      transition: .12s ease-out;\n    }\n\n    &:hover {\n      >img {\n        transform: none;\n        margin-right: 12px;\n      }\n    }\n  }\n\n  .tagify__dropdown__item--active {\n    >img {\n      transform: none;\n      margin-right: 12px;\n    }\n  }\n}\n\n.tagify.countries {\n  .tagify__input {\n    min-width: 175px;\n  }\n\n  tag {\n    white-space: nowrap;\n\n    img {\n      display: inline-block;\n      height: 16px;\n      margin-right: 3px;\n      border-radius: 2px;\n      pointer-events: none;\n    }\n  }\n}\n\n.tagify--select {\n  width: 100%;\n}\n\n.tagify__dropdown__wrapper {\n  background: var(--white);\n  border-color: var(--recent-dashed-border);\n}\n\n.tagify__dropdown__item--active {\n  background-color: $gray-60;\n  color: var(--body-font-color);\n}\n\n.tagify {\n  --tags-focus-border-color: #cccccc;\n}\n\n.tagify__input {\n  color: $dark-color;\n}\n\n.tagify--select {\n  &::after {\n    color: var(--chart-text-color);\n\n    [dir=\"rtl\"] & {\n      right: unset;\n      left: 0;\n      transform: translate(150%, -50%) scaleX(1.2) rotate(90deg);\n    }\n\n  }\n\n  .tagify__tag {\n    [dir=\"rtl\"] & {\n      right: unset;\n      left: 1.8em;\n    }\n  }\n}\n\n.tagify--select[aria-expanded=true]::after {\n  [dir=\"rtl\"] & {\n    transform: translate(150%, -50%) rotate(270deg) scale(1.2);\n  }\n}\n\n.international-num {\n  input {\n    width: calc(240px + (250 - 240) * ((100vw - 320px) / (1920 - 320)));\n    padding: 10px;\n    border-radius: 2px;\n    border: 1px solid $gray-60;\n\n    &:focus {\n      outline-color: $gray-60;\n    }\n  }\n\n  input::placeholder {\n    color: $gray-60;\n  }\n\n  .results {\n    ul {\n\n      border: 1px solid $gray-60;\n      margin-top: 12px;\n      padding: 8px;\n      line-height: 1.9;\n    }\n  }\n}\n\n.iti--allow-dropdown {\n  .iti__flag {\n    background-image: url('../images/forms/flags.png');\n  }\n}\n\n// Search-box\n.select-box {\n  position: relative;\n  display: flex;\n  width: 400px;\n  flex-direction: column;\n\n  .options-container {\n    background: var(--recent-box-bg);\n    color: var(--body-font-color);\n    max-height: 0;\n    width: 100%;\n    opacity: 0;\n    transition: all 0.4s;\n    overflow: hidden;\n    order: 1;\n    position: absolute;\n    z-index: 1;\n    margin-top: 53px;\n    top: 46px;\n  }\n\n  .options-container.active {\n    max-height: 240px;\n    opacity: 1;\n    overflow-y: scroll;\n\n    @media (min-width:1007px) and (max-width:1920px) {\n      max-width: calc(265px + (400 - 265) * ((100vw - 1007px) / (1920 - 1007)));\n    }\n\n    @media (min-width:768px) and (max-width:1006px) {\n      max-width: calc(295px + (350 - 295) * ((100vw - 1007px) / (1006 - 768)));\n    }\n\n    @media (max-width:767px) {\n      max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320)));\n      margin-top: 46px;\n    }\n\n    + {\n      .selected-box {\n        &::after {\n          transform: rotateX(180deg);\n          top: -6px;\n        }\n      }\n    }\n\n    ~ {\n      .search-box {\n        input {\n          opacity: 1;\n          pointer-events: auto;\n        }\n      }\n    }\n\n  }\n\n  .selection-option {\n    padding: 12px 24px;\n    cursor: pointer;\n\n    &:hover {\n      background: $gray-60;\n    }\n\n    .radio {\n      display: none;\n    }\n  }\n\n  label {\n    cursor: pointer;\n  }\n}\n\n.selected-box {\n  background: var(--light2);\n  color: $color_1;\n  position: relative;\n  order: 0;\n  padding: 12px 24px;\n  cursor: pointer;\n\n  @media (min-width:1007px) and (max-width:1920px) {\n    max-width: calc(265px + (400 - 265) * ((100vw - 1007px) / (1920 - 1007)));\n  }\n\n  @media (min-width:768px) and (max-width:1006px) {\n    max-width: calc(295px + (350 - 295) * ((100vw - 1007px) / (1006 - 768)));\n  }\n\n  @media (max-width:767px) {\n    max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320)));\n  }\n\n  &::after {\n    content: \"\\f078\";\n    font-family: \"FontAwesome\";\n    position: absolute;\n    height: 100%;\n    width: 32px;\n    right: 10px;\n    top: 12px;\n    transition: all 0.4s;\n\n    [dir=\"rtl\"] & {\n      left: 10px;\n      right: unset;\n    }\n\n  }\n}\n\n.search-box {\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    font-size: 16px;\n    position: absolute;\n    z-index: 1;\n    border: 2px solid var(--chart-dashed-border);\n    opacity: 0;\n    pointer-events: none;\n    transition: all 0.4s;\n\n    @media (min-width:1007px) and (max-width:1920px) {\n      max-width: calc(265px + (400 - 265) * ((100vw - 1007px) / (1920 - 1007)));\n    }\n\n    @media (min-width:768px) and (max-width:1006px) {\n      max-width: calc(295px + (350 - 295) * ((100vw - 1007px) / (1006 - 768)));\n    }\n\n    @media (max-width:767px) {\n      max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320)));\n      padding: 9px 16px;\n    }\n\n    &:focus {\n      outline: none;\n    }\n  }\n}\n\n/**=====================\n    5.6 Select2 CSS Ends\n==========================**/","/**=====================\n  5.7 Sidebar CSS Start\n==========================**/\n%sidebar-after {\n}\n\n// default dashboard\n.d-flex {\n  &.media-wrapper {\n\n    width: 100%;\n    display: -webkit-flex;\n\n    .flex-grow-1 {\n      flex: 1;\n    }\n  }\n}\n\n%sidebar-active-dot {\n  position: absolute;\n  content: \"\";\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n  transform: translateY(-50%);\n  width: 5px;\n  height: 5px;\n  left: 28px;\n  border-radius: 50%;\n  background: rgba($theme-body-sub-title-color, 0.4);\n\n  [dir=\"rtl\"] & {\n    left: unset;\n    right: 28px;\n  }\n}\n\n%horizontal-after {\n  position: absolute;\n  content: \"\";\n  top: 49%;\n  width: 5px;\n  height: 1px;\n  border-radius: 100%;\n  background-color: #59667a;\n}\n\n%for-animated-hover {\n  box-shadow: $main-header-shadow;\n  transform: translateY(30px);\n  opacity: 0;\n  visibility: hidden;\n  left: 0;\n}\n\n%for-animated-hover-box {\n  opacity: 1;\n  transform: translateY(0px);\n  visibility: visible;\n  border-radius: 5px;\n  overflow: hidden;\n\n  &:before {\n    width: 0;\n    height: 0;\n    border-left: 7px solid transparent;\n    border-right: 7px solid transparent;\n    border-bottom: 7px solid $white;\n    content: \"\";\n    top: -7px;\n    position: absolute;\n    left: 10px;\n    z-index: 2;\n  }\n\n  &:after {\n    width: 0;\n    height: 0;\n    border-left: 7px solid transparent;\n    border-right: 7px solid transparent;\n    border-bottom: 7px solid $light-background;\n    content: \"\";\n    top: -7px;\n    position: absolute;\n    left: 10px;\n    z-index: 1;\n  }\n}\n\n.page-wrapper {\n  position: relative;\n\n  .page-header {\n    max-width: 100vw;\n    position: $main-header-position;\n    top: $main-header-top;\n    z-index: $main-header-z-index;\n    transition: $sidebar-transition;\n    background-color: $white;\n    box-shadow: $main-header-shadow-1;\n\n    .header-wrapper {\n      width: 100%;\n      align-items: center;\n      padding: $header-wrapper-padding;\n      position: relative;\n      .left-header{\n        .left-menu-header{\n          .app-list{\n            ul{\n              padding: 20px 0;\n              width: 180px;\n              li{\n                padding: 5px 30px;\n                a{\n                  color: $theme-body-font-color;\n                  font-weight: 600;\n                }\n              }\n            }\n          }\n          .app-menu{\n            display: none;\n            @media (max-width: 991px) {\n              display: block !important;\n              width: 40px;\n              height: 40px;\n              background-color: rgba($primary-color, 0.2);\n              position: relative;\n              border-radius: 10px;\n              @media (max-width: 630px){\n                width: 35px;\n                height: 35px;\n              }\n              svg{\n                width: 20px;\n                height: 20px;\n                transform: translate(50%, -50%);\n                font-size: 18px;\n                position: absolute;\n                top: 50%;\n                [dir=\"rtl\"] & {\n                  left: 0;\n                }\n                @media (max-width: 630px){\n                  width: 18px;\n                  height: 18px;\n                }\n              }\n            }\n          }\n        }\n      }\n      @media (max-width: 1399px) {\n        padding: 22px 20px;\n      }\n\n      .search-full {\n        background-color: $white;\n        position: absolute;\n        right: 0;\n        z-index: 1;\n        height: 0;\n        width: 0;\n        transform: scale(0);\n        transition: all 0.3s ease;\n\n        &.open {\n          height: 100%;\n          width: 100%;\n          animation: zoomIn 0.5s ease-in-out;\n          transform: scale(1);\n          transition: all 0.3s ease;\n        }\n\n        input {\n          line-height: 65px;\n          padding-left: 52px;\n          width: 100% !important;\n          font-weight: 600;\n\n          &:focus {\n            outline: none !important;\n          }\n        }\n\n        .form-group {\n          .close-search {\n            position: absolute;\n            font-size: 15px;\n            right: 30px;\n            top: 30px;\n            color: $dark-gray;\n            cursor: pointer;\n\n            [dir=\"rtl\"] & {\n              left: 30px;\n              right: unset;\n            }\n          }\n\n          &:before {\n            position: absolute;\n            left: 30px;\n            top: 30px;\n            content: \"\\f002\";\n            font-size: 16px;\n            color: $dark-gray;\n            font-family: FontAwesome;\n\n            [dir=\"rtl\"] & {\n              left: unset;\n              right: 30px;\n            }\n          }\n        }\n      }\n\n      .nav-right {\n        justify-content: flex-end;\n\n        ul {\n          li {\n            svg {\n              vertical-align: $header-wrapper-nav-icon-align;\n              // width: $header-wrapper-nav-icon-size;\n              // height: $header-wrapper-nav-icon-size;\n              width: 24px;\n              height: 24px;\n              stroke: rgba($theme-body-font-color, 0.9);\n              fill: none;\n\n              path {\n                color: $header-wrapper-nav-icon-color;\n              }\n            }\n\n            .mode {\n              &.active {\n                svg {\n                  fill: $white;\n                }\n              }\n            }\n          }\n        }\n\n        &.right-header {\n          ul {\n            li {\n              .mode {\n                cursor: pointer;\n                text-align: center;\n                i {\n                  font-size: 18px;\n                  font-weight: 600;\n                  transition: all 0.3s ease;\n\n                  &.fa-lightbulb-o {\n                    font-weight: 500;\n                    font-size: 22px;\n                    transition: all 0.3s ease;\n                    animation: zoomIn 300ms ease-in-out;\n                  }\n                }\n              }\n\n              .header-search {\n                cursor: pointer;\n              }\n\n              .profile-media {\n                .flex-grow-1 {\n                  margin-left: 15px;\n\n                  span {\n                    font-weight: 500;\n                  }\n\n                  p {\n                    font-size: 12px;\n                    line-height: 1;\n                    color: rgba($theme-body-font-color, 0.7);\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        >ul {\n          display: flex;\n          align-items: center;\n          justify-content: flex-end;\n\n          >li {\n            padding: 6px 10px;\n            display: inline-block;\n            position: relative;\n\n            @media (max-width:1220px) {\n              padding: 6px 9px;\n            }\n\n            &.fullscreen-body {\n              cursor: pointer;\n            }\n\n            .badge {\n              position: absolute;\n              right: -5px;\n              top: -6px;\n              padding: 2px 4px;\n              font-size: 11px;\n              font-weight: 700;\n              font-family: work-Sans, sans-serif;\n            }\n\n            span {\n              ul {\n                left: inherit;\n                right: -10px;\n                width: 130px;\n\n                &:before,\n                &:after {\n                  left: inherit;\n                  right: 10px;\n                }\n\n                li {\n                  display: block;\n\n                  a {\n                    font-size: 14px;\n                    color: $dark-color;\n\n                    i {\n                      margin-left: 10px;\n                      font-size: 13px;\n                      color: $dark-color;\n                    }\n                  }\n                }\n              }\n            }\n          }\n\n          .flag-icon {\n            font-size: 16px;\n          }\n        }\n\n        .bookmark-flip {\n          width: unset !important;\n          box-shadow: unset !important;\n          background-color: transparent !important;\n          overflow: initial;\n\n          &::after,\n          &::before {\n            display: none;\n          }\n\n          .bookmark-dropdown {\n            .bookmark-content {\n              text-align: center;\n\n              .bookmark-icon {\n                width: 52px;\n                height: 52px;\n                background-color: #f9f9f9;\n                border-radius: 100%;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                margin: 0 auto;\n              }\n\n              span {\n                font-family: $font-manrope, $font-serif;\n                font-size: 12px;\n                font-weight: 500;\n                letter-spacing: 0.5px;\n              }\n\n            }\n          }\n        }\n\n        .flip-card {\n          width: 300px;\n          height: 260px;\n          background-color: transparent;\n\n          .flip-card-inner {\n            position: relative;\n            height: 100%;\n            text-align: center;\n            transition: transform 0.6s;\n            transform-style: preserve-3d;\n\n            .front,\n            .back {\n              position: absolute;\n              backface-visibility: hidden;\n              border-radius: 10px;\n              overflow: hidden;\n              box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);\n              width: 300px;\n              height: 260px;\n\n              button {\n                background-color: $transparent-color;\n                color: $primary-color;\n                border: none;\n\n                &:focus {\n                  outline: $transparent-color;\n                }\n              }\n            }\n\n            .front {\n              background-color: $white;\n              transition: .3s;\n\n              svg {\n                stroke: $dark-color;\n                transition: all 0.3s ease;\n\n                &:hover {\n                  stroke: var(--theme-default);\n                  transition: all 0.3s ease;\n                }\n              }\n            }\n\n            .back {\n              background-color: $white;\n              transform: rotateY(180deg);\n\n              li {\n                &:first-child {\n                  margin-top: 20px;\n                  height: 140px !important;\n                }\n              }\n\n              button {\n                width: 100%;\n              }\n\n              .flip-back-content {\n                input {\n                  border-radius: 25px;\n                  padding: 6px 12px;\n                  width: 100%;\n                  border: 1px solid $ps-light-border;\n                  ;\n\n                  &:focus {\n                    outline: none;\n                  }\n                }\n              }\n            }\n\n            &.flipped {\n              transform: rotateY(180deg);\n\n              .front {\n                opacity: 0;\n              }\n            }\n          }\n        }\n\n        .onhover-show-div {\n          width: 330px;\n          top: 50px;\n          right: 0;\n          left: unset;\n\n          .dropdown-title {\n            padding: 18px;\n            text-align: center;\n            font-weight: 600;\n            border-bottom: 1px solid rgba($dropdown-border-color, 0.3);\n          }\n\n          ul {\n            padding: 15px;\n          }\n\n          li {\n            padding: 15px;\n\n            p {\n              font-size: 14px;\n              letter-spacing: 0.3px;\n              margin-bottom: 0;\n            }\n\n            a {\n              letter-spacing: 0.3px;\n              font-family: $font-manrope, $font-serif;\n            }\n\n            &+li {\n              margin-top: 15px;\n            }\n\n            &:last-child {\n              padding-bottom: 15px;\n            }\n\n            .d-flex {\n              position: relative;\n              align-items: center;\n              img {\n                width: 40px;\n                position: relative;\n              }\n\n              .status-circle {\n                left: 0;\n              }\n\n              .flex-grow-1 {\n                >span {\n                  display: inline-block;\n                  font-size: 15px;\n                  font-weight: 700 !important;\n                }\n\n                p {\n                  margin-bottom: unset;\n                  font-size: 14px !important;\n                  line-height: unset !important;\n                  color: rgba(64, 64, 64, 0.7) !important;\n                  font-weight: 500;\n                }\n              }\n            }\n          }\n\n          &:before,\n          &:after {\n            right: 10px !important;\n            left: unset !important;\n          }\n        }\n\n        .notification-box {\n          position: relative;\n        }\n\n        .cart-box {\n          position: relative;\n        }\n\n        .cart-dropdown {\n          ul {\n            padding: 0 0 15px;\n          }\n\n          li {\n            margin: 0 15px;\n            padding: 10px 0;\n\n            .d-flex {\n              align-items: center;\n\n              .flex-grow-1 {\n                margin-right: 20px;\n\n                [dir=\"rtl\"] & {\n                  margin-right: unset;\n                  margin-left: 20px;\n                }\n\n                .qty-box {\n                  &.input-group {\n                    span {\n                      padding: 0;\n                    }\n                  }\n                }\n              }\n            }\n\n            &+li {\n              margin-top: 0;\n              border-top: 1px solid rgba($dropdown-border-color, 0.1);\n            }\n\n            &:last-child {\n              padding: 15px 10px;\n              border-top: none;\n              display: flex;\n              justify-content: center;\n              align-items: center;\n              gap: 10px;\n            }\n          }\n\n          p {\n            line-height: 1.3;\n            margin-top: 3px;\n            opacity: 0.6;\n          }\n\n          .close-circle {\n            position: absolute;\n            right: 0;\n            top: 0;\n\n            a {\n              width: 18px;\n              height: 18px;\n              border-radius: 100%;\n              display: flex;\n              align-items: center;\n              justify-content: center;\n            }\n\n            svg {\n              width: 14px;\n              stroke: $white;\n            }\n          }\n\n          .qty-box {\n            margin: 12px 0;\n\n            .input-group {\n              width: 80px;\n              background-color: transparent;\n\n              input {\n                background-color: transparent;\n              }\n\n              input,\n              .btn {\n                font-size: 10px;\n                font-family: $font-manrope, $font-serif;\n                font-weight: 700;\n              }\n\n              .btn {\n                padding: 0px 7px;\n                background-color: $off-white !important;\n                border-color: $off-white !important;\n                border-radius: 100%;\n                font-size: 14px;\n                color: $theme-body-font-color;\n              }\n            }\n          }\n\n          .total {\n            margin: 0;\n            padding: 15px;\n            background-color: #f9f9f9;\n            border: none;\n\n            h6 {\n              font-family: $font-manrope, $font-serif;\n              font-weight: 500;\n              font-size: 14px;\n              line-height: 14px;\n              letter-spacing: 0.5px;\n\n              span {\n                font-size: 14px;\n              }\n            }\n          }\n\n          .view-checkout {\n            text-decoration: unset;\n          }\n        }\n\n        .notification-box {\n          svg {\n            animation: swing 1.5s ease infinite;\n          }\n        }\n\n        .notification-dropdown {\n          top: 52px;\n          width: 300px;\n          right: -20px !important;\n          left: unset;\n\n          @media (max-width: 575.98px) {\n            width: calc(100vw - 30px);\n          }\n\n          li {\n            background-color: #f9f9f9;\n            border-radius: 5px;\n            padding: 0;\n\n            &:last-child {\n              padding-bottom: 0;\n            }\n\n            .btn-close {\n              filter: brightness(1);\n              font-size: 10px;\n            }\n\n            &:last-child {\n              text-align: center;\n              background-color: transparent;\n            }\n\n            p {\n              display: flex;\n              align-items: center;\n              justify-content: space-between;\n              font-weight: 500;\n              span {\n                font-size: 12px;\n                vertical-align: middle;\n              }\n            }\n          }\n\n          &:before,\n          &:after {\n            right: 28px !important;\n            left: unset !important;\n          }\n        }\n\n        .profile-dropdown {\n          width: 245px;\n          top: 57px;\n          padding: 0 10px;\n\n          li {\n            padding: 10px !important;\n            &:first-child {\n              border-bottom: 1px solid var(--sidebar-border);\n              margin-bottom: 10px;\n            }\n            a {\n              text-decoration: unset;\n            }\n\n            &:hover {\n              a {\n                span {\n                  color: var(--theme-default);\n                  transition: color 0.3s ease;\n                }\n\n                svg {\n                  stroke: var(--theme-default);\n                  transition: stroke 0.3s ease;\n\n                  path {\n                    stroke: var(--theme-default);\n                    transition: stroke 0.3s ease;\n                  }\n                }\n              }\n            }\n\n            +li {\n              margin-top: 0;\n            }\n\n            &:last-child {\n              padding-top: 10px !important;\n            }\n\n            span {\n              color: $dark-color;\n              font-weight: 600;\n              font-size: 16px;\n            }\n\n            svg {\n              width: 18px;\n              height: 18px;\n              vertical-align: sub;\n              margin-right: 10px;\n              color: $dark-color;\n              stroke: unset;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .page-body-wrapper {\n    // background-color: $main-body-color;\n    background-color: $white;\n\n    .page-body {\n      min-height: calc(100vh - #{$header-size});\n      margin-top: $header-size;\n      padding: $page-body-padding;\n      position: relative;\n      transition: 0.5s;\n\n      &:before {\n        animation: fadeIn 0.5s ease-in-out;\n      }\n    }\n\n    .page-title {\n      padding: $page-title-padding;\n      margin: 0 -27px 0;\n      // background-color: $white;\n\n      >.row {\n        margin: 0;\n\n        .col-6 {\n          padding: 0;\n        }\n      }\n\n      .row {\n        align-items: center;\n\n        h3 {\n          font-size: $page-title-font-size;\n          margin-bottom: $page-title-margin-bottom;\n          text-transform: $page-title-text-transform;\n          font-weight: 600;\n\n          small {\n            display: $page-small-title-display;\n            font-size: $page-small-title-font-size;\n            margin-bottom: $page-small-title-margin-bottom;\n            text-transform: $page-small-title-text-transform;\n            color: $theme-body-sub-title-color;\n          }\n        }\n      }\n\n      .breadcrumb {\n        background-color: $transparent-color;\n        padding: 0;\n        margin-bottom: 0;\n        align-items: center;\n        justify-content: flex-end;\n\n        li {\n          font-size: 14px;\n          letter-spacing: 1px;\n          font-weight: 600;\n        }\n\n        .breadcrumb-item {\n          &+.breadcrumb-item {\n            &:before {\n              content: $breadcrumb-content;\n            }\n          }\n\n          a {\n\n            svg {\n              width: 20px;\n              height: 20px;\n              color: $dark-color;\n              vertical-align: text-top;\n            }\n          }\n\n          &.active {\n            // color: var(--theme-default);\n            font-weight: 500;\n          }\n\n        }\n      }\n    }\n\n    div.sidebar-wrapper {\n      .sidebar-main {\n        .sidebar-links {\n          .simplebar-wrapper {\n            .simplebar-mask {\n              .simplebar-content-wrapper {\n                .simplebar-content {\n                  >li {\n                    a {\n                      svg {\n                        &.stroke-icon {\n                          stroke: $dark-color;\n                        }\n\n                        &.fill-icon {\n                          fill: $sidebar-fill-icon-color;\n                        }\n                      }\n\n                      &.active {\n                        svg {\n                          transition: all 0.3s ease;\n                          color: $white; \n                        }\n                      }\n                    }\n                  }\n\n                  li {\n                    a {\n                      text-transform: capitalize;\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .sidebar-wrapper {\n    &[data-sidebar-layout=\"stroke-svg\"] {\n      .stroke-icon {\n        display: inline-block;\n      }\n\n      .fill-icon {\n        display: none;\n      }\n    }\n\n    &[data-sidebar-layout=\"fill-svg\"] {\n      .stroke-icon {\n        display: none;\n      }\n\n      .fill-icon {\n        display: inline-block;\n      }\n    }\n  }\n\n  &.horizontal-wrapper {\n    [data-simplebar] {\n      position: relative;\n    }\n\n    .footer {\n      margin-left: 0;\n\n      &.footer-fix {\n        width: 100%;\n      }\n    }\n\n    .header-logo-wrapper {\n      width: 150px;\n\n      .toggle-sidebar {\n        display: none;\n      }\n    }\n\n    .sidebar-list {\n\n      i.fa-solid.fa-thumbtack {\n        visibility: hidden;\n        position: absolute;\n        top: 19px;\n        right: 0px;\n        color: $primary-color;\n\n        [dir=\"rtl\"] & {\n          left: 0;\n          right: unset;\n        }\n      }\n\n      &:hover {\n        i.fa-solid.fa-thumbtack {\n          visibility: hidden;\n          cursor: pointer;\n        }\n      }\n    }\n\n    .page-body-wrapper {\n      .sidebar-wrapper {\n        height: 54px;\n        line-height: inherit;\n        top: 79px;\n        background: $white;\n        box-shadow: 0px 9px 24px rgba($semi-dark, 0.05);\n        overflow-x: hidden;\n        z-index: 1;\n        overflow-y: visible;\n        position: fixed;\n        width: 100vw;\n        border-top: 1px solid $light-semi-gray;\n        z-index: 3;\n\n        .simplebar-content {\n          display: flex;\n        }\n\n        li {\n          display: inline-block;\n        }\n\n        .sidebar-links {\n          .sidebar-list {\n            label {\n              &.badge {\n                position: absolute;\n                top: 2px;\n                right: -4px;\n                z-index: 1;\n              }\n            }\n\n            .sidebar-submenu {\n              .badge {\n                position: absolute;\n                top: 10px;\n                right: 40px;\n                z-index: 1;\n              }\n            }\n          }\n        }\n\n        .logo-wrapper,\n        .logo-icon-wrapper {\n          display: none;\n        }\n\n        .sidebar-main {\n          text-align: left;\n          position: relative;\n\n          .left-arrow,\n          .right-arrow {\n            position: absolute;\n            top: 0px;\n            padding: 15px;\n            background-color: $white;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            z-index: 1;\n            cursor: pointer;\n\n            &.disabled {\n              display: none;\n            }\n          }\n\n          .left-arrow {\n            left: 0;\n          }\n\n          .right-arrow {\n            right: 0;\n          }\n\n          .sidebar-links {\n            list-style: none;\n            margin: 0;\n            padding: 0;\n            line-height: normal;\n            direction: ltr;\n            text-align: left;\n            display: -webkit-box !important;\n            padding: 0 5px;\n            transition: all .5s ease;\n            white-space: nowrap;\n\n            li {\n\n              &.sidebar-list {\n\n                a {\n                  &.active {\n                    .according-menu {\n                      i {\n                        &:before {\n                          content: '-';\n                        }\n                      }\n                    }\n                  }\n\n                  .according-menu {\n                    display: none;\n                  }\n                }\n\n                ul.sidebar-submenu {\n                  li {\n                    a {\n                      &.active {\n                        color: var(--theme-default);\n\n                        &:after {\n                          background-color: var(--theme-default);\n                        }\n                      }\n                    }\n                  }\n                }\n              }\n            }\n\n            .simplebar-wrapper {\n              .simplebar-mask {\n                .simplebar-content-wrapper {\n                  .simplebar-content {\n                    >li {\n                      position: relative;\n                      padding-top: 10px;\n                      padding-bottom: 10px;\n\n                      &.sidebar-main-title {\n\n                        &.pin-title {\n                          display: none !important;\n\n                          &.show {\n                            display: none !important;\n                          }\n                        }\n                      }\n\n                      &:hover {\n                        >a {\n                          >span {\n                            color: var(--theme-default);\n                            transition: all 0.3s ease;\n                          }\n                        }\n\n                        a {\n                          background-color: rgba($primary-color, 0.15%);\n                          transition: all 0.3s ease;\n\n                          svg {\n                            &.stroke-icon {\n                              stroke: var(--theme-default);\n                              transition: all 0.3s ease;\n                            }\n\n                            &.fill-icon {\n                              fill: var(--theme-default);\n                              transition: all 0.3s ease;\n                            }\n                          }\n                        }\n                      }\n\n                      &:first-child {\n                        display: none !important;\n                      }\n\n                      >a {\n                        display: block;\n                        color: $theme-body-font-color;\n                        line-height: 23px;\n                        text-decoration: none;\n                        text-transform: capitalize;\n                        padding: 5px 15px;\n                        margin: 0 3px;\n                        letter-spacing: 0.04em;\n                        position: relative;\n                        border-radius: 5px;\n                        font-weight: 500;\n                        transition: all 0.3s ease;\n\n                        &.active {\n                          background-color: rgba($primary-color, 0.1);\n                          transition: all 0.3s ease;\n\n                          svg,\n                          span {\n                            color: var(--theme-default);\n                            transition: all 0.3s ease;\n                          }\n                        }\n\n                        .badge {\n                          position: absolute;\n                          top: -5px;\n                          margin-left: 1px;\n                          right: 10px;\n                          padding: 0.20em 0.7em;\n                        }\n\n                        svg {\n                          width: 18px;\n                          height: 18px;\n                          vertical-align: sub;\n                          margin-right: 10px;\n                        }\n                      }\n\n                      .sidebar-submenu {\n                        position: fixed;\n                        z-index: 4;\n                        box-shadow: 0 0 1px 0 $dark-gray;\n                        padding: 15px 0px 15px 0px;\n                        background: $white;\n\n                        li {\n                          border: 0;\n                          float: none;\n                          position: relative;\n                          display: block;\n\n                          a {\n                            background: transparent;\n                            padding: 4px 30px;\n                            display: block;\n                            transition: all 0.5s ease;\n                            line-height: 1.9;\n                            color: rgba(43, 43, 43, 0.6);\n                            letter-spacing: 0.06em;\n                            font-weight: 500;\n                            transition: all 0.3s ease;\n\n                            &:after {\n                              left: 20px;\n                              @extend %horizontal-after;\n                            }\n\n                            &:hover {\n                              color: var(--theme-default);\n                              letter-spacing: 1.5px;\n                              transition: all 0.3s ease;\n\n                              &:after {\n                                background-color: var(--theme-default);\n                              }\n                            }\n                          }\n                        }\n                      }\n\n                      &:hover {\n                        >a {\n                          &:after {\n                            left: 0;\n                            right: 0;\n                            opacity: 1;\n                          }\n                        }\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        &.overlay-white {\n          background-color: rgba(255, 255, 255, 0.08);\n        }\n      }\n\n      .toggle-nav {\n        position: relative;\n        display: flex;\n        align-items: center;\n        cursor: pointer;\n\n        i {\n          font-size: 24px;\n        }\n      }\n\n      .page-body {\n        margin-top: 135px;\n      }\n\n      .sidebar-main-title {\n        display: none !important;\n      }\n\n      &.scorlled {\n        .sidebar-wrapper {\n          display: none;\n          transition: all 0.3s ease;\n        }\n      }\n    }\n\n    .page-header {\n      width: 100%;\n      box-shadow: none;\n\n      .header-wrapper {\n        .form-control-plaintext {\n          width: auto !important;\n        }\n\n        .left-header {\n          width: 30%;\n\n          @media (max-width: 1428px) and (min-width: 1324px) {\n            width: 32%;\n          }\n\n          @media (max-width: 1323px) and (min-width: 1200px) {\n            width: 37%;\n          }\n\n          @media (max-width: 1199px) and (min-width: 992px) {\n            width: 32%;\n          }\n        }\n\n        .nav-right {\n          @media (max-width: 1428px) and (min-width: 1324px) {\n            width: 55%;\n          }\n\n          @media (max-width: 1323px) and (min-width: 1200px) {\n            width: 40%;\n          }\n\n          @media (max-width: 1199px) and (min-width: 992px) {\n            width: 50%;\n          }\n        }\n      }\n    }\n\n    &.enterprice-type {\n\n      footer {\n        margin-left: 0;\n      }\n    }\n  }\n\n  &.material-icon {\n\n    .card {\n      border-radius: 30px;\n      box-shadow: 0 0 20px rgba($primary-color, 0.10);\n    }\n\n    &.compact-sidebar {\n      &.compact-small {\n        .page-header {\n          .header-wrapper {\n            .nav-right {\n              .nav-menus {\n                .mode {\n                  svg {\n                    @media (min-width:768px) {\n                      fill: $white;\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        .page-body-wrapper {\n          .page-body {\n            .page-title {\n              h3 {\n                color: $white;\n              }\n\n              .breadcrumb {\n                .breadcrumb-item {\n                  @media (min-width:768px) {\n                    color: $white;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .sidebar-main-title {\n    h6 {\n      font-size: 15px;\n      font-weight: 700;\n      color: $theme-body-sub-title-color;\n      text-transform: uppercase;\n      margin-bottom: 4px;\n      letter-spacing: 0.40px;\n    }\n  }\n\n  // left sidebar css\n  &.compact-wrapper {\n\n    .sidebar-list {\n\n      i.fa-solid.fa-thumbtack {\n        visibility: hidden;\n        position: absolute;\n        top: 11px;\n        right: -9px;\n        color: $primary-color;\n        z-index: 9999;\n\n        [dir=\"rtl\"] & {\n          left: -9px;\n          right: unset;\n        }\n      }\n\n      &:hover {\n        i.fa-solid.fa-thumbtack {\n          visibility: visible;\n          cursor: pointer;\n        }\n        // .sidebar-link {\n        //   &.active {\n        //     &:has(i.fa-solid.fa-thumbtack) {\n        //       background-color: red;\n        //     }\n        //   }\n        // }\n      \n      }\n\n      &.pined {\n        order: -1;\n      }\n    }\n\n    .pin-title {\n      order: -1;\n    }\n\n    .page-header {\n      margin-left: $sidebar-compact-width;\n      width: calc(100% - $sidebar-compact-width);\n      @media (max-width: 1199px) and (min-width:992px) {\n        margin-left: 78px;\n        width: calc(100% - 78px);\n      }\n      &.close_icon {\n        margin-left: 78px;\n        width: calc(100% - 80px);\n      }\n\n      .header-wrapper {\n        .logo-wrapper {\n          display: none;\n        }\n\n        .toggle-sidebar {\n          display: none;\n        }\n      }\n    }\n\n    .page-body-wrapper {\n      div {\n        &.sidebar-wrapper {\n          position: fixed;\n          top: 0;\n          z-index: 9;\n          height: auto;\n          line-height: inherit;\n          background: $white;\n          width: $sidebar-compact-width;\n          text-align: left;\n          transition: 0.3s;\n          box-shadow: 0 0 21px 0 rgba($semi-dark, 0.1);\n\n          .logo-wrapper,\n          .logo-icon-wrapper {\n            padding: 22px 24px;\n            box-shadow: -9px 0 20px rgba($semi-dark, 0.1);\n          }\n\n          .logo-icon-wrapper {\n            display: none;\n          }\n\n          &.close_icon {\n            width: auto;\n            transition: all 0.3s ease;\n\n            .badge {\n              opacity: 0;\n              width: 0;\n              padding: 0;\n            }\n\n            .sidebar-main {\n              .sidebar-links {\n                .simplebar-wrapper {\n                  .simplebar-mask {\n                    .simplebar-content-wrapper {\n                      .simplebar-content {\n                        >li {\n                          max-width: 86px;\n                          margin: 0;\n                          transition: all 0.3s ease;\n\n                          .sidebar-submenu {\n                            a {\n                              display: none;\n                            }\n                          }\n\n                          a {\n                            text-align: center;\n                            padding: 12px 14px;\n                            transition: all 0.3s ease;\n                            svg {\n                              margin-right: unset;\n                            }\n                          }\n\n                          .sidebar-link {\n                            .stroke-icon {\n                              margin-right: 0;\n                              transition: all 0.3s ease;\n                            }\n\n                            .fill-icon {\n                              margin-right: 0;\n                            }\n                          }\n                        }\n                      }\n                    }\n                  }\n                }\n              }\n            }\n\n            .sidebar-main-title {\n              display: none !important;\n              opacity: 0;\n              transition: all 0.3s ease;\n            }\n\n            .logo-wrapper {\n              display: none;\n            }\n\n            .logo-icon-wrapper {\n              text-align: right;\n              display: block;\n            }\n\n            &:hover {\n              width: 265px;\n              transition: all 0.3s ease;\n\n              .badge {\n                opacity: 1;\n                width: auto;\n                transition: all 0.3s ease;\n              }\n\n              .sidebar-main {\n                .sidebar-links {\n                  .simplebar-wrapper {\n                    .simplebar-mask {\n                      .simplebar-content-wrapper {\n                        .simplebar-content {\n                          >li {\n                            max-width: unset;\n                            transition: all 0.3s ease;\n\n                            a {\n                              text-align: left;\n\n                              [dir=\"rtl\"] & {\n                                text-align: right;\n                              }\n                            }\n\n                            .sidebar-link {\n                              svg {\n                                margin-right: 10px;\n                                transition: all 0.3s ease;\n                              }\n                            }\n\n                            .sidebar-submenu {\n                              a {\n                                display: block;\n                              }\n                            }\n\n                            >a {\n                              padding: 10px 20px;\n                              transition: all 0.3s ease;\n\n                              span {\n                                display: inline-block;\n                              }\n                            }\n                          }\n                        }\n                      }\n                    }\n                  }\n                }\n              }\n\n              .sidebar-main-title {\n                opacity: 1;\n                display: block !important;\n                transition: all 0.3s ease;\n              }\n\n              .logo-wrapper {\n                display: block;\n              }\n\n              .logo-icon-wrapper {\n                display: none;\n              }\n            }\n\n            .mobile-sidebar {\n              transform: translate(183px);\n            }\n\n            ~.page-body,\n            ~footer {\n              margin-left: 78px;\n              transition: 0.5s;\n            }\n\n            ~.footer-fix {\n              width: calc(100% - 80px);\n            }\n\n            .sidebar-main {\n              .sidebar-links {\n                height: calc(100vh - 118px);\n\n                .simplebar-wrapper {\n                  .simplebar-mask {\n                    .simplebar-content-wrapper {\n                      .simplebar-content {\n                        >li {\n                          .sidebar-link {\n                            &::before {\n                              right: 20px;\n                              left: unset;\n                            }\n                          }\n\n                          a {\n                            span {\n                              display: none;\n                            }\n                          }\n                        }\n                      }\n                    }\n                  }\n                }\n\n                .sidebar-list {\n                  .sidebar-title {\n                    &.active {\n                      ~.sidebar-submenu {\n                        display: none;\n                      }\n                    }\n                  }\n                }\n              }\n            }\n\n            .according-menu {\n              display: none;\n            }\n          }\n\n          .sidebar-main {\n\n            .left-arrow,\n            .right-arrow {\n              display: none;\n            }\n\n            .sidebar-list {\n\n              i.fa-solid.fa-thumbtack {\n                visibility: hidden;\n                position: absolute;\n                top: 16px;\n                right: 52px;\n                // color: $white;\n                font-size: 12px;\n\n                [dir=\"rtl\"] & {\n                  left: 55px;\n                  right: unset;\n                }\n              }\n\n              &:hover {\n                i.fa-solid.fa-thumbtack {\n                  visibility: visible;\n                  cursor: pointer;\n                }\n              }\n\n              &.pined,\n              &.pin-title {\n                order: -1;\n              }\n            }\n\n            .pin-title {\n              order: -1;\n            }\n\n            .sidebar-links {\n              height: $sidebar-height;\n              left: -300px;\n              z-index: 99;\n              transition: color 1s ease;\n              overflow: auto;\n              color: rgba(0, 0, 0, 0);\n              margin-top: 20px;\n              margin-bottom: 30px;\n\n              li {\n                a {\n                  font-weight: 500;\n\n                  &.active {\n                    span {\n                      color: var(--theme-default);\n                    }\n                  }\n\n                  svg {\n                    width: 22px;\n                    height: 22px;\n                    margin-right: 10px;\n                    vertical-align: -6px;\n                    color: $theme-body-font-color;\n                    float: none;\n                    transition: all 0.3s ease;\n                  }\n\n                  span {\n                    letter-spacing: 0.7px;\n                    text-transform: capitalize;\n                    color: $theme-body-font-color;\n                    font-size: 15px;\n                    font-weight: 600;\n                  }\n\n                  &.link-nav {\n                    .according-menu {\n                      display: none;\n                    }\n                  }\n                }\n\n                &:last-child {\n                  border-bottom: none;\n                }\n              }\n\n              &.opennav {\n                left: 0;\n              }\n\n              .back-btn {\n                display: block;\n                width: 100%;\n                padding: 0;\n\n                .mobile-back {\n                  padding: 20px;\n                  color: $theme-font-color;\n                  font-weight: 700;\n                  text-transform: uppercase;\n                  border-bottom: 1px solid #efefef;\n                  cursor: pointer;\n                  display: flex;\n                  justify-content: flex-end;\n                  align-items: center;\n                }\n              }\n\n              .simplebar-wrapper {\n                .simplebar-mask {\n                  .simplebar-content-wrapper {\n                    .simplebar-content {\n                      >li {\n                        display: block;\n                        width: 100%;\n                        position: relative;\n\n                        &.sidebar-main-title {\n                          padding: 25px 0 6px 20px;\n                          margin-top: 10px;\n\n                          &.pin-title {\n                            display: none !important;\n\n                            &.show {\n                              display: block !important;\n                            }\n                          }\n\n                          [dir=\"rtl\"] & {\n                            padding: 25px 20px 6px 0;\n                          }\n\n                          &::before {\n                            position: absolute;\n                            content: '';\n                            top: 0;\n                            left: 50%;\n                            background: var(--sidebar-border);\n                            width: calc(100% - 40px);\n                            height: 1px;\n                            transform: translateX(-50%);\n                          }\n\n                          &:nth-child(2) {\n                            margin-top: 0;\n\n                            &::before {\n                              display: none;\n                            }\n                          }\n                        }\n\n                        &.sidebar-list {\n                          .badge {\n                            position: absolute;\n                            right: 72px;\n                            top: 12px;\n                            padding: 0.45em 0.8em 0.33em;\n                            z-index: 1;\n                            font-size: 10px;\n                            letter-spacing: 0.7px;\n                            font-weight: 600;\n                            border-radius: 10px;\n                          }\n\n                          .sidebar-submenu {\n                            li {\n                              position: relative;\n\n                              .badge {\n                                position: absolute;\n                                right: 45px;\n                                top: 8px;\n                                padding: 0.45em 0.8em 0.33em;\n                                z-index: 1;\n                                font-size: 10px;\n                                letter-spacing: 0.7px;\n                                font-weight: 600;\n                                font-family: $font-manrope, $font-serif;\n                                border-radius: 10px;\n                                margin-bottom: 0;\n                              }\n                            }\n                          }\n\n                          &:hover {\n                            >a {\n                              &:hover {\n                                transition: all 0.3s ease;\n                              }\n                            }\n                          }\n                        }\n\n                        a {\n                          // margin-inline: 15px;\n                          padding: 10px 20px;\n                          margin-bottom: 0;\n                          position: relative;\n                          transition: all 0.3s ease;\n                          .sub-arrow {\n                            right: 20px;\n                            position: absolute;\n                            top: 10px;\n\n                            i {\n                              display: none;\n                            }\n\n                            &:before {\n                              display: none;\n                            }\n                          }\n                        }\n\n                        &:first-child {\n                          display: none !important;\n                        }\n\n                        .sidebar-submenu {\n                          width: 100%;\n                          padding: 0;\n                          position: relative !important;\n\n                          &::before {\n                            left: 27px;\n                          }\n\n                          >li {\n                            a {\n                              padding-left: 52px !important;\n                              font-weight: 400;\n                            }\n                          }\n\n                          .submenu-title {\n                            &.active {\n                              background: rgba($primary-color, 0.1);\n                              color: $primary-color !important;\n                              &::before {\n                                background-color: var(--theme-default);\n                              }\n                              .according-menu {\n                                i {\n                                  color: var(--theme-default);\n                                }\n                              }\n                            }\n                            .according-menu {\n                              top: 7px;\n                            }\n                          }\n\n                          &.opensubmenu {\n                            display: block;\n                          }\n\n                          li {\n                            margin-top: 6px;\n                            &:hover {\n                              >a {\n                                transition: all 0.3s ease;\n                              }\n                            }\n\n                            .sidebar-submenu {\n                              display: none;\n                              position: relative !important;\n                              right: 0;\n                              width: 100%;\n                              padding: 0;\n\n                              &.opensubchild {\n                                display: block;\n                              }\n\n                              li {\n                                a {\n                                  padding: 6px 45px;\n                                  padding-left: 56px !important;\n\n                                  &:after {\n                                    display: none;\n                                  }\n                                }\n                              }\n                            }\n\n                            a {\n                              padding: 7px 25px;\n                              font-size: 14px;\n                              color: $theme-body-sub-title-color;\n                              display: block;\n                              position: relative;\n                              letter-spacing: 0.06em;\n                              font-weight: 600;\n                              transition: all 0.3s ease;\n                              white-space: nowrap;\n                              overflow: hidden;\n                              text-overflow: ellipsis;\n                              transition: all 0.4s;\n                              &::before {\n                                @extend %sidebar-active-dot;\n                              }\n                              &.active {\n                                color: var(--theme-default);\n                                &::before {\n                                  opacity: 1;\n                                  visibility: visible;\n                                  background-color: var(--theme-default);\n                                }\n                              }\n\n                              &:after {\n                                left: 27px;\n                                @extend %sidebar-after;\n                              }\n                            }\n                          }\n                        }\n\n                        .sidebar-link {\n                          transition: all 0.5s ease;\n                          display: block;\n                          &.active {\n                            background-color: $primary-color;\n                            transition: all 0.5s ease;\n                            position: relative;\n                            ~.sidebar-submenu {\n                              &::before {\n                                transition: height 0.5s;\n                              }\n                            }\n                            .according-menu {\n                              i {\n                                color: $white;\n                              }\n                            }\n\n                            span {\n                              color: $white;\n                              transition: all 0.3s ease;\n                            }\n                          }\n                        }\n                      }\n                    }\n                  }\n                }\n              }\n\n            }\n          }\n\n          .simplebar-content {\n            display: flex;\n            flex-direction: column;\n          }\n\n          &:hover {\n            .according-menu {\n              display: block;\n            }\n          }\n        }\n      }\n\n      .according-menu {\n        position: absolute;\n        right: 15px;\n        top: 9px;\n        display: block;\n\n        i {\n          vertical-align: middle;\n          color: $dark-color;\n        }\n      }\n\n      .main-menu {\n        &.border-section {\n          border: none;\n        }\n\n        .menu-left {\n          .main-menu-right {\n            .toggle-nav {\n              position: absolute;\n              z-index: 2;\n              right: 145px;\n              top: 6px;\n\n              .sidebar-name {\n                font-size: 18px;\n                padding-left: 5px;\n                text-transform: uppercase;\n              }\n            }\n          }\n        }\n      }\n\n      .page-body {\n        min-height: calc(100vh - 80px);\n        margin-top: 80px;\n        margin-left: $sidebar-compact-width;\n        @media (max-width: 1199px) and (min-width:992px) {\n          margin-left: 78px;\n        }\n      }\n    }\n\n    &.dark-sidebar,\n    &.color-sidebar {\n      .sidebar-main-title {\n        h6 {\n          color: $dark-all-font-color;\n        }\n      }\n\n      .toggle-sidebar {\n        svg {\n          stroke: var(--theme-default);\n        }\n      }\n\n      .page-body-wrapper {\n        div.sidebar-wrapper {\n          .sidebar-main {\n            .sidebar-links {\n              .simplebar-wrapper {\n                .simplebar-mask {\n                  .simplebar-content-wrapper {\n                    .simplebar-content {\n                      >li {\n                        a {\n                          svg {\n                            &.stroke-icon {\n                              stroke: $dark-all-font-color;\n                            }\n\n                            &.fill-icon {\n                              fill: $dark-all-font-color;\n                            }\n                          }\n\n                          &.active {\n                            svg {\n                              &.stroke-icon {\n                                stroke: var(--theme-default);\n                              }\n\n                              &.fill-icon {\n                                fill: var(--theme-default);\n                              }\n                            }\n                          }\n                        }\n\n                        &.sidebar-main-title {\n                          &::before {\n                            background: $dark-card-border;\n                          }\n                        }\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n\n      div.sidebar-wrapper {\n        background-color: $dark-card-background;\n\n        .sidebar-main {\n          .sidebar-links {\n            li {\n              a {\n                span {\n                  color: $dark-all-font-color;\n                }\n\n                svg {\n                  &.stroke-icon {\n                    stroke: $dark-all-font-color;\n                  }\n\n                  &.fill-icon {\n                    fill: $dark-all-font-color;\n                  }\n                }\n              }\n            }\n\n            .simplebar-wrapper {\n              .simplebar-mask {\n                .simplebar-content-wrapper {\n                  .simplebar-content {\n                    >li {\n                      .sidebar-link {\n                        &.active {\n                          background-color: rgba($primary-color, 0.2);\n\n                          svg {\n                            color: var(--theme-default);\n                            stroke: var(--theme-default);\n                          }\n                        }\n                      }\n\n                      .sidebar-submenu {\n                        li {\n                          a {\n                            color: $dark-all-font-color;\n                          }\n                        }\n                      }\n                    }\n                  }\n                }\n              }\n            }\n\n            .sidebar-list {\n              ul.sidebar-submenu {\n                li {\n                  a {\n                    span {\n                      color: $dark-all-font-color;\n                    }\n\n                    &.active {\n                      color: var(--theme-default);\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        .logo-wrapper {\n          .for-light {\n            display: none;\n          }\n\n          .for-dark {\n            display: block;\n          }\n        }\n      }\n\n      .according-menu {\n        i {\n          color: $dark-all-font-color;\n        }\n      }\n\n    }\n\n    &.color-sidebar {\n      div.sidebar-wrapper {\n        background-color: #2f3c4e;\n      }\n\n    }\n  }\n\n  // compact icon css\n  &.compact-sidebar {\n\n    .simplebar-wrapper {\n      .simplebar-mask {\n        .simplebar-content-wrapper {\n          .simplebar-content {\n            display: flex;\n            flex-direction: column;\n          }\n        }\n      }\n    }\n\n    .sidebar-list {\n      i.fa-solid.fa-thumbtack {\n        visibility: hidden;\n        position: absolute;\n        top: 8px;\n        right: 54px;\n        color: $primary-color;\n        width: 20px;\n        height: 20px;\n        background-color: rgba($primary-color, 0.1);\n        border-radius: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n\n        [dir=\"rtl\"] & {\n          left: 54px;\n          right: unset;\n        }\n\n        &::before {\n          font-size: 12px;\n        }\n      }\n\n      &:hover {\n        i.fa-solid.fa-thumbtack {\n          visibility: visible;\n          cursor: pointer;\n          z-index: 1;\n        }\n      }\n      &.pined {\n        order: -1;\n      }\n    }\n\n    .pin-title {\n      order: -1;\n    }\n\n    ~.bg-overlay1 {\n      transition: 0.8s;\n\n      &.active {\n        z-index: 8;\n        height: 100vh;\n        width: 100vw;\n        background-color: rgba($black, 0.2);\n        position: fixed;\n        top: 0;\n      }\n    }\n\n    .toggle-sidebar {\n      position: relative;\n      right: unset;\n      top: unset;\n      margin-right: 15px;\n    }\n\n    .sidebar-main-title {\n      display: none;\n    }\n\n    .logo-wrapper {\n      display: none;\n    }\n\n    .logo-icon-wrapper {\n      display: block;\n      text-align: center;\n      padding: 24px 30px;\n      box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1);\n    }\n\n    .page-header {\n      margin-left: 150px;\n      width: calc(100% - 150px);\n\n      .header-wrapper {\n        .logo-wrapper {\n          display: none;\n        }\n\n        .left-header {\n          width: 30%;\n\n          @media (max-width: 1578px) and (min-width:1274px) {\n            width: 38%;\n          }\n\n          @media (max-width: 1273px) and (min-width:1200px) {\n            width: 45%;\n          }\n\n          @media (max-width:991px) and (min-width: 768px) {\n            width: 36%;\n          }\n\n          @media (max-width:767px) and (min-width:756px) {\n            width: 28%;\n          }\n\n          h6 {\n            @media (max-width: 1199px) {\n              width: 132px;\n            }\n\n            @media (max-width:767px) {\n              width: 83px;\n            }\n          }\n        }\n      }\n\n      &.close_icon {\n        margin-left: 0;\n        width: calc(100% - 0px);\n      }\n    }\n\n    .page-body-wrapper {\n      .page-body {\n        margin-top: 80px;\n        margin-left: 150px;\n      }\n\n      .footer {\n        margin-left: 150px;\n      }\n\n      div.sidebar-wrapper {\n        position: fixed;\n        top: 0;\n        z-index: 9;\n\n        >div {\n          height: auto;\n          line-height: inherit;\n          background: $white;\n          width: 150px;\n          text-align: left;\n          transition: 0.3s;\n          box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1);\n        }\n\n        .sidebar-main {\n\n          .left-arrow,\n          .right-arrow {\n            display: none;\n          }\n\n          .sidebar-links {\n            margin: 30px 0;\n            height: calc(100vh - 113px);\n            overflow: auto;\n\n            li {\n              a {\n                color: $dark-color;\n\n                span {\n                  text-transform: capitalize;\n                  color: $dark-color;\n                  font-weight: 500;\n                  letter-spacing: 1px;\n                  font-size: 14px;\n                }\n\n                &.active {\n                  background: rgba($primary-color, 0.1);\n                  color: $primary-color;\n                  span {\n                    color: $primary-color;\n                  }\n\n                  .sidebar-submenu {\n                    animation: fadeInLeft 300ms ease-in-out;\n                  }\n                }\n              }\n\n              .sidebar-title {\n                display: block;\n                padding: 20px 0;\n                border-bottom: 1px solid #f3f3f3;\n              }\n\n              > {\n                .sidebar-submenu {\n                  position: fixed;\n                  top: 0px;\n                  height: calc(100vh - 0px);\n                  overflow: auto;\n                  left: 150px;\n                  width: 230px;\n                  background-color: $white;\n                  box-shadow: 0 16px 15px 15px rgba(126, 55, 216, 0.03);\n                  transition: all 0.5s ease-in-out;\n                  display: none;\n                  padding-top: 20px;\n                  z-index: -1;\n\n                  &::-webkit-scrollbar-track {\n                    -webkit-box-shadow: inset 0 0 6px $light-gray;\n                  }\n\n                  &::-webkit-scrollbar {\n                    width: 6px;\n                    height: 8px;\n                  }\n\n                  &::-webkit-scrollbar-thumb {\n                    background-color: rgba($primary-color, 0.15);\n                  }\n\n                  li {\n                    position: relative;\n\n                    label {\n                      &.badge {\n                        left: 68%;\n                        top: 20px;\n                      }\n                    }\n\n                    a {\n                      padding: 15px 15px 15px 40px;\n                      display: block;\n                      position: relative;\n                      border-bottom: 1px solid #f1f1f1;\n\n                      .sub-arrow {\n                        display: none;\n                      }\n\n                      .according-menu {\n                        position: absolute;\n                        right: 20px;\n                        top: 16px;\n                      }\n\n                      &.active {\n                        background-color: rgba($primary-color, 0.1);\n                        color: $primary-color;\n                        transition: all 0.3s ease;\n                      }\n                    }\n\n                    .sidebar-submenu {\n                      display: block;\n                      height: auto;\n                      position: unset;\n                      padding: 0;\n                      padding-left: 20px;\n                      transition: all 0.5s ease;\n                      box-shadow: unset;\n\n                      li {\n                        a {\n                          &.active {\n                            background-color: $transparent-color;\n                          }\n                        }\n                      }\n                    }\n                  }\n\n                  >li {\n                    >a {\n                      &::after {\n                        position: absolute;\n                        content: \"\";\n                        left: 20px;\n                        top: 48%;\n                        width: 8px;\n                        border-top: 2px solid rgba($theme-body-sub-title-color, 0.4);\n                      }\n                    }\n                  }\n\n                  .mega-box {\n                    flex: 0 0 100%;\n                    max-width: 100%;\n                    padding: 0;\n\n                    .link-section {\n                      text-align: left;\n\n                      .submenu-title {\n                        h5 {\n                          position: relative;\n                          font-size: 14px;\n                          font-weight: 400;\n                          padding: 15px 15px 15px 40px;\n                          letter-spacing: 1px;\n                          margin-bottom: 0;\n\n                          &::after {\n                            position: absolute;\n                            content: \"\";\n                            left: 20px;\n                            top: 48%;\n                            width: 6px;\n                            border-top: 2px solid #595c60;\n                          }\n                        }\n                      }\n                    }\n                  }\n\n                }\n              }\n            }\n\n            .sidebar-list {\n              position: relative;\n\n              .badge {\n                position: absolute;\n                left: 50%;\n                top: 10px;\n                font-weight: 500;\n                font-size: 9px;\n                margin-bottom: 0;\n              }\n\n              .sidebar-link {\n                text-align: center;\n\n                svg {\n                  margin: 0 auto 6px;\n                  width: 24px;\n                  height: 24px;\n                }\n\n                >span {\n                  display: block;\n                  font-weight: 500;\n                  letter-spacing: 1px;\n                  font-size: 14px;\n                  word-break: break-word;\n                }\n\n                .according-menu {\n                  display: none;\n                }\n              }\n            }\n          }\n        }\n\n        &.close_icon {\n          transform: translateX(-150px);\n\n          ~.page-body,\n          ~.footer {\n            margin-left: 0px;\n          }\n        }\n      }\n    }\n\n    &.compact-small {\n      &.material-icon {\n        .header-wrapper {\n          .search-full {\n            .form-group {\n              .close-search {\n                top: 25px;\n              }\n            }\n          }\n\n          .left-header {\n            h6 {\n              span.font-primary {\n                color: $warning-color !important;\n              }\n            }\n\n            a {\n              color: $warning-color;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // compact sidebar css\n  &.compact-sidebar {\n    .page-body-wrapper {\n      .sidebar-links {\n        .sidebar-list {\n          &:hover {\n            i {\n              &.fa-thumbtack {\n                right: 20px;\n\n                [dir=\"rtl\"] & {\n                  right: unset;\n                  left: 20px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // compact small css\n  &.compact-small {\n\n    .toggle-sidebar {\n      position: relative;\n      right: unset;\n      top: unset;\n      margin-right: 15px;\n    }\n\n    .sidebar-list {\n\n      i.fa-solid.fa-thumbtack {\n        visibility: hidden;\n        position: absolute;\n        top: 8px;\n        right: 22px;\n        color: $primary-color;\n        width: 20px;\n        height: 20px;\n        background-color: rgba($primary-color, 0.1);\n        border-radius: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n\n        [dir=\"rtl\"] & {\n          left: 22px;\n          right: unset;\n        }\n      }\n\n      &:hover {\n        i.fa-solid.fa-thumbtack {\n          visibility: visible;\n        }\n      }\n\n      &.pined,\n      &.pin-title {\n        order: -1;\n      }\n    }\n\n    &.material-icon {\n      .page-body-wrapper {\n        .page-body {\n          .page-title {\n            h4 {\n              color: var(--white);\n            }\n          }\n        }\n      }\n    }\n\n    .sidebar-main-title,\n    .logo-wrapper {\n      display: none;\n    }\n\n    .logo-icon-wrapper {\n      display: block;\n      text-align: center;\n      padding: 27px 30px;\n      box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1);\n    }\n\n    .page-header {\n      margin-left: 90px;\n      width: calc(100% - 90px);\n\n      .header-wrapper {\n        .logo-wrapper {\n          display: none;\n        }\n      }\n\n      &.close_icon {\n        margin-left: 0;\n        width: calc(100% - 0px);\n      }\n    }\n\n    .page-body-wrapper {\n      .page-body {\n        margin-left: 90px;\n      }\n\n      .footer {\n        margin-left: 90px;\n      }\n\n      div.sidebar-wrapper {\n        >div {\n          width: 90px;\n        }\n\n\n        .sidebar-main {\n\n          .sidebar-links {\n            @media (max-width:420px) {\n              height: calc(100vh - 105px);\n            }\n\n            li {\n              .sidebar-title {\n                display: block;\n                padding: 15px 0;\n              }\n\n              .sidebar-submenu {\n                left: 90px;\n\n                li {\n                  a {\n                    padding: 10px 15px 10px 40px;\n\n                    .sub-arrow {\n                      display: none;\n                    }\n\n                    .according-menu {\n                      top: 11px;\n                    }\n                  }\n                }\n              }\n            }\n\n            .sidebar-list {\n\n              .badge {\n                display: none;\n              }\n\n              .sidebar-link {\n                svg {\n                  margin: 0 auto;\n                  width: 20px;\n                  height: 20px;\n                }\n\n                >span {\n                  display: none;\n                }\n              }\n            }\n\n            .mega-menu {\n              svg {\n                margin: 0 auto;\n              }\n\n              a {\n                >span {\n                  display: none;\n                }\n              }\n\n            }\n          }\n        }\n\n        &.close_icon {\n          transform: translateX(-150px);\n\n          ~.page-body,\n          ~.footer {\n            margin-left: 0px;\n          }\n        }\n      }\n    }\n  }\n\n  // only body css\n  &.only-body {\n    background-color: #f2f0fa;\n\n    .page-body-wrapper {\n      background-color: #f2f0fa;\n\n      .page-body {\n        .page-title {\n          .col-sm-6 {\n            flex: 0 0 100%;\n            max-width: 100%;\n          }\n        }\n      }\n    }\n\n    .page-header {\n      position: relative;\n\n      .header-logo-wrapper {\n        display: none;\n      }\n\n      .header-wrapper {\n        padding: 0 !important;\n\n        .left-header {\n          display: none;\n        }\n\n        .nav-right {\n          position: absolute;\n          right: 60px;\n          top: 58px;\n\n          @media (max-width:991px) {\n            top: 50px;\n          }\n        }\n\n        .search-full {\n          top: 37px;\n          width: calc(100% - 50px);\n          left: 25px;\n\n          [dir=\"rtl\"] & {\n            left: unset;\n            right: 25px;\n          }\n\n          .form-group {\n            .Typeahead {\n              .u-posRelative {\n                background-color: $white;\n                border-radius: 15px;\n              }\n            }\n          }\n\n          .Typeahead-menu {\n            top: 78px;\n            width: calc(100% - 30px);\n            margin: 0 auto;\n            right: 0;\n          }\n        }\n      }\n    }\n\n    .page-body-wrapper {\n      .page-title {\n        padding-top: 20px;\n        padding-bottom: 20px;\n      }\n    }\n\n    .sidebar-wrapper,\n    footer {\n      display: none;\n    }\n\n    .page-body-wrapper {\n      .page-body {\n        margin-top: 0px;\n        min-height: calc(100vh - 0px);\n      }\n\n      .page-title {\n        padding-left: 30px;\n        padding-right: 30px;\n        margin: 30px 0;\n        border-radius: 15px;\n\n        @media (max-width: 991.98px) {\n          padding-left: 20px;\n          padding-right: 20px;\n          margin: 20px 0;\n        }\n\n        >.row {\n          .col-6 {\n            flex: 0 0 100%;\n            max-width: 100%;\n          }\n        }\n\n        .breadcrumb {\n          margin-top: 5px;\n          justify-content: flex-start;\n        }\n      }\n    }\n  }\n\n  // modern css\n  &.modern-type {\n    .progress-chart-wrap {\n      margin-left: -22px;\n\n      [dir=\"rtl\"] & {\n        margin-left: unset;\n        margin-right: -22px;\n      }\n    }\n\n    .ecommerce-widget {\n      border: 1px solid lighten($primary-color, 22%) !important;\n    }\n\n    .file-sidebar .pricing-plan {\n      border: 1px solid lighten($primary-color, 22%) !important;\n    }\n\n    .alert-primary {\n      color: $primary-color;\n    }\n\n    .project-box {\n      background-color: lighten($primary-color, 22%);\n    }\n\n    .nav-tabs .nav-link.active {\n      background-color: transparent;\n    }\n\n    .simplebar-mask {\n      top: 10px;\n    }\n\n    .page-header {\n      margin-left: 0px;\n      width: calc(100% - 0px);\n\n      &.close_icon {\n        margin-left: 0px;\n        width: calc(100% - 0px);\n      }\n\n      .header-wrapper {\n        .left-header {\n          width: 30%;\n\n          @media (max-width:1428px) and (min-width:1200px) {\n            width: 37%;\n          }\n\n          @media (max-width:818px) {\n            width: 36%;\n          }\n        }\n\n        .nav-right {\n          @media (max-width:1669px) {\n            width: 50%;\n          }\n\n          @media (max-width:1428px) and (min-width:1200px) {\n            width: 40%;\n          }\n\n          >ul {\n            >li {\n              @media (max-width:864px) and (min-width:811px) {\n                padding: 6px;\n              }\n            }\n          }\n        }\n\n        .header-logo-wrapper {\n          display: flex;\n          align-items: center;\n        }\n\n        .logo-wrapper {\n          display: block;\n          margin-right: 30px;\n        }\n\n        .toggle-sidebar {\n          display: block;\n          position: relative;\n          top: unset;\n          right: unset;\n          margin-right: 15px;\n        }\n      }\n    }\n\n    .page-body-wrapper {\n      .page-title {\n        background-color: transparent;\n        padding-bottom: 0;\n      }\n\n      div.sidebar-wrapper {\n        margin: 30px !important;\n        top: 80px;\n        bottom: 0;\n        border-radius: 15px;\n\n        @media (max-width:991px) {\n          border-radius: 0 15px 15px 0;\n        }\n\n        .logo-wrapper,\n        .logo-icon-wrapper {\n          display: none;\n        }\n\n        .sidebar-main {\n          .sidebar-links {\n            height: calc(100vh - 160px);\n          }\n        }\n\n        &.close_icon {\n          .logo-icon-wrapper {\n            display: none;\n          }\n\n          ~.page-body {\n            margin-left: 0px;\n          }\n\n          ~footer {\n            margin-left: 0px;\n            margin-right: 0px;\n          }\n\n          &:hover {\n            .logo-wrapper {\n              display: none;\n            }\n          }\n        }\n      }\n\n      .page-body {\n        margin-left: 296px;\n\n        .container-fluid {\n          max-width: 1500px;\n        }\n      }\n\n      .footer {\n        margin-left: 360px;\n        margin-right: 70px;\n        border-radius: 10px;\n\n        @media (max-width: 991px) {\n          margin-right: 0;\n          margin-left: 0;\n        }\n      }\n    }\n  }\n\n  // material css\n  &.material-type {\n    position: relative;\n\n    &::before {\n      position: absolute;\n      content: '';\n      left: 0;\n      width: 100%;\n      height: 300px;\n      background-image: $gradient-bg-primary;\n    }\n\n    .card {\n      box-shadow: 0 0 20px rgba($black, 0.05);\n    }\n\n    .page-header {\n      position: relative;\n      max-width: 1560px;\n      margin: 50px auto 0;\n      border-radius: 15px 15px 0 0;\n\n      &.close_icon {\n        .header-wrapper {\n          .nav-right {\n            .nav-menus {\n              .profile-nav {\n                .profile-media {\n                  .flex-grow-1 {\n                    @media (max-width:863px) {\n                      display: none;\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n\n      .header-wrapper {\n        .left-header {\n          width: 31%;\n\n          @media (max-width:1600px) {\n            width: 33%;\n          }\n\n          @media (max-width:1366px) {\n            width: 38%;\n          }\n\n          @media (max-width:1199px) {\n            width: 30%;\n          }\n        }\n\n        .nav-right {\n          @media (max-width:1600px) and (min-width:1008px) {\n            width: 48%;\n          }\n\n          @media (max-width:1007px) {\n            width: 58%;\n          }\n        }\n      }\n    }\n\n    .page-body-wrapper {\n      background-image: url(../images/other-images/boxbg.jpg);\n      background-blend-mode: overlay;\n      background-color: rgba($white, 0.5);\n\n      .sidebar-wrapper {\n\n        position: relative;\n        max-width: 1560px;\n        margin: 0 auto;\n        top: unset;\n        height: 56px;\n      }\n\n      .page-body {\n        margin: 0 auto;\n        max-width: 1560px;\n        background-color: $body-color;\n        box-shadow: 0 0 20px 7px rgba(8, 21, 66, 0.05);\n        border-radius: 0 0 15px 15px;\n      }\n    }\n\n    .footer {\n      margin-top: 40px;\n    }\n\n    &.compact-wrapper {\n      .page-header {\n        .header-wrapper {\n          .left-header {\n            width: 38%;\n          }\n\n          .nav-right {\n            @media (max-width:991px) and (min-width:864px) {\n              width: 55%;\n            }\n\n            @media (max-width:863px) {\n              width: 40%;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  &.advance-layout {\n    background-blend-mode: overlay;\n    background-color: $main-body-color;\n\n    .card {\n      border-radius: 5px;\n      box-shadow: none;\n      border: 1px solid #ecf3fa;\n    }\n\n    .page-header {\n      position: relative;\n      background-color: $white;\n      margin: 0 auto;\n    }\n\n    .page-body-wrapper {\n      background: transparent;\n\n      .sidebar-wrapper {\n        position: relative !important;\n        top: unset !important;\n        height: unset;\n        box-shadow: none;\n        border-top: 1px solid #efefef;\n        border-bottom: 1px solid #efefef;\n\n        >div {\n          overflow-x: hidden;\n        }\n      }\n\n      .page-body {\n        margin-top: 0 !important;\n      }\n    }\n  }\n\n}\n\n@keyframes pagebody {\n  from {\n    opacity: 0;\n    transform: scale3d(0.98, 0.98, 0.98) translate(-20px, -50px);\n  }\n\n  50% {\n    opacity: 1;\n  }\n}\n\n// sidebar filter\n.md-sidebar {\n  position: relative;\n\n  .md-sidebar-toggle {\n    display: none;\n    width: fit-content;\n    text-transform: capitalize;\n    margin-bottom: 20px;\n  }\n}\n\n@media screen and (max-width: 1460px) {\n  .sidebar-wrapper {\n    .sidebar-main {\n      .sidebar-links {\n        .simplebar-wrapper {\n          .simplebar-mask {\n            .simplebar-content-wrapper {\n              .simplebar-content {\n                >li {\n                  margin-right: 8px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n@media screen and (max-width: 1366px) {\n  .profile-dropdown {\n    &.onhover-show-div {\n      right: 0;\n      left: unset !important;\n\n      &:before,\n      &:after {\n        right: 10px !important;\n        left: unset !important;\n      }\n    }\n  }\n}\n\n@media screen and (max-width: 1199px) {\n  .page-wrapper {\n    .page-header {\n      .header-wrapper {\n        .nav-right {\n          >ul {\n            >li {\n              padding: 8px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .mobile-title {\n    &.d-none {\n      display: flex !important;\n      justify-content: space-between;\n      padding: 20px 30px 17px;\n      border-bottom: 1px solid $ps-light-border;\n      ;\n      margin: 0 -15px;\n\n      h5 {\n        color: var(--theme-default);\n      }\n\n      svg {\n        stroke: var(--theme-default) !important;\n      }\n    }\n  }\n}\n\n@media (max-width:1039px) and (min-width:992px) {\n  .page-wrapper {\n    .page-header {\n      .header-wrapper {\n        .nav-right {\n          >ul {\n            >li {\n              padding: 6px;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .page-header {\n    .header-wrapper {\n      .nav-right {\n        .notification-dropdown {\n          top: 46px;\n        }\n      }\n    }\n  }\n\n  .responsive-btn {\n    display: none;\n  }\n\n  .page-wrapper {\n    &.horizontal-wrapper {\n      .page-body-wrapper {\n        .sidebar-main {\n          .sidebar-links {\n            .simplebar-mask {\n              top: 0;\n            }\n\n            .simplebar-wrapper {\n              .simplebar-mask {\n                .simplebar-content-wrapper {\n                  .simplebar-content {\n                    >li {\n                      .sidebar-submenu {\n                        width: 236px;\n                        opacity: 0;\n                        visibility: hidden;\n                        border-radius: 5px;\n                        transition: all 0.5s ease;\n\n                        a {\n                          .sub-arrow {\n                            position: absolute;\n                            right: 20px;\n                            top: 5px;\n                            color: $light-semi-font;\n                            font-weight: 100;\n                            transition: all 0.5s ease;\n                            font-size: 15px;\n                            top: 5px;\n                          }\n                        }\n\n                        li {\n                          .sidebar-submenu {\n                            display: none;\n                            border-radius: 4px;\n                          }\n\n                          &:hover {\n                            .sidebar-submenu {\n                              display: block;\n                              position: absolute;\n                              left: 200px;\n                              background-color: $white;\n                              top: -10px;\n                              padding: 15px 0px 15px 0px;\n                              box-shadow: 0 0 1px 0 #898989;\n                            }\n                          }\n\n                          a {\n                            &:hover {\n                              .sub-arrow {\n                                right: 16px;\n                                transition: all 0.5s ease;\n\n                              }\n                            }\n                          }\n                        }\n                      }\n\n                      &.hoverd {\n                        .sidebar-submenu {\n                          opacity: 1;\n                          visibility: visible;\n                          margin-top: 8px;\n                          transition: all 0.5s ease;\n                        }\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        .toggle-nav {\n          display: none;\n        }\n\n        .mobile-back {\n          display: none !important;\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (min-width: 768px) {\n\n  // material icon css\n  .page-wrapper {\n    &.material-icon {\n      position: relative;\n\n      &::before {\n        position: absolute;\n        content: '';\n        left: 0;\n        width: 100%;\n        height: 200px;\n        background: $gradient-bg-primary;\n      }\n\n      .toggle-sidebar {\n        color: rgba($white, 0.8);\n\n        &:hover {\n          >svg {\n            color: $white !important;\n            stroke: $white !important;\n          }\n        }\n      }\n\n      .page-header {\n        position: relative;\n        background: transparent;\n        padding-left: 90px;\n        max-width: 1660px;\n        margin: 0 auto;\n        width: calc(100% - 0px);\n        box-shadow: none;\n\n        .f-light {\n          color: $white;\n        }\n\n        .header-wrapper {\n          .nav-right {\n            ul {\n              li {\n                svg {\n                  stroke: $white;\n                }\n\n                .profile-dropdown {\n                  li {\n                    svg {\n                      stroke: $theme-body-font-color;\n                    }\n                  }\n                }\n              }\n            }\n\n            >ul {\n              >li {\n                color: $white;\n\n                .notification-box,\n                .cart-box {\n                  svg {\n                    stroke: $white;\n                  }\n                }\n\n                >a {\n                  >svg {\n                    stroke: $white;\n                  }\n                }\n\n                >svg {\n                  stroke: $white;\n                }\n              }\n            }\n\n            .language-nav {\n              .more_lang {\n                color: $theme-body-font-color;\n              }\n            }\n\n            .onhover-show-div {\n              color: $theme-body-font-color;\n            }\n\n            &.right-header {\n              ul {\n                li {\n                  .profile-media {\n                    .flex-grow-1 {\n                      p {\n                        color: rgba($white, 0.7);\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        &.close_icon {\n          padding-left: 0;\n          margin: 0 auto !important;\n        }\n      }\n\n      .page-body-wrapper {\n        .page-body {\n          margin-top: 0 !important;\n          padding-left: 90px;\n          max-width: 1660px;\n          margin: 0 auto;\n        }\n\n        div.sidebar-wrapper {\n          &.close_icon {\n            ~.page-body {\n              padding-left: 15px;\n              margin: 0 auto !important;\n            }\n          }\n        }\n\n        .page-title {\n          color: $white;\n          background-color: transparent;\n          border-bottom: none;\n          box-shadow: none;\n\n          .breadcrumb {\n            .breadcrumb-item {\n              a {\n                svg {\n                  stroke: $white;\n                }\n              }\n\n              &.active {\n                color: rgba($white, 0.6);\n              }\n\n              +.breadcrumb-item {\n                &::before {\n                  color: rgba($white, 0.8);\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (min-width: 992px) {\n\n  // material icon css\n  .page-wrapper {\n    &.material-icon {\n      &::before {\n        height: 240px;\n      }\n    }\n  }\n}\n\n@media screen and (max-width: 767px) {\n  .sidebar-wrapper {\n    .menu {\n      .brand-logo {\n        img {\n          width: 120px;\n        }\n      }\n    }\n  }\n}\n\n@media screen and (max-width: 576px) {\n  .toggle-nav {\n    i {\n      font-size: 20px;\n    }\n  }\n}\n/**==sidebar-css==**/\n/**=====================\n  5.7 Sidebar CSS Ends\n==========================**/","/**=====================\n    5.8 Rtl CSS Start\n==========================**/\nhtml[dir=\"rtl\"] {\n  ul {\n    padding-right: 0;\n  }\n\n  dl {\n    dd {\n      margin-left: unset;\n      margin-right: 0;\n    }\n  }\n\n  .ms-auto {\n    margin-left: unset !important;\n    margin-right: auto !important;\n  }\n\n  .slider-wrapper {\n    direction: ltr;\n  }\n\n  .f-right {\n    float: left;\n  }\n\n  .ps-1 {\n    padding-left: unset !important;\n    padding-right: .25rem;\n  }\n\n  .ps-2 {\n    padding-left: unset !important;\n    padding-right: .5rem;\n  }\n\n  .tap-top {\n    right: unset;\n    left: 30px;\n  }\n\n  .pe-sm-3 {\n    @media(min-width: 576px) {\n      padding-right: unset !important;\n      padding-left: 1rem !important;\n    }\n  }\n\n  .card-wrapper {\n    ol {\n      padding-left: 40px;\n      padding-right: 32px;\n    }\n  }\n\n  .offcanvas {\n    .offcanvas-header {\n      .btn-close {\n        margin: calc(-.5 * var(--bs-offcanvas-padding-y)) auto calc(-.5 * var(--bs-offcanvas-padding-y)) calc(-.5 * var(--bs-offcanvas-padding-x));\n      }\n    }\n  }\n\n  .papernote-wrap {\n    .note-labels {\n      ul {\n        gap: 9px;\n      }\n    }\n  }\n\n  blockquote {\n    border-right: $blockquote-border;\n    border-left: unset;\n  }\n\n  .figure {\n    &.text-end {\n      blockquote {\n        border-right: none;\n        border-left: $blockquote-border !important;\n      }\n    }\n  }\n\n  .form-check-inline {\n    margin-right: unset;\n    margin-left: 1rem;\n  }\n\n  .knowledgebase-search {\n    .form-inline {\n      svg {\n        left: unset;\n        right: 20px;\n      }\n    }\n  }\n\n  .switch-showcase {\n    .form-check {\n      .form-check-input {\n        float: left;\n      }\n    }\n  }\n\n  .alert {\n    &.notify-alert {\n      &.alert-theme {\n        left: 20px !important;\n        right: unset !important;\n      }\n    }\n  }\n\n  .pill-input-group span {\n    &:last-child {\n      border-top-right-radius: unset !important;\n      border-bottom-right-radius: unset !important;\n      border-top-left-radius: 1.3rem !important;\n      border-bottom-left-radius: 1.3rem !important;\n    }\n\n    &:first-child {\n      border-top-left-radius: unset !important;\n      border-top-right-radius: unset !important;\n      border-top-right-radius: 1.3rem !important;\n      border-bottom-right-radius: 1.3rem !important;\n    }\n  }\n\n  /*======= All-Borders-color css starts  ======= */\n\n  $b-name: primary,\n    secondary,\n    success,\n    danger,\n    info,\n    light,\n    dark,\n    warning;\n  $b-color: $primary-color,\n    $secondary-color,\n    $success-color,\n    $danger-color,\n    $info-color,\n    $light-color,\n    $dark-color,\n    $warning-color;\n\n  @each $var in $b-name {\n    $i: index($b-name, $var);\n\n    .b-l-#{$var} {\n      border-right: 1px solid nth($b-color, $i) !important;\n      border-left: unset !important;\n    }\n\n    .border-l-#{$var} {\n      border-right: 1px solid nth($b-color, $i) !important;\n      border-left: unset !important;\n    }\n\n    .b-r-#{$var} {\n      border-left: 1px solid nth($b-color, $i) !important;\n      border-right: unset !important;\n    }\n\n    .border-r-#{$var} {\n      border-left: 1px solid nth($b-color, $i) !important;\n      border-right: unset !important;\n    }\n  }\n\n  /*======= All-Borders-color css ends  ======= */\n\n  /*====== Border width css starts ======*/\n  $i: 1;\n\n  @while $i<=10 {\n    .border-#{$i} {\n      border-width:#{$i}px !important;\n    }\n\n    $i: $i+1;\n  }\n\n  /*====== Border width css ends ======*/\n\n\n  .page-wrapper {\n    &.compact-wrapper {\n      .page-body-wrapper {\n        .sidebar-wrapper {\n          text-align: right;\n\n          .toggle-sidebar {\n            right: unset;\n            left: 30px;\n          }\n\n          .sidebar-main .sidebar-links {\n            padding: 0;\n\n            .simplebar-wrapper {\n              .simplebar-mask {\n                .simplebar-content-wrapper {\n                  .simplebar-content {\n                    >li .badge {\n                      left: 45px !important;\n                      right: unset !important;\n                    }\n                  }\n                }\n              }\n            }\n          }\n\n          &.close_icon {\n            margin-right: 0;\n            margin-left: unset;\n\n            .logo-icon-wrapper {\n              text-align: left;\n            }\n\n            ~.page-body,\n            ~footer {\n              margin-left: 0;\n              margin-right: 78px;\n              transition: 0.5s;\n            }\n\n            .sidebar-main {\n              .sidebar-links {\n                .simplebar-wrapper {\n                  .simplebar-mask {\n                    .simplebar-content-wrapper {\n                      .simplebar-content {\n                        >li {\n                          a {\n                            svg {\n                              margin-left: 0;\n                            }\n                          }\n                        }\n                      }\n                    }\n                  }\n                }\n\n                .sidebar-list {\n                  .sidebar-title {\n                    &.active {\n                      ~.sidebar-submenu {\n                        display: none !important;\n                      }\n                    }\n                  }\n                }\n              }\n            }\n\n            .according-menu {\n              display: none;\n            }\n\n            &:hover {\n              .sidebar-main {\n                .sidebar-links {\n                  .simplebar-wrapper {\n                    .simplebar-mask {\n                      .simplebar-content-wrapper {\n                        .simplebar-content {\n                          >li {\n                            a {\n                              svg {\n                                margin-left: 13px;\n                              }\n                            }\n                          }\n                        }\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n\n          &:hover {\n            transform: translate(0px);\n\n            .sidebar-main {\n              .sidebar-links {\n                .sidebar-list {\n                  .sidebar-title {\n                    &.active {\n                      ~.sidebar-submenu {\n                        display: block !important;\n                      }\n                    }\n                  }\n                }\n\n                .simplebar-wrapper {\n                  .simplebar-mask {\n                    .simplebar-content-wrapper {\n                      .simplebar-content {\n                        >li {\n                          a {\n                            svg {\n                              float: none;\n                            }\n                          }\n                        }\n                      }\n                    }\n                  }\n                }\n              }\n            }\n\n            .according-menu {\n              display: block;\n            }\n          }\n\n          .sidebar-main {\n            .sidebar-links {\n              .simplebar-wrapper {\n                .simplebar-mask {\n                  .simplebar-content-wrapper {\n                    .simplebar-content {\n                      >li {\n                        .sidebar-submenu {\n                          &:after {\n                            right: 30px;\n                            left: unset;\n                          }\n\n                          >li {\n                            a {\n                              padding-right: 52px !important;\n                              padding-left: unset !important;\n\n                              &:after {\n                                right: 26px;\n                                left: unset;\n                              }\n                            }\n                          }\n                        }\n\n                        .sidebar-link {\n                          &::after {\n                            border-radius: 0px 5px 5px 0px;\n                          }\n                        }\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        .page-body {\n          margin-left: unset;\n          margin-right: 265px;\n        }\n\n        .sidebar-wrapper {\n\n          .sidebar-main {\n            .sidebar-links {\n              .simplebar-wrapper {\n                .simplebar-mask {\n                  .simplebar-content-wrapper {\n                    .simplebar-content {\n                      >li {\n                        a {\n                          svg {\n                            margin-right: unset;\n                            margin-left: 10px;\n                          }\n                        }\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        .according-menu {\n          right: unset;\n          left: 15px;\n\n          i {\n            transform: scaleX(-1);\n          }\n        }\n      }\n\n    }\n\n    &.close_icon {\n      .page-body-wrapper {\n        .page-body {\n          margin-right: 78px;\n        }\n      }\n    }\n\n    &.only-body {\n      .page-header {\n        .header-wrapper {\n          .nav-right {\n            right: unset;\n            left: 60px;\n          }\n        }\n      }\n    }\n  }\n\n  // task page\n  .date-details {\n    >div {\n      +div {\n        margin-left: unset;\n        margin-right: 10px;\n      }\n    }\n  }\n\n  // Datepicker\n  .datepickers-container {\n    .datepicker--nav {\n      .datepicker--nav-action {\n        svg {\n          transform: scaleX(-1);\n        }\n      }\n    }\n  }\n\n  // Toasts\n  .default-toasts {\n    .toast-dark {\n      .form-select {\n        padding: 6px 12px 6px 36px !important;\n      }\n    }\n  }\n\n  .animated-toast {\n    &.end-0 {\n      right: unset !important;\n      left: 0 !important;\n\n      .toast-header {\n        h6 {\n          margin-right: unset !important;\n          margin-left: auto !important;\n        }\n      }\n\n      .btn-close {\n        margin-left: unset;\n        margin-right: 12px;\n      }\n    }\n  }\n\n  // contact page css\n  .contact-editform {\n    padding-right: 20px !important;\n\n    &.ps-0 {\n      padding-inline: 30px !important;\n\n      @media (max-width:767.98px) {\n        padding-inline: 20px !important;\n      }\n    }\n  }\n\n  .contacts-tabs {\n    .nav-pills {\n      border-right: unset;\n      border-left: 1px solid $light-color;\n    }\n  }\n\n  .list-persons {\n    .profile-mail {\n      .email-general {\n        ul {\n          padding-right: unset;\n          padding-left: 20px;\n        }\n      }\n\n      .d-flex {\n        .flex-grow-1 {\n          ul {\n            li {\n              +li {\n                padding-left: unset;\n                padding-right: 10px;\n                margin-left: unset;\n                margin-right: 5px;\n                border-left: unset;\n                border-right: 1px solid $light-color;\n              }\n            }\n          }\n\n          .main-contact-option {\n            li {\n              +li {\n                padding-inline: 12px;\n                margin-left: unset;\n                margin-right: 5px;\n                border-left: unset;\n                border-right: 1px solid rgba($gray-60, 0.6);\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .history-details {\n    i {\n      transform: scale(-1);\n    }\n  }\n\n  // Common form floating\n  .form-floating {\n    >label {\n      left: unset;\n      right: 0;\n    }\n  }\n\n  // file manager css\n  .file-content {\n    .form-inline {\n      i {\n        padding-right: unset;\n        padding-left: 10px;\n      }\n    }\n  }\n\n  .file-sidebar {\n    .btn {\n      svg {\n        margin-right: unset;\n        margin-left: 8px;\n      }\n    }\n  }\n\n  // Modal\n  .modal {\n    .modal-toggle-wrapper {\n      .btn {\n        svg {\n          transform: scaleX(-1);\n        }\n      }\n    }\n  }\n\n  // Jobs\n  .job-filter {\n    .faq-form {\n      .form-control {\n        padding: 6px 6px 6px 30px;\n      }\n    }\n  }\n\n  // projects page css\n  .create-project-form {\n    .bootstrap-select {\n      .filter-option {\n        .filter-option-inner-inner {\n          text-align: right;\n        }\n      }\n\n      .dropdown-toggle {\n        &::after {\n          right: unset;\n          left: 10px;\n        }\n      }\n    }\n  }\n\n  [class*=\"title-line-\"] {\n    &::before {\n      left: unset;\n      right: 0;\n      border-radius: 10px 0px 0px 10px;\n    }\n  }\n\n  // Common BS Select picker\n  .bootstrap-select {\n    .dropdown-toggle {\n      &::after {\n        left: 10px;\n        right: unset;\n      }\n    }\n\n    .filter-option {\n      float: right;\n      text-align: right;\n    }\n\n    .dropdown-menu {\n      li {\n        text-align: right !important;\n      }\n\n      .inner {\n        li {\n          a {\n            .check-mark {\n              right: unset;\n              left: 15px;\n            }\n\n            .text {\n              margin-right: unset;\n              margin-left: 34px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // Project List\n  .projects-wrapper {\n    [class*='title-line-'] {\n      &::before {\n        left: unset;\n        right: 12px;\n      }\n    }\n  }\n\n  .project-tabs {\n    .nav {\n      i {\n        margin-left: 10px;\n        margin-right: unset;\n      }\n    }\n\n    &.common-space {\n      .nav-tabs {\n        .nav-item {\n          .nav-link {\n\n            svg {\n              margin-left: unset;\n              margin-left: 5px;\n            }\n          }\n\n          @media (min-width:576px) {\n            &:first-child {\n              .nav-link {\n                padding-right: 0;\n                padding-left: 25px;\n              }\n            }\n\n            &:last-child {\n              .nav-link {\n                padding-left: 0;\n                padding-right: 25px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // Project timeline\n  .project-timeline {\n    .notification {\n      ul {\n        li {\n          span {\n            .activity-profile {\n              border-left: unset;\n              border-right: 1px solid rgba($badge-light-color, 20%);\n              padding-left: unset;\n              padding-right: 10px;\n              margin-left: unset;\n              margin-right: 10px;\n\n              img {\n                margin-right: unset;\n                margin-left: 6px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .project-budget-wrapper {\n    .form-check {\n      &.form-switch {\n        padding: 0;\n      }\n\n      .form-check-input {\n        margin: 0;\n      }\n    }\n  }\n\n  .overall-budget {\n    &.recent-table {\n      table {\n\n        thead,\n        tbody {\n          tr {\n\n            th,\n            td {\n              &:first-child {\n                padding-right: 20px !important;\n                padding-left: unset !important;\n              }\n\n              &:last-child {\n                padding-left: 20px !important;\n                padding-right: unset !important;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .user-comment-wrapper {\n    li {\n      .flex-grow-1 {\n        .btn {\n          svg {\n            transform: scaleX(-1);\n          }\n        }\n      }\n\n      +li {\n        margin-right: 46px;\n        margin-left: unset;\n      }\n    }\n  }\n\n  .common-project-header {\n    h6 {\n      margin-left: unset;\n      margin-right: -46px;\n\n      @media (max-width:1685px) and (min-width:320px) {\n        margin-right: -54px;\n        margin-left: unset;\n      }\n\n      @media (max-width:644px) {\n        margin-right: 0;\n        margin-left: unset;\n      }\n    }\n\n    .common-align {\n      &:last-child {\n        .common-align {\n          li {\n            svg {\n              margin-right: unset;\n              margin-left: 6px;\n            }\n\n            &:first-child {\n              padding-right: unset;\n              padding-left: 15px;\n            }\n\n            +li {\n              border-right: 1px solid rgba($badge-light-color, 80%);\n              border-left: unset;\n              padding-right: 15px;\n              padding-left: unset;\n            }\n\n            @media (max-width:435px) {\n\n              &:first-child {\n                padding-left: 0px;\n                padding-right: unset;\n              }\n\n              +li {\n                border-right: unset;\n                padding-right: 0;\n                padding-left: unset;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .activity-wrapper {\n    .tab-content {\n      .activity-update {\n        >li {\n          border-right: 3px solid rgba($badge-light-color, 20%);\n          border-left: unset;\n\n          .flex-grow-1 {\n            margin-left: unset;\n            margin-right: 10px;\n          }\n\n          .flex-shrink-0 {\n            text-align: start;\n\n            svg {\n              margin-right: unset;\n              margin-left: 6px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .cmt-box {\n    i {\n      transform: scaleX(-1);\n    }\n  }\n\n  // Project pending\n  .project-pending-table {\n    &.recent-table {\n      div.dt-container {\n        .dt-layout-row {\n          .dt-search {\n            @media (min-width:641px) {\n              left: 55px !important;\n              right: unset !important;\n            }\n          }\n        }\n      }\n\n      table {\n\n        thead,\n        tbody {\n          tr {\n\n            th,\n            td {\n\n              &:first-child {\n                padding-right: 20px;\n                padding-left: unset;\n              }\n\n              &:last-child {\n                padding-left: 20px;\n                padding-right: unset;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n\n  .project-list {\n    .btn {\n      float: left;\n      margin-right: unset;\n      margin-left: 5px;\n    }\n\n    ul {\n      li {\n        svg {\n          margin-right: unset;\n          margin-left: 5px;\n        }\n      }\n    }\n  }\n\n  .main-scope-project {\n    .scope-bottom-wrapper {\n      .sidebar-left-icons {\n        .nav-item {\n          &::before {\n            left: unset;\n            right: 38px;\n\n            @media (max-width:1839px) and (min-width:1661px) {\n              left: unset;\n              right: 30px;\n            }\n\n            @media (max-width:1660px) and (min-width:1400px) {\n              left: unset;\n              right: 35px;\n            }\n\n            @media (max-width:1399px) and (min-width:320px) {\n              left: unset;\n              right: 30px;\n            }\n          }\n\n          .nav-link {\n            padding: 12px 8px 12px 0;\n\n            &.active {\n              background: linear-gradient(-90deg, #1C1B20 -175.57%, rgba(57, 73, 171, 0) 65.16%);\n\n              .absolute-border {\n                &::before {\n                  left: unset;\n                  right: 0;\n                }\n\n                &::after {\n                  left: unset;\n                  right: -8px;\n                  border-top-right-radius: unset;\n                  border-bottom-right-radius: unset;\n                  border-top-left-radius: 7px;\n                  border-bottom-left-radius: 7px;\n                  transform: translate(50%, -50%);\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .form-select {\n    background-position: left 0.75rem center;\n    padding: .375rem .75rem .375rem 2.25rem;\n  }\n\n  .customers {\n    ul {\n      li {\n        +li {\n          margin-left: unset;\n          margin-right: -10%;\n        }\n      }\n    }\n  }\n\n  .project-list {\n    .border-tab {\n      &.nav-tabs {\n        .nav-item {\n          .nav-link {\n            padding: 5px 0 5px 30px;\n          }\n        }\n      }\n    }\n  }\n\n  .project-box {\n    .badge {\n      right: unset;\n      left: 30px;\n    }\n  }\n\n  // seller details \n  .seller-details-wrapper {\n    .accordion {\n      .accordion-item {\n        .accordion-button {\n          &::after {\n            margin-left: unset;\n            margin-right: auto;\n          }\n        }\n      }\n    }\n  }\n\n\n  // kanban board css\n  .jkanban-container {\n    .kanban-container {\n      .kanban-board {\n        footer {\n          margin: 0;\n        }\n      }\n    }\n  }\n\n  .kanban-board {\n    float: right;\n  }\n\n  .kanban-item {\n    .kanban-box {\n      .customers {\n        ul {\n          li {\n            +li {\n              margin-left: unset;\n              margin-right: -10px;\n            }\n          }\n        }\n      }\n    }\n\n    .list {\n      li {\n        i {\n          margin-right: unset;\n          margin-left: 10px;\n        }\n      }\n    }\n  }\n\n  //horizontal-sidebar\n  .page-wrapper {\n    &.horizontal-wrapper {\n      .header-logo-wrapper {\n        text-align: right;\n      }\n\n      .page-body-wrapper {\n        .page-body {\n          margin-right: 0;\n        }\n\n        footer {\n          margin-right: 0;\n        }\n      }\n    }\n\n    &.material-type {\n      .page-body-wrapper {\n        .page-body {\n          margin-right: auto;\n        }\n      }\n    }\n  }\n\n  .page-header {\n    .header-wrapper {\n      .nav-right {\n        >ul {\n          >li {\n            &:first-child {\n              margin-right: 0;\n            }\n          }\n        }\n\n        &.right-header {\n          ul {\n            li {\n              .profile-media {\n                .flex-grow-1 {\n                  margin-right: 15px;\n                  margin-left: unset;\n                }\n              }\n            }\n          }\n        }\n      }\n\n      .toggle-sidebar {\n        margin-left: 2px;\n        margin-right: unset;\n      }\n    }\n  }\n\n  // compact icon css\n  .page-wrapper {\n    .page-header {\n      .header-wrapper {\n        .nav-right {\n          .notification-dropdown {\n            left: -20px !important;\n            right: unset !important;\n\n            @media (max-width: 575.98px) {\n              left: 12px !important;\n            }\n          }\n        }\n\n        .search-full {\n          input {\n            padding-left: unset;\n            padding-right: 60px;\n            text-align: right;\n          }\n\n          .form-group {\n            &:before {\n              left: unset;\n              right: 30px;\n            }\n\n            .close-search {\n              right: unset;\n              left: 0;\n            }\n          }\n        }\n      }\n    }\n\n    &.compact-sidebar {\n      .toggle-sidebar {\n        margin-left: 15px;\n        margin-right: unset;\n      }\n\n      .page-header {\n        margin-left: unset;\n        margin-right: 150px;\n\n        &.close_icon {\n          margin-right: 0;\n        }\n      }\n\n      .page-body-wrapper {\n        .page-body {\n          margin-left: unset;\n          margin-right: 150px;\n        }\n\n        .footer {\n          margin-left: unset;\n          margin-right: 150px;\n        }\n\n        div.sidebar-wrapper {\n          >div {\n            text-align: right;\n          }\n\n          .sidebar-main {\n\n            .sidebar-links {\n              li {\n                > {\n                  .sidebar-submenu {\n                    li {\n                      a {\n                        padding: 15px 40px 150px 15px;\n                      }\n\n                      .sidebar-submenu {\n                        padding-left: unset;\n                        padding-right: 20px;\n                      }\n                    }\n                  }\n                }\n\n                a {\n                  &.active {\n\n                    ~.sidebar-submenu {\n                      animation: fadeInRight 1000ms ease-in-out;\n                    }\n                  }\n                }\n\n                .sidebar-submenu {\n                  right: 150px;\n                  left: unset;\n\n                  li {\n                    a {\n                      padding: 15px 40px 15px 15px;\n\n                      .according-menu {\n                        right: unset;\n                        left: 20px;\n                        transform: scaleX(-1);\n                      }\n\n                    }\n                  }\n\n                  >li {\n                    >a {\n                      &::after {\n                        left: unset;\n                        right: 20px;\n                      }\n                    }\n                  }\n                }\n              }\n\n\n              .sidebar-list {\n\n                .badge {\n                  left: unset;\n                  right: 53%;\n                }\n\n                .sidebar-link {\n                  text-align: center;\n                }\n              }\n            }\n          }\n\n          &.close_icon {\n            transform: translateX(150px);\n\n            ~.page-body,\n            ~.footer {\n              margin-right: 0px;\n            }\n          }\n        }\n      }\n    }\n\n    &.compact-small {\n      .page-header {\n        margin-right: 90px;\n      }\n\n      .page-body-wrapper {\n        div.sidebar-wrapper {\n          .sidebar-main {\n            .sidebar-links {\n              li {\n\n                .sidebar-submenu {\n                  right: 90px;\n                }\n              }\n            }\n          }\n        }\n\n        .footer,\n        .page-body {\n          margin-right: 90px;\n        }\n      }\n    }\n\n    &.material-icon {\n      .page-header {\n        padding-left: unset;\n        padding-right: 90px;\n        margin: 0 auto;\n\n        &.close_icon {\n          padding-right: 0;\n        }\n      }\n\n      .page-body-wrapper {\n        .page-body {\n          padding-left: 15px;\n          padding-right: 90px;\n          margin: 0 auto;\n        }\n\n        div.sidebar-wrapper {\n          &.close_icon {\n            ~.page-body {\n              padding-right: 15px;\n              margin: 0 auto !important;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .apexcharts-canvas {\n    direction: ltr;\n  }\n\n  // bookmark app css\n\n  .email-wrap {\n    .btn-mail {\n      text-align: right;\n    }\n\n    .email-app-sidebar {\n      ul {\n        li {\n          a {\n            padding-left: unset;\n            padding-right: 20px;\n          }\n        }\n      }\n    }\n  }\n\n  .bookmark-tabcontent {\n    .details-bookmark {\n      .bookmark-card {\n        &.card {\n          .favourite-icon {\n            text-align: center;\n          }\n\n          .title-bookmark {\n            text-align: right;\n          }\n        }\n      }\n    }\n  }\n\n  .bookmark-wrap {\n    .main-bookmark {\n      .filter-option {\n        float: right;\n        text-align: right;\n      }\n\n      .dropdown-menu {\n        .dropdown-item {\n          text-align: right;\n        }\n      }\n    }\n\n    .details-bookmark {\n      .row {\n        >div {\n          +div {\n            padding-left: 15px !important;\n          }\n        }\n      }\n    }\n  }\n\n  // index page css start\n  .appointment-table {\n    table {\n      tr {\n        td {\n          .status-circle {\n            left: unset;\n            right: 35px;\n          }\n        }\n      }\n    }\n  }\n\n  .notification {\n    .card {\n      .d-flex {\n        .w-100 {\n          p {\n            .badge {\n              margin-left: unset;\n              margin-right: 10px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // Common Table\n  .datatable-init,\n  .datatable-advance-wrapper,\n  .datatable-api-wrapper,\n  .data-source-wrapper,\n  .autofill-data-tables,\n  .support-ticket-table {\n    div.dt-container {\n      &.dt-bootstrap5 {\n        .row {\n          >div[class^='col-'] {\n            &:first-child {\n              margin-left: auto;\n              margin-right: unset !important;\n\n              .form-select {\n                margin-right: unset;\n                margin-left: 0.5em;\n              }\n            }\n          }\n        }\n\n        .dt-column-order {\n          right: unset;\n          left: 12px;\n        }\n      }\n    }\n  }\n\n  // index page css end\n  @each $progress-gradient-name,\n  $progress-gradient-color in (primary, var(--theme-default)),\n  (secondary, $secondary-color),\n  (success, $success-color),\n  (danger, $danger-color),\n  (info, $info-color),\n  (light, $light-color),\n  (dark, $dark-color),\n  (warning, $warning-color) {\n    .progress-gradient-#{$progress-gradient-name} {\n      background-image: linear-gradient(to right, $progress-gradient-color, $transparent-color);\n\n      &::after {\n        right: unset;\n        left: -1px;\n      }\n\n      .animate-circle {\n        right: unset;\n        left: -8px;\n      }\n    }\n  }\n\n  .progress-animate {\n    span {\n      left: -10px;\n      right: unset;\n    }\n  }\n\n  // order history\n  .common-order-history {\n    .form-select {\n      padding: .375rem .75rem .375rem 2.25rem;\n    }\n\n    .order-history-wrapper {\n      .recent-table {\n        div.dt-container {\n          .dt-layout-row {\n            .dt-layout-cell {\n              .dt-search {\n                right: unset;\n                left: -50px;\n\n                @media (max-width:1399px) {\n                  left: unset;\n                  right: 20px;\n                }\n              }\n            }\n\n            .dt-length {\n              right: 20px;\n              left: unset;\n            }\n          }\n        }\n\n        table {\n\n          thead,\n          tbody {\n            tr {\n\n              th,\n              td {\n                &:first-child {\n                  padding-right: 20px;\n                  padding-left: 8px;\n                }\n\n                &:last-child {\n                  padding-left: 20px;\n                  padding-right: 8px;\n                }\n              }\n            }\n          }\n\n          thead {\n            tr {\n              th {\n                &:first-child {\n                  text-align: center !important;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n\n  // ecommerce dashboard css end\n  .me-4 {\n    margin-left: 1.5rem !important;\n    margin-right: unset !important;\n  }\n\n  .pe-4 {\n    padding-left: 1.5rem !important;\n    padding-right: unset !important;\n  }\n\n  .me-1 {\n    margin-left: 0.25rem !important;\n    margin-right: unset !important;\n  }\n\n  .navs-dropdown {\n    .onhover-show-div {\n      right: 0;\n    }\n  }\n\n  .default-according {\n    &.style-1 {\n      button {\n        text-align: right;\n\n        &:before {\n          left: 20px;\n          right: unset;\n\n          @media (max-width: 575px) {\n            left: 15px;\n          }\n        }\n\n        i {\n          right: 18px;\n          left: unset;\n        }\n      }\n    }\n\n    .card {\n      .card-header {\n        i {\n          right: 18px;\n          left: unset;\n        }\n      }\n    }\n  }\n\n  .progress-number {\n    direction: ltr;\n  }\n\n  .faq-wrap {\n    .faq-accordion {\n      .card {\n        .card-header {\n          .btn-link {\n            padding-right: 20px !important;\n\n            @media (max-width: 575.98px) {\n              padding-right: 10px !important;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .ProfileCard-details {\n    padding-right: 30px;\n    padding-left: unset;\n    float: right;\n  }\n\n  .starter-main {\n    .card-body {\n      ul {\n        padding-right: 30px;\n        padding-left: unset;\n      }\n    }\n  }\n\n  .theme-tab {\n    .tab-title {\n      li {\n        a {\n          svg {\n            margin-left: 5px;\n            margin-right: unset;\n          }\n        }\n      }\n    }\n  }\n\n  .spent {\n    .spent-graph {\n      .project-budget {\n        margin-left: 30px;\n        margin-right: unset;\n      }\n    }\n  }\n\n  .support-table {\n    table {\n      tbody {\n        tr {\n          td {\n            &:first-child {\n              padding-right: 0;\n              padding-left: unset;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .img-paypal {\n    margin-right: 15px;\n    margin-left: unset;\n  }\n\n  .cart {\n    .qty-box {\n      .input-group {\n        .btn {\n          border-radius: 0 !important;\n        }\n      }\n    }\n  }\n\n  .product-qnty {\n    fieldset {\n      .input-group {\n        .input-group-prepend {\n          .btn {\n            border-top-right-radius: 0;\n            border-bottom-right-radius: 0;\n          }\n        }\n      }\n    }\n  }\n\n  .grid-options {\n    margin-right: 10px;\n    margin-left: unset;\n\n    ul {\n      li {\n        a {\n          .line-grid-1 {\n            right: 12px;\n            left: unset;\n          }\n\n          .line-grid-2 {\n            right: 18px;\n            left: unset;\n          }\n\n          .line-grid-3 {\n            right: 36px;\n            left: unset;\n          }\n\n          .line-grid-4 {\n            right: 42px;\n            left: unset;\n          }\n\n          .line-grid-5 {\n            right: 48px;\n            left: unset;\n          }\n\n          .line-grid-6 {\n            right: 66px;\n            left: unset;\n          }\n\n          .line-grid-7 {\n            right: 72px;\n            left: unset;\n          }\n\n          .line-grid-8 {\n            right: 78px;\n            left: unset;\n          }\n\n          .line-grid-9 {\n            right: 84px;\n            left: unset;\n          }\n\n          .line-grid-10 {\n            right: 103px;\n            left: unset;\n          }\n\n          .line-grid-11 {\n            right: 109px;\n            left: unset;\n          }\n\n          .line-grid-12 {\n            right: 115px;\n            left: unset;\n          }\n\n          .line-grid-13 {\n            right: 121px;\n            left: unset;\n          }\n\n          .line-grid-14 {\n            right: 127px;\n            left: unset;\n          }\n\n          .line-grid-15 {\n            right: 133px;\n            left: unset;\n          }\n        }\n      }\n    }\n  }\n\n  .product-sidebar {\n    .filter-section {\n      .card {\n        .card-header {\n          h6 {\n            .pull-right {\n              i {\n                left: auto;\n                right: unset;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .collection-filter-block {\n    svg {\n      margin-right: unset;\n      margin-left: 14px;\n      transform: scaleX(-1);\n    }\n  }\n\n  .feature-products {\n    form {\n      .form-group {\n        i {\n          left: 30px;\n          right: unset;\n        }\n      }\n    }\n  }\n\n  .product-wrapper-grid {\n    &.list-view {\n      .product-box {\n        .product-details {\n          text-align: right;\n        }\n      }\n    }\n  }\n\n  .page-wrapper {\n    .page-body-wrapper {\n      .page-title {\n        .breadcrumb {\n          margin-left: unset;\n        }\n      }\n    }\n  }\n\n  .bookmark {\n    ul {\n      li {\n        +li {\n          margin-left: unset;\n          margin-right: 10px;\n        }\n\n        .search-form {\n          .form-control-search {\n            left: -50px;\n            right: unset;\n\n            &:before {\n              right: 50px;\n              left: unset;\n            }\n\n            &:after {\n              right: 20px;\n              left: unset;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .me-0 {\n    margin-left: 0 !important;\n    margin-right: unset !important;\n  }\n\n  .footer {\n    .pull-right {\n      float: none;\n    }\n  }\n\n  .checkbox_animated,\n  .radio_animated {\n    margin: 0 0 0 1rem;\n  }\n\n  .button.remove {\n    left: -10px;\n    right: unset;\n  }\n\n  .code-box-copy__btn {\n    left: 11px;\n    right: unset;\n  }\n\n  ul {\n    &.nav-menus {\n      border-bottom: none;\n    }\n\n    &.notification-dropdown {\n      &.onhover-show-div {\n        li {\n          text-align: right;\n        }\n      }\n    }\n  }\n\n  .badge {\n    +.badge {\n      margin-right: 5px;\n      margin-left: unset;\n    }\n  }\n\n  .m-l-10 {\n    margin-right: 10px !important;\n    margin-left: unset !important;\n  }\n\n  .m-r-20 {\n    margin-left: 20px;\n    margin-right: unset;\n  }\n\n  .m-r-30 {\n    margin-left: 30px;\n    margin-right: unset;\n  }\n\n  .m-r-5 {\n    margin-left: 5px;\n    margin-right: unset;\n  }\n\n  .text-start {\n    text-align: right !important;\n  }\n\n  .m-r-10 {\n    margin-left: 10px;\n    margin-right: unset;\n  }\n\n  .pe-3 {\n    padding-left: 1rem !important;\n    padding-right: unset !important;\n  }\n\n  .p-r-0 {\n    padding-left: 0;\n    padding-right: 15px;\n  }\n\n  .m-l-20 {\n    margin-right: 20px !important;\n    margin-left: unset !important;\n  }\n\n  .ps-3 {\n    padding-right: 1rem !important;\n  }\n\n  .b-r-light {\n    border-left: 1px solid $light-color !important;\n    border-right: unset !important;\n  }\n\n  .float-end {\n    float: left !important;\n  }\n\n  .float-start {\n    float: right !important;\n  }\n\n  .text-end {\n    text-align: left !important;\n  }\n\n  .border-right {\n    border-left: 1px solid #dee2e6 !important;\n    border-right: unset !important;\n  }\n\n  .pe-0 {\n    padding-left: 0 !important;\n    padding-right: 12px !important;\n  }\n\n  .ps-0 {\n    padding-right: 0 !important;\n    padding-left: unset !important;\n  }\n\n  .ms-1 {\n    margin-left: unset !important;\n    margin-right: 0.25rem !important;\n  }\n\n  .owl-carousel {\n    direction: ltr;\n  }\n\n  .swiper {\n    direction: ltr;\n\n    .swiper-wrapper {\n      .swiper-slide {\n        >* {\n          direction: rtl;\n        }\n      }\n    }\n  }\n\n  .btn-group {\n    > {\n\n      .btn:not(:last-child):not(.dropdown-toggle),\n      :not(:last-child)>.btn {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n        border-top-right-radius: 0.25rem;\n        border-bottom-right-radius: 0.25rem;\n      }\n\n      .btn:not(:first-child) {\n        border-top-left-radius: 0.25rem;\n        border-bottom-left-radius: 0.25rem;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n\n      .btn:nth-child(2) {\n        border-radius: 0 !important;\n      }\n    }\n\n    .btn-group> :not(:first-child)>.btn {\n      border-top-left-radius: 0.25rem;\n      border-bottom-left-radius: 0.25rem;\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n\n    .btn+ {\n\n      .btn,\n      .btn-group {\n        margin-right: -1px;\n        border-right: none;\n      }\n    }\n\n    .btn-group+ {\n\n      .btn,\n      .btn-group {\n        margin-right: -1px;\n      }\n    }\n\n    .btn-group-vertical {\n      .btn+ {\n\n        .btn,\n        .btn-group {\n          margin-right: -1px;\n        }\n      }\n\n      .btn-group+ {\n\n        .btn,\n        .btn-group {\n          margin-right: -1px;\n        }\n      }\n    }\n  }\n\n  .me-3 {\n    margin-right: unset !important;\n    margin-left: 1rem !important;\n  }\n\n  .me-5 {\n    margin-left: 3rem !important;\n    margin-right: unset !important;\n  }\n\n  .ms-3 {\n    margin-right: 1rem !important;\n    margin-left: unset !important;\n  }\n\n  .m-r-15 {\n    margin-left: 15px;\n    margin-right: unset;\n  }\n\n  .p-l-0 {\n    padding-left: unset;\n    padding-right: 0px;\n  }\n\n  .ps-4 {\n    padding-right: 1.5rem !important;\n    padding-left: unset !important;\n  }\n\n  .me-2 {\n    margin-left: 0.5rem !important;\n    margin-right: unset !important;\n  }\n\n  .ms-2 {\n    margin-right: 0.5rem !important;\n    margin-left: unset !important;\n  }\n\n  .pe-2 {\n    padding-right: unset !important;\n    padding-left: 0.5rem !important;\n  }\n\n  .alert {\n    text-align: right;\n  }\n\n  .pull-right {\n    float: left;\n  }\n\n  .form-inline {\n    .form-group {\n      margin-left: 15px;\n      margin-right: 0;\n    }\n  }\n\n  .card {\n    text-align: right;\n\n    &.social-profile {\n      text-align: center;\n    }\n\n    .card-header {\n      h5:not(.mb-0) {\n        float: right;\n      }\n\n      span {\n        clear: both;\n      }\n\n      .card-header-right {\n        left: 20px;\n        right: unset;\n\n        .card-option {\n          text-align: left;\n\n          &.list-unstyled {\n            padding-right: 0;\n            padding-left: unset;\n          }\n        }\n      }\n\n      .pull-left {\n        float: right;\n      }\n    }\n\n    &.full-card {\n      left: 0;\n      right: unset;\n    }\n\n    .card-body {\n      .alert {\n        svg {\n          margin-left: 4px;\n          margin-right: unset;\n        }\n      }\n\n      .square {\n        margin-left: 5px;\n        margin-right: unset;\n      }\n    }\n  }\n\n  .explore-card {\n    text-align: left;\n\n    .group-btn {\n      justify-content: flex-end;\n    }\n  }\n\n  .balance-box {\n    text-align: center;\n  }\n\n  .purchase-card {\n    text-align: center;\n  }\n\n  .modal-header {\n    .btn-close {\n      margin: -0.5rem auto -0.5rem -0.5rem;\n    }\n  }\n\n  .modal-footer {\n    > :not(:first-child) {\n      margin-right: .50rem;\n      margin-left: 0;\n    }\n  }\n\n  .form-inline {\n    .form-group {\n      .col-form-label {\n        margin-left: 5px;\n        margin-right: 0;\n      }\n    }\n  }\n\n  .breadcrumb-item {\n    &+.breadcrumb-item {\n      padding-right: 0.5rem;\n      padding-left: unset;\n\n      &::before {\n        padding-left: 0.5rem;\n        padding-right: unset;\n        float: right;\n      }\n    }\n  }\n\n  code[class*=language-],\n  pre[class*=language-] {\n    text-align: right;\n  }\n\n  .input-group-prepend {\n    margin-left: -1px;\n    margin-right: unset;\n  }\n\n  .input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),\n  .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n + 3) {\n    border-top-right-radius: 0.25rem;\n    border-bottom-right-radius: 0.25rem;\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n\n  .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {\n    margin-left: unset;\n    margin-right: -1px;\n    border-top-left-radius: 0.375rem;\n    border-bottom-left-radius: 0.375rem;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n\n  .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {\n    border-top-right-radius: 0.375rem;\n    border-bottom-right-radius: 0.375rem;\n    border-top-left-radius: 0 !important;\n    border-bottom-left-radius: 0 !important;\n  }\n\n  .left-sidebar-chat {\n    .input-group {\n      > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {\n        border-top-right-radius: 0 !important;\n        border-bottom-right-radius: 0 !important;\n      }\n    }\n  }\n\n  .main-input-group {\n    .input-radius {\n      .pill-input-group {\n        span {\n          &:first-child {\n            border-radius: 0.375rem !important;\n            border-top-left-radius: 0 !important;\n            border-bottom-left-radius: 0 !important;\n          }\n\n          &:last-child {\n            border-radius: 0.375rem !important;\n            border-top-right-radius: 0 !important;\n            border-bottom-right-radius: 0 !important;\n          }\n        }\n      }\n    }\n\n    .input-group-wrapper {\n      &.btn-addon {\n        .input-group {\n          &:last-child {\n            .btn {\n              &:not(.dropdown-toggle) {\n                &:last-child {\n                  border-top-left-radius: 0.375rem !important;\n                  border-bottom-left-radius: 0.375rem !important;\n                }\n              }\n            }\n          }\n        }\n      }\n\n      .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {\n        border-top-right-radius: 0 !important;\n        border-bottom-right-radius: 0 !important;\n      }\n\n      .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3) {\n        border-top-left-radius: 0 !important;\n        border-bottom-left-radius: 0 !important;\n      }\n\n    }\n  }\n\n  .input-group-wrapper {\n\n    &.main-segment-btn,\n    &.btn-addon {\n      .input-group {\n        &:last-child {\n          .btn {\n            &:not(.dropdown-toggle) {\n              border-radius: 0 !important;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .was-validated .form-control:invalid,\n  .form-control.is-invalid,\n  .was-validated .form-control:valid,\n  .form-control.is-valid {\n    background-position: left calc(0.375em + 0.1875rem) center;\n    padding-left: calc(1.5em + 0.75rem);\n    padding-right: 12px;\n  }\n\n  .input-group>.form-control:not(:last-child) {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n\n  .input-group>.input-group-prepend>.btn,\n  .input-group>.input-group-prepend>.input-group-text,\n  .input-group>.input-group-append:not(:last-child)>.btn,\n  .input-group>.input-group-append:not(:last-child)>.input-group-text,\n  .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),\n  .input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    border-top-right-radius: 0.25rem;\n    border-bottom-right-radius: 0.25rem;\n  }\n\n  .input-group>.input-group-append>.btn,\n  .input-group>.input-group-append>.input-group-text,\n  .input-group>.input-group-prepend:not(:first-child)>.btn,\n  .input-group>.input-group-prepend:not(:first-child)>.input-group-text,\n  .input-group>.input-group-prepend:first-child>.btn:not(:first-child),\n  .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n\n  .border-tab.nav-left .nav-link {\n    text-align: left;\n  }\n\n  // social app page css\n  .socialprofile {\n    .social-group {\n      ul {\n        li {\n          &:nth-child(4) {\n            margin-right: -22px;\n          }\n        }\n      }\n    }\n  }\n\n  .social-status {\n    form {\n      .form-group {\n        .form-control-social {\n          padding-right: 15px;\n          padding-left: unset;\n        }\n      }\n    }\n\n    .d-flex {\n      .social-status {\n        right: 35px;\n        left: unset;\n      }\n    }\n  }\n\n  .social-chat {\n    .other-msg {\n      margin-right: 40px;\n      margin-left: unset;\n    }\n\n    .flex-grow-1 {\n      span {\n        span {\n          i {\n            transform: scaleX(-1);\n          }\n        }\n      }\n\n      &:before {\n        left: 100%;\n        right: unset;\n        border-left: 7px solid $badge-light-color;\n        border-right: unset;\n      }\n\n      &:after {\n        left: 100%;\n        right: unset;\n        border-left: 7px solid $white;\n        border-right: unset;\n      }\n    }\n  }\n\n  .rounded-timeline {\n    .timeline {\n      &::after {\n        content: '';\n        right: 50%;\n        left: unset;\n        margin-right: -1px;\n        margin-left: unset;\n\n        @media (max-width:1199px) {\n          right: 75px;\n          left: unset;\n        }\n      }\n    }\n\n    .container {\n      &::after {\n        content: '';\n        left: -8px;\n        right: unset;\n      }\n\n      &::before {\n        content: '';\n        left: 8px;\n        right: unset;\n      }\n\n      .content {\n        padding: 20px 20px 20px 80px;\n        border-radius: 200px 0 0 200px;\n      }\n    }\n\n    .container.left {\n      right: 0;\n      left: unset;\n\n      .date {\n        left: -75px;\n        right: unset;\n      }\n\n      .icon {\n        left: 56px;\n        right: unset;\n      }\n\n      @media (max-width:1199px) and (min-width:768px) {\n        right: 75px;\n        left: unset;\n\n        &::before {\n          right: 8px;\n          left: unset;\n        }\n\n        &::after {\n          right: -8px;\n          left: unset;\n        }\n\n        .date {\n          right: -75px;\n          left: unset;\n        }\n\n        .icon {\n          right: 56px;\n          left: unset;\n        }\n\n        .content {\n          padding: 20px 80px 20px 20px;\n          border-radius: 0 200px 200px 0;\n        }\n      }\n\n      @media (max-width:767px) {\n        right: 0;\n        left: unset;\n      }\n    }\n\n    .container.right {\n      right: 50%;\n      left: unset;\n\n      &::after {\n        right: -8px;\n        left: unset;\n      }\n\n      &::before {\n        right: 8px;\n        left: unset;\n      }\n\n      .date {\n        right: -75px;\n        left: unset;\n      }\n\n      .icon {\n        right: 56px;\n        left: unset;\n      }\n\n      .content {\n        padding: 20px 80px 20px 20px;\n        border-radius: 0 200px 200px 0;\n      }\n\n      @media (max-width:1199px) {\n        right: 75px;\n        left: unset;\n\n        &::after {\n          right: -8px;\n          left: unset;\n        }\n      }\n    }\n\n    @media (max-width: 767px) {\n      .timeline {\n        &::after {\n          right: 90px;\n          left: unset;\n        }\n      }\n\n      .container {\n        padding-right: 120px;\n        padding-left: 30px;\n      }\n\n      .container.right {\n        right: 0%;\n        left: unset;\n\n        &::after {\n          right: 82px;\n          left: unset;\n        }\n\n        &::before {\n          right: 95px;\n          left: unset;\n        }\n\n        .date {\n          left: auto;\n          right: 15px;\n        }\n\n        .icon {\n          left: auto;\n          right: 146px;\n        }\n\n        .content {\n          padding: 30px 90px 30px 30px;\n          border-radius: 0 200px 200px 0;\n        }\n      }\n\n      .container.left {\n        &::after {\n          right: 82px;\n          left: unset;\n        }\n\n        &::before {\n          right: 95px;\n          left: unset;\n        }\n\n        .date {\n          left: auto;\n          right: 15px;\n        }\n\n        .icon {\n          left: auto;\n          right: 146px;\n        }\n\n        .content {\n          padding: 30px 90px 30px 30px;\n          border-radius: 0 200px 200px 0;\n\n        }\n      }\n    }\n\n    @media (max-width:610px) {\n      .timeline {\n        &::after {\n          right: 8px;\n          left: unset;\n        }\n\n        .container {\n          padding-right: 30px;\n          padding-left: unset;\n\n          &::before,\n          &::after {\n            right: 0;\n            left: unset;\n          }\n\n          .icon {\n            right: 50px;\n            left: unset;\n          }\n\n          .content {\n            @media (max-width:475px) {\n              padding: 30px 75px 30px 30px;\n            }\n          }\n        }\n      }\n    }\n\n    @media (max-width:440px) {\n      .timeline {\n        padding-top: 20px;\n\n        .container {\n          padding-right: 0;\n          padding-left: unset;\n\n          .icon {\n            right: 45%;\n            left: unset;\n          }\n        }\n\n        &::after {\n          right: 50%;\n          left: unset;\n        }\n      }\n    }\n\n    @media (max-width:390px) {\n      .timeline {\n        .container {\n          .icon {\n            right: 44%;\n            left: unset;\n          }\n        }\n      }\n    }\n\n    @media (max-width:335px) {\n      .timeline {\n        .container {\n          .icon {\n            right: 42%;\n            left: unset;\n          }\n        }\n      }\n    }\n  }\n\n  // Animated timeline \n  .animated-timeline {\n    .timeline-block {\n      &::before {\n        right: 50%;\n        left: unset;\n      }\n\n      .timeline-event {\n        &:before {\n          right: -27px;\n          left: unset;\n        }\n\n        &:nth-child(odd) {\n          margin-right: calc(50% + 20px);\n          margin-left: unset;\n        }\n\n        &:nth-child(even) {\n          margin-right: calc(50% - 321px);\n          margin-left: unset;\n\n          &:before {\n            right: calc(100% + 16px);\n            left: unset;\n          }\n        }\n      }\n    }\n\n    @media (max-width:767px) {\n      .timeline-block {\n        &::before {\n          right: 18px;\n          left: unset;\n        }\n\n        .title {\n          text-align: right;\n        }\n\n        .timeline-event {\n          &::before {\n            right: -49px;\n            left: unset;\n          }\n\n          &:nth-child(odd) {\n            margin-right: calc(50% - 260px);\n            margin-left: unset;\n          }\n\n          &:nth-child(even) {\n            margin-right: calc(50% - 260px);\n            margin-left: unset;\n\n            &:before {\n              left: unset;\n              right: calc(100% + 33px);\n            }\n          }\n        }\n      }\n    }\n\n    @media (max-width:767px) {\n      .timeline-block {\n        .timeline-event {\n          &:nth-child(even) {\n            &::before {\n              right: unset;\n              left: calc(100% + 31px);\n            }\n          }\n\n          &::before {\n            right: -47px;\n            left: unset;\n          }\n        }\n      }\n    }\n\n    @media (max-width:767px) {\n      .timeline-block {\n        .timeline-event {\n          &:nth-child(odd) {\n            margin-right: 58px;\n            margin-left: unset;\n          }\n\n          &:nth-child(even) {\n            margin-right: 58px;\n            margin-left: unset;\n          }\n        }\n      }\n    }\n\n    @media (max-width:440px) {\n      .timeline-block {\n        .timeline-event {\n          &::before {\n            right: -45px;\n            left: unset;\n          }\n\n          &:nth-child(even) {\n            &::before {\n              left: calc(100% + 33px);\n              right: unset;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .photos {\n    ul {\n      li {\n        margin-right: unset;\n        margin-left: 10px;\n      }\n    }\n  }\n\n  .avatar-showcase {\n    .friend-pic {\n      margin-left: 8px;\n      margin-right: unset;\n    }\n\n    .pepole-knows {\n      ul {\n        li {\n          margin-left: 21px;\n          margin-right: unset;\n\n          &:last-child {\n            margin-left: 0;\n          }\n        }\n      }\n    }\n  }\n\n  .user-profile {\n    .hovercard {\n      .user-image {\n        .share-icons {\n          left: 100px;\n          right: unset;\n\n          li {\n            margin-left: 10px;\n            margin-right: unset;\n\n            &:last-child {\n              margin-left: 0;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .lang {\n    span {\n      span {\n        margin-left: unset;\n        margin-right: 5px;\n      }\n    }\n  }\n\n  // faq page css\n  .faq-form {\n    .search-icon {\n      left: 12px;\n      right: unset;\n    }\n  }\n\n  .faq-widgets {\n    .flex-grow-1 {\n      p {\n        padding-left: 20px;\n        padding-right: unset;\n      }\n    }\n  }\n\n  .header-faq,\n  .faq-title {\n    text-align: right;\n  }\n\n  .faq-accordion.default-according {\n    .card {\n      .faq-header {\n        svg {\n          left: 30px;\n          right: unset;\n        }\n      }\n\n      .btn-link {\n        svg {\n          margin-left: 10px;\n          margin-right: unset;\n        }\n      }\n    }\n  }\n\n  .navigation-option {\n    ul {\n      li {\n        padding: 8px 0 8px 8px;\n\n        a {\n          padding-right: 40px;\n          padding-left: unset;\n\n          svg {\n            right: 15px;\n            left: unset;\n          }\n        }\n      }\n    }\n  }\n\n  .updates-faq {\n    margin-right: unset;\n    margin-left: 20px;\n  }\n\n  // knowledgebase page css\n  .browse {\n    .browse-articles {\n      span {\n        svg {\n          margin-left: 10px;\n          margin-right: unset;\n        }\n      }\n    }\n  }\n\n  // learning app page css\n  .categories {\n    .learning-header {\n      padding-right: 15px;\n      padding-left: unset;\n    }\n  }\n\n  // internationalization page css\n  .main {\n    .langChoice {\n      left: 30px;\n      right: unset;\n    }\n  }\n\n  .pricing-block {\n    svg {\n      direction: ltr;\n    }\n  }\n\n  // chart peity css\n  p {\n    &.data-attributes {\n      svg {\n        margin-left: 10px;\n        margin-right: unset;\n      }\n    }\n  }\n\n  // avatars page css\n  .avatars {\n    .avatar {\n      margin-left: 10px;\n      margin-right: unset;\n\n      &:last-child {\n        margin-left: 0;\n      }\n\n      .status {\n        left: 4px;\n        right: unset;\n      }\n    }\n  }\n\n  .customers {\n    &.avatar-group {\n      margin-left: 30px;\n      margin-right: unset;\n    }\n  }\n\n  .card {\n    .card-header {\n      h5 {\n        float: none !important;\n      }\n    }\n  }\n\n  // knob chart css\n  .knob-chart {\n    .chart-clock-main {\n      .clock-small {\n        right: 10px;\n        left: unset;\n      }\n    }\n  }\n\n  // to-do css\n  .todo-wrap {\n    &.email-wrap {\n      .todo-tasks {\n        .delete-button {\n          margin-left: unset;\n          margin-right: auto;\n        }\n\n        .card-body {\n          .task-date {\n            margin-left: unset;\n            margin-right: auto;\n          }\n        }\n      }\n    }\n  }\n\n  .todo-options {\n    .badges-todo {\n      h6 {\n        margin-left: 10px;\n        margin-right: unset;\n\n        &:last-child {\n          margin-left: 0;\n        }\n      }\n    }\n  }\n\n  .todo-list-btns {\n    .dropdown-basic {\n      .btn-group {\n        .form-group {\n          .checkbox {\n            padding-right: 14px;\n            border-top-right-radius: 25px;\n            border-bottom-right-radius: 25px;\n            padding-left: unset;\n            border-top-left-radius: unset;\n            border-bottom-left-radius: unset;\n          }\n        }\n      }\n\n      .separated-btn {\n        margin-right: -6px;\n        margin-left: unset;\n\n        .btn {\n          border-top-left-radius: 25px;\n          border-bottom-left-radius: 25px;\n        }\n      }\n    }\n  }\n\n  .search-todo {\n    .dropdown-basic {\n      .btn-group {\n        margin-left: 18px;\n        margin-right: unset;\n      }\n    }\n  }\n\n  // Dropdowns\n  .dark-dropdown-box {\n    .btn-group {\n      .dropdown-toggle-split {\n        border-top-left-radius: 4px !important;\n        border-bottom-left-radius: 4px !important;\n      }\n    }\n  }\n\n  //sticky note css\n  .sticky-note {\n    .note {\n      float: right;\n    }\n  }\n\n  #testimonial {\n    .owl-stage-outer {\n      .owl-stage {\n        .owl-item {\n          .slide--item {\n            .d-flex {\n              .me-3 {\n                margin-right: 1rem !important;\n                margin-left: unset !important;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .needs-validation,\n  .form-row {\n\n    .input-group>.form-control:not(:last-child),\n    .input-group>.custom-select:not(:last-child) {\n      border-top-left-radius: 0.25rem;\n      border-bottom-left-radius: 0.25rem;\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n  }\n\n  .form-check {\n    padding-right: 1.25rem;\n    padding-left: unset;\n\n    .form-check-input {\n      float: right;\n      margin-left: unset;\n      margin-right: -1.5em;\n    }\n  }\n\n  .form-check-reverse {\n    .form-check-input {\n      float: right;\n      margin-left: 0;\n      margin-right: 10px;\n    }\n  }\n\n  // Base input \n  .dynamic-form-field {\n    .input-group-btn {\n      span {\n        margin-right: 6px;\n        margin-left: unset;\n      }\n    }\n  }\n\n  .theme-form {\n    .custom-input {\n      .input-group>.form-floating:not(:first-child)>.form-control {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-top-left-radius: 0.375rem;\n        border-bottom-left-radius: 0.375rem;\n      }\n\n      .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {\n        border-top-right-radius: 0.375rem;\n        border-bottom-right-radius: 0.375rem;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n      }\n    }\n  }\n\n  // email css\n  .email-wrap {\n    .row {\n      .col-xl-6 {\n        padding-right: 0;\n        padding-left: 15px;\n      }\n\n      .col-xl-3 {\n        +.col-xl-3 {\n          padding-left: 0;\n          padding-right: 15px;\n        }\n      }\n    }\n\n    .email-app-sidebar {\n      .main-menu {\n        &>li {\n          text-align: right;\n\n          a {\n\n            i {\n              margin-right: unset;\n              margin-left: 10px;\n            }\n          }\n        }\n\n        >li {\n          ul {\n            padding-right: 12px;\n          }\n\n          a {\n            padding: 0;\n          }\n        }\n      }\n\n      ul {\n        padding-right: 0;\n      }\n    }\n\n    .email-right-aside {\n      .email-body {\n        .pe-0 {\n          padding-right: unset !important;\n        }\n      }\n\n      .radius-left {\n        border-top-right-radius: 0 !important;\n        border-bottom-right-radius: 0 !important;\n        border-radius: 4px;\n      }\n    }\n  }\n\n  // mail-box\n  .email-main-wrapper {\n    .email-app-sidebar {\n      .nav-pills {\n        .nav-link {\n          padding: 8px 12px;\n        }\n      }\n    }\n  }\n\n  // calender css\n  #renderRange {\n    float: left;\n    padding-left: unset;\n    padding-right: 12px;\n  }\n\n  .event-calendar {\n    direction: ltr;\n  }\n\n  .calendar-wrap {\n    .fc {\n      direction: rtl;\n      text-align: right;\n\n      .fc-toolbar {\n        .fc-left {\n          float: right;\n        }\n\n        .fc-right {\n          float: left;\n        }\n\n        &>* {\n          &>* {\n            margin-left: 0;\n          }\n        }\n      }\n    }\n\n    .fc-events-container {\n      text-align: right;\n    }\n\n    .fc-scroller {\n      margin-right: unset;\n      margin-left: -17px;\n    }\n  }\n\n  .fc-agenda-view {\n    .fc-day-grid {\n      .fc-row {\n        margin-right: 0 !important;\n      }\n    }\n  }\n\n  .fc-unthemed {\n    .fc-row {\n      margin-right: 0 !important;\n    }\n  }\n\n  // buttons css\n  .btn-showcase {\n    .btn {\n      margin-right: unset;\n      margin-left: 10px;\n    }\n  }\n\n  .btn-square {\n    &.dropdown-toggle {\n      border-top-left-radius: 0.25rem !important;\n      border-bottom-left-radius: 0.25rem !important;\n      border-top-right-radius: 0 !important;\n      border-bottom-right-radius: 0 !important;\n    }\n  }\n\n  // button-builder css\n  &.button-builder {\n    ul.the-icons {\n      li {\n        float: right;\n      }\n    }\n\n    .color-slelector {\n      float: right;\n    }\n\n    .custom-button-color {\n      .form-control {\n        border-radius: 0 5px 5px 0;\n\n        &.pull-left {\n          float: right;\n        }\n      }\n    }\n\n    .hint-label {\n      float: right;\n      padding: 4px 020px 0 0;\n    }\n  }\n\n  #customer-review {\n    .owl-item {\n      img {\n        order: 2;\n      }\n    }\n  }\n\n  .options {\n    >div {\n      margin: 0 0 8px 8px;\n    }\n  }\n\n  // Auth pages\n  .login-card {\n    .form-check {\n      padding-left: unset;\n      padding-right: 1.5em;\n\n      input[type=\"checkbox\"],\n      .form-check-input {\n        float: right;\n        margin-left: unset;\n        margin-right: -1.5em;\n      }\n    }\n\n    .btn-showcase {\n      .btn {\n        margin: 0;\n      }\n    }\n  }\n\n  // modal page\n  .modal-dialog {\n    .modal-content {\n      .modal-body {\n        p {\n          a {\n            margin-left: 0;\n          }\n        }\n      }\n    }\n  }\n\n  // forms page\n  .drag-box {\n    fieldset {\n      .component {\n        .form-group {\n          .text-lg-left {\n            text-align: right !important;\n          }\n\n          .input-group {\n            .input-group-prepend {\n\n              .btn,\n              .input-group-text {\n                border-top-left-radius: 0;\n                border-bottom-left-radius: 0;\n                border-top-right-radius: 0.25rem;\n                border-bottom-right-radius: 0.25rem;\n              }\n\n              .btn-right,\n              .checkbox-radius {\n                border-top-left-radius: 0.25rem;\n                border-bottom-left-radius: 0.25rem;\n                border-top-right-radius: 0;\n                border-bottom-right-radius: 0;\n              }\n            }\n\n            #prependedcheckbox {\n              border-top-right-radius: 0 !important;\n              border-bottom-right-radius: 0 !important;\n            }\n\n            #appendedcheckbox {\n              border-right-color: $light-semi-gray;\n            }\n\n            #buttondropdown {\n              margin-right: unset;\n              margin-left: -1px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .drag {\n    form {\n      text-align: right;\n\n      input {\n        text-align: right;\n      }\n\n      label {\n        text-align: right !important;\n      }\n\n      .form-group {\n        .input-group {\n          .input-group-prepend {\n\n            .btn,\n            .input-group-text {\n              border-top-left-radius: 0;\n              border-bottom-left-radius: 0;\n              border-top-right-radius: 0.25rem;\n              border-bottom-right-radius: 0.25rem;\n            }\n\n            .btn-right,\n            .checkbox-radius {\n              border-top-left-radius: 0.25rem;\n              border-bottom-left-radius: 0.25rem;\n              border-top-right-radius: 0;\n              border-bottom-right-radius: 0;\n            }\n          }\n\n          #buttondropdown {\n            margin-right: unset;\n            margin-left: -1px;\n          }\n        }\n      }\n    }\n  }\n\n  .draggable {\n    label {\n      text-align: right;\n    }\n  }\n\n  .form-builder-column {\n    .tab-content {\n      .tab-pane {\n        .theme-form {\n          .ui-draggable {\n            .input-group {\n              >.input-group-prepend {\n                >.input-group-text {\n                  border-top-left-radius: 0;\n                  border-bottom-left-radius: 0;\n                  border-top-right-radius: 0.25rem;\n                  border-bottom-right-radius: 0.25rem;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    #pills-tabContent {\n      .theme-form {\n\n        .form-group,\n        .ui-draggable {\n          .input-group {\n            #buttondropdown {\n              margin-right: unset;\n              margin-left: 15px;\n            }\n\n            .input-group-btn {\n              button {\n                border-radius: 4px !important;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .form-horizontal {\n    &.theme-form {\n      fieldset {\n        .tab-content {\n          .tab-pane {\n            .component {\n              .form-group {\n                .text-lg-left {\n                  text-align: right !important;\n                }\n\n                .input-group {\n                  .input-group-prepend {\n\n                    .btn,\n                    .input-group-text {\n                      border-top-left-radius: 0;\n                      border-bottom-left-radius: 0;\n                      border-top-right-radius: 0.25rem;\n                      border-bottom-right-radius: 0.25rem;\n                    }\n\n                    .btn-right,\n                    .checkbox-radius {\n                      border-top-left-radius: 0.25rem;\n                      border-bottom-left-radius: 0.25rem;\n                      border-top-right-radius: 0;\n                      border-bottom-right-radius: 0;\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n\n    }\n  }\n\n  .form-builder {\n    .component {\n      .form-group {\n        .input-group {\n          #buttondropdown {\n            margin-right: unset;\n            margin-left: -1px;\n          }\n        }\n      }\n    }\n  }\n\n  // compact small page\n  .page-wrapper {\n    .page-body-wrapper {\n      .logo-wrapper {\n        box-shadow: 9px 0 20px rgba($semi-dark , 0.1) !important;\n\n        a {\n          transform: translate(-64px);\n        }\n      }\n    }\n  }\n\n  // search page\n  .search-page {\n    .nav i {\n      display: inline-block;\n      margin-left: 10px;\n      margin-right: unset;\n    }\n  }\n\n  .product-stts {\n    display: inline-block;\n\n    .ms-1 {\n      margin-right: 0.25rem !important;\n      margin-left: unset !important;\n    }\n  }\n\n  .search-form input {\n    padding: 10px 70px 10px 10px;\n    text-align: right;\n  }\n\n  // icons page\n  .icon-hover-bottom {\n    .icon-title {\n      text-align: right;\n    }\n  }\n\n  .icon-lists {\n    div {\n      i {\n        margin: 0 10px 0 15px;\n      }\n    }\n\n    ul {\n      padding-right: 0;\n    }\n  }\n\n  .flag-icons,\n  .feather-icons {\n    div {\n      .flex-grow-1 {\n        h5 {\n          margin-right: unset;\n          margin-left: 5px;\n        }\n      }\n    }\n  }\n\n  ul {\n    &.icon-lists {\n      padding-right: 30px;\n    }\n  }\n\n  // customizer\n  .floated-customizer-btn {\n    &.third-floated-btn {\n      left: 35px;\n      right: unset;\n    }\n\n    &>span {\n      margin-right: 10px;\n    }\n  }\n\n  .floated-customizer-panel {\n    text-align: right;\n    left: -85px;\n    right: unset;\n\n    &.active {\n      left: 35px;\n      right: unset;\n    }\n\n    .close-customizer-btn {\n      left: 30px;\n      right: unset;\n    }\n\n    ul {\n      padding-right: 0;\n    }\n  }\n\n  // form builder-2 page\n  .form-builder-2-header {\n    >div {\n      nav {\n        float: left;\n      }\n    }\n  }\n\n  .radio {\n    label {\n      padding-left: 0;\n      padding-right: 5px;\n\n      &::before {\n        right: 0;\n        margin-right: -20px;\n        left: unset;\n      }\n    }\n  }\n\n  // sidebar main page\n  .page-wrapper {\n    .page-body-wrapper {\n      .page-title {\n        .row {\n          h3 {\n            text-align: right;\n            padding-left: 20px;\n            padding-right: unset !important;\n          }\n\n          h6 {\n            text-align: right;\n          }\n        }\n      }\n    }\n\n    &.compact-wrapper {\n      .page-header {\n        margin-right: 265px;\n        margin-left: unset;\n        width: calc(100% - 265px);\n\n        &.close_icon {\n          margin-right: 78px;\n          margin-left: unset;\n          width: calc(100% - 78px);\n        }\n      }\n    }\n\n    &.modern-type {\n      .page-header {\n        margin-right: 0;\n        width: calc(100% - 0px);\n\n        &.close_icon {\n          margin-right: 0;\n          width: calc(100% - 0px);\n        }\n\n        .header-wrapper {\n          .logo-wrapper {\n            margin-right: unset;\n            margin-left: 30px;\n          }\n\n          .toggle-sidebar {\n            margin-right: unset;\n            margin-left: 15px;\n          }\n        }\n      }\n\n      .page-body-wrapper {\n        .page-body {\n          margin-right: 296px;\n        }\n\n        .footer {\n          margin-left: 55px;\n          margin-right: 360px;\n        }\n\n        div.sidebar-wrapper {\n          &.close_icon {\n            ~.page-body {\n              margin-right: 0px;\n            }\n\n            ~footer {\n              margin-right: 0;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // page main header\n  .page-header {\n    .header-wrapper {\n      .nav-right {\n        text-align: right;\n\n        .onhover-show-div {\n          right: unset;\n          left: 0;\n\n          @media (max-width:575.98px) {\n            left: 12px;\n          }\n\n          li {\n            .d-flex {\n              .flex-grow-1 {\n                >span {\n                  padding-right: unset;\n                  padding-left: 10px;\n                }\n              }\n            }\n          }\n        }\n\n        .cart-dropdown {\n          @media (max-width: 575.98px) {\n            li {\n              padding: 10px;\n            }\n          }\n\n          .close-circle {\n            right: unset;\n            left: 0;\n          }\n        }\n\n        >ul {\n          >li {\n            text-align: right;\n\n            .lang-txt {\n              margin-left: 0;\n              margin-right: 8px;\n            }\n\n            &:before {\n              right: 0;\n              left: unset;\n            }\n\n            .dot {\n              left: 17px;\n              right: unset;\n            }\n\n            &.onhover-dropdown {\n              &:hover {\n                .onhover-show-div {\n                  &:before {\n                    right: 10px;\n                    left: unset;\n                  }\n\n                  &:after {\n                    right: 10px;\n                    left: unset;\n                  }\n                }\n              }\n\n              &:last-child {\n                padding-left: 0;\n                padding-right: 0 !important;\n              }\n            }\n\n            &:last-child {\n              padding-right: 20px;\n              padding-left: 0;\n            }\n\n            i {\n              &.ms-2 {\n                margin-right: 0.5rem !important;\n                margin-left: unset !important;\n              }\n            }\n          }\n        }\n\n        .profile-dropdown {\n          li {\n            svg {\n              margin-right: unset;\n              margin-left: 10px;\n            }\n          }\n\n        }\n      }\n\n      .mobile-sidebar {\n        padding-left: 20px;\n        padding-right: unset;\n      }\n    }\n\n    &.open {\n      margin-right: 0;\n    }\n  }\n\n  ul {\n    &.notification-dropdown {\n      &.onhover-show-div {\n        right: initial;\n        left: -30px;\n        padding: 0;\n\n        &:before {\n          right: inherit !important;\n          left: 35px !important;\n        }\n\n        &:after {\n          right: inherit !important;\n          left: 35px !important;\n        }\n\n        li {\n          margin-right: 0 !important;\n\n          span {\n            &.badge {\n              margin-left: unset !important;\n            }\n\n            svg {\n              margin-right: unset;\n              margin-left: 10px;\n            }\n          }\n\n          .notification-icon {\n            margin-left: 20px;\n            margin-right: unset;\n          }\n        }\n      }\n    }\n  }\n\n  // alert page\n  .card-body {\n    .alert {\n      svg {\n        ~p {\n          padding-left: unset;\n          padding-right: 20px;\n        }\n      }\n    }\n  }\n\n  .alert {\n    i {\n      margin-left: 5px;\n      margin-right: 0;\n    }\n\n    &.alert-dismissible {\n      padding-right: 15px;\n      padding-left: 2.5rem;\n\n      .me-2 {\n        margin-right: auto !important;\n      }\n    }\n  }\n\n  .inverse {\n    padding: 13px 65px 13px 20px;\n\n    i {\n      left: unset;\n      right: 0;\n    }\n  }\n\n  .card-body {\n    &.alerts-icon {\n      .alert {\n        >div {\n          margin-right: unset;\n          margin-left: 10px;\n        }\n\n        svg {\n          margin: 0;\n        }\n      }\n    }\n  }\n\n  @each $var in $alert-name {\n    $i: index($alert-name, $var);\n\n    .alert-#{$var}.inverse {\n      &:before {\n        border-right: 7px solid nth($alert-color, $i);\n        right: 54px;\n        left: unset;\n        border-left: unset;\n      }\n    }\n  }\n\n  .alert-dismissible {\n    .btn-close {\n      left: 0;\n      right: unset;\n\n      span {\n        padding-left: 0;\n        padding-right: unset;\n      }\n    }\n  }\n\n  .icofont {\n    &.icofont-truck {\n      display: inline-block;\n    }\n  }\n\n  // blog page\n  .blog-box {\n    .blog-details {\n      padding-left: 20px;\n      padding-right: unset;\n      text-align: right;\n\n      .blog-social {\n        padding-right: 0;\n\n        li {\n          +li {\n            padding-left: 20px;\n            padding-right: unset;\n          }\n\n          &:first-child {\n            border-left: 1px solid #777777;\n            border-right: unset;\n            padding-left: 20px;\n            padding-right: unset;\n\n            @media screen and (min-width: 1200px) and (max-width: 1366px) {\n              padding-left: 8px;\n              padding-right: unset;\n            }\n          }\n\n          &:last-child {\n            @media (max-width:360px) {\n              padding-left: unset;\n              padding-right: 0;\n            }\n          }\n\n          &+li {\n            margin-right: 20px;\n            margin-left: unset;\n            padding-left: 0;\n\n            @media screen and (min-width: 1200px) and (max-width: 1366px) {\n              padding-right: 8px;\n              padding-left: unset;\n            }\n          }\n        }\n      }\n    }\n\n    .blog-details-main {\n      .blog-social {\n        li {\n          border-left: 1px dotted;\n          border-right: unset;\n\n          &:last-child {\n            border-left: none;\n          }\n        }\n      }\n    }\n\n    .blog-date {\n      span {\n        font-size: 36px;\n        font-weight: 500;\n        padding-left: 5px;\n      }\n    }\n\n    &.blog-shadow {\n      .blog-details {\n        padding-right: 20px;\n      }\n    }\n  }\n\n  .comment-box {\n    .d-flex {\n      img {\n        margin-left: 20px;\n        margin-right: unset;\n      }\n\n      h6 {\n        text-align: right;\n\n        span {\n          padding-left: unset;\n          padding-right: 10px;\n        }\n      }\n    }\n\n    ul {\n      ul {\n        // margin-right: 135px;\n        margin-left: unset;\n        padding-right: 0;\n\n        @media (max-width: 575.98px) {\n          margin-right: 30px;\n        }\n      }\n    }\n\n    .comment-social {\n      text-align: left;\n\n      li {\n        padding-left: 0;\n        padding-right: 20px;\n\n        &:first-child {\n          border-left: 1px solid $light-semi-gray;\n          border-right: unset;\n          padding-right: 0;\n          padding-left: 20px;\n        }\n      }\n    }\n  }\n\n  .blog-single {\n    .comment-box {\n      .comment-social {\n        li {\n          &:first-child {\n            @media (max-width:767.98px) {\n              padding-left: 15px;\n              padding-right: 0;\n\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // Buttons\n  .button-wrapper {\n    .btn-group {\n      &.select-checkbox {\n        .btn {\n          &:not(:last-child) {\n            border-top-right-radius: 0.25rem !important;\n            border-bottom-right-radius: 0.25rem !important;\n          }\n\n          &:nth-of-type(2) {\n            border-top-right-radius: unset !important;\n            border-bottom-right-radius: unset !important;\n          }\n        }\n      }\n    }\n  }\n\n  .button-box,\n  .btn-toolbar {\n    .btn-group {\n      >.btn {\n        &:first-child {\n          border-radius: 0 6px 6px 0;\n        }\n\n        +.btn {\n          &:not(:last-child):not(.dropdown-toggle) {\n            border-radius: 0;\n          }\n        }\n      }\n\n      >.btn-group:not(:first-child)>.btn {\n        border-radius: 6px 0 0 6px;\n      }\n\n      &:last-child {\n        .btn:not(.btn-check~.btn):not(.dropdown-toggle) {\n          border-radius: 6px;\n        }\n      }\n    }\n  }\n\n  // button builder page\n  .button-builder-wrap {\n    .form-group {\n      .btn {\n        margin-left: 15px;\n        margin-right: 0;\n        padding: 9px;\n      }\n    }\n  }\n\n  .button-builder {\n    ul {\n      &.the-icons {\n        padding-right: 0 !important;\n      }\n    }\n  }\n\n  // chat page\n  .chat-msg-box {\n    ul {\n      padding-right: 0;\n    }\n  }\n\n  .fg-emoji-container {\n    left: 135px !important;\n\n    .fg-emoji-picker-search-icon {\n      right: unset;\n      left: -6px;\n    }\n  }\n\n  // cke editor page\n  .cke_toolbar,\n  .cke_toolgroup,\n  a.cke_button,\n  .cke_combo_text {\n    float: right;\n  }\n\n  .cke_reset_all,\n  .cke_reset_all *,\n  .cke_reset_all a,\n  .cke_reset_all textarea {\n    text-align: right;\n  }\n\n  .cke_combo_text {\n    padding-left: unset;\n    padding-right: 10px;\n  }\n\n  #editor1 {\n    #cke_editor1 {\n      #cke_1_contents {\n        iframe {\n          html {\n            direction: rtl !important;\n          }\n        }\n      }\n    }\n  }\n\n  // coming soon page\n  #clockdiv {\n    ul {\n      padding-right: 0;\n    }\n  }\n\n  // social app page\n  .custom-card {\n    .card-footer {\n      &>div {\n        &+div {\n          border-right: 1px solid $light-semi-gray;\n          border-left: unset !important;\n        }\n      }\n    }\n  }\n\n  .card-social {\n    padding-right: 0;\n  }\n\n  .card-absolute {\n    .card-header {\n      right: 15px;\n      left: unset;\n    }\n  }\n\n  // datatables page\n  .dataTables_wrapper {\n    .dataTables_filter {\n      input[type=\"search\"] {\n        margin-right: 10px;\n        margin-left: 0;\n      }\n    }\n\n    .dataTables_length {\n      float: right;\n    }\n\n    .dataTables_filter {\n      margin-left: unset;\n      margin-right: 15px;\n      float: left;\n    }\n\n    .dataTables_info {\n      float: right;\n    }\n\n    .advance-5_filter {\n      margin-left: 0;\n    }\n\n    .btn-group {\n      button {\n        margin-left: 5px;\n        margin-right: unset;\n\n        &:last-child {\n          margin-left: 0;\n        }\n      }\n    }\n\n    table {\n      &.dataTable {\n        tbody {\n\n          td,\n          th {\n            &.select-checkbox {\n              &:after {\n                margin-left: 31px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  div {\n    &.dataTables_wrapper {\n      div {\n        &.dataTables_paginate {\n          margin-right: 15px !important;\n          margin-left: 0 !important;\n          float: left;\n        }\n      }\n    }\n  }\n\n  table {\n    &.dataTable {\n      thead {\n        &>tr {\n          &>th {\n            padding-left: 30px;\n            padding-right: 12px;\n\n            &:before {\n              left: 1em !important;\n              right: unset;\n            }\n\n            &:after {\n              left: 0.5em !important;\n              right: unset;\n            }\n\n          }\n        }\n      }\n    }\n  }\n\n  table.dataTable thead .sorting:before,\n  table.dataTable thead .sorting_asc:before,\n  table.dataTable thead .sorting_desc:before,\n  table.dataTable thead .sorting_asc_disabled:before,\n  table.dataTable thead .sorting_desc_disabled:before {\n    left: 1em !important;\n    right: unset;\n  }\n\n  .dataTables_scrollHeadInner {\n    padding-right: unset !important;\n    padding-left: 0 !important;\n  }\n\n  div {\n    &.table-responsive {\n      &>div {\n        &.dataTables_wrapper {\n          &>div {\n            &.row {\n              &>div[class^=\"col-\"]:first-child {\n                padding-right: 0;\n                padding-left: 0;\n              }\n\n              &>div[class^=\"col-\"]:last-child {\n                padding-right: 0;\n                padding-left: 0;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .dt-plugin-buttons {\n    button {\n      &.m-r-10 {\n        margin-left: 10px;\n        margin-right: 0;\n      }\n    }\n  }\n\n  // datetime picker page\n  .datetime-picker {\n    .theme-form {\n      .form-group {\n        label {\n          text-align: left !important;\n        }\n\n        .input-group-text {\n          border-top-right-radius: 0;\n          border-bottom-right-radius: 0;\n        }\n\n        .input-group {\n          .form-control {\n            border-radius: 0.25rem;\n            border-top-left-radius: 0;\n            border-bottom-left-radius: 0;\n          }\n        }\n      }\n    }\n  }\n\n  // dropdown page\n  .rtl-dropdown {\n    .btn-group {\n      .dropdown-menu {\n        right: 0 !important;\n      }\n    }\n  }\n\n  .heading-dropdown,\n  .dropdown-option {\n    .dropdown-menu {\n      right: 0 !important;\n    }\n  }\n\n  .split-dropdown {\n    .dropdown-basic {\n      .separated-btn {\n        .dropdown-menu {\n          right: 0 !important;\n        }\n      }\n    }\n  }\n\n  .dropdown-basic {\n    .separated-btn {\n      .btn {\n        border-radius: 0.25rem;\n        border-top-right-radius: 0 !important;\n        border-bottom-right-radius: 0 !important;\n      }\n    }\n  }\n\n  // error page\n  .error-wrapper {\n    .col-md-8 {\n      &.offset-md-2 {\n        margin: 0 auto !important;\n      }\n    }\n  }\n\n  // product page\n  .product-price {\n    del {\n      padding-left: 20px;\n      padding-right: 0;\n    }\n  }\n\n  .product-box {\n    .modal {\n      .modal-header {\n        .btn-close {\n          right: unset;\n          left: 15px;\n        }\n      }\n    }\n\n    .ribbon-bookmark.ribbon-vertical-left.ribbon-info:before,\n    .ribbon-bookmark.ribbon-vertical-right.ribbon-info:before {\n      border-left-color: #007bff;\n    }\n\n    .ribbon-bookmark.ribbon-vertical-left:before,\n    .ribbon-bookmark.ribbon-vertical-right:before {\n      right: 0;\n      left: unset;\n      border-left: 15px solid #2a3142;\n    }\n\n    .ribbon-bookmark.ribbon-info:before {\n      border-left-color: transparent;\n    }\n\n    .ribbon-warning.ribbon-clip:before {\n      border-left-color: #ff850d;\n      border-right-color: unset;\n    }\n\n    .ribbon-clip {\n      right: -14px;\n      left: unset;\n\n      &:before {\n        right: 0;\n        left: unset;\n      }\n    }\n  }\n\n  .product-hover {\n    ul {\n      padding-right: 0;\n    }\n  }\n\n  .customer-review {\n    .d-flex {\n      img {\n        margin-left: 25px;\n        margin-right: 0;\n      }\n    }\n  }\n\n  .nav {\n    padding-right: 0;\n  }\n\n  .custom-tab {\n    padding: 4px;\n  }\n\n  .custom-file-label {\n    &::after {\n      left: 0;\n      right: unset;\n    }\n  }\n\n  // form wizard 4 page\n  .wizard-4 {\n    .msg-box {\n      right: unset;\n      left: 60px;\n\n      @media (max-width:991.98px) {\n        right: unset;\n        left: 0;\n      }\n\n      .content {\n        float: right;\n      }\n    }\n\n    ul {\n      &.anchor {\n        float: right;\n\n        li {\n          a {\n            &.done {\n              h4 {\n                &::before {\n                  left: unset;\n                  right: 5px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .step-container {\n      clear: unset;\n    }\n\n    .form-group {\n      text-align: right;\n\n    }\n\n    .action-bar {\n      .btn {\n        float: left;\n      }\n    }\n  }\n\n  .f1 {\n    .f1-buttons {\n      text-align: left;\n    }\n\n    .f1-steps {\n      .f1-step {\n        float: right;\n      }\n    }\n  }\n\n  // tree view page\n  .jstree-default {\n    .jstree-node {\n      margin-left: unset;\n      margin-right: 24px;\n      background-position: -292px -4px;\n      background-repeat: repeat-y;\n    }\n  }\n\n  // Default Dashboard\n  .default-dashboard {\n    .recent-table {\n      table {\n\n        thead,\n        tbody {\n          tr {\n\n            th,\n            td {\n              &:first-child {\n                padding-left: 10px !important;\n                padding-right: 20px !important;\n                text-align: center !important;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .sales-analytics {\n      .total-sales {\n        .sales-details {\n          padding-left: 24px;\n          padding-right: unset;\n          border-left: 2px solid var(--sidebar-border);\n          border-right: unset;\n\n          &:last-child {\n            padding-right: 24px;\n            padding-left: unset;\n            border: unset;\n          }\n        }\n      }\n    }\n\n    .sales-location {\n      .sales-store {\n        border-right: 2px solid var(--theme-default);\n        border-left: unset;\n        padding-right: 20px;\n        padding-left: unset;\n      }\n    }\n\n    .marketing {\n      .manage-activities {\n        padding: 5px 5px 5px 16px;\n      }\n    }\n  }\n\n  // Dashboard-2\n\n  // Dashboard-03\n\n  // Dashboard-04\n  .currency-table {\n    &.recent-table {\n      table {\n\n        thead,\n        tbody {\n          tr {\n\n            th,\n            td {\n\n              &:first-child {\n                padding-right: 20px !important;\n                padding-left: 8px;\n              }\n\n              &:last-child {\n                padding-left: 20px !important;\n                padding-right: 8px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n\n  // Dashboard-05\n\n  // Dashboard-06\n  .arrow-round {\n\n    .swiper-button-next,\n    .swiper-button-prev {\n      &::after {\n        transform: scaleX(-1);\n      }\n    }\n  }\n\n  // Dashboard-07\n  .sales-report {\n    .attendance-data {\n      ul {\n        &.balance-data {\n          @media (max-width:1660px) {\n            right: 0;\n            left: unset;\n          }\n        }\n      }\n    }\n  }\n\n  // list page\n  .horizontal-list-wrapper {\n\n    .list-group-horizontal-sm,\n    .list-group-horizontal-md,\n    .list-group-horizontal-lg,\n    .list-group-horizontal-xl,\n    .list-group-horizontal-xxl {\n      .list-group-item {\n        &:first-child {\n          border-radius: 0 6px 6px 0;\n        }\n\n        &:last-child {\n          border-radius: 6px 0 0 6px;\n          border-left-width: 1px;\n        }\n      }\n    }\n\n    .list-group {\n      &.list-group-horizontal-xxl {\n        @media (max-width:1399px) {\n          .list-group-item {\n            border-radius: 0;\n\n            &:first-child {\n              border-radius: 6px 6px 0 0;\n              border-left: 1px solid $light-gray;\n            }\n\n            &:last-child {\n              border-radius: 0 0 6px 6px;\n              border-left: 1px solid $light-gray;\n            }\n          }\n        }\n      }\n\n      @media (max-width:1199px) {\n        &.list-group-horizontal-xl {\n          .list-group-item {\n            border-radius: 0;\n\n            &:first-child {\n              border-radius: 6px 6px 0 0;\n              border-left: 1px solid $light-gray;\n            }\n\n            &:last-child {\n              border-radius: 0 0 6px 6px;\n              border-left: 1px solid $light-gray;\n            }\n          }\n        }\n      }\n\n      @media (max-width:991px) {\n        &.list-group-horizontal-lg {\n          .list-group-item {\n            border-radius: 0;\n\n            &:first-child {\n              border-radius: 6px 6px 0 0;\n              border-left: 1px solid $light-gray;\n            }\n\n            &:last-child {\n              border-radius: 0 0 6px 6px;\n              border-left: 1px solid $light-gray;\n            }\n          }\n        }\n      }\n\n      @media (max-width:767px) {\n        &.list-group-horizontal-md {\n          .list-group-item {\n            border-radius: 0;\n\n            &:first-child {\n              border-radius: 6px 6px 0 0;\n              border-left: 1px solid $light-gray;\n            }\n\n            &:last-child {\n              border-radius: 0 0 6px 6px;\n              border-left: 1px solid $light-gray;\n            }\n          }\n        }\n      }\n\n      @media (max-width:575px) {\n        &.list-group-horizontal-sm {\n          .list-group-item {\n            border-radius: 0;\n\n            &:first-child {\n              border-radius: 6px 6px 0 0;\n              border-left: 1px solid $light-gray;\n            }\n\n            &:last-child {\n              border-radius: 0 0 6px 6px;\n              border-left: 1px solid $light-gray;\n            }\n          }\n        }\n      }\n    }\n  }\n\n\n\n  // image cropper page\n  .img-cropper {\n    .docs-buttons {\n\n      >.btn,\n      >.form-control {\n        margin-right: unset;\n        margin-left: 10px;\n      }\n    }\n\n    .btn-group {\n      margin-right: 0;\n      margin-left: 10px;\n\n      button {\n        &:last-child {\n          border-top-right-radius: 0;\n          border-bottom-right-radius: 0;\n          border-top-left-radius: 0.25rem !important;\n          border-bottom-left-radius: 0.25rem !important;\n        }\n\n        &:first-child {\n          border-top-right-radius: .25rem;\n          border-bottom-right-radius: .25rem;\n          border-top-left-radius: 0;\n          border-bottom-left-radius: 0;\n        }\n      }\n    }\n  }\n\n  .docs-toggles {\n    .btn-group {\n      .btn {\n        border-radius: 0;\n\n        &:last-child {\n          border-top-left-radius: 0.25rem;\n          border-bottom-left-radius: 0.25rem;\n        }\n\n        &:first-child {\n          border-top-right-radius: 0.25rem;\n          border-bottom-right-radius: 0.25rem;\n        }\n      }\n    }\n  }\n\n  .btn-group {\n    >.btn:not(:last-child):not(.dropdown-toggle) {\n      >.btn-group:not(:last-child)>.btn {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n    }\n  }\n\n  .jsgrid-button {\n    +.jsgrid-button {\n      margin-right: 5px;\n      margin-left: unset;\n    }\n  }\n\n  .list-group {\n    padding-right: 0;\n\n    i,\n    img {\n      margin-left: 10px;\n      margin-right: 0;\n    }\n  }\n\n  // authentication page\n  .authentication-box {\n    text-align: right;\n  }\n\n  // mega options page\n  .mega-horizontal {\n    .offset-sm-3 {\n      @media (min-width:576px) {\n        margin-right: 25%;\n        margin-left: unset;\n      }\n    }\n  }\n\n  // navs page\n  .navs-icon {\n    svg {\n      margin-left: 10px;\n      margin-right: unset;\n    }\n\n    .fa {\n      margin-left: 10px;\n      margin-right: unset;\n    }\n  }\n\n  .nav-list {\n    .nav-list-disc {\n      text-align: right;\n      padding-right: 0;\n    }\n  }\n\n  .ps-4 {\n    padding-right: 30px !important;\n    padding-left: 0 !important;\n  }\n\n  .onhover-dropdown.navs-dropdown:hover .onhover-show-div:before {\n    left: 77px;\n    right: unset;\n  }\n\n  .onhover-dropdown.navs-dropdown:hover .onhover-show-div:after {\n    left: 77px;\n    right: unset;\n  }\n\n  .navs-dropdown {\n    .onhover-show-div {\n      .navs-icon {\n        li {\n          text-align: right;\n        }\n      }\n    }\n  }\n\n  .navs-icon.default-according.style-1 {\n    li {\n      button[aria-expanded=\"true\"] {\n        &:before {\n          left: 2px;\n          right: unset;\n        }\n      }\n\n      button[aria-expanded=\"false\"]:before {\n        left: 2px;\n        right: unset;\n      }\n    }\n  }\n\n  // search page css\n  .search-form {\n    .form-group {\n      &:after {\n        right: 53px;\n        left: unset;\n      }\n\n      &:before {\n        right: 82px;\n        left: unset;\n      }\n    }\n  }\n\n  .toolbar-box {\n    .ql-toolbar {\n      display: flex;\n      flex-wrap: wrap;\n\n      &.ql-snow {\n        .ql-formats {\n          margin-right: 0px;\n          margin-left: unset;\n\n          .ql-picker {\n            .ql-picker-label {\n              padding-left: 2px;\n              padding-right: 8px;\n            }\n          }\n        }\n      }\n    }\n\n    .ql-container {\n      .ql-tooltip {\n        left: unset;\n        right: 16px !important;\n      }\n    }\n  }\n\n  // list-product page\n  .list-product-view {\n    .list-product {\n      .recent-table {\n        div.dt-container {\n          .dt-layout-row {\n            .dt-search {\n              right: unset;\n              left: 214px;\n            }\n          }\n        }\n\n        table {\n\n          thead,\n          tbody {\n            tr {\n\n              th,\n              td {\n                &:first-child {\n                  padding-right: 20px;\n                  padding-left: 8px;\n                }\n\n                &:last-child {\n                  padding-left: 20px;\n                  padding-right: 8px;\n                }\n\n              }\n            }\n          }\n\n          thead {\n            tr {\n              th {\n                &:first-child {\n                  text-align: center !important;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // category page\n  .e-category {\n    .form-select {\n      padding: .375rem .75rem .375rem 2.25rem;\n    }\n\n    .main-divider {\n      .divider-body {\n        &::before {\n          left: unset;\n          right: 0;\n        }\n\n        h6 {\n          padding-right: unset;\n          padding-left: 12px;\n        }\n      }\n    }\n\n    .list-product {\n      &.list-category {\n        div.dt-container {\n          .dt-layout-row {\n            .dt-search {\n              right: unset;\n              left: 214px;\n\n              @media (max-width:640px) {\n                right: 20px;\n              }\n            }\n          }\n        }\n      }\n\n      table {\n        thead {\n          tr {\n            th {\n              &:first-child {\n                text-align: center !important;\n              }\n            }\n          }\n        }\n\n        thead,\n        tbody {\n          tr {\n\n            th,\n            td {\n              &:first-child {\n                padding-left: 10px;\n                padding-right: 20px;\n              }\n\n              &:last-child {\n                padding-right: 10px;\n                padding-left: 20px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // product-page\n  .product-page-details {\n    span {\n      padding-right: 15px;\n      padding-left: 0;\n    }\n  }\n\n  .m-checkbox-inline {\n    label {\n      margin-left: 20px;\n      margin-right: 0;\n    }\n  }\n\n  .form-label-align-right {\n    label {\n      text-align: left;\n    }\n  }\n\n  // rating page\n  .br-theme-bars-reversed,\n  .br-theme-bars-movie,\n  .br-theme-bars-1to10,\n  .br-theme-bars-square {\n    .br-widget {\n      .br-current-rating {\n        float: right;\n      }\n\n      a {\n        float: right;\n      }\n    }\n  }\n\n  .rating-stars-2 {\n\n    #star-1,\n    #star-2,\n    #star-3,\n    #star-4,\n    #star-5 {\n      &:checked {\n        ~.main-emoji-text {\n          .emoji-msg {\n            &::before {\n              padding-right: unset;\n              padding-left: 12px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // ribbons page\n  .ribbon-left {\n    right: auto;\n    left: -2px;\n  }\n\n  .ribbon-vertical-left {\n    right: auto;\n    left: 12px;\n  }\n\n  .ribbon-vertical-right {\n    right: auto;\n    left: 12px;\n  }\n\n  // search page\n  .star-ratings {\n    ul {\n      &.search-info {\n        padding-right: 0;\n\n        li {\n          &+li {\n            border-right: 1px solid #a5afc6;\n            border-left: unset;\n            padding-right: 8px;\n            padding-left: 0;\n            margin-right: 8px;\n            margin-left: 0;\n          }\n        }\n      }\n    }\n  }\n\n  // select 2 page\n  .select2-container--default {\n    .select2-selection--single {\n      .select2-selection__arrow {\n        left: 10px !important;\n        right: unset !important;\n      }\n    }\n\n    .select2-selection--multiple {\n      .select2-selection__choice {\n        float: right;\n      }\n    }\n  }\n\n  .selection {\n    .select2-selection {\n      .select2-search__field {\n        text-align: right;\n      }\n    }\n  }\n\n  .select2-results__option {\n    text-align: right;\n  }\n\n  .editor-statusbar {\n    text-align: left;\n\n    span {\n      margin-right: 1em;\n      margin-left: unset;\n    }\n  }\n\n  .CodeMirror-scroll {\n    margin-left: -30px;\n    margin-right: unset;\n  }\n\n  .primary-color,\n  .yellow-color {\n    ul {\n      padding-right: 0;\n    }\n  }\n\n  .list-with-icon {\n    .list-group {\n      i {\n        margin-left: 0;\n        margin-right: 10px;\n      }\n    }\n  }\n\n  // Scrollable\n  .ps-scrollbar-y-rail {\n    right: unset !important;\n    left: 3px !important;\n  }\n\n  // Tree view\n  .stackable-list {\n    .list-group {\n      i {\n        transform: scaleX(-1);\n      }\n    }\n  }\n\n\n  // steps page\n  .u-step-desc {\n    text-align: right;\n  }\n\n  .u-step-number {\n    right: 20px;\n    left: unset;\n\n    &~.u-step-desc {\n      margin-right: 50px;\n    }\n  }\n\n  .u-pearl {\n    &:after {\n      left: 0;\n      right: unset;\n    }\n\n    &:before {\n      right: 0;\n      left: unset;\n    }\n  }\n\n  .u-step-icon {\n    float: right;\n    margin-left: .5em;\n    margin-right: unset;\n  }\n\n  .card-header.note-toolbar {\n    .note-color {\n      .dropdown-toggle {\n        padding-right: 5px;\n      }\n    }\n\n    .form-group {\n      &.draggable {\n        text-align: right;\n      }\n    }\n\n    .form-check {\n      padding-right: 24px;\n      padding-left: unset;\n    }\n\n    form {\n      .custom-control {\n        padding-right: 24px;\n        padding-left: unset;\n\n        .custom-control-label {\n          &::after {\n            right: 0;\n            left: unset;\n          }\n\n          &::before {\n            right: 0;\n            left: unset;\n          }\n        }\n      }\n    }\n  }\n\n  // add-product \n  .common-form {\n    .product-buttons {\n      .btn {\n        &:first-child {\n          margin-right: unset;\n          margin-left: 12px;\n\n          svg {\n            transform: scale(-1);\n            margin-right: unset;\n            margin-left: 12px;\n          }\n        }\n\n        &:last-child {\n          svg {\n            transform: scale(-1);\n            margin-left: unset;\n            margin-right: 6px;\n          }\n        }\n      }\n    }\n  }\n\n  // seller details \n  .review-box {\n    .seller-profile {\n      .accordion-item {\n        .accordion-body {\n          .policies-wrapper {\n            .ql-toolbar {\n              display: block;\n\n              .ql-formats {\n                margin-right: unset;\n                margin-left: 15px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .vendor-selling-table,\n  .seller-order-table {\n    .recent-table {\n      div.dt-container {\n        .dt-layout-row {\n          .dt-search {\n            right: unset !important;\n            left: 20px !important;\n          }\n        }\n      }\n\n      .table {\n\n        thead,\n        tbody {\n          tr {\n\n            th,\n            td {\n              &:first-child {\n                padding-right: 20px;\n                padding-left: 8px;\n                text-align: center !important;\n              }\n\n              &:last-child {\n                padding-left: 20px;\n                padding-right: 8px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .seller-details-table {\n    .recent-table {\n      div.dt-container {\n        .dt-layout-row {\n          .dt-search {\n            left: 214px !important;\n            right: unset;\n          }\n        }\n      }\n\n      .table {\n\n        thead,\n        tbody {\n          tr {\n\n            th,\n            td {\n              &:first-child {\n                padding-right: 20px;\n                padding-left: 8px;\n                text-align: center !important;\n              }\n\n              &:last-child {\n                padding-left: 20px;\n                padding-right: 8px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .seller-wrapper {\n    .right-vendor {\n      .common-searchbox {\n        .form-control {\n          border-right: 0;\n          border-left: unset;\n          padding-right: 0;\n          padding-left: unset;\n        }\n      }\n    }\n  }\n\n\n  // input group page\n  .dropdown-toggle::after {\n    margin-right: 0.255em;\n    margin-left: unset;\n  }\n\n  // checkbox & radios page\n  .checkbox {\n    label {\n      padding-right: 16px;\n      padding-left: unset;\n\n      &::before {\n        right: 0;\n        left: unset;\n        margin-right: -16px;\n        margin-left: unset;\n      }\n    }\n  }\n\n  .checkbox-wrapper,\n  .radio-wrapper {\n    li {\n      label {\n        padding-right: 0;\n      }\n    }\n  }\n\n  .radio {\n    label {\n      &::after {\n        right: 5px;\n        left: unset;\n        margin-right: -20px;\n        margin-left: unset;\n      }\n    }\n  }\n\n  // tour page\n  .introjs-tooltip {\n    right: 0;\n    left: unset;\n  }\n\n  .introjs-helperNumberLayer {\n    right: -16px;\n    left: unset;\n  }\n\n  .introjs-tooltipReferenceLayer {\n    .introjs-tooltip {\n      .introjs-tooltiptext {\n        text-align: right;\n      }\n\n      .introjs-tooltipbuttons {\n        text-align: left;\n\n        .introjs-skipbutton {\n          margin-left: 5px;\n          margin-right: unset;\n        }\n\n        .introjs-nextbutton {\n          -webkit-border-radius: 0.2em 0 0 0.2em;\n          -moz-border-radius: 0.2em 0 0 0.2em;\n          border-radius: 0.2em 0 0 0.2em;\n        }\n      }\n    }\n  }\n\n  .hovercard {\n    .follow {\n      .border-end {\n        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;\n        border-right: unset !important;\n      }\n    }\n  }\n\n  .list-inline-item {\n    &:not(:last-child) {\n      margin-left: 0.5rem;\n      margin-right: unset;\n    }\n  }\n\n  .like-comment {\n    ul {\n      &.list-inline {\n        padding-right: 0;\n      }\n    }\n  }\n\n  .typeahead {\n    text-align: right;\n  }\n\n  .listing {\n    ul {\n      padding-right: 0;\n\n      .icofont {\n        float: right;\n      }\n    }\n  }\n\n  // gallery page\n  .gallery {\n    .hover-5 {\n      img {\n        margin-right: 30px;\n      }\n\n      &:hover {\n        img {\n          margin-right: 0;\n        }\n      }\n    }\n  }\n\n  .lg-outer {\n    text-align: right;\n  }\n\n  .lg-toolbar .lg-icon {\n    float: left;\n  }\n\n  #lg-counter {\n    padding-right: 20px;\n    padding-left: unset;\n    float: right;\n  }\n\n  // chart widget page\n  .chart-widget-top {\n    .text-end {\n      text-align: left !important;\n    }\n\n    .num {\n      .ms-1 {\n        margin-right: 0.25rem !important;\n      }\n    }\n  }\n\n  .bar-chart-widget {\n    .earning-details {\n      i {\n        left: -240px;\n      }\n    }\n\n    .bottom-content {\n      .b-r-light {\n        border-left: 1px solid #eeeeee !important;\n        border-right: unset !important;\n      }\n\n      .num {\n        .ms-1 {\n          margin-right: 0.25rem !important;\n        }\n      }\n    }\n  }\n\n  // dashboard-08\n\n  .customer-sticky {\n    .common-search {\n      .form-control {\n        border-right: unset;\n        border-left: var(--bs-border-width) solid var(--bs-border-color);\n      }\n    }\n  }\n\n  // Dashboard-9\n  .compare-order {\n    .card-body {\n      .user-growth {\n        margin-right: unset;\n        margin-left: 4px;\n      }\n    }\n  }\n\n  .crm-card {\n    .crm-img {\n      right: unset;\n      left: 12px;\n\n      @media (max-width:1874px) and (min-width:1820px) {\n        left: 12px;\n        right: unset;\n      }\n\n      @media (max-width:1819px) and (min-width:1626px) {\n        left: 8px;\n        right: unset;\n      }\n\n      @media (max-width:1625px) and (min-width:1521px) {\n        left: 12px;\n        right: unset;\n      }\n\n      @media (max-width:1520px)and (min-width:1400px) {\n        left: 4px;\n        right: unset;\n      }\n\n      @media (max-width:850px) and (min-width:768px) {\n        left: 8px;\n        right: unset;\n      }\n\n      @media (max-width:416px) {\n        left: 8px;\n        right: unset;\n      }\n    }\n  }\n\n  .revenue-chart-container {\n    margin: -23px -16px -26px -10px;\n  }\n\n  .finance-wrapper {\n    .common-flex {\n      h6 {\n        &:last-child {\n          border-right: 1px solid var(--chart-dashed-border);\n          border-left: unset;\n          padding-right: 16px;\n          padding-left: unset;\n\n          @media (max-width:338px) and (min-width:323px) {\n            padding-right: 6px;\n            padding-left: unset;\n          }\n\n          @media (max-width:322px) {\n            border-right: unset;\n            border-left: unset;\n            padding-right: 0;\n            padding-left: unset;\n          }\n        }\n      }\n    }\n  }\n\n  .deal-table {\n    &.recent-table {\n\n      thead,\n      tbody {\n        tr {\n\n          th,\n          td {\n            &:first-child {\n              padding-right: 20px !important;\n              padding-left: 8px;\n            }\n\n            @media (max-width:1704px) and (min-width:1400px) {\n\n\n              &:nth-child(2) {\n                padding-right: 20px;\n              }\n            }\n\n            &:last-child {\n              padding-left: 20px !important;\n              padding-right: 8px;\n            }\n\n            @media (max-width:1591px) and (min-width:1400px) {\n              &:nth-child(2) {\n                padding-right: 20px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // Leads table\n  .lead-table {\n    &.recent-table {\n      &.table-responsive {\n        div.dt-container {\n          .dt-layout-row {\n            .dt-layout-cell {\n              .dt-search {\n                left: 60px;\n                right: unset;\n              }\n            }\n          }\n        }\n      }\n\n      thead,\n      tbody {\n        tr {\n\n          th,\n          td {\n\n            &:first-child {\n              padding-right: 20px !important;\n              padding-left: 8px;\n            }\n\n            &:last-child {\n              padding-left: 20px !important;\n              padding: 8px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // Lead source \n  .main-lead-source {\n    margin-right: -100px;\n    margin-left: unset;\n\n    .lead-source-1 {\n      margin: 40px 20px 80px 0px;\n\n      @media (max-width:1610px) and (min-width:1411px) {\n        margin: 60px 20px 100px 0px;\n      }\n\n      @media (max-width:1410px) and (min-width:1400px) {\n        margin: 70px 20px 120px 0px;\n      }\n\n      @media (max-width:1399px) and (min-width:1211px) {\n        margin: 30px 20px 80px 0px;\n      }\n\n      @media (max-width:1210px) {\n        margin: 40px 20px 90px 0px;\n      }\n\n      @media (max-width:767px) {\n        margin: 20px 20px 70px 0px;\n      }\n\n      @media (max-width:585px) and (min-width:576px) {\n        margin: 42px 32px 92px 0px;\n      }\n    }\n\n    .lead-source-2 {\n      left: -35%;\n      right: unset;\n\n      @media (max-width:1410px) and (min-width:1400px) {\n        left: -42%;\n        right: unset;\n      }\n    }\n  }\n\n  .lead-source-3 {\n    left: -90%;\n    right: unset;\n    transform: translate(50%, 50%);\n\n    @media (max-width:1599px) {\n      left: -85%;\n      right: unset;\n    }\n  }\n\n  // Sales\n  .sales-data {\n    @media (max-width:1490px) and (min-width:1431px) {\n      justify-content: flex-end;\n    }\n\n    @media (max-width:635px) and (min-width:576px) {\n      justify-content: flex-end;\n    }\n  }\n\n  // Dashboard-13\n  .dashboard-13 {\n    .delivery-duration-chart {\n      @media (max-width:332px) {\n        margin: 0 -20px -40px 0px;\n      }\n    }\n\n    .common-stat-option {\n      transform: scaleX(-1);\n      margin-left: -6px;\n      margin-right: 0;\n    }\n\n    .delivered-stat-option {\n      transform: scaleX(-1);\n      margin-left: -6px;\n      margin-right: 0;\n    }\n\n    .delivery-chart {\n      .balance-data {\n        @media (max-width:1690px) {\n          inset: 0;\n        }\n      }\n    }\n\n    .vehicle-table {\n      .recent-table {\n        .dt-container {\n          .dt-layout-row {\n            table {\n              &.dataTable {\n                thead {\n                  tr {\n                    th {\n                      &:first-child {\n                        text-align: center;\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        table {\n\n          thead,\n          tbody {\n            tr {\n\n              th,\n              td {\n\n                &:first-child {\n                  padding-right: 20px;\n                  padding-left: 8px;\n                }\n\n                &:last-child {\n                  padding-left: 20px;\n                  padding-right: 8px;\n                }\n\n                @media (max-width:1364px)and (min-width:1200px) {\n                  &:nth-child(5) {\n                    padding-left: 20px;\n                    padding-right: 8px;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .shipment-tracking-table {\n      .recent-table {\n        div.dt-container {\n          .dt-layout-row {\n            table {\n              &.dataTable {\n                thead {\n                  tr {\n                    th {\n                      &:first-child {\n                        text-align: center;\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        table {\n\n          thead,\n          tbody {\n            tr {\n\n              th,\n              td {\n                &:first-child {\n                  padding-right: 20px;\n                  padding-left: 8px;\n                }\n\n                &:last-child {\n                  padding-left: 20px;\n                  padding-right: 8px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .page-analytics-table {\n    .recent-table {\n      div.dt-container {\n        .dt-layout-row {\n\n          .dt-layout-cell {\n            .dt-search {\n              left: 60px;\n              right: unset;\n\n              @media (max-width:1500px) {\n                right: 20px;\n                left: unset;\n              }\n\n              @media (max-width:420px) {\n                right: unset;\n                left: -130px;\n              }\n            }\n          }\n\n          &:first-child {\n            @media (max-width:420px) {\n              .dt-length {\n                right: 20px;\n                left: unset;\n              }\n            }\n          }\n        }\n      }\n\n      .table {\n\n        thead,\n        tbody {\n          tr {\n\n            th,\n            td {\n              &:first-child {\n                padding-right: 20px !important;\n              }\n\n              &:last-child {\n                padding-left: 20px !important;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .session-progress {\n    .progress {\n\n      .small-progressbar {\n        .animate-circle {\n          left: -16px;\n          right: unset;\n        }\n      }\n\n      .small-progressbar {\n        &::after {\n          left: -9px;\n          right: unset;\n        }\n      }\n\n      .progress-label {\n        left: -20px;\n        right: unset;\n\n        @media (max-width:1399px) {\n          left: -16px;\n          right: unset;\n        }\n      }\n    }\n  }\n\n  .analytics-view-wrapper {\n    margin: -34px px -30px -10px;\n  }\n\n  .visit-duration-wrapper {\n    margin: -34px -10px -30px 35px;\n  }\n\n  .session-browser-table {\n    .table-responsive {\n      .table {\n\n        thead,\n        tbody {\n          tr {\n\n            th,\n            td {\n\n              &:first-child {\n                padding-right: 20px !important;\n                padding-left: 8px;\n              }\n\n              &:last-child {\n                padding-left: 20px !important;\n                padding-left: 8px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // Dashboard-11\n  .attendance-table {\n    &.recent-table {\n      div.dt-container {\n        .dt-layout-row {\n          .dt-search {\n            @media (max-width:1399px) {\n              right: 20px;\n              left: unset;\n            }\n          }\n        }\n      }\n\n      table {\n\n        thead,\n        tbody {\n          tr {\n\n            th,\n            td {\n\n              &:first-child {\n                padding-right: 20px !important;\n              }\n\n              &:last-child {\n                padding-left: 20px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .birthday-cards {\n    .swiper {\n      .swiper-slide {\n        .birthday-usercard {\n          .btd-user {\n            .verified-user {\n              left: 0;\n              right: unset;\n            }\n          }\n        }\n      }\n    }\n\n    .send-wishes {\n      i {\n        transform: scaleX(-1);\n      }\n    }\n  }\n\n  .project-analytics {\n    .project-analytics-wrapper {\n      margin: 0 -10px -20px 0px;\n    }\n  }\n\n  .project-finish-card {\n    .project-right-content {\n      right: unset;\n      left: -16px;\n    }\n  }\n\n  .leave-request-table {\n    &.table-responsive {\n      .table {\n\n        thead,\n        tbody {\n\n          th,\n          td {\n            &:first-child {\n              padding-right: 20px !important;\n            }\n\n            &:last-child {\n              padding-left: 20px !important;\n            }\n\n            @media (max-width:1635px) and (min-width:1400px) {\n\n              &:nth-child(2) {\n                padding-left: 20px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .schedule-calender {\n    .tab-content {\n      .activity-update {\n        >li {\n          >div {\n            border-radius: 0px 6px 6px 0px;\n\n            @media (max-width:1490px) and (min-width:1400px) {\n              padding-right: 20px;\n              padding-left: unset;\n            }\n\n            @media (max-width:500px) {\n              padding-right: 20px;\n              padding-left: unset;\n            }\n          }\n\n          .left-schedule {\n            margin-right: 14px;\n            margin-left: unset;\n\n            @media (max-width:1490px) and (min-width:1400px) {\n              margin-right: 0;\n              margin-left: unset;\n            }\n\n            @media (max-width:500px) {\n              margin-right: 0;\n              margin-left: unset;\n            }\n\n            .customers {\n              padding-left: 6px;\n              padding-right: unset;\n\n              ul {\n                li {\n                  +li {\n                    margin-right: -16px;\n                    margin-left: unset;\n                  }\n                }\n              }\n            }\n\n            .schedule-name {\n              border-right: 1px solid rgba($badge-light-color, 80%);\n              border-left: unset;\n              padding-right: 6px;\n              padding-left: unset;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .employee-list-table {\n    &.recent-table {\n      div.dt-container {\n        .dt-layout-row {\n          .dt-layout-cell {\n            .dt-search {\n              @media (max-width:1399px) {\n                right: 20px;\n                left: unset;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .html-expert-table {\n    .dt-container {\n      .dt-buttons {\n        float: none;\n      }\n\n      .dt-search {\n        text-align: left;\n      }\n    }\n  }\n\n  // Dashboard-12\n  .dashboard-12 {\n    .main-expenses {\n\n      .monthly-expense-wrapper,\n      .yearly-expense-wrapper {\n        transform: scaleX(-1);\n      }\n    }\n\n    .tasks-card {\n      .arrow-group {\n\n        .prev,\n        .next {\n          transform: scaleX(-1);\n        }\n      }\n    }\n\n    .sales-report {\n      .balance-data {\n        @media (max-width:519px) {\n          inset: 0;\n        }\n      }\n    }\n\n    .all-project-table {\n      .recent-table {\n        .dt-container {\n          .dt-layout-row {\n            table {\n              &.dataTable {\n                thead {\n                  tr {\n                    th {\n                      &:first-child {\n                        text-align: center;\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        table {\n\n          thead,\n          tbody {\n            tr {\n\n              th,\n              td {\n\n                &:first-child {\n                  padding-right: 20px;\n                  padding-left: 8px;\n                }\n\n                &:last-child {\n                  padding-left: 20px;\n                  padding-right: 7px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .upcoming-datatable {\n      .recent-table {\n        .dt-container {\n          .dt-layout-row {\n            table {\n              &.dataTable {\n                thead {\n                  tr {\n                    th {\n                      &:first-child {\n                        text-align: center;\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        table {\n\n          thead,\n          tbody {\n            tr {\n\n              th,\n              td {\n                &:first-child {\n                  padding-right: 20px;\n                  padding-left: 8px;\n                }\n\n                &:last-child {\n                  padding-left: 20px;\n                  padding-right: 8px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .recent-activity-table {\n      .recent-table {\n        .dt-container {\n          .dt-layout-row {\n            table {\n              &.dataTable {\n                thead {\n                  tr {\n                    th {\n                      &:first-child {\n                        text-align: center;\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        table {\n\n          thead,\n          tbody {\n            tr {\n\n              th,\n              td {\n                &:first-child {\n                  padding-right: 20px;\n                  padding-left: 8px;\n                }\n\n                &:last-child {\n                  padding-left: 20px;\n                  padding-right: 8px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .team-performance-table {\n      .recent-table {\n        table {\n\n          thead,\n          tbody {\n            tr {\n\n              th,\n              td {\n                &:first-child {\n                  padding-right: 20px;\n                  padding-left: 8px;\n                }\n\n                &:last-child {\n                  padding-left: 20px;\n                  padding-right: 8px;\n                }\n\n                @media (max-width:1698px) and (min-width:1400px) {\n                  &:nth-child(3) {\n                    padding-left: 20px;\n                    padding-right: 8px;\n                  }\n                }\n\n                @media (max-width:1235px) and (min-width:1200px) {\n                  &:nth-child(3) {\n                    padding-left: 20px;\n                    padding-right: 8px;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // dashboard project page\n  .chart-vertical-center {\n\n    #myDoughnutGraph,\n    #myPolarGraph {\n      width: auto !important;\n    }\n  }\n\n  div {\n    &.dt-buttons {\n      float: right;\n    }\n  }\n\n  .dt-button-collection {\n    left: unset !important;\n    right: 0 !important;\n  }\n\n  // dropzone page\n  .dropzone {\n    .dz-preview {\n\n      .dz-error-mark,\n      .dz-success-mark {\n        right: 50%;\n        margin-right: -27px;\n        margin-left: unset;\n        left: unset;\n      }\n\n      .dz-filename,\n      .dz-details,\n      .dz-remove {\n        text-align: right;\n      }\n    }\n  }\n\n  // footer page\n  .page-wrapper {\n    .page-body-wrapper {\n      footer {\n        margin-right: 78px;\n        margin-left: unset;\n\n        p {\n          i {\n            margin-right: 5px;\n            margin-left: unset;\n          }\n        }\n      }\n    }\n  }\n\n  .footer-copyright {\n    text-align: right;\n  }\n\n  .footer-links {\n    text-align: left;\n  }\n\n  .page-item {\n    &:first-child {\n      .page-link {\n        margin-right: 0;\n        border-top-right-radius: 0.25rem;\n        border-bottom-right-radius: 0.25rem;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n        border-left: none;\n      }\n    }\n\n    &:last-child {\n      .page-link {\n        border-top-left-radius: 0.25rem;\n        border-bottom-left-radius: 0.25rem;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n    }\n  }\n\n  // popover page\n  .popover.top,\n  .popover.bottom {\n    >.arrow:after {\n      margin-right: -10px;\n      margin-left: unset;\n    }\n  }\n\n  // touchspin page\n  .bootstrap-touchspin {\n    >.input-group-append {\n\n      >.btn,\n      >.input-group-text {\n        border-top-right-radius: 0 !important;\n        border-bottom-right-radius: 0 !important;\n        border-top-left-radius: 0 !important;\n        border-bottom-left-radius: 0 !important;\n      }\n    }\n\n    >.form-control,\n    >.custom-select {\n      &:not(:last-child) {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n    }\n\n    .rounded-touchspin {\n      .btn-touchspin {\n        i {\n          transform: scaleX(-1);\n        }\n      }\n    }\n  }\n\n  .pre-post-touchspin {\n\n    .decrement-touchspin,\n    .increment-touchspin {\n      border-radius: 0 !important;\n    }\n  }\n\n  // typahead page\n  .typeahead {\n    span {\n      &.twitter-typeahead {\n        .tt-suggestion {\n          text-align: right;\n        }\n      }\n    }\n\n    .league-name {\n      text-align: right;\n      margin-right: 5px;\n    }\n  }\n\n  // call-chat page\n  .follow {\n    .text-md-right {\n      text-align: left !important;\n    }\n  }\n\n  // vector map page\n  .jvectormap-zoomin,\n  .jvectormap-zoomout,\n  .jvectormap-goback {\n    right: 10px;\n    left: unset;\n  }\n\n  //customizer rtl css\n  .customizer-links {\n    right: unset;\n    left: 0;\n\n    >.nav {\n      padding-right: 10px;\n    }\n\n    .nav-link {\n      &:after {\n        right: -10px;\n        left: unset;\n        border-width: 5px 5px 5px 0;\n        border-left-color: unset;\n        border-right-color: lighten($primary-color, 25%);\n      }\n\n      span {\n        right: unset;\n        left: -60px;\n      }\n\n      &:hover {\n        span {\n          left: 48px;\n        }\n      }\n    }\n\n    &.open {\n      right: unset;\n      left: 330px;\n      border-radius: 0 8px 8px 0;\n    }\n  }\n\n  .customizer-contain {\n    width: 330px;\n    right: unset;\n    left: -330px;\n\n    &.open {\n      right: unset;\n      left: 0px;\n    }\n\n    .customizer-header {\n      .icon-close {\n        left: unset;\n        right: 30px;\n      }\n    }\n  }\n\n  // boxes layout rtl css\n  .box-layout {\n    &.page-wrapper.horizontal-wrapper {\n      .page-header {\n        padding-right: 250px;\n        padding-left: unset;\n\n        &.open {\n          padding-right: 0;\n        }\n      }\n    }\n\n    &.page-wrapper {\n      &.compact-wrapper {\n        .page-body-wrapper {\n          .page-body {\n            margin-left: unset;\n            margin-right: 230px;\n          }\n\n          .sidebar-wrapper {\n            border-radius: 0 10px 10px 0;\n\n            &.close_icon {\n              ~footer {\n                width: 1280px;\n                left: 50%;\n                padding-inline: 0;\n              }\n            }\n          }\n\n          footer:not(.kanban-container footer) {\n            padding-left: unset;\n            padding-right: 230px;\n          }\n        }\n\n        .page-header {\n          margin-left: auto;\n          margin-right: auto;\n          padding-left: unset;\n          padding-right: 230px;\n\n          &.close_icon {\n            padding-right: 100px;\n          }\n\n          .header-wrapper {\n            border-radius: 10px 0px 0px 0px;\n          }\n        }\n      }\n\n      .page-header {\n        &.close_icon {\n          padding-left: unset;\n          padding-right: 80px !important;\n          margin-left: auto;\n        }\n      }\n    }\n  }\n\n  body.dark-only {\n    .custom-card {\n      .card-footer {\n        >div {\n          +div {\n            border-right: 1px solid $dark-card-border;\n          }\n        }\n      }\n    }\n\n    .page-wrapper {\n      .page-body-wrapper {\n        .page-body {\n          .card:not(.email-body) {\n            .border-right {\n              border-right: none !important;\n              border-left: 1px solid $dark-card-border !important;\n            }\n          }\n        }\n      }\n\n      &.compact-wrapper {\n        .page-header {\n          .header-wrapper {\n            .toggle-sidebar {\n              border-left: 1px solid $dark-card-border;\n              border-right: unset;\n            }\n          }\n        }\n      }\n    }\n\n    .social-chat {\n      .flex-grow-1 {\n        &:after {\n          border-right: unset;\n          border-left: 7px solid $dark-card-background;\n        }\n      }\n    }\n\n    .contacts-tabs {\n      .nav-pills {\n        border-right: unset;\n        border-left: 1px solid $dark-card-border;\n      }\n    }\n  }\n\n  // responsive css\n  @media screen and (max-width: 1660px) {\n\n    // video chat page\n    .caller-img {\n      left: unset;\n      right: 15px;\n    }\n  }\n\n  @media only screen and (max-width: 1366px) {\n    .profile-dropdown {\n      &.onhover-show-div {\n        right: unset !important;\n        left: 0 !important;\n      }\n    }\n\n    .product-wrapper {\n      .product-grid {\n        .feature-products {\n          margin-right: 0;\n        }\n      }\n    }\n\n    .product-grid {\n      margin-right: 0;\n    }\n\n    .d-none-productlist {\n      margin-left: 10px;\n      margin-right: unset;\n    }\n\n    .photos {\n      ul {\n        li {\n          &:nth-child(3n) {\n            margin-left: 15px;\n            margin-right: unset;\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1200px) {\n    .float-xl-end {\n      float: left !important;\n    }\n\n    // vertical page\n    .pixelstrap {\n      ul {\n        a {\n\n          &:hover,\n          &:focus,\n          &:active,\n          &.highlighted {\n            .sub-arrow {\n              left: 3px;\n              right: unset;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 992px) {\n    .text-lg-start {\n      text-align: right !important;\n    }\n  }\n\n  @media only screen and (max-width: 1199.98px) {\n    .jkanban-container {\n      .btn {\n        margin-left: unset;\n        margin-right: 20px;\n      }\n    }\n\n    .link-section>div>h6:before {\n      right: unset;\n      left: 10px;\n    }\n\n    .page-wrapper {\n      .page-header {\n        .header-wrapper {\n          .nav-right {\n            >ul {\n              li {\n                .submenu {\n                  li {\n                    &:first-child {\n                      padding-right: 15px !important;\n                      padding-left: 15px !important;\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .user-profile {\n      .hovercard {\n        .user-image {\n          .share-icons {\n            left: 45px;\n          }\n        }\n      }\n    }\n\n    .email-wrap {\n      .row {\n        .col-xl-6 {\n          padding-right: 15px;\n        }\n\n        .col-xl-3 {\n          +.col-xl-3 {\n            padding-left: 15px;\n          }\n        }\n      }\n\n      .email-app-sidebar {\n        .main-menu {\n          &>li {\n            text-align: right;\n\n            a {\n              i {\n                margin-right: unset;\n                margin-left: 10px;\n              }\n            }\n          }\n        }\n\n        ul {\n          padding-right: 0;\n        }\n      }\n\n\n\n      .email-right-aside {\n        .email-body {\n          .pe-0 {\n            padding-right: unset !important;\n          }\n        }\n\n        .radius-left {\n          border-top-right-radius: 0 !important;\n          border-bottom-right-radius: 0 !important;\n          border-radius: 4px;\n        }\n      }\n    }\n\n    .chat-menu-icons {\n      text-align: left;\n    }\n\n    .chat-menu {\n      left: 0;\n      right: unset;\n    }\n  }\n\n  @media only screen and (max-width: 991.98px) {\n    .page-wrapper {\n      &.compact-wrapper {\n        .page-body-wrapper {\n          div.sidebar-wrapper {\n            &.close_icon {\n              transform: translate(285px);\n\n              &:hover {\n                transform: translate(285px);\n              }\n            }\n\n            .logo-wrapper {\n              .back-btn {\n                float: left;\n                transform: rotate(180deg);\n                left: 26px;\n                right: unset;\n              }\n            }\n          }\n        }\n\n        .page-header {\n          .header-wrapper {\n            .toggle-sidebar {\n              margin-right: 0;\n              border-right: none;\n              padding-right: 0;\n              border-left: 1px solid $ps-light-border;\n              ;\n              margin-left: 15px;\n              padding-left: 15px;\n\n            }\n          }\n        }\n      }\n\n      &.compact-sidebar {\n        .page-header {\n          margin-right: 0;\n        }\n      }\n\n      &.material-icon {\n        .page-header {\n          padding-right: 0;\n        }\n\n        .page-body-wrapper {\n          .page-body {\n            padding-right: 15px;\n          }\n        }\n      }\n    }\n\n    .faq-accordion {\n      .faq-header {\n        svg {\n          left: 20px;\n        }\n      }\n    }\n\n    .page-wrapper {\n      .page-header {\n        .header-logo-wrapper {\n          .logo-wrapper {\n            img {\n              margin-left: 15px;\n              margin-right: unset;\n            }\n          }\n        }\n      }\n\n    }\n\n    .page-body-wrapper {\n\n      .page-body,\n      footer {\n        margin-right: 0 !important;\n      }\n    }\n\n    .main {\n      .langChoice {\n        left: 20px;\n      }\n    }\n\n    .page-wrapper {\n      .page-body-wrapper {\n        .page-title {\n          .breadcrumb {\n            margin-right: 0;\n          }\n        }\n\n        .page-body {\n          min-height: calc(100vh - 60px);\n        }\n      }\n\n      .page-header {\n        margin-right: 0;\n      }\n\n      &.compact-wrapper {\n        .page-header {\n          margin-right: 0 !important;\n          margin-left: unset !important;\n        }\n\n        .page-body-wrapper {\n          &.sidebar-wrapper {\n\n            &.close_icon {\n              transform: translate(285px);\n            }\n          }\n        }\n      }\n    }\n\n    .bookmark {\n      ul {\n        li {\n          .search-form {\n            .form-control-search {\n              left: -127px;\n            }\n          }\n        }\n      }\n    }\n\n    .card {\n      .card-header {\n        .card-header-right {\n          left: 15px;\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 991px) and (min-width: 768px) {\n    .page-wrapper {\n      &.compact-wrapper {\n        &.material-type {\n          .page-body-wrapper {\n            div.sidebar-wrapper {\n              left: unset;\n              right: 0;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 768px) {\n    .float-md-end {\n      float: left !important;\n    }\n\n    .income-wrap {\n      .ps-md-0 {\n        padding-left: 30px !important;\n        padding-right: 0 !important;\n      }\n    }\n\n    .text-md-end {\n      text-align: left !important;\n    }\n\n    .offset-md-3 {\n      margin-right: 25%;\n      margin-left: unset;\n    }\n\n    .offset-md-2 {\n      margin-left: unset;\n      margin-right: 16.66666667%;\n    }\n\n    .text-md-start {\n      text-align: right !important;\n    }\n\n    .ecommerce-widget {\n      .text-md-end {\n        text-align: left !important;\n\n        ul {\n          text-align: left;\n        }\n      }\n    }\n  }\n\n  // Animate\n  @media (min-width:1200px) {\n    .offset-xl-3 {\n      margin-right: 25%;\n      margin-left: unset;\n    }\n  }\n\n  @media only screen and (max-width: 767.98px) {\n    .list-persons {\n      .profile-mail {\n        .email-general {\n          ul {\n            padding-left: 0;\n          }\n        }\n      }\n    }\n\n    .product-wrapper {\n      &.sidebaron {\n        .product-grid {\n          .product-wrapper-grid {\n            margin-right: 0;\n          }\n        }\n      }\n    }\n\n    // .product-sidebar {\n    //   // transform: translateX(300px) scaleX(1);\n\n    //   &.open {\n    //     transform: translateX(0px) scaleX(1);\n    //   }\n    // }\n\n    .feature-products {\n      .filter-toggle {\n        margin-right: 10px;\n        margin-left: unset;\n      }\n    }\n\n    .user-profile {\n      .hovercard {\n        .user-image {\n          .share-icons {\n            left: 25px !important;\n          }\n        }\n      }\n    }\n\n    .ecommerce-widget {\n      .text-md-right {\n        text-align: left !important;\n      }\n    }\n\n    .bar-chart-widget {\n      .earning-details {\n        i {\n          left: -147px !important;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 576px) {\n    .offset-sm-3 {\n      margin-right: 25%;\n      margin-left: unset;\n    }\n\n    .text-sm-end {\n      text-align: left !important;\n    }\n\n    .float-sm-end {\n      float: left !important;\n    }\n\n    .me-sm-2 {\n      margin-left: 0.5rem !important;\n      margin-right: unset !important;\n    }\n  }\n\n  @media only screen and (max-width: 575.98px) {\n    .list-persons {\n      .nav-pills {\n        .nav-link {\n          .d-flex {\n            .flex-grow-1 {\n              text-align: right;\n            }\n          }\n        }\n      }\n    }\n\n    .page-wrapper {\n      .page-header {\n        .header-wrapper {\n          .nav-right {\n            >ul {\n              li {\n                margin-right: unset;\n                margin-left: 1px;\n              }\n            }\n          }\n\n          .search-full {\n            .form-group {\n              .close-search {\n                left: 0;\n              }\n            }\n          }\n        }\n      }\n\n      &.compact-wrapper,\n      &.compact-sidebar {\n        .page-header {\n          .header-wrapper {\n            .toggle-sidebar {\n              margin-left: 8px;\n              padding-left: 8px;\n              margin-right: unset;\n              padding-right: unset;\n              border-right: unset;\n              border-left: 1px solid $ps-light-border;\n              ;\n            }\n          }\n        }\n      }\n    }\n\n    .translate_wrapper {\n      &.active {\n        .more_lang {\n          &.active {\n            left: unset;\n            right: 12px;\n          }\n        }\n      }\n    }\n\n    .page-header {\n      .header-wrapper {\n        .nav-right {\n          >ul {\n            >li {\n              &:last-child {\n                padding-right: 10px;\n              }\n            }\n          }\n\n          &.right-header {\n            ul {\n              &.notification-dropdown {\n                left: unset !important;\n                right: 15px !important;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .faq-accordion {\n      .faq-header {\n        svg {\n          left: 15px;\n        }\n      }\n    }\n\n    .user-profile {\n      .hovercard {\n        .user-image {\n          .share-icons {\n            left: 15px !important;\n\n            li {\n              margin-left: 0px;\n            }\n          }\n        }\n      }\n    }\n\n    .main {\n      .langChoice {\n        left: 20px;\n      }\n    }\n\n    .page-wrapper {\n      .search-form {\n        .form-group {\n          margin-left: 0;\n        }\n      }\n    }\n\n    .card-body {\n      .value-left {\n        margin-left: 15px;\n      }\n    }\n  }\n\n  // Common Datatables \n  .default-dashboard,\n  .dashboard-2,\n  .dashboard-3,\n  .dashboard-4,\n  .main-scope-project,\n  .e-category,\n  .list-product-view,\n  .seller-details-wrapper,\n  .common-order-history,\n  .common-cart,\n  .api-manage,\n  .role-permission-wrapper,\n  .user-list-wrapper,\n  .manage-review-wrapper,\n  .candidate-wrapper,\n  .product-report-wrapper,\n  .sale-report-wrapper,\n  .sale-return-wrapper,\n  .customer-order-wrapper,\n  .main-tasks,\n  .subscribed-user,\n  .overall-budget {\n    .heading-space {\n      .card-header {\n        .header-top {\n          margin-right: 74px;\n          margin-left: unset;\n        }\n      }\n    }\n\n    div.dt-container {\n      .dt-layout-row {\n        .dt-length {\n          right: 20px;\n          left: unset;\n        }\n\n        .dataTable {\n          thead {\n            tr {\n              th {\n                text-align: right;\n\n                &:not(:first-child) {\n                  padding-left: 28px !important;\n                }\n              }\n            }\n          }\n\n          &.table-sm {\n            thead {\n              tr {\n                th {\n\n                  &.dt-orderable-asc,\n                  &.dt-orderable-desc,\n                  &.dt-ordering-asc,\n                  &.dt-ordering-desc {\n                    padding-left: 20px;\n\n                    span {\n                      &.dt-column-order {\n                        left: 5px;\n                        right: unset;\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n\n          thead {\n            tr {\n              th {\n\n                &.dt-orderable-asc,\n                &.dt-orderable-desc,\n                &.dt-ordering-asc,\n                &.dt-ordering-desc {\n                  padding-left: 28px;\n                  padding-right: 10px;\n\n                  span {\n                    &.dt-column-order {\n                      left: 12px;\n                      right: unset;\n\n                      &::before,\n                      &::after {\n                        right: 0;\n                        left: unset;\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        .dt-layout-cell {\n          .dt-search {\n            left: -10px;\n            right: unset;\n\n            @media (max-width:640px) {\n              right: 20px;\n              left: unset;\n            }\n\n            label {\n              margin-left: 6px;\n              margin-right: unset;\n            }\n          }\n        }\n\n        .dt-paging {\n          text-align: start;\n\n          .dt-paging-button {\n            margin-left: 12px;\n            margin-right: unset;\n\n            @media (max-width:767px) {\n              margin-left: 8px;\n              margin-right: unset;\n            }\n\n            &:last-child {\n              margin-left: 0;\n              margin-right: unset;\n            }\n          }\n        }\n\n        .dt-select {\n          .dt-select-checkbox {\n\n            &:indeterminate {\n              &::after {\n                right: 4px;\n                left: unset;\n              }\n            }\n\n            &:checked {\n\n              &::after {\n                margin-right: -4px;\n                margin-left: unset;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .product-report-wrapper,\n  .sale-report-wrapper,\n  .sale-return-wrapper,\n  .customer-order-wrapper {\n    .top-body {\n      ~ {\n\n        .product-report,\n        .sale-return-report,\n        .sale-report,\n        .customer-order-report,\n        .subscribed-user-wrapper {\n          .dt-container {\n            .dt-layout-row {\n              &:first-child {\n                right: unset;\n                left: 20px;\n                justify-content: flex-end;\n\n                @media (max-width:1320px) {\n                  inset: 0;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .product-report,\n    .sale-return-report,\n    .sale-report,\n    .customer-order-report {\n      .recent-table {\n\n        div.dt-container {\n          .dt-layout-row {\n            .dt-search {\n              inset: 0;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // Customer Order Report \n  .customer-order-wrapper {\n    .customer-order-report {\n      .recent-table {\n        .dt-container {\n          .dt-layout-row {\n            table {\n              &.dataTable {\n                thead {\n                  tr {\n                    th {\n                      &:first-child {\n                        text-align: center;\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        table {\n\n          thead,\n          tbody {\n            tr {\n\n              th,\n              td {\n                &:first-child {\n                  padding-right: 20px;\n                  padding-left: 8px;\n                }\n\n                &:last-child {\n                  padding-left: 20px;\n                  padding-right: 8px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // Sales Return Report \n  .sale-return-wrapper {\n    .sale-return-report {\n      .recent-table {\n        .dt-container {\n          .dt-layout-row {\n            table {\n              &.dataTable {\n                thead {\n                  tr {\n                    th {\n                      &:first-child {\n                        text-align: center;\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        table {\n\n          thead,\n          tbody {\n            tr {\n\n              th,\n              td {\n                &:first-child {\n                  padding-right: 20px;\n                  padding-left: 8px;\n                }\n\n                &:last-child {\n                  padding-left: 20px;\n                  padding-right: 8px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // Sales Report\n  .sale-report-wrapper {\n    .sale-report {\n      .recent-table {\n        .dt-container {\n          .dt-layout-row {\n            table {\n              &.dataTable {\n                thead {\n                  tr {\n                    th {\n                      &:first-child {\n                        text-align: center;\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        table {\n\n          thead,\n          tbody {\n            tr {\n\n              th,\n              td {\n                &:first-child {\n                  padding-right: 20px;\n                  padding-left: 8px;\n                }\n\n                &:last-child {\n                  padding-left: 20px;\n                  padding-right: 8px;\n                }\n\n                &:nth-child(n+3) {\n                  text-align: center;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // Product Peport \n  .product-report-wrapper {\n    .product-report {\n      .recent-table {\n        .dt-container {\n          .dt-layout-row {\n            table {\n              &.dataTable {\n                thead {\n                  tr {\n                    th {\n                      &:first-child {\n                        text-align: center;\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        table {\n\n          thead,\n          tbody {\n            tr {\n\n              th,\n              td {\n                &:first-child {\n                  padding-right: 20px;\n                  padding-left: 8px;\n                }\n\n                &:last-child {\n                  padding-left: 20px;\n                  padding-right: 8px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .sidebar-panel-main {\n    right: unset;\n    left: 30px;\n  }\n\n  .setting-sidebar,\n  .layout-sidebar {\n    right: unset;\n    left: -400px;\n\n    &.open {\n      right: unset;\n      left: 0;\n    }\n\n    .customizer-header {\n      p {\n        i {\n          margin-left: unset;\n          margin-right: 4px;\n          transform: scaleX(-1);\n        }\n      }\n    }\n\n    .main-layout {\n      >li {\n        &+li {\n          margin-left: unset;\n          margin-right: 7px;\n        }\n      }\n    }\n\n    .layout-grid:not(.customizer-color) {\n      li {\n        >.body {\n          ul {\n            .sidebar {\n              margin-left: 3px;\n            }\n          }\n        }\n      }\n    }\n\n    .sidebar-type,\n    .sidebar-setting {\n      >li {\n        &+li {\n          margin-right: 7px;\n          margin-left: unset;\n        }\n      }\n    }\n\n    .unlimited-color-layout {\n      input {\n        margin-right: unset;\n        margin-left: 5px;\n      }\n    }\n\n    .customizer-body {\n      .layout-link {\n        li {\n          a {\n            i {\n              margin-right: unset;\n              margin-left: 6px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .customizer-links {\n    right: unset;\n    left: 0;\n\n    >.nav {\n      padding-right: 10px;\n    }\n\n    .nav-link {\n      &:after {\n        right: -10px;\n        left: unset;\n        border-width: 5px 5px 5px 0;\n        border-left-color: unset;\n        border-right-color: lighten($primary-color, 25%);\n      }\n\n      span {\n        right: unset;\n        left: -60px;\n      }\n\n      &:hover {\n        span {\n          left: 48px;\n        }\n      }\n    }\n\n    &.open {\n      right: unset;\n      left: 330px;\n      border-radius: 0 8px 8px 0;\n    }\n  }\n\n  .customizer-contain {\n    width: 330px;\n    right: unset;\n    left: -330px;\n\n    &.open {\n      right: unset;\n      left: 0px;\n    }\n\n    .customizer-header {\n      .icon-close {\n        left: unset;\n        right: 30px;\n      }\n    }\n  }\n\n  // Subscribed User \n  .subscribed-user {\n    .subscribed-user-wrapper {\n      .dt-container {\n        .dt-layout-row {\n          &:first-child {\n            left: 32px;\n          }\n\n          .dt-search {\n            inset: 0 !important;\n          }\n\n          table {\n            &.dataTable {\n              thead {\n                tr {\n                  th {\n                    &:first-child {\n                      text-align: center;\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n\n      table {\n\n        thead,\n        tbody {\n          tr {\n\n            th,\n            td {\n              &:first-child {\n                padding-right: 20px;\n                padding-left: 8px;\n              }\n\n              &:last-child {\n                padding-left: 20px;\n                padding-right: 8px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // Candidates \n  .candidate-wrapper {\n    .candidates-box {\n      .table-responsive {\n        .dt-container {\n          .dt-layout-row {\n            .dt-search {\n              right: unset;\n              left: 20px;\n\n              @media (max-width:640px) and (min-width:400px) {\n                left: 20px;\n                right: unset;\n              }\n\n              @media (max-width:399px) {\n                left: unset;\n                right: 0;\n              }\n            }\n          }\n\n          table {\n            &.dataTable {\n\n              thead,\n              tbody {\n                tr {\n\n                  th,\n                  td {\n                    &:first-child {\n                      padding-right: 20px;\n                      padding-left: 10px;\n                    }\n\n                    &:last-child {\n                      padding-left: 20px;\n                      padding-right: 10px;\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // Tasks\n  .main-tasks {\n    .common-task-table {\n      .table-responsive {\n        .dt-container {\n          .dt-layout-row {\n            .dt-search {\n              @media (min-width:641px) {\n                right: unset;\n                left: -50px;\n              }\n            }\n\n            table {\n              &.dataTable {\n                thead {\n                  tr {\n                    th {\n                      &:first-child {\n                        text-align: center;\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        table {\n\n          thead,\n          tbody {\n            tr {\n\n              th,\n              td {\n\n                &:first-child {\n                  padding-right: 20px;\n                  padding-left: 8px;\n                }\n\n                &:last-child {\n                  padding-left: 20px;\n                  padding-right: 8px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // API Management\n  .api-management {\n    .recent-table {\n      div.dt-container {\n        .dt-layout-row {\n          .dt-search {\n            @media (min-width:576px) {\n              right: unset;\n              left: 145px;\n            }\n          }\n\n          table {\n            &.dataTable {\n              thead {\n                tr {\n                  th {\n                    &:first-child {\n                      text-align: center;\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n\n      table {\n\n        thead,\n        tbody {\n          tr {\n\n            th,\n            td {\n\n              &:first-child {\n                padding-right: 20px;\n                padding-left: 8px;\n              }\n\n              &:last-child {\n                padding-left: 20px;\n                padding-right: 8px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // Roles and Permission \n  .role-permission-wrapper {\n    .permission-table {\n      div.dt-container {\n        .dt-layout-row {\n          .dt-search {\n            @media (min-width:576px) {\n              right: unset;\n              left: 234px;\n            }\n          }\n\n          table {\n            &.dataTable {\n              thead {\n                tr {\n                  th {\n                    &:first-child {\n                      text-align: center;\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n\n      table {\n\n        thead,\n        tbody {\n          tr {\n\n            th,\n            td {\n              &:first-child {\n                padding-right: 20px;\n                padding-left: 8px;\n              }\n\n              &:last-child {\n                padding-left: 20px;\n                padding-right: 8px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // Manage Review \n  .manage-review {\n    .recent-table {\n      div.dt-container {\n        .dt-layout-row {\n          .dt-layout-cell {\n            .dt-search {\n              @media (max-width:345px) {\n                label {\n                  text-align: right;\n                }\n              }\n            }\n          }\n        }\n      }\n\n      table {\n\n        thead,\n        tbody {\n          tr {\n\n            th,\n            td {\n              &:first-child {\n                padding-right: 20px;\n                padding-left: 8px;\n              }\n\n              &:last-child {\n                padding-left: 20px;\n                padding-right: 8px;\n              }\n            }\n\n            &.dt-hasChild {\n              ~ {\n                tr[data-dt-row] {\n                  td {\n                    padding-inline: 20px;\n\n                    table {\n                      tr {\n                        td {\n                          &:first-child {\n                            padding-right: 20px;\n                            padding-left: 8px;\n                          }\n\n                          &:last-child {\n                            padding-left: 20px;\n                            padding-right: 8px;\n                          }\n                        }\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n\n\n  // User List\n  .user-list-wrapper {\n    .user-list-table {\n      div.dt-container {\n        .dt-layout-row {\n          .dt-search {\n            @media (min-width:576px) {\n              right: unset;\n              left: 185px;\n            }\n          }\n\n          table {\n            &.dataTable {\n              thead {\n                tr {\n                  th {\n                    &:first-child {\n                      text-align: center;\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n\n      table {\n\n        thead,\n        tbody {\n          tr {\n\n            th,\n            td {\n              &:first-child {\n                padding-right: 20px;\n                padding-left: 8px;\n              }\n\n              &:last-child {\n                padding-left: 20px;\n                padding-right: 8px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // Sitemap \n  .sitemap-wrapper {\n\n    .horizontal-sitemap {\n      .tier-1 {\n        li {\n          text-align: right;\n\n          >a:not(.tier-2 li a) {\n            &:first-child {\n              &::before {\n                left: unset;\n                right: 50%;\n                transform: translateX(50%);\n              }\n            }\n          }\n\n          @media (min-width:992px) {\n            padding-right: calc(15px + (22 - 15) * ((100vw - 992px) / (1920 - 992)));\n            padding-left: unset;\n          }\n\n          @media (max-width:991px) {\n            padding-right: 0px;\n            padding-left: unset;\n          }\n        }\n\n        .tier-2 {\n          border-left: unset;\n          border-right: 2px solid $dark-color;\n\n          li {\n            &::before {\n              left: unset;\n              right: -22px;\n\n              @media (min-width:992px) {\n                right: calc(-16px + ((-22) - (-16)) * ((100vw - 992px) / (1920 - 992)));\n                left: unset;\n              }\n            }\n\n            >a {\n              &::before {\n                left: unset;\n                right: -22px;\n                transform: translateY(-50%) scaleX(-1);\n\n                @media (min-width:992px) {\n                  left: unset;\n                  right: calc(-16px + ((-22) - (-16)) * ((100vw - 992px) / (1920 - 992)));\n                  transform: translateY(-50%) scaleX(-1);\n                }\n              }\n            }\n          }\n\n          @media (min-width:992px) {\n            margin-right: calc(6px + (28 - 6) * ((100vw - 992px) / (1920 - 992)));\n            margin-left: unset;\n          }\n\n          @media (max-width:991px) {\n            margin-right: 0;\n            margin-left: unset;\n            padding-right: 20px;\n            padding-left: unset;\n          }\n\n          .tier-3 {\n            border-left: unset;\n            border-right: 2px solid $dark-color;\n\n            @media (min-width:992px) {\n              margin-right: calc(6px + (56 - 6) * ((100vw - 992px) / (1920 - 992)));\n              margin-left: unset;\n            }\n\n            @media (max-width:991px) {\n              margin-right: 0;\n              margin-left: unset;\n            }\n\n            li {\n              @media (max-width:991px) {\n                padding-right: 20px;\n                padding-left: unset;\n              }\n            }\n          }\n        }\n      }\n\n      .main-site {\n\n        li {\n          >a {\n            @media (max-width:991px) {\n              text-align: right;\n            }\n          }\n\n          .main-root {\n            &::after {\n              left: unset;\n              right: 50%;\n            }\n\n            @media (max-width:991px) {\n              text-align: center;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width:575.98px) {\n    .page-wrapper {\n      .page-header {\n        .header-wrapper {\n          .nav-right {\n            .onhover-show-div {\n              right: unset !important;\n              left: 12px !important;\n            }\n          }\n        }\n      }\n    }\n  }\n\n\n  @media only screen and (max-width: 480px) {\n    .knob-chart {\n      .chart-clock-main {\n        width: unset;\n\n        .clock-small {\n          right: 32px;\n        }\n\n        .clock-large {\n          right: 12px;\n          left: unset;\n        }\n\n        .clock-medium {\n          right: 32px;\n          left: unset;\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 420px) {\n    .page-wrapper {\n      &.compact-sidebar {\n        .page-body-wrapper {\n          div.sidebar-wrapper {\n            .sidebar-main {\n              .sidebar-links {\n                li {\n\n                  .sidebar-submenu {\n                    right: 112px;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n\n      &.compact-small {\n        .page-body-wrapper {\n          div.sidebar-wrapper {\n            .sidebar-main {\n              .sidebar-links {\n                li {\n\n                  .sidebar-submenu {\n                    right: 80px;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 360px) {\n    .social-app-profile {\n      .hovercard {\n        .user-image {\n          .avatar {\n            margin-top: -47px;\n\n            img {\n              width: 85px;\n              height: 85px;\n            }\n          }\n        }\n      }\n    }\n\n    .social-chat {\n      .other-msg {\n        margin-right: 15px;\n      }\n    }\n  }\n\n  @media screen and (max-width: 1460px) {\n    .sidebar-wrapper {\n      .sidebar-main {\n        .sidebar-links {\n          .simplebar-wrapper {\n            .simplebar-mask {\n              .simplebar-content-wrapper {\n                .simplebar-content {\n                  >li {\n                    margin-left: 8px;\n                    margin-right: unset;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n/**=====================\n    5.8 Rtl CSS Ends\n==========================**/","/**=====================\n  5.9 Box-layout CSS start\n==========================**/\n\n.box-layout {\n  background-image: url(../images/other-images/boxbg.jpg);\n  background-blend-mode: overlay;\n  background-color: rgba($white, 0.5);\n\n  @media only screen and (max-width:1716px) {\n    .dashboard-13 {\n      .sales-order-chart {\n        margin-top: 0px;\n      }\n    }\n  }\n\n  @media only screen and (max-width:1693px) and (min-width:1634px) {\n    .dashboard-13 {\n      .fleet-status-chart {\n        margin-bottom: -95px;\n\n        .apexcharts-radialbar {\n          transform: scale(0.7);\n        }\n\n        .apexcharts-legend {\n          display: none;\n        }\n      }\n\n      .sales-order-chart {\n        margin-top: -24px;\n      }\n    }\n  }\n\n  @media only screen and (min-width:1691px) {\n    .dashboard-13 {\n      .delivery-duration-chart {\n        margin-top: -20px;\n      }\n    }\n  }\n\n  @media only screen and (min-width:1661px) {\n    .default-inline-calender {\n      .main-inline-calender {\n        .flatpickr-rContainer {\n          .flatpickr-weekdays {\n            height: 50px;\n          }\n\n          .flatpickr-days {\n            .dayContainer {\n              .flatpickr-day {\n                height: 40px;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .main-team-box {\n      grid-template-columns: 1fr 1fr 1fr;\n    }\n\n    .attach-files-wrapper {\n      .upload-files-wrapper {\n        grid-template-columns: 1fr 1fr;\n      }\n    }\n\n    // cart page\n    .shopping-cart-table {\n      .recent-table {\n        div.dt-container {\n          .table {\n\n            thead,\n            tbody {\n\n              tr,\n              td,\n              th {\n                &:nth-child(2) {\n                  min-width: 360px;\n                }\n\n                &:nth-child(4) {\n                  min-width: 170px;\n                }\n\n                &:last-child {\n                  min-width: 100px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    // seller details\n    .seller-details-wrapper {\n      .review-box {\n        .md-sidebar {\n          .accordion {\n            .accordion-item {\n              margin-bottom: 0;\n            }\n          }\n\n          .md-sidebar-toggle {\n            display: block;\n            width: fit-content;\n            text-transform: capitalize;\n            margin-bottom: 20px;\n          }\n\n          .md-sidebar-aside {\n            position: absolute;\n            top: 40px;\n            left: 0;\n            opacity: 0;\n            visibility: hidden;\n            z-index: 3;\n            width: 360px;\n            transition: all 0.2s ease;\n\n            &.open {\n              opacity: 1;\n              visibility: visible;\n              transition: all 0.2s ease;\n            }\n\n            @media (max-width:390px) {\n              width: 300px;\n            }\n          }\n\n          .email-left-aside {\n            .card {\n              box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);\n              background-color: var(--bs-card-bg);\n              border-radius: 15px;\n\n              .card-body {\n                padding: 20px;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .seller-wrapper {\n      .right-vendor {\n        justify-content: flex-start;\n      }\n    }\n\n    // general-widget\n    .general-widget-wrapper {\n      .currency-widget {\n        div[class*=bg-light-] {\n          display: block;\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width:1633px)and (min-width:1400px) {\n    .dashboard-13 {\n      .fleet-status-chart {\n        margin-bottom: -62px;\n\n        .apexcharts-radialbar {\n          transform: scale(0.7);\n        }\n\n        .apexcharts-legend {\n          display: none;\n        }\n      }\n\n      .sales-order-chart {\n        margin-top: -12px;\n      }\n    }\n  }\n\n  @media only screen and (max-width:1469px) and (min-width:1400px) {\n    .dashboard-13 {\n      .fleet-status-chart {\n        margin-bottom: -16px;\n      }\n    }\n  }\n\n  @media only screen and (min-width:1400px) {\n    .dashboard-12 {\n      .estimated-project {\n        margin-bottom: -30px;\n        margin-top: -55px;\n      }\n\n      .main-expenses {\n        span {\n          &[class^=\"font-\"] {\n            display: none;\n          }\n        }\n      }\n    }\n\n    .photo-click-wrapper {\n      margin: 7px -20px -20px 0px;\n    }\n  }\n\n  @media (max-width:1399px) and (min-width:576px) {\n    .attach-files-wrapper {\n      .upload-files-wrapper {\n        grid-template-columns: 1fr 1fr;\n      }\n    }\n  }\n\n  @media (min-width:1290px) {\n    .dashboard-13 {\n      .country-option {\n        .card-header {\n          padding-bottom: 0;\n        }\n\n        .profitable-country-chart {\n          margin-bottom: -20px;\n        }\n\n        ul {\n          display: none;\n        }\n      }\n    }\n  }\n\n  @media (max-width:1399px) {\n    .balance-widget {\n      .mobile-right-img {\n        right: -10%;\n      }\n    }\n\n    .cmt-box {\n      .form-control {\n        height: 2px;\n        width: calc(100% - 40px - 2px);\n      }\n\n      i {\n        @include pixelstrap-size(40px, 40px);\n      }\n    }\n\n    .main-team-box {\n      grid-template-columns: 1fr 1fr;\n\n    }\n\n    // API Management \n    .api-management {\n      .recent-table {\n        table {\n\n          thead,\n          tbody {\n            tr {\n\n              th,\n              td {\n                &:nth-child(2) {\n                  span {\n                    @include multi-line-ellipsis(1, auto, vertical, hidden);\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @media (max-width:1422px) {\n    .upgrade-plan {\n      &.mobile-app-card {\n        .card-body {\n          img {\n            height: 118px;\n            width: 128px;\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width:1400px) {\n    .monthly-profit {\n      margin-block: 28px;\n    }\n\n    .visitor-chart {\n      #visitor_chart {\n        margin-block: 90px;\n      }\n    }\n\n    .monthly-target {\n      margin: 19px 0 -45px 0;\n\n      .apexcharts-inner {\n        transform: scale(0.6);\n      }\n    }\n\n    .main-team-box {\n      grid-template-columns: 1fr 1fr;\n\n    }\n\n  }\n\n  @media only screen and (min-width: 1280px) {\n\n    // Kanban\n    .kanban-board {\n      width: calc(100% / 2 - 30px) !important;\n    }\n\n    .learning-filter {\n      order: -1;\n    }\n\n    .btn-groups {\n      .button-wrapper {\n        align-items: center;\n      }\n    }\n\n    // Tasks\n    .main-tasks {\n      .email-left-aside {\n        .left-bookmark {\n          height: auto;\n        }\n      }\n    }\n\n    // Gallery\n    .gallery-with-description {\n      a {\n        .caption {\n          p {\n            @include multi-line-ellipsis(3, auto, vertical, hidden);\n          }\n        }\n      }\n    }\n\n    // Common md-sidebar\n    .main-bookmark {\n      .email-left-aside {\n        .card {\n          .card-body {\n            height: 500px;\n            overflow-y: scroll;\n          }\n        }\n      }\n    }\n\n    .artist-table {\n      .appointment-table.customer-table {\n        table {\n          tr {\n            td {\n              &:last-child {\n                min-width: 100px;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    // Sitemap \n    .sitemap-wrapper {\n      .horizontal-sitemap {\n        .main-site {\n          li {\n            >a {\n              width: 9.5rem;\n            }\n          }\n        }\n\n        .tier-1 {\n          li {\n            padding-left: 15px;\n          }\n\n          .tier-2 {\n            margin-left: 6px;\n\n            li {\n              >a {\n                &::before {\n                  font-size: 16px;\n                  left: -16px;\n                }\n              }\n            }\n\n            .tier-3 {\n              margin-left: 6px;\n            }\n          }\n        }\n      }\n    }\n\n    // Manage review\n    .manage-review-wrapper {\n      .top-body {\n        .row {\n          flex-direction: column;\n        }\n      }\n\n      .manage-review {\n        .recent-table {\n          table {\n\n            thead,\n            tbody {\n              tr {\n\n                th,\n                td {\n\n                  &:nth-child(6),\n                  &:nth-child(7) {\n                    display: none;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    // Discount options\n    .discount-options {\n      gap: 18px;\n\n      .nav-item {\n        .nav-link {\n          width: 170px;\n          height: 58px;\n        }\n      }\n    }\n\n    // vendors\n    .seller-cards {\n      grid-template-columns: 1fr 1fr 1fr;\n    }\n\n    // calendar\n    .calendar-basic {\n      .md-sidebar-aside {\n        height: 400px;\n        overflow-y: scroll;\n      }\n    }\n\n    // Hover effect \n    .hover-16 {\n      .overlay-hover {\n        .overlay-content {\n          p {\n            @include multi-line-ellipsis(1, auto, vertical, hidden);\n          }\n        }\n      }\n    }\n\n    // list-product \n    .list-product {\n      .product-list-table {\n        &.recent-table {\n\n          thead,\n          tbody {\n            tr {\n\n              th,\n              td {\n\n                &:nth-child(6),\n                &:nth-child(8) {\n                  display: none;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    // charts\n    .progress-chart {\n\n      #progress4 {\n        display: none;\n      }\n    }\n\n    // order-history\n    .common-order-history {\n      .order-history-wrapper {\n        .recent-table {\n          table {\n\n            thead,\n            tbody {\n              tr {\n\n                th,\n                td {\n                  &:nth-child(2) {\n                    min-width: 104px;\n                  }\n\n                  &:nth-child(3) {\n                    min-width: 180px;\n                  }\n\n                  &:nth-child(4) {\n                    min-width: 140px;\n                  }\n\n                  &:nth-child(5) {\n                    min-width: 122px;\n                  }\n\n                  &:nth-child(6) {\n                    min-width: 140px;\n                  }\n\n                  &:nth-child(7) {\n                    min-width: 148px;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    // Form Wizard\n    .horizontal-wizard-wrapper {\n      &.vertical-variations {\n        .main-horizontal-header {\n          .horizontal-options {\n            justify-content: flex-start;\n          }\n        }\n      }\n    }\n\n    // checkout page\n    .summery-contain {\n      li {\n        img {\n          @include pixelstrap-size(45px, 45px);\n\n        }\n      }\n    }\n\n    .shipping-form {\n      .checkout-cart {\n        .basic-wizard {\n          .shipping-wizard {\n            .card-wrapper {\n              &:hover {\n                .cart-icon {\n                  i {\n                    font-size: 14px;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    // Tree view\n    .grid-box-wrapper {\n      justify-content: flex-start;\n    }\n\n    // Forms\n    .main-icon-checkbox {\n      &.checkbox {\n        .checkbox-wrapper {\n          gap: 12px;\n        }\n      }\n    }\n\n    .main-icon-radio {\n      .radio-wrapper {\n        gap: 12px;\n      }\n    }\n\n    // Projects\n    .attachment-file {\n      gap: 14px;\n      width: 218px;\n      min-width: 218px;\n    }\n\n    // Project pending\n    .project-pending-table {\n      &.recent-table {\n        table {\n\n          thead,\n          tbody {\n            tr {\n\n              th,\n              td {\n                &:nth-child(4) {\n                  display: none;\n                }\n\n                &:nth-child(3) {\n                  display: none;\n                }\n\n                &:nth-child(4) {\n                  display: none;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .cmt-box {\n      padding-top: 18px;\n    }\n\n    .activity-wrapper {\n      .schedule-wrapper {\n        justify-content: flex-start;\n        display: flex;\n      }\n    }\n\n    .budget-card {\n      .common-space {\n        flex-wrap: wrap;\n      }\n    }\n\n    .expense-chart-wrap {\n      margin: -20px 0 -20px 0;\n    }\n\n    .common-project-header {\n      h6 {\n        margin-left: -54px;\n\n      }\n    }\n\n    .project-budget-wrapper {\n      .row {\n        .justify-content-xxl-end {\n          justify-content: flex-start !important;\n        }\n      }\n    }\n\n    // Mail-box\n    .mail-body-wrapper {\n      .user-mail-wrapper {\n        .user-footer {\n          .attachment-file {\n            width: auto;\n            min-width: auto;\n          }\n        }\n      }\n    }\n    .general-widgets {\n      .radial-progress-card {\n        padding-block: 26px;\n      }\n      .pending-project {\n        .d-flex {\n          .flex-grow-1 {\n            p {\n              margin-top: 10px;\n            }\n          }\n        }\n      }\n    }\n    // Dashboard-4\n    .dashboard-4 {\n      .recent-customers {\n        li {\n          padding: 9px 0px;\n        }\n      }\n    }\n    // Dashboard-3\n    .dashboard-3 {\n      .project-statistics {\n        .d-flex {\n          .revenue-details {\n            .d-flex {\n              @include ellipsis;\n            }\n          }\n        }\n      }\n    }\n    //  Dashboard-2\n    .dashboard-2 {\n      .monthly-budget {\n        p {\n          @include ellipsis;\n        }\n      }\n    }\n    // Default Dashboard\n    .default-dashboard {\n      .income-details {\n        .card-body {\n          .d-flex {\n            .flex-grow-1 {\n              h6 {\n                margin-bottom: 18px;\n              }\n              .d-flex {\n                p {\n                  display: none;\n                }\n              }\n            }\n          }\n        }\n      }\n      .upcoming-activities {\n        table {\n          tbody {\n            tr {\n              td {\n                &:last-child {\n                  display: none;\n                }\n              }\n            }\n          }\n        }\n      }\n      .revenue-card {\n        .revenue {\n          span {\n            display: none;\n          }\n        }\n      }\n      .marketing {\n        .team-active {\n          margin-bottom: 14px;\n          &.team-members {\n            margin-bottom: 0;\n          }\n        }\n      }\n      .sales-analytics {\n        .total-sales {\n          display: none;\n        }\n      }\n      .location {\n        .map-location {\n          .live-user-map {\n            display: none;\n          }\n          .country-location {\n            min-width: 100%\n          }\n        }\n      }\n    }\n    .activity-log {\n      .basic-timeline {\n        ul {\n          li {\n            padding-bottom: 12px;\n\n            img {\n              height: 40px;\n            }\n\n            p {\n              overflow: hidden;\n              text-overflow: ellipsis;\n              white-space: nowrap;\n              max-width: 225px;\n            }\n          }\n        }\n      }\n    }\n    .recent-order-table {\n      &.currency-table {\n        &.recent-table {\n          .currency-icon {\n            width: 44px;\n            height: 44px;\n          }\n\n          table {\n\n            thead,\n            tbody {\n              tr {\n\n                th,\n                td {\n                  &:last-child {\n                    display: none;\n                  }\n\n                  &:nth-child(6) {\n                    padding-right: 20px;\n                  }\n\n                  &:nth-child(3) {\n                    min-width: 80px;\n                  }\n\n                  &:nth-child(4) {\n                    display: none;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .appointments-wrapper {\n      li {\n        .main-box {\n          span {\n            &:nth-child(2) {\n              overflow: hidden;\n              text-overflow: ellipsis;\n              white-space: nowrap;\n              max-width: 245px;\n            }\n          }\n        }\n      }\n    }\n\n    // Owl-carousel\n    .swiper {\n\n      &.swiper-h,\n      &.vertical-swiper {\n        height: 295px;\n      }\n    }\n\n    // File-manager\n    .main-file-sidebar {\n      .md-sidebar {\n        .md-sidebar-aside {\n          width: 325px;\n        }\n      }\n    }\n\n    // Rating\n    .emoji-rating {\n      .main-emoji-text {\n        flex-wrap: nowrap;\n        height: 70px;\n      }\n    }\n\n    // Creative cards\n    .creative-wrapper {\n      padding: 8px;\n\n      .creative-info {\n        padding: 15px;\n      }\n    }\n\n    .msg-emojis-wrapper {\n      .star-widget {\n        label {\n          font-size: 30px;\n        }\n      }\n    }\n\n    // Candidates \n    .candidates-box {\n      .table-responsive {\n        .dt-container {\n\n          table {\n            &.dataTable {\n\n              thead,\n              tbody {\n                tr {\n\n                  th,\n                  td {\n                    &:nth-child(4) {\n                      display: none;\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .main-companies {\n      .md-sidebar {\n        .card {\n          margin: 0;\n          border-radius: 0;\n        }\n\n        .md-sidebar-aside {\n          width: calc(295px + (325 - 295) * ((100vw - 320px) / (1920 - 320)));\n          padding: 0;\n        }\n      }\n    }\n\n    .md-sidebar {\n      .md-sidebar-toggle {\n        display: block;\n      }\n\n      .md-sidebar-aside {\n        position: absolute;\n        top: 40px;\n        left: 0;\n        opacity: 0;\n        visibility: hidden;\n        z-index: 3;\n        width: 280px;\n\n        &.open {\n          opacity: 1;\n          visibility: visible;\n        }\n      }\n    }\n\n    .job-sidebar {\n      background-color: var(--white);\n      padding: 20px;\n      box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);\n      height: 600px;\n      overflow-y: auto;\n\n      .job-accordion {\n        .animate-chk {\n          .form-check {\n            .form-check-label {\n              span {\n                &:first-child:not(.product-filter .product-rate span:first-child) {\n                  @include pixelstrap-ellipsis;\n                  width: 100px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .box-order {\n      .order-1 {\n        order: 1 !important;\n      }\n    }\n    .main-divider {\n      .divider-body {\n        &.divider-body-1 {\n          margin-bottom: 26px;\n        }\n\n        &.divider-body-3 {\n          margin-bottom: 32px;\n        }\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n    }\n\n    .page-wrapper,\n    &.page-wrapper {\n      &.box-layout {\n        padding-top: 40px;\n        margin-top: 0 !important;\n      }\n\n      &.compact-wrapper {\n        margin-top: $box-layout-space;\n\n        .page-body-wrapper {\n          .sidebar-wrapper {\n            width: 230px;\n            top: $box-layout-space;\n            border-radius: 10px 0 0 10px;\n\n            &.close_icon {\n              ~footer {\n                width: 1200px;\n                left: 48%;\n                padding-left: 12px;\n                border-radius: 0 0 10px;\n              }\n\n              ~.footer-fix {\n                padding-left: 0;\n              }\n\n              .sidebar-main {\n                .sidebar-links {\n                  height: calc(100vh - 189px);\n                }\n              }\n            }\n\n            .logo-wrapper {\n              box-shadow: 0 8px 6px -6px rgba(89, 102, 122, 0.1);\n            }\n\n            .sidebar-main {\n              .sidebar-links {\n                margin-top: 10px;\n                margin-bottom: 20px;\n                height: calc(100vh - 195px);\n              }\n            }\n          }\n\n          .page-body {\n            min-height: calc(100vh - 130px);\n            margin-top: 0;\n            top: 80px;\n            overflow: scroll;\n            max-height: calc(100vh - 220px);\n            padding-bottom: 80px;\n            margin-left: 230px;\n\n            &::-webkit-scrollbar-track {\n              -webkit-box-shadow: inset 0 0 6px $light-gray;\n            }\n\n            &::-webkit-scrollbar {\n              width: 6px;\n            }\n\n            &::-webkit-scrollbar-thumb {\n              background-color: rgba($primary-color, 0.15);\n            }\n          }\n        }\n      }\n\n      &.compact-sidebar {\n        .page-header {\n          padding-left: 148px;\n        }\n\n        .page-body-wrapper {\n          margin-top: 40px;\n\n          div.sidebar-wrapper {\n            top: 40px;\n\n            &.close_icon {\n              display: none;\n              transition: 0.5s;\n            }\n\n            .sidebar-main {\n              .sidebar-links {\n                height: calc(100vh - 166px);\n                margin: 0;\n\n                li {\n\n                  .sidebar-submenu {\n                    left: 470px;\n                    top: 40px;\n                    height: calc(100vh - 84px);\n                  }\n\n                  a {\n                    &.active {\n\n                      ~.sidebar-submenu {\n                        animation: unset;\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n\n          .footer {\n            margin-left: 0;\n          }\n\n          .page-body {\n            min-height: calc(100vh - 90px);\n            margin-top: 0;\n            top: 80px;\n            overflow: scroll;\n            max-height: calc(100vh - 170px);\n            padding-bottom: 80px;\n\n            &::-webkit-scrollbar-track {\n              -webkit-box-shadow: inset 0 0 6px $light-gray;\n            }\n\n            &::-webkit-scrollbar {\n              width: 6px;\n            }\n\n            &::-webkit-scrollbar-thumb {\n              background-color: rgba($primary-color, 0.15);\n            }\n          }\n        }\n\n        &.compact-small {\n          .page-header {\n            padding-left: 90px;\n\n            &.close_icon {\n              padding-left: 0;\n            }\n          }\n\n          .page-body-wrapper {\n            div.sidebar-wrapper {\n              .sidebar-main {\n                .sidebar-links {\n                  li {\n\n                    .sidebar-submenu {\n                      left: 410px;\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n\n      &.horizontal-wrapper {\n        &:before {\n          display: none;\n        }\n\n        .page-body-wrapper {\n          margin-top: 40px;\n\n          .page-body {\n            margin-top: 80px;\n            min-height: calc(100vh - 310px);\n            max-height: calc(100vh - 230px);\n            overflow: scroll;\n\n            &::-webkit-scrollbar-track {\n              -webkit-box-shadow: inset 0 0 6px $light-gray;\n            }\n\n            &::-webkit-scrollbar {\n              width: 6px;\n            }\n\n            &::-webkit-scrollbar-thumb {\n              background-color: rgba($primary-color, 0.15);\n            }\n          }\n\n          .footer {\n            padding-left: 15px;\n          }\n\n          .sidebar-wrapper {\n            width: 1280px;\n            top: 80px;\n            margin: 0;\n            overflow-x: unset;\n            position: relative;\n\n            .sidebar-main {\n              #sidebar-menu {\n                left: 0%;\n                transform: translate(0, 0);\n                top: 125px;\n                background-color: var(--white);\n              }\n            }\n          }\n        }\n\n        .page-header {\n          padding-left: 0;\n        }\n      }\n\n      &.modern-type {\n        .page-header {\n          padding-left: 0px;\n\n          .header-wrapper {\n            .left-header {\n              width: 36%;\n            }\n\n            .nav-right {\n              width: 46%;\n            }\n          }\n        }\n\n        .page-body-wrapper {\n          .page-body {\n            margin-left: 260px;\n          }\n\n          .sidebar-wrapper {\n            top: 120px;\n            border-radius: 15px;\n            bottom: auto;\n\n            .sidebar-main {\n              .sidebar-links {\n                height: calc(100vh - 311px);\n              }\n            }\n\n            &.close_icon {\n              .sidebar-main {\n                .sidebar-links {\n                  height: calc(100vh - 316px);\n                }\n              }\n\n              ~footer {\n                width: 1280px;\n                left: 50%;\n                margin-left: 0;\n              }\n            }\n          }\n\n          .footer {\n            margin-left: 0;\n          }\n        }\n      }\n\n      .page-header {\n        max-width: 1280px;\n        margin: 0 auto;\n        left: 0;\n        right: 0;\n        transition: $sidebar-transition;\n        padding-left: 230px;\n        margin-top: $box-layout-space;\n        border-radius: 10px 10px 0 0;\n        width: unset;\n\n        &.close_icon {\n          padding-left: 80px;\n          margin-left: auto;\n          width: calc(100% - 0px);\n          transition: $sidebar-transition;\n\n          .header-wrapper {\n            border-radius: 0px 10px 0 0;\n          }\n        }\n\n        .header-wrapper {\n          border: 1px solid #f8f8f8;\n          border-radius: 0px 10px 0px 0px;\n        }\n      }\n\n      &.horizontal-wrapper {\n        .page-header {\n          .header-wrapper {\n            border-radius: 10px 10px 0 0;\n\n            .nav-right,\n            .left-header {\n              width: 38%;\n            }\n          }\n        }\n      }\n\n      &.material-type {\n        .page-body-wrapper {\n          margin-top: 0;\n\n          .page-body {\n            margin-top: 0;\n          }\n\n          .sidebar-wrapper {\n            top: 0;\n          }\n        }\n      }\n\n      &.material-icon {\n        .page-header {\n          &.close_icon {\n            margin-top: 40px !important;\n          }\n        }\n\n        .page-body-wrapper {\n          margin-top: 0;\n\n          .page-body {\n            top: 0;\n            min-height: calc(100vh - 170px);\n            padding-bottom: 40px;\n          }\n        }\n      }\n\n      &.advance-layout {\n        .page-header {\n          box-shadow: 0px 0px 10px rgba($black, 0.07);\n        }\n\n        .page-body-wrapper {\n          margin-top: 0;\n        }\n      }\n\n      &.only-body{\n        .page-header{\n          .header-wrapper{\n            border: unset;\n          }\n        }\n      }\n\n      .page-body-wrapper {\n        width: 1280px;\n        box-shadow: 4px 11px 25px rgba(0, 0, 0, 0.07);\n        margin: 0 auto;\n        overflow: hidden;\n\n        .active-order-table {\n          max-width: 443px;\n          overflow: auto;\n\n          table {\n            tbody {\n              tr {\n                td {\n                  p {\n                    width: 100px;\n                  }\n                }\n              }\n            }\n          }\n        }\n        .sidebar-list {\n          .badge {\n            display: none;\n          }\n          i.fa-solid.fa-thumbtack {\n            right: 40px !important;\n          }\n        }\n        footer:not(.kanban-container footer) {\n          width: 1280px;\n          margin: 0 auto;\n          padding-left: 230px;\n          margin-bottom: 40px !important;\n          position: fixed;\n          left: 50%;\n          transform: translate(-50%, 0);\n          border-radius: 0 0 10px 10px;\n          z-index: 1;\n        }\n\n        .blockquote-footer {\n          margin-left: 0;\n          width: 100%;\n        }\n\n        .footer-fix {\n          padding-left: 230px;\n        }\n\n        canvas {\n          &#myLineCharts {\n            width: 100%;\n          }\n        }\n\n        .caller-img {\n          position: absolute;\n          width: 100%;\n          max-width: 100%;\n          left: 15px;\n\n          img {\n            opacity: 0.7;\n          }\n        }\n\n        .custom-card {\n          .card-header {\n            img {\n              margin-top: -73px;\n            }\n          }\n\n          .card-profile {\n            img {\n              height: 130px;\n              top: -17px;\n            }\n          }\n        }\n\n        .select2 {\n          width: 901.781px;\n        }\n\n      }\n\n\n      ul {\n        &.close_icon {\n          >li {\n            label {\n              padding: 0;\n\n              &:after {\n                display: none;\n              }\n            }\n          }\n        }\n      }\n\n      .bookmark {\n        ul {\n          margin-right: -1px;\n        }\n      }\n\n      #batchDelete {\n        .jsgrid-grid-header {\n          .jsgrid-table {\n            tr {\n              th {\n                .btn {\n                  padding-left: 20px;\n                  padding-right: 20px;\n                }\n              }\n            }\n          }\n        }\n      }\n\n      .main-timeline {\n        .basic-timeline {\n          &.dark-timeline {\n            ul {\n              .d-flex {\n                p {\n                  &:last-child:not(.default-dashboard .main-timeline .basic-timeline ul .d-flex p:last-child) {\n                    width: 260px;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n\n      .d-flex.bitcoin-graph {\n        display: block;\n\n        .top-bitcoin {\n          display: inline-block;\n          vertical-align: middle;\n        }\n\n        .flex-grow-1 {\n          margin-top: 30px;\n\n          .bitcoin-content {\n            .bitcoin-numbers {\n              h6 {\n                font-size: 14PX;\n              }\n            }\n\n            &.text-right {\n              text-align: center !important;\n            }\n          }\n        }\n      }\n\n      .alert {\n        &.inverse {\n          p {\n            max-width: 238px;\n            display: block;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n          }\n        }\n      }\n\n      .auth-bg-effect {\n        .second-effect {\n          left: 55%;\n        }\n      }\n\n      .auth-bg-video {\n        video {\n          min-width: 67%;\n          width: 67%;\n        }\n      }\n\n      .pricing-wrapper-card {\n        padding: 50px 20px;\n      }\n\n      .card {\n        .blog-box {\n          &.blog-grid {\n            &.set-min-height {\n              min-height: 400px;\n            }\n          }\n        }\n      }\n\n      .flot-chart-placeholder {\n        &#donut-color-chart-morris-daily {\n          min-height: 430px;\n        }\n      }\n\n      .flot-chart-placeholder {\n        &#donut-color-chart-morris {\n          min-height: 430px;\n        }\n      }\n\n      .box-col-12 {\n        flex: 0 0 100%;\n        max-width: 100%;\n      }\n\n      .box-col-6 {\n        flex: 0 0 50%;\n        max-width: 50%;\n      }\n\n      .box-col-3 {\n        flex: 0 0 25%;\n        max-width: 25%;\n      }\n\n      .box-col-7 {\n        flex: 0 0 60%;\n        max-width: 60%;\n      }\n\n      .box-col-5 {\n        flex: 0 0 40%;\n        max-width: 40%;\n      }\n\n      .box-col-8 {\n        flex: 0 0 70%;\n        max-width: 70%;\n      }\n\n      .box-col-9 {\n        flex: 0 0 75%;\n        max-width: 75%;\n      }\n\n      .box-col-4e {\n        flex: 0 0 30%;\n        max-width: 30%;\n      }\n\n      .box-col-4 {\n        flex: 0 0 33.33%;\n        max-width: 33.33%;\n      }\n\n      .box-col-8e {\n        flex: 0 0 66.67%;\n        max-width: 66.67%;\n      }\n\n      .box-col-none {\n        display: none !important;\n      }\n\n      .box-ord-1 {\n        order: 1 !important;\n      }\n\n      .box-ord-2 {\n        order: 2 !important;\n      }\n\n      .box-ord-3 {\n        order: 3 !important;\n      }\n\n      .box-ord-4 {\n        order: 4 !important;\n      }\n\n      .box-ord-5 {\n        order: 5 !important;\n      }\n\n      .box-ord-6 {\n        order: 6 !important;\n      }\n\n      .box-ord-7 {\n        order: 7 !important;\n      }\n\n      .box-ord-8 {\n        order: 8 !important;\n      }\n\n      .box-ord-9 {\n        order: 9 !important;\n      }\n\n      .box-ord-10 {\n        order: 10 !important;\n      }\n\n      .chat-menu {\n        right: 0;\n        border-top: 1px solid $ps-light-border;\n        ;\n        opacity: 0;\n        transform: translateY(-30px);\n        visibility: hidden;\n        top: 81px;\n        position: absolute;\n        z-index: 9;\n        background-color: $white;\n        transition: all linear 0.3s;\n\n        &.show {\n          opacity: 1;\n          visibility: visible;\n          transform: translateY(0px);\n          transition: all linear 0.3s;\n          padding-bottom: 25px;\n        }\n      }\n\n      .ct-10.total-chart {\n        .ct-chart-bar {\n          .ct-series {\n            .ct-bar {\n              stroke-width: 23px !important;\n            }\n          }\n        }\n      }\n\n      .email-wrap {\n        .email-body {\n          .email-compose {\n            .cke_contents {\n              &.cke_reset {\n                max-height: 165px;\n              }\n            }\n          }\n        }\n\n        .row {\n          .col-xl-6 {\n            padding-left: 12px;\n          }\n\n          .col-xl-3 {\n            +.col-xl-3 {\n              padding-right: 12px;\n            }\n          }\n        }\n\n        .email-right-aside {\n          .email-body {\n            .inbox {\n              height: 644px;\n            }\n          }\n        }\n      }\n\n      .todo {\n        .notification-popup {\n          right: 320px;\n        }\n      }\n\n      .touchspin {\n        padding: 0 10px;\n      }\n\n      .vertical-menu-main {\n        width: 1280px;\n        margin: 0 auto;\n        left: 0;\n        right: 0;\n      }\n\n      .comingsoon {\n        video {\n          min-width: 67%;\n          width: 67%;\n        }\n      }\n\n      // General-widget\n      .general-widget-wrapper {\n        .main-session-devices {\n          .apexcharts-inner {\n            transform: scale(0.68);\n          }\n        }\n      }\n\n      // Tag-pills page\n      .badge-heading {\n\n        h1,\n        h2,\n        h3,\n        h4,\n        h5 {\n          margin-bottom: 38px;\n        }\n      }\n\n      .smooth-animate {\n        .label {\n          top: -175px;\n        }\n      }\n    }\n  }\n}\n\n/**=====================\n  5.9 Box-layout CSS Ends\n==========================**/","/**=====================\n  4.2 Theme-customizer CSS Start\n==========================**/\n.sidebar-panel-main {\n  position: fixed;\n  bottom: 80px;\n  z-index: 9;\n  right: 30px;\n\n  @media (max-width:575px) {\n    display: none;\n  }\n\n  ul {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n\n    .icon-btn {\n      height: 40px;\n      width: 40px;\n      border-radius: 50%;\n      align-items: center;\n      justify-content: center;\n      display: inline-flex;\n      box-shadow: 0 0 10px $primary-color;\n\n      i {\n        font-size: 18px;\n        color: $white;\n      }\n    }\n\n    li {\n      position: relative;\n\n      span {\n        position: absolute;\n        right: -35px;\n        width: max-content;\n        text-align: right;\n        padding: 7px 10px;\n        display: block;\n        top: 0;\n        border-radius: 5px;\n        transform: scale(0);\n        transition: all 0.3s ease;\n        opacity: 0;\n        font-weight: 500;\n        color: var(--theme-default);\n        background-color: $light-primary;\n        box-shadow: 0 0 37px rgba(8, 21, 66, 0.1);\n      }\n\n      &:hover {\n        span {\n          opacity: 1;\n          right: 48px;\n          transform: scale(1);\n          transition: all 0.3s ease;\n        }\n\n        &::after {\n          opacity: 1;\n          transform: scale(1);\n          transition: all 0.3s ease;\n        }\n      }\n\n      &::after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n        top: 12px;\n        border-width: 5px 0 5px 5px;\n        border-left-color: $light-primary;\n        opacity: 0;\n        transform: scale(0);\n        color: $white;\n        left: -10px;\n        z-index: 2;\n        transition: all 0.3s ease;\n      }\n    }\n  }\n}\n\n.setting-sidebar,\n.layout-sidebar {\n  background-color: var(--white);\n  width: 370px;\n  height: 100%;\n  position: fixed;\n  top: 0;\n  right: -400px;\n  z-index: 999;\n  box-shadow: 0 0 10px 1px rgba(68, 102, 242, 0.05);\n  transition: all 0.3s ease;\n\n  @media (max-width:575px) {\n    display: none;\n  }\n\n  &.open {\n    right: 0;\n    transition: all 0.3s ease;\n  }\n\n  h4 {\n    font-weight: 500;\n  }\n\n  .customizer-header {\n    padding: 10px 20px;\n    background: var(--theme-default);\n\n    p {\n      i {\n        margin-left: 4px;\n      }\n    }\n\n    .theme-title {\n      display: flex;\n      align-items: center;\n\n      h4 {\n        color: $white;\n      }\n\n      p {\n        color: $white;\n      }\n\n      .flex-grow-1 {\n        .icon-btn {\n          &.btn-outline-light {\n            cursor: pointer;\n            transition: 1s ease all;\n            color: $primary-color;\n            background-color: $white;\n            height: 37px;\n            width: 37px;\n            border-radius: 100%;\n            align-items: center;\n            justify-content: center;\n            display: inline-flex;\n\n            &:hover {\n              transform: rotate(360deg);\n            }\n\n            i {\n              font-size: 18px;\n              color: var(--theme-default);\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .customizer-body {\n    padding: 15px 25px;\n    max-height: calc(100vh - 68px);\n    overflow-y: scroll;\n\n    .color-body {\n      .color-img {\n        position: relative;\n        border: 5px solid rgba($primary-color, 0.3);\n        border-radius: 10px;\n\n        img {\n          left: 0;\n          border-radius: 5px;\n          transition: all 1s;\n\n          &:hover {\n            transform: scale(1.1);\n          }\n        }\n\n        .customizer-overlay {\n          position: absolute;\n          border-radius: 5px;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 100%;\n          background: rgba(0, 0, 0, 0);\n          transition: background 0.5s ease;\n        }\n\n        .color-btn {\n          position: absolute;\n          top: 0;\n          left: 0;\n          height: 100%;\n          width: 100%;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          opacity: 0;\n          transition: opacity .35s ease;\n\n          a {\n            padding: 3px 6px;\n            text-align: center;\n            color: $white;\n            font-size: 12px;\n            border: solid 2px $white;\n            z-index: 1;\n          }\n        }\n\n        &:hover {\n          .customizer-overlay {\n            display: block;\n            background: rgba(0, 0, 0, .3);\n          }\n\n          .color-btn {\n            opacity: 1;\n          }\n        }\n      }\n    }\n\n    .radio-form {\n      gap: 0px;\n      align-items: center;\n      justify-content: space-evenly;\n    }\n\n    .sidebar-body {\n      .radio-wrapper {\n        li {\n          width: unset;\n          height: unset;\n          padding: 8px 15px;\n\n          .form-check-input {\n            cursor: pointer;\n\n            &:checked {\n              ~ {\n                .form-check-label {\n                  .stroke-icon {\n                    stroke: var(--theme-default);\n                  }\n\n                  .fill-icon {\n                    fill: $primary-color;\n                  }\n\n                  span {\n                    color: var(--theme-default);\n                  }\n                }\n              }\n            }\n          }\n\n          .form-check-label {\n            margin-bottom: 0 !important;\n            display: flex;\n            align-items: center;\n\n            .stroke-icon {\n              stroke: var(--light-font);\n            }\n\n            .fill-icon {\n              fill: var(--light-font);\n            }\n\n            span {\n              color: var(--light-font);\n            }\n          }\n        }\n      }\n    }\n\n    .layout-grid {\n      &.customizer-mix {\n        .color-layout {\n          height: 70px;\n          width: 80px;\n          border: 1px solid #f6f7fb;\n          border-radius: 5px;\n        }\n\n        .common-layout {\n          position: relative;\n\n          span.badge {\n            position: absolute;\n            z-index: 1;\n            background: rgba($gray-60, 0.5);\n            line-height: normal;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            padding: 4px;\n          }\n        }\n      }\n    }\n\n    ul {\n      &.customizer-mix {\n        .color-layout {\n          height: 35px;\n          width: 35px;\n          border-radius: 6px;\n          display: inline-block;\n          margin-right: 7px;\n          margin-bottom: 7px;\n          border: 1px solid #b8b8b8;\n          padding: 3px;\n          position: relative;\n          cursor: pointer;\n          opacity: 0.9;\n\n          &[data-attr=\"color-2\"] {\n            div {\n              background-color: #9BECD2;\n            }\n          }\n\n          &[data-attr=\"color-3\"] {\n            div {\n              background-color: #dbe793;\n            }\n          }\n\n          &[data-attr=\"color-4\"] {\n            div {\n              background-color: #ffb18a;\n            }\n          }\n\n          &[data-attr=\"color-5\"] {\n            div {\n              background-color: #FFBFBF;\n            }\n          }\n\n          &[data-attr=\"color-6\"] {\n            div {\n              background-color: #cdb69b;\n            }\n          }\n        }\n      }\n    }\n\n    li {\n      cursor: pointer;\n      opacity: 0.9;\n\n      &.active {\n        opacity: 1;\n      }\n    }\n\n    .main-layout {\n      >li {\n        height: 65px;\n        width: 85px;\n        border: 1px solid $light-color;\n        border-radius: 10px;\n        display: inline-block;\n\n        &+li {\n          margin-left: 7px;\n        }\n      }\n\n      .box-layout {\n        .body {\n          .badge {\n            left: 11px;\n          }\n        }\n      }\n    }\n\n    h6 {\n      text-transform: uppercase;\n      font-weight: 500;\n      letter-spacing: 0.5px;\n      margin-top: 12px;\n      padding-top: 12px;\n      margin-bottom: 5px;\n      color: $black;\n\n      &:first-child {\n        padding-top: 0;\n        margin-top: 0;\n      }\n    }\n\n    .layout-link {\n      display: flex;\n      gap: 12px;\n      justify-content: flex-start;\n      align-items: center;\n      flex-wrap: wrap;\n\n      li {\n        border-radius: 4px;\n        background-color: $light-color;\n\n        a {\n          padding: 10px 16px;\n          display: block;\n          color: $badge-light-color;\n\n          i {\n            font-size: 20px;\n            color: $badge-light-color;\n            vertical-align: -4px;\n            margin-right: 6px;\n          }\n        }\n      }\n    }\n  }\n\n  .sidebar-type,\n  .sidebar-setting {\n    >li {\n      height: 70px;\n      width: 85px;\n      border: 1px solid $light-gray;\n      border-radius: 5px;\n      display: inline-block;\n\n      &+li {\n        margin-left: 7px;\n      }\n    }\n  }\n\n  .sidebar-type {\n    li {\n      &[data-attr=\"normal-sidebar\"] {\n        .body {\n          ul {\n            li {\n\n              &.bg-dark,\n              &.sidebar {\n                width: 100%;\n                height: 10px;\n                display: block;\n              }\n\n              &.bg-light,\n              &.body {\n                height: calc(100% - 10px);\n                width: 100%;\n              }\n            }\n          }\n        }\n\n        &.body-compact {\n          .body {\n            ul {\n              li {\n                &.body {\n                  width: calc(100% - 25px);\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .layout-types {\n    >li {\n      width: unset;\n      height: unset;\n      margin-bottom: 20px;\n\n      .layout-img {\n        h6 {\n          padding-top: 0;\n          text-transform: inherit;\n          text-align: center;\n        }\n      }\n    }\n\n    .box-layout {\n      background: unset;\n    }\n  }\n\n  .color-layout {\n    height: 35px;\n    width: 35px;\n    border-radius: 6px;\n    display: inline-block;\n    margin-right: 10px;\n    border: 1px solid #b8b8b8;\n    padding: 3px;\n\n    >div {\n      background-color: $primary-color;\n      height: 100%;\n      width: 100%;\n      border-radius: 5px;\n    }\n\n    &[data-attr=\"color-2\"] {\n      div {\n        background-color: #9BECD2;\n      }\n    }\n\n    &[data-attr=\"color-3\"] {\n      div {\n        background-color: #dbe793;\n      }\n    }\n\n    &[data-attr=\"color-4\"] {\n      div {\n        background-color: #ffb18a;\n      }\n    }\n\n    &[data-attr=\"color-5\"] {\n      div {\n        background-color: #FFBFBF;\n      }\n    }\n\n    &[data-attr=\"color-6\"] {\n      div {\n        background-color: #cdb69b;\n      }\n    }\n  }\n\n  .dark {\n    >li {\n      background-color: #2f3c4e;\n    }\n  }\n\n  .fade {\n    &:not(.show) {\n      display: none;\n    }\n  }\n\n  .unlimited-color-layout {\n    display: flex;\n    align-items: center;\n\n    .btn {\n      font-size: 15px;\n      padding: 4px 20px;\n    }\n\n    input {\n      border: 1px solid $gray-60;\n      height: 35px;\n      width: 35px;\n      border-radius: 5px;\n      background-color: $white;\n      margin-right: 5px;\n    }\n  }\n}\n\n.customizer-links {\n  position: fixed;\n  right: 00px;\n  top: 50%;\n  z-index: 8;\n  transform: translate(0, -50%);\n  box-shadow: 0 0 37px rgba(8, 21, 66, 0.1);\n\n  >.nav {\n    border-radius: 8px;\n    padding: 10px;\n    background-color: $white;\n  }\n\n  &.open {\n    right: 330px;\n    border-radius: 8px 0 0 8px;\n    transition: all 0.3s ease;\n  }\n\n  .nav-link {\n    padding: 0;\n    position: relative;\n\n    &:before {\n      content: \"\";\n      position: absolute;\n      height: 100%;\n      width: 100%;\n      background-color: rgba(115, 102, 255, 0.1);\n      border-radius: 5px;\n      transform: scale(0);\n      transition: all 0.3s ease;\n    }\n\n    &:after {\n      content: \"\";\n      position: absolute;\n      width: 0;\n      height: 0;\n      border-color: transparent;\n      border-style: solid;\n      top: 12px;\n      border-width: 5px 0 5px 5px;\n      border-left-color: lighten($primary-color, 25%);\n      opacity: 0;\n      transform: scale(0);\n      color: $white;\n      left: -10px;\n      z-index: 2;\n      transition: all 0.3s ease;\n    }\n\n    &:hover {\n      i {\n        color: var(--theme-default);\n      }\n\n      &:before,\n      &:after {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 0.3s ease;\n      }\n\n      span {\n        opacity: 1;\n        right: 48px;\n        transform: scale(1);\n        transition: all 0.3s ease;\n      }\n    }\n\n    &+.nav-link {\n      margin-bottom: 5px;\n    }\n\n    span {\n      position: absolute;\n      right: -60px;\n      width: max-content;\n      text-align: right;\n      padding: 7px 10px;\n      display: block;\n      top: 0;\n      border-radius: 5px;\n      transform: scale(0);\n      transition: all 0.3s ease;\n      opacity: 0;\n      color: var(--theme-default);\n      background-color: lighten($primary-color, 25%);\n      box-shadow: 0 0 37px rgba(8, 21, 66, 0.1);\n    }\n\n    i {\n      font-size: 17px;\n      padding: 8px 10px;\n      display: inline-block;\n      cursor: pointer;\n      margin: 0;\n      color: gray;\n      border-radius: 5px;\n    }\n  }\n}\n\n.customizer-contain {\n  direction: ltr;\n  position: fixed;\n  height: calc(100vh);\n  top: 79px;\n  width: 333px;\n  right: -335px;\n  background-color: $white;\n  z-index: 8;\n  transition: all 0.3s ease;\n\n  &.open {\n    right: 0px;\n    transition: all 0.3s ease;\n    box-shadow: 0 0 10px 1px rgba(68, 102, 242, 0.05);\n  }\n\n  li {\n    position: relative;\n\n    &.active {\n      box-shadow: 0 0 11px 5px rgba(226, 226, 226, 0.5);\n    }\n  }\n\n  .customizer-header {\n    padding: 15px 25px;\n    border-bottom: 1px solid $light-color;\n\n    .icon-close {\n      position: absolute;\n      font-size: 18px;\n      cursor: pointer;\n      font-weight: 900;\n      right: 24px;\n      color: var(--theme-default);\n    }\n\n    h5 {\n      text-transform: uppercase;\n      color: $black;\n    }\n  }\n\n  .customizer-body {\n    padding: 15px 25px;\n    max-height: calc(100vh - 200px);\n    overflow-y: scroll;\n  }\n}\n\n.layout-grid:not(.customizer-color) {\n  li {\n    padding: 5px;\n\n    >.header {\n      height: 9px;\n      border-radius: 3px;\n      position: relative;\n\n      ul {\n        position: absolute;\n        top: -8px;\n        left: 5px;\n\n        >li {\n          display: inline-block;\n          width: 4px;\n          height: 4px;\n          border-radius: 5px;\n          top: calc(50% - 3px);\n          background-color: var(--theme-default);\n          margin-right: 2px;\n          padding: 0;\n\n          &:nth-child(2) {\n            background-color: rgba(var(--theme-secondary),1);\n          }\n\n          &:nth-child(3) {\n            background-color: $success-color;\n          }\n        }\n      }\n    }\n\n    >.body {\n      background-color: $light-color;\n      height: calc(100% - 16px);\n      border-radius: 3px;\n      position: relative;\n      margin-top: 5px;\n      text-align: center;\n      line-height: 3.1;\n\n\n      ul {\n        height: 100%;\n        background-color: $white;\n\n        .sidebar {\n          width: 18px;\n          height: 100%;\n          border-radius: 3px;\n          display: inline-block;\n          margin-right: 3px;\n          padding: 0;\n\n          &.compact {\n            width: 12px;\n\n            &~.body {\n              width: calc(100% - 19px);\n            }\n          }\n        }\n\n        .body {\n          width: calc(100% - 25px);\n          padding: 0;\n          margin: 0;\n          height: 100%;\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          border-radius: 3px;\n\n          .badge {\n            position: absolute;\n          }\n        }\n      }\n    }\n\n    &:nth-child(2) {\n      >.body {\n        ul {\n          .sidebar {\n            margin-left: 3px;\n          }\n        }\n      }\n    }\n  }\n}\n\n/**=====================\n    4.2 Theme-customizer CSS Ends\n==========================**/","/**=====================\n  4.3 Update CSS Start\n==========================**/\n@import \"utils/variables\";\n\n// jsgrid css\n.jsgrid-filter-row {\n\n    select,\n    input {\n        padding: 6px 10px;\n        border: 1px solid $horizontal-border-color;\n        background: $white;\n    }\n}\n.primary-light {\n    background-color: $light-primary;\n}\n.secondary-light {\n    background-color: $light-secondary;\n}\n.warning-light {\n    background-color: $light-warning;\n}\n.info-light {\n    background-color: $light-info;\n}\n.collapse-horizontal {\n    .card-body {\n        width: 350px;\n    }\n}\n\n// typeahead page\n.twitter-typeahead {\n    display: block !important;\n}\n\nspan.twitter-typeahead {\n    .league-name {\n        font-size: 16px;\n        padding: 6px 10px 0;\n    }\n\n    .tt-menu {\n        float: left;\n        width: 100%;\n        min-width: 10rem;\n        margin: 0.125rem 0 0;\n        font-size: 1rem;\n        color: #212529;\n        text-align: left;\n        list-style: none;\n        background-color: $white;\n        background-clip: padding-box;\n        border-radius: 0.25rem;\n        -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);\n        box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);\n        border: none;\n        padding: 0;\n    }\n\n    .tt-suggestion {\n        color: $dark-editor-document;\n        opacity: 0.6;\n        font-size: 13px;\n        padding: 6px 12px;\n        border-top: 1px solid $light-semi-gray;\n        background: $white;\n        cursor: pointer;\n\n        &:hover,\n        &:focus {\n            background-color: $white;\n        }\n\n        &.active,\n        &:active {\n            color: $white;\n            background-color: var(--theme-default);\n        }\n    }\n}\n\n// tooltip css start\n.tooltip {\n    &.bs-tooltip-top {\n        .tooltip-arrow {\n            &:before {\n                border-top-color: $theme-medium-color;\n            }\n        }\n    }\n\n    &.bs-tooltip-bottom {\n        .tooltip-arrow {\n            &:before {\n                border-bottom-color: $theme-medium-color;\n                border-top-color: transparent;\n            }\n        }\n    }\n\n    &.bs-tooltip-start {\n        .tooltip-arrow {\n            &:before {\n                border-left-color: $theme-medium-color;\n                border-top-color: transparent;\n            }\n        }\n    }\n\n    &.bs-tooltip-end {\n        .tooltip-arrow {\n            &:before {\n                border-right-color: $theme-medium-color;\n                border-top-color: transparent;\n            }\n        }\n    }\n\n    .tooltip-inner {\n        background-color: $theme-medium-color;\n        color: $primary-color;\n    }\n\n    .tooltip-arrow {\n        &:before {\n            border-top-color: $theme-medium-color;\n        }\n    }\n}\n\n// tooltip css end\n\n// dropdown css start\n.dropdown-basic {\n    .dropdown {\n        .dropdown-content {\n            a {\n                padding: 6px 16px;\n                color: $dark-editor-document;\n                opacity: 0.6;\n                font-size: 13px;\n                border-top: 1px solid $light-semi-gray;\n                background: var(--white);\n\n                &:hover {\n                    background-color: $white;\n                }\n            }\n\n            .dropdown-header {\n                padding: 8px 16px;\n                font-weight: 400;\n                color: $dark-color;\n                font-size: 13px;\n            }\n        }\n    }\n\n    .dropup {\n        .dropup-content {\n            top: auto;\n        }\n    }\n}\n\n// dropdown css end\n// accordion css start\n.faq-wrap {\n    .default-according {\n        .card {\n            .card-header {\n                border-radius: 10px;\n\n                .btn-link {\n                    border: none;\n                    border-radius: 10px;\n                }\n            }\n\n            .collapse {\n                &.show {\n                    .card-body {\n                        border-top: 1px solid var(--sidebar-border);\n                    }\n                }\n            }\n\n            .card-body {\n                border: none;\n            }\n        }\n    }\n}\n\n.default-according {\n    .card {\n        .card-header {\n            padding: 0;\n            border: none;\n            border-radius: 0;\n            border-top-left-radius: 10px;\n            border-top-right-radius: 10px;\n\n            &.bg-primary,\n            &.bg-secondary {\n                .btn {\n                    border-color: $transparent-color;\n                }\n            }\n\n            i {\n                position: initial;\n                font-size: 20px;\n                display: inline-block;\n                vertical-align: text-bottom;\n                margin-right: 5px;\n\n                [dir=\"rtl\"] & {\n                    margin-right: unset;\n                    margin-left: 5px;\n                }\n            }\n\n            h5 {\n                margin-top: 0;\n            }\n\n            .btn-link {\n                padding: 12px 20px;\n                width: 100%;\n                text-align: left;\n                letter-spacing: 0.7px;\n                font-family: $font-manrope;\n                border: 1px solid var(--sidebar-border);\n                border-radius: 0;\n                border-top-left-radius: 10px;\n                border-top-right-radius: 10px;\n                font-weight: 500;\n                font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));\n\n                [dir=\"rtl\"] & {\n                    text-align: right;\n                }\n\n                @media (max-width: 575px) {\n                    padding: 12px 15px;\n                }\n            }\n        }\n\n        .card-body {\n            padding: 15px 20px;\n            line-height: 22px;\n            font-size: 14px;\n            border-color: var(--sidebar-border);\n            border-radius: 0;\n            border-bottom-left-radius: 5px;\n            border-bottom-right-radius: 5px;\n            color: $dark-color;\n        }\n    }\n}\n\n// accordion css end\n\n// tab-bootstrap css start\n.nav-tabs {\n    border-bottom-color: $light-semi-gray;\n\n    .nav-bottom {\n        .nav-item {\n            .nav-link.active {\n                border-color: $light-semi-gray;\n            }\n        }\n    }\n}\n\n.nav-tabs {\n    .nav-item {\n        &.show {\n            .nav-link {\n                font-weight: 500;\n            }\n        }\n    }\n\n    .nav-link {\n        color: $dark-color;\n\n        &.active {\n            font-weight: 500;\n        }\n    }\n\n    &.nav-bottom {\n        .nav-item {\n            .nav-link {\n                &.active {\n                    border-color: $light-gray $light-gray #fff;\n                }\n            }\n        }\n    }\n}\n\n.dropdown-menu {\n    -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);\n    box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);\n    border: none;\n    padding: 0;\n    z-index: 2;\n\n    .dropdown-item {\n        color: $dark-editor-document;\n        opacity: 0.6;\n        font-size: 13px;\n        padding: 6px 12px;\n        border-top: 1px solid $light-semi-gray;\n        background: var(--white);\n\n        &:hover {\n            background-color: $gray-60;\n        }\n\n        &:first-child {\n            border: none;\n        }\n    }\n\n    .dropdown-divider {\n        margin: 0;\n        border-top: 1px solid $gray-60;\n    }\n}\n\n// tab-bootstrap css end\n\n.border-tab {\n    .nav-tabs {\n        .nav-item {\n            .nav-link {\n                &.active {\n                    border-bottom: 2px solid $primary-color;\n                }\n\n                &.show {\n                    border-bottom: 2px solid $primary-color;\n                }\n\n                &:focus {\n                    border-bottom: 2px solid $primary-color;\n                }\n            }\n        }\n    }\n}\n\n.timeliny {\n    .timeliny-dot::before {\n        font-size: $btn-lg-font-size;\n    }\n}\n\n.component {\n    .input-group {\n        .btn {\n            line-height: 32px;\n            text-transform: capitalize;\n        }\n    }\n}\n\n.login-card {\n    .login-main {\n        .theme-form {\n            label {\n                font-size: $body-font-size;\n            }\n\n            .show-hide {\n                top: 50%;\n            }\n        }\n    }\n}\n\n// faq css start\n.faq-accordion {\n    .card {\n        .btn-link {\n            svg {\n                margin-left: 20px;\n\n                @media (max-width: 575.98px) {\n                    margin-left: 10px;\n                }\n            }\n        }\n    }\n}\n\n.form-control,\n.form-select {\n    &:focus {\n        box-shadow: unset;\n        border-color: var(--theme-default);\n    }\n}\n\n// faq css end\n.job-filter {\n    .faq-form {\n        .form-control {\n            font-size: 14px;\n            padding: 6px 30px 6px 6px;\n        }\n\n        .search-icon {\n            width: 16px;\n            height: 16px;\n        }\n    }\n}\n\n// Data-tables\n.dt-button-collection {\n    width: auto !important;\n\n    .btn-group {\n        width: 100%;\n    }\n\n    .dropdown-item {\n        &:hover {\n            background-color: var(--white) !important;\n        }\n    }\n}\n\n// owl-carousel css\n.carousel {\n    .carousel-indicators {\n        margin-bottom: 3px;\n    }\n}\n\n.carousel-item {\n    .carousel-caption {\n        width: 100%;\n        right: 0;\n        left: 0;\n        bottom: 0;\n        padding: 26px 10px;\n        background-color: rgba($dark-card-background, 0.51);\n\n        h5,\n        p {\n            color: $white;\n        }\n    }\n\n    .carousel-opacity {\n        background-color: rgba($light-color, 0.51);\n    }\n}\n\n.carousel-dark {\n    .carousel-caption {\n\n        h5,\n        p {\n            color: $black;\n        }\n    }\n}\n\n.carousel {\n\n    .carousel-control-prev-icon,\n    .carousel-control-next-icon {\n        width: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320)));\n        height: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320)));\n    }\n}\n\n//  swiper slider css\n.swiper {\n\n    &.swiper-h,\n    &.vertical-swiper {\n        height: calc(170px + (500 - 170) * ((100vw - 320px) / (1920 - 320)));\n    }\n\n    .swiper-button-next,\n    .swiper-button-prev {\n        &::after {\n            font-size: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320)));\n        }\n    }\n}\n\n.swiper-pagination {\n    .swiper-pagination-bullet-active {\n        background-color: var(--theme-default);\n    }\n}\n\n.nested-horizontal-swiper {\n    height: 500px;\n\n    .nested-vertical-swiper {\n        height: 100%;\n    }\n}\n\n.autoplay-swiper {\n\n    .swiper-button-prev,\n    .swiper-button-next {\n        color: var(--white);\n    }\n}\n\n.thumb-swiper-wrapper {\n    .swiper {\n        width: 100%;\n        height: 100%;\n        width: 100%;\n        height: 300px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .swiper-slide {\n        text-align: center;\n        font-size: 18px;\n        background: var(--white);\n        @include pixelstrap-flex(flex, center, center);\n        background-size: cover;\n        background-position: center;\n\n        img {\n            display: block;\n            @include pixelstrap-size(100%, 100%);\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n            object-fit: cover;\n        }\n    }\n\n    body {\n        background: $dark-color;\n        color: $dark-color;\n    }\n\n    .mySwiper2 {\n        @include pixelstrap-size(100%, 80%);\n    }\n\n    .mySwiper {\n        height: 20%;\n        box-sizing: border-box;\n        padding: 10px 0;\n\n        .swiper-slide {\n            @include pixelstrap-size(25%, 100%);\n            opacity: 0.4;\n        }\n\n        .swiper-slide-thumb-active {\n            opacity: 1;\n        }\n    }\n}\n\n.coverflow-slider {\n    &.swiper {\n        width: 100%;\n\n        .swiper-slide {\n            background-position: center;\n            background-size: cover;\n            width: 300px;\n\n            @media (max-width:478px) and (min-width:396px) {\n                width: 200px;\n            }\n\n            @media (max-width:395px) and (min-width:361px) {\n                width: 170px;\n            }\n\n            @media (max-width:360px) {\n                width: 138px;\n            }\n        }\n\n        .swiper-slide img {\n            display: block;\n            width: 100%;\n        }\n    }\n}\n\n// Rating\n.rating-header {\n    h4 {\n        [dir=\"rtl\"] & {\n            direction: ltr;\n        }\n    }\n}\n\n// Modal Animated css\n.animated-toast {\n    z-index: 11;\n}\n\n.animated-toast {\n    @media (max-width:390px) {\n        .toast {\n            width: 285px;\n\n            .toast-header {\n                h6 {\n                    @include pixelstrap-ellipsis;\n                    max-width: 220px;\n                }\n            }\n        }\n    }\n}\n\n.animate-img {\n    .animate-widget {\n        img {\n            width: 100%;\n            height: calc(190px + (350 - 190) * ((100vw - 320px) / (1920 - 320)));\n            margin: 0 auto;\n            object-fit: cover;\n            border-radius: 10px 10px 0 0;\n        }\n    }\n}\n\n.animated-modal-wrapper {\n    .common-align {\n        flex-direction: column;\n        gap: 26px;\n    }\n\n    .animated-modal {\n        flex-flow: column;\n        gap: 15px;\n        justify-content: center;\n        margin-bottom: 0;\n        align-items: stretch;\n\n        .animated-modal-md-mb {\n            justify-content: center;\n            align-items: center;\n\n            @media (max-width:442px) {\n                gap: 4px;\n            }\n\n            @media (max-width:363px) {\n                justify-content: flex-start;\n            }\n        }\n\n        .form-select {\n            @media (max-width:442px) and (min-width:364px) {\n                width: 75% !important;\n            }\n\n            @media (max-width:363px) {\n                width: 85% !important;\n                margin-inline: 12px;\n            }\n        }\n    }\n}\n\n.modal-popup {\n    &.modal {\n        top: 20%;\n        left: 50%;\n        transform: translate(-50%, 0);\n\n        .modal-dialog {\n            pointer-events: all;\n\n            .theme-close {\n                width: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320)));\n                height: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320)));\n                font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));\n                cursor: pointer;\n\n                &:hover {\n                    opacity: 1;\n                }\n            }\n        }\n    }\n}\n\n.animate-widget {\n    img {\n        border-radius: 10px 10px 0 0;\n    }\n}\n\n// Add-post scss\n.add-post {\n    form {\n        .form-control {\n            &:focus {\n                border: 1px solid var(--recent-dashed-border);\n                box-shadow: unset;\n            }\n        }\n\n        .m-checkbox-inline {\n            label {\n                cursor: pointer;\n            }\n        }\n    }\n}\n\n// starter kit\n.starter-main {\n    .alert-primary {\n        &.inverse {\n            padding: 13px 20px 13px 65px;\n            border-color: $primary-color;\n            color: $dark-color;\n\n            [dir=\"rtl\"] & {\n                padding: 13px 65px 13px 20px;\n            }\n\n            &:before {\n                content: \"\";\n                position: absolute;\n                left: 55px;\n                @include pixelstrap-size(0, 0);\n                top: 50%;\n                border-left: 7px solid $primary-color;\n                border-top: 7px solid transparent;\n                border-bottom: 7px solid transparent;\n                transform: translateY(-50%);\n\n                [dir=\"rtl\"] & {\n                    border-right: 7px solid $primary-color;\n                    border-left: unset;\n                    left: unset;\n                    right: 55px;\n                }\n            }\n\n            i {\n                padding: 17px 20px;\n                display: flex;\n                align-items: center;\n                background-color: $primary-color;\n                color: $white;\n                border-radius: 0px 0 0 3px;\n                position: absolute;\n                left: 0;\n                top: 0;\n                height: 100%;\n\n                [dir=\"rtl\"] & {\n                    right: 0;\n                    left: unset;\n                }\n            }\n        }\n    }\n}\n\n// Helper classes page css\n.helper-classes {\n    padding: 30px;\n    margin-bottom: 0;\n    white-space: pre-line;\n}\n\n// starter kit page css\n.starter-kit-fix {\n    .page-body {\n        margin-bottom: 52px;\n    }\n}\n\n.starter-main {\n    .card-body {\n        p {\n            font-size: 14px;\n        }\n\n        ul {\n            padding-left: 30px;\n            list-style-type: disc;\n            margin-bottom: 15px;\n        }\n\n        h5 {\n            font-size: 18px;\n        }\n\n        pre {\n            white-space: pre-line;\n            padding: 30px;\n        }\n    }\n\n    .alert {\n        background-color: rgba($primary-color, 0.2) !important;\n\n        i {\n            display: flex;\n            align-items: center;\n        }\n    }\n}\n\n// bootstrap basic table page\n.card-block {\n    .table-responsive {\n        .table {\n            caption {\n                padding-left: 10px;\n\n                [dir=\"rtl\"] & {\n                    padding-left: unset;\n                    padding-right: 10px;\n                    text-align: right;\n                }\n            }\n        }\n\n        .table-bordered {\n            td {\n                vertical-align: middle;\n            }\n        }\n    }\n\n    .table-border-radius {\n        border-bottom-left-radius: 4px;\n        border-bottom-right-radius: 4px;\n    }\n\n    .default-checkbox-align {\n        #checkbox1 {\n            margin-right: 10px;\n        }\n\n        #radio {\n            margin-right: 5px;\n        }\n    }\n}\n\n// datatable styling page\n#example-style-3_wrapper {\n    #example-style-3 {\n        tfoot {\n            border-top: 2px solid $light-semi-gray;\n        }\n    }\n}\n\n// chartjs page\n.chart-vertical-center {\n    display: flex;\n    justify-content: center;\n\n    #myDoughnutGraph,\n    #myPolarGraph {\n        width: auto !important;\n    }\n}\n\n// ace-code-editor page\n#editor {\n    .ace_scroller {\n        .ace_content {\n            .ace_layer {\n                .ace_print-margin {\n                    visibility: hidden !important;\n                }\n            }\n        }\n    }\n}\n\n.attendance-card {\n    display: flex;\n    padding: 15px;\n    border-radius: 5px;\n    gap: 15px;\n    align-items: center;\n\n\n    @media (max-width:1700px) {\n        gap: 10px;\n    }\n\n    @media (max-width: 480px) {\n        align-items: flex-start;\n    }\n\n    .left-overview-content {\n        display: flex;\n        gap: 15px;\n        align-items: center;\n\n        .svg-box {\n            width: 43px;\n            height: 43px;\n            background-color: var(--white);\n            box-shadow: 0px 71.2527px 51.5055px rgb(229 229 245 / 19%), 0px 42.3445px 28.0125px rgb(229 229 245 / 15%), 0px 21.9866px 14.2913px rgb(229 229 245 / 13%), 0px 8.95749px 7.16599px rgb(229 229 245 / 10%), 0px 2.03579px 3.46085px rgb(229 229 245 / 6%);\n            border-radius: 10px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n    }\n\n    .right-overview-content {\n        display: flex;\n        gap: 25px;\n        align-items: center;\n        justify-content: space-between;\n        width: calc(100% - 43px - 15px);\n\n        h6 {\n            padding-bottom: 7px;\n        }\n\n        span {\n            line-height: 18.69px;\n        }\n\n        @media (max-width:1700px) {\n            gap: 18px\n        }\n\n        @media (max-width: 480px) {\n            flex-wrap: wrap;\n            gap: 7px;\n        }\n\n        .marks-count {\n            display: flex;\n            gap: 23px;\n            align-items: center;\n\n            sub {\n                bottom: -0.8px;\n            }\n\n            @media (max-width:1700px) {\n                gap: 12px;\n                flex-wrap: wrap;\n            }\n\n            @media (max-width: 480px) {\n                gap: 14px;\n            }\n        }\n    }\n}\n\n// dropzone\n\n.animated-dropfile {\n    #top {\n        margin-top: 20px;\n    }\n\n    .btn-container {\n        // background: var(--white);\n        border-radius: 5px;\n        line-height: 0;\n        margin: 34px 0;\n    }\n\n    .imgupload {\n        color: var(--chart-text-color);\n        font-size: 50px;\n    }\n\n    #namefile {\n        color: var(--chart-text-color);\n    }\n\n    h4>strong {\n        color: $danger-color;\n    }\n\n    .imgupload.ok {\n        display: none;\n        color: $success-color;\n    }\n\n    .imgupload.stop {\n        display: none;\n        color: $danger-color;\n    }\n\n    #fileup {\n        opacity: 0;\n        -moz-opacity: 0;\n        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);\n        width: 200px;\n        cursor: pointer;\n        position: absolute;\n        left: 50%;\n        transform: translateX(-50%);\n        bottom: 34px;\n        height: 35px;\n    }\n\n    #submitbtn {\n        padding: 5px 50px;\n        display: none;\n    }\n\n    #fakebtn {\n        padding: 5px 40px;\n    }\n\n    #sign {\n        color: #1E2832;\n        position: fixed;\n        right: 10px;\n        bottom: 10px;\n        text-shadow: 0px 0px 0px #1E2832;\n        transition: all .3s;\n    }\n\n    #sign:hover {\n        color: #1E2832;\n        text-shadow: 0px 0px 5px #1E2832;\n    }\n}\n\n//  draggable card start\n\n.element-draggable {\n    background-color: #f1edf3;\n    color: #29262b;\n    padding: 1rem;\n    margin-top: 14px;\n    transition: opacity 200ms ease;\n\n    &:first-child {\n        margin-top: 0;\n    }\n}\n\n.dragging {\n    opacity: 0.5;\n    transition: opacity 1s ease;\n}\n\n//  draggable card end\n// Reload icon\n.reload-icon {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    font-size: 12px;\n}\n\n.button-light-light {\n    background-color: rgba($light-color, 0.5) !important;\n}\n\n// Common BS Select picker\n.bootstrap-select {\n    width: 100% !important;\n\n    .dropdown-toggle {\n        width: 100%;\n        color: $dark-gray;\n        background-color: var(--white) !important;\n        border-color: $gray-60 !important;\n        border-radius: 6px;\n\n        &:focus {\n            outline: unset !important;\n        }\n\n        &::after {\n            font-size: 15px;\n        }\n    }\n\n    .dropdown-menu {\n        width: 100%;\n\n        .no-results {\n            @include pixelstrap-ellipsis;\n            font-size: 14px;\n        }\n    }\n}\n\n// To-do\n\n.todo-wrap {\n    &.email-wrap {\n        .email-app-sidebar {\n            .main-menu {\n                >li {\n                    a {\n                        .badge {\n                            color: $white;\n\n                        }\n                    }\n\n                    +li {\n                        padding-top: 18px;\n                    }\n                }\n\n                li {\n                    span {\n                        &[class*=\"bg-light-\"] {\n                            min-width: 35px;\n                            min-height: 35px;\n                            border-radius: 50%;\n                            display: grid;\n                            place-items: center;\n                        }\n                    }\n                }\n            }\n        }\n\n        .todo-tasks {\n            .card-body {\n                height: 350px;\n                overflow: auto;\n\n                .task-date {\n                    @include pixelstrap-flex(flex, center, center);\n                    margin-left: auto;\n\n                    @media (max-width:575px) {\n                        margin: 0;\n                        justify-content: space-between;\n                        width: 100%;\n\n                        span {\n                            padding: 0;\n                        }\n                    }\n                }\n            }\n\n            input,\n            button {\n                padding: 8px;\n                border: none;\n                border-radius: 4px;\n                outline: none;\n            }\n\n            input {\n                border: 1px solid var(--theme-default);\n\n                &.form-check-input {\n                    margin: 0;\n                }\n            }\n\n            button {\n                color: $white;\n                background-color: var(--theme-default);\n                cursor: pointer;\n\n                i {\n                    color: $white;\n                }\n            }\n\n            li {\n                background-color: rgba($gray-60, 0.2);\n                margin-bottom: 10px;\n                padding: 12px;\n                border-radius: 4px;\n                display: flex;\n                align-items: center;\n\n                &:last-child {\n                    margin-bottom: 0;\n                }\n\n                &.form-check-input {\n                    margin: 0;\n                }\n\n                span {\n                    padding-inline: 12px;\n                    @include multi-line-ellipsis(3, auto, vertical, hidden);\n                }\n            }\n\n            .completed {\n                text-decoration: 2px line-through $danger-color;\n            }\n\n            .delete-button {\n                background-color: $danger-color; // DAVE ADDED\n                min-width: 30px;\n                min-height: 30px;\n                padding: 0;\n                margin-left: auto;\n            }\n\n            @media (max-width:575px) {\n                li {\n                    flex-wrap: wrap;\n                    gap: 8px;\n\n                    span:not(.c-o-light) {\n                        padding: 0;\n                    }\n                }\n            }\n        }\n    }\n}\n\n.tilt-showcase {\n    .sub-title {\n        border-bottom: 0 !important;\n    }\n\n    pre {\n        padding: 12px;\n        margin-top: 7px;\n    }\n}\n\n// Support ticket page\n.support-ticket-font {\n    ul {\n        font-size: 13px;\n    }\n}\n\n.ecommerce-widget {\n    box-shadow: none;\n    border: 1px solid #f1f3ff !important;\n    border-radius: 5px;\n\n    .total-num {\n        color: $theme-body-font-color;\n        margin: 0;\n        letter-spacing: 1px;\n\n        span {\n            color: $black;\n        }\n    }\n\n    .row {\n        align-items: center;\n    }\n\n    .progress-showcase {\n        margin-top: 20px;\n    }\n\n    span {\n        color: $theme-body-sub-title-color;\n        margin: 0;\n        cursor: pointer;\n    }\n\n    .icon {\n        color: $light-semi-gray;\n        font-size: 40px;\n    }\n\n    .flot-chart-container {\n        height: 100px;\n        padding: 0;\n        margin: 0;\n        border: transparent;\n    }\n\n    .morris-default-style {\n        display: none !important;\n    }\n\n    svg {\n        -webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3));\n        filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3));\n    }\n}\n\n// Typeahead\n.typeahead-wrapper {\n    .tt-menu {\n        z-index: 6 !important;\n    }\n}\n\n\n// API Management\n.api-management {\n    .recent-table {\n        div.dt-container {\n            .dt-layout-row {\n                .dt-search {\n                    top: 20px;\n                    right: 145px;\n\n                    @media (max-width:640px) and (min-width:576px) {\n                        position: absolute;\n                        left: unset;\n                    }\n\n                    @media (max-width:575px) {\n                        top: 0;\n                    }\n\n                    .dt-input {\n                        @include pixelstrap-search(auto, 6px, 6px);\n                    }\n                }\n\n                .dt-length {\n                    top: 23px;\n                }\n            }\n        }\n\n        table {\n\n            thead,\n            tbody {\n                tr {\n\n                    th,\n                    td {\n\n                        color: var(--body-font-color);\n                        min-width: auto;\n\n                        &:first-child {\n                            padding-left: 20px;\n                        }\n\n                        &:last-child {\n                            padding-right: 20px;\n                        }\n\n                        .badge {\n                            padding: 6px 12px;\n                            font-size: 12px;\n                        }\n\n                        .common-f-start {\n                            gap: 12px;\n\n                            .square-l-white {\n                                @include square-box(calc(30px + (34 - 30) * ((100vw - 320px) / (1920 - 320))), calc(30px + (34 - 30) * ((100vw - 320px) / (1920 - 320))), 2px, $light-color);\n                                @include pixelstrap-flex(flex, center, center);\n\n                                i {\n                                    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));\n                                    color: rgba($badge-light-color, 0.5);\n                                    cursor: pointer;\n                                }\n                            }\n                        }\n\n                        .square-white {\n\n                            @include square-box(34px, 34px, 2px, var(--white));\n                            @include pixelstrap-flex(flex, center, center);\n                            // box-shadow: 0px 0px 28px 6px rgba(235, 235, 235, 0.4);\n\n                            svg {\n                                fill: rgba($badge-light-color, 0.8);\n                                @include pixelstrap-size(16px, 16px);\n                            }\n                        }\n\n                        &:nth-child(3) {\n                            min-width: 330px;\n                        }\n\n                        @media (max-width:1310px) and (min-width:992px) {\n                            &:nth-child(2) {\n                                span {\n                                    @include multi-line-ellipsis(1, auto, vertical, hidden);\n                                }\n                            }\n                        }\n\n                        @media (max-width:991px) {\n                            &:nth-child(2) {\n                                min-width: 365px;\n                            }\n\n                            &:nth-child(3) {\n                                min-width: 350px;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n// Sitemap\n.sitemap-wrapper {\n    .default-sitemap {\n        .sub-title {\n            color: $dark-color;\n            margin-bottom: 18px;\n            padding-bottom: 6px;\n            border-bottom: thick solid var(--chart-progress-light);\n        }\n\n        .common-flex {\n            flex-direction: column;\n\n            a {\n                color: rgba($badge-light-color, 0.6);\n            }\n        }\n    }\n\n    .horizontal-sitemap {\n        text-align: center;\n\n        .main-site {\n\n            li {\n                >a {\n                    padding: 10px 20px;\n                    border-radius: 4px;\n                    background-color: rgba($gray-60, 0.29);\n                    display: inline-block;\n                    width: 10rem;\n                    text-align: center;\n                    color: $theme-body-font-color;\n\n                    @media (min-width:992px) {\n                        width: calc(9.5rem + (10 - 8.3) * ((100vw - 992px) / (1920 - 992)));\n                    }\n\n                    @media (max-width:991px) {\n                        background-color: unset;\n                        padding: 0;\n                        text-align: left;\n                    }\n                }\n\n                .main-root {\n                    position: relative;\n                    background-color: $gray-60;\n\n                    &::after {\n                        content: '';\n                        border: 1px solid $dark-color;\n                        position: absolute;\n                        height: 28px;\n                        bottom: -28px;\n                        left: 50%;\n                        transform: translate(-50%);\n                    }\n\n                    @media (max-width:991px) {\n                        background-color: unset;\n                        text-align: center;\n                    }\n                }\n            }\n        }\n\n        .tier-1 {\n            @include pixelstrap-flex(flex, space-between, flex-start);\n            width: 88%;\n            margin: auto;\n            margin-top: 28px;\n            padding-top: 22px;\n            position: relative;\n            border-top: 8px solid $dark-color;\n\n            // &::before {\n            //     content: \"\";\n            //     top: 0;\n            //     left: 0;\n            //     width: 100%;\n            //     background-color: $dark-color;\n            //     height: 8px;\n            //     position: absolute;\n            // }\n\n            li {\n                text-align: left;\n                position: relative;\n\n                >a:not(.tier-2 li a) {\n                    &:first-child {\n                        background-color: rgba($gray-60, 0.6);\n                        position: relative;\n\n                        &::before {\n                            content: \"\\f175\";\n                            font-weight: 900;\n                            position: absolute;\n                            font-family: \"Font Awesome 6 Free\";\n                            top: -28px;\n                            left: 50%;\n                            transform: translateX(-50%);\n                            font-size: 22px;\n                            color: $dark-color;\n                        }\n\n                        @media (max-width:991px) {\n                            background-color: unset;\n                            text-align: center;\n                        }\n                    }\n                }\n\n                @media (min-width:992px) {\n                    padding-left: calc(15px + (22 - 15) * ((100vw - 992px) / (1920 - 992)));\n                }\n\n                @media (max-width:991px) {\n                    padding-left: 0px;\n                }\n            }\n\n            .tier-2 {\n                display: flex;\n                flex-direction: column;\n                gap: 32px;\n                padding-top: 40px;\n                border-left: 2px solid $dark-color;\n\n                li {\n                    position: relative;\n\n                    >a {\n                        position: relative;\n\n                        &::before {\n                            content: \"\\f178\";\n                            font-weight: 900;\n                            position: absolute;\n                            font-family: $font-awesome;\n                            top: 50%;\n                            left: -22px;\n                            transform: translateY(-50%);\n                            font-size: 22px;\n                            color: $dark-color;\n\n                            @media (min-width:992px) {\n                                font-size: calc(16px + (22 - 16) * ((100vw - 992px) / (1920 - 992)));\n                                left: calc(-16px + ((-22) - (-16)) * ((100vw - 992px) / (1920 - 992)));\n                            }\n\n                            @media (max-width:991px) {\n                                font-size: 16px;\n                            }\n                        }\n                    }\n\n                    // &:last-child {\n                    //     &::after {\n                    //         content: '';\n                    //         width: 2px;\n                    //         height: 20px;\n                    //         position: absolute;\n                    //         bottom: -2px;\n                    //         left: -2px;\n                    //         background-color: $white;\n                    //     }\n                    // }\n                }\n\n                .tier-3 {\n                    display: flex;\n                    flex-direction: column;\n                    gap: 32px;\n                    padding-top: 40px;\n                    border-left: 2px solid $dark-color;\n\n                    @media (min-width:992px) {\n                        margin-left: calc(6px + (56 - 6) * ((100vw - 992px) / (1920 - 992)));\n                    }\n\n                    @media (max-width:991px) {\n                        margin-left: 0;\n                        padding-top: 18px;\n                        gap: 12px;\n                    }\n\n                    li {\n                        @media (max-width:991px) {\n                            padding-left: 20px;\n                        }\n                    }\n                }\n\n                @media (min-width:992px) {\n                    margin-left: calc(6px + (28 - 6) * ((100vw - 992px) / (1920 - 992)));\n                }\n\n                @media (max-width:991px) {\n                    margin-left: 0;\n                    padding-top: 18px;\n                    gap: 12px;\n                    padding-left: 20px;\n                }\n            }\n\n            @media (max-width:1529px) {\n                width: 100%;\n                overflow-x: auto;\n                overflow-y: hidden;\n            }\n        }\n    }\n}\n\n// Subscribed Users\n.subscribed-user {\n    .card-header {\n        padding: 27px 20px;\n    }\n\n    .subscribed-user-wrapper {\n        .dt-container {\n            .dt-layout-row {\n                &:first-child {\n                    position: absolute;\n                    @include pixelstrap-flex(flex, flex-start, center);\n                    flex-direction: row-reverse;\n                    gap: 20px;\n                    right: 32px;\n                    top: -55px;\n\n                    @media (max-width:1045px) {\n                        position: relative;\n                        inset: 0;\n                        justify-content: flex-end;\n                        padding: 0 20px 20px 20px;\n                        flex-wrap: wrap;\n                        gap: 12px;\n                    }\n                }\n\n                .dt-search {\n                    @media (max-width:640px) {\n                        margin: 0 !important;\n                        inset: 0 !important;\n                    }\n                }\n\n                .dt-buttons {\n                    margin-bottom: 0;\n\n                    @media (max-width:380px) {\n                        .btn {\n                            padding: 6px 9px !important;\n                        }\n                    }\n                }\n            }\n        }\n\n        .recent-table {\n            table {\n\n                thead,\n                tbody {\n                    tr {\n\n                        th,\n                        td {\n                            color: var(--body-font-color);\n                            min-width: auto;\n\n                            &:first-child {\n                                padding-left: 20px;\n                            }\n\n                            &:last-child {\n                                padding-right: 20px;\n                            }\n\n                            a {\n                                color: var(--body-font-color);\n                                font-weight: 500;\n\n                                &:hover {\n                                    color: var(--theme-default);\n                                }\n                            }\n\n                            .badge {\n                                padding: 6px 12px;\n                                font-size: 12px;\n                            }\n\n                            .square-white {\n                                @include square-box(34px, 34px, 2px, var(--white));\n                                @include pixelstrap-flex(flex, center, center);\n                                // box-shadow: 0px 0px 28px 6px rgba(235, 235, 235, 0.4);\n\n                                i {\n                                    color: rgba($badge-light-color, 0.8);\n                                    @include pixelstrap-size(16px, 16px);\n                                }\n                            }\n\n                            &:nth-child(3) {\n                                min-width: 165px;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n.arrow-round {\n\n    .swiper-button-next,\n    .swiper-button-prev {\n        top: 42px;\n        z-index: 1;\n        width: 29px;\n        height: 21px;\n        background: var(--white);\n        box-shadow: 0px 4px 3px rgba(115, 102, 255, 0.1);\n        border-radius: 30px;\n\n        &::after {\n            font-size: 10px;\n            color: var(--theme-default);\n        }\n\n        @media (max-width: 991px) {\n            top: 42px;\n        }\n    }\n\n    .swiper-button-next {\n        right: 30px;\n\n        [dir=\"rtl\"] & {\n            right: unset;\n            left: 30px;\n        }\n    }\n\n    .swiper-button-prev {\n        left: unset;\n        right: 70px;\n\n        [dir=\"rtl\"] & {\n            right: unset;\n            left: 70px;\n        }\n    }\n}\n\n.widget-11 {\n    background-image: url(../images/dashboard/widget-bg.png);\n    background-size: cover;\n    margin-bottom: 25px;\n\n    .card-body {\n        padding: 20px 19px;\n\n        .common-align {\n            gap: 15px;\n        }\n\n        .analytics-tread {\n            min-width: calc(48px + (58 - 48) * ((100vw - 320px) / (1920 - 320)));\n            min-height: calc(48px + (58 - 48) * ((100vw - 320px) / (1920 - 320)));\n            border-radius: 5px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n\n            @media (max-width:1705px) and (min-width:1200px) {\n                min-width: 45px;\n                min-height: 45px;\n            }\n\n            svg {\n                width: calc(20px + (28 - 20) * ((100vw - 320px) / (1920 - 320)));\n                height: calc(20px + (28 - 20) * ((100vw - 320px) / (1920 - 320)));\n\n                @media (max-width:1705px) and (min-width:1200px) {\n                    width: 24px;\n                    height: 24px;\n                }\n            }\n        }\n\n        >div {\n            span {\n                @media (max-width:1835px) and (min-width:1641px) {\n                    overflow: hidden;\n                    text-overflow: ellipsis;\n                    white-space: nowrap;\n                    max-width: 100px;\n                    line-height: 1;\n                }\n\n                @media (max-width:1277px) and (min-width:1200px) {\n                    overflow: hidden;\n                    text-overflow: ellipsis;\n                    white-space: nowrap;\n                    max-width: 100px;\n                    line-height: 1;\n                }\n            }\n        }\n    }\n}\n\n// Social Tabs\n.social-tabs {\n    .tab-content {\n        @media (max-width:413px) {\n            margin-bottom: -45px;\n        }\n    }\n\n    .nav {\n        gap: 16px;\n\n        @media (max-width:1210px) {\n            gap: 10px;\n        }\n\n        @media (max-width:575px) {\n            display: flex;\n        }\n\n        .social-box {\n            padding: 12px 16px;\n            border: 1px solid transparent;\n            border-radius: 4px;\n            transition: all 0.4s ease;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            gap: 16px;\n\n            @media (max-width:1528px) {\n                gap: 12px;\n            }\n\n            span {\n                color: var(--body-font-color);\n            }\n\n            .frame-image {\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                gap: 10px;\n\n                [class*='outline-10-'],\n                [class*='outline-20-'] {\n                    border-radius: 50%;\n                    outline-offset: 4px;\n\n                    [class*='bg-10-'],\n                    [class*='bg-20-'] {\n                        width: 32px;\n                        height: 32px;\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                        border-radius: 50%;\n\n                        @media (max-width:1528px) {\n                            width: 28px;\n                            height: 28px;\n                        }\n                    }\n\n                    [class*='fa-']:not(.fa-youtube-play) {\n                        width: 18px;\n                        height: 18px;\n                        border-radius: 50%;\n                        font-size: 10px;\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                    }\n\n                    .youtube-color {\n                        color: $youtube-color;\n                    }\n\n                    .instagram-color {\n                        background: $instagram-color;\n                    }\n                }\n            }\n        }\n    }\n\n    .tab-content {\n        .tab-pane {\n            >div {\n                margin-bottom: -20px;\n            }\n        }\n    }\n}\n\n// Todo list\n.crm-todo-list {\n    li {\n        cursor: pointer;\n        border-bottom: 1px solid var(--chart-dashed-border);\n        padding: 12px 0;\n        gap: 16px;\n\n        @media (max-width:1560px) and (min-width:1400px) {\n            gap: 12px;\n        }\n\n        &:first-child {\n            padding-top: 0;\n        }\n\n        &:last-child {\n            border-bottom: unset;\n            padding-bottom: 0;\n        }\n\n        span {\n            $line-name: primary,\n                secondary,\n                success,\n                danger,\n                info,\n                light,\n                dark,\n                warning;\n            $line-color: $primary-color,\n                $secondary-color,\n                $success-color,\n                $danger-color,\n                $info-color,\n                $light-color,\n                $dark-color,\n                $warning-color;\n\n            @each $var in $line-name {\n                $i: index($line-name, $var);\n\n                &.l-line-#{$var} {\n                    height: 48px;\n                    width: 3px;\n                    border-radius: 4px;\n                    background: nth($background-color, $i);\n\n                    &:last-child {\n                        margin-bottom: 0;\n                    }\n                }\n            }\n        }\n\n        p {\n            @media (max-width:1880px) {\n                white-space: nowrap;\n                text-overflow: ellipsis;\n                overflow: hidden;\n                max-width: 200px;\n            }\n\n            @media (max-width:1723px) and (min-width:1519px) {\n                max-width: 158px;\n            }\n\n            @media (max-width:1518px) and (min-width:1400px) {\n                max-width: 130px;\n            }\n\n            @media (max-width:843px) and (min-width:768px) {\n                max-width: 200px;\n            }\n\n            @media (max-width:368px) {\n                max-width: 145px;\n            }\n        }\n\n        .form-check {\n            .form-check-input {\n                border-color: rgba($badge-light-color, 0.8);\n\n                &:focus {\n                    box-shadow: unset;\n                }\n            }\n        }\n\n        span {\n            color: rgba($badge-light-color, 0.8);\n        }\n\n        .flex-grow-1 {\n            a {\n                color: var(--body-font-color);\n                font-size: 14px;\n                font-weight: 500;\n                letter-spacing: 0.7px;\n                display: block;\n            }\n        }\n    }\n}\n\n.header-top {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 4px;\n\n    a {\n        i {\n            font-size: 11px;\n            margin-bottom: -2px;\n        }\n\n        &.btn {\n            padding: 8px 12px;\n\n            @media (max-width:575px) {\n                padding: 5px;\n            }\n\n            &.badge-light-primary {\n                &:hover {\n                    background-color: var(--theme-default);\n                }\n            }\n        }\n    }\n}\n\n.currency-icon {\n    width: 34px;\n    height: 34px;\n    border-radius: 4px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    &.warning {\n        svg {\n            fill: $warning-color;\n        }\n    }\n\n    &.success {\n        svg {\n            fill: $success-color;\n        }\n    }\n\n    &.primary {\n        svg {\n            fill: $primary-color;\n        }\n    }\n\n    &.secondary {\n        svg {\n            fill: $secondary-color;\n        }\n    }\n\n    &.dark-green {\n        svg {\n            fill: #1BA27A;\n        }\n    }\n\n    &.light-blue {\n        svg {\n            fill: #038DE7;\n        }\n    }\n}\n\n/**=====================\n    4.3 Update CSS Ends\n==========================**/\n","/**=====================\n\t4.1. Dark CSS Start\n==========================**/\nbody {\n\t&.dark-only {\n\t\tcolor: $dark-all-font-color;\n\t\tbackground-color: $dark-body-background;\n\n\t\t.card {\n\t\t\t--bs-card-title-color: var(--body-font-color);\n\t\t\t--bs-card-subtitle-color: var(--body-font-color);\n\t\t\t--bs-card-cap-color: var(--body-font-color);\n\t\t\t--bs-card-color: var(--body-font-color);\n\t\t\t--bs-body-color: var(--body-font-color);\n\t\t}\n\n\t\t.breadcrumb {\n\t\t\t--bs-breadcrumb-bg: transparent;\n\t\t}\n\n\t\t.toast {\n\t\t\t--bs-toast-color: var(--body-font-color);\n\t\t}\n\n\t\t.modal {\n\t\t\t--bs-modal-color: rgba($white, 0.4);\n\t\t\t--bs-modal-footer-bg: $dark-card-background;\n\t\t}\n\n\t\t.form-control {\n\t\t\tbackground-color: $dark-card-background;\n\t\t\tborder-color: $dark-card-border;\n\n\t\t\t&::placeholder {\n\t\t\t\tcolor: rgba($white, 0.5);\n\t\t\t}\n\t\t}\n\n\t\t.c-light {\n\t\t\tcolor: $dark-small-font-color;\n\t\t}\n\n\t\t.c-o-light {\n\t\t\tcolor: rgba($dark-all-font-color, 0.8);\n\t\t}\n\n\t\t.btn,\n\t\tbutton {\n\t\t\t&.button-primary {\n\t\t\t\t&:hover {\n\t\t\t\t\tcolor: $dark-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Input auto-fill\n\t\tinput:-webkit-autofill,\n\t\tinput:-webkit-autofill:hover,\n\t\tinput:-webkit-autofill:focus,\n\t\tinput:-webkit-autofill:active {\n\t\t\t-webkit-background-clip: text;\n\t\t\t-webkit-text-fill-color: $dark-all-font-color;\n\t\t}\n\n\t\t// Charts\n\t\t.order-chart {\n\t\t\t&.sales-chart {\n\t\t\t\t.apexcharts-line {\n\t\t\t\t\tstroke: $white;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.primary-light {\n\t\t\tbackground-color: rgba($white, 0.1) !important;\n\t\t}\n\n\t\t.secondary-light {\n\t\t\tbackground-color: rgba(var(--theme-secondary),0.1) !important;\n\t\t}\n\n\t\t.warning-light {\n\t\t\tbackground-color: rgba(var(--theme-warning),0.1) !important;\n\t\t}\n\n\t\t.info-light {\n\t\t\tbackground-color: rgba($info-color, 0.1) !important;\n\t\t}\n\n\t\t// ========================================== start===================================\n\n\t\tinput[type=file] {\n\t\t\t&::file-selector-button {\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\tbackground-color: $dark-card-background !important;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tcolor: $dark-all-font-color !important;\n\t\t\t\t\tbackground-color: $dark-card-background !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.apexcharts-tooltip.light {\n\t\t\t.apexcharts-tooltip-title {\n\t\t\t\tbackground: $dark-body-background;\n\t\t\t\tcolor: $white;\n\t\t\t}\n\t\t}\n\n\t\t.apexcharts-tooltip.apexcharts-theme-light {\n\t\t\tborder: 1px solid $dark-card-border;\n\t\t\tbackground: $dark-body-background;\n\t\t}\n\n\t\t.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {\n\t\t\tborder: 1px solid $dark-card-border;\n\t\t\tbackground: $dark-body-background;\n\t\t\tcolor: $dark-all-font-color;\n\t\t}\n\n\t\t.apexcharts-tooltip-series-group {\n\t\t\tcolor: $dark-all-font-color !important;\n\t\t}\n\n\t\t.apexcharts-yaxistooltip,\n\t\t.apexcharts-xaxistooltip {\n\t\t\tcolor: $dark-all-font-color;\n\t\t\tbackground: $dark-body-background;\n\t\t\tborder: 1px solid $dark-card-border;\n\t\t}\n\n\t\t.apexcharts-yaxistooltip-left {\n\n\t\t\t&::before,\n\t\t\t&::after {\n\t\t\t\tborder-left-color: $dark-card-border;\n\t\t\t}\n\t\t}\n\n\t\t.apexcharts-xaxistooltip-bottom {\n\n\t\t\t&::before,\n\t\t\t&::after {\n\t\t\t\tborder-bottom-color: $dark-card-border;\n\t\t\t}\n\t\t}\n\n\t\t.bottom-content {\n\t\t\t.apexcharts-canvas {\n\t\t\t\tspan {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.apexcharts-canvas {\n\t\t\t.apexcharts-tooltip {\n\t\t\t\tborder: 1px solid $dark-card-border;\n\n\t\t\t\t.apexcharts-tooltip-title {\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t}\n\n\t\t\t\t.apexcharts-tooltip-series-group {\n\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.apexcharts-yaxis {\n\t\t\t\ttext {\n\t\t\t\t\tfill: $dark-small-font-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.apexcharts-xaxistooltip {\n\t\t\tbackground-color: $dark-body-background;\n\t\t\tcolor: $dark-all-font-color;\n\t\t\tborder: 1px solid $dark-card-border;\n\t\t}\n\n\t\t.apexcharts-xaxistooltip-bottom:before {\n\t\t\tborder-bottom-color: $dark-card-border;\n\t\t}\n\n\t\t.apexcharts-xaxistooltip-bottom:after {\n\t\t\tborder-bottom-color: $dark-card-border;\n\t\t}\n\n\t\t.apexcharts-tooltip.apexcharts-theme-light {\n\t\t\tborder: 1px solid $dark-card-border;\n\t\t\tbackground: $dark-body-background;\n\n\t\t\t.apexcharts-tooltip-text {\n\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t}\n\n\t\t\t.apexcharts-tooltip-title {\n\t\t\t\tbackground: $dark-card-background;\n\t\t\t\tborder-bottom: 1px solid $dark-card-border;\n\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t}\n\t\t}\n\n\t\t.apexcharts-yaxis {\n\t\t\ttext {\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\t\t}\n\n\t\t.theme-form input[type=text] {\n\t\t\tbackground-color: $dark-body-background;\n\t\t\tborder: 1px solid $dark-card-border;\n\t\t}\n\n\t\t.theme-form textarea {\n\t\t\tbackground-color: $dark-body-background;\n\t\t}\n\n\t\t.notify-alert {\n\t\t\t.close {\n\t\t\t\tcolor: $white;\n\t\t\t}\n\t\t}\n\n\t\t// =====================================End======================-=========\n\t\t.setting-sidebar {\n\t\t\t.customizer-header {\n\t\t\t\t.theme-title {\n\t\t\t\t\t.flex-grow-1 {\n\t\t\t\t\t\t.icon-btn {\n\t\t\t\t\t\t\t&.btn-outline-light {\n\t\t\t\t\t\t\t\tbackground-color: $dark-body-background !important;\n\n\t\t\t\t\t\t\t\ti {\n\t\t\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background !important;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.page-body {\n\t\t\t.bg-light {\n\t\t\t\tbackground-color: $dark-body-background !important;\n\t\t\t}\n\t\t}\n\n\t\t// wizards\n\t\t.basic-wizard {\n\t\t\t.stepper-horizontal {\n\t\t\t\t.step {\n\t\t\t\t\t.step-circle {\n\t\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t\t}\n\n\t\t\t\t\t.step-bar-left {\n\t\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.shipping-form,\n\t\t.checkout-cart {\n\t\t\t.shipping-options {\n\t\t\t\tbackground-color: $dark-body-background;\n\n\t\t\t\t.cart-options {\n\t\t\t\t\ti {\n\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.wizard-4 {\n\t\t\t.step-container {\n\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\tborder-color: $dark-card-border;\n\t\t\t}\n\n\t\t\t.login-card {\n\t\t\t\t.login-main {\n\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.total-balance {\n\t\t\tbackground-blend-mode: overlay;\n\t\t}\n\n\t\t.progress {\n\t\t\tbackground: $light-all-font-color;\n\t\t}\n\n\t\t.icon-state {\n\t\t\t.switch-state {\n\t\t\t\t&:after {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.breadcrumb-item {\n\t\t\t+.breadcrumb-item {\n\t\t\t\t&::before {\n\t\t\t\t\tcolor: rgba($white , 0.6);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.social-widget {\n\t\t\t.social-icons {\n\t\t\t\tbox-shadow: 0px 42.1092px 27.8569px $dark-body-background, 0px 8.90772px 7.12618px $dark-body-background, 0px 2.02448px 3.44162px $dark-body-background;\n\t\t\t}\n\t\t}\n\n\t\t.calendar-basic {\n\t\t\t.md-sidebar-aside {\n\t\t\t\tbackground: $dark-card-background;\n\t\t\t}\n\n\t\t\t#external-events {\n\t\t\t\tborder-color: $dark-card-border;\n\t\t\t}\n\n\t\t\t.calendar-default {\n\t\t\t\t.fc {\n\n\t\t\t\t\t.fc-daygrid-day-number,\n\t\t\t\t\t.fc-col-header-cell-cushion {\n\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.clockpicker-popover {\n\t\t\t.popover-title {\n\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t}\n\n\t\t\t&.bottom {\n\t\t\t\t>.arrow {\n\t\t\t\t\tborder-bottom-color: $dark-body-background;\n\n\t\t\t\t\t&:after {\n\t\t\t\t\t\tborder-bottom-color: $dark-card-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.top {\n\t\t\t\t>.arrow {\n\t\t\t\t\tborder-top-color: $dark-body-background;\n\n\t\t\t\t\t&::after {\n\t\t\t\t\t\tborder-top-color: $dark-card-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.left {\n\t\t\t\t>.arrow {\n\t\t\t\t\tborder-left-color: $dark-body-background;\n\n\t\t\t\t\t&::after {\n\t\t\t\t\t\tborder-left-color: $dark-card-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.popover-title {\n\t\t\t\tborder-bottom-color: $dark-card-background;\n\t\t\t}\n\t\t}\n\n\t\t.fc-theme-standard {\n\n\t\t\tth,\n\t\t\ttd {\n\t\t\t\tborder-color: $dark-card-border;\n\t\t\t}\n\n\t\t\t.fc-scrollgrid,\n\t\t\t.fc-list {\n\t\t\t\tborder-color: $dark-card-border;\n\t\t\t}\n\n\t\t\t.fc-list-day-cushion {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t}\n\t\t}\n\n\t\t.fc {\n\t\t\t.fc-list-event {\n\t\t\t\t&:hover {\n\t\t\t\t\ttd {\n\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.badge-light-success {\n\t\t\tbackground-color: rgba($success-color, 0.1);\n\t\t}\n\n\t\t.badge-light-warning {\n\t\t\tbackground-color: rgba($warning-color, 0.1);\n\t\t}\n\n\t\t.badge-light-secondary {\n\t\t\tbackground-color: rgba($secondary-color, 0.1);\n\t\t}\n\n\t\t.badge-light-danger {\n\t\t\tbackground-color: rgba($danger-color, 0.1);\n\t\t}\n\n\t\t.card-header-right-icon {\n\t\t\t.btn {\n\t\t\t\t&.btn-light-primary {\n\t\t\t\t\tbackground-color: var(--light-shade-primary);\n\t\t\t\t\tcolor: var(--theme-default);\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\tbackground-color: var(--light-shade-primary);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.calendar-basic {\n\t\t\t#external-events {\n\t\t\t\t.fc-h-event {\n\t\t\t\t\tbackground-color: rgba($white , 0.1);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.calendar-default {\n\t\t\t\t.fc-h-event {\n\t\t\t\t\tbackground-color: rgba($white , 0.1);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.fc-daygrid-event-dot {\n\t\t\tborder-color: $white;\n\t\t}\n\n\t\t.fc {\n\t\t\t.fc-list-event-dot {\n\t\t\t\tborder-color: $white;\n\t\t\t}\n\t\t}\n\n\t\t.fc-v-event {\n\t\t\tborder-color: rgba($white , 0.1);\n\t\t}\n\n\t\t// crypto dashboard\n\t\t.currency-widget {\n\t\t\tdiv[class*=bg-light-] {\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\t\t}\n\n\t\t.btn {\n\t\t\t&.badge-light-primary {\n\t\t\t\t&:hover {\n\t\t\t\t\tcolor: rgba($white, 0.6);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.portfolio-chart-container {\n\t\t\t.apexcharts-canvas {\n\t\t\t\t.apexcharts-radialbar {\n\t\t\t\t\timage {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// online course dashboard css start\n\t\tsvg.f-light {\n\t\t\tfill: rgba($white, 0.6);\n\t\t\topacity: 1;\n\t\t}\n\n\t\t.course-widget {\n\t\t\t.btn-light {\n\t\t\t\tbackground-color: $dark-body-background !important;\n\t\t\t}\n\t\t}\n\n\t\t.schedule-list {\n\t\t\t>li {\n\t\t\t\tbox-shadow: 4px 7px 17px 5px rgba($dark-body-background, 0.3);\n\t\t\t}\n\t\t}\n\n\t\t.upcoming-event-wrap {\n\t\t\t.apexcharts-canvas {\n\t\t\t\t.apexcharts-data-labels {\n\t\t\t\t\trect {\n\t\t\t\t\t\tfill: none;\n\t\t\t\t\t\tstroke: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// online course dashboard  css end\n\n\t\t.page-wrapper {\n\t\t\t&.material-type {\n\t\t\t\t&.compact-wrapper {\n\t\t\t\t\t.page-header {\n\t\t\t\t\t\t&.close_icon {\n\t\t\t\t\t\t\t.header-wrapper {\n\t\t\t\t\t\t\t\tborder-bottom: 1px solid $dark-card-border;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.advance-layout {\n\t\t\t\t.page-header {\n\t\t\t\t\tbackground: $dark-card-background;\n\t\t\t\t}\n\n\t\t\t\t.page-body-wrapper {\n\t\t\t\t\t.sidebar-wrapper {\n\t\t\t\t\t\tborder-bottom: 1px solid $dark-card-border;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.only-body {\n\t\t\t\tbackground: $dark-body-background;\n\t\t\t}\n\t\t}\n\n\t\t.btn-primary {\n\t\t\t&.dropdown-toggle {\n\t\t\t\toption {\n\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.balance-card {\n\t\t\t.svg-box {\n\t\t\t\tbackground: $dark-card-background;\n\t\t\t\tbox-shadow: none;\n\n\t\t\t\tsvg {\n\t\t\t\t\tfill: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.f-light {\n\t\t\tcolor: $dark-all-font-color;\n\t\t}\n\n\t\t.apexcharts-tooltip.light {\n\t\t\t.apexcharts-tooltip-title {\n\t\t\t\tbackground: $dark-card-background;\n\t\t\t\tcolor: $white;\n\t\t\t}\n\t\t}\n\n\t\t.card {\n\t\t\tbackground-color: $dark-card-background;\n\t\t}\n\n\t\t.ecommerce-widget {\n\t\t\tborder: 1px solid $dark-card-border !important;\n\t\t}\n\n\t\t.btn-light {\n\t\t\tcolor: $dark-all-font-color !important;\n\t\t\tbackground-color: rgba($white , 0.1) !important;\n\t\t}\n\n\t\t.datepicker--nav-action {\n\t\t\tpath {\n\t\t\t\tstroke: $dark-color;\n\t\t\t}\n\t\t}\n\n\t\t.form-select {\n\t\t\tcolor: $dark-all-font-color;\n\t\t}\n\n\t\t.datepicker--cell.-focus- {\n\t\t\tcolor: $dark-color;\n\t\t}\n\n\t\t.datepicker--cell {\n\t\t\t&.-selected- {\n\t\t\t\tcolor: $dark-color;\n\t\t\t}\n\t\t}\n\n\t\t.knowledgebase-search {\n\t\t\tcolor: $theme-body-font-color;\n\n\t\t\t.form-control-plaintext {\n\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t}\n\t\t}\n\n\t\t.search-list {\n\t\t\t&.nav-tabs {\n\t\t\t\t.nav-item {\n\t\t\t\t\tbackground-color: rgba($white , 0.1);\n\n\t\t\t\t\t.nav-link {\n\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\tbackground-color: rgba($white , 0.1);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.login-card {\n\t\t\t.btn-showcase {\n\t\t\t\t.btn {\n\t\t\t\t\ti {\n\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.pagination-primary {\n\t\t\t.page-item.active {\n\t\t\t\t.page-link {\n\t\t\t\t\tcolor: $dark-color !important;\n\t\t\t\t\tfont-weight: 600;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.search-page {\n\t\t\t.theme-form {\n\t\t\t\t.form-control-plaintext {\n\t\t\t\t\tborder-color: rgba($white , 0.1);\n\n\t\t\t\t\t&::placeholder {\n\t\t\t\t\t\tcolor: rgba($white , 0.9);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.input-group-text {\n\t\t\t\t\tbackground-color: rgba($white , 0.1);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// layout-dark\n\t\t.layout-color {\n\n\t\t\tspan,\n\t\t\th6 {\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\t\t}\n\n\t\t// Toasts \n\t\t.toast {\n\t\t\tborder: 1px solid $dark-card-border;\n\t\t\t-webkit-box-shadow: 0 0.5rem 1rem rgb(38 41 50 / 50%);\n\t\t\tbox-shadow: 0 0.5rem 1rem rgb(38 41 50 / 50%);\n\n\t\t\t.toast-header {\n\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\tborder-bottom-color: $dark-card-border;\n\t\t\t}\n\n\t\t\t.toast-dark {\n\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\tcolor: $dark-all-font-color !important;\n\t\t\t}\n\t\t}\n\n\t\t.animated-toast {\n\t\t\t.toast {\n\t\t\t\tbackground-color: $transparent-color;\n\n\t\t\t\t.toast-header {\n\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t}\n\n\t\t\t\t.toast-body {\n\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.toast-container {\n\t\t\t.toast {\n\t\t\t\tbackground-color: $transparent-color;\n\t\t\t}\n\t\t}\n\n\t\t.default-toasts {\n\t\t\t.card-body {\n\t\t\t\t&.toast-rtl {\n\t\t\t\t\t.toast {\n\t\t\t\t\t\tbackground-color: $transparent-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.btn-close {\n\t\t\tfilter: brightness(0.8) invert(1);\n\t\t}\n\n\t\t.product-price {\n\t\t\tdel {\n\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t}\n\t\t}\n\n\t\t.ProfileCard {\n\t\t\tborder: 1px solid $dark-card-border !important;\n\t\t}\n\n\t\t.form-control-plaintext {\n\t\t\tcolor: $dark-all-font-color;\n\t\t}\n\n\t\t.form-select {\n\t\t\tbackground-color: $dark-body-background;\n\t\t\tborder: 1px solid $dark-card-border;\n\t\t}\n\n\t\t.box-layout {\n\t\t\tbackground-color: $dark-body-background;\n\n\t\t\t.page-wrapper,\n\t\t\t&.page-wrapper {\n\t\t\t\t.page-body-wrapper {\n\t\t\t\t\tbackground-color: $transparent-color;\n\t\t\t\t}\n\n\t\t\t\t.page-header {\n\t\t\t\t\t.header-wrapper {\n\t\t\t\t\t\tborder: 1px solid $dark-border-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.only-body {\n\t\t\t\t\t.page-header {\n\t\t\t\t\t\t.header-wrapper {\n\t\t\t\t\t\t\tborder: unset;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.form-check-input {\n\t\t\tbackground-color: $dark-body-background;\n\t\t\tborder-color: $dark-card-border;\n\t\t}\n\n\t\t.common-toasts {\n\t\t\t.toast {\n\t\t\t\tborder: 1px solid $dark-card-border;\n\n\t\t\t\t.btn-close {\n\t\t\t\t\tfilter: grayscale(1);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.toast-body {\n\t\t\t\tcolor: $dark-editor-document;\n\t\t\t}\n\t\t}\n\n\t\t// Common Datatable \n\t\t.dt-button-collection {\n\t\t\tbackground-color: $dark-body-background;\n\n\t\t\t.dropdown-item {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t}\n\t\t}\n\n\t\t.dt-autofill-list {\n\t\t\t&.dtaf-popover-closeable {\n\t\t\t\tbackground-color: $dark-card-background;\n\n\t\t\t\t.dt-autofill-list-items {\n\t\t\t\t\tbutton {\n\t\t\t\t\t\tbackground-color: $dark-card-inbox;\n\t\t\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Common form floating\n\t\t.form-floating {\n\n\t\t\t.form-control,\n\t\t\t.form-select {\n\t\t\t\t&:not(:placeholder-shown) {\n\t\t\t\t\t~label {\n\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\n\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:focus {\n\t\t\t\t\t~label {\n\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\n\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.button--winona {\n\t\t\t&::after {\n\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t}\n\t\t}\n\n\t\t.knob {\n\t\t\tcolor: rgba($dark-all-font-color, 0.6) !important;\n\t\t}\n\n\t\t.small-donut,\n\t\t.donut-peity2,\n\t\t.pie-peity {\n\n\t\t\t~svg,\n\t\t\tsvg {\n\t\t\t\tpath {\n\t\t\t\t\t&:nth-child(odd) {\n\t\t\t\t\t\tfill: rgba($white , 0.4);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.bar-odd-even {\n\t\t\tsvg {\n\t\t\t\trect {\n\t\t\t\t\t&:nth-child(odd) {\n\t\t\t\t\t\tfill: rgba($white , 0.6);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.donut-peity {\n\t\t\tsvg {\n\t\t\t\tpath {\n\t\t\t\t\t&:nth-child(odd) {\n\t\t\t\t\t\tfill: rgba($white , 0.6);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.peity-charts {\n\t\t\t&.peity-chart-primary {\n\t\t\t\tsvg {\n\t\t\t\t\tpolyline {\n\t\t\t\t\t\tstroke: rgba($white , 0.4);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.mix-hover-btn {\n\t\t\t.btn {\n\t\t\t\t&.btn-bg-slide {\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tcolor: $dark-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Radio and checkbox control\n\t\t.radio,\n\t\t.checkbox {\n\t\t\tlabel {\n\t\t\t\t&::before {\n\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\tcolor: $dark-all-font-color !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.checkbox-wrapper,\n\t\t.radio-wrapper {\n\t\t\tli {\n\t\t\t\t.form-check-input {\n\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.switch-state {\n\t\t\t&:before {\n\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t}\n\t\t}\n\n\t\t.main-radio-toggle {\n\t\t\tlabel {\n\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.main-upgrade {\n\t\t\ti {\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\n\t\t\t.variation-box {\n\t\t\t\t.selection-box {\n\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.main-icon-checkbox {\n\t\t\t.checkbox-wrapper {\n\t\t\t\tlabel {\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tbackground-color: $transparent-color;\n\t\t\t\t\t\tcolor: transparent !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.radio-wrapper {\n\t\t\tli {\n\t\t\t\t.form-check-input {\n\t\t\t\t\t&:checked {\n\t\t\t\t\t\tborder-color: rgba($white , 0.6);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Custom Dropdown\n\t\t.dropdown {\n\t\t\t&.custom-dropdown {\n\t\t\t\t.dropdown-menu {\n\t\t\t\t\t.dropdown-item {\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.horizontal-icons-tab {\n\t\t\t.nav-tabs {\n\t\t\t\tbackground-image: none;\n\t\t\t}\n\t\t}\n\n\t\t// tooltip css start\n\t\t.tooltip {\n\t\t\t&[data-popper-placement=\"left\"] {\n\t\t\t\t.tooltip-arrow {\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tborder-left-color: $dark-body-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&[data-popper-placement=\"right\"] {\n\t\t\t\t.tooltip-arrow {\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tborder-right-color: $dark-body-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&[data-popper-placement=\"top\"] {\n\t\t\t\t.tooltip-arrow {\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tborder-top-color: $dark-body-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&[data-popper-placement=\"bottom\"] {\n\t\t\t\t.tooltip-arrow {\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tborder-bottom-color: $dark-body-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.bs-tooltip-top {\n\t\t\t\t.tooltip-arrow {\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tborder-top-color: $dark-body-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.bs-tooltip-bottom {\n\t\t\t\t.tooltip-arrow {\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tborder-bottom-color: $dark-body-background;\n\t\t\t\t\t\tborder-top-color: $transparent-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.bs-tooltip-start {\n\t\t\t\t.tooltip-arrow {\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tborder-left-color: $dark-body-background;\n\t\t\t\t\t\tborder-top-color: $transparent-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.bs-tooltip-end {\n\t\t\t\t.tooltip-arrow {\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tborder-right-color: $dark-body-background;\n\t\t\t\t\t\tborder-top-color: $transparent-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.tooltip-inner {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\tcolor: $white;\n\t\t\t}\n\n\t\t\t.tooltip-arrow {\n\t\t\t\t&:before {\n\t\t\t\t\tborder-top-color: $dark-body-background;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.svg-tooltip {\n\t\t\t.common-flex {\n\t\t\t\t[class*=\"bg-light-\"] {\n\t\t\t\t\tborder-color: $transparent-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// tooltip css end\n\t\t.page-wrapper {\n\t\t\t&.only-body {\n\t\t\t\t.page-body-wrapper {\n\t\t\t\t\t.page-title {\n\t\t\t\t\t\t>.row {\n\t\t\t\t\t\t\t.col-6 {\n\t\t\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\t\t\th6 {\n\t\t\t\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.5);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.page-header {\n\t\t\t\t\t.header-wrapper {\n\t\t\t\t\t\t.search-full {\n\t\t\t\t\t\t\t.form-group {\n\t\t\t\t\t\t\t\t.Typeahead {\n\t\t\t\t\t\t\t\t\t.u-posRelative {\n\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.page-header {\n\t\t\t\t.header-wrapper {\n\t\t\t\t\t.nav-right {\n\t\t\t\t\t\t.notification-dropdown {\n\t\t\t\t\t\t\tul {\n\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\t.btn-close {\n\t\t\t\t\t\t\t\t\t\tfilter: brightness(0.8) invert(1);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.profile-dropdown li span {\n\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.flip-card .flip-card-inner {\n\t\t\t\t\t\t\t.back {\n\t\t\t\t\t\t\t\tbackground-color: $dark-body-background !important;\n\n\t\t\t\t\t\t\t\t.flip-back-content {\n\t\t\t\t\t\t\t\t\tinput {\n\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t\t\t\tborder: 1px solid $dark-card-border;\n\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t\t\t\t\tborder-top: 1px solid $dark-card-border;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.front {\n\t\t\t\t\t\t\t\tbackground-color: $dark-body-background !important;\n\n\t\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t\tstroke: $white;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.cart-dropdown {\n\t\t\t\t\t\t\t.total {\n\t\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.qty-box {\n\t\t\t\t\t\t\t\t.input-group {\n\t\t\t\t\t\t\t\t\t.btn {\n\t\t\t\t\t\t\t\t\t\tcolor: rgba($white, 0.4);\n\t\t\t\t\t\t\t\t\t\tborder-color: $dark-card-background !important;\n\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-card-background !important;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.qty-box {\n\t\t\tinput {\n\t\t\t\tcolor: rgba($white, 0.5);\n\t\t\t}\n\t\t}\n\n\t\t.setting-sidebar,\n\t\t.layout-sidebar {\n\t\t\t.customizer-header {\n\t\t\t\tbackground-color: $dark-bg-primary;\n\t\t\t}\n\n\t\t\t.unlimited-color-layout {\n\t\t\t\t.btn {\n\t\t\t\t\tbackground-color: $dark-bg-primary !important;\n\t\t\t\t\tborder-color: $dark-bg-primary !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.layout-grid:not(.customizer-color) {\n\t\t\tli {\n\t\t\t\t>.body {\n\t\t\t\t\tul {\n\t\t\t\t\t\t.body {\n\t\t\t\t\t\t\t.badge {\n\t\t\t\t\t\t\t\tbackground-color: $dark-bg-primary !important;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.layout-grid {\n\t\t\tli {\n\t\t\t\t.body {\n\t\t\t\t\t.badge {\n\t\t\t\t\t\tbackground-color: $dark-bg-primary !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.customizer-contain {\n\t\t\tcolor: $dark-body-background;\n\n\t\t\t.customizer-header {\n\t\t\t\tp {\n\t\t\t\t\tcolor: $dark-editor-document;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.customizer-body {\n\t\t\t\t.main-layout {\n\t\t\t\t\t.box-layout {\n\t\t\t\t\t\tbackground-color: $white;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.setting-sidebar,\n\t\t.layout-sidebar {\n\t\t\tbox-shadow: 0 0 10px 1px $dark-card-inbox;\n\n\t\t\t.customizer-body {\n\t\t\t\t.bg-light {\n\t\t\t\t\tbackground-color: $dark-body-background !important;\n\t\t\t\t}\n\n\t\t\t\th6 {\n\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.7);\n\t\t\t\t}\n\n\t\t\t\t.main-layout {\n\t\t\t\t\t>li {\n\t\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.layout-grid {\n\t\t\t\t\t&.customizer-mix {\n\t\t\t\t\t\t.color-layout {\n\t\t\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.layout-grid:not(.customizer-color) {\n\t\t\t\t\tli {\n\t\t\t\t\t\t>.body {\n\t\t\t\t\t\t\tul {\n\t\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.layout-link {\n\t\t\t\t\tli {\n\t\t\t\t\t\tbackground-color: $dark-body-background;\n\n\t\t\t\t\t\ta {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t\t\t\ti {\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sidebar-type,\n\t\t\t.sidebar-setting {\n\t\t\t\t>li {\n\t\t\t\t\tborder-color: $dark-card-border;\n\n\t\t\t\t\ta,\n\t\t\t\t\ti {\n\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.customizer-contain {\n\t\t\tcolor: $dark-body-background;\n\n\t\t\t.customizer-header {\n\t\t\t\tp {\n\t\t\t\t\tcolor: $dark-editor-document;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.customizer-body {\n\t\t\t\t.main-layout {\n\t\t\t\t\t.box-layout {\n\t\t\t\t\t\tbackground-color: $white;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.login-dark {\n\t\t\t// background-color: $dark-card-background;\n\t\t\t// background-blend-mode: overlay;\n\n\t\t\t.login-main {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t}\n\n\t\t\t&.login-card {\n\t\t\t\t.login-main {\n\t\t\t\t\t.text-muted {\n\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4) !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.login-card {\n\t\t\t.btn-showcase .btn {\n\t\t\t\tbackground-color: $dark-card-background !important;\n\t\t\t\tcolor: $white;\n\t\t\t\tborder-color: $dark-card-background !important;\n\t\t\t}\n\n\t\t\t.login-main {\n\t\t\t\tbox-shadow: 0 0 37px rgba($white, 0.05);\n\n\t\t\t\t.theme-form {\n\t\t\t\t\tinput {\n\t\t\t\t\t\tbackground-color: $dark-card-background !important;\n\t\t\t\t\t}\n\n\t\t\t\t\t.or {\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.checkbox label::before {\n\t\t\t\t\t\tbackground-color: $dark-card-background !important;\n\t\t\t\t\t\tborder-color: $dark-card-background !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.wizard-4 {\n\t\t\t.action-bar {\n\t\t\t\t.buttonDisabled {\n\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\tborder-color: $dark-body-background;\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.H_ui {\n\t\t\t~div {\n\t\t\t\tbackground-color: $dark-body-background !important;\n\t\t\t}\n\t\t}\n\n\t\t.swal-icon--success:after,\n\t\t.swal-icon--success:before {\n\t\t\tbackground: $dark-card-background;\n\t\t}\n\n\t\t.swal-icon--success__hide-corners {\n\t\t\tbackground-color: $dark-card-background;\n\t\t}\n\n\t\t.note-editor.note-frame {\n\t\t\t.note-status-output {\n\t\t\t\tborder-top: 1px solid $dark-card-background;\n\t\t\t}\n\n\t\t\t.note-statusbar {\n\t\t\t\tborder-top: 1px solid $dark-card-background;\n\n\t\t\t\t.note-resizebar {\n\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.page-link {\n\t\t\tbackground-color: $dark-body-background;\n\t\t\tborder: 1px solid $dark-card-border;\n\t\t}\n\n\t\t.b-r-light {\n\t\t\tborder-right: 1px solid $dark-card-border !important;\n\t\t}\n\n\t\t.history-details {\n\t\t\t.d-flex {\n\t\t\t\tborder-top: 1px solid $dark-card-border;\n\t\t\t}\n\n\t\t\t>div {\n\t\t\t\ti {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.modal-header {\n\t\t\tborder-bottom: 1px solid $dark-card-border;\n\t\t}\n\n\t\t.placeholder-light {\n\t\t\tbackground-color: $white;\n\t\t}\n\n\t\t#right-history {\n\t\t\tbackground-color: $dark-card-background;\n\t\t\tbox-shadow: 0 0 9px $dark-body-background;\n\n\t\t\th6 {\n\t\t\t\tspan {\n\t\t\t\t\ta {\n\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.ProfileCard {\n\t\t\t&:hover {\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t}\n\t\t}\n\n\t\t.translate_wrapper.active .more_lang {\n\t\t\t&:before {\n\t\t\t\tborder-bottom: 7px solid $dark-card-background;\n\t\t\t}\n\n\t\t\t.lang {\n\t\t\t\tborder-bottom: 1px solid $dark-body-background;\n\t\t\t}\n\t\t}\n\n\t\t.toggle-sidebar {\n\t\t\tsvg {\n\t\t\t\tstroke: var(--theme-default);\n\t\t\t}\n\t\t}\n\n\t\t.left-header {\n\t\t\t.left-menu-header {\n\t\t\t\tul {\n\t\t\t\t\tli {\n\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\tbackground-color: rgba($white, 0.1);\n\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.page-wrapper {\n\t\t\t.page-body-wrapper {\n\t\t\t\tbackground-color: $dark-body-background;\n\n\t\t\t\t.page-title {\n\t\t\t\t\t// background-color: $dark-card-background;\n\t\t\t\t\t// box-shadow: rgba(0, 0, 0, 0.07) 0px 4px 40px;\n\t\t\t\t}\n\n\t\t\t\tdiv.sidebar-wrapper {\n\t\t\t\t\t.sidebar-main {\n\t\t\t\t\t\t.sidebar-links {\n\t\t\t\t\t\t\t.simplebar-wrapper {\n\t\t\t\t\t\t\t\t.simplebar-mask {\n\t\t\t\t\t\t\t\t\t.simplebar-content-wrapper {\n\t\t\t\t\t\t\t\t\t\t.simplebar-content {\n\t\t\t\t\t\t\t\t\t\t\t>li {\n\t\t\t\t\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t&.stroke-icon {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstroke: $white;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t&.fill-icon {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill: rgba($white, 0.5);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstroke: transparent;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t&.stroke-icon {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstroke: var(--theme-default);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t&.fill-icon {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill: var(--theme-default);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstroke: transparent;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.sidebar-main {\n\t\t\t\t\ti.fa-solid.fa-thumbtack {\n\t\t\t\t\t\tcolor: $white !important;\n\t\t\t\t\t}\n\n\t\t\t\t\t.sidebar-links {\n\t\t\t\t\t\t.sidebar-link.active {\n\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t&.stroke-icon {\n\t\t\t\t\t\t\t\t\tstroke: var(--theme-default);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tli {\n\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.simplebar-wrapper {\n\t\t\t\t\t\t\t.simplebar-mask {\n\t\t\t\t\t\t\t\t.simplebar-content-wrapper {\n\t\t\t\t\t\t\t\t\t.simplebar-content {\n\t\t\t\t\t\t\t\t\t\t>li {\n\t\t\t\t\t\t\t\t\t\t\t.sidebar-link {\n\t\t\t\t\t\t\t\t\t\t\t\t// &.active {\n\t\t\t\t\t\t\t\t\t\t\t\t// \tbackground-color: rgba($primary-color, 0.2);\n\t\t\t\t\t\t\t\t\t\t\t\t// }\n\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t.sidebar-submenu {\n\t\t\t\t\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.sidebar-list {\n\t\t\t\t\t\t\tul.sidebar-submenu {\n\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.page-header {\n\t\t\t\tbox-shadow: 0px 3px 28px rgba(89, 102, 122, 0.1);\n\t\t\t}\n\n\t\t\t.badge-b-light {\n\t\t\t\tborder-color: rgba($white, 0.4);\n\n\t\t\t\t&.txt-dark {\n\t\t\t\t\tcolor: $dark-all-font-color !important;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.badge-b-dark {\n\t\t\t\tborder-color: $dark-all-font-color;\n\n\t\t\t\t&.txt-dark {\n\t\t\t\t\tcolor: $dark-all-font-color !important;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.modern-type {\n\n\t\t\t\t.page-body-wrapper {\n\t\t\t\t\t&.default-menu {\n\t\t\t\t\t\tbackground-color: $dark-body-background;\n\n\t\t\t\t\t\t.page-title {\n\t\t\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\t\t\tborder: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.page-body {\n\t\t\t\t\t\t.page-title {\n\t\t\t\t\t\t\tbackground-color: unset;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sidebar-main-title {\n\t\t\t\tp {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.compact-wrapper {\n\t\t\t\t.page-body-wrapper {\n\t\t\t\t\tdiv.sidebar-wrapper {\n\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\tbox-shadow: unset;\n\n\t\t\t\t\t\t.sidebar-main {\n\t\t\t\t\t\t\t.sidebar-links {\n\t\t\t\t\t\t\t\t.sidebar-link {\n\t\t\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.simplebar-wrapper {\n\t\t\t\t\t\t\t\t\t.simplebar-mask {\n\t\t\t\t\t\t\t\t\t\t.simplebar-content-wrapper {\n\t\t\t\t\t\t\t\t\t\t\t.simplebar-content {\n\t\t\t\t\t\t\t\t\t\t\t\t>li {\n\t\t\t\t\t\t\t\t\t\t\t\t\t.sidebar-link.active {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: rgba(var(--theme-secondary),1);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: rgba(var(--theme-secondary),1);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ti {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: rgba(var(--theme-secondary),1);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t.sidebar-submenu {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color , 0.6);\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackground-color: rgba($dark-all-font-color , 0.6);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color !important;\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.sidebar-list {\n\t\t\t\t\t\t\t\t\tul.sidebar-submenu {\n\t\t\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.according-menu {\n\t\t\t\t\t\ti {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.horizontal-wrapper {\n\t\t\t\t.page-body-wrapper {\n\t\t\t\t\t.sidebar-wrapper {\n\t\t\t\t\t\tbackground: $dark-card-background;\n\t\t\t\t\t\tborder-top: 1px solid $dark-card-border;\n\n\t\t\t\t\t\t.sidebar-main {\n\t\t\t\t\t\t\t.sidebar-links {\n\t\t\t\t\t\t\t\t.simplebar-wrapper {\n\t\t\t\t\t\t\t\t\t.simplebar-mask {\n\t\t\t\t\t\t\t\t\t\t.simplebar-content-wrapper {\n\t\t\t\t\t\t\t\t\t\t\t.simplebar-content {\n\t\t\t\t\t\t\t\t\t\t\t\t>li {\n\t\t\t\t\t\t\t\t\t\t\t\t\t>a {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t.sidebar-submenu {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackground: $dark-card-background;\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t&.active,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.sidebar-submenu {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackground: $dark-card-background;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.left-arrow,\n\t\t\t\t\t\t\t.right-arrow {\n\t\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.compact-sidebar {\n\t\t\t\t.page-body-wrapper {\n\t\t\t\t\tdiv {\n\t\t\t\t\t\t&.sidebar-wrapper {\n\t\t\t\t\t\t\t>div {\n\t\t\t\t\t\t\t\tbackground: $dark-card-background;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.sidebar-main {\n\t\t\t\t\t\t\t\t.sidebar-links {\n\t\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\t\t.sidebar-title {\n\t\t\t\t\t\t\t\t\t\t\tborder-bottom: 1px solid $dark-card-border;\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t\t\t\t\tstroke: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t.sidebar-submenu {\n\t\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\n\t\t\t\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\t\t\t\t\tborder-bottom: 1px solid $dark-card-border;\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t.simplebar-wrapper {\n\t\t\t\t\t\t\t\t\t\t.simplebar-mask {\n\t\t\t\t\t\t\t\t\t\t\t.simplebar-content-wrapper {\n\t\t\t\t\t\t\t\t\t\t\t\t.simplebar-content {\n\t\t\t\t\t\t\t\t\t\t\t\t\t>li {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t.sidebar-link {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackground-color: rgba($primary-color, 0.2);\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstroke: var(--theme-default);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t.sidebar-submenu {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t.sidebar-list {\n\t\t\t\t\t\t\t\t\t\tul.sidebar-submenu {\n\t\t\t\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.according-menu {\n\t\t\t\t\t\ti {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.compact-small {\n\t\t\t\t.page-header {\n\t\t\t\t\t&.close_icon {\n\t\t\t\t\t\t.header-wrapper {\n\t\t\t\t\t\t\t@media (min-width:576px) {\n\t\t\t\t\t\t\t\tborder-bottom: 1px solid $dark-card-border;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.page-body-wrapper {\n\t\t\t\t\t.page-body {\n\t\t\t\t\t\t.page-title {\n\t\t\t\t\t\t\t@media (min-width:576px) {\n\t\t\t\t\t\t\t\tborder-top: 1px solid $dark-card-border;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.material-icon {\n\t\t\t\t\t.page-header {\n\t\t\t\t\t\tbox-shadow: unset;\n\t\t\t\t\t}\n\n\t\t\t\t\t.page-body-wrapper {\n\t\t\t\t\t\t.page-body {\n\t\t\t\t\t\t\t.page-title {\n\t\t\t\t\t\t\t\t@media (min-width:576px) {\n\t\t\t\t\t\t\t\t\tborder-top: 0;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.material-icon {\n\t\t\t\t.page-body-wrapper {\n\t\t\t\t\t.page-title {\n\t\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\t\tborder: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.page-header {\n\t\t\t\t.header-wrapper {\n\t\t\t\t\t.search-full {\n\t\t\t\t\t\tbackground-color: $dark-card-background;\n\n\t\t\t\t\t\tinput {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.letter-avatar {\n\t\t\th6 {\n\t\t\t\t&:first-child {\n\t\t\t\t\tbackground-color: $dark-bg-primary !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.divider-body {\n\t\t\t&.divider-primary {\n\n\t\t\t\t&::before,\n\t\t\t\t&::after {\n\t\t\t\t\tborder-color: rgba($dark-bg-primary , 0.6) !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@media only screen and (min-width: 768px) {\n\t\t\t.page-wrapper {\n\t\t\t\t&.material-icon {\n\t\t\t\t\t.page-header {\n\t\t\t\t\t\t.header-wrapper {\n\t\t\t\t\t\t\t.nav-right {\n\t\t\t\t\t\t\t\tul {\n\t\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\t\t.profile-dropdown {\n\t\t\t\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t\t\t\t\t\tstroke: $white;\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t::-webkit-calendar-picker-indicator {\n\t\t\tfilter: contrast(0.2);\n\t\t}\n\n\t\t.kanban-item {\n\t\t\tbackground-color: $dark-card-background;\n\t\t}\n\n\t\t.kanban-board-header {\n\t\t\tbackground-color: $dark-body-background;\n\t\t\tborder-bottom: 1px solid $dark-card-border;\n\n\t\t\t&.bg-primary {\n\t\t\t\tbackground-color: rgba($white , 0.1) !important;\n\t\t\t}\n\t\t}\n\n\t\t.kanban-board .kanban-drag {\n\t\t\tbackground: $dark-body-background;\n\t\t}\n\n\t\t.kanban-container {\n\t\t\t.kanban-board {\n\t\t\t\tbackground: $dark-body-background;\n\n\t\t\t\t.kanban-item {\n\t\t\t\t\t.kanban-box {\n\t\t\t\t\t\t.date {\n\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tfooter {\n\t\t\t\t\t.btn {\n\t\t\t\t\t\tbackground-color: rgba($white , 0.1);\n\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tbackground-color: rgba($dark-card-inbox, 0.8);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.project-box {\n\t\t\tborder: 1px solid rgba($primary-color, 0.15);\n\t\t\tbackground-color: $dark-body-background;\n\t\t}\n\n\t\t.file-content {\n\t\t\t.form-inline {\n\t\t\t\tborder: 1px solid $dark-card-border;\n\t\t\t}\n\n\t\t\t.folder .folder-box {\n\t\t\t\tborder: 1px solid rgba($primary-color, 0.15);\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t}\n\t\t}\n\n\t\t.file-manager-grid {\n\n\t\t\t.file,\n\t\t\t.folder {\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: rgba($white , 0.1);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.file-manager-grid {\n\t\t\t.doc-icon {\n\t\t\t\tp {\n\t\t\t\t\tcolor: $dark-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.file-sidebar {\n\t\t\t.pricing-plan {\n\t\t\t\tborder: 1px solid $dark-card-border !important;\n\t\t\t}\n\n\t\t\t.btn-light {\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\tbackground-color: $dark-body-background !important;\n\t\t\t\tborder: 1px solid rgba($primary-color, 0.15) !important;\n\t\t\t}\n\t\t}\n\n\t\t#lnb {\n\t\t\tborder-right: 1px solid $dark-card-border;\n\t\t}\n\n\t\t.lnb-new-schedule,\n\t\t.lnb-calendars>div {\n\t\t\tborder-bottom: 1px solid $dark-card-border;\n\t\t}\n\n\t\t#menu .sidebar-list .btn-default {\n\t\t\tcolor: rgba($dark-all-font-color, 0.2);\n\t\t}\n\n\t\t.tui-full-calendar-timegrid-hour {\n\t\t\tbackground-color: $dark-card-background;\n\t\t\tcolor: $white !important;\n\t\t}\n\n\t\t.tui-full-calendar-timegrid-gridline {\n\t\t\tborder-bottom: 1px solid $dark-card-border !important;\n\t\t}\n\n\t\t.tui-full-calendar-time-date,\n\t\t.tui-full-calendar-weekday-grid-line,\n\t\t.tui-full-calendar-left,\n\t\t.tui-full-calendar-timegrid-timezone {\n\t\t\tborder-right-color: $dark-card-border !important;\n\t\t}\n\n\t\t.tui-full-calendar-popup {\n\t\t\tcolor: $theme-body-font-color;\n\t\t}\n\n\t\t#menu {\n\t\t\t.btn-default {\n\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tcolor: $theme-body-font-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.dropdown-menu {\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\t\t}\n\n\t\t.tui-full-calendar-dayname-container,\n\t\t.tui-full-calendar-splitter {\n\t\t\tborder-top-color: $dark-card-border !important;\n\t\t\tborder-bottom-color: $dark-card-border !important;\n\t\t}\n\n\t\tspan.tui-full-calendar-dayname-date-area {\n\t\t\tcolor: $white !important;\n\t\t}\n\n\t\t.tui-full-calendar-layout {\n\t\t\tbackground-color: $dark-card-background !important;\n\t\t}\n\n\t\t// index page css end\t\n\n\t\t.blockquote {\n\t\t\tborder-left: 4px solid $dark-card-border;\n\t\t}\n\n\t\t.figure {\n\t\t\t&.text-end {\n\t\t\t\tblockquote {\n\t\t\t\t\tborder-right-color: $dark-card-border;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.contacts-tabs {\n\t\t\t.nav-pills {\n\t\t\t\tborder-right: 1px solid $dark-card-border;\n\n\t\t\t\t.nav-link {\n\t\t\t\t\t+.nav-link {\n\t\t\t\t\t\tborder-top: 1px solid $dark-card-border;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.product-wrapper {\n\t\t\t&.sidebaron {\n\t\t\t\t.product-sidebar {\n\t\t\t\t\t.filter-section {\n\t\t\t\t\t\t.card {\n\t\t\t\t\t\t\t.left-filter {\n\t\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// .apexcharts-gridline {\n\t\t// \tstroke: $dark-border-color;\n\t\t// }\n\n\t\t.apexcharts-tooltip-title,\n\t\t.apexcharts-tooltip-series-group,\n\t\t.apexcharts-tooltip.light,\n\t\t.apexcharts-menu-item {\n\t\t\tcolor: $black;\n\t\t}\n\n\t\t.apexcharts-toolbar {\n\t\t\t.apexcharts-menu-open {\n\t\t\t\tbackground: $dark-card-inbox;\n\t\t\t\tborder-color: $dark-card-inbox;\n\n\t\t\t\t.apexcharts-menu-item {\n\t\t\t\t\topacity: 0.9;\n\t\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tbackground: $dark-body-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// peity chart css\n\t\t.small-donut,\n\t\t.donut-peity2,\n\t\t.pie-peity {\n\n\t\t\t~svg,\n\t\t\tsvg {\n\t\t\t\tpath {\n\t\t\t\t\t&:nth-child(even) {\n\t\t\t\t\t\tfill: $dark-body-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// index page css start\n\t\t.notifications-card {\n\t\t\t.d-flex {\n\t\t\t\t.flex-grow-1 {\n\t\t\t\t\th5 {\n\t\t\t\t\t\tstrong {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.flex-shrink-0 {\n\t\t\t\t\tbutton {\n\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.appointment-table {\n\t\t\ttable {\n\t\t\t\ttr {\n\t\t\t\t\ttd {\n\t\t\t\t\t\t&.img-content-box {\n\t\t\t\t\t\t\t.font-roboto {\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.notification {\n\t\t\t.card {\n\t\t\t\t.d-flex {\n\t\t\t\t\t.w-100 {\n\t\t\t\t\t\tp {\n\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.datepicker {\n\t\t\tbackground-color: $dark-card-inbox;\n\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t.datepicker--cell.-current- {\n\t\t\t\tcolor: $white;\n\t\t\t}\n\n\t\t\t.datepicker--cell.-current-.-focus- {\n\t\t\t\tcolor: $white;\n\t\t\t}\n\n\t\t\t.datepicker--cell-day.-other-month-,\n\t\t\t.datepicker--cell-year.-other-decade- {\n\t\t\t\tcolor: rgba($white, 0.4);\n\t\t\t}\n\n\t\t\t.datepicker--nav {\n\t\t\t\tborder-bottom: 1px solid $dark-card-border;\n\t\t\t}\n\n\t\t\t.datepicker--pointer {\n\t\t\t\tbackground: $dark-card-inbox;\n\t\t\t\tborder-top-color: $dark-card-inbox;\n\t\t\t\tborder-right-color: $dark-card-inbox;\n\t\t\t}\n\t\t}\n\n\t\t// index page css end\n\t\t.common-offcanvas {\n\t\t\t.offcanvas {\n\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t}\n\t\t}\n\n\t\t.common-title {\n\t\t\tbackground-color: $dark-card-background;\n\t\t}\n\n\t\t// ecommerce dashboard css start\n\t\t[class*='activity-dot-'] {\n\t\t\tbackground-color: $dark-card-background;\n\t\t}\n\n\t\t// ecommerce dashboard css end\n\n\t\t.sm-progress-bar {\n\t\t\tbackground-color: $dark-body-background;\n\t\t}\n\n\t\t$alert-name: primary,\n\t\t\tsecondary,\n\t\t\tsuccess,\n\t\t\tdanger,\n\t\t\twarning,\n\t\t\tinfo,\n\t\t\tlight,\n\t\t\tdark;\n\t\t$alert-color : $primary-color,\n\t\t$secondary-color,\n\t\t$success-color,\n\t\t$danger-color,\n\t\t$warning-color,\n\t\t$info-color,\n\t\t$light-color,\n\t\t$dark-color;\n\n\t\t@each $var in $alert-name {\n\t\t\t$i: index($alert-name, $var);\n\n\t\t\t.alert-#{$var} {\n\t\t\t\tbackground-color: rgba(nth($alert-color, $i), 0.8) !important;\n\t\t\t\tborder-color: rgba(nth($alert-color, $i), 0.9) !important;\n\t\t\t\tcolor: $white;\n\n\t\t\t\t.progress {\n\t\t\t\t\theight: 5px;\n\t\t\t\t\tbackground-color: darken(nth($alert-color, $i), 1%);\n\t\t\t\t\tborder-radius: 0;\n\t\t\t\t}\n\n\t\t\t\t.progress-bar {\n\t\t\t\t\tbackground-color: lighten(nth($alert-color, $i), 50%);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.alert-#{$var}.inverse {\n\t\t\t\tbackground-color: $transparent-color !important;\n\n\t\t\t\t.btn-close {\n\t\t\t\t\tfilter: brightness(1) invert(1);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.alert-#{$var}.outline,\n\t\t\t.alert-#{$var}.outline-2x {\n\t\t\t\t.btn-close {\n\t\t\t\t\tfilter: brightness(1) invert(1);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.dismiss-text {\n\t\t\t\t.alert-dismissible {\n\t\t\t\t\t.btn-close {\n\t\t\t\t\t\tfilter: unset;\n\n\t\t\t\t\t\t.bg-light {\n\t\t\t\t\t\t\tcolor: $theme-body-font-color !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Alert\n\n\t\t.alert-addition-content {\n\t\t\t.alert {\n\t\t\t\t&[class*=\"bg-light-\"] {\n\t\t\t\t\tp {\n\t\t\t\t\t\tcolor: rgba($white, 0.6);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.options {\n\t\t\t>div {\n\t\t\t\tborder: 1px solid $dark-card-border;\n\t\t\t}\n\t\t}\n\n\t\t.was-validated {\n\t\t\t.custom-control-input {\n\t\t\t\t&:invalid {\n\t\t\t\t\t~.custom-control-label {\n\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.pricing-simple {\n\t\t\tbox-shadow: 1px 1px 2px 1px $dark-body-background !important;\n\t\t}\n\n\t\t.pricing-block {\n\t\t\tbox-shadow: 0 0 10px 5px rgba($primary-color, 0.05) !important;\n\t\t}\n\n\t\t.sidebar-panel-main {\n\t\t\tul {\n\t\t\t\tli {\n\t\t\t\t\t.icon-btn {\n\t\t\t\t\t\tbackground-color: $white !important;\n\n\t\t\t\t\t\ti {\n\t\t\t\t\t\t\tcolor: $dark-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tspan {\n\t\t\t\t\t\tcolor: $dark-color;\n\t\t\t\t\t\tbackground-color: $white;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.tap-top {\n\t\t\tbackground-color: $white;\n\t\t\tcolor: $dark-color;\n\t\t\tbox-shadow: 0 0 10px #1C1B20;\n\t\t\topacity: 1;\n\t\t}\n\n\t\t.pricingtable {\n\t\t\t.price-value {\n\t\t\t\tcolor: $dark-color;\n\t\t\t}\n\t\t}\n\n\t\t.badge-flex {\n\t\t\t.btn-primary {\n\t\t\t\tbackground-color: rgba($white, 0.1) !important;\n\t\t\t\tborder-color: rgba($white, 0.1) !important;\n\t\t\t}\n\n\t\t\t.border-dashed-primary {\n\t\t\t\tborder-color: rgba($white, 0.1) !important;\n\t\t\t\tcolor: $white;\n\t\t\t}\n\n\t\t\t.button-light-primary {\n\t\t\t\tbackground-color: rgba($white, 0.1) !important;\n\t\t\t}\n\t\t}\n\n\t\t.badge-spacing {\n\t\t\t.badge.badge-primary {\n\t\t\t\tbackground-color: rgba($white, 0.1) !important;\n\t\t\t}\n\n\t\t\tsvg {\n\t\t\t\t&.stroke-primary {\n\t\t\t\t\tstroke: rgba($white, 0.1) !important;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.badge-b-primary {\n\t\t\t\tborder-color: rgba($white, 0.1) !important;\n\t\t\t\t;\n\t\t\t}\n\t\t}\n\n\t\t.progress-number {\n\t\t\tbutton {\n\t\t\t\tbackground-color: rgba($white , 0.6) !important;\n\t\t\t\tcolor: $primary-color;\n\t\t\t}\n\t\t}\n\n\t\t.left-header {\n\t\t\t.left-menu-header {\n\t\t\t\tul {\n\t\t\t\t\t&.header-left {\n\t\t\t\t\t\tli {\n\t\t\t\t\t\t\tul {\n\t\t\t\t\t\t\t\t&.onhover-show-div {\n\t\t\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\n\t\t\t\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t\t\t\tborder-bottom: 7px solid $dark-card-background;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: $white !important;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.search-page {\n\t\t\t.nav {\n\t\t\t\t&.nav-tabs {\n\t\t\t\t\tborder-bottom: unset;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tul {\n\t\t\t\t&.search-info {\n\t\t\t\t\tli {\n\t\t\t\t\t\tcolor: $dark-small-font-color;\n\n\t\t\t\t\t\t+li {\n\t\t\t\t\t\t\tborder-left: 1px solid $light-all-font-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.info-block {\n\t\t\t\tborder-color: $dark-card-border;\n\n\t\t\t\ta {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tp:not(.blog-details p) {\n\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t}\n\n\t\t\t.audio-card {\n\t\t\t\t.audio-content {\n\t\t\t\t\tspan {\n\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.audio-wrapper {\n\t\t\t\ttable {\n\t\t\t\t\t&.audio-table {\n\t\t\t\t\t\t&.table-hover {\n\n\t\t\t\t\t\t\tthead,\n\t\t\t\t\t\t\ttbody {\n\t\t\t\t\t\t\t\ttr {\n\t\t\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.browse {\n\t\t\t.browse-articles {\n\t\t\t\th6 {\n\t\t\t\t\tborder-bottom: 1px solid $dark-card-border;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.job-search {\n\t\t\t.job-description {\n\t\t\t\tul:not(.job-apply-wrapper .job-search .job-description ul) {\n\t\t\t\t\tli {\n\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.theme-form {\n\t\t\t\t\t.row {\n\t\t\t\t\t\tdiv[class^=\"col-\"] {\n\t\t\t\t\t\t\t.input-group {\n\t\t\t\t\t\t\t\t.datepicker-here {\n\t\t\t\t\t\t\t\t\tborder: 1px solid $dark-body-background;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tul {\n\t\t\t\t\tli {\n\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.calendar-wrap {\n\t\t\t.fc-unthemed {\n\n\t\t\t\ttd,\n\t\t\t\tth {\n\t\t\t\t\tborder-color: $dark-body-background;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.mega-inline,\n\t\t.mega-horizontal,\n\t\t.mega-vertical {\n\t\t\t--bs-body-color: rgba(255, 255, 255, 0.6);\n\n\t\t\t.card {\n\t\t\t\tbox-shadow: 1px 1px 7px 0 rgba($dark-card-border, 0.5) !important;\n\t\t\t\tborder-color: $dark-card-border;\n\t\t\t}\n\n\t\t\t&.plain-style,\n\t\t\t&.border-style,\n\t\t\t&.offer-style {\n\t\t\t\t.card {\n\t\t\t\t\tbox-shadow: none !important;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.border-style {\n\t\t\t\t.card {\n\t\t\t\t\tborder: 1px solid $dark-card-border !important;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.offer-style {\n\t\t\t\t.card {\n\t\t\t\t\tborder: 1px dashed $dark-card-border !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.setting-dot {\n\t\t\t.setting-bg {\n\t\t\t\tbackground-color: rgba(var(--theme-secondary),1);\n\t\t\t}\n\t\t}\n\n\t\t.bookmark.pull-right {\n\t\t\tborder: none;\n\t\t}\n\n\t\t// popover css start\n\t\t.popover {\n\t\t\tbackground-color: $dark-body-background;\n\t\t\t--bs-popover-header-bg: unset;\n\n\t\t\t&.bs-popover-bottom {\n\t\t\t\t.popover-arrow {\n\t\t\t\t\t&:after {\n\t\t\t\t\t\tborder-bottom-color: $dark-body-background;\n\t\t\t\t\t\tborder-right-color: $transparent-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.bs-popover-top {\n\t\t\t\t.popover-arrow {\n\t\t\t\t\t&:after {\n\t\t\t\t\t\tborder-right-color: $transparent-color;\n\t\t\t\t\t\tborder-top-color: $dark-body-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.bs-popover-start {\n\t\t\t\t.popover-arrow {\n\t\t\t\t\t&:after {\n\t\t\t\t\t\tborder-left-color: $dark-body-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&[data-popper-placement=\"left\"] {\n\t\t\t\t.popover-arrow {\n\t\t\t\t\t&:after {\n\t\t\t\t\t\tborder-left-color: $dark-body-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&[data-popper-placement=\"right\"] {\n\t\t\t\t.popover-arrow {\n\t\t\t\t\t&:after {\n\t\t\t\t\t\tborder-right-color: $dark-body-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&[data-popper-placement=\"top\"] {\n\t\t\t\t.popover-arrow {\n\t\t\t\t\t&:after {\n\t\t\t\t\t\tborder-top-color: $dark-body-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&[data-popper-placement=\"bottom\"] {\n\t\t\t\t.popover-arrow {\n\t\t\t\t\t&:after {\n\t\t\t\t\t\tborder-bottom-color: $dark-body-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.popover-header {\n\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\tcolor: rgba($white , 0.6);\n\t\t\t}\n\n\t\t\t.popover-body {\n\t\t\t\tcolor: rgba(255, 255, 255, 0.6);\n\t\t\t}\n\n\t\t\tcode {\n\t\t\t\tbackground-color: unset;\n\t\t\t}\n\t\t}\n\n\t\t// popover css end\n\t\t// apex chart css start\n\t\t.apex-chart-container {\n\t\t\t.apexcharts-legend {\n\t\t\t\t.apexcharts-legend-series {\n\t\t\t\t\tspan {\n\t\t\t\t\t\tcolor: $dark-all-font-color !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.apexcharts-canvas {\n\t\t\tsvg {\n\t\t\t\t.apexcharts-title-text {\n\t\t\t\t\tfill: $white;\n\t\t\t\t}\n\n\t\t\t\t.apexcharts-subtitle-text {\n\t\t\t\t\tfill: $white;\n\t\t\t\t}\n\n\t\t\t\t.apexcharts-yaxis {\n\t\t\t\t\t.apexcharts-yaxis-texts-g {\n\t\t\t\t\t\t.apexcharts-yaxis-label {\n\t\t\t\t\t\t\tfill: $white;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.apexcharts-xaxis {\n\t\t\t\t\t.apexcharts-xaxis-texts-g {\n\t\t\t\t\t\t.apexcharts-xaxis-label {\n\t\t\t\t\t\t\tfill: $white;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.apexcharts-legend-series {\n\t\t\t\t\tspan {\n\t\t\t\t\t\tcolor: $dark-all-font-color !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.apexcharts-datalabels-group {\n\t\t\t\t\t.apexcharts-datalabel-label {\n\t\t\t\t\t\tfill: $white !important;\n\t\t\t\t\t}\n\n\t\t\t\t\t.apexcharts-datalabel-value {\n\t\t\t\t\t\tfill: $white;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// apex chart css end\n\t\t.Typeahead-menu {\n\t\t\tbackground-color: $dark-body-background;\n\t\t}\n\n\t\t.ecommerce-widget {\n\t\t\tborder: 1px solid $dark-border-color;\n\t\t}\n\n\t\t.bookmark {\n\t\t\tul {\n\t\t\t\tli {\n\t\t\t\t\t.search-form {\n\t\t\t\t\t\t.form-control-search {\n\t\t\t\t\t\t\tinput {\n\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t\tborder: 1px solid $dark-border-color;\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\tbackground: $dark-border-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// cart css start\n\t\t.cart {\n\t\t\t.qty-box {\n\t\t\t\t.input-group {\n\t\t\t\t\t.btn {\n\t\t\t\t\t\tbackground-color: #2e3648 !important;\n\t\t\t\t\t\tborder-color: $dark-card-border !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// cart css end\n\n\t\t.shopping-checkout-option {\n\t\t\t.checkbox_animated {\n\t\t\t\t&:after {\n\t\t\t\t\tborder: 2px solid $dark-card-background;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.animate-chk {\n\t\t\t.radio_animated {\n\t\t\t\t&:after {\n\t\t\t\t\tborder: 2px solid $dark-border-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.custom-scrollbar::-webkit-scrollbar-thumb {\n\t\t\tbackground-color: rgba(41, 50, 64, 0.52);\n\t\t}\n\n\t\t.product-box {\n\t\t\t.product-img {\n\t\t\t\t.product-hover {\n\t\t\t\t\tul {\n\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t.btn {\n\t\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\t.btn {\n\t\t\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tli:not(.product-wrapper-grid .product-box .product-hover li) {\n\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\ti {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.radio_animated,\n\t\t.checkbox_animated {\n\t\t\t&:after {\n\t\t\t\tbackground: $dark-body-background;\n\t\t\t\tborder: 2px solid $dark-body-background;\n\t\t\t}\n\t\t}\n\n\t\t.slider-product {\n\t\t\tborder-top: 1px solid $dark-card-border;\n\t\t\tborder-bottom: 1px solid $dark-card-border;\n\t\t}\n\n\t\t.square-product-setting {\n\t\t\t.icon-grid {\n\t\t\t\tbackground-color: $dark-card-background;\n\n\t\t\t\tsvg {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.active-order-table,\n\t\t.market-table {\n\t\t\ttable {\n\t\t\t\tthead {\n\t\t\t\t\ttr {\n\t\t\t\t\t\tth {\n\t\t\t\t\t\t\tborder-top: none !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\ttbody {\n\t\t\t\t\ttr {\n\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\tborder-bottom: 1px solid $dark-border-color;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\tborder-bottom: none;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.pricing-card-design-2 {\n\t\t\t.pricing-block {\n\t\t\t\t.pricing-inner {\n\t\t\t\t\tul {\n\t\t\t\t\t\tli {\n\t\t\t\t\t\t\tborder-bottom: 1px solid $dark-border-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.flot-chart-container {\n\t\t\t.legend {\n\t\t\t\t.table {\n\t\t\t\t\ttbody {\n\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\tcolor: $white;\n\n\t\t\t\t\t\t.legendLabel {\n\t\t\t\t\t\t\tpadding-left: 5px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.google-visualization-tooltip {\n\t\t\ttext {\n\t\t\t\tfill: rgba(0, 0, 0, 0.7) !important;\n\t\t\t}\n\t\t}\n\n\t\t.nav-dark,\n\t\t.nav-pills.nav-dark {\n\t\t\t.nav-link {\n\t\t\t\tcolor: $white;\n\t\t\t}\n\t\t}\n\n\t\t.loader-wrapper {\n\t\t\tbackground-color: $dark-body-background;\n\n\t\t\t.loader {\n\t\t\t\tbackground-color: $dark-body-background !important;\n\t\t\t}\n\t\t}\n\n\t\t.page-wrapper {\n\n\t\t\t.sidebar-main-title {\n\t\t\t\th6 {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t/* Main Header start */\n\t\t\t.page-header {\n\t\t\t\t.translate_wrapper {\n\t\t\t\t\t&.active {\n\t\t\t\t\t\t.more_lang {\n\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.lang {\n\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tform {\n\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t}\n\n\t\t\t\t.header-wrapper {\n\t\t\t\t\tbackground-color: $dark-card-background;\n\n\t\t\t\t\tli {\n\t\t\t\t\t\ti {\n\t\t\t\t\t\t\tcolor: $light-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.nav-right {\n\t\t\t\t\t\t>ul {\n\t\t\t\t\t\t\t>li {\n\t\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.right-header {\n\t\t\t\t\t\t\t>ul {\n\t\t\t\t\t\t\t\t>li {\n\t\t\t\t\t\t\t\t\t.profile-media {\n\t\t\t\t\t\t\t\t\t\t.flex-grow-1 {\n\t\t\t\t\t\t\t\t\t\t\tp {\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color , 0.6) !important;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.nav-menus {\n\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t.d-flex {\n\t\t\t\t\t\t\t\t\t.flex-grow-1 {\n\t\t\t\t\t\t\t\t\t\t.txt-dark {\n\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color !important;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.onhover-show-div {\n\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t\t\tbox-shadow: 0 0 14px $dark-body-background;\n\n\t\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\t\tborder-color: $dark-card-background;\n\n\t\t\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\t\t\t&.btn {\n\t\t\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-bg-primary !important;\n\t\t\t\t\t\t\t\t\t\t\t\tborder-color: $dark-bg-primary !important;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\tp {\n\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\t\t\tborder-bottom: 7px solid $dark-body-background;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&:after {\n\t\t\t\t\t\t\t\t\t\tborder-bottom: 7px solid $dark-body-background;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.notification-dropdown.onhover-show-div {\n\t\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\n\t\t\t\t\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\t\t\t\t\tborder-color: rgba($white , 0.6) !important;\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t.bg-light {\n\t\t\t\t\t\t\t\t\t\tbackground-color: #282e38 !important;\n\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color !important;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.profile-dropdown {\n\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t\t\t\t\t\tsvg {\n\n\t\t\t\t\t\t\t\t\t\tpath,\n\t\t\t\t\t\t\t\t\t\tline,\n\t\t\t\t\t\t\t\t\t\tcircle {\n\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color !important;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\t\t\tcolor: var(--theme-default);\n\n\t\t\t\t\t\t\t\t\t\tsvg {\n\n\t\t\t\t\t\t\t\t\t\t\tline,\n\t\t\t\t\t\t\t\t\t\t\tpath,\n\t\t\t\t\t\t\t\t\t\t\tcircle {\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: var(--theme-default) !important;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t>ul {\n\t\t\t\t\t\t\t>li {\n\t\t\t\t\t\t\t\t.d-flex {\n\t\t\t\t\t\t\t\t\t.flex-grow-1 {\n\t\t\t\t\t\t\t\t\t\t.txt-dark {\n\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color !important;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.onhover-show-div {\n\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t\t\tbox-shadow: 0 0 2px 2px $dark-card-background;\n\n\t\t\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\t\t\tborder-bottom: 7px solid $dark-body-background;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&:after {\n\t\t\t\t\t\t\t\t\t\tborder-bottom: 7px solid $dark-body-background;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.bookmark-flip {\n\t\t\t\t\t\t\t.bookmark-dropdown {\n\t\t\t\t\t\t\t\t.bookmark-content {\n\t\t\t\t\t\t\t\t\t.bookmark-icon {\n\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.header-logo-wrapper {\n\t\t\t\t\tbackground-color: $dark-card-background;\n\n\t\t\t\t\t.logo-wrapper {\n\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t.image-dark {\n\t\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.image-light {\n\t\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t/* Main Header ends */\n\n\t\t\t.page-body-wrapper {\n\n\t\t\t\t/* body start*/\n\t\t\t\t.page-body {\n\t\t\t\t\t.topper-lists {\n\t\t\t\t\t\ttable {\n\t\t\t\t\t\t\ttbody {\n\t\t\t\t\t\t\t\ttr {\n\t\t\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\t\t\tp {\n\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.header-small {\n\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t}\n\n\t\t\t\t\t.statistics {\n\t\t\t\t\t\tp {\n\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.feather-main,\n\t\t\t\t\t.professor-table {\n\n\t\t\t\t\t\t.flex-grow-1,\n\t\t\t\t\t\t.professor-block {\n\t\t\t\t\t\t\tp {\n\t\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.logs-element {\n\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t+span {\n\t\t\t\t\t\t\t\tcolor: $dark-small-font-color\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.progress-block {\n\t\t\t\t\t\t.progress-title {\n\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t+span {\n\t\t\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.ecommerce-icons {\n\t\t\t\t\t\tdiv {\n\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.new-users,\n\t\t\t\t\t.progress-media {\n\t\t\t\t\t\t.d-flex {\n\t\t\t\t\t\t\t.flex-grow-1 {\n\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.progress-change {\n\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.topper-lists {\n\t\t\t\t\t\ttable {\n\t\t\t\t\t\t\ttbody {\n\t\t\t\t\t\t\t\ttr {\n\t\t\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\t\t\tborder-top: none !important;\n\t\t\t\t\t\t\t\t\t\tborder-bottom: 1px solid $dark-card-border;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\t\t\t\tborder-bottom: none;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.notifiaction-media {\n\t\t\t\t\t\t.d-flex {\n\t\t\t\t\t\t\t.flex-grow-1 {\n\t\t\t\t\t\t\t\t.circle-left {\n\t\t\t\t\t\t\t\t\tborder: 5px solid #334154;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.upcoming-event {\n\t\t\t\t\t\t.upcoming-innner {\n\t\t\t\t\t\t\tborder-bottom: 1px solid $dark-border-color;\n\n\t\t\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t\t\tborder-bottom: none;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.professor-table {\n\t\t\t\t\t\ttable {\n\t\t\t\t\t\t\ttbody {\n\t\t\t\t\t\t\t\ttr {\n\t\t\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\t\t\tborder-top: none !important;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.number-widgets {\n\t\t\t\t\t\t.d-flex {\n\t\t\t\t\t\t\t.flex-grow-1 {\n\t\t\t\t\t\t\t\th6 {\n\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.activity {\n\t\t\t\t\t\t.d-flex {\n\t\t\t\t\t\t\t.flex-grow-1 {\n\t\t\t\t\t\t\t\th6 {\n\t\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.card.custom-card {\n\t\t\t\t\t\t.card-header {\n\t\t\t\t\t\t\tborder-bottom: none !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.custom-card .card-header img {\n\t\t\t\t\tbackground-color: $black;\n\t\t\t\t\topacity: 0.8;\n\t\t\t\t}\n\n\t\t\t\t.page-title {\n\t\t\t\t\t.row {\n\t\t\t\t\t\th3 {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t\t\t\tsmall {\n\t\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\n\t\t\t\t\t.breadcrumb {\n\t\t\t\t\t\tli {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.breadcrumb-item {\n\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&+.breadcrumb-item {\n\t\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.page-body {\n\t\t\t\t\tbackground-color: $dark-body-background;\n\n\t\t\t\t\t.default-according {\n\t\t\t\t\t\t.card:not(.email-body) {\n\t\t\t\t\t\t\tborder: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.card:not(.email-body) {\n\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\tbox-shadow: 1px 1px 2px 1px rgba(29, 28, 28, 0.08);\n\n\t\t\t\t\t\t&.widget-1 {\n\t\t\t\t\t\t\tbackground-blend-mode: color-burn;\n\n\t\t\t\t\t\t\t.widget-round {\n\t\t\t\t\t\t\t\t.bg-round {\n\t\t\t\t\t\t\t\t\tbox-shadow: 1px 2px 21px -2px rgba(14, 14, 16, 0.83);\n\n\t\t\t\t\t\t\t\t\t.half-circle {\n\t\t\t\t\t\t\t\t\t\tbackground: rgba(49, 53, 66, 0);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.social-profile {\n\t\t\t\t\t\t\tbackground-image: unset;\n\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.table {\n\t\t\t\t\t\t\t&.table-light {\n\t\t\t\t\t\t\t\ttr {\n\n\t\t\t\t\t\t\t\t\tth,\n\t\t\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\t\t\tcolor: $theme-body-font-color;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\ttable {\n\t\t\t\t\t\t\tthead {\n\t\t\t\t\t\t\t\t.border-bottom-light {\n\t\t\t\t\t\t\t\t\tth {\n\t\t\t\t\t\t\t\t\t\t&:not(.border-bottom-table thead .border-bottom-light th) {\n\t\t\t\t\t\t\t\t\t\t\tborder-bottom: 1px solid $dark-card-border !important;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\ttbody {\n\t\t\t\t\t\t\t\t.border-bottom-light {\n\t\t\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\t\t\t&:not(.border-bottom-table tbody .border-bottom-light td) {\n\t\t\t\t\t\t\t\t\t\t\tborder-bottom: 1px solid $dark-card-border !important;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.trending-card {\n\t\t\t\t\t\t\tbackground-color: #010314;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.explore-card {\n\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t\tbackground-blend-mode: overlay;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// cypto dashboard css start\n\t\t\t\t\t\t&.balance-box {\n\t\t\t\t\t\t\tbackground-blend-mode: overlay;\n\t\t\t\t\t\t\tbackground-color: #16171c;\n\t\t\t\t\t\t\tborder-color: transparent;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// cypto dashboard css end\n\n\t\t\t\t\t\t.chart-block {\n\t\t\t\t\t\t\t#bar-chart2 {\n\t\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t\t>rect {\n\t\t\t\t\t\t\t\t\t\tfill: $dark-card-background;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t>g {\n\t\t\t\t\t\t\t\t\t\ttext {\n\t\t\t\t\t\t\t\t\t\t\tfill: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.word-tree {\n\t\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t\t>g {\n\t\t\t\t\t\t\t\t\t\t>rect {\n\t\t\t\t\t\t\t\t\t\t\tfill: $dark-card-background;\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t>text {\n\t\t\t\t\t\t\t\t\t\t\tfill: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.card-header {\n\t\t\t\t\t\t\tbackground-color: $transparent-color;\n\n\t\t\t\t\t\t\t>span {\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tp {\n\t\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.7);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\th1,\n\t\t\t\t\t\t\th2,\n\t\t\t\t\t\t\th3,\n\t\t\t\t\t\t\th4,\n\t\t\t\t\t\t\th5,\n\t\t\t\t\t\t\th6 {\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.card-header-right {\n\t\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\n\t\t\t\t\t\t\t\ti {\n\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t\t\t\t\t\t&.fa-cog {\n\t\t\t\t\t\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&.note-toolbar {\n\t\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Basic card\n\n\t\t\t\t\t\t.alert-dark {\n\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\n\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.alert-light.outline,\n\t\t\t\t\t\t.alert-light.outline-2x,\n\t\t\t\t\t\t.alert-light.inverse {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t#animation-box {\n\t\t\t\t\t\t\t.animate-widget {\n\t\t\t\t\t\t\t\tp {\n\t\t\t\t\t\t\t\t\tcolor: $dark-small-font-color !important;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.grid-item {\n\t\t\t\t\t\t\timg {\n\t\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t\t\tborder: 1px solid $dark-card-border;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.line {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.table {\n\n\t\t\t\t\t\t\tth,\n\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tthead {\n\t\t\t\t\t\t\t\tth {\n\t\t\t\t\t\t\t\t\tborder-bottom-color: var(--chart-progress-light);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.border-bottom-primary {\n\t\t\t\t\t\t\t\t\tth {\n\t\t\t\t\t\t\t\t\t\tborder-bottom-color: var(--theme-default);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.table-primary,\n\t\t\t\t\t\t\t.table-secondary,\n\t\t\t\t\t\t\t.table-success,\n\t\t\t\t\t\t\t.table-info,\n\t\t\t\t\t\t\t.table-warning,\n\t\t\t\t\t\t\t.table-light,\n\t\t\t\t\t\t\t.table-danger {\n\n\t\t\t\t\t\t\t\tth,\n\t\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\t\tcolor: $dark-card-background;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.bg-primary,\n\t\t\t\t\t\t\t.bg-secondary,\n\t\t\t\t\t\t\t.bg-success,\n\t\t\t\t\t\t\t.bg-info,\n\t\t\t\t\t\t\t.bg-warning,\n\t\t\t\t\t\t\t.bg-danger {\n\t\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.bg-light {\n\t\t\t\t\t\t\t\tcolor: $black;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.thead-light {\n\t\t\t\t\t\t\t\tth {\n\t\t\t\t\t\t\t\t\tcolor: $black;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\ttbody {\n\t\t\t\t\t\t\t\t.border-bottom-primary {\n\n\t\t\t\t\t\t\t\t\tth,\n\t\t\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\t\t\tborder-bottom: 1px solid var(--theme-default);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.table[class*='bg-'] {\n\n\t\t\t\t\t\t\tth,\n\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.table-striped {\n\t\t\t\t\t\t\ttbody {\n\t\t\t\t\t\t\t\ttr {\n\t\t\t\t\t\t\t\t\t&:nth-of-type(odd) {\n\t\t\t\t\t\t\t\t\t\t--bs-table-accent-bg: rgba(0, 0, 0, 0.05);\n\n\t\t\t\t\t\t\t\t\t\t&:hover {\n\n\t\t\t\t\t\t\t\t\t\t\tth,\n\t\t\t\t\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.table-double,\n\t\t\t\t\t\t.table-dotted,\n\t\t\t\t\t\t.table-dashed {\n\t\t\t\t\t\t\tborder-left-color: $dark-card-border;\n\t\t\t\t\t\t\tborder-right-color: $dark-card-border;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.table-bordered {\n\t\t\t\t\t\t\tborder-color: $dark-card-border !important;\n\n\t\t\t\t\t\t\ttd,\n\t\t\t\t\t\t\tth {\n\t\t\t\t\t\t\t\tborder-color: $dark-card-border !important;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.table-inverse {\n\t\t\t\t\t\t\ttbody {\n\t\t\t\t\t\t\t\ttr {\n\t\t\t\t\t\t\t\t\t&:nth-of-type(odd) {\n\t\t\t\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.emphasis-table {\n\t\t\t\t\t\t\t--bs-emphasis-color-rgb: #171717;\n\n\t\t\t\t\t\t\t.table-striped-columns>:not(caption)>tr>:nth-child(2n) {\n\t\t\t\t\t\t\t\t--bs-table-striped-bg: var(--bs-emphasis-color-rgb);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.table-active {\n\t\t\t\t\t\t\t\t--bs-table-active-bg: var(--bs-emphasis-color-rgb);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.table-border-vertical {\n\n\t\t\t\t\t\t\ttr,\n\t\t\t\t\t\t\tth,\n\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\tborder-right: 1px solid $dark-border-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.table-styling {\n\n\t\t\t\t\t\t\tthead,\n\t\t\t\t\t\t\ttbody {\n\n\t\t\t\t\t\t\t\tth,\n\t\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.card-footer {\n\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t\tborder-top: 1px solid $dark-card-border;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.switch {\n\t\t\t\t\t\t\t.switch-state {\n\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tinput {\n\t\t\t\t\t\t\t\t&:checked {\n\t\t\t\t\t\t\t\t\t+.switch-state {\n\t\t\t\t\t\t\t\t\t\tbackground-color: var(--theme-default);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.bg-white {\n\t\t\t\t\t\t\tbackground-color: $dark-card-background !important;\n\t\t\t\t\t\t\tcolor: rgba($white , 0.6) !important;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.ct-grid {\n\t\t\t\t\t\t\tstroke: $dark-border-color;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.ct-label {\n\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\thr {\n\t\t\t\t\t\t\tborder-top: 1px solid $dark-all-font-color;\n\n\t\t\t\t\t\t\t&.dropdown-divider {\n\t\t\t\t\t\t\t\tborder-color: $dark-border-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.text-muted {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color !important;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.btn-outline-light,\n\t\t\t\t\t\t.btn-outline-dark,\n\t\t\t\t\t\t.btn-outline-light-2x {\n\t\t\t\t\t\t\tcolor: $white !important;\n\t\t\t\t\t\t\tborder: 1px solid $dark-card-border;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.btn-outline-light,\n\t\t\t\t\t\t.btn-outline-light-2x {\n\n\t\t\t\t\t\t\t&:hover,\n\t\t\t\t\t\t\t&:active {\n\t\t\t\t\t\t\t\tcolor: $black !important;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.border-right {\n\t\t\t\t\t\t\tborder-right: 1px solid $dark-card-border !important;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.flot-chart-placeholder {\n\t\t\t\t\t\t\t.flot-text {\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color !important;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\ttext {\n\t\t\t\t\t\t\t\t\tfill: $dark-all-font-color;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.dark-alert {\n\t\t\t\t\t\t\t&.alert-addition-content {\n\t\t\t\t\t\t\t\t.alert {\n\t\t\t\t\t\t\t\t\thr {\n\t\t\t\t\t\t\t\t\t\tborder-top: 1px solid $dark-card-border;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.chart-overflow {\n\t\t\t\t\t\t\t&#gantt_chart {\n\t\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t\tg {\n\t\t\t\t\t\t\t\t\t\trect {\n\t\t\t\t\t\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\t\t\t\t\t\tfill: $dark-body-background;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\trect {\n\t\t\t\t\t\t\t\t\t&:nth-child(6) {\n\t\t\t\t\t\t\t\t\t\tfill: $dark-body-background;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&#line-chart,\n\t\t\t\t\t\t\t&#column-chart1,\n\t\t\t\t\t\t\t&#column-chart2 {\n\t\t\t\t\t\t\t\trect {\n\t\t\t\t\t\t\t\t\tfill: $dark-card-background;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t>rect {\n\t\t\t\t\t\t\t\t\tfill: $dark-card-background;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t>g {\n\t\t\t\t\t\t\t\t\t>g {\n\t\t\t\t\t\t\t\t\t\t>g {\n\t\t\t\t\t\t\t\t\t\t\ttext {\n\t\t\t\t\t\t\t\t\t\t\t\tfill: rgb(177, 177, 178);\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t>text {\n\t\t\t\t\t\t\t\t\t\tfill: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.radial-bar {\n\t\t\t\t\t\t\t&:after {\n\t\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.bar-chart-widget {\n\t\t\t\t\t\t\t.bottom-content {\n\t\t\t\t\t\t\t\t.num {\n\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t\t\t\t\t\t.color-bottom {\n\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.chart-container {\n\n\t\t\t\t\t\t\t.live-products,\n\t\t\t\t\t\t\t.turnover,\n\t\t\t\t\t\t\t.monthly,\n\t\t\t\t\t\t\t.uses {\n\t\t\t\t\t\t\t\t.ct-labels {\n\t\t\t\t\t\t\t\t\t.ct-label {\n\t\t\t\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.ct-grid {\n\t\t\t\t\t\t\t\t\tstroke: $white;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t#browser-uses-chart,\n\t\t\t\t\t\t\t#website-visiter-chart {\n\t\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t\ttext {\n\t\t\t\t\t\t\t\t\t\tfill: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.status-details {\n\t\t\t\t\t\t\th4 {\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.clipboaard-container {\n\t\t\t\t\t\t\t.form-control {\n\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t\t\t\tborder: 1px solid $dark-border-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.img-thumbnail {\n\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\tborder: 1px solid $dark-card-border;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.dataTables_wrapper {\n\t\t\t\t\t\t\tbutton {\n\t\t\t\t\t\t\t\tcolor: $black;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&.no-footer {\n\t\t\t\t\t\t\t\t.dataTables_scrollBody {\n\t\t\t\t\t\t\t\t\tborder-bottom: 1px solid $dark-body-background;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.btn-danger,\n\t\t\t\t\t\t\t.btn-success,\n\t\t\t\t\t\t\t.btn-primary {\n\t\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.dataTables_length {\n\t\t\t\t\t\t\t\tselect {\n\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\tborder: 1px solid $dark-border-color;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.dataTables_length,\n\t\t\t\t\t\t\t.dataTables_filter,\n\t\t\t\t\t\t\t.dataTables_info,\n\t\t\t\t\t\t\t.dataTables_processing,\n\t\t\t\t\t\t\t.dataTables_paginate {\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.dataTables_paginate {\n\t\t\t\t\t\t\t\tborder: 1px solid $dark-border-color;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.dataTables_filter {\n\t\t\t\t\t\t\t\tinput[type=\"search\"] {\n\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t\t\tborder: 1px solid $dark-border-color;\n\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\ttable.dataTable.display,\n\t\t\t\t\t\t\ttable.dataTable.order-column.stripe {\n\t\t\t\t\t\t\t\ttbody {\n\t\t\t\t\t\t\t\t\ttr {\n\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\n\t\t\t\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\t\t\t\t>.sorting_1 {\n\t\t\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-datatable-sorting;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\ttr.odd {\n\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-datatable-odd;\n\n\t\t\t\t\t\t\t\t\t\t>.sorting_1 {\n\t\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-datatable-sorting;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\ttr.even {\n\t\t\t\t\t\t\t\t\t\t>.sorting_1 {\n\t\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-datatable-sorting-even;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\ttable.dataTable {\n\t\t\t\t\t\t\t\tborder: 1px solid $dark-border-color;\n\n\t\t\t\t\t\t\t\tthead {\n\n\t\t\t\t\t\t\t\t\tth,\n\t\t\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\t\t\tborder-bottom: 2px solid $dark-border-color;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tinput,\n\t\t\t\t\t\t\t\tselect {\n\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\tborder: 1px solid $dark-border-color;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\ttbody {\n\t\t\t\t\t\t\t\t\ttr {\n\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\ttd.select-checkbox,\n\t\t\t\t\t\t\t\t\tth.select-checkbox {\n\t\t\t\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\t\t\t\tborder: 1px solid $dark-small-font-color;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.table-striped {\n\t\t\t\t\t\t\t\ttbody {\n\t\t\t\t\t\t\t\t\ttr {\n\t\t\t\t\t\t\t\t\t\t&:nth-of-type(odd) {\n\t\t\t\t\t\t\t\t\t\t\t--bs-table-accent-bg: #1d1e26;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.dataTables_paginate {\n\t\t\t\t\t\t\t\t.paginate_button {\n\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color !important;\n\n\t\t\t\t\t\t\t\t\t&.current,\n\t\t\t\t\t\t\t\t\t&:active {\n\t\t\t\t\t\t\t\t\t\tborder-color: var(--theme-default);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.paginate_button.disabled {\n\t\t\t\t\t\t\t\t\tcolor: $dark-small-font-color !important;\n\n\t\t\t\t\t\t\t\t\t&:hover,\n\t\t\t\t\t\t\t\t\t:active {\n\t\t\t\t\t\t\t\t\t\tcolor: $dark-small-font-color !important;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\ttable.dataTable.row-border,\n\t\t\t\t\t\t\ttable.dataTable.display {\n\t\t\t\t\t\t\t\ttbody {\n\n\t\t\t\t\t\t\t\t\tth,\n\t\t\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\t\t\tborder-top: 1px solid $dark-border-color;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\ttable.dataTable.display,\n\t\t\t\t\t\t\ttable.dataTable.order-column.hover {\n\t\t\t\t\t\t\t\ttbody {\n\t\t\t\t\t\t\t\t\ttr.even {\n\t\t\t\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\t\t\t\t>.sorting_1 {\n\t\t\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-even-hover-sorting;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\ttable.dataTable.hover,\n\t\t\t\t\t\t\ttable.dataTable.display {\n\t\t\t\t\t\t\t\ttbody {\n\t\t\t\t\t\t\t\t\ttr {\n\t\t\t\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-datatable-sorting;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\ttable.dataTable.cell-border {\n\n\t\t\t\t\t\t\t\tth,\n\t\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\t\tborder-top: 1px solid $dark-border-color;\n\t\t\t\t\t\t\t\t\tborder-right: 1px solid $dark-border-color;\n\n\t\t\t\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\t\t\t\tborder-left: 1px solid $dark-border-color;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\ttable.dataTable.order-column,\n\t\t\t\t\t\t\ttable.dataTable.display {\n\t\t\t\t\t\t\t\ttbody {\n\t\t\t\t\t\t\t\t\ttr {\n\n\t\t\t\t\t\t\t\t\t\t>.sorting_1,\n\t\t\t\t\t\t\t\t\t\t>.sorting_2,\n\t\t\t\t\t\t\t\t\t\t>.sorting_3 {\n\t\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t#example-style-3_wrapper {\n\t\t\t\t\t\t\t#example-style-3 {\n\t\t\t\t\t\t\t\ttfoot {\n\t\t\t\t\t\t\t\t\tborder-top: 2px solid $dark-border-color;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.page-link {\n\t\t\t\t\t\t\tborder: 1px solid $dark-card-border;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.page-item.disabled {\n\t\t\t\t\t\t\t.page-link {\n\t\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t\t\tborder-color: $dark-border-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.page-link {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.page-item {\n\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\t.page-link {\n\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.page-item.active {\n\t\t\t\t\t\t\t.page-link {\n\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.ecommerce-widget {\n\t\t\t\t\t\t\t.icon {\n\t\t\t\t\t\t\t\tcolor: $dark-body-background;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.total-num {\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.flot-chart-container-small {\n\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t\tborder-top: 1px solid $dark-border-color;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.product-table {\n\t\t\t\t\t\t\t#API-2_wrapper {\n\t\t\t\t\t\t\t\t#API-2 {\n\t\t\t\t\t\t\t\t\ttbody {\n\t\t\t\t\t\t\t\t\t\ttd {\n\n\t\t\t\t\t\t\t\t\t\t\tspan,\n\t\t\t\t\t\t\t\t\t\t\tp {\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\th6 {\n\t\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.border-tab.nav-tabs {\n\t\t\t\t\t\t\tborder-bottom: 1px solid $dark-card-border;\n\n\t\t\t\t\t\t\t.nav-item {\n\t\t\t\t\t\t\t\t.nav-link {\n\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.nav-link {\n\n\t\t\t\t\t\t\t\t&.active,\n\t\t\t\t\t\t\t\t&:focus,\n\t\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.project-tabs {\n\t\t\t\t\t\t\t.nav-tabs {\n\t\t\t\t\t\t\t\tborder-bottom: unset;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.br-theme-bars-1to10,\n\t\t\t\t\t\t.br-theme-bars-movie,\n\t\t\t\t\t\t.br-theme-bars-pill,\n\t\t\t\t\t\t.br-theme-bars-reversed,\n\t\t\t\t\t\t.br-theme-bars-horizontal {\n\t\t\t\t\t\t\t.br-widget {\n\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\tbackground-color: $dark-border-color;\n\n\t\t\t\t\t\t\t\t\t&.br-active,\n\t\t\t\t\t\t\t\t\t&.br-selected {\n\t\t\t\t\t\t\t\t\t\tbackground-color: var(--theme-default);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.br-theme-bars-square {\n\t\t\t\t\t\t\t.br-widget {\n\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\tborder: 2px solid $dark-border-color;\n\t\t\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t\t\t\t\t\t&.br-active,\n\t\t\t\t\t\t\t\t\t&.br-selected {\n\t\t\t\t\t\t\t\t\t\tborder: 2px solid var(--theme-default);\n\t\t\t\t\t\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.br-theme-fontawesome-stars,\n\t\t\t\t\t\t.br-theme-fontawesome-stars-o {\n\t\t\t\t\t\t\t.br-widget {\n\t\t\t\t\t\t\t\ta {\n\n\t\t\t\t\t\t\t\t\t&.br-selected,\n\t\t\t\t\t\t\t\t\t&.br-active {\n\t\t\t\t\t\t\t\t\t\t&:after {\n\t\t\t\t\t\t\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.scroll-demo {\n\t\t\t\t\t\t\tborder: 1px solid $dark-card-border;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Scrollable\n\t\t\t\t\t\t.vertical-scroll {\n\t\t\t\t\t\t\t&.scroll-demo {\n\t\t\t\t\t\t\t\t&:not(.default-scroll) {\n\t\t\t\t\t\t\t\t\tborder: unset;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.list-group {\n\t\t\t\t\t\t\t\t\t.list-group-item {\n\t\t\t\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\t\t\t\tz-index: 0;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.search-form {\n\t\t\t\t\t\t\tinput {\n\t\t\t\t\t\t\t\tborder: 1px solid $dark-border-color;\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.form-group {\n\t\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\t\tbackground: $dark-card-background;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.breadcrumb {\n\t\t\t\t\t\t\t&.bg-white {\n\t\t\t\t\t\t\t\tbackground-color: $dark-card-background !important;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t#donut-color-chart-morris-daily,\n\t\t\t\t\t\t#donut-color-chart-morris,\n\t\t\t\t\t\t#browser-uses-chart,\n\t\t\t\t\t\t#website-visiter-chart {\n\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\topacity: 0.5;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.collapse-horizontal {\n\t\t\t\t\t\t.card {\n\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.collapse-accordion {\n\t\t\t\t\t\t.btn-dark {\n\t\t\t\t\t\t\t&.show {\n\t\t\t\t\t\t\t\t.dark-accordion {\n\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t//social-app\n\t\t\t\t\t.social-app-profile1 {\n\t\t\t\t\t\t.social-app-profile {\n\t\t\t\t\t\t\t.common-user-image {\n\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// bookmark\n\t\t\t\t\t.modal-bookmark {\n\t\t\t\t\t\t.modal-content {\n\t\t\t\t\t\t\t.modal-body {\n\t\t\t\t\t\t\t\t.search-picker {\n\t\t\t\t\t\t\t\t\t.dropdown-menu {\n\t\t\t\t\t\t\t\t\t\t.dropdown-item {\n\t\t\t\t\t\t\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.main-bookmark {\n\t\t\t\t\t\t.email-right-aside {\n\t\t\t\t\t\t\t.card-body {\n\t\t\t\t\t\t\t\t.details-bookmark {\n\t\t\t\t\t\t\t\t\t.bookmark-card {\n\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.email-wrap {\n\t\t\t\t\t\t.flex-grow-1 {\n\t\t\t\t\t\t\th6 {\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.bookmark-wrap {\n\t\t\t\t\t\t.main-bookmark {\n\t\t\t\t\t\t\t.bootstrap-select {\n\t\t\t\t\t\t\t\t.dropdown-toggle {\n\t\t\t\t\t\t\t\t\tborder-color: $dark-card-border !important;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.dropdown-menu {\n\t\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\n\t\t\t\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-card-inbox;\n\n\t\t\t\t\t\t\t\t\t\t\t.dropdown-item {\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color !important;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.contact-editform {\n\t\t\t\t\t\t.more-data {\n\t\t\t\t\t\t\t.bootstrap-select {\n\t\t\t\t\t\t\t\t.dropdown-toggle {\n\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background !important;\n\t\t\t\t\t\t\t\t\tborder-color: $transparent-color !important;\n\n\t\t\t\t\t\t\t\t\t.filter-option {\n\t\t\t\t\t\t\t\t\t\tcolor: $light-all-font-color;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// user-cards\n\t\t\t\t\t.social-user-cards {\n\t\t\t\t\t\t.card {\n\t\t\t\t\t\t\t&.social-profile {\n\t\t\t\t\t\t\t\tbackground-blend-mode: overlay;\n\n\t\t\t\t\t\t\t\t.social-details {\n\t\t\t\t\t\t\t\t\t.social-follow {\n\t\t\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\t\t\t+li {\n\t\t\t\t\t\t\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackground-color: $light-all-font-color;\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.user-profile {\n\t\t\t\t\t\t.list-inline {\n\t\t\t\t\t\t\t.border-right {\n\t\t\t\t\t\t\t\tborder-right-color: $dark-card-border !important;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.common-user-image {\n\t\t\t\t\t\t\t.user-image {\n\t\t\t\t\t\t\t\t.avatar {\n\t\t\t\t\t\t\t\t\t.common-align {\n\t\t\t\t\t\t\t\t\t\t>div {\n\t\t\t\t\t\t\t\t\t\t\t.icon-wrapper {\n\t\t\t\t\t\t\t\t\t\t\t\t&#cancelButton {\n\t\t\t\t\t\t\t\t\t\t\t\t\ti {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t.follow {\n\t\t\t\t\t\t\t\t\t\t>div {\n\t\t\t\t\t\t\t\t\t\t\t+div {\n\t\t\t\t\t\t\t\t\t\t\t\tborder-left-color: $dark-card-border;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.social-media {\n\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\tcolor: rgba($white, 0.8);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.user-profile-wrapper {\n\t\t\t\t\t\t&.scope-bottom-wrapper {\n\t\t\t\t\t\t\t.sidebar-left-icons {\n\t\t\t\t\t\t\t\t.nav-item {\n\t\t\t\t\t\t\t\t\t.nav-link {\n\t\t\t\t\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\t\t\t\t\t.product-icons {\n\t\t\t\t\t\t\t\t\t\t\t\ti {\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: rgba($white, 0.8);\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t.product-icons {\n\t\t\t\t\t\t\t\t\t\t\ti {\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.user-notifications {\n\t\t\t\t\t\t\t\tul {\n\t\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\t\t>div {\n\t\t\t\t\t\t\t\t\t\t\tp {\n\t\t\t\t\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.6);\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.setting-wrapper {\n\t\t\t\t\t\t\t\t.form-label {\n\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.product-sidebar {\n\t\t\t\t\t\t.filter-section {\n\t\t\t\t\t\t\t.card {\n\t\t\t\t\t\t\t\tborder: unset;\n\n\t\t\t\t\t\t\t\t.card-header {\n\t\t\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t\t\t\tborder-bottom: unset;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t#viewhtml {\n\t\t\t\t\t\t.render {\n\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\tborder-color: $dark-border-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.wizard-4 {\n\t\t\t\t\t\tul.anchor {\n\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\ta.disabled {\n\t\t\t\t\t\t\t\t\tcolor: $dark-body-background;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.gallery-with-description {\n\t\t\t\t\t\th4 {\n\t\t\t\t\t\t\tcolor: rgba($white, 0.8);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t>div {\n\t\t\t\t\t\t\t\tborder: 1px solid $dark-card-border;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tp {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.jsgrid-grid-header {\n\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\tborder: 1px solid $dark-border-color;\n\t\t\t\t\t}\n\n\t\t\t\t\t.jsgrid-header-row,\n\t\t\t\t\t.jsgrid-filter-row,\n\t\t\t\t\t.jsgrid-insert-row {\n\n\t\t\t\t\t\t>.jsgrid-header-cell,\n\t\t\t\t\t\t>.jsgrid-cell {\n\t\t\t\t\t\t\tbackground: $dark-card-background;\n\t\t\t\t\t\t\tborder: 1px solid $dark-card-border;\n\n\t\t\t\t\t\t\tinput:not(.jsgrid-button) {\n\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t\tborder-color: $dark-border-color;\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t\t\t\t\t&:focus {\n\t\t\t\t\t\t\t\t\toutline: none;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tselect {\n\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\tborder-color: $dark-border-color;\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.jsgrid-insert-row {\n\t\t\t\t\t\t>.jsgrid-cell {\n\t\t\t\t\t\t\tinput:not(.jsgrid-button) {\n\t\t\t\t\t\t\t\tborder: 1px solid $dark-border-color;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.jsgrid-button {\n\t\t\t\t\t\t\t\tbackground-color: unset;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.jsgrid-row {\n\t\t\t\t\t\t>.jsgrid-cell {\n\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.jsgrid-alt-row {\n\t\t\t\t\t\t>.jsgrid-cell {\n\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.jsgrid-cell,\n\t\t\t\t\t.jsgrid-grid-body {\n\t\t\t\t\t\tborder: 1px solid $dark-card-border;\n\t\t\t\t\t}\n\n\t\t\t\t\t.jsgrid-selected-row {\n\t\t\t\t\t\t>.jsgrid-cell {\n\t\t\t\t\t\t\tbackground-color: rgba($white , 0.1);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.jsgrid {\n\t\t\t\t\t\t.jsgrid-pager {\n\t\t\t\t\t\t\t[class*=\"jsgrid-pager\"] {\n\t\t\t\t\t\t\t\tborder: 1px solid $dark-card-border;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.jsgrid-pager-page {\n\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.jsgrid-pager-current-page {\n\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\tfont-weight: 700;\n\t\t\t\t\t}\n\n\t\t\t\t\t.sub-title {\n\t\t\t\t\t\tborder-bottom: 1px solid rgba(255, 255, 255, 0.1);\n\t\t\t\t\t}\n\n\t\t\t\t\t.card {\n\t\t\t\t\t\t.sub-title {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.navs-icon {\n\t\t\t\t\t\tli {\n\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.separator {\n\t\t\t\t\t\t\tborder-bottom: 1px solid $dark-card-border;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.default-according {\n\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t.text-muted {\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color !important;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.navs-icon.default-according.style-1 {\n\t\t\t\t\t\tli {\n\t\t\t\t\t\t\tbutton {\n\t\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\t\tcolor: var(--theme-default) !important;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.nav-list {\n\t\t\t\t\t\t.nav-list-disc {\n\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\t\tcolor: var(--theme-default);\n\n\t\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.navs-dropdown {\n\t\t\t\t\t\t.onhover-show-div {\n\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\tbox-shadow: 0 0 14px 0 $dark-body-background;\n\n\t\t\t\t\t\t\t.navs-icon {\n\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\tp {\n\t\t\t\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\t\tsvg {\n\n\t\t\t\t\t\t\t\t\t\t\tpath,\n\t\t\t\t\t\t\t\t\t\t\tline,\n\t\t\t\t\t\t\t\t\t\t\tpolyline,\n\t\t\t\t\t\t\t\t\t\t\tpolygon,\n\t\t\t\t\t\t\t\t\t\t\trect {\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color !important;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\t\t\t\tsvg {\n\n\t\t\t\t\t\t\t\t\t\t\t\tpath,\n\t\t\t\t\t\t\t\t\t\t\t\tline,\n\t\t\t\t\t\t\t\t\t\t\t\tpolyline,\n\t\t\t\t\t\t\t\t\t\t\t\tpolygon,\n\t\t\t\t\t\t\t\t\t\t\t\trect {\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: var(--theme-default) !important;\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.onhover-dropdown {\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t.onhover-show-div {\n\t\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\t\tborder-bottom: 7px solid $dark-body-background;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.default-according {\n\t\t\t\t\t\t.card {\n\t\t\t\t\t\t\t.btn-link {\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.card-body {\n\t\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.card-body {\n\t\t\t\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.border {\n\t\t\t\t\t\tborder: 1px solid $dark-card-border !important;\n\t\t\t\t\t}\n\n\t\t\t\t\t.border-1 {\n\t\t\t\t\t\tborder: 1px solid $dark-card-border !important;\n\t\t\t\t\t}\n\n\t\t\t\t\t.border-2 {\n\t\t\t\t\t\tborder-color: $dark-body-background !important;\n\t\t\t\t\t}\n\n\t\t\t\t\t.grid-showcase {\n\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t&.border-2 {\n\t\t\t\t\t\t\t\tborder: 2px solid $dark-card-border !important;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.border-3 {\n\t\t\t\t\t\tborder-color: $dark-card-border !important;\n\t\t\t\t\t\tborder-width: 3px !important;\n\t\t\t\t\t}\n\n\t\t\t\t\t.border-4 {\n\t\t\t\t\t\tborder: 4px solid $dark-body-background !important;\n\t\t\t\t\t}\n\n\t\t\t\t\t.border-5 {\n\t\t\t\t\t\tborder: 5px solid $dark-body-background !important;\n\t\t\t\t\t}\n\n\t\t\t\t\t.border-6 {\n\t\t\t\t\t\tborder: 6px solid $dark-body-background !important;\n\t\t\t\t\t}\n\n\t\t\t\t\t.border-7 {\n\t\t\t\t\t\tborder: 7px solid $dark-body-background !important;\n\t\t\t\t\t}\n\n\t\t\t\t\t.border-8 {\n\t\t\t\t\t\tborder: 8px solid $dark-body-background !important;\n\t\t\t\t\t}\n\n\t\t\t\t\t.border-9 {\n\t\t\t\t\t\tborder: 9px solid $dark-body-background !important;\n\t\t\t\t\t}\n\n\t\t\t\t\t.border-10 {\n\t\t\t\t\t\tborder: 10px solid $dark-body-background !important;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Creative card \n\t\t\t\t\t.effective-card {\n\t\t\t\t\t\t.common-hover {\n\t\t\t\t\t\t\t.card-header {\n\t\t\t\t\t\t\t\t&.border-3 {\n\t\t\t\t\t\t\t\t\tborder-bottom-width: 1px !important;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.subtract-border {\n\t\t\t\t\t\t&.border-wrapper {\n\t\t\t\t\t\t\t.helper-common-box {\n\t\t\t\t\t\t\t\t.helper-box {\n\t\t\t\t\t\t\t\t\t&.border-0 {\n\t\t\t\t\t\t\t\t\t\tborder: 0 !important;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&.border-top-0 {\n\t\t\t\t\t\t\t\t\t\tborder-top: 0 !important;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&.border-end-0 {\n\t\t\t\t\t\t\t\t\t\tborder-right: 0 !important;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&.border-bottom-0 {\n\t\t\t\t\t\t\t\t\t\tborder-bottom: 0 !important;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&.border-start-0 {\n\t\t\t\t\t\t\t\t\t\tborder-left: 0 !important;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// Bootstrap table \n\t\t\t\t\t.basic_table {\n\t\t\t\t\t\t.table {\n\n\t\t\t\t\t\t\tthead,\n\t\t\t\t\t\t\ttbody {\n\t\t\t\t\t\t\t\ttr {\n\t\t\t\t\t\t\t\t\t&[class*=\"table-\"] {\n\n\t\t\t\t\t\t\t\t\t\tth,\n\t\t\t\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color !important;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t$border-gradient: primary,\n\t\t\t\t\t\tsecondary,\n\t\t\t\t\t\tsuccess,\n\t\t\t\t\t\tdanger,\n\t\t\t\t\t\twarning,\n\t\t\t\t\t\tinfo,\n\t\t\t\t\t\tlight,\n\t\t\t\t\t\tdark;\n\n\t\t\t\t\t$helper-border-color : $primary-color,\n\t\t\t\t\t$secondary-color,\n\t\t\t\t\t$success-color,\n\t\t\t\t\t$danger-color,\n\t\t\t\t\t$warning-color,\n\t\t\t\t\t$info-color,\n\t\t\t\t\t$light-color,\n\t\t\t\t\t$dark-color;\n\n\t\t\t\t\t@each $var in $border-gradient {\n\t\t\t\t\t\t$i: index($border-gradient, $var);\n\n\t\t\t\t\t\t.b-#{$var} {\n\t\t\t\t\t\t\tborder-color: nth($helper-border-color, $i) !important;\n\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.border-t-#{$var} {\n\t\t\t\t\t\t\tborder-top: 1px solid nth($helper-border-color, $i) !important;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.b-t-#{$var} {\n\t\t\t\t\t\t\tborder-top-color: nth($helper-border-color, $i) !important;\n\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.border-b-#{$var} {\n\t\t\t\t\t\t\tborder-bottom: 1px solid nth($helper-border-color, $i) !important;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.b-b-#{$var} {\n\t\t\t\t\t\t\tborder-bottom-color: nth($helper-border-color, $i) !important;\n\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.border-l-#{$var} {\n\t\t\t\t\t\t\tborder-left-color: nth($helper-border-color, $i) !important;\n\n\t\t\t\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\t\t\t\tborder-left-color: unset !important;\n\t\t\t\t\t\t\t\tborder-right-color: nth($helper-border-color, $i) !important;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.b-l-#{$var} {\n\t\t\t\t\t\t\tborder-color: nth($helper-border-color, $i) !important;\n\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.border-r-#{$var} {\n\t\t\t\t\t\t\tborder-right-color: nth($helper-border-color, $i) !important;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.b-r-#{$var} {\n\t\t\t\t\t\t\tborder-right-color: nth($helper-border-color, $i) !important;\n\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.border-#{$var} {\n\t\t\t\t\t\t\tborder-color: nth($helper-border-color, $i) !important;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.border-primary {\n\t\t\t\t\t\t\tborder-color: $dark-bg-primary !important;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.gradient-border {\n\t\t\t\t\t\t\t.helper-common-box {\n\t\t\t\t\t\t\t\t.helper-box {\n\n\t\t\t\t\t\t\t\t\t&.b-t-dark {\n\t\t\t\t\t\t\t\t\t\tborder-top-color: $bg-dark-color !important;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&.b-b-dark {\n\t\t\t\t\t\t\t\t\t\tborder-bottom-color: $bg-dark-color !important;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&.b-l-dark {\n\t\t\t\t\t\t\t\t\t\tborder-left-color: $bg-dark-color !important;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&.b-r-dark {\n\t\t\t\t\t\t\t\t\t\tborder-right-color: $bg-dark-color !important;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.schedule-calender {\n\t\t\t\t\t\t\t.tab-content {\n\t\t\t\t\t\t\t\t.activity-update {\n\t\t\t\t\t\t\t\t\t>li {\n\t\t\t\t\t\t\t\t\t\t>div {\n\t\t\t\t\t\t\t\t\t\t\tbackground-color: $transparent-color !important;\n\t\t\t\t\t\t\t\t\t\t\tborder-left-width: 4px !important;\n\n\t\t\t\t\t\t\t\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\t\t\t\t\t\t\t\tborder-left: unset !important;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.card-header-right-icon {\n\t\t\t\t\t\t\t\t.btn {\n\t\t\t\t\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// Navigate Links\n\t\t\t\t\t.border-opacity-wrapper {\n\t\t\t\t\t\t.border {\n\t\t\t\t\t\t\tborder-color: rgba($dark-bg-primary , var(--bs-border-opacity)) !important;\n\n\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\tcolor: rgba($white , 0.6);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.bg-opacity-wrapper {\n\t\t\t\t\t\t>div {\n\t\t\t\t\t\t\tbackground-color: rgba($dark-bg-primary, var(--bs-bg-opacity)) !important;\n\n\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\tcolor: $primary-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.link-opacity-wrapper,\n\t\t\t\t\t.underline-opacity-wrapper {\n\t\t\t\t\t\tp {\n\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\tcolor: rgba($dark-bg-primary, var(--bs-link-opacity, 1));\n\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.bg-opacity-wrapper {\n\t\t\t\t\t\t.text-dark {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// Sitemap \n\t\t\t\t\t.sitemap-wrapper {\n\t\t\t\t\t\t.default-sitemap {\n\t\t\t\t\t\t\t.common-flex {\n\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.6);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.sub-title {\n\t\t\t\t\t\t\t\tborder-bottom: thick solid $dark-body-background;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.horizontal-sitemap {\n\t\t\t\t\t\t\t.main-site {\n\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\t>a {\n\t\t\t\t\t\t\t\t\t\tbackground-color: rgba($white, 0.1);\n\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t.main-root {\n\t\t\t\t\t\t\t\t\t\tbackground-color: rgba($white , 0.3);\n\n\t\t\t\t\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.tier-1 {\n\t\t\t\t\t\t\t\tborder-color: $dark-card-border;\n\n\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\t>a:not(.tier-2 li a) {\n\t\t\t\t\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\t\t\t\t\tbackground-color: rgba($white, 0.2);\n\n\t\t\t\t\t\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-card-border;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.tier-2 {\n\t\t\t\t\t\t\t\t\tborder-color: $dark-card-border;\n\n\t\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\t\t>a {\n\t\t\t\t\t\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-card-border;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t.tier-3 {\n\t\t\t\t\t\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.animate-wrapper {\n\t\t\t\t\t\t.card {\n\t\t\t\t\t\t\tbox-shadow: 1px 1px 2px 1px rgba($dark-body-background, 0.9);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.footer {\n\t\t\t\t\tbackground-color: $dark-card-background;\n\n\t\t\t\t\tp,\n\t\t\t\t\tspan {\n\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.custom-select,\n\t\t\t\t.custom-file-label {\n\t\t\t\t\tbackground: $dark-body-background;\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\n\t\t\t\t.footer-fix {\n\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\tborder-top: 1px solid $dark-border-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.note {\n\t\t\t\ttextarea {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.dt-button-info {\n\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\tborder: 1px solid $dark-small-font-color;\n\n\t\t\t\th2 {\n\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tpre {\n\t\t\t\tbackground-color: $dark-border-color;\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\n\t\t\t.scorlled {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t}\n\n\t\t\t.input-group-air {\n\t\t\t\tbox-shadow: 0 3px 20px 0 $dark-border-color;\n\t\t\t}\n\n\t\t\t.input-group-text {\n\t\t\t\tbackground-color: $dark-card-background !important;\n\t\t\t\tborder: 1px solid $dark-card-border;\n\t\t\t\tcolor: rgba($white, 0.6);\n\n\t\t\t\ti {\n\t\t\t\t\tcolor: rgba($white, 0.6);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.input-group-solid {\n\n\t\t\t\t.input-group-text,\n\t\t\t\t.form-control {\n\t\t\t\t\tbackground: $dark-body-background;\n\t\t\t\t\tborder: 1px solid $dark-border-color;\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.semilight-bg-color,\n\t\t\t.header-bg-color {\n\t\t\t\tbackground-color: $white;\n\t\t\t}\n\n\t\t\t.list-group-item {\n\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\tborder: 1px solid rgba($white, 0.3);\n\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t+.list-group-item {\n\t\t\t\t\tborder-top-width: 0;\n\t\t\t\t}\n\n\t\t\t\t&.active {\n\t\t\t\t\tbackground-color: var(--theme-default) !important;\n\t\t\t\t\tborder-color: var(--theme-default);\n\t\t\t\t\tcolor: $white;\n\t\t\t\t}\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tz-index: 1;\n\t\t\t\t\ttext-decoration: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.list-group-flush {\n\t\t\t\t.list-group-item {\n\t\t\t\t\t&:first-child {\n\t\t\t\t\t\tborder-top-color: $transparent-color;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:last-child {\n\t\t\t\t\t\tborder-bottom-color: $transparent-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.list-group-item-action {\n\n\t\t\t\t&:hover:not(.active),\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.contextual-wrapper {\n\t\t\t\t.list-group-item-action {\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tcolor: rgba($white , 0.6);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.list-group-flush {\n\t\t\t\t.list-group-item {\n\t\t\t\t\tborder-left: 0;\n\t\t\t\t\tborder-right: 0;\n\t\t\t\t\tborder-radius: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.dark-list {\n\t\t\t\t.list-group {\n\t\t\t\t\t.border-left-primary {\n\t\t\t\t\t\tborder-left: 4px solid var(--theme-default);\n\n\t\t\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\t\t\tborder-left: unset;\n\t\t\t\t\t\t\tborder-right: 4px solid var(--theme-default);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.border-left-secondary {\n\t\t\t\t\t\tborder-left: 4px solid rgba(var(--theme-secondary),1);\n\t\t\t\t\t}\n\n\t\t\t\t\t.border-left-warning {\n\t\t\t\t\t\tborder-left: 4px solid rgba(var(--theme-warning),1);\n\t\t\t\t\t}\n\n\t\t\t\t\t.border-left-success {\n\t\t\t\t\t\tborder-left: 4px solid $success-color;\n\t\t\t\t\t}\n\n\t\t\t\t\t.border-left-info {\n\t\t\t\t\t\tborder-left: 4px solid $info-color;\n\t\t\t\t\t}\n\n\t\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\t\t[class*=\"border-left-\"] {\n\t\t\t\t\t\t\tborder-left: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.list-group-item-primary {\n\t\t\t\tcolor: #004085;\n\t\t\t\tbackground-color: #b8daff;\n\t\t\t}\n\n\t\t\t.list-group-item-secondary {\n\t\t\t\tcolor: #383d41;\n\t\t\t\tbackground-color: #d6d8db;\n\t\t\t}\n\n\t\t\t.list-group-item-success {\n\t\t\t\tcolor: #155724;\n\t\t\t\tbackground-color: #c3e6cb;\n\t\t\t}\n\n\t\t\t.list-group-item-danger {\n\t\t\t\tcolor: #721c24;\n\t\t\t\tbackground-color: #f5c6cb;\n\t\t\t}\n\n\t\t\t.list-group-item-warning {\n\t\t\t\tcolor: #856404;\n\t\t\t\tbackground-color: #ffeeba;\n\t\t\t}\n\n\t\t\t.list-group-item-info {\n\t\t\t\tcolor: #0c5460;\n\t\t\t\tbackground-color: #bee5eb;\n\t\t\t}\n\n\t\t\t.list-group-item-light {\n\t\t\t\tcolor: #818182;\n\t\t\t\tbackground-color: #fdfdfe;\n\t\t\t}\n\n\t\t\t.list-group-item-dark {\n\t\t\t\tcolor: #1b1e21;\n\t\t\t\tbackground-color: #c6c8ca;\n\t\t\t}\n\n\t\t\t.auth-bg {\n\t\t\t\tbackground-blend-mode: overlay;\n\t\t\t\tbackground-color: rgba(54, 64, 74, 0.9);\n\n\t\t\t\t.authentication-box {\n\t\t\t\t\t.card {\n\t\t\t\t\t\tbackground-color: $dark-card-background;\n\n\t\t\t\t\t\t.theme-form {\n\t\t\t\t\t\t\t.form-group {\n\t\t\t\t\t\t\t\tinput {\n\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t\t\tborder: 1px solid $dark-border-color;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tlabel {\n\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.checkbox {\n\t\t\t\t\t\t\t\tlabel {\n\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t\t\t\tborder: 1px solid $dark-border-color;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\th3,\n\t\t\t\t\th4,\n\t\t\t\t\th6 {\n\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.auth-bg-video {\n\t\t\t\tbackground-blend-mode: overlay;\n\t\t\t\tbackground-color: rgba(54, 64, 74, 0.7);\n\n\t\t\t\t.authentication-box {\n\n\t\t\t\t\th4,\n\t\t\t\t\th3 {\n\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t}\n\n\t\t\t\t\th6 {\n\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t}\n\n\t\t\t\t\t.card {\n\t\t\t\t\t\tbackground-color: $dark-card-background;\n\n\t\t\t\t\t\t.theme-form {\n\t\t\t\t\t\t\t.form-group {\n\n\t\t\t\t\t\t\t\tinput[type=text],\n\t\t\t\t\t\t\t\tinput[type=password] {\n\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t\t\tborder: 1px solid $dark-border-color;\n\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.checkbox {\n\t\t\t\t\t\t\t\tlabel {\n\t\t\t\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t\t\t\tborder: 1px solid $dark-border-color;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.error-wrapper {\n\t\t\t\t.maintenance-icons {\n\t\t\t\t\tli {\n\t\t\t\t\t\ti {\n\t\t\t\t\t\t\tcolor: $dark-border-color;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:nth-child(3) {\n\t\t\t\t\t\t\ti {\n\t\t\t\t\t\t\t\tcolor: $dark-border-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.modal-content {\n\t\t\t\tbackground-color: $dark-card-background;\n\n\t\t\t\t.modal-header {\n\t\t\t\t\tborder-bottom: 1px solid $dark-card-border;\n\n\t\t\t\t\t.close {\n\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.modal-footer {\n\t\t\t\t\tborder-top: 1px solid $dark-card-border;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.comingsoon {\n\t\t\t\tbackground-blend-mode: overlay;\n\t\t\t\tbackground-color: rgba(54, 64, 74, 0.9);\n\n\t\t\t\t.comingsoon-inner {\n\t\t\t\t\th5 {\n\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t}\n\n\t\t\t\t\t.countdown {\n\t\t\t\t\t\tborder-color: $dark-card-border;\n\n\t\t\t\t\t\t.title {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.coming-soon-bottom-link {\n\t\t\t\t\t\ta {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.theme-form {\n\t\t\t\t.login-divider {\n\t\t\t\t\tborder-top: 1px solid $dark-border-color;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tbackground: $dark-border-color;\n\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.authentication-main {\n\t\t\t\tbackground-color: $dark-border-color;\n\n\t\t\t\t.auth-innerright {\n\t\t\t\t\t.reset-password-box {\n\t\t\t\t\t\t.card {\n\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.reset-password-link {\n\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.theme-form {\n\t\t\t\t\t\t\t.form-group {\n\t\t\t\t\t\t\t\tlabel {\n\t\t\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.form-control {\n\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\tborder-color: $dark-border-color;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.opt-box {\n\t\t\t\t\t\t\t\tbackground-color: $dark-border-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t}\n\n\t\t\t\t\t.authentication-box {\n\t\t\t\t\t\th4 {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\th6 {\n\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\th3 {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.card {\n\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\n\t\t\t\t\t\t\t.theme-form {\n\t\t\t\t\t\t\t\t.form-group {\n\n\t\t\t\t\t\t\t\t\tinput[type=text],\n\t\t\t\t\t\t\t\t\tinput[type=password] {\n\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t\t\t\tborder: 1px solid $dark-border-color;\n\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.checkbox {\n\t\t\t\t\t\t\t\t\tlabel {\n\t\t\t\t\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t\t\t\t\tborder: 1px solid $dark-border-color;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.vertical-menu-main {\n\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t}\n\n\t\t\t.mega-menu {\n\t\t\t\t.title {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\tborder-bottom: 1px solid $dark-border-color;\n\t\t\t\t}\n\n\t\t\t\t.list-unstyled {\n\t\t\t\t\tdiv {\n\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.default-according {\n\t\t\t\t.card {\n\t\t\t\t\tbackground-color: $dark-card-background;\n\n\t\t\t\t\t.btn-link {\n\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\tborder: 1px solid $dark-card-border;\n\t\t\t\t\t\t// border-bottom: none;\n\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t}\n\n\t\t\t\t\t.text-muted {\n\t\t\t\t\t\tcolor: $dark-small-font-color !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.bg-primary {\n\t\t\t\t\t.btn-link {\n\t\t\t\t\t\tbackground-color: var(--theme-default);\n\t\t\t\t\t\tborder: 1px solid var(--theme-default);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.bg-secondary {\n\t\t\t\t\t.btn-link {\n\t\t\t\t\t\tbackground-color: rgba(var(--theme-secondary),1);\n\t\t\t\t\t\tborder: 1px solid rgba(var(--theme-secondary),1);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.collapse {\n\t\t\t\t.card-body {\n\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.balance-widget.card-body {\n\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\tbackground-blend-mode: overlay;\n\t\t\t}\n\n\t\t\t@media screen and (max-width: 1660px) {\n\t\t\t\t.caller-img {\n\t\t\t\t\timg {\n\t\t\t\t\t\topacity: 0.7;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t}\n\n\t\t\t@media only screen and (max-width: 1199px) {\n\t\t\t\t.mobile-title {\n\t\t\t\t\t&.d-none {\n\t\t\t\t\t\tborder-bottom: 1px solid $dark-card-border;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.chat-menu {\n\t\t\t\t\tborder-top: 1px solid $dark-border-color;\n\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t}\n\n\t\t\t\t.error-wrapper {\n\t\t\t\t\t.maintenance-icons {\n\t\t\t\t\t\tli {\n\t\t\t\t\t\t\ti {\n\t\t\t\t\t\t\t\tcolor: $dark-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media only screen and (max-width: 575.98px) {\n\t\t\t\t&.compact-sidebar {\n\t\t\t\t\t.page-header {\n\t\t\t\t\t\t.header-wrapper {\n\t\t\t\t\t\t\t.toggle-sidebar {\n\t\t\t\t\t\t\t\tborder-right: 1px solid $light-all-font-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.page-wrapper {\n\n\t\t\t\t\t&.compact-wrapper,\n\t\t\t\t\t&.compact-sidebar {\n\t\t\t\t\t\t.page-header {\n\t\t\t\t\t\t\t.header-wrapper {\n\t\t\t\t\t\t\t\t.toggle-sidebar {\n\t\t\t\t\t\t\t\t\tborder-right: 1px solid $dark-card-border;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.lg-backdrop {\n\t\t\tbackground-color: $dark-body-background;\n\t\t}\n\n\t\t.lg-outer {\n\t\t\t.lg-thumb-outer {\n\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t}\n\t\t}\n\n\t\t.drag {\n\t\t\tbackground-color: $dark-card-background;\n\n\t\t\tform {\n\t\t\t\tbackground: $dark-card-background;\n\t\t\t\tbox-shadow: 0 0 30px $dark-border-color;\n\t\t\t\tborder: 1px dotted $dark-border-color;\n\n\t\t\t\tinput {\n\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\tborder: 1px solid $dark-border-color;\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\n\t\t\t\t.help-block {\n\t\t\t\t\ttext-transform: capitalize;\n\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.draggable {\n\t\t\tinput {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\tborder: 1px solid $dark-border-color;\n\t\t\t}\n\n\t\t\tp {\n\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t}\n\n\t\t\tselect {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\tborder: 1px solid $dark-border-color;\n\t\t\t}\n\n\t\t\t.radio,\n\t\t\t.checkbox {\n\t\t\t\tlabel {\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\tborder: 1px solid $dark-border-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.select2-container--default {\n\t\t\t.select2-results__option[aria-selected=true] {\n\t\t\t\tbackground-color: $dark-card-inbox;\n\t\t\t}\n\n\t\t\t.select2-selection--multiple,\n\t\t\t.select2-selection--single {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\tborder: 1px solid $dark-border-color !important;\n\t\t\t}\n\n\t\t\t.select2-search--inline {\n\t\t\t\t.select2-search__field {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.select2-selection--single {\n\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.select2-search--dropdown {\n\t\t\t\t.select2-search__field {\n\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\tborder: 1px solid $dark-border-color;\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.select2-results__option--highlighted[aria-selected] {\n\t\t\t\tbackground-color: $dark-card-background !important;\n\t\t\t\tcolor: $dark-all-font-color !important;\n\t\t\t}\n\t\t}\n\n\t\t.select2-dropdown {\n\t\t\tbackground-color: $dark-body-background;\n\t\t\tborder: 1px solid $dark-border-color;\n\t\t}\n\n\t\t.select2-container--default.select2-container--disabled {\n\t\t\t.select2-selection--single {\n\t\t\t\tbackground-color: $dark-border-color;\n\t\t\t}\n\t\t}\n\n\t\t.theme-form {\n\t\t\t.form-group {\n\t\t\t\tselect.form-control:not([size]):not([multiple]) {\n\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\tborder-color: $dark-border-color;\n\t\t\t\t}\n\n\t\t\t\tinput[type=text],\n\t\t\t\tinput[type=email],\n\t\t\t\tinput[type=search],\n\t\t\t\tinput[type=password],\n\t\t\t\tinput[type=number],\n\t\t\t\tinput[type=tel],\n\t\t\t\tinput[type=date],\n\t\t\t\tinput[type=datetime-local],\n\t\t\t\tinput[type=time],\n\t\t\t\tinput[type=datetime-local],\n\t\t\t\tinput[type=month],\n\t\t\t\tinput[type=week],\n\t\t\t\tinput[type=url],\n\t\t\t\tinput[type=file],\n\t\t\t\tselect {\n\t\t\t\t\tborder-color: $dark-border-color;\n\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t\t&::-webkit-input-placeholder {\n\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.form-control {\n\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\n\t\t\t\ttextarea {\n\t\t\t\t\tborder-color: $dark-border-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.CodeMirror {\n\t\t\tbackground: $dark-card-background;\n\t\t\tborder: 1px solid $dark-small-font-color;\n\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t.CodeMirror-code {\n\t\t\t\tpre {\n\t\t\t\t\tbackground: $dark-card-background;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.editor-toolbar {\n\t\t\tborder-top: 1px solid $dark-small-font-color;\n\t\t\tborder-left: 1px solid $dark-small-font-color;\n\t\t\tborder-right: 1px solid $dark-small-font-color;\n\n\t\t\ta {\n\t\t\t\tcolor: $dark-all-font-color !important;\n\n\t\t\t\t&:hover,\n\t\t\t\t&.active {\n\t\t\t\t\tbackground: $dark-border-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\ti.separator {\n\t\t\t\tborder-left: 1px solid $dark-small-font-color;\n\t\t\t\tborder-right: 1px solid $dark-small-font-color;\n\t\t\t}\n\n\t\t\t&.fullscreen {\n\t\t\t\t&::before {\n\t\t\t\t\tbackground: linear-gradient(to right, $dark-body-background 0, rgba(0, 0, 0, 0) 100%);\n\t\t\t\t}\n\n\t\t\t\t&::after {\n\t\t\t\t\tbackground: linear-gradient(to right, rgba(0, 0, 0, 0) 0, $dark-body-background 100%);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.editor-toolbar.disabled-for-preview {\n\t\t\ta {\n\t\t\t\t&:not(.no-disable) {\n\t\t\t\t\tbackground: $dark-border-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.editor-preview {\n\t\t\tbackground-color: $dark-card-background;\n\t\t}\n\n\t\t.editor-toolbar.fullscreen,\n\t\t.editor-preview-side {\n\t\t\tbackground: $dark-card-background;\n\t\t\tborder: 1px solid $dark-small-font-color;\n\t\t}\n\n\t\t.u-step {\n\t\t\tbackground: $dark-border-color;\n\n\t\t\t&.active,\n\t\t\t&.current {\n\t\t\t\tbackground: var(--theme-default);\n\t\t\t\tcolor: $white;\n\t\t\t}\n\t\t}\n\n\t\t.u-step-title,\n\t\t.u-pearl-title {\n\t\t\tcolor: $dark-all-font-color;\n\t\t}\n\n\t\t.u-step-number {\n\t\t\tbackground-color: $dark-card-background;\n\t\t}\n\n\t\t.u-pearl {\n\t\t\t&:before {\n\t\t\t\tbackground-color: $dark-border-color;\n\t\t\t}\n\t\t}\n\n\t\t.u-pearl-number,\n\t\t.u-pearl-icon {\n\t\t\tbackground: $dark-body-background;\n\t\t\tborder: 2px solid $dark-body-background;\n\t\t}\n\n\t\t.u-pearl.disabled {\n\n\t\t\t.u-pearl-icon,\n\t\t\t.u-pearl-number {\n\t\t\t\tbackground: $dark-border-color;\n\t\t\t\tborder: 2px solid $dark-border-color;\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\tbackground-color: #334053;\n\t\t\t}\n\t\t}\n\n\t\t.u-pearl.error {\n\t\t\t&:after {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t}\n\t\t}\n\n\t\t.note-editor.note-frame {\n\t\t\tborder-color: $dark-border-color;\n\n\t\t\t.note-editing-area {\n\t\t\t\t.note-editable {\n\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.swal-modal {\n\t\t\tbackground-color: $dark-card-background;\n\n\t\t\t.swal-title {\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\n\t\t\t.swal-text {\n\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t}\n\n\t\t\t.swal-content__input {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\t\t}\n\n\t\t.nav-tabs {\n\t\t\tborder-bottom: 1px solid $dark-card-border;\n\n\t\t\t.nav-link {\n\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t&.active {\n\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\tborder-color: $dark-card-border $dark-card-border $dark-card-background;\n\t\t\t\t}\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tborder-color: $dark-card-border $dark-card-border $dark-card-inbox;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.nav-item.show {\n\t\t\t\t.nav-link {\n\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\tborder-color: $dark-border-color $dark-border-color $dark-card-background;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.nav-primary {\n\n\t\t\t.nav-link {\n\t\t\t\t&.active {\n\t\t\t\t\tbackground-color: var(--theme-default);\n\t\t\t\t}\n\n\t\t\t}\n\n\t\t\t.nav-item.show {\n\t\t\t\t.nav-link {\n\t\t\t\t\tbackground-color: var(--theme-default);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.custom-tab {\n\t\t\t&.nav-tabs {\n\t\t\t\tborder-bottom: none;\n\t\t\t}\n\t\t}\n\n\t\t.bg-navbar {\n\t\t\t.nav {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t}\n\t\t}\n\n\t\t.nav-tabs.nav-bottom {\n\t\t\t.nav-item {\n\t\t\t\t.nav-link {\n\n\t\t\t\t\t&.active,\n\t\t\t\t\t&.focus,\n\t\t\t\t\t&.hover {\n\t\t\t\t\t\tborder-color: $dark-card-background $dark-border-color $dark-border-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.border-tab {\n\t\t\t.nav-link {\n\n\t\t\t\t&.active {\n\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.show {\n\t\t\t\t>.nav-link {\n\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.border-tab.nav-left,\n\t\t.border-tab.nav-right {\n\t\t\t.nav-link {\n\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t&.active {\n\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.show {\n\t\t\t\t>.nav-link {\n\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.border-tab.nav-left.nav-secondary {\n\t\t\t.nav-link {\n\n\t\t\t\t&.active,\n\t\t\t\t&:focus,\n\t\t\t\t&:hover {\n\t\t\t\t\tborder-left-color: rgba(var(--theme-secondary),1);\n\t\t\t\t\tcolor: rgba(var(--theme-secondary),1) !important;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.show>.nav-link {\n\t\t\t\tborder-left-color: rgba(var(--theme-secondary),1);\n\t\t\t\tcolor: rgba(var(--theme-secondary),1) !important;\n\t\t\t}\n\n\t\t\t.nav-item.show {\n\t\t\t\tcolor: rgba(var(--theme-secondary),1) !important;\n\t\t\t\tborder-left-color: rgba(var(--theme-secondary),1);\n\t\t\t}\n\t\t}\n\n\t\t.border-tab.nav-left.nav-success {\n\t\t\t.nav-link {\n\n\t\t\t\t&.active,\n\t\t\t\t&:focus,\n\t\t\t\t&:hover {\n\t\t\t\t\tcolor: $success-color !important;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.show>.nav-link {\n\t\t\t\tborder-left-color: $success-color;\n\t\t\t\tcolor: $success-color !important;\n\t\t\t}\n\n\t\t\t.nav-item.show {\n\t\t\t\tcolor: $success-color !important;\n\t\t\t\tborder-left-color: $success-color;\n\t\t\t}\n\t\t}\n\n\t\t.border-tab.nav-right.nav-info {\n\t\t\t.nav-link {\n\n\t\t\t\t&.active,\n\t\t\t\t&:focus,\n\t\t\t\t&:hover {\n\t\t\t\t\tcolor: $info-color !important;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.show>.nav-link {\n\t\t\t\tborder-left-color: $info-color;\n\t\t\t\tcolor: $info-color !important;\n\t\t\t}\n\n\t\t\t.nav-item.show {\n\t\t\t\tcolor: $info-color !important;\n\t\t\t\tborder-left-color: $info-color;\n\t\t\t}\n\t\t}\n\n\t\t.border-tab.nav-secondary {\n\t\t\t.nav-link {\n\n\t\t\t\t&.active,\n\t\t\t\t&:focus,\n\t\t\t\t&:hover {\n\t\t\t\t\tcolor: rgba(var(--theme-secondary),1) !important;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.nav-item {\n\t\t\t\t&.show {\n\t\t\t\t\tcolor: rgba(var(--theme-secondary),1) !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.border-tab.nav-success {\n\t\t\t.nav-link {\n\n\t\t\t\t&.active,\n\t\t\t\t&:focus,\n\t\t\t\t&:hover {\n\t\t\t\t\tcolor: $success-color !important;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.nav-item {\n\t\t\t\t&.show {\n\t\t\t\t\tcolor: $success-color !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.dropdown-divider {\n\t\t\tborder-top: 1px solid $dark-border-color;\n\t\t}\n\n\t\t.icon-hover-bottom {\n\t\t\tbackground-color: $dark-card-background;\n\t\t\tbox-shadow: 0px 0px 1px 1px $dark-card-border;\n\n\t\t\t.icon-title {\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\n\t\t\tspan {\n\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t}\n\n\t\t\t.form-group {\n\t\t\t\tinput {\n\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\tborder: 1px solid $dark-border-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.icon-first {\n\t\t\t\ti {\n\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.horizontal-icons-tab {\n\t\t\t.nav-tabs {\n\t\t\t\t.nav-item {\n\t\t\t\t\t.nav-link {\n\t\t\t\t\t\tbackground-image: linear-gradient(90deg, transparent 70%, rgba(255, 255, 255, 0.08) 100%);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.arrow-tabs {\n\t\t\t&.bg-navbar {\n\t\t\t\ti {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.bottom-navbar {\n\t\t\t.tab-content {\n\t\t\t\t.tab-paragraph {\n\t\t\t\t\ti {\n\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tul,\n\t\tol,\n\t\tdl,\n\t\tp {\n\t\t\tcolor: $dark-all-font-color;\n\n\t\t\tli,\n\t\t\tdt,\n\t\t\tdd {\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\t\t}\n\n\t\t#cd-timeline {\n\t\t\t&::before {\n\t\t\t\tbackground: $dark-border-color;\n\t\t\t}\n\t\t}\n\n\t\t.timeliny {\n\t\t\tborder-top: 1px solid $dark-border-color;\n\t\t\tborder-bottom: 1px solid $dark-border-color;\n\n\t\t\t&::before {\n\t\t\t\tbackground-color: $white;\n\t\t\t}\n\n\t\t\t.timeliny-dot {\n\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\tborder: 1px solid $white;\n\n\t\t\t\t&::before {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.timeliny-timeline {\n\t\t\t\t.timeliny-timeblock {\n\t\t\t\t\t&.active {\n\t\t\t\t\t\t.timeliny-dot {\n\t\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\t\tbackground-color: $dark-border-color;\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\tborder: none;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&:not(.inactive):not(.active) {\n\t\t\t\t\t\t.timeliny-dot {\n\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\tbackground-color: $white;\n\n\t\t\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.timeliny-dot {\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t\t\tborder: 1px solid $dark-border-color;\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.stroke-dark {\n\t\t\tstroke: $dark-all-font-color !important;\n\t\t}\n\n\t\t// tasks\n\t\t.taskadd {\n\t\t\ttable {\n\t\t\t\ttr {\n\t\t\t\t\ttd {\n\t\t\t\t\t\t.task_title_0 {\n\t\t\t\t\t\t\tcolor: rgba($white, 0.8);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.task-sidebar {\n\t\t\t.form-control {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\tborder-color: $dark-body-background;\n\t\t\t}\n\t\t}\n\n\t\t.todo-wrap {\n\t\t\t&.email-wrap {\n\t\t\t\t.todo-tasks {\n\t\t\t\t\tli {\n\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.user-profile {\n\n\t\t\t.ttl-info {\n\t\t\t\th6 {\n\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t}\n\n\t\t\t\tspan {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.hovercard {\n\t\t\t\t.info {\n\t\t\t\t\t.title {\n\t\t\t\t\t\ta {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.user-image {\n\t\t\t\t\t.avatar {\n\t\t\t\t\t\timg {\n\t\t\t\t\t\t\tborder-color: $dark-card-background;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.icon-wrapper {\n\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.tabs-social {\n\t\t\t\t\tborder-bottom: none !important;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.follow {\n\t\t\t\t.follow-num {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.profile-img-style {\n\t\t\t\t.user-name {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\n\t\t\t\tp {\n\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.introjs-helperLayer {\n\t\t\t// background-color: rgba(54, 64, 74, 0.9);\n\t\t\tborder: rgba($white, 0.5);\n\t\t}\n\n\t\t.introjs-tooltipbuttons {\n\t\t\tborder-color: rgba($white, 0.5);\n\t\t}\n\n\t\t.swal2-container {\n\t\t\t.swal2-actions {\n\t\t\t\t.swal2-confirm {\n\t\t\t\t\tbackground-color: rgba($white , 0.6) !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tdiv:where(.swal2-container) div:where(.swal2-footer) {\n\t\t\tborder-color: $dark-card-border;\n\t\t}\n\n\t\t.jstree-default {\n\n\t\t\t.jstree-node,\n\t\t\t.jstree-icon {\n\t\t\t\tcolor: #455869 !important;\n\t\t\t}\n\n\t\t\t.jstree-anchor {\n\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t}\n\n\t\t\t.jstree-clicked {\n\t\t\t\tcolor: $white;\n\t\t\t\tbackground-color: $transparent-color;\n\t\t\t}\n\n\t\t\t.jstree-hovered {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\tborder: 1px solid $dark-border-color;\n\t\t\t}\n\t\t}\n\n\t\tspan.twitter-typeahead {\n\t\t\t.tt-menu {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\n\t\t\t.tt-suggestion {\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\tborder-top: 1px solid $dark-card-border;\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.typography {\n\t\t\tsmall {\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\t\t}\n\n\t\t.code-box-copy {\n\t\t\tpre {\n\t\t\t\tbackground-color: $dark-body-background;\n\n\t\t\t\tcode {\n\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tpre[class*=\"language-\"] {\n\t\t\t\tborder: 1px solid $dark-border-color;\n\t\t\t}\n\n\t\t\t.code-box-copy__btn {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\tborder: 1px solid $dark-border-color;\n\t\t\t\tcolor: $white;\n\t\t\t}\n\n\t\t\tcode[class*=language-],\n\t\t\tpre[class*=language-] {\n\t\t\t\ttext-shadow: 0px 1px $black;\n\n\t\t\t\t::selection {\n\t\t\t\t\ttext-shadow: none;\n\t\t\t\t\tbackground: $dark-card-background;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\ttable.fixedHeader-floating {\n\t\t\tbackground-color: $dark-body-background;\n\t\t}\n\n\t\t.note {\n\t\t\ttextarea {\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\t\t}\n\n\t\t.dt-button-info {\n\t\t\tbackground-color: $dark-card-background;\n\t\t\tborder: 1px solid $dark-border-color;\n\n\t\t\th2 {\n\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\tborder-bottom: 1px solid $dark-border-color;\n\t\t\t}\n\t\t}\n\n\t\tpre {\n\t\t\tbackground-color: $dark-body-background;\n\t\t}\n\n\t\t#keytable_wrapper,\n\t\t#column-selector_wrapper,\n\t\t#auto-fill_wrapper,\n\t\t#custom-button_wrapper,\n\t\t#class-button_wrapper,\n\t\t#keyboard-btn_wrapper,\n\t\t#multilevel-btn_wrapper,\n\t\t#pagelength-btn_wrapper,\n\t\t#basic-colreorder_wrapper,\n\t\t#state-saving_wrapper,\n\t\t#real-time_wrapper,\n\t\t#basic-fixed-header_wrapper,\n\t\t#fixed-header-footer_wrapper,\n\t\t#export-button_wrapper,\n\t\t#excel-cust-bolder_wrapper,\n\t\t#cust-json_wrapper,\n\t\t#basic-key-table_wrapper,\n\t\t#focus-cell_wrapper,\n\t\t#responsive_wrapper,\n\t\t#new-cons_wrapper,\n\t\t#show-hidden-row_wrapper,\n\t\t#basic-row-reorder_wrapper,\n\t\t#full-row_wrapper,\n\t\t#rest-column_wrapper {\n\t\t\t.dataTables_paginate {\n\t\t\t\tborder: none;\n\t\t\t}\n\t\t}\n\n\t\t#example-style-8_wrapper {\n\n\t\t\ttable.dataTable.stripe,\n\t\t\ttable.dataTable.display {\n\t\t\t\ttbody {\n\t\t\t\t\ttr.odd {\n\t\t\t\t\t\tbackground-color: $dark-border-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.error-wrapper {\n\t\t\tbackground-color: rgba(54, 64, 74, 0.8);\n\n\t\t\t.sub-content {\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\t\t}\n\n\t\t.b-light {\n\t\t\tborder: 1px solid $dark-border-color !important;\n\t\t}\n\n\t\t.modal-content {\n\t\t\tbackground-color: $dark-card-background;\n\n\t\t\t.modal-header {\n\t\t\t\tborder-bottom: 1px solid $dark-card-border;\n\n\t\t\t\t.close {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\tfont-weight: 400;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.ui-front {\n\t\t\t\t.form-control {\n\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\tborder: 1px solid $dark-card-border;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.modal {\n\t\t\t.theme-close {\n\t\t\t\tcolor: $light-all-font-color;\n\t\t\t}\n\t\t}\n\n\t\t.token.atrule,\n\t\t.token.attr-value,\n\t\t.token.keyword {\n\t\t\tcolor: $info-color;\n\t\t}\n\n\t\t.token {\n\n\t\t\t&.boolean,\n\t\t\t&.constant,\n\t\t\t&.deleted,\n\t\t\t&.number,\n\t\t\t&.property,\n\t\t\t&.symbol,\n\t\t\t&.tag {\n\t\t\t\tcolor: $danger-color;\n\t\t\t}\n\t\t}\n\n\t\t.loader-box {\n\t\t\t&.card-loader {\n\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t}\n\t\t}\n\n\t\t.my-gallery {\n\t\t\t&.gallery-with-description {\n\t\t\t\timg {\n\t\t\t\t\tborder: 1px solid $dark-card-border !important;\n\t\t\t\t\tborder-bottom: none !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@each $var in $alert-name {\n\t\t\t$i: index($alert-name, $var);\n\n\t\t\t.alert-#{$var}.inverse {\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\t\t}\n\n\n\t\t.alert-theme {\n\t\t\tspan {\n\t\t\t\t+span {\n\t\t\t\t\t+span {\n\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\ti {\n\t\t\t\tpadding: 20px;\n\t\t\t\tmargin-right: 20px !important;\n\t\t\t}\n\t\t}\n\n\t\t.user-card {\n\t\t\t.user-deatils {\n\t\t\t\th6 {\n\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.card-footer {\n\t\t\t\t>div {\n\t\t\t\t\t&:first-child {\n\t\t\t\t\t\tborder-right: 1px solid $dark-border-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.user-footer {\n\t\t\t\t\th6 {\n\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t}\n\n\t\t\t\t\tsvg {\n\n\t\t\t\t\t\tpath,\n\t\t\t\t\t\trect {\n\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.navigation-option {\n\t\t\tul {\n\t\t\t\tli {\n\t\t\t\t\ta {\n\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.product-box {\n\t\t\t.product-details {\n\t\t\t\th6 {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\n\t\t\t\t>a {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\n\t\t\t\tspan {\n\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.product-img {\n\t\t\t\t.product-hover {\n\t\t\t\t\tul {\n\t\t\t\t\t\tli {\n\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\n\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\tbackground-color: $black;\n\t\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.browse {\n\t\t\t.browse-articles {\n\t\t\t\tul {\n\t\t\t\t\tli {\n\t\t\t\t\t\ta {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@each $btn-name,\n\t\t$btn-color in (primary, var(--theme-default)),\n\t\t(secondary, $secondary-color),\n\t\t(success, $success-color),\n\t\t(danger, $danger-color),\n\t\t(info, $info-color),\n\t\t(light, $light-color),\n\t\t(dark, $dark-color),\n\t\t(warning, $warning-color) {\n\t\t\t.radio-#{$btn-name} {\n\t\t\t\tinput[type=\"radio\"] {\n\t\t\t\t\t&+label {\n\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\tborder-color: $btn-color !important;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\tbackground-color: $btn-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&:checked {\n\t\t\t\t\t\t&+label {\n\t\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t\tborder-color: $btn-color !important;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\t\tbackground-color: $btn-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@each $btn-name,\n\t\t$btn-color in (primary, var(--theme-default)),\n\t\t(secondary, $secondary-color),\n\t\t(success, $success-color),\n\t\t(danger, $danger-color),\n\t\t(info, $info-color),\n\t\t(light, $light-color),\n\t\t(dark, $dark-color),\n\t\t(warning, $warning-color) {\n\t\t\t.checkbox-#{$btn-name} {\n\t\t\t\tlabel {\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tborder-color: $btn-color !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@each $btn-name,\n\t\t$btn-color in (primary, var(--theme-default)),\n\t\t(secondary, $secondary-color),\n\t\t(success, $success-color),\n\t\t(danger, $danger-color),\n\t\t(info, $info-color),\n\t\t(light, $light-color),\n\t\t(dark, $dark-color),\n\t\t(warning, $warning-color) {\n\t\t\t.checkbox-solid-#{$btn-name} {\n\t\t\t\tlabel {\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tbackground-color: $btn-color !important;\n\t\t\t\t\t\tborder-color: $btn-color !important;\n\t\t\t\t\t\tcolor: $white !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tinput[type=\"checkbox\"] {\n\t\t\t\t\t&:checked {\n\t\t\t\t\t\t&+label {\n\t\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t\tbackground-color: $primary-color !important;\n\t\t\t\t\t\t\t\tborder-color: $primary-color !important;\n\t\t\t\t\t\t\t\tcolor: $white !important;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\t\tcolor: $white !important;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.bootstrap-datetimepicker-widget {\n\t\t\tul {\n\t\t\t\tli {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\tborder-bottom: 1px solid $dark-border-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\ttr {\n\n\t\t\t\tth,\n\t\t\t\ttd {\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t}\n\n\t\t\t\t\tspan {\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&.prev,\n\t\t\t\t\t&.next {\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:first-child {\n\t\t\t\t\tth {\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.btn-transparent {\n\t\t\tcolor: $dark-all-font-color;\n\t\t}\n\n\t\t#cal-basic {\n\t\t\t.fc-toolbar {\n\n\t\t\t\t.fc-left,\n\t\t\t\t.fc-right {\n\t\t\t\t\t.fc-next-button {\n\t\t\t\t\t\t.fc-icon-right-single-arrow {\n\t\t\t\t\t\t\t&:after {\n\t\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.fc-prev-button {\n\t\t\t\t\t\t.fc-icon-left-single-arrow {\n\t\t\t\t\t\t\t&:after {\n\t\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.fc-left {\n\t\t\t\t\t.fc-button-group {\n\t\t\t\t\t\t.fc-month-button {\n\t\t\t\t\t\t\tcolor: $white !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.fc-button-group {\n\n\t\t\t.fc-basicWeek-button,\n\t\t\t.fc-basicDay-button,\n\t\t\t.fc-agendaWeek-button,\n\t\t\t.fc-agendaDay-button {\n\t\t\t\tcolor: $black !important;\n\t\t\t}\n\n\t\t\t.fc-month-button {\n\t\t\t\tcolor: $white !important;\n\t\t\t}\n\t\t}\n\n\t\t.visual-button {\n\n\t\t\t.button-light-secondary,\n\t\t\t.button-light-warning,\n\t\t\t.button-light-success {\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\t\t}\n\n\t\t.mix-hover-btn {\n\t\t\t.txt-dark {\n\t\t\t\tcolor: rgba($white , 0.6) !important;\n\t\t\t}\n\t\t}\n\n\t\t.btn-light {\n\t\t\t&:not([disabled]):not(.disabled).active.active {\n\t\t\t\tbackground-color: $dark-body-background !important;\n\t\t\t}\n\n\t\t\t&.disabled,\n\t\t\t&:disabled {\n\t\t\t\tcolor: rgba($theme-body-font-color, 0.5) !important;\n\t\t\t}\n\t\t}\n\n\t\t#cal-agenda-view {\n\t\t\t.fc-toolbar {\n\t\t\t\t.fc-right {\n\t\t\t\t\t.fc-button-group {\n\n\t\t\t\t\t\t.fc-month-button,\n\t\t\t\t\t\t.btn-light {\n\t\t\t\t\t\t\tcolor: $black !important;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.fc-agendaWeek-button {\n\t\t\t\t\t\t\tcolor: $white !important;\n\n\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\tcolor: $black !important;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.basic-calendar,\n\t\t#cal-bg-events,\n\t\t#cal-event-colors {\n\t\t\t.fc-toolbar {\n\t\t\t\t.fc-right {\n\t\t\t\t\t.fc-button-group {\n\n\t\t\t\t\t\t.fc-basicWeek-button,\n\t\t\t\t\t\t.btn-light {\n\t\t\t\t\t\t\tcolor: $black !important;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.fc-month-button {\n\t\t\t\t\t\t\tcolor: $white !important;\n\n\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\tcolor: $black !important;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.categories {\n\t\t\tul {\n\t\t\t\tli {\n\t\t\t\t\ta {\n\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.socialprofile {\n\t\t\t.badge {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t}\n\n\t\t\t.likes-profile {\n\t\t\t\th5 {\n\t\t\t\t\tspan {\n\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tspan {\n\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t}\n\t\t}\n\n\t\t.social-status {\n\t\t\t.d-flex {\n\t\t\t\t.flex-grow-1 {\n\t\t\t\t\tspan {\n\t\t\t\t\t\tcolor: $white;\n\n\t\t\t\t\t\t+span {\n\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.6);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tp,\n\t\t\t\t\t.light-span {\n\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.social-app-profile1 {\n\t\t\t.social-app-profile {\n\t\t\t\t.common-user-image {\n\t\t\t\t\t.user-image {\n\t\t\t\t\t\t.share-icons {\n\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t.social-icon {\n\t\t\t\t\t\t\t\t\t&.bg-primary {\n\t\t\t\t\t\t\t\t\t\ti {\n\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-color;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.todo-wrap {\n\t\t\t&.email-wrap {\n\t\t\t\t.todo-tasks {\n\t\t\t\t\tinput {\n\t\t\t\t\t\tborder-color: rgba($white , 0.1);\n\t\t\t\t\t}\n\n\t\t\t\t\tbutton {\n\t\t\t\t\t\ti {\n\t\t\t\t\t\t\tcolor: $dark-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.filter-cards-view,\n\t\t.timeline-content {\n\t\t\tp {\n\t\t\t\tcolor: rgba($dark-all-font-color, 0.6);\n\t\t\t}\n\n\t\t\t.comment-number {\n\t\t\t\ti {\n\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.comments-box {\n\t\t\t\t.input-group {\n\t\t\t\t\tbackground-color: $dark-body-background;\n\n\t\t\t\t\t.form-control {\n\t\t\t\t\t\tborder: none !important;\n\t\t\t\t\t}\n\n\t\t\t\t\t.input-group-append {\n\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t}\n\n\t\t\t\t\t.input-txt-bx {\n\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.social-chat {\n\t\t\t.flex-grow-1 {\n\t\t\t\tborder: 1px solid $dark-card-border;\n\n\t\t\t\t&:after {\n\t\t\t\t\tborder-right: 7px solid $dark-card-background;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tspan {\n\t\t\t\tspan {\n\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.details-about {\n\t\t\t.your-details {\n\t\t\t\tp {\n\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.activity-log {\n\t\t\t.my-activity {\n\t\t\t\tp {\n\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.bookmark {\n\t\t\tul {\n\t\t\t\tli {\n\t\t\t\t\ta {\n\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.email-wrap {\n\t\t\t.flex-grow-1 {\n\t\t\t\tp {\n\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.6);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.list-persons {\n\t\t\t.profile-mail {\n\t\t\t\t.d-flex {\n\t\t\t\t\t.main-contact-option {\n\t\t\t\t\t\tli {\n\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\tcolor: $dark-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.main-tasks {\n\t\t\t.task-stats {\n\t\t\t\t.common-align {\n\t\t\t\t\tbackground-color: rgba($white , 0.1);\n\n\t\t\t\t\t[class*=bg-] {\n\t\t\t\t\t\ti {\n\t\t\t\t\t\t\tcolor: $dark-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t//index page\n\n\t\t@media only screen and (max-width: 991.98px) {\n\t\t\t.page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {\n\t\t\t\tborder-right: 1px solid $dark-card-border;\n\t\t\t}\n\t\t}\n\n\n\t\t@media only screen and (max-width: 767.98px) {\n\t\t\t.page-wrapper {\n\t\t\t\t&.material-icon {\n\t\t\t\t\t.page-header {\n\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.apexcharts-tooltip.light {\n\t\t\tborder-color: $dark-card-border;\n\t\t\tbackground-color: $dark-body-background;\n\n\t\t\t.apexcharts-tooltip-title {\n\t\t\t\tborder-color: $dark-card-border;\n\t\t\t}\n\n\t\t\t.apexcharts-tooltip-text-label,\n\t\t\t.apexcharts-tooltip-text-value {\n\t\t\t\tcolor: $white;\n\t\t\t}\n\t\t}\n\n\t\t.faq-accordion {\n\t\t\t&.default-according {\n\t\t\t\t.card {\n\t\t\t\t\t.faq-header {\n\t\t\t\t\t\tborder: 0 !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// seller details \n\t\t.seller-order-table {\n\t\t\t.recent-table {\n\t\t\t\tdiv.dt-container {\n\t\t\t\t\t.table {\n\n\t\t\t\t\t\tthead,\n\t\t\t\t\t\ttbody {\n\t\t\t\t\t\t\ttr {\n\n\t\t\t\t\t\t\t\tth,\n\t\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&:nth-child(4) {\n\t\t\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.seller-details-table {\n\t\t\t.recent-table {\n\t\t\t\t.table {\n\n\t\t\t\t\tthead,\n\t\t\t\t\ttbody {\n\t\t\t\t\t\ttr {\n\n\t\t\t\t\t\t\tth,\n\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\t.product-action {\n\t\t\t\t\t\t\t\t\t.square-white {\n\t\t\t\t\t\t\t\t\t\tbox-shadow: unset;\n\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\n\t\t\t\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t\t\t\tfill: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.review-box {\n\t\t\t.seller-profile {\n\t\t\t\t.accordion-button {\n\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\n\t\t\t\t.accordion-item {\n\t\t\t\t\t.accordion-body {\n\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t>div {\n\n\t\t\t\t\t\t\t\th6,\n\t\t\t\t\t\t\t\ti:not(.fill) {\n\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.policies-wrapper {\n\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\tlabel {\n\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.notification-wrapper {\n\t\t\t\t\t\t\t.form-check-label {\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.checkbox-wrapper {\n\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t.form-check-label {\n\t\t\t\t\t\t\t\t\ti {\n\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.review-people {\n\t\t\t\t.review-list {\n\t\t\t\t\tli {\n\t\t\t\t\t\t.people-box {\n\t\t\t\t\t\t\t.people-comment {\n\t\t\t\t\t\t\t\th6 {\n\t\t\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.date-time {\n\t\t\t\t\t\t\t\t\th6 {\n\t\t\t\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.seller-details-wrapper {\n\t\t\t.review-box {\n\t\t\t\t.seller-profile {\n\t\t\t\t\t.accordion-item {\n\t\t\t\t\t\tbackground-color: $dark-card-background;\n\n\t\t\t\t\t\t.accordion-header {\n\t\t\t\t\t\t\t.accordion-button {\n\t\t\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\t\t\tfilter: invert(1);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.md-sidebar {\n\t\t\t\t\t.email-left-aside {\n\t\t\t\t\t\t.card {\n\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.seller-order-table {\n\t\t\t\ttr {\n\t\t\t\t\ttd {\n\t\t\t\t\t\t.square-white {\n\t\t\t\t\t\t\tbackground-color: unset;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// apex chart\n\t\t#radarchart {\n\t\t\t.apexcharts-canvas {\n\t\t\t\t.apexcharts-graphical {\n\t\t\t\t\t.apexcharts-plot-series {\n\t\t\t\t\t\tpolygon {\n\t\t\t\t\t\t\tfill: $dark-body-background;\n\t\t\t\t\t\t\tstroke: $bg-dark-color;\n\n\t\t\t\t\t\t\t&:nth-child(odd) {\n\t\t\t\t\t\t\t\tfill: $dark-card-inbox;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tline {\n\t\t\t\t\t\t\tstroke: $bg-dark-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.apexcharts-radialbar-track {\n\t\t\t&.apexcharts-track {\n\t\t\t\tpath {\n\t\t\t\t\tstroke: $dark-body-background;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// product details \n\t\t.collection-filter-block {\n\t\t\th6 {\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\n\t\t\tul {\n\t\t\t\t&.pro-services {\n\t\t\t\t\tli {\n\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.3);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t}\n\n\t\t.rating-box {\n\t\t\tul {\n\t\t\t\tli {\n\t\t\t\t\t.rating-list {\n\t\t\t\t\t\t.progress {\n\t\t\t\t\t\t\tbackground: $dark-body-background;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.product-rating-box {\n\t\t\t.review-title-2 {\n\t\t\t\tp {\n\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Seller\n\t\t.seller-wrapper {\n\t\t\t.form-check {\n\t\t\t\t.form-check-input {\n\t\t\t\t\t&:valid {\n\t\t\t\t\t\t~.form-check-label {\n\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.3);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Mega options \n\t\t.megaoption-space {\n\t\t\tspan:not(.pull-right) {\n\t\t\t\t&:last-child {\n\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.main-upgrade {\n\t\t\t.variation-box {\n\t\t\t\t.selection-box {\n\t\t\t\t\t.d-flex {\n\t\t\t\t\t\tcolor: $bg-dark-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Alert\n\t\t.dark-alert {\n\t\t\t.alert {\n\t\t\t\tp {\n\t\t\t\t\tcolor: $dark-body-background;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.dark-alert-msg {\n\t\t\t.alert {\n\t\t\t\t&[class*=\"alert-bg-\"] {\n\t\t\t\t\tp {\n\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&[class*=\"alert-bg-\"] {\n\t\t\t\t\t.btn-close {\n\t\t\t\t\t\tfilter: invert(1);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.dark-txt {\n\t\t\tp {\n\t\t\t\tstrong {\n\t\t\t\t\tcolor: $dark-all-font-color !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.live-dark {\n\t\t\t.btn-close {\n\t\t\t\tfilter: initial;\n\t\t\t}\n\t\t}\n\n\t\t.alert-light {\n\t\t\tcolor: $dark-body-background !important;\n\t\t}\n\n\t\t// Rating\n\t\t.heart-rating {\n\t\t\t.rating-text {\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\t\t}\n\n\t\t// Flash Icons\n\t\t.main-animate {\n\t\t\ta {\n\t\t\t\tbackground: rgba($white , 0.1);\n\t\t\t}\n\n\t\t\tsvg {\n\t\t\t\tstroke: $dark-all-font-color;\n\n\t\t\t\t&.fill-icon,\n\t\t\t\t&.fill-secondary {\n\t\t\t\t\tstroke: none;\n\t\t\t\t\tfill: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\ti {\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\n\t\t\t&.heartbeat-wrapper {\n\t\t\t\tsvg {\n\t\t\t\t\tstroke: $danger-color;\n\t\t\t\t}\n\n\t\t\t\ti {\n\t\t\t\t\tcolor: $danger-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.border-pulse-wrapper {\n\t\t\t\ta {\n\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.pulse-wrapper {\n\n\t\t\tsvg,\n\t\t\ti {\n\t\t\t\tanimation: pulse-animate-dark 1s infinite ease;\n\t\t\t}\n\t\t}\n\n\t\t@keyframes pulse-animate-dark {\n\t\t\t0% {\n\t\t\t\tbox-shadow: 0 0 0 0px rgba(0, 0, 0, 0.4);\n\t\t\t}\n\n\t\t\t100% {\n\t\t\t\tbox-shadow: 0 0 0 20px rgba(0, 0, 0, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Dahboard-5\n\t\t.mobile-app-card {\n\n\t\t\t&.social-empower,\n\t\t\t&.upgrade-plan {\n\t\t\t\tbackground: $dark-body-background;\n\t\t\t}\n\t\t}\n\n\t\t.campaign-table {\n\t\t\t.badge-light-light {\n\t\t\t\t&.disabled {\n\t\t\t\t\tcolor: $dark-editor-document;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.twitter {\n\t\t\t\t>div {\n\t\t\t\t\tborder-color: $dark-all-font-color;\n\t\t\t\t}\n\n\t\t\t\t.social-circle {\n\t\t\t\t\tbackground-color: $light-all-font-color;\n\t\t\t\t\tborder-color: $dark-all-font-color;\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Dashboard-6\n\t\t.live-auction-wrapper {\n\t\t\t.product-nft-content {\n\t\t\t\t>div {\n\t\t\t\t\tp {\n\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t&.text-black {\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color !important;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.nft-collection {\n\t\t\t.nft-user-info {\n\t\t\t\t.user-desc {\n\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Dashboard-7\n\t\t.currency-table {\n\t\t\t&.task-table {\n\t\t\t\t.table {\n\t\t\t\t\t.main-task-wrapper {\n\t\t\t\t\t\ttr {\n\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\t.form-check-label {\n\t\t\t\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.icons-box {\n\t\t\t\t\t\t\t\t.square-white {\n\t\t\t\t\t\t\t\t\ti {\n\t\t\t\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.square-white {\n\t\t\t\t\t\t\ti {\n\t\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Tour\n\t\t.hovercard {\n\t\t\t.info {\n\t\t\t\t.follow {\n\t\t\t\t\t.border-end {\n\t\t\t\t\t\tborder-color: $light-all-font-color !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.tour-email {\n\t\t\tspan {\n\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t}\n\t\t}\n\n\t\t// dropdown dark mode\n\n\t\t.dropdown-menu {\n\t\t\tli {\n\t\t\t\t&:first-child {\n\t\t\t\t\t.dropdown-item {\n\t\t\t\t\t\tborder-top-color: $transparent-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.dropdown-item {\n\t\t\t\tborder-top-color: $dark-card-border;\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\topacity: 0.9;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: $dark-card-inbox;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.split-dropdown {\n\t\t\t.dropdown-basic {\n\t\t\t\t.btn-group {\n\t\t\t\t\t.dropdown-menu {\n\t\t\t\t\t\t.dropdown-item {\n\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\tborder-top-color: $dark-border-color;\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\topacity: 0.9;\n\n\t\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\t\tbackground-color: $dark-card-inbox;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.dropdown-basic {\n\t\t\t.dropdown {\n\t\t\t\t.dropdown-content {\n\t\t\t\t\ta {\n\t\t\t\t\t\tborder-top-color: $dark-border-color;\n\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\topacity: 0.9;\n\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tbackground-color: $dark-card-inbox !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.dark-input-type {\n\t\t\t.input-group {\n\n\t\t\t\t.input-group-text {\n\t\t\t\t\tbackground: transparent;\n\t\t\t\t\tborder: unset;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.heading-dropdown {\n\t\t\t.dropdown-menu {\n\t\t\t\t>li {\n\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t>a {\n\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tbtn-group {\n\t\t\t.dropdown-wrapper {\n\t\t\t\t.input-group {\n\t\t\t\t\tborder-top-color: $dark-border-color;\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\topacity: 0.9;\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tbackground-color: $dark-card-inbox;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.helper-cards {\n\t\t\t.dropdown-block {\n\t\t\t\tbackground-color: $dark-card-inbox;\n\n\t\t\t\tli {\n\t\t\t\t\th6 {\n\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t}\n\n\t\t\t\t\t.dropdown-item {\n\t\t\t\t\t\tbackground-color: $transparent-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.dark-dropdown-box {\n\t\t\t.btn-group {\n\t\t\t\t.dropdown-toggle {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.form-wrapper {\n\n\t\t\t&.dark-form,\n\t\t\t&.show {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t}\n\t\t}\n\n\t\t// Accordion dark mode\n\t\t.dark-accordion {\n\t\t\t.accordion-item {\n\t\t\t\tborder: 1px solid $dark-card-border;\n\t\t\t\tbackground-color: $transparent-color;\n\n\t\t\t\t.accordion-collapse {\n\t\t\t\t\tp {\n\t\t\t\t\t\tcolor: $dark-body-background;\n\t\t\t\t\t}\n\n\t\t\t\t\t.accordion-body {\n\t\t\t\t\t\tbackground-color: $dark-card-background;\n\n\t\t\t\t\t\th6 {\n\t\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.collapse-wrapper {\n\t\t\t\tcolor: $dark-body-background;\n\t\t\t}\n\n\t\t\t&.card {\n\t\t\t\tborder-radius: unset;\n\n\t\t\t\t&.card-body {\n\t\t\t\t\t&.mb-0 {\n\t\t\t\t\t\tborder-radius: 15px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.accordion {\n\t\t\t&.dark-accordion {\n\t\t\t\t.accordion-item {\n\t\t\t\t\t.accordion-collapse {\n\t\t\t\t\t\t.accordion-body {\n\t\t\t\t\t\t\t.accordions-content {\n\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tp {\n\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.accordions-content {\n\t\t\tli {\n\t\t\t\tcolor: $dark-card-background;\n\t\t\t}\n\t\t}\n\n\t\t// List dark mode\n\t\t.dark-list {\n\t\t\t.list-group {\n\t\t\t\t.list-group-item {\n\t\t\t\t\t+.list-group-item {\n\t\t\t\t\t\tborder-top-width: 1px;\n\t\t\t\t\t}\n\n\t\t\t\t\t.form-check-input {\n\t\t\t\t\t\tborder: 1px solid $dark-all-font-color;\n\t\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.list-light-dark {\n\t\t\t\tbackground-color: $dark-body-background !important;\n\t\t\t}\n\t\t}\n\n\t\t// Typography dark mode\n\t\t.card-wrapper {\n\t\t\t.sub-title {\n\t\t\t\tborder-bottom: unset !important;\n\t\t\t}\n\t\t}\n\n\t\t.figure {\n\t\t\t&.dark-blockquote {\n\t\t\t\t.blockquote {\n\t\t\t\t\tborder-left-color: var(--theme-default);\n\t\t\t\t\tborder-right-color: var(--theme-default);\n\n\t\t\t\t\tp {\n\t\t\t\t\t\tcolor: $dark-all-font-color !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.typography-list {\n\t\t\t.card-wrapper {\n\t\t\t\tdl {\n\t\t\t\t\tdt {\n\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.8);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// table\n\t\t.datatable-init,\n\t\t.datatable-advance-wrapper,\n\t\t.datatable-api-wrapper,\n\t\t.data-source-wrapper,\n\t\t.autofill-data-tables,\n\t\t.support-ticket-table {\n\t\t\tdiv.dt-container {\n\t\t\t\t&.dt-bootstrap5 {\n\t\t\t\t\ttable {\n\t\t\t\t\t\ttbody {\n\t\t\t\t\t\t\ttr {\n\t\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.8);\n\t\t\t\t\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.basic_table {\n\t\t\t.card-block {\n\t\t\t\t.table {\n\t\t\t\t\t&.light-card {\n\t\t\t\t\t\tbackground-color: rgba($dark-card-inbox, 0.8);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\ttable.table-light {\n\t\t\t\t\t--bs-table-bg: #22262f;\n\n\t\t\t\t\tthead,\n\t\t\t\t\ttbody {\n\t\t\t\t\t\ttr {\n\n\t\t\t\t\t\t\tth,\n\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color !important;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\ttbody {\n\t\t\t\t\t\ttr {\n\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\tbackground-color: $dark-card-inbox !important;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Modal dark mode\n\t\t.dark-sign-up {\n\t\t\t.modal-body {\n\t\t\t\tform {\n\t\t\t\t\t.form-label {\n\t\t\t\t\t\tcolor: $bg-dark-color;\n\t\t\t\t\t}\n\n\t\t\t\t\t.form-check {\n\t\t\t\t\t\t.form-check-label {\n\t\t\t\t\t\t\tcolor: $bg-dark-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.form-control {\n\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.social-profile {\n\t\t\t\tbackground-image: unset;\n\t\t\t\tbackground-color: $dark-body-background;\n\n\t\t\t\t.modal-body {\n\t\t\t\t\tform {\n\t\t\t\t\t\t.form-check {\n\t\t\t\t\t\t\t.form-check-label {\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.form-label {\n\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.modal-dialog {\n\t\t\t.modal-content {\n\t\t\t\t.dark-modal {\n\t\t\t\t\t.large-modal-header {\n\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\th6 {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.large-modal-body {\n\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tp {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.modal-toggle-wrapper {\n\t\t\t.dark-toggle-btn {\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\t\t}\n\n\t\t.social-profile {\n\t\t\tbackground-attachment: fixed;\n\n\t\t\t.social-details {\n\t\t\t\th5 {\n\t\t\t\t\ta {\n\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.md-sidebar {\n\t\t\t.job-sidebar {\n\t\t\t\tbox-shadow: 0px 9px 20px rgba($dark-body-background, 0.7);\n\t\t\t}\n\t\t}\n\n\t\t.job-sidebar {\n\t\t\t.job-accordion {\n\t\t\t\t.card-body {\n\t\t\t\t\t&.animate-chk:not(.filter-cards-view) {\n\t\t\t\t\t\t.form-check {\n\t\t\t\t\t\t\t.form-check-label {\n\t\t\t\t\t\t\t\t.number {\n\t\t\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// File-manager\n\t\t.main-file-sidebar {\n\t\t\t.md-sidebar {\n\t\t\t\t.md-sidebar-aside {\n\t\t\t\t\t.common-sort-card {\n\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.file-manager-grid {\n\t\t\t.freeze-ui {\n\t\t\t\tbackground-color: rgba($dark-body-background, 0.8);\n\t\t\t}\n\n\t\t\t.doc-icon {\n\t\t\t\tcolor: $dark-body-background;\n\n\t\t\t\t&::after {\n\t\t\t\t\t@include file-icon($dark-body-background, var(--dark-light-color), var(--dark-light-color));\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.file {\n\t\t\t\t&:hover {\n\t\t\t\t\t.doc-icon {\n\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\t@include file-icon($dark-body-background, var(--dark-light-color), var(--dark-light-color));\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.item-selected {\n\t\t\t\tbackground-color: $dark-card-inbox;\n\n\t\t\t\t&.file {\n\t\t\t\t\t.doc-icon {\n\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\t@include file-icon($dark-card-inbox, var(--dark-light-color), var(--dark-light-color));\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: $dark-card-inbox;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.common-file-manager {\n\t\t\t.filemanger {\n\t\t\t\t.top-menu {\n\t\t\t\t\tbackground-color: $dark-body-background;\n\n\t\t\t\t\tbutton {\n\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.top-folder-path {\n\t\t\t\t\tbackground-color: $dark-card-background;\n\n\t\t\t\t\t.path-action-btns {\n\t\t\t\t\t\tbutton {\n\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\n\t\t\t\t\t\t\t&:disabled {\n\t\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.folder-path-write {\n\t\t\t\t\t\tbackground-color: $dark-body-background;\n\n\t\t\t\t\t\tbutton {\n\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tinput {\n\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.popup {\n\t\t\t\t.popup-content {\n\t\t\t\t\tbackground-color: $dark-card-background;\n\n\t\t\t\t\tform {\n\t\t\t\t\t\tinput {\n\t\t\t\t\t\t\tbackground-color: $dark-card-inbox;\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.folderEmpty {\n\t\t\t\tbackground-color: rgba($dark-body-background, 0.4);\n\t\t\t}\n\t\t}\n\n\t\t// Common BS Select picker\n\t\t.bootstrap-select {\n\t\t\t.dropdown-toggle {\n\t\t\t\tcolor: $dark-gray;\n\t\t\t\tbackground-color: $dark-body-background !important;\n\t\t\t\tborder-color: $transparent-color !important;\n\t\t\t}\n\n\t\t\t.bs-searchbox {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t}\n\n\t\t\t.no-results {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t}\n\n\t\t\t.dropdown-menu {\n\t\t\t\t.dropdown-header {\n\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t}\n\n\t\t\t\t.dropdown-item {\n\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\tcolor: $dark-all-font-color !important;\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tbackground-color: $dark-body-background !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.form-control {\n\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.discount-options {\n\t\t\t.nav-link {\n\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t}\n\t\t}\n\n\t\t// Dropzone\n\t\t.filepond--drop-label {\n\t\t\t&.filepond--drop-label {\n\t\t\t\tlabel {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.filepond--root {\n\t\t\t.filepond--panel-root {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t}\n\t\t}\n\n\t\t.dropzone {\n\t\t\t&.dropzone-secondary {\n\t\t\t\ti {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.dz-preview {\n\t\t\t\t&.dz-file-preview {\n\t\t\t\t\t.dz-image {\n\t\t\t\t\t\tbackground: linear-gradient(to bottom, $dark-card-inbox, $dark-body-background);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.dz-image-preview {\n\t\t\t\t\tbackground: $transparent-color;\n\t\t\t\t}\n\n\t\t\t\t.dz-details {\n\n\t\t\t\t\t.dz-size,\n\t\t\t\t\t.dz-filename {\n\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\tbackground-color: $transparent-color !important;\n\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.3);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Warning alert for jquery\n\t\t.warning-alert {\n\t\t\tp {\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\n\t\t\t.btn-close {\n\t\t\t\tfilter: invert(1);\n\t\t\t}\n\t\t}\n\n\t\t// helper-classes\n\n\t\t.dark-helper {\n\t\t\tbackground-color: rgba($dark-body-background, 0.4);\n\n\t\t\th6,\n\t\t\tspan {\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\n\t\t\t.text-muted {\n\t\t\t\tcolor: $dark-card-background !important;\n\t\t\t}\n\t\t}\n\n\t\t.font-dark {\n\t\t\tcolor: $dark-all-font-color !important;\n\t\t}\n\n\t\t.helper-common-box {\n\t\t\t.border-common-box {\n\t\t\t\tborder-color: $dark-card-border;\n\t\t\t}\n\n\t\t\t.radius-wrapper {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t}\n\t\t}\n\n\t\t// range-slider \n\t\t.irs-min,\n\t\t.irs-max {\n\t\t\tcolor: $dark-small-font-color;\n\t\t\tbackground-color: $dark-card-inbox;\n\t\t}\n\n\t\t.irs--flat,\n\t\t.irs--square,\n\t\t.irs--round {\n\t\t\t.irs-line {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t}\n\t\t}\n\n\t\t.irs--big,\n\t\t.irs--modern {\n\t\t\t.irs-line {\n\t\t\t\tbackground: $dark-body-background;\n\t\t\t\tborder-color: $dark-card-border;\n\t\t\t}\n\t\t}\n\n\t\t.irs--sharp {\n\t\t\t.irs-line {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t}\n\t\t}\n\n\t\t// Maps\n\t\t.jvectormap-container {\n\n\t\t\t.jvectormap-zoomin,\n\t\t\t.jvectormap-zoomout {\n\t\t\t\tbackground: $dark-body-background;\n\t\t\t}\n\t\t}\n\n\t\t// Divider\n\t\t.linear-divider {\n\t\t\th6 {\n\t\t\t\tcolor: rgba($dark-all-font-color, 0.5);\n\t\t\t}\n\t\t}\n\n\t\t.datatable-init,\n\t\t.datatable-advance-wrapper,\n\t\t.datatable-api-wrapper,\n\t\t.data-source-wrapper,\n\t\t.autofill-data-tables,\n\t\t.support-ticket-table {\n\t\t\tdiv.dt-container {\n\t\t\t\t&.dt-bootstrap5 {\n\n\t\t\t\t\tthead,\n\t\t\t\t\ttfoot {\n\t\t\t\t\t\ttr {\n\t\t\t\t\t\t\tth {\n\t\t\t\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.main-divider {\n\t\t\t.vertical-divider {\n\t\t\t\t.divider-dark-icon {\n\t\t\t\t\tstroke: rgba($white, 0.5);\n\t\t\t\t}\n\n\t\t\t\t.vertical-line {\n\t\t\t\t\tcolor: $dark-card-background;\n\n\t\t\t\t\t&.bg-dark {\n\t\t\t\t\t\tbackground-color: $dark-all-font-color !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.divider-h-line,\n\t\t\t.vr {\n\t\t\t\t&.bg-dark {\n\t\t\t\t\tbackground-color: $dark-all-font-color !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.animated-divider {\n\t\t\t&.animated-line {\n\t\t\t\t&:before {\n\t\t\t\t\tbackground: linear-gradient(90deg, $dark-card-background 0%, $dark-card-background 5%, transparent 5%, transparent 10%, $dark-card-background 10%, $dark-card-background 15%, transparent 15%, transparent 20%, $dark-card-background 20%, $dark-card-background 25%, transparent 25%, transparent 30%, $dark-card-background 30%, $dark-card-background 35%, transparent 35%, transparent 40%, $dark-card-background 40%, $dark-card-background 45%, transparent 45%, transparent 50%, $dark-card-background 50%, $dark-card-background 55%, transparent 55%, transparent 60%, $dark-card-background 60%, $dark-card-background 65%, transparent 65%, transparent 70%, $dark-card-background 70%, $dark-card-background 75%, transparent 75%, transparent 80%, $dark-card-background 80%, $dark-card-background 85%, transparent 85%, transparent 90%, $dark-card-background 90%, $dark-card-background 95%, transparent 95%, transparent 100%);\n\t\t\t\t\tbackground-size: 150px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Ribbons \n\t\t.ribbon-wrapper,\n\t\t.ribbon-wrapper-bottom,\n\t\t.ribbon-vertical-left-wrapper,\n\t\t.ribbon-wrapper-right,\n\t\t.ribbon-vertical-right-wrapper {\n\t\t\t&.alert-light-light {\n\t\t\t\tbackground-color: $dark-card-inbox;\n\t\t\t}\n\t\t}\n\n\t\t// Progress\n\t\tbutton {\n\t\t\t&.progress-btn {\n\t\t\t\tbackground-color: rgba($white, 0.1);\n\t\t\t\tcolor: $white;\n\t\t\t\tborder-color: $dark-card-inbox;\n\t\t\t}\n\t\t}\n\n\t\t.alert-light-primary {\n\t\t\t.txt-primary {\n\t\t\t\tcolor: $primary-color !important;\n\t\t\t}\n\t\t}\n\n\t\t.live-dark {\n\t\t\t.border-left-dark {\n\t\t\t\tbackground-color: rgba($white, 0.1) !important;\n\t\t\t\tborder-left-color: $white !important;\n\t\t\t\tcolor: rgba($white , 0.6) !important;\n\t\t\t}\n\t\t}\n\n\t\t.alert-addition-content {\n\t\t\t.bg-light-primary {\n\t\t\t\tbackground-color: rgba($white, 0.1) !important;\n\t\t\t}\n\t\t}\n\n\t\t.alerts-icon {\n\t\t\t.alert-primary {\n\t\t\t\tbackground-color: rgba($white, 0.1) !important;\n\n\t\t\t\tsvg {\n\t\t\t\t\tstroke: rgba($white , 0.6) !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.progress {\n\t\t\t.bg-primary {\n\t\t\t\tbackground-color: #5D5D5C !important;\n\t\t\t}\n\t\t}\n\n\t\t.page-wrapper {\n\t\t\t.list-group-item {\n\t\t\t\t&.active {\n\t\t\t\t\tbackground-color: rgba($white, 0.1) !important;\n\t\t\t\t\tborder-color: rgba($white, 0.1) !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.review-box {\n\t\t\t.seller-profile {\n\t\t\t\t.accordion-item {\n\t\t\t\t\t.accordion-body {\n\t\t\t\t\t\t.checkbox-wrapper {\n\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t.form-check-input {\n\t\t\t\t\t\t\t\t\t&:checked {\n\t\t\t\t\t\t\t\t\t\t~.form-check-label {\n\t\t\t\t\t\t\t\t\t\t\ti {\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-color;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.bg-light-primary {\n\t\t\tbackground-color: rgba($white, 0.1) !important;\n\t\t}\n\n\t\t.badge-primary {\n\t\t\tbackground-color: rgba($white, 0.1) !important;\n\t\t}\n\n\t\t.badge.bg-primary {\n\t\t\tbackground-color: rgba($white, 0.1) !important;\n\t\t}\n\n\t\t.bg-7-primary {\n\t\t\tbackground-color: rgba($white, 0.1) !important;\n\t\t}\n\n\t\t.bg-20-primary {\n\t\t\tbackground-color: rgba($white, 0.2) !important;\n\t\t}\n\n\t\t.outline-20-primary {\n\t\t\toutline-color: rgba($white, 0.2) !important;\n\t\t}\n\n\t\t.fill-primary {\n\t\t\tfill: rgba($white , 0.6);\n\t\t}\n\n\t\t.btn-light-primary {\n\t\t\t&:hover {\n\t\t\t\tcolor: $dark-color;\n\t\t\t}\n\t\t}\n\n\t\t.btn-primary {\n\t\t\tbackground-color: rgba($white, 0.1) !important;\n\t\t\tborder-color: rgba($white, 0.1) !important;\n\t\t}\n\n\t\t.badge-light-primary {\n\t\t\tbackground-color: rgba($white, 0.1) !important;\n\t\t\tcolor: $dark-all-font-color;\n\t\t}\n\n\t\t.border-dashed-primary {\n\t\t\tborder-color: rgba($white, 0.9) !important;\n\t\t\tcolor: $dark-all-font-color;\n\t\t}\n\n\t\t.link-underline-primary {\n\t\t\ttext-decoration-color: $dark-bg-primary !important;\n\t\t}\n\n\t\t.link-primary {\n\t\t\ttext-decoration-color: rgba($white , 0.6) !important;\n\t\t\tcolor: rgba($white , 0.6) !important;\n\t\t}\n\n\t\t.button-light-primary {\n\t\t\tbackground-color: rgba($white, 0.1) !important;\n\t\t\tborder-color: rgba($white, 0.1) !important;\n\t\t}\n\n\t\t.btn-outline-primary-2x {\n\t\t\tborder-color: rgba($white, 0.1) !important;\n\t\t\tcolor: $white;\n\t\t}\n\n\t\t.btn.bg-primary {\n\t\t\tbackground-color: rgba($white, 0.1) !important;\n\t\t\tborder-color: rgba($white, 0.1) !important;\n\t\t}\n\n\t\t.btn-outline-primary {\n\t\t\tborder-color: rgba($white, 0.1) !important;\n\t\t\tcolor: $white !important;\n\t\t}\n\n\t\t.button-light-dark {\n\t\t\tbackground-color: rgba($white, 0.1) !important;\n\t\t}\n\n\t\t.accordion-light-primary {\n\t\t\tbackground-color: rgba($white, 0.1) !important;\n\t\t}\n\n\t\t.alert-bg-primary {\n\t\t\tbackground-color: rgba($white, 0.1) !important;\n\t\t}\n\n\t\t.card-absolute {\n\t\t\t.bg-primary {\n\t\t\t\tbackground-color: rgba($white, 0.1) !important;\n\t\t\t}\n\t\t}\n\n\t\t.nav-primary {\n\t\t\t.nav-link {\n\t\t\t\t&.active {\n\t\t\t\t\tbackground-color: rgba($white, 0.1) !important;\n\t\t\t\t}\n\n\t\t\t\t&:hover {\n\t\t\t\t\tborder-bottom-color: rgba($white, 0.1) !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.table-inverse {\n\n\t\t\tth,\n\t\t\ttd {\n\t\t\t\tborder-color: $dark-card-border;\n\t\t\t}\n\t\t}\n\n\t\t.main-scrollspy {\n\t\t\t.custom-scrollspy-section {\n\t\t\t\t.nav-pills {\n\t\t\t\t\t.nav-link {\n\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\t.custom-arrow {\n\t\t\t\t\t\t\t\tborder-left-color: rgba($white, 0.1) !important;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.timeline-dot-primary {\n\t\t\tbackground-color: rgba($white, 0.6) !important;\n\t\t\toutline-color: rgba($white, 0.4) !important;\n\t\t}\n\n\t\t.timeline-event-icon {\n\t\t\tbackground-color: rgba($white, 0.6) !important;\n\t\t\toutline-color: rgba($white, 0.4) !important;\n\t\t}\n\n\t\t.timeline-event-wrapper {\n\t\t\t.timeline-thumbnail {\n\t\t\t\tbackground-color: rgba($white, 0.2) !important;\n\t\t\t}\n\t\t}\n\n\t\t.activity-dot-primary {\n\t\t\toutline-color: rgba($white, 0.6) !important;\n\t\t}\n\n\t\t.vertical-line {\n\t\t\tborder-color: $dark-card-border !important;\n\t\t}\n\n\t\t.nav-pills {\n\n\t\t\t.nav-link.active,\n\t\t\t.show>.nav-link {\n\t\t\t\tbackground-color: rgba($white, 0.1) !important;\n\t\t\t}\n\t\t}\n\n\t\t.tab-primary {\n\t\t\t&.active {\n\t\t\t\tborder-bottom-color: rgba($white, 0.1) !important;\n\t\t\t}\n\t\t}\n\n\t\t.arrow-tabs {\n\t\t\t&.bg-navbar {\n\t\t\t\t.nav {\n\t\t\t\t\t.nav-item {\n\t\t\t\t\t\t.nav-link {\n\t\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\t\tbackground-color: rgba($white, 0.1) !important;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Paginations\n\t\t.pagination {\n\t\t\t.page-item {\n\t\t\t\t.page-link {\n\t\t\t\t\t&.rounded-circle {\n\t\t\t\t\t\tcolor: $dark-all-font-color !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.disabled {\n\t\t\t\t\t.page-link {\n\t\t\t\t\t\tborder-color: $dark-card-border !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Timeline\n\t\t.dark-timeline {\n\t\t\t.date-content {\n\t\t\t\tcolor: $dark-all-font-color !important;\n\t\t\t\tbackground-color: $dark-body-background !important;\n\t\t\t}\n\t\t}\n\n\t\t.animated-timeline {\n\t\t\t.timeline-block {\n\t\t\t\t.title {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\n\t\t\t\t&::before {\n\t\t\t\t\tborder: 1px dashed $dark-card-border;\n\t\t\t\t}\n\n\t\t\t\t.timeline-event {\n\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\tborder: 1px dashed $dark-card-border;\n\n\t\t\t\t\t.timeline-desc {\n\t\t\t\t\t\th6 {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tbackground-color: $dark-card-border;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.non-focus {\n\t\t\t\t\t\tbackground-color: rgba($dark-body-background, 0.4);\n\t\t\t\t\t\tborder: 1px dashed rgba($dark-card-border, 0.4);\n\n\t\t\t\t\t\t.timeline-desc {\n\t\t\t\t\t\t\th6 {\n\t\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\tcolor: rgba($light-all-font-color, 0.4);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.timeline-list {\n\n\t\t\t&.timeline-border {\n\t\t\t\tborder-bottom-color: $dark-card-border;\n\t\t\t}\n\t\t}\n\n\t\t.faq-wrap {\n\t\t\t.default-according {\n\t\t\t\t.card {\n\t\t\t\t\t.card-header {\n\t\t\t\t\t\tborder-radius: 10px;\n\n\t\t\t\t\t\t.btn-link {\n\t\t\t\t\t\t\tborder: none;\n\t\t\t\t\t\t\tborder-radius: 10px 10px 0 0;\n\n\t\t\t\t\t\t\t&.collapsed {\n\t\t\t\t\t\t\t\tborder-radius: 10px;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.card-body {\n\t\t\t\t\t\tborder: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Default dashboard\n\t\t.activity-log {\n\t\t\t&.main-timeline {\n\t\t\t\t&.notification {\n\t\t\t\t\t.basic-timeline {\n\t\t\t\t\t\tul {\n\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t.date-content {\n\t\t\t\t\t\t\t\t\tbackground-color: $transparent-color !important;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// dashboard-7\n\t\t.attendance-card {\n\t\t\t.left-overview-content {\n\t\t\t\t.svg-box {\n\t\t\t\t\tbox-shadow: unset;\n\t\t\t\t\tborder: 1px solid $dark-card-border;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// dashboard-8\n\n\t\t.order-details {\n\t\t\t.search-items {\n\t\t\t\t.input-group-text {\n\t\t\t\t\tborder: 1px solid $dark-card-border;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.common-search {\n\t\t\t\t.input-group-text {\n\t\t\t\t\tborder: 1px solid $dark-card-border;\n\t\t\t\t}\n\n\t\t\t\t&.input-group {\n\t\t\t\t\t.form-control {\n\t\t\t\t\t\t&:focus {\n\t\t\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.customer-sticky {\n\t\t\t.border-bottom {\n\t\t\t\tborder-bottom-color: $dark-card-border !important;\n\t\t\t}\n\t\t}\n\n\t\t// Dashboard-9\n\n\t\t.crm-todo-list {\n\t\t\tli {\n\t\t\t\tspan {\n\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.analytics-widget {\n\t\t\tbackground-color: $dark-card-background;\n\t\t\tbackground-blend-mode: darken;\n\t\t}\n\n\t\t// grid \n\t\t.grid-showcase {\n\t\t\tspan {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t}\n\t\t}\n\n\t\t// Ribbons \n\t\t.ribbon-wrapper,\n\t\t.ribbon-wrapper-bottom,\n\t\t.ribbon-vertical-left-wrapper,\n\t\t.ribbon-wrapper-right,\n\t\t.ribbon-vertical-right-wrapper {\n\t\t\t&.alert-light-primary {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t}\n\t\t}\n\n\t\t// Dashboard-10\n\n\t\t// Dashboard-11\n\t\t.widget-11 {\n\t\t\tbackground-blend-mode: color-burn;\n\t\t}\n\n\t\t// Dashboard-12\n\n\t\t// Dashboard-13\n\n\t\t// Settings\n\t\t.main-setting {\n\t\t\t.tab-content {\n\t\t\t\tborder-color: $dark-card-border;\n\n\t\t\t\t.advance-options {\n\t\t\t\t\t.nav-link {\n\t\t\t\t\t\tbackground-color: $transparent-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.nav-link {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\n\t\t\t\tsvg {\n\t\t\t\t\tstroke: rgba($dark-all-font-color, 0.4);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.form-label {\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\n\t\t\t.form-control {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\tborder-color: $dark-body-background;\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\t\t}\n\n\t\t// Multiple select\n\t\t.multiple-selects {\n\t\t\tselect {\n\t\t\t\toption {\n\t\t\t\t\t&:checked {\n\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.autosize-textarea {\n\t\t\t.textarea {\n\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t}\n\n\t\t\t.textarea[contenteditable]:empty::before {\n\t\t\t\tcolor: rgba($dark-all-font-color, 0.2);\n\t\t\t}\n\t\t}\n\n\n\t\t// Timeline\n\t\t.square-timeline {\n\t\t\t&::before {\n\t\t\t\tborder-color: $dark-card-border;\n\t\t\t}\n\n\t\t\t.timeline-event {\n\t\t\t\t.timeline-event-wrapper {\n\t\t\t\t\t.timeline-thumbnail {\n\t\t\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:hover {\n\t\t\t\t\t.timeline-event-wrapper {\n\t\t\t\t\t\t.timeline-thumbnail {\n\t\t\t\t\t\t\tcolor: $dark-body-background;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.rounded-timeline {\n\t\t\t.container {\n\t\t\t\t&::before {\n\t\t\t\t\tbackground: $dark-card-border;\n\t\t\t\t}\n\n\t\t\t\t&::after {\n\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.timeline {\n\t\t\t\t&::after {\n\t\t\t\t\tbackground: $dark-card-border;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\taudio::-webkit-media-controls-play-button,\n\t\taudio::-webkit-media-controls-panel {\n\t\t\tbackground-color: $dark-card-background;\n\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t@media (max-width:335px) {\n\t\t\t\tbackground-color: $transparent-color;\n\t\t\t}\n\t\t}\n\n\t\taudio::-webkit-media-controls-current-time-display,\n\t\taudio::-webkit-media-controls-time-remaining-display {\n\t\t\ttext-shadow: unset;\n\t\t}\n\n\t\taudio::-webkit-media-controls-enclosure {\n\t\t\tbackground: unset;\n\t\t}\n\n\t\t// Project-list\n\t\t.project-cards {\n\t\t\t.project-list {\n\t\t\t\t.main-card-box {\n\t\t\t\t\t.cost-right-data {\n\t\t\t\t\t\tul {\n\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\t\t\tborder-color: rgba($dark-all-font-color, 0.3);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t>.common-space {\n\t\t\t\t\t\tborder-color: rgba($dark-all-font-color, 0.3);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.projects-wrapper {\n\t\t\t\t.list-box {\n\t\t\t\t\t.project-body {\n\t\t\t\t\t\t.progress {\n\t\t\t\t\t\t\tbackground-color: $light-all-font-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Gallery\n\t\t.gallery-description-skeleton {\n\t\t\t.skeleton-wrapper {\n\t\t\t\tborder-color: $dark-card-border;\n\t\t\t}\n\t\t}\n\n\t\t// Jobs\n\t\t.job-accordion {\n\t\t\t.location-checkbox {\n\t\t\t\tlabel {\n\t\t\t\t\tspan {\n\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tspan:not(.number) {\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\n\t\t\t.filter-cards-view,\n\t\t\t.animate-chk {\n\t\t\t\t.form-check {\n\t\t\t\t\t.form-check-label {\n\t\t\t\t\t\t.number {\n\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.job-apply-wrapper {\n\t\t\t.job-description {\n\t\t\t\tinput[type=text] {\n\t\t\t\t\tborder: 1px solid $transparent-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// social-app\n\t\t.social-app-profile {\n\t\t\t.tab-pane {\n\t\t\t\t.job-accordion {\n\t\t\t\t\t.filter-cards-view {\n\t\t\t\t\t\tp {\n\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.6);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.social-app-profile1 {\n\t\t\t.social-app-profile {\n\t\t\t\t.social-friends {\n\t\t\t\t\t.social-profile {\n\t\t\t\t\t\t.card-social {\n\t\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t\tborder-top-color: $dark-card-border;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.social-follow {\n\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t+li {\n\t\t\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t\t\tbackground-color: $light-all-font-color;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.gallery-with-description {\n\t\t\t\t\t.caption {\n\t\t\t\t\t\tul {\n\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t+li {\n\t\t\t\t\t\t\t\t\tborder-left-color: $dark-card-border;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.common-user-image {\n\t\t\t\t\t.tabs-social {\n\t\t\t\t\t\t.nav-item {\n\t\t\t\t\t\t\t.nav-link {\n\t\t\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Projects\n\t\t.main-scope-project {\n\t\t\t.progress-project-box {\n\t\t\t\t.project-body {\n\t\t\t\t\t.progress {\n\t\t\t\t\t\tbackground-color: $light-all-font-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.create-project-form {\n\t\t\t.bootstrap-select {\n\t\t\t\t.dropdown-toggle {\n\t\t\t\t\tborder-color: $dark-body-background !important;\n\t\t\t\t\tbackground-color: $dark-body-background !important;\n\t\t\t\t\tcolor: $light-all-font-color !important;\n\t\t\t\t}\n\n\t\t\t\t.dropdown-menu {\n\t\t\t\t\t.bs-searchbox {\n\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.inner {\n\t\t\t\t\tbackground-color: $dark-body-background;\n\n\t\t\t\t\t.dropdown-menu {\n\t\t\t\t\t\t.no-results {\n\t\t\t\t\t\t\tbackground: $dark-body-background;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.form-control {\n\t\t\t\t&::-webkit-input-placeholder {\n\t\t\t\t\tcolor: var(--body-font-color);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.progress-project-box {\n\t\t\t@include pixelstrap-status(false);\n\t\t}\n\n\t\t.projects-wrapper {\n\t\t\t.project-body {\n\t\t\t\t.project-bottom {\n\t\t\t\t\tp {\n\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.budget-card {\n\t\t\t&.widget-2 {\n\t\t\t\tbackground-blend-mode: color-burn;\n\t\t\t}\n\t\t}\n\n\t\t.filter-header {\n\t\t\t.btn-group {\n\t\t\t\t.dropdown-toggle {\n\t\t\t\t\tborder-color: rgba($dark-card-border, 0.4);\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\n\t\t\t\t.dropdown-menu {\n\t\t\t\t\tli {\n\t\t\t\t\t\t.dropdown-item {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.project-timeline {\n\t\t\t.notification {\n\t\t\t\tul {\n\t\t\t\t\tli {\n\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t\t\t\t.activity-profile {\n\t\t\t\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.upload-doc {\n\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.flowchart-wrapper {\n\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.project-task-note {\n\t\t\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.attach-files-wrapper {\n\t\t\t.upload-files-wrapper {\n\t\t\t\t>div {\n\t\t\t\t\tbackground-color: $dark-body-background;\n\n\t\t\t\t\t.common-space {\n\n\t\t\t\t\t\tp,\n\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.progress {\n\t\t\t\t\t\tbackground: $dark-card-inbox;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.project-budget-wrapper {\n\n\t\t\t.form-check-input,\n\t\t\t.form-control {\n\t\t\t\t&:focus {\n\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.touchspin-wrapper {\n\t\t\t\tbackground-color: rgba($dark-body-background, 0.8);\n\t\t\t}\n\t\t}\n\n\t\t.common-searchbox {\n\t\t\t.input-group-text {\n\t\t\t\tborder: 1px solid $dark-card-border;\n\t\t\t}\n\n\t\t\t.form-control {\n\t\t\t\t&:focus {\n\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.progress-project {\n\t\t\tborder-color: $dark-card-inbox;\n\n\t\t\t.common-space {\n\t\t\t\t.common-align {\n\t\t\t\t\t.badge {\n\t\t\t\t\t\tbackground-color: $bg-dark-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.summary-chart-box {\n\t\t\tbackground-color: $dark-body-background;\n\n\t\t\t.apexcharts-graphical {\n\t\t\t\t.apexcharts-radial-series {\n\t\t\t\t\t.apexcharts-text {\n\t\t\t\t\t\tfill: $dark-all-font-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.scope-bottom-wrapper {\n\t\t\t.sidebar-left-icons {\n\t\t\t\t.nav-item {\n\t\t\t\t\t.nav-link {\n\t\t\t\t\t\t.nav-rounded {\n\t\t\t\t\t\t\t.product-icons {\n\t\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t\tfill: $dark-small-font-color;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&:nth-child(4) {\n\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\tstroke: $dark-small-font-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.common-project-header {\n\t\t\t.common-align {\n\t\t\t\t&:last-child {\n\t\t\t\t\t.common-align {\n\t\t\t\t\t\tli {\n\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\tstroke: $dark-small-font-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.project-pending-table {\n\t\t\t&.recent-table {\n\t\t\t\ttable {\n\n\t\t\t\t\tthead,\n\t\t\t\t\ttbody {\n\t\t\t\t\t\ttr {\n\n\t\t\t\t\t\t\tth,\n\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color !important;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.activity-wrapper {\n\t\t\t.schedule-wrapper {\n\t\t\t\tborder-bottom: unset;\n\t\t\t}\n\n\t\t\t.tab-content {\n\t\t\t\t.activity-update {\n\t\t\t\t\t>li {\n\t\t\t\t\t\tborder-left-color: $dark-card-border;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.invite-member {\n\t\t\tul {\n\t\t\t\tli {\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tstroke: $dark-all-font-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.main-team-box {\n\t\t\t>div {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t}\n\t\t}\n\n\t\t.bg-10-primary {\n\t\t\tbackground-color: rgba($white , 0.1);\n\t\t}\n\n\t\t.team-box {\n\t\t\t&-content {\n\t\t\t\t.common-space {\n\t\t\t\t\t>span {\n\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&-footer {\n\t\t\t\tborder-top-color: $dark-card-border;\n\t\t\t}\n\t\t}\n\n\t\t.cmt-box {\n\t\t\t.form-control {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\tborder-color: $dark-body-background;\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\t\t}\n\n\t\t// Scrollspy\n\t\t.main-scrollspy {\n\t\t\t.experience-section {\n\t\t\t\th6 {\n\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.navbar-scrollspy {\n\t\t\t\t.nav-pills {\n\t\t\t\t\t.nav-item {\n\t\t\t\t\t\t&.dropdown {\n\t\t\t\t\t\t\t.dropdown-menu {\n\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\t.dropdown-item {\n\n\t\t\t\t\t\t\t\t\t\t&.active,\n\t\t\t\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Blog\n\t\t.blog-box {\n\t\t\t.blog-details {\n\t\t\t\tp {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\n\t\t\t\t.blog-social {\n\t\t\t\t\tli {\n\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.6);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.single-blog-content-top {\n\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.blog-date {\n\t\t\t\tcolor: rgba($dark-all-font-color, 0.8);\n\t\t\t}\n\n\t\t\t.blog-details-main {\n\t\t\t\t.blog-social {\n\t\t\t\t\tli {\n\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.blog-bottom-details {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.blog-list {\n\t\t\t.blog-details {\n\t\t\t\th6 {\n\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.comment-box {\n\t\t\t.d-flex {\n\t\t\t\timg {\n\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t}\n\n\t\t\t\th6 {\n\t\t\t\t\tspan {\n\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.6);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.comment-social {\n\t\t\t\tli {\n\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.6);\n\n\t\t\t\t\t&:first-child {\n\t\t\t\t\t\tborder-right-color: $dark-card-border;\n\n\t\t\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\t\t\tborder-left-color: $dark-card-border;\n\t\t\t\t\t\t\tborder-right-color: unset;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.blog-single {\n\t\t\t.blog-details {\n\t\t\t\t.single-blog-content-top {\n\t\t\t\t\tp {\n\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.8);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.comment-box {\n\t\t\t\tp {\n\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.8);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Block-ui\n\t\t.user-profile {\n\n\t\t\t.freeze-ui4,\n\t\t\t.freeze-ui7 {\n\t\t\t\tbackground-color: rgba($dark-body-background, 0.8);\n\t\t\t}\n\n\t\t\t.block-main-wrapper {\n\t\t\t\t.block-wrapper {\n\t\t\t\t\t.freeze-ui {\n\t\t\t\t\t\tbackground-color: rgba($dark-body-background, 0.8);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.overlay-bg {\n\t\t\t\tbackground-color: rgba($dark-body-background, 0.1) !important;\n\t\t\t\topacity: 0.3;\n\t\t\t}\n\t\t}\n\n\t\t.form-main-wrapper {\n\t\t\t.form-block-wrapper {\n\t\t\t\t.form-control {\n\t\t\t\t\t&::placeholder {\n\t\t\t\t\t\tcolor: $light-all-font-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Sweetalert2\n\t\tdiv:where(.swal2-container) input:where(.swal2-input) {\n\t\t\tborder-color: $dark-card-border;\n\t\t}\n\n\t\t.swal2-container {\n\t\t\t.swal2-popup {\n\t\t\t\tbackground: $dark-body-background;\n\n\t\t\t\t.swal2-title {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\n\t\t\t\t.swal2-checkbox {\n\t\t\t\t\tbackground: $transparent-color;\n\t\t\t\t}\n\n\t\t\t\t.form-label,\n\t\t\t\tlabel {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\n\t\t\t\t.form-control {\n\t\t\t\t\tcolor: $light-all-font-color;\n\t\t\t\t}\n\n\t\t\t\t.swal2-html-container {\n\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.swal2-wrapper {\n\n\t\t\t\t.form-control,\n\t\t\t\t.form-select {\n\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.swal2-timer-progress-bar-container {\n\t\t\t\t.swal2-timer-progress-bar {\n\t\t\t\t\tbackground-color: $dark-card-border;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Offcanvas\n\t\t.main-offcanvas-wrapper {\n\t\t\t.card-body {\n\t\t\t\t[class*=\"offcanvas-\"] {\n\t\t\t\t\t.offcanvas-body {\n\t\t\t\t\t\t.input-group-text {\n\t\t\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.form-select,\n\t\t\t\t\t\t.form-control {\n\t\t\t\t\t\t\tcolor: rgba($light-all-font-color, 0.3);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.form-label {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// forms\n\t\t.form-control[type=file]:not(:disabled):not([readonly]) {\n\t\t\tcolor: $dark-all-font-color;\n\t\t\tbackground-color: $dark-body-background;\n\t\t\tborder-color: $dark-card-border;\n\t\t}\n\n\t\t.custom-input {\n\n\t\t\t.form-control,\n\t\t\t.form-select {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\t\t}\n\n\t\t.vertical-main-wizard {\n\t\t\t.header-vertical-wizard {\n\t\t\t\t.nav-link {\n\n\t\t\t\t\t.vertical-wizard {\n\t\t\t\t\t\t.stroke-icon-wizard {\n\t\t\t\t\t\t\tborder-color: $dark-card-border;\n\n\t\t\t\t\t\t\ti {\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&:active,\n\t\t\t\t\t&.active {\n\t\t\t\t\t\t.vertical-wizard {\n\t\t\t\t\t\t\t.vertical-wizard-content {\n\t\t\t\t\t\t\t\th6 {\n\t\t\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.accordion {\n\t\t\t\t.accordion-item {\n\n\t\t\t\t\t.accordion-button {\n\t\t\t\t\t\t&.collapsed {\n\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Dashboard Datatables\n\t\t.default-dashboard,\n\t\t.dashboard-2,\n\t\t.dashboard-3,\n\t\t.dashboard-4,\n\t\t.main-scope-project,\n\t\t.e-category,\n\t\t.list-product-view,\n\t\t.seller-details-wrapper,\n\t\t.common-order-history,\n\t\t.common-cart,\n\t\t.role-permission-wrapper,\n\t\t.user-list-wrapper,\n\t\t.manage-review-wrapper,\n\t\t.candidate-wrapper,\n\t\t.product-report-wrapper,\n\t\t.sale-report-wrapper,\n\t\t.sale-return-wrapper,\n\t\t.customer-order-wrapper,\n\t\t.main-tasks,\n\t\t.subscribed-user,\n\t\t.api-manage {\n\t\t\tdiv.dt-container {\n\t\t\t\t.dt-layout-row {\n\t\t\t\t\t.dt-length {\n\t\t\t\t\t\t.dt-input {\n\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.dt-input {\n\t\t\t\t\t\t\t&:focus-visible {\n\t\t\t\t\t\t\t\toutline: $transparent-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.dataTable {\n\t\t\t\t\t\tinput {\n\t\t\t\t\t\t\t&.dt-select-checkbox {\n\t\t\t\t\t\t\t\t&:indeterminate::after {\n\t\t\t\t\t\t\t\t\tbackground-color: rgba($white, 0.8);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\ttr {\n\t\t\t\t\t\t&.selected {\n\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\tbox-shadow: inset 0 0 0 9999px rgba($white , 0.1);\n\t\t\t\t\t\t\t\tbackground-color: unset;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.dt-layout-cell {\n\t\t\t\t\t\t.dt-info {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.dt-search {\n\t\t\t\t\t\tlabel {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.dt-input {\n\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\toutline: unset;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.dt-paging {\n\t\t\t\t\t\t.dt-paging-button {\n\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\n\t\t\t\t\t\t\t&.current {\n\t\t\t\t\t\t\t\tbackground-color: rgba($white , 0.2);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&.disabled {\n\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\ttable {\n\t\t\t\ttbody {\n\t\t\t\t\ttr {\n\t\t\t\t\t\ttd {\n\n\t\t\t\t\t\t\t.square-white {\n\t\t\t\t\t\t\t\tbox-shadow: unset;\n\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\n\t\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t\tfill: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.scope-light-primary {\n\t\t\tbackground-color: rgba($white , 0.2) !important;\n\t\t}\n\n\t\t.progress-project-box {\n\t\t\t.list-box {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t}\n\t\t}\n\n\t\t.title-line-primary::before {\n\t\t\tbackground-color: rgba($white , 0.6) !important;\n\t\t}\n\n\t\t.product-report-wrapper,\n\t\t.sale-report-wrapper,\n\t\t.sale-return-wrapper,\n\t\t.customer-order-wrapper {\n\t\t\t.flatpickr-input {\n\t\t\t\tspan {\n\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\n\t\t\t\t#rangeButtons {\n\t\t\t\t\tbox-shadow: 0px 0px 28px 6px $dark-body-background;\n\n\t\t\t\t\tbutton {\n\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\tbackground-color: var(--theme-default);\n\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// CKE editor\n\t\t.cke {\n\t\t\t.cke_top {\n\t\t\t\tborder-color: $dark-card-border !important;\n\t\t\t\tbackground-color: $dark-body-background !important;\n\t\t\t}\n\n\t\t\t.cke_button {\n\t\t\t\t.cke_button_icon {\n\t\t\t\t\tfilter: invert(1);\n\t\t\t\t}\n\n\t\t\t\t&:hover {\n\t\t\t\t\t.cke_button_icon {\n\t\t\t\t\t\tfilter: hue-rotate(45deg);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.cke_combo_button {\n\t\t\t\t.cke_combo_text {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\n\t\t\t\t.cke_combo_arrow {\n\t\t\t\t\tborder-top-color: $dark-all-font-color;\n\t\t\t\t}\n\n\t\t\t\t&:hover {\n\t\t\t\t\t.cke_combo_text {\n\t\t\t\t\t\tcolor: $dark-body-background;\n\t\t\t\t\t}\n\n\t\t\t\t\t.cke_combo_arrow {\n\t\t\t\t\t\tborder-top-color: $dark-body-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Cusomer order report\n\t\t.customer-order-wrapper {\n\t\t\t.customer-order-report {\n\t\t\t\t.recent-table {\n\t\t\t\t\ttable {\n\n\t\t\t\t\t\tthead,\n\t\t\t\t\t\ttbody {\n\t\t\t\t\t\t\ttr {\n\n\t\t\t\t\t\t\t\tth,\n\t\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\t\t.customer-details {\n\t\t\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Subscribed User \n\t\t.subscribed-user-wrapper {\n\t\t\t.recent-table {\n\t\t\t\ttable {\n\n\t\t\t\t\tthead,\n\t\t\t\t\ttbody {\n\t\t\t\t\t\ttr {\n\n\t\t\t\t\t\t\tth,\n\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\t.square-white {\n\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\n\t\t\t\t\t\t\t\t\ti {\n\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// API Management \n\t\t.api-management {\n\t\t\t.recent-table {\n\t\t\t\ttable {\n\n\t\t\t\t\tthead,\n\t\t\t\t\ttbody {\n\t\t\t\t\t\ttr {\n\n\t\t\t\t\t\t\tth,\n\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\t.square-l-white {\n\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\n\t\t\t\t\t\t\t\t\ti {\n\t\t\t\t\t\t\t\t\t\tcolor: $light-all-font-color;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Roles and permissions \n\t\t.role-permission-wrapper {\n\t\t\t.permission-form {\n\t\t\t\tul {\n\t\t\t\t\tli {\n\t\t\t\t\t\t.form-check {\n\t\t\t\t\t\t\t.form-check-input {\n\t\t\t\t\t\t\t\t&:valid~.form-check-label {\n\t\t\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// User-list page\n\t\t.user-list-wrapper {\n\t\t\t.user-list-table {\n\t\t\t\ta {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Manage review \n\t\t.manage-review-wrapper {\n\t\t\t.bootstrap-select {\n\t\t\t\t.dropdown-toggle {\n\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4) !important;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.manage-review {\n\t\t\t\t.recent-table {\n\t\t\t\t\ttable {\n\n\t\t\t\t\t\tthead,\n\t\t\t\t\t\ttbody {\n\t\t\t\t\t\t\ttr {\n\n\t\t\t\t\t\t\t\tth,\n\t\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\t\t.common-f-start {\n\t\t\t\t\t\t\t\t\t\t.user-details {\n\t\t\t\t\t\t\t\t\t\t\tp {\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t.customer-review {\n\t\t\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.8);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&.dt-hasChild {\n\t\t\t\t\t\t\t\t\t~ {\n\t\t\t\t\t\t\t\t\t\ttr[data-dt-row] {\n\t\t\t\t\t\t\t\t\t\t\ttbody {\n\t\t\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.right-msg {\n\t\t\t.msg-bubble {\n\t\t\t\tcolor: $dark-color;\n\t\t\t}\n\t\t}\n\n\t\t.left-msg {\n\t\t\t.msg-bubble {\n\t\t\t\tcolor: $white;\n\t\t\t}\n\t\t}\n\n\t\t.msger-inputarea {\n\t\t\t.msger-send-btn {\n\t\t\t\ti {\n\t\t\t\t\tcolor: $dark-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.left-sidebar-wrapper {\n\t\t\t.left-sidebar-chat {\n\t\t\t\t.input-group {\n\t\t\t\t\t.input-group-text {\n\t\t\t\t\t\tbackground-color: $dark-body-background !important;\n\t\t\t\t\t\tborder-color: $dark-body-background !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.advance-options {\n\t\t\t\t.chats-user {\n\t\t\t\t\tli {\n\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\t.chat-time {\n\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\tcolor: $dark-color;\n\t\t\t\t\t\t\t\t\tfont-weight: 600;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tp {\n\t\t\t\t\t\t\t\t\tcolor: $dark-color;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Advance Init table\n\t\ttd.highlight {\n\t\t\tbackground-color: rgba($white , 0.2) !important;\n\t\t\tcolor: $dark-all-font-color !important;\n\t\t}\n\n\t\t// JS Grid table\n\t\t.basic_table {\n\t\t\t&.jsgrid {\n\t\t\t\t.jsgrid-table {\n\t\t\t\t\t.jsgrid-edit-row {\n\t\t\t\t\t\t.jsgrid-cell {\n\t\t\t\t\t\t\tbackground: $dark-editor-document;\n\n\t\t\t\t\t\t\tinput {\n\t\t\t\t\t\t\t\tbackground-color: $dark-datatable-sorting;\n\t\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t\t\tborder: $transparent-color;\n\n\t\t\t\t\t\t\t\t&:focus,\n\t\t\t\t\t\t\t\t&:focus-visible {\n\t\t\t\t\t\t\t\t\toutline-color: $dark-card-border;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Base-input \n\t\t.card-wrapper,\n\t\t.dark-field {\n\t\t\t.form-control {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\t\t}\n\n\t\t.form-control-sm {\n\t\t\tbackground-color: $dark-body-background;\n\t\t\tborder-color: $dark-card-border;\n\t\t}\n\n\t\t.dark-inputs {\n\t\t\t.form-control {\n\t\t\t\t&.btn-square {\n\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t}\n\n\t\t\t\t&.btn-pill {\n\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t}\n\n\t\t\t\t&.input-air-primary {\n\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.horizontal-wizard-wrapper {\n\t\t\t.main-horizontal-header {\n\t\t\t\t.horizontal-options {\n\t\t\t\t\t.nav-link {\n\t\t\t\t\t\t.horizontal-wizard {\n\t\t\t\t\t\t\t.stroke-icon-wizard {\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// dashboard-1\n\t\t.default-dashboard {\n\t\t\t.income-details {\n\t\t\t\t.secondary-light {\n\t\t\t\t\t.income-icon {\n\t\t\t\t\t\tbackground-color: rgba(var(--theme-secondary),1) !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.warning-light {\n\t\t\t\t\t.income-icon {\n\t\t\t\t\t\tbackground-color: rgba(var(--theme-warning),1) !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.info-light {\n\t\t\t\t\t.income-icon {\n\t\t\t\t\t\tbackground-color: $info-color !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.marketing {\n\t\t\t\t.team-active {\n\t\t\t\t\t.team-activities {\n\t\t\t\t\t\tul {\n\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t&:nth-child(3) {\n\t\t\t\t\t\t\t\t\t.circle {\n\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-color !important;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&.secondary-light {\n\t\t\t\t\t\t.active-icon {\n\t\t\t\t\t\t\tbackground-color: rgba(var(--theme-secondary),0.1) !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&.warning-light {\n\t\t\t\t\t\t.active-icon {\n\t\t\t\t\t\t\tbackground-color: rgba(var(--theme-warning),0.1) !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.overview {\n\t\t\t\t.apexcharts-canvas {\n\t\t\t\t\tsvg {\n\t\t\t\t\t\t.apexcharts-inner {\n\t\t\t\t\t\t\t.apexcharts-pie {\n\t\t\t\t\t\t\t\t>g {\n\t\t\t\t\t\t\t\t\tcircle {\n\t\t\t\t\t\t\t\t\t\tfill: rgba($white , 0.1) !important;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.apexcharts-slices {\n\t\t\t\t\t\t\t\t\t.apexcharts-series {\n\t\t\t\t\t\t\t\t\t\tpath {\n\t\t\t\t\t\t\t\t\t\t\tstroke: $dark-card-background !important;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Dashboard-2 \n\t\t.dashboard-2 {\n\t\t\t.income-card {\n\t\t\t\t.d-flex {\n\t\t\t\t\t.income-icon {\n\t\t\t\t\t\t&.bg-primary {\n\t\t\t\t\t\t\tbackground-color: rgba($white , 0.1) !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.total-product {\n\t\t\t\t.d-flex {\n\t\t\t\t\t.income-icon {\n\t\t\t\t\t\t&.bg-primary {\n\t\t\t\t\t\t\tbackground-color: rgba($white , 0.1) !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Dashboard-3\n\t\t.dashboard-3 {\n\t\t\t.total-project {\n\t\t\t\t&.bg-light-primary {\n\t\t\t\t\tbackground-color: rgba($white , 0.1) !important;\n\n\t\t\t\t\t#total-project3 {\n\t\t\t\t\t\t.apexcharts-area-series .apexcharts-area {\n\t\t\t\t\t\t\tstroke: rgba($white , 1);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.d-flex {\n\t\t\t\t\t.project-data {\n\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.daily-task {\n\t\t\t\tli {\n\t\t\t\t\t.tasks-details {\n\t\t\t\t\t\t&.bg-light-primary {\n\t\t\t\t\t\t\tbackground-color: rgba($white , 0.1) !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.general-widgets {\n\t\t\t.income-card {\n\t\t\t\t.d-flex {\n\t\t\t\t\t.income-icon {\n\t\t\t\t\t\t&.bg-primary {\n\t\t\t\t\t\t\tbackground-color: rgba($white , 0.1) !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.total-product {\n\t\t\t\t.d-flex {\n\t\t\t\t\t.income-icon {\n\t\t\t\t\t\t&.bg-primary {\n\t\t\t\t\t\t\tbackground-color: rgba($white , 0.1) !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.marketing {\n\t\t\t\t.team-active {\n\t\t\t\t\t.team-activities {\n\t\t\t\t\t\tul {\n\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t&:nth-child(3) {\n\t\t\t\t\t\t\t\t\t.circle {\n\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-color !important;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&.secondary-light {\n\t\t\t\t\t\t.active-icon {\n\t\t\t\t\t\t\tbackground-color: rgba(var(--theme-warning),0.1) !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&.warning-light {\n\t\t\t\t\t\t.active-icon {\n\t\t\t\t\t\t\tbackground-color: rgba(var(--theme-warning),0.1) !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Touchspin\n\t\t.touchspin-wrapper,\n\t\t.pre-post-touchspin {\n\t\t\tinput[type=\"number\"] {\n\t\t\t\t&.input-touchspin {\n\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// unique checkbox checked\n\t\t.variation-box {\n\t\t\t.selection-box {\n\t\t\t\tinput {\n\t\t\t\t\t&[type=checkbox]:checked~div {\n\t\t\t\t\t\tcolor: $bg-dark-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Datepicker\n\t\t.flatpickr-calendar {\n\t\t\tbox-shadow: unset;\n\n\t\t\t&.arrowTop {\n\t\t\t\t&::before {\n\t\t\t\t\tborder-bottom-color: $dark-body-background;\n\t\t\t\t}\n\n\t\t\t\t&::after {\n\t\t\t\t\tborder-bottom-color: $dark-body-background;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.arrowBottom {\n\t\t\t\t&::before {\n\t\t\t\t\tborder-top-color: $dark-body-background;\n\t\t\t\t}\n\n\t\t\t\t&::after {\n\t\t\t\t\tborder-top-color: $dark-body-background;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.animate {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t}\n\n\t\t\t.flatpickr-months {\n\n\t\t\t\t.flatpickr-prev-month,\n\t\t\t\t.flatpickr-next-month {\n\t\t\t\t\tfill: $dark-all-font-color;\n\t\t\t\t}\n\n\t\t\t\t.flatpickr-monthDropdown-months {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t\t.flatpickr-monthDropdown-month {\n\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.flatpickr-current-month {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.flatpickr-innerContainer {\n\t\t\t\t.flatpickr-days {\n\t\t\t\t\t.flatpickr-day {\n\t\t\t\t\t\t&.inRange {\n\t\t\t\t\t\t\tbackground: $dark-card-inbox;\n\t\t\t\t\t\t\tborder-color: $dark-card-inbox;\n\t\t\t\t\t\t\tbox-shadow: -5px 0 0 $dark-card-inbox, 5px 0 0 $dark-card-inbox;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.flatpickr-weekday {\n\t\t\t\tcolor: rgba($dark-all-font-color, 0.7);\n\t\t\t}\n\n\t\t\t.flatpickr-day {\n\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t&.prevMonthDay {\n\t\t\t\t\tcolor: $light-all-font-color;\n\t\t\t\t}\n\n\t\t\t\t&.nextMonthDay {\n\t\t\t\t\tcolor: $light-all-font-color;\n\t\t\t\t}\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground: $dark-card-inbox;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.flatpickr-time {\n\t\t\t\tborder-top-color: $dark-card-border;\n\n\t\t\t\tinput {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\n\t\t\t\t.flatpickr-am-pm {\n\t\t\t\t\tcolor: $light-all-font-color;\n\t\t\t\t\tbackground: $dark-body-background;\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.flatpickr-time {\n\t\t\tborder: 1px solid $dark-card-inbox;\n\n\t\t\tinput {\n\t\t\t\tbackground: $dark-body-background;\n\t\t\t}\n\t\t}\n\n\t\t.switch-outline {\n\t\t\t.switch input:checked {\n\t\t\t\t+.switch-state {\n\t\t\t\t\t&.bg-primary {\n\t\t\t\t\t\t&:after {\n\t\t\t\t\t\t\tcolor: $dark-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.clipboaard-container {\n\t\t\t.bg-primary {\n\t\t\t\tbackground-color: rgba($white , 0.4) !important;\n\t\t\t}\n\t\t}\n\n\t\t.touchspin-wrapper {\n\t\t\t.btn-touchspin {\n\t\t\t\t&.spin-border-primary {\n\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t\tcolor: rgba($white , 0.6);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.main-inline-calender {\n\t\t\t&.input-group {\n\t\t\t\t.flatpickr-rContainer {\n\t\t\t\t\t.flatpickr-days {\n\t\t\t\t\t\t.dayContainer {\n\t\t\t\t\t\t\t.flatpickr-day {\n\t\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Select2 \n\t\t.tagify__dropdown__item--active {\n\t\t\tbackground-color: $dark-body-background;\n\t\t}\n\n\t\t.tagify__input {\n\t\t\tcolor: $dark-small-font-color;\n\n\t\t\t&::before {\n\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t}\n\n\t\t\t&:focus {\n\t\t\t\t&:empty::before {\n\t\t\t\t\tcolor: $light-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.tagify {\n\t\t\tborder-color: $dark-card-border;\n\t\t\t--tags-focus-border-color: #374558;\n\n\t\t\t.tagify__tag__removeBtn {\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\t\t}\n\n\t\t.tagify__tag {\n\t\t\t--tag-bg: var(--light-bg);\n\t\t\t--tag-hover: var(--light-bg);\n\n\t\t\t>div {\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\t--tag-hover: var(--light-bg);\n\t\t\t}\n\t\t}\n\n\t\t.international-num {\n\t\t\tinput {\n\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t&::placeholder {\n\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.results {\n\t\t\t\tul {\n\t\t\t\t\tborder: 1px solid $dark-card-border;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.iti--allow-dropdown,\n\t\t\tinput {\n\t\t\t\t&:focus {\n\t\t\t\t\toutline: unset;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.selected-box {\n\t\t\tcolor: $dark-all-font-color;\n\t\t}\n\n\t\t.iti__country-list {\n\t\t\tbackground-color: $dark-card-background;\n\t\t}\n\n\t\t.select-box {\n\t\t\t.selection-option {\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: $dark-datatable-sorting-even;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.options-container.active {\n\n\t\t\t\t~ {\n\t\t\t\t\t.search-box {\n\t\t\t\t\t\tinput {\n\t\t\t\t\t\t\tbackground-color: $dark-all-font-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\n\t\t// product-list\n\t\t.list-product-view {\n\t\t\t.list-product {\n\t\t\t\t.recent-table {\n\t\t\t\t\ttable {\n\n\t\t\t\t\t\tthead,\n\t\t\t\t\t\ttbody {\n\t\t\t\t\t\t\ttr {\n\n\t\t\t\t\t\t\t\tth,\n\t\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\t\t.product-action {\n\t\t\t\t\t\t\t\t\t\t.square-white {\n\t\t\t\t\t\t\t\t\t\t\tbox-shadow: unset;\n\t\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// product grid\n\t\t.product-filter {\n\t\t\t.checkbox-animated {\n\t\t\t\t.form-check {\n\t\t\t\t\t.form-check-label {\n\t\t\t\t\t\t.number {\n\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.feature-products {\n\t\t\t.filter-toggle {\n\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t}\n\t\t}\n\n\t\t.product-wrapper {\n\t\t\t.product-grid {\n\t\t\t\t.form-select {\n\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\tbackground-blend-mode: screen;\n\t\t\t\t}\n\n\t\t\t\t.product-wrapper-grid {\n\t\t\t\t\t.product-box {\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tul {\n\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\tbackground-color: $transparent-color;\n\n\t\t\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\t\t\t.btn {\n\t\t\t\t\t\t\t\t\t\t\ti {\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-color;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.modal {\n\t\t\t\t\t\t.modal-header {\n\t\t\t\t\t\t\t.btn-close {\n\t\t\t\t\t\t\t\t@media (max-width:991px) {\n\t\t\t\t\t\t\t\t\tfilter: unset;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.product-box {\n\t\t\t\t\t\t\t\t.product-details {\n\t\t\t\t\t\t\t\t\t.product-size {\n\t\t\t\t\t\t\t\t\t\tul {\n\t\t\t\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\t\t\t\tbackground-color: rgba($white, 0.1);\n\n\t\t\t\t\t\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\t\t\t\t\t\t.btn {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-color;\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// order histroy\n\t\t.common-order-history {\n\t\t\t.order-history-wrapper {\n\t\t\t\t.recent-table {\n\t\t\t\t\ttable {\n\t\t\t\t\t\ttbody {\n\t\t\t\t\t\t\t.square-white {\n\t\t\t\t\t\t\t\tbox-shadow: unset;\n\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\n\t\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t\tfill: $dark-all-font-color;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.coupon-cart {\n\t\t\t.input-group {\n\t\t\t\t.form-control {\n\t\t\t\t\tborder-color: rgba($white , 0.1);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.track-order-details {\n\t\t\t#order-status-timeline {\n\t\t\t\t.main-status-line {\n\t\t\t\t\tul {\n\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t.order-process {\n\t\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t\t\t\tborder-color: $dark-card-border;\n\n\t\t\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.8);\n\n\t\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\t\tcolor: $dark-color;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\th6 {\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.tracking-total {\n\t\t\tli {\n\n\t\t\t\th6,\n\t\t\t\tspan {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.order-details-product {\n\t\t\ttable {\n\t\t\t\ttbody {\n\t\t\t\t\tul {\n\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t&:last-child {\n\n\t\t\t\t\t\t\t\tp,\n\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.customer-details {\n\t\t\th6 {\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\n\t\t\tspan {\n\t\t\t\tcolor: rgba($dark-all-font-color, 0.6);\n\t\t\t}\n\t\t}\n\n\t\t.faq-widgets {\n\t\t\t.flex-grow-1 {\n\t\t\t\th5 {\n\t\t\t\t\tcolor: $dark-color;\n\t\t\t\t}\n\n\t\t\t\tp {\n\t\t\t\t\tcolor: $dark-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tsvg {\n\t\t\t\tcolor: $dark-color;\n\t\t\t}\n\t\t}\n\n\t\t// pricing\n\t\t.pricingtable {\n\t\t\tbox-shadow: 0 0 40px $dark-body-background;\n\t\t}\n\n\t\t.pricing-simple {\n\t\t\t.pricing-content {\n\t\t\t\tli {\n\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Checkout\n\t\t.checkout {\n\t\t\t.checkout-cart {\n\t\t\t\tform {\n\t\t\t\t\t.form-control {\n\t\t\t\t\t\t&::placeholder {\n\t\t\t\t\t\t\tcolor: rgba($white, 0.4);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.shipping-form {\n\t\t\t.checkout-cart {\n\t\t\t\t.basic-wizard {\n\t\t\t\t\t.shipping-wizard {\n\t\t\t\t\t\t.shipping-address {\n\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\tstrong {\n\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.summery-contain {\n\t\t\tborder-bottom-color: $dark-card-border;\n\n\t\t\tli {\n\t\t\t\tborder-bottom-color: $light-all-font-color;\n\n\t\t\t\th6 {\n\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.8);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.summary-total {\n\t\t\tli {\n\t\t\t\th6 {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tborder-top-color: $dark-card-border;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\n\t\t// Wishlist\n\t\t.wishlist-box {\n\t\t\t.wishlist-footer {\n\t\t\t\t.brand-name {\n\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t}\n\n\t\t\t\t.price {\n\t\t\t\t\tdel {\n\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.wishlist-image {\n\t\t\t\t.wishlist-close-btn {\n\t\t\t\t\t.btn {\n\t\t\t\t\t\tbox-shadow: 0 3px 3px rgba($light-all-font-color, 0.1) !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// candidates \n\t\t.candidate-wrapper {\n\t\t\t.candidates-box {\n\t\t\t\t.candidate-desc {\n\t\t\t\t\tli {\n\t\t\t\t\t\tp {\n\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.common-f-start {\n\t\t\t\t\t.attachment {\n\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.educations {\n\t\t\t\t\tp {\n\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.candidate-skill {\n\t\t\t\t\tp {\n\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t}\n\n\t\t\t\t\tspan:not(.badge) {\n\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Buttons \n\t\t[class*=\"button-light-\"] {\n\t\t\tcolor: $dark-all-font-color;\n\t\t}\n\n\t\t.button--winona {\n\t\t\t&:hover {\n\t\t\t\tbackground-color: rgba($light-primary, 0.08);\n\t\t\t}\n\t\t}\n\n\t\t// Cart\n\t\t.cart-buttons {\n\t\t\tli {\n\t\t\t\t.btn {\n\t\t\t\t\t&.btn-hover-effect {\n\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.shopping-cart-table {\n\t\t\t.recent-table {\n\t\t\t\tdiv.dt-container {\n\t\t\t\t\t.table {\n\n\t\t\t\t\t\tthead,\n\t\t\t\t\t\ttbody {\n\n\t\t\t\t\t\t\ttr,\n\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\t.product-names {\n\n\t\t\t\t\t\t\t\t\tp,\n\t\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.product-action {\n\t\t\t\t\t\t\t\t\t.square-white {\n\t\t\t\t\t\t\t\t\t\tbox-shadow: unset;\n\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\n\t\t\t\t\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t\t\t\t\tfilter: opacity(0.3);\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tthead {\n\t\t\t\t\t\t\ttr {\n\t\t\t\t\t\t\t\tth {\n\t\t\t\t\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t\t\t\t\tfill: $dark-small-font-color;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Tables\n\t\t.table-hover {\n\t\t\t>tbody {\n\t\t\t\t>tr:hover {\n\t\t\t\t\t--bs-table-accent-bg: #1d1e26;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Authentication\n\n\t\t.main-qr-code {\n\t\t\t.modal-toggle-wrapper {\n\t\t\t\t.modal-img {\n\t\t\t\t\t.qr-content {\n\t\t\t\t\t\t.alert {\n\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\tborder-color: $dark-card-inbox;\n\n\t\t\t\t\t\t\ti {\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tdiv {\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tform {\n\t\t\t\t\t.form-control {\n\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\tborder-color: $dark-card-inbox;\n\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.authentication-options {\n\t\t\t.radio-wrapper {\n\t\t\t\tli {\n\t\t\t\t\t.form-check-label {\n\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t>span {\n\t\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Typeahead\n\t\t.typeahead-wrapper {\n\t\t\t.theme-form {\n\t\t\t\t.form-control {\n\t\t\t\t\tbackground-color: $dark-body-background !important;\n\t\t\t\t\tborder-color: $dark-body-background !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Mail box\n\t\t.email-main-wrapper {\n\t\t\t.email-right-aside {\n\t\t\t\t.freeze-ui {\n\t\t\t\t\tbackground-color: rgba($dark-body-background, 0.8);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.email-app-sidebar {\n\t\t\t\t.nav-pills {\n\t\t\t\t\t.nav-item {\n\t\t\t\t\t\tul {\n\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.nav-link {\n\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\n\t\t\t\t\t\t&.active,\n\t\t\t\t\t\t&:active {\n\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\tstroke: $dark-all-font-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\tstroke: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.compose-modal {\n\t\t\tform {\n\t\t\t\t.form-control {\n\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.toolbar-box {\n\t\t\tborder-color: $dark-card-border;\n\n\t\t\t.ql-snow {\n\t\t\t\t.ql-stroke {\n\t\t\t\t\tstroke: $dark-small-font-color;\n\t\t\t\t}\n\n\t\t\t\t.ql-tooltip {\n\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\tbox-shadow: unset;\n\t\t\t\t\tborder: 0;\n\n\t\t\t\t\t&.ql-editing {\n\t\t\t\t\t\tinput[type=text] {\n\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\ta {\n\t\t\t\t\tcolor: $light-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.ql-editor.ql-blank::before {\n\t\t\t\tcolor: $light-all-font-color;\n\t\t\t}\n\t\t}\n\n\t\t.email-body {\n\t\t\t.mail-body-wrapper {\n\t\t\t\tul {\n\t\t\t\t\tli {\n\t\t\t\t\t\t.inbox-message {\n\t\t\t\t\t\t\t.email-data {\n\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.email-options {\n\t\t\t\t\t\t\t\ti {\n\t\t\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.important-mail {\n\t\t\t\t\tstroke: rgba($dark-all-font-color, 0.4);\n\t\t\t\t}\n\n\t\t\t\t.user-mail-wrapper {\n\t\t\t\t\t.user-title {\n\t\t\t\t\t\t.inbox-options {\n\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\tstroke: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.inbox-security {\n\t\t\t\t\t\t\tp {\n\t\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.mail-header-wrapper {\n\t\t\t\t.mail-body {\n\t\t\t\t\t.mail-search {\n\t\t\t\t\t\t.form-control {\n\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t\t\t\t&::placeholder {\n\t\t\t\t\t\t\t\tcolor: $light-all-font-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\n\t\t\t\t\t\ti {\n\t\t\t\t\t\t\tcolor: $light-all-font-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.dropdown-menu {\n\t\t\t\t\t\t.dropdown-item {\n\t\t\t\t\t\t\tbackground: $dark-body-background;\n\t\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.mail-body1 {\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tstroke: rgba($dark-all-font-color, 0.6);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.inbox-options {\n\t\t\t.light-square {\n\t\t\t\t&.btn-group {\n\t\t\t\t\t.dropdown-menu {\n\t\t\t\t\t\tbackground: $dark-editor-document;\n\n\t\t\t\t\t\t.dropdown-item {\n\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\tbackground-color: $light-all-font-color;\n\t\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.mail-filters {\n\t\t\tsvg {\n\t\t\t\tstroke: rgba($dark-all-font-color, 0.4);\n\t\t\t}\n\t\t}\n\n\t\t.inbox-security {\n\t\t\tbackground-color: $dark-body-background;\n\t\t}\n\n\t\t// Add-product \n\t\t.flatpicker-calender {\n\t\t\t&.product-date {\n\t\t\t\t.form-control {\n\t\t\t\t\t&.flatpickr-input {\n\t\t\t\t\t\tborder: unset;\n\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.price-wrapper {\n\t\t\t.radio-wrapper {\n\t\t\t\tli {\n\t\t\t\t\t.form-check-input {\n\t\t\t\t\t\tborder: 1px solid $dark-card-border;\n\n\t\t\t\t\t\t~.form-check-label {\n\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\tcolor: $dark-small-font-color;\n\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.product-buttons {\n\t\t\t.btn {\n\n\t\t\t\t&:hover,\n\t\t\t\t&:active {\n\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.8);\n\t\t\t\t}\n\n\t\t\t\tsvg {\n\t\t\t\t\tstroke: rgba($dark-all-font-color, 0.8);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.ql-formats {\n\t\t\t.ql-picker-label {\n\t\t\t\t&::before {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Category page\n\t\t.e-category {\n\t\t\t.form-label {\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\n\t\t\t.form-control {\n\t\t\t\t&::placeholder {\n\t\t\t\t\tcolor: $light-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.main-divider {\n\t\t\t\t.divider-body {\n\t\t\t\t\th6 {\n\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t}\n\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Add product \n\t\t.sidebar-left-wrapper {\n\t\t\t.sidebar-left-icons {\n\t\t\t\t.nav-item {\n\t\t\t\t\t.nav-link {\n\t\t\t\t\t\t.nav-rounded {\n\t\t\t\t\t\t\tbox-shadow: inset 0px 9px 20px 0px rgba($dark-all-font-color, 0.1);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.product-icons {\n\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\tstroke: $dark-all-font-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\t.nav-rounded {\n\t\t\t\t\t\t\t\t.product-icons {\n\t\t\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t\t\tstroke: $dark-color;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tborder-color: rgba($dark-all-font-color, 0.15);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.common-form {\n\t\t\t.product-buttons {\n\t\t\t\t.btn {\n\t\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// list-product\n\t\t.list-product {\n\t\t\t&.list-category {\n\t\t\t\t.square-white {\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tfill: $dark-all-font-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.datatable-pagination {\n\t\t\t\t.datatable-active {\n\t\t\t\t\t.datatable-pagination-list-item-link {\n\t\t\t\t\t\tbackground-color: var(--theme-default);\n\t\t\t\t\t\tcolor: var(--white);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.datatable-pagination-list-item-link {\n\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.datatable-input {\n\t\t\t\t&:focus {\n\t\t\t\t\toutline: unset;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.datatable-selector {\n\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t}\n\t\t}\n\n\t\t// tables\n\t\t.table {\n\t\t\t--bs-table-bg: trasparnt;\n\n\t\t\tcaption {\n\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t}\n\t\t}\n\n\t\t// Grid\n\t\t.grid-footer {\n\t\t\ttable {\n\t\t\t\ttbody {\n\t\t\t\t\ttr {\n\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Tree view\n\t\t.tree-view {\n\t\t\t.light-background {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t}\n\n\t\t\t.list-light-primary {\n\t\t\t\tbackground-color: rgba($primary-color, 0.2);\n\t\t\t}\n\n\t\t\t.nested-1 {\n\t\t\t\tbackground-color: rgba($primary-color, 0.03);\n\t\t\t}\n\n\t\t\t.nested-2 {\n\t\t\t\tbackground-color: rgba($primary-color, 0.05);\n\t\t\t}\n\n\t\t\t.nested-3 {\n\t\t\t\tbackground-color: rgba($primary-color, 0.07);\n\t\t\t}\n\n\t\t\t.nested-4 {\n\t\t\t\tbackground-color: rgba($primary-color, 0.09);\n\t\t\t}\n\t\t}\n\n\t\t// private-chat\n\t\t.contact-edit {\n\t\t\tsvg {\n\t\t\t\tstroke: $dark-all-font-color;\n\t\t\t}\n\t\t}\n\n\t\t.left-sidebar-wrapper {\n\t\t\t.left-sidebar-chat {\n\t\t\t\t.input-group {\n\t\t\t\t\t.input-group-text {\n\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t}\n\n\t\t\t\t\t.form-control {\n\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\tborder: unset;\n\t\t\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t\t\t&::placeholder {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.advance-options {\n\t\t\t\t.chats-user {\n\t\t\t\t\tspan {\n\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.search-contacts {\n\t\t\t.form-control {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\tborder-color: $dark-card-border;\n\t\t\t\tcolor: $light-all-font-color;\n\n\t\t\t\t&::placeholder {\n\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.right-sidebar-title {\n\t\t\tspan {\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\t\t}\n\n\t\t.msger-inputarea {\n\t\t\t.chat-icon {\n\t\t\t\tdiv {\n\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.right-sidebar-Chats {\n\t\t\t.msger-inputarea {\n\t\t\t\tbackground: $dark-body-background;\n\t\t\t}\n\n\t\t\t.msger-input {\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.left-msg {\n\t\t\t.msg-bubble {\n\t\t\t\tbackground: $dark-body-background;\n\t\t\t}\n\t\t}\n\n\t\t.fg-emoji-picker-search {\n\n\t\t\tinput,\n\t\t\t.fg-emoji-picker-search-icon {\n\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t}\n\t\t}\n\n\t\t.fg-emoji-picker-category-title {\n\t\t\tbackground-color: $dark-body-background;\n\t\t\tborder-bottom: 1px solid $dark-card-border;\n\t\t}\n\n\t\t.fg-emoji-container {\n\n\t\t\t.fg-emoji-nav {\n\t\t\t\tbackground-color: $dark-body-background;\n\n\t\t\t\tul {\n\t\t\t\t\tborder-bottom-color: $dark-card-border;\n\t\t\t\t}\n\n\t\t\t\tli {\n\n\t\t\t\t\t&.emoji-picker-nav-active,\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\ta {\n\t\t\t\t\t\t\tbackground-color: $dark-card-inbox;\n\n\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\tfill: $white;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.fg-emoji-list {\n\t\t\t\tbackground-color: $dark-body-background;\n\n\t\t\t\tli {\n\t\t\t\t\ta {\n\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Companies\n\t\t.main-companies {\n\t\t\t.filter-companies {\n\t\t\t\t.accordion-item {\n\t\t\t\t\tbackground-color: unset;\n\n\t\t\t\t\t.product-filter {\n\t\t\t\t\t\tlabel {\n\t\t\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.accordion-header {\n\t\t\t\t\t\t.accordion-button {\n\t\t\t\t\t\t\t&.collapsed {\n\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\ttransition: all 0.4s ease;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.accordion-body {\n\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.company-box {\n\t\t\t.company-name {\n\t\t\t\t.company-desc {\n\t\t\t\t\tborder-top-color: $dark-card-border;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.filter-companies {\n\t\t\t.accordion-item {\n\t\t\t\t.accordion-header {\n\t\t\t\t\t.accordion-button {\n\t\t\t\t\t\tbackground-color: rgba($white , 0.1);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.company-box {\n\t\t\t.company-name {\n\t\t\t\t.company-desc {\n\t\t\t\t\tp {\n\t\t\t\t\t\tcolor: rgba($white , 0.6);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Add-post \n\t\t.add-post {\n\t\t\tform {\n\n\t\t\t\tlabel,\n\t\t\t\t.col-form-label {\n\t\t\t\t\tcolor: $dark-small-font-color;\n\t\t\t\t}\n\n\t\t\t\t.form-control {\n\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\tborder: unset;\n\n\t\t\t\t\t&::placeholder {\n\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.ql-container {\n\t\t\t&.ql-snow {\n\t\t\t\t.ql-editor {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.box-layout {\n\t\t\t.page-wrapper {\n\t\t\t\t.page-header {\n\t\t\t\t\tbackground-color: $transparent-color;\n\n\t\t\t\t\t.header-wrapper {\n\t\t\t\t\t\tborder: 1px solid $dark-card-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.page-body-wrapper {\n\t\t\t\t\tbackground-color: $transparent-color;\n\t\t\t\t}\n\n\t\t\t\t&.modern-type {\n\t\t\t\t\t.page-body-wrapper {\n\t\t\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&.dark-sidebar {\n\t\t.toggle-sidebar {\n\t\t\tsvg {\n\t\t\t\tcolor: $white;\n\t\t\t}\n\t\t}\n\n\t\t.page-wrapper {\n\t\t\t.sidebar-main-title {\n\t\t\t\tp {\n\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.compact-wrapper {\n\t\t\t\t.page-body-wrapper {\n\t\t\t\t\tdiv.sidebar-wrapper {\n\t\t\t\t\t\tbackground-color: $dark-card-background;\n\n\t\t\t\t\t\t.sidebar-main {\n\t\t\t\t\t\t\t.sidebar-links {\n\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color !important;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.simplebar-wrapper {\n\t\t\t\t\t\t\t\t\t.simplebar-mask {\n\t\t\t\t\t\t\t\t\t\t.simplebar-content-wrapper {\n\t\t\t\t\t\t\t\t\t\t\t.simplebar-content {\n\t\t\t\t\t\t\t\t\t\t\t\t>li {\n\t\t\t\t\t\t\t\t\t\t\t\t\t&.sidebar-main-title {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackground-color: rgba(255, 255, 255, 0.1);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\th6 {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: rgba($white , 0.9);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\ti.fa-solid.fa-thumbtack {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: $white !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t.sidebar-link {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-body-background;\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: rgba(var(--theme-secondary),1) !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: rgba(var(--theme-secondary),1);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.according-menu {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ti {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: rgba(var(--theme-secondary),1);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t.sidebar-submenu {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackground-color: rgba($white , 0.6);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackground-color: $white;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.sidebar-list {\n\t\t\t\t\t\t\t\t\tul.sidebar-submenu {\n\t\t\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.according-menu {\n\t\t\t\t\t\ti {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.horizontal-wrapper {\n\t\t\t\t.page-body-wrapper {\n\t\t\t\t\t.sidebar-wrapper {\n\t\t\t\t\t\tbackground: $dark-card-background;\n\n\t\t\t\t\t\t.sidebar-main {\n\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\n\t\t\t\t\t\t\t.sidebar-links {\n\t\t\t\t\t\t\t\t.simplebar-wrapper {\n\t\t\t\t\t\t\t\t\t.simplebar-mask {\n\t\t\t\t\t\t\t\t\t\t.simplebar-content-wrapper {\n\t\t\t\t\t\t\t\t\t\t\t.simplebar-content {\n\t\t\t\t\t\t\t\t\t\t\t\t>li {\n\t\t\t\t\t\t\t\t\t\t\t\t\t>a {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t&.stroke-icon {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstroke: rgba($dark-all-font-color, 0.6);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t&.fill-icon {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill: rgba($dark-all-font-color, 0.6);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t.sidebar-submenu {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackground: $dark-card-background;\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t&.active,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.sidebar-submenu {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackground: $dark-card-background;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.left-arrow,\n\t\t\t\t\t\t\t.right-arrow {\n\t\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.compact-sidebar {\n\t\t\t\t.page-body-wrapper {\n\t\t\t\t\tdiv {\n\t\t\t\t\t\t&.sidebar-wrapper {\n\t\t\t\t\t\t\t>div {\n\t\t\t\t\t\t\t\tbackground: $dark-card-background;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.sidebar-main {\n\t\t\t\t\t\t\t\t.sidebar-links {\n\t\t\t\t\t\t\t\t\tli {\n\n\t\t\t\t\t\t\t\t\t\t.sidebar-title {\n\t\t\t\t\t\t\t\t\t\t\tborder-bottom: 1px solid $dark-card-border;\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t\t\t\t\tstroke: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t.sidebar-submenu {\n\t\t\t\t\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\n\t\t\t\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\t\t\t\t\tborder-bottom: 1px solid $dark-card-border;\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t.simplebar-wrapper {\n\t\t\t\t\t\t\t\t\t\t.simplebar-mask {\n\t\t\t\t\t\t\t\t\t\t\t.simplebar-content-wrapper {\n\t\t\t\t\t\t\t\t\t\t\t\t.simplebar-content {\n\t\t\t\t\t\t\t\t\t\t\t\t\t>li {\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t.sidebar-link {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackground-color: rgba($primary-color, 0.2);\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstroke: var(--theme-default);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t.sidebar-submenu {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t.sidebar-list {\n\t\t\t\t\t\t\t\t\t\tul.sidebar-submenu {\n\t\t\t\t\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.according-menu {\n\t\t\t\t\t\ti {\n\t\t\t\t\t\t\tcolor: $dark-all-font-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.for-dark {\n\t\tdisplay: none;\n\t}\n\n\t&[class*='dark-'] {\n\t\t.for-dark {\n\t\t\tdisplay: inline-block;\n\t\t}\n\n\t\t.for-light {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n}\n\n// =======================  Dark Body only  ======================= //\n/**=====================\n\t4.1. Dark CSS ends\n==========================**/"]}