{"version":3,"sources":["app.scss","custom/fonts/_fonts.scss","custom/structure/_topbar.scss","_variables.scss","app.css","custom/structure/_page-head.scss","custom/structure/_footer.scss","custom/structure/_right-sidebar.scss","../../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","custom/structure/_vertical.scss","custom/structure/_horizontal-nav.scss","custom/structure/_layouts.scss","custom/components/_root.scss","custom/components/_avatar.scss","custom/components/_alerts.scss","custom/components/_accordion.scss","custom/components/_helper.scss","custom/components/_preloader.scss","custom/components/_forms.scss","custom/components/_widgets.scss","custom/components/_demos.scss","custom/components/_print.scss","custom/plugins/_custom-scrollbar.scss","custom/plugins/_calendar.scss","custom/plugins/_range-slider.scss","custom/plugins/_sweatalert2.scss","custom/plugins/_alertify.scss","custom/plugins/_swiper-slider.scss","custom/plugins/_choices.scss","custom/plugins/_switch.scss","custom/plugins/_gridjs.scss","custom/plugins/_colorpicker.scss","custom/plugins/_datepicker.scss","custom/plugins/_form-editors.scss","custom/plugins/_form-upload.scss","custom/plugins/_form-wizard.scss","custom/plugins/_apexcharts.scss","custom/plugins/_lightbox.scss","custom/plugins/_google-map.scss","custom/plugins/_vector-maps.scss","custom/plugins/_leaflet-maps.scss","custom/pages/_glightbox.scss","custom/pages/_authentication.scss","custom/pages/_kanbanboard.scss","custom/pages/_file-manager.scss","custom/pages/_email.scss","custom/pages/_chat.scss","custom/pages/_coming-soon.scss","custom/pages/_timeline.scss","custom/pages/_ecommerce.scss","custom/pages/_extras-pages.scss"],"names":[],"mappings":"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AA;ALmS5B;AKjS4B;EACI,wDAAA;UAAA,gDAAA;ALmShC;AKhS4B;EACI,wBAAA;UAAA,gBAAA;EACA,iBAAA;EACA,kBAAA;EACA,YAAA;EACA,UAAA;EACA,4CNvZF;ACyrB9B;AKhSgC;EACI,8CNxZJ;AC0rBhC;AK3RgB;EACI,cAAA;EACA,aAAA;EACA,aAAA;EACA,sCNxaP;ACqsBb;AKzR4B;EACI,cAAA;EACA,WAAA;EACA,uBAAA;EACA,iBAAA;EACA,kBAAA;EACA,YAAA;AL2RhC;AKtR4B;EACI,kBAAA;EACA,WAAA;EACA,SAAA;EACA,iCAAA;UAAA,yBAAA;ALwRhC;AKjRwB;EACI,cNxWjB;AC2nBX;AK1QwB;EACI,aAAA;AL4Q5B;;AK/PI;EACI,WNjYG;ACmoBX;AK/PI;EACI,qCNhdU;EMidV,uCNjdU;ACktBlB;AK/PQ;EACI,6CNndmB;ACotB/B;AKzPgB;EACI,6CN5dW;ACutB/B;AKzPoB;EACI,kDN7dY;ACwtBpC;AKxPoB;EACI,mDNhea;AC0tBrC;AKxPwB;EACI,mDNneS;AC6tBrC;AKlPwB;EACI,iDN9eO;EM+eP,6BAAA;ALoP5B;AKlP4B;EACI,wDNlfG;ACsuBnC;AKjP4B;EACI,mDNpfK;ACuuBrC;AKjPgC;EACI,8DNvfC;EMwfD,0DNxfC;AC2uBrC;AK1OgB;EACI,+DAAA;AL4OpB;AK1OoB;EACI,kENngBiB;EMogBjB,+DAAA;AL4OxB;AK1OwB;EACI,+DAAA;AL4O5B;AKtO4B;EACI,+DAAA;ALwOhC;AKtOgC;EACI,sEAAA;EACA,0EAAA;ALwOpC;AK5NI;EACI,kBAAA;AL8NR;AKlN4B;EACI,qCNljBd;EMmjBc,mDN/iBK;ACmwBrC;AKlNgC;EACI,mDNljBC;ACswBrC;AK/MgC;EACI,iDN1jBD;AC2wBnC;AK/MoC;EACI,mDN3jBH;AC4wBrC;AK1MoB;EACI,2CNvkBN;ACmxBlB;AKnMI;EACI,6CNhlBuB;ACqxB/B;;AK/LI;EACI,yBAAA;ALkMR;;AK3LI;EACI,YNpmBY;ACkyBpB;AK5LQ;EAHJ;IAIQ,WAAA;EL+LV;AACF;AK5LI;EACI,YN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A;EACA,6BAAA;EACA,2BAAA;AVqmDJ;;AUhmDI;EACI,kCAAA;AVmmDR;AUlmDQ;EACI,kCAAA;EACA,4BAAA;EACA,eAAA;EACA,iBAAA;EACA,+CAAA;AVomDZ;;AU/lDA;EACI,qBAAA;AVkmDJ;;AU5lDQ;EACI,yBX6IG;EW5IH,cX4IG;ACm9Cf;;AU1lDQ;EACI,0CAAA;EACA,cXqIG;ACw9Cf;;AUtmDQ;EACI,yBX6IG;EW5IH,cX4IG;AC69Cf;;AUpmDQ;EACI,0CAAA;EACA,cXqIG;ACk+Cf;;AUhnDQ;EACI,yBX6IG;EW5IH,cX4IG;ACu+Cf;;AU9mDQ;EACI,0CAAA;EACA,cXqIG;AC4+Cf;;AU1nDQ;EACI,yBX6IG;EW5IH,cX4IG;ACi/Cf;;AUxnDQ;EACI,yCAAA;EACA,cXqIG;ACs/Cf;;AUpoDQ;EACI,yBX6IG;EW5IH,cX4IG;AC2/Cf;;AUloDQ;EACI,yCAAA;EACA,cXqIG;ACggDf;;AU9oDQ;EACI,yBX6IG;EW5IH,cX4IG;ACqgDf;;AU5oDQ;EACI,yCAAA;EACA,cXqIG;AC0gDf;;AUxpDQ;EACI,yBX6IG;EW5IH,cX4IG;AC+gDf;;AUtpDQ;EACI,yCAAA;EACA,cXqIG;ACohDf;;AUlqDQ;EACI,yBX6IG;EW5IH,cX4IG;ACyhDf;;AUhqDQ;EACI,0CAAA;EACA,cXqIG;AC8hDf;;AU5qDQ;EACI,yBX6IG;EW5IH,cX4IG;ACmiDf;;AU1qDQ;EACI,uCAAA;EACA,cXqIG;ACwiDf;;AUtrDQ;EACI,yBX6IG;EW5IH,cX4IG;AC6iDf;;AUprDQ;EACI,yCAAA;EACA,cXqIG;ACkjDf;;AW1tDI;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,kBAAA;EACA,yBZ6FG;EY5FH,kBAAA;EACA,cZ+FG;EY9FH,gBZytBsB;EYxtBtB,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;AX6tDR;AW1tDgB;EACI,iBAAA;AX4tDpB;AWvtDQ;EACI,qBAAA;EACA,eAAA;EACA,YAAA;EACA,WAAA;EACA,iBAAA;EACA,wCZ45CwB;EY35CxB,kBAA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evDP,yBfuDO;AC01Df;Ach5DQ;EACE,cfqDK;AC61Df;;Ac/5DM;EACE,yBfiEO;EehEP,qBfgEO;ACk2Df;;Ac35DM;EACE,qBfwDO;EevDP,yBfuDO;ACu2Df;Ac75DQ;EACE,cfqDK;AC02Df;;Ac56DM;EACE,yBfiEO;EehEP,qBfgEO;AC+2Df;;Acx6DM;EACE,qBfwDO;EevDP,yBfuDO;ACo3Df;Ac16DQ;EACE,cfqDK;ACu3Df;;Acz7DM;EACE,yBfiEO;EehEP,qBfgEO;AC43Df;;Acr7DM;EACE,qBfwDO;EevDP,yBfuDO;ACi4Df;Acv7DQ;EACE,cfqDK;ACo4Df;;Act8DM;EACE,yBfiEO;EehEP,qBfgEO;ACy4Df;;Acl8DM;EACE,qBfwDO;EevDP,yBfuDO;AC84Df;Acp8DQ;EACE,cfqDK;ACi5Df;;Acn9DM;EACE,yBfiEO;EehEP,qBfgEO;ACs5Df;;Ac/8DM;EACE,qBfwDO;EevDP,yBfuDO;AC25Df;Acj9DQ;EACE,cfqDK;AC85Df;;Ach+DM;EACE,yBfiEO;EehEP,qBfgEO;ACm6Df;;Ac59DM;EACE,qBfwDO;EevDP,yBfuDO;ACw6Df;Ac99DQ;EACE,cfqDK;AC26Df;;Ac7+DM;EACE,yBfiEO;EehEP,qBfgEO;ACg7Df;;Acz+DM;EACE,qBfwDO;EevDP,yBfuDO;ACq7Df;Ac3+DQ;EACE,cfqDK;ACw7Df;;Ac1/DM;EACE,yBfiEO;EehEP,qBfgEO;AC67Df;;Act/DM;EACE,qBfwDO;EevDP,yBfuDO;ACk8Df;Acx/DQ;EACE,cfqDK;ACq8Df;;AcvgEM;EACE,yBfiEO;EehEP,qBfgEO;AC08Df;;AcngEM;EACE,qBfwDO;EevDP,yBfuDO;AC+8Df;AcrgEQ;EACE,cfqDK;ACk9Df;;AchgEA;;;EAGE,eAAA;EACA,gBAAA;AdmgEF;;Ac7/DA;EACE,eAAA;EACA,gBAAA;EACA,iBAAA;AdggEF;Ac9/DE;EACE,iBf6kB0B;Ee5kB1B,sBAAA;AdggEJ;;Ac3/DA;EACE,eAAA;EACA,gBAAA;EACA,iBAAA;Ad8/DF;Ac7/DE;EACE,iBfkkB0B;EejkB1B,sBAAA;Ad+/DJ;;Ac3/DA;EACE,kBAAA;Ad8/DF;;Acz/DA;EACE,wCfkxCkC;EejxClC,wCAAA;EACA,sBfof4B;Eenf5B,YAAA;EACA,gBAAA;EACA,uBAAA;EACA,mBAAA;Ad4/DF;Ac1/DE;EACE,eAAA;Ad4/DJ;;Acx/DA;EACE,cAAA;Ad2/DF;;Acv/DA;EACE,aAAA;Ad0/DF;Acz/DE;EACE,gCAAA;Ad2/DJ;;Act/DE;EACI,iPAAA;Ady/DN;;Acl/DM;EACI,0JAAA;Adq/DV;;Ac9+DE;EACI,eAAA;Adi/DN;;Ae7rEI;EACI,YAAA;AfgsER;;AezrEA;EACI,iBAAA;Af4rEJ;Ae3rEI;EACI,mBAAA;Af6rER;;AexrEA;EACI,yBAAA;EACA,sBAAA;Af2rEJ;Ae1rEE;EACE,uChBq0B4B;ACu3ChC;;AevrEA,aAAA;AAGA;EACI,gBAAA;AfwrEJ;AetrEI;EACI,kBAAA;EACA,SAAA;EACA,WAAA;AfwrER;AerrEI;EACI,kBAAA;EACA,oBAAA;EACA,kBAAA;EACA,sCAAA;AfurER;AetrEQ;EACI,qBhBgFE;ACwmEd;AevrEY;EACI,yBhB8EF;AC2mEd;AetrEQ;EACI,yBAAA;AfwrEZ;AetrEQ;EACI,gBAAA;AfwrEZ;AetrEQ;EACI,kBAAA;EACA,QAAA;EACA,WAAA;AfwrEZ;;AelrEI;EACI,iDAAA;AfqrER;AeprEQ;EACI,WAAA;AfsrEZ;AeprEQ;EACI;IACI,iBAAA;EfsrEd;AACF;AeprEQ;EAVJ;IAWQ,iBAAA;IACA,kDAAA;EfurEV;AACF;;AejrEA;EACI,WAAA;EACA,YAAA;AforEJ;;AejrEE;EACE,kBAAA;EACA,WAAA;AforEJ;;AehrEG;EACC,aAAA;EACA,eAAA;AfmrEJ;;Ae/qEA;EACI,aAAA;AfkrEJ;;Ae/qEA;EACI,SAAA;EACA,WAAA;EACA,YAAA;EACA,0CAAA;EACA,chBeU;EgBdV,qBAAA;EACA,sBAAA;AfkrEJ;;Ae9qEA;EACI,sBAAA;EACA,qBAAA;AfirEJ;;Ae7qEA;EACI,kBAAA;EACA,4BAAA;AfgrEJ;;Ae5qEA;EACI,chBJU;EgBKV,eAAA;Af+qEJ;;Ae5qEA;EACI,kBAAA;Af+qEJ;;Ae3qEA;EACI,kBAAA;EACA,MAAA;EACA,UAAA;EACA,QAAA;EACA,WAAA;EACA,cAAA;EACA,eAAA;EACA,UAAA;EACA,gBAAA;EACA,aAAA;Af8qEJ;Ae7qEI;EACE,YAAA;EACA,gCAAA;UAAA,wBAAA;EACA,YAAA;EACA,SAAA;EACA,kBAAA;EACA,kBAAA;EACA,YAAA;EACA,eAAA;EACA,SAAA;EACA,iBAAA;EACA,gBAAA;EACA,WhBnEK;EgBoEL,mBhBrCQ;ACotEd;;Ae3qEA;EACI,iBAAA;Af8qEJ;;Ae1qEA;EACI,iBAAA;Af6qEJ;;AgBx1EA;EACI,iBAAA;EACA,oBAAA;AhB21EJ;AgBz1EI;EACI,mBAAA;EACA,gBAAA;AhB21ER;;AgBr1EE;EACI,mBAAA;EACA,kBAAA;AhBw1EN;AgBt1EE;EACI,eAAA;EACA,kBAAA;EACA,UAAA;EACA,MAAA;EACA,iBAAA;AhBw1EN;;AgBl1EA;EACI,kBAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;EACA,UAAA;EACA,cAAA;AhBq1EJ;;AgBh1EA;EACI,kBAAA;EACA,cjB0DO;ACyxEX;AgBj1EI;EACE,cAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,eAAA;EACA,qBAAA;EACA,wCAAA;EACA,yBAAA;EACA,kBAAA;EACA,4BAAA;EAAA,oBAAA;AhBm1EN;AgBj1EI;EACE,YAAA;AhBm1EN;AgBh1EI;EACE,gBAAA;AhBk1EN;AgB/0EQ;EACE,WjB6BC;EiB5BD,yBjB2DI;EiB1DJ,qBjB0DI;EiBzDJ,8BAAA;UAAA,sBAAA;AhBi1EV;;AgBv0EI;EACI,yBjBgBG;EiBfH,gBAAA;EACA,iBAAA;EACA,gBjB8oBsB;EiB7oBtB,kBAAA;AhB00ER;;AgBr0EA;EACE,sBAAA;AhBw0EF;;AgBj0EA;EACE,kBAAA;EACA,YAAA;EACA,SAAA;EACA,gCAAA;UAAA,wBAAA;EACA,WjBPS;EiBQT,eAAA;EACA,gBjBynB4B;EiBxnB5B,iBAAA;EACA,eAAA;EACA,gBAAA;AhBo0EF;;AgB3zEA;EACE,wCjBi0CkC;EiBh0ClC,wCAAA;EACA,sBjBmiB4B;EiBliB5B,eAAA;EACA,gBAAA;EACA,uBAAA;EACA,mBAAA;EACA,cAAA;AhB8zEF;AgB5zEE;EACE,eAAA;AhB8zEJ;;AgB1zEA;EACE,cAAA;AhB6zEF;;AgB1zEA;EACE,WAAA;EACA,YAAA;EACA,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,WAAA;EACA,iBAAA;AhB6zEF;;AgBzzEA;EACE,aAAA;AhB4zEF;AgB3zEE;EACE,gCAAA;AhB6zEJ;AgB3zEI;EACE,gBAAA;EACA,uBAAA;EACA,kBAAA;EACA,QAAA;EACA,WAAA;EACA,eAAA;EACA,cjBhCQ;AC61Ed;;AiBz9EA;EACI;;;;;IAKI,wBAAA;EjB49EN;;EiB19EE;;;;;IAKI,UAAA;IACA,SAAA;EjB69EN;;EiB19EE;IACI,SAAA;EjB69EN;AACF;AkBl/EA;EACE,kBAAA;EACA,4BAAA;EAAA,6BAAA;MAAA,0BAAA;UAAA,sBAAA;EACA,mBAAA;MAAA,eAAA;EACA,uBAAA;MAAA,oBAAA;UAAA,2BAAA;EACA,yBAAA;MAAA,yBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;AlBo/EF;;AkBj/EA;EACE,gBAAA;EACA,cAAA;EACA,eAAA;EACA,kBAAA;EACA,mBAAA;AlBo/EF;;AkBj/EA;EACE,kBAAA;EACA,kBAAA;EACA,gBAAA;EACA,UAAA;EACA,SAAA;EACA,OAAA;EACA,MAAA;EACA,SAAA;EACA,QAAA;EACA,sBAAA;EACA,uBAAA;EACA,UAAA;AlBo/EF;;AkBj/EA;EACE,6BAAA;EACA,sCAAA;UAAA,8BAAA;EACA,uBAAA;EACA,kBAAA;EACA,MAAA;EACA,kBAAA;EACA,SAAA;EACA,mBAAA;EACA,UAAA;EACA,SAAA;EACA,iCAAA;AlBo/EF;;AkBj/EA;EACE,kBAAA;EACA,yCAAA;UAAA,iCAAA;EACA,kBAAA;EACA,cAAA;EACA,YAAA;EAAc,mGAAA;EACd,WAAA;EACA,mBAAA;EACA,cAAA;EAAgB,mFAAA;EAChB,eAAA;EAAiB,kDAAA;EACjB,gBAAA;EAAkB,0CAAA;EAClB,qBAAA;EACA,uBAAA;AlBw/EF;;AkBr/EA;;EAEE,aAAA;AlBw/EF;;AkBr/EA;;EAEE,YAAA;EACA,cAAA;AlBw/EF;;AkBr/EA;EACE,gBAAA;EACA,eAAA;EACA,WAAA;EACA,oBAAA;AlBw/EF;;AkBr/EA;EACE,sCAAA;UAAA,8BAAA;EACA,YAAA;EACA,WAAA;EACA,cAAA;EACA,kBAAA;EACA,WAAA;EACA,eAAA;EACA,gBAAA;EACA,WAAA;EACA,UAAA;EACA,SAAA;EACA,oBAAA;EACA,yBAAA;MAAA,0BAAA;UAAA,kBAAA;EACA,oBAAA;MAAA,cAAA;EACA,0BAAA;MAAA,aAAA;AlBw/EF;;AkBr/EA;EACE,2BAAA;UAAA,mBAAA;EACA,cAAA;EACA,UAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,aAAA;EACA,YAAA;EACA,eAAA;EACA,cAAA;EACA,gBAAA;EACA,oBAAA;EACA,WAAA;AlBw/EF;;AkBr/EA;EACE,UAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,oBAAA;EACA,gBAAA;AlBw/EF;;AkBr/EA;EACE,oBAAA;EACA,sBAAA;GAAA,qBAAA;OAAA,iBAAA;EACA,yBAAA;AlBw/EF;;AkBr/EA;EACE,mBAAA;AlBw/EF;;AkBr/EA;EACE,kBAAA;EACA,UAAA;EACA,UAAA;EACA,gBAAA;AlBw/EF;;AkBr/EA;EACE,kBAAA;EACA,WAAA;EACA,mBAAA;EACA,kBAAA;EACA,OAAA;EACA,QAAA;EACA,UAAA;EACA,uCAAA;EAAA,+BAAA;AlBw/EF;;AkBr/EA;EACE,0DAAA;EACA,YAAA;EACA,qCAAA;EAAA,6BAAA;AlBw/EF;;AkBr/EA;EACE,MAAA;EACA,WAAA;AlBw/EF;;AkBr/EA;EACE,QAAA;EACA,WAAA;AlBw/EF;;AkBr/EA;EACE,OAAA;EACA,YAAA;AlBw/EF;;AkBr/EA;EACE,YAAA;EACA,SAAA;EACA,UAAA;AlBw/EF;;AkBr/EA;EACE,WAAA;EACA,OAAA;EACA,QAAA;EACA,WAAA;EACA,aAAA;EACA,eAAA;EACA,WAAA;AlBw/EF;;AkBr/EA,gBAAA;AACA;EACE,WAAA;EACA,OAAA;AlBw/EF;;AkBr/EA;EACE,cAAA;EACA,eAAA;EACA,UAAA;EACA,kBAAA;EACA,aAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;AlBw/EF;;AkBr/EA;EACE,eAAA;EACA,OAAA;EACA,kBAAA;EACA,kBAAA;EACA,qBAAA;AlBw/EF;;AkBr/EA;EACE,YAAA;AlBw/EF;;AmBhtFA;;oBAAA;AAKA;EACI,2DAAA;AnBitFJ;;AmB5sFQ;EACI,eAAA;EACA,iBAAA;EACA,yBAAA;AnB+sFZ;AmB5sFQ;EAEI;;;IAGI,WAAA;IACA,cAAA;IACA,kBAAA;IACA,WAAA;IACA,cAAA;EnB6sFd;EmB1sFU;IACI,WAAA;EnB4sFd;EmBzsFU;IACI,aAAA;EnB2sFd;AACF;AmBxsFQ;EACI,0BAAA;AnB0sFZ;AmBrsFI;EACI,iCAAA;AnBusFR;AmBpsFI;EACI,cAAA;EACA,gBAAA;AnBssFR;AmBnsFI;EACI,WAAA;EACA,YAAA;EACA,kBAAA;EACA,UAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,eAAA;EACA,gBpBsqBsB;EoBrqBtB,WAAA;AnBqsFR;AmBlsFI;EACI,0CAAA;AnBosFR;AmBnsFQ;EACI,yBpB4DE;EoB3DF,WpB4BD;ACyqFX;AmBjsFI;EACI,uCAAA;AnBmsFR;AmBhsFI;EACI,uBAAA;AnBksFR;AmB/rFI;EACI,kBpBeG;ACkrFX;AmB7rFQ;EACI,sBAAA;AnB+rFZ;AmB3rFI;EACI,sBAAA;AnB6rFR;;AmBzrFA;EACI,2BAAA;AnB4rFJ;;AmB1rFA;EACI,WpBHO;ACgsFX;;AmBxrFI;EACI,mBpBLG;EoBMH,cpBFG;EoBGH,iBAAA;EACA,eAAA;EACA,yBAAA;EACA,gBpBsnBsB;ACqkE9B;;AmBrrFI;;;;;;;;;;EAUI,oCAAA;AnBwrFR;AmBrrFI;EACI,mBAAA;AnBurFR;;AmBnrFA;EACI,kCpBgzCgC;EoB/yChC,oCAAA;EACA,cpBjCO;EoBkCP,0BAAA;EACA,wBAAA;UAAA,gBAAA;EACA,4BAAA;EACA,uBAAA;AnBsrFJ;;AmBnrFA;;;EAGI,yBpBpBU;EoBqBV,WpBpDO;EoBqDP,iBAAA;AnBsrFJ;;AmBnrFA;EACI,kBAAA;EACA,YAAA;EACA,YAAA;EACA,oBAAA;EACA,eAAA;EACA,gBAAA;EACA,kBAAA;AnBsrFJ;;AmBnrFA;;EAEI,yBpBrCU;AC2tFd;;AmBnrFA;;EAEI,yBpB1CU;ACguFd;;AmBnrFA;EACI,sBAAA;AnBsrFJ;AmBprFI;EACI,gBpBmjBsB;ACmoE9B;;AmBlrFA;EACI,6BAAA;EACA,sBAAA;AnBqrFJ;;AmBlrFA;EACI,WpB1FO;AC+wFX;;AmBjrFI;EACI,gBAAA;EACA,iBAAA;EACA,aAAA;AnBorFR;;AmB9qFI;EACE,sBAAA;AnBirFN;;AmB1qFI;EACI,yBAAA;AnB6qFR;AmB1qFI;EACI,mBAAA;AnB4qFR;;AmBvqFI;EADJ;IAEQ,4BAAA;IAAA,6BAAA;QAAA,0BAAA;YAAA,sBAAA;IACA,SAAA;EnB2qFN;AACF;;AoBr4FA;EACE,mBrB4HY;AC4wFd;;AoBr4FA;EACE,6BAAA;EACA,6BAAA;EACA,kHAAA;UAAA,0GAAA;ApBw4FF;;AoBp4FA;EACE,WAAA;ApBu4FF;AoBt4FE;EACI,YAAA;EACA,WAAA;EACA,kBAAA;EACA,YAAA;EACA,SAAA;ApBw4FN;AoBt4FM;EAEI,aAAA;ApBu4FV;AoBr4FM;EACI,UAAA;ApBu4FV;;AoBn4FA;EACE,eAAA;ApBs4FF;;AoBn4FA;EACE,YAAA;ApBs4FF;;AoBn4FA;EACE,UAAA;ApBs4FF;AoBr4FE;EACI,YAAA;EACA,WAAA;EACA,WAAA;EACA,UAAA;EACA,kBAAA;ApBu4FN;AoBt4FM;EAEI,aAAA;ApBu4FV;AoBr4FM;EACI,UAAA;ApBu4FV;;AoBl4FA;EACE,eAAA;ApBq4FF;;AoBj4FE;EACI,WAAA;ApBo4FN;AoBj4FE;EACI,aAAA;ApBm4FN;;AoB/3FA;EACE,iCAAA;EACA,6BAAA;EACA,mFAAA;UAAA,2EAAA;ApBk4FF;;AoB53FE;EACI,UAAA;ApB+3FN;;AoBz3FA;;;EAGE,YAAA;EACA,qBAAA;EACA,aAAA;ApB43FF;;AoBz3FA;EACE,aAAA;EACA,YAAA;EACA,cAAA;EACA,aAAA;EACA,yBAAA;ApB43FF;;AoBz3FA;EACE,iBAAA;EACA,aAAA;EACA,YAAA;EACA,qBAAA;EACA,mBAAA;EACA,yBAAA;EACA,2BAAA;UAAA,mBAAA;EACA,kBAAA;ApB43FF;;AoBx3FE;EACI,mBrBeQ;AC42Fd;;AoBt3FE;EACI,mBrBYQ;AC62Fd;;AoBp3FE;EACI,mBrBDQ;ACw3Fd;;AoBh3FE;EACI,2BAAA;ApBm3FN;;AoB72FA;;EAEE,YAAA;EACA,oBAAA;EACA,WAAA;ApBg3FF;;AoB32FA;EACE,eAAA;EACA,2BrBwoB4B;EqBvoB5B,cAAA;EACA,cAAA;ApB82FF;AoB72FE;EACI,kBAAA;EACA,eAAA;EACA,gBAAA;ApB+2FN;;AoBz2FA;EACE,aAAA;ApB42FF;;AoB12FA;EACE,cAAA;ApB62FF;;AoBx2FA;EACE,mBrB5CY;ACu5Fd;;AoBz2FA;EACE,mBrB7CY;ACy5Fd;;AoB12FA;EACE,mBrB/CY;AC45Fd;;AoB32FA;EACE,mBrBzDY;ACu6Fd;;AoB52FA;EACE,mBrB1DY;ACy6Fd;;AoB12FA;EACE,YAAA;ApB62FF;AoB32FM;EACI,qBrBjEI;AC86Fd;;AqB7iGE;EACE,eAAA;EACA,gBtB4tB0B;ACo1E9B;;AqB5iGA;EACE,eAAA;ArB+iGF;;AqB3iGE;EACE,qBtByHU;EsBxHV,ctBwHU;ACs7Fd;AqB3iGI;EACE,yBtBiHQ;AC47Fd;AqB1iGI;EACE,sCAAA;ArB4iGN;AqBziGE;EACE,qBtBwGU;EsBvGV,ctBuGU;ACo8Fd;;AqBtiGE;EACE,wBAAA;UAAA,gBAAA;ArByiGJ;;AqBpiGE;EACE,mBtBqFU;ACk9Fd;AqBtiGI;EACE,mBtBmFQ;ACq9Fd;AqBviGM;EACE,oCAAA;ArByiGR;AqBriGE;EACE,mBtB4EU;AC29Fd;;AqBliGE;EACE,qCAAA;EACA,sCAAA;ArBqiGJ;;AqBjiGA;EACE,wCAAA;ArBoiGF;AqBniGE;EACE,wBAAA;UAAA,gBAAA;EACA,qBtBs8BoC;AC+lExC;;AqBjiGA;EACE,wCAAA;ArBoiGF;AqBniGE;EACE,gCAAA;ArBqiGJ;AqBliGE;EACE,gCAAA;ArBoiGJ;;AsB5mGI;EACI,gBvB4tBsB;EuB3tBtB,eAAA;EACA,kBAAA;EACA,gCAAA;EACA,+CAAA;AtB+mGR;AsB7mGI;EACI,oDvBypBsB;UuBzpBtB,4CvBypBsB;EuBxpBtB,mCvBgkD4B;EuB/jD5B,yCvBkkD4B;EuBjkD5B,gBAAA;AtB+mGR;AsB7mGQ;EACI,mCvB2jDwB;ACojDpC;AsB3mGI;EACI,gCAAA;AtB6mGR;AsB1mGI;EACI,4CAAA;AtB4mGR;AsB1mGY;EACI,eAAA;EACA,gCAAA;EACA,gBvBisBc;AC26E9B;AsB3mGgB;EACI,cvB4FN;ACihGd;AsBzmGY;EACI,iBAAA;AtB2mGhB;AsBtmGI;EACI,iBAAA;AtBwmGR;AsBvmGQ;EACI,aAAA;AtBymGZ;AsBtmGQ;EACI,cAAA;EACA,WAAA;EACA,wBAAA;EACA,gBvBkrBkB;EuBjrBlB,gCvBs8B4B;EuBr8B5B,uCvBg8B4B;EuB/7B5B,2DAAA;EACA,sCvBw8B4B;ACgqExC;AsBpmGI;EACI,SAAA;EACA,WAAA;EACA,UAAA;EACA,SAAA;AtBsmGR;AsBpmGQ;EACI,UvBmsDiB;EuBlsDjB,WvBksDiB;EuBjsDjB,sBAAA;EACA,sXAAA;EACA,YvBssDiB;ACg6C7B;;AsB/lGI;EACI,yBvB6CM;EuB5CN,qBvB4CM;EuB3CN,WvBYG;EuBXH,4BAAA;EACA,kBAAA;AtBkmGR;AsBjmGQ;EACI,yBvB8CE;EuB7CF,qBvB6CE;ACsjGd;AsBjmGQ;EACI,yBvBuCE;EuBtCF,qBvBsCE;AC6jGd;AsBjmGQ;EACI,yBvBqCE;EuBpCF,qBvBoCE;AC+jGd;AsB9lGI;EACI,WAAA;EACA,UAAA;AtBgmGR;AsB/lGQ;EACI,aAAA;EACA,UAAA;AtBimGZ;AsBhmGY;EACI,YAAA;EACA,UAAA;AtBkmGhB;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","file":"app-rtl.min.css","sourcesContent":["/*\r\nTemplate Name: Vuesy - Admin & Dashboard Template\r\nAuthor: Themesdesign\r\nVersion: 1.2.0\r\nWebsite: https://Themesdesign.in/\r\nContact: themesdesign.in@gmail.com\r\nFile: Main Css File\r\n*/\r\n\r\n//Fonts\r\n@import \"custom/fonts/fonts\";\r\n\r\n//Core files\r\n@import \"./node_modules/bootstrap/scss/functions\";\r\n@import \"./node_modules/bootstrap/scss/variables\";\r\n@import \"variables\";\r\n@import \"variables-dark\";\r\n@import \"./node_modules/bootstrap/scss/mixins.scss\";\r\n\r\n// @import \"theme-light\";\r\n// @import \"theme-dark\";\r\n\r\n// Structure\r\n@import \"custom/structure/general\";\r\n@import \"custom/structure/topbar\";\r\n@import \"custom/structure/page-head\";\r\n@import \"custom/structure/footer\";\r\n@import \"custom/structure/right-sidebar\";\r\n@import \"custom/structure/vertical\";\r\n@import \"custom/structure/horizontal-nav\";\r\n@import \"custom/structure/layouts\";\r\n\r\n// Components\r\n@import \"custom/components/root\";\r\n@import \"custom/components/avatar\";\r\n@import \"custom/components/alerts\";\r\n@import \"custom/components/accordion\";\r\n@import \"custom/components/helper\";\r\n@import \"custom/components/preloader\";\r\n@import \"custom/components/forms\";\r\n@import \"custom/components/widgets\";\r\n@import \"custom/components/demos\";\r\n@import \"custom/components/print\";\r\n\r\n\r\n// Plugins\r\n@import \"custom/plugins/custom-scrollbar\";\r\n@import \"custom/plugins/calendar\";\r\n@import \"custom/plugins/range-slider\";\r\n@import \"custom/plugins/sweatalert2\";\r\n@import \"custom/plugins/alertify\";\r\n@import 'custom/plugins/swiper-slider';\r\n@import \"custom/plugins/choices\";\r\n@import \"custom/plugins/switch\";\r\n@import \"custom/plugins/gridjs\";\r\n@import \"custom/plugins/colorpicker\";\r\n@import \"custom/plugins/datepicker\";\r\n@import \"custom/plugins/form-editors\";\r\n@import \"custom/plugins/form-upload\";\r\n@import \"custom/plugins/form-wizard\";\r\n@import \"custom/plugins/apexcharts\";\r\n@import \"custom/plugins/lightbox\";\r\n@import \"custom/plugins/google-map\";\r\n@import \"custom/plugins/vector-maps\";\r\n@import \"custom/plugins/leaflet-maps\";\r\n\r\n// Pages\r\n@import \"custom/pages/glightbox\";\r\n@import \"custom/pages/authentication\";\r\n@import \"custom/pages/kanbanboard\";\r\n@import \"custom/pages/file-manager\";\r\n@import \"custom/pages/email\";\r\n@import \"custom/pages/chat\";\r\n@import \"custom/pages/coming-soon\";\r\n@import \"custom/pages/timeline\";\r\n@import \"custom/pages/ecommerce\";\r\n@import \"custom/pages/extras-pages\";\r\n","//\r\n// Google font - Roboto\r\n//\r\n\r\n@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&family=Nunito+Sans:wght@400;600;700&display=swap');\r\n","// \r\n// _header.scss\r\n// \r\n\r\n#page-topbar {\r\n    position: sticky;\r\n    top: 0;\r\n    right: 0;\r\n    margin-left: $sidebar-width;\r\n    z-index: 1002;\r\n    background-color: var(--#{$prefix}header-bg);\r\n    box-shadow: $box-shadow;\r\n}\r\n\r\n.navbar-header {\r\n    display: flex;\r\n    -ms-flex-pack: justify;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin: 0 auto;\r\n    height: $header-height;\r\n    padding: 0 calc(#{$grid-gutter-width} / 2) 0 0;\r\n\r\n    .dropdown {\r\n        .header-item.show {\r\n            color: $primary;\r\n        }\r\n    }\r\n\r\n    .navbar-brand-box {\r\n        display: none;\r\n    }\r\n}\r\n\r\n.verti-dash-content {\r\n    background: var(--#{$prefix}header-dark-bg);\r\n    border-top: 1px solid rgba($white, .1);\r\n    padding: 0 calc(#{$grid-gutter-width} / 2) 0 calc(#{$grid-gutter-width} / 2);\r\n}\r\n\r\nbody {\r\n    &:not([data-sidebar-size=sm]) {\r\n        .navbar-header {\r\n            .vertical-menu-btn {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        .app-search {\r\n            margin-left: 22px;\r\n        }\r\n    }\r\n}\r\n\r\n.navbar-brand-box {\r\n    padding: 0 1.5rem;\r\n    width: $sidebar-width;\r\n    position: fixed;\r\n    z-index: 1;\r\n}\r\n\r\n.logo {\r\n    line-height: $header-height;\r\n\r\n    .logo-sm {\r\n        display: none;\r\n    }\r\n}\r\n\r\n.logo-dark {\r\n    display: $display-block;\r\n}\r\n\r\n.logo-light {\r\n    display: $display-none;\r\n}\r\n\r\n.logo-txt {\r\n    font-weight: 700;\r\n    font-size: 20px;\r\n    vertical-align: text-bottom;\r\n    margin-left: 5px;\r\n    line-height: 1;\r\n    color: var(--#{$prefix}body-color);\r\n}\r\n\r\n/* Search */\r\n\r\n.app-search {\r\n    padding: calc(#{$header-height - 38px} / 2) 0;\r\n\r\n    .form-control {\r\n        height: 40px;\r\n        padding-left: 40px;\r\n        padding-right: 20px;\r\n        border-color: $gray-300;\r\n        background-color: $topbar-search-bg;\r\n        box-shadow: none;\r\n    }\r\n\r\n    span {\r\n        position: absolute;\r\n        z-index: 10;\r\n        font-size: 16px;\r\n        line-height: 38px;\r\n        left: 13px;\r\n        top: 0;\r\n        color: $gray-600;\r\n    }\r\n}\r\n\r\n// Mega menu\r\n\r\n.megamenu-list {\r\n    li {\r\n        position: relative;\r\n        padding: 5px 0px;\r\n\r\n        a {\r\n            color: $dropdown-color;\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 991.98px) {\r\n    .navbar-brand-box {\r\n        width: auto;\r\n    }\r\n\r\n    #page-topbar {\r\n        margin-left: 0;\r\n\r\n        .navbar-header {\r\n\r\n            .navbar-brand-box {\r\n                display: inline-block;\r\n                position: relative;\r\n                background: var(--#{$prefix}header-dark-bg);\r\n            }\r\n\r\n            .vertical-menu-btn {\r\n                display: inline-block;\r\n            }\r\n        }\r\n    }\r\n\r\n    .logo {\r\n\r\n        span.logo-lg {\r\n            display: none;\r\n        }\r\n\r\n        span.logo-sm {\r\n            display: inline-block;\r\n        }\r\n    }\r\n}\r\n\r\n.page-content {\r\n    padding: calc(#{$header-height} - 33px) calc(#{$grid-gutter-width} / 2) $footer-height calc(#{$grid-gutter-width} / 2);\r\n}\r\n\r\n.header-item {\r\n    height: $header-height;\r\n    box-shadow: none !important;\r\n    color: $header-item-color;\r\n    border: 0;\r\n    border-radius: 0px;\r\n\r\n    &:hover {\r\n        color: $header-item-color;\r\n    }\r\n}\r\n\r\n.header-profile-user {\r\n    height: 36px;\r\n    width: 36px;\r\n    border: 1px solid darken($gray-300, 2%);\r\n    padding: 3px;\r\n}\r\n\r\n.user {\r\n    .user-item-desc {\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .user-name {\r\n        font-size: 14.4px;\r\n        display: block;\r\n        color: $gray-700;\r\n    }\r\n\r\n    .user-sub-title {\r\n        color: $text-muted;\r\n        font-size: 11px;\r\n        font-weight: $font-weight-semibold;\r\n    }\r\n}\r\n\r\n.noti-icon {\r\n    position: relative;\r\n\r\n    i {\r\n        font-size: 20px;\r\n        color: $header-item-color;\r\n        margin-top: 6px;\r\n    }\r\n\r\n    .noti-dot {\r\n        position: absolute;\r\n        top: 26px;\r\n        right: 8px;\r\n        height: 15px;\r\n        width: 15px;\r\n        color: $white;\r\n        line-height: 13px;\r\n        font-weight: 500;\r\n        font-size: 10px;\r\n    }\r\n}\r\n\r\n.notification-item {\r\n    .d-flex {\r\n        padding: 0.75rem 1rem;\r\n\r\n        &:hover {\r\n            background-color: $dropdown-link-hover-bg;\r\n        }\r\n    }\r\n}\r\n\r\n// Dropdown with Icons\r\n.dropdown-icon-item {\r\n    display: block;\r\n    border-radius: 3px;\r\n    line-height: 34px;\r\n    text-align: center;\r\n    padding: 15px 0 9px;\r\n    display: block;\r\n    border: 1px solid transparent;\r\n    color: $gray-600;\r\n\r\n    img {\r\n        height: 24px;\r\n    }\r\n\r\n    span {\r\n        display: block;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    &:hover {\r\n        border-color: $gray-200;\r\n    }\r\n}\r\n\r\n// Full Screen\r\n.fullscreen-enable {\r\n    [data-toggle=\"fullscreen\"] {\r\n        .uil-minus-path::before {\r\n            content: '\\eb8d';\r\n        }\r\n    }\r\n}\r\n\r\n\r\nbody[data-topbar=\"dark\"] {\r\n    #page-topbar {\r\n        background: var(--#{$prefix}header-dark-bg);\r\n    }\r\n\r\n    .navbar-header {\r\n        .dropdown.show {\r\n            .header-item {\r\n                background-color: rgba($white, 0.05);\r\n            }\r\n        }\r\n\r\n    }\r\n\r\n    .header-profile-user {\r\n        border-color: rgba($white, 0.25);\r\n    }\r\n\r\n    .user-name {\r\n        color: $header-dark-item-color;\r\n    }\r\n\r\n    .user-sub-title {\r\n        color: rgba($white, 0.5);\r\n    }\r\n\r\n    .noti-icon {\r\n        i {\r\n            color: $header-dark-item-color;\r\n        }\r\n\r\n        .noti-dot {\r\n            box-shadow: 0 0 0 3px var(--#{$prefix}header-dark-bg);\r\n        }\r\n    }\r\n\r\n    .app-search {\r\n\r\n        .form-control {\r\n            background-color: rgba($white, 0.1);\r\n            border-color: rgba($white, 0.15);\r\n            color: rgba($white, 0.7);\r\n        }\r\n\r\n        span,\r\n        input.form-control::-webkit-input-placeholder {\r\n            color: rgba($white, 0.5);\r\n        }\r\n    }\r\n}\r\n\r\n\r\n\r\nbody[data-layout=\"horizontal\"][data-bs-theme=\"dark\"][data-topbar=\"light\"] {\r\n    .navbar-brand-box {\r\n        .logo-dark {\r\n            .logo-lg{\r\n                display: block;\r\n                .logo-txt{\r\n                    color: $dark;\r\n                }\r\n            }\r\n        }\r\n        .logo-light {\r\n            display: none;\r\n        }\r\n    }\r\n}\r\n\r\nbody[data-bs-theme=\"dark\"] [data-topbar=\"dark\"] {\r\n    #page-topbar {\r\n        background: var(--#{$prefix}header-dark-bg);\r\n    }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .navbar-header {\r\n        .dropdown {\r\n            position: static;\r\n\r\n            .dropdown-menu {\r\n                left: 10px !important;\r\n                right: 10px !important;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 380px) {\r\n    .navbar-brand-box {\r\n        display: none;\r\n    }\r\n}\r\n\r\n\r\n@media (max-width: 374.99px) {\r\n    .navbar-brand-box {\r\n        padding: 0 1rem;\r\n    }\r\n\r\n    .language-switch {\r\n        display: none !important;\r\n    }\r\n}","// Variables\n\n//\n// custom-variables\n//\n\n// Vertical Sidebar - Default Light\n\n$sidebar-bg: var(--#{$prefix}sidebar-bg);\n$sidebar-border-color: var(--#{$prefix}sidebar-border-color);\n$sidebar-menu-item-color: var(--#{$prefix}sidebar-menu-item-color);\n$sidebar-menu-sub-item-color: var(--#{$prefix}sidebar-menu-sub-item-color);\n$sidebar-menu-item-icon-color: var(--#{$prefix}sidebar-menu-item-icon-color);\n$sidebar-menu-item-hover-color: var(--#{$prefix}sidebar-menu-item-hover-color);\n$sidebar-menu-item-active-color: var(--#{$prefix}sidebar-menu-item-active-color);\n$sidebar-menu-sub-item-active-color: var(--#{$prefix}sidebar-menu-sub-item-active-color);\n$sidebar-menu-item-active-bg-color: var(--#{$prefix}sidebar-menu-item-active-bg-color);\n$sidebar-width:  255px;\n$sidebar-collapsed-width:  70px;\n$sidebar-width-sm:  160px;\n\n// Vertical Sidebar - Dark\n\n$sidebar-dark-bg: var(--#{$prefix}sidebar-dark-bg);\n$sidebar-dark-menu-item-color: var(--#{$prefix}sidebar-dark-menu-item-color);\n$sidebar-dark-menu-sub-item-color: var(--#{$prefix}sidebar-dark-menu-sub-item-color);\n$sidebar-dark-menu-item-icon-color: var(--#{$prefix}sidebar-dark-menu-item-icon-color);\n$sidebar-dark-menu-item-hover-color: var(--#{$prefix}sidebar-dark-menu-item-hover-color);\n$sidebar-dark-menu-item-active-color: var(--#{$prefix}sidebar-dark-menu-item-active-color);\n$sidebar-dark-menu-item-active-bg-color: var(--#{$prefix}sidebar-dark-menu-item-active-bg-color);\n\n// Topbar - Deafult Light\n$header-height: 85px;\n$header-bg: $white;\n$header-item-color: var(--#{$prefix}header-item-color);\n\n// Topbar - Dark\n$header-dark-bg: var(--#{$prefix}header-dark-bg);\n$header-dark-item-color: var(--#{$prefix}header-dark-item-color);\n\n// Topbar Search\n$topbar-search-bg: var(--#{$prefix}topbar-search-bg);\n\n// Footer\n$footer-height: 60px;\n$footer-bg: var(--#{$prefix}footer-bg);\n$footer-color: var(--#{$prefix}footer-color);\n\n// Horizontal nav\n$topnav-bg:   var(--#{$prefix}topnav-bg);\n$menu-item-color: var(--#{$prefix}menu-item-color);\n$menu-item-active-color: var(--#{$prefix}menu-item-active-color);\n\n// Horizontal nav\n$topnav-dark-bg:   var(--#{$prefix}topnav-dark-bg);\n$menu-dark-item-color: var(--#{$prefix}menu-dark-item-color);\n$menu-item-active-border-color: var(--#{$prefix}menu-item-active-border-color);\n$menu-dark-item-hover-color: var(--#{$prefix}menu-dark-item-hover-color);\n$menu-dark-item-active-color: var(--#{$prefix}menu-dark-item-active-color);\n\n// Right Sidebar\n$rightbar-width:  280px;\n\n// Display\n$display-none: none;\n$display-block: block;\n\n// Brand \n$navbar-brand-box-width: 250px;\n$navbar-brand-box-bg: var(--#{$prefix}navbar-brand-box-bg);\n\n// Boxed layout width\n$boxed-layout-width:    1400px;\n$boxed-body-bg: var(--#{$prefix}boxed-body-bg);\n\n// Font Weight\n$font-weight-medium: 500;\n$font-weight-semibold: 600;\n\n// apex charts\n$apex-grid-color: var(--#{$prefix}apex-grid-color);\n\n// table\n$table-head-bg:               var(--#{$prefix}secondary-bg);\n$table-dark-border-color:     tint-color($gray-800, 7.5%);\n\n// Font Family Secondary\n$font-family-secondary: 'Nunito Sans', sans-serif;\n\n// darl layout close btn\n$btn-close-bg-dark:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$white}'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>\");\n\n// Variables\n//\n\n// Color system\n\n// scss-docs-start gray-color-variables\n$white:    #fff;\n$gray-100: #f8f9fa;\n$gray-150: #f8f7fc;\n$gray-200: #f4f5f6;\n$gray-300: #eff0f2;\n$gray-400: #e2e5e8;\n$gray-500: #adb5bd;\n$gray-600: #9295a4;\n$gray-700: #2d2d49;\n$gray-800: #24243c;\n$gray-900: #1b1c31;\n$black:    #000;\n// scss-docs-end gray-color-variables\n// fusv-disable\n// scss-docs-start gray-colors-map\n$grays: (\n  \"100\": $gray-100,\n  \"150\": $gray-150,\n  \"200\": $gray-200,\n  \"300\": $gray-300,\n  \"400\": $gray-400,\n  \"500\": $gray-500,\n  \"600\": $gray-600,\n  \"700\": $gray-700,\n  \"800\": $gray-800,\n  \"900\": $gray-900\n);\n// scss-docs-end gray-colors-map\n// fusv-enable\n\n// scss-docs-start color-variables\n$blue:        #776acf;\n$indigo:      #564ab1;\n$purple:      #3966d7;\n$pink:        #e83e8c;\n$red:         #e1665d;\n$orange:      #f1734f;\n$yellow:      #f7cc53;\n$green:       #6dcba3;\n$teal:        #050505;\n$secondary:   #969ba5;\n$cyan:        #5fd0f3;\n// scss-docs-end color-variables\n\n// scss-docs-start colors-map\n$colors: (\n    \"blue\":       $blue,\n    \"indigo\":     $indigo,\n    \"purple\":     $purple,\n    \"pink\":       $pink,\n    \"red\":        $red,\n    \"orange\":     $orange,\n    \"yellow\":     $yellow,\n    \"green\":      $green,\n    \"secondary\":  $secondary,\n    \"teal\":       $teal,\n    \"cyan\":       $cyan,\n    \"black\":      $black,\n    \"white\":      $white,\n    \"gray\":       $gray-600,\n    \"gray-dark\":  $gray-800\n);\n// scss-docs-end colors-map\n// scss-docs-start theme-color-variables\n$primary:       $blue;\n$secondary:     $secondary;\n$success:       $green;\n$info:          $cyan;\n$warning:       $yellow;\n$orange:        $orange;\n$danger:        $red;\n$light:         $gray-150;\n$dark:          $gray-800;\n$purple:        $purple;\n\n// scss-docs-end theme-color-variables\n$theme-colors: (\n    \"primary\":    $primary,\n    \"secondary\":  $secondary,\n    \"success\":    $success,\n    \"info\":       $info,\n    \"warning\":    $warning,\n    \"danger\":     $danger,\n    \"pink\":       $pink,\n    \"light\":      $light,\n    \"dark\":       $dark,\n    \"purple\":     $purple\n);\n\n// scss-docs-end theme-colors-map\n\n// scss-docs-start theme-colors-rgb\n$theme-colors-rgb: map-loop($theme-colors, to-rgb, \"$value\");\n// scss-docs-end theme-colors-rgb\n\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.\n// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\n$min-contrast-ratio:   1.7;\n\n// Customize the light and dark text colors for use in our color contrast function.\n$color-contrast-dark:      $black;\n$color-contrast-light:     $white;\n\n// fusv-disable\n$blue-100: tint-color($blue, 80%);\n$blue-200: tint-color($blue, 60%);\n$blue-300: tint-color($blue, 40%);\n$blue-400: tint-color($blue, 20%);\n$blue-500: $blue;\n$blue-600: shade-color($blue, 20%);\n$blue-700: shade-color($blue, 40%);\n$blue-800: shade-color($blue, 60%);\n$blue-900: shade-color($blue, 80%);\n\n$indigo-100: tint-color($indigo, 80%);\n$indigo-200: tint-color($indigo, 60%);\n$indigo-300: tint-color($indigo, 40%);\n$indigo-400: tint-color($indigo, 20%);\n$indigo-500: $indigo;\n$indigo-600: shade-color($indigo, 20%);\n$indigo-700: shade-color($indigo, 40%);\n$indigo-800: shade-color($indigo, 60%);\n$indigo-900: shade-color($indigo, 80%);\n\n$purple-100: tint-color($purple, 80%);\n$purple-200: tint-color($purple, 60%);\n$purple-300: tint-color($purple, 40%);\n$purple-400: tint-color($purple, 20%);\n$purple-500: $purple;\n$purple-600: shade-color($purple, 20%);\n$purple-700: shade-color($purple, 40%);\n$purple-800: shade-color($purple, 60%);\n$purple-900: shade-color($purple, 80%);\n\n$pink-100: tint-color($pink, 80%);\n$pink-200: tint-color($pink, 60%);\n$pink-300: tint-color($pink, 40%);\n$pink-400: tint-color($pink, 20%);\n$pink-500: $pink;\n$pink-600: shade-color($pink, 20%);\n$pink-700: shade-color($pink, 40%);\n$pink-800: shade-color($pink, 60%);\n$pink-900: shade-color($pink, 80%);\n\n$red-100: tint-color($red, 80%);\n$red-200: tint-color($red, 60%);\n$red-300: tint-color($red, 40%);\n$red-400: tint-color($red, 20%);\n$red-500: $red;\n$red-600: shade-color($red, 20%);\n$red-700: shade-color($red, 40%);\n$red-800: shade-color($red, 60%);\n$red-900: shade-color($red, 80%);\n\n$orange-100: tint-color($orange, 80%);\n$orange-200: tint-color($orange, 60%);\n$orange-300: tint-color($orange, 40%);\n$orange-400: tint-color($orange, 20%);\n$orange-500: $orange;\n$orange-600: shade-color($orange, 20%);\n$orange-700: shade-color($orange, 40%);\n$orange-800: shade-color($orange, 60%);\n$orange-900: shade-color($orange, 80%);\n\n$yellow-100: tint-color($yellow, 80%);\n$yellow-200: tint-color($yellow, 60%);\n$yellow-300: tint-color($yellow, 40%);\n$yellow-400: tint-color($yellow, 20%);\n$yellow-500: $yellow;\n$yellow-600: shade-color($yellow, 20%);\n$yellow-700: shade-color($yellow, 40%);\n$yellow-800: shade-color($yellow, 60%);\n$yellow-900: shade-color($yellow, 80%);\n\n$green-100: tint-color($green, 80%);\n$green-200: tint-color($green, 60%);\n$green-300: tint-color($green, 40%);\n$green-400: tint-color($green, 20%);\n$green-500: $green;\n$green-600: shade-color($green, 20%);\n$green-700: shade-color($green, 40%);\n$green-800: shade-color($green, 60%);\n$green-900: shade-color($green, 80%);\n\n$teal-100: tint-color($teal, 80%);\n$teal-200: tint-color($teal, 60%);\n$teal-300: tint-color($teal, 40%);\n$teal-400: tint-color($teal, 20%);\n$teal-500: $teal;\n$teal-600: shade-color($teal, 20%);\n$teal-700: shade-color($teal, 40%);\n$teal-800: shade-color($teal, 60%);\n$teal-900: shade-color($teal, 80%);\n\n$cyan-100: tint-color($cyan, 80%);\n$cyan-200: tint-color($cyan, 60%);\n$cyan-300: tint-color($cyan, 40%);\n$cyan-400: tint-color($cyan, 20%);\n$cyan-500: $cyan;\n$cyan-600: shade-color($cyan, 20%);\n$cyan-700: shade-color($cyan, 40%);\n$cyan-800: shade-color($cyan, 60%);\n$cyan-900: shade-color($cyan, 80%);\n\n$blues: (\n  \"blue-100\": $blue-100,\n  \"blue-200\": $blue-200,\n  \"blue-300\": $blue-300,\n  \"blue-400\": $blue-400,\n  \"blue-500\": $blue-500,\n  \"blue-600\": $blue-600,\n  \"blue-700\": $blue-700,\n  \"blue-800\": $blue-800,\n  \"blue-900\": $blue-900\n);\n\n$indigos: (\n  \"indigo-100\": $indigo-100,\n  \"indigo-200\": $indigo-200,\n  \"indigo-300\": $indigo-300,\n  \"indigo-400\": $indigo-400,\n  \"indigo-500\": $indigo-500,\n  \"indigo-600\": $indigo-600,\n  \"indigo-700\": $indigo-700,\n  \"indigo-800\": $indigo-800,\n  \"indigo-900\": $indigo-900\n);\n\n$purples: (\n  \"purple-100\": $purple-100,\n  \"purple-200\": $purple-200,\n  \"purple-300\": $purple-300,\n  \"purple-400\": $purple-400,\n  \"purple-500\": $purple-500,\n  \"purple-600\": $purple-600,\n  \"purple-700\": $purple-700,\n  \"purple-800\": $purple-800,\n  \"purple-900\": $purple-900\n);\n\n$pinks: (\n  \"pink-100\": $pink-100,\n  \"pink-200\": $pink-200,\n  \"pink-300\": $pink-300,\n  \"pink-400\": $pink-400,\n  \"pink-500\": $pink-500,\n  \"pink-600\": $pink-600,\n  \"pink-700\": $pink-700,\n  \"pink-800\": $pink-800,\n  \"pink-900\": $pink-900\n);\n\n$reds: (\n  \"red-100\": $red-100,\n  \"red-200\": $red-200,\n  \"red-300\": $red-300,\n  \"red-400\": $red-400,\n  \"red-500\": $red-500,\n  \"red-600\": $red-600,\n  \"red-700\": $red-700,\n  \"red-800\": $red-800,\n  \"red-900\": $red-900\n);\n\n$oranges: (\n  \"orange-100\": $orange-100,\n  \"orange-200\": $orange-200,\n  \"orange-300\": $orange-300,\n  \"orange-400\": $orange-400,\n  \"orange-500\": $orange-500,\n  \"orange-600\": $orange-600,\n  \"orange-700\": $orange-700,\n  \"orange-800\": $orange-800,\n  \"orange-900\": $orange-900\n);\n\n$yellows: (\n  \"yellow-100\": $yellow-100,\n  \"yellow-200\": $yellow-200,\n  \"yellow-300\": $yellow-300,\n  \"yellow-400\": $yellow-400,\n  \"yellow-500\": $yellow-500,\n  \"yellow-600\": $yellow-600,\n  \"yellow-700\": $yellow-700,\n  \"yellow-800\": $yellow-800,\n  \"yellow-900\": $yellow-900\n);\n\n$greens: (\n  \"green-100\": $green-100,\n  \"green-200\": $green-200,\n  \"green-300\": $green-300,\n  \"green-400\": $green-400,\n  \"green-500\": $green-500,\n  \"green-600\": $green-600,\n  \"green-700\": $green-700,\n  \"green-800\": $green-800,\n  \"green-900\": $green-900\n);\n\n$teals: (\n  \"teal-100\": $teal-100,\n  \"teal-200\": $teal-200,\n  \"teal-300\": $teal-300,\n  \"teal-400\": $teal-400,\n  \"teal-500\": $teal-500,\n  \"teal-600\": $teal-600,\n  \"teal-700\": $teal-700,\n  \"teal-800\": $teal-800,\n  \"teal-900\": $teal-900\n);\n\n$cyans: (\n  \"cyan-100\": $cyan-100,\n  \"cyan-200\": $cyan-200,\n  \"cyan-300\": $cyan-300,\n  \"cyan-400\": $cyan-400,\n  \"cyan-500\": $cyan-500,\n  \"cyan-600\": $cyan-600,\n  \"cyan-700\": $cyan-700,\n  \"cyan-800\": $cyan-800,\n  \"cyan-900\": $cyan-900\n);\n// fusv-enable\n\n// scss-docs-start theme-text-variables\n$primary-text-emphasis:   shade-color($primary, 60%);\n$secondary-text-emphasis: shade-color($secondary, 60%);\n$success-text-emphasis:   shade-color($success, 60%);\n$info-text-emphasis:      shade-color($info, 60%);\n$warning-text-emphasis:   shade-color($warning, 60%);\n$danger-text-emphasis:    shade-color($danger, 60%);\n$purple-text-emphasis:    shade-color($purple, 60%);\n$light-text-emphasis:     $gray-700;\n$dark-text-emphasis:      $gray-700;\n// scss-docs-end theme-text-variables\n\n// scss-docs-start theme-bg-subtle-variables\n$primary-bg-subtle:       tint-color($primary, 80%);\n$secondary-bg-subtle:     tint-color($secondary, 80%);\n$success-bg-subtle:       tint-color($success, 80%);\n$info-bg-subtle:          tint-color($info, 80%);\n$warning-bg-subtle:       tint-color($warning, 80%);\n$danger-bg-subtle:        tint-color($danger, 80%);\n$purple-bg-subtle:        tint-color($purple, 80%);\n$light-bg-subtle:         mix($gray-100, $white);\n$dark-bg-subtle:          $gray-400;\n// scss-docs-end theme-bg-subtle-variables\n\n// scss-docs-start theme-border-subtle-variables\n$primary-border-subtle:   tint-color($primary, 60%);\n$secondary-border-subtle: tint-color($secondary, 60%);\n$success-border-subtle:   tint-color($success, 60%);\n$info-border-subtle:      tint-color($info, 60%);\n$warning-border-subtle:   tint-color($warning, 60%);\n$danger-border-subtle:    tint-color($danger, 60%);\n$purple-border-subtle:    tint-color($purple, 60%);\n$light-border-subtle:     $gray-200;\n$dark-border-subtle:      $gray-500;\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n  (\"<\", \"%3c\"),\n  (\">\", \"%3e\"),\n  (\"#\", \"%23\"),\n  (\"(\", \"%28\"),\n  (\")\", \"%29\"),\n);\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret:                false;\n$enable-rounded:              true;\n$enable-shadows:              false;\n$enable-gradients:            false;\n$enable-transitions:          true;\n$enable-reduced-motion:       true;\n$enable-smooth-scroll:        true;\n$enable-grid-classes:         true;\n$enable-container-classes:    true;\n$enable-cssgrid:              false;\n$enable-button-pointers:      true;\n$enable-rfs:                  true;\n$enable-validation-icons:     true;\n$enable-negative-margins:     true;\n$enable-deprecation-messages: true;\n$enable-important-utilities:  true;\n\n$enable-dark-mode:            true;\n$color-mode-type:             data; // `data` or `media-query`\n// Prefix for :root CSS variables\n\n$prefix:             bs-; // Deprecated in v5.2.0 for the shorter `$prefix`\n$prefix:                      $prefix;\n\n// Gradient\n//\n// The gradient which is added to components if `$enable-gradients` is `true`\n// This gradient is also added to elements with `.bg-gradient`\n// scss-docs-start variable-gradient\n$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0));\n// scss-docs-end variable-gradient\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// scss-docs-start spacer-variables-maps\n$spacer: 1rem;\n$spacers: (\n  0: 0,\n  1: $spacer * 0.25,\n  2: $spacer * 0.5,\n  3: $spacer,\n  4: $spacer * 1.5,\n  5: $spacer * 3,\n);\n\n$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null);\n// scss-docs-end spacer-variables-maps\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n// scss-docs-start position-map\n$position-values: (\n  0: 0,\n  50: 50%,\n  100: 100%\n);\n// scss-docs-end position-map\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg:                   #f9f6fa;\n$body-color:                $gray-700;\n$body-text-align:           null;\n\n$body-secondary-color:      rgba($body-color, .75);\n$body-secondary-bg:         $white;\n\n$body-tertiary-color:       rgba($body-color, .5);\n$body-tertiary-bg:          $gray-100;\n\n$body-emphasis-color:       $black;\n\n// Extends the default `$theme-colors` maps to help create our utilities.\n\n// scss-docs-start utilities-colors\n$utilities-colors: map-merge(\n  $theme-colors-rgb,\n  (\n    \"black\": to-rgb($black),\n    \"white\": to-rgb($white),\n    \"body\":  to-rgb($body-color)\n  )\n);\n// scss-docs-end utilities-colors\n\n// scss-docs-start utilities-text-colors\n$utilities-text-colors: map-loop($utilities-colors, rgba-css-var, \"$key\", \"text\");\n// scss-docs-end utilities-text-colors\n\n// scss-docs-start utilities-bg-colors\n$utilities-bg-colors: map-loop($utilities-colors, rgba-css-var, \"$key\", \"bg\");\n// scss-docs-end utilities-bg-colors\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                              $primary;\n$link-decoration:                         none;\n$link-shade-percentage:                   20%;\n$link-hover-color:                        shift-color($link-color, $link-shade-percentage);\n$link-hover-decoration:                   null;\n\n$stretched-link-pseudo-element:           after;\n$stretched-link-z-index:                  1;\n\n// Icon links\n// scss-docs-start icon-link-variables\n$icon-link-gap:               .375rem;\n$icon-link-underline-offset:  .25em;\n$icon-link-icon-size:         1em;\n$icon-link-icon-transition:   .2s ease-in-out transform;\n$icon-link-icon-transform:    translate3d(.25em, 0, 0);\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom:   1rem;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n// scss-docs-start grid-breakpoints\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px,\n  xxl: 1400px\n);\n// scss-docs-end grid-breakpoints\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n// scss-docs-start container-max-widths\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px,\n  xxl: 1320px\n);\n// scss-docs-end container-max-widths\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns:                12;\n$grid-gutter-width:           22px;\n$grid-row-columns:            6;\n\n$gutters: $spacers;\n\n// Container padding\n\n$container-padding-x: $grid-gutter-width * 0.5;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n// scss-docs-start border-variables\n$border-width:                1px;\n$border-widths: (\n  1: 1px,\n  2: 2px,\n  3: 3px,\n  4: 4px,\n  5: 5px\n);\n$border-style:                solid;\n$border-color:                $gray-300;\n$border-color-translucent:    rgba($black, .175);\n// scss-docs-end border-variables\n\n// scss-docs-start border-radius-variables\n$border-radius:               .25rem;\n$border-radius-sm:            .2rem;\n$border-radius-lg:            .4rem;\n$border-radius-xl:            1rem;\n$border-radius-xxl:           2rem;\n$border-radius-pill:          50rem;\n// scss-docs-end border-radius-variables\n$border-radius-2xl:           $border-radius-xxl; // Deprecated in v5.3.0\n\n// scss-docs-start box-shadow-variables\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075);\n$box-shadow:                  0 2px 3px rgba($dark, 0.06);\n$box-shadow-lg:               0 5px 6px rgba($dark, 0.1);\n$box-shadow-inset:            inset 0 1px 2px rgba($black, .075);\n// scss-docs-end box-shadow-variables\n\n$component-active-color:      $white;\n$component-active-bg:         $primary;\n\n$focus-ring-width:      .25rem;\n$focus-ring-opacity:    .25;\n$focus-ring-color:      rgba($primary, $focus-ring-opacity);\n$focus-ring-blur:       0;\n$focus-ring-box-shadow: 0 0 $focus-ring-blur $focus-ring-width $focus-ring-color;\n// scss-docs-start caret-variables\n$caret-width:                 .3em;\n$caret-vertical-align:        $caret-width * .85;\n$caret-spacing:               $caret-width * .85;\n// scss-docs-end caret-variables\n\n$transition-base:             all .2s ease-in-out;\n$transition-fade:             opacity .15s linear;\n// scss-docs-start collapse-transition\n$transition-collapse:         height .35s ease;\n$transition-collapse-width:   width .35s ease;\n// scss-docs-end collapse-transition\n\n// stylelint-disable function-disallowed-list\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n  \"1x1\": 100%,\n  \"4x3\": calc(3 / 4 * 100%),\n  \"16x9\": calc(9 / 16 * 100%),\n  \"21x9\": calc(9 / 21 * 100%)\n);\n// scss-docs-end aspect-ratios\n// stylelint-enable function-disallowed-list\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// scss-docs-start font-variables\n// stylelint-disable value-keyword-case\n$font-family-sans-serif:       'Noto Sans', sans-serif;\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n$font-family-base:          $font-family-sans-serif;\n// stylelint-enable value-keyword-case\n$font-family-base:            var(--#{$prefix}font-sans-serif);\n$font-family-code:            var(--#{$prefix}font-monospace);\n\n// $font-size-root effects the value of `rem`, which is used for as well font sizes, paddings and margins\n// $font-size-base effects the font size of the body text\n$font-size-root:              null;\n$font-size-base:              0.9rem;\n$font-size-lg:                $font-size-base * 1.25;\n$font-size-sm:                $font-size-base * .875;\n\n$font-weight-lighter:         lighter;\n$font-weight-light:           300;\n$font-weight-normal:          400;\n$font-weight-medium:          500;\n$font-weight-semibold:        600;\n$font-weight-bold:            700;\n$font-weight-bolder:          bolder;\n\n$font-weight-base:            $font-weight-normal;\n\n$line-height-base:            1.5;\n$line-height-sm:              1.25;\n$line-height-lg:              2;\n\n$h1-font-size:                $font-size-base * 2.5;\n$h2-font-size:                $font-size-base * 2;\n$h3-font-size:                $font-size-base * 1.75;\n$h4-font-size:                $font-size-base * 1.5;\n$h5-font-size:                $font-size-base * 1.25;\n$h6-font-size:                $font-size-base;\n// scss-docs-end font-variables\n\n// scss-docs-start font-sizes\n$font-sizes: (\n  1: $h1-font-size,\n  2: $h2-font-size,\n  3: $h3-font-size,\n  4: $h4-font-size,\n  5: $h5-font-size,\n  6: $h6-font-size\n);\n// scss-docs-end font-sizes\n\n// scss-docs-start headings-variables\n$headings-margin-bottom:      $spacer * 0.5;\n$headings-font-family:        null;\n$headings-font-style:         null;\n$headings-font-weight:        500;\n$headings-line-height:        1.2;\n$headings-color:              null;\n// scss-docs-end headings-variables\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n  1: 6rem,\n  2: 5.5rem,\n  3: 4.5rem,\n  4: 3.5rem,\n  5: 3rem,\n  6: 2.5rem\n);\n\n$display-font-family: null;\n$display-font-style:  null;\n$display-font-weight: 300;\n$display-line-height: $headings-line-height;\n// scss-docs-end display-headings\n\n// scss-docs-start type-variables\n$lead-font-size:              $font-size-base * 1.25;\n$lead-font-weight:            300;\n\n$small-font-size:             87.5%;\n\n$sub-sup-font-size:           .75em;\n\n$text-muted:                  var(--#{$prefix}text-muted); \n\n$initialism-font-size:        $small-font-size;\n\n$blockquote-margin-y:         $spacer;\n$blockquote-font-size:        $font-size-base * 1.25;\n$blockquote-footer-color:     $gray-600;\n$blockquote-footer-font-size: $small-font-size;\n\n$hr-margin-y:                 $spacer;\n$hr-color:                    $gray-500;\n$hr-height:                   $border-width;\n// fusv-disable\n$hr-bg-color:                 null; // Deprecated in v5.2.0\n$hr-height:                   null; // Deprecated in v5.2.0\n// fusv-enable\n\n$hr-border-color:             null; // Allows for inherited colors\n$hr-border-width:             var(--#{$prefix}border-width);\n$hr-opacity:                  .25;\n\n$vr-border-width:             var(--#{$prefix}border-width);\n$legend-margin-bottom:        .5rem;\n$legend-font-size:            1.5rem;\n$legend-font-weight:          null;\n\n$mark-padding:                .2em;\n\n$dt-font-weight:              $font-weight-bold;\n\n$nested-kbd-font-weight:      $font-weight-bold;\n\n$list-inline-padding:         .5rem;\n\n\n$mark-bg:                     #fcf8e3;\n// scss-docs-end type-variables\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n// scss-docs-start table-variables\n\n$table-cell-padding-y:          .75rem;\n$table-cell-padding-x:          .75rem;\n$table-cell-padding-y-sm:       .25rem;\n$table-cell-padding-x-sm:       .25rem;\n\n$table-cell-vertical-align:     top;\n\n$table-color:                   var(--#{$prefix}secondary-color);\n$table-bg:                      var(--#{$prefix}secondary-bg);\n$table-accent-bg:               null;\n\n$table-th-font-weight:          600;\n\n$table-striped-color:           $table-color;\n$table-striped-bg-factor:       .05;\n$table-striped-bg:              var(--#{$prefix}tertiary-bg);\n$table-dark-border-color:       tint-color($gray-800, 7.5%);\n\n$table-active-color:            $table-color;\n$table-active-bg-factor:        .1;\n$table-active-bg:               var(--#{$prefix}tertiary-bg);\n\n$table-hover-color:             $table-color;\n$table-hover-bg-factor:         .075;\n$table-hover-bg:                var(--#{$prefix}tertiary-bg);\n\n$table-border-factor:           .1;\n$table-border-width:            var(--#{$prefix}border-width);\n$table-border-color:            var(--#{$prefix}border-color);\n\n\n$table-striped-order:           odd;\n$table-striped-columns-order:   even;\n\n$table-group-separator-color:   var(--#{$prefix}border-color);\n\n$table-caption-color:           var(--#{$prefix}secondary-color);\n\n$table-bg-scale:              -80%;\n// scss-docs-end table-variables\n\n// scss-docs-start table-loop\n$table-variants: (\n  \"primary\":    shift-color($primary, $table-bg-scale),\n  \"secondary\":  shift-color($secondary, $table-bg-scale),\n  \"success\":    shift-color($success, $table-bg-scale),\n  \"info\":       shift-color($info, $table-bg-scale),\n  \"warning\":    shift-color($warning, $table-bg-scale),\n  \"danger\":     shift-color($danger, $table-bg-scale),\n  \"light\":      $light,\n  \"dark\":       $dark,\n);\n// scss-docs-end table-loop\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n// scss-docs-start input-btn-variables\n$input-btn-padding-y:         .47rem;\n$input-btn-padding-x:         .75rem;\n$input-btn-font-family:       null;\n$input-btn-font-size:         $font-size-base;\n$input-btn-line-height:       $line-height-base;\n\n$input-btn-focus-width:         .15rem;\n$input-btn-focus-color-opacity: .25;\n$input-btn-focus-color:         rgba($component-active-bg, $input-btn-focus-color-opacity);\n$input-btn-focus-blur:          0;\n$input-btn-focus-box-shadow:    0 0 0 $input-btn-focus-width $input-btn-focus-color;\n\n$input-btn-padding-y-sm:      .25rem;\n$input-btn-padding-x-sm:      .5rem;\n$input-btn-font-size-sm:      $font-size-sm;\n\n$input-btn-padding-y-lg:      .5rem;\n$input-btn-padding-x-lg:      1rem;\n$input-btn-font-size-lg:      $font-size-lg;\n\n$input-btn-border-width:      var(--#{$prefix}border-width);\n// scss-docs-end input-btn-variables\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n// scss-docs-start btn-variables\n$btn-color:                   var(--#{$prefix}body-color);\n$btn-padding-y:               $input-btn-padding-y;\n$btn-padding-x:               $input-btn-padding-x;\n$btn-font-family:             $input-btn-font-family;\n$btn-font-size:               $input-btn-font-size;\n$btn-line-height:             $input-btn-line-height;\n$btn-white-space:             null; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm;\n$btn-padding-x-sm:            $input-btn-padding-x-sm;\n$btn-font-size-sm:            $input-btn-font-size-sm;\n\n$btn-padding-y-lg:            $input-btn-padding-y-lg;\n$btn-padding-x-lg:            $input-btn-padding-x-lg;\n$btn-font-size-lg:            $input-btn-font-size-lg;\n\n$btn-border-width:            $input-btn-border-width;\n\n$btn-font-weight:             $font-weight-normal;\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075);\n$btn-focus-width:             $input-btn-focus-width;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow;\n$btn-disabled-opacity:        .65;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125);\n\n$btn-link-color:              $link-color;\n$btn-link-hover-color:        $link-hover-color;\n$btn-link-disabled-color:     $gray-600;\n$btn-link-focus-shadow-rgb:   to-rgb(mix(color-contrast($link-color), $link-color, 15%));\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           var(--#{$prefix}border-radius);\n$btn-border-radius-sm:        var(--#{$prefix}border-radius-sm);\n$btn-border-radius-lg:        var(--#{$prefix}border-radius-lg);\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$btn-hover-bg-shade-amount:       15%;\n$btn-hover-bg-tint-amount:        15%;\n$btn-hover-border-shade-amount:   20%;\n$btn-hover-border-tint-amount:    10%;\n$btn-active-bg-shade-amount:      20%;\n$btn-active-bg-tint-amount:       20%;\n$btn-active-border-shade-amount:  25%;\n$btn-active-border-tint-amount:   10%;\n// scss-docs-end btn-variables\n\n\n// Forms\n\n// scss-docs-start form-text-variables\n$form-text-margin-top:                  .25rem;\n$form-text-font-size:                   $small-font-size;\n$form-text-font-style:                  null;\n$form-text-font-weight:                 null;\n$form-text-color:                       var(--#{$prefix}secondary-color);\n// scss-docs-end form-text-variables\n\n// scss-docs-start form-label-variables\n$form-label-margin-bottom:              .5rem;\n$form-label-font-size:                  null;\n$form-label-font-style:                 null;\n$form-label-font-weight:                null;\n$form-label-color:                      null;\n// scss-docs-end form-label-variables\n\n// scss-docs-start form-input-variables\n$input-padding-y:                       $input-btn-padding-y;\n$input-padding-x:                       $input-btn-padding-x;\n$input-font-family:                     $input-btn-font-family;\n$input-font-size:                       $input-btn-font-size;\n$input-font-weight:                     $font-weight-base;\n$input-line-height:                     $input-btn-line-height;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm;\n$input-padding-x-sm:                    $input-btn-padding-x-sm;\n$input-font-size-sm:                    $input-btn-font-size-sm;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg;\n$input-padding-x-lg:                    $input-btn-padding-x-lg;\n$input-font-size-lg:                    $input-btn-font-size-lg;\n\n$input-bg:                              var(--#{$prefix}tertiary-bg);\n$input-disabled-color:                  null;\n$input-disabled-bg:                     var(--#{$prefix}secondary-bg);\n$input-disabled-border-color:           null;\n\n$input-color:                           var(--#{$prefix}secondary-color);\n$input-border-color:                    var(--#{$prefix}border-color);\n$input-border-width:                    $input-btn-border-width;\n$input-box-shadow:                      $box-shadow-inset;\n\n$input-border-radius:                   var(--#{$prefix}border-radius);\n$input-border-radius-sm:                var(--#{$prefix}border-radius-sm);\n$input-border-radius-lg:                var(--#{$prefix}border-radius-lg);\n\n$input-focus-bg:                        $input-bg;\n$input-focus-border-color:              tint-color($component-active-bg, 50%);\n$input-focus-color:                     $input-color;\n$input-focus-width:                     $input-btn-focus-width;\n$input-focus-box-shadow:                none;\n\n$input-placeholder-color:               var(--#{$prefix}secondary-color);\n$input-plaintext-color:                 var(--#{$prefix}body-color);\n\n$input-height-border:                   calc(#{$input-border-width} * 2); // stylelint-disable-line function-disallowed-list\n\n$input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2);\n$input-height-inner-half:               add($input-line-height * .5em, $input-padding-y);\n$input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y * 0.5);\n\n$input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false));\n$input-height-sm:                       add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false));\n$input-height-lg:                       add($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false));\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n$form-color-width:                      3rem;\n// scss-docs-end form-input-variables\n\n// scss-docs-start form-check-variables\n$form-check-input-width:                  1em;\n$form-check-min-height:                   $font-size-base * $line-height-base;\n$form-check-padding-start:                $form-check-input-width + .5em;\n$form-check-margin-bottom:                0rem;\n$form-check-label-color:                  null;\n$form-check-label-cursor:                 null;\n$form-check-transition:                   background-color .15s ease-in-out, background-position .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$form-check-input-active-filter:          brightness(90%);\n\n$form-check-input-bg:                     $input-bg;\n$form-check-input-border:                 var(--#{$prefix}border-width) solid var(--#{$prefix}border-color);\n$form-check-input-border-radius:          .25em;\n$form-check-radio-border-radius:          50%;\n$form-check-input-focus-border:           $input-focus-border-color;\n$form-check-input-focus-box-shadow:       none;\n\n$form-check-input-checked-color:          $component-active-color;\n$form-check-input-checked-bg-color:       $component-active-bg;\n$form-check-input-checked-border-color:   $form-check-input-checked-bg-color;\n$form-check-input-checked-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-checked-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/></svg>\");\n$form-check-radio-checked-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='#{$form-check-input-checked-color}'/></svg>\");\n\n$form-check-input-indeterminate-color:          $component-active-color;\n$form-check-input-indeterminate-bg-color:       $component-active-bg;\n$form-check-input-indeterminate-border-color:   $form-check-input-indeterminate-bg-color;\n$form-check-input-indeterminate-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-indeterminate-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/></svg>\");\n\n$form-check-input-disabled-opacity:        .5;\n$form-check-label-disabled-opacity:        $form-check-input-disabled-opacity;\n$form-check-btn-check-disabled-opacity:    $btn-disabled-opacity;\n\n$form-check-inline-margin-end:    1rem;\n// scss-docs-end form-check-variables\n\n// scss-docs-start form-switch-variables\n$form-switch-color:               rgba($black, .25);\n$form-switch-width:               2em;\n$form-switch-padding-start:       $form-switch-width + .5em;\n$form-switch-bg-image:            url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-color}'/></svg>\");\n$form-switch-border-radius:       $form-switch-width;\n$form-switch-transition:          background-position .15s ease-in-out;\n\n$form-switch-focus-color:         $input-focus-border-color;\n$form-switch-focus-bg-image:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-focus-color}'/></svg>\");\n\n$form-switch-checked-color:       $component-active-color;\n$form-switch-checked-bg-image:    url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-checked-color}'/></svg>\");\n$form-switch-checked-bg-position: right center;\n// scss-docs-end form-switch-variables\n$form-check-inline-margin-end:    1rem;\n// scss-docs-start input-group-variables\n$input-group-addon-padding-y:           $input-padding-y;\n$input-group-addon-padding-x:           $input-padding-x;\n$input-group-addon-font-weight:         $input-font-weight;\n$input-group-addon-color:               $input-color;\n$input-group-addon-bg:                  var(--#{$prefix}input-group-addon-bg);\n$input-group-addon-border-color:        $input-border-color;\n// scss-docs-end input-group-variables\n\n// scss-docs-start form-select-variables\n$form-select-padding-y:             $input-padding-y;\n$form-select-padding-x:             $input-padding-x;\n$form-select-font-family:           $input-font-family;\n$form-select-font-size:             $input-font-size;\n$form-select-indicator-padding:     1.75rem; // Extra padding to account for the presence of the background-image based indicator\n$form-select-font-weight:           $input-font-weight;\n$form-select-line-height:           $input-line-height;\n$form-select-color:                 $input-color;\n$form-select-bg:                    $input-bg;\n$form-select-disabled-color:        null;\n$form-select-disabled-bg:           $input-disabled-bg;\n$form-select-disabled-border-color: $input-disabled-border-color;\n$form-select-bg-position:           right $form-select-padding-x center;\n$form-select-bg-size:               16px 12px; // In pixels because image dimensions\n$form-select-indicator-color:       $gray-800;\n$form-select-indicator:             url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-select-indicator-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>\");\n\n$form-select-feedback-icon-padding-end: $form-select-padding-x * 2.5 + $form-select-indicator-padding;\n$form-select-feedback-icon-position:    center right ($form-select-padding-x + $form-select-indicator-padding);\n$form-select-feedback-icon-size:        $input-height-inner-half $input-height-inner-half;\n\n$form-select-border-width:        $input-border-width;\n$form-select-border-color:        $input-border-color;\n$form-select-border-radius:       $input-border-radius;\n$form-select-box-shadow:          $box-shadow-inset;\n\n$form-select-focus-border-color:  $input-focus-border-color;\n$form-select-focus-width:         $input-focus-width;\n$form-select-focus-box-shadow:    0 0 0 $form-select-focus-width $input-btn-focus-color;\n\n$form-select-padding-y-sm:        $input-padding-y-sm;\n$form-select-padding-x-sm:        $input-padding-x-sm;\n$form-select-font-size-sm:        $input-font-size-sm;\n$form-select-border-radius-sm:    $input-border-radius-sm;\n\n$form-select-padding-y-lg:        $input-padding-y-lg;\n$form-select-padding-x-lg:        $input-padding-x-lg;\n$form-select-font-size-lg:        $input-font-size-lg;\n$form-select-border-radius-lg:    $input-border-radius-lg;\n\n$form-select-transition:          $input-transition;\n// scss-docs-end form-select-variables\n\n// scss-docs-start form-range-variables\n$form-range-track-width:          100%;\n$form-range-track-height:         .5rem;\n$form-range-track-cursor:         pointer;\n$form-range-track-bg:             var(--#{$prefix}tertiary-bg);\n$form-range-track-border-radius:  1rem;\n$form-range-track-box-shadow:     $box-shadow-inset;\n\n$form-range-thumb-width:                   1rem;\n$form-range-thumb-height:                  $form-range-thumb-width;\n$form-range-thumb-bg:                      $component-active-bg;\n$form-range-thumb-border:                  0;\n$form-range-thumb-border-radius:           1rem;\n$form-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1);\n$form-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow;\n$form-range-thumb-focus-box-shadow-width:  $input-focus-width; // For focus box shadow issue in Edge\n$form-range-thumb-active-bg:               tint-color($component-active-bg, 70%);\n$form-range-thumb-disabled-bg:             var(--#{$prefix}secondary-color);\n$form-range-thumb-transition:              background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n// scss-docs-end form-range-variables\n\n// scss-docs-start form-file-variables\n$form-file-button-color:          $input-color;\n$form-file-button-bg:             var(--#{$prefix}tertiary-bg);\n$form-file-button-hover-bg:       var(--#{$prefix}secondary-bg);\n// scss-docs-end form-file-variables\n\n// scss-docs-start form-floating-variables\n$form-floating-height:            add(3.5rem, $input-height-border);\n$form-floating-line-height:       1.25;\n$form-floating-padding-x:         $input-padding-x;\n$form-floating-padding-y:         1rem;\n$form-floating-input-padding-t:   1.625rem;\n$form-floating-input-padding-b:   .625rem;\n$form-floating-label-height:            1.5em;\n$form-floating-label-opacity:     .65;\n$form-floating-label-transform:   scale(.85) translateY(-.5rem) translateX(.15rem);\n$form-floating-label-disabled-color:    $gray-600;\n$form-floating-transition:        opacity .1s ease-in-out, transform .1s ease-in-out;\n// scss-docs-end form-floating-variables\n\n// Form validation\n\n// scss-docs-start form-feedback-variables\n$form-feedback-margin-top:          $form-text-margin-top;\n$form-feedback-font-size:           $form-text-font-size;\n$form-feedback-font-style:          $form-text-font-style;\n$form-feedback-valid-color:         $success;\n$form-feedback-invalid-color:       $danger;\n\n$form-feedback-icon-valid-color:    $form-feedback-valid-color;\n$form-feedback-icon-valid:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>\");\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color;\n$form-feedback-icon-invalid:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\");\n// scss-docs-end form-feedback-variables\n\n$form-valid-color:                  $form-feedback-valid-color;\n$form-valid-border-color:           $form-feedback-valid-color;\n$form-invalid-color:                $form-feedback-invalid-color;\n$form-invalid-border-color:         $form-feedback-invalid-color;\n// scss-docs-start form-validation-states\n$form-validation-states: (\n  \"valid\": (\n    \"color\": var(--#{$prefix}form-valid-color),\n    \"icon\": $form-feedback-icon-valid,\n    \"tooltip-color\": #fff,\n    \"tooltip-bg-color\": var(--#{$prefix}success),\n    \"focus-box-shadow\": 0 0 $input-btn-focus-blur $input-focus-width rgba(var(--#{$prefix}success-rgb), $input-btn-focus-color-opacity),\n    \"border-color\": var(--#{$prefix}form-valid-border-color),\n  ),\n  \"invalid\": (\n    \"color\": var(--#{$prefix}form-invalid-color),\n    \"icon\": $form-feedback-icon-invalid,\n    \"tooltip-color\": #fff,\n    \"tooltip-bg-color\": var(--#{$prefix}danger),\n    \"focus-box-shadow\": 0 0 $input-btn-focus-blur $input-focus-width rgba(var(--#{$prefix}danger-rgb), $input-btn-focus-color-opacity),\n    \"border-color\": var(--#{$prefix}form-invalid-border-color),\n  )\n);\n// scss-docs-end form-validation-states\n\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-dropdown:                   1000;\n$zindex-sticky:                     1020;\n$zindex-fixed:                      1030;\n$zindex-offcanvas-backdrop:         1040;\n$zindex-offcanvas:                  1045;\n$zindex-modal-backdrop:             1050;\n$zindex-modal:                      1055;\n$zindex-popover:                    1070;\n$zindex-tooltip:                    1080;\n$zindex-toast:                      1090;\n// scss-docs-end zindex-stack\n\n// scss-docs-start zindex-levels-map\n$zindex-levels: (\n  n1: -1,\n  0: 0,\n  1: 1,\n  2: 2,\n  3: 3\n);\n// scss-docs-end zindex-levels-map\n\n// Navs\n\n// scss-docs-start nav-variables\n$nav-link-padding-y:                .5rem;\n$nav-link-padding-x:                1rem;\n$nav-link-font-size:                null;\n$nav-link-font-weight:              null;\n$nav-link-color:                    var(--#{$prefix}link-color);\n$nav-link-hover-color:              var(--#{$prefix}link-hover-color);\n$nav-link-transition:               color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;\n$nav-link-disabled-color:           var(--#{$prefix}secondary-color);\n$nav-link-focus-box-shadow:         $focus-ring-box-shadow;\n\n$nav-tabs-border-color:             var(--#{$prefix}border-color);\n$nav-tabs-border-width:             var(--#{$prefix}border-width);\n$nav-tabs-border-radius:            var(--#{$prefix}border-radius);\n$nav-tabs-link-hover-border-color:  var(--#{$prefix}secondary-bg) var(--#{$prefix}secondary-bg) $nav-tabs-border-color;\n$nav-tabs-link-active-color:        var(--#{$prefix}emphasis-color);\n$nav-tabs-link-active-bg:           var(--#{$prefix}secondary-bg);\n$nav-tabs-link-active-border-color: var(--#{$prefix}border-color) var(--#{$prefix}border-color) $nav-tabs-link-active-bg;\n\n$nav-pills-border-radius:           var(--#{$prefix}border-radius);\n$nav-pills-link-active-color:       $component-active-color;\n$nav-pills-link-active-bg:          $component-active-bg;\n$nav-underline-gap:                 1rem;\n$nav-underline-border-width:        .125rem;\n$nav-underline-link-active-color:   var(--#{$prefix}emphasis-color);\n// scss-docs-end nav-variables\n\n\n// Navbar\n\n// scss-docs-start navbar-variables\n$navbar-padding-y:                  $spacer * 0.5;\n$navbar-padding-x:                  null;\n\n$navbar-nav-link-padding-x:         .5rem;\n\n$navbar-brand-font-size:            $font-size-lg;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base;\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) * 0.5;\n$navbar-brand-margin-end:           1rem;\n\n$navbar-toggler-padding-y:          .25rem;\n$navbar-toggler-padding-x:          .75rem;\n$navbar-toggler-font-size:          $font-size-lg;\n$navbar-toggler-border-radius:      $btn-border-radius;\n$navbar-toggler-focus-width:        $btn-focus-width;\n$navbar-toggler-transition:         box-shadow .15s ease-in-out;\n$navbar-light-color:                rgba(var(--#{$prefix}emphasis-color-rgb), .65);\n$navbar-light-hover-color:          rgba(var(--#{$prefix}emphasis-color-rgb), .8);\n$navbar-light-active-color:         rgba(var(--#{$prefix}emphasis-color-rgb), 1);\n$navbar-light-disabled-color:       rgba(var(--#{$prefix}emphasis-color-rgb), .3);\n$navbar-light-icon-color:           rgba($body-color, .75);\n$navbar-light-toggler-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-light-icon-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\");\n$navbar-light-toggler-border-color: rgba(var(--#{$prefix}emphasis-color-rgb), .15);\n$navbar-light-brand-color:          $navbar-light-active-color;\n$navbar-light-brand-hover-color:    $navbar-light-active-color;\n// scss-docs-end navbar-variables\n\n// scss-docs-start navbar-theme-variables\n$navbar-dark-color:                 rgba($white, .55);\n$navbar-dark-hover-color:           rgba($white, .75);\n$navbar-dark-active-color:          $white;\n$navbar-dark-disabled-color:        rgba($white, .25);\n$navbar-dark-icon-color:            $navbar-dark-color;\n$navbar-dark-toggler-icon-bg:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\");\n$navbar-dark-toggler-border-color:  rgba($white, .1);\n$navbar-dark-brand-color:                 $navbar-dark-active-color;\n$navbar-dark-brand-hover-color:           $navbar-dark-active-color;\n// scss-docs-end navbar-theme-variables\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n// scss-docs-start dropdown-variables\n$dropdown-min-width:                10rem;\n$dropdown-padding-x:                0;\n$dropdown-padding-y:                .5rem;\n$dropdown-spacer:                   .125rem;\n$dropdown-font-size:                $font-size-base ;\n$dropdown-color:                    var(--#{$prefix}secondary-color);\n$dropdown-bg:                       var(--#{$prefix}secondary-bg);\n$dropdown-border-color:             var(--#{$prefix}border-color);\n$dropdown-border-radius:            var(--#{$prefix}border-radius);\n$dropdown-border-width:             var(--#{$prefix}border-width);\n$dropdown-inner-border-radius:      calc(#{$dropdown-border-radius} - #{$dropdown-border-width}); // stylelint-disable-line function-disallowed-list\n$dropdown-divider-bg:               $dropdown-border-color;\n$dropdown-divider-margin-y:         $spacer * 0.5;\n$dropdown-box-shadow:               var(--#{$prefix}box-shadow);\n\n\n$dropdown-link-color:               var(--#{$prefix}body-color);\n$dropdown-link-hover-color:         var(--#{$prefix}secondary-color);\n$dropdown-link-hover-bg:            var(--#{$prefix}tertiary-bg);\n\n$dropdown-link-active-color:        $dropdown-link-color;\n$dropdown-link-active-bg:           var(--#{$prefix}tertiary-bg);\n\n$dropdown-link-disabled-color:      var(--#{$prefix}tertiary-color);\n\n$dropdown-item-padding-y:           .35rem;\n$dropdown-item-padding-x:           1.5rem;\n\n$dropdown-header-color:             $gray-600;\n$dropdown-header-padding-x:         $dropdown-item-padding-x;\n$dropdown-header-padding-y:         $dropdown-padding-y;\n$dropdown-header-padding:           $dropdown-header-padding-y $dropdown-header-padding-x; // Deprecated in v5.2.0\n// scss-docs-end dropdown-variables\n\n// scss-docs-start dropdown-dark-variables\n$dropdown-dark-color:               $gray-300;\n$dropdown-dark-bg:                  var(--#{$prefix}secondary-bg);\n$dropdown-dark-border-color:        $dropdown-border-color;\n$dropdown-dark-divider-bg:          $dropdown-divider-bg;\n$dropdown-dark-box-shadow:          null;\n$dropdown-dark-link-color:          $dropdown-dark-color;\n$dropdown-dark-link-hover-color:    $white;\n$dropdown-dark-link-hover-bg:       rgba($white, .15);\n$dropdown-dark-link-active-color:   $dropdown-link-active-color;\n$dropdown-dark-link-active-bg:      $dropdown-link-active-bg;\n$dropdown-dark-link-disabled-color: $gray-300;\n$dropdown-dark-header-color:        $gray-500;\n// scss-docs-end dropdown-dark-variables\n\n\n// Pagination\n\n// scss-docs-start pagination-variables\n$pagination-padding-y:              .375rem;\n$pagination-padding-x:              .75rem;\n$pagination-padding-y-sm:           .25rem;\n$pagination-padding-x-sm:           .5rem;\n$pagination-padding-y-lg:           .75rem;\n$pagination-padding-x-lg:           1.5rem;\n\n$pagination-color:                  $gray-600;\n$pagination-color:                  var(--#{$prefix}gray-600);\n$pagination-bg:                     var(--#{$prefix}secondary-bg);\n$pagination-border-radius:          var(--#{$prefix}border-radius);\n$pagination-border-width:           var(--#{$prefix}border-width);\n$pagination-margin-start:           calc(#{$pagination-border-width} * -1); // stylelint-disable-line function-disallowed-list\n$pagination-border-color:           var(--#{$prefix}border-color);\n\n$pagination-focus-color:            var(--#{$prefix}link-hover-color);\n$pagination-focus-bg:               var(--#{$prefix}tertiary-bg);\n$pagination-focus-box-shadow:       none;\n$pagination-focus-outline:          0;\n\n$pagination-hover-color:            var(--#{$prefix}link-hover-color);\n$pagination-hover-bg:               var(--#{$prefix}tertiary-bg);\n$pagination-hover-border-color:     var(--#{$prefix}border-color); // Todo in v6: remove this?\n\n$pagination-active-color:           $component-active-color;\n$pagination-active-bg:              $component-active-bg;\n$pagination-active-border-color:    $pagination-active-bg;\n\n$pagination-disabled-color:         var(--#{$prefix}secondary-color);\n$pagination-disabled-bg:            var(--#{$prefix}secondary-bg);\n$pagination-disabled-border-color:  var(--#{$prefix}border-color);\n\n$pagination-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$pagination-border-radius-sm:       var(--#{$prefix}border-radius-sm);\n$pagination-border-radius-lg:       var(--#{$prefix}border-radius-lg);\n// scss-docs-end pagination-variables\n\n\n// Placeholders\n\n// scss-docs-start placeholders\n$placeholder-opacity-max:           .5;\n$placeholder-opacity-min:           .2;\n// scss-docs-end placeholders\n\n// Cards\n\n// scss-docs-start card-variables\n$card-spacer-y:                     1.25rem;\n$card-spacer-x:                     1.25rem;\n$card-title-spacer-y:               $spacer * 0.5;\n$card-title-color:                  var(--#{$prefix}secondary-color);\n$card-subtitle-color:               null;\n$card-border-width:                 var(--#{$prefix}border-width);\n$card-border-color:                 var(--#{$prefix}border-color);\n$card-border-radius:                var(--#{$prefix}border-radius);\n$card-box-shadow:                   null;\n$card-inner-border-radius:          subtract($card-border-radius, $card-border-width);\n$card-cap-padding-y:                $card-spacer-y * .5;\n$card-cap-padding-x:                $card-spacer-x;\n$card-cap-bg:                       var(--#{$prefix}secondary-bg);\n$card-cap-color:                    null;\n$card-height:                       null;\n$card-color:                        null;\n$card-bg:                           var(--#{$prefix}secondary-bg);\n\n$card-title-desc:                  var(--#{$prefix}card-title-desc);\n\n$card-img-overlay-padding:          $spacer;\n\n$card-group-margin:                 $grid-gutter-width * 0.5;\n// scss-docs-end card-variables\n\n// Accordion\n\n// scss-docs-start accordion-variables\n$accordion-padding-y:                     1rem;\n$accordion-padding-x:                     1.25rem;\n$accordion-color:                         var(--#{$prefix}body-color);\n$accordion-bg:                            var(--#{$prefix}secondary-bg);\n$accordion-border-width:                  var(--#{$prefix}border-width);\n$accordion-border-color:                  var(--#{$prefix}border-color);\n$accordion-border-radius:                 var(--#{$prefix}border-radius);\n$accordion-inner-border-radius:           subtract($accordion-border-radius, $accordion-border-width);\n\n$accordion-body-padding-y:                $accordion-padding-y;\n$accordion-body-padding-x:                $accordion-padding-x;\n\n$accordion-button-padding-y:              $accordion-padding-y;\n$accordion-button-padding-x:              $accordion-padding-x;\n$accordion-button-color:                  var(--#{$prefix}body-color);\n$accordion-button-bg:                     var(--#{$prefix}accordion-bg);\n$accordion-transition:                    $btn-transition, border-radius .15s ease;\n$accordion-button-active-bg:              var(--#{$prefix}primary-bg-subtle);\n$accordion-button-active-color:           var(--#{$prefix}primary-text-emphasis);\n\n$accordion-button-focus-border-color:     $input-focus-border-color;\n$accordion-button-focus-box-shadow:       none;\n\n$accordion-icon-width:                    14px;\n$accordion-icon-color:                    $accordion-color;\n$accordion-icon-active-color:             $primary-text-emphasis;\n$accordion-icon-transition:               transform .2s ease-in-out;\n$accordion-icon-transform:                rotate(180deg);\n\n$accordion-button-icon:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>\");\n$accordion-button-active-icon:  url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>\");\n// scss-docs-end accordion-variables\n\n// Tooltips\n\n// scss-docs-start tooltip-variables\n$tooltip-font-size:                 $font-size-sm;\n$tooltip-max-width:                 200px;\n$tooltip-color:                     var(--#{$prefix}secondary-bg);\n$tooltip-bg:                        var(--#{$prefix}emphasis-color);\n$tooltip-border-radius:             var(--#{$prefix}border-radius);\n$tooltip-opacity:                   .9;\n$tooltip-padding-y:                 .4rem;\n$tooltip-padding-x:                 .7rem;\n$tooltip-margin:                     0;\n\n$tooltip-arrow-width:               .8rem;\n$tooltip-arrow-height:              .4rem;\n$tooltip-arrow-color:               $tooltip-bg;\n// scss-docs-end tooltip-variables\n\n// Form tooltips must come after regular tooltips\n// scss-docs-start tooltip-feedback-variables\n$form-feedback-tooltip-padding-y:     $tooltip-padding-y;\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x;\n$form-feedback-tooltip-font-size:     $tooltip-font-size;\n$form-feedback-tooltip-line-height:   null;\n$form-feedback-tooltip-opacity:       $tooltip-opacity;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius;\n// scss-docs-start tooltip-feedback-variables\n\n\n// Popovers\n\n// scss-docs-start popover-variables\n$popover-font-size:                 $font-size-sm;\n$popover-bg:                        var(--#{$prefix}secondary-bg);\n$popover-max-width:                 276px;\n$popover-border-width:              var(--#{$prefix}border-width);\n$popover-border-color:              var(--#{$prefix}border-color-translucent);\n$popover-border-radius:             var(--#{$prefix}border-radius-lg);\n$popover-inner-border-radius:       calc(#{$popover-border-radius} - #{$popover-border-width}); // stylelint-disable-line function-disallowed-list\n$popover-box-shadow:                $box-shadow-lg;\n\n$popover-header-font-size:          $font-size-base;\n$popover-header-bg:                 var(--#{$prefix}secondary-bg);\n$popover-header-color:              $headings-color;\n$popover-header-padding-y:          .5rem;\n$popover-header-padding-x:          $spacer;\n\n$popover-body-color:                var(--#{$prefix}body-color);\n$popover-body-padding-y:            $popover-header-padding-y;\n$popover-body-padding-x:            $popover-header-padding-x;\n\n$popover-arrow-width:               1rem;\n$popover-arrow-height:              .5rem;\n\n// scss-docs-end popover-variables\n\n$popover-arrow-color:               $popover-bg;\n$popover-arrow-outer-color:         var(--#{$prefix}border-color-translucent);\n\n// Toasts\n\n// scss-docs-start toast-variables\n$toast-max-width:                   350px;\n$toast-padding-x:                   .75rem;\n$toast-padding-y:                   .5rem;\n$toast-font-size:                   .875rem;\n$toast-color:                       null;\n$toast-background-color:            rgba(var(--#{$prefix}body-bg-rgb), .85);\n$toast-border-width:                var(--#{$prefix}border-width);\n$toast-border-color:                var(--#{$prefix}border-color-translucent);\n$toast-border-radius:               var(--#{$prefix}border-radius);\n$toast-box-shadow:                  var(--#{$prefix}box-shadow);\n$toast-spacing:                     $container-padding-x;\n\n$toast-header-color:                var(--#{$prefix}secondary-color);\n$toast-header-background-color:     rgba(var(--#{$prefix}body-bg-rgb), .85);\n$toast-header-border-color:         $toast-border-color;\n// scss-docs-end toast-variables\n\n\n// Badges\n\n// scss-docs-start badge-variables\n$badge-font-size:                   75%;\n$badge-font-weight:                 $font-weight-medium;\n$badge-color:                       $white;\n$badge-padding-y:                   .25em;\n$badge-padding-x:                   .6em;\n$badge-border-radius:               var(--#{$prefix}border-radius);\n// scss-docs-end badge-variables\n\n\n// Modals\n\n// scss-docs-start modal-variables\n$modal-inner-padding:               $spacer;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between:       .5rem;\n\n$modal-dialog-margin:               .5rem;\n$modal-dialog-margin-y-sm-up:       1.75rem;\n\n$modal-title-line-height:           $line-height-base;\n\n$modal-content-color:               null;\n$modal-content-bg:                  var(--#{$prefix}body-bg);\n$modal-content-border-color:        var(--#{$prefix}border-color-translucent);\n$modal-content-border-width:        var(--#{$prefix}border-width);\n$modal-content-border-radius:       var(--#{$prefix}border-radius-lg);\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width);\n$modal-content-box-shadow-xs:       $box-shadow-sm;\n$modal-content-box-shadow-sm-up:    $box-shadow;\n\n$modal-backdrop-bg:                 $black;\n$modal-backdrop-opacity:            .5;\n$modal-header-border-color:         var(--#{$prefix}border-color);\n\n$modal-header-border-width:         $modal-content-border-width;\n$modal-header-padding-y:            $modal-inner-padding;\n$modal-header-padding-x:            $modal-inner-padding;\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x; // Keep this for backwards compatibility\n\n$modal-footer-bg:                   null;\n$modal-footer-border-color:         $modal-header-border-color;\n$modal-footer-border-width:         $modal-header-border-width;\n$modal-sm:                          300px;\n$modal-md:                          500px;\n$modal-lg:                          800px;\n$modal-xl:                          1140px;\n\n$modal-fade-transform:              translate(0, -50px);\n$modal-show-transform:              none;\n$modal-transition:                  transform .3s ease-out;\n$modal-scale-transform:             scale(1.02);\n// scss-docs-end modal-variables\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n// scss-docs-start alert-variables\n$alert-padding-y:                   .75rem;\n$alert-padding-x:                   1.25rem;\n$alert-margin-bottom:               1rem;\n$alert-border-radius:               var(--#{$prefix}border-radius);\n$alert-link-font-weight:            $font-weight-bold;\n$alert-border-width:                var(--#{$prefix}border-width);\n$alert-bg-scale:                    -80%;\n$alert-border-scale:                -70%;\n$alert-color-scale:                 40%;\n\n$alert-dismissible-padding-r:       $alert-padding-x * 3; // 3x covers width of x plus default padding on either side\n// scss-docs-end alert-variables\n\n\n// Progress bars\n\n// scss-docs-start progress-variables\n$progress-height:                   .625rem;\n$progress-font-size:                $font-size-base * .75;\n$progress-bg:                       var(--#{$prefix}tertiary-bg);\n$progress-border-radius:            var(--#{$prefix}border-radius);\n$progress-box-shadow:               var(--#{$prefix}box-shadow-inset);\n$progress-bar-color:                $white;\n$progress-bar-bg:                   $primary;\n$progress-bar-animation-timing:     1s linear infinite;\n$progress-bar-transition:           width .6s ease;\n// scss-docs-end progress-variables\n\n\n// List group\n\n// scss-docs-start list-group-variables\n$list-group-color:                  var(--#{$prefix}body-color);\n$list-group-bg:                     var(--#{$prefix}secondary-bg);\n$list-group-border-color:           var(--#{$prefix}border-color);\n$list-group-border-width:           var(--#{$prefix}border-width);\n$list-group-border-radius:          var(--#{$prefix}border-radius);\n\n$list-group-item-padding-y:         .75rem;\n$list-group-item-padding-x:         1.25rem;\n$list-group-item-bg-scale:          -80%;\n$list-group-item-color-scale:       40%;\n\n$list-group-hover-bg:               var(--#{$prefix}tertiary-bg);\n$list-group-active-color:           $component-active-color;\n$list-group-active-bg:              $component-active-bg;\n$list-group-active-border-color:    $list-group-active-bg;\n\n$list-group-disabled-color:         var(--#{$prefix}secondary-color);\n$list-group-disabled-bg:            $list-group-bg;\n\n$list-group-action-color:           var(--#{$prefix}secondary-color);\n$list-group-action-hover-color:     var(--#{$prefix}emphasis-color);\n\n$list-group-action-active-color:    var(--#{$prefix}body-color);\n$list-group-action-active-bg:       var(--#{$prefix}secondary-bg);\n// scss-docs-end list-group-variables\n\n\n// Image thumbnails\n\n// scss-docs-start thumbnail-variables\n$thumbnail-padding:                 .25rem;\n$thumbnail-bg:                      var(--#{$prefix}body-bg);\n$thumbnail-border-width:            var(--#{$prefix}border-width);\n$thumbnail-border-color:            var(--#{$prefix}border-color);\n$thumbnail-border-radius:           var(--#{$prefix}border-radius);\n$thumbnail-box-shadow:              var(--#{$prefix}box-shadow-sm);\n// scss-docs-end thumbnail-variables\n\n\n// Figures\n\n// scss-docs-start figure-variables\n$figure-caption-font-size:          $small-font-size;\n$figure-caption-color:              var(--#{$prefix}secondary-color);\n// scss-docs-end figure-variables\n\n\n// Breadcrumbs\n\n// scss-docs-start breadcrumb-variables\n$breadcrumb-font-size:              null;\n$breadcrumb-padding-y:              0;\n$breadcrumb-padding-x:              0;\n$breadcrumb-item-padding-x:         .5rem;\n$breadcrumb-margin-bottom:          1rem;\n$breadcrumb-bg:                     null;\n$breadcrumb-divider-color:          var(--#{$prefix}tertiary-color);\n$breadcrumb-active-color:           var(--#{$prefix}gray-600);\n$breadcrumb-divider:                quote(\"\\F0142\");\n$breadcrumb-divider-flipped:        $breadcrumb-divider;\n$breadcrumb-border-radius:          null;\n// scss-docs-end breadcrumb-variables\n\n// Carousel\n\n// scss-docs-start carousel-variables\n$carousel-control-color:             $white;\n$carousel-control-width:             15%;\n$carousel-control-opacity:           .5;\n$carousel-control-hover-opacity:     .9;\n$carousel-control-transition:        opacity .15s ease;\n$carousel-indicator-width:           30px;\n$carousel-indicator-height:          3px;\n$carousel-indicator-hit-area-height: 10px;\n$carousel-indicator-spacer:          3px;\n$carousel-indicator-opacity:         .5;\n$carousel-indicator-active-bg:       $white;\n$carousel-indicator-active-opacity:  1;\n$carousel-indicator-transition:      opacity .6s ease;\n\n\n$carousel-caption-width:             70%;\n$carousel-caption-color:             $white;\n$carousel-caption-padding-y:         1.25rem;\n$carousel-caption-spacer:            1.25rem;\n\n$carousel-control-icon-width:        1rem;\n\n$carousel-control-prev-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/></svg>\");\n$carousel-control-next-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>\");\n\n$carousel-transition-duration:       .6s;\n$carousel-transition:                transform $carousel-transition-duration ease-in-out; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n$carousel-dark-indicator-active-bg:  $black;\n$carousel-dark-caption-color:        $black;\n$carousel-dark-control-icon-filter:  invert(1) grayscale(100);\n// scss-docs-end carousel-variables\n\n\n// Spinners\n\n// scss-docs-start spinner-variables\n$spinner-width:           2rem;\n$spinner-height:          $spinner-width;\n$spinner-vertical-align:  -.125em;\n$spinner-border-width:    .25em;\n$spinner-animation-speed: .75s;\n\n$spinner-width-sm:        1rem;\n$spinner-height-sm:       $spinner-width-sm;\n$spinner-border-width-sm: .2em;\n// scss-docs-end spinner-variables\n\n\n// Close\n\n// scss-docs-start close-variables\n$btn-close-width:            1em;\n$btn-close-height:           $btn-close-width;\n$btn-close-padding-x:        .25em;\n$btn-close-padding-y:        $btn-close-padding-x;\n$btn-close-color:            $black;\n$btn-close-bg:               url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>\");\n$btn-close-focus-shadow:     none;\n$btn-close-opacity:          .5;\n$btn-close-hover-opacity:    .75;\n$btn-close-focus-opacity:    1;\n$btn-close-disabled-opacity: .25;\n$btn-close-white-filter:     invert(1) grayscale(100%) brightness(200%);\n// scss-docs-end close-variables\n\n\n// Offcanvas\n\n// scss-docs-start offcanvas-variables\n$offcanvas-padding-y:               $modal-inner-padding;\n$offcanvas-padding-x:               $modal-inner-padding;\n$offcanvas-horizontal-width:        400px;\n$offcanvas-vertical-height:         30vh;\n$offcanvas-transition-duration:     .3s;\n$offcanvas-border-color:            $modal-content-border-color;\n$offcanvas-border-width:            $modal-content-border-width;\n$offcanvas-title-line-height:       $modal-title-line-height;\n$offcanvas-bg-color:                var(--#{$prefix}body-bg);\n$offcanvas-color:                   var(--#{$prefix}body-color);\n$offcanvas-box-shadow:              $modal-content-box-shadow-xs;\n$offcanvas-backdrop-bg:             $modal-backdrop-bg;\n$offcanvas-backdrop-opacity:        $modal-backdrop-opacity;\n// scss-docs-end offcanvas-variables\n\n// Code\n\n$code-font-size:                    $small-font-size;\n$code-color:                        $danger;\n\n$kbd-padding-y:                     .2rem;\n$kbd-padding-x:                     .4rem;\n$kbd-font-size:                     $code-font-size;\n$kbd-color:                         var(--#{$prefix}body-bg);\n$kbd-bg:                            var(--#{$prefix}body-color);\n$nested-kbd-font-weight:            null; // Deprecated in v5.2.0, removing in v6\n\n$pre-color:                         null;\n\n","/*\nTemplate Name: Vuesy - Admin & Dashboard Template\nAuthor: Themesdesign\nVersion: 1.2.0\nWebsite: https://Themesdesign.in/\nContact: themesdesign.in@gmail.com\nFile: Main Css File\n*/\n@import url(\"https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&family=Nunito+Sans:wght@400;600;700&display=swap\");\n#page-topbar {\n  position: sticky;\n  top: 0;\n  right: 0;\n  margin-left: 255px;\n  z-index: 1002;\n  background-color: var(--bs-header-bg);\n  box-shadow: 0 2px 3px rgba(36, 36, 60, 0.06);\n}\n\n.navbar-header {\n  display: flex;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n  align-items: center;\n  margin: 0 auto;\n  height: 85px;\n  padding: 0 calc(22px / 2) 0 0;\n}\n.navbar-header .dropdown .header-item.show {\n  color: #776acf;\n}\n.navbar-header .navbar-brand-box {\n  display: none;\n}\n\n.verti-dash-content {\n  background: var(--bs-header-dark-bg);\n  border-top: 1px solid rgba(255, 255, 255, 0.1);\n  padding: 0 calc(22px / 2) 0 calc(22px / 2);\n}\n\nbody:not([data-sidebar-size=sm]) .navbar-header .vertical-menu-btn {\n  display: none;\n}\nbody:not([data-sidebar-size=sm]) .app-search {\n  margin-left: 22px;\n}\n\n.navbar-brand-box {\n  padding: 0 1.5rem;\n  width: 255px;\n  position: fixed;\n  z-index: 1;\n}\n\n.logo {\n  line-height: 85px;\n}\n.logo .logo-sm {\n  display: none;\n}\n\n.logo-dark {\n  display: block;\n}\n\n.logo-light {\n  display: none;\n}\n\n.logo-txt {\n  font-weight: 700;\n  font-size: 20px;\n  vertical-align: text-bottom;\n  margin-left: 5px;\n  line-height: 1;\n  color: var(--bs-body-color);\n}\n\n/* Search */\n.app-search {\n  padding: calc(47px / 2) 0;\n}\n.app-search .form-control {\n  height: 40px;\n  padding-left: 40px;\n  padding-right: 20px;\n  border-color: #eff0f2;\n  background-color: var(--bs-topbar-search-bg);\n  box-shadow: none;\n}\n.app-search span {\n  position: absolute;\n  z-index: 10;\n  font-size: 16px;\n  line-height: 38px;\n  left: 13px;\n  top: 0;\n  color: #9295a4;\n}\n\n.megamenu-list li {\n  position: relative;\n  padding: 5px 0px;\n}\n.megamenu-list li a {\n  color: var(--bs-secondary-color);\n}\n\n@media (max-width: 991.98px) {\n  .navbar-brand-box {\n    width: auto;\n  }\n\n  #page-topbar {\n    margin-left: 0;\n  }\n  #page-topbar .navbar-header .navbar-brand-box {\n    display: inline-block;\n    position: relative;\n    background: var(--bs-header-dark-bg);\n  }\n  #page-topbar .navbar-header .vertical-menu-btn {\n    display: inline-block;\n  }\n\n  .logo span.logo-lg {\n    display: none;\n  }\n  .logo span.logo-sm {\n    display: inline-block;\n  }\n}\n.page-content {\n  padding: calc(85px - 33px) calc(22px / 2) 60px calc(22px / 2);\n}\n\n.header-item {\n  height: 85px;\n  box-shadow: none !important;\n  color: var(--bs-header-item-color);\n  border: 0;\n  border-radius: 0px;\n}\n.header-item:hover {\n  color: var(--bs-header-item-color);\n}\n\n.header-profile-user {\n  height: 36px;\n  width: 36px;\n  border: 1px solid #e9ebed;\n  padding: 3px;\n}\n\n.user .user-item-desc {\n  line-height: 1.2;\n}\n.user .user-name {\n  font-size: 14.4px;\n  display: block;\n  color: #2d2d49;\n}\n.user .user-sub-title {\n  color: var(--bs-text-muted);\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.noti-icon {\n  position: relative;\n}\n.noti-icon i {\n  font-size: 20px;\n  color: var(--bs-header-item-color);\n  margin-top: 6px;\n}\n.noti-icon .noti-dot {\n  position: absolute;\n  top: 26px;\n  right: 8px;\n  height: 15px;\n  width: 15px;\n  color: #fff;\n  line-height: 13px;\n  font-weight: 500;\n  font-size: 10px;\n}\n\n.notification-item .d-flex {\n  padding: 0.75rem 1rem;\n}\n.notification-item .d-flex:hover {\n  background-color: var(--bs-tertiary-bg);\n}\n\n.dropdown-icon-item {\n  display: block;\n  border-radius: 3px;\n  line-height: 34px;\n  text-align: center;\n  padding: 15px 0 9px;\n  display: block;\n  border: 1px solid transparent;\n  color: #9295a4;\n}\n.dropdown-icon-item img {\n  height: 24px;\n}\n.dropdown-icon-item span {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dropdown-icon-item:hover {\n  border-color: #f4f5f6;\n}\n\n.fullscreen-enable [data-toggle=fullscreen] .uil-minus-path::before {\n  content: \"\\eb8d\";\n}\n\nbody[data-topbar=dark] #page-topbar {\n  background: var(--bs-header-dark-bg);\n}\nbody[data-topbar=dark] .navbar-header .dropdown.show .header-item {\n  background-color: rgba(255, 255, 255, 0.05);\n}\nbody[data-topbar=dark] .header-profile-user {\n  border-color: rgba(255, 255, 255, 0.25);\n}\nbody[data-topbar=dark] .user-name {\n  color: var(--bs-header-dark-item-color);\n}\nbody[data-topbar=dark] .user-sub-title {\n  color: rgba(255, 255, 255, 0.5);\n}\nbody[data-topbar=dark] .noti-icon i {\n  color: var(--bs-header-dark-item-color);\n}\nbody[data-topbar=dark] .noti-icon .noti-dot {\n  box-shadow: 0 0 0 3px var(--bs-header-dark-bg);\n}\nbody[data-topbar=dark] .app-search .form-control {\n  background-color: rgba(255, 255, 255, 0.1);\n  border-color: rgba(255, 255, 255, 0.15);\n  color: rgba(255, 255, 255, 0.7);\n}\nbody[data-topbar=dark] .app-search span,\nbody[data-topbar=dark] .app-search input.form-control::-webkit-input-placeholder {\n  color: rgba(255, 255, 255, 0.5);\n}\n\nbody[data-layout=horizontal][data-bs-theme=dark][data-topbar=light] .navbar-brand-box .logo-dark .logo-lg {\n  display: block;\n}\nbody[data-layout=horizontal][data-bs-theme=dark][data-topbar=light] .navbar-brand-box .logo-dark .logo-lg .logo-txt {\n  color: #24243c;\n}\nbody[data-layout=horizontal][data-bs-theme=dark][data-topbar=light] .navbar-brand-box .logo-light {\n  display: none;\n}\n\nbody[data-bs-theme=dark] [data-topbar=dark] #page-topbar {\n  background: var(--bs-header-dark-bg);\n}\n\n@media (max-width: 600px) {\n  .navbar-header .dropdown {\n    position: static;\n  }\n  .navbar-header .dropdown .dropdown-menu {\n    left: 10px !important;\n    right: 10px !important;\n  }\n}\n@media (max-width: 380px) {\n  .navbar-brand-box {\n    display: none;\n  }\n}\n@media (max-width: 374.99px) {\n  .navbar-brand-box {\n    padding: 0 1rem;\n  }\n\n  .language-switch {\n    display: none !important;\n  }\n}\n.page-title-box {\n  padding: calc(22px + 12px) 0px 22px 0px;\n}\n.page-title-box .page-title-right .breadcrumb {\n  background-color: transparent;\n  padding: 0;\n}\n.page-title-box .page-title-right .breadcrumb .breadcrumb-item.page-head a {\n  color: rgba(255, 255, 255, 0.5);\n}\n.page-title-box .page-title-right .breadcrumb .breadcrumb-item.page-head.active {\n  color: #fff !important;\n}\n.page-title-box h4 {\n  font-size: 18px !important;\n}\n.page-title-box h4.sub-title {\n  color: #fff;\n}\n@media (max-width: 575.98px) {\n  .page-title-box .page-title-right {\n    display: none;\n  }\n}\n\n.footer {\n  bottom: 0;\n  padding: 20px calc(22px / 2);\n  position: absolute;\n  right: 0;\n  color: var(--bs-footer-color);\n  left: 250px;\n  background-color: var(--bs-footer-bg);\n  height: 60px;\n  box-shadow: 0 0px 4px rgba(15, 34, 58, 0.12);\n}\n\n@media (max-width: 992px) {\n  .footer {\n    left: 0;\n  }\n}\nbody[data-sidebar-size=sm] .footer {\n  left: 70px;\n}\n\nbody[data-layout=horizontal] .footer {\n  left: 0 !important;\n}\n\n.right-bar {\n  background-color: var(--bs-secondary-bg);\n  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);\n  display: block;\n  position: fixed;\n  transition: all 200ms ease-out;\n  width: 280px;\n  z-index: 9999;\n  float: right !important;\n  right: -290px;\n  top: 0;\n  bottom: 0;\n}\n.right-bar .right-bar-toggle-close {\n  background-color: #313152;\n  height: 24px;\n  width: 24px;\n  line-height: 24px;\n  color: #f4f5f6;\n  text-align: center;\n  border-radius: 50%;\n}\n.right-bar .right-bar-toggle-close:hover {\n  background-color: #37375c;\n}\n\n.rightbar-overlay {\n  background-color: rgba(36, 36, 60, 0.55);\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  display: none;\n  z-index: 9998;\n  transition: all 0.2s ease-out;\n}\n\n.right-bar-enabled .right-bar {\n  right: 0;\n}\n.right-bar-enabled .rightbar-overlay {\n  display: block;\n}\n\n@media (max-width: 575.98px) {\n  .right-bar {\n    overflow: auto;\n  }\n  .right-bar .slimscroll-menu {\n    height: auto !important;\n  }\n}\n.metismenu {\n  margin: 0;\n}\n.metismenu li {\n  display: block;\n  width: 100%;\n}\n.metismenu .mm-collapse {\n  display: none;\n}\n.metismenu .mm-collapse:not(.mm-show) {\n  display: none;\n}\n.metismenu .mm-collapse.mm-show {\n  display: block;\n}\n.metismenu .mm-collapsing {\n  position: relative;\n  height: 0;\n  overflow: hidden;\n  transition-timing-function: ease;\n  transition-duration: 0.35s;\n  transition-property: height, visibility;\n}\n\n.vertical-menu {\n  width: 255px;\n  z-index: 1005;\n  background: var(--bs-sidebar-bg);\n  bottom: 0;\n  margin-top: 0;\n  position: fixed;\n  top: 0;\n  border-right: 1px solid var(--bs-sidebar-border-color);\n  box-shadow: 0 2px 3px rgba(36, 36, 60, 0.06);\n}\n.vertical-menu .vertical-menu-btn {\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 2;\n}\n\n.main-content {\n  margin-left: 255px;\n  overflow: hidden;\n}\n.main-content .content {\n  padding: 0 15px 10px 15px;\n  margin-top: 85px;\n}\n\n.sidebar-menu-scroll {\n  height: calc(100% - 85px);\n  margin-top: 85px;\n}\n\n#sidebar-menu {\n  padding: 0px 0 30px 0;\n}\n#sidebar-menu .mm-active > .has-arrow:after {\n  transform: rotate(-180deg);\n}\n#sidebar-menu .has-arrow:after {\n  content: \"\\f0140\";\n  font-family: \"Material Design Icons\";\n  display: block;\n  transition: transform 0.2s;\n  font-size: 1rem;\n  position: absolute;\n  right: 15px;\n  top: 9px;\n}\n#sidebar-menu .has-arrow + ul .has-arrow:after {\n  right: 25px;\n  top: 7px;\n}\n#sidebar-menu .metismenu .menu-title::after {\n  display: none;\n}\n#sidebar-menu .metismenu .menu-item {\n  margin-left: 3px;\n}\n#sidebar-menu ul li a {\n  display: flex;\n  padding: 0.65rem 1rem;\n  color: var(--bs-sidebar-menu-item-color);\n  position: relative;\n  font-weight: 400;\n  transition: all 0.4s;\n  margin: 0 10px;\n  border-radius: 3px;\n  font-size: 14.4px;\n  align-items: center;\n}\n#sidebar-menu ul li a .nav-icon {\n  display: inline-block;\n  min-width: 1.75rem;\n  vertical-align: middle;\n  color: var(--bs-sidebar-menu-item-icon-color);\n  transition: all 0.3s;\n  top: -1px;\n  font-size: 18px;\n}\n#sidebar-menu ul li a:hover {\n  color: var(--bs-sidebar-menu-item-hover-color);\n}\n#sidebar-menu ul li a:hover .nav-icon {\n  color: var(--bs-sidebar-menu-item-hover-color);\n}\n#sidebar-menu ul li .badge {\n  margin-left: auto;\n}\n#sidebar-menu ul li ul.sub-menu {\n  padding: 0;\n}\n#sidebar-menu ul li ul.sub-menu li a {\n  padding: 0.5rem 1.5rem 0.5rem 3.5rem;\n  font-weight: 400;\n  color: var(--bs-sidebar-menu-sub-item-color);\n  margin: 0;\n  background-color: transparent;\n  font-size: 14px;\n  font-family: var(--bs-font-sans-serif);\n  margin-right: 10px;\n}\n#sidebar-menu ul li ul.sub-menu li a:hover {\n  color: var(--bs-sidebar-menu-item-hover-color);\n}\n#sidebar-menu ul li ul.sub-menu li a:hover:before {\n  border-color: #776acf;\n  background-color: #776acf;\n}\n#sidebar-menu ul li ul.sub-menu li ul.sub-menu {\n  padding: 0;\n}\n#sidebar-menu ul li ul.sub-menu li ul.sub-menu li a {\n  padding: 0.4rem 1.5rem 0.4rem 4.5rem;\n}\n#sidebar-menu ul li ul.sub-menu li ul.sub-menu li a:before {\n  left: 55px;\n  top: 15px;\n}\n#sidebar-menu ul li.mm-active {\n  color: var(--bs-sidebar-menu-item-active-color);\n}\n#sidebar-menu ul li.mm-active > a {\n  background-color: var(--bs-sidebar-menu-item-active-bg-color);\n  color: var(--bs-sidebar-menu-item-active-color);\n}\n#sidebar-menu ul li.mm-active > a:before {\n  content: \"\";\n  height: 100%;\n  top: 0;\n  width: 3px;\n  background-color: #776acf;\n  position: absolute;\n  left: 0;\n  border-end-start-radius: 3px;\n  border-start-start-radius: 3px;\n}\n#sidebar-menu ul li.mm-active > a .nav-icon {\n  color: var(--bs-sidebar-menu-item-active-color) !important;\n}\n#sidebar-menu ul li.mm-active .mm-show .mm-active > a {\n  color: var(--bs-sidebar-menu-item-active-color) !important;\n}\n#sidebar-menu ul li.mm-active .mm-show .mm-active > a:before {\n  display: none;\n}\n\n.menu-title {\n  padding: 12px 25px !important;\n  letter-spacing: 0.08em;\n  pointer-events: none;\n  cursor: default;\n  font-size: 10px;\n  text-transform: uppercase;\n  color: var(--bs-sidebar-menu-item-icon-color);\n  font-weight: 600;\n  opacity: 0.6;\n}\n\n@media (max-width: 992px) {\n  .vertical-menu {\n    display: none;\n    top: 85px;\n  }\n  .vertical-menu .sidebar-menu-scroll {\n    height: 100%;\n    margin-top: 0;\n  }\n  .vertical-menu .navbar-brand-box,\n.vertical-menu .vertical-menu-btn {\n    display: none;\n  }\n\n  .main-content {\n    margin-left: 0 !important;\n  }\n\n  body.sidebar-enable .vertical-menu {\n    display: block;\n  }\n}\n@media (min-width: 769px) {\n  body[data-sidebar-size=sm] {\n    min-height: 1850px;\n  }\n}\nbody[data-sidebar-size=sm] .main-content {\n  margin-left: 70px;\n}\nbody[data-sidebar-size=sm] .navbar-brand-box {\n  width: 70px !important;\n}\nbody[data-sidebar-size=sm] .logo span.logo-lg {\n  display: none;\n}\nbody[data-sidebar-size=sm] .logo span.logo-sm {\n  display: block;\n}\nbody[data-sidebar-size=sm] #page-topbar {\n  margin-left: 70px;\n}\nbody[data-sidebar-size=sm] .vertical-menu {\n  position: absolute;\n  width: 70px !important;\n  z-index: 1002;\n}\nbody[data-sidebar-size=sm] .vertical-menu .simplebar-mask,\nbody[data-sidebar-size=sm] .vertical-menu .simplebar-content-wrapper {\n  overflow: visible !important;\n}\nbody[data-sidebar-size=sm] .vertical-menu .simplebar-scrollbar,\nbody[data-sidebar-size=sm] .vertical-menu .vertical-menu-btn {\n  display: none !important;\n}\nbody[data-sidebar-size=sm] .vertical-menu .simplebar-offset {\n  bottom: 0 !important;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu .menu-title,\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu .badge {\n  display: none !important;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu .nav.collapse {\n  height: inherit !important;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu .has-arrow:after {\n  transform: rotate(-90deg);\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li {\n  position: relative;\n  white-space: nowrap;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a {\n  padding: 15px 0px;\n  transition: none;\n  display: block;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a:before {\n  display: none;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a:hover, body[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a:active, body[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a:focus {\n  color: var(--bs-sidebar-menu-item-hover-color);\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a i {\n  font-size: 1.3rem;\n  text-align: center;\n  min-width: 50px;\n  padding-bottom: 0;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a span {\n  display: none;\n  padding-left: 25px;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a.has-arrow:after {\n  display: none;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a .nav-icon {\n  top: -2px;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a {\n  position: relative;\n  width: calc(180px + 70px);\n  color: #776acf;\n  background-color: var(--bs-sidebar-menu-item-active-bg-color);\n  transition: none;\n  box-shadow: inset 0 3px 10px 0 rgba(154, 161, 171, 0.2);\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a .nav-icon {\n  color: #776acf;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a span {\n  display: inline;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul {\n  display: block;\n  left: 70px;\n  position: absolute;\n  width: 190px;\n  height: auto !important;\n  box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, 0.1);\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul ul {\n  box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, 0.1);\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul a {\n  box-shadow: none;\n  padding: 8px 20px;\n  position: relative;\n  width: 190px;\n  z-index: 6;\n  color: var(--bs-sidebar-menu-sub-item-color);\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n  color: var(--bs-sidebar-menu-item-hover-color);\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul {\n  padding: 5px 0;\n  z-index: 9999;\n  display: none;\n  background-color: var(--bs-sidebar-bg);\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul li:hover > ul {\n  display: block;\n  left: 190px;\n  height: auto !important;\n  margin-top: -36px;\n  position: absolute;\n  width: 190px;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul li > a span.pull-right {\n  position: absolute;\n  right: 20px;\n  top: 12px;\n  transform: rotate(270deg);\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul li.active a {\n  color: #f8f9fa;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li a:before {\n  display: none;\n}\n\nbody[data-sidebar=dark] .logo-txt {\n  color: #fff;\n}\nbody[data-sidebar=dark] .vertical-menu {\n  background: var(--bs-sidebar-dark-bg);\n  border-color: var(--bs-sidebar-dark-bg);\n}\nbody[data-sidebar=dark] .vertical-menu .vertical-menu-btn {\n  color: var(--bs-sidebar-dark-menu-item-color);\n}\nbody[data-sidebar=dark] #sidebar-menu ul li a {\n  color: var(--bs-sidebar-dark-menu-item-color);\n}\nbody[data-sidebar=dark] #sidebar-menu ul li a .nav-icon {\n  color: var(--bs-sidebar-dark-menu-item-icon-color);\n}\nbody[data-sidebar=dark] #sidebar-menu ul li a:hover {\n  color: var(--bs-sidebar-dark-menu-item-hover-color);\n}\nbody[data-sidebar=dark] #sidebar-menu ul li a:hover .nav-icon {\n  color: var(--bs-sidebar-dark-menu-item-hover-color);\n}\nbody[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a {\n  color: var(--bs-sidebar-dark-menu-sub-item-color);\n  background-color: transparent;\n}\nbody[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:before {\n  border-color: var(--bs-sidebar-dark-menu-sub-item-color);\n}\nbody[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover {\n  color: var(--bs-sidebar-dark-menu-item-hover-color);\n}\nbody[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover:before {\n  background-color: var(--bs-sidebar-dark-menu-item-hover-color);\n  border-color: var(--bs-sidebar-dark-menu-item-hover-color);\n}\nbody[data-sidebar=dark] #sidebar-menu ul li.mm-active {\n  color: var(--bs-sidebar-dark-menu-item-active-color) !important;\n}\nbody[data-sidebar=dark] #sidebar-menu ul li.mm-active > a {\n  background-color: var(--bs-sidebar-dark-menu-item-active-bg-color);\n  color: var(--bs-sidebar-dark-menu-item-active-color) !important;\n}\nbody[data-sidebar=dark] #sidebar-menu ul li.mm-active > a .nav-icon {\n  color: var(--bs-sidebar-dark-menu-item-active-color) !important;\n}\nbody[data-sidebar=dark] #sidebar-menu ul li.mm-active .mm-show .mm-active > a {\n  color: var(--bs-sidebar-dark-menu-item-active-color) !important;\n}\nbody[data-sidebar=dark] #sidebar-menu ul li.mm-active .mm-show .mm-active > a:before {\n  border-color: var(--bs-sidebar-dark-menu-item-active-color) !important;\n  background-color: var(--bs-sidebar-dark-menu-item-active-color) !important;\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] {\n  min-height: 1300px;\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a {\n  background: var(--bs-sidebar-dark-bg);\n  color: var(--bs-sidebar-dark-menu-item-hover-color);\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a .nav-icon {\n  color: var(--bs-sidebar-dark-menu-item-hover-color);\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul a {\n  color: var(--bs-sidebar-dark-menu-sub-item-color);\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n  color: var(--bs-sidebar-dark-menu-item-hover-color);\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul {\n  background-color: var(--bs-sidebar-dark-bg);\n}\nbody[data-sidebar=dark] .menu-title {\n  color: var(--bs-sidebar-dark-menu-item-color);\n}\n\nbody[data-layout=horizontal] .main-content {\n  margin-left: 0 !important;\n}\n\nbody[data-sidebar-size=md] .navbar-brand-box {\n  width: 160px;\n}\n@media (max-width: 991.98px) {\n  body[data-sidebar-size=md] .navbar-brand-box {\n    width: auto;\n  }\n}\nbody[data-sidebar-size=md] .vertical-menu {\n  width: 160px;\n  text-align: center;\n}\nbody[data-sidebar-size=md] .vertical-menu .has-arrow:after,\nbody[data-sidebar-size=md] .vertical-menu .badge {\n  display: none !important;\n}\nbody[data-sidebar-size=md] .vertical-menu .vertical-menu-btn {\n  display: none;\n}\nbody[data-sidebar-size=md] .main-content {\n  margin-left: 160px;\n}\nbody[data-sidebar-size=md] #page-topbar {\n  margin-left: 160px;\n}\n@media (max-width: 991.98px) {\n  body[data-sidebar-size=md] #page-topbar {\n    margin-left: 0;\n  }\n}\nbody[data-sidebar-size=md] .footer {\n  left: 160px;\n}\n@media (max-width: 991.98px) {\n  body[data-sidebar-size=md] .footer {\n    left: 0;\n  }\n}\nbody[data-sidebar-size=md] #sidebar-menu ul li.menu-title {\n  background-color: #ffffff2b;\n}\nbody[data-sidebar-size=md] #sidebar-menu ul li .menu-item {\n  margin-left: 0px;\n}\nbody[data-sidebar-size=md] #sidebar-menu ul li a {\n  padding: 0.75rem 1.1rem;\n  display: block;\n}\nbody[data-sidebar-size=md] #sidebar-menu ul li a .nav-icon {\n  width: 20px;\n  height: 20px;\n  display: block;\n  margin: 0 auto;\n  padding-bottom: 0.2em;\n  top: -2px;\n}\nbody[data-sidebar-size=md] #sidebar-menu ul li ul.sub-menu li a {\n  padding-left: 1.5rem;\n}\nbody[data-sidebar-size=md] #sidebar-menu ul li ul.sub-menu li a:before {\n  display: none;\n}\nbody[data-sidebar-size=md][data-sidebar=dark] #sidebar-menu ul li.menu-title {\n  background-color: var(--bs-sidebar-dark-bg);\n}\nbody[data-sidebar-size=md]:not(.vertical-collpsed) .navbar-header .vertical-menu-btn {\n  display: block;\n}\nbody[data-sidebar-size=md][data-sidebar-size=sm] .main-content {\n  margin-left: 70px;\n}\nbody[data-sidebar-size=md][data-sidebar-size=sm] .vertical-menu #sidebar-menu {\n  text-align: left;\n}\nbody[data-sidebar-size=md][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a .nav-icon {\n  display: inline-block;\n}\nbody[data-sidebar-size=md][data-sidebar-size=sm] #page-topbar,\nbody[data-sidebar-size=md][data-sidebar-size=sm] .footer {\n  left: 70px;\n}\n\nbody[data-sidebar=brand] .logo-txt {\n  color: #fff !important;\n}\nbody[data-sidebar=brand] .vertical-menu {\n  background-color: #776acf;\n  border-color: #776acf;\n}\nbody[data-sidebar=brand] .vertical-menu::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-image: url(\"../images/profile-bg.jpg\");\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n  opacity: 0.075;\n}\nbody[data-sidebar=brand] .vertical-menu .vertical-menu-btn {\n  color: rgba(255, 255, 255, 0.8);\n}\nbody[data-sidebar=brand] .navbar-brand-box {\n  background-color: #776acf;\n}\nbody[data-sidebar=brand] .navbar-brand-box .logo-dark {\n  display: none;\n}\nbody[data-sidebar=brand] .navbar-brand-box .logo-light {\n  display: block;\n}\nbody[data-sidebar=brand] #sidebar-menu ul li.menu-title {\n  color: var(--bs-white);\n}\nbody[data-sidebar=brand] #sidebar-menu ul li a {\n  color: rgba(255, 255, 255, 0.7);\n}\nbody[data-sidebar=brand] #sidebar-menu ul li a .nav-icon {\n  color: rgba(255, 255, 255, 0.7);\n}\nbody[data-sidebar=brand] #sidebar-menu ul li a:hover {\n  color: #fff;\n}\nbody[data-sidebar=brand] #sidebar-menu ul li a:hover .nav-icon {\n  color: #fff;\n}\nbody[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a {\n  color: rgba(255, 255, 255, 0.6);\n}\nbody[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a:before {\n  border-color: rgba(255, 255, 255, 0.6);\n}\nbody[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a:hover {\n  color: #fff;\n}\nbody[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a:hover:before {\n  background-color: #fff;\n  border-color: #fff;\n}\nbody[data-sidebar=brand] #sidebar-menu ul li .badge {\n  background-color: #fff;\n}\nbody[data-sidebar=brand] #sidebar-menu ul li.mm-active {\n  color: #fff !important;\n}\nbody[data-sidebar=brand] #sidebar-menu ul li.mm-active > a {\n  background: rgba(255, 255, 255, 0.15);\n  color: #fff !important;\n}\nbody[data-sidebar=brand] #sidebar-menu ul li.mm-active > a:before {\n  background-color: #fff;\n}\nbody[data-sidebar=brand] #sidebar-menu ul li.mm-active > a .nav-icon {\n  color: #fff !important;\n}\nbody[data-sidebar=brand] #sidebar-menu ul li.mm-active .mm-show .mm-active > a {\n  background-color: transparent;\n  color: #fff !important;\n}\nbody[data-sidebar=brand] #sidebar-menu ul li.mm-active .mm-show .mm-active > a:before {\n  display: none;\n}\nbody[data-sidebar=brand][data-topbar=light] .navbar-brand-box {\n  background-color: #776acf;\n}\nbody[data-sidebar=brand][data-topbar=light] .navbar-brand-box .logo-dark {\n  display: none;\n}\nbody[data-sidebar=brand][data-topbar=light] .navbar-brand-box .logo-light {\n  display: block;\n}\nbody[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a {\n  background-color: #7e72d1;\n  color: #fff;\n}\nbody[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a .nav-icon {\n  color: #fff;\n}\n\nbody[data-bs-theme=dark][data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul li ul {\n  background-color: var(--bs-sidebar-dark-bg);\n}\nbody[data-bs-theme=dark][data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul li ul li a:hover {\n  color: var(--bs-sidebar-dark-menu-item-hover-color);\n}\n\nbody[data-layout=horizontal] #page-topbar {\n  margin-left: 0;\n  box-shadow: none;\n}\nbody[data-layout=horizontal] .navbar-brand-box {\n  display: block;\n  width: auto;\n  border: 0;\n  background-color: transparent;\n  box-shadow: none;\n  position: relative;\n}\n@media (min-width: 992px) {\n  body[data-layout=horizontal] .navbar-brand-box {\n    padding-left: 0;\n    margin-right: 10px;\n  }\n}\nbody[data-layout=horizontal] .page-content {\n  margin-top: calc(85px - 55px);\n  padding: 22px 0 60px 0;\n}\n@media (max-width: 991.98px) {\n  body[data-layout=horizontal] .page-content {\n    padding-top: 22px;\n  }\n}\n@media (min-width: 992px) {\n  body[data-layout=horizontal] .navbar-header {\n    padding-left: calc(22px / 2);\n    padding-right: calc(22px / 2);\n  }\n}\nbody[data-layout=horizontal][data-sidebar-size=sm] .navbar-brand-box {\n  width: auto !important;\n}\n\n.topnav {\n  padding: 0 calc(22px / 2);\n  z-index: 100;\n}\n@media (max-width: 991.98px) {\n  .topnav {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: 85px;\n    z-index: 100;\n    background: var(--bs-topnav-bg);\n    box-shadow: 0 2px 3px rgba(36, 36, 60, 0.06);\n  }\n}\n.topnav .topnav-menu {\n  margin: 0;\n  padding: 0;\n}\n.topnav .navbar-nav .nav-item {\n  margin: 0 0.9rem;\n}\n@media (min-width: 992px) {\n  .topnav .navbar-nav .nav-item:first-child {\n    margin-left: 0;\n  }\n  .topnav .navbar-nav .nav-item:last-child {\n    margin-right: 0;\n  }\n}\n.topnav .navbar-nav .nav-link {\n  font-size: 14.4px;\n  position: relative;\n  padding: 0;\n  color: var(--bs-menu-item-color);\n  font-weight: 400;\n  line-height: 85px;\n}\n.topnav .navbar-nav .nav-link i {\n  font-size: 18px;\n  margin-right: 5px;\n  vertical-align: middle;\n  margin-top: -2px;\n}\n.topnav .navbar-nav .nav-link svg {\n  height: 16px;\n  width: 16px;\n  color: var(--bs-menu-item-color);\n  margin-right: 7px;\n  margin-top: -1px;\n}\n.topnav .navbar-nav .nav-link:focus, .topnav .navbar-nav .nav-link:hover {\n  color: var(--bs-menu-item-active-color);\n  background-color: transparent;\n}\n.topnav .navbar-nav .nav-link:focus svg, .topnav .navbar-nav .nav-link:hover svg {\n  color: var(--bs-menu-item-active-color);\n}\n.topnav .navbar-nav .dropdown-item {\n  color: var(--bs-menu-item-color);\n  background: transparent;\n}\n.topnav .navbar-nav .dropdown-item.active, .topnav .navbar-nav .dropdown-item:hover {\n  color: var(--bs-menu-item-active-color);\n}\n.topnav .navbar-nav .nav-item .nav-link.active {\n  color: var(--bs-menu-item-active-color);\n}\n.topnav .navbar-nav .nav-item .nav-link.active svg {\n  color: var(--bs-menu-item-active-color);\n}\n@media (min-width: 992px) {\n  .topnav .navbar-nav .nav-item.active > .nav-link span {\n    position: relative;\n  }\n  .topnav .navbar-nav .nav-item.active > .nav-link span::before {\n    content: \"\";\n    height: 2px;\n    width: 100%;\n    background-color: var(--bs-menu-item-active-border-color);\n    position: absolute;\n    bottom: -10px;\n    left: 0;\n  }\n}\n.topnav .navbar-nav .dropdown.active > a {\n  color: var(--bs-menu-item-active-color);\n  background-color: transparent;\n}\n.topnav .navbar-nav .dropdown.active > a svg {\n  color: var(--bs-menu-item-active-color);\n}\n.topnav .menu-title {\n  padding: 12px 24px !important;\n}\n@media (max-width: 991.98px) {\n  .topnav .menu-title {\n    padding: 12px 16px !important;\n  }\n}\n\n@media (min-width: 1200px) {\n  body[data-layout=horizontal] .container-fluid,\nbody[data-layout=horizontal] .navbar-header {\n    max-width: 85%;\n  }\n}\n@media (min-width: 992px) {\n  .topnav .dropdown-item {\n    padding: 0.5rem 1.5rem;\n    min-width: 180px;\n  }\n  .topnav .dropdown.mega-dropdown .mega-dropdown-menu {\n    left: 0px;\n    right: auto;\n  }\n  .topnav .dropdown .dropdown-menu {\n    margin-top: 0;\n    border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);\n  }\n  .topnav .dropdown .dropdown-menu .arrow-down::after {\n    right: 15px;\n    transform: rotate(-135deg) translateY(-50%);\n    position: absolute;\n  }\n  .topnav .dropdown .dropdown-menu .dropdown .dropdown-menu {\n    position: absolute;\n    top: 0 !important;\n    left: 100%;\n    display: none;\n  }\n  .topnav .dropdown:hover > .dropdown-menu {\n    display: block;\n  }\n  .topnav .dropdown:hover > .dropdown-menu > .dropdown:hover > .dropdown-menu {\n    display: block;\n  }\n\n  .navbar-toggle {\n    display: none;\n  }\n}\n.arrow-down {\n  display: inline-block;\n}\n.arrow-down:after {\n  border-color: initial;\n  border-style: solid;\n  border-width: 0 0 1px 1px;\n  content: \"\";\n  height: 0.4em;\n  display: inline-block;\n  right: 5px;\n  top: 50%;\n  margin-left: 5px;\n  transform: rotate(-45deg) translateY(-50%);\n  transform-origin: top;\n  transition: all 0.3s ease-out;\n  width: 0.4em;\n}\n\n.dash-header-box {\n  background-color: rgba(255, 255, 255, 0.1) !important;\n  margin-bottom: calc(22px + 16px);\n}\n\n.dash-content {\n  background: var(--bs-header-dark-bg);\n  border-top: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.dash-troggle-icon {\n  width: 50px;\n  height: 50px;\n  line-height: 60px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  margin: 0 auto;\n  text-align: center;\n  margin-top: -20px;\n  border-radius: 50%;\n  background: var(--bs-header-dark-bg);\n}\n.dash-troggle-icon i {\n  font-size: 20px;\n  color: #fff;\n}\n\n.dash-troggle-icon.collapsed i:before {\n  content: \"\\ea2f\";\n}\n\n@media (max-width: 1199.98px) {\n  .topnav-menu .navbar-nav li:last-of-type .dropdown .dropdown-menu {\n    right: 100%;\n    left: auto;\n  }\n}\n@media (max-width: 991.98px) {\n  .navbar-brand-box .logo-dark {\n    display: block;\n  }\n  .navbar-brand-box .logo-dark span.logo-sm {\n    display: block;\n  }\n  .navbar-brand-box .logo-light {\n    display: none;\n  }\n\n  .topnav {\n    max-height: 360px;\n    overflow-y: auto;\n    padding: 0;\n  }\n  .topnav .navbar-nav .nav-link {\n    padding: 0.75rem 1.1rem;\n    line-height: inherit;\n  }\n  .topnav .dropdown .dropdown-menu {\n    background-color: transparent;\n    border: none;\n    box-shadow: none;\n    padding-left: 20px;\n  }\n  .topnav .dropdown .dropdown-menu.dropdown-mega-menu-xl {\n    width: auto;\n  }\n  .topnav .dropdown .dropdown-menu.dropdown-mega-menu-xl .row {\n    margin: 0px;\n  }\n  .topnav .dropdown .dropdown-item {\n    position: relative;\n    background-color: transparent;\n  }\n  .topnav .dropdown .dropdown-item.active, .topnav .dropdown .dropdown-item:active {\n    color: #776acf;\n  }\n  .topnav .arrow-down::after {\n    right: 15px;\n    position: absolute;\n  }\n}\nbody[data-layout=horizontal][data-topbar=colored] #page-topbar {\n  background-color: #776acf;\n  box-shadow: none;\n}\nbody[data-layout=horizontal][data-topbar=colored] .logo-dark {\n  display: none;\n}\nbody[data-layout=horizontal][data-topbar=colored] .logo-light {\n  display: block;\n}\nbody[data-layout=horizontal][data-topbar=colored] .app-search .form-control {\n  background-color: rgba(var(--bs- var(--bs-topbar-search-bg)), 0.07);\n  color: #fff;\n}\nbody[data-layout=horizontal][data-topbar=colored] .app-search span,\nbody[data-layout=horizontal][data-topbar=colored] .app-search input.form-control::-webkit-input-placeholder {\n  color: rgba(255, 255, 255, 0.5);\n}\nbody[data-layout=horizontal][data-topbar=colored] .header-item {\n  color: var(--bs-header-dark-item-color);\n}\nbody[data-layout=horizontal][data-topbar=colored] .header-item:hover {\n  color: var(--bs-header-dark-item-color);\n}\nbody[data-layout=horizontal][data-topbar=colored] .navbar-header .dropdown .show.header-item {\n  background-color: rgba(255, 255, 255, 0.1);\n}\nbody[data-layout=horizontal][data-topbar=colored] .noti-icon i {\n  color: var(--bs-header-dark-item-color);\n}\n@media (min-width: 992px) {\n  body[data-layout=horizontal][data-topbar=colored] .topnav {\n    background-color: #776acf;\n  }\n  body[data-layout=horizontal][data-topbar=colored] .topnav .navbar-nav .nav-link {\n    color: rgba(255, 255, 255, 0.6);\n  }\n  body[data-layout=horizontal][data-topbar=colored] .topnav .navbar-nav .nav-link:focus, body[data-layout=horizontal][data-topbar=colored] .topnav .navbar-nav .nav-link:hover {\n    color: rgba(255, 255, 255, 0.9);\n  }\n  body[data-layout=horizontal][data-topbar=colored] .topnav .navbar-nav > .dropdown.active > a {\n    color: rgba(255, 255, 255, 0.9) !important;\n  }\n}\n\nbody[data-layout=horizontal][data-topbar=dark] .header-item {\n  color: var(--bs-header-dark-item-color);\n}\nbody[data-layout=horizontal][data-topbar=dark] .header-item:hover {\n  color: var(--bs-header-dark-item-color);\n}\nbody[data-layout=horizontal][data-topbar=dark] .header-profile-user {\n  border-color: rgba(255, 255, 255, 0.25);\n}\nbody[data-layout=horizontal][data-topbar=dark] .user-name {\n  color: var(--bs-header-dark-item-color);\n}\nbody[data-layout=horizontal][data-topbar=dark] .logo-dark {\n  display: none;\n}\nbody[data-layout=horizontal][data-topbar=dark] .logo-light {\n  display: block;\n}\nbody[data-layout=horizontal][data-topbar=dark] .logo-txt {\n  color: #fff !important;\n}\nbody[data-layout=horizontal][data-topbar=dark] .app-search .form-control {\n  background-color: var(--bs-header-dark-bg);\n  color: #fff;\n}\nbody[data-layout=horizontal][data-topbar=dark] .app-search span,\nbody[data-layout=horizontal][data-topbar=dark] .app-search input.form-control::-webkit-input-placeholder {\n  color: rgba(255, 255, 255, 0.5);\n}\n\nbody[data-topbar=dark] .topnav .navbar-nav .nav-link {\n  color: var(--bs-menu-dark-item-color);\n}\nbody[data-topbar=dark] .topnav .navbar-nav .nav-link:focus, body[data-topbar=dark] .topnav .navbar-nav .nav-link:hover {\n  color: var(--bs-menu-dark-item-hover-color);\n}\nbody[data-topbar=dark] .topnav .navbar-nav .nav-link:focus i, body[data-topbar=dark] .topnav .navbar-nav .nav-link:focus svg, body[data-topbar=dark] .topnav .navbar-nav .nav-link:hover i, body[data-topbar=dark] .topnav .navbar-nav .nav-link:hover svg {\n  color: var(--bs-menu-dark-item-hover-color);\n}\n@media (max-width: 991.98px) {\n  body[data-topbar=dark] .topnav .navbar-nav .nav-link {\n    color: var(--bs-menu-item-color);\n  }\n  body[data-topbar=dark] .topnav .navbar-nav .nav-link:focus, body[data-topbar=dark] .topnav .navbar-nav .nav-link:hover {\n    color: var(--bs-menu-item-active-color);\n  }\n  body[data-topbar=dark] .topnav .navbar-nav .nav-link:focus i, body[data-topbar=dark] .topnav .navbar-nav .nav-link:focus svg, body[data-topbar=dark] .topnav .navbar-nav .nav-link:hover i, body[data-topbar=dark] .topnav .navbar-nav .nav-link:hover svg {\n    color: var(--bs-menu-item-active-color);\n  }\n}\nbody[data-topbar=dark] .topnav .navbar-nav .nav-item .nav-link.active {\n  color: var(--bs-menu-dark-item-active-color);\n}\nbody[data-topbar=dark] .topnav .navbar-nav .nav-item .nav-link.active i, body[data-topbar=dark] .topnav .navbar-nav .nav-item .nav-link.active svg {\n  color: var(--bs-menu-dark-item-active-color);\n}\n@media (max-width: 991.98px) {\n  body[data-topbar=dark] .topnav .navbar-nav .nav-item .nav-link.active {\n    color: var(--bs-menu-item-active-color);\n  }\n  body[data-topbar=dark] .topnav .navbar-nav .nav-item .nav-link.active i, body[data-topbar=dark] .topnav .navbar-nav .nav-item .nav-link.active svg {\n    color: var(--bs-menu-item-active-color);\n  }\n}\nbody[data-topbar=dark] .topnav .navbar-nav .dropdown.active > a {\n  color: var(--bs-menu-dark-item-active-color);\n  background-color: transparent;\n}\nbody[data-topbar=dark] .topnav .navbar-nav .dropdown .dropdown.active > a {\n  color: var(--bs-menu-item-active-color);\n}\n@media (max-width: 991.98px) {\n  body[data-topbar=dark] .topnav .navbar-nav .dropdown.active > a {\n    color: var(--bs-menu-item-active-color);\n    background-color: transparent;\n  }\n  body[data-topbar=dark] .topnav .navbar-nav .dropdown .dropdown.active > a {\n    color: var(--bs-menu-item-active-color);\n  }\n}\n\n.hori-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(36, 36, 60, 0.35);\n  z-index: 999;\n  display: none;\n}\n\n.horimenu-enabled .hori-overlay {\n  display: block;\n}\n\nbody[data-bs-theme=dark] [data-layout=horizontal] [data-topbar=light] .topnav .navbar-nav .nav-link {\n  color: var(--bs-menu-dark-item-color);\n}\nbody[data-bs-theme=dark] [data-layout=horizontal] [data-topbar=light] .topnav .navbar-nav .nav-link svg {\n  color: var(--bs-menu-dark-item-color);\n}\nbody[data-bs-theme=dark] [data-layout=horizontal] [data-topbar=light] .topnav .navbar-nav .nav-link:focus, body[data-bs-theme=dark] [data-layout=horizontal] [data-topbar=light] .topnav .navbar-nav .nav-link:hover {\n  color: var(--bs-menu-dark-item-active-color);\n  background-color: transparent;\n}\nbody[data-bs-theme=dark] [data-layout=horizontal] [data-topbar=light] .topnav .navbar-nav .nav-link:focus svg, body[data-bs-theme=dark] [data-layout=horizontal] [data-topbar=light] .topnav .navbar-nav .nav-link:hover svg {\n  color: var(--bs-menu-dark-item-active-color);\n}\nbody[data-bs-theme=dark] [data-layout=horizontal] [data-topbar=light] .topnav .navbar-nav .nav-item .nav-link.active {\n  color: var(--bs-menu-dark-item-active-color);\n}\nbody[data-bs-theme=dark] [data-layout=horizontal] [data-topbar=light] .topnav .navbar-nav .nav-item .nav-link.active svg {\n  color: var(--bs-menu-dark-item-active-color);\n}\nbody[data-bs-theme=dark] [data-layout=horizontal] [data-topbar=light] .topnav .navbar-nav .dropdown.active > a {\n  color: var(--bs-menu-dark-item-active-color);\n  background-color: transparent;\n}\nbody[data-bs-theme=dark] [data-layout=horizontal] [data-topbar=light] .topnav .navbar-nav .dropdown.active > a svg {\n  color: var(--bs-menu-dark-item-active-color);\n}\n\nbody[data-layout-size=boxed] {\n  background-color: var(--bs-boxed-body-bg);\n}\nbody[data-layout-size=boxed] #layout-wrapper {\n  background-color: var(--bs-body-bg);\n  max-width: 1400px;\n  margin: 0 auto;\n  box-shadow: 0 2px 3px rgba(36, 36, 60, 0.06);\n}\nbody[data-layout-size=boxed] #page-topbar {\n  max-width: calc(1400px - 255px);\n}\nbody[data-layout-size=boxed] .footer {\n  margin: 0 auto;\n  max-width: calc(1400px - 255px);\n}\nbody[data-layout-size=boxed][data-sidebar-size=sm] #page-topbar {\n  max-width: calc(1400px - 70px);\n}\nbody[data-layout-size=boxed][data-sidebar-size=sm] .footer {\n  max-width: calc(1400px - 70px);\n}\n@media (min-width: 769px) {\n  body[data-layout-size=boxed][data-sidebar-size=sm] .main-content {\n    min-height: 1850px;\n  }\n}\nbody[data-layout-size=boxed][data-sidebar-size=md] #page-topbar {\n  max-width: calc(1400px - 160px);\n}\nbody[data-layout-size=boxed][data-sidebar-size=md] .footer {\n  max-width: calc(1400px - 160px);\n}\n\nbody[data-layout=horizontal][data-layout-size=boxed] #page-topbar, body[data-layout=horizontal][data-layout-size=boxed] #layout-wrapper, body[data-layout=horizontal][data-layout-size=boxed] .footer {\n  max-width: 100%;\n}\nbody[data-layout=horizontal][data-layout-size=boxed] .container-fluid, body[data-layout=horizontal][data-layout-size=boxed] .navbar-header {\n  max-width: 1400px;\n}\n\n@media (min-width: 992px) {\n  body[data-layout-scrollable=true] #page-topbar, body[data-layout-scrollable=true] .vertical-menu {\n    position: absolute;\n  }\n  body[data-layout-scrollable=true] .navbar-brand-box {\n    position: absolute;\n  }\n}\n@media (min-width: 992px) {\n  body[data-layout-scrollable=true][data-layout=horizontal] #page-topbar {\n    position: absolute;\n  }\n  body[data-layout-scrollable=true][data-layout=horizontal] .navbar-brand-box {\n    position: relative;\n  }\n}\n\n:root,\n[data-bs-theme=light] {\n  --bs-header-bg: #fff;\n  --bs-header-item-color: var(--bs-header-item-color);\n  --bs-text-muted: #959396;\n  --bs-sidebar-bg: #ffffff;\n  --bs-sidebar-border-color: #e9ebef;\n  --bs-sidebar-menu-item-color: #7b8190;\n  --bs-sidebar-menu-sub-item-color: #7b8190;\n  --bs-sidebar-menu-item-icon-color: #7b8190;\n  --bs-sidebar-menu-item-hover-color: #383c40;\n  --bs-sidebar-menu-item-active-color: #776acf;\n  --bs-sidebar-menu-sub-item-active-color: #383c40;\n  --bs-sidebar-menu-item-active-bg-color: #eeedf9;\n  --bs-topbar-search-bg: #f8f7fc;\n  --bs-header-dark-bg: radial-gradient(at 50% -20%, #3f1e59, #311748) fixed;\n  --bs-header-dark-item-color: #e9ecef;\n  --bs-footer-bg: #ffffff;\n  --bs-footer-color: #74788d;\n  --bs-topnav-bg: #fff;\n  --bs-menu-item-color: #7b8190;\n  --bs-menu-item-active-color: #776acf;\n  --bs-topnav-dark-bg: #03314D;\n  --bs-menu-dark-item-color: rgba(255, 255, 255, 0.5);\n  --bs-menu-item-active-border-color: #776acf;\n  --bs-menu-dark-item-hover-color: #ffffff;\n  --bs-menu-dark-item-active-color: #fff;\n  --bs-navbar-brand-box-bg: #ffffff;\n  --bs-boxed-body-bg:#e9e5eb;\n  --bs-apex-grid-color: #f8f9fa;\n}\n:root [data-sidebar=dark],\n[data-bs-theme=light] [data-sidebar=dark] {\n  --bs-sidebar-dark-bg: #24243c;\n  --bs-sidebar-dark-menu-item-color: #9292a9;\n  --bs-sidebar-dark-menu-sub-item-color: #9292a9;\n  --bs-sidebar-dark-menu-item-icon-color: #9292a9;\n  --bs-sidebar-dark-menu-item-hover-color: #d8d8df;\n  --bs-sidebar-dark-menu-item-active-color: #d8d8df;\n  --bs-sidebar-dark-menu-item-active-bg-color: #2c2c45;\n}\n\n[data-bs-theme=dark] {\n  --bs-light: #2d2d49;\n  --bs-light-rgb: 45, 45, 73;\n  --bs-dark: #2d2d49;\n  --bs-dark-rgb: 45, 45, 73;\n  --bs-text-muted: #858592;\n  --bs-header-dark-bg: radial-gradient(at 50% -20%, #24243c, #222236) fixed;\n  --bs-header-item-color: #24243c;\n  --bs-top-tagbar-bg: #5f55a6;\n  --bs-header-item-sub-color: var(--bs-text-muted);\n  --bs-navbar-brand-box-bg: #24243c;\n  --bs-footer-bg: #24243c;\n  --bs-footer-color: #d8d8df;\n  --bs-sidebar-dark-bg: #24243c;\n  --bs-sidebar-dark-menu-item-color: #9292a9;\n  --bs-sidebar-dark-menu-sub-item-color: #9292a9;\n  --bs-sidebar-dark-menu-item-icon-color: #9292a9;\n  --bs-sidebar-dark-menu-item-hover-color: #d8d8df;\n  --bs-sidebar-dark-menu-item-active-color: #d8d8df;\n  --bs-sidebar-dark-menu-item-active-bg-color: #2c2c45;\n  --bs-boxed-body-bg: #14142b;\n}\n[data-bs-theme=dark] [data-topbar=dark] {\n  --bs-header-dark-bg: radial-gradient(at 50% -20%, #24243c, #222236) fixed;\n  --bs-header-dark-item-color: #e9ecef;\n}\n\n.avatar-xs {\n  height: 1rem;\n  width: 1rem;\n}\n\n.avatar-sm {\n  height: 2rem;\n  width: 2rem;\n}\n\n.avatar {\n  height: 2.6rem;\n  width: 2.6rem;\n}\n\n.avatar-md {\n  height: 3.6rem;\n  width: 3.6rem;\n}\n\n.avatar-lg {\n  height: 5rem;\n  width: 5rem;\n}\n\n.avatar-xl {\n  height: 6rem;\n  width: 6rem;\n}\n\n.avatar-title {\n  align-items: center;\n  background-color: #776acf;\n  color: #fff;\n  display: flex;\n  font-weight: 500;\n  height: 100%;\n  justify-content: center;\n  width: 100%;\n}\n\n.avatar-group {\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 8px;\n}\n.avatar-group .avatar-group-item {\n  margin-left: -8px;\n  border: 2px solid var(--bs-secondary-bg);\n  border-radius: 50%;\n  transition: all 0.2s;\n}\n.avatar-group .avatar-group-item:hover {\n  position: relative;\n  transform: translateY(-2px);\n}\n\n.alert-top-border {\n  background-color: var(--bs-secondary-bg);\n  border-color: var(--bs-border-color);\n  border-top: 2px solid #f8f7fc;\n  color: var(--bs-body-color);\n}\n\n.alert-dismissible .btn-close {\n  background: transparent !important;\n}\n.alert-dismissible .btn-close::after {\n  background: transparent !important;\n  content: \"\\f0156\" !important;\n  font-size: 18px;\n  line-height: 15px;\n  font-family: \"Material Design Icons\" !important;\n}\n\n.alert-outline.alert-dark {\n  color: var(--bs-dark);\n}\n\n.alert-top-border.alert-primary {\n  border-top-color: #776acf;\n  color: #776acf;\n}\n\n.alert-outline.alert-primary {\n  border: 1px solid rgba(119, 106, 207, 0.8);\n  color: #776acf;\n}\n\n.alert-top-border.alert-secondary {\n  border-top-color: #969ba5;\n  color: #969ba5;\n}\n\n.alert-outline.alert-secondary {\n  border: 1px solid rgba(150, 155, 165, 0.8);\n  color: #969ba5;\n}\n\n.alert-top-border.alert-success {\n  border-top-color: #6dcba3;\n  color: #6dcba3;\n}\n\n.alert-outline.alert-success {\n  border: 1px solid rgba(109, 203, 163, 0.8);\n  color: #6dcba3;\n}\n\n.alert-top-border.alert-info {\n  border-top-color: #5fd0f3;\n  color: #5fd0f3;\n}\n\n.alert-outline.alert-info {\n  border: 1px solid rgba(95, 208, 243, 0.8);\n  color: #5fd0f3;\n}\n\n.alert-top-border.alert-warning {\n  border-top-color: #f7cc53;\n  color: #f7cc53;\n}\n\n.alert-outline.alert-warning {\n  border: 1px solid rgba(247, 204, 83, 0.8);\n  color: #f7cc53;\n}\n\n.alert-top-border.alert-danger {\n  border-top-color: #e1665d;\n  color: #e1665d;\n}\n\n.alert-outline.alert-danger {\n  border: 1px solid rgba(225, 102, 93, 0.8);\n  color: #e1665d;\n}\n\n.alert-top-border.alert-pink {\n  border-top-color: #e83e8c;\n  color: #e83e8c;\n}\n\n.alert-outline.alert-pink {\n  border: 1px solid rgba(232, 62, 140, 0.8);\n  color: #e83e8c;\n}\n\n.alert-top-border.alert-light {\n  border-top-color: #f8f7fc;\n  color: #f8f7fc;\n}\n\n.alert-outline.alert-light {\n  border: 1px solid rgba(248, 247, 252, 0.8);\n  color: #f8f7fc;\n}\n\n.alert-top-border.alert-dark {\n  border-top-color: #24243c;\n  color: #24243c;\n}\n\n.alert-outline.alert-dark {\n  border: 1px solid rgba(36, 36, 60, 0.8);\n  color: #24243c;\n}\n\n.alert-top-border.alert-purple {\n  border-top-color: #3966d7;\n  color: #3966d7;\n}\n\n.alert-outline.alert-purple {\n  border: 1px solid rgba(57, 102, 215, 0.8);\n  color: #3966d7;\n}\n\n.custom-accordion .accordion-list {\n  display: flex;\n  border-radius: 7px;\n  background-color: #eff0f2;\n  padding: 12px 20px;\n  color: #2d2d49;\n  font-weight: 600;\n  align-items: center;\n  justify-content: space-between;\n}\n.custom-accordion .accordion-list.collapsed i.accor-plus-icon:before {\n  content: \"\\f0415\";\n}\n.custom-accordion .accordion-list .accor-plus-icon {\n  display: inline-block;\n  font-size: 16px;\n  height: 24px;\n  width: 24px;\n  line-height: 22px;\n  background-color: var(--bs-secondary-bg);\n  text-align: center;\n  border-radius: 50%;\n}\n.custom-accordion a.collapsed i.accor-down-icon:before {\n  content: \"\\f0140\";\n}\n.custom-accordion .card-body {\n  color: var(--bs-text-muted);\n}\n\n[data-bs-theme=dark] .accordion-button:after {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23adb5bd'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e\");\n}\n\n.font-size-10 {\n  font-size: 10px !important;\n}\n\n.font-size-11 {\n  font-size: 11px !important;\n}\n\n.font-size-12 {\n  font-size: 12px !important;\n}\n\n.font-size-13 {\n  font-size: 13px !important;\n}\n\n.font-size-14 {\n  font-size: 14px !important;\n}\n\n.font-size-15 {\n  font-size: 15px !important;\n}\n\n.font-size-16 {\n  font-size: 16px !important;\n}\n\n.font-size-17 {\n  font-size: 17px !important;\n}\n\n.font-size-18 {\n  font-size: 18px !important;\n}\n\n.font-size-20 {\n  font-size: 20px !important;\n}\n\n.font-size-22 {\n  font-size: 22px !important;\n}\n\n.font-size-24 {\n  font-size: 24px !important;\n}\n\n.font-size-26 {\n  font-size: 26px !important;\n}\n\n.fw-medium {\n  font-weight: 500;\n}\n\n.fw-semibold {\n  font-weight: 600;\n}\n\n.bg-overlay {\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  top: 0;\n  opacity: 0.7;\n  background-color: #000;\n}\n\n.bg-overlay-gradient {\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  top: 0;\n  opacity: 0.85;\n  background: radial-gradient(at 50% -20%, #3f1e59, #311748) fixed;\n}\n\n.social-list-item {\n  height: 2.4rem;\n  width: 2.4rem;\n  line-height: calc(2.4rem - 2px);\n  display: block;\n  border: 1px solid var(--bs-secondary-bg);\n  border-radius: 50%;\n  color: var(--bs-text-muted);\n  text-align: center;\n  transition: all 0.4s;\n}\n.social-list-item:hover {\n  color: #24243c;\n}\n\n.w-xs {\n  min-width: 80px;\n}\n\n.w-sm {\n  min-width: 95px;\n}\n\n.w-md {\n  min-width: 110px;\n}\n\n.w-lg {\n  min-width: 140px;\n}\n\n.w-xl {\n  min-width: 160px;\n}\n\n.alert-dismissible .btn-close {\n  font-size: 10px;\n  padding: 1.05rem 1.25rem;\n}\n\n.border-dark {\n  border-color: var(--bs-dark) !important;\n}\n\n.border-light {\n  border-color: var(--bs-light) !important;\n}\n\n.text-muted {\n  color: var(--bs-text-muted) !important;\n}\n\n[data-bs-theme=dark] .text-body {\n  color: var(--bs-gray-400) !important;\n}\n[data-bs-theme=dark] .btn-close {\n  filter: invert(1) grayscale(100%) brightness(200%);\n}\n[data-bs-theme=dark] .btn-close-white {\n  filter: invert(0) grayscale(100%) brightness(200%);\n}\n\n#preloader {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: var(--bs-secondary-bg);\n  z-index: 9999;\n}\n\n#status {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translateY(-50%);\n  margin: -20px 0 0 -20px;\n}\n\n.spinner .spin-icon {\n  font-size: 48px;\n  color: #776acf;\n  position: relative;\n  display: inline-block;\n  animation: spin 1.6s infinite linear;\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(359deg);\n  }\n}\n[type=tel]::placeholder,\n[type=url]::placeholder,\n[type=email]::placeholder,\n[type=number]::placeholder {\n  text-align: left;\n}\n\n.form-check {\n  position: relative;\n  text-align: left;\n}\n\n.form-check-right {\n  padding-left: 0;\n  display: inline-block;\n  padding-right: 1.5em;\n}\n.form-check-right .form-check-input {\n  float: right;\n  margin-left: 0;\n  margin-right: -1.5em;\n}\n.form-check-right .form-check-label {\n  display: block;\n}\n\n.form-checkbox-outline .form-check-input {\n  border-width: 2px;\n  background-color: var(--bs-secondary-bg);\n}\n.form-checkbox-outline .form-check-input:active {\n  filter: none;\n}\n.form-checkbox-outline .form-check-input:checked {\n  background-color: var(--bs-secondary-bg) !important;\n}\n.form-checkbox-outline .form-check-input:checked[type=checkbox] {\n  background-image: none;\n}\n.form-checkbox-outline .form-check-input:checked:after {\n  position: absolute;\n  content: \"\\f012c\";\n  font-family: \"Material Design Icons\";\n  top: -4px !important;\n  left: 1px;\n  /*rtl: -4px */\n  font-size: 16px;\n  color: #24243c;\n}\n\n.form-radio-outline .form-check-input {\n  border-width: 2px;\n  background-color: var(--bs-secondary-bg);\n}\n.form-radio-outline .form-check-input:active {\n  filter: none;\n}\n.form-radio-outline .form-check-input:checked {\n  background-color: var(--bs-secondary-bg) !important;\n}\n.form-radio-outline .form-check-input:checked[type=checkbox] {\n  background-image: none;\n}\n.form-radio-outline .form-check-input:checked:after {\n  position: absolute;\n  content: \"\\f0765\";\n  font-family: \"Material Design Icons\";\n  top: 6px !important;\n  left: 4px;\n  font-size: 6px;\n}\n\n.form-check-primary .form-check-input:checked {\n  background-color: #776acf;\n  border-color: #776acf;\n}\n\n.form-radio-primary .form-check-input:checked {\n  border-color: #776acf;\n  background-color: #776acf;\n}\n.form-radio-primary .form-check-input:checked:after {\n  color: #776acf;\n}\n\n.form-check-secondary .form-check-input:checked {\n  background-color: #969ba5;\n  border-color: #969ba5;\n}\n\n.form-radio-secondary .form-check-input:checked {\n  border-color: #969ba5;\n  background-color: #969ba5;\n}\n.form-radio-secondary .form-check-input:checked:after {\n  color: #969ba5;\n}\n\n.form-check-success .form-check-input:checked {\n  background-color: #6dcba3;\n  border-color: #6dcba3;\n}\n\n.form-radio-success .form-check-input:checked {\n  border-color: #6dcba3;\n  background-color: #6dcba3;\n}\n.form-radio-success .form-check-input:checked:after {\n  color: #6dcba3;\n}\n\n.form-check-info .form-check-input:checked {\n  background-color: #5fd0f3;\n  border-color: #5fd0f3;\n}\n\n.form-radio-info .form-check-input:checked {\n  border-color: #5fd0f3;\n  background-color: #5fd0f3;\n}\n.form-radio-info .form-check-input:checked:after {\n  color: #5fd0f3;\n}\n\n.form-check-warning .form-check-input:checked {\n  background-color: #f7cc53;\n  border-color: #f7cc53;\n}\n\n.form-radio-warning .form-check-input:checked {\n  border-color: #f7cc53;\n  background-color: #f7cc53;\n}\n.form-radio-warning .form-check-input:checked:after {\n  color: #f7cc53;\n}\n\n.form-check-danger .form-check-input:checked {\n  background-color: #e1665d;\n  border-color: #e1665d;\n}\n\n.form-radio-danger .form-check-input:checked {\n  border-color: #e1665d;\n  background-color: #e1665d;\n}\n.form-radio-danger .form-check-input:checked:after {\n  color: #e1665d;\n}\n\n.form-check-pink .form-check-input:checked {\n  background-color: #e83e8c;\n  border-color: #e83e8c;\n}\n\n.form-radio-pink .form-check-input:checked {\n  border-color: #e83e8c;\n  background-color: #e83e8c;\n}\n.form-radio-pink .form-check-input:checked:after {\n  color: #e83e8c;\n}\n\n.form-check-light .form-check-input:checked {\n  background-color: #f8f7fc;\n  border-color: #f8f7fc;\n}\n\n.form-radio-light .form-check-input:checked {\n  border-color: #f8f7fc;\n  background-color: #f8f7fc;\n}\n.form-radio-light .form-check-input:checked:after {\n  color: #f8f7fc;\n}\n\n.form-check-dark .form-check-input:checked {\n  background-color: #24243c;\n  border-color: #24243c;\n}\n\n.form-radio-dark .form-check-input:checked {\n  border-color: #24243c;\n  background-color: #24243c;\n}\n.form-radio-dark .form-check-input:checked:after {\n  color: #24243c;\n}\n\n.form-check-purple .form-check-input:checked {\n  background-color: #3966d7;\n  border-color: #3966d7;\n}\n\n.form-radio-purple .form-check-input:checked {\n  border-color: #3966d7;\n  background-color: #3966d7;\n}\n.form-radio-purple .form-check-input:checked:after {\n  color: #3966d7;\n}\n\n.form-check,\n.form-check-input,\n.form-check-label {\n  cursor: pointer;\n  margin-bottom: 0;\n}\n\n.form-switch-md {\n  font-size: 20px;\n  min-height: 26px;\n  line-height: 26px;\n}\n.form-switch-md .form-check-label {\n  font-size: 0.9rem;\n  vertical-align: middle;\n}\n\n.form-switch-lg {\n  font-size: 26px;\n  min-height: 36px;\n  line-height: 36px;\n}\n.form-switch-lg .form-check-label {\n  font-size: 0.9rem;\n  vertical-align: middle;\n}\n\n.input-group-text {\n  margin-bottom: 0px;\n}\n\n.card-radio {\n  background-color: var(--bs-secondary-bg);\n  border: 2px solid var(--bs-border-color);\n  border-radius: 0.25rem;\n  padding: 4px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.card-radio:hover {\n  cursor: pointer;\n}\n\n.card-radio-label {\n  display: block;\n}\n\n.card-radio-input {\n  display: none;\n}\n.card-radio-input:checked + .card-radio {\n  border-color: #776acf !important;\n}\n\n[data-bs-theme=dark] .form-select {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23e2e5e8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e\");\n}\n\n[data-bs-theme=dark] .form-switch .form-check-input, [data-bs-theme=dark] .form-switch .form-check-input:focus {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23e2e5e8'/%3e%3c/svg%3e\");\n}\n\n[dir=rtl] input {\n  text-align: end;\n}\n\n.product-img img {\n  height: 45px;\n}\n\n.order-wid-list {\n  padding: 11px 0px;\n}\n.order-wid-list:last-child {\n  padding-bottom: 0px;\n}\n\n.project-list-table {\n  border-collapse: separate;\n  border-spacing: 0 12px;\n}\n.project-list-table tr {\n  background-color: var(--bs-tertiary-bg);\n}\n\n/* Activity */\n.activity-checkout {\n  list-style: none;\n}\n.activity-checkout .checkout-icon {\n  position: absolute;\n  top: -2px;\n  left: -21px;\n}\n.activity-checkout .checkout-item {\n  position: relative;\n  padding-bottom: 16px;\n  padding-left: 35px;\n  border-left: 2px solid var(--bs-light);\n}\n.activity-checkout .checkout-item:first-child {\n  border-color: #776acf;\n}\n.activity-checkout .checkout-item:first-child:after {\n  background-color: #776acf;\n}\n.activity-checkout .checkout-item:last-child {\n  border-color: transparent;\n}\n.activity-checkout .checkout-item.crypto-activity {\n  margin-left: 0px;\n}\n.activity-checkout .checkout-item .crypto-date {\n  position: absolute;\n  top: 3px;\n  left: -65px;\n}\n\n.dash-header-box .col {\n  border-right: 2px solid rgba(255, 255, 255, 0.06);\n}\n.dash-header-box .col:last-child {\n  border: 0px;\n}\n@media (min-width: 768px) and (max-width: 1399.98px) {\n  .dash-header-box .col:nth-child(3) {\n    border-right: 0px;\n  }\n}\n@media (max-width: 767.98px) {\n  .dash-header-box .col {\n    border-right: 0px;\n    border-bottom: 2px solid rgba(255, 255, 255, 0.06);\n  }\n}\n\n.swiper-container {\n  width: 100%;\n  height: 100%;\n}\n\n.swiper-slide {\n  text-align: center;\n  width: 100%;\n}\n\n.dash-product-img img {\n  height: 170px;\n  cursor: pointer;\n}\n\n.swiper-button-next:after, .swiper-button-prev:after {\n  display: none;\n}\n\n.swiper-button-next, .swiper-button-prev {\n  top: 38px;\n  width: 30px;\n  height: 30px;\n  background-color: rgba(119, 106, 207, 0.2);\n  color: #776acf;\n  border-radius: 0.3rem;\n  right: 20px !important;\n}\n\n.swiper-button-prev {\n  right: 60px !important;\n  left: auto !important;\n}\n\n[dir=rtl] .swiper-slide {\n  margin-right: 30px;\n  margin-left: auto !important;\n}\n\n.swiper-button-next, .swiper-button-prev {\n  color: #776acf;\n  font-size: 16px;\n}\n\n.dash-product-box {\n  position: relative;\n}\n\n.pricing-badge {\n  position: absolute;\n  top: 0;\n  z-index: 9;\n  right: 0;\n  width: 100%;\n  display: block;\n  font-size: 15px;\n  padding: 0;\n  overflow: hidden;\n  height: 100px;\n}\n.pricing-badge .badge {\n  float: right;\n  transform: rotate(45deg);\n  right: -67px;\n  top: 17px;\n  position: relative;\n  text-align: center;\n  width: 200px;\n  font-size: 13px;\n  margin: 0;\n  padding: 7px 10px;\n  font-weight: 500;\n  color: #fff;\n  background: #776acf;\n}\n\n.social-box {\n  padding: 18px 0px;\n}\n\n.loyal-customers-box {\n  padding: 11px 0px;\n}\n\n.button-items {\n  margin-left: -8px;\n  margin-bottom: -12px;\n}\n.button-items .btn {\n  margin-bottom: 12px;\n  margin-left: 8px;\n}\n\n.search-box .form-control {\n  border-radius: 30px;\n  padding-left: 40px;\n}\n.search-box .search-icon {\n  font-size: 16px;\n  position: absolute;\n  left: 13px;\n  top: 0;\n  line-height: 38px;\n}\n\n.bs-example-modal {\n  position: relative;\n  top: auto;\n  right: auto;\n  bottom: auto;\n  left: auto;\n  z-index: 1;\n  display: block;\n}\n\n.icon-demo-content {\n  text-align: center;\n  color: #adb5bd;\n}\n.icon-demo-content i, .icon-demo-content svg {\n  display: block;\n  width: 40px;\n  height: 40px;\n  line-height: 36px;\n  font-size: 20px;\n  margin: 0px auto 16px;\n  border: 2px solid var(--bs-border-color);\n  color: var(--bs-gray-500);\n  border-radius: 4px;\n  transition: all 0.4s;\n}\n.icon-demo-content svg {\n  padding: 6px;\n}\n.icon-demo-content .col-lg-4 {\n  margin-top: 24px;\n}\n.icon-demo-content .col-lg-4:hover i, .icon-demo-content .col-lg-4:hover svg {\n  color: #fff;\n  background-color: #776acf;\n  border-color: #776acf;\n  transform: scale(1.15);\n}\n\n.grid-structure .grid-container {\n  background-color: #f8f9fa;\n  margin-top: 10px;\n  font-size: 0.8rem;\n  font-weight: 500;\n  padding: 10px 20px;\n}\n\n.toast:not(:last-child) {\n  margin-bottom: 0.75rem;\n}\n\n.ribbon {\n  position: absolute;\n  right: -26px;\n  top: 20px;\n  transform: rotate(45deg);\n  color: #fff;\n  font-size: 13px;\n  font-weight: 500;\n  padding: 1px 22px;\n  font-size: 13px;\n  font-weight: 500;\n}\n\n.card-radio {\n  background-color: var(--bs-secondary-bg);\n  border: 2px solid var(--bs-border-color);\n  border-radius: 0.25rem;\n  padding: 0.5rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  display: block;\n}\n.card-radio:hover {\n  cursor: pointer;\n}\n\n.card-radio-label {\n  display: block;\n}\n\n.edit-btn {\n  width: 35px;\n  height: 35px;\n  line-height: 40px;\n  text-align: center;\n  position: absolute;\n  right: 25px;\n  margin-top: -50px;\n}\n\n.card-radio-input {\n  display: none;\n}\n.card-radio-input:checked + .card-radio {\n  border-color: #776acf !important;\n}\n.card-radio-input:checked + .card-radio:before {\n  content: \"\\e9da\";\n  font-family: \"boxicons\";\n  position: absolute;\n  top: 6px;\n  right: 25px;\n  font-size: 22px;\n  color: #776acf;\n}\n\n@media print {\n  .vertical-menu,\n.right-bar,\n.page-title-box,\n.navbar-header,\n.footer {\n    display: none !important;\n  }\n\n  .card-body,\n.main-content,\n.right-bar,\n.page-content,\nbody {\n    padding: 0;\n    margin: 0;\n  }\n\n  .card {\n    border: 0;\n  }\n}\n[data-simplebar] {\n  position: relative;\n  flex-direction: column;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-content: flex-start;\n  align-items: flex-start;\n}\n\n.simplebar-wrapper {\n  overflow: hidden;\n  width: inherit;\n  height: inherit;\n  max-width: inherit;\n  max-height: inherit;\n}\n\n.simplebar-mask {\n  direction: inherit;\n  position: absolute;\n  overflow: hidden;\n  padding: 0;\n  margin: 0;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: auto !important;\n  height: auto !important;\n  z-index: 0;\n}\n\n.simplebar-offset {\n  direction: inherit !important;\n  box-sizing: inherit !important;\n  resize: none !important;\n  position: absolute;\n  top: 0;\n  left: 0 !important;\n  bottom: 0;\n  right: 0 !important;\n  padding: 0;\n  margin: 0;\n  -webkit-overflow-scrolling: touch;\n}\n\n.simplebar-content-wrapper {\n  direction: inherit;\n  box-sizing: border-box !important;\n  position: relative;\n  display: block;\n  height: 100%;\n  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */\n  width: auto;\n  visibility: visible;\n  overflow: auto;\n  /* Scroll on this element otherwise element can't have a padding applied properly */\n  max-width: 100%;\n  /* Not required for horizontal scroll to trigger */\n  max-height: 100%;\n  /* Needed for vertical scroll to trigger */\n  scrollbar-width: none;\n  padding: 0px !important;\n}\n\n.simplebar-content-wrapper::-webkit-scrollbar,\n.simplebar-hide-scrollbar::-webkit-scrollbar {\n  display: none;\n}\n\n.simplebar-content:before,\n.simplebar-content:after {\n  content: \" \";\n  display: table;\n}\n\n.simplebar-placeholder {\n  max-height: 100%;\n  max-width: 100%;\n  width: 100%;\n  pointer-events: none;\n}\n\n.simplebar-height-auto-observer-wrapper {\n  box-sizing: inherit !important;\n  height: 100%;\n  width: 100%;\n  max-width: 1px;\n  position: relative;\n  float: left;\n  max-height: 1px;\n  overflow: hidden;\n  z-index: -1;\n  padding: 0;\n  margin: 0;\n  pointer-events: none;\n  flex-grow: inherit;\n  flex-shrink: 0;\n  flex-basis: 0;\n}\n\n.simplebar-height-auto-observer {\n  box-sizing: inherit;\n  display: block;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 1000%;\n  width: 1000%;\n  min-height: 1px;\n  min-width: 1px;\n  overflow: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n\n.simplebar-track {\n  z-index: 1;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  overflow: hidden;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-content {\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-track {\n  pointer-events: all;\n}\n\n.simplebar-scrollbar {\n  position: absolute;\n  right: 2px;\n  width: 6px;\n  min-height: 10px;\n}\n\n.simplebar-scrollbar:before {\n  position: absolute;\n  content: \"\";\n  background: #a2adb7;\n  border-radius: 7px;\n  left: 0;\n  right: 0;\n  opacity: 0;\n  transition: opacity 0.2s linear;\n}\n\n.simplebar-scrollbar.simplebar-visible:before {\n  /* When hovered, remove all transitions from drag handle */\n  opacity: 0.5;\n  transition: opacity 0s linear;\n}\n\n.simplebar-track.simplebar-vertical {\n  top: 0;\n  width: 11px;\n}\n\n.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {\n  top: 2px;\n  bottom: 2px;\n}\n\n.simplebar-track.simplebar-horizontal {\n  left: 0;\n  height: 11px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {\n  height: 100%;\n  left: 2px;\n  right: 2px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar {\n  right: auto;\n  left: 0;\n  top: 2px;\n  height: 7px;\n  min-height: 0;\n  min-width: 10px;\n  width: auto;\n}\n\n/* Rtl support */\n[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {\n  right: auto;\n  left: 0;\n}\n\n.hs-dummy-scrollbar-size {\n  direction: rtl;\n  position: fixed;\n  opacity: 0;\n  visibility: hidden;\n  height: 500px;\n  width: 500px;\n  overflow-y: hidden;\n  overflow-x: scroll;\n}\n\n.simplebar-hide-scrollbar {\n  position: fixed;\n  left: 0;\n  visibility: hidden;\n  overflow-y: scroll;\n  scrollbar-width: none;\n}\n\n.custom-scroll {\n  height: 100%;\n}\n\n/* ==============\n  Calendar\n===================*/\n.fc td, .fc th {\n  border: var(--bs-border-width) solid var(--bs-border-color);\n}\n\n.fc .fc-toolbar h2 {\n  font-size: 16px;\n  line-height: 30px;\n  text-transform: uppercase;\n}\n@media (max-width: 767.98px) {\n  .fc .fc-toolbar .fc-left,\n.fc .fc-toolbar .fc-right,\n.fc .fc-toolbar .fc-center {\n    float: none;\n    display: block;\n    text-align: center;\n    clear: both;\n    margin: 10px 0;\n  }\n  .fc .fc-toolbar > * > * {\n    float: none;\n  }\n  .fc .fc-toolbar .fc-today-button {\n    display: none;\n  }\n}\n.fc .fc-toolbar .btn {\n  text-transform: capitalize;\n}\n.fc .fc-col-header-cell {\n  background-color: var(--bs-light);\n}\n.fc .fc-col-header-cell-cushion {\n  display: block;\n  padding: 8px 4px;\n}\n.fc .fc-daygrid-day-number {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  font-weight: 500;\n  margin: 2px;\n}\n.fc .fc-daygrid-day.fc-day-today {\n  background-color: rgba(119, 106, 207, 0.1);\n}\n.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {\n  background-color: #776acf;\n  color: #fff;\n}\n.fc .fc-list-day-cushion {\n  background-color: var(--bs-tertiary-bg);\n}\n.fc .fc-list-event:hover td {\n  background: transparent;\n}\n.fc .fc-list-event-dot {\n  border-color: #fff;\n}\n.fc .fc-list-event-title a {\n  color: #fff !important;\n}\n.fc .fc-col-header, .fc .fc-daygrid-body, .fc .fc-scrollgrid-sync-table {\n  width: 100% !important;\n}\n\n.fc-theme-bootstrap a:not([href]) {\n  color: var(--bs-body-color);\n}\n\n.fc-event {\n  color: #fff;\n}\n\n.fc th.fc-widget-header {\n  background: #eff0f2;\n  color: #2d2d49;\n  line-height: 20px;\n  padding: 10px 0;\n  text-transform: uppercase;\n  font-weight: 700;\n}\n\n.fc-unthemed .fc-content,\n.fc-unthemed .fc-divider,\n.fc-unthemed .fc-list-heading td,\n.fc-unthemed .fc-list-view,\n.fc-unthemed .fc-popover,\n.fc-unthemed .fc-row,\n.fc-unthemed tbody,\n.fc-unthemed td,\n.fc-unthemed th,\n.fc-unthemed thead {\n  border-color: var(--bs-border-color);\n}\n.fc-unthemed td.fc-today {\n  background: #fafafb;\n}\n\n.fc-button {\n  background: var(--bs-secondary-bg);\n  border-color: var(--bs-border-color);\n  color: #2d2d49;\n  text-transform: capitalize;\n  box-shadow: none;\n  padding: 6px 12px !important;\n  height: auto !important;\n}\n\n.fc-state-down,\n.fc-state-active,\n.fc-state-disabled {\n  background-color: #776acf;\n  color: #fff;\n  text-shadow: none;\n}\n\n.fc-event {\n  border-radius: 2px;\n  border: none;\n  cursor: move;\n  font-size: 0.8125rem;\n  margin: 5px 7px;\n  padding: 5px 5px;\n  text-align: center;\n}\n\n.fc-event,\n.fc-event-dot {\n  background-color: #776acf;\n}\n\n.fc-daygrid-dot-event.fc-event-mirror,\n.fc-daygrid-dot-event:hover {\n  background-color: #776acf;\n}\n\n.fc-daygrid-dot-event {\n  color: #fff !important;\n}\n.fc-daygrid-dot-event .fc-event-title {\n  font-weight: 600;\n}\n\n.fc-daygrid-event-dot {\n  border-color: #fff !important;\n  color: #fff !important;\n}\n\n.fc-event .fc-content {\n  color: #fff;\n}\n\n#external-events .external-event {\n  text-align: left;\n  padding: 8px 16px;\n  margin: 6px 0;\n}\n\n.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.bg-dark .fc-content {\n  color: var(--bs-light);\n}\n\n[dir=rtl] .fc-header-toolbar {\n  direction: ltr !important;\n}\n[dir=rtl] .fc-toolbar > * > :not(:first-child) {\n  margin-left: 0.75em;\n}\n\n@media (max-width: 575.98px) {\n  .fc-toolbar {\n    flex-direction: column;\n    gap: 16px;\n  }\n}\n\n.noUi-connect {\n  background: #776acf;\n}\n\n.noUi-handle {\n  border-color: var(--bs-light);\n  background: var(--bs-card-bg);\n  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px var(--bs-light), 0 3px 6px -3px var(--bs-light) !important;\n}\n\n.noUi-horizontal {\n  height: 8px;\n}\n.noUi-horizontal .noUi-handle {\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  right: -10px;\n  top: -7px;\n}\n.noUi-horizontal .noUi-handle::before, .noUi-horizontal .noUi-handle::after {\n  display: none;\n}\n.noUi-horizontal .noUi-handle:focus {\n  outline: 0;\n}\n\n.noUi-connects, .noUi-touch-area {\n  cursor: pointer;\n}\n\n.noUi-pips-horizontal {\n  height: 50px;\n}\n\n.noUi-vertical {\n  width: 8px;\n}\n.noUi-vertical .noUi-handle {\n  height: 20px;\n  width: 20px;\n  right: -7px;\n  top: -12px;\n  border-radius: 50%;\n}\n.noUi-vertical .noUi-handle::before, .noUi-vertical .noUi-handle::after {\n  display: none;\n}\n.noUi-vertical .noUi-handle:focus {\n  outline: 0;\n}\n\n.noUi-value {\n  font-size: 12px;\n}\n\n.noUi-marker-horizontal.noUi-marker-large {\n  height: 6px;\n}\n.noUi-marker-horizontal.noUi-marker {\n  display: none;\n}\n\n.noUi-target {\n  background-color: var(--bs-light);\n  border-color: var(--bs-light);\n  box-shadow: inset 0 1px 1px var(--bs-light), 0 3px 6px -5px var(--bs-light);\n}\n\n.noUi-touch-area:focus {\n  outline: 0;\n}\n\n#red,\n#green,\n#blue {\n  margin: 10px;\n  display: inline-block;\n  height: 200px;\n}\n\n#colorpicker {\n  height: 240px;\n  width: 310px;\n  margin: 0 auto;\n  padding: 10px;\n  border: 1px solid #eff0f2;\n}\n\n#result {\n  margin: 60px 26px;\n  height: 100px;\n  width: 100px;\n  display: inline-block;\n  vertical-align: top;\n  border: 1px solid #eff0f2;\n  box-shadow: 0 0 3px;\n  border-radius: 7px;\n}\n\n#red .noUi-connect {\n  background: #e1665d;\n}\n\n#green .noUi-connect {\n  background: #6dcba3;\n}\n\n#blue .noUi-connect {\n  background: #776acf;\n}\n\n.form-control.keyboard {\n  max-width: 340px !important;\n}\n\n#input-select,\n#input-number {\n  padding: 7px;\n  margin: 15px 5px 5px;\n  width: 70px;\n}\n\n.example-val {\n  font-size: 12px;\n  color: var(--bs-text-muted);\n  display: block;\n  margin: 15px 0;\n}\n.example-val:before {\n  content: \"Value: \";\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.noUi-tooltip {\n  display: none;\n}\n\n.noUi-active .noUi-tooltip {\n  display: block;\n}\n\n.c-1-color {\n  background: #e1665d;\n}\n\n.c-2-color {\n  background: #f7cc53;\n}\n\n.c-3-color {\n  background: #6dcba3;\n}\n\n.c-4-color {\n  background: #776acf;\n}\n\n.c-5-color {\n  background: #3966d7;\n}\n\n#slider-toggle {\n  height: 50px;\n}\n#slider-toggle.off .noUi-handle {\n  border-color: #e1665d;\n}\n\n.swal2-container .swal2-title {\n  font-size: 24px;\n  font-weight: 500;\n}\n\n.swal2-content {\n  font-size: 16px;\n}\n\n.swal2-icon.swal2-question {\n  border-color: #5fd0f3;\n  color: #5fd0f3;\n}\n.swal2-icon.swal2-success [class^=swal2-success-line] {\n  background-color: #6dcba3;\n}\n.swal2-icon.swal2-success .swal2-success-ring {\n  border-color: rgba(109, 203, 163, 0.3);\n}\n.swal2-icon.swal2-warning {\n  border-color: #f7cc53;\n  color: #f7cc53;\n}\n\n.swal2-styled:focus {\n  box-shadow: none;\n}\n\n.swal2-progress-steps .swal2-progress-step {\n  background: #776acf;\n}\n.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {\n  background: #776acf;\n}\n.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step, .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {\n  background: rgba(119, 106, 207, 0.3);\n}\n.swal2-progress-steps .swal2-progress-step-line {\n  background: #776acf;\n}\n\n.swal2-actions.swal2-loading .swal2-styled.swal2-confirm {\n  border-left-color: #776acf !important;\n  border-right-color: #776acf !important;\n}\n\n.swal2-file, .swal2-input, .swal2-textarea {\n  border: 1px solid var(--bs-border-color);\n}\n.swal2-file:focus, .swal2-input:focus, .swal2-textarea:focus {\n  box-shadow: none;\n  border-color: #bbb5e7;\n}\n\n.swal2-popup {\n  background-color: var(--bs-secondary-bg);\n}\n.swal2-popup .swal2-title {\n  color: var(--bs-secondary-color);\n}\n.swal2-popup .swal2-html-container {\n  color: var(--bs-secondary-color);\n}\n\n.alertify .ajs-header {\n  font-weight: 500;\n  font-size: 16px;\n  position: relative;\n  color: var(--bs-secondary-color);\n  border-bottom: var(--bs-border-color) 1px solid;\n}\n.alertify .ajs-dialog {\n  box-shadow: 0 2px 3px rgba(36, 36, 60, 0.06);\n  background-color: var(--bs-body-bg);\n  border-radius: var(--bs-border-radius-lg);\n  overflow: hidden;\n}\n.alertify .ajs-dialog .ajs-header, .alertify .ajs-dialog .ajs-footer {\n  background-color: var(--bs-body-bg);\n}\n.alertify .ajs-body {\n  color: var(--bs-secondary-color);\n}\n.alertify .ajs-footer {\n  border-top: var(--bs-border-color) 1px solid;\n}\n.alertify .ajs-footer .ajs-buttons .ajs-button {\n  font-size: 13px;\n  color: var(--bs-secondary-color);\n  font-weight: 500;\n}\n.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {\n  color: #776acf;\n}\n.alertify .ajs-footer .ajs-buttons.ajs-primary {\n  text-align: right;\n}\n.alertify .ajs-body .ajs-content {\n  padding: 16px 0px;\n}\n.alertify .ajs-body .ajs-content .ajs-input:focus-visible {\n  outline: none;\n}\n.alertify .ajs-body .ajs-content .ajs-input {\n  display: block;\n  width: 100%;\n  padding: 0.47rem 0.75rem;\n  line-height: 1.5;\n  color: var(--bs-secondary-color);\n  background-color: var(--bs-tertiary-bg);\n  border: var(--bs-border-width) solid var(--bs-border-color);\n  border-radius: var(--bs-border-radius);\n}\n.alertify .ajs-commands {\n  top: 16px;\n  right: 16px;\n  left: auto;\n  margin: 0;\n}\n.alertify .ajs-commands button {\n  width: 1em;\n  height: 1em;\n  padding: 0.25em 0.25em;\n  background: transparent url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e\") center/1em auto no-repeat !important;\n  opacity: 0.5;\n}\n\n.alertify-notifier .ajs-message {\n  background-color: #776acf;\n  border-color: #776acf;\n  color: #fff;\n  text-shadow: none !important;\n  border-radius: 4px;\n}\n.alertify-notifier .ajs-message.ajs-success {\n  background-color: #6dcba3;\n  border-color: #6dcba3;\n}\n.alertify-notifier .ajs-message.ajs-error {\n  background-color: #e1665d;\n  border-color: #e1665d;\n}\n.alertify-notifier .ajs-message.ajs-warning {\n  background-color: #f7cc53;\n  border-color: #f7cc53;\n}\n.alertify-notifier.ajs-right {\n  right: 10px;\n  left: auto;\n}\n.alertify-notifier.ajs-right .ajs-message {\n  right: -320px;\n  left: auto;\n}\n.alertify-notifier.ajs-right .ajs-message.ajs-visible {\n  right: 290px;\n  left: auto;\n}\n.alertify-notifier.ajs-left {\n  left: 10px;\n  right: auto;\n}\n.alertify-notifier.ajs-left .ajs-message {\n  left: -300px;\n  right: auto;\n}\n.alertify-notifier.ajs-left .ajs-message.ajs-visible {\n  left: 0;\n  right: auto;\n}\n\n.swiper-arrow .swiper-button-next, .swiper-arrow .swiper-button-prev {\n  height: 30px;\n  width: 30px;\n  margin: auto 0;\n  color: #fff !important;\n  background-color: #897dd5;\n}\n.swiper-arrow .swiper-button-next::after, .swiper-arrow .swiper-button-prev::after {\n  font-size: 18px;\n}\n.swiper-arrow .swiper-button-prev {\n  position: absolute;\n  left: 0;\n}\n.swiper-arrow .swiper-button-next {\n  position: absolute;\n  right: 0;\n}\n.swiper-arrow.arrow-sm .swiper-button-prev, .swiper-arrow.arrow-sm .swiper-button-next {\n  height: 24px;\n  width: 24px;\n}\n.swiper-arrow.arrow-sm .swiper-button-prev::after, .swiper-arrow.arrow-sm .swiper-button-next::after {\n  font-size: 12px;\n}\n\n.swiper-pagination {\n  transform: translate3d(0, 0, 0) translateX(-50%);\n  display: inline-flex;\n  width: auto !important;\n  padding: 4px 4px;\n  left: 50% !important;\n  background-color: var(--bs-secondary-bg);\n  border-radius: 10px;\n  right: auto !important;\n}\n\n.swiper-pagination-bullet {\n  background-color: var(--bs-secondary-bg);\n  opacity: 1;\n  border: 1px solid #776acf;\n}\n\n.swiper-pagination-bullet-active {\n  background-color: #776acf;\n  opacity: 1;\n  border: 1px solid #776acf;\n}\n\n.swiper-button-prev, .swiper-container-rtl .swiper-button-next {\n  left: 10px;\n  right: auto;\n}\n\n.swiper-button-next, .swiper-container-rtl .swiper-button-prev {\n  right: 10px;\n  left: auto;\n}\n\n.progress-swiper .swiper-pagination-progressbar {\n  width: 100%;\n  height: 4px;\n  left: 0;\n  top: 0;\n  background-color: var(--bs-tertiary-bg);\n}\n.progress-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n  background-color: #776acf;\n}\n\n.choices__inner {\n  padding: 0.25rem 2.5rem 0.25rem 0.5rem;\n  background-color: var(--bs-tertiary-bg);\n  vertical-align: middle;\n  border-radius: var(--bs-border-radius);\n  border: 1px solid var(--bs-border-color) !important;\n  min-height: 38px;\n}\n\n.choices__heading {\n  border-bottom: 1px solid var(--bs-border-color);\n}\n\n.is-focused .choices__inner, .is-open .choices__inner {\n  border-color: var(--bs-border-color);\n}\n\n.choices__list--dropdown {\n  border-color: var(--bs-border-color) !important;\n}\n\n.choices__list--dropdown {\n  border: 1px solid var(--bs-border-color) !important;\n  box-shadow: 0 2px 3px rgba(36, 36, 60, 0.06);\n}\n\n.choices[data-type*=select-one] .choices__input {\n  background-color: var(--bs-tertiary-bg) !important;\n  border-color: var(--bs-border-color);\n}\n\n.choices[data-type*=select-one] .choices__inner {\n  padding-bottom: 0.25rem;\n  background-color: var(--bs-tertiary-bg) !important;\n}\n.choices[data-type*=select-one] .choices__button {\n  right: 0;\n  left: auto;\n  margin-right: 25px;\n  margin-left: 0;\n}\n.choices[data-type*=select-one]:after {\n  border-color: var(--bs-border-color) transparent transparent;\n  right: 11.5px;\n  left: auto;\n}\n.choices[data-type*=select-one].is-open:after {\n  border-color: transparent transparent var(--bs-border-color);\n}\n\n.choices__input {\n  background-color: var(--bs-tertiary-bg);\n  margin-bottom: 0;\n  color: var(--bs-secondary-color);\n}\n\n.choices__list--multiple {\n  display: inline-flex;\n  flex-wrap: wrap;\n}\n.choices__list--multiple .choices__item {\n  background-color: rgba(var(--bs-primary-rgb), 1);\n  border-color: rgba(var(--bs-primary-rgb), 1);\n  margin-bottom: 0;\n  margin-right: 7px;\n  font-weight: 400;\n}\n.choices__list--multiple .choices__item.is-highlighted {\n  background-color: rgba(var(--bs-primary-rgb), 1);\n  border: 1px solid rgba(var(--bs-primary-rgb), 1);\n}\n\n.choices.is-disabled .choices__inner,\n.choices.is-disabled .choices__input {\n  background-color: var(--bs-light);\n}\n\n.is-disabled .choices__list--multiple .choices__item {\n  background-color: #969ba5;\n  border-color: #969ba5;\n}\n\n.choices[data-type*=select-multiple] .choices__button,\n.choices[data-type*=text] .choices__button {\n  border-left: 1px solid rgba(255, 255, 255, 0.5);\n  margin: 0 -4px 0 8px;\n  border-right: 0;\n}\n\n.choices__list--dropdown {\n  background-color: var(--bs-secondary-bg);\n  border: 1px solid var(--bs-border-color);\n}\n.choices__list--dropdown .choices__item--selectable.is-highlighted {\n  background-color: var(--bs-tertiary-bg);\n}\n\n/* CSS Switch */\ninput[switch] {\n  display: none;\n}\ninput[switch] + label {\n  font-size: 1em;\n  line-height: 1;\n  width: 56px;\n  height: 24px;\n  background-color: #e2e5e8;\n  background-image: none;\n  border-radius: 2rem;\n  padding: 0.16667rem;\n  cursor: pointer;\n  display: inline-block;\n  text-align: center;\n  position: relative;\n  font-weight: 500;\n  transition: all 0.1s ease-in-out;\n}\ninput[switch] + label:before {\n  color: #24243c;\n  content: attr(data-off-label);\n  display: block;\n  font-family: inherit;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 21px;\n  position: absolute;\n  right: 1px;\n  margin: 3px;\n  top: -2px;\n  text-align: center;\n  min-width: 1.66667rem;\n  overflow: hidden;\n  transition: all 0.1s ease-in-out;\n}\ninput[switch] + label:after {\n  content: \"\";\n  position: absolute;\n  left: 3px;\n  background-color: #f4f5f6;\n  box-shadow: none;\n  border-radius: 2rem;\n  height: 20px;\n  width: 20px;\n  top: 2px;\n  transition: all 0.1s ease-in-out;\n}\ninput[switch]:checked + label {\n  background-color: #776acf;\n}\n\ninput[switch]:checked + label {\n  background-color: #776acf;\n}\ninput[switch]:checked + label:before {\n  color: #fff;\n  content: attr(data-on-label);\n  right: auto;\n  left: 3px;\n}\ninput[switch]:checked + label:after {\n  left: 33px;\n  background-color: #f4f5f6;\n}\n\ninput[switch=bool] + label {\n  background-color: #e1665d;\n}\n\ninput[switch=bool] + label:before, input[switch=bool]:checked + label:before,\ninput[switch=default]:checked + label:before {\n  color: #fff;\n}\n\ninput[switch=bool]:checked + label {\n  background-color: #6dcba3;\n}\n\ninput[switch=default]:checked + label {\n  background-color: #a2a2a2;\n}\n\ninput[switch=primary]:checked + label {\n  background-color: #776acf;\n}\n\ninput[switch=success]:checked + label {\n  background-color: #6dcba3;\n}\n\ninput[switch=info]:checked + label {\n  background-color: #5fd0f3;\n}\n\ninput[switch=warning]:checked + label {\n  background-color: #f7cc53;\n}\n\ninput[switch=danger]:checked + label {\n  background-color: #e1665d;\n}\n\ninput[switch=dark]:checked + label {\n  background-color: #24243c;\n}\n\n.square-switch {\n  margin-right: 7px;\n}\n.square-switch input[switch] + label, .square-switch input[switch] + label:after {\n  border-radius: 4px;\n}\n\n.table-bordered {\n  border: var(--bs-border-width) solid var(--bs-border-color);\n}\n\n.gridjs-container {\n  color: var(--bs-secondary-color);\n}\n\n.gridjs-wrapper {\n  box-shadow: none;\n  border: 1px solid var(--bs-border-color);\n}\n.gridjs-wrapper::-webkit-scrollbar {\n  -webkit-appearance: none;\n}\n.gridjs-wrapper::-webkit-scrollbar:vertical {\n  width: 12px;\n}\n.gridjs-wrapper::-webkit-scrollbar:horizontal {\n  height: 12px;\n}\n.gridjs-wrapper::-webkit-scrollbar-thumb {\n  background-color: rgba(36, 36, 60, 0.075);\n  border-radius: 10px;\n  border: 2px solid var(--bs-secondary-bg);\n}\n.gridjs-wrapper::-webkit-scrollbar-track {\n  border-radius: 10px;\n  background-color: var(--bs-secondary-bg);\n}\n\n.gridjs-table {\n  width: 100%;\n}\n\nth.gridjs-th,\ntd.gridjs-td {\n  border: 1px solid var(--bs-border-color);\n  padding: 0.75rem 0.75rem;\n  background-color: var(--bs-secondary-bg) !important;\n}\n\nth.gridjs-th {\n  border-top: 0;\n  color: var(--bs-secondary-color);\n  background-color: var(--bs-secondary-bg);\n}\nth.gridjs-th-sort:focus, th.gridjs-th-sort:hover {\n  background-color: var(--bs-secondary-bg);\n}\n\n.gridjs-footer {\n  box-shadow: none;\n  border: 1px solid var(--bs-border-color);\n  border-top: 0;\n  background-color: var(--bs-table-head-bg);\n}\n\n.gridjs-pagination {\n  color: var(--bs-gray-600);\n}\n.gridjs-pagination .gridjs-pages button {\n  border: none !important;\n  border-radius: 30px !important;\n  margin: 0 5px;\n  border: none;\n  min-width: 32px;\n  height: 32px;\n  padding: 0;\n  text-align: center;\n  line-height: 32px;\n  background-color: transparent;\n  color: var(--bs-secondary-color);\n}\n.gridjs-pagination .gridjs-pages button:disabled, .gridjs-pagination .gridjs-pages button:hover:disabled, .gridjs-pagination .gridjs-pages button[disabled] {\n  color: var(--bs-secondary-color);\n  background-color: transparent;\n}\n.gridjs-pagination .gridjs-pages button:hover {\n  background-color: var(--bs-tertiary-bg);\n  color: var(--bs-link-hover-color);\n}\n.gridjs-pagination .gridjs-pages button:focus {\n  box-shadow: none;\n}\n.gridjs-pagination .gridjs-pages button:last-child:hover, .gridjs-pagination .gridjs-pages button:first-child:hover {\n  background-color: transparent;\n}\n.gridjs-pagination .gridjs-pages button.gridjs-currentPage {\n  background-color: #776acf;\n  color: #fff;\n  border-color: #776acf;\n}\n\ninput.gridjs-input {\n  border-color: var(--bs-border-color);\n  background-color: var(--bs-tertiary-bg);\n  color: var(--bs-secondary-color);\n}\ninput.gridjs-input:focus {\n  box-shadow: none;\n  border-color: #bbb5e7;\n  background-color: var(--bs-tertiary-bg);\n}\n\n.pcr-app {\n  background: var(--bs-secondary-bg);\n}\n\n.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview {\n  margin-right: 0.75em;\n  margin-left: 0;\n}\n.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser, .pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity {\n  margin-left: 0.75em;\n  margin-right: 0;\n}\n\n.flatpickr-input[readonly] {\n  background-color: var(--bs-tertiary-bg);\n}\n\n.flatpickr-months,\n.flatpickr-weekdays {\n  background-color: #776acf;\n}\n\nspan.flatpickr-weekday {\n  color: #fff;\n  font-weight: 500;\n}\n\n.flatpickr-current-month .flatpickr-monthDropdown-months:hover {\n  background-color: transparent !important;\n}\n\n.flatpickr-am-pm:focus, .flatpickr-am-pm:hover,\n.numInput:focus,\n.numInput:hover,\n.numInputWrapper:focus,\n.numInputWrapper:hover {\n  background-color: transparent !important;\n}\n\n.flatpickr-weekdays {\n  height: 36px !important;\n  border-bottom: 1px solid var(--bs-border-color);\n}\n\n.flatpickr-day {\n  color: rgba(var(--bs-dark), 0.3) !important;\n}\n.flatpickr-day:hover, .flatpickr-day:focus {\n  background-color: rgba(248, 247, 252, 0.7) !important;\n  color: rgba(var(--bs-dark), 0.3) !important;\n}\n.flatpickr-day.today {\n  border-color: #776acf !important;\n  background-color: rgba(119, 106, 207, 0.1);\n}\n.flatpickr-day.today:hover, .flatpickr-day.today:focus {\n  color: rgba(var(--bs-dark), 0.3) !important;\n  background-color: rgba(119, 106, 207, 0.15) !important;\n}\n.flatpickr-day.selected {\n  background-color: #776acf !important;\n  border-color: #776acf !important;\n  color: #fff !important;\n}\n.flatpickr-day.selected:hover {\n  color: var(--bs-dark) !important;\n}\n.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {\n  color: var(--bs-tertiary-color) !important;\n}\n.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {\n  background-color: var(--bs-light) !important;\n  border-color: var(--bs-light) !important;\n}\n.flatpickr-day.inRange {\n  box-shadow: -5px 0 0var --bs-light, 5px 0 0var --bs-light;\n}\n\n.flatpickr-months .flatpickr-prev-month,\n.flatpickr-months .flatpickr-next-month,\n.flatpickr-months .flatpickr-month {\n  color: rgba(255, 255, 255, 0.9) !important;\n  fill: rgba(255, 255, 255, 0.9) !important;\n}\n\n.flatpickr-monthDropdown-month {\n  color: rgba(0, 0, 0, 0.8);\n}\n\n.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {\n  color: rgba(255, 255, 255, 0.9) !important;\n}\n\n.flatpickr-time input,\n.flatpickr-time .flatpickr-time-separator,\n.flatpickr-time .flatpickr-am-pm {\n  color: var(--bs-dark) !important;\n}\n\n.flatpickr-calendar {\n  background-color: var(--bs-secondary-bg) !important;\n  box-shadow: 1px 0 0 var(--bs-border-color), -1px 0 0 var(--bs-border-color), 0 1px 0 var(--bs-border-color), 0 -1px 0 var(--bs-border-color), 0 3px 13px rgba(0, 0, 0, 0.08) !important;\n}\n.flatpickr-calendar.hasTime .flatpickr-time {\n  border-top: 1px solid var(--bs-border-color) !important;\n}\n\n.flatpickr-months {\n  border-radius: 5px 5px 0px 0px;\n}\n.flatpickr-months .flatpickr-prev-month:hover svg,\n.flatpickr-months .flatpickr-next-month:hover svg {\n  fill: rgba(255, 255, 255, 0.9) !important;\n}\n\n.ck-editor__editable {\n  min-height: 250px !important;\n}\n\n.ck.ck-reset_all, .ck.ck-reset_all * {\n  color: var(--bs-secondary-color) !important;\n}\n.ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {\n  border-color: var(--bs-border-color) !important;\n}\n.ck.ck-toolbar {\n  background-color: var(--bs-light) !important;\n  border-color: var(--bs-border-color) !important;\n}\n.ck.ck-toolbar .ck.ck-toolbar__separator {\n  background-color: var(--bs-border-color) !important;\n}\n.ck.ck-tooltip .ck-tooltip__text {\n  background-color: #24243c !important;\n  color: var(--bs-light) !important;\n}\n.ck.ck-editor__main > .ck-editor__editable, .ck.ck-list {\n  background-color: var(--bs-secondary-bg) !important;\n}\n.ck.ck-dropdown__panel {\n  border-color: var(--bs-border-color) !important;\n}\n.ck.ck-dropdown__panel .ck .ck-insert-table-dropdown__grid {\n  background-color: var(--bs-secondary-bg) !important;\n  border-color: var(--bs-border-color);\n}\n.ck.ck-dropdown__panel .ck .ck-insert-table-dropdown__label {\n  background-color: var(--bs-secondary-bg) !important;\n}\n.ck.ck-dropdown__panel .ck-media-form {\n  background-color: var(--bs-secondary-bg);\n}\n.ck.ck-balloon-panel {\n  background-color: var(--bs-secondary-bg) !important;\n  border-color: var(--bs-border-color) !important;\n}\n.ck.ck-balloon-panel::before {\n  background-color: var(--bs-secondary-bg) !important;\n}\n.ck.ck-input {\n  background-color: var(--bs-secondary-bg) !important;\n  border-color: var(--bs-border-color) !important;\n}\n\n.ck.ck-button:not(.ck-disabled):hover,\na.ck.ck-button:not(.ck-disabled):hover,\n.ck.ck-button.ck-on,\na.ck.ck-button.ck-on {\n  background-color: var(--bs-light) !important;\n}\n\n.ql-editor {\n  text-align: left;\n}\n.ql-editor ol,\n.ql-editor ul {\n  padding-left: 1.5em;\n  padding-right: 0;\n}\n.ql-editor li:not(.ql-direction-rtl)::before {\n  margin-left: -1.5em;\n  margin-right: 0.3em;\n  text-align: right;\n}\n\n.ql-container {\n  font-family: var(--bs-font-sans-serif);\n}\n.ql-container.ql-snow {\n  border-color: var(--bs-border-color);\n}\n\n.ql-bubble {\n  border: var(--bs-border-width) solid var(--bs-border-color);\n  border-radius: var(--bs-border-radius);\n}\n\n.ql-toolbar {\n  font-family: var(--bs-font-sans-serif) !important;\n}\n.ql-toolbar span {\n  outline: none !important;\n  color: var(--bs-body-color);\n}\n.ql-toolbar span:hover {\n  color: #776acf !important;\n}\n.ql-toolbar.ql-snow {\n  border-color: var(--bs-border-color);\n}\n.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n  border-color: transparent;\n}\n.ql-toolbar.ql-snow .ql-picker-options {\n  box-shadow: var(--bs-box-shadow);\n  border-radius: var(--bs-border-radius);\n}\n\n.ql-snow .ql-stroke,\n.ql-snow .ql-script,\n.ql-snow .ql-strike svg {\n  stroke: var(--bs-body-color);\n}\n.ql-snow .ql-fill {\n  fill: var(--bs-body-color);\n}\n.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {\n  right: 0;\n  left: auto;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n  color: var(--bs-body-color);\n}\n\n.ql-snow .ql-picker-options {\n  background-color: var(--bs-secondary-bg);\n  border-color: var(--bs-border-color) !important;\n}\n\n/* Dropzone */\n.dropzone {\n  min-height: 230px;\n  border: 2px dashed var(--bs-border-color);\n  background: var(--bs-secondary-bg);\n  border-radius: 6px;\n}\n.dropzone .dz-message {\n  font-size: 24px;\n  width: 100%;\n}\n\n.wizard-nav {\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n}\n.wizard-nav .wizard-list-item {\n  flex-basis: 0;\n  flex-grow: 1;\n  text-align: center;\n}\n.wizard-nav .wizard-list-item .list-item {\n  width: 100%;\n  font-size: 14px;\n  position: relative;\n}\n.wizard-nav .step-icon {\n  display: inline-block;\n  width: 56px;\n  height: 56px;\n  line-height: 54px;\n  border: 1px solid rgba(119, 106, 207, 0.2);\n  color: #776acf;\n  text-align: center;\n  border-radius: 50%;\n  position: relative;\n  z-index: 1;\n  font-size: 20px;\n}\n@media (max-width: 575.98px) {\n  .wizard-nav .step-icon {\n    width: 40px;\n    height: 40px;\n    line-height: 38px;\n  }\n}\n.wizard-nav .step-title {\n  margin-left: 6px;\n}\n.wizard-nav .wizard-list-item:last-child .list-item::after {\n  display: none;\n}\n.wizard-nav .wizard-list-item .list-item.done .step-icon {\n  background-color: #776acf;\n  color: #fff;\n}\n.wizard-nav .wizard-list-item .list-item.done .uil:before {\n  content: \"\\e9c3\";\n}\n.wizard-nav .list-item {\n  font-size: 14px;\n  position: relative;\n}\n@media (max-width: 575.98px) {\n  .wizard-nav .list-item {\n    padding: 0.5rem;\n  }\n}\n.wizard-nav .list-item::after {\n  content: \"\";\n  position: absolute;\n  width: 75%;\n  height: 2px;\n  background-color: var(--bs-border-color);\n  left: 62%;\n  top: 50%;\n  transform: translateY(-50%);\n}\n@media (max-width: 575.98px) {\n  .wizard-nav .list-item::after {\n    display: none;\n  }\n}\n.wizard-nav .list-item.active {\n  color: #2d2d49;\n  background-color: transparent;\n}\n.wizard-nav .list-item.active .step-icon {\n  background-color: rgba(119, 106, 207, 0.2);\n  color: #776acf;\n  border-color: rgba(119, 106, 207, 0.2);\n}\n\n.wizard-tab {\n  display: none;\n}\n\n.apex-charts {\n  min-height: 10px !important;\n}\n.apex-charts text {\n  font-family: var(--bs-font-sans-serif) !important;\n}\n.apex-charts .apexcharts-canvas {\n  margin: 0 auto;\n}\n\n.apexcharts-tooltip-title,\n.apexcharts-tooltip-text {\n  font-family: var(--bs-font-sans-serif) !important;\n}\n\n.apexcharts-tooltip {\n  border: 1px solid var(--bs-border-color) !important;\n  background-color: var(--bs-secondary-bg) !important;\n  box-shadow: 0 2px 3px rgba(36, 36, 60, 0.06) !important;\n}\n.apexcharts-tooltip * {\n  font-family: var(--bs-font-sans-serif) !important;\n  color: #9295a4 !important;\n}\n.apexcharts-tooltip .apexcharts-tooltip-title {\n  background-color: rgba(var(--bs-light-rgb), 0.75) !important;\n  border-bottom: 1px solid var(--bs-border-color-translucent) !important;\n}\n\n.apexcharts-tooltip.apexcharts-theme-dark * {\n  color: #fff !important;\n}\n\n.apexcharts-legend-series {\n  font-weight: 500;\n}\n\n.apexcharts-gridline {\n  pointer-events: none;\n  stroke: rgba(var(--bs-light-rgb), 0.75);\n}\n\n.apexcharts-legend-text {\n  color: #9295a4 !important;\n  font-family: var(--bs-font-sans-serif) !important;\n  font-size: 13px !important;\n}\n\n.apexcharts-pie-label {\n  fill: #fff !important;\n}\n\n.apexcharts-title-text, .apexcharts-subtitle-text {\n  fill: #adb5bd;\n}\n\n.apexcharts-yaxis text,\n.apexcharts-xaxis text {\n  font-family: var(--bs-font-sans-serif) !important;\n  fill: #adb5bd;\n}\n\n.apexcharts-yaxis-title {\n  font-weight: 500;\n}\n\n#dynamicloadedchart-wrap {\n  margin: 0px auto;\n  max-width: 800px;\n  position: relative;\n}\n\n.chart-box {\n  padding-left: 0;\n}\n\n#chart-year,\n#chart-quarter {\n  width: 96%;\n  max-width: 48%;\n  box-shadow: none;\n  padding-left: 0;\n  padding-top: 20px;\n  background: var(--bs-secondary-bg);\n  border: 1px solid var(--bs-border-color);\n}\n\n#chart-year {\n  float: left;\n  position: relative;\n  transition: 1s ease transform;\n  z-index: 3;\n}\n#chart-year.chart-quarter-activated {\n  transform: translateX(0);\n  transition: 1s ease transform;\n}\n\n#chart-quarter {\n  float: left;\n  position: relative;\n  z-index: -2;\n  transition: 1s ease transform;\n}\n#chart-quarter.active {\n  transition: 1.1s ease-in-out transform;\n  transform: translateX(0);\n  z-index: 1;\n}\n\n@media screen and (min-width: 480px) {\n  #chart-year {\n    transform: translateX(50%);\n  }\n\n  #chart-quarter {\n    transform: translateX(-50%);\n  }\n}\n.apexcharts-radar-series polygon, .apexcharts-radar-series line {\n  stroke: var(--bs-border-color);\n}\n\n.apexcharts-pie circle, .apexcharts-pie line {\n  stroke: var(--bs-border-color);\n}\n.apexcharts-pie text {\n  fill: var(--bs-secondary-color);\n}\n\n.apexcharts-toolbar .apexcharts-menu {\n  background-color: var(--bs-secondary-bg);\n  border-color: var(--bs-border-color);\n}\n.apexcharts-toolbar .apexcharts-menu .apexcharts-menu-item:hover {\n  background-color: var(--bs-tertiary-bg);\n}\n\n.glightbox-clean .gslide-title {\n  font-family: \"Nunito Sans\", sans-serif;\n  margin-bottom: 5px;\n  font-weight: 500;\n  font-size: 18px;\n}\n.glightbox-clean .gslide-desc {\n  font-family: var(--bs-font-sans-serif);\n  font-size: 14px;\n}\n.glightbox-clean .gclose {\n  border: 2px solid #fff;\n  border-radius: 7px;\n  right: 10px;\n  left: auto;\n}\n@media (min-width: 992px) {\n  .glightbox-clean .gclose {\n    right: 20px;\n    left: auto;\n  }\n}\n.glightbox-clean .gclose svg {\n  width: 12px;\n}\n\n.gmaps, .gmaps-panaroma {\n  height: 300px;\n  background: #f8f9fa;\n  border-radius: 3px;\n}\n\n.gmaps-overlay {\n  display: block;\n  text-align: center;\n  color: #fff;\n  font-size: 16px;\n  line-height: 40px;\n  background: #776acf;\n  border-radius: 4px;\n  padding: 10px 20px;\n}\n\n.gmaps-overlay_arrow {\n  left: 50%;\n  margin-left: -16px;\n  width: 0;\n  height: 0;\n  position: absolute;\n}\n.gmaps-overlay_arrow.above {\n  bottom: -15px;\n  border-left: 16px solid transparent;\n  border-right: 16px solid transparent;\n  border-top: 16px solid #776acf;\n}\n.gmaps-overlay_arrow.below {\n  top: -15px;\n  border-left: 16px solid transparent;\n  border-right: 16px solid transparent;\n  border-bottom: 16px solid #776acf;\n}\n\n.jvm-tooltip {\n  border-radius: 3px;\n  background-color: #776acf;\n  font-family: var(--bs-font-sans-serif);\n  box-shadow: 0 5px 6px rgba(36, 36, 60, 0.1);\n  padding: 3px 5px;\n}\n\n.leaflet-map {\n  height: 300px;\n}\n.leaflet-map.leaflet-container {\n  z-index: 99;\n}\n\n.gslide-description .gdesc-inner {\n  background-color: var(--bs-secondary-bg);\n}\n.gslide-description .gdesc-inner .gslide-title {\n  color: var(--bs-secondary-color);\n}\n\n.auth-bg-basic {\n  background-image: url(\"../images/bg-1.png\");\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n}\n.auth-bg-basic .bg-overlay {\n  opacity: 0.85;\n}\n@media (min-width: 768px) {\n  .auth-bg-basic {\n    height: 100vh;\n  }\n}\n\n.auth-pass-inputgroup input[type=text] + .btn .mdi-eye-outline:before {\n  content: \"\\f06d1\";\n}\n\n.auth-bg {\n  background-image: url(\"../images/bg-3.png\");\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%);\n}\n.auth-bg .bg-overlay {\n  opacity: 0.85;\n}\n@media (min-width: 768px) {\n  .auth-bg {\n    height: 100vh;\n  }\n}\n@media (max-width: 768px) {\n  .auth-bg {\n    clip-path: none;\n  }\n}\n\n.home-btn {\n  position: fixed;\n  top: 15px;\n  right: 25px;\n}\n\n.authentication-bg {\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n  background-image: url(\"../images/auth-bg.jpg\");\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.authentication-bg .auth-logo .logo {\n  margin: 0px auto;\n}\n.authentication-bg .auth-logo .auth-logo-light {\n  display: none;\n  margin: 0px auto;\n}\n.authentication-bg .auth-logo .auth-logo-dark {\n  margin: 0px auto;\n}\n.authentication-bg .bg-overlay {\n  opacity: 0.8;\n}\n.authentication-bg .auth-cover-card .authentication-bg {\n  align-items: flex-start;\n  justify-content: flex-start;\n}\n.authentication-bg .auth-cover-card .bg-overlay {\n  opacity: 0.6;\n}\n.authentication-bg .auth-cover-card .form-floating label {\n  color: rgba(255, 255, 255, 0.5);\n}\n.authentication-bg .auth-cover-card .form-floating .form-control {\n  background-color: rgba(255, 255, 255, 0.1);\n  border-color: rgba(255, 255, 255, 0.1);\n  color: #fff;\n}\n.authentication-bg .auth-cover-card .form-floating .form-floating-icon {\n  color: rgba(255, 255, 255, 0.5);\n}\n\n.form-floating-custom {\n  position: relative;\n}\n.form-floating-custom > label {\n  left: 48px;\n}\n.form-floating-custom > .form-control, .form-floating-custom > .form-select {\n  padding-left: 60px;\n}\n.form-floating-custom .form-floating-icon {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n  width: 56px;\n  color: var(--bs-text-muted);\n}\n\n.error-font {\n  font-size: 9rem;\n  text-shadow: 4px 4px 6px rgba(27, 28, 49, 0.26);\n}\n\n.mover-animation {\n  animation: mover 1s infinite alternate;\n}\n\n@keyframes mover {\n  0% {\n    transform: translateY(10px);\n  }\n  100% {\n    transform: translateY(-10px);\n  }\n}\n.auth-img {\n  background-image: url(\"https://images.unsplash.com/photo-1593062096033-9a26b09da705?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80\");\n  background-size: cover;\n  background-position: center;\n  height: 100%;\n  width: 100%;\n}\n@media (max-width: 991.98px) {\n  .auth-img {\n    height: 250px;\n  }\n}\n\nbody[data-bs-theme=dark] .authentication-bg {\n  background-image: url(\"../images/auth-bg-dark.jpg\");\n}\nbody[data-bs-theme=dark] .authentication-bg .bg-overlay {\n  opacity: 0.1;\n}\nbody[data-bs-theme=dark] .authentication-bg .auth-logo .auth-logo-dark {\n  display: none;\n}\nbody[data-bs-theme=dark] .authentication-bg .auth-logo .auth-logo-light {\n  display: block;\n}\n\n.task-board {\n  display: flex;\n  white-space: nowrap;\n  overflow-x: auto;\n  align-items: stretch;\n}\n.task-board::-webkit-scrollbar {\n  -webkit-appearance: none;\n}\n.task-board::-webkit-scrollbar:vertical {\n  width: 12px;\n}\n.task-board::-webkit-scrollbar:horizontal {\n  height: 10px;\n}\n.task-board::-webkit-scrollbar-thumb {\n  background-color: rgba(36, 36, 60, 0.2);\n  border-radius: 10px;\n  border: 2px solid var(--bs-border-color);\n}\n.task-board::-webkit-scrollbar-track {\n  border-radius: 10px;\n  background-color: #fff;\n}\n\n.tasks {\n  min-height: 300px;\n}\n\n.task-list {\n  min-width: 280px;\n  white-space: normal;\n}\n@media (min-width: 576px) {\n  .task-list {\n    width: 380px;\n    min-width: 384px;\n  }\n}\n.task-list:not(:last-child) {\n  margin-right: 20px;\n}\n.task-list .tasklist-content {\n  max-height: calc(100vh - 350px);\n}\n.task-list .task-box {\n  border: 1px solid var(--bs-border-color);\n}\n.task-list .task-box:last-child {\n  margin-bottom: 0;\n}\n\n.gu-transit {\n  border: 1px dashed var(--bs-border-color) !important;\n  background-color: var(--bs-gray-200) !important;\n}\n\n.search-box .search-icon {\n  font-size: 16px;\n  position: absolute;\n  left: 13px;\n  color: var(--bs-text-muted);\n  line-height: 40px;\n}\n\n.categories-list {\n  padding: 4px 0;\n}\n.categories-list li a {\n  display: block;\n  padding: 8px 12px;\n  color: #2d2d49;\n  font-weight: 500;\n}\n.categories-list li.active a {\n  color: #776acf;\n}\n.categories-list li ul {\n  padding-left: 14px;\n}\n.categories-list li ul li a {\n  padding: 4px 12px;\n  color: var(--bs-text-muted);\n  font-size: 13px;\n  font-weight: 400;\n}\n\n/* ==============\n  Email\n===================*/\n.email-leftbar {\n  width: 306px;\n  float: left;\n}\n\n.email-rightbar {\n  margin-left: 324px;\n}\n\n.chat-user-box p.user-title {\n  color: var(--bs-secondary-color);\n  font-weight: 500;\n}\n.chat-user-box p {\n  font-size: 14px;\n}\n\n.unread {\n  background-color: var(--bs-tertiary-bg);\n  font-weight: 500;\n  color: var(--bs-secondary-color);\n}\n\n.message-list:hover {\n  background-color: var(--bs-tertiary-bg);\n}\n\n@media (max-width: 767px) {\n  .email-leftbar {\n    float: none;\n    width: 100%;\n  }\n\n  .email-rightbar {\n    margin: 0;\n  }\n}\n.mail-list a {\n  display: block;\n  color: var(--bs-secondary-color);\n  line-height: 24px;\n  padding: 8px 18px;\n}\n.mail-list a.active {\n  color: #776acf;\n  font-weight: 500;\n}\n.mail-list a.active h5 {\n  color: #776acf;\n}\n\n.message-list {\n  display: block;\n  padding-left: 0;\n}\n.message-list .list {\n  position: relative;\n  display: block;\n  height: 50px;\n  cursor: default;\n  transition-duration: 0.3s;\n}\n.message-list .list a {\n  color: var(--bs-secondary-color);\n}\n.message-list .list.selected {\n  background-color: rgba(239, 240, 242, 0.6);\n}\n.message-list .list .col-mail {\n  float: left;\n  position: relative;\n}\n.message-list .list .col-mail-1 {\n  width: 320px;\n}\n.message-list .list .col-mail-1 .star-toggle,\n.message-list .list .col-mail-1 .checkbox-wrapper-mail,\n.message-list .list .col-mail-1 .dot {\n  display: block;\n  float: left;\n}\n.message-list .list .col-mail-1 .dot {\n  border: 4px solid transparent;\n  border-radius: 100px;\n  margin: 22px 26px 0;\n  height: 0;\n  width: 0;\n  line-height: 0;\n  font-size: 0;\n}\n.message-list .list .col-mail-1 .checkbox-wrapper-mail {\n  margin: 15px 10px 0 20px;\n}\n.message-list .list .col-mail-1 .star-toggle {\n  margin-top: 18px;\n  margin-left: 5px;\n}\n.message-list .list .col-mail-1 .title {\n  position: absolute;\n  top: 0;\n  left: 110px;\n  right: 0;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  margin-bottom: 0;\n  margin-top: 8px;\n}\n.message-list .list .col-mail-2 {\n  position: absolute;\n  top: 14px;\n  left: 320px;\n  right: 0;\n  bottom: 0;\n}\n.message-list .list .col-mail-2 .subject,\n.message-list .list .col-mail-2 .date {\n  position: absolute;\n  top: 0;\n}\n.message-list .list .col-mail-2 .subject {\n  left: 0;\n  right: 200px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  font-size: 14px;\n  font-weight: 500;\n}\n.message-list .list .col-mail-2 .date {\n  right: 10px;\n  width: 170px;\n  padding-left: 80px;\n}\n.message-list .list.active, .message-list .list.active:hover {\n  box-shadow: inset 3px 0 0 #776acf;\n}\n.message-list .checkbox-wrapper-mail {\n  cursor: pointer;\n  height: 20px;\n  width: 20px;\n  position: relative;\n  display: inline-block;\n  box-shadow: inset 0 0 0 1px var(--bs-gray-400);\n  border-radius: 1px;\n}\n.message-list .checkbox-wrapper-mail input {\n  opacity: 0;\n  cursor: pointer;\n}\n.message-list .checkbox-wrapper-mail input:checked ~ label {\n  opacity: 1;\n}\n.message-list .checkbox-wrapper-mail label {\n  position: absolute;\n  height: 20px;\n  width: 20px;\n  left: 0;\n  cursor: pointer;\n  opacity: 0;\n  margin-bottom: 0;\n  transition-duration: 0.05s;\n  top: 17px;\n}\n.message-list .checkbox-wrapper-mail label:before {\n  content: \"\\f012c\";\n  font-family: \"Material Design Icons\";\n  top: 0;\n  height: 20px;\n  color: var(--bs-secondary-color);\n  width: 20px;\n  position: absolute;\n  margin-top: -16px;\n  left: 4px;\n  font-size: 13px;\n}\n\n.email-search .form-control {\n  border: 0px;\n  padding: 0.6rem 0.75rem;\n}\n.email-search span {\n  position: absolute;\n  z-index: 10;\n  line-height: 38px;\n  right: 13px;\n  top: 2px;\n  color: var(--bs-secondary-color);\n}\n\n@media (max-width: 575.98px) {\n  .message-list .list .col-mail-1 {\n    width: 200px;\n  }\n}\n@media (min-width: 1200px) {\n  .chat-leftsidebar {\n    min-width: 380px;\n  }\n}\n@media (min-width: 992px) and (max-width: 1199.98px) {\n  .chat-leftsidebar {\n    min-width: 290px;\n  }\n}\n\n.chat-noti-dropdown.active:before {\n  content: \"\";\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  background-color: #e1665d;\n  border-radius: 50%;\n  right: 0;\n}\n.chat-noti-dropdown .btn {\n  padding: 6px;\n  box-shadow: none;\n  font-size: 16px;\n  color: var(--bs-gray-600);\n}\n\n.chat-user-status {\n  position: relative;\n}\n.chat-user-status .status {\n  width: 12px;\n  height: 12px;\n  background-color: #6dcba3;\n  border-radius: 50%;\n  border: 2px solid #fff;\n  position: absolute;\n  left: 60px;\n  right: 0;\n  margin: 0 auto;\n  bottom: 5px;\n}\n\n.chat-search-box .form-control {\n  border: 0;\n}\n\n.chat-message-list {\n  height: calc(100vh - 280px);\n}\n@media (min-width: 992px) {\n  .chat-message-list {\n    height: calc(100vh - 335px);\n  }\n}\n\n@media (min-width: 992px) {\n  .chat-rightsidebar {\n    height: calc(100vh - 690px);\n  }\n}\n\n.chat-list {\n  margin: 0;\n}\n.chat-list li.active a {\n  background-color: rgba(119, 106, 207, 0.075);\n  border-color: transparent;\n}\n.chat-list li a {\n  position: relative;\n  display: block;\n  color: var(--bs-text-muted);\n  transition: all 0.4s;\n  padding: 12px;\n  border: 1px solid var(--bs-border-color);\n  border-radius: 4px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 13px;\n  margin: 12px 0px;\n}\n.chat-list li a:hover {\n  background-color: rgba(119, 106, 207, 0.075);\n  border-color: transparent;\n}\n.chat-list li .user-img {\n  position: relative;\n}\n.chat-list li .user-img .user-status {\n  width: 10px;\n  height: 10px;\n  background-color: #adb5bd;\n  border-radius: 50%;\n  border: 2px solid var(--bs-secondary-bg);\n  position: absolute;\n  left: 0;\n  bottom: 0;\n}\n.chat-list li .user-img.online .user-status {\n  background-color: #6dcba3;\n}\n.chat-list li .user-img.away .user-status {\n  background-color: #f7cc53;\n}\n.chat-list li.unread a {\n  font-weight: 600;\n  color: #24243c;\n}\n.chat-list li .unread-message {\n  position: absolute;\n  display: inline-block;\n  right: 16px;\n  top: 33px;\n}\n\n.group-list li a {\n  border: 0;\n}\n\n.user-chat-nav .dropdown .nav-btn {\n  height: 36px;\n  width: 36px;\n  line-height: 36px;\n  box-shadow: none;\n  padding: 0;\n  font-size: 16px;\n  border-radius: 50%;\n  color: var(--bs-gray-600);\n}\n\n.contact-list {\n  font-size: 12px;\n  text-transform: uppercase;\n  color: var(--bs-text-muted);\n  font-weight: 600;\n}\n\n.chat-conversation {\n  height: calc(100vh - 300px);\n}\n@media (min-width: 992px) {\n  .chat-conversation {\n    height: calc(100vh - 335px);\n  }\n}\n.chat-conversation li {\n  clear: both;\n}\n.chat-conversation .chat-day-title {\n  position: relative;\n  text-align: center;\n  margin-bottom: 24px;\n  border: none;\n}\n.chat-conversation .chat-day-title .title {\n  display: inline-block;\n  background-color: var(--bs-light);\n  position: relative;\n  z-index: 1;\n  padding: 4px 16px;\n  border-radius: 30px;\n}\n.chat-conversation .chat-day-title:before {\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  height: 1px;\n  left: 0;\n  right: 0;\n  background-color: var(--bs-border-color);\n  top: 16px;\n}\n.chat-conversation .chat-day-title .badge {\n  font-size: 12px;\n}\n.chat-conversation .chat-avatar img {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n}\n.chat-conversation .conversation-list {\n  margin-bottom: 45px;\n  position: relative;\n}\n@media (min-width: 992px) {\n  .chat-conversation .conversation-list {\n    max-width: 85%;\n  }\n}\n.chat-conversation .conversation-list .ctext-wrap {\n  display: flex;\n  margin-bottom: 20px;\n}\n.chat-conversation .conversation-list .ctext-wrap-content {\n  padding: 14px 20px;\n  background-color: rgba(119, 106, 207, 0.1);\n  border-radius: 0px 8px 8px 8px;\n  color: var(--bs-text-muted);\n  position: relative;\n  margin-left: 16px;\n}\n.chat-conversation .conversation-list .ctext-wrap-content:before {\n  content: \"\";\n  position: absolute;\n  border: 5px solid transparent;\n  border-right-color: rgba(119, 106, 207, 0.1);\n  border-top-color: rgba(119, 106, 207, 0.1);\n  left: -10px;\n  top: 0;\n}\n.chat-conversation .conversation-list .conversation-name {\n  margin-bottom: 4px;\n  display: flex;\n  font-size: 13px;\n}\n.chat-conversation .conversation-list .conversation-name .time {\n  font-size: 12px;\n  position: absolute;\n  left: -50px;\n  top: 54px;\n  bottom: 0;\n  color: var(--bs-text-muted);\n  font-weight: 400;\n  -webkit-transition: all 0.4s;\n  transition: all 0.4s;\n}\n.chat-conversation .conversation-list .conversation-name .user-name {\n  color: #24243c;\n}\n.chat-conversation .conversation-list .dropdown .dropdown-toggle {\n  font-size: 18px;\n  padding: 4px;\n  color: #9295a4;\n}\n@media (max-width: 575.98px) {\n  .chat-conversation .conversation-list .dropdown .dropdown-toggle {\n    display: none;\n  }\n}\n.chat-conversation .conversation-list .chat-time {\n  font-size: 12px;\n  margin-top: 4px;\n  text-align: right;\n  color: rgba(255, 255, 255, 0.5);\n}\n.chat-conversation .conversation-list .message-img {\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n.chat-conversation .conversation-list .message-img .message-img-list {\n  position: relative;\n}\n.chat-conversation .conversation-list .message-img img {\n  max-width: 80px;\n}\n.chat-conversation .right .conversation-list {\n  float: right;\n  text-align: right;\n}\n.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content {\n  order: 2;\n  background-color: #776acf;\n  text-align: right;\n  border-radius: 8px 0px 8px 8px;\n  margin-left: 0;\n  margin-right: 6px;\n  color: #fff;\n}\n.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content:before {\n  border: 5px solid transparent;\n  border-top-color: #776acf;\n  border-left-color: #776acf;\n  left: auto;\n  right: -10px;\n}\n.chat-conversation .right .conversation-list .ctext-wrap .conversation-name {\n  justify-content: flex-end;\n}\n.chat-conversation .right .conversation-list .ctext-wrap .conversation-name .time {\n  order: 1;\n  margin-left: 0;\n  margin-right: 8px;\n  position: absolute;\n  right: -50px;\n  left: auto;\n}\n.chat-conversation .right .conversation-list .ctext-wrap .conversation-name .user-name {\n  order: 2;\n}\n.chat-conversation .right .conversation-list .dropdown {\n  order: 1;\n}\n.chat-conversation .right .conversation-list .chat-avatar {\n  order: 3;\n}\n\n.chat-input-section {\n  border-top: 1px solid var(--bs-border-color);\n}\n\n.chat-input {\n  background-color: var(--bs-light) !important;\n  border-color: var(--bs-light) !important;\n}\n\n@media (max-width: 575.98px) {\n  .chat-send {\n    min-width: auto;\n  }\n}\n\n.countdownlist {\n  text-align: center;\n  display: flex;\n  gap: 24px;\n}\n.countdownlist .countdownlist-item {\n  width: 25%;\n}\n.countdownlist .countdownlist-item:last-of-type .count-num::after {\n  display: none;\n}\n.countdownlist .count-title {\n  font-size: 13px;\n  font-weight: 500;\n  display: block;\n  margin-bottom: 8px;\n  color: rgba(36, 36, 60, 0.5);\n  text-transform: uppercase;\n}\n.countdownlist .count-num {\n  background-color: var(--bs-secondary-bg);\n  padding: 16px 8px;\n  position: relative;\n  border-radius: var(--bs-border-radius);\n  box-shadow: 0 2px 3px rgba(36, 36, 60, 0.06);\n  font-weight: 600;\n  font-size: 32px;\n}\n@media (max-width: 575.98px) {\n  .countdownlist .count-num {\n    font-size: 18px;\n  }\n}\n.countdownlist .count-num::after {\n  content: \":\";\n  font-size: 20px;\n  position: absolute;\n  right: -16px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: #24243c;\n}\n\n.countdown-endtxt {\n  font-size: 24px;\n  font-weight: 600;\n}\n\n.countdown-input-group {\n  max-width: 350px;\n}\n\n.wrapper {\n  width: 95%;\n  margin: 0 auto;\n}\n\n.timeline-sec {\n  padding: 80px 0 10px 0;\n}\n\n.timeline-row {\n  display: flex;\n  justify-content: flex-start;\n  flex-wrap: wrap;\n  padding-bottom: 100px;\n  position: relative;\n}\n\n.timeline-box {\n  width: 33.33%;\n  position: relative;\n}\n\n.timeline-row:nth-child(2n+2) {\n  justify-content: center;\n}\n.timeline-row:nth-child(2n+2)::after {\n  right: auto;\n  left: 0;\n  transform: translate(-50%, -50%) rotate(90deg);\n}\n.timeline-row:nth-child(2n+2) .timeline-box {\n  width: 30%;\n}\n.timeline-row:nth-child(2n+2) .timeline-box::after {\n  transform: translate(50%, -50%) rotate(180deg);\n  left: -50%;\n}\n.timeline-row:nth-child(2n+2) .timeline-box:nth-child(3)::after {\n  display: none;\n}\n.timeline-row:nth-child(2n+2) .timeline-box .timeline-content {\n  width: 85%;\n}\n\n.timeline-date .date {\n  position: relative;\n  padding-top: 20px;\n}\n\n.timeline-box .timeline-date {\n  position: relative;\n  border: 2px solid var(--bs-border-color);\n  width: 90px;\n  height: 90px;\n  border-radius: 100%;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--bs-card-bg);\n  margin-top: -48px;\n  z-index: 1;\n}\n.timeline-box .timeline-content {\n  background-color: var(--bs-tertiary-bg);\n  padding: 25px;\n  width: 85%;\n  margin-top: 30px;\n  position: relative;\n}\n.timeline-box .timeline-content::before {\n  width: 0;\n  height: 0;\n  border-bottom: 15px solid var(--bs-tertiary-bg);\n  border-right: 17px solid transparent;\n  position: absolute;\n  top: -14px;\n  left: 0;\n  content: \"\";\n}\n\n.timeline-row:last-child {\n  justify-content: center;\n  position: relative;\n  padding-bottom: 70px;\n}\n.timeline-row:last-child::after {\n  position: absolute;\n  top: 0;\n  left: 3%;\n  width: 47%;\n  height: 0;\n  content: \"\";\n  background-color: transparent;\n  background-image: none;\n  transform: none;\n  z-index: 0;\n  border-top: 2px dotted var(--bs-border-color);\n}\n.timeline-row:last-child .timeline-box {\n  width: auto;\n  z-index: 1;\n}\n.timeline-row:last-child .timeline-box::after {\n  display: none;\n}\n.timeline-row:last-child .timeline-box .timeline-date {\n  color: #fff;\n  border: 0;\n  margin-top: -46px;\n}\n.timeline-row:nth-last-child(1):nth-child(even):after {\n  right: 3%;\n  left: initial;\n}\n.timeline-row .horizontal-line {\n  border-top: 2px dotted var(--bs-border-color);\n  width: calc(100% - 100px);\n  margin: 0 auto;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n}\n.timeline-row .verticle-line {\n  margin: 0;\n  padding: 0;\n  width: 2px;\n  border-right: 2px dotted var(--bs-border-color);\n  height: calc(100% - 100px);\n  position: absolute;\n  top: 0;\n  right: 0;\n  margin: auto 0;\n  bottom: 0;\n}\n.timeline-row:nth-child(2n+2) {\n  flex-direction: row-reverse;\n}\n.timeline-row:nth-child(2n+2) .verticle-line {\n  left: 0;\n  right: inherit;\n}\n.timeline-row:nth-child(2n+2) .corner {\n  right: inherit;\n  left: 0;\n  border-left: 2px dotted var(--bs-border-color);\n  border-right: 0;\n  border-radius: 70px 0 0 0;\n}\n.timeline-row:nth-child(2n+2) .corner.bottom {\n  border-radius: 0 0 0 70px;\n}\n\n.timeline-sec .local-solutions-txt {\n  font-size: 24px;\n}\n\n.corner {\n  position: absolute;\n  border-right: 2px dotted var(--bs-border-color);\n  width: 50px;\n  height: 50px;\n  right: 0;\n  border-top: 2px dotted var(--bs-border-color);\n  top: 0px;\n  border-radius: 0 70px 0 0;\n}\n\n.corner.bottom {\n  bottom: -2px;\n  top: inherit;\n  border-radius: 0;\n  border-top: 0;\n  border-bottom: 2px dotted var(--bs-border-color);\n  border-radius: 0 0 70px 0;\n  right: 0;\n}\n\n/*****************************************/\n/************** Responsive ***************/\n/*****************************************/\n@media screen and (max-width: 1024px) {\n  .timeline-vertical .timeline-box .timeline-date {\n    width: 70px;\n    height: 70px;\n  }\n\n  .timeline-row {\n    padding-bottom: 0;\n  }\n  .timeline-row .horizontal-line {\n    display: none;\n  }\n  .timeline-row .verticle-line {\n    display: none;\n  }\n  .timeline-row::after {\n    display: none;\n    width: 26px;\n    height: 26px;\n  }\n  .timeline-row:nth-child(2n+2) {\n    padding-left: 0;\n    flex-direction: unset;\n  }\n  .timeline-row:nth-child(2n+2)::after {\n    display: none;\n    width: 26px;\n    height: 26px;\n  }\n  .timeline-row:nth-child(2n+2) .timeline-box {\n    width: 100%;\n  }\n  .timeline-row:nth-child(2n+2) .timeline-box::after {\n    transform: translate(-50%, 100%) rotate(90deg);\n    top: 50%;\n    left: 50%;\n  }\n  .timeline-row:nth-child(2n+2) .timeline-box .timeline-content {\n    width: 41%;\n    margin: -40px 0 0 0;\n  }\n  .timeline-row:nth-child(2n+2) .timeline-box:nth-child(2n+1) {\n    text-align: right;\n  }\n  .timeline-row:nth-child(2n+2) .timeline-box:nth-child(2n+1) .timeline-content {\n    display: inline-block;\n    text-align: left;\n  }\n  .timeline-row:nth-child(2n+2) .timeline-box:nth-child(2n+1) .timeline-content::before {\n    left: -16px;\n    right: auto;\n    border-bottom: 0px solid var(--bs-border-color);\n    border-top: 15px solid var(--bs-border-color);\n    top: 0;\n    border-left: 15px solid transparent;\n  }\n  .timeline-row:nth-child(2n+2) .timeline-box:nth-child(2n+2) {\n    text-align: left;\n  }\n  .timeline-row:nth-child(2n+2) .timeline-box:nth-child(2n+2) .timeline-content::before {\n    left: auto;\n    right: -16px;\n    border-bottom: 0px solid var(--bs-border-color);\n    border-top: 15px solid var(--bs-border-color);\n    top: 0;\n  }\n  .timeline-row:nth-child(2n+2) .timeline-box:nth-child(3)::after {\n    display: block;\n  }\n  .timeline-row:nth-child(2n+2) .verticle-line {\n    left: 50%;\n  }\n  .timeline-row:last-child {\n    padding-bottom: 20px;\n  }\n  .timeline-row:last-child .timeline-box .timeline-date {\n    margin-top: 0;\n    font-size: 13px;\n    width: 66px;\n    height: 66px;\n  }\n\n  .corner {\n    display: none;\n  }\n\n  .timeline-box {\n    width: 100%;\n    padding-bottom: 30px;\n  }\n  .timeline-box::after {\n    transform: translate(-50%, 100%) rotate(90deg);\n    top: 50%;\n    left: 50%;\n    width: 26px;\n    height: 26px;\n  }\n  .timeline-box .timeline-date {\n    margin-top: 0;\n    margin: 0 auto;\n    width: 80px;\n    height: 80px;\n  }\n  .timeline-box .timeline-date .date {\n    padding-top: 13px;\n  }\n  .timeline-box .timeline-content {\n    width: 41%;\n    margin: -40px 0 0 0;\n  }\n  .timeline-box .timeline-content::before {\n    left: auto;\n    right: -16px;\n    border-bottom: 0px solid var(--bs-border-color);\n    border-top: 15px solid var(--bs-border-color);\n    top: 0;\n  }\n  .timeline-box:nth-child(2n+2) {\n    text-align: right;\n  }\n  .timeline-box:nth-child(2n+2) .timeline-content {\n    display: inline-block;\n    text-align: left;\n  }\n  .timeline-box:nth-child(2n+2) .timeline-content::before {\n    left: -16px;\n    right: auto;\n    border-bottom: 0px solid var(--bs-border-color);\n    border-top: 15px solid var(--bs-border-color);\n    top: 0;\n    border-left: 15px solid transparent;\n  }\n\n  .verticle-line {\n    display: block !important;\n    left: 50%;\n    height: calc(100% - 0px) !important;\n    transform: translate(-50%, 0%);\n  }\n}\n@media screen and (max-width: 640px) {\n  .timeline-box {\n    text-align: right;\n    padding-bottom: 20px;\n  }\n  .timeline-box .timeline-date {\n    margin: 0;\n    width: 50px;\n    height: 50px;\n  }\n  .timeline-box .timeline-content {\n    width: 70%;\n    margin: -38px 0 0 0;\n    text-align: left;\n    font-size: 13px;\n    display: inline-block;\n  }\n  .timeline-box .timeline-content::before {\n    left: -14px;\n    right: 0;\n    border-bottom: 0px solid var(--bs-border-color);\n    border-top: 15px solid var(--bs-border-color);\n    top: 0;\n    border-top: 15px solid var(--bs-border-color);\n    border-left: 15px solid transparent;\n    border-right: 0px solid transparent;\n  }\n  .timeline-box:nth-child(2n+2) .timeline-content::before {\n    left: -14px;\n  }\n  .timeline-box::after {\n    width: 24px;\n    height: 24px;\n    left: 35px;\n    left: 25px;\n  }\n\n  .verticle-line {\n    left: 25px;\n  }\n\n  .timeline-row:nth-child(2n+2) .verticle-line {\n    left: 25px;\n  }\n  .timeline-row:nth-child(2n+2) .timeline-box .timeline-content {\n    width: 70%;\n    margin: -38px 0 0 0;\n    text-align: left;\n    font-size: 13px;\n    display: inline-block;\n  }\n  .timeline-row:nth-child(2n+2) .timeline-box:nth-child(2n+2) {\n    text-align: right;\n  }\n  .timeline-row:nth-child(2n+2) .timeline-box:nth-child(2n+2) .timeline-content::before {\n    left: -14px;\n    right: 0;\n    border-bottom: 0px solid var(--bs-border-color);\n    border-top: 15px solid var(--bs-border-color);\n    top: 0;\n    border-top: 15px solid var(--bs-border-color);\n    border-left: 15px solid transparent;\n    border-right: 0px solid transparent;\n  }\n  .timeline-row:nth-child(2n+2) .timeline-box:nth-child(2n+1) .timeline-content::before {\n    left: -14px;\n  }\n  .timeline-row:nth-child(2n+2) .timeline-box::after {\n    left: 25px;\n  }\n  .timeline-row:nth-child(2n+2)::after {\n    width: 24px;\n    height: 24px;\n    left: 35px;\n  }\n  .timeline-row:last-child {\n    justify-content: flex-start;\n  }\n  .timeline-row:last-child .timeline-box {\n    margin: 0 0 0 6px;\n  }\n  .timeline-row:last-child .timeline-box .timeline-date {\n    width: 50px;\n    height: 50px;\n  }\n  .timeline-row::after {\n    width: 24px;\n    height: 24px;\n    left: 35px;\n  }\n}\n.timeline-vertical .timeline-row {\n  padding-bottom: 0;\n}\n.timeline-vertical .timeline-row .horizontal-line {\n  display: none;\n}\n.timeline-vertical .timeline-row .verticle-line {\n  display: none;\n}\n.timeline-vertical .timeline-row::after {\n  display: none;\n  width: 26px;\n  height: 26px;\n}\n.timeline-vertical .timeline-row:nth-child(2n+2) {\n  padding-left: 0;\n  flex-direction: unset;\n}\n.timeline-vertical .timeline-row:nth-child(2n+2)::after {\n  display: none;\n  width: 26px;\n  height: 26px;\n}\n.timeline-vertical .timeline-row:nth-child(2n+2) .timeline-box {\n  width: 100%;\n}\n.timeline-vertical .timeline-row:nth-child(2n+2) .timeline-box::after {\n  transform: translate(-50%, 100%) rotate(90deg);\n  top: 50%;\n  left: 50%;\n}\n.timeline-vertical .timeline-row:nth-child(2n+2) .timeline-box .timeline-content {\n  width: 41%;\n  margin: -40px 0 0 0;\n}\n.timeline-vertical .timeline-row:nth-child(2n+2) .timeline-box:nth-child(2n+1) {\n  text-align: right;\n}\n.timeline-vertical .timeline-row:nth-child(2n+2) .timeline-box:nth-child(2n+1) .timeline-content {\n  display: inline-block;\n  text-align: left;\n}\n.timeline-vertical .timeline-row:nth-child(2n+2) .timeline-box:nth-child(2n+1) .timeline-content::before {\n  left: -16px;\n  right: auto;\n  border-bottom: 0px solid var(--bs-tertiary-bg);\n  border-top: 15px solid var(--bs-tertiary-bg);\n  top: 0;\n  border-left: 15px solid transparent;\n}\n.timeline-vertical .timeline-row:nth-child(2n+2) .timeline-box:nth-child(2n+2) {\n  text-align: left;\n}\n.timeline-vertical .timeline-row:nth-child(2n+2) .timeline-box:nth-child(2n+2) .timeline-content::before {\n  left: auto;\n  right: -16px;\n  border-bottom: 0px solid var(--bs-tertiary-bg);\n  border-top: 15px solid var(--bs-tertiary-bg);\n  top: 0;\n}\n.timeline-vertical .timeline-row:nth-child(2n+2) .timeline-box:nth-child(3)::after {\n  display: block;\n}\n.timeline-vertical .timeline-row:nth-child(2n+2) .verticle-line {\n  left: 50%;\n}\n.timeline-vertical .timeline-row:last-child {\n  padding-bottom: 20px;\n}\n.timeline-vertical .timeline-row:last-child .timeline-box .timeline-date {\n  margin-top: 0;\n  font-size: 13px;\n  width: 85px;\n  height: 85px;\n}\n.timeline-vertical .corner {\n  display: none;\n}\n.timeline-vertical .timeline-box {\n  width: 100%;\n  padding-bottom: 30px;\n}\n.timeline-vertical .timeline-box::after {\n  transform: translate(-50%, 100%) rotate(90deg);\n  top: 50%;\n  left: 50%;\n  width: 26px;\n  height: 26px;\n}\n.timeline-vertical .timeline-box .timeline-date {\n  margin-top: 0;\n  margin: 0 auto;\n  width: 85px;\n  height: 85px;\n}\n.timeline-vertical .timeline-box .timeline-date .date {\n  padding-top: 16px;\n}\n.timeline-vertical .timeline-box .timeline-content {\n  width: 43%;\n  margin: -40px 0 0 0;\n}\n.timeline-vertical .timeline-box .timeline-content::before {\n  left: auto;\n  right: -16px;\n  border-bottom: 0px solid var(--bs-tertiary-bg);\n  border-top: 15px solid var(--bs-tertiary-bg);\n  top: 0;\n}\n.timeline-vertical .timeline-box:nth-child(2n+2) {\n  text-align: right;\n}\n.timeline-vertical .timeline-box:nth-child(2n+2) .timeline-content {\n  display: inline-block;\n  text-align: left;\n}\n.timeline-vertical .timeline-box:nth-child(2n+2) .timeline-content::before {\n  left: -16px;\n  right: auto;\n  border-bottom: 0px solid var(--bs-tertiary-bg);\n  border-top: 15px solid var(--bs-tertiary-bg);\n  top: 0;\n  border-left: 15px solid transparent;\n}\n.timeline-vertical .verticle-line {\n  display: block !important;\n  left: 50%;\n  height: calc(100% - 0px) !important;\n  transform: translate(-50%, 0%);\n}\n\n@media screen and (max-width: 640px) {\n  .timeline-vertical .timeline-box {\n    text-align: right;\n    padding-bottom: 20px;\n  }\n  .timeline-vertical .timeline-box .timeline-date {\n    margin: 0;\n    width: 50px;\n    height: 50px;\n  }\n  .timeline-vertical .timeline-box .timeline-date .date {\n    padding-top: 12px;\n  }\n  .timeline-vertical .timeline-box .timeline-content {\n    width: 80%;\n    margin: -38px 0 0 0;\n    text-align: left;\n    font-size: 13px;\n    display: inline-block;\n  }\n  .timeline-vertical .timeline-box .timeline-content::before {\n    left: -14px;\n    right: 0;\n    border-bottom: 0px solid var(--bs-border-color);\n    border-top: 15px solid var(--bs-border-color);\n    top: 0;\n    border-top: 15px solid var(--bs-border-color);\n    border-left: 15px solid transparent;\n    border-right: 0px solid transparent;\n  }\n  .timeline-vertical .timeline-box:nth-child(2n+2) .timeline-content::before {\n    left: -14px;\n  }\n  .timeline-vertical .timeline-box::after {\n    width: 24px;\n    height: 24px;\n    left: 35px;\n    left: 25px;\n  }\n  .timeline-vertical .verticle-line {\n    left: 25px;\n  }\n  .timeline-vertical .timeline-row:nth-child(2n+2) .verticle-line {\n    left: 25px;\n  }\n  .timeline-vertical .timeline-row:nth-child(2n+2) .timeline-box .timeline-content {\n    width: 70%;\n    margin: -38px 0 0 0;\n    text-align: left;\n    font-size: 13px;\n    display: inline-block;\n  }\n  .timeline-vertical .timeline-row:nth-child(2n+2) .timeline-box:nth-child(2n+2) {\n    text-align: right;\n  }\n  .timeline-vertical .timeline-row:nth-child(2n+2) .timeline-box:nth-child(2n+2) .timeline-content::before {\n    left: -14px;\n    right: 0;\n    border-bottom: 0px solid var(--bs-border-color);\n    border-top: 15px solid var(--bs-border-color);\n    top: 0;\n    border-top: 15px solid var(--bs-border-color);\n    border-left: 15px solid transparent;\n    border-right: 0px solid transparent;\n  }\n  .timeline-vertical .timeline-row:nth-child(2n+2) .timeline-box:nth-child(2n+1) .timeline-content::before {\n    left: -14px;\n  }\n  .timeline-vertical .timeline-row:nth-child(2n+2) .timeline-box::after {\n    left: 25px;\n  }\n  .timeline-vertical .timeline-row:nth-child(2n+2)::after {\n    width: 24px;\n    height: 24px;\n    left: 35px;\n  }\n  .timeline-vertical .timeline-row:last-child {\n    justify-content: flex-start;\n  }\n  .timeline-vertical .timeline-row:last-child .timeline-box {\n    margin: 0 0 0 6px;\n  }\n  .timeline-vertical .timeline-row:last-child .timeline-box .timeline-date {\n    width: 50px;\n    height: 50px;\n  }\n  .timeline-vertical .timeline-row::after {\n    width: 24px;\n    height: 24px;\n    left: 35px;\n  }\n}\n.search-box .form-control {\n  border-radius: 30px;\n  padding-left: 40px;\n}\n.search-box .search-icon {\n  font-size: 16px;\n  position: absolute;\n  left: 13px;\n  top: 2px;\n  color: #9295a4;\n  line-height: 38px;\n}\n\n.categories-list {\n  padding: 4px 0;\n}\n.categories-list li a {\n  display: block;\n  padding: 4px 12px;\n  color: var(--bs-secondary-color);\n}\n.categories-list li.active a {\n  color: #776acf;\n}\n\n.product-box {\n  border: 1px solid var(--bs-border-color);\n  transition: all 0.4s;\n  overflow: hidden;\n  margin-top: 20px;\n  cursor: pointer;\n  position: relative;\n}\n.product-box:hover {\n  box-shadow: 0 2px 3px rgba(36, 36, 60, 0.06);\n}\n.product-box:hover .product-color {\n  visibility: visible;\n}\n.product-box .product-ribbon {\n  position: absolute;\n  background-color: #776acf;\n  color: #fff;\n  font-size: 12px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 36px;\n  width: 70px;\n  top: -2px;\n  transform: rotate(-90deg) translateX(-27%);\n  font-weight: 500;\n}\n.product-box .product-ribbon:after {\n  content: \"\";\n  border-top: 18px solid #776acf;\n  border-bottom: 18px solid #776acf;\n  border-right: 11px solid transparent;\n  border-left: 11px solid transparent;\n  position: absolute;\n  left: -11px;\n  top: 0;\n}\n\n.product-wishlist {\n  position: absolute;\n  top: 20px;\n  left: 30px;\n  z-index: 9;\n}\n.product-wishlist a {\n  display: inline-block;\n  width: 40px;\n  height: 40px;\n  border: 2px solid var(--bs-border-color);\n  line-height: 36px;\n  border-radius: 50%;\n  text-align: center;\n  color: #adb5bd;\n}\n\n.modal-button {\n  position: absolute;\n  right: 0;\n  z-index: 2;\n}\n@media (max-width: 576px) {\n  .modal-button {\n    position: inherit;\n  }\n}\n\n[dir=rtl] .modal-button {\n  left: 0;\n  right: auto;\n}\n\n.product-content {\n  position: relative;\n  transition: all 0.2s;\n}\n\n.product-detail .swiper-button-next,\n.product-detail .swiper-button-prev {\n  color: #776acf;\n  width: 35px;\n  height: 35px;\n  background: rgba(119, 106, 207, 0.3);\n  border-radius: 50%;\n}\n.product-detail .swiper-button-next:after,\n.product-detail .swiper-button-prev:after {\n  font-size: 20px;\n}\n.product-detail .swiper-button-next {\n  right: 20px;\n  left: auto;\n}\n.product-detail .swiper-button-prev {\n  left: 20px;\n  right: auto;\n}\n.product-detail .swiper-slide-thumb-active {\n  background-color: var(--bs-gray-300);\n}\n.product-detail .swiper-slide {\n  padding: 5px 15px;\n  border-radius: 5px;\n}\n\n.product-desc-list li {\n  padding: 2px 0px;\n}\n\n.product-desc-color a {\n  display: inline-block;\n  text-align: center;\n  color: var(--bs-secondary-color);\n  margin: 4px;\n  border: 2px solid var(--bs-border-color);\n  border-radius: 4px;\n}\n.product-desc-color a.active, .product-desc-color a:hover {\n  color: #776acf;\n  border-color: #776acf !important;\n}\n\n.product-review-link .list-inline-item a {\n  color: #9295a4;\n  padding: 4px 8px;\n  font-size: 15px;\n}\n\n.product-cart-touchspin {\n  border: 1px solid var(--bs-border-color);\n  background-color: var(--bs-tertiary-bg);\n  border-radius: 0.25rem;\n}\n.product-cart-touchspin .form-control {\n  border-color: transparent;\n  height: 32px;\n}\n.product-cart-touchspin .input-group-btn .btn {\n  background-color: transparent !important;\n  border-color: transparent !important;\n  color: #776acf !important;\n  font-size: 16px;\n  padding: 3px 12px;\n  box-shadow: none;\n}\n\n.shipping-address {\n  box-shadow: none;\n}\n.shipping-address.active {\n  border-color: #776acf !important;\n}\n\n.product-tag {\n  position: absolute;\n  top: 0;\n  z-index: 9;\n  right: 0;\n  width: 100%;\n  display: block;\n  font-size: 15px;\n  padding: 0;\n  overflow: hidden;\n  height: 100px;\n}\n.product-tag .badge {\n  float: right;\n  transform: rotate(45deg);\n  right: -67px;\n  top: 17px;\n  position: relative;\n  text-align: center;\n  width: 200px;\n  font-size: 13px;\n  margin: 0;\n  padding: 7px 10px;\n  font-weight: 500;\n  color: #776acf;\n  background: #fff;\n}\n\n.categories-filter .list-inline-item {\n  position: relative;\n  margin-right: 0;\n}\n.categories-filter .list-inline-item a {\n  display: block;\n  color: var(--bs-secondary-color);\n  background-color: rgba(119, 106, 207, 0.2);\n  padding: 8px 15px;\n  margin: 7px;\n  cursor: pointer;\n  border-radius: 4px;\n}\n.categories-filter .list-inline-item a.active {\n  color: #fff;\n  background-color: #776acf;\n}\n.categories-filter .list-inline-item:last-child:after {\n  display: none;\n}\n\n.gallery-box {\n  position: relative;\n  text-align: center;\n  overflow: hidden;\n  border: 1px solid var(--bs-border-color);\n}\n.gallery-box .gallery-container {\n  position: relative;\n  overflow: hidden;\n  border-radius: 4px 4px 0px 0px;\n}\n.gallery-box .gallery-container a {\n  display: block;\n}\n.gallery-box .gallery-container .gallery-overlay {\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  bottom: 0px;\n  right: 0px;\n  opacity: 0;\n  background: rgba(119, 106, 207, 0.2);\n  visibility: hidden;\n  overflow: hidden;\n  transition: all 0.4s ease-in-out 0s;\n}\n.gallery-box .gallery-container .gallery-overlay .overlay-caption {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 0;\n  right: 0;\n}\n.gallery-box .gallery-img {\n  transition: all 0.2s ease-in-out;\n}\n.gallery-box .box-content {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: -28px;\n  background-color: var(--bs-secondary-bg);\n  transition: all 0.2s;\n}\n.gallery-box .box-content .title {\n  font-size: 14px;\n  margin-bottom: 4px;\n}\n.gallery-box .box-content .post {\n  margin: 0;\n  opacity: 0;\n  transition: all 0.2s;\n  color: var(--bs-text-muted);\n}\n.gallery-box:hover .box-content {\n  bottom: 0;\n}\n.gallery-box:hover .box-content .post {\n  opacity: 1;\n}\n.gallery-box:hover .gallery-img {\n  transform: translateY(-28px);\n}\n.gallery-box:hover .gallery-overlay {\n  opacity: 1;\n  visibility: visible;\n}\n\n.user-profile-img {\n  position: relative;\n}\n.user-profile-img .overlay-content {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  background: rgba(119, 106, 207, 0.8);\n  display: flex;\n  height: 100%;\n  color: rgba(255, 255, 255, 0.6);\n  flex-direction: column;\n}\n.user-profile-img .profile-img {\n  width: 100%;\n  height: 250px;\n  object-fit: cover;\n}\n@media (max-width: 991px) {\n  .user-profile-img .profile-img {\n    height: 160px;\n  }\n}\n\n.error-title {\n  font-size: 130px;\n}\n@media (max-width: 425px) {\n  .error-title {\n    font-size: 100px;\n  }\n}\n.error-title .blink-infinite {\n  animation: infinite-blink 2s infinite;\n}\n\n@keyframes infinite-blink {\n  60%, 80% {\n    color: #776acf;\n  }\n  70%, 100% {\n    color: #07070c;\n  }\n}\n.error-subtitle {\n  font-weight: 400;\n  background-color: #f5f5f8;\n  max-width: 600px;\n  font-size: 28px;\n  letter-spacing: 2px;\n  position: absolute;\n  top: 50%;\n  left: 0;\n  right: 0;\n  margin: 0 auto;\n  transform: translateY(-50%);\n  white-space: nowrap;\n}\n@media (max-width: 425px) {\n  .error-subtitle {\n    font-size: 20px;\n  }\n}\n\n.faq-icon i {\n  font-size: 80px;\n  position: absolute;\n  margin-top: -30px;\n  right: -20px;\n  opacity: 0.2;\n}\n\n.pricing-box {\n  border-top: 2px solid #776acf;\n}\n.pricing-box .pricing-features {\n  color: var(--bs-text-muted);\n}\n.pricing-box .pricing-features li {\n  padding: 4px 0;\n}\n\n.error-text {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 130px;\n}\n@media (max-width: 1199.98px) {\n  .error-text {\n    font-size: 72px;\n  }\n  .error-text .avatar-lg {\n    width: 48px;\n  }\n}","// \r\n// Page-title\r\n// \r\n\r\n.page-title-box {\r\n    padding: calc(#{$grid-gutter-width} + 12px) 0px $grid-gutter-width 0px;\r\n\r\n    .page-title-right {\r\n        .breadcrumb {\r\n            background-color: transparent;\r\n            padding: 0;\r\n\r\n            .breadcrumb-item {\r\n                &.page-head {\r\n                    a {\r\n                        color: rgba($white, 0.5);\r\n                    }\r\n\r\n                    &.active {\r\n                        color: $white !important;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    h4 {\r\n        font-size: 18px !important;\r\n        &.sub-title{\r\n            color: $white;\r\n        }\r\n    }\r\n\r\n    .page-title-right {\r\n        @media (max-width: 575.98px) {\r\n            display: none;\r\n        }\r\n    }\r\n}","// \r\n// _footer.scss\r\n// \r\n\r\n.footer {\r\n    bottom: 0;\r\n    padding: 20px calc(#{$grid-gutter-width} / 2);\r\n    position: absolute;\r\n    right: 0;\r\n    color: $footer-color;\r\n    left: 250px;\r\n    background-color: $footer-bg;\r\n    height: $footer-height;\r\n    box-shadow: 0 0px 4px rgba(15,34,58,.12);\r\n}\r\n  \r\n@media (max-width: 992px) {\r\n    .footer {\r\n        left: 0;\r\n    }\r\n}\r\n\r\n// Enlarge menu\r\nbody[data-sidebar-size=\"sm\"] {\r\n    .footer {\r\n        left: $sidebar-collapsed-width;\r\n    }\r\n}\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n    .footer {\r\n        left: 0 !important;\r\n    }  \r\n}","//\r\n// right-sidebar.scss\r\n//\r\n\r\n.right-bar {\r\n    background-color: $card-bg;\r\n    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);\r\n    display: block;\r\n    position: fixed;\r\n    transition: all 200ms ease-out;\r\n    width: $rightbar-width;\r\n    z-index: 9999;\r\n    float: right !important;\r\n    right: -($rightbar-width + 10px);\r\n    top: 0;\r\n    bottom: 0;\r\n\r\n    .right-bar-toggle-close {\r\n        background-color: lighten($dark, 7%);\r\n        height: 24px;\r\n        width: 24px;\r\n        line-height: 24px;\r\n        color: $gray-200;\r\n        text-align: center;\r\n        border-radius: 50%;\r\n\r\n        &:hover {\r\n            background-color: lighten($dark, 10%);\r\n        }\r\n    }\r\n}\r\n\r\n// Rightbar overlay\r\n.rightbar-overlay {\r\n    background-color: rgba($dark, 0.55);\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n    display: none;\r\n    z-index: 9998;\r\n    transition: all .2s ease-out;\r\n}\r\n\r\n.right-bar-enabled {\r\n    .right-bar {\r\n        right: 0;\r\n    }\r\n    .rightbar-overlay {\r\n        display: block;\r\n    }\r\n}\r\n\r\n@include media-breakpoint-down(sm) {\r\n    .right-bar {\r\n        overflow: auto;\r\n        .slimscroll-menu {\r\n            height: auto !important;\r\n        }\r\n    }\r\n}","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl xxl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @if not $n {\n    @error \"breakpoint `#{$name}` not found in `#{$breakpoints}`\";\n  }\n  @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $max: map-get($breakpoints, $name);\n  @return if($max and $max > 0, $max - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min:  breakpoint-min($name, $breakpoints);\n  $next: breakpoint-next($name, $breakpoints);\n  $max:  breakpoint-max($next, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($next, $breakpoints) {\n      @content;\n    }\n  }\n}\n","//\r\n// _menu.scss\r\n// \r\n\r\n.metismenu {\r\n    margin: 0;\r\n\r\n    li {\r\n        display: block;\r\n        width: 100%;\r\n    }\r\n\r\n    .mm-collapse {\r\n        display: none;\r\n\r\n        &:not(.mm-show) {\r\n            display: none;\r\n        }\r\n\r\n        &.mm-show {\r\n            display: block\r\n        }\r\n    }\r\n\r\n    .mm-collapsing {\r\n        position: relative;\r\n        height: 0;\r\n        overflow: hidden;\r\n        transition-timing-function: ease;\r\n        transition-duration: .35s;\r\n        transition-property: height, visibility;\r\n    }\r\n}\r\n\r\n\r\n.vertical-menu {\r\n    width: $sidebar-width;\r\n    z-index: 1005;\r\n    background: $sidebar-bg;\r\n    bottom: 0;\r\n    margin-top: 0;\r\n    position: fixed;\r\n    top: 0;\r\n    border-right: 1px solid $sidebar-border-color;\r\n    box-shadow: $box-shadow;\r\n\r\n    .vertical-menu-btn {\r\n        position: absolute;\r\n        right: 0;\r\n        top: 0;\r\n        z-index: 2;\r\n    }\r\n}\r\n\r\n.main-content {\r\n    margin-left: $sidebar-width;\r\n    overflow: hidden;\r\n\r\n    .content {\r\n        padding: 0 15px 10px 15px;\r\n        margin-top: $header-height;\r\n    }\r\n}\r\n\r\n.sidebar-menu-scroll {\r\n    height: calc(100% - #{$header-height});\r\n    margin-top: $header-height;\r\n}\r\n\r\n\r\n#sidebar-menu {\r\n    padding: 0px 0 30px 0;\r\n\r\n    .mm-active {\r\n        >.has-arrow {\r\n            &:after {\r\n                transform: rotate(-180deg);\r\n            }\r\n        }\r\n    }\r\n\r\n    .has-arrow {\r\n        &:after {\r\n            content: \"\\F0140\";\r\n            font-family: 'Material Design Icons';\r\n            display: block;\r\n            transition: transform .2s;\r\n            font-size: 1rem;\r\n            position: absolute;\r\n            right: 15px;\r\n            top: 9px;\r\n        }\r\n\r\n        +ul .has-arrow {\r\n            &:after {\r\n                right: 25px;\r\n                top: 7px;\r\n            }\r\n        }\r\n    }\r\n\r\n    .metismenu {\r\n        .menu-title {\r\n            &::after {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        .menu-item {\r\n            margin-left: 3px;\r\n        }\r\n    }\r\n\r\n    ul {\r\n        li {\r\n            a {\r\n                display: flex;\r\n                padding: .65rem 1rem;\r\n                color: $sidebar-menu-item-color;\r\n                position: relative;\r\n                font-weight: 400;\r\n                transition: all .4s;\r\n                margin: 0 10px;\r\n                border-radius: 3px;\r\n                font-size: 14.4px;\r\n                align-items: center;\r\n\r\n                .nav-icon {\r\n                    display: inline-block;\r\n                    min-width: 1.75rem;\r\n                    vertical-align: middle;\r\n                    color: $sidebar-menu-item-icon-color;\r\n                    transition: all 0.3s;\r\n                    top: -1px;\r\n                    font-size: 18px;\r\n                }\r\n\r\n\r\n                &:hover {\r\n                    color: $sidebar-menu-item-hover-color;\r\n\r\n                    .nav-icon {\r\n                        color: $sidebar-menu-item-hover-color;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .badge {\r\n                margin-left: auto;\r\n            }\r\n\r\n            ul.sub-menu {\r\n                padding: 0;\r\n\r\n                li {\r\n\r\n                    a {\r\n                        padding: .5rem 1.5rem .5rem 3.5rem;\r\n                        font-weight: 400;\r\n                        color: $sidebar-menu-sub-item-color;\r\n                        margin: 0;\r\n                        background-color: transparent;\r\n                        font-size: 14px;\r\n                        font-family: $font-family-base;\r\n                        margin-right: 10px;\r\n\r\n                        &:hover {\r\n                            color: $sidebar-menu-item-hover-color;\r\n\r\n                            &:before {\r\n                                border-color: $primary;\r\n                                background-color: $primary;\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    ul.sub-menu {\r\n                        padding: 0;\r\n\r\n                        li {\r\n                            a {\r\n                                padding: .4rem 1.5rem .4rem 4.5rem;\r\n\r\n                                &:before {\r\n                                    left: 55px;\r\n                                    top: 15px;\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n            &.mm-active {\r\n                color: $sidebar-menu-item-active-color;\r\n\r\n                >a {\r\n                    background-color: $sidebar-menu-item-active-bg-color;\r\n                    color: $sidebar-menu-item-active-color;\r\n\r\n                    &:before {\r\n                        content: \"\";\r\n                        height: 100%;\r\n                        top: 0;\r\n                        width: 3px;\r\n                        background-color: $primary;\r\n                        position: absolute;\r\n                        left: 0;\r\n                        border-end-start-radius: 3px;\r\n                        border-start-start-radius: 3px;\r\n                    }\r\n\r\n                    .nav-icon {\r\n                        color: $sidebar-menu-item-active-color !important;\r\n                    }\r\n                }\r\n\r\n                .mm-show {\r\n                    .mm-active {\r\n                        >a {\r\n                            color: $sidebar-menu-item-active-color !important;\r\n\r\n                            &:before {\r\n                                display: none;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.menu-title {\r\n    padding: 12px 25px !important;\r\n    letter-spacing: .08em;\r\n    pointer-events: none;\r\n    cursor: default;\r\n    font-size: 10px;\r\n    text-transform: uppercase;\r\n    color: $sidebar-menu-item-icon-color;\r\n    font-weight: $font-weight-semibold;\r\n    opacity: 0.6;\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .vertical-menu {\r\n        display: none;\r\n        top: $header-height;\r\n\r\n        .sidebar-menu-scroll {\r\n            height: 100%;\r\n            margin-top: 0;\r\n        }\r\n\r\n        .navbar-brand-box,\r\n        .vertical-menu-btn {\r\n            display: none;\r\n        }\r\n\r\n    }\r\n\r\n    .main-content {\r\n        margin-left: 0 !important;\r\n    }\r\n\r\n    body.sidebar-enable {\r\n        .vertical-menu {\r\n            display: block;\r\n        }\r\n    }\r\n}\r\n\r\n// Enlarge menu\r\nbody[data-sidebar-size=\"sm\"] {\r\n    @media (min-width: 769px) {\r\n        min-height: 1850px;\r\n    }\r\n\r\n    .main-content {\r\n        margin-left: $sidebar-collapsed-width;\r\n    }\r\n\r\n    .navbar-brand-box {\r\n        width: $sidebar-collapsed-width !important;\r\n    }\r\n\r\n    .logo {\r\n        span.logo-lg {\r\n            display: none;\r\n        }\r\n\r\n        span.logo-sm {\r\n            display: block;\r\n        }\r\n    }\r\n\r\n    // topbar\r\n    #page-topbar {\r\n        margin-left: $sidebar-collapsed-width;\r\n    }\r\n\r\n    // Side menu\r\n    .vertical-menu {\r\n        position: absolute;\r\n        width: $sidebar-collapsed-width !important;\r\n        z-index: 1002;\r\n\r\n        .simplebar-mask,\r\n        .simplebar-content-wrapper {\r\n            overflow: visible !important;\r\n        }\r\n\r\n        .simplebar-scrollbar,\r\n        .vertical-menu-btn {\r\n            display: none !important;\r\n        }\r\n\r\n        .simplebar-offset {\r\n            bottom: 0 !important;\r\n        }\r\n\r\n        // Sidebar Menu\r\n        #sidebar-menu {\r\n\r\n            .menu-title,\r\n            .badge {\r\n                display: none !important;\r\n            }\r\n\r\n            .nav.collapse {\r\n                height: inherit !important;\r\n            }\r\n\r\n            .has-arrow:after {\r\n                transform: rotate(-90deg);\r\n            }\r\n\r\n            >ul {\r\n                >li {\r\n                    position: relative;\r\n                    white-space: nowrap;\r\n\r\n                    >a {\r\n                        padding: 15px 0px;\r\n                        transition: none;\r\n                        display: block;\r\n\r\n                        &:before {\r\n                            display: none;\r\n                        }\r\n\r\n                        &:hover,\r\n                        &:active,\r\n                        &:focus {\r\n                            color: $sidebar-menu-item-hover-color;\r\n                        }\r\n\r\n                        i {\r\n                            font-size: 1.3rem;\r\n                            text-align: center;\r\n                            min-width: 50px;\r\n                            padding-bottom: 0;\r\n                        }\r\n\r\n                        span {\r\n                            display: none;\r\n                            padding-left: 25px;\r\n                        }\r\n\r\n\r\n                        &.has-arrow {\r\n                            &:after {\r\n                                display: none;\r\n                            }\r\n                        }\r\n\r\n                        .nav-icon {\r\n                            top: -2px;\r\n                        }\r\n                    }\r\n\r\n                    &:hover {\r\n                        >a {\r\n                            position: relative;\r\n                            width: calc(180px + #{$sidebar-collapsed-width});\r\n                            color: $primary;\r\n                            background-color: $sidebar-menu-item-active-bg-color;\r\n                            transition: none;\r\n                            box-shadow: inset 0 3px 10px 0 rgba(154, 161, 171, .2);\r\n\r\n                            .nav-icon {\r\n                                color: $primary;\r\n                            }\r\n\r\n                            span {\r\n                                display: inline;\r\n                            }\r\n                        }\r\n\r\n                        >ul {\r\n                            display: block;\r\n                            left: $sidebar-collapsed-width;\r\n                            position: absolute;\r\n                            width: 190px;\r\n                            height: auto !important;\r\n                            box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, .1);\r\n\r\n                            ul {\r\n                                box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, .1);\r\n                            }\r\n\r\n                            a {\r\n                                box-shadow: none;\r\n                                padding: 8px 20px;\r\n                                position: relative;\r\n                                width: 190px;\r\n                                z-index: 6;\r\n                                color: $sidebar-menu-sub-item-color;\r\n\r\n                                &:hover {\r\n                                    color: $sidebar-menu-item-hover-color;\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n                ul {\r\n                    padding: 5px 0;\r\n                    z-index: 9999;\r\n                    display: none;\r\n                    background-color: $sidebar-bg;\r\n\r\n                    li {\r\n                        &:hover {\r\n                            >ul {\r\n                                display: block;\r\n                                left: 190px;\r\n                                height: auto !important;\r\n                                margin-top: -36px;\r\n                                position: absolute;\r\n                                width: 190px;\r\n                            }\r\n                        }\r\n\r\n                        >a {\r\n                            span.pull-right {\r\n                                position: absolute;\r\n                                right: 20px;\r\n                                top: 12px;\r\n                                transform: rotate(270deg);\r\n                            }\r\n\r\n                        }\r\n                    }\r\n\r\n                    li.active {\r\n                        a {\r\n                            color: $gray-100;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n            ul li {\r\n                ul.sub-menu {\r\n                    li a {\r\n                        &:before {\r\n                            display: none;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n    }\r\n}\r\n\r\n\r\nbody[data-sidebar=\"dark\"] {\r\n\r\n    .logo-txt {\r\n        color: $white;\r\n    }\r\n\r\n    .vertical-menu {\r\n        background: $sidebar-dark-bg;\r\n        border-color: $sidebar-dark-bg;\r\n\r\n        .vertical-menu-btn {\r\n            color: $sidebar-dark-menu-item-color;\r\n        }\r\n    }\r\n\r\n    #sidebar-menu {\r\n\r\n        ul {\r\n            li {\r\n                a {\r\n                    color: $sidebar-dark-menu-item-color;\r\n\r\n                    .nav-icon {\r\n                        color: $sidebar-dark-menu-item-icon-color;\r\n                    }\r\n\r\n                    &:hover {\r\n                        color: $sidebar-dark-menu-item-hover-color;\r\n\r\n                        .nav-icon {\r\n                            color: $sidebar-dark-menu-item-hover-color;\r\n                        }\r\n                    }\r\n                }\r\n\r\n                ul.sub-menu {\r\n                    li {\r\n\r\n                        a {\r\n                            color: $sidebar-dark-menu-sub-item-color;\r\n                            background-color: transparent;\r\n\r\n                            &:before {\r\n                                border-color: $sidebar-dark-menu-sub-item-color;\r\n                            }\r\n\r\n                            &:hover {\r\n                                color: $sidebar-dark-menu-item-hover-color;\r\n\r\n                                &:before {\r\n                                    background-color: $sidebar-dark-menu-item-hover-color;\r\n                                    border-color: $sidebar-dark-menu-item-hover-color;\r\n                                }\r\n                            }\r\n\r\n                        }\r\n                    }\r\n                }\r\n\r\n\r\n                &.mm-active {\r\n                    color: $sidebar-dark-menu-item-active-color !important;\r\n\r\n                    >a {\r\n                        background-color: $sidebar-dark-menu-item-active-bg-color;\r\n                        color: $sidebar-dark-menu-item-active-color !important;\r\n\r\n                        .nav-icon {\r\n                            color: $sidebar-dark-menu-item-active-color !important;\r\n                        }\r\n                    }\r\n\r\n                    .mm-show {\r\n                        .mm-active {\r\n                            >a {\r\n                                color: $sidebar-dark-menu-item-active-color !important;\r\n\r\n                                &:before {\r\n                                    border-color: $sidebar-dark-menu-item-active-color !important;\r\n                                    background-color: $sidebar-dark-menu-item-active-color !important;\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    // Enlarge menu\r\n    &[data-sidebar-size=\"sm\"] {\r\n        min-height: 1300px;\r\n\r\n        // Side menu\r\n        .vertical-menu {\r\n\r\n            // Sidebar Menu\r\n            #sidebar-menu {\r\n\r\n                >ul {\r\n                    >li {\r\n\r\n                        &:hover {\r\n                            >a {\r\n                                background: $sidebar-dark-bg;\r\n                                color: $sidebar-dark-menu-item-hover-color;\r\n\r\n                                .nav-icon {\r\n                                    color: $sidebar-dark-menu-item-hover-color;\r\n                                }\r\n                            }\r\n\r\n                            >ul {\r\n                                a {\r\n                                    color: $sidebar-dark-menu-sub-item-color;\r\n\r\n                                    &:hover {\r\n                                        color: $sidebar-dark-menu-item-hover-color;\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    ul {\r\n                        background-color: $sidebar-dark-bg;\r\n                    }\r\n\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n\r\n    .menu-title {\r\n        color: $sidebar-dark-menu-item-color;\r\n    }\r\n}\r\n\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n    .main-content {\r\n        margin-left: 0 !important;\r\n    }\r\n}\r\n\r\n// Compact Sidebar\r\n\r\nbody[data-sidebar-size=\"md\"] {\r\n    .navbar-brand-box {\r\n        width: $sidebar-width-sm;\r\n\r\n        @media (max-width: 991.98px) {\r\n            width: auto;\r\n        }\r\n    }\r\n\r\n    .vertical-menu {\r\n        width: $sidebar-width-sm;\r\n        text-align: center;\r\n\r\n        .has-arrow:after,\r\n        .badge {\r\n            display: none !important;\r\n        }\r\n\r\n        .vertical-menu-btn {\r\n            display: none;\r\n        }\r\n\r\n    }\r\n\r\n    .main-content {\r\n        margin-left: $sidebar-width-sm;\r\n    }\r\n\r\n    #page-topbar {\r\n        margin-left: $sidebar-width-sm;\r\n\r\n        @media (max-width: 991.98px) {\r\n            margin-left: 0;\r\n        }\r\n    }\r\n\r\n    .footer {\r\n        left: $sidebar-width-sm;\r\n\r\n        @media (max-width: 991.98px) {\r\n            left: 0;\r\n        }\r\n    }\r\n\r\n    #sidebar-menu {\r\n        ul li {\r\n            &.menu-title {\r\n                background-color: #ffffff2b;\r\n            }\r\n\r\n            .menu-item {\r\n                margin-left: 0px;\r\n            }\r\n\r\n            a {\r\n                padding: .75rem 1.1rem;\r\n                display: block;\r\n\r\n                .nav-icon {\r\n                    width: 20px;\r\n                    height: 20px;\r\n                    display: block;\r\n                    margin: 0 auto;\r\n                    padding-bottom: 0.2em;\r\n                    top: -2px\r\n                }\r\n            }\r\n\r\n            ul.sub-menu {\r\n                li a {\r\n                    padding-left: 1.5rem;\r\n\r\n                    &:before {\r\n                        display: none;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n\r\n    }\r\n\r\n    &[data-sidebar=\"dark\"] {\r\n        #sidebar-menu {\r\n            ul li {\r\n                &.menu-title {\r\n                    background-color: var(--#{$prefix}sidebar-dark-bg);\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    &:not(.vertical-collpsed) {\r\n        .navbar-header .vertical-menu-btn {\r\n            display: block;\r\n        }\r\n    }\r\n\r\n    &[data-sidebar-size=\"sm\"] {\r\n        .main-content {\r\n            margin-left: $sidebar-collapsed-width;\r\n        }\r\n\r\n        .vertical-menu {\r\n            #sidebar-menu {\r\n                text-align: left;\r\n\r\n                >ul {\r\n                    >li {\r\n                        >a {\r\n                            .nav-icon {\r\n                                display: inline-block;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        #page-topbar,\r\n        .footer {\r\n            left: $sidebar-collapsed-width;\r\n        }\r\n    }\r\n}\r\n\r\n// colored sidebar\r\n\r\nbody[data-sidebar=\"brand\"] {\r\n\r\n    .logo-txt {\r\n        color: $white !important;\r\n    }\r\n\r\n    .vertical-menu {\r\n        background-color: $primary;\r\n        border-color: $primary;\r\n\r\n        &::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background-image: url(\"../images/profile-bg.jpg\");\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-repeat: no-repeat;\r\n            opacity: 0.075;\r\n        }\r\n\r\n        .vertical-menu-btn {\r\n            color: rgba($white, 0.8);\r\n        }\r\n    }\r\n\r\n    .navbar-brand-box {\r\n        background-color: $primary;\r\n\r\n        .logo-dark {\r\n            display: none;\r\n        }\r\n\r\n        .logo-light {\r\n            display: block;\r\n        }\r\n    }\r\n\r\n    #sidebar-menu {\r\n        ul {\r\n            li {\r\n                &.menu-title {\r\n                    color: var(--#{$prefix}white);\r\n                }\r\n\r\n                a {\r\n                    color: rgba($white, 0.7);\r\n\r\n                    .nav-icon {\r\n                        color: rgba($white, 0.7);\r\n                    }\r\n\r\n                    &:hover {\r\n                        color: $white;\r\n\r\n                        .nav-icon {\r\n                            color: $white;\r\n                        }\r\n                    }\r\n                }\r\n\r\n                ul.sub-menu {\r\n                    li {\r\n                        a {\r\n                            color: rgba($white, 0.6);\r\n\r\n                            &:before {\r\n                                border-color: rgba($white, 0.6);\r\n                            }\r\n\r\n                            &:hover {\r\n                                color: $white;\r\n\r\n                                &:before {\r\n                                    background-color: $white;\r\n                                    border-color: $white;\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n                .badge {\r\n                    background-color: $white;\r\n                }\r\n\r\n                &.mm-active {\r\n                    color: $white !important;\r\n\r\n                    >a {\r\n                        background: rgba($white, 0.15);\r\n                        color: $white !important;\r\n\r\n                        &:before {\r\n                            background-color: $white;\r\n                        }\r\n\r\n                        .nav-icon {\r\n                            color: $white !important;\r\n                        }\r\n                    }\r\n\r\n                    .mm-show {\r\n                        .mm-active {\r\n                            >a {\r\n                                background-color: transparent;\r\n                                color: $white !important;\r\n\r\n                                &:before {\r\n                                    display: none;\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    &[data-topbar=\"light\"] {\r\n        .navbar-brand-box {\r\n            background-color: $primary;\r\n\r\n            .logo-dark {\r\n                display: none;\r\n            }\r\n\r\n            .logo-light {\r\n                display: block;\r\n            }\r\n        }\r\n    }\r\n\r\n    &[data-sidebar-size=\"sm\"] {\r\n        .vertical-menu {\r\n            #sidebar-menu {\r\n                >ul {\r\n                    >li {\r\n                        &:hover>a {\r\n                            background-color: lighten($primary, 2%);\r\n                            color: $white;\r\n\r\n                            .nav-icon {\r\n                                color: $white;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\nbody[data-bs-theme=\"dark\"][data-sidebar=\"brand\"] {\r\n\r\n    &[data-sidebar-size=\"sm\"] {\r\n        .vertical-menu {\r\n            #sidebar-menu {\r\n                >ul {\r\n                    li {\r\n                        ul {\r\n                            background-color: var(--#{$prefix}sidebar-dark-bg);\r\n\r\n                            li{\r\n                                a{\r\n                                    &:hover{\r\n                                        color: var(--#{$prefix}sidebar-dark-menu-item-hover-color);\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n    }\r\n}","// \r\n// _horizontal.scss\r\n// \r\n\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n\r\n    #page-topbar{\r\n        margin-left: 0;\r\n        box-shadow: none;\r\n    }\r\n\r\n    .navbar-brand-box {\r\n        display: block;\r\n        width: auto;\r\n        border: 0;\r\n        background-color: transparent;\r\n        box-shadow: none;\r\n        position: relative;\r\n        @media  (min-width: 992px){\r\n            padding-left: 0;\r\n            margin-right: 10px;\r\n        }\r\n    }\r\n\r\n    .page-content {\r\n        margin-top:  calc(#{$header-height} - 55px);\r\n        padding: $grid-gutter-width 0 $footer-height 0;\r\n        \r\n        @media (max-width: 991.98px) { \r\n            padding-top: $grid-gutter-width;\r\n        }\r\n    }\r\n\r\n    .navbar-header{\r\n        @media (min-width: 992px){\r\n            padding-left: calc(#{$grid-gutter-width} / 2);\r\n            padding-right: calc(#{$grid-gutter-width} / 2);\r\n        }\r\n    }\r\n\r\n    &[data-sidebar-size=sm]{\r\n        .navbar-brand-box{\r\n            width: auto !important;\r\n        }\r\n    }\r\n}\r\n\r\n.topnav {\r\n    padding: 0 calc(#{$grid-gutter-width} / 2);\r\n    z-index: 100;\r\n    @media (max-width: 991.98px) {\r\n        position: fixed;\r\n        left: 0;\r\n        right: 0;\r\n        top: $header-height;\r\n        z-index: 100;\r\n        background: $topnav-bg;\r\n        box-shadow: $box-shadow;\r\n       \r\n    }\r\n    .topnav-menu {\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .navbar-nav {\r\n\r\n        .nav-item{\r\n            margin: 0 .9rem;\r\n            @include media-breakpoint-up(lg) {\r\n              &:first-child{\r\n                margin-left: 0;\r\n              }\r\n              &:last-child{\r\n                margin-right: 0;\r\n              }\r\n            }\r\n        }\r\n        \r\n        .nav-link {\r\n            font-size: 14.4px;\r\n            position: relative;\r\n            padding: 0;\r\n            color: $menu-item-color;\r\n            font-weight: $font-weight-normal;\r\n            line-height: $header-height;\r\n            i{\r\n                font-size: 18px;\r\n                margin-right: 5px;\r\n                vertical-align: middle;\r\n                margin-top: -2px;\r\n            }\r\n            svg {\r\n                height: 16px;\r\n                width: 16px;\r\n                color: $menu-item-color;\r\n                margin-right: 7px;\r\n                margin-top: -1px;\r\n            }\r\n            &:focus, &:hover{\r\n                color: var(--#{$prefix}menu-item-active-color);\r\n                background-color: transparent;\r\n                svg {\r\n                    color: var(--#{$prefix}menu-item-active-color);\r\n                }\r\n            }\r\n        }\r\n        \r\n        .dropdown-item{\r\n            color: $menu-item-color;\r\n            background: transparent;\r\n            &.active, &:hover{\r\n                color: var(--#{$prefix}menu-item-active-color);\r\n            }\r\n        }\r\n        \r\n        .nav-item{\r\n            .nav-link.active{\r\n                color: var(--#{$prefix}menu-item-active-color);\r\n                svg {\r\n                    color: var(--#{$prefix}menu-item-active-color);\r\n                }\r\n            }\r\n\r\n            @media (min-width: 992px) {\r\n                &.active{\r\n                    >.nav-link{\r\n                       span{\r\n                           position: relative;\r\n                        &::before{\r\n                            content: \"\";\r\n                            height: 2px;\r\n                            width: 100%;\r\n                            background-color: var(--#{$prefix}menu-item-active-border-color);\r\n                            position: absolute;\r\n                            bottom: -10px;\r\n                            left: 0;\r\n                        }\r\n                       }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .dropdown{\r\n            &.active{\r\n              >a {\r\n                    color: var(--#{$prefix}menu-item-active-color);\r\n                    background-color: transparent;\r\n                    svg {\r\n                        color: var(--#{$prefix}menu-item-active-color);\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .menu-title{\r\n        padding: 12px 24px !important;\r\n        @media (max-width: 991.98px) {\r\n            padding: 12px 16px !important;\r\n        }\r\n    }\r\n}\r\n\r\n@include media-breakpoint-up(xl) {\r\n\r\n    body[data-layout=\"horizontal\"] {\r\n        .container-fluid,\r\n        .navbar-header {\r\n            max-width: 85%;\r\n        }\r\n    }\r\n}\r\n\r\n@include media-breakpoint-up(lg) {\r\n    .topnav {\r\n        .dropdown-item {\r\n            padding: .5rem 1.5rem;\r\n            min-width: 180px;\r\n        }\r\n\r\n        .dropdown {\r\n            &.mega-dropdown{\r\n                // position: static;\r\n                .mega-dropdown-menu{\r\n                    left: 0px;\r\n                    right: auto;\r\n                }\r\n            }\r\n            .dropdown-menu {\r\n                margin-top: 0;\r\n                border-radius: 0 0 $dropdown-border-radius $dropdown-border-radius;\r\n\r\n                .arrow-down {\r\n                    &::after {\r\n                        right: 15px;\r\n                        transform: rotate(-135deg) translateY(-50%);\r\n                        position: absolute;\r\n                    }\r\n                }\r\n\r\n                .dropdown {\r\n                    .dropdown-menu {\r\n                        position: absolute;\r\n                        top: 0 !important;\r\n                        left: 100%;\r\n                        display: none;\r\n                    }\r\n                }\r\n            }\r\n\r\n            &:hover {\r\n                >.dropdown-menu {\r\n                    display: block;\r\n                }\r\n            }\r\n        }\r\n\r\n        .dropdown:hover>.dropdown-menu>.dropdown:hover>.dropdown-menu {\r\n            display: block\r\n        }\r\n    }\r\n\r\n    .navbar-toggle {\r\n        display: none;\r\n    }\r\n}\r\n\r\n.arrow-down {\r\n    display: inline-block;\r\n\r\n    &:after {\r\n        border-color: initial;\r\n        border-style: solid;\r\n        border-width: 0 0 1px 1px;\r\n        content: \"\";\r\n        height: .4em;\r\n        display: inline-block;\r\n        right: 5px;\r\n        top: 50%;\r\n        margin-left: 5px;\r\n        transform: rotate(-45deg) translateY(-50%);\r\n        transform-origin: top;\r\n        transition: all .3s ease-out;\r\n        width: .4em;\r\n    }\r\n}\r\n\r\n\r\n.dash-header-box{\r\n    background-color: rgba($white,0.1) !important;\r\n    margin-bottom: calc(#{$grid-gutter-width} + 16px);\r\n}\r\n\r\n.dash-content{\r\n    background: var(--#{$prefix}header-dark-bg);\r\n    border-top: 1px solid rgba(255,255,255,.1);\r\n}\r\n\r\n.dash-troggle-icon{\r\n    width: 50px;\r\n    height: 50px;\r\n    line-height: 60px;\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n    margin-top: -20px;\r\n    border-radius: 50%;\r\n    background: var(--#{$prefix}header-dark-bg);\r\n    i{\r\n        font-size: 20px;\r\n        color: $white;\r\n    }\r\n    // &:before{\r\n    //     content: \"\";\r\n    //     position: absolute;\r\n    //     right: -40px;\r\n    //     width: 45px;\r\n    //     height: 45px;\r\n    //     top: 0;\r\n    //     background-color: #000;\r\n    // }\r\n}\r\n\r\n.dash-troggle-icon.collapsed{\r\n    i{\r\n        &:before{\r\n            content: \"\\ea2f\";\r\n        }\r\n    }\r\n}\r\n\r\n\r\n\r\n@include media-breakpoint-down(xl) {\r\n    .topnav-menu {\r\n        .navbar-nav {\r\n            li {\r\n                &:last-of-type {\r\n                    .dropdown {\r\n                        .dropdown-menu {\r\n                            right: 100%;\r\n                            left: auto;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@include media-breakpoint-down(lg) {\r\n\r\n    .navbar-brand-box{\r\n        .logo-dark {\r\n            display: $display-block;\r\n            span.logo-sm{\r\n                display: $display-block;\r\n            }\r\n        }\r\n    \r\n        .logo-light {\r\n            display: $display-none;\r\n        }\r\n    }\r\n    \r\n    .topnav {\r\n        max-height: 360px;\r\n        overflow-y: auto;\r\n        padding: 0;\r\n        .navbar-nav {\r\n            .nav-link {\r\n                padding: 0.75rem 1.1rem;\r\n                line-height: inherit;\r\n            }\r\n        }\r\n\r\n        .dropdown {\r\n            .dropdown-menu {\r\n                background-color: transparent;\r\n                border: none;\r\n                box-shadow: none;\r\n                padding-left: 20px;\r\n                &.dropdown-mega-menu-xl{\r\n                    width: auto;\r\n    \r\n                    .row{\r\n                        margin: 0px;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .dropdown-item {\r\n                position: relative;\r\n                background-color: transparent;\r\n\r\n                &.active,\r\n                &:active {\r\n                    color: $primary;\r\n                }\r\n            }\r\n        }\r\n\r\n        .arrow-down {\r\n            &::after {\r\n                right: 15px;\r\n                position: absolute;\r\n            }\r\n        }\r\n\r\n    }\r\n  \r\n}\r\n\r\n\r\n// Colored Topbar \r\n\r\nbody[data-layout=\"horizontal\"][data-topbar=\"colored\"] {\r\n    #page-topbar{\r\n        background-color: $primary;\r\n        box-shadow: none;\r\n    }\r\n\r\n    .logo-dark {\r\n        display: none;\r\n    }\r\n\r\n    .logo-light {\r\n        display: block;\r\n    }\r\n\r\n    .app-search {\r\n    \r\n        .form-control {\r\n            background-color: rgba(var(--#{$prefix}$topbar-search-bg),0.07);\r\n            color: $white;\r\n        }\r\n        span,\r\n        input.form-control::-webkit-input-placeholder {\r\n            color: rgba($white,0.5);\r\n        }\r\n    }\r\n    .header-item {\r\n        color: var(--#{$prefix}header-dark-item-color);\r\n    \r\n        &:hover {\r\n            color: var(--#{$prefix}header-dark-item-color);\r\n        }\r\n    }\r\n\r\n    .navbar-header {\r\n        .dropdown .show {\r\n            &.header-item{\r\n                background-color: rgba($white,0.1);\r\n            }\r\n        }\r\n    }\r\n\r\n    .noti-icon {\r\n        i {\r\n            color: var(--#{$prefix}header-dark-item-color);\r\n        }\r\n    }\r\n\r\n    @include media-breakpoint-up(lg) {\r\n        .topnav{\r\n            background-color: $primary;\r\n            .navbar-nav {\r\n        \r\n                .nav-link {\r\n                    color: rgba($white, 0.6);\r\n                    \r\n                    &:focus, &:hover{\r\n                        color: rgba($white, 0.9);\r\n                    }\r\n                }\r\n        \r\n                > .dropdown{\r\n                    &.active{\r\n                      >a {\r\n                            color: rgba($white, 0.9) !important;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\nbody[data-layout=\"horizontal\"][data-topbar=\"dark\"] {\r\n\r\n\r\n    .header-item {\r\n        color: var(--#{$prefix}header-dark-item-color);\r\n    \r\n        &:hover {\r\n            color: var(--#{$prefix}header-dark-item-color);\r\n        }\r\n    }\r\n\r\n    .header-profile-user {\r\n        border-color: rgba($white, 0.25);\r\n    }\r\n\r\n    .user-name{\r\n        color: var(--#{$prefix}header-dark-item-color);\r\n    }\r\n\r\n\r\n    .logo-dark {\r\n        display: none;\r\n    }\r\n\r\n    .logo-light {\r\n        display: block;\r\n    }\r\n\r\n    .logo-txt {\r\n        color:  $white !important;\r\n    }\r\n\r\n    .app-search {\r\n    \r\n        .form-control {\r\n            background-color: var(--#{$prefix}header-dark-bg);\r\n            color: $white;\r\n        }\r\n        span,\r\n        input.form-control::-webkit-input-placeholder {\r\n            color: rgba($white,0.5);\r\n        }\r\n    }\r\n}\r\n\r\n\r\n\r\n\r\n// Dark Topbar \r\n\r\nbody[data-topbar=\"dark\"] {\r\n    .topnav {\r\n        .navbar-nav {\r\n            \r\n            .nav-link {\r\n                color: $menu-dark-item-color;\r\n                &:focus, &:hover{\r\n                    color: $menu-dark-item-hover-color;\r\n                    i,svg {\r\n                        color: $menu-dark-item-hover-color;\r\n                    }\r\n                }\r\n                @media (max-width: 991.98px) {\r\n                    color:  $menu-item-color;\r\n                    &:focus, &:hover{\r\n                        color: var(--#{$prefix}menu-item-active-color) ;\r\n                        i,svg {\r\n                            color: var(--#{$prefix}menu-item-active-color);\r\n                        }\r\n                    }\r\n                  \r\n                }\r\n            }\r\n            \r\n            .nav-item{\r\n                .nav-link.active{\r\n                    color: $menu-dark-item-active-color;\r\n                    i,svg {\r\n                        color: $menu-dark-item-active-color;\r\n                    }\r\n                    @media (max-width: 991.98px) {\r\n                        color: var(--#{$prefix}menu-item-active-color);\r\n                        i,svg {\r\n                            color: var(--#{$prefix}menu-item-active-color);\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n            .dropdown{\r\n                &.active{\r\n                  >a {\r\n                        color: $menu-dark-item-active-color;\r\n                        background-color: transparent;\r\n                    }\r\n                }\r\n                .dropdown{\r\n                    &.active{\r\n                        >a {\r\n                              color: var(--#{$prefix}menu-item-active-color);\r\n                          }\r\n                      }\r\n                }\r\n\r\n                @media (max-width: 991.98px) {\r\n                    &.active{\r\n                        >a {\r\n                              color: var(--#{$prefix}menu-item-active-color);\r\n                              background-color: transparent;\r\n                          }\r\n                      }\r\n                      .dropdown{\r\n                          &.active{\r\n                              >a {\r\n                                    color: var(--#{$prefix}menu-item-active-color);\r\n                                }\r\n                            }\r\n                      }\r\n                  \r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n.hori-overlay{\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    background-color: rgba($dark, 0.35);\r\n    z-index: 999;\r\n    display: none;\r\n}\r\n\r\n.horimenu-enabled{\r\n    .hori-overlay{\r\n        display: block;\r\n    }\r\n}\r\n\r\n\r\n\r\nbody[data-bs-theme=\"dark\"] [data-layout=\"horizontal\"] [data-topbar=\"light\"]{\r\n.topnav {\r\n        .navbar-nav {\r\n            .nav-link {\r\n                color: $menu-dark-item-color;\r\n\r\n                svg {\r\n                    color: $menu-dark-item-color;\r\n                }\r\n\r\n                &:focus,\r\n                &:hover {\r\n                    color: $menu-dark-item-active-color;\r\n                    background-color: transparent;\r\n\r\n                    svg {\r\n                        color: $menu-dark-item-active-color;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .nav-item {\r\n                .nav-link.active {\r\n                    color: $menu-dark-item-active-color;\r\n\r\n                    svg {\r\n                        color: $menu-dark-item-active-color;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .dropdown {\r\n                &.active {\r\n                    >a {\r\n                        color: $menu-dark-item-active-color;\r\n                        background-color: transparent;\r\n\r\n                        svg {\r\n                            color: $menu-dark-item-active-color;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n","// \r\n// _layouts.scss\r\n// \r\n\r\nbody[data-layout-size=\"boxed\"] {\r\n    background-color: $boxed-body-bg;\r\n    #layout-wrapper {\r\n        background-color: var(--#{$prefix}body-bg);\r\n        max-width: $boxed-layout-width;\r\n        margin: 0 auto;\r\n        box-shadow: $box-shadow;\r\n    }\r\n\r\n    #page-topbar {\r\n        max-width: calc(#{$boxed-layout-width} - #{$sidebar-width});\r\n    }\r\n\r\n    .footer {\r\n        margin: 0 auto;\r\n        max-width: calc(#{$boxed-layout-width} - #{$sidebar-width});\r\n    }\r\n\r\n    &[data-sidebar-size=\"sm\"] {\r\n        #page-topbar {\r\n            max-width: calc(#{$boxed-layout-width} - #{$sidebar-collapsed-width});\r\n        }\r\n        .footer {\r\n            max-width: calc(#{$boxed-layout-width} - #{$sidebar-collapsed-width});\r\n        }\r\n\r\n        .main-content {\r\n            @media (min-width: 769px){\r\n                min-height: 1850px;\r\n            }\r\n        }\r\n    }\r\n\r\n    &[data-sidebar-size=\"md\"]{\r\n        #page-topbar {\r\n            max-width: calc(#{$boxed-layout-width} - #{$sidebar-width-sm});\r\n        }\r\n        .footer {\r\n            max-width: calc(#{$boxed-layout-width} - #{$sidebar-width-sm});\r\n        }\r\n    }\r\n}\r\n\r\n\r\n// Horizontal Boxed Layout\r\n\r\nbody[data-layout=\"horizontal\"][data-layout-size=\"boxed\"]{\r\n    #page-topbar, #layout-wrapper, .footer {\r\n        max-width: 100%;\r\n    }\r\n    .container-fluid, .navbar-header {\r\n        max-width: $boxed-layout-width;\r\n    }\r\n}\r\n\r\n// Scrollable layout\r\nbody[data-layout-scrollable=\"true\"] {\r\n    @media (min-width: 992px) {\r\n        #page-topbar, .vertical-menu{\r\n            position: absolute;\r\n        }\r\n        .navbar-brand-box {\r\n            position: absolute;\r\n        }\r\n    }\r\n    &[data-layout=\"horizontal\"]{\r\n        @media (min-width: 992px) {\r\n            #page-topbar{\r\n                position: absolute;\r\n            }\r\n\r\n            .navbar-brand-box {\r\n                position: relative;\r\n            }\r\n        }\r\n    }\r\n}","// \r\n// root.scss\r\n//\r\n\r\n@mixin color-mode($mode: light, $root: false) {\r\n    @if $color-mode-type ==\"media-query\" {\r\n        @if $root ==true {\r\n            @media (prefers-color-scheme: $mode) {\r\n                :root {\r\n                    @content;\r\n                }\r\n            }\r\n        }\r\n\r\n        @else {\r\n            @media (prefers-color-scheme: $mode) {\r\n                @content;\r\n            }\r\n        }\r\n    }\r\n\r\n    @else {\r\n        [data-bs-theme=\"#{$mode}\"] {\r\n            @content;\r\n        }\r\n    }\r\n}\r\n\r\n//theme-light\r\n:root,\r\n[data-bs-theme=\"light\"] {\r\n    --#{$prefix}header-bg: #{$header-bg};\r\n    --#{$prefix}header-item-color: #{$header-item-color};\r\n\r\n\r\n    --#{$prefix}text-muted: #959396;\r\n\r\n    // Vertical Sidebar - Default Light\r\n    --#{$prefix}sidebar-bg: #ffffff;\r\n    --#{$prefix}sidebar-border-color: #e9ebef;\r\n    --#{$prefix}sidebar-menu-item-color: #7b8190;\r\n    --#{$prefix}sidebar-menu-sub-item-color: #7b8190;\r\n    --#{$prefix}sidebar-menu-item-icon-color: #7b8190;\r\n    --#{$prefix}sidebar-menu-item-hover-color: #383c40;\r\n    --#{$prefix}sidebar-menu-item-active-color: #776acf;\r\n    --#{$prefix}sidebar-menu-sub-item-active-color: #383c40;\r\n    --#{$prefix}sidebar-menu-item-active-bg-color: #eeedf9;\r\n\r\n    --#{$prefix}topbar-search-bg: #f8f7fc;\r\n\r\n    --#{$prefix}header-dark-bg: radial-gradient(at 50% -20%, #3f1e59, #311748) fixed;\r\n    --#{$prefix}header-dark-item-color: #e9ecef;\r\n\r\n    // Footer\r\n    --#{$prefix}footer-bg: #ffffff;\r\n    --#{$prefix}footer-color: #74788d;\r\n\r\n    // Horizontal nav\r\n    --#{$prefix}topnav-bg: #fff;\r\n    --#{$prefix}menu-item-color: #7b8190;\r\n    --#{$prefix}menu-item-active-color: #776acf;\r\n    --#{$prefix}topnav-dark-bg: #03314D;\r\n    --#{$prefix}menu-dark-item-color: rgba(255, 255, 255, 0.5);\r\n    --#{$prefix}menu-item-active-border-color: #776acf;\r\n    --#{$prefix}menu-dark-item-hover-color: #ffffff;\r\n    --#{$prefix}menu-dark-item-active-color: #fff;\r\n\r\n    // Brand \r\n    --#{$prefix}navbar-brand-box-bg: #ffffff;\r\n\r\n    // Boxed layout width\r\n    --#{$prefix}boxed-body-bg:#e9e5eb;\r\n\r\n    // apex charts\r\n    --#{$prefix}apex-grid-color: #f8f9fa;\r\n\r\n    [data-sidebar=\"dark\"] {\r\n        --#{$prefix}sidebar-dark-bg: #24243c;\r\n        --#{$prefix}sidebar-dark-menu-item-color: #9292a9;\r\n        --#{$prefix}sidebar-dark-menu-sub-item-color: #9292a9;\r\n        --#{$prefix}sidebar-dark-menu-item-icon-color: #9292a9;\r\n        --#{$prefix}sidebar-dark-menu-item-hover-color: #d8d8df;\r\n        --#{$prefix}sidebar-dark-menu-item-active-color: #d8d8df;\r\n        --#{$prefix}sidebar-dark-menu-item-active-bg-color: #2c2c45;\r\n    }\r\n}\r\n\r\n//theme dark\r\n@if $enable-dark-mode {\r\n    @include color-mode(dark, true) {\r\n        --#{$prefix}light: #{$light-dark};\r\n        --#{$prefix}light-rgb: #{to-rgb($light-dark)};\r\n        --#{$prefix}dark: #{$light-dark};\r\n        --#{$prefix}dark-rgb: #{to-rgb($light-dark)};\r\n\r\n        --#{$prefix}text-muted: #858592;\r\n\r\n        --#{$prefix}header-dark-bg: #{$header-dark-bg};\r\n        --#{$prefix}header-item-color: #{$header-item-color-dark};\r\n\r\n        --#{$prefix}top-tagbar-bg: #{$top-tagbar-bg-dark};\r\n        --#{$prefix}header-item-sub-color: #{$text-muted};\r\n\r\n        // Brand \r\n        --#{$prefix}navbar-brand-box-bg: #24243c;\r\n\r\n\r\n        [data-topbar=\"dark\"] {\r\n            --#{$prefix}header-dark-bg:                 radial-gradient(at 50% -20%, #24243c, #222236) fixed;\r\n            --#{$prefix}header-dark-item-color:         #e9ecef;\r\n        }\r\n\r\n        // Footer\r\n        --#{$prefix}footer-bg: #24243c;\r\n        --#{$prefix}footer-color: #d8d8df;\r\n\r\n        // Vertical Sidebar - Dark\r\n        --#{$prefix}sidebar-dark-bg: #24243c;\r\n        --#{$prefix}sidebar-dark-menu-item-color: #9292a9;\r\n        --#{$prefix}sidebar-dark-menu-sub-item-color: #9292a9;\r\n        --#{$prefix}sidebar-dark-menu-item-icon-color: #9292a9;\r\n        --#{$prefix}sidebar-dark-menu-item-hover-color: #d8d8df;\r\n        --#{$prefix}sidebar-dark-menu-item-active-color: #d8d8df;\r\n        --#{$prefix}sidebar-dark-menu-item-active-bg-color: #2c2c45;\r\n\r\n        --#{$prefix}boxed-body-bg: #14142b;\r\n\r\n    }\r\n}","//\n// avatar.scss\n//\n\n.avatar-xs {\n  height: 1rem;\n  width: 1rem;\n}\n\n.avatar-sm {\n  height: 2rem;\n  width: 2rem;\n}\n\n.avatar {\n  height: 2.6rem;\n  width: 2.6rem;\n}\n\n.avatar-md {\n  height: 3.6rem;\n  width: 3.6rem;\n}\n\n.avatar-lg {\n  height: 5rem;\n  width: 5rem;\n}\n\n.avatar-xl {\n  height: 6rem;\n  width: 6rem;\n}\n\n.avatar-title {\n  align-items: center;\n  background-color: $primary;\n  color: $white;\n  display: flex;\n  font-weight: $font-weight-medium;\n  height: 100%;\n  justify-content: center;\n  width: 100%;\n}\n\n// avatar group\n.avatar-group {\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 8px;\n  .avatar-group-item {\n    margin-left: -8px;\n    border: 2px solid $card-bg;\n    border-radius: 50%;\n    transition: all 0.2s;\n    &:hover{\n      position: relative;\n      transform: translateY(-2px);\n    }\n  }\n}\n\n","//\r\n// alerts.scss\r\n//\r\n\r\n.alert-top-border {\r\n    background-color: $card-bg;\r\n    border-color: var(--#{$prefix}border-color);\r\n    border-top: 2px solid $light;\r\n    color: var(--#{$prefix}body-color);\r\n}\r\n\r\n\r\n.alert-dismissible {\r\n    .btn-close {\r\n        background: transparent !important;\r\n        &::after {\r\n            background: transparent !important;\r\n            content: \"\\F0156\" !important;\r\n            font-size: 18px;\r\n            line-height:15px;\r\n            font-family: \"Material Design Icons\" !important;\r\n        }\r\n    }\r\n}\r\n\r\n.alert-outline.alert-dark{\r\n    color: var(--#{$prefix}dark); \r\n}\r\n\r\n@each $color,\r\n$value in $theme-colors {\r\n    .alert-top-border{\r\n        &.alert-#{$color} {\r\n            border-top-color: $value;\r\n            color: $value;\r\n        }\r\n    }\r\n\r\n    .alert-outline{\r\n        &.alert-#{$color} {\r\n            border: 1px solid rgba($value, .8);\r\n            color: $value;\r\n        }\r\n    }\r\n}\r\n\r\n","\r\n//\r\n// accordion.scss\r\n//\r\n\r\n.custom-accordion {\r\n    .accordion-list {\r\n        display: flex;\r\n        border-radius: 7px;\r\n        background-color: $gray-300;\r\n        padding: 12px 20px;\r\n        color: $body-color;\r\n        font-weight: $font-weight-semibold;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        &.collapsed {\r\n            i.accor-plus-icon {\r\n                &:before {\r\n                    content: \"\\F0415\";\r\n                }\r\n            }\r\n        }\r\n\r\n        .accor-plus-icon{\r\n            display: inline-block;\r\n            font-size: 16px;\r\n            height: 24px;\r\n            width: 24px;\r\n            line-height: 22px;\r\n            background-color: $card-bg;\r\n            text-align: center;\r\n            border-radius: 50%;\r\n        }\r\n    }\r\n\r\n    \r\n    a {\r\n\r\n        &.collapsed {\r\n            i.accor-down-icon {\r\n                &:before {\r\n                    content: \"\\F0140\";\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n\r\n    .card-body {\r\n        color: $text-muted;\r\n    }\r\n}\r\n\r\n\r\n// theme dark\r\n[data-bs-theme=\"dark\"]{\r\n    .accordion-button {\r\n        &:after{\r\n            background-image: escape-svg(url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$gray-500}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>\"));\r\n        }\r\n    }\r\n}","//\n// _helper.scss\n//\n\n.font-size-10 {\n  font-size: 10px !important;\n}\n\n.font-size-11 {\n  font-size: 11px !important;\n}\n\n.font-size-12 {\n  font-size: 12px !important;\n}\n\n.font-size-13 {\n  font-size: 13px !important;\n}\n\n.font-size-14 {\n  font-size: 14px !important;\n}\n\n.font-size-15 {\n  font-size: 15px !important;\n}\n\n.font-size-16 {\n  font-size: 16px !important;\n}\n\n.font-size-17 {\n  font-size: 17px !important;\n}\n\n.font-size-18 {\n  font-size: 18px !important;\n}\n\n.font-size-20 {\n  font-size: 20px !important;\n}\n\n.font-size-22 {\n  font-size: 22px !important;\n}\n\n.font-size-24 {\n  font-size: 24px !important;\n}\n\n.font-size-26 {\n  font-size: 26px !important;\n}\n\n\n// Font weight help class\n\n.fw-medium {\n  font-weight: $font-weight-medium;\n}\n\n.fw-semibold {\n  font-weight: $font-weight-semibold;\n}\n\n.bg-overlay {\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  top: 0;\n  opacity: .7;\n  background-color: $black;\n}\n\n.bg-overlay-gradient{\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  top: 0;\n  opacity: .85;\n  background: radial-gradient(at 50% -20%, #3f1e59, #311748) fixed;\n}\n\n// Social\n\n.social-list-item {\n  height: 2.4rem;\n  width: 2.4rem;\n  line-height: calc(2.4rem - 2px);\n  display: block;\n  border: 1px solid $card-bg;\n  border-radius: 50%;\n  color: $text-muted;\n  text-align: center;\n  transition: all 0.4s;\n  &:hover{\n    color: $dark;\n  }\n}\n\n\n.w-xs {\n  min-width: 80px;\n}\n.w-sm {\n  min-width: 95px;\n}\n.w-md {\n  min-width: 110px;\n}\n.w-lg {\n  min-width: 140px;\n}\n\n.w-xl {\n  min-width: 160px;\n}\n\n\n// alert\n\n.alert-dismissible {\n  .btn-close{\n    font-size: 10px;\n    padding: $alert-padding-y * 1.4 $alert-padding-x;\n  }\n}\n\n// border-color\n.border-dark {\n  border-color: var(--#{$prefix}dark)!important;\n}\n.border-light {\n  border-color: var(--#{$prefix}light)!important;\n}\n\n\n.text-muted{\n  color: var(--#{$prefix}text-muted) !important;\n}\n\n[data-bs-theme=\"dark\"]{\n  .text-body{\n    color: var(--#{$prefix}gray-400) !important;\n  }\n  .btn-close{\n      filter: invert(1) grayscale(100%) brightness(200%);\n  }\n\n  .btn-close-white{\n    filter: invert(0) grayscale(100%) brightness(200%);\n  }\n}","// \r\n// _preloader.scss\r\n//\r\n\r\n#preloader {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: $card-bg;\r\n    z-index: 9999;\r\n}\r\n\r\n#status {\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    margin: -20px 0 0 -20px;\r\n}\r\n\r\n.spinner{\r\n    .spin-icon {\r\n        font-size: 48px;\r\n        color: $primary;\r\n        position: relative;\r\n        display: inline-block;\r\n        animation: spin 1.6s infinite linear;\r\n    }\r\n}\r\n\r\n@keyframes spin {\r\n    0% {\r\n      transform: rotate(0deg);\r\n    }\r\n    100% {\r\n      transform: rotate(359deg);\r\n    }\r\n}","//\r\n// forms.scss\r\n//\r\n\r\n[type=\"tel\"],\r\n[type=\"url\"],\r\n[type=\"email\"],\r\n[type=\"number\"] {\r\n &::placeholder{\r\n   text-align: left /*rtl: right*/;\r\n }\r\n}\r\n\r\n.form-check{\r\n  position: relative;\r\n  text-align: left /*rtl: right*/;\r\n}\r\n\r\n\r\n// checkbox input right\r\n\r\n.form-check-right{\r\n  padding-left: 0;\r\n  display: inline-block;\r\n  padding-right: $form-check-padding-start;\r\n  .form-check-input{\r\n    float: right;\r\n    margin-left: 0;\r\n    margin-right: $form-check-padding-start * -1;\r\n  }\r\n\r\n  .form-check-label{\r\n    display: block;\r\n  }\r\n}\r\n\r\n// checkbox\r\n\r\n.form-checkbox-outline{\r\n  \r\n  .form-check-input{\r\n    border-width: 2px;\r\n    background-color: $card-bg;\r\n\r\n    &:active{\r\n      filter: none;\r\n    }\r\n\r\n    &:checked{\r\n      background-color: $card-bg !important;\r\n\r\n      &[type=checkbox]{\r\n        background-image: none;\r\n        \r\n      }\r\n\r\n      &:after{\r\n        position: absolute;\r\n        content: '\\F012C';\r\n        font-family: \"Material Design Icons\";\r\n        top: -4px !important;\r\n        left: 1px; /*rtl: -4px */\r\n        font-size: 16px;\r\n        color: $dark;  \r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// radio\r\n\r\n.form-radio-outline{\r\n  .form-check-input{\r\n    border-width: 2px;\r\n    background-color: $card-bg;\r\n\r\n    &:active{\r\n      filter: none;\r\n    }\r\n\r\n    &:checked{\r\n      background-color: $card-bg !important;\r\n  \r\n      &[type=checkbox]{\r\n        background-image: none;\r\n        \r\n      }\r\n  \r\n      &:after{\r\n        position: absolute;\r\n        content: '\\F0765';\r\n        font-family: \"Material Design Icons\";\r\n        top: 6px!important;\r\n        left: 4px;\r\n        font-size: 6px;    \r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n\r\n\r\n// checkbox color\r\n\r\n@each $color,\r\n$value in $theme-colors {\r\n  .form-check-#{$color}{\r\n    .form-check-input{\r\n      &:checked{\r\n        background-color: $value;\r\n        border-color: $value;\r\n      }\r\n    }\r\n  }\r\n\r\n  .form-radio-#{$color}{\r\n    .form-check-input{\r\n      &:checked{\r\n        border-color: $value;\r\n        background-color: $value;\r\n        &:after{\r\n          color: $value;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.form-check,\r\n.form-check-input,\r\n.form-check-label {\r\n  cursor: pointer;\r\n  margin-bottom: 0;\r\n}\r\n\r\n\r\n// Switch sizes\r\n\r\n.form-switch-md{\r\n  font-size: 20px;\r\n  min-height: 26px;\r\n  line-height: 26px;\r\n\r\n  .form-check-label{\r\n    font-size: $font-size-base;\r\n    vertical-align: middle;\r\n  }\r\n}\r\n\r\n\r\n.form-switch-lg{\r\n  font-size: 26px;\r\n  min-height: 36px;\r\n  line-height: 36px;\r\n  .form-check-label{\r\n    font-size: $font-size-base;\r\n    vertical-align: middle;\r\n  }\r\n}\r\n\r\n.input-group-text{\r\n  margin-bottom: 0px;\r\n}\r\n\r\n// card radio\r\n\r\n.card-radio{\r\n  background-color: $card-bg;\r\n  border: 2px solid $card-border-color;\r\n  border-radius: $border-radius;\r\n  padding: 4px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n\r\n  &:hover{\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n.card-radio-label{\r\n  display: block;\r\n}\r\n\r\n\r\n.card-radio-input{\r\n  display: none;\r\n  &:checked + .card-radio {\r\n    border-color: $primary !important;\r\n  }\r\n}\r\n\r\n[data-bs-theme=\"dark\"]{\r\n  .form-select {\r\n      background-image: escape-svg(url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$gray-400}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>\"));\r\n  }\r\n}\r\n\r\n\r\n[data-bs-theme=\"dark\"]{\r\n  .form-switch{\r\n      .form-check-input, .form-check-input:focus{\r\n          background-image: escape-svg(url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$gray-400}'/></svg>\"));\r\n      }\r\n  }\r\n}\r\n\r\n// RTL\r\n[dir=\"rtl\"] {\r\n  input {\r\n      text-align: end;\r\n  }\r\n}","// \r\n// _widgets.scss\r\n// \r\n\r\n\r\n.product-img{\r\n    img{\r\n        height: 45px;\r\n    }\r\n}\r\n\r\n\r\n// Order Widget\r\n\r\n.order-wid-list{\r\n    padding: 11px 0px;\r\n    &:last-child{\r\n        padding-bottom: 0px;\r\n    }\r\n}\r\n\r\n\r\n.project-list-table{\r\n    border-collapse:separate; \r\n    border-spacing:0 12px; \r\n  tr{\r\n    background-color: $table-striped-bg;\r\n  }\r\n}\r\n\r\n\r\n/* Activity */\r\n\r\n\r\n.activity-checkout {\r\n    list-style: none;\r\n\r\n    .checkout-icon{\r\n        position: absolute;\r\n        top: -2px;\r\n        left: -21px;\r\n    }\r\n\r\n    .checkout-item {\r\n        position: relative;\r\n        padding-bottom: 16px;\r\n        padding-left: 35px;\r\n        border-left: 2px solid var(--#{$prefix}light);\r\n        &:first-child {\r\n            border-color: $primary;\r\n            &:after {\r\n                background-color: $primary;\r\n            }\r\n        }\r\n        &:last-child {\r\n            border-color: transparent;\r\n        }\r\n        &.crypto-activity{\r\n            margin-left: 0px;\r\n        }\r\n        .crypto-date{\r\n            position: absolute;\r\n            top: 3px;\r\n            left: -65px;\r\n        }\r\n    }\r\n}\r\n  \r\n.dash-header-box{\r\n    .col {\r\n        border-right: 2px solid rgba($white, 0.06);\r\n        &:last-child {\r\n            border: 0px;\r\n        }\r\n        @media (min-width: 768px) and (max-width: 1399.98px) { \r\n            &:nth-child(3) {\r\n                border-right: 0px;\r\n            }\r\n         }\r\n        @media (max-width: 767.98px) {\r\n            border-right: 0px;\r\n            border-bottom: 2px solid rgba($white, 0.06);\r\n        }\r\n    }\r\n    \r\n}\r\n\r\n\r\n.swiper-container {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n  \r\n  .swiper-slide {\r\n    text-align: center;\r\n    width: 100%;\r\n  }\r\n  \r\n  .dash-product-img{\r\n   img{\r\n    height: 170px;\r\n    cursor: pointer;\r\n   }\r\n}\r\n\r\n.swiper-button-next:after, .swiper-button-prev:after{\r\n    display: none;\r\n}\r\n\r\n.swiper-button-next, .swiper-button-prev{\r\n    top: 38px;\r\n    width: 30px;\r\n    height: 30px;\r\n    background-color: rgba($primary, 0.2);\r\n    color: $primary;\r\n    border-radius: .3rem;\r\n    right: 20px !important;\r\n\r\n}\r\n\r\n.swiper-button-prev{\r\n    right: 60px !important;\r\n    left: auto !important;\r\n}\r\n\r\n[dir=\"rtl\"]{\r\n.swiper-slide{\r\n    margin-right: 30px;\r\n    margin-left: auto !important;\r\n}\r\n}\r\n\r\n.swiper-button-next, .swiper-button-prev{\r\n    color: $primary;\r\n    font-size: 16px;\r\n}\r\n\r\n.dash-product-box{\r\n    position: relative;\r\n}\r\n\r\n\r\n.pricing-badge {\r\n    position: absolute;\r\n    top: 0;\r\n    z-index: 9;\r\n    right: 0;\r\n    width: 100%;\r\n    display: block;\r\n    font-size: 15px;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    height: 100px;\r\n    .badge {\r\n      float: right;\r\n      transform: rotate(45deg);\r\n      right: -67px;\r\n      top: 17px;\r\n      position: relative;\r\n      text-align: center;\r\n      width: 200px;\r\n      font-size: 13px;\r\n      margin: 0;\r\n      padding: 7px 10px;\r\n      font-weight: 500;\r\n      color: $white;\r\n      background: $primary;\r\n    }\r\n}\r\n\r\n.social-box{\r\n    padding: 18px 0px;\r\n}\r\n\r\n// Loyal Customers\r\n.loyal-customers-box{\r\n    padding: 11px 0px;\r\n}","// \r\n// _demos.scss\r\n// \r\n\r\n// Demo Only\r\n.button-items {\r\n    margin-left: -8px;\r\n    margin-bottom: -12px;\r\n    \r\n    .btn {\r\n        margin-bottom: 12px;\r\n        margin-left: 8px;\r\n    }\r\n} \r\n\r\n// search-box\r\n.search-box{\r\n  .form-control{\r\n      border-radius: 30px;\r\n      padding-left: 40px;\r\n  }\r\n  .search-icon{\r\n      font-size: 16px;    \r\n      position: absolute;\r\n      left: 13px;\r\n      top: 0;\r\n      line-height: 38px;\r\n  }\r\n}\r\n\r\n// Modals\r\n\r\n.bs-example-modal {\r\n    position: relative;\r\n    top: auto;\r\n    right: auto;\r\n    bottom: auto;\r\n    left: auto;\r\n    z-index: 1;\r\n    display: block;\r\n}\r\n\r\n\r\n// Icon demo ( Demo only )\r\n.icon-demo-content {\r\n    text-align: center;\r\n    color: $gray-500;\r\n  \r\n    i, svg{\r\n      display: block;\r\n      width: 40px;\r\n      height: 40px;\r\n      line-height: 36px;\r\n      font-size: 20px;\r\n      margin: 0px auto 16px;\r\n      border: 2px solid var(--#{$prefix}border-color);\r\n      color: var(--#{$prefix}gray-500);\r\n      border-radius: 4px;\r\n      transition: all 0.4s;\r\n    }\r\n    svg {\r\n      padding: 6px;\r\n    }\r\n  \r\n    .col-lg-4 {\r\n      margin-top: 24px;\r\n  \r\n      &:hover {\r\n        i, svg {\r\n          color: $white;\r\n          background-color: $primary;\r\n          border-color: $primary;\r\n          transform: scale(1.15);\r\n        }\r\n      }\r\n    }\r\n}\r\n\r\n\r\n// Grid\r\n\r\n.grid-structure {\r\n    .grid-container {\r\n        background-color: $gray-100;\r\n        margin-top: 10px;\r\n        font-size: .8rem;\r\n        font-weight: $font-weight-medium;\r\n        padding: 10px 20px;\r\n    }\r\n}\r\n\r\n// toast\r\n.toast:not(:last-child) {\r\n  margin-bottom: .75rem;\r\n}\r\n\r\n\r\n\r\n// ribbon\r\n\r\n.ribbon{\r\n  position: absolute;\r\n  right: -26px;\r\n  top: 20px;\r\n  transform: rotate(45deg);\r\n  color: $white;\r\n  font-size: 13px;\r\n  font-weight: $font-weight-medium;\r\n  padding: 1px 22px;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n}\r\n\r\n\r\n\r\n// card radio\r\n\r\n\r\n\r\n.card-radio{\r\n  background-color: $card-bg;\r\n  border: 2px solid $card-border-color;\r\n  border-radius: $border-radius;\r\n  padding: 0.5rem;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n  display: block;\r\n\r\n  &:hover{\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n.card-radio-label{\r\n  display: block;\r\n}\r\n\r\n.edit-btn{\r\n  width: 35px;\r\n  height: 35px;\r\n  line-height: 40px;\r\n  text-align: center;\r\n  position: absolute;\r\n  right: 25px;\r\n  margin-top: -50px;\r\n}\r\n\r\n\r\n.card-radio-input{\r\n  display: none;\r\n  &:checked + .card-radio {\r\n    border-color: $primary !important;\r\n\r\n    &:before{\r\n      content: '\\e9da';\r\n      font-family: \"boxicons\";\r\n      position: absolute;\r\n      top: 6px;\r\n      right: 25px;\r\n      font-size: 22px;\r\n      color: $primary;\r\n    }\r\n  }\r\n}","// \r\n// _print.scss\r\n//\r\n\r\n// Used invoice page\r\n@media print {\r\n    .vertical-menu,\r\n    .right-bar,\r\n    .page-title-box,\r\n    .navbar-header,\r\n    .footer {\r\n        display: none !important;\r\n    }\r\n    .card-body,\r\n    .main-content,\r\n    .right-bar,\r\n    .page-content,\r\n    body {\r\n        padding: 0;\r\n        margin: 0;\r\n    }\r\n\r\n    .card{\r\n        border: 0;\r\n    }\r\n}","// \n// custom-scroll.scss\n\n[data-simplebar] {\n  position: relative;\n  flex-direction: column;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-content: flex-start;\n  align-items: flex-start;\n}\n\n.simplebar-wrapper {\n  overflow: hidden;\n  width: inherit;\n  height: inherit;\n  max-width: inherit;\n  max-height: inherit;\n}\n\n.simplebar-mask {\n  direction: inherit;\n  position: absolute;\n  overflow: hidden;\n  padding: 0;\n  margin: 0;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: auto !important;\n  height: auto !important;\n  z-index: 0;\n}\n\n.simplebar-offset {\n  direction: inherit !important;\n  box-sizing: inherit !important;\n  resize: none !important;\n  position: absolute;\n  top: 0;\n  left: 0 !important;\n  bottom: 0;\n  right: 0 !important;\n  padding: 0;\n  margin: 0;\n  -webkit-overflow-scrolling: touch;\n}\n\n.simplebar-content-wrapper {\n  direction: inherit;\n  box-sizing: border-box !important;\n  position: relative;\n  display: block;\n  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */\n  width: auto;\n  visibility: visible;\n  overflow: auto; /* Scroll on this element otherwise element can't have a padding applied properly */\n  max-width: 100%; /* Not required for horizontal scroll to trigger */\n  max-height: 100%; /* Needed for vertical scroll to trigger */\n  scrollbar-width: none;\n  padding: 0px !important;\n}\n\n.simplebar-content-wrapper::-webkit-scrollbar,\n.simplebar-hide-scrollbar::-webkit-scrollbar {\n  display: none;\n}\n\n.simplebar-content:before,\n.simplebar-content:after {\n  content: ' ';\n  display: table;\n}\n\n.simplebar-placeholder {\n  max-height: 100%;\n  max-width: 100%;\n  width: 100%;\n  pointer-events: none;\n}\n\n.simplebar-height-auto-observer-wrapper {\n  box-sizing: inherit !important;\n  height: 100%;\n  width: 100%;\n  max-width: 1px;\n  position: relative;\n  float: left;\n  max-height: 1px;\n  overflow: hidden;\n  z-index: -1;\n  padding: 0;\n  margin: 0;\n  pointer-events: none;\n  flex-grow: inherit;\n  flex-shrink: 0;\n  flex-basis: 0;\n}\n\n.simplebar-height-auto-observer {\n  box-sizing: inherit;\n  display: block;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 1000%;\n  width: 1000%;\n  min-height: 1px;\n  min-width: 1px;\n  overflow: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n\n.simplebar-track {\n  z-index: 1;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  overflow: hidden;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-content {\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-track {\n  pointer-events: all;\n}\n\n.simplebar-scrollbar {\n  position: absolute;\n  right: 2px;\n  width: 6px;\n  min-height: 10px;\n}\n\n.simplebar-scrollbar:before {\n  position: absolute;\n  content: '';\n  background: #a2adb7;\n  border-radius: 7px;\n  left: 0;\n  right: 0;\n  opacity: 0;\n  transition: opacity 0.2s linear;\n}\n\n.simplebar-scrollbar.simplebar-visible:before {\n  /* When hovered, remove all transitions from drag handle */\n  opacity: 0.5;\n  transition: opacity 0s linear;\n}\n\n.simplebar-track.simplebar-vertical {\n  top: 0;\n  width: 11px;\n}\n\n.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {\n  top: 2px;\n  bottom: 2px;\n}\n\n.simplebar-track.simplebar-horizontal {\n  left: 0;\n  height: 11px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {\n  height: 100%;\n  left: 2px;\n  right: 2px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar {\n  right: auto;\n  left: 0;\n  top: 2px;\n  height: 7px;\n  min-height: 0;\n  min-width: 10px;\n  width: auto;\n}\n\n/* Rtl support */\n[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {\n  right: auto;\n  left: 0;\n}\n\n.hs-dummy-scrollbar-size {\n  direction: rtl;\n  position: fixed;\n  opacity: 0;\n  visibility: hidden;\n  height: 500px;\n  width: 500px;\n  overflow-y: hidden;\n  overflow-x: scroll;\n}\n\n.simplebar-hide-scrollbar {\n  position: fixed;\n  left: 0;\n  visibility: hidden;\n  overflow-y: scroll;\n  scrollbar-width: none;\n}\n\n.custom-scroll {\n  height: 100%;\n}","/* ==============\r\n  Calendar\r\n===================*/\r\n\r\n\r\n.fc td, .fc th{\r\n    border: $table-border-width solid $table-border-color;\r\n}\r\n\r\n.fc {\r\n    .fc-toolbar {\r\n        h2 {\r\n            font-size: 16px;\r\n            line-height: 30px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        @media (max-width: 767.98px) {\r\n\r\n            .fc-left,\r\n            .fc-right,\r\n            .fc-center {\r\n                float: none;\r\n                display: block;\r\n                text-align: center;\r\n                clear: both;\r\n                margin: 10px 0;\r\n            }\r\n\r\n            >*>* {\r\n                float: none;\r\n            }\r\n\r\n            .fc-today-button {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        .btn {\r\n            text-transform: capitalize;\r\n        }\r\n\r\n    }\r\n\r\n    .fc-col-header-cell{\r\n        background-color: var(--#{$prefix}light);\r\n    }\r\n\r\n    .fc-col-header-cell-cushion {\r\n        display: block;\r\n        padding: 8px 4px;\r\n    }\r\n\r\n    .fc-daygrid-day-number{\r\n        width: 24px;\r\n        height: 24px;\r\n        border-radius: 50%;\r\n        padding: 0;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 12px;\r\n        font-weight: $font-weight-medium;\r\n        margin: 2px;\r\n    }\r\n\r\n    .fc-daygrid-day.fc-day-today{\r\n        background-color: rgba($primary,0.1);\r\n        .fc-daygrid-day-number{\r\n            background-color: $primary;\r\n            color: $white;\r\n        }\r\n    }\r\n\r\n    .fc-list-day-cushion{\r\n        background-color: var(--#{$prefix}tertiary-bg);\r\n    }\r\n\r\n    .fc-list-event:hover td{\r\n        background: transparent;\r\n    }\r\n\r\n    .fc-list-event-dot{\r\n        border-color: $white;\r\n    }\r\n\r\n    .fc-list-event-title{\r\n        a{\r\n            color: $white !important;\r\n        }\r\n    }\r\n\r\n    .fc-col-header, .fc-daygrid-body, .fc-scrollgrid-sync-table{\r\n        width: 100% !important;\r\n    }\r\n}\r\n\r\n.fc-theme-bootstrap a:not([href]){\r\n    color: var(--#{$prefix}body-color);\r\n}\r\n.fc-event{\r\n    color: $white;\r\n}\r\n\r\n\r\n.fc {\r\n    th.fc-widget-header {\r\n        background: $gray-300;\r\n        color: $gray-700;\r\n        line-height: 20px;\r\n        padding: 10px 0;\r\n        text-transform: uppercase;\r\n        font-weight: $font-weight-bold;\r\n    }\r\n}\r\n\r\n.fc-unthemed {\r\n\r\n    .fc-content,\r\n    .fc-divider,\r\n    .fc-list-heading td,\r\n    .fc-list-view,\r\n    .fc-popover,\r\n    .fc-row,\r\n    tbody,\r\n    td,\r\n    th,\r\n    thead {\r\n        border-color: var(--#{$prefix}border-color);\r\n    }\r\n\r\n    td.fc-today {\r\n        background: lighten($gray-200, 2%);\r\n    }\r\n}\r\n\r\n.fc-button {\r\n    background: $card-bg;\r\n    border-color: var(--#{$prefix}border-color);\r\n    color: $gray-700;\r\n    text-transform: capitalize;\r\n    box-shadow: none;\r\n    padding: 6px 12px !important;\r\n    height: auto !important;\r\n}\r\n\r\n.fc-state-down,\r\n.fc-state-active,\r\n.fc-state-disabled {\r\n    background-color: $primary;\r\n    color: $white;\r\n    text-shadow: none;\r\n}\r\n\r\n.fc-event {\r\n    border-radius: 2px;\r\n    border: none;\r\n    cursor: move;\r\n    font-size: 0.8125rem;\r\n    margin: 5px 7px;\r\n    padding: 5px 5px;\r\n    text-align: center;\r\n}\r\n\r\n.fc-event,\r\n.fc-event-dot {\r\n    background-color: $primary;\r\n}\r\n\r\n.fc-daygrid-dot-event.fc-event-mirror, \r\n.fc-daygrid-dot-event:hover{\r\n    background-color: $primary;\r\n}\r\n\r\n.fc-daygrid-dot-event{\r\n    color: $white !important;\r\n\r\n    .fc-event-title{\r\n        font-weight: $font-weight-semibold;\r\n    }\r\n}\r\n\r\n.fc-daygrid-event-dot{\r\n    border-color: $white !important;\r\n    color: $white !important;\r\n}\r\n\r\n.fc-event .fc-content {\r\n    color: $white;\r\n}\r\n\r\n#external-events {\r\n    .external-event {\r\n        text-align: left;\r\n        padding: 8px 16px;\r\n        margin: 6px 0;\r\n    }\r\n}\r\n\r\n\r\n.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.bg-dark {\r\n    .fc-content{\r\n      color: var(--#{$prefix}light);  \r\n    }\r\n  }\r\n  \r\n\r\n// RTL\r\n[dir=\"rtl\"]{\r\n    .fc-header-toolbar {\r\n        direction: ltr !important;\r\n    }\r\n\r\n    .fc-toolbar>*>:not(:first-child) {\r\n        margin-left: .75em;\r\n    }\r\n}\r\n\r\n.fc-toolbar{\r\n    @media (max-width: 575.98px) {\r\n        flex-direction: column;\r\n        gap: 16px;\r\n    }\r\n}\r\n","//\r\n// Range slider\r\n//\r\n\r\n.noUi-connect {\r\n  background: $primary;\r\n}\r\n\r\n.noUi-handle {\r\n  border-color: var(--#{$prefix}light);\r\n  background: var(--#{$prefix}card-bg);\r\n  box-shadow: inset 0 0 1px $white, inset 0 1px 7px var(--#{$prefix}light),\r\n   0 3px 6px -3px var(--#{$prefix}light) !important; \r\n}\r\n\r\n.noUi-horizontal {\r\n  height: 8px;\r\n  .noUi-handle {\r\n      height: 20px;\r\n      width: 20px;\r\n      border-radius: 50%;\r\n      right: -10px;\r\n      top: -7px;\r\n\r\n      &::before,\r\n      &::after {\r\n          display: none;\r\n      }\r\n      &:focus {\r\n          outline: 0;\r\n      }       \r\n  }\r\n}\r\n.noUi-connects, .noUi-touch-area {\r\n  cursor: pointer;\r\n  \r\n}\r\n.noUi-pips-horizontal {\r\n  height: 50px;\r\n}\r\n\r\n.noUi-vertical {\r\n  width: 8px;\r\n  .noUi-handle {\r\n      height: 20px;\r\n      width: 20px;\r\n      right: -7px;\r\n      top: -12px;\r\n      border-radius: 50%;\r\n      &::before,\r\n      &::after {\r\n          display: none;\r\n      }\r\n      &:focus {\r\n          outline: 0;\r\n      }\r\n  }\r\n}\r\n\r\n.noUi-value {\r\n  font-size: 12px;\r\n}\r\n\r\n.noUi-marker-horizontal {\r\n  &.noUi-marker-large {\r\n      height: 6px;\r\n  }\r\n\r\n  &.noUi-marker {\r\n      display: none;\r\n  }\r\n}\r\n\r\n.noUi-target {\r\n  background-color: var(--#{$prefix}light);\r\n  border-color: var(--#{$prefix}light);\r\n  box-shadow: inset 0 1px 1px var(--#{$prefix}light), 0 3px 6px -5px var(--#{$prefix}light);\r\n}\r\n\r\n\r\n\r\n.noUi-touch-area {\r\n  &:focus {\r\n      outline: 0;\r\n  }\r\n}\r\n\r\n// Colorpicker\r\n\r\n#red,\r\n#green,\r\n#blue {\r\n  margin: 10px;\r\n  display: inline-block;\r\n  height: 200px;\r\n}\r\n\r\n#colorpicker {\r\n  height: 240px;\r\n  width: 310px;\r\n  margin: 0 auto;\r\n  padding: 10px;\r\n  border: 1px solid $border-color;\r\n}\r\n\r\n#result {\r\n  margin: 60px 26px;\r\n  height: 100px;\r\n  width: 100px;\r\n  display: inline-block;\r\n  vertical-align: top;\r\n  border: 1px solid $border-color;\r\n  box-shadow: 0 0 3px;\r\n  border-radius: 7px;\r\n}\r\n\r\n#red {\r\n  .noUi-connect {\r\n      background: $danger;\r\n  }\r\n}\r\n\r\n#green {\r\n  .noUi-connect {\r\n      background: $success;\r\n  }\r\n}\r\n\r\n#blue {\r\n  .noUi-connect {\r\n      background: $primary;\r\n  }\r\n}\r\n\r\n// Adding keyboard support\r\n\r\n.form-control {\r\n  &.keyboard {\r\n      max-width: 340px !important;\r\n  }\r\n}\r\n\r\n// Using HTML5 input elements\r\n\r\n#input-select,\r\n#input-number {\r\n  padding: 7px;\r\n  margin: 15px 5px 5px;\r\n  width: 70px;\r\n}\r\n\r\n// Non linear slider\r\n\r\n.example-val {\r\n  font-size: 12px;\r\n  color: $text-muted;\r\n  display: block;\r\n  margin: 15px 0;\r\n  &:before {\r\n      content: \"Value: \";\r\n      font-size: 12px;\r\n      font-weight: 600;\r\n  }\r\n}\r\n\r\n// showing tooltips\r\n\r\n.noUi-tooltip {\r\n  display: none;\r\n}\r\n.noUi-active .noUi-tooltip {\r\n  display: block;\r\n}\r\n\r\n// Colored Connect Elements\r\n\r\n.c-1-color {\r\n  background: $danger;\r\n}\r\n.c-2-color {\r\n  background: $warning;\r\n}\r\n.c-3-color {\r\n  background: $success;\r\n}\r\n.c-4-color {\r\n  background: $primary;\r\n}\r\n.c-5-color {\r\n  background: $purple;\r\n}\r\n\r\n//  slider togle\r\n\r\n#slider-toggle {\r\n  height: 50px;\r\n  &.off {\r\n      .noUi-handle {\r\n          border-color: $danger;\r\n      }\r\n  }\r\n}\r\n\r\n","\r\n//\r\n//  Sweetalert2.scss\r\n//\r\n\r\n.swal2-container {\r\n  .swal2-title{\r\n    font-size: 24px;\r\n    font-weight: $font-weight-medium;\r\n  }  \r\n}\r\n\r\n.swal2-content{\r\n  font-size: 16px;\r\n}\r\n\r\n.swal2-icon{\r\n  &.swal2-question{\r\n    border-color: $info;\r\n    color: $info;\r\n  }\r\n  &.swal2-success {\r\n    [class^=swal2-success-line]{\r\n      background-color: $success;\r\n    }\r\n\r\n    .swal2-success-ring{\r\n      border-color: rgba($success, 0.3);\r\n    }\r\n  }\r\n  &.swal2-warning{\r\n    border-color: $warning;\r\n    color: $warning;\r\n  }\r\n}\r\n\r\n.swal2-styled{\r\n  &:focus{\r\n    box-shadow: none;\r\n  }\r\n}\r\n\r\n.swal2-progress-steps {\r\n  .swal2-progress-step{\r\n    background: $primary;\r\n    &.swal2-active-progress-step{\r\n      background: $primary;\r\n      &~.swal2-progress-step, &~.swal2-progress-step-line{\r\n        background: rgba($primary, 0.3);\r\n      }\r\n    }\r\n  }\r\n  .swal2-progress-step-line{\r\n    background: $primary;\r\n  }\r\n}\r\n\r\n.swal2-actions.swal2-loading{\r\n  .swal2-styled.swal2-confirm{\r\n    border-left-color: $primary !important;\r\n    border-right-color: $primary !important;\r\n  }\r\n}\r\n\r\n.swal2-file, .swal2-input, .swal2-textarea{\r\n  border: 1px solid $input-border-color;\r\n  &:focus{\r\n    box-shadow: none;\r\n    border-color: $input-focus-border-color;\r\n  }\r\n}\r\n\r\n.swal2-popup{\r\n  background-color: var(--#{$prefix}secondary-bg);\r\n  .swal2-title{\r\n    color: var(--#{$prefix}secondary-color);\r\n  }\r\n\r\n  .swal2-html-container{\r\n    color: var(--#{$prefix}secondary-color);\r\n  }\r\n}\r\n\r\n\r\n","\r\n//\r\n// alertify.scss\r\n//\r\n\r\n\r\n.alertify {\r\n    .ajs-header{\r\n        font-weight: $font-weight-medium;\r\n        font-size: 16px;\r\n        position: relative;\r\n        color: var(--#{$prefix}secondary-color);\r\n        border-bottom: var(--#{$prefix}border-color) 1px solid;\r\n    }\r\n    .ajs-dialog{\r\n        box-shadow: $box-shadow;\r\n        background-color: $modal-content-bg;\r\n        border-radius: $modal-content-border-radius;\r\n        overflow: hidden;\r\n\r\n        .ajs-header, .ajs-footer{\r\n            background-color: $modal-content-bg;\r\n        }\r\n    }\r\n\r\n    .ajs-body{\r\n        color: var(--#{$prefix}secondary-color);\r\n    }\r\n\r\n    .ajs-footer {\r\n        border-top: var(--#{$prefix}border-color) 1px solid;\r\n        .ajs-buttons {\r\n            .ajs-button{\r\n                font-size: 13px;\r\n                color: var(--#{$prefix}secondary-color);\r\n                font-weight: $font-weight-medium;\r\n                &.ajs-ok{\r\n                    color: $primary;\r\n                }\r\n            }\r\n\r\n            &.ajs-primary{\r\n                text-align: right;\r\n            }\r\n        }\r\n    }\r\n\r\n    .ajs-body .ajs-content {\r\n        padding: 16px 0px;\r\n        .ajs-input:focus-visible{\r\n            outline: none;\r\n        }\r\n\r\n        .ajs-input{\r\n            display: block;\r\n            width: 100%;\r\n            padding: $input-padding-y $input-padding-x;\r\n            line-height: $input-line-height;\r\n            color: $input-color;\r\n            background-color: $input-bg;\r\n            border: $input-border-width solid $input-border-color;\r\n            border-radius: $input-border-radius;\r\n        }\r\n    }\r\n\r\n    .ajs-commands{\r\n        top: 16px;\r\n        right: 16px;\r\n        left: auto;\r\n        margin: 0;\r\n\r\n        button{\r\n            width: $btn-close-width;\r\n            height: $btn-close-height;\r\n            padding: $btn-close-padding-y $btn-close-padding-x;\r\n            background: transparent escape-svg($btn-close-bg) center / $btn-close-width auto no-repeat !important; // include transparent for button elements\r\n            opacity: $btn-close-opacity;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n.alertify-notifier {\r\n    .ajs-message{\r\n        background-color: $primary;\r\n        border-color: $primary;\r\n        color: $white;\r\n        text-shadow: none !important;\r\n        border-radius: 4px;\r\n        &.ajs-success{\r\n            background-color: $success;\r\n            border-color: $success;\r\n        }\r\n        &.ajs-error{\r\n            background-color: $danger;\r\n            border-color: $danger;\r\n        }\r\n        &.ajs-warning{\r\n            background-color: $warning;\r\n            border-color: $warning;\r\n        }\r\n    }\r\n\r\n\r\n    &.ajs-right {\r\n        right: 10px;\r\n        left: auto;\r\n        .ajs-message {\r\n            right: -320px;\r\n            left: auto;\r\n            &.ajs-visible {\r\n                right: 290px;\r\n                left: auto;\r\n            }\r\n        }\r\n    }\r\n\r\n    &.ajs-left {\r\n        left: 10px;\r\n        right: auto;\r\n        .ajs-message {\r\n            left: -300px;\r\n            right: auto;\r\n            &.ajs-visible {\r\n                left: 0;\r\n                right: auto;\r\n            }\r\n        }\r\n    }\r\n}\r\n","//\r\n// swiper-slider.scss\r\n//\r\n\r\n.swiper-arrow{\r\n    .swiper-button-next, .swiper-button-prev{\r\n        height: 30px;\r\n        width: 30px;\r\n        margin: auto 0;\r\n        color: $white !important;\r\n        background-color: lighten($primary, 5%);\r\n        &::after{\r\n            font-size: 18px;\r\n        }\r\n    }\r\n    .swiper-button-prev{\r\n        position: absolute;\r\n        left: 0;\r\n    }\r\n    .swiper-button-next{\r\n        position: absolute;\r\n        right: 0;\r\n    }\r\n\r\n    &.arrow-sm{\r\n        .swiper-button-prev, .swiper-button-next{\r\n            height: 24px;\r\n            width: 24px;\r\n            &::after{\r\n                font-size: 12px;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.swiper-pagination{\r\n    transform: translate3d(0,0,0) translateX(-50%);\r\n    display: inline-flex;\r\n    width: auto !important;\r\n    padding: 4px 4px;\r\n    left: 50% !important;\r\n    background-color: $card-bg;\r\n    border-radius: 10px;\r\n    right: auto !important;\r\n}\r\n\r\n.swiper-pagination-bullet{\r\n    background-color: $card-bg;\r\n    opacity: 1;\r\n    border: 1px solid $primary;\r\n}\r\n\r\n.swiper-pagination-bullet-active{\r\n    background-color: $primary;\r\n    opacity: 1;\r\n    border: 1px solid $primary;\r\n}\r\n\r\n.swiper-button-prev, .swiper-container-rtl .swiper-button-next{\r\n    left: 10px;\r\n    right: auto;\r\n}\r\n\r\n.swiper-button-next, .swiper-container-rtl .swiper-button-prev{\r\n    right: 10px;\r\n    left: auto;\r\n}\r\n\r\n.progress-swiper{\r\n    .swiper-pagination-progressbar{\r\n        width: 100%;\r\n        height: 4px;\r\n        left: 0;\r\n        top: 0;\r\n        background-color: $progress-bg;\r\n        .swiper-pagination-progressbar-fill{\r\n            background-color: $primary;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n","\r\n//\r\n// choices\r\n//\r\n\r\n.choices__inner {\r\n  padding: 0.25rem ($form-select-padding-x + $form-select-indicator-padding) 0.25rem 0.5rem;\r\n  background-color: var(--#{$prefix}tertiary-bg);\r\n  vertical-align: middle;\r\n  border-radius: $form-select-border-radius;\r\n  border: 1px solid var(--#{$prefix}border-color) !important;\r\n  min-height: 38px;\r\n}\r\n\r\n.choices__heading{\r\n  border-bottom: 1px solid var(--#{$prefix}border-color);\r\n}\r\n\r\n.is-focused .choices__inner, .is-open .choices__inner{\r\n  border-color: var(--#{$prefix}border-color);\r\n}\r\n\r\n.choices__list--dropdown{\r\n  border-color: var(--#{$prefix}border-color) !important;\r\n}\r\n\r\n.choices__list--dropdown{\r\n  border: 1px solid var(--#{$prefix}border-color) !important;\r\n  box-shadow: $box-shadow;\r\n}\r\n\r\n.choices[data-type*=select-one] .choices__input{\r\n  background-color:  var(--#{$prefix}tertiary-bg) !important;\r\n  border-color: var(--#{$prefix}border-color);\r\n}\r\n\r\n.choices[data-type*=\"select-one\"] {\r\n  .choices__inner {\r\n    padding-bottom: 0.25rem;\r\n    background-color:  var(--#{$prefix}tertiary-bg) !important;\r\n  }\r\n  .choices__button {\r\n    right: 0;\r\n    left: auto;\r\n    margin-right: 25px;\r\n    margin-left: 0;\r\n  }\r\n\r\n  &:after {\r\n    border-color: var(--#{$prefix}border-color) transparent transparent;\r\n    right: 11.5px;\r\n    left: auto;\r\n  }\r\n\r\n  &.is-open:after {\r\n    border-color: transparent transparent var(--#{$prefix}border-color);\r\n  }\r\n}\r\n\r\n.choices__input {\r\n  background-color: var(--#{$prefix}tertiary-bg) ;\r\n  margin-bottom: 0;\r\n  color: var(--#{$prefix}secondary-color);\r\n}\r\n\r\n.choices__list--multiple {\r\n  display: inline-flex;\r\n  flex-wrap: wrap;\r\n  .choices__item {\r\n    background-color: rgba(var(--bs-primary-rgb), 1);\r\n    border-color: rgba(var(--bs-primary-rgb), 1);\r\n    margin-bottom: 0;\r\n    margin-right: 7px;\r\n    font-weight: $font-weight-normal;\r\n    &.is-highlighted {\r\n      background-color: rgba(var(--bs-primary-rgb), 1);\r\n      border: 1px solid rgba(var(--bs-primary-rgb), 1);\r\n    }\r\n  }\r\n}\r\n\r\n.choices.is-disabled {\r\n  .choices__inner,\r\n  .choices__input {\r\n    background-color: var(--#{$prefix}light) ;\r\n  }\r\n}\r\n\r\n.is-disabled .choices__list--multiple {\r\n  .choices__item {\r\n    background-color: $secondary;\r\n    border-color: $secondary;\r\n  }\r\n}\r\n\r\n.choices[data-type*=\"select-multiple\"],\r\n.choices[data-type*=\"text\"] {\r\n  .choices__button {\r\n    border-left: 1px solid rgba($white, 0.5);\r\n    margin: 0 -4px 0 8px;\r\n    border-right: 0;\r\n  }\r\n}\r\n\r\n.choices__list--dropdown {\r\n  background-color: var(--#{$prefix}secondary-bg);\r\n  border: 1px solid var(--#{$prefix}border-color);\r\n\r\n  .choices__item--selectable {\r\n    &.is-highlighted {\r\n      background-color: var(--#{$prefix}tertiary-bg) ;\r\n    }\r\n  }\r\n}\r\n","//\r\n//  switch.scss\r\n//\r\n\r\n/* CSS Switch */\r\ninput[switch] {\r\n  display: none;\r\n  + label {\r\n    font-size: 1em;\r\n    line-height: 1;\r\n    width: 56px;\r\n    height: 24px;\r\n    background-color: $gray-400;\r\n    background-image: none;\r\n    border-radius: 2rem;\r\n    padding: 0.16667rem;\r\n    cursor: pointer;\r\n    display: inline-block;\r\n    text-align: center;\r\n    position: relative;\r\n    font-weight: $font-weight-medium;\r\n    transition: all 0.1s ease-in-out;\r\n    &:before {\r\n      color: $dark;\r\n      content: attr(data-off-label);\r\n      display: block;\r\n      font-family: inherit;\r\n      font-weight: 500;\r\n      font-size: 12px;\r\n      line-height: 21px;\r\n      position: absolute;\r\n      right: 1px;\r\n      margin: 3px;\r\n      top: -2px;\r\n      text-align: center;\r\n      min-width: 1.66667rem;\r\n      overflow: hidden;\r\n      transition: all 0.1s ease-in-out;\r\n    }\r\n\r\n    &:after {\r\n      content: '';\r\n      position: absolute;\r\n      left: 3px;\r\n      background-color: $gray-200;\r\n      box-shadow: none;\r\n      border-radius: 2rem;\r\n      height: 20px;\r\n      width: 20px;\r\n      top: 2px;\r\n      transition: all 0.1s ease-in-out;\r\n    }\r\n  }\r\n\r\n  &:checked + label {\r\n    background-color: $primary;\r\n  }\r\n}\r\n\r\ninput[switch]:checked + label {\r\n  background-color: $primary;\r\n  &:before {\r\n    color: $white;\r\n    content: attr(data-on-label);\r\n    right: auto;\r\n    left: 3px;\r\n  }\r\n\r\n  &:after {\r\n    left: 33px;\r\n    background-color: $gray-200;\r\n  }\r\n}\r\n\r\ninput[switch=\"bool\"] + label {\r\n  background-color: $danger;\r\n}\r\ninput[switch=\"bool\"] + label:before,input[switch=\"bool\"]:checked + label:before,\r\ninput[switch=\"default\"]:checked + label:before{\r\n  color: $white;\r\n}\r\n\r\ninput[switch=\"bool\"]:checked + label {\r\n  background-color: $success;\r\n}\r\n\r\ninput[switch=\"default\"]:checked + label {\r\n  background-color: #a2a2a2;\r\n}\r\n\r\ninput[switch=\"primary\"]:checked + label {\r\n  background-color: $primary;\r\n}\r\n\r\ninput[switch=\"success\"]:checked + label {\r\n  background-color: $success;\r\n}\r\n\r\ninput[switch=\"info\"]:checked + label {\r\n  background-color: $info;\r\n}\r\n\r\ninput[switch=\"warning\"]:checked + label {\r\n  background-color: $warning;\r\n}\r\n\r\ninput[switch=\"danger\"]:checked + label {\r\n  background-color: $danger;\r\n}\r\n\r\ninput[switch=\"dark\"]:checked + label {\r\n  background-color: $dark;\r\n}\r\n\r\n.square-switch{\r\n  margin-right: 7px;\r\n  input[switch]+label, input[switch]+label:after{\r\n    border-radius: 4px;\r\n  }\r\n}\r\n\r\n","// \r\n// Datatables.scss\r\n// \r\n\r\n.table-bordered {\r\n  border: $table-border-width solid $table-border-color;\r\n}\r\n\r\n// gridjs-table\r\n\r\n.gridjs-container{\r\n  color: $table-color;\r\n}\r\n\r\n.gridjs-wrapper{\r\n  box-shadow: none;\r\n  border: 1px solid $table-border-color;\r\n\r\n  &::-webkit-scrollbar {\r\n    -webkit-appearance: none;\r\n}\r\n\r\n  &::-webkit-scrollbar:vertical {\r\n      width: 12px;\r\n  }\r\n\r\n  &::-webkit-scrollbar:horizontal {\r\n      height: 12px;\r\n  }\r\n\r\n  &::-webkit-scrollbar-thumb {\r\n      background-color: rgba($dark, .075);\r\n      border-radius: 10px;\r\n      border: 2px solid $card-bg;\r\n  }\r\n\r\n  &::-webkit-scrollbar-track {\r\n      border-radius: 10px;  \r\n      background-color: $card-bg; \r\n  }\r\n}\r\n\r\n.gridjs-table{\r\n  width: 100%;\r\n}\r\n\r\nth.gridjs-th, \r\ntd.gridjs-td{\r\n  border: 1px solid $table-border-color;\r\n  padding: .75rem .75rem;\r\n  background-color: var(--#{$prefix}secondary-bg) !important;\r\n}\r\n\r\nth{\r\n  &.gridjs-th{\r\n    border-top: 0;\r\n    color: $table-color;\r\n    background-color: $table-head-bg;\r\n\r\n  }\r\n\r\n  &.gridjs-th-sort{\r\n    &:focus, &:hover{\r\n      background-color: $table-head-bg;\r\n    }\r\n  }\r\n}\r\n\r\n.gridjs-footer{\r\n  box-shadow: none;\r\n  border: 1px solid $table-border-color;\r\n  border-top: 0;\r\n  background-color: var(--#{$prefix}table-head-bg);\r\n}\r\n\r\n.gridjs-pagination{\r\n  color: $pagination-color;\r\n\r\n  .gridjs-pages button{\r\n    border: none !important;\r\n    border-radius: 30px!important;\r\n    margin: 0 5px;\r\n    border: none;\r\n    min-width: 32px;\r\n    height: 32px;\r\n    padding: 0;\r\n    text-align: center;\r\n    line-height: 32px;\r\n    background-color: transparent;\r\n    color: var(--#{$prefix}secondary-color);\r\n\r\n    \r\n\r\n    &:disabled, \r\n    &:hover:disabled, \r\n    &[disabled]{\r\n      color: $pagination-disabled-color;\r\n      background-color: transparent;\r\n    }\r\n\r\n    &:hover{\r\n      background-color: $pagination-hover-bg;\r\n      color: $pagination-hover-color;\r\n    }\r\n\r\n    &:focus{\r\n      box-shadow: none;\r\n    }\r\n\r\n    &:last-child, &:first-child{\r\n      &:hover{\r\n        background-color: transparent;\r\n      }\r\n    }\r\n    &.gridjs-currentPage{\r\n      background-color: $pagination-active-bg;\r\n      color: $pagination-active-color;\r\n      border-color: $pagination-active-border-color;\r\n    }\r\n  }\r\n}\r\n\r\ninput.gridjs-input{\r\n  border-color: $input-border-color;\r\n  background-color: $input-bg;\r\n  color: $input-color;\r\n  &:focus{\r\n    box-shadow: none;\r\n    border-color: $input-focus-border-color;\r\n    background-color: $input-focus-bg;\r\n  }\r\n}\r\n\r\n","\r\n//\r\n// colorpicker.scss\r\n//\r\n\r\n.pcr-app{\r\n  background: $card-bg;\r\n}\r\n\r\n.pcr-app[data-theme=classic]{\r\n  .pcr-selection {\r\n    .pcr-color-preview{\r\n      margin-right: .75em;\r\n      margin-left: 0;\r\n    }\r\n\r\n    .pcr-color-chooser, .pcr-color-opacity{\r\n      margin-left: .75em;\r\n      margin-right: 0;\r\n    }\r\n  }\r\n}\r\n\r\n","\r\n//\r\n// Datepicker\r\n//\r\n// flatpickr\r\n\r\n\r\n.flatpickr-input {\r\n  &[readonly] {\r\n      background-color: $input-bg;\r\n  }\r\n}\r\n\r\n.flatpickr-months,\r\n.flatpickr-weekdays {\r\n  background-color: $primary;\r\n}\r\n\r\nspan.flatpickr-weekday {\r\n  color: $white;\r\n  font-weight: $font-weight-medium;\r\n}\r\n\r\n.flatpickr-current-month {\r\n  .flatpickr-monthDropdown-months {\r\n      &:hover {\r\n          background-color: transparent !important;\r\n      }\r\n  }\r\n}\r\n\r\n.flatpickr-am-pm,\r\n.numInput,\r\n.numInputWrapper {\r\n  &:focus,\r\n  &:hover {\r\n      background-color: transparent !important;\r\n  }\r\n}\r\n\r\n.flatpickr-weekdays {\r\n  height: 36px !important;\r\n  border-bottom: 1px solid var(--#{$prefix}border-color);\r\n}\r\n\r\n.flatpickr-day {\r\n  color: rgba(var(--#{$prefix}dark), 0.3) !important;\r\n  &:hover,\r\n  &:focus {\r\n      background-color: rgba($light, 0.7) !important;\r\n      color: rgba(var(--#{$prefix}dark), 0.3) !important;\r\n  }\r\n  &.today {\r\n      border-color: $primary !important;\r\n      background-color: rgba($primary, 0.1);\r\n      &:hover,\r\n      &:focus {\r\n          color: rgba(var(--#{$prefix}dark), 0.3) !important;\r\n          background-color: rgba($primary, 0.15) !important;\r\n      }\r\n  }\r\n  &.selected {\r\n      background-color: $primary !important;\r\n      border-color: $primary !important;\r\n      color: $white !important;\r\n\r\n      &:hover{\r\n        color: var(--#{$prefix}dark) !important;\r\n      }\r\n  }\r\n\r\n  &.flatpickr-disabled,\r\n  &.flatpickr-disabled:hover,\r\n  &.prevMonthDay,\r\n  &.nextMonthDay,\r\n  &.notAllowed,\r\n  &.notAllowed.prevMonthDay,\r\n  &.notAllowed.nextMonthDay {\r\n      color: var(--#{$prefix}tertiary-color) !important;\r\n  }\r\n\r\n  &.inRange,\r\n  &.prevMonthDay.inRange,\r\n  &.nextMonthDay.inRange,\r\n  &.today.inRange,\r\n  &.prevMonthDay.today.inRange,\r\n  &.nextMonthDay.today.inRange,\r\n  &:hover,\r\n  &.prevMonthDay:hover,\r\n  &.nextMonthDay:hover,\r\n  &:focus,\r\n  &.prevMonthDay:focus,\r\n  &.nextMonthDay:focus {\r\n      background-color: var(--#{$prefix}light) !important;\r\n      border-color: var(--#{$prefix}light) !important;\r\n  }\r\n  &.inRange {\r\n      box-shadow: -5px 0 0var(--#{$prefix}light), 5px 0 0var(--#{$prefix}light);\r\n  }\r\n}\r\n\r\n.flatpickr-months {\r\n  .flatpickr-prev-month,\r\n  .flatpickr-next-month,\r\n  .flatpickr-month {\r\n      color: rgba($white, 0.9) !important;\r\n      fill: rgba($white, 0.9) !important;\r\n  }\r\n}\r\n\r\n.flatpickr-monthDropdown-month {\r\n  color: rgba($black, 0.8);\r\n}\r\n.flatpickr-current-month {\r\n  input.cur-year {\r\n      &[disabled],\r\n      &[disabled]:hover {\r\n          color: rgba($white, 0.9) !important;\r\n      }\r\n  }\r\n}\r\n\r\n.flatpickr-time {\r\n  input,\r\n  .flatpickr-time-separator,\r\n  .flatpickr-am-pm {\r\n      color: var(--#{$prefix}dark) !important;\r\n  }\r\n}\r\n\r\n.flatpickr-calendar {\r\n  background-color: $dropdown-bg !important;\r\n  box-shadow: 1px 0 0 var(--#{$prefix}border-color), -1px 0 0 var(--#{$prefix}border-color), 0 1px 0 var(--#{$prefix}border-color), 0 -1px 0 var(--#{$prefix}border-color),\r\n      0 3px 13px rgba(0, 0, 0, 0.08) !important;\r\n  &.hasTime {\r\n      .flatpickr-time {\r\n          border-top: 1px solid var(--#{$prefix}border-color) !important;\r\n      }\r\n  }\r\n}\r\n\r\n.flatpickr-months {\r\n  border-radius: 5px 5px 0px 0px;\r\n  .flatpickr-prev-month,\r\n  .flatpickr-next-month {\r\n      &:hover {\r\n          svg {\r\n              fill: rgba($white, 0.9) !important;\r\n          }\r\n      }\r\n  }\r\n}\r\n","//\r\n// Form editors.scss\r\n//\r\n\r\n// CK Editor\r\n\r\n\r\n.ck-editor__editable {\r\n  min-height: 250px !important;\r\n}\r\n\r\n.ck {\r\n\r\n  &.ck-reset_all,\r\n  &.ck-reset_all * {\r\n    color: var(--#{$prefix}secondary-color) !important;\r\n  }\r\n\r\n  &.ck-editor__main>.ck-editor__editable:not(.ck-focused) {\r\n    border-color: var(--#{$prefix}border-color) !important;\r\n  }\r\n\r\n  &.ck-toolbar {\r\n    background-color: var(--#{$prefix}light) !important;\r\n    border-color: var(--#{$prefix}border-color) !important;\r\n\r\n    .ck.ck-toolbar__separator {\r\n      background-color: var(--#{$prefix}border-color) !important;\r\n    }\r\n  }\r\n\r\n  &.ck-tooltip .ck-tooltip__text {\r\n    background-color: $dark !important;\r\n    color: var(--#{$prefix}light) !important;\r\n  }\r\n\r\n  &.ck-editor__main>.ck-editor__editable,\r\n  &.ck-list {\r\n    background-color: $card-bg !important;\r\n  }\r\n\r\n  &.ck-dropdown__panel {\r\n    border-color: var(--#{$prefix}border-color) !important;\r\n\r\n    .ck{\r\n      .ck-insert-table-dropdown__grid{\r\n        background-color: var(--#{$prefix}secondary-bg) !important;\r\n        border-color: var(--#{$prefix}border-color);\r\n      }\r\n      .ck-insert-table-dropdown__label{\r\n        background-color: var(--#{$prefix}secondary-bg) !important;\r\n      }\r\n    }\r\n\r\n    .ck-media-form {\r\n      background-color: var(--#{$prefix}secondary-bg);\r\n    }\r\n  }\r\n\r\n  &.ck-balloon-panel{\r\n    background-color: var(--#{$prefix}secondary-bg) !important;\r\n    border-color: var(--#{$prefix}border-color) !important;\r\n\r\n    &::before{\r\n      background-color: var(--#{$prefix}secondary-bg) !important;\r\n    }\r\n  }\r\n   \r\n  &.ck-input {\r\n    background-color: var(--#{$prefix}secondary-bg) !important;\r\n    border-color: var(--#{$prefix}border-color) !important;\r\n  }\r\n}\r\n\r\n\r\n.ck.ck-button:not(.ck-disabled):hover,\r\na.ck.ck-button:not(.ck-disabled):hover,\r\n.ck.ck-button.ck-on,\r\na.ck.ck-button.ck-on {\r\n  background-color: var(--#{$prefix}light) !important;\r\n}\r\n\r\n\r\n\r\n//\r\n// quilljs-editor.scss\r\n//\r\n\r\n.ql-editor {\r\n  text-align: left;\r\n\r\n  ol,\r\n  ul {\r\n    padding-left: 1.5em;\r\n    padding-right: 0;\r\n  }\r\n\r\n  li:not(.ql-direction-rtl)::before {\r\n    margin-left: -1.5em;\r\n    margin-right: 0.3em;\r\n    text-align: right;\r\n  }\r\n}\r\n\r\n.ql-container {\r\n  font-family: $font-family-base;\r\n\r\n  &.ql-snow {\r\n    border-color: var(--#{$prefix}border-color);\r\n  }\r\n}\r\n\r\n.ql-bubble {\r\n  border: $input-border-width solid var(--#{$prefix}border-color);\r\n  border-radius: $input-border-radius;\r\n}\r\n\r\n.ql-toolbar {\r\n  font-family: $font-family-base !important;\r\n\r\n  span {\r\n    outline: none !important;\r\n    color: $dropdown-link-color;\r\n\r\n    &:hover {\r\n      color: $primary !important;\r\n    }\r\n  }\r\n\r\n  &.ql-snow {\r\n    border-color: var(--#{$prefix}border-color);\r\n\r\n    .ql-picker.ql-expanded {\r\n      .ql-picker-label {\r\n        border-color: transparent;\r\n      }\r\n    }\r\n\r\n    .ql-picker-options {\r\n      box-shadow: $dropdown-box-shadow;\r\n      border-radius: $dropdown-border-radius;\r\n    }\r\n  }\r\n}\r\n\r\n.ql-snow {\r\n\r\n  .ql-stroke,\r\n  .ql-script,\r\n  .ql-strike svg {\r\n    stroke: $dropdown-link-color;\r\n  }\r\n\r\n  .ql-fill {\r\n    fill: $dropdown-link-color;\r\n  }\r\n\r\n  .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) {\r\n    svg {\r\n      right: 0;\r\n      left: auto;\r\n    }\r\n  }\r\n\r\n  .ql-picker {\r\n    &.ql-expanded .ql-picker-label {\r\n      color: $dropdown-link-color;\r\n    }\r\n  }\r\n}\r\n\r\n.ql-snow {\r\n  .ql-picker-options {\r\n    background-color: $dropdown-bg;\r\n    border-color: var(--#{$prefix}border-color) !important;\r\n  }\r\n}","\r\n//\r\n// Form-Upload\r\n//\r\n\r\n/* Dropzone */\r\n.dropzone {\r\n  min-height: 230px;\r\n  border: 2px dashed var(--#{$prefix}border-color);\r\n  background: $card-bg;\r\n  border-radius: 6px;\r\n\r\n  .dz-message {\r\n    font-size: 24px;\r\n    width: 100%;\r\n  }\r\n}","//\r\n// Form Wizard\r\n//\r\n\r\n// twitter-bs-wizard\r\n\r\n\r\n.wizard-nav{\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  padding-left: 0;\r\n  margin-bottom: 0;\r\n  list-style: none;\r\n  .wizard-list-item{\r\n      flex-basis: 0;\r\n      flex-grow: 1;\r\n      text-align: center;\r\n      .list-item{\r\n        width: 100%;\r\n        font-size: 14px;\r\n        position: relative;\r\n      }\r\n  }\r\n\r\n\r\n  .step-icon{\r\n    display: inline-block;\r\n    width: 56px;\r\n    height: 56px;\r\n    line-height: 54px;\r\n    border: 1px solid rgba($primary, 0.2);\r\n    color: $primary;\r\n    text-align: center;\r\n    border-radius: 50%;\r\n    position: relative;\r\n    z-index: 1;\r\n    font-size: 20px;\r\n\r\n    @media (max-width: 575.98px) {\r\n      width: 40px;\r\n      height: 40px;\r\n      line-height: 38px;\r\n    }\r\n  }\r\n\r\n  .step-title{\r\n    margin-left: 6px;\r\n  }\r\n\r\n  .wizard-list-item{\r\n    &:last-child{\r\n      .list-item{\r\n        &::after{\r\n          display: none;\r\n        }\r\n      }\r\n    }\r\n\r\n    .list-item{\r\n      &.done{\r\n        .step-icon{\r\n          background-color: $primary;\r\n          color: $white;\r\n        }\r\n        .uil{\r\n          &:before{\r\n            content: \"\\e9c3\";\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .list-item{\r\n    font-size: 14px;\r\n    position: relative;\r\n    @media (max-width: 575.98px) {\r\n      padding: 0.5rem;\r\n    }\r\n    &::after{\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 75%;\r\n      height: 2px;\r\n      background-color: var(--#{$prefix}border-color);\r\n      left: 62%;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n      @media (max-width: 575.98px) {\r\n        display: none;\r\n      }\r\n    }\r\n    &.active{\r\n      color: $gray-700;\r\n      background-color: transparent;\r\n\r\n      .step-icon{\r\n        background-color: rgba($primary, 0.2);\r\n        color: $primary;\r\n        border-color: rgba($primary, 0.2);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n\r\n.wizard-tab{\r\n  display: none;\r\n}","\r\n//\r\n// apexcharts.scss\r\n//\r\n.apex-charts {\r\n    min-height: 10px !important;\r\n    text {\r\n        font-family: $font-family-base !important;\r\n    }\r\n    .apexcharts-canvas {\r\n        margin: 0 auto;\r\n    }\r\n}\r\n\r\n.apexcharts-tooltip-title,\r\n.apexcharts-tooltip-text {\r\n    font-family: $font-family-base !important;\r\n}\r\n\r\n.apexcharts-tooltip{\r\n    border: 1px solid var(--#{$prefix}border-color) !important;\r\n    background-color: $card-bg !important;\r\n    box-shadow: $box-shadow !important;\r\n    * {\r\n        font-family: $font-family-base !important;\r\n        color: $gray-600 !important;\r\n    }\r\n\r\n    .apexcharts-tooltip-title{\r\n        background-color: rgba(var(--#{$prefix}light-rgb), .75) !important;\r\n        border-bottom: 1px solid var(--#{$prefix}border-color-translucent) !important;\r\n    }\r\n}\r\n\r\n.apexcharts-tooltip.apexcharts-theme-dark{\r\n    * {\r\n        color: $white !important;\r\n    }\r\n}\r\n\r\n.apexcharts-legend-series {\r\n    font-weight: $font-weight-medium;\r\n}\r\n\r\n.apexcharts-gridline {\r\n    pointer-events: none;\r\n    stroke: rgba(var(--#{$prefix}light-rgb), .75);\r\n}\r\n\r\n.apexcharts-legend-text {\r\n    color: $gray-600 !important;\r\n    font-family: $font-family-base !important;\r\n    font-size: 13px !important;\r\n}\r\n\r\n.apexcharts-pie-label {\r\n    fill: $white !important;\r\n}\r\n\r\n.apexcharts-title-text, .apexcharts-subtitle-text{\r\n    fill: $gray-500;\r\n}\r\n\r\n.apexcharts-yaxis,\r\n.apexcharts-xaxis {\r\n    text {\r\n        font-family: $font-family-base !important;\r\n        fill: $gray-500;\r\n    }\r\n}\r\n\r\n.apexcharts-yaxis-title {\r\n    font-weight: 500;\r\n}\r\n\r\n// column dynamic loaded chart\r\n\r\n#dynamicloadedchart-wrap {\r\n    margin: 0px auto;\r\n    max-width: 800px;\r\n    position: relative;\r\n}\r\n\r\n.chart-box {\r\n    padding-left: 0;\r\n}\r\n\r\n#chart-year,\r\n#chart-quarter {\r\n    width: 96%;\r\n    max-width: 48%;\r\n    box-shadow: none;\r\n    padding-left: 0;\r\n    padding-top: 20px;\r\n    background: $card-bg;\r\n    border: 1px solid var(--#{$prefix}border-color);\r\n}\r\n\r\n#chart-year {\r\n    float: left;\r\n    position: relative;\r\n    transition: 1s ease transform;\r\n    z-index: 3;\r\n    &.chart-quarter-activated {\r\n        transform: translateX(0);\r\n        transition: 1s ease transform;\r\n    }\r\n}\r\n\r\n#chart-quarter {\r\n    float: left;\r\n    position: relative;\r\n    z-index: -2;\r\n    transition: 1s ease transform;\r\n    &.active {\r\n        transition: 1.1s ease-in-out transform;\r\n        transform: translateX(0);\r\n        z-index: 1;\r\n    }\r\n}\r\n\r\n@media screen and (min-width: 480px) {\r\n    #chart-year {\r\n        transform: translateX(50%);\r\n    }\r\n    #chart-quarter {\r\n        transform: translateX(-50%);\r\n    }\r\n}\r\n\r\n// radar chart\r\n\r\n.apexcharts-radar-series{\r\n    polygon, line{\r\n        stroke: var(--#{$prefix}border-color);\r\n    }\r\n}\r\n\r\n.apexcharts-pie{\r\n    circle ,line{\r\n        stroke: var(--#{$prefix}border-color);\r\n    }\r\n    text{\r\n        fill: var(--#{$prefix}secondary-color);\r\n    }\r\n}\r\n\r\n.apexcharts-toolbar{\r\n    .apexcharts-menu{\r\n        background-color: var(--#{$prefix}secondary-bg);\r\n        border-color: var(--#{$prefix}border-color);\r\n\r\n        .apexcharts-menu-item{\r\n            &:hover{\r\n                background-color: var(--#{$prefix}tertiary-bg);\r\n            }\r\n        }\r\n    }\r\n}","// \r\n// lightbox.scss\r\n// \r\n\r\n.glightbox-clean {\r\n    .gslide-title {\r\n        font-family: $font-family-secondary;\r\n        margin-bottom: 5px;\r\n        font-weight: 500;\r\n        font-size: 18px;\r\n    }\r\n\r\n    .gslide-desc {\r\n        font-family: $font-family-base;\r\n        font-size: 14px;\r\n    }\r\n\r\n    .gclose {\r\n        border: 2px solid $white;\r\n        border-radius: 7px;\r\n        right: 10px;\r\n        left: auto;\r\n        @media (min-width: 992px){\r\n            right: 20px;\r\n            left: auto;\r\n        }\r\n        svg{\r\n            width: 12px;\r\n        }\r\n    }\r\n}","\r\n//\r\n// Google map.scss\r\n//\r\n\r\n.gmaps, .gmaps-panaroma {\r\n  height: 300px;\r\n  background: $gray-100;\r\n  border-radius: 3px;\r\n}\r\n\r\n.gmaps-overlay {\r\n  display: block;\r\n  text-align: center;\r\n  color: $white;\r\n  font-size: 16px;\r\n  line-height: 40px;\r\n  background: $primary;\r\n  border-radius: 4px;\r\n  padding: 10px 20px;\r\n}\r\n\r\n.gmaps-overlay_arrow {\r\n  left: 50%;\r\n  margin-left: -16px;\r\n  width: 0;\r\n  height: 0;\r\n  position: absolute;\r\n  &.above {\r\n    bottom: -15px;\r\n    border-left: 16px solid transparent;\r\n    border-right: 16px solid transparent;\r\n    border-top: 16px solid $primary;\r\n  }\r\n  &.below {\r\n    top: -15px;\r\n    border-left: 16px solid transparent;\r\n    border-right: 16px solid transparent;\r\n    border-bottom: 16px solid $primary;\r\n  }\r\n  \r\n}","//\r\n// vector-maps.scss\r\n//\r\n\r\n.jvm-tooltip {\r\n    border-radius: 3px;\r\n    background-color: $primary;\r\n    font-family: $font-family-base;\r\n    box-shadow: $box-shadow-lg;\r\n    padding: 3px 5px;\r\n}","//\r\n// leaflet-maps.scss\r\n//\r\n\r\n.leaflet-map {\r\n    height: 300px;\r\n    &.leaflet-container{\r\n        z-index: 99;\r\n    }\r\n}","\r\n.gslide-description{\r\n    .gdesc-inner{\r\n        background-color: var(--#{$prefix}secondary-bg);\r\n       .gslide-title{\r\n            color: var(--#{$prefix}secondary-color);\r\n       }\r\n    }\r\n}\r\n","// \r\n// authentication.scss\r\n//\r\n\r\n.auth-bg-basic{\r\n    background-image: url(\"../images/bg-1.png\");\r\n    background-position: center;\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n    .bg-overlay{\r\n        opacity: 0.85;\r\n    }\r\n    @media (min-width: 768px){\r\n        height: 100vh;\r\n       \r\n    }\r\n}\r\n\r\n// auth-pass-inputgroup\r\n.auth-pass-inputgroup{\r\n    input[type=\"text\"] + .btn .mdi-eye-outline{\r\n        &:before{\r\n            content: \"\\F06D1\";\r\n        }\r\n    }\r\n}\r\n\r\n.auth-bg{\r\n    background-image: url(\"../images/bg-3.png\");\r\n    background-position: center;\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n    clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%);\r\n    .bg-overlay{\r\n        opacity: 0.85;\r\n    }\r\n    @media (min-width: 768px){\r\n        height: 100vh;\r\n       \r\n    }\r\n    @media (max-width: 768px){\r\n        clip-path: none; \r\n    }\r\n}\r\n\r\n// authentication home icon\r\n.home-btn {\r\n    position: fixed;\r\n    top: 15px;\r\n    right: 25px;\r\n}\r\n\r\n.authentication-bg{\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n    background-image: url(\"../images/auth-bg.jpg\");\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    .auth-logo{\r\n        .logo{\r\n            margin: 0px auto;\r\n        }\r\n\r\n        .auth-logo-light{\r\n            display: none;\r\n            margin: 0px auto;\r\n        }\r\n\r\n        .auth-logo-dark{\r\n            margin: 0px auto;\r\n        }\r\n    }\r\n\r\n    .bg-overlay{\r\n        opacity: 0.8;\r\n    }\r\n\r\n    .auth-cover-card{\r\n        .authentication-bg{\r\n            align-items: flex-start;\r\n            justify-content: flex-start;\r\n        }\r\n        .bg-overlay{\r\n            opacity: 0.6;\r\n        }\r\n\r\n        .form-floating{\r\n            label{\r\n                color: rgba($white, 0.5);\r\n            }\r\n            .form-control{\r\n                background-color: rgba($white, 0.1);\r\n                border-color: rgba($white, 0.1);\r\n                color: $white;\r\n            }\r\n\r\n            .form-floating-icon{\r\n                color: rgba($white, 0.5);\r\n            }\r\n        }\r\n    }\r\n}\r\n.form-floating-custom{\r\n    position: relative;\r\n    >label{\r\n        left: 48px;\r\n    }\r\n    >.form-control, >.form-select{\r\n        padding-left: 60px;\r\n    }\r\n    .form-floating-icon{\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0;\r\n        height: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 20px;\r\n        width: 56px;\r\n        color: $text-muted;\r\n    }\r\n}\r\n\r\n// error page\r\n.error-font {\r\n    font-size: 9rem;\r\n    text-shadow: 4px 4px 6px rgba($gray-900, 0.26);\r\n}\r\n\r\n.mover-animation {\r\n    animation: mover 1s infinite alternate;\r\n}\r\n\r\n@keyframes mover {\r\n    0% {\r\n        transform: translateY(10px);\r\n    }\r\n    100% {\r\n        transform: translateY(-10px);\r\n    }\r\n}\r\n\r\n\r\n// Auth Pages\r\n.auth-img{\r\n  background-image: url(\"https://images.unsplash.com/photo-1593062096033-9a26b09da705?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80\");\r\n  background-size: cover;\r\n  background-position: center;\r\n  height: 100%;\r\n  width: 100%;\r\n  @media (max-width: 991.98px) {\r\n      height: 250px;\r\n  }\r\n}\r\n\r\nbody[data-bs-theme=\"dark\"] {\r\n    .authentication-bg{\r\n        background-image: url(\"../images/auth-bg-dark.jpg\");\r\n\r\n        .bg-overlay{\r\n            opacity: 0.1;\r\n        }\r\n\r\n        .auth-logo{\r\n    \r\n            .auth-logo-dark{\r\n                display: none;\r\n            }\r\n            .auth-logo-light{\r\n                display: block;\r\n            }\r\n        }\r\n    }\r\n}","// \r\n// Kanbanboard . scss\r\n// \r\n\r\n\r\n// task\r\n\r\n.task-board{\r\n  display: flex;\r\n  white-space: nowrap;\r\n  overflow-x: auto;\r\n  align-items: stretch;\r\n\r\n  &::-webkit-scrollbar {\r\n    -webkit-appearance: none;\r\n  }\r\n\r\n  &::-webkit-scrollbar:vertical {\r\n    width: 12px;\r\n  }\r\n\r\n  &::-webkit-scrollbar:horizontal {\r\n    height: 10px;\r\n  }\r\n\r\n  &::-webkit-scrollbar-thumb {\r\n    background-color: rgba($dark, .2);\r\n    border-radius: 10px;\r\n    border: 2px solid var(--#{$prefix}border-color);\r\n  }\r\n\r\n  &::-webkit-scrollbar-track {\r\n    border-radius: 10px;  \r\n    background-color: $white; \r\n  }\r\n}\r\n\r\n.tasks{\r\n  min-height: 300px;\r\n}\r\n\r\n.task-list{\r\n  min-width: 280px;\r\n  white-space: normal;\r\n\r\n  @media (min-width: 576px) {\r\n    width: 380px;\r\n    min-width: 384px;\r\n  }\r\n  \r\n  \r\n  &:not(:last-child) {\r\n      margin-right: 20px;\r\n  }\r\n\r\n  .tasklist-content{\r\n    max-height: calc(100vh - 350px);\r\n  }\r\n\r\n  .task-box{\r\n      border: 1px solid var(--#{$prefix}border-color);\r\n\r\n      &:last-child{\r\n          margin-bottom: 0;\r\n      }\r\n  }\r\n  \r\n}\r\n\r\n.gu-transit {\r\n    border: 1px dashed var(--#{$prefix}border-color) !important;\r\n    background-color: var(--#{$prefix}gray-200) !important;\r\n}","// \r\n// File manager.scss\r\n//\r\n\r\n.search-box {\r\n    .search-icon {\r\n        font-size: 16px;\r\n        position: absolute;\r\n        left: 13px;\r\n        color: $text-muted;\r\n        line-height: 40px;\r\n    }\r\n}\r\n\r\n.categories-list{\r\n    padding: 4px 0;\r\n    li{\r\n        a{\r\n            display: block;\r\n            padding: 8px 12px;\r\n            color: $body-color;\r\n            font-weight: $font-weight-medium;\r\n        }\r\n\r\n        &.active{\r\n            a{\r\n                color: $primary;\r\n            }\r\n        }\r\n\r\n        ul{\r\n            padding-left: 14px;\r\n            li{\r\n                a{\r\n                    padding: 4px 12px;\r\n                    color: $text-muted;\r\n                    font-size: 13px;\r\n                    font-weight: $font-weight-normal;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n","/* ==============\r\n  Email\r\n===================*/\r\n\r\n.email-leftbar {\r\n  width: 306px;\r\n  float: left;\r\n}\r\n\r\n.email-rightbar {\r\n  margin-left: 324px;\r\n}\r\n\r\n.chat-user-box {\r\n  p.user-title {\r\n    color: var(--#{$prefix}secondary-color);\r\n    font-weight: 500;\r\n  }\r\n  p {\r\n    font-size: 14px;\r\n  }\r\n}\r\n\r\n.unread  {\r\n  background-color: var(--#{$prefix}tertiary-bg);\r\n  font-weight: 500;\r\n  color: var(--#{$prefix}secondary-color) \r\n}\r\n\r\n.message-list{\r\n &:hover{\r\n  background-color: var(--#{$prefix}tertiary-bg);\r\n }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .email-leftbar {\r\n    float: none;\r\n    width: 100%;\r\n  }\r\n  .email-rightbar {\r\n    margin: 0;\r\n  }\r\n}\r\n\r\n\r\n.mail-list {\r\n  a {\r\n    display: block;\r\n    color: var(--#{$prefix}secondary-color);\r\n    line-height: 24px;\r\n    padding: 8px 18px;\r\n\r\n    &.active {\r\n      color: $primary;\r\n      font-weight: 500;\r\n      h5{\r\n        color: $primary;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n\r\n\r\n.message-list {\r\n  display: block;\r\n  padding-left: 0;\r\n\r\n  .list {\r\n    position: relative;\r\n    display: block;\r\n    height: 50px;\r\n    cursor: default;\r\n    transition-duration: .3s;\r\n    a{\r\n      color: var(--#{$prefix}secondary-color);\r\n    }\r\n    &.selected {\r\n      background-color: rgba($gray-300, 0.6);\r\n    }\r\n\r\n    .col-mail {\r\n      float: left;\r\n      position: relative;\r\n    }\r\n\r\n    .col-mail-1 {\r\n      width: 320px;\r\n\r\n      .star-toggle,\r\n      .checkbox-wrapper-mail,\r\n      .dot {\r\n        display: block;\r\n        float: left;\r\n      }\r\n\r\n      .dot {\r\n        border: 4px solid transparent;\r\n        border-radius: 100px;\r\n        margin: 22px 26px 0;\r\n        height: 0;\r\n        width: 0;\r\n        line-height: 0;\r\n        font-size: 0;\r\n      }\r\n\r\n      .checkbox-wrapper-mail {\r\n        margin: 15px 10px 0 20px;\r\n      }\r\n\r\n      .star-toggle {\r\n        margin-top: 18px;\r\n        margin-left: 5px;\r\n      }\r\n\r\n      .title {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 110px;\r\n        right: 0;\r\n        text-overflow: ellipsis;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        margin-bottom: 0;\r\n        margin-top: 8px;\r\n      }\r\n    }\r\n\r\n    .col-mail-2 {\r\n      position: absolute;\r\n      top: 14px;\r\n      left: 320px;\r\n      right: 0;\r\n      bottom: 0;\r\n\r\n      .subject,\r\n      .date {\r\n        position: absolute;\r\n        top: 0;\r\n      }\r\n\r\n      .subject {\r\n        left: 0;\r\n        right: 200px;\r\n        text-overflow: ellipsis;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n      }\r\n\r\n      .date {\r\n        right: 10px;\r\n        width: 170px;\r\n        padding-left: 80px;\r\n      }\r\n    }\r\n\r\n    &.active,\r\n    &.active:hover {\r\n      box-shadow: inset 3px 0 0 $primary;\r\n    }\r\n\r\n  }\r\n\r\n\r\n  .checkbox-wrapper-mail {\r\n    cursor: pointer;\r\n    height: 20px;\r\n    width: 20px;\r\n    position: relative;\r\n    display: inline-block;\r\n    box-shadow: inset 0 0 0 1px var(--#{$prefix}gray-400);\r\n    border-radius: 1px;\r\n\r\n    input {\r\n      opacity: 0;\r\n      cursor: pointer;\r\n    }\r\n    input:checked ~ label {\r\n      opacity: 1;\r\n    }\r\n\r\n    label {\r\n      position: absolute;\r\n      height: 20px;\r\n      width: 20px;\r\n      left: 0;\r\n      cursor: pointer;\r\n      opacity: 0;\r\n      margin-bottom: 0;\r\n      transition-duration: .05s;\r\n      top: 17px;\r\n      &:before {\r\n        content: \"\\F012C\";\r\n        font-family: \"Material Design Icons\";\r\n        top: 0;\r\n        height: 20px;\r\n        color: var(--#{$prefix}secondary-color);\r\n        width: 20px;\r\n        position: absolute;\r\n        margin-top: -16px;\r\n        left: 4px;\r\n        font-size: 13px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// EMAIL SEARCH\r\n.email-search{\r\n  .form-control{\r\n    border: 0px;\r\n    padding: .60rem .75rem;\r\n  }\r\n  span {\r\n    position: absolute;\r\n    z-index: 10;\r\n    line-height: 38px;\r\n    right: 13px;\r\n    top: 2px;\r\n    color: var(--#{$prefix}secondary-color);\r\n}\r\n}\r\n\r\n\r\n@media (max-width: 575.98px) { \r\n  .message-list .list .col-mail-1 {\r\n      width: 200px;\r\n  }\r\n}\r\n\r\n","// \r\n// Chat.scss\r\n//\r\n\r\n.chat-leftsidebar{\r\n  @media (min-width: 1200px) {\r\n    min-width: 380px;\r\n  }\r\n\r\n  @media (min-width: 992px) and (max-width: 1199.98px) {\r\n    min-width: 290px;\r\n  }\r\n}\r\n\r\n.chat-noti-dropdown{\r\n  &.active{\r\n    &:before{\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 8px;\r\n      height: 8px;\r\n      background-color: $danger;\r\n      border-radius: 50%;\r\n      right: 0;\r\n    }\r\n  }\r\n\r\n  .btn{\r\n    padding: 6px;\r\n    box-shadow: none;\r\n    font-size: 16px;\r\n    color: var(--#{$prefix}gray-600);\r\n  }\r\n}\r\n\r\n.chat-user-status{\r\n  position: relative;\r\n  .status{\r\n    width: 12px;\r\n    height: 12px;\r\n    background-color: $success;\r\n    border-radius: 50%;\r\n    border: 2px solid $white;\r\n    position: absolute;\r\n    left: 60px;\r\n    right: 0;\r\n    margin: 0 auto;\r\n    bottom: 5px;\r\n  }\r\n}\r\n\r\n.chat-search-box{\r\n  .form-control{\r\n    border: 0;\r\n  }\r\n}\r\n\r\n.chat-message-list{\r\n  height: calc(100vh - 280px);\r\n  @media (min-width: 992px){\r\n    height: calc(100vh - 335px);\r\n  }\r\n}\r\n\r\n.chat-rightsidebar{\r\n  @media (min-width: 992px){\r\n    height: calc(100vh - 690px);\r\n  }\r\n}\r\n\r\n.chat-list{\r\n  margin: 0;\r\n  li{\r\n\r\n    &.active{\r\n        a{\r\n          background-color: rgba($primary, 0.075);\r\n          border-color: transparent;\r\n        }\r\n    }\r\n    \r\n    a{\r\n      position: relative;\r\n      display: block;\r\n      color: $text-muted;\r\n      transition: all 0.4s;\r\n      padding: 12px;\r\n      border: 1px solid var(--#{$prefix}border-color);\r\n      border-radius: 4px;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      white-space: nowrap;\r\n      font-size: 13px;\r\n      margin: 12px 0px;\r\n\r\n      &:hover{\r\n        background-color: rgba($primary, 0.075);\r\n        border-color: transparent;\r\n      }\r\n    }\r\n\r\n\r\n    .user-img{\r\n      position: relative;\r\n\r\n      .user-status{\r\n        width: 10px;\r\n        height: 10px;\r\n        background-color: $gray-500;\r\n        border-radius: 50%;\r\n        border: 2px solid $card-bg;\r\n        position: absolute;\r\n        left: 0;\r\n        bottom: 0;\r\n      }\r\n\r\n      &.online{\r\n        .user-status{\r\n          background-color: $success;\r\n        }\r\n      }\r\n\r\n      &.away{\r\n        .user-status{\r\n          background-color: $warning;\r\n        }\r\n      }\r\n    }\r\n\r\n    &.unread{\r\n      a{\r\n        font-weight: $font-weight-semibold;\r\n        color: $dark;\r\n      }\r\n    }\r\n\r\n    .unread-message {\r\n      position: absolute;\r\n      display: inline-block;\r\n      right: 16px;\r\n      top: 33px;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n.group-list{\r\n  li{\r\n    a{\r\n      border: 0;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n.user-chat-nav{\r\n  .dropdown{\r\n    .nav-btn{\r\n      height: 36px;\r\n      width: 36px;\r\n      line-height: 36px;\r\n      box-shadow: none;\r\n      padding: 0;\r\n      font-size: 16px;\r\n      border-radius: 50%;\r\n      color: var(--#{$prefix}gray-600);\r\n    }\r\n  }\r\n}\r\n.contact-list{\r\n  font-size: 12px;\r\n  text-transform: uppercase;\r\n  color: $text-muted;\r\n  font-weight: $font-weight-semibold;\r\n}\r\n\r\n.chat-conversation{\r\n  height: calc(100vh - 300px);\r\n  @media (min-width: 992px){\r\n    height: calc(100vh - 335px);\r\n  }\r\n  li{\r\n   clear: both;\r\n  }\r\n\r\n\r\n  .chat-day-title{\r\n    position: relative;\r\n    text-align: center;\r\n    margin-bottom: 24px;\r\n    border: none;\r\n\r\n    .title{\r\n      display: inline-block;\r\n      background-color: var(--#{$prefix}light);\r\n      position: relative;\r\n      z-index: 1;\r\n      padding: 4px 16px;\r\n      border-radius: 30px;\r\n    }\r\n\r\n    &:before{\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 100%;\r\n      height: 1px;\r\n      left: 0;\r\n      right: 0;\r\n      background-color: var(--#{$prefix}border-color);\r\n      top: 16px;\r\n    }\r\n    .badge{\r\n      font-size: 12px;\r\n    }\r\n  }\r\n\r\n  .chat-avatar img {\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 50%;\r\n  }\r\n\r\n\r\n .conversation-list{\r\n   margin-bottom: 45px;\r\n   position: relative;\r\n   @media (min-width: 992px) {\r\n    max-width: 85%;\r\n   }\r\n\r\n   .ctext-wrap {\r\n     display: flex;\r\n     margin-bottom: 20px;\r\n   }\r\n\r\n   .ctext-wrap-content {\r\n     padding: 14px 20px;\r\n     background-color: rgba($primary,0.1);\r\n     border-radius: 0px 8px 8px 8px;\r\n     color: $text-muted;\r\n     position: relative;\r\n     margin-left: 16px;\r\n\r\n     &:before {\r\n         content: \"\";\r\n         position: absolute;\r\n         border: 5px solid transparent;\r\n         border-right-color: rgba($primary,0.1);\r\n         border-top-color: rgba($primary,0.1);\r\n         left: -10px;\r\n         top: 0;\r\n     }\r\n   }\r\n\r\n .conversation-name {\r\n   margin-bottom: 4px;\r\n   display: flex;\r\n   font-size: 13px;\r\n    .time{\r\n    font-size: 12px;\r\n    position: absolute;\r\n    left: -50px;\r\n    top: 54px;\r\n    bottom: 0;\r\n    color: $text-muted;\r\n    font-weight: 400;\r\n    -webkit-transition: all .4s;\r\n    transition: all .4s;\r\n    }\r\n\r\n    .user-name{\r\n      color: $dark;\r\n    }\r\n }\r\n\r\n\r\n .dropdown {\r\n     .dropdown-toggle {\r\n         font-size: 18px;\r\n         padding: 4px;\r\n         color: $gray-600;\r\n\r\n         @media (max-width: 575.98px) {\r\n             display: none;\r\n         }\r\n     }\r\n\r\n }\r\n\r\n .chat-time {\r\n     font-size: 12px;\r\n     margin-top: 4px;\r\n     text-align: right;\r\n     color: rgba($white, 0.5);\r\n }\r\n\r\n\r\n .message-img {\r\n   position: relative;\r\n   display: flex;\r\n   align-items: flex-start;\r\n   flex-wrap: wrap;\r\n   gap: 10px;\r\n\r\n     .message-img-list {\r\n         position: relative;\r\n     }\r\n\r\n     img {\r\n         max-width: 80px;\r\n     }\r\n   }\r\n }\r\n\r\n .right {\r\n\r\n   .conversation-list {\r\n       float: right;\r\n       text-align: right;\r\n\r\n       .ctext-wrap {\r\n           .ctext-wrap-content {\r\n               order: 2;\r\n               background-color: $primary;\r\n               text-align: right;\r\n               border-radius: 8px 0px 8px 8px;\r\n               margin-left: 0;\r\n               margin-right: 6px;\r\n               color: $white;\r\n\r\n               &:before {\r\n                   border: 5px solid transparent;\r\n                   border-top-color: $primary;\r\n                   border-left-color: $primary;\r\n                   left: auto;\r\n                   right: -10px;\r\n               }\r\n           }\r\n\r\n           .conversation-name {\r\n             justify-content: flex-end;\r\n            .time{\r\n              order: 1;\r\n              margin-left: 0;\r\n              margin-right: 8px;\r\n              position: absolute;\r\n              right: -50px;\r\n              left: auto;\r\n            }\r\n\r\n            .user-name{\r\n                order: 2;\r\n              }\r\n           }\r\n       }\r\n\r\n       .dropdown {\r\n           order: 1;\r\n       }\r\n       .chat-avatar{\r\n         order: 3;\r\n       }\r\n     }\r\n }\r\n}\r\n\r\n.chat-input-section{\r\n border-top: 1px solid var(--#{$prefix}border-color);\r\n}\r\n\r\n.chat-input{\r\n background-color: var(--#{$prefix}light) !important;\r\n border-color:  var(--#{$prefix}light) !important;\r\n}\r\n\r\n\r\n.chat-send{\r\n @media (max-width: 575.98px) {\r\n   min-width: auto;\r\n }\r\n}\r\n","// \r\n// coming-soon.scss\r\n//\r\n\r\n// countdownlist\r\n\r\n.countdownlist {\r\n    text-align: center;\r\n    display: flex;\r\n    gap: 24px;\r\n\r\n\r\n    .countdownlist-item{\r\n        width: 25%;\r\n        &:last-of-type{\r\n            .count-num{\r\n                &::after{\r\n                    display: none;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .count-title{\r\n        font-size: 13px;\r\n        font-weight: $font-weight-medium;\r\n        display: block;\r\n        margin-bottom: 8px;\r\n        color: rgba($dark, 0.5);\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .count-num{\r\n        background-color: $card-bg;\r\n        padding: 16px 8px;\r\n        position: relative;\r\n        border-radius: $card-border-radius;\r\n        box-shadow: $box-shadow;\r\n        font-weight: $font-weight-semibold;\r\n        font-size: 32px;\r\n        @media (max-width: 575.98px) {\r\n            font-size: 18px;\r\n        }\r\n    \r\n        &::after{\r\n            content: \":\";\r\n            font-size: 20px;\r\n            position: absolute;\r\n            right: -16px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            color: $dark;\r\n        }\r\n    }\r\n}\r\n\r\n.countdown-endtxt{\r\n    font-size: 24px;\r\n    font-weight: $font-weight-semibold;\r\n}\r\n\r\n.countdown-input-group{\r\n    max-width: 350px;\r\n}\r\n\r\n\r\n","// \r\n// timeline.scss\r\n//\r\n\r\n\r\n\r\n.wrapper {\r\n    width: 95%;\r\n    margin: 0 auto;\r\n  }\r\n  \r\n  .timeline-sec {\r\n     padding: 80px 0 10px 0;\r\n  }\r\n  \r\n  .timeline-row {\r\n     display: flex;\r\n     justify-content: flex-start;\r\n     flex-wrap: wrap;\r\n     padding-bottom: 100px;\r\n     position: relative;\r\n  }\r\n  \r\n  .timeline-box {\r\n     width: 33.33%;\r\n     position: relative;\r\n  }\r\n  \r\n  .timeline-row {\r\n      &:nth-child(2n+2) {\r\n          &::after {\r\n              right: auto;\r\n              left: 0;\r\n              transform: translate(-50%, -50%) rotate(90deg);\r\n          }\r\n          .timeline-box {\r\n              &::after {\r\n                  transform: translate(50%, -50%) rotate(180deg);\r\n                  left: -50%;\r\n              }\r\n              &:nth-child(3) {\r\n                  &::after {\r\n                      display: none;\r\n                  }\r\n              }\r\n              width: 30%;\r\n              .timeline-content {\r\n                  width: 85%;\r\n              }\r\n          }\r\n          justify-content: center;\r\n      }\r\n  }\r\n  \r\n  .timeline-date{\r\n     .date{\r\n        position: relative;\r\n        padding-top: 20px;\r\n     }\r\n  }\r\n  \r\n  \r\n  .timeline-box {\r\n      .timeline-date {\r\n          position: relative;\r\n          border: 2px solid var(--#{$prefix}border-color);\r\n          width: 90px;\r\n          height: 90px;\r\n          border-radius: 100%;\r\n          align-items: center;\r\n          justify-content: center;\r\n          background-color: var(--#{$prefix}card-bg);\r\n          margin-top: -48px;\r\n          z-index: 1;\r\n      }\r\n      .timeline-content {\r\n          background-color: var(--#{$prefix}tertiary-bg);\r\n          padding: 25px;\r\n          width: 85%;\r\n          margin-top: 30px;\r\n          position: relative;\r\n          &::before {\r\n              width: 0;\r\n              height: 0;\r\n              border-bottom: 15px solid var(--#{$prefix}tertiary-bg);\r\n              border-right: 17px solid transparent;\r\n              position: absolute;\r\n              top: -14px;\r\n              left: 0;\r\n              content: \"\";\r\n          }\r\n      }\r\n  }\r\n  .timeline-row {\r\n      &:last-child {\r\n          justify-content: center;\r\n          position: relative;\r\n          padding-bottom: 70px;\r\n          &::after {\r\n              position: absolute;\r\n              top: 0;\r\n              left: 3%;\r\n              width: 47%;\r\n              height: 0;\r\n              content: \"\";\r\n              background-color: transparent;\r\n              background-image: none;\r\n              transform: none;\r\n              z-index: 0;\r\n              border-top: 2px dotted var(--#{$prefix}border-color);\r\n          }\r\n          .timeline-box {\r\n              &::after {\r\n                  display: none;\r\n              }\r\n              width: auto;\r\n              z-index: 1;\r\n              .timeline-date {\r\n                  color: #fff;\r\n                  border: 0;\r\n                  margin-top: -46px;\r\n              }\r\n          }\r\n      }\r\n      &:nth-last-child(1) {\r\n          &:nth-child(even) {\r\n              &:after {\r\n                  right: 3%;\r\n                  left: initial;\r\n              }\r\n          }\r\n      }\r\n      .horizontal-line {\r\n          border-top: 2px dotted var(--#{$prefix}border-color);\r\n          width: calc(100% - 100px);\r\n          margin: 0 auto;\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n      }\r\n      .verticle-line {\r\n          margin: 0;\r\n          padding: 0;\r\n          width: 2px;\r\n          border-right: 2px dotted var(--#{$prefix}border-color);\r\n          height: calc(100% - 100px);\r\n          position: absolute;\r\n          top: 0;\r\n          right: 0;\r\n          margin: auto 0;\r\n          bottom: 0;\r\n      }\r\n      &:nth-child(2n+2) {\r\n          .verticle-line {\r\n              left: 0;\r\n              right: inherit;\r\n          }\r\n          .corner {\r\n              right: inherit;\r\n              left: 0;\r\n              border-left: 2px dotted var(--#{$prefix}border-color);\r\n              border-right: 0;\r\n              border-radius: 70px 0 0 0;\r\n          }\r\n          .corner.bottom {\r\n              border-radius: 0 0 0 70px;\r\n          }\r\n          flex-direction: row-reverse;\r\n      }\r\n  }\r\n  .timeline-sec {\r\n      .local-solutions-txt {\r\n          font-size: 24px;\r\n      }\r\n  }\r\n  .corner {\r\n      position: absolute;\r\n      border-right: 2px dotted var(--#{$prefix}border-color);\r\n      width: 50px;\r\n      height: 50px;\r\n      right: 0;\r\n      border-top: 2px dotted var(--#{$prefix}border-color);\r\n      top: 0px;\r\n      border-radius: 0 70px 0 0;\r\n  }\r\n  .corner.bottom {\r\n      bottom: -2px;\r\n      top: inherit;\r\n      border-radius: 0;\r\n      border-top: 0;\r\n      border-bottom: 2px dotted var(--#{$prefix}border-color);\r\n      border-radius: 0 0 70px 0;\r\n      right: 0;\r\n  }\r\n  \r\n  /*****************************************/\r\n  /************** Responsive ***************/\r\n  /*****************************************/\r\n  \r\n  @media screen and (max-width: 1024px) {\r\n\r\n    .timeline-vertical{\r\n        .timeline-box {\r\n            .timeline-date{\r\n                width: 70px;\r\n                height: 70px; \r\n            }\r\n        }\r\n    }\r\n\r\n\r\n      .timeline-row {\r\n          .horizontal-line {\r\n              display: none;\r\n          }\r\n          .verticle-line {\r\n              display: none;\r\n          }\r\n          &::after {\r\n              display: none;\r\n              width: 26px;\r\n              height: 26px;\r\n          }\r\n          &:nth-child(2n+2) {\r\n              &::after {\r\n                  display: none;\r\n                  width: 26px;\r\n                  height: 26px;\r\n              }\r\n              .timeline-box {\r\n                  &::after {\r\n                      transform: translate(-50%, 100%) rotate(90deg);\r\n                      top: 50%;\r\n                      left: 50%;\r\n                  }\r\n                  width: 100%;\r\n                  .timeline-content {\r\n                      width: 41%;\r\n                      margin: -40px 0 0 0;\r\n                  }\r\n                  &:nth-child(2n+1) {\r\n                      text-align: right;\r\n                      .timeline-content {\r\n                          display: inline-block;\r\n                          text-align: left;\r\n                          &::before {\r\n                              left: -16px;\r\n                              right: auto;\r\n                              border-bottom: 0px solid var(--#{$prefix}border-color);\r\n                              border-top: 15px solid var(--#{$prefix}border-color);\r\n                              top: 0;\r\n                              border-left: 15px solid transparent;\r\n                          }\r\n                      }\r\n                  }\r\n                  &:nth-child(2n+2) {\r\n                      text-align: left;\r\n                      .timeline-content {\r\n                          &::before {\r\n                              left: auto;\r\n                              right: -16px;\r\n                              border-bottom: 0px solid var(--#{$prefix}border-color);\r\n                              border-top: 15px solid var(--#{$prefix}border-color);\r\n                              top: 0;\r\n                          }\r\n                      }\r\n                  }\r\n                  &:nth-child(3) {\r\n                      &::after {\r\n                          display: block;\r\n                      }\r\n                  }\r\n              }\r\n              padding-left: 0;\r\n              flex-direction: unset;\r\n              .verticle-line {\r\n                  left: 50%;\r\n              }\r\n          }\r\n          padding-bottom: 0;\r\n          &:last-child {\r\n              padding-bottom: 20px;\r\n              .timeline-box {\r\n                  .timeline-date {\r\n                      margin-top: 0;\r\n                      font-size: 13px;\r\n                      width: 66px;\r\n                      height: 66px;\r\n                  }\r\n              }\r\n          }\r\n      }\r\n      .corner {\r\n          display: none;\r\n      }\r\n      .timeline-box {\r\n          &::after {\r\n              transform: translate(-50%, 100%) rotate(90deg);\r\n              top: 50%;\r\n              left: 50%;\r\n              width: 26px;\r\n              height: 26px;\r\n          }\r\n          width: 100%;\r\n          padding-bottom: 30px;\r\n          .timeline-date {\r\n              margin-top: 0;\r\n              margin: 0 auto;\r\n              width: 80px;\r\n              height: 80px;\r\n              .date {\r\n                  padding-top: 13px;\r\n              }\r\n          }\r\n          .timeline-content {\r\n              width: 41%;\r\n              margin: -40px 0 0 0;\r\n              &::before {\r\n                  left: auto;\r\n                  right: -16px;\r\n                  border-bottom: 0px solid var(--#{$prefix}border-color);\r\n                  border-top: 15px solid var(--#{$prefix}border-color);\r\n                  top: 0;\r\n              }\r\n          }\r\n          &:nth-child(2n+2) {\r\n              text-align: right;\r\n              .timeline-content {\r\n                  display: inline-block;\r\n                  text-align: left;\r\n                  &::before {\r\n                      left: -16px;\r\n                      right: auto;\r\n                      border-bottom: 0px solid var(--#{$prefix}border-color);\r\n                      border-top: 15px solid var(--#{$prefix}border-color);\r\n                      top: 0;\r\n                      border-left: 15px solid transparent;\r\n                  }\r\n              }\r\n          }\r\n      }\r\n      .verticle-line {\r\n          display: block !important;\r\n          left: 50%;\r\n          height: calc(100% - 0px) !important;\r\n          transform: translate(-50%, 0%);\r\n      }\r\n  }\r\n  \r\n  \r\n  @media screen and (max-width: 640px) {\r\n      .timeline-box {\r\n          .timeline-date {\r\n              margin: 0;\r\n              width: 50px;\r\n              height: 50px;\r\n          }\r\n          text-align: right;\r\n          padding-bottom: 20px;\r\n          .timeline-content {\r\n              width: 70%;\r\n              margin: -38px 0 0 0;\r\n              text-align: left;\r\n              font-size: 13px;\r\n              display: inline-block;\r\n              &::before {\r\n                  left: -14px;\r\n                  right: 0;\r\n                  border-bottom: 0px solid var(--#{$prefix}border-color);\r\n                  border-top: 15px solid var(--#{$prefix}border-color);\r\n                  top: 0;\r\n                  border-top: 15px solid var(--#{$prefix}border-color);\r\n                  border-left: 15px solid transparent;\r\n                  border-right: 0px solid transparent;\r\n              }\r\n          }\r\n          &:nth-child(2n+2) {\r\n              .timeline-content {\r\n                  &::before {\r\n                      left: -14px;\r\n                  }\r\n              }\r\n          }\r\n          &::after {\r\n              width: 24px;\r\n              height: 24px;\r\n              left: 35px;\r\n              left: 25px;\r\n          }\r\n      }\r\n      .verticle-line {\r\n          left: 25px;\r\n      }\r\n      .timeline-row {\r\n          &:nth-child(2n+2) {\r\n              .verticle-line {\r\n                  left: 25px;\r\n              }\r\n              .timeline-box {\r\n                  .timeline-content {\r\n                      width: 70%;\r\n                      margin: -38px 0 0 0;\r\n                      text-align: left;\r\n                      font-size: 13px;\r\n                      display: inline-block;\r\n                  }\r\n                  &:nth-child(2n+2) {\r\n                      .timeline-content {\r\n                          &::before {\r\n                              left: -14px;\r\n                              right: 0;\r\n                              border-bottom: 0px solid var(--#{$prefix}border-color);\r\n                              border-top: 15px solid var(--#{$prefix}border-color);\r\n                              top: 0;\r\n                              border-top: 15px solid var(--#{$prefix}border-color);\r\n                              border-left: 15px solid transparent;\r\n                              border-right: 0px solid transparent;\r\n                          }\r\n                      }\r\n                      text-align: right;\r\n                  }\r\n                  &:nth-child(2n+1) {\r\n                      .timeline-content {\r\n                          &::before {\r\n                              left: -14px;\r\n                          }\r\n                      }\r\n                  }\r\n                  &::after {\r\n                      left: 25px;\r\n                  }\r\n              }\r\n              &::after {\r\n                  width: 24px;\r\n                  height: 24px;\r\n                  left: 35px;\r\n              }\r\n          }\r\n          &:last-child {\r\n              justify-content: flex-start;\r\n              .timeline-box {\r\n                  margin: 0 0 0 6px;\r\n                  .timeline-date {\r\n                      width: 50px;\r\n                      height: 50px;\r\n                  }\r\n              }\r\n          }\r\n          &::after {\r\n              width: 24px;\r\n              height: 24px;\r\n              left: 35px;\r\n          }\r\n      }\r\n  }\r\n  \r\n\r\n//   Vertical css\r\n\r\n.timeline-vertical{\r\n\r\n    .timeline-row {\r\n        .horizontal-line {\r\n            display: none;\r\n        }\r\n        .verticle-line {\r\n            display: none;\r\n        }\r\n        &::after {\r\n            display: none;\r\n            width: 26px;\r\n            height: 26px;\r\n        }\r\n        &:nth-child(2n+2) {\r\n            &::after {\r\n                display: none;\r\n                width: 26px;\r\n                height: 26px;\r\n            }\r\n            .timeline-box {\r\n                &::after {\r\n                    transform: translate(-50%, 100%) rotate(90deg);\r\n                    top: 50%;\r\n                    left: 50%;\r\n                }\r\n                width: 100%;\r\n                .timeline-content {\r\n                    width: 41%;\r\n                    margin: -40px 0 0 0;\r\n                }\r\n                &:nth-child(2n+1) {\r\n                    text-align: right;\r\n                    .timeline-content {\r\n                        display: inline-block;\r\n                        text-align: left;\r\n                        &::before {\r\n                            left: -16px;\r\n                            right: auto;\r\n                            border-bottom: 0px solid var(--#{$prefix}tertiary-bg);\r\n                            border-top: 15px solid var(--#{$prefix}tertiary-bg);\r\n                            top: 0;\r\n                            border-left: 15px solid transparent;\r\n                        }\r\n                    }\r\n                }\r\n                &:nth-child(2n+2) {\r\n                    text-align: left;\r\n                    .timeline-content {\r\n                        &::before {\r\n                            left: auto;\r\n                            right: -16px;\r\n                            border-bottom: 0px solid var(--#{$prefix}tertiary-bg);\r\n                            border-top: 15px solid var(--#{$prefix}tertiary-bg);\r\n                            top: 0;\r\n                        }\r\n                    }\r\n                }\r\n                &:nth-child(3) {\r\n                    &::after {\r\n                        display: block;\r\n                    }\r\n                }\r\n            }\r\n            padding-left: 0;\r\n            flex-direction: unset;\r\n            .verticle-line {\r\n                left: 50%;\r\n            }\r\n        }\r\n        padding-bottom: 0;\r\n        &:last-child {\r\n            padding-bottom: 20px;\r\n            .timeline-box {\r\n                .timeline-date {\r\n                    margin-top: 0;\r\n                    font-size: 13px;\r\n                    width: 85px;\r\n                    height: 85px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .corner {\r\n        display: none;\r\n    }\r\n    .timeline-box {\r\n        &::after {\r\n            transform: translate(-50%, 100%) rotate(90deg);\r\n            top: 50%;\r\n            left: 50%;\r\n            width: 26px;\r\n            height: 26px;\r\n        }\r\n        width: 100%;\r\n        padding-bottom: 30px;\r\n        .timeline-date {\r\n            margin-top: 0;\r\n            margin: 0 auto;\r\n            width: 85px;\r\n            height: 85px;\r\n            .date {\r\n                padding-top: 16px;\r\n            }\r\n        }\r\n        .timeline-content {\r\n            width: 43%;\r\n            margin: -40px 0 0 0;\r\n            &::before {\r\n                left: auto;\r\n                right: -16px;\r\n                border-bottom: 0px solid var(--#{$prefix}tertiary-bg);\r\n                border-top: 15px solid var(--#{$prefix}tertiary-bg);\r\n                top: 0;\r\n            }\r\n        }\r\n        &:nth-child(2n+2) {\r\n            text-align: right;\r\n            .timeline-content {\r\n                display: inline-block;\r\n                text-align: left;\r\n                &::before {\r\n                    left: -16px;\r\n                    right: auto;\r\n                    border-bottom: 0px solid var(--#{$prefix}tertiary-bg);\r\n                    border-top: 15px solid var(--#{$prefix}tertiary-bg);\r\n                    top: 0;\r\n                    border-left: 15px solid transparent;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .verticle-line {\r\n        display: block !important;\r\n        left: 50%;\r\n        height: calc(100% - 0px) !important;\r\n        transform: translate(-50%, 0%);\r\n    }\r\n}\r\n\r\n\r\n@media screen and (max-width: 640px) {\r\n    .timeline-vertical{\r\n    .timeline-box {\r\n        .timeline-date {\r\n            margin: 0;\r\n            width: 50px;\r\n            height: 50px;\r\n        .date{\r\n            padding-top: 12px; \r\n        }\r\n        }\r\n        text-align: right;\r\n        padding-bottom: 20px;\r\n        .timeline-content {\r\n            width: 80%;\r\n            margin: -38px 0 0 0;\r\n            text-align: left;\r\n            font-size: 13px;\r\n            display: inline-block;\r\n            &::before {\r\n                left: -14px;\r\n                right: 0;\r\n                border-bottom: 0px solid var(--#{$prefix}border-color);\r\n                border-top: 15px solid var(--#{$prefix}border-color);\r\n                top: 0;\r\n                border-top: 15px solid var(--#{$prefix}border-color);\r\n                border-left: 15px solid transparent;\r\n                border-right: 0px solid transparent;\r\n            }\r\n        }\r\n        &:nth-child(2n+2) {\r\n            .timeline-content {\r\n                &::before {\r\n                    left: -14px;\r\n                }\r\n            }\r\n        }\r\n        &::after {\r\n            width: 24px;\r\n            height: 24px;\r\n            left: 35px;\r\n            left: 25px;\r\n        }\r\n    }\r\n    .verticle-line {\r\n        left: 25px;\r\n    }\r\n    .timeline-row {\r\n        &:nth-child(2n+2) {\r\n            .verticle-line {\r\n                left: 25px;\r\n            }\r\n            .timeline-box {\r\n                .timeline-content {\r\n                    width: 70%;\r\n                    margin: -38px 0 0 0;\r\n                    text-align: left;\r\n                    font-size: 13px;\r\n                    display: inline-block;\r\n                }\r\n                &:nth-child(2n+2) {\r\n                    .timeline-content {\r\n                        &::before {\r\n                            left: -14px;\r\n                            right: 0;\r\n                            border-bottom: 0px solid var(--#{$prefix}border-color);\r\n                            border-top: 15px solid var(--#{$prefix}border-color);\r\n                            top: 0;\r\n                            border-top: 15px solid var(--#{$prefix}border-color);\r\n                            border-left: 15px solid transparent;\r\n                            border-right: 0px solid transparent;\r\n                        }\r\n                    }\r\n                    text-align: right;\r\n                }\r\n                &:nth-child(2n+1) {\r\n                    .timeline-content {\r\n                        &::before {\r\n                            left: -14px;\r\n                        }\r\n                    }\r\n                }\r\n                &::after {\r\n                    left: 25px;\r\n                }\r\n            }\r\n            &::after {\r\n                width: 24px;\r\n                height: 24px;\r\n                left: 35px;\r\n            }\r\n        }\r\n        &:last-child {\r\n            justify-content: flex-start;\r\n            .timeline-box {\r\n                margin: 0 0 0 6px;\r\n                .timeline-date {\r\n                    width: 50px;\r\n                    height: 50px;\r\n                }\r\n            }\r\n        }\r\n        &::after {\r\n            width: 24px;\r\n            height: 24px;\r\n            left: 35px;\r\n        }\r\n    }\r\n}\r\n}\r\n","// \r\n// ecommerce.scss\r\n//\r\n\r\n// product\r\n\r\n.search-box{\r\n    .form-control{\r\n        border-radius: 30px;\r\n        padding-left: 40px;\r\n    }\r\n    .search-icon{\r\n        font-size: 16px;    \r\n        position: absolute;\r\n        left: 13px;\r\n        top: 2px;\r\n        color: $gray-600;\r\n        line-height: 38px;\r\n    }\r\n}\r\n\r\n\r\n.categories-list{\r\n    padding: 4px 0;\r\n    li{\r\n        a{\r\n            display: block;\r\n            padding: 4px 12px;\r\n            color: var(--#{$prefix}secondary-color);\r\n        }\r\n\r\n        &.active{\r\n            a{\r\n                color: $primary;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n// product box\r\n\r\n.product-box{\r\n    border: 1px solid var(--#{$prefix}border-color);\r\n    transition: all 0.4s;\r\n    overflow: hidden;\r\n    margin-top: 20px;\r\n    cursor: pointer;\r\n    position: relative;\r\n    \r\n    &:hover{\r\n        box-shadow: $box-shadow;\r\n        .product-color{\r\n            visibility: visible;\r\n        }\r\n    }\r\n\r\n    .product-ribbon{\r\n    position: absolute;\r\n    background-color: $primary;\r\n    color: $white;\r\n    font-size: 12px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    height: 36px;\r\n    width: 70px;\r\n    top: -2px;\r\n    transform: rotate(-90deg) translateX(-27%);\r\n    font-weight: $font-weight-medium;\r\n    &:after{\r\n        content: \"\";\r\n        border-top: 18px solid $primary;\r\n        border-bottom: 18px solid $primary;\r\n        border-right: 11px solid transparent;\r\n        border-left: 11px solid transparent;\r\n        position: absolute;\r\n        left: -11px;\r\n        top: 0;\r\n    }\r\n    }\r\n}\r\n\r\n\r\n\r\n.product-wishlist{\r\n    position: absolute;\r\n    top: 20px;\r\n    left: 30px;\r\n    z-index: 9;\r\n    a{\r\n        display: inline-block;\r\n        width: 40px;\r\n        height: 40px;\r\n        border: 2px solid var(--#{$prefix}border-color);\r\n        line-height: 36px;\r\n        border-radius: 50%;\r\n        text-align: center;\r\n        color: $gray-500;\r\n    }\r\n}\r\n\r\n.modal-button{\r\n    position: absolute;\r\n    right: 0;\r\n    z-index: 2;\r\n\r\n   @media (max-width: 576px) {\r\n       position: inherit;\r\n   }\r\n}\r\n\r\n[dir=\"rtl\"]{\r\n    .modal-button{\r\n        left: 0;\r\n        right: auto;\r\n    }\r\n}\r\n\r\n.product-content{\r\n    position: relative;\r\n    transition: all 0.2s;\r\n}\r\n\r\n// product-detail\r\n\r\n.product-detail{\r\n\r\n    .swiper-button-next,\r\n    .swiper-button-prev{\r\n        color: $primary;\r\n        width: 35px;\r\n        height: 35px;\r\n        background: rgba($primary, 0.3);\r\n        border-radius: 50%;\r\n        &:after{\r\n           font-size: 20px;\r\n        }\r\n    }\r\n\r\n    .swiper-button-next{\r\n        right: 20px;\r\n        left: auto;\r\n    }\r\n\r\n    .swiper-button-prev{\r\n        left: 20px;\r\n        right: auto;\r\n    }\r\n\r\n    .swiper-slide-thumb-active{\r\n        background-color: var(--#{$prefix}gray-300);\r\n    }\r\n\r\n    .swiper-slide{\r\n        padding: 5px 15px;\r\n        border-radius: 5px;\r\n    }\r\n}\r\n\r\n.product-desc-list{\r\n    li{\r\n        padding: 2px 0px;\r\n    }\r\n}\r\n\r\n.product-desc-color{\r\n    a{\r\n        display: inline-block;\r\n        text-align: center;\r\n        color: var(--#{$prefix}secondary-color);\r\n        margin: 4px;\r\n        border: 2px solid var(--#{$prefix}border-color);\r\n        border-radius: 4px;\r\n\r\n        &.active, &:hover{\r\n            color: $primary;\r\n            border-color: $primary !important;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n.product-review-link{\r\n    .list-inline-item{\r\n        a{\r\n            color: $gray-600;\r\n            padding: 4px 8px;\r\n            font-size: 15px;\r\n        }\r\n\r\n    }           \r\n}\r\n\r\n// ecommerce cart\r\n\r\n.product-cart-touchspin{\r\n    border: 1px solid $input-border-color;\r\n    background-color: $input-bg;\r\n    border-radius: $border-radius;\r\n    .form-control{\r\n        border-color: transparent;\r\n        height: 32px\r\n    }\r\n    \r\n    .input-group-btn .btn{\r\n        background-color: transparent !important;\r\n        border-color: transparent !important;\r\n        color: $primary !important;\r\n        font-size: 16px;\r\n        padding: 3px 12px;\r\n        box-shadow: none;\r\n    }\r\n\r\n}\r\n\r\n\r\n// ecommerce checkout\r\n\r\n.shipping-address{\r\n    box-shadow: none;\r\n    &.active{\r\n        border-color: $primary !important;\r\n    }\r\n}\r\n\r\n.product-tag {\r\n    position: absolute;\r\n    top: 0;\r\n    z-index: 9;\r\n    right: 0;\r\n    width: 100%;\r\n    display: block;\r\n    font-size: 15px;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    height: 100px;\r\n    .badge {\r\n      float: right;\r\n      transform: rotate(45deg);\r\n      right: -67px;\r\n      top: 17px;\r\n      position: relative;\r\n      text-align: center;\r\n      width: 200px;\r\n      font-size: 13px;\r\n      margin: 0;\r\n      padding: 7px 10px;\r\n      font-weight: 500;\r\n      color: $primary;\r\n      background: $white;\r\n    }\r\n}\r\n","// \r\n// Extras pages.scss\r\n//\r\n\r\n\r\n// Gallery\r\n\r\n.categories-filter {\r\n    .list-inline-item    {\r\n        position: relative;\r\n        margin-right: 0;\r\n        a {\r\n            display: block;\r\n            color: var(--#{$prefix}secondary-color);\r\n            background-color: rgba($primary, 0.2);\r\n            padding: 8px 15px;\r\n            margin: 7px;\r\n            cursor: pointer;\r\n            border-radius: 4px;\r\n            &.active{\r\n                color: $white;\r\n                background-color: $primary;\r\n            }\r\n        }\r\n\r\n        &:last-child{\r\n            &:after{\r\n                display: none;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n.gallery-box{\r\n    position: relative;\r\n    text-align: center;\r\n    overflow: hidden;\r\n    border: 1px solid var(--#{$prefix}border-color);\r\n\r\n    .gallery-container{\r\n        position: relative;\r\n        overflow: hidden;\r\n        border-radius: 4px 4px 0px 0px;\r\n\r\n        a{\r\n            display: block;\r\n        }\r\n\r\n        .gallery-overlay {\r\n            position: absolute;\r\n            top: 0px;\r\n            left: 0px;\r\n            bottom: 0px;\r\n            right: 0px;\r\n            opacity: 0;\r\n            background: rgba($primary, 0.2);\r\n            visibility: hidden;\r\n            overflow: hidden;\r\n            transition: all 0.4s ease-in-out 0s;\r\n\r\n            .overlay-caption{\r\n                position: absolute;\r\n                top: 50%;\r\n                transform: translateY(-50%);\r\n                left: 0;\r\n                right: 0;\r\n            }\r\n        }\r\n    }\r\n    .gallery-img {\r\n        transition: all 0.2s ease-in-out;\r\n    }\r\n    .box-content{\r\n        position: absolute;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: -28px;\r\n        background-color: $card-bg;\r\n        transition: all 0.2s;\r\n\r\n        .title{\r\n            font-size: 14px;\r\n            margin-bottom: 4px;\r\n        }\r\n        .post{\r\n            margin: 0;\r\n            opacity: 0;\r\n            transition: all 0.2s;\r\n            color: $text-muted;\r\n        }\r\n    }\r\n\r\n    &:hover {\r\n\r\n        .box-content{\r\n            bottom: 0;\r\n\r\n            .post {\r\n                opacity: 1;\r\n            }\r\n        }\r\n        .gallery-img {\r\n            transform: translateY(-28px);\r\n        }\r\n        .gallery-overlay {\r\n            opacity: 1;\r\n            visibility: visible;\r\n        }\r\n    }\r\n}\r\n\r\n// Profile\r\n\r\n\r\n.user-profile-img{\r\n    position: relative;\r\n    \r\n    .overlay-content{\r\n        content: \"\";\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0;\r\n        bottom: 0;\r\n        right: 0;\r\n        background: rgba($primary, 0.8);\r\n        display: flex;\r\n        height: 100%;\r\n        color: rgba($white, 0.6);\r\n        flex-direction: column;\r\n    }\r\n    .profile-img{\r\n        width: 100%;\r\n        height: 250px;\r\n        object-fit: cover;\r\n  \r\n        @media (max-width:991px) {\r\n            height: 160px;\r\n        }\r\n    }\r\n  }\r\n\r\n\r\n// Error Page\r\n\r\n\r\n.error-title{\r\n    font-size: 130px;\r\n    @media (max-width: 425px) {\r\n        font-size: 100px;\r\n    }\r\n    .blink-infinite {\r\n        animation: infinite-blink 2s infinite;\r\n      }\r\n}\r\n  \r\n  @keyframes infinite-blink {\r\n    60%,\r\n    80% {\r\n      color: $primary;\r\n    }\r\n    70%,\r\n    100% {\r\n      color: darken($dark, 15%);\r\n    }\r\n  }\r\n\r\n.error-subtitle{\r\n    font-weight: 400;\r\n    background-color: #f5f5f8;\r\n    max-width: 600px;\r\n    font-size: 28px;\r\n    letter-spacing: 2px;\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 0;\r\n    right: 0;\r\n    margin: 0 auto;\r\n    transform: translateY(-50%);\r\n    white-space: nowrap;\r\n    @media (max-width: 425px) {\r\n        font-size: 20px;\r\n    }\r\n}\r\n\r\n// FAQs\r\n\r\n.faq-icon {\r\n    i {\r\n        font-size: 80px;\r\n        position: absolute;\r\n        margin-top: -30px;\r\n        right: -20px;\r\n        opacity: .2;\r\n    }\r\n}\r\n\r\n// pricing\r\n\r\n.pricing-box{\r\n    border-top: 2px solid $primary;\r\n\r\n    .pricing-features{\r\n        color: $text-muted;\r\n        li{\r\n            padding: 4px 0;\r\n        }\r\n    }\r\n}\r\n\r\n// error\r\n\r\n.error-text{\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-size: 130px;\r\n    @media (max-width: 1199.98px){\r\n        font-size: 72px;\r\n\r\n        .avatar-lg{\r\n            width: 48px;\r\n        }\r\n    }\r\n}\r\n\r\n"]}