{"version":3,"sources":["color-3.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_2.scss","pages/_dashboard_3.scss","pages/_dashboard_4.scss","pages/_dashboard_5.scss","pages/_dashboard_6.scss","pages/_dashboard_7.scss","pages/_dashboard_8.scss","pages/_dashboard_9.scss","pages/_dashboard_10.scss","pages/_dashboard_11.scss","pages/_dashboard_default.scss","pages/_divider.scss","pages/_flash_icons.scss","pages/_ecommerce.scss","pages/_email-application.scss","pages/_letter_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/_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/_social-app.scss","pages/_scrollspy.scss","pages/_sweet-alert.scss","pages/_sellers.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;AAuIA;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;EAIA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;AAGA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;EAYA;;AAVA;EACI;;AAIA;EACI;;;AAQhB;EACI;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;;;ACjRhB;AAAA;AAAA;AAmSA;AAAA;AAAA;ACnSA;AAAA;AAAA;AAIA;EACE;;;AAGF;EACE,OCMkB;;;ADHpB;EACE,OCEkB;EDDlB;;;AAGF;EACE,OCsBM;;;ADnBR;EACE;;;AAIA;EACE,MCxByB;EDyBzB;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKA;AAAA;EACE;EACA;;;AAIJ;EACE;;;AAGF;EACE,kBCjDc;EDkDd,OClBM;;;ADqBR;EACE,kBCtDc;EDuDd,OCvBM;;;AD0BR;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;;;AADF;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;AAGA;AAEA;EACE;EACA,OCjZM;EDkZN;EACA;EACA;EAC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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;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EACA,OH9MA;;;AGuNA;EACE;EACA;;;AAQJ;EACE;;;AAKN;EACE;;;AAWI;EACE;;AAEA;EACE;EACA;;;AAaF;EACE;;;AAaA;EACE;;AAGF;EACE;;;AAYR;AAAA;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAIE;EACA;EACA;;AAKN;EACE;EACA;;AAGF;EASE;EACA;EACA,OHjVU;;AGuUV;EACE,OH3TA;;AG2UJ;AAAA;EAEE,kBH3Vc;EG4Vd;EACA;;AAEA;AAAA;EACE;;AAQJ;EAiBE;EACA;EACA;EACA,OHpZkB;;AGiYlB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAXF;IAYI;;;AASJ;EACE;EACA;EACA;EACA,OHpXA;EGqXA;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;ELleE,SKmeuB;ELlevB,iBKke6B;ELje7B,aKieqC;EACvC;;AAEA;EACE;;;AAMF;EADF;IAEI;IACA;IACA;IACA;;;AAGF;EARF;IASI;;;;AAIJ;EACE;EACA;EACA;;;AAOE;EACE;EACA;EACA;EACA;EACA;EACA,OH7eE;;;AGqfJ;EACE;EACA;EACA;EACA;ELrhBF,SKshB2B;ELrhB3B,iBKqhBiC;ELphBjC,aKohByC;EACvC;;AAGF;EACE;EACA;ELjiBF,OKkiB2B;ELjiB3B,QKiiBiC;EAC/B;;;AAMJ;EACE;;AAGF;EACE;;AAIA;EACE;EACA;EACA;EACA;EACA;;;AAMJ;EACE;;AAEA;ELhkBA,OKikB2B;ELhkB3B,QKgkBkC;EAChC;EACA;;A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F;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;;AAKN;EAyBE;EACA;;AAzBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAEE,OT9oBA;;ASgpBA;EACE;;AASJ;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,OTruBY;ESsuBZ;EACA;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAKN;AAAA;AAAA;AChxBA;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,kBV3BJ;EU4BI;;;AAQxB;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EZnFJ,OYoF6B;EZnF7B,QYmFmC;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;ACjJA;AAAA;AAAA;AAIA;EACE,eXgMmB;EW/LnB;EACA;EACA;EACA,eX8LmB;EW7LnB,YX+LiB;;AW7LjB;EACE,YXmMqB;EWlMrB;;AAGF;EACE,kBXsBI;EWrBJ,SXiLW;EWhLX,eXkLgB;EWjLhB,wBXkLiB;EWjLjB,yBXiLiB;EWhLjB;;AAEA;EACE;;AAKA;EAEE;EACA,gBXyKsB;;AWrK1B;EACE,WXqKmB;EWpKnB,OXrCuB;EWsCvB;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,OX9DM;EW+DN;;AAEA;EACE;;AAMR;EACE,SXqGW;EWpGX,kBXtEgB;;AWyEd;EACE;;AAKN;EACE;EACA;;AAGF;EACE,kBXvEI;EWwEJ,YXsFgB;EWrFhB,SXmFW;EWlFX,2BXqFiB;EWpFjB,4BXoFiB;;AWhFjB;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,OX9JuB;;;AWmK7B;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,kBX5KE;EW6KF;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;;AAGE;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAON;EACE;EACA;EACA,OXvPuB;EWwPvB;;AAIJ;EACE;;AAEA;EAKE;EACA;;AALA;EACE;;AAMF;EACE;EACA;;AAGF;EACE;EACA,OX9QqB;;AWiRvB;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;AAON;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EAJF;IAKI;;;AAKN;EACE;;AAGE;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;AAGF;EACE;;AAGE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAOV;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;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,OXzXM;;AW6XV;EACE;;AAGF;EACE,OXrauB;;AWyavB;EACE;EACA,OXtYA;;AWyYF;EACE;EACA,OX3YA;;AW8YF;EACE,OX/YA;;AWmZA;EADF;IAEI;IACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAdF;IAeI;IACA;;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAMN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAdF;IAeI;IACA;;;AAGF;EACE;EACA;;AAIJ;EACE;;;AAMN;EACE;EACA;EACA,YXxeM;EWyeN;EACA;EACA;EACA;EACA;;AAEA;EAVF;IAWI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKF;EACE;EACA;;AAEA;EACE;;AAKN;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE,OXnjBI;;AWsjBN;EACE;;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAVF;IAWI;;;AAGF;EAdF;IAeI;;;AAGF;EAlBF;IAmBI;;;AAGF;EACE;EACA;EACA;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,OX7nBF;EW8nBE;;AAEA;EAJF;IAKI;IACA;IACA;IACA;IACA;IACA;;;AASR;EACE;;AAEA;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;;;AAMR;EACE;;AAEA;EACE;EACA;;;AAIJ;AAAA;AAAA;ACrtBA;AAAA;AAAA;AAwBM;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;EACE;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA,OZvBU;;AY2Bd;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;EACE;EACA;EACA;EACA,kBZ/CG;;AYkDL;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;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;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;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;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;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;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;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;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;EAEE;;AAMI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AASF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAUhB;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;IAMI;;;AAKF;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;EACE;EACA,OZpLI;;AYuLN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;;AAEA;EANF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IAOI;IACA;IACA;IACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA,OZ7MQ;;AYgNV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA,OZrMA;;AY0MF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAMR;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;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EARF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IASI;IACA;;;AAGF;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;EACE;EACA,OZlOJ;;AYwOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;;AAGE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA,cZpQQ;;AYsQR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA,OZ9PN;;;AYyQN;EACE;;;AAcE;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAQI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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;;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;EACE;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAQF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE,OZ1VU;;AYkWZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AASN;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAOF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAOF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE,OZhYY;EYiYZ;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAKF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE,OZvWN;EYwWM;EACA;;;AAiBN;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;;AAeF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;;AAeF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;;AAaE;EACE;;AAIA;EACE;;;AAgBV;AAAA;AAAA;AAAA;EAEE;;;AAcA;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;;AAeF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;;AAeF;AAAA;AAAA;AAAA;EACE;;;AAeF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;;AAeF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;;AAeF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;;;AAeF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;;AAeF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;;AAeF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;;AAeF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;;AAQR;EACE;;AASI;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;;AAeF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;;AAeF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;;AAeF;AAAA;AAAA;AAAA;EACE;EACA;;;AAaE;EACE;;AAOV;EACE;;;AAKN;EACE;;;AAIA;EACE;;AAMI;EACE;;AAMR;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;AAEA;EACE;;AAIA;EACE;EACA,OZ76BO;;AYi7BX;EACE;;AAEA;EACE,OZx7BQ;;AY27BV;EACE;;AAKF;EACE,OZ/7BO;;;AYu8BX;EACE;EACA;EACA;;;AAKN;EACE;EAcA;;AAXE;EACE;;AAKF;EACE;;AAOF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA,OZh9BI;;AYm9BN;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EAEE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAKN;EACE;;AAEA;EACE,cZ7gCS;EY8gCT,OZtgCQ;EYugCR;EACA;EACA;EACA,kBZx/BE;;AY4/BN;EACE;;AAMI;AAAA;EACE;;AAEA;AAAA;EACE;EACA;EACA;;AAGF;AAAA;EACE;EACA;;AAQN;AAAA;EAEE;;AAIJ;AAAA;EAEE;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAKN;EACE;;;AAIA;EACE;EACA,kBZvjCI;;AY2jCJ;EACE;EACA;EACA;EACA,OZ/jCE;EYgkCF;EACA;EACA;;AAMF;EAEE;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAKN;EACE;EACA;;AAUI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;;AAKN;AAAA;EAEE;EACA;;;AAUA;AAAA;EACE;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;;;AAON;Ed1qCE,Oc2qCyB;Ed1qCzB,Qc0qC+B;;AAGjC;EACE;EACA;EACA;;AAGF;EACE;EdrrCA,OcsrCyB;EdrrCzB,QcqrC+B;;AAGjC;EACE;Ed1rCA,Oc2rCyB;Ed1rCzB,Qc0rC+B;;AAGjC;EACE;Ed/rCA,OcgsCyB;Ed/rCzB,Qc+rC+B;;;AAInC;EACE;EACA;EACA;EACA,OZvqCM;EYwqCN;EACA;EACA;;;AAIA;EACE;;AAGF;EACE;;;AASI;EACE;EACA;EACA,OZ/rCF;;AYosCJ;EACE;;AAEA;EACE;EACA;;AAEA;EAGE;;AAIJ;EACE;EACA;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAYE;EACA;EACA;EACA,OZvuCE;EYwuCF;EACA;;AAGF;AAAA;AAAA;EAGE,kBZ7wCU;EY8wCV,cZ9wCU;;AYixCZ;AAAA;AAAA;EAGE;EACA;;AAGF;AAAA;AAAA;EAGE,kBZxxCS;EYyxCT,cZzxCS;;AY4xCX;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAIF;AAAA;AAAA;AAAA;EAIE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;;AAKN;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAIA;EACE;;;AAMA;EACE;;AAIJ;EACE;EACA,OZ70CU;;;AYu1CF;EACE,kBZl1CL;;AYq1CG;EACE;;AAKF;EACE;;;AAaV;AAAA;EACE;;;AAKN;AAAA;AAAA;AC34CA;AAAA;AAAA;AAGA;EACE;;;AAGF;EACE;EACA;;;AAIA;EACE,ObyBK;EaxBL;EACA;EACA;;AAGF;EACE;EACA,ObkBI;;AafN;EACE;;AAGF;EACE;;;AAIJ;AAAA;EAEE;;;AAIA;EACE;;AAGF;EACE;;;AAKF;EACE;EACA,Ob/BQ;;;AaoCZ;EACE;EACA,Yb8IiB;Ea7IjB;;AAEA;EACE;;;AAIJ;EACE;;;AAIA;EACE;EACA;;;AAMF;EACE,kBbzCI;;Aa4CN;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAMJ;EACE;EACA;;AAIA;EACE,Yb1EQ;;Aa8EZ;EACE;;AAEA;EACE;;AAKF;EACE;;AAGF;AAAA;EAEE,ObxIgB;EayIhB;;AAIA;EACE;;AAGF;EACE;;AAKN;EACE;EACA,kBbnJU;EaoJV;;AAKE;EACE;;;AAOV;EACE;EACA;;;AAIA;EACE;EACA;;AAIA;EACE;;;AAOJ;EACE;;AAEA;EACE;EACA;;AAEA;EACE;EACA;;AAKF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;EACA;;;AAWZ;AAAA;EAEE;EACA;;AAEA;AAAA;EACE;EACA;;;AAQF;EACE;;;AAKN;EACE;;;AAGF;EACE;;;AAME;EAFF;IAGI;IACA;IACA;;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;;AAQI;EACE;EACA;;;AAUR;EADF;IAEI;;;;AAMJ;EACE;;AAEA;EACE;;AAIA;EACE;EACA,ObxTI;;Aa0TJ;EACE;EACA;;;AAOV;AAAA;AAAA;ACxVA;AAAA;AAAA;AAMG;EACC;EACA;;;AAMJ;EACC;;;AAIA;EACC;EACA,Odbc;Eccd;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA,adgDY;Ec/CZ;EACA;EACA;;AAGD;EACC,cdhBiB;;AcmBlB;EACC,OdNK;;AcSN;EAEC;;AAKD;EACC;EACA;EACA,kBdjCiB;EckCjB;EACA;;AAEA;EACC;;AAMA;EACC,kBdlEa;EcmEb;EACA;;AAMJ;EACC;EACA;;;AAMA;EACC;;AAOG;EACC;EACA,cdlFa;;;Ac6FlB;EACC;;AAEA;EAHD;IAIE;IACA;;;;AAOH;EACC;EACA,OdvH2B;EcwH3B;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAIF;EACC;;;AAIF;EACC;;AAIC;EACC;;AAIF;EACC;;AAEA;EACC;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;;AAIF;EACC;;AAGD;EACC;EACA;EACA;;AAEA;EACC,Od7IK;Ec8IL;EACA;EACA;;AAIF;EACC;;AAGD;EACC;;;AAOC;EACC,kBdjLM;;AcsLP;EACC;;;AAUA;EACC;;;AAQJ;EACC;EACA;EACA;EACA;EACA;;AAEA;EAEC,kBdnNO;;AcsNR;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,OdtVU;EcuVV;;;AAUC;EAEC,kBd3WS;Ec4WT,Od1VG;;;AckWP;EACC;;AAGC;EACC;;AAEA;EACC;;;AAaC;EACC,kBdtYa;;;AciZlB;EACC,OdpYK;;AcsYL;EACC;;;AAUA;EACC;;AAMF;EACC,OdlbgB;;AcybjB;EACC;;;AAUA;EACC;EACA;EACA,kBdtbc;;;Ackcd;EACC,OdpYiB;EcqYjB;EACA;EACA,Yd5cc;;;AcodpB;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,OfJc;EeKd;;AAEA;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAIA;EACC;EACA;EACA;;AAYF;EACC;EACA;EACA;;AAYD;EACC;;AAEA;EACC;;AAEA;EACC;EACA;;AAIF;EACC;;AAIF;EACC;EACA;;;AAKD;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;;;AAMH;AAAA;AAAA;ACpOA;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,OhBzBS;EgB0BT;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,OhBzEK;;AgB4EN;EACC,OhB7EK;EgB8EL;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAKH;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA,OhB9GS;;AgBgHT;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;;AAEA;EAHD;IAIE;;;AAKH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ElB9LA,SkB+LyB;ElB9LzB,iBkB8L+B;ElB7L/B,akB6LuC;;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,OhBxME;EgByMF;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA,kBhBlNC;EgBmND;EACA;EACA;EACA;;AAKH;EACC,OhB/OO;EgBgPP,YhBjOS;EgBkOT;;AAEA;EACC,OhBlOG;;;AgB0OT;EACC;EACA;;AAEA;EACC;EACA,kBhB/OM;EgBgPN;;;AAMD;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;;AAMF;EACC;;AAIA;EACC;;AAMF;EACC;EACA;EACA;;AAEA;ElBzTC,OkB0TyB;ElBzTzB,QkByT+B;ElBrT/B,SkBsTyB;ElBrTzB,iBkBqT+B;ElBpT/B,akBoTuC;EACvC;EACA;EACA;EACA;;AAEA;EACC;EACA,OhB3Te;;AgBiUhB;EACC;EACA;EACA;;AAGD;EACC;;AAKH;EAEC;;AAGC;EACC;EACA;;AAEA;EACC,OhB9TE;EgB+TF;;AAGD;EACC;ElBpWF,OkBqW2B;ElBpW3B,QkBoWiC;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;ElBxaC,OkByayB;ElBxazB,QkBwa+B;EAC/B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACC;EACA;EACA,OhBxbW;EgBybX;EACA;;AAEA;EACC,ahBlXS;EgBmXT;EACA;;AAGD;EACC;;AAIF;EACC,OhB7cwB;;AgBkdzB;EACC;EACA,chB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ACC;EACA;EACA;EACA;;AAIA;EACC;;;AAKH;EACC;EACA;;AAMG;AAAA;AAAA;EAGC;;;AAWF;AAAA;EAEC,OnBtFI;;AmB6FN;EADD;IAEE;;;;AAMF;EADD;IAEE;;;AAGD;EACC;IACC;;;AAKD;EADD;IAEE;;;AAGD;EALD;IAME;;;AAIF;EACC;;AAEA;EAHD;IAIE;;EAEA;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AAIF;EACC;EACA;;;AAOD;EACC;EACA;EACA;;AAEA;EALD;IAME;IACA;IACA;;;;AAOH;EACC;EACA;;AAGC;EACC;;AAKD;EACC;EACA;;;AAOH;EADD;IAEE;;EAGC;IACC;;;;AAOH;ErB9NG,SqB+NuB;ErB9NvB,iBqB8N6B;ErB7N7B,aqB6N4C;EAC9C;;AAEA;EACC;EACA;;AAEA;EACC;EACA;;;AAOH;EACC;EACA;;AAEA;EACC;;AAGD;EACC;;;AAKH;AAAA;AAAA;ACzQA;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBpB8BM;EoB7BN;EACA;AAEA;AA4FA;;AA3FA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA,YpBhDM;EoBiDN;EACA;EACA;EACA;EACA;;AAKN;EACE;IACE;IACA,YpB7DQ;;EoBgEV;IACE;IACA;;;AAIJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA,YpB3EK;;AoB8EP;EACE,OpB9EI;EoB+EJ;EACA;EACA;EAEA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA,OpB3FE;EoB4FF;EACA;EACA;EACA;EACA;EACA;;;AAKN;AAAA;AAAA;AC9IA;AAAA;AAAA;AAMQ;EACI;;AAIR;EACI;EACA;;AAEA;EvBRJ,OuBSiC;EvBRjC,QuBQwC;;AAEhC;EAHJ;IAIQ;IACA;;;AAKJ;EvBlBR,OuBmBqC;EvBlBrC,QuBkB4C;;AAEhC;EAHJ;IAIQ;IACA;;;AAKZ;EACI;;AAEA;EACI;EACA;;AAMR;EvBvCJ,OuBwCiC;EvBvCjC,QuBuCuC;;;AAK3C;EACI;EACA;EACA;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA,OrB1CU;;AqB4CV;AAAA;EvB3DA,OuB4D6B;EvB3D7B,QuB2DmC;;AAE/B;AAAA;EACI;;;AAKZ;EACI;;;AAGJ;EvBxEI,OuByEyB;EvBxEzB,QuBwE+B;EAC/B,QrBxEc;EqByEd;;AAEA;EACI;;;AAMA;EACI;;AAKJ;EADJ;IAEQ;IACA;;;;AAMR;EACI;;;AAOI;EACI;;;AAOZ;EACI;;AAGJ;EACI;;AAGI;EACI;;AAIA;EACI;;AAMZ;EACI;;;AAOJ;EACI;;;AASI;EACI;;;AAQpB;AAAA;AAAA;EAGI;;AAEA;AAAA;AAAA;EACI;;;AAIR;AAAA;AAAA;AAAA;AAAA;EAKI;;;AAIJ;EACI;;AAEA;EACI;;;AAIR;EACI;;;AAIA;EACI;EACA,WrB5Fe;;;AqBkGnB;AAAA;EAEI;EACA;;AAIA;EACI;;;AAKZ;EACI;;;AAGJ;EACI;;;AAIA;EACI;;;AAMJ;EACI;EACA;EACA;;;AAIR;EACI;;AAGI;EACI;;;AAQA;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;;AAShB;EADJ;IAEQ;IACA;;;AAGJ;EANJ;IAOQ;IACA;;;AAGJ;EAXJ;IAYQ;IACA;;;AAGJ;EAhBJ;IAiBQ;IACA;;;AAGJ;EArBJ;IAsBQ;IACA;;;AAGJ;EA1BJ;IA2BQ;IACA;;;AAGJ;EA/BJ;IAgCQ;IACA;;;;AAIR;AAAA;AAAA;ACxTA;AAAA;AAAA;AAIA;EACE,kBtBmCM;EsBlCN;EACA;EACA;;AAEA;EACE,kBtBgCiB;EsB/BjB,OtBJY;EsBKZ;;AAGF;EACE;;;AAMA;EACE,OtBgBE;;AsBZF;EACE;;;AAQJ;EACE;EACA;ExB3BF,SwB4B2B;ExB3B3B,iBwB2BiC;ExB1BjC,awB0ByC;EACvC;EACA;;AAEA;EACE;;AAIA;EACE;;AAKN;EACE;EACA;;;AAKN;AAAA;AAAA;AC9DA;AAAA;AAAA;AAGA;EAEE;AAAA;IAEE;;EAGF;IACE;;EAGF;IACE;;EAIA;IACE;;EAIA;IACE;;EAMA;IACE;;EAMR;IACE;;EAKA;IACE;;EAGF;IACE;;EASI;IACE;;EAQV;IACE;;EAEA;IACE;;EAEA;IACE;;EAKN;IACE;;EAGF;IACE;;EAGF;IACE;;;AAKJ;EACE;EACA;;;AAKE;EACE;;AAIJ;EACE;;;AAIJ;AAAA;AAAA;AC9GA;AAAA;AAAA;AAII;EACI;EACA;;AAEA;EACI;;;AAKZ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA,YxBDA;EwBEA;EACA;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA,YxBrCA;EwBsCA;EACA;;AAGJ;EACI;;;AAKJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBxBlEJ;EwBmEI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OxB1HO;;AwB8Hf;EACI;;AAEA;EACI;;AAGI;EACI;;AASJ;EACI,axB/DL;EwBgEK;EACA;EACA;;AAMR;EACI;;AAEA;EACI,kBxBhJL;EwBiJK;;AAQR;EACI;;AAKZ;EACI;;;AAMA;EACI;;AAMA;EACI;;AAKZ;EACI;;;AAeI;EACI,cAXF;;AAkBM;EACI,cAnBV;EAoBU,OApBV;;AAuBM;EACI,OxBvLhB;;;AwBgMI;EACI,kBAlCF;EAmCE,cAnCF;EAoCE,OxBnMR;;AwB0MY;EACI,kBA5CV;EA6CU,cA7CV;EA8CU,OxB7MhB;;Aw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BVU;;;AyBcd;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBzBlEU;EyBmEV,oBzBnEU;;;AyBuEd;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBzBpFU;EyBqFV,oBzBrFU;;;AyByFd;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBzBvGU;EyBwGV,oBzBxGU;;;AyB4Gd;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAMF;EAEE;EACA;EACA;EACA;EACA;;;AAaF;EACE,YATa;;;AAYf;EACE,YAba;;;AAiBb;EACE,cAlBW;EAmBX;;AAGF;EACE,oBAvBW;EAwBX;;AAGF;EAEE,oBA7BW;EA8BX;;;AAKF;EACE,kBApCW;EAqCX,mBArCW;;AAwCb;EACE,oBAzCW;EA0CX;;AAGF;EACE;EACA,qBA/CW;;;AAoDb;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;;;AAxEJ;EACE,YATa;;;AAYf;EACE,YAba;;;AAiBb;EACE,cAlBW;EAmBX;;AAGF;EACE,oBAvBW;EAwBX;;AAGF;EAEE,oBA7BW;EA8BX;;;AAKF;EACE,kBApCW;EAqCX,mBArCW;;AAwCb;EACE,oBAzCW;EA0CX;;AAGF;EACE;EACA,qBA/CW;;;AAoDb;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;;;AAxEJ;EACE,YATa;;;AAYf;EACE,YAba;;;AAiBb;EACE,cAlBW;EAmBX;;AAGF;EACE,oBAvBW;EAwBX;;AAGF;EAEE,oBA7BW;EA8BX;;;AAKF;EACE,kBApCW;EAqCX,mBArCW;;AAwCb;EACE,oBAzCW;EA0CX;;AAGF;EACE;EACA,qBA/CW;;;AAoDb;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;;;AAxEJ;EACE,YATa;;;AAYf;EACE,YAba;;;AAiBb;EACE,cAlBW;EAmBX;;AAGF;EACE,oBAvBW;EAwBX;;AAGF;EAEE,oBA7BW;EA8BX;;;AAKF;EACE,kBApCW;EAqCX,mBArCW;;AAwCb;EACE,oBAzCW;EA0CX;;AAGF;EACE;EACA,qBA/CW;;;AAoDb;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;;;AAxEJ;EACE,YATa;;;AAYf;EACE,YAba;;;AAiBb;EACE,cAlBW;EAmBX;;AAGF;EACE,oBAvBW;EAwBX;;AAGF;EAEE,oBA7BW;EA8BX;;;AAKF;EACE,kBApCW;EAqCX,mBArCW;;AAwCb;EACE,oBAzCW;EA0CX;;AAGF;EACE;EACA,qBA/CW;;;AAoDb;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;;;AAxEJ;EACE,YATa;;;AAYf;EACE,YAba;;;AAiBb;EACE,cAlBW;EAmBX;;AAGF;EACE,oBAvBW;EAwBX;;AAGF;EAEE,oBA7BW;EA8BX;;;AAKF;EACE,kBApCW;EAqCX,mBArCW;;AAwCb;EACE,oBAzCW;EA0CX;;AAGF;EACE;EACA,qBA/CW;;;AAoDb;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;;;AAxEJ;EACE,YATa;;;AAYf;EACE,YAba;;;AAiBb;EACE,cAlBW;EAmBX;;AAGF;EACE,oBAvBW;EAwBX;;AAGF;EAEE,oBA7BW;EA8BX;;;AAKF;EACE,kBApCW;EAqCX,mBArCW;;AAwCb;EACE,oBAzCW;EA0CX;;AAGF;EACE;EACA,qBA/CW;;;AAoDb;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;;;AAxEJ;EACE,YATa;;;AAYf;EACE,YAba;;;AAiBb;EACE,cAlBW;EAmBX;;AAGF;EACE,oBAvBW;EAwBX;;AAGF;EAEE,oBA7BW;EA8BX;;;AAKF;EACE,kBApCW;EAqCX,mBArCW;;AAwCb;EACE,oBAzCW;EA0CX;;AAGF;EACE;EACA,qBA/CW;;;AAoDb;EACE;EACA;EACA;;;AAKF;EACE;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;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA,OzBpTF;EyBqTE;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,OzBtXI;EyBuXJ,kBzBlZW;EyBmZX;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBzBraS;;AyBuaT;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBzBrbS;EyBsbT;;AAEA;EACE;EACA;;;AAQN;E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EA;EACE;EACA;;AAKN;EACE;EACA;EACA,OrCzRyB;EqC0RzB;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA,OrCpTqB;EqCqTrB;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;;AAMR;AAAA;AAAA;ACjVA;AAAA;AAAA;AAKE;AAAA;EAEE;;;AAQI;EADF;IxCKF;IACA;IACA;IwCJM;;;AAMJ;EACE;EACA,OtCVY;EsCWZ;EACA;;AAEA;EACE;;AAMA;EACE,OtCtBQ;;AsCyBV;EACE,kBtCTO;;AsCaX;EACE;;AASF;EACE;;AAMR;EACE;;AAII;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAII;EACE,kBtClEI;;AsCuEV;EACE,OtC7EA;EsC8EA;;AAKF;EACE;;AAQR;EACE;;;AAMJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAKF;EACE;;AAIJ;AAAA;AAAA;EAGE;EACA;;AAIA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;;AAKF;EACE;EACA;;AAEA;EACE;;AAGE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE,OtChKJ;EsCiKI;EACA;;AAIA;EACE,OtCnME;;AsCwMR;EACE;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGE;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA,OtChPN;;AsCuPJ;EACE;EACA;;AAGE;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAQJ;EACE;EACA;;AAMA;EACE;;AAIJ;EACE;EACA;;AAGE;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;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EACE;EACA;EACA;EACA;EACA;;;AAKA;EACE;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBxCnBM;;AwCqBN;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,OxCzFQ;EwC0FR,YxCvEI;EwCwEJ;EACA,axCjCS;EwCkCT;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA,OxChGM;EwCiGN;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACE,OxC5GI;EwC6GJ;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OxCvIU;EwCwIV;EACA,kBxCvII;EwCwIJ;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OxC1JU;EwC2JV;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,MxC7UU;;;AwCsVZ;EACE;;;AASF;EACE,MxCzWQ;;;AwCkXV;EACE,MxClXM;;;AwC2XR;EACE,MxC3XQ;;;AwCoYV;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;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EAJF;IAKI;;;AAKJ;EAjBF;IAkBI;;;AAME;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EAEE;EACA;;AAQN;E3CzEF,S2C0E6B;E3CzE7B,iB2CyEmC;E3CxEnC,a2CwE2C;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;;AAGE;EACE,OzCjGR;;AyCwGF;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,OzC3KR;;AyCgLI;EACE,OzCjLN;;;AyC0LN;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,QzCzSc;;AyC2Sd;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;EACA;EACA;;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;;AAIA;EACE;EACA;;AAMR;EACE;;AAGE;EACE;;AAIJ;EACE;EACA;EACA;;AAGE;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;AAMJ;EACE;EACA;;AAMA;EACE;EACA;;AAMJ;EACE;;AAIE;EACE;;AAGF;EACE;;AAEA;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;;AAIF;EAEE;IAIE;;;AAIJ;EAEE;IAIE;;;AAON;EAEE;AAAA;IAEE;;;;AAUd;EACE;EACA;EACA;EACA;EAEA;EACA;;AAGA;EACE;;AAGF;EACE;;A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RF;IASI;;;AAGF;EAZF;IAaI;;;AAGF;EAhBF;IAiBI;;;AAGF;EApBF;IAqBI;;;AAGF;EAxBF;IAyBI;;;AAGF;EA5BF;IA6BI;;;AAGF;EAhCF;IAiCI;;;AAGF;EACE;EACA;;AAGF;EAzCF;IA0CI;;EAEA;IACE;;;;AAQJ;EACE;;;AAKN;EACE;;AAII;EADF;IAEI;IACA;IACA;IACA;IACA;IACA;IACA;;;AAGF;EAXF;IAYI;;;AAKN;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;AAGF;EATF;IAUI;;;AAGF;EAbF;IAcI;;;AAGF;EAjBF;IAkBI;;;AAGF;EArBF;IAsBI;;;;AAOF;EACE;EACA;EACA;;;AAKN;EACE;;AAII;EACE;;AAKF;EACE;;;AAON;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAYQ;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;;AAWV;EACE;;AAEA;EACE;EACA;EACA;;AAMF;AAAA;EAEE;EACA;;AAEA;AAAA;EACE;;AAIA;EADF;AAAA;IAEI;;;AAIJ;AAAA;EACE;;AAKF;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;;AAOF;EACE;EACA;;AAQA;EACE;EACA;;AAQZ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;;AAGE;EACE,M7CloBQ;;A6CuoBV;EACE,M7CroBO;;;A6C4oBb;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAKE;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;;AAUA;EACE;;AAIJ;EACE;;;AAMR;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAXF;IAYI;IACA;;;AAGF;EAhBF;IAiBI;IACA;;;AAGF;EArBF;IAsBI;IACA;;;AAGF;EA1BF;IA2BI;IACA;;;AAGF;EA/BF;IAgCI;IACA;;;AAGF;EApCF;IAqCI;IACA;IACA;;;AAIJ;EACE;;AAEA;EAHF;IAII;IACA;IACA;;;;AASA;AAAA;EAEE;;;AAeN;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;;;;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;;;;AAON;EACE;IACE;;EAGF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EACA;EACA;EACA;;AAIA;EACE;;AAMJ;EACE;EACA;EACA;EACA;;AAIA;EACE;EACA;;AAMJ;EACE;EACA;EACA;EACA;;AAIA;EACE;EACA;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAMJ;EACE;EACA;EACA;EACA;;AAIA;EACE;EACA;;AAMJ;EACE;EACA;EACA;EACA;;AAIA;EACE;EACA;;AAMJ;EACE;EACA;EACA;EACA;;AAIA;EACE;EACA;;AAMJ;EACE;EACA;EACA;EACA;;AAIA;EACE;EACA;;AAMJ;EACE;EACA;EACA;EACA;;AAIA;EACE;EACA;;AAMJ;EACE;EACA;EACA;;AAIA;EACE;;AAKN;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;;AAMA;EACE;EACA;EACA;;AAKN;EACE;IACE;;;AAIJ;EACE;IACE;;;AAMF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;;AAQN;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;;;AAOV;EACE;IACE;;EAGF;IACE;;EAGF;IACE;IACA;IACA;;;AAIJ;EACE;IACE;;EAGF;IACE;;EAGF;IACE;IACA;IACA;;;AAIJ;EACE;;AAEA;EAEE;;;AAIJ;EACE;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;AAEE;EACE;EACA;EACA,kBjEhcI;EiEicJ;;;AAMA;EACE;EACA;;;AAQA;EACE,OjErfU;;AiEwfZ;EACE,OjE3eU;;;AiEiflB;AAAA;AAAA;ACpgBA;AAAA;AAAA;AAGA;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;;AAMJ;EACI;;AAEA;EACI;;;AAKZ;EACI;;;AAGJ;EpE7CI,OoE8CyB;EpE7CzB,QoE6C+B;EAC/B;;AAEA;EpE5CA,So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F;IASI;;;AAGF;EAZF;IAaI;IACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;;AAMA;EADF;IAEI;;;AAKN;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;;;AAIA;EACE;EACA;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAIA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;;AAKF;EACE;;;AAMA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKF;EACE,Y1E3xBM;E0E4xBN;EACA;EACA;;;AAOV;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EARF;IASI;;;AAGF;EAZF;IAaI;;;AAGF;EAhBF;IAiBI;;;AAGF;EApBF;IAqBI;;;AAGF;EACE;EACA;;AAEA;EAJF;IAKI;;;;AAKN;EACE;EACA;;AAEA;EAJF;IAKI;;;AAGF;EACE;EACA;EACA;;AAEA;EALF;IAMI;IACA;;;AAGF;EAVF;IAWI;IACA;IACA;;;AAGF;EAhBF;IAiBI;;;;AAKN;EACE;;AAEA;EAHF;IAII;;;AAGF;EAPF;IAQI;;;AAGF;EAXF;IAYI;;;AAGF;EACE;;AAEA;EAHF;IAII;;;AAGF;EAPF;IAQI;;;AAGF;EAXF;IAYI;;;AAMA;EACE;IACE;;;;AAOV;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EATF;IAUI;IACA;;;AAGF;EACE;EACA;;AAGF;EACE;EACA,Y1En5BA;E0Eo5BA;;AAEA;EACE;;AAMR;EACE;IACE;IACA;;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA,Y1Ep8BI;E0Eq8BJ;EACA;EACA;EACA;EACA;;AAEA;EAXF;IAYI;IACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;AAKN;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAKF;EADF;IAEI;IACA;;;AAIA;EACE;EACA;EACA;EACA;;;AAMR;EACE;IACE;;EAGF;IACE;;;AAMA;EACE;;;AAKN;EACE;EACA;EACA,a1EjgCgB;E0EkgChB;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIA;EACE,O1EjkCE;E0EkkCF;EACA;EACA;;AAEA;EACE;EAEA;EACA;;AAIJ;EACE;EACA;EACA;EACA,O1EllCE;E0EmlCF;EACA;EACA;;AAEA;EATF;IAUI;;;AAGF;EAbF;IAcI;;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;;;AAGF;EAVF;IAWI;IACA;;;AAGF;EACE;;AAEA;EAHF;IAII;;;AAGF;EAPF;IAQI;;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;;;AAGF;EAXF;IAYI;;;AAGF;EAfF;IAgBI;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EALF;IAMI;IACA;;;AAGF;EAVF;IAWI;IACA;IACA;;;AAGF;EAhBF;IAiBI;IACA;IACA;;;AAOF;EACE;;;AAMR;EACE;;AAEA;EACE;EACA;;AAEA;EACE;;AAEA;EAHF;IAII;;;AAGF;EAPF;IAQI;;;AAGF;EAXF;IAYI;;;AAGF;EAfF;IAgBI;;;AAIJ;EACE;;AAEA;EAHF;IAII;;;AAGF;EAPF;IAQI;;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;;;AAGF;EAVF;IAWI;;;AAGF;EAdF;IAeI;;;AAKF;EACE;;AAEA;EAHF;IAII;;;AAGF;EAPF;IAQI;;;;AAMR;EACE;IACE;;EAGF;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;;AAOJ;EACE;;AAEA;EACE;;;AAIJ;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EAEE;EACA;;;AAQJ;EACE;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;;;AAGF;EAXF;IAYI;IACA;;;AAGF;EACE,O1Ep2CE;E0Eq2CF;;AAQA;EACE;EACA,O1E/2CA;;A0Eq3CJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;;;AASR;EACE;;AAGF;EACE;EACA;EACA,kB1El5CI;;;A0Es5CR;EACE;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;;AAEA;EAHF;IAII;;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EAEA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;;;AAGF;EAXF;IAYI;;;;AAMN;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;;;AAIJ;EAEE;;AAIA;EACE,O1ErlDQ;E0EslDR;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;AAGF;EATF;IAUI;IACA;;;AAGF;EACE;;AAEA;EAHF;IAII;;;;AAQJ;EACE;;AAIJ;EACE;;AAEA;EAHF;IAII;IACA;;;AAGF;EARF;IASI;IACA;;;AAGF;EACE;EACA;;AAEA;EAEE;EACA;;AAGF;EAVF;IAWI;IACA;;EAEA;IAEE;IACA;;;AAMR;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;;;AAGF;EAVF;IAWI;;;AAGF;EAdF;IAeI;IACA;;EAEA;IACE;;;;AAMR;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EAXF;IAYI;;;AAGF;EACE;;AAGF;EACE;;AAEA;EAHF;IAII;;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EARF;IASI;;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;IACA;;;;AAMR;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;;;AAGF;EACE;IACE;IACA;;;AAIJ;EACE;EACA;;;AAKN;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAKF;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;;;AAGF;EAXF;IAYI;;;AAGF;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EADF;IAEI;;;AAIJ;EACE;EACA;EACA;;AAIA;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE;;;AAKN;EACE;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;IACE;IACA;;EAGF;IACE;IACA;;;AAIJ;EACE;;;AAKE;EACE;;;AAKN;EACE;;AAEA;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;AAGF;EATF;IAUI;;;AAGF;EAbF;IAcI;;;AAGF;EACE;;AAEA;EAHF;IAII;;;AAGF;EAPF;IAQI;;;AAGF;EAXF;IAYI;;;;AAMR;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAZF;IAaI;IACA;;;AAGF;EACE;EACA;;;AAIJ;EACE;;AAEA;EAHF;IAII;;;AAGF;EAPF;IAQI;;;;AAIJ;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;AAGF;EATF;IAUI;IACA;IACA;;;;AAIJ;EACE;EACA;EACA;EACA;EACA,O1E5lEM;;A0E8lEN;EAPF;IAQI;;;AAIA;EACE,O1EpmEE;;;A0EymER;EACE;IACE;;EAGF;IACE;;EAGF;IACE;;;AAMF;EACE;;AAIA;EACE,O1E/nEE;E0EgoEF;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;;;AAGF;EAXF;IAYI;;;AAGF;EAfF;IAgBI;;;AAGF;EACE,O1ExpEE;;A0E4pEN;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;;;AAGF;EAVF;IAWI;IACA;;;AAIA;EACE;EACA;EACA,O1ElrEF;;A0EorEE;EALF;IAMI;;;AAGF;EATF;IAUI;IACA;;;AAGF;EAdF;IAeI;IACA;;;AAGF;EAnBF;IAoBI;IACA;;;AAIJ;EACE;;AAEA;EAHF;IAII;;;AAGF;EAPF;IAQI;IACA;;;AAGF;EAZF;IAaI;;;AAOV;EACE;EACA;;AAEA;EAJF;IAKI;;;AAGF;EACE;EACA,O1EtuEE;;A0EyuEJ;EACE;EACA;EACA;EACA;;AAGE;EACE,O1EjvEF;;A0EmvEE;EACE,O1EpxEI;;A0EwxER;EACE;;;AAQR;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAIA;EACE;;AAIA;EACE;;;AAOV;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;AAIJ;AAAA;EAEE;;AAEA;AAAA;EACE;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;EACA;EACA;;AAEA;EALF;AAAA;IAMI;;;AAGF;AAAA;EACE;EACA;EACA;;AAMJ;AAAA;EACE;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKA;AAAA;EACE;EACA;EACA;;AAIJ;AAAA;EACE;EACA;;AAGF;AAAA;EACE;EACA;;AAEA;AAAA;EACE;EACA;;AAMJ;AAAA;EACE;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAOV;EACE;;;AAGF;EACE;;AAEA;EAHF;IAII;;;AAGF;EAPF;IAQI;;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;;AAIJ;EACE;;AAGE;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,Y1EjhFK;E0EkhFL;;AAEA;EAVF;IAWI;IACA;;;AAGF;EAfF;IAgBI;;;AAGF;EACE;;AAGF;EACE,O1E9/EF;E0E+/EE;EACA;EACA,Y1EriFG;E0EsiFH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAdF;IAeI;IACA;;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;;AAMA;EACE;EACA;;AAMR;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAMR;EACE;IACE;IACA;;;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;;AAKI;EACE;;AAMR;EACE;;AAEA;EACE;;AAKN;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;AAEA;EAHF;IAII;;;AAGF;EAPF;IAQI;;;AAGF;EAXF;IAYI;;;AAGF;EAfF;IAgBI;;;;AAKF;EACE;;;AAIJ;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;AAGF;EATF;IAUI;;;AAGF;EAbF;IAcI;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EARF;IASI;IACA;;;AAGF;EAbF;IAcI;IACA;;;AAGF;EAlBF;IAmBI;IACA;;;AAGF;EAvBF;IAwBI;IACA;;;;AAKJ;EACE;;AAEA;EACE;;AAGF;EACE;EACA,kB1E5uFI;E0E6uFJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKE;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAMR;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIA;EACE;EACA,kB1EtzFgB;E0EuzFhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;;AAKF;EACE;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,YAziDa;EA0iDb,O1Ej1FI;E0Ek1FJ;EACA;;AAEA;EACE;;AAGF;EACE;EACA,YApjDW;EAqjDX;;AAEA;EACE;;;AAON;EACE;;;AAIJ;EACE;;;AAGF;EACE;IACE;;EAGF;IACE;;;AAKJ;EAGM;IACE;IACA;;;AAMR;AACA;EACE;IACE;;EAIA;IACE,kB1E74FE;;E0Ek5FJ;IACE;IACA;;EAMA;IACE,O1E55FC;I0E65FD;IACA;;EAGF;IACE;IACA;;EAQF;IACE;IACA;IACA;IACA;IACA;IACA;;;AAEA;EARF;IASI;;;AA7CV;EAgDQ;IACE;;EAQJ;IACE;;EAQA;IACE;;EAGF;IACE;;EAMJ;IACE,kB1Ep9FA;;E0Ew9FJ;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;;EAIA;IACE;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;;EAMI;IACE;IACA;IACA;IACA;IACA;IACA;;EAQR;IACE;;EAMI;IACE;;;AASd;AACA;EAGI;IACE;;EAKF;IACE;;EAKF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAKF;IACE;;EAEA;IACE;;EAKF;IACE,kB1E7jGA;;E0EgkGE;IACE;IACA;;EAKN;IACE,kB1ExkGA;I0EykGA;;EAII;IACE,O1E/kGL;;E0EulGH;IACE;;;AAMR;AACA;EACE;IACE;IACA;;;AAIJ;AACA;EACE;IACE;;EAKA;AAAA;IACE;;EAGF;AAAA;IACE;IACA;;EAKF;IACE;;EAIA;IACE;;;AAMR;EAEE;IACE;;EAIA;IACE;;EAGF;IACE;IACA;IACA;;EAGF;IACE;;;AAKN;EACE;IACE;;;AAIJ;EACE;;;AAGF;AAAA;AAAA;AC7sGA;AAAA;AAAA;AAGA;EACC;EACA;EACA;;;AAIA;EACC;;AAGD;EACC;EACA;EACA;;AAIA;EACC;EACA;EACA;;;AAKH;AAEA;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA,kB3EFO;E2EGP;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKD;EACC;EACA;;AAGD;EACC;EACA;;AAEA;EACC;EACA,O3E9CK;;A2EgDL;EACC,O3EjDI;;;A2E0DL;EACC;;;AAMJ;AAAA;AAAA;ACzGA;AAAA;AAAA;AAGA;EACE;;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;;AAIA;EACE;;AAEA;EACE,O5ErBgB;;A4EwBlB;EACE,kB5EbO;;;A4EqBX;EACE;;;AAKN;EACE;;;AAGF;EACE;IACE;IACA;;EAOM;IACE;;EAGF;IACE;;;AAQZ;EACE;IACE;;EAKE;IACE;;;AAMR;EACE;IACE;;EAKE;IACE;;;AAMR;AAAA;AAAA;AChGA;AAAA;AAAA;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIA;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA,kB7EHI;;A6EMF;EACE;;AAGF;EACE;EACA;;AAGF;EACE,kB7E/BW;E6EgCX;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE,O7ElDG;;A6EqDL;EAEE;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA,O7E7EI;;A6EgFN;EACE;EACA;;AAGF;EACE;EACA;EACA;;;AAMR;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGE;EACE;;AAIJ;EACE;;;AAMJ;EACE,O7EvHQ;;A6E0HV;EACE;;AAGF;EACE;EACA;;;AAIJ;AAAA;AAAA;ACzJA;AAAA;AAAA;AAGA;EACC;EACA;;AAEA;EACC;EACA,Y9EgMiB;;A8E7LlB;EACC;EACA;EACA;EACA;EACA;;AAIA;EACC;;AAEA;EACC;EACA;;;AAQF;EACC,O9EjCqB;;;A8EsCxB;EACC;EACA;;AAEA;EACC,Y9E4JiB;;A8EzJlB;EACC;EACA;EACA;EACA;EACA;;AAIA;EACC;;;AAKH;EACC;;;AAGD;EACC;EACA;;AAEA;EACC;EACA,Y9EgIiB;;A8E7HlB;EACC;EACA;EACA;EACA;EACA;;AAIA;EACC;;;AAMF;EACC;EACA;;;AAKD;EACC;EACA;;;AAKD;EACC;EACA;;;AAIF;EACC;;;AAIA;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAIA;EACC;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c;EoFoDd;EACA;EACA;;AAEA;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;;AAKH;EACC;IACC;IACA;;EAGD;IACC;IACA;;EAGD;IACC;IACA;;EAGD;IACC;IACA;;EAGD;IACC;IACA;;;AAKD;EACC;;;AAOA;EACC;EACA;;AAIF;EACC;EACA;EtFpIE,SsFqIuB;EtFpIvB,iBsFoI6B;EtFnI7B,asFmIyC;;AAG5C;EACC;;AAEA;EtF3IE,SsF4IwB;EtF3IxB,iBsF2I8B;EtF1I9B,asF0IsC;EACvC;EACA;EACA;;AAEA;EACC;;AAEA;EACC;EACA;;AAIF;EACC;;AAEA;EACC;EACA;;AAIF;EAEE;IACC;IACA;;EAKD;IACC;IACA;;;AAKH;EACC,OpFtLY;EoFuLZ;;AAIA;EACC,OpF9JG;EoF+JH;;AAIF;EACC;EACA;EACA;EACA,OpFrMY;;AoFwMb;EACC;EACA;EACA;EACA,kBpF5MY;EoF6MZ;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;EACA,OpF3LG;;AoF+LL;EACC,kBpF9NY;;AoFgOZ;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAOH;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAMF;EACC;EACA;;AAMA;EACC,kBpFxQY;;AoF6Qf;EAEE;IACC;;EAGC;IACC;IACA;;EAGD;IACC;IACA;;EAIF;IACC;;;AAMJ;EAGG;IACC;;;;AAOL;AAAA;AAAA;AC1TA;AAAA;AAAA;AAIC;EACC;EvFEE,OuFDuB;EvFEvB,QuFF4B;EAC9B;EACA;EACA;EACA;;;AAIF;EvFPI,OuFQsB;EvFPtB,QuFO4B;EAC/B;EACA;EACA;EvFNG,SuFOsB;EvFNtB,iBuFM4B;EvFL5B,auFKoC;;AAEvC;EACC;EACA;;;AAKD;EACC;;AAGD;EACC;;AAGD;EACC;;AAIA;EACC;EACA;EACA;EACA;EACA;;AAIF;EACC;EACA;EACA;;AAEA;EACC;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;IACC;IACA;;;AAIF;AAAA;AAAA;ACjzDA;AAAA;AAAA;AAIA;EACI,kBtFiBU;EsFhBV;;;AAIA;EACI;EACA;;;AAIR;EACI;EACA;EACA;;AAGI;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAKZ;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAOZ;EACI;;;AAIR;EACI;IACI;;EAGJ;IACI;;;AAIR;EACI;IACI;;EAGJ;IACI;;;AAIR;EACI;IACI;;;AAIR;AAAA;AAAA;ACxFA;AAAA;AAAA;AAIA;EACI;IACI;;EAGJ;IACI;;EAGJ;IACI;;;AAIR;EACI;IACI;;EAGJ;IACI;;EAGJ;IACI;;;AAIR;EACI;IACI;IACA;;EAGJ;IACI;;EAGJ;IAEI;;EAGJ;IACI;IACA;;;AAIR;EACI;IACI;IACA;;EAGJ;IACI;;EAGJ;IAEI;;EAGJ;IACI;IACA;;;AAIR;EACI;IACI;;;AAIR;EACI;IACI;;;AAIR;EACI;IACI;;EAGJ;IACI;;;AAIR;EACI;IACI;;EAGJ;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;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;;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CE;IACE;IACA;;EAEA;IACE;;EAQI;IACE;;EAKF;IACE;;EAKF;IACE;;;AAQZ;EAKU;IACE;;;AAQZ;EAKU;IACE;;EAKF;IACE;;EAKF;IACE;;;AAUR;EACE;;AAIA;EACE;EACA;;AAIJ;EACE;EACA;EACA;;;AAKN;AAAA;AAAA;AC5LA;AAAA;AAAA;AAIA;EACC;EACA;EACA;EACA;;;AAIA;EACC;;AAEA;EACC;;AAIA;EACC;EACA;;AAEA;EACC;EACA,O7FIQ;;A6FAV;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,kB7FlGgB;;A6FsGhB;EACC;;AAKH;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAGD;EAbD;IAcE;;;AAGD;EACC;;AAGD;EACC;EACA,O7F5HU;E6F6HV,kB7FtGY;E6FuGZ;EACA;EACA;EACA;;AAKA;EAGC;;AAIF;EACC;EACA;;AAKF;EACC;EACA;EACA,kB7FrKa;E6FsKb;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,Y7FpSO;E6FqSP;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,Y7F/UO;E6FgVP;;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,O7FnrBiB;;A6FqrBjB;EACC;EACA;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kB7FrsBM;;A6FysBN;EACC,O7FntBe;;A6FstBhB;EACC,O7FntBa;;A6FutBf;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;ACj2BA;AAAA;AAAA;AAIE;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;AAGF;EACE;EACA,O9FcM;E8FbN;;AAIJ;EACE;;AAGF;EACE;;AAIA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kB9FvBA;E8FwBA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA,O9FzDM;E8F0DN;;AAEA;EACE,O9FlFS;E8FmFT;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA,O9FjEI;E8FkEJ;EACA;;AAKN;EACE;;AAEA;EACE;EACA,O9FzGa;E8F0Gb;EACA;;AAGF;EACE,O9FnFM;;A8FuFV;EACE;;AAEA;EACE;;AAGF;EACE;EACA,O9F5Ha;E8F6Hb;EACA;;AAGF;EACE;EACA;EACA,O9FhHM;E8FiHN;;AAIA;EACE;;AAOF;EACE,O9F9HI;;A8FoIF;EAEE,O9F9IG;;A8FoJX;EACE;;AAKF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E;;AAIJ;EACE;EACA;;AAEA;EACE;;AAKF;EACE;;AAIJ;EACE;EACA;EACA,OpG3FQ;;AoG+FR;EACE;EACA;EACA;EACA,OpGzGc;;AoG2Gd;EACE;EACA;EACA;;AAGF;EACE,OpGrHQ;;AoGuHR;EACE;;AAON;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EAEE;;;AAKN;AAAA;AAAA;AChLA;AAAA;AAAA;AAIA;EACE;;AAEA;EACE;EACA;;AAEA;EACE,OrGHY;;AqGQd;EADF;IAEI;;;AAKF;EACE;;AAMA;EACE;;AAEA;EAHF;IAII;;;AAMR;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGE;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAMJ;EACE;EACA;;AAKN;EACE;EACA;EACA;;AAEA;EACE;;AAGE;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAMJ;EACE;;;AAMJ;EACE;;;AAMA;EACE,OrGrLY;;;AqG0LlB;EACE;;;AAKE;EACE;;;AAKN;EACE;;;AAIA;EACE;;AAKE;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAII;EACE;;AAKN;EACE;EACA;;AAGE;EACE;;AAUR;EACE;EACA;EACA,OrG9NA;;AqGgOA;EACE,OrGjOF;EqGkOE;EACA;;AAEA;EACE;EACA;EACA;;AAOV;EACE;;;AAKF;EACE;;;AAIJ;EACE;;AAGE;EACE;;;AAMJ;EACE;EACA;EACA;EACA;;AAGF;EACE;;;AAOF;EACE,OrGhTW;EqGiTX;;;AAKF;EACE,kBrG5TY;;;AqGiUhB;AACA;EACE;EACA;EACA;;AAEA;EACE;;AAGE;EACE;;AAKF;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EvGxWF,OuGyW2B;EvGxW3B,QuGwWmC;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,kBrG3bQ;EqG4bR;;;AAGF;EACE;;;AAGF;EACE,OrGtcY;;;AqG0cZ;EAOE;;AANA;EACE;EACA;EACA;;AAOF;EACE;EACA;;;AAMJ;EACE;;;AAKF;EACE;EACA;EACA;EACA;;AAEA;EACE,erGxeI;;AqG4eR;EACE,OrG7eM;;AqGifN;EAEE;EACA;EACA;EACA;;;AAMJ;EACE;;;AAKJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;;;AAGF;EAVF;IAWI;;;AAGF;EAdF;IAeI;IACA;;;AAKE;EACE;EACA;;AAOF;EACE;EACA;;AAOR;EACE;EACA;;AAEA;EACE,YrGhkBI;;AqGmkBN;EACE;;AAIJ;EACE;;;AAIJ;EACE;EACA,OnEnZQ;EmEoZR;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;EACA;;AAEA;EAZF;IAaI;;;AAGF;EAhBF;IAiBI;;;AAGF;EApBF;IAqBI;IACA;;;AAGF;EACE;;;AAKN;AAAA;AAAA;AC3qBA;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;EACA;;;AAKA;EAEE;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE,YtGwNmB;EsGvNnB;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,UtGwKmB;EsGvKnB,KtGwKc;EsGvKd,StG6LmB;EsG5LnB,YtG2HiB;EsG1HjB,kBtGhFI;EsGiFJ,YtGsKmB;;AsGpKnB;EACE;EACA;EACA,StGsLmB;EsGrLnB;;AAEA;EANF;IAOI;;;AAGF;EACE,kBtG9FA;EsG+FA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA,OtGlJA;EsGmJA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA,OtGjKA;EsGkKA;;AAEA;EACE;EACA;;AAMR;EACE;;AAII;EACE,gBtGgHmB;EsG/GnB,OtG6GkB;EsG5GlB,QtG4GkB;EsG3GlB;EACA;;AAEA;EACE,OtG7MG;;AsGmNH;EACE,MtG7KV;;AsGuLM;EACE;EACA;;AAEA;EACE;;AAGF;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,OtGnSN;;AsGqSM;EACE;EACA;EACA,OtGxSR;;AsGgTJ;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,kBtG7WI;EsG8WJ,OtGhYA;EsGiYA;;AAEA;AAAA;EACE,StGlXE;;AsGuXR;EACE,kBtG1WN;EsG2WM;;AAEA;EACE,QtGhYF;EsGiYE;;AAEA;EACE;EACA;;AAKN;EACE,kBtGzXN;EsG0XM;;AAGE;EACE;EACA;;AAIJ;EACE;;AAIA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAMR;EACE;;AAEA;EACE;;AAMR;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;EACA;;AAGF;EACE;;AAIA;EACE;EACA;EACA;;AAGF;EACE;;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,QtGljBN;;AsGsjBE;EACE;;AAEA;EACE;EACA;;AAEA;EACE;;AAGF;AAAA;EAEE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA,OtGpnBQ;;AsGynBd;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;;AAEA;EACE;EACA;;AAKN;EAEE;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAKE;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAMR;EACE;;AAGF;EACE;;AAGF;EACE,OtG5tBA;;AsG+tBF;EACE;EACA;EACA;EACA,QtGnuBA;;AsG2uBZ;EACE,kBtG7vBc;;AsG+vBd;EACE;EACA,YtG9cQ;EsG+cR,StGree;EsGsef;EACA;;AAEA;EACE;;AAIJ;EACE,StG5egB;EsG6ehB;EACA,kBtG3uBE;;AsG6uBF;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE,WtG1fa;EsG2fb,etG1fiB;EsG2fjB,gBtG1fkB;;AsG4flB;EACE,StG5fe;EsG6ff,WtG5fiB;EsG6fjB,etG5fqB;EsG6frB,gBtG5fsB;EsG6ftB,OtGvyBiB;;AsG4yBvB;EACE,kBtGtxBY;EsGuxBZ;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAKE;EACE,StG/gBO;;AsGqhBT;EACE;EACA;EACA,QtGlzBA;EsGmzBA;;AAIJ;EACE;EACA;;AAiBY;EACE,QtG30BZ;;AsG80BU;EACE,MtGlnBA;;AsGunBF;EACE;;AAEA;EACE;;AAGF;EACE;;AAQR;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,OtGj7BQ;;AsGm7BR;EACE;EACA;;AAKF;EACE;EACA;;AAMJ;EACE;EACA;EACA;EACA,YtGt6BA;EsGu6BA;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,kBtG59BJ;EsG69BI;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,OtG1nCA;EsG2nCA;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;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;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;;;AAON;EACE;;AAOJ;EACE;EACA;;AAWc;EADF;IAEI,MtGvxCd;;;AsGmyCM;EACE,OtGpyCR;;AsGyyCU;EADF;IAEI,OtG1yCZ;;;AsGszCJ;EACE;EACA;EACA,OtG91CuB;EsG+1CvB;EACA;EACA;;AASA;EACE;EACA;EACA;EACA;EACA,OtG12CQ;EsG22CR;;AAEA;EACE;EACA;;AAKF;EACE;EACA;;AAIJ;EACE;;AAIJ;EACE;;AAGF;EACE,atGnnCkB;EsGonClB;;AAEA;EACE;EACA;;AAIA;EACE;;AAGF;EACE;;AAOF;EACE;EACA;EACA;EACA;EACA;EACA,YtG/3CF;EsGg4CE,OtG/oCc;EsGgpCd;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;;AAIA;EACE;EACA;;AAGF;EACE;;AAWlB;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AASU;EACE;EACA;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;EACA,OtGloDA;EsGmoDA;;AAEA;EACE;EACA;;AAKF;EACE;EACA;;AAIJ;EAEE;;AAIJ;EACE;;AAGF;EACE,QtG74CG;EsG84CH;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;EACE;;AAGE;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIA;EACE;;AAKN;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA,OtG7tDC;EsG8tDD;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;EACA;;AAIA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAOF;EACE;EACA;;AASF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;AAIA;EACE;EACA;;AAOV;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAKN;EACE;;AAGF;EACE;EACA;EACA;;AAOE;EACE;EACA;;AAKF;EACE;;AAIJ;EACE;;AAKE;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIA;EACE;EACA;;AAEA;EACE;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMA;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;;AAIF;EACE;;AAMR;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBtG39DZ;EsG49DY;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIA;EACE;EACA;;AAKF;EACE;;AAIJ;EACE;EACA;;AAapB;EACE;EACA;;AAIA;EACE;;AAMR;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKF;EACE;;AAKE;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAOV;EACE;EACA;EACA,atG/yDgB;;AsGszDhB;EACE,OtGr/DY;;AsG0/Dd;EACE;;AAekB;EACE,QtG3gER;;AsG8gEM;EACE,MtG/gER;;AsGqhEQ;EACE;;AAGF;EACE;;AAON;EACE,YtG/hET;;AsG4iEb;EACE,kBtGnjEe;;AsGyjEP;EACE,OtGvjEI;;AsG2jEJ;EACE,QtG5jEE;;AsG+jEJ;EACE,MtGhkEE;;AsG4kEE;EACE;;AAEA;EACE;EACA;;AAOF;EACE,OtGzlEN;;AsGumEF;EACE,OtGxmEA;;AsG2mEF;EACE;;AAUZ;EACE;;AAGF;EACE;;AAMJ;EACE,OtGloEY;;AsGyoEhB;EACE;;AAYE;EACE;EACA;;AAQN;EACE;EACA;EACA;EACA;EACA,OtGxvEQ;EsGyvER;EACA;EACA,kBtGttEQ;EsGutER;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKF;EACE;EACA;EACA;;AAIJ;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,YtG31EF;EsG41EE;EACA;EACA;EACA;;AAKA;AAAA;EAEE;;AAGF;EACE;EACA;EACA;;AAGE;EACE,OtGl4EF;;AsGo4EE;EACE;EACA,OtGt4EJ;EsGu4EI;EACA;EACA;;AAGF;EACE;EACA,OtG55EF;;AsGg6EE;EACE,OtGj6EJ;;AsGo6EE;EACE;;AAKN;EACE;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBtGx5EV;EsGy5EU;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGE;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA,OtG39ER;EsG49EQ;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAII;EACE,kBtG19ER;;AsGm+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;;AASR;EACE;EACA;EACA;EACA;;AAKA;EACE;EACA;EACA;EACA;EACA,OtGnmFQ;EsGomFR;EACA;EACA,kBtGjkFQ;EsGkkFR;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,kBtGzxFR;EsG0xFQ;;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,OtG14FU;;AsG64FZ;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;;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAMJ;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;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,kBtGv+FgB;;AsG0+FlB;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,kBtG1mGK;EsG2mGL;EACA;;AAIJ;EACE;;AAMI;EACE;;AAIA;EADF;IAEI;;;AAGF;EALF;IAMI;;;AAQZ;EACE;EACA,kBtG1oGc;;AsG4oGd;EACE;EACA;EACA;;AAGF;EACE;EACA,kBtGjnGE;EsGknGF;;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;IACA;;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,OtG7yGhB;IsG8yGgB;IACA;IACA;IACA;;EAKF;IACE;IACA;;EAIA;IACE;IACA;IACA;IACA,kBtGrzGtB;IsGszGsB;IACA;IACA;;EAMA;IACE;IACA;;EASR;IACE;IACA;IACA;IACA;;EAWlB;IACE;;EAGF;IACE;;;AAOV;EAII;IACE;;EAEA;IACE;IACA;IACA;IACA;IACA;IACA,YtG/1Gc;;EsGk2GhB;IACE;;EAGE;IACE;IACA;;EAKN;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE,OtGz4GF;;EsGg5GQ;IACE,QtGj5GV;;EsGs5GY;IACE,QtG77GE;;EsGq8GV;IACE,OtGh6GR;;EsGo6GU;AAAA;IACE,QtGr6GZ;;EsG06GU;IACE,QtG36GZ;;EsG+6GQ;IACE,QtGh7GV;;EsGs7GM;IACE,OtG79GQ;;EsGi+GZ;IACE,OtGl+GU;;EsG0+GF;IACE;;EAUhB;IACE;IACA;;EAKF;IACE;IACA;IACA;IACA;;EAKE;IACE;IACA;;EAKN;IACE,OtGv+GF;IsGw+GE;IACA;IACA;;EAKM;IACE,QtGh/GV;;EsGo/GM;IACE;;EAIA;IACE;;;AAWlB;EAKM;IACE;;;AAMR;EAIQ;IACE;;;AAOV;EAEI;IACE;;;AAKN;AACA;AAAA;AAAA;AC9kHA;AAAA;AAAA;AAGA;AAmGE;AA2CA;AAEA;AAWA;;AA1JA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIA;EADF;IAEI;IACA;;;AAMA;EACE;;AAQF;EACE;;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;;AAUF;EACE;EACA;;AAUN;EACE;EACA;;AAQF;EACE;;AAMJ;EACE;EACA;;AAGE;EACE;EACA;;AAIJ;EACE;EACA;;AAOJ;EACE;;AAKF;EACE;EACA;;AAMA;EACE;EACA;;AAQA;EACE;EACA;;AAQI;EACE;EACA;EACA;EACA;EACA;EACA;;AAOF;EACE;EACA;EACA;EACA;EACA;EACA;;AAUZ;EACE;;AAMF;EACE;EACA;;AAOA;EACE;EACA;;AAOF;EACE;EACA;;AASA;EACE;;AAUF;EACE;;AAKF;EACE;EACA;;AAON;EACE;EACA;EACA;;AAOA;EACE;EACA;;AAIJ;EACE;EACA;;AAIA;EACE;;AAQF;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;;AASF;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;;AASd;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;;AAiBN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;;AAKF;AAAA;AAAA;EACE;;AAMR;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;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;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;;AAOM;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAYI;EACE;EACA;;AAiBN;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;;AAQF;EAME;EACA;;AANA;EACE;EACA;;AAUE;EACE;;AAOV;EACE;EACA;;AAMA;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;;AAIA;EACE;EACA;;AAOF;EACE;;AAIE;EACE;EACA;;AAMR;EACE;;AAMA;EACE;;AAIJ;EACE;EACA;EACA;;AAMN;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;;AASI;EACE;;AAYF;EACE;;AAME;AAAA;EAEE;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAGF;EACE,oBvGlxGI;;AuGqxGN;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;;AAKF;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;EA0CE;;AAzCA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAMI;EACE;EACA;;AAGF;EACE;EACA;;AAKN;EACE;EACA;;AAIJ;EACE;EACA;;AAMA;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;;AAEA;EACE;;AAEA;EACE;EACA;;AAEA;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;;AAOF;EACE;EACA;;AAGF;EACE;;AAEA;EACE;EACA;;AAMJ;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;AAKN;EACE;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA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J;EACE;EACA;;AAMJ;EACE;EACA;;AAIJ;EACE;;AAEA;AAAA;EAEE;EACA;;AAKJ;EACE;;AAKA;EACE;EACA;;AAMF;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;;AAIA;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;EACA;;AAaA;EACE;;AAEA;EACE;EACA;;AAcN;AAAA;EACE;EACA;;AAaE;AAAA;A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AAMF;EACE;;AAKJ;AAAA;AAAA;EAGE;EACA;;AAIF;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;;AAQF;EACE;EACA;;AAEA;EACE;;AAQA;EACE;EACA;;AAGF;EACE;;AAGE;EACE;EACA;EACA;;AAKN;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAMJ;EACE;EACA;EACA;;AAUA;EACE;;AAWA;AAAA;EAEE;EACA;;AASF;EACE;EACA;;AASN;EACE;EACA;;AAMJ;EACE;EACA;;AAMN;EAGE;IACE;IACA;;;AAIJ;EAEI;IACE;IACA;;EAMA;IACE;;EAKN;IACE;;EAGF;IACE;IACA;;EAMI;IACE;IACA;;;AAOV;EACE;IACE;;EAYM;IACE;IACA;;;AAQZ;EACE;IACE;;;AAIJ;EAEI;IACE;IACA;;EAIJ;IACE;IACA;;EAWc;IACE;IACA;;EAcZ;IACE;;EAQJ;IACE;;EAIA;IACE;;EAOF;IACE;;EAGE;IACE;IACA;;EAMR;IACE;;EAQA;IACE;;EAIJ;IACE;IACA;IACA;;EAKN;IACE;;EAGF;IACE;IACA;;;AAIJ;EAGM;IACE;;EASE;IACE;;EAEA;IACE;;EAKF;IACE;IACA;IACA;IACA;;EAQJ;IACE;IACA;IACA;IACA;IACA;IACA;;EAQN;IACE;;EAKF;IACE;;EAIA;IACE;;EAQJ;IACE;;EASE;IACE;IACA;;EAUR;AAAA;IAEE;;EAKF;IACE;;EAOE;IACE;;EAIJ;IACE;;EAIJ;IACE;;EAIA;IACE;IACA;;EAME;IACE;;EAWF;IACE;;EASN;IACE;;;AAMR;EAKU;IACE;IACA;;;AAQZ;EACE;IACE;;EAIA;IACE;IACA;;EAIJ;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;EAIA;IACE;;EAEA;IACE;;;AAMR;EAIQ;IACE;;EASF;IACE;;EAeN;IACE;IACA;;EAOE;IACE;;EAON;IACE;;EAMA;IACE;;;AAMR;EACE;IACE;IACA;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;IACA;;;AAIJ;EAIM;IACE;;EASE;IACE;;EAYA;IACE;IACA;;EAOF;IACE;;EAWJ;IACE;IACA;IACA;IACA;IACA;IACA;;EAUJ;IACE;IACA;;EAWE;IACE;;EAOF;IACE;IACA;;EAUR;IACE;;EAQA;IACE;;EAEA;IACE;;EAQR;IACE;;EAMA;IACE;;EAMJ;IACE;;;AAyBA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAOF;AAAA;AAAA;AAAA;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;EACE;;AAEA;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;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;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;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;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;A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AAAA;IACE;;EAIA;AAAA;AAAA;AAAA;IACE;;EAIJ;AAAA;AAAA;AAAA;IACE;;EAGF;AAAA;AAAA;AAAA;IACE;;EASR;IACE;;EAUI;AAAA;IACE;;EAQR;IACE;IACA;;EAEA;IACE;IACA;IACA;;EAOF;IACE;;EAQA;IACE;IACA;;EAEA;IACE;IACA;;EAeF;AAAA;AAAA;AAAA;IACE;;EAkBE;AAAA;AAAA;AAAA;IACE;;EAWZ;IACE;;EAGF;IACE;;EAIA;IACE;IACA;;EAEA;IACE;IACA;;EAGF;IACE;IACA;IACA;IACA;;EAMR;IACE;;EAEA;IACE;IACA;;EAEA;IACE;;EASE;IACE;;EAMR;IACE;;EAOE;IACE;;EAEA;IACE;;EAGF;IACE;IACA;IACA;IACA;;EAQR;IACE;;EAEA;IACE;;EASA;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;;EAQR;IACE;;EAGF;IACE;;EAOF;IAEE;;EAOA;IACE;;EAOJ;IACE;IACA;;EAKJ;IACE;;EAEA;IACE;;EAMA;IACE;;EAMJ;IACE;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;;EAKN;IACE;IACA;;EAIA;IACE;;EAKF;IACE;;EAMA;IACE;;EAMJ;IACE;;EAMA;IACE;;EAQA;IACE;;EAON;IACE;IACA;;EAMA;IACE;;EAGF;IACE;;EAGF;IACE;;EAOJ;IACE;IACA;;EAGF;IACE,YxGhiDY;;EwGmiDV;IACE;IACA,KxGriDQ;IwGsiDR;;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,YxGp3Da;IwGq3Db;IACA,YxG/yDY;IwGgzDZ;IACA;;EAEA;IACE;IACA;IACA;IACA,YxG93DW;;EwGg4DX;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;;EAIJ;IACE;IACA;IACA;IACA;;EAMQ;IACE;IACA;;EAOV;IACE;IACA;;EAMQ;IACE;;EAQZ;IACE;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;;EAQZ;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;;EAIF;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;IACA;IACA;IACA;IACA;IACA;IACA;IACA,kBxGl8EA;IwGm8EA;;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;;;AAMR;EACE;IACE;;EAGF;IACE;;;AAIJ;EAGM;IACE;;;AAMR;EACE;IACE;;;AAMA;EADF;IAEI;IACA;;;AAGF;EANF;IAOI;IACA;;;AAGF;EAXF;IAYI;IACA;;;AAGF;EAhBF;IAiBI;IACA;;;AAMN;EAEI;IACE;;;;AAMR;AAAA;AAAA;A3GlwEA;AAAA;AAAA;A4G/YA;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,kBzG0BI;;AyGvBN;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;EACA;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,kBzG5EM;EyG6EN;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA,OzGtGK;;AyGyGP;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA,OzGxHG;;AyG4HH;EACE;;AAKN;EACE;EACA;EACA;;AAGE;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA,kBzG1JA;EyG2JA;;AAMA;EACE;EACA;EACA;EACA;;AAOF;EACE;EACA;;AAKN;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIA;EACE;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;AAMJ;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAMA;EACE;;AAQN;AAAA;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAYM;EAEE;EACA;EACA;;AAGF;EAEE;EACA;;AAUA;EACE;;AAUhB;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAGE;EACE;EACA;EACA;;AAKN;EACE;;;AAON;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE,kBzGhZI;;AyGsZZ;EACE,kBzGnZS;EyGoZT;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA,kBzGnYA;;AyGqYA;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;AC3dA;AAAA;AAAA;AAQI;AAAA;EAEI;EACA;EACA,Y1G4BA;;;A0GpBI;EACI,kB1GsBK;;A0GfT;EACI,qB1GcK;E0GbL;;AAOJ;EACI,mB1GKK;E0GJL;;AAOJ;EACI,oB1GJK;E0GKL;;A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C;;AAEA;EACC;;AAGD;EACC,kB3G3CkB;E2G4ClB,O3GzCiB;;A2G8ClB;EACC,M3GhDmB;;A2GqDtB;EACC,kB3GzDoB;E2G0DpB,O3GtDmB;E2GuDnB;;AAGD;EACC,qB3GxDgB;;A2G2DjB;EACC,qB3G5DgB;;A2G+DjB;EACC;EACA,Y3GxEoB;;A2G0EpB;EACC,O3GxEoB;;A2G2ErB;EACC,Y3G9EmB;E2G+EnB;EACA,O3G9EoB;;A2GmFrB;EACC,O3GnFkB;;A2GuFpB;EACC,kB3G5FoB;E2G6FpB;;AAGD;EACC,kB3GjGoB;;A2GuGpB;EACC;;AAQC;EACC,c3G/GY;;A2GkHb;EACC,c3G9Ga;;A2GqHhB;EACC,kB3G5HmB;E2G6HnB,c3GvHe;;A2G2Hf;EACC,kB3GnIkB;;A2GwIrB;EACC;;AAGD;EACC,Y3GxIoB;;A2G6InB;EACC,O3G/IiB;;A2GsJlB;EACC;;AAMF;EACC;;AAKD;EACC,Y3GvKmB;;A2G0KpB;EACC,c3GrKe;;A2G2Kd;AAAA;EAEC,O3GhLgB;;A2GuLnB;EACC,kB3G3LmB;;A2G+LnB;EACC,qB3GjMkB;;A2GmMlB;EACC,qB3GnMiB;;A2GyMnB;EACC,kB3G3MkB;;A2G6MlB;EACC,kB3G7MiB;;A2GmNnB;EACC,mB3GrNkB;;A2GuNlB;EACC,mB3GvNiB;;A2G4NpB;EACC,qB3G7NmB;;A2GmOpB;AAAA;EAEC,c3G/Ne;;A2GkOhB;EACC,kB3G1OmB;;A2GiPlB;EACC,kB3GlPiB;;A2G0PpB;EACC,O3GvPkB;;A2G6PlB;EACC;;AAQA;EACC;;AAOJ;EACC;EACA;;AAIA;EACC;;AAKD;EACC;;AAOC;EACC;EACA;;AAYC;EACC;;AAQJ;EACC,Y3G7TkB;;A2GiUlB;EACC;;AAKH;EACC,Y3GzUmB;;A2G8UpB;EACC,Y3G9UmB;E2G+UnB;;AAEA;EACC,M3G/UiB;;A2GoVpB;EACC,O3GrVmB;;A2GyVnB;EACC,Y3G7VmB;E2G8VnB,O3G9YI;;A2GkZN;EACC,kB3GnWoB;;A2GsWrB;EACC;;AAGD;EACC;;AAGD;EACC,O3G5WmB;;A2GgXnB;EACC,O3GjXkB;;A2GqXpB;EACC,O3G/cqB;;A2GidrB;EACC;;AAQD;AAAA;EAEC,O3GnYkB;;A2GwYpB;EACC;EACA;EACA;;AAEA;EACC,kB3GjZmB;E2GkZnB,O3G/YkB;E2GgZlB,qB3G7Ye;;A2GgZhB;EACC,kB3GvZmB;E2GwZnB;;AAKD;EACC,kB3G5dgB;;A2G8dhB;EACC,c3G3Zc;;A2G8Zf;EACC,kB3GrakB;;A2G2apB;EACC,kB3G1egB;;A2Giff;EACC,kB3Glfc;;A2GwflB;EACC;;AAIA;EACC,O3G9boB;;A2GkctB;EACC;;AAGD;EACC,O3GtcmB;;A2GycpB;EACC,kB3G9coB;E2G+cpB;;AAGD;EACC,kB3GndoB;;A2GudnB;EACC,kB3GrhBe;;A2GyhBf;EACC;;AAMJ;EACC,kB3GpeoB;E2GqepB,c3G9dgB;;A2GkehB;EACC;;AAEA;EACC;;AAIF;EACC,O3G1emB;;A2G+erB;EACC,kB3GxfoB;;A2G0fpB;EACC,kB3G3fmB;;A2GggBpB;EACC,kB3GhgBmB;;A2GmgBlB;EACC,kB3GngBY;E2GogBZ,O3GlgBgB;;A2GogBhB;EACC,kB3GzgBgB;;A2GshBlB;AAAA;EACC;;AAEA;AAAA;EACC,kB3G1hBgB;;A2GgiBlB;AAAA;EACC;;AAEA;AAAA;EACC,kB3GpiBgB;;A2G+iBnB;AAAA;EACC,kB3GhjBkB;;A2GwjBnB;AAAA;EACC;;AAMF;EACC,kB3G/jBmB;;A2GokBpB;EACC,O3G7jBY;;A2G+jBZ;EACC,O3GhkBW;;A2GwkBX;EACC,kB3G/oBc;;A2G0pBd;EACC,kB3G7lBgB;;A2GymBlB;EACC,mB3GzmBY;;A2GgnBb;EACC,oB3GjnBY;;A2GwnBb;EACC,kB3GznBY;;A2GgoBb;EACC,qB3GjoBY;;A2GwoBb;EACC,kB3GzoBY;;A2GgpBb;EACC,qB3GjpBY;E2GkpBZ,kB3GjtBc;;A2GwtBf;EACC,mB3G1pBY;E2G2pBZ,kB3G1tBc;;A2GiuBf;EACC,oB3GnqBY;E2GoqBZ,kB3GnuBc;;A2GwuBjB;EACC,kB3G1qBc;E2G2qBd,O3G5tBI;;A2GguBJ;EACC,kB3GhrBa;;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CC;;AAOE;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAUA;EACC;EACA;;AAEA;EACC;;AAQJ;EACC,c3GxqIU;;A2GklIb;EACC;EACA,kB3G3lIgB;;A2G8lIjB;EACC;;AAGD;EACC;EACA,kB3GpmIgB;;A2GumIjB;EACC;;AAGD;EACC;EACA,kB3G7mIgB;;A2GgnIjB;EACC;;AAGD;EACC;EACA,kB3GtnIgB;;A2GynIjB;EACC;;AAGD;EACC;EACA,kB3G/nIgB;;A2GkoIjB;EACC;;AAOE;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAUA;EACC;EACA;;AAEA;EACC;;AAQJ;EACC,c3GxqIU;;A2GklIb;EACC;EACA,kB3G3lIgB;;A2G8lIjB;EACC;;AAGD;EACC;EACA,kB3GpmIgB;;A2GumIjB;EACC;;AAGD;EACC;EACA,kB3G7mIgB;;A2GgnIjB;EACC;;AAGD;EACC;EACA,kB3GtnIgB;;A2GynIjB;EACC;;AAGD;EACC;EACA,kB3G/nIgB;;A2GkoIjB;EACC;;AAOE;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAUA;EACC;EACA;;AAEA;EACC;;AAQJ;EACC,c3GxqIU;;A2GklIb;EACC;EACA,kB3G3lIgB;;A2G8lIjB;EACC;;AAGD;EACC;EACA,kB3GpmIgB;;A2GumIjB;EACC;;AAGD;EACC;EACA,kB3G7mIgB;;A2GgnIjB;EACC;;AAGD;EACC;EACA,kB3GtnIgB;;A2GynIjB;EACC;;AAGD;EACC;EACA,kB3G/nIgB;;A2GkoIjB;EACC;;AAOE;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAUA;EACC;EACA;;AAEA;EACC;;AAQJ;EACC,c3GxqIU;;A2GklIb;EACC;EACA,kB3G3lIgB;;A2G8lIjB;EACC;;AAGD;EACC;EACA,kB3GpmIgB;;A2GumIjB;EACC;;AAGD;EACC;EACA,kB3G7mIgB;;A2GgnIjB;EACC;;AAGD;EACC;EACA,kB3GtnIgB;;A2GynIjB;EACC;;AAGD;EACC;EACA,kB3G/nIgB;;A2GkoIjB;EACC;;AAOE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CC,kB3G7rNmB;E2G8rNnB,O3G1rNkB;E2G2rNlB;;AAEA;EACC,kB3GhsNa;;A2G0sNX;EACC,kB3G7sNe;E2G8sNf,O3G1sNc;E2G2sNd;;AAEA;EACC,kB3GhtNS;;A2G4tNb;EACC,kB3G/tNiB;E2GguNjB,O3G5tNgB;E2G6tNhB;;AAEA;EACC;;AAUH;EACC;EACA;;AASC;EACC,kB3G1vNgB;E2G2vNhB,O3GvvNe;;A2GgwNlB;EACC,kB3GrwNkB;E2GswNlB,O3GlwNiB;E2GmwNjB;;AAEA;EACC,kB3GxwNY;;A2G+wNf;EACC,kB3GhxNc;;A2GmxNb;EACC,O3GlxNgB;;A2GqxNjB;EACC,kB3Gv1Nc;;A2G+1NhB;EACC,O3G/xNiB;;A2GsyNnB;EAEC,kB3G5yNmB;;A2GkzNpB;EAeC;EACA,kB3G3zNe;;A2G6yNd;EACC,O3GrzNiB;;A2GwzNlB;EACC,kB3GxzNiB;;A2G0zNjB;EACC;;AASJ;EACC,O3Gt0NmB;;A2Gy0NpB;EACC;;AAGC;EACC;;AAaE;EACC,O3Gz1Ne;;A2G81NlB;EACC,O3G/1NiB;;A2Gu2NrB;EACC,O3G12NmB;;A2Gk3NlB;EACC;;AAGD;EACC;EACA;;AAKH;EACC;;AAMD;EACC;;AAMA;EACC;EACA;;AAEA;EACC;;AASD;EACC;;AAkBE;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAYJ;EACC;;AAQH;EACC,O3Gn8NmB;;A2Gs8NpB;EACC,O3Gv8NmB;;A2G48NlB;EACC,O3Gr8NU;;A2Gy8NV;EACC,O3G18NS;;A2G88NX;EACC,O3Gp9NgB;;A2G89NhB;EACC,O3G/9Ne;;A2Gk+NhB;EACC,O3Gn+Ne;;A2Gw+NhB;EACC,O3Gz+Ne;;A2G4+NhB;EACC,O3G7+Ne;;A2Gq/NnB;EACC,O3Gt/NkB;;A2G0/NpB;EACC;;AAIE;EACC,O3GhgOgB;;A2G0gOjB;EACC,kB3G/gOiB;;A2GshOpB;EACC;;AAGD;EACC,O3G3hOmB;;A2G6hOnB;E7GhiOA,cEGmB;EFFnB,qB6GgiO2C;E7G/hO3C,mB6G+hOoE;;A7G7hOpE;EACI;EACA,oB6G2hOgE;;AAOlE;E7GxiOF,cEGmB;EFFnB,qB6GwiO6C;E7GviO7C,mB6GuiOsE;;A7GriOtE;EACI;EACA,oB6GmiOkE;;AAMvE;EACC,kB3G3iOc;;A2G+iOZ;E7GpjOF,cEKc;EFJd,qB6GojOwC;E7GnjOxC,mB6GmjOiE;;A7GjjOjE;EACI;EACA,oB6G+iO6D;;AAKjE;EACC,kB3GtjOa;;A2G6jOd;EACC,kB3GhkOkB;;A2GkkOlB;EACC,kB3GjkOY;E2GkkOZ,O3GhkOgB;;A2GokOlB;EACC,kB3GxkOkB;;A2G2kOjB;EACC,kB3G5kOgB;;A2G8kOhB;EACC,kB3G/kOe;;A2GolOlB;EACC,kB3GtlOiB;;A2GwlOjB;EACC,kB3GzlOgB;;A2G4lOjB;EACC;;AAOH;EACC,kB3G5lOW;;A2G+lOV;EACC,kB3GvmOW;E2GwmOX,O3GtmOe;;A2G4mOnB;EACC;;AAMD;EACC,O3G1rOQ;E2G2rOR;EACA;;AAGD;EACC,kB3G5nOc;;A2G+nOf;EACC,kB3GloOmB;;A2GsoOnB;EACC,kB3GvoOkB;;A2G0oOnB;EACC,kB3G1oOkB;E2G2oOlB;;AAEA;EACC;;AAIF;EACC,c3G7oOc;;A2GmpOhB;EACC;;AAOA;EACC,O3G/pOiB;;A2GqqOnB;EACC,kB3G1qOmB;;A2GgrOnB;EACC,O3G7qOiB;;A2GmrOjB;EACC;;AAIF;EACC,Y3G1vOe;;A2GiwOd;AAAA;EACC;EACA;;AASJ;EACC,O3GtyOe;;A2GyyOhB;EACC;;AAMF;EACC;;AAEA;AAAA;EAEC,O3G3tOkB;;A2G8tOnB;EACC;;AAIF;EACC;;AAIA;EACC,c3GtuOe;;A2GyuOhB;EACC,kB3GjvOmB;;A2GsvOrB;AAAA;EAEC,O3GrvOqB;E2GsvOrB,kB3GvvOe;;A2G6vOf;AAAA;AAAA;EACC,kB3GhwOmB;;A2GswOpB;AAAA;EACC,Y3GvwOmB;E2GwwOnB,c3GjwOe;;A2GswOhB;EACC,kB3G9wOmB;;A2GqxOpB;AAAA;EAEC,Y3GrxOc;;A2G2xOf;EACC;;AAMA;EACC;;AAGD;EACC,O3GxyOkB;;A2G0yOlB;EACC;;AAOF;AAAA;EACC;;AAOD;EACC;EACA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A;EAEC,O3G9oQiB;;A2GipQlB;EACC,O3GjpQkB;;A2GupQnB;AAAA;EAEC,c3GvpQc;E2GwpQd,kB3G9pQkB;;A2GwqQjB;EACC,c3GnqQY;;A2GsqQb;AAAA;EAEC;;AAGD;EACC,O3G/qQe;;A2GurQpB;EACC,O3GvrQoB;E2GwrQpB,kB3G7rQoB;E2G8rQpB,c3G9rQoB;;A2GmsQpB;AAAA;EAEC,kB3GrsQmB;E2GssQnB,c3GtsQmB;E2GusQnB,O3GnsQkB;;A2G4sQhB;EACC,c3G1sQY;;A2G4sQZ;EACC,O3GhtQc;;A2GytQd;EACC,O3G3tQe;;A2GquQpB;EACC,c3GzuQkB;;A2G4uQjB;EACC,kB3G7uQgB;;A2GwwQjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC,kB3GzwQgB;E2G0wQhB,O3GtwQe;E2GuwQf,c3GpwQY;;A2GwwQZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC,S3G70QY;;A2Go1Qb;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;EACC;;AAMF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC,O3G/xQe;;A2GoyQhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC,O3GryQe;;A2GwyQhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC,kB3G7yQgB;E2G8yQhB,O3G1yQe;E2G2yQf;;AAKD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC,kB3GrzQgB;;A2GuzQhB;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;EACC,kB3G5zQe;E2G6zQf,O3GzzQc;;A2Gk0QpB;EACC;;AAQG;EACC,Y3Gx0QgB;;A2G00QhB;EACC,kB3Gx0QiB;E2Gy0QjB,O3Gn4QA;E2Go4QA,Q3Gl5QY;;A2Go5QZ;EAEC,e3Gl1QU;;A2G81QhB;AAAA;EACC,kB3Gt2QmB;E2Gu2QnB,c3Gv2QmB;E2Gw2QnB,O3Gp2QkB;;A2Gw2QpB;EACC,kB3G72QoB;E2G82QpB,c3G92QoB;;A2Gm3QnB;EACC,kB3Gp3QkB;E2Gq3QlB,c3Gr3QkB;;A2Gw3QnB;EACC,kB3Gz3QkB;E2G03QlB,c3G13QkB;;A2G63QnB;EACC,kB3G93QkB;E2G+3QlB,c3G/3QkB;;A2Gy4QhB;EACC,O3G14Qe;;A2Gq5QnB;EACC;;AAGD;EACC;;AAIE;EACC,kB3G/5Qe;;A2G26QnB;AAAA;EACC,kB3G56QkB;E2G66QlB,O3Gz6QiB;;A2Gk7QjB;EACC,O3G96QU;;A2Gq7Qd;EACC;;AAGC;EACC,qB3Gn8QkB;;A2Gs8QnB;EACC,qB3Gv8QkB;;A2G48QnB;EACC,kB3G78QkB;;A2Gg9QnB;EACC,kB3Gj9QkB;;A2Gq9QpB;EACC,kB3Gt9QmB;;A2G29QnB;AAAA;EAEC,M3Gz9QiB;;A2G49QlB;EACC,O3G79QiB;;A2G+9QjB;EACC,kB3Gp+QiB;;A2Gw+QnB;EACC,O3Gr+QiB;;A2G4+QhB;EACC,Y3G/+QW;E2Gg/QX,c3Gh/QW;E2Gi/QX;;AAMJ;EACC;;AAGD;EACC,O3G1/QkB;;A2G4/QlB;EACC,O3G5/QkB;;A2G+/QnB;EACC,O3GhgRkB;;A2GmgRnB;EACC,Y3GvgRa;;A2G2gRf;EACC,kB3GvgRe;;A2GygRf;EACC,O3G7gRiB;;A2GghRlB;EACC,O3GhhRkB;E2GihRlB,Y3GthRkB;;A2GwhRlB;EACC,O3GrhRgB;;A2G2hRpB;EACC;;AAEA;EACC,Y3GvhR0B;;A2GiiRtB;EACC,kB3G7iRc;E2G8iRd,O3G3iRa;;A2GqjRpB;EACC,kB3G1jRoB;;A2G6jRrB;EACC,O3G3jRqB;;A2G6jRrB;EACC,O3G9jRoB;;A2GkkRpB;EACC,O3GjkRkB;;A2GskRrB;EACC,c3GrkRgB;E2GskRhB;;AAEA;EACC,O3G5kRkB;;A2GglRpB;EACC;EACA;;AAEA;EACC,O3GrlRkB;;A2GwlRnB;EACC;;AAKD;EACC,c3G5lRe;E2G6lRf,kB3GnmRmB;E2GomRnB,O3GjmRkB;;A2GmmRlB;EACC;;AAKD;EACC;;AAMD;AAAA;EACC;;AAKH;EACC,O3GvnRmB;;A2G0nRpB;EACC,kB3G9nRoB;;A2GmoRnB;EACC,kB3GznRyB;;A2GioRxB;EACC,kB3G1oRe;;A2G+pRZ;AAAA;AAAA;AAAA;EACC;;AAgBL;EACC;;AAQJ;EACC,kB3G7rRmB;;A2GmsRnB;EACC,kB3GpsRkB;E2GqsRlB;;AAOG;EACC,kB3G3wRW;;A2GoxRZ;EADD;IAEE;;;AAQE;EACC;;AAkBL;EACC;;AAEA;EACC,M3GnvRa;;A2GiwRf;EACC;EACA,c3GhwRW;;A2GkwRX;EACC;;AAIF;EACC,O3G3wRc;;A2GsxRlB;AAAA;EAEC,O3GxxRiB;;A2GoyRd;AAAA;EAEC;;AAUN;EACC,O3GjzRkB;;A2GozRnB;EACC;;AAKF;EACC;;AAKC;EACC;;AAUC;EACC,O3G30RgB;;A2Gw1Rf;EACC,O3G11Ra;;A2Gm2RpB;EACC,qB3Gj2RgB;;A2Gm2RhB;EACC,qB3Gt2RmB;;A2Gw2RnB;EACC;;AAOD;EACC,O3Gl3RiB;;A2Gq3RlB;EACC,kB3Gn3Rc;;A2G43Rf;EACC;;AAIA;EACC;;AAOD;EACC;;AAOJ;EACC,O3Gr5RmB;;A2Gy5RnB;EACC;;AAQC;EACC,kB3Gr6RY;E2Gs6RZ,O3Gp6RgB;;A2Gs7Rb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;AAKD;AAAA;AAAA;AAAA;EACC;;AAGC;AAAA;AAAA;AAAA;EACC;;AAaD;EACC,M3Gj9RY;;A2Gg+RpB;EACC;;AAWC;EACC,kB3Gh/RgB;E2Gi/RhB,c3G/+RW;;A2Gi/RX;EACC,O3Gh/Rc;;A2Gm/Rf;EACC,O3Gp/Rc;;A2G2/RjB;EACC,kB3GhgSiB;E2GigSjB,c3G//RY;;A2G2gSX;EACC,O3G3gSgB;;A2GshSpB;EACC;EACA;;AAQD;EACC;;AASG;EACC;;AAMJ;EACC;;AAIC;EACC,Q3GtjSc;;A2G0jShB;EACC;;AASH;EACC,kB3GzkSkB;E2G0kSlB,c3GnkSc;E2GokSd,O3GxkSmB;;A2G6kStB;EACC,c3G1kSgB;;A2G6kSf;EACC,Q3GllSmB;;A2GqlSpB;EACC,kB3GzlSkB;E2G0lSlB;EACA;;AAGC;EACC,kB3G9lSgB;E2G+lShB;EACA,O3G9lSiB;;A2GomSpB;EACC,O3GnmSkB;;A2GumSpB;EACC,O3GxmSmB;;A2GknSf;EACC;;AAKD;EACC;;AAOL;EACC;;AAME;EACC;;AAKD;EACC;;AAUF;EACC,kB3G9pSgB;E2G+pShB;EACA,O3G3pSgB;;A2G6pShB;EACC,O3G9pSe;;A2GmqSjB;EACC,O3GpqSgB;;A2GyqSjB;EACC,Y3G/qSgB;E2GgrShB;EACA;EACA,O3G7qSgB;;A2GgrShB;EACC,kB3GrrSe;;A2G4rSlB;EACC;;AASD;EACC,Y3GhsSiB;;A2GmsShB;EACC,kB3GvsSe;E2GwsSf,O3G1sSgB;;A2GmtSrB;EACC;;AAIF;EACC,kB3G5tSoB;;A2GmuSlB;EACC;EACA,kB3GruSiB;;A2G8uSlB;EACC;;AAGC;EACC,O3GhvSgB;;A2G4vSpB;EAEC;;AAGD;EACC;;AAOD;EACC,O3GzwSiB;;A2GgxSnB;EACC,O3GjxSkB;;A2GqxSlB;EACC,O3GrxSkB;;A2G+xSjB;EACC;;AAIA;EACC,Q3GtySc;;A2G2ySjB;EACC;;AAQF;EACC,c3GlzSc;;A2G0zSf;EACC;;AAEA;EACC,M3Gj0SgB;;A2Gw0SjB;EACC;EACA;;AAIF;EACC,kB3Gn1SkB;E2Go1SlB,O3Gj1SmB;;A2Gs1SpB;EACC;;AAIF;EAEC,O3G51SkB;E2G61SlB,kB3Gj2SmB;;A2Gs2SrB;EACC;;AAEA;EACC;;AAQC;EACC,O3G/2SgB;;A2Gu3SnB;EACC,kB3G53SmB;;A2G+3SpB;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAMD;EACC,Q3Gn5SkB;;A2G05SjB;EACC,kB3G/5SiB;;A2Gk6SlB;EACC,kB3Gn6SiB;E2Go6SjB;EACA,O3Gj6SgB;;A2Gm6ShB;EACC,O3Gp6Se;;A2G66SjB;EACC,O3G96SgB;;A2Gq7SnB;EACC,kB3G17SmB;E2G27SnB,c3Gp7Se;E2Gq7Sf,O3Gv7SmB;;A2Gy7SnB;EACC,O3G57SmB;;A2Gk8SrB;EACC,O3Gl8SkB;;A2Gu8SnB;EACC,Y3G58SmB;;A2Gg9SnB;EACC,kB3Gj9SkB;;A2Gu9SpB;EACC,Y3Gx9SmB;;A2G89SpB;AAAA;EAEC,kB3G/9SmB;E2Gg+SnB,O3G79SkB;;A2Gi+SpB;EACC,kB3Gt+SoB;E2Gu+SpB;;AAKA;EACC,kB3G7+SmB;;A2G++SnB;EACC,qB3Gz+Sc;;A2Gg/Sb;EACC,kB3Gt/SW;;A2Gw/SX;EACC,M3G1iTA;;A2GijTL;EACC,kB3GngTmB;;A2GsgTlB;EACC,kB3GvgTiB;;A2GihTnB;AAAA;EAEC,O3GhhTmB;;A2GmhTpB;EACC,kB3GvhTkB;E2GwhTlB,O3GnhTkB;E2GohTlB;;AAEA;EACC,O3GvhTiB;;A2G+hTnB;EACC,O3GhiTkB;;A2GuiTnB;EACC,kB3G1mTe;;A2G4mTf;EACC;;AAIF;EACC,kB3GlnTe;;A2G0nTjB;EACC;;AAMA;EACC,O3GjkTiB;;A2GukTjB;EACC,kB3G3kTiB;;A2GilTb;EACC,O3G/kTW;;A2GklTZ;EACC;;AAWG;EACC;;AAEA;EACC;EACA;;AAOD;EACC,O3G3mTM;;A2GynTV;EACC,O3G1nTS;;A2G6nTV;EACC;;AAWP;EACC,O3G1oTe;;A2GkpTjB;EACC,Y3GtpTiB;;A2GwpTjB;EACC,kB3GzpTgB;;A2GiqTV;EACC,O3G/pTQ;;A2GkqTP;EACC;;AAGD;EACC;;AAKH;EACC,Y3GhrTS;;A2GmrTR;EACC,O3GjrTM;;A2GmrTN;EAEC;;AAIF;EACC,Y3G7rTO;;A2GysThB;AAAA;EAEC,kB3G3sTe;E2G4sTf,O3GzsTc;;A2GotTf;EACC,Y3GxtTe;;A2G+tTb;EACC;;AAIA;EACC,O3GluTU;;A2GquTX;EACC,Q3GtuTU;;A2G0uTZ;EACC,kB3G9uTY;;A2GivTX;EACC;;AAaE;EACC;;AAEA;EACC;;AAGD;EACC;EACA;;AAOD;EACC,O3G7wTK;;A2G2xTT;EACC,O3G5xTQ;;A2G+xTT;EACC;;AAYR;EACC,O3G7yTe;;A2GqzTrB;EACC;;AAIA;EACC;;AAGD;EACC;;;AAMH;AAAA;AAAA","file":"color-3.css","sourcesContent":["/*! -----------------------------------------------------------------------------------\n\n    Template Name: Cuba Admin\n    Template URI: http://admin.pixelstrap.com/cuba/theme\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 Letter-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    \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:root {\n    --theme-default: #7366FF;\n    --theme-secondary: #838383;\n    --light-background: rgba(242, 243, 247, 0.7);\n    --body-font-color: #2F2F3B;\n    --chart-border: #ECF3FA;\n    --recent-chart-bg: #FCFCFD;\n    --light-bg: #EEF1F6;\n    --white: #fff;\n    --light2: #F5F6F9;\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: #cfcdfc;\n    --light-slate: #F5F6F9;\n    --product-shadow: 0px 1px 0px rgba(82, 82, 108, 0.15);\n    --light-shade-primary: rgba(245, 244, 255);\n    --rgb-primary: rgb(115, 102, 255);\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\n    // Charts color\n    --primary-70: rgba(115, 102, 255, 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: #e9edf1;\n    --bs-table-bg: var(--bs-emphasis-color-rgb);\n    --bs-heading-color: #333333;\n\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: var(--theme-secondary);\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\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        --bs-body-bg: auto;\n    }\n}\n\n.dark-only {\n    --light-background: rgba(31, 32, 40, 0.65);\n    --recent-chart-bg: #262932;\n    --light-bg: #1d1e26;\n    --white: #262932;\n    --sidebar-border: rgba(255, 255, 255, 0.1);\n    --light2: #1d1e26;\n    --chart-border: #374558;\n    --recent-box-bg: #1d1e26;\n    --recent-border: #374558;\n    --body-font-color: rgba(255, 255, 255, 0.6);\n    --chart-text-color: rgba(101, 101, 113, 1);\n    --chart-dashed-border: rgba(135, 135, 136, 0.2);\n    --chart-progress-light: #202128;\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: #2c2c45d4;\n    --light-slate: #1c1d26;\n    --light-datatable-odd: #191e27;\n    --product-shadow: 0px 1px 0px rgb(55 70 87);\n    --light-shade-primary: rgba(46, 53, 67, 1);\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: var(--recent-chart-bg);\n\n    .table {\n        &.table-inverse {\n            --bs-table-bg: #262932;\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_2\";\n@import \"pages/dashboard_3\";\n@import \"pages/dashboard_4\";\n@import \"pages/dashboard_5\";\n@import \"pages/dashboard_6\";\n@import \"pages/dashboard_7\";\n@import \"pages/dashboard_8\";\n@import \"pages/dashboard_9\";\n@import \"pages/dashboard_10\";\n@import \"pages/dashboard_11\";\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/letter_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/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/social-app\";\n@import \"pages/scrollspy\";\n@import \"pages/sweet-alert\";\n@import 'pages/sellers';\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\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: $bg-color;\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// ****************** 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-bg);\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: rgba($theme-body-sub-title-color, 0.8);\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\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: var(--theme-secondary) !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: var(--theme-secondary) !important;\n}\n\n/*======= Badge-color css end  ======= */\n\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  // 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      border: 1px dashed nth($background-color, $i);\n      background-color: nth($background-color, $i);\n      color: $white;\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  }\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: var(--theme-secondary) !important;\n}\n\n/*======= Background-color css end  ======= */\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: var(--theme-secondary) !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: var(--theme-secondary) !important;\n  border-color: var(--theme-secondary) !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: darken($btn-color, 10%) !important;\n      border-color: darken($btn-color, 10%) !important;\n      box-shadow: none;\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    &.disabled {\n      color: $btn-color;\n      border-color: $btn-color;\n    }\n\n    @if($btn-name==\"light\") {\n      color: $theme-body-font-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        &.disabled {\n          color: $btn-color;\n        }\n\n        @if($btn-name==\"light\") {\n          color: $theme-body-font-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);\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(68, 102, 242, 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-body,\n.select2-results__options,\n.ace_scrollbar,\n.anchor,\n.ql-editor .inner.show,\n.bootstrap-select .inner.show {\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(68, 102, 242, 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\n    &:hover {\n      background-color: $primary-color;\n      color: $white;\n      transition: background-color 0.3s ease;\n    }\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: var(--theme-secondary);\n\n    &:not(.half-circle) {\n      stroke: var(--theme-secondary);\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\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: var(--white);\n  padding: 18px;\n  border-radius: 10px;\n}\n\n.kunj {\n  background-color: red;\n  color: green;\n}\n\n/**=====================\n    1.1 Reset CSS Ends\n==========================**/","// General variables\n$theme-font-color: #242934;\n$theme-body-font-color: #404040;\n$theme-body-sub-title-color: #75758a;\n$body-color: #f8f8f8;\n$main-body-color: #F7F8F9;\n\n// Theme colors variables\n$primary-color: #7366FF;\n$secondary-color: #838383;\n$success-color: #65c15c;\n$info-color : #40b8f5;\n$warning-color: #ffb829;\n$danger-color: #fc564a;\n$light-color : #f4f4f4;\n$badge-light-color: #52526c;\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 : #3f475a;\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$off-white: #F7F6FF;\n$lighter-white: #e9e9e9;\n$theme-medium-color: #eae8ff;\n$dropdown-border-color: #918E99;\n$light-primary: #e8e5ff;\n$light-secondary: #f2f2f2;\n$light-success: #dcf1da;\n$light-info: #D5F5FE;\n$light-warning: #fff7e5;\n$light-danger: #ffe8e6;\n$light-white: #F9F9FB;\n$light-dark: #EAEBF2;\n$folder-color: #efa000;\n\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-rubik: Rubik;\n$font-roboto: Roboto;\n$font-serif: sans-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: #1d1e26;\n$dark-card-background: #262932;\n$dark-card-inbox: #323846;\n$dark-small-font-color: #98a6ad;\n$dark-all-font-color: rgba(255, 255, 255, 0.6);\n$light-all-font-color: rgba(255, 255, 255, 0.2);\n$dark-border-color: $dark-body-background;\n$dark-card-border: #374558;\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: var(--theme-default);\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-radious :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 : 0.375rem 1.75rem;\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 $light-gray;\n$card-border-radius :15px;\n$common-shadow-color : rgba($info-color, 0.08);\n$card-box-shadow : 0px 9px 20px rgba(46, 35, 94, 0.07);\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 : 100;\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(68, 102, 242, 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(39, 32, 120, 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 : 15px 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    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-rubik, $font-serif;\n    color: $theme-body-font-color;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n    margin: 0;\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\n    li,\n    dt,\n    dd {\n        color: $theme-body-font-color;\n    }\n\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    color: $code-tag-color !important;\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    cursor: not-allowed;\n    opacity: 0.5;\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        }\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                    color: var(--theme-default);\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.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            }\n        }\n    }\n\n    tbody {\n        tr {\n            td {\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\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-open-icon;\n                font-family: $according-card-header-icon;\n            }\n        }\n\n        &[aria-expanded=\"false\"] {\n            &:before {\n                content: $according-close-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\n$accordion-light-name: primary,\n    secondary,\n    success,\n    warning,\n    info,\n    light,\n    danger,\n    dark;\n\n$accordion-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 $accordion-light-name {\n    $i: index($accordion-light-name, $var);\n\n    .accordion-button {\n        &.accordion-light-#{$var} {\n            &:not(.collapsed) {\n                background-color: nth($accordion-light-color, $i);\n            }\n\n            &:active,\n            &.active {\n                background-color: nth($accordion-light-color, $i);\n                color: $black;\n            }\n        }\n    }\n\n    .multi-collapse {\n        &.show {\n            .collapse-wrapper {\n                &.accordion-light-#{$var} {\n                    background-color: nth($accordion-light-color, $i) !important;\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}\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}\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-radious;\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      color: $dark-color;\n      background-color: $light-color;\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  // 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  }\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\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      .alert-link {\n        color: $white;\n\n        @if($var ==\"light\") {\n          color: $dark-color;\n        }\n      }\n\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    .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      .btn-close {\n        filter: unset;\n      }\n\n      @if($var ==\"light\") {\n        color: $dark-color;\n      }\n    }\n\n    .alert-#{$var}.inverse {\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      background-color: transparent;\n      padding: 13px 20px 13px 65px;\n      border-color: nth($alert-color, $i);\n      color: $theme-body-font-color;\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  }\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: $badge-padding;\n  font-family: Roboto, sans-serif;\n  font-weight: 500;\n  line-height: 1.1;\n\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: var(--theme-secondary);\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: var(--theme-secondary);\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}\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          height: 20px;\n          width: 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    height: 100%;\n    width: 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%, #563EE0 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, #563EE0 -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\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  .btn {\n    margin-right: 5px;\n    margin-bottom: 15px;\n  }\n\n  margin-bottom: -20px;\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  .btn {\n    margin-bottom: 10px;\n    margin-right: 10px;\n  }\n\n  margin-bottom:-10px;\n}\n\n.btn-dropdown-showcase {\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  margin-bottom:-10px;\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: #555;\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    }\n  }\n}\n\n.visual-button {\n\n  button,\n  .btn {\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    @include pixelstrap-size(45px, 45px);\n    padding: 0;\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    }\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\n        &::before {\n          transform: scaleX(1);\n        }\n      }\n\n      transition: color 300ms ease-in-out;\n      z-index: 1;\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 dashed 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    width: 100%;\n    height: 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: var(--theme-secondary);\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: none;\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\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\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-rubik, $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      +div {\n        border-left: 1px solid $light-semi-gray;\n      }\n\n      padding: 15px;\n      text-align: center;\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/dashboard-5/profile-bg.png);\n    background-repeat: no-repeat;\n    background-size: cover;\n\n    .card-body {\n      padding-left: 20px;\n      padding-right: 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            width: 1px;\n            height: 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      display: flex;\n      align-items: center;\n      justify-content: 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(115, 102, 255, 0) 82.07%);\n    display: inline-block;\n    border-radius: 100%;\n    padding: 2px;\n    position: relative;\n\n    .edit-icon {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n\n      svg {\n        width: 20px;\n        height: 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      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: absolute;\n      width: 36px;\n      height: 36px;\n      overflow: hidden;\n      top: 0;\n      right: 0;\n      background-color: var(--theme-default);\n      border-radius: 0 4px 0 32px;\n      cursor: pointer;\n\n      @media (max-width:1788px) and (min-width:576px) {\n        width: 28px;\n        height: 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: var(--theme-default);\n      height: 40px;\n      width: 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        height: 28px;\n        width: 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\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    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    position: absolute;\n    top: 0;\n    left: 0;\n    border-radius: 15px;\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      width: 100%;\n      height: 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    width: 100%;\n    height: 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/**=====================\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.dashboard-5,\n.dashboard-6,\n.dashboard-7,\n.dashboard-09,\n.dashboard-10,\n.dashboard-11,\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.project-status {\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(--light2);\n\n        th {\n          font-size: 14px;\n          font-weight: 500;\n          color: $badge-light-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        display: flex;\n        justify-content: space-between;\n        align-items: 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              box-shadow: inset 0 0 0 9999px $card-body-color;\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\n          &:indeterminate {\n            &::after {\n              top: 4px;\n              left: 4px;\n            }\n          }\n\n          &:checked {\n            background-color: var(--theme-default);\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\n.dt-buttons {\n  .btn {\n    padding: 6px calc(14px + (17 - 14) * ((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\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\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  padding: 0;\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: 260px !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: $primary-color;\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  }\n\n  #external-events {\n    padding: 20px;\n    border: 1px solid $light-background;\n\n    h4 {\n      margin-bottom: 14px;\n    }\n\n    p {\n      margin-top: 12px;\n    }\n\n    .fc-h-event {\n      padding: 12px;\n      background-color: var(--theme-default);\n      border: 1px solid var(--theme-default);\n\n      +.fc-h-event {\n        margin-top: 10px;\n      }\n\n      .fc-event-main {\n        font-size: 13px;\n      }\n    }\n  }\n\n  .calendar-default {\n    .fc-event-main-frame {\n      padding: 2px 6px;\n      font-size: 13px;\n    }\n\n    .fc {\n      .fc-highlight {\n        background: $light-primary;\n      }\n    }\n\n    .fc-daygrid-dot-event {\n      font-size: 13px;\n\n      .fc-event-title {\n        text-overflow: ellipsis;\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: $primary-color;\n      border: 1px solid $primary-color;\n    }\n\n    .fc-toolbar-chunk {\n      .fc-button-group {\n        ~.fc-today-button {\n          margin: 0 8px;\n        }\n      }\n    }\n  }\n}\n\n.fc-event-dragging {\n  padding: 10px;\n  background-color: var(--theme-default);\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            &.prevMonthDay,\n            &.nextMonthDay {\n              color: rgba($badge-light-color, 0.6);\n            }\n\n            &:hover {\n              background: var(--theme-default) !important;\n              color: $white !important;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n.flatpickr-day {\n\n  &.selected,\n  .endRange {\n    background-color: var(--theme-default) !important;\n    border-color: var(--theme-default) !important;\n\n    &:hover {\n      background-color: var(--theme-default) !important;\n      border-color: var(--theme-default) !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\n.flatpickr-current-month {\n  font-size: calc(14px + (19 - 14) * ((100vw - 320px) / (1920 - 320)));\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(115, 102, 255, 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-rubik, $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\tmargin-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: 4px;\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 {\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;\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\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.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\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: var(--theme-secondary);\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: #e3e0ff !important;\n\t\t\tborder-color: #e3e0ff !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: 9%;\n\n\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\tleft: unset;\n\t\t\t\t\tright: 9%;\n\t\t\t\t}\n\n\t\t\t\timg {\n\t\t\t\t\theight: 300px;\n\n\t\t\t\t\t@media (max-width: 1199px) {\n\t\t\t\t\t\theight: 220px;\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&.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: var(--theme-default);\n\t\t\t\t\tborder: 1px solid var(--theme-default);\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 $primary-color;\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: $primary-color;\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\tcolor: var(--chart-text-color);\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\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&.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\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t\talign-items: 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: $light-primary;\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&.active {\n\t\t\t\t\t\tbackground-color: unset;\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: var(--theme-default);\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\t// text-align: unset;\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\twidth: 100%;\n\t\t\theight: 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: $light-primary;\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\t&:last-child {\n\t\t\t\t\t\ttext-align: end;\n\t\t\t\t\t}\n\n\t\t\t\t\twhite-space: nowrap;\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\t&:first-child {\n\t\t\t\t\t\t\tmax-width: 370px;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\twhite-space: nowrap;\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/*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  .form-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      content: \"Or Signup With\";\n      color: $theme-font-color;\n      background: $white;\n\n      [dir=\"rtl\"] & {\n        left: unset;\n        right: 40%;\n        margin-left: unset;\n        margin-right: -10px;\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    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\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\n\n    .form-check-input {\n      width: 18px;\n      height: 18px;\n      margin-top: 0;\n    }\n\n    .check-size {\n      width: 36px;\n      height: 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    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    .main-img-cover {\n      position: absolute;\n      top: 15px;\n      left: 15px;\n      width: 24px;\n      height: 24px;\n\n      [dir=\"rtl\"] & {\n        left: unset;\n        right: 15px;\n      }\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        width: 100%;\n        height: 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\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    display: flex;\n    align-items: center;\n    justify-content: 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      width: 100%;\n      height: 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  .form-control,\n  .form-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    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: $gray-60 !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/**=====================\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\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\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\n.flag-icons,\n.feather-icons {\n\tmargin-bottom: -15px;\n\tmargin-top: -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\theight: 50px;\n\t\t\twidth: 50px;\n\t\t}\n\n\t\t.d-flex {\n\t\t\tpadding-top: 15px;\n\t\t\tpadding-bottom: 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\ttext-overflow: ellipsis;\n\t\t\t\twhite-space: nowrap;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n\t\t\th5 {\n\t\t\t\tbackground-color: var(--theme-default);\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\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: 100%;\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\t\tpadding: 20px;\n\n\t\t>div {\n\t\t\tdisplay: inline-block;\n\n\t\t\t.flag-icon {\n\t\t\t\twidth: 60px;\n\t\t\t\theight: 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-roboto, $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-roboto, $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: $light-primary,\n\t$light-secondary,\n\t$light-success,\n\t$light-warning,\n\t$light-info,\n\t$light-white,\n\t$light-danger,\n\t$light-dark;\n\n@each $var in $list-name {\n\t$i: index($list-name, $var);\n\n\t.list-light-#{$var} {\n\t\tbackground-color: nth($list-light-color, $i);\n\n\t\t&:hover,\n\t\t&:active,\n\t\t&:focus {\n\t\t\tbackground-color: nth($list-light-color, $i) !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: nth($list-light-color, $i);\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\t\tborder-width: 1px;\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&:last-child {\n\t\t\tborder-bottom-width: 1px !important;\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  height: 100%;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: fixed;\n  background-color: $white;\n  z-index: 11;\n  top: 0;\n\n  /*Color Loader*/\n  .loader-index {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    filter: url(\"#goo\");\n\n    &:after {\n      content: \"\";\n      width: 4em;\n      height: 4em;\n      background: var(--theme-default);\n      border-radius: 50%;\n      position: absolute;\n      transform: scale(0.5);\n      animation: grow 2s cubic-bezier(.14, 0.05, 0.55, 0.5) infinite alternate;\n    }\n\n    span {\n      width: 2em;\n      height: 2em;\n      background: var(--theme-secondary);\n      border-radius: 50%;\n      margin-right: 2em;\n      position: relative;\n      transform: translateX(7em);\n      animation: move 4s ease-in-out infinite;\n\n      &:before {\n        content: \"\";\n        width: 2em;\n        height: 2em;\n        background: var(--theme-default);\n        border-radius: 50%;\n        position: absolute;\n        left: 3em;\n        transform: translateX(0em);\n        animation: shrink 2s ease-in-out infinite;\n      }\n\n      &:after {\n        content: \"\";\n        width: 2em;\n        height: 2em;\n        background: $info-color;\n        border-radius: 50%;\n        position: absolute;\n        right: 3em;\n        transform: translateX(0em);\n        animation: shrink 2s ease-in-out infinite;\n      }\n    }\n  }\n\n  @keyframes grow {\n    0% {\n      transform: scale(0.5);\n      background: $info-color;\n    }\n\n    50% {\n      transform: scale(1);\n      background: var(--theme-secondary);\n    }\n  }\n\n  @keyframes move {\n    0% {\n      transform: translateX(7em);\n    }\n\n    50% {\n      transform: translateX(-5em)\n    }\n  }\n\n  @keyframes shrink {\n    0% {\n      transform: translateX(0em)\n    }\n\n    50% {\n      transform: translateX(-1em)\n    }\n  }\n\n  svg {\n    width: 0;\n    height: 0;\n  }\n\n  /*Color Loader*/\n\n  body {\n    font-family: sans;\n    min-height: 100vh;\n    margin: 0;\n    display: grid;\n    place-content: center;\n    background: $black\n  }\n\n  h1 {\n    color: $white;\n    text-align: center;\n    margin-bottom: 2em;\n    letter-spacing: 3px;\n\n    position: relative;\n    z-index: 2;\n\n    &:before {\n      position: absolute;\n      content: \"\";\n      height: 1px;\n      background: linear-gradient(to right, var(--theme-secondary), var(--theme-default), $info-color);\n      color: $white;\n      top: 2.75em;\n      left: 0.75em;\n      width: 2.5em;\n      font-weight: 400;\n      font-variant: small-caps;\n      font-size: 0.5em;\n    }\n  }\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\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        .cuba-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: $theme-medium-color;\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\n    .banner-image {\n      width: 100%;\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.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}\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            width: 16px;\n            height: 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;\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            width: 9px;\n            height: 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\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\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/**=====================\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    width: 0;\n    height: 0;\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    width: 0;\n    height: 0;\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    width: 0;\n    height: 0;\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    width: 0;\n    height: 0;\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    width: 0;\n    height: 0;\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  height: 70px;\n  width: 30px;\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  height: 70px;\n  width: 30px;\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: var(--theme-default);\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: var(--theme-default);\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      width: 5px;\n      height: 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      width: 5px;\n      height: 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\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      width: 100px;\n      height: 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          stroke: var(--theme-default);\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 var(--theme-secondary);\n\n\t\t\t\t&:before {\n\t\t\t\t\tbackground-color: var(--theme-secondary);\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 var(--theme-secondary);\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: var(--theme-default);\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, var(--light-bg) 0%, var(--light-bg) 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, var(--theme-default) 0%, $info-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            height: auto;\n            width: 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\ttbody {\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\t&:hover {\n\t\t\t\tbackground-color: rgba($primary-color, 0.1);\n\t\t\t}\n\n\t\t\tvertical-align: middle;\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}\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\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/**=====================\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.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        width: 30px;\n        height: 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    width: 20px;\n    height: 20px;\n\n    [dir=\"rtl\"] & {\n        margin-right: unset;\n        margin-left: 6px;\n    }\n}\n\n.common-toasts {\n    position: relative;\n\n    div[class*='alert-light-'] {\n        padding: 12px;\n        gap: 10px;\n        border-radius: 10px;\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-rubik, $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    width: 85px;\n    height: 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\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: $tour-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-rubik;\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  display: flex;\n  justify-content: flex-end;\n  align-items: 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    .ProfileCard-avatar {\n      border-color: #f5f8fa;\n    }\n\n    color: #414345;\n    background: #f8f8f8;\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  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: 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        height: calc(230px + (330 - 230) * ((100vw - 320px) / (1920 - 320)));\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    @media (max-width:1199px) {\n        border-right: unset;\n        margin-bottom: 25px;\n    }\n\n    [dir=\"rtl\"] & {\n        border-right: unset;\n        border-left: 1px solid var(--recent-dashed-border);\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                &:active {\n                    color: unset;\n\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                            width: 18px;\n                            height: 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                width: 48px;\n                height: 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                        &.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, 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        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(--chart-progress-light);\n        display: flex;\n        justify-content: center;\n        align-items: 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 var(--chart-progress-light);\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            display: flex;\n            align-items: center;\n            justify-content: 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\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: 6px;\n                }\n            }\n\n            &:last-child {\n                svg {\n                    margin-left: 6px;\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}\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: $warning-color;\n                }\n            }\n        }\n    }\n\n    .rating-box {\n        ul {\n            display: flex;\n            justify-content: center;\n            gap: 10px;\n            align-items: center;\n            flex-wrap: wrap;\n\n\n            li {\n                width: 100%;\n\n                .rating-list {\n                    display: flex;\n                    justify-content: center;\n                    gap: 12px;\n                    align-items: center;\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                            display: flex;\n                            align-items: center;\n                            justify-content: space-between;\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                                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, 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                                        width: 18px;\n                                        height: 18px;\n                                        cursor: pointer;\n                                        fill: var(--chart-text-color);\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                        .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: 30px;\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      margin-left: 135px;\n\n      [dir=\"rtl\"] & {\n        margin-left: unset;\n        margin-right: 135px;\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/**=====================\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  .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\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        button {\n          border: none;\n          cursor: pointer;\n\n          &:focus {\n            outline: none;\n          }\n        }\n\n        svg {\n          width: 18px;\n          height: 18px;\n          vertical-align: middle;\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: $dark-gray;\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  }\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: 10px;\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: text-bottom;\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\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                text-align: left;\n                right: unset;\n                left: 30px;\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            }\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\n            +li {\n              margin-left: 5px;\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, var(--white));\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\tbox-shadow: 0px 0px 28px 6px rgba(235, 235, 235, 0.4);\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\n\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\tpadding-bottom: 0;\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\n\t\t\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t\t\twidth: 16px;\n\t\t\t\t\t\t\t\t\t\theight: 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-rubik, $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-rubik, $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: var(--theme-secondary);\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: var(--theme-secondary);\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: var(--theme-secondary);\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: var(--theme-secondary);\n  }\n\n  .ct-slice-pie,\n  .ct-slice-donut-solid,\n  .ct-area {\n    fill: var(--theme-secondary);\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\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            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-left: 1px solid #ddd;\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            &:hover {\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: 8px;\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-right: unset;\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: 620px;\n\n\n    &::-webkit-scrollbar {\n      width: 6px;\n    }\n\n    &::-webkit-scrollbar-track {\n      background: #ddd;\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    width: 50px;\n    height: 50px;\n    margin-right: 10px;\n    background: #ddd;\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    display: flex;\n    justify-content: space-between;\n    align-items: 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\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: $light-primary;\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          width: 47px;\n          height: 47px;\n          border-radius: 50%;\n          background-color: $white;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          padding: 0;\n          opacity: 1;\n\n          svg {\n            width: 42px;\n            height: 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: var(--theme-default);\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\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: var(--theme-secondary);\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\t@include pixelstrap-child(0, 0);\n\t\tgap: 14px;\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.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 $light-color;\n      border-bottom: 1px solid $light-color;\n\n      .time {\n        @include square-box(100px, 100px, 50%, var(--theme-default)) {\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.contact-options {\n  li {\n    .btn-category {\n      line-height: 39px;\n      border-radius: 3px;\n      padding-left: 40px !important;\n      padding: 0;\n      color: var(--theme-default);\n      font-weight: 500;\n    }\n  }\n}\n\n.list-persons {\n  p {\n    font-family: $font-roboto, $font-serif;\n  }\n\n  .profile-mail {\n    padding: 20px 0;\n\n    .main-contact-option {\n      li {\n        +li {\n          padding-left: 10px;\n          margin-left: 5px;\n          border-left: 1px solid rgba($gray-60, 0.6);\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, $light-primary);\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    padding: 15px;\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      .email-general {\n        p {\n          span {\n            margin-left: 10px;\n          }\n        }\n      }\n\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.10 Dashboard_2 CSS Start\n==========================**/\n.widget-decor {\n  position: absolute;\n  height: 60px;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.e-common-button {\n  .btn {\n    &:first-child {\n      margin-right: 12px;\n\n      @media (max-width:356px) {\n        margin-bottom: 8px;\n      }\n    }\n\n    svg {\n      width: 18px;\n      height: 18px;\n      vertical-align: text-bottom;\n      margin-right: 6px;\n    }\n  }\n}\n\n.main-title-box {\n  .common-space {\n    flex-wrap: wrap;\n\n    @media (max-width:1254px) {\n      display: block;\n\n      h6 {\n        margin-bottom: 12px;\n        line-height: 1.5;\n      }\n    }\n  }\n}\n\n.balance-widget {\n  background-image: url(../images/dashboard-2/balance-bg.png);\n  background-size: cover;\n  background-repeat: no-repeat;\n  background-position: right;\n\n  .purchase-btn {\n    @media (max-width:400px) {\n      font-size: 14px;\n    }\n  }\n\n  .mobile-right-img {\n    position: absolute;\n    top: 60%;\n    right: -15%;\n    transform: translate(-50%, -50%);\n\n    @media (max-width:1475px) and (min-width:1400px) {\n      right: -18%;\n    }\n\n    @media (max-width:1399px) and (min-width:936px) {\n      right: -10%;\n    }\n\n    @media (max-width:935px) and (min-width:768px) {\n      right: -15%;\n    }\n\n    @media (max-width:767px) and (min-width:621px) {\n      right: -35px;\n    }\n\n    @media (max-width:620px) and (min-width:521px) {\n      right: -60px;\n    }\n\n    @media (max-width:520px) {\n      right: -75px;\n    }\n\n    .mobile-img {\n      height: 110px;\n\n      @media (max-width:865px) and (min-width:787px) {\n        height: 90px;\n      }\n\n      @media (max-width:786px) and (min-width:768px) {\n        height: 80px;\n      }\n\n      @media (max-width:767px) {\n        height: 104px;\n      }\n    }\n\n    @media (max-width: 475px) and (min-width:436px) {\n      right: -52px;\n\n      .mobile-img {\n        height: 82px;\n      }\n    }\n\n    @media (max-width: 435px) and (min-width:401px) {\n      right: -46px;\n\n      .mobile-img {\n        height: 70px;\n      }\n    }\n\n    @media (max-width: 400px) {\n      right: -35px;\n      top: 38%;\n\n      .mobile-img {\n        height: 55px;\n      }\n    }\n  }\n\n  [dir=\"rtl\"] & {\n    text-align: right;\n  }\n\n  &.card-body {\n    padding: 20px 15px;\n  }\n\n  .purchase-btn {\n    min-width: 170px;\n  }\n}\n\n.small-widget {\n  overflow: hidden;\n\n  h4 {\n    margin-bottom: -3px;\n  }\n\n  i {\n    font-weight: 700;\n    font-size: 11px;\n  }\n\n  .card-body {\n    padding: 24px 15px;\n  }\n\n  .bg-gradient {\n    width: 66px;\n    height: 67px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 100px;\n    right: -12px;\n    top: 50%;\n    position: absolute;\n    transform: translateY(-50%);\n\n    [dir=\"rtl\"] & {\n      right: unset;\n      left: -12px;\n      transform: translateY(-50%) scaleX(-1);\n    }\n\n    @media (max-width: 1399px) {\n      width: 60px;\n      height: 60px;\n    }\n\n    svg {\n      width: 25px;\n      height: 25px;\n\n      @media (max-width: 1399px) {\n        width: 22px;\n        height: 22px;\n      }\n    }\n  }\n\n  &:hover {\n    transform: translateY(-5px);\n    transition: 0.5s;\n\n    .bg-gradient {\n      svg {\n        animation: tada 1.5s ease infinite;\n      }\n    }\n  }\n}\n\n.appointment {\n  .customer-table {\n    // @media (max-width:1470px) {\n    //   height: 268px;\n    // }\n\n    // @media (max-width:1399px) {\n    //   height: unset;\n    // }\n  }\n}\n\n.order-wrapper {\n  margin: 0 0px -20px -16px;\n}\n\n.categories-list {\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n\n  @media (max-width: 767px) {\n    flex-direction: row;\n    flex-wrap: wrap;\n  }\n\n  li {\n    gap: 10px;\n\n    .bg-light {\n      min-width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      img {\n        width: 25px;\n        height: 25px;\n        object-fit: contain;\n        transition: 0.5s;\n      }\n    }\n\n    h6 {\n      a {\n        transition: 0.5s;\n        color: var(--body-font-color);\n      }\n    }\n\n    &:hover {\n      .bg-light {\n        img {\n          transition: 0.5s;\n          transform: scale(1.1);\n        }\n      }\n\n      h6 {\n        a {\n          transition: 0.5s;\n          color: var(--theme-default);\n        }\n      }\n    }\n  }\n}\n\n.monthly-profit {\n  margin-top: -10px;\n\n  @media (max-width: 1584px) {\n    margin: -10px -8px 0;\n  }\n\n  @media (max-width: 1520px) {\n    margin: -10px -16px 0;\n  }\n\n  @media (max-width:1500px) {\n    margin: -10px -14px 0;\n  }\n\n  @media (max-width:1472px) {\n    margin: -10px -20px 0;\n  }\n\n  @media (max-width:1424px) {\n    margin: -10px -25px 0;\n  }\n\n  .apexcharts-canvas {\n    .apexcharts-legend-marker {\n      margin-right: 6px;\n    }\n\n    .apexcharts-datalabels-group {\n      .apexcharts-datalabel-value {\n        font-size: 14px;\n        font-weight: 500;\n        font-family: $font-rubik, $font-serif !important;\n        fill: var(--chart-text-color);\n      }\n    }\n\n    .apexcharts-tooltip {\n      .apexcharts-tooltip-series-group {\n        .apexcharts-tooltip-y-group {\n          [class*=\"apexcharts-tooltip-text-y-\"] {\n            color: var(--white);\n          }\n        }\n      }\n    }\n  }\n}\n\n.overview-wrapper {\n  position: relative;\n  z-index: 1;\n}\n\n.back-bar-container {\n  position: absolute;\n  width: calc(100% - 64px);\n  bottom: -8px;\n  margin: 0 auto !important;\n  left: 28px;\n\n  @media (max-width: 1199px) {\n    bottom: 22px;\n  }\n\n  @media (max-width: 480px) {\n    width: calc(100% - 34px);\n    left: 18px;\n  }\n\n  @media (max-width: 327px) {\n    bottom: 42px;\n  }\n\n  @media (max-width:342px) {\n    margin-bottom: 24px !important;\n  }\n}\n\n.overview-card {\n\n  @media (max-width:850px) and (min-width:768px) {\n    .w-md-100 {\n      width: 100%;\n    }\n\n    .ds-md-none {\n      display: none !important;\n    }\n  }\n\n  .balance-data {\n    right: -158px;\n    top: -43px;\n\n    @media (max-width:1808px) and (min-width:1759px) {\n      right: -150px;\n    }\n\n    @media (max-width:1758px) and (min-width:1400px) {\n      right: -142px;\n    }\n\n    @media (max-width:1399px) and (min-width:1346px) {\n      right: -175px;\n    }\n\n    @media (max-width:1345px) and (min-width:1291px) {\n      right: -162px;\n    }\n\n    @media (max-width:1290px) and (min-width:1236px) {\n      right: -150px;\n    }\n\n    @media (max-width:1235px) and (min-width:1050px) {\n      right: -135px;\n    }\n\n    @media (max-width:1049px) and (min-width:991px) {\n      right: -124px;\n    }\n\n    @media (max-width:990px) {\n      display: none;\n    }\n\n    [dir=\"rtl\"] & {\n      right: unset;\n      left: 12px;\n    }\n\n    @media (max-width: 767px) {\n      right: -40%;\n\n      [dir=\"rtl\"] & {\n        left: -40%;\n      }\n    }\n  }\n}\n\n.order-container {\n  .apexcharts-canvas {\n    .apexcharts-marker {\n      stroke-width: 4;\n    }\n  }\n}\n\n.purchase-card.discover {\n  margin-top: 90px;\n\n  .card-body {\n    p {\n      @media (max-width:1488px) {\n        display: block;\n        display: -webkit-box;\n        max-width: 100%;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      @media (max-width:1143px) and (min-width:992px) {\n        -webkit-line-clamp: 1;\n      }\n    }\n  }\n\n  img {\n    width: 216px;\n    margin: 0 auto;\n    margin-top: -90px;\n\n    @media (max-width:1638px) and (min-width:1200px) {\n      width: 200px;\n    }\n\n    @media (max-width:1199px) and (min-width:992px) {\n      width: 228px;\n    }\n\n    @media (max-width: 1399px) and (min-width:992px) {\n      margin-top: -75px;\n    }\n\n    @media (max-width:991px) {\n      width: 204px;\n    }\n\n    @media (max-width: 618px) {\n      width: 200px;\n    }\n  }\n}\n\n.visitor-card {\n  .card-header {\n    svg {\n      width: 18px;\n      height: 18px;\n      fill: var(--theme-default);\n    }\n  }\n}\n\n.visitors-container {\n  margin: 0 -12px -27px -17px;\n\n  svg {\n    .apexcharts-series {\n      path {\n        clip-path: inset(1% 0% 0% 0% round 3rem);\n      }\n    }\n\n    .apexcharts-legend.apexcharts-align-left {\n      .apexcharts-legend-series {\n        display: flex;\n      }\n    }\n  }\n}\n\n.recent-order {\n  .nav {\n    gap: 8px;\n    flex-wrap: nowrap;\n    overflow: auto;\n    padding-bottom: 5px;\n    display: flex;\n  }\n\n  .frame-box {\n    border: 1px solid transparent;\n    padding: 0;\n    transition: 0.5s;\n\n    &.active {\n      border: 1px solid var(--theme-default);\n    }\n\n    &:hover {\n      transform: translateY(-5px);\n      transition: 0.5s;\n    }\n  }\n\n  .tab-content {\n    margin-top: 16px;\n  }\n\n  .recent-items {\n    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: auto;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n.recent-table {\n  table {\n    thead {\n      background: var(--light2);\n\n      th {\n        padding-top: 9px;\n        padding-bottom: 9px;\n        border-bottom: none;\n      }\n    }\n\n    tr {\n\n      td,\n      th {\n        padding: 12px 8px;\n        vertical-align: middle;\n\n        &:first-child {\n          min-width: 157px;\n        }\n\n        &:nth-child(2) {\n          @media (max-width: 1660px) {\n            min-width: 97px;\n          }\n        }\n\n        &:last-child {\n          min-width: 96px;\n        }\n      }\n\n      td {\n        &:first-child {\n          padding-left: 0;\n\n          [dir=\"rtl\"] & {\n            padding-left: unset;\n            padding-right: 0;\n          }\n        }\n\n        &:last-child {\n          padding-right: 0;\n\n          [dir=\"rtl\"] & {\n            padding-left: 0;\n            padding-right: unset;\n          }\n        }\n      }\n\n      .product-content {\n        h6 {\n          a {\n            color: var(--body-font-color);\n            transition: 0.5s;\n          }\n        }\n      }\n\n      &:hover {\n        .product-content {\n          h6 {\n            a {\n              color: var(--theme-default);\n              transition: 0.5s;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .product-content {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n\n    .order-image {\n      background: var(--light2);\n      width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n\n  svg {\n    width: 20px;\n    height: 20px;\n  }\n\n  .recent-status {\n    display: flex;\n    align-items: center;\n\n    &.font-success {\n      svg {\n        fill: $success-color;\n      }\n    }\n\n    &.font-danger {\n      svg {\n        fill: $danger-color;\n      }\n    }\n  }\n}\n\n.recent-activity {\n  h5 {\n    padding: 30px 0 20px;\n    margin-bottom: 0;\n  }\n\n  h6 {\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    -webkit-line-clamp: 2;\n    display: -webkit-box;\n  }\n\n  ul {\n    li {\n      span {\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        -webkit-line-clamp: 2;\n        display: -webkit-box;\n      }\n\n      &:last-child {\n        padding-bottom: 0;\n      }\n    }\n  }\n}\n\n.notification {\n  li {\n    .recent-images {\n      ul {\n        &::before {\n          display: none;\n        }\n      }\n\n      li {\n        padding-bottom: 3px;\n      }\n    }\n  }\n}\n\n.recent-images {\n  margin-top: 10px;\n\n  ul {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n\n  li {\n    border: 1px dashed var(--recent-dashed-border);\n    padding: 3px;\n    border-radius: 2px;\n\n    .recent-img-wrap {\n      width: 40px;\n      height: 40px;\n      background: var(--light2);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n}\n\n.frame-box {\n  background: var(--recent-box-bg);\n  border-radius: 10px;\n  min-width: auto;\n  box-shadow: 2px 2px 2px var(--recent-border);\n\n  .frame-image {\n    min-width: 57px;\n    height: 57px;\n    border-color: var(--recent-border) var(--white) var(--white) var(--recent-border);\n    border-width: 1px;\n    border-style: solid;\n    margin: 6px;\n    display: flex;\n    align-items: center;\n    border-radius: 4px;\n\n    @media (max-width:1880px) and (min-width:1800px) {\n      min-width: 52px;\n      height: 52px;\n    }\n\n    @media (max-width:1638px) and (min-width:1567px) {\n      min-width: 50px;\n      height: 50px;\n    }\n\n    @media (max-width:1575px) and (min-width:1500px) {\n      min-width: 45px;\n      height: 45px;\n    }\n\n    @media (max-width:1499px) and (min-width:1200px) {\n      min-width: 40px;\n      height: 40px;\n    }\n\n    @media (max-width:608px) {\n      min-width: 40px;\n      height: 40px;\n    }\n\n    @media (max-width: 575px) {\n      min-width: 50px;\n      height: 50px;\n      margin: 4px;\n    }\n  }\n\n  img {\n    margin: 0 auto;\n\n    @media (max-width:1575px) {\n      height: 22px;\n      width: 30px;\n      object-fit: contain;\n    }\n  }\n}\n\n.new-update {\n  .d-flex {\n    .flex-grow-1 {\n\n      span,\n      p {\n        font-weight: 500;\n      }\n    }\n  }\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}\n\n@media only screen and (max-width: 1800px) and (min-width: 1400px) {\n  .grid-ed-none {\n    display: none !important;\n  }\n\n  .grid-ed-12 {\n    width: 100%;\n  }\n}\n\n@media only screen and (max-width: 1660px) and (min-width: 1400px) {\n  .col-ed-12 {\n    width: 100%;\n  }\n\n  .col-ed-7 {\n    width: 58%;\n  }\n\n  .col-ed-5 {\n    width: 42%;\n  }\n\n  .col-ed-9 {\n    width: 75%;\n  }\n\n  .col-ed-3 {\n    width: 25%;\n  }\n\n  .col-ed-6 {\n    width: 50%;\n  }\n\n  .col-ed-4 {\n    width: 33.33333333%;\n  }\n\n  .col-ed-8 {\n    width: 66.66%;\n  }\n\n  .col-ed-none {\n    display: none !important;\n  }\n}\n\n@media only screen and (max-width: 1660px) and (min-width: 1200px) {\n  .xl-30 {\n    max-width: 30%;\n    flex: 0 0 30%;\n  }\n\n  .xl-70 {\n    max-width: 70%;\n    flex: 0 0 70%;\n  }\n}\n\n@media only screen and (max-width: 420px) {\n  .size-column {\n    .col-6 {\n      width: 100%;\n    }\n  }\n}\n\n// Recent transaction\n.recent-transaction {\n  .dt-layout-row {\n    &:last-child {\n      @media (max-width:690px) {\n        flex-direction: column;\n      }\n    }\n\n  }\n\n  thead,\n  tbody {\n    tr {\n\n      th,\n      td {\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        &:first-child {\n          min-width: auto;\n        }\n\n        @media (max-width:1454px) and (min-width:1200px) {\n          &:nth-child(2) {\n            display: none;\n          }\n        }\n\n        @media (max-width:903px) {\n          &:nth-child(2) {\n            min-width: 114px;\n          }\n\n          &:nth-child(3),\n          &:nth-child(4) {\n            min-width: 90px;\n          }\n\n          &:nth-child(5) {\n            min-width: 104px;\n          }\n\n          &:nth-child(7) {\n            min-width: 110px;\n          }\n\n          &:last-child {\n            min-width: 108px;\n          }\n        }\n      }\n    }\n  }\n\n  thead {\n    tr {\n      th {\n        color: $badge-light-color;\n      }\n    }\n  }\n\n}\n\n.stock-report {\n  .table-responsive {\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              @media (max-width:1798px) and (min-width:1400px) {\n                display: none;\n              }\n\n              .btn {\n                min-width: 142px;\n              }\n            }\n\n            a {\n              color: var(--body-font-color);\n            }\n\n            .img-border {\n              width: 50px;\n              height: 50px;\n              border-radius: 50%;\n              background-color: var(--light2);\n              padding: 4px;\n              display: flex;\n              justify-content: center;\n              border: 1px solid var(--chart-progress-light);\n              align-items: center;\n\n              img {\n                height: 32px;\n              }\n            }\n\n            @media (max-width:1798px) {\n              &:nth-child(4) {\n                padding-right: 20px;\n              }\n            }\n\n            @media (max-width:1543px) and (min-width:1400px) {\n              min-width: auto;\n\n              &:last-child {\n                display: none;\n              }\n            }\n\n            @media (max-width:700px) {\n              &:first-child {\n                min-width: 168px;\n              }\n\n              &:nth-child(2) {\n                min-width: 104px;\n              }\n\n              &:nth-child(3) {\n                min-width: 85px;\n              }\n\n              &:nth-child(4) {\n                min-width: 65px;\n              }\n\n              &:last-child {\n                min-width: 174px;\n              }\n            }\n          }\n\n          .img-border {\n            img {\n              transition: 0.5s;\n            }\n          }\n\n          &:hover {\n            td {\n              .img-border {\n                img {\n                  transition: 0.5s;\n                  transform: scale(1.1);\n                }\n              }\n            }\n          }\n        }\n      }\n\n      thead {\n        tr {\n          th {\n            color: $badge-light-color;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n.seller-table {\n  .dt-layout-row {\n    @media (max-width:886px) {\n      .dt-search {\n        display: none;\n      }\n    }\n  }\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        .common-flex {\n          img {\n            height: 40px;\n          }\n\n          @media (max-width:1213px) and (min-width:1200px) {\n            gap: 7px;\n\n            img {\n              height: 38px;\n            }\n          }\n        }\n\n        &:first-child {\n          padding-left: 20px;\n        }\n\n        &:last-child {\n          padding-right: 20px;\n        }\n\n        &:nth-child(3) {\n          @media (max-width:1650px) and (min-width:1200px) {\n            display: none;\n          }\n        }\n\n        @media (max-width:1179px) {\n          &:nth-child(2) {\n            min-width: 140px;\n          }\n\n          &:nth-child(3) {\n            min-width: 75px;\n          }\n        }\n      }\n    }\n  }\n\n  thead {\n    tr {\n      th {\n        color: $badge-light-color;\n      }\n    }\n  }\n}\n\n.payment-gateway {\n  .pay-box {\n    margin-bottom: 13px;\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: center;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    &:hover {\n      .outer-svg-box {\n        svg {\n          animation: tada 1.5s ease infinite;\n        }\n      }\n    }\n\n    .outer-line {\n      border-width: 1px;\n      border-style: solid;\n      padding: 3px;\n      border-radius: 50%;\n\n      .outer-svg-box {\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:1652px) {\n          width: 29px;\n          height: 29px;\n\n          svg {\n            width: 16px;\n            height: 16px;\n          }\n        }\n\n        svg {\n          width: 18px;\n          height: 18px;\n        }\n      }\n    }\n\n    a {\n      color: var(--body-font-color);\n    }\n  }\n\n  @media (max-width:1316px) and (min-width:1200px) {\n    .pay-box {\n      &:last-child {\n        display: none;\n      }\n\n      &:nth-child(5) {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  @media (max-width:1141px) and (min-width:992px) {\n    .pay-box {\n      &:last-child {\n        display: none;\n      }\n\n      &:nth-child(5) {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  @media (max-width:850px) and (min-width:768px) {\n    .pay-box {\n      &:last-child {\n        display: none;\n      }\n\n      &:nth-child(5) {\n        margin-bottom: 0;\n      }\n    }\n  }\n}\n\n.treading-product {\n  .table-responsive {\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              @media (max-width:812px) {\n                min-width: 140px;\n              }\n            }\n\n            &:last-child {\n              padding-right: 20px;\n            }\n\n            a {\n              color: var(--body-font-color);\n            }\n\n            .common-flex {\n              @media (max-width:1454px) {\n                gap: 8px;\n              }\n            }\n\n            img {\n              height: 32px;\n\n              @media (max-width:1552px) and (min-width:1550px) {\n                height: 39px;\n              }\n            }\n\n            @media (max-width:362px) {\n              &:first-child {\n                min-width: 168px;\n              }\n            }\n          }\n        }\n      }\n\n      thead {\n        tr {\n          th {\n            color: $badge-light-color;\n          }\n        }\n      }\n    }\n  }\n}\n\n@media (max-width:1399px) and (min-width:768px) {\n  .ord-xl-i {\n    order: 1;\n  }\n\n  .ord-xl-ii {\n    order: 2;\n  }\n\n  .ord-xl-iii {\n    order: 3;\n  }\n\n  .ord-xl-iv {\n    order: 4;\n  }\n\n  .ord-xl-v {\n    order: 5;\n  }\n\n  .ord-xl-vi {\n    order: 6;\n  }\n\n  .ord-xl-vii {\n    order: 7;\n  }\n\n  .ord-xl-viii {\n    order: 8;\n  }\n\n  .ord-xl-ix {\n    order: 9;\n  }\n\n  .ord-xl-x {\n    order: 10;\n  }\n}\n\n/**=====================\n    3.10 Dashboard_2 CSS End\n==========================**/","/**=====================\n    3.11 Dashboard_3 CSS Start\n==========================**/\n@keyframes hand-move {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  20% {\n    transform: rotate(15deg);\n  }\n\n  50% {\n    transform: rotate(0deg);\n  }\n\n  80% {\n    transform: rotate(-15deg);\n  }\n\n  100% {\n    transform: rotate(0deg);\n  }\n}\n\n.welcome-card {\n  background-image: url(../images/dashboard-3/bg.jpg);\n  background-size: cover;\n  background-repeat: no-repeat;\n  background-position: center;\n  color: $white;\n\n  h4 {\n    img {\n      margin-top: -6px;\n      animation: hand-move 5s infinite ease-in;\n    }\n\n    color: $white;\n  }\n\n  p {\n    width: 70%;\n    color: var(--white);\n\n    @media (max-width:1830px) and (min-width:1450px) {\n      width: 62%;\n    }\n\n    @media (max-width:1459px) {\n      display: -webkit-box;\n      height: 52px;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    @media (max-width:991px) and (min-width:537px) {\n      width: 70%;\n    }\n\n    @media (max-width:536px) {\n      width: 64%;\n    }\n\n    @media (max-width:480px) {\n      width: 100%;\n    }\n  }\n\n  .welcome-img {\n    height: 170px;\n    position: absolute;\n    right: 0;\n    bottom: -26px;\n\n    [dir=\"rtl\"] & {\n      right: unset;\n      left: 0;\n    }\n\n    @media (max-width:1780px) and (min-width:1661px) {\n      height: 180px;\n      bottom: -28px;\n    }\n\n    @media (max-width:1660px) and (min-width:1426px) {\n      height: 168px;\n      bottom: -24px;\n    }\n\n    @media (max-width:1425px) {\n      height: 155px;\n      bottom: -22px;\n    }\n\n\n    @media (max-width:767px) {\n      height: 140px;\n      bottom: -18px;\n    }\n\n    @media (max-width:480px) {\n      display: none;\n    }\n  }\n}\n\n.get-image {\n  img {\n    height: 158px;\n\n    @media (max-width:1737px) {\n      height: 134px;\n    }\n  }\n}\n\n.course-box {\n  overflow: hidden;\n\n  .card-body {\n    padding: 25px 15px;\n\n    @media (max-width: 1722px) {\n      padding: 20px 15px;\n    }\n\n    @media (max-width: 1660px) {\n      padding: 16px 15px;\n    }\n  }\n\n  &.widget-course {\n    .card-body {\n      @media (max-width: 1660px) {\n        padding: 25px 15px;\n      }\n    }\n  }\n\n  &:hover {\n    transform: translateY(-5px);\n    transition: 0.5s;\n\n    .course-icon {\n      svg {\n        animation: tada 1.5s ease infinite;\n      }\n    }\n  }\n}\n\n.course-widget {\n  display: flex;\n  gap: 8px;\n\n  .course-icon {\n    position: relative;\n    width: 54px;\n    height: 54px;\n    clip-path: polygon(40% 7.67949%, 43.1596% 6.20615%, 46.52704% 5.30384%, 50% 5%, 53.47296% 5.30384%, 56.8404% 6.20615%, 60% 7.67949%, 81.65064% 20.17949%, 84.50639% 22.17911%, 86.97152% 24.64425%, 88.97114% 27.5%, 90.44449% 30.6596%, 91.34679% 34.02704%, 91.65064% 37.5%, 91.65064% 62.5%, 91.34679% 65.97296%, 90.44449% 69.3404%, 88.97114% 72.5%, 86.97152% 75.35575%, 84.50639% 77.82089%, 81.65064% 79.82051%, 60% 92.32051%, 56.8404% 93.79385%, 53.47296% 94.69616%, 50% 95%, 46.52704% 94.69616%, 43.1596% 93.79385%, 40% 92.32051%, 18.34936% 79.82051%, 15.49361% 77.82089%, 13.02848% 75.35575%, 11.02886% 72.5%, 9.55551% 69.3404%, 8.65321% 65.97296%, 8.34936% 62.5%, 8.34936% 37.5%, 8.65321% 34.02704%, 9.55551% 30.6596%, 11.02886% 27.5%, 13.02848% 24.64425%, 15.49361% 22.17911%, 18.34936% 20.17949%);\n    background: linear-gradient(310.31deg, #FF3364 14.71%, #FF7F9E 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    @media (max-width:600px) {\n      width: 47px;\n      height: 47px;\n\n      svg {\n        width: 20px;\n        height: 20px;\n      }\n    }\n\n    svg {\n      width: 26px;\n      height: 26px;\n      fill: $white;\n\n      @media (max-width:600px) {\n        width: 20px;\n        height: 20px;\n      }\n    }\n\n    &.warning {\n      background: linear-gradient(297.08deg, #FF9E2A -4.53%, #FFA941 98.25%);\n    }\n  }\n\n  .btn-light {\n    background: var(--course-light-btn) !important;\n    border: none;\n  }\n\n  a {\n    display: flex;\n    align-items: center;\n    padding: 8px 12px;\n    margin-top: 25px;\n\n    span {\n      display: block;\n      margin-bottom: -5px;\n    }\n\n    svg {\n      width: 13px;\n      height: 13px;\n    }\n  }\n}\n\n.get-card {\n  .card-header {\n    padding-left: 20px;\n    padding-right: 20px;\n  }\n}\n\n.square-group {\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  transform: scaleX(-1);\n\n  [dir=\"rtl\"] & {\n    right: unset;\n    left: 0;\n  }\n\n  .square-1 {\n    width: 12px;\n    height: 18px;\n\n    @media (max-width:660px) {\n      width: 8px;\n      height: 10px;\n    }\n  }\n\n  .square-2 {\n    width: 12px;\n    height: 10px;\n    margin-bottom: -10px;\n\n    @media (max-width:660px) {\n      width: 8px;\n      height: 10px;\n    }\n  }\n\n  .square-3 {\n    width: 18px;\n    height: 10px;\n    margin-left: 10px;\n\n    @media (max-width:660px) {\n      width: 12px;\n      height: 8px;\n    }\n\n    [dir=\"rtl\"] & {\n      margin-left: unset;\n      margin-right: 10px;\n    }\n  }\n\n  .square-4 {\n    width: 16px;\n    height: 16px;\n    position: absolute;\n    top: 20px;\n    right: -15px;\n\n    [dir=\"rtl\"] & {\n      right: unset;\n      left: -15px;\n    }\n\n    @media (max-width:660px) {\n      width: 9px;\n      height: 9px;\n      right: -3px;\n      top: 9px;\n    }\n  }\n\n  .square-5 {\n    width: 6px;\n    height: 6px;\n    bottom: 22px;\n    position: absolute;\n    right: -1px;\n\n    [dir=\"rtl\"] & {\n      right: unset;\n      left: -1px;\n    }\n\n    @media (max-width:660px) {\n      width: 4px;\n      height: 4px;\n      bottom: 21px;\n      right: 6px;\n    }\n  }\n\n  .square-6,\n  .square-7 {\n    position: absolute;\n    width: 4px;\n    height: 4px;\n\n    @media (max-width:660px) {\n      right: 12px;\n      bottom: 35px;\n    }\n  }\n\n  .square-6 {\n    right: -23px;\n    bottom: 5px;\n\n    [dir=\"rtl\"] & {\n      right: unset;\n      left: -23px;\n    }\n  }\n\n  .square-7 {\n    right: 8px;\n    bottom: 45px;\n\n    [dir=\"rtl\"] & {\n      right: unset;\n      left: 8px;\n    }\n  }\n\n  .warning1 {\n    background: #FFD497;\n  }\n\n  .warning {\n    background: #FFA73B;\n  }\n\n  .primary {\n    background: $primary-color;\n  }\n\n  .danger {\n    background: #f54132;\n  }\n\n  .light {\n    background: #E6E8EF;\n  }\n\n  .success {\n    background: $success-color;\n  }\n}\n\n.progress-chart-wrap {\n  margin: -40px 0 -22px;\n\n  [dir=\"rtl\"] & {\n    direction: ltr;\n  }\n\n  @media (max-width: 991px) {\n    margin-top: -18px;\n  }\n\n  .apexcharts-canvas {\n    margin: 0 auto;\n\n    .apexcharts-datalabels-group {\n      .apexcharts-datalabel-label {\n        fill: var(--chart-text-color);\n      }\n    }\n  }\n}\n\n.get-card {\n  .btn {\n    margin-top: 15px;\n    padding: 8px 15px;\n\n    &:hover {\n      svg {\n        transform: translateX(5px);\n        transition: 0.5s;\n      }\n    }\n\n    svg {\n      width: 13px;\n      height: 13px;\n      fill: $white;\n      vertical-align: middle;\n      transition: 0.5s;\n    }\n  }\n}\n\n.default-inline-calender {\n  .main-inline-calender {\n    .form-control {\n      display: none;\n    }\n\n    .flatpickr-calendar {\n      box-shadow: unset;\n\n      .flatpickr-months {\n\n        .flatpickr-prev-month,\n        .flatpickr-next-month {\n          svg {\n            stroke: var(--body-font-color);\n          }\n        }\n\n        .flatpickr-month {\n\n          .flatpickr-monthDropdown-months,\n          .numInputWrapper {\n            color: var(--body-font-color);\n          }\n        }\n\n        .flatpickr-monthDropdown-months {\n          padding-right: 18px;\n\n          @media (max-width:647px) and (min-width:617px) {\n            padding-right: 8px;\n          }\n\n          @media (max-width:616px) {\n            padding-right: 6px;\n          }\n        }\n      }\n\n      .flatpickr-current-month {\n        @media (max-width:611px) {\n          width: 90%;\n          left: 7.5%;\n        }\n      }\n    }\n\n    .flatpickr-rContainer {\n      .flatpickr-weekdays {\n        .flatpickr-weekdaycontainer {\n          .flatpickr-weekday {\n            color: var(--chart-text-color);\n          }\n        }\n      }\n\n      .flatpickr-days {\n        .dayContainer {\n          .flatpickr-day {\n            height: 36px;\n\n            &.selected {\n              color: $white;\n            }\n\n            &.today {\n              background-color: $success-color;\n              border: unset;\n              color: $white;\n\n              &::before {\n                content: '';\n                width: 8px;\n                height: 8px;\n                border-radius: 50%;\n                background-color: $danger-color;\n                position: absolute;\n                top: -2px;\n                right: -2px;\n                outline: 3px solid var(--white);\n              }\n            }\n          }\n        }\n      }\n\n      .flatpickr-current-month {\n        .flatpickr-monthDropdown-months {\n\n          option {\n            font-size: 14px;\n\n            &:hover {\n              background-color: $badge-light-color;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n.learning-wrap {\n  margin: -24px -10px -24px -15px;\n}\n\n.activity-wrap {\n  margin: -22px 0 -22px -28px;\n\n  [dir=\"rtl\"] & {\n    margin: -22px -28px -22px 0;\n  }\n}\n\n.upcoming-event-wrap {\n  margin-bottom: -39px;\n  margin-left: -24px;\n}\n\n.course-card {\n  .dropdown {\n    .dropdown-toggle {\n      width: 125px;\n    }\n  }\n}\n\n.course-wrapper {\n  text-align: center;\n\n  .course-icon-box {\n    position: relative;\n    padding: 8px;\n\n    @media (max-width:767px) {\n      padding: 0;\n    }\n\n    .icon-wrap {\n      width: 117px;\n      height: 92px;\n      background-color: var(--course-bg);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 8px;\n      margin: 0 auto;\n      box-shadow: -18px 15px 20px rgba(119, 119, 119, 0.25);\n\n      @media (max-width: 1880px) and (min-width:1857px) {\n        width: 112px;\n      }\n\n      @media (max-width:1856px) {\n        width: 111px;\n      }\n\n      @media (max-width:767px) {\n        box-shadow: none;\n      }\n\n      @media (max-width:575px) {\n        width: 92px;\n        height: 82px;\n      }\n\n      img {\n        width: 80px;\n\n        @media (max-width:575px) {\n          width: 70px;\n        }\n      }\n    }\n\n    .arrow-bg {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: calc(100% + 20px);\n      height: 100%;\n\n      [dir=\"rtl\"] & {\n        left: unset;\n        right: 0;\n        transform: scaleX(-1);\n      }\n\n      @media (max-width:767px) {\n        display: none;\n      }\n    }\n  }\n\n  h6 {\n    margin-top: 25px;\n    margin-bottom: 0;\n\n    @media (max-width: 575px) {\n      margin-top: 15px;\n    }\n  }\n}\n\n.course-main-card {\n  display: flex;\n  gap: 20px;\n  justify-content: center;\n\n  @media (max-width: 1880px) {\n    flex-wrap: wrap;\n  }\n\n  @media (max-width:767px) {\n    gap: 12px;\n    flex-wrap: nowrap;\n  }\n\n  @media (max-width: 575px) {\n    gap: 20px;\n    flex-wrap: wrap;\n  }\n\n  .course-wrapper {\n    &:last-child {\n      .arrow-bg {\n        width: 100%;\n      }\n    }\n  }\n}\n\n.schedule-card {\n  .card-header-right-icon {\n    .btn {\n      @media (max-width:330px) {\n        min-width: 76px;\n      }\n    }\n  }\n}\n\n.schedule-list {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n\n  @media (max-width:767px) {\n    flex-direction: row;\n  }\n\n  @media (max-width:575px) {\n    flex-direction: column;\n  }\n\n  li {\n    display: flex;\n    align-items: center;\n\n    h6 {\n      font-size: 14px;\n    }\n\n    ul {\n      column-count: 2;\n      column-rule-style: solid;\n      column-rule-color: var(--chart-text-color);\n      column-gap: 20px;\n      column-rule-width: 1px;\n\n      @media (max-width:1712px) {\n        column-gap: 14px;\n      }\n\n      @media (max-width: 1199px) {\n        display: flex;\n        flex-wrap: wrap;\n      }\n\n      li {\n        gap: 6px;\n      }\n    }\n\n    img {\n      border-radius: 100%;\n      width: 37px;\n      height: 37px;\n      padding: 3px;\n    }\n\n    svg {\n      width: 15px;\n      height: 15px;\n\n      &.f-success {\n        fill: $success-color;\n      }\n    }\n\n  }\n\n  >li {\n    padding: 15px 20px;\n    box-shadow: 4px 7px 17px 5px rgba(46, 35, 94, 0.05);\n    gap: 10px;\n    position: relative;\n    border-radius: 10px;\n\n    @media (max-width:1712px) {\n      padding: 16px 14px;\n    }\n\n    &::before {\n      position: absolute;\n      content: '';\n      width: 5px;\n      height: 100%;\n      left: 0;\n      top: 0;\n      border-radius: 15px 0 0 15px;\n\n      [dir=\"rtl\"] & {\n        left: unset;\n        right: 0;\n        border-radius: 0 15px 15px 0;\n      }\n    }\n\n    &.primary {\n      &::before {\n        background-color: var(--theme-default);\n      }\n\n      img {\n        border: 1px solid var(--theme-default);\n      }\n    }\n\n    &.warning {\n      &::before {\n        background-color: $warning-color;\n      }\n\n      img {\n        border: 1px solid $warning-color;\n      }\n    }\n  }\n}\n\n.link-only {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: $theme-body-sub-title-color;\n\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n}\n\n.lessons-lists {\n  li {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 12px 0;\n\n    img {\n      transition: 0.5s;\n    }\n\n    +li {\n      border-top: 1px solid var(--chart-dashed-border);\n    }\n\n    &:first-child {\n      padding-top: 0;\n    }\n\n    &:last-child {\n      padding-bottom: 0;\n    }\n\n    &:hover {\n      img {\n        transform: scale(1.1);\n        transition: 0.5s;\n      }\n    }\n  }\n}\n\n.lesson-wrap {\n  width: 50px;\n  margin-bottom: -11px;\n  margin-top: -6px;\n\n  .apexcharts-canvas {\n    .apexcharts-datalabel-label {\n      display: none;\n    }\n  }\n}\n\n.t-top-mentor {\n  .table-responsive {\n    div.dt-container {\n      .dt-layout-row {\n        .dt-layout-cell {\n          .dt-search {\n            @media (max-width:1261px) {\n              position: relative;\n              top: 4px;\n              left: 20px;\n              margin-bottom: 20px;\n            }\n          }\n        }\n\n        &:last-child {\n          @media (max-width:1608px) {\n            flex-direction: column;\n          }\n        }\n      }\n    }\n  }\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        a {\n          color: var(--body-font-color);\n        }\n\n        img {\n          height: 40px;\n\n          @media (max-width:1394px) {\n            height: 32px;\n          }\n        }\n\n\n        @media (max-width:1516px) and (min-width:1200px) {\n          &:nth-child(3) {\n            display: none;\n          }\n        }\n\n        @media (max-width:1294px) and (min-width:1205px) {\n          img {\n            height: 38px;\n          }\n        }\n\n        @media (max-width:1204px) and (min-width:1200px) {\n          img {\n            height: 37px;\n          }\n        }\n\n        @media (max-width:1199px) {\n          &:nth-child(2) {\n            min-width: 135px;\n          }\n\n          &:nth-child(3) {\n            min-width: 108px;\n          }\n\n          &:nth-child(4) {\n            min-width: 60px;\n          }\n        }\n      }\n    }\n  }\n\n  thead {\n    tr {\n      th {\n        color: $badge-light-color;\n      }\n    }\n  }\n}\n\n.completed-course-table {\n  .table-responsive {\n    div.dt-container {\n      .dt-layout-row {\n        .dt-layout-cell {\n          .dt-search {\n            @media (max-width:1261px) {\n              position: relative;\n              top: 4px;\n              left: 20px;\n              margin-bottom: 20px;\n            }\n          }\n        }\n\n        &:last-child {\n          @media (max-width:1608px) {\n            flex-direction: column;\n          }\n        }\n      }\n    }\n  }\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          @media (max-width:1671px) and (min-width:1200px) {\n            display: none;\n          }\n        }\n\n        a {\n          color: var(--body-font-color);\n        }\n\n        img {\n          height: 40px;\n          border-radius: 8px;\n\n          @media (max-width:1394px) {\n            height: 32px;\n          }\n        }\n\n        &:nth-child(4) {\n          @media (max-width:1671px) and (min-width:1351px) {\n            padding-right: 20px;\n          }\n\n          @media (max-width:1350px) and (min-width:1200px) {\n            display: none;\n          }\n        }\n\n        &:nth-child(2) {\n          @media (max-width:1403px) and (min-width:1351px) {\n            .common-flex {\n              gap: 7px;\n            }\n          }\n        }\n\n        @media (max-width:1356px) and (min-width:1200px) {\n          .common-flex {\n            gap: 10px;\n          }\n        }\n\n        @media (max-width:1294px) and (min-width:1205px) {\n          img {\n            height: 38px;\n          }\n        }\n\n        @media (max-width:1204px) and (min-width:1200px) {\n          img {\n            height: 37px;\n          }\n        }\n\n        @media (max-width:1199px) {\n          &:nth-child(2) {\n            min-width: 155px;\n          }\n\n          &:nth-child(3) {\n            min-width: 96px;\n          }\n\n          &:nth-child(4) {\n            min-width: 121px;\n          }\n\n          &:last-child {\n            min-width: 99px;\n          }\n        }\n      }\n    }\n  }\n\n  thead {\n    tr {\n      th {\n        color: $badge-light-color;\n      }\n    }\n  }\n}\n\n.overall-card {\n  .activity-details {\n    @media (max-width:791px) and (min-width:576px) {\n      span {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        max-width: 122px;\n      }\n    }\n  }\n}\n\n/**=====================\n  3.11 Dashboard_3 CSS Ends\n==========================**/","/**=====================\n    3.12 Dashboard_4 CSS Start\n==========================**/\n.widget-hover {\n    &:hover {\n        transform: translateY(-5px);\n        transition: 0.5s;\n    }\n}\n\n.currency-widget {\n    .currency-icon-widget {\n        width: 35px;\n        height: 35px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 5px;\n        box-shadow: inset 2.66667px -2.66667px 2.66667px rgba(194, 128, 49, 0.1), inset -2.66667px 2.66667px 2.66667px rgba(255, 255, 255, 0.1);\n\n        svg {\n            width: 16px;\n            height: 16px;\n            fill: $white;\n        }\n    }\n\n    .card {\n        margin-top: 14px;\n\n        .card-body {\n            padding: 15px;\n            gap: 10px;\n            justify-content: space-between;\n\n            @media (max-width:1660px) {\n                flex-wrap: wrap;\n            }\n\n            @media (max-width:575px) {\n                flex-wrap: unset;\n            }\n        }\n\n        &:hover {\n            transform: translateY(-5px);\n            transition: 0.5s;\n        }\n    }\n\n    h6 {\n        margin-bottom: 0;\n    }\n\n    .d-flex {\n        gap: 10px;\n        align-items: center;\n    }\n\n    span {\n        svg {\n            width: 16px;\n            height: 16px;\n            vertical-align: middle;\n        }\n    }\n\n    div[class*=\"bg-light-\"] {\n        color: $theme-body-font-color;\n        padding: 15px;\n        border-radius: 10px;\n        width: 115px;\n\n        @media (max-width:1660px) and (min-width: 1200px) {\n            display: none;\n        }\n\n        @media (max-width: 1199px) {\n            width: 100%;\n        }\n\n        @media (max-width: 575px) {\n            width: 50%;\n        }\n    }\n\n    &.widget-currency {\n        .card {\n            .card-body {\n                @media (max-width: 1199px) and (min-width: 768px) {\n                    flex-wrap: unset;\n                }\n            }\n        }\n    }\n\n    &.warning {\n        .currency-icon-widget {\n            background-image: linear-gradient(to right, $warning-color 80%, rgba($warning-color, 0.2));\n        }\n    }\n\n    &.primary {\n        .currency-icon-widget {\n            background-image: linear-gradient(to right, $primary-color 80%, rgba($primary-color, 0.2));\n        }\n    }\n\n    &.success {\n        .currency-icon-widget {\n            background-image: linear-gradient(to right, $success-color 80%, rgba($success-color, 0.2));\n        }\n    }\n\n    &.height-equal {\n        @media (max-width:1399px) {\n            min-height: unset !important;\n        }\n    }\n}\n\n.currency-chart-wrap {\n    margin: -28px -10px -20px -20px;\n\n    @media (max-width: 575px) {\n        width: 50%;\n    }\n\n    .apexcharts-canvas {\n        .apexcharts-tooltip-text-y-label {\n            display: none;\n        }\n    }\n}\n\n.transaction-card {\n    .header-top {\n        flex-wrap: wrap;\n        gap: 10px;\n    }\n}\n\n.crypto-main-card {\n    background-image: linear-gradient(to bottom right, #5f3deb, #ad79ff);\n    color: $white;\n\n    .card-body {\n        @media (max-width: 1199px) {\n            padding: 20px;\n        }\n    }\n\n    .btn {\n        padding: 8px 20px;\n\n        @media (max-width: 1660px) {\n            padding: 8px 15px;\n        }\n    }\n\n    .deposit-wrap {\n        >div {\n            width: 65%;\n\n            @media (max-width: 1660px) {\n                width: 90%;\n            }\n\n            @media (max-width: 1536px) {\n                width: 100%;\n            }\n\n            @media (max-width: 1399px) {\n                width: 75%;\n            }\n\n            @media (max-width: 1199px) {\n                width: 95%;\n            }\n\n            h5 {\n                color: $white;\n\n                @media (max-width: 1660px) {\n                    -webkit-box-orient: vertical;\n                    overflow: hidden;\n                    text-overflow: ellipsis;\n                    -webkit-line-clamp: 2;\n                    display: -webkit-box;\n                }\n\n                @media (max-width: 767px) {\n                    -webkit-line-clamp: 1;\n                }\n            }\n\n            p {\n                color: $white;\n            }\n        }\n\n        img {\n            position: absolute;\n            right: 10px;\n            bottom: 10px;\n            width: 48%;\n            animation: bounce-effect 5s infinite ease-in;\n\n            [dir=\"rtl\"] & {\n                right: unset;\n                left: 10px;\n                transform: scaleX(-1);\n            }\n\n            @media (max-width: 1660px) and (min-width:1400px) {\n                width: 44%;\n            }\n\n            @media (max-width: 1399px) and (min-width:1200px) {\n                width: 52%;\n            }\n\n            @media (max-width: 1199px) and (min-width:1081px) {\n                width: 30%;\n            }\n\n            @media (max-width: 1080px) and (min-width:768px) {\n                width: 26%;\n            }\n\n            @media (max-width: 767px) and (min-width:576px) {\n                width: 33%;\n            }\n\n            @media (max-width: 575px) and (min-width:401px) {\n                width: 26%;\n            }\n\n            @media (max-width: 400px) {\n                width: 35%;\n            }\n        }\n    }\n}\n\n.portfolio-card {\n    .dropdown-toggle {\n        width: 80px;\n    }\n}\n\n.btn-white {\n    color: $primary-color;\n    background-color: $white;\n\n    &:hover {\n        color: $primary-color;\n        background-color: $white;\n    }\n}\n\n.radial-progress-card {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\n\n    &.card-body {\n        @media (max-width: 1199px) {\n            padding: 30px 20px;\n        }\n    }\n\n    p {\n        -webkit-line-clamp: 1;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        -webkit-box-orient: vertical;\n        display: -webkit-box;\n    }\n\n    h6 {\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        -webkit-line-clamp: 1;\n        display: -webkit-box;\n    }\n\n    .sale-details {\n        margin: 10px 0;\n\n        svg {\n            width: 15px;\n            height: 15px;\n            vertical-align: middle;\n        }\n    }\n\n    .radial-chart-wrap {\n        width: 110px;\n        margin-right: -25px;\n\n        [dir=\"rtl\"] & {\n            margin-right: unset;\n            margin-left: -25px;\n        }\n\n        @media (max-width: 1820px) {\n            margin-right: -12px;\n\n            [dir=\"rtl\"] & {\n                margin-left: -12px;\n            }\n        }\n\n        .apexcharts-canvas {\n            .apexcharts-datalabel-label {\n                display: none;\n            }\n        }\n    }\n}\n\n.transaction-table {\n    &.recent-table {\n        table {\n\n            thead,\n            tbody {\n                tr {\n\n                    th,\n                    td {\n                        &:first-child {\n                            padding-left: 20px;\n\n                            @media (max-width:1455px) {\n                                svg {\n                                    width: 16px;\n                                    height: 16px;\n                                }\n                            }\n                        }\n\n                        &:last-child {\n                            padding-right: 20px;\n                        }\n                    }\n                }\n            }\n\n            tr {\n\n                th,\n                td {\n                    min-width: auto;\n                }\n\n                th,\n                td {\n                    &:first-child {\n                        min-width: unset;\n\n                        @media (max-width:1458px) {\n                            min-width: 114px;\n                        }\n                    }\n\n                    &:last-child {\n                        text-align: right;\n                        min-width: 60px;\n                    }\n                }\n\n                &:last-child {\n                    td {\n                        border: unset;\n                        padding-bottom: 0;\n                    }\n                }\n            }\n\n            tr,\n            td {\n                border-style: dashed;\n            }\n        }\n    }\n}\n\n.custom-tab {\n    background: var(--light2);\n    padding: 4px;\n    border-radius: 5px;\n\n    &.nav-tabs {\n        border: none;\n\n        .nav-link {\n            border: none;\n            padding: 6px 12px;\n            color: var(--chart-text-color);\n\n            &.active {\n                color: var(--theme-default);\n            }\n        }\n    }\n}\n\n.market-chart-container {\n    margin: -24px 0 -24px -15px;\n\n    [dir=\"rtl\"] & {\n        margin: -24px -15px -24px 0;\n    }\n\n    @media (max-width:575px) {\n        margin-bottom: 0;\n    }\n}\n\n.market-card {\n    .balance-card {\n        padding: 10px;\n    }\n\n    .custom-tab {\n        @media (max-width:575px) {\n            display: none;\n        }\n    }\n}\n\n.currency-icon {\n    width: 34px;\n    height: 34px;\n    background-color: var(--light2);\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.recent-table {\n    tr {\n        &:hover {\n            td {\n                &:first-child {\n                    h6 {\n                        color: var(--theme-default);\n                    }\n                }\n            }\n\n            .border-icon {\n                .social-circle {\n                    transform: scale(1.02);\n                    transition: 0.5s;\n                }\n            }\n\n            .currency-icon {\n                svg {\n                    animation: tada 1.5s ease infinite;\n                }\n            }\n\n            .badge-light-primary {\n                background-color: var(--theme-default);\n                color: $white;\n            }\n        }\n    }\n}\n\n.currency-table {\n    &.recent-table {\n        table {\n            .change-currency {\n                svg {\n                    width: 16px;\n                    height: 16px;\n                    vertical-align: sub;\n                }\n            }\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                        &:nth-child(2),\n                        &:nth-child(3) {\n                            min-width: 87px;\n                        }\n\n                        &:nth-child(4) {\n                            min-width: 98px;\n                        }\n\n                        &:nth-child(5) {\n                            min-width: 100px;\n                        }\n                    }\n                }\n\n                thead {\n                    tr {\n                        th {\n                            color: $badge-light-color;\n                        }\n                    }\n                }\n            }\n        }\n\n        &.average-sale {\n            &.table-responsive {\n                div.dt-container {\n                    .dt-layout-row {\n                        .dt-layout-cell {\n                            .dt-search {\n                                @media (max-width:1275px) and (min-width:1200px) {\n                                    display: none;\n                                }\n\n                                @media (max-width:1199px) {\n                                    position: relative;\n                                    top: 4px;\n                                    left: 20px;\n                                    margin-bottom: 20px;\n                                }\n                            }\n                        }\n\n                        &:last-child {\n                            @media (max-width:1622px) {\n                                flex-direction: column;\n                            }\n                        }\n                    }\n                }\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                                @media (max-width:1316px) and (min-width:1200px) {\n                                    display: none;\n                                }\n\n                                @media (max-width:1199px) {\n                                    min-width: 147px;\n                                }\n                            }\n\n                            &:nth-child(3) {\n                                @media (max-width:1316px) and (min-width:768px) {\n                                    padding-right: 20px;\n                                }\n                            }\n\n                            &:nth-child(4) {\n                                @media (max-width:1465px) and (min-width:768px) {\n                                    display: none;\n                                }\n                            }\n\n                            @media (max-width:767px) {\n\n                                &:nth-child(2),\n                                &:nth-child(3),\n                                &:nth-child(4) {\n                                    min-width: 85px;\n                                }\n                            }\n\n                            a {\n                                color: var(--body-font-color);\n                            }\n\n                            .currency-icon {\n                                svg {\n                                    fill: var(--white);\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n\n        &.performer-table {\n            &.table-responsive {\n                div.dt-container {\n                    .dt-layout-row {\n                        .dt-layout-cell {\n                            .dt-search {\n                                @media (max-width:1199px) {\n                                    position: relative;\n                                    top: 4px;\n                                    left: 20px;\n                                    margin-bottom: 20px;\n                                }\n                            }\n                        }\n\n                        &:last-child {\n                            @media (max-width:1622px) {\n                                flex-direction: column;\n                            }\n                        }\n                    }\n                }\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                                @media (max-width:1696px) and (min-width:1200px) {\n                                    display: none;\n                                }\n                            }\n\n                            @media (max-width:1199px) {\n                                &:nth-child(2) {\n                                    min-width: 128px;\n                                }\n\n                                &:last-child {\n                                    min-width: 108px;\n                                }\n                            }\n\n\n                            &:nth-child(3) {\n                                @media (max-width:1303px) and (min-width:768px) {\n                                    display: none;\n                                }\n                            }\n\n                            &:nth-child(5) {\n                                @media (max-width:1696px) and (min-width:1200px) {\n                                    padding-right: 20px;\n                                }\n                            }\n\n                            &:nth-child(4) {\n                                @media (max-width:1470px) and (min-width:1200px) {\n                                    display: none;\n                                }\n                            }\n                        }\n\n                        @media (max-width:1199px) {\n                            &:nth-child(2) {\n                                min-width: 137px;\n                            }\n\n                            &:nth-child(5) {\n                                min-width: 98px;\n                            }\n\n                            &:last-child {\n                                min-width: 126px;\n                            }\n                        }\n\n                        a {\n                            color: var(--body-font-color);\n                        }\n\n                        svg {\n                            fill: var(--white);\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\nselect {\n    &.crypto-select {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        font-size: 12px;\n        right: 7px;\n        width: 62px;\n        background-position: right 0.25rem center;\n        padding: 8px;\n        border: none;\n        font-weight: 500;\n        background-size: 8px;\n\n        [dir=\"rtl\"] & {\n            right: unset;\n            left: 7px;\n        }\n\n        &.warning {\n            background-color: rgba($warning-color, 0.1) !important;\n            color: $warning-color !important;\n        }\n\n        &.primary {\n            background-color: rgba($primary-color, 0.1) !important;\n            color: $primary-color !important;\n        }\n    }\n}\n\n.crypto-form {\n    input {\n\n        &::-webkit-outer-spin-button,\n        &::-webkit-inner-spin-button {\n            -webkit-appearance: none;\n            margin: 0;\n        }\n\n        &[type=number] {\n            -moz-appearance: textfield;\n        }\n    }\n}\n\n.balance-box {\n    text-align: center;\n    background-image: url(../images/dashboard-4/bg-balance.png);\n    background-position: right;\n    background-size: cover;\n\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\n        img {\n            background-color: var(--balance-profile-bg);\n            border-radius: 100%;\n        }\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\n            svg {\n                width: 11px;\n                height: 11px;\n                fill: $primary-color;\n            }\n        }\n    }\n}\n\n.balance-profile {\n    ul {\n        display: flex;\n        justify-content: center;\n        gap: 50px;\n        margin-top: 16px;\n\n        @media (max-width: 1660px) {\n            gap: 25px;\n        }\n\n        li {\n            position: relative;\n\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 dashed var(--recent-dashed-border);\n\n                    [dir=\"rtl\"] & {\n                        left: unset;\n                        right: -25px;\n                    }\n\n                    @media (max-width: 1660px) {\n                        left: -16px;\n\n                        [dir=\"rtl\"] & {\n                            right: -16px;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n.activity-card {\n    .appointment-table {\n        @media (max-width:1399px) {\n            height: 180px;\n        }\n\n        @media (max-width:575px) {\n            height: unset;\n        }\n\n        tr {\n            td {\n                &:nth-child(2) {\n                    min-width: 99px;\n                }\n            }\n        }\n    }\n}\n\n.balance-item {\n    display: flex;\n    gap: 10px;\n\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\n        @media (max-width: 1660px) {\n            width: 25px;\n            min-width: 25px;\n            height: 25px;\n            border-radius: 8px;\n        }\n\n        .balance-icon {\n            width: 16px;\n            height: 16px;\n            border-radius: 100%;\n\n            @media (max-width: 1660px) {\n                width: 14px;\n                height: 14px;\n            }\n\n            svg {\n                color: $white;\n                width: 14px;\n                height: 14px;\n\n                @media (max-width: 1660px) {\n                    width: 12px;\n                    height: 12px;\n                    vertical-align: text-top;\n                }\n            }\n        }\n    }\n\n    .badge {\n        padding: 8px 10px;\n    }\n\n    &.danger {\n        .balance-icon-wrap {\n            background-color: rgba($danger-color, 0.1);\n\n            .balance-icon {\n                background-color: $danger-color;\n            }\n        }\n    }\n\n    &.success {\n        .balance-icon-wrap {\n            background-color: rgba($success-color, 0.1);\n\n            .balance-icon {\n                background-color: $success-color;\n            }\n        }\n    }\n}\n\n.portfolio-chart-container {\n    margin-top: -56px;\n\n    @media (max-width: 1399px) {\n        margin-top: -20px;\n    }\n}\n\n.portfolio-table {\n    .status {\n        width: 6px;\n        height: 6px;\n        border-radius: 100%;\n        display: inline-block;\n    }\n\n    table {\n\n        tr,\n        td {\n            border-style: dashed;\n        }\n\n        tr {\n\n            td,\n            th {\n                &:first-child {\n                    @media (max-width: 1755px) {\n                        min-width: 100px;\n                    }\n                }\n\n                &:last-child {\n                    @media (max-width: 1755px) {\n                        min-width: 88px;\n                    }\n                }\n            }\n\n            &:last-child {\n                td {\n                    border: unset;\n                    padding-bottom: 0;\n                }\n            }\n        }\n    }\n}\n\n/**=====================\n    3.12 Dashboard_4 CSS Ends\n==========================**/","/**=====================\n    3.13 Dashboard_5 CSS Start\n==========================**/\n.social {\n    &-img {\n        padding: 5px;\n        background: var(--white);\n        border-radius: 100%;\n    }\n\n    &-widget {\n        .card-body {\n            padding: 15px;\n\n            @media (max-width:1699px) and (min-width:1500px) {\n                span {\n                    &[class*='font-'] {\n                        display: none !important;\n                    }\n                }\n            }\n        }\n\n        .social-icons {\n            min-width: calc(40px + (55 - 40) * ((100vw - 320px) / (1920 - 320)));\n            height: calc(40px + (55 - 40) * ((100vw - 320px) / (1920 - 320)));\n            background: var(--white);\n            box-shadow: 0px 42.1092px 27.8569px rgba(41, 72, 152, 0.0303704), 0px 8.90772px 7.12618px rgba(41, 72, 152, 0.0196296), 0px 2.02448px 3.44162px rgba(41, 72, 152, 0.012037);\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n\n            img {\n                height: calc(20px + (35 - 20) * ((100vw - 320px) / (1920 - 320)));\n            }\n        }\n\n        .social-content {\n            margin-top: 20px;\n            display: flex;\n            justify-content: space-between;\n\n            .social-chart {\n                margin: -34px -42px -13px;\n                width: 150px;\n\n                .apexcharts-canvas {\n                    .apexcharts-datalabels-group {\n                        .apexcharts-datalabel-label {\n                            display: none;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n@keyframes wave-speaker {\n    0% {\n        transform: translateX(5px);\n    }\n\n    50% {\n        transform: translateX(0);\n    }\n\n    100% {\n        transform: translateX(5px);\n    }\n}\n\n.mobile-app-card {\n    background-image: url(../images/dashboard-5/profile-bg.png);\n    background-repeat: no-repeat;\n    background-size: cover;\n\n    &.social-empower {\n        .card-header {\n            width: 100%;\n\n            h6 {\n                @media (max-width:1537px) and (min-width:1400px) {\n                    text-overflow: ellipsis;\n                    white-space: nowrap;\n                    overflow: hidden;\n\n                }\n            }\n        }\n    }\n\n    .card-header {\n        background: transparent;\n        padding: 20px;\n        width: 68%;\n\n        @media (max-width: 1693px) {\n            width: 75%;\n        }\n\n        @media (max-width: 1316px) {\n            width: 86%;\n        }\n\n        @media (max-width: 991px) {\n            width: 64%;\n        }\n\n        @media (max-width: 350px) {\n            width: 75%;\n        }\n    }\n\n    .card-body {\n        margin-top: -20px;\n\n        @media (max-width:1693px) and (min-width:1353px) {\n            margin-top: 10px;\n        }\n\n        @media (max-width:1352px) and (min-width:1500px) {\n            margin-top: 70px;\n        }\n\n        @media (max-width:1499px) and (min-width:1409px) {\n            margin-top: 45px;\n        }\n\n        @media (max-width:1408px) and (min-width:1353px) {\n            margin-top: 22px;\n        }\n\n        @media (max-width:1352px) and (min-width:1213px) {\n            margin-top: 45px;\n        }\n\n        @media (max-width:1212px) and (min-width:1200px) {\n            margin-top: 25px;\n        }\n\n        @media (max-width: 1199px) and (min-width:992px) {\n            margin-top: 26px;\n        }\n\n        @media (max-width: 991px) and (min-width:768px) {\n            margin-top: 20px;\n        }\n\n        @media (max-width: 767px) and (min-width:461px) {\n            margin-top: -90px;\n        }\n\n        @media (max-width: 460px) {\n            margin-top: -30px;\n        }\n\n        .wavy {\n            width: 50px;\n            margin-right: -78px;\n            margin-top: -50px;\n            animation: wave-speaker 2s ease infinite;\n\n            @media (max-width:1693px) and (min-width:768px) {\n                width: 45px;\n                margin-right: -70px;\n                margin-top: -50px;\n            }\n\n            @media (max-width:1499px) and (min-width:768px) {\n                margin-top: -36px;\n                width: 32px;\n                margin-right: -58px;\n            }\n\n            @media (max-width:460px) {\n                margin-top: -35px;\n                width: 30px;\n                margin-right: -50px;\n            }\n        }\n\n        img {\n            &:not(.wavy) {\n                height: 158px;\n\n                @media (max-width:1693px) and (min-width:1500px) {\n                    height: 154px;\n                }\n\n                @media (max-width:1499px) and (min-width:1200px) {\n                    height: 120px;\n                }\n\n                @media (max-width:1199px) and (min-width:768px) {\n                    height: 116px;\n                }\n\n                @media (max-width:460px) {\n                    height: 108px;\n                }\n\n            }\n        }\n    }\n\n    .purchase-btn {\n        padding: 10px 25px;\n        min-width: unset;\n\n        @media (max-width: 575px) {\n            padding: 8px 16px;\n        }\n    }\n}\n\n.subscriber-chart-container {\n    margin: -22px -10px -24px;\n\n    @media (max-width:1399px) and (min-width:1200px) {\n        margin: -22px -10px -45px;\n    }\n\n    @media (max-width:488px) {\n        margin: -22px -10px -45px;\n    }\n}\n\n.click-widgets {\n    .card-body {\n        padding: 28px 15px;\n    }\n\n    .click-chart {\n        margin: -50px 0 -70px -20px;\n    }\n}\n\n.follower-wrap {\n\n    .card-body,\n    .card-header {\n        @media (max-width: 1693px) {\n            padding: 22px;\n        }\n    }\n\n    .card-header {\n        padding-bottom: 20px;\n    }\n\n    .papernote-wrap {\n        >span {\n            margin-bottom: 20px;\n\n            @media (max-width:1768px) {\n                display: block;\n                display: -webkit-box;\n                -webkit-line-clamp: 2;\n                -webkit-box-orient: vertical;\n                overflow: hidden;\n                text-overflow: ellipsis;\n            }\n        }\n    }\n}\n\n.campaign-list {\n    column-count: 2;\n    column-gap: 20px;\n    margin-bottom: 14px;\n\n    li {\n        position: relative;\n\n        +li {\n            &::before {\n                position: absolute;\n                content: \"\";\n                width: 1px;\n                height: 20px;\n                background-color: var(--chart-text-color);\n                top: 50%;\n                transform: translateY(-50%);\n                left: -10px;\n                opacity: 0.6;\n\n                [dir=\"rtl\"] & {\n                    left: unset;\n                    right: -10px;\n                }\n            }\n        }\n    }\n\n    .campaign-box {\n        background: linear-gradient(180deg, var(--course-light-btn) 0%, rgba(242, 243, 247, 0) 100%);\n        border-radius: 5px;\n        padding: 6px 10px;\n    }\n}\n\n.social-circle {\n    width: 34px;\n    height: 34px;\n    border-width: 1px;\n    border-style: solid;\n    border-radius: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: 0.5s;\n}\n\n.campaign-table {\n    &.recent-table {\n        table {\n            tr {\n\n                th,\n                td {\n                    &:first-child {\n                        padding-left: 20px;\n                    }\n\n                    &:last-child {\n                        padding-right: 20px;\n                    }\n\n                    @media (max-width:1399px) and (min-width:1200px) {\n\n                        &:nth-child(3),\n                        &:nth-child(6) {\n                            display: none;\n                        }\n                    }\n\n                    @media (max-width:1260px)and (min-width:1200px) {\n                        &:last-child {\n                            display: none;\n                        }\n\n                        &:nth-child(5) {\n                            padding-right: 20px;\n                        }\n                    }\n                }\n\n                &:hover {\n                    td {\n                        &:nth-child(2) {\n                            color: var(--theme-default);\n                        }\n                    }\n                }\n            }\n        }\n    }\n\n    .border-icon {\n        >div {\n            border-left: 2px solid $fb-color;\n            padding-left: 15px;\n\n            [dir=\"rtl\"] & {\n                padding-left: unset;\n                padding-right: 15px;\n            }\n        }\n    }\n\n    .facebook {\n        >div {\n            border-left: 2px solid $fb-color;\n\n            [dir=\"rtl\"] & {\n                border-left: unset;\n                border-right: 2px solid $fb-color;\n            }\n        }\n\n        .social-circle {\n            background-color: rgba($fb-color, 0.1);\n            border-color: $fb-color;\n            color: $fb-color;\n        }\n    }\n\n    .instagram {\n        >div {\n            border-left: 2px solid $insta-color;\n\n            [dir=\"rtl\"] & {\n                border-left: unset;\n                border-right: 2px solid $insta-color;\n            }\n        }\n\n        .social-circle {\n            background-color: rgba($insta-color, 0.1);\n            border-color: $insta-color;\n            color: $insta-color;\n        }\n    }\n\n    .pinterest {\n        >div {\n            border-left: 2px solid $pintrest-color;\n\n            [dir=\"rtl\"] & {\n                border-left: unset;\n                border-right: 2px solid $pintrest-color;\n            }\n        }\n\n        .social-circle {\n            background-color: rgba($pintrest-color, 0.1);\n            border-color: $pintrest-color;\n            color: $pintrest-color;\n        }\n    }\n\n    .plus-btn {\n        width: 24px;\n        border-radius: 5px;\n        background-color: transparent;\n        border: 1px solid var(--body-font-color);\n        color: var(--body-font-color);\n\n        &:hover {\n            background-color: var(--body-font-color);\n            color: var(--white);\n        }\n    }\n\n    .twitter {\n        >div {\n            border-left: 2px solid $twitter-color;\n\n            [dir=\"rtl\"] & {\n                border-left: unset;\n                border-right: 2px solid $twitter-color;\n            }\n        }\n\n        .social-circle {\n            background-color: rgba($twitter-color, 0.1);\n            border-color: $twitter-color;\n            color: $twitter-color;\n        }\n    }\n\n    .you-tube {\n        >div {\n            border-left: 2px solid $youtube-color;\n\n            [dir=\"rtl\"] & {\n                border-left: unset;\n                border-right: 2px solid $youtube-color;\n            }\n        }\n\n        .social-circle {\n            background-color: rgba($youtube-color, 0.1);\n            border-color: $youtube-color;\n            color: $youtube-color;\n        }\n    }\n\n    .linked-in {\n        >div {\n            border-left: 2px solid $linkedin;\n\n            [dir=\"rtl\"] & {\n                border-left: unset;\n                border-right: 2px solid $linkedin;\n            }\n        }\n\n        .social-circle {\n            background-color: rgba($linkedin, 0.1);\n            border-color: $linkedin;\n            color: $linkedin;\n        }\n    }\n\n    .badge-light-primary,\n    .badge-light-light {\n        border: unset;\n        min-width: 110px;\n    }\n\n    tr {\n\n        td,\n        th {\n            border-style: dashed;\n\n        }\n    }\n\n    .recent-table {\n        &.table-responsive {\n            div.dt-container {\n                .dt-layout-row {\n                    &:last-child {\n                        @media (max-width:1399px) {\n                            flex-direction: column;\n                        }\n                    }\n                }\n            }\n\n            table {\n\n                thead,\n                tbody {\n                    tr {\n\n                        td,\n                        th {\n                            &:first-child {\n                                min-width: 88px;\n\n                                @media (max-width:775px) {\n                                    min-width: 116px;\n                                }\n                            }\n\n                            &:nth-child(2) {\n                                min-width: 80px;\n                            }\n\n                            &:nth-child(3),\n                            &:last-child {\n                                min-width: 36px;\n                            }\n\n                            &:nth-child(3) {\n                                @media (max-width:1566px) and (min-width:1200px) {\n                                    display: none;\n                                }\n                            }\n\n                            @media (max-width:1455px)and (min-width:1200px) {\n                                &:last-child {\n                                    display: none;\n                                }\n\n                                &:nth-child(6) {\n                                    padding-right: 20px;\n                                }\n                            }\n\n                            @media (max-width:1399px) and (min-width:1200px) {\n                                &:nth-child(6) {\n                                    display: none;\n                                }\n\n                                &:nth-child(5) {\n                                    padding-right: 20px;\n\n                                }\n                            }\n\n                            @media (max-width:1255px) and (min-width:1200px) {\n                                min-width: auto;\n                            }\n\n                            @media (max-width:1215px) and (min-width:1200px) {\n                                &:nth-child(4) {\n                                    display: none;\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n.analytics-data {\n    .balance-data {\n        @media (max-width:938px) {\n            display: none;\n        }\n    }\n}\n\n.photo-click-wrapper {\n    margin: -12px -20px -20px 0px;\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.top-country {\n    .common-space {\n        margin-bottom: 8px;\n\n        >div {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            gap: 8px;\n\n            p {\n                font-size: 16px;\n\n                @media (max-width:1520px) {\n                    font-size: 15px;\n                }\n            }\n        }\n\n        span {\n            @media (max-width:1460px) and (min-width:768px) {\n                display: none;\n            }\n        }\n    }\n\n    img {\n        height: calc(25px + (37 - 25) * ((100vw - 320px) / (1920 - 320)));\n        border-radius: 50%;\n    }\n\n    .progress {\n        height: 7px;\n        background: linear-gradient(180.36deg, #CFDCE8 -32.82%, #FFFFFF 132.82%);\n    }\n}\n\n.social-clicks {\n    .analytics-tread-card {\n        .card-header {\n            .common-align {\n                span {\n                    @media (max-width:1791px) {\n                        &:first-child {\n                            overflow: hidden;\n                            text-overflow: ellipsis;\n                            white-space: nowrap;\n                        }\n                    }\n\n                    &:nth-child(2) {\n                        @media (max-width:1499px) and (min-width:1200px) {\n                            display: none;\n                        }\n                    }\n                }\n            }\n        }\n    }\n\n    i {\n        font-size: 10px;\n    }\n}\n\n.follower-country {\n    #countryMap {\n        height: 268px;\n\n        @media (max-width:1821px) and (min-width:1015px) {\n            height: 345px;\n        }\n\n        @media (max-width:1015px) and (min-width:992px) {\n            height: 408px;\n        }\n\n        @media (max-width:991px) and (min-width:926px) {\n            height: 345px;\n        }\n\n        @media (max-width:925px) and (min-width:808px) {\n            height: 410px;\n        }\n\n        @media (max-width:807px) and (min-width:768px) {\n            height: 400px;\n        }\n    }\n}\n\n.s-xxl-3 {\n    @media (max-width:1499px) {\n        width: 33.33333333%;\n        flex: 0 0 auto;\n    }\n\n    @media (max-width:767px) {\n        width: 50%;\n    }\n\n    @media (max-width:575px) {\n        width: 100%;\n    }\n}\n\n@media (max-width:1199px) {\n    .od-xl-1 {\n        order: 1;\n    }\n\n    .od-xl-2 {\n        order: 2;\n    }\n\n    .od-xl-3 {\n        order: 3;\n    }\n\n    .od-xl-4 {\n        order: 4;\n    }\n\n    .od-xl-5 {\n        order: 5;\n    }\n\n    .od-xl-6 {\n        order: 6;\n    }\n\n    .od-xl-7 {\n        order: 7;\n    }\n\n    .od-xl-8 {\n        order: 8;\n    }\n}\n\n/**=====================\n    3.13 Dashboard_5 CSS Ends\n==========================**/","/**=====================\n   3.14 Dashboard_6 CSS Start\n==========================**/\n.trending-card {\n     background: url(../images/dashboard-6/bg-1.png);\n     background-size: cover;\n     background-repeat: no-repeat;\n\n     .card-header {\n          background: transparent;\n     }\n\n     .activity-card {\n          .appointment-table {\n               table {\n                    tr {\n                         td {\n                              &:nth-child(2) {\n                                   min-width: 90px;\n                              }\n\n                              &:last-child {\n                                   min-width: 95px;\n                              }\n                         }\n\n                    }\n               }\n          }\n     }\n}\n\n@keyframes dot-animation {\n     0% {\n          transform: scale(1);\n     }\n\n     50% {\n          transform: scale(0.5) translateX(-10px);\n     }\n\n     100% {\n          transform: scale(1);\n     }\n}\n\n@keyframes dot-animation1 {\n     0% {\n          transform: scale(1);\n     }\n\n     50% {\n          transform: scale(1.4) translateX(-10px);\n     }\n\n     100% {\n          transform: scale(1);\n     }\n}\n\n.explore-card {\n     background: url(../images/dashboard-6/bg-2.png);\n     background-size: cover;\n     background-repeat: no-repeat;\n\n     @media (max-width: 575px) {\n          background-color: rgba($white, 0.5);\n          background-blend-mode: overlay;\n     }\n\n     .row {\n          @media (max-width: 1199.98px) {\n               width: 53%;\n\n               [dir=\"rtl\"] & {\n                    margin-right: auto;\n               }\n          }\n\n          @media (max-width: 991.98px) {\n               width: 50%;\n          }\n\n          @media (max-width: 767.98px) {\n               width: 60%;\n          }\n\n          @media (max-width: 575.98px) {\n               width: 100%;\n          }\n\n          .custom-rs-12 {\n               [dir=\"rtl\"] & {\n                    margin-right: auto;\n               }\n          }\n     }\n\n     .group-btn {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 15px;\n\n          @media (max-width:1220px) {\n               gap: 8px;\n          }\n\n          .btn {\n               padding-top: 0.6rem;\n               padding-bottom: 0.6rem;\n\n               @media (max-width: 575.98px) {\n                    padding-top: 6px;\n                    padding-bottom: 6px;\n               }\n          }\n     }\n\n     .decore {\n          @media (max-width:1199.98px) {\n               display: none;\n          }\n\n          li {\n               position: absolute;\n          }\n\n          .dot-gradient {\n               width: 22px;\n               height: 22px;\n               background: linear-gradient(#e3e3ef, rgba($primary-color, 0.3));\n               border-radius: 100%;\n\n               &.dot-1 {\n                    right: -18px;\n                    top: 0;\n                    animation: dot-animation 5s ease infinite;\n\n                    @media (max-width:1660px) {\n                         right: 45px;\n                         top: 24px;\n                    }\n\n                    @media (max-width:1365px) {\n                         right: 28px;\n                    }\n\n                    @media (max-width:1354px) {\n                         top: 40px;\n                    }\n               }\n\n               &.dot-2 {\n                    width: 12px;\n                    height: 12px;\n                    animation: dot-animation1 5s ease infinite;\n                    right: -40%;\n                    top: 19%;\n\n                    @media (max-width: 1660px) and (min-width:1516px) {\n                         right: 22%;\n                         top: 60%;\n                    }\n\n                    @media (max-width: 1515px) {\n                         right: 20%;\n                         top: 66%;\n                    }\n\n                    @media (max-width: 1231px) {\n                         right: 0%;\n                    }\n               }\n          }\n     }\n}\n\n.total-balance {\n     background: url(../images/dashboard-6/bg-3.png);\n     background-size: cover;\n     background-repeat: no-repeat;\n\n     .btn {\n          padding-top: 0.5rem;\n          padding-bottom: 0.5rem;\n     }\n\n     .card-header {\n          background: transparent;\n\n          p {\n               width: 226px;\n               overflow: hidden;\n               text-overflow: ellipsis;\n               -webkit-line-clamp: 1;\n               display: -webkit-box;\n          }\n     }\n\n     .card-body {\n          .common-f-start {\n               margin-bottom: 8px;\n               gap: 22px;\n\n               @media (max-width:1380px) {\n                    margin-bottom: 22px;\n               }\n\n               .d-flex {\n                    &:nth-of-type(2) {\n                         border-left: 1px solid var(--recent-dashed-border);\n                         padding-left: 22px;\n                    }\n               }\n\n               [class*='bg-light-'] {\n                    width: 24px;\n                    height: 24px;\n                    border-radius: 50%;\n                    display: grid;\n                    place-items: center;\n\n                    i {\n                         font-size: 12px;\n                         transform: rotate(45deg);\n                    }\n               }\n          }\n     }\n}\n\n.income-chart-wrapper {\n     margin-bottom: -10px;\n\n     .apexcharts-tooltip {\n          &.apexcharts-theme-light {\n\n               .apexcharts-tooltip-title,\n               .apexcharts-tooltip-goals-groupm,\n               .apexcharts-tooltip-z-group {\n                    display: none;\n               }\n\n               .apexcharts-tooltip-series-group.apexcharts-active,\n               .apexcharts-tooltip-series-group:last-child {\n                    padding-bottom: 0;\n               }\n          }\n     }\n}\n\n.sale-status-table {\n     .table {\n          > :not(:last-child)> :last-child>* {\n               border-bottom: none !important;\n          }\n     }\n\n     table {\n          border-collapse: separate;\n          border-spacing: 0 10px;\n\n          tr,\n          td,\n          th {\n               border: none;\n          }\n\n          thead {\n               th {\n                    padding-bottom: 0;\n               }\n          }\n\n          tbody {\n               tr {\n                    box-shadow: 0px 6px 10px rgba(70, 60, 175, 0.05);\n                    border-radius: 5px;\n               }\n          }\n\n          th,\n          td {\n               &:last-child {\n                    @media (max-width: 1660px) and (min-width: 1400px) {\n                         display: none;\n                    }\n\n                    @media (max-width: 575px) {\n                         display: none;\n                    }\n               }\n\n               &:nth-child(2) {\n                    @media (max-width: 1660px) and (min-width: 1400px) {\n                         max-width: 50px;\n                         padding: 0 8px;\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.product-card {\n     .product-image {\n          >img {\n               width: 100%;\n               border-radius: 4px;\n               height: 6.875rem;\n               object-fit: cover;\n          }\n\n          .author-img {\n               text-align: right;\n               display: block;\n               margin-top: -20px;\n               margin-right: 6px;\n          }\n     }\n\n     .product-nft-content {\n          margin-top: 5px;\n\n          ul {\n               display: flex;\n               justify-content: space-between;\n\n               li {\n                    width: 100%;\n\n                    +li {\n                         text-align: right;\n                         border-left: 1px dashed var(--recent-dashed-border);\n                    }\n               }\n          }\n\n          .btn {\n               padding: 0.5rem 0;\n          }\n     }\n}\n\n.artist-chart-wrap {\n     >div {\n          margin-left: -15px;\n          margin-right: -10px;\n     }\n\n     .apexcharts-tooltip {\n\n          .apexcharts-tooltip-z-group,\n          .apexcharts-tooltip-goals-group,\n          .apexcharts-tooltip-text-y-label {\n               display: none;\n          }\n\n          .apexcharts-tooltip-series-group.apexcharts-active,\n          .apexcharts-tooltip-series-group:last-child {\n               padding-bottom: 0;\n          }\n     }\n}\n\n.statistic-chart-wrap {\n     margin-left: -20px;\n     margin-bottom: -25px;\n\n     .apexcharts-tooltip {\n\n          .apexcharts-tooltip-z-group,\n          .apexcharts-tooltip-goals-group,\n          .apexcharts-tooltip-text-y-label {\n               display: none;\n          }\n     }\n}\n\n.statistics-card {\n     .d-flex {\n          li {\n               +li {\n                    padding-left: 15px;\n                    margin-left: 15px;\n                    border-left: 1px dashed var(--recent-dashed-border);\n\n                    [dir=\"rtl\"] & {\n                         padding-left: unset;\n                         margin-left: unset;\n                         padding-right: 15px;\n                         margin-right: 15px;\n                         border-left: unset;\n                         border-right: 1px dashed var(--recent-dashed-border);\n                    }\n               }\n          }\n     }\n}\n\n.upgrade-plan {\n     &.mobile-app-card {\n          .card-header {\n               p {\n                    text-overflow: ellipsis;\n                    overflow: hidden;\n                    display: -webkit-box !important;\n                    -webkit-line-clamp: 3;\n                    -webkit-box-orient: vertical;\n                    white-space: normal;\n\n                    @media (max-width:1693px) and (min-width: 1400px) {\n                         -webkit-line-clamp: 2;\n                    }\n\n                    @media (max-width:1224px) {\n                         -webkit-line-clamp: 2;\n                    }\n               }\n\n               @media (max-width:1693px) and (min-width:1500px) {\n                    width: 66%;\n               }\n\n               @media (max-width:1499px) and (min-width:1423px) {\n                    width: 70%;\n               }\n\n               @media (max-width:1422px) {\n                    width: 74%;\n               }\n          }\n\n          .card-body {\n               @media (max-width:1499px) {\n                    margin-top: 0;\n               }\n\n               img {\n                    margin-top: -130px;\n                    margin-bottom: 20px;\n                    width: 144px;\n                    height: 150px;\n\n                    @media (max-width:1555px) and (min-width:1500px) {\n                         margin-top: -150px;\n                         width: 136px;\n                    }\n\n                    @media (max-width:1499px) and (min-width:1423px) {\n                         margin-top: -170px;\n                         width: 114px;\n                         height: 118px;\n                    }\n\n                    @media (max-width:1422px) {\n                         margin-top: -116px;\n                         width: 96px;\n                         height: 100px;\n                    }\n\n                    @media (max-width: 1199.98px) {\n                         margin-top: -128px;\n                    }\n               }\n          }\n     }\n}\n\n.category-box {\n     img {\n          border-radius: 8px;\n          width: 100%;\n     }\n\n     h6 {\n          display: block;\n          padding: 10px;\n          width: calc(100% - 50px);\n          margin: 0 auto;\n          color: var(--body-font-color);\n          text-align: center;\n          background: var(--white);\n          margin-top: -20px;\n          position: relative;\n          border-radius: 5px;\n\n          @media (max-width:1705px) and (min-width:1636px) {\n               width: calc(100% - 40px);\n          }\n\n          @media (max-width:1635px) and (min-width:1566px) {\n               width: calc(100% - 30px);\n          }\n\n          @media (max-width:1565px) and (min-width:1530px) {\n               width: calc(100% - 20px);\n          }\n\n          @media (max-width:1426px) {\n               width: calc(100% - 30px);\n          }\n     }\n}\n\n.artist-table {\n     button {\n          span {\n               color: var(--theme-default);\n          }\n\n          svg {\n               width: 15px;\n               height: 15px;\n               vertical-align: text-bottom;\n          }\n\n          &:hover {\n               span {\n                    color: $white;\n               }\n          }\n     }\n\n     .appointment-table.customer-table {\n          table {\n               tr {\n                    td {\n                         .medal-img {\n                              min-width: 30px;\n                         }\n\n                         &:last-child {\n                              @media (max-width: 1795px) {\n                                   min-width: 90px;\n                              }\n                         }\n                    }\n               }\n          }\n     }\n\n}\n\n.nft-table {\n     &.recent-table {\n          div.dt-container {\n               .dt-layout-row {\n                    .dt-layout-cell {\n                         .dt-search {\n                              @media (max-width:991px) {\n                                   position: relative;\n                                   top: 4px;\n                                   left: 20px;\n                                   margin-bottom: 20px;\n                              }\n                         }\n                    }\n               }\n          }\n\n          table {\n               tr {\n\n                    th,\n                    td {\n                         min-width: auto;\n\n                         &:first-child {\n                              padding-left: 20px;\n                         }\n\n                         &:last-child {\n                              padding-right: 20px;\n                         }\n\n                         @media (max-width:992px) {\n                              &:nth-child(2) {\n                                   min-width: 162px;\n                              }\n\n                              &:nth-child(4) {\n                                   min-width: 68px;\n                              }\n                         }\n                    }\n               }\n          }\n\n          svg {\n               width: 18px;\n               height: 18px;\n          }\n\n          .product-content {\n               .order-image {\n                    background: transparent;\n                    position: relative;\n\n                    .mark-img {\n                         position: absolute;\n                         right: 0;\n                         bottom: 2px;\n                    }\n               }\n          }\n     }\n}\n\n.activity-table {\n     .status-success {\n          min-width: 6px;\n          height: 6px;\n          border-radius: 100%;\n          background: $success-color;\n     }\n\n     .img-content-box {\n          min-width: 108px;\n     }\n\n     .appointment-table {\n          table {\n               tr {\n                    td {\n                         &:last-child {\n                              @media (max-width: 1772px) {\n                                   min-width: 72px;\n                              }\n                         }\n                    }\n               }\n          }\n     }\n}\n\n.explore-wrap {\n     @media (max-width: 1199.98px) {\n          order: -1;\n     }\n}\n\n.live-auction-wrapper {\n     .product-nft-content {\n          .common-flex {\n               gap: 8px;\n\n               .btn {\n                    width: 100%;\n               }\n\n               svg {\n                    width: 18px;\n                    height: 18px;\n                    fill: var(--theme-default);\n               }\n\n               .timer {\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                    gap: 4px;\n               }\n\n               span {\n                    span {\n                         color: var(--theme-default);\n                    }\n               }\n\n               .common-align {\n                    gap: 4px;\n               }\n          }\n\n          img {\n               height: 16px;\n          }\n\n          .btn {\n               padding: 6px 26px;\n\n               &:hover {\n                    svg {\n                         fill: $white;\n                    }\n\n                    span {\n                         span {\n                              color: $white;\n                         }\n                    }\n               }\n          }\n     }\n}\n\n.art-creator-table {\n     &.recent-table {\n          div.dt-container {\n               .dt-layout-row {\n                    .dt-layout-cell {\n                         .dt-search {\n                              @media (max-width:1459px) {\n                                   display: none;\n                              }\n                         }\n                    }\n               }\n          }\n\n          table {\n\n               thead,\n               tbody {\n                    tr {\n\n                         th,\n                         td {\n                              min-width: auto;\n\n                              &:first-child {\n                                   padding-left: 20px;\n                              }\n\n                              &:last-child {\n                                   padding-right: 20px;\n                              }\n\n                              @media (max-width:1551px) and (min-width:1400px) {\n                                   &:last-child {\n                                        display: none;\n                                   }\n\n                                   &:nth-child(2) {\n                                        padding-right: 20px;\n                                   }\n                              }\n\n                              @media (max-width:1395px) and (min-width:1400px) {\n                                   &:nth-child(2) {\n                                        min-width: 80px;\n                                   }\n                              }\n\n                              .img-content-box {\n                                   a {\n                                        color: var(--body-font-color);\n                                   }\n\n                                   a,\n                                   p {\n                                        @media (max-width:1719px) {\n                                             text-overflow: ellipsis;\n                                             overflow: hidden;\n                                             white-space: nowrap;\n                                             width: 92px;\n                                             display: block;\n                                        }\n\n                                        @media (max-width:1608px) and (min-width:1552px) {\n                                             width: 74px;\n                                        }\n\n                                        @media (max-width:1551px) {\n                                             width: 100%;\n                                        }\n                                   }\n                              }\n\n                              img {\n                                   height: 38px;\n                              }\n\n                              @media (max-width:1074px) {\n                                   &:first-child {\n                                        min-width: 200px;\n                                   }\n\n                                   &:nth-child(2),\n                                   &:last-child {\n                                        min-width: 85px;\n                                   }\n                              }\n                         }\n                    }\n               }\n\n               &.artwork-table {\n\n                    thead,\n                    tbody {\n                         tr {\n\n                              th,\n                              td {\n                                   @media (max-width:1249px) and (min-width:1200px) {\n                                        &:last-child {\n                                             display: none;\n                                        }\n\n                                        &:nth-child(2) {\n                                             padding-right: 20px;\n                                        }\n                                   }\n\n                                   @media (max-width:1074px) {\n                                        &:first-child {\n                                             min-width: 200px;\n                                        }\n\n                                        &:nth-child(2),\n                                        &:last-child {\n                                             min-width: 85px;\n                                        }\n                                   }\n                              }\n                         }\n                    }\n               }\n          }\n     }\n}\n\n.nft-collection {\n     position: relative;\n     overflow: hidden;\n\n     .swiper-container {\n          width: 100%;\n          height: 300px;\n          margin-left: auto;\n          margin-right: auto;\n          cursor: pointer;\n\n          img {\n               height: 130px;\n               width: 100%;\n               object-fit: cover;\n\n               @media (max-width:575px) and (min-width:401px) {\n                    height: 95px;\n               }\n\n               @media (max-width:400px) {\n                    height: 75px;\n               }\n          }\n     }\n\n     .swiper-slide {\n          background-size: cover;\n          background-position: center;\n     }\n\n     .gallery-top {\n          height: 100%;\n          width: 100%;\n          margin-top: 14px;\n     }\n\n     .gallery-thumbs {\n          height: 20%;\n     }\n\n     .gallery-thumbs .swiper-slide {\n          height: 100%;\n          opacity: 0.3;\n     }\n\n     .gallery-thumbs {\n          .swiper-slide-thumb-active {\n               opacity: 1;\n          }\n     }\n\n     .swiper-button-next,\n     .swiper-button-prev {\n          display: none;\n     }\n\n     .nft-user-info {\n          margin-top: 35px;\n\n          @media (max-width:1399px) {\n               margin-top: 18px;\n          }\n\n          img {\n               width: auto;\n               height: auto;\n          }\n\n          .user-desc {\n               display: flex;\n               justify-content: flex-start;\n               align-items: center;\n               gap: 3px;\n               color: rgba($badge-light-color, 0.8);\n               flex-wrap: wrap;\n\n               i {\n                    font-size: 6px;\n               }\n          }\n     }\n}\n\n/**=====================\n  3.14 Dashboard_6 CSS end\n==========================**/","/**=====================\n    3.15 Dashboard_7 Start\n==========================**/\n.increase-content {\n    &.pe-0 {\n        [dir=\"rtl\"] & {\n            padding-right: 30px !important;\n            padding-left: 0px !important;\n        }\n    }\n}\n\n.knowledge-wrapper {\n    div {\n        width: 80%;\n\n        p {\n            @media (max-width:1403px) {\n                display: block;\n                display: -webkit-box;\n                max-width: 100%;\n                height: 65px;\n                -webkit-line-clamp: 3;\n                -webkit-box-orient: vertical;\n                overflow: hidden;\n                text-overflow: ellipsis;\n            }\n        }\n\n        button {\n            position: absolute;\n            padding: 5px 16px;\n            bottom: 63px;\n\n            @media (max-width:1700px) {\n                padding: 5px 8px;\n            }\n\n            @media (max-width:1600px) {\n                padding: 4px;\n            }\n        }\n    }\n\n    .knowledgebase-wrapper {\n        width: 75%;\n        margin-top: -24%;\n        margin-left: auto;\n\n        [dir=\"rtl\"] & {\n            margin-left: unset;\n            margin-right: auto;\n            transform: scaleX(-1);\n        }\n    }\n}\n\n.school-performance-wrap {\n    @media (max-width:1399px) {\n        margin-bottom: -23px;\n    }\n\n    @media (max-width:1200px) and (min-width:768px) {\n        margin-bottom: -53px;\n    }\n}\n\n.count-student {\n    .school-wrapper {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n\n        .school-header {\n            i {\n                font-size: 12px;\n                font-weight: 600;\n            }\n\n            p {\n                line-height: 1.4;\n            }\n        }\n\n        .school-body {\n            img {\n                width: calc(62px + (70 - 62) * ((100vw - 320px) / (1920 - 320)));\n                position: relative;\n\n                @media (max-width:622px) {\n                    width: 50px;\n                }\n            }\n\n            .right-line {\n                position: absolute;\n                bottom: 0;\n                right: 0;\n\n                [dir=\"rtl\"] & {\n                    right: unset;\n                    left: 0;\n                }\n\n                img {\n                    width: 100%;\n                    height: 100%;\n\n                    [dir=\"rtl\"] & {\n                        transform: scaleX(-1);\n                    }\n                }\n            }\n        }\n    }\n}\n\n.income-wrapper {\n    @media (max-width:1400px) and (min-width:754px) {\n        margin-bottom: -26px;\n    }\n\n    @media (max-width:753px) {\n        margin-bottom: -65px;\n    }\n\n    ul {\n        display: flex;\n        justify-content: space-between;\n\n        @media (max-width:1735px) {\n            justify-content: flex-start;\n            gap: 10px;\n            flex-wrap: wrap;\n\n            @media (max-width:1199px) and (min-width: 339px) {\n                gap: 15px;\n            }\n\n            @media (max-width:338px) {\n                gap: 0;\n            }\n        }\n\n        @media (max-width: 395px) {\n            flex-wrap: nowrap;\n        }\n\n        li {\n            text-align: center;\n\n            +li {\n                border-left: 1px dashed rgba($badge-light-color, 30%);\n\n                [dir=\"rtl\"] & {\n                    border-left: unset;\n                    border-right: 1px dashed rgba($badge-light-color, 30%);\n                }\n\n                @media (max-width:1735px) {\n                    border-left: unset;\n\n                    [dir=\"rtl\"] & {\n                        border-right: unset;\n                    }\n                }\n            }\n\n            h6 {\n                display: inline-block;\n            }\n\n            .income-dot {\n                width: 8px;\n                height: 8px;\n                border-radius: 50%;\n                display: inline-block;\n                margin-right: 6px;\n\n                [dir=\"rtl\"] & {\n                    margin-left: 6px;\n                    margin-right: unset;\n                }\n            }\n        }\n    }\n}\n\n.performance-wrap {\n    @media (max-width:1678px) {\n        margin-bottom: -23px;\n    }\n}\n\n.performance-right {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n\n    @media (max-width: 540px) {\n        display: none;\n    }\n\n    p {\n        color: rgba($theme-body-font-color, 80%);\n        font-weight: 500;\n    }\n\n    i {\n        font-size: 14px;\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.default-inline-calender {\n    .school-calender {\n        .main-inline-calender {\n            .flatpickr-rContainer {\n                .flatpickr-days {\n                    .dayContainer {\n                        .flatpickr-day {\n                            height: 40px;\n\n                            @media (max-width:1199px) {\n                                height: 36px;\n                            }\n                        }\n                    }\n                }\n            }\n\n            .flatpickr-calendar {\n                .flatpickr-months {\n                    .flatpickr-current-month {\n                        @media (max-width:1671px) {\n                            font-size: 15px;\n                        }\n\n                        @media (max-width:1514px) {\n                            font-size: 14px;\n                            width: 85%;\n                            left: 8.5%;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n// Student leader\n.student-leader-wrapper {\n    .student-leader-content {\n        display: flex;\n        gap: 10px;\n        padding: 10px;\n        align-items: center;\n        border-bottom: $card-border-color;\n        justify-content: space-between;\n        flex-wrap: wrap;\n\n        @media (max-width:1525px) {\n            gap: 6px;\n        }\n\n        img {\n            width: 24px;\n            height: 27px;\n        }\n\n        .leader-img {\n            width: 35px;\n            height: 35px;\n            border-radius: 5px;\n\n            @media (max-width:1700px) {\n                display: none;\n            }\n        }\n\n        .leader-content-height {\n            span {\n                line-height: 18.69px;\n\n                @media (max-width:1510px) {\n                    display: none;\n                }\n            }\n        }\n\n        &:last-child {\n            border-bottom: 0;\n            padding-bottom: 0;\n        }\n    }\n}\n\n// Today's task\n.task-table {\n    .main-task {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        margin-bottom: 8px;\n\n        .task-progress {\n            width: 100px;\n            height: 6px;\n        }\n    }\n\n    .recent-table {\n        &.task-table {\n            tr {\n                td {\n                    &:first-child {\n                        min-width: 312px;\n                    }\n\n                    &:nth-child(2) {\n                        min-width: 110px;\n                    }\n\n                    &:last-child {\n                        padding-right: 8px;\n                        min-width: 34px;\n\n                        [dir=\"rtl\"] & {\n                            padding-right: unset;\n                            padding-left: 8px;\n                        }\n                    }\n                }\n            }\n        }\n\n        table {\n            tr {\n                &:last-child {\n                    td {\n                        padding-bottom: 12px;\n                    }\n                }\n            }\n        }\n    }\n\n    .main-task-wrapper {\n        tr {\n            td {\n                cursor: pointer;\n\n                .form-check {\n                    &.checkbox-width {\n                        padding-left: 0;\n                    }\n                }\n\n                h6 {\n                    @media (max-width:1415px) and (min-width:1200px) {\n                        overflow: hidden;\n                        text-overflow: ellipsis;\n                        white-space: nowrap;\n                        max-width: 165px;\n                    }\n\n                    @media (max-width:585px) {\n                        overflow: hidden;\n                        text-overflow: ellipsis;\n                        white-space: nowrap;\n                        max-width: 250px;\n                    }\n                }\n            }\n        }\n\n        .task-icons {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n\n            li {\n                &:last-child {\n                    border-left: 1px solid $gray-60;\n                    padding-left: 10px;\n                    display: flex;\n                    gap: 8px;\n\n                    [dir=\"rtl\"] & {\n                        border-left: unset;\n                        border-right: 1px solid $gray-60;\n                        padding-left: unset;\n                        padding-right: 10px;\n                    }\n                }\n            }\n        }\n\n        .square-white {\n            width: 34px;\n            height: 34px;\n            border-radius: 2px;\n            background-color: $white;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            box-shadow: 0px 71.2527px 51.5055px rgba(229, 229, 245, 0.189815), 0px 42.3445px 28.0125px rgba(229, 229, 245, 0.151852), 0px 21.9866px 14.2913px rgba(229, 229, 245, 0.125), 0px 8.95749px 7.16599px rgba(229, 229, 245, 0.0981481), 0px 2.03579px 3.46085px rgba(229, 229, 245, 0.0601852);\n\n            i {\n                color: rgba($badge-light-color, 50%);\n                font-size: 17px;\n            }\n\n            @media (max-width:575px) {\n                width: 30px;\n                height: 30px;\n\n                i {\n                    font-size: 14px;\n                }\n            }\n        }\n\n        .fill-clock {\n            fill: rgba($badge-light-color, 50%);\n        }\n\n        button {\n            padding: 4px 6px 4px 6px;\n        }\n    }\n\n    .open-options {\n        .dropdown-toggle {\n            &::after {\n                content: '';\n                display: none;\n            }\n        }\n\n        .dropdown-menu {\n            padding: 9px 14px;\n            background-color: var(--light2);\n\n            &.show {\n                display: flex;\n                gap: 8px;\n                min-width: 0;\n            }\n\n            li {\n                .dropdown-item {\n                    &:hover {\n                        i {\n                            color: $theme-body-sub-title-color;\n                        }\n                    }\n                }\n\n                .dropdown-item {\n                    &:hover {\n                        background-color: $lighter-white;\n                    }\n                }\n            }\n        }\n    }\n\n    .icons-box {\n\n        @media (max-width:1770px) {\n            display: none;\n\n        }\n    }\n\n    .icons-box-2 {\n\n        @media (max-width:1920px) {\n            display: none;\n        }\n\n        @media (max-width:1770px) {\n            display: table-cell;\n        }\n    }\n}\n\n// Notice-board\n.notice-board {\n    ul {\n        li {\n            padding-bottom: 29px;\n\n            @media (max-width:1416px) {\n                padding-bottom: 16px;\n            }\n\n            h6 {\n                margin-bottom: 5px;\n                font-size: 14px;\n                font-weight: 500;\n                line-height: 18.69px;\n            }\n\n            p {\n                font-size: 12px;\n                font-weight: 400;\n\n                @media (max-width:1477px) {\n                    &:last-child {\n                        text-overflow: ellipsis;\n                        overflow: hidden;\n                        white-space: nowrap;\n                        max-width: 126px;\n                    }\n                }\n            }\n        }\n    }\n}\n\n.attendance-data {\n    ul {\n        &.balance-data {\n            @media (max-width:1660px) {\n                position: relative;\n                top: 0;\n                left: 0;\n                display: inline-flex;\n            }\n        }\n    }\n}\n\n.attendance-student-data {\n    margin: 0 0px -20px -15px;\n}\n\n// Pie chart\n.attendance-chart {\n    display: flex;\n    justify-content: center;\n\n    @media (max-width:767px) {\n        margin-bottom: 12px;\n    }\n}\n\n.text-ellipsis {\n    display: block;\n    display: -webkit-box;\n    max-width: 100%;\n    margin: 0 auto;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.apexcharts-legend-series {\n    @media (max-width:1515px) {\n        margin: 5px 6px !important;\n    }\n}\n\n.apexcharts-legend {\n    @media (max-width:1870px) {\n        [dir=\"rtl\"] & {\n            margin-right: -20px;\n        }\n\n    }\n\n    @media (max-width:1870px) {\n        [dir=\"rtl\"] & {\n            margin-right: -47px;\n        }\n    }\n\n    @media (max-width:1515px) {\n        [dir=\"rtl\"] & {\n            margin-right: -27px;\n        }\n    }\n}\n\n.unpaid-fees-table {\n    .recent-table {\n        &.table-responsive {\n            div.dt-container {\n                .dt-layout-row {\n                    &:last-child {\n                        @media (max-width:1625px) {\n                            flex-direction: column;\n                        }\n                    }\n\n                    .dt-layout-cell {\n                        .dt-search {\n                            @media (max-width:1199px) {\n                                position: relative;\n                                top: 4px;\n                                left: 20px;\n                                margin-bottom: 20px;\n                            }\n                        }\n                    }\n                }\n            }\n\n            table {\n\n                thead,\n                tbody {\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                        a {\n                            color: var(--body-font-color);\n                        }\n\n                        &:nth-child(3) {\n                            @media (max-width:1732px) and (min-width:1200px) {\n                                display: none;\n                            }\n                        }\n\n                        &:nth-child(4) {\n                            @media (max-width:1590px) and (min-width:1200px) {\n                                display: none;\n                            }\n                        }\n\n                        &:nth-child(2) {\n                            @media (max-width:1595px) and (min-width:1200px) {\n                                .common-align {\n                                    img {\n                                        display: none;\n                                    }\n                                }\n                            }\n                        }\n\n                        &:nth-child(5) {\n                            @media (max-width:1294px) and (min-width:1200px) {\n                                display: none;\n                            }\n                        }\n\n                        @media (max-width:1199px) {\n                            &:nth-child(2) {\n                                min-width: 160px;\n                            }\n\n                            &:last-child {\n                                min-width: 100px;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n.top-student-table {\n    .recent-table {\n        &.table-responsive {\n            div.dt-container {\n                .dt-layout-row {\n                    &:last-child {\n                        @media (max-width:1625px) {\n                            flex-direction: column;\n                        }\n                    }\n\n                    .dt-layout-cell {\n                        .dt-search {\n                            @media (max-width:1199px) {\n                                position: relative;\n                                top: 4px;\n                                left: 20px;\n                                margin-bottom: 20px;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n\n        table {\n\n            thead,\n            tbody {\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                    a {\n                        color: var(--body-font-color);\n                    }\n\n                    &:nth-child(2) {\n                        @media (max-width:1673px) and (min-width:1200px) {\n                            display: none;\n                        }\n                    }\n\n                    &:nth-child(3) {\n                        @media (max-width:1595px)and (min-width:1200px) {\n                            .common-align {\n                                img {\n                                    display: none;\n                                }\n                            }\n                        }\n                    }\n\n                    &:nth-child(6) {\n                        @media (max-width:1434px)and (min-width:1200px) {\n                            display: none;\n                        }\n                    }\n\n                    &:nth-child(4) {\n                        @media (max-width:1294px)and (min-width:1200px) {\n                            display: none;\n                        }\n                    }\n\n                    @media (max-width:1199px) {\n                        &:nth-child(3) {\n                            min-width: 150px;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n.new-enroll-student {\n    .recent-table {\n        &.table-responsive {\n            div.dt-container {\n                .dt-layout-row {\n                    .dt-layout-cell {\n                        .dt-search {\n                            @media (max-width:1530px) {\n                                position: relative;\n                                top: 4px;\n                                left: 20px;\n                                margin-bottom: 20px;\n                                width: 75%;\n                            }\n                        }\n                    }\n\n                    &:last-child {\n                        @media (max-width:1625px) {\n                            flex-direction: column;\n                        }\n                    }\n                }\n            }\n        }\n\n        table {\n\n            thead,\n            tbody {\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                    a {\n                        color: var(--body-font-color);\n                    }\n\n                    &:nth-child(4) {\n                        @media (max-width:1830px) and (min-width:1200px) {\n                            display: none;\n                        }\n                    }\n\n                    &:nth-child(2) {\n                        @media (max-width:1607px) and (min-width:1200px) {\n                            display: none;\n                        }\n                    }\n\n                    &:nth-child(3) {\n                        @media (max-width:1530px) and (min-width:1200px) {\n                            display: none;\n                        }\n                    }\n\n                    @media (max-width:1199px) {\n                        &:first-child {\n                            min-width: 154px;\n                        }\n\n                        &:last-child {\n                            min-width: 124px;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n.std-class-chart {\n    .apexcharts-legend {\n        gap: 35px !important;\n\n        @media (max-width:1530px) and (min-width:1411px) {\n            gap: 8px !important;\n        }\n\n        @media (max-width:1410px) {\n            gap: 0 !important;\n        }\n    }\n\n    @media (max-width:1610px) and (min-width:1531px) {\n        margin-block: 16px;\n    }\n\n    @media (max-width:1530px) and (min-width:1405px) {\n        margin-block: 52px;\n    }\n\n    @media (max-width:1404px) and (min-width:1211px) {\n        margin-block: 64px;\n    }\n\n    @media (max-width:1210px) and (min-width:1200px) {\n        margin-block: 80px;\n    }\n}\n\n.student-header {\n    .card-header-right-icon {\n        @media (max-width:1350px) and (min-width:1200px) {\n            display: none;\n        }\n\n        @media (max-width:650px) and (min-width:576px) {\n            display: none;\n        }\n    }\n}\n\n/**=====================\n   3.15 Dashboard_7 Ends\n==========================**/","/**=====================\n    3.16 Dashboard_8 Start\n==========================**/\n.card-header-right-btn {\n    padding: 9px 11px;\n    border-radius: 5px;\n    font-weight: 500;\n    background-color: var(--light-slate);\n\n    @media (max-width:350px) {\n        padding: 8px;\n    }\n\n    a {\n        @media (max-width:330px) {\n            font-size: 12px;\n        }\n    }\n}\n\n.create-right-btn {\n    a {\n        @media (max-width:330px) {\n            font-size: 12px;\n        }\n    }\n}\n\n.shop-box {\n    width: 88px;\n    height: 88px;\n    border-radius: 50%;\n    background-color: var(--light-slate);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    box-shadow: var(--product-shadow);\n    text-align: center;\n    margin: 0 auto;\n}\n\n.category-title {\n    text-align: center;\n    display: block;\n}\n\n.main-our-product {\n\n    &.card-body {\n        padding-top: 0 !important;\n    }\n}\n\n.main-product-wrapper {\n    display: flex;\n    justify-content: space-between;\n    position: relative;\n\n    .product-header {\n        p {\n            @media (max-width:1360px) {\n                display: none;\n            }\n        }\n    }\n\n    .product-body {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 15px;\n\n        @media (max-width:440px) {\n            justify-content: flex-end;\n        }\n\n        .product-search {\n            @media (max-width:440px) {\n                width: 64%;\n            }\n\n            @media (max-width:425px) {\n                display: none;\n            }\n\n            .input-group-text {\n                background-color: unset;\n                border: 1px solid rgba(229, 229, 243, 0.8);\n                border-radius: 5px;\n\n                .search-icon {\n                    width: 20px;\n                    height: 20px;\n\n                    @media (max-width:1920px) {\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            .form-control {\n                padding: 8px 8px 8px 0;\n                border: 1px solid rgba(229, 229, 243, 0.8);\n                border-left: unset;\n                border-top-right-radius: 5px !important;\n                border-bottom-right-radius: 5px !important;\n                border-top-left-radius: 0 !important;\n                border-bottom-left-radius: 0 !important;\n\n\n                [dir=\"rtl\"] & {\n                    border-left: 1px solid rgba(229, 229, 243, 0.8);\n                    border-right: unset;\n                    border-top-left-radius: 5px !important;\n                    border-top-right-radius: unset !important;\n                    border-bottom-left-radius: 5px !important;\n                    border-bottom-right-radius: unset !important;\n                }\n\n                &:focus {\n                    box-shadow: unset;\n                }\n            }\n        }\n    }\n}\n\n// Product Card\n.our-product-wrapper {\n    box-shadow: 0px 9px 20px rgb(46 35 94 / 7%);\n    padding: 10px;\n    border-radius: 5px;\n    transition: all 0.5s ease;\n\n    .our-product-img {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        border-radius: 5px;\n        box-shadow: var(--product-shadow);\n        background-color: var(--light-slate);\n        height: 158px;\n        padding: 24px;\n\n        @media (max-width:650px) and (min-width:576px) {\n            height: 118px;\n        }\n\n        img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n        }\n    }\n\n    .our-product-content {\n        .common-f-start {\n            gap: 6px;\n            margin-top: 8px;\n        }\n\n        .add-quantity {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            gap: 6px;\n            padding: 5px 12px;\n\n            @media (max-width:1525px) {\n                padding: 4px 8px;\n                gap: 8px;\n            }\n\n            @media (max-width:1290px) {\n                gap: 5px;\n            }\n\n            &~.btn {\n                padding: 5px 12px;\n\n                @media (max-width:1525px) {\n                    padding: 5px 8px;\n                }\n            }\n\n            .countdown-remove {\n                text-align: center;\n                width: 25px;\n                border: unset;\n                background-color: transparent;\n                color: var(--chart-text-color);\n            }\n\n            .common-align {\n                gap: 6px;\n            }\n        }\n    }\n\n    &:hover {\n        .our-product-img {\n            img {\n                transform: scale(1.1);\n                transition: all 0.5s ease;\n            }\n        }\n    }\n}\n\n.customer-sticky {\n    @media (min-width:1200px) and (max-width:1920px) {\n        height: calc(100% - 20px);\n    }\n}\n\n.order-details {\n    .common-search {\n        &.input-group {\n            .input-group-text {\n                background-color: $transparent-color;\n            }\n\n            svg {\n                width: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));\n                height: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));\n            }\n\n            .form-control {\n                border-left: unset;\n                padding-left: unset;\n                text-indent: 0px;\n                transition: all 0.3s ease;\n\n                &:focus {\n                    border-color: var(--chart-progress-light);\n                    box-shadow: unset;\n                    border-left: unset;\n                    padding-left: unset;\n                    text-indent: 0px;\n                    transition: all 0.3s ease;\n                }\n            }\n        }\n    }\n\n    .search-items {\n        position: relative;\n        padding-bottom: 20px;\n        display: flex;\n        justify-content: center;\n        align-items: flex-start;\n        flex-direction: column;\n        gap: 10px;\n        border-bottom: 2px dashed var(--recent-dashed-border);\n\n        button {\n            @media (max-width:1666px) and (min-width:1200px) {\n                padding: 6px 10px;\n            }\n        }\n    }\n\n    .form-select {\n        &:focus {\n            box-shadow: unset !important;\n        }\n    }\n\n    h5 {\n        padding: 20px 0 18px 0;\n    }\n\n    .order-quantity {\n        display: flex;\n        flex-direction: column;\n        gap: 18px;\n\n        >div {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n\n            @media (max-width:1199px) and (min-width:576px) {\n                flex-direction: unset;\n                gap: 40px;\n            }\n\n            @media (max-width:732px) and (min-width:576px) {\n                gap: 20px;\n            }\n        }\n\n        .order-details-wrapper {\n            display: flex;\n            gap: 10px;\n\n            @media (max-width:1700px) {\n                gap: 8px;\n            }\n\n            .left-details {\n                display: flex;\n                gap: 10px;\n\n                .order-img {\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                    border-radius: 10px;\n                    box-shadow: var(--product-shadow);\n                    background-color: var(--light-slate);\n                    height: 94px;\n                    padding: 15px 20px;\n                    width: 100px;\n\n                    img {\n                        width: 100px;\n                        height: 100%;\n                        object-fit: contain;\n                    }\n\n                    @media (min-width:1400px) and (max-width:1920px) {\n                        width: calc(50px + (100 - 50) * ((100vw - 320px) / (1920 - 320)));\n                        height: calc(45px + (100 - 45) * ((100vw - 320px) / (1920 - 320)));\n\n                        img {\n                            height: calc(40% + (100 - 90) * ((100vw - 320px) / (1920 - 1500)));\n                        }\n                    }\n\n                    @media (max-width:1245px) and (min-width:1200px) {\n                        width: 80px;\n                        height: 74px;\n\n                        img {\n                            width: 75px;\n                        }\n                    }\n\n                    @media (max-width:732px) and (min-width:395px) {\n                        height: 80px;\n                        width: 90px;\n\n                        img {\n                            width: 70px;\n                        }\n                    }\n\n                    @media (max-width:394px) {\n                        height: 68px;\n                        width: 72px;\n\n                        img {\n                            width: 60px;\n                        }\n                    }\n                }\n            }\n\n            .category-details {\n                display: flex;\n                align-items: center;\n                gap: 3px;\n                justify-content: space-between;\n                -webkit-box-flex: 1;\n                flex: 1;\n\n                @media (max-width:1700px) {\n                    flex-direction: column;\n                    gap: 12px;\n                    align-items: flex-start;\n                }\n\n                .right-details {\n                    padding: 4px;\n                    background-color: var(--light-slate);\n                    border-radius: 50px;\n                    text-align: center;\n                    margin: 0;\n\n                    @media (min-width:1400px) and (max-width:1700px) {\n                        width: 70%;\n                    }\n\n                    @media (max-width:1400px) {\n                        width: 100px;\n                    }\n\n                    .touchspin-wrapper {\n\n                        @media (max-width:1700px) {\n                            display: flex;\n                            justify-content: space-between;\n                            align-items: center;\n                        }\n\n                        .btn-touchspin {\n                            border-radius: 50px;\n                            width: 27px;\n                            height: 27px;\n                            display: flex;\n                            justify-content: center;\n                            align-items: center;\n                            border: unset;\n                            background-color: var(--white);\n\n                            @media (min-width:1400px) and (max-width:1920px) {\n                                width: calc(18px + (27 - 18) * ((100vw - 1400px) / (1920 - 1400)));\n                                height: calc(18px + (27 - 18) * ((100vw - 1400px) / (1920 - 1400)));\n                            }\n                        }\n\n                        input[type='number'] {\n                            width: 25px;\n                            padding: 10px 0;\n                            text-align: center;\n                            border: unset;\n                            background-color: unset;\n                            color: var(--body-font-color);\n\n                            @media (max-width:1700px) {\n                                padding: 0;\n                            }\n                        }\n                    }\n                }\n\n                .order-details-right {\n\n                    .last-order-detail {\n                        display: flex;\n                        align-items: center;\n                        gap: 15px;\n\n                        a {\n                            i {\n                                color: var(--chart-text-color);\n                                font-size: 15px;\n                            }\n                        }\n                    }\n                }\n            }\n\n            &.product-remove {\n                display: none;\n            }\n        }\n    }\n\n    .total-item {\n        margin-top: 20px;\n        padding: 12px 15px;\n        background-color: var(--light-slate);\n        border-radius: 5px;\n\n        .item-number {\n            display: flex;\n            justify-content: space-between;\n            padding-bottom: 10px;\n        }\n    }\n}\n\n// Payment Methods\n.payment-methods {\n    display: flex;\n    text-align: center;\n    justify-content: space-between;\n\n    @media (max-width:1199px) and (min-width:576px) {\n        justify-content: space-evenly;\n    }\n\n    @media (max-width:575px) {\n        justify-content: space-between;\n    }\n\n    .bg-payment {\n        cursor: pointer;\n        background-color: var(--light-slate);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        padding: 23px 21px;\n        border-radius: 5px;\n        width: 80px;\n        height: 70px;\n        border: 1px solid transparent;\n\n        @media (max-width:1785px) and (min-width:1721px) {\n            width: 85px;\n        }\n\n        @media (max-width:1720px) and (min-width:1586px) {\n            width: 75px;\n            height: 71px;\n        }\n\n        @media (max-width:1585px) and (min-width:1486px) {\n            width: 68px;\n            height: 68px;\n        }\n\n        @media (max-width:1485px) and (min-width:1446px) {\n            width: 64px;\n            height: 64px;\n        }\n\n        @media (max-width:1445px) and (min-width:1456px) {\n            width: 64px;\n            height: 64px;\n        }\n\n        @media (max-width:1455px) and (min-width:1200px) {\n            width: 60px;\n            height: 60px;\n        }\n\n        @media (max-width:370px) {\n            width: 60px;\n            height: 60px;\n        }\n\n        img {\n            filter: grayscale(1);\n            height: calc(28px + (35 - 28) * ((100vw - 320px) / (1920 - 320)));\n        }\n\n        &:hover,\n        &.active,\n        :focus {\n            border: 1px solid var(--theme-default);\n            background-color: $light-primary;\n\n            img {\n                filter: unset;\n            }\n        }\n    }\n\n    span {\n        padding-top: 12px;\n    }\n}\n\n.place-order {\n    margin-top: 17px;\n\n    button {\n        padding: 11px 0;\n    }\n}\n\n//Empty Cart\n.empty-card {\n    display: none;\n\n    &.show {\n        display: block;\n    }\n}\n\n.empty-cart-wrapper {\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    align-items: center;\n\n    .empty-cart-content {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        width: 100px;\n        height: 100px;\n        border-radius: 50%;\n        background: var(--light-slate);\n\n        @media screen and (max-width:1920px) and (min-width: 1400px) {\n            width: calc(85px + (100 - 45) * ((100vw - 1400px) / (1920 - 1400)));\n            height: calc(85px + (100 - 45) * ((100vw - 1400px) / (1920 - 1400)));\n        }\n\n        img {\n            width: 100%;\n            height: 100%;\n        }\n    }\n\n    h6 {\n        line-height: 22px;\n        padding-top: 14px;\n    }\n}\n\n\n.coupon-code {\n    .input-group {\n        .form-control {\n            &:focus {\n                box-shadow: unset;\n                border-color: var(--chart-progress-light);\n            }\n\n            &::placeholder {\n                @media (max-width:1575px) {\n                    font-size: 13px;\n                }\n            }\n        }\n\n        .btn {\n            color: var(--body-font-color);\n            border-left: 0;\n            border-color: var(--chart-progress-light);\n\n            @media (max-width:1575px) {\n                font-size: 13px;\n            }\n        }\n    }\n}\n\n/**=====================\n   3.16 Dashboard_8 Ends\n==========================**/","/**=====================\n    3.17 Dashboard_9 Start\n==========================**/\n\n.compare-order {\n    transition: 0.5s;\n\n    .compare-icon {\n        width: calc(40px + (45 - 40) * ((100vw - 320px) / (1920 - 320)));\n        height: calc(40px + (45 - 40) * ((100vw - 320px) / (1920 - 320)));\n        border-radius: 10px;\n        background-color: var(--white);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n\n        svg {\n            width: 20px;\n            height: 20px;\n            transition: 0.5s;\n        }\n    }\n\n    .card-body {\n        .common-space {\n            margin-bottom: 12px;\n\n            h4 {\n                color: var(--body-font-color);\n            }\n        }\n\n        .progress {\n            background: linear-gradient(180.36deg, #CFDCE8 -32.82%, #FFFFFF 132.82%);\n            height: 9px;\n            margin-bottom: 10px;\n        }\n\n        .user-growth {\n            font-size: 12px;\n            margin-right: 4px;\n        }\n\n        .user-text {\n            color: rgba($badge-light-color, 0.8);\n            font-size: 14px;\n\n            @media (max-width:1469px) and (min-width:1400px) {\n                display: none;\n            }\n        }\n    }\n\n    &:hover {\n        transform: translateY(-5px);\n        transition: 0.5s;\n\n        .card-header {\n            svg {\n                transition: 0.5s;\n                transform: scale(1.08);\n            }\n        }\n    }\n}\n\n.crm-card {\n    background-image: url(../images/dashboard-9/bg.jpg);\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n\n    .card-body {\n        h4 {\n            color: $white;\n            font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));\n        }\n\n        p {\n            width: 65%;\n            color: $white;\n            margin-bottom: 35px;\n\n            @media (max-width:1830px) and (min-width:1450px) {\n                width: 62%;\n            }\n\n            @media (max-width:1780px) {\n                display: -webkit-box;\n                max-width: 100%;\n                height: 44px;\n                -webkit-line-clamp: 2;\n                -webkit-box-orient: vertical;\n                overflow: hidden;\n                text-overflow: ellipsis;\n            }\n\n            @media (max-width:1459px) {\n                display: -webkit-box;\n                height: 44px;\n                -webkit-line-clamp: 2;\n                -webkit-box-orient: vertical;\n                overflow: hidden;\n                text-overflow: ellipsis;\n            }\n\n            @media (max-width:991px) and (min-width:768px) {\n                width: 70%;\n            }\n\n            @media (max-width:767px) {\n                margin-bottom: 0;\n            }\n\n            @media (max-width:617px) {\n                width: 60%;\n                margin-bottom: 14px;\n            }\n        }\n    }\n\n    .crm-img {\n        height: 138px;\n        position: absolute;\n        right: 12px;\n        bottom: 8px;\n        animation: bounce-effect 3s infinite ease;\n\n        @media (max-width:1874px) and (min-width:1820px) {\n            height: 125px;\n            right: 12px;\n            bottom: 16px;\n        }\n\n        @media (max-width:1819px) and (min-width:1626px) {\n            height: 118px;\n            right: 8px;\n            bottom: 10px;\n        }\n\n        @media (max-width:1625px) and (min-width:1521px) {\n            height: 100px;\n            right: 12px;\n            bottom: 40px;\n        }\n\n        @media (max-width:1520px)and (min-width:1400px) {\n            height: 88px;\n            right: 4px;\n            bottom: 44px;\n        }\n\n        @media (max-width:1419px) and (min-width:1400px) {\n            bottom: 52px;\n        }\n\n        @media (max-width:1000px) and (min-width:851px) {\n            height: 122px;\n        }\n\n        @media (max-width:850px) and (min-width:768px) {\n            height: 112px;\n            right: 8px;\n        }\n\n        @media (max-width:416px) {\n            height: 100px;\n            right: 8px;\n            bottom: 12px;\n        }\n    }\n}\n\n// Pipeline breakdown\n.pipeline-data {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    @media (max-width:1536px) and (min-width:1400px) {\n        justify-content: center;\n    }\n\n    @media (max-width:698px) and (min-width:576px) {\n        justify-content: center;\n    }\n\n    [class*='dotted-'] {\n        width: 8px;\n        height: 8px;\n        border-radius: 50%;\n\n        @media (max-width:1673px) and (min-width:1400px) {\n            display: none;\n        }\n\n        @media (max-width:740px) {\n            display: none;\n        }\n    }\n\n    .common-flex {\n        align-items: baseline;\n\n        span {\n            color: rgba($badge-light-color, 0.8);\n        }\n\n        @media (max-width:1697px) and (min-width:1400px) {\n            gap: 6px;\n        }\n\n        @media (max-width:1536px) and (min-width:1400px) {\n            display: none;\n        }\n\n        @media (max-width:698px) and (min-width:576px) {\n            display: none;\n        }\n    }\n}\n\n.revenue-chart-container {\n    margin: -23px -10px -26px -16px;\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        }\n\n        span {\n            color: rgba($badge-light-color, 0.8);\n        }\n    }\n}\n\n// Finance overview\n.finance-wrapper {\n    .common-flex {\n        @media (max-width:338px) {\n            gap: 6px;\n        }\n\n        @media (max-width:322px) {\n            flex-direction: column;\n        }\n\n        h6 {\n            &:last-child {\n                border-left: 1px solid var(--chart-dashed-border);\n                padding-left: 16px;\n\n                @media (max-width:338px) and (min-width:323px) {\n                    padding-left: 6px;\n                }\n\n                @media (max-width:322px) {\n                    border-left: unset;\n                    padding-left: 0;\n                }\n            }\n        }\n    }\n\n    .finance-chart-wrapper {\n        @media (max-width:767px) {\n            margin-bottom: -20px;\n        }\n    }\n}\n\n// Deals table\n.deal-table {\n    &.recent-table {\n\n        thead,\n        tbody {\n            tr {\n\n                th,\n                td {\n                    min-width: auto;\n                    color: $badge-light-color;\n\n                    &:first-child {\n                        padding-left: 20px;\n                    }\n\n                    @media (max-width:1704px) and (min-width:1400px) {\n                        &:first-child {\n                            display: none;\n                        }\n\n                        &:nth-child(2) {\n                            padding-left: 20px;\n                        }\n                    }\n\n                    &:last-child {\n                        padding-right: 20px;\n                    }\n\n                    @media (max-width:1591px) and (min-width:1400px) {\n                        &:first-child {\n                            display: none;\n                        }\n\n                        &:nth-child(2) {\n                            padding-left: 20px;\n                        }\n                    }\n\n                    @media (max-width:1450px) and (min-width:1200px) {\n                        &:nth-child(3) {\n                            display: none;\n                        }\n                    }\n\n                    @media (max-width:1064px) {\n                        &:first-child {\n                            min-width: 52px;\n                        }\n\n                        &:nth-child(2) {\n                            min-width: 116px;\n                        }\n\n                        &:last-child {\n                            min-width: 90px;\n                        }\n                    }\n\n                    @media (max-width:899px) {\n                        &:first-child {\n                            min-width: 98px;\n                        }\n\n                        &:nth-child(2) {\n                            min-width: 135px;\n                        }\n\n                        &:nth-child(3) {\n                            min-width: 100px;\n                        }\n\n                        &:last-child {\n                            min-width: 135px;\n                        }\n                    }\n                }\n            }\n        }\n\n        thead {\n            tr {\n                th {\n                    color: $badge-light-color;\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                            right: 60px;\n\n                            @media (max-width:1000px) {\n                                display: none;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n\n        thead {\n            tr {\n                th {\n                    color: $badge-light-color;\n                }\n            }\n        }\n\n        thead,\n        tbody {\n            tr {\n\n                th,\n                td {\n                    min-width: auto;\n                    color: $badge-light-color;\n\n                    &:first-child {\n                        padding-left: 20px;\n                    }\n\n                    &:last-child {\n                        padding-right: 20px;\n\n                        @media (max-width:1312px) {\n                            .btn {\n                                padding: 6px 16px;\n                            }\n                        }\n                    }\n\n                    .common-flex {\n                        .lead-img {\n                            border-radius: 8px;\n                            height: 36px;\n\n                            @media (max-width:1629px) {\n                                height: 28px;\n                            }\n                        }\n                    }\n\n                    &:nth-child(4) {\n                        .common-flex {\n                            gap: 5px;\n                        }\n                    }\n\n                    @media (max-width:1670px) and (min-width:1200px) {\n                        &:nth-child(3) {\n                            display: none;\n                        }\n                    }\n\n                    @media (max-width:1608px) and (min-width:1200px) {\n                        &:nth-child(3) {\n                            display: none;\n                        }\n                    }\n\n                    @media (max-width:1363px) and (min-width:1200px) {\n                        &:nth-child(2) {\n                            display: none;\n                        }\n                    }\n\n                    @media (max-width:1199px) and (min-width:1200px) {\n                        &:first-child {\n                            min-width: 128px;\n                        }\n\n                        &:nth-child(4) {\n                            min-width: 104px;\n                        }\n                    }\n\n                    @media (max-width:1199px) {\n                        &:first-child {\n                            min-width: 100px;\n                        }\n\n                        &:nth-child(4) {\n                            min-width: 114px;\n                        }\n                    }\n\n                }\n            }\n        }\n    }\n}\n\n// Lead source \n.main-lead-source {\n    position: relative;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-left: -100px;\n\n    .lead-source-1 {\n        width: 200px;\n        height: 200px;\n        position: relative;\n        border-radius: 50%;\n        background-color: rgba($primary-color, 0.9);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin: 40px 0 80px 20px;\n        text-align: center;\n\n        @media (max-width:1920px) and (min-width:1400px) {\n            width: calc(120px + (200 - 120) * ((100vw - 1400px) / (1920 - 1400)));\n            height: calc(120px + (200 - 120) * ((100vw - 1400px) / (1920 - 1400)));\n        }\n\n        @media (max-width:1610px) and (min-width:1411px) {\n            margin: 60px 0 100px 20px;\n        }\n\n        @media (max-width:1410px) and (min-width:1400px) {\n            margin: 70px 0 120px 20px;\n        }\n\n        @media (max-width:1399px) and (min-width:1211px) {\n            margin: 30px 0 80px 20px;\n        }\n\n        @media (max-width:1210px) {\n            margin: 40px 0 90px 20px;\n        }\n\n        @media (max-width:1263px) and (min-width:768px) {\n            width: calc(164px + (200 - 164) * ((100vw - 768px) / (1920 - 768)));\n            height: calc(164px + (200 - 164) * ((100vw - 768px) / (1920 - 768)));\n        }\n\n        @media (max-width:992px) and (min-width:768px) {\n            margin-top: 60px;\n        }\n\n        @media (max-width:767px) {\n            width: calc(130px + (200 - 130) * ((100vw - 320px) / (1920 - 320)));\n            height: calc(130px + (200 - 130) * ((100vw - 320px) / (1920 - 320)));\n            margin: 20px 0 70px 20px;\n        }\n\n        @media (max-width:585px) and (min-width:576px) {\n            margin: 42px 0 92px 32px;\n        }\n    }\n\n    .lead-source-2 {\n        width: 100px;\n        height: 100px;\n        border-radius: 50%;\n        background-color: rgba($warning-color, 0.9);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        position: absolute;\n        top: 0;\n        right: -35%;\n        transform: translateY(8%);\n        z-index: 1;\n\n        @media (max-width:1920px) and (min-width:1400px) {\n            width: calc(70px + (100 - 70) * ((100vw - 1400px) / (1920 - 1400)));\n            height: calc(70px + (100 - 70) * ((100vw - 1400px) / (1920 - 1400)));\n        }\n\n        @media (max-width:1410px) and (min-width:1400px) {\n            right: -42%;\n        }\n\n        @media (max-width:1263px) and (min-width:768px) {\n            width: calc(85px + (100 - 85) * ((100vw - 768px) / (1920 - 768)));\n            height: calc(85px + (100 - 85) * ((100vw - 768px) / (1920 - 768)));\n        }\n\n        @media (max-width:767px) {\n            width: calc(75px + (100 - 75) * ((100vw - 320px) / (1920 - 320)));\n            height: calc(75px + (100 - 75) * ((100vw - 320px) / (1920 - 320)));\n        }\n    }\n}\n\n.lead-source-3 {\n    width: 150px;\n    height: 150px;\n    border-radius: 50%;\n    background-color: rgba($success-color, 0.9);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: absolute;\n    bottom: 20%;\n    right: -90%;\n    transform: translate(-50%, 50%);\n\n    @media (max-width:1920px) and (min-width:1400px) {\n        width: calc(80px + (150 - 80) * ((100vw - 1400px) / (1920 - 1400)));\n        height: calc(80px + (150 - 80) * ((100vw - 1400px) / (1920 - 1400)));\n    }\n\n    @media (max-width:1599px) {\n        right: -85%;\n        bottom: 16%;\n    }\n\n    @media (max-width:1263px) and (min-width:768px) {\n        width: calc(120px + (150 - 120) * ((100vw - 768px) / (1920 - 768)));\n        height: calc(120px + (150 - 120) * ((100vw - 768px) / (1920 - 768)));\n    }\n\n    @media (max-width:767px) {\n        width: calc(95px + (150 - 95) * ((100vw - 320px) / (1920 - 320)));\n        height: calc(95px + (150 - 95) * ((100vw - 320px) / (1920 - 320)));\n    }\n}\n\n.source-txt {\n\n    span,\n    h5 {\n        color: $white;\n    }\n\n    h5 {\n        font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));\n    }\n}\n\n// Sales chart\n#sales-chart {\n    .apexcharts-legend {\n        gap: 12px;\n\n        @media (max-width:1615px) {\n            gap: 0;\n        }\n    }\n}\n\n.sales-week-container {\n    margin: 0 -12px -40px -12px;\n}\n\n.pipeline-chart-container {\n    margin-bottom: -12px;\n}\n\n.sales-chart-wrapper {\n    @media (max-width:767px) {\n        margin-bottom: -40px;\n    }\n}\n\n//  Total sale\n.main-sale {\n    .sales-chart-wrap {\n        #sales-chart1 {\n            margin-bottom: -30px;\n        }\n    }\n\n    .sale-details {\n        display: flex;\n        justify-content: space-between;\n    }\n}\n\n// Sale\n.sales-header {\n    span {\n        @media (max-width:1650px) and (min-width:1400px) {\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            max-width: 100px;\n        }\n\n        @media (max-width:715px) {\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            max-width: 100px;\n        }\n    }\n}\n\n// Revenue Growth \n.schedule-card {\n    .card-header-right-icon {\n        .btn {\n            @media (max-width:1524px) and (min-width:1400px) {\n                display: none;\n            }\n\n            @media (max-width:660px) {\n                display: none;\n            }\n        }\n    }\n}\n\n// Sales\n.sales-data {\n    justify-content: space-around;\n    align-items: center;\n\n    @media (max-width:1490px) and (min-width:1431px) {\n        justify-content: flex-start;\n        gap: 8px;\n    }\n\n    @media (max-width:1430px) and (min-width:1400px) {\n        display: none;\n    }\n\n    @media (max-width:635px) and (min-width:576px) {\n        justify-content: flex-start;\n        align-items: center;\n        gap: 10px;\n    }\n\n    li {\n        .sale-value {\n            width: 10px;\n            height: 10px;\n            border-radius: 50%;\n\n            &.primary-20 {\n                background-color: rgba($primary-color, 0.2);\n            }\n\n            &.primary-40 {\n                background-color: rgba($primary-color, 0.4);\n            }\n\n            &.primary-70 {\n                background-color: rgba($primary-color, 0.7);\n            }\n        }\n\n        span {\n            &:last-child {\n                font-size: 13px;\n            }\n        }\n    }\n}\n\n.week-header {\n    .card-header-right-icon {\n        @media (max-width: 1579px) {\n            display: none;\n        }\n    }\n}\n\n/**=====================\n    3.17 Dashboard_9 End\n==========================**/","/**=====================\n    3.18 Dashboard_10 Start\n==========================**/\n\n.visits-wrapper {\n    .card-body {\n        .common-flex {\n            background-color: var(--course-light-btn);\n            padding: 10px 12px;\n            border-radius: 8px;\n            align-items: center;\n            width: fit-content;\n        }\n    }\n}\n\n.treading-product {\n    .recent-table {\n        table {\n            tbody {\n                tr {\n                    td {\n                        .referral-wrapper {\n                            display: flex;\n                            justify-content: flex-start;\n                            align-items: center;\n                            gap: 12px;\n\n                            svg {\n                                width: 16px;\n                                height: 16px;\n                            }\n                        }\n\n                        &:nth-child(2) {\n                            @media (max-width:812px) {\n                                min-width: 135px;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n.referral-visit {\n    .table {\n\n        thead,\n        tbody {\n            tr {\n\n                th,\n                td {\n                    min-width: auto;\n\n                    .btn {\n                        @media (max-width:1731px) {\n                            padding: 6px 16px;\n                        }\n                    }\n\n                    span {\n                        @media (max-width:1695px) and (min-width:1456px) {\n                            display: none;\n                        }\n                    }\n\n                    @media (max-width:1455px) and (min-width:1200px) {\n                        &:nth-child(2) {\n                            display: none;\n                        }\n                    }\n\n                    .referral-wrapper {\n                        .bg-dark-primary {\n                            border: 1px solid $fb-color;\n\n                            .social-wrapper {\n                                background-color: rgba(47, 132, 244, 0.1);\n                            }\n                        }\n\n                        >div {\n                            display: flex;\n                            justify-content: center;\n                            align-items: center;\n                            gap: 10px;\n\n                            >div {\n                                width: 34px;\n                                height: 34px;\n                                border: 1px solid $fb-color;\n                                border-radius: 50%;\n                                padding: 3px;\n\n                                .social-wrapper {\n                                    display: flex;\n                                    justify-content: center;\n                                    align-items: center;\n                                    min-width: 100%;\n                                    height: 100%;\n                                    border-radius: 50%;\n                                }\n\n                            }\n                        }\n                    }\n                }\n\n                &:last-child {\n                    td {\n                        border: unset;\n                        padding-bottom: 0;\n                    }\n                }\n            }\n        }\n    }\n}\n\n.dashboard-10 {\n    .card {\n        &.heading-space {\n            .header-top {\n                @media (max-width:420px) {\n                    margin-left: 0;\n                }\n            }\n        }\n    }\n}\n\n.page-analytics-table {\n    .recent-table {\n        div.dt-container {\n            .dt-layout-row {\n                @media (max-width:420px) {\n                    position: relative;\n                }\n\n                .dt-layout-cell {\n                    .dt-search {\n                        right: 60px;\n                        top: 24px;\n\n                        @media (max-width:1500px) {\n                            position: relative;\n                            top: 4px;\n                            left: 20px;\n                            width: 90%;\n                            margin-bottom: 20px;\n                        }\n\n                        @media (max-width:420px) {\n                            left: unset;\n                            right: -130px;\n                        }\n                    }\n                }\n\n                &:first-child {\n                    @media (max-width:420px) {\n                        .dt-length {\n                            top: 0px;\n                            left: 20px;\n                        }\n                    }\n                }\n\n                &:last-child {\n                    flex-direction: column;\n                }\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                        @media (max-width:1588px) and (min-width:1200px) {\n                            &:nth-child(5) {\n                                display: none;\n                            }\n                        }\n\n                        @media (max-width:1368px) and (min-width:1200px) {\n                            &:nth-child(4) {\n                                display: none;\n                            }\n                        }\n\n                        @media (max-width:684px) {\n                            &:nth-child(2) {\n                                min-width: 104px;\n                            }\n\n                            &:nth-child(3),\n                            &:nth-child(4),\n                            &:nth-child(5) {\n                                min-width: 118px;\n                            }\n                        }\n\n                        svg {\n                            width: 14px;\n                            height: 14px;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n.live-user-wrapper {\n    .user-data {\n        margin-bottom: 8px;\n        display: flex;\n        justify-content: flex-start;\n        gap: 8px;\n        align-items: center;\n\n        h5 {\n            margin-bottom: 4px;\n        }\n\n        span {\n            svg {\n                width: 14px;\n                height: 14px;\n                vertical-align: middle;\n            }\n        }\n    }\n}\n\n.analytics-widget {\n    background-image: url(../images/dashboard-10/light-bg.jpg);\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: right;\n\n    @media (max-width:575px) {\n        text-align: center;\n        background-position: top;\n    }\n\n    img {\n        height: 138px;\n\n        @media (max-width:450px) {\n            height: 115px;\n        }\n    }\n\n    .btn {\n        min-width: auto;\n\n        @media (max-width:1485px) {\n            padding: 8px 14px;\n            font-size: 14px;\n        }\n    }\n\n    h5 {\n        @media (max-width:1468px) {\n            white-space: nowrap;\n            text-overflow: ellipsis;\n            overflow: hidden;\n        }\n    }\n\n    .card-text {\n        @media (max-width:1789px) {\n            display: -webkit-box;\n            max-width: 100%;\n            height: 46px;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: unset;\n        }\n    }\n}\n\n.analytics-tread-card {\n    &:hover {\n        transform: translateY(-5px);\n        transition: 0.5s;\n    }\n\n    .header-top {\n        svg {\n            width: 14px;\n            height: 14px;\n        }\n    }\n\n    .progress {\n        height: 12px;\n        background-color: rgba($info-color, 10%);\n        margin: 58px 0 20px;\n\n        @media (max-width:1700px) {\n            height: 8px;\n        }\n\n        @media (max-width:1500px) and (min-width:1200px) {\n            margin: 90px 0 20px;\n        }\n\n        @media (max-width:1199px) {\n            margin: 40px 0 20px;\n\n        }\n\n        .progress-bar-striped {\n            background-image: linear-gradient(45deg, rgba(255, 255, 255, .80) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .80) 50%, rgba(255, 255, 255, .80) 75%, transparent 75%, transparent);\n        }\n    }\n\n    .analytics-tread {\n        width: calc(48px + (58 - 48) * ((100vw - 320px) / (1920 - 320)));\n        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        svg {\n            width: calc(20px + (28 - 20) * ((100vw - 320px) / (1920 - 320)));\n            height: calc(20px + (28 - 20) * ((100vw - 320px) / (1920 - 320)));\n        }\n    }\n\n    .session-progress {\n        .progress {\n            background-color: rgba($success-color, 10%);\n\n            .small-progressbar {\n                .animate-circle {\n                    border: 5px solid rgba($success-color, 0.62);\n                    background-color: (90deg, rgba(101, 193, 92, 0.2) 0%, #65C15C 76.58%);\n                    top: -10px;\n                    right: -16px;\n                    padding: 10px;\n                    animation: unset;\n\n                    @media (max-width:1700px) {\n                        top: -11px;\n                    }\n                }\n\n                &::after {\n                    background-color: $success-color;\n                }\n            }\n\n            .small-progressbar {\n                &::after {\n                    top: -3px;\n                    right: -9px;\n                    width: 16px;\n                    height: 16px;\n\n                    @media (max-width:1700px) {\n                        top: -3px;\n                        width: 14px;\n                        height: 14px;\n                    }\n                }\n            }\n\n            .progress-label {\n                top: -55px;\n                right: -20px;\n                background-color: $success-color;\n                border-radius: 6px;\n                padding: 2px 8px;\n                font-size: 14px;\n                color: $white;\n                font-weight: 600;\n                font-family: $font-roboto, $font-serif;\n\n                @media (max-width:1399px) {\n                    top: -50px;\n                    right: -16px;\n                    font-size: 12px;\n                }\n\n                &::after {\n                    content: '';\n                    position: absolute;\n                    display: block;\n                    left: 50%;\n                    bottom: 0;\n                    border: 8px solid $transparent-color;\n                    border-bottom: 0;\n                    border-top: 8px solid $success-color;\n                    transform: translate(-50%, calc(100% - 0px));\n                }\n            }\n        }\n    }\n\n    &.retention-progress {\n        .card-body {\n            .progress {\n                margin-top: 38px;\n\n                @media (max-width:1500px) and (min-width:1200px) {\n                    margin-top: 70px;\n                }\n\n                @media (max-width:1199px) {\n                    margin-top: 12px;\n                }\n            }\n        }\n    }\n\n    .header-top {\n        .common-align {\n            align-items: baseline;\n            gap: 8px;\n\n            >span {\n                @media (max-width:1345px) and (min-width:1200px) {\n                    display: none;\n                }\n            }\n        }\n\n        >div {\n            span {\n                @media (max-width:1426px) and (min-width:1200px) {\n                    white-space: nowrap;\n                    text-overflow: ellipsis;\n                    overflow: hidden;\n                    max-width: 130px;\n                }\n\n                @media (max-width:1320px) and (min-width:1231px) {\n                    max-width: 104px;\n                }\n\n                @media (max-width:1230px) and (min-width:1200px) {\n                    max-width: 80px;\n                }\n\n                @media (max-width:592px) and (min-width:576px) {\n                    white-space: nowrap;\n                    text-overflow: ellipsis;\n                    overflow: hidden;\n                    max-width: 106px;\n                }\n\n            }\n        }\n    }\n}\n\n.user-analytics-wrapper {\n    margin: -40px -10px -20px -30px;\n\n    @media (max-width:575px) {\n        margin: -40px 0px -20px -20px;\n    }\n}\n\n.analytics-view-wrapper {\n    margin: -34px -10px -30px 0px;\n    overflow: hidden;\n}\n\n.visit-duration-wrapper {\n    margin: -34px 35px -30px 0px;\n}\n\n.bounce-rate-wrapper {\n    margin: -34px -20px -30px 0px;\n    overflow: hidden;\n}\n\n.main-session-devices {\n    .common-align {\n        flex-direction: column;\n        gap: 32px;\n        align-items: unset;\n\n        @media (max-width:575px) {\n            gap: 8px;\n        }\n\n        p {\n            margin-bottom: 0;\n            font-size: 16px;\n            font-weight: 500;\n        }\n\n        .common-space {\n            span {\n                @media (max-width:1290px) and (min-width:1200px) {\n                    display: none;\n                }\n\n                @media (max-width:850px) and (min-width:768px) {\n                    display: none;\n                }\n            }\n        }\n    }\n\n    .progress {\n        height: 10px;\n        background: linear-gradient(180.36deg, #CFDCE8 -32.82%, #FFFFFF 132.82%);\n        border-radius: 100px;\n    }\n}\n\n.session-browser-table {\n    .table-responsive {\n        .table {\n\n            thead,\n            tbody {\n                tr {\n\n                    th,\n                    td {\n                        border: unset;\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                        .session-name {\n                            color: var(--body-font-color);\n                            font-weight: 500;\n\n                            @media (max-width:1255px) and (min-width:1200px) {\n                                display: none;\n                            }\n                        }\n\n                        .common-flex {\n                            @media (max-width:1272px) and (min-width:1200px) {\n                                gap: 8px;\n                            }\n\n                            img {\n                                @media (max-width:1255px) and (min-width:1200px) {\n                                    height: 20px;\n                                }\n                            }\n                        }\n\n                        @media (max-width:1752px) and (min-width:1440px) {\n                            padding-block: 9px;\n                        }\n\n                        @media (max-width:1439px) and (min-width:1200px) {\n                            padding-block: 7px;\n                        }\n                    }\n\n                    &:last-child {\n                        td {\n                            padding-bottom: 0;\n                        }\n                    }\n                }\n            }\n\n            thead {\n                tr {\n                    th {\n                        color: $badge-light-color;\n                    }\n                }\n            }\n\n            tbody {\n                tr {\n                    @media (max-width:1439px) and (min-width:1200px) {\n                        &:nth-child(4) {\n                            display: none;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n.jvm-zoom-btn {\n    display: none;\n}\n\n.live-user-map {\n    #map {\n        height: 245px;\n\n        @media (max-width:1752px) and (min-width:1571px) {\n            height: 210px;\n        }\n\n        @media (max-width:1570px) and (min-width:1440px) {\n            height: 180px;\n        }\n\n        @media (max-width:1439px) and (min-width:768px) {\n            height: 150px;\n        }\n\n        @media (max-width:767px) {\n            height: 150px;\n        }\n    }\n}\n\n.common-m-chart {\n    margin-bottom: -20px;\n\n    @media (max-width:458px) {\n        margin-bottom: -40px;\n    }\n}\n\n@media (max-width:1199px) {\n    .ord-md-i {\n        order: 1;\n    }\n\n    .ord-md-ii {\n        order: 2;\n    }\n\n    .ord-md-iii {\n        order: 3;\n    }\n\n    .ord-md-iv {\n        order: 4;\n    }\n\n    .ord-md-v {\n        order: 5;\n    }\n\n    .ord-md-vi {\n        order: 6;\n    }\n\n    .ord-md-vii {\n        order: 7;\n    }\n\n    .ord-md-viii {\n        order: 8;\n    }\n\n    .ord-md-ix {\n        order: 9;\n    }\n\n    .ord-md-x {\n        order: 10;\n    }\n}\n\n/**=====================\n    3.18 Dashboard_10 Start\n==========================**/","/**=====================\n    3.19 Dashboard_11 Start\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.attendance-table {\n    &.recent-table {\n        div.dt-container {\n            .dt-layout-row {\n                .dt-search {\n                    @media (max-width:1430px) and (min-width:1400px) {\n                        display: none;\n                    }\n\n                    @media (max-width:1399px) {\n                        position: relative;\n                        top: 4px;\n                        left: 20px;\n                        margin-bottom: 20px;\n                        width: 90%;\n                    }\n                }\n\n                &:last-child {\n                    .dt-info {\n                        @media (max-width:1747px) and (min-width:1400px) {\n                            display: none;\n                        }\n                    }\n\n                    @media (max-width:1399px) {\n                        flex-direction: column;\n                    }\n                }\n            }\n        }\n\n        table {\n\n            thead,\n            tbody {\n                tr {\n\n                    th,\n                    td {\n                        a {\n                            color: var(--body-font-color);\n                        }\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(2) {\n                            @media (max-width:1656px) and (min-width:1200px) {\n                                display: none;\n                            }\n                        }\n\n                        .badge {\n                            padding: 4px 7px;\n                            font-weight: 400;\n                            font-size: 14px;\n                            min-width: 70px;\n                        }\n\n                        @media (max-width:1199px) {\n                            &:first-child {\n                                min-width: 120px;\n                            }\n\n                            &:nth-child(2) {\n                                min-width: 108px;\n                            }\n\n                            &:nth-child(3) {\n                                min-width: 104px;\n                            }\n\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n.bhd-user-cards {\n    background-image: url(../images/dashboard-11/bg.png);\n    background-repeat: no-repeat;\n    background-size: cover;\n}\n\n.birthday-cards {\n    .swiper {\n        width: 100%;\n        height: 100%;\n        margin-block: 46px;\n\n        @media (max-width:1447px) and (min-width:1400px) {\n            margin-block: 60px;\n        }\n\n        @media (max-width:1399px) and (min-width:646px) {\n            margin-block: 48px;\n        }\n\n        @media (max-width:645px) {\n            margin-block: 35px;\n        }\n\n        .swiper-slide {\n            img {\n                display: block;\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n            }\n\n            .birthday-usercard {\n                text-align: center;\n\n                .btd-user {\n                    display: inline-block;\n                    padding: 8px;\n                    background-image: url(../images/dashboard-11/ring.png);\n                    background-repeat: no-repeat;\n                    background-size: cover;\n                    border-radius: 100%;\n                    position: relative;\n                    margin-bottom: 12px;\n\n                    img {\n                        height: 80px;\n                        border-radius: 50%;\n\n                        @media (max-width:1447px) and (min-width:646px) {\n                            height: 60px;\n                        }\n\n                        @media (max-width:645px) {\n                            height: 50px;\n                        }\n                    }\n\n                    .verified-user {\n                        width: 20px;\n                        height: 20px;\n                        position: absolute;\n                        display: flex;\n                        align-items: center;\n                        justify-content: center;\n                        border: 2px solid $white;\n                        background-color: $success-color;\n                        right: 0;\n                        bottom: 12px;\n                        border-radius: 100%;\n\n                        i {\n                            font-size: 8px;\n                            color: $white;\n                        }\n\n                        @media (max-width:645px) {\n                            width: 16px;\n                            height: 16px;\n                            bottom: 6px;\n\n                            i {\n                                font-size: 6px;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n\n        .swiper-button-prev,\n        .swiper-button-next {\n            width: 26px;\n            height: 23px;\n            background-color: rgba($white, 0.2);\n            border-radius: 2px;\n\n            &::after {\n                font-size: 10px;\n                font-weight: bold;\n                color: $white;\n            }\n        }\n    }\n\n    .send-wishes {\n        background-color: rgba($white, 0.15);\n        padding: 14px 23px;\n        border-radius: 2px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        width: fit-content;\n        margin: auto;\n\n        @media (max-width:1579px) {\n            padding: 10px 16px;\n        }\n\n        span {\n            color: $white;\n        }\n\n        i {\n            color: $white;\n        }\n    }\n\n    h5,\n    h6 {\n        color: $white;\n    }\n}\n\n.project-analytics {\n    .analytics-data {\n        .balance-data {\n            display: inline-flex;\n\n            @media (max-width:1680px) {\n                display: none;\n            }\n        }\n    }\n\n    .project-analytics-wrapper {\n        margin: 0 0 -20px -10px;\n    }\n}\n\n.app-overview-wrapper {\n    margin: 0 -10px -20px -10px;\n}\n\n.project-finish-card {\n\n    .project-left-content {\n\n        .progress {\n            background: linear-gradient(180.36deg, #CFDCE8 -32.82%, #FFFFFF 99.69%);\n            border-radius: 20px;\n            height: 14px;\n            padding: 2px 4px;\n            background-color: transparent;\n\n            .progress-bar {\n                background-color: $transparent-color;\n\n                .common-f-start {\n                    .progress-box {\n                        width: 100%;\n                        height: 16px;\n                        display: flex;\n                        align-items: center;\n                        gap: 4px;\n                        overflow: hidden;\n                        background-color: transparent;\n                        border-radius: 50px;\n\n                        >div {\n                            width: 3px;\n                            min-width: 3px;\n                            max-width: 3px;\n                            height: 170%;\n                            background-color: var(--theme-default);\n                        }\n                    }\n                }\n            }\n        }\n\n        >p {\n            margin-bottom: 19px;\n\n            @media (max-width:1517px) and (min-width:768px) {\n                display: -webkit-box;\n                height: 48px;\n                -webkit-line-clamp: 2;\n                -webkit-box-orient: vertical;\n                overflow: hidden;\n                text-overflow: ellipsis;\n            }\n        }\n\n        .growth-info {\n            margin-bottom: 31px;\n\n            @media (max-width:897px) and (min-width:768px) {\n                margin-bottom: 16px;\n            }\n\n            p {\n                margin-bottom: 19px;\n            }\n        }\n    }\n\n    .project-progress {\n        span {\n            margin-bottom: 7px;\n\n            @media (max-width:792px) and (min-width:768px) {\n                overflow: hidden;\n                text-overflow: ellipsis;\n                white-space: nowrap;\n                max-width: 130px;\n            }\n        }\n    }\n\n    .project-right-content {\n        position: absolute;\n        bottom: -60px;\n        right: -16px;\n        animation: bounce-effect 3s infinite ease-in;\n\n        @media (max-width:1680px) and (min-width:1600px) {\n            bottom: -52px;\n        }\n\n        @media (max-width:1599px) and (min-width:1400px) {\n            bottom: -50px;\n        }\n\n        @media (max-width:1399px) and (min-width:1200px) {\n            bottom: -75px;\n        }\n\n        @media (max-width:1199px) and (min-width:1071px) {\n            bottom: -63px;\n        }\n\n        @media (max-width:1070px) and (min-width:898px) {\n            bottom: -55px;\n        }\n\n        @media (max-width:897px) and (min-width:768px) {\n            bottom: -50px;\n        }\n\n        @media (max-width:767px) and (min-width:641px) {\n            bottom: -83px;\n        }\n\n        @media (max-width:640px) and (min-width:501px) {\n            bottom: -72px;\n        }\n\n        @media (max-width:500px) {\n            bottom: -57px;\n        }\n    }\n\n    @media (max-width:575px) {\n        background-color: rgba(var(--light-shade-primary), 0.3);\n        overflow: hidden;\n\n        .project-left-content {\n            position: relative;\n            z-index: 1;\n        }\n\n        .project-right-content {\n            filter: opacity(0.4);\n            transform: translate(50px, -50px);\n            animation: unset;\n            z-index: 0;\n            right: 50px;\n            bottom: -140px;\n\n            @media (max-width:440px) {\n                filter: opacity(0.1);\n            }\n        }\n    }\n}\n\n.leave-request-table {\n    &.table-responsive {\n        div.dt-container {\n            .dt-layout-row {\n                .dt-layout-cell {\n                    .dt-search {\n                        @media (max-width:1635px) {\n                            display: none;\n                        }\n                    }\n                }\n            }\n        }\n\n        .table {\n\n            thead,\n            tbody {\n\n                th,\n                td {\n                    min-width: auto;\n                    padding: 12px 8px;\n\n                    &:first-child {\n                        padding-left: 20px;\n\n                        @media (max-width:1779px) and (min-width:1200px) {\n                            img {\n                                display: none;\n                            }\n                        }\n                    }\n\n                    &:last-child {\n                        padding-right: 20px;\n                    }\n\n                    @media (max-width:1635px) and (min-width:1400px) {\n                        &:last-child {\n                            display: none;\n                        }\n\n                        &:nth-child(2) {\n                            padding-right: 20px;\n                        }\n                    }\n\n                    .img-content-box {\n                        a {\n                            color: var(--body-font-color);\n                        }\n                    }\n\n                    @media (max-width:1114px) {\n                        &:first-child {\n                            min-width: 212px;\n                        }\n\n                        &:nth-child(2) {\n                            min-width: 114px;\n                        }\n                    }\n                }\n            }\n\n            tbody {\n                .common-align {\n                    .approval-box {\n                        width: 30px;\n                        height: 30px;\n                        border-radius: 2px;\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                    }\n                }\n            }\n        }\n    }\n}\n\n.interviewer-users {\n    ul {\n        li {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 10px 18px;\n            gap: 6px;\n\n            @media (max-width:1399px) and (min-width:576px) {\n                padding: 14px 18px;\n            }\n\n            &:nth-child(odd) {\n                background-color: var(--light2);\n            }\n\n            .common-flex {\n                gap: 8px;\n\n                @media (max-width:400px) {\n                    flex: 1 1 50%;\n                }\n\n                h6 {\n                    font-size: 14px;\n                }\n            }\n\n            span {\n                min-width: 100px;\n            }\n\n            img {\n                height: 44px;\n                border-radius: 50%;\n\n                @media (max-width:400px) {\n                    height: 35px;\n                }\n            }\n\n            i {\n                @media (max-width:1599px) and (min-width:1400px) {\n                    display: none;\n                }\n\n                @media (max-width:810px) and (min-width:768px) {\n                    display: none;\n                }\n\n                @media (max-width:340px) {\n                    display: none;\n                }\n            }\n        }\n    }\n}\n\n.schedule-calender {\n    .card-header-right-icon {\n        .btn {\n            border: 1px solid rgba($badge-light-color, 20%);\n            color: var(--body-font-color);\n\n            &:hover {\n                background-color: var(--theme-default);\n                color: $white;\n            }\n        }\n\n        @media (max-width:1490px) and (min-width:1400px) {\n            display: none;\n        }\n    }\n\n    .header-top {\n        @media (max-width:390px) {\n            display: block;\n\n            .card-header-right-icon {\n                margin-top: 12px;\n            }\n        }\n    }\n\n    .schedule-wrapper {\n        padding-bottom: 28px;\n        border-bottom-color: rgba($badge-light-color, 10%);\n        justify-content: center;\n\n        @media (max-width:500px) {\n            padding-bottom: 10px;\n        }\n\n        @media (max-width:1851px) {\n            justify-content: flex-start;\n            display: flex;\n        }\n\n        .nav-item {\n            .nav-link {\n                border-radius: 16px;\n                border: unset;\n                transition: all 0.2s ease;\n                min-width: 62px;\n\n                span {\n                    color: rgba($badge-light-color, 80%);\n                }\n\n                h6 {\n                    color: var(--body-font-color);\n                }\n\n                &.active {\n                    background-color: var(--theme-default);\n                    border-radius: 16px;\n                    transition: all 0.2s ease;\n\n                    span,\n                    h6 {\n                        color: $white;\n                    }\n                }\n            }\n        }\n    }\n\n    .tab-content {\n        .activity-update {\n            >li {\n                padding-block: 12px;\n                border-bottom: 1px solid var(--chart-border);\n\n                @media (max-width:1399px) and (min-width:768px) {\n                    width: 50%;\n                }\n\n                >div {\n                    border-width: 4px !important;\n                    border-radius: 6px 0px 0px 6px;\n                    justify-content: space-between;\n                    gap: 6px;\n\n                    @media (max-width:1490px) and (min-width:1400px) {\n                        flex-direction: column;\n                        justify-content: flex-start;\n                        padding-left: 20px;\n                        align-items: flex-start !important;\n                    }\n\n                    @media (max-width:500px) {\n                        flex-direction: column;\n                        justify-content: flex-start;\n                        padding-left: 20px;\n                        align-items: flex-start !important;\n                    }\n                }\n\n                .left-schedule {\n                    margin-left: 14px;\n\n                    @media (max-width:1490px) and (min-width:1400px) {\n                        margin-left: 0;\n                    }\n\n                    @media (max-width:500px) {\n                        margin-left: 0;\n                    }\n\n                    >span {\n                        font-weight: 500;\n                        color: var(--body-font-color);\n                        margin-bottom: 6px;\n                    }\n\n                    .customers {\n                        padding-right: 6px;\n\n                        ul {\n                            li {\n                                +li {\n                                    margin-left: -16px;\n                                }\n\n                                img {\n                                    width: 35px !important;\n                                }\n                            }\n                        }\n                    }\n\n                    .schedule-name {\n                        border-left: 1px solid rgba($badge-light-color, 80%);\n                        padding-left: 6px;\n\n                        @media (max-width:1660px) {\n                            display: none;\n                        }\n                    }\n                }\n\n                .right-schedule {\n                    display: flex;\n                    gap: 5px;\n                    justify-content: center;\n                    align-items: center;\n\n                    @media (max-width:500px) {\n                        margin-top: 12px;\n\n                        svg {\n                            width: 16px;\n                            height: 16px;\n                        }\n                    }\n\n                    svg {\n                        width: 18px;\n                        height: 18px;\n\n                        @media (max-width:1560px) and (min-width:1491px) {\n                            display: none;\n                        }\n                    }\n                }\n\n                &:last-child {\n                    border-bottom: unset;\n                    padding-bottom: unset;\n                }\n\n            }\n\n            @media (max-width:1399px) and (min-width:768px) {\n                display: flex;\n                flex-wrap: wrap;\n\n                >li {\n                    flex: 0 0 50%;\n                    margin-bottom: 10px;\n\n                    .left-schedule,\n                    .right-schedule {\n                        flex: 1;\n                    }\n\n                    &:nth-child(5) {\n                        border-bottom: unset;\n                        padding-bottom: unset;\n                        margin-bottom: 0;\n                    }\n\n                    &:last-child {\n                        margin-bottom: 0;\n                    }\n                }\n            }\n        }\n    }\n\n    @media (max-width:1399px) and (min-width:768px) {\n        #thu {\n            .activity-update {\n                >li {\n                    &:nth-child(3) {\n                        border-bottom: unset;\n                        padding-bottom: unset;\n                        margin-bottom: 0;\n                    }\n                }\n            }\n        }\n\n        #frd,\n        #sun {\n            .activity-update {\n                >li {\n                    &:first-child {\n                        border-bottom: unset;\n                        padding-bottom: unset;\n                        margin-bottom: 0;\n                    }\n                }\n            }\n        }\n    }\n}\n\n.application-overview {\n    .balance-data {\n        @media (max-width:1799px) {\n            display: none;\n        }\n    }\n}\n\n.employee-list-table {\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                        @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        }\n\n        table {\n\n            thead,\n            tbody {\n                tr {\n\n                    th,\n                    td {\n                        min-width: auto;\n\n                        @media (max-width:1812px) and (min-width:1200px) {\n                            &:nth-child(3) {\n                                display: none;\n                            }\n                        }\n\n                        @media (max-width:1480px) and (min-width:1200px) {\n                            &:nth-child(4) {\n                                display: none;\n                            }\n                        }\n\n                        @media (max-width:1399px) and (min-width:1200px) {\n                            &:nth-child(2) {\n                                img {\n                                    display: none;\n                                }\n                            }\n\n                            &:nth-child(5) {\n                                display: none;\n                            }\n\n                            &:last-child {\n                                .square-white {\n                                    width: 24px;\n                                    height: 24px;\n\n                                    svg {\n                                        width: 14px;\n                                        height: 14px;\n                                    }\n                                }\n                            }\n                        }\n\n                        @media (max-width:1199px) and (min-width:768px) {\n                            &:nth-child(2) {\n                                img {\n                                    height: 26px;\n                                }\n                            }\n                        }\n\n                        @media (max-width:1199px) {\n                            &:nth-child(2) {\n                                min-width: 160px;\n                            }\n\n                            &:nth-child(3) {\n                                min-width: 122px;\n                            }\n\n                            &:nth-child(5) {\n                                min-width: 120px;\n                            }\n\n                            &:nth-child(6) {\n                                min-width: 114px;\n                            }\n\n                            &:last-child {\n                                .square-white {\n                                    width: 24px;\n                                    height: 24px;\n\n                                    svg {\n                                        width: 14px;\n                                        height: 14px;\n                                    }\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n\n            tbody {\n                tr {\n                    td {\n                        &:last-child {\n                            cursor: pointer;\n                        }\n                    }\n                }\n\n                .square-white {\n                    width: 34px;\n                    height: 34px;\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                    border-radius: 2px;\n                    background-color: var(--white);\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                        width: 16px;\n                        height: 16px;\n                    }\n                }\n            }\n        }\n    }\n}\n\n@media (max-width:1640px) and (min-width:1400px) {\n    .col-hr-6 {\n        width: 50%;\n        flex: 0 0 auto;\n    }\n}\n\n/**=====================\n    3.19 Dashboard_11 Start\n==========================**/","/**=====================\n  3.20 Dashboard_default CSS Start\n==========================**/\n.form-control-plaintext {\n  width: auto !important;\n}\n\n@keyframes bounce-effect {\n  0% {\n    transform: translateY(0);\n    transition: 0.5s;\n  }\n\n  50% {\n    transform: translateY(-5px);\n    transition: 0.5s;\n  }\n\n  100% {\n    transform: translateY(0);\n    transition: 0.5s;\n  }\n}\n\n@keyframes round {\n  0% {\n    transform: scale(1);\n  }\n\n  50% {\n    transform: scale(1.2);\n  }\n\n  100% {\n    transform: scale(1);\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: lighten($badge-light-color, 34%);\n    color: $badge-light-color;\n\n    &:hover {\n      background-color: lighten($badge-light-color, 34%);\n      color: $badge-light-color;\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\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\n.badge-light-success {\n  background-color: rgba($success-color, 0.15);\n}\n\n.badge-light-secondary {\n  background-color: rgba($secondary-color, 0.08);\n}\n\n.badge-light-danger {\n  background-color: rgba($danger-color, 0.15);\n}\n\n.overall-card {\n  .balance-card {\n    @media (max-width:1712px) {\n      padding: 12px;\n    }\n  }\n\n  @media (max-width: 1662px) and (min-width:1600px) {\n    .col-xl-9 {\n      width: 73%;\n    }\n\n    .col-xl-3 {\n      width: 27%;\n    }\n  }\n\n  @media (max-width: 1650px) and (min-width:1600px) {\n    .col-xl-9 {\n      width: 72%;\n    }\n\n    .col-xl-3 {\n      width: 28%;\n    }\n  }\n\n  @media (max-width: 1600px) and (min-width:1500px) {\n    .col-xl-9 {\n      width: 70%;\n    }\n\n    .col-xl-3 {\n      width: 30%;\n    }\n  }\n\n  @media (max-width: 1500px) and (min-width:1200px) {\n    .col-xl-9 {\n      width: 65%;\n    }\n\n    .col-xl-3 {\n      width: 35%;\n    }\n  }\n}\n\n/* Clock styles */\n.clockbox {\n  margin-bottom: -5px;\n\n  svg {\n    width: 45px;\n    height: 45px;\n\n    @media (max-width: 767px) {\n      height: 36px;\n    }\n  }\n}\n\n.clockbox,\n#clock {\n  width: 100%;\n}\n\n.circle {\n  fill: $white;\n  stroke: rgba($white, 0.4);\n  stroke-width: 80px;\n  stroke-miterlimit: 10;\n}\n\n.mid-circle {\n  fill: $black;\n}\n\n.hour-marks {\n  fill: none;\n  stroke: $theme-body-sub-title-color;\n  stroke-width: 9;\n  stroke-miterlimit: 10;\n}\n\n.hour-hand {\n  fill: none;\n  stroke: #ff7e00;\n  stroke-width: 17;\n  stroke-miterlimit: 10;\n}\n\n.minute-hand {\n  fill: none;\n  stroke: #ff7e00;\n  stroke-width: 11;\n  stroke-miterlimit: 10;\n}\n\n.second-hand {\n  fill: none;\n  stroke: $warning-color;\n  stroke-width: 15px;\n  stroke-miterlimit: 10;\n}\n\n.sizing-box {\n  fill: none;\n}\n\n#hour,\n#minute,\n#second {\n  transform-origin: 300px 300px;\n  transition: transform .5s ease-in-out;\n}\n\n.widget-grid {\n  .height-equal {\n    @media (min-width: 1400px) {\n      min-height: unset !important;\n    }\n  }\n\n  >.col-xxl-auto {\n    @media (min-width: 1400px) {\n      width: 22.22%;\n    }\n  }\n}\n\n.order-chart {\n  >div {\n    margin-top: -25px;\n    margin-bottom: -43px;\n  }\n\n  svg {\n    path {\n      clip-path: inset(7% 0% 0% 0% round 0.6rem);\n    }\n  }\n}\n\n.widget-1 {\n  background-image: url(../images/dashboard/widget-bg.png);\n  background-size: cover;\n  margin-bottom: 25px;\n\n  svg {\n    font-weight: 700;\n    width: 12px;\n    height: 12px;\n  }\n\n  .f-w-500 {\n    display: flex;\n    align-items: center;\n\n    @media (max-width: 1580px) and (min-width: 1200px) {\n      display: none;\n    }\n  }\n\n  .card-body {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n    padding: 18px 25px;\n\n    @media (max-width: 1720px) {\n      padding: 18px;\n    }\n  }\n\n  .widget-round {\n    position: relative;\n    display: inline-block;\n    border-width: 1px;\n    border-style: solid;\n    border-radius: 100%;\n\n    .bg-round {\n      width: 56px;\n      height: 56px;\n      box-shadow: $widget-shadow;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 100%;\n      margin: 6px;\n      position: relative;\n      z-index: 1;\n\n      svg {\n        width: 24px;\n        height: 24px;\n      }\n\n      .half-circle {\n        height: 52px;\n        position: absolute;\n        left: -9px;\n        width: 35px;\n        bottom: -8px;\n        background: $white;\n        z-index: -1;\n      }\n\n      @media (max-width:1399px) {\n        width: 40px;\n        height: 40px;\n\n        svg {\n          width: 22px;\n          height: 22px;\n        }\n\n        .half-circle {\n          height: 40px;\n          left: -10px;\n          width: 30px;\n          bottom: -8px;\n        }\n      }\n    }\n\n    &.primary {\n      border-color: var(--theme-default);\n    }\n\n    &.secondary {\n      border-color: var(--theme-secondary);\n    }\n\n    &.success {\n      border-color: $success-color;\n    }\n\n    &.warning {\n      border-color: $warning-color;\n    }\n  }\n\n  .widget-content {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n\n    @media (max-width:1600px) {\n      gap: 10px;\n    }\n\n    h4 {\n      margin-bottom: 4px;\n\n      @media (max-width:1399px) {\n        font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));\n      }\n    }\n  }\n\n  &:hover {\n    transform: translateY(-5px);\n    transition: 0.5s;\n\n    .widget-round {\n\n      .svg-fill,\n      svg {\n        &:not(.half-circle) {\n          animation: tada 1.5s ease infinite;\n        }\n      }\n    }\n  }\n}\n\n.widget-with-chart {\n  .card-body {\n    align-items: center;\n  }\n}\n\n.main-customer-table {\n  .table-responsive {\n    .dt-layout-row {\n      .dt-search {\n        @media (max-width:1625px) {\n          display: none;\n        }\n      }\n    }\n\n    .table {\n\n      thead,\n      tbody {\n        tr {\n\n          th,\n          td {\n\n            min-width: auto;\n\n            &:first-child {\n              padding-left: 20px;\n              cursor: pointer;\n            }\n\n            &:nth-child(2) {\n              img {\n                @media (max-width:1447px) and (min-width:1400px) {\n                  display: none;\n                }\n\n                @media (max-width:1303px) and (min-width:1219px) {\n                  display: none;\n                }\n              }\n            }\n\n            &:last-child {\n              padding-right: 20px;\n\n              @media (max-width:1801px) and (min-width:1596px) {\n                display: none;\n              }\n\n              @media (max-width:1595px) and (min-width:1400px) {\n                display: none;\n              }\n\n              @media (max-width:1218px) and (min-width:1200px) {\n                display: none;\n              }\n            }\n\n            @media (max-width:1166px) {\n              &:nth-child(2) {\n                min-width: 135px;\n              }\n\n              &:nth-child(3) {\n                min-width: 112px;\n              }\n\n              &:last-child {\n                min-width: 80px;\n              }\n            }\n\n          }\n        }\n      }\n\n      thead {\n        tr {\n          th {\n            color: $badge-light-color;\n          }\n        }\n      }\n\n      tbody {\n        tr {\n          td {\n            .img-content-box {\n              a {\n                color: var(--body-font-color);\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n.profile-box {\n  background: $gradient-bg-primary;\n  color: $white;\n  height: 238px;\n\n  @media (max-width:1399px) {\n    height: 206px;\n  }\n\n  .cartoon {\n    position: absolute;\n    bottom: -15px;\n    right: 20px;\n    animation: bounce-effect 5s infinite ease-in;\n\n    [dir=\"rtl\"] & {\n      right: unset !important;\n      left: 5px;\n    }\n\n    @media (max-width: 1660px) {\n      right: 30px;\n      text-align: right;\n\n      [dir=\"rtl\"] & {\n        left: -6px;\n        text-align: left;\n      }\n\n      img {\n        width: 80%;\n      }\n    }\n\n    @media (max-width: 1500px) and (min-width:1031px) {\n      img {\n        width: 70%;\n      }\n    }\n\n    @media (max-width: 1030px) {\n      img {\n        width: 62%;\n      }\n    }\n\n    @media (max-width: 767px) {\n      right: 10px;\n\n      [dir=\"rtl\"] & {\n        left: -10px;\n      }\n\n      img {\n        width: 52%;\n      }\n    }\n\n    @media (max-width: 575px) {\n      right: 30px;\n\n      [dir=\"rtl\"] & {\n        left: 10px;\n      }\n\n      img {\n        width: 48%;\n      }\n    }\n  }\n\n  .greeting-user {\n\n    h2 {\n      @media (max-width:1485px) and (min-width:1400px) {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        max-width: 235px;\n      }\n\n      @media (max-width:1108px) and (min-width:992px) {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        max-width: 235px;\n      }\n\n      @media (max-width:840px) {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        max-width: 235px;\n      }\n\n      @media (max-width:730px) and (min-width:611px) {\n        max-width: 170px;\n      }\n\n      @media (max-width:610px) and (min-width:576px) {\n        max-width: 115px;\n      }\n\n      @media (max-width:575px) {\n        max-width: 178px;\n      }\n    }\n\n    h2,\n    p {\n      color: $white;\n    }\n\n    p {\n      width: 60%;\n\n      @media (max-width: 1500px) {\n        width: 70%;\n      }\n\n      @media (max-width: 1199px) {\n        width: 80%;\n      }\n\n      @media (max-width: 767px) {\n        width: 98%;\n      }\n\n      @media (max-width: 600px) {\n        width: 100%;\n      }\n\n      @media (max-width: 575px) {\n        width: 98%;\n      }\n    }\n  }\n\n  .whatsnew-btn {\n    margin-top: 3.5rem;\n\n    @media (max-width: 1500px) {\n      margin-top: 1.7rem;\n    }\n\n    @media (max-width: 991px) {\n      margin-top: 3.5rem;\n    }\n\n    @media (max-width: 638px) {\n      margin-top: 2rem;\n    }\n\n    .btn {\n      @media (max-width: 767px) {\n        padding: 6px 10px;\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.user-details {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n\n  @media (max-width: 1399px) {\n    gap: 6px;\n  }\n\n  .customers {\n    width: 200px;\n  }\n\n  @media (max-width: 575px) {\n    flex-wrap: wrap;\n  }\n}\n\n.papernote-wrap {\n  .banner-img {\n    border-radius: 15px;\n    width: 100%;\n  }\n\n  .note-labels {\n    display: flex;\n    align-items: center;\n\n    >* {\n      padding: 3px 0;\n    }\n\n    ul {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      flex-wrap: wrap;\n\n      @media (max-width: 575px) {\n        gap: 4px;\n      }\n    }\n\n    .badge {\n      font-size: 14px;\n      padding: 6px 12px;\n\n      @media (max-width: 575px) {\n        font-size: 12px;\n        padding: 5px 6px;\n      }\n    }\n\n    .last-label {\n      padding-left: 16px;\n      margin-left: 16px;\n      border-left: 1px dashed rgba($theme-body-sub-title-color, 0.7);\n\n      [dir=\"rtl\"] & {\n        padding-left: unset;\n        margin-left: unset;\n        margin-right: 16px;\n        padding-right: 16px;\n        border-left: none;\n        border-right: 1px dashed rgba($theme-body-sub-title-color, 0.7);\n      }\n\n      @media (max-width: 575px) {\n        padding-left: 8px;\n        margin-left: 8px;\n\n        [dir=\"rtl\"] & {\n          margin-right: 8px;\n          padding-right: 8px;\n        }\n      }\n    }\n  }\n\n  .light-card {\n    width: 40px;\n    height: 40px;\n    border-radius: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--light2);\n    border: 1px solid rgba($theme-body-sub-title-color, 0.2);\n  }\n}\n\n.notification {\n  ul {\n    position: relative;\n\n    &::before {\n      position: absolute;\n      content: \"\";\n      border: 1px dashed $theme-body-sub-title-color;\n      opacity: 0.3;\n      top: 12px;\n      left: 2px;\n      height: calc(100% - 12px);\n\n      [dir=\"rtl\"] & {\n        left: unset;\n        right: 2px;\n      }\n    }\n  }\n\n  li {\n    padding-bottom: 31px;\n  }\n\n  div[class*=\"activity-dot-\"] {\n    margin-top: 12px;\n    animation: round 1.3s ease-in-out infinite;\n  }\n\n  .card {\n    .d-flex {\n      .w-100 {\n        p {\n          .badge {\n            color: $white;\n            margin-left: 10px;\n            font-weight: 500;\n          }\n        }\n\n        h6 {\n          margin-bottom: 5px;\n          position: relative;\n\n          ~p {\n            -webkit-box-orient: vertical;\n            -webkit-line-clamp: 1;\n            text-emphasis: inherit;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: block;\n            width: 260px;\n\n            @media (max-width: 767px) {\n              -webkit-line-clamp: unset;\n              text-emphasis: unset;\n              white-space: unset;\n              text-overflow: unset;\n              display: block;\n              width: unset;\n              overflow: visible;\n            }\n          }\n\n          @keyframes round {\n            0% {\n              transform: scale(1);\n            }\n\n            50% {\n              transform: scale(1.2);\n            }\n\n            100% {\n              transform: scale(1);\n            }\n\n          }\n        }\n\n        span {\n          color: $theme-body-sub-title-color;\n        }\n      }\n\n      &:nth-child(2) {\n        .flex-grow-1 {\n          h6 {\n            .dot-notification {\n              background-color: $warning-color;\n              border: 5px solid lighten($warning-color, 30%);\n            }\n          }\n        }\n      }\n\n      &:last-child {\n        margin-bottom: 0 !important;\n      }\n    }\n  }\n\n  .date-content {\n    padding: 4px 8px;\n    border-radius: 5px;\n  }\n}\n\n.schedule-container {\n  >div {\n    margin-bottom: -40px;\n  }\n\n  svg {\n    path {\n      clip-path: inset(1% 0% 0% 0% round 1.5rem);\n    }\n  }\n}\n\n.purchase-card {\n  text-align: center;\n  margin-top: 200px;\n\n  @media (max-width:1560px) {\n    margin-top: 170px;\n  }\n\n  @media (max-width:1399px) {\n    margin-top: 160px;\n  }\n\n  @media (max-width: 500px) {\n    margin-top: 110px;\n  }\n\n  @media (max-width: 420px) {\n    margin-top: 90px;\n  }\n\n  img {\n    margin-top: -208px;\n\n    @media (max-width:1560px) {\n      margin-top: -170px;\n    }\n\n    @media (max-width: 1399px) {\n      width: 70%;\n      margin: -160px auto 0 auto;\n    }\n\n    @media (max-width: 1366px) {\n      width: 76%;\n    }\n\n    @media (max-width: 1199px) {\n      width: 86%;\n    }\n\n    @media (max-width: 991px) {\n      width: 72%;\n    }\n\n    @media (max-width: 767px) {\n      width: 50%;\n    }\n\n    @media (max-width: 500px) {\n      margin-top: -110px;\n    }\n\n    @media (max-width: 420px) {\n      margin-top: -90px;\n      width: 60%;\n    }\n  }\n\n  .purchase-btn {\n    min-width: auto;\n  }\n}\n\n.buy-card {\n  img {\n    height: 252px;\n    object-fit: contain;\n    padding: 20px 20px 0;\n  }\n\n  .card-body {\n    margin-inline: 50px;\n    text-align: center;\n\n    .purchase-btn {\n      min-width: auto;\n      font-size: 14px;\n    }\n  }\n\n  @media (max-width:1869px) {\n    img {\n      height: 256px;\n    }\n\n    .card-body {\n      margin-inline: 45px;\n    }\n  }\n\n  @media (max-width:1774px) and (min-width:1431px) {\n    .card-body {\n      margin-inline: 6px;\n    }\n  }\n\n  @media (max-width:1430px) and (min-width:1400px) {\n    img {\n      height: 230px;\n    }\n\n    .card-body {\n      margin-inline: 0px;\n    }\n  }\n\n  @media (max-width:1399px) {\n    img {\n      height: 295px;\n    }\n  }\n\n  .card-body {\n    @media (max-width:1380px) and (min-width:992px) {\n      margin-inline: 6px;\n    }\n\n    @media (max-width:991px) and (min-width:818px) {\n      margin-inline: 50px;\n    }\n\n    @media (max-width:817px) and (min-width:687px) {\n      margin-inline: 28px;\n    }\n\n    @media (max-width:686px) {\n      margin-inline: 0;\n    }\n  }\n\n  img {\n    @media (max-width:1199px) and (min-width:1078px) {\n      height: 238px;\n    }\n\n    @media (max-width:1077px) and (min-width:992px) {\n      height: 252px;\n    }\n\n    @media (max-width:991px) and (min-width:1200px) {\n      height: 295px;\n    }\n\n    @media (max-width:1199px) and (min-width:1200px) {\n      height: 270px;\n    }\n\n    @media (max-width:1199px) and (min-width:576px) {\n      height: 295px;\n    }\n\n    @media (max-width:575px) and (min-width:446px) {\n      height: 240px;\n    }\n\n    @media (max-width:445px) {\n      height: 185px;\n    }\n  }\n}\n\n.appointment-table {\n  table {\n    tr {\n      td {\n        position: relative;\n        border-top: none;\n        padding: 15px 0;\n        vertical-align: middle;\n\n        &:first-child {\n          width: 50px;\n        }\n\n        .status-circle {\n          top: 1px;\n          left: 35px;\n          border-width: 3px;\n        }\n\n        p,\n        .btn {\n          font-weight: 500;\n          font-size: 12px;\n        }\n\n        .btn {\n          padding: 4px 12px;\n        }\n      }\n\n      .img-content-box {\n        a {\n          color: var(--body-font-color);\n          transition: 0.5s;\n          display: inline-block !important;\n        }\n\n        span {\n          display: block;\n        }\n      }\n\n      &:hover {\n        .img-content-box {\n          a {\n            color: var(--theme-default);\n            transition: 0.5s;\n          }\n        }\n      }\n\n      &:first-child {\n        td {\n          padding-top: 0 !important;\n        }\n      }\n\n      &:last-child {\n        td {\n          padding-bottom: 0 !important;\n        }\n      }\n    }\n  }\n\n  &.customer-table {\n    table {\n      tr {\n        td {\n          padding: 10px 0;\n\n          img {\n            min-width: 40px;\n          }\n        }\n      }\n    }\n  }\n}\n\n.icon-box {\n  width: 50px;\n  height: 32px;\n  background-color: rgba($primary-color, 0.08);\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  i {\n    color: var(--theme-default);\n    font-size: 22px;\n  }\n\n  svg {\n    stroke: var(--theme-default);\n  }\n}\n\n.balance-card {\n  display: flex;\n  padding: 15px;\n  border-radius: 5px;\n  gap: 15px;\n  transition: 0.5s;\n\n  @media (max-width: 1199px) {\n    gap: 8px;\n  }\n\n  .svg-box {\n    width: 43px;\n    height: 43px;\n    background: $white;\n    box-shadow: 0px 71.2527px 51.5055px rgba(229, 229, 245, 0.189815), 0px 42.3445px 28.0125px rgba(229, 229, 245, 0.151852), 0px 21.9866px 14.2913px rgba(229, 229, 245, 0.125), 0px 8.95749px 7.16599px rgba(229, 229, 245, 0.0981481), 0px 2.03579px 3.46085px rgba(229, 229, 245, 0.0601852);\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    @media (max-width: 1199px) {\n      width: 35px;\n      height: 35px;\n    }\n\n    svg {\n      height: 20px;\n      fill: rgba($theme-body-sub-title-color, 0.85);\n\n      @media (max-width: 1199px) {\n        height: 17px;\n      }\n    }\n  }\n}\n\n.btn-light-secondary {\n  background-color: rgba(var(--theme-secondary), 0.1);\n  font-size: 12px;\n  padding: 6px 12px;\n  font-weight: 600;\n}\n\n//index dashboard css ends\n\n//general widget css start\n\n.fill-primary {\n  fill: $primary-color;\n}\n\n.fill-secondary {\n  fill: $secondary-color;\n}\n\n.fill-success {\n  fill: $success-color;\n}\n\n.fill-warning {\n  fill: $warning-color;\n}\n\n.fill-info {\n  fill: $info-color;\n}\n\n.fill-danger {\n  fill: $danger-color;\n}\n\n.testimonial {\n  i {\n    font-size: 60px;\n    color: rgba(43, 43, 43, 0.7);\n    position: absolute;\n    left: 0;\n    top: 0;\n    opacity: 0.1;\n    z-index: -1;\n  }\n\n  p {\n    color: $theme-body-sub-title-color;\n    font-style: italic;\n    margin-bottom: 30px;\n    margin-top: 30px;\n  }\n\n  h5 {\n    color: $theme-body-font-color;\n    padding-top: 10px;\n  }\n\n  span {\n    color: $theme-body-sub-title-color;\n  }\n\n  img {\n    margin: 0 auto;\n  }\n}\n\n//general widget css start\n.widget-charts {\n  .widget-1 {\n    .card-body {\n      padding: 30px 25px;\n    }\n  }\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.bar-chart-widget {\n  .apexcharts-legend {\n    bottom: 0 !important;\n\n    .apexcharts-legend-series {\n      margin: 0 10px !important;\n    }\n\n    .apexcharts-legend-marker {\n      margin-right: 5px;\n    }\n  }\n\n  .top-content {\n    border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n  }\n\n  .earning-details {\n    height: 100%;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    display: flex;\n    letter-spacing: 1px;\n\n    i {\n      font-size: 230px;\n      position: absolute;\n      opacity: 0.1;\n      right: -30px;\n      top: 0;\n\n      &:hover {\n        transform: rotate(-5deg) scale(1.1);\n        transition: all 0.3s ease;\n      }\n    }\n  }\n\n  .num {\n    font-weight: 600;\n\n    .color-bottom {\n      color: $black;\n    }\n  }\n\n}\n\n.skill-chart {\n  margin-bottom: -48px;\n\n  .apexcharts-legend {\n    .apexcharts-legend-series {\n      span {\n        display: block;\n      }\n\n      .apexcharts-legend-text {\n        margin: 10px 0 20px;\n      }\n    }\n  }\n}\n\n.progress-chart {\n  margin: -11px 0 -20px;\n\n  .apexcharts-canvas {\n    svg {\n\n      path,\n      rect {\n        clip-path: inset(1% 0% 0% 0% round 1rem);\n      }\n    }\n  }\n}\n\n.bottom-content {\n  span {\n    color: $theme-body-sub-title-color;\n  }\n\n  .block-bottom {\n    display: block;\n  }\n}\n\n@keyframes am-moving-dashes {\n  100% {\n    stroke-dashoffset: -30px;\n  }\n}\n\n@-webkit-keyframes am-pulsating {\n  0% {\n    stroke-opacity: 1;\n    stroke-width: 0;\n  }\n\n  100% {\n    stroke-opacity: 0;\n    stroke-width: 50px;\n  }\n}\n\n@keyframes am-pulsating {\n  0% {\n    stroke-opacity: 1;\n    stroke-width: 0;\n  }\n\n  100% {\n    stroke-opacity: 0;\n    stroke-width: 50px;\n  }\n}\n\n@-webkit-keyframes am-draw {\n  0% {\n    stroke-dashoffset: 500%;\n  }\n\n  100% {\n    stroke-dashoffset: 0;\n  }\n}\n\n@keyframes am-draw {\n  0% {\n    stroke-dashoffset: 500%;\n  }\n\n  100% {\n    stroke-dashoffset: 0;\n  }\n}\n\n.serial-chart .chart-container {\n  width: 100%;\n  height: 500px;\n\n  .lastBullet {\n    animation: am-pulsating 1s ease-out infinite;\n  }\n\n  .amcharts-graph-column-front {\n    transition: all .3s .3s ease-out;\n\n    &:hover {\n      fill: var(--theme-secondary);\n      stroke: var(--theme-secondary);\n      transition: all .3s ease-out;\n    }\n  }\n\n  .amcharts-graph-g3 {\n    stroke-linejoin: round;\n    stroke-linecap: round;\n    stroke-dasharray: 0;\n    stroke-dashoffset: 0;\n    animation: am-draw 40s;\n  }\n\n  .amcharts-graph-g2 .amcharts-graph-stroke {\n    stroke-dasharray: 3px 3px;\n    stroke-linejoin: round;\n    stroke-linecap: round;\n    animation: am-moving-dashes 1s linear infinite;\n  }\n}\n\n.chart-container {\n\n  .apexcharts-xaxis-label,\n  .apexcharts-yaxis-label {\n    font-size: 14px !important;\n    color: $font-gray-color !important;\n  }\n\n  .apexcharts-xaxis-annotations {\n    rect {\n      clip-path: inset(1% 0% 0% 0% round 0.2rem);\n    }\n  }\n}\n\n.crypto-chart {\n  margin-left: -20px;\n\n  .apexcharts-tooltip-title {\n    display: none;\n  }\n\n  .apexcharts-tooltip-series-group {\n\n    &:last-child,\n    &.active {\n      padding-bottom: 0;\n    }\n  }\n}\n\n.speed-chart {\n  .chart-container {\n    width: 100%;\n    height: 530px;\n  }\n\n  .content {\n    margin-top: -200px;\n    margin-bottom: 20px;\n\n    h4 {\n      font-weight: 600;\n      padding-top: 2px;\n    }\n  }\n}\n\n.status-widget {\n  svg {\n    width: 20px;\n    height: 20px;\n    vertical-align: text-top;\n  }\n\n  .card {\n    .card-header {\n      h5 {\n        line-height: 1.38;\n      }\n    }\n  }\n\n  .status-chart {\n    border-bottom-left-radius: 8px;\n    border-bottom-right-radius: 8px;\n    overflow: hidden;\n  }\n}\n\n.small-chart-widget .chart-container {\n  height: 311px;\n  padding: 0;\n  margin: 0;\n  border: none;\n}\n\n.small-chart-widget {\n  .card {\n    .card-body {\n      border-bottom-left-radius: 8px;\n      border-bottom-right-radius: 8px;\n    }\n  }\n}\n\n.donut-chart-widget .chart-container {\n  height: 300px;\n  border: 0;\n  margin: 0;\n  padding: 0;\n}\n\n.status-details {\n  h4 {\n    font-weight: 600;\n\n    span {\n      color: inherit;\n    }\n  }\n\n  span {\n    color: $theme-body-sub-title-color;\n  }\n}\n\n.status-chart .chart-container {\n  height: 200px;\n  border: 0;\n  padding: 0;\n  margin: 0;\n}\n\n.map-chart .chart-container {\n  width: 100%;\n  height: 500px;\n}\n\n.serial-chart {\n  width: 100%;\n}\n\n.live-products,\n.turnover,\n.uses,\n.monthly {\n  height: 300px;\n}\n\n.live-products {\n  .ct-series-a {\n\n    .ct-area,\n    .ct-point,\n    .ct-line,\n    .ct-bar,\n    .ct-slice-donut {\n      stroke: rgba(255, 255, 255, 0.77);\n    }\n  }\n\n  .ct-label {\n    fill: $white;\n    color: $white;\n  }\n\n  .ct-grid {\n    stroke: rgba(255, 255, 255, 0.7);\n  }\n}\n\n.turnover,\n.uses,\n.monthly {\n  .ct-series-a {\n\n    .ct-area,\n    .ct-point,\n    .ct-line,\n    .ct-bar,\n    .ct-slice-donut {\n      stroke: rgba(255, 255, 255, 1);\n      fill: transparent;\n    }\n  }\n\n  .ct-series-b {\n\n    .ct-area,\n    .ct-point,\n    .ct-line,\n    .ct-bar,\n    .ct-slice-donut {\n      stroke: rgba(255, 255, 255, 0.70);\n      fill: transparent;\n    }\n  }\n\n  .ct-series-c {\n\n    .ct-area,\n    .ct-point,\n    .ct-line,\n    .ct-bar,\n    .ct-slice-donut {\n      stroke: rgba(255, 255, 255, 0.40);\n      fill: transparent;\n    }\n  }\n\n  .ct-label {\n    fill: $white;\n    color: $white;\n  }\n\n  .ct-grid {\n    stroke: rgba(255, 255, 255, 0.7);\n  }\n}\n\n// draggable card\n#draggableMultiple {\n  .ui-sortable-handle {\n    .card {\n      cursor: move;\n    }\n  }\n}\n\n// tilt page\n.tilt-showcase {\n  ul {\n    li {\n      .line {\n        padding-top: 10px;\n      }\n    }\n  }\n\n  .pre-mt {\n    margin-top: 5px;\n  }\n}\n\n// wow page\n.wow-title {\n  h5 {\n    display: flex;\n    align-items: center;\n    font-size: 18px;\n\n    .badge {\n      -webkit-text-fill-color: $white;\n    }\n  }\n}\n\n// alert page\n.alert-center {\n  display: flex !important;\n  align-items: center;\n}\n\n// box-shadow\n.box-shadow-title {\n  .sub-title {\n    margin: 30px 0;\n  }\n}\n\n// tour page\n.hovercard {\n  .info {\n    .social-media {\n      ul {\n        li {\n          padding-top: 3px;\n        }\n      }\n    }\n  }\n\n  .cardheader {\n    border-top-left-radius: 5px;\n    border-top-right-radius: 5px;\n  }\n}\n\n// sticky page\n.sticky-header-main {\n  .card {\n    .card-header {\n      h5 {\n        line-height: 35px;\n\n        a {\n          color: $white;\n          -webkit-text-fill-color: $white;\n        }\n      }\n    }\n  }\n}\n\n// radio-checkbox-control page\n.custom-radio-ml {\n  margin-left: 3px;\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#scrollable-dropdown-menu {\n  .twitter-typeahead {\n    .tt-menu {\n      .tt-dataset {\n        max-height: 100px;\n        overflow-y: auto;\n      }\n    }\n  }\n}\n\n.chart-right {\n  position: relative;\n}\n\n.balance-data {\n  display: flex;\n  gap: 15px;\n  position: absolute;\n  top: -50px;\n  right: 2%;\n\n  [dir=\"rtl\"] & {\n    right: unset;\n    left: 2%;\n  }\n\n  @media (max-width:991px) {\n    top: -42px;\n    right: -65%;\n\n    [dir=\"rtl\"] & {\n      left: -65%;\n    }\n  }\n\n  @media (max-width: 575px) {\n    display: none;\n  }\n\n  li {\n    display: flex;\n    align-items: center;\n    font-weight: 500;\n  }\n\n  .circle {\n    display: inline-block;\n    width: 6px;\n    height: 6px;\n    border-radius: 100%;\n  }\n}\n\n.current-sale-container {\n  padding-right: 12px;\n\n  [dir=\"rtl\"] & {\n    padding-right: unset;\n    padding-left: 12px;\n  }\n\n  >div {\n    margin: -22px 0 -30px -16px;\n\n    @media (max-width: 1199px) {\n      margin-bottom: 0;\n    }\n\n    @media (max-width: 404px) {\n      margin-bottom: -20px;\n    }\n  }\n\n  .apexcharts-xaxistooltip {\n    color: var(--theme-default);\n    background: rgba($primary-color, 0.1);\n    border: 1px solid var(--theme-default);\n  }\n\n  .apexcharts-xaxistooltip-bottom:before {\n    border-bottom-color: var(--theme-default);\n  }\n\n  .apexcharts-tooltip.light .apexcharts-tooltip-title {\n    background: rgba($primary-color, 0.1);\n    color: var(--theme-default);\n  }\n\n  &.order-container {\n    @media (max-width:575px) {\n      padding-right: 0;\n\n      [dir=\"rtl\"] & {\n        padding-left: 0;\n      }\n    }\n\n    >div {\n      @media (max-width:404px) {\n        margin-bottom: 0;\n      }\n    }\n  }\n}\n\n.apexcharts-series.apexcharts-radial-series {\n  position: relative;\n\n  &::after {\n    position: absolute;\n    content: '';\n    background: linear-gradient(0deg, #FFFFFF 0.05%, #F4F4F4 19.91%, #F5F6F9 55.02%, #EAECF4 100%);\n    width: calc(100% + 10px);\n    height: calc(100% + 10px);\n    top: 0;\n    left: 0;\n  }\n}\n\n//typography//\nfooter {\n  &.blockquote-footer {\n    bottom: unset;\n  }\n}\n\n// index responsive css\n@media only screen and (max-width: 991px) {\n  .notification {\n    li {\n      padding-bottom: 20px;\n    }\n\n    .card {\n      .card-body {\n        .d-flex {\n          .w-100 {\n            p {\n              margin: 0;\n            }\n\n            h6 {\n              margin-top: 10px;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 767px) {\n\n  .footer-fix {\n    .pull-right {\n      float: none !important;\n      text-align: center !important;\n    }\n  }\n}\n\n@media only screen and (max-width: 575px) {\n  .notification {\n    li {\n      padding-bottom: 15px;\n    }\n  }\n\n  .media-dropdown {\n    display: block;\n\n    .flex-grow-1 {\n      margin-bottom: 15px;\n    }\n  }\n}\n\n@media only screen and (max-width: 360px) {\n  .footer {\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n\n    p {\n      font-size: 12px;\n    }\n  }\n\n  .appointment-table {\n    table {\n      tr {\n        td {\n          min-width: 103px;\n\n          &:first-child {\n            min-width: 50px;\n          }\n\n          &:nth-child(2) {\n            min-width: 120px;\n          }\n        }\n      }\n    }\n  }\n}\n\n.visitor-chart {\n  #visitor_chart {\n    @media (min-width:1400px) {\n      min-height: 0px !important;\n      height: 122px;\n    }\n\n    @media (max-width:1399px) {\n      margin-bottom: -45px;\n    }\n\n    .apexcharts-canvas {\n      margin: 0;\n    }\n\n    .apexcharts-tooltip-title {\n      display: none;\n    }\n  }\n\n  .common-flex {\n    background-color: var(--course-light-btn);\n    padding: 10px 12px;\n    border-radius: 8px;\n    align-items: center;\n\n    @media (max-width:1841px) {\n      gap: 4px;\n    }\n\n    p {\n      font-weight: 500;\n      color: $badge-light-color;\n\n      @media (max-width:1805px) and (min-width:1400px) {\n        display: none;\n      }\n\n      @media (max-width:1293px) and (min-width:1200px) {\n        display: none;\n      }\n\n      @media (max-width:880px) {\n        font-size: 13px;\n      }\n    }\n  }\n}\n\n.statistical-card {\n  li {\n    padding: 8px 14px;\n    background: linear-gradient(180deg, var(--course-light-btn) 0%, rgba(242, 243, 247, 0) 100%);\n    border-radius: 5px;\n    margin-right: 15px;\n    position: relative;\n\n    +li {\n      padding-left: 15px;\n      margin-left: 15px;\n\n      &::after {\n        content: \"\";\n        top: 50%;\n        background-color: rgba($badge-light-color, 80%);\n        transform: translate(-15px, -50%);\n        left: 0;\n        position: absolute;\n        height: 30px;\n        width: 1px;\n      }\n    }\n  }\n}\n\n.monthly-header {\n  @media (max-width:1230px) and (min-width:1200px) {\n    .card-header-right-icon {\n      display: none;\n    }\n  }\n}\n\n.target-content {\n  p {\n    color: rgba($badge-light-color, 80%);\n    text-align: center;\n    margin-block: 23px;\n    height: 73px;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    @media (max-width:1590px) and (min-width:1400px) {\n      margin-block: 28px;\n      height: 92px;\n    }\n\n    @media (max-width:1399px) and (min-width:768px) {\n      margin-block: 21px;\n    }\n\n    @media (max-width:767px) and (min-width:529px) {\n      margin: 0;\n    }\n\n    @media (max-width:528px) {\n      margin: 0 0 12px;\n    }\n  }\n\n  .common-box {\n    border-top: 1px solid var(--chart-dashed-border);\n    padding-top: 16px;\n\n    ul {\n      justify-content: space-between;\n\n      @media (max-width:1486px) {\n        justify-content: center;\n      }\n\n      li {\n        h6 {\n          margin-bottom: 4px;\n\n          @media (max-width: 1559px) {\n            margin-bottom: 8px;\n          }\n\n          @media (max-width:767px) {\n            text-align: center;\n          }\n        }\n\n        .badge {\n          border-radius: 83px;\n          padding: 6px 12px;\n\n          svg {\n            width: 14px;\n            height: 14px;\n            padding-top: 0;\n            font-size: 12px;\n          }\n        }\n\n        &:last-child {\n          @media (max-width:1486px) {\n            display: none;\n          }\n        }\n      }\n    }\n  }\n}\n\n// Timeline\n.activity-log {\n  .basic-timeline {\n    ul {\n      &.common-flex {\n        li {\n          padding-bottom: 0;\n        }\n\n        &::before {\n          content: unset;\n        }\n      }\n\n      li {\n        @media (max-width:1247px) {\n          padding-bottom: 8px;\n        }\n\n        @media (max-width:1399px) and (min-width:1248px) {\n          padding-bottom: 12px;\n        }\n\n        @media (max-width:1199px) {\n          padding-bottom: 8px;\n        }\n\n        .date-content {\n          color: $badge-light-color;\n        }\n\n        >div[class*=\"timeline-dot-\"] {\n          bottom: -7px;\n        }\n\n        img {\n          height: 50px;\n          border-radius: 10px;\n\n          @media (max-width:1344px) {\n            height: 40px;\n          }\n        }\n\n        p {\n          @media (max-width:1589px) {\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            max-width: 300px;\n          }\n\n          @media (max-width:1384px) and (min-width:1205px) {\n            max-width: 225px;\n          }\n\n          @media (max-width:1204px) and (min-width:1200px) {\n            max-width: 195px;\n          }\n\n          @media (max-width:1199px) and (min-width:897px) {\n            max-width: 280px;\n          }\n\n          @media (max-width:896px) and (min-width:768px) {\n            max-width: 210px;\n          }\n\n          @media (max-width:767px) and (min-width:550px) {\n            max-width: 100%;\n          }\n\n          @media (max-width:460px) and (min-width:396px) {\n            max-width: 234px;\n          }\n\n          @media (max-width:395px) {\n            max-width: 148px;\n          }\n        }\n      }\n    }\n  }\n}\n\n.sales-report {\n  position: relative;\n\n  .balance-data {\n    top: 20px;\n    right: 60px;\n\n    @media (max-width:1460px) and (min-width:1400px) {\n      display: none;\n    }\n\n    @media (max-width:1250px) and (min-width:992px) {\n      display: none;\n    }\n\n    .circle {\n      width: 9px;\n      height: 9px;\n    }\n  }\n\n  #sale_report {\n    @media (max-width:991px) and (min-width:404px) {\n      margin-bottom: -20px;\n    }\n\n    @media (max-width:403px) {\n      margin-bottom: -40px;\n    }\n  }\n}\n\n.appointments-wrapper {\n  position: relative;\n\n  li {\n    >span {\n      padding: 0;\n      margin: 0;\n      margin-right: 12px;\n      min-width: 45px;\n    }\n\n    .main-box {\n      margin-left: 20px;\n      width: 100%;\n      padding: 12px 16px;\n      margin-bottom: 14px;\n      background-color: var(--light2);\n\n      span {\n        &:nth-child(2) {\n          @media (max-width:1869px) {\n            @include pixelstrap-ellipsis;\n            max-width: 310px;\n          }\n\n          @media (max-width:1785px) and (min-width:1646px) {\n            max-width: 255px;\n          }\n\n          @media (max-width:1645px) and (min-width:1500px) {\n            max-width: 212px;\n          }\n\n          @media (max-width:1499px) and (min-width:1449px) {\n            max-width: 190px;\n          }\n\n          @media (max-width:1448px) and (min-width:1400px) {\n            max-width: 162px;\n          }\n\n          @media (max-width:1299px) and (min-width:992px) {\n            max-width: 245px;\n          }\n\n          @media (max-width:510px) {\n            white-space: unset;\n          }\n        }\n\n        @media (max-width:991px) {\n          display: block;\n        }\n      }\n    }\n\n    &::before {\n      position: absolute;\n      content: \"\";\n      border: 1px solid var(--chart-progress-light);\n      opacity: 0.3;\n      top: 0;\n      left: 61px;\n      height: 100%;\n      z-index: 1;\n    }\n\n    >[class*='bg-lighter-'] {\n      min-width: 10px;\n      height: 10px;\n      width: 10px;\n      border-radius: 100%;\n      position: relative;\n      z-index: 2;\n    }\n\n    &:last-child {\n      .main-box {\n        margin-bottom: 0;\n      }\n    }\n  }\n}\n\n\n.recent-order-table {\n  &.currency-table {\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: 43px;\n        height: 43px;\n        border-radius: 50%;\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        @media (max-width:1199px) {\n          width: 40px;\n          height: 40px;\n\n          img {\n            height: 20px;\n          }\n        }\n      }\n\n      table {\n\n        thead,\n        tbody {\n          tr {\n\n            th,\n            td {\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:1660px) and (min-width:1200px) {\n                  display: none;\n                }\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: 133px;\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            td {\n              .btn {\n                min-width: 135px;\n              }\n\n              .currency-icon {\n                img {\n                  transition: 0.5s;\n                }\n              }\n            }\n\n            &:hover {\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  }\n}\n\n// Responsive orders \n@media (max-width:1399px) and (min-width:1200px) {\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:991px) {\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// Los angeles css\n.page-wrapper {\n  &.horizontal-wrapper {\n    &.material-type {\n      .default-dashboard {\n        .appointments-wrapper {\n          li {\n            .main-box {\n              span {\n                &:nth-child(2) {\n                  @include pixelstrap-ellipsis;\n                  max-width: 310px;\n                }\n              }\n            }\n          }\n        }\n\n        .visitor-chart {\n          .common-flex {\n            p {\n              @media (min-width:1400px) {\n                display: none;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n/**=====================\n  3.20 Dashboard_default CSS Ends\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==========================**/","/**=====================\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    fill: $light-primary;\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 $primary-color;\n      color: $primary-color;\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: 5px;\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          }\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: $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              .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        }\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: $white;\n    display: flex;\n    align-items: center;\n    margin: 0 10px;\n\n    svg {\n      @include pixelstrap-size(20px, 20px);\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(68, 102, 242, 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(68, 102, 242, 0.05);\n        height: 50px;\n        padding-left: 30px;\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      font-family: roboto;\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: $warning-color;\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-roboto;\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: 10px 13px;\n          background-color: $white;\n          font-size: 18px;\n          border-radius: 10px;\n          @include pixelstrap-size(45px, 45px);\n          margin: 0 3px;\n          cursor: pointer;\n        }\n\n        i {\n          font-size: 18px;\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\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: 5px;\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: 500;\n  margin-top: 5px;\n  color: var(--theme-default);\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: $warning-color;\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.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(115, 102, 255, 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 #f5f5f5;\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: 39px;\n          text-transform: uppercase;\n          border-radius: 3px;\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    }\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 20px;\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\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-top: 10px;\n                    border-top: 1px solid var(--recent-dashed-border);\n                }\n\n                ul {\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, rgba($theme-body-sub-title-color, 0.8));\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                        width: 4px;\n                        right: 0;\n                        height: 35px;\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                        }\n\n                        @media (max-width:1400px) {\n                            top: 8px;\n                            height: 28px;\n                        }\n                    }\n                }\n\n                svg {\n                    @include svg-size(18px, rgba($theme-body-sub-title-color, 0.8));\n                }\n\n                div {\n                    width: calc(100% - 13px - 18px);\n                    display: flex;\n                    align-items: center;\n                    justify-content: space-between;\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            background-color: $light-primary;\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                        width: 24px;\n                        height: 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                    width: 18px;\n                    height: 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            // ul {\n            //     @media (max-width:424px) {\n            //         gap: 12px;\n            //     }\n\n            //     @media (max-width:351px) {\n            //         flex-direction: column;\n            //     }\n\n            //     li {\n            //         a {\n            //             display: flex;\n            //             align-items: center;\n            //             gap: 9px;\n            //             color: var(--chart-text-color);\n            //             position: relative;\n            //             padding-bottom: 0;\n\n            //             @media (max-width:1468px) {\n            //                 padding: 7px;\n            //             }\n\n            //             &::before {\n            //                 content: '';\n            //                 position: absolute;\n            //                 bottom: -23px;\n            //                 left: 0;\n            //                 width: 0;\n            //                 background-color: var(--theme-default);\n            //                 height: 2px;\n            //                 transition: all 0.1s ease-in;\n\n            //                 [dir=\"rtl\"] & {\n            //                     left: unset;\n            //                     right: 0;\n            //                 }\n\n            //                 @media (max-width: 1468px) {\n            //                     bottom: -15px;\n            //                 }\n\n            //                 @media (max-width: 991px) {\n            //                     bottom: -13px;\n            //                 }\n\n            //                 @media (max-width: 351px) {\n            //                     bottom: -2px;\n            //                 }\n            //             }\n\n            //             &.active {\n            //                 color: var(--theme-default);\n\n            //                 &::before {\n            //                     width: 100%;\n            //                     transition: all 0.1s ease-in;\n\n            //                 }\n            //             }\n\n            //             svg {\n            //                 width: 22px;\n            //                 height: 22px;\n\n            //                 @media (max-width: 424px) {\n            //                     display: none;\n            //                 }\n            //             }\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        width: 40px;\n        height: 39px;\n        border-radius: 8px;\n        background-color: var(--light-slate);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n\n        @media (max-width: 992px) {\n            width: 34px;\n            height: 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                            display: flex;\n                            align-items: center;\n                            gap: 14px;\n                            justify-content: flex-end;\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                        width: 18px;\n                        height: 18px;\n                        border-color: var(--chart-dashed-border);\n\n                        &:focus {\n                            box-shadow: unset;\n                        }\n                    }\n\n                    .rounded-border {\n                        width: 50px;\n                        height: 50px;\n                        border: 2px solid var(--chart-dashed-border);\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                        border-radius: 100%;\n\n                        @media (max-width:1400px) {\n                            width: 42px;\n                            height: 42px;\n                        }\n\n                        @media (max-width:355px) {\n                            display: none;\n                        }\n\n                        >div {\n                            width: 40px;\n                            height: 40px;\n                            background-color: $light-primary;\n                            border-radius: 100%;\n\n                            @media (max-width: 1400px) {\n                                width: 32px;\n                                height: 32px;\n                            }\n\n                            p {\n                                display: flex;\n                                justify-content: center;\n                                align-items: 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                        display: flex;\n                        justify-content: flex-end;\n                        align-items: 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        .hidden {\n            display: none !important;\n        }\n    }\n\n    // .mail-pagination {\n    //     display: flex;\n    //     justify-content: flex-end;\n    //     gap: 12px;\n    //     padding: 16px;\n\n    //     // .pagination-button,\n    //     .pagination-number {\n    //         padding: 0px 12px;\n    //         width: 35px;\n    //         height: 35px;\n    //         border-radius: 10px;\n    //         border: unset;\n    //     }\n\n    //     // .pagination-button {\n    //     //     &.disabled {\n    //     //         background-color: var(--light-background);\n    //     //         color: var(--chart-text-color);\n    //     //         opacity: 1;\n    //     //     }\n    //     // }\n\n    //     .pagination-number {\n    //         padding: 6px 12px;\n\n    //         &.active {\n    //             background-color: var(--theme-default);\n    //             color: var(--white);\n    //         }\n    //     }\n\n    //     // .pagination-index {\n    //     //     display: flex;\n    //     //     gap: 12px;\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: 2px;\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            width: 20px;\n            height: 20px;\n            stroke: $badge-light-color;\n\n            @media (max-width:480px) {\n                width: 18px;\n                height: 18px;\n            }\n        }\n    }\n}\n\n.mail-body-wrapper {\n    .user-mail-wrapper {\n        padding: 16px;\n\n        .user-title {\n            display: flex;\n            justify-content: space-between;\n            align-items: 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\n            >div {\n                display: flex;\n                align-items: center;\n                gap: 12px;\n                padding-bottom: 12px;\n\n                .rounded-border {\n                    width: 50px;\n                    height: 50px;\n                    border: 2px solid var(--chart-dashed-border);\n                    display: flex;\n                    justify-content: center;\n                    align-items: 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\n                        svg {\n                            width: 16px;\n                            height: 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                    width: 18px;\n                    height: 18px;\n                    stroke: $badge-light-color;\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    width: 18px;\n    height: 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\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// .projects {\n//     display: flex;\n//     background: gray;\n//     justify-content: center;\n//     align-items: center;\n//     min-height: 200px;\n// }\n\n// .project {\n//     background: rebeccapurple;\n//     width: 230px;\n//     height: 100px;\n//     margin: 20px;\n//     padding-top: 20px;\n//     text-align: center;\n// }\n\n// .project:nth-child(odd) {\n//     background: greenyellow;\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        width: 0;\n        background-color: var(--theme-default);\n        height: 2px;\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// .show {\n//     /* You can play with the seconds to change the \"animation\" */\n//     animation: show 0.3s ease 0s 1 normal none;\n//     animation-range: unset;\n//     transform-origin: center;\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// filter end\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  &.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  .error-heading {\n    margin-top: 115px;\n\n    .headline {\n      font-size: 285px;\n      font-weight: 700;\n      letter-spacing: 1px;\n      margin-top: -130px;\n    }\n  }\n\n  .sub-content {\n    font-size: 18px;\n    color: $theme-body-font-color;\n    letter-spacing: 1px;\n    font-weight: normal;\n    line-height: 35px;\n    z-index: 3;\n    position: relative;\n    margin-top: 30px;\n    margin-bottom: 0;\n  }\n\n  .btn {\n    margin-top: 40px;\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  h5 {\n    font-weight: 600;\n  }\n\n  margin-bottom: 30px;\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.add-project {\n  &.table td {\n    vertical-align: middle;\n  }\n\n  .text-inherit {\n    color: $black;\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        margin-right: 10px;\n      }\n    }\n\n    .faq-header {\n      position: relative;\n      padding: 20px;\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  }\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  a {\n    @include pixelstrap-flex(flex, center, center);\n\n    svg {\n      @include pixelstrap-size(15px, 15px);\n    }\n  }\n\n  margin-bottom: 20px;\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: rgba($light-color, 0.4);\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                    @include file-icon(var(--light-bg), var(--dark-light-color), var(--dark-light-color));\n                    border-style: solid;\n                    border-width: 7px;\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                @include file-icon(var(--light-bg), var(--dark-light-color), var(--dark-light-color));\n                border-style: solid;\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: var(--theme-secondary);\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: var(--theme-secondary);\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\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            min-height: 30px;\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  }\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\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  &.gallery-with-description {\n    .pswp__caption__center {\n      h4 {\n        color: $main-body-color;\n      }\n\n      p {\n        color: $font-gray-color;\n      }\n    }\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/**=====================\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}\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/**=====================\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  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\n.job-accordion {\n  .card {\n    margin-bottom: 20px;\n  }\n\n  .btn-block {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\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 $light-semi-gray;\n              padding-top: 12px;\n              padding-bottom: 12px;\n            }\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: center;\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          a {\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\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                    .ql-fill {\n                        fill: var(--theme-default);\n                    }\n\n                    color: var(--theme-default);\n                    stroke: var(--theme-default);\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 #ddd;\n\n  &.bg-primary {\n    &~.kanban-drag {\n      background-color: rgba($primary-color, 0.3) !important;\n    }\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(68, 102, 242, 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      flex-wrap: wrap;\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: 0;\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==========================**/","/**=====================\n    3.39 Landing CSS Start\n==========================**/\n/* MESH LOADER */\n@keyframes mesh {\n  0% {\n    transform-origin: 50% -100%;\n    transform: rotate(0);\n  }\n\n  50% {\n    transform-origin: 50% -100%;\n    transform: rotate(360deg);\n  }\n\n  50.1% {\n    transform-origin: 50% 200%;\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform-origin: 50% 200%;\n    transform: rotate(360deg);\n  }\n}\n\n.mesh-loader {\n  overflow: hidden;\n  height: inherit;\n  width: inherit;\n\n  .circle {\n    position: absolute;\n    background: $primary-color;\n    border-radius: 50%;\n    margin: -3px;\n    animation: mesh 3s ease-in-out infinite -1.5s;\n    width: 6px;\n    height: 6px;\n  }\n\n  >div .circle:last-child {\n    animation-delay: 0s;\n  }\n\n  >div {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  >div:last-child {\n    transform: rotate(90deg);\n  }\n}\n\n@-webkit-keyframes animloader14 {\n  0% {\n    transform: scale(0);\n    opacity: 1;\n  }\n\n  100% {\n    transform: scale(1);\n    opacity: 0;\n  }\n}\n\n@keyframes animloader14 {\n  0% {\n    transform: scale(0);\n    opacity: 1;\n  }\n\n  100% {\n    transform: scale(1);\n    opacity: 0;\n  }\n}\n\n.loader-1 {\n  width: 76px;\n  height: 76px;\n  display: inline-block;\n  position: relative;\n\n  &::after,\n  &::before {\n    content: '';\n    width: 76px;\n    height: 76px;\n    border-radius: 50%;\n    background: #80a5ff;\n    position: absolute;\n    left: 0;\n    top: 0;\n    animation: animloader14 2s linear infinite;\n  }\n\n  &::after {\n    animation-delay: 1s;\n  }\n\n  @media (max-width: 1199px) {\n    width: 60px;\n    height: 60px;\n\n    &::after,\n    &::before {\n      width: 60px;\n      height: 60px;\n    }\n  }\n\n  @media (max-width: 575px) {\n    width: 40px;\n    height: 40px;\n\n    &::after,\n    &::before {\n      width: 40px;\n      height: 40px;\n    }\n  }\n}\n\n.landing-page {\n  $body-font-color: #000248;\n  color: $body-font-color;\n\n  .accordion-item {\n    border: none;\n  }\n\n  .accordion-button {\n    &:not(.collapsed) {\n      box-shadow: none;\n    }\n  }\n\n  .customization-accordion {\n    .accordion-collapse {\n      border: none;\n    }\n\n    .accordion-button {\n      font-weight: 500;\n      position: relative;\n      border: none;\n      padding: 10px 10px 10px 30px;\n      color: $body-font-color;\n\n      &::after {\n        position: absolute;\n        top: 50%;\n        left: 0;\n        transform: translateY(-50%);\n        margin-left: 0;\n        background-image: url(../images/landing/icon/plus.svg);\n        background-position: center;\n        background-size: 16px;\n      }\n\n      &:focus {\n        box-shadow: none;\n      }\n\n      &:not(.collapsed) {\n        background-color: transparent;\n\n        &::after {\n          background-image: url(../images/landing/icon/minus.svg);\n        }\n      }\n    }\n\n    .accordion-body {\n      padding-top: 0;\n      padding-bottom: 10px;\n      text-align: left;\n      padding-left: 30px;\n    }\n  }\n}\n\n.animate-slider {\n  .slick-slide {\n    img {\n      width: 100%;\n    }\n  }\n}\n\n.f-light {\n  color: #52526C;\n  opacity: 0.8;\n}\n\n.vector-image {\n  position: absolute;\n\n  @media (max-width: 991px) {\n    display: none;\n  }\n}\n\n.line-gif {\n  left: 20%;\n  top: 0;\n  z-index: 1;\n\n  img {\n    width: 140px;\n    height: 140px;\n\n    @media (max-width: 1399px) {\n      width: 100px;\n      height: 100px;\n    }\n\n    @media (max-width: 991px) {\n      width: 80px;\n      height: 80px;\n    }\n\n    @media (max-width:575px) {\n      width: 60px;\n      height: 60px;\n    }\n  }\n\n  @media (max-width: 1460px) {\n    left: 14%;\n  }\n\n  @media (max-width: 1399px) {\n    left: 21%;\n  }\n\n  @media (max-width:575px) {\n    left: 7%;\n    top: -30px;\n  }\n}\n\n.wavy-line-gif {\n  right: 0;\n  top: 3%;\n\n  @media (max-width: 991px) {\n    top: 1%;\n  }\n\n  @media (max-width:767px) {\n    top: 40px;\n  }\n\n  @media (max-width:575px) {\n    top: 10px;\n  }\n\n  img {\n    width: 200px;\n\n    @media (max-width:1199px) {\n      width: 150px;\n    }\n\n    @media (max-width:767px) {\n      width: 120px;\n    }\n\n    @media (max-width:575px) {\n      width: 90px;\n    }\n  }\n}\n\n.round-gif {\n  left: 5%;\n  top: 20%;\n\n  @media (max-width: 1660px) {\n    left: 2%;\n  }\n\n  @media (max-width: 1399px) {\n    left: 0%;\n    top: 15%;\n  }\n\n  @media (max-width: 1199px) {\n    top: 20%;\n  }\n\n  @media (max-width: 991px) {\n    top: 28%;\n  }\n\n  @media (max-width: 767px) {\n    top: -2%;\n  }\n\n  img {\n    width: 147px;\n    height: 147px;\n\n    @media (max-width: 1660px) {\n      width: 127px;\n      height: 127px;\n    }\n\n    @media (max-width: 1199px) {\n      width: 100px;\n      height: 100px;\n    }\n\n    @media (max-width: 991px) {\n      width: 70px;\n      height: 70px;\n    }\n  }\n}\n\n.wavy-gif {\n  right: 17%;\n  top: 23%;\n\n  svg {\n    width: 80px;\n    transform: rotate(90deg);\n\n    @media (max-width: 1199px) {\n      width: 60px;\n    }\n\n    @media (max-width: 575px) {\n      width: 30px;\n    }\n  }\n\n  path {\n    stroke: #f8912b;\n    stroke-dasharray: 500;\n    stroke-dashoffset: 500;\n    animation: dash 1.5s linear infinite;\n  }\n\n  @keyframes dash {\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n\n  @media (max-width:1399px) {\n    right: 3%;\n    top: 15%;\n  }\n\n  @media (max-width:991px) {\n    right: 1%;\n    top: 10%;\n  }\n\n  @media (max-width: 767px) {\n    top: 8%;\n  }\n\n  img {\n    transform: rotate(90deg);\n    width: 120px;\n\n    @media (max-width:1399px) {\n      width: 80px;\n    }\n\n    @media (max-width: 767px) {\n      width: 60px;\n    }\n\n    @media (max-width: 575px) {\n      width: 40px;\n    }\n  }\n}\n\n.app-section {\n  .wavy-gif {\n    right: unset;\n    left: 20%;\n    top: 7%;\n\n    @media (max-width: 1660px) {\n      left: 8%;\n    }\n\n    @media (max-width: 1199px) {\n      left: 3%;\n      top: 3%;\n    }\n\n    @media (max-width: 767px) {\n      top: 30px;\n    }\n\n    svg {\n      width: 50px;\n\n      @media (max-width: 767px) {\n        width: 40px;\n      }\n    }\n  }\n}\n\n.loader-gif {\n  right: 5%;\n  top: 25%;\n\n  @media (max-width: 1199px) {\n    top: 32%;\n  }\n\n  @media (max-width: 991px) {\n    right: 15px;\n  }\n\n  @media (max-width: 575px) {\n    top: 28%;\n  }\n}\n\n.loader-line-gif {\n  right: 15%;\n  top: 12%;\n\n  @media (max-width: 1660px) {\n    right: 5%;\n  }\n\n  @media (max-width: 1399px) {\n    top: 10%;\n    right: 0;\n  }\n\n  @media (max-width: 1199px) {\n    top: 9%;\n  }\n\n  @media (max-width: 991px) {\n    top: 0;\n  }\n\n  img {\n    width: 130px;\n\n    @media (max-width: 575px) {\n      width: 80px;\n    }\n  }\n}\n\n.premium-wrap {\n  margin-top: -28px;\n\n  .vector-image {\n    top: -50px;\n    left: -30px;\n\n    @media (max-width: 1399px) {\n      left: 75px;\n    }\n\n    @media (max-width: 1199px) {\n      left: -15px;\n    }\n\n    img {\n      height: 400px;\n\n      @media (max-width: 1399px) {\n        height: 220px;\n      }\n    }\n  }\n}\n\n.framework-section {\n  .wavy-gif {\n    top: unset;\n    bottom: 0;\n    right: 20%;\n\n    @media (max-width: 1399px) {\n      bottom: -30px;\n      right: 0;\n    }\n\n    @media (max-width: 575px) {\n      bottom: 0;\n    }\n  }\n}\n\n.components-section {\n  .flower-gif {\n    left: unset;\n    right: 5%;\n    top: 20%;\n\n    @media (max-width:991px) {\n      right: 10%;\n      top: 9%;\n    }\n  }\n}\n\n.feature-section {\n  .vector-image {\n    top: 50px;\n    right: -170px;\n\n    @media (max-width:1674px) {\n      top: 60px;\n      right: -160px;\n\n    }\n\n    @media (max-width: 1600px) {\n      top: 0px;\n      right: -20px;\n    }\n\n    @media (max-width:1655px) {\n      right: -130px;\n    }\n\n    @media (max-width: 1595px) {\n      right: -6px;\n      top: -10px;\n    }\n\n    @media (max-width: 1399px) {\n      top: -6px;\n      right: -10px;\n    }\n\n    @media (max-width: 1199px) {\n      right: -12px;\n    }\n\n    img {\n      height: 370px;\n\n      @media (max-width:1674px) {\n        height: 340px;\n      }\n\n      @media (max-width:1655px) {\n        height: 310px;\n      }\n\n      @media (max-width: 1600px) {\n        height: 300px;\n      }\n\n      @media (max-width: 1399px) {\n        height: 280px;\n      }\n    }\n  }\n\n  .round-gif {\n    top: unset;\n    bottom: 12%;\n\n    @media (max-width: 1660px) {\n      left: 0;\n    }\n\n    @media (max-width: 1460px) {\n      bottom: unset;\n      top: 6%;\n    }\n\n    @media (max-width: 991px) {\n      top: -3%;\n    }\n\n    @media (max-width: 575px) {\n      top: -2%;\n    }\n\n    img {\n      width: 105px;\n      height: 105px;\n\n      @media (max-width: 1460px) {\n        width: 90px;\n        height: 90px\n      }\n\n      @media (max-width: 575px) {\n        width: 70px;\n        height: 70px\n      }\n    }\n  }\n}\n\n.document-section {\n  a {\n    display: block;\n    color: $body-font-color;\n  }\n\n  .document-box {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    box-shadow: 0px 5px 20px rgba(46, 35, 94, 0.12);\n    border-radius: 5px;\n    padding: 20px;\n\n    @media (max-width: 767px) {\n      gap: 14px;\n    }\n\n    @media (max-width: 575px) {\n      gap: 10px;\n      padding: 15px;\n    }\n\n    .doc-icon {\n      width: 44px;\n      height: 44px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 100%;\n\n      img {\n        height: 20px;\n        width: 20px;\n        object-fit: contain;\n      }\n    }\n\n    h5 {\n      margin-bottom: 0;\n    }\n  }\n\n  .row {\n    >div {\n      @media (max-width: 479px) {\n        width: 100%;\n      }\n    }\n  }\n\n  .bg-icon1 {\n    background: #F0E9FB;\n  }\n\n  .bg-icon2 {\n    background: rgba(222, 77, 89, 0.1);\n  }\n\n  .bg-icon3 {\n    background: rgba(77, 186, 135, 0.15);\n  }\n\n  .bg-icon4 {\n    background: rgba(103, 190, 253, 0.12);\n  }\n\n  .bg-icon5 {\n    background: rgba(255, 227, 225, 0.59);\n  }\n\n  .bg-icon6 {\n    background: rgba(65, 184, 131, 0.15);\n  }\n\n  .bg-icon7 {\n    background: rgba(158, 149, 255, 0.22);\n  }\n\n  .bg-icon8 {\n    background: rgba(238, 67, 35, 0.12);\n  }\n\n  .bg-icon9 {\n    background: rgba(154, 214, 183, 0.22);\n  }\n\n  .bg-icon10 {\n    background: rgba(255, 153, 33, 0.14);\n  }\n\n  .bg-icon11 {\n    background: rgba(195, 164, 245, 0.18);\n  }\n\n  .bg-icon12 {\n    background: rgba(16, 15, 15, 0.12);\n  }\n}\n\n.rating-title {\n  font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1920 - 300)));\n  font-weight: normal;\n}\n\n.layout {\n  h5 {\n    margin-bottom: 10px;\n    opacity: .8;\n    letter-spacing: 1.2px;\n  }\n\n  .btn {\n    padding: 0.15rem 0.5rem;\n  }\n}\n\n.common-card {\n  background: #FCFCFD;\n  border: 2px solid $white;\n  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);\n  border-radius: 10px;\n}\n\n.testimonial-box {\n  position: relative;\n  padding: 20px 25px;\n  text-align: left;\n  margin-bottom: 33px;\n\n  .rating-content {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    margin-bottom: 15px;\n  }\n\n  h5 {\n    font-size: 16px;\n    margin-bottom: 0;\n  }\n\n  .text-end {\n    span {\n      font-size: 13px;\n    }\n  }\n\n  .customer-img {\n    width: 60px;\n    height: 60px;\n    background: #FFFAFA;\n    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);\n    border-radius: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    bottom: -25px;\n  }\n\n  p {\n    margin-bottom: 0;\n  }\n}\n\n.about-section {\n  .slick-slide {\n    padding: 0 14px;\n  }\n}\n\n.testimonial-slider {\n  .slick-dots {\n    li {\n      width: auto;\n      height: auto;\n\n      button {\n        background: rgba(82, 82, 108, 0.2);\n        border-radius: 20px;\n        height: 5px;\n        width: 11px;\n        padding: 0;\n        transition: all 0.5s;\n\n        &::before {\n          display: none;\n        }\n      }\n\n      &.slick-active {\n        button {\n          background: $primary-color;\n          border-radius: 20px;\n          width: 20px;\n          transition: all 0.5s;\n        }\n      }\n    }\n  }\n}\n\n.customer-box {\n  position: relative;\n  background-color: #f7f7f7;\n  text-align: center;\n  padding: 40px 30px;\n  border-radius: 25px;\n  box-shadow: 30px 30px 33px rgba(119, 119, 119, 0.25);\n\n  @media (max-width: 1399px) {\n    padding: 40px 35px;\n  }\n\n  @media (max-width: 1199px) {\n    padding: 30px 25px;\n  }\n\n  @media (max-width: 991px) {\n    padding: 17px 13px;\n  }\n\n  @media (max-width: 575px) {\n    box-shadow: 12px 12px 12px rgba(119, 119, 119, 0.25);\n  }\n\n  img {\n    height: 70px;\n    width: auto;\n\n    @media (max-width: 991px) {\n      height: 50px;\n    }\n  }\n}\n\n.customer-wrapper {\n  position: relative;\n  padding: 12px;\n\n  @media (max-width: 767px) {\n    padding: 0;\n  }\n\n  .outline-box {\n    position: absolute;\n    bottom: -6px;\n    left: -5px;\n\n    @media (max-width: 1399px) {\n      bottom: -1px;\n      left: 0px;\n    }\n\n    @media (max-width: 1199px) {\n      bottom: -1px;\n      left: -2px;\n      width: 120%;\n    }\n\n    @media (max-width: 767px) {\n      display: none;\n    }\n  }\n}\n\n.customer-wrap {\n  margin: 0 -28px;\n\n  @media (max-width: 1199px) {\n    margin: 0 -15px;\n  }\n\n  @media (max-width: 991px) {\n    margin: 0 -10px;\n  }\n\n  @media (max-width: 767px) {\n    margin: -12px;\n  }\n\n  >div {\n    padding: 0 28px;\n\n    @media (max-width: 1199px) {\n      padding: 0 15px;\n    }\n\n    @media (max-width: 991px) {\n      padding: 0 10px;\n    }\n\n    @media (max-width: 767px) {\n      padding: 12px;\n    }\n  }\n\n  >div {\n    &:last-child {\n      @media (max-width: 1199px) {\n        .outline-box {\n          width: 100%;\n        }\n      }\n    }\n  }\n}\n\n.frame-tab {\n  background: rgba(244, 245, 248, 0.5);\n  border-radius: 40px;\n  border: none;\n  gap: 10px;\n  display: inline-flex;\n  padding: 5px;\n  margin-bottom: 50px;\n\n  .nav-item {\n    img {\n      width: 21px;\n      height: 21px;\n    }\n\n    .nav-link {\n      font-size: 18px;\n      padding: 16px 40px;\n      border-radius: 40px;\n      background: transparent;\n      border: none;\n      color: rgba(0, 2, 72, 0.5);\n      font-weight: 500;\n\n      @media (max-width: 991px) {\n        font-size: 16px;\n        padding: 10px 25px;\n      }\n\n      img {\n        margin-right: 10px;\n        filter: grayscale(1);\n      }\n\n      &.active {\n        color: #000248;\n        background: $white;\n        box-shadow: 0px 7px 15px rgba(46, 35, 94, 0.06);\n\n        img {\n          filter: unset;\n        }\n      }\n    }\n  }\n\n  @media (max-width: 575.98px) {\n    &.nav {\n      display: inline-flex;\n      background-color: transparent;\n    }\n  }\n}\n\n.framework-box {\n  position: relative;\n  display: flex;\n  align-items: center;\n  background: #FCFCFD;\n  border: 2px solid $white;\n  box-shadow: 0px 5px 20px rgba(46, 35, 94, 0.12);\n  border-radius: 50px 16px 16px 50px;\n  padding: 18px 16px;\n  gap: 16px;\n  margin-left: 30px;\n  transition: all 0.5s;\n\n  &::after {\n    position: absolute;\n    content: '';\n    width: 40px;\n    height: calc(100% + 4px);\n    border-right: 1px dashed rgba(0, 2, 72, 0.2);\n    right: -1px;\n    border-top: 1px dashed rgba(0, 2, 72, 0.2);\n    border-bottom: 1px dashed rgba(0, 2, 72, 0.2);\n    border-radius: 10px;\n    top: -1px;\n    bottom: 0;\n  }\n\n  .frame-icon {\n    position: relative;\n    min-width: 55px;\n    height: 55px;\n    background: $white;\n    border-radius: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-left: -48px;\n\n    @media (max-width: 575px) {\n      min-width: 52px;\n      height: 52px;\n    }\n\n    &::before {\n      position: absolute;\n      content: '';\n      width: 100%;\n      height: 100%;\n      left: 0;\n      top: 0;\n      box-shadow: 3px 4px 5px rgba(46, 35, 94, 0.11), inset 3px 0px 1px rgba(204, 204, 215, 0.5);\n      border-radius: 100%;\n    }\n\n    img {\n      width: 30px;\n      height: 30px;\n\n      @media (max-width: 575px) {\n        width: 25px;\n        height: 25px;\n      }\n    }\n  }\n\n  .frame-details {\n    position: relative;\n    text-align: left;\n\n    p {\n      opacity: 0.7;\n      margin-bottom: 0;\n    }\n\n    &::before,\n    &::after {\n      position: absolute;\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: #FEFEFF;\n      border: 1px solid rgba(0, 2, 72, 0.2);\n      border-radius: 100%;\n      right: 17px;\n    }\n\n    &::before {\n      top: -23px;\n    }\n\n    &::after {\n      bottom: -24px;\n    }\n  }\n\n  &:hover {\n    @media (min-width: 576px) {\n      transform: scale(1.05);\n      transition: all 0.5s;\n    }\n\n    .frame-icon {\n      &::before {\n        animation-name: rotate;\n        animation-duration: 5s;\n        animation-iteration-count: infinite;\n        animation-timing-function: linear;\n      }\n    }\n  }\n}\n\n@keyframes rotate {\n  from {\n    transform: rotate(-360deg);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.customization-wrap {\n  .landing-title {\n    p {\n      width: 100%;\n    }\n  }\n}\n\n.sub-title {\n  font-size: calc(18px + (26 - 18) * ((100vw - 300px) / (1920 - 300)));\n  font-weight: 700;\n  font-family: $landing-cursive;\n  color: #FFB905;\n}\n\n.rotate-title {\n  color: #FF5A82;\n}\n\n.landing-home {\n  scroll-behavior: smooth;\n  overflow: hidden;\n  position: relative;\n  background-position: bottom;\n  background-size: cover;\n  background-image: url(../images/landing/home-bg.jpg);\n  background-color: #1b1c21;\n\n  .sub-title {\n    font-size: calc(18px + (30 - 18) * ((100vw - 300px) / (1920 - 300)));\n  }\n\n  .content {\n    h1 {\n      color: $white;\n      line-height: 1.2;\n      font-size: calc(25px + (60 - 25) * ((100vw - 300px) / (1920 - 300)));\n      text-transform: uppercase;\n\n      span {\n        background: linear-gradient(90deg, #FFB905 20.35%, #6AEBAD 50%),\n          linear-gradient(0deg, #FFFFFF, #FFFFFF);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n      }\n    }\n\n    p {\n      font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));\n      font-weight: 500;\n      font-family: roboto;\n      color: $white;\n      opacity: 0.8;\n      width: 64%;\n      margin: 0 auto;\n\n      @media (max-width: 1366px) {\n        width: 90%;\n      }\n\n      @media (max-width: 767px) {\n        width: 100%;\n      }\n    }\n  }\n\n  .btn-grp {\n    display: flex;\n    gap: 20px;\n    align-items: center;\n    justify-content: center;\n\n    @media (max-width: 767px) {\n      gap: 12px;\n    }\n\n    @media (max-width: 575px) {\n      flex-wrap: wrap;\n      gap: 10px;\n    }\n\n    img {\n      height: 30px;\n\n      @media (max-width: 767px) {\n        height: 22px;\n      }\n\n      @media (max-width: 575px) {\n        height: 20px;\n      }\n    }\n  }\n\n  .content {\n    margin-top: 200px;\n    display: flex;\n    justify-content: center;\n    position: relative;\n    z-index: 1;\n\n    @media (max-width: 1366px) {\n      margin-top: 170px;\n    }\n\n    @media (max-width: 1199px) {\n      margin-top: 140px;\n    }\n\n    @media (max-width: 575px) {\n      margin-top: 100px;\n    }\n  }\n\n  .content-title {\n    position: relative;\n    display: inline-block;\n\n    .arrow-decore {\n      position: absolute;\n      left: -203px;\n      top: -25px;\n\n      @media (max-width: 1660px) {\n        left: -166px;\n        width: 150px;\n      }\n\n      @media (max-width: 991px) {\n        left: -125px;\n        width: 110px;\n        top: -14px;\n      }\n\n      @media (max-width: 575px) {\n        left: -61px;\n        width: 60px;\n        top: -4px;\n      }\n    }\n  }\n\n  .sticky-header {\n    header {\n      .nav-padding {\n        padding: 30px 50px;\n      }\n    }\n  }\n}\n\n.build-section {\n  position: relative;\n\n  .landing-title {\n    display: flex;\n    align-items: center;\n\n    h2 {\n      width: 53%;\n\n      @media (max-width: 1660px) {\n        width: 58%;\n      }\n\n      @media (max-width: 1366px) {\n        width: 59%;\n      }\n\n      @media (max-width: 1199px) {\n        width: 63%;\n      }\n\n      @media (max-width: 991px) {\n        width: 100%;\n      }\n    }\n\n    .title-img {\n      margin-bottom: -14px;\n\n      @media (max-width: 991px) {\n        width: 120px;\n      }\n\n      @media (max-width: 767px) {\n        width: 80px;\n      }\n    }\n  }\n\n  .rotate-title {\n    width: 14%;\n    transform: rotate(13.97deg);\n    text-align: center;\n    margin-left: -20px;\n\n    @media (max-width: 1199px) {\n      width: 17%;\n    }\n\n    @media (max-width: 991px) {\n      width: 30%;\n    }\n\n    @media (max-width: 767px) {\n      width: 42%;\n    }\n  }\n\n  .build-image {\n    img {\n      width: calc(100% + 210px);\n\n      @media (max-width: 991px) {\n        width: calc(100% + 100px);\n      }\n\n      @media (max-width: 767px) {\n        width: 100%;\n      }\n    }\n  }\n}\n\n@keyframes animationtop {\n  0% {\n    transform: translate(-10px, -5px);\n  }\n\n  50% {\n    transform: translate(0, 0);\n  }\n\n  100% {\n    transform: translate(-10px, -5px);\n  }\n}\n\n@keyframes animationleft {\n  0% {\n    transform: translate(0, 0px);\n  }\n\n  50% {\n    transform: translate(20px, 0);\n  }\n\n  100% {\n    transform: translate(0, 0px);\n  }\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n\n$landing-color : var(--theme-default);\n\n.navbar {\n  justify-content: flex-start;\n\n  .navbar-toggler {\n    margin-left: auto;\n  }\n}\n\n.navbar-nav {\n  align-items: center;\n\n  .nav-item {\n    position: relative;\n\n    .nav-link {\n      font-size: 18px;\n      letter-spacing: 1px;\n      padding: 12px 20px;\n      transition: all 0.3s ease;\n\n      &:hover,\n      &.active {\n        opacity: 1;\n        transition: all 0.3s ease;\n      }\n    }\n  }\n}\n\n.landing-page {\n  .navbar-expand-xl {\n    .navbar-collapse {\n      background-color: transparent;\n    }\n  }\n\n  .page-body-wrapper {\n    min-height: 100vh;\n    background: #eaf4ff;\n    overflow: hidden;\n  }\n\n  .buy-btn {\n    font-size: 16px;\n    background: linear-gradient(90deg, #7366FF -18.33%, #563EE0 62.78%);\n    border-radius: 5px;\n    padding: 15px 54px;\n    margin-left: 10px;\n\n    @media (max-width: 991px) {\n      padding: 12px 35px;\n    }\n\n    @media (max-width: 767px) {\n      padding: 9px 20px;\n      font-size: 14px;\n    }\n\n    a {\n      color: $white;\n      padding: 0;\n    }\n  }\n\n  .navbar-nav {\n\n    .nav-item {\n\n      .nav-link {\n        letter-spacing: 1.5px;\n        color: $white;\n      }\n    }\n  }\n\n  .sticky-header {\n    header {\n      background: transparent;\n      box-shadow: none;\n      z-index: 100;\n      left: 0;\n      height: auto;\n\n      &.sticky {\n        margin-top: 0;\n        background: #1d1f29;\n\n        .navbar-nav .nav-item .nav-link {\n          font-size: 16px;\n          padding: 15px 12px;\n        }\n\n      }\n    }\n  }\n}\n\n.navbar-expand-xl {\n  .navbar-brand {\n    padding-left: 18px;\n  }\n\n  .navbar-collapse {\n    flex-flow: row nowrap;\n    justify-content: flex-end;\n    background-color: $white;\n  }\n}\n\n.section-space {\n  position: relative;\n  padding: 80px 0;\n  text-align: center;\n\n  p {\n    font-size: 15px;\n    line-height: 1.5;\n  }\n}\n\n.landing-title {\n  margin-bottom: 30px;\n\n  @media (max-width: 767px) {\n    margin-bottom: 20px;\n  }\n\n  h2 {\n    font-size: calc(25px + (52 - 25) * ((100vw - 300px) / (1920 - 300)));\n  }\n\n  .gradient-1 {\n    background: linear-gradient(90.78deg, $primary-color 49.33%, $secondary-color 82.24%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n\n  .gradient-2 {\n    background: linear-gradient(90deg, #FF6A5B 4.44%, #1E52B9 50%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n\n  .gradient-3 {\n    background: linear-gradient(90deg, #7B5DFE 11.24%, #FFAB2E 50%),\n      linear-gradient(0deg, #FF6A5B, #FF6A5B);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n\n  .gradient-4 {\n    background: linear-gradient(90deg, #22AC16 65.06%, #1C97BE 92.34%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n\n  .gradient-5 {\n    background: linear-gradient(90deg, #6A2FE7 2%, #46B7D0 40%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n\n  .gradient-6 {\n    background: linear-gradient(271deg, #F1305F 30%, #0066FF 80%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n\n  .gradient-7 {\n    background: linear-gradient(90deg, #FF7A00 20%, #D72695 89.68%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n\n  .gradient-8 {\n    background: linear-gradient(257.2deg, #FF5E51 21.09%, #FFAB6F 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n\n  .gradient-9 {\n    background: linear-gradient(90deg, rgba(255, 57, 57, 0.88) 2%, #24D34B 103.68%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n\n  .gradient-10 {\n    background: linear-gradient(90deg, #4A86FB 50%, #FF5823 68.37%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n\n  .gradient-11 {\n    background: linear-gradient(90deg, #FF1717 22.23%, #0A96E6 68.75%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n\n  .gradient-12 {\n    background: linear-gradient(90deg, #89D32B 5.6%, #FF7A00 36.2%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n\n  .gradient-13 {\n    background: linear-gradient(90deg, #FF6056 31.63%, #7F74FE 67.63%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n\n  p {\n    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));\n    width: 65%;\n    margin: 0 auto;\n    color: #52526C;\n    opacity: 0.8;\n\n    @media (max-width: 1199px) {\n      width: 80%;\n    }\n\n    @media (max-width: 991px) {\n      width: 100%;\n    }\n  }\n}\n\n\n.bottom-section-grad {\n  position: relative;\n\n  &::before {\n    position: absolute;\n    content: \"\";\n    top: 0;\n    left: 0;\n    background: linear-gradient(180deg, #EDF7FF -3.32%, rgba(227, 242, 255, 0) 144.14%);\n    opacity: 0.7;\n    height: 100%;\n    width: 100%;\n  }\n}\n\n.faq-section {\n  .accordion {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n\n    .accordion-item {\n      background: #FCFCFD;\n      border: 2px solid $white;\n      box-shadow: 0px 4px 10px rgba(46, 35, 94, 0.07);\n      border-radius: 10px;\n      padding: 22px 30px;\n\n      @media (max-width: 767px) {\n        padding: 15px 20px;\n      }\n    }\n\n    &-button,\n    &-body {\n      padding: 0;\n    }\n\n    &-button {\n      &:not(.collapsed) {\n        color: $primary-color;\n        background: transparent;\n      }\n\n      &:focus {\n        box-shadow: unset;\n        border: none;\n      }\n\n      &::after {\n        font-family: 'IcoFont';\n        content: \"\\eb25\";\n        font-size: 24px;\n        background: unset;\n        width: auto;\n        height: auto;\n        margin-bottom: -4px;\n      }\n    }\n\n    &-body {\n      padding-top: 14px;\n      margin-top: 14px;\n      border-top: 1px solid rgba(82, 82, 108, 0.5);\n      text-align: left;\n    }\n  }\n\n  .vector-image {\n    left: -160px;\n    top: 30px;\n\n    @media (max-width: 1600px) {\n      left: 60px;\n      top: -30px;\n    }\n\n    @media (max-width: 1199px) {\n      left: 0px;\n      top: -30px;\n    }\n\n    img {\n      height: 400px;\n\n      @media (max-width: 1600px) {\n        height: 270px;\n      }\n    }\n  }\n}\n\n.pricing-section {\n  .landing-title {\n    p {\n      width: 100%;\n    }\n  }\n\n  .loader-gif {\n    top: -5%;\n\n    @media (max-width:1600px) {\n      top: -11%;\n      right: 2%;\n    }\n\n    @media (max-width:991px) {\n      top: -2%;\n      right: 2%;\n    }\n\n    .loader-1 {\n      width: 56px;\n      height: 56px;\n\n      &::after,\n      &::before {\n        width: 56px;\n        height: 56px;\n      }\n\n      @media (max-width:575px) {\n        width: 40px;\n        height: 40px;\n\n        &::after,\n        &::before {\n          width: 40px;\n          height: 40px;\n        }\n      }\n    }\n  }\n\n  .loader-line-gif {\n    right: unset;\n    top: unset;\n    left: 22%;\n    bottom: 15%;\n\n    @media (max-width:1600px) {\n      left: 12%;\n    }\n\n    @media (max-width:1600px) {\n      left: 16%;\n    }\n\n    @media (max-width:991px) {\n      left: 10px;\n      bottom: -20px;\n\n      img {\n        width: 90px;\n      }\n    }\n  }\n}\n\n.pricing-box {\n  background: rgba(243, 245, 245, 0.5);\n  border: 2px solid $white;\n  border-radius: 10px;\n  padding: 30px 20px;\n\n  img {\n    width: 23px;\n    height: 22px;\n  }\n\n  @media (max-width: 767px) {\n    padding: 20px 15px;\n  }\n\n  p {\n    color: #52526C;\n  }\n\n  h4 {\n    margin-bottom: 20px;\n\n    @media (max-width: 575px) {\n      margin-bottom: 15px;\n    }\n  }\n\n  p {\n    line-height: 1.5;\n  }\n\n  .purchase-details {\n    background: #FCFCFD;\n    border: 2px solid $white;\n    box-shadow: 0px 4px 20px rgba(46, 35, 94, 0.05);\n    border-radius: 10px;\n    padding: 24px 40px;\n    margin-top: 20px;\n\n    @media (max-width: 1199px) {\n      padding: 24px 20px;\n    }\n\n    h2 {\n      margin-bottom: 14px;\n    }\n\n    .btn-lg {\n      font-weight: 500;\n      padding: 12px 20px;\n      width: 100%;\n      min-width: auto;\n\n      @media (max-width: 1199px) {\n        padding: 12px 10px;\n        font-size: 15px;\n      }\n    }\n  }\n}\n\n.license-list {\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n\n  @media (max-width: 767px) {\n    gap: 10px;\n  }\n\n  li {\n    display: flex;\n    align-items: center;\n    text-align: left;\n    gap: 10px;\n\n    @media (max-width: 991px) {\n      gap: 5px;\n    }\n\n    @media (max-width: 575px) {\n      img {\n        width: 18px;\n        height: 18px;\n      }\n    }\n\n    h6 {\n      font-weight: normal;\n      margin-bottom: 0;\n    }\n  }\n}\n\n.feature-box {\n  padding: 30px 20px;\n  text-align: left;\n  position: relative;\n\n  @media (max-width: 575px) {\n    padding: 20px;\n  }\n\n  &::after {\n    position: absolute;\n    content: '';\n    width: 0;\n    height: 5px;\n    bottom: 0;\n    left: 0;\n    background: #F94646;\n    border-radius: 0 0 10px 10px;\n    transition: width 0.5s;\n  }\n\n  &:hover {\n    &::after {\n      width: 100%;\n      transition: width 0.5s;\n    }\n  }\n\n  .feature-icon {\n    width: 44px;\n    height: 44px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 100%;\n    margin-bottom: 25px;\n  }\n\n  &.bg-feature-1 {\n    .feature-icon {\n      background: #FBECEC;\n    }\n  }\n\n  &.bg-feature-2 {\n    .feature-icon {\n      background: #F0E9FB;\n    }\n\n    &::after {\n      background: #6610F2;\n    }\n  }\n\n  &.bg-feature-3 {\n    .feature-icon {\n      background: rgba(41, 156, 252, 0.1);\n    }\n\n    &::after {\n      background: #43BCFF;\n    }\n  }\n\n  &.bg-feature-4 {\n    .feature-icon {\n      background: rgba(96, 177, 88, 0.15);\n    }\n\n    &::after {\n      background: #60B158;\n    }\n  }\n\n  &.bg-feature-5 {\n    .feature-icon {\n      background: rgba(255, 150, 39, 0.1);\n    }\n\n    &::after {\n      background: #FF9414;\n    }\n  }\n\n  &.bg-feature-6 {\n    .feature-icon {\n      background: rgba(222, 77, 89, 0.1);\n    }\n\n    &::after {\n      background: #FC6773;\n    }\n  }\n\n  &.bg-feature-7 {\n    .feature-icon {\n      background: rgba(255, 132, 62, 0.1);\n    }\n\n    &::after {\n      background: #FF843E;\n    }\n  }\n\n  &.bg-feature-8 {\n    .feature-icon {\n      background: rgba(221, 84, 255, 0.1);\n    }\n\n    &::after {\n      background: #FF81FF;\n    }\n  }\n}\n\n.benefit-box {\n  position: relative;\n  background: rgba(241, 242, 242, 0.5);\n  padding: 40px 10px;\n  box-shadow: 17px 17px 20px rgba(186, 186, 187, 0.3);\n  border-radius: 30px;\n\n  @media (max-width: 991px) {\n    padding: 30px 10px;\n  }\n\n  @media (max-width: 575px) {\n    padding: 20px 10px;\n  }\n\n  svg {\n    width: 40px;\n    height: 40px;\n\n    @media (max-width: 991px) {\n      width: 30px;\n      height: 30px;\n    }\n  }\n\n  &::after {\n    position: absolute;\n    content: '';\n    width: 54px;\n    height: 8px;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    border-radius: 10px 10px 0 0;\n  }\n\n  h2 {\n    @media (max-width: 991px) {\n      font-size: 25px;\n    }\n  }\n\n  h6 {\n    font-weight: 400;\n    color: #52526C;\n    opacity: 0.7;\n  }\n\n  &.pink {\n    h2 {\n      color: #FF3692;\n    }\n\n    &::after {\n      background: #FF3692;\n    }\n  }\n\n  &.purple {\n    h2 {\n      color: #7238FF;\n    }\n\n    &::after {\n      background: #7238FF;\n    }\n  }\n\n  &.red {\n    h2 {\n      color: #FF3556;\n    }\n\n    &::after {\n      background: #FF3556;\n    }\n  }\n\n  &.warning {\n    h2 {\n      color: #FFAA05;\n    }\n\n    &::after {\n      background: #FFAA05;\n    }\n  }\n}\n\n.rating-title {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  .decore-1 {\n    margin-top: -35px;\n    animation: animationtop 5s infinite;\n  }\n}\n\n@keyframes arrowsvg {\n  0% {\n    transform: scale(0);\n    transform-origin: left;\n  }\n\n  100% {\n    transform: scale(1);\n    transform-origin: left;\n  }\n}\n\n.title-svg {\n  animation: arrowsvg 5s infinite;\n}\n\n.ratings {\n  li {\n    i {\n      color: #FFAA05;\n    }\n  }\n}\n\n.components-section {\n  background: linear-gradient(179deg, rgba(247, 248, 249, 0) 8.83%, #F7F8F9 50%);\n\n  .vector-image {\n    left: 30px;\n    bottom: 2px;\n\n    @media (max-width: 1660px) {\n      left: 50px;\n      top: 80px;\n    }\n\n    @media (max-width: 1399px) {\n      left: 30px;\n    }\n\n    @media (max-width: 1199px) {\n      left: -16px;\n    }\n\n    img {\n      height: 280px;\n\n      @media (max-width: 1660px) {\n        height: 240px;\n      }\n\n      @media (max-width: 1399px) {\n        height: 220px;\n      }\n\n      @media (max-width: 1199px) {\n        height: 190px;\n      }\n    }\n  }\n}\n\n.component_responsive {\n  flex-wrap: initial;\n}\n\n.component-hover-effect {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  background: #FCFCFD;\n  border: 2px solid $white;\n  box-shadow: 0px 4px 10px rgba(46, 35, 94, 0.07);\n  border-radius: 5px;\n  padding: 20px;\n  justify-content: center;\n  min-height: 78px;\n\n  @media (max-width: 767px) {\n    padding: 13px;\n    min-height: 68px;\n  }\n\n  svg {\n    width: 26px;\n    height: 26px;\n  }\n}\n\n.ptb50 {\n  padding: 80px 0;\n\n  @media (max-width: 991.98px) {\n    padding: 60px 0;\n  }\n\n  @media (max-width: 575.98px) {\n    padding: 50px 0;\n  }\n}\n\n.purchase-btn {\n  padding: 12px 20px;\n  min-width: 200px;\n  border: none;\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\n.footer-bg {\n  position: relative;\n  text-align: center;\n  background: url(../images/landing/footer.jpg);\n  margin-left: 0;\n  color: $white;\n\n  @media (max-width:575px) {\n    background-position: center;\n  }\n\n  .landing-title {\n    h2 {\n      color: $white;\n    }\n  }\n}\n\n@keyframes move_wave {\n  0% {\n    transform: translateX(0) translateZ(0) scaleY(1)\n  }\n\n  50% {\n    transform: translateX(-25%) translateZ(0) scaleY(0.55)\n  }\n\n  100% {\n    transform: translateX(-50%) translateZ(0) scaleY(1)\n  }\n}\n\nfooter {\n\n  h2 {\n    font-size: calc(24px + (70 - 24) * ((100vw - 300px) / (1920 - 300)));\n  }\n\n  .landing-title {\n    p {\n      color: $white;\n      opacity: 0.7;\n    }\n  }\n\n  .license-list {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    margin-bottom: calc(15px + (30 - 15) * ((100vw - 300px) / (1920 - 300)));\n    gap: calc(15px + (30 - 15) * ((100vw - 300px) / (1920 - 300)));\n\n    @media (max-width: 991px) {\n      gap: 20px;\n    }\n\n    @media (max-width: 767px) {\n      gap: 15px;\n    }\n\n    @media (max-width: 575px) {\n      flex-wrap: wrap;\n    }\n\n    h6 {\n      color: $white;\n    }\n  }\n\n  .feature-content {\n    margin-bottom: calc(25px + (60 - 25) * ((100vw - 300px) / (1920 - 300)));\n\n    ul {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: calc(25px + (40 - 25) * ((100vw - 300px) / (1920 - 300)));\n\n      @media (max-width: 767px) {\n        gap: 15px;\n      }\n\n      @media (max-width: 575px) {\n        flex-wrap: wrap;\n        gap: 10px;\n      }\n\n      li {\n        h4 {\n          max-width: 205px;\n          margin: 0 auto;\n          color: $white;\n\n          @media (max-width: 1199px) {\n            max-width: 200px;\n          }\n\n          @media (max-width: 991px) {\n            max-width: 140px;\n            font-size: 18px;\n          }\n\n          @media (max-width: 767px) {\n            max-width: 116px;\n            font-size: 16px;\n          }\n\n          @media (max-width: 575px) {\n            max-width: 105px;\n            font-size: 14px;\n          }\n        }\n\n        img {\n          margin-top: -40px;\n\n          @media (max-width: 991px) {\n            width: 220px;\n          }\n\n          @media (max-width: 767px) {\n            width: 160px;\n            margin-top: -25px;\n          }\n\n          @media (max-width: 575px) {\n            width: 140px;\n          }\n        }\n      }\n    }\n  }\n\n  .sub-footer {\n    padding: 20px 15px;\n    border-top: 1px solid rgba($white, 0.1);\n\n    @media (max-width: 575px) {\n      padding: 12px 0px;\n    }\n\n    h6 {\n      font-weight: normal;\n      color: $white;\n    }\n\n    ul {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 15px;\n\n      li {\n        a {\n          color: $white;\n\n          &:hover {\n            color: $primary-color;\n          }\n        }\n\n        i {\n          font-size: 20px;\n        }\n      }\n    }\n  }\n}\n\n.landing-page {\n  .bg-Widget {\n    background: linear-gradient(180deg, #F7F8F9 69%, rgba(247, 248, 249, 0) 91.83%);\n\n    &:before {\n      top: 220px !important;\n      transform: rotate(-40deg);\n    }\n\n    &:after {\n      top: unset !important;\n      bottom: 0 !important;\n    }\n\n    .cuba-demo-content {\n      p {\n        color: rgba($white, 0.7);\n      }\n\n      .couting {\n        h2 {\n          -webkit-text-fill-color: $white !important;\n        }\n      }\n    }\n  }\n}\n\n.btn-md:hover {\n  animation: 0.3s pulse 3;\n}\n\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\n@keyframes animationFramesOne {\n  0% {\n    transform: translate(0px, 0px) rotate(0deg);\n  }\n\n  20% {\n    transform: translate(73px, -1px) rotate(36deg);\n  }\n\n  40% {\n    transform: translate(141px, 72px) rotate(72deg);\n  }\n\n  60% {\n    transform: translate(83px, 122px) rotate(108deg);\n  }\n\n  80% {\n    transform: translate(-40px, 72px) rotate(144deg);\n  }\n\n  100% {\n    transform: translate(0px, 0px) rotate(0deg);\n  }\n}\n\n.page-wrapper,\n.landing-page {\n  overflow: hidden;\n\n  .section-space {\n    padding: 80px 0;\n  }\n\n  .customer-support {\n    padding-top: 21px !important;\n  }\n\n  .cuba-demo-content {\n    text-align: center;\n    position: relative;\n    margin-bottom: 50px;\n\n    @media (max-width: 767px) {\n      margin-bottom: 30px;\n    }\n\n    img {\n      margin: 0 auto;\n      width: 70px;\n      animation: rotated 50s infinite linear;\n    }\n  }\n\n\n\n  .cuba-demo-section {\n    position: relative;\n\n    .img-effect {\n      -webkit-box-shadow: 0 0 37px rgba(8, 21, 66, 0.15);\n      box-shadow: 0 0 37px rgba(8, 21, 66, 0.15);\n      border-radius: 15px;\n      padding: 20px;\n      position: relative;\n\n      .hover-link {\n        position: absolute;\n        height: 100%;\n        width: 100%;\n        background: linear-gradient(10deg, rgba($dark-color, 0.8) 0%, transparent 80%);\n        border-radius: 15px;\n        text-align: center;\n        display: flex;\n        flex-wrap: wrap;\n        align-items: flex-end;\n        justify-content: center;\n        padding-bottom: 20px;\n        opacity: 0;\n        transition: all 0.3s ease;\n        left: 0;\n        top: 0;\n\n      }\n\n      &:hover {\n        .hover-link {\n          opacity: 1;\n          z-index: 1;\n          transition: all 0.3s ease;\n        }\n      }\n\n      img {\n        width: 100%;\n        transition: all 0.3s ease;\n      }\n\n      &:hover {\n        box-shadow: 0 0 37px rgba(8, 21, 66, 0.15);\n        transition: all 0.3s ease;\n\n        img {\n          transform: scale(1.01);\n          transition: all 0.3s ease;\n        }\n      }\n    }\n\n    .cuba-demo-content {\n      .couting {\n        margin-bottom: -10px;\n        margin-top: calc(-15px + (-32 - -15) * ((100vw - 300px) / (1920 - 300)));\n\n        h2 {\n          color: var(--theme-default);\n          font-weight: 500;\n          font-size: calc(100px + (250 - 100) * ((100vw - 300px) / (1920 - 300)));\n          background: linear-gradient(180deg, #5456AA 0%, rgba(0, 2, 72, 0) 88.85%);\n          -webkit-background-clip: text;\n          -webkit-text-fill-color: transparent;\n          margin-bottom: 0;\n          line-height: 1;\n          opacity: 0.1;\n        }\n      }\n    }\n  }\n}\n\n.landing-page {\n  overflow: unset;\n}\n\n.fluid-space {\n  padding: 0 calc(10px + (80 - 10) * ((100vw - 300px) / (1920 - 300)));\n\n  @media (max-width: 1399px) {\n    padding: 0 30px;\n  }\n\n  @media (max-width: 575px) {\n    padding: 0 12px;\n  }\n}\n\nul.dot-group {\n  display: flex;\n  gap: 6px;\n  padding: 15px 10px 0;\n\n  li {\n    width: 8px;\n    height: 8px;\n    background: #E8E8EC;\n    border-radius: 100%;\n  }\n}\n\n.demo-imgs {\n  margin: -15px;\n\n  .demo-content {\n    .cuba-demo-img {\n      box-shadow: 0px 9px 40px rgba(46, 35, 94, 0.15);\n      border-radius: 5px;\n      position: relative;\n      height: 100%;\n\n      .hover-link {\n        padding: 20px;\n        display: -ms-flexbox;\n        display: flex;\n        flex-wrap: wrap;\n        gap: 14px;\n        justify-content: center;\n        background: $body-color;\n        border-radius: 0px 0px 5px 5px;\n\n        @media (max-width: 1640px) {\n          padding: 20px 12px;\n          gap: 10px;\n        }\n\n        @media (max-width: 1366px) {\n          padding: 20px;\n        }\n\n        .link-btn {\n          cursor: not-allowed;\n        }\n\n        a {\n          color: $white;\n          display: inline-block;\n          border-radius: 14px;\n          background: $body-color;\n          transition: all 0.3s ease;\n          width: 48px;\n          height: 48px;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          box-shadow: 7px 7px 5px rgba(192, 202, 216, 0.22);\n          position: relative;\n\n          @media (max-width: 1640px) {\n            width: 55px;\n            height: 55px;\n          }\n\n          img {\n            margin-bottom: -2px;\n            height: 20px;\n          }\n        }\n\n        .coming-soon {\n          opacity: .40;\n          pointer-events: none;\n        }\n      }\n\n      .overflow-hidden {\n        padding: 10px;\n\n        img {\n          width: 100%;\n          -webkit-transition: all 0.3s ease;\n          transition: all 0.3s ease;\n        }\n      }\n\n      &:hover {\n        .overflow-hidden {\n          img {\n            -webkit-transform: scale(1.01);\n            transform: scale(1.01);\n          }\n        }\n      }\n    }\n\n    .title-wrapper {\n      padding: 0 10px 0;\n\n      .theme-name {\n        position: relative;\n        font-size: calc(15px + (20 - 15) * ((100vw - 300px) / (1920 - 300)));\n        text-transform: capitalize;\n\n        span {\n          color: #52526C;\n        }\n      }\n    }\n  }\n\n  @media (max-width: 1670px) {\n    >div {\n      padding: 15px;\n      margin: 0;\n    }\n  }\n}\n\n.app-box {\n  padding: 18px 12px 12px;\n  display: flex;\n  width: 100%;\n  align-items: center;\n  border-radius: 5px;\n\n  h6 {\n    color: #52526C;\n    margin: 0 12px 0 0;\n    position: relative;\n\n    .app-title {\n      writing-mode: vertical-rl;\n      transform: rotate(180deg);\n    }\n\n    .line {\n      width: 1px;\n      background: #52526C;\n      height: 18px;\n      position: absolute;\n      top: -30px;\n      left: 50%;\n    }\n  }\n\n  .app-image {\n    flex: auto;\n\n    .img-effect {\n      box-shadow: 0px 3px 20px rgba(46, 35, 94, 0.1);\n      border-radius: 5px;\n\n\n      &.image-height {\n        a {\n          img {\n            height: auto;\n          }\n        }\n      }\n    }\n\n    a {\n      display: block;\n\n      img {\n        width: 100%;\n      }\n    }\n  }\n\n  ul.dot-group {\n    padding: 0 0 13px;\n  }\n}\n\n.app-bg-1 {\n  background: #F9F7F7;\n}\n\n.app-bg-2 {\n  background: #F3F5F5;\n}\n\n.app-bg-3 {\n  background: #EFF5F8;\n}\n\n.app-bg-4 {\n  background: #F0F5F7;\n}\n\n.app-bg-5 {\n  background: #F5F4F3;\n}\n\n.app-bg-6 {\n  background: #F8F8FA;\n}\n\n.text-marqee {\n  height: 230px;\n\n  @media (max-width: 1199px) {\n    height: 166px;\n  }\n\n  @media (max-width: 991px) {\n    height: 130px;\n  }\n\n  @media (max-width: 767px) {\n    height: 95px;\n  }\n\n  @media (max-width: 575px) {\n    height: 65px;\n  }\n}\n\n.decoration {\n  li {\n    position: absolute;\n  }\n}\n\n.flower-gif {\n  top: -40px;\n  left: 19%;\n\n  @media (max-width: 991px) {\n    top: 0;\n    left: 15%;\n  }\n\n  @media (max-width: 767px) {\n    left: 8%;\n  }\n\n  @media (max-width: 575px) {\n    display: none;\n  }\n}\n\n.big-title {\n  font-weight: 700;\n  font-size: 200px;\n  line-height: 229px;\n  letter-spacing: -0.045em;\n  color: rgba(234, 235, 241, 0.5);\n  margin-bottom: 0;\n\n  @media (max-width: 1199px) {\n    font-size: 140px;\n    line-height: 170px;\n  }\n\n  @media (max-width: 991px) {\n    font-size: 110px;\n    line-height: 140px;\n  }\n\n  @media (max-width: 767px) {\n    font-size: 80px;\n    line-height: 100px;\n  }\n\n  @media (max-width: 575px) {\n    font-size: 50px;\n    line-height: 60px;\n  }\n}\n\n//navbar\n.navabr_btn-set {\n  position: relative;\n\n  &:focus {\n    outline: 0;\n  }\n\n  span {\n    display: block;\n    background-color: $white;\n    height: 3px;\n    width: 25px;\n    margin-top: 4px;\n    margin-bottom: 4px;\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n    left: 0;\n    opacity: 1;\n  }\n\n  &:not(.custom_nav) {\n    span {\n      &:nth-child(1) {\n        position: absolute;\n        left: 12px;\n        top: 10px;\n        -webkit-transform: rotate(135deg);\n        transform: rotate(135deg);\n        opacity: 0.9;\n      }\n\n      &:nth-child(2) {\n        height: 12px;\n        visibility: hidden;\n        background-color: transparent;\n      }\n\n      &:nth-child(3) {\n        position: absolute;\n        left: 12px;\n        top: 10px;\n        -webkit-transform: rotate(-135deg);\n        transform: rotate(-135deg);\n        opacity: 0.9;\n      }\n    }\n  }\n}\n\n.navbar-b {\n  transition: all .5s ease-in-out;\n  background-color: transparent;\n  padding-top: 1.563rem;\n  padding-bottom: 1.563rem;\n}\n\n.fixed-top {\n  position: relative;\n  top: 0;\n  right: 0;\n  width: 100%;\n  display: flex;\n  left: 0;\n  z-index: 1030;\n}\n\n.navbar-toggler {\n  span {\n    display: block;\n    background-color: $transparent-color;\n    height: 3px;\n    width: 25px;\n    z-index: 112;\n    margin-top: 4px;\n    margin-bottom: 4px;\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n    left: 0;\n    opacity: 1;\n\n    &:nth-child(1) {\n      transition: transform .35s ease-in-out;\n    }\n\n    &:nth-child(3) {\n      transition: transform .35s ease-in-out;\n    }\n  }\n\n  &:focus {\n    box-shadow: none;\n  }\n}\n\n.navbar_nav_modify {\n  li {\n    text-align: center;\n  }\n}\n\n//sticky header\n.sticky-header {\n  header {\n    position: fixed;\n    width: 100%;\n    z-index: 6;\n    text-align: center;\n    line-height: normal;\n    height: 80px;\n    background: $landing-color;\n    color: $white;\n    box-shadow: 0 0 5px 1px rgba(5, 56, 111, 0.1);\n    transition: all 0.4s ease;\n\n    .nav-padding {\n      padding: 14px;\n    }\n\n    &.sticky {\n      line-height: normal;\n      background: $landing-color;\n      text-align: left;\n\n      .nav-padding {\n        padding: 7px 14px;\n      }\n    }\n  }\n}\n\n.landing-home {\n  .sticky .navbar-brand img {\n    max-height: 35px;\n  }\n}\n\n.title-padding {\n  padding: 130px 0;\n}\n\n@keyframes mover {\n  0% {\n    transform: translateY(0);\n  }\n\n  100% {\n    transform: translateY(-4px);\n  }\n}\n\n// Landing page responsive css start\n@media (max-width: 1440px) {\n  .navbar-nav {\n    .nav-item {\n      .nav-link {\n        font-size: 16px;\n        padding: 12px 7px;\n      }\n    }\n  }\n}\n\n/* ========= responsive scss for 1200 screen ========= */\n@media only screen and (max-width: 1199px) {\n  .sticky-header header.sticky .nav-padding {\n    padding: 15px 25px;\n  }\n\n  .navbar-toggler {\n    span {\n      background-color: $white;\n    }\n  }\n\n  .landing-home {\n    .screen1 {\n      left: 100px;\n      margin-top: 0;\n    }\n  }\n\n  .sticky-header {\n    .navbar-nav {\n      .nav-item .nav-link {\n        color: $black;\n        padding: 10px 12px !important;\n        font-size: 15px;\n      }\n\n      li {\n        display: block;\n        width: 100%;\n      }\n    }\n  }\n\n  .landing-page {\n\n    .navbar-expand-xl {\n      .navbar-collapse {\n        background-color: white;\n        margin-top: 20px;\n        position: absolute;\n        width: calc(100% - 30px);\n        left: 15px;\n        top: 70px;\n\n        @media (max-width: 575px) {\n          top: 40px;\n        }\n\n        .navbar-nav {\n          padding: 20px 30px 30px 30px;\n        }\n      }\n    }\n  }\n\n  header.sticky {\n    .navbar-expand-xl {\n      .navbar-collapse {\n        top: 50px;\n      }\n    }\n  }\n\n  .landing-main {\n    .sticky {\n      .navbar-expand-xl {\n        .navbar-brand {\n          top: 8px;\n        }\n\n        .navabr_btn-set {\n          top: 16px;\n        }\n      }\n    }\n\n    .navbar-toggler {\n      span {\n        background-color: $white;\n      }\n    }\n\n    .navbar_nav_modify {\n      width: 100vw;\n      left: 0;\n      position: fixed;\n      height: 100vh;\n      background-color: #293240;\n      top: 0;\n      padding: 120px 0px;\n    }\n\n    h4 {\n      font-size: 20px;\n    }\n\n    .navbar-expand-xl {\n      .navabr_btn-set {\n        position: fixed;\n        top: 24px;\n        z-index: 1;\n        right: 20px;\n      }\n\n      .navbar-brand {\n        padding-left: 5px;\n        z-index: 1;\n        position: fixed;\n        top: 14px;\n      }\n\n      .navbar-collapse {\n        .navbar-nav {\n          .nav-item {\n            a {\n              padding: 28px 60px;\n              width: 16px;\n              margin: 0 auto;\n              text-align: center;\n              display: flex;\n              justify-content: center;\n            }\n          }\n        }\n      }\n    }\n\n    .navbar-expand-lg {\n      .navbar-brand {\n        padding-left: 5px;\n      }\n\n      .navbar-collapse {\n        .navbar-nav {\n          .nav-item {\n            a {\n              padding: 9px;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n/* ========= responsive scss for 992 screen ========= */\n@media only screen and (max-width: 991px) {\n  .landing-home {\n\n    .navbar-brand img {\n      height: 35px;\n    }\n  }\n\n  .frameworks-section {\n    >.container {\n      max-width: 100%;\n    }\n  }\n\n  .landing-main {\n    .navbar-expand-lg .navbar-collapse {\n      position: absolute;\n      top: 90px;\n      background-color: rgb(255, 255, 255);\n      width: calc(100% - 30px);\n      border-radius: 5px;\n      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);\n      padding: 15px;\n    }\n  }\n\n  .landing-main {\n    .section-space {\n      padding: 60px 0;\n\n      p {\n        font-size: 16px;\n      }\n    }\n\n    .navbar-expand-lg {\n      .navbar-toggler {\n        background-color: $white;\n\n        .navbar-toggler-icon {\n          i {\n            margin-top: 5px;\n            color: var(--theme-default);\n          }\n        }\n      }\n\n      .navbar-collapse {\n        background-color: $white;\n        z-index: 111;\n\n        .navbar-nav {\n          .nav-item {\n            a {\n              color: $black;\n            }\n          }\n        }\n      }\n    }\n\n    .footer-bg {\n      h2 {\n        font-size: 28px;\n      }\n    }\n  }\n}\n\n/* ========= responsive scss for 768 screen ========= */\n@media only screen and (max-width: 767px) {\n  .landing-page .sticky-header header.sticky .navbar-nav .nav-item .nav-link {\n    font-size: 14px;\n    padding: 10px 12px;\n  }\n}\n\n/* ========= responsive scss for 575 screen ========= */\n@media only screen and (max-width: 575px) {\n  .landing-home .sticky-header header .nav-padding {\n    padding: 15px 30px;\n  }\n\n  .page-wrapper,\n  .landing-page {\n    .cuba-demo-content {\n      margin-bottom: 20px;\n    }\n\n    .section-space {\n      padding: 40px 0;\n      overflow: hidden;\n    }\n  }\n\n  .landing-main {\n    h4 {\n      font-size: 17px;\n    }\n\n    .footer-bg {\n      h2 {\n        font-size: 21px;\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 480px) {\n\n  .sticky-header header.sticky {\n    height: 56px;\n  }\n\n  .landing-home {\n    .sticky-header header .nav-padding {\n      padding: 15px;\n    }\n\n    .navbar-toggler {\n      border: none;\n      background-color: transparent;\n      padding: 0;\n    }\n\n    .navbar-brand img {\n      height: 25px;\n    }\n  }\n}\n\n@media only screen and (max-width: 380px) {\n  .component-col-set {\n    width: 100%;\n  }\n}\n\n#landings {\n  scroll-margin-top: 70px;\n}\n\n/**=====================\n    3.39 Landing CSS Ends\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  }\n}\n\n.upcoming-course {\n  .d-flex {\n    +.d-flex {\n      margin-top: 20px;\n    }\n  }\n}\n\n.job-accordion {\n  margin-bottom: 0;\n}\n\n@media screen and (min-width: 1200px) and (max-width: 1366px) {\n  .learning-comment {\n    margin-left: -14px !important;\n    float: left !important;\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    .btn {\n      line-height: 1;\n      padding: 10px 15px;\n      margin: 0;\n\n      &+.btn {\n        margin-left: 5px;\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: #f3f3ff;\n          top: 9px;\n          z-index: 0;\n          right: 0;\n        }\n      }\n\n      input {\n        background-color: #f3f3ff;\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      input[type=\"password\"] {\n        padding: 12px 60px 12px 12px !important;\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: 10px;\n        right: 0;\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: \"show\";\n      }\n    }\n\n    &:before {\n      content: \"hide\";\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 dashed $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: $light-primary;\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    3.44 Navigate Links CSS start\n==========================**/\n\n.border-opacity-wrapper {\n    .border {\n        --theme-default: 115, 102, 255;\n        border-color: rgba(var(--theme-default), 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: 115, 102, 255;\n        background-color: rgba(var(--theme-default), var(--bs-bg-opacity)) !important;\n    }\n}\n\n.underline-opacity-wrapper {\n    p {\n        a {\n            text-decoration: underline;\n            --theme-default: 115, 102, 255;\n            color: $primary-color;\n            text-decoration-color: rgba(var(--theme-default), var(--bs-link-underline-opacity, 1)) !important;\n        }\n    }\n}\n\n.link-opacity-wrapper {\n    p {\n        a {\n            --theme-default: 115, 102, 255;\n            color: rgba(var(--theme-default), var(--bs-link-opacity, 1));\n\n            &:hover {\n                color: rgba(var(--theme-default), 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, 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            }\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            @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\n            @media (max-width:400px) {\n                left: 14px;\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                    }\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(--chart-progress-light);\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            }\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 var(--chart-progress-light);\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(68, 102, 242, 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: var(--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 .row {\n\t\tmargin: 15px;\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, #7366FF -175.57%, rgba(115, 102, 255, 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\tborder: 2px solid $white;\n\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: 132px;\n\t\t\t\t\t\t\t\twidth: 132px;\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: var(--theme-default);\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\tfont-weight: 400;\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\t\t\t\th6 {\n\t\t\t\t\tfont-weight: 400;\n\t\t\t\t}\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\t\t\th6 {\n\t\t\t\tfont-weight: 400;\n\t\t\t}\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: var(--bs-heading-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(115, 102, 255, 0.13);\n\t\t\t-moz-box-shadow: 0px 9px 16px 0px rgba(115, 102, 255, 0.13);\n\t\t\tbox-shadow: 0px 9px 16px 0px rgba(115, 102, 255, 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 var(--theme-default);\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\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\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.53 Social-app CSS start\n==========================**/\n.user-profile {\n  .hovercard {\n    .socialheader {\n      background: url(../images/social-app/social-image.png);\n    }\n\n    .user-image {\n      .share-icons {\n        position: absolute;\n        right: 100px;\n        top: -30px;\n\n        li {\n          display: inline-block;\n          margin-right: 10px;\n\n          .social-icon {\n            @include pixelstrap-size(50px, 50px);\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: 25px;\n            }\n          }\n\n          &:last-child {\n            margin-right: 0;\n          }\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 .nav-item .nav-link.active {\n    border-bottom: none !important;\n  }\n\n  .nav {\n    flex-wrap: nowrap;\n    align-items: center;\n    justify-content: center;\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        text-align: center;\n        font-weight: 500;\n\n      }\n    }\n  }\n}\n\n.tabs-scoial {\n  border-bottom: none;\n  margin-bottom: 20px !important;\n  margin-top: 20px;\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.social-network {\n  span {\n    margin-bottom: 30px;\n    display: block;\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  margin-bottom: -15px;\n\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    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\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  }\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: 30px 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: 30px;\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\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        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  }\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\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(--chart-text-color);\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    p:not(.f-m-light) {\n        color: $font-gray-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                        &::after {\n                            font-size: 14px;\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            span {\n                color: $font-gray-color;\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    .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        }\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    }\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: 2px 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: calc(12px + (50 - 12) * ((100vw - 320px) / (1920 - 320)));\n            margin: 18px 0;\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: 15px;\n      flex-wrap: wrap;\n      gap: 12px;\n\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-left: auto;\n\n            [dir=\"rtl\"] & {\n               margin-left: unset;\n               margin-right: auto;\n            }\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\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: $light-primary;\n\n                        ~.form-check-label {\n                           i {\n                              transform: scale(1.2);\n                              transition: all 0.2s ease-in-out;\n                              color: var(--theme-default);\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, 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               }\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.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        .task_title_0 {\n          color: $theme-body-font-color;\n        }\n\n        .task_desc_0 {\n          @include multi-line-ellipsis(3, auto, vertical, hidden);\n        }\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  .bootstrap-select {\n    .dropdown-toggle {\n      border-color: rgba($badge-light-color, 0.1) !important;\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\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\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: $light-primary;\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 $light-primary;\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: center;\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  }\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    }\n\n    .user-image {\n      position: relative;\n      height: 0;\n\n      .avatar {\n        margin-top: -80px;\n\n        img {\n          width: 100px;\n          height: 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: -20px;\n        left: 51%;\n        display: flex;\n        justify-content: center;\n        align-items: 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(68, 102, 242, 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      .desc {\n        overflow: hidden;\n        font-size: 14px;\n        line-height: 20px;\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-rubik, $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-rubik, $font-serif;\n    }\n  }\n\n  .social-media {\n    a {\n      padding: 0 15px;\n      color: $semi-dark;\n      font-size: 24px;\n      cursor: pointer;\n\n      &:hover {\n        color: var(--theme-default);\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  .add-project {\n    table {\n      .btn-transparent {\n        &:active {\n          border-color: $transparent-color;\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/**=====================\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}\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\n  &.footer-dark {\n    background-color: $footer_dark_color;\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(--bs-emphasis-color-rgb);\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(--bs-emphasis-color-rgb);\n  }\n}\n\n.grid-vertical {\n  min-height: 150px;\n  padding: 10px;\n  color: $black;\n  background-color: var(--bs-emphasis-color-rgb);\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(--bs-emphasis-color-rgb);\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(--bs-emphasis-color-rgb);\n        }\n      }\n    }\n  }\n}\n\n/**=====================\n    5.2 Grid CSS Ends\n==========================**/","/**=====================\n  5.3 Header CSS Start\n==========================**/\n\n.left-header {\n  .d-flex {\n    align-items: center;\n  }\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  }\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: -11px;\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    >svg {\n      color: var(--theme-default) !important;\n      stroke: var(--theme-default) !important;\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: 80px;\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: 16px;\n      }\n\n      .form-control-plaintext {\n        background: transparent;\n      }\n    }\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\n  .info-block {\n    padding: 20px;\n    border-radius: 15px;\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      color: $primary-color;\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    h6 {\n      margin-bottom: 10px;\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\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-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  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    }\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\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.badge-light-warning {\n  background-color: rgba($warning-color, 0.1);\n}\n\n.table {\n  thead {\n    th {\n      border-bottom: 2px 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  }\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    [dir=\"rtl\"] & {\n      right: unset;\n      left: 0;\n      transform: translate(150%, -50%) scaleX(1.2) rotate(90deg);\n    }\n\n    color: var(--chart-text-color);\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    border-radius: 0 0 8px 8px;\n    overflow: hidden;\n    order: 1;\n  }\n\n  .options-container.active {\n    max-height: 240px;\n    opacity: 1;\n    overflow-y: scroll;\n    margin-top: 53px;\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    border-radius: 6px;\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  position: absolute;\n  content: \"\";\n  top: 48%;\n  width: 8px;\n  border-top: 1px solid rgba($theme-body-sub-title-color, 0.4);\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  width: 5px;\n  height: 5px;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 25px;\n  border-radius: 100%;\n  background: var(--theme-default);\n  opacity: 0;\n  visibility: hidden;\n\n  [dir=\"rtl\"] & {\n    left: unset;\n    right: 25px;\n  }\n}\n\n%sidebar-before {\n  position: absolute;\n  content: '';\n  width: 1px;\n  height: 0;\n  background: rgba($theme-body-sub-title-color, 0.4);\n  top: -10px;\n  left: 27px;\n  transition: height 0.5s;\n\n  [dir=\"rtl\"] & {\n    left: unset;\n    right: 27px;\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\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: 60px;\n          width: 100% !important;\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: 27px;\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              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\n                svg {\n                  fill: rgba($theme-body-font-color, 0.9);\n                }\n\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-roboto, $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 #ddd;\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            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              text-transform: uppercase;\n              letter-spacing: 0.3px;\n              font-family: $font-roboto, $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\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                  letter-spacing: 0.8px;\n                  padding-right: 10px;\n                  display: inline-block;\n                }\n\n                p {\n                  margin-bottom: 8px;\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-roboto, $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-roboto, $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\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: 160px;\n          top: 57px;\n          left: -12px;\n          padding: 0 10px;\n\n          li {\n            padding: 10px !important;\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            }\n\n            svg {\n              width: 16px;\n              vertical-align: bottom;\n              margin-right: 10px;\n              stroke: $dark-color;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .page-body-wrapper {\n    background-color: $main-body-color;\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 28px;\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\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: 13px;\n          letter-spacing: 1px;\n          font-family: $font-roboto, $font-serif;\n        }\n\n        .breadcrumb-item {\n          &+.breadcrumb-item {\n            &:before {\n              content: $breadcrumb-content;\n            }\n          }\n\n          a {\n\n            svg {\n              width: 16px;\n              height: 16px;\n              stroke: $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\n                          &.stroke-icon {\n                            stroke: var(--theme-default);\n                          }\n\n                          &.fill-icon {\n                            fill: var(--theme-default);\n                          }\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: 6px;\n                right: 6px;\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: lighten($primary-color, 22%);\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: middle;\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                            font-family: Roboto;\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      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: 14px;\n      font-weight: 600;\n      color: $theme-body-sub-title-color;\n      text-transform: uppercase;\n      margin-bottom: 0;\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      }\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\n      &.close_icon {\n        margin-left: 80px;\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                          }\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                            margin: initial;\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: 12px 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: 80px;\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: 18px;\n                right: 38px;\n                color: $primary-color;\n                font-size: 12px;\n\n                [dir=\"rtl\"] & {\n                  left: 38px;\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: 18px;\n                    height: 18px;\n                    margin-right: 10px;\n                    vertical-align: -2px;\n                    float: none;\n                    transition: all 0.3s ease;\n                  }\n\n                  span {\n                    letter-spacing: 0.7px;\n                    text-transform: capitalize;\n                    color: rgba($theme-body-sub-title-color, 0.8);\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;\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: 55px;\n                            top: 14.5px;\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-roboto, $font-serif;\n                            border-radius: 10px;\n                          }\n\n                          .sidebar-submenu {\n                            li {\n                              position: relative;\n\n                              .badge {\n                                position: absolute;\n                                right: 50px;\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-roboto, $font-serif;\n                                border-radius: 10px;\n                                margin-bottom: 0;\n                              }\n                            }\n                          }\n\n                          &:hover {\n                            >a {\n                              &:hover {\n                                background-color: rgba($primary-color, 0.07);\n                                transition: all 0.3s ease;\n                              }\n                            }\n                          }\n                        }\n\n                        &:hover {\n                          .sidebar-link:not(.active) {\n                            &:hover {\n                              svg {\n                                fill: rgba($primary-color, 0.10%);\n                                stroke: var(--theme-default);\n                                transition: all 0.3s ease;\n\n                                &.fill-icon {\n                                  fill: var(--theme-default);\n                                  stroke: none;\n                                }\n                              }\n\n                              span {\n                                color: var(--theme-default);\n                                transition: all 0.3s ease;\n                              }\n\n                              .according-menu {\n                                i {\n                                  color: var(--theme-default);\n                                  transition: all 0.3s ease;\n                                }\n                              }\n                            }\n                          }\n                        }\n\n                        a {\n                          padding: 12px 20px;\n                          position: relative;\n                          color: #222222;\n                          transition: all 0.3s ease;\n\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                            @extend %sidebar-before;\n                          }\n\n                          >li {\n                            a {\n                              padding-left: 48px !important;\n                              font-weight: 400;\n                            }\n                          }\n\n                          .submenu-title {\n                            .according-menu {\n                              top: 7px;\n                            }\n                          }\n\n                          &.opensubmenu {\n                            display: block;\n                          }\n\n                          li {\n                            &:hover {\n                              >a {\n                                color: var(--theme-default);\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: rgba($theme-body-font-color, 0.6);\n                              display: block;\n                              position: relative;\n                              letter-spacing: 0.06em;\n                              font-weight: 500;\n                              transition: all 0.3s ease;\n                              white-space: nowrap;\n                              overflow: hidden;\n                              text-overflow: ellipsis;\n\n                              &::before {\n                                @extend %sidebar-active-dot;\n                              }\n\n                              &.active {\n                                color: var(--theme-default);\n\n                                &::before {\n                                  opacity: 1;\n                                  visibility: visible;\n                                }\n                              }\n\n                              &:after {\n                                left: 27px;\n                                @extend %sidebar-after;\n                              }\n\n                              &:hover {\n                                margin-left: 0;\n                              }\n                            }\n                          }\n                        }\n\n                        .sidebar-link {\n                          transition: all 0.5s ease;\n                          display: block;\n\n                          &::after {\n                            position: absolute;\n                            content: '';\n                            width: 4px;\n                            height: 35px;\n                            right: 0;\n                            top: 50%;\n                            transform: translateY(-50%);\n                            background-color: $primary-color;\n                            border-radius: 5px 0px 0px 5px;\n                            opacity: 0;\n                            visibility: hidden;\n\n                            [dir=\"rtl\"] & {\n                              right: unset;\n                              left: 0;\n                            }\n                          }\n\n                          &.active {\n                            transition: all 0.5s ease;\n                            position: relative;\n                            margin-bottom: 10px;\n                            background-color: lighten($primary-color, 27%);\n\n                            &::after {\n                              opacity: 1;\n                              visibility: visible;\n                            }\n\n                            ~.sidebar-submenu {\n                              &::before {\n                                height: calc(100% - 8px);\n                                transition: height 0.5s;\n                              }\n                            }\n\n                            .according-menu {\n                              i {\n                                color: var(--theme-default);\n                              }\n                            }\n\n                            span {\n                              color: var(--theme-default);\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: 20px;\n        top: 11px;\n        display: block;\n\n        i {\n          vertical-align: middle;\n          color: rgba($theme-body-sub-title-color, 0.8);\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      }\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\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: $light-primary;\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\n      &:hover {\n        i.fa-solid.fa-thumbtack {\n          visibility: visible;\n          cursor: pointer;\n          z-index: 1;\n        }\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                  // border-radius: 20px;\n                  // margin: 0 10px;\n\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                  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\n  // compact small css\n  &.compact-small {\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: $light-primary;\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\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        .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 #ddd;\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\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  .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  .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  .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\n  .papernote-wrap {\n    .note-labels {\n      ul {\n        gap: 9px;\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: 50px !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: 80px;\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: 45px !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: 15px;\n                          }\n                        }\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        .according-menu {\n          right: unset;\n          left: 20px;\n\n          i {\n            transform: scaleX(-1);\n          }\n        }\n      }\n\n    }\n\n    &.only-body {\n      .page-header {\n        .header-wrapper {\n          .nav-right {\n            right: unset;\n            left: 30px;\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  // 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    &.ps-0 {\n      padding-left: 20px !important;\n    }\n  }\n\n  .contacts-tabs {\n    .nav-pills {\n      border-right: unset;\n      border-left: 1px solid $light-color;\n    }\n  }\n\n  .contact-options {\n    li {\n      .btn-category {\n        padding-left: unset !important;\n        padding-right: 40px;\n      }\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-left: unset;\n                padding-right: 10px;\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  // 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  // Bootstrap select\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  }\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  .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, #7366FF -175.57%, rgba(115, 102, 255, 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  .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  .order-box {\n\n    .sub-total,\n    .total,\n    .qty {\n\n      .shipping-class,\n      li {\n\n        .shopping-checkout-option,\n        span {\n          float: left;\n        }\n      }\n\n      li {\n        .count {\n          float: left;\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  .offset-xl-3 {\n    margin-right: 25%;\n    margin-left: unset;\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  .b-l-light {\n    border-right: 1px solid $light-color !important;\n    border-left: unset !important;\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.25rem;\n    border-bottom-left-radius: 0.25rem;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\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  }\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 {\n    .todo-list-wrapper {\n      .mark-all-tasks {\n        .btn-label {\n          margin-left: 5px;\n          margin-right: unset;\n        }\n\n        left: 30px;\n        right: unset;\n      }\n\n      #todo-list {\n        li {\n          .task-container {\n            .task-action-btn {\n              text-align: left;\n            }\n          }\n        }\n      }\n    }\n\n    .notification-popup {\n      left: 10px;\n      right: unset;\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  // 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\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  // 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  // 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  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: 80px;\n          margin-left: unset;\n          width: calc(100% - 80px);\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: 310px;\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            .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            text-align: right;\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      text-align: right;\n\n      .blog-social {\n        padding-right: 0;\n\n        li {\n          padding-left: 40px;\n          padding-right: unset;\n\n          &:first-child {\n            border-left: 1px solid #777777;\n            border-right: unset;\n            padding-left: 40px;\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\n  .comment-box {\n    .d-flex {\n      img {\n        margin-left: 45px;\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 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    ul {\n      &.anchor {\n        float: right;\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  .sales-report {\n    .card-body {\n      .balance-data {\n        right: unset;\n        left: 60px;\n      }\n    }\n  }\n\n  .statistical-card {\n    li {\n      margin-right: unset;\n      margin-left: 15px;\n\n      +li {\n        padding-left: 14px;\n        padding-right: 15px;\n        margin-left: 15px;\n        margin-right: 15px;\n\n        &::after {\n          left: unset;\n          right: 0;\n          transform: translate(15px, -50%);\n        }\n      }\n    }\n  }\n\n  .appointments-wrapper {\n    li {\n      >span {\n        margin-right: unset;\n        margin-left: 12px;\n      }\n\n      .main-box {\n        margin-left: unset;\n        margin-right: 20px;\n      }\n\n      &::before {\n        left: unset;\n        right: 61px;\n      }\n    }\n  }\n\n  .recent-order-table {\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;\n                  padding-left: unset;\n                }\n\n                &:last-child {\n                  padding-left: 20px;\n                  padding-right: unset;\n                }\n\n                @media (max-width:1660px) {\n                  &:nth-child(6) {\n                    padding-left: 20px;\n                    padding-right: unset;\n                  }\n                }\n              }\n            }\n          }\n\n          tbody {\n            tr {\n              td {\n                .btn {\n                  min-width: 135px;\n                }\n              }\n\n              &:hover {\n                td {\n                  div {\n                    .currency-icon {\n                      img {\n                        animation: tada 1.5s ease infinite;\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    }\n  }\n\n  .main-customer-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;\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  // Dashboard-2\n  .seller-table {\n\n    thead,\n    tbody {\n      tr {\n\n        th,\n        td {\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  .treading-product {\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: unset;\n              }\n\n              &:last-child {\n                padding-left: 20px !important;\n                padding-right: unset;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .stock-report {\n    .table-responsive {\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;\n              }\n\n              &:last-child {\n                padding-left: 20px !important;\n                padding-right: unset;\n              }\n\n              @media (max-width:1798px) {\n                &:nth-child(4) {\n                  padding-left: 20px;\n                  padding-right: unset;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .recent-transaction {\n\n    thead,\n    tbody {\n      tr {\n\n        th,\n        td {\n          &:first-child {\n            padding-right: 20px !important;\n            padding-left: unset;\n          }\n\n          &:last-child {\n            padding-left: 20px !important;\n            padding-right: unset;\n          }\n        }\n      }\n    }\n  }\n\n  .e-common-button {\n    .btn {\n      &:first-child {\n        margin-left: 12px;\n        margin-right: unset;\n      }\n\n      svg {\n        margin-left: 6px;\n        margin-right: unset;\n      }\n    }\n  }\n\n  .balance-widget {\n    .mobile-right-img {\n      left: -15%;\n\n      @media (max-width:1475px) and (min-width:1400px) {\n        left: -18%;\n      }\n\n      @media (max-width:1399px) and (min-width:936px) {\n        left: -10%;\n      }\n\n      @media (max-width:935px) and (min-width:768px) {\n        left: -15%;\n      }\n\n      @media (max-width:767px) and (min-width:621px) {\n        left: -35px;\n      }\n\n      @media (max-width:620px) and (min-width:521px) {\n        left: -60px;\n      }\n\n      @media (max-width:520px) {\n        left: -75px;\n      }\n    }\n  }\n\n  // Dashboard-03\n  .link-only {\n    svg {\n      transform: scaleX(-1);\n    }\n  }\n\n  .course-widget {\n    a {\n      svg {\n        transform: scaleX(-1);\n      }\n    }\n  }\n\n  .t-top-mentor {\n    .table-responsive {\n      div.dt-container {\n        .dt-layout-row {\n          .dt-layout-cell {\n            .dt-search {\n              @media (max-width:1261px) {\n                right: 20px;\n                left: unset;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    thead,\n    tbody {\n      tr {\n\n        th,\n        td {\n          &:first-child {\n            padding-right: 20px !important;\n            padding-left: unset;\n          }\n\n          &:last-child {\n            padding-left: 20px !important;\n            padding-right: unset;\n          }\n        }\n      }\n    }\n  }\n\n\n  .completed-course-table {\n    .table-responsive {\n      div.dt-container {\n        .dt-layout-row {\n          .dt-layout-cell {\n            .dt-search {\n              @media (max-width:1261px) {\n                right: 20px;\n                left: unset;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    thead,\n    tbody {\n      tr {\n\n        th,\n        td {\n          &:first-child {\n            padding-right: 20px !important;\n            padding-left: unset;\n          }\n\n          &:last-child {\n            padding-left: 20px !important;\n            padding-right: unset;\n          }\n\n          &:nth-child(4) {\n            @media (max-width:1671px) and (min-width:1351px) {\n              padding-left: 20px;\n              padding-right: unset;\n            }\n          }\n        }\n      }\n    }\n  }\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      &.average-sale {\n        &.table-responsive {\n          div.dt-container {\n            .dt-layout-row {\n              .dt-layout-cell {\n                .dt-search {\n                  @media (max-width:1199px) {\n                    right: 20px;\n                    left: 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                }\n\n                &:last-child {\n                  padding-left: 20px !important;\n                }\n\n                &:nth-child(3) {\n                  @media (max-width:1316px) and (min-width:768px) {\n                    padding-left: 20px;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n\n      &.performer-table {\n        &.table-responsive {\n          div.dt-container {\n            .dt-layout-row {\n              .dt-layout-cell {\n                .dt-search {\n                  @media (max-width:1199px) {\n                    right: 20px;\n                    left: 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                }\n\n                &:last-child {\n                  padding-left: 20px !important;\n                }\n\n                &:nth-child(5) {\n                  @media (max-width:1696px) and (min-width:1200px) {\n                    padding-left: 20px;\n                    padding-right: unset;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .transaction-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 !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  // Dashboard-05\n  .campaign-table {\n    &.recent-table {\n      table {\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:1260px)and (min-width:1200px) {\n              &:nth-child(5) {\n                padding-left: 20px;\n                padding-right: 8px;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .recent-table {\n      &.table-responsive {\n        div.dt-container {\n          .dt-layout-row {\n            &:last-child {\n              @media (max-width:1399px) {\n                flex-direction: column;\n              }\n            }\n          }\n        }\n\n        table {\n\n          thead,\n          tbody {\n            tr {\n\n              td,\n              th {\n                &:first-child {\n                  min-width: 88px;\n\n                  @media (max-width:775px) {\n                    min-width: 116px;\n                  }\n                }\n\n                &:nth-child(2) {\n                  min-width: 80px;\n                }\n\n                &:nth-child(3),\n                &:last-child {\n                  min-width: 36px;\n                }\n\n                &:nth-child(3) {\n                  @media (max-width:1566px) and (min-width:1200px) {\n                    display: none;\n                  }\n                }\n\n                @media (max-width:1455px)and (min-width:1200px) {\n                  &:last-child {\n                    display: none;\n                  }\n\n                  &:nth-child(6) {\n                    padding-right: 20px;\n                  }\n                }\n\n                @media (max-width:1399px) and (min-width:1200px) {\n                  &:nth-child(6) {\n                    display: none;\n                  }\n\n                  &:nth-child(5) {\n                    padding-right: 20px;\n\n                  }\n                }\n\n                @media (max-width:1255px) and (min-width:1200px) {\n                  min-width: auto;\n                }\n\n                @media (max-width:1215px) and (min-width:1200px) {\n                  &:nth-child(4) {\n                    display: none;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .mobile-app-card {\n    .card-body {\n      .wavy {\n        margin-left: -185px;\n        margin-right: unset;\n\n        @media (max-width:1693px) and (min-width:768px) {\n          margin-left: -175x;\n          margin-right: unset;\n        }\n\n        @media (max-width:1499px) and (min-width:768px) {\n          margin-left: -134px;\n          margin-right: unset;\n        }\n\n        @media (max-width:460px) {\n          margin-left: -124px;\n          margin-right: unset;\n        }\n      }\n    }\n  }\n\n  .follower-wrap {\n    .card-body {\n      .customers {\n        ul {\n          li {\n            +li {\n              margin-right: -7%;\n              margin-left: unset;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // Dashboard-06\n\n  .art-creator-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 !important;\n                padding-left: 8px;\n              }\n\n              &:last-child {\n                padding-left: 20px !important;\n                padding-left: 8px;\n              }\n\n              @media (max-width:1551px) and (min-width:1400px) {\n                &:nth-child(2) {\n                  padding-left: 20px;\n                }\n              }\n            }\n          }\n        }\n\n        &.artwork-table {\n\n          thead,\n          tbody {\n            tr {\n\n              th,\n              td {\n                @media (max-width:1249px) and (min-width:1200px) {\n                  &:nth-child(2) {\n                    padding-left: 20px;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .nft-table {\n    &.recent-table {\n      div.dt-container {\n        .dt-layout-row {\n          .dt-layout-cell {\n            .dt-search {\n              @media (max-width:991px) {\n                right: 20px;\n                left: unset;\n              }\n            }\n          }\n        }\n      }\n\n      table {\n        tr {\n          th {\n            &:first-child {\n              padding-left: 10px !important;\n              text-align: center !important;\n            }\n\n            &:last-child {\n              padding-right: 10px !important;\n            }\n          }\n\n          th,\n          td {\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      .product-content {\n        .order-image {\n          .mark-img {\n            left: 0;\n            right: unset;\n          }\n        }\n      }\n    }\n  }\n\n  .statistics-card {\n    .card-header {\n      a {\n        i {\n          transform: scaleX(-1);\n        }\n      }\n    }\n  }\n\n  .arrow-round {\n\n    .swiper-button-next,\n    .swiper-button-prev {\n      &::after {\n        transform: scaleX(-1);\n      }\n    }\n  }\n\n  .total-balance {\n    .card-body {\n      .common-f-start {\n        .d-flex {\n          &:nth-of-type(2) {\n            border-right: 1px solid var(--recent-dashed-border);\n            padding-right: 22px;\n            border-left: unset;\n            padding-left: unset;\n          }\n        }\n      }\n    }\n  }\n\n  // Dashboard-07\n  .student-leader-wrapper {\n    .student-leader-content {\n      .leader-content-height {\n        span {\n          padding-right: 0.25rem !important;\n          padding-left: unset !important;\n        }\n      }\n    }\n  }\n\n  .new-enroll-student {\n    .recent-table {\n      &.table-responsive {\n        div.dt-container {\n          .dt-layout-row {\n            .dt-layout-cell {\n              .dt-search {\n                @media (max-width:1530px) {\n                  right: 20px;\n                  left: unset;\n                }\n              }\n            }\n          }\n        }\n      }\n\n      table {\n\n        thead,\n        tbody {\n\n          th,\n          td {\n\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  .unpaid-fees-table {\n    .recent-table {\n      &.table-responsive {\n        div.dt-container {\n          .dt-layout-row {\n            .dt-layout-cell {\n              .dt-search {\n                @media (max-width:1199px) {\n                  right: 20px;\n                  left: unset;\n                }\n              }\n            }\n          }\n        }\n\n        table {\n\n          thead,\n          tbody {\n\n            th,\n            td {\n              &:first-child {\n                padding-right: 20px;\n              }\n\n              &:last-child {\n                padding-left: 20px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .top-student-table {\n    .recent-table {\n      &.table-responsive {\n        div.dt-container {\n          .dt-layout-row {\n            .dt-layout-cell {\n              .dt-search {\n                @media (max-width:1199px) {\n                  right: 20px;\n                  left: unset;\n                }\n              }\n            }\n          }\n        }\n      }\n\n      table {\n\n        thead,\n        tbody {\n\n          th,\n          td {\n\n            &:first-child {\n              padding-right: 20px;\n            }\n\n            &:last-child {\n              padding-left: 20px;\n            }\n          }\n        }\n      }\n    }\n  }\n\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-bottom-left-radius: 0;\n          border-top-right-radius: 6px;\n          border-bottom-right-radius: 6px;\n          border-top-left-radius: 0;\n        }\n\n        &:last-child {\n          border-top-right-radius: 0;\n          border-bottom-left-radius: 6px;\n          border-top-left-radius: 6px;\n          border-bottom-right-radius: 0;\n          border-left-width: 1px;\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      margin-right: 25%;\n      margin-left: unset;\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\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-10\n  .dashboard-10 {\n    .card {\n      &.heading-space {\n        .header-top {\n          @media (max-width:420px) {\n            margin-right: 0 !important;\n            margin-left: unset !important;\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 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: 265px;\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  // 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\n            .b-r-light,\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    .todo {\n      .todo-list-wrapper {\n        .mark-all-tasks {\n          left: 20px;\n        }\n      }\n    }\n\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 #ddd;\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    .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  @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\n    .todo {\n      .todo-list-wrapper {\n        .mark-all-tasks {\n          left: 15px;\n        }\n      }\n    }\n\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 #ddd;\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  .dashboard-5,\n  .dashboard-6,\n  .dashboard-7,\n  .dashboard-09,\n  .dashboard-10,\n  .dashboard-11,\n  .main-scope-project,\n  .e-category,\n  .list-product-view,\n  .seller-details-wrapper,\n  .common-order-history,\n  .common-cart,\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  @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            img {\n              width: 85px;\n              height: 85px;\n            }\n\n            margin-top: -47px;\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 (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 (min-width:1400px) {\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\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\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-body {\n          .email-app-sidebar {\n            .main-menu {\n              height: 360px;\n              overflow: auto;\n            }\n          }\n        }\n      }\n    }\n\n    .email-wrap {\n      .email-left-aside {\n        .card {\n          height: 500px !important;\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    // 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    // list-product \n\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\n    // Dashboard-11\n    .application-overview {\n      .balance-data {\n        display: none;\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                display: none;\n              }\n            }\n\n            .dt-info {\n              display: none;\n            }\n          }\n        }\n\n        table {\n\n          thead,\n          tbody {\n            tr {\n\n              th,\n              td {\n\n                &:nth-child(3),\n                &:nth-child(4),\n                &:nth-child(5) {\n                  display: none;\n                }\n\n                &:last-child {\n                  .square-white {\n                    width: 24px;\n                    height: 24px;\n\n                    svg {\n                      width: 14px;\n                      height: 14px;\n                    }\n                  }\n                }\n\n                .common-flex {\n                  img {\n                    display: none;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .attendance-table {\n      &.recent-table {\n        div.dt-container {\n          .dt-layout-row {\n            .dt-search {\n              display: none;\n            }\n\n            &:last-child {\n              .dt-info {\n                display: none;\n              }\n            }\n          }\n        }\n\n        table {\n\n          thead,\n          tbody {\n            tr {\n\n              th,\n              td {\n                &:nth-child(3) {\n                  display: none;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .birthday-cards {\n      .swiper {\n        margin-block: 50px;\n\n        .swiper-slide {\n          .birthday-usercard {\n            .btn-user {\n              img {\n                height: 55px;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .project-analytics {\n      .analytics-data {\n        .balance-data {\n          display: none;\n        }\n      }\n    }\n\n    .schedule-calender {\n      .schedule-wrapper {\n        justify-content: flex-start;\n        display: flex;\n      }\n\n      .tab-content {\n        .activity-update {\n          display: flex;\n          flex-wrap: wrap;\n\n          >li {\n            flex: 0 0 50%;\n            margin-bottom: 10px;\n\n            .left-schedule,\n            .right-schedule {\n              flex: 1;\n            }\n\n            &:nth-child(5) {\n              border-bottom: unset;\n              padding-bottom: unset;\n              margin-bottom: 0;\n            }\n\n            &:last-child {\n              margin-bottom: 0;\n            }\n          }\n        }\n      }\n\n      #thu {\n        .activity-update {\n          >li {\n            &:nth-child(3) {\n              border-bottom: unset;\n              padding-bottom: unset;\n              margin-bottom: 0;\n            }\n          }\n        }\n      }\n\n      #frd,\n      #sun {\n        .activity-update {\n          >li {\n            &:first-child {\n              border-bottom: unset;\n              padding-bottom: unset;\n              margin-bottom: 0;\n            }\n          }\n        }\n      }\n    }\n\n    .interviewer-users {\n      ul {\n        li {\n          padding: 14px 18px;\n        }\n      }\n    }\n\n    // Dashboard-10\n    .treading-product {\n      .recent-table {\n        &.referral-visit {\n          table {\n\n            thead,\n            tbody {\n              tr {\n\n                td,\n                th {\n                  &:nth-child(2) {\n                    display: none;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .main-session-devices {\n      .apexcharts-canvas {\n        transform: scale(0.67);\n      }\n    }\n\n    .common-m-chart {\n      .apexcharts-canvas {\n        .apexcharts-bar-series {\n          .apexcharts-datalabels {\n            .apexcharts-datalabel {\n              display: none;\n            }\n          }\n        }\n      }\n    }\n\n    .analytics-widget {\n      .btn {\n        padding: 8px 14px;\n        font-size: 14px;\n      }\n\n      h5 {\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        overflow: hidden;\n      }\n\n      .card-text {\n        display: -webkit-box;\n        max-width: 100%;\n        height: 46px;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: unset;\n      }\n    }\n\n    .page-analytics-table {\n      .recent-table {\n        div.dt-container {\n          .dt-layout-row {\n            .dt-layout-cell {\n              .dt-search {\n                position: relative;\n                top: 4px;\n                left: 20px;\n                width: 90%;\n                margin-bottom: 20px;\n              }\n            }\n          }\n        }\n\n        .table {\n\n          thead,\n          tbody {\n            tr {\n\n              th,\n              td {\n                &:nth-child(5) {\n                  display: none;\n                }\n\n                &:nth-child(4) {\n                  display: none;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .analytics-tread-card {\n      .header-top {\n        .common-align {\n          >span {\n            display: none;\n          }\n        }\n\n        >div {\n          span {\n            white-space: nowrap;\n            text-overflow: ellipsis;\n            overflow: hidden;\n            max-width: 130px;\n          }\n        }\n      }\n    }\n\n    .analytics-tread-card {\n      .session-progress {\n        top: -11px;\n\n        .progress {\n          height: 8px;\n          margin: 90px 0 20px;\n\n          .small-progressbar {\n            top: -3px;\n            width: 14px;\n            height: 14px;\n          }\n\n          .progress-label {\n            top: -50px;\n            right: -16px;\n            font-size: 12px;\n          }\n        }\n      }\n\n      &.retention-progress {\n        .card-body {\n          .progress {\n            margin-top: 60px;\n\n          }\n        }\n      }\n    }\n\n    .bounce-rate-wrapper {\n      margin: -9px -20px -30px 0px;\n    }\n\n    .visit-duration-wrapper {\n      margin: -12px 35px -30px 0px;\n    }\n\n    .session-browser-table {\n      .table-responsive {\n        .table {\n          thead.tbody {\n            tr {\n\n              th,\n              td {\n                padding-block: 7px;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    // Dashboard-9\n    // Leads table\n    .lead-table {\n      &.recent-table {\n\n        thead,\n        tbody {\n          tr {\n\n            th,\n            td {\n              .btn {\n                padding: 6px 16px;\n              }\n\n              .common-flex {\n                .lead-img {\n\n                  height: 28px;\n\n                }\n              }\n\n              &:nth-child(3) {\n                display: none;\n              }\n\n              &:nth-child(3) {\n                display: none;\n              }\n\n              &:nth-child(2) {\n                display: none;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    // Dashboard-8\n    .our-product-wrapper {\n      .our-product-content {\n        .add-quantity {\n          padding: 4px 8px;\n          gap: 8px;\n        }\n      }\n    }\n\n    .order-details {\n      .search-items {\n        button {\n          padding: 6px 10px;\n        }\n      }\n\n      .order-quantity {\n        .order-details-wrapper {\n          gap: 8px;\n\n          .left-details {\n            .order-img {\n              width: 80px;\n              height: 74px;\n\n              img {\n                width: 75px;\n              }\n            }\n          }\n\n          .category-details {\n            flex-direction: column;\n            gap: 12px;\n            align-items: flex-start;\n\n            .right-details {\n              .touchspin-wrapper {\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n              }\n\n              .btn-touchspin {\n                border-radius: 50px;\n                width: 27px;\n                height: 27px;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                border: unset;\n                background-color: var(--white);\n\n                @media (min-width:1400px) and (max-width:1920px) {\n                  width: calc(18px + (27 - 18) * ((100vw - 1400px) / (1920 - 1400)));\n                  height: calc(18px + (27 - 18) * ((100vw - 1400px) / (1920 - 1400)));\n                }\n              }\n\n              input[type='number'] {\n                width: 25px;\n                padding: 10px 0;\n                text-align: center;\n                border: unset;\n                background-color: unset;\n                color: var(--body-font-color);\n\n                @media (max-width:1700px) {\n                  padding: 0;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .payment-methods {\n      .bg-payment {\n        width: 75px;\n        height: 71px;\n      }\n    }\n\n    // Dashboard-7\n    .unpaid-fees-table {\n      .recent-table {\n        &.table-responsive {\n          div.dt-container {\n            .dt-layout-row {\n              &:last-child {\n                flex-direction: column;\n\n              }\n            }\n          }\n        }\n\n        &.table-responsive {\n          table {\n\n            thead,\n            tbody {\n\n              th,\n              td {\n\n                &:nth-child(3) {\n                  display: none;\n                }\n\n                &:nth-child(4) {\n                  display: none;\n                }\n\n                &:nth-child(2) {\n                  .common-align {\n                    img {\n                      display: none;\n                    }\n                  }\n                }\n\n                &:nth-child(5) {\n                  display: none;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .top-student-table {\n      .recent-table {\n        &.table-responsive {\n          div.dt-container {\n            .dt-layout-row {\n              &:last-child {\n                flex-direction: column;\n\n              }\n            }\n          }\n        }\n\n        table {\n\n          thead,\n          tbody {\n\n            th,\n            td {\n\n              &:nth-child(2) {\n                display: none;\n              }\n\n              &:nth-child(3) {\n                .common-align {\n                  img {\n                    display: none;\n                  }\n                }\n              }\n\n              &:nth-child(6) {\n                display: none;\n              }\n\n              &:nth-child(4) {\n                display: none;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .attendance-data {\n      ul {\n        &.balance-data {\n          position: relative;\n          top: 0;\n          left: 0;\n          display: inline-flex;\n        }\n      }\n    }\n\n    .new-enroll-student {\n      .recent-table {\n        &.table-responsive {\n          div.dt-container {\n            .dt-layout-row {\n              .dt-layout-cell {\n                .dt-search {\n                  position: relative;\n                  top: 4px;\n                  left: 20px;\n                  margin-bottom: 20px;\n                  width: 75%;\n                }\n              }\n\n              &:last-child {\n                flex-direction: column;\n              }\n            }\n          }\n        }\n\n        table {\n\n          thead,\n          tbody {\n\n            th,\n            td {\n\n              &:nth-child(4) {\n                display: none;\n              }\n\n              &:nth-child(2) {\n                display: none;\n              }\n\n              &:nth-child(3) {\n                display: none;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .std-class-chart {\n      .apexcharts-legend {\n        gap: 8px !important;\n      }\n    }\n\n    .attendance-student-data {\n      margin: 32px 0px -20px -15px;\n    }\n\n    // Dashboard-6\n    .upgrade-plan {\n      &.mobile-app-card {\n        .card-body {\n          margin-top: 0;\n        }\n      }\n    }\n\n    // Dashboard-5\n    .follower-wrap {\n\n      .card-body,\n      .card-header {\n        padding: 22px;\n      }\n\n      .papernote-wrap {\n        >span {\n          display: block;\n          display: -webkit-box;\n          -webkit-line-clamp: 2;\n          -webkit-box-orient: vertical;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n\n    .mobile-app-card {\n      .card-body {\n        margin-top: 45px;\n\n        .wavy {\n          margin-top: -36px;\n          width: 32px;\n          margin-right: -58px;\n        }\n\n        img {\n          &:not(.wavy) {\n            height: 120px;\n          }\n        }\n      }\n    }\n\n    .campaign-table {\n      &.recent-table {\n        table {\n          tr {\n\n            th,\n            td {\n\n              &:nth-child(3),\n              &:nth-child(6) {\n                display: none;\n              }\n            }\n\n          }\n        }\n      }\n\n      .recent-table {\n        &.table-responsive {\n          div.dt-container {\n            .dt-layout-row {\n              &:last-child {\n                flex-direction: column;\n              }\n\n            }\n          }\n\n          table {\n\n            thead,\n            tbody {\n              tr {\n\n                td,\n                th {\n\n                  &:nth-child(3) {\n                    display: none;\n                  }\n\n                  &:last-child {\n                    display: none;\n                  }\n\n                  &:nth-child(6) {\n                    display: none;\n                  }\n\n                  &:nth-child(5) {\n                    padding-right: 20px;\n\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .social-clicks {\n      .analytics-tread-card {\n        .card-header {\n          .common-align {\n            span {\n              &:first-child {\n                overflow: hidden;\n                text-overflow: ellipsis;\n                white-space: nowrap;\n              }\n            }\n\n            span {\n              &:nth-child(2) {\n                display: none;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .follower-country {\n      #countryMap {\n        height: 345px;\n      }\n    }\n\n    // Dashboard-4\n    .currency-table {\n      &.recent-table {\n        &.average-sale {\n          &.table-responsive {\n            div.dt-container {\n              .dt-layout-row {\n                &:last-child {\n                  flex-direction: column;\n                }\n              }\n            }\n\n            thead,\n            tbody {\n              tr {\n\n                th,\n                td {\n                  &:last-child {\n                    display: none;\n                  }\n\n                  &:nth-child(4) {\n                    display: none;\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        &.performer-table {\n          &.table-responsive {\n            div.dt-container {\n              .dt-layout-row {\n                &:last-child {\n                  flex-direction: column;\n                }\n              }\n            }\n\n            thead,\n            tbody {\n              tr {\n\n                th,\n                td {\n                  &:last-child {\n                    display: none;\n\n                  }\n\n                  &:nth-child(3) {\n                    display: none;\n                  }\n\n\n                  &:nth-child(5) {\n                    padding-right: 20px;\n                  }\n\n\n                  &:nth-child(4) {\n                    display: none;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .transaction-card {\n      .transaction-table {\n        table {\n          tbody {\n            tr {\n              &:nth-child(6) {\n                td {\n                  padding-bottom: 0;\n                }\n              }\n\n              &:last-child {\n                td {\n                  display: none;\n                  border-bottom: none;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    // Dashboard-3\n    .t-top-mentor {\n      .table-responsive {\n        div.dt-container {\n          .dt-layout-row {\n            &:last-child {\n              flex-direction: column;\n\n            }\n          }\n        }\n      }\n\n      thead,\n      tbody {\n        tr {\n\n          th,\n          td {\n            img {\n              height: 32px;\n            }\n\n\n            &:nth-child(3) {\n              display: none;\n\n            }\n\n            img {\n              height: 38px;\n            }\n          }\n        }\n      }\n    }\n\n    .completed-course-table {\n      .table-responsive {\n        div.dt-container {\n          .dt-layout-row {\n            &:last-child {\n              flex-direction: column;\n\n            }\n          }\n        }\n      }\n\n      thead,\n      tbody {\n        tr {\n\n          th,\n          td {\n            &:last-child {\n              display: none;\n            }\n\n            &:nth-child(2) {\n              .common-flex {\n                gap: 7px;\n              }\n            }\n\n            &:nth-child(4) {\n              display: none;\n            }\n\n            .common-flex {\n              gap: 10px;\n            }\n          }\n        }\n      }\n    }\n\n    //  Dashboard-2\n    .balance-widget {\n      .mobile-right-img {\n        right: -18%;\n      }\n    }\n\n    .recent-order {\n      table {\n        tr {\n\n          th,\n          td {\n            &:nth-child(2) {\n              min-width: 97px;\n            }\n          }\n        }\n      }\n    }\n\n    .frame-box {\n      .frame-image {\n        min-width: 40px;\n        height: 40px;\n\n        img {\n          height: 22px;\n          width: 30px;\n          object-fit: contain;\n        }\n      }\n    }\n\n    .purchase-card.discover {\n      .card-body {\n        img {\n          margin-top: -75px;\n        }\n      }\n    }\n\n    .payment-gateway {\n      .pay-box {\n        .outer-line {\n          .outer-svg-box {\n            width: 29px;\n            height: 29px;\n\n            svg {\n              width: 16px;\n              height: 16px;\n            }\n          }\n        }\n      }\n    }\n\n    .seller-table {\n\n      thead,\n      tbody {\n        tr {\n\n          th,\n          td {\n            &:nth-child(3) {\n              display: none;\n            }\n          }\n        }\n      }\n    }\n\n    .treading-product {\n      .table-responsive {\n        .table {\n\n          thead,\n          tbody {\n            tr {\n\n              th,\n              td {\n\n                .common-flex {\n                  gap: 8px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    // Default Dashboard\n    .widget-1 {\n      .f-w-500 {\n        display: none;\n      }\n\n      .card-body {\n        padding: 18px;\n      }\n\n      .widget-round {\n        .bg-round {\n          width: 40px;\n          height: 40px;\n\n          svg {\n            width: 22px;\n            height: 22px;\n          }\n\n          .half-circle {\n            height: 40px;\n            left: -10px;\n            width: 30px;\n            bottom: -8px;\n          }\n        }\n      }\n    }\n\n    .profile-box {\n      height: 206px;\n\n      .cartoon {\n        right: 30px;\n        text-align: right;\n\n        img {\n          width: 70%;\n        }\n      }\n    }\n\n    .target-content {\n      .common-box {\n        ul {\n          li {\n            &:last-child {\n              display: none;\n            }\n          }\n        }\n      }\n\n      p {\n        margin-block: 21px;\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\n    .visitor-chart {\n      .common-flex {\n        gap: 4px;\n\n        p {\n          display: none;\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    .buy-card {\n      .card-body {\n        margin-inline: 6px;\n      }\n\n      img {\n        height: 295px;\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    .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    }\n\n    .widget-1 {\n      &.mb-xl-0 {\n        margin-bottom: 25px !important;\n      }\n    }\n\n    .radial-progress-card {\n      .radial-chart-wrap {\n        margin-right: -10px;\n      }\n    }\n\n    .currency-widget {\n      div[class*=bg-light-] {\n        h5 {\n          display: none;\n        }\n      }\n    }\n\n    .box-order {\n      .order-1 {\n        order: 1 !important;\n      }\n    }\n\n    .activity-card {\n      .appointment-table {\n        &.customer-table {\n          height: 187px;\n        }\n      }\n    }\n\n    .transaction-table {\n      tr {\n        td {\n          &:first-child {\n            min-width: 150px;\n          }\n        }\n      }\n    }\n\n    .welcome-card {\n      .welcome-img {\n        height: 170px;\n        bottom: -22px;\n      }\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 - 191px);\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(68, 102, 242, 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(68, 102, 242, 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(68, 102, 242, 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      .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        .todo {\n          .todo-list-wrapper {\n            #todo-list {\n              li {\n                .task-responsive {\n                  min-width: 1087px;\n                  overflow: auto;\n                }\n              }\n            }\n          }\n        }\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\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        }\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      .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\n      .box-col-4 {\n        flex: 0 0 33.33%;\n        max-width: 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 #ddd;\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  @media (max-width:1500px) {\n    .bounce-rate-wrapper {\n      margin: -38px -20px -30px 0px;\n    }\n\n    .visit-duration-wrapper {\n      margin: -42px 35px -30px 0px;\n    }\n  }\n\n  @media (max-width:1290px) {\n    .our-product-wrapper {\n      .our-product-content {\n        .add-quantity {\n          gap: 5px;\n        }\n      }\n    }\n  }\n\n  @media (min-width:1211px) {\n    .std-class-chart {\n      margin-block: 64px;\n    }\n  }\n\n  .payment-methods {\n    .bg-payment {\n      @media (max-width:1585px) and (min-width:1486px) {\n        width: 68px;\n        height: 68px;\n      }\n\n      @media (max-width:1485px) and (min-width:1446px) {\n        width: 64px;\n        height: 64px;\n      }\n\n      @media (max-width:1445px) and (min-width:1456px) {\n        width: 64px;\n        height: 64px;\n      }\n\n      @media (max-width:1455px) and (min-width:1200px) {\n        width: 60px;\n        height: 60px;\n      }\n\n    }\n  }\n\n  @media (max-width:1410px) {\n    .std-class-chart {\n      .apexcharts-legend {\n        gap: 0 !important;\n      }\n    }\n  }\n}\n\n/**=====================\n  5.9 Box-layout CSS Ends\n==========================**/","/**=====================\n  4.2 Theme-customizer CSS Start\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: #fff;\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  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\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    p {\n      i {\n        padding-left: 4px;\n      }\n    }\n  }\n\n  .customizer-body {\n    padding: 15px 25px;\n    max-height: calc(100vh - 200px);\n    overflow-y: scroll;\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    .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    }\n\n    .tab-pane {\n      >h6 {\n        &:first-child {\n          padding-top: 0;\n          margin-top: 0;\n        }\n      }\n    }\n\n    li {\n      cursor: pointer;\n      opacity: 0.9;\n\n      &.active {\n        opacity: 1;\n      }\n    }\n\n    .color-layout {\n      height: 35px;\n      width: 35px;\n      border-radius: 6px;\n      display: inline-block;\n      margin-right: 3px;\n      border: 1px solid #b8b8b8;\n      padding: 3px;\n\n      >div {\n        background-color: #7366ff;\n        height: 100%;\n        width: 100%;\n        border-radius: 5px;\n      }\n\n      &[data-attr=\"color-2\"] {\n        div {\n          background-color: #4831D4;\n        }\n      }\n\n      &[data-attr=\"color-3\"] {\n        div {\n          background-color: #d64dcf;\n        }\n      }\n\n      &[data-attr=\"color-4\"] {\n        div {\n          background-color: #4c2fbf;\n        }\n      }\n\n      &[data-attr=\"color-5\"] {\n        div {\n          background-color: #7c4dff;\n        }\n      }\n\n      &[data-attr=\"color-6\"] {\n        div {\n          background-color: #3949ab;\n        }\n      }\n    }\n\n    .dark {\n      >li {\n        background-color: #2f3c4e;\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: 6px;\n        }\n      }\n\n      .box-layout {\n        .body {\n          .badge {\n            left: -14px;\n          }\n        }\n      }\n    }\n\n    .sidebar-type,\n    .sidebar-setting {\n      >li {\n        height: 70px;\n        width: 85px;\n        border: 1px solid $light-color;\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      margin-bottom: -30px;\n\n      >li {\n        display: block;\n        width: unset;\n        height: unset;\n        margin-bottom: 30px;\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}\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: var(--theme-secondary);\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      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\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.default-according {\n    .card {\n        .card-header {\n            padding: 0;\n            border: none;\n            border-radius: 0;\n            border-top-left-radius: 5px;\n            border-top-right-radius: 5px;\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-roboto;\n                border: 1px solid $light-semi-gray;\n                border-radius: 0;\n                border-top-left-radius: 5px;\n                border-top-right-radius: 5px;\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: $light-semi-gray;\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\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: 0 9px 9px -5px rgba($primary-color, 0.3);\n        border-color: rgba($primary-color, 0.3);\n    }\n}\n\n// faq css end\n.job-filter {\n    .faq-form {\n        .form-control {\n            font-size: 14px;\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        display: flex;\n        justify-content: center;\n        align-items: center;\n        background-size: cover;\n        background-position: center;\n\n        img {\n            display: block;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n    }\n\n    body {\n        background: $dark-color;\n        color: $dark-color;\n    }\n\n    .mySwiper2 {\n        height: 80%;\n        width: 100%;\n    }\n\n    .mySwiper {\n        height: 20%;\n        box-sizing: border-box;\n        padding: 10px 0;\n\n        .swiper-slide {\n            width: 25%;\n            height: 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                    overflow: hidden;\n                    text-overflow: ellipsis;\n                    white-space: nowrap;\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: 15px 15px 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            .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            }\n        }\n    }\n}\n\n.animate-widget {\n    img {\n        border-radius: 10px;\n    }\n}\n\n// TO-DO scss\n.task-container {\n    .badge {\n        line-height: 13px;\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}\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                width: 0;\n                height: 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(68, 102, 242, 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        }\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// 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        }\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                            padding: 4px 6px;\n\n                        }\n                    }\n                }\n            }\n        }\n    }\n\n    .todo-list-header {\n        .new-task-wrapper {\n            .form-control {\n                &.error {\n                    margin: 0px;\n                }\n            }\n        }\n    }\n\n    .todo {\n        .todo-list-wrapper {\n            #todo-list {\n                .task {\n                    .task-container {\n                        padding: 6px 0;\n\n                        .task-action-btn {\n                            .action-box {\n                                &:hover {\n                                    border: 1px solid $transparent-color !important;\n                                }\n                            }\n                        }\n                    }\n\n                    &:first-child {\n                        .task-container {\n                            border-top: 0;\n                            padding-top: 0;\n                        }\n                    }\n\n                    &:last-child {\n                        .task-container {\n                            border-bottom: 0;\n                            padding-bottom: 0;\n                        }\n                    }\n                }\n            }\n        }\n\n        .notification-popup {\n            z-index: 5;\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    4.3 Update CSS Ends\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(255, 255, 255, 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: $light-all-font-color;\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.4);\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// ========================================== 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\n\t\t// =====================================End======================-=========\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-inbox;\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.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\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// 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\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.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}\n\n\t\t.form-select {\n\t\t\tcolor: $dark-all-font-color;\n\t\t}\n\n\t\t.add-project {\n\t\t\t.text-inherit {\n\t\t\t\tcolor: $dark-all-font-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\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-border-color;\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\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// 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}\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: $bg-dark-color;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tcolor: $bg-dark-color;\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}\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\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-card-inbox;\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-card-inbox;\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-card-inbox;\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-card-inbox;\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-card-inbox;\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-card-inbox;\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-card-inbox;\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-card-inbox;\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-card-inbox;\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-card-inbox;\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: $dark-border-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// tooltip css end\n\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\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.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\tbackground-color: $dark-card-background;\n\t\t\tbackground-blend-mode: overlay;\n\n\t\t\t.login-main {\n\t\t\t\tbackground-color: $dark-card-inbox;\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.light-font {\n\t\t\tcolor: rgba(255, 255, 255, 70%);\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.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\tbackground-color: $dark-card-background;\n\t\t\t\t\tbox-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\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 4px 40px rgb(50 56 70);\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\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\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.active {\n\t\t\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t\t\tstroke: 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 {\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: rgba($primary-color, 0.2);\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&.active {\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\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-type {\n\t\t\t\t.page-header {\n\t\t\t\t\t.header-wrapper {\n\t\t\t\t\t\tborder-radius: 15px 15px 0 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// material icon css\n\t\t\t&.material-icon {\n\t\t\t\t.page-header {\n\t\t\t\t\t.header-wrapper {\n\t\t\t\t\t\tbackground-color: $transparent-color;\n\n\t\t\t\t\t\t.nav-right {\n\n\t\t\t\t\t\t\t.language-nav {\n\t\t\t\t\t\t\t\t.more_lang {\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\n\t\t\t\t\t\t\t.onhover-show-div {\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.flip-card {\n\t\t\t\t\t\t\t\t.flip-card-inner {\n\t\t\t\t\t\t\t\t\t.back {\n\t\t\t\t\t\t\t\t\t\t.flip-back-content {\n\t\t\t\t\t\t\t\t\t\t\tinput {\n\t\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\t\tbackground: $dark-body-background;\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\t\t\t\t\t}\n\n\t\t\t\t\t.header-logo-wrapper {\n\t\t\t\t\t\tbackground-color: $transparent-color;\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\tbackground-color: $transparent-color;\n\t\t\t\t\t}\n\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.advance-layout {\n\t\t\t\tbackground-color: $dark-body-background;\n\n\t\t\t\t.page-header {\n\t\t\t\t\t.header-wrapper {\n\t\t\t\t\t\tbackground: $transparent-color;\n\n\t\t\t\t\t\t.header-logo-wrapper {\n\t\t\t\t\t\t\tbackground: $transparent-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.page-body-wrapper {\n\t\t\t\t\tbackground: $transparent-color;\n\n\t\t\t\t\t.page-body {\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\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@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: invert(1);\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\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: $dark-card-inbox;\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-body-background;\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-sidebar {\n\t\t\t.pricing-plan {\n\t\t\t\tborder: 1px solid rgba($primary-color, 0.15) !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\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.list-persons {\n\t\t\t.profile-mail {\n\t\t\t\t.d-flex {\n\t\t\t\t\t.flex-grow-1 {\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: 2px 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.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\t\t\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// 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\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.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.search-page {\n\t\t\t.nav {\n\t\t\t\t&.nav-tabs {\n\t\t\t\t\tborder-bottom: unset;\n\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: $dark-card-inbox;\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\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\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\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: var(--theme-secondary);\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\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\tbackground-color: $dark-body-background;\n\t\t\t--bs-popover-header-bg: unset;\n\n\t\t\t.popover-header {\n\t\t\t\tbackground-color: $dark-card-background;\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\t\t.order-box {\n\t\t\t.title-box {\n\t\t\t\tcolor: #bfc2c6;\n\t\t\t\tborder-bottom: 1px solid $dark-border-color;\n\t\t\t}\n\n\t\t\t.qty {\n\t\t\t\tli {\n\t\t\t\t\tcolor: #bfc2c6;\n\n\t\t\t\t\tspan {\n\t\t\t\t\t\tcolor: #bfc2c6;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tborder-bottom: 1px solid $dark-border-color;\n\t\t\t}\n\n\t\t\t.sub-total {\n\t\t\t\tli {\n\t\t\t\t\tcolor: #bfc2c6;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.total {\n\t\t\t\tli {\n\t\t\t\t\tcolor: #bfc2c6;\n\t\t\t\t}\n\t\t\t}\n\t\t}\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\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-border-color;\n\t\t\tborder-bottom: 1px solid $dark-border-color;\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\tstroke: $white;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.mode {\n\t\t\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\t\t\tfill: $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\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: $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.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\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\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\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\tstroke: $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-blend-mode: overlay;\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.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\n\t\t\t\t\t\t\tthead,\n\t\t\t\t\t\t\ttbody {\n\t\t\t\t\t\t\t\t.border-bottom-light {\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 $dark-card-border !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&.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\t\t\t\t\t\t\tborder-bottom: 1px solid $dark-card-border;\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.4);\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\t\t\t\t\t\t&.basic-dark-card {\n\t\t\t\t\t\t\t.card-header {\n\t\t\t\t\t\t\t\tborder-bottom: 1px solid $dark-small-font-color !important;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.card-footer {\n\t\t\t\t\t\t\t\tborder-top: 1px solid $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-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\tthead,\n\t\t\t\t\t\ttbody,\n\t\t\t\t\t\ttfoot,\n\t\t\t\t\t\ttr,\n\t\t\t\t\t\ttd,\n\t\t\t\t\t\tth {\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.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: $dark-card-border;\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.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.b-l-light {\n\t\t\t\t\t\t\tborder-left: 1px solid $dark-border-color !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\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\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.b-r-light {\n\t\t\t\t\t\t\tborder-right: 1px solid $dark-body-background !important;\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-border-color;\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-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// bookmark\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\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: $dark-all-font-color;\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-small-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\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-border-color;\n\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-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-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-border-color;\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: $dark-datatable-sorting;\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-border-color;\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: none;\n\t\t\t\t\t\t\t\tborder-top: 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.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-body-background !important;\n\t\t\t\t\t}\n\n\t\t\t\t\t.border-2 {\n\t\t\t\t\t\tborder: 2px solid $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-body-background !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.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$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\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-left-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: 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.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(var(--theme-default), var(--bs-border-opacity)) !important;\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\t\t\t\t}\n\n\t\t\t\t.footer {\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\n\t\t\t\t\tborder-top: 1px solid $dark-body-background;\n\t\t\t\t\tbackground-color: $dark-card-background;\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;\n\t\t\t\tborder: 1px solid $dark-body-background;\n\t\t\t\tcolor: rgba(255, 255, 255, 0.6);\n\n\t\t\t\ti {\n\t\t\t\t\tcolor: rgba(255, 255, 255, 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(255, 255, 255, 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-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: $theme-font-color;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.list-light-white {\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tcolor: rgba($white , 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\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\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 var(--theme-secondary);\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 $warning-color;\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-border-color;\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-border-color;\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-top: 1px solid $dark-border-color;\n\t\t\t\t\t\tborder-bottom: 1px solid $dark-border-color;\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\tborder-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: var(--theme-secondary);\n\t\t\t\t\t\tborder: 1px solid var(--theme-secondary);\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.user-profile {\n\t\t\t\t\t.hovercard {\n\t\t\t\t\t\t.info {\n\t\t\t\t\t\t\t.user-designation {\n\t\t\t\t\t\t\t\tborder-top: 1px solid $dark-card-border;\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-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\n\t\t\t.form-divider {\n\t\t\t\tborder-top: 1px solid $dark-border-color;\n\n\t\t\t\t&::before {\n\t\t\t\t\tbackground: $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.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: var(--theme-secondary);\n\t\t\t\t\tcolor: var(--theme-secondary) !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: var(--theme-secondary);\n\t\t\t\tcolor: var(--theme-secondary) !important;\n\t\t\t}\n\n\t\t\t.nav-item.show {\n\t\t\t\tcolor: var(--theme-secondary) !important;\n\t\t\t\tborder-left-color: var(--theme-secondary);\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: var(--theme-secondary) !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: var(--theme-secondary) !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-border-color;\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\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\n\t\t\tcolor: $dark-all-font-color;\n\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.todo {\n\t\t\t.todo-list-wrapper {\n\t\t\t\t#todo-list {\n\t\t\t\t\tli {\n\t\t\t\t\t\t.task-container {\n\t\t\t\t\t\t\tbackground: $dark-card-background;\n\t\t\t\t\t\t\tborder-bottom: 1px solid $dark-border-color;\n\n\t\t\t\t\t\t\t.task-label {\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&:hover {\n\t\t\t\t\t\t\t\th4 {\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\n\t\t\t\t\t\t\t.task-action-btn {\n\t\t\t\t\t\t\t\t.action-box {\n\t\t\t\t\t\t\t\t\t&:hover:not(.active) {\n\t\t\t\t\t\t\t\t\t\tbackground: $dark-card-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\n\t\t\t\t\t\t&.completed {\n\t\t\t\t\t\t\t.task-container {\n\t\t\t\t\t\t\t\t.task-label {\n\t\t\t\t\t\t\t\t\tcolor: var(--theme-default);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.complete-btn {\n\t\t\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\t\t\tborder: 1px solid $success-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\t\t\t\t}\n\n\t\t\t\t.todo-list-footer {\n\t\t\t\t\t.new-task-wrapper {\n\t\t\t\t\t\ttextarea {\n\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\t\t\t\t\t\t\tborder: 1px solid $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\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: 10px solid $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-scoial {\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\tbackground-color: rgba(54, 64, 74, 0.9);\n\t\t\tborder: rgba(255, 255, 255, 0.5);\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: $btn-color !important;\n\t\t\t\t\t\t\t\tborder-color: $btn-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\t+span {\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\tp,\n\t\t\t\t\t.light-span {\n\t\t\t\t\t\tcolor: $dark-small-font-color;\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: $dark-small-font-color;\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: $dark-small-font-color;\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: $dark-small-font-color;\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: $dark-small-font-color;\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//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: 0px 0px 10px 3px $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\tbackground-color: $dark-card-inbox;\n\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\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\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\n\t\t\t\t\t\t\tfill: $dark-body-background;\n\t\t\t\t\t\t\tstroke: $bg-dark-color;\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\n\t\t\t\t\tinput[type='checkbox']:checked {\n\t\t\t\t\t\t~div {\n\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\tcolor: $bg-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// Typeahead alert\n\t\t.common-alert {\n\t\t\t.btn-close {\n\t\t\t\tfilter: grayscale(1);\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-\"] {\n\t\t\t\t\tp {\n\t\t\t\t\t\tcolor: $bg-dark-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&[class*=\"alert-light-\"] {\n\t\t\t\t\t.btn-close {\n\t\t\t\t\t\tfilter: none;\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: $dark-card-inbox;\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-border-color;\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\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\n\t\t\t\tborder: 1px solid $dark-card-border;\n\t\t\t\tbackground-color: $dark-card-border;\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\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.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.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\t\t\t}\n\t\t}\n\n\t\t// Modal dark mode\n\t\t.dark-sign-up {\n\t\t\th3 {\n\t\t\t\tcolor: $dark-card-background;\n\t\t\t}\n\n\t\t\tp {\n\t\t\t\tcolor: $dark-card-background;\n\t\t\t}\n\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\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// 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-inbox;\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: $bg-dark-color;\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-card-inbox;\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: $theme-font-color;\n\t\t\t}\n\n\t\t\t.btn-close {\n\t\t\t\tfilter: brightness(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-card-inbox;\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.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// 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: $light-all-font-color;\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// 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.student-leader-wrapper {\n\t\t\t.student-leader-content {\n\t\t\t\tborder-bottom-color: $dark-card-border;\n\t\t\t}\n\t\t}\n\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.task-table {\n\t\t\t.main-task-wrapper {\n\t\t\t\t.square-white {\n\t\t\t\t\tbox-shadow: unset;\n\t\t\t\t\tborder: 1px solid transparent;\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.income-wrapper {\n\t\t\tul {\n\t\t\t\tli {\n\t\t\t\t\t+li {\n\t\t\t\t\t\tborder-left: 1px dashed $dark-card-border;\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: 1px dashed $dark-card-border;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@media (max-width:1735px) {\n\t\t\t\t\t\t\tborder-left: unset;\n\n\t\t\t\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\t\t\t\tborder-right: 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\t\t\t}\n\t\t}\n\n\t\t.icons-box-2 {\n\t\t\t.open-options {\n\t\t\t\t.dropdown-menu {\n\t\t\t\t\tbackground-color: $dark-body-background;\n\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-inbox;\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-8\n\t\t.main-product-wrapper {\n\t\t\t.product-body {\n\t\t\t\t.product-search {\n\t\t\t\t\t&.input-group {\n\t\t\t\t\t\t>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {\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.input-group-text {\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.form-control {\n\t\t\t\t\t\t\tborder: 1px solid $dark-card-border;\n\t\t\t\t\t\t\tborder-left: unset;\n\t\t\t\t\t\t\tbackground-color: $dark-card-background;\n\n\t\t\t\t\t\t\t[dir=\"rtl\"] & {\n\t\t\t\t\t\t\t\tborder: 1px solid $dark-card-border;\n\t\t\t\t\t\t\t\tborder-right: 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\t\t\t}\n\t\t}\n\n\t\t.shop-category-slider {\n\t\t\t.swiper-wrapper {\n\t\t\t\t.category-title {\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.our-product-wrapper {\n\t\t\tbox-shadow: 0px 3px 17px rgb(113 113 137 / 18%);\n\t\t}\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.create-customers {\n\t\t\t.modal-body {\n\t\t\t\t.dark-sign-up {\n\t\t\t\t\tform {\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\n\t\t\t\t\t\t.form-control {\n\t\t\t\t\t\t\tcolor: $light-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\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\t\t.compare-order {\n\t\t\t.card-body {\n\t\t\t\t.user-text {\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.compare-icon {\n\t\t\t\t&[class*=\"shadow-\"] {\n\t\t\t\t\tbox-shadow: 0px 10.511241px 12.4089927673px 0px $dark-card-inbox;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.pipeline-data {\n\t\t\t.common-flex {\n\t\t\t\tspan {\n\t\t\t\t\tcolor: rgba($dark-all-font-color, 0.4);\n\n\t\t\t\t}\n\t\t\t}\n\t\t}\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-light {\n\t\t\t\tbackground-color: $dark-body-background;\n\t\t\t}\n\t\t}\n\n\t\t// Dashboard-10\n\t\t.main-session-devices {\n\t\t\t.progress {\n\t\t\t\tbackground: $dark-body-background;\n\t\t\t}\n\t\t}\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.project-finish-card {\n\t\t\t.project-left-content {\n\t\t\t\t.progress {\n\t\t\t\t\tbackground: linear-gradient(180.36deg, $dark-card-border -32.82%, $dark-body-background 99.69%);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.employee-list-table {\n\t\t\t&.recent-table {\n\t\t\t\ttable {\n\t\t\t\t\ttbody {\n\t\t\t\t\t\t.square-white {\n\t\t\t\t\t\t\tbox-shadow: 0px 0px 16px -2px rgba(255, 255, 255, 0.1);\n\n\t\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\t\tfill: $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// Timeline\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\tbackground: $bg-dark-color;\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\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// 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.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// 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: $light-all-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\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.cmt-box {\n\t\t\ti {\n\t\t\t\tbackground-color: $dark-card-inbox;\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-card-inbox;\n\t\t\t}\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-border-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.8);\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.3);\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.4);\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\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\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\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: $light-all-font-color;\n\t\t\tbackground-color: $dark-body-background;\n\t\t\tborder-color: $dark-body-background;\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-body-background;\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\t\t\t\t\tborder-color: $dark-border-color;\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.dashboard-5,\n\t\t.dashboard-6,\n\t\t.dashboard-7,\n\t\t.dashboard-09,\n\t\t.dashboard-10,\n\t\t.dashboard-11,\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\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\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 $dark-card-inbox;\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: 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\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: var(--theme-default);\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\t\t}\n\n\t\t// Advance Init table\n\t\ttd.highlight {\n\t\t\tbackground-color: $dark-datatable-odd !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-body-background;\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-body-background;\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-body-background;\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-body-background;\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-body-background;\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-body-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// Dashboard-3\n\t\t.default-inline-calender {\n\t\t\t.main-inline-calender {\n\t\t\t\t.form-control {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.flatpickr-calendar {\n\t\t\t\t\tbox-shadow: unset;\n\n\t\t\t\t\t.flatpickr-months {\n\t\t\t\t\t\t.flatpickr-monthDropdown-months {\n\t\t\t\t\t\t\toption {\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\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-datatable-sorting-even;\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: 0px 0px 12px 3px $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\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($primary-color, 0.1);\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: 0px 0px 16px 5px $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.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\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\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.4);\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: $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.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.4);\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// 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-card-inbox;\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: 0px 0px 10px 0px $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: $light-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: $light-all-font-color;\n\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\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\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\tbox-shadow: 0px 0px 28px 6px $dark-body-background;\n\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.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// 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: $light-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: $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.ql-container {\n\t\t\t&.ql-snow {\n\t\t\t\t.ql-editor {\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&.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-body-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\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\tstroke: var(--theme-default);\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\tstroke: $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-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: rgba($primary-color, 0.2);\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: var(--theme-default);\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\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\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==========================**/"]}