1 line
573 KiB
Plaintext
1 line
573 KiB
Plaintext
{"version":3,"sources":["app.scss","app.css","custom/fonts/_fonts.scss","custom/structure/_general.scss","_variables.scss","custom/structure/_topbar.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/_avatar.scss","custom/components/_alerts.scss","custom/components/_accordion.scss","custom/components/_helper.scss","custom/components/_preloader.scss","custom/components/_modals.scss","custom/components/_forms.scss","../../../node_modules/bootstrap/scss/_functions.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","../../../node_modules/bootstrap/scss/_variables.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":"AAAA;;;;;;;CCOC;ACHD,sIAAY;ACJZ;EACI,oCAA2C;EAC3C,cCiGmB,EAAA;EDnGvB;;IAMQ,cC+Fe,EAAA;;ACjGvB;EACI,eAAe;EACf,MAAM;EACN,QAAQ;EACR,WDSkB;ECRlB,aAAa;EACb,yBDuBe;ECtBf,4BAAoB;EAApB,oBAAoB,EAAA;EAEpB;IATJ;MAUQ,yBDmBW,EAAA,ECjBlB;;AAED;EACI,oBAAa;EAAb,oBAAa;EAAb,aAAa;EACb,sBAAsB;EACtB,yBAA8B;UAA9B,8BAA8B;EAC9B,yBAAmB;MAAnB,sBAAmB;UAAnB,mBAAmB;EACnB,cAAc;EACd,YDQgB;ECPhB,cAAc;EACd,0CAA4E,EAAA;EARhF;IAYY,cDoHK,EAAA;EChIjB;IAiBQ,aAAa,EAAA;;AAIrB;EAIgB,aAAa,EAAA;;AAJ7B;EASY,iBAAiB,EAAA;;AAK7B;EACI,iBAAiB;EACjB,wBAAoC;EACpC,eAAe;EACf,UAAU;EACV,yBDWyB;ECVzB,4BAAoB;EAApB,oBAAoB,EAAA;;AAGxB;EACI,iBD/BgB,EAAA;EC8BpB;IAGQ,aAAa,EAAA;;AAIrB;EACI,cDLiB,EAAA;;ACQrB;EACI,aDVe,EAAA;;ACanB,WAAA;AAEA;EACI,yBAA6C,EAAA;EADjD;IAIQ,yBDzCsB;IC0CtB,YAAY;IACZ,kBAAkB;IAClB,mBAAmB;IACnB,sBD5Ce;IC6Cf,qCDsiBqD;YCtiBrD,6BDsiBqD;ICriBrD,oBAAoB;IACpB,YAAY,EAAA;EAXpB;IAcQ,kBAAkB;IAClB,WAAW;IACX,iBAAiB;IACjB,UAAU;IACV,QAAQ;IACR,eAAe;IACf,mCAA2B;YAA3B,2BAA2B;IAC3B,cDoBU,EAAA;;ACdlB;EAEQ,kBAAkB;EAClB,gBAAgB,EAAA;EAHxB;IAKY,cDWM,EAAA;;ACNlB;EACI;IACI,WAAW,EAAA;EAGf;IACI,OAAO,EAAA;IADX;MAMY,qBAAqB;MACrB,kBAAkB;MAClB,yBDhGG,EAAA;ICwFf;MAcY,gCAAgC,EAAA;EAK5C;IAGQ,aAAa,EAAA;EAHrB;IAOQ,qBAAqB,EAAA;EJrC/B;II6CkB,yBDnGM,EAAA,ECoGT;;AAMjB;EACI,gDAAsG,EAAA;EAD1G;IAGQ,cAAc,EAAA;;AAItB;EACI,YD1IgB;EC2IhB,mCAA2B;UAA3B,2BAA2B;EAC3B,aD1IuB;EC2IvB,SAAS;EACT,kBAAkB,EAAA;EALtB;IAQQ,aD/ImB,EAAA;;ACmJ3B;EACI,YAAY;EACZ,WAAW;EACX,yBAAuC;EACvC,YAAY,EAAA;;AAEhB;EAEQ,gBAAgB,EAAA;;AAFxB;EAMQ,iBAAiB;EACjB,gBDrHkB;ECsHlB,cAAc;EACd,cD1EU,EAAA;;ACiElB;EAaQ,cD/EU;ECgFV,eAAe;EACf,gBD7HkB,EAAA;;ACiI1B;EACI,kBAAkB,EAAA;EADtB;IAGQ,eAAe;IACf,cDhLmB,EAAA;EC4K3B;IAQQ,kBAAkB;IAClB,SAAS;IACT,WAAW;IACX,YAAY;IACZ,WAAW;IACX,WDxGO;ICyGP,iBAAiB;IACjB,gBAAgB;IAChB,eAAe,EAAA;EAhBvB;IAoBQ,kBAAkB;IAClB,SAAS;IACT,UAAU;IACV,yBD4R2B,EAAA;;ACxRnC;EAEQ,aAAa;EACb,gCDtHU,EAAA;ECmHlB;IAMY,yBD3HM,EAAA;;ACiIlB;EACI,cAAc;EACd,kBAAkB;EAClB,iBAAiB;EACjB,kBAAkB;EAClB,mBAAmB;EACnB,cAAc;EACd,6BAA6B;EAC7B,cDpIc,EAAA;EC4HlB;IAWQ,YAAW,EAAA;EAXnB;IAeQ,cAAc;IACd,gBAAgB;IAChB,uBAAuB;IACvB,mBAAmB,EAAA;EAlB3B;IAsBQ,qBDtJU,EAAA;;AC2JlB;EAGY,gBAAgB,EAAA;;AAK5B;EAEQ,yBDrPgB,EAAA;;ACmPxB;EAQgB,2CD7KD,EAAA;;ACqKf;EAeQ,aDhQ6B,EAAA;ECiPrC;IAkBY,cDnQyB,EAAA;ECiPrC;IAsBY,cDvQyB,EAAA;ECiPrC;IA0BY,aD3QyB,EAAA;;ACiPrC;EAiCQ,uCDtMO,EAAA;;ACqKf;EAqCQ,cDvRwB,EAAA;;ACkPhC;EAyCQ,+BD9MO,EAAA;;ACqKf;EA8CY,cDhSoB,EAAA;;ACkPhC;EAkDY,qCDrSY;UCqSZ,6BDrSY,EAAA;;ACmPxB;EAyDY,yBDhPW;ECiPX,WD/NG;ECgOH,yBDjPW;ECkPX,qCAAgD;UAAhD,6BAAgD,EAAA;;AA5D5D;;EAgEY,+BDrOG,EAAA;;ACqKf;EAqEQ,6DAAsH,EAAA;;AAG1H;EAxEJ;IA6EoB,yBD7SM,EAAA;ICgO1B;MAgFwB,aAAa,EAAA;IAhFrC;MAoFwB,cAAc,EAAA;EApFtC;IA6FgB,aAAa,EAAA;EA7F7B;IAiGgB,qBAAqB,EAAA;EAjGrC;IAuGgB,qCD1VQ;YC0VR,6BD1VQ,EAAA,EC2VX;;AAKb;EAEQ,mBDjXiB,EAAA;EC+WzB;IAKY,aAAa,EAAA;EALzB;IASY,cAAc,EAAA;;AAQ1B;EACI;IAEQ,gBAAgB,EAAA;IAFxB;MAKY,qBAAqB;MACrB,sBAAsB;MACtB,yDAA2D;cAA3D,iDAA2D,EAAA,EAC9D;;AAKb;EACI;IACI,aAAa,EAAA,EAChB;;AAIL;EACI;IACI,eAAe,EAAA;EAGnB;IACI,wBAAwB,EAAA,EAC3B;;AAGL;EAEQ,yBAA4C,EAAA;;AAFpD;EAMQ,aDpZ6B,EAAA;EC8YrC;IASY,cDvZyB,EAAA;EC8YrC;IAaY,cD3ZyB,EAAA;EC8YrC;IAiBY,aD/ZyB,EAAA;;AC8YrC;EAsBQ,cDvWe,EAAA;ECiVvB;IAyBY,qBD5WW,EAAA;;ACmVvB;EA+BY,qCD5Zc;UC4Zd,6BD5Zc,EAAA;;AC6X1B;EAqCY,qBAAwC,EAAA;EArCpD;IAuCgB,yBAA4C,EAAA;;AAvC5D;EA+CY,6DAAsH,EAAA;;AA/ClI;EAmDY,oCAAuC,EAAA;;AAnDnD;EAuDY,yBAA6C,EAAA;EAvDzD;IA0DgB,yBDrcc;ICscd,sBDrcO,EAAA;EC0YvB;IA8DgB,cD3XE,EAAA;;AC6TlB;EAqEgB,cDxdW,EAAA;;ACmZ3B;EA0EgB,WD5YD;EC6YC,gDAA2C;UAA3C,wCAA2C,EAAA;;AA3E3D;EA+EgB,yBDHmB,EAAA;;AC5EnC;EAoFY,aDvee,EAAA;ECmZ3B;IAsFgB,cDzeW,EAAA;;ACmZ3B;EA8FY,gDAAsG,EAAA;;AASlH;EAEQ,wBAAwB,EAAA;;AAFhC;EAKQ,4BAAoB;EAApB,oBAAoB;EACpB,gDAA2G,EAAA;;AC9hBnH;EACK,kBAAkB,EAAA;EADvB;IAGQ,6BAA6B;IAC7B,UAAU,EAAA;EAJlB;IAQQ,0BAAyB,EAAA;EAIzB;IAZR;MAaY,aAAa,EAAA,EAEpB;;AAGL;EACI,eAAe;EACf,SAAS,EAAA;;AAIb;EAGQ,cFsEe,EAAA;;AEzEvB;EAOQ,cFgEe,EAAA;;AEvEvB;EAUQ,cF+De,EAAA;;AE3DvB;EAEQ,cFyDe,EAAA;;AE3DvB;EASoB,qCFlBD;UEkBC,6BFlBD,EAAA;;AESnB;EAagB,cFrBW,EAAA;;AG9B3B;EACI,SAAS;EACT,4BAA6C;EAC7C,kBAAkB;EAClB,QAAQ;EACR,cHuCkB;EGtClB,WHOkB;EGNlB,YAAY;EACZ,sBHuGW;EGtGX,6BHyGc;EGxGd,qCHgnByD;UGhnBzD,6BHgnByD,EAAA;EG1nB7D;IAYQ,UAAU,EAAA;;AAIlB;EACI;IACI,OAAO,EAAA,EACV;;AAIL;EAEQ,UHXuB,EAAA;;AGe/B;EAEQ,kBAAkB,EAAA;;AAI1B;EAEQ,yBHwDe;EGvDf,uDH2De;UG3Df,+CH2De;EG1Df,cHwDe;EGvDf,qBAAwC,EAAA;;ACxChD;EACI,sBJ8GW;EI7GX,iFAAyE;UAAzE,yEAAyE;EACzE,cAAc;EACd,eAAe;EACf,sCAA8B;EAA9B,8BAA8B;EAC9B,YJmDmB;EIlDnB,aAAa;EACb,uBAAuB;EACvB,aAA+B;EAC/B,MAAM;EACN,SAAS,EAAA;EAXb;IAcQ,yBAAoC;IACpC,YAAY;IACZ,WAAW;IACX,iBAAiB;IACjB,cJ+FU;II9FV,kBAAkB;IAClB,kBAAkB,EAAA;IApB1B;MAuBY,yBAAqC,EAAA;;AAMjD;EACI,wCJ0Fc;EIzFd,kBAAkB;EAClB,OAAO;EACP,QAAQ;EACR,MAAM;EACN,SAAS;EACT,aAAa;EACb,aAAa;EACb,oCAA4B;EAA5B,4BAA4B,EAAA;;AAGhC;EAEQ,QAAQ,EAAA;;AAFhB;EAKQ,cAAc,EAAA;;AC0BlB;EDrBA;IACI,cAAc,EAAA;IADlB;MAGQ,uBAAuB,EAAA,EAC1B;;AAIT;EAEQ,yBJgCe,EAAA;;AM7FvB;EACI,SAAS,EAAA;EADb;IAKQ,cAAc;IACd,WAAW,EAAA;EANnB;IAWY,8BAAsB;YAAtB,sBAAsB;IAC1B,WAAW;IACX,mBAAmB,EAAA;EAb3B;IAkBQ,aAAa,EAAA;IAlBrB;MAqBY,aAAa,EAAA;IArBzB;MAyBY,cACJ,EAAA;EA1BR;IA8BQ,kBAAkB;IAClB,SAAS;IACT,gBAAgB;IAChB,wCAAgC;YAAhC,gCAAgC;IAChC,iCAAyB;YAAzB,yBAAyB;IACzB,+CAAuC;IAAvC,uCAAuC,EAAA;;AAK/C;EACI,YN5BkB;EM6BlB,aAAa;EACb,mBNxCgB;EMyChB,SAAS;EACT,aAAa;EACb,eAAe;EACf,qDAA6C;UAA7C,6CAA6C;EAC7C,MAAM;EACN,+BN7C0B;EM8C1B,4BAAoB;EAApB,oBAAoB,EAAA;EAVxB;IAYQ,kBAAkB;IAClB,QAAQ;IACR,MAAM;IACN,UAAU,EAAA;;AAKlB;EACI,kBNhDkB,EAAA;EM+CtB;IAKQ,yBAAyB;IACzB,gBNtCY,EAAA;;AM0CpB;EACI,sCAAmD;EACnD,gBN5CgB,EAAA;;AMgDpB;EACI,qBAAqB,EAAA;EADzB;IAMgB,kCAA0B;YAA1B,0BAA0B;IAC1B,iBAAiB,EAAA;EAPjC;IAcY,iBAAiB;IACjB,oCAAoC;IACpC,cAAc;IACd,yCAAyB;IAAzB,iCAAyB;IAAzB,yBAAyB;IAAzB,gDAAyB;IACzB,eAAe;IACf,kBAAkB;IAClB,WAAW;IACX,SAAS,EAAA;EArBrB;IA0BgB,WAAW;IACX,SAAS,EAAA;EA3BzB;IAmCgB,aAAa,EAAA;EAnC7B;IAuCY,iBAAiB,EAAA;EAvC7B;IA8CgB,oBAAa;IAAb,oBAAa;IAAb,aAAa;IACb,mBAAmB;IACnB,mBAAmB;IACnB,cNxHiB;IMyHjB,kBAAkB;IAClB,gBNvDQ;IMwDR,2BAAmB;IAAnB,mBAAmB;IACnB,eAAe;IACf,cAAc;IACd,qCNhDgC;IMiDhC,yBAAmB;QAAnB,sBAAmB;YAAnB,mBAAmB,EAAA;IAxDnC;MA2DoB,WAAW;MACX,YAAY;MACZ,qBAAqB;MACrB,iBAAiB;MACjB,sBAAsB;MACtB,aNrIkB;MMsIlB,4BAAoB;MAApB,oBAAoB;MACpB,SAAS;MACT,iBAAiB;MACjB,uBAAuB,EAAA;IApE3C;MAyEoB,cN7ImB;MM8InB,iBAAiB,EAAA;MA1ErC;QA4EwB,aNhJe,EAAA;EMoEvC;IAkFgB,iBAAiB,EAAA;EAlFjC;IAsFgB,kBAAkB,EAAA;IAtFlC;MAwFoB,WAAW;MACX,kBAAkB;MAClB,UAAU;MACV,SAAS;MACT,YAAY;MACZ,UAAU;MACV,mBN9JsB,EAAA;IMgE1C;MAoGwB,kCAAkC,EAAA;MApG1D;QAsG4B,WAAW;QACX,WAAW;QACX,YAAY;QACZ,kBAAkB;QAClB,eAAe;QACf,iBAAiB;QACjB,kBAAkB;QAClB,UAAU;QACV,yDAAmF;QACnF,SAAS;QACT,uCAA+B;QAA/B,+BAA+B,EAAA;MAhH3D;QAoH4B,cNxLW,EAAA;QMoEvC;UAuHgC,yDAAqF,EAAA;IAvHrH;MA6HwB,UAAU,EAAA;MA7HlC;QAiIgC,kCAAkC,EAAA;QAjIlE;UAoIoC,UAAU;UACV,QAAQ,EAAA;EArI5C;IA8IgB,cNjNwB,EAAA;IMmExC;MAiJoB,yBNlNuB;MMmNvB,cNrNoB,EAAA;MMmExC;QAqJwB,wBAAgD,EAAA;IArJxE;MA4J4B,yBAAqD;MACrD,uBAAuB,EAAA;MA7JnD;QAgKgC,yDAAqF,EAAA;;AAUrH;EACI,6BAA6B;EAC7B,qBAAqB;EACrB,oBAAoB;EACpB,eAAe;EACf,eAAe;EACf,yBAAyB;EACzB,cNxP6B;EMyP7B,gBNrLsB;EMsLtB,YAAY,EAAA;;AAGhB;EACI;IACI,aAAa;IACb,SNzOY,EAAA;IMuOhB;MAKQ,YAAY;MACZ,aAAa,EAAA;IANrB;;MAWQ,aAAa,EAAA;EAKrB;IACI,yBAAyB,EAAA;EAG7B;IAEQ,cAAc,EAAA,EACjB;;AAML;EADJ;IAEQ,kBAAkB,EAAA,EA0NzB;;AA5ND;EAMQ,iBNvRuB,EAAA;;AMiR/B;EAUQ,sBAA0C;EAC1C,kBAAkB,EAAA;;AAX1B;EAgBY,aAAa,EAAA;;AAhBzB;EAoBY,cAAc,EAAA;;AApB1B;EA0BQ,UN3SuB,EAAA;EM4SvB;IA3BR;MA4BY,OAAO,EAAA,EAEd;;AA9BL;EAkCQ,kBAAkB;EAClB,sBAA0C;EAC1C,aAAa,EAAA;EApCrB;IAsCY,eAAe;IACf,UNxTmB;IMyTnB,MAAM,EAAA;EAxClB;;IA6CY,4BAA4B,EAAA;EA7CxC;;IAkDY,wBAAwB,EAAA;EAlDpC;IAsDY,oBAAoB,EAAA;EAtDhC;;IA8DgB,wBAAwB,EAAA;EA9DxC;IAkEgB,0BAA0B,EAAA;EAlE1C;IAsEgB,iCAAyB;YAAzB,yBAAyB,EAAA;EAtEzC;IA2EoB,kBAAkB;IAClB,mBAAmB,EAAA;IA5EvC;MA+EwB,iBAAiB;MACjB,wBAAgB;MAAhB,gBAAgB;MAChB,cAAc;MACd,cAAc,EAAA;MAlFtC;QAuF4B,cN9WW,EAAA;MMuRvC;QA2F4B,iBAAiB;QACjB,kBAAkB;QAClB,eAAe;QACf,iBAAiB;QACjB,iBAAiB,EAAA;MA/F7C;QAmG4B,aAAa;QACb,kBAAkB,EAAA;MApG9C;QA0GgC,aAAa,EAAA;MA1G7C;QA+G4B,SAAS;QACT,WAAW;QACX,YAAY,EAAA;IAjHxC;MAuH4B,kBAAkB;MAClB,yBAAgD;MAChD,cN1QX;MM2QW,yBN9Ye;MM+Yf,wBAAgB;MAAhB,gBAAgB;MAChB,+DAAmD;cAAnD,uDAAmD,EAAA;MA5H/E;QA+HgC,aNhRf,EAAA;MMiJjB;QAmIgC,eAAe,EAAA;IAnI/C;MAwI4B,cAAc;MACd,UN1ZG;MM2ZH,kBAAkB;MAClB,YAAY;MACZ,uBAAuB;MACvB,wDAA+C;cAA/C,gDAA+C;MAC/C,yBNzaE,EAAA;MM2R9B;QAiJgC,wDAA+C;gBAA/C,gDAA+C;QAC/C,yBN7aF,EAAA;MM2R9B;QAsJgC,wBAAgB;gBAAhB,gBAAgB;QAChB,iBAAiB;QACjB,kBAAkB;QAClB,YAAY;QACZ,UAAU;QACV,cNpbK,EAAA;QMyRrC;UA8JoC,cNrbG,EAAA;EMuRvC;IAsKoB,cAAc;IACd,aAAa;IACb,aAAa;IACb,yBNrcA,EAAA;IM4RpB;MA8KgC,cAAc;MACd,WAAW;MACX,uBAAuB;MACvB,iBAAiB;MACjB,kBAAkB;MAClB,YAAY,EAAA;IAnL5C;MAyLgC,kBAAkB;MAClB,WAAW;MACX,SAAS;MACT,iCAAyB;cAAzB,yBAAyB,EAAA;IA5LzD;MAmM4B,cNlXV,EAAA;EM+KlB;IA4MwB,aAAa,EAAA;EA5MrC;IAgN4B,aAAa,EAAA;EAhNzC;IAwNY,aAAa,EAAA;;AAMzB;EACI,iBAAiB;EACjB,yBNF+B,EAAA;;AMKnC;EAGQ,yBNjdkB;EMkdlB,wBAAgB;UAAhB,gBAAgB,EAAA;;AAJxB;EAYwB,cNzdM,EAAA;EM6c9B;IAe4B,aN5dE,EAAA;EM6c9B;IAmB4B,cN/dS,EAAA;IM4crC;MAsBgC,aNleK,EAAA;;AM4crC;EA6B4B,mBNtgBmB,EAAA;;AMye/C;EAiCgC,cN9eF,EAAA;EM6c9B;IAmCoC,yDAAwF,EAAA;EAnC5H;IAuCoC,cNnfC,EAAA;IM4crC;MAyCwC,yDAA8E,EAAA;;AAzCtH;EAmDwB,yBAA8C,EAAA;EAnDtE;IAsD4B,yBNhiBoB;IMiiBpB,yBAA8C,EAAA;IAvD1E;MA0DgC,yBNtgBK,EAAA;IM4crC;MA8DgC,wBAA6C,EAAA;EA9D7E;IAqEoC,yBAA8C;IAC9C,uBAAuB,EAAA;IAtE3D;MAyEwC,yDAA8E,EAAA;;AAzEtH;EAqFY,cNpkB0B,EAAA;EM+etC;IAuFgB,+BN1eD,EAAA;;AMmZf;EAiG4B,yBAA6C,EAAA;;AAjGzE;EAsHoC,mBAAuC;EACvC,cNnkBC,EAAA;EM4crC;IAyHwC,aNrkBH,EAAA;;AM4crC;EA+HwC,cN5kBV,EAAA;EM6c9B;IAiI4C,cN7kBP,EAAA;;AM4crC;EAyI4B,yBN9iBL;EM+iBK,qBAAwC,EAAA;;AA1IpE;EAoJY,cNnoB0B,EAAA;;AM+etC;EAyJQ,yBAA6C,EAAA;;AAIrD;EAEQ,mBN/oBiB;EMgpBjB,qBNhpBiB,EAAA;EM6oBzB;IAMY,aNloByB;IMmoBzB,cNnoByB,EAAA;EM4nBrC;IAWY,yBNxpBa,EAAA;;AM6oBzB;EAsBoB,cNlqBkB,EAAA;EM4oBtC;IAyBwB,aNnqBmB,EAAA;EM0oB3C;IA6BwB,cNtqBoB,EAAA;IMyoB5C;MAgC4B,aNzqBgB,EAAA;;AMyoB5C;EAuCwB,mBN7qBuB,EAAA;;AMsoB/C;EA4C4B,cNvrBc;EMwrBd,6BAA6B,EAAA;EA7CzD;IAgDgC,yDAAwF,EAAA;EAhDxH;IAoDgC,cN7pBK,EAAA;IMymBrC;MAsDoC,yDAA8E,EAAA;;AAtDlH;EAgEoB,yBAAsD,EAAA;EAhE1E;IAmEwB,yBN1sBwB;IM2sBxB,yBAAsD,EAAA;IApE9E;MAuE4B,yBN/sBiB,EAAA;IMwoB7C;MA2E4B,wBAAqD,EAAA;EA3EjF;IAkFgC,yBAAsD,EAAA;IAlFtF;MAqFoC,yDAA8E;MAC9E,wCAAuC,EAAA;;AAtF3E;EAkGQ,cN9uB8B,EAAA;EM4oBtC;IAoGY,+BNppBG,EAAA;;AMgjBf;EA0GQ,kBAAkB,EAAA;EA1G1B;IA6GY,kBAAkB,EAAA;EA7G9B;IA4HgC,mBAAyC;IACzC,cNtwBY,EAAA;IMyoB5C;MA+HoC,aNxwBQ,EAAA;EMyoB5C;IAqIoC,cNhxBM,EAAA;IM2oB1C;MAuIwC,cNhxBI,EAAA;EMyoB5C;IA+IwB,yBN5xBC;IM6xBD,gCAAmD,EAAA;EAhJ3E;IAuJgB,aAAa,EAAA;;AAvJ7B;EA8JQ,cN1yB8B,EAAA;;AM8yBtC;EAegC,mBAAuC,EAAA;;AAfvE;EAqBwB,yBAA6C,EAAA;;AArBrE;EA+BQ,mBNnwBe,EAAA;;AMouBvB;EAkCQ,mBNtwBe;EMuwBf,qBAAwC,EAAA;EAnChD;IAqCY,yBNzwBW,EAAA;;AMkxBvB;EAEQ,yBAAyB,EAAA;;AAMjC;EAIY,aAAa,EAAA;;AAJzB;EAQY,cAAc,EAAA;;AAR1B;EAcQ,YNt3BiB,EAAA;EMu3BjB;IAfR;MAgBY,WAAW,EAAA,EAElB;;AAlBL;EAoBQ,YN53BiB;EM63BjB,kBAAkB,EAAA;EArB1B;;IAyBY,wBAAwB,EAAA;EAzBpC;IA6BY,aAAa,EAAA;;AA7BzB;EAmCQ,kBN34BiB,EAAA;;AMw2BzB;EAsCQ,WN94BiB,EAAA;EM+4BjB;IAvCR;MAwCY,OAAO,EAAA,EAEd;;AA1CL;EA+CgB,yBAAyC,EAAA;;AA/CzD;EAkDgB,gBAAgB,EAAA;;AAlDhC;EAqDgB,sBAAsB;EACtB,cAAc;EACd,cAAc,EAAA;EAvD9B;IAyDoB,WAAW;IACX,YAAY;IACZ,cAAc;IACd,cAAc;IACd,qBAAqB;IACrB,SACJ,EAAA;;AA/DhB;EAkEgB,UAAU,EAAA;EAlE1B;IAoEoB,aAAa,EAAA;EApEjC;IAuEoB,oBAAoB,EAAA;IAvExC;MAyEwB,aAAa,EAAA;;AAzErC;EAsFoB,yBAA+C,EAAA;;AAtFnE;EA8FY,cAAc,EAAA;;AA9F1B;EAmGY,iBN58BmB,EAAA;;AMy2B/B;EAuGgB,gBAAgB,EAAA;EAvGhC;IA4GgC,qBAAqB,EAAA;;AA5GrD;EAoHY,UN79BmB,EAAA;;AMs+B/B;EAEQ,mBNn/BY;EMo/BZ,+BNn/BsB,EAAA;;AMg/B9B;EAOQ,yBN17BqB,EAAA;;AMm7B7B;EAWQ,iBNn+BY,EAAA;EMw9BpB;IAcY,aAAa,EAAA;;AAdzB;EAmBQ,cN18Ba,EAAA;;AMu7BrB;EAuBQ,aN/8BW,EAAA;;AMw7BnB;EA2BQ,yBAAuB,EAAA;;AA3B/B;EAkCgB,aAAa,EAAA;;AAlC7B;EAsCgB,cAAc,EAAA;;AAtC9B;EAuDgC,cNniCO,EAAA;;AM4+BvC;EA6DgC,cNn6Bf;EMo6Be,yBNviCW,EAAA;EMy+B3C;IAiEoC,cNv6BnB,EAAA;;AMs2BjB;EAuEoC,cNrjCC,EAAA;EM8+BrC;IA0EwC,cNtjCD,EAAA;;AM4+BvC;EAkFwB,yBNnkCJ,EAAA;EMi/BpB;IAqFgC,cNz9Bd,EAAA;;AMs+BlB;EAEQ,yBN18BS;EM28BT,qBN38BS,EAAA;EMw8BjB;IAMY,+BN7+BG,EAAA;;AMu+Bf;EAewB,0CNt/BT,EAAA;;AMu+Bf;EAsBQ,yBN99BS,EAAA;EMw8BjB;IAwBY,aAAa,EAAA;EAxBzB;IA2BY,cAAc,EAAA;;AA3B1B;EAmCoB,+BN1gCL,EAAA;;AMu+Bf;EAuCoB,+BN9gCL,EAAA;EMu+Bf;IAyCwB,8BNhhCT,EAAA;EMu+Bf;IA6CwB,WNphCT,EAAA;IMu+Bf;MAgD4B,UNvhCb,EAAA;;AMu+Bf;EAuDwB,oCN9hCT,EAAA;;AMu+Bf;EA2D4B,+BNliCb,EAAA;EMu+Bf;IA+DgC,0EAAmE,EAAA;EA/DnG;IAmEgC,cNnmCK,EAAA;IMgiCrC;MAqEoC,sDAAwD,EAAA;;AArE5F;EA6EoB,sBNpjCL,EAAA;;AMu+Bf;EAiFoB,sBAAwB,EAAA;EAjF5C;IAoFwB,oCN3jCT;IM4jCS,sBAAwB,EAAA;IArFhD;MAwF4B,yBNvpCiB,EAAA;IM+jC7C;MA4F4B,qBAAuB,EAAA;EA5FnD;IAmGgC,sBAAwB,EAAA;IAnGxD;MAsGoC,sDAAwD;MACxD,wCAAwC,EAAA;;AAvG5E;EAoHY,+BN3lCG,EAAA;;AMu+Bf;EAuHgB,+BN9lCD,EAAA;;AMu+Bf;EA6HY,yBNrkCK,EAAA;EMw8BjB;IA+HgB,aAAa,EAAA;EA/H7B;IAkIgB,cAAc,EAAA;;AAlI9B;EA8I4B,yBAAuC;EACvC,WNtnCb,EAAA;EMu+Bf;IAiJgC,UNxnCjB,EAAA;;AMu+Bf;EA2JgC,yBAAiD,EAAA;;AA3JjF;EAmKwC,cNhvCA,EAAA;;AM6kCxC;EAuKoC,yBAAiD,EAAA;EAvKrF;IAyKwC,yBAAiD,EAAA;IAzKzF;MA2K4C,yBAAiD,EAAA;;AA3K7F;EAqLgB,aAAa,EAAA;;AAU7B;EAGY,wBAAgB;UAAhB,gBAAgB,EAAA;;AAH5B;EAOQ,wBAAgB;UAAhB,gBAAgB,EAAA;;AAPxB;EAWQ,wBAAgB;UAAhB,gBAAgB,EAAA;;AChyCxB;EACI,aAAa,EAAA;;AAGjB;EAGQ,cAAc,EAAA;;AAHtB;EAOQ,aAAa,EAAA;;AAPrB;EAWQ,OAAO;EACP,wBAAgB;UAAhB,gBAAgB;EAChB,SAAS;EACT,gBAAgB;EAChB,yBPUW,EAAA;;AOzBnB;EAmBQ,qCPMW;UONX,6BPMW,EAAA;;AOzBnB;EAuBQ,cAAc;EACd,WAAW;EACX,SAAS;EACT,6BAA6B;EAC7B,wBAAgB;UAAhB,gBAAgB;EAChB,kBAAkB,EAAA;EAClB;IA7BR;MA8BY,eAAe;MACf,kBAAkB,EAAA,EAEzB;;AAjCL;EAoCQ,gBPZY;EOaZ,6DAAgH,EAAA;EAChH;IAtCR;MAuCY,gDAA4F;MAC5F,gBP0iBsB,EAAA,EOxiB7B;;AAGG;EA7CR;IA8CY,kBPoiBsB;IOniBtB,mBPmiBsB,EAAA,EOjiB7B;;AAjDL;EAoDQ,aAAa,EAAA;;AApDrB;EAyDY,sBAAsB,EAAA;;AAKlC;EACI,mBPtCe;EOuCf,yBAA0C;EAC1C,YAAY;EACZ,6BP4Cc;EO3Cd,gCP2Cc;EO1Cd,qCPkjByD;UOljBzD,6BPkjByD,EAAA;EOhjBzD;IARJ;MASQ,gBP5BU,EAAA,EOsHjB;EAnGD;IAcQ,SAAS;IACT,UAAU,EAAA;EAflB;IAqBY,eAAe;IACf,kBAAkB;IAClB,sBAAsB;IACtB,cP1Ca;IO2Cb,gBPnBY;IOoBZ,qCPToC,EAAA;IOjBhD;MA4BgB,iBAAiB;MACjB,iBAAiB;MACjB,sBAAsB,EAAA;IA9BtC;MAiCgB,YAAY;MACZ,WAAW;MACX,aPrDS;MOsDT,iBAAiB;MACjB,eAAe,EAAA;IArC/B;MAwCgB,cPzDgB;MO0DhB,6BAA6B,EAAA;MAzC7C;QA2CoB,aP5DY,EAAA;EOiBhC;IAiDY,cPnEa;IOoEb,uBAAuB;IACvB,gBP7CY;IO8CZ,eAAe;IACf,2BAAmB;IAAnB,mBAAmB;IACnB,qCPrCoC,EAAA;IOjBhD;MAwDgB,cPzEgB;MO0EhB,gBAAgB,EAAA;IAzDhC;MA4DgB,cP7EgB,EAAA;EOiBhC;IAkEgB,cPnFgB,EAAA;IOiBhC;MAoEoB,cPrFY,EAAA;EOiBhC;IA4EoB,cP7FY;IO8FZ,6BAA6B,EAAA;IA7EjD;MA+EwB,aPhGQ,EAAA;EOiBhC;IAsF0B,cPvGM,EAAA;EOiBhC;IA8FQ,6BAA6B,EAAA;IAC7B;MA/FR;QAgGY,6BAA6B,EAAA,EAEpC;;AFzGD;EE8GA;;IAGQ,cAAc,EAAA,EACjB;;AFlHL;EEuHA;IAKoB,eAAe,EAAA;EALnC;IAYQ,qBAAqB;IACrB,gBAAgB,EAAA;EAbxB;IAoBgB,SAAS;IACT,WAAW,EAAA;EArB3B;IAyBY,aAAa;IACb,gCPwaoB,EAAA;IOlchC;MA8BoB,WAAW;MACX,mDAA2C;cAA3C,2CAA2C;MAC3C,kBAAkB,EAAA;IAhCtC;MAsCoB,kBAAkB;MAClB,iBAAiB;MACjB,UAAU;MACV,aAAa,EAAA;EAzCjC;IAgDgB,cAAc,EAAA;EAhD9B;IAsDQ,cACJ,EAAA;EAGJ;IACI,aAAa,EAAA,EAChB;;AAGL;EACI,qBAAqB,EAAA;EADzB;IAIQ,qBAAqB;IACrB,mBAAmB;IACnB,yBAAyB;IACzB,WAAW;IACX,YAAY;IACZ,qBAAqB;IACrB,UAAU;IACV,QAAQ;IACR,iBAAiB;IACjB,kDAA0C;YAA1C,0CAA0C;IAC1C,6BAAqB;YAArB,qBAAqB;IACrB,oCAA4B;IAA5B,4BAA4B;IAC5B,WAAW,EAAA;;AFzLf;EE+LA;IAMwB,WAAW;IACX,UAAU,EAAA,EACb;;AFvMrB;EEiNA;IAEQ,cP9NS,EAAA;IO4NjB;MAIY,cPhOK,EAAA;EO4NjB;IASQ,aPtOO,EAAA;EO0Of;IACI,iBAAiB;IACjB,gBAAgB;IAChB,UAAU,EAAA;IAHd;MAMY,uBAAuB,EAAA;IANnC;MAYY,6BAA6B;MAC7B,YAAY;MACZ,wBAAgB;cAAhB,gBAAgB;MAChB,kBAAkB,EAAA;MAf9B;QAiBgB,WAAW,EAAA;QAjB3B;UAoBoB,WAAW,EAAA;IApB/B;MA0BY,kBAAkB;MAClB,6BAA6B,EAAA;MA3BzC;QA8BgB,cAAc,EAAA;MA9B9B;QAmCgB,cP3LH;QO4LG,cAAc,EAAA;IApC9B;MA2CY,WAAW;MACX,kBAAkB,EAAA,EACrB;;AAKb;EAEQ,yBPzTgB,EAAA;;AOuTxB;EAOY,aAAa,EAAA;;AAPzB;EAWY,cAAc,EAAA;;AAX1B;EAiBQ,6DAAgH,EAAA;EAChH;IAlBR;MAmBY,gBP2OsB,EAAA,EOxO7B;;AAOL;EAEQ,yBPzOS;EO0OT,wBAAgB;UAAhB,gBAAgB,EAAA;;AAHxB;EAOQ,aAAa,EAAA;;AAPrB;EAWQ,cAAc,EAAA;;AAXtB;EAiBY,2CP/VW;EOgWX,WPxRG,EAAA;;AOsQf;;EAsBY,+BP5RG,EAAA;;AOsQf;EA0BQ,cP7WwB,EAAA;EOmVhC;IA6BY,cPhXoB,EAAA;;AOmVhC;EAoCgB,0CP1SD,EAAA;;AOsQf;EA2CY,cP9XoB,EAAA;;AKyB5B;EE0TJ;IAiDY,yBPxRK,EAAA;IOuOjB;MAqDoB,+BP3TL,EAAA;MOsQf;QAwDwB,+BP9TT,EAAA;IOsQf;MA+D4B,0CAAmC,EAAA,EACtC;;AASzB;EAIY,yBPjaY,EAAA;;AO6ZxB;EASgB,qCP1WO;UO0WP,6BP1WO,EAAA;;AOiWvB;EAgBgB,6DAAgH,EAAA;;AAhBhI;EAoBgB,cAAc,EAAA;;AApB9B;EAwBgB,aAAa,EAAA;;AAxB7B;EA+BQ,yBAA6C;EAC7C,qBPhYe;EOiYf,qCAAgD;UAAhD,6BAAgD,EAAA;EAjCxD;IAqCgB,cP9ac,EAAA;IOyY9B;MAwCoB,aPjbU,EAAA;IOyY9B;MA4CoB,cPpbiB;MOqbjB,6BAA6B,EAAA;MA7CjD;QA+CwB,aPvba,EAAA;EOwYrC;IAqDgB,cP9bc;IO+bd,6BAA6B,EAAA;IAtD7C;MAyDoB,cPjciB,EAAA;EOwYrC;IA+DoB,cPvciB,EAAA;IOwYrC;MAiEwB,cPzca,EAAA;EOwYrC;IAyEwB,cPjda;IOkdb,6BAA6B,EAAA;IA1ErD;MA4E4B,aPpdS,EAAA;EOwYrC;IAoFY,+BP7dkB,EAAA;;AOoe9B;EAEQ,wBAAgB;UAAhB,gBAAgB,EAAA;;AAMxB;EAGY,wBAAwB,EAAA;;AAHpC;EAOI,4BAAoB;EAApB,oBAAoB;EACpB,6BAA0C;EAC1C,gDAA2G,EAAA;EAC3G;IAVJ;MAWQ,aAAa;MACb,gDAAgG,EAAA,EAGpG;;AChjBJ;EACI,yBRoEyB,EAAA;EQrE7B;IAGQ,yBR0f2B;IQzf3B,iBRgEsB;IQ/DtB,cAAc;IACd,qCRonBqD;YQpnBrD,6BRonBqD,EAAA;EQ1nB7D;IAUQ,+BAA2D;IAC3D,cAAc,EAAA;EAXtB;IAeQ,cAAc;IACd,+BAA2D,EAAA;EAhBnE;IAqBY,8BAAqE,EAAA;EArBjF;IAwBY,8BAAqE,EAAA;EAIrE;IA5BZ;MA6BgB,kBAAkB,EAAA,EAEzB;EA/BT;IAoCY,+BAA8D,EAAA;EApC1E;IAuCY,+BAA8D,EAAA;;AAQ1E;EAEQ,eAAe,EAAA;;AAFvB;EAKQ,iBRgBsB,EAAA;;AQV1B;EADJ;IAGY,kBAAkB,EAAA;EAH9B;IAMY,kBAAkB,EAAA,EACrB;;AAGD;EAVR;IAYgB,kBAAkB,EAAA;EAZlC;IAgBgB,kBAAkB,EAAA,EACrB;;AAMb;EAEQ,yBAA6C,EAAA;EAFrD;IAIY,qCAAgD;YAAhD,6BAAgD;IAChD,yBAA4C,EAAA;;AAOxD;EACI,eAAe;EACf,UAAU;EACV,QAAQ;EACR,iCAAyB;MAAzB,uBAAyB;UAAzB,yBAAyB;EACzB,gBAAgB;EAChB,yBR4Ca;EQ3Cb,sBAAwB;EACxB,iBAAiB;EACjB,iBAAiB;EACjB,eAAe;EACf,0BAA0B;EAC1B,mCAA2B;UAA3B,2BAA2B;EAC3B,aAAa,EAAA;;ACzGjB;EACE,YAAY;EACZ,WAAW,EAAA;;AAGb;EACE,cAAc;EACd,aAAa,EAAA;;AAGf;EACE,YAAY;EACZ,WAAW,EAAA;;AAGb;EACE,cAAc;EACd,aAAa,EAAA;;AAGf;EACE,YAAY;EACZ,WAAW,EAAA;;AAGb;EACE,YAAY;EACZ,WAAW,EAAA;;AAGb;EACE,yBAAmB;MAAnB,sBAAmB;UAAnB,mBAAmB;EACnB,yBT8Ge;ES7Gf,WT8Ea;ES7Eb,oBAAa;EAAb,oBAAa;EAAb,aAAa;EACb,gBTqCsB;ESpCtB,YAAY;EACZ,wBAAuB;MAAvB,qBAAuB;UAAvB,uBAAuB;EACvB,WAAW,EAAA;;AAIb;EACE,oBAAa;EAAb,oBAAa;EAAb,aAAa;EACb,mBAAe;MAAf,eAAe;EACf,iBAAiB,EAAA;EAHnB;IAKI,iBAAiB;IACjB,sBT+DW;IS9DX,kBAAkB;IAClB,4BAAoB;IAApB,oBAAoB,EAAA;IARxB;MAUM,kBAAkB;MAClB,mCAA2B;cAA3B,2BAA2B,EAAA;;AAKjC;EAGM,qBTgCiB,EAAA;;AU7FvB;EACI,sBV8GW;EU7GX,qBV+Gc;EU9Gd,6BV8Gc,EAAA;;AU3GlB;EACI,sBVwGW,EAAA;;AUnGf;EACI,kBAAkB;EAClB,kBAAkB;EAClB,SAAS,EAAA;EAHb;IAMM,kBAAkB;IAClB,WAAW;IACX,YAAY;IACZ,OAAO;IACP,MAAM;IACN,0CVwFS;IUvFT,gDVuFS;IUtFT,eAAe;IACf,oBAAa;IAAb,oBAAa;IAAb,aAAa;IACb,yBAAmB;QAAnB,sBAAmB;YAAnB,mBAAmB;IACnB,wBAAuB;QAAvB,qBAAuB;YAAvB,uBAAuB,EAAA;EAhB7B;IAqBM,gBAAgB,EAAA;IArBtB;MAuBQ,WV4EO,EAAA;MUnGf;QAyBU,WAAW;QACX,kBAAkB;QAClB,6BAA6B;QAC7B,YAAY,EAAA;;AAMtB;EACI,cVsEc,EAAA;;AUjEd;EAEQ,yBVwFK;EUvFL,cVuFK,EAAA;;AUnFb;EAEQ,wCViFK;EUhFL,cVgFK,EAAA;;AU3ET;EAEI,0BVyEK,EAAA;;AUpET;EAGQ,yBViEC,EAAA;EUpET;IAKQ,qCAAoC,EAAA;;AA3BhD;EAEQ,yBV+DM;EU9DN,cV8DM,EAAA;;AU1Dd;EAEQ,0CVwDM;EUvDN,cVuDM,EAAA;;AUlDV;EAEI,0BVgDM,EAAA;;AU3CV;EAGQ,yBVwCE,EAAA;EU3CV;IAKQ,qCAAoC,EAAA;;AA3BhD;EAEQ,yBV6FK;EU5FL,cV4FK,EAAA;;AUxFb;EAEQ,yCVsFK;EUrFL,cVqFK,EAAA;;AUhFT;EAEI,0BV8EK,EAAA;;AUzET;EAGQ,yBVsEC,EAAA;EUzET;IAKQ,qCAAoC,EAAA;;AA3BhD;EAEQ,yBV+FK;EU9FL,cV8FK,EAAA;;AU1Fb;EAEQ,yCVwFK;EUvFL,cVuFK,EAAA;;AUlFT;EAEI,0BVgFK,EAAA;;AU3ET;EAGQ,yBVwEC,EAAA;EU3ET;IAKQ,qCAAoC,EAAA;;AA3BhD;EAEQ,yBV4FK;EU3FL,cV2FK,EAAA;;AUvFb;EAEQ,yCVqFK;EUpFL,cVoFK,EAAA;;AU/ET;EAEI,0BV6EK,EAAA;;AUxET;EAGQ,yBVqEC,EAAA;EUxET;IAKQ,qCAAoC,EAAA;;AA3BhD;EAEQ,yBV0FK;EUzFL,cVyFK,EAAA;;AUrFb;EAEQ,wCVmFK;EUlFL,cVkFK,EAAA;;AU7ET;EAEI,0BV2EK,EAAA;;AUtET;EAGQ,yBVmEC,EAAA;EUtET;IAKQ,qCAAoC,EAAA;;AA3BhD;EAEQ,yBVyFK;EUxFL,cVwFK,EAAA;;AUpFb;EAEQ,yCVkFK;EUjFL,cViFK,EAAA;;AU5ET;EAEI,0BV0EK,EAAA;;AUrET;EAGQ,yBVkEC,EAAA;EUrET;IAKQ,qCAAoC,EAAA;;AA3BhD;EAEQ,yBV2DM;EU1DN,cV0DM,EAAA;;AUtDd;EAEQ,0CVoDM;EUnDN,cVmDM,EAAA;;AU9CV;EAEI,0BV4CM,EAAA;;AUvCV;EAGQ,yBVoCE,EAAA;EUvCV;IAKQ,qCAAoC,EAAA;;AA3BhD;EAEQ,yBVkEM;EUjEN,cViEM,EAAA;;AU7Dd;EAEQ,uCV2DM;EU1DN,cV0DM,EAAA;;AUrDV;EAEI,0BVmDM,EAAA;;AU9CV;EAGQ,yBV2CE,EAAA;EU9CV;IAKQ,qCAAoC,EAAA;;AA3BhD;EAEQ,sBVyDG;EUxDH,WVwDG,EAAA;;AUpDX;EAEQ,0CVkDG;EUjDH,WViDG,EAAA;;AU5CP;EAEI,uBV0CG,EAAA;;AUrCP;EAGQ,sBVkCD,EAAA;EUrCP;IAKQ,kCAAoC,EAAA;;AA3BhD;EAEQ,yBVwFK;EUvFL,cVuFK,EAAA;;AUnFb;EAEQ,wCViFK;EUhFL,cVgFK,EAAA;;AU3ET;EAEI,0BVyEK,EAAA;;AUpET;EAGQ,yBViEC,EAAA;EUpET;IAKQ,qCAAoC,EAAA;;AASpD;EACI,sBAAsB,EAAA;;AAG1B;EAEQ,cVuBU,EAAA;;AUnBlB;EAIY,2WAA0F,EAAA;;AAJtG;EAQQ,yBVbe;EUcf,6BVbe;EUcf,qBVde,EAAA;EUIvB;IAYY,2WAA+F,EAAA;;AAZ3G;EAgBQ,yBVrBe;EUsBf,6BVrBe;EUsBf,qBVtBe,EAAA;EUIvB;IAoBY,2WAA+F,EAAA;;AApB3G;EAyBQ,yBV9Be,EAAA;EUKvB;IA2BY,2WAA+F,EAAA;EA3B3G;IA8BY,cVfM,EAAA;;AUflB;EAsCgB,yBVMC;EULD,cVKC,EAAA;;AU5CjB;EAsCgB,yBVnBE;EUoBF,cVpBE,EAAA;;AUnBlB;EAsCgB,yBVWC;EUVD,cVUC,EAAA;;AUjDjB;EAsCgB,yBVaC;EUZD,cVYC,EAAA;;AUnDjB;EAsCgB,yBVUC;EUTD,cVSC,EAAA;;AUhDjB;EAsCgB,yBVQC;EUPD,cVOC,EAAA;;AU9CjB;EAsCgB,yBVOC;EUND,cVMC,EAAA;;AU7CjB;EAsCgB,yBVvBE;EUwBF,cVxBE,EAAA;;AUflB;EAsCgB,yBVhBE;EUiBF,cVjBE,EAAA;;AUtBlB;EAsCgB,sBVzBD;EU0BC,WV1BD,EAAA;;AUbf;EAsCgB,yBVMC;EULD,cVKC,EAAA;;AU5CjB;EA8CY,yBVlDW;EUmDX,qBVnDW;EUoDX,cVjCM,EAAA;;AUflB;EAsDY,qBV1DW;EU2DX,cVx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","file":"app-rtl.min.css","sourcesContent":["/*\r\nTemplate Name: webadmin - Admin & Dashboard Template\r\nAuthor: Themesdesign\r\nVersion: 1.0.0\r\nWebsite: https://Themesdesign.com/\r\nContact: Themesdesign@gmail.com\r\nFile: Main Css File\r\n*/\r\n\r\n//Fonts\r\n@import \"custom/fonts/fonts\";\r\n\r\n//Core files\r\n@import \"./node_modules/bootstrap/scss/functions\";\r\n@import \"./node_modules/bootstrap/scss/variables\";\r\n@import \"variables\";\r\n@import \"./node_modules/bootstrap/scss/mixins.scss\";\r\n\r\n// Structure\r\n@import \"custom/structure/general\";\r\n@import \"custom/structure/topbar\";\r\n@import \"custom/structure/page-head\";\r\n@import \"custom/structure/footer\";\r\n@import \"custom/structure/right-sidebar\";\r\n@import \"custom/structure/vertical\";\r\n@import \"custom/structure/horizontal-nav\";\r\n@import \"custom/structure/layouts\";\r\n\r\n// Components\r\n@import \"custom/components/avatar\";\r\n@import \"custom/components/alerts\";\r\n@import \"custom/components/accordion\";\r\n@import \"custom/components/helper\";\r\n@import \"custom/components/preloader\";\r\n@import \"custom/components/modals\";\r\n@import \"custom/components/forms\";\r\n@import \"custom/components/widgets\";\r\n@import \"custom/components/demos\";\r\n@import \"custom/components/print\";\r\n@import \"custom/components/carousel\";\r\n\r\n\r\n// Plugins\r\n@import \"custom/plugins/custom-scrollbar\";\r\n@import \"custom/plugins/calendar\";\r\n@import \"custom/plugins/range-slider\";\r\n@import \"custom/plugins/sweatalert2\";\r\n@import \"custom/plugins/alertify\";\r\n@import 'custom/plugins/swiper-slider';\r\n@import \"custom/plugins/choices\";\r\n@import \"custom/plugins/switch\";\r\n@import \"custom/plugins/gridjs\";\r\n@import \"custom/plugins/colorpicker\";\r\n@import \"custom/plugins/datepicker\";\r\n@import \"custom/plugins/form-editors\";\r\n@import \"custom/plugins/form-upload\";\r\n@import \"custom/plugins/form-wizard\";\r\n@import \"custom/plugins/apexcharts\";\r\n@import \"custom/plugins/echarts\";\r\n@import \"custom/plugins/chartjs\";\r\n@import \"custom/plugins/lightbox\";\r\n@import \"custom/plugins/google-map\";\r\n@import \"custom/plugins/vector-maps\";\r\n@import \"custom/plugins/leaflet-maps\";\r\n\r\n// Pages\r\n@import \"custom/pages/authentication\";\r\n@import \"custom/pages/ecommerce\";\r\n@import \"custom/pages/file-manager\";\r\n@import \"custom/pages/email\";\r\n@import \"custom/pages/chat\";\r\n@import \"custom/pages/contacts\";\r\n@import \"custom/pages/projects\";\r\n@import \"custom/pages/coming-soon\";\r\n@import \"custom/pages/timeline\";\r\n@import \"custom/pages/extras-pages\";\r\n","/*\r\nTemplate Name: webadmin - Admin & Dashboard Template\r\nAuthor: Themesdesign\r\nVersion: 1.0.0\r\nWebsite: https://Themesdesign.com/\r\nContact: Themesdesign@gmail.com\r\nFile: Main Css File\r\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\");\nbody[data-layout-mode=\"dark\"] {\n background-color: #1f2224 !important;\n color: #b0b6bc; }\n body[data-layout-mode=\"dark\"] .h1, body[data-layout-mode=\"dark\"] .h2, body[data-layout-mode=\"dark\"] .h3, body[data-layout-mode=\"dark\"] .h4, body[data-layout-mode=\"dark\"] .h5, body[data-layout-mode=\"dark\"] .h6,\n body[data-layout-mode=\"dark\"] h1, body[data-layout-mode=\"dark\"] h2, body[data-layout-mode=\"dark\"] h3, body[data-layout-mode=\"dark\"] h4, body[data-layout-mode=\"dark\"] h5, body[data-layout-mode=\"dark\"] h6 {\n color: #eeeff1; }\n\n.ishorizontal-topbar, .isvertical-topbar {\n position: fixed;\n top: 0;\n right: 0;\n left: 270px;\n z-index: 1005;\n background-color: #f8f9fb;\n transition: all 0.2s; }\n @media (max-width: 991.98px) {\n .ishorizontal-topbar, .isvertical-topbar {\n background-color: #f8f9fb; } }\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 .navbar-header .dropdown .header-item.show {\n color: #1f58c7; }\n .navbar-header .navbar-brand-box {\n display: none; }\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.navbar-brand-box {\n padding: 0 1.5rem;\n width: calc(270px - 2px);\n position: fixed;\n z-index: 1;\n background-color: #ffffff;\n transition: all 0.2s; }\n\n.logo {\n line-height: 75px; }\n .logo .logo-sm {\n display: none; }\n\n.logo-dark {\n display: block; }\n\n.logo-light {\n display: none; }\n\n/* Search */\n.app-search {\n padding: calc(31px / 2) 0; }\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: .6rem;\n width: 320px; }\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.megamenu-list li {\n position: relative;\n padding: 5px 0px; }\n .megamenu-list li a {\n color: #545965; }\n\n@media (max-width: 991.98px) {\n .navbar-brand-box {\n width: auto; }\n .ishorizontal-topbar, .isvertical-topbar {\n left: 0; }\n .ishorizontal-topbar .navbar-header .navbar-brand-box, .isvertical-topbar .navbar-header .navbar-brand-box {\n display: inline-block;\n position: relative;\n background-color: #f8f9fb; }\n .ishorizontal-topbar .navbar-header .vertical-menu-btn, .isvertical-topbar .navbar-header .vertical-menu-btn {\n display: inline-block !important; }\n .logo span.logo-lg {\n display: none; }\n .logo span.logo-sm {\n display: inline-block; }\n [data-layout-mode=\"dark\"] .ishorizontal-topbar .navbar-header .navbar-brand-box, [data-layout-mode=\"dark\"] .isvertical-topbar .navbar-header .navbar-brand-box {\n background-color: #131516; } }\n\n.page-content {\n padding: 75px calc(24px / 2) 60px calc(24px / 2); }\n .page-content .container-fluid {\n max-width: 98%; }\n\n.header-item {\n height: 75px;\n box-shadow: none !important;\n fill: #555b6d;\n border: 0;\n border-radius: 0px; }\n .header-item:hover {\n fill: #555b6d; }\n\n.header-profile-user {\n height: 42px;\n width: 42px;\n border: 1px solid #e9ebed;\n padding: 3px; }\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: #545965; }\n\n.user .user-sub-title {\n color: #a4a9b4;\n font-size: 11px;\n font-weight: 600; }\n\n.noti-icon {\n position: relative; }\n .noti-icon i {\n font-size: 24px;\n color: #555b6d; }\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 .noti-icon .badge {\n position: absolute;\n top: 12px;\n right: 6px;\n border: 2px solid #f8f9fb; }\n\n.notification-item .d-flex {\n padding: 1rem;\n border-bottom: 1px solid #eff0f2; }\n .notification-item .d-flex:hover {\n background-color: #f8f9fa; }\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 .dropdown-icon-item img {\n height: 24px; }\n .dropdown-icon-item span {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n .dropdown-icon-item:hover {\n border-color: #f5f6f8; }\n\n.fullscreen-enable [data-toggle=\"fullscreen\"] .uil-minus-path::before {\n content: '\\eb8d'; }\n\nbody[data-topbar=\"dark\"] .ishorizontal-topbar, body[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 body[data-topbar=\"dark\"] .header-item i {\n color: #c0c5cb; }\n body[data-topbar=\"dark\"] .header-item span {\n color: #c0c5cb; }\n body[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: #1f2224;\n color: #fff;\n border: 1px solid #282c2e;\n box-shadow: 0 2px 3px #161819; }\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, body[data-topbar=\"dark\"] .isvertical-topbar .navbar-header .navbar-brand-box {\n background-color: #131516; }\n body[data-topbar=\"dark\"] .ishorizontal-topbar .navbar-header .navbar-brand-box .logo-dark, body[data-topbar=\"dark\"] .isvertical-topbar .navbar-header .navbar-brand-box .logo-dark {\n display: none; }\n body[data-topbar=\"dark\"] .ishorizontal-topbar .navbar-header .navbar-brand-box .logo-light, body[data-topbar=\"dark\"] .isvertical-topbar .navbar-header .navbar-brand-box .logo-light {\n display: block; }\n body[data-topbar=\"dark\"] .logo span.logo-lg {\n display: none; }\n body[data-topbar=\"dark\"] .logo span.logo-sm {\n display: inline-block; }\n body[data-topbar=\"dark\"] .noti-icon .noti-dot {\n box-shadow: 0 0 0 3px #131516; } }\n\nbody[data-sidebar=\"dark\"] .navbar-brand-box {\n background: #1f2224; }\n body[data-sidebar=\"dark\"] .navbar-brand-box .logo-dark {\n display: none; }\n body[data-sidebar=\"dark\"] .navbar-brand-box .logo-light {\n display: block; }\n\n@media (max-width: 600px) {\n .navbar-header .dropdown {\n position: static; }\n .navbar-header .dropdown .dropdown-menu {\n left: 10px !important;\n right: 10px !important;\n transform: translate3d(0px, 75px, 0px) !important; } }\n\n@media (max-width: 380px) {\n .navbar-brand-box {\n display: none; } }\n\n@media (max-width: 374.99px) {\n .navbar-brand-box {\n padding: 0 1rem; }\n .language-switch {\n display: none !important; } }\n\nbody[data-layout-mode=\"dark\"] .ishorizontal-topbar, body[data-layout-mode=\"dark\"] .isvertical-topbar {\n background-color: #131516; }\n\nbody[data-layout-mode=\"dark\"] .header-item {\n fill: #c0c5cb; }\n body[data-layout-mode=\"dark\"] .header-item i {\n color: #c0c5cb; }\n body[data-layout-mode=\"dark\"] .header-item span {\n color: #c0c5cb; }\n body[data-layout-mode=\"dark\"] .header-item:hover {\n fill: #c0c5cb; }\n\nbody[data-layout-mode=\"dark\"] .dropdown-icon-item {\n color: #d8dbdd; }\n body[data-layout-mode=\"dark\"] .dropdown-icon-item:hover {\n border-color: #282c2e; }\n\nbody[data-layout-mode=\"dark\"] .noti-icon .noti-dot {\n box-shadow: 0 0 0 3px #131516; }\n\nbody[data-layout-mode=\"dark\"] .notification-item .d-flex {\n border-color: #2d3133; }\n body[data-layout-mode=\"dark\"] .notification-item .d-flex:hover {\n background-color: #2d3234; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .page-content {\n padding: calc(75px + 24px) calc(24px / 2) 60px calc(24px / 2); }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .ishorizontal-topbar, body[data-layout-mode=\"dark\"][data-topbar=\"light\"] .isvertical-topbar {\n background-color: #f8f9fb !important; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .app-search {\n padding: calc(31px / 2) 0; }\n body[data-layout-mode=\"dark\"][data-topbar=\"light\"] .app-search .form-control {\n border: 2px solid #eff0f2;\n background-color: #fff; }\n body[data-layout-mode=\"dark\"][data-topbar=\"light\"] .app-search span {\n color: #7d8287; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .noti-icon i {\n color: #555b6d; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .noti-icon .noti-dot {\n color: #fff;\n box-shadow: 0 0 0 3px #f8f9fb !important; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .noti-icon .badge {\n border: 2px solid #f8f9fb; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .header-item {\n fill: #555b6d; }\n body[data-layout-mode=\"dark\"][data-topbar=\"light\"] .header-item span {\n color: #555b6d; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"dark\"] .page-content {\n padding: 75px calc(24px / 2) 60px calc(24px / 2); }\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.page-title-box {\n padding: 0 0.75rem; }\n .page-title-box .breadcrumb {\n background-color: transparent;\n padding: 0; }\n .page-title-box h4 {\n font-size: 21px !important; }\n @media (max-width: 575.98px) {\n .page-title-box .page-title-right {\n display: none; } }\n\n.page-title {\n font-size: 20px;\n margin: 0; }\n\nbody[data-topbar=\"dark\"] .breadcrumb-item > a {\n color: #eeeff1; }\n\nbody[data-topbar=\"dark\"] .breadcrumb-item.active {\n color: #b0b6bc; }\n\nbody[data-topbar=\"dark\"] .page-title {\n color: #eeeff1; }\n\nbody[data-layout-mode=\"dark\"] .page-title {\n color: #eeeff1; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .noti-icon .noti-dot {\n box-shadow: 0 0 0 3px #f8f9fb; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .page-title {\n color: #555b6d; }\n\n.footer {\n bottom: 0;\n padding: 20px calc(24px / 2);\n position: absolute;\n right: 0;\n color: #74788d;\n left: 270px;\n height: 60px;\n background-color: #fff;\n border-top: 1px solid #eff0f2;\n box-shadow: 0 0px 6px #ebeef4; }\n .footer .container-fluid {\n width: 98%; }\n\n@media (max-width: 992px) {\n .footer {\n left: 0; } }\n\nbody[data-sidebar-size=\"sm\"] .footer {\n left: 70px; }\n\nbody[data-layout=\"horizontal\"] .footer {\n left: 0 !important; }\n\nbody[data-layout-mode=\"dark\"] .footer {\n background-color: #1f2224;\n box-shadow: 0 0px 4px rgba(238, 239, 241, 0.12);\n color: #b0b6bc;\n border-color: #282c2f; }\n\n.right-bar {\n background-color: #fff;\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 .right-bar .right-bar-toggle-close {\n background-color: #425170;\n height: 24px;\n width: 24px;\n line-height: 24px;\n color: #f5f6f8;\n text-align: center;\n border-radius: 50%; }\n .right-bar .right-bar-toggle-close:hover {\n background-color: #48587a; }\n\n.rightbar-overlay {\n background-color: rgba(53, 65, 90, 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.right-bar-enabled .right-bar {\n right: 0; }\n\n.right-bar-enabled .rightbar-overlay {\n display: block; }\n\n@media (max-width: 575.98px) {\n .right-bar {\n overflow: auto; }\n .right-bar .slimscroll-menu {\n height: auto !important; } }\n\nbody[data-layout-mode=\"dark\"] .right-bar {\n background-color: #1f2224; }\n\n.metismenu {\n margin: 0; }\n .metismenu li {\n display: block;\n width: 100%; }\n .metismenu .disabled a {\n filter: grayscale(80%);\n opacity: .8;\n cursor: not-allowed; }\n .metismenu .mm-collapse {\n display: none; }\n .metismenu .mm-collapse:not(.mm-show) {\n display: none; }\n .metismenu .mm-collapse.mm-show {\n display: block; }\n .metismenu .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.vertical-menu {\n width: 270px;\n z-index: 1005;\n background: #ffffff;\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 #eff0f2;\n transition: all 0.2s; }\n .vertical-menu .vertical-menu-btn {\n position: absolute;\n right: 0;\n top: 0;\n z-index: 2; }\n\n.main-content {\n margin-left: 270px; }\n .main-content .content {\n padding: 0 15px 10px 15px;\n margin-top: 75px; }\n\n.sidebar-menu-scroll {\n height: calc(100% - calc(75px + 26px));\n margin-top: 75px; }\n\n#sidebar-menu {\n padding: 0px 0 30px 0; }\n #sidebar-menu .mm-active > .has-arrow:after {\n transform: rotate(-180deg);\n content: \"\\F0374\"; }\n #sidebar-menu .has-arrow: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 #sidebar-menu .has-arrow + ul .has-arrow:after {\n right: 20px;\n top: 10px; }\n #sidebar-menu .metismenu .menu-title::after {\n display: none; }\n #sidebar-menu .metismenu .menu-item {\n margin-left: 15px; }\n #sidebar-menu ul li a {\n display: flex;\n padding: .8rem 1rem;\n border-radius: 12px;\n color: #7b8190;\n position: relative;\n font-weight: 500;\n transition: all .4s;\n font-size: 14px;\n margin: 0 15px;\n font-family: \"Montserrat\", sans-serif;\n align-items: center; }\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: #7b8190;\n transition: all 0.3s;\n top: -1px;\n font-size: 1.3rem;\n line-height: 1.40625rem; }\n #sidebar-menu ul li a:hover {\n color: #383c40;\n margin-left: 20px; }\n #sidebar-menu ul li a:hover .nav-icon {\n fill: #383c40; }\n #sidebar-menu ul li .badge {\n margin-left: auto; }\n #sidebar-menu ul li ul.sub-menu {\n position: relative; }\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: #eaecf1; }\n #sidebar-menu ul li ul.sub-menu li a {\n padding: .8rem 1.5rem .5rem 1.5rem; }\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 #eaecf1 transparent;\n top: 14px;\n transition: all .4s ease-in-out; }\n #sidebar-menu ul li ul.sub-menu li a:hover {\n color: #383c40; }\n #sidebar-menu ul li ul.sub-menu li a:hover:before {\n border-color: transparent transparent #2e3032 transparent; }\n #sidebar-menu ul li ul.sub-menu li ul.sub-menu {\n padding: 0; }\n #sidebar-menu ul li ul.sub-menu li ul.sub-menu li a {\n padding: .4rem 1.5rem .4rem 3.5rem; }\n #sidebar-menu ul li ul.sub-menu li ul.sub-menu li a:before {\n left: 25px;\n top: 8px; }\n #sidebar-menu ul li.mm-active {\n color: #2e3032; }\n #sidebar-menu ul li.mm-active > a {\n background-color: #f3f5f9;\n color: #2e3032; }\n #sidebar-menu ul li.mm-active > a .nav-icon {\n fill: #2e3032 !important; }\n #sidebar-menu ul li.mm-active .mm-show .mm-active > a {\n color: #2e3032 !important;\n background: transparent; }\n #sidebar-menu ul li.mm-active .mm-show .mm-active > a:before {\n border-color: transparent transparent #2e3032 transparent; }\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: #7b8190;\n font-weight: 600;\n opacity: 0.6; }\n\n@media (max-width: 991.98px) {\n .vertical-menu {\n display: none;\n top: 75px; }\n .vertical-menu .sidebar-menu-scroll {\n height: 100%;\n margin-top: 0; }\n .vertical-menu .navbar-brand-box,\n .vertical-menu .vertical-menu-btn {\n display: none; }\n .main-content {\n margin-left: 0 !important; }\n body.sidebar-enable .vertical-menu {\n display: block; } }\n\n@media (min-width: 769px) {\n body[data-sidebar-size=\"sm\"] {\n min-height: 1200px; } }\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 @media (max-width: 991.98px) {\n body[data-sidebar-size=\"sm\"] #page-topbar {\n left: 0; } }\n\nbody[data-sidebar-size=\"sm\"] .vertical-menu {\n position: absolute;\n width: 70px !important;\n z-index: 1005; }\n body[data-sidebar-size=\"sm\"] .vertical-menu::before {\n position: fixed;\n left: 70px;\n top: 0; }\n body[data-sidebar-size=\"sm\"] .vertical-menu .simplebar-mask,\n body[data-sidebar-size=\"sm\"] .vertical-menu .simplebar-content-wrapper {\n overflow: visible !important; }\n body[data-sidebar-size=\"sm\"] .vertical-menu .simplebar-scrollbar,\n body[data-sidebar-size=\"sm\"] .vertical-menu .vertical-menu-btn {\n display: none !important; }\n body[data-sidebar-size=\"sm\"] .vertical-menu .simplebar-offset {\n bottom: 0 !important; }\n body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu .menu-title,\n body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu .badge {\n display: none !important; }\n body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu .nav.collapse {\n height: inherit !important; }\n body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu .has-arrow:after {\n transform: rotate(-90deg); }\n body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li {\n position: relative;\n white-space: nowrap; }\n body[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 body[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: #383c40; }\n body[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 body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li > a span {\n display: none;\n padding-left: 25px; }\n body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li > a.has-arrow:after {\n display: none; }\n body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li > a .nav-icon {\n top: -2px;\n width: 20px;\n height: 20px; }\n body[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: #f3f5f9;\n transition: none;\n box-shadow: inset 0 3px 10px 0 rgba(154, 161, 171, 0.1); }\n body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a .nav-icon {\n fill: #1f58c7; }\n body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a span {\n display: inline; }\n body[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 border: 1px solid #eff0f2; }\n body[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 #eff0f2; }\n body[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: #7b8190; }\n body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n color: #383c40; }\n body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul ul {\n padding: 5px 0;\n z-index: 9999;\n display: none;\n background-color: #ffffff; }\n body[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 body[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 body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul ul li.active a {\n color: #f8f9fa; }\n body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu ul li ul.sub-menu:before {\n display: none; }\n body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu ul li ul.sub-menu li a:before {\n display: none; }\n body[data-sidebar-size=\"sm\"] .vertical-menu .sidebar-footer {\n display: none; }\n\n.main-content {\n min-height: 100vh;\n background-color: #f8f9fb; }\n\nbody[data-layout-mode=\"dark\"] #page-topbar {\n background-color: #131516;\n box-shadow: none; }\n\nbody[data-layout-mode=\"dark\"][data-sidebar=\"dark\"] #sidebar-menu ul li a {\n color: #7e8388; }\n body[data-layout-mode=\"dark\"][data-sidebar=\"dark\"] #sidebar-menu ul li a .nav-icon {\n fill: #7e8388; }\n body[data-layout-mode=\"dark\"][data-sidebar=\"dark\"] #sidebar-menu ul li a:hover {\n color: #eeeff1; }\n body[data-layout-mode=\"dark\"][data-sidebar=\"dark\"] #sidebar-menu ul li a:hover .nav-icon {\n fill: #eeeff1; }\n\nbody[data-layout-mode=\"dark\"][data-sidebar=\"dark\"] #sidebar-menu ul li ul.sub-menu:before {\n background: #505356; }\n\nbody[data-layout-mode=\"dark\"][data-sidebar=\"dark\"] #sidebar-menu ul li ul.sub-menu li a {\n color: #7e8388; }\n body[data-layout-mode=\"dark\"][data-sidebar=\"dark\"] #sidebar-menu ul li ul.sub-menu li a:before {\n border-color: transparent transparent #505356 transparent; }\n body[data-layout-mode=\"dark\"][data-sidebar=\"dark\"] #sidebar-menu ul li ul.sub-menu li a:hover {\n color: #eeeff1; }\n body[data-layout-mode=\"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-layout-mode=\"dark\"][data-sidebar=\"dark\"] #sidebar-menu ul li.mm-active {\n color: #eeeff1 !important; }\n body[data-layout-mode=\"dark\"][data-sidebar=\"dark\"] #sidebar-menu ul li.mm-active > a {\n background-color: #30343a;\n color: #eeeff1 !important; }\n body[data-layout-mode=\"dark\"][data-sidebar=\"dark\"] #sidebar-menu ul li.mm-active > a::before {\n background-color: #eeeff1; }\n body[data-layout-mode=\"dark\"][data-sidebar=\"dark\"] #sidebar-menu ul li.mm-active > a .nav-icon {\n fill: #eeeff1 !important; }\n body[data-layout-mode=\"dark\"][data-sidebar=\"dark\"] #sidebar-menu ul li.mm-active .mm-show .mm-active > a {\n color: #eeeff1 !important;\n background: transparent; }\n body[data-layout-mode=\"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-layout-mode=\"dark\"][data-sidebar=\"dark\"] .sidebar-footer {\n color: #7e8388; }\n body[data-layout-mode=\"dark\"][data-sidebar=\"dark\"] .sidebar-footer .main-title {\n color: rgba(255, 255, 255, 0.6); }\n\nbody[data-layout-mode=\"dark\"][data-sidebar=\"dark\"][data-sidebar-size=\"md\"][data-sidebar=\"dark\"] #sidebar-menu ul li.menu-title {\n background-color: #2d3234; }\n\nbody[data-layout-mode=\"dark\"][data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a {\n background: #262a2c;\n color: #eeeff1; }\n body[data-layout-mode=\"dark\"][data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a .nav-icon {\n fill: #eeeff1; }\n\nbody[data-layout-mode=\"dark\"][data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > ul a {\n color: #7e8388; }\n body[data-layout-mode=\"dark\"][data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n color: #eeeff1; }\n\nbody[data-layout-mode=\"dark\"][data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul ul {\n background-color: #1f2224;\n border-color: #282c2f; }\n\nbody[data-layout-mode=\"dark\"][data-sidebar=\"dark\"] .menu-title {\n color: #7e8388; }\n\nbody[data-layout-mode=\"dark\"] .main-content {\n background-color: #131516; }\n\nbody[data-sidebar=\"dark\"] .vertical-menu {\n background: #1f2224;\n border-color: #1f2224; }\n body[data-sidebar=\"dark\"] .vertical-menu .vertical-menu-btn {\n fill: #c0c5cb;\n color: #c0c5cb; }\n body[data-sidebar=\"dark\"] .vertical-menu::before {\n background-color: #1f2224; }\n\nbody[data-sidebar=\"dark\"] #sidebar-menu ul li a {\n color: #7e8388; }\n body[data-sidebar=\"dark\"] #sidebar-menu ul li a .nav-icon {\n fill: #525363; }\n body[data-sidebar=\"dark\"] #sidebar-menu ul li a:hover {\n color: #ffffff; }\n body[data-sidebar=\"dark\"] #sidebar-menu ul li a:hover .nav-icon {\n fill: #ffffff; }\n\nbody[data-sidebar=\"dark\"] #sidebar-menu ul li ul.sub-menu:before {\n background: #505356; }\n\nbody[data-sidebar=\"dark\"] #sidebar-menu ul li ul.sub-menu li a {\n color: #7e8388;\n background-color: transparent; }\n body[data-sidebar=\"dark\"] #sidebar-menu ul li ul.sub-menu li a:before {\n border-color: transparent transparent #505356 transparent; }\n body[data-sidebar=\"dark\"] #sidebar-menu ul li ul.sub-menu li a:hover {\n color: #eeeff1; }\n body[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: #ffffff !important; }\n body[data-sidebar=\"dark\"] #sidebar-menu ul li.mm-active > a {\n background-color: #30343a;\n color: #ffffff !important; }\n body[data-sidebar=\"dark\"] #sidebar-menu ul li.mm-active > a::before {\n background-color: #ffffff; }\n body[data-sidebar=\"dark\"] #sidebar-menu ul li.mm-active > a .nav-icon {\n fill: #ffffff !important; }\n body[data-sidebar=\"dark\"] #sidebar-menu ul li.mm-active .mm-show .mm-active > a {\n color: #ffffff !important; }\n body[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: #7e8388; }\n body[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 body[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .main-content {\n min-height: 1570px; }\n body[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a {\n background: #262a2c;\n color: #ffffff; }\n body[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a .nav-icon {\n fill: #ffffff; }\n body[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > ul a {\n color: #7e8388; }\n body[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n color: #ffffff; }\n body[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul ul {\n background-color: #1f2224;\n border-color: #282c2f !important; }\n body[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu .sidebar-footer {\n display: none; }\n\nbody[data-sidebar=\"dark\"] .menu-title {\n color: #7e8388; }\n\nbody[data-layout-mode=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a {\n background: #262a2c; }\n\nbody[data-layout-mode=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul ul {\n background-color: #262a2c; }\n\nbody[data-layout-mode=\"dark\"] .navbar-brand-box {\n background: #1f2224; }\n\nbody[data-layout-mode=\"dark\"] .vertical-menu {\n background: #1f2224;\n border-color: #282c2f; }\n body[data-layout-mode=\"dark\"] .vertical-menu::before {\n background-color: #1f2224; }\n\nbody[data-layout=\"horizontal\"] .main-content {\n margin-left: 0 !important; }\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 @media (max-width: 991.98px) {\n body[data-sidebar-size=\"md\"] .navbar-brand-box {\n width: auto; } }\n\nbody[data-sidebar-size=\"md\"] .vertical-menu {\n width: 160px;\n text-align: center; }\n body[data-sidebar-size=\"md\"] .vertical-menu .has-arrow:after,\n body[data-sidebar-size=\"md\"] .vertical-menu .badge {\n display: none !important; }\n body[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 @media (max-width: 991.98px) {\n body[data-sidebar-size=\"md\"] #page-topbar, body[data-sidebar-size=\"md\"] .footer {\n left: 0; } }\n\nbody[data-sidebar-size=\"md\"] #sidebar-menu ul li.menu-title {\n background-color: #fafafa; }\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: .75rem 1.1rem;\n display: block;\n margin: 0 10px; }\n body[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 body[data-sidebar-size=\"md\"] #sidebar-menu ul li ul.sub-menu:before {\n display: none; }\n body[data-sidebar-size=\"md\"] #sidebar-menu ul li ul.sub-menu li a {\n padding-left: 1.5rem; }\n body[data-sidebar-size=\"md\"] #sidebar-menu ul li ul.sub-menu li a:before {\n display: none; }\n\nbody[data-sidebar-size=\"md\"][data-sidebar=\"dark\"] #sidebar-menu ul li.menu-title {\n background-color: #2d3234; }\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 body[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\nbody[data-sidebar=\"light\"] .vertical-menu {\n background: #ffffff;\n border-right: 1px solid #eff0f2; }\n\nbody[data-sidebar=\"light\"] .navbar-brand-box {\n background-color: #ffffff; }\n\nbody[data-sidebar=\"light\"] .logo {\n line-height: 75px; }\n body[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: #35415a !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: #383c40; }\n\nbody[data-sidebar=\"light\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a {\n color: #1f58c7;\n background-color: #f3f5f9; }\n body[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: #7b8190; }\n body[data-sidebar=\"light\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n color: #383c40; }\n\nbody[data-sidebar=\"light\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul ul {\n background-color: #ffffff; }\n body[data-sidebar=\"light\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul ul li.active a {\n color: #f8f9fa; }\n\nbody[data-sidebar=\"brand\"] .vertical-menu {\n background-color: #1f58c7;\n border-color: #1f58c7; }\n body[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 body[data-sidebar=\"brand\"] .navbar-brand-box .logo-dark {\n display: none; }\n body[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 body[data-sidebar=\"brand\"] #sidebar-menu ul li a .nav-icon {\n fill: rgba(255, 255, 255, 0.7); }\n body[data-sidebar=\"brand\"] #sidebar-menu ul li a:hover {\n color: #fff; }\n body[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 body[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 body[data-sidebar=\"brand\"] #sidebar-menu ul li ul.sub-menu li a:hover {\n color: #eeeff1; }\n body[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 body[data-sidebar=\"brand\"] #sidebar-menu ul li.mm-active > a {\n background: rgba(255, 255, 255, 0.2);\n color: #fff !important; }\n body[data-sidebar=\"brand\"] #sidebar-menu ul li.mm-active > a::before {\n background-color: #ffffff; }\n body[data-sidebar=\"brand\"] #sidebar-menu ul li.mm-active > a .nav-icon {\n fill: #fff !important; }\n body[data-sidebar=\"brand\"] #sidebar-menu ul li.mm-active .mm-show .mm-active > a {\n color: #fff !important; }\n body[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 body[data-sidebar=\"brand\"][data-topbar=\"light\"] .navbar-brand-box .logo-dark {\n display: none; }\n body[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 body[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: #2e3032 !important; }\n\nbody[data-sidebar=\"brand\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu ul li ul.sub-menu li a:hover {\n color: #2e3032; }\n\nbody[data-sidebar=\"brand\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active {\n color: #2e3032 !important; }\n body[data-sidebar=\"brand\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active > a {\n color: #2e3032 !important; }\n body[data-sidebar=\"brand\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active > a i {\n color: #2e3032 !important; }\n\nbody[data-sidebar=\"brand\"][data-sidebar-size=\"sm\"] .vertical-menu .sidebar-footer {\n display: none; }\n\nbody[data-layout-mode=\"bordered\"] .app-search .form-control {\n box-shadow: none; }\n\nbody[data-layout-mode=\"bordered\"] .vertical-menu {\n box-shadow: none; }\n\nbody[data-layout-mode=\"bordered\"] .footer {\n box-shadow: none; }\n\n.ishorizontal-topbar {\n display: none; }\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: #f8f9fb; }\n\nbody[data-layout=\"horizontal\"] .noti-dot {\n box-shadow: 0 0 0 3px #f8f9fb; }\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 @media (min-width: 992px) {\n body[data-layout=\"horizontal\"] .navbar-brand-box {\n padding-left: 0;\n margin-right: 10px; } }\n\nbody[data-layout=\"horizontal\"] .page-content {\n margin-top: 75px;\n padding: calc(60px + 24px) calc(24px / 2) 60px calc(24px / 2); }\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@media (min-width: 992px) {\n body[data-layout=\"horizontal\"] .navbar-header {\n padding-left: 24px;\n padding-right: 24px; } }\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.topnav {\n background: #f8f9fb;\n padding: 0 calc(24px / 2);\n z-index: 100;\n border-top: 1px solid #eff0f2;\n border-bottom: 1px solid #eff0f2;\n box-shadow: 0 0px 6px #ebeef4; }\n @media (min-width: 992px) {\n .topnav {\n background: #fff; } }\n .topnav .topnav-menu {\n margin: 0;\n padding: 0; }\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 .topnav .navbar-nav .nav-link i {\n font-size: 1.2rem;\n margin-right: 5px;\n vertical-align: middle; }\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 .topnav .navbar-nav .nav-link:focus, .topnav .navbar-nav .nav-link:hover {\n color: #1f58c7;\n background-color: transparent; }\n .topnav .navbar-nav .nav-link:focus svg, .topnav .navbar-nav .nav-link:hover svg {\n fill: #1f58c7; }\n .topnav .navbar-nav .dropdown-item {\n color: #7b8190;\n background: transparent;\n font-weight: 500;\n font-size: 14px;\n transition: all .4s;\n font-family: \"Montserrat\", sans-serif; }\n .topnav .navbar-nav .dropdown-item:hover {\n color: #1f58c7;\n margin-left: 5px; }\n .topnav .navbar-nav .dropdown-item.active {\n color: #1f58c7; }\n .topnav .navbar-nav .nav-item .nav-link.active {\n color: #1f58c7; }\n .topnav .navbar-nav .nav-item .nav-link.active svg {\n color: #1f58c7; }\n .topnav .navbar-nav .dropdown.active > a {\n color: #1f58c7;\n background-color: transparent; }\n .topnav .navbar-nav .dropdown.active > a svg {\n fill: #1f58c7; }\n .topnav .navbar-nav .dropdown .dropdown.active > a {\n color: #1f58c7; }\n .topnav .menu-title {\n padding: 12px 24px !important; }\n @media (max-width: 991.98px) {\n .topnav .menu-title {\n padding: 12px 16px !important; } }\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@media (min-width: 992px) {\n .topnav .navbar-nav .nav-item:first-of-type .nav-link {\n padding-left: 0; }\n .topnav .dropdown-item {\n padding: .5rem 1.5rem;\n min-width: 180px; }\n .topnav .dropdown.mega-dropdown .mega-dropdown-menu {\n left: 0px;\n right: auto; }\n .topnav .dropdown .dropdown-menu {\n margin-top: 0;\n border-radius: 0 0 0.6rem 0.6rem; }\n .topnav .dropdown .dropdown-menu .arrow-down::after {\n right: 15px;\n transform: rotate(-135deg) translateY(-50%);\n position: absolute; }\n .topnav .dropdown .dropdown-menu .dropdown .dropdown-menu {\n position: absolute;\n top: 0 !important;\n left: 100%;\n display: none; }\n .topnav .dropdown:hover > .dropdown-menu {\n display: block; }\n .topnav .dropdown:hover > .dropdown-menu > .dropdown:hover > .dropdown-menu {\n display: block; }\n .navbar-toggle {\n display: none; } }\n\n.arrow-down {\n display: inline-block; }\n .arrow-down: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@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@media (max-width: 991.98px) {\n .navbar-brand-box .logo-dark {\n display: block; }\n .navbar-brand-box .logo-dark span.logo-sm {\n display: block; }\n .navbar-brand-box .logo-light {\n display: none; }\n .topnav {\n max-height: 360px;\n overflow-y: auto;\n padding: 0; }\n .topnav .navbar-nav .nav-link {\n padding: 0.75rem 1.1rem; }\n .topnav .dropdown .dropdown-menu {\n background-color: transparent;\n border: none;\n box-shadow: none;\n padding-left: 20px; }\n .topnav .dropdown .dropdown-menu.dropdown-mega-menu-xl {\n width: auto; }\n .topnav .dropdown .dropdown-menu.dropdown-mega-menu-xl .row {\n margin: 0px; }\n .topnav .dropdown .dropdown-item {\n position: relative;\n background-color: transparent; }\n .topnav .dropdown .dropdown-item:hover {\n margin-left: 0; }\n .topnav .dropdown .dropdown-item.active, .topnav .dropdown .dropdown-item:active {\n color: #1f58c7;\n margin-left: 0; }\n .topnav .arrow-down::after {\n right: 15px;\n position: absolute; } }\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 @media (max-width: 991.98px) {\n body[data-layout=\"horizontal\"][data-topbar=\"dark\"] .page-content {\n margin-top: 24px; } }\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 body[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: rgba(255, 255, 255, 0.1); }\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 body[data-layout=\"horizontal\"][data-topbar=\"colored\"] .topnav .navbar-nav .nav-link {\n color: rgba(255, 255, 255, 0.6); }\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 body[data-layout=\"horizontal\"][data-topbar=\"colored\"] .topnav .navbar-nav > .dropdown.active > a {\n color: rgba(255, 255, 255, 0.9) !important; } }\n\nbody[data-layout-mode=\"dark\"][data-layout=\"horizontal\"] .ishorizontal-topbar {\n background-color: #131516; }\n\nbody[data-layout-mode=\"dark\"][data-layout=\"horizontal\"] .noti-icon .noti-dot {\n box-shadow: 0 0 0 3px #1f2224; }\n\nbody[data-layout-mode=\"dark\"][data-layout=\"horizontal\"][data-topbar=\"light\"] .page-content {\n padding: calc(60px + 24px) calc(24px / 2) 60px calc(24px / 2); }\n\nbody[data-layout-mode=\"dark\"][data-layout=\"horizontal\"][data-topbar=\"light\"] .logo-dark {\n display: block; }\n\nbody[data-layout-mode=\"dark\"][data-layout=\"horizontal\"][data-topbar=\"light\"] .logo-light {\n display: none; }\n\nbody[data-layout-mode=\"dark\"] .topnav {\n background-color: #1a1d1e;\n border-color: #282c2e;\n box-shadow: 0 2px 3px #161819; }\n body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-link {\n color: #7e8388; }\n body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-link svg {\n fill: #7e8388; }\n body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-link:focus, body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-link:hover {\n color: #eeeff1;\n background-color: transparent; }\n body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-link:focus svg, body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-link:hover svg {\n fill: #eeeff1; }\n body[data-layout-mode=\"dark\"] .topnav .navbar-nav .dropdown-item {\n color: #7e8388;\n background-color: transparent; }\n body[data-layout-mode=\"dark\"] .topnav .navbar-nav .dropdown-item.active, body[data-layout-mode=\"dark\"] .topnav .navbar-nav .dropdown-item:hover {\n color: #eeeff1; }\n body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-item .nav-link.active {\n color: #eeeff1; }\n body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-item .nav-link.active svg {\n color: #eeeff1; }\n body[data-layout-mode=\"dark\"] .topnav .navbar-nav .dropdown.active > a {\n color: #eeeff1;\n background-color: transparent; }\n body[data-layout-mode=\"dark\"] .topnav .navbar-nav .dropdown.active > a svg {\n fill: #eeeff1; }\n body[data-layout-mode=\"dark\"] .topnav .menu-title {\n color: rgba(126, 131, 136, 0.6); }\n\nbody[data-layout-mode=\"bordered\"] .topnav {\n box-shadow: none; }\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 @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\nbody[data-layout-size=\"boxed\"] {\n background-color: #f4f4f7; }\n body[data-layout-size=\"boxed\"] #layout-wrapper {\n background-color: #f8f9fb;\n max-width: 1500px;\n margin: 0 auto;\n box-shadow: 0 0px 6px #ebeef4; }\n body[data-layout-size=\"boxed\"] #page-topbar {\n max-width: calc(1500px - 270px);\n margin: 0 auto; }\n body[data-layout-size=\"boxed\"] .footer {\n margin: 0 auto;\n max-width: calc(1500px - 270px); }\n body[data-layout-size=\"boxed\"][data-sidebar-size=\"sm\"] #page-topbar {\n max-width: calc(1500px - 70px); }\n body[data-layout-size=\"boxed\"][data-sidebar-size=\"sm\"] .footer {\n max-width: calc(1500px - 70px); }\n @media (min-width: 769px) {\n body[data-layout-size=\"boxed\"][data-sidebar-size=\"sm\"] .main-content {\n min-height: 1850px; } }\n body[data-layout-size=\"boxed\"][data-sidebar-size=\"md\"] #page-topbar {\n max-width: calc(1500px - 160px); }\n body[data-layout-size=\"boxed\"][data-sidebar-size=\"md\"] .footer {\n max-width: calc(1500px - 160px); }\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@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 body[data-layout-scrollable=\"true\"] .navbar-brand-box {\n position: absolute; } }\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 body[data-layout-scrollable=\"true\"][data-layout=\"horizontal\"] .navbar-brand-box {\n position: relative; } }\n\nbody[data-layout-mode=\"dark\"][data-layout-size=\"boxed\"] {\n background-color: #282c2f; }\n body[data-layout-mode=\"dark\"][data-layout-size=\"boxed\"] #layout-wrapper {\n box-shadow: 0 2px 3px #161819;\n background-color: #1a1d1f; }\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.avatar-xs {\n height: 1rem;\n width: 1rem; }\n\n.avatar-sm {\n height: 2.2rem;\n width: 2.2rem; }\n\n.avatar {\n height: 3rem;\n width: 3rem; }\n\n.avatar-md {\n height: 3.6rem;\n width: 3.6rem; }\n\n.avatar-lg {\n height: 5rem;\n width: 5rem; }\n\n.avatar-xl {\n height: 6rem;\n width: 6rem; }\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.avatar-group {\n display: flex;\n flex-wrap: wrap;\n padding-left: 8px; }\n .avatar-group .avatar-group-item {\n margin-left: -8px;\n border: 2px solid #fff;\n border-radius: 50%;\n transition: all 0.2s; }\n .avatar-group .avatar-group-item:hover {\n position: relative;\n transform: translateY(-2px); }\n\nbody[data-layout-mode=\"dark\"] .avatar-group .avatar-group-item {\n border-color: #1f2224; }\n\n.alert-top-border {\n background-color: #fff;\n border-color: #f5f6f8;\n border-top: 2px solid #f5f6f8; }\n\n.alert-outline {\n background-color: #fff; }\n\n.alert-label-icon {\n position: relative;\n padding-left: 60px;\n border: 0; }\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 .alert-label-icon.label-arrow {\n overflow: hidden; }\n .alert-label-icon.label-arrow .label-icon {\n color: #fff; }\n .alert-label-icon.label-arrow .label-icon:after {\n content: \"\";\n position: absolute;\n border: 6px solid transparent;\n right: -12px; }\n\n.alert-light {\n color: #a4a9b4; }\n\n.alert-top-border.alert-primary {\n border-top-color: #1f58c7;\n color: #1f58c7; }\n\n.alert-outline.alert-primary {\n border: 1px solid rgba(31, 88, 199, 0.8);\n color: #1f58c7; }\n\n.alert-border-left.alert-primary {\n border-left-color: #1f58c7; }\n\n.label-arrow.alert-primary .label-icon {\n background-color: #1f58c7; }\n .label-arrow.alert-primary .label-icon:after {\n border-left-color: #1f58c7 !important; }\n\n.alert-top-border.alert-secondary {\n border-top-color: #a4a9b4;\n color: #a4a9b4; }\n\n.alert-outline.alert-secondary {\n border: 1px solid rgba(164, 169, 180, 0.8);\n color: #a4a9b4; }\n\n.alert-border-left.alert-secondary {\n border-left-color: #a4a9b4; }\n\n.label-arrow.alert-secondary .label-icon {\n background-color: #a4a9b4; }\n .label-arrow.alert-secondary .label-icon:after {\n border-left-color: #a4a9b4 !important; }\n\n.alert-top-border.alert-success {\n border-top-color: #28b765;\n color: #28b765; }\n\n.alert-outline.alert-success {\n border: 1px solid rgba(40, 183, 101, 0.8);\n color: #28b765; }\n\n.alert-border-left.alert-success {\n border-left-color: #28b765; }\n\n.label-arrow.alert-success .label-icon {\n background-color: #28b765; }\n .label-arrow.alert-success .label-icon:after {\n border-left-color: #28b765 !important; }\n\n.alert-top-border.alert-info {\n border-top-color: #52c6ea;\n color: #52c6ea; }\n\n.alert-outline.alert-info {\n border: 1px solid rgba(82, 198, 234, 0.8);\n color: #52c6ea; }\n\n.alert-border-left.alert-info {\n border-left-color: #52c6ea; }\n\n.label-arrow.alert-info .label-icon {\n background-color: #52c6ea; }\n .label-arrow.alert-info .label-icon:after {\n border-left-color: #52c6ea !important; }\n\n.alert-top-border.alert-warning {\n border-top-color: #f4c238;\n color: #f4c238; }\n\n.alert-outline.alert-warning {\n border: 1px solid rgba(244, 194, 56, 0.8);\n color: #f4c238; }\n\n.alert-border-left.alert-warning {\n border-left-color: #f4c238; }\n\n.label-arrow.alert-warning .label-icon {\n background-color: #f4c238; }\n .label-arrow.alert-warning .label-icon:after {\n border-left-color: #f4c238 !important; }\n\n.alert-top-border.alert-danger {\n border-top-color: #ed5555;\n color: #ed5555; }\n\n.alert-outline.alert-danger {\n border: 1px solid rgba(237, 85, 85, 0.8);\n color: #ed5555; }\n\n.alert-border-left.alert-danger {\n border-left-color: #ed5555; }\n\n.label-arrow.alert-danger .label-icon {\n background-color: #ed5555; }\n .label-arrow.alert-danger .label-icon:after {\n border-left-color: #ed5555 !important; }\n\n.alert-top-border.alert-pink {\n border-top-color: #e83e8c;\n color: #e83e8c; }\n\n.alert-outline.alert-pink {\n border: 1px solid rgba(232, 62, 140, 0.8);\n color: #e83e8c; }\n\n.alert-border-left.alert-pink {\n border-left-color: #e83e8c; }\n\n.label-arrow.alert-pink .label-icon {\n background-color: #e83e8c; }\n .label-arrow.alert-pink .label-icon:after {\n border-left-color: #e83e8c !important; }\n\n.alert-top-border.alert-light {\n border-top-color: #f5f6f8;\n color: #f5f6f8; }\n\n.alert-outline.alert-light {\n border: 1px solid rgba(245, 246, 248, 0.8);\n color: #f5f6f8; }\n\n.alert-border-left.alert-light {\n border-left-color: #f5f6f8; }\n\n.label-arrow.alert-light .label-icon {\n background-color: #f5f6f8; }\n .label-arrow.alert-light .label-icon:after {\n border-left-color: #f5f6f8 !important; }\n\n.alert-top-border.alert-dark {\n border-top-color: #35415a;\n color: #35415a; }\n\n.alert-outline.alert-dark {\n border: 1px solid rgba(53, 65, 90, 0.8);\n color: #35415a; }\n\n.alert-border-left.alert-dark {\n border-left-color: #35415a; }\n\n.label-arrow.alert-dark .label-icon {\n background-color: #35415a; }\n .label-arrow.alert-dark .label-icon:after {\n border-left-color: #35415a !important; }\n\n.alert-top-border.alert-white {\n border-top-color: #fff;\n color: #fff; }\n\n.alert-outline.alert-white {\n border: 1px solid rgba(255, 255, 255, 0.8);\n color: #fff; }\n\n.alert-border-left.alert-white {\n border-left-color: #fff; }\n\n.label-arrow.alert-white .label-icon {\n background-color: #fff; }\n .label-arrow.alert-white .label-icon:after {\n border-left-color: #fff !important; }\n\n.alert-top-border.alert-purple {\n border-top-color: #1f58c7;\n color: #1f58c7; }\n\n.alert-outline.alert-purple {\n border: 1px solid rgba(31, 88, 199, 0.8);\n color: #1f58c7; }\n\n.alert-border-left.alert-purple {\n border-left-color: #1f58c7; }\n\n.label-arrow.alert-purple .label-icon {\n background-color: #1f58c7; }\n .label-arrow.alert-purple .label-icon:after {\n border-left-color: #1f58c7 !important; }\n\n.alert-border-left {\n border-left: 3px solid; }\n\n.alert-top-border.alert-light, .alert-outline.alert-light {\n color: #a4a9b4; }\n\nbody[data-layout-mode=\"dark\"] .alert .btn-close {\n background: transparent url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e\") center/1em auto no-repeat; }\n\nbody[data-layout-mode=\"dark\"] .alert-top-border {\n background-color: #1f2224;\n border-top: 2px solid #282c2e;\n border-color: #282c2e; }\n body[data-layout-mode=\"dark\"] .alert-top-border .btn-close {\n background: transparent url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e\") center/1em auto no-repeat; }\n\nbody[data-layout-mode=\"dark\"] .alert-top-border {\n background-color: #1f2224;\n border-top: 2px solid #282c2e;\n border-color: #282c2e; }\n body[data-layout-mode=\"dark\"] .alert-top-border .btn-close {\n background: transparent url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e\") center/1em auto no-repeat; }\n\nbody[data-layout-mode=\"dark\"] .alert-outline {\n background-color: #1f2224; }\n body[data-layout-mode=\"dark\"] .alert-outline .btn-close {\n background: transparent url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e\") center/1em auto no-repeat; }\n body[data-layout-mode=\"dark\"] .alert-outline.alert-light {\n color: #f5f6f8; }\n\nbody[data-layout-mode=\"dark\"] .alert-top-border.alert-primary {\n border-top-color: #1f58c7;\n color: #1f58c7; }\n\nbody[data-layout-mode=\"dark\"] .alert-top-border.alert-secondary {\n border-top-color: #a4a9b4;\n color: #a4a9b4; }\n\nbody[data-layout-mode=\"dark\"] .alert-top-border.alert-success {\n border-top-color: #28b765;\n color: #28b765; }\n\nbody[data-layout-mode=\"dark\"] .alert-top-border.alert-info {\n border-top-color: #52c6ea;\n color: #52c6ea; }\n\nbody[data-layout-mode=\"dark\"] .alert-top-border.alert-warning {\n border-top-color: #f4c238;\n color: #f4c238; }\n\nbody[data-layout-mode=\"dark\"] .alert-top-border.alert-danger {\n border-top-color: #ed5555;\n color: #ed5555; }\n\nbody[data-layout-mode=\"dark\"] .alert-top-border.alert-pink {\n border-top-color: #e83e8c;\n color: #e83e8c; }\n\nbody[data-layout-mode=\"dark\"] .alert-top-border.alert-light {\n border-top-color: #f5f6f8;\n color: #f5f6f8; }\n\nbody[data-layout-mode=\"dark\"] .alert-top-border.alert-dark {\n border-top-color: #35415a;\n color: #35415a; }\n\nbody[data-layout-mode=\"dark\"] .alert-top-border.alert-white {\n border-top-color: #fff;\n color: #fff; }\n\nbody[data-layout-mode=\"dark\"] .alert-top-border.alert-purple {\n border-top-color: #1f58c7;\n color: #1f58c7; }\n\nbody[data-layout-mode=\"dark\"] .alert-top-border.alert-dark {\n border-top-color: #282c2e;\n border-color: #282c2e;\n color: #f5f6f8; }\n\nbody[data-layout-mode=\"dark\"] .alert-outline.alert-dark {\n border-color: #282c2e;\n color: #f5f6f8; }\n\n.custom-accordion .accordion-list {\n display: flex;\n border-radius: 7px;\n background-color: #eff0f2;\n padding: 12px 20px;\n color: #545965;\n font-weight: 600;\n align-items: center;\n justify-content: space-between; }\n .custom-accordion .accordion-list.collapsed i.accor-plus-icon:before {\n content: \"\\F0415\"; }\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: #fff;\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: #a4a9b4; }\n\nbody[data-layout-mode=\"dark\"] .accordion-button {\n border-color: #282c2e;\n color: #eeeff1; }\n body[data-layout-mode=\"dark\"] .accordion-button:not(.collapsed) {\n background-color: rgba(31, 88, 199, 0.2);\n color: #1f58c7;\n box-shadow: inset 0 -1px 0 #1f2224; }\n\nbody[data-layout-mode=\"dark\"] .accordion-item {\n border-color: #282c2e; }\n\nbody[data-layout-mode=\"dark\"] .accordion-collapse {\n border-color: #282c2e; }\n\n.font-size-10 {\n font-size: 10px !important; }\n\n.font-size-11 {\n font-size: 11px !important; }\n\n.font-size-12 {\n font-size: 12px !important; }\n\n.font-size-13 {\n font-size: 13px !important; }\n\n.font-size-14 {\n font-size: 14px !important; }\n\n.font-size-15 {\n font-size: 15px !important; }\n\n.font-size-16 {\n font-size: 16px !important; }\n\n.font-size-17 {\n font-size: 17px !important; }\n\n.font-size-18 {\n font-size: 18px !important; }\n\n.font-size-20 {\n font-size: 20px !important; }\n\n.font-size-22 {\n font-size: 22px !important; }\n\n.font-size-24 {\n font-size: 24px !important; }\n\n.font-size-26 {\n font-size: 26px !important; }\n\n.fw-medium {\n font-weight: 500; }\n\n.fw-semibold {\n font-weight: 600; }\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: #000; }\n\n.bg-pattern {\n background: url(\"../images/pattern-bg.jpg\");\n background-size: cover;\n background-position: center; }\n\n.list-group-item {\n color: #545965; }\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 #fff;\n border-radius: 50%;\n color: #a4a9b4;\n fill: #a4a9b4;\n text-align: center;\n transition: all 0.4s; }\n .social-list-item svg {\n width: 16px;\n height: 16px; }\n .social-list-item:hover {\n color: #35415a;\n fill: #35415a; }\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.w-xl {\n min-width: 160px; }\n\n.alert-dismissible .btn-close {\n font-size: 10px;\n padding: 1.05rem 1.25rem; }\n\nbody[data-layout-mode=\"dark\"] .btn-close {\n background: transparent url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e\") center/1em auto no-repeat; }\n\nbody[data-layout-mode=\"dark\"] .border-bottom {\n border-bottom: 1px solid #282c2e !important; }\n\nbody[data-layout-mode=\"dark\"] .border-top,\nbody[data-layout-mode=\"dark\"] .border-start,\nbody[data-layout-mode=\"dark\"] .border-end,\nbody[data-layout-mode=\"dark\"] .border,\nbody[data-layout-mode=\"dark\"] .list-group-item {\n border-color: #282c2e !important; }\n\nbody[data-layout-mode=\"dark\"] .border-primary {\n border-color: #1f58c7 !important; }\n\nbody[data-layout-mode=\"dark\"] .border-secondary {\n border-color: #a4a9b4 !important; }\n\nbody[data-layout-mode=\"dark\"] .border-success {\n border-color: #28b765 !important; }\n\nbody[data-layout-mode=\"dark\"] .border-info {\n border-color: #52c6ea !important; }\n\nbody[data-layout-mode=\"dark\"] .border-warning {\n border-color: #f4c238 !important; }\n\nbody[data-layout-mode=\"dark\"] .border-danger {\n border-color: #ed5555 !important; }\n\nbody[data-layout-mode=\"dark\"] .border-pink {\n border-color: #e83e8c !important; }\n\nbody[data-layout-mode=\"dark\"] .border-light {\n border-color: #f5f6f8 !important; }\n\nbody[data-layout-mode=\"dark\"] .border-dark {\n border-color: #35415a !important; }\n\nbody[data-layout-mode=\"dark\"] .border-white {\n border-color: #fff !important; }\n\nbody[data-layout-mode=\"dark\"] .border-purple {\n border-color: #1f58c7 !important; }\n\nbody[data-layout-mode=\"dark\"] .border-light {\n border-color: #282c2e !important; }\n\nbody[data-layout-mode=\"dark\"] .text-dark {\n color: #eeeff1 !important; }\n\nbody[data-layout-mode=\"dark\"] .text-muted {\n color: #b0b6bc !important; }\n\nbody[data-layout-mode=\"dark\"] .text-body {\n color: #d8dbdd !important; }\n\nbody[data-layout-mode=\"dark\"] .list-group-item {\n background-color: #1f2224;\n color: #b0b6bc; }\n\nbody[data-layout-mode=\"dark\"] .img-thumbnail {\n background-color: #25282b;\n border-color: #282c2e; }\n\nbody[data-layout-mode=\"dark\"] .popover-header {\n color: #1f2224; }\n\nbody[data-layout-mode=\"dark\"] .custom-blockpuote.blockquote.blockpuote-outline-dark {\n border-color: #282c2e; }\n body[data-layout-mode=\"dark\"] .custom-blockpuote.blockquote.blockpuote-outline-dark .blockquote-footer {\n color: #282c2e; }\n\nbody[data-layout-mode=\"dark\"] .social-list-item {\n border: 1px solid #1f2224;\n color: #b0b6bc; }\n body[data-layout-mode=\"dark\"] .social-list-item:hover {\n color: #d8dbdd; }\n\n#preloader {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: #fff;\n z-index: 9999; }\n\n#status {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateY(-50%);\n margin: -20px 0 0 -20px; }\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@keyframes spin {\n 0% {\n transform: rotate(0deg); }\n 100% {\n transform: rotate(359deg); } }\n\nbody[data-layout-mode=\"dark\"] .modal-header, body[data-layout-mode=\"dark\"] .modal-footer {\n border-color: #282c2e; }\n\n[type=\"tel\"]::placeholder,\n[type=\"url\"]::placeholder,\n[type=\"email\"]::placeholder,\n[type=\"number\"]::placeholder {\n text-align: left; }\n\n.form-check {\n position: relative;\n text-align: left; }\n\n.form-check-right {\n padding-left: 0;\n display: inline-block;\n padding-right: 1.5em; }\n .form-check-right .form-check-input {\n float: right;\n margin-left: 0;\n margin-right: -1.5em; }\n .form-check-right .form-check-label {\n display: block; }\n\n.form-checkbox-outline .form-check-input {\n border-width: 2px;\n background-color: #fff; }\n .form-checkbox-outline .form-check-input:active {\n filter: none; }\n .form-checkbox-outline .form-check-input:checked {\n background-color: #fff !important; }\n .form-checkbox-outline .form-check-input:checked[type=checkbox] {\n background-image: none; }\n .form-checkbox-outline .form-check-input:checked:after {\n position: absolute;\n content: '\\F012C';\n font-family: \"Material Design Icons\";\n top: -4px !important;\n left: 1px;\n /*rtl: -4px */\n font-size: 16px;\n color: #35415a; }\n\n.form-radio-outline .form-check-input {\n border-width: 2px;\n background-color: #fff; }\n .form-radio-outline .form-check-input:active {\n filter: none; }\n .form-radio-outline .form-check-input:checked {\n background-color: #fff !important; }\n .form-radio-outline .form-check-input:checked[type=checkbox] {\n background-image: none; }\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.form-check-primary .form-check-input:checked {\n background-color: #1f58c7;\n border-color: #1f58c7; }\n\n.form-radio-primary .form-check-input:checked {\n border-color: #1f58c7;\n background-color: #1f58c7; }\n .form-radio-primary .form-check-input:checked:after {\n color: #1f58c7; }\n\n.form-check-secondary .form-check-input:checked {\n background-color: #a4a9b4;\n border-color: #a4a9b4; }\n\n.form-radio-secondary .form-check-input:checked {\n border-color: #a4a9b4;\n background-color: #a4a9b4; }\n .form-radio-secondary .form-check-input:checked:after {\n color: #a4a9b4; }\n\n.form-check-success .form-check-input:checked {\n background-color: #28b765;\n border-color: #28b765; }\n\n.form-radio-success .form-check-input:checked {\n border-color: #28b765;\n background-color: #28b765; }\n .form-radio-success .form-check-input:checked:after {\n color: #28b765; }\n\n.form-check-info .form-check-input:checked {\n background-color: #52c6ea;\n border-color: #52c6ea; }\n\n.form-radio-info .form-check-input:checked {\n border-color: #52c6ea;\n background-color: #52c6ea; }\n .form-radio-info .form-check-input:checked:after {\n color: #52c6ea; }\n\n.form-check-warning .form-check-input:checked {\n background-color: #f4c238;\n border-color: #f4c238; }\n\n.form-radio-warning .form-check-input:checked {\n border-color: #f4c238;\n background-color: #f4c238; }\n .form-radio-warning .form-check-input:checked:after {\n color: #f4c238; }\n\n.form-check-danger .form-check-input:checked {\n background-color: #ed5555;\n border-color: #ed5555; }\n\n.form-radio-danger .form-check-input:checked {\n border-color: #ed5555;\n background-color: #ed5555; }\n .form-radio-danger .form-check-input:checked:after {\n color: #ed5555; }\n\n.form-check-pink .form-check-input:checked {\n background-color: #e83e8c;\n border-color: #e83e8c; }\n\n.form-radio-pink .form-check-input:checked {\n border-color: #e83e8c;\n background-color: #e83e8c; }\n .form-radio-pink .form-check-input:checked:after {\n color: #e83e8c; }\n\n.form-check-light .form-check-input:checked {\n background-color: #f5f6f8;\n border-color: #f5f6f8; }\n\n.form-radio-light .form-check-input:checked {\n border-color: #f5f6f8;\n background-color: #f5f6f8; }\n .form-radio-light .form-check-input:checked:after {\n color: #f5f6f8; }\n\n.form-check-dark .form-check-input:checked {\n background-color: #35415a;\n border-color: #35415a; }\n\n.form-radio-dark .form-check-input:checked {\n border-color: #35415a;\n background-color: #35415a; }\n .form-radio-dark .form-check-input:checked:after {\n color: #35415a; }\n\n.form-check-white .form-check-input:checked {\n background-color: #fff;\n border-color: #fff; }\n\n.form-radio-white .form-check-input:checked {\n border-color: #fff;\n background-color: #fff; }\n .form-radio-white .form-check-input:checked:after {\n color: #fff; }\n\n.form-check-purple .form-check-input:checked {\n background-color: #1f58c7;\n border-color: #1f58c7; }\n\n.form-radio-purple .form-check-input:checked {\n border-color: #1f58c7;\n background-color: #1f58c7; }\n .form-radio-purple .form-check-input:checked:after {\n color: #1f58c7; }\n\n.form-check,\n.form-check-input,\n.form-check-label {\n cursor: pointer;\n margin-bottom: 0; }\n\n.form-switch-md {\n font-size: 20px;\n min-height: 26px;\n line-height: 26px; }\n .form-switch-md .form-check-label {\n font-size: 0.925rem;\n vertical-align: middle; }\n\n.form-switch-lg {\n font-size: 26px;\n min-height: 36px;\n line-height: 36px; }\n .form-switch-lg .form-check-label {\n font-size: 0.925rem;\n vertical-align: middle; }\n\n.input-group-text {\n margin-bottom: 0px; }\n\n.card-radio {\n background-color: #fff;\n border: 2px solid #eff0f2;\n border-radius: 0.75rem;\n padding: 4px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n .card-radio:hover {\n cursor: pointer; }\n\n.card-radio-label {\n display: block; }\n\n.card-radio-input {\n display: none; }\n .card-radio-input:checked + .card-radio {\n border-color: #1f58c7 !important; }\n\nbody[data-layout-mode=\"dark\"] .form-control {\n color: #d8dbdd;\n background-color: #262a2c;\n border: 1px solid #282c2e; }\n\nbody[data-layout-mode=\"dark\"] .form-select {\n color: #d8dbdd;\n background-color: #262a2c;\n border: 1px solid #282c2e;\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23b7c1cf' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e\"); }\n\nbody[data-layout-mode=\"dark\"] .form-check-input {\n background-color: #282c2e;\n border-color: rgba(255, 255, 255, 0.25); }\n body[data-layout-mode=\"dark\"] .form-check-input:checked {\n background-color: #1f58c7;\n border-color: #1f58c7; }\n\nbody[data-layout-mode=\"dark\"] .form-switch .form-check-input {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e\"); }\n\nbody[data-layout-mode=\"dark\"] .input-group-text {\n background-color: #2f3436;\n border-color: #282c2e;\n color: #eeeff1; }\n\nbody[data-layout-mode=\"dark\"] .form-control::-webkit-file-upload-button {\n background-color: #282c2e;\n color: #eeeff1; }\n\nbody[data-layout-mode=\"dark\"] .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {\n background-color: #282c2e; }\n\n.popular-product-box {\n padding: 12px 15px;\n background-color: #f5f6f8; }\n\n.loyal-customers-box {\n padding: 11px 0px; }\n\n.sale-social-box {\n padding: 15px 0px; }\n\n.sales-history {\n padding: 12px 0px; }\n\n.popular-product-img img {\n height: 200px; }\n @media (min-width: 1440px) and (max-width: 1550px) {\n .popular-product-img img {\n max-width: 100%;\n height: auto; } }\n\n.main-chart .chart-border-left {\n border-left: 1.4px solid #eff0f2;\n padding: 0px 20px; }\n @media (max-width: 575.98px) {\n .main-chart .chart-border-left {\n padding: 0px 0px;\n border: 0; }\n .main-chart .chart-border-left:last-child {\n padding-left: 15px; } }\n .main-chart .chart-border-left:last-child {\n margin-right: 0px; }\n\n.widget-chat {\n height: 331px !important; }\n\n.widget-chat-list {\n height: 400px !important; }\n\n.transactions-contain {\n padding: 14px 16px; }\n\n.swiper-location-widget {\n height: 276px; }\n .swiper-location-widget .swiper-slide .card {\n margin: 0;\n box-shadow: none;\n height: 100%; }\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@media (min-width: 992px) {\n .map-widget {\n border-right: 1px solid #eff0f2; } }\n\nbody[data-layout-mode=\"dark\"] .popular-product-box {\n background-color: #282c2e; }\n\nbody[data-layout-mode=\"dark\"] .main-chart .chart-border-left {\n border-left: 1.4px solid #282c2e; }\n\n@media (min-width: 992px) {\n body[data-layout-mode=\"dark\"] .map-widget {\n border-right: 1px solid #282c2e; } }\n\n.grid-example {\n background-color: #f5f6f8;\n border-radius: 5px;\n font-weight: 500;\n padding: 10px 20px;\n font-size: .8rem; }\n\n.button-items {\n margin-left: -8px;\n margin-bottom: -12px; }\n .button-items .btn {\n margin-bottom: 12px;\n margin-left: 8px; }\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: #545965;\n width: 16px;\n height: 16px; }\n\n.user-profile-img {\n position: relative; }\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 .user-profile-img .profile-img {\n width: 100%;\n height: 250px;\n object-fit: cover; }\n @media (max-width: 991px) {\n .user-profile-img .profile-img {\n height: 160px; } }\n\n.user-profile-image {\n object-fit: cover; }\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.icon-demo-content {\n text-align: center;\n color: #7d8287; }\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 #eff0f2;\n color: #a4a9b4;\n fill: #a4a9b4;\n border-radius: 1rem;\n transition: all 0.4s; }\n .icon-demo-content svg {\n padding: 10px; }\n .icon-demo-content .col-lg-4 {\n margin-top: 24px; }\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.grid-structure .grid-container {\n background-color: #f5f6f8;\n margin-top: 10px;\n font-size: .8rem;\n font-weight: 500;\n padding: 10px 20px; }\n\nbody[data-layout-mode=\"dark\"] .grid-structure .grid-container {\n background-color: #282c2f; }\n\nbody[data-layout-mode=\"dark\"] .grid-example {\n background-color: #282c2f; }\n\n.toast:not(:last-child) {\n margin-bottom: .75rem; }\n\nbody[data-layout-mode=\"dark\"] .icon-demo-content i, body[data-layout-mode=\"dark\"] .icon-demo-content svg {\n color: #eeeff1;\n border-color: #282c2e; }\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.card-radio {\n background-color: #fff;\n border: 2px solid #eff0f2;\n border-radius: 0.75rem;\n padding: 0.5rem;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: block; }\n .card-radio:hover {\n cursor: pointer; }\n\n.card-radio-label {\n display: block; }\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.card-radio-input {\n display: none; }\n .card-radio-input:checked + .card-radio {\n border-color: #1f58c7 !important; }\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.navs-carousel .owl-nav {\n margin-top: 16px; }\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@media (min-width: 576px) {\n .currency-value {\n position: relative; }\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.crypto-buy-sell-nav-content {\n border: 2px solid #eff0f2;\n border-top: 0; }\n\nbody[data-layout-mode=\"dark\"] .card-radio {\n background-color: #1f2224;\n border: 2px solid #282c2f; }\n\n@media print {\n .vertical-menu,\n .right-bar,\n .page-title-box,\n .navbar-header,\n .footer {\n display: none !important; }\n .card-body,\n .main-content,\n .right-bar,\n .page-content,\n body {\n padding: 0;\n margin: 0; }\n .card {\n border: 0; } }\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.carousel-dark .carousel-caption {\n color: rgba(0, 0, 0, 0.8); }\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.auth-carousel .carousel-indicators {\n bottom: -50px; }\n\n.auth-carousel [data-bs-target] {\n background-color: #1f58c7; }\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.simplebar-wrapper {\n overflow: hidden;\n width: inherit;\n height: inherit;\n max-width: inherit;\n max-height: inherit; }\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.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.simplebar-content-wrapper {\n direction: inherit;\n box-sizing: border-box !important;\n position: relative;\n display: block;\n height: 100%;\n /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */\n width: auto;\n visibility: visible;\n overflow: auto;\n /* Scroll on this element otherwise element can't have a padding applied properly */\n max-width: 100%;\n /* Not required for horizontal scroll to trigger */\n max-height: 100%;\n /* Needed for vertical scroll to trigger */\n scrollbar-width: none;\n padding: 0px !important; }\n\n.simplebar-content-wrapper::-webkit-scrollbar,\n.simplebar-hide-scrollbar::-webkit-scrollbar {\n display: none; }\n\n.simplebar-content:before,\n.simplebar-content:after {\n content: ' ';\n display: table; }\n\n.simplebar-placeholder {\n max-height: 100%;\n max-width: 100%;\n width: 100%;\n pointer-events: none; }\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.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.simplebar-track {\n z-index: 1;\n position: absolute;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden; }\n\n[data-simplebar].simplebar-dragging .simplebar-content {\n pointer-events: none;\n user-select: none;\n -webkit-user-select: none; }\n\n[data-simplebar].simplebar-dragging .simplebar-track {\n pointer-events: all; }\n\n.simplebar-scrollbar {\n position: absolute;\n right: 2px;\n width: 6px;\n min-height: 10px; }\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.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.simplebar-track.simplebar-vertical {\n top: 0;\n width: 11px; }\n\n.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {\n top: 2px;\n bottom: 2px; }\n\n.simplebar-track.simplebar-horizontal {\n left: 0;\n height: 11px; }\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {\n height: 100%;\n left: 2px;\n right: 2px; }\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/* Rtl support */\n[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {\n right: auto;\n left: 0; }\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.simplebar-hide-scrollbar {\n position: fixed;\n left: 0;\n visibility: hidden;\n overflow-y: scroll;\n scrollbar-width: none; }\n\n.custom-scroll {\n height: 100%; }\n\n/* ==============\r\n Calendar\r\n===================*/\n.fc td, .fc th {\n border: 1px solid #eff0f2; }\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 .fc .fc-toolbar > * > * {\n float: none; }\n .fc .fc-toolbar .fc-today-button {\n display: none; } }\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 .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.fc-theme-bootstrap a:not([href]) {\n color: #545965; }\n\n.fc-event {\n color: #fff; }\n\n.fc th.fc-widget-header {\n background: #eff0f2;\n color: #545965;\n line-height: 20px;\n padding: 10px 0;\n text-transform: uppercase;\n font-weight: 700; }\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.fc-button {\n background: #fff;\n border-color: #eff0f2;\n color: #545965;\n text-transform: capitalize;\n box-shadow: none;\n padding: 6px 12px !important;\n height: auto !important; }\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.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.fc-event,\n.fc-event-dot {\n background-color: #1f58c7; }\n\n.fc-daygrid-dot-event.fc-event-mirror,\n.fc-daygrid-dot-event:hover {\n background-color: #1f58c7; }\n\n.fc-daygrid-dot-event {\n color: #fff !important; }\n .fc-daygrid-dot-event .fc-event-title {\n font-weight: 600; }\n\n.fc-daygrid-event-dot {\n border-color: #fff !important;\n color: #fff !important; }\n\n.fc-event .fc-content {\n color: #fff; }\n\n#external-events .external-event {\n text-align: left;\n padding: 8px 16px;\n margin: 6px 0; }\n\n.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.bg-dark .fc-content {\n color: #f5f6f8; }\n\n[dir=\"rtl\"] .fc-header-toolbar {\n direction: ltr !important; }\n\n[dir=\"rtl\"] .fc-toolbar > * > :not(:first-child) {\n margin-left: .75em; }\n\n@media (max-width: 575.98px) {\n .fc-toolbar {\n flex-direction: column;\n gap: 16px; } }\n\nbody[data-layout-mode=\"dark\"] .fc-daygrid-day {\n border-color: #282c2e; }\n\nbody[data-layout-mode=\"dark\"] .fc td, body[data-layout-mode=\"dark\"] .fc th {\n border-color: #282c2e; }\n\nbody[data-layout-mode=\"dark\"] .fc-col-header-cell {\n border-color: #282c2e;\n background-color: #25282b; }\n\nbody[data-layout-mode=\"dark\"] .fc-theme-bootstrap a:not([href]) {\n color: #b0b6bc; }\n\n.noUi-connect {\n background: #1f58c7; }\n\n.noUi-handle {\n background: #fff; }\n\n.noUi-horizontal {\n height: 8px; }\n .noUi-horizontal .noUi-handle {\n height: 20px;\n width: 20px;\n border-radius: 50%;\n right: -10px;\n top: -7px; }\n .noUi-horizontal .noUi-handle::before, .noUi-horizontal .noUi-handle::after {\n display: none; }\n .noUi-horizontal .noUi-handle:focus {\n outline: 0; }\n\n.noUi-pips-horizontal {\n height: 50px; }\n\n.noUi-vertical {\n width: 8px; }\n .noUi-vertical .noUi-handle {\n height: 20px;\n width: 20px;\n right: -7px;\n top: -12px;\n border-radius: 50%; }\n .noUi-vertical .noUi-handle::before, .noUi-vertical .noUi-handle::after {\n display: none; }\n .noUi-vertical .noUi-handle:focus {\n outline: 0; }\n .noUi-vertical .noUi-origin {\n top: 0; }\n\n.noUi-value {\n font-size: 12px; }\n\n.noUi-marker-horizontal.noUi-marker-large {\n height: 6px; }\n\n.noUi-marker-horizontal.noUi-marker {\n display: none; }\n\n.noUi-target {\n background-color: #f5f6f8;\n border-color: #f5f6f8; }\n\n.noUi-touch-area:focus {\n outline: 0; }\n\n#red, #green, #blue {\n margin: 10px;\n display: inline-block;\n height: 200px; }\n\n#colorpicker {\n height: 240px;\n width: 310px;\n margin: 0 auto;\n padding: 10px;\n border: 1px solid #eff0f2; }\n\n#result {\n margin: 60px 26px;\n height: 100px;\n width: 100px;\n display: inline-block;\n vertical-align: top;\n border: 1px solid #eff0f2;\n box-shadow: 0 0 3px;\n border-radius: 7px; }\n\n#red .noUi-connect {\n background: #ed5555; }\n\n#green .noUi-connect {\n background: #28b765; }\n\n#blue .noUi-connect {\n background: #1f58c7; }\n\n.form-control.keyboard {\n max-width: 340px !important; }\n\n#input-select,\n#input-number {\n padding: 7px;\n margin: 15px 5px 5px;\n width: 70px; }\n\n.example-val {\n font-size: 12px;\n color: #a4a9b4;\n display: block;\n margin: 15px 0; }\n .example-val:before {\n content: \"Value: \";\n font-size: 12px;\n font-weight: 600; }\n\n.noUi-tooltip {\n display: none; }\n\n.noUi-active .noUi-tooltip {\n display: block; }\n\n.c-1-color {\n background: #ed5555; }\n\n.c-2-color {\n background: #f4c238; }\n\n.c-3-color {\n background: #28b765; }\n\n.c-4-color {\n background: #1f58c7; }\n\n.c-5-color {\n background: #1f58c7; }\n\n#slider-toggle {\n height: 50px; }\n #slider-toggle.off .noUi-handle {\n border-color: #ed5555; }\n\nbody[data-layout-mode=\"dark\"] .noUi-target {\n background-color: #282c2e;\n border-color: #282c2e;\n box-shadow: inset 0 1px 1px #282c2e, 0 3px 6px -5px #282c2e; }\n\nbody[data-layout-mode=\"dark\"] .example-val {\n color: #b0b6bc; }\n\n.swal2-container .swal2-title {\n font-size: 24px;\n font-weight: 500; }\n\n.swal2-content {\n font-size: 16px; }\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.swal2-styled:focus {\n box-shadow: none; }\n\n.swal2-progress-steps .swal2-progress-step {\n background: #1f58c7; }\n .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {\n background: #1f58c7; }\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.swal2-actions.swal2-loading .swal2-styled.swal2-confirm {\n border-left-color: #1f58c7 !important;\n border-right-color: #1f58c7 !important; }\n\n.swal2-file, .swal2-input, .swal2-textarea {\n border: 1px solid #e2e5e8; }\n .swal2-file:focus, .swal2-input:focus, .swal2-textarea:focus {\n box-shadow: none;\n border-color: #cbced1; }\n\nbody[data-layout-mode=\"dark\"] .swal2-popup {\n background-color: #282c2e !important; }\n\nbody[data-layout-mode=\"dark\"] .swal2-content {\n color: #d8dbdd; }\n\nbody[data-layout-mode=\"dark\"] .swal2-html-container {\n color: #b0b6bc; }\n\nbody[data-layout-mode=\"dark\"] .swal2-file, body[data-layout-mode=\"dark\"] .swal2-input, body[data-layout-mode=\"dark\"] .swal2-textarea {\n border: 1px solid #313639 !important; }\n\n.alertify .ajs-header {\n font-weight: 500;\n font-size: 16px;\n position: relative;\n color: #545965; }\n\n.alertify .ajs-dialog {\n box-shadow: 0 0px 6px #ebeef4;\n background-color: #fff;\n border-radius: 0.6rem;\n overflow: hidden; }\n .alertify .ajs-dialog .ajs-header, .alertify .ajs-dialog .ajs-footer {\n background-color: #fff; }\n\n.alertify .ajs-body {\n color: #545965; }\n\n.alertify .ajs-footer .ajs-buttons .ajs-button {\n font-size: 13px;\n color: #545965;\n font-weight: 500; }\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 .alertify .ajs-body .ajs-content .ajs-input:focus-visible {\n outline: none; }\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: #545965;\n background-color: #fff;\n border: 1px solid #e2e5e8;\n border-radius: 0.75rem; }\n\n.alertify .ajs-commands {\n top: 16px;\n right: 16px;\n left: auto;\n margin: 0; }\n .alertify .ajs-commands button {\n width: 1em;\n height: 1em;\n padding: 0.25em 0.25em;\n background: transparent url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e\") center/1em auto no-repeat !important;\n opacity: 0.5; }\n\n.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 .alertify-notifier .ajs-message.ajs-success {\n background-color: #28b765;\n border-color: #28b765; }\n .alertify-notifier .ajs-message.ajs-error {\n background-color: #ed5555;\n border-color: #ed5555; }\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 .alertify-notifier.ajs-right .ajs-message {\n right: -320px;\n left: auto; }\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 .alertify-notifier.ajs-left .ajs-message {\n left: -300px;\n right: auto; }\n .alertify-notifier.ajs-left .ajs-message.ajs-visible {\n left: 0;\n right: auto; }\n\nbody[data-layout-mode=\"dark\"] .alertify .ajs-dialog {\n background-color: #1f2224; }\n\nbody[data-layout-mode=\"dark\"] .alertify .ajs-header, body[data-layout-mode=\"dark\"] .alertify .ajs-footer {\n color: #eeeff1;\n background-color: #1f2224;\n border-color: #282c2e; }\n\nbody[data-layout-mode=\"dark\"] .alertify .ajs-body {\n color: #d8dbdd; }\n body[data-layout-mode=\"dark\"] .alertify .ajs-body .ajs-content .ajs-input {\n color: #d8dbdd;\n background-color: #242729;\n border: 1px solid #282c2e; }\n\nbody[data-layout-mode=\"dark\"] .alertify .ajs-footer .ajs-buttons .ajs-button {\n color: #d8dbdd; }\n body[data-layout-mode=\"dark\"] .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {\n color: #1f58c7; }\n\nbody[data-layout-mode=\"dark\"] .alertify .ajs-commands button {\n background: transparent url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e\") center/1em auto no-repeat !important; }\n\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 .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 .swiper-arrow.arrow-sm .swiper-button-prev::after, .swiper-arrow.arrow-sm .swiper-button-next::after {\n font-size: 12px; }\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: #fff;\n border-radius: 10px;\n right: auto !important; }\n\n.swiper-pagination-bullet {\n background-color: #fff;\n opacity: 1;\n border: 1px solid #1f58c7; }\n\n.swiper-pagination-bullet-active {\n background-color: #1f58c7;\n opacity: 1;\n border: 1px solid #1f58c7; }\n\n.swiper-button-prev, .swiper-container-rtl .swiper-button-next {\n left: 25px;\n right: auto; }\n\n.swiper-button-next, .swiper-container-rtl .swiper-button-prev {\n right: 25px;\n left: auto; }\n\n.progress-swiper .swiper-pagination-progressbar {\n width: 100%;\n height: 4px;\n left: 0;\n top: 0;\n background-color: #f5f6f8; }\n .progress-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n background-color: #1f58c7; }\n\n.choices__inner {\n padding: 0.25rem 2.5rem 0.25rem 0.5rem;\n background-color: #fff;\n vertical-align: middle;\n border-radius: 0.75rem;\n border: 1px solid #e2e5e8;\n min-height: 38px; }\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: #35415a 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.choices__input {\n background-color: #fff;\n margin-bottom: 0; }\n\n.choices__list--multiple {\n display: inline-flex;\n flex-wrap: wrap;\n gap: 6px; }\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 .choices__list--multiple .choices__item.is-highlighted {\n background-color: #1f58c7;\n border: 1px solid #1f58c7; }\n\n.choices.is-disabled .choices__inner, .choices.is-disabled .choices__input {\n background-color: #f5f6f8; }\n\n.is-open .choices__inner, .is-focused .choices__inner {\n border-color: #cbced1; }\n\n.is-disabled .choices__list--multiple .choices__item {\n background-color: #a4a9b4;\n border-color: #a4a9b4; }\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.choices__list--dropdown {\n border-color: #eff0f2;\n box-shadow: 0 0px 6px #ebeef4; }\n .choices__list--dropdown .choices__item--selectable.is-highlighted {\n background-color: #f8f9fa; }\n\n.is-open .choices__list--dropdown {\n border-color: #eff0f2; }\n\nbody[data-layout-mode=\"dark\"] .choices__list--dropdown {\n border: 1px solid #282c2e !important; }\n\nbody[data-layout-mode=\"dark\"] .choices__heading {\n border: 1px solid #282c2e; }\n\nbody[data-layout-mode=\"dark\"] .choices__inner {\n color: #d8dbdd;\n background-color: #242729;\n border: 1px solid #282c2e !important; }\n\nbody[data-layout-mode=\"dark\"] .choices__input {\n background-color: #242729;\n color: #d8dbdd; }\n body[data-layout-mode=\"dark\"] .choices__input::placeholder {\n color: #b0b6bc; }\n\nbody[data-layout-mode=\"dark\"] .choices[data-type*=select-one]:after {\n border-color: #d8dbdd transparent transparent; }\n\nbody[data-layout-mode=\"dark\"] .choices[data-type*=select-one].is-open:after {\n border-color: transparent transparent #d8dbdd; }\n\nbody[data-layout-mode=\"dark\"] .choices[data-type*=select-one] .choices__input {\n background-color: #242729;\n border: 1px solid #282c2e;\n color: #d8dbdd; }\n\nbody[data-layout-mode=\"dark\"] .choices__list--dropdown {\n background-color: #242729;\n border-color: #282c2e; }\n body[data-layout-mode=\"dark\"] .choices__list--dropdown .choices__item--selectable.is-highlighted {\n background-color: #282c2e; }\n\nbody[data-layout-mode=\"dark\"] .choices.is-disabled .choices__inner, body[data-layout-mode=\"dark\"] .choices.is-disabled .choices__input {\n background-color: #242729; }\n\n/* CSS Switch */\ninput[switch] {\n display: none; }\n input[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 input[switch] + label:before {\n color: #35415a;\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 input[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 input[switch]:checked + label {\n background-color: #1f58c7; }\n\ninput[switch]:checked + label {\n background-color: #1f58c7; }\n input[switch]:checked + label:before {\n color: #fff;\n content: attr(data-on-label);\n right: auto;\n left: 3px; }\n input[switch]:checked + label:after {\n left: 33px;\n background-color: #f5f6f8; }\n\ninput[switch=\"bool\"] + label {\n background-color: #ed5555; }\n\ninput[switch=\"bool\"] + label:before, input[switch=\"bool\"]:checked + label:before,\ninput[switch=\"default\"]:checked + label:before {\n color: #fff; }\n\ninput[switch=\"bool\"]:checked + label {\n background-color: #28b765; }\n\ninput[switch=\"default\"]:checked + label {\n background-color: #a2a2a2; }\n\ninput[switch=\"primary\"]:checked + label {\n background-color: #1f58c7; }\n\ninput[switch=\"success\"]:checked + label {\n background-color: #28b765; }\n\ninput[switch=\"info\"]:checked + label {\n background-color: #52c6ea; }\n\ninput[switch=\"warning\"]:checked + label {\n background-color: #f4c238; }\n\ninput[switch=\"danger\"]:checked + label {\n background-color: #ed5555; }\n\ninput[switch=\"dark\"]:checked + label {\n background-color: #35415a; }\n\n.square-switch {\n margin-right: 7px; }\n .square-switch input[switch] + label, .square-switch input[switch] + label:after {\n border-radius: 4px; }\n\n.table-bordered {\n border: 1px solid #eff0f2; }\n\n.gridjs-container {\n color: #545965; }\n\n.gridjs-head {\n margin-bottom: 15px;\n position: relative;\n z-index: 1; }\n\n.gridjs-wrapper {\n box-shadow: none;\n border: none; }\n .gridjs-wrapper::-webkit-scrollbar {\n -webkit-appearance: none; }\n .gridjs-wrapper::-webkit-scrollbar:vertical {\n width: 12px; }\n .gridjs-wrapper::-webkit-scrollbar:horizontal {\n height: 12px; }\n .gridjs-wrapper::-webkit-scrollbar-thumb {\n background-color: rgba(53, 65, 90, 0.075);\n border-radius: 10px;\n border: 2px solid #fff; }\n .gridjs-wrapper::-webkit-scrollbar-track {\n border-radius: 10px;\n background-color: #fff; }\n\n.gridjs-table {\n width: 100%; }\n\nth.gridjs-th,\ntd.gridjs-td {\n border: 0px solid #eff0f2;\n border-bottom-width: 1px;\n padding: .75rem .75rem; }\n\nth.gridjs-th {\n border-top: 0;\n color: #545965;\n background-color: #f8f9fa; }\n\nth.gridjs-th-sort:focus, th.gridjs-th-sort:hover {\n background-color: #f2f4f6; }\n\n.gridjs-footer {\n box-shadow: none;\n border: none;\n border-top: 0; }\n\n.gridjs-pagination {\n color: #a4a9b4; }\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 .gridjs-pagination .gridjs-pages button:disabled, .gridjs-pagination .gridjs-pages button:hover:disabled, .gridjs-pagination .gridjs-pages button[disabled] {\n color: #7d8287; }\n .gridjs-pagination .gridjs-pages button:hover {\n background-color: #f5f6f8;\n color: #153b85; }\n .gridjs-pagination .gridjs-pages button:focus {\n box-shadow: none; }\n .gridjs-pagination .gridjs-pages button:last-child:hover, .gridjs-pagination .gridjs-pages button:first-child:hover {\n background-color: transparent; }\n .gridjs-pagination .gridjs-pages button.gridjs-currentPage {\n background-color: #1f58c7;\n color: #fff;\n font-weight: 500;\n border-color: #1f58c7; }\n\ninput.gridjs-input {\n border-color: #e2e5e8;\n background-color: #fff;\n color: #545965;\n font-size: 13px;\n border-radius: 30px; }\n input.gridjs-input:focus {\n box-shadow: none;\n border-color: #cbced1;\n background-color: #fff; }\n\nbody[data-layout-mode=\"dark\"] .gridjs-container {\n color: #b0b6bc; }\n\nbody[data-layout-mode=\"dark\"] .gridjs-wrapper {\n border-color: #282c2e; }\n body[data-layout-mode=\"dark\"] .gridjs-wrapper::-webkit-scrollbar-thumb {\n background-color: rgba(255, 255, 255, 0.075);\n border: 2px solid #1f2224; }\n body[data-layout-mode=\"dark\"] .gridjs-wrapper::-webkit-scrollbar-track {\n background-color: #1f2224; }\n\nbody[data-layout-mode=\"dark\"] input.gridjs-input {\n color: #d8dbdd;\n background-color: #242729;\n border: 1px solid #282c2e; }\n body[data-layout-mode=\"dark\"] input.gridjs-input::placeholder {\n color: #b0b6bc; }\n\nbody[data-layout-mode=\"dark\"] th.gridjs-th {\n background-color: #242729;\n color: #d8dbdd; }\n\nbody[data-layout-mode=\"dark\"] td.gridjs-td, body[data-layout-mode=\"dark\"] th.gridjs-th {\n border-color: #282c2e; }\n\nbody[data-layout-mode=\"dark\"] .gridjs-tbody, body[data-layout-mode=\"dark\"] td.gridjs-td {\n background-color: #1f2224; }\n\nbody[data-layout-mode=\"dark\"] .gridjs-footer {\n background-color: #1f2224;\n border-color: #282c2e; }\n\nbody[data-layout-mode=\"dark\"] .gridjs-pagination {\n color: #b0b6bc; }\n body[data-layout-mode=\"dark\"] .gridjs-pagination .gridjs-pages button {\n background-color: #1f2224;\n color: #b0b6bc; }\n body[data-layout-mode=\"dark\"] .gridjs-pagination .gridjs-pages button.gridjs-currentPage {\n background-color: #1f58c7;\n color: #fff;\n border-color: #1f58c7; }\n\n.pcr-app {\n background: #fff; }\n\n.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview {\n margin-right: .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: .75em;\n margin-right: 0; }\n\n.flatpickr-input[readonly] {\n background-color: #fff; }\n\n.input[readonly] {\n background-color: #fff; }\n\n.flatpickr-months, .flatpickr-weekdays {\n background-color: #1f58c7; }\n\nspan.flatpickr-weekday {\n color: #fff;\n font-weight: 500; }\n\n.flatpickr-current-month .flatpickr-monthDropdown-months:hover {\n background-color: transparent !important; }\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.flatpickr-weekdays {\n height: 36px !important;\n border-bottom: 1px solid #eff0f2; }\n\n.flatpickr-day {\n color: #35415a !important; }\n .flatpickr-day:hover, .flatpickr-day:focus {\n background-color: rgba(245, 246, 248, 0.7) !important; }\n .flatpickr-day.today {\n border-color: #1f58c7 !important;\n background-color: rgba(31, 88, 199, 0.1); }\n .flatpickr-day.today:hover, .flatpickr-day.today:focus {\n color: #35415a !important;\n background-color: rgba(31, 88, 199, 0.15) !important; }\n .flatpickr-day.selected {\n background-color: #1f58c7 !important;\n border-color: #1f58c7 !important;\n color: #fff !important; }\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: rgba(53, 65, 90, 0.3) !important; }\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: #f5f6f8;\n border-color: #f5f6f8; }\n .flatpickr-day.inRange {\n box-shadow: -5px 0 0 #f5f6f8, 5px 0 0 #f5f6f8; }\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.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.flatpickr-monthDropdown-month {\n color: rgba(0, 0, 0, 0.8); }\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.flatpickr-time input, .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {\n color: #35415a !important; }\n\n.flatpickr-calendar {\n background-color: #fff !important;\n box-shadow: 1px 0 0 #eff0f2, -1px 0 0 #eff0f2, 0 1px 0 #eff0f2, 0 -1px 0 #eff0f2, 0 3px 13px rgba(0, 0, 0, 0.08) !important; }\n .flatpickr-calendar.hasTime .flatpickr-time {\n border-top: 1px solid #eff0f2 !important; }\n\n.flatpickr-months {\n border-radius: 5px 5px 0px 0px; }\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\nbody[data-layout-mode=\"dark\"] .flatpickr-calendar {\n background-color: #25282b !important;\n box-shadow: 1px 0 0 #282c2e, -1px 0 0 #282c2e, 0 1px 0 #282c2e, 0 -1px 0 #282c2e, 0 3px 13px rgba(0, 0, 0, 0.08) !important; }\n body[data-layout-mode=\"dark\"] .flatpickr-calendar.hasTime .flatpickr-time {\n border-top: 1px solid #282c2e !important; }\n\nbody[data-layout-mode=\"dark\"] .flatpickr-weekdays {\n border-color: #282c2e; }\n\nbody[data-layout-mode=\"dark\"] .flatpickr-day {\n color: #d8dbdd !important; }\n body[data-layout-mode=\"dark\"] .flatpickr-day:hover, body[data-layout-mode=\"dark\"] .flatpickr-day:focus {\n background-color: rgba(40, 44, 46, 0.7) !important; }\n body[data-layout-mode=\"dark\"] .flatpickr-day.today {\n border-color: #1f58c7 !important;\n background-color: rgba(31, 88, 199, 0.1); }\n body[data-layout-mode=\"dark\"] .flatpickr-day.today:hover, body[data-layout-mode=\"dark\"] .flatpickr-day.today:focus {\n color: #35415a !important;\n background-color: rgba(31, 88, 199, 0.15) !important; }\n body[data-layout-mode=\"dark\"] .flatpickr-day.inRange, body[data-layout-mode=\"dark\"] .flatpickr-day.prevMonthDay.inRange, body[data-layout-mode=\"dark\"] .flatpickr-day.nextMonthDay.inRange, body[data-layout-mode=\"dark\"] .flatpickr-day.today.inRange, body[data-layout-mode=\"dark\"] .flatpickr-day.prevMonthDay.today.inRange, body[data-layout-mode=\"dark\"] .flatpickr-day.nextMonthDay.today.inRange, body[data-layout-mode=\"dark\"] .flatpickr-day:hover, body[data-layout-mode=\"dark\"] .flatpickr-day.prevMonthDay:hover, body[data-layout-mode=\"dark\"] .flatpickr-day.nextMonthDay:hover, body[data-layout-mode=\"dark\"] .flatpickr-day:focus, body[data-layout-mode=\"dark\"] .flatpickr-day.prevMonthDay:focus, body[data-layout-mode=\"dark\"] .flatpickr-day.nextMonthDay:focus {\n background-color: #282c2e;\n border-color: #282c2e; }\n body[data-layout-mode=\"dark\"] .flatpickr-day.selected {\n background-color: #1f58c7 !important;\n border-color: #1f58c7 !important;\n color: #fff !important; }\n body[data-layout-mode=\"dark\"] .flatpickr-day.flatpickr-disabled, body[data-layout-mode=\"dark\"] .flatpickr-day.flatpickr-disabled:hover, body[data-layout-mode=\"dark\"] .flatpickr-day.prevMonthDay, body[data-layout-mode=\"dark\"] .flatpickr-day.nextMonthDay, body[data-layout-mode=\"dark\"] .flatpickr-day.notAllowed, body[data-layout-mode=\"dark\"] .flatpickr-day.notAllowed.prevMonthDay, body[data-layout-mode=\"dark\"] .flatpickr-day.notAllowed.nextMonthDay {\n color: rgba(216, 219, 221, 0.3) !important; }\n body[data-layout-mode=\"dark\"] .flatpickr-day.inRange {\n box-shadow: -5px 0 0 #282c2e, 5px 0 0 #282c2e; }\n body[data-layout-mode=\"dark\"] .flatpickr-day.selected, body[data-layout-mode=\"dark\"] .flatpickr-day.startRange, body[data-layout-mode=\"dark\"] .flatpickr-day.endRange, body[data-layout-mode=\"dark\"] .flatpickr-day.selected.inRange, body[data-layout-mode=\"dark\"] .flatpickr-day.startRange.inRange, body[data-layout-mode=\"dark\"] .flatpickr-day.endRange.inRange, body[data-layout-mode=\"dark\"] .flatpickr-day.selected:focus, body[data-layout-mode=\"dark\"] .flatpickr-day.startRange:focus, body[data-layout-mode=\"dark\"] .flatpickr-day.endRange:focus, body[data-layout-mode=\"dark\"] .flatpickr-day.selected:hover, body[data-layout-mode=\"dark\"] .flatpickr-day.startRange:hover, body[data-layout-mode=\"dark\"] .flatpickr-day.endRange:hover, body[data-layout-mode=\"dark\"] .flatpickr-day.selected.prevMonthDay, body[data-layout-mode=\"dark\"] .flatpickr-day.startRange.prevMonthDay, body[data-layout-mode=\"dark\"] .flatpickr-day.endRange.prevMonthDay, body[data-layout-mode=\"dark\"] .flatpickr-day.selected.nextMonthDay, body[data-layout-mode=\"dark\"] .flatpickr-day.startRange.nextMonthDay, body[data-layout-mode=\"dark\"] .flatpickr-day.endRange.nextMonthDay {\n background-color: #1f58c7 !important;\n border-color: #1f58c7 !important;\n color: #fff !important; }\n\nbody[data-layout-mode=\"dark\"] .flatpickr-time input, body[data-layout-mode=\"dark\"] .flatpickr-time .flatpickr-time-separator, body[data-layout-mode=\"dark\"] .flatpickr-time .flatpickr-am-pm {\n color: #d8dbdd !important; }\n\nbody[data-layout-mode=\"dark\"] .flatpickr-time .numInputWrapper span.arrowUp:after {\n border-bottom-color: #d8dbdd; }\n\nbody[data-layout-mode=\"dark\"] .flatpickr-time .numInputWrapper span.arrowDown:after {\n border-top-color: #d8dbdd; }\n\n.ck.ck-toolbar {\n background-color: rgba(245, 246, 248, 0.75) !important;\n border: 1px solid #e2e5e8 !important; }\n .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {\n flex-wrap: wrap !important; }\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: #fff !important;\n border-color: #e2e5e8 !important;\n box-shadow: 0 0px 6px #ebeef4 !important; }\n\n.ck.ck-dropdown__panel, .ck.ck-list {\n background: #fff !important;\n border: 1px solid #eff0f2 !important;\n box-shadow: 0 0px 6px #ebeef4 !important; }\n\n.ck.ck-reset_all,\n.ck.ck-reset_all * {\n color: #545965 !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.ck-editor__editable {\n min-height: 245px !important; }\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: #f5f6f8 !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: #f5f6f8 !important;\n border-color: #f5f6f8 !important; }\n\n.ck.ck-tooltip .ck-tooltip__text {\n background: #35415a !important;\n color: #f5f6f8 !important; }\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: rgba(245, 246, 248, 0.75) !important; }\n\n.ck.ck-list__item .ck-button .ck-button__label {\n font-family: \"Work Sans\",sans-serif; }\n\nbody[data-layout-mode=\"dark\"] .ck.ck-toolbar {\n background-color: #282c2e !important;\n border-color: #282c2e !important; }\n\nbody[data-layout-mode=\"dark\"] .ck.ck-dropdown__panel, body[data-layout-mode=\"dark\"] .ck.ck-list {\n background-color: #25282b !important;\n border-color: #25282b !important;\n box-shadow: 0 0px 6px #ebeef4 !important; }\n\nbody[data-layout-mode=\"dark\"] .ck.ck-editor__main > .ck-editor__editable {\n background-color: #1f2224 !important;\n border-color: #282c2e !important; }\n\nbody[data-layout-mode=\"dark\"] .ck.ck-icon :not([fill]) {\n fill: #d8dbdd !important; }\n\nbody[data-layout-mode=\"dark\"] .ck.ck-reset_all,\nbody[data-layout-mode=\"dark\"] .ck.ck-reset_all * {\n color: #b0b6bc !important; }\n\nbody[data-layout-mode=\"dark\"] .ck .ck-link-form,\nbody[data-layout-mode=\"dark\"] .ck .ck-input-text,\nbody[data-layout-mode=\"dark\"] .ck .ck-label {\n background-color: #25282b !important; }\n\nbody[data-layout-mode=\"dark\"] .ck.ck-button:focus, body[data-layout-mode=\"dark\"] .ck.ck-button:active,\nbody[data-layout-mode=\"dark\"] a.ck.ck-button:focus,\nbody[data-layout-mode=\"dark\"] a.ck.ck-button:active {\n border-color: #282c2e !important; }\n\nbody[data-layout-mode=\"dark\"] .ck.ck-toolbar .ck.ck-button.ck-on,\nbody[data-layout-mode=\"dark\"] a.ck.ck-button.ck-on,\nbody[data-layout-mode=\"dark\"] .ck.ck-button:not(.ck-disabled):hover,\nbody[data-layout-mode=\"dark\"] a.ck.ck-button:not(.ck-disabled):hover {\n background: rgba(176, 182, 188, 0.2) !important; }\n\n[dir=\"rtl\"] .ck.ck-toolbar > .ck-toolbar__items {\n flex-direction: row-reverse; }\n\n.ql-editor {\n text-align: left; }\n .ql-editor ol, .ql-editor ul {\n padding-left: 1.5em;\n padding-right: 0; }\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.ql-container {\n font-family: \"IBM Plex Sans\", sans-serif; }\n .ql-container.ql-snow {\n border-color: #e2e5e8; }\n\n.ql-bubble {\n border: 1px solid #e2e5e8;\n border-radius: 0.75rem; }\n\n.ql-toolbar {\n font-family: \"IBM Plex Sans\", sans-serif !important; }\n .ql-toolbar span {\n outline: none !important;\n color: #545965; }\n .ql-toolbar span:hover {\n color: #1f58c7 !important; }\n .ql-toolbar.ql-snow {\n border-color: #e2e5e8; }\n .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n border-color: transparent; }\n .ql-toolbar.ql-snow .ql-picker-options {\n box-shadow: 0 0px 6px #ebeef4;\n border-radius: 0.6rem; }\n\n.ql-snow .ql-stroke,\n.ql-snow .ql-script,\n.ql-snow .ql-strike svg {\n stroke: #545965; }\n\n.ql-snow .ql-fill {\n fill: #545965; }\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: #545965; }\n\n.ql-snow .ql-picker-options {\n background-color: #fff;\n border-color: #eff0f2 !important; }\n\nbody[data-layout-mode=\"dark\"] .ql-container.ql-snow, body[data-layout-mode=\"dark\"] .ql-toolbar.ql-snow {\n border-color: #282c2e; }\n\nbody[data-layout-mode=\"dark\"] .ql-toolbar span {\n color: #d8dbdd; }\n\nbody[data-layout-mode=\"dark\"] .ql-snow .ql-script, body[data-layout-mode=\"dark\"] .ql-snow .ql-strike svg, body[data-layout-mode=\"dark\"] .ql-snow .ql-stroke {\n stroke: #d8dbdd; }\n\nbody[data-layout-mode=\"dark\"] .ql-snow .ql-picker.ql-expanded .ql-picker-label {\n color: #d8dbdd; }\n\nbody[data-layout-mode=\"dark\"] .ql-snow .ql-picker-options {\n background-color: #282c2e;\n border-color: #282c2e !important; }\n\nbody[data-layout-mode=\"dark\"] .ql-bubble {\n border-color: #282c2e; }\n body[data-layout-mode=\"dark\"] .ql-bubble .ql-tooltip {\n background-color: #282c2e; }\n\n/* Dropzone */\n.dropzone {\n min-height: 230px;\n border: 2px dashed #e2e5e8;\n background: #fff;\n border-radius: 6px; }\n .dropzone .dz-message {\n font-size: 24px;\n width: 100%; }\n\nbody[data-layout-mode=\"dark\"] .dropzone {\n background: #212527;\n border-color: #282c2e; }\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-nav .wizard-list-item {\n flex-basis: 0;\n flex-grow: 1;\n text-align: center; }\n .wizard-nav .wizard-list-item .list-item {\n width: 100%;\n font-size: 14px;\n position: relative; }\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 @media (max-width: 575.98px) {\n .wizard-nav .step-icon {\n width: 40px;\n height: 40px;\n line-height: 38px; } }\n .wizard-nav .step-title {\n margin-left: 6px; }\n .wizard-nav .wizard-list-item:last-child .list-item::after {\n display: none; }\n .wizard-nav .wizard-list-item .list-item.done .step-icon {\n background-color: #1f58c7;\n color: #fff; }\n .wizard-nav .wizard-list-item .list-item.done .uil:before {\n content: \"\\e9c3\"; }\n .wizard-nav .list-item {\n font-size: 14px;\n position: relative; }\n @media (max-width: 575.98px) {\n .wizard-nav .list-item {\n padding: 0.5rem; } }\n .wizard-nav .list-item::after {\n content: \"\";\n position: absolute;\n width: 75%;\n height: 2px;\n background-color: #eff0f2;\n left: 62%;\n top: 50%;\n transform: translateY(-50%); }\n @media (max-width: 575.98px) {\n .wizard-nav .list-item::after {\n display: none; } }\n .wizard-nav .list-item.active {\n color: #545965;\n background-color: transparent; }\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.wizard-tab {\n display: none; }\n\nbody[data-layout-mode=\"dark\"] .wizard-nav .list-item::after {\n background-color: #282c2e; }\n\n.apex-charts {\n min-height: 10px !important; }\n .apex-charts text {\n font-family: \"IBM Plex Sans\", sans-serif !important; }\n .apex-charts .apexcharts-canvas {\n margin: 0 auto; }\n\n.apexcharts-tooltip-title,\n.apexcharts-tooltip-text {\n font-family: \"IBM Plex Sans\", sans-serif !important; }\n\n.apexcharts-text tspan {\n font-family: \"Montserrat\", sans-serif !important;\n font-size: 11px; }\n\n.apexcharts-tooltip * {\n font-family: \"IBM Plex Sans\", sans-serif !important;\n color: #a4a9b4 !important; }\n\n.apexcharts-tooltip.apexcharts-theme-dark * {\n color: #fff !important; }\n\n.apexcharts-legend-series {\n font-weight: 500; }\n\n.apexcharts-gridline {\n pointer-events: none;\n stroke: #f8f9fa; }\n\n.apexcharts-legend-text {\n color: #a4a9b4 !important;\n font-family: \"IBM Plex Sans\", sans-serif !important;\n font-size: 13px !important; }\n\n.apexcharts-pie-label {\n fill: #fff !important; }\n\n.apexcharts-title-text, .apexcharts-subtitle-text {\n fill: #7d8287; }\n\n.apexcharts-yaxis text,\n.apexcharts-xaxis text {\n font-family: \"IBM Plex Sans\", sans-serif !important;\n fill: #7d8287; }\n\n.apexcharts-yaxis-title {\n font-weight: 500; }\n\n#dynamicloadedchart-wrap {\n margin: 0px auto;\n max-width: 800px;\n position: relative; }\n\n.chart-box {\n padding-left: 0; }\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: #fff;\n border: 1px solid #eff0f2; }\n\n#chart-year {\n float: left;\n position: relative;\n transition: 1s ease transform;\n z-index: 3; }\n #chart-year.chart-quarter-activated {\n transform: translateX(0);\n transition: 1s ease transform; }\n\n#chart-quarter {\n float: left;\n position: relative;\n z-index: -2;\n transition: 1s ease transform; }\n #chart-quarter.active {\n transition: 1.1s ease-in-out transform;\n transform: translateX(0);\n z-index: 1; }\n\n@media screen and (min-width: 480px) {\n #chart-year {\n transform: translateX(50%); }\n #chart-quarter {\n transform: translateX(-50%); } }\n\nbody[data-layout-mode=\"dark\"] .apex-charts text {\n fill: #7d8287; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-yaxis text,\nbody[data-layout-mode=\"dark\"] .apexcharts-xaxis text {\n fill: #d8dbdd; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-gridline {\n stroke: #25282b; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-tooltip.apexcharts-theme-light {\n background-color: #1f2224;\n border-color: #25282b; }\n body[data-layout-mode=\"dark\"] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {\n background-color: #282c2e;\n border-color: #2e3335; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-legend-text {\n color: #d8dbdd !important; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-yaxis-texts-g.apexcharts-xaxis-inversed-texts-g + line,\nbody[data-layout-mode=\"dark\"] .apexcharts-grid-row + line {\n stroke: #2e3335; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-xaxis line,\nbody[data-layout-mode=\"dark\"] .apexcharts-treemap-rect,\nbody[data-layout-mode=\"dark\"] .apexcharts-heatmap-rect,\nbody[data-layout-mode=\"dark\"] .apexcharts-pie-area {\n stroke: #2e3335; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-radialbar-track.apexcharts-track path {\n stroke: #2e3335; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-radar-series.apexcharts-plot-series polygon,\nbody[data-layout-mode=\"dark\"] .apexcharts-radar-series.apexcharts-plot-series line {\n fill: #282c2e;\n stroke: #2e3335; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-pie circle {\n stroke: #2e3335; }\n\nbody[data-layout-mode=\"dark\"] #chart-year,\nbody[data-layout-mode=\"dark\"] #chart-quarter {\n background-color: #1f2224;\n border-color: #25282b; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-pie line {\n stroke: #282c2e; }\n\n.e-charts {\n height: 350px; }\n\n.chartjs-chart {\n max-height: 350px; }\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: \"IBM Plex Sans\", sans-serif;\n font-size: 14px; }\n\n.glightbox-clean .gclose {\n border: 2px solid #fff;\n border-radius: 7px;\n right: 10px;\n left: auto; }\n @media (min-width: 992px) {\n .glightbox-clean .gclose {\n right: 20px;\n left: auto; } }\n .glightbox-clean .gclose svg {\n width: 12px; }\n\n.gmaps, .gmaps-panaroma {\n height: 300px;\n background: #f8f9fa;\n border-radius: 3px; }\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.gmaps-overlay_arrow {\n left: 50%;\n margin-left: -16px;\n width: 0;\n height: 0;\n position: absolute; }\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 .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.jvm-tooltip {\n border-radius: 3px;\n background-color: #1f58c7;\n font-family: \"IBM Plex Sans\", sans-serif;\n box-shadow: 0 5px 6px rgba(53, 65, 90, 0.1);\n padding: 3px 5px; }\n\n.leaflet-map {\n height: 300px; }\n .leaflet-map.leaflet-container {\n z-index: 99; }\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 .auth-bg .bg-overlay {\n opacity: 0.82;\n border-top-left-radius: 40px;\n border-bottom-left-radius: 40px; }\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.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.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.form-floating-custom {\n position: relative; }\n .form-floating-custom > label {\n left: 48px;\n margin-top: 2px; }\n .form-floating-custom > .form-control, .form-floating-custom > .form-select {\n padding-left: 60px; }\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: #a4a9b4; }\n .form-floating-custom .form-floating-icon svg {\n width: 22px;\n height: 22px; }\n\n.auth-full-page-content {\n background-color: #fff; }\n\n.home-btn {\n position: fixed;\n top: 30px;\n right: 30px;\n z-index: 1; }\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.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 .authentication-bg .auth-logo .logo {\n margin: 0px auto; }\n .authentication-bg .auth-logo .auth-logo-light {\n display: none;\n margin: 0px auto; }\n .authentication-bg .auth-logo .auth-logo-dark {\n margin: 0px auto; }\n .authentication-bg .bg-overlay {\n opacity: 0.85; }\n .authentication-bg .auth-cover-card .authentication-bg {\n align-items: flex-start;\n justify-content: flex-start; }\n .authentication-bg .auth-cover-card .bg-overlay {\n opacity: 0.6; }\n .authentication-bg .auth-cover-card .form-floating label {\n color: rgba(255, 255, 255, 0.5); }\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 .authentication-bg .auth-cover-card .form-floating .form-floating-icon {\n color: rgba(255, 255, 255, 0.5); }\n\n.form-floating-custom {\n position: relative; }\n .form-floating-custom > label {\n left: 48px; }\n .form-floating-custom > .form-control, .form-floating-custom > .form-select {\n padding-left: 60px; }\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: #a4a9b4; }\n\n.error-font {\n font-size: 9rem;\n text-shadow: 4px 4px 6px rgba(53, 65, 90, 0.26); }\n\n.mover-animation {\n animation: mover 1s infinite alternate; }\n\n@keyframes mover {\n 0% {\n transform: translateY(10px); }\n 100% {\n transform: translateY(-10px); } }\n\n.signin-other-title {\n position: relative; }\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: #e2e5e8;\n top: 18px; }\n .signin-other-title .title {\n display: inline-block;\n position: relative;\n z-index: 9;\n background-color: #fff;\n padding: 2px 16px; }\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 @media (max-width: 991.98px) {\n .auth-img {\n height: 250px; } }\n\nbody[data-layout-mode=\"dark\"] .auth-full-page-content {\n background-color: #1f2224; }\n\nbody[data-layout-mode=\"dark\"] .auth-bg .bg-white {\n background-color: #1f2224 !important; }\n\nbody[data-layout-mode=\"dark\"] .auth-logo .auth-logo-light {\n display: block;\n margin: 0px auto; }\n\nbody[data-layout-mode=\"dark\"] .auth-logo .auth-logo-dark {\n display: none;\n margin: 0px auto; }\n\n.product-box {\n border: 2px solid #f5f6f8;\n position: relative; }\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.product-list li a {\n display: block;\n padding: 4px 0px;\n color: #545965; }\n\n.product-review-link .list-inline-item a {\n color: #a4a9b4;\n padding: 4px 8px;\n font-size: 15px; }\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.product-ribbon {\n position: absolute;\n right: 0px;\n top: 0px; }\n\n.product-content {\n position: relative; }\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.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 .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 .product-detail .nav-slide-item img {\n border: 2px solid transparent; }\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.modal-button {\n position: absolute;\n right: 0;\n z-index: 2; }\n @media (max-width: 576px) {\n .modal-button {\n position: inherit; } }\n\n[dir=\"rtl\"] .modal-button {\n left: 0;\n right: auto; }\n\n.product-detail .nav .nav-link {\n margin: 0px 13px;\n padding: 2px; }\n\n.product-color a {\n display: inline-block;\n text-align: center;\n color: #545965; }\n .product-color a .product-color-item {\n margin: 7px; }\n .product-color a.active, .product-color a:hover {\n color: #1f58c7; }\n .product-color a.active .product-color-item, .product-color a:hover .product-color-item {\n border-color: #1f58c7 !important; }\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/* Activity */\n.activity-checkout {\n list-style: none; }\n .activity-checkout .checkout-icon {\n position: absolute;\n top: -4px;\n left: -24px; }\n .activity-checkout .checkout-item {\n position: relative;\n padding-bottom: 24px;\n padding-left: 35px;\n border-left: 2px solid #f5f6f8; }\n .activity-checkout .checkout-item:first-child {\n border-color: #1f58c7; }\n .activity-checkout .checkout-item:first-child:after {\n background-color: #1f58c7; }\n .activity-checkout .checkout-item:last-child {\n border-color: transparent; }\n .activity-checkout .checkout-item.crypto-activity {\n margin-left: 50px; }\n .activity-checkout .checkout-item .crypto-date {\n position: absolute;\n top: 3px;\n left: -65px; }\n\n.shipping-address {\n box-shadow: none; }\n .shipping-address.active {\n border-color: #1f58c7 !important; }\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 .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.checkout-tabs .nav-pills .nav-link {\n margin-bottom: 24px;\n text-align: center;\n background-color: #fff;\n box-shadow: 0 0px 6px #ebeef4; }\n .checkout-tabs .nav-pills .nav-link.active {\n background-color: #1f58c7; }\n .checkout-tabs .nav-pills .nav-link .check-nav-icon {\n font-size: 36px; }\n\nbody[data-layout-mode=\"dark\"] .product-detai-imgs .nav .nav-link.active {\n background-color: #282c2e; }\n\nbody[data-layout-mode=\"dark\"] .product-list li a {\n color: #b7c1cf; }\n\nbody[data-layout-mode=\"dark\"] .checkout-tabs .nav-pills .nav-link {\n background-color: #282c2e; }\n body[data-layout-mode=\"dark\"] .checkout-tabs .nav-pills .nav-link.active {\n background-color: #1f58c7; }\n\n.ecommerce-slied-bg {\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n height: auto; }\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.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@media (min-width: 1200px) {\n .filemanager-sidebar {\n min-width: 270px;\n max-width: 270px; } }\n\n@media (min-width: 1366px) {\n .filemanager-sidebar {\n min-width: 300px;\n max-width: 300px; } }\n\n@media (width: 1440px) {\n .filemanager-sidebar {\n min-width: 240px;\n max-width: 240px; } }\n\n.categories-list {\n padding: 4px 0; }\n .categories-list li a {\n display: block;\n padding: 8px 12px;\n color: #545965;\n font-weight: 500; }\n .categories-list li.active a {\n color: #1f58c7; }\n .categories-list li ul {\n padding-left: 20px; }\n .categories-list li ul li a {\n padding: 4px 12px;\n color: #a4a9b4;\n font-size: 14px; }\n\n/* ==============\r\n Email\r\n===================*/\n.email-leftbar {\n width: 306px;\n float: left; }\n\n.email-rightbar {\n margin-left: 324px; }\n\n.chat-user-box p.user-title {\n color: #35415a;\n font-weight: 500; }\n\n.chat-user-box p {\n font-size: 14px; }\n\n@media (max-width: 767px) {\n .email-leftbar {\n float: none;\n width: 100%; }\n .email-rightbar {\n margin: 0; } }\n\n.mail-list a {\n display: block;\n color: #a4a9b4;\n line-height: 24px;\n padding: 10px 18px; }\n .mail-list a.active {\n color: #1f58c7;\n font-weight: 500; }\n .mail-list a.active h5 {\n color: #1f58c7; }\n\n.unread {\n background-color: #f5f6f8; }\n\n.message-list {\n display: block;\n padding-left: 0; }\n .message-list .list {\n position: relative;\n display: block;\n height: 50px;\n cursor: default;\n transition-duration: .3s; }\n .message-list .list a {\n color: #a4a9b4; }\n .message-list .list.selected {\n background-color: rgba(239, 240, 242, 0.6); }\n .message-list .list .col-mail {\n float: left;\n position: relative; }\n .message-list .list .col-mail-1 {\n width: 320px; }\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 .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 .message-list .list .col-mail-1 .checkbox-wrapper-mail {\n margin: 15px 10px 0 20px; }\n .message-list .list .col-mail-1 .star-toggle {\n margin-top: 18px;\n margin-left: 5px; }\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 .message-list .list .col-mail-2 {\n position: absolute;\n top: 14px;\n left: 320px;\n right: 0;\n bottom: 0; }\n .message-list .list .col-mail-2 .subject,\n .message-list .list .col-mail-2 .date {\n position: absolute;\n top: 0; }\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 .message-list .list .col-mail-2 .date {\n right: 10px;\n width: 170px;\n padding-left: 80px; }\n .message-list .list.active, .message-list .list.active:hover {\n box-shadow: inset 3px 0 0 #1f58c7; }\n .message-list .list.unread {\n background-color: #eff0f2;\n font-weight: 500;\n color: #2c354a; }\n .message-list .list.unread a {\n color: #2c354a;\n font-weight: 500; }\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 .message-list .checkbox-wrapper-mail input {\n opacity: 0;\n cursor: pointer; }\n .message-list .checkbox-wrapper-mail input:checked ~ label {\n opacity: 1; }\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: .05s;\n top: 17px; }\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: #2c354a;\n width: 20px;\n position: absolute;\n margin-top: -16px;\n left: 4px;\n font-size: 13px; }\n .message-list:hover {\n background-color: #f5f6f8; }\n\n.email-search .form-control {\n border: 0px;\n padding: .60rem .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@media (max-width: 575.98px) {\n .message-list .list .col-mail-1 {\n width: 200px; } }\n\nbody[data-layout-mode=\"dark\"] .mail-list a {\n color: #b0b6bc; }\n body[data-layout-mode=\"dark\"] .mail-list a.active {\n color: #ed5555; }\n\nbody[data-layout-mode=\"dark\"] .chat-user-box p.user-title {\n color: #d8dbdd; }\n\nbody[data-layout-mode=\"dark\"] .unread {\n background-color: #282c2e; }\n\nbody[data-layout-mode=\"dark\"] .message-list .list a {\n color: #b0b6bc; }\n\nbody[data-layout-mode=\"dark\"] .message-list .list.unread {\n background: #25282b;\n color: #d8dbdd; }\n\nbody[data-layout-mode=\"dark\"] .message-list .checkbox-wrapper-mail {\n box-shadow: inset 0 0 0 1px #b0b6bc; }\n body[data-layout-mode=\"dark\"] .message-list .checkbox-wrapper-mail label::before {\n color: #d8dbdd; }\n\nbody[data-layout-mode=\"dark\"] .message-list:hover {\n background-color: #282c2e; }\n\n@media (min-width: 1200px) {\n .chat-leftsidebar {\n min-width: 380px; } }\n\n@media (min-width: 992px) and (max-width: 1199.98px) {\n .chat-leftsidebar {\n min-width: 290px; } }\n\n.chat-noti-dropdown {\n position: relative;\n z-index: 2; }\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 .chat-noti-dropdown .btn {\n padding: 6px;\n box-shadow: none;\n font-size: 16px; }\n\n.chat-message-list {\n height: calc(100vh - 346px); }\n @media (min-width: 992px) {\n .chat-message-list {\n height: calc(100vh - 505px); } }\n\n.chat-search-box .form-control {\n border: 0; }\n\n.chat-user-status {\n position: relative;\n margin-top: -25px; }\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.chat-list {\n margin: 0; }\n .chat-list .active {\n background: #1f58c7;\n border-radius: 0.75rem !important; }\n .chat-list .active h5 {\n color: #fff; }\n .chat-list li a {\n position: relative;\n display: block;\n padding: 12px 18px;\n color: #a4a9b4;\n transition: all 0.4s;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 13px; }\n .chat-list li .user-img {\n position: relative; }\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 #fff;\n position: absolute;\n left: 0;\n bottom: 0; }\n .chat-list li .user-img.online .user-status {\n background-color: #28b765; }\n .chat-list li .user-img.away .user-status {\n background-color: #f4c238; }\n .chat-list li.unread a {\n font-weight: 600;\n color: #35415a; }\n .chat-list li .unread-message {\n position: absolute;\n display: inline-block;\n right: 16px;\n top: 33px; }\n\n.group-list li a {\n border: 0; }\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.contact-list {\n font-size: 12px;\n text-transform: uppercase;\n color: #a4a9b4;\n font-weight: 600; }\n\n.chat-conversation {\n height: calc(100vh - 300px); }\n @media (min-width: 992px) {\n .chat-conversation {\n height: calc(100vh - 315px); } }\n .chat-conversation li {\n clear: both; }\n .chat-conversation .chat-day-title {\n position: relative;\n text-align: center;\n margin-bottom: 24px;\n border: none; }\n .chat-conversation .chat-day-title .title {\n display: inline-block;\n background-color: #fff;\n position: relative;\n z-index: 1;\n padding: 4px 16px;\n border-radius: 7px; }\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: #eff0f2;\n top: 16px; }\n .chat-conversation .chat-day-title .badge {\n font-size: 12px; }\n .chat-conversation .chat-avatar {\n text-align: center; }\n .chat-conversation .chat-avatar img {\n width: 32px;\n height: 32px;\n border-radius: 50%; }\n .chat-conversation .chat-avatar .time {\n font-size: 12px;\n color: #a4a9b4;\n font-weight: 500;\n margin-top: 4px; }\n .chat-conversation .conversation-list {\n margin-bottom: 24px;\n position: relative; }\n @media (min-width: 992px) {\n .chat-conversation .conversation-list {\n max-width: 60%; } }\n .chat-conversation .conversation-list .ctext-wrap {\n display: flex;\n margin-bottom: 20px; }\n .chat-conversation .conversation-list .ctext-wrap-content {\n padding: 15px 20px;\n background-color: #f5f6f8;\n border-radius: 0px 8px 8px 8px;\n color: #a4a9b4;\n position: relative;\n margin-left: 10px; }\n .chat-conversation .conversation-list .ctext-wrap-content:before {\n content: \"\";\n position: absolute;\n border: 5px solid transparent;\n border-right-color: #f5f6f8;\n border-top-color: #f5f6f8;\n left: -10px;\n top: 0; }\n .chat-conversation .conversation-list .conversation-name {\n display: flex;\n font-size: 13px; }\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: #a4a9b4;\n font-weight: 400;\n transition: all .4s; }\n .chat-conversation .conversation-list .conversation-name .user-name {\n color: rgba(255, 255, 255, 0.5); }\n .chat-conversation .conversation-list:hover .time {\n opacity: 1; }\n .chat-conversation .conversation-list .dropdown .dropdown-toggle {\n font-size: 18px;\n padding: 4px;\n color: #a4a9b4; }\n @media (max-width: 575.98px) {\n .chat-conversation .conversation-list .dropdown .dropdown-toggle {\n display: none; } }\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 .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 .chat-conversation .conversation-list .message-img .message-img-list {\n position: relative; }\n .chat-conversation .conversation-list .message-img img {\n max-width: 80px; }\n .chat-conversation .right {\n display: flex;\n justify-content: flex-end; }\n .chat-conversation .right .conversation-list {\n text-align: right; }\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 .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 .chat-conversation .right .conversation-list .ctext-wrap .conversation-name {\n justify-content: flex-end; }\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 .chat-conversation .right .conversation-list .ctext-wrap .conversation-name .user-name {\n color: #35415a;\n order: 2; }\n .chat-conversation .right .conversation-list .dropdown {\n order: 1; }\n .chat-conversation .right .conversation-list .chat-avatar {\n order: 3; }\n\n.chat-input-section {\n border-top: 1px solid #eff0f2; }\n\n.chat-input {\n background-color: #f5f6f8 !important;\n border-color: #f5f6f8 !important; }\n\n@media (max-width: 575.98px) {\n .chat-send {\n min-width: auto; } }\n\nbody[data-layout=\"horizontal\"] .chat-message-list {\n height: calc(100vh - 346px); }\n @media (min-width: 992px) {\n body[data-layout=\"horizontal\"] .chat-message-list {\n height: calc(100vh - 475px); } }\n\nbody[data-layout=\"horizontal\"] .chat-conversation {\n height: calc(100vh - 300px); }\n @media (min-width: 992px) {\n body[data-layout=\"horizontal\"] .chat-conversation {\n height: calc(100vh - 311px); } }\n\nbody[data-layout-mode=\"dark\"] .chat-noti-dropdown .btn {\n color: #d8dbdd; }\n\nbody[data-layout-mode=\"dark\"] .chat-list li a {\n border-color: #282c2e; }\n\nbody[data-layout-mode=\"dark\"] .chat-list li .user-img .user-status {\n border-color: #1f2224; }\n\nbody[data-layout-mode=\"dark\"] .chat-list li.unread a {\n color: #d8dbdd; }\n\nbody[data-layout-mode=\"dark\"] .chat-conversation .chat-day-title:before, body[data-layout-mode=\"dark\"] .chat-conversation .chat-day-title .title {\n background-color: #282c2e; }\n\nbody[data-layout-mode=\"dark\"] .user-chat-nav .dropdown .nav-btn {\n color: #d8dbdd; }\n\nbody[data-layout-mode=\"dark\"] .chat-conversation .conversation-list .conversation-name .user-name {\n color: #d8dbdd; }\n\nbody[data-layout-mode=\"dark\"] .chat-conversation .conversation-list .ctext-wrap-content {\n background-color: #282c2e !important; }\n body[data-layout-mode=\"dark\"] .chat-conversation .conversation-list .ctext-wrap-content:before {\n border-right-color: #282c2e;\n border-top-color: #282c2e; }\n\nbody[data-layout-mode=\"dark\"] .chat-conversation .right .conversation-list .ctext-wrap-content {\n background-color: #1f58c7 !important; }\n body[data-layout-mode=\"dark\"] .chat-conversation .right .conversation-list .ctext-wrap-content:before {\n border-left-color: #1f58c7;\n border-top-color: #1f58c7; }\n\nbody[data-layout-mode=\"dark\"] .chat-input {\n background-color: #1f2224 !important;\n border-color: #282c2e !important; }\n\nbody[data-layout-mode=\"dark\"] .chat-input-section {\n border-top: 1px solid #282c2e; }\n\n@media (min-width: 992px) {\n .small-chat .conversation-list {\n max-width: 90%; } }\n\n.contact-links a {\n color: #545965; }\n\n.profile-user-wid {\n margin-top: -26px; }\n\n.project-list-table {\n border-collapse: separate;\n border-spacing: 0 12px; }\n .project-list-table tr {\n background-color: #fff; }\n\nbody[data-layout-mode=\"dark\"] .project-list-table {\n border-collapse: separate;\n border-spacing: 0 12px; }\n body[data-layout-mode=\"dark\"] .project-list-table tr {\n background-color: #1f2224; }\n\n.countdownlist {\n text-align: center;\n display: flex;\n gap: 24px; }\n .countdownlist .countdownlist-item {\n width: 25%; }\n .countdownlist .countdownlist-item:last-of-type .count-num::after {\n display: none; }\n .countdownlist .count-title {\n font-size: 13px;\n font-weight: 500;\n display: block;\n margin-bottom: 8px;\n color: rgba(53, 65, 90, 0.5);\n text-transform: uppercase; }\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: 0.6rem;\n box-shadow: 0 0px 6px #ebeef4;\n font-weight: 600;\n font-size: 32px; }\n @media (max-width: 575.98px) {\n .countdownlist .count-num {\n font-size: 18px; } }\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: #35415a; }\n\n.countdown-endtxt {\n font-size: 24px;\n font-weight: 600; }\n\n.countdown-input-group {\n max-width: 350px; }\n\nbody[data-layout-mode=\"dark\"] .countdownlist .count-title {\n color: #b0b6bc; }\n\nbody[data-layout-mode=\"dark\"] .countdownlist .count-num {\n background-color: #282c2e;\n color: #d8dbdd; }\n body[data-layout-mode=\"dark\"] .countdownlist .count-num::after {\n color: #282c2e; }\n\n/************** vertical timeline **************/\n.timeline {\n position: relative;\n width: 100%;\n padding: 30px 0; }\n @media (max-width: 767.98px) {\n .timeline {\n padding: 0; } }\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 .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 .timeline .timeline-year {\n margin: 30px 0; }\n .timeline .timeline-continue {\n position: relative;\n width: 100%;\n padding: 60px 0; }\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 .timeline .timeline-icon {\n margin: 42px 10px 0 10px; }\n .timeline .timeline-left {\n text-align: right; }\n .timeline .timeline-left .timeline-icon {\n text-align: left; }\n .timeline .timeline-right {\n text-align: left; }\n .timeline .timeline-right .timeline-icon {\n text-align: right; }\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 @media (min-width: 768px) {\n .timeline .event-content {\n padding-right: 24px; }\n .timeline .timeline-text {\n margin-right: 40px; } }\n .timeline .timeline-left .timeline-icon::after {\n left: -7px; }\n @media (min-width: 768px) {\n .timeline .timeline-left .event-content {\n padding-right: 0;\n padding-left: 24px; }\n .timeline .timeline-left .timeline-text {\n margin-right: 0px;\n margin-left: 40px; }\n .timeline .timeline-left .event-img {\n justify-content: flex-end; } }\n .timeline .timeline-right .timeline-icon::after {\n right: -7px; }\n .timeline .timeline-box {\n position: relative;\n display: inline-block;\n margin: 15px;\n padding: 20px;\n background-color: #f5f6f8;\n border-radius: 6px; }\n .timeline .timeline-box::after {\n content: \"\";\n position: absolute;\n width: 16px;\n height: 16px;\n top: 26px;\n background-color: #f5f6f8;\n border: 1px solid #f5f6f8;\n transform: rotate(45deg);\n margin: 0px auto; }\n .timeline .timeline-launch {\n position: relative;\n display: inline-block;\n margin: 15px;\n padding: 20px;\n border: 1px solid #f5f6f8;\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.timeline-date {\n right: 20px; }\n @media (max-width: 767.98px) {\n .timeline-date {\n left: -70px;\n right: auto; } }\n\n.timeline-left .timeline-date {\n left: 20px; }\n @media (max-width: 767.98px) {\n .timeline-left .timeline-date {\n left: -70px;\n right: auto; } }\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 @media (max-width: 767.98px) {\n .timeline .timeline-date {\n top: 0px; } }\n\n.timeline .timeline-right .timeline-box::after {\n border-color: transparent transparent #f5f6f8 #f5f6f8;\n left: -8px;\n right: 100%; }\n\n.timeline .timeline-left .timeline-box::after {\n border-color: #f5f6f8 #f5f6f8 transparent transparent;\n right: -8px; }\n\n.timeline .timeline-launch .timeline-box::after {\n top: -8px;\n left: 32px;\n border-color: #f5f6f8 transparent transparent #f5f6f8; }\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.timeline .timeline-launch .timeline-text {\n width: 100%; }\n\n@media (max-width: 767px) {\n .timeline .timeline-continue::after {\n left: 40px; }\n .timeline .timeline-end,\n .timeline .timeline-start,\n .timeline .timeline-year {\n text-align: left; }\n .timeline .row.timeline-left {\n text-align: left; }\n .timeline .row.timeline-left .timeline-icon {\n text-align: left; }\n .timeline .row.timeline-right {\n text-align: left; }\n .timeline .row.timeline-right .timeline-icon {\n text-align: left; }\n .timeline .timeline-launch {\n text-align: left;\n margin-bottom: 0; }\n .timeline .row.timeline-left .timeline-icon::after {\n left: 43px; }\n .timeline .row.timeline-right .timeline-icon::after {\n left: 43px; }\n .timeline .timeline-box {\n margin-left: 82px;\n margin-right: 0; }\n .timeline .row.timeline-right .timeline-icon {\n margin-left: 55px; }\n .timeline .row.timeline-left .timeline-icon {\n margin-left: 55px; }\n .timeline .timeline-launch .timeline-box {\n margin-left: 0;\n margin-bottom: 0; }\n .timeline .row.timeline-left .timeline-box::after {\n left: -8px;\n border-color: transparent transparent #f5f6f8 #f5f6f8;\n right: auto; } }\n\nbody[data-layout-mode=\"dark\"] .timeline .timeline-box {\n border-color: #282c2e;\n background-color: #282c2e; }\n body[data-layout-mode=\"dark\"] .timeline .timeline-box:after {\n background-color: #282c2e; }\n\nbody[data-layout-mode=\"dark\"] .timeline .timeline-left .timeline-box:after {\n border-color: #282c2e #282c2e transparent transparent; }\n\nbody[data-layout-mode=\"dark\"] .timeline .timeline-right .timeline-box:after {\n border-color: transparent transparent #282c2e #282c2e; }\n\nbody[data-layout-mode=\"dark\"] .timeline .timeline-launch .timeline-box::after {\n border-color: #282c2e transparent transparent #282c2e; }\n\n.categories-filter .list-inline-item {\n position: relative;\n margin-right: 0; }\n .categories-filter .list-inline-item a {\n display: block;\n color: #545965;\n font-weight: 600;\n padding: 8px 15px;\n margin: 7px;\n cursor: pointer;\n border-radius: 4px; }\n .categories-filter .list-inline-item a.active {\n color: #1f58c7;\n font-weight: 700; }\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: #a4a9b4;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n right: -2px; }\n .categories-filter .list-inline-item:last-child:after {\n display: none; }\n\n.gallery-box {\n position: relative;\n text-align: center;\n overflow: hidden;\n border: 1px solid #eff0f2; }\n .gallery-box .gallery-container {\n position: relative;\n overflow: hidden;\n border-radius: 4px 4px 0px 0px; }\n .gallery-box .gallery-container a {\n display: block; }\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 .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 .gallery-box .gallery-img {\n transition: all 0.2s ease-in-out; }\n .gallery-box .box-content {\n position: absolute;\n left: 0;\n right: 0;\n bottom: -28px;\n background-color: #fff;\n transition: all 0.2s; }\n .gallery-box .box-content .title {\n font-size: 14px;\n margin-bottom: 4px; }\n .gallery-box .box-content .post {\n margin: 0;\n opacity: 0;\n transition: all 0.2s;\n color: #a4a9b4; }\n .gallery-box:hover .box-content {\n bottom: 0; }\n .gallery-box:hover .box-content .post {\n opacity: 1; }\n .gallery-box:hover .gallery-img {\n transform: translateY(-28px); }\n .gallery-box:hover .gallery-overlay {\n opacity: 1;\n visibility: visible; }\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 .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.faq-icon i {\n font-size: 80px;\n position: absolute;\n margin-top: -30px;\n right: -20px;\n opacity: .2; }\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.pricing-box {\n border-top: 2px solid #1f58c7; }\n .pricing-box .pricing-features {\n color: #a4a9b4; }\n .pricing-box .pricing-features li {\n padding: 4px 0; }\n\n.error-title {\n font-size: 180px;\n text-shadow: 9px 0px #1f58c7; }\n @media (max-width: 425px) {\n .error-title {\n font-size: 150px; } }\n\nbody[data-layout-mode=\"dark\"] .categories-filter .list-inline-item a {\n color: #d8dbdd; }\n body[data-layout-mode=\"dark\"] .categories-filter .list-inline-item a.active {\n color: #1f58c7; }\n\nbody[data-layout-mode=\"dark\"] .gallery-box .box-content {\n background-color: #1f2224; }\n","//\r\n// Google font - Work Sans\r\n//\r\n\r\n@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Montserrat:wght@400;500;600&display=swap');\r\n","body[data-layout-mode=\"dark\"] {\r\n background-color: $gray-dark-200 !important;\r\n color: $gray-dark-400;\r\n\r\n .h1,.h2,.h3,.h4,.h5,.h6,\r\n h1,h2,h3,h4,h5,h6 {\r\n color: $gray-dark-600;\r\n }\r\n}\r\n","// Variables\n\n//\n// custom-variables\n//\n\n// Vertical Sidebar - Default Light\n$sidebar-bg: #ffffff;\n$sidebar-border-color: #eff0f2;\n$sidebar-menu-item-color: #7b8190;\n$sidebar-menu-sub-item-color: #7b8190;\n$sidebar-menu-item-icon-color: #7b8190;\n$sidebar-menu-item-hover-color: #383c40;\n$sidebar-menu-item-active-color: #2e3032;\n$sidebar-menu-sub-item-active-color: #2e3032;\n$sidebar-menu-item-active-bg-color: #f3f5f9;\n$sidebar-menu-sub-item-line-color: #eaecf1;\n$sidebar-width: 270px;\n$sidebar-collapsed-width: 70px;\n$sidebar-width-sm: 160px;\n\n// Vertical Sidebar - Dark\n$sidebar-dark-bg: #1f2224; //2c313a\n$sidebar-dark-menu-item-color: #7e8388;\n$sidebar-dark-menu-sub-item-color: #7e8388;\n$sidebar-dark-menu-item-icon-color: #525363;\n$sidebar-dark-menu-item-hover-color: #ffffff;\n$sidebar-dark-menu-item-active-color: #ffffff;\n$sidebar-dark-menu-item-active-bg-color: #30343a;\n$sidebar-dark-menu-sub-item-line-color: #505356;\n\n// Topbar - Deafult Light\n$header-height: 75px;\n$header-bg: #f8f9fb;\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$footer-color: #74788d;\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: #ffffff;\n\n// Boxed layout width\n$boxed-layout-width: 1500px;\n$boxed-body-bg: #f4f4f7;\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: $gray-100;\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// \n// Dark theme Layout\n//\n\n$gray-dark-100: #03273c;\n$gray-dark-200: #1f2224;\n$gray-dark-300: #282c2e;\n$gray-dark-400: #b0b6bc;\n$gray-dark-500: #d8dbdd;\n$gray-dark-600: #eeeff1; //bdc1c5\n$gray-dark-700: #e2e5e8;\n$gray-dark-800: #b7c1cf;\n$gray-dark-900: #f8f9fa;\n\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: #545965;\n$gray-800: #3F4452;\n$gray-900: #35415a;\n$black: #000;\n// scss-docs-end gray-color-variables\n// fusv-disable\n// scss-docs-start gray-colors-map\n$grays: (\n \"100\": $gray-100,\n \"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 \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n);\n// scss-docs-end colors-map\n// scss-docs-start theme-color-variables\n$primary: $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\n// scss-docs-end theme-color-variables\n$theme-colors: (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"pink\": $pink,\n \"light\": $light,\n \"dark\": $dark,\n \"white\": $white,\n \"purple\": $purple\n);\n\n// scss-docs-end theme-colors-map\n\n// scss-docs-start theme-colors-rgb\n$theme-colors-rgb: map-loop($theme-colors, to-rgb, \"$value\");\n// scss-docs-end theme-colors-rgb\n\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.\n// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\n$min-contrast-ratio: 1.7;\n\n// Customize the light and dark text colors for use in our color contrast function.\n$color-contrast-dark: $black;\n$color-contrast-light: $white;\n\n// fusv-disable\n$blue-100: tint-color($blue, 80%);\n$blue-200: tint-color($blue, 60%);\n$blue-300: tint-color($blue, 40%);\n$blue-400: tint-color($blue, 20%);\n$blue-500: $blue;\n$blue-600: shade-color($blue, 20%);\n$blue-700: shade-color($blue, 40%);\n$blue-800: shade-color($blue, 60%);\n$blue-900: shade-color($blue, 80%);\n\n$indigo-100: tint-color($indigo, 80%);\n$indigo-200: tint-color($indigo, 60%);\n$indigo-300: tint-color($indigo, 40%);\n$indigo-400: tint-color($indigo, 20%);\n$indigo-500: $indigo;\n$indigo-600: shade-color($indigo, 20%);\n$indigo-700: shade-color($indigo, 40%);\n$indigo-800: shade-color($indigo, 60%);\n$indigo-900: shade-color($indigo, 80%);\n\n$purple-100: tint-color($purple, 80%);\n$purple-200: tint-color($purple, 60%);\n$purple-300: tint-color($purple, 40%);\n$purple-400: tint-color($purple, 20%);\n$purple-500: $purple;\n$purple-600: shade-color($purple, 20%);\n$purple-700: shade-color($purple, 40%);\n$purple-800: shade-color($purple, 60%);\n$purple-900: shade-color($purple, 80%);\n\n$pink-100: tint-color($pink, 80%);\n$pink-200: tint-color($pink, 60%);\n$pink-300: tint-color($pink, 40%);\n$pink-400: tint-color($pink, 20%);\n$pink-500: $pink;\n$pink-600: shade-color($pink, 20%);\n$pink-700: shade-color($pink, 40%);\n$pink-800: shade-color($pink, 60%);\n$pink-900: shade-color($pink, 80%);\n\n$red-100: tint-color($red, 80%);\n$red-200: tint-color($red, 60%);\n$red-300: tint-color($red, 40%);\n$red-400: tint-color($red, 20%);\n$red-500: $red;\n$red-600: shade-color($red, 20%);\n$red-700: shade-color($red, 40%);\n$red-800: shade-color($red, 60%);\n$red-900: shade-color($red, 80%);\n\n$orange-100: tint-color($orange, 80%);\n$orange-200: tint-color($orange, 60%);\n$orange-300: tint-color($orange, 40%);\n$orange-400: tint-color($orange, 20%);\n$orange-500: $orange;\n$orange-600: shade-color($orange, 20%);\n$orange-700: shade-color($orange, 40%);\n$orange-800: shade-color($orange, 60%);\n$orange-900: shade-color($orange, 80%);\n\n$yellow-100: tint-color($yellow, 80%);\n$yellow-200: tint-color($yellow, 60%);\n$yellow-300: tint-color($yellow, 40%);\n$yellow-400: tint-color($yellow, 20%);\n$yellow-500: $yellow;\n$yellow-600: shade-color($yellow, 20%);\n$yellow-700: shade-color($yellow, 40%);\n$yellow-800: shade-color($yellow, 60%);\n$yellow-900: shade-color($yellow, 80%);\n\n$green-100: tint-color($green, 80%);\n$green-200: tint-color($green, 60%);\n$green-300: tint-color($green, 40%);\n$green-400: tint-color($green, 20%);\n$green-500: $green;\n$green-600: shade-color($green, 20%);\n$green-700: shade-color($green, 40%);\n$green-800: shade-color($green, 60%);\n$green-900: shade-color($green, 80%);\n\n$teal-100: tint-color($teal, 80%);\n$teal-200: tint-color($teal, 60%);\n$teal-300: tint-color($teal, 40%);\n$teal-400: tint-color($teal, 20%);\n$teal-500: $teal;\n$teal-600: shade-color($teal, 20%);\n$teal-700: shade-color($teal, 40%);\n$teal-800: shade-color($teal, 60%);\n$teal-900: shade-color($teal, 80%);\n\n$cyan-100: tint-color($cyan, 80%);\n$cyan-200: tint-color($cyan, 60%);\n$cyan-300: tint-color($cyan, 40%);\n$cyan-400: tint-color($cyan, 20%);\n$cyan-500: $cyan;\n$cyan-600: shade-color($cyan, 20%);\n$cyan-700: shade-color($cyan, 40%);\n$cyan-800: shade-color($cyan, 60%);\n$cyan-900: shade-color($cyan, 80%);\n\n$blues: (\n \"blue-100\": $blue-100,\n \"blue-200\": $blue-200,\n \"blue-300\": $blue-300,\n \"blue-400\": $blue-400,\n \"blue-500\": $blue-500,\n \"blue-600\": $blue-600,\n \"blue-700\": $blue-700,\n \"blue-800\": $blue-800,\n \"blue-900\": $blue-900\n);\n\n$indigos: (\n \"indigo-100\": $indigo-100,\n \"indigo-200\": $indigo-200,\n \"indigo-300\": $indigo-300,\n \"indigo-400\": $indigo-400,\n \"indigo-500\": $indigo-500,\n \"indigo-600\": $indigo-600,\n \"indigo-700\": $indigo-700,\n \"indigo-800\": $indigo-800,\n \"indigo-900\": $indigo-900\n);\n\n$purples: (\n \"purple-100\": $purple-200,\n \"purple-200\": $purple-100,\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// 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-cssgrid: false;\n$enable-button-pointers: true;\n$enable-rfs: true;\n$enable-validation-icons: true;\n$enable-negative-margins: true;\n$enable-deprecation-messages: true;\n$enable-important-utilities: true;\n\n// Prefix for :root CSS variables\n\n$variable-prefix: bs-;\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, .25), rgba($white, 0));\n// scss-docs-end variable-gradient\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// scss-docs-start spacer-variables-maps\n$spacer: 1rem;\n$spacers: (\n 0: 0,\n 1: $spacer * 0.25,\n 2: $spacer * 0.5,\n 3: $spacer,\n 4: $spacer * 1.5,\n 5: $spacer * 3,\n);\n\n$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null);\n// scss-docs-end spacer-variables-maps\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n// scss-docs-start position-map\n$position-values: (\n 0: 0,\n 50: 50%,\n 100: 100%\n);\n// scss-docs-end position-map\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg: #f8f9fb;\n$body-color: $gray-700;\n$body-text-align: null;\n\n// Utilities maps\n//\n// Extends the default `$theme-colors` maps to help create our utilities.\n\n// scss-docs-start utilities-colors\n$utilities-colors: map-merge(\n $theme-colors-rgb,\n (\n \"black\": to-rgb($black),\n \"white\": to-rgb($white),\n \"body\": to-rgb($body-color)\n )\n);\n// scss-docs-end utilities-colors\n\n// scss-docs-start utilities-text-colors\n$utilities-text-colors: map-loop($utilities-colors, rgba-css-var, \"$key\", \"text\");\n// scss-docs-end utilities-text-colors\n\n// scss-docs-start utilities-bg-colors\n$utilities-bg-colors: map-loop($utilities-colors, rgba-css-var, \"$key\", \"bg\");\n// scss-docs-end utilities-bg-colors\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: $primary;\n$link-decoration: none;\n$link-shade-percentage: 20%;\n$link-hover-color: darken($link-color, 15%);\n$link-hover-decoration: null;\n\n$stretched-link-pseudo-element: after;\n$stretched-link-z-index: 1;\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\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\n$border-color: $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-pill: 50rem;\n// scss-docs-end border-radius-variables\n\n// scss-docs-start box-shadow-variables\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075);\n$box-shadow: 0 0px 6px darken($body-bg, 4%);\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 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$font-family-base: $font-family-sans-serif;\n// stylelint-enable value-keyword-case\n$font-family-code: var(--#{$variable-prefix}font-monospace);\n\n// $font-size-root effects the value of `rem`, which is used for as well font sizes, paddings and margins\n// $font-size-base effects the font size of the body text\n$font-size-root: null;\n$font-size-base: 0.925rem;\n$font-size-lg: $font-size-base * 1.25;\n$font-size-sm: $font-size-base * .875;\n\n$font-weight-lighter: lighter;\n$font-weight-light: 300;\n$font-weight-normal: 400;\n$font-weight-bold: 700;\n$font-weight-bolder: bolder;\n\n$font-weight-base: $font-weight-normal;\n\n$line-height-base: 1.5;\n$line-height-sm: 1.25;\n$line-height-lg: 2;\n\n$h1-font-size: $font-size-base * 2.5;\n$h2-font-size: $font-size-base * 2;\n$h3-font-size: $font-size-base * 1.75;\n$h4-font-size: $font-size-base * 1.5;\n$h5-font-size: $font-size-base * 1.25;\n$h6-font-size: $font-size-base;\n// scss-docs-end font-variables\n\n// scss-docs-start font-sizes\n$font-sizes: (\n 1: $h1-font-size,\n 2: $h2-font-size,\n 3: $h3-font-size,\n 4: $h4-font-size,\n 5: $h5-font-size,\n 6: $h6-font-size\n);\n// scss-docs-end font-sizes\n\n// scss-docs-start headings-variables\n$headings-margin-bottom: $spacer * 0.5;\n$headings-font-family: null;\n$headings-font-style: null;\n$headings-font-weight: 500;\n$headings-line-height: 1.2;\n$headings-color: null;\n// scss-docs-end headings-variables\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n 1: 6rem,\n 2: 5.5rem,\n 3: 4.5rem,\n 4: 3.5rem,\n 5: 3rem,\n 6: 2.5rem\n);\n\n$display-font-weight: 300;\n$display-line-height: $headings-line-height;\n// scss-docs-end display-headings\n\n// scss-docs-start type-variables\n$lead-font-size: $font-size-base * 1.25;\n$lead-font-weight: 300;\n\n$small-font-size: 87.5%;\n\n$sub-sup-font-size: .75em;\n\n$text-muted: $gray-600;\n\n$initialism-font-size: $small-font-size;\n\n$blockquote-margin-y: $spacer;\n$blockquote-font-size: $font-size-base * 1.25;\n$blockquote-footer-color: $gray-600;\n$blockquote-footer-font-size: $small-font-size;\n\n$hr-margin-y: $spacer;\n$hr-color: $gray-500;\n$hr-height: $border-width;\n$hr-opacity: .25;\n\n$legend-margin-bottom: .5rem;\n$legend-font-size: 1.5rem;\n$legend-font-weight: null;\n\n$mark-padding: .2em;\n\n$dt-font-weight: $font-weight-bold;\n\n$nested-kbd-font-weight: $font-weight-bold;\n\n$list-inline-padding: .5rem;\n\n$mark-bg: #fcf8e3;\n// scss-docs-end type-variables\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n// scss-docs-start table-variables\n\n$table-cell-padding-y: .75rem;\n$table-cell-padding-x: .75rem;\n$table-cell-padding-y-sm: .40rem;\n$table-cell-padding-x-sm: .40rem;\n\n$table-cell-vertical-align: top;\n\n$table-color: $body-color;\n$table-bg: null;\n$table-accent-bg: transparent;\n\n$table-th-font-weight: 500;\n\n$table-striped-color: $table-color;\n$table-striped-bg-factor: .05;\n$table-striped-bg: $gray-100;\n$table-dark-border-color: tint-color($gray-800, 7.5%);\n\n$table-active-color: $table-color;\n$table-active-bg-factor: .1;\n$table-active-bg: rgba($black, $table-active-bg-factor);\n\n$table-hover-color: $table-color;\n$table-hover-bg-factor: .075;\n$table-hover-bg: $gray-100;\n\n$table-border-factor: .1;\n$table-border-width: $border-width;\n$table-border-color: $border-color;\n\n\n$table-striped-order: odd;\n\n$table-group-separator-color: $border-color;\n\n$table-caption-color: $text-muted;\n\n$table-bg-scale: -80%;\n// scss-docs-end table-variables\n\n// scss-docs-start table-loop\n$table-variants: (\n \"primary\": shift-color($primary, $table-bg-scale),\n \"secondary\": shift-color($secondary, $table-bg-scale),\n \"success\": shift-color($success, $table-bg-scale),\n \"info\": shift-color($info, $table-bg-scale),\n \"warning\": shift-color($warning, $table-bg-scale),\n \"danger\": shift-color($danger, $table-bg-scale),\n \"light\": $light,\n \"dark\": $dark,\n);\n// scss-docs-end table-loop\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n// scss-docs-start input-btn-variables\n$input-btn-padding-y: .47rem;\n$input-btn-padding-x: .75rem;\n$input-btn-font-family: null;\n$input-btn-font-size: $font-size-base;\n$input-btn-line-height: $line-height-base;\n\n$input-btn-focus-width: .15rem;\n$input-btn-focus-color-opacity: .25;\n$input-btn-focus-color: rgba($component-active-bg, $input-btn-focus-color-opacity);\n$input-btn-focus-blur: 0;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color;\n\n$input-btn-padding-y-sm: .25rem;\n$input-btn-padding-x-sm: .5rem;\n$input-btn-font-size-sm: $font-size-sm;\n\n$input-btn-padding-y-lg: .5rem;\n$input-btn-padding-x-lg: 1rem;\n$input-btn-font-size-lg: $font-size-lg;\n\n$input-btn-border-width: $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-padding-y: $input-btn-padding-y;\n$btn-padding-x: $input-btn-padding-x;\n$btn-font-family: $input-btn-font-family;\n$btn-font-size: $input-btn-font-size;\n$btn-line-height: $input-btn-line-height;\n$btn-white-space: null; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm: $input-btn-padding-y-sm;\n$btn-padding-x-sm: $input-btn-padding-x-sm;\n$btn-font-size-sm: $input-btn-font-size-sm;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg;\n$btn-padding-x-lg: $input-btn-padding-x-lg;\n$btn-font-size-lg: $input-btn-font-size-lg;\n\n$btn-border-width: $input-btn-border-width;\n\n$btn-font-weight: $font-weight-normal;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075);\n$btn-focus-width: $input-btn-focus-width;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow;\n$btn-disabled-opacity: .65;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125);\n\n$btn-link-color: $link-color;\n$btn-link-hover-color: $link-hover-color;\n$btn-link-disabled-color: $gray-600;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius;\n$btn-border-radius-sm: $border-radius-sm;\n$btn-border-radius-lg: $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: $text-muted;\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: $white;\n$input-disabled-bg: $gray-200;\n$input-disabled-border-color: null;\n\n$input-color: $body-color;\n$input-border-color: $gray-400;\n$input-border-width: $input-btn-border-width;\n$input-box-shadow: $box-shadow-inset;\n\n$input-border-radius: $border-radius;\n$input-border-radius-sm: $border-radius-sm;\n$input-border-radius-lg: $border-radius-lg;\n\n$input-focus-bg: $input-bg;\n$input-focus-border-color: shade-color($input-border-color, 10%);\n$input-focus-color: $input-color;\n$input-focus-width: $input-btn-focus-width;\n$input-focus-box-shadow: none;\n\n$input-placeholder-color: $gray-500;\n$input-plaintext-color: $body-color;\n\n$input-height-border: $input-border-width * 2;\n\n$input-height-inner: add($input-line-height * 1em, $input-padding-y * 2);\n$input-height-inner-half: add($input-line-height * .5em, $input-padding-y);\n$input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y * 0.5);\n\n$input-height: add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false));\n$input-height-sm: add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false));\n$input-height-lg: add($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false));\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n$form-color-width: 3rem;\n// scss-docs-end form-input-variables\n\n// scss-docs-start form-check-variables\n$form-check-input-width: 1em;\n$form-check-min-height: $font-size-base * $line-height-base;\n$form-check-padding-start: $form-check-input-width + .5em;\n$form-check-margin-bottom: 0rem;\n$form-check-label-color: null;\n$form-check-label-cursor: null;\n$form-check-transition: background-color .15s ease-in-out, background-position .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$form-check-input-active-filter: brightness(90%);\n\n$form-check-input-bg: $input-bg;\n$form-check-input-border: 1px solid $gray-500;\n$form-check-input-border-radius: .25em;\n$form-check-radio-border-radius: 50%;\n$form-check-input-focus-border: $input-focus-border-color;\n$form-check-input-focus-box-shadow: none;\n\n$form-check-input-checked-color: $component-active-color;\n$form-check-input-checked-bg-color: $component-active-bg;\n$form-check-input-checked-border-color: $form-check-input-checked-bg-color;\n$form-check-input-checked-bg-image: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-checked-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/></svg>\");\n$form-check-radio-checked-bg-image: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='#{$form-check-input-checked-color}'/></svg>\");\n\n$form-check-input-indeterminate-color: $component-active-color;\n$form-check-input-indeterminate-bg-color: $component-active-bg;\n$form-check-input-indeterminate-border-color: $form-check-input-indeterminate-bg-color;\n$form-check-input-indeterminate-bg-image: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-indeterminate-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/></svg>\");\n\n$form-check-input-disabled-opacity: .5;\n$form-check-label-disabled-opacity: $form-check-input-disabled-opacity;\n$form-check-btn-check-disabled-opacity: $btn-disabled-opacity;\n\n$form-check-inline-margin-end: 1rem;\n// scss-docs-end form-check-variables\n\n// scss-docs-start form-switch-variables\n$form-switch-color: rgba(0, 0, 0, .25);\n$form-switch-width: 2em;\n$form-switch-padding-start: $form-switch-width + .5em;\n$form-switch-bg-image: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-color}'/></svg>\");\n$form-switch-border-radius: $form-switch-width;\n$form-switch-transition: background-position .15s ease-in-out;\n\n$form-switch-focus-color: $input-focus-border-color;\n$form-switch-focus-bg-image: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-focus-color}'/></svg>\");\n\n$form-switch-checked-color: $component-active-color;\n$form-switch-checked-bg-image: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-checked-color}'/></svg>\");\n$form-switch-checked-bg-position: right center;\n// scss-docs-end form-switch-variables\n$form-check-inline-margin-end: 1rem;\n// scss-docs-start input-group-variables\n$input-group-addon-padding-y: $input-padding-y;\n$input-group-addon-padding-x: $input-padding-x;\n$input-group-addon-font-weight: $input-font-weight;\n$input-group-addon-color: $input-color;\n$input-group-addon-bg: $gray-200;\n$input-group-addon-border-color: $input-border-color;\n// scss-docs-end input-group-variables\n\n// scss-docs-start form-select-variables\n$form-select-padding-y: $input-padding-y;\n$form-select-padding-x: $input-padding-x;\n$form-select-font-family: $input-font-family;\n$form-select-font-size: $input-font-size;\n$form-select-indicator-padding: 1.75rem; // Extra padding to account for the presence of the background-image based indicator\n$form-select-font-weight: $input-font-weight;\n$form-select-line-height: $input-line-height;\n$form-select-color: $input-color;\n$form-select-disabled-color: $gray-600;\n$form-select-bg: $input-bg;\n$form-select-disabled-bg: $gray-200;\n$form-select-disabled-border-color: $input-disabled-border-color;\n$form-select-bg-position: right $form-select-padding-x center;\n$form-select-bg-size: 16px 12px; // In pixels because image dimensions\n$form-select-indicator-color: $gray-800;\n$form-select-indicator: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-select-indicator-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>\");\n\n$form-select-feedback-icon-padding-end: add(1em * .75, (2 * $form-select-padding-y * .75) + $form-select-padding-x + $form-select-indicator-padding);\n$form-select-feedback-icon-position: center right ($form-select-padding-x + $form-select-indicator-padding);\n$form-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half;\n\n$form-select-border-width: $input-border-width;\n$form-select-border-color: $input-border-color;\n$form-select-border-radius: $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\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\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: $gray-300;\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: $gray-500;\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: $input-group-addon-bg;\n$form-file-button-hover-bg: shade-color($form-file-button-bg, 5%);\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-opacity: .65;\n$form-floating-label-transform: scale(.85) translateY(-.5rem) translateX(.15rem);\n$form-floating-transition: opacity .1s ease-in-out, transform .1s ease-in-out;\n// scss-docs-end form-floating-variables\n\n// Form validation\n\n// scss-docs-start form-feedback-variables\n$form-feedback-margin-top: $form-text-margin-top;\n$form-feedback-font-size: $form-text-font-size;\n$form-feedback-font-style: $form-text-font-style;\n$form-feedback-valid-color: $success;\n$form-feedback-invalid-color: $danger;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color;\n$form-feedback-icon-valid: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>\");\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\");\n// scss-docs-end form-feedback-variables\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\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: 1006;\n$zindex-tooltip: 1006;\n// scss-docs-end zindex-stack\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: null;\n$nav-link-hover-color: null;\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: $gray-600;\n\n$nav-tabs-border-color: $gray-400;\n$nav-tabs-border-width: $border-width;\n$nav-tabs-border-radius: $border-radius;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color;\n$nav-tabs-link-active-color: $gray-700;\n$nav-tabs-link-active-bg: $card-bg;\n$nav-tabs-link-active-border-color: $gray-400 $gray-400 $nav-tabs-link-active-bg;\n\n$nav-pills-border-radius: $border-radius;\n$nav-pills-link-active-color: $component-active-color;\n$nav-pills-link-active-bg: $component-active-bg;\n// scss-docs-end nav-variables\n\n\n// Navbar\n\n// scss-docs-start navbar-variables\n$navbar-padding-y: $spacer * 0.5;\n$navbar-padding-x: null;\n\n$navbar-nav-link-padding-x: .5rem;\n\n$navbar-brand-font-size: $font-size-lg;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) * 0.5;\n$navbar-brand-margin-end: 1rem;\n\n$navbar-toggler-padding-y: .25rem;\n$navbar-toggler-padding-x: .75rem;\n$navbar-toggler-font-size: $font-size-lg;\n$navbar-toggler-border-radius: $btn-border-radius;\n$navbar-toggler-focus-width: $btn-focus-width;\n$navbar-toggler-transition: box-shadow .15s ease-in-out;\n// scss-docs-end navbar-variables\n\n// scss-docs-start navbar-theme-variables\n$navbar-dark-color: rgba($white, .55);\n$navbar-dark-hover-color: rgba($white, .75);\n$navbar-dark-active-color: $white;\n$navbar-dark-disabled-color: rgba($white, .25);\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\");\n$navbar-dark-toggler-border-color: rgba($white, .1);\n\n$navbar-light-color: rgba($black, .55);\n$navbar-light-hover-color: rgba($black, .7);\n$navbar-light-active-color: rgba($black, .9);\n$navbar-light-disabled-color: rgba($black, .3);\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-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\");\n$navbar-light-toggler-border-color: rgba($black, .1);\n\n$navbar-light-brand-color: $navbar-light-active-color;\n$navbar-light-brand-hover-color: $navbar-light-active-color;\n$navbar-dark-brand-color: $navbar-dark-active-color;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color;\n// scss-docs-end navbar-theme-variables\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n// scss-docs-start dropdown-variables\n$dropdown-min-width: 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: $body-color;\n$dropdown-bg: $white;\n$dropdown-border-color: $gray-300;\n$dropdown-border-radius: $border-radius-lg;\n$dropdown-border-width: 1px;\n$dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width);\n$dropdown-divider-bg: $dropdown-border-color;\n$dropdown-divider-margin-y: $spacer * 0.5;\n$dropdown-box-shadow: $box-shadow;\n\n$dropdown-link-color: $gray-700;\n$dropdown-link-hover-color: tint-color($gray-900, 5%);\n$dropdown-link-hover-bg: $gray-100;\n\n$dropdown-link-active-color: tint-color($gray-900, 5%);\n$dropdown-link-active-bg: $gray-100;\n\n$dropdown-link-disabled-color: $gray-600;\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: $dropdown-padding-y $dropdown-item-padding-x;\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-700;\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: lighten($dropdown-dark-bg, 5%);\n$dropdown-dark-link-active-color: $gray-400;\n$dropdown-dark-link-active-bg: lighten($dropdown-dark-bg, 5%);\n$dropdown-dark-link-disabled-color: $gray-300;\n$dropdown-dark-header-color: $gray-500;\n// scss-docs-end dropdown-dark-variables\n\n\n// Pagination\n\n// scss-docs-start pagination-variables\n$pagination-padding-y: .375rem;\n$pagination-padding-x: .75rem;\n$pagination-padding-y-sm: .25rem;\n$pagination-padding-x-sm: .5rem;\n$pagination-padding-y-lg: .75rem;\n$pagination-padding-x-lg: 1.5rem;\n\n$pagination-color: $gray-600;\n$pagination-bg: $white;\n$pagination-border-width: $border-width;\n$pagination-border-radius: $border-radius;\n$pagination-margin-start: -$pagination-border-width;\n$pagination-border-color: $gray-400;\n\n$pagination-focus-color: $link-hover-color;\n$pagination-focus-bg: $gray-200;\n$pagination-focus-box-shadow: none;\n$pagination-focus-outline: 0;\n\n$pagination-hover-color: $link-hover-color;\n$pagination-hover-bg: $gray-200;\n$pagination-hover-border-color: $gray-400;\n\n$pagination-active-color: $component-active-color;\n$pagination-active-bg: $component-active-bg;\n$pagination-active-border-color: $pagination-active-bg;\n\n$pagination-disabled-color: $gray-500;\n$pagination-disabled-bg: $gray-100;\n$pagination-disabled-border-color: $gray-400;\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: $border-radius-sm;\n$pagination-border-radius-lg: $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-border-width: 1px;\n$card-border-radius: $border-radius-lg;\n$card-border-color: $gray-300;\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: $white;\n$card-cap-color: null;\n$card-height: null;\n$card-color: null;\n$card-bg: $white;\n\n$card-title-desc: $gray-600;\n\n$card-img-overlay-padding: $spacer;\n\n$card-group-margin: $grid-gutter-width * 0.5;\n// scss-docs-end card-variables\n\n// Accordion\n\n// scss-docs-start accordion-variables\n$accordion-padding-y: 1rem;\n$accordion-padding-x: 1.25rem;\n$accordion-color: $body-color;\n$accordion-bg: transparent;\n$accordion-border-width: $border-width;\n$accordion-border-color: $border-color;\n$accordion-border-radius: $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: $accordion-color;\n$accordion-button-bg: $accordion-bg;\n$accordion-transition: $btn-transition, border-radius .15s ease;\n$accordion-button-active-bg: tint-color($component-active-bg, 90%);\n$accordion-button-active-color: shade-color($primary, 10%);\n\n$accordion-button-focus-border-color: $input-focus-border-color;\n$accordion-button-focus-box-shadow: none;\n\n$accordion-icon-width: 14px;\n$accordion-icon-color: $accordion-color;\n$accordion-icon-active-color: $accordion-button-active-color;\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: $white;\n$tooltip-bg: $black;\n$tooltip-border-radius: $border-radius;\n$tooltip-opacity: .9;\n$tooltip-padding-y: .4rem;\n$tooltip-padding-x: .7rem;\n$tooltip-margin: 0;\n\n$tooltip-arrow-width: .8rem;\n$tooltip-arrow-height: .4rem;\n$tooltip-arrow-color: $tooltip-bg;\n// scss-docs-end tooltip-variables\n\n// Form tooltips must come after regular tooltips\n// scss-docs-start tooltip-feedback-variables\n$form-feedback-tooltip-padding-y: $tooltip-padding-y;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x;\n$form-feedback-tooltip-font-size: $tooltip-font-size;\n$form-feedback-tooltip-line-height: null;\n$form-feedback-tooltip-opacity: $tooltip-opacity;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius;\n// scss-docs-start tooltip-feedback-variables\n\n\n// Popovers\n\n// scss-docs-start popover-variables\n$popover-font-size: $font-size-sm;\n$popover-bg: $white;\n$popover-max-width: 276px;\n$popover-border-width: $border-width;\n$popover-border-color: $gray-400;\n$popover-border-radius: $border-radius-lg;\n$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width);\n$popover-box-shadow: $box-shadow-lg;\n\n$popover-header-bg: shade-color($popover-bg, 6%);\n$popover-header-color: $headings-color;\n$popover-header-padding-y: .5rem;\n$popover-header-padding-x: .75rem;\n\n$popover-body-color: $body-color;\n$popover-body-padding-y: $popover-header-padding-y;\n$popover-body-padding-x: $popover-header-padding-x;\n\n$popover-arrow-width: 1rem;\n$popover-arrow-height: .5rem;\n$popover-arrow-color: $popover-bg;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05);\n// scss-docs-end popover-variables\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: rgba($white, .85);\n$toast-border-width: 1px;\n$toast-border-color: rgba(0, 0, 0, .1);\n$toast-border-radius: $border-radius;\n$toast-box-shadow: $box-shadow;\n$toast-spacing: $container-padding-x;\n\n$toast-header-color: $gray-600;\n$toast-header-background-color: rgba($white, .85);\n$toast-header-border-color: rgba(0, 0, 0, .05);\n// scss-docs-end toast-variables\n\n\n// Badges\n\n// scss-docs-start badge-variables\n$badge-font-size: 75%;\n$badge-font-weight: $font-weight-medium;\n$badge-color: $white;\n$badge-padding-y: .25em;\n$badge-padding-x: .6em;\n$badge-border-radius: $border-radius;\n// scss-docs-end badge-variables\n\n\n// Modals\n\n// scss-docs-start modal-variables\n$modal-inner-padding: $spacer;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between: .5rem;\n\n$modal-dialog-margin: .5rem;\n$modal-dialog-margin-y-sm-up: 1.75rem;\n\n$modal-title-line-height: $line-height-base;\n\n$modal-content-color: null;\n$modal-content-bg: $white;\n$modal-content-border-color: $gray-300;\n$modal-content-border-width: $border-width;\n$modal-content-border-radius: $border-radius-lg;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width);\n$modal-content-box-shadow-xs: $box-shadow-sm;\n$modal-content-box-shadow-sm-up: $box-shadow;\n\n$modal-backdrop-bg: $black;\n$modal-backdrop-opacity: .5;\n$modal-header-border-color: $border-color;\n$modal-footer-border-color: $modal-header-border-color;\n$modal-header-border-width: $modal-content-border-width;\n$modal-footer-border-width: $modal-header-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-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: $border-radius;\n$alert-link-font-weight: $font-weight-bold;\n$alert-border-width: $border-width;\n\n$alert-bg-scale: -80%;\n$alert-border-scale: -70%;\n$alert-color-scale: 40%;\n\n$alert-dismissible-padding-r: $alert-padding-x * 3; // 3x covers width of x plus default padding on either side\n// scss-docs-end alert-variables\n\n\n// Progress bars\n\n// scss-docs-start progress-variables\n$progress-height: .625rem;\n$progress-font-size: $font-size-base * .75;\n$progress-bg: $gray-200;\n$progress-border-radius: $border-radius;\n$progress-box-shadow: $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: null;\n$list-group-bg: $white;\n$list-group-border-color: $border-color;\n$list-group-border-width: $border-width;\n$list-group-border-radius: $border-radius;\n\n$list-group-item-padding-y: .75rem;\n$list-group-item-padding-x: 1.25rem;\n$list-group-item-bg-scale: -80%;\n$list-group-item-color-scale: 40%;\n\n$list-group-hover-bg: $gray-100;\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: $gray-600;\n$list-group-disabled-bg: $list-group-bg;\n\n$list-group-action-color: $gray-700;\n$list-group-action-hover-color: $list-group-action-color;\n\n$list-group-action-active-color: $body-color;\n$list-group-action-active-bg: $gray-200;\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: $body-bg;\n$thumbnail-border-width: $border-width;\n$thumbnail-border-color: $gray-300;\n$thumbnail-border-radius: $border-radius;\n$thumbnail-box-shadow: $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: $gray-600;\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: $gray-600;\n$breadcrumb-active-color: $gray-600;\n$breadcrumb-divider: quote(\"\\F0142\");\n$breadcrumb-divider-flipped: $breadcrumb-divider;\n$breadcrumb-border-radius: null;\n// scss-docs-end breadcrumb-variables\n\n// Carousel\n\n// scss-docs-start carousel-variables\n$carousel-control-color: $white;\n$carousel-control-width: 15%;\n$carousel-control-opacity: .5;\n$carousel-control-hover-opacity: .9;\n$carousel-control-transition: opacity .15s ease;\n\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\n$carousel-dark-indicator-active-bg: $black;\n$carousel-dark-caption-color: $black;\n$carousel-dark-control-icon-filter: invert(1) grayscale(100);\n// scss-docs-end carousel-variables\n\n\n// Spinners\n\n// scss-docs-start spinner-variables\n$spinner-width: 2rem;\n$spinner-height: $spinner-width;\n$spinner-vertical-align: -.125em;\n$spinner-border-width: .25em;\n$spinner-animation-speed: .75s;\n\n$spinner-width-sm: 1rem;\n$spinner-height-sm: $spinner-width-sm;\n$spinner-border-width-sm: .2em;\n// scss-docs-end spinner-variables\n\n\n// Close\n\n// scss-docs-start close-variables\n$btn-close-width: 1em;\n$btn-close-height: $btn-close-width;\n$btn-close-padding-x: .25em;\n$btn-close-padding-y: $btn-close-padding-x;\n$btn-close-color: $black;\n$btn-close-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>\");\n$btn-close-focus-shadow: none;\n$btn-close-opacity: .5;\n$btn-close-hover-opacity: .75;\n$btn-close-focus-opacity: 1;\n$btn-close-disabled-opacity: .25;\n$btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);\n// scss-docs-end close-variables\n\n\n// Offcanvas\n\n// scss-docs-start offcanvas-variables\n$offcanvas-padding-y: $modal-inner-padding;\n$offcanvas-padding-x: $modal-inner-padding;\n$offcanvas-horizontal-width: 400px;\n$offcanvas-vertical-height: 30vh;\n$offcanvas-transition-duration: .3s;\n$offcanvas-border-color: $modal-content-border-color;\n$offcanvas-border-width: $modal-content-border-width;\n$offcanvas-title-line-height: $modal-title-line-height;\n$offcanvas-bg-color: $modal-content-bg;\n$offcanvas-color: $modal-content-color;\n$offcanvas-box-shadow: $modal-content-box-shadow-xs;\n$offcanvas-backdrop-bg: $modal-backdrop-bg;\n$offcanvas-backdrop-opacity: $modal-backdrop-opacity;\n// scss-docs-end offcanvas-variables\n\n// Code\n\n$code-font-size: $small-font-size;\n$code-color: $danger;\n\n$kbd-padding-y: .2rem;\n$kbd-padding-x: .4rem;\n$kbd-font-size: $code-font-size;\n$kbd-color: $white;\n$kbd-bg: $gray-900;\n\n$pre-color: null;\n\n","// \r\n// _header.scss\r\n// \r\n\r\n.ishorizontal-topbar, .isvertical-topbar {\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n left: $sidebar-width;\r\n z-index: 1005;\r\n background-color: $header-bg;\r\n transition: all 0.2s;\r\n\r\n @media (max-width: 991.98px) {\r\n background-color: $header-bg;\r\n }\r\n}\r\n\r\n.navbar-header {\r\n display: flex;\r\n -ms-flex-pack: justify;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin: 0 auto;\r\n height: $header-height;\r\n max-width: 98%;\r\n padding: 0 calc(#{$grid-gutter-width} / 2) 0 calc(#{$grid-gutter-width} / 2);\r\n\r\n .dropdown {\r\n .header-item.show {\r\n color: $primary;\r\n }\r\n }\r\n\r\n .navbar-brand-box{\r\n display: none;\r\n }\r\n}\r\n\r\nbody {\r\n &:not([data-sidebar-size=sm]) {\r\n .navbar-header {\r\n .vertical-menu-btn {\r\n display: none;\r\n }\r\n }\r\n\r\n .app-search {\r\n margin-left: 10px;\r\n }\r\n }\r\n}\r\n\r\n.navbar-brand-box {\r\n padding: 0 1.5rem;\r\n width: calc(#{$sidebar-width} - 2px);\r\n position: fixed;\r\n z-index: 1;\r\n background-color: $navbar-brand-box-bg;\r\n transition: all 0.2s;\r\n}\r\n\r\n.logo {\r\n line-height: $header-height;\r\n .logo-sm {\r\n display: none;\r\n }\r\n}\r\n\r\n.logo-dark {\r\n display: $display-block;\r\n}\r\n\r\n.logo-light {\r\n display: $display-none;\r\n}\r\n\r\n/* Search */\r\n\r\n.app-search {\r\n padding: calc(#{$header-height - 44px} / 2) 0;\r\n\r\n .form-control {\r\n border: 1px solid $topbar-search-border;\r\n height: 44px;\r\n padding-left: 40px;\r\n padding-right: 20px;\r\n background-color: $topbar-search-bg;\r\n box-shadow: $box-shadow;\r\n border-radius: .6rem;\r\n width: 320px;\r\n }\r\n span {\r\n position: absolute;\r\n z-index: 10;\r\n line-height: 40px;\r\n left: 13px;\r\n top: 50%;\r\n font-size: 16px;\r\n transform: translateY(-50%);\r\n color: $gray-500;\r\n }\r\n}\r\n\r\n// Mega menu\r\n\r\n.megamenu-list {\r\n li{\r\n position: relative;\r\n padding: 5px 0px;\r\n a{\r\n color: $dropdown-color;\r\n }\r\n }\r\n}\r\n\r\n@media (max-width: 991.98px) {\r\n .navbar-brand-box {\r\n width: auto;\r\n }\r\n\r\n .ishorizontal-topbar, .isvertical-topbar {\r\n left: 0;\r\n\r\n .navbar-header {\r\n \r\n .navbar-brand-box{\r\n display: inline-block;\r\n position: relative;\r\n background-color: $header-bg;\r\n\r\n \r\n }\r\n\r\n .vertical-menu-btn {\r\n display: inline-block !important;\r\n }\r\n }\r\n }\r\n\r\n .logo {\r\n\r\n span.logo-lg {\r\n display: none;\r\n }\r\n\r\n span.logo-sm {\r\n display: inline-block;\r\n }\r\n }\r\n\r\n [data-layout-mode=\"dark\"] {\r\n .ishorizontal-topbar, .isvertical-topbar {\r\n .navbar-header {\r\n .navbar-brand-box{\r\n background-color: $topnav-dark-bg;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.page-content {\r\n padding: $header-height calc(#{$grid-gutter-width} / 2) $footer-height calc(#{$grid-gutter-width} / 2);\r\n .container-fluid{\r\n max-width: 98%;\r\n }\r\n}\r\n\r\n.header-item {\r\n height: $header-height;\r\n box-shadow: none !important;\r\n fill: $header-item-color;\r\n border: 0;\r\n border-radius: 0px;\r\n\r\n &:hover {\r\n fill: $header-item-color;\r\n }\r\n}\r\n\r\n.header-profile-user {\r\n height: 42px;\r\n width: 42px;\r\n border: 1px solid darken($gray-300, 2%);\r\n padding: 3px;\r\n}\r\n.user{\r\n .user-item-desc{\r\n line-height: 1.2;\r\n }\r\n \r\n .user-name{\r\n font-size: 14.4px;\r\n font-weight: $font-weight-semibold;\r\n display: block;\r\n color: $gray-700;\r\n }\r\n \r\n .user-sub-title{\r\n color: $text-muted;\r\n font-size: 11px;\r\n font-weight: $font-weight-semibold;\r\n }\r\n}\r\n\r\n.noti-icon {\r\n position: relative;\r\n i {\r\n font-size: 24px;\r\n color: $header-item-color;\r\n }\r\n\r\n .noti-dot {\r\n position: absolute;\r\n top: 20px;\r\n right: 10px;\r\n height: 14px;\r\n width: 14px;\r\n color: $white;\r\n line-height: 14px;\r\n font-weight: 500;\r\n font-size: 10px;\r\n }\r\n\r\n .badge{\r\n position: absolute;\r\n top: 12px;\r\n right: 6px;\r\n border: 2px solid $body-bg;\r\n }\r\n}\r\n\r\n.notification-item {\r\n .d-flex {\r\n padding: 1rem;\r\n border-bottom: 1px solid $gray-300;\r\n\r\n &:hover {\r\n background-color: $dropdown-link-hover-bg;\r\n }\r\n }\r\n}\r\n\r\n// Dropdown with Icons\r\n.dropdown-icon-item {\r\n display: block;\r\n border-radius: 3px;\r\n line-height: 34px;\r\n text-align: center;\r\n padding: 15px 0 9px;\r\n display: block;\r\n border: 1px solid transparent;\r\n color: $gray-600;\r\n\r\n img {\r\n height:24px;\r\n }\r\n\r\n span {\r\n display: block;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n }\r\n\r\n &:hover {\r\n border-color: $gray-200;\r\n }\r\n}\r\n\r\n// Full Screen\r\n.fullscreen-enable {\r\n [data-toggle=\"fullscreen\"] {\r\n .uil-minus-path::before {\r\n content: '\\eb8d';\r\n }\r\n }\r\n}\r\n\r\nbody[data-topbar=\"dark\"] {\r\n .ishorizontal-topbar, .isvertical-topbar{ \r\n background-color: $header-dark-bg;\r\n }\r\n\r\n .navbar-header {\r\n .dropdown.show {\r\n .header-item {\r\n background-color: rgba($white, 0.05);\r\n }\r\n }\r\n\r\n }\r\n\r\n .header-item {\r\n fill: $header-dark-mode-item-color;\r\n\r\n i{\r\n color: $header-dark-mode-item-color;\r\n }\r\n\r\n span{\r\n color: $header-dark-mode-item-color;\r\n }\r\n \r\n &:hover {\r\n fill: $header-dark-mode-item-color;\r\n }\r\n }\r\n\r\n\r\n\r\n .header-profile-user {\r\n border-color: rgba($white, 0.25);\r\n }\r\n\r\n .user-name{\r\n color: $header-dark-item-color;\r\n }\r\n \r\n .user-sub-title{\r\n color: rgba($white,0.5);\r\n }\r\n \r\n .noti-icon {\r\n i {\r\n color: $header-dark-item-color;\r\n }\r\n\r\n .noti-dot{\r\n box-shadow: 0 0 0 3px $header-dark-bg;\r\n }\r\n }\r\n\r\n .app-search {\r\n \r\n .form-control {\r\n background-color: $gray-dark-200;\r\n color: $white;\r\n border: 1px solid $gray-dark-300;\r\n box-shadow: 0 2px 3px darken($gray-dark-200, 4%);\r\n }\r\n span,\r\n input.form-control::-webkit-input-placeholder {\r\n color: rgba($white,0.5);\r\n }\r\n }\r\n\r\n .page-content {\r\n padding: calc(#{$header-height} + 24px) calc(#{$grid-gutter-width} / 2) $footer-height calc(#{$grid-gutter-width} / 2);\r\n }\r\n\r\n @media (max-width: 991.98px) {\r\n\r\n .ishorizontal-topbar, .isvertical-topbar {\r\n .navbar-header {\r\n .navbar-brand-box{\r\n background-color: $topnav-dark-bg;\r\n\r\n .logo-dark {\r\n display: none;\r\n }\r\n \r\n .logo-light {\r\n display: block;\r\n \r\n }\r\n }\r\n }\r\n }\r\n\r\n .logo {\r\n span.logo-lg {\r\n display: none;\r\n }\r\n \r\n span.logo-sm {\r\n display: inline-block;\r\n }\r\n }\r\n\r\n .noti-icon {\r\n .noti-dot {\r\n box-shadow: 0 0 0 3px $header-dark-bg;\r\n }\r\n }\r\n }\r\n}\r\n\r\nbody[data-sidebar=\"dark\"] {\r\n .navbar-brand-box {\r\n background: $sidebar-dark-bg;\r\n\r\n .logo-dark {\r\n display: none;\r\n }\r\n \r\n .logo-light {\r\n display: block;\r\n\r\n }\r\n }\r\n\r\n\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .navbar-header {\r\n .dropdown {\r\n position: static;\r\n\r\n .dropdown-menu {\r\n left: 10px !important;\r\n right: 10px !important;\r\n transform: translate3d(0px, $header-height, 0px) !important;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@media (max-width: 380px) {\r\n .navbar-brand-box {\r\n display: none;\r\n }\r\n}\r\n\r\n\r\n@media (max-width: 374.99px) { \r\n .navbar-brand-box {\r\n padding: 0 1rem;\r\n }\r\n\r\n .language-switch {\r\n display: none !important;\r\n }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n .ishorizontal-topbar, .isvertical-topbar {\r\n background-color: darken($gray-dark-200, 5%);\r\n }\r\n\r\n .header-item {\r\n fill: $header-dark-mode-item-color;\r\n\r\n i{\r\n color: $header-dark-mode-item-color;\r\n }\r\n\r\n span{\r\n color: $header-dark-mode-item-color;\r\n }\r\n \r\n &:hover {\r\n fill: $header-dark-mode-item-color;\r\n }\r\n }\r\n \r\n .dropdown-icon-item {\r\n color: $gray-dark-500;\r\n \r\n &:hover {\r\n border-color: $gray-dark-300\r\n }\r\n }\r\n\r\n .noti-icon {\r\n .noti-dot{\r\n box-shadow: 0 0 0 3px $topnav-dark-bg;\r\n }\r\n }\r\n\r\n .notification-item {\r\n .d-flex{\r\n border-color: lighten($gray-dark-300,2%);\r\n &:hover {\r\n background-color: lighten($gray-dark-200,6%);\r\n }\r\n }\r\n }\r\n\r\n &[data-topbar=\"light\"] {\r\n\r\n .page-content {\r\n padding: calc(#{$header-height} + 24px) calc(#{$grid-gutter-width} / 2) $footer-height calc(#{$grid-gutter-width} / 2);\r\n }\r\n\r\n .ishorizontal-topbar, .isvertical-topbar {\r\n background-color: $header-bg !important;\r\n }\r\n\r\n .app-search {\r\n padding: calc(#{$header-height - 44px} / 2) 0;\r\n \r\n .form-control {\r\n border: 2px solid $topbar-search-border;\r\n background-color: $topbar-search-bg;\r\n }\r\n span {\r\n color: $gray-500;\r\n }\r\n }\r\n\r\n \r\n .noti-icon {\r\n i {\r\n color: $header-item-color;\r\n }\r\n \r\n\r\n .noti-dot {\r\n color: $white;\r\n box-shadow: 0 0 0 3px $header-bg !important;\r\n }\r\n\r\n .badge{\r\n border: 2px solid $body-bg;\r\n }\r\n }\r\n\r\n .header-item {\r\n fill: $header-item-color;\r\n span{\r\n color: $header-item-color;\r\n }\r\n }\r\n\r\n }\r\n\r\n &[data-topbar=\"dark\"] {\r\n .page-content {\r\n padding: $header-height calc(#{$grid-gutter-width} / 2) $footer-height calc(#{$grid-gutter-width} / 2);\r\n }\r\n }\r\n}\r\n\r\n\r\n// topbar hidden\r\n\r\n\r\nbody[data-topbar=\"hidden\"] {\r\n .isvertical-topbar {\r\n display: none !important;\r\n }\r\n .page-content {\r\n transition: all 0.3s;\r\n padding: $grid-gutter-width calc(#{$grid-gutter-width} / 2) $footer-height calc(#{$grid-gutter-width} / 2);\r\n }\r\n}","// \r\n// Page-title\r\n// \r\n\r\n.page-title-box {\r\n padding: 0 0.75rem;\r\n .breadcrumb {\r\n background-color: transparent;\r\n padding: 0;\r\n }\r\n\r\n h4 {\r\n font-size: 21px!important;\r\n }\r\n\r\n .page-title-right{\r\n @media (max-width: 575.98px) {\r\n display: none;\r\n }\r\n }\r\n}\r\n\r\n.page-title{\r\n font-size: 20px;\r\n margin: 0;\r\n}\r\n\r\n\r\nbody[data-topbar=\"dark\"] {\r\n\r\n .breadcrumb-item>a {\r\n color: $gray-dark-600;\r\n }\r\n\r\n .breadcrumb-item.active{\r\n color: $gray-dark-400;\r\n }\r\n .page-title {\r\n color: $gray-dark-600;\r\n }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n .page-title {\r\n color: $gray-dark-600;\r\n }\r\n\r\n &[data-topbar=\"light\"] {\r\n\r\n .noti-icon {\r\n .noti-dot{\r\n box-shadow: 0 0 0 3px $header-bg;\r\n }\r\n }\r\n .page-title{\r\n color: $header-item-color;\r\n }\r\n }\r\n}\r\n\r\n","// \r\n// _footer.scss\r\n// \r\n\r\n.footer {\r\n bottom: 0;\r\n padding: 20px calc(#{$grid-gutter-width} / 2);\r\n position: absolute;\r\n right: 0;\r\n color: $footer-color;\r\n left: $sidebar-width;;\r\n height: 60px;\r\n background-color: $card-bg;\r\n border-top: $card-border-width solid $card-border-color;\r\n box-shadow: $box-shadow;\r\n .container-fluid{\r\n width: 98%;\r\n }\r\n}\r\n \r\n@media (max-width: 992px) {\r\n .footer {\r\n left: 0;\r\n }\r\n}\r\n\r\n// Enlarge menu\r\nbody[data-sidebar-size=\"sm\"] {\r\n .footer {\r\n left: $sidebar-collapsed-width;\r\n }\r\n}\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n .footer {\r\n left: 0 !important;\r\n } \r\n}\r\n\r\nbody[data-layout-mode=\"dark\"]{\r\n .footer{\r\n background-color: $gray-dark-200;\r\n box-shadow: 0 0px 4px rgba($gray-dark-600,.12);\r\n color: $gray-dark-400;\r\n border-color: lighten($gray-dark-200,4%);\r\n }\r\n}","//\r\n// right-sidebar.scss\r\n//\r\n\r\n.right-bar {\r\n background-color: $card-bg;\r\n box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);\r\n display: block;\r\n position: fixed;\r\n transition: all 200ms ease-out;\r\n width: $rightbar-width;\r\n z-index: 9999;\r\n float: right !important;\r\n right: -($rightbar-width + 10px);\r\n top: 0;\r\n bottom: 0;\r\n\r\n .right-bar-toggle-close {\r\n background-color: lighten($dark, 7%);\r\n height: 24px;\r\n width: 24px;\r\n line-height: 24px;\r\n color: $gray-200;\r\n text-align: center;\r\n border-radius: 50%;\r\n\r\n &:hover {\r\n background-color: lighten($dark, 10%);\r\n }\r\n }\r\n}\r\n\r\n// Rightbar overlay\r\n.rightbar-overlay {\r\n background-color: rgba($dark, 0.55);\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n top: 0;\r\n bottom: 0;\r\n display: none;\r\n z-index: 9998;\r\n transition: all .2s ease-out;\r\n}\r\n\r\n.right-bar-enabled {\r\n .right-bar {\r\n right: 0;\r\n }\r\n .rightbar-overlay {\r\n display: block;\r\n }\r\n}\r\n\r\n@include media-breakpoint-down(sm) {\r\n .right-bar {\r\n overflow: auto;\r\n .slimscroll-menu {\r\n height: auto !important;\r\n }\r\n }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n .right-bar {\r\n background-color: $gray-dark-200;\r\n }\r\n}","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\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))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\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))\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))\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))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\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);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($next, $breakpoints) {\n @content;\n }\n }\n}\n","//\r\n// _menu.scss\r\n// \r\n\r\n.metismenu {\r\n margin: 0;\r\n \r\n\r\n li {\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n .disabled{\r\n a{\r\n filter: grayscale(80%);\r\n opacity: .8;\r\n cursor: not-allowed;\r\n }\r\n }\r\n\r\n .mm-collapse {\r\n display: none;\r\n\r\n &:not(.mm-show) {\r\n display: none;\r\n }\r\n\r\n &.mm-show {\r\n display: block\r\n }\r\n }\r\n\r\n .mm-collapsing {\r\n position: relative;\r\n height: 0;\r\n overflow: hidden;\r\n transition-timing-function: ease;\r\n transition-duration: .35s;\r\n transition-property: height, visibility;\r\n }\r\n}\r\n\r\n\r\n.vertical-menu{\r\n width: $sidebar-width;\r\n z-index: 1005;\r\n background: $sidebar-bg;\r\n bottom: 0;\r\n margin-top: 0;\r\n position: fixed;\r\n box-shadow: 0 -2px 5px rgba(52, 58, 64, 0.06);\r\n top: 0;\r\n border-right: 1px solid $sidebar-border-color;\r\n transition: all 0.2s;\r\n .vertical-menu-btn {\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n z-index: 2;\r\n }\r\n}\r\n\r\n\r\n.main-content {\r\n margin-left: $sidebar-width;\r\n // overflow: hidden;\r\n\r\n .content {\r\n padding: 0 15px 10px 15px;\r\n margin-top: $header-height;\r\n }\r\n}\r\n\r\n.sidebar-menu-scroll {\r\n height: calc(100% - calc(#{$header-height} + 26px));\r\n margin-top: $header-height;\r\n}\r\n\r\n\r\n#sidebar-menu {\r\n padding: 0px 0 30px 0;\r\n\r\n .mm-active {\r\n >.has-arrow {\r\n &:after {\r\n transform: rotate(-180deg);\r\n content: \"\\F0374\";\r\n }\r\n }\r\n }\r\n\r\n .has-arrow {\r\n &:after {\r\n content: \"\\F0415\";\r\n font-family: 'Material Design Icons';\r\n display: block;\r\n transition: transform .2s;\r\n font-size: 1rem;\r\n position: absolute;\r\n right: 15px;\r\n top: 12px;\r\n }\r\n\r\n + ul .has-arrow {\r\n &:after {\r\n right: 20px;\r\n top: 10px;\r\n }\r\n }\r\n }\r\n\r\n .metismenu {\r\n .menu-title {\r\n &::after {\r\n display: none;\r\n }\r\n }\r\n .menu-item {\r\n margin-left: 15px;\r\n }\r\n }\r\n\r\n ul {\r\n li {\r\n a {\r\n display: flex;\r\n padding: .8rem 1rem;\r\n border-radius: 12px;\r\n color: $sidebar-menu-item-color;\r\n position: relative;\r\n font-weight: $font-weight-medium;\r\n transition: all .4s;\r\n font-size: 14px;\r\n margin: 0 15px;\r\n font-family: $font-family-secondary;\r\n align-items: center;\r\n\r\n .nav-icon {\r\n width: 18px;\r\n height: 18px;\r\n display: inline-block;\r\n min-width: 1.5rem;\r\n vertical-align: middle;\r\n fill: $sidebar-menu-item-icon-color;\r\n transition: all 0.3s;\r\n top: -1px;\r\n font-size: 1.3rem;\r\n line-height: 1.40625rem;\r\n }\r\n \r\n\r\n &:hover {\r\n color: $sidebar-menu-item-hover-color;\r\n margin-left: 20px;\r\n .nav-icon {\r\n fill: $sidebar-menu-item-hover-color;\r\n }\r\n }\r\n }\r\n\r\n .badge {\r\n margin-left: auto;\r\n }\r\n\r\n ul.sub-menu {\r\n position: relative;\r\n &:before{\r\n content: \"\";\r\n position: absolute;\r\n left: 40px;\r\n top: 10px;\r\n bottom: 10px;\r\n width: 2px;\r\n background: $sidebar-menu-sub-item-line-color;\r\n }\r\n\r\n li {\r\n\r\n a {\r\n padding: .8rem 1.5rem .5rem 1.5rem;\r\n &:before{\r\n content: '';\r\n width: 12px;\r\n height: 10px;\r\n border-radius: 50%;\r\n background: 0 0;\r\n border: 2px solid;\r\n position: absolute;\r\n left: -7px;\r\n border-color: transparent transparent $sidebar-menu-sub-item-line-color transparent;\r\n top: 14px;\r\n transition: all .4s ease-in-out;\r\n }\r\n\r\n &:hover {\r\n color: $sidebar-menu-item-hover-color;\r\n\r\n &:before{\r\n border-color: transparent transparent $sidebar-menu-sub-item-active-color transparent;\r\n }\r\n }\r\n }\r\n\r\n ul.sub-menu {\r\n padding: 0;\r\n\r\n li {\r\n a {\r\n padding: .4rem 1.5rem .4rem 3.5rem;\r\n\r\n &:before{\r\n left: 25px;\r\n top: 8px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.mm-active {\r\n color: $sidebar-menu-item-active-color;\r\n \r\n > a {\r\n background-color: $sidebar-menu-item-active-bg-color;\r\n color: $sidebar-menu-item-active-color;\r\n \r\n .nav-icon {\r\n fill: $sidebar-menu-item-active-color !important;\r\n }\r\n }\r\n \r\n .mm-show {\r\n .mm-active {\r\n > a{\r\n color: $sidebar-menu-sub-item-active-color !important;\r\n background: transparent;\r\n \r\n &:before{\r\n border-color: transparent transparent $sidebar-menu-sub-item-active-color transparent;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.menu-title {\r\n padding: 12px 25px !important;\r\n letter-spacing: .08em;\r\n pointer-events: none;\r\n cursor: default;\r\n font-size: 10px;\r\n text-transform: uppercase;\r\n color: $sidebar-menu-item-color;\r\n font-weight: $font-weight-semibold;\r\n opacity: 0.6;\r\n}\r\n\r\n@media (max-width: 991.98px) {\r\n .vertical-menu {\r\n display: none;\r\n top: $header-height;\r\n\r\n .sidebar-menu-scroll {\r\n height: 100%;\r\n margin-top: 0;\r\n }\r\n\r\n .navbar-brand-box,\r\n .vertical-menu-btn {\r\n display: none;\r\n }\r\n\r\n }\r\n\r\n .main-content {\r\n margin-left: 0 !important;\r\n }\r\n\r\n body.sidebar-enable {\r\n .vertical-menu {\r\n display: block;\r\n }\r\n }\r\n}\r\n\r\n// Enlarge menu\r\nbody[data-sidebar-size=\"sm\"] {\r\n @media (min-width: 769px) {\r\n min-height: 1200px;\r\n }\r\n\r\n .main-content {\r\n margin-left: $sidebar-collapsed-width;\r\n }\r\n\r\n .navbar-brand-box {\r\n width: $sidebar-collapsed-width !important;\r\n text-align: center;\r\n }\r\n\r\n .logo {\r\n span.logo-lg {\r\n display: none;\r\n }\r\n\r\n span.logo-sm {\r\n display: block;\r\n }\r\n }\r\n\r\n // topbar\r\n #page-topbar{\r\n left: $sidebar-collapsed-width;\r\n @media (max-width: 991.98px){\r\n left: 0;\r\n }\r\n }\r\n\r\n // Side menu\r\n .vertical-menu {\r\n position: absolute;\r\n width: $sidebar-collapsed-width !important;\r\n z-index: 1005;\r\n &::before{\r\n position: fixed;\r\n left: $sidebar-collapsed-width;\r\n top: 0;\r\n }\r\n\r\n .simplebar-mask,\r\n .simplebar-content-wrapper {\r\n overflow: visible !important;\r\n }\r\n\r\n .simplebar-scrollbar,\r\n .vertical-menu-btn {\r\n display: none !important;\r\n }\r\n\r\n .simplebar-offset {\r\n bottom: 0 !important;\r\n }\r\n\r\n // Sidebar Menu\r\n #sidebar-menu {\r\n\r\n .menu-title,\r\n .badge{\r\n display: none !important;\r\n }\r\n\r\n .nav.collapse {\r\n height: inherit !important;\r\n }\r\n\r\n .has-arrow:after{\r\n transform: rotate(-90deg);\r\n }\r\n\r\n > ul {\r\n > li {\r\n position: relative;\r\n white-space: nowrap;\r\n\r\n > a {\r\n padding: 15px 0px;\r\n transition: none;\r\n display: block;\r\n margin: 0 15px;\r\n \r\n &:hover,\r\n &:active,\r\n &:focus {\r\n color: $sidebar-menu-item-hover-color;\r\n }\r\n\r\n i {\r\n font-size: 1.3rem;\r\n text-align: center;\r\n min-width: 50px;\r\n padding-bottom: 0;\r\n margin-left: -6px;\r\n }\r\n\r\n span {\r\n display: none;\r\n padding-left: 25px;\r\n }\r\n\r\n \r\n &.has-arrow {\r\n &:after {\r\n display: none;\r\n }\r\n }\r\n\r\n .nav-icon {\r\n top: -2px;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n\r\n &:hover {\r\n > a {\r\n position: relative;\r\n width: calc(180px + #{$sidebar-collapsed-width});\r\n color: $primary;\r\n background-color: $sidebar-menu-item-active-bg-color;\r\n transition: none;\r\n box-shadow: inset 0 3px 10px 0 rgba(154,161,171,.1);\r\n\r\n .nav-icon{\r\n fill: $primary;\r\n }\r\n\r\n span {\r\n display: inline;\r\n }\r\n }\r\n\r\n >ul {\r\n display: block;\r\n left: $sidebar-collapsed-width;\r\n position: absolute;\r\n width: 190px;\r\n height: auto !important;\r\n box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, .1);\r\n border: 1px solid $sidebar-border-color;\r\n\r\n ul {\r\n box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, .1);\r\n border: 1px solid $sidebar-border-color;\r\n }\r\n\r\n a {\r\n box-shadow: none;\r\n padding: 8px 20px;\r\n position: relative;\r\n width: 180px;\r\n z-index: 6;\r\n color: $sidebar-menu-sub-item-color;\r\n\r\n &:hover {\r\n color: $sidebar-menu-item-hover-color;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n ul {\r\n padding: 5px 0;\r\n z-index: 9999;\r\n display: none;\r\n background-color: $sidebar-bg;\r\n\r\n li {\r\n &:hover {\r\n >ul {\r\n display: block;\r\n left: 180px;\r\n height: auto !important;\r\n margin-top: -36px;\r\n position: absolute;\r\n width: 180px;\r\n }\r\n }\r\n\r\n >a {\r\n span.pull-right {\r\n position: absolute;\r\n right: 20px;\r\n top: 12px;\r\n transform: rotate(270deg);\r\n }\r\n }\r\n }\r\n\r\n li.active {\r\n a {\r\n color: $gray-100;\r\n }\r\n }\r\n }\r\n }\r\n\r\n ul li{\r\n ul.sub-menu {\r\n &:before{\r\n display: none;\r\n }\r\n li a{\r\n &:before{\r\n display: none;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .sidebar-footer{\r\n display: none;\r\n }\r\n\r\n }\r\n}\r\n\r\n.main-content{\r\n min-height: 100vh;\r\n background-color: $body-bg;\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n \r\n #page-topbar{\r\n background-color: $topnav-dark-bg;\r\n box-shadow: none;\r\n }\r\n\r\n &[data-sidebar=\"dark\"] {\r\n #sidebar-menu {\r\n ul {\r\n li {\r\n a {\r\n color: $menu-dark-item-color;\r\n \r\n .nav-icon {\r\n fill: $menu-dark-item-color;\r\n }\r\n \r\n &:hover {\r\n color: $menu-dark-item-active-color;\r\n \r\n .nav-icon {\r\n fill: $menu-dark-item-active-color;\r\n }\r\n }\r\n }\r\n \r\n ul.sub-menu {\r\n &:before{\r\n background: $sidebar-dark-menu-sub-item-line-color;\r\n }\r\n li {\r\n a {\r\n color: $menu-dark-item-color;\r\n &:before{\r\n border-color: transparent transparent $sidebar-dark-menu-sub-item-line-color transparent;\r\n }\r\n \r\n &:hover {\r\n color: $menu-dark-item-active-color;\r\n &:before{\r\n border-color: transparent transparent $menu-dark-item-active-color transparent;\r\n }\r\n }\r\n \r\n }\r\n }\r\n }\r\n \r\n \r\n &.mm-active {\r\n color: $menu-dark-item-active-color !important;\r\n \r\n >a {\r\n background-color: $sidebar-dark-menu-item-active-bg-color;\r\n color: $menu-dark-item-active-color !important;\r\n \r\n &::before{\r\n background-color: $menu-dark-item-active-color;\r\n }\r\n \r\n .nav-icon {\r\n fill: $menu-dark-item-active-color !important;\r\n }\r\n }\r\n \r\n .mm-show {\r\n .mm-active {\r\n > a{\r\n color: $menu-dark-item-active-color !important;\r\n background: transparent;\r\n \r\n &:before{\r\n border-color: transparent transparent $menu-dark-item-active-color transparent;\r\n }\r\n }\r\n }\r\n }\r\n \r\n }\r\n }\r\n }\r\n }\r\n \r\n .sidebar-footer{\r\n color: $sidebar-dark-menu-item-color;\r\n .main-title{\r\n color: rgba($white, 0.6);\r\n }\r\n }\r\n\r\n // Compact\r\n &[data-sidebar-size=\"md\"] {\r\n &[data-sidebar=\"dark\"] {\r\n #sidebar-menu {\r\n ul li {\r\n &.menu-title{\r\n background-color: lighten($gray-dark-200, 6%);\r\n }\r\n }\r\n }\r\n } \r\n }\r\n \r\n // Enlarge menu\r\n &[data-sidebar-size=\"sm\"] {\r\n \r\n // Side menu\r\n .vertical-menu {\r\n \r\n // Sidebar Menu\r\n #sidebar-menu {\r\n \r\n > ul {\r\n > li {\r\n \r\n &:hover {\r\n > a {\r\n background: lighten($gray-dark-200, 3%);\r\n color: $menu-dark-item-active-color;\r\n .nav-icon{\r\n fill: $menu-dark-item-active-color;\r\n }\r\n }\r\n \r\n >ul {\r\n a{\r\n color: $menu-dark-item-color;\r\n &:hover{\r\n color: $menu-dark-item-active-color;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n \r\n ul{\r\n background-color: $gray-dark-200;\r\n border-color: lighten($gray-dark-200,4%);\r\n }\r\n \r\n }\r\n }\r\n }\r\n }\r\n \r\n \r\n .menu-title {\r\n color: $sidebar-dark-menu-item-color;\r\n }\r\n }\r\n\r\n .main-content{\r\n background-color: darken($gray-dark-200, 5%);\r\n }\r\n}\r\n\r\nbody[data-sidebar=\"dark\"] {\r\n .vertical-menu {\r\n background: $sidebar-dark-bg;\r\n border-color: $sidebar-dark-bg;\r\n\r\n .vertical-menu-btn{\r\n fill: $header-dark-mode-item-color;\r\n color: $header-dark-mode-item-color;\r\n }\r\n\r\n &::before{\r\n background-color: $sidebar-dark-bg;\r\n }\r\n }\r\n\r\n \r\n\r\n #sidebar-menu {\r\n \r\n ul {\r\n li {\r\n a {\r\n color: $sidebar-dark-menu-item-color;\r\n\r\n .nav-icon {\r\n fill: $sidebar-dark-menu-item-icon-color;\r\n }\r\n \r\n &:hover {\r\n color: $sidebar-dark-menu-item-hover-color;\r\n\r\n .nav-icon {\r\n fill: $sidebar-dark-menu-item-hover-color;\r\n }\r\n }\r\n }\r\n\r\n ul.sub-menu {\r\n &:before{\r\n background: $sidebar-dark-menu-sub-item-line-color;\r\n }\r\n li {\r\n\r\n a {\r\n color: $sidebar-dark-menu-sub-item-color;\r\n background-color: transparent;\r\n\r\n &:before{\r\n border-color: transparent transparent $sidebar-dark-menu-sub-item-line-color transparent;\r\n }\r\n\r\n &:hover {\r\n color: $menu-dark-item-active-color;\r\n &:before{\r\n border-color: transparent transparent $menu-dark-item-active-color transparent;\r\n }\r\n }\r\n\r\n }\r\n }\r\n }\r\n\r\n\r\n &.mm-active {\r\n color: $sidebar-dark-menu-item-active-color !important;\r\n \r\n >a {\r\n background-color: $sidebar-dark-menu-item-active-bg-color;\r\n color: $sidebar-dark-menu-item-active-color !important;\r\n\r\n &::before{\r\n background-color: $sidebar-dark-menu-item-active-color;\r\n }\r\n\r\n .nav-icon {\r\n fill: $sidebar-dark-menu-item-active-color !important;\r\n }\r\n }\r\n\r\n .mm-show {\r\n .mm-active {\r\n > a{\r\n color: $sidebar-dark-menu-item-active-color !important;\r\n \r\n &:before{\r\n border-color: transparent transparent $menu-dark-item-active-color transparent;\r\n background-color: transparent!important;\r\n }\r\n }\r\n }\r\n }\r\n\r\n }\r\n }\r\n }\r\n }\r\n\r\n .sidebar-footer{\r\n color: $sidebar-dark-menu-item-color;\r\n .main-title{\r\n color: rgba($white, 0.6);\r\n }\r\n }\r\n\r\n // Enlarge menu\r\n &[data-sidebar-size=\"sm\"] {\r\n min-height: 1570px;\r\n\r\n .main-content{\r\n min-height: 1570px;\r\n }\r\n\r\n\r\n // Side menu\r\n .vertical-menu {\r\n\r\n // Sidebar Menu\r\n #sidebar-menu {\r\n\r\n > ul {\r\n > li {\r\n \r\n &:hover {\r\n > a {\r\n background: lighten($sidebar-dark-bg, 3%);\r\n color: $sidebar-dark-menu-item-hover-color;\r\n .nav-icon{\r\n fill: $sidebar-dark-menu-item-hover-color;\r\n }\r\n }\r\n\r\n >ul {\r\n a{\r\n color: $sidebar-dark-menu-sub-item-color;\r\n &:hover{\r\n color: $sidebar-dark-menu-item-hover-color;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n ul{\r\n background-color: $sidebar-dark-bg;\r\n border-color: lighten($gray-dark-200,4%) !important;\r\n }\r\n \r\n }\r\n }\r\n\r\n .sidebar-footer{\r\n display: none;\r\n }\r\n }\r\n }\r\n\r\n\r\n .menu-title {\r\n color: $sidebar-dark-menu-item-color;\r\n }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n\r\n // Enlarge menu\r\n &[data-sidebar-size=\"sm\"] {\r\n\r\n .vertical-menu {\r\n\r\n // Sidebar Menu\r\n #sidebar-menu {\r\n\r\n > ul {\r\n > li {\r\n \r\n &:hover {\r\n > a {\r\n background: lighten($gray-dark-200, 3%);\r\n }\r\n }\r\n }\r\n\r\n ul{\r\n background-color: lighten($gray-dark-200, 3%);\r\n }\r\n \r\n }\r\n }\r\n }\r\n }\r\n\r\n\r\n .navbar-brand-box{\r\n background: $gray-dark-200;\r\n }\r\n .vertical-menu {\r\n background: $gray-dark-200;\r\n border-color: lighten($gray-dark-200,4%);\r\n &::before{\r\n background-color: $gray-dark-200;\r\n }\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n .main-content {\r\n margin-left: 0 !important;\r\n }\r\n}\r\n\r\n// Compact Sidebar\r\n\r\nbody[data-sidebar-size=\"md\"] {\r\n\r\n .logo {\r\n span.logo-lg {\r\n display: none;\r\n }\r\n\r\n span.logo-sm {\r\n display: block;\r\n }\r\n }\r\n\r\n \r\n .navbar-brand-box{\r\n width: $sidebar-width-sm;\r\n @media (max-width: 991.98px){\r\n width: auto;\r\n }\r\n }\r\n .vertical-menu{\r\n width: $sidebar-width-sm;\r\n text-align: center;\r\n\r\n .has-arrow:after,\r\n .badge {\r\n display: none !important;\r\n }\r\n\r\n .vertical-menu-btn{\r\n display: none;\r\n }\r\n \r\n }\r\n \r\n .main-content {\r\n margin-left: $sidebar-width-sm;\r\n }\r\n #page-topbar, .footer {\r\n left: $sidebar-width-sm;\r\n @media (max-width: 991.98px){\r\n left: 0;\r\n }\r\n }\r\n\r\n #sidebar-menu {\r\n ul li {\r\n &.menu-title{\r\n background-color: darken($sidebar-bg, 2%);\r\n }\r\n .menu-item {\r\n margin-left: 0px;\r\n }\r\n a{\r\n padding: .75rem 1.1rem;\r\n display: block;\r\n margin: 0 10px;\r\n .nav-icon{\r\n width: 20px;\r\n height: 20px;\r\n display: block;\r\n margin: 0 auto;\r\n padding-bottom: 0.2em;\r\n top: -2px\r\n }\r\n }\r\n ul.sub-menu {\r\n padding: 0;\r\n &:before{\r\n display: none;\r\n }\r\n li a{\r\n padding-left: 1.5rem;\r\n &:before{\r\n display: none;\r\n }\r\n }\r\n }\r\n }\r\n\r\n \r\n }\r\n\r\n &[data-sidebar=\"dark\"] {\r\n #sidebar-menu {\r\n ul li {\r\n &.menu-title{\r\n background-color: lighten($sidebar-dark-bg, 6%);\r\n }\r\n }\r\n }\r\n }\r\n\r\n &:not(.vertical-collpsed) {\r\n .navbar-header .vertical-menu-btn{\r\n display: block;\r\n }\r\n }\r\n &[data-sidebar-size=\"sm\"] {\r\n .main-content {\r\n margin-left: $sidebar-collapsed-width;\r\n }\r\n .vertical-menu {\r\n #sidebar-menu{\r\n text-align: left;\r\n >ul{\r\n >li{\r\n >a {\r\n .nav-icon{\r\n display: inline-block;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n #page-topbar, .footer {\r\n left: $sidebar-collapsed-width;\r\n }\r\n }\r\n}\r\n\r\n\r\n\r\n// Light sidebar\r\n\r\nbody[data-sidebar=\"light\"] {\r\n .vertical-menu {\r\n background: $sidebar-bg;\r\n border-right: 1px solid $sidebar-border-color;\r\n }\r\n\r\n .navbar-brand-box {\r\n background-color: $navbar-brand-box-bg;\r\n }\r\n\r\n .logo {\r\n line-height: $header-height;\r\n \r\n .logo-sm {\r\n display: none;\r\n }\r\n }\r\n \r\n .logo-dark {\r\n display: $display-block;\r\n }\r\n \r\n .logo-light {\r\n display: $display-none;\r\n }\r\n \r\n .logo-txt {\r\n color: $dark !important;\r\n }\r\n\r\n &[data-sidebar-size=\"sm\"] {\r\n \r\n .logo {\r\n span.logo-lg {\r\n display: none;\r\n }\r\n \r\n span.logo-sm {\r\n display: block;\r\n }\r\n }\r\n \r\n // Side menu\r\n .vertical-menu {\r\n \r\n \r\n // Sidebar Menu\r\n #sidebar-menu {\r\n \r\n > ul {\r\n > li {\r\n > a {\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n color: $sidebar-menu-item-hover-color;\r\n }\r\n }\r\n \r\n &:hover {\r\n > a {\r\n color: $primary;\r\n background-color: $sidebar-menu-item-active-bg-color;\r\n \r\n .nav-icon{\r\n color: $primary;\r\n }\r\n }\r\n \r\n >ul {\r\n a {\r\n color: $sidebar-menu-sub-item-color;\r\n \r\n &:hover {\r\n color: $sidebar-menu-item-hover-color;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n \r\n ul {\r\n background-color: $sidebar-bg;\r\n li.active {\r\n a {\r\n color: $gray-100;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n \r\n }\r\n }\r\n}\r\n\r\n// colored sidebar\r\n\r\nbody[data-sidebar=\"brand\"] {\r\n .vertical-menu{\r\n background-color: $primary;\r\n border-color: $primary;\r\n\r\n .vertical-menu-btn{\r\n color: rgba($white, 0.8);\r\n }\r\n }\r\n\r\n // Compact\r\n &[data-sidebar-size=\"md\"] {\r\n #sidebar-menu {\r\n ul li {\r\n &.menu-title{\r\n background-color: rgba($white, 0.1);\r\n }\r\n }\r\n }\r\n }\r\n \r\n .navbar-brand-box{\r\n background-color: $primary;\r\n .logo-dark{\r\n display: none;\r\n }\r\n .logo-light{\r\n display: block;\r\n }\r\n }\r\n\r\n #sidebar-menu {\r\n ul {\r\n li {\r\n &.menu-title{\r\n color: rgba($white, 0.7);\r\n }\r\n\r\n a{\r\n color: rgba($white, 0.7);\r\n .nav-icon{\r\n fill: rgba($white, 0.7);\r\n }\r\n\r\n &:hover {\r\n color: $white;\r\n\r\n .nav-icon {\r\n fill: $white;\r\n }\r\n }\r\n }\r\n\r\n ul.sub-menu {\r\n &:before{\r\n background: rgba($white, 0.6);\r\n }\r\n li {\r\n a{\r\n color: rgba($white, 0.6);\r\n\r\n\r\n &:before{\r\n border-color: transparent transparent rgba($white, 0.6) transparent;\r\n }\r\n\r\n &:hover {\r\n color: $menu-dark-item-active-color;\r\n &:before{\r\n border-color: transparent transparent $white transparent;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .badge{\r\n background-color: $white;\r\n }\r\n\r\n &.mm-active {\r\n color: $white !important;\r\n \r\n >a {\r\n background: rgba($white, 0.2);\r\n color: $white !important;\r\n\r\n &::before{\r\n background-color: $sidebar-dark-menu-item-active-color;\r\n }\r\n\r\n .nav-icon {\r\n fill: $white !important;\r\n }\r\n }\r\n\r\n .mm-show {\r\n .mm-active {\r\n > a{\r\n color: $white !important;\r\n \r\n &:before{\r\n border-color: transparent transparent $white transparent;\r\n background-color: transparent !important;\r\n }\r\n }\r\n }\r\n }\r\n\r\n }\r\n }\r\n }\r\n }\r\n\r\n .sidebar-footer{\r\n .main-title{\r\n color: rgba($white, 0.8);\r\n }\r\n p{\r\n color: rgba($white, 0.5);\r\n }\r\n }\r\n\r\n &[data-topbar=\"light\"] {\r\n .navbar-brand-box{\r\n background-color: $primary;\r\n .logo-dark{\r\n display: none;\r\n }\r\n .logo-light{\r\n display: block;\r\n }\r\n }\r\n }\r\n\r\n &[data-sidebar-size=\"sm\"] {\r\n \r\n .vertical-menu {\r\n #sidebar-menu{\r\n >ul{\r\n >li{\r\n &:hover>a{\r\n background-color: lighten($primary, 2%);\r\n color: $white;\r\n .nav-icon{\r\n fill: $white;\r\n }\r\n }\r\n }\r\n }\r\n\r\n ul{\r\n li{\r\n &.mm-active {\r\n .active{\r\n color: $sidebar-menu-item-active-color !important;\r\n }\r\n }\r\n\r\n ul.sub-menu {\r\n li {\r\n a{\r\n &:hover {\r\n color: $sidebar-menu-item-active-color;\r\n }\r\n }\r\n &.mm-active {\r\n color: $sidebar-menu-item-active-color !important;\r\n > a{\r\n color: $sidebar-menu-item-active-color !important;\r\n i {\r\n color: $sidebar-menu-item-active-color !important;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .sidebar-footer{\r\n display: none;\r\n }\r\n }\r\n \r\n }\r\n\r\n}\r\n\r\n// Layout bordered\r\n\r\nbody[data-layout-mode=\"bordered\"] {\r\n .app-search {\r\n .form-control {\r\n box-shadow: none;\r\n }\r\n }\r\n .vertical-menu{\r\n box-shadow: none;\r\n }\r\n\r\n .footer{\r\n box-shadow: none;\r\n }\r\n\r\n}","// \r\n// _horizontal.scss\r\n// \r\n\r\n.ishorizontal-topbar {\r\n display: none;\r\n}\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n\r\n .ishorizontal-topbar {\r\n display: block;\r\n }\r\n\r\n .vertical-menu{\r\n display: none;\r\n }\r\n\r\n .ishorizontal-topbar{\r\n left: 0;\r\n box-shadow: none;\r\n border: 0;\r\n border-radius: 0;\r\n background-color: $header-bg;\r\n }\r\n\r\n .noti-dot {\r\n box-shadow: 0 0 0 3px $header-bg;\r\n }\r\n\r\n .navbar-brand-box {\r\n display: block;\r\n width: auto;\r\n border: 0;\r\n background-color: transparent;\r\n box-shadow: none;\r\n position: relative;\r\n @media (min-width: 992px){\r\n padding-left: 0;\r\n margin-right: 10px;\r\n }\r\n }\r\n\r\n .page-content {\r\n margin-top: $header-height;\r\n padding: calc(60px + #{$grid-gutter-width}) calc(#{$grid-gutter-width} / 2) 60px calc(#{$grid-gutter-width} / 2);\r\n @media (max-width: 991.98px) { \r\n padding: $header-height calc(#{$grid-gutter-width} / 2) 60px calc(#{$grid-gutter-width} / 2);\r\n margin-top: $grid-gutter-width;\r\n }\r\n }\r\n\r\n .navbar-header{\r\n @media (min-width: 992px){\r\n padding-left: $grid-gutter-width;\r\n padding-right: $grid-gutter-width;\r\n }\r\n }\r\n\r\n .logo{\r\n margin-top: 0;\r\n }\r\n\r\n &[data-sidebar-size=sm]{\r\n .navbar-brand-box{\r\n width: auto !important;\r\n }\r\n }\r\n}\r\n\r\n.topnav {\r\n background: $header-bg;\r\n padding: 0 calc(#{$grid-gutter-width} / 2);\r\n z-index: 100;\r\n border-top: 1px solid $card-border-color;\r\n border-bottom: 1px solid $card-border-color;;\r\n box-shadow: $box-shadow;\r\n\r\n @media (min-width: 992px) {\r\n background: $topnav-bg;\r\n }\r\n \r\n \r\n .topnav-menu {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .navbar-nav {\r\n \r\n .nav-link {\r\n font-size: 14px;\r\n position: relative;\r\n padding: 1.2rem 1.3rem;\r\n color: $menu-item-color;\r\n font-weight: $font-weight-medium;\r\n font-family: $font-family-secondary;\r\n i{\r\n font-size: 1.2rem;\r\n margin-right: 5px;\r\n vertical-align: middle;\r\n }\r\n svg {\r\n height: 18px;\r\n width: 18px;\r\n fill: $menu-item-color;\r\n margin-right: 5px;\r\n margin-top: 1px;\r\n }\r\n &:focus, &:hover{\r\n color: $menu-item-active-color;\r\n background-color: transparent;\r\n svg {\r\n fill: $menu-item-active-color;\r\n }\r\n }\r\n }\r\n \r\n .dropdown-item{\r\n color: $menu-item-color;\r\n background: transparent;\r\n font-weight: $font-weight-medium;\r\n font-size: 14px;\r\n transition: all .4s;\r\n font-family: $font-family-secondary;\r\n &:hover{\r\n color: $menu-item-active-color;\r\n margin-left: 5px;\r\n }\r\n &.active{\r\n color: $menu-item-active-color;\r\n }\r\n }\r\n \r\n .nav-item{\r\n .nav-link.active{\r\n color: $menu-item-active-color;\r\n svg {\r\n color: $menu-item-active-color;\r\n }\r\n }\r\n }\r\n\r\n .dropdown{\r\n &.active{\r\n >a {\r\n color: $menu-item-active-color;\r\n background-color: transparent;\r\n svg {\r\n fill: $menu-item-active-color;\r\n }\r\n }\r\n }\r\n .dropdown{\r\n &.active{\r\n >a {\r\n color: $menu-item-active-color;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .menu-title{\r\n padding: 12px 24px !important;\r\n @media (max-width: 991.98px) {\r\n padding: 12px 16px !important;\r\n }\r\n }\r\n}\r\n\r\n@include media-breakpoint-up(xl) {\r\n\r\n body[data-layout=\"horizontal\"] {\r\n .container-fluid,\r\n .navbar-header {\r\n max-width: 85%;\r\n }\r\n }\r\n}\r\n\r\n@include media-breakpoint-up(lg) {\r\n .topnav {\r\n .navbar-nav {\r\n .nav-item {\r\n &:first-of-type {\r\n .nav-link {\r\n padding-left: 0;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .dropdown-item {\r\n padding: .5rem 1.5rem;\r\n min-width: 180px;\r\n }\r\n\r\n .dropdown {\r\n &.mega-dropdown{\r\n // position: static;\r\n .mega-dropdown-menu{\r\n left: 0px;\r\n right: auto;\r\n }\r\n }\r\n .dropdown-menu {\r\n margin-top: 0;\r\n border-radius: 0 0 $dropdown-border-radius $dropdown-border-radius;\r\n\r\n .arrow-down {\r\n &::after {\r\n right: 15px;\r\n transform: rotate(-135deg) translateY(-50%);\r\n position: absolute;\r\n }\r\n }\r\n\r\n .dropdown {\r\n .dropdown-menu {\r\n position: absolute;\r\n top: 0 !important;\r\n left: 100%;\r\n display: none;\r\n }\r\n }\r\n }\r\n\r\n &:hover {\r\n >.dropdown-menu {\r\n display: block;\r\n }\r\n }\r\n }\r\n\r\n .dropdown:hover>.dropdown-menu>.dropdown:hover>.dropdown-menu {\r\n display: block\r\n }\r\n }\r\n\r\n .navbar-toggle {\r\n display: none;\r\n }\r\n}\r\n\r\n.arrow-down {\r\n display: inline-block;\r\n\r\n &:after {\r\n border-color: initial;\r\n border-style: solid;\r\n border-width: 0 0 1px 1px;\r\n content: \"\";\r\n height: .4em;\r\n display: inline-block;\r\n right: 5px;\r\n top: 50%;\r\n margin-left: 10px;\r\n transform: rotate(-45deg) translateY(-50%);\r\n transform-origin: top;\r\n transition: all .3s ease-out;\r\n width: .4em;\r\n }\r\n}\r\n\r\n\r\n@include media-breakpoint-down(xl) {\r\n .topnav-menu {\r\n .navbar-nav {\r\n li {\r\n &:last-of-type {\r\n .dropdown {\r\n .dropdown-menu {\r\n right: 100%;\r\n left: auto;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n@include media-breakpoint-down(lg) {\r\n\r\n .navbar-brand-box{\r\n .logo-dark {\r\n display: $display-block;\r\n span.logo-sm{\r\n display: $display-block;\r\n }\r\n }\r\n \r\n .logo-light {\r\n display: $display-none;\r\n }\r\n }\r\n \r\n .topnav {\r\n max-height: 360px;\r\n overflow-y: auto;\r\n padding: 0;\r\n .navbar-nav {\r\n .nav-link {\r\n padding: 0.75rem 1.1rem;\r\n }\r\n }\r\n\r\n .dropdown {\r\n .dropdown-menu {\r\n background-color: transparent;\r\n border: none;\r\n box-shadow: none;\r\n padding-left: 20px;\r\n &.dropdown-mega-menu-xl{\r\n width: auto;\r\n \r\n .row{\r\n margin: 0px;\r\n }\r\n }\r\n }\r\n\r\n .dropdown-item {\r\n position: relative;\r\n background-color: transparent;\r\n\r\n &:hover{\r\n margin-left: 0;\r\n }\r\n\r\n &.active,\r\n &:active {\r\n color: $primary;\r\n margin-left: 0;\r\n }\r\n }\r\n }\r\n\r\n .arrow-down {\r\n &::after {\r\n right: 15px;\r\n position: absolute;\r\n }\r\n }\r\n }\r\n}\r\n\r\nbody[data-layout=\"horizontal\"][data-topbar=\"dark\"] {\r\n .ishorizontal-topbar{\r\n background-color: $header-dark-bg;\r\n }\r\n\r\n .navbar-brand-box {\r\n .logo-dark {\r\n display: none;\r\n }\r\n \r\n .logo-light {\r\n display: block;\r\n\r\n }\r\n }\r\n\r\n .page-content {\r\n padding: calc(60px + #{$grid-gutter-width}) calc(#{$grid-gutter-width} / 2) 60px calc(#{$grid-gutter-width} / 2);\r\n @media (max-width: 991.98px) { \r\n margin-top: $grid-gutter-width;\r\n }\r\n\r\n }\r\n}\r\n\r\n\r\n\r\n// Colored Topbar \r\n\r\nbody[data-layout=\"horizontal\"][data-topbar=\"colored\"] {\r\n .ishorizontal-topbar{\r\n background-color: $primary;\r\n box-shadow: none;\r\n }\r\n\r\n .logo-dark {\r\n display: none;\r\n }\r\n\r\n .logo-light {\r\n display: block;\r\n }\r\n\r\n .app-search {\r\n \r\n .form-control {\r\n background-color: rgba($topbar-search-bg,0.07);\r\n color: $white;\r\n }\r\n span,\r\n input.form-control::-webkit-input-placeholder {\r\n color: rgba($white,0.5);\r\n }\r\n }\r\n .header-item {\r\n color: $header-dark-item-color;\r\n \r\n &:hover {\r\n color: $header-dark-item-color;\r\n }\r\n }\r\n\r\n .navbar-header {\r\n .dropdown .show {\r\n &.header-item{\r\n background-color: rgba($white,0.1);\r\n }\r\n }\r\n }\r\n\r\n .noti-icon {\r\n i {\r\n color: $header-dark-item-color;\r\n }\r\n }\r\n\r\n @include media-breakpoint-up(lg) {\r\n .topnav{\r\n background-color: $primary;\r\n .navbar-nav {\r\n \r\n .nav-link {\r\n color: rgba($white, 0.6);\r\n \r\n &:focus, &:hover{\r\n color: rgba($white, 0.9);\r\n }\r\n }\r\n \r\n > .dropdown{\r\n &.active{\r\n >a {\r\n color: rgba($white, 0.9) !important;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n\r\n &[data-layout=\"horizontal\"] {\r\n .ishorizontal-topbar{\r\n background-color: $header-dark-bg;\r\n\r\n }\r\n .noti-icon {\r\n .noti-dot{\r\n box-shadow: 0 0 0 3px $gray-dark-200;\r\n }\r\n }\r\n\r\n &[data-topbar=\"light\"] {\r\n\r\n .page-content {\r\n padding: calc(60px + #{$grid-gutter-width}) calc(#{$grid-gutter-width} / 2) 60px calc(#{$grid-gutter-width} / 2);\r\n }\r\n\r\n .logo-dark {\r\n display: block;\r\n }\r\n \r\n .logo-light {\r\n display: none;\r\n }\r\n }\r\n\r\n }\r\n\r\n .topnav {\r\n background-color: lighten($header-dark-bg,3%);\r\n border-color: $gray-dark-300;\r\n box-shadow: 0 2px 3px darken($gray-dark-200, 4%);\r\n\r\n .navbar-nav{\r\n .nav-link{\r\n color: $menu-dark-item-color;\r\n\r\n svg {\r\n fill: $menu-dark-item-color;\r\n }\r\n\r\n &:focus, &:hover{\r\n color: $menu-dark-item-active-color;\r\n background-color: transparent;\r\n svg {\r\n fill: $menu-dark-item-active-color;\r\n }\r\n }\r\n }\r\n\r\n .dropdown-item{\r\n color: $menu-dark-item-color;\r\n background-color: transparent;\r\n\r\n &.active, &:hover{\r\n color: $menu-dark-item-active-color;\r\n }\r\n }\r\n\r\n .nav-item{\r\n .nav-link.active{\r\n color: $menu-dark-item-active-color;\r\n svg {\r\n color: $menu-dark-item-active-color;\r\n }\r\n }\r\n }\r\n\r\n .dropdown{\r\n &.active{\r\n >a {\r\n color: $menu-dark-item-active-color;\r\n background-color: transparent;\r\n svg {\r\n fill: $menu-dark-item-active-color;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .menu-title{\r\n color: rgba($menu-dark-item-color,0.6);\r\n }\r\n }\r\n}\r\n\r\n// layout bordered\r\n\r\nbody[data-layout-mode=\"bordered\"] {\r\n .topnav{\r\n box-shadow: none;\r\n }\r\n}\r\n\r\n// topbar hidden\r\n\r\nbody[data-topbar=\"hidden\"][data-layout=\"horizontal\"] {\r\n .ishorizontal-topbar{\r\n .navbar-header{\r\n display: none !important;\r\n } \r\n }\r\n .page-content {\r\n transition: all 0.3s;\r\n margin-top: calc(#{$header-height} - 15px);\r\n padding: $grid-gutter-width calc(#{$grid-gutter-width} / 2) $footer-height calc(#{$grid-gutter-width} / 2);\r\n @media (max-width: 991.98px) { \r\n margin-top: 0;\r\n padding: $grid-gutter-width calc(#{$grid-gutter-width} / 2) 60px calc(#{$grid-gutter-width} / 2);\r\n }\r\n\r\n }\r\n \r\n}\r\n\r\n\r\n","// \r\n// _layouts.scss\r\n// \r\n\r\nbody[data-layout-size=\"boxed\"] {\r\n background-color: $boxed-body-bg;\r\n #layout-wrapper {\r\n background-color: $body-bg;\r\n max-width: $boxed-layout-width;\r\n margin: 0 auto;\r\n box-shadow: $box-shadow;\r\n }\r\n\r\n #page-topbar {\r\n max-width: calc(#{$boxed-layout-width} - #{$sidebar-width});\r\n margin: 0 auto;\r\n }\r\n\r\n .footer {\r\n margin: 0 auto;\r\n max-width: calc(#{$boxed-layout-width} - #{$sidebar-width});\r\n }\r\n\r\n &[data-sidebar-size=\"sm\"] {\r\n #page-topbar {\r\n max-width: calc(#{$boxed-layout-width} - #{$sidebar-collapsed-width});\r\n }\r\n .footer {\r\n max-width: calc(#{$boxed-layout-width} - #{$sidebar-collapsed-width});\r\n }\r\n\r\n .main-content {\r\n @media (min-width: 769px){\r\n min-height: 1850px;\r\n }\r\n }\r\n }\r\n\r\n &[data-sidebar-size=\"md\"]{\r\n #page-topbar {\r\n max-width: calc(#{$boxed-layout-width} - #{$sidebar-width-sm});\r\n }\r\n .footer {\r\n max-width: calc(#{$boxed-layout-width} - #{$sidebar-width-sm});\r\n }\r\n }\r\n}\r\n\r\n\r\n// Horizontal Boxed Layout\r\n\r\nbody[data-layout=\"horizontal\"][data-layout-size=\"boxed\"]{\r\n #page-topbar, #layout-wrapper, .footer {\r\n max-width: 100%;\r\n }\r\n .container-fluid, .navbar-header {\r\n max-width: $boxed-layout-width;\r\n }\r\n}\r\n\r\n// Scrollable layout\r\nbody[data-layout-scrollable=\"true\"] {\r\n @media (min-width: 992px) {\r\n .isvertical-topbar, .ishorizontal-topbar, .vertical-menu{\r\n position: absolute;\r\n }\r\n .navbar-brand-box {\r\n position: absolute;\r\n }\r\n }\r\n &[data-layout=\"horizontal\"]{\r\n @media (min-width: 992px) {\r\n .isvertical-topbar, .ishorizontal-topbar{\r\n position: absolute;\r\n }\r\n\r\n .navbar-brand-box {\r\n position: relative;\r\n }\r\n }\r\n }\r\n}\r\n\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n &[data-layout-size=\"boxed\"] {\r\n background-color: lighten($gray-dark-200, 4%);\r\n #layout-wrapper {\r\n box-shadow: 0 2px 3px darken($gray-dark-200, 4%);\r\n background-color: darken($gray-dark-200, 2%);\r\n }\r\n }\r\n}\r\n\r\n\r\n// Layout Setting Button\r\n.layout-setting-btn {\r\n position: fixed;\r\n top: 47.5%;\r\n right: 0;\r\n writing-mode: vertical-rl;\r\n font-weight: 600;\r\n background-color: $primary;\r\n color: $white !important;\r\n line-height: 32px;\r\n padding: 15px 3px;\r\n font-size: 16px;\r\n border-radius: 6px 0 0 6px;\r\n transform: translateY(-50%);\r\n z-index: 1999;\r\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\nbody[data-layout-mode=\"dark\"] {\n .avatar-group{\n .avatar-group-item{\n border-color: $gray-dark-200;\n }\n }\n}","//\r\n// alerts.scss\r\n//\r\n\r\n.alert-top-border {\r\n background-color: $card-bg;\r\n border-color: $light;\r\n border-top: 2px solid $light;\r\n}\r\n\r\n.alert-outline{\r\n background-color: $white;\r\n}\r\n\r\n// alert-label-icon\r\n\r\n.alert-label-icon {\r\n position: relative;\r\n padding-left: 60px;\r\n border: 0;\r\n \r\n .label-icon {\r\n position: absolute;\r\n width: 45px;\r\n height: 100%;\r\n left: 0;\r\n top: 0;\r\n background-color: rgba($white, 0.1);\r\n border-right: 1px solid rgba($white, 0.1);\r\n font-size: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n \r\n // label arrow\r\n &.label-arrow {\r\n overflow: hidden;\r\n .label-icon {\r\n color: $white;\r\n &:after {\r\n content: \"\";\r\n position: absolute;\r\n border: 6px solid transparent;\r\n right: -12px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n.alert-light{\r\n color: $text-muted;\r\n}\r\n\r\n@each $color,\r\n$value in $theme-colors {\r\n .alert-top-border{\r\n &.alert-#{$color} {\r\n border-top-color: $value;\r\n color: $value;\r\n }\r\n }\r\n\r\n .alert-outline{\r\n &.alert-#{$color} {\r\n border: 1px solid rgba($value, .8);\r\n color: $value;\r\n }\r\n }\r\n\r\n // alert border left\r\n .alert-border-left {\r\n &.alert-#{$color} {\r\n border-left-color: $value;\r\n }\r\n }\r\n\r\n // label arrow\r\n .label-arrow {\r\n &.alert-#{$color} {\r\n .label-icon {\r\n background-color: $value;\r\n &:after {\r\n border-left-color: $value !important;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n// Alert border left example\r\n\r\n.alert-border-left {\r\n border-left: 3px solid;\r\n }\r\n\r\n.alert-top-border, .alert-outline{\r\n &.alert-light{\r\n color: $text-muted;\r\n }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n // Alert\r\n .alert{\r\n .btn-close{\r\n background: transparent escape-svg($btn-close-bg) center / $btn-close-width auto no-repeat;\r\n }\r\n }\r\n .alert-top-border{\r\n background-color: $gray-dark-200;\r\n border-top: 2px solid $gray-dark-300;\r\n border-color: $gray-dark-300;\r\n .btn-close{\r\n background: transparent escape-svg($btn-close-bg-dark) center / $btn-close-width auto no-repeat;\r\n }\r\n }\r\n .alert-top-border{\r\n background-color: $gray-dark-200;\r\n border-top: 2px solid $gray-dark-300;\r\n border-color: $gray-dark-300;\r\n .btn-close{\r\n background: transparent escape-svg($btn-close-bg-dark) center / $btn-close-width auto no-repeat;\r\n }\r\n }\r\n\r\n .alert-outline{\r\n background-color: $gray-dark-200;\r\n .btn-close{\r\n background: transparent escape-svg($btn-close-bg-dark) center / $btn-close-width auto no-repeat;\r\n }\r\n &.alert-light{\r\n color: $light;\r\n }\r\n }\r\n\r\n @each $color,\r\n $value in $theme-colors {\r\n .alert-top-border{\r\n &.alert-#{$color} {\r\n border-top-color: $value;\r\n color: $value;\r\n }\r\n }\r\n }\r\n\r\n .alert-top-border{\r\n &.alert-dark{\r\n border-top-color: $gray-dark-300;\r\n border-color: $gray-dark-300;\r\n color: $light;\r\n }\r\n }\r\n\r\n .alert-outline{\r\n &.alert-dark{\r\n border-color: $gray-dark-300;\r\n color: $light;\r\n }\r\n }\r\n}","\r\n//\r\n// accordion.scss\r\n//\r\n\r\n.custom-accordion {\r\n .accordion-list {\r\n display: flex;\r\n border-radius: 7px;\r\n background-color: $gray-300;\r\n padding: 12px 20px;\r\n color: $body-color;\r\n font-weight: $font-weight-semibold;\r\n align-items: center;\r\n justify-content: space-between;\r\n &.collapsed {\r\n i.accor-plus-icon {\r\n &:before {\r\n content: \"\\F0415\";\r\n }\r\n }\r\n }\r\n\r\n .accor-plus-icon{\r\n display: inline-block;\r\n font-size: 16px;\r\n height: 24px;\r\n width: 24px;\r\n line-height: 22px;\r\n background-color: $card-bg;\r\n text-align: center;\r\n border-radius: 50%;\r\n }\r\n }\r\n\r\n \r\n a {\r\n\r\n &.collapsed {\r\n i.accor-down-icon {\r\n &:before {\r\n content: \"\\F0140\";\r\n }\r\n }\r\n }\r\n }\r\n\r\n\r\n .card-body {\r\n color: $text-muted;\r\n }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n\r\n // accordion\r\n\r\n .accordion-button{\r\n border-color: $gray-dark-300;\r\n color: $gray-dark-600;\r\n &:not(.collapsed){\r\n background-color: rgba($primary, 0.2);\r\n color: $primary;\r\n box-shadow: inset 0 -1px 0 $gray-dark-200;\r\n }\r\n }\r\n\r\n .accordion-item{\r\n border-color: $gray-dark-300;\r\n }\r\n \r\n .accordion-collapse{\r\n border-color: $gray-dark-300;\r\n }\r\n}","//\n// _helper.scss\n//\n\n.font-size-10 {\n font-size: 10px !important;\n}\n\n.font-size-11 {\n font-size: 11px !important;\n}\n\n.font-size-12 {\n font-size: 12px !important;\n}\n\n.font-size-13 {\n font-size: 13px !important;\n}\n\n.font-size-14 {\n font-size: 14px !important;\n}\n\n.font-size-15 {\n font-size: 15px !important;\n}\n\n.font-size-16 {\n font-size: 16px !important;\n}\n\n.font-size-17 {\n font-size: 17px !important;\n}\n\n.font-size-18 {\n font-size: 18px !important;\n}\n\n.font-size-20 {\n font-size: 20px !important;\n}\n\n.font-size-22 {\n font-size: 22px !important;\n}\n\n.font-size-24 {\n font-size: 24px !important;\n}\n\n.font-size-26 {\n font-size: 26px !important;\n}\n\n\n// Font weight help class\n\n.fw-medium {\n font-weight: $font-weight-medium;\n}\n\n.fw-semibold {\n font-weight: $font-weight-semibold;\n}\n\n.bg-overlay {\n position: absolute;\n height: 100%;\n width: 100%;\n right: 0;\n bottom: 0;\n left: 0;\n top: 0;\n opacity: .7;\n background-color: $black;\n}\n\n.bg-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: $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\nbody[data-layout-mode=\"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","// \r\n// _preloader.scss\r\n//\r\n\r\n#preloader {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: $card-bg;\r\n z-index: 9999;\r\n}\r\n\r\n#status {\r\n position: absolute;\r\n left: 50%;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n margin: -20px 0 0 -20px;\r\n}\r\n\r\n.spinner{\r\n .spin-icon {\r\n font-size: 48px;\r\n color: $primary;\r\n position: relative;\r\n display: inline-block;\r\n animation: spin 1.6s infinite linear;\r\n }\r\n}\r\n\r\n@keyframes spin {\r\n 0% {\r\n transform: rotate(0deg);\r\n }\r\n 100% {\r\n transform: rotate(359deg);\r\n }\r\n}","// \r\n// _modal.scss\r\n// \r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n // modal\r\n .modal-header, .modal-footer{\r\n border-color: $gray-dark-300;;\r\n }\r\n}","//\r\n// forms.scss\r\n//\r\n\r\n[type=\"tel\"],\r\n[type=\"url\"],\r\n[type=\"email\"],\r\n[type=\"number\"] {\r\n &::placeholder{\r\n text-align: left /*rtl: right*/;\r\n }\r\n}\r\n\r\n.form-check{\r\n position: relative;\r\n text-align: left /*rtl: right*/;\r\n}\r\n\r\n\r\n// checkbox input right\r\n\r\n.form-check-right{\r\n padding-left: 0;\r\n display: inline-block;\r\n padding-right: $form-check-padding-start;\r\n .form-check-input{\r\n float: right;\r\n margin-left: 0;\r\n margin-right: $form-check-padding-start * -1;\r\n }\r\n\r\n .form-check-label{\r\n display: block;\r\n }\r\n}\r\n\r\n// checkbox\r\n\r\n.form-checkbox-outline{\r\n \r\n .form-check-input{\r\n border-width: 2px;\r\n background-color: $card-bg;\r\n\r\n &:active{\r\n filter: none;\r\n }\r\n\r\n &:checked{\r\n background-color: $card-bg !important;\r\n\r\n &[type=checkbox]{\r\n background-image: none;\r\n \r\n }\r\n\r\n &:after{\r\n position: absolute;\r\n content: '\\F012C';\r\n font-family: \"Material Design Icons\";\r\n top: -4px !important;\r\n left: 1px; /*rtl: -4px */\r\n font-size: 16px;\r\n color: $dark; \r\n }\r\n }\r\n }\r\n}\r\n\r\n// radio\r\n\r\n.form-radio-outline{\r\n .form-check-input{\r\n border-width: 2px;\r\n background-color: $card-bg;\r\n\r\n &:active{\r\n filter: none;\r\n }\r\n\r\n &:checked{\r\n background-color: $card-bg !important;\r\n \r\n &[type=checkbox]{\r\n background-image: none;\r\n \r\n }\r\n \r\n &:after{\r\n position: absolute;\r\n content: '\\F0765';\r\n font-family: \"Material Design Icons\";\r\n top: 6px!important;\r\n left: 4px;\r\n font-size: 6px; \r\n }\r\n }\r\n }\r\n}\r\n\r\n\r\n\r\n// checkbox color\r\n\r\n@each $color,\r\n$value in $theme-colors {\r\n .form-check-#{$color}{\r\n .form-check-input{\r\n &:checked{\r\n background-color: $value;\r\n border-color: $value;\r\n }\r\n }\r\n }\r\n\r\n .form-radio-#{$color}{\r\n .form-check-input{\r\n &:checked{\r\n border-color: $value;\r\n background-color: $value;\r\n &:after{\r\n color: $value;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.form-check,\r\n.form-check-input,\r\n.form-check-label {\r\n cursor: pointer;\r\n margin-bottom: 0;\r\n}\r\n\r\n\r\n// Switch sizes\r\n\r\n.form-switch-md{\r\n font-size: 20px;\r\n min-height: 26px;\r\n line-height: 26px;\r\n\r\n .form-check-label{\r\n font-size: $font-size-base;\r\n vertical-align: middle;\r\n }\r\n}\r\n\r\n\r\n.form-switch-lg{\r\n font-size: 26px;\r\n min-height: 36px;\r\n line-height: 36px;\r\n .form-check-label{\r\n font-size: $font-size-base;\r\n vertical-align: middle;\r\n }\r\n}\r\n\r\n.input-group-text{\r\n margin-bottom: 0px;\r\n}\r\n\r\n// card radio\r\n\r\n.card-radio{\r\n background-color: $card-bg;\r\n border: 2px solid $card-border-color;\r\n border-radius: $border-radius;\r\n padding: 4px;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n\r\n &:hover{\r\n cursor: pointer;\r\n }\r\n}\r\n\r\n.card-radio-label{\r\n display: block;\r\n}\r\n\r\n\r\n.card-radio-input{\r\n display: none;\r\n &:checked + .card-radio {\r\n border-color: $primary !important;\r\n }\r\n}\r\n\r\n\r\nbody[data-layout-mode=\"dark\"]{\r\n\r\n // Form Control\r\n .form-control {\r\n color: $gray-dark-500;\r\n background-color: lighten($gray-dark-200,3%);\r\n border: 1px solid $gray-dark-300;\r\n }\r\n // form-select\r\n .form-select{\r\n color: $gray-dark-500;\r\n background-color: lighten($gray-dark-200,3%);\r\n border: 1px solid $gray-dark-300;\r\n background-image: escape-svg(url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$gray-dark-800}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>\"));\r\n}\r\n\r\n// form-check\r\n\r\n.form-check-input{\r\n background-color: $gray-dark-300;\r\n border-color: rgba($white, 0.25);\r\n &:checked{\r\n background-color: $form-check-input-checked-bg-color;\r\n border-color: $form-check-input-checked-border-color;\r\n }\r\n}\r\n\r\n// form switch\r\n\r\n.form-switch {\r\n .form-check-input {\r\n background-image: escape-svg($form-switch-checked-bg-image)\r\n }\r\n}\r\n\r\n// input group\r\n.input-group-text{\r\n background-color: lighten($gray-dark-300,3%);\r\n border-color: $gray-dark-300;\r\n color: $gray-dark-600;\r\n}\r\n\r\n.form-control{\r\n &::-webkit-file-upload-button {\r\n background-color: $gray-dark-300;\r\n color: $gray-dark-600;\r\n }\r\n &:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {\r\n background-color: $gray-dark-300;\r\n }\r\n}\r\n}","// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null or unit($num) == \"%\" or unit($prev-num) == \"%\" {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n @if length($map) > 0 {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.\";\n }\n }\n}\n\n// Colors\n@function to-rgb($value) {\n @return red($value), green($value), blue($value);\n}\n\n// stylelint-disable scss/dollar-variable-pattern\n@function rgba-css-var($identifier, $target) {\n @if $identifier == \"body\" and $target == \"bg\" {\n @return rgba(var(--#{$variable-prefix}#{$identifier}-bg-rgb), var(--#{$variable-prefix}#{$target}-opacity));\n } @if $identifier == \"body\" and $target == \"text\" {\n @return rgba(var(--#{$variable-prefix}#{$identifier}-color-rgb), var(--#{$variable-prefix}#{$target}-opacity));\n } @else {\n @return rgba(var(--#{$variable-prefix}#{$identifier}-rgb), var(--#{$variable-prefix}#{$target}-opacity));\n }\n}\n\n@function map-loop($map, $func, $args...) {\n $_map: ();\n\n @each $key, $value in $map {\n // allow to pass the $key and $value of the map as an function argument\n $_args: ();\n @each $arg in $args {\n $_args: append($_args, if($arg == \"$key\", $key, if($arg == \"$value\", $value, $arg)));\n }\n\n $_map: map-merge($_map, ($key: call(get-function($func), $_args...)));\n }\n\n @return $_map;\n}\n// stylelint-enable scss/dollar-variable-pattern\n\n@function varify($list) {\n $result: null;\n @each $entry in $list {\n $result: append($result, var(--#{$variable-prefix}#{$entry}), space);\n }\n @return $result;\n}\n\n// Internal Bootstrap function to turn maps into its negative variant.\n// It prefixes the keys with `n` and makes the value negative.\n@function negativify-map($map) {\n $result: ();\n @each $key, $value in $map {\n @if $key != 0 {\n $result: map-merge($result, (\"n\" + $key: (-$value)));\n }\n }\n @return $result;\n}\n\n// Get multiple keys from a sass map\n@function map-get-multiple($map, $values) {\n $result: ();\n @each $key, $value in $map {\n @if (index($values, $key) != null) {\n $result: map-merge($result, ($key: $value));\n }\n }\n @return $result;\n}\n\n// Merge multiple maps\n@function map-merge-multiple($maps...) {\n $merged-maps: ();\n\n @each $map in $maps {\n $merged-maps: map-merge($merged-maps, $map);\n }\n @return $merged-maps;\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// See https://codepen.io/kevinweber/pen/dXWoRw\n//\n// Requires the use of quotes around data URIs.\n\n@function escape-svg($string) {\n @if str-index($string, \"data:image/svg+xml\") {\n @each $char, $encoded in $escaped-characters {\n // Do not escape the url brackets\n @if str-index($string, \"url(\") == 1 {\n $string: url(\"#{str-replace(str-slice($string, 6, -3), $char, $encoded)}\");\n } @else {\n $string: str-replace($string, $char, $encoded);\n }\n }\n }\n\n @return $string;\n}\n\n// Color contrast\n// See https://github.com/twbs/bootstrap/pull/30168\n\n// A list of pre-calculated numbers of pow(divide((divide($value, 255) + .055), 1.055), 2.4). (from 0 to 255)\n// stylelint-disable-next-line scss/dollar-variable-default, scss/dollar-variable-pattern\n$_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003 .0033 .0037 .004 .0044 .0048 .0052 .0056 .006 .0065 .007 .0075 .008 .0086 .0091 .0097 .0103 .011 .0116 .0123 .013 .0137 .0144 .0152 .016 .0168 .0176 .0185 .0194 .0203 .0212 .0222 .0232 .0242 .0252 .0262 .0273 .0284 .0296 .0307 .0319 .0331 .0343 .0356 .0369 .0382 .0395 .0409 .0423 .0437 .0452 .0467 .0482 .0497 .0513 .0529 .0545 .0561 .0578 .0595 .0612 .063 .0648 .0666 .0685 .0704 .0723 .0742 .0762 .0782 .0802 .0823 .0844 .0865 .0887 .0908 .0931 .0953 .0976 .0999 .1022 .1046 .107 .1095 .1119 .1144 .117 .1195 .1221 .1248 .1274 .1301 .1329 .1356 .1384 .1413 .1441 .147 .15 .1529 .1559 .159 .162 .1651 .1683 .1714 .1746 .1779 .1812 .1845 .1878 .1912 .1946 .1981 .2016 .2051 .2086 .2122 .2159 .2195 .2232 .227 .2307 .2346 .2384 .2423 .2462 .2502 .2542 .2582 .2623 .2664 .2705 .2747 .2789 .2831 .2874 .2918 .2961 .3005 .305 .3095 .314 .3185 .3231 .3278 .3325 .3372 .3419 .3467 .3515 .3564 .3613 .3663 .3712 .3763 .3813 .3864 .3916 .3968 .402 .4072 .4125 .4179 .4233 .4287 .4342 .4397 .4452 .4508 .4564 .4621 .4678 .4735 .4793 .4851 .491 .4969 .5029 .5089 .5149 .521 .5271 .5333 .5395 .5457 .552 .5583 .5647 .5711 .5776 .5841 .5906 .5972 .6038 .6105 .6172 .624 .6308 .6376 .6445 .6514 .6584 .6654 .6724 .6795 .6867 .6939 .7011 .7084 .7157 .7231 .7305 .7379 .7454 .7529 .7605 .7682 .7758 .7835 .7913 .7991 .807 .8148 .8228 .8308 .8388 .8469 .855 .8632 .8714 .8796 .8879 .8963 .9047 .9131 .9216 .9301 .9387 .9473 .956 .9647 .9734 .9823 .9911 1;\n\n@function color-contrast($background, $color-contrast-dark: $color-contrast-dark, $color-contrast-light: $color-contrast-light, $min-contrast-ratio: $min-contrast-ratio) {\n $foregrounds: $color-contrast-light, $color-contrast-dark, $white, $black;\n $max-ratio: 0;\n $max-ratio-color: null;\n\n @each $color in $foregrounds {\n $contrast-ratio: contrast-ratio($background, $color);\n @if $contrast-ratio > $min-contrast-ratio {\n @return $color;\n } @else if $contrast-ratio > $max-ratio {\n $max-ratio: $contrast-ratio;\n $max-ratio-color: $color;\n }\n }\n\n @warn \"Found no color leading to #{$min-contrast-ratio}:1 contrast ratio against #{$background}...\";\n\n @return $max-ratio-color;\n}\n\n@function contrast-ratio($background, $foreground: $color-contrast-light) {\n $l1: luminance($background);\n $l2: luminance(opaque($background, $foreground));\n\n @return if($l1 > $l2, divide($l1 + .05, $l2 + .05), divide($l2 + .05, $l1 + .05));\n}\n\n// Return WCAG2.0 relative luminance\n// See https://www.w3.org/WAI/GL/wiki/Relative_luminance\n// See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n@function luminance($color) {\n $rgb: (\n \"r\": red($color),\n \"g\": green($color),\n \"b\": blue($color)\n );\n\n @each $name, $value in $rgb {\n $value: if(divide($value, 255) < .03928, divide(divide($value, 255), 12.92), nth($_luminance-list, $value + 1));\n $rgb: map-merge($rgb, ($name: $value));\n }\n\n @return (map-get($rgb, \"r\") * .2126) + (map-get($rgb, \"g\") * .7152) + (map-get($rgb, \"b\") * .0722);\n}\n\n// Return opaque color\n// opaque(#fff, rgba(0, 0, 0, .5)) => #808080\n@function opaque($background, $foreground) {\n @return mix(rgba($foreground, 1), $background, opacity($foreground) * 100);\n}\n\n// scss-docs-start color-functions\n// Tint a color: mix a color with white\n@function tint-color($color, $weight) {\n @return mix(white, $color, $weight);\n}\n\n// Shade a color: mix a color with black\n@function shade-color($color, $weight) {\n @return mix(black, $color, $weight);\n}\n\n// Shade the color if the weight is positive, else tint it\n@function shift-color($color, $weight) {\n @return if($weight > 0, shade-color($color, $weight), tint-color($color, -$weight));\n}\n// scss-docs-end color-functions\n\n// Return valid calc\n@function add($value1, $value2, $return-calc: true) {\n @if $value1 == null {\n @return $value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 + $value2;\n }\n\n @return if($return-calc == true, calc(#{$value1} + #{$value2}), $value1 + unquote(\" + \") + $value2);\n}\n\n@function subtract($value1, $value2, $return-calc: true) {\n @if $value1 == null and $value2 == null {\n @return null;\n }\n\n @if $value1 == null {\n @return -$value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 - $value2;\n }\n\n @if type-of($value2) != number {\n $value2: unquote(\"(\") + $value2 + unquote(\")\");\n }\n\n @return if($return-calc == true, calc(#{$value1} - #{$value2}), $value1 + unquote(\" - \") + $value2);\n}\n\n@function divide($dividend, $divisor, $precision: 10) {\n $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n $dividend: abs($dividend);\n $divisor: abs($divisor);\n @if $dividend == 0 {\n @return 0;\n }\n @if $divisor == 0 {\n @error \"Cannot divide by 0\";\n }\n $remainder: $dividend;\n $result: 0;\n $factor: 10;\n @while ($remainder > 0 and $precision >= 0) {\n $quotient: 0;\n @while ($remainder >= $divisor) {\n $remainder: $remainder - $divisor;\n $quotient: $quotient + 1;\n }\n $result: $result * 10 + $quotient;\n $factor: $factor * .1;\n $remainder: $remainder * 10;\n $precision: $precision - 1;\n @if ($precision < 0 and $remainder >= $divisor * 5) {\n $result: $result + 1;\n }\n }\n $result: $result * $factor * $sign;\n $dividend-unit: unit($dividend);\n $divisor-unit: unit($divisor);\n $unit-map: (\n \"px\": 1px,\n \"rem\": 1rem,\n \"em\": 1em,\n \"%\": 1%\n );\n @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n $result: $result * map-get($unit-map, $dividend-unit);\n }\n @return $result;\n}\n","// \r\n// _widgets.scss\r\n// \r\n\r\n// popular product\r\n\r\n.popular-product-box{\r\n padding: 12px 15px;\r\n background-color: $gray-200;\r\n}\r\n\r\n// Loyal Customers\r\n.loyal-customers-box{\r\n padding: 11px 0px;\r\n}\r\n\r\n// Sale Social\r\n.sale-social-box{\r\n padding: 15px 0px;\r\n}\r\n\r\n.sales-history{\r\n padding: 12px 0px;\r\n}\r\n\r\n.popular-product-img{\r\n img{\r\n height: 200px;\r\n @media (min-width: 1440px) and (max-width: 1550px) { \r\n max-width: 100%;\r\n height: auto; \r\n }\r\n }\r\n \r\n}\r\n\r\n\r\n.main-chart {\r\n .chart-border-left {\r\n border-left: 1.4px solid $border-color;\r\n padding: 0px 20px;\r\n\r\n @media (max-width: 575.98px) {\r\n padding: 0px 0px;\r\n border: 0;\r\n &:last-child{\r\n padding-left: 15px;\r\n }\r\n }\r\n\r\n &:last-child {\r\n margin-right: 0px;\r\n }\r\n }\r\n}\r\n\r\n.widget-chat{\r\n height: 331px !important;\r\n}\r\n\r\n.widget-chat-list{\r\n height: 400px !important;\r\n}\r\n\r\n// Transactions\r\n\r\n.transactions-contain{\r\n padding: 14px 16px;\r\n}\r\n\r\n\r\n.swiper-location-widget{\r\n height: 276px;\r\n .swiper-slide{\r\n .card{\r\n margin: 0;\r\n box-shadow: none;\r\n height: 100%;\r\n \r\n .card-body{\r\n padding: 0.5rem 1rem;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n }\r\n }\r\n}\r\n\r\n// map widget\r\n.map-widget{\r\n @media (min-width: 992px) {\r\n border-right: 1px solid $border-color;\r\n }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n\r\n .popular-product-box{\r\n background-color: $gray-dark-300;\r\n \r\n }\r\n\r\n .main-chart{\r\n .chart-border-left{\r\n border-left: 1.4px solid $gray-dark-300;\r\n }\r\n }\r\n\r\n // map widget\r\n .map-widget{\r\n @media (min-width: 992px) {\r\n border-right: 1px solid $gray-dark-300;\r\n }\r\n }\r\n}","// \r\n// _demos.scss\r\n// \r\n\r\n// Grid \r\n.grid-example{\r\n background-color: $gray-200;\r\n border-radius: 5px;\r\n font-weight: $font-weight-medium;\r\n padding: 10px 20px;\r\n font-size: .8rem;\r\n}\r\n\r\n\r\n// Demo Only\r\n.button-items {\r\n margin-left: -8px;\r\n margin-bottom: -12px;\r\n \r\n .btn {\r\n margin-bottom: 12px;\r\n margin-left: 8px;\r\n }\r\n}\r\n\r\n// search-box\r\n.search-box{\r\n .form-control{\r\n border-radius: 10px;\r\n padding-left: 40px;\r\n }\r\n .search-icon{\r\n position: absolute;\r\n left: 13px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n fill: $body-color;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n}\r\n\r\n\r\n.user-profile-img{\r\n position: relative;\r\n \r\n .overlay-content{\r\n content: \"\";\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n bottom: 0;\r\n right: 0;\r\n background: rgba($primary, 0.8);\r\n display: flex;\r\n height: 100%;\r\n color: rgba($white, 0.6);\r\n flex-direction: column;\r\n }\r\n .profile-img{\r\n width: 100%;\r\n height: 250px;\r\n object-fit: cover;\r\n\r\n @media (max-width:991px) {\r\n height: 160px;\r\n }\r\n }\r\n}\r\n\r\n.user-profile-image{\r\n object-fit: cover;\r\n}\r\n\r\n// Modals\r\n\r\n.bs-example-modal {\r\n position: relative;\r\n top: auto;\r\n right: auto;\r\n bottom: auto;\r\n left: auto;\r\n z-index: 1;\r\n display: block;\r\n}\r\n\r\n\r\n// Icon demo ( Demo only )\r\n.icon-demo-content {\r\n text-align: center;\r\n color: $gray-500;\r\n \r\n i, svg{\r\n display: block;\r\n width: 50px;\r\n height: 50px;\r\n line-height: 46px;\r\n font-size: 24px;\r\n margin: 0px auto 16px;\r\n border: 2px solid $gray-300;\r\n color: $gray-600;\r\n fill: $gray-600;\r\n border-radius: 1rem;\r\n transition: all 0.4s;\r\n }\r\n svg {\r\n padding: 10px;\r\n }\r\n \r\n .col-lg-4 {\r\n margin-top: 24px;\r\n \r\n &:hover {\r\n i, svg {\r\n color: $white;\r\n fill: $white;\r\n background-color: $primary;\r\n border-color: $primary;\r\n }\r\n }\r\n }\r\n}\r\n\r\n// Grid\r\n\r\n.grid-structure {\r\n .grid-container {\r\n background-color: $gray-200;\r\n margin-top: 10px;\r\n font-size: .8rem;\r\n font-weight: $font-weight-medium;\r\n padding: 10px 20px;\r\n }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n.grid-structure {\r\n .grid-container {\r\n background-color: lighten($gray-dark-200, 4%);\r\n }\r\n}\r\n.grid-example{\r\n background-color: lighten($gray-dark-200, 4%);\r\n}\r\n}\r\n\r\n// toast\r\n.toast:not(:last-child) {\r\n margin-bottom: .75rem;\r\n}\r\n\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n .icon-demo-content{\r\n i, svg{\r\n color: $gray-dark-600;\r\n border-color: $gray-dark-300;\r\n }\r\n }\r\n}\r\n\r\n\r\n// ribbon\r\n\r\n.ribbon{\r\n position: absolute;\r\n right: -26px;\r\n top: 20px;\r\n transform: rotate(45deg);\r\n color: $white;\r\n font-size: 13px;\r\n font-weight: $font-weight-medium;\r\n padding: 1px 22px;\r\n font-size: 13px;\r\n font-weight: 500;\r\n}\r\n\r\n\r\n// card radio\r\n\r\n\r\n\r\n.card-radio{\r\n background-color: $card-bg;\r\n border: 2px solid $card-border-color;\r\n border-radius: $border-radius;\r\n padding: 0.5rem;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n display: block;\r\n\r\n &:hover{\r\n cursor: pointer;\r\n }\r\n}\r\n\r\n.card-radio-label{\r\n display: block;\r\n}\r\n\r\n.edit-btn{\r\n width: 35px;\r\n height: 35px;\r\n line-height: 40px;\r\n text-align: center;\r\n position: absolute;\r\n right: 25px;\r\n margin-top: -50px;\r\n}\r\n\r\n\r\n.card-radio-input{\r\n display: none;\r\n &:checked + .card-radio {\r\n border-color: $primary !important;\r\n\r\n &:before{\r\n content: '\\e9da';\r\n font-family: \"boxicons\";\r\n position: absolute;\r\n top: 10px;\r\n right: 25px;\r\n font-size: 22px;\r\n color: $primary;\r\n }\r\n }\r\n}\r\n\r\n.navs-carousel{\r\n .owl-nav{\r\n margin-top: 16px;\r\n button{\r\n width: 30px;\r\n height: 30px;\r\n line-height: 28px !important;\r\n font-size: 20px !important;\r\n border-radius: 50% !important;\r\n background-color: rgba($primary, 0.25) !important;\r\n color: $primary !important;\r\n margin: 4px 8px !important;\r\n }\r\n }\r\n}\r\n\r\n@media (min-width: 576px){\r\n .currency-value{\r\n position: relative;\r\n &:after{\r\n content: \"\\F04E1\";\r\n font-family: \"Material Design Icons\";\r\n font-size: 24px;\r\n position: absolute;\r\n width: 40px;\r\n height: 40px;\r\n line-height: 40px;\r\n border-radius: 50%;\r\n text-align: center;\r\n right: 0;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background-color: $primary;\r\n color: $white;\r\n z-index: 9;\r\n right: -30px;\r\n }\r\n }\r\n\r\n}\r\n\r\n.crypto-buy-sell-nav-content{\r\n border: 2px solid $gray-300;\r\n border-top: 0;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n .card-radio{\r\n background-color: $gray-dark-200;\r\n border: 2px solid lighten($gray-dark-200, 4%);\r\n }\r\n}","// \r\n// _print.scss\r\n//\r\n\r\n// Used invoice page\r\n@media print {\r\n .vertical-menu,\r\n .right-bar,\r\n .page-title-box,\r\n .navbar-header,\r\n .footer {\r\n display: none !important;\r\n }\r\n .card-body,\r\n .main-content,\r\n .right-bar,\r\n .page-content,\r\n body {\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .card{\r\n border: 0;\r\n }\r\n}","//\n// 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}","/* ==============\r\n Calendar\r\n===================*/\r\n\r\n\r\n.fc td, .fc th{\r\n border: $table-border-width solid $table-border-color;\r\n}\r\n\r\n.fc {\r\n .fc-toolbar {\r\n h2 {\r\n font-size: 16px;\r\n line-height: 30px;\r\n text-transform: uppercase;\r\n }\r\n\r\n @media (max-width: 767.98px) {\r\n\r\n .fc-left,\r\n .fc-right,\r\n .fc-center {\r\n float: none;\r\n display: block;\r\n text-align: center;\r\n clear: both;\r\n margin: 10px 0;\r\n }\r\n\r\n >*>* {\r\n float: none;\r\n }\r\n\r\n .fc-today-button {\r\n display: none;\r\n }\r\n }\r\n\r\n .btn {\r\n text-transform: capitalize;\r\n }\r\n\r\n }\r\n\r\n .fc-col-header-cell{\r\n background-color: $light;\r\n }\r\n\r\n .fc-col-header-cell-cushion {\r\n display: block;\r\n padding: 8px 4px;\r\n }\r\n\r\n .fc-daygrid-day-number{\r\n width: 24px;\r\n height: 24px;\r\n border-radius: 50%;\r\n padding: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 12px;\r\n font-weight: $font-weight-medium;\r\n margin: 2px;\r\n }\r\n\r\n .fc-daygrid-day.fc-day-today{\r\n background-color: rgba($primary,0.1);\r\n .fc-daygrid-day-number{\r\n background-color: $primary;\r\n color: $white;\r\n }\r\n }\r\n\r\n .fc-list-event:hover td{\r\n background: transparent;\r\n }\r\n\r\n .fc-list-event-dot{\r\n border-color: $white;\r\n }\r\n\r\n .fc-list-event-title{\r\n a{\r\n color: $white !important;\r\n }\r\n }\r\n\r\n .fc-col-header, .fc-daygrid-body, .fc-scrollgrid-sync-table{\r\n width: 100% !important;\r\n }\r\n}\r\n\r\n.fc-theme-bootstrap a:not([href]){\r\n color: $body-color;\r\n}\r\n.fc-event{\r\n color: $white;\r\n}\r\n\r\n\r\n.fc {\r\n th.fc-widget-header {\r\n background: $gray-300;\r\n color: $gray-700;\r\n line-height: 20px;\r\n padding: 10px 0;\r\n text-transform: uppercase;\r\n font-weight: $font-weight-bold;\r\n }\r\n}\r\n\r\n.fc-unthemed {\r\n\r\n .fc-content,\r\n .fc-divider,\r\n .fc-list-heading td,\r\n .fc-list-view,\r\n .fc-popover,\r\n .fc-row,\r\n tbody,\r\n td,\r\n th,\r\n thead {\r\n border-color: $gray-300;\r\n }\r\n\r\n td.fc-today {\r\n background: lighten($gray-200, 2%);\r\n }\r\n}\r\n\r\n.fc-button {\r\n background: $card-bg;\r\n border-color: $border-color;\r\n color: $gray-700;\r\n text-transform: capitalize;\r\n box-shadow: none;\r\n padding: 6px 12px !important;\r\n height: auto !important;\r\n}\r\n\r\n.fc-state-down,\r\n.fc-state-active,\r\n.fc-state-disabled {\r\n background-color: $primary;\r\n color: $white;\r\n text-shadow: none;\r\n}\r\n\r\n.fc-event {\r\n border-radius: 2px;\r\n border: none;\r\n cursor: move;\r\n font-size: 0.8125rem;\r\n margin: 5px 7px;\r\n padding: 5px 5px;\r\n text-align: center;\r\n}\r\n\r\n.fc-event,\r\n.fc-event-dot {\r\n background-color: $primary;\r\n}\r\n\r\n.fc-daygrid-dot-event.fc-event-mirror, \r\n.fc-daygrid-dot-event:hover{\r\n background-color: $primary;\r\n}\r\n\r\n.fc-daygrid-dot-event{\r\n color: $white !important;\r\n\r\n .fc-event-title{\r\n font-weight: $font-weight-semibold;\r\n }\r\n}\r\n\r\n.fc-daygrid-event-dot{\r\n border-color: $white !important;\r\n color: $white !important;\r\n}\r\n\r\n.fc-event .fc-content {\r\n color: $white;\r\n}\r\n\r\n#external-events {\r\n .external-event {\r\n text-align: left;\r\n padding: 8px 16px;\r\n margin: 6px 0;\r\n }\r\n}\r\n\r\n\r\n.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.bg-dark {\r\n .fc-content{\r\n color: $light; \r\n }\r\n }\r\n \r\n\r\n// RTL\r\n[dir=\"rtl\"]{\r\n .fc-header-toolbar {\r\n direction: ltr !important;\r\n }\r\n\r\n .fc-toolbar>*>:not(:first-child) {\r\n margin-left: .75em;\r\n }\r\n}\r\n\r\n.fc-toolbar{\r\n @media (max-width: 575.98px) {\r\n flex-direction: column;\r\n gap: 16px;\r\n }\r\n}\r\nbody[data-layout-mode=\"dark\"] {\r\n .fc-daygrid-day{\r\n border-color: $gray-dark-300;\r\n }\r\n\r\n \r\n .fc td, .fc th{\r\n border-color: $gray-dark-300;\r\n }\r\n\r\n .fc-col-header-cell{\r\n border-color: $gray-dark-300;\r\n background-color: lighten($gray-dark-200, 2.5%)\r\n }\r\n\r\n .fc-theme-bootstrap a:not([href]){\r\n color: $gray-dark-400;\r\n }\r\n}","\r\n//\r\n// Range slider.scss\r\n//\r\n\r\n.noUi-connect{\r\n background: $primary;\r\n}\r\n\r\n.noUi-handle{\r\n background: $card-bg;\r\n}\r\n\r\n.noUi-horizontal{\r\n height: 8px;\r\n .noUi-handle{\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n right: -10px;\r\n top: -7px;\r\n\r\n &::before, &::after{\r\n display: none;\r\n }\r\n &:focus{\r\n outline: 0;\r\n }\r\n }\r\n}\r\n\r\n.noUi-pips-horizontal{\r\n height: 50px;\r\n}\r\n\r\n.noUi-vertical{\r\n width: 8px;\r\n .noUi-handle{\r\n height: 20px;\r\n width: 20px;\r\n right: -7px;\r\n top: -12px;\r\n border-radius: 50%;\r\n &::before, &::after{\r\n display: none;\r\n }\r\n &:focus{\r\n outline: 0;\r\n }\r\n }\r\n .noUi-origin{\r\n top: 0;\r\n }\r\n}\r\n\r\n.noUi-value{\r\n font-size: 12px;\r\n}\r\n\r\n.noUi-marker-horizontal{\r\n &.noUi-marker-large{\r\n height: 6px;\r\n }\r\n\r\n &.noUi-marker{\r\n display: none;\r\n }\r\n}\r\n\r\n.noUi-target{\r\n background-color: $light;\r\n border-color: $light;\r\n}\r\n\r\n.noUi-touch-area{\r\n &:focus{\r\n outline: 0;\r\n }\r\n}\r\n\r\n// Colorpicker\r\n\r\n#red, #green, #blue {\r\n\tmargin: 10px;\r\n\tdisplay: inline-block;\r\n\theight: 200px;\r\n}\r\n\r\n#colorpicker {\r\n\theight: 240px;\r\n\twidth: 310px;\r\n\tmargin: 0 auto;\r\n\tpadding: 10px;\r\n\tborder: 1px solid $border-color;\r\n}\r\n\r\n#result {\r\n\tmargin: 60px 26px;\r\n\theight: 100px;\r\n\twidth: 100px;\r\n\tdisplay: inline-block;\r\n\tvertical-align: top;\r\n\tborder: 1px solid $border-color;\r\n box-shadow: 0 0 3px;\r\n border-radius: 7px;\r\n}\r\n\r\n#red {\r\n .noUi-connect {\r\n background: $danger;\r\n }\r\n}\r\n\r\n#green {\r\n .noUi-connect {\r\n background: $success;\r\n }\r\n}\r\n\r\n#blue {\r\n .noUi-connect {\r\n background: $primary;\r\n }\r\n}\r\n\r\n// Adding keyboard support\r\n\r\n.form-control{\r\n &.keyboard{\r\n max-width: 340px !important;\r\n }\r\n}\r\n\r\n// Using HTML5 input elements\r\n\r\n#input-select,\r\n#input-number {\r\n\tpadding: 7px;\r\n\tmargin: 15px 5px 5px;\r\n\twidth: 70px;\r\n}\r\n\r\n// Non linear slider\r\n\r\n.example-val{\r\n font-size: 12px;\r\n color: $text-muted;\r\n display: block;\r\n margin: 15px 0;\r\n &:before{\r\n content: \"Value: \";\r\n font-size: 12px;\r\n font-weight: 600;\r\n }\r\n}\r\n\r\n// showing tooltips\r\n\r\n.noUi-tooltip {\r\n display: none;\r\n}\r\n.noUi-active .noUi-tooltip {\r\n display: block;\r\n}\r\n\r\n// Colored Connect Elements\r\n\r\n.c-1-color { background: $danger; }\r\n.c-2-color { background: $warning; }\r\n.c-3-color { background: $success; }\r\n.c-4-color { background: $primary; }\r\n.c-5-color { background: $purple; }\r\n\r\n// slider togle\r\n\r\n#slider-toggle {\r\n height: 50px;\r\n &.off{\r\n .noUi-handle{\r\n border-color: $danger;\r\n }\r\n }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n .noUi-target{\r\n background-color: $gray-dark-300;\r\n border-color: $gray-dark-300;\r\n box-shadow: inset 0 1px 1px $gray-dark-300, 0 3px 6px -5px $gray-dark-300;\r\n }\r\n\r\n .example-val{\r\n color: $gray-dark-400;\r\n }\r\n}\r\n\r\n","\r\n//\r\n// Sweetalert2.scss\r\n//\r\n\r\n.swal2-container {\r\n .swal2-title{\r\n font-size: 24px;\r\n font-weight: $font-weight-medium;\r\n } \r\n}\r\n\r\n.swal2-content{\r\n font-size: 16px;\r\n}\r\n\r\n.swal2-icon{\r\n &.swal2-question{\r\n border-color: $info;\r\n color: $info;\r\n }\r\n &.swal2-success {\r\n [class^=swal2-success-line]{\r\n background-color: $success;\r\n }\r\n\r\n .swal2-success-ring{\r\n border-color: rgba($success, 0.3);\r\n }\r\n }\r\n &.swal2-warning{\r\n border-color: $warning;\r\n color: $warning;\r\n }\r\n}\r\n\r\n.swal2-styled{\r\n &:focus{\r\n box-shadow: none;\r\n }\r\n}\r\n\r\n.swal2-progress-steps {\r\n .swal2-progress-step{\r\n background: $primary;\r\n &.swal2-active-progress-step{\r\n background: $primary;\r\n &~.swal2-progress-step, &~.swal2-progress-step-line{\r\n background: rgba($primary, 0.3);\r\n }\r\n }\r\n }\r\n .swal2-progress-step-line{\r\n background: $primary;\r\n }\r\n}\r\n\r\n.swal2-actions.swal2-loading{\r\n .swal2-styled.swal2-confirm{\r\n border-left-color: $primary !important;\r\n border-right-color: $primary !important;\r\n }\r\n}\r\n\r\n.swal2-file, .swal2-input, .swal2-textarea{\r\n border: 1px solid $input-border-color;\r\n &:focus{\r\n box-shadow: none;\r\n border-color: $input-focus-border-color;\r\n }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"]{\r\n .swal2-popup{\r\n background-color: $gray-dark-300 !important;\r\n }\r\n .swal2-content{\r\n color: $gray-dark-500;\r\n }\r\n .swal2-html-container{\r\n color: $gray-dark-400;\r\n }\r\n .swal2-file, .swal2-input, .swal2-textarea{\r\n border: 1px solid lighten($gray-dark-300, 4%) !important;\r\n }\r\n}","\r\n//\r\n// alertify.scss\r\n//\r\n\r\n\r\n.alertify {\r\n .ajs-header{\r\n font-weight: $font-weight-medium;\r\n font-size: 16px;\r\n position: relative;\r\n color: $gray-700;\r\n }\r\n .ajs-dialog{\r\n box-shadow: $box-shadow;\r\n background-color: $modal-content-bg;\r\n border-radius: $modal-content-border-radius;\r\n overflow: hidden;\r\n\r\n .ajs-header, .ajs-footer{\r\n background-color: $modal-content-bg;\r\n }\r\n }\r\n\r\n .ajs-body{\r\n color: $body-color;\r\n }\r\n\r\n .ajs-footer {\r\n .ajs-buttons {\r\n .ajs-button{\r\n font-size: 13px;\r\n color: $gray-700;\r\n font-weight: $font-weight-medium;\r\n &.ajs-ok{\r\n color: $primary;\r\n }\r\n }\r\n\r\n &.ajs-primary{\r\n text-align: right;\r\n }\r\n }\r\n }\r\n\r\n .ajs-body .ajs-content {\r\n padding: 16px 0px;\r\n .ajs-input:focus-visible{\r\n outline: none;\r\n }\r\n\r\n .ajs-input{\r\n display: block;\r\n width: 100%;\r\n padding: $input-padding-y $input-padding-x;\r\n line-height: $input-line-height;\r\n color: $input-color;\r\n background-color: $input-bg;\r\n border: $input-border-width solid $input-border-color;\r\n border-radius: $input-border-radius;\r\n }\r\n }\r\n\r\n .ajs-commands{\r\n top: 16px;\r\n right: 16px;\r\n left: auto;\r\n margin: 0;\r\n\r\n button{\r\n width: $btn-close-width;\r\n height: $btn-close-height;\r\n padding: $btn-close-padding-y $btn-close-padding-x;\r\n background: transparent escape-svg($btn-close-bg) center / $btn-close-width auto no-repeat !important; // include transparent for button elements\r\n opacity: $btn-close-opacity;\r\n }\r\n }\r\n}\r\n\r\n\r\n.alertify-notifier {\r\n .ajs-message{\r\n background-color: $primary;\r\n border-color: $primary;\r\n color: $white;\r\n text-shadow: none !important;\r\n border-radius: 4px;\r\n &.ajs-success{\r\n background-color: $success;\r\n border-color: $success;\r\n }\r\n &.ajs-error{\r\n background-color: $danger;\r\n border-color: $danger;\r\n }\r\n &.ajs-warning{\r\n background-color: $warning;\r\n border-color: $warning;\r\n }\r\n }\r\n\r\n\r\n &.ajs-right {\r\n right: 10px;\r\n left: auto;\r\n .ajs-message {\r\n right: -320px;\r\n left: auto;\r\n &.ajs-visible {\r\n right: 290px;\r\n left: auto;\r\n }\r\n }\r\n }\r\n\r\n &.ajs-left {\r\n left: 10px;\r\n right: auto;\r\n .ajs-message {\r\n left: -300px;\r\n right: auto;\r\n &.ajs-visible {\r\n left: 0;\r\n right: auto;\r\n }\r\n }\r\n }\r\n}\r\n\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n\r\n .alertify {\r\n .ajs-dialog{\r\n background-color: $gray-dark-200;\r\n }\r\n\r\n .ajs-header, .ajs-footer{\r\n color: $gray-dark-600;\r\n background-color: $gray-dark-200;\r\n border-color: $gray-dark-300;\r\n }\r\n\r\n .ajs-body{\r\n color: $gray-dark-500;\r\n .ajs-content{\r\n .ajs-input{\r\n color: $gray-dark-500;\r\n background-color: lighten($gray-dark-200, 2%);\r\n border: 1px solid $gray-dark-300;\r\n }\r\n }\r\n }\r\n\r\n .ajs-footer{\r\n .ajs-buttons .ajs-button{\r\n color: $gray-dark-500;\r\n &.ajs-ok{\r\n color: $primary;\r\n }\r\n }\r\n }\r\n\r\n .ajs-commands{\r\n \r\n button{\r\n background: transparent escape-svg($btn-close-bg-dark) center / $btn-close-width auto no-repeat !important; // include transparent for button elements\r\n }\r\n }\r\n }\r\n}","//\r\n// swiper-slider.scss\r\n//\r\n\r\n.swiper-arrow{\r\n .swiper-button-next, .swiper-button-prev{\r\n height: 30px;\r\n width: 30px;\r\n margin: auto 0;\r\n color: $white !important;\r\n background-color: lighten($primary, 5%);\r\n &::after{\r\n font-size: 18px;\r\n }\r\n }\r\n .swiper-button-prev{\r\n position: absolute;\r\n left: 0;\r\n }\r\n .swiper-button-next{\r\n position: absolute;\r\n right: 0;\r\n }\r\n\r\n &.arrow-sm{\r\n .swiper-button-prev, .swiper-button-next{\r\n height: 24px;\r\n width: 24px;\r\n &::after{\r\n font-size: 12px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.swiper-pagination{\r\n transform: translate3d(0,0,0) translateX(-50%);\r\n display: inline-flex;\r\n width: auto !important;\r\n padding: 4px 4px;\r\n left: 50% !important;\r\n background-color: $card-bg;\r\n border-radius: 10px;\r\n right: auto !important;\r\n}\r\n\r\n.swiper-pagination-bullet{\r\n background-color: $card-bg;\r\n opacity: 1;\r\n border: 1px solid $primary;\r\n}\r\n\r\n.swiper-pagination-bullet-active{\r\n background-color: $primary;\r\n opacity: 1;\r\n border: 1px solid $primary;\r\n}\r\n\r\n.swiper-button-prev, .swiper-container-rtl .swiper-button-next{\r\n left: 25px;\r\n right: auto;\r\n}\r\n\r\n.swiper-button-next, .swiper-container-rtl .swiper-button-prev{\r\n right: 25px;\r\n left: auto;\r\n}\r\n\r\n.progress-swiper{\r\n .swiper-pagination-progressbar{\r\n width: 100%;\r\n height: 4px;\r\n left: 0;\r\n top: 0;\r\n background-color: $progress-bg;\r\n .swiper-pagination-progressbar-fill{\r\n background-color: $primary;\r\n }\r\n }\r\n}\r\n\r\n\r\n","\r\n//\r\n// choices\r\n//\r\n\r\n.choices__inner{\r\n padding: 0.25rem ($form-select-padding-x + $form-select-indicator-padding) 0.25rem 0.5rem;\r\n background-color: $form-select-bg;\r\n vertical-align: middle;\r\n border-radius: $form-select-border-radius;\r\n border: $form-select-border-width solid $form-select-border-color;\r\n min-height: 38px;\r\n}\r\n\r\n\r\n.choices[data-type*=select-one]{\r\n .choices__inner{\r\n padding-bottom: 0.25rem;\r\n }\r\n\r\n &:after{\r\n border: 0;\r\n border-color: $dark transparent transparent;\r\n right: 11.5px;\r\n left: auto;\r\n content: \"\\F0140\";\r\n font-family: 'Material Design Icons';\r\n width: auto;\r\n height: auto;\r\n margin-top: 0;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n } \r\n\r\n &.is-open:after{\r\n margin-top: 0;\r\n transform: translateY(-50%) rotate(-180deg);\r\n }\r\n\r\n .choices__button{\r\n right: 0;\r\n left: auto;\r\n margin-right: 25px;\r\n margin-left: 0;\r\n }\r\n}\r\n\r\n.choices__input{\r\n background-color: $input-bg;\r\n margin-bottom: 0;\r\n}\r\n\r\n.choices__list--multiple{\r\n display: inline-flex;\r\n flex-wrap: wrap;\r\n gap: 6px;\r\n .choices__item{\r\n background-color: $primary;\r\n border-color: $primary;\r\n margin-bottom: 0;\r\n margin-right: 0;\r\n font-weight: $font-weight-normal;\r\n &.is-highlighted{\r\n background-color: $primary;\r\n border: 1px solid $primary;\r\n }\r\n }\r\n}\r\n\r\n.choices.is-disabled {\r\n .choices__inner, .choices__input{\r\n background-color: $light;\r\n }\r\n}\r\n\r\n.is-open, .is-focused{\r\n .choices__inner{\r\n border-color: $input-focus-border-color;\r\n }\r\n}\r\n\r\n.is-disabled .choices__list--multiple {\r\n .choices__item{\r\n background-color: $secondary;\r\n border-color: $secondary;\r\n }\r\n}\r\n\r\n.choices[data-type*=select-multiple], .choices[data-type*=text]{\r\n .choices__button{\r\n border-left: 1px solid rgba($white, 0.5);\r\n margin: 0 -4px 0 8px;\r\n border-right: 0;\r\n }\r\n}\r\n\r\n.choices__list--dropdown{\r\n border-color: $dropdown-border-color;\r\n box-shadow: $dropdown-box-shadow;\r\n .choices__item--selectable.is-highlighted{\r\n background-color: $dropdown-link-hover-bg;\r\n }\r\n}\r\n\r\n.is-open{\r\n .choices__list--dropdown{\r\n border-color: $dropdown-border-color;\r\n }\r\n}\r\n\r\n\r\n// Dark layout\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n .choices__list--dropdown{\r\n border: 1px solid $gray-dark-300 !important;\r\n }\r\n .choices__heading{\r\n border: 1px solid $gray-dark-300;\r\n }\r\n .choices__inner{\r\n color: $gray-dark-500;\r\n background-color: lighten($gray-dark-200,2%);\r\n border: 1px solid $gray-dark-300 !important;\r\n }\r\n\r\n .choices__input{\r\n background-color: lighten($gray-dark-200,2%);\r\n color: $gray-dark-500;\r\n &::placeholder{\r\n color: $gray-dark-400;\r\n }\r\n }\r\n\r\n .choices[data-type*=select-one]{\r\n &:after{\r\n border-color: $gray-dark-500 transparent transparent;\r\n } \r\n \r\n &.is-open:after{\r\n border-color: transparent transparent $gray-dark-500;\r\n }\r\n\r\n .choices__input{\r\n background-color: lighten($gray-dark-200,2%);\r\n border: 1px solid $gray-dark-300;\r\n color: $gray-dark-500;\r\n }\r\n }\r\n\r\n .choices__list--dropdown{\r\n background-color: lighten($gray-dark-200,2%);\r\n border-color: $gray-dark-300;\r\n\r\n .choices__item--selectable{\r\n &.is-highlighted{\r\n background-color: $gray-dark-300;\r\n }\r\n }\r\n }\r\n\r\n .choices.is-disabled {\r\n .choices__inner, .choices__input{\r\n background-color: lighten($gray-dark-200,2%);\r\n }\r\n }\r\n}","//\r\n// switch.scss\r\n//\r\n\r\n/* CSS Switch */\r\ninput[switch] {\r\n display: none;\r\n + label {\r\n font-size: 1em;\r\n line-height: 1;\r\n width: 56px;\r\n height: 24px;\r\n background-color: $gray-400;\r\n background-image: none;\r\n border-radius: 2rem;\r\n padding: 0.16667rem;\r\n cursor: pointer;\r\n display: inline-block;\r\n text-align: center;\r\n position: relative;\r\n font-weight: $font-weight-medium;\r\n transition: all 0.1s ease-in-out;\r\n &:before {\r\n color: $dark;\r\n content: attr(data-off-label);\r\n display: block;\r\n font-family: inherit;\r\n font-weight: 500;\r\n font-size: 12px;\r\n line-height: 21px;\r\n position: absolute;\r\n right: 1px;\r\n margin: 3px;\r\n top: -2px;\r\n text-align: center;\r\n min-width: 1.66667rem;\r\n overflow: hidden;\r\n transition: all 0.1s ease-in-out;\r\n }\r\n\r\n &:after {\r\n content: '';\r\n position: absolute;\r\n left: 3px;\r\n background-color: $gray-200;\r\n box-shadow: none;\r\n border-radius: 2rem;\r\n height: 20px;\r\n width: 20px;\r\n top: 2px;\r\n transition: all 0.1s ease-in-out;\r\n }\r\n }\r\n\r\n &:checked + label {\r\n background-color: $primary;\r\n }\r\n}\r\n\r\ninput[switch]:checked + label {\r\n background-color: $primary;\r\n &:before {\r\n color: $white;\r\n content: attr(data-on-label);\r\n right: auto;\r\n left: 3px;\r\n }\r\n\r\n &:after {\r\n left: 33px;\r\n background-color: $gray-200;\r\n }\r\n}\r\n\r\ninput[switch=\"bool\"] + label {\r\n background-color: $danger;\r\n}\r\ninput[switch=\"bool\"] + label:before,input[switch=\"bool\"]:checked + label:before,\r\ninput[switch=\"default\"]:checked + label:before{\r\n color: $white;\r\n}\r\n\r\ninput[switch=\"bool\"]:checked + label {\r\n background-color: $success;\r\n}\r\n\r\ninput[switch=\"default\"]:checked + label {\r\n background-color: #a2a2a2;\r\n}\r\n\r\ninput[switch=\"primary\"]:checked + label {\r\n background-color: $primary;\r\n}\r\n\r\ninput[switch=\"success\"]:checked + label {\r\n background-color: $success;\r\n}\r\n\r\ninput[switch=\"info\"]:checked + label {\r\n background-color: $info;\r\n}\r\n\r\ninput[switch=\"warning\"]:checked + label {\r\n background-color: $warning;\r\n}\r\n\r\ninput[switch=\"danger\"]:checked + label {\r\n background-color: $danger;\r\n}\r\n\r\ninput[switch=\"dark\"]:checked + label {\r\n background-color: $dark;\r\n}\r\n\r\n.square-switch{\r\n margin-right: 7px;\r\n input[switch]+label, input[switch]+label:after{\r\n border-radius: 4px;\r\n }\r\n}\r\n\r\n","// \r\n// Datatables.scss\r\n// \r\n\r\n.table-bordered {\r\n border: $table-border-width solid $table-border-color;\r\n}\r\n\r\n// gridjs-table\r\n\r\n.gridjs-container{\r\n color: $table-color;\r\n}\r\n\r\n.gridjs-head{\r\n margin-bottom: 15px;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.gridjs-wrapper{\r\n box-shadow: none;\r\n border: none;\r\n\r\n &::-webkit-scrollbar {\r\n -webkit-appearance: none;\r\n}\r\n\r\n &::-webkit-scrollbar:vertical {\r\n width: 12px;\r\n }\r\n\r\n &::-webkit-scrollbar:horizontal {\r\n height: 12px;\r\n }\r\n\r\n &::-webkit-scrollbar-thumb {\r\n background-color: rgba($dark, .075);\r\n border-radius: 10px;\r\n border: 2px solid $card-bg;\r\n }\r\n\r\n &::-webkit-scrollbar-track {\r\n border-radius: 10px; \r\n background-color: $card-bg; \r\n }\r\n}\r\n\r\n.gridjs-table{\r\n width: 100%;\r\n}\r\n\r\nth.gridjs-th, \r\ntd.gridjs-td{\r\n border: 0px solid $table-border-color;\r\n border-bottom-width: 1px;\r\n padding: .75rem .75rem;;\r\n}\r\n\r\nth{\r\n &.gridjs-th{\r\n border-top: 0;\r\n color: $table-color;\r\n background-color: $table-head-bg;\r\n\r\n }\r\n\r\n &.gridjs-th-sort{\r\n &:focus, &:hover{\r\n background-color: darken($table-head-bg, 2%);\r\n }\r\n }\r\n}\r\n\r\n.gridjs-footer{\r\n box-shadow: none;\r\n border: none;\r\n border-top: 0;\r\n}\r\n\r\n.gridjs-pagination{\r\n color: $pagination-color;\r\n\r\n .gridjs-pages button{\r\n border: none !important;\r\n border-radius: 30px!important;\r\n margin: 0 5px;\r\n border: none;\r\n min-width: 32px;\r\n height: 32px;\r\n padding: 0;\r\n text-align: center;\r\n line-height: 32px;\r\n\r\n \r\n\r\n &:disabled, \r\n &:hover:disabled, \r\n &[disabled]{\r\n color: $pagination-disabled-color;\r\n }\r\n\r\n &:hover{\r\n background-color: $pagination-hover-bg;\r\n color: $pagination-hover-color;\r\n }\r\n\r\n &:focus{\r\n box-shadow: none;\r\n }\r\n\r\n &:last-child, &:first-child{\r\n &:hover{\r\n background-color: transparent;\r\n }\r\n }\r\n &.gridjs-currentPage{\r\n background-color: $pagination-active-bg;\r\n color: $pagination-active-color;\r\n font-weight: 500;\r\n border-color: $pagination-active-border-color;\r\n }\r\n }\r\n}\r\n\r\ninput.gridjs-input{\r\n border-color: $input-border-color;\r\n background-color: $input-bg;\r\n color: $input-color;\r\n font-size: 13px;\r\n border-radius: 30px;\r\n &:focus{\r\n box-shadow: none;\r\n border-color: $input-focus-border-color;\r\n background-color: $input-focus-bg;\r\n }\r\n}\r\n\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n\r\n .gridjs-container{\r\n color: $gray-dark-400;\r\n }\r\n\r\n .gridjs-wrapper{\r\n border-color: $gray-dark-300;\r\n \r\n &::-webkit-scrollbar-thumb {\r\n background-color: rgba($white, .075);\r\n border: 2px solid $gray-dark-200;\r\n }\r\n \r\n &::-webkit-scrollbar-track {\r\n background-color: $gray-dark-200; \r\n }\r\n }\r\n\r\n\r\n input.gridjs-input{\r\n color: $gray-dark-500;\r\n background-color: lighten($gray-dark-200,2%);\r\n border: 1px solid $gray-dark-300;\r\n &::placeholder{\r\n color: $gray-dark-400;\r\n }\r\n }\r\n\r\n th.gridjs-th{\r\n background-color: lighten($gray-dark-200,2%);\r\n color: $gray-dark-500;\r\n }\r\n\r\n td.gridjs-td, th.gridjs-th{\r\n border-color: $gray-dark-300;\r\n }\r\n\r\n .gridjs-tbody, td.gridjs-td{\r\n background-color: $gray-dark-200;\r\n }\r\n\r\n .gridjs-footer{\r\n background-color: $gray-dark-200;\r\n border-color: $gray-dark-300;\r\n }\r\n\r\n .gridjs-pagination{\r\n color: $gray-dark-400;\r\n .gridjs-pages button{\r\n background-color: $gray-dark-200;\r\n color: $gray-dark-400;\r\n &.gridjs-currentPage{\r\n background-color: $pagination-active-bg;\r\n color: $pagination-active-color;\r\n border-color: $pagination-active-border-color;\r\n }\r\n }\r\n }\r\n}","// 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 !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\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) !default;\n// scss-docs-end gray-colors-map\n// fusv-enable\n\n// scss-docs-start color-variables\n$blue: #0d6efd !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #d63384 !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #198754 !default;\n$teal: #20c997 !default;\n$cyan: #0dcaf0 !default;\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 \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n) !default;\n// scss-docs-end colors-map\n\n// scss-docs-start theme-color-variables\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-900 !default;\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 \"light\": $light,\n \"dark\": $dark\n) !default;\n// scss-docs-end theme-colors-map\n\n// scss-docs-start theme-colors-rgb\n$theme-colors-rgb: map-loop($theme-colors, to-rgb, \"$value\") !default;\n// scss-docs-end theme-colors-rgb\n\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.\n// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\n$min-contrast-ratio: 4.5 !default;\n\n// Customize the light and dark text colors for use in our color contrast function.\n$color-contrast-dark: $black !default;\n$color-contrast-light: $white !default;\n\n// fusv-disable\n$blue-100: tint-color($blue, 80%) !default;\n$blue-200: tint-color($blue, 60%) !default;\n$blue-300: tint-color($blue, 40%) !default;\n$blue-400: tint-color($blue, 20%) !default;\n$blue-500: $blue !default;\n$blue-600: shade-color($blue, 20%) !default;\n$blue-700: shade-color($blue, 40%) !default;\n$blue-800: shade-color($blue, 60%) !default;\n$blue-900: shade-color($blue, 80%) !default;\n\n$indigo-100: tint-color($indigo, 80%) !default;\n$indigo-200: tint-color($indigo, 60%) !default;\n$indigo-300: tint-color($indigo, 40%) !default;\n$indigo-400: tint-color($indigo, 20%) !default;\n$indigo-500: $indigo !default;\n$indigo-600: shade-color($indigo, 20%) !default;\n$indigo-700: shade-color($indigo, 40%) !default;\n$indigo-800: shade-color($indigo, 60%) !default;\n$indigo-900: shade-color($indigo, 80%) !default;\n\n$purple-100: tint-color($purple, 80%) !default;\n$purple-200: tint-color($purple, 60%) !default;\n$purple-300: tint-color($purple, 40%) !default;\n$purple-400: tint-color($purple, 20%) !default;\n$purple-500: $purple !default;\n$purple-600: shade-color($purple, 20%) !default;\n$purple-700: shade-color($purple, 40%) !default;\n$purple-800: shade-color($purple, 60%) !default;\n$purple-900: shade-color($purple, 80%) !default;\n\n$pink-100: tint-color($pink, 80%) !default;\n$pink-200: tint-color($pink, 60%) !default;\n$pink-300: tint-color($pink, 40%) !default;\n$pink-400: tint-color($pink, 20%) !default;\n$pink-500: $pink !default;\n$pink-600: shade-color($pink, 20%) !default;\n$pink-700: shade-color($pink, 40%) !default;\n$pink-800: shade-color($pink, 60%) !default;\n$pink-900: shade-color($pink, 80%) !default;\n\n$red-100: tint-color($red, 80%) !default;\n$red-200: tint-color($red, 60%) !default;\n$red-300: tint-color($red, 40%) !default;\n$red-400: tint-color($red, 20%) !default;\n$red-500: $red !default;\n$red-600: shade-color($red, 20%) !default;\n$red-700: shade-color($red, 40%) !default;\n$red-800: shade-color($red, 60%) !default;\n$red-900: shade-color($red, 80%) !default;\n\n$orange-100: tint-color($orange, 80%) !default;\n$orange-200: tint-color($orange, 60%) !default;\n$orange-300: tint-color($orange, 40%) !default;\n$orange-400: tint-color($orange, 20%) !default;\n$orange-500: $orange !default;\n$orange-600: shade-color($orange, 20%) !default;\n$orange-700: shade-color($orange, 40%) !default;\n$orange-800: shade-color($orange, 60%) !default;\n$orange-900: shade-color($orange, 80%) !default;\n\n$yellow-100: tint-color($yellow, 80%) !default;\n$yellow-200: tint-color($yellow, 60%) !default;\n$yellow-300: tint-color($yellow, 40%) !default;\n$yellow-400: tint-color($yellow, 20%) !default;\n$yellow-500: $yellow !default;\n$yellow-600: shade-color($yellow, 20%) !default;\n$yellow-700: shade-color($yellow, 40%) !default;\n$yellow-800: shade-color($yellow, 60%) !default;\n$yellow-900: shade-color($yellow, 80%) !default;\n\n$green-100: tint-color($green, 80%) !default;\n$green-200: tint-color($green, 60%) !default;\n$green-300: tint-color($green, 40%) !default;\n$green-400: tint-color($green, 20%) !default;\n$green-500: $green !default;\n$green-600: shade-color($green, 20%) !default;\n$green-700: shade-color($green, 40%) !default;\n$green-800: shade-color($green, 60%) !default;\n$green-900: shade-color($green, 80%) !default;\n\n$teal-100: tint-color($teal, 80%) !default;\n$teal-200: tint-color($teal, 60%) !default;\n$teal-300: tint-color($teal, 40%) !default;\n$teal-400: tint-color($teal, 20%) !default;\n$teal-500: $teal !default;\n$teal-600: shade-color($teal, 20%) !default;\n$teal-700: shade-color($teal, 40%) !default;\n$teal-800: shade-color($teal, 60%) !default;\n$teal-900: shade-color($teal, 80%) !default;\n\n$cyan-100: tint-color($cyan, 80%) !default;\n$cyan-200: tint-color($cyan, 60%) !default;\n$cyan-300: tint-color($cyan, 40%) !default;\n$cyan-400: tint-color($cyan, 20%) !default;\n$cyan-500: $cyan !default;\n$cyan-600: shade-color($cyan, 20%) !default;\n$cyan-700: shade-color($cyan, 40%) !default;\n$cyan-800: shade-color($cyan, 60%) !default;\n$cyan-900: shade-color($cyan, 80%) !default;\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) !default;\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) !default;\n\n$purples: (\n \"purple-100\": $purple-200,\n \"purple-200\": $purple-100,\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) !default;\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) !default;\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) !default;\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) !default;\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) !default;\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) !default;\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) !default;\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) !default;\n// fusv-enable\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) !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-reduced-motion: true !default;\n$enable-smooth-scroll: true !default;\n$enable-grid-classes: true !default;\n$enable-cssgrid: false !default;\n$enable-button-pointers: true !default;\n$enable-rfs: true !default;\n$enable-validation-icons: true !default;\n$enable-negative-margins: false !default;\n$enable-deprecation-messages: true !default;\n$enable-important-utilities: true !default;\n\n// Prefix for :root CSS variables\n\n$variable-prefix: bs- !default;\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)) !default;\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 !default;\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) !default;\n\n$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;\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) !default;\n// scss-docs-end position-map\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n$body-text-align: null !default;\n\n// Utilities maps\n//\n// Extends the default `$theme-colors` maps to help create our utilities.\n\n// Come v6, we'll de-dupe these variables. Until then, for backward compatibility, we keep them to reassign.\n// scss-docs-start utilities-colors\n$utilities-colors: $theme-colors-rgb !default;\n// scss-docs-end utilities-colors\n\n// scss-docs-start utilities-text-colors\n$utilities-text: map-merge(\n $utilities-colors,\n (\n \"black\": to-rgb($black),\n \"white\": to-rgb($white),\n \"body\": to-rgb($body-color)\n )\n) !default;\n$utilities-text-colors: map-loop($utilities-text, rgba-css-var, \"$key\", \"text\") !default;\n// scss-docs-end utilities-text-colors\n\n// scss-docs-start utilities-bg-colors\n$utilities-bg: map-merge(\n $utilities-colors,\n (\n \"black\": to-rgb($black),\n \"white\": to-rgb($white),\n \"body\": to-rgb($body-bg)\n )\n) !default;\n$utilities-bg-colors: map-loop($utilities-bg, rgba-css-var, \"$key\", \"bg\") !default;\n// scss-docs-end utilities-bg-colors\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: $primary !default;\n$link-decoration: underline !default;\n$link-shade-percentage: 20% !default;\n$link-hover-color: shift-color($link-color, $link-shade-percentage) !default;\n$link-hover-decoration: null !default;\n\n$stretched-link-pseudo-element: after !default;\n$stretched-link-z-index: 1 !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\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) !default;\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) !default;\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 !default;\n$grid-gutter-width: 1.5rem !default;\n$grid-row-columns: 6 !default;\n\n$gutters: $spacers !default;\n\n// Container padding\n\n$container-padding-x: $grid-gutter-width * .5 !default;\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 !default;\n$border-widths: (\n 1: 1px,\n 2: 2px,\n 3: 3px,\n 4: 4px,\n 5: 5px\n) !default;\n\n$border-color: $gray-300 !default;\n// scss-docs-end border-variables\n\n// scss-docs-start border-radius-variables\n$border-radius: .25rem !default;\n$border-radius-sm: .2rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-pill: 50rem !default;\n// scss-docs-end border-radius-variables\n\n// scss-docs-start box-shadow-variables\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n$box-shadow-inset: inset 0 1px 2px rgba($black, .075) !default;\n// scss-docs-end box-shadow-variables\n\n$component-active-color: $white !default;\n$component-active-bg: $primary !default;\n\n// scss-docs-start caret-variables\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n// scss-docs-end caret-variables\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n// scss-docs-start collapse-transition\n$transition-collapse: height .35s ease !default;\n$transition-collapse-width: width .35s ease !default;\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) !default;\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: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n// stylelint-enable value-keyword-case\n$font-family-base: var(--#{$variable-prefix}font-sans-serif) !default;\n$font-family-code: var(--#{$variable-prefix}font-monospace) !default;\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 !default;\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-sm: $font-size-base * .875 !default;\n$font-size-lg: $font-size-base * 1.25 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n\n$line-height-base: 1.5 !default;\n$line-height-sm: 1.25 !default;\n$line-height-lg: 2 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\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) !default;\n// scss-docs-end font-sizes\n\n// scss-docs-start headings-variables\n$headings-margin-bottom: $spacer * .5 !default;\n$headings-font-family: null !default;\n$headings-font-style: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\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) !default;\n\n$display-font-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n// scss-docs-end display-headings\n\n// scss-docs-start type-variables\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: .875em !default;\n\n$sub-sup-font-size: .75em !default;\n\n$text-muted: $gray-600 !default;\n\n$initialism-font-size: $small-font-size !default;\n\n$blockquote-margin-y: $spacer !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n$blockquote-footer-color: $gray-600 !default;\n$blockquote-footer-font-size: $small-font-size !default;\n\n$hr-margin-y: $spacer !default;\n$hr-color: inherit !default;\n$hr-height: $border-width !default;\n$hr-opacity: .25 !default;\n\n$legend-margin-bottom: .5rem !default;\n$legend-font-size: 1.5rem !default;\n$legend-font-weight: null !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\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: .5rem !default;\n$table-cell-padding-x: .5rem !default;\n$table-cell-padding-y-sm: .25rem !default;\n$table-cell-padding-x-sm: .25rem !default;\n\n$table-cell-vertical-align: top !default;\n\n$table-color: $body-color !default;\n$table-bg: transparent !default;\n$table-accent-bg: transparent !default;\n\n$table-th-font-weight: null !default;\n\n$table-striped-color: $table-color !default;\n$table-striped-bg-factor: .05 !default;\n$table-striped-bg: rgba($black, $table-striped-bg-factor) !default;\n\n$table-active-color: $table-color !default;\n$table-active-bg-factor: .1 !default;\n$table-active-bg: rgba($black, $table-active-bg-factor) !default;\n\n$table-hover-color: $table-color !default;\n$table-hover-bg-factor: .075 !default;\n$table-hover-bg: rgba($black, $table-hover-bg-factor) !default;\n\n$table-border-factor: .1 !default;\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-striped-order: odd !default;\n\n$table-group-separator-color: currentColor !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-scale: -80% !default;\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) !default;\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: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .25rem !default;\n$input-btn-focus-color-opacity: .25 !default;\n$input-btn-focus-color: rgba($component-active-bg, $input-btn-focus-color-opacity) !default;\n$input-btn-focus-blur: 0 !default;\n$input-btn-focus-box-shadow: 0 0 $input-btn-focus-blur $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n\n$input-btn-border-width: $border-width !default;\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-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-color: $link-color !default;\n$btn-link-hover-color: $link-hover-color !default;\n$btn-link-disabled-color: $gray-600 !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n$btn-border-radius-lg: $border-radius-lg !default;\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 !default;\n\n$btn-hover-bg-shade-amount: 15% !default;\n$btn-hover-bg-tint-amount: 15% !default;\n$btn-hover-border-shade-amount: 20% !default;\n$btn-hover-border-tint-amount: 10% !default;\n$btn-active-bg-shade-amount: 20% !default;\n$btn-active-bg-tint-amount: 20% !default;\n$btn-active-border-shade-amount: 25% !default;\n$btn-active-border-tint-amount: 10% !default;\n// scss-docs-end btn-variables\n\n\n// Forms\n\n// scss-docs-start form-text-variables\n$form-text-margin-top: .25rem !default;\n$form-text-font-size: $small-font-size !default;\n$form-text-font-style: null !default;\n$form-text-font-weight: null !default;\n$form-text-color: $text-muted !default;\n// scss-docs-end form-text-variables\n\n// scss-docs-start form-label-variables\n$form-label-margin-bottom: .5rem !default;\n$form-label-font-size: null !default;\n$form-label-font-style: null !default;\n$form-label-font-weight: null !default;\n$form-label-color: null !default;\n// scss-docs-end form-label-variables\n\n// scss-docs-start form-input-variables\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n\n$input-bg: $body-bg !default;\n$input-disabled-bg: $gray-200 !default;\n$input-disabled-border-color: null !default;\n\n$input-color: $body-color !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: $box-shadow-inset !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-sm: $border-radius-sm !default;\n$input-border-radius-lg: $border-radius-lg !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: tint-color($component-active-bg, 50%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half: add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height: add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm: add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg: add($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-color-width: 3rem !default;\n// scss-docs-end form-input-variables\n\n// scss-docs-start form-check-variables\n$form-check-input-width: 1em !default;\n$form-check-min-height: $font-size-base * $line-height-base !default;\n$form-check-padding-start: $form-check-input-width + .5em !default;\n$form-check-margin-bottom: .125rem !default;\n$form-check-label-color: null !default;\n$form-check-label-cursor: null !default;\n$form-check-transition: null !default;\n\n$form-check-input-active-filter: brightness(90%) !default;\n\n$form-check-input-bg: $input-bg !default;\n$form-check-input-border: 1px solid rgba($black, .25) !default;\n$form-check-input-border-radius: .25em !default;\n$form-check-radio-border-radius: 50% !default;\n$form-check-input-focus-border: $input-focus-border-color !default;\n$form-check-input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$form-check-input-checked-color: $component-active-color !default;\n$form-check-input-checked-bg-color: $component-active-bg !default;\n$form-check-input-checked-border-color: $form-check-input-checked-bg-color !default;\n$form-check-input-checked-bg-image: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-checked-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/></svg>\") !default;\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>\") !default;\n\n$form-check-input-indeterminate-color: $component-active-color !default;\n$form-check-input-indeterminate-bg-color: $component-active-bg !default;\n$form-check-input-indeterminate-border-color: $form-check-input-indeterminate-bg-color !default;\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>\") !default;\n\n$form-check-input-disabled-opacity: .5 !default;\n$form-check-label-disabled-opacity: $form-check-input-disabled-opacity !default;\n$form-check-btn-check-disabled-opacity: $btn-disabled-opacity !default;\n\n$form-check-inline-margin-end: 1rem !default;\n// scss-docs-end form-check-variables\n\n// scss-docs-start form-switch-variables\n$form-switch-color: rgba($black, .25) !default;\n$form-switch-width: 2em !default;\n$form-switch-padding-start: $form-switch-width + .5em !default;\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>\") !default;\n$form-switch-border-radius: $form-switch-width !default;\n$form-switch-transition: background-position .15s ease-in-out !default;\n\n$form-switch-focus-color: $input-focus-border-color !default;\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>\") !default;\n\n$form-switch-checked-color: $component-active-color !default;\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>\") !default;\n$form-switch-checked-bg-position: right center !default;\n// scss-docs-end form-switch-variables\n\n// scss-docs-start input-group-variables\n$input-group-addon-padding-y: $input-padding-y !default;\n$input-group-addon-padding-x: $input-padding-x !default;\n$input-group-addon-font-weight: $input-font-weight !default;\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n// scss-docs-end input-group-variables\n\n// scss-docs-start form-select-variables\n$form-select-padding-y: $input-padding-y !default;\n$form-select-padding-x: $input-padding-x !default;\n$form-select-font-family: $input-font-family !default;\n$form-select-font-size: $input-font-size !default;\n$form-select-indicator-padding: $form-select-padding-x * 3 !default; // Extra padding for background-image\n$form-select-font-weight: $input-font-weight !default;\n$form-select-line-height: $input-line-height !default;\n$form-select-color: $input-color !default;\n$form-select-bg: $input-bg !default;\n$form-select-disabled-color: null !default;\n$form-select-disabled-bg: $gray-200 !default;\n$form-select-disabled-border-color: $input-disabled-border-color !default;\n$form-select-bg-position: right $form-select-padding-x center !default;\n$form-select-bg-size: 16px 12px !default; // In pixels because image dimensions\n$form-select-indicator-color: $gray-800 !default;\n$form-select-indicator: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-select-indicator-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>\") !default;\n\n$form-select-feedback-icon-padding-end: $form-select-padding-x * 2.5 + $form-select-indicator-padding !default;\n$form-select-feedback-icon-position: center right $form-select-indicator-padding !default;\n$form-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$form-select-border-width: $input-border-width !default;\n$form-select-border-color: $input-border-color !default;\n$form-select-border-radius: $input-border-radius !default;\n$form-select-box-shadow: $box-shadow-inset !default;\n\n$form-select-focus-border-color: $input-focus-border-color !default;\n$form-select-focus-width: $input-focus-width !default;\n$form-select-focus-box-shadow: 0 0 0 $form-select-focus-width $input-btn-focus-color !default;\n\n$form-select-padding-y-sm: $input-padding-y-sm !default;\n$form-select-padding-x-sm: $input-padding-x-sm !default;\n$form-select-font-size-sm: $input-font-size-sm !default;\n$form-select-border-radius-sm: $input-border-radius-sm !default;\n\n$form-select-padding-y-lg: $input-padding-y-lg !default;\n$form-select-padding-x-lg: $input-padding-x-lg !default;\n$form-select-font-size-lg: $input-font-size-lg !default;\n$form-select-border-radius-lg: $input-border-radius-lg !default;\n\n$form-select-transition: $input-transition !default;\n// scss-docs-end form-select-variables\n\n// scss-docs-start form-range-variables\n$form-range-track-width: 100% !default;\n$form-range-track-height: .5rem !default;\n$form-range-track-cursor: pointer !default;\n$form-range-track-bg: $gray-300 !default;\n$form-range-track-border-radius: 1rem !default;\n$form-range-track-box-shadow: $box-shadow-inset !default;\n\n$form-range-thumb-width: 1rem !default;\n$form-range-thumb-height: $form-range-thumb-width !default;\n$form-range-thumb-bg: $component-active-bg !default;\n$form-range-thumb-border: 0 !default;\n$form-range-thumb-border-radius: 1rem !default;\n$form-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$form-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$form-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in Edge\n$form-range-thumb-active-bg: tint-color($component-active-bg, 70%) !default;\n$form-range-thumb-disabled-bg: $gray-500 !default;\n$form-range-thumb-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n// scss-docs-end form-range-variables\n\n// scss-docs-start form-file-variables\n$form-file-button-color: $input-color !default;\n$form-file-button-bg: $input-group-addon-bg !default;\n$form-file-button-hover-bg: shade-color($form-file-button-bg, 5%) !default;\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) !default;\n$form-floating-line-height: 1.25 !default;\n$form-floating-padding-x: $input-padding-x !default;\n$form-floating-padding-y: 1rem !default;\n$form-floating-input-padding-t: 1.625rem !default;\n$form-floating-input-padding-b: .625rem !default;\n$form-floating-label-opacity: .65 !default;\n$form-floating-label-transform: scale(.85) translateY(-.5rem) translateX(.15rem) !default;\n$form-floating-transition: opacity .1s ease-in-out, transform .1s ease-in-out !default;\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 !default;\n$form-feedback-font-size: $form-text-font-size !default;\n$form-feedback-font-style: $form-text-font-style !default;\n$form-feedback-valid-color: $success !default;\n$form-feedback-invalid-color: $danger !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\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>\") !default;\n// scss-docs-end form-feedback-variables\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n )\n) !default;\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 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-offcanvas-backdrop: 1040 !default;\n$zindex-offcanvas: 1045 !default;\n$zindex-modal-backdrop: 1050 !default;\n$zindex-modal: 1055 !default;\n$zindex-popover: 1070 !default;\n$zindex-tooltip: 1080 !default;\n// scss-docs-end zindex-stack\n\n\n// Navs\n\n// scss-docs-start nav-variables\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-font-size: null !default;\n$nav-link-font-weight: null !default;\n$nav-link-color: $link-color !default;\n$nav-link-hover-color: $link-hover-color !default;\n$nav-link-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n// scss-docs-end nav-variables\n\n\n// Navbar\n\n// scss-docs-start navbar-variables\n$navbar-padding-y: $spacer * .5 !default;\n$navbar-padding-x: null !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\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 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) * .5 !default;\n$navbar-brand-margin-end: 1rem !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n$navbar-toggler-focus-width: $btn-focus-width !default;\n$navbar-toggler-transition: box-shadow .15s ease-in-out !default;\n// scss-docs-end navbar-variables\n\n// scss-docs-start navbar-theme-variables\n$navbar-dark-color: rgba($white, .55) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .55) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\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-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n// scss-docs-end navbar-theme-variables\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n// scss-docs-start dropdown-variables\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-x: 0 !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg: $dropdown-border-color !default;\n$dropdown-divider-margin-y: $spacer * .5 !default;\n$dropdown-box-shadow: $box-shadow !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: shade-color($dropdown-link-color, 10%) !default;\n$dropdown-link-hover-bg: $gray-200 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-500 !default;\n\n$dropdown-item-padding-y: $spacer * .25 !default;\n$dropdown-item-padding-x: $spacer !default;\n\n$dropdown-header-color: $gray-600 !default;\n$dropdown-header-padding: $dropdown-padding-y $dropdown-item-padding-x !default;\n// scss-docs-end dropdown-variables\n\n// scss-docs-start dropdown-dark-variables\n$dropdown-dark-color: $gray-300 !default;\n$dropdown-dark-bg: $gray-800 !default;\n$dropdown-dark-border-color: $dropdown-border-color !default;\n$dropdown-dark-divider-bg: $dropdown-divider-bg !default;\n$dropdown-dark-box-shadow: null !default;\n$dropdown-dark-link-color: $dropdown-dark-color !default;\n$dropdown-dark-link-hover-color: $white !default;\n$dropdown-dark-link-hover-bg: rgba($white, .15) !default;\n$dropdown-dark-link-active-color: $dropdown-link-active-color !default;\n$dropdown-dark-link-active-bg: $dropdown-link-active-bg !default;\n$dropdown-dark-link-disabled-color: $gray-500 !default;\n$dropdown-dark-header-color: $gray-500 !default;\n// scss-docs-end dropdown-dark-variables\n\n\n// Pagination\n\n// scss-docs-start pagination-variables\n$pagination-padding-y: .375rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-radius: $border-radius !default;\n$pagination-margin-start: -$pagination-border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-color: $link-hover-color !default;\n$pagination-focus-bg: $gray-200 !default;\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\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 !default;\n\n$pagination-border-radius-sm: $border-radius-sm !default;\n$pagination-border-radius-lg: $border-radius-lg !default;\n// scss-docs-end pagination-variables\n\n\n// Placeholders\n\n// scss-docs-start placeholders\n$placeholder-opacity-max: .5 !default;\n$placeholder-opacity-min: .2 !default;\n// scss-docs-end placeholders\n\n// Cards\n\n// scss-docs-start card-variables\n$card-spacer-y: $spacer !default;\n$card-spacer-x: $spacer !default;\n$card-title-spacer-y: $spacer * .5 !default;\n$card-border-width: $border-width !default;\n$card-border-color: rgba($black, .125) !default;\n$card-border-radius: $border-radius !default;\n$card-box-shadow: null !default;\n$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;\n$card-cap-padding-y: $card-spacer-y * .5 !default;\n$card-cap-padding-x: $card-spacer-x !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-height: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n$card-img-overlay-padding: $spacer !default;\n$card-group-margin: $grid-gutter-width * .5 !default;\n// scss-docs-end card-variables\n\n// Accordion\n\n// scss-docs-start accordion-variables\n$accordion-padding-y: 1rem !default;\n$accordion-padding-x: 1.25rem !default;\n$accordion-color: $body-color !default;\n$accordion-bg: $body-bg !default;\n$accordion-border-width: $border-width !default;\n$accordion-border-color: rgba($black, .125) !default;\n$accordion-border-radius: $border-radius !default;\n$accordion-inner-border-radius: subtract($accordion-border-radius, $accordion-border-width) !default;\n\n$accordion-body-padding-y: $accordion-padding-y !default;\n$accordion-body-padding-x: $accordion-padding-x !default;\n\n$accordion-button-padding-y: $accordion-padding-y !default;\n$accordion-button-padding-x: $accordion-padding-x !default;\n$accordion-button-color: $accordion-color !default;\n$accordion-button-bg: $accordion-bg !default;\n$accordion-transition: $btn-transition, border-radius .15s ease !default;\n$accordion-button-active-bg: tint-color($component-active-bg, 90%) !default;\n$accordion-button-active-color: shade-color($primary, 10%) !default;\n\n$accordion-button-focus-border-color: $input-focus-border-color !default;\n$accordion-button-focus-box-shadow: $btn-focus-box-shadow !default;\n\n$accordion-icon-width: 1.25rem !default;\n$accordion-icon-color: $accordion-button-color !default;\n$accordion-icon-active-color: $accordion-button-active-color !default;\n$accordion-icon-transition: transform .2s ease-in-out !default;\n$accordion-icon-transform: rotate(-180deg) !default;\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>\") !default;\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>\") !default;\n// scss-docs-end accordion-variables\n\n// Tooltips\n\n// scss-docs-start tooltip-variables\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: $spacer * .25 !default;\n$tooltip-padding-x: $spacer * .5 !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\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 !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: null !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\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 !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow: $box-shadow !default;\n\n$popover-header-bg: shade-color($popover-bg, 6%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: $spacer !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $spacer !default;\n$popover-body-padding-x: $spacer !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n// scss-docs-end popover-variables\n\n\n// Toasts\n\n// scss-docs-start toast-variables\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .5rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba($black, .1) !default;\n$toast-border-radius: $border-radius !default;\n$toast-box-shadow: $box-shadow !default;\n$toast-spacing: $container-padding-x !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba($black, .05) !default;\n// scss-docs-end toast-variables\n\n\n// Badges\n\n// scss-docs-start badge-variables\n$badge-font-size: .75em !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-color: $white !default;\n$badge-padding-y: .35em !default;\n$badge-padding-x: .65em !default;\n$badge-border-radius: $border-radius !default;\n// scss-docs-end badge-variables\n\n\n// Modals\n\n// scss-docs-start modal-variables\n$modal-inner-padding: $spacer !default;\n\n$modal-footer-margin-between: .5rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs: $box-shadow-sm !default;\n$modal-content-box-shadow-sm-up: $box-shadow !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: $modal-inner-padding !default;\n$modal-header-padding-x: $modal-inner-padding !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-sm: 300px !default;\n$modal-md: 500px !default;\n$modal-lg: 800px !default;\n$modal-xl: 1140px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n$modal-scale-transform: scale(1.02) !default;\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: $spacer !default;\n$alert-padding-x: $spacer !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n$alert-bg-scale: -80% !default;\n$alert-border-scale: -70% !default;\n$alert-color-scale: 40% !default;\n$alert-dismissible-padding-r: $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side\n// scss-docs-end alert-variables\n\n\n// Progress bars\n\n// scss-docs-start progress-variables\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: $box-shadow-inset !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: $primary !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n// scss-docs-end progress-variables\n\n\n// List group\n\n// scss-docs-start list-group-variables\n$list-group-color: $gray-900 !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: $spacer * .5 !default;\n$list-group-item-padding-x: $spacer !default;\n$list-group-item-bg-scale: -80% !default;\n$list-group-item-color-scale: 40% !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n// scss-docs-end list-group-variables\n\n\n// Image thumbnails\n\n// scss-docs-start thumbnail-variables\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: $box-shadow-sm !default;\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 !default;\n$figure-caption-color: $gray-600 !default;\n// scss-docs-end figure-variables\n\n\n// Breadcrumbs\n\n// scss-docs-start breadcrumb-variables\n$breadcrumb-font-size: null !default;\n$breadcrumb-padding-y: 0 !default;\n$breadcrumb-padding-x: 0 !default;\n$breadcrumb-item-padding-x: .5rem !default;\n$breadcrumb-margin-bottom: 1rem !default;\n$breadcrumb-bg: null !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n$breadcrumb-divider-flipped: $breadcrumb-divider !default;\n$breadcrumb-border-radius: null !default;\n// scss-docs-end breadcrumb-variables\n\n// Carousel\n\n// scss-docs-start carousel-variables\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-opacity: .5 !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-active-opacity: 1 !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n$carousel-caption-padding-y: 1.25rem !default;\n$carousel-caption-spacer: 1.25rem !default;\n\n$carousel-control-icon-width: 2rem !default;\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>\") !default;\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>\") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n$carousel-dark-indicator-active-bg: $black !default;\n$carousel-dark-caption-color: $black !default;\n$carousel-dark-control-icon-filter: invert(1) grayscale(100) !default;\n// scss-docs-end carousel-variables\n\n\n// Spinners\n\n// scss-docs-start spinner-variables\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-vertical-align: -.125em !default;\n$spinner-border-width: .25em !default;\n$spinner-animation-speed: .75s !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n// scss-docs-end spinner-variables\n\n\n// Close\n\n// scss-docs-start close-variables\n$btn-close-width: 1em !default;\n$btn-close-height: $btn-close-width !default;\n$btn-close-padding-x: .25em !default;\n$btn-close-padding-y: $btn-close-padding-x !default;\n$btn-close-color: $black !default;\n$btn-close-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>\") !default;\n$btn-close-focus-shadow: $input-btn-focus-box-shadow !default;\n$btn-close-opacity: .5 !default;\n$btn-close-hover-opacity: .75 !default;\n$btn-close-focus-opacity: 1 !default;\n$btn-close-disabled-opacity: .25 !default;\n$btn-close-white-filter: invert(1) grayscale(100%) brightness(200%) !default;\n// scss-docs-end close-variables\n\n\n// Offcanvas\n\n// scss-docs-start offcanvas-variables\n$offcanvas-padding-y: $modal-inner-padding !default;\n$offcanvas-padding-x: $modal-inner-padding !default;\n$offcanvas-horizontal-width: 400px !default;\n$offcanvas-vertical-height: 30vh !default;\n$offcanvas-transition-duration: .3s !default;\n$offcanvas-border-color: $modal-content-border-color !default;\n$offcanvas-border-width: $modal-content-border-width !default;\n$offcanvas-title-line-height: $modal-title-line-height !default;\n$offcanvas-bg-color: $modal-content-bg !default;\n$offcanvas-color: $modal-content-color !default;\n$offcanvas-box-shadow: $modal-content-box-shadow-xs !default;\n$offcanvas-backdrop-bg: $modal-backdrop-bg !default;\n$offcanvas-backdrop-opacity: $modal-backdrop-opacity !default;\n// scss-docs-end offcanvas-variables\n\n// Code\n\n$code-font-size: $small-font-size !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: null !default;\n","\r\n//\r\n// colorpicker.scss\r\n//\r\n\r\n.pcr-app{\r\n background: $card-bg;\r\n}\r\n\r\n.pcr-app[data-theme=classic]{\r\n .pcr-selection {\r\n .pcr-color-preview{\r\n margin-right: .75em;\r\n margin-left: 0;\r\n }\r\n\r\n .pcr-color-chooser, .pcr-color-opacity{\r\n margin-left: .75em;\r\n margin-right: 0;\r\n }\r\n }\r\n}\r\n\r\n// body[data-layout-mode=\"dark\"] {\r\n// .pcr-app{\r\n// background-color: $gray-dark-300;\r\n// }\r\n// }","\r\n//\r\n// Datepicker\r\n//\r\n// flatpickr\r\n\r\n.flatpickr-input{\r\n &[readonly]{\r\n background-color: $input-bg;\r\n }\r\n}\r\n\r\n.input{\r\n &[readonly]{\r\n background-color: $input-bg;\r\n }\r\n}\r\n\r\n.flatpickr-months, .flatpickr-weekdays{\r\n background-color: $primary;\r\n}\r\n\r\nspan.flatpickr-weekday{\r\n color: $white;\r\n font-weight: $font-weight-medium;\r\n}\r\n\r\n.flatpickr-current-month{\r\n .flatpickr-monthDropdown-months{\r\n &:hover{\r\n background-color: transparent !important;\r\n }\r\n }\r\n}\r\n\r\n.flatpickr-am-pm, .numInput, .numInputWrapper{\r\n &:focus, &:hover{\r\n background-color: transparent !important;\r\n }\r\n}\r\n\r\n\r\n.flatpickr-weekdays{\r\n height: 36px !important;\r\n border-bottom: 1px solid $border-color;\r\n}\r\n\r\n.flatpickr-day{\r\n color: $dark !important;\r\n &:hover, &:focus{\r\n background-color: rgba($light, 0.7) !important;\r\n }\r\n &.today{\r\n border-color: $primary !important;\r\n background-color: rgba($primary, 0.1);\r\n &:hover, &:focus{\r\n color: $dark !important;\r\n background-color: rgba($primary, 0.15) !important;\r\n }\r\n }\r\n &.selected{\r\n background-color: $primary !important;\r\n border-color: $primary !important;\r\n color: $white !important;\r\n }\r\n\r\n &.flatpickr-disabled,\r\n &.flatpickr-disabled:hover,\r\n &.prevMonthDay,\r\n &.nextMonthDay,\r\n &.notAllowed,\r\n &.notAllowed.prevMonthDay,\r\n &.notAllowed.nextMonthDay{\r\n color: rgba($dark, 0.3) !important;\r\n }\r\n\r\n &.inRange, \r\n &.prevMonthDay.inRange, \r\n &.nextMonthDay.inRange, \r\n &.today.inRange, \r\n &.prevMonthDay.today.inRange, \r\n &.nextMonthDay.today.inRange, \r\n &:hover, \r\n &.prevMonthDay:hover, \r\n &.nextMonthDay:hover, \r\n &:focus, \r\n &.prevMonthDay:focus, \r\n &.nextMonthDay:focus{\r\n background-color: $light;\r\n border-color: $light;\r\n }\r\n &.inRange{\r\n box-shadow: -5px 0 0 $light, 5px 0 0 $light;\r\n }\r\n &.selected, \r\n &.startRange, \r\n &.endRange, \r\n &.selected.inRange, \r\n &.startRange.inRange, \r\n &.endRange.inRange, \r\n &.selected:focus, \r\n &.startRange:focus, \r\n &.endRange:focus, \r\n &.selected:hover, \r\n &.startRange:hover, \r\n &.endRange:hover, \r\n &.selected.prevMonthDay, \r\n &.startRange.prevMonthDay, \r\n &.endRange.prevMonthDay, \r\n &.selected.nextMonthDay, \r\n &.startRange.nextMonthDay, \r\n &.endRange.nextMonthDay{\r\n background-color: $primary !important;\r\n border-color: $primary !important;\r\n color: $white !important;\r\n }\r\n}\r\n\r\n.flatpickr-months{\r\n .flatpickr-prev-month, .flatpickr-next-month, .flatpickr-month{\r\n color: rgba($white,0.9) !important;\r\n fill: rgba($white,0.9) !important;\r\n }\r\n}\r\n\r\n.flatpickr-monthDropdown-month{\r\n color: rgba($black, 0.8);\r\n}\r\n.flatpickr-current-month{\r\n input.cur-year{\r\n &[disabled], &[disabled]:hover{\r\n color: rgba($white,0.9) !important;\r\n }\r\n }\r\n}\r\n\r\n\r\n.flatpickr-time {\r\n input, .flatpickr-time-separator, .flatpickr-am-pm{\r\n color: $dark !important;\r\n }\r\n}\r\n\r\n.flatpickr-calendar{\r\n background-color: $dropdown-bg !important;\r\n box-shadow: 1px 0 0 $border-color, -1px 0 0 $border-color, 0 1px 0 $border-color, 0 -1px 0 $border-color, 0 3px 13px rgba(0, 0, 0 , 0.08) !important;\r\n &.hasTime{\r\n .flatpickr-time{\r\n border-top: 1px solid $border-color !important;\r\n }\r\n }\r\n}\r\n\r\n.flatpickr-months{\r\n border-radius: 5px 5px 0px 0px;\r\n .flatpickr-prev-month, .flatpickr-next-month{\r\n &:hover{\r\n svg{\r\n fill: rgba($white,0.9) !important;\r\n }\r\n }\r\n }\r\n}\r\n\r\n// Dark layout\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n .flatpickr-calendar{\r\n background-color: lighten($gray-dark-200, 2.5%) !important;\r\n box-shadow: 1px 0 0 $gray-dark-300, -1px 0 0 $gray-dark-300, 0 1px 0 $gray-dark-300, 0 -1px 0 $gray-dark-300, 0 3px 13px rgba(0, 0, 0 , 0.08) !important;\r\n &.hasTime{\r\n .flatpickr-time{\r\n border-top: 1px solid $gray-dark-300 !important;\r\n }\r\n }\r\n }\r\n\r\n .flatpickr-weekdays{\r\n border-color: $gray-dark-300;\r\n }\r\n\r\n .flatpickr-day{\r\n color: $gray-dark-500 !important;\r\n &:hover, &:focus{\r\n background-color: rgba($gray-dark-300, 0.7) !important;\r\n }\r\n\r\n &.today{\r\n border-color: $primary !important;\r\n background-color: rgba($primary, 0.1);\r\n &:hover, &:focus{\r\n color: $dark !important;\r\n background-color: rgba($primary, 0.15) !important;\r\n }\r\n }\r\n\r\n &.inRange, \r\n &.prevMonthDay.inRange, \r\n &.nextMonthDay.inRange, \r\n &.today.inRange, \r\n &.prevMonthDay.today.inRange, \r\n &.nextMonthDay.today.inRange, \r\n &:hover, \r\n &.prevMonthDay:hover, \r\n &.nextMonthDay:hover, \r\n &:focus, \r\n &.prevMonthDay:focus, \r\n &.nextMonthDay:focus{\r\n background-color: $gray-dark-300;\r\n border-color: $gray-dark-300;\r\n }\r\n\r\n &.selected{\r\n background-color: $primary !important;\r\n border-color: $primary !important;\r\n color: $white !important;\r\n }\r\n\r\n &.flatpickr-disabled,\r\n &.flatpickr-disabled:hover,\r\n &.prevMonthDay,\r\n &.nextMonthDay,\r\n &.notAllowed,\r\n &.notAllowed.prevMonthDay,\r\n &.notAllowed.nextMonthDay{\r\n color: rgba($gray-dark-500, 0.3) !important;\r\n }\r\n\r\n &.inRange{\r\n box-shadow: -5px 0 0 $gray-dark-300, 5px 0 0 $gray-dark-300;\r\n }\r\n &.selected, \r\n &.startRange, \r\n &.endRange, \r\n &.selected.inRange, \r\n &.startRange.inRange, \r\n &.endRange.inRange, \r\n &.selected:focus, \r\n &.startRange:focus, \r\n &.endRange:focus, \r\n &.selected:hover, \r\n &.startRange:hover, \r\n &.endRange:hover, \r\n &.selected.prevMonthDay, \r\n &.startRange.prevMonthDay, \r\n &.endRange.prevMonthDay, \r\n &.selected.nextMonthDay, \r\n &.startRange.nextMonthDay, \r\n &.endRange.nextMonthDay{\r\n background-color: $primary !important;\r\n border-color: $primary !important;\r\n color: $white !important;\r\n }\r\n }\r\n\r\n .flatpickr-time {\r\n input, .flatpickr-time-separator, .flatpickr-am-pm{\r\n color: $gray-dark-500 !important;\r\n }\r\n\r\n .numInputWrapper span{\r\n &.arrowUp:after{\r\n border-bottom-color: $gray-dark-500;\r\n }\r\n &.arrowDown:after{\r\n border-top-color: $gray-dark-500;\r\n }\r\n }\r\n }\r\n}","//\r\n// Form editors.scss\r\n//\r\n\r\n// CK Editor\r\n.ck {\r\n &.ck-toolbar {\r\n background-color: rgba($light, 0.75) !important;\r\n border: 1px solid $input-border-color !important;\r\n\r\n &.ck-toolbar_grouping > .ck-toolbar__items {\r\n flex-wrap: wrap !important;\r\n }\r\n\r\n .ck.ck-toolbar__separator {\r\n background: transparent !important;\r\n }\r\n }\r\n\r\n &.ck-editor__main > .ck-editor__editable {\r\n border-top: 0 !important;\r\n background-color: $card-bg !important;\r\n border-color: $input-border-color !important;\r\n box-shadow: $box-shadow !important;\r\n }\r\n\r\n &.ck-dropdown__panel,\r\n &.ck-list {\r\n background: $dropdown-bg !important;\r\n border: 1px solid $dropdown-border-color !important;\r\n box-shadow: $box-shadow !important;\r\n }\r\n\r\n &.ck-reset_all,\r\n &.ck-reset_all * {\r\n color: $body-color !important;\r\n }\r\n\r\n &.ck-dropdown {\r\n .ck-dropdown__panel {\r\n &.ck-dropdown__panel_ne,\r\n &.ck-dropdown__panel_se {\r\n left: 0;\r\n right: auto !important;\r\n }\r\n }\r\n }\r\n\r\n &.ck-editor__editable_inline {\r\n &[dir=\"rtl\"] {\r\n text-align: left !important;\r\n }\r\n }\r\n}\r\n\r\n.ck-editor__editable {\r\n min-height: 245px !important;\r\n}\r\n\r\n.ck,\r\na.ck {\r\n &.ck-button {\r\n &.ck-on:not(.ck-disabled) {\r\n &:hover,\r\n &:active {\r\n background: $light !important;\r\n box-shadow: none !important;\r\n }\r\n }\r\n\r\n &:focus,\r\n &:active {\r\n background: $light !important;\r\n border-color: $light !important;\r\n }\r\n }\r\n}\r\n\r\n.ck.ck-tooltip .ck-tooltip__text {\r\n background: $dark !important;\r\n color: $light !important;\r\n}\r\n\r\n.ck.ck-toolbar .ck.ck-button.ck-on,\r\na.ck.ck-button.ck-on,\r\n.ck.ck-button:not(.ck-disabled):hover,\r\na.ck.ck-button:not(.ck-disabled):hover {\r\n background: rgba($light, 0.75) !important;\r\n}\r\n\r\n.ck.ck-list__item .ck-button .ck-button__label{\r\n font-family: \"Work Sans\",sans-serif;\r\n}\r\n\r\n// Dark layout\r\nbody[data-layout-mode=\"dark\"] {\r\n .ck {\r\n &.ck-toolbar {\r\n background-color: $gray-dark-300 !important;\r\n border-color: $gray-dark-300 !important;\r\n }\r\n\r\n &.ck-dropdown__panel,\r\n &.ck-list {\r\n background-color: lighten($gray-dark-200, 2.5%) !important;\r\n border-color: lighten($gray-dark-200, 2.5%) !important;\r\n box-shadow: $box-shadow !important;\r\n }\r\n\r\n &.ck-editor__main > .ck-editor__editable {\r\n background-color: $gray-dark-200 !important;\r\n border-color: $gray-dark-300 !important;\r\n }\r\n\r\n &.ck-icon :not([fill]) {\r\n fill: $gray-dark-500 !important;\r\n }\r\n\r\n &.ck-reset_all,\r\n &.ck-reset_all * {\r\n color: $gray-dark-400 !important;\r\n }\r\n .ck-link-form,\r\n .ck-input-text,\r\n .ck-label {\r\n background-color: lighten($gray-dark-200, 2.5%) !important;\r\n }\r\n}\r\n\r\n .ck,\r\na.ck {\r\n &.ck-button {\r\n &:focus,\r\n &:active {\r\n border-color: $gray-dark-300 !important;\r\n }\r\n }\r\n}\r\n\r\n.ck.ck-toolbar .ck.ck-button.ck-on,\r\na.ck.ck-button.ck-on,\r\n.ck.ck-button:not(.ck-disabled):hover,\r\na.ck.ck-button:not(.ck-disabled):hover {\r\n background: rgba($gray-dark-400, 0.2) !important;\r\n}\r\n}\r\n\r\n[dir=\"rtl\"]{\r\n .ck.ck-toolbar>.ck-toolbar__items{\r\n flex-direction: row-reverse;\r\n }\r\n}\r\n\r\n\r\n//\r\n// quilljs-editor.scss\r\n//\r\n \r\n.ql-editor{\r\n text-align: left;\r\n ol, ul{\r\n padding-left: 1.5em;\r\n padding-right: 0;\r\n }\r\n\r\n li:not(.ql-direction-rtl)::before{\r\n margin-left: -1.5em;\r\n margin-right: 0.3em;\r\n text-align: right;\r\n }\r\n}\r\n\r\n.ql-container {\r\n font-family: $font-family-base;\r\n\r\n &.ql-snow {\r\n border-color: $input-border-color;\r\n }\r\n}\r\n\r\n.ql-bubble {\r\n border: $input-border-width solid $input-border-color;\r\n border-radius: $input-border-radius;\r\n}\r\n\r\n.ql-toolbar {\r\n font-family: $font-family-base !important;\r\n span {\r\n outline: none !important;\r\n color: $dropdown-link-color;\r\n\r\n &:hover {\r\n color: $primary !important;\r\n }\r\n }\r\n\r\n &.ql-snow {\r\n border-color: $input-border-color;\r\n\r\n .ql-picker.ql-expanded {\r\n .ql-picker-label {\r\n border-color: transparent;\r\n }\r\n }\r\n\r\n .ql-picker-options{\r\n box-shadow: $dropdown-box-shadow;\r\n border-radius: $dropdown-border-radius;\r\n }\r\n }\r\n}\r\n\r\n.ql-snow {\r\n .ql-stroke,\r\n .ql-script,\r\n .ql-strike svg {\r\n stroke: $dropdown-link-color;\r\n }\r\n .ql-fill {\r\n fill: $dropdown-link-color;\r\n }\r\n\r\n .ql-picker:not(.ql-color-picker):not(.ql-icon-picker){\r\n svg{\r\n right: 0;\r\n left: auto;\r\n }\r\n }\r\n\r\n .ql-picker{\r\n &.ql-expanded .ql-picker-label{\r\n color: $dropdown-link-color;\r\n }\r\n }\r\n}\r\n\r\n.ql-snow {\r\n .ql-picker-options {\r\n background-color: $dropdown-bg;\r\n border-color: $dropdown-border-color !important;\r\n }\r\n}\r\n\r\n// Dark layout\r\nbody[data-layout-mode=\"dark\"] {\r\n\r\n .ql-container, .ql-toolbar{\r\n &.ql-snow{\r\n border-color: $gray-dark-300;\r\n }\r\n }\r\n\r\n .ql-toolbar{\r\n span{\r\n color: $gray-dark-500;\r\n }\r\n }\r\n\r\n .ql-snow {\r\n .ql-script, .ql-strike svg, .ql-stroke{\r\n stroke: $gray-dark-500;\r\n }\r\n\r\n .ql-picker.ql-expanded .ql-picker-label{\r\n color: $gray-dark-500;\r\n }\r\n\r\n .ql-picker-options{\r\n background-color: $gray-dark-300;\r\n border-color: $gray-dark-300 !important;\r\n }\r\n }\r\n\r\n .ql-bubble{\r\n border-color: $gray-dark-300;\r\n .ql-tooltip{\r\n background-color: $gray-dark-300;\r\n }\r\n }\r\n}","\r\n//\r\n// Form-Upload\r\n//\r\n\r\n/* Dropzone */\r\n.dropzone {\r\n min-height: 230px;\r\n border: 2px dashed $gray-400;\r\n background: $card-bg;\r\n border-radius: 6px;\r\n\r\n .dz-message {\r\n font-size: 24px;\r\n width: 100%;\r\n }\r\n}\r\n\r\n// Dark layout\r\nbody[data-layout-mode=\"dark\"] {\r\n .dropzone {\r\n background: lighten($gray-dark-200, 1%);\r\n border-color: $gray-dark-300;\r\n }\r\n}","//\r\n// Form Wizard\r\n//\r\n\r\n// twitter-bs-wizard\r\n\r\n\r\n.wizard-nav{\r\n display: flex;\r\n flex-wrap: wrap;\r\n padding-left: 0;\r\n margin-bottom: 0;\r\n list-style: none;\r\n .wizard-list-item{\r\n flex-basis: 0;\r\n flex-grow: 1;\r\n text-align: center;\r\n .list-item{\r\n width: 100%;\r\n font-size: 14px;\r\n position: relative;\r\n }\r\n }\r\n\r\n\r\n .step-icon{\r\n display: inline-block;\r\n width: 56px;\r\n height: 56px;\r\n line-height: 54px;\r\n border: 1px solid rgba($primary, 0.2);\r\n color: $primary;\r\n text-align: center;\r\n border-radius: 50%;\r\n position: relative;\r\n z-index: 1;\r\n font-size: 20px;\r\n\r\n @media (max-width: 575.98px) {\r\n width: 40px;\r\n height: 40px;\r\n line-height: 38px;\r\n }\r\n }\r\n\r\n .step-title{\r\n margin-left: 6px;\r\n }\r\n\r\n .wizard-list-item{\r\n &:last-child{\r\n .list-item{\r\n &::after{\r\n display: none;\r\n }\r\n }\r\n }\r\n\r\n .list-item{\r\n &.done{\r\n .step-icon{\r\n background-color: $primary;\r\n color: $white;\r\n }\r\n .uil{\r\n &:before{\r\n content: \"\\e9c3\";\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .list-item{\r\n font-size: 14px;\r\n position: relative;\r\n @media (max-width: 575.98px) {\r\n padding: 0.5rem;\r\n }\r\n &::after{\r\n content: \"\";\r\n position: absolute;\r\n width: 75%;\r\n height: 2px;\r\n background-color: $border-color;\r\n left: 62%;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n @media (max-width: 575.98px) {\r\n display: none;\r\n }\r\n }\r\n &.active{\r\n color: $gray-700;\r\n background-color: transparent;\r\n\r\n .step-icon{\r\n background-color: rgba($primary, 0.2);\r\n color: $primary;\r\n border-color: rgba($primary, 0.2);\r\n }\r\n }\r\n }\r\n}\r\n\r\n\r\n.wizard-tab{\r\n display: none;\r\n}\r\n\r\n// Dark layout\r\nbody[data-layout-mode=\"dark\"] {\r\n\r\n .wizard-nav{\r\n .list-item::after{\r\n background-color: $gray-dark-300;\r\n }\r\n }\r\n}","\r\n//\r\n// apexcharts.scss\r\n//\r\n.apex-charts {\r\n min-height: 10px !important;\r\n text {\r\n font-family: $font-family-base !important;\r\n }\r\n .apexcharts-canvas {\r\n margin: 0 auto;\r\n }\r\n}\r\n\r\n.apexcharts-tooltip-title,\r\n.apexcharts-tooltip-text {\r\n font-family: $font-family-base !important;\r\n}\r\n\r\n.apexcharts-text tspan{\r\n font-family: $font-family-secondary !important;\r\n font-size: 11px;\r\n}\r\n\r\n.apexcharts-tooltip * {\r\n font-family: $font-family-base !important;\r\n color: $gray-600 !important;\r\n}\r\n\r\n.apexcharts-tooltip.apexcharts-theme-dark{\r\n * {\r\n color: $white !important;\r\n }\r\n}\r\n\r\n.apexcharts-legend-series {\r\n font-weight: $font-weight-medium;\r\n}\r\n\r\n.apexcharts-gridline {\r\n pointer-events: none;\r\n stroke: $apex-grid-color;\r\n}\r\n\r\n.apexcharts-legend-text {\r\n color: $gray-600 !important;\r\n font-family: $font-family-base !important;\r\n font-size: 13px !important;\r\n}\r\n\r\n.apexcharts-pie-label {\r\n fill: $white !important;\r\n}\r\n\r\n.apexcharts-title-text, .apexcharts-subtitle-text{\r\n fill: $gray-500;\r\n}\r\n\r\n.apexcharts-yaxis,\r\n.apexcharts-xaxis {\r\n text {\r\n font-family: $font-family-base !important;\r\n fill: $gray-500;\r\n }\r\n}\r\n\r\n.apexcharts-yaxis-title {\r\n font-weight: 500;\r\n}\r\n\r\n// column dynamic loaded chart\r\n\r\n#dynamicloadedchart-wrap {\r\n margin: 0px auto;\r\n max-width: 800px;\r\n position: relative;\r\n}\r\n\r\n.chart-box {\r\n padding-left: 0;\r\n}\r\n\r\n#chart-year,\r\n#chart-quarter {\r\n width: 96%;\r\n max-width: 48%;\r\n box-shadow: none;\r\n padding-left: 0;\r\n padding-top: 20px;\r\n background: $card-bg;\r\n border: 1px solid $border-color;\r\n}\r\n\r\n#chart-year {\r\n float: left;\r\n position: relative;\r\n transition: 1s ease transform;\r\n z-index: 3;\r\n &.chart-quarter-activated {\r\n transform: translateX(0);\r\n transition: 1s ease transform;\r\n }\r\n}\r\n\r\n#chart-quarter {\r\n float: left;\r\n position: relative;\r\n z-index: -2;\r\n transition: 1s ease transform;\r\n &.active {\r\n transition: 1.1s ease-in-out transform;\r\n transform: translateX(0);\r\n z-index: 1;\r\n }\r\n}\r\n\r\n@media screen and (min-width: 480px) {\r\n #chart-year {\r\n transform: translateX(50%);\r\n }\r\n #chart-quarter {\r\n transform: translateX(-50%);\r\n }\r\n}\r\n\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n .apex-charts {\r\n text {\r\n fill: $gray-500;\r\n }\r\n }\r\n .apexcharts-yaxis,\r\n .apexcharts-xaxis {\r\n text {\r\n fill: $gray-dark-500;\r\n }\r\n}\r\n\r\n .apexcharts-gridline {\r\n stroke: lighten($gray-dark-200,2.5%);\r\n }\r\n\r\n .apexcharts-tooltip.apexcharts-theme-light {\r\n background-color: $gray-dark-200;\r\n border-color: lighten($gray-dark-200,2.5%);\r\n\r\n .apexcharts-tooltip-title {\r\n background-color: $gray-dark-300;\r\n border-color: lighten($gray-dark-300,2.5%);\r\n }\r\n }\r\n\r\n .apexcharts-legend-text {\r\n color: $gray-dark-500 !important;\r\n }\r\n\r\n .apexcharts-yaxis-texts-g.apexcharts-xaxis-inversed-texts-g,\r\n .apexcharts-grid-row {\r\n + line {\r\n stroke: lighten($gray-dark-300,2.5%);\r\n }\r\n }\r\n\r\n .apexcharts-xaxis line,\r\n .apexcharts-treemap-rect,\r\n .apexcharts-heatmap-rect,\r\n .apexcharts-pie-area {\r\n stroke: lighten($gray-dark-300,2.5%);\r\n }\r\n\r\n .apexcharts-radialbar-track.apexcharts-track {\r\n path {\r\n stroke: lighten($gray-dark-300,2.5%);\r\n }\r\n }\r\n .apexcharts-radar-series.apexcharts-plot-series {\r\n polygon,\r\n line {\r\n fill: $gray-dark-300;\r\n stroke: lighten($gray-dark-300,2.5%);\r\n }\r\n }\r\n .apexcharts-pie {\r\n circle {\r\n stroke: lighten($gray-dark-300,2.5%);\r\n }\r\n }\r\n\r\n #chart-year,\r\n #chart-quarter {\r\n background-color: $gray-dark-200;\r\n border-color: lighten($gray-dark-200, 2.5%);\r\n }\r\n\r\n .apexcharts-pie{\r\n line{\r\n stroke: $gray-dark-300;\r\n }\r\n }\r\n}","\r\n//\r\n// echarts.scss\r\n//\r\n\r\n.e-charts{\r\n height: 350px;\r\n}","\r\n//\r\n// chart.scss\r\n//\r\n\r\n.chartjs-chart{\r\n max-height: 350px;\r\n }\r\n ","// \r\n// lightbox.scss\r\n// \r\n\r\n.glightbox-clean {\r\n .gslide-title {\r\n font-family: $font-family-secondary;\r\n margin-bottom: 5px;\r\n font-weight: 500;\r\n font-size: 18px;\r\n }\r\n\r\n .gslide-desc {\r\n font-family: $font-family-base;\r\n font-size: 14px;\r\n }\r\n\r\n .gclose {\r\n border: 2px solid $white;\r\n border-radius: 7px;\r\n right: 10px;\r\n left: auto;\r\n @media (min-width: 992px){\r\n right: 20px;\r\n left: auto;\r\n }\r\n svg{\r\n width: 12px;\r\n }\r\n }\r\n}","\r\n//\r\n// Google map.scss\r\n//\r\n\r\n.gmaps, .gmaps-panaroma {\r\n height: 300px;\r\n background: $gray-100;\r\n border-radius: 3px;\r\n}\r\n\r\n.gmaps-overlay {\r\n display: block;\r\n text-align: center;\r\n color: $white;\r\n font-size: 16px;\r\n line-height: 40px;\r\n background: $primary;\r\n border-radius: 4px;\r\n padding: 10px 20px;\r\n}\r\n\r\n.gmaps-overlay_arrow {\r\n left: 50%;\r\n margin-left: -16px;\r\n width: 0;\r\n height: 0;\r\n position: absolute;\r\n &.above {\r\n bottom: -15px;\r\n border-left: 16px solid transparent;\r\n border-right: 16px solid transparent;\r\n border-top: 16px solid $primary;\r\n }\r\n &.below {\r\n top: -15px;\r\n border-left: 16px solid transparent;\r\n border-right: 16px solid transparent;\r\n border-bottom: 16px solid $primary;\r\n }\r\n \r\n}","//\r\n// vector-maps.scss\r\n//\r\n\r\n.jvm-tooltip {\r\n border-radius: 3px;\r\n background-color: $primary;\r\n font-family: $font-family-base;\r\n box-shadow: $box-shadow-lg;\r\n padding: 3px 5px;\r\n}","//\r\n// leaflet-maps.scss\r\n//\r\n\r\n.leaflet-map {\r\n height: 300px;\r\n &.leaflet-container{\r\n z-index: 99;\r\n }\r\n}","// \r\n// authentication.scss\r\n//\r\n\r\n\r\n\r\n.auth-bg{\r\n background-image: url(\"../images/bg-auth.png\");\r\n background-position: center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n .bg-overlay{\r\n opacity: 0.82;\r\n border-top-left-radius: 40px;\r\n border-bottom-left-radius: 40px;\r\n }\r\n @media (min-width: 768px){\r\n border-top-left-radius: 40px;\r\n border-bottom-left-radius: 40px;\r\n height: 100vh;\r\n }\r\n}\r\n\r\n\r\n// Auth Custom input\r\n\r\n.input-custom-icon{\r\n .form-control{\r\n padding-left: 40px;\r\n padding-right: 20px;\r\n }\r\n span{\r\n position: absolute;\r\n z-index: 10;\r\n line-height: 40px;\r\n left: 13px;\r\n top: 50%;\r\n font-size: 16px;\r\n -webkit-transform: translateY(-50%);\r\n transform: translateY(-50%);\r\n color: $gray-500;\r\n }\r\n}\r\n\r\n// auth-pass-inputgroup\r\n.auth-pass-inputgroup{\r\n input[type=\"text\"] + .btn .mdi-eye-outline{\r\n &:before{\r\n content: \"\\F06D1\";\r\n }\r\n }\r\n button{\r\n line-height: 22px;\r\n }\r\n}\r\n\r\n\r\n.form-floating-custom{\r\n position: relative;\r\n >label{\r\n left: 48px;\r\n margin-top: 2px;\r\n }\r\n >.form-control, >.form-select{\r\n padding-left: 60px;\r\n }\r\n .form-floating-icon{\r\n position: absolute;\r\n top: 0;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 56px;\r\n fill: $text-muted;\r\n svg{\r\n width: 22px;\r\n height: 22px;\r\n }\r\n }\r\n}\r\n\r\n.auth-full-page-content{\r\n background-color: $card-bg;\r\n}\r\n\r\n// authentication home icon\r\n.home-btn {\r\n position: fixed;\r\n top: 30px;\r\n right: 30px;\r\n z-index: 1;\r\n}\r\n\r\n// auth 2\r\n\r\n.auth-logo{\r\n .auth-logo-dark{\r\n display: $display-block;\r\n margin: 0px auto;\r\n }\r\n .auth-logo-light{\r\n display: $display-none;\r\n margin: 0px auto;\r\n }\r\n}\r\n\r\n.authentication-bg{\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n background-image: url(\"../images/login-img.png\");\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n .auth-logo{\r\n .logo{\r\n margin: 0px auto;\r\n }\r\n\r\n .auth-logo-light{\r\n display: none;\r\n margin: 0px auto;\r\n }\r\n\r\n .auth-logo-dark{\r\n margin: 0px auto;\r\n }\r\n }\r\n\r\n .bg-overlay{\r\n opacity: 0.85;\r\n }\r\n\r\n .auth-cover-card{\r\n .authentication-bg{\r\n align-items: flex-start;\r\n justify-content: flex-start;\r\n }\r\n .bg-overlay{\r\n opacity: 0.6;\r\n }\r\n\r\n .form-floating{\r\n label{\r\n color: rgba($white, 0.5);\r\n }\r\n .form-control{\r\n background-color: rgba($white, 0.1);\r\n border-color: rgba($white, 0.1);\r\n color: $white;\r\n }\r\n\r\n .form-floating-icon{\r\n color: rgba($white, 0.5);\r\n }\r\n }\r\n }\r\n}\r\n.form-floating-custom{\r\n position: relative;\r\n >label{\r\n left: 48px;\r\n }\r\n >.form-control, >.form-select{\r\n padding-left: 60px;\r\n }\r\n .form-floating-icon{\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 20px;\r\n width: 56px;\r\n color: $text-muted;\r\n }\r\n}\r\n\r\n// error page\r\n.error-font {\r\n font-size: 9rem;\r\n text-shadow: 4px 4px 6px rgba($gray-900, 0.26);\r\n}\r\n\r\n.mover-animation {\r\n animation: mover 1s infinite alternate;\r\n}\r\n\r\n@keyframes mover {\r\n 0% {\r\n transform: translateY(10px);\r\n }\r\n 100% {\r\n transform: translateY(-10px);\r\n }\r\n}\r\n\r\n// signin card title\r\n\r\n.signin-other-title{\r\n position: relative;\r\n &:after{\r\n content: \"\";\r\n position: absolute;\r\n width: 100%;\r\n height: 1px;\r\n left: 0;\r\n right: 0;\r\n background-color: $input-border-color;\r\n top: 18px;\r\n }\r\n .title{\r\n display: inline-block;\r\n position: relative;\r\n z-index: 9;\r\n background-color: $card-bg;\r\n padding: 2px 16px;\r\n }\r\n}\r\n\r\n\r\n// Auth Pages\r\n.auth-img{\r\n background-image: url(\"https://images.unsplash.com/photo-1593062096033-9a26b09da705?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80\");\r\n background-size: cover;\r\n background-position: center;\r\n height: 100%;\r\n width: 100%;\r\n @media (max-width: 991.98px) {\r\n height: 250px;\r\n }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n\r\n .auth-full-page-content{\r\n background-color: $gray-dark-200;\r\n }\r\n\r\n .auth-bg{\r\n .bg-white{\r\n background-color: $gray-dark-200 !important;\r\n }\r\n }\r\n\r\n .auth-logo{\r\n .auth-logo-light{\r\n display: $display-block;\r\n margin: 0px auto;\r\n }\r\n .auth-logo-dark{\r\n display: $display-none;\r\n margin: 0px auto;\r\n }\r\n }\r\n}","// \r\n// ecommerce.scss\r\n//\r\n\r\n// product\r\n\r\n.product-box{\r\n border: 2px solid $gray-200;\r\n position: relative;\r\n}\r\n\r\n.search-box{\r\n .form-control{\r\n border-radius: 30px;\r\n padding-left: 40px;\r\n }\r\n .search-icon{\r\n font-size: 16px; \r\n position: absolute;\r\n left: 13px;\r\n fill: $gray-600;\r\n }\r\n}\r\n\r\n.product-list{\r\n li{\r\n a{\r\n display: block;\r\n padding: 4px 0px;\r\n color: $body-color;\r\n }\r\n }\r\n}\r\n\r\n.product-review-link{\r\n .list-inline-item{\r\n a{\r\n color: $gray-600;\r\n padding: 4px 8px;\r\n font-size: 15px;\r\n }\r\n\r\n } \r\n}\r\n\r\n.product-view-nav{\r\n &.nav-pills {\r\n .nav-item{\r\n margin-left: 4px;\r\n }\r\n .nav-link{\r\n width: 36px;\r\n height: 36px;\r\n font-size: 16px;\r\n padding: 0;\r\n line-height: 36px;\r\n text-align: center;\r\n border-radius: 50%;\r\n }\r\n }\r\n}\r\n\r\n.product-ribbon{\r\n position: absolute;\r\n right: 0px;\r\n top: 0px;\r\n}\r\n\r\n.product-content{\r\n position: relative;\r\n .product-buy-icon{\r\n width: 40px;\r\n height: 40px;\r\n line-height: 40px;\r\n text-align: center;\r\n border-radius: 50%;\r\n position: absolute;\r\n right: 0;\r\n }\r\n}\r\n\r\n\r\n\r\n// Product Details\r\n\r\n\r\n\r\n.product-detail{\r\n\r\n .swiper-button-next,\r\n .swiper-button-prev{\r\n color: $primary;\r\n width: 35px;\r\n height: 35px;\r\n background: rgba($primary, 0.3);\r\n border-radius: 50%;\r\n &:after{\r\n font-size: 20px;\r\n }\r\n }\r\n\r\n .swiper-button-next{\r\n right: 20px;\r\n }\r\n\r\n .swiper-button-prev{\r\n left: 20px;\r\n }\r\n\r\n .nav-slide-item{\r\n padding: 0px 10px;\r\n img{\r\n border: 2px solid transparent;\r\n }\r\n &:hover{\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n .swiper-slide-thumb-active{\r\n .nav-slide-item{\r\n img{\r\n border: 2px solid $primary;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.modal-button{\r\n position: absolute;\r\n right: 0;\r\n z-index: 2;\r\n\r\n @media (max-width: 576px) {\r\n position: inherit;\r\n }\r\n}\r\n\r\n[dir=\"rtl\"]{\r\n .modal-button{\r\n left: 0;\r\n right: auto;\r\n }\r\n}\r\n\r\n.product-detail{\r\n .nav{\r\n .nav-link{\r\n margin: 0px 13px;\r\n padding: 2px;\r\n }\r\n }\r\n}\r\n\r\n.product-color{\r\n a{\r\n display: inline-block;\r\n text-align: center;\r\n color: $body-color;\r\n .product-color-item{\r\n margin: 7px;\r\n }\r\n &.active, &:hover{\r\n color: $primary;\r\n .product-color-item{\r\n border-color: $primary !important;\r\n }\r\n }\r\n }\r\n}\r\n\r\n// ecommerce cart\r\n\r\n.visa-card{\r\n .visa-logo{\r\n line-height: 0.5;\r\n }\r\n\r\n .visa-pattern{\r\n position: absolute;\r\n font-size: 385px;\r\n color: rgba($white, 0.05);\r\n line-height: 0.4;\r\n right: 0px;\r\n bottom: 0px;\r\n }\r\n}\r\n\r\n\r\n// checkout\r\n\r\n\r\n/* Activity */\r\n\r\n\r\n.activity-checkout {\r\n list-style: none;\r\n\r\n .checkout-icon{\r\n position: absolute;\r\n top: -4px;\r\n left: -24px;\r\n }\r\n\r\n .checkout-item {\r\n position: relative;\r\n padding-bottom: 24px;\r\n padding-left: 35px;\r\n border-left: 2px solid $light;\r\n &:first-child {\r\n border-color: $primary;\r\n &:after {\r\n background-color: $primary;\r\n }\r\n }\r\n &:last-child {\r\n border-color: transparent;\r\n }\r\n &.crypto-activity{\r\n margin-left: 50px;\r\n }\r\n .crypto-date{\r\n position: absolute;\r\n top: 3px;\r\n left: -65px;\r\n }\r\n }\r\n}\r\n\r\n\r\n.shipping-address{\r\n box-shadow: none;\r\n &.active{\r\n border-color: $primary !important;\r\n }\r\n}\r\n\r\n\r\n.product-tag {\r\n position: absolute;\r\n top: 0;\r\n z-index: 9;\r\n right: 0;\r\n width: 100%;\r\n display: block;\r\n font-size: 15px;\r\n padding: 0;\r\n overflow: hidden;\r\n height: 100px;\r\n .badge {\r\n float: right;\r\n transform: rotate(45deg);\r\n right: -67px;\r\n top: 17px;\r\n position: relative;\r\n text-align: center;\r\n width: 200px;\r\n font-size: 13px;\r\n margin: 0;\r\n padding: 7px 10px;\r\n font-weight: 500;\r\n color: $primary;\r\n background: $white;\r\n }\r\n}\r\n\r\n.checkout-tabs{\r\n .nav-pills{\r\n .nav-link{\r\n margin-bottom: 24px;\r\n text-align: center;\r\n background-color: $card-bg;\r\n box-shadow: $box-shadow;\r\n\r\n &.active{\r\n background-color: $primary;\r\n }\r\n .check-nav-icon{\r\n font-size: 36px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n .product-detai-imgs{\r\n .nav{\r\n .nav-link{\r\n &.active{\r\n background-color: $gray-dark-300;\r\n }\r\n }\r\n }\r\n } \r\n\r\n .product-list{\r\n li{\r\n a{\r\n color: $gray-dark-800\r\n }\r\n }\r\n }\r\n \r\n \r\n .checkout-tabs{\r\n .nav-pills{\r\n .nav-link{\r\n background-color: $gray-dark-300;\r\n &.active{\r\n background-color: $primary;\r\n }\r\n }\r\n }\r\n }\r\n \r\n}\r\n\r\n\r\n\r\n// slider\r\n\r\n\r\n.ecommerce-slied-bg{\r\n background-size: cover;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n height: auto;\r\n}\r\n\r\n.swiper-button-next {\r\n width: 40px;\r\n height: 40px;\r\n margin-top: -22px;\r\n line-height: 40px;\r\n background-color: $primary;\r\n text-align: center;\r\n font-size: 30px;\r\n color: $white;\r\n border-radius: 50%;\r\n}\r\n\r\n.swiper-button-prev {\r\n width: 40px;\r\n height: 40px;\r\n margin-top: -22px;\r\n line-height: 40px;\r\n background-color: $primary;\r\n text-align: center;\r\n font-size: 30px;\r\n color: $white;\r\n border-radius: 50%;\r\n}","// \r\n// File manager.scss\r\n//\r\n\r\n\r\n\r\n// file manager\r\n\r\n.filemanager-sidebar{\r\n \r\n @media (min-width: 1200px){\r\n min-width: 270px;\r\n max-width: 270px;\r\n }\r\n\r\n @media (min-width: 1366px){\r\n min-width: 300px;\r\n max-width: 300px;\r\n }\r\n\r\n @media (width: 1440px){\r\n min-width: 240px;\r\n max-width: 240px;\r\n }\r\n\r\n}\r\n\r\n\r\n.categories-list{\r\n padding: 4px 0;\r\n li{\r\n a{\r\n display: block;\r\n padding: 8px 12px;\r\n color: $body-color;\r\n font-weight: $font-weight-medium;\r\n }\r\n\r\n &.active{\r\n a{\r\n color: $primary;\r\n }\r\n }\r\n\r\n ul{\r\n padding-left: 20px;\r\n li{\r\n a{\r\n padding: 4px 12px;\r\n color: $text-muted;\r\n font-size: 14px;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n\r\n","/* ==============\r\n Email\r\n===================*/\r\n.email-leftbar {\r\n width: 306px;\r\n float: left;\r\n}\r\n\r\n.email-rightbar {\r\n margin-left: 324px;\r\n}\r\n\r\n.chat-user-box {\r\n p.user-title {\r\n color: $dark;\r\n font-weight: 500;\r\n }\r\n p {\r\n font-size: 14px;\r\n }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .email-leftbar {\r\n float: none;\r\n width: 100%;\r\n }\r\n .email-rightbar {\r\n margin: 0;\r\n }\r\n}\r\n\r\n\r\n.mail-list {\r\n a {\r\n display: block;\r\n color: $gray-600;\r\n line-height: 24px;\r\n padding: 10px 18px;\r\n\r\n &.active {\r\n color: $primary;\r\n font-weight: 500;\r\n h5{\r\n color: $primary;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.unread{\r\n background-color: $gray-200;\r\n}\r\n\r\n.message-list {\r\n display: block;\r\n padding-left: 0;\r\n\r\n .list {\r\n position: relative;\r\n display: block;\r\n height: 50px;\r\n cursor: default;\r\n transition-duration: .3s;\r\n a{\r\n color: $gray-600;\r\n }\r\n &.selected {\r\n background-color: rgba($gray-300, 0.6);\r\n }\r\n\r\n .col-mail {\r\n float: left;\r\n position: relative;\r\n }\r\n\r\n .col-mail-1 {\r\n width: 320px;\r\n\r\n .star-toggle,\r\n .checkbox-wrapper-mail,\r\n .dot {\r\n display: block;\r\n float: left;\r\n }\r\n\r\n .dot {\r\n border: 4px solid transparent;\r\n border-radius: 100px;\r\n margin: 22px 26px 0;\r\n height: 0;\r\n width: 0;\r\n line-height: 0;\r\n font-size: 0;\r\n }\r\n\r\n .checkbox-wrapper-mail {\r\n margin: 15px 10px 0 20px;\r\n }\r\n\r\n .star-toggle {\r\n margin-top: 18px;\r\n margin-left: 5px;\r\n }\r\n\r\n .title {\r\n position: absolute;\r\n top: 0;\r\n left: 110px;\r\n right: 0;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n margin-bottom: 0;\r\n margin-top: 6px;\r\n }\r\n }\r\n\r\n .col-mail-2 {\r\n position: absolute;\r\n top: 14px;\r\n left: 320px;\r\n right: 0;\r\n bottom: 0;\r\n\r\n .subject,\r\n .date {\r\n position: absolute;\r\n top: 0;\r\n }\r\n\r\n .subject {\r\n left: 0;\r\n right: 200px;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n font-size: 14px;\r\n font-weight: 500;\r\n }\r\n\r\n .date {\r\n right: 10px;\r\n width: 170px;\r\n padding-left: 80px;\r\n }\r\n }\r\n\r\n &.active,\r\n &.active:hover {\r\n box-shadow: inset 3px 0 0 $primary;\r\n }\r\n\r\n \r\n &.unread {\r\n background-color: $gray-300;\r\n font-weight: 500;\r\n color: darken($dark,5%);\r\n a{\r\n color: darken($dark,5%);\r\n font-weight: 500;\r\n }\r\n }\r\n }\r\n\r\n .checkbox-wrapper-mail {\r\n cursor: pointer;\r\n height: 20px;\r\n width: 20px;\r\n position: relative;\r\n display: inline-block;\r\n box-shadow: inset 0 0 0 1px $gray-400;\r\n border-radius: 1px;\r\n\r\n input {\r\n opacity: 0;\r\n cursor: pointer;\r\n }\r\n input:checked ~ label {\r\n opacity: 1;\r\n }\r\n\r\n label {\r\n position: absolute;\r\n height: 20px;\r\n width: 20px;\r\n left: 0;\r\n cursor: pointer;\r\n opacity: 0;\r\n margin-bottom: 0;\r\n transition-duration: .05s;\r\n top: 17px;\r\n &:before {\r\n content: \"\\F012C\";\r\n font-family: \"Material Design Icons\";\r\n top: 0;\r\n height: 20px;\r\n color: darken($dark,5%);\r\n width: 20px;\r\n position: absolute;\r\n margin-top: -16px;\r\n left: 4px;\r\n font-size: 13px;\r\n }\r\n }\r\n }\r\n \r\n &:hover{\r\n background-color: $gray-200;\r\n }\r\n}\r\n\r\n// EMAIL SEARCH\r\n.email-search{\r\n .form-control{\r\n border: 0px;\r\n padding: .60rem .75rem;\r\n }\r\n span {\r\n position: absolute;\r\n z-index: 10;\r\n line-height: 38px;\r\n right: 13px;\r\n top: 2px;\r\n color: $gray-600;\r\n}\r\n}\r\n\r\n\r\n@media (max-width: 575.98px) { \r\n .message-list .list .col-mail-1 {\r\n width: 200px;\r\n }\r\n}\r\n\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n .mail-list{\r\n a{\r\n color: $gray-dark-400;\r\n &.active {\r\n color: $danger;\r\n }\r\n }\r\n }\r\n\r\n .chat-user-box {\r\n p.user-title {\r\n color: $gray-dark-500;\r\n }\r\n }\r\n\r\n .unread{\r\n background-color: $gray-dark-300;\r\n }\r\n\r\n .message-list{\r\n .list {\r\n a{\r\n color: $gray-dark-400;\r\n }\r\n &.unread{\r\n background: lighten($gray-dark-200, 2.5%);\r\n color: $gray-dark-500;\r\n }\r\n }\r\n\r\n .checkbox-wrapper-mail{\r\n box-shadow: inset 0 0 0 1px $gray-dark-400;\r\n\r\n label{\r\n &::before{\r\n color: $gray-dark-500;\r\n }\r\n }\r\n }\r\n &:hover{\r\n background-color: $gray-dark-300;\r\n }\r\n }\r\n}","// \r\n// Chat.scss\r\n//\r\n\r\n.chat-leftsidebar{\r\n @media (min-width: 1200px) {\r\n min-width: 380px;\r\n }\r\n\r\n @media (min-width: 992px) and (max-width: 1199.98px) {\r\n min-width: 290px;\r\n }\r\n}\r\n\r\n.chat-noti-dropdown{\r\n position: relative;\r\n z-index: 2;\r\n &.active{\r\n &:before{\r\n content: \"\";\r\n position: absolute;\r\n width: 8px;\r\n height: 8px;\r\n background-color: $danger;\r\n border-radius: 50%;\r\n right: 0;\r\n }\r\n }\r\n\r\n .btn{\r\n padding: 6px;\r\n box-shadow: none;\r\n font-size: 16px;\r\n }\r\n}\r\n\r\n.chat-message-list{\r\n height: calc(100vh - 346px);\r\n @media (min-width: 992px){\r\n height: calc(100vh - 505px);\r\n }\r\n}\r\n\r\n.chat-search-box{\r\n .form-control{\r\n border: 0;\r\n }\r\n}\r\n\r\n.chat-user-status{\r\n position: relative;\r\n margin-top: -25px;\r\n .status{\r\n width: 12px;\r\n height: 12px;\r\n background-color: $success;\r\n border-radius: 50%;\r\n border: 2px solid $white;\r\n position: absolute;\r\n left: 35px;\r\n right: 0;\r\n margin: 0 auto;\r\n bottom: 0;\r\n }\r\n}\r\n\r\n\r\n.chat-list{\r\n margin: 0;\r\n .active{\r\n background: $primary;\r\n border-radius: .75rem!important;\r\n h5{\r\n color: $white;\r\n }\r\n }\r\n li{\r\n\r\n \r\n a{\r\n position: relative;\r\n display: block;\r\n padding: 12px 18px;\r\n color: $text-muted;\r\n transition: all 0.4s;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n font-size: 13px;\r\n }\r\n\r\n\r\n .user-img{\r\n position: relative;\r\n\r\n .user-status{\r\n width: 10px;\r\n height: 10px;\r\n background-color: $gray-500;\r\n border-radius: 50%;\r\n border: 2px solid $card-bg;\r\n position: absolute;\r\n left: 0;\r\n bottom: 0;\r\n }\r\n \r\n\r\n &.online{\r\n .user-status{\r\n background-color: $success;\r\n }\r\n }\r\n\r\n &.away{\r\n .user-status{\r\n background-color: $warning;\r\n }\r\n }\r\n }\r\n\r\n &.unread{\r\n a{\r\n font-weight: $font-weight-semibold;\r\n color: $dark;\r\n }\r\n }\r\n\r\n .unread-message {\r\n position: absolute;\r\n display: inline-block;\r\n right: 16px;\r\n top: 33px;\r\n }\r\n \r\n }\r\n}\r\n\r\n\r\n.group-list{\r\n li{\r\n a{\r\n border: 0;\r\n }\r\n }\r\n}\r\n\r\n\r\n.user-chat-nav{\r\n .dropdown{\r\n .nav-btn{\r\n height: 36px;\r\n width: 36px;\r\n line-height: 36px;\r\n box-shadow: none;\r\n padding: 0;\r\n font-size: 16px;\r\n border-radius: 50%;\r\n }\r\n }\r\n}\r\n.contact-list{\r\n font-size: 12px;\r\n text-transform: uppercase;\r\n color: $text-muted;\r\n font-weight: $font-weight-semibold;\r\n}\r\n\r\n.chat-conversation{\r\n height: calc(100vh - 300px);\r\n @media (min-width: 992px){\r\n height: calc(100vh - 315px);\r\n }\r\n li{\r\n clear: both;\r\n }\r\n\r\n\r\n .chat-day-title{\r\n position: relative;\r\n text-align: center;\r\n margin-bottom: 24px;\r\n border: none;\r\n\r\n .title{\r\n display: inline-block;\r\n background-color: $card-bg;\r\n position: relative;\r\n z-index: 1;\r\n padding: 4px 16px;\r\n border-radius: 7px;\r\n }\r\n\r\n &:before{\r\n content: \"\";\r\n position: absolute;\r\n width: 100%;\r\n height: 1px;\r\n left: 0;\r\n right: 0;\r\n background-color: $border-color;\r\n top: 16px;\r\n }\r\n .badge{\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n .chat-avatar{\r\n text-align: center;\r\n img {\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 50%;\r\n }\r\n\r\n .time{\r\n font-size: 12px;\r\n color: $text-muted;\r\n font-weight: $font-weight-medium;\r\n margin-top: 4px;\r\n }\r\n \r\n }\r\n\r\n\r\n\r\n\r\n .conversation-list{\r\n margin-bottom: 24px;\r\n position: relative;\r\n @media (min-width: 992px) {\r\n max-width: 60%;\r\n }\r\n \r\n\r\n .ctext-wrap {\r\n display: flex;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .ctext-wrap-content {\r\n padding: 15px 20px;\r\n background-color: $gray-200;\r\n border-radius: 0px 8px 8px 8px;\r\n color: $text-muted;\r\n position: relative;\r\n margin-left: 10px;\r\n\r\n &:before {\r\n content: \"\";\r\n position: absolute;\r\n border: 5px solid transparent;\r\n border-right-color: $gray-200;\r\n border-top-color: $gray-200;\r\n left: -10px;\r\n top: 0;\r\n }\r\n }\r\n\r\n .conversation-name {\r\n display: flex;\r\n font-size: 13px;\r\n .time{\r\n font-size: 12px;\r\n position: absolute;\r\n left: -50px;\r\n top: 54px;\r\n bottom: 0;\r\n color: $text-muted;\r\n font-weight: $font-weight-normal;\r\n transition: all .4s;\r\n }\r\n .user-name{\r\n color: rgba($white, 0.5);\r\n }\r\n }\r\n\r\n &:hover{\r\n .time{\r\n opacity: 1;\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n .dropdown {\r\n .dropdown-toggle {\r\n font-size: 18px;\r\n padding: 4px;\r\n color: $gray-600;\r\n\r\n @media (max-width: 575.98px) {\r\n display: none;\r\n }\r\n }\r\n\r\n }\r\n\r\n .chat-time {\r\n font-size: 12px;\r\n margin-top: 4px;\r\n text-align: right;\r\n color: rgba($white, 0.5);\r\n }\r\n\r\n\r\n .message-img {\r\n position: relative;\r\n display: flex;\r\n align-items: flex-start;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n\r\n .message-img-list {\r\n position: relative;\r\n }\r\n\r\n img {\r\n max-width: 80px;\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n display: flex;\r\n justify-content: flex-end;\r\n .conversation-list {\r\n text-align: right;\r\n\r\n .ctext-wrap {\r\n .ctext-wrap-content {\r\n order: 2;\r\n background-color: $primary;\r\n text-align: right;\r\n border-radius: 8px 0px 8px 8px;\r\n color: $white;\r\n margin-left: 0;\r\n margin-right: 10px;\r\n\r\n &:before {\r\n border: 5px solid transparent;\r\n border-top-color: $primary;\r\n border-left-color: $primary;\r\n left: auto;\r\n right: -10px;\r\n }\r\n }\r\n\r\n .conversation-name {\r\n justify-content: flex-end;\r\n\r\n .time{\r\n order: 1;\r\n margin-left: 0;\r\n margin-right: 8px;\r\n position: absolute;\r\n right: -58px;\r\n left: auto;\r\n }\r\n\r\n .user-name{\r\n color: $dark;\r\n order: 2;\r\n }\r\n }\r\n }\r\n\r\n .dropdown {\r\n order: 1;\r\n }\r\n .chat-avatar{\r\n order: 3;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.chat-input-section{\r\n border-top: 1px solid $border-color;\r\n}\r\n\r\n.chat-input{\r\n background-color: $light !important;\r\n border-color: $light !important;\r\n}\r\n\r\n\r\n.chat-send{\r\n @media (max-width: 575.98px) {\r\n min-width: auto;\r\n }\r\n}\r\n\r\nbody[data-layout=\"horizontal\"]{\r\n .chat-message-list{\r\n height: calc(100vh - 346px);\r\n @media (min-width: 992px){\r\n height: calc(100vh - 475px);\r\n }\r\n }\r\n .chat-conversation{\r\n height: calc(100vh - 300px);\r\n @media (min-width: 992px){\r\n height: calc(100vh - 311px);\r\n }\r\n }\r\n}\r\n\r\n\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n .chat-noti-dropdown{\r\n .btn{\r\n color: $gray-dark-500;\r\n }\r\n }\r\n\r\n .chat-list {\r\n li{\r\n a{\r\n border-color: $gray-dark-300;\r\n }\r\n\r\n .user-img{\r\n .user-status{\r\n border-color: $gray-dark-200;\r\n }\r\n }\r\n\r\n &.unread a{\r\n color: $gray-dark-500;\r\n }\r\n }\r\n }\r\n\r\n .chat-conversation .chat-day-title{\r\n &:before, .title{\r\n background-color: $gray-dark-300;\r\n }\r\n }\r\n\r\n .user-chat-nav .dropdown .nav-btn{\r\n color: $gray-dark-500;\r\n }\r\n\r\n .chat-conversation {\r\n .conversation-list {\r\n .conversation-name {\r\n .user-name{\r\n color: $gray-dark-500;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .chat-conversation .conversation-list .ctext-wrap-content{\r\n background-color: $gray-dark-300 !important;\r\n &:before{\r\n border-right-color: $gray-dark-300;\r\n border-top-color: $gray-dark-300;\r\n }\r\n }\r\n\r\n .chat-conversation .right .conversation-list .ctext-wrap-content{\r\n background-color: $primary !important;\r\n &:before{\r\n border-left-color: $primary;\r\n border-top-color: $primary;\r\n }\r\n }\r\n\r\n .chat-input{\r\n background-color: $gray-dark-200 !important;\r\n border-color: $gray-dark-300 !important;\r\n }\r\n\r\n .chat-input-section{\r\n border-top: 1px solid $gray-dark-300;\r\n }\r\n}\r\n\r\n\r\n\r\n// Chat small\r\n\r\n.small-chat{\r\n .conversation-list{\r\n @media (min-width: 992px) {\r\n max-width: 90%;\r\n }\r\n }\r\n}","// \r\n// Contacts.scss\r\n//\r\n\r\n.contact-links{\r\n a{\r\n color: $body-color;\r\n }\r\n}\r\n\r\n// profile\r\n\r\n.profile-user-wid{\r\n margin-top: -26px;\r\n}","// \r\n// projects.scss\r\n//\r\n\r\n// project list\r\n\r\n.project-list-table{\r\n border-collapse:separate; \r\n border-spacing:0 12px; \r\n tr{\r\n background-color: $card-bg;\r\n }\r\n}\r\n\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n .project-list-table{\r\n border-collapse:separate; \r\n border-spacing:0 12px; \r\n tr{\r\n background-color: $gray-dark-200;\r\n }\r\n}\r\n}","// \r\n// coming-soon.scss\r\n//\r\n\r\n// countdownlist\r\n\r\n.countdownlist {\r\n text-align: center;\r\n display: flex;\r\n gap: 24px;\r\n\r\n\r\n .countdownlist-item{\r\n width: 25%;\r\n &:last-of-type{\r\n .count-num{\r\n &::after{\r\n display: none;\r\n }\r\n }\r\n }\r\n }\r\n .count-title{\r\n font-size: 13px;\r\n font-weight: $font-weight-medium;\r\n display: block;\r\n margin-bottom: 8px;\r\n color: rgba($dark, 0.5);\r\n text-transform: uppercase;\r\n }\r\n\r\n .count-num{\r\n background-color: rgba($primary, 0.1);\r\n color: $primary;\r\n padding: 16px 8px;\r\n position: relative;\r\n border-radius: $card-border-radius;\r\n box-shadow: $box-shadow;\r\n font-weight: $font-weight-semibold;\r\n font-size: 32px;\r\n @media (max-width: 575.98px) {\r\n font-size: 18px;\r\n }\r\n \r\n &::after{\r\n content: \":\";\r\n font-size: 20px;\r\n position: absolute;\r\n right: -16px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n color: $dark;\r\n }\r\n }\r\n}\r\n\r\n.countdown-endtxt{\r\n font-size: 24px;\r\n font-weight: $font-weight-semibold;\r\n}\r\n\r\n.countdown-input-group{\r\n max-width: 350px;\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n .countdownlist {\r\n .count-title{\r\n color: $gray-dark-400;\r\n }\r\n .count-num{\r\n background-color: $gray-dark-300;\r\n color: $gray-dark-500;\r\n &::after{\r\n color: $gray-dark-300;\r\n }\r\n }\r\n }\r\n}\r\n\r\n\r\n","// \r\n// timeline.scss\r\n//\r\n//\r\n// timeline.scss\r\n//\r\n\r\n\r\n/************** vertical timeline **************/\r\n\r\n.timeline {\r\n position: relative;\r\n width: 100%;\r\n padding: 30px 0;\r\n @media (max-width: 767.98px) {\r\n padding: 0;\r\n }\r\n .timeline-end,\r\n .timeline-start,\r\n .timeline-year {\r\n position: relative;\r\n width: 100%;\r\n text-align: center;\r\n z-index: 1;\r\n p {\r\n display: inline-block;\r\n width: 80px;\r\n height: 80px;\r\n margin: 0;\r\n padding: 30px 0;\r\n text-align: center;\r\n background-color: $primary;\r\n border-radius: 100px;\r\n color: $white;\r\n text-transform: uppercase;\r\n }\r\n }\r\n .timeline-year {\r\n margin: 30px 0;\r\n }\r\n .timeline-continue {\r\n position: relative;\r\n width: 100%;\r\n padding: 60px 0;\r\n &:after {\r\n position: absolute;\r\n content: \"\";\r\n width: 1px;\r\n height: 100%;\r\n top: 0;\r\n left: 50%;\r\n margin-left: -1px;\r\n background: $primary;\r\n }\r\n }\r\n .timeline-icon {\r\n margin: 42px 10px 0 10px;\r\n }\r\n .timeline-left {\r\n text-align: right;\r\n .timeline-icon {\r\n text-align: left;\r\n }\r\n }\r\n .timeline-right {\r\n .timeline-icon {\r\n text-align: right;\r\n }\r\n text-align: left;\r\n }\r\n .timeline-icon {\r\n &::after {\r\n content: \"\";\r\n display: block;\r\n position: absolute;\r\n width: 14px;\r\n height: 14px;\r\n top: 45px;\r\n background: $primary;\r\n border-radius: 15px;\r\n z-index: 1;\r\n }\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .event-content{\r\n padding-right: 24px;\r\n }\r\n\r\n .timeline-text {\r\n margin-right: 40px;\r\n }\r\n }\r\n\r\n \r\n .timeline-left {\r\n .timeline-icon {\r\n &::after {\r\n left: -7px;\r\n }\r\n }\r\n @media (min-width: 768px) {\r\n .event-content{\r\n padding-right: 0;\r\n padding-left: 24px;\r\n }\r\n\r\n .timeline-text {\r\n margin-right: 0px;\r\n margin-left: 40px;\r\n }\r\n\r\n .event-img{\r\n justify-content: flex-end;\r\n }\r\n }\r\n }\r\n .timeline-right {\r\n .timeline-icon {\r\n &::after {\r\n right: -7px;\r\n }\r\n }\r\n }\r\n .timeline-box {\r\n position: relative;\r\n display: inline-block;\r\n margin: 15px;\r\n padding: 20px;\r\n background-color: $gray-200;\r\n border-radius: 6px;\r\n &::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 16px;\r\n height: 16px;\r\n top: 26px;\r\n background-color: $gray-200;\r\n border: 1px solid $light;\r\n transform: rotate(45deg);\r\n margin: 0px auto;\r\n }\r\n }\r\n .timeline-launch {\r\n position: relative;\r\n display: inline-block;\r\n margin: 15px;\r\n padding: 20px;\r\n border: 1px solid $gray-200;\r\n border-radius: 6px;\r\n width: 100%;\r\n margin: 15px 0;\r\n padding: 0;\r\n border: none;\r\n text-align: center;\r\n background: transparent;\r\n }\r\n }\r\n \r\n \r\n .timeline-date {\r\n right: 20px;\r\n\r\n @media (max-width: 767.98px) {\r\n left: -70px;\r\n right: auto;\r\n }\r\n }\r\n \r\n .timeline-left {\r\n\r\n .timeline-date {\r\n left: 20px;\r\n @media (max-width: 767.98px) {\r\n left: -70px;\r\n right: auto;\r\n }\r\n }\r\n }\r\n \r\n .timeline {\r\n .timeline-date {\r\n width: 54px;\r\n height: 80px;\r\n display: inline-block;\r\n padding: 8px;\r\n clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);\r\n top: -10px;\r\n position: absolute;\r\n z-index: 1;\r\n @media (max-width: 767.98px) {\r\n top: 0px;\r\n }\r\n }\r\n .timeline-right {\r\n .timeline-box {\r\n &::after {\r\n border-color: transparent transparent $gray-200 $gray-200;\r\n left: -8px;\r\n right: 100%;\r\n }\r\n }\r\n }\r\n .timeline-left {\r\n .timeline-box {\r\n &::after {\r\n border-color: $light $light transparent transparent;\r\n right: -8px;\r\n }\r\n }\r\n }\r\n .timeline-launch {\r\n .timeline-box {\r\n &::after {\r\n top: -8px;\r\n left: 32px;\r\n border-color: $light transparent transparent $light;\r\n @media (min-width: 768px) {\r\n left: 50%;\r\n transform: rotate(45deg) translateX(-50%);\r\n top: -2px;\r\n }\r\n }\r\n }\r\n .timeline-text {\r\n width: 100%;\r\n }\r\n }\r\n }\r\n \r\n \r\n \r\n \r\n@media (max-width: 767px) {\r\n .timeline .timeline-continue::after {\r\n left: 40px;\r\n }\r\n \r\n .timeline {\r\n .timeline-end,\r\n .timeline-start,\r\n .timeline-year {\r\n text-align: left;\r\n }\r\n .row.timeline-left {\r\n text-align: left;\r\n .timeline-icon {\r\n text-align: left;\r\n }\r\n }\r\n .row.timeline-right {\r\n .timeline-icon {\r\n text-align: left;\r\n }\r\n text-align: left;\r\n }\r\n .timeline-launch {\r\n text-align: left;\r\n margin-bottom: 0;\r\n }\r\n }\r\n \r\n .timeline {\r\n .row.timeline-left {\r\n .timeline-icon {\r\n &::after {\r\n left: 43px;\r\n }\r\n }\r\n }\r\n .row.timeline-right {\r\n .timeline-icon {\r\n &::after {\r\n left: 43px;\r\n }\r\n }\r\n }\r\n }\r\n \r\n .timeline {\r\n .timeline-box {\r\n margin-left: 82px;\r\n margin-right: 0;\r\n }\r\n .row.timeline-right {\r\n .timeline-icon {\r\n margin-left: 55px;\r\n }\r\n }\r\n .row.timeline-left {\r\n .timeline-icon {\r\n margin-left: 55px;\r\n }\r\n }\r\n .timeline-launch {\r\n .timeline-box {\r\n margin-left: 0;\r\n margin-bottom: 0;\r\n }\r\n }\r\n .row.timeline-left {\r\n .timeline-box {\r\n &::after {\r\n left: -8px;\r\n border-color: transparent transparent $light $light;\r\n right: auto;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n .timeline{\r\n .timeline-box{\r\n border-color: $gray-dark-300;\r\n background-color: $gray-dark-300;\r\n &:after{\r\n background-color: $gray-dark-300;\r\n }\r\n }\r\n\r\n .timeline-left{\r\n .timeline-box{\r\n &:after{\r\n border-color: $gray-dark-300 $gray-dark-300 transparent transparent;\r\n }\r\n }\r\n }\r\n\r\n .timeline-right{\r\n .timeline-box{\r\n &:after{\r\n border-color: transparent transparent $gray-dark-300 $gray-dark-300;\r\n }\r\n }\r\n }\r\n\r\n .timeline-launch .timeline-box::after{\r\n border-color: $gray-dark-300 transparent transparent $gray-dark-300;\r\n }\r\n }\r\n}","// \r\n// Extras pages.scss\r\n//\r\n\r\n\r\n// Gallery\r\n\r\n.categories-filter {\r\n .list-inline-item {\r\n position: relative;\r\n margin-right: 0;\r\n a {\r\n display: block;\r\n color: $body-color;\r\n font-weight: $font-weight-semibold;\r\n padding: 8px 15px;\r\n margin: 7px;\r\n cursor: pointer;\r\n border-radius: 4px;\r\n &.active{\r\n color: $primary;\r\n font-weight: $font-weight-bold;\r\n }\r\n }\r\n\r\n &:after{\r\n content: \"\";\r\n display: block;\r\n width: 5px;\r\n height: 5px;\r\n border-radius: 50%;\r\n background-color: $text-muted;\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n right: -2px;\r\n }\r\n\r\n &:last-child{\r\n &:after{\r\n display: none;\r\n }\r\n }\r\n }\r\n}\r\n\r\n\r\n.gallery-box{\r\n position: relative;\r\n text-align: center;\r\n overflow: hidden;\r\n border: 1px solid $border-color;\r\n\r\n .gallery-container{\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 4px 4px 0px 0px;\r\n\r\n a{\r\n display: block;\r\n }\r\n\r\n .gallery-overlay {\r\n position: absolute;\r\n top: 0px;\r\n left: 0px;\r\n bottom: 0px;\r\n right: 0px;\r\n opacity: 0;\r\n background: rgba($primary, 0.2);\r\n visibility: hidden;\r\n overflow: hidden;\r\n transition: all 0.4s ease-in-out 0s;\r\n\r\n .overlay-caption{\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n left: 0;\r\n right: 0;\r\n }\r\n }\r\n }\r\n .gallery-img {\r\n transition: all 0.2s ease-in-out;\r\n }\r\n .box-content{\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n bottom: -28px;\r\n background-color: $card-bg;\r\n transition: all 0.2s;\r\n\r\n .title{\r\n font-size: 14px;\r\n margin-bottom: 4px;\r\n }\r\n .post{\r\n margin: 0;\r\n opacity: 0;\r\n transition: all 0.2s;\r\n color: $text-muted;\r\n }\r\n }\r\n\r\n &:hover {\r\n\r\n .box-content{\r\n bottom: 0;\r\n\r\n .post {\r\n opacity: 1;\r\n }\r\n }\r\n .gallery-img {\r\n transform: translateY(-28px);\r\n }\r\n .gallery-overlay {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n }\r\n}\r\n\r\n\r\n// pricing\r\n\r\n.pricing-badge {\r\n position: absolute;\r\n top: 0;\r\n z-index: 9;\r\n right: 0;\r\n width: 100%;\r\n display: block;\r\n font-size: 15px;\r\n padding: 0;\r\n overflow: hidden;\r\n height: 100px;\r\n .badge {\r\n float: right;\r\n transform: rotate(45deg);\r\n right: -67px;\r\n top: 17px;\r\n position: relative;\r\n text-align: center;\r\n width: 200px;\r\n font-size: 13px;\r\n margin: 0;\r\n padding: 7px 10px;\r\n font-weight: 500;\r\n color: $white;\r\n background: $primary;\r\n }\r\n}\r\n\r\n\r\n\r\n// FAQ\r\n.faq-icon{\r\n i{\r\n font-size: 80px;\r\n position: absolute;\r\n margin-top: -30px;\r\n right: -20px;\r\n opacity: .2;\r\n }\r\n}\r\n\r\n// profile\r\n\r\n.profile-bg{\r\n height: 210px;\r\n background-image: url(\"../images/profile-bg.jpg\");\r\n background-size: cover;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n// pricing\r\n\r\n.pricing-box{\r\n border-top: 2px solid $primary;\r\n\r\n .pricing-features{\r\n color: $text-muted;\r\n li{\r\n padding: 4px 0;\r\n }\r\n }\r\n}\r\n\r\n// error\r\n\r\n// Error Page\r\n\r\n.error-title {\r\n font-size: 180px;\r\n text-shadow: 9px 0px $primary;\r\n @media (max-width: 425px) {\r\n font-size: 150px;\r\n }\r\n }\r\n \r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n\r\n .categories-filter{\r\n .list-inline-item{\r\n a{\r\n color: $gray-dark-500;\r\n &.active{\r\n color: $primary;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .gallery-box .box-content{\r\n background-color: $gray-dark-200;\r\n }\r\n}"]} |