{"version":3,"sources":["app.scss","custom/fonts/_fonts.scss","custom/structure/_general.scss","app.css","custom/structure/_topbar.scss","_variables.scss","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/components/_carousel.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/_echarts.scss","custom/plugins/_chartjs.scss","custom/plugins/_lightbox.scss","custom/plugins/_google-map.scss","custom/plugins/_vector-maps.scss","custom/plugins/_leaflet-maps.scss","custom/pages/_authentication.scss","custom/pages/_ecommerce.scss","custom/pages/_file-manager.scss","custom/pages/_email.scss","custom/pages/_chat.scss","custom/pages/_contacts.scss","custom/pages/_projects.scss","custom/pages/_coming-soon.scss","custom/pages/_timeline.scss","custom/pages/_extras-pages.scss"],"names":[],"mappings":"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V;AFk5B9B;AO9UoC;EACI,cLtkBjB;AFs5BvB;AO/UwC;EACI,cLvkBd;AFw5B9B;AO1UwB;EACI,2CAAA;AP4U5B;AOnUQ;EACI,6CL5nBmB;AFi8B/B;;AO9TI;EACI,qCLroBU;EKsoBV,uCLtoBU;AFu8BlB;AO/TQ;EACI,aLxnBkB;EKynBlB,cLznBkB;AF07B9B;AO9TQ;EACI,2CL9oBM;AF88BlB;AOtTgB;EACI,6CLxpBW;AFg9B/B;AOtToB;EACI,iDLzpBY;AFi9BpC;AOrToB;EACI,mDL5pBa;AFm9BrC;AOrTwB;EACI,kDL/pBS;AFs9BrC;AOjToB;EACI,2DLnqBgB;AFs9BxC;AO/SwB;EACI,iDL7qBO;EK8qBP,6BAAA;APiT5B;AO/S4B;EACI,iGAAA;APiThC;AO9S4B;EACI,cLnpBF;AFm8B9B;AO/SgC;EACI,yDAAA;APiTpC;AOxSgB;EACI,+DAAA;AP0SpB;AOxSoB;EACI,kELhsBiB;EKisBjB,+DAAA;AP0SxB;AOxSwB;EACI,+DLrsBU;AF++BtC;AOvSwB;EACI,8DAAA;APyS5B;AOnS4B;EACI,+DAAA;APqShC;AOnSgC;EACI,yDAAA;EACA,wCAAA;APqSpC;AO1RI;EACI,6CLpuBuB;AFggC/B;AO3RQ;EACI,+BAAA;AP6RZ;AOxRI;EACI,kBAAA;AP0RR;AOxRQ;EACI,kBAAA;AP0RZ;AO5Q4B;EACI,6EAAA;EACA,mDL5vBK;AF0gCrC;AO7QgC;EACI,kDL9vBC;AF6gCrC;AO1QgC;EACI,iDLtwBD;AFkhCnC;AO3QoC;EACI,mDLtwBH;AFmhCrC;AOtQoB;EACI,2CLlxBN;AF0hClB;AOlQY;EACI,aAAA;APoQhB;AO9PI;EACI,6CL/xBuB;AF+hC/B;;AO9O4B;EACI,gCLl0BnB;EKm0BmB,cLhxBF;AFigC9B;AO5OoB;EACI,sCLz0BX;AFujCb;AOrOI;EACI,yCLrxBc;AF4/BtB;AOrOI;EACI,gCLt1BK;EKu1BL,oCAAA;APuOR;AOtOQ;EACI,sCLz1BC;AFikCb;;AO9NI;EACI,yBAAA;APiOR;;AOxNQ;EACI,aAAA;AP2NZ;AOxNQ;EACI,cAAA;AP0NZ;AOrNI;EACI,YL52BW;AFmkCnB;AOtNQ;EAFJ;IAGQ,WAAA;EPyNV;AACF;AOvNI;EACI,YLl3BW;EKm3BX,kBAAA;APyNR;AOvNQ;;EAEI,wBAAA;APyNZ;AOtNQ;EACI,aAAA;APwNZ;AOnNI;EACI,kBLj4BW;AFslCnB;AOnNI;EACI,WLp4BW;AFylCnB;AOpNQ;EAFJ;IAGQ,OAAA;EPuNV;AACF;AO/MY;EACI,gBAAA;APiNhB;AO/MY;EACI,uBAAA;EACA,cAAA;EACA,cAAA;APiNhB;AOhNgB;EACI,WAAA;EACA,YAAA;EACA,cAAA;EACA,cAAA;EACA,qBAAA;EACA,SAAA;APkNpB;AO/MY;EACI,UAAA;APiNhB;AOhNgB;EACI,aAAA;APkNpB;AOhNgB;EACI,oBAAA;APkNpB;AOjNoB;EACI,aAAA;APmNxB;AO/LQ;EACI,cAAA;APiMZ;AO7LQ;EACI,iBLl8Bc;AFioC1B;AO5LY;EACI,gBAAA;AP8LhB;AO1L4B;EACI,qBAAA;AP4LhC;AOrLQ;EACI,ULn9Bc;AF0oC1B;;AO7KI;EACI,gCLz+BK;EK0+BL,sDAAA;APgLR;AO7KI;EACI,sCL9+BK;AF6pCb;AO5KI;EACI,iBLz9BQ;AFuoChB;AO5KQ;EACI,aAAA;AP8KZ;AO1KI;EACI,cLh8BQ;AF4mChB;AOzKI;EACI,aLr8BO;AFgnCf;AOxKI;EACI,yBAAA;AP0KR;AOpKY;EACI,aAAA;APsKhB;AOnKY;EACI,cAAA;APqKhB;AOvJ4B;EAGI,8CLzhCA;AFgrChC;AOlJ4B;EACI,cLv6BtB;EKw6BsB,6DAAA;APoJhC;AOlJgC;EACI,cL36B1B;AF+jCV;AO/IgC;EACI,4CL3iCN;AF4rC9B;AO/IoC;EACI,8CL5iCR;AF6rChC;AO1IoB;EACI,sCLzjCX;AFqsCb;AO1I4B;EACI,cL99BrB;AF0mCX;;AO9HI;EACI,yBL98BE;EK+8BF,qBL/8BE;AFglCV;AO/HQ;EACI,+BAAA;APiIZ;AOzHoB;EACI,0CAAA;AP2HxB;AOrHI;EACI,yBLl+BE;AFylCV;AOtHQ;EACI,aAAA;APwHZ;AOtHQ;EACI,cAAA;APwHZ;AOjHgB;EAC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B;AFklDzB;AQnuCQ;EACI,cNhXa;AFqlDzB;AQ/tCY;EACI,wCAAA;ARiuChB;AQ3tCQ;EACI,cN9Xa;AF2lDzB;AMlkDI;EE0WI;IACI,yBNtSF;EFigDR;EQxtCc;IACI,+BAAA;ER0tClB;EQxtCkB;IACI,+BAAA;ER0tCtB;EQptCoB;IACM,0CAAA;ERstC1B;AACF;;AQ1sCQ;EACI,yBNjaK;AF8mDjB;AQzsCY;EACI,wCAAA;UAAA,gCAAA;AR2sChB;AQrsCY;EACI,6DAAA;ARusChB;AQpsCY;EACI,cAAA;ARssChB;AQnsCY;EACI,aAAA;ARqsChB;AQ/rCI;EACI,yBAAA;EACA,oCAAA;EACA,wCAAA;UAAA,gCAAA;ARisCR;AQ9rCY;EACI,cN9aO;AF8mDvB;AQ9rCgB;EACI,aNjbG;AFinDvB;AQ7rCgB;EACI,cNpbU;EMqbV,6BAAA;AR+rCpB;AQ9rCoB;EACI,aNvbM;AFunD9B;AQ3rCY;EACI,cN9bO;EM+bP,6BAAA;AR6rChB;AQ3rCgB;EACI,cNjcU;AF8nD9B;AQxrCgB;EACI,cNvcU;AFioD9B;AQzrCoB;EACI,cNzcM;AFooD9B;AQprCkB;EACM,cNjdM;EMkdN,6BAAA;ARsrCxB;AQrrCwB;EACI,aNpdE;AF2oD9B;AQhrCQ;EACI,+BAAA;ARkrCZ;;AQ1qCI;EACI,wBAAA;UAAA,gBAAA;AR6qCR;;AQrqCQ;EACI,wBAAA;ARwqCZ;AQrqCG;EACC,4BAAA;EAAA,oBAAA;EACA,6BAAA;EACA,gDAAA;ARuqCJ;AQtqCI;EAJD;IAKK,aAAA;IACA,gDAAA;ERyqCN;AACF;;ASvtDA;EACI,yCAAA;AT0tDJ;ASztDI;EACI,mCAAA;EACA,iBPgEa;EO/Db,cAAA;EACA,wCAAA;UAAA,gCAAA;AT2tDR;ASxtDI;EACI,+BAAA;EACA,cAAA;AT0tDR;ASvtDI;EACI,cAAA;EACA,+BAAA;ATytDR;ASrtDQ;EACI,8BAAA;ATutDZ;ASrtDQ;EACI,8BAAA;ATutDZ;ASntDY;EADJ;IAEQ,kBAAA;ETstDd;AACF;ASjtDQ;EACI,+BAAA;ATmtDZ;ASjtDQ;EACI,+BAAA;ATmtDZ;;AS1sDI;EACI,eAAA;AT6sDR;AS3sDI;EACI,iBPgBa;AF6rDrB;;ASvsDI;EACI;IACI,kBAAA;ET0sDV;ESxsDM;IACI,kBAAA;ET0sDV;AACF;ASvsDQ;EACI;IACI,kBAAA;ETysDd;EStsDU;IACI,kBAAA;ETwsDd;AACF;;ASjsDA;EACI,eAAA;EACA,UAAA;EACA,QAAA;EACA,iCAAA;MAAA,uBAAA;UAAA,yBAAA;EACA,gBAAA;EACA,yBPyCM;EOxCN,sBAAA;EACA,iBAAA;EACA,iBAAA;EACA,eAAA;EACA,0BAAA;EACA,mCAAA;UAAA,2BAAA;EACA,aAAA;ATosDJ;;AUzwDA;;EAEI,uBAAA;EACA,+BAAA;EACA,qDAAA;EACA,wBAAA;EAEA,0BAAA;EAEA,+BAAA;EAEA,iCAAA;EAEA,wBAAA;EACA,uBAAA;EAMA,4BAAA;EAEA,6BAAA;EACA,oCAAA;EAGA,gCAAA;EAGA,oBAAA;EACA,+BAAA;EACA,gDAAA;EAGA,qCAAA;EACA,4BAAA;EAEA,+BAAA;EAEA,2BAAA;EAoBA,wBAAA;EACA,kCAAA;EACA,qCAAA;EACA,yCAAA;EACA,0CAAA;EACA,2CAAA;EACA,4CAAA;EACA,gDAAA;EACA,+CAAA;EACA,8CAAA;EACA,yBAAA;EACA,kCAAA;EACA,4BAAA;AVuuDJ;AU9xDI;;EACI,8BAAA;AViyDR;AUxwDI;;EACI,uBAAA;EACA,+BAAA;EACA,oCAAA;AV2wDR;AUxwDI;;EACK,+BAAA;EACA,iDAAA;EACA,oCAAA;AV2wDT;AUxwDI;;EACI,8BAAA;AV2wDR;AUzvDI;;EACI,wBAAA;EACA,kCAAA;EACA,qCAAA;EACA,yCAAA;EACA,0CAAA;EACA,2CAAA;EACA,4CAAA;EACA,gDAAA;EACA,+CAAA;EACA,8CAAA;AV4vDR;AUxvDI;;EACI,6BAAA;EACA,0CAAA;EACA,8CAAA;EACA,+CAAA;EACA,gDAAA;EACA,iDAAA;EACA,oDAAA;EACA,mDAAA;AV2vDR;;AUj2DQ;EA8GA,mBAAA;EACA,0BAAA;EACA,kBAAA;EACA,yBAAA;EAEA,iCAAA;EAEA,kCAAA;EAGA,uBAAA;EACA,4BAAA;EACA,+BAAA;EACA,gCAAA;EA6BA,uBAAA;EAEA,qDAAA;EAEA,uBAAA;EAEA,2BAAA;EAEA,wBAAA;EACA,kCAAA;EACA,qCAAA;EACA,yCAAA;EACA,0CAAA;EACA,2CAAA;EACA,4CAAA;EACA,+CAAA;EACA,8CAAA;AVmtDR;AU9vDQ;EACK,yBAAA;EACA,oCAAA;EACA,+CAAA;EACA,4CAAA;EACA,+BAAA;EACA,2CAAA;EACA,8BAAA;EACA,0CAAA;EACA,6BAAA;AVgwDb;AU7vDQ;EACI,+BAAA;EACA,gCAAA;AV+vDZ;AU5vDQ;EACI,uBAAA;EACA,8BAAA;AV8vDZ;AU3vDQ;EACI,8BAAA;AV6vDZ;AUvuDQ;EACI,6BAAA;EACA,0CAAA;EACA,8CAAA;EACA,+CAAA;EACA,gDAAA;EACA,iDAAA;EACA,oDAAA;EACA,mDAAA;AVyuDZ;;AW76DA;EACE,YAAA;EACA,WAAA;AXg7DF;;AW76DA;EACE,cAAA;EACA,aAAA;AXg7DF;;AW76DA;EACE,YAAA;EACA,WAAA;AXg7DF;;AW76DA;EACE,cAAA;EACA,aAAA;AXg7DF;;AW76DA;EACE,YAAA;EACA,WAAA;AXg7DF;;AW76DA;EACE,YAAA;EACA,WAAA;AXg7DF;;AW76DA;EACE,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,yBTgGQ;ES/FR,WT+DS;ES9DT,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,gBT2qB4B;ES1qB5B,YAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,WAAA;AXg7DF;;AW56DA;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,mBAAA;MAAA,eAAA;EACA,iBAAA;AX+6DF;AW96DE;EACE,iBAAA;EACA,wCAAA;EACA,kBAAA;EACA,4BAAA;EAAA,oBAAA;AXg7DJ;AW/6DI;EACE,kBAAA;EACA,mCAAA;UAAA,2BAAA;AXi7DN;;AYt+DA;EACI,wCV66CgC;EU56ChC,oCAAA;EACA,4CAAA;AZy+DJ;;AYl+DA;EACI,kBAAA;EACA,kBAAA;EACA,SAAA;AZq+DJ;AYn+DI;EACE,kBAAA;EACA,WAAA;EACA,YAAA;EACA,OAAA;EACA,MAAA;EACA,0CAAA;EACA,gDAAA;EACA,eAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;AZq+DN;AYj+DI;EACE,gBAAA;AZm+DN;AYl+DM;EACE,WV+DG;AFq6DX;AYn+DQ;EACE,WAAA;EACA,kBAAA;EACA,6BAAA;EACA,YAAA;AZq+DV;;AY/9DA;EACI,gCViuB0B;AFiwC9B;;AY59DQ;EACI,yBV6VG;EU5VH,cV4VG;AFmoDf;;AY19DQ;EACI,wCAAA;EACA,cVqVG;AFwoDf;;AYv9DY;EACA,0BV8UG;AF4oDf;;AYn9DY;EACI,yBVsUD;AFgpDf;AYr9DgB;EACA,qCAAA;AZu9DhB;;AYj/DQ;EACI,yBV6VG;EU5VH,cV4VG;AFwpDf;;AY/+DQ;EACI,0CAAA;EACA,cVqVG;AF6pDf;;AY5+DY;EACA,0BV8UG;AFiqDf;;AYx+DY;EACI,yBVsUD;AFqqDf;AY1+DgB;EACA,qCAAA;AZ4+DhB;;AYtgEQ;EACI,yBV6VG;EU5VH,cV4VG;AF6qDf;;AYpgEQ;EACI,yCAAA;EACA,cVqVG;AFkrDf;;AYjgEY;EACA,0BV8UG;AFsrDf;;AY7/DY;EACI,yBVsUD;AF0rDf;AY//DgB;EACA,qCAAA;AZigEhB;;AY3hEQ;EACI,yBV6VG;EU5VH,cV4VG;AFksDf;;AYzhEQ;EACI,yCAAA;EACA,cVqVG;AFusDf;;AYthEY;EACA,0BV8UG;AF2sDf;;AYlhEY;EACI,yBVsUD;AF+sDf;AYphEgB;EACA,qCAAA;AZshEhB;;AYhjEQ;EACI,yBV6VG;EU5VH,cV4VG;AFutDf;;AY9iEQ;EACI,yCAAA;EACA,cVqVG;AF4tDf;;AY3iEY;EACA,0BV8UG;AFguDf;;AYviEY;EACI,yBVsUD;AFouDf;AYziEgB;EACA,qCAAA;AZ2iEhB;;AYrkEQ;EACI,yBV6VG;EU5VH,cV4VG;AF4uDf;;AYnkEQ;EACI,wCAAA;EACA,cVqVG;AFivDf;;AYhkEY;EACA,0BV8UG;AFqvDf;;AY5jEY;EACI,yBVsUD;AFyvDf;AY9jEgB;EACA,qCAAA;AZgkEhB;;AY1lEQ;EACI,yBV6VG;EU5VH,cV4VG;AFiwDf;;AYxlEQ;EACI,yCAAA;EACA,cVqVG;AFswDf;;AYrlEY;EACA,0BV8UG;AF0wDf;;AYjlEY;EACI,yBVsUD;AF8wDf;AYnlEgB;EACA,qCAAA;AZqlEhB;;AY/mEQ;EACI,yBV6VG;EU5VH,cV4VG;AFsxDf;;AY7mEQ;EACI,0CAAA;EACA,cVqVG;AF2xDf;;AY1mEY;EACA,0BV8UG;AF+xDf;;AYtmEY;EACI,yBVsUD;AFmyDf;AYxmEgB;EACA,qCAAA;AZ0mEhB;;AYpoEQ;EACI,yBV6VG;EU5VH,cV4VG;AF2yDf;;AYloEQ;EACI,uCAAA;EACA,cVqVG;AFgzDf;;AY/nEY;EACA,0BV8UG;AFozDf;;AY3nEY;EACI,yBVsUD;AFwzDf;AY7nEgB;EACA,qCAAA;AZ+nEhB;;AYzpEQ;EACI,sBV6VG;EU5VH,WV4VG;AFg0Df;;AYvpEQ;EACI,0CAAA;EACA,WVqVG;AFq0Df;;AYppEY;EACA,uBV8UG;AFy0Df;;AYhpEY;EACI,sBVsUD;AF60Df;AYlpEgB;EACA,kCAAA;AZopEhB;;AY9qEQ;EACI,yBV6VG;EU5VH,cV4VG;AFq1Df;;AY5qEQ;EACI,wCAAA;EACA,cVqVG;AF01Df;;AYzqEY;EACA,0BV8UG;AF81Df;;AYrqEY;EACI,yBVsUD;AFk2Df;AYvqEgB;EACA,qCAAA;AZyqEhB;;AYhqEA;EACI,sBAAA;AZmqEJ;;AY/pEI;EACI,gCVkrBsB;AFg/C9B;;Aa5vEI;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,kBAAA;EACA,yBX8FG;EW7FH,kBAAA;EACA,cXgGG;EW/FH,gBXusBsB;EWtsBtB,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;Ab+vER;Aa5vEgB;EACI,iBAAA;Ab8vEpB;AazvEQ;EACI,qBAAA;EACA,eAAA;EACA,YAAA;EACA,WAAA;EACA,iBAAA;EACA,wCXq5CwB;EWp5CxB,kBAAA;EACA,kBAAA;Ab2v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SP,qBduSO;AFwoEf;;AgBx6EM;EACE,qBd+RO;Ec9RP,yBd8RO;AF6oEf;AgB16EQ;EACE,cd4RK;AFgpEf;;AgBz7EM;EACE,yBdwSO;EcvSP,qBduSO;AFqpEf;;AgBr7EM;EACE,qBd+RO;Ec9RP,yBd8RO;AF0pEf;AgBv7EQ;EACE,cd4RK;AF6pEf;;AgBt8EM;EACE,yBdwSO;EcvSP,qBduSO;AFkqEf;;AgBl8EM;EACE,qBd+RO;Ec9RP,yBd8RO;AFuqEf;AgBp8EQ;EACE,cd4RK;AF0qEf;;AgBn9EM;EACE,yBdwSO;EcvSP,qBduSO;AF+qEf;;AgB/8EM;EACE,qBd+RO;Ec9RP,yBd8RO;AForEf;AgBj9EQ;EACE,cd4RK;AFurEf;;AgBh+EM;EACE,yBdwSO;EcvSP,qBduSO;AF4rEf;;AgB59EM;EACE,qBd+RO;Ec9RP,yBd8RO;AFisEf;AgB99EQ;EACE,cd4RK;AFosEf;;AgB7+EM;EACE,yBdwSO;EcvSP,qBduSO;AFysEf;;AgBz+EM;EACE,qBd+RO;Ec9RP,yBd8RO;AF8sEf;AgB3+EQ;EACE,cd4RK;AFitEf;;AgB1/EM;EACE,yBdwSO;EcvSP,qBduSO;AFstEf;;AgBt/EM;EACE,qBd+RO;Ec9RP,yBd8RO;AF2tEf;AgBx/EQ;EACE,cd4RK;AF8tEf;;AgBvgFM;EACE,yBdwSO;EcvSP,qBduSO;AFmuEf;;AgBngFM;EACE,qBd+RO;Ec9RP,yBd8RO;AFwuEf;AgBrgFQ;EACE,cd4RK;AF2uEf;;AgBphFM;EACE,sBdwSO;EcvSP,kBduSO;AFgvEf;;AgBhhFM;EACE,kBd+RO;Ec9RP,sBd8RO;AFqvEf;AgBlhFQ;EACE,Wd4RK;AFwvEf;;AgBjiFM;EACE,yBdwSO;EcvSP,qBduSO;AF6vEf;;AgB7hFM;EACE,qBd+RO;Ec9RP,yBd8RO;AFkwEf;AgB/hFQ;EACE,cd4RK;AFqwEf;;AgB1hFA;;;EAGE,eAAA;EACA,gBAAA;AhB6hFF;;AgBvhFA;EACE,eAAA;EACA,gBAAA;EACA,iBAAA;AhB0hFF;AgBxhFE;EACE,mBd2jB0B;Ec1jB1B,sBAAA;AhB0hFJ;;AgBrhFA;EA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I,YAAA;AvBq6GJ;AuBn6GQ;EACI,qBrB7CF;AFk9GV;;AuBh6GA;EACI,iGAAA;UAAA,yFAAA;AvBm6GJ;;AuBh6GA;EACE,oIAAA;UAAA,4HAAA;EACA,oCAAA;AvBm6GF;;AwB3lHE;EACE,eAAA;EACA,gBtB0sB0B;AFo5F9B;;AwB1lHA;EACE,eAAA;AxB6lHF;;AwBzlHE;EACE,qBtByHM;EsBxHN,ctBwHM;AFo+GV;AwBzlHI;EACE,yBtBkHI;AFy+GV;AwBxlHI;EACE,qCAAA;AxB0lHN;AwBvlHE;EACE,qBtByGM;EsBxGN,ctBwGM;AFi/GV;;AwBplHE;EACE,wBAAA;UAAA,gBAAA;AxBulHJ;;AwBllHE;EACE,mBtBwFM;AF6/GV;AwBplHI;EACE,mBtBsFI;AFggHV;AwBrlHM;EACE,kCAAA;AxBulHR;AwBnlHE;EACE,mBtB+EM;AFsgHV;;AwBhlHE;EACE,qCAAA;EACA,sCAAA;AxBmlHJ;;AwB/kHA;EACE,wCAAA;AxBklHF;AwBjlHE;EACE,wBAAA;UAAA,gBAAA;EACA,qBtBm7BoC;AFgqFxC;;AwB/kHA;EACE,mDAAA;AxBklHF;AwBhlHE;EACE,yCAAA;AxBklHJ;AwB/kHE;EACE,sCAAA;AxBilHJ;;AyB1pHI;EACI,gBvB0sBsB;EuBzsBtB,eAAA;EACA,kBAAA;EACA,2BAAA;EACA,oCAAA;AzB6pHR;AyB3pHI;EACI,wCAAA;UAAA,gCAAA;EACA,wCvByjD4B;EuBxjD5B,yCvB2jD4B;EuB1jD5B,gBAAA;AzB6pHR;AyB3pHQ;EACI,wCvBojDwB;AFymEpC;AyBzpHI;EACI,2BAAA;AzB2pHR;AyBxpHI;EACI,wCAAA;AzB0pHR;AyBxpHY;EACI,eAAA;EACA,2BAAA;EACA,gBvB+qBc;AF2+F9B;AyBzpHgB;EACI,cvB+FV;AF4jHV;AyBvpHY;EACI,iBAAA;AzBypHhB;AyBppHI;EACI,iBAAA;AzBspHR;AyBrpHQ;EACI,aAAA;AzBupHZ;AyBppHQ;EACI,cAAA;EACA,WAAA;EACA,wBAAA;EACA,gBvBgqBkB;EuB/pBlB,2BvBm7B4B;EuBl7B5B,wCvB66B4B;EuB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","file":"app-rtl.min.css","sourcesContent":["/*\nTemplate Name: webadmin - Admin & Dashboard Template\nAuthor: Themesdesign\nVersion: 2.2.0\nWebsite: https://Themesdesign.com/\nContact: Themesdesign@gmail.com\nFile: Main Css File\n*/\n\n//Fonts\n@import \"custom/fonts/fonts\";\n\n//Core files\n@import \"./node_modules/bootstrap/scss/functions\";\n@import \"./node_modules/bootstrap/scss/variables\";\n@import \"variables\";\n@import \"variables-dark\";\n@import \"./node_modules/bootstrap/scss/mixins.scss\";\n\n// Structure\n@import \"custom/structure/general\";\n@import \"custom/structure/topbar\";\n@import \"custom/structure/page-head\";\n@import \"custom/structure/footer\";\n@import \"custom/structure/right-sidebar\";\n@import \"custom/structure/vertical\";\n@import \"custom/structure/horizontal-nav\";\n@import \"custom/structure/layouts\";\n\n// Components\n\n@import \"custom/components/root\";\n@import \"custom/components/avatar\";\n@import \"custom/components/alerts\";\n@import \"custom/components/accordion\";\n@import \"custom/components/helper\";\n@import \"custom/components/preloader\";\n@import \"custom/components/modals\";\n@import \"custom/components/forms\";\n@import \"custom/components/widgets\";\n@import \"custom/components/demos\";\n@import \"custom/components/print\";\n@import \"custom/components/carousel\";\n\n\n// Plugins\n@import \"custom/plugins/custom-scrollbar\";\n@import \"custom/plugins/calendar\";\n@import \"custom/plugins/range-slider\";\n@import \"custom/plugins/sweatalert2\";\n@import \"custom/plugins/alertify\";\n@import 'custom/plugins/swiper-slider';\n@import \"custom/plugins/choices\";\n@import \"custom/plugins/switch\";\n@import \"custom/plugins/gridjs\";\n@import \"custom/plugins/colorpicker\";\n@import \"custom/plugins/datepicker\";\n@import \"custom/plugins/form-editors\";\n@import \"custom/plugins/form-upload\";\n@import \"custom/plugins/form-wizard\";\n@import \"custom/plugins/apexcharts\";\n@import \"custom/plugins/echarts\";\n@import \"custom/plugins/chartjs\";\n@import \"custom/plugins/lightbox\";\n@import \"custom/plugins/google-map\";\n@import \"custom/plugins/vector-maps\";\n@import \"custom/plugins/leaflet-maps\";\n\n// Pages\n@import \"custom/pages/authentication\";\n@import \"custom/pages/ecommerce\";\n@import \"custom/pages/file-manager\";\n@import \"custom/pages/email\";\n@import \"custom/pages/chat\";\n@import \"custom/pages/contacts\";\n@import \"custom/pages/projects\";\n@import \"custom/pages/coming-soon\";\n@import \"custom/pages/timeline\";\n@import \"custom/pages/extras-pages\";\n","//\n// Google font - Work Sans\n//\n\n@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Montserrat:wght@400;500;600&display=swap');\n","\n.mt-n5 {\n    margin-top: -3rem!important;\n}\n","/*\nTemplate Name: webadmin - Admin & Dashboard Template\nAuthor: Themesdesign\nVersion: 2.2.0\nWebsite: https://Themesdesign.com/\nContact: Themesdesign@gmail.com\nFile: Main Css File\n*/\n@import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Montserrat:wght@400;500;600&display=swap\");\n.mt-n5 {\n  margin-top: -3rem !important;\n}\n\n.ishorizontal-topbar,\n.isvertical-topbar {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 270px;\n  z-index: 1005;\n  background-color: var(--bs-body-bg);\n  transition: all 0.2s;\n}\n@media (max-width: 991.98px) {\n  .ishorizontal-topbar,\n  .isvertical-topbar {\n    background-color: var(--bs-header-bg);\n  }\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: 75px;\n  max-width: 98%;\n  padding: 0 calc(24px / 2) 0 calc(24px / 2);\n}\n.navbar-header .dropdown .header-item.show {\n  color: #1f58c7;\n}\n.navbar-header .navbar-brand-box {\n  display: none;\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: 10px;\n}\n\n.navbar-brand-box {\n  padding: 0 1.5rem;\n  width: calc(270px - 2px);\n  position: fixed;\n  z-index: 1;\n  background-color: var(--bs-navbar-brand-box-bg);\n  transition: all 0.2s;\n}\n\n.logo {\n  line-height: 75px;\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/* Search */\n.app-search {\n  padding: calc(31px / 2) 0;\n}\n.app-search .form-control {\n  border: 1px solid #eff0f2;\n  height: 44px;\n  padding-left: 40px;\n  padding-right: 20px;\n  background-color: #fff;\n  box-shadow: 0 0px 6px #ebeef4;\n  border-radius: 0.6rem;\n  width: 320px;\n}\n.app-search span {\n  position: absolute;\n  z-index: 10;\n  line-height: 40px;\n  left: 13px;\n  top: 50%;\n  font-size: 16px;\n  transform: translateY(-50%);\n  color: #7d8287;\n}\n\n.megamenu-list li {\n  position: relative;\n  padding: 5px 0px;\n}\n.megamenu-list li a {\n  color: var(--bs-body-color);\n}\n\n@media (max-width: 991.98px) {\n  .navbar-brand-box {\n    width: auto;\n  }\n  .ishorizontal-topbar,\n  .isvertical-topbar {\n    left: 0;\n  }\n  .ishorizontal-topbar .navbar-header .navbar-brand-box,\n  .isvertical-topbar .navbar-header .navbar-brand-box {\n    display: inline-block;\n    position: relative;\n    background-color: var(--bs-header-bg);\n  }\n  .ishorizontal-topbar .navbar-header .vertical-menu-btn,\n  .isvertical-topbar .navbar-header .vertical-menu-btn {\n    display: inline-block !important;\n  }\n  .logo span.logo-lg {\n    display: none;\n  }\n  .logo span.logo-sm {\n    display: inline-block;\n  }\n  [data-bs-theme=dark] .ishorizontal-topbar .navbar-header .navbar-brand-box,\n  [data-bs-theme=dark] .isvertical-topbar .navbar-header .navbar-brand-box {\n    background-color: #131516;\n  }\n}\n[data-topbar=dark] .ishorizontal-topbar .navbar-header .page-title,\n[data-topbar=dark] .isvertical-topbar .navbar-header .page-title {\n  color: #eeeff1 !important;\n}\n\n.page-content {\n  padding: 75px calc(24px / 2) 60px calc(24px / 2);\n}\n.page-content .container-fluid {\n  max-width: 98%;\n}\n\n.header-item {\n  height: 75px;\n  box-shadow: none !important;\n  fill: #555b6d;\n  border: 0;\n  border-radius: 0px;\n}\n.header-item:hover {\n  fill: #555b6d;\n}\n\n.header-profile-user {\n  height: 42px;\n  width: 42px;\n  border: 1px solid var(--bs-border-color);\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  font-weight: 600;\n  display: block;\n  color: #282c2f;\n}\n.user .user-sub-title {\n  color: var(--bs-secondary-color);\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.noti-icon {\n  position: relative;\n}\n.noti-icon i {\n  font-size: 24px;\n  color: #555b6d;\n}\n.noti-icon .noti-dot {\n  position: absolute;\n  top: 20px;\n  right: 10px;\n  height: 14px;\n  width: 14px;\n  color: #fff;\n  line-height: 14px;\n  font-weight: 500;\n  font-size: 10px;\n}\n.noti-icon .badge {\n  position: absolute;\n  top: 12px;\n  right: 6px;\n  border: 2px solid var(--bs-border-color);\n}\n\n.notification-item .d-flex {\n  padding: 1rem;\n  border-bottom: 1px solid var(--bs-border-color);\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: #a4a9b4;\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: var(--bs-border-color);\n}\n\n.fullscreen-enable [data-toggle=fullscreen] .uil-minus-path::before {\n  content: \"\\eb8d\";\n}\n\nbody[data-topbar=dark] .ishorizontal-topbar,\nbody[data-topbar=dark] .isvertical-topbar {\n  background-color: #131516;\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-item {\n  fill: #c0c5cb;\n}\nbody[data-topbar=dark] .header-item i {\n  color: #c0c5cb;\n}\nbody[data-topbar=dark] .header-item span {\n  color: #c0c5cb;\n}\nbody[data-topbar=dark] .header-item:hover {\n  fill: #c0c5cb;\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: #c0c5cb;\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: #c0c5cb;\n}\nbody[data-topbar=dark] .noti-icon .noti-dot {\n  box-shadow: 0 0 0 3px #131516;\n}\nbody[data-topbar=dark] .app-search .form-control {\n  background-color: #f5f6f8;\n  color: #fff;\n  border: 1px solid #eff0f2;\n  box-shadow: var(--bs-box-shadow);\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}\nbody[data-topbar=dark] .page-content {\n  padding: calc(75px + 24px) calc(24px / 2) 60px calc(24px / 2);\n}\n@media (max-width: 991.98px) {\n  body[data-topbar=dark] .ishorizontal-topbar .navbar-header .navbar-brand-box,\n  body[data-topbar=dark] .isvertical-topbar .navbar-header .navbar-brand-box {\n    background-color: #131516;\n  }\n  body[data-topbar=dark] .ishorizontal-topbar .navbar-header .navbar-brand-box .logo-dark,\n  body[data-topbar=dark] .isvertical-topbar .navbar-header .navbar-brand-box .logo-dark {\n    display: none;\n  }\n  body[data-topbar=dark] .ishorizontal-topbar .navbar-header .navbar-brand-box .logo-light,\n  body[data-topbar=dark] .isvertical-topbar .navbar-header .navbar-brand-box .logo-light {\n    display: block;\n  }\n  body[data-topbar=dark] .logo span.logo-lg {\n    display: none;\n  }\n  body[data-topbar=dark] .logo span.logo-sm {\n    display: inline-block;\n  }\n  body[data-topbar=dark] .noti-icon .noti-dot {\n    box-shadow: 0 0 0 3px #131516;\n  }\n}\n\nbody[data-sidebar=dark] .navbar-brand-box {\n  background: var(--bs-sidebar-dark-bg);\n}\nbody[data-sidebar=dark] .navbar-brand-box .logo-dark {\n  display: none;\n}\nbody[data-sidebar=dark] .navbar-brand-box .logo-light {\n  display: block;\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    transform: translate3d(0px, 75px, 0px) !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  .language-switch {\n    display: none !important;\n  }\n}\nbody[data-bs-theme=dark] .navbar-brand-box .logo-dark {\n  display: none;\n}\nbody[data-bs-theme=dark] .navbar-brand-box .logo-light {\n  display: block;\n}\nbody[data-bs-theme=dark] .header-item {\n  fill: #c0c5cb;\n}\nbody[data-bs-theme=dark] .header-item i {\n  color: #c0c5cb;\n}\nbody[data-bs-theme=dark] .header-item span {\n  color: #c0c5cb;\n}\nbody[data-bs-theme=dark] .header-item:hover {\n  fill: #c0c5cb;\n}\nbody[data-bs-theme=dark] .dropdown-icon-item {\n  color: #7d8287;\n}\nbody[data-bs-theme=dark] .dropdown-icon-item:hover {\n  border-color: #eff0f2;\n}\nbody[data-bs-theme=dark] .noti-icon .noti-dot {\n  box-shadow: 0 0 0 3px #131516;\n}\nbody[data-bs-theme=dark] .notification-item .d-flex {\n  border-color: var(--bs-border-color);\n}\nbody[data-bs-theme=dark][data-topbar=light] .page-content {\n  padding: calc(75px + 24px) calc(24px / 2) 60px calc(24px / 2);\n}\nbody[data-bs-theme=dark][data-topbar=light] .page-title {\n  color: #555b6d;\n}\nbody[data-bs-theme=dark][data-topbar=light] .ishorizontal-topbar,\nbody[data-bs-theme=dark][data-topbar=light] .isvertical-topbar {\n  background-color: var(--bs-header-bg) !important;\n}\nbody[data-bs-theme=dark][data-topbar=light] .app-search {\n  padding: calc(31px / 2) 0;\n}\nbody[data-bs-theme=dark][data-topbar=light] .app-search .form-control {\n  border: 2px solid #eff0f2;\n  background-color: #fff;\n}\nbody[data-bs-theme=dark][data-topbar=light] .app-search span {\n  color: #7d8287;\n}\nbody[data-bs-theme=dark][data-topbar=light] .noti-icon i {\n  color: #555b6d;\n}\nbody[data-bs-theme=dark][data-topbar=light] .noti-icon .noti-dot {\n  color: #fff;\n  box-shadow: 0 0 0 3px var(--bs-header-bg) !important;\n}\nbody[data-bs-theme=dark][data-topbar=light] .noti-icon .badge {\n  border: 2px solid #f8f9fb;\n}\nbody[data-bs-theme=dark][data-topbar=light] .header-item {\n  fill: #555b6d;\n}\nbody[data-bs-theme=dark][data-topbar=light] .header-item span {\n  color: #555b6d;\n}\nbody[data-bs-theme=dark][data-topbar=dark] .page-content {\n  padding: 75px calc(24px / 2) 60px calc(24px / 2);\n}\n\nbody[data-topbar=hidden] .isvertical-topbar {\n  display: none !important;\n}\nbody[data-topbar=hidden] .page-content {\n  transition: all 0.3s;\n  padding: 24px calc(24px / 2) 60px calc(24px / 2);\n}\n\n.page-title-box {\n  padding: 0 0.75rem;\n}\n.page-title-box .breadcrumb {\n  background-color: transparent;\n  padding: 0;\n}\n.page-title-box h4 {\n  font-size: 21px !important;\n}\n@media (max-width: 575.98px) {\n  .page-title-box .page-title-right {\n    display: none;\n  }\n}\n\n.page-title {\n  font-size: 20px;\n  margin: 0;\n}\n\n.footer {\n  bottom: 0;\n  padding: 20px calc(24px / 2);\n  position: absolute;\n  right: 0;\n  color: var(--bs-body-color);\n  left: 270px;\n  height: 60px;\n  background-color: var(--bs-secondary-bg);\n  border-top: var(--bs-border-width) solid var(--bs-border-color-translucent);\n  box-shadow: var(--bs-box-shadow);\n}\n.footer .container-fluid {\n  width: 98%;\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: 320px;\n  z-index: 9999;\n  float: right !important;\n  right: -330px;\n  top: 0;\n  bottom: 0;\n}\n.right-bar .right-bar-toggle-close {\n  background-color: #242729;\n  height: 24px;\n  width: 24px;\n  line-height: 24px;\n  color: #f5f6f8;\n  text-align: center;\n  border-radius: 50%;\n}\n.right-bar .right-bar-toggle-close:hover {\n  background-color: #2b2f31;\n}\n\n.rightbar-overlay {\n  background-color: rgba(19, 21, 22, 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 .disabled a {\n  filter: grayscale(80%);\n  opacity: 0.8;\n  cursor: not-allowed;\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: 270px;\n  z-index: 1005;\n  background: var(--bs-sidebar-bg);\n  bottom: 0;\n  margin-top: 0;\n  position: fixed;\n  box-shadow: 0 -2px 5px rgba(52, 58, 64, 0.06);\n  top: 0;\n  border-right: 1px solid var(--bs-sidebar-border-color);\n  transition: all 0.2s;\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: 270px;\n}\n.main-content .content {\n  padding: 0 15px 10px 15px;\n  margin-top: 75px;\n}\n\n.sidebar-menu-scroll {\n  height: calc(100% - (75px + 26px));\n  margin-top: 75px;\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  content: \"\\f0374\";\n}\n#sidebar-menu .has-arrow:after {\n  content: \"\\f0415\";\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: 12px;\n}\n#sidebar-menu .has-arrow + ul .has-arrow:after {\n  right: 20px;\n  top: 10px;\n}\n#sidebar-menu .metismenu .menu-title::after {\n  display: none;\n}\n#sidebar-menu .metismenu .menu-item {\n  margin-left: 15px;\n}\n#sidebar-menu ul li a {\n  display: flex;\n  padding: 0.8rem 1rem;\n  border-radius: 12px;\n  color: var(--bs-sidebar-menu-item-color);\n  position: relative;\n  font-weight: 500;\n  transition: all 0.4s;\n  font-size: 14px;\n  margin: 0 15px;\n  font-family: \"Montserrat\", sans-serif;\n  align-items: center;\n}\n#sidebar-menu ul li a .nav-icon {\n  width: 18px;\n  height: 18px;\n  display: inline-block;\n  min-width: 1.5rem;\n  vertical-align: middle;\n  fill: var(--bs-sidebar-menu-item-icon-color);\n  transition: all 0.3s;\n  top: -1px;\n  font-size: 1.3rem;\n  line-height: 1.40625rem;\n}\n#sidebar-menu ul li a:hover {\n  color: var(--bs-sidebar-menu-item-hover-color);\n  margin-left: 20px;\n}\n#sidebar-menu ul li a:hover .nav-icon {\n  fill: 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  position: relative;\n}\n#sidebar-menu ul li ul.sub-menu:before {\n  content: \"\";\n  position: absolute;\n  left: 40px;\n  top: 10px;\n  bottom: 10px;\n  width: 2px;\n  background: var(--bs-sidebar-menu-sub-item-line-color);\n}\n#sidebar-menu ul li ul.sub-menu li a {\n  padding: 0.8rem 1.5rem 0.5rem 1.5rem;\n}\n#sidebar-menu ul li ul.sub-menu li a:before {\n  content: \"\";\n  width: 12px;\n  height: 10px;\n  border-radius: 50%;\n  background: 0 0;\n  border: 2px solid;\n  position: absolute;\n  left: -7px;\n  border-color: transparent transparent var(--bs-sidebar-menu-sub-item-line-color) transparent;\n  top: 14px;\n  transition: all 0.4s ease-in-out;\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: transparent transparent var(--bs-sidebar-menu-sub-item-active-color) transparent;\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 3.5rem;\n}\n#sidebar-menu ul li ul.sub-menu li ul.sub-menu li a:before {\n  left: 25px;\n  top: 8px;\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 .nav-icon {\n  fill: var(--bs-sidebar-menu-item-active-color) !important;\n}\n#sidebar-menu ul li.mm-active .mm-show .mm-active > a {\n  background: transparent;\n}\n#sidebar-menu ul li.mm-active .mm-show .mm-active > a:before {\n  border-color: transparent transparent var(--bs-sidebar-menu-sub-item-active-color) transparent;\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-color);\n  font-weight: 600;\n  opacity: 0.6;\n}\n\n@media (max-width: 991.98px) {\n  .vertical-menu {\n    display: none;\n    top: 75px;\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  .main-content {\n    margin-left: 0 !important;\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: 1200px;\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  text-align: center;\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  left: 70px;\n}\n@media (max-width: 991.98px) {\n  body[data-sidebar-size=sm] #page-topbar {\n    left: 0;\n  }\n}\nbody[data-sidebar-size=sm] .vertical-menu {\n  position: absolute;\n  width: 70px !important;\n  z-index: 1005;\n}\nbody[data-sidebar-size=sm] .vertical-menu::before {\n  position: fixed;\n  left: 70px;\n  top: 0;\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  margin: 0 15px;\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  margin-left: -6px;\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  width: 20px;\n  height: 20px;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a {\n  position: relative;\n  width: calc(180px + 70px);\n  color: #1f58c7;\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.1);\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a .nav-icon {\n  fill: #1f58c7;\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  border: 1px solid var(--bs-sidebar-border-color);\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: 180px;\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: 180px;\n  height: auto !important;\n  margin-top: -36px;\n  position: absolute;\n  width: 180px;\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:before {\n  display: none;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li a:before {\n  display: none;\n}\nbody[data-sidebar-size=sm] .vertical-menu .sidebar-footer {\n  display: none;\n}\n\n.main-content {\n  min-height: 100vh;\n}\n\nbody[data-bs-theme=dark] #page-topbar {\n  background-color: #131516;\n  box-shadow: none;\n}\nbody[data-bs-theme=dark][data-sidebar=dark] #sidebar-menu ul li a {\n  color: #7e8388;\n}\nbody[data-bs-theme=dark][data-sidebar=dark] #sidebar-menu ul li a .nav-icon {\n  fill: #7e8388;\n}\nbody[data-bs-theme=dark][data-sidebar=dark] #sidebar-menu ul li a:hover {\n  color: #eeeff1;\n}\nbody[data-bs-theme=dark][data-sidebar=dark] #sidebar-menu ul li a:hover .nav-icon {\n  fill: #eeeff1;\n}\nbody[data-bs-theme=dark][data-sidebar=dark] #sidebar-menu ul li ul.sub-menu:before {\n  background: var(--bs-sidebar-dark-menu-sub-item-line-color);\n}\nbody[data-bs-theme=dark][data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a {\n  color: #7e8388;\n}\nbody[data-bs-theme=dark][data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:before {\n  border-color: transparent transparent var(--bs-sidebar-dark-menu-sub-item-line-color) transparent;\n}\nbody[data-bs-theme=dark][data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover {\n  color: #eeeff1;\n}\nbody[data-bs-theme=dark][data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover:before {\n  border-color: transparent transparent #eeeff1 transparent;\n}\nbody[data-bs-theme=dark][data-sidebar=dark] #sidebar-menu ul li.mm-active {\n  color: #eeeff1 !important;\n}\nbody[data-bs-theme=dark][data-sidebar=dark] #sidebar-menu ul li.mm-active > a {\n  background-color: var(--bs-sidebar-dark-menu-item-active-bg-color);\n  color: #eeeff1 !important;\n}\nbody[data-bs-theme=dark][data-sidebar=dark] #sidebar-menu ul li.mm-active > a::before {\n  background-color: #eeeff1;\n}\nbody[data-bs-theme=dark][data-sidebar=dark] #sidebar-menu ul li.mm-active > a .nav-icon {\n  fill: #eeeff1 !important;\n}\nbody[data-bs-theme=dark][data-sidebar=dark] #sidebar-menu ul li.mm-active .mm-show .mm-active > a {\n  color: #eeeff1 !important;\n  background: transparent;\n}\nbody[data-bs-theme=dark][data-sidebar=dark] #sidebar-menu ul li.mm-active .mm-show .mm-active > a:before {\n  border-color: transparent transparent #eeeff1 transparent;\n}\nbody[data-bs-theme=dark][data-sidebar=dark] .sidebar-footer {\n  color: var(--bs-sidebar-dark-menu-item-color);\n}\nbody[data-bs-theme=dark][data-sidebar=dark] .sidebar-footer .main-title {\n  color: rgba(255, 255, 255, 0.6);\n}\nbody[data-bs-theme=dark][data-sidebar=dark][data-sidebar-size=md][data-sidebar=dark] #sidebar-menu ul li.menu-title {\n  background-color: #2d3234 !important;\n}\nbody[data-bs-theme=dark][data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a .nav-icon {\n  fill: #eeeff1;\n}\nbody[data-bs-theme=dark][data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul a {\n  color: #7e8388;\n}\nbody[data-bs-theme=dark][data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n  color: #eeeff1;\n}\nbody[data-bs-theme=dark][data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul {\n  background-color: var(--bs-sidebar-dark-bg);\n}\nbody[data-bs-theme=dark][data-sidebar=dark] .menu-title {\n  color: var(--bs-sidebar-dark-menu-item-color);\n}\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  fill: #c0c5cb;\n  color: #c0c5cb;\n}\nbody[data-sidebar=dark] .vertical-menu::before {\n  background-color: var(--bs-sidebar-dark-bg);\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  fill: 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  fill: var(--bs-sidebar-dark-menu-item-hover-color);\n}\nbody[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu:before {\n  background: var(--bs-sidebar-dark-menu-sub-item-line-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: transparent transparent var(--bs-sidebar-dark-menu-sub-item-line-color) transparent;\n}\nbody[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover {\n  color: #eeeff1;\n}\nbody[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover:before {\n  border-color: transparent transparent #eeeff1 transparent;\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::before {\n  background-color: var(--bs-sidebar-dark-menu-item-active-color);\n}\nbody[data-sidebar=dark] #sidebar-menu ul li.mm-active > a .nav-icon {\n  fill: 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: transparent transparent #eeeff1 transparent;\n  background-color: transparent !important;\n}\nbody[data-sidebar=dark] .sidebar-footer {\n  color: var(--bs-sidebar-dark-menu-item-color);\n}\nbody[data-sidebar=dark] .sidebar-footer .main-title {\n  color: rgba(255, 255, 255, 0.6);\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] {\n  min-height: 1570px;\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] .main-content {\n  min-height: 1570px;\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a {\n  background-color: var(--bs-sidebar-dark-menu-item-active-bg-color) !important;\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  fill: 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][data-sidebar-size=sm] .vertical-menu .sidebar-footer {\n  display: none;\n}\nbody[data-sidebar=dark] .menu-title {\n  color: var(--bs-sidebar-dark-menu-item-color);\n}\n\nbody[data-bs-theme=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a {\n  background: var(--bs-sidebar-bg);\n  color: #eeeff1;\n}\nbody[data-bs-theme=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul {\n  background-color: var(--bs-sidebar-bg);\n}\nbody[data-bs-theme=dark] .navbar-brand-box {\n  background: var(--bs-navbar-brand-box-bg);\n}\nbody[data-bs-theme=dark] .vertical-menu {\n  background: var(--bs-sidebar-bg);\n  border-color: var(--bs-border-color);\n}\nbody[data-bs-theme=dark] .vertical-menu::before {\n  background-color: var(--bs-sidebar-bg);\n}\n\nbody[data-layout=horizontal] .main-content {\n  margin-left: 0 !important;\n}\n\nbody[data-sidebar-size=md] .logo span.logo-lg {\n  display: none;\n}\nbody[data-sidebar-size=md] .logo span.logo-sm {\n  display: block;\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, body[data-sidebar-size=md] .footer {\n  left: 160px;\n}\n@media (max-width: 991.98px) {\n  body[data-sidebar-size=md] #page-topbar, body[data-sidebar-size=md] .footer {\n    left: 0;\n  }\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  margin: 0 10px;\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 {\n  padding: 0;\n}\nbody[data-sidebar-size=md] #sidebar-menu ul li ul.sub-menu:before {\n  display: none;\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]: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, body[data-sidebar-size=md][data-sidebar-size=sm] .footer {\n  left: 70px;\n}\n\nbody[data-sidebar=light] .vertical-menu {\n  background: var(--bs-sidebar-bg);\n  border-right: 1px solid var(--bs-sidebar-border-color);\n}\nbody[data-sidebar=light] .navbar-brand-box {\n  background-color: var(--bs-sidebar-bg);\n}\nbody[data-sidebar=light] .logo {\n  line-height: 75px;\n}\nbody[data-sidebar=light] .logo .logo-sm {\n  display: none;\n}\nbody[data-sidebar=light] .logo-dark {\n  display: block;\n}\nbody[data-sidebar=light] .logo-light {\n  display: none;\n}\nbody[data-sidebar=light] .logo-txt {\n  color: #131516 !important;\n}\nbody[data-sidebar=light][data-sidebar-size=sm] .logo span.logo-lg {\n  display: none;\n}\nbody[data-sidebar=light][data-sidebar-size=sm] .logo span.logo-sm {\n  display: block;\n}\nbody[data-sidebar=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a:hover, body[data-sidebar=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a:active, body[data-sidebar=light][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=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a {\n  color: #1f58c7;\n  background-color: var(--bs-sidebar-menu-item-active-bg-color);\n}\nbody[data-sidebar=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a .nav-icon {\n  color: #1f58c7;\n}\nbody[data-sidebar=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul a {\n  color: var(--bs-sidebar-menu-sub-item-color);\n}\nbody[data-sidebar=light][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=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul {\n  background-color: var(--bs-sidebar-bg);\n}\nbody[data-sidebar=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul li.active a {\n  color: #f8f9fa;\n}\n\nbody[data-sidebar=brand] .vertical-menu {\n  background-color: #1f58c7;\n  border-color: #1f58c7;\n}\nbody[data-sidebar=brand] .vertical-menu .vertical-menu-btn {\n  color: rgba(255, 255, 255, 0.8);\n}\nbody[data-sidebar=brand][data-sidebar-size=md] #sidebar-menu ul li.menu-title {\n  background-color: rgba(255, 255, 255, 0.1);\n}\nbody[data-sidebar=brand] .navbar-brand-box {\n  background-color: #1f58c7;\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: rgba(255, 255, 255, 0.7);\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  fill: 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  fill: #fff;\n}\nbody[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu:before {\n  background: rgba(255, 255, 255, 0.6);\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: transparent transparent rgba(255, 255, 255, 0.6) transparent;\n}\nbody[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a:hover {\n  color: #eeeff1;\n}\nbody[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a:hover:before {\n  border-color: transparent transparent #fff transparent;\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.2);\n  color: #fff !important;\n}\nbody[data-sidebar=brand] #sidebar-menu ul li.mm-active > a::before {\n  background-color: var(--bs-sidebar-dark-menu-item-active-color);\n}\nbody[data-sidebar=brand] #sidebar-menu ul li.mm-active > a .nav-icon {\n  fill: #fff !important;\n}\nbody[data-sidebar=brand] #sidebar-menu ul li.mm-active .mm-show .mm-active > a {\n  color: #fff !important;\n}\nbody[data-sidebar=brand] #sidebar-menu ul li.mm-active .mm-show .mm-active > a:before {\n  border-color: transparent transparent #fff transparent;\n  background-color: transparent !important;\n}\nbody[data-sidebar=brand] .sidebar-footer .main-title {\n  color: rgba(255, 255, 255, 0.8);\n}\nbody[data-sidebar=brand] .sidebar-footer p {\n  color: rgba(255, 255, 255, 0.5);\n}\nbody[data-sidebar=brand][data-topbar=light] .navbar-brand-box {\n  background-color: #1f58c7;\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: #205cd0;\n  color: #fff;\n}\nbody[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a .nav-icon {\n  fill: #fff;\n}\nbody[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li.mm-active .active {\n  color: var(--bs-sidebar-menu-item-active-color) !important;\n}\nbody[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li a:hover {\n  color: var(--bs-sidebar-menu-item-active-color);\n}\nbody[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active {\n  color: var(--bs-sidebar-menu-item-active-color) !important;\n}\nbody[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active > a {\n  color: var(--bs-sidebar-menu-item-active-color) !important;\n}\nbody[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active > a i {\n  color: var(--bs-sidebar-menu-item-active-color) !important;\n}\nbody[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu .sidebar-footer {\n  display: none;\n}\n\nbody[data-bs-theme=bordered] .app-search .form-control {\n  box-shadow: none;\n}\nbody[data-bs-theme=bordered] .vertical-menu {\n  box-shadow: none;\n}\nbody[data-bs-theme=bordered] .footer {\n  box-shadow: none;\n}\n\n[data-bs-theme=dark][data-sidebar=light] .navbar-brand-box .logo-dark {\n  display: block;\n}\n[data-bs-theme=dark][data-sidebar=light] .navbar-brand-box .logo-light {\n  display: none;\n}\n\n.ishorizontal-topbar {\n  display: none;\n}\n\nbody[data-layout=horizontal] .ishorizontal-topbar {\n  display: block;\n}\nbody[data-layout=horizontal] .vertical-menu {\n  display: none;\n}\nbody[data-layout=horizontal] .ishorizontal-topbar {\n  left: 0;\n  box-shadow: none;\n  border: 0;\n  border-radius: 0;\n  background-color: var(--bs-body-bg);\n}\nbody[data-layout=horizontal] .noti-dot {\n  box-shadow: 0 0 0 3px var(--bs-header-bg);\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: 75px;\n  padding: calc(60px + 24px) calc(24px / 2) 60px calc(24px / 2);\n}\n@media (max-width: 991.98px) {\n  body[data-layout=horizontal] .page-content {\n    padding: 75px calc(24px / 2) 60px calc(24px / 2);\n    margin-top: 24px;\n  }\n}\n@media (min-width: 992px) {\n  body[data-layout=horizontal] .navbar-header {\n    padding-left: 24px;\n    padding-right: 24px;\n  }\n}\nbody[data-layout=horizontal] .logo {\n  margin-top: 0;\n}\nbody[data-layout=horizontal][data-sidebar-size=sm] .navbar-brand-box {\n  width: auto !important;\n}\n\n.topnav {\n  background: var(--bs-header-bg);\n  padding: 0 calc(24px / 2);\n  z-index: 100;\n  border-top: 1px solid var(--bs-border-color-translucent);\n  border-bottom: 1px solid var(--bs-border-color-translucent);\n  box-shadow: 0 0px 6px #ebeef4;\n}\n@media (min-width: 992px) {\n  .topnav {\n    background: #fff;\n  }\n}\n.topnav .topnav-menu {\n  margin: 0;\n  padding: 0;\n}\n.topnav .navbar-nav .nav-link {\n  font-size: 14px;\n  position: relative;\n  padding: 1.2rem 1.3rem;\n  color: #7b8190;\n  font-weight: 500;\n  font-family: \"Montserrat\", sans-serif;\n}\n.topnav .navbar-nav .nav-link i {\n  font-size: 1.2rem;\n  margin-right: 5px;\n  vertical-align: middle;\n}\n.topnav .navbar-nav .nav-link svg {\n  height: 18px;\n  width: 18px;\n  fill: #7b8190;\n  margin-right: 5px;\n  margin-top: 1px;\n}\n.topnav .navbar-nav .nav-link:focus, .topnav .navbar-nav .nav-link:hover {\n  color: #1f58c7;\n  background-color: transparent;\n}\n.topnav .navbar-nav .nav-link:focus svg, .topnav .navbar-nav .nav-link:hover svg {\n  fill: #1f58c7;\n}\n.topnav .navbar-nav .dropdown-item {\n  color: #7b8190;\n  background: transparent;\n  font-weight: 500;\n  font-size: 14px;\n  transition: all 0.4s;\n  font-family: \"Montserrat\", sans-serif;\n}\n.topnav .navbar-nav .dropdown-item:hover {\n  color: #1f58c7;\n  margin-left: 5px;\n}\n.topnav .navbar-nav .dropdown-item.active {\n  color: #1f58c7;\n}\n.topnav .navbar-nav .nav-item .nav-link.active {\n  color: #1f58c7;\n}\n.topnav .navbar-nav .nav-item .nav-link.active svg {\n  color: #1f58c7;\n}\n.topnav .navbar-nav .dropdown.active > a {\n  color: #1f58c7;\n  background-color: transparent;\n}\n.topnav .navbar-nav .dropdown.active > a svg {\n  fill: #1f58c7;\n}\n.topnav .navbar-nav .dropdown .dropdown.active > a {\n  color: #1f58c7;\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,\n  body[data-layout=horizontal] .navbar-header {\n    max-width: 85%;\n  }\n}\n@media (min-width: 992px) {\n  .topnav .navbar-nav .nav-item:first-of-type .nav-link {\n    padding-left: 0;\n  }\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  .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: 10px;\n  transform: rotate(-45deg) translateY(-50%);\n  transform-origin: top;\n  transition: all 0.3s ease-out;\n  width: 0.4em;\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  .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  }\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:hover {\n    margin-left: 0;\n  }\n  .topnav .dropdown .dropdown-item.active, .topnav .dropdown .dropdown-item:active {\n    color: #1f58c7;\n    margin-left: 0;\n  }\n  .topnav .arrow-down::after {\n    right: 15px;\n    position: absolute;\n  }\n}\nbody[data-layout=horizontal][data-topbar=dark] .ishorizontal-topbar {\n  background-color: #131516;\n}\nbody[data-layout=horizontal][data-topbar=dark] .navbar-brand-box .logo-dark {\n  display: none;\n}\nbody[data-layout=horizontal][data-topbar=dark] .navbar-brand-box .logo-light {\n  display: block;\n}\nbody[data-layout=horizontal][data-topbar=dark] .page-content {\n  padding: calc(60px + 24px) calc(24px / 2) 60px calc(24px / 2);\n}\n@media (max-width: 991.98px) {\n  body[data-layout=horizontal][data-topbar=dark] .page-content {\n    margin-top: 24px;\n  }\n}\n\nbody[data-layout=horizontal][data-topbar=colored] .ishorizontal-topbar {\n  background-color: #1f58c7;\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(255, 255, 255, 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: #c0c5cb;\n}\nbody[data-layout=horizontal][data-topbar=colored] .header-item:hover {\n  color: #c0c5cb;\n}\nbody[data-layout=horizontal][data-topbar=colored] .navbar-header .dropdown .show.header-item {\n  background-color: var(--bs-border-color);\n}\nbody[data-layout=horizontal][data-topbar=colored] .noti-icon i {\n  color: #c0c5cb;\n}\n@media (min-width: 992px) {\n  body[data-layout=horizontal][data-topbar=colored] .topnav {\n    background-color: #1f58c7;\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-bs-theme=dark][data-layout=horizontal] .ishorizontal-topbar {\n  background-color: #131516;\n}\nbody[data-bs-theme=dark][data-layout=horizontal] .noti-icon .noti-dot {\n  box-shadow: var(--bs-box-shadow);\n}\nbody[data-bs-theme=dark][data-layout=horizontal][data-topbar=light] .page-content {\n  padding: calc(60px + 24px) calc(24px / 2) 60px calc(24px / 2);\n}\nbody[data-bs-theme=dark][data-layout=horizontal][data-topbar=light] .logo-dark {\n  display: block;\n}\nbody[data-bs-theme=dark][data-layout=horizontal][data-topbar=light] .logo-light {\n  display: none;\n}\nbody[data-bs-theme=dark] .topnav {\n  background-color: #1a1d1e;\n  border-color: var(--bs-border-color);\n  box-shadow: var(--bs-box-shadow);\n}\nbody[data-bs-theme=dark] .topnav .navbar-nav .nav-link {\n  color: #7e8388;\n}\nbody[data-bs-theme=dark] .topnav .navbar-nav .nav-link svg {\n  fill: #7e8388;\n}\nbody[data-bs-theme=dark] .topnav .navbar-nav .nav-link:focus, body[data-bs-theme=dark] .topnav .navbar-nav .nav-link:hover {\n  color: #eeeff1;\n  background-color: transparent;\n}\nbody[data-bs-theme=dark] .topnav .navbar-nav .nav-link:focus svg, body[data-bs-theme=dark] .topnav .navbar-nav .nav-link:hover svg {\n  fill: #eeeff1;\n}\nbody[data-bs-theme=dark] .topnav .navbar-nav .dropdown-item {\n  color: #7e8388;\n  background-color: transparent;\n}\nbody[data-bs-theme=dark] .topnav .navbar-nav .dropdown-item.active, body[data-bs-theme=dark] .topnav .navbar-nav .dropdown-item:hover {\n  color: #eeeff1;\n}\nbody[data-bs-theme=dark] .topnav .navbar-nav .nav-item .nav-link.active {\n  color: #eeeff1;\n}\nbody[data-bs-theme=dark] .topnav .navbar-nav .nav-item .nav-link.active svg {\n  color: #eeeff1;\n}\nbody[data-bs-theme=dark] .topnav .navbar-nav .dropdown.active > a {\n  color: #eeeff1;\n  background-color: transparent;\n}\nbody[data-bs-theme=dark] .topnav .navbar-nav .dropdown.active > a svg {\n  fill: #eeeff1;\n}\nbody[data-bs-theme=dark] .topnav .menu-title {\n  color: rgba(126, 131, 136, 0.6);\n}\n\nbody[data-bs-theme=bordered] .topnav {\n  box-shadow: none;\n}\n\nbody[data-topbar=hidden][data-layout=horizontal] .ishorizontal-topbar .navbar-header {\n  display: none !important;\n}\nbody[data-topbar=hidden][data-layout=horizontal] .page-content {\n  transition: all 0.3s;\n  margin-top: calc(75px - 15px);\n  padding: 24px calc(24px / 2) 60px calc(24px / 2);\n}\n@media (max-width: 991.98px) {\n  body[data-topbar=hidden][data-layout=horizontal] .page-content {\n    margin-top: 0;\n    padding: 24px calc(24px / 2) 60px calc(24px / 2);\n  }\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: 1500px;\n  margin: 0 auto;\n  box-shadow: var(--bs-box-shadow);\n}\nbody[data-layout-size=boxed] #page-topbar {\n  max-width: calc(1500px - 270px);\n  margin: 0 auto;\n}\nbody[data-layout-size=boxed] .footer {\n  margin: 0 auto;\n  max-width: calc(1500px - 270px);\n}\nbody[data-layout-size=boxed][data-sidebar-size=sm] #page-topbar {\n  max-width: calc(1500px - 70px);\n}\nbody[data-layout-size=boxed][data-sidebar-size=sm] .footer {\n  max-width: calc(1500px - 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(1500px - 160px);\n}\nbody[data-layout-size=boxed][data-sidebar-size=md] .footer {\n  max-width: calc(1500px - 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: 1500px;\n}\n\n@media (min-width: 992px) {\n  body[data-layout-scrollable=true] .isvertical-topbar, body[data-layout-scrollable=true] .ishorizontal-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] .isvertical-topbar, body[data-layout-scrollable=true][data-layout=horizontal] .ishorizontal-topbar {\n    position: absolute;\n  }\n  body[data-layout-scrollable=true][data-layout=horizontal] .navbar-brand-box {\n    position: relative;\n  }\n}\n\n.layout-setting-btn {\n  position: fixed;\n  top: 47.5%;\n  right: 0;\n  writing-mode: vertical-rl;\n  font-weight: 600;\n  background-color: #1f58c7;\n  color: #fff !important;\n  line-height: 32px;\n  padding: 15px 3px;\n  font-size: 16px;\n  border-radius: 6px 0 0 6px;\n  transform: translateY(-50%);\n  z-index: 1999;\n}\n\n:root,\n[data-bs-theme=light] {\n  --bs-header-bg: #ffffff;\n  --bs-header-item-color: #555b6d;\n  --bs-header-item-sub-color: var(--bs-secondary-color);\n  --bs-header-height: 70px;\n  --bs-rightbar-width: 280px;\n  --bs-boxed-layout-width: 1300px;\n  --bs-navbar-brand-box-bg: #ffffff;\n  --bs-footer-height: 60px;\n  --bs-footer-bg: #ffffff;\n  --bs-header-dark-bg: #252b3b;\n  --bs-menu-item-color: #74788d;\n  --bs-menu-item-active-color: #5664d2;\n  --bs-topbar-search-bg: #f1f5f712;\n  --bs-topnav-bg: #fff;\n  --bs-topnav-item-color: #888f9d;\n  --bs-topnav-item-color-active: var(--bs-primary);\n  --bs-twocolumn-menu-iconview-bg: #fff;\n  --bs-twocolumn-menu-bg: #fff;\n  --bs-header-item-color: #636e75;\n  --bs-boxed-body-bg: #f4f4f7;\n  --bs-sidebar-bg: #ffffff;\n  --bs-sidebar-border-color: #eff0f2;\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: #2e3032;\n  --bs-sidebar-menu-sub-item-active-color: #2e3032;\n  --bs-sidebar-menu-item-active-bg-color: #f3f5f9;\n  --bs-sidebar-menu-sub-item-line-color: #eaecf1;\n  --bs-sidebar-width: 240px;\n  --bs-sidebar-collapsed-width: 70px;\n  --bs-sidebar-width-sm: 160px;\n}\n:root [data-topbar=light],\n[data-bs-theme=light] [data-topbar=light] {\n  --bs-topbar-search-bg: #f1f5f7;\n}\n:root [data-topbar=dark],\n[data-bs-theme=light] [data-topbar=dark] {\n  --bs-header-bg: #1f2224;\n  --bs-header-item-color: #f8f9fa;\n  --bs-header-dark-item-color: #e9ecef;\n}\n:root [data-topbar=colored],\n[data-bs-theme=light] [data-topbar=colored] {\n  --bs-header-colored-bg: #556ee6;\n  --bs-topbar-search-bg: rgba(241, 245, 247, 0.071);\n  --bs-header-dark-item-color: #e9ecef;\n}\n:root [data-sidebar=colored],\n[data-bs-theme=light] [data-sidebar=colored] {\n  --bs-topbar-search-bg: #f1f5f7;\n}\n:root [data-sidebar=light],\n[data-bs-theme=light] [data-sidebar=light] {\n  --bs-sidebar-bg: #ffffff;\n  --bs-sidebar-border-color: #eff0f2;\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: #2e3032;\n  --bs-sidebar-menu-sub-item-active-color: #2e3032;\n  --bs-sidebar-menu-item-active-bg-color: #f3f5f9;\n  --bs-sidebar-menu-sub-item-line-color: #eaecf1;\n}\n:root [data-sidebar=dark],\n[data-bs-theme=light] [data-sidebar=dark] {\n  --bs-sidebar-dark-bg: #1f2224;\n  --bs-sidebar-dark-menu-item-color: #7e8388;\n  --bs-sidebar-dark-menu-sub-item-color: #7e8388;\n  --bs-sidebar-dark-menu-item-icon-color: #525363;\n  --bs-sidebar-dark-menu-item-hover-color: #ffffff;\n  --bs-sidebar-dark-menu-item-active-color: #ffffff;\n  --bs-sidebar-dark-menu-item-active-bg-color: #30343a;\n  --bs-sidebar-dark-menu-sub-item-line-color: #505356;\n}\n\n[data-bs-theme=dark] {\n  --bs-light: #282c2f;\n  --bs-light-rgb: 40, 44, 47;\n  --bs-dark: #282c2f;\n  --bs-dark-rgb: 40, 44, 47;\n  --bs-navbar-brand-box-bg: #1f2224;\n  --bs-box-shadow: 0 2px 3px #161819;\n  --bs-header-bg: #131516;\n  --bs-header-dark-bg: #131516;\n  --bs-header-item-color: #919bae;\n  --bs-topbar-search-bg: #2b324412;\n  --bs-topnav-bg: #282e3f;\n  --bs-header-item-sub-color: var(--bs-secondary-color);\n  --bs-footer-bg: #1f2224;\n  --bs-boxed-body-bg: #1f2224;\n  --bs-sidebar-bg: #1f2224;\n  --bs-sidebar-border-color: #282c2f;\n  --bs-sidebar-menu-item-color: #7e8388;\n  --bs-sidebar-menu-sub-item-color: #7e8388;\n  --bs-sidebar-menu-item-icon-color: #525363;\n  --bs-sidebar-menu-item-hover-color: #ffffff;\n  --bs-sidebar-menu-item-active-color: #ffffff;\n  --bs-sidebar-menu-item-active-bg-color: #30343a;\n  --bs-sidebar-menu-sub-item-line-color: #505356;\n}\n[data-bs-theme=dark] .table-light {\n  --bs-table-color: #f7f8f8;\n  --bs-table-bg: var(--bs-tertiary-bg);\n  --bs-table-border-color: var(--bs-border-color);\n  --bs-table-striped-bg: var(--bs-tertiary-bg);\n  --bs-table-striped-color: white;\n  --bs-table-active-bg: var(--bs-tertiary-bg);\n  --bs-table-active-color: white;\n  --bs-table-hover-bg: var(--bs-tertiary-bg);\n  --bs-table-hover-color: white;\n}\n[data-bs-theme=dark][data-topbar=colored] {\n  --bs-header-colored-bg: #556ee6;\n  --bs-topbar-search-bg: #2b324412;\n}\n[data-bs-theme=dark][data-topbar=light] {\n  --bs-header-bg: #f8f9fb;\n  --bs-topbar-search-bg: #2b3244;\n}\n[data-bs-theme=dark][data-sidebar=colored] {\n  --bs-topbar-search-bg: #2b3244;\n}\n[data-bs-theme=dark][data-sidebar=dark] {\n  --bs-sidebar-dark-bg: #1f2224;\n  --bs-sidebar-dark-menu-item-color: #7e8388;\n  --bs-sidebar-dark-menu-sub-item-color: #7e8388;\n  --bs-sidebar-dark-menu-item-icon-color: #525363;\n  --bs-sidebar-dark-menu-item-hover-color: #ffffff;\n  --bs-sidebar-dark-menu-item-active-color: #ffffff;\n  --bs-sidebar-dark-menu-item-active-bg-color: #30343a;\n  --bs-sidebar-dark-menu-sub-item-line-color: #505356;\n}\n\n.avatar-xs {\n  height: 1rem;\n  width: 1rem;\n}\n\n.avatar-sm {\n  height: 2.2rem;\n  width: 2.2rem;\n}\n\n.avatar {\n  height: 3rem;\n  width: 3rem;\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: #1f58c7;\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 var(--bs-border-color);\n}\n\n.alert-label-icon {\n  position: relative;\n  padding-left: 60px;\n  border: 0;\n}\n.alert-label-icon .label-icon {\n  position: absolute;\n  width: 45px;\n  height: 100%;\n  left: 0;\n  top: 0;\n  background-color: rgba(255, 255, 255, 0.1);\n  border-right: 1px solid rgba(255, 255, 255, 0.1);\n  font-size: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.alert-label-icon.label-arrow {\n  overflow: hidden;\n}\n.alert-label-icon.label-arrow .label-icon {\n  color: #fff;\n}\n.alert-label-icon.label-arrow .label-icon:after {\n  content: \"\";\n  position: absolute;\n  border: 6px solid transparent;\n  right: -12px;\n}\n\n.alert-light {\n  color: var(--bs-secondary-color);\n}\n\n.alert-top-border.alert-primary {\n  border-top-color: #1f58c7;\n  color: #1f58c7;\n}\n\n.alert-outline.alert-primary {\n  border: 1px solid rgba(31, 88, 199, 0.8);\n  color: #1f58c7;\n}\n\n.alert-border-left.alert-primary {\n  border-left-color: #1f58c7;\n}\n\n.label-arrow.alert-primary .label-icon {\n  background-color: #1f58c7;\n}\n.label-arrow.alert-primary .label-icon:after {\n  border-left-color: #1f58c7 !important;\n}\n\n.alert-top-border.alert-secondary {\n  border-top-color: #a4a9b4;\n  color: #a4a9b4;\n}\n\n.alert-outline.alert-secondary {\n  border: 1px solid rgba(164, 169, 180, 0.8);\n  color: #a4a9b4;\n}\n\n.alert-border-left.alert-secondary {\n  border-left-color: #a4a9b4;\n}\n\n.label-arrow.alert-secondary .label-icon {\n  background-color: #a4a9b4;\n}\n.label-arrow.alert-secondary .label-icon:after {\n  border-left-color: #a4a9b4 !important;\n}\n\n.alert-top-border.alert-success {\n  border-top-color: #28b765;\n  color: #28b765;\n}\n\n.alert-outline.alert-success {\n  border: 1px solid rgba(40, 183, 101, 0.8);\n  color: #28b765;\n}\n\n.alert-border-left.alert-success {\n  border-left-color: #28b765;\n}\n\n.label-arrow.alert-success .label-icon {\n  background-color: #28b765;\n}\n.label-arrow.alert-success .label-icon:after {\n  border-left-color: #28b765 !important;\n}\n\n.alert-top-border.alert-info {\n  border-top-color: #52c6ea;\n  color: #52c6ea;\n}\n\n.alert-outline.alert-info {\n  border: 1px solid rgba(82, 198, 234, 0.8);\n  color: #52c6ea;\n}\n\n.alert-border-left.alert-info {\n  border-left-color: #52c6ea;\n}\n\n.label-arrow.alert-info .label-icon {\n  background-color: #52c6ea;\n}\n.label-arrow.alert-info .label-icon:after {\n  border-left-color: #52c6ea !important;\n}\n\n.alert-top-border.alert-warning {\n  border-top-color: #f4c238;\n  color: #f4c238;\n}\n\n.alert-outline.alert-warning {\n  border: 1px solid rgba(244, 194, 56, 0.8);\n  color: #f4c238;\n}\n\n.alert-border-left.alert-warning {\n  border-left-color: #f4c238;\n}\n\n.label-arrow.alert-warning .label-icon {\n  background-color: #f4c238;\n}\n.label-arrow.alert-warning .label-icon:after {\n  border-left-color: #f4c238 !important;\n}\n\n.alert-top-border.alert-danger {\n  border-top-color: #ed5555;\n  color: #ed5555;\n}\n\n.alert-outline.alert-danger {\n  border: 1px solid rgba(237, 85, 85, 0.8);\n  color: #ed5555;\n}\n\n.alert-border-left.alert-danger {\n  border-left-color: #ed5555;\n}\n\n.label-arrow.alert-danger .label-icon {\n  background-color: #ed5555;\n}\n.label-arrow.alert-danger .label-icon:after {\n  border-left-color: #ed5555 !important;\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-border-left.alert-pink {\n  border-left-color: #e83e8c;\n}\n\n.label-arrow.alert-pink .label-icon {\n  background-color: #e83e8c;\n}\n.label-arrow.alert-pink .label-icon:after {\n  border-left-color: #e83e8c !important;\n}\n\n.alert-top-border.alert-light {\n  border-top-color: #f5f6f8;\n  color: #f5f6f8;\n}\n\n.alert-outline.alert-light {\n  border: 1px solid rgba(245, 246, 248, 0.8);\n  color: #f5f6f8;\n}\n\n.alert-border-left.alert-light {\n  border-left-color: #f5f6f8;\n}\n\n.label-arrow.alert-light .label-icon {\n  background-color: #f5f6f8;\n}\n.label-arrow.alert-light .label-icon:after {\n  border-left-color: #f5f6f8 !important;\n}\n\n.alert-top-border.alert-dark {\n  border-top-color: #131516;\n  color: #131516;\n}\n\n.alert-outline.alert-dark {\n  border: 1px solid rgba(19, 21, 22, 0.8);\n  color: #131516;\n}\n\n.alert-border-left.alert-dark {\n  border-left-color: #131516;\n}\n\n.label-arrow.alert-dark .label-icon {\n  background-color: #131516;\n}\n.label-arrow.alert-dark .label-icon:after {\n  border-left-color: #131516 !important;\n}\n\n.alert-top-border.alert-white {\n  border-top-color: #fff;\n  color: #fff;\n}\n\n.alert-outline.alert-white {\n  border: 1px solid rgba(255, 255, 255, 0.8);\n  color: #fff;\n}\n\n.alert-border-left.alert-white {\n  border-left-color: #fff;\n}\n\n.label-arrow.alert-white .label-icon {\n  background-color: #fff;\n}\n.label-arrow.alert-white .label-icon:after {\n  border-left-color: #fff !important;\n}\n\n.alert-top-border.alert-purple {\n  border-top-color: #1f58c7;\n  color: #1f58c7;\n}\n\n.alert-outline.alert-purple {\n  border: 1px solid rgba(31, 88, 199, 0.8);\n  color: #1f58c7;\n}\n\n.alert-border-left.alert-purple {\n  border-left-color: #1f58c7;\n}\n\n.label-arrow.alert-purple .label-icon {\n  background-color: #1f58c7;\n}\n.label-arrow.alert-purple .label-icon:after {\n  border-left-color: #1f58c7 !important;\n}\n\n.alert-border-left {\n  border-left: 3px solid;\n}\n\n.alert-top-border.alert-light, .alert-outline.alert-light {\n  color: var(--bs-secondary-color);\n}\n\n.custom-accordion .accordion-list {\n  display: flex;\n  border-radius: 7px;\n  background-color: #eff0f2;\n  padding: 12px 20px;\n  color: #282c2f;\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-secondary-color);\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-pattern {\n  background: url(\"../images/pattern-bg.jpg\");\n  background-size: cover;\n  background-position: center;\n}\n\n.list-group-item {\n  color: var(--bs-body-color);\n}\n\n.social-list-item {\n  height: 2.4rem;\n  width: 2.4rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  line-height: calc(2.4rem - 2px);\n  border: 1px solid var(--bs-secondary-bg);\n  border-radius: 50%;\n  color: var(--bs-secondary-color);\n  fill: var(--bs-secondary-color);\n  text-align: center;\n  transition: all 0.4s;\n}\n.social-list-item svg {\n  width: 16px;\n  height: 16px;\n}\n.social-list-item:hover {\n  color: #131516;\n  fill: #131516;\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#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: #1f58c7;\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; /*rtl: -4px */\n  font-size: 16px;\n  color: var(--bs-body-color);\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: #1f58c7;\n  border-color: #1f58c7;\n}\n\n.form-radio-primary .form-check-input:checked {\n  border-color: #1f58c7;\n  background-color: #1f58c7;\n}\n.form-radio-primary .form-check-input:checked:after {\n  color: #1f58c7;\n}\n\n.form-check-secondary .form-check-input:checked {\n  background-color: #a4a9b4;\n  border-color: #a4a9b4;\n}\n\n.form-radio-secondary .form-check-input:checked {\n  border-color: #a4a9b4;\n  background-color: #a4a9b4;\n}\n.form-radio-secondary .form-check-input:checked:after {\n  color: #a4a9b4;\n}\n\n.form-check-success .form-check-input:checked {\n  background-color: #28b765;\n  border-color: #28b765;\n}\n\n.form-radio-success .form-check-input:checked {\n  border-color: #28b765;\n  background-color: #28b765;\n}\n.form-radio-success .form-check-input:checked:after {\n  color: #28b765;\n}\n\n.form-check-info .form-check-input:checked {\n  background-color: #52c6ea;\n  border-color: #52c6ea;\n}\n\n.form-radio-info .form-check-input:checked {\n  border-color: #52c6ea;\n  background-color: #52c6ea;\n}\n.form-radio-info .form-check-input:checked:after {\n  color: #52c6ea;\n}\n\n.form-check-warning .form-check-input:checked {\n  background-color: #f4c238;\n  border-color: #f4c238;\n}\n\n.form-radio-warning .form-check-input:checked {\n  border-color: #f4c238;\n  background-color: #f4c238;\n}\n.form-radio-warning .form-check-input:checked:after {\n  color: #f4c238;\n}\n\n.form-check-danger .form-check-input:checked {\n  background-color: #ed5555;\n  border-color: #ed5555;\n}\n\n.form-radio-danger .form-check-input:checked {\n  border-color: #ed5555;\n  background-color: #ed5555;\n}\n.form-radio-danger .form-check-input:checked:after {\n  color: #ed5555;\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: #f5f6f8;\n  border-color: #f5f6f8;\n}\n\n.form-radio-light .form-check-input:checked {\n  border-color: #f5f6f8;\n  background-color: #f5f6f8;\n}\n.form-radio-light .form-check-input:checked:after {\n  color: #f5f6f8;\n}\n\n.form-check-dark .form-check-input:checked {\n  background-color: #131516;\n  border-color: #131516;\n}\n\n.form-radio-dark .form-check-input:checked {\n  border-color: #131516;\n  background-color: #131516;\n}\n.form-radio-dark .form-check-input:checked:after {\n  color: #131516;\n}\n\n.form-check-white .form-check-input:checked {\n  background-color: #fff;\n  border-color: #fff;\n}\n\n.form-radio-white .form-check-input:checked {\n  border-color: #fff;\n  background-color: #fff;\n}\n.form-radio-white .form-check-input:checked:after {\n  color: #fff;\n}\n\n.form-check-purple .form-check-input:checked {\n  background-color: #1f58c7;\n  border-color: #1f58c7;\n}\n\n.form-radio-purple .form-check-input:checked {\n  border-color: #1f58c7;\n  background-color: #1f58c7;\n}\n.form-radio-purple .form-check-input:checked:after {\n  color: #1f58c7;\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.925rem;\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.925rem;\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-translucent);\n  border-radius: 0.75rem;\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: #1f58c7 !important;\n}\n\n.popular-product-box {\n  padding: 12px 15px;\n  background-color: var(--bs-tertiary-bg);\n}\n\n.loyal-customers-box {\n  padding: 11px 0px;\n}\n\n.sale-social-box {\n  padding: 15px 0px;\n}\n\n.sales-history {\n  padding: 12px 0px;\n}\n\n.popular-product-img img {\n  height: 200px;\n}\n@media (min-width: 1440px) and (max-width: 1550px) {\n  .popular-product-img img {\n    max-width: 100%;\n    height: auto;\n  }\n}\n\n.main-chart .chart-border-left {\n  border-left: 1.4px solid var(--bs-border-color);\n  padding: 0px 20px;\n}\n@media (max-width: 575.98px) {\n  .main-chart .chart-border-left {\n    padding: 0px 0px;\n    border: 0;\n  }\n  .main-chart .chart-border-left:last-child {\n    padding-left: 15px;\n  }\n}\n.main-chart .chart-border-left:last-child {\n  margin-right: 0px;\n}\n\n.widget-chat {\n  height: 331px !important;\n}\n\n.widget-chat-list {\n  height: 400px !important;\n}\n\n.transactions-contain {\n  padding: 14px 16px;\n}\n\n.swiper-location-widget {\n  height: 276px;\n}\n.swiper-location-widget .swiper-slide .card {\n  margin: 0;\n  box-shadow: none;\n  height: 100%;\n}\n.swiper-location-widget .swiper-slide .card .card-body {\n  padding: 0.5rem 1rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n@media (min-width: 992px) {\n  .map-widget {\n    border-right: 1px solid var(--bs-border-color);\n  }\n}\n\n.grid-example {\n  background-color: var(--bs-tertiary-bg);\n  border-radius: 5px;\n  font-weight: 500;\n  padding: 10px 20px;\n  font-size: 0.8rem;\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: 10px;\n  padding-left: 40px;\n}\n.search-box .search-icon {\n  position: absolute;\n  left: 13px;\n  top: 50%;\n  transform: translateY(-50%);\n  fill: var(--bs-body-color);\n  width: 16px;\n  height: 16px;\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(31, 88, 199, 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.user-profile-image {\n  object-fit: cover;\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: var(--bs-body-color);\n}\n.icon-demo-content i, .icon-demo-content svg {\n  display: block;\n  width: 50px;\n  height: 50px;\n  line-height: 46px;\n  font-size: 24px;\n  margin: 0px auto 16px;\n  border: 2px solid var(--bs-border-color);\n  color: var(--bs-body-color);\n  fill: #a4a9b4;\n  border-radius: 1rem;\n  transition: all 0.4s;\n}\n.icon-demo-content svg {\n  padding: 10px;\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  fill: #fff;\n  background-color: #1f58c7;\n  border-color: #1f58c7;\n}\n\n.grid-structure .grid-container {\n  background-color: var(--bs-tertiary-bg);\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-translucent);\n  border-radius: 0.75rem;\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: #1f58c7 !important;\n}\n.card-radio-input:checked + .card-radio:before {\n  content: \"\\e9da\";\n  font-family: \"boxicons\";\n  position: absolute;\n  top: 10px;\n  right: 25px;\n  font-size: 22px;\n  color: #1f58c7;\n}\n\n.navs-carousel .owl-nav {\n  margin-top: 16px;\n}\n.navs-carousel .owl-nav button {\n  width: 30px;\n  height: 30px;\n  line-height: 28px !important;\n  font-size: 20px !important;\n  border-radius: 50% !important;\n  background-color: rgba(31, 88, 199, 0.25) !important;\n  color: #1f58c7 !important;\n  margin: 4px 8px !important;\n}\n\n@media (min-width: 576px) {\n  .currency-value {\n    position: relative;\n  }\n  .currency-value:after {\n    content: \"\\f04e1\";\n    font-family: \"Material Design Icons\";\n    font-size: 24px;\n    position: absolute;\n    width: 40px;\n    height: 40px;\n    line-height: 40px;\n    border-radius: 50%;\n    text-align: center;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    background-color: #1f58c7;\n    color: #fff;\n    z-index: 9;\n    right: -30px;\n  }\n}\n.crypto-buy-sell-nav-content {\n  border: 2px solid var(--bs-border-color);\n  border-top: 0;\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  .card-body,\n  .main-content,\n  .right-bar,\n  .page-content,\n  body {\n    padding: 0;\n    margin: 0;\n  }\n  .card {\n    border: 0;\n  }\n}\n.carousel-control-prev,\n.carousel-control-next {\n  height: 30px;\n  width: 30px;\n  margin: auto 0;\n  background-color: #1f58c7;\n}\n\n.carousel-dark .carousel-caption {\n  color: rgba(0, 0, 0, 0.8);\n}\n.carousel-dark .carousel-caption .h1, .carousel-dark .carousel-caption .h2, .carousel-dark .carousel-caption .h3, .carousel-dark .carousel-caption .h4, .carousel-dark .carousel-caption .h5, .carousel-dark .carousel-caption .h6,\n.carousel-dark .carousel-caption h1, .carousel-dark .carousel-caption h2, .carousel-dark .carousel-caption h3, .carousel-dark .carousel-caption h4, .carousel-dark .carousel-caption h5, .carousel-dark .carousel-caption h6 {\n  color: rgba(0, 0, 0, 0.8);\n}\n\n.auth-carousel .carousel-indicators {\n  bottom: -50px;\n}\n.auth-carousel [data-bs-target] {\n  background-color: #1f58c7;\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%; /* 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}\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: #f5f6f8;\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(31, 88, 199, 0.1);\n}\n.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {\n  background-color: #1f58c7;\n  color: #fff;\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: var(--bs-tertiary-bg);\n  color: var(--bs-body-color);\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: #eff0f2;\n}\n.fc-unthemed td.fc-today {\n  background: #fbfbfc;\n}\n\n.fc-button {\n  background: var(--bs-secondary-bg);\n  border-color: #eff0f2;\n  color: #282c2f;\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: #1f58c7;\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: #1f58c7;\n}\n\n.fc-daygrid-dot-event.fc-event-mirror,\n.fc-daygrid-dot-event:hover {\n  background-color: #1f58c7;\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: #f5f6f8;\n}\n\n.fc-scrollgrid-sync-inner .fc-col-header-cell-cushion {\n  background-color: var(--bs-tertiary-bg) !important;\n}\n\n.fc-theme-standard .fc-scrollgrid {\n  border: 1px solid var(--bs-border-color) !important;\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: #1f58c7;\n}\n\n.noUi-handle {\n  background: var(--bs-secondary-bg);\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-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.noUi-vertical .noUi-origin {\n  top: 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-tertiary-bg);\n  border-color: var(--bs-border-color);\n}\n\n.noUi-touch-area:focus {\n  outline: 0;\n}\n\n#red, #green, #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 var(--bs-border-color) s;\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 var(--bs-border-color);\n  box-shadow: 0 0 3px;\n  border-radius: 7px;\n}\n\n#red .noUi-connect {\n  background: #ed5555;\n}\n\n#green .noUi-connect {\n  background: #28b765;\n}\n\n#blue .noUi-connect {\n  background: #1f58c7;\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-secondary-color);\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: #ed5555;\n}\n\n.c-2-color {\n  background: #f4c238;\n}\n\n.c-3-color {\n  background: #28b765;\n}\n\n.c-4-color {\n  background: #1f58c7;\n}\n\n.c-5-color {\n  background: #1f58c7;\n}\n\n#slider-toggle {\n  height: 50px;\n}\n#slider-toggle.off .noUi-handle {\n  border-color: #ed5555;\n}\n\n.noUi-target {\n  box-shadow: inset 0 1px 1px var(--bs-border-color), 0 3px 6px -5px var(--bs-border-color);\n}\n\n.noUi-handle {\n  box-shadow: inset 0 0 1px var(--bs-tertiary-bg), inset 0 1px 7px var(--bs-tertiary-bg), 0 3px 6px -3px var(--bs-tertiary-bg);\n  border-color: var(--bs-border-color);\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: #52c6ea;\n  color: #52c6ea;\n}\n.swal2-icon.swal2-success [class^=swal2-success-line] {\n  background-color: #28b765;\n}\n.swal2-icon.swal2-success .swal2-success-ring {\n  border-color: rgba(40, 183, 101, 0.3);\n}\n.swal2-icon.swal2-warning {\n  border-color: #f4c238;\n  color: #f4c238;\n}\n\n.swal2-styled:focus {\n  box-shadow: none;\n}\n\n.swal2-progress-steps .swal2-progress-step {\n  background: #1f58c7;\n}\n.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {\n  background: #1f58c7;\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(31, 88, 199, 0.3);\n}\n.swal2-progress-steps .swal2-progress-step-line {\n  background: #1f58c7;\n}\n\n.swal2-actions.swal2-loading .swal2-styled.swal2-confirm {\n  border-left-color: #1f58c7 !important;\n  border-right-color: #1f58c7 !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: #8face3;\n}\n\n.swal2-modal {\n  background-color: var(--bs-secondary-bg) !important;\n}\n.swal2-modal .swal2-title {\n  color: var(--bs-heading-color) !important;\n}\n.swal2-modal .swal2-html-container {\n  color: var(--bs-body-color) !important;\n}\n\n.alertify .ajs-header {\n  font-weight: 500;\n  font-size: 16px;\n  position: relative;\n  color: var(--bs-body-color);\n  border-color: var(--bs-border-color);\n}\n.alertify .ajs-dialog {\n  box-shadow: var(--bs-box-shadow);\n  background-color: var(--bs-secondary-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-secondary-bg);\n}\n.alertify .ajs-body {\n  color: var(--bs-body-color);\n}\n.alertify .ajs-footer {\n  border-top-color: var(--bs-border-color);\n}\n.alertify .ajs-footer .ajs-buttons .ajs-button {\n  font-size: 13px;\n  color: var(--bs-body-color);\n  font-weight: 500;\n}\n.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {\n  color: #1f58c7;\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-body-color);\n  background-color: var(--bs-secondary-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 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-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: #1f58c7;\n  border-color: #1f58c7;\n  color: #fff;\n  text-shadow: none !important;\n  border-radius: 4px;\n}\n.alertify-notifier .ajs-message.ajs-success {\n  background-color: #28b765;\n  border-color: #28b765;\n}\n.alertify-notifier .ajs-message.ajs-error {\n  background-color: #ed5555;\n  border-color: #ed5555;\n}\n.alertify-notifier .ajs-message.ajs-warning {\n  background-color: #f4c238;\n  border-color: #f4c238;\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: #2362dd;\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 #1f58c7;\n}\n\n.swiper-pagination-bullet-active {\n  background-color: #1f58c7;\n  opacity: 1;\n  border: 1px solid #1f58c7;\n}\n\n.swiper-button-prev, .swiper-container-rtl .swiper-button-next {\n  left: 25px;\n  right: auto;\n}\n\n.swiper-button-next, .swiper-container-rtl .swiper-button-prev {\n  right: 25px;\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: #1f58c7;\n}\n\n.choices__inner {\n  padding: 0.25rem 2.5rem 0.25rem 0.5rem;\n  background-color: var(--bs-secondary-bg);\n  vertical-align: middle;\n  border-radius: var(--bs-border-radius);\n  border: var(--bs-border-width) solid var(--bs-border-color);\n  min-height: 38px;\n}\n\n.choices__heading {\n  border-bottom-color: var(--bs-border-color) !important;\n}\n\n.choices[data-type*=select-one] .choices__inner {\n  padding-bottom: 0.25rem;\n}\n.choices[data-type*=select-one]:after {\n  border: 0;\n  border-color: var(--bs-border-color) transparent transparent;\n  right: 11.5px;\n  left: auto;\n  content: \"\\f0140\";\n  font-family: \"Material Design Icons\";\n  width: auto;\n  height: auto;\n  margin-top: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.choices[data-type*=select-one].is-open:after {\n  margin-top: 0;\n  transform: translateY(-50%) rotate(-180deg);\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\n.choices__input {\n  background-color: var(--bs-secondary-bg);\n  margin-bottom: 0;\n}\n\n.choices__list--multiple {\n  display: inline-flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n.choices__list--multiple .choices__item {\n  background-color: #1f58c7;\n  border-color: #1f58c7;\n  margin-bottom: 0;\n  margin-right: 0;\n  font-weight: 400;\n}\n.choices__list--multiple .choices__item.is-highlighted {\n  background-color: #1f58c7;\n  border: 1px solid #1f58c7;\n}\n\n.choices.is-disabled .choices__inner, .choices.is-disabled .choices__input {\n  background-color: var(--bs-secondary-bg);\n}\n\n.is-open .choices__inner, .is-focused .choices__inner {\n  border-color: #8face3;\n}\n\n.is-disabled .choices__list--multiple .choices__item {\n  background-color: #a4a9b4;\n  border-color: #a4a9b4;\n}\n\n.choices[data-type*=select-multiple] .choices__button, .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) !important;\n  border-color: var(--bs-border-color-translucent) !important;\n  box-shadow: var(--bs-box-shadow) !important;\n}\n.choices__list--dropdown .choices__item--selectable.is-highlighted {\n  background-color: var(--bs-tertiary-bg) !important;\n}\n\n.is-open .choices__list--dropdown {\n  border-color: var(--bs-border-color-translucent) !important;\n}\n\n.choices[data-type*=select-one] .choices__input {\n  background-color: var(--bs-secondary-bg) !important;\n  border-bottom-color: var(--bs-border-color) !important;\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: #131516;\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: #f5f6f8;\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: #1f58c7;\n}\n\ninput[switch]:checked + label {\n  background-color: #1f58c7;\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: #f5f6f8;\n}\n\ninput[switch=bool] + label {\n  background-color: #ed5555;\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: #28b765;\n}\n\ninput[switch=default]:checked + label {\n  background-color: #a2a2a2;\n}\n\ninput[switch=primary]:checked + label {\n  background-color: #1f58c7;\n}\n\ninput[switch=success]:checked + label {\n  background-color: #28b765;\n}\n\ninput[switch=info]:checked + label {\n  background-color: #52c6ea;\n}\n\ninput[switch=warning]:checked + label {\n  background-color: #f4c238;\n}\n\ninput[switch=danger]:checked + label {\n  background-color: #ed5555;\n}\n\ninput[switch=dark]:checked + label {\n  background-color: #131516;\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-body-color);\n}\n\n.gridjs-head {\n  margin-bottom: 15px;\n  position: relative;\n  z-index: 1;\n}\n\n.gridjs-wrapper {\n  box-shadow: none;\n  border: none;\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(19, 21, 22, 0.075);\n  border-radius: 10px;\n  border: 2px solid var(--bs-border-color);\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: 0px solid var(--bs-border-color);\n  border-bottom-width: 1px;\n  padding: 0.75rem 0.75rem;\n}\n\nth.gridjs-th {\n  border-top: 0;\n  color: var(--bs-body-color);\n  background-color: var(--bs-table-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: none;\n  border-top: 0;\n}\n\n.gridjs-pagination {\n  color: var(--bs-body-color);\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}\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}\n.gridjs-pagination .gridjs-pages button:hover {\n  background-color: var(--bs-tertiary-bg);\n  color: var(--bs-link-color);\n}\n.gridjs-pagination .gridjs-pages button:focus {\n  box-shadow: none;\n  margin: 0 5px !important;\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: #1f58c7;\n  color: #fff;\n  font-weight: 500;\n  border-color: #1f58c7;\n}\n\ninput.gridjs-input {\n  border-color: var(--bs-border-color);\n  background-color: var(--bs-secondary-bg);\n  color: var(--bs-body-color);\n  font-size: 13px;\n  border-radius: 30px;\n}\ninput.gridjs-input:focus {\n  box-shadow: none;\n  border-color: #8face3;\n  background-color: var(--bs-secondary-bg);\n}\n\n.gridjs-tbody, td.gridjs-td {\n  background-color: var(--bs-secondary-bg) !important;\n}\n\n.gridjs-footer {\n  background: var(--bs-secondary-bg);\n}\n\n.gridjs-pagination .gridjs-pages button {\n  background-color: var(--bs-pagination-bg);\n}\n\n.gridjs-pagination .gridjs-pages button[disabled] {\n  background-color: var(--bs-pagination-disabled-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-secondary-bg);\n}\n\n.input[readonly] {\n  background-color: var(--bs-secondary-bg);\n}\n\n.flatpickr-months, .flatpickr-weekdays {\n  background-color: #1f58c7;\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, .numInput:focus, .numInput:hover, .numInputWrapper:focus, .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: var(--bs-body-color) !important;\n}\n.flatpickr-day:hover, .flatpickr-day:focus {\n  background-color: var(--bs-tertiary-bg) !important;\n}\n.flatpickr-day.today {\n  border-color: #1f58c7 !important;\n  background-color: rgba(31, 88, 199, 0.1);\n}\n.flatpickr-day.today:hover, .flatpickr-day.today:focus {\n  color: var(--bs-body-color) !important;\n  background-color: rgba(31, 88, 199, 0.15) !important;\n}\n.flatpickr-day.selected {\n  background-color: #1f58c7 !important;\n  border-color: #1f58c7 !important;\n  color: #fff !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-body-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-tertiary-bg);\n  border-color: var(--bs-border-color);\n}\n.flatpickr-day.inRange {\n  box-shadow: -5px 0 0 var(--bs-box-shadow), 5px 0 0 var(--bs-box-shadow);\n}\n.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {\n  background-color: #1f58c7 !important;\n  border-color: #1f58c7 !important;\n  color: #fff !important;\n}\n\n.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month, .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, .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {\n  color: var(--bs-body-color) !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, .flatpickr-months .flatpickr-next-month:hover svg {\n  fill: rgba(255, 255, 255, 0.9) !important;\n}\n\n.ck.ck-toolbar {\n  background-color: var(--bs-tertiary-bg) !important;\n  border: 1px solid var(--bs-border-color) !important;\n}\n.ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {\n  flex-wrap: wrap !important;\n}\n.ck.ck-toolbar .ck.ck-toolbar__separator {\n  background: transparent !important;\n}\n.ck.ck-editor__main > .ck-editor__editable {\n  border-top: 0 !important;\n  background-color: var(--bs-secondary-bg) !important;\n  border-color: var(--bs-border-color) !important;\n  box-shadow: var(--bs-box-shadow) !important;\n}\n.ck.ck-dropdown__panel, .ck.ck-list {\n  background: var(--bs-secondary-bg) !important;\n  border: 1px solid var(--bs-border-color-translucent) !important;\n  box-shadow: var(--bs-box-shadow) !important;\n}\n.ck.ck-reset_all, .ck.ck-reset_all * {\n  color: var(--bs-body-color) !important;\n}\n.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {\n  left: 0;\n  right: auto !important;\n}\n.ck.ck-editor__editable_inline[dir=rtl] {\n  text-align: left !important;\n}\n\n.ck-editor__editable {\n  min-height: 245px !important;\n}\n\n.ck.ck-button.ck-on:not(.ck-disabled):hover, .ck.ck-button.ck-on:not(.ck-disabled):active,\na.ck.ck-button.ck-on:not(.ck-disabled):hover,\na.ck.ck-button.ck-on:not(.ck-disabled):active {\n  background: var(--bs-tertiary-bg) !important;\n  box-shadow: none !important;\n}\n.ck.ck-button:focus, .ck.ck-button:active,\na.ck.ck-button:focus,\na.ck.ck-button:active {\n  background: var(--bs-tertiary-bg) !important;\n  border-color: var(--bs-border-color) !important;\n}\n\n.ck.ck-tooltip .ck-tooltip__text {\n  background: #131516 !important;\n  color: var(--bs-body-color) !important;\n}\n\n.ck.ck-toolbar .ck.ck-button.ck-on,\na.ck.ck-button.ck-on,\n.ck.ck-button:not(.ck-disabled):hover,\na.ck.ck-button:not(.ck-disabled):hover {\n  background: var(--bs-tertiary-bg) !important;\n}\n\n.ck.ck-list__item .ck-button .ck-button__label {\n  font-family: \"Work Sans\", sans-serif;\n}\n\n[dir=rtl] .ck.ck-toolbar > .ck-toolbar__items {\n  flex-direction: row-reverse;\n}\n\n.ql-editor {\n  text-align: left;\n}\n.ql-editor ol, .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: #1f58c7 !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: 0 0px 6px #ebeef4;\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-translucent) !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(31, 88, 199, 0.2);\n  color: #1f58c7;\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: #1f58c7;\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) s;\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: #282c2f;\n  background-color: transparent;\n}\n.wizard-nav .list-item.active .step-icon {\n  background-color: rgba(31, 88, 199, 0.2);\n  color: #1f58c7;\n  border-color: rgba(31, 88, 199, 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-text tspan {\n  font-family: \"Montserrat\", sans-serif !important;\n  font-size: 11px;\n}\n\n.apexcharts-tooltip {\n  font-family: var(--bs-font-sans-serif) !important;\n  color: #a4a9b4 !important;\n  background: var(--bs-secondary-bg) !important;\n  border-color: var(--bs-border-color) !important;\n}\n.apexcharts-tooltip .apexcharts-tooltip-title {\n  background: var(--bs-body-bg) !important;\n  border-color: var(--bs-border-color) !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: var(--bs-border-color) !important;\n}\n\n.apexcharts-grid-borders line {\n  stroke: var(--bs-border-color) !important;\n}\n\n.apexcharts-legend-text {\n  color: #a4a9b4 !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,\n.apexcharts-subtitle-text {\n  fill: #7d8287;\n}\n\n.apexcharts-yaxis text,\n.apexcharts-xaxis text {\n  font-family: var(--bs-font-sans-serif) !important;\n  fill: #7d8287;\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  #chart-quarter {\n    transform: translateX(-50%);\n  }\n}\n.e-charts {\n  height: 350px;\n}\n\n.chartjs-chart {\n  max-height: 350px;\n}\n\n.glightbox-clean .gslide-title {\n  font-family: \"Montserrat\", 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 .gslide-description {\n  background: var(--bs-secondary-bg);\n}\n.glightbox-clean .gslide-description .gslide-title {\n  color: var(--bs-heading-color);\n}\n.glightbox-clean .gclose {\n  border: 2px solid var(--bs-border-color);\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: #1f58c7;\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 #1f58c7;\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 #1f58c7;\n}\n\n.jvm-tooltip {\n  border-radius: 3px;\n  background-color: #1f58c7;\n  font-family: var(--bs-font-sans-serif);\n  box-shadow: 0 5px 6px rgba(19, 21, 22, 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.auth-bg {\n  background-image: url(\"../images/bg-auth.png\");\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n}\n.auth-bg .bg-overlay {\n  opacity: 0.82;\n  border-top-left-radius: 40px;\n  border-bottom-left-radius: 40px;\n}\n@media (min-width: 768px) {\n  .auth-bg {\n    border-top-left-radius: 40px;\n    border-bottom-left-radius: 40px;\n    height: 100vh;\n  }\n}\n\n.input-custom-icon .form-control {\n  padding-left: 40px;\n  padding-right: 20px;\n}\n.input-custom-icon span {\n  position: absolute;\n  z-index: 10;\n  line-height: 40px;\n  left: 13px;\n  top: 50%;\n  font-size: 16px;\n  -webkit-transform: translateY(-50%);\n  transform: translateY(-50%);\n  color: #7d8287;\n}\n\n.auth-pass-inputgroup input[type=text] + .btn .mdi-eye-outline:before {\n  content: \"\\f06d1\";\n}\n.auth-pass-inputgroup button {\n  line-height: 22px;\n}\n\n.form-floating-custom {\n  position: relative;\n}\n.form-floating-custom > label {\n  left: 48px;\n  margin-top: 2px;\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  top: 0;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 56px;\n  fill: var(--bs-secondary-color);\n}\n.form-floating-custom .form-floating-icon svg {\n  width: 22px;\n  height: 22px;\n}\n\n.auth-full-page-content {\n  background-color: var(--bs-secondary-bg);\n}\n\n.home-btn {\n  position: fixed;\n  top: 30px;\n  right: 30px;\n  z-index: 1;\n}\n\n.auth-logo .auth-logo-dark {\n  display: block;\n  margin: 0px auto;\n}\n.auth-logo .auth-logo-light {\n  display: none;\n  margin: 0px auto;\n}\n\n.authentication-bg {\n  background-size: cover;\n  background-repeat: no-repeat;\n  background-image: url(\"../images/login-img.png\");\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.85;\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-secondary-color);\n}\n\n.error-font {\n  font-size: 9rem;\n  text-shadow: 4px 4px 6px rgba(19, 21, 22, 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.signin-other-title {\n  position: relative;\n}\n.signin-other-title:after {\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: 18px;\n}\n.signin-other-title .title {\n  display: inline-block;\n  position: relative;\n  z-index: 9;\n  background-color: var(--bs-secondary-bg);\n  padding: 2px 16px;\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 .auth-logo-light {\n  display: block;\n}\nbody[data-bs-theme=dark] .authentication-bg .auth-logo-dark {\n  display: none;\n}\n\n.product-box {\n  border: 2px solid var(--bs-border-color);\n  position: relative;\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  fill: #a4a9b4;\n}\n\n.product-list li a {\n  display: block;\n  padding: 4px 0px;\n  color: var(--bs-body-color);\n}\n\n.product-review-link .list-inline-item a {\n  color: var(--bs-body-color);\n  padding: 4px 8px;\n  font-size: 15px;\n}\n\n.product-view-nav.nav-pills .nav-item {\n  margin-left: 4px;\n}\n.product-view-nav.nav-pills .nav-link {\n  width: 36px;\n  height: 36px;\n  font-size: 16px;\n  padding: 0;\n  line-height: 36px;\n  text-align: center;\n  border-radius: 50%;\n}\n\n.product-ribbon {\n  position: absolute;\n  right: 0px;\n  top: 0px;\n}\n\n.product-content {\n  position: relative;\n}\n.product-content .product-buy-icon {\n  width: 40px;\n  height: 40px;\n  line-height: 40px;\n  text-align: center;\n  border-radius: 50%;\n  position: absolute;\n  right: 0;\n}\n\n.product-detail .swiper-button-next,\n.product-detail .swiper-button-prev {\n  color: #1f58c7;\n  width: 35px;\n  height: 35px;\n  background: rgba(31, 88, 199, 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}\n.product-detail .swiper-button-prev {\n  left: 20px;\n}\n.product-detail .nav-slide-item {\n  padding: 0px 10px;\n}\n.product-detail .nav-slide-item img {\n  border: 2px solid transparent;\n}\n.product-detail .nav-slide-item:hover {\n  cursor: pointer;\n}\n.product-detail .swiper-slide-thumb-active .nav-slide-item img {\n  border: 2px solid #1f58c7;\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-detail .nav .nav-link {\n  margin: 0px 13px;\n  padding: 2px;\n}\n\n.product-color a {\n  display: inline-block;\n  text-align: center;\n  color: var(--bs-body-color);\n}\n.product-color a .product-color-item {\n  margin: 7px;\n}\n.product-color a.active, .product-color a:hover {\n  color: #1f58c7;\n}\n.product-color a.active .product-color-item, .product-color a:hover .product-color-item {\n  border-color: #1f58c7 !important;\n}\n\n.visa-card .visa-logo {\n  line-height: 0.5;\n}\n.visa-card .visa-pattern {\n  position: absolute;\n  font-size: 385px;\n  color: rgba(255, 255, 255, 0.05);\n  line-height: 0.4;\n  right: 0px;\n  bottom: 0px;\n}\n\n/* Activity */\n.activity-checkout {\n  list-style: none;\n}\n.activity-checkout .checkout-icon {\n  position: absolute;\n  top: -4px;\n  left: -24px;\n}\n.activity-checkout .checkout-item {\n  position: relative;\n  padding-bottom: 24px;\n  padding-left: 35px;\n  border-left: 2px solid var(--bs-body-color);\n}\n.activity-checkout .checkout-item:first-child {\n  border-color: #1f58c7;\n}\n.activity-checkout .checkout-item:first-child:after {\n  background-color: #1f58c7;\n}\n.activity-checkout .checkout-item:last-child {\n  border-color: transparent;\n}\n.activity-checkout .checkout-item.crypto-activity {\n  margin-left: 50px;\n}\n.activity-checkout .checkout-item .crypto-date {\n  position: absolute;\n  top: 3px;\n  left: -65px;\n}\n\n.shipping-address {\n  box-shadow: none;\n}\n.shipping-address.active {\n  border-color: #1f58c7 !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: #1f58c7;\n  background: #fff;\n}\n\n.checkout-tabs .nav-pills .nav-link {\n  margin-bottom: 24px;\n  text-align: center;\n  background-color: var(--bs-secondary-bg);\n  box-shadow: 0 0px 6px #ebeef4;\n}\n.checkout-tabs .nav-pills .nav-link.active {\n  background-color: #1f58c7;\n}\n.checkout-tabs .nav-pills .nav-link .check-nav-icon {\n  font-size: 36px;\n}\n\n.ecommerce-slied-bg {\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n  height: auto;\n}\n\n.swiper-button-next {\n  width: 40px;\n  height: 40px;\n  margin-top: -22px;\n  line-height: 40px;\n  background-color: #1f58c7;\n  text-align: center;\n  font-size: 30px;\n  color: #fff;\n  border-radius: 50%;\n}\n\n.swiper-button-prev {\n  width: 40px;\n  height: 40px;\n  margin-top: -22px;\n  line-height: 40px;\n  background-color: #1f58c7;\n  text-align: center;\n  font-size: 30px;\n  color: #fff;\n  border-radius: 50%;\n}\n\n@media (min-width: 1200px) {\n  .filemanager-sidebar {\n    min-width: 270px;\n    max-width: 270px;\n  }\n}\n@media (min-width: 1366px) {\n  .filemanager-sidebar {\n    min-width: 300px;\n    max-width: 300px;\n  }\n}\n@media (width: 1440px) {\n  .filemanager-sidebar {\n    min-width: 240px;\n    max-width: 240px;\n  }\n}\n\n.categories-list {\n  padding: 4px 0;\n}\n.categories-list li a {\n  display: block;\n  padding: 8px 12px;\n  color: var(--bs-body-color);\n  font-weight: 500;\n}\n.categories-list li.active a {\n  color: #1f58c7;\n}\n.categories-list li ul {\n  padding-left: 20px;\n}\n.categories-list li ul li a {\n  padding: 4px 12px;\n  color: var(--bs-secondary-color);\n  font-size: 14px;\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-body-color);\n  font-weight: 500;\n}\n.chat-user-box p {\n  font-size: 14px;\n}\n\n@media (max-width: 767px) {\n  .email-leftbar {\n    float: none;\n    width: 100%;\n  }\n  .email-rightbar {\n    margin: 0;\n  }\n}\n.mail-list a {\n  display: block;\n  color: var(--bs-body-color);\n  line-height: 24px;\n  padding: 10px 18px;\n}\n.mail-list a.active {\n  color: #1f58c7;\n  font-weight: 500;\n}\n.mail-list a.active h5 {\n  color: #1f58c7;\n}\n\n.unread {\n  background-color: var(--bs-tertiary-bg);\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: #a4a9b4;\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: 6px;\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 #1f58c7;\n}\n.message-list .list.unread {\n  background-color: #eff0f2;\n  font-weight: 500;\n  color: var(--bs-body-color);\n}\n.message-list .list.unread a {\n  color: var(--bs-body-color);\n  font-weight: 500;\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 #e2e5e8;\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-body-color);\n  width: 20px;\n  position: absolute;\n  margin-top: -16px;\n  left: 4px;\n  font-size: 13px;\n}\n.message-list:hover {\n  background-color: var(--bs-tertiary-bg);\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: #a4a9b4;\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 {\n  position: relative;\n  z-index: 2;\n}\n.chat-noti-dropdown.active:before {\n  content: \"\";\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  background-color: #ed5555;\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}\n\n.chat-message-list {\n  height: calc(100vh - 346px);\n}\n@media (min-width: 992px) {\n  .chat-message-list {\n    height: calc(100vh - 505px);\n  }\n}\n\n.chat-search-box .form-control {\n  border: 0;\n}\n\n.chat-user-status {\n  position: relative;\n  margin-top: -25px;\n}\n.chat-user-status .status {\n  width: 12px;\n  height: 12px;\n  background-color: #28b765;\n  border-radius: 50%;\n  border: 2px solid #fff;\n  position: absolute;\n  left: 35px;\n  right: 0;\n  margin: 0 auto;\n  bottom: 0;\n}\n\n.chat-list {\n  margin: 0;\n}\n.chat-list .active {\n  background: #1f58c7;\n  border-radius: 0.75rem !important;\n}\n.chat-list .active h5 {\n  color: #fff;\n}\n.chat-list li a {\n  position: relative;\n  display: block;\n  padding: 12px 18px;\n  color: var(--bs-secondary-color);\n  transition: all 0.4s;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 13px;\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: #7d8287;\n  border-radius: 50%;\n  border: 2px solid var(--bs-border-color);\n  position: absolute;\n  left: 0;\n  bottom: 0;\n}\n.chat-list li .user-img.online .user-status {\n  background-color: #28b765;\n}\n.chat-list li .user-img.away .user-status {\n  background-color: #f4c238;\n}\n.chat-list li.unread a {\n  font-weight: 600;\n  color: var(--bs-body-color);\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}\n\n.contact-list {\n  font-size: 12px;\n  text-transform: uppercase;\n  color: var(--bs-secondary-color);\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 - 315px);\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-secondary-bg);\n  position: relative;\n  z-index: 1;\n  padding: 4px 16px;\n  border-radius: 7px;\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 {\n  text-align: center;\n}\n.chat-conversation .chat-avatar img {\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n}\n.chat-conversation .chat-avatar .time {\n  font-size: 12px;\n  color: var(--bs-secondary-color);\n  font-weight: 500;\n  margin-top: 4px;\n}\n.chat-conversation .conversation-list {\n  margin-bottom: 24px;\n  position: relative;\n}\n@media (min-width: 992px) {\n  .chat-conversation .conversation-list {\n    max-width: 60%;\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: 15px 20px;\n  background-color: var(--bs-tertiary-bg);\n  border-radius: 0px 8px 8px 8px;\n  color: var(--bs-secondary-color);\n  position: relative;\n  margin-left: 10px;\n}\n.chat-conversation .conversation-list .ctext-wrap-content:before {\n  content: \"\";\n  position: absolute;\n  border: 5px solid transparent;\n  border-right-color: var(--bs-tertiary-bg);\n  border-top-color: var(--bs-tertiary-bg);\n  left: -10px;\n  top: 0;\n}\n.chat-conversation .conversation-list .conversation-name {\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-secondary-color);\n  font-weight: 400;\n  transition: all 0.4s;\n}\n.chat-conversation .conversation-list .conversation-name .user-name {\n  color: rgba(255, 255, 255, 0.5);\n}\n.chat-conversation .conversation-list:hover .time {\n  opacity: 1;\n}\n.chat-conversation .conversation-list .dropdown .dropdown-toggle {\n  font-size: 18px;\n  padding: 4px;\n  color: var(--bs-body-color);\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 {\n  display: flex;\n  justify-content: flex-end;\n}\n.chat-conversation .right .conversation-list {\n  text-align: right;\n}\n.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content {\n  order: 2;\n  background-color: #1f58c7;\n  text-align: right;\n  border-radius: 8px 0px 8px 8px;\n  color: #fff;\n  margin-left: 0;\n  margin-right: 10px;\n}\n.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content:before {\n  border: 5px solid transparent;\n  border-top-color: #1f58c7;\n  border-left-color: #1f58c7;\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: -58px;\n  left: auto;\n}\n.chat-conversation .right .conversation-list .ctext-wrap .conversation-name .user-name {\n  color: var(--bs-body-color);\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-tertiary-bg) !important;\n  border-color: var(--bs-border-color) !important;\n}\n\n@media (max-width: 575.98px) {\n  .chat-send {\n    min-width: auto;\n  }\n}\n\nbody[data-layout=horizontal] .chat-message-list {\n  height: calc(100vh - 346px);\n}\n@media (min-width: 992px) {\n  body[data-layout=horizontal] .chat-message-list {\n    height: calc(100vh - 475px);\n  }\n}\nbody[data-layout=horizontal] .chat-conversation {\n  height: calc(100vh - 300px);\n}\n@media (min-width: 992px) {\n  body[data-layout=horizontal] .chat-conversation {\n    height: calc(100vh - 311px);\n  }\n}\n\n@media (min-width: 992px) {\n  .small-chat .conversation-list {\n    max-width: 90%;\n  }\n}\n\n.contact-links a {\n  color: var(--bs-body-color);\n}\n\n.profile-user-wid {\n  margin-top: -26px;\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-secondary-bg);\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(19, 21, 22, 0.5);\n  text-transform: uppercase;\n}\n.countdownlist .count-num {\n  background-color: rgba(31, 88, 199, 0.1);\n  color: #1f58c7;\n  padding: 16px 8px;\n  position: relative;\n  border-radius: var(--bs-border-radius);\n  box-shadow: 0 0px 6px #ebeef4;\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: var(--bs-body-color);\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/************** vertical timeline **************/\n.timeline {\n  position: relative;\n  width: 100%;\n  padding: 30px 0;\n}\n@media (max-width: 767.98px) {\n  .timeline {\n    padding: 0;\n  }\n}\n.timeline .timeline-end,\n.timeline .timeline-start,\n.timeline .timeline-year {\n  position: relative;\n  width: 100%;\n  text-align: center;\n  z-index: 1;\n}\n.timeline .timeline-end p,\n.timeline .timeline-start p,\n.timeline .timeline-year p {\n  display: inline-block;\n  width: 80px;\n  height: 80px;\n  margin: 0;\n  padding: 30px 0;\n  text-align: center;\n  background-color: #1f58c7;\n  border-radius: 100px;\n  color: #fff;\n  text-transform: uppercase;\n}\n.timeline .timeline-year {\n  margin: 30px 0;\n}\n.timeline .timeline-continue {\n  position: relative;\n  width: 100%;\n  padding: 60px 0;\n}\n.timeline .timeline-continue:after {\n  position: absolute;\n  content: \"\";\n  width: 1px;\n  height: 100%;\n  top: 0;\n  left: 50%;\n  margin-left: -1px;\n  background: #1f58c7;\n}\n.timeline .timeline-icon {\n  margin: 42px 10px 0 10px;\n}\n.timeline .timeline-left {\n  text-align: right;\n}\n.timeline .timeline-left .timeline-icon {\n  text-align: left;\n}\n.timeline .timeline-right {\n  text-align: left;\n}\n.timeline .timeline-right .timeline-icon {\n  text-align: right;\n}\n.timeline .timeline-icon::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  width: 14px;\n  height: 14px;\n  top: 45px;\n  background: #1f58c7;\n  border-radius: 15px;\n  z-index: 1;\n}\n@media (min-width: 768px) {\n  .timeline .event-content {\n    padding-right: 24px;\n  }\n  .timeline .timeline-text {\n    margin-right: 40px;\n  }\n}\n.timeline .timeline-left .timeline-icon::after {\n  left: -7px;\n}\n@media (min-width: 768px) {\n  .timeline .timeline-left .event-content {\n    padding-right: 0;\n    padding-left: 24px;\n  }\n  .timeline .timeline-left .timeline-text {\n    margin-right: 0px;\n    margin-left: 40px;\n  }\n  .timeline .timeline-left .event-img {\n    justify-content: flex-end;\n  }\n}\n.timeline .timeline-right .timeline-icon::after {\n  right: -7px;\n}\n.timeline .timeline-box {\n  position: relative;\n  display: inline-block;\n  margin: 15px;\n  padding: 20px;\n  background-color: var(--bs-light);\n  border-radius: 6px;\n}\n.timeline .timeline-box::after {\n  content: \"\";\n  position: absolute;\n  width: 16px;\n  height: 16px;\n  top: 26px;\n  background-color: var(--bs-light);\n  border: 1px solid var(--bs-light);\n  transform: rotate(45deg);\n  margin: 0px auto;\n}\n.timeline .timeline-launch {\n  position: relative;\n  display: inline-block;\n  margin: 15px;\n  padding: 20px;\n  border: 1px solid var(--bs-light);\n  border-radius: 6px;\n  width: 100%;\n  margin: 15px 0;\n  padding: 0;\n  border: none;\n  text-align: center;\n  background: transparent;\n}\n\n.timeline-date {\n  right: 20px;\n}\n@media (max-width: 767.98px) {\n  .timeline-date {\n    left: -70px;\n    right: auto;\n  }\n}\n\n.timeline-left .timeline-date {\n  left: 20px;\n}\n@media (max-width: 767.98px) {\n  .timeline-left .timeline-date {\n    left: -70px;\n    right: auto;\n  }\n}\n\n.timeline .timeline-date {\n  width: 54px;\n  height: 80px;\n  display: inline-block;\n  padding: 8px;\n  clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);\n  top: -10px;\n  position: absolute;\n  z-index: 1;\n}\n@media (max-width: 767.98px) {\n  .timeline .timeline-date {\n    top: 0px;\n  }\n}\n.timeline .timeline-right .timeline-box::after {\n  border-color: transparent transparent var(--bs-light) var(--bs-light);\n  left: -8px;\n  right: 100%;\n}\n.timeline .timeline-left .timeline-box::after {\n  border-color: var(--bs-light) var(--bs-light) transparent transparent;\n  right: -8px;\n}\n.timeline .timeline-launch .timeline-box::after {\n  top: -8px;\n  left: 32px;\n  border-color: var(--bs-light) transparent transparent var(--bs-light);\n}\n@media (min-width: 768px) {\n  .timeline .timeline-launch .timeline-box::after {\n    left: 50%;\n    transform: rotate(45deg) translateX(-50%);\n    top: -2px;\n  }\n}\n.timeline .timeline-launch .timeline-text {\n  width: 100%;\n}\n\n@media (max-width: 767px) {\n  .timeline .timeline-continue::after {\n    left: 40px;\n  }\n  .timeline .timeline-end,\n  .timeline .timeline-start,\n  .timeline .timeline-year {\n    text-align: left;\n  }\n  .timeline .row.timeline-left {\n    text-align: left;\n  }\n  .timeline .row.timeline-left .timeline-icon {\n    text-align: left;\n  }\n  .timeline .row.timeline-right {\n    text-align: left;\n  }\n  .timeline .row.timeline-right .timeline-icon {\n    text-align: left;\n  }\n  .timeline .timeline-launch {\n    text-align: left;\n    margin-bottom: 0;\n  }\n  .timeline .row.timeline-left .timeline-icon::after {\n    left: 43px;\n  }\n  .timeline .row.timeline-right .timeline-icon::after {\n    left: 43px;\n  }\n  .timeline .timeline-box {\n    margin-left: 82px;\n    margin-right: 0;\n  }\n  .timeline .row.timeline-right .timeline-icon {\n    margin-left: 55px;\n  }\n  .timeline .row.timeline-left .timeline-icon {\n    margin-left: 55px;\n  }\n  .timeline .timeline-launch .timeline-box {\n    margin-left: 0;\n    margin-bottom: 0;\n  }\n  .timeline .row.timeline-left .timeline-box::after {\n    left: -8px;\n    border-color: transparent transparent var(--bs-light) var(--bs-light);\n    right: auto;\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: #282c2f;\n  font-weight: 600;\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: #1f58c7;\n  font-weight: 700;\n}\n.categories-filter .list-inline-item:after {\n  content: \"\";\n  display: block;\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  background-color: var(--bs-secondary-color);\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  right: -2px;\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 #eff0f2;\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(31, 88, 199, 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-secondary-color);\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.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: #1f58c7;\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.profile-bg {\n  height: 210px;\n  background-image: url(\"../images/profile-bg.jpg\");\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n}\n\n.pricing-box {\n  border-top: 2px solid #1f58c7;\n}\n.pricing-box .pricing-features {\n  color: var(--bs-secondary-color);\n}\n.pricing-box .pricing-features li {\n  padding: 4px 0;\n}\n\n.error-title {\n  font-size: 180px;\n  text-shadow: 9px 0px #1f58c7;\n}\n@media (max-width: 425px) {\n  .error-title {\n    font-size: 150px;\n  }\n}","//\n// _header.scss\n//\n\n.ishorizontal-topbar,\n.isvertical-topbar {\n    position: fixed;\n    top: 0;\n    right: 0;\n    left: $sidebar-width;\n    z-index: 1005;\n    background-color: var(--#{$prefix}body-bg);\n    transition: all 0.2s;\n\n    @media (max-width: 991.98px) {\n        background-color: $header-bg;\n    }\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: $header-height;\n    max-width: 98%;\n    padding: 0 calc(#{$grid-gutter-width} / 2) 0 calc(#{$grid-gutter-width} / 2);\n\n    .dropdown {\n        .header-item.show {\n            color: $primary;\n        }\n    }\n\n    .navbar-brand-box {\n        display: none;\n    }\n}\n\nbody {\n    &:not([data-sidebar-size=\"sm\"]) {\n        .navbar-header {\n            .vertical-menu-btn {\n                display: none;\n            }\n        }\n\n        .app-search {\n            margin-left: 10px;\n        }\n    }\n}\n\n.navbar-brand-box {\n    padding: 0 1.5rem;\n    width: calc(#{$sidebar-width} - 2px);\n    position: fixed;\n    z-index: 1;\n    background-color: var(--#{$prefix}navbar-brand-box-bg);\n    transition: all 0.2s;\n}\n\n.logo {\n    line-height: $header-height;\n    .logo-sm {\n        display: none;\n    }\n}\n\n.logo-dark {\n    display: $display-block;\n}\n\n.logo-light {\n    display: $display-none;\n}\n\n/* Search */\n\n.app-search {\n    padding: calc(#{$header-height - 44px} / 2) 0;\n\n    .form-control {\n        border: 1px solid $topbar-search-border;\n        height: 44px;\n        padding-left: 40px;\n        padding-right: 20px;\n        background-color: $topbar-search-bg;\n        box-shadow: $box-shadow;\n        border-radius: 0.6rem;\n        width: 320px;\n    }\n    span {\n        position: absolute;\n        z-index: 10;\n        line-height: 40px;\n        left: 13px;\n        top: 50%;\n        font-size: 16px;\n        transform: translateY(-50%);\n        color: $gray-500;\n    }\n}\n\n// Mega menu\n\n.megamenu-list {\n    li {\n        position: relative;\n        padding: 5px 0px;\n        a {\n            color: $dropdown-color;\n        }\n    }\n}\n\n@media (max-width: 991.98px) {\n    .navbar-brand-box {\n        width: auto;\n    }\n\n    .ishorizontal-topbar,\n    .isvertical-topbar {\n        left: 0;\n\n        .navbar-header {\n            .navbar-brand-box {\n                display: inline-block;\n                position: relative;\n                background-color: $header-bg;\n            }\n\n            .vertical-menu-btn {\n                display: inline-block !important;\n            }\n        }\n    }\n\n    .logo {\n        span.logo-lg {\n            display: none;\n        }\n\n        span.logo-sm {\n            display: inline-block;\n        }\n    }\n\n    [data-bs-theme=\"dark\"] {\n        .ishorizontal-topbar,\n        .isvertical-topbar {\n            .navbar-header {\n                .navbar-brand-box {\n                    background-color: $topnav-dark-bg;\n                }\n            }\n        }\n    }\n}\n[data-topbar=\"dark\"] {\n    .ishorizontal-topbar,\n    .isvertical-topbar {\n        .navbar-header {\n            .page-title {\n                color: #eeeff1 !important;\n            }\n        }\n    }\n}\n\n.page-content {\n    padding: $header-height calc(#{$grid-gutter-width} / 2) $footer-height calc(#{$grid-gutter-width} / 2);\n    .container-fluid {\n        max-width: 98%;\n    }\n}\n\n.header-item {\n    height: $header-height;\n    box-shadow: none !important;\n    fill: $header-item-color;\n    border: 0;\n    border-radius: 0px;\n\n    &:hover {\n        fill: $header-item-color;\n    }\n}\n\n.header-profile-user {\n    height: 42px;\n    width: 42px;\n    border: 1px solid var(--#{$prefix}border-color);\n    padding: 3px;\n}\n.user {\n    .user-item-desc {\n        line-height: 1.2;\n    }\n\n    .user-name {\n        font-size: 14.4px;\n        font-weight: $font-weight-semibold;\n        display: block;\n        color: $gray-700;\n    }\n\n    .user-sub-title {\n        color: $text-muted;\n        font-size: 11px;\n        font-weight: $font-weight-semibold;\n    }\n}\n\n.noti-icon {\n    position: relative;\n    i {\n        font-size: 24px;\n        color: $header-item-color;\n    }\n\n    .noti-dot {\n        position: absolute;\n        top: 20px;\n        right: 10px;\n        height: 14px;\n        width: 14px;\n        color: $white;\n        line-height: 14px;\n        font-weight: 500;\n        font-size: 10px;\n    }\n\n    .badge {\n        position: absolute;\n        top: 12px;\n        right: 6px;\n        border: 2px solid var(--#{$prefix}border-color);\n    }\n}\n\n.notification-item {\n    .d-flex {\n        padding: 1rem;\n        border-bottom: 1px solid var(--#{$prefix}border-color);\n\n        &:hover {\n            background-color: $dropdown-link-hover-bg;\n        }\n    }\n}\n\n// Dropdown with Icons\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: $gray-600;\n\n    img {\n        height: 24px;\n    }\n\n    span {\n        display: block;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    &:hover {\n        border-color: var(--#{$prefix}border-color);\n    }\n}\n\n// Full Screen\n.fullscreen-enable {\n    [data-toggle=\"fullscreen\"] {\n        .uil-minus-path::before {\n            content: \"\\eb8d\";\n        }\n    }\n}\n\nbody[data-topbar=\"dark\"] {\n    .ishorizontal-topbar,\n    .isvertical-topbar {\n        background-color: $header-dark-bg;\n    }\n\n    .navbar-header {\n        .dropdown.show {\n            .header-item {\n                background-color: rgba($white, 0.05);\n            }\n        }\n    }\n\n    .header-item {\n        fill: $header-dark-mode-item-color;\n\n        i {\n            color: $header-dark-mode-item-color;\n        }\n\n        span {\n            color: $header-dark-mode-item-color;\n        }\n\n        &:hover {\n            fill: $header-dark-mode-item-color;\n        }\n    }\n\n    .header-profile-user {\n        border-color: rgba($white, 0.25);\n    }\n\n    .user-name {\n        color: $header-dark-item-color;\n    }\n\n    .user-sub-title {\n        color: rgba($white, 0.5);\n    }\n\n    .noti-icon {\n        i {\n            color: $header-dark-item-color;\n        }\n\n        .noti-dot {\n            box-shadow: 0 0 0 3px $header-dark-bg;\n        }\n    }\n\n    .app-search {\n        .form-control {\n            background-color: $gray-200;\n            color: $white;\n            border: 1px solid $gray-300;\n            box-shadow: var(--#{$prefix}box-shadow);\n        }\n        span,\n        input.form-control::-webkit-input-placeholder {\n            color: rgba($white, 0.5);\n        }\n    }\n\n    .page-content {\n        padding: calc(#{$header-height} + 24px) calc(#{$grid-gutter-width} / 2) $footer-height\n            calc(#{$grid-gutter-width} / 2);\n    }\n\n    @media (max-width: 991.98px) {\n        .ishorizontal-topbar,\n        .isvertical-topbar {\n            .navbar-header {\n                .navbar-brand-box {\n                    background-color: $topnav-dark-bg;\n\n                    .logo-dark {\n                        display: none;\n                    }\n\n                    .logo-light {\n                        display: block;\n                    }\n                }\n            }\n        }\n\n        .logo {\n            span.logo-lg {\n                display: none;\n            }\n\n            span.logo-sm {\n                display: inline-block;\n            }\n        }\n\n        .noti-icon {\n            .noti-dot {\n                box-shadow: 0 0 0 3px $header-dark-bg;\n            }\n        }\n    }\n}\n\nbody[data-sidebar=\"dark\"] {\n    .navbar-brand-box {\n        background: $sidebar-dark-bg;\n\n        .logo-dark {\n            display: none;\n        }\n\n        .logo-light {\n            display: block;\n        }\n    }\n}\n\n@media (max-width: 600px) {\n    .navbar-header {\n        .dropdown {\n            position: static;\n\n            .dropdown-menu {\n                left: 10px !important;\n                right: 10px !important;\n                transform: translate3d(0px, $header-height, 0px) !important;\n            }\n        }\n    }\n}\n\n@media (max-width: 380px) {\n    .navbar-brand-box {\n        display: none;\n    }\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\nbody[data-bs-theme=\"dark\"] {\n    // .ishorizontal-topbar, .isvertical-topbar {\n    //     background-color: darken($gray--200, 5%);\n    // }\n\n    .navbar-brand-box {\n        .logo-dark {\n            display: none;\n        }\n        .logo-light {\n            display: block;\n        }\n    }\n\n    .header-item {\n        fill: $header-dark-item-color;\n\n        i {\n            color: $header-dark-item-color;\n        }\n\n        span {\n            color: $header-dark-item-color;\n        }\n\n        &:hover {\n            fill: $header-dark-item-color;\n        }\n    }\n\n    .dropdown-icon-item {\n        color: $gray-500;\n\n        &:hover {\n            border-color: $gray-300;\n        }\n    }\n\n    .noti-icon {\n        .noti-dot {\n            box-shadow: 0 0 0 3px $topnav-dark-bg;\n        }\n    }\n\n    .notification-item {\n        .d-flex {\n            border-color: var(--#{$prefix}border-color);\n        }\n    }\n\n    &[data-topbar=\"light\"] {\n        .page-content {\n            padding: calc(#{$header-height} + 24px) calc(#{$grid-gutter-width} / 2) $footer-height\n                calc(#{$grid-gutter-width} / 2);\n        }\n\n        .page-title {\n            color: #555b6d;\n        }\n\n        .ishorizontal-topbar,\n        .isvertical-topbar {\n            background-color: var(--#{$prefix}header-bg) !important;\n        }\n\n        .app-search {\n            padding: calc(#{$header-height - 44px} / 2) 0;\n\n            .form-control {\n                border: 2px solid $topbar-search-border;\n                background-color: $topbar-search-bg;\n            }\n            span {\n                color: $gray-500;\n            }\n        }\n\n        .noti-icon {\n            i {\n                color: $header-item-color;\n            }\n\n            .noti-dot {\n                color: $white;\n                box-shadow: 0 0 0 3px $header-bg !important;\n            }\n\n            .badge {\n                border: 2px solid $body-bg;\n            }\n        }\n\n        .header-item {\n            fill: $header-item-color;\n            span {\n                color: $header-item-color;\n            }\n        }\n    }\n\n    &[data-topbar=\"dark\"] {\n        .page-content {\n            padding: $header-height calc(#{$grid-gutter-width} / 2) $footer-height calc(#{$grid-gutter-width} / 2);\n        }\n    }\n}\n\n// topbar hidden\n\nbody[data-topbar=\"hidden\"] {\n    .isvertical-topbar {\n        display: none !important;\n    }\n    .page-content {\n        transition: all 0.3s;\n        padding: $grid-gutter-width calc(#{$grid-gutter-width} / 2) $footer-height calc(#{$grid-gutter-width} / 2);\n    }\n}\n","// Variables\n\n//\n// custom-variables\n//\n\n// Vertical Sidebar - Default Light\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-menu-sub-item-line-color: var(--#{$prefix}sidebar-menu-sub-item-line-color);\n$sidebar-width: 270px;\n$sidebar-collapsed-width: 70px;\n$sidebar-width-sm: 160px;\n\n// Vertical Sidebar - Dark\n$sidebar-dark-bg: var(--#{$prefix}sidebar-dark-bg); //2c313a\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$sidebar-dark-menu-sub-item-line-color: var(--#{$prefix}sidebar-dark-menu-sub-item-line-color);\n\n// Topbar - Deafult Light\n$header-height: 75px;\n$header-bg: var(--#{$prefix}header-bg);\n$header-item-color: #555b6d;\n\n// Topbar - Dark\n$header-dark-bg: #131516;\n$header-dark-item-color: #c0c5cb;\n$header-dark-mode-item-color: #c0c5cb;\n\n// Topbar Search\n$topbar-search-border: #eff0f2;\n$topbar-search-bg: #fff;\n\n// Footer\n$footer-height: 60px;\n$footer-bg: #f2f2f5;\n\n\n// Horizontal nav\n$topnav-bg: #fff;\n$menu-item-color: #7b8190;\n$menu-item-active-color: #1f58c7;\n\n// Horizontal nav\n$topnav-dark-bg: #131516;\n$menu-dark-item-color: #7e8388;\n$menu-dark-item-active-color: #eeeff1;\n\n// Right Sidebar\n$rightbar-width: 320px;\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: 1500px;\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: #f8f9fa;\n\n// table\n$table-head-bg: var(--#{$prefix}table-bg);\n$table-dark-border-color: tint-color($gray-800, 7.5%);\n\n// Font Family Secondary\n$font-family-secondary: 'Montserrat', 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// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n// scss-docs-start gray-color-variables\n$white:    #fff;\n$gray-100: #f8f9fa;\n$gray-200: #f5f6f8;\n$gray-300: #eff0f2;\n$gray-400: #e2e5e8;\n$gray-500: #7d8287;\n$gray-600: #a4a9b4;\n$gray-700: #282c2f;\n$gray-800: #1f2224;\n$gray-900: #131516;\n$black:    #000;\n// scss-docs-end gray-color-variables\n\n// fusv-disable\n// scss-docs-start gray-colors-map\n$grays: (\n  \"100\": $gray-100,\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:    #038edc;\n$indigo:  #564ab1;\n$purple:  #1f58c7;\n$pink:    #e83e8c;\n$red:     #ed5555;\n$orange:  #f1734f;\n$yellow:  #f4c238;\n$green:   #28b765;\n$teal:    #050505;\n$cyan:    #52c6ea;\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  \"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\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-color-variables\n$primary:       $purple;\n$secondary:     $gray-600;\n$success:       $green;\n$info:          $cyan;\n$warning:       $yellow;\n$orange:        $orange;\n$danger:        $red;\n$light:         $gray-200;\n$dark:          $gray-900;\n$purple:        $purple;\n// scss-docs-end theme-color-variables\n\n// scss-docs-start theme-colors-map\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    \"white\":      $white,\n    \"purple\":     $purple\n);\n\n// scss-docs-end theme-colors-map\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$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$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$light-border-subtle:     $gray-200;\n$dark-border-subtle:      $gray-500;\n// scss-docs-end theme-border-subtle-variables\n\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:     false;\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\n// Prefix for :root CSS variables\n\n$variable-prefix:             bs-; // Deprecated in v5.2.0 for the shorter `$prefix`\n$prefix:                      $variable-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 * .25,\n  2: $spacer * .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-text-align:           null;\n$body-color:                $gray-700;\n$body-bg:                   #f8f9fb;\n\n$body-secondary-color:      $gray-600;\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// 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// scss-docs-end icon-link-variables\n\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:           24px;\n$grid-row-columns:            6;\n\n$gutters:                     $spacers;\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:    $gray-300;\n// scss-docs-end border-variables\n\n// scss-docs-start border-radius-variables\n$border-radius:               .75rem;\n$border-radius-sm:            .5rem;\n$border-radius-lg:            0.6rem;\n$border-radius-xl:            1rem;\n$border-radius-xxl:           2rem;\n$border-radius-pill:          50rem;\n// scss-docs-end border-radius-variables\n// fusv-disable\n$border-radius-2xl:           $border-radius-xxl; // Deprecated in v5.3.0\n// fusv-enable\n\n// scss-docs-start box-shadow-variables\n$box-shadow:                  0 0px 6px darken($body-bg, 4%);\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075);\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// scss-docs-start focus-ring-variables\n$focus-ring-width:        0;\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-end focus-ring-variables\n\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:  'IBM Plex Sans', sans-serif;\n$font-family-monospace:   SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\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 affects the value of `rem`, which is used for as well font sizes, paddings, and margins\n// $font-size-base affects the font size of the body text\n$font-size-root:              null;\n$font-size-base:              0.925rem; // Assumes the browser default, typically `16px`\n$font-size-sm:                $font-size-base * .875;\n$font-size-lg:                $font-size-base * 1.25;\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 * .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:              #35415a;\n// scss-docs-end headings-variables\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n  1: 5rem,\n  2: 4.5rem,\n  3: 4rem,\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// fusv-disable\n$text-muted:                  var(--#{$prefix}secondary-color); // Deprecated in 5.3.0\n// fusv-enable\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:                    inherit;\n\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// scss-docs-start vr-variables\n$vr-border-width:             var(--#{$prefix}border-width);\n// scss-docs-end vr-variables\n\n$legend-margin-bottom:        .5rem;\n$legend-font-size:            1.5rem;\n$legend-font-weight:          null;\n\n$dt-font-weight:              $font-weight-bold;\n\n$list-inline-padding:         .5rem;\n\n$mark-padding:                .2em;\n$mark-bg:                     #fcf8e3;\n$mark-color:                  $body-color;\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$table-cell-padding-y:        .75rem;\n$table-cell-padding-x:        .75rem;\n$table-cell-padding-y-sm:     .40rem;\n$table-cell-padding-x-sm:     .40rem;\n\n$table-cell-vertical-align:   top;\n\n$table-color:                 var(--#{$prefix}body-color);\n$table-bg:                    var(--#{$prefix}secondary-bg);\n$table-accent-bg:             transparent;\n\n$table-th-font-weight:        null;\n\n$table-striped-color:         $table-color;\n$table-striped-bg-factor:     .05;\n$table-striped-bg:            var(--#{$prefix}tertiary-bg);\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$table-striped-order:         odd;\n$table-striped-columns-order: even;\n\n$table-group-separator-color: currentcolor;\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:         $focus-ring-width;\n$input-btn-focus-color-opacity: $focus-ring-opacity;\n$input-btn-focus-color:         $focus-ring-color;\n$input-btn-focus-blur:          $focus-ring-blur;\n$input-btn-focus-box-shadow:    $focus-ring-box-shadow;\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:              var(--#{$prefix}link-color);\n$btn-link-hover-color:        var(--#{$prefix}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}secondary-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}body-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:                $input-btn-focus-box-shadow;\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 * .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\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:                   null;\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:       $focus-ring-box-shadow;\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 10 3 3 6-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\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}tertiary-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 for background-image\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 5 6 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-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.73.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// scss-docs-start form-validation-colors\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-end form-validation-colors\n\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// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\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\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}emphasis-color);\n$nav-link-hover-color:              var(--#{$prefix}emphasis-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\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 * .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) * .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\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-dark-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-icon-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-dark-variables\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n// scss-docs-start dropdown-variables\n$dropdown-min-width:                13rem;\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}body-color);\n$dropdown-bg:                       var(--#{$prefix}secondary-bg);\n$dropdown-border-color:             var(--#{$prefix}border-color-translucent);\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 * .5;\n$dropdown-box-shadow:               $box-shadow;\n\n$dropdown-link-color:               var(--#{$prefix}body-color);\n$dropdown-link-hover-color:         $dropdown-link-color;\n$dropdown-link-hover-bg:            var(--#{$prefix}tertiary-bg);\n\n$dropdown-link-active-color:        var(--#{$prefix}body-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// fusv-disable\n$dropdown-header-padding:           $dropdown-header-padding-y $dropdown-header-padding-x; // Deprecated in v5.2.0\n// fusv-enable\n// scss-docs-end dropdown-variables\n\n// scss-docs-start dropdown-dark-variables\n$dropdown-dark-color:               $gray-300;\n$dropdown-dark-bg:                  $gray-800;\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-500;\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-font-size:              $font-size-base;\n\n$pagination-color:                  var(--#{$prefix}body-color);\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:       $focus-ring-box-shadow;\n$pagination-focus-outline:          0;\n\n$pagination-hover-color:            var(--#{$prefix}link-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:    $component-active-bg;\n\n$pagination-disabled-color:         var(--#{$prefix}secondary-color);\n$pagination-disabled-bg:            var(--#{$prefix}tertiary-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.5rem;\n$card-spacer-x:                     1.5rem;\n$card-title-spacer-y:               $spacer * 0.5;\n$card-title-color:                  var(--#{$prefix}heading-color);\n$card-subtitle-color:               null;\n$card-border-width:                 var(--#{$prefix}border-width);\n$card-border-color:                 var(--#{$prefix}border-color-translucent);\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:                1.10rem;\n$card-cap-padding-x:                1.5rem;\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$card-img-overlay-padding:          $spacer;\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:                            transparent;\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:       $btn-focus-box-shadow;\n\n$accordion-icon-width:                    14px;\n$accordion-icon-color:                    $body-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}body-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:                    null; // TODO: remove this in v6\n\n$tooltip-arrow-width:               .8rem;\n$tooltip-arrow-height:              .4rem;\n// fusv-disable\n$tooltip-arrow-color:               null; // Deprecated in Bootstrap 5.2.0 for CSS variables\n// fusv-enable\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-end 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:                var(--#{$prefix}box-shadow);\n\n$popover-header-font-size:          $font-size-base;\n$popover-header-bg:                 var(--#{$prefix}secondary-bg);\n$popover-header-color:              var(--#{$prefix}heading-color);\n$popover-header-padding-y:          .5rem;\n$popover-header-padding-x:          .75rem;\n\n$popover-body-color:                var(--#{$prefix}body-color);\n$popover-body-padding-y:            $spacer;\n$popover-body-padding-x:            $spacer;\n\n$popover-arrow-width:               1rem;\n$popover-arrow-height:              .5rem;\n// scss-docs-end popover-variables\n\n// fusv-disable\n// Deprecated in Bootstrap 5.2.0 for CSS variables\n$popover-arrow-color:               $popover-bg;\n$popover-arrow-outer-color:         var(--#{$prefix}border-color-translucent);\n// fusv-enable\n\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:            var(--#{$prefix}secondary-bg);\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:     var(--#{$prefix}secondary-bg);\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-bold;\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$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}secondary-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\n$modal-header-border-color:         var(--#{$prefix}border-color);\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\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-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// fusv-disable\n$alert-bg-scale:                -80%; // Deprecated in v5.2.0, to be removed in v6\n$alert-border-scale:            -70%; // Deprecated in v5.2.0, to be removed in v6\n$alert-color-scale:             40%; // Deprecated in v5.2.0, to be removed in v6\n// fusv-enable\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// fusv-disable\n$list-group-item-bg-scale:          -80%; // Deprecated in v5.3.0\n$list-group-item-color-scale:       40%; // Deprecated in v5.3.0\n// fusv-enable\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}secondary-color);\n$breadcrumb-active-color:           var(--#{$prefix}secondary-color);\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\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$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// scss-docs-end carousel-variables\n\n// scss-docs-start carousel-dark-variables\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-dark-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 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>\");\n$btn-close-focus-shadow:     $focus-ring-box-shadow;\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}secondary-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:                        $pink;\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// Page-title\n// \n\n.page-title-box {\n     padding: 0 0.75rem;\n    .breadcrumb {\n        background-color: transparent;\n        padding: 0;\n    }\n\n    h4 {\n        font-size: 21px!important;\n    }\n\n    .page-title-right{\n        @media (max-width: 575.98px) {\n            display: none;\n        }\n    }\n}\n\n.page-title{\n    font-size: 20px;\n    margin: 0;\n}\n\n\n// body[data-topbar=\"dark\"] {\n\n//     .breadcrumb-item>a {\n//         color: $gray-dark-600;\n//     }\n\n//     .breadcrumb-item.active{\n//         color: $gray-dark-400;\n//     }\n//     .page-title {\n//         color:  $gray-dark-600;\n//     }\n// }\n\n// body[data-bs-theme=\"dark\"] {\n//     .page-title {\n//         color:  $gray-dark-600;\n//         }\n\n//         &[data-topbar=\"light\"] {\n\n//             .noti-icon {\n//                 .noti-dot{\n//                     box-shadow: 0 0 0 3px $header-bg;\n//                 }\n//             }\n//             .page-title{\n//                 color: $header-item-color;\n//             }\n//         }\n// }\n\n","// \n// _footer.scss\n// \n\n.footer {\n    bottom: 0;\n    padding: 20px calc(#{$grid-gutter-width} / 2);\n    position: absolute;\n    right: 0;\n    color: var(--#{$prefix}body-color);\n    left: $sidebar-width;\n    height: 60px;\n    background-color: $card-bg;\n    border-top: $card-border-width solid $card-border-color;\n    box-shadow: var(--#{$prefix}box-shadow);\n    .container-fluid{\n        width: 98%;\n    }\n}\n  \n@media (max-width: 992px) {\n    .footer {\n        left: 0;\n    }\n}\n\n// Enlarge menu\nbody[data-sidebar-size=\"sm\"] {\n    .footer {\n        left: $sidebar-collapsed-width;\n    }\n}\n\nbody[data-layout=\"horizontal\"] {\n    .footer {\n        left: 0 !important;\n    }  \n}\n","//\n// right-sidebar.scss\n//\n\n.right-bar {\n    background-color: var(--#{$prefix}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: $rightbar-width;\n    z-index: 9999;\n    float: right !important;\n    right: -($rightbar-width + 10px);\n    top: 0;\n    bottom: 0;\n\n    .right-bar-toggle-close {\n        background-color: lighten($dark, 7%);\n        height: 24px;\n        width: 24px;\n        line-height: 24px;\n        color: $gray-200;\n        text-align: center;\n        border-radius: 50%;\n\n        &:hover {\n            background-color: lighten($dark, 10%);\n        }\n    }\n}\n\n// Rightbar overlay\n.rightbar-overlay {\n    background-color: rgba($dark, 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 .2s ease-out;\n}\n\n.right-bar-enabled {\n    .right-bar {\n        right: 0;\n    }\n    .rightbar-overlay {\n        display: block;\n    }\n}\n\n@include media-breakpoint-down(sm) {\n    .right-bar {\n        overflow: auto;\n        .slimscroll-menu {\n            height: auto !important;\n        }\n    }\n}\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","//\n// _menu.scss\n// \n\n.metismenu {\n    margin: 0;\n    \n\n    li {\n        display: block;\n        width: 100%;\n    }\n\n    .disabled{\n        a{\n            filter: grayscale(80%);\n            opacity: .8;\n            cursor: not-allowed;\n        }\n    }\n\n    .mm-collapse {\n        display: none;\n\n        &:not(.mm-show) {\n            display: none;\n        }\n\n        &.mm-show {\n            display: block\n        }\n    }\n\n    .mm-collapsing {\n        position: relative;\n        height: 0;\n        overflow: hidden;\n        transition-timing-function: ease;\n        transition-duration: .35s;\n        transition-property: height, visibility;\n    }\n}\n\n\n.vertical-menu{\n    width: $sidebar-width;\n    z-index: 1005;\n    background: $sidebar-bg;\n    bottom: 0;\n    margin-top: 0;\n    position: fixed;\n    box-shadow: 0 -2px 5px rgba(52, 58, 64, 0.06);\n    top: 0;\n    border-right: 1px solid $sidebar-border-color;\n    transition: all 0.2s;\n    .vertical-menu-btn {\n        position: absolute;\n        right: 0;\n        top: 0;\n        z-index: 2;\n    }\n}\n\n\n.main-content {\n    margin-left: $sidebar-width;\n    // overflow: hidden;\n\n    .content {\n        padding: 0 15px 10px 15px;\n        margin-top: $header-height;\n    }\n}\n\n.sidebar-menu-scroll {\n    height: calc(100% - calc(#{$header-height} + 26px));\n    margin-top: $header-height;\n}\n\n\n#sidebar-menu {\n    padding: 0px 0 30px 0;\n\n    .mm-active {\n        >.has-arrow {\n            &:after {\n                transform: rotate(-180deg);\n                content: \"\\F0374\";\n            }\n        }\n    }\n\n    .has-arrow {\n        &:after {\n            content: \"\\F0415\";\n            font-family: 'Material Design Icons';\n            display: block;\n            transition: transform .2s;\n            font-size: 1rem;\n            position: absolute;\n            right: 15px;\n            top: 12px;\n        }\n\n        + ul .has-arrow {\n            &:after {\n                right: 20px;\n                top: 10px;\n            }\n        }\n    }\n\n    .metismenu {\n        .menu-title {\n            &::after {\n                display: none;\n            }\n        }\n        .menu-item {\n            margin-left: 15px;\n        }\n    }\n\n    ul {\n        li {\n            a {\n                display: flex;\n                padding: .8rem 1rem;\n                border-radius: 12px;\n                color: $sidebar-menu-item-color;\n                position: relative;\n                font-weight: $font-weight-medium;\n                transition: all .4s;\n                font-size: 14px;\n                margin: 0 15px;\n                font-family: $font-family-secondary;\n                align-items: center;\n\n                .nav-icon {\n                    width: 18px;\n                    height: 18px;\n                    display: inline-block;\n                    min-width: 1.5rem;\n                    vertical-align: middle;\n                    fill: $sidebar-menu-item-icon-color;\n                    transition: all 0.3s;\n                    top: -1px;\n                    font-size: 1.3rem;\n                    line-height: 1.40625rem;\n                }\n                \n\n                &:hover {\n                    color: $sidebar-menu-item-hover-color;\n                    margin-left: 20px;\n                    .nav-icon {\n                        fill: $sidebar-menu-item-hover-color;\n                    }\n                }\n            }\n\n            .badge {\n                margin-left: auto;\n            }\n\n            ul.sub-menu {\n                position: relative;\n                &:before{\n                    content: \"\";\n                    position: absolute;\n                    left: 40px;\n                    top: 10px;\n                    bottom: 10px;\n                    width: 2px;\n                    background: $sidebar-menu-sub-item-line-color;\n                }\n\n                li {\n\n                    a {\n                        padding: .8rem 1.5rem .5rem 1.5rem;\n                        &:before{\n                            content: '';\n                            width: 12px;\n                            height: 10px;\n                            border-radius: 50%;\n                            background: 0 0;\n                            border: 2px solid;\n                            position: absolute;\n                            left: -7px;\n                            border-color: transparent transparent $sidebar-menu-sub-item-line-color transparent;\n                            top: 14px;\n                            transition: all .4s ease-in-out;\n                        }\n\n                        &:hover {\n                            color: $sidebar-menu-item-hover-color;\n\n                            &:before{\n                                border-color: transparent transparent var(--#{$prefix}sidebar-menu-sub-item-active-color) transparent;\n                            }\n                        }\n                    }\n\n                    ul.sub-menu {\n                        padding: 0;\n\n                        li {\n                            a {\n                                padding: .4rem 1.5rem .4rem 3.5rem;\n\n                                &:before{\n                                    left: 25px;\n                                    top: 8px;\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n\n            &.mm-active {\n                color: var(--#{$prefix}sidebar-menu-item-active-color);\n            \n                > a {\n                    background-color: var(--#{$prefix}sidebar-menu-item-active-bg-color);\n                    color: var(--#{$prefix}sidebar-menu-item-active-color);\n            \n                    .nav-icon {\n                        fill: var(--#{$prefix}sidebar-menu-item-active-color) !important;\n                    }\n                }\n            \n                .mm-show {\n                    .mm-active {\n                        > a{\n                            background: transparent;\n                    \n                            &:before{\n                                border-color: transparent transparent var(--#{$prefix}sidebar-menu-sub-item-active-color) transparent;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n.menu-title {\n    padding: 12px 25px !important;\n    letter-spacing: .08em;\n    pointer-events: none;\n    cursor: default;\n    font-size: 10px;\n    text-transform: uppercase;\n    color: $sidebar-menu-item-color;\n    font-weight: $font-weight-semibold;\n    opacity: 0.6;\n}\n\n@media (max-width: 991.98px) {\n    .vertical-menu {\n        display: none;\n        top: $header-height;\n\n        .sidebar-menu-scroll {\n            height: 100%;\n            margin-top: 0;\n        }\n\n        .navbar-brand-box,\n        .vertical-menu-btn {\n            display: none;\n        }\n\n    }\n\n    .main-content {\n        margin-left: 0 !important;\n    }\n\n    body.sidebar-enable {\n        .vertical-menu {\n            display: block;\n        }\n    }\n}\n\n// Enlarge menu\nbody[data-sidebar-size=\"sm\"] {\n    @media (min-width: 769px) {\n        min-height: 1200px;\n    }\n\n    .main-content {\n        margin-left: $sidebar-collapsed-width;\n    }\n\n    .navbar-brand-box {\n        width: $sidebar-collapsed-width !important;\n        text-align: center;\n    }\n\n    .logo {\n        span.logo-lg {\n            display: none;\n        }\n\n        span.logo-sm {\n            display: block;\n        }\n    }\n\n    // topbar\n    #page-topbar{\n        left: $sidebar-collapsed-width;\n        @media (max-width: 991.98px){\n            left: 0;\n        }\n    }\n\n    // Side menu\n    .vertical-menu {\n        position: absolute;\n        width: $sidebar-collapsed-width !important;\n        z-index: 1005;\n        &::before{\n            position: fixed;\n            left: $sidebar-collapsed-width;\n            top: 0;\n        }\n\n        .simplebar-mask,\n        .simplebar-content-wrapper {\n            overflow: visible !important;\n        }\n\n        .simplebar-scrollbar,\n        .vertical-menu-btn {\n            display: none !important;\n        }\n\n        .simplebar-offset {\n            bottom: 0 !important;\n        }\n\n        // Sidebar Menu\n        #sidebar-menu {\n\n            .menu-title,\n            .badge{\n                display: none !important;\n            }\n\n            .nav.collapse {\n                height: inherit !important;\n            }\n\n            .has-arrow:after{\n                transform: rotate(-90deg);\n            }\n\n            > ul {\n                > li {\n                    position: relative;\n                    white-space: nowrap;\n\n                    > a {\n                        padding: 15px 0px;\n                        transition: none;\n                        display: block;\n                        margin: 0 15px;\n                        \n                        &:hover,\n                        &:active,\n                        &:focus {\n                            color: $sidebar-menu-item-hover-color;\n                        }\n\n                        i {\n                            font-size: 1.3rem;\n                            text-align: center;\n                            min-width: 50px;\n                            padding-bottom: 0;\n                            margin-left: -6px;\n                        }\n\n                        span {\n                            display: none;\n                            padding-left: 25px;\n                        }\n\n                        \n                        &.has-arrow {\n                            &:after {\n                                display: none;\n                            }\n                        }\n\n                        .nav-icon {\n                            top: -2px;\n                            width: 20px;\n                            height: 20px;\n                        }\n                    }\n\n                    &:hover {\n                        > a {\n                            position: relative;\n                            width: calc(180px + #{$sidebar-collapsed-width});\n                            color: $primary;\n                            background-color: var(--#{$prefix}sidebar-menu-item-active-bg-color);\n                            transition: none;\n                            box-shadow: inset 0 3px 10px 0 rgba(154,161,171,.1);\n\n                            .nav-icon{\n                                fill: $primary;\n                            }\n\n                            span {\n                                display: inline;\n                            }\n                        }\n\n                        >ul {\n                            display: block;\n                            left: $sidebar-collapsed-width;\n                            position: absolute;\n                            width: 190px;\n                            height: auto !important;\n                            box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, .1);\n                            ul {\n                                box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, .1);\n                                border: 1px solid var(--#{$prefix}sidebar-border-color);\n                            }\n\n                            a {\n                                box-shadow: none;\n                                padding: 8px 20px;\n                                position: relative;\n                                width: 180px;\n                                z-index: 6;\n                                color: $sidebar-menu-sub-item-color;\n\n                                &:hover {\n                                    color: $sidebar-menu-item-hover-color;\n                                }\n                            }\n                        }\n                    }\n                }\n\n                ul {\n                    padding: 5px 0;\n                    z-index: 9999;\n                    display: none;\n                    background-color: $sidebar-bg;\n\n                    li {\n                        &:hover {\n                            >ul {\n                                display: block;\n                                left: 180px;\n                                height: auto !important;\n                                margin-top: -36px;\n                                position: absolute;\n                                width: 180px;\n                            }\n                        }\n\n                        >a {\n                            span.pull-right {\n                                position: absolute;\n                                right: 20px;\n                                top: 12px;\n                                transform: rotate(270deg);\n                            }\n                        }\n                    }\n\n                    li.active {\n                        a {\n                            color: $gray-100;\n                        }\n                    }\n                }\n            }\n\n            ul li{\n                ul.sub-menu {\n                    &:before{\n                        display: none;\n                    }\n                    li a{\n                        &:before{\n                            display: none;\n                        }\n                    }\n                }\n            }\n        }\n\n        .sidebar-footer{\n            display: none;\n        }\n\n    }\n}\n\n.main-content{\n    min-height: 100vh;\n}\n\nbody[data-bs-theme=\"dark\"] {\n    \n    #page-topbar{\n        background-color: $topnav-dark-bg;\n        box-shadow: none;\n    }\n\n    &[data-sidebar=\"dark\"] {\n        #sidebar-menu {\n            ul {\n                li {\n                    a {\n                        color: $menu-dark-item-color;\n    \n                        .nav-icon {\n                            fill: $menu-dark-item-color;\n                        }\n        \n                        &:hover {\n                            color: $menu-dark-item-active-color;\n    \n                            .nav-icon {\n                                fill: $menu-dark-item-active-color;\n                            }\n                        }\n                    }\n    \n                    ul.sub-menu {\n                        &:before{\n                            background: $sidebar-dark-menu-sub-item-line-color;\n                        }\n                        li {\n                            a {\n                                color: $menu-dark-item-color;\n                                &:before{\n                                    border-color: transparent transparent $sidebar-dark-menu-sub-item-line-color transparent;\n                                }\n    \n                                &:hover {\n                                    color: $menu-dark-item-active-color;\n                                    &:before{\n                                        border-color: transparent transparent $menu-dark-item-active-color transparent;\n                                    }\n                                }\n    \n                            }\n                        }\n                    }\n    \n    \n                    &.mm-active {\n                        color: $menu-dark-item-active-color !important;\n                \n                        >a {\n                            background-color: $sidebar-dark-menu-item-active-bg-color;\n                            color: $menu-dark-item-active-color !important;\n    \n                            &::before{\n                                background-color: $menu-dark-item-active-color;\n                            }\n    \n                            .nav-icon {\n                                fill: $menu-dark-item-active-color !important;\n                            }\n                        }\n    \n                        .mm-show {\n                            .mm-active {\n                                > a{\n                                    color: $menu-dark-item-active-color !important;\n                                    background: transparent;\n                            \n                                    &:before{\n                                        border-color: transparent transparent $menu-dark-item-active-color transparent;\n                                    }\n                                }\n                            }\n                        }\n    \n                    }\n                }\n            }\n        }\n    \n        .sidebar-footer{\n            color: $sidebar-dark-menu-item-color;\n            .main-title{\n                color: rgba($white, 0.6);\n            }\n        }\n\n         // Compact\n        &[data-sidebar-size=\"md\"] {\n            &[data-sidebar=\"dark\"] {\n                #sidebar-menu {\n                    ul li {\n                        &.menu-title{\n                            background-color: #2d3234 !important;\n                        }\n                    }\n                }\n            } \n        }\n    \n        // Enlarge menu\n        &[data-sidebar-size=\"sm\"] {\n    \n            // Side menu\n            .vertical-menu {\n    \n                // Sidebar Menu\n                #sidebar-menu {\n    \n                    > ul {\n                        > li {\n                            \n                            &:hover {\n                                > a {\n                                    .nav-icon{\n                                        fill: $menu-dark-item-active-color;\n                                    }\n                                }\n    \n                                >ul {\n                                    a{\n                                        color: $menu-dark-item-color;\n                                        &:hover{\n                                            color: $menu-dark-item-active-color;\n                                        }\n                                    }\n                                }\n                            }\n                        }\n    \n                        ul{\n                            background-color:var(--#{$prefix}sidebar-dark-bg);\n                        }\n                        \n                    }\n                }\n            }\n        }\n    \n    \n        .menu-title {\n            color: $sidebar-dark-menu-item-color;\n        }\n    }\n\n}\n\nbody[data-sidebar=\"dark\"] {\n    .vertical-menu {\n        background: $sidebar-dark-bg;\n        border-color: $sidebar-dark-bg;\n\n        .vertical-menu-btn{\n            fill: $header-dark-mode-item-color;\n            color: $header-dark-mode-item-color;\n        }\n\n        &::before{\n            background-color: $sidebar-dark-bg;\n        }\n    }\n\n  \n\n    #sidebar-menu {\n    \n        ul {\n            li {\n                a {\n                    color: $sidebar-dark-menu-item-color;\n\n                    .nav-icon {\n                        fill: $sidebar-dark-menu-item-icon-color;\n                    }\n    \n                    &:hover {\n                        color: $sidebar-dark-menu-item-hover-color;\n\n                        .nav-icon {\n                            fill: $sidebar-dark-menu-item-hover-color;\n                        }\n                    }\n                }\n\n                ul.sub-menu {\n                    &:before{\n                        background: $sidebar-dark-menu-sub-item-line-color;\n                    }\n                    li {\n\n                        a {\n                            color: $sidebar-dark-menu-sub-item-color;\n                            background-color: transparent;\n\n                            &:before{\n                                border-color: transparent transparent $sidebar-dark-menu-sub-item-line-color transparent;\n                            }\n\n                            &:hover {\n                                color: $menu-dark-item-active-color;\n                                &:before{\n                                    border-color: transparent transparent $menu-dark-item-active-color transparent;\n                                }\n                            }\n\n                        }\n                    }\n                }\n\n\n                &.mm-active {\n                    color: $sidebar-dark-menu-item-active-color !important;\n            \n                    >a {\n                        background-color: $sidebar-dark-menu-item-active-bg-color;\n                        color: $sidebar-dark-menu-item-active-color !important;\n\n                        &::before{\n                            background-color: $sidebar-dark-menu-item-active-color;\n                        }\n\n                        .nav-icon {\n                            fill: $sidebar-dark-menu-item-active-color !important;\n                        }\n                    }\n\n                    .mm-show {\n                        .mm-active {\n                            > a{\n                                color: $sidebar-dark-menu-item-active-color !important;\n                        \n                                &:before{\n                                    border-color: transparent transparent $menu-dark-item-active-color transparent;\n                                    background-color: transparent!important;\n                                }\n                            }\n                        }\n                    }\n\n                }\n            }\n        }\n    }\n\n    .sidebar-footer{\n        color: $sidebar-dark-menu-item-color;\n        .main-title{\n            color: rgba($white, 0.6);\n        }\n    }\n\n    // Enlarge menu\n    &[data-sidebar-size=\"sm\"] {\n        min-height: 1570px;\n\n        .main-content{\n            min-height: 1570px;\n        }\n\n\n        // Side menu\n        .vertical-menu {\n\n            // Sidebar Menu\n            #sidebar-menu {\n\n                > ul {\n                    > li {\n                        \n                        &:hover {\n                            > a {\n                                background-color: $sidebar-dark-menu-item-active-bg-color !important;\n                                color: $sidebar-dark-menu-item-hover-color;\n                                .nav-icon{\n                                    fill: $sidebar-dark-menu-item-hover-color;\n                                }\n                            }\n\n                            >ul {\n                                a{\n                                    color: $sidebar-dark-menu-sub-item-color;\n                                    &:hover{\n                                        color: $sidebar-dark-menu-item-hover-color;\n                                    }\n                                }\n                            }\n                        }\n                    }\n\n                    ul{\n                        background-color: $sidebar-dark-bg;\n                    }\n                    \n                }\n            }\n\n            .sidebar-footer{\n                display: none;\n            }\n        }\n    }\n\n\n    .menu-title {\n        color: $sidebar-dark-menu-item-color;\n    }\n}\n\nbody[data-bs-theme=\"dark\"] {\n\n    // Enlarge menu\n    &[data-sidebar-size=\"sm\"] {\n\n        .vertical-menu {\n\n            // Sidebar Menu\n            #sidebar-menu {\n\n                > ul {\n                    > li {\n                        \n                        &:hover {\n                            > a {\n                                background: $sidebar-bg;\n                                color: $menu-dark-item-active-color;\n                            }\n                        }\n                    }\n\n                    ul{\n                        background-color: $sidebar-bg;\n                    }\n                    \n                }\n            }\n        }\n    }\n\n\n    .navbar-brand-box{\n        background: $navbar-brand-box-bg;\n    }\n    .vertical-menu {\n        background: $sidebar-bg;\n        border-color: var(--#{$prefix}border-color);\n        &::before{\n            background-color: $sidebar-bg;\n        }\n    }\n}\n\n\n\n\n\nbody[data-layout=\"horizontal\"] {\n    .main-content {\n        margin-left: 0 !important;\n    }\n}\n\n// Compact Sidebar\n\nbody[data-sidebar-size=\"md\"] {\n\n    .logo {\n        span.logo-lg {\n            display: none;\n        }\n\n        span.logo-sm {\n            display: block;\n        }\n    }\n\n    \n    .navbar-brand-box{\n        width: $sidebar-width-sm;\n        @media (max-width: 991.98px){\n            width: auto;\n        }\n    }\n    .vertical-menu{\n        width: $sidebar-width-sm;\n        text-align: center;\n\n        .has-arrow:after,\n        .badge {\n            display: none !important;\n        }\n\n        .vertical-menu-btn{\n            display: none;\n        }\n        \n    }\n    \n    .main-content {\n        margin-left: $sidebar-width-sm;\n    }\n    #page-topbar, .footer {\n        left: $sidebar-width-sm;\n        @media (max-width: 991.98px){\n            left: 0;\n        }\n    }\n\n    #sidebar-menu {\n        ul li {\n            // &.menu-title{\n            //     background-color: darken($sidebar-bg, 2%);\n            // }\n            .menu-item {\n                margin-left: 0px;\n            }\n            a{\n                padding: .75rem 1.1rem;\n                display: block;\n                margin: 0 10px;\n                .nav-icon{\n                    width: 20px;\n                    height: 20px;\n                    display: block;\n                    margin: 0 auto;\n                    padding-bottom: 0.2em;\n                    top: -2px\n                }\n            }\n            ul.sub-menu {\n                padding: 0;\n                &:before{\n                    display: none;\n                }\n                li a{\n                    padding-left: 1.5rem;\n                    &:before{\n                        display: none;\n                    }\n                }\n            }\n        }\n\n        \n    }\n\n    // &[data-sidebar=\"dark\"] {\n    //     #sidebar-menu {\n    //         ul li {\n    //             &.menu-title{\n    //                 background-color: lighten($sidebar-dark-bg, 6%);\n    //             }\n    //         }\n    //     }\n    // }\n\n    &:not(.vertical-collpsed) {\n        .navbar-header .vertical-menu-btn{\n            display: block;\n        }\n    }\n    &[data-sidebar-size=\"sm\"] {\n        .main-content {\n            margin-left: $sidebar-collapsed-width;\n        }\n        .vertical-menu {\n            #sidebar-menu{\n                text-align: left;\n                >ul{\n                    >li{\n                        >a {\n                            .nav-icon{\n                                display: inline-block;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n        #page-topbar, .footer {\n            left: $sidebar-collapsed-width;\n        }\n    }\n}\n\n\n\n// Light sidebar\n\nbody[data-sidebar=\"light\"] {\n    .vertical-menu {\n        background: $sidebar-bg;\n        border-right: 1px solid $sidebar-border-color;\n    }\n\n    .navbar-brand-box {\n        background-color: $sidebar-bg;\n    }\n\n    .logo {\n        line-height: $header-height;\n    \n        .logo-sm {\n            display: none;\n        }\n    }\n    \n    .logo-dark {\n        display: $display-block;\n    }\n    \n    .logo-light {\n        display: $display-none;\n    }\n    \n    .logo-txt {\n        color: $dark !important;\n    }\n\n    &[data-sidebar-size=\"sm\"] {\n    \n        .logo {\n            span.logo-lg {\n                display: none;\n            }\n    \n            span.logo-sm {\n                display: block;\n            }\n        }\n    \n        // Side menu\n        .vertical-menu {\n    \n    \n            // Sidebar Menu\n            #sidebar-menu {\n    \n                > ul {\n                    > li {\n                        > a {\n                            &:hover,\n                            &:active,\n                            &:focus {\n                                color: $sidebar-menu-item-hover-color;\n                            }\n                        }\n    \n                        &:hover {\n                            > a {\n                                color: $primary;\n                                background-color: var(--#{$prefix}sidebar-menu-item-active-bg-color);\n    \n                                .nav-icon{\n                                    color: $primary;\n                                }\n                            }\n    \n                            >ul {\n                                a {\n                                    color: $sidebar-menu-sub-item-color;\n    \n                                    &:hover {\n                                        color: $sidebar-menu-item-hover-color;\n                                    }\n                                }\n                            }\n                        }\n                    }\n    \n                    ul {\n                        background-color: $sidebar-bg;\n                        li.active {\n                            a {\n                                color: $gray-100;\n                            }\n                        }\n                    }\n                }\n            }\n    \n        }\n    }\n}\n\n// colored sidebar\n\nbody[data-sidebar=\"brand\"] {\n    .vertical-menu{\n        background-color: $primary;\n        border-color: $primary;\n\n        .vertical-menu-btn{\n            color: rgba($white, 0.8);\n        }\n    }\n\n    // Compact\n    &[data-sidebar-size=\"md\"] {\n          #sidebar-menu {\n                ul li {\n                    &.menu-title{\n                        background-color: rgba($white, 0.1);\n                    }\n                }\n            }\n    }\n    \n    .navbar-brand-box{\n        background-color: $primary;\n        .logo-dark{\n            display: none;\n        }\n        .logo-light{\n            display: block;\n        }\n    }\n\n    #sidebar-menu {\n        ul {\n            li {\n                &.menu-title{\n                    color: rgba($white, 0.7);\n                }\n\n                a{\n                    color: rgba($white, 0.7);\n                    .nav-icon{\n                        fill: rgba($white, 0.7);\n                    }\n\n                    &:hover {\n                        color: $white;\n\n                        .nav-icon {\n                            fill: $white;\n                        }\n                    }\n                }\n\n                ul.sub-menu {\n                    &:before{\n                        background: rgba($white, 0.6);\n                    }\n                    li {\n                        a{\n                            color: rgba($white, 0.6);\n\n\n                            &:before{\n                                border-color: transparent transparent rgba($white, 0.6) transparent;\n                            }\n\n                            &:hover {\n                                color: $menu-dark-item-active-color;\n                                &:before{\n                                    border-color: transparent transparent $white transparent;\n                                }\n                            }\n                        }\n                    }\n                }\n\n                .badge{\n                    background-color: $white;\n                }\n\n                &.mm-active {\n                    color: $white !important;\n            \n                    >a {\n                        background: rgba($white, 0.2);\n                        color: $white !important;\n\n                        &::before{\n                            background-color: $sidebar-dark-menu-item-active-color;\n                        }\n\n                        .nav-icon {\n                            fill: $white !important;\n                        }\n                    }\n\n                    .mm-show {\n                        .mm-active {\n                            > a{\n                                color: $white !important;\n                        \n                                &:before{\n                                    border-color: transparent transparent $white transparent;\n                                    background-color: transparent !important;\n                                }\n                            }\n                        }\n                    }\n\n                }\n            }\n        }\n    }\n\n    .sidebar-footer{\n        .main-title{\n            color: rgba($white, 0.8);\n        }\n        p{\n                color: rgba($white, 0.5);\n        }\n    }\n\n    &[data-topbar=\"light\"] {\n        .navbar-brand-box{\n            background-color: $primary;\n            .logo-dark{\n                display: none;\n            }\n            .logo-light{\n                display: block;\n            }\n        }\n    }\n\n    &[data-sidebar-size=\"sm\"] {\n        \n        .vertical-menu {\n            #sidebar-menu{\n                >ul{\n                    >li{\n                        &:hover>a{\n                            background-color: lighten($primary, 2%);\n                            color: $white;\n                            .nav-icon{\n                                fill: $white;\n                            }\n                        }\n                    }\n                }\n\n                ul{\n                    li{\n                        &.mm-active {\n                            .active{\n                                color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\n                            }\n                        }\n\n                        ul.sub-menu {\n                            li {\n                                a{\n                                    &:hover {\n                                        color: var(--#{$prefix}sidebar-menu-item-active-color);\n                                    }\n                                }\n                                &.mm-active {\n                                    color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\n                                    > a{\n                                        color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\n                                        i {\n                                            color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\n                                        }\n                                    }\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n            .sidebar-footer{\n                display: none;\n            }\n        }\n    \n    }\n\n}\n\n// Layout bordered\n\nbody[data-bs-theme=\"bordered\"] {\n    .app-search {\n        .form-control {\n            box-shadow: none;\n        }\n    }\n    .vertical-menu{\n        box-shadow: none;\n    }\n\n    .footer{\n        box-shadow: none;\n    }\n\n}\n\n[data-bs-theme=\"dark\"][data-sidebar=\"light\"]{\n    .navbar-brand-box{\n        .logo-dark{\n            display: block;\n        }\n        .logo-light{\n            display: none;\n        }\n\n    }\n}","// \n// _horizontal.scss\n// \n\n.ishorizontal-topbar {\n    display: none;\n}\n\nbody[data-layout=\"horizontal\"] {\n\n    .ishorizontal-topbar {\n        display: block;\n    }\n\n    .vertical-menu{\n        display: none;\n    }\n\n    .ishorizontal-topbar{\n        left: 0;\n        box-shadow: none;\n        border: 0;\n        border-radius: 0;\n        background-color: var(--#{$prefix}body-bg);\n    }\n\n    .noti-dot {\n        box-shadow: 0 0 0 3px $header-bg;\n    }\n\n    .navbar-brand-box {\n        display: block;\n        width: auto;\n        border: 0;\n        background-color: transparent;\n        box-shadow: none;\n        position: relative;\n        @media  (min-width: 992px){\n            padding-left: 0;\n            margin-right: 10px;\n        }\n    }\n\n    .page-content {\n        margin-top: $header-height;\n        padding: calc(60px + #{$grid-gutter-width}) calc(#{$grid-gutter-width} / 2) 60px calc(#{$grid-gutter-width} / 2);\n        @media (max-width: 991.98px) { \n            padding: $header-height calc(#{$grid-gutter-width} / 2) 60px calc(#{$grid-gutter-width} / 2);\n            margin-top: $grid-gutter-width;\n        }\n    }\n\n    .navbar-header{\n        @media (min-width: 992px){\n            padding-left: $grid-gutter-width;\n            padding-right: $grid-gutter-width;\n        }\n    }\n\n    .logo{\n        margin-top: 0;\n    }\n\n    &[data-sidebar-size=sm]{\n        .navbar-brand-box{\n            width: auto !important;\n        }\n    }\n}\n\n.topnav {\n    background: $header-bg;\n    padding: 0 calc(#{$grid-gutter-width} / 2);\n    z-index: 100;\n    border-top: 1px solid $card-border-color;\n    border-bottom: 1px solid $card-border-color;;\n    box-shadow: $box-shadow;\n\n    @media (min-width: 992px) {\n        background: $topnav-bg;\n    }\n    \n    \n    .topnav-menu {\n        margin: 0;\n        padding: 0;\n    }\n\n    .navbar-nav {\n        \n        .nav-link {\n            font-size: 14px;\n            position: relative;\n            padding: 1.2rem 1.3rem;\n            color: $menu-item-color;\n            font-weight: $font-weight-medium;\n            font-family: $font-family-secondary;\n            i{\n                font-size: 1.2rem;\n                margin-right: 5px;\n                vertical-align: middle;\n            }\n            svg {\n                height: 18px;\n                width: 18px;\n                fill: $menu-item-color;\n                margin-right: 5px;\n                margin-top: 1px;\n            }\n            &:focus, &:hover{\n                color: $menu-item-active-color;\n                background-color: transparent;\n                svg {\n                    fill: $menu-item-active-color;\n                }\n            }\n        }\n        \n        .dropdown-item{\n            color: $menu-item-color;\n            background: transparent;\n            font-weight: $font-weight-medium;\n            font-size: 14px;\n            transition: all .4s;\n            font-family: $font-family-secondary;\n            &:hover{\n                color: $menu-item-active-color;\n                margin-left: 5px;\n            }\n            &.active{\n                color: $menu-item-active-color;\n            }\n        }\n        \n        .nav-item{\n            .nav-link.active{\n                color: $menu-item-active-color;\n                svg {\n                    color: $menu-item-active-color;\n                }\n            }\n        }\n\n        .dropdown{\n            &.active{\n              >a {\n                    color: $menu-item-active-color;\n                    background-color: transparent;\n                    svg {\n                        fill: $menu-item-active-color;\n                    }\n                }\n            }\n            .dropdown{\n                &.active{\n                    >a {\n                          color: $menu-item-active-color;\n                      }\n                  }\n            }\n        }\n    }\n\n    .menu-title{\n        padding: 12px 24px !important;\n        @media (max-width: 991.98px) {\n            padding: 12px 16px !important;\n        }\n    }\n}\n\n@include media-breakpoint-up(xl) {\n\n    body[data-layout=\"horizontal\"] {\n        .container-fluid,\n        .navbar-header {\n            max-width: 85%;\n        }\n    }\n}\n\n@include media-breakpoint-up(lg) {\n    .topnav {\n        .navbar-nav {\n            .nav-item {\n                &:first-of-type {\n                    .nav-link {\n                        padding-left: 0;\n                    }\n                }\n            }\n        }\n\n        .dropdown-item {\n            padding: .5rem 1.5rem;\n            min-width: 180px;\n        }\n\n        .dropdown {\n            &.mega-dropdown{\n                // position: static;\n                .mega-dropdown-menu{\n                    left: 0px;\n                    right: auto;\n                }\n            }\n            .dropdown-menu {\n                margin-top: 0;\n                border-radius: 0 0 $dropdown-border-radius $dropdown-border-radius;\n\n                .arrow-down {\n                    &::after {\n                        right: 15px;\n                        transform: rotate(-135deg) translateY(-50%);\n                        position: absolute;\n                    }\n                }\n\n                .dropdown {\n                    .dropdown-menu {\n                        position: absolute;\n                        top: 0 !important;\n                        left: 100%;\n                        display: none;\n                    }\n                }\n            }\n\n            &:hover {\n                >.dropdown-menu {\n                    display: block;\n                }\n            }\n        }\n\n        .dropdown:hover>.dropdown-menu>.dropdown:hover>.dropdown-menu {\n            display: block\n        }\n    }\n\n    .navbar-toggle {\n        display: none;\n    }\n}\n\n.arrow-down {\n    display: inline-block;\n\n    &:after {\n        border-color: initial;\n        border-style: solid;\n        border-width: 0 0 1px 1px;\n        content: \"\";\n        height: .4em;\n        display: inline-block;\n        right: 5px;\n        top: 50%;\n        margin-left: 10px;\n        transform: rotate(-45deg) translateY(-50%);\n        transform-origin: top;\n        transition: all .3s ease-out;\n        width: .4em;\n    }\n}\n\n\n@include media-breakpoint-down(xl) {\n    .topnav-menu {\n        .navbar-nav {\n            li {\n                &:last-of-type {\n                    .dropdown {\n                        .dropdown-menu {\n                            right: 100%;\n                            left: auto;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n@include media-breakpoint-down(lg) {\n\n    .navbar-brand-box{\n        .logo-dark {\n            display: $display-block;\n            span.logo-sm{\n                display: $display-block;\n            }\n        }\n    \n        .logo-light {\n            display: $display-none;\n        }\n    }\n    \n    .topnav {\n        max-height: 360px;\n        overflow-y: auto;\n        padding: 0;\n        .navbar-nav {\n            .nav-link {\n                padding: 0.75rem 1.1rem;\n            }\n        }\n\n        .dropdown {\n            .dropdown-menu {\n                background-color: transparent;\n                border: none;\n                box-shadow: none;\n                padding-left: 20px;\n                &.dropdown-mega-menu-xl{\n                    width: auto;\n    \n                    .row{\n                        margin: 0px;\n                    }\n                }\n            }\n\n            .dropdown-item {\n                position: relative;\n                background-color: transparent;\n\n                &:hover{\n                    margin-left: 0;\n                }\n\n                &.active,\n                &:active {\n                    color: $primary;\n                    margin-left: 0;\n                }\n            }\n        }\n\n        .arrow-down {\n            &::after {\n                right: 15px;\n                position: absolute;\n            }\n        }\n    }\n}\n\nbody[data-layout=\"horizontal\"][data-topbar=\"dark\"] {\n    .ishorizontal-topbar{\n        background-color: $header-dark-bg;\n    }\n\n    .navbar-brand-box {\n        .logo-dark {\n            display: none;\n        }\n    \n        .logo-light {\n            display: block;\n\n        }\n    }\n\n    .page-content {\n        padding: calc(60px + #{$grid-gutter-width}) calc(#{$grid-gutter-width} / 2) 60px calc(#{$grid-gutter-width} / 2);\n        @media (max-width: 991.98px) { \n            margin-top: $grid-gutter-width;\n        }\n\n    }\n}\n\n\n\n// Colored Topbar \n\nbody[data-layout=\"horizontal\"][data-topbar=\"colored\"] {\n    .ishorizontal-topbar{\n        background-color: $primary;\n        box-shadow: none;\n    }\n\n    .logo-dark {\n        display: none;\n    }\n\n    .logo-light {\n        display: block;\n    }\n\n    .app-search {\n    \n        .form-control {\n            background-color: rgba($topbar-search-bg,0.07);\n            color: $white;\n        }\n        span,\n        input.form-control::-webkit-input-placeholder {\n            color: rgba($white,0.5);\n        }\n    }\n    .header-item {\n        color: $header-dark-item-color;\n    \n        &:hover {\n            color: $header-dark-item-color;\n        }\n    }\n\n    .navbar-header {\n        .dropdown .show {\n            &.header-item{\n                background-color: var(--#{$prefix}border-color);\n            }\n        }\n    }\n\n    .noti-icon {\n        i {\n            color: $header-dark-item-color;\n        }\n    }\n\n    @include media-breakpoint-up(lg) {\n        .topnav{\n            background-color: $primary;\n            .navbar-nav {\n        \n                .nav-link {\n                    color: rgba($white, 0.6);\n                    \n                    &:focus, &:hover{\n                        color: rgba($white, 0.9);\n                    }\n                }\n        \n                > .dropdown{\n                    &.active{\n                      >a {\n                            color: rgba($white, 0.9) !important;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n\nbody[data-bs-theme=\"dark\"] {\n\n    &[data-layout=\"horizontal\"] {\n        .ishorizontal-topbar{\n            background-color: $header-dark-bg;\n\n        }\n        .noti-icon {\n            .noti-dot{\n                box-shadow: var(--#{$prefix}box-shadow);\n            }\n        }\n\n        &[data-topbar=\"light\"] {\n\n            .page-content {\n                padding: calc(60px + #{$grid-gutter-width}) calc(#{$grid-gutter-width} / 2) 60px calc(#{$grid-gutter-width} / 2);\n            }\n\n            .logo-dark {\n                display: block;\n            }\n        \n            .logo-light {\n                display: none;\n            }\n        }\n\n    }\n\n    .topnav {\n        background-color: lighten($header-dark-bg,3%);\n        border-color: var(--#{$prefix}border-color);\n        box-shadow: var(--#{$prefix}box-shadow);\n\n        .navbar-nav{\n            .nav-link{\n                color: $menu-dark-item-color;\n\n                svg {\n                    fill: $menu-dark-item-color;\n                }\n\n                &:focus, &:hover{\n                    color: $menu-dark-item-active-color;\n                    background-color: transparent;\n                    svg {\n                        fill: $menu-dark-item-active-color;\n                    }\n                }\n            }\n\n            .dropdown-item{\n                color: $menu-dark-item-color;\n                background-color: transparent;\n\n                &.active, &:hover{\n                    color: $menu-dark-item-active-color;\n                }\n            }\n\n            .nav-item{\n                .nav-link.active{\n                    color: $menu-dark-item-active-color;\n                    svg {\n                        color: $menu-dark-item-active-color;\n                    }\n                }\n            }\n\n            .dropdown{\n                &.active{\n                  >a {\n                        color: $menu-dark-item-active-color;\n                        background-color: transparent;\n                        svg {\n                            fill: $menu-dark-item-active-color;\n                        }\n                    }\n                }\n            }\n        }\n\n        .menu-title{\n            color: rgba($menu-dark-item-color,0.6);\n        }\n    }\n}\n\n// layout bordered\n\nbody[data-bs-theme=\"bordered\"] {\n    .topnav{\n        box-shadow: none;\n    }\n}\n\n// topbar hidden\n\nbody[data-topbar=\"hidden\"][data-layout=\"horizontal\"] {\n    .ishorizontal-topbar{\n        .navbar-header{\n            display: none !important;\n        }  \n   }\n   .page-content {\n    transition: all 0.3s;\n    margin-top: calc(#{$header-height} - 15px);\n    padding:  $grid-gutter-width calc(#{$grid-gutter-width} / 2) $footer-height calc(#{$grid-gutter-width} / 2);\n    @media (max-width: 991.98px) { \n        margin-top: 0;\n        padding: $grid-gutter-width calc(#{$grid-gutter-width} / 2) 60px calc(#{$grid-gutter-width} / 2);\n    }\n\n   }\n   \n}\n\n\n","// \n// _layouts.scss\n// \n\nbody[data-layout-size=\"boxed\"] {\n    background-color: var(--#{$prefix}boxed-body-bg);\n    #layout-wrapper {\n        background-color: var(--#{$prefix}body-bg);\n        max-width: $boxed-layout-width;\n        margin: 0 auto;\n        box-shadow: var(--#{$prefix}box-shadow);\n    }\n\n    #page-topbar {\n        max-width: calc(#{$boxed-layout-width} - #{$sidebar-width});\n        margin: 0 auto;\n    }\n\n    .footer {\n        margin: 0 auto;\n        max-width: calc(#{$boxed-layout-width} - #{$sidebar-width});\n    }\n\n    &[data-sidebar-size=\"sm\"] {\n        #page-topbar {\n            max-width: calc(#{$boxed-layout-width} - #{$sidebar-collapsed-width});\n        }\n        .footer {\n            max-width: calc(#{$boxed-layout-width} - #{$sidebar-collapsed-width});\n        }\n\n        .main-content {\n            @media (min-width: 769px){\n                min-height: 1850px;\n            }\n        }\n    }\n\n    &[data-sidebar-size=\"md\"]{\n        #page-topbar {\n            max-width: calc(#{$boxed-layout-width} - #{$sidebar-width-sm});\n        }\n        .footer {\n            max-width: calc(#{$boxed-layout-width} - #{$sidebar-width-sm});\n        }\n    }\n}\n\n\n// Horizontal Boxed Layout\n\nbody[data-layout=\"horizontal\"][data-layout-size=\"boxed\"]{\n    #page-topbar, #layout-wrapper, .footer {\n        max-width: 100%;\n    }\n    .container-fluid, .navbar-header {\n        max-width: $boxed-layout-width;\n    }\n}\n\n// Scrollable layout\nbody[data-layout-scrollable=\"true\"] {\n    @media (min-width: 992px) {\n        .isvertical-topbar, .ishorizontal-topbar, .vertical-menu{\n            position: absolute;\n        }\n        .navbar-brand-box {\n            position: absolute;\n        }\n    }\n    &[data-layout=\"horizontal\"]{\n        @media (min-width: 992px) {\n            .isvertical-topbar, .ishorizontal-topbar{\n                position: absolute;\n            }\n\n            .navbar-brand-box {\n                position: relative;\n            }\n        }\n    }\n}\n\n\n// Layout Setting Button\n.layout-setting-btn {\n    position: fixed;\n    top: 47.5%;\n    right: 0;\n    writing-mode: vertical-rl;\n    font-weight: 600;\n    background-color: $primary;\n    color: $white !important;\n    line-height: 32px;\n    padding: 15px 3px;\n    font-size: 16px;\n    border-radius: 6px 0 0 6px;\n    transform: translateY(-50%);\n    z-index: 1999;\n}","// \n// root.scss\n//\n\n@mixin color-mode($mode: light, $root: false) {\n    @if $color-mode-type ==\"media-query\" {\n        @if $root ==true {\n            @media (prefers-color-scheme: $mode) {\n                :root {\n                    @content;\n                }\n            }\n        }\n\n        @else {\n            @media (prefers-color-scheme: $mode) {\n                @content;\n            }\n        }\n    }\n\n    @else {\n        [data-bs-theme=\"#{$mode}\"] {\n            @content;\n        }\n    }\n}\n\n//theme-light\n:root,\n[data-bs-theme=\"light\"] {\n    --#{$prefix}header-bg: #ffffff;\n    --#{$prefix}header-item-color: #{$header-item-color};\n    --#{$prefix}header-item-sub-color: #{$text-muted};\n    --#{$prefix}header-height: 70px;\n\n    --#{$prefix}rightbar-width: 280px;\n\n    --#{$prefix}boxed-layout-width: 1300px;\n\n    --#{$prefix}navbar-brand-box-bg: #ffffff;\n\n    --#{$prefix}footer-height: 60px;\n    --#{$prefix}footer-bg: #ffffff;\n\n    [data-topbar=\"light\"]{\n        --#{$prefix}topbar-search-bg: #f1f5f7;\n    }\n\n    --#{$prefix}header-dark-bg:    #252b3b;\n\n    --#{$prefix}menu-item-color: #74788d;\n    --#{$prefix}menu-item-active-color: #5664d2;\n\n    // Topbar User\n    --#{$prefix}topbar-search-bg:           #f1f5f712;\n\n    // Horizontal nav\n    --#{$prefix}topnav-bg:                  #{$white};\n    --#{$prefix}topnav-item-color:          #{darken($gray-600, 10%)};\n    --#{$prefix}topnav-item-color-active: var(--#{$prefix}primary);\n\n    // twocolumn menu\n    --#{$prefix}twocolumn-menu-iconview-bg: #{$white};\n    --#{$prefix}twocolumn-menu-bg: #{$white};\n\n    --#{$prefix}header-item-color: #636e75;\n\n    --#{$prefix}boxed-body-bg: #f4f4f7;\n\n\n    [data-topbar=\"dark\"] {\n        --#{$prefix}header-bg: #{$gray-800};\n        --#{$prefix}header-item-color: #{$gray-100};\n        --#{$prefix}header-dark-item-color: #e9ecef;\n    }\n\n    [data-topbar=\"colored\"] {\n         --#{$prefix}header-colored-bg: #556ee6;\n         --#{$prefix}topbar-search-bg:  rgba(241, 245, 247, 0.071);\n         --#{$prefix}header-dark-item-color: #e9ecef;\n    }\n\n    [data-sidebar=\"colored\"]{\n        --#{$prefix}topbar-search-bg: #f1f5f7;\n    }\n\n    //sidebar vertical light\n    --#{$prefix}sidebar-bg: #ffffff;\n    --#{$prefix}sidebar-border-color: #eff0f2;\n    --#{$prefix}sidebar-menu-item-color: #7b8190;\n    --#{$prefix}sidebar-menu-sub-item-color: #7b8190;\n    --#{$prefix}sidebar-menu-item-icon-color: #7b8190;\n    --#{$prefix}sidebar-menu-item-hover-color: #383c40;\n    --#{$prefix}sidebar-menu-item-active-color: #2e3032;\n    --#{$prefix}sidebar-menu-sub-item-active-color: #2e3032;\n    --#{$prefix}sidebar-menu-item-active-bg-color: #f3f5f9;\n    --#{$prefix}sidebar-menu-sub-item-line-color: #eaecf1;\n    --#{$prefix}sidebar-width: 240px;\n    --#{$prefix}sidebar-collapsed-width: 70px;\n    --#{$prefix}sidebar-width-sm: 160px;\n\n    [data-sidebar=\"light\"]{\n        --#{$prefix}sidebar-bg: #ffffff;\n        --#{$prefix}sidebar-border-color: #eff0f2;\n        --#{$prefix}sidebar-menu-item-color: #7b8190;\n        --#{$prefix}sidebar-menu-sub-item-color: #7b8190;\n        --#{$prefix}sidebar-menu-item-icon-color: #7b8190;\n        --#{$prefix}sidebar-menu-item-hover-color: #383c40;\n        --#{$prefix}sidebar-menu-item-active-color: #2e3032;\n        --#{$prefix}sidebar-menu-sub-item-active-color: #2e3032;\n        --#{$prefix}sidebar-menu-item-active-bg-color: #f3f5f9;\n        --#{$prefix}sidebar-menu-sub-item-line-color: #eaecf1;\n        \n    }\n\n    [data-sidebar=\"dark\"] {\n        --#{$prefix}sidebar-dark-bg: #1f2224; //2c313a\n        --#{$prefix}sidebar-dark-menu-item-color: #7e8388;\n        --#{$prefix}sidebar-dark-menu-sub-item-color: #7e8388;\n        --#{$prefix}sidebar-dark-menu-item-icon-color: #525363;\n        --#{$prefix}sidebar-dark-menu-item-hover-color: #ffffff;\n        --#{$prefix}sidebar-dark-menu-item-active-color: #ffffff;\n        --#{$prefix}sidebar-dark-menu-item-active-bg-color: #30343a;\n        --#{$prefix}sidebar-dark-menu-sub-item-line-color: #505356;\n    }\n\n}\n\n//theme dark\n@if $enable-dark-mode {\n    @include color-mode(dark, true) {\n        --#{$prefix}light: #{$light-dark};\n        --#{$prefix}light-rgb: #{to-rgb($light-dark)};\n        --#{$prefix}dark: #{$light-dark};\n        --#{$prefix}dark-rgb: #{to-rgb($light-dark)};\n\n        --#{$prefix}navbar-brand-box-bg: #1f2224;\n\n        --#{$prefix}box-shadow: 0 2px 3px #161819;\n\n        // header\n        --#{$prefix}header-bg:                      #131516;\n        --#{$prefix}header-dark-bg:                 #131516;\n        --#{$prefix}header-item-color:              #919bae;\n        --#{$prefix}topbar-search-bg:               #2b324412;\n\n        .table-light {\n             --#{$prefix}table-color: #{lighten($light-dark, 80%)};\n             --#{$prefix}table-bg: var(--#{$prefix}tertiary-bg);\n             --#{$prefix}table-border-color: var(--#{$prefix}border-color);\n             --#{$prefix}table-striped-bg: var(--#{$prefix}tertiary-bg);\n             --#{$prefix}table-striped-color: #{lighten($light-dark, 100%)};\n             --#{$prefix}table-active-bg: var(--#{$prefix}tertiary-bg);\n             --#{$prefix}table-active-color: #{lighten($light-dark, 100%)};\n             --#{$prefix}table-hover-bg: var(--#{$prefix}tertiary-bg);\n             --#{$prefix}table-hover-color: #{lighten($light-dark, 100%)};\n        }\n\n        &[data-topbar=\"colored\"]{\n            --#{$prefix}header-colored-bg:  #556ee6;\n            --#{$prefix}topbar-search-bg:   #2b324412;\n        }\n\n        &[data-topbar=\"light\"] {\n            --#{$prefix}header-bg:        #f8f9fb;\n            --#{$prefix}topbar-search-bg: #2b3244;\n        }\n\n        &[data-sidebar=\"colored\"] {\n            --#{$prefix}topbar-search-bg: #2b3244;\n        }\n\n        // horizontal nav\n        --#{$prefix}topnav-bg:              #282e3f;\n\n        --#{$prefix}header-item-sub-color: #{$text-muted};\n        // footer\n        --#{$prefix}footer-bg: #{$gray-800};\n\n        --#{$prefix}boxed-body-bg: #1f2224;\n\n        --#{$prefix}sidebar-bg: #1f2224; //2c313a\n        --#{$prefix}sidebar-border-color: #282c2f;\n        --#{$prefix}sidebar-menu-item-color: #7e8388;\n        --#{$prefix}sidebar-menu-sub-item-color: #7e8388;\n        --#{$prefix}sidebar-menu-item-icon-color: #525363;\n        --#{$prefix}sidebar-menu-item-hover-color: #ffffff;\n        --#{$prefix}sidebar-menu-item-active-color: #ffffff;\n        --#{$prefix}sidebar-menu-item-active-bg-color: #30343a;\n        --#{$prefix}sidebar-menu-sub-item-line-color: #505356;\n\n        &[data-sidebar=\"dark\"] {\n            --#{$prefix}sidebar-dark-bg: #1f2224; //2c313a\n            --#{$prefix}sidebar-dark-menu-item-color: #7e8388;\n            --#{$prefix}sidebar-dark-menu-sub-item-color: #7e8388;\n            --#{$prefix}sidebar-dark-menu-item-icon-color: #525363;\n            --#{$prefix}sidebar-dark-menu-item-hover-color: #ffffff;\n            --#{$prefix}sidebar-dark-menu-item-active-color: #ffffff;\n            --#{$prefix}sidebar-dark-menu-item-active-bg-color: #30343a;\n            --#{$prefix}sidebar-dark-menu-sub-item-line-color: #505356;\n        }\n\n    }\n}","//\n// avatar.scss\n//\n\n.avatar-xs {\n  height: 1rem;\n  width: 1rem;\n}\n\n.avatar-sm {\n  height: 2.2rem;\n  width: 2.2rem;\n}\n\n.avatar {\n  height: 3rem;\n  width: 3rem;\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// body[data-bs-theme=\"dark\"] {\n//   .avatar-group{\n//     .avatar-group-item{\n//       border-color: $gray-dark-200;\n//     }\n//   }\n// }","//\n// alerts.scss\n//\n\n.alert-top-border {\n    background-color: $card-bg;\n    border-color: var(--#{$prefix}border-color);\n    border-top: 2px solid var(--#{$prefix}border-color);\n}\n\n//  \n\n// alert-label-icon\n\n.alert-label-icon {\n    position: relative;\n    padding-left: 60px;\n    border: 0;\n  \n    .label-icon {\n      position: absolute;\n      width: 45px;\n      height: 100%;\n      left: 0;\n      top: 0;\n      background-color: rgba($white, 0.1);\n      border-right: 1px solid rgba($white, 0.1);\n      font-size: 16px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  \n    // label arrow\n    &.label-arrow {\n      overflow: hidden;\n      .label-icon {\n        color: $white;\n        &:after {\n          content: \"\";\n          position: absolute;\n          border: 6px solid transparent;\n          right: -12px;\n        }\n      }\n    }\n  }\n\n.alert-light{\n    color: $text-muted;\n}\n\n@each $color,\n$value in $theme-colors {\n    .alert-top-border{\n        &.alert-#{$color} {\n            border-top-color: $value;\n            color: $value;\n        }\n    }\n\n    .alert-outline{\n        &.alert-#{$color} {\n            border: 1px solid rgba($value, .8);\n            color: $value;\n        }\n    }\n\n        // alert border left\n        .alert-border-left {\n            &.alert-#{$color} {\n            border-left-color: $value;\n            }\n        }\n\n        // label arrow\n        .label-arrow {\n            &.alert-#{$color} {\n            .label-icon {\n                background-color: $value;\n                &:after {\n                border-left-color: $value !important;\n                }\n            }\n            }\n        }\n}\n\n// Alert border left example\n\n.alert-border-left {\n    border-left: 3px solid;\n  }\n\n.alert-top-border, .alert-outline{\n    &.alert-light{\n        color: $text-muted;\n    }\n}","\n//\n// accordion.scss\n//\n\n.custom-accordion {\n    .accordion-list {\n        display: flex;\n        border-radius: 7px;\n        background-color: $gray-300;\n        padding: 12px 20px;\n        color: $body-color;\n        font-weight: $font-weight-semibold;\n        align-items: center;\n        justify-content: space-between;\n        &.collapsed {\n            i.accor-plus-icon {\n                &:before {\n                    content: \"\\F0415\";\n                }\n            }\n        }\n\n        .accor-plus-icon{\n            display: inline-block;\n            font-size: 16px;\n            height: 24px;\n            width: 24px;\n            line-height: 22px;\n            background-color: $card-bg;\n            text-align: center;\n            border-radius: 50%;\n        }\n    }\n\n    \n    a {\n\n        &.collapsed {\n            i.accor-down-icon {\n                &:before {\n                    content: \"\\F0140\";\n                }\n            }\n        }\n    }\n\n\n    .card-body {\n        color: $text-muted;\n    }\n}\n\n// body[data-bs-theme=\"dark\"] {\n\n//     // accordion\n\n//     .accordion-button{\n//       border-color: $gray-dark-300;\n//       color: $gray-dark-600;\n//       &:not(.collapsed){\n//           background-color: rgba($primary, 0.2);\n//           color: $primary;\n//           box-shadow: inset 0 -1px 0 $gray-dark-200;\n//       }\n//     }\n\n//     .accordion-item{\n//         border-color: $gray-dark-300;\n//     }\n    \n//     .accordion-collapse{\n//         border-color: $gray-dark-300;\n//     }\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-pattern{\n  background: url('../images/pattern-bg.jpg');\n  background-size: cover;\n  background-position: center;\n}\n\n//list-group-item\n\n.list-group-item{\n  color: var(--#{$prefix}body-color);\n}\n\n// Social\n\n.social-list-item {\n  height: 2.4rem;\n  width: 2.4rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  line-height: calc(2.4rem - 2px);\n  border: 1px solid $card-bg;\n  border-radius: 50%;\n  color: $text-muted;\n  fill: $text-muted;\n  text-align: center;\n  transition: all 0.4s;\n  svg{\n    width: 16px;\n    height: 16px;\n  }\n  &:hover{\n    color: $dark;\n    fill: $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// body[data-bs-theme=\"dark\"] {\n//     .btn-close {\n//       background: transparent escape-svg($btn-close-bg-dark) center / $btn-close-width auto no-repeat;\n//     }\n//     // border\n    \n\n//     .border-bottom{\n//         border-bottom: 1px solid $gray-dark-300 !important;\n//     }\n\n//     .border-top,\n//     .border-start,\n//     .border-end,\n//     .border,\n//     .list-group-item {\n//         border-color: $gray-dark-300 !important;\n//     }\n\n//     @each $color, $value in $theme-colors {\n//       .border-#{$color} {\n//           border-color: $value !important;\n//       }\n//     }\n\n//     .border-light{\n//         border-color: $gray-dark-300 !important;\n//     }\n\n//     // text colors\n//     .text-dark{\n//         color: $gray-dark-600 !important;\n//     }\n\n//     .text-muted{\n//         color: $gray-dark-400 !important;\n//     }\n\n//     .text-body{\n//         color: $gray-dark-500 !important;\n//     }\n\n//     // List item\n//     .list-group-item {\n//         background-color: $gray-dark-200;\n//         color: $gray-dark-400;\n//     }\n\n//     // img thumbnail\n\n//     .img-thumbnail{\n//         background-color: lighten($gray-dark-200,2.5%);\n//         border-color: $gray-dark-300;\n//     }\n  \n//     // popover-header\n//     .popover-header{\n//         color: $gray-dark-200;\n//     }\n\n//     .custom-blockpuote.blockquote.blockpuote-outline-dark{\n//       border-color: $gray-dark-300;\n//       .blockquote-footer{\n//         color: $gray-dark-300;\n//       }\n//     }\n\n//     .social-list-item{\n//       border: 1px solid $gray-dark-200;\n//       color: $gray-dark-400;\n//       &:hover{\n//         color: $gray-dark-500;\n//       }\n//     }\n\n// }\n","// \n// _preloader.scss\n//\n\n#preloader {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: $card-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{\n    .spin-icon {\n        font-size: 48px;\n        color: $primary;\n        position: relative;\n        display: inline-block;\n        animation: spin 1.6s infinite linear;\n    }\n}\n\n@keyframes spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(359deg);\n    }\n}","//\n// forms.scss\n//\n\n[type=\"tel\"],\n[type=\"url\"],\n[type=\"email\"],\n[type=\"number\"] {\n &::placeholder{\n   text-align: left /*rtl: right*/;\n }\n}\n\n.form-check{\n  position: relative;\n  text-align: left /*rtl: right*/;\n}\n\n\n// checkbox input right\n\n.form-check-right{\n  padding-left: 0;\n  display: inline-block;\n  padding-right: $form-check-padding-start;\n  .form-check-input{\n    float: right;\n    margin-left: 0;\n    margin-right: $form-check-padding-start * -1;\n  }\n\n  .form-check-label{\n    display: block;\n  }\n}\n\n// checkbox\n\n.form-checkbox-outline{\n  \n  .form-check-input{\n    border-width: 2px;\n    background-color: var(--#{$prefix}secondary-bg);\n\n    &:active{\n      filter: none;\n    }\n\n    &:checked{\n      background-color: var(--#{$prefix}secondary-bg) !important;\n\n      &[type=checkbox]{\n        background-image: none;\n        \n      }\n\n      &:after{\n        position: absolute;\n        content: '\\F012C';\n        font-family: \"Material Design Icons\";\n        top: -4px !important;\n        left: 1px; /*rtl: -4px */\n        font-size: 16px;\n        color: var(--#{$prefix}body-color);  \n      }\n    }\n  }\n}\n\n// radio\n\n.form-radio-outline{\n  .form-check-input{\n    border-width: 2px;\n    background-color: $card-bg;\n\n    &:active{\n      filter: none;\n    }\n\n    &:checked{\n      background-color: $card-bg !important;\n  \n      &[type=checkbox]{\n        background-image: none;\n        \n      }\n  \n      &: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  }\n}\n\n\n\n// checkbox color\n\n@each $color,\n$value in $theme-colors {\n  .form-check-#{$color}{\n    .form-check-input{\n      &:checked{\n        background-color: $value;\n        border-color: $value;\n      }\n    }\n  }\n\n  .form-radio-#{$color}{\n    .form-check-input{\n      &:checked{\n        border-color: $value;\n        background-color: $value;\n        &:after{\n          color: $value;\n        }\n      }\n    }\n  }\n}\n\n.form-check,\n.form-check-input,\n.form-check-label {\n  cursor: pointer;\n  margin-bottom: 0;\n}\n\n\n// Switch sizes\n\n.form-switch-md{\n  font-size: 20px;\n  min-height: 26px;\n  line-height: 26px;\n\n  .form-check-label{\n    font-size: $font-size-base;\n    vertical-align: middle;\n  }\n}\n\n\n.form-switch-lg{\n  font-size: 26px;\n  min-height: 36px;\n  line-height: 36px;\n  .form-check-label{\n    font-size: $font-size-base;\n    vertical-align: middle;\n  }\n}\n\n.input-group-text{\n  margin-bottom: 0px;\n}\n\n// card radio\n\n.card-radio{\n  background-color: $card-bg;\n  border: 2px solid $card-border-color;\n  border-radius: $border-radius;\n  padding: 4px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  &:hover{\n    cursor: pointer;\n  }\n}\n\n.card-radio-label{\n  display: block;\n}\n\n\n.card-radio-input{\n  display: none;\n  &:checked + .card-radio {\n    border-color: $primary !important;\n  }\n}\n\n\n// body[data-bs-theme=\"dark\"]{\n\n//   // Form Control\n//   .form-control {\n//     color: $gray-dark-500;\n//     background-color: lighten($gray-dark-200,3%);\n//     border: 1px solid $gray-dark-300;\n//   }\n//   // form-select\n//   .form-select{\n//     color: $gray-dark-500;\n//     background-color: lighten($gray-dark-200,3%);\n//     border: 1px solid $gray-dark-300;\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-dark-800}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>\"));\n// }\n\n// // form-check\n\n// .form-check-input{\n//   background-color: $gray-dark-300;\n//   border-color: rgba($white, 0.25);\n//   &:checked{\n//       background-color: $form-check-input-checked-bg-color;\n//       border-color: $form-check-input-checked-border-color;\n//     }\n// }\n\n// // form switch\n\n// .form-switch {\n//     .form-check-input {\n//         background-image: escape-svg($form-switch-checked-bg-image)\n//     }\n// }\n\n// // input group\n// .input-group-text{\n//     background-color: lighten($gray-dark-300,3%);\n//     border-color: $gray-dark-300;\n//     color: $gray-dark-600;\n// }\n\n// .form-control{\n//     &::-webkit-file-upload-button {\n//         background-color: $gray-dark-300;\n//         color: $gray-dark-600;\n//     }\n//     &:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {\n//         background-color: $gray-dark-300;\n//     }\n// }\n// }","// \n// _widgets.scss\n// \n\n// popular product\n\n.popular-product-box{\n    padding: 12px 15px;\n    background-color: var(--#{$prefix}tertiary-bg);\n}\n\n// Loyal Customers\n.loyal-customers-box{\n    padding: 11px 0px;\n}\n\n// Sale Social\n.sale-social-box{\n    padding: 15px 0px;\n}\n\n.sales-history{\n    padding: 12px 0px;\n}\n\n.popular-product-img{\n    img{\n        height: 200px;\n        @media (min-width: 1440px) and (max-width: 1550px) { \n            max-width: 100%;\n            height: auto;          \n        }\n    }\n  \n}\n\n\n.main-chart {\n    .chart-border-left {\n        border-left: 1.4px solid var(--#{$prefix}border-color);\n        padding: 0px 20px;\n\n        @media (max-width: 575.98px) {\n            padding: 0px 0px;\n            border: 0;\n            &:last-child{\n                padding-left: 15px;\n            }\n        }\n\n        &:last-child {\n            margin-right: 0px;\n        }\n    }\n}\n\n.widget-chat{\n    height: 331px !important;\n}\n\n.widget-chat-list{\n    height: 400px !important;\n}\n\n// Transactions\n\n.transactions-contain{\n    padding: 14px 16px;\n}\n\n\n.swiper-location-widget{\n    height: 276px;\n    .swiper-slide{\n        .card{\n            margin: 0;\n            box-shadow: none;\n            height: 100%;\n            \n            .card-body{\n                padding: 0.5rem 1rem;\n                display: flex;\n                flex-direction: column;\n                justify-content: center;\n            }\n        }\n    }\n}\n\n// map widget\n.map-widget{\n    @media (min-width: 992px) {\n        border-right: 1px solid var(--#{$prefix}border-color);\n    }\n}\n\n// body[data-bs-theme=\"dark\"] {\n\n//     .popular-product-box{\n//         background-color: $gray-dark-300;\n    \n//     }\n\n//     .main-chart{\n//         .chart-border-left{\n//             border-left: 1.4px solid $gray-dark-300;\n//         }\n//     }\n\n//     // map widget\n//     .map-widget{\n//         @media (min-width: 992px) {\n//             border-right: 1px solid $gray-dark-300;\n//         }\n//     }\n// }","// \n// _demos.scss\n// \n\n// Grid \n.grid-example{\n  background-color:  var(--#{$prefix}tertiary-bg);\n  border-radius: 5px;\n  font-weight: $font-weight-medium;\n  padding: 10px 20px;\n  font-size: .8rem;\n}\n\n\n// Demo Only\n.button-items {\n    margin-left: -8px;\n    margin-bottom: -12px;\n    \n    .btn {\n        margin-bottom: 12px;\n        margin-left: 8px;\n    }\n}\n\n// search-box\n.search-box{\n  .form-control{\n      border-radius: 10px;\n      padding-left: 40px;\n  }\n  .search-icon{\n      position: absolute;\n      left: 13px;\n      top: 50%;\n      transform: translateY(-50%);\n      fill:  var(--#{$prefix}body-color);\n      width: 16px;\n      height: 16px;\n  }\n}\n\n\n.user-profile-img{\n  position: relative;\n  \n  .overlay-content{\n      content: \"\";\n      position: absolute;\n      left: 0;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      background: rgba($primary, 0.8);\n      display: flex;\n      height: 100%;\n      color: rgba($white, 0.6);\n      flex-direction: column;\n  }\n  .profile-img{\n      width: 100%;\n      height: 250px;\n      object-fit: cover;\n\n      @media (max-width:991px) {\n          height: 160px;\n      }\n  }\n}\n\n.user-profile-image{\n  object-fit: cover;\n}\n\n// Modals\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\n// Icon demo ( Demo only )\n.icon-demo-content {\n    text-align: center;\n    color: var(--#{$prefix}body-color);\n  \n    i, svg{\n      display: block;\n      width: 50px;\n      height: 50px;\n      line-height: 46px;\n      font-size: 24px;\n      margin: 0px auto 16px;\n      border: 2px solid var(--#{$prefix}border-color);\n      color: var(--#{$prefix}body-color);\n      fill: $gray-600;\n      border-radius: 1rem;\n      transition: all 0.4s;\n    }\n    svg {\n      padding: 10px;\n    }\n  \n    .col-lg-4 {\n      margin-top: 24px;\n  \n      &:hover {\n        i, svg {\n          color: $white;\n          fill: $white;\n          background-color: $primary;\n          border-color: $primary;\n        }\n      }\n    }\n}\n\n// Grid\n\n.grid-structure {\n  .grid-container {\n      background-color: var(--#{$prefix}tertiary-bg);\n      margin-top: 10px;\n      font-size: .8rem;\n      font-weight: $font-weight-medium;\n      padding: 10px 20px;\n  }\n}\n\n// toast\n.toast:not(:last-child) {\n  margin-bottom: .75rem;\n}\n\n\n// ribbon\n\n.ribbon{\n  position: absolute;\n  right: -26px;\n  top: 20px;\n  transform: rotate(45deg);\n  color: $white;\n  font-size: 13px;\n  font-weight: $font-weight-medium;\n  padding: 1px 22px;\n  font-size: 13px;\n  font-weight: 500;\n}\n\n\n// card radio\n\n\n\n.card-radio{\n  background-color: var(--#{$prefix}secondary-bg);\n  border: 2px solid $card-border-color;\n  border-radius: $border-radius;\n  padding: 0.5rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  display: block;\n\n  &:hover{\n    cursor: pointer;\n  }\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\n.card-radio-input{\n  display: none;\n  &:checked + .card-radio {\n    border-color: $primary !important;\n\n    &:before{\n      content: '\\e9da';\n      font-family: \"boxicons\";\n      position: absolute;\n      top: 10px;\n      right: 25px;\n      font-size: 22px;\n      color: $primary;\n    }\n  }\n}\n\n.navs-carousel{\n  .owl-nav{\n      margin-top: 16px;\n      button{\n          width: 30px;\n          height: 30px;\n          line-height: 28px !important;\n          font-size: 20px !important;\n          border-radius: 50% !important;\n          background-color: rgba($primary, 0.25) !important;\n          color: $primary !important;\n          margin: 4px 8px !important;\n      }\n  }\n}\n\n@media (min-width: 576px){\n  .currency-value{\n      position: relative;\n      &:after{\n          content: \"\\F04E1\";\n          font-family: \"Material Design Icons\";\n          font-size: 24px;\n          position: absolute;\n          width: 40px;\n          height: 40px;\n          line-height: 40px;\n          border-radius: 50%;\n          text-align: center;\n          right: 0;\n          top: 50%;\n          transform: translateY(-50%);\n          background-color: $primary;\n          color: $white;\n          z-index: 9;\n          right: -30px;\n      }\n  }\n\n}\n\n.crypto-buy-sell-nav-content{\n  border: 2px solid var(--#{$prefix}border-color);\n  border-top: 0;\n}","// \n// _print.scss\n//\n\n// Used invoice page\n@media print {\n    .vertical-menu,\n    .right-bar,\n    .page-title-box,\n    .navbar-header,\n    .footer {\n        display: none !important;\n    }\n    .card-body,\n    .main-content,\n    .right-bar,\n    .page-content,\n    body {\n        padding: 0;\n        margin: 0;\n    }\n\n    .card{\n        border: 0;\n    }\n}","//\n// carousel.scss\n//\n\n.carousel-control-prev,\n.carousel-control-next {\n    height: 30px;\n    width: 30px;\n    margin: auto 0;\n    background-color: $primary;\n}\n\n.carousel-dark .carousel-caption{\n    color: rgba($black, 0.8);\n    .h1, .h2, .h3, .h4, .h5, .h6, \n    h1, h2, h3, h4, h5, h6{\n        color: rgba($black, 0.8);\n    }\n}\n\n\n\n.auth-carousel{\n    .carousel-indicators {\n        bottom: -50px;\n    }\n    [data-bs-target]{\n        background-color: $primary;\n    }\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}","/* ==============\n  Calendar\n===================*/\n\n\n.fc td, .fc th{\n    border: $table-border-width solid $table-border-color;\n}\n\n.fc {\n    .fc-toolbar {\n        h2 {\n            font-size: 16px;\n            line-height: 30px;\n            text-transform: uppercase;\n        }\n\n        @media (max-width: 767.98px) {\n\n            .fc-left,\n            .fc-right,\n            .fc-center {\n                float: none;\n                display: block;\n                text-align: center;\n                clear: both;\n                margin: 10px 0;\n            }\n\n            >*>* {\n                float: none;\n            }\n\n            .fc-today-button {\n                display: none;\n            }\n        }\n\n        .btn {\n            text-transform: capitalize;\n        }\n\n    }\n\n    .fc-col-header-cell{\n        background-color: $light;\n    }\n\n    .fc-col-header-cell-cushion {\n        display: block;\n        padding: 8px 4px;\n    }\n\n    .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: $font-weight-medium;\n        margin: 2px;\n    }\n\n    .fc-daygrid-day.fc-day-today{\n        background-color: rgba($primary,0.1);\n        .fc-daygrid-day-number{\n            background-color: $primary;\n            color: $white;\n        }\n    }\n\n    .fc-list-event:hover td{\n        background: transparent;\n    }\n\n    .fc-list-event-dot{\n        border-color: $white;\n    }\n\n    .fc-list-event-title{\n        a{\n            color: $white !important;\n        }\n    }\n\n    .fc-col-header, .fc-daygrid-body, .fc-scrollgrid-sync-table{\n        width: 100% !important;\n    }\n}\n\n.fc-theme-bootstrap a:not([href]){\n    color: var(--#{$prefix}body-color);\n}\n.fc-event{\n    color: $white;\n}\n\n\n.fc {\n    th.fc-widget-header {\n        background: var(--#{$prefix}tertiary-bg);\n        color: var(--#{$prefix}body-color);\n        line-height: 20px;\n        padding: 10px 0;\n        text-transform: uppercase;\n        font-weight: $font-weight-bold;\n    }\n}\n\n.fc-unthemed {\n\n    .fc-content,\n    .fc-divider,\n    .fc-list-heading td,\n    .fc-list-view,\n    .fc-popover,\n    .fc-row,\n    tbody,\n    td,\n    th,\n    thead {\n        border-color: $gray-300;\n    }\n\n    td.fc-today {\n        background: lighten($gray-200, 2%);\n    }\n}\n\n.fc-button {\n    background: $card-bg;\n    border-color: $border-color;\n    color: $gray-700;\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: $primary;\n    color: $white;\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: $primary;\n}\n\n.fc-daygrid-dot-event.fc-event-mirror, \n.fc-daygrid-dot-event:hover{\n    background-color: $primary;\n}\n\n.fc-daygrid-dot-event{\n    color: $white !important;\n\n    .fc-event-title{\n        font-weight: $font-weight-semibold;\n    }\n}\n\n.fc-daygrid-event-dot{\n    border-color: $white !important;\n    color: $white !important;\n}\n\n.fc-event .fc-content {\n    color: $white;\n}\n\n#external-events {\n    .external-event {\n        text-align: left;\n        padding: 8px 16px;\n        margin: 6px 0;\n    }\n}\n\n\n.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.bg-dark {\n    .fc-content{\n      color: $light;  \n    }\n  }\n\n.fc-scrollgrid-sync-inner{\n    .fc-col-header-cell-cushion{\n        background-color: var(--#{$prefix}tertiary-bg) !important;\n    }\n}\n  \n.fc-theme-standard .fc-scrollgrid {\n    border: 1px solid var(--#{$prefix}border-color) !important;\n}\n\n\n// RTL\n[dir=\"rtl\"]{\n    .fc-header-toolbar {\n        direction: ltr !important;\n    }\n\n    .fc-toolbar>*>:not(:first-child) {\n        margin-left: .75em;\n    }\n}\n\n.fc-toolbar{\n    @media (max-width: 575.98px) {\n        flex-direction: column;\n        gap: 16px;\n    }\n}\n\n\n","\n//\n// Range slider.scss\n//\n\n.noUi-connect{\n  background: $primary;\n}\n\n.noUi-handle{\n  background: var(--#{$prefix}secondary-bg);\n}\n\n.noUi-horizontal{\n  height: 8px;\n  .noUi-handle{\n    height: 20px;\n    width: 20px;\n    border-radius: 50%;\n    right: -10px;\n    top: -7px;\n\n    &::before, &::after{\n      display: none;\n    }\n    &:focus{\n      outline: 0;\n    }\n  }\n}\n\n.noUi-pips-horizontal{\n  height: 50px;\n}\n\n.noUi-vertical{\n  width: 8px;\n  .noUi-handle{\n    height: 20px;\n    width: 20px;\n    right: -7px;\n    top: -12px;\n    border-radius: 50%;\n    &::before, &::after{\n      display: none;\n    }\n    &:focus{\n      outline: 0;\n    }\n  }\n  .noUi-origin{\n    top: 0;\n  }\n}\n\n.noUi-value{\n  font-size: 12px;\n}\n\n.noUi-marker-horizontal{\n  &.noUi-marker-large{\n    height: 6px;\n  }\n\n  &.noUi-marker{\n    display: none;\n  }\n}\n\n.noUi-target{\n  background-color: var(--#{$prefix}tertiary-bg);\n  border-color: var(--#{$prefix}border-color);\n}\n\n.noUi-touch-area{\n  &:focus{\n    outline: 0;\n  }\n}\n\n// Colorpicker\n\n#red, #green, #blue {\n\tmargin: 10px;\n\tdisplay: inline-block;\n\theight: 200px;\n}\n\n#colorpicker {\n\theight: 240px;\n\twidth: 310px;\n\tmargin: 0 auto;\n\tpadding: 10px;\n\tborder: 1px solid var(--#{$prefix}border-color)s;\n}\n\n#result {\n\tmargin: 60px 26px;\n\theight: 100px;\n\twidth: 100px;\n\tdisplay: inline-block;\n\tvertical-align: top;\n\tborder: 1px solid var(--#{$prefix}border-color);\n    box-shadow: 0 0 3px;\n    border-radius: 7px;\n}\n\n#red {\n    .noUi-connect {\n        background: $danger;\n    }\n}\n\n#green {\n    .noUi-connect {\n        background: $success;\n    }\n}\n\n#blue {\n    .noUi-connect {\n        background: $primary;\n    }\n}\n\n// Adding keyboard support\n\n.form-control{\n    &.keyboard{\n        max-width: 340px !important;\n    }\n}\n\n// Using HTML5 input elements\n\n#input-select,\n#input-number {\n\tpadding: 7px;\n\tmargin: 15px 5px 5px;\n\twidth: 70px;\n}\n\n// Non linear slider\n\n.example-val{\n    font-size: 12px;\n    color: $text-muted;\n    display: block;\n    margin: 15px 0;\n    &:before{\n        content: \"Value: \";\n        font-size: 12px;\n        font-weight: 600;\n    }\n}\n\n// showing tooltips\n\n.noUi-tooltip {\n    display: none;\n}\n.noUi-active .noUi-tooltip {\n    display: block;\n}\n\n// Colored Connect Elements\n\n.c-1-color { background: $danger; }\n.c-2-color { background: $warning; }\n.c-3-color { background: $success; }\n.c-4-color { background: $primary; }\n.c-5-color { background: $purple; }\n\n//  slider togle\n\n#slider-toggle {\n    height: 50px;\n    &.off{\n        .noUi-handle{\n            border-color: $danger;\n        }\n    }\n}\n\n.noUi-target {\n    box-shadow: inset 0 1px 1px var(--#{$prefix}border-color), 0 3px 6px -5px var(--#{$prefix}border-color);\n}\n\n.noUi-handle{\n  box-shadow: inset 0 0 1px var(--#{$prefix}tertiary-bg), inset 0 1px 7px var(--#{$prefix}tertiary-bg), 0 3px 6px -3px var(--#{$prefix}tertiary-bg);\n  border-color: var(--#{$prefix}border-color);\n}\n\n","\n//\n//  Sweetalert2.scss\n//\n\n.swal2-container {\n  .swal2-title{\n    font-size: 24px;\n    font-weight: $font-weight-medium;\n  }  \n}\n\n.swal2-content{\n  font-size: 16px;\n}\n\n.swal2-icon{\n  &.swal2-question{\n    border-color: $info;\n    color: $info;\n  }\n  &.swal2-success {\n    [class^=swal2-success-line]{\n      background-color: $success;\n    }\n\n    .swal2-success-ring{\n      border-color: rgba($success, 0.3);\n    }\n  }\n  &.swal2-warning{\n    border-color: $warning;\n    color: $warning;\n  }\n}\n\n.swal2-styled{\n  &:focus{\n    box-shadow: none;\n  }\n}\n\n.swal2-progress-steps {\n  .swal2-progress-step{\n    background: $primary;\n    &.swal2-active-progress-step{\n      background: $primary;\n      &~.swal2-progress-step, &~.swal2-progress-step-line{\n        background: rgba($primary, 0.3);\n      }\n    }\n  }\n  .swal2-progress-step-line{\n    background: $primary;\n  }\n}\n\n.swal2-actions.swal2-loading{\n  .swal2-styled.swal2-confirm{\n    border-left-color: $primary !important;\n    border-right-color: $primary !important;\n  }\n}\n\n.swal2-file, .swal2-input, .swal2-textarea{\n  border: 1px solid $input-border-color;\n  &:focus{\n    box-shadow: none;\n    border-color: $input-focus-border-color;\n  }\n}\n\n.swal2-modal{\n  background-color: var(--#{$prefix}secondary-bg) !important;\n\n  .swal2-title{\n    color: var(--#{$prefix}heading-color) !important;\n  }\n\n  .swal2-html-container{\n    color: var(--#{$prefix}body-color) !important;\n  }\n}\n","\n//\n// alertify.scss\n//\n\n\n.alertify {\n    .ajs-header{\n        font-weight: $font-weight-medium;\n        font-size: 16px;\n        position: relative;\n        color: var(--#{$prefix}body-color);\n        border-color: var(--#{$prefix}border-color);\n    }\n    .ajs-dialog{\n        box-shadow: var(--#{$prefix}box-shadow);\n        background-color: $modal-content-bg;\n        border-radius: $modal-content-border-radius;\n        overflow: hidden;\n\n        .ajs-header, .ajs-footer{\n            background-color: $modal-content-bg;\n        }\n    }\n\n    .ajs-body{\n        color: var(--#{$prefix}body-color);\n    }\n\n    .ajs-footer {\n        border-top-color: var(--#{$prefix}border-color);\n        .ajs-buttons {\n            .ajs-button{\n                font-size: 13px;\n                color: var(--#{$prefix}body-color);\n                font-weight: $font-weight-medium;\n                &.ajs-ok{\n                    color: $primary;\n                }\n            }\n\n            &.ajs-primary{\n                text-align: right;\n            }\n        }\n    }\n\n    .ajs-body .ajs-content {\n        padding: 16px 0px;\n        .ajs-input:focus-visible{\n            outline: none;\n        }\n\n        .ajs-input{\n            display: block;\n            width: 100%;\n            padding: $input-padding-y $input-padding-x;\n            line-height: $input-line-height;\n            color: $input-color;\n            background-color: $input-bg;\n            border: $input-border-width solid $input-border-color;\n            border-radius: $input-border-radius;\n        }\n    }\n\n    .ajs-commands{\n        top: 16px;\n        right: 16px;\n        left: auto;\n        margin: 0;\n\n        button{\n            width: $btn-close-width;\n            height: $btn-close-height;\n            padding: $btn-close-padding-y $btn-close-padding-x;\n            background: transparent escape-svg($btn-close-bg) center / $btn-close-width auto no-repeat !important; // include transparent for button elements\n            opacity: $btn-close-opacity;\n        }\n    }\n}\n\n\n.alertify-notifier {\n    .ajs-message{\n        background-color: $primary;\n        border-color: $primary;\n        color: $white;\n        text-shadow: none !important;\n        border-radius: 4px;\n        &.ajs-success{\n            background-color: $success;\n            border-color: $success;\n        }\n        &.ajs-error{\n            background-color: $danger;\n            border-color: $danger;\n        }\n        &.ajs-warning{\n            background-color: $warning;\n            border-color: $warning;\n        }\n    }\n\n\n    &.ajs-right {\n        right: 10px;\n        left: auto;\n        .ajs-message {\n            right: -320px;\n            left: auto;\n            &.ajs-visible {\n                right: 290px;\n                left: auto;\n            }\n        }\n    }\n\n    &.ajs-left {\n        left: 10px;\n        right: auto;\n        .ajs-message {\n            left: -300px;\n            right: auto;\n            &.ajs-visible {\n                left: 0;\n                right: auto;\n            }\n        }\n    }\n}","//\n// swiper-slider.scss\n//\n\n.swiper-arrow{\n    .swiper-button-next, .swiper-button-prev{\n        height: 30px;\n        width: 30px;\n        margin: auto 0;\n        color: $white !important;\n        background-color: lighten($primary, 5%);\n        &::after{\n            font-size: 18px;\n        }\n    }\n    .swiper-button-prev{\n        position: absolute;\n        left: 0;\n    }\n    .swiper-button-next{\n        position: absolute;\n        right: 0;\n    }\n\n    &.arrow-sm{\n        .swiper-button-prev, .swiper-button-next{\n            height: 24px;\n            width: 24px;\n            &::after{\n                font-size: 12px;\n            }\n        }\n    }\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: $card-bg;\n    border-radius: 10px;\n    right: auto !important;\n}\n\n.swiper-pagination-bullet{\n    background-color: $card-bg;\n    opacity: 1;\n    border: 1px solid $primary;\n}\n\n.swiper-pagination-bullet-active{\n    background-color: $primary;\n    opacity: 1;\n    border: 1px solid $primary;\n}\n\n.swiper-button-prev, .swiper-container-rtl .swiper-button-next{\n    left: 25px;\n    right: auto;\n}\n\n.swiper-button-next, .swiper-container-rtl .swiper-button-prev{\n    right: 25px;\n    left: auto;\n}\n\n.progress-swiper{\n    .swiper-pagination-progressbar{\n        width: 100%;\n        height: 4px;\n        left: 0;\n        top: 0;\n        background-color: $progress-bg;\n        .swiper-pagination-progressbar-fill{\n            background-color: $primary;\n        }\n    }\n}\n\n\n","\n//\n// choices\n//\n\n.choices__inner{\n  padding: 0.25rem ($form-select-padding-x + $form-select-indicator-padding) 0.25rem 0.5rem;\n  background-color: $form-select-bg;\n  vertical-align: middle;\n  border-radius: $form-select-border-radius;\n  border: $form-select-border-width solid $form-select-border-color;\n  min-height: 38px;\n\n}\n.choices__heading{\n  border-bottom-color: var(--#{$prefix}border-color) !important;\n}\n\n\n.choices[data-type*=select-one]{\n  .choices__inner{\n    padding-bottom: 0.25rem;\n  }\n\n  &:after{\n    border: 0;\n    border-color: var(--#{$prefix}border-color) transparent transparent;\n    right: 11.5px;\n    left: auto;\n    content: \"\\F0140\";\n    font-family: 'Material Design Icons';\n    width: auto;\n    height: auto;\n    margin-top: 0;\n    top: 50%;\n    transform: translateY(-50%);\n  } \n\n  &.is-open:after{\n    margin-top: 0;\n    transform: translateY(-50%) rotate(-180deg);\n  }\n\n  .choices__button{\n    right: 0;\n    left: auto;\n    margin-right: 25px;\n    margin-left: 0;\n  }\n}\n\n.choices__input{\n  background-color: $input-bg;\n  margin-bottom: 0;\n}\n\n.choices__list--multiple{\n  display: inline-flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  .choices__item{\n    background-color: $primary;\n    border-color: $primary;\n    margin-bottom: 0;\n    margin-right: 0;\n    font-weight: $font-weight-normal;\n    &.is-highlighted{\n      background-color: $primary;\n      border: 1px solid $primary;\n    }\n  }\n}\n\n.choices.is-disabled {\n  .choices__inner, .choices__input{\n    background-color: var(--#{$prefix}secondary-bg);\n  }\n}\n\n.is-open, .is-focused{\n  .choices__inner{\n    border-color: $input-focus-border-color;\n  }\n}\n\n.is-disabled .choices__list--multiple {\n  .choices__item{\n    background-color: $secondary;\n    border-color: $secondary;\n  }\n}\n\n.choices[data-type*=select-multiple], .choices[data-type*=text]{\n  .choices__button{\n    border-left: 1px solid rgba($white, 0.5);\n    margin: 0 -4px 0 8px;\n    border-right: 0;\n  }\n}\n\n.choices__list--dropdown{\n  background-color: $dropdown-bg !important;\n  border-color: $dropdown-border-color !important;\n  box-shadow: var(--#{$prefix}box-shadow)!important;\n  .choices__item--selectable.is-highlighted{\n    background-color: $dropdown-link-hover-bg !important;\n  }\n}\n\n.is-open{\n  .choices__list--dropdown{\n    border-color: $dropdown-border-color !important;\n  }\n}\n\n.choices[data-type*=select-one] .choices__input{\n  background-color: var(--#{$prefix}secondary-bg) !important;\n  border-bottom-color: var(--#{$prefix}border-color) !important;\n}","//\n//  switch.scss\n//\n\n/* CSS Switch */\ninput[switch] {\n  display: none;\n  + label {\n    font-size: 1em;\n    line-height: 1;\n    width: 56px;\n    height: 24px;\n    background-color: $gray-400;\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: $font-weight-medium;\n    transition: all 0.1s ease-in-out;\n    &:before {\n      color: $dark;\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    }\n\n    &:after {\n      content: '';\n      position: absolute;\n      left: 3px;\n      background-color: $gray-200;\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    }\n  }\n\n  &:checked + label {\n    background-color: $primary;\n  }\n}\n\ninput[switch]:checked + label {\n  background-color: $primary;\n  &:before {\n    color: $white;\n    content: attr(data-on-label);\n    right: auto;\n    left: 3px;\n  }\n\n  &:after {\n    left: 33px;\n    background-color: $gray-200;\n  }\n}\n\ninput[switch=\"bool\"] + label {\n  background-color: $danger;\n}\ninput[switch=\"bool\"] + label:before,input[switch=\"bool\"]:checked + label:before,\ninput[switch=\"default\"]:checked + label:before{\n  color: $white;\n}\n\ninput[switch=\"bool\"]:checked + label {\n  background-color: $success;\n}\n\ninput[switch=\"default\"]:checked + label {\n  background-color: #a2a2a2;\n}\n\ninput[switch=\"primary\"]:checked + label {\n  background-color: $primary;\n}\n\ninput[switch=\"success\"]:checked + label {\n  background-color: $success;\n}\n\ninput[switch=\"info\"]:checked + label {\n  background-color: $info;\n}\n\ninput[switch=\"warning\"]:checked + label {\n  background-color: $warning;\n}\n\ninput[switch=\"danger\"]:checked + label {\n  background-color: $danger;\n}\n\ninput[switch=\"dark\"]:checked + label {\n  background-color: $dark;\n}\n\n.square-switch{\n  margin-right: 7px;\n  input[switch]+label, input[switch]+label:after{\n    border-radius: 4px;\n  }\n}\n\n","// \n// Datatables.scss\n// \n\n.table-bordered {\n  border: $table-border-width solid $table-border-color;\n}\n\n// gridjs-table\n\n.gridjs-container{\n  color: $table-color;\n}\n\n.gridjs-head{\n  margin-bottom: 15px;\n  position: relative;\n  z-index: 1;\n}\n\n.gridjs-wrapper{\n  box-shadow: none;\n  border: none;\n\n  &::-webkit-scrollbar {\n    -webkit-appearance: none;\n}\n\n  &::-webkit-scrollbar:vertical {\n      width: 12px;\n  }\n\n  &::-webkit-scrollbar:horizontal {\n      height: 12px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n      background-color: rgba($dark, .075);\n      border-radius: 10px;\n      border: 2px solid var(--#{$prefix}border-color);\n  }\n\n  &::-webkit-scrollbar-track {\n      border-radius: 10px;  \n      background-color: var(--#{$prefix}secondary-bg); \n  }\n}\n\n.gridjs-table{\n  width: 100%;\n}\n\nth.gridjs-th, \ntd.gridjs-td{\n  border: 0px solid var(--#{$prefix}border-color);\n  border-bottom-width: 1px;\n  padding: .75rem .75rem;;\n}\n\nth{\n  &.gridjs-th{\n    border-top: 0;\n    color: $table-color;\n    background-color: $table-head-bg;\n\n  }\n\n  &.gridjs-th-sort{\n    &:focus, &:hover{\n      background-color: var(--#{$prefix}secondary-bg);\n    }\n  }\n}\n\n.gridjs-footer{\n  box-shadow: none;\n  border: none;\n  border-top: 0;\n}\n\n.gridjs-pagination{\n  color: $pagination-color;\n\n  .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\n    \n\n    &:disabled, \n    &:hover:disabled, \n    &[disabled]{\n      color: $pagination-disabled-color;\n    }\n\n    &:hover{\n      background-color: $pagination-hover-bg;\n      color: $pagination-hover-color;\n    }\n\n    &:focus{\n      box-shadow: none;\n      margin: 0 5px !important;\n    }\n\n    &:last-child, &:first-child{\n      &:hover{\n        background-color: transparent;\n      }\n    }\n    &.gridjs-currentPage{\n      background-color: $pagination-active-bg;\n      color: $pagination-active-color;\n      font-weight: 500;\n      border-color: $pagination-active-border-color;\n    }\n  }\n}\n\ninput.gridjs-input{\n  border-color: $input-border-color;\n  background-color: $input-bg;\n  color: $input-color;\n  font-size: 13px;\n  border-radius: 30px;\n  &:focus{\n    box-shadow: none;\n    border-color: $input-focus-border-color;\n    background-color: $input-focus-bg;\n  }\n}\n\n.gridjs-tbody, td.gridjs-td {\n     background-color: var(--#{$prefix}secondary-bg) !important;\n}\n\n.gridjs-footer{\n  background: var(--#{$prefix}secondary-bg);\n}\n\n.gridjs-pagination .gridjs-pages button{\n  background-color: var(--#{$prefix}pagination-bg);\n}\n\n.gridjs-pagination .gridjs-pages button[disabled]{\n  background-color: var(--#{$prefix}pagination-disabled-bg);\n}\n","\n//\n// colorpicker.scss\n//\n\n.pcr-app{\n  background: var(--#{$prefix}secondary-bg);\n}\n\n.pcr-app[data-theme=classic]{\n  .pcr-selection {\n    .pcr-color-preview{\n      margin-right: .75em;\n      margin-left: 0;\n    }\n\n    .pcr-color-chooser, .pcr-color-opacity{\n      margin-left: .75em;\n      margin-right: 0;\n    }\n  }\n}","\n//\n// Datepicker\n//\n// flatpickr\n\n.flatpickr-input{\n  &[readonly]{\n    background-color: $input-bg;\n  }\n}\n\n.input{\n  &[readonly]{\n    background-color: $input-bg;\n  }\n}\n\n.flatpickr-months, .flatpickr-weekdays{\n  background-color: $primary;\n}\n\nspan.flatpickr-weekday{\n  color: $white;\n  font-weight: $font-weight-medium;\n}\n\n.flatpickr-current-month{\n  .flatpickr-monthDropdown-months{\n    &:hover{\n      background-color: transparent !important;\n    }\n  }\n}\n\n.flatpickr-am-pm, .numInput, .numInputWrapper{\n  &:focus, &:hover{\n    background-color: transparent !important;\n  }\n}\n\n\n.flatpickr-weekdays{\n  height: 36px !important;\n  border-bottom: 1px solid var(--#{$prefix}border-color);\n}\n\n.flatpickr-day{\n  color: var(--#{$prefix}body-color) !important;\n  &:hover, &:focus{\n    background-color: var(--#{$prefix}tertiary-bg) !important;\n  }\n  &.today{\n    border-color: $primary !important;\n    background-color: rgba($primary, 0.1);\n    &:hover, &:focus{\n      color: var(--#{$prefix}body-color) !important;\n      background-color: rgba($primary, 0.15) !important;\n    }\n  }\n  &.selected{\n    background-color: $primary !important;\n    border-color: $primary !important;\n    color: $white !important;\n  }\n\n  &.flatpickr-disabled,\n  &.flatpickr-disabled:hover,\n  &.prevMonthDay,\n  &.nextMonthDay,\n  &.notAllowed,\n  &.notAllowed.prevMonthDay,\n  &.notAllowed.nextMonthDay{\n    color: var(--#{$prefix}body-color) !important;\n  }\n\n  &.inRange, \n  &.prevMonthDay.inRange, \n  &.nextMonthDay.inRange, \n  &.today.inRange, \n  &.prevMonthDay.today.inRange, \n  &.nextMonthDay.today.inRange, \n  &:hover, \n  &.prevMonthDay:hover, \n  &.nextMonthDay:hover, \n  &:focus, \n  &.prevMonthDay:focus, \n  &.nextMonthDay:focus{\n    background-color: var(--#{$prefix}tertiary-bg);\n    border-color: var(--#{$prefix}border-color);\n  }\n  &.inRange{\n    box-shadow: -5px 0 0 var(--#{$prefix}box-shadow), 5px 0 0 var(--#{$prefix}box-shadow);\n  }\n  &.selected, \n  &.startRange, \n  &.endRange, \n  &.selected.inRange, \n  &.startRange.inRange, \n  &.endRange.inRange, \n  &.selected:focus, \n  &.startRange:focus, \n  &.endRange:focus, \n  &.selected:hover, \n  &.startRange:hover, \n  &.endRange:hover, \n  &.selected.prevMonthDay, \n  &.startRange.prevMonthDay, \n  &.endRange.prevMonthDay, \n  &.selected.nextMonthDay, \n  &.startRange.nextMonthDay, \n  &.endRange.nextMonthDay{\n    background-color: $primary !important;\n    border-color: $primary !important;\n    color: $white !important;\n  }\n}\n\n.flatpickr-months{\n  .flatpickr-prev-month, .flatpickr-next-month, .flatpickr-month{\n    color: rgba($white,0.9) !important;\n    fill: rgba($white,0.9) !important;\n  }\n}\n\n.flatpickr-monthDropdown-month{\n  color: rgba($black, 0.8);\n}\n.flatpickr-current-month{\n  input.cur-year{\n    &[disabled], &[disabled]:hover{\n      color: rgba($white,0.9) !important;\n    }\n  }\n}\n\n\n.flatpickr-time {\n  input, .flatpickr-time-separator, .flatpickr-am-pm{\n    color: var(--#{$prefix}body-color) !important;\n  }\n}\n\n.flatpickr-calendar{\n  background-color: $dropdown-bg !important;\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), 0 3px 13px rgba(0, 0, 0 , 0.08) !important;\n  &.hasTime{\n    .flatpickr-time{\n      border-top: 1px solid var(--#{$prefix}border-color) !important;\n    }\n  }\n}\n\n.flatpickr-months{\n  border-radius: 5px 5px 0px 0px;\n  .flatpickr-prev-month, .flatpickr-next-month{\n    &:hover{\n      svg{\n        fill: rgba($white,0.9) !important;\n      }\n    }\n  }\n}\n","//\n// Form editors.scss\n//\n\n// CK Editor\n.ck {\n  &.ck-toolbar {\n      background-color: var(--#{$prefix}tertiary-bg) !important;\n      border: 1px solid $input-border-color !important;\n\n      &.ck-toolbar_grouping > .ck-toolbar__items {\n          flex-wrap: wrap !important;\n      }\n\n      .ck.ck-toolbar__separator {\n          background: transparent !important;\n      }\n  }\n\n  &.ck-editor__main > .ck-editor__editable {\n      border-top: 0 !important;\n      background-color: $card-bg !important;\n      border-color: $input-border-color !important;\n      box-shadow: var(--#{$prefix}box-shadow)   !important;\n  }\n\n  &.ck-dropdown__panel,\n  &.ck-list {\n      background: $dropdown-bg !important;\n      border: 1px solid $dropdown-border-color !important;\n      box-shadow: var(--#{$prefix}box-shadow) !important;\n  }\n\n  &.ck-reset_all,\n  &.ck-reset_all * {\n      color: var(--#{$prefix}body-color) !important;\n  }\n\n  &.ck-dropdown {\n      .ck-dropdown__panel {\n          &.ck-dropdown__panel_ne,\n          &.ck-dropdown__panel_se {\n              left: 0;\n              right: auto !important;\n          }\n      }\n  }\n\n  &.ck-editor__editable_inline {\n      &[dir=\"rtl\"] {\n          text-align: left !important;\n      }\n  }\n}\n\n.ck-editor__editable {\n  min-height: 245px !important;\n}\n\n.ck,\na.ck {\n  &.ck-button {\n      &.ck-on:not(.ck-disabled) {\n          &:hover,\n          &:active {\n              background: var(--#{$prefix}tertiary-bg) !important;\n              box-shadow: none !important;\n          }\n      }\n\n      &:focus,\n      &:active {\n          background: var(--#{$prefix}tertiary-bg) !important;\n          border-color: var(--#{$prefix}border-color) !important;\n      }\n  }\n}\n\n.ck.ck-tooltip .ck-tooltip__text {\n  background: $dark !important;\n  color: var(--#{$prefix}body-color) !important;\n}\n\n.ck.ck-toolbar .ck.ck-button.ck-on,\na.ck.ck-button.ck-on,\n.ck.ck-button:not(.ck-disabled):hover,\na.ck.ck-button:not(.ck-disabled):hover {\n  background: var(--#{$prefix}tertiary-bg) !important;\n}\n\n.ck.ck-list__item .ck-button .ck-button__label{\n font-family: \"Work Sans\",sans-serif;\n}\n\n[dir=\"rtl\"]{\n  .ck.ck-toolbar>.ck-toolbar__items{\n    flex-direction: row-reverse;\n  }\n}\n\n\n//\n// quilljs-editor.scss\n//\n \n.ql-editor{\n  text-align: left;\n  ol, ul{\n    padding-left: 1.5em;\n    padding-right: 0;\n  }\n\n  li:not(.ql-direction-rtl)::before{\n    margin-left: -1.5em;\n    margin-right: 0.3em;\n    text-align: right;\n  }\n}\n\n.ql-container {\n  font-family: $font-family-base;\n\n  &.ql-snow {\n      border-color: $input-border-color;\n  }\n}\n\n.ql-bubble {\n  border: $input-border-width solid $input-border-color;\n  border-radius: $input-border-radius;\n}\n\n.ql-toolbar {\n  font-family: $font-family-base !important;\n  span {\n      outline: none !important;\n      color: $dropdown-link-color;\n\n      &:hover {\n          color: $primary !important;\n      }\n  }\n\n  &.ql-snow {\n      border-color: $input-border-color;\n\n      .ql-picker.ql-expanded {\n          .ql-picker-label {\n              border-color: transparent;\n          }\n      }\n\n      .ql-picker-options{\n        box-shadow: $dropdown-box-shadow;\n        border-radius: $dropdown-border-radius;\n      }\n  }\n}\n\n.ql-snow {\n  .ql-stroke,\n  .ql-script,\n  .ql-strike svg {\n      stroke: $dropdown-link-color;\n  }\n  .ql-fill {\n      fill: $dropdown-link-color;\n  }\n\n  .ql-picker:not(.ql-color-picker):not(.ql-icon-picker){\n    svg{\n      right: 0;\n      left: auto;\n    }\n  }\n\n  .ql-picker{\n    &.ql-expanded .ql-picker-label{\n      color: $dropdown-link-color;\n    }\n  }\n}\n\n.ql-snow {\n  .ql-picker-options {\n      background-color: $dropdown-bg;\n      border-color: $dropdown-border-color !important;\n  }\n}\n","\n//\n// Form-Upload\n//\n\n/* Dropzone */\n.dropzone {\n  min-height: 230px;\n  border: 2px dashed var(--#{$prefix}border-color);\n  background: var(--#{$prefix}secondary-bg);\n  border-radius: 6px;\n\n  .dz-message {\n    font-size: 24px;\n    width: 100%;\n  }\n}\n","//\n// Form Wizard\n//\n\n// twitter-bs-wizard\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  .wizard-list-item{\n      flex-basis: 0;\n      flex-grow: 1;\n      text-align: center;\n      .list-item{\n        width: 100%;\n        font-size: 14px;\n        position: relative;\n      }\n  }\n\n\n  .step-icon{\n    display: inline-block;\n    width: 56px;\n    height: 56px;\n    line-height: 54px;\n    border: 1px solid rgba($primary, 0.2);\n    color: $primary;\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      width: 40px;\n      height: 40px;\n      line-height: 38px;\n    }\n  }\n\n  .step-title{\n    margin-left: 6px;\n  }\n\n  .wizard-list-item{\n    &:last-child{\n      .list-item{\n        &::after{\n          display: none;\n        }\n      }\n    }\n\n    .list-item{\n      &.done{\n        .step-icon{\n          background-color: $primary;\n          color: $white;\n        }\n        .uil{\n          &:before{\n            content: \"\\e9c3\";\n          }\n        }\n      }\n    }\n  }\n\n  .list-item{\n    font-size: 14px;\n    position: relative;\n    @media (max-width: 575.98px) {\n      padding: 0.5rem;\n    }\n    &::after{\n      content: \"\";\n      position: absolute;\n      width: 75%;\n      height: 2px;\n      background-color: var(--#{$prefix}border-color)s;\n      left: 62%;\n      top: 50%;\n      transform: translateY(-50%);\n      @media (max-width: 575.98px) {\n        display: none;\n      }\n    }\n    &.active{\n      color: $gray-700;\n      background-color: transparent;\n\n      .step-icon{\n        background-color: rgba($primary, 0.2);\n        color: $primary;\n        border-color: rgba($primary, 0.2);\n      }\n    }\n  }\n}\n\n\n.wizard-tab{\n  display: none;\n}\n","//\n// apexcharts.scss\n//\n.apex-charts {\n    min-height: 10px !important;\n    text {\n        font-family: $font-family-base !important;\n    }\n    .apexcharts-canvas {\n        margin: 0 auto;\n    }\n}\n\n.apexcharts-tooltip-title,\n.apexcharts-tooltip-text {\n    font-family: $font-family-base !important;\n}\n\n.apexcharts-text tspan {\n    font-family: $font-family-secondary !important;\n    font-size: 11px;\n}\n\n.apexcharts-tooltip {\n    font-family: $font-family-base !important;\n    color: $gray-600 !important;\n    background: var(--#{$prefix}secondary-bg) !important;\n    border-color: var(--#{$prefix}border-color) !important;\n    .apexcharts-tooltip-title {\n        background: var(--#{$prefix}body-bg) !important;\n        border-color: var(--#{$prefix}border-color) !important;\n    }\n}\n\n.apexcharts-tooltip.apexcharts-theme-dark {\n    * {\n        color: $white !important;\n    }\n}\n\n.apexcharts-legend-series {\n    font-weight: $font-weight-medium;\n}\n\n.apexcharts-gridline {\n    pointer-events: none;\n    stroke: var(--#{$prefix}border-color) !important;\n}\n.apexcharts-grid-borders {\n    line {\n        stroke: var(--#{$prefix}border-color) !important;\n    }\n}\n\n.apexcharts-legend-text {\n    color: $gray-600 !important;\n    font-family: $font-family-base !important;\n    font-size: 13px !important;\n}\n\n.apexcharts-pie-label {\n    fill: $white !important;\n}\n\n.apexcharts-title-text,\n.apexcharts-subtitle-text {\n    fill: $gray-500;\n}\n\n.apexcharts-yaxis,\n.apexcharts-xaxis {\n    text {\n        font-family: $font-family-base !important;\n        fill: $gray-500;\n    }\n}\n\n.apexcharts-yaxis-title {\n    font-weight: 500;\n}\n\n// column dynamic loaded chart\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: $card-bg;\n    border: 1px solid var(--#{$prefix}border-color);\n}\n\n#chart-year {\n    float: left;\n    position: relative;\n    transition: 1s ease transform;\n    z-index: 3;\n    &.chart-quarter-activated {\n        transform: translateX(0);\n        transition: 1s ease transform;\n    }\n}\n\n#chart-quarter {\n    float: left;\n    position: relative;\n    z-index: -2;\n    transition: 1s ease transform;\n    &.active {\n        transition: 1.1s ease-in-out transform;\n        transform: translateX(0);\n        z-index: 1;\n    }\n}\n\n@media screen and (min-width: 480px) {\n    #chart-year {\n        transform: translateX(50%);\n    }\n    #chart-quarter {\n        transform: translateX(-50%);\n    }\n}\n","\n//\n// echarts.scss\n//\n\n.e-charts{\n    height: 350px;\n}","\n//\n// chart.scss\n//\n\n.chartjs-chart{\n    max-height: 350px;\n  }\n  ","//\n// lightbox.scss\n//\n\n.glightbox-clean {\n    .gslide-title {\n        font-family: $font-family-secondary;\n        margin-bottom: 5px;\n        font-weight: 500;\n        font-size: 18px;\n    }\n\n    .gslide-desc {\n        font-family: $font-family-base;\n        font-size: 14px;\n    }\n\n    .gslide-description {\n        background: var(--#{$prefix}secondary-bg);\n\n        .gslide-title{\n            color: var(--#{$prefix}heading-color);\n        }\n    }\n\n    .gclose {\n        border: 2px solid var(--#{$prefix}border-color);\n        border-radius: 7px;\n        right: 10px;\n        left: auto;\n        @media (min-width: 992px) {\n            right: 20px;\n            left: auto;\n        }\n        svg {\n            width: 12px;\n        }\n    }\n}\n","\n//\n// Google map.scss\n//\n\n.gmaps, .gmaps-panaroma {\n  height: 300px;\n  background: $gray-100;\n  border-radius: 3px;\n}\n\n.gmaps-overlay {\n  display: block;\n  text-align: center;\n  color: $white;\n  font-size: 16px;\n  line-height: 40px;\n  background: $primary;\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  &.above {\n    bottom: -15px;\n    border-left: 16px solid transparent;\n    border-right: 16px solid transparent;\n    border-top: 16px solid $primary;\n  }\n  &.below {\n    top: -15px;\n    border-left: 16px solid transparent;\n    border-right: 16px solid transparent;\n    border-bottom: 16px solid $primary;\n  }\n  \n}","//\n// vector-maps.scss\n//\n\n.jvm-tooltip {\n    border-radius: 3px;\n    background-color: $primary;\n    font-family: $font-family-base;\n    box-shadow: $box-shadow-lg;\n    padding: 3px 5px;\n}","//\n// leaflet-maps.scss\n//\n\n.leaflet-map {\n    height: 300px;\n    &.leaflet-container{\n        z-index: 99;\n    }\n}","// \n// authentication.scss\n//\n\n\n\n.auth-bg{\n    background-image: url(\"../images/bg-auth.png\");\n    background-position: center;\n    background-size: cover;\n    background-repeat: no-repeat;\n    .bg-overlay{\n        opacity: 0.82;\n        border-top-left-radius: 40px;\n        border-bottom-left-radius: 40px;\n    }\n    @media (min-width: 768px){\n        border-top-left-radius: 40px;\n        border-bottom-left-radius: 40px;\n        height: 100vh;\n    }\n}\n\n\n// Auth Custom input\n\n.input-custom-icon{\n    .form-control{\n        padding-left: 40px;\n        padding-right: 20px;\n    }\n   span{\n    position: absolute;\n    z-index: 10;\n    line-height: 40px;\n    left: 13px;\n    top: 50%;\n    font-size: 16px;\n    -webkit-transform: translateY(-50%);\n    transform: translateY(-50%);\n    color: $gray-500;\n   }\n}\n\n// auth-pass-inputgroup\n.auth-pass-inputgroup{\n    input[type=\"text\"] + .btn .mdi-eye-outline{\n        &:before{\n            content: \"\\F06D1\";\n        }\n    }\n    button{\n        line-height: 22px;\n    }\n}\n\n\n.form-floating-custom{\n    position: relative;\n    >label{\n        left: 48px;\n        margin-top: 2px;\n    }\n    >.form-control, >.form-select{\n        padding-left: 60px;\n    }\n    .form-floating-icon{\n        position: absolute;\n        top: 0;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 56px;\n        fill: $text-muted;\n        svg{\n            width: 22px;\n            height: 22px;\n        }\n    }\n}\n\n.auth-full-page-content{\n    background-color: $card-bg;\n}\n\n// authentication home icon\n.home-btn {\n    position: fixed;\n    top: 30px;\n    right: 30px;\n    z-index: 1;\n}\n\n// auth 2\n\n.auth-logo{\n    .auth-logo-dark{\n        display: $display-block;\n        margin: 0px auto;\n    }\n    .auth-logo-light{\n        display: $display-none;\n        margin: 0px auto;\n    }\n}\n\n.authentication-bg{\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-image: url(\"../images/login-img.png\");\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    .auth-logo{\n        .logo{\n            margin: 0px auto;\n        }\n\n        .auth-logo-light{\n            display: none;\n            margin: 0px auto;\n        }\n\n        .auth-logo-dark{\n            margin: 0px auto;\n        }\n    }\n\n    .bg-overlay{\n        opacity: 0.85;\n    }\n\n    .auth-cover-card{\n        .authentication-bg{\n            align-items: flex-start;\n            justify-content: flex-start;\n        }\n        .bg-overlay{\n            opacity: 0.6;\n        }\n\n        .form-floating{\n            label{\n                color: rgba($white, 0.5);\n            }\n            .form-control{\n                background-color: rgba($white, 0.1);\n                border-color: rgba($white, 0.1);\n                color: $white;\n            }\n\n            .form-floating-icon{\n                color: rgba($white, 0.5);\n            }\n        }\n    }\n}\n\n.form-floating-custom{\n    position: relative;\n    >label{\n        left: 48px;\n    }\n    >.form-control, >.form-select{\n        padding-left: 60px;\n    }\n    .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: $text-muted;\n    }\n}\n\n// error page\n.error-font {\n    font-size: 9rem;\n    text-shadow: 4px 4px 6px rgba($gray-900, 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\n// signin card title\n\n.signin-other-title{\n    position: relative;\n    &:after{\n        content: \"\";\n        position: absolute;\n        width: 100%;\n        height: 1px;\n        left: 0;\n        right: 0;\n        background-color: $input-border-color;\n        top: 18px;\n    }\n    .title{\n        display: inline-block;\n        position: relative;\n        z-index: 9;\n        background-color: $card-bg;\n        padding: 2px 16px;\n    }\n}\n\n\n// Auth Pages\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  @media (max-width: 991.98px) {\n      height: 250px;\n  }\n}\n\n\nbody[data-bs-theme=\"dark\"]{\n    .authentication-bg{\n        .auth-logo-light{\n            display: block;\n        }\n\n        .auth-logo-dark{\n            display: none;\n        }\n    }\n}","// \n// ecommerce.scss\n//\n\n// product\n\n.product-box{\n    border: 2px solid var(--#{$prefix}border-color);\n    position: relative;\n}\n\n.search-box{\n    .form-control{\n        border-radius: 30px;\n        padding-left: 40px;\n    }\n    .search-icon{\n        font-size: 16px;    \n        position: absolute;\n        left: 13px;\n        fill: $gray-600;\n    }\n}\n\n.product-list{\n    li{\n        a{\n            display: block;\n            padding: 4px 0px;\n            color: var(--#{$prefix}body-color);\n        }\n    }\n}\n\n.product-review-link{\n    .list-inline-item{\n        a{\n            color: var(--#{$prefix}body-color);\n            padding: 4px 8px;\n            font-size: 15px;\n        }\n\n    }           \n}\n\n.product-view-nav{\n    &.nav-pills {\n        .nav-item{\n            margin-left: 4px;\n        }\n        .nav-link{\n            width: 36px;\n            height: 36px;\n            font-size: 16px;\n            padding: 0;\n            line-height: 36px;\n            text-align: center;\n            border-radius: 50%;\n        }\n    }\n}\n\n.product-ribbon{\n    position: absolute;\n    right: 0px;\n    top: 0px;\n}\n\n.product-content{\n    position: relative;\n    .product-buy-icon{\n        width: 40px;\n        height: 40px;\n        line-height: 40px;\n        text-align: center;\n        border-radius: 50%;\n        position: absolute;\n        right: 0;\n    }\n}\n\n\n\n// Product Details\n\n\n\n.product-detail{\n\n    .swiper-button-next,\n    .swiper-button-prev{\n        color: $primary;\n        width: 35px;\n        height: 35px;\n        background: rgba($primary, 0.3);\n        border-radius: 50%;\n        &:after{\n           font-size: 20px;\n        }\n    }\n\n    .swiper-button-next{\n        right: 20px;\n    }\n\n    .swiper-button-prev{\n        left: 20px;\n    }\n\n    .nav-slide-item{\n        padding: 0px 10px;\n        img{\n            border: 2px solid transparent;\n        }\n        &:hover{\n            cursor: pointer;\n        }\n    }\n\n    .swiper-slide-thumb-active{\n        .nav-slide-item{\n            img{\n                border: 2px solid $primary;\n            }\n        }\n    }\n}\n\n.modal-button{\n    position: absolute;\n    right: 0;\n    z-index: 2;\n\n   @media (max-width: 576px) {\n       position: inherit;\n   }\n}\n\n[dir=\"rtl\"]{\n    .modal-button{\n        left: 0;\n        right: auto;\n    }\n}\n\n.product-detail{\n    .nav{\n        .nav-link{\n            margin: 0px 13px;\n            padding: 2px;\n        }\n    }\n}\n\n.product-color{\n    a{\n        display: inline-block;\n        text-align: center;\n        color: var(--#{$prefix}body-color);\n        .product-color-item{\n            margin: 7px;\n        }\n        &.active, &:hover{\n            color: $primary;\n            .product-color-item{\n                border-color: $primary !important;\n            }\n        }\n    }\n}\n\n// ecommerce cart\n\n.visa-card{\n    .visa-logo{\n        line-height: 0.5;\n    }\n\n    .visa-pattern{\n        position: absolute;\n        font-size: 385px;\n        color: rgba($white, 0.05);\n        line-height: 0.4;\n        right: 0px;\n        bottom: 0px;\n    }\n}\n\n\n// checkout\n\n\n/* Activity */\n\n\n.activity-checkout {\n    list-style: none;\n\n    .checkout-icon{\n        position: absolute;\n        top: -4px;\n        left: -24px;\n    }\n\n    .checkout-item {\n        position: relative;\n        padding-bottom: 24px;\n        padding-left: 35px;\n        border-left: 2px solid var(--#{$prefix}body-color);\n        &:first-child {\n            border-color: $primary;\n            &:after {\n                background-color: $primary;\n            }\n        }\n        &:last-child {\n            border-color: transparent;\n        }\n        &.crypto-activity{\n            margin-left: 50px;\n        }\n        .crypto-date{\n            position: absolute;\n            top: 3px;\n            left: -65px;\n        }\n    }\n}\n\n\n.shipping-address{\n    box-shadow: none;\n    &.active{\n        border-color: $primary !important;\n    }\n}\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    .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: $primary;\n      background: $white;\n    }\n}\n\n.checkout-tabs{\n    .nav-pills{\n        .nav-link{\n            margin-bottom: 24px;\n            text-align: center;\n            background-color: var(--#{$prefix}secondary-bg);\n            box-shadow: $box-shadow;\n\n            &.active{\n                background-color: $primary;\n            }\n            .check-nav-icon{\n                font-size: 36px;\n            }\n        }\n    }\n}\n\n\n// body[data-bs-theme=\"dark\"] {\n//     .product-detai-imgs{\n//         .nav{\n//             .nav-link{\n//                 &.active{\n//                     background-color: $gray-dark-300;\n//                 }\n//             }\n//         }\n//     } \n\n//     .product-list{\n//         li{\n//             a{\n//                 color: $gray-dark-800\n//             }\n//         }\n//     }\n    \n    \n//     .checkout-tabs{\n//         .nav-pills{\n//             .nav-link{\n//                 background-color: $gray-dark-300;\n//                 &.active{\n//                     background-color: $primary;\n//                 }\n//             }\n//         }\n//     }\n    \n// }\n\n\n\n// slider\n\n\n.ecommerce-slied-bg{\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    height: auto;\n}\n\n.swiper-button-next {\n    width: 40px;\n    height: 40px;\n    margin-top: -22px;\n    line-height: 40px;\n    background-color: $primary;\n    text-align: center;\n    font-size: 30px;\n    color: $white;\n    border-radius: 50%;\n}\n\n.swiper-button-prev {\n    width: 40px;\n    height: 40px;\n    margin-top: -22px;\n    line-height: 40px;\n    background-color: $primary;\n    text-align: center;\n    font-size: 30px;\n    color: $white;\n    border-radius: 50%;\n}","// \n// File manager.scss\n//\n\n\n\n// file manager\n\n.filemanager-sidebar{\n    \n    @media (min-width: 1200px){\n        min-width: 270px;\n        max-width: 270px;\n    }\n\n    @media (min-width: 1366px){\n        min-width: 300px;\n        max-width: 300px;\n    }\n\n    @media (width: 1440px){\n        min-width: 240px;\n        max-width: 240px;\n    }\n\n}\n\n\n.categories-list{\n    padding: 4px 0;\n    li{\n        a{\n            display: block;\n            padding: 8px 12px;\n            color: var(--#{$prefix}body-color);\n            font-weight: $font-weight-medium;\n        }\n\n        &.active{\n            a{\n                color: $primary;\n            }\n        }\n\n        ul{\n            padding-left: 20px;\n            li{\n                a{\n                    padding: 4px 12px;\n                    color: $text-muted;\n                    font-size: 14px;\n                }\n            }\n        }\n    }\n}\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 {\n  p.user-title {\n    color: var(--#{$prefix}body-color);\n    font-weight: 500;\n  }\n  p {\n    font-size: 14px;\n  }\n}\n\n@media (max-width: 767px) {\n  .email-leftbar {\n    float: none;\n    width: 100%;\n  }\n  .email-rightbar {\n    margin: 0;\n  }\n}\n\n.mail-list {\n  a {\n    display: block;\n    color: var(--#{$prefix}body-color);\n    line-height: 24px;\n    padding: 10px 18px;\n\n    &.active {\n      color: $primary;\n      font-weight: 500;\n      h5 {\n        color: $primary;\n      }\n    }\n  }\n}\n\n.unread {\n  background-color: var(--#{$prefix}tertiary-bg);\n}\n\n.message-list {\n  display: block;\n  padding-left: 0;\n\n  .list {\n    position: relative;\n    display: block;\n    height: 50px;\n    cursor: default;\n    transition-duration: 0.3s;\n    a {\n      color: $gray-600;\n    }\n    &.selected {\n      background-color: rgba($gray-300, 0.6);\n    }\n\n    .col-mail {\n      float: left;\n      position: relative;\n    }\n\n    .col-mail-1 {\n      width: 320px;\n\n      .star-toggle,\n      .checkbox-wrapper-mail,\n      .dot {\n        display: block;\n        float: left;\n      }\n\n      .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\n      .checkbox-wrapper-mail {\n        margin: 15px 10px 0 20px;\n      }\n\n      .star-toggle {\n        margin-top: 18px;\n        margin-left: 5px;\n      }\n\n      .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: 6px;\n      }\n    }\n\n    .col-mail-2 {\n      position: absolute;\n      top: 14px;\n      left: 320px;\n      right: 0;\n      bottom: 0;\n\n      .subject,\n      .date {\n        position: absolute;\n        top: 0;\n      }\n\n      .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\n      .date {\n        right: 10px;\n        width: 170px;\n        padding-left: 80px;\n      }\n    }\n\n    &.active,\n    &.active:hover {\n      box-shadow: inset 3px 0 0 $primary;\n    }\n\n    &.unread {\n      background-color: $gray-300;\n      font-weight: 500;\n      color: var(--#{$prefix}body-color);\n      a {\n        color: var(--#{$prefix}body-color);\n        font-weight: 500;\n      }\n    }\n  }\n\n  .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 $gray-400;\n    border-radius: 1px;\n\n    input {\n      opacity: 0;\n      cursor: pointer;\n    }\n    input:checked ~ label {\n      opacity: 1;\n    }\n\n    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      &:before {\n        content: \"\\F012C\";\n        font-family: \"Material Design Icons\";\n        top: 0;\n        height: 20px;\n        color: var(--#{$prefix}body-color);\n        width: 20px;\n        position: absolute;\n        margin-top: -16px;\n        left: 4px;\n        font-size: 13px;\n      }\n    }\n  }\n\n  &:hover {\n    background-color: var(--#{$prefix}tertiary-bg);\n  }\n}\n\n// EMAIL SEARCH\n.email-search {\n  .form-control {\n    border: 0px;\n    padding: 0.6rem 0.75rem;\n  }\n  span {\n    position: absolute;\n    z-index: 10;\n    line-height: 38px;\n    right: 13px;\n    top: 2px;\n    color: $gray-600;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .message-list .list .col-mail-1 {\n    width: 200px;\n  }\n}\n","// \n// Chat.scss\n//\n\n.chat-leftsidebar{\n  @media (min-width: 1200px) {\n    min-width: 380px;\n  }\n\n  @media (min-width: 992px) and (max-width: 1199.98px) {\n    min-width: 290px;\n  }\n}\n\n.chat-noti-dropdown{\n  position: relative;\n  z-index: 2;\n  &.active{\n    &:before{\n      content: \"\";\n      position: absolute;\n      width: 8px;\n      height: 8px;\n      background-color: $danger;\n      border-radius: 50%;\n      right: 0;\n    }\n  }\n\n  .btn{\n    padding: 6px;\n    box-shadow: none;\n    font-size: 16px;\n  }\n}\n\n.chat-message-list{\n  height: calc(100vh - 346px);\n  @media (min-width: 992px){\n    height: calc(100vh - 505px);\n  }\n}\n\n.chat-search-box{\n  .form-control{\n    border: 0;\n  }\n}\n\n.chat-user-status{\n  position: relative;\n  margin-top: -25px;\n  .status{\n    width: 12px;\n    height: 12px;\n    background-color: $success;\n    border-radius: 50%;\n    border: 2px solid $white;\n    position: absolute;\n    left: 35px;\n    right: 0;\n    margin: 0 auto;\n    bottom: 0;\n  }\n}\n\n\n.chat-list{\n  margin: 0;\n  .active{\n    background: $primary;\n    border-radius: .75rem!important;\n    h5{\n      color: $white;\n    }\n  }\n  li{\n\n    \n    a{\n      position: relative;\n      display: block;\n      padding: 12px 18px;\n      color: $text-muted;\n      transition: all 0.4s;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      font-size: 13px;\n    }\n\n\n    .user-img{\n      position: relative;\n\n      .user-status{\n        width: 10px;\n        height: 10px;\n        background-color: $gray-500;\n        border-radius: 50%;\n        border: 2px solid var(--#{$prefix}border-color);\n        position: absolute;\n        left: 0;\n        bottom: 0;\n      }\n     \n\n      &.online{\n        .user-status{\n          background-color: $success;\n        }\n      }\n\n      &.away{\n        .user-status{\n          background-color: $warning;\n        }\n      }\n    }\n\n    &.unread{\n      a{\n        font-weight: $font-weight-semibold;\n        color: var(--#{$prefix}body-color);\n      }\n    }\n\n    .unread-message {\n      position: absolute;\n      display: inline-block;\n      right: 16px;\n      top: 33px;\n    }\n   \n  }\n}\n\n\n.group-list{\n  li{\n    a{\n      border: 0;\n    }\n  }\n}\n\n\n.user-chat-nav{\n  .dropdown{\n    .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    }\n  }\n}\n.contact-list{\n  font-size: 12px;\n  text-transform: uppercase;\n  color: $text-muted;\n  font-weight: $font-weight-semibold;\n}\n\n.chat-conversation{\n  height: calc(100vh - 300px);\n  @media (min-width: 992px){\n    height: calc(100vh - 315px);\n  }\n  li{\n   clear: both;\n  }\n\n\n  .chat-day-title{\n    position: relative;\n    text-align: center;\n    margin-bottom: 24px;\n    border: none;\n\n    .title{\n      display: inline-block;\n      background-color: var(--#{$prefix}secondary-bg);\n      position: relative;\n      z-index: 1;\n      padding: 4px 16px;\n      border-radius: 7px;\n    }\n\n    &:before{\n      content: \"\";\n      position: absolute;\n      width: 100%;\n      height: 1px;\n      left: 0;\n      right: 0;\n      background-color: var(--#{$prefix}border-color);\n      top: 16px;\n    }\n    .badge{\n      font-size: 12px;\n    }\n  }\n\n  .chat-avatar{\n    text-align: center;\n    img {\n      width: 32px;\n      height: 32px;\n      border-radius: 50%;\n    }\n\n    .time{\n      font-size: 12px;\n      color: $text-muted;\n      font-weight: $font-weight-medium;\n      margin-top: 4px;\n    }\n  \n  }\n\n\n\n\n .conversation-list{\n   margin-bottom: 24px;\n   position: relative;\n   @media (min-width: 992px) {\n    max-width: 60%;\n   }\n   \n\n   .ctext-wrap {\n     display: flex;\n     margin-bottom: 20px;\n   }\n\n   .ctext-wrap-content {\n     padding: 15px 20px;\n     background-color: var(--#{$prefix}tertiary-bg);\n     border-radius: 0px 8px 8px 8px;\n     color: $text-muted;\n     position: relative;\n     margin-left: 10px;\n\n     &:before {\n         content: \"\";\n         position: absolute;\n         border: 5px solid transparent;\n         border-right-color:  var(--#{$prefix}tertiary-bg);\n         border-top-color:  var(--#{$prefix}tertiary-bg);\n         left: -10px;\n         top: 0;\n     }\n   }\n\n .conversation-name {\n   display: flex;\n   font-size: 13px;\n   .time{\n    font-size: 12px;\n    position: absolute;\n    left: -50px;\n    top: 54px;\n    bottom: 0;\n    color: $text-muted;\n    font-weight: $font-weight-normal;\n    transition: all .4s;\n  }\n    .user-name{\n      color: rgba($white, 0.5);\n    }\n }\n\n &:hover{\n  .time{\n    opacity: 1;\n  }\n}\n\n\n\n\n .dropdown {\n     .dropdown-toggle {\n         font-size: 18px;\n         padding: 4px;\n         color: var(--#{$prefix}body-color);\n\n         @media (max-width: 575.98px) {\n             display: none;\n         }\n     }\n\n }\n\n .chat-time {\n     font-size: 12px;\n     margin-top: 4px;\n     text-align: right;\n     color: rgba($white, 0.5);\n }\n\n\n .message-img {\n   position: relative;\n   display: flex;\n   align-items: flex-start;\n   flex-wrap: wrap;\n   gap: 10px;\n\n     .message-img-list {\n         position: relative;\n     }\n\n     img {\n         max-width: 80px;\n     }\n   }\n }\n\n .right {\n    display: flex;\n    justify-content: flex-end;\n   .conversation-list {\n       text-align: right;\n\n       .ctext-wrap {\n           .ctext-wrap-content {\n               order: 2;\n               background-color: $primary;\n               text-align: right;\n               border-radius: 8px 0px 8px 8px;\n               color: $white;\n               margin-left: 0;\n               margin-right: 10px;\n\n               &:before {\n                   border: 5px solid transparent;\n                   border-top-color: $primary;\n                   border-left-color: $primary;\n                   left: auto;\n                   right: -10px;\n               }\n           }\n\n           .conversation-name {\n             justify-content: flex-end;\n\n             .time{\n              order: 1;\n              margin-left: 0;\n              margin-right: 8px;\n              position: absolute;\n              right: -58px;\n              left: auto;\n            }\n\n            .user-name{\n                color: var(--#{$prefix}body-color);\n                order: 2;\n              }\n           }\n       }\n\n       .dropdown {\n           order: 1;\n       }\n       .chat-avatar{\n         order: 3;\n       }\n     }\n }\n}\n\n.chat-input-section{\n border-top: 1px solid var(--#{$prefix}border-color);\n}\n\n.chat-input{\n background-color: var(--#{$prefix}tertiary-bg) !important;\n border-color:  var(--#{$prefix}border-color) !important;\n}\n\n\n.chat-send{\n @media (max-width: 575.98px) {\n   min-width: auto;\n }\n}\n\nbody[data-layout=\"horizontal\"]{\n  .chat-message-list{\n    height: calc(100vh - 346px);\n    @media (min-width: 992px){\n      height: calc(100vh - 475px);\n    }\n  }\n  .chat-conversation{\n    height: calc(100vh - 300px);\n    @media (min-width: 992px){\n      height: calc(100vh - 311px);\n    }\n  }\n}\n\n\n\n// Chat small\n\n.small-chat{\n  .conversation-list{\n    @media (min-width: 992px) {\n      max-width: 90%;\n     }\n  }\n}","// \n// Contacts.scss\n//\n\n.contact-links{\n  a{\n    color: var(--#{$prefix}body-color);\n  }\n}\n\n// profile\n\n.profile-user-wid{\n  margin-top: -26px;\n}","// \n// projects.scss\n//\n\n// project list\n\n.project-list-table{\n    border-collapse:separate; \n    border-spacing:0 12px; \n  tr{\n    background-color: $card-bg;\n  }\n}\n\n\n// body[data-bs-theme=\"dark\"] {\n//   .project-list-table{\n//     border-collapse:separate; \n//     border-spacing:0 12px; \n//   tr{\n//     background-color: $gray-dark-200;\n//   }\n// }\n// }","// \n// coming-soon.scss\n//\n\n// countdownlist\n\n.countdownlist {\n    text-align: center;\n    display: flex;\n    gap: 24px;\n\n\n    .countdownlist-item{\n        width: 25%;\n        &:last-of-type{\n            .count-num{\n                &::after{\n                    display: none;\n                }\n            }\n        }\n    }\n    .count-title{\n        font-size: 13px;\n        font-weight: $font-weight-medium;\n        display: block;\n        margin-bottom: 8px;\n        color: rgba($dark, 0.5);\n        text-transform: uppercase;\n    }\n\n    .count-num{\n        background-color: rgba($primary, 0.1);\n        color: $primary;\n        padding: 16px 8px;\n        position: relative;\n        border-radius: $card-border-radius;\n        box-shadow: $box-shadow;\n        font-weight: $font-weight-semibold;\n        font-size: 32px;\n        @media (max-width: 575.98px) {\n            font-size: 18px;\n        }\n    \n        &::after{\n            content: \":\";\n            font-size: 20px;\n            position: absolute;\n            right: -16px;\n            top: 50%;\n            transform: translateY(-50%);\n            color: var(--#{$prefix}body-color);\n        }\n    }\n}\n\n.countdown-endtxt{\n    font-size: 24px;\n    font-weight: $font-weight-semibold;\n}\n\n.countdown-input-group{\n    max-width: 350px;\n}\n\n\n\n","// \n// timeline.scss\n//\n//\n// timeline.scss\n//\n\n\n/************** vertical timeline **************/\n\n.timeline {\n    position: relative;\n    width: 100%;\n    padding: 30px 0;\n    @media (max-width: 767.98px) {\n      padding: 0;\n    }\n    .timeline-end,\n    .timeline-start,\n    .timeline-year {\n      position: relative;\n      width: 100%;\n      text-align: center;\n      z-index: 1;\n      p {\n        display: inline-block;\n        width: 80px;\n        height: 80px;\n        margin: 0;\n        padding: 30px 0;\n        text-align: center;\n        background-color: $primary;\n        border-radius: 100px;\n        color: $white;\n        text-transform: uppercase;\n      }\n    }\n    .timeline-year {\n      margin: 30px 0;\n    }\n    .timeline-continue {\n      position: relative;\n      width: 100%;\n      padding: 60px 0;\n      &:after {\n        position: absolute;\n        content: \"\";\n        width: 1px;\n        height: 100%;\n        top: 0;\n        left: 50%;\n        margin-left: -1px;\n        background: $primary;\n      }\n    }\n    .timeline-icon {\n      margin: 42px 10px 0 10px;\n    }\n    .timeline-left {\n          text-align: right;\n          .timeline-icon {\n              text-align: left;\n          }\n      }\n      .timeline-right {\n          .timeline-icon {\n              text-align: right;\n          }\n          text-align: left;\n      }\n    .timeline-icon {\n        &::after {\n            content: \"\";\n            display: block;\n            position: absolute;\n            width: 14px;\n            height: 14px;\n            top: 45px;\n            background: $primary;\n            border-radius: 15px;\n            z-index: 1;\n        }\n    }\n\n    @media (min-width: 768px) {\n      .event-content{\n        padding-right: 24px;\n      }\n\n      .timeline-text {\n        margin-right: 40px;\n      }\n    }\n\n    \n    .timeline-left {\n        .timeline-icon {\n            &::after {\n                left: -7px;\n            }\n        }\n        @media (min-width: 768px) {\n          .event-content{\n            padding-right: 0;\n            padding-left: 24px;\n          }\n\n          .timeline-text {\n            margin-right: 0px;\n            margin-left: 40px;\n          }\n\n          .event-img{\n            justify-content: flex-end;\n          }\n        }\n      }\n      .timeline-right {\n          .timeline-icon {\n              &::after {\n                  right: -7px;\n              }\n          }\n      }\n    .timeline-box {\n          position: relative;\n          display: inline-block;\n          margin: 15px;\n          padding: 20px;\n          background-color: var(--#{$prefix}light);\n          border-radius: 6px;\n          &::after {\n              content: \"\";\n              position: absolute;\n              width: 16px;\n              height: 16px;\n              top: 26px;\n              background-color: var(--#{$prefix}light);\n              border: 1px solid var(--#{$prefix}light);\n              transform: rotate(45deg);\n              margin: 0px auto;\n          }\n      }\n      .timeline-launch {\n          position: relative;\n          display: inline-block;\n          margin: 15px;\n          padding: 20px;\n          border: 1px solid var(--#{$prefix}light);\n          border-radius: 6px;\n          width: 100%;\n          margin: 15px 0;\n          padding: 0;\n          border: none;\n          text-align: center;\n          background: transparent;\n      }\n  }\n  \n  \n  .timeline-date {\n    right: 20px;\n\n    @media (max-width: 767.98px) {\n      left: -70px;\n      right: auto;\n    }\n  }\n  \n  .timeline-left {\n\n    .timeline-date {\n      left: 20px;\n      @media (max-width: 767.98px) {\n        left: -70px;\n        right: auto;\n      }\n    }\n  }\n  \n  .timeline {\n    .timeline-date {\n      width: 54px;\n      height: 80px;\n      display: inline-block;\n      padding: 8px;\n      clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);\n      top: -10px;\n      position: absolute;\n      z-index: 1;\n      @media (max-width: 767.98px) {\n        top: 0px;\n      }\n    }\n      .timeline-right {\n          .timeline-box {\n              &::after {\n                  border-color: transparent transparent var(--#{$prefix}light) var(--#{$prefix}light);\n                  left: -8px;\n                  right: 100%;\n              }\n          }\n      }\n      .timeline-left {\n          .timeline-box {\n              &::after {\n                  border-color: var(--#{$prefix}light) var(--#{$prefix}light) transparent transparent;\n                  right: -8px;\n              }\n          }\n      }\n      .timeline-launch {\n          .timeline-box {\n              &::after {\n                  top: -8px;\n                  left: 32px;\n                  border-color: var(--#{$prefix}light) transparent transparent var(--#{$prefix}light);\n                  @media (min-width: 768px) {\n                    left: 50%;\n                    transform: rotate(45deg) translateX(-50%);\n                    top: -2px;\n                  }\n              }\n          }\n          .timeline-text {\n              width: 100%;\n          }\n      }\n  }\n  \n  \n  \n  \n@media (max-width: 767px) {\n    .timeline .timeline-continue::after {\n      left: 40px;\n    }\n  \n    .timeline {\n      .timeline-end,\n      .timeline-start,\n      .timeline-year {\n        text-align: left;\n      }\n      .row.timeline-left {\n        text-align: left;\n        .timeline-icon {\n          text-align: left;\n        }\n      }\n      .row.timeline-right {\n        .timeline-icon {\n          text-align: left;\n        }\n        text-align: left;\n      }\n      .timeline-launch {\n        text-align: left;\n        margin-bottom: 0;\n      }\n    }\n  \n    .timeline {\n      .row.timeline-left {\n        .timeline-icon {\n          &::after {\n            left: 43px;\n          }\n        }\n      }\n      .row.timeline-right {\n        .timeline-icon {\n          &::after {\n            left: 43px;\n          }\n        }\n      }\n    }\n  \n    .timeline {\n      .timeline-box {\n        margin-left: 82px;\n        margin-right: 0;\n      }\n      .row.timeline-right {\n        .timeline-icon {\n          margin-left: 55px;\n        }\n      }\n      .row.timeline-left {\n        .timeline-icon {\n          margin-left: 55px;\n        }\n      }\n      .timeline-launch {\n        .timeline-box {\n          margin-left: 0;\n          margin-bottom: 0;\n        }\n      }\n      .row.timeline-left {\n        .timeline-box {\n          &::after {\n            left: -8px;\n            border-color: transparent transparent var(--#{$prefix}light) var(--#{$prefix}light);\n            right: auto;\n          }\n        }\n      }\n    }\n}","// \n// Extras pages.scss\n//\n\n\n// Gallery\n\n.categories-filter {\n    .list-inline-item    {\n        position: relative;\n        margin-right: 0;\n        a {\n            display: block;\n            color: $body-color;\n            font-weight: $font-weight-semibold;\n            padding: 8px 15px;\n            margin: 7px;\n            cursor: pointer;\n            border-radius: 4px;\n            &.active{\n                color: $primary;\n                font-weight: $font-weight-bold;\n            }\n        }\n\n        &:after{\n            content: \"\";\n            display: block;\n            width: 5px;\n            height: 5px;\n            border-radius: 50%;\n            background-color: $text-muted;\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            right: -2px;\n        }\n\n        &:last-child{\n            &:after{\n                display: none;\n            }\n        }\n    }\n}\n\n\n.gallery-box{\n    position: relative;\n    text-align: center;\n    overflow: hidden;\n    border: 1px solid $border-color;\n\n    .gallery-container{\n        position: relative;\n        overflow: hidden;\n        border-radius: 4px 4px 0px 0px;\n\n        a{\n            display: block;\n        }\n\n        .gallery-overlay {\n            position: absolute;\n            top: 0px;\n            left: 0px;\n            bottom: 0px;\n            right: 0px;\n            opacity: 0;\n            background: rgba($primary, 0.2);\n            visibility: hidden;\n            overflow: hidden;\n            transition: all 0.4s ease-in-out 0s;\n\n            .overlay-caption{\n                position: absolute;\n                top: 50%;\n                transform: translateY(-50%);\n                left: 0;\n                right: 0;\n            }\n        }\n    }\n    .gallery-img {\n        transition: all 0.2s ease-in-out;\n    }\n    .box-content{\n        position: absolute;\n        left: 0;\n        right: 0;\n        bottom: -28px;\n        background-color: $card-bg;\n        transition: all 0.2s;\n\n        .title{\n            font-size: 14px;\n            margin-bottom: 4px;\n        }\n        .post{\n            margin: 0;\n            opacity: 0;\n            transition: all 0.2s;\n            color: $text-muted;\n        }\n    }\n\n    &:hover {\n\n        .box-content{\n            bottom: 0;\n\n            .post {\n                opacity: 1;\n            }\n        }\n        .gallery-img {\n            transform: translateY(-28px);\n        }\n        .gallery-overlay {\n            opacity: 1;\n            visibility: visible;\n        }\n    }\n}\n\n\n// pricing\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    .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: $white;\n      background: $primary;\n    }\n}\n\n\n\n// FAQ\n.faq-icon{\n    i{\n        font-size: 80px;\n        position: absolute;\n        margin-top: -30px;\n        right: -20px;\n        opacity: .2;\n    }\n}\n\n// profile\n\n.profile-bg{\n    height: 210px;\n    background-image: url(\"../images/profile-bg.jpg\");\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n}\n\n// pricing\n\n.pricing-box{\n    border-top: 2px solid $primary;\n\n    .pricing-features{\n        color: $text-muted;\n        li{\n            padding: 4px 0;\n        }\n    }\n}\n\n// error\n\n// Error Page\n\n.error-title {\n    font-size: 180px;\n    text-shadow: 9px 0px $primary;\n    @media (max-width: 425px) {\n      font-size: 150px;\n    }\n  }\n  \n\n// body[data-bs-theme=\"dark\"] {\n\n//     .categories-filter{\n//         .list-inline-item{\n//             a{\n//                 color: $gray-dark-500;\n//                 &.active{\n//                     color: $primary;\n//                 }\n//             }\n//         }\n//     }\n\n//     .gallery-box .box-content{\n//         background-color: $gray-dark-200;\n//     }\n// }"]}