crafty-4/app/frontend/static/assets/css/dark/style.css.map

{
    "version": 3,
    "sources": [
        "demo_3/style.scss",
        "../../../node_modules/bootstrap/scss/bootstrap.scss",
        "demo_3/style.css",
        "shared/_fonts.scss",
        "../../../node_modules/bootstrap/scss/_root.scss",
        "../../../node_modules/bootstrap/scss/_reboot.scss",
        "shared/_variables.scss",
        "../../../node_modules/bootstrap/scss/_variables.scss",
        "../../../node_modules/bootstrap/scss/vendor/_rfs.scss",
        "demo_3/_variables.scss",
        "../../../node_modules/bootstrap/scss/mixins/_hover.scss",
        "../../../node_modules/bootstrap/scss/_type.scss",
        "../../../node_modules/bootstrap/scss/mixins/_lists.scss",
        "../../../node_modules/bootstrap/scss/_images.scss",
        "../../../node_modules/bootstrap/scss/mixins/_image.scss",
        "../../../node_modules/bootstrap/scss/mixins/_border-radius.scss",
        "../../../node_modules/bootstrap/scss/_code.scss",
        "../../../node_modules/bootstrap/scss/_grid.scss",
        "../../../node_modules/bootstrap/scss/mixins/_grid.scss",
        "../../../node_modules/bootstrap/scss/mixins/_breakpoints.scss",
        "../../../node_modules/bootstrap/scss/mixins/_grid-framework.scss",
        "../../../node_modules/bootstrap/scss/_tables.scss",
        "../../../node_modules/bootstrap/scss/mixins/_table-row.scss",
        "../../../node_modules/bootstrap/scss/_functions.scss",
        "../../../node_modules/bootstrap/scss/_forms.scss",
        "../../../node_modules/bootstrap/scss/mixins/_transition.scss",
        "../../../node_modules/bootstrap/scss/mixins/_forms.scss",
        "../../../node_modules/bootstrap/scss/mixins/_gradients.scss",
        "../../../node_modules/bootstrap/scss/_buttons.scss",
        "../../../node_modules/bootstrap/scss/mixins/_buttons.scss",
        "../../../node_modules/bootstrap/scss/_transitions.scss",
        "../../../node_modules/bootstrap/scss/_dropdown.scss",
        "../../../node_modules/bootstrap/scss/mixins/_caret.scss",
        "../../../node_modules/bootstrap/scss/mixins/_nav-divider.scss",
        "../../../node_modules/bootstrap/scss/_button-group.scss",
        "../../../node_modules/bootstrap/scss/_input-group.scss",
        "../../../node_modules/bootstrap/scss/_custom-forms.scss",
        "../../../node_modules/bootstrap/scss/_nav.scss",
        "../../../node_modules/bootstrap/scss/_navbar.scss",
        "../../../node_modules/bootstrap/scss/_card.scss",
        "../../../node_modules/bootstrap/scss/_breadcrumb.scss",
        "../../../node_modules/bootstrap/scss/_pagination.scss",
        "../../../node_modules/bootstrap/scss/mixins/_pagination.scss",
        "../../../node_modules/bootstrap/scss/_badge.scss",
        "../../../node_modules/bootstrap/scss/mixins/_badge.scss",
        "../../../node_modules/bootstrap/scss/_jumbotron.scss",
        "../../../node_modules/bootstrap/scss/_alert.scss",
        "../../../node_modules/bootstrap/scss/mixins/_alert.scss",
        "../../../node_modules/bootstrap/scss/_progress.scss",
        "../../../node_modules/bootstrap/scss/_media.scss",
        "../../../node_modules/bootstrap/scss/_list-group.scss",
        "../../../node_modules/bootstrap/scss/mixins/_list-group.scss",
        "../../../node_modules/bootstrap/scss/_close.scss",
        "../../../node_modules/bootstrap/scss/_toasts.scss",
        "../../../node_modules/bootstrap/scss/_modal.scss",
        "../../../node_modules/bootstrap/scss/_tooltip.scss",
        "../../../node_modules/bootstrap/scss/mixins/_reset-text.scss",
        "../../../node_modules/bootstrap/scss/_popover.scss",
        "../../../node_modules/bootstrap/scss/_carousel.scss",
        "../../../node_modules/bootstrap/scss/mixins/_clearfix.scss",
        "../../../node_modules/bootstrap/scss/_spinners.scss",
        "../../../node_modules/bootstrap/scss/utilities/_align.scss",
        "../../../node_modules/bootstrap/scss/mixins/_background-variant.scss",
        "../../../node_modules/bootstrap/scss/utilities/_background.scss",
        "../../../node_modules/bootstrap/scss/utilities/_borders.scss",
        "../../../node_modules/bootstrap/scss/utilities/_display.scss",
        "../../../node_modules/bootstrap/scss/utilities/_embed.scss",
        "../../../node_modules/bootstrap/scss/utilities/_flex.scss",
        "../../../node_modules/bootstrap/scss/utilities/_float.scss",
        "../../../node_modules/bootstrap/scss/utilities/_overflow.scss",
        "../../../node_modules/bootstrap/scss/utilities/_position.scss",
        "../../../node_modules/bootstrap/scss/utilities/_screenreaders.scss",
        "../../../node_modules/bootstrap/scss/mixins/_screen-reader.scss",
        "../../../node_modules/bootstrap/scss/utilities/_shadows.scss",
        "../../../node_modules/bootstrap/scss/utilities/_sizing.scss",
        "../../../node_modules/bootstrap/scss/utilities/_stretched-link.scss",
        "../../../node_modules/bootstrap/scss/utilities/_spacing.scss",
        "../../../node_modules/bootstrap/scss/utilities/_text.scss",
        "../../../node_modules/bootstrap/scss/mixins/_text-truncate.scss",
        "../../../node_modules/bootstrap/scss/mixins/_text-emphasis.scss",
        "../../../node_modules/bootstrap/scss/mixins/_text-hide.scss",
        "../../../node_modules/bootstrap/scss/utilities/_visibility.scss",
        "../../../node_modules/bootstrap/scss/_print.scss",
        "shared/mixins/_animation.scss",
        "shared/mixins/_misc.scss",
        "shared/_reset.scss",
        "shared/_functions.scss",
        "shared/mixins/_text.scss",
        "shared/_typography.scss",
        "shared/mixins/_blockqoute.scss",
        "shared/_misc.scss",
        "shared/_utilities.scss",
        "shared/mixins/_background.scss",
        "shared/_demo.scss",
        "shared/_dashboard.scss",
        "demo_1/_nav.scss",
        "demo_1/_navbar.scss",
        "demo_1/_sidebar.scss",
        "demo_1/_variables.scss",
        "demo_1/_footer.scss",
        "demo_1/_layouts.scss",
        "demo_1/_card.scss",
        "demo_1/_misc.scss",
        "demo_1/_dashboard.scss",
        "shared/components/_accordions.scss",
        "shared/mixins/_accordions.scss",
        "shared/components/_badges.scss",
        "shared/mixins/_badges.scss",
        "shared/components/_bootstrap-alerts.scss",
        "shared/components/_bootstrap-progress.scss",
        "shared/components/_buttons.scss",
        "shared/mixins/_buttons.scss",
        "shared/components/_breadcrumbs.scss",
        "shared/mixins/_breadcrumbs.scss",
        "shared/components/_cards.scss",
        "shared/mixins/_cards.scss",
        "shared/components/_checkbox-radio.scss",
        "shared/components/_dropdown.scss",
        "shared/components/_forms.scss",
        "shared/components/_google-maps.scss",
        "shared/components/_icons.scss",
        "shared/components/_lists.scss",
        "shared/components/loaders/_loaders.scss",
        "shared/components/loaders/_colored-balls.scss",
        "shared/components/loaders/_glowing-ball.scss",
        "shared/components/loaders/_pixel-loader.scss",
        "shared/components/loaders/_square-box.scss",
        "shared/components/loaders/_variables.scss",
        "shared/components/loaders/_circle-loader.scss",
        "shared/components/loaders/_jumping-dots-loader.scss",
        "shared/components/loaders/_bar-loader.scss",
        "shared/components/loaders/_square-path-loader.scss",
        "shared/components/loaders/_dot-opacity-loader.scss",
        "shared/components/loaders/_flip-square-loader.scss",
        "shared/components/loaders/_moving-square-loader.scss",
        "shared/components/_modals.scss",
        "shared/components/_new-account.scss",
        "shared/components/_pagination.scss",
        "shared/mixins/_pagination.scss",
        "shared/components/_popovers.scss",
        "shared/mixins/_popovers.scss",
        "shared/components/_portfolio.scss",
        "shared/components/_preview.scss",
        "shared/components/_pricing-table.scss",
        "shared/components/_tables.scss",
        "shared/components/_tabs.scss",
        "shared/mixins/_tabs.scss",
        "shared/components/_settings-panel.scss",
        "shared/components/_todo-list.scss",
        "shared/components/_tooltips.scss",
        "shared/mixins/_tooltips.scss",
        "shared/components/_user-profile.scss",
        "shared/components/_widgets.scss",
        "shared/components/timeline/_timeline-horizontal.scss",
        "shared/components/timeline/_timeline-vertical.scss",
        "shared/components/_timeline.scss",
        "shared/components/_kanban.scss",
        "shared/components/_chat.scss",
        "shared/components/mail-components/_mail-sidebar.scss",
        "shared/components/mail-components/view-controller/_mail-list-container.scss",
        "shared/components/mail-components/view-controller/_messagecontent.scss",
        "shared/components/mail-components/view-controller/_view-controller.scss",
        "shared/components/plugin-overrides/_ace.scss",
        "shared/components/plugin-overrides/_avgrund.scss",
        "shared/components/plugin-overrides/_bootstrap-tour.scss",
        "shared/components/plugin-overrides/_chartjs.scss",
        "shared/components/plugin-overrides/_chartist.scss",
        "shared/components/plugin-overrides/_codemirror.scss",
        "shared/components/plugin-overrides/_colcade.scss",
        "shared/components/plugin-overrides/_colorpicker.scss",
        "shared/components/plugin-overrides/_context-menu.scss",
        "shared/components/plugin-overrides/_clockpicker.scss",
        "shared/components/plugin-overrides/_data-tables.scss",
        "shared/components/plugin-overrides/_datepicker.scss",
        "shared/components/plugin-overrides/_dropify.scss",
        "shared/components/plugin-overrides/_dropzone.scss",
        "shared/components/plugin-overrides/_flot-chart.scss",
        "shared/components/plugin-overrides/_google-charts.scss",
        "shared/components/plugin-overrides/_icheck.scss",
        "shared/components/plugin-overrides/_jquery-file-upload.scss",
        "shared/components/plugin-overrides/_js-grid.scss",
        "shared/components/plugin-overrides/_jvectormap.scss",
        "shared/components/plugin-overrides/_light-gallery.scss",
        "shared/components/plugin-overrides/_listify.scss",
        "shared/components/plugin-overrides/_no-ui-slider.scss",
        "shared/mixins/_no-ui-slider.scss",
        "shared/components/plugin-overrides/_owl-carousel.scss",
        "shared/components/plugin-overrides/_progressbar-js.scss",
        "shared/components/plugin-overrides/_pws-tabs.scss",
        "shared/components/plugin-overrides/_quill.scss",
        "shared/components/plugin-overrides/_rating.scss",
        "shared/components/plugin-overrides/_select2.scss",
        "shared/components/plugin-overrides/_summernote.scss",
        "shared/components/plugin-overrides/_sweet-alert.scss",
        "shared/components/plugin-overrides/_switchery.scss",
        "shared/components/plugin-overrides/_tags.scss",
        "shared/components/plugin-overrides/_tinymce.scss",
        "shared/components/plugin-overrides/_toast.scss",
        "shared/components/plugin-overrides/_typeahead.scss",
        "shared/components/plugin-overrides/_wysieditor.scss",
        "shared/components/plugin-overrides/_x-editable.scss",
        "shared/components/plugin-overrides/_wizard.scss",
        "shared/screens/_auth.scss",
        "shared/screens/_error.scss",
        "shared/screens/_landing.scss",
        "shared/screens/_profile-page.scss",
        "shared/components/_product-tile.scss",
        "shared/screens/_project-list.scss",
        "shared/screens/_st_wizard.scss",
        "shared/screens/_invoice.scss",
        "shared/screens/_tickets.scss",
        "demo_1/components/_modals.scss",
        "demo_1/components/_full-calendar.scss"
    ],
    "names": [],
    "mappings": "AAAA,qDAAA;AAIA,sEAAA;AAEA,sCAAA;AAKA,sEAAA;AAEA,+BAAA;ACbA;;;;;ECUE;ACRF,6EAAY;ACFZ;EAGI,eAAc;EAAd,iBAAc;EAAd,iBAAc;EAAd,eAAc;EAAd,cAAc;EAAd,iBAAc;EAAd,iBAAc;EAAd,gBAAc;EAAd,eAAc;EAAd,eAAc;EAAd,gBAAc;EAAd,eAAc;EAAd,oBAAc;EAAd,eAAc;EAAd,iBAAc;EAAd,iBAAc;EAAd,eAAc;EAAd,cAAc;EAAd,iBAAc;EAAd,iBAAc;EAAd,gBAAc;EAAd,eAAc;EAAd,eAAc;EAAd,gBAAc;EAAd,sBAAc;EAAd,eAAc;EAAd,qBAAc;EAAd,wBAAc;EAId,kBAAc;EAAd,oBAAc;EAAd,kBAAc;EAAd,eAAc;EAAd,kBAAc;EAAd,iBAAc;EAAd,gBAAc;EAAd,eAAc;EAId,kBAAiC;EAAjC,sBAAiC;EAAjC,sBAAiC;EAAjC,sBAAiC;EAAjC,uBAAiC;EAKnC,+MAAyB;EACzB,6GAAwB,EAAA;;ACC1B;;;EAGE,8BAAsB;EAAtB,sBAAsB,EAAA;;AAGxB;EACE,uBAAuB;EACvB,iBAAiB;EACjB,8BAA8B;EAC9B,6CCjBU,EAAA;;ADuBZ;EACE,cAAc,EAAA;;AAUhB;EACE,SAAS;EACT,kMEiOiN;ECjJ7M,eAtCY;EHxChB,gBE0O+B;EFzO/B,gBE8O+B;EF7O/B,WIlDuB;EJmDvB,gBAAgB;EAChB,sBE9Ca,EAAA;;AL0Ef;EGnBE,qBAAqB,EAAA;;AASvB;EACE,+BAAuB;EAAvB,uBAAuB;EACvB,SAAS;EACT,iBAAiB,EAAA;;AAanB;EACE,aAAa;EACb,qBEgNuC,EAAA;;AFzMzC;EACE,aAAa;EACb,mBEoF8B,EAAA;;AFzEhC;;EAEE,0BAA0B;EAC1B,yCAAiC;EAAjC,iCAAiC;EACjC,YAAY;EACZ,gBAAgB;EAChB,sCAA8B;EAA9B,8BAA8B,EAAA;;AAGhC;EACE,mBAAmB;EACnB,kBAAkB;EAClB,oBAAoB,EAAA;;AAGtB;;;EAGE,aAAa;EACb,mBAAmB,EAAA;;AAGrB;;;;EAIE,gBAAgB,EAAA;;AAGlB;EACE,gBEiJ+B,EAAA;;AF9IjC;EACE,oBAAoB;EACpB,cAAc,EAAA;;AAGhB;EACE,gBAAgB,EAAA;;AAGlB;;EAEE,mBEoIkC,EAAA;;AFjIpC;EGpFI,cAAW,EAAA;;AH6Ff;;EAEE,kBAAkB;EG/FhB,cAAW;EHiGb,cAAc;EACd,wBAAwB,EAAA;;AAG1B;EAAM,cAAc,EAAA;;AACpB;EAAM,UAAU,EAAA;;AAOhB;EACE,cElJe;EFmJf,qBEX4C;EFY5C,6BAA6B,EAAA;EK5K7B;IL+KE,cEd8D;IFe9D,0BEd+C,EAAA;;AFwBnD;EACE,cAAc;EACd,qBAAqB,EAAA;EKxLrB;IL2LE,cAAc;IACd,qBAAqB,EAAA;EANzB;IAUI,UAAU,EAAA;;AASd;;;;EAIE,iGEoDgH;ECzM9G,cAAW,EAAA;;AHyJf;EAEE,aAAa;EAEb,mBAAmB;EAEnB,cAAc,EAAA;;AAQhB;EAEE,gBAAgB,EAAA;;AAQlB;EACE,sBAAsB;EACtB,kBAAkB,EAAA;;AAGpB;EAGE,gBAAgB;EAChB,sBAAsB,EAAA;;AAQxB;EACE,yBAAyB,EAAA;;AAG3B;EACE,sBCnK4B;EDoK5B,yBCpK4B;EDqK5B,cEpQgB;EFqQhB,gBAAgB;EAChB,oBAAoB,EAAA;;AAGtB;EAGE,mBAAmB,EAAA;;AAQrB;EAEE,qBAAqB;EACrB,qBE4J2C,EAAA;;AFtJ7C;EAEE,gBAAgB,EAAA;;AAOlB;EACE,mBAAmB;EACnB,0CAA0C,EAAA;;AAG5C;;;;;EAKE,SAAS;EACT,oBAAoB;EGtPlB,kBAAW;EHwPb,oBAAoB,EAAA;;AAGtB;;EAEE,iBAAiB,EAAA;;AAGnB;;EAEE,oBAAoB,EAAA;;AAMtB;EACE,iBAAiB,EAAA;;AAOnB;;;;EAIE,0BAA0B,EAAA;;AAK1B;;;;EAKI,eAAe,EAAA;;AAMrB;;;;EAIE,UAAU;EACV,kBAAkB,EAAA;;AAGpB;;EAEE,8BAAsB;EAAtB,sBAAsB;EACtB,UAAU,EAAA;;AAIZ;;;;EASE,2BAA2B,EAAA;;AAG7B;EACE,cAAc;EAEd,gBAAgB,EAAA;;AAGlB;EAME,YAAY;EAEZ,UAAU;EACV,SAAS;EACT,SAAS,EAAA;;AAKX;EACE,cAAc;EACd,WAAW;EACX,eAAe;EACf,UAAU;EACV,oBAAoB;EGlShB,iBAtCY;EH0UhB,oBAAoB;EACpB,cAAc;EACd,mBAAmB,EAAA;;AAGrB;EACE,wBAAwB,EAAA;;AHtI1B;;EG4IE,YAAY,EAAA;;AHxId;EGgJE,oBAAoB;EACpB,wBAAwB,EAAA;;AH7I1B;EGqJE,wBAAwB,EAAA;;AAQ1B;EACE,aAAa;EACb,0BAA0B,EAAA;;AAO5B;EACE,qBAAqB,EAAA;;AAGvB;EACE,kBAAkB;EAClB,eAAe,EAAA;;AAGjB;EACE,aAAa,EAAA;;AH/Jf;EGqKE,wBAAwB,EAAA;;AM3d1B;;EAEE,qBJiSuC;EI/RvC,gBJiS+B;EIhS/B,gBJiS+B,EAAA;;AI7RjC;EHgHM,iBAtCY,EAAA;;AGzElB;EH+GM,eAtCY,EAAA;;AGxElB;EH8GM,kBAtCY,EAAA;;AGvElB;EH6GM,iBAtCY,EAAA;;AGtElB;EH4GM,kBAtCY,EAAA;;AGrElB;EH2GM,eAtCY,EAAA;;AGnElB;EHyGM,kBAtCY;EGjEhB,gBJmS+B,EAAA;;AI/RjC;EHmGM,eAtCY;EG3DhB,gBJsR+B;EIrR/B,gBJ6Q+B,EAAA;;AI3QjC;EH8FM,iBAtCY;EGtDhB,gBJkR+B;EIjR/B,gBJwQ+B,EAAA;;AItQjC;EHyFM,iBAtCY;EGjDhB,gBJ8Q+B;EI7Q/B,gBJmQ+B,EAAA;;AIjQjC;EHoFM,iBAtCY;EG5ChB,gBJ0Q+B;EIzQ/B,gBJ8P+B,EAAA;;AFrOjC;EMhBE,gBJ0EW;EIzEX,mBJyEW;EIxEX,SAAS;EACT,wCJzCa,EAAA;;AIiDf;;EHMI,cAAW;EGHb,gBJsN+B,EAAA;;AInNjC;;EAEE,cJ8PgC;EI7PhC,yBJsQmC,EAAA;;AI9PrC;EC/EE,eAAe;EACf,gBAAgB,EAAA;;ADmFlB;ECpFE,eAAe;EACf,gBAAgB,EAAA;;ADsFlB;EACE,qBAAqB,EAAA;EADvB;IAII,oBJgP+B,EAAA;;AItOnC;EHjCI,cAAW;EGmCb,yBAAyB,EAAA;;AAI3B;EACE,mBJiBW;ECFP,kBAtCY,EAAA;;AG2BlB;EACE,cAAc;EH7CZ,cAAW;EG+Cb,cJ1GgB,EAAA;EIuGlB;IAMI,qBAAqB,EAAA;;AEnHzB;ECIE,eAAe;EAGf,YAAY,EAAA;;ADDd;EACE,gBN++BwC;EM9+BxC,sBNRa;EMSb,yBNNgB;EQLd,sBRqOgC;EO/NlC,eAAe;EAGf,YAAY,EAAA;;ADcd;EAEE,qBAAqB,EAAA;;AAGvB;EACE,qBAA0B;EAC1B,cAAc,EAAA;;AAGhB;ELkCI,cAAW;EKhCb,cN3BgB,EAAA;;ASZlB;ERuEI,gBAAW;EQrEb,cToCe;ESnCf,sBAAsB,EAAA;EAGtB;IACE,cAAc,EAAA;;AAKlB;EACE,sBTikCuC;ECvgCrC,gBAAW;EQxDb,WTTa;ESUb,yBTDgB;EQXd,qBRuO+B,EAAA;ES/NnC;IASI,UAAU;IRkDV,eAAW;IQhDX,gBToQ6B,EAAA;;AF3DjC;EWlME,cAAc;ERyCZ,gBAAW;EQvCb
    "file": "style.css",
    "sourcesContent": [
        "/* === Import Bootstrap functions and variables === */\r\n\r\n@import \"../../../../node_modules/bootstrap/scss/functions\";\r\n@import \"../../../../node_modules/bootstrap/scss/variables\";\r\n/*-------------------------------------------------------------------*/\r\n\r\n/* === Import template variables === */\r\n\r\n@import \"../shared/variables\";\r\n@import \"../demo_1/variables\";\r\n@import \"./variables\";\r\n/*-------------------------------------------------------------------*/\r\n\r\n/* === Boostrap Main SCSS === */\r\n\r\n@import \"../../../../node_modules/bootstrap/scss/bootstrap\";\r\n/*-------------------------------------------------------------------*/\r\n\r\n/* === Template mixins === */\r\n\r\n@import \"../shared/mixins/animation\";\r\n@import \"../shared/mixins/accordions\";\r\n@import \"../shared/mixins/background\";\r\n@import \"../shared/mixins/badges\";\r\n@import \"../shared/mixins/blockqoute\";\r\n@import \"../shared/mixins/breadcrumbs\";\r\n@import \"../shared/mixins/buttons\";\r\n@import \"../shared/mixins/cards\";\r\n@import \"../shared/mixins/misc\";\r\n@import \"../shared/mixins/no-ui-slider\";\r\n@import \"../shared/mixins/pagination\";\r\n@import \"../shared/mixins/text\";\r\n@import \"../shared/mixins/popovers\";\r\n@import \"../shared/mixins/tabs\";\r\n@import \"../shared/mixins/tooltips\";\r\n/*-------------------------------------------------------------------*/\r\n\r\n/* === Core Styles === */\r\n\r\n@import \"../shared/reset\";\r\n@import \"../shared/fonts\";\r\n@import \"../shared/functions\";\r\n@import \"../shared/typography\";\r\n@import \"../shared/misc\";\r\n@import \"../shared/utilities\";\r\n@import \"../shared/demo\";\r\n@import \"../shared/dashboard\";\r\n/*-------------------------------------------------------------------*/\r\n\r\n/* === Components === */\r\n\r\n@import \"../demo_1/nav\";\r\n@import \"../demo_1/navbar\";\r\n@import \"../demo_1/sidebar\";\r\n@import \"../demo_1/footer\";\r\n@import \"../demo_1/layouts\";\r\n@import \"../demo_1/card\";\r\n@import \"../demo_1/misc\";\r\n@import \"../demo_1/dashboard\";\r\n\r\n@import \"../shared/components/accordions\";\r\n@import \"../shared/components/badges\";\r\n@import \"../shared/components/bootstrap-alerts\";\r\n@import \"../shared/components/bootstrap-progress\";\r\n@import \"../shared/components/buttons\";\r\n@import \"../shared/components/breadcrumbs\";\r\n@import \"../shared/components/cards\";\r\n@import \"../shared/components/checkbox-radio\";\r\n@import \"../shared/components/dropdown\";\r\n@import \"../shared/components/forms\";\r\n@import \"../shared/components/google-maps\";\r\n@import \"../shared/components/icons\";\r\n@import \"../shared/components/lists\";\r\n@import \"../shared/components/loaders/loaders\";\r\n@import \"../shared/components/modals\";\r\n@import \"../shared/components/new-account\";\r\n@import \"../shared/components/pagination\";\r\n@import \"../shared/components/popovers\";\r\n@import \"../shared/components/portfolio\";\r\n@import \"../shared/components/preview\";\r\n@import \"../shared/components/pricing-table\";\r\n@import \"../shared/components/tables\";\r\n@import \"../shared/components/tabs\";\r\n@import \"../shared/components/settings-panel\";\r\n@import \"../shared/components/todo-list\";\r\n@import \"../shared/components/tooltips\";\r\n@import \"../shared/components/user-profile\";\r\n@import \"../shared/components/widgets\";\r\n@import \"../shared/components/timeline/timeline-horizontal\";\r\n@import \"../shared/components/timeline/timeline-vertical\";\r\n@import \"../shared/components/timeline\";\r\n@import \"../shared/components/kanban\";\r\n@import \"../shared/components/chat\";\r\n/*-------------------------------------------------------------------*/\r\n\r\n/* === Email === */\r\n\r\n@import \"../shared/components/mail-components/mail-sidebar\";\r\n@import \"../shared/components/mail-components/view-controller/mail-list-container\";\r\n@import \"../shared/components/mail-components/view-controller/messagecontent\";\r\n@import \"../shared/components/mail-components
        "/*!\n * Bootstrap v4.3.1 (https://getbootstrap.com/)\n * Copyright 2011-2019 The Bootstrap Authors\n * Copyright 2011-2019 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n */\n\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"root\";\n@import \"reboot\";\n@import \"type\";\n@import \"images\";\n@import \"code\";\n@import \"grid\";\n@import \"tables\";\n@import \"forms\";\n@import \"buttons\";\n@import \"transitions\";\n@import \"dropdown\";\n@import \"button-group\";\n@import \"input-group\";\n@import \"custom-forms\";\n@import \"nav\";\n@import \"navbar\";\n@import \"card\";\n@import \"breadcrumb\";\n@import \"pagination\";\n@import \"badge\";\n@import \"jumbotron\";\n@import \"alert\";\n@import \"progress\";\n@import \"media\";\n@import \"list-group\";\n@import \"close\";\n@import \"toasts\";\n@import \"modal\";\n@import \"tooltip\";\n@import \"popover\";\n@import \"carousel\";\n@import \"spinners\";\n@import \"utilities\";\n@import \"print\";\n",
        "/* === Import Bootstrap functions and variables === */\n/*-------------------------------------------------------------------*/\n/* === Import template variables === */\n/*-------------------------------------------------------------------*/\n/* === Boostrap Main SCSS === */\n/*!\n * Bootstrap v4.3.1 (https://getbootstrap.com/)\n * Copyright 2011-2019 The Bootstrap Authors\n * Copyright 2011-2019 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n */\n@import url(\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700\");\n:root {\n  --blue: #00aeef;\n  --indigo: #6610f2;\n  --purple: #ab8ce4;\n  --pink: var(--pink);\n  --red: var(--red);\n  --orange: #fb9678;\n  --yellow: #ffd500;\n  --green: #3bd949;\n  --teal: var(--teal);\n  --cyan: var(--cyan);\n  --white: var(--white);\n  --gray: var(--gray);\n  --gray-dark: #292b2c;\n  --blue: #00aeef;\n  --indigo: #6610f2;\n  --purple: #ab8ce4;\n  --pink: var(--pink);\n  --red: var(--red);\n  --orange: #fb9678;\n  --yellow: #ffd500;\n  --green: #3bd949;\n  --teal: var(--teal);\n  --cyan: var(--cyan);\n  --white: var(--white);\n  --white-smoke: var(--white-smoke);\n  --gray: var(--gray);\n  --gray-light: #8ba2b5;\n  --gray-lightest: var(--gray-lightest);\n  --primary: var(--primary);\n  --secondary: var(--secondary);\n  --success: var(--success);\n  --info: var(--info);\n  --warning: var(--warning);\n  --danger: var(--danger);\n  --light: var(--light);\n  --dark: var(--dark);\n  --breakpoint-xs: 0;\n  --breakpoint-sm: 576px;\n  --breakpoint-md: 768px;\n  --breakpoint-lg: 992px;\n  --breakpoint-xl: 1200px;\n  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; }\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box; }\n\nhtml {\n  font-family: sans-serif;\n  line-height: 1.15;\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }\n\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n  display: block; }\n\nbody {\n  margin: 0;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5;\n  var(--base-text);\n  text-align: left;\n  background: var(--base-text); }\n\n[tabindex=\"-1\"]:focus {\n  outline: 0 !important; }\n\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible; }\n\nh1, h2, h3, h4, h5, h6 {\n  margin-top: 0;\n  margin-bottom: 0.5rem; }\n\np {\n  margin-top: 0;\n  margin-bottom: 1rem; }\n\nabbr[title],\nabbr[data-original-title] {\n  text-decoration: underline;\n  text-decoration: underline dotted;\n  cursor: help;\n  border-bottom: 0;\n  text-decoration-skip-ink: none; }\n\naddress {\n  margin-bottom: 1rem;\n  font-style: normal;\n  line-height: inherit; }\n\nol,\nul,\ndl {\n  margin-top: 0;\n  margin-bottom: 1rem; }\n\nol ol,\nul ul,\nol ul,\nul ol {\n  margin-bottom: 0; }\n\ndt {\n  font-weight: 700; }\n\ndd {\n  margin-bottom: .5rem;\n  margin-left: 0; }\n\nblockquote {\n  margin: 0 0 1rem; }\n\nb,\nstrong {\n  font-weight: bolder; }\n\nsmall {\n  font-size: 80%; }\n\nsub,\nsup {\n  position: relative;\n  font-size: 75%;\n  line-height: 0;\n  vertical-align: baseline; }\n\nsub {\n  bottom: -.25em; }\n\nsup {\n  top: -.5em; }\n\na {\n  color: #007bff;\n  text-decoration: none;\n  background-color: transparent; }\n  a:hover {\n    color: #0056b3;\n    text-decoration: underline; }\n\na:not([href]):not([tabindex]) {\n  color: inherit;\n  text-decoration: none; }\n  a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {\n    color: inherit;\n    text-decoration: none; }\n  a:not([href]):not([tabindex]):focus {\n    ou
        "/* Fonts */\r\n\r\n@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');",
        ":root {\n  // Custom variable values only support SassScript inside `#{}`.\n  @each $color, $value in $colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $color, $value in $theme-colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $bp, $value in $grid-breakpoints {\n    --breakpoint-#{$bp}: #{$value};\n  }\n\n  // Use `inspect` for lists so that quoted items keep the quotes.\n  // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n  --font-family-sans-serif: #{inspect($font-family-sans-serif)};\n  --font-family-monospace: #{inspect($font-family-monospace)};\n}\n",
        "// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Change the default tap highlight to be completely transparent in iOS.\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\nhtml {\n  font-family: sans-serif; // 2\n  line-height: 1.15; // 3\n  -webkit-text-size-adjust: 100%; // 4\n  -webkit-tap-highlight-color: rgba($black, 0); // 5\n}\n\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\n// TODO: remove in v5\n// stylelint-disable-next-line selector-list-comma-newline-after\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n  display: block;\n}\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use\n//    the `inherit` value on things like `<th>` elements.\n\nbody {\n  margin: 0; // 1\n  font-family: $font-family-base;\n  @include font-size($font-size-base);\n  font-weight: $font-weight-base;\n  line-height: $line-height-base;\n  color: $body-color;\n  text-align: left; // 3\n  background-color: $body-bg; // 2\n}\n\n// Suppress the focus outline on elements that cannot be accessed via keyboard.\n// This prevents an unwanted focus outline from appearing around elements that\n// might still respond to pointer events.\n//\n// Credit: https://github.com/suitcss/base\n[tabindex=\"-1\"]:focus {\n  outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable-next-line selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n  margin-top: 0;\n  margin-bottom: $headings-margin-bottom;\n}\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `<p>`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n  margin-top: 0;\n  margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Remove the bottom border in Firefox 39-.\n// 5. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-original-title] { // 1\n  text-decoration: underline; // 2\n  text-decoration: underline dotted; // 2\n  cursor: help; // 3\n  border-bottom: 0; // 4\n  text-decoration-skip-ink: none; // 5\n}\n\naddress {\n  margin-bottom: 1rem;\n  font-style: normal;\n  line-height: inherit;\n}\n\nol,\nul,\ndl {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n  margin-bottom: 0;\n}\n\ndt {\n  font-weight: $dt-font-weight;\n}\n\ndd {\n  margin-bottom: .5rem;\n  margin-left: 0; // Undo browser default\n}\n\nblockquote {\n  margin: 0 0 1rem;\n}\n\nb,\nstrong {\n  font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n\nsmall {\n  @include font-size(80%); // Add the correct font size in all browsers\n}\n\n//\n/
        "////////// COLOR SYSTEM //////////\r\n$blue: #00aeef;\r\n$indigo: #6610f2;\r\n$purple: #ab8ce4;\r\n$pink: var(--pink);\r\n$red: var(--red);\r\n$orange: #fb9678;\r\n$yellow: #ffd500;\r\n$green: #3bd949;\r\n$teal: var(--teal);\r\n$cyan: var(--cyan);\r\n$black: #000;\r\n$white: var(--white);\r\n$white-smoke: #f4f4f4;\r\n$ghost-white: #f7fafc;\r\n$violet: #41478a;\r\n$darkslategray: #2e383e;\r\n$dodger-blue: #3498db;\r\n$blue-teal-gradient: linear-gradient(120deg, #556cdc, #128bfc, #18bef1);\r\n$blue-teal-gradient-light: linear-gradient(120deg, rgba(0, 228, 208, 0.7), rgba(89, 131, 232, 0.7));\r\n$theme-colors: (primary: var(--primary), secondary: var(--secondary), success:var(--success), info: var(--info), warning: var(--warning), danger: var(--danger), light: var(--light), dark: var(--dark));\r\n$colors: (blue: $blue, indigo: $indigo, purple: $purple, pink: $pink, red: $red, orange: $orange, yellow: $yellow, green: $green, teal: $teal, cyan: $cyan, white: $white, white-smoke: var(--white-smoke), gray: $gray-600, gray-light: #8ba2b5, gray-lightest: var(--gray-lightest), gray-dark: #292b2c);\r\n////////// COLOR SYSTEM //////////\r\n////////// SOCIAL COLORS //////////\r\n$social-colors: (twitter: #4DBFF5, facebook: #648ACA, google: #E55F4B, linkedin: #0177b4, pinterest: #cc2127, youtube: #e52d27, github: #333333, behance: #1769ff, dribbble: #ea4c89, reddit: #ff4500);\r\n////////// SOCIAL COLORS //////////\r\n////////// FONTS //////////\r\n$type-1: 'roboto',\r\nsans-serif;\r\n$type-2: $type-1;\r\n$default-font-size: 0.875rem; //14px\r\n$text-muted: #858585 !default;\r\n$text-gray: #4d4c4c !default;\r\n$body-color: #001737 !default;\r\n$border-color:#d5dfe6 !default;\r\n$accent-var(--base-text);\r\n////////// FONT VARIABLES //////////\r\n////////// BOOTSTRAP BREAKPOINTS //////////\r\n$grid-breakpoints-xs: 0px;\r\n$grid-breakpoints-sm: 576px;\r\n$grid-breakpoints-md: 768px;\r\n$grid-breakpoints-lg: 992px;\r\n$grid-breakpoints-xl: 1200px;\r\n////////// BOOTSTRAP BREAKPOINTS //////////\r\n\r\n////////// COLOR VARIABLES //////////\r\n$content-bg:#F3F3F3 !default;\r\n////////// COLOR VARIABLES //////////\r\n\r\n///////// SETTINGS PANEL ////////\r\n$settings-panel-width: 300px;\r\n\r\n///////// BUTTONS ////////\r\n$button-fixed-width: 120px;\r\n$btn-padding-y: 0.4rem;\r\n$btn-padding-x: 1rem;\r\n$btn-line-height: 1;\r\n$btn-padding-y-xs: .5rem;\r\n$btn-padding-x-xs: .75rem;\r\n$btn-padding-y-sm: 0.50rem;\r\n$btn-padding-x-sm: 0.81rem;\r\n$btn-padding-y-lg: 0.94rem;\r\n$btn-padding-x-lg: 1.94rem;\r\n$btn-font-size: .875rem;\r\n$btn-font-size-xs: .625rem;\r\n$btn-font-size-sm: .875rem;\r\n$btn-font-size-lg: .875rem;\r\n$btn-border-radius: .1875rem;\r\n$btn-border-radius-xs: .1875rem;\r\n$btn-border-radius-sm: .1875rem;\r\n$btn-border-radius-lg: .1875rem;\r\n$social-btn-padding: 13px;\r\n$social-btn-icon-size: 1rem;\r\n///////// BUTTONS ////////\r\n/////////  FORMS /////////\r\n$input-bg: lighten($card-bg, 4%) !default;\r\n$input-border-radius: 2px;\r\n$input-placeholder-color: #c9c8c8 !default;\r\n$input-font-size: .75rem;\r\n$input-padding-y: .56rem;\r\n$input-padding-x: 1.375rem;\r\n$input-line-height: 1;\r\n$input-padding-y-sm: .5rem;\r\n$input-padding-x-sm: .81rem;\r\n$input-line-height-sm: 1;\r\n$input-padding-y-lg: .94rem;\r\n$input-padding-x-lg: 1.94rem;\r\n$input-line-height-lg: 1;\r\n$custom-switch-width: 2.25rem;\r\n$custom-control-indicator-size:1.25rem;\r\n$custom-switch-indicator-size: 1rem;\r\n$custom-switch-indicator-border-radius: 50px;\r\n$custom-control-indicator-checked-bg:#33ac2e !default;\r\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\r\n$form-check-label-input-helper-bg: theme-color(light) !default;\r\n///////// FORMS /////////\r\n////////  DROPDOWNS ///////\r\n$dropdown-bg: #fff !default;\r\n$dropdown-hover-bg:theme-color(light) !default;\r\n$dropdown-hover-color: $body-color !default;\r\n$dropdown-divider-bg: $border-color !default;\r\n$dropdown-link-color: $body-color !default;\r\n$dropdown-header-color: $body-color !default;\r\n$dropdown-toggle-arrow
        "// 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$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: var(--gray) !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black:    #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n  (\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  $grays\n);\n\n$blue:    #007bff !default;\n$indigo:  #6610f2 !default;\n$purple:  #6f42c1 !default;\n$pink:    #e83e8c !default;\n$red:     #dc3545 !default;\n$orange:  #fd7e14 !default;\n$yellow:  #ffc107 !default;\n$green:   #28a745 !default;\n$teal:    #20c997 !default;\n$cyan:    #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n  (\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  $colors\n);\n\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-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n  (\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  ),\n  $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval:      8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold:  150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark:             $gray-900 !default;\n$yiq-text-light:            $white !default;\n\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-prefers-reduced-motion-media-query:   true !default;\n$enable-hover-media-query:                    false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes:                         true !default;\n$enable-pointer-cursor-for-buttons:           true !default;\n$enable-print-styles:                         true !default;\n$enable-responsive-font-sizes:                false !default;\n$enable-validation-icons:                     true !default;\n$enable-deprecation-messages:                 true !default;\n\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$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint
        "// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated font-resizing\n//\n// See https://github.com/twbs/rfs\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n// Resize font-size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n  @error \"`#{$rfs-factor}` is not a valid  $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n  $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n  $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n  $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n  $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Responsive font-size mixin\n@mixin rfs($fs, $important: false) {\n  // Cache $fs unit\n  $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n  // Add !important suffix if needed\n  $rfs-suffix: if($important, \" !important\", \"\");\n\n  // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n  @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n    font-size: #{$fs}#{$rfs-suffix};\n  }\n  @else {\n    // Variables for storing static and fluid rescaling\n    $rfs-static: null;\n    $rfs-fluid: null;\n\n    // Remove px-unit from $fs for calculations\n    @if $fs-unit == \"px\" {\n      $fs: $fs / ($fs * 0 + 1);\n    }\n    @else if $fs-unit == \"rem\" {\n      $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\n    }\n\n    // Set default font-size\n    @if $rfs-font-size-unit == rem {\n      $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\n    }\n    @else if $rfs-font-size-unit == px {\n      $rfs-static: #{$fs}px#{$rfs-suffix};\n    }\n    @else {\n      @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n    }\n\n    // Only add media query if font-size is bigger as the minimum font-size\n    // If $rfs-factor == 1, no rescaling will take place\n    @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\n      $min-width: null;\n      $variable-unit: null;\n\n      // Calculate minimum font-size for given font-size\n      $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\n\n      // Calculate difference between given font-size and minimum font-size for given font-size\n      $fs-diff: $fs - $fs-min;\n\n      // Base font-size formatting\n      // No need to check if the unit is valid, because we did that before\n      $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\n\n      // If two-dimensional, use smallest of screen width and height\n      $variable-unit: if($rfs-two-d
        "////////// COLOR VARIABLES //////////\r\n$default-text-var(--base-text);\r\n$body-text-var(--base-text);\r\n$content-bg:var(--deep-bg);\r\n$accent-color: var(--dropdown-bg);\r\n$footer-bg: $accent-color;\r\n$footer-color:$default-text-color;\r\n$text-muted:#b9c0d3;\r\n$text-gray: #4d4c4c;\r\n$body-color: $default-text-color;\r\n$border-color: var(--outline);\r\n$footer-height: 60px;\r\n$card-bg:$accent-color;\r\n$card-accent-color: #030aac;\r\n$card-dropshadow: 0 0 0 0 darken($accent-color, 5%);\r\n$iconholder-primary-bg:#2944b5;\r\n$iconholder-primary-var(--base-text);\r\n$iconholder-primary-border-color:#4e55c5;\r\n$boxed-layout-bg: lighten($content-bg, 3%);\r\n$dropdown-bg: $accent-color;\r\n$dropdown-hover-bg: lighten($accent-color, 5%);\r\n$dropdown-hover-color: $white;\r\n////////// COLOR VARIABLES //////////\r\n\r\n////////// SIDEBAR ////////\r\n$sidebar-width-lg: 270px;\r\n$sidebar-width-mini: 185px;\r\n$sidebar-width-icon: 70px;\r\n$sidebar-light-bg: $white;\r\n$sidebar-box-shadow: 0 0 3px 1px #a7a3a3;\r\n$sidebar-gradient-color-1: var(--dropdown-bg);\r\n$sidebar-gradient-color-2:var(--dropdown-bg);\r\n$sidebar-gradient:linear-gradient(to top, $sidebar-gradient-color-1, $sidebar-gradient-color-2);\r\n$sidebar-light-menu-var(--base-text);\r\n$sidebar-light-submenu-color: $sidebar-light-menu-color;\r\n$sidebar-light-category-color: rgba(255, 255, 255, 0.7);\r\n$sidebar-light-menu-icon-color: $sidebar-light-menu-color;\r\n$sidebar-light-menu-arrow-color: $text-muted;\r\n\r\n$sidebar-light-menu-active-bg: #fff;\r\n$sidebar-light-menu-active-var(--base-text);\r\n\r\n$sidebar-light-menu-hover-bg: $sidebar-light-menu-active-bg;\r\n$sidebar-light-menu-hover-color: #0b0b0b;\r\n$sidebar-light-submenu-hover-bg: initial;\r\n$sidebar-light-submenu-hover-color: #000;\r\n$sidebar-light-submenu-line-color: rgba(255, 255, 255, 0.74);\r\n$sidebar-navlink-menu-item-hover-color:darken($sidebar-light-menu-color, 5%);\r\n$sidebar-nav-item-profile-border-color:1px solid rgba(#fff, 0.11);\r\n$sidebar-nav-item-profile-bg:rgba(255, 255, 255, 0.1);\r\n$sidebar-nav-item-profile-var(--base-text);\r\n$sidebar-nav-category-border-color:rgba(255, 255, 255, 0.13);\r\n$sidebar-nav-item-dot-color:#fff;\r\n\r\n\r\n$sidebar-dark-bg: var(--dark);\r\n$sidebar-dark-menu-color: #9F9EA3;\r\n$sidebar-dark-menu-active-bg: lighten($sidebar-dark-bg, 5%);\r\n$sidebar-dark-menu-active-color: $white;\r\n$sidebar-dark-menu-hover-bg: $sidebar-dark-menu-active-bg;\r\n$sidebar-dark-menu-hover-color: $sidebar-dark-menu-color;\r\n$sidebar-dark-submenu-color: $sidebar-dark-menu-color;\r\n$sidebar-dark-submenu-hover-bg: initial;\r\n$sidebar-dark-submenu-hover-color: #000;\r\n$sidebar-dark-category-color: #999999;\r\n$sidebar-dark-menu-icon-color: #9F9EA3;\r\n$sidebar-dark-profile-name-color: #404852;\r\n$sidebar-dark-profile-title-color: #8d9498;\r\n$sidebar-menu-font-size: 15px;\r\n$sidebar-icon-size: 16px;\r\n$sidebar-menu-padding: 15px 30px 15px 70px;\r\n$sidebar-menu-padding-rtl: 15px 70px 15px 30px;\r\n$nav-link-height: 52px;\r\n$sidebar-submenu-padding: 0 0 0 4rem;\r\n$sidebar-submenu-font-size: $sidebar-menu-font-size;\r\n$sidebar-submenu-item-padding: .75rem 1rem;\r\n$sidebar-icon-font-size: .9375rem;\r\n$sidebar-arrow-font-size: .625rem;\r\n$sidebar-profile-bg: transparent;\r\n$sidebar-profile-padding: 0rem 1.625rem 2.25rem 1.188rem;\r\n$sidebar-mini-menu-padding: .8125rem 1rem .8125rem 1rem;\r\n$sidebar-icon-only-menu-padding: .5rem 1.625rem .5rem 1.188rem;\r\n$sidebar-icon-only-submenu-width: 200px;\r\n$sidebar-icon-only-collapse-shadow: 0 1px 15px 1px rgba(113, 106, 202, .08);\r\n$rtl-sidebar-submenu-padding: 0 3.45rem 0 0;\r\n$sidebar-light-submenu-line-color: darken($sidebar-gradient-color-1, 5%);\r\n///////// SIDEBAR ////////\r\n\r\n///////// NAVBAR ////////\r\n$navbar-bg: $sidebar-gradient-color-1;\r\n$navbar-height: 63px;\r\n$navbar-light-color:$default-text-color;\r\n$navbar-font-size: $sidebar-menu-font-size;\r\n$navbar-icon-font-size: 1.25rem;\r\n$navbar-dropdown-toggle-arrow-color:grey;\r\n$navbar-count-indicator-bg:var(--red);\r\n$navba
        "// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n  &:hover { @content; }\n}\n\n@mixin hover-focus {\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin plain-hover-focus {\n  &,\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin hover-focus-active {\n  &:hover,\n  &:focus,\n  &:active {\n    @content;\n  }\n}\n",
        "// stylelint-disable declaration-no-important, selector-list-comma-newline-after\n\n//\n// Headings\n//\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n  margin-bottom: $headings-margin-bottom;\n  font-family: $headings-font-family;\n  font-weight: $headings-font-weight;\n  line-height: $headings-line-height;\n  color: $headings-color;\n}\n\nh1, .h1 { @include font-size($h1-font-size); }\nh2, .h2 { @include font-size($h2-font-size); }\nh3, .h3 { @include font-size($h3-font-size); }\nh4, .h4 { @include font-size($h4-font-size); }\nh5, .h5 { @include font-size($h5-font-size); }\nh6, .h6 { @include font-size($h6-font-size); }\n\n.lead {\n  @include font-size($lead-font-size);\n  font-weight: $lead-font-weight;\n}\n\n// Type display classes\n.display-1 {\n  @include font-size($display1-size);\n  font-weight: $display1-weight;\n  line-height: $display-line-height;\n}\n.display-2 {\n  @include font-size($display2-size);\n  font-weight: $display2-weight;\n  line-height: $display-line-height;\n}\n.display-3 {\n  @include font-size($display3-size);\n  font-weight: $display3-weight;\n  line-height: $display-line-height;\n}\n.display-4 {\n  @include font-size($display4-size);\n  font-weight: $display4-weight;\n  line-height: $display-line-height;\n}\n\n\n//\n// Horizontal rules\n//\n\nhr {\n  margin-top: $hr-margin-y;\n  margin-bottom: $hr-margin-y;\n  border: 0;\n  border-top: $hr-border-width solid $hr-border-color;\n}\n\n\n//\n// Emphasis\n//\n\nsmall,\n.small {\n  @include font-size($small-font-size);\n  font-weight: $font-weight-normal;\n}\n\nmark,\n.mark {\n  padding: $mark-padding;\n  background-color: $mark-bg;\n}\n\n\n//\n// Lists\n//\n\n.list-unstyled {\n  @include list-unstyled;\n}\n\n// Inline turns list items into inline-block\n.list-inline {\n  @include list-unstyled;\n}\n.list-inline-item {\n  display: inline-block;\n\n  &:not(:last-child) {\n    margin-right: $list-inline-padding;\n  }\n}\n\n\n//\n// Misc\n//\n\n// Builds on `abbr`\n.initialism {\n  @include font-size(90%);\n  text-transform: uppercase;\n}\n\n// Blockquotes\n.blockquote {\n  margin-bottom: $spacer;\n  @include font-size($blockquote-font-size);\n}\n\n.blockquote-footer {\n  display: block;\n  @include font-size($blockquote-small-font-size);\n  color: $blockquote-small-color;\n\n  &::before {\n    content: \"\\2014\\00A0\"; // em dash, nbsp\n  }\n}\n",
        "// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled {\n  padding-left: 0;\n  list-style: none;\n}\n",
        "// Responsive images (ensure images don't scale beyond their parents)\n//\n// This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.\n// We previously tried the \"images are responsive by default\" approach in Bootstrap v2,\n// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)\n// which weren't expecting the images within themselves to be involuntarily resized.\n// See also https://github.com/twbs/bootstrap/issues/18178\n.img-fluid {\n  @include img-fluid;\n}\n\n\n// Image thumbnails\n.img-thumbnail {\n  padding: $thumbnail-padding;\n  background-color: $thumbnail-bg;\n  border: $thumbnail-border-width solid $thumbnail-border-color;\n  @include border-radius($thumbnail-border-radius);\n  @include box-shadow($thumbnail-box-shadow);\n\n  // Keep them at most 100% wide\n  @include img-fluid;\n}\n\n//\n// Figures\n//\n\n.figure {\n  // Ensures the caption's text aligns with the image.\n  display: inline-block;\n}\n\n.figure-img {\n  margin-bottom: $spacer / 2;\n  line-height: 1;\n}\n\n.figure-caption {\n  @include font-size($figure-caption-font-size);\n  color: $figure-caption-color;\n}\n",
        "// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid {\n  // Part 1: Set a maximum relative to the parent\n  max-width: 100%;\n  // Part 2: Override the height to auto, otherwise images will be stretched\n  // when setting a width and height attribute on the img element.\n  height: auto;\n}\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size.\n\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\n  background-image: url($file-1x);\n\n  // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,\n  // but doesn't convert dppx=>dpi.\n  // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.\n  // Compatibility info: https://caniuse.com/#feat=css-media-resolution\n  @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx\n    only screen and (min-resolution: 2dppx) { // Standardized\n    background-image: url($file-2x);\n    background-size: $width-1x $height-1x;\n  }\n  @include deprecate(\"`img-retina()`\", \"v4.3.0\", \"v5\");\n}\n",
        "// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n  @if $enable-rounded {\n    border-radius: $radius;\n  }\n  @else if $fallback-border-radius != false {\n    border-radius: $fallback-border-radius;\n  }\n}\n\n@mixin border-top-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: $radius;\n    border-top-right-radius: $radius;\n  }\n}\n\n@mixin border-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: $radius;\n    border-bottom-right-radius: $radius;\n  }\n}\n\n@mixin border-bottom-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: $radius;\n    border-bottom-left-radius: $radius;\n  }\n}\n\n@mixin border-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: $radius;\n    border-bottom-left-radius: $radius;\n  }\n}\n\n@mixin border-top-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: $radius;\n  }\n}\n\n@mixin border-top-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: $radius;\n  }\n}\n\n@mixin border-bottom-right-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: $radius;\n  }\n}\n\n@mixin border-bottom-left-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-left-radius: $radius;\n  }\n}\n",
        "// Inline code\ncode {\n  @include font-size($code-font-size);\n  color: $code-color;\n  word-break: break-word;\n\n  // Streamline the style when inside anchors to avoid broken underline and more\n  a > & {\n    color: inherit;\n  }\n}\n\n// User input typically entered via keyboard\nkbd {\n  padding: $kbd-padding-y $kbd-padding-x;\n  @include font-size($kbd-font-size);\n  color: $kbd-color;\n  background-color: $kbd-bg;\n  @include border-radius($border-radius-sm);\n  @include box-shadow($kbd-box-shadow);\n\n  kbd {\n    padding: 0;\n    @include font-size(100%);\n    font-weight: $nested-kbd-font-weight;\n    @include box-shadow(none);\n  }\n}\n\n// Blocks of code\npre {\n  display: block;\n  @include font-size($code-font-size);\n  color: $pre-color;\n\n  // Account for some code outputs that place code tags in pre tags\n  code {\n    @include font-size(inherit);\n    color: inherit;\n    word-break: normal;\n  }\n}\n\n// Enable scrollable blocks of code\n.pre-scrollable {\n  max-height: $pre-scrollable-max-height;\n  overflow-y: scroll;\n}\n",
        "// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid-classes {\n  .container {\n    @include make-container();\n    @include make-container-max-widths();\n  }\n}\n\n// Fluid container\n//\n// Utilizes the mixin meant for fixed width containers, but with 100% width for\n// fluid, full width layouts.\n\n@if $enable-grid-classes {\n  .container-fluid {\n    @include make-container();\n  }\n}\n\n// Row\n//\n// Rows contain and clear the floats of your columns.\n\n@if $enable-grid-classes {\n  .row {\n    @include make-row();\n  }\n\n  // Remove the negative margin from default .row, then the horizontal padding\n  // from all immediate children columns (to prevent runaway style inheritance).\n  .no-gutters {\n    margin-right: 0;\n    margin-left: 0;\n\n    > .col,\n    > [class*=\"col-\"] {\n      padding-right: 0;\n      padding-left: 0;\n    }\n  }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n  @include make-grid-columns();\n}\n",
        "/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container($gutter: $grid-gutter-width) {\n  width: 100%;\n  padding-right: $gutter / 2;\n  padding-left: $gutter / 2;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n  @each $breakpoint, $container-max-width in $max-widths {\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      max-width: $container-max-width;\n    }\n  }\n}\n\n@mixin make-row($gutter: $grid-gutter-width) {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$gutter / 2;\n  margin-left: -$gutter / 2;\n}\n\n@mixin make-col-ready($gutter: $grid-gutter-width) {\n  position: relative;\n  // Prevent columns from becoming too narrow when at smaller grid tiers by\n  // always setting `width: 100%;`. This works because we use `flex` values\n  // later on to override this initial width.\n  width: 100%;\n  padding-right: $gutter / 2;\n  padding-left: $gutter / 2;\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n  flex: 0 0 percentage($size / $columns);\n  // Add a `max-width` to ensure content within each column does not blow out\n  // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n  // do not appear to require this.\n  max-width: percentage($size / $columns);\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n  $num: $size / $columns;\n  margin-left: if($num == 0, 0, percentage($num));\n}\n",
        "// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\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  @return if($n != null and $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. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `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(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $next: breakpoint-next($name, $breakpoints);\n  @return if($next, breakpoint-min($next, $breakpoints) - .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 
        "// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n  // Common properties for all breakpoints\n  %grid-column {\n    position: relative;\n    width: 100%;\n    padding-right: $gutter / 2;\n    padding-left: $gutter / 2;\n  }\n\n  @each $breakpoint in map-keys($breakpoints) {\n    $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n    // Allow columns to stretch full width below their breakpoints\n    @for $i from 1 through $columns {\n      .col#{$infix}-#{$i} {\n        @extend %grid-column;\n      }\n    }\n    .col#{$infix},\n    .col#{$infix}-auto {\n      @extend %grid-column;\n    }\n\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n      .col#{$infix} {\n        flex-basis: 0;\n        flex-grow: 1;\n        max-width: 100%;\n      }\n      .col#{$infix}-auto {\n        flex: 0 0 auto;\n        width: auto;\n        max-width: 100%; // Reset earlier grid tiers\n      }\n\n      @for $i from 1 through $columns {\n        .col#{$infix}-#{$i} {\n          @include make-col($i, $columns);\n        }\n      }\n\n      .order#{$infix}-first { order: -1; }\n\n      .order#{$infix}-last { order: $columns + 1; }\n\n      @for $i from 0 through $columns {\n        .order#{$infix}-#{$i} { order: $i; }\n      }\n\n      // `$columns - 1` because offsetting by the width of an entire row isn't possible\n      @for $i from 0 through ($columns - 1) {\n        @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n          .offset#{$infix}-#{$i} {\n            @include make-col-offset($i, $columns);\n          }\n        }\n      }\n    }\n  }\n}\n",
        "//\n// Basic Bootstrap table\n//\n\n.table {\n  width: 100%;\n  margin-bottom: $spacer;\n  color: $table-color;\n  background-color: $table-bg; // Reset for nesting within parents with `background-color`.\n\n  th,\n  td {\n    padding: $table-cell-padding;\n    vertical-align: top;\n    border-top: $table-border-width solid $table-border-color;\n  }\n\n  thead th {\n    vertical-align: bottom;\n    border-bottom: (2 * $table-border-width) solid $table-border-color;\n  }\n\n  tbody + tbody {\n    border-top: (2 * $table-border-width) solid $table-border-color;\n  }\n}\n\n\n//\n// Condensed table w/ half padding\n//\n\n.table-sm {\n  th,\n  td {\n    padding: $table-cell-padding-sm;\n  }\n}\n\n\n// Border versions\n//\n// Add or remove borders all around the table and between all the columns.\n\n.table-bordered {\n  border: $table-border-width solid $table-border-color;\n\n  th,\n  td {\n    border: $table-border-width solid $table-border-color;\n  }\n\n  thead {\n    th,\n    td {\n      border-bottom-width: 2 * $table-border-width;\n    }\n  }\n}\n\n.table-borderless {\n  th,\n  td,\n  thead th,\n  tbody + tbody {\n    border: 0;\n  }\n}\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped {\n  tbody tr:nth-of-type(#{$table-striped-order}) {\n    background-color: $table-accent-bg;\n  }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover {\n  tbody tr {\n    @include hover {\n      color: $table-hover-color;\n      background-color: $table-hover-bg;\n    }\n  }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.table-striped` and prevent\n// inheritance to nested tables.\n\n@each $color, $value in $theme-colors {\n  @include table-row-variant($color, theme-color-level($color, $table-bg-level), theme-color-level($color, $table-border-level));\n}\n\n@include table-row-variant(active, $table-active-bg);\n\n\n// Dark styles\n//\n// Same table markup, but inverted color scheme: dark background and light text.\n\n// stylelint-disable-next-line no-duplicate-selectors\n.table {\n  .thead-dark {\n    th {\n      color: $table-dark-color;\n      background-color: $table-dark-bg;\n      border-color: $table-dark-border-color;\n    }\n  }\n\n  .thead-light {\n    th {\n      color: $table-head-color;\n      background-color: $table-head-bg;\n      border-color: $table-border-color;\n    }\n  }\n}\n\n.table-dark {\n  color: $table-dark-color;\n  background-color: $table-dark-bg;\n\n  th,\n  td,\n  thead th {\n    border-color: $table-dark-border-color;\n  }\n\n  &.table-bordered {\n    border: 0;\n  }\n\n  &.table-striped {\n    tbody tr:nth-of-type(odd) {\n      background-color: $table-dark-accent-bg;\n    }\n  }\n\n  &.table-hover {\n    tbody tr {\n      @include hover {\n        color: $table-dark-hover-color;\n        background-color: $table-dark-hover-bg;\n      }\n    }\n  }\n}\n\n\n// Responsive tables\n//\n// Generate series of `.table-responsive-*` classes for configuring the screen\n// size of where your table will overflow.\n\n.table-responsive {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $next: breakpoint-next($breakpoint, $grid-breakpoints);\n    $infix: breakpoint-infix($next, $grid-breakpoints);\n\n    &#{$infix} {\n      @include media-breakpoint-down($breakpoint) {\n        display: block;\n        width: 100%;\n        overflow-x: auto;\n        -webkit-overflow-scrolling: touch;\n\n        // Prevent double border on horizontal scroll due to use of `display: block;`\n        > .table-bordered {\n          border: 0;\n        }\n      }\n    }\n  }\n}\n",
        "// Tables\n\n@mixin table-row-variant($state, $background, $border: null) {\n  // Exact selectors below required to override `.table-striped` and prevent\n  // inheritance to nested tables.\n  .table-#{$state} {\n    &,\n    > th,\n    > td {\n      background-color: $background;\n    }\n\n    @if $border != null {\n      th,\n      td,\n      thead th,\n      tbody + tbody {\n        border-color: $border;\n      }\n    }\n  }\n\n  // Hover states for `.table-hover`\n  // Note: this is not available for cells or rows within `thead` or `tfoot`.\n  .table-hover {\n    $hover-background: darken($background, 5%);\n\n    .table-#{$state} {\n      @include hover {\n        background-color: $hover-background;\n\n        > td,\n        > th {\n          background-color: $hover-background;\n        }\n      }\n    }\n  }\n}\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) == \"%\" {\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  $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// 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// Color contrast\n@function color-yiq($color, $dark: $yiq-text-dark, $light: $yiq-text-light) {\n  $r: red($color);\n  $g: green($color);\n  $b: blue($color);\n\n  $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;\n\n  @if ($yiq >= $yiq-contrasted-threshold) {\n    @return $dark;\n  } @else {\n    @return $light;\n  }\n}\n\n// Retrieve color Sass maps\n@function color($key: \"blue\") {\n  @return map-get($colors, $key);\n}\n\n@function theme-color($key: \"primary\") {\n  @return map-get($theme-colors, $key);\n}\n\n@function gray($key: \"100\") {\n  @return map-get($grays, $key);\n}\n\n// Request a theme color level\n@function theme-color-level($color-name: \"primary\", $level: 0) {\n  $color: theme-color($color-name);\n  $color-base: if($level > 0, $black, $white);\n  $level: abs($level);\n\n  @return mix($color-base, $color, $level * $theme-color-interval);\n}\n",
        "// stylelint-disable selector-no-qualifying-type\n\n//\n// Textual form controls\n//\n\n.form-control {\n  display: block;\n  width: 100%;\n  height: $input-height;\n  padding: $input-padding-y $input-padding-x;\n  font-family: $input-font-family;\n  @include font-size($input-font-size);\n  font-weight: $input-font-weight;\n  line-height: $input-line-height;\n  color: $input-color;\n  background-color: $input-bg;\n  background-clip: padding-box;\n  border: $input-border-width solid $input-border-color;\n\n  // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.\n  @include border-radius($input-border-radius, 0);\n\n  @include box-shadow($input-box-shadow);\n  @include transition($input-transition);\n\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    background-color: transparent;\n    border: 0;\n  }\n\n  // Customize the `:focus` state to imitate native WebKit styles.\n  @include form-control-focus();\n\n  // Placeholder\n  &::placeholder {\n    color: $input-placeholder-color;\n    // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.\n    opacity: 1;\n  }\n\n  // Disabled and read-only inputs\n  //\n  // HTML5 says that controls under a fieldset > legend:first-child won't be\n  // disabled if the fieldset is disabled. Due to implementation difficulty, we\n  // don't honor that edge case; we style them as disabled anyway.\n  &:disabled,\n  &[readonly] {\n    background-color: $input-disabled-bg;\n    // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.\n    opacity: 1;\n  }\n}\n\nselect.form-control {\n  &:focus::-ms-value {\n    // Suppress the nested default white text on blue background highlight given to\n    // the selected option text when the (still closed) <select> receives focus\n    // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to\n    // match the appearance of the native widget.\n    // See https://github.com/twbs/bootstrap/issues/19398.\n    color: $input-color;\n    background-color: $input-bg;\n  }\n}\n\n// Make file inputs better match text inputs by forcing them to new lines.\n.form-control-file,\n.form-control-range {\n  display: block;\n  width: 100%;\n}\n\n\n//\n// Labels\n//\n\n// For use with horizontal and inline forms, when you need the label (or legend)\n// text to align with the form controls.\n.col-form-label {\n  padding-top: calc(#{$input-padding-y} + #{$input-border-width});\n  padding-bottom: calc(#{$input-padding-y} + #{$input-border-width});\n  margin-bottom: 0; // Override the `<label>/<legend>` default\n  @include font-size(inherit); // Override the `<legend>` default\n  line-height: $input-line-height;\n}\n\n.col-form-label-lg {\n  padding-top: calc(#{$input-padding-y-lg} + #{$input-border-width});\n  padding-bottom: calc(#{$input-padding-y-lg} + #{$input-border-width});\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n}\n\n.col-form-label-sm {\n  padding-top: calc(#{$input-padding-y-sm} + #{$input-border-width});\n  padding-bottom: calc(#{$input-padding-y-sm} + #{$input-border-width});\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n}\n\n\n// Readonly controls as plain text\n//\n// Apply class to a readonly input to make it appear like regular plain\n// text (without any border, background color, focus indicator)\n\n.form-control-plaintext {\n  display: block;\n  width: 100%;\n  padding-top: $input-padding-y;\n  padding-bottom: $input-padding-y;\n  margin-bottom: 0; // match inputs if this class comes on inputs with default margins\n  line-height: $input-line-height;\n  color: $input-plaintext-color;\n  background-color: transparent;\n  border: solid transparent;\n  border-width: $input-border-width 0;\n\n  &.form-control-sm,\n  &.form-control-lg {\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n\n\n// Form control sizing\n//\n// Build on `.form-control` with modifier classes to decrease or increase
        "// stylelint-disable property-blacklist\n@mixin transition($transition...) {\n  @if $enable-transitions {\n    @if length($transition) == 0 {\n      transition: $transition-base;\n    } @else {\n      transition: $transition;\n    }\n  }\n\n  @if $enable-prefers-reduced-motion-media-query {\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  }\n}\n",
        "// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `$input-focus-border-color` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n@mixin form-control-focus() {\n  &:focus {\n    color: $input-focus-color;\n    background-color: $input-focus-bg;\n    border-color: $input-focus-border-color;\n    outline: 0;\n    // Avoid using mixin so we can pass custom focus shadow properly\n    @if $enable-shadows {\n      box-shadow: $input-box-shadow, $input-focus-box-shadow;\n    } @else {\n      box-shadow: $input-focus-box-shadow;\n    }\n  }\n}\n\n\n@mixin form-validation-state($state, $color, $icon) {\n  .#{$state}-feedback {\n    display: none;\n    width: 100%;\n    margin-top: $form-feedback-margin-top;\n    @include font-size($form-feedback-font-size);\n    color: $color;\n  }\n\n  .#{$state}-tooltip {\n    position: absolute;\n    top: 100%;\n    z-index: 5;\n    display: none;\n    max-width: 100%; // Contain to parent when possible\n    padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;\n    margin-top: .1rem;\n    @include font-size($form-feedback-tooltip-font-size);\n    line-height: $form-feedback-tooltip-line-height;\n    color: color-yiq($color);\n    background-color: rgba($color, $form-feedback-tooltip-opacity);\n    @include border-radius($form-feedback-tooltip-border-radius);\n  }\n\n  .form-control {\n    .was-validated &:#{$state},\n    &.is-#{$state} {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner;\n        background-image: $icon;\n        background-repeat: no-repeat;\n        background-position: center right $input-height-inner-quarter;\n        background-size: $input-height-inner-half $input-height-inner-half;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  textarea.form-control {\n    .was-validated &:#{$state},\n    &.is-#{$state} {\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner;\n        background-position: top $input-height-inner-quarter right $input-height-inner-quarter;\n      }\n    }\n  }\n\n  .custom-select {\n    .was-validated &:#{$state},\n    &.is-#{$state} {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $custom-select-feedback-icon-padding-right;\n        background: $custom-select-background, $icon $custom-select-bg no-repeat $custom-select-feedback-icon-position / $custom-select-feedback-icon-size;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n    }\n  }\n\n\n  .form-control-file {\n    .was-validated &:#{$state},\n    &.is-#{$state} {\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n    }\n  }\n\n  .form-check-input {\n    .was-validated &:#{$state},\n    &.is-#{$state} {\n      ~ .form-check-label {\n        color: $color;\n      }\n\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n    }\n  }\n\n  .custom-control-input {\n    .was-validated &:#{$state},\n    &.is-#{$state} {\n      ~ .custom-control-label {\n        color: $color;\n\n        &::before {\n          border-color: $color;\n 
        "// Gradients\n\n@mixin gradient-bg($color) {\n  @if $enable-gradients {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n  } @else {\n    background-color: $color;\n  }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n  background-image: linear-gradient($deg, $start-color, $end-color);\n  background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n  background-image: radial-gradient(circle, $inner-color, $outer-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n  background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n",
        "// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.btn {\n  display: inline-block;\n  font-family: $btn-font-family;\n  font-weight: $btn-font-weight;\n  color: $body-color;\n  text-align: center;\n  vertical-align: middle;\n  user-select: none;\n  background-color: transparent;\n  border: $btn-border-width solid transparent;\n  @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);\n  @include transition($btn-transition);\n\n  @include hover {\n    color: $body-color;\n    text-decoration: none;\n  }\n\n  &:focus,\n  &.focus {\n    outline: 0;\n    box-shadow: $btn-focus-box-shadow;\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    opacity: $btn-disabled-opacity;\n    @include box-shadow(none);\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active {\n    @include box-shadow($btn-active-box-shadow);\n\n    &:focus {\n      @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);\n    }\n  }\n}\n\n// Future-proof disabling of clicks on `<a>` elements\na.btn.disabled,\nfieldset:disabled a.btn {\n  pointer-events: none;\n}\n\n\n//\n// Alternate buttons\n//\n\n@each $color, $value in $theme-colors {\n  .btn-#{$color} {\n    @include button-variant($value, $value);\n  }\n}\n\n@each $color, $value in $theme-colors {\n  .btn-outline-#{$color} {\n    @include button-outline-variant($value);\n  }\n}\n\n\n//\n// Link buttons\n//\n\n// Make a button look and behave like a link\n.btn-link {\n  font-weight: $font-weight-normal;\n  color: $link-color;\n  text-decoration: $link-decoration;\n\n  @include hover {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:focus,\n  &.focus {\n    text-decoration: $link-hover-decoration;\n    box-shadow: none;\n  }\n\n  &:disabled,\n  &.disabled {\n    color: $btn-link-disabled-color;\n    pointer-events: none;\n  }\n\n  // No need for an active state here\n}\n\n\n//\n// Button Sizes\n//\n\n.btn-lg {\n  @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);\n}\n\n.btn-sm {\n  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);\n}\n\n\n//\n// Block button\n//\n\n.btn-block {\n  display: block;\n  width: 100%;\n\n  // Vertically space out multiple block buttons\n  + .btn-block {\n    margin-top: $btn-block-spacing-y;\n  }\n}\n\n// Specificity overrides\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n  &.btn-block {\n    width: 100%;\n  }\n}\n",
        "// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n  color: color-yiq($background);\n  @include gradient-bg($background);\n  border-color: $border;\n  @include box-shadow($btn-box-shadow);\n\n  @include hover {\n    color: color-yiq($hover-background);\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n  }\n\n  &:focus,\n  &.focus {\n    // Avoid using mixin so we can pass custom focus shadow properly\n    @if $enable-shadows {\n      box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n    } @else {\n      box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n    }\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    color: color-yiq($background);\n    background-color: $background;\n    border-color: $border;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active,\n  .show > &.dropdown-toggle {\n    color: color-yiq($active-background);\n    background-color: $active-background;\n    @if $enable-gradients {\n      background-image: none; // Remove the gradient for the pressed/active state\n    }\n    border-color: $active-border;\n\n    &:focus {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      @if $enable-shadows and $btn-active-box-shadow != none {\n        box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n      } @else {\n        box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n      }\n    }\n  }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n  color: $color;\n  border-color: $color;\n\n  @include hover {\n    color: $color-hover;\n    background-color: $active-background;\n    border-color: $active-border;\n  }\n\n  &:focus,\n  &.focus {\n    box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $color;\n    background-color: transparent;\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active,\n  .show > &.dropdown-toggle {\n    color: color-yiq($active-background);\n    background-color: $active-background;\n    border-color: $active-border;\n\n    &:focus {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      @if $enable-shadows and $btn-active-box-shadow != none {\n        box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);\n      } @else {\n        box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n      }\n    }\n  }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n  padding: $padding-y $padding-x;\n  @include font-size($font-size);\n  line-height: $line-height;\n  // Manually declare to provide an override to the browser default\n  @include border-radius($border-radius, 0);\n}\n",
        ".fade {\n  @include transition($transition-fade);\n\n  &:not(.show) {\n    opacity: 0;\n  }\n}\n\n.collapse {\n  &:not(.show) {\n    display: none;\n  }\n}\n\n.collapsing {\n  position: relative;\n  height: 0;\n  overflow: hidden;\n  @include transition($transition-collapse);\n}\n",
        "// The dropdown wrapper (`<div>`)\n.dropup,\n.dropright,\n.dropdown,\n.dropleft {\n  position: relative;\n}\n\n.dropdown-toggle {\n  white-space: nowrap;\n\n  // Generate the caret automatically\n  @include caret;\n}\n\n// The dropdown menu\n.dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: $zindex-dropdown;\n  display: none; // none by default, but block on \"open\" of the menu\n  float: left;\n  min-width: $dropdown-min-width;\n  padding: $dropdown-padding-y 0;\n  margin: $dropdown-spacer 0 0; // override default ul\n  @include font-size($dropdown-font-size);\n  color: $dropdown-color;\n  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)\n  list-style: none;\n  background-color: $dropdown-bg;\n  background-clip: padding-box;\n  border: $dropdown-border-width solid $dropdown-border-color;\n  @include border-radius($dropdown-border-radius);\n  @include box-shadow($dropdown-box-shadow);\n}\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .dropdown-menu#{$infix}-left {\n      right: auto;\n      left: 0;\n    }\n\n    .dropdown-menu#{$infix}-right {\n      right: 0;\n      left: auto;\n    }\n  }\n}\n\n// Allow for dropdowns to go bottom up (aka, dropup-menu)\n// Just add .dropup after the standard .dropdown class and you're set.\n.dropup {\n  .dropdown-menu {\n    top: auto;\n    bottom: 100%;\n    margin-top: 0;\n    margin-bottom: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(up);\n  }\n}\n\n.dropright {\n  .dropdown-menu {\n    top: 0;\n    right: auto;\n    left: 100%;\n    margin-top: 0;\n    margin-left: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(right);\n    &::after {\n      vertical-align: 0;\n    }\n  }\n}\n\n.dropleft {\n  .dropdown-menu {\n    top: 0;\n    right: 100%;\n    left: auto;\n    margin-top: 0;\n    margin-right: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(left);\n    &::before {\n      vertical-align: 0;\n    }\n  }\n}\n\n// When enabled Popper.js, reset basic dropdown position\n// stylelint-disable-next-line no-duplicate-selectors\n.dropdown-menu {\n  &[x-placement^=\"top\"],\n  &[x-placement^=\"right\"],\n  &[x-placement^=\"bottom\"],\n  &[x-placement^=\"left\"] {\n    right: auto;\n    bottom: auto;\n  }\n}\n\n// Dividers (basically an `<hr>`) within the dropdown\n.dropdown-divider {\n  @include nav-divider($dropdown-divider-bg, $dropdown-divider-margin-y);\n}\n\n// Links, buttons, and more within the dropdown menu\n//\n// `<button>`-specific styles are denoted with `// For <button>s`\n.dropdown-item {\n  display: block;\n  width: 100%; // For `<button>`s\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  clear: both;\n  font-weight: $font-weight-normal;\n  color: $dropdown-link-color;\n  text-align: inherit; // For `<button>`s\n  white-space: nowrap; // prevent links from randomly breaking onto new lines\n  background-color: transparent; // For `<button>`s\n  border: 0; // For `<button>`s\n\n  // Prevent dropdown overflow if there's no padding\n  // See https://github.com/twbs/bootstrap/pull/27703\n  @if $dropdown-padding-y == 0 {\n    &:first-child {\n      @include border-top-radius($dropdown-inner-border-radius);\n    }\n\n    &:last-child {\n      @include border-bottom-radius($dropdown-inner-border-radius);\n    }\n  }\n\n  @include hover-focus {\n    color: $dropdown-link-hover-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-hover-bg);\n  }\n\n  &.active,\n  &:active {\n    color: $dropdown-link-active-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-active-bg);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $dropdown-link-disabled-color;\n    pointer-events: none;\n    background-color: transparent;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n}\n\n.dropdown-menu.show {\n  dis
        "@mixin caret-down {\n  border-top: $caret-width solid;\n  border-right: $caret-width solid transparent;\n  border-bottom: 0;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up {\n  border-top: 0;\n  border-right: $caret-width solid transparent;\n  border-bottom: $caret-width solid;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-right {\n  border-top: $caret-width solid transparent;\n  border-right: 0;\n  border-bottom: $caret-width solid transparent;\n  border-left: $caret-width solid;\n}\n\n@mixin caret-left {\n  border-top: $caret-width solid transparent;\n  border-right: $caret-width solid;\n  border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n  @if $enable-caret {\n    &::after {\n      display: inline-block;\n      margin-left: $caret-spacing;\n      vertical-align: $caret-vertical-align;\n      content: \"\";\n      @if $direction == down {\n        @include caret-down;\n      } @else if $direction == up {\n        @include caret-up;\n      } @else if $direction == right {\n        @include caret-right;\n      }\n    }\n\n    @if $direction == left {\n      &::after {\n        display: none;\n      }\n\n      &::before {\n        display: inline-block;\n        margin-right: $caret-spacing;\n        vertical-align: $caret-vertical-align;\n        content: \"\";\n        @include caret-left;\n      }\n    }\n\n    &:empty::after {\n      margin-left: 0;\n    }\n  }\n}\n",
        "// Horizontal dividers\n//\n// Dividers (basically an hr) within dropdowns and nav lists\n\n@mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y) {\n  height: 0;\n  margin: $margin-y 0;\n  overflow: hidden;\n  border-top: 1px solid $color;\n}\n",
        "// stylelint-disable selector-no-qualifying-type\n\n// Make the div behave like a button\n.btn-group,\n.btn-group-vertical {\n  position: relative;\n  display: inline-flex;\n  vertical-align: middle; // match .btn alignment given font-size hack above\n\n  > .btn {\n    position: relative;\n    flex: 1 1 auto;\n\n    // Bring the hover, focused, and \"active\" buttons to the front to overlay\n    // the borders properly\n    @include hover {\n      z-index: 1;\n    }\n    &:focus,\n    &:active,\n    &.active {\n      z-index: 1;\n    }\n  }\n}\n\n// Optional: Group multiple button groups together for a toolbar\n.btn-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n\n  .input-group {\n    width: auto;\n  }\n}\n\n.btn-group {\n  // Prevent double borders when buttons are next to each other\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) {\n    margin-left: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .btn:not(:last-child):not(.dropdown-toggle),\n  > .btn-group:not(:last-child) > .btn {\n    @include border-right-radius(0);\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) > .btn {\n    @include border-left-radius(0);\n  }\n}\n\n// Sizing\n//\n// Remix the default button sizing classes into new ones for easier manipulation.\n\n.btn-group-sm > .btn { @extend .btn-sm; }\n.btn-group-lg > .btn { @extend .btn-lg; }\n\n\n//\n// Split button dropdowns\n//\n\n.dropdown-toggle-split {\n  padding-right: $btn-padding-x * .75;\n  padding-left: $btn-padding-x * .75;\n\n  &::after,\n  .dropup &::after,\n  .dropright &::after {\n    margin-left: 0;\n  }\n\n  .dropleft &::before {\n    margin-right: 0;\n  }\n}\n\n.btn-sm + .dropdown-toggle-split {\n  padding-right: $btn-padding-x-sm * .75;\n  padding-left: $btn-padding-x-sm * .75;\n}\n\n.btn-lg + .dropdown-toggle-split {\n  padding-right: $btn-padding-x-lg * .75;\n  padding-left: $btn-padding-x-lg * .75;\n}\n\n\n// The clickable button for toggling the menu\n// Set the same inset shadow as the :active state\n.btn-group.show .dropdown-toggle {\n  @include box-shadow($btn-active-box-shadow);\n\n  // Show no shadow for `.btn-link` since it has no other button styles.\n  &.btn-link {\n    @include box-shadow(none);\n  }\n}\n\n\n//\n// Vertical button groups\n//\n\n.btn-group-vertical {\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n\n  > .btn,\n  > .btn-group {\n    width: 100%;\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) {\n    margin-top: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .btn:not(:last-child):not(.dropdown-toggle),\n  > .btn-group:not(:last-child) > .btn {\n    @include border-bottom-radius(0);\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) > .btn {\n    @include border-top-radius(0);\n  }\n}\n\n\n// Checkbox and radio options\n//\n// In order to support the browser's form validation feedback, powered by the\n// `required` attribute, we have to \"hide\" the inputs via `clip`. We cannot use\n// `display: none;` or `visibility: hidden;` as that also hides the popover.\n// Simply visually hiding the inputs via `opacity` would leave them clickable in\n// certain cases which is prevented by using `clip` and `pointer-events`.\n// This way, we ensure a DOM element is visible to position the popover from.\n//\n// See https://github.com/twbs/bootstrap/pull/12794 and\n// https://github.com/twbs/bootstrap/pull/14559 for more information.\n\n.btn-group-toggle {\n  > .btn,\n  > .btn-group > .btn {\n    margin-bottom: 0; // Override default `<label>` value\n\n    input[type=\"radio\"],\n    input[type=\"checkbox\"] {\n      position: absolute;\n      clip: rect(0, 0, 0, 0);\n      pointer-events: none;\n    }\n  }\n}\n",
        "// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.input-group {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // For form validation feedback\n  align-items: stretch;\n  width: 100%;\n\n  > .form-control,\n  > .form-control-plaintext,\n  > .custom-select,\n  > .custom-file {\n    position: relative; // For focus state's z-index\n    flex: 1 1 auto;\n    // Add width 1% and flex-basis auto to ensure that button will not wrap out\n    // the column. Applies to IE Edge+ and Firefox. Chrome does not require this.\n    width: 1%;\n    margin-bottom: 0;\n\n    + .form-control,\n    + .custom-select,\n    + .custom-file {\n      margin-left: -$input-border-width;\n    }\n  }\n\n  // Bring the \"active\" form control to the top of surrounding elements\n  > .form-control:focus,\n  > .custom-select:focus,\n  > .custom-file .custom-file-input:focus ~ .custom-file-label {\n    z-index: 3;\n  }\n\n  // Bring the custom file input above the label\n  > .custom-file .custom-file-input:focus {\n    z-index: 4;\n  }\n\n  > .form-control,\n  > .custom-select {\n    &:not(:last-child) { @include border-right-radius(0); }\n    &:not(:first-child) { @include border-left-radius(0); }\n  }\n\n  // Custom file inputs have more complex markup, thus requiring different\n  // border-radius overrides.\n  > .custom-file {\n    display: flex;\n    align-items: center;\n\n    &:not(:last-child) .custom-file-label,\n    &:not(:last-child) .custom-file-label::after { @include border-right-radius(0); }\n    &:not(:first-child) .custom-file-label { @include border-left-radius(0); }\n  }\n}\n\n\n// Prepend and append\n//\n// While it requires one extra layer of HTML for each, dedicated prepend and\n// append elements allow us to 1) be less clever, 2) simplify our selectors, and\n// 3) support HTML5 form validation.\n\n.input-group-prepend,\n.input-group-append {\n  display: flex;\n\n  // Ensure buttons are always above inputs for more visually pleasing borders.\n  // This isn't needed for `.input-group-text` since it shares the same border-color\n  // as our inputs.\n  .btn {\n    position: relative;\n    z-index: 2;\n\n    &:focus {\n      z-index: 3;\n    }\n  }\n\n  .btn + .btn,\n  .btn + .input-group-text,\n  .input-group-text + .input-group-text,\n  .input-group-text + .btn {\n    margin-left: -$input-border-width;\n  }\n}\n\n.input-group-prepend { margin-right: -$input-border-width; }\n.input-group-append { margin-left: -$input-border-width; }\n\n\n// Textual addons\n//\n// Serves as a catch-all element for any text or radio/checkbox input you wish\n// to prepend or append to an input.\n\n.input-group-text {\n  display: flex;\n  align-items: center;\n  padding: $input-padding-y $input-padding-x;\n  margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom\n  @include font-size($input-font-size); // Match inputs\n  font-weight: $font-weight-normal;\n  line-height: $input-line-height;\n  color: $input-group-addon-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $input-group-addon-bg;\n  border: $input-border-width solid $input-group-addon-border-color;\n  @include border-radius($input-border-radius);\n\n  // Nuke default margins from checkboxes and radios to vertically center within.\n  input[type=\"radio\"],\n  input[type=\"checkbox\"] {\n    margin-top: 0;\n  }\n}\n\n\n// Sizing\n//\n// Remix the default form control sizing classes into new ones for easier\n// manipulation.\n\n.input-group-lg > .form-control:not(textarea),\n.input-group-lg > .custom-select {\n  height: $input-height-lg;\n}\n\n.input-group-lg > .form-control,\n.input-group-lg > .custom-select,\n.input-group-lg > .input-group-prepend > .input-group-text,\n.input-group-lg > .input-group-append > .input-group-text,\n.input-group-lg > .input-group-prepend > .btn,\n.input-group-lg > .input-group-append > .btn {\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-bo
        "// Embedded icons from Open Iconic.\n// Released under MIT and copyright 2014 Waybury.\n// https://useiconic.com/open\n\n\n// Checkboxes and radios\n//\n// Base class takes care of all the key behavioral aspects.\n\n.custom-control {\n  position: relative;\n  display: block;\n  min-height: $font-size-base * $line-height-base;\n  padding-left: $custom-control-gutter + $custom-control-indicator-size;\n}\n\n.custom-control-inline {\n  display: inline-flex;\n  margin-right: $custom-control-spacer-x;\n}\n\n.custom-control-input {\n  position: absolute;\n  z-index: -1; // Put the input behind the label so it doesn't overlay text\n  opacity: 0;\n\n  &:checked ~ .custom-control-label::before {\n    color: $custom-control-indicator-checked-color;\n    border-color: $custom-control-indicator-checked-border-color;\n    @include gradient-bg($custom-control-indicator-checked-bg);\n    @include box-shadow($custom-control-indicator-checked-box-shadow);\n  }\n\n  &:focus ~ .custom-control-label::before {\n    // the mixin is not used here to make sure there is feedback\n    @if $enable-shadows {\n      box-shadow: $input-box-shadow, $input-focus-box-shadow;\n    } @else {\n      box-shadow: $custom-control-indicator-focus-box-shadow;\n    }\n  }\n\n  &:focus:not(:checked) ~ .custom-control-label::before {\n    border-color: $custom-control-indicator-focus-border-color;\n  }\n\n  &:not(:disabled):active ~ .custom-control-label::before {\n    color: $custom-control-indicator-active-color;\n    background-color: $custom-control-indicator-active-bg;\n    border-color: $custom-control-indicator-active-border-color;\n    @include box-shadow($custom-control-indicator-active-box-shadow);\n  }\n\n  &:disabled {\n    ~ .custom-control-label {\n      color: $custom-control-label-disabled-color;\n\n      &::before {\n        background-color: $custom-control-indicator-disabled-bg;\n      }\n    }\n  }\n}\n\n// Custom control indicators\n//\n// Build the custom controls out of pseudo-elements.\n\n.custom-control-label {\n  position: relative;\n  margin-bottom: 0;\n  vertical-align: top;\n\n  // Background-color and (when enabled) gradient\n  &::before {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) / 2;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    pointer-events: none;\n    content: \"\";\n    background-color: $custom-control-indicator-bg;\n    border: $custom-control-indicator-border-color solid $custom-control-indicator-border-width;\n    @include box-shadow($custom-control-indicator-box-shadow);\n  }\n\n  // Foreground (icon)\n  &::after {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) / 2;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    content: \"\";\n    background: no-repeat 50% / #{$custom-control-indicator-bg-size};\n  }\n}\n\n\n// Checkboxes\n//\n// Tweak just a few things for checkboxes.\n\n.custom-checkbox {\n  .custom-control-label::before {\n    @include border-radius($custom-checkbox-indicator-border-radius);\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-image: $custom-checkbox-indicator-icon-checked;\n    }\n  }\n\n  .custom-control-input:indeterminate ~ .custom-control-label {\n    &::before {\n      border-color: $custom-checkbox-indicator-indeterminate-border-color;\n      @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);\n      @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);\n    }\n    &::after {\n      background-image: $custom-checkbox-indicator-icon-indeterminate;\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      background-color: $custom-control-indicator-checked-disabled-b
        "// Base class\n//\n// Kickstart any navigation component with a set of style resets. Works with\n// `<nav>`s or `<ul>`s.\n\n.nav {\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n}\n\n.nav-link {\n  display: block;\n  padding: $nav-link-padding-y $nav-link-padding-x;\n\n  @include hover-focus {\n    text-decoration: none;\n  }\n\n  // Disabled state lightens text\n  &.disabled {\n    color: $nav-link-disabled-color;\n    pointer-events: none;\n    cursor: default;\n  }\n}\n\n//\n// Tabs\n//\n\n.nav-tabs {\n  border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;\n\n  .nav-item {\n    margin-bottom: -$nav-tabs-border-width;\n  }\n\n  .nav-link {\n    border: $nav-tabs-border-width solid transparent;\n    @include border-top-radius($nav-tabs-border-radius);\n\n    @include hover-focus {\n      border-color: $nav-tabs-link-hover-border-color;\n    }\n\n    &.disabled {\n      color: $nav-link-disabled-color;\n      background-color: transparent;\n      border-color: transparent;\n    }\n  }\n\n  .nav-link.active,\n  .nav-item.show .nav-link {\n    color: $nav-tabs-link-active-color;\n    background-color: $nav-tabs-link-active-bg;\n    border-color: $nav-tabs-link-active-border-color;\n  }\n\n  .dropdown-menu {\n    // Make dropdown border overlap tab border\n    margin-top: -$nav-tabs-border-width;\n    // Remove the top rounded corners here since there is a hard edge above the menu\n    @include border-top-radius(0);\n  }\n}\n\n\n//\n// Pills\n//\n\n.nav-pills {\n  .nav-link {\n    @include border-radius($nav-pills-border-radius);\n  }\n\n  .nav-link.active,\n  .show > .nav-link {\n    color: $nav-pills-link-active-color;\n    background-color: $nav-pills-link-active-bg;\n  }\n}\n\n\n//\n// Justified variants\n//\n\n.nav-fill {\n  .nav-item {\n    flex: 1 1 auto;\n    text-align: center;\n  }\n}\n\n.nav-justified {\n  .nav-item {\n    flex-basis: 0;\n    flex-grow: 1;\n    text-align: center;\n  }\n}\n\n\n// Tabbable tabs\n//\n// Hide tabbable panes to start, show them when `.active`\n\n.tab-content {\n  > .tab-pane {\n    display: none;\n  }\n  > .active {\n    display: block;\n  }\n}\n",
        "// Contents\n//\n// Navbar\n// Navbar brand\n// Navbar nav\n// Navbar text\n// Navbar divider\n// Responsive navbar\n// Navbar position\n// Navbar themes\n\n\n// Navbar\n//\n// Provide a static navbar from which we expand to create full-width, fixed, and\n// other navbar variations.\n\n.navbar {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // allow us to do the line break for collapsing content\n  align-items: center;\n  justify-content: space-between; // space out brand from logo\n  padding: $navbar-padding-y $navbar-padding-x;\n\n  // Because flex properties aren't inherited, we need to redeclare these first\n  // few properties so that content nested within behave properly.\n  > .container,\n  > .container-fluid {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n  }\n}\n\n\n// Navbar brand\n//\n// Used for brand, project, or site names.\n\n.navbar-brand {\n  display: inline-block;\n  padding-top: $navbar-brand-padding-y;\n  padding-bottom: $navbar-brand-padding-y;\n  margin-right: $navbar-padding-x;\n  @include font-size($navbar-brand-font-size);\n  line-height: inherit;\n  white-space: nowrap;\n\n  @include hover-focus {\n    text-decoration: none;\n  }\n}\n\n\n// Navbar nav\n//\n// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).\n\n.navbar-nav {\n  display: flex;\n  flex-direction: column; // cannot use `inherit` to get the `.navbar`s value\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n\n  .nav-link {\n    padding-right: 0;\n    padding-left: 0;\n  }\n\n  .dropdown-menu {\n    position: static;\n    float: none;\n  }\n}\n\n\n// Navbar text\n//\n//\n\n.navbar-text {\n  display: inline-block;\n  padding-top: $nav-link-padding-y;\n  padding-bottom: $nav-link-padding-y;\n}\n\n\n// Responsive navbar\n//\n// Custom styles for responsive collapsing and toggling of navbar contents.\n// Powered by the collapse Bootstrap JavaScript plugin.\n\n// When collapsed, prevent the toggleable navbar contents from appearing in\n// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`\n// on the `.navbar` parent.\n.navbar-collapse {\n  flex-basis: 100%;\n  flex-grow: 1;\n  // For always expanded or extra full navbars, ensure content aligns itself\n  // properly vertically. Can be easily overridden with flex utilities.\n  align-items: center;\n}\n\n// Button for toggling the navbar when in its collapsed state\n.navbar-toggler {\n  padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;\n  @include font-size($navbar-toggler-font-size);\n  line-height: 1;\n  background-color: transparent; // remove default button style\n  border: $border-width solid transparent; // remove default button style\n  @include border-radius($navbar-toggler-border-radius);\n\n  @include hover-focus {\n    text-decoration: none;\n  }\n}\n\n// Keep as a separate element so folks can easily override it with another icon\n// or image file as needed.\n.navbar-toggler-icon {\n  display: inline-block;\n  width: 1.5em;\n  height: 1.5em;\n  vertical-align: middle;\n  content: \"\";\n  background: no-repeat center center;\n  background-size: 100% 100%;\n}\n\n// Generate series of `.navbar-expand-*` responsive classes for configuring\n// where your navbar collapses.\n.navbar-expand {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $next: breakpoint-next($breakpoint, $grid-breakpoints);\n    $infix: breakpoint-infix($next, $grid-breakpoints);\n\n    &#{$infix} {\n      @include media-breakpoint-down($breakpoint) {\n        > .container,\n        > .container-fluid {\n          padding-right: 0;\n          padding-left: 0;\n        }\n      }\n\n      @include media-breakpoint-up($next) {\n        flex-flow: row nowrap;\n        justify-content: flex-start;\n\n        .navbar-nav {\n          flex-direction: row;\n\n          .dropdown-menu {\n            position: absolute;\n          }\n\n          .nav-link {\n            padding-right: $navbar-nav-link-padding-x;\n            padding-left: $navbar-na
        "//\n// Base styles\n//\n\n.card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106\n  word-wrap: break-word;\n  background-color: $card-bg;\n  background-clip: border-box;\n  border: $card-border-width solid $card-border-color;\n  @include border-radius($card-border-radius);\n\n  > hr {\n    margin-right: 0;\n    margin-left: 0;\n  }\n\n  > .list-group:first-child {\n    .list-group-item:first-child {\n      @include border-top-radius($card-border-radius);\n    }\n  }\n\n  > .list-group:last-child {\n    .list-group-item:last-child {\n      @include border-bottom-radius($card-border-radius);\n    }\n  }\n}\n\n.card-body {\n  // Enable `flex-grow: 1` for decks and groups so that card blocks take up\n  // as much space as possible, ensuring footers are aligned to the bottom.\n  flex: 1 1 auto;\n  padding: $card-spacer-x;\n  color: $card-color;\n}\n\n.card-title {\n  margin-bottom: $card-spacer-y;\n}\n\n.card-subtitle {\n  margin-top: -$card-spacer-y / 2;\n  margin-bottom: 0;\n}\n\n.card-text:last-child {\n  margin-bottom: 0;\n}\n\n.card-link {\n  @include hover {\n    text-decoration: none;\n  }\n\n  + .card-link {\n    margin-left: $card-spacer-x;\n  }\n}\n\n//\n// Optional textual caps\n//\n\n.card-header {\n  padding: $card-spacer-y $card-spacer-x;\n  margin-bottom: 0; // Removes the default margin-bottom of <hN>\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-bottom: $card-border-width solid $card-border-color;\n\n  &:first-child {\n    @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);\n  }\n\n  + .list-group {\n    .list-group-item:first-child {\n      border-top: 0;\n    }\n  }\n}\n\n.card-footer {\n  padding: $card-spacer-y $card-spacer-x;\n  background-color: $card-cap-bg;\n  border-top: $card-border-width solid $card-border-color;\n\n  &:last-child {\n    @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);\n  }\n}\n\n\n//\n// Header navs\n//\n\n.card-header-tabs {\n  margin-right: -$card-spacer-x / 2;\n  margin-bottom: -$card-spacer-y;\n  margin-left: -$card-spacer-x / 2;\n  border-bottom: 0;\n}\n\n.card-header-pills {\n  margin-right: -$card-spacer-x / 2;\n  margin-left: -$card-spacer-x / 2;\n}\n\n// Card image\n.card-img-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  padding: $card-img-overlay-padding;\n}\n\n.card-img {\n  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n  @include border-radius($card-inner-border-radius);\n}\n\n// Card image caps\n.card-img-top {\n  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n  @include border-top-radius($card-inner-border-radius);\n}\n\n.card-img-bottom {\n  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n  @include border-bottom-radius($card-inner-border-radius);\n}\n\n\n// Card deck\n\n.card-deck {\n  display: flex;\n  flex-direction: column;\n\n  .card {\n    margin-bottom: $card-deck-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    flex-flow: row wrap;\n    margin-right: -$card-deck-margin;\n    margin-left: -$card-deck-margin;\n\n    .card {\n      display: flex;\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      flex-direction: column;\n      margin-right: $card-deck-margin;\n      margin-bottom: 0; // Override the default\n      margin-left: $card-deck-margin;\n    }\n  }\n}\n\n\n//\n// Card groups\n//\n\n.card-group {\n  display: flex;\n  flex-direction: column;\n\n  // The child selector allows nested `.card` within `.card-group`\n  // to display properly.\n  > .card {\n    margin-bottom: $card-group-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    flex-flow: row wrap;\n    // The child selector allows nested `.card` within `.card-group`\n    // to display properly.\n    > .card {\n      // Flexbugs #4: https://gi
        ".breadcrumb {\n  display: flex;\n  flex-wrap: wrap;\n  padding: $breadcrumb-padding-y $breadcrumb-padding-x;\n  margin-bottom: $breadcrumb-margin-bottom;\n  list-style: none;\n  background-color: $breadcrumb-bg;\n  @include border-radius($breadcrumb-border-radius);\n}\n\n.breadcrumb-item {\n  // The separator between breadcrumbs (by default, a forward-slash: \"/\")\n  + .breadcrumb-item {\n    padding-left: $breadcrumb-item-padding;\n\n    &::before {\n      display: inline-block; // Suppress underlining of the separator in modern browsers\n      padding-right: $breadcrumb-item-padding;\n      color: $breadcrumb-divider-color;\n      content: $breadcrumb-divider;\n    }\n  }\n\n  // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built\n  // without `<ul>`s. The `::before` pseudo-element generates an element\n  // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.\n  //\n  // To trick IE into suppressing the underline, we give the pseudo-element an\n  // underline and then immediately remove it.\n  + .breadcrumb-item:hover::before {\n    text-decoration: underline;\n  }\n  // stylelint-disable-next-line no-duplicate-selectors\n  + .breadcrumb-item:hover::before {\n    text-decoration: none;\n  }\n\n  &.active {\n    color: $breadcrumb-active-color;\n  }\n}\n",
        ".pagination {\n  display: flex;\n  @include list-unstyled();\n  @include border-radius();\n}\n\n.page-link {\n  position: relative;\n  display: block;\n  padding: $pagination-padding-y $pagination-padding-x;\n  margin-left: -$pagination-border-width;\n  line-height: $pagination-line-height;\n  color: $pagination-color;\n  background-color: $pagination-bg;\n  border: $pagination-border-width solid $pagination-border-color;\n\n  &:hover {\n    z-index: 2;\n    color: $pagination-hover-color;\n    text-decoration: none;\n    background-color: $pagination-hover-bg;\n    border-color: $pagination-hover-border-color;\n  }\n\n  &:focus {\n    z-index: 2;\n    outline: $pagination-focus-outline;\n    box-shadow: $pagination-focus-box-shadow;\n  }\n}\n\n.page-item {\n  &:first-child {\n    .page-link {\n      margin-left: 0;\n      @include border-left-radius($border-radius);\n    }\n  }\n  &:last-child {\n    .page-link {\n      @include border-right-radius($border-radius);\n    }\n  }\n\n  &.active .page-link {\n    z-index: 1;\n    color: $pagination-active-color;\n    background-color: $pagination-active-bg;\n    border-color: $pagination-active-border-color;\n  }\n\n  &.disabled .page-link {\n    color: $pagination-disabled-color;\n    pointer-events: none;\n    // Opinionated: remove the \"hand\" cursor set previously for .page-link\n    cursor: auto;\n    background-color: $pagination-disabled-bg;\n    border-color: $pagination-disabled-border-color;\n  }\n}\n\n\n//\n// Sizing\n//\n\n.pagination-lg {\n  @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $border-radius-lg);\n}\n\n.pagination-sm {\n  @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $border-radius-sm);\n}\n",
        "// Pagination\n\n@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n  .page-link {\n    padding: $padding-y $padding-x;\n    @include font-size($font-size);\n    line-height: $line-height;\n  }\n\n  .page-item {\n    &:first-child {\n      .page-link {\n        @include border-left-radius($border-radius);\n      }\n    }\n    &:last-child {\n      .page-link {\n        @include border-right-radius($border-radius);\n      }\n    }\n  }\n}\n",
        "// Base class\n//\n// Requires one of the contextual, color modifier classes for `color` and\n// `background-color`.\n\n.badge {\n  display: inline-block;\n  padding: $badge-padding-y $badge-padding-x;\n  @include font-size($badge-font-size);\n  font-weight: $badge-font-weight;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: baseline;\n  @include border-radius($badge-border-radius);\n  @include transition($badge-transition);\n\n  @at-root a#{&} {\n    @include hover-focus {\n      text-decoration: none;\n    }\n  }\n\n  // Empty badges collapse automatically\n  &:empty {\n    display: none;\n  }\n}\n\n// Quick fix for badges in buttons\n.btn .badge {\n  position: relative;\n  top: -1px;\n}\n\n// Pill badges\n//\n// Make them extra rounded with a modifier to replace v3's badges.\n\n.badge-pill {\n  padding-right: $badge-pill-padding-x;\n  padding-left: $badge-pill-padding-x;\n  @include border-radius($badge-pill-border-radius);\n}\n\n// Colors\n//\n// Contextual variations (linked badges get darker on :hover).\n\n@each $color, $value in $theme-colors {\n  .badge-#{$color} {\n    @include badge-variant($value);\n  }\n}\n",
        "@mixin badge-variant($bg) {\n  color: color-yiq($bg);\n  background-color: $bg;\n\n  @at-root a#{&} {\n    @include hover-focus {\n      color: color-yiq($bg);\n      background-color: darken($bg, 10%);\n    }\n\n    &:focus,\n    &.focus {\n      outline: 0;\n      box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);\n    }\n  }\n}\n",
        ".jumbotron {\n  padding: $jumbotron-padding ($jumbotron-padding / 2);\n  margin-bottom: $jumbotron-padding;\n  color: $jumbotron-color;\n  background-color: $jumbotron-bg;\n  @include border-radius($border-radius-lg);\n\n  @include media-breakpoint-up(sm) {\n    padding: ($jumbotron-padding * 2) $jumbotron-padding;\n  }\n}\n\n.jumbotron-fluid {\n  padding-right: 0;\n  padding-left: 0;\n  @include border-radius(0);\n}\n",
        "//\n// Base styles\n//\n\n.alert {\n  position: relative;\n  padding: $alert-padding-y $alert-padding-x;\n  margin-bottom: $alert-margin-bottom;\n  border: $alert-border-width solid transparent;\n  @include border-radius($alert-border-radius);\n}\n\n// Headings for larger alerts\n.alert-heading {\n  // Specified to prevent conflicts of changing $headings-color\n  color: inherit;\n}\n\n// Provide class for links that match alerts\n.alert-link {\n  font-weight: $alert-link-font-weight;\n}\n\n\n// Dismissible alerts\n//\n// Expand the right padding and account for the close button's positioning.\n\n.alert-dismissible {\n  padding-right: $close-font-size + $alert-padding-x * 2;\n\n  // Adjust close link position\n  .close {\n    position: absolute;\n    top: 0;\n    right: 0;\n    padding: $alert-padding-y $alert-padding-x;\n    color: inherit;\n  }\n}\n\n\n// Alternate styles\n//\n// Generate contextual modifier classes for colorizing the alert.\n\n@each $color, $value in $theme-colors {\n  .alert-#{$color} {\n    @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));\n  }\n}\n",
        "@mixin alert-variant($background, $border, $color) {\n  color: $color;\n  @include gradient-bg($background);\n  border-color: $border;\n\n  hr {\n    border-top-color: darken($border, 5%);\n  }\n\n  .alert-link {\n    color: darken($color, 10%);\n  }\n}\n",
        "// Disable animation if transitions are disabled\n@if $enable-transitions {\n  @keyframes progress-bar-stripes {\n    from { background-position: $progress-height 0; }\n    to { background-position: 0 0; }\n  }\n}\n\n.progress {\n  display: flex;\n  height: $progress-height;\n  overflow: hidden; // force rounded corners by cropping it\n  @include font-size($progress-font-size);\n  background-color: $progress-bg;\n  @include border-radius($progress-border-radius);\n  @include box-shadow($progress-box-shadow);\n}\n\n.progress-bar {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  color: $progress-bar-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $progress-bar-bg;\n  @include transition($progress-bar-transition);\n}\n\n.progress-bar-striped {\n  @include gradient-striped();\n  background-size: $progress-height $progress-height;\n}\n\n@if $enable-transitions {\n  .progress-bar-animated {\n    animation: progress-bar-stripes $progress-bar-animation-timing;\n\n    @media (prefers-reduced-motion: reduce) {\n      animation: none;\n    }\n  }\n}\n",
        ".media {\n  display: flex;\n  align-items: flex-start;\n}\n\n.media-body {\n  flex: 1;\n}\n",
        "// Base class\n//\n// Easily usable on <ul>, <ol>, or <div>.\n\n.list-group {\n  display: flex;\n  flex-direction: column;\n\n  // No need to set list-style: none; since .list-group-item is block level\n  padding-left: 0; // reset padding because ul and ol\n  margin-bottom: 0;\n}\n\n\n// Interactive list items\n//\n// Use anchor or button elements instead of `li`s or `div`s to create interactive\n// list items. Includes an extra `.active` modifier class for selected items.\n\n.list-group-item-action {\n  width: 100%; // For `<button>`s (anchors become 100% by default though)\n  color: $list-group-action-color;\n  text-align: inherit; // For `<button>`s (anchors inherit)\n\n  // Hover state\n  @include hover-focus {\n    z-index: 1; // Place hover/focus items above their siblings for proper border styling\n    color: $list-group-action-hover-color;\n    text-decoration: none;\n    background-color: $list-group-hover-bg;\n  }\n\n  &:active {\n    color: $list-group-action-active-color;\n    background-color: $list-group-action-active-bg;\n  }\n}\n\n\n// Individual list items\n//\n// Use on `li`s or `div`s within the `.list-group` parent.\n\n.list-group-item {\n  position: relative;\n  display: block;\n  padding: $list-group-item-padding-y $list-group-item-padding-x;\n  // Place the border on the list items and negative margin up for better styling\n  margin-bottom: -$list-group-border-width;\n  color: $list-group-color;\n  background-color: $list-group-bg;\n  border: $list-group-border-width solid $list-group-border-color;\n\n  &:first-child {\n    @include border-top-radius($list-group-border-radius);\n  }\n\n  &:last-child {\n    margin-bottom: 0;\n    @include border-bottom-radius($list-group-border-radius);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $list-group-disabled-color;\n    pointer-events: none;\n    background-color: $list-group-disabled-bg;\n  }\n\n  // Include both here for `<a>`s and `<button>`s\n  &.active {\n    z-index: 2; // Place active items above their siblings for proper border styling\n    color: $list-group-active-color;\n    background-color: $list-group-active-bg;\n    border-color: $list-group-active-border-color;\n  }\n}\n\n\n// Horizontal\n//\n// Change the layout of list group items from vertical (default) to horizontal.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .list-group-horizontal#{$infix} {\n      flex-direction: row;\n\n      .list-group-item {\n        margin-right: -$list-group-border-width;\n        margin-bottom: 0;\n\n        &:first-child {\n          @include border-left-radius($list-group-border-radius);\n          @include border-top-right-radius(0);\n        }\n\n        &:last-child {\n          margin-right: 0;\n          @include border-right-radius($list-group-border-radius);\n          @include border-bottom-left-radius(0);\n        }\n      }\n    }\n  }\n}\n\n\n// Flush list items\n//\n// Remove borders and border-radius to keep list group items edge-to-edge. Most\n// useful within other components (e.g., cards).\n\n.list-group-flush {\n  .list-group-item {\n    border-right: 0;\n    border-left: 0;\n    @include border-radius(0);\n\n    &:last-child {\n      margin-bottom: -$list-group-border-width;\n    }\n  }\n\n  &:first-child {\n    .list-group-item:first-child {\n      border-top: 0;\n    }\n  }\n\n  &:last-child {\n    .list-group-item:last-child {\n      margin-bottom: 0;\n      border-bottom: 0;\n    }\n  }\n}\n\n\n// Contextual variants\n//\n// Add modifier classes to change text and background color on individual items.\n// Organizationally, this must come after the `:hover` states.\n\n@each $color, $value in $theme-colors {\n  @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));\n}\n",
        "// List Groups\n\n@mixin list-group-item-variant($state, $background, $color) {\n  .list-group-item-#{$state} {\n    color: $color;\n    background-color: $background;\n\n    &.list-group-item-action {\n      @include hover-focus {\n        color: $color;\n        background-color: darken($background, 5%);\n      }\n\n      &.active {\n        color: $white;\n        background-color: $color;\n        border-color: $color;\n      }\n    }\n  }\n}\n",
        ".close {\n  float: right;\n  @include font-size($close-font-size);\n  font-weight: $close-font-weight;\n  line-height: 1;\n  color: $close-color;\n  text-shadow: $close-text-shadow;\n  opacity: .5;\n\n  // Override <a>'s hover style\n  @include hover {\n    color: $close-color;\n    text-decoration: none;\n  }\n\n  &:not(:disabled):not(.disabled) {\n    @include hover-focus {\n      opacity: .75;\n    }\n  }\n}\n\n// Additional properties for button version\n// iOS requires the button element instead of an anchor tag.\n// If you want the anchor version, it requires `href=\"#\"`.\n// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n\n// stylelint-disable-next-line selector-no-qualifying-type\nbutton.close {\n  padding: 0;\n  background-color: transparent;\n  border: 0;\n  appearance: none;\n}\n\n// Future-proof disabling of clicks on `<a>` elements\n\n// stylelint-disable-next-line selector-no-qualifying-type\na.close.disabled {\n  pointer-events: none;\n}\n",
        ".toast {\n  max-width: $toast-max-width;\n  overflow: hidden; // cheap rounded corners on nested items\n  @include font-size($toast-font-size);\n  color: $toast-color;\n  background-color: $toast-background-color;\n  background-clip: padding-box;\n  border: $toast-border-width solid $toast-border-color;\n  box-shadow: $toast-box-shadow;\n  backdrop-filter: blur(10px);\n  opacity: 0;\n  @include border-radius($toast-border-radius);\n\n  &:not(:last-child) {\n    margin-bottom: $toast-padding-x;\n  }\n\n  &.showing {\n    opacity: 1;\n  }\n\n  &.show {\n    display: block;\n    opacity: 1;\n  }\n\n  &.hide {\n    display: none;\n  }\n}\n\n.toast-header {\n  display: flex;\n  align-items: center;\n  padding: $toast-padding-y $toast-padding-x;\n  color: $toast-header-color;\n  background-color: $toast-header-background-color;\n  background-clip: padding-box;\n  border-bottom: $toast-border-width solid $toast-header-border-color;\n}\n\n.toast-body {\n  padding: $toast-padding-x; // apply to both vertical and horizontal\n}\n",
        "// .modal-open      - body class for killing the scroll\n// .modal           - container to scroll within\n// .modal-dialog    - positioning shell for the actual modal\n// .modal-content   - actual modal w/ bg and corners and stuff\n\n\n.modal-open {\n  // Kill the scroll on the body\n  overflow: hidden;\n\n  .modal {\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n}\n\n// Container that the modal scrolls within\n.modal {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $zindex-modal;\n  display: none;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  // Prevent Chrome on Windows from adding a focus outline. For details, see\n  // https://github.com/twbs/bootstrap/pull/10951.\n  outline: 0;\n  // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a\n  // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342\n  // See also https://github.com/twbs/bootstrap/issues/17695\n}\n\n// Shell div to position the modal with bottom padding\n.modal-dialog {\n  position: relative;\n  width: auto;\n  margin: $modal-dialog-margin;\n  // allow clicks to pass through for custom click handling to close modal\n  pointer-events: none;\n\n  // When fading in the modal, animate it to slide down\n  .modal.fade & {\n    @include transition($modal-transition);\n    transform: $modal-fade-transform;\n  }\n  .modal.show & {\n    transform: $modal-show-transform;\n  }\n}\n\n.modal-dialog-scrollable {\n  display: flex; // IE10/11\n  max-height: calc(100% - #{$modal-dialog-margin * 2});\n\n  .modal-content {\n    max-height: calc(100vh - #{$modal-dialog-margin * 2}); // IE10/11\n    overflow: hidden;\n  }\n\n  .modal-header,\n  .modal-footer {\n    flex-shrink: 0;\n  }\n\n  .modal-body {\n    overflow-y: auto;\n  }\n}\n\n.modal-dialog-centered {\n  display: flex;\n  align-items: center;\n  min-height: calc(100% - #{$modal-dialog-margin * 2});\n\n  // Ensure `modal-dialog-centered` extends the full height of the view (IE10/11)\n  &::before {\n    display: block; // IE10\n    height: calc(100vh - #{$modal-dialog-margin * 2});\n    content: \"\";\n  }\n\n  // Ensure `.modal-body` shows scrollbar (IE10/11)\n  &.modal-dialog-scrollable {\n    flex-direction: column;\n    justify-content: center;\n    height: 100%;\n\n    .modal-content {\n      max-height: none;\n    }\n\n    &::before {\n      content: none;\n    }\n  }\n}\n\n// Actual modal\n.modal-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`\n  // counteract the pointer-events: none; in the .modal-dialog\n  color: $modal-content-color;\n  pointer-events: auto;\n  background-color: $modal-content-bg;\n  background-clip: padding-box;\n  border: $modal-content-border-width solid $modal-content-border-color;\n  @include border-radius($modal-content-border-radius);\n  @include box-shadow($modal-content-box-shadow-xs);\n  // Remove focus outline from opened modal\n  outline: 0;\n}\n\n// Modal background\n.modal-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $zindex-modal-backdrop;\n  width: 100vw;\n  height: 100vh;\n  background-color: $modal-backdrop-bg;\n\n  // Fade for backdrop\n  &.fade { opacity: 0; }\n  &.show { opacity: $modal-backdrop-opacity; }\n}\n\n// Modal header\n// Top section of the modal w/ title and dismiss\n.modal-header {\n  display: flex;\n  align-items: flex-start; // so the close btn always stays on the upper right corner\n  justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends\n  padding: $modal-header-padding;\n  border-bottom: $modal-header-border-width solid $modal-header-border-color;\n  @include border-top-radius($modal-content-border-radius);\n\n  .close {\n    padding: $modal-header-padding;\n    // auto on the left force icon to the right even when there is no .modal-title\n    margin: (-$modal-header-padding-y) (-$modal-header-padding-x) (-$modal-header-padding-y) auto;\n  }\n}\n\n// Title text within header\n.modal-title {\n 
        "// Base class\n.tooltip {\n  position: absolute;\n  z-index: $zindex-tooltip;\n  display: block;\n  margin: $tooltip-margin;\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size($tooltip-font-size);\n  // Allow breaking very long words so they don't overflow the tooltip's bounds\n  word-wrap: break-word;\n  opacity: 0;\n\n  &.show { opacity: $tooltip-opacity; }\n\n  .arrow {\n    position: absolute;\n    display: block;\n    width: $tooltip-arrow-width;\n    height: $tooltip-arrow-height;\n\n    &::before {\n      position: absolute;\n      content: \"\";\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n.bs-tooltip-top {\n  padding: $tooltip-arrow-height 0;\n\n  .arrow {\n    bottom: 0;\n\n    &::before {\n      top: 0;\n      border-width: $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;\n      border-top-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-right {\n  padding: 0 $tooltip-arrow-height;\n\n  .arrow {\n    left: 0;\n    width: $tooltip-arrow-height;\n    height: $tooltip-arrow-width;\n\n    &::before {\n      right: 0;\n      border-width: ($tooltip-arrow-width / 2) $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;\n      border-right-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-bottom {\n  padding: $tooltip-arrow-height 0;\n\n  .arrow {\n    top: 0;\n\n    &::before {\n      bottom: 0;\n      border-width: 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;\n      border-bottom-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-left {\n  padding: 0 $tooltip-arrow-height;\n\n  .arrow {\n    right: 0;\n    width: $tooltip-arrow-height;\n    height: $tooltip-arrow-width;\n\n    &::before {\n      left: 0;\n      border-width: ($tooltip-arrow-width / 2) 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;\n      border-left-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-auto {\n  &[x-placement^=\"top\"] {\n    @extend .bs-tooltip-top;\n  }\n  &[x-placement^=\"right\"] {\n    @extend .bs-tooltip-right;\n  }\n  &[x-placement^=\"bottom\"] {\n    @extend .bs-tooltip-bottom;\n  }\n  &[x-placement^=\"left\"] {\n    @extend .bs-tooltip-left;\n  }\n}\n\n// Wrapper for the tooltip content\n.tooltip-inner {\n  max-width: $tooltip-max-width;\n  padding: $tooltip-padding-y $tooltip-padding-x;\n  color: $tooltip-color;\n  text-align: center;\n  background-color: $tooltip-bg;\n  @include border-radius($tooltip-border-radius);\n}\n",
        "@mixin reset-text {\n  font-family: $font-family-base;\n  // We deliberately do NOT reset font-size or word-wrap.\n  font-style: normal;\n  font-weight: $font-weight-normal;\n  line-height: $line-height-base;\n  text-align: left; // Fallback for where `start` is not supported\n  text-align: start;\n  text-decoration: none;\n  text-shadow: none;\n  text-transform: none;\n  letter-spacing: normal;\n  word-break: normal;\n  word-spacing: normal;\n  white-space: normal;\n  line-break: auto;\n}\n",
        ".popover {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: $zindex-popover;\n  display: block;\n  max-width: $popover-max-width;\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size($popover-font-size);\n  // Allow breaking very long words so they don't overflow the popover's bounds\n  word-wrap: break-word;\n  background-color: $popover-bg;\n  background-clip: padding-box;\n  border: $popover-border-width solid $popover-border-color;\n  @include border-radius($popover-border-radius);\n  @include box-shadow($popover-box-shadow);\n\n  .arrow {\n    position: absolute;\n    display: block;\n    width: $popover-arrow-width;\n    height: $popover-arrow-height;\n    margin: 0 $border-radius-lg;\n\n    &::before,\n    &::after {\n      position: absolute;\n      display: block;\n      content: \"\";\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n.bs-popover-top {\n  margin-bottom: $popover-arrow-height;\n\n  > .arrow {\n    bottom: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);\n\n    &::before {\n      bottom: 0;\n      border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;\n      border-top-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      bottom: $popover-border-width;\n      border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;\n      border-top-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-right {\n  margin-left: $popover-arrow-height;\n\n  > .arrow {\n    left: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);\n    width: $popover-arrow-height;\n    height: $popover-arrow-width;\n    margin: $border-radius-lg 0; // make sure the arrow does not touch the popover's rounded corners\n\n    &::before {\n      left: 0;\n      border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;\n      border-right-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      left: $popover-border-width;\n      border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;\n      border-right-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-bottom {\n  margin-top: $popover-arrow-height;\n\n  > .arrow {\n    top: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);\n\n    &::before {\n      top: 0;\n      border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);\n      border-bottom-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      top: $popover-border-width;\n      border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);\n      border-bottom-color: $popover-arrow-color;\n    }\n  }\n\n  // This will remove the popover-header's border just below the arrow\n  .popover-header::before {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    display: block;\n    width: $popover-arrow-width;\n    margin-left: -$popover-arrow-width / 2;\n    content: \"\";\n    border-bottom: $popover-border-width solid $popover-header-bg;\n  }\n}\n\n.bs-popover-left {\n  margin-right: $popover-arrow-height;\n\n  > .arrow {\n    right: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);\n    width: $popover-arrow-height;\n    height: $popover-arrow-width;\n    margin: $border-radius-lg 0; // make sure the arrow does not touch the popover's rounded corners\n\n    &::before {\n      right: 0;\n      border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;\n      border-left-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      right: $popover-border-width;\n      border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;\n      border-left-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-auto {\n  &[x-placement^=\"top\"] {\n    @extend .bs-popover-top;
        "// Notes on the classes:\n//\n// 1. .carousel.pointer-event should ideally be pan-y (to allow for users to scroll vertically)\n//    even when their scroll action started on a carousel, but for compatibility (with Firefox)\n//    we're preventing all actions instead\n// 2. The .carousel-item-left and .carousel-item-right is used to indicate where\n//    the active slide is heading.\n// 3. .active.carousel-item is the current slide.\n// 4. .active.carousel-item-left and .active.carousel-item-right is the current\n//    slide in its in-transition state. Only one of these occurs at a time.\n// 5. .carousel-item-next.carousel-item-left and .carousel-item-prev.carousel-item-right\n//    is the upcoming slide in transition.\n\n.carousel {\n  position: relative;\n}\n\n.carousel.pointer-event {\n  touch-action: pan-y;\n}\n\n.carousel-inner {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  @include clearfix();\n}\n\n.carousel-item {\n  position: relative;\n  display: none;\n  float: left;\n  width: 100%;\n  margin-right: -100%;\n  backface-visibility: hidden;\n  @include transition($carousel-transition);\n}\n\n.carousel-item.active,\n.carousel-item-next,\n.carousel-item-prev {\n  display: block;\n}\n\n.carousel-item-next:not(.carousel-item-left),\n.active.carousel-item-right {\n  transform: translateX(100%);\n}\n\n.carousel-item-prev:not(.carousel-item-right),\n.active.carousel-item-left {\n  transform: translateX(-100%);\n}\n\n\n//\n// Alternate transitions\n//\n\n.carousel-fade {\n  .carousel-item {\n    opacity: 0;\n    transition-property: opacity;\n    transform: none;\n  }\n\n  .carousel-item.active,\n  .carousel-item-next.carousel-item-left,\n  .carousel-item-prev.carousel-item-right {\n    z-index: 1;\n    opacity: 1;\n  }\n\n  .active.carousel-item-left,\n  .active.carousel-item-right {\n    z-index: 0;\n    opacity: 0;\n    @include transition(0s $carousel-transition-duration opacity);\n  }\n}\n\n\n//\n// Left/right controls for nav\n//\n\n.carousel-control-prev,\n.carousel-control-next {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 1;\n  // Use flex for alignment (1-3)\n  display: flex; // 1. allow flex styles\n  align-items: center; // 2. vertically center contents\n  justify-content: center; // 3. horizontally center contents\n  width: $carousel-control-width;\n  color: $carousel-control-color;\n  text-align: center;\n  opacity: $carousel-control-opacity;\n  @include transition($carousel-control-transition);\n\n  // Hover/focus state\n  @include hover-focus {\n    color: $carousel-control-color;\n    text-decoration: none;\n    outline: 0;\n    opacity: $carousel-control-hover-opacity;\n  }\n}\n.carousel-control-prev {\n  left: 0;\n  @if $enable-gradients {\n    background: linear-gradient(90deg, rgba($black, .25), rgba($black, .001));\n  }\n}\n.carousel-control-next {\n  right: 0;\n  @if $enable-gradients {\n    background: linear-gradient(270deg, rgba($black, .25), rgba($black, .001));\n  }\n}\n\n// Icons for within\n.carousel-control-prev-icon,\n.carousel-control-next-icon {\n  display: inline-block;\n  width: $carousel-control-icon-width;\n  height: $carousel-control-icon-width;\n  background: no-repeat 50% / 100% 100%;\n}\n.carousel-control-prev-icon {\n  background-image: $carousel-control-prev-icon-bg;\n}\n.carousel-control-next-icon {\n  background-image: $carousel-control-next-icon-bg;\n}\n\n\n// Optional indicator pips\n//\n// Add an ordered list with the following class and add a list item for each\n// slide your carousel holds.\n\n.carousel-indicators {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 15;\n  display: flex;\n  justify-content: center;\n  padding-left: 0; // override <ol> default\n  // Use the .carousel-control's width as margin so we don't overlay those\n  margin-right: $carousel-control-width;\n  margin-left: $carousel-control-width;\n  list-style: none;\n\n  li {\n    box-sizing: content-box;\n    flex: 0 1 auto;\n    width: $carousel-indicator-width;\n    height: $carousel-indicator-height;\n    margin-right: $carousel-ind
        "@mixin clearfix() {\n  &::after {\n    display: block;\n    clear: both;\n    content: \"\";\n  }\n}\n",
        "//\n// Rotating border\n//\n\n@keyframes spinner-border {\n  to { transform: rotate(360deg); }\n}\n\n.spinner-border {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: text-bottom;\n  border: $spinner-border-width solid currentColor;\n  border-right-color: transparent;\n  // stylelint-disable-next-line property-blacklist\n  border-radius: 50%;\n  animation: spinner-border .75s linear infinite;\n}\n\n.spinner-border-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n  border-width: $spinner-border-width-sm;\n}\n\n//\n// Growing circle\n//\n\n@keyframes spinner-grow {\n  0% {\n    transform: scale(0);\n  }\n  50% {\n    opacity: 1;\n  }\n}\n\n.spinner-grow {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: text-bottom;\n  background-color: currentColor;\n  // stylelint-disable-next-line property-blacklist\n  border-radius: 50%;\n  opacity: 0;\n  animation: spinner-grow .75s linear infinite;\n}\n\n.spinner-grow-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n}\n",
        "// stylelint-disable declaration-no-important\n\n.align-baseline    { vertical-align: baseline !important; } // Browser default\n.align-top         { vertical-align: top !important; }\n.align-middle      { vertical-align: middle !important; }\n.align-bottom      { vertical-align: bottom !important; }\n.align-text-bottom { vertical-align: text-bottom !important; }\n.align-text-top    { vertical-align: text-top !important; }\n",
        "// stylelint-disable declaration-no-important\n\n// Contextual backgrounds\n\n@mixin bg-variant($parent, $color) {\n  #{$parent} {\n    background-color: $color !important;\n  }\n  a#{$parent},\n  button#{$parent} {\n    @include hover-focus {\n      background-color: darken($color, 10%) !important;\n    }\n  }\n}\n\n@mixin bg-gradient-variant($parent, $color) {\n  #{$parent} {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;\n  }\n}\n",
        "// stylelint-disable declaration-no-important\n\n@each $color, $value in $theme-colors {\n  @include bg-variant(\".bg-#{$color}\", $value);\n}\n\n@if $enable-gradients {\n  @each $color, $value in $theme-colors {\n    @include bg-gradient-variant(\".bg-gradient-#{$color}\", $value);\n  }\n}\n\n.bg-white {\n  background-color: $white !important;\n}\n\n.bg-transparent {\n  background-color: transparent !important;\n}\n",
        "// stylelint-disable property-blacklist, declaration-no-important\n\n//\n// Border\n//\n\n.border         { border: $border-width solid $border-color !important; }\n.border-top     { border-top: $border-width solid $border-color !important; }\n.border-right   { border-right: $border-width solid $border-color !important; }\n.border-bottom  { border-bottom: $border-width solid $border-color !important; }\n.border-left    { border-left: $border-width solid $border-color !important; }\n\n.border-0        { border: 0 !important; }\n.border-top-0    { border-top: 0 !important; }\n.border-right-0  { border-right: 0 !important; }\n.border-bottom-0 { border-bottom: 0 !important; }\n.border-left-0   { border-left: 0 !important; }\n\n@each $color, $value in $theme-colors {\n  .border-#{$color} {\n    border-color: $value !important;\n  }\n}\n\n.border-white {\n  border-color: $white !important;\n}\n\n//\n// Border-radius\n//\n\n.rounded-sm {\n  border-radius: $border-radius-sm !important;\n}\n\n.rounded {\n  border-radius: $border-radius !important;\n}\n\n.rounded-top {\n  border-top-left-radius: $border-radius !important;\n  border-top-right-radius: $border-radius !important;\n}\n\n.rounded-right {\n  border-top-right-radius: $border-radius !important;\n  border-bottom-right-radius: $border-radius !important;\n}\n\n.rounded-bottom {\n  border-bottom-right-radius: $border-radius !important;\n  border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-left {\n  border-top-left-radius: $border-radius !important;\n  border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-lg {\n  border-radius: $border-radius-lg !important;\n}\n\n.rounded-circle {\n  border-radius: 50% !important;\n}\n\n.rounded-pill {\n  border-radius: $rounded-pill !important;\n}\n\n.rounded-0 {\n  border-radius: 0 !important;\n}\n",
        "// stylelint-disable declaration-no-important\n\n//\n// Utilities for common `display` values\n//\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    @each $value in $displays {\n      .d#{$infix}-#{$value} { display: $value !important; }\n    }\n  }\n}\n\n\n//\n// Utilities for toggling `display` in print\n//\n\n@media print {\n  @each $value in $displays {\n    .d-print-#{$value} { display: $value !important; }\n  }\n}\n",
        "// Credit: Nicolas Gallagher and SUIT CSS.\n\n.embed-responsive {\n  position: relative;\n  display: block;\n  width: 100%;\n  padding: 0;\n  overflow: hidden;\n\n  &::before {\n    display: block;\n    content: \"\";\n  }\n\n  .embed-responsive-item,\n  iframe,\n  embed,\n  object,\n  video {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n  }\n}\n\n@each $embed-responsive-aspect-ratio in $embed-responsive-aspect-ratios {\n  $embed-responsive-aspect-ratio-x: nth($embed-responsive-aspect-ratio, 1);\n  $embed-responsive-aspect-ratio-y: nth($embed-responsive-aspect-ratio, 2);\n\n  .embed-responsive-#{$embed-responsive-aspect-ratio-x}by#{$embed-responsive-aspect-ratio-y} {\n    &::before {\n      padding-top: percentage($embed-responsive-aspect-ratio-y / $embed-responsive-aspect-ratio-x);\n    }\n  }\n}\n",
        "// stylelint-disable declaration-no-important\n\n// Flex variation\n//\n// Custom styles for additional flex alignment options.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .flex#{$infix}-row            { flex-direction: row !important; }\n    .flex#{$infix}-column         { flex-direction: column !important; }\n    .flex#{$infix}-row-reverse    { flex-direction: row-reverse !important; }\n    .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }\n\n    .flex#{$infix}-wrap         { flex-wrap: wrap !important; }\n    .flex#{$infix}-nowrap       { flex-wrap: nowrap !important; }\n    .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }\n    .flex#{$infix}-fill         { flex: 1 1 auto !important; }\n    .flex#{$infix}-grow-0       { flex-grow: 0 !important; }\n    .flex#{$infix}-grow-1       { flex-grow: 1 !important; }\n    .flex#{$infix}-shrink-0     { flex-shrink: 0 !important; }\n    .flex#{$infix}-shrink-1     { flex-shrink: 1 !important; }\n\n    .justify-content#{$infix}-start   { justify-content: flex-start !important; }\n    .justify-content#{$infix}-end     { justify-content: flex-end !important; }\n    .justify-content#{$infix}-center  { justify-content: center !important; }\n    .justify-content#{$infix}-between { justify-content: space-between !important; }\n    .justify-content#{$infix}-around  { justify-content: space-around !important; }\n\n    .align-items#{$infix}-start    { align-items: flex-start !important; }\n    .align-items#{$infix}-end      { align-items: flex-end !important; }\n    .align-items#{$infix}-center   { align-items: center !important; }\n    .align-items#{$infix}-baseline { align-items: baseline !important; }\n    .align-items#{$infix}-stretch  { align-items: stretch !important; }\n\n    .align-content#{$infix}-start   { align-content: flex-start !important; }\n    .align-content#{$infix}-end     { align-content: flex-end !important; }\n    .align-content#{$infix}-center  { align-content: center !important; }\n    .align-content#{$infix}-between { align-content: space-between !important; }\n    .align-content#{$infix}-around  { align-content: space-around !important; }\n    .align-content#{$infix}-stretch { align-content: stretch !important; }\n\n    .align-self#{$infix}-auto     { align-self: auto !important; }\n    .align-self#{$infix}-start    { align-self: flex-start !important; }\n    .align-self#{$infix}-end      { align-self: flex-end !important; }\n    .align-self#{$infix}-center   { align-self: center !important; }\n    .align-self#{$infix}-baseline { align-self: baseline !important; }\n    .align-self#{$infix}-stretch  { align-self: stretch !important; }\n  }\n}\n",
        "// stylelint-disable declaration-no-important\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .float#{$infix}-left  { float: left !important; }\n    .float#{$infix}-right { float: right !important; }\n    .float#{$infix}-none  { float: none !important; }\n  }\n}\n",
        "// stylelint-disable declaration-no-important\n\n@each $value in $overflows {\n  .overflow-#{$value} { overflow: $value !important; }\n}\n",
        "// stylelint-disable declaration-no-important\n\n// Common values\n@each $position in $positions {\n  .position-#{$position} { position: $position !important; }\n}\n\n// Shorthand\n\n.fixed-top {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: $zindex-fixed;\n}\n\n.fixed-bottom {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: $zindex-fixed;\n}\n\n.sticky-top {\n  @supports (position: sticky) {\n    position: sticky;\n    top: 0;\n    z-index: $zindex-sticky;\n  }\n}\n",
        "//\n// Screenreaders\n//\n\n.sr-only {\n  @include sr-only();\n}\n\n.sr-only-focusable {\n  @include sr-only-focusable();\n}\n",
        "// Only display content to screen readers\n//\n// See: https://a11yproject.com/posts/how-to-hide-content/\n// See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n// Use in conjunction with .sr-only to only display content when it's focused.\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n//\n// Credit: HTML5 Boilerplate\n\n@mixin sr-only-focusable {\n  &:active,\n  &:focus {\n    position: static;\n    width: auto;\n    height: auto;\n    overflow: visible;\n    clip: auto;\n    white-space: normal;\n  }\n}\n",
        "// stylelint-disable declaration-no-important\n\n.shadow-sm { box-shadow: $box-shadow-sm !important; }\n.shadow { box-shadow: $box-shadow !important; }\n.shadow-lg { box-shadow: $box-shadow-lg !important; }\n.shadow-none { box-shadow: none !important; }\n",
        "// stylelint-disable declaration-no-important\n\n// Width and height\n\n@each $prop, $abbrev in (width: w, height: h) {\n  @each $size, $length in $sizes {\n    .#{$abbrev}-#{$size} { #{$prop}: $length !important; }\n  }\n}\n\n.mw-100 { max-width: 100% !important; }\n.mh-100 { max-height: 100% !important; }\n\n// Viewport additional helpers\n\n.min-vw-100 { min-width: 100vw !important; }\n.min-vh-100 { min-height: 100vh !important; }\n\n.vw-100 { width: 100vw !important; }\n.vh-100 { height: 100vh !important; }\n",
        "//\n// Stretched link\n//\n\n.stretched-link {\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 1;\n    // Just in case `pointer-events: none` is set on a parent\n    pointer-events: auto;\n    content: \"\";\n    // IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color\n    background-color: rgba(0, 0, 0, 0);\n  }\n}\n",
        "// stylelint-disable declaration-no-important\n\n// Margin and Padding\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    @each $prop, $abbrev in (margin: m, padding: p) {\n      @each $size, $length in $spacers {\n        .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }\n        .#{$abbrev}t#{$infix}-#{$size},\n        .#{$abbrev}y#{$infix}-#{$size} {\n          #{$prop}-top: $length !important;\n        }\n        .#{$abbrev}r#{$infix}-#{$size},\n        .#{$abbrev}x#{$infix}-#{$size} {\n          #{$prop}-right: $length !important;\n        }\n        .#{$abbrev}b#{$infix}-#{$size},\n        .#{$abbrev}y#{$infix}-#{$size} {\n          #{$prop}-bottom: $length !important;\n        }\n        .#{$abbrev}l#{$infix}-#{$size},\n        .#{$abbrev}x#{$infix}-#{$size} {\n          #{$prop}-left: $length !important;\n        }\n      }\n    }\n\n    // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)\n    @each $size, $length in $spacers {\n      @if $size != 0 {\n        .m#{$infix}-n#{$size} { margin: -$length !important; }\n        .mt#{$infix}-n#{$size},\n        .my#{$infix}-n#{$size} {\n          margin-top: -$length !important;\n        }\n        .mr#{$infix}-n#{$size},\n        .mx#{$infix}-n#{$size} {\n          margin-right: -$length !important;\n        }\n        .mb#{$infix}-n#{$size},\n        .my#{$infix}-n#{$size} {\n          margin-bottom: -$length !important;\n        }\n        .ml#{$infix}-n#{$size},\n        .mx#{$infix}-n#{$size} {\n          margin-left: -$length !important;\n        }\n      }\n    }\n\n    // Some special margin utils\n    .m#{$infix}-auto { margin: auto !important; }\n    .mt#{$infix}-auto,\n    .my#{$infix}-auto {\n      margin-top: auto !important;\n    }\n    .mr#{$infix}-auto,\n    .mx#{$infix}-auto {\n      margin-right: auto !important;\n    }\n    .mb#{$infix}-auto,\n    .my#{$infix}-auto {\n      margin-bottom: auto !important;\n    }\n    .ml#{$infix}-auto,\n    .mx#{$infix}-auto {\n      margin-left: auto !important;\n    }\n  }\n}\n",
        "// stylelint-disable declaration-no-important\n\n//\n// Text\n//\n\n.text-monospace { font-family: $font-family-monospace !important; }\n\n// Alignment\n\n.text-justify  { text-align: justify !important; }\n.text-wrap     { white-space: normal !important; }\n.text-nowrap   { white-space: nowrap !important; }\n.text-truncate { @include text-truncate; }\n\n// Responsive alignment\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .text#{$infix}-left   { text-align: left !important; }\n    .text#{$infix}-right  { text-align: right !important; }\n    .text#{$infix}-center { text-align: center !important; }\n  }\n}\n\n// Transformation\n\n.text-lowercase  { text-transform: lowercase !important; }\n.text-uppercase  { text-transform: uppercase !important; }\n.text-capitalize { text-transform: capitalize !important; }\n\n// Weight and italics\n\n.font-weight-light   { font-weight: $font-weight-light !important; }\n.font-weight-lighter { font-weight: $font-weight-lighter !important; }\n.font-weight-normal  { font-weight: $font-weight-normal !important; }\n.font-weight-bold    { font-weight: $font-weight-bold !important; }\n.font-weight-bolder  { font-weight: $font-weight-bolder !important; }\n.font-italic         { font-style: italic !important; }\n\n// Contextual colors\n\n.text-white { color: $white !important; }\n\n@each $color, $value in $theme-colors {\n  @include text-emphasis-variant(\".text-#{$color}\", $value);\n}\n\n.text-body { color: $body-color !important; }\n.text-muted { color: $text-muted !important; }\n\n.text-black-50 { color: rgba($black, .5) !important; }\n.text-white-50 { color: rgba($white, .5) !important; }\n\n// Misc\n\n.text-hide {\n  @include text-hide($ignore-warning: true);\n}\n\n.text-decoration-none { text-decoration: none !important; }\n\n.text-break {\n  word-break: break-word !important; // IE & < Edge 18\n  overflow-wrap: break-word !important;\n}\n\n// Reset\n\n.text-reset { color: inherit !important; }\n",
        "// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n",
        "// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color) {\n  #{$parent} {\n    color: $color !important;\n  }\n  @if $emphasized-link-hover-darken-percentage != 0 {\n    a#{$parent} {\n      @include hover-focus {\n        color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n      }\n    }\n  }\n}\n",
        "// CSS image replacement\n@mixin text-hide($ignore-warning: false) {\n  // stylelint-disable-next-line font-family-no-missing-generic-family-keyword\n  font: 0/0 a;\n  color: transparent;\n  text-shadow: none;\n  background-color: transparent;\n  border: 0;\n\n  @include deprecate(\"`text-hide()`\", \"v4.1.0\", \"v5\", $ignore-warning);\n}\n",
        "// stylelint-disable declaration-no-important\n\n//\n// Visibility utilities\n//\n\n.visible {\n  visibility: visible !important;\n}\n\n.invisible {\n  visibility: hidden !important;\n}\n",
        "// stylelint-disable declaration-no-important, selector-no-qualifying-type\n\n// Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css\n\n// ==========================================================================\n// Print styles.\n// Inlined to avoid the additional HTTP request:\n// https://www.phpied.com/delay-loading-your-print-css/\n// ==========================================================================\n\n@if $enable-print-styles {\n  @media print {\n    *,\n    *::before,\n    *::after {\n      // Bootstrap specific; comment out `color` and `background`\n      //color: $black !important; // Black prints faster\n      text-shadow: none !important;\n      //background: transparent !important;\n      box-shadow: none !important;\n    }\n\n    a {\n      &:not(.btn) {\n        text-decoration: underline;\n      }\n    }\n\n    // Bootstrap specific; comment the following selector out\n    //a[href]::after {\n    //  content: \" (\" attr(href) \")\";\n    //}\n\n    abbr[title]::after {\n      content: \" (\" attr(title) \")\";\n    }\n\n    // Bootstrap specific; comment the following selector out\n    //\n    // Don't show links that are fragment identifiers,\n    // or use the `javascript:` pseudo protocol\n    //\n\n    //a[href^=\"#\"]::after,\n    //a[href^=\"javascript:\"]::after {\n    // content: \"\";\n    //}\n\n    pre {\n      white-space: pre-wrap !important;\n    }\n    pre,\n    blockquote {\n      border: $border-width solid $gray-500; // Bootstrap custom code; using `$border-width` instead of 1px\n      page-break-inside: avoid;\n    }\n\n    //\n    // Printing Tables:\n    // http://css-discuss.incutio.com/wiki/Printing_Tables\n    //\n\n    thead {\n      display: table-header-group;\n    }\n\n    tr,\n    img {\n      page-break-inside: avoid;\n    }\n\n    p,\n    h2,\n    h3 {\n      orphans: 3;\n      widows: 3;\n    }\n\n    h2,\n    h3 {\n      page-break-after: avoid;\n    }\n\n    // Bootstrap specific changes start\n\n    // Specify a size and min-width to make printing closer across browsers.\n    // We don't set margin here because it breaks `size` in Chrome. We also\n    // don't use `!important` on `size` as it breaks in Chrome.\n    @page {\n      size: $print-page-size;\n    }\n    body {\n      min-width: $print-body-min-width !important;\n    }\n    .container {\n      min-width: $print-body-min-width !important;\n    }\n\n    // Bootstrap components\n    .navbar {\n      display: none;\n    }\n    .badge {\n      border: $border-width solid $black;\n    }\n\n    .table {\n      border-collapse: collapse !important;\n\n      td,\n      th {\n        background-color: $white !important;\n      }\n    }\n\n    .table-bordered {\n      th,\n      td {\n        border: 1px solid $gray-300 !important;\n      }\n    }\n\n    .table-dark {\n      color: inherit;\n\n      th,\n      td,\n      thead th,\n      tbody + tbody {\n        border-color: $table-border-color;\n      }\n    }\n\n    .table .thead-dark th {\n      color: inherit;\n      border-color: $table-border-color;\n    }\n\n    // Bootstrap specific changes end\n  }\n}\n",
        "/* Animation Mixins */\r\n\r\n@keyframes dropdownAnimation {\r\n  from {\r\n    opacity: 0;\r\n    transform: translate3d(0, -30px, 0);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: none;\r\n    transform: translate3d(0, 0px, 0);\r\n  }\r\n}\r\n\r\n.dropdownAnimation {\r\n  animation-name: dropdownAnimation;\r\n  animation-duration: $action-transition-duration;\r\n  animation-fill-mode: both;\r\n}\r\n\r\n@mixin transition($settings) {\r\n  -webkit-transition: $settings;\r\n  -moz-transition: $settings;\r\n  -ms-transition: $settings;\r\n  -o-transition: $settings;\r\n  transition: $settings;\r\n}\r\n\r\n@keyframes fadeOut {\r\n  from {\r\n    opacity: 1;\r\n  }\r\n\r\n  to {\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n.fadeOut {\r\n  animation-name: fadeOut;\r\n}\r\n\r\n.infinite-spin {\r\n  @keyframes spin {\r\n    from {\r\n      transform: rotate(0deg);\r\n    }\r\n\r\n    to {\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n\r\n  animation-name: spin;\r\n  animation-duration: 3s;\r\n  animation-iteration-count: infinite;\r\n  animation-timing-function: linear;\r\n}\r\n\r\n@keyframes fadeInUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translate3d(0, 100%, 0);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n}\r\n\r\n.fadeInUp {\r\n  animation-name: fadeInUp;\r\n}\r\n\r\n@keyframes menufadeInLeft {\r\n  from {\r\n    opacity: 0;\r\n    -webkit-transform: translate3d(-20px, 0, 0);\r\n    transform: translate3d(-20px, 0, 0);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    -webkit-transform: translate3d(0, 0, 0);\r\n    transform: translate3d(0, 0, 0);\r\n  }\r\n}\r\n\r\n.menufadeInLeft {\r\n  -webkit-animation-name: menufadeInLeft;\r\n  animation-name: menufadeInLeft;\r\n}",
        "//generic transform\r\n@mixin transform($transforms) {\r\n  -moz-transform: $transforms;\r\n  -o-transform: $transforms;\r\n  -ms-transform: $transforms;\r\n  -webkit-transform: $transforms;\r\n  transform: $transforms;\r\n}\r\n\r\n// rotate\r\n@mixin rotate ($deg) {\r\n  transform:rotate(#{$deg}deg);\r\n}\r\n\r\n// scale\r\n@mixin scale($scale) {\r\n  transform: scale($scale);\r\n}\r\n\r\n// translate\r\n@mixin translate ($x, $y) {\r\n  transform: translate($x, $y);\r\n}\r\n\r\n// skew\r\n@mixin skew ($x, $y) {\r\n  transform:skew(#{$x}deg, #{$y}deg);\r\n}\r\n\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n  moz-transform-origin: $origin;\r\n  -o-transform-origin: $origin;\r\n  -ms-transform-origin: $origin;\r\n  -webkit-transform-origin: $origin;\r\n  transform-origin: $origin;\r\n}\r\n\r\n//Ellipsis\r\n%ellipsor {\r\n  text-overflow: ellipsis;\r\n  overflow: hidden;\r\n  max-width: 100%;\r\n  white-space: nowrap;\r\n}\r\n\r\n@mixin ellipsor {\r\n  text-overflow: ellipsis;\r\n  overflow: hidden;\r\n  max-width: 100%;\r\n  white-space: nowrap;\r\n}\r\n\r\n@mixin placeholder {\r\n  &::-webkit-input-placeholder {\r\n    @content;\r\n  }\r\n\r\n  &:-moz-placeholder {\r\n    @content;\r\n  }\r\n\r\n  &::-moz-placeholder {\r\n    @content;\r\n  }\r\n\r\n  &:-ms-input-placeholder {\r\n    @content;\r\n  }\r\n}",
        "/* Reset Styles */\r\n\r\nbody {\r\n  padding: 0;\r\n  margin: 0;\r\n  overflow-x: hidden;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n.form-control,\r\n.form-control:focus {\r\n  -webkit-box-shadow: none;\r\n  -moz-box-shadow: none;\r\n}\r\n\r\n.form-control {\r\n  box-shadow: none;\r\n}\r\n\r\n.form-control:focus {\r\n  outline: 0;\r\n  box-shadow: none;\r\n}\r\n\r\na,\r\ndiv,\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\np,\r\nspan {\r\n  text-shadow: none;\r\n}\r\n\r\n[type=button]:focus,\r\na:active,\r\na:focus,\r\na:visited,\r\nbutton::-moz-focus-inner,\r\ninput[type=button]::-moz-focus-inner,\r\ninput[type=file]>input[type=button]::-moz-focus-inner,\r\ninput[type=reset]::-moz-focus-inner,\r\ninput[type=submit]::-moz-focus-inner,\r\nselect::-moz-focus-inner {\r\n  outline: 0;\r\n}\r\n\r\n.form-control:focus,\r\nbutton:focus,\r\ninput,\r\ninput:focus,\r\nselect:focus,\r\ntextarea:focus {\r\n  outline: none;\r\n  outline-width: 0;\r\n  outline-color: transparent;\r\n  box-shadow: none;\r\n  outline-style: none;\r\n}\r\n\r\ntextarea {\r\n  resize: none;\r\n  overflow-x: hidden;\r\n}\r\n\r\n.btn,\r\n.btn-group.open .dropdown-toggle,\r\n.btn:active,\r\n.btn:focus,\r\n.btn:hover,\r\n.btn:visited,\r\na,\r\na:active,\r\na:checked,\r\na:focus,\r\na:hover,\r\na:visited,\r\nbody,\r\nbutton,\r\nbutton:active,\r\nbutton:hover,\r\nbutton:visited,\r\ndiv,\r\ninput,\r\ninput:active,\r\ninput:focus,\r\ninput:hover,\r\ninput:visited,\r\nselect,\r\nselect:active,\r\nselect:focus,\r\nselect:visited,\r\ntextarea,\r\ntextarea:active,\r\ntextarea:focus,\r\ntextarea:hover,\r\ntextarea:visited {\r\n  -webkit-box-shadow: none;\r\n  -moz-box-shadow: none;\r\n  box-shadow: none;\r\n}\r\n\r\n.btn.active.focus,\r\n.btn.active:focus,\r\n.btn.focus,\r\n.btn:active.focus,\r\n.btn:active:focus,\r\n.btn:focus,\r\nbutton,\r\nbutton:active,\r\nbutton:checked,\r\nbutton:focus,\r\nbutton:hover,\r\nbutton:visited {\r\n  outline: 0;\r\n  outline-offset: 0;\r\n}\r\n\r\n.bootstrap-select .dropdown-toggle:focus {\r\n  outline: 0 !important;\r\n  outline-offset: 0;\r\n}\r\n\r\n.dropdown-menu>li>a:active,\r\n.dropdown-menu>li>a:focus,\r\n.dropdown-menu>li>a:hover,\r\n.dropdown-menu>li>a:visited {\r\n  outline: 0 !important;\r\n}\r\n\r\na:focus,\r\ninput:focus {\r\n  border-color: transparent;\r\n  outline: none;\r\n}",
        "// Functions\r\n@function social-color($key: \"twitter\") {\r\n  @return map-get($social-colors, $key);\r\n}\r\n// Social Color\r\n@each $color, $value in $social-colors {\r\n  .text-#{$color} {\r\n    @include text-color(social-color($color));\r\n  }\r\n}\r\n@each $color, $value in $social-colors {\r\n  .bg-#{$color} {\r\n    background: social-color($color);\r\n  }\r\n}",
        "@mixin text-color($color) {\r\n  color: $color;\r\n}",
        "/* Typography */\r\n\r\n:root,\r\nbody {\r\n  font-size: 1rem;\r\n  font-family: $type-1;\r\n  color: $body-color;\r\n}\r\n\r\n.h1,\r\n.h2,\r\n.h3,\r\n.h4,\r\n.h5,\r\n.h6,\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  font-family: $type-1;\r\n  font-weight: normal;\r\n  font-style: normal;\r\n  font-stretch: normal;\r\n  line-height: normal;\r\n}\r\n\r\np,\r\na:not([href]):not([tabindex]) {\r\n  color: $body-color;\r\n  font-size: $default-font-size;\r\n}\r\n\r\n.h1,\r\nh1 {\r\n  font-size: 2.3125rem; //37px\r\n}\r\n\r\n.h2,\r\nh2 {\r\n  font-size: 2rem; //32px\r\n}\r\n\r\n.h3,\r\nh3 {\r\n  font-size: 1.6875rem; //27px\r\n}\r\n\r\n.h4,\r\nh4 {\r\n  font-size: 1.25rem; //20px\r\n}\r\n\r\n.h5,\r\nh5 {\r\n  font-size: 1.0625rem; //17px\r\n}\r\n\r\n.h6,\r\nh6 {\r\n  font-size: 1rem; //16px\r\n}\r\n\r\np {\r\n  font-size: $default-font-size;\r\n}\r\n\r\n.display-1 {\r\n  font-size: 3.75rem;\r\n\r\n  @media (max-width: 991px) {\r\n    font-size: 3rem;\r\n  }\r\n}\r\n\r\n.display-2 {\r\n  font-size: 3.125rem;\r\n\r\n  @media (max-width: 991px) {\r\n    font-size: 2.5rem;\r\n  }\r\n}\r\n\r\n.display-3 {\r\n  font-size: 2.5rem;\r\n\r\n  @media (max-width: 991px) {\r\n    font-size: 2rem;\r\n  }\r\n}\r\n\r\n.display-4 {\r\n  font-size: 1.875rem;\r\n\r\n  @media (max-width: 991px) {\r\n    font-size: 1.5rem;\r\n  }\r\n}\r\n\r\n.display-5 {\r\n  font-size: 1.25rem;\r\n\r\n  @media (max-width: 991px) {\r\n    font-size: 1rem;\r\n  }\r\n}\r\n\r\n.blockquote {\r\n  padding: 1.25rem;\r\n  border: 1px solid $border-color;\r\n}\r\n\r\naddress {\r\n  p {\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n\r\n//blockqoute color variations\r\n@each $color,\r\n$value in $theme-colors {\r\n  .blockquote-#{$color} {\r\n    @include blockquote($value);\r\n  }\r\n}\r\n\r\n.page-title {\r\n  color: $body-color;\r\n  margin: 0.38rem 0 0.75rem;\r\n}\r\n\r\n.card-title {\r\n  font-family: $type-2;\r\n  font-weight: 500;\r\n  color: #212229;\r\n  margin-bottom: 15px;\r\n  font-size: 14px;\r\n  text-transform: capitalize;\r\n\r\n  .rtl & {\r\n    text-align: right;\r\n  }\r\n}\r\n\r\n.card-subtitle {\r\n  @extend .text-gray;\r\n  font-weight: 300;\r\n  font-family: $type-1;\r\n  margin-top: 0.625rem;\r\n  margin-bottom: 0.625rem;\r\n}\r\n\r\n.card-description {\r\n  margin-bottom: 0.9375rem;\r\n  font-family: $type-1;\r\n\r\n  .rtl & {\r\n    text-align: right;\r\n  }\r\n}\r\n\r\n.font-weight-normal {\r\n  font-weight: 400;\r\n}\r\n\r\n.font-weight-medium {\r\n  font-weight: 500;\r\n}\r\n\r\n.font-weight-semibold {\r\n  font-weight: 600;\r\n}\r\n\r\nsmall,\r\n.text-small {\r\n  font-size: 12px;\r\n}\r\n\r\n.icon-lg {\r\n  font-size: 2.5rem;\r\n}\r\n\r\n.icon-md {\r\n  font-size: 1.875rem;\r\n}\r\n\r\n.icon-sm {\r\n  font-size: 1.3rem;\r\n}",
        "// BlockQuote Mixins //\r\n@mixin blockquote($color) {\r\n  border-color: $color;\r\n\r\n  .blockquote-footer {\r\n    color: $color;\r\n  }\r\n}",
        "/* Miscellanoeous */\r\n\r\nbody,\r\nhtml {\r\n  overflow-x: hidden;\r\n  padding-right: 0 !important; // resets padding right added by Bootstrap modal\r\n}\r\n\r\n*:-moz-full-screen,\r\n*:-webkit-full-screen,\r\n*:fullscreen *:-ms-fullscreen {\r\n  overflow: auto !important;\r\n}\r\n\r\n.scroll-container {\r\n  position: relative;\r\n\r\n  &.horizontally {\r\n    overflow-x: hidden;\r\n    width: 100%;\r\n    max-width: 100%;\r\n  }\r\n\r\n  &.vertically {\r\n    overflow-y: hidden;\r\n    height: 100%;\r\n    max-height: 100%;\r\n  }\r\n}\r\n\r\npre {\r\n  background: color(gray-lighter);\r\n  padding: 15px;\r\n  font-size: 14px;\r\n}",
        "/* Utilities */\r\n.logo {\r\n  width: 150px;\r\n  max-width: 100%;\r\n}\r\n\r\n.grid-margin {\r\n  margin-bottom: $grid-gutter-width;\r\n}\r\n\r\n.grid-margin-sm-0 {\r\n  @media (min-width: 576px) {\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n\r\n.grid-margin-md-0 {\r\n  @media (min-width: 768px) {\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n\r\n.grid-margin-lg-0 {\r\n  @media (min-width: 992px) {\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n\r\n.grid-margin-xl-0 {\r\n  @media (min-width: 1200px) {\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n\r\n.rounded-circle {\r\n  &[class*='img'] {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    .flag-icon {\r\n      position: absolute;\r\n      top: auto;\r\n      left: -10px;\r\n      right: 0;\r\n      bottom: auto;\r\n      width: calc(100% + 20px);\r\n      height: 100%;\r\n      display: block;\r\n      margin: auto;\r\n    }\r\n  }\r\n}\r\n\r\n.img-curved {\r\n  border-radius: 10px;\r\n}\r\n\r\n.img-raised {\r\n  box-shadow: 0 4px 8px 0 rgba(42, 55, 71, 0.15);\r\n}\r\n\r\n.img-lg {\r\n  width: 92px;\r\n  min-width: 92px;\r\n  height: 92px;\r\n}\r\n\r\n.img-md {\r\n  width: 60px;\r\n  min-width: 60px;\r\n  height: 60px;\r\n}\r\n\r\n.img-sm {\r\n  width: 43px;\r\n  min-width: 43px;\r\n  height: 43px;\r\n}\r\n\r\n.img-xs {\r\n  width: 32px;\r\n  min-width: 32px;\r\n  height: 32px;\r\n}\r\n\r\n.img-ss {\r\n  width: 35px;\r\n  min-width: 35px;\r\n  height: 35px;\r\n}\r\n\r\n.img-curved {\r\n  border-radius: 10px;\r\n}\r\n\r\n.display-avatar {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 43px;\r\n  min-width: 43px;\r\n  height: 43px;\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  border-radius: 100%;\r\n}\r\n\r\n.stretch-card {\r\n  display: flex;\r\n  align-items: stretch;\r\n  justify-content: stretch;\r\n\r\n  >.card {\r\n    width: 100%;\r\n    min-width: 100%;\r\n  }\r\n}\r\n\r\n.dot-indicator {\r\n  width: 10px;\r\n  height: 10px;\r\n  border-radius: 100%;\r\n\r\n  &.dot-indicator-sm {\r\n    width: 6px;\r\n    height: 6px;\r\n  }\r\n}\r\n\r\n.border-indicator {\r\n  width: 10px;\r\n  height: 10px;\r\n  border-width: 2px;\r\n  border-style: solid;\r\n  border-color: $border-color;\r\n  border-radius: 100%;\r\n}\r\n\r\n.dropdown-divider {\r\n  border-color: $border-color;\r\n}\r\n\r\n.border-right-sm {\r\n  @media (min-width: 576px) {\r\n    border-right: $border-width solid $border-color;\r\n  }\r\n}\r\n\r\n.border-right-md {\r\n  @media (min-width: 768px) {\r\n    border-right: $border-width solid $border-color;\r\n  }\r\n}\r\n\r\n.border-right-lg {\r\n  @media (min-width: 992px) {\r\n    border-right: $border-width solid $border-color;\r\n  }\r\n}\r\n\r\n.border-left-sm {\r\n  @media (min-width: 576px) {\r\n    border-left: $border-width solid $border-color;\r\n  }\r\n}\r\n\r\n.border-strong {\r\n  border-color: darken($border-color, 80%);\r\n}\r\n\r\n.count-wrapper {\r\n  position: relative;\r\n\r\n  .count {\r\n    position: absolute;\r\n    width: auto;\r\n    min-width: 8px;\r\n    min-height: 8px;\r\n    padding: 2px 4px;\r\n    font-size: 75%;\r\n    line-height: 1;\r\n    vertical-align: middle;\r\n    border-radius: 100%;\r\n    color: $white;\r\n    font-weight: 500;\r\n\r\n    &.top-right {\r\n      top: -5px;\r\n      right: 0;\r\n    }\r\n\r\n    &.bottom-right {\r\n      bottom: -5px;\r\n      right: 0;\r\n    }\r\n\r\n    &.bottom-left {\r\n      bottom: -5px;\r\n      left: 0;\r\n    }\r\n\r\n    &.top-left {\r\n      top: -5px;\r\n      left: 0;\r\n    }\r\n  }\r\n}\r\n\r\n.border-left-md {\r\n  @media (min-width: 768px) {\r\n    border-left: $border-width solid $border-color;\r\n  }\r\n}\r\n\r\n.border-left-lg {\r\n  @media (min-width: 992px) {\r\n    border-left: $border-width solid $border-color;\r\n  }\r\n}\r\n\r\n.text-gray {\r\n  color: #212529;\r\n}\r\n\r\n.text-black {\r\n  color: $black;\r\n}\r\n\r\n.flex-grow {\r\n  flex-grow: 1;\r\n}\r\n\r\n.ellipsis {\r\n  max-width: 95%;\r\n  white-space: nowrap;\r\n  text-overflow: ellipsis;\r\n  overflow: hidden;\r\n}\r\n\r\n.no-wrap {\r\n  white-space: now
        "// Background Mixins //\r\n@mixin bg($color) {\r\n  background: $color;\r\n}\r\n\r\n@mixin bg-gradient($color1, $color2) {\r\n  background: $color1;\r\n  /* For browsers that do not support gradients */\r\n  background: -webkit-linear-gradient(90deg, $color1, $color2);\r\n  /* For Safari 5.1 to 6.0 */\r\n  background: -o-linear-gradient(90deg, $color1, $color2);\r\n  /* For Opera 11.1 to 12.0 */\r\n  background: -moz-linear-gradient(90deg, $color1, $color2);\r\n  /* For Firefox 3.6 to 15 */\r\n  background: linear-gradient(90deg, $color1, $color2);\r\n  /* Standard syntax */\r\n}\r\n\r\n@mixin bg-inverse-variant($color) {\r\n  background: rgba($color, 0.2);\r\n}",
        "/* Demo Styles */\r\n// Add spacing to Boostrap components for demo purpose\r\n.template-demo {\r\n  >.btn {\r\n    @extend .mt-2;\r\n    @extend .mr-2;\r\n  }\r\n\r\n  >.btn-toolbar {\r\n    @extend .mt-2;\r\n    @extend .mr-2;\r\n  }\r\n\r\n  >.btn-group {\r\n    @extend .mt-2;\r\n    @extend .mr-2;\r\n\r\n    .btn {\r\n      margin: 0 !important;\r\n    }\r\n  }\r\n\r\n  .progress {\r\n    margin-top: 1.5rem;\r\n  }\r\n\r\n  .circle-progress {\r\n    @extend .mt-2;\r\n  }\r\n\r\n  >h2,\r\n  >h3,\r\n  >h4,\r\n  >h5,\r\n  >h6,\r\n  >h1 {\r\n    border-top: 1px solid $border-color;\r\n    padding: 0.5rem 0 0;\r\n  }\r\n\r\n  .ul-slider {\r\n    &.noUi-horizontal {\r\n      margin-top: 2rem;\r\n    }\r\n\r\n    &.noUi-vertical {\r\n      margin-right: 2rem;\r\n    }\r\n  }\r\n\r\n  .dropdown {\r\n    display: inline-block;\r\n    @extend .mr-2;\r\n    margin-bottom: 0.5rem;\r\n  }\r\n\r\n  nav {\r\n    .breadcrumb {\r\n      margin-bottom: 1.375rem;\r\n    }\r\n\r\n    &:last-child {\r\n      .breadcrumb {\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  .editable-form {\r\n    >.form-group {\r\n      border-bottom: 1px solid $border-color;\r\n      padding-bottom: 0.8rem;\r\n      margin-bottom: 0.8rem;\r\n    }\r\n  }\r\n\r\n  .circle-progress {\r\n    padding: 15px;\r\n  }\r\n\r\n  .circle-progress-block {\r\n    @extend .mb-3;\r\n    @extend .px-2;\r\n  }\r\n}\r\n\r\n.demo-modal {\r\n  position: static;\r\n  display: block;\r\n\r\n  .modal-dialog {\r\n    margin-top: 0 !important;\r\n\r\n    &.modal-lg {\r\n      max-width: 100%;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n.documentation {\r\n  padding-top: 0;\r\n  max-width: 100%;\r\n\r\n  .content-wrapper {\r\n    padding-top: 0;\r\n    min-height: calc(100vh - #{63px});\r\n  }\r\n}\r\n\r\n.doc-table-contents,\r\n.doc-header {\r\n  position: fixed;\r\n}\r\n\r\n.doc-header {\r\n  padding-top: 24px;\r\n  padding-bottom: 24px;\r\n  z-index: 2;\r\n  background: $content-bg;\r\n}\r\n\r\n.doc-content {\r\n  padding-top: 157px;\r\n}\r\n\r\n.doc-table-contents {\r\n  overflow: auto;\r\n  max-height: calc(100% - 157px);\r\n\r\n  ul {\r\n    li {\r\n      margin-top: 10px;\r\n\r\n      &:before {\r\n        font-size: .5rem;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.doc-credits {\r\n  ul {\r\n    li {\r\n      margin-bottom: 10px;\r\n\r\n      a {\r\n        margin-left: .25rem;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.demo_blank_card {\r\n  &.card-1 {\r\n    height: 100vh;\r\n    min-height: 400px;\r\n  }\r\n\r\n  &.card-2 {\r\n    height: 320px;\r\n  }\r\n\r\n  &.card-3 {\r\n    height: 500px;\r\n  }\r\n}\r\n\r\n.loader-demo-box {\r\n  @extend .border;\r\n  @extend .border-secondary;\r\n  @extend .rounded;\r\n  width: 100%;\r\n  height: 200px;\r\n  @extend .d-flex;\r\n  @extend .align-items-center;\r\n}",
        "/* Dashboard */\r\n\r\n.card-statistics {\r\n  .highlight-icon {\r\n    height: 53px;\r\n    width: 53px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50px;\r\n\r\n    i {\r\n      font-size: 27px;\r\n    }\r\n  }\r\n\r\n  .card-col {\r\n    border-right: 1px solid $border-color;\r\n\r\n    &:last-child {\r\n      border-right: none;\r\n    }\r\n\r\n    @include media-breakpoint-down(sm) {\r\n      padding-left: 0;\r\n      padding-right: 0;\r\n      position: relative;\r\n      border: none;\r\n\r\n      &:first-child,\r\n      &:nth-child(2),\r\n      &:nth-child(3) {\r\n\r\n        &:after,\r\n        &:before {\r\n          content: \"\";\r\n          position: absolute;\r\n          background: $border-color;\r\n        }\r\n      }\r\n\r\n      &:first-child {\r\n        &:before {\r\n          bottom: 0;\r\n          width: 94.2%;\r\n          height: 1px;\r\n          right: 0;\r\n        }\r\n\r\n        &:after {\r\n          bottom: 0;\r\n          width: 1px;\r\n          height: 100%;\r\n          right: 0;\r\n        }\r\n      }\r\n\r\n      &:nth-child(2) {\r\n        &:before {\r\n          bottom: 0;\r\n          width: 94.2%;\r\n          height: 1px;\r\n          left: 0;\r\n        }\r\n      }\r\n\r\n      &:nth-child(3) {\r\n        &:before {\r\n          width: 1px;\r\n          height: 100%;\r\n          right: 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.card-revenue-table {\r\n  .revenue-item {\r\n    border-bottom: 1px solid $border-color;\r\n    @extend .py-3;\r\n\r\n    &:last-child {\r\n      border-bottom: 0;\r\n      @extend .pb-0;\r\n    }\r\n\r\n    &:first-child {\r\n      @extend .pt-0;\r\n    }\r\n\r\n    .revenue-desc {\r\n      margin-right: auto;\r\n      width: 80%;\r\n\r\n      p {\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n\r\n    .revenue-amount {\r\n      margin-left: auto;\r\n      width: 40%;\r\n\r\n      p {\r\n        font-size: 1.25rem;\r\n        font-family: $type-1;\r\n        font-weight: 600;\r\n        text-align: right;\r\n\r\n        .rtl & {\r\n          text-align: left;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.card-revenue {\r\n  background: linear-gradient(120deg, #556cdc, #128bfc, #18bef1);\r\n  background-size: cover;\r\n  color: color(white);\r\n\r\n  .highlight-text {\r\n    font-size: 1.875rem;\r\n    font-family: $type-1;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .badge {\r\n    background-color: rgba(color(white), .2);\r\n    font-size: 1.125rem;\r\n    padding: 0.5rem 1.25rem;\r\n  }\r\n}\r\n\r\n.card-weather {\r\n  background: $card-bg;\r\n\r\n  .card-body {\r\n    background: $white;\r\n\r\n    &:first-child {\r\n      background: url(\"../../images/samples/weather.svg\") no-repeat center;\r\n      background-size: cover;\r\n    }\r\n  }\r\n\r\n  .weather-date-location {\r\n    padding: 0 0 38px;\r\n  }\r\n\r\n  .weather-data {\r\n    padding: 0 0 4.75rem;\r\n\r\n    i {\r\n      font-size: 5.313rem;\r\n      line-height: 1;\r\n    }\r\n  }\r\n\r\n  .weakly-weather {\r\n    background: $card-bg;\r\n    overflow-x: auto;\r\n\r\n    .weakly-weather-item {\r\n      flex: 0 0 14.28%;\r\n      border-right: 1px solid $border-color;\r\n      padding: 1rem;\r\n      text-align: center;\r\n\r\n      i {\r\n        font-size: 1.2rem;\r\n      }\r\n\r\n      &:last-child {\r\n        border-right: 0;\r\n      }\r\n\r\n      .symbol {\r\n        color: $text-muted;\r\n        font-size: 1.875rem;\r\n        font-weight: 300;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.product-chart-wrapper {\r\n  height: 92%;\r\n}\r\n\r\n#dashboardTrendingProgress {\r\n  width: 60px;\r\n}\r\n\r\n.dashboard-bar-chart-legend {\r\n  .col {\r\n    text-align: center;\r\n    display: flex;\r\n    align-items: center;\r\n    flex-direction: column;\r\n\r\n    .bg {\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n      height: 5px;\r\n      width: 30px;\r\n      display: block;\r\n      margin-top: 5px;\r\n    }\r\n\r\n    &:nth-child(1) {\r\n      .bg {\r\n        background:
        ".nav,\r\n.navbar-nav {\r\n  .nav-item {\r\n    line-height: 1;\r\n\r\n    &.dropdown {\r\n      @media (max-width: 992px) {\r\n        position: unset;\r\n      }\r\n\r\n      .dropdown-toggle {\r\n        &:after {\r\n          border: none;\r\n          content: \"\\F140\";\r\n          font-family: \"Material Design Icons\";\r\n          font-size: 20px;\r\n          color: $navbar-dropdown-toggle-arrow-color;\r\n          text-rendering: auto;\r\n          line-height: inherit;\r\n          vertical-align: 0;\r\n        }\r\n      }\r\n\r\n      .count-indicator {\r\n        position: relative;\r\n        text-align: center;\r\n\r\n        i {\r\n          font-size: 21px;\r\n          margin-right: 0;\r\n          vertical-align: middle;\r\n        }\r\n\r\n        .count {\r\n          position: absolute;\r\n          left: 50%;\r\n          width: 1rem;\r\n          height: 1rem;\r\n          border-radius: 100%;\r\n          background: $navbar-count-indicator-bg;\r\n          color: $white;\r\n          font-size: 11px;\r\n          top: -1px;\r\n          font-weight: 600;\r\n          line-height: 1rem;\r\n          border: none;\r\n          text-align: center;\r\n        }\r\n\r\n        &:after {\r\n          display: none;\r\n        }\r\n      }\r\n\r\n      i {\r\n        margin-right: 0.5rem;\r\n        vertical-align: middle;\r\n\r\n        .rtl & {\r\n          margin-left: 0.5rem;\r\n          margin-right: 0;\r\n        }\r\n      }\r\n\r\n      .navbar-dropdown {\r\n        font-size: 0.9rem;\r\n        margin-top: 15px;\r\n        position: absolute;\r\n        right: 0;\r\n        left: auto;\r\n        border: 1px solid $navbar-dropdown-border-color;\r\n        padding: 0 0 20px;\r\n        min-width: 100%;\r\n        border-radius: 2px;\r\n        @extend .dropdownAnimation;\r\n        box-shadow: $navbar-dropdown-box-shadow;\r\n        overflow-x: hidden;\r\n        .rtl & {\r\n          right: auto;\r\n          left: 0;\r\n        }\r\n\r\n        @media (max-width: 991px) {\r\n          right: -85px;\r\n        }\r\n\r\n        &.dropdown-left {\r\n          left: 0;\r\n          right: auto;\r\n        }\r\n\r\n        .badge {\r\n          margin-left: 0.5rem;\r\n\r\n          .rtl & {\r\n            margin-left: 0;\r\n            margin-right: 1.25rem;\r\n          }\r\n\r\n          @media (max-width:991px) {\r\n            margin-right: 0.5rem;\r\n\r\n            .rtl & {\r\n              margin-left: 0.5rem;\r\n              margin-right: 0;\r\n            }\r\n          }\r\n        }\r\n\r\n        .dropdown-item {\r\n          display: flex;\r\n          align-items: center;\r\n          margin-bottom: 0;\r\n          padding: 5px 25px;\r\n\r\n          i {\r\n            font-size: 24px;\r\n          }\r\n\r\n          .ellipsis {\r\n            max-width: 200px;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n          }\r\n\r\n          .preview-icon {\r\n            width: 40px;\r\n            height: 40px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n          }\r\n\r\n          .small-text {\r\n            font-size: 0.75rem;\r\n          }\r\n        }\r\n\r\n        .dropdown-divider {\r\n          margin: 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}",
        "/* Navbar */\r\n\r\n.navbar {\r\n  &.default-layout {\r\n    font-family: $type-2;\r\n    background: $navbar-bg;\r\n    transition: background $action-transition-duration $action-transition-timing-function;\r\n    -webkit-transition: background $action-transition-duration $action-transition-timing-function;\r\n    -moz-transition: background $action-transition-duration $action-transition-timing-function;\r\n    -ms-transition: background $action-transition-duration $action-transition-timing-function;\r\n\r\n    .navbar-brand-wrapper {\r\n      transition: width $action-transition-duration $action-transition-timing-function, background $action-transition-duration $action-transition-timing-function;\r\n      -webkit-transition: width $action-transition-duration $action-transition-timing-function, background $action-transition-duration $action-transition-timing-function;\r\n      -moz-transition: width $action-transition-duration $action-transition-timing-function, background $action-transition-duration $action-transition-timing-function;\r\n      -ms-transition: width $action-transition-duration $action-transition-timing-function, background $action-transition-duration $action-transition-timing-function;\r\n      background: $sidebar-gradient-color-2;\r\n      width: $sidebar-width-lg;\r\n      height: $navbar-height;\r\n\r\n      .navbar-brand {\r\n        color: $white;\r\n        font-size: 1.5rem;\r\n        line-height: 48px;\r\n        margin-right: 0;\r\n        padding: 0.25rem 0;\r\n        display: flex;\r\n\r\n        &:active,\r\n        &:focus,\r\n        &:hover {\r\n          color: lighten(color(gray-dark), 10%);\r\n        }\r\n\r\n        img {\r\n          width: 170px;\r\n          max-width: 100%;\r\n          margin: auto;\r\n          vertical-align: middle;\r\n        }\r\n      }\r\n\r\n      .brand-logo-mini {\r\n        display: none;\r\n\r\n        img {\r\n          width: 40px;\r\n          max-width: 100%;\r\n          margin: auto;\r\n        }\r\n      }\r\n    }\r\n\r\n    .navbar-menu-wrapper {\r\n      transition: width $action-transition-duration $action-transition-timing-function;\r\n      -webkit-transition: width $action-transition-duration $action-transition-timing-function;\r\n      -moz-transition: width $action-transition-duration $action-transition-timing-function;\r\n      -ms-transition: width $action-transition-duration $action-transition-timing-function;\r\n      color: $navbar-menu-wrapper-color;\r\n      padding-left: 15px;\r\n      padding-right: 15px;\r\n      width: calc(100% - #{$sidebar-width-lg});\r\n      height: $navbar-height;\r\n      box-shadow: $navbar-menu-wrapper-box-shadow;\r\n\r\n      @media (max-width: 991px) {\r\n        width: calc(100% - #{$sidebar-width-icon});\r\n      }\r\n\r\n      .navbar-toggler {\r\n        border: 0;\r\n        color: inherit;\r\n\r\n        &:not(.navbar-toggler-right) {\r\n          @media (max-width: 991px) {\r\n            display: none;\r\n          }\r\n        }\r\n      }\r\n\r\n      .search-form {\r\n        width: 35%;\r\n        margin-right: 30px;\r\n\r\n        .form-group {\r\n          margin-bottom: 0;\r\n        }\r\n      }\r\n\r\n      .navbar-nav {\r\n        flex-direction: row;\r\n        align-items: center;\r\n\r\n        .nav-item {\r\n          margin-left: 1rem;\r\n\r\n          @media (max-width: 992px) {\r\n            margin-left: 10px;\r\n            margin-right: 0px;\r\n          }\r\n\r\n          .nav-link {\r\n            color: inherit;\r\n            font-size: $navbar-font-size;\r\n            vertical-align: middle;\r\n\r\n            @media (max-width: 767px) {\r\n              margin-left: 0.5rem;\r\n              margin-right: 0.5rem;\r\n            }\r\n\r\n            i {\r\n              font-size: $navbar-icon-font-size;\r\n              vertical-align: middle;\r\n              margin-right: 0;\r\n            }\r\n          }\r\n\r\n          &.user-dropdown {\r\n            margin-left: 35px;\r\n\r\n            &:before {\r\n              position: relative;\r\n      
        "/* Sidebar */\r\n\r\n.sidebar {\r\n  min-height: calc(100vh - #{$navbar-height});\r\n  background: $sidebar-gradient;\r\n  font-family: $type-2;\r\n  padding: 0;\r\n  width: $sidebar-width-lg;\r\n  z-index: 11;\r\n  transition: width $action-transition-duration $action-transition-timing-function, background $action-transition-duration $action-transition-timing-function;\r\n  -webkit-transition: width $action-transition-duration $action-transition-timing-function, background $action-transition-duration $action-transition-timing-function;\r\n  -moz-transition: width $action-transition-duration $action-transition-timing-function, background $action-transition-duration $action-transition-timing-function;\r\n  -ms-transition: width $action-transition-duration $action-transition-timing-function, background $action-transition-duration $action-transition-timing-function;\r\n\r\n  >.nav {\r\n    overflow: hidden;\r\n    flex-wrap: nowrap;\r\n    flex-direction: column;\r\n\r\n    .nav-item {\r\n      .collapse {\r\n        z-index: 999;\r\n      }\r\n\r\n      &:not(.hover-open) {\r\n\r\n        .collapse,\r\n        .collapsing {\r\n          .sub-menu {\r\n            margin: 5px 0;\r\n\r\n            .rtl & {\r\n              padding: $rtl-sidebar-submenu-padding;\r\n            }\r\n\r\n            .nav-item {\r\n              .nav-link {\r\n                padding: 10px 0px 10px 70px;\r\n                position: relative;\r\n                color: rgba($sidebar-light-menu-color, 0.8);\r\n                font-size: calc(#{$sidebar-menu-font-size} - 2px);\r\n                font-weight: 500;\r\n                transition-duration: 0.5s;\r\n                transition-timing-function: \"ease-in-out\";\r\n                transition-property: \"background\", \"color\", \"box-shadow\", \"padding\";\r\n\r\n                &:before {\r\n                  content: \"\";\r\n                  position: absolute;\r\n                  top: 0px;\r\n                  left: 35px;\r\n                  display: block;\r\n                  height: 100%;\r\n                  width: 2px;\r\n                  background: $sidebar-light-submenu-line-color;\r\n\r\n                  .rtl & {\r\n                    right: -5px;\r\n                    left: unset;\r\n                  }\r\n                }\r\n\r\n                &:hover {\r\n                  color: $sidebar-light-menu-color;\r\n\r\n                  &:before {\r\n                    background: #fff;\r\n                  }\r\n                }\r\n\r\n                .rtl & {\r\n                  padding: 10px 15px 10px 0px;\r\n                }\r\n              }\r\n\r\n              &:first-child {\r\n                .nav-link {\r\n                  padding-top: 0;\r\n                }\r\n              }\r\n\r\n              &:last-child {\r\n                .nav-link {\r\n                  padding-bottom: 0;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      .nav-link {\r\n        align-items: center;\r\n        display: flex;\r\n        padding: $sidebar-menu-padding;\r\n        white-space: nowrap;\r\n        color: $sidebar-light-menu-color;\r\n\r\n        .rtl & {\r\n          padding: $sidebar-menu-padding-rtl;\r\n        }\r\n\r\n        i {\r\n          &.menu-arrow {\r\n            margin-left: auto;\r\n            margin-right: 0;\r\n            transition-duration: 0.2s;\r\n            transition-property: transform;\r\n            transition-timing-function: ease-in;\r\n\r\n            &:before {\r\n              content: \"\\F054\";\r\n              font-family: \"Material Design Icons\";\r\n              font-size: 18px;\r\n              line-height: 1;\r\n              font-style: normal;\r\n              vertical-align: middle;\r\n              color: $sidebar-light-menu-arrow-color;\r\n            }\r\n          }\r\n        }\r\n\r\n        &[aria-expanded=\"true\"] {\r\n\r\n          i {\r\n            &.menu-arrow {\r\n              transform: rotate(90deg);\r\n            }\r\n          }\r\n  
        "////////// COLOR VARIABLES //////////\r\n$body-text-color: $body-color;\r\n$accent-var(--base-text);\r\n$content-bg:#F3F3F3;\r\n$footer-bg: #dbdbdb;\r\n$footer-color: color(dark);\r\n$border-color: #cdd6dc;\r\n$footer-height: 60px;\r\n$card-bg:var(--secondary);\r\n$card-accent-color: #030aac;\r\n$card-dropshadow: 0 0 0 0 rgba(90, 113, 208, 0.11),\r\n0 4px 16px 0 rgba(167, 175, 183, 0.33);\r\n$iconholder-primary-bg:#2944b5;\r\n$iconholder-primary-var(--base-text);\r\n$iconholder-primary-border-color:#4e55c5;\r\n$boxed-layout-bg: lighten(color(gray), 50%);\r\n////////// COLOR VARIABLES //////////\r\n\r\n////////// SIDEBAR ////////\r\n$sidebar-width-lg: 270px;\r\n$sidebar-width-mini: 185px;\r\n$sidebar-width-icon: 70px;\r\n$sidebar-light-bg: $white;\r\n$sidebar-box-shadow: 0 0 3px 1px #a7a3a3;\r\n$sidebar-gradient-color-1:#5768f3;\r\n$sidebar-gradient-color-2:#1c45ef;\r\n$sidebar-gradient:linear-gradient(to top, $sidebar-gradient-color-1, $sidebar-gradient-color-2);\r\n$sidebar-light-menu-var(--base-text);\r\n$sidebar-light-submenu-color: $sidebar-light-menu-color;\r\n$sidebar-light-category-color: rgba(255, 255, 255, 0.7);\r\n$sidebar-light-menu-icon-color: $sidebar-light-menu-color;\r\n$sidebar-light-menu-arrow-color: #bfccda;\r\n$sidebar-profile-name-var(--base-text) !default;\r\n$sidebar-profile-designation-color:#fff !default;\r\n\r\n$sidebar-light-menu-active-bg: #fff;\r\n$sidebar-light-menu-active-var(--base-text);\r\n\r\n$sidebar-light-menu-hover-bg: darken($sidebar-gradient-color-1, 20%);\r\n$sidebar-light-menu-hover-color:#fff;\r\n$sidebar-light-submenu-hover-bg: initial;\r\n$sidebar-light-submenu-hover-color: #000;\r\n$sidebar-light-submenu-line-color: darken($sidebar-gradient-color-1, 18%);\r\n$sidebar-navlink-menu-item-hover-color:darken($sidebar-light-menu-color, 5%);\r\n$sidebar-nav-item-profile-border-color:1px solid rgba(#fff, 0.11);\r\n$sidebar-nav-item-profile-bg:rgba(255, 255, 255, 0.1);\r\n$sidebar-nav-item-profile-var(--base-text);\r\n$sidebar-nav-category-border-color:rgba(255, 255, 255, 0.13);\r\n$sidebar-nav-item-dot-color:#fff;\r\n\r\n\r\n$sidebar-dark-bg: var(--dark);\r\n$sidebar-dark-menu-color: #9F9EA3;\r\n$sidebar-dark-menu-active-bg: lighten($sidebar-dark-bg, 5%);\r\n$sidebar-dark-menu-active-color: $white;\r\n$sidebar-dark-menu-hover-bg: $sidebar-dark-menu-active-bg;\r\n$sidebar-dark-menu-hover-color: $sidebar-dark-menu-color;\r\n$sidebar-dark-submenu-color: $sidebar-dark-menu-color;\r\n$sidebar-dark-submenu-hover-bg: initial;\r\n$sidebar-dark-submenu-hover-color: #000;\r\n$sidebar-dark-category-color: #999999;\r\n$sidebar-dark-menu-icon-color: #9F9EA3;\r\n$sidebar-dark-profile-name-color: #404852;\r\n$sidebar-dark-profile-title-color: #8d9498;\r\n$sidebar-menu-font-size: 15px;\r\n$sidebar-icon-size: 16px;\r\n$sidebar-menu-padding: 15px 30px 15px 55px;\r\n$sidebar-menu-padding-rtl: 15px 70px 15px 30px;\r\n$nav-link-height: 52px;\r\n$sidebar-submenu-padding: 0 0 0 4rem;\r\n$sidebar-submenu-font-size: $sidebar-menu-font-size;\r\n$sidebar-submenu-item-padding: .75rem 1rem;\r\n$sidebar-icon-font-size: .9375rem;\r\n$sidebar-arrow-font-size: .625rem;\r\n$sidebar-profile-bg: transparent;\r\n$sidebar-profile-padding: 0rem 1.625rem 2.25rem 1.188rem;\r\n$sidebar-mini-menu-padding: .8125rem 1rem .8125rem 1rem;\r\n$sidebar-icon-only-menu-padding: .5rem 1.625rem .5rem 1.188rem;\r\n$sidebar-icon-only-submenu-width: 200px;\r\n$sidebar-icon-only-collapse-shadow: 0 1px 15px 1px rgba(113, 106, 202, .08);\r\n$rtl-sidebar-submenu-padding: 0 3.45rem 0 0;\r\n///////// SIDEBAR ////////\r\n\r\n///////// NAVBAR ////////\r\n$navbar-bg: #fff;\r\n$navbar-height: 63px;\r\n$navbar-light-color: #202339;\r\n$navbar-font-size: $sidebar-menu-font-size;\r\n$navbar-icon-font-size: 1.25rem;\r\n$navbar-dropdown-toggle-arrow-color:grey;\r\n$navbar-count-indicator-bg:var(--red);\r\n$navbar-dropdown-border-color:rgba(182, 182, 182, 0.1);\r\n$navbar-dropdown-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.13);\r\n$navbar-menu-wrapper-color:#001737;\r\n$navbar-menu-wrapper-box-shadow:0 4px 16px 0 rgba(167, 175, 183, 0.33);\r\n/////
        "/* Footer */\r\n.footer {\r\n  background: $footer-bg;\r\n  color: $footer-color;\r\n  padding: 20px 1rem;\r\n  transition: all $action-transition-duration $action-transition-timing-function;\r\n  -moz-transition: all $action-transition-duration $action-transition-timing-function;\r\n  -webkit-transition: all $action-transition-duration $action-transition-timing-function;\r\n  -ms-transition: all $action-transition-duration $action-transition-timing-function;\r\n  border-top: $border-width solid $border-color;\r\n  font-size: calc(#{$default-font-size} - 0.05rem);\r\n  font-family: $type-1;\r\n\r\n  a {\r\n    font-size: inherit;\r\n  }\r\n\r\n  @media (max-width: 991px) {\r\n    margin-left: 0;\r\n    width: 100%;\r\n  }\r\n}",
        ".navbar {\r\n    &.fixed-top {\r\n        +.page-body-wrapper {\r\n            padding-top: $navbar-height;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n// Sidebar Mini\r\n.sidebar-mini {\r\n    @media (min-width: 992px) {\r\n        .navbar {\r\n            .navbar-brand-wrapper {\r\n                width: $sidebar-width-mini;\r\n            }\r\n\r\n            .navbar-menu-wrapper {\r\n                width: calc(100% - #{$sidebar-width-mini});\r\n            }\r\n        }\r\n\r\n        .sidebar {\r\n            width: $sidebar-width-mini;\r\n\r\n            .nav {\r\n                .nav-item {\r\n                    .nav-link {\r\n                        display: flex;\r\n                        align-content: center;\r\n                        justify-content: center;\r\n                        flex-direction: column;\r\n                        position: relative;\r\n\r\n                        &:before {\r\n                            display: none;\r\n                        }\r\n\r\n                        .menu-title {\r\n                            display: inline-block;\r\n                        }\r\n\r\n                        .badge {\r\n                            margin-left: 5px;\r\n                            display: none;\r\n                        }\r\n\r\n                        img {\r\n                            display: block;\r\n                            margin-right: auto;\r\n                            margin-left: auto;\r\n                            margin-bottom: 10px;\r\n                        }\r\n\r\n                        .menu-arrow {\r\n                            position: absolute;\r\n                            right: 7px;\r\n                        }\r\n\r\n                        .menu-icon {\r\n                            margin-right: 0;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n            >.nav {\r\n                &:not(.sub-menu) {\r\n                    >.nav-item {\r\n                        &:hover {\r\n                            &:not(.nav-profile):not(.hover-open) {\r\n                                >.nav-link:not([aria-expanded=\"true\"]) {\r\n                                    padding-left: 0px;\r\n\r\n                                    .rtl & {\r\n                                        padding-left: 0px;\r\n                                        padding-right: 0px;\r\n                                    }\r\n\r\n                                    &:hover {\r\n                                        padding-left: 0px;\r\n                                        padding-right: 0px;\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .main-panel {\r\n            width: calc(100% - #{$sidebar-width-mini});\r\n        }\r\n\r\n        &:not(.sidebar-icon-only) {\r\n\r\n            //Apply these styles only when sidebar-mini is not collapsed to icon-only mode\r\n            .sidebar {\r\n                .nav {\r\n                    &:not(.sub-menu) {\r\n                        >.nav-item {\r\n                            border-top: 1px solid rgba($sidebar-dark-menu-color, .2);\r\n\r\n                            &.nav-profile {\r\n                                .nav-link {\r\n                                    .profile-image {\r\n                                        margin-right: 0;\r\n                                    }\r\n\r\n                                    .dot-indicator {\r\n                                        bottom: 10px;\r\n                                    }\r\n\r\n                                    .text-wrapper {\r\n                                        text-align: center;\r\n                                    }\r\n                                }\r\n                            }\r\n\r\n                            &.nav-category {\r\n                                display: none;\r\n         
        ".card {\r\n    box-shadow: $card-dropshadow;\r\n    border: solid 1px $card-bg;\r\n    border-radius: 0px;\r\n\r\n    .card-title {\r\n        color: $body-text-color;\r\n    }\r\n\r\n    .card-header {\r\n        background: $accent-color;\r\n    }\r\n}",
        ".page-body-wrapper {\r\n    min-height: calc(100vh - #{$navbar-height});\r\n    display: flex;\r\n    flex-direction: row;\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n\r\n    &.full-page-wrapper {\r\n        width: 100%;\r\n        min-height: 100vh;\r\n    }\r\n}\r\n\r\n.main-panel {\r\n    transition: width $action-transition-duration $action-transition-timing-function, margin $action-transition-duration $action-transition-timing-function;\r\n    width: calc(100% - #{$sidebar-width-lg});\r\n    min-height: calc(100vh - #{$navbar-height});\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    @media (max-width: 991px) {\r\n        margin-left: 0;\r\n        width: 100%;\r\n    }\r\n}\r\n\r\n.content-wrapper {\r\n    background: $content-bg;\r\n    padding: 1.5rem 1.7rem;\r\n    width: 100%;\r\n    flex-grow: 1;\r\n}\r\n\r\n.container-scroller {\r\n    overflow: hidden;\r\n}\r\n\r\n.page-header {\r\n    display: flex;\r\n    width: 100%;\r\n    padding-bottom: 15px;\r\n    border-bottom: 1px solid $border-color;\r\n    margin-bottom: 15px;\r\n\r\n    @media (max-width: 992px) {\r\n        display: inline-block;\r\n    }\r\n}\r\n\r\n.page-title {\r\n    margin-top: 0;\r\n    margin-bottom: 2px;\r\n\r\n    @media (max-width: 992px) {\r\n        margin-botttom: 15px;\r\n    }\r\n}\r\n\r\n.quick-links {\r\n    list-style: none;\r\n    margin-bottom: 0;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    margin-top: 4px;\r\n    padding-left: 0;\r\n\r\n    @media (min-width: 992px) {\r\n        padding-left: 10px;\r\n    }\r\n\r\n    li {\r\n        margin-right: 10px;\r\n        border-right: 1px solid $body-color;\r\n        line-height: 1;\r\n\r\n        a {\r\n            display: inline-block;\r\n            color: $body-color;\r\n            text-decoration: none;\r\n            padding-right: 10px;\r\n        }\r\n\r\n        &:last-child {\r\n            margin-right: 0;\r\n            border-right: none;\r\n\r\n            a {\r\n                padding-right: 0;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.page-title-header {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.page-header-toolbar {\r\n    display: flex;\r\n    align-items: center;\r\n    width: 100%;\r\n\r\n    @media (max-width: 992px) {\r\n        display: inline-block;\r\n\r\n        .toolbar-item {\r\n            margin-top: 20px;\r\n        }\r\n    }\r\n\r\n    .btn-group,\r\n    .btn {\r\n        border: none;\r\n\r\n        i {\r\n            font-size: 1.24rem;\r\n            color: $page-header-toolbar-btn-color;\r\n        }\r\n\r\n        &.dropdown-toggle {\r\n            &:after {\r\n                color: $page-header-toolbar-btn-color;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.filter-wrapper {\r\n    display: flex;\r\n    margin-left: 15px;\r\n\r\n    @media (max-width: 992px) {\r\n        margin-left: 0;\r\n    }\r\n}\r\n\r\n.sort-wrapper {\r\n    display: flex;\r\n    width: 46%;\r\n\r\n    @media (max-width: 992px) {\r\n        width: 100%;\r\n    }\r\n}\r\n\r\n.advanced-link {\r\n    display: flex;\r\n    align-items: center;\r\n    margin-left: 30px;\r\n    margin-right: 20px;\r\n    white-space: nowrap;\r\n}",
        "#sales-statistics-legend {\r\n    .chartjs-legend {\r\n        margin-top: 20px;\r\n        margin-right: 20px;\r\n\r\n        ul {\r\n            li {\r\n                color: $body-text-color;\r\n\r\n                span {\r\n                    width: 20px;\r\n                    height: 3px;\r\n                    border-radius: 0px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n#net-profit-legend {\r\n    .chartjs-legend {\r\n        li {\r\n            font-weight: 500;\r\n            color: $body-text-color;\r\n        }\r\n    }\r\n}\r\n\r\n.average-price-card {\r\n    .card {\r\n        background: $card-accent-color;\r\n    }\r\n\r\n    h3 {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    .icon-holder {\r\n        border-radius: 5px;\r\n        border: 1px solid $iconholder-primary-border-color;\r\n        width: 40px;\r\n        height: 40px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: $iconholder-primary-bg;\r\n        color: $iconholder-primary-color;\r\n        font-size: 20px;\r\n\r\n        i {\r\n            line-height: 1;\r\n        }\r\n    }\r\n}\r\n\r\n#dashboard-vmap {\r\n    height: 161px;\r\n    width: 100%;\r\n\r\n    .jvectormap-zoomin,\r\n    .jvectormap-zoomout {\r\n        display: none;\r\n    }\r\n}",
        "/* Accordions */\r\n\r\n.accordion {\r\n  .card {\r\n    margin-bottom: 15px;\r\n    border: 1px solid $border-color;\r\n    border-radius: 4px;\r\n\r\n    .card-header {\r\n      background-color: transparent;\r\n      border: none;\r\n      padding: 0;\r\n      font-size: 14px;\r\n\r\n      a {\r\n        display: block;\r\n        padding: 0.75rem 1.70rem 0.75rem 1.25rem;\r\n        background: lighten($card-bg, 4%);\r\n        color: $body-color;\r\n        text-decoration: none;\r\n        font-size: $default-font-size;\r\n        position: relative;\r\n        font-weight: 600;\r\n        transition-property: border-color, background;\r\n        transition-duration: 0.5s;\r\n        @include ellipsor;\r\n\r\n        &:before {\r\n          font-family: \"Material Design Icons\";\r\n          position: absolute;\r\n          right: 8px;\r\n          top: 16px;\r\n          font-size: 16px;\r\n          display: block;\r\n          font-weight: 500;\r\n          color: $body-color;\r\n        }\r\n\r\n        .card-icon {\r\n          margin-right: 15px;\r\n          font-size: 20px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .card-body {\r\n      font-size: 0.88rem;\r\n      padding: 12px 20px 26px;\r\n\r\n      i {\r\n        font-size: 1.25rem;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.basic-accordion {\r\n    .card {\r\n      .card-header {\r\n        a {\r\n          &[aria-expanded=\"true\"] {\r\n            background: lighten($card-bg, 8%);\r\n\r\n            &:before {\r\n              content: \"\\F374\";\r\n            }\r\n          }\r\n\r\n          &[aria-expanded=\"false\"] {\r\n            &:before {\r\n              content: \"\\F415\";\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &.accordion-multiple-outline {\r\n    .card {\r\n      &:nth-child(5n+1) {\r\n        @include accordion-multiple-outline-variant(info);\r\n      }\r\n\r\n      &:nth-child(5n+2) {\r\n        @include accordion-multiple-outline-variant(success);\r\n      }\r\n\r\n      &:nth-child(5n+3) {\r\n        @include accordion-multiple-outline-variant(primary);\r\n      }\r\n\r\n      &:nth-child(5n+4) {\r\n        @include accordion-multiple-outline-variant(warning);\r\n      }\r\n\r\n      &:nth-child(5n+5) {\r\n        @include accordion-multiple-outline-variant(danger);\r\n      }\r\n\r\n      .card-header {\r\n        a {\r\n          &[aria-expanded=\"true\"] {\r\n            &:before {\r\n              content: \"\\F143\";\r\n            }\r\n          }\r\n\r\n          &[aria-expanded=\"false\"] {\r\n            &:before {\r\n              content: \"\\F140\";\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &.accordion-multiple-filled {\r\n    .card {\r\n      overflow: hidden;\r\n\r\n      &:nth-child(5n+1) {\r\n        @include accordion-multiple-filled-variant(info);\r\n      }\r\n\r\n      &:nth-child(5n+2) {\r\n        @include accordion-multiple-filled-variant(success);\r\n      }\r\n\r\n      &:nth-child(5n+3) {\r\n        @include accordion-multiple-filled-variant(primary);\r\n      }\r\n\r\n      &:nth-child(5n+4) {\r\n        @include accordion-multiple-filled-variant(warning);\r\n      }\r\n\r\n      &:nth-child(5n+5) {\r\n        @include accordion-multiple-filled-variant(danger);\r\n      }\r\n\r\n      .card-header {\r\n        a {\r\n          padding-left: 2.5rem;\r\n          padding-right: 1rem;\r\n          color: $white;\r\n          font-weight: 300;\r\n\r\n          &:before {\r\n            left: 10px;\r\n            right: unset;\r\n            top: 12px;\r\n            color: $white;\r\n          }\r\n\r\n          &[aria-expanded=\"true\"] {\r\n            &:before {\r\n              content: \"\\F143\";\r\n            }\r\n          }\r\n\r\n          &[aria-expanded=\"false\"] {\r\n            &:before {\r\n              content: \"\\F140\";\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &.accordion-solid-bg {\r\n    .card {\r\n      background: theme-color(light);\r\n\r\n      .card-hea
        "// Accordion Inverse variations\r\n@mixin accordion-inverse-variant($color) {\r\n  background: rgba($color, 0.16);\r\n  color: $color;\r\n  border: none;\r\n\r\n  .card-header {\r\n    color: $color;\r\n    border: none;\r\n\r\n    a,\r\n    h1,\r\n    h2,\r\n    h3,\r\n    h4,\r\n    h5,\r\n    h6,\r\n    p,\r\n    span {\r\n      color: $color !important;\r\n    }\r\n\r\n    a {\r\n      border-color: $color;\r\n\r\n      &:before {\r\n        color: $color !important;\r\n      }\r\n\r\n      &[aria-expanded=\"true\"] {\r\n        border-bottom: 1px solid rgba($color, 0.16);\r\n      }\r\n\r\n      &[aria-expanded=\"false\"] {\r\n        border-bottom: 1px solid transparent;\r\n      }\r\n    }\r\n  }\r\n}\r\n@mixin accordion-outline-variant($color) {\r\n  .card {\r\n    border-color: $color;\r\n\r\n    .card-header {\r\n      border: none;\r\n\r\n      a {\r\n        border-color: $color;\r\n\r\n        &:before {\r\n          color: $color;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n@mixin accordion-multiple-outline-variant($color) {\r\n  border-color: theme-color($color);\r\n\r\n  .card-header {\r\n    a {\r\n      .card-icon {\r\n        color: theme-color($color);\r\n      }\r\n\r\n      &:before {\r\n        color: theme-color($color);\r\n      }\r\n\r\n      &[aria-expanded=\"true\"] {\r\n        border-bottom: 1px solid theme-color($color);\r\n      }\r\n\r\n      &[aria-expanded=\"false\"] {\r\n        border-bottom: 1px solid $white;\r\n      }\r\n    }\r\n  }\r\n}\r\n@mixin accordion-multiple-filled-variant($color) {\r\n  .card-header {\r\n    a {\r\n      background: theme-color($color);\r\n\r\n      &[aria-expanded=\"true\"] {\r\n        background: theme-color($color);\r\n      }\r\n\r\n      &[aria-expanded=\"false\"] {\r\n        background: theme-color($color);\r\n      }\r\n    }\r\n  }\r\n}",
        "/* Badges */\r\n\r\n.badge {\r\n  border-radius: 0.25rem;\r\n  font-size: 11px;\r\n  font-weight: initial;\r\n  line-height: 1;\r\n  padding: 4px 6px;\r\n  font-family: $type-1;\r\n  font-weight: 600;\r\n  letter-spacing: 0.04rem;\r\n\r\n  &:empty {\r\n    display: inline-block;\r\n    min-width: 10px;\r\n    min-height: 10px;\r\n    padding: 0;\r\n    margin-right: 10px;\r\n    border-radius: 100%;\r\n\r\n    .rtl & {\r\n      margin-left: 10px;\r\n      margin-right: 0;\r\n    }\r\n  }\r\n\r\n  &.badge-pill {\r\n    border-radius: 10rem;\r\n  }\r\n\r\n  &.badge-fw {\r\n    min-width: 70px;\r\n  }\r\n\r\n  &.badge-lg {\r\n    padding: 0.4rem 0.9rem;\r\n  }\r\n}\r\n\r\n/*Badge variations*/\r\n\r\n@each $color,\r\n$value in $theme-colors {\r\n  .badge-#{$color} {\r\n    @include badge-variations($value);\r\n  }\r\n}\r\n\r\n/*Badge inverse variations*/\r\n\r\n@each $color,\r\n$value in $theme-colors {\r\n  .badge-inverse-#{$color} {\r\n    @include badge-inverse-variations($value);\r\n  }\r\n}\r\n\r\n/*Badge outlined variations*/\r\n\r\n@each $color,\r\n$value in $theme-colors {\r\n  .badge-outline-#{$color} {\r\n    @include badge-outline-variations($value);\r\n  }\r\n}",
        "// Badge variations\r\n@mixin badge-variations($color) {\r\n  border: 1px solid $color;\r\n  color: $white;\r\n}\r\n\r\n// Badge outlined variations\r\n@mixin badge-outline-variations($color) {\r\n  color: $color;\r\n  border: 1px solid $color;\r\n}\r\n\r\n@mixin badge-inverse-variations($color) {\r\n  background: rgba($color, 0.3);\r\n  color: $color;\r\n}",
        "/* Bootstrap Alerts */\r\n.alert {\r\n  font-size: $default-font-size;\r\n\r\n  i {\r\n    font-size: 1.25rem;\r\n    margin-right: 1.25rem;\r\n    vertical-align: middle;\r\n    line-height: 0.5;\r\n  }\r\n}\r\n@each $color, $value in $theme-colors {\r\n  .alert-#{$color} {\r\n    @include alert-variant(rgba(theme-color($color), .2), theme-color-level($color, 1), theme-color-level($color, 3));\r\n  }\r\n}\r\n@each $color, $value in $theme-colors {\r\n  .alert-fill-#{$color} {\r\n    @include alert-variant(theme-color($color), theme-color($color), color(white));\r\n  }\r\n}",
        "/* Bootstrap Progress */\r\n\r\n.progress {\r\n  border-radius: 3px;\r\n  height: 8px;\r\n  background: $progressbar-bg;\r\n\r\n  .progress-bar {\r\n    border-radius: 3px;\r\n  }\r\n\r\n  &.grouped {\r\n    .progress-bar {\r\n      border-radius: 0px;\r\n\r\n      &:last-child {\r\n        border-radius: 0px 3px 3px 0px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.progress-sm {\r\n    height: 0.375rem;\r\n  }\r\n\r\n  &.progress-md {\r\n    height: 8px;\r\n  }\r\n\r\n  &.progress-lg {\r\n    height: 15px;\r\n  }\r\n\r\n  &.progress-xl {\r\n    height: 18px;\r\n  }\r\n}",
        "/* Buttons */\r\n\r\n.btn {\r\n  font-size: $btn-font-size;\r\n  line-height: 1;\r\n  font-family: $type-1;\r\n\r\n  i {\r\n    margin-right: 0.3125rem;\r\n    font-size: inherit;\r\n  }\r\n\r\n  .btn-label {\r\n    &:before {\r\n      font-size: 1rem;\r\n      line-height: 5px;\r\n      vertical-align: middle;\r\n    }\r\n\r\n    &.btn-label-left {\r\n      margin-right: 5px;\r\n    }\r\n\r\n    &.btn-label-right {\r\n      margin-left: 5px;\r\n    }\r\n  }\r\n\r\n  &.btn-rounded {\r\n    border-radius: 50px;\r\n  }\r\n\r\n  &.btn-square {\r\n    border-radius: 0px;\r\n  }\r\n\r\n  &.btn-icons {\r\n    width: 40px;\r\n    height: 40px;\r\n    padding: 10px;\r\n    text-align: center;\r\n    vertical-align: middle;\r\n\r\n    i {\r\n      margin: auto;\r\n      line-height: initial;\r\n    }\r\n  }\r\n\r\n  &.btn-fw {\r\n    min-width: $button-fixed-width;\r\n  }\r\n\r\n  &.icon-btn {\r\n    i {\r\n      margin-right: 0;\r\n    }\r\n  }\r\n\r\n  &.social-btn {\r\n    padding: $social-btn-padding;\r\n\r\n    i {\r\n      margin-right: 0;\r\n      font-size: $social-btn-icon-size;\r\n    }\r\n  }\r\n\r\n  &.btn-sm {\r\n    font-size: $btn-font-size-sm;\r\n  }\r\n\r\n  &.btn-lg {\r\n    font-size: $btn-font-size-lg;\r\n  }\r\n\r\n  &.btn-xs {\r\n    padding: $btn-padding-y-xs $btn-padding-x-xs;\r\n    font-size: $btn-font-size-xs;\r\n  }\r\n\r\n  &.btn-transparent {\r\n    background: transparent;\r\n  }\r\n\r\n  &.btn-danger,\r\n  &.btn-info,\r\n  &.btn-success,\r\n  &.btn-teal,\r\n  &.btn-warning {\r\n    color: $white;\r\n  }\r\n\r\n  &.btn-outline-light {\r\n    border-color: darken(theme-color(light), 15%);\r\n    color: darken(theme-color(light), 15%);\r\n  }\r\n\r\n  &.btn-outline-secondary {\r\n    color: rgba($black, 0.5);\r\n  }\r\n\r\n  &.btn-inverse-secondary {\r\n    background-color: rgba(theme-color(secondary), 0.5);\r\n    color: rgba($black, 0.5);\r\n\r\n    &:hover {\r\n      color: rgba($black, 0.5);\r\n    }\r\n  }\r\n\r\n  &.btn-inverse-light {\r\n    background-color: $white;\r\n    color: rgba($black, 0.5);\r\n    border-color: lighten($black, 85%);\r\n\r\n    &:hover {\r\n      color: rgba($black, 0.5);\r\n      border-color: lighten($black, 85%);\r\n    }\r\n  }\r\n}\r\n\r\n.btn-group {\r\n  border: $border-width solid $border-color;\r\n  border-radius: $btn-border-radius;\r\n\r\n  .btn {\r\n    border-top: none;\r\n    border-bottom: none;\r\n    border-left: none;\r\n\r\n    &:last-child {\r\n      border-right: none;\r\n    }\r\n\r\n    &.btn-primary {\r\n      border-color: darken(theme-color(primary), 3%);\r\n    }\r\n\r\n    &.btn-secondary {\r\n      border-color: darken(theme-color(secondary), 3%);\r\n    }\r\n\r\n    &.btn-info {\r\n      border-color: darken(theme-color(info), 3%);\r\n    }\r\n\r\n    &.btn-warning {\r\n      border-color: darken(theme-color(warning), 3%);\r\n    }\r\n\r\n    &.btn-success {\r\n      border-color: darken(theme-color(success), 3%);\r\n    }\r\n\r\n    &.btn-danger {\r\n      border-color: darken(theme-color(danger), 3%);\r\n    }\r\n\r\n    &.btn-dark {\r\n      border-color: darken(theme-color(dark), 3%);\r\n    }\r\n\r\n    &.btn-light {\r\n      border-color: darken(theme-color(light), 3%);\r\n    }\r\n  }\r\n}\r\n\r\n.btn-toolbar {\r\n  .btn-group {\r\n    +.btn-group {\r\n      @extend .ml-2;\r\n    }\r\n  }\r\n}\r\n\r\n/*social buttons*/\r\n\r\n@each $color,\r\n$value in $social-colors {\r\n  .btn-#{$color} {\r\n    @include social-button(social-color($color));\r\n  }\r\n}\r\n\r\n/*social buttons*/\r\n\r\n@each $color,\r\n$value in $social-colors {\r\n  .btn-social-outline-#{$color} {\r\n    @include btn-social-outline-variant(social-color($color));\r\n  }\r\n}\r\n\r\n/* inverse buttons */\r\n\r\n@each $color,\r\n$value in $theme-colors {\r\n  .btn-inverse-#{$color} {\r\n    @include button-inverse-variant($value);\r\n  }\r\n}\r\n\r\n/* Inverse Outlined Buttons */\r\n\r\n@each $color,\r\n$value in $theme-colors {\r\n  .btn-inverse-outline-#{$color} {\r\n    @include button-inverse-outline-variant($value);\r\n  }\r\n}",
        "@mixin social-button($color) {\r\n\tbackground: $color;\r\n\tcolor: color(white);\r\n\r\n\t&:hover {\r\n\t\tbackground: darken($color, 10%);\r\n\t}\r\n\r\n\t&.btn-link {\r\n\t\tbackground: none;\r\n\t\tcolor: $color;\r\n\r\n\t\t&:hover {\r\n\t\t\tcolor: darken($color, 10%);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@mixin btn-social-outline-variant($color) {\r\n\tbackground: transparent;\r\n\tborder-color: $color;\r\n\tcolor: $color;\r\n\r\n\t&:hover {\r\n\t\tbackground: rgba($color, 0.2);\r\n\t}\r\n}\r\n\r\n@mixin button-inverse-variant($color, $color-hover: $white) {\r\n\tcolor: $color;\r\n\tbackground-color: rgba($color, 0.2);\r\n\tbackground-image: none;\r\n\tborder-color: rgba($color, 0);\r\n\r\n\t@include hover {\r\n\t\tcolor: $color-hover;\r\n\t\tbackground-color: $color;\r\n\t\tborder-color: $color;\r\n\t}\r\n\r\n\t&.disabled,\r\n\t&:disabled {\r\n\t\tcolor: $color;\r\n\t\tbackground-color: transparent;\r\n\t}\r\n\r\n\t&.active,\r\n\t&:active,\r\n\t.show>&.dropdown-toggle {\r\n\t\tcolor: $color-hover;\r\n\t\tbackground-color: $color;\r\n\t\tborder-color: $color;\r\n\t}\r\n}\r\n\r\n@mixin button-inverse-outline-variant($color, $color-hover: $white) {\r\n\tcolor: $color;\r\n\tbackground-image: none;\r\n\tbackground: transparent;\r\n\tborder-color: rgba($color, 0.2);\r\n\r\n\t@include hover {\r\n\t\tcolor: $color;\r\n\t\tbackground-color: rgba($color, 0.2);\r\n\t\tborder-color: rgba($color, 0.2);\r\n\t}\r\n\r\n\t&.focus,\r\n\t&:focus {\r\n\t\tbox-shadow: 0 0 0 3px rgba($color, .5);\r\n\t}\r\n\r\n\t&.disabled,\r\n\t&:disabled {\r\n\t\tcolor: $color;\r\n\t\tbackground-color: transparent;\r\n\t}\r\n\r\n\t&.active,\r\n\t&:active,\r\n\t.show>&.dropdown-toggle {\r\n\t\tcolor: $color-hover;\r\n\t\tborder-color: $color;\r\n\t}\r\n}",
        "/* Breadcrumbs */\r\n\r\n.breadcrumb {\r\n  .breadcrumb-item {\r\n    font-size: $breadcrumb-font-size;\r\n\r\n    &.active {\r\n      color: rgba($body-color, 0.8);\r\n    }\r\n  }\r\n\r\n  &.breadcrumb-custom {\r\n    padding: $breadcrumb-custom-padding-y $breadcrumb-custom-padding-x;\r\n    border-color: $breadcrumb-item-bg;\r\n\r\n    .breadcrumb-item {\r\n      font-size: $breadcrumb-font-size;\r\n      background: $breadcrumb-item-bg;\r\n      padding: $breadcrumb-custom-item-padding-y $breadcrumb-custom-item-padding-x;\r\n      color: $body-color;\r\n      display: inline-block;\r\n      vertical-align: top;\r\n\r\n      &.active {\r\n        color: $body-color;\r\n      }\r\n\r\n      &:last-child {\r\n        background: transparent;\r\n      }\r\n\r\n      &:before {\r\n        content: \"\";\r\n      }\r\n\r\n      a {\r\n        position: relative;\r\n        color: inherit;\r\n        border: 1px solid $breadcrumb-item-bg;\r\n        display: inline-block;\r\n        vertical-align: top;\r\n\r\n        &:after,\r\n        &:before {\r\n          position: absolute;\r\n          top: -9px;\r\n          width: 0;\r\n          height: 0;\r\n          content: \"\";\r\n          border-top: 21px solid transparent;\r\n          border-bottom: 21px solid transparent;\r\n        }\r\n\r\n        &:before {\r\n          right: -22px;\r\n          z-index: 3;\r\n          border-left-color: $breadcrumb-item-bg;\r\n          border-left-style: solid;\r\n          border-left-width: 12px;\r\n        }\r\n\r\n        &:after {\r\n          border-top: 21px solid transparent;\r\n          border-bottom: 22px solid transparent;\r\n          border-left: 12px solid $white;\r\n          top: -9px;\r\n          right: -23px;\r\n        }\r\n      }\r\n\r\n      span {\r\n        display: inline-block;\r\n        vertical-align: top;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.bg-danger,\r\n  &.bg-dark,\r\n  &.bg-info,\r\n  &.bg-primary,\r\n  &.bg-success,\r\n  &.bg-warning {\r\n    border: none;\r\n\r\n    .breadcrumb-item {\r\n      color: $breadcrumb-item-color;\r\n\r\n      &:before {\r\n        color: inherit;\r\n      }\r\n\r\n      a,\r\n      span {\r\n        color: inherit;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/* inverse breadcrumb */\r\n\r\n@each $color,\r\n$value in $theme-colors {\r\n  .bg-inverse-#{$color} {\r\n    @include breadcrumb-inverse-variant($value);\r\n  }\r\n}",
        "// Breadcrumb color variations\r\n@mixin breadcrumb-inverse-variant($color) {\r\n  .breadcrumb {\r\n    background: lighten($color, 25%);\r\n    border-color: $color;\r\n\r\n    .breadcrumb-item {\r\n      color: $color;\r\n\r\n      &:before {\r\n        color: inherit;\r\n      }\r\n\r\n      a {\r\n        color: inherit;\r\n      }\r\n    }\r\n\r\n    &.breadcrumb-custom {\r\n      background: $color;\r\n\r\n      .breadcrumb-item {\r\n        background: lighten($color, 25%);\r\n\r\n        a {\r\n          color: $color;\r\n          border: none;\r\n\r\n          &:before {\r\n            border-left-color: lighten($color, 25%);\r\n          }\r\n        }\r\n\r\n        span {\r\n          color: $color;\r\n        }\r\n\r\n        &:last-child {\r\n          background: transparent;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}",
        "/* Cards */\r\n\r\n.card {\r\n  border: none;\r\n\r\n  .card-header {\r\n    background: lighten($card-bg, 3%);\r\n    padding: $card-padding-y $card-padding-x;\r\n    border-bottom: 1px solid $border-color;\r\n\r\n    h1,\r\n    h2,\r\n    h3,\r\n    h4,\r\n    h5,\r\n    h6,\r\n    p,\r\n    small {\r\n      margin-bottom: 0px;\r\n    }\r\n\r\n    &.header-sm {\r\n      padding: 15px $card-padding-x;\r\n      height: 60px;\r\n\r\n      p,\r\n      .dropdown .dropdown-toggle i {\r\n        color: $text-muted;\r\n      }\r\n    }\r\n  }\r\n\r\n  .card-body {\r\n    padding: $card-padding-y $card-padding-x;\r\n\r\n    &.no-gutter {\r\n      padding: 0;\r\n    }\r\n\r\n    +.card-body {\r\n      padding-top: 0;\r\n    }\r\n  }\r\n\r\n  &.card-outline-success {\r\n    border: 1px solid theme-color(\"success\");\r\n  }\r\n\r\n  &.card-outline-primary {\r\n    border: 1px solid theme-color(\"primary\");\r\n  }\r\n\r\n  &.card-outline-warning {\r\n    border: 1px solid theme-color(\"warning\");\r\n  }\r\n\r\n  &.card-outline-danger {\r\n    border: 1px solid theme-color(\"danger\");\r\n  }\r\n\r\n  &.card-rounded {\r\n    border-radius: 5px;\r\n  }\r\n\r\n  &.card-faded {\r\n    background: #b5b0b2;\r\n    border-color: #b5b0b2;\r\n  }\r\n\r\n  .card-subtitle {\r\n    color: rgba($body-color, 0.7);\r\n  }\r\n\r\n  &.card-circle-progress {\r\n    color: $white;\r\n    text-align: center;\r\n  }\r\n\r\n  &.bg-blue-gradient {\r\n    background: linear-gradient(to right, #065efd, #3169fd, #6f79fc);\r\n    var(--base-text);\r\n  }\r\n\r\n  &.bg-orange-gradient {\r\n    background: linear-gradient(to right, #ff7f2e, #fe7452);\r\n    var(--base-text);\r\n  }\r\n\r\n  &.bg-green-gradient {\r\n    background: linear-gradient(to right, #24e8a6, #09cdd1);\r\n    var(--base-text);\r\n  }\r\n\r\n  &.card-no-shadow {\r\n    box-shadow: none;\r\n  }\r\n}\r\n\r\n@each $color,\r\n$value in $theme-colors {\r\n  .card-inverse-#{$color} {\r\n    @include card-inverse-variant(rgba(theme-color($color), .2), theme-color-level($color, 1), theme-color-level($color, 3));\r\n  }\r\n}",
        "// Cards Mixins\r\n@mixin card-inverse-variant($bg, $border, $color) {\r\n  background: $bg;\r\n  border: 1px solid $border;\r\n  color: $color;\r\n}",
        "/* Checkboxes and Radios */\r\n\r\n.form-check,\r\n.form-radio {\r\n  position: relative;\r\n  display: block;\r\n  margin-top: 15px;\r\n  margin-bottom: 10px;\r\n\r\n  .form-check-label {\r\n    display: block;\r\n    padding-left: 30px;\r\n\r\n    .rtl & {\r\n      padding-left: 0;\r\n      padding-right: 30px;\r\n    }\r\n\r\n    line-height: 1.5;\r\n\r\n    input {\r\n      position: absolute;\r\n      margin-left: -20px;\r\n      margin-top: 4px\\9;\r\n      top: 0;\r\n      left: 0;\r\n\r\n      .rtl & {\r\n        left: auto;\r\n        right: 0;\r\n      }\r\n\r\n      z-index: 1;\r\n      cursor: pointer;\r\n      opacity: 0;\r\n      filter: alpha(opacity=0);\r\n      margin-top: 0;\r\n    }\r\n  }\r\n}\r\n\r\n.form-check {\r\n  .form-check-label {\r\n    font-size: $default-font-size;\r\n    line-height: 1.5;\r\n    padding-left: 10px;\r\n\r\n    input {\r\n      &:checked {\r\n        +.input-helper {\r\n          &:before {\r\n            background-color: $form-check-label-input-helper-bg;\r\n          }\r\n\r\n          &:after {\r\n            width: 18px;\r\n            opacity: 1;\r\n            line-height: 18px;\r\n            transform: scale(1);\r\n          }\r\n        }\r\n      }\r\n\r\n      &:disabled {\r\n        +.input-helper {\r\n          &:before {\r\n            border-color: $border-color;\r\n          }\r\n        }\r\n\r\n        &:checked {\r\n          +.input-helper {\r\n            &:after {\r\n              color: $border-color;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .input-helper {\r\n      &:before {\r\n        position: absolute;\r\n        content: \"\";\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        width: 18px;\r\n        height: 18px;\r\n        border-radius: 2px;\r\n        left: 0;\r\n\r\n        .rtl & {\r\n          left: auto;\r\n          right: 0;\r\n        }\r\n\r\n        border: 2px solid $border-color;\r\n        transition: all;\r\n        transition-duration: 0s;\r\n        transition-duration: 250ms;\r\n      }\r\n\r\n      &:after {\r\n        transition: all;\r\n        transition-duration: 0s;\r\n        transition-duration: 250ms;\r\n        font-family: Material Design Icons;\r\n        opacity: 0;\r\n        filter: alpha(opacity=0);\r\n        ;\r\n        transform: scale(0);\r\n        content: '\\F12C';\r\n        position: absolute;\r\n        font-size: 0.9375rem;\r\n        font-weight: bold;\r\n        left: 0;\r\n\r\n        .rtl & {\r\n          left: auto;\r\n          right: 0;\r\n        }\r\n\r\n        top: 14%;\r\n        transform:translateY(-14%);\r\n        color: theme-color(info);\r\n      }\r\n    }\r\n  }\r\n\r\n  &.form-check-flat {\r\n    label {\r\n      input {\r\n        &:checked {\r\n          +.input-helper {\r\n            &:before {\r\n              background-color: theme-color(success);\r\n              border: none;\r\n            }\r\n          }\r\n        }\r\n\r\n        &:disabled {\r\n          +.input-helper {\r\n            &:after {\r\n              color: $form-check-label-input-helper-bg;\r\n            }\r\n\r\n            &:before {\r\n              border-color: $border-color;\r\n            }\r\n          }\r\n\r\n          &:checked {\r\n            +.input-helper {\r\n              &:before {\r\n                background: $form-check-label-input-helper-bg;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      .input-helper {\r\n        &:before {\r\n          border: 2px solid $border-color;\r\n        }\r\n\r\n        &:after {\r\n          color: $form-check-label-input-helper-bg;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.form-radio {\r\n  label {\r\n    input {\r\n      +.input-helper {\r\n        &:before {\r\n          position: absolute;\r\n          content: \"\";\r\n          top: 50%;\r\n          transform: translateY(-50%);\r\n          left: 0;\r\n\r\n          .rtl & {\r\n            left: auto;\r\n            right: 0;\r\n          }\r\n\r\n          border: 2px solid 
        "/* Dropdowns */\r\n\r\n.dropdown {\r\n  .dropdown-toggle {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    &:after {\r\n      border: none;\r\n      content: \"\\F140\";\r\n      font-family: \"Material Design Icons\";\r\n      font-size: 20px;\r\n      color: $dropdown-toggle-arrow-color;\r\n      text-rendering: auto;\r\n      line-height: inherit;\r\n      vertical-align: 0;\r\n    }\r\n\r\n    &.arrow-disabled {\r\n      border: none;\r\n      outline: none;\r\n      box-shadow: none;\r\n\r\n      &:focus,\r\n      &:visited,\r\n      &:active {\r\n        outline: none;\r\n        box-shadow: none;\r\n      }\r\n\r\n      &:after {\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.dropdown-menu {\r\n  font-size: $default-font-size;\r\n  border: 1px solid $border-color;\r\n\r\n  @media (max-width: 992px) {\r\n    position: unset;\r\n  }\r\n\r\n  .dropdown-header {\r\n    background: $dropdown-bg;\r\n    color: $body-color;\r\n\r\n    * {\r\n      background: inherit;\r\n      color: inherit;\r\n    }\r\n  }\r\n\r\n  a:not([href]):not([tabindex]):hover,\r\n  a:not([href]):not([tabindex]):focus {\r\n    &.dropdown-item {\r\n      background: $dropdown-bg;\r\n      color: $body-color;\r\n\r\n      &:hover {\r\n        background: $dropdown-hover-bg;\r\n        color: $dropdown-hover-color;\r\n      }\r\n\r\n      &:active {\r\n        background: initial;\r\n      }\r\n    }\r\n  }\r\n\r\n  .dropdown-item {\r\n    background: $dropdown-bg;\r\n    color: $body-color;\r\n\r\n    &:hover {\r\n      background: $dropdown-hover-bg;\r\n      color: $dropdown-hover-color;\r\n    }\r\n\r\n    &:active {\r\n      background: initial;\r\n    }\r\n  }\r\n\r\n  &.dropdown-menu-left {\r\n    left: 0 !important;\r\n    right: auto !important;\r\n\r\n    @media (max-width: 991px) {\r\n      right: 0 !important;\r\n    }\r\n  }\r\n\r\n  &.dropdown-menu-right {\r\n    left: auto !important;\r\n    right: 0 !important;\r\n\r\n    @media (max-width: 991px) {\r\n      left: 0 !important;\r\n    }\r\n  }\r\n}",
        "/* Forms */\r\n\r\n.input-group-append,\r\n.input-group-prepend {\r\n  background: $input-bg;\r\n  color: $input-placeholder-color;\r\n  width: auto;\r\n  border: none;\r\n\r\n  .input-group-text {\r\n    background: transparent;\r\n    border-color: $border-color;\r\n  }\r\n}\r\n\r\n.form-control {\r\n  display: inline-block;\r\n  border: 1px solid $border-color;\r\n  font-family: $type-1;\r\n  font-size: $input-font-size;\r\n  color: $body-color;\r\n  padding: 0 .75rem;\r\n  line-height: 14px;\r\n  font-weight: 300;\r\n\r\n  &.form-control-lg {\r\n    padding: $input-btn-padding-y-lg .75rem;\r\n  }\r\n\r\n  &.form-control-sm {\r\n    padding: $input-btn-padding-y-sm .75rem;\r\n  }\r\n}\r\n\r\ntextarea.form-control {\r\n  height: auto;\r\n  padding-top: 1rem;\r\n  padding-bottom: 1rem;\r\n}\r\n\r\nselect {\r\n  &.form-control {\r\n    padding: 0.4375rem 0.75rem;\r\n  }\r\n}\r\n\r\n.form-group {\r\n  label {\r\n    font-size: $default-font-size;\r\n    line-height: 1;\r\n    vertical-align: top;\r\n  }\r\n\r\n  &.has-danger {\r\n    .form-control {\r\n      border-color: theme-color(danger);\r\n    }\r\n  }\r\n\r\n  .file-upload-default {\r\n    visibility: hidden;\r\n    position: absolute;\r\n  }\r\n\r\n  .file-upload-info {\r\n    background: transparent;\r\n  }\r\n}",
        ".map-container {\r\n  position: relative;\r\n  min-width: 100%;\r\n  max-width: 100%;\r\n  display: block;\r\n  padding: 35% 0;\r\n  overflow: hidden;\r\n  border-radius: 5px;\r\n  .google-map {\r\n    display: block;\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    left: 0;\r\n    bottom: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    &.no-controls {\r\n      .gm-style-cc,\r\n      .gmnoprint {\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n}",
        "/* Icons */\r\n\r\n.icons-list {\r\n  border-left: 1px solid $border-color;\r\n  border-bottom: 1px solid $border-color;\r\n\r\n  >div {\r\n    background: $card-bg;\r\n    border-top: 1px solid $border-color;\r\n    border-right: 1px solid $border-color;\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 15px;\r\n    font-family: $type-1;\r\n    font-size: $default-font-size;\r\n\r\n    i {\r\n      display: inline-block;\r\n      font-size: 20px;\r\n      width: 40px;\r\n      text-align: left;\r\n      color: theme-color(primary);\r\n    }\r\n  }\r\n}",
        "/* Lists */\r\n\r\ndl,\r\nol,\r\nul {\r\n  padding-left: 1rem;\r\n  font-size: $default-font-size;\r\n\r\n  li {\r\n    line-height: 1.8;\r\n  }\r\n}\r\n\r\n.list-arrow,\r\n.list-star,\r\n.list-ticked {\r\n  list-style: none;\r\n  padding: 0;\r\n\r\n  li {\r\n    padding-left: 1.5rem;\r\n\r\n    &:before {\r\n      font-family: \"Material Design Icons\";\r\n      margin-left: -1.5rem;\r\n      width: 1.5rem;\r\n      margin-right: 0.5rem;\r\n    }\r\n  }\r\n}\r\n\r\n.list-ticked {\r\n  li {\r\n    &:before {\r\n      content: '\\F12D';\r\n      color: theme-color(danger);\r\n    }\r\n  }\r\n}\r\n\r\n.list-arrow {\r\n  li {\r\n    &:before {\r\n      content: '\\F142';\r\n      color: theme-color(success);\r\n    }\r\n  }\r\n}\r\n\r\n.list-star {\r\n  li {\r\n    &:before {\r\n      content: '\\F4CE';\r\n      color: theme-color(warning);\r\n    }\r\n  }\r\n}\r\n\r\n.bullet-line-list {\r\n  padding-left: 30px;\r\n  margin-bottom: 0;\r\n  position: relative;\r\n  list-style-type: none;\r\n\r\n  .rtl & {\r\n    padding-right: 0px;\r\n  }\r\n\r\n  li {\r\n    position: relative;\r\n    line-height: 1;\r\n    padding-bottom: 10px;\r\n\r\n    &:before {\r\n      content: \"\";\r\n      position: absolute;\r\n      border-radius: 100%;\r\n      width: 12px;\r\n      height: 12px;\r\n      left: -28px;\r\n      top: 6px;\r\n      border: 3px solid theme-color(primary);\r\n      margin-right: 15px;\r\n      z-index: 2;\r\n      background: $bullet-line-list-shape-bg;\r\n    }\r\n\r\n    &:after {\r\n      content: \"\";\r\n      border: 1px solid $border-color;\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: -23px;\r\n      height: 100%;\r\n    }\r\n\r\n    &:first-child {\r\n      &:after {\r\n        content: \"\";\r\n        height: 80%;\r\n      }\r\n    }\r\n\r\n    &:last-child {\r\n      padding-bottom: 0;\r\n\r\n      &:after {\r\n        content: \"\";\r\n        top: 0;\r\n        height: 30%;\r\n      }\r\n    }\r\n  }\r\n}",
        "/* Loaders */\r\n@import \"variables\";\r\n@import \"colored-balls\";\r\n@import \"glowing-ball\";\r\n@import \"pixel-loader\";\r\n@import \"square-box\";\r\n@import \"circle-loader\";\r\n@import \"jumping-dots-loader\";\r\n@import \"bar-loader\";\r\n@import \"square-path-loader\";\r\n@import \"dot-opacity-loader\";\r\n@import \"flip-square-loader\";\r\n@import \"moving-square-loader\";",
        "#pgloading {\r\n\tposition: static;\r\n\r\n\t.bokeh {\r\n\t\tfont-size: 100px;\r\n\t\twidth: 1em;\r\n\t\theight: 1em;\r\n\t\tposition: relative;\r\n\t\tmargin: 0 auto;\r\n\t\tborder-radius: 50%;\r\n\t\tborder: 0.01em solid $border-color;\r\n\t\tlist-style: none;\r\n\t\tpadding: 0;\r\n\r\n\t\tli {\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 0.2em;\r\n\t\t\theight: 0.2em;\r\n\t\t\tborder-radius: 50%;\r\n\r\n\t\t\t&:nth-child(1) {\r\n\t\t\t\tleft: 50%;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tmargin: 0 0 0 -.1em;\r\n\t\t\t\tbackground: theme-color(success);\r\n\t\t\t\t-webkit-transform-origin: 50% 250%;\r\n\t\t\t\ttransform-origin: 50% 250%;\r\n\t\t\t\t-webkit-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate;\r\n\t\t\t\tanimation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate;\r\n\t\t\t}\r\n\r\n\t\t\t&:nth-child(2) {\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\tright: 0;\r\n\t\t\t\tmargin: -.1em 0 0;\r\n\t\t\t\tbackground: theme-color(danger);\r\n\t\t\t\t-webkit-transform-origin: -150% 50%;\r\n\t\t\t\ttransform-origin: -150% 50%;\r\n\t\t\t\t-webkit-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;\r\n\t\t\t\tanimation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;\r\n\t\t\t}\r\n\r\n\t\t\t&:nth-child(3) {\r\n\t\t\t\tleft: 50%;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\tmargin: 0 0 0 -.1em;\r\n\t\t\t\tbackground: theme-color(warning);\r\n\t\t\t\t-webkit-transform-origin: 50% -150%;\r\n\t\t\t\ttransform-origin: 50% -150%;\r\n\t\t\t\t-webkit-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;\r\n\t\t\t\tanimation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;\r\n\t\t\t}\r\n\r\n\t\t\t&:nth-child(4) {\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\tmargin: -.1em 0 0;\r\n\t\t\t\tbackground: theme-color(primary);\r\n\t\t\t\t-webkit-transform-origin: 250% 50%;\r\n\t\t\t\ttransform-origin: 250% 50%;\r\n\t\t\t\t-webkit-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;\r\n\t\t\t\tanimation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n@-webkit-keyframes rota {\r\n\tfrom {}\r\n\r\n\tto {\r\n\t\t-webkit-transform: rotate(360deg);\r\n\t}\r\n}\r\n@keyframes rota {\r\n\tfrom {}\r\n\r\n\tto {\r\n\t\t-webkit-transform: rotate(360deg);\r\n\t\ttransform: rotate(360deg);\r\n\t}\r\n}\r\n@-webkit-keyframes opa {\r\n\t0% {}\r\n\r\n\t12.0% {\r\n\t\topacity: 0.80;\r\n\t}\r\n\r\n\t19.5% {\r\n\t\topacity: 0.88;\r\n\t}\r\n\r\n\t37.2% {\r\n\t\topacity: 0.64;\r\n\t}\r\n\r\n\t40.5% {\r\n\t\topacity: 0.52;\r\n\t}\r\n\r\n\t52.7% {\r\n\t\topacity: 0.69;\r\n\t}\r\n\r\n\t60.2% {\r\n\t\topacity: 0.60;\r\n\t}\r\n\r\n\t66.6% {\r\n\t\topacity: 0.52;\r\n\t}\r\n\r\n\t70.0% {\r\n\t\topacity: 0.63;\r\n\t}\r\n\r\n\t79.9% {\r\n\t\topacity: 0.60;\r\n\t}\r\n\r\n\t84.2% {\r\n\t\topacity: 0.75;\r\n\t}\r\n\r\n\t91.0% {\r\n\t\topacity: 0.87;\r\n\t}\r\n}\r\n@keyframes opa {\r\n\t0% {}\r\n\r\n\t12.0% {\r\n\t\topacity: 0.80;\r\n\t}\r\n\r\n\t19.5% {\r\n\t\topacity: 0.88;\r\n\t}\r\n\r\n\t37.2% {\r\n\t\topacity: 0.64;\r\n\t}\r\n\r\n\t40.5% {\r\n\t\topacity: 0.52;\r\n\t}\r\n\r\n\t52.7% {\r\n\t\topacity: 0.69;\r\n\t}\r\n\r\n\t60.2% {\r\n\t\topacity: 0.60;\r\n\t}\r\n\r\n\t66.6% {\r\n\t\topacity: 0.52;\r\n\t}\r\n\r\n\t70.0% {\r\n\t\topacity: 0.63;\r\n\t}\r\n\r\n\t79.9% {\r\n\t\topacity: 0.60;\r\n\t}\r\n\r\n\t84.2% {\r\n\t\topacity: 0.75;\r\n\t}\r\n\r\n\t91.0% {\r\n\t\topacity: 0.87;\r\n\t}\r\n}",
        ".glowing-loader {\r\n\tposition: relative;\r\n}\r\n\r\n.s2 {\r\n\tposition: absolute;\r\n\theight: 70px;\r\n\twidth: 70px;\r\n\ttop: 50px;\r\n\tbackground-color: transparent;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, -50%);\r\n}\r\n\r\n.s1 {\r\n\tposition: absolute;\r\n\theight: 70px;\r\n\twidth: 70px;\r\n\tleft: 50%;\r\n\ttop: 50px;\r\n\ttransform-origin: center;\r\n\ttransform: translate(-50%, -50%) rotate(45deg);\r\n\tbackground-color: transparent;\r\n}\r\n\r\n.bigcon {\r\n\tposition: absolute;\r\n\theight: 75px;\r\n\twidth: 75px;\r\n\tleft: 50%;\r\n\ttop: 50px;\r\n\ttransform-origin: center;\r\n\ttransform: translate(-50%, -50%) rotate(-45deg);\r\n\tbackground-color: transparent;\r\n\tanimation: bigcon 2s infinite linear;\r\n\tanimation-delay: 0.25s;\r\n}\r\n\r\n.b {\r\n\tborder-radius: 50%;\r\n\tposition: absolute;\r\n}\r\n\r\n.s {\r\n\twidth: 15px;\r\n\theight: 15px;\r\n\tanimation: small 2s infinite ease;\r\n\tbox-shadow: 0 2px rgba($black, .3);\r\n\tbackground-color: theme-color(primary);\r\n}\r\n\r\n.s:nth-child(1) {\r\n\ttop: 0;\r\n\tleft: 0;\r\n}\r\n\r\n.s:nth-child(2) {\r\n\ttop: 0;\r\n\tright: 0;\r\n}\r\n\r\n.s:nth-child(3) {\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n\r\n.s:nth-child(4) {\r\n\tbottom: 0;\r\n\tleft: 0;\r\n}\r\n\r\n.big {\r\n\twidth: 15px;\r\n\theight: 15px;\r\n\tborder-radius: 15px;\r\n\tbox-shadow: 0 0 10px theme-color(primary), 0 0 20px theme-color(primary), 0 0 30px theme-color(primary), 0 0 50px theme-color(primary), 0 0 60px theme-color(primary);\r\n\tz-index: 1;\r\n\tbackground-color: theme-color(primary);\r\n\tanimation: bigball 1s infinite linear;\r\n}\r\n\r\n.sb1 {\r\n\tanimation-delay: -1.75s;\r\n}\r\n\r\n.sb6 {\r\n\tanimation-delay: -1.5s;\r\n}\r\n\r\n.sb2 {\r\n\tanimation-delay: -1.25s;\r\n}\r\n\r\n.sb7 {\r\n\tanimation-delay: -1s;\r\n}\r\n\r\n.sb3 {\r\n\tanimation-delay: -0.75s;\r\n}\r\n\r\n.sb8 {\r\n\tanimation-delay: -0.5s;\r\n}\r\n\r\n.sb4 {\r\n\tanimation-delay: -0.25s;\r\n}\r\n\r\n.sb5 {\r\n\tanimation-delay: -0s;\r\n}\r\n@keyframes bigcon {\r\n\t0% {\r\n\t\ttransform-origin: center;\r\n\t\ttransform: translate(-50%, -50%) rotate(45deg);\r\n\t}\r\n\r\n\t100% {\r\n\t\ttransform-origin: center;\r\n\t\ttransform: translate(-50%, -50%) rotate(405deg);\r\n\t}\r\n}\r\n@keyframes small {\r\n\t0% {\r\n\t\ttransform: scale(1);\r\n\t\tbackground-color: lighten(theme-color(primary), 20%);\r\n\t}\r\n\r\n\t10% {\r\n\t\ttransform: scale(1.3);\r\n\t\tbackground-color: theme-color(primary);\r\n\t}\r\n\r\n\t15% {\r\n\t\ttransform: scale(1);\r\n\t}\r\n\r\n\t25% {\r\n\t\ttransform: scale(1);\r\n\t\tbackground-color: theme-color(primary);\r\n\t}\r\n\r\n\t100% {\r\n\t\ttransform: scale(1);\r\n\t\tbackground-color: theme-color(primary);\r\n\t}\r\n}",
        "/* Pixel loader */\r\n.pixel-loader {\r\n  width: 10px;\r\n  height: 10px;\r\n  background: theme-color(warning);\r\n  color: theme-color(warning);\r\n  margin: 80px auto;\r\n  box-shadow: 15px 15px 0 0, -15px -15px 0 0, 15px -15px 0 0, -15px 15px 0 0, 0 15px 0 0, 15px 0 0 0, -15px 0 0 0, 0 -15px 0 0;\r\n  animation: anim 2s linear infinite;\r\n}\r\n@keyframes anim {\r\n  0% {\r\n    -webkit-filter: hue-rotate(0deg);\r\n  }\r\n\r\n  50% {\r\n    box-shadow: 20px 20px 0 0, -20px -20px 0 0, 20px -20px 0 0, -20px 20px 0 0, 0 10px 0 0, 10px 0 0 0, -10px 0 0 0, 0 -10px 0 0;\r\n  }\r\n\r\n  75% {\r\n    box-shadow: 20px 20px 0 0, -20px -20px 0 0, 20px -20px 0 0, -20px 20px 0 0, 0 10px 0 0, 10px 0 0 0, -10px 0 0 0, 0 -10px 0 0;\r\n  }\r\n\r\n  100% {\r\n    transform: rotate(360deg);\r\n    -webkit-filter: hue-rotate(360deg);\r\n  }\r\n}",
        "/* Square box loader */\r\n@keyframes dyinglight {\r\n\t15% {\r\n\t\ttransform: scale(1.6);\r\n\t}\r\n\r\n\t50% {\r\n\t\ttransform: rotate(-89deg);\r\n\t}\r\n\r\n\t100% {\r\n\t\ttransform: rotate(-90deg);\r\n\t}\r\n}\r\n\r\n.square-box-loader {\r\n\tposition: absolute;\r\n\tleft: 50%;\r\n\ttop: 50%;\r\n\ttransform: translate(-50%, -50%);\r\n\tdisplay: inline-block;\r\n}\r\n\r\n.square-box-loader-square {\r\n\tdisplay: block;\r\n\twidth: $square-size;\r\n\theight: $square-size;\r\n\tbackground: theme-color(primary);\r\n}\r\n\r\n.square-box-loader-container {\r\n\tposition: absolute;\r\n\tleft: 0;\r\n\ttop: 0;\r\n\tbottom: 0;\r\n\tright: 0;\r\n\ttransform-origin: 50% 50% 0;\r\n\tanimation: dyinglight 1s ease infinite;\r\n\tbackface-visibility: hidden;\r\n}\r\n\r\n.square-box-loader-corner-bottom:after,\r\n.square-box-loader-corner-bottom:before,\r\n.square-box-loader-corner-top:after,\r\n.square-box-loader-corner-top:before {\r\n\tposition: absolute;\r\n\twidth: $square-corner-size;\r\n\theight: $square-corner-size;\r\n\tcolor: theme-color(primary);\r\n\tcontent: '';\r\n}\r\n\r\n.square-box-loader-corner-top {\r\n\t&:before {\r\n\t\tborder-left: 1px solid;\r\n\t\tborder-top: 1px solid;\r\n\t\ttop: -$square-corner-position;\r\n\t\tleft: -$square-corner-position;\r\n\t}\r\n\r\n\t&:after {\r\n\t\tborder-right: 1px solid;\r\n\t\tborder-top: 1px solid;\r\n\t\ttop: -$square-corner-position;\r\n\t\tright: -$square-corner-position;\r\n\t}\r\n}\r\n\r\n.square-box-loader-corner-bottom {\r\n\t&:before {\r\n\t\tborder-left: 1px solid;\r\n\t\tborder-bottom: 1px solid;\r\n\t\tbottom: -$square-corner-position;\r\n\t\tleft: -$square-corner-position;\r\n\t}\r\n\r\n\t&:after {\r\n\t\tborder-right: 1px solid;\r\n\t\tborder-bottom: 1px solid;\r\n\t\tbottom: -$square-corner-position;\r\n\t\tright: -$square-corner-position;\r\n\t}\r\n}",
        "$square-box-scale: 3;\r\n$square-size: 30px;\r\n$square-corner-size: ceil($square-size / $square-box-scale);\r\n$square-corner-position: ceil($square-corner-size / $square-box-scale);",
        "/* Circle loader */\r\n.circle-loader {\r\n  width: 70px;\r\n  height: 70px;\r\n  border-radius: 100%;\r\n  position: relative;\r\n  margin: 0 auto;\r\n}\r\n\r\n.circle-loader:after,\r\n.circle-loader:before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 100%;\r\n  border: 10px solid transparent;\r\n  border-top-color: theme-color(warning);\r\n}\r\n\r\n.circle-loader:before {\r\n  z-index: 100;\r\n  animation: spin 1s infinite;\r\n}\r\n\r\n.circle-loader:after {\r\n  border: 10px solid theme-color(secondary);\r\n}\r\n@keyframes spin {\r\n  0% {\r\n    -webkit-transform: rotate(0deg);\r\n    -ms-transform: rotate(0deg);\r\n    -o-transform: rotate(0deg);\r\n    transform: rotate(0deg);\r\n  }\r\n\r\n  100% {\r\n    -webkit-transform: rotate(360deg);\r\n    -ms-transform: rotate(360deg);\r\n    -o-transform: rotate(360deg);\r\n    transform: rotate(360deg);\r\n  }\r\n}",
        "/* Jumping dots loader */\r\n.jumping-dots-loader {\r\n  width: 100px;\r\n  height: 100px;\r\n  border-radius: 100%;\r\n  position: relative;\r\n  margin: 0 auto;\r\n}\r\n\r\n.jumping-dots-loader span {\r\n  display: inline-block;\r\n  width: 20px;\r\n  height: 20px;\r\n  border-radius: 100%;\r\n  background-color: rgba(theme-color(danger), .8);\r\n  margin: 35px 5px;\r\n}\r\n\r\n.jumping-dots-loader span:nth-child(1) {\r\n  animation: bounce 1s ease-in-out infinite;\r\n}\r\n\r\n.jumping-dots-loader span:nth-child(2) {\r\n  animation: bounce 1s ease-in-out 0.33s infinite;\r\n}\r\n\r\n.jumping-dots-loader span:nth-child(3) {\r\n  animation: bounce 1s ease-in-out 0.66s infinite;\r\n}\r\n@keyframes bounce {\r\n  0%,\r\n  100%,\r\n  75% {\r\n    -webkit-transform: translateY(0);\r\n    -ms-transform: translateY(0);\r\n    -o-transform: translateY(0);\r\n    transform: translateY(0);\r\n  }\r\n\r\n  25% {\r\n    -webkit-transform: translateY(-20px);\r\n    -ms-transform: translateY(-20px);\r\n    -o-transform: translateY(-20px);\r\n    transform: translateY(-20px);\r\n  }\r\n}",
        "/* Bar loader */\r\n.bar-loader {\r\n  width: 50px;\r\n  height: 50px;\r\n  border-radius: 100%;\r\n  position: relative;\r\n  margin: 0 auto;\r\n}\r\n\r\n.bar-loader span {\r\n  display: inline-block;\r\n  width: 5px;\r\n  height: 30px;\r\n  background-color: rgba(theme-color(danger), .7);\r\n}\r\n\r\n.bar-loader span:nth-child(1) {\r\n  animation: grow 1s ease-in-out infinite;\r\n}\r\n\r\n.bar-loader span:nth-child(2) {\r\n  animation: grow 1s ease-in-out 0.15s infinite;\r\n}\r\n\r\n.bar-loader span:nth-child(3) {\r\n  animation: grow 1s ease-in-out 0.30s infinite;\r\n}\r\n\r\n.bar-loader span:nth-child(4) {\r\n  animation: grow 1s ease-in-out 0.45s infinite;\r\n}\r\n@keyframes grow {\r\n  0%,\r\n  100% {\r\n    -webkit-transform: scaleY(1);\r\n    -ms-transform: scaleY(1);\r\n    -o-transform: scaleY(1);\r\n    transform: scaleY(1);\r\n  }\r\n\r\n  50% {\r\n    -webkit-transform: scaleY(1.8);\r\n    -ms-transform: scaleY(1.8);\r\n    -o-transform: scaleY(1.8);\r\n    transform: scaleY(1.8);\r\n  }\r\n}",
        "/* Square path loader */\r\n.square-path-loader {\r\n  width: 100px;\r\n  height: 100px;\r\n  border-radius: 100%;\r\n  position: relative;\r\n  margin: 0 auto;\r\n}\r\n\r\n.square-path-loader:after,\r\n.square-path-loader:before {\r\n  content: \"\";\r\n  width: 15px;\r\n  height: 15px;\r\n  position: absolute;\r\n  top: 0;\r\n  left: calc(50% - 10px);\r\n  background-color: rgba(theme-color(success), .7);\r\n  animation: squaremove 1s ease-in-out infinite;\r\n}\r\n\r\n.square-path-loader:after {\r\n  bottom: 0;\r\n  animation-delay: 0.5s;\r\n}\r\n@keyframes squaremove {\r\n  0%,\r\n  100% {\r\n    -webkit-transform: translate(0,0) rotate(0);\r\n    -ms-transform: translate(0,0) rotate(0);\r\n    -o-transform: translate(0,0) rotate(0);\r\n    transform: translate(0,0) rotate(0);\r\n  }\r\n\r\n  25% {\r\n    -webkit-transform: translate(40px,40px) rotate(45deg);\r\n    -ms-transform: translate(40px,40px) rotate(45deg);\r\n    -o-transform: translate(40px,40px) rotate(45deg);\r\n    transform: translate(40px,40px) rotate(45deg);\r\n  }\r\n\r\n  50% {\r\n    -webkit-transform: translate(0px,80px) rotate(0deg);\r\n    -ms-transform: translate(0px,80px) rotate(0deg);\r\n    -o-transform: translate(0px,80px) rotate(0deg);\r\n    transform: translate(0px,80px) rotate(0deg);\r\n  }\r\n\r\n  75% {\r\n    -webkit-transform: translate(-40px,40px) rotate(45deg);\r\n    -ms-transform: translate(-40px,40px) rotate(45deg);\r\n    -o-transform: translate(-40px,40px) rotate(45deg);\r\n    transform: translate(-40px,40px) rotate(45deg);\r\n  }\r\n}",
        "/* Dot opacity loader */\r\n.dot-opacity-loader {\r\n  width: 100px;\r\n  height: 100px;\r\n  border-radius: 100%;\r\n  position: relative;\r\n  margin: 0 auto;\r\n}\r\n\r\n.dot-opacity-loader span {\r\n  display: inline-block;\r\n  width: 20px;\r\n  height: 20px;\r\n  border-radius: 100%;\r\n  background-color: theme-color(primary);\r\n  margin: 35px 5px;\r\n  opacity: 0;\r\n}\r\n\r\n.dot-opacity-loader span:nth-child(1) {\r\n  animation: opacitychange 1s ease-in-out infinite;\r\n}\r\n\r\n.dot-opacity-loader span:nth-child(2) {\r\n  animation: opacitychange 1s ease-in-out 0.33s infinite;\r\n}\r\n\r\n.dot-opacity-loader span:nth-child(3) {\r\n  animation: opacitychange 1s ease-in-out 0.66s infinite;\r\n}\r\n@keyframes opacitychange {\r\n  0%,\r\n  100% {\r\n    opacity: 0;\r\n  }\r\n\r\n  60% {\r\n    opacity: 1;\r\n  }\r\n}",
        "/* Flip square */\r\n.flip-square-loader {\r\n  -webkit-perspective: 120px;\r\n  -moz-perspective: 120px;\r\n  -ms-perspective: 120px;\r\n  perspective: 120px;\r\n  width: 100px;\r\n  height: 100px;\r\n  border-radius: 100%;\r\n  position: relative;\r\n  margin: 0 auto;\r\n}\r\n\r\n.flip-square-loader:before {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 25px;\r\n  top: 25px;\r\n  width: 50px;\r\n  height: 50px;\r\n  background-color: rgba(theme-color(success), .7);\r\n  animation: flip 1s infinite;\r\n}\r\n@keyframes flip {\r\n  0% {\r\n    transform: rotate(0);\r\n  }\r\n\r\n  50% {\r\n    transform: rotateY(180deg);\r\n  }\r\n\r\n  100% {\r\n    transform: rotateY(180deg) rotateX(180deg);\r\n  }\r\n}",
        "/* Moving square loader */\r\n.moving-square-loader {\r\n  width: 100px;\r\n  height: 100px;\r\n  border-radius: 100%;\r\n  position: relative;\r\n  margin: 0 auto;\r\n}\r\n\r\n.moving-square-loader:before {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 10px;\r\n  height: 10px;\r\n  top: calc(50% - 10px);\r\n  left: 0;\r\n  background-color: rgba(theme-color(danger), .7);\r\n  animation: rotatemove 1s infinite;\r\n}\r\n@keyframes rotatemove {\r\n  0% {\r\n    -webkit-transform: scale(1) translateX(0px);\r\n    -ms-transform: scale(1) translateX(0px);\r\n    -o-transform: scale(1) translateX(0px);\r\n    transform: scale(1) translateX(0px);\r\n  }\r\n\r\n  100% {\r\n    -webkit-transform: scale(2) translateX(45px);\r\n    -ms-transform: scale(2) translateX(45px);\r\n    -o-transform: scale(2) translateX(45px);\r\n    transform: scale(2) translateX(45px);\r\n  }\r\n}",
        "/* Modals */\r\n.modal {\r\n  .modal-dialog {\r\n    .modal-content {\r\n      background: lighten($card-bg, 4%);\r\n\r\n      .modal-header {\r\n        padding: $modal-header-padding-y $modal-header-padding-x;\r\n        border-bottom: 1px solid $border-color;\r\n\r\n        .close {\r\n          span {\r\n            font-size: 20px;\r\n            font-weight: 400;\r\n            color: #6a6a6a;\r\n          }\r\n        }\r\n      }\r\n\r\n      .modal-body {\r\n        padding: $modal-body-padding-y $modal-body-padding-x;\r\n      }\r\n\r\n      .modal-footer {\r\n        padding: $modal-footer-padding-y $modal-footer-padding-x;\r\n        border-top: 1px solid $border-color;\r\n      }\r\n    }\r\n  }\r\n}",
        "/* New Account */\r\n\r\n.new-accounts {\r\n  overflow: hidden;\r\n  position: relative;\r\n\r\n  ul.chats {\r\n    height: 100%;\r\n    padding: 0;\r\n    margin-bottom: 0;\r\n    overflow-x: hidden;\r\n\r\n    li.chat-persons {\r\n      padding: 15px 0;\r\n      display: block;\r\n      border-bottom: 1px solid $border-color;\r\n\r\n      &:last-child {\r\n        border-bottom: none;\r\n      }\r\n\r\n      .btn {\r\n        &.btn-xs {\r\n          padding: 0.2rem 0.75rem;\r\n        }\r\n      }\r\n\r\n      a {\r\n        @extend .d-flex;\r\n        @extend .align-items-center;\r\n        text-decoration: none;\r\n\r\n        span.pro-pic {\r\n          display: inline-block;\r\n          padding: 0;\r\n          width: 20%;\r\n          max-width: 40px;\r\n\r\n          img {\r\n            max-width: 100%;\r\n            width: 100%;\r\n            border-radius: 100%;\r\n          }\r\n        }\r\n\r\n        div.user {\r\n          width: 60%;\r\n          @extend .d-flex;\r\n          @extend .flex-column;\r\n          padding: 5px 10px 0 15px;\r\n\r\n          p.u-name {\r\n            margin: 0;\r\n            color: $body-color;\r\n            @extend %ellipsor;\r\n          }\r\n\r\n          p.u-designation {\r\n            margin: 0;\r\n            color: $body-color;\r\n            font-size: 12px;\r\n            @extend %ellipsor;\r\n          }\r\n        }\r\n\r\n        p.joined-date {\r\n          text-align: right;\r\n          margin-left: auto;\r\n          margin-bottom: 0;\r\n          font-size: 12px;\r\n          @extend .text-gray;\r\n\r\n          .rtl & {\r\n            margin-left: 0;\r\n            margin-right: auto;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}",
        "/* Pagination */\r\n\r\n.pagination {\r\n  .page-item {\r\n    .page-link {\r\n      border-color: $border-color;\r\n      color: $body-color;\r\n      font-size: 0.875rem;\r\n      transition-duration: 0.3s;\r\n      background: lighten($card-bg, 4%);\r\n\r\n      &:focus {\r\n        background: inherit;\r\n      }\r\n\r\n      i {\r\n        &:before {\r\n          font-size: inherit;\r\n          line-height: 1;\r\n          vertical-align: middle;\r\n        }\r\n      }\r\n    }\r\n\r\n    &.active,\r\n    &:active,\r\n    &:focus,\r\n    &:hover {\r\n      .page-link {\r\n        background: theme-color(\"primary\");\r\n        border-color: theme-color(\"primary\");\r\n        color: color(white);\r\n      }\r\n    }\r\n  }\r\n\r\n  &.flat {\r\n    .page-item {\r\n      .page-link {\r\n        border: none;\r\n        border-radius: 2px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.separated {\r\n    .page-item {\r\n      margin-left: 2px;\r\n      margin-right: 2px;\r\n\r\n      &:first-child {\r\n        margin-left: 0;\r\n      }\r\n\r\n      &:last-child {\r\n        margin-right: 0;\r\n      }\r\n\r\n      .page-link {\r\n        border-radius: 2px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.rounded {\r\n    .page-item {\r\n      .page-link {}\r\n\r\n      &:first-child {\r\n        .page-link {\r\n          border-radius: 25px 0 0 25px;\r\n        }\r\n      }\r\n\r\n      &:last-child {\r\n        .page-link {\r\n          border-radius: 0 25px 25px 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &.rounded-flat {\r\n    .page-item {\r\n      margin-right: 3px;\r\n      margin-left: 3px;\r\n\r\n      .page-link {\r\n        border: none;\r\n        border-radius: 50px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.rounded-separated {\r\n    .page-item {\r\n      margin-left: 2px;\r\n      margin-right: 2px;\r\n\r\n      &:first-child {\r\n        margin-left: 0;\r\n\r\n        .page-link {\r\n          border-radius: 10px 0 0 10px;\r\n        }\r\n      }\r\n\r\n      &:last-child {\r\n        margin-right: 0;\r\n\r\n        .page-link {\r\n          border-radius: 0 10px 10px 0;\r\n        }\r\n      }\r\n\r\n      .page-link {\r\n        border-radius: 2px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/* pagination variations */\r\n\r\n@each $color,\r\n$value in $theme-colors {\r\n  .pagination-#{$color} {\r\n    @include pagination-variants($value);\r\n  }\r\n}",
        "// Pagination variations\r\n@mixin pagination-variants($color) {\r\n  .page-item {\r\n    &.active {\r\n      .page-link {\r\n        background: $color;\r\n        border-color: $color;\r\n      }\r\n    }\r\n\r\n    .page-link {\r\n      &:hover {\r\n        background: lighten($color,5%);\r\n        border-color: $color;\r\n        color: $white;\r\n      }\r\n    }\r\n  }\r\n}",
        "/* Popovers */\r\n\r\n.popover-static-demo {\r\n\t.popover {\r\n\t\twidth: 185px;\r\n\t\tposition: relative;\r\n\t\tdisplay: block;\r\n\t\tfloat: left;\r\n\t\tmargin: 1rem 0.5rem;\r\n\r\n\t\t&.bs-popover-bottom-demo,\r\n\t\t&.bs-popover-top-demo {\r\n\t\t\t.arrow {\r\n\t\t\t\tleft: 50%;\r\n\t\t\t\ttransform: translateX(-50%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.bs-popover-left-demo,\r\n\t\t&.bs-popover-right-demo {\r\n\t\t\t.arrow {\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\ttransform: translateY(-50%);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.popover {\r\n\tz-index: 1029;\r\n\r\n\t&.bs-popover-top-demo {\r\n\t\t.arrow {\r\n\t\t\t&:before {\r\n\t\t\t\tborder-top-color: $popover-arrow-color;\r\n\t\t\t}\r\n\r\n\t\t\t&:after {\r\n\t\t\t\tborder-top-color: $popover-arrow-color;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.bs-popover-right-demo {\r\n\t\t.arrow {\r\n\t\t\t&:before {\r\n\t\t\t\tborder-right-color: $popover-arrow-color;\r\n\t\t\t}\r\n\r\n\t\t\t&:after {\r\n\t\t\t\tborder-right-color: $popover-arrow-color;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.bs-popover-bottom-demo {\r\n\t\t.arrow {\r\n\t\t\t&:before {\r\n\t\t\t\tborder-bottom-color: $popover-arrow-color;\r\n\t\t\t}\r\n\r\n\t\t\t&:after {\r\n\t\t\t\tborder-bottom-color: $popover-arrow-color;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.popover-header {\r\n\t\t\t&:before {\r\n\t\t\t\tborder-bottom: 0;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.bs-popover-left-demo {\r\n\t\t.arrow {\r\n\t\t\t&:before {\r\n\t\t\t\tborder-left-color: $popover-arrow-color;\r\n\t\t\t}\r\n\r\n\t\t\t&:after {\r\n\t\t\t\tborder-left-color: $popover-arrow-color;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.popover-header {\r\n\t\tfont-size: 0.9375rem;\r\n\t\tborder-bottom: 0;\r\n\t\tcolor: theme-color(primary);\r\n\t\tbackground: $popover-bg;\r\n\t}\r\n\r\n\t.popover-body {\r\n\t\tcolor: $popover-text-color;\r\n\t\tbackground: $popover-bg;\r\n\t}\r\n\r\n\t&.left {\r\n\t\t.arrow {\r\n\t\t\t&:after {\r\n\t\t\t\tborder-left-color: $popover-arrow-color;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.right {\r\n\t\t.arrow {\r\n\t\t\t&:after {\r\n\t\t\t\tborder-right-color: $popover-arrow-color;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@each $color,\r\n$value in $theme-colors {\r\n\t.popover-#{$color} {\r\n\t\t@include popover-variant(theme-color($color));\r\n\t}\r\n}",
        "// popover color variations //\r\n@mixin popover-variant($color) {\r\n\t.popover-header {\r\n\t\tbackground: $color;\r\n\t\tcolor: $white;\r\n\t}\r\n\r\n\t&.bs-popover-top {\r\n\t\t.arrow {\r\n\t\t\t&:after,\r\n\t\t\t&:before {\r\n\t\t\t\tborder-top-color: $color;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.bs-popover-right {\r\n\t\t.arrow {\r\n\t\t\t&:after,\r\n\t\t\t&:before {\r\n\t\t\t\tborder-right-color: $color;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.bs-popover-bottom {\r\n\t\t.arrow {\r\n\t\t\t&:after,\r\n\t\t\t&:before {\r\n\t\t\t\tborder-bottom-color: $color;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.bs-popover-left {\r\n\t\t.arrow {\r\n\t\t\t&:after,\r\n\t\t\t&:before {\r\n\t\t\t\tborder-left-color: $color;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}",
        "/* Portfolio */\r\n.portfolio-grid {\r\n\tfigure {\r\n\t\tposition: relative;\r\n\t\tfloat: left;\r\n\t\toverflow: hidden;\r\n\t\twidth: 100%;\r\n\t\tbackground: theme-color(warning);\r\n\t\ttext-align: center;\r\n\t\tcursor: pointer;\r\n\t\t@media (max-width: 767px) {\r\n\t\t\twidth: 270px;\r\n\t\t}\r\n\r\n\t\timg {\r\n\t\t\tposition: relative;\r\n\t\t\tdisplay: block;\r\n\t\t\tmin-height: 100%;\r\n\t\t\tmax-width: 100%;\r\n\t\t\twidth: 100%;\r\n\t\t\topacity: 0.8;\r\n\t\t}\r\n\r\n\t\tfigcaption {\r\n\t\t\tpadding: 2em;\r\n\t\t\tcolor: $white;\r\n\t\t\ttext-transform: uppercase;\r\n\t\t\tfont-size: 1.25em;\r\n\t\t\t-webkit-backface-visibility: hidden;\r\n\t\t\tbackface-visibility: hidden;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\r\n\t\t\t&:after,\r\n\t\t\t&:before {\r\n\t\t\t\tpointer-events: none;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.effect-text-in {\r\n\t\t\tborder-radius: 0.25rem;\r\n\r\n\t\t\th4,\r\n\t\t\timg {\r\n\t\t\t\t-webkit-transition: -webkit-transform 0.35s;\r\n\t\t\t\ttransition: transform 0.35s;\r\n\t\t\t}\r\n\r\n\t\t\timg {\r\n\t\t\t\t-webkit-backface-visibility: hidden;\r\n\t\t\t\tbackface-visibility: hidden;\r\n\t\t\t}\r\n\r\n\t\t\th4,\r\n\t\t\tp {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tbottom: 10px;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\tpadding: 10px;\r\n\t\t\t\tmargin-bottom: 0;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\r\n\t\t\tp {\r\n\t\t\t\ttext-transform: none;\r\n\t\t\t\topacity: 0;\r\n\t\t\t\t-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;\r\n\t\t\t\ttransition: opacity 0.35s, transform 0.35s;\r\n\t\t\t\t-webkit-transform: translate3d(0,50px,0);\r\n\t\t\t\ttransform: translate3d(0,50px,0);\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\timg {\r\n\t\t\t\t\t-webkit-transform: translate3d(0,-80px,0);\r\n\t\t\t\t\ttransform: translate3d(0,-80px,0);\r\n\t\t\t\t}\r\n\r\n\t\t\t\th4 {\r\n\t\t\t\t\t-webkit-transform: translate3d(0,-100px,0);\r\n\t\t\t\t\ttransform: translate3d(0,-100px,0);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tp {\r\n\t\t\t\t\topacity: 1;\r\n\t\t\t\t\t-webkit-transform: translate3d(0,0,0);\r\n\t\t\t\t\ttransform: translate3d(0,0,0);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}",
        "/* Preview */\r\n\r\n.preview-list {\r\n  .preview-item {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: flex-start;\r\n    padding: 0.75rem 1.5rem;\r\n    font-size: 0.875rem;\r\n    border-bottom: 1px solid $border-color;\r\n\r\n    &:last-child {\r\n      border-bottom: 0;\r\n    }\r\n\r\n    .form-check {\r\n      margin-top: 8px;\r\n      margin-right: 1rem;\r\n    }\r\n\r\n    .preview-thumbnail {\r\n      color: color(white);\r\n      position: relative;\r\n\r\n      .preview-icon,\r\n      img {\r\n        border-radius: 100%;\r\n      }\r\n\r\n      .preview-icon {\r\n        padding: 6px;\r\n        text-align: center;\r\n\r\n        i {\r\n          font-size: 1.125rem;\r\n        }\r\n      }\r\n\r\n      .badge {\r\n        border: 2px solid $border-color;\r\n        border-radius: 100%;\r\n        bottom: 5px;\r\n        display: block;\r\n        height: 14px;\r\n        left: -5px;\r\n        padding: 0;\r\n        position: absolute;\r\n        width: 14px;\r\n\r\n        &.badge-online {\r\n          @extend .badge-success;\r\n        }\r\n\r\n        &.badge-offline {\r\n          @extend .badge-info;\r\n        }\r\n\r\n        &.badge-busy {\r\n          @extend .badge-warning;\r\n        }\r\n      }\r\n    }\r\n\r\n    .preview-item-content {\r\n      line-height: 1;\r\n      padding-left: 1.5rem;\r\n      color: $body-color;\r\n\r\n      .rtl & {\r\n        padding-left: 0;\r\n        padding-right: 1.5rem;\r\n      }\r\n\r\n      &:first-child {\r\n        padding-left: 0;\r\n\r\n        .rtl & {\r\n          padding-right: 0;\r\n        }\r\n      }\r\n\r\n      p {\r\n        margin-bottom: 10px;\r\n\r\n        .content-category {\r\n          font-family: $type-1;\r\n          padding-right: 15px;\r\n          border-right: 1px solid $border-color;\r\n          @extend .text-muted;\r\n        }\r\n      }\r\n    }\r\n\r\n    .preview-actions {\r\n      display: flex;\r\n      flex-direction: row;\r\n\r\n      i {\r\n        width: 29px;\r\n        color: color(gray-lightest);\r\n        height: 29px;\r\n        border: 2px solid color(gray-lightest);\r\n        border-radius: 100%;\r\n        padding: 3px 6px;\r\n        display: inline-block;\r\n\r\n        &:first-child {\r\n          margin-right: 10px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &.comment-preview {\r\n    .preview-item {\r\n      padding: 0.87rem 0;\r\n\r\n      &:first-child {\r\n        padding-top: 0;\r\n      }\r\n\r\n      p {\r\n        line-height: 27px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.bordered {\r\n    .preview-item {\r\n      border-bottom: 1px solid $border-color;\r\n\r\n      &:last-child {\r\n        border-bottom: 0;\r\n      }\r\n    }\r\n  }\r\n}",
        "/* Pricing table */\r\n.pricing-table {\r\n  .pricing-card {\r\n    .pricing-card-body {\r\n      padding: 50px 56px 43px;\r\n\r\n      .plan-features {\r\n        width: 100%;\r\n        margin-bottom: 32px;\r\n\r\n        li {\r\n          text-align: left;\r\n          padding: 4px 0;\r\n          font-family: $type-1;\r\n          font-size: $default-font-size;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}",
        "/* Tables */\r\n\r\n.table {\r\n  margin-bottom: 0;\r\n\r\n  thead {\r\n    th {\r\n      border-top: 0;\r\n      border-bottom-width: 1px;\r\n      font-family: $type-2;\r\n      font-weight: 500;\r\n      color: $table-head-cell-color;\r\n      border-bottom-color: $border-color;\r\n\r\n      i {\r\n        margin-left: 0.325rem;\r\n      }\r\n    }\r\n  }\r\n\r\n  tbody {\r\n    td {\r\n      border-top-color: $border-color;\r\n    }\r\n  }\r\n\r\n  td,\r\n  th {\r\n    vertical-align: middle;\r\n    font-size: $default-font-size;\r\n    line-height: 1;\r\n    white-space: nowrap;\r\n    height: 35px;\r\n    padding: $table-cell-padding;\r\n\r\n    img {\r\n      &:not(.thumb-image) {\r\n        @extend .img-ss;\r\n        border-radius: 100%;\r\n      }\r\n\r\n      &.thumb-image {\r\n        width: 50px;\r\n        height: 50px;\r\n        border: 1px solid $border-color;\r\n      }\r\n    }\r\n\r\n    .badge {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    .form-check,\r\n    .form-radio {\r\n      margin-top: 0;\r\n      margin-bottom: -0px;\r\n    }\r\n  }\r\n\r\n  td {\r\n    color: $table-color;\r\n\r\n    .form-check {\r\n      .form-check-label {\r\n        input:checked+.input-helper {\r\n          &:after {\r\n            line-height: 1px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &.table-borderless {\r\n    border: none;\r\n\r\n    td,\r\n    th,\r\n    tr {\r\n      border: none;\r\n    }\r\n  }\r\n\r\n  &.table-bordered {\r\n    thead {\r\n      border: 1px solid $border-color;\r\n      border-bottom: none;\r\n\r\n      tr {\r\n        &:not(.enable-border) {\r\n          th {\r\n            border-left: none;\r\n            border-right: none;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    td {\r\n      border-color: $border-color;\r\n    }\r\n\r\n    &.table-edge-border-0 {\r\n      border-left: none;\r\n      border-right: none;\r\n      border-bottom: none;\r\n\r\n      thead {\r\n        border-left: none;\r\n        border-right: none;\r\n      }\r\n\r\n      th,\r\n      td {\r\n        &:first-child {\r\n          border-left: 1px solid transparent;\r\n        }\r\n\r\n        &:last-child {\r\n          border-right: 1px solid transparent;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &.table-striped {\r\n    tbody {\r\n      tr {\r\n        &:nth-child(odd) {\r\n          background: $table-accent-bg;\r\n        }\r\n\r\n        &:nth-child(even) {\r\n          background: transparent;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &.table-stretched {\r\n\r\n    thead,\r\n    tbody {\r\n      tr {\r\n\r\n        th,\r\n        td {\r\n          &:first-child {\r\n            padding-left: 0;\r\n          }\r\n\r\n          &:last-child {\r\n            padding-right: 0;\r\n            text-align: right;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}",
        "/* Tabs */\r\n\r\n// Basic Styles\r\n.nav-pills,\r\n.nav-tabs {\r\n\t.nav-item {\r\n\t\t.nav-link {\r\n\t\t\tfont-family: $type-1;\r\n\t\t\tline-height: 1;\r\n\t\t\tfont-size: $default-font-size;\r\n\t\t\tcolor: $body-color;\r\n\t\t\ttext-align: center;\r\n\t\t\tdisplay: flex;\r\n\r\n\t\t\ti {\r\n\t\t\t\tmargin-right: 10px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.tab-content {\r\n\tfont-family: $type-1;\r\n\tfont-size: $default-font-size;\r\n\tline-height: 1.71;\r\n}\r\n\r\n.tab-basic {\r\n\tborder-bottom: none;\r\n\tmargin-bottom: 20px;\r\n\r\n\t.nav-item {\r\n\t\tmargin-right: 7%;\r\n\r\n\t\t.nav-link {\r\n\t\t\tcolor: $text-muted;\r\n\t\t\tpadding: 0 0 7px;\r\n\t\t\tborder-top: none;\r\n\t\t\tborder-right: none;\r\n\t\t\tborder-left: none;\r\n\t\t\tborder-bottom: 2px solid $border-color;\r\n\r\n\t\t\t&.active {\r\n\t\t\t\tborder-top: none;\r\n\t\t\t\tborder-right: none;\r\n\t\t\t\tborder-left: none;\r\n\t\t\t\tborder-bottom: 2px solid theme-color(success);\r\n\t\t\t\tcolor: theme-color(success);\r\n\t\t\t\tbackground: $card-bg;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.tab-content-basic {}\r\n\r\n.tab-solid {\r\n\tborder: none;\r\n\tmargin-bottom: 30px;\r\n\r\n\t.nav-item {\r\n\t\t.nav-link {\r\n\t\t\tborder: none;\r\n\t\t\tpadding: 10px 16px;\r\n\t\t\tborder-radius: 4px;\r\n\r\n\t\t\t&:nth(fist-child) {\r\n\t\t\t\tpadding-left: 0;\r\n\t\t\t}\r\n\r\n\t\t\t&.active {\r\n\t\t\t\tborder: none;\r\n\t\t\t\tcolor: $white;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.tab-content-solid {\r\n\tborder: none;\r\n\tpadding-left: 0;\r\n\tpadding-right: 0;\r\n}\r\n\r\n@each $color,\r\n$value in $theme-colors {\r\n\t.tab-solid-#{$color} {\r\n\t\t@include tab-solid-variant($value);\r\n\t}\r\n}\r\n\r\n.tab-minimal {\r\n\t.nav-tabs {\r\n\t\tborder: none;\r\n\r\n\t\t.nav-item {\r\n\t\t\t.nav-link {\r\n\t\t\t\tborder: none;\r\n\t\t\t\tfont-size: 14px;\r\n\r\n\t\t\t\t&.active {\r\n\t\t\t\t\tfont-weight: 600;\r\n\t\t\t\t\tbackground: $card-bg;\r\n\t\t\t\t\tcolor: $body-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:first-child {\r\n\t\t\t\t\tpadding-left: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.tab-content {}\r\n}\r\n\r\n.tab-simple-styled {\r\n\tborder-bottom: none;\r\n\tmargin-top: 30px;\r\n\tmargin-bottom: 30px;\r\n\r\n\t.nav-item {\r\n\t\tmargin-right: 30px;\r\n\r\n\t\t.nav-link {\r\n\t\t\tborder: none;\r\n\t\t\tpadding: 0;\r\n\t\t\tcolor: $text-muted;\r\n\r\n\t\t\t&.active {\r\n\t\t\t\tbackground: $card-bg;\r\n\t\t\t\tcolor: theme-color(info);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.tab-tile-style {\r\n\tdisplay: flex;\r\n\tjustify-content: space-around;\r\n\tborder-bottom: none;\r\n\tmargin-bottom: 30px;\r\n\r\n\t.nav-item {\r\n\t\t.nav-link {\r\n\t\t\tposition: relative;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-items: flex-start;\r\n\t\t\tpadding: 15px 25px;\r\n\t\t\tborder-radius: 0px;\r\n\t\t\tborder: none;\r\n\r\n\t\t\tp {\r\n\t\t\t\tmargin-bottom: 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tborder: none;\r\n\t\t}\r\n\r\n\t\t&.active {\r\n\t\t\t.nav-link {\r\n\t\t\t\tbackground: rgba(#e6ecf5, 0.4);\r\n\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 0px;\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\tleft: 0;\r\n\t\t\t\t\theight: 2px;\r\n\t\t\t\t\tbackground: theme-color(danger);\r\n\t\t\t\t\tright: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.vertical-tab {\r\n\tdisplay: flex;\r\n\r\n\t.nav-tabs {\r\n\t\tflex-direction: column;\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\r\n\t.tab-content {\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n}",
        "// Solid tab variations\r\n@mixin tab-solid-variant($color) {\r\n  .nav-link {\r\n    &.active {\r\n      background: $color;\r\n    }\r\n  }\r\n}",
        "/* Settings Panel */\r\n\r\n.settings-panel {\r\n  display: block;\r\n  position: fixed;\r\n  top: 0;\r\n  right: -$settings-panel-width;\r\n  bottom: 0;\r\n  width: $settings-panel-width;\r\n  height: 100vh;\r\n  min-height: 100%;\r\n  background: $card-bg;\r\n  padding-top: 50px;\r\n  transition-duration: $action-transition-duration;\r\n  transition-timing-function: $action-transition-timing-function;\r\n  transition-property: right, box-shadow;\r\n  z-index: 9999;\r\n\r\n  .nav-tabs {\r\n    display: flex;\r\n    justify-content: center;\r\n    width: auto;\r\n    margin: 0;\r\n    padding: 0;\r\n    background: $blue-teal-gradient;\r\n\r\n    .nav-item {\r\n      border: none;\r\n\r\n      .nav-link {\r\n        text-align: center;\r\n        border: none;\r\n        display: flex;\r\n        align-items: center;\r\n        color: rgba($white, 0.5);\r\n        transition-duration: 0.4s;\r\n        transition-property: color;\r\n        justify-content: center;\r\n\r\n        &.active {\r\n          background: transparent;\r\n          color: $white;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .tab-content {\r\n    border: none;\r\n    padding: 20px 0 0;\r\n\r\n    .tab-pane {\r\n      &.scroll-wrapper {\r\n        position: relative;\r\n        max-height: 100vh;\r\n        height: 100%;\r\n        padding-bottom: 150px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .settings-heading {\r\n    padding: 16px 0 13px 20px;\r\n\r\n    .rtl & {\r\n      padding: 16px 35px 13px 0;\r\n      text-align: right;\r\n    }\r\n  }\r\n\r\n  small.settings-heading {\r\n    .rtl & {\r\n      padding: 16px 0 13px 12px;\r\n    }\r\n  }\r\n\r\n  .sidebar-bg-options {\r\n    padding: 13px 35px;\r\n    display: flex;\r\n    align-items: center;\r\n    font-size: $default-font-size;\r\n    line-height: 1;\r\n    color: lighten($black, 35%);\r\n    background: $white;\r\n    transition-duration: $action-transition-duration;\r\n    transition-property: background;\r\n\r\n    &.selected {\r\n      background: color(gray-lightest);\r\n    }\r\n\r\n    .rtl & {\r\n      .rounded-circle {\r\n        @extend .mr-0;\r\n        @extend .ml-3;\r\n      }\r\n    }\r\n  }\r\n\r\n  .color-tiles {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    flex-wrap: wrap;\r\n    margin: 0 35px 10px;\r\n    padding-top: 15px;\r\n\r\n    .tiles {\r\n      @extend .img-ss;\r\n      @extend .rounded-circle;\r\n      margin: 10px 18px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      &:before {\r\n        content: \"\";\r\n        width: 0;\r\n        height: 0;\r\n        opacity: 0;\r\n        background: rgba($white, 0.5);\r\n        border-radius: 100%;\r\n        border: 0 solid rgba($white, 0.4);\r\n        transition-duration: $action-transition-duration;\r\n        transition-timing-function: $action-transition-timing-function;\r\n      }\r\n\r\n      &.selected {\r\n        &:before {\r\n          width: 10px;\r\n          height: 10px;\r\n          opacity: 1;\r\n          border-width: $border-width;\r\n        }\r\n      }\r\n\r\n      &.primary {\r\n        @extend .bg-primary;\r\n      }\r\n\r\n      &.success {\r\n        @extend .bg-success;\r\n      }\r\n\r\n      &.warning {\r\n        @extend .bg-warning;\r\n      }\r\n\r\n      &.danger {\r\n        @extend .bg-danger;\r\n      }\r\n\r\n      &.pink {\r\n        background: color(pink);\r\n      }\r\n\r\n      &.info {\r\n        @extend .bg-info;\r\n      }\r\n\r\n      &.dark {\r\n        @extend .bg-dark;\r\n      }\r\n\r\n      &.default {\r\n        border: 1px solid lighten(color(gray), 60%);\r\n        background: $blue-teal-gradient;\r\n      }\r\n    }\r\n  }\r\n\r\n  .chat-list {\r\n    padding-left: 0;\r\n\r\n    .list {\r\n      padding: 0.4rem 0.8rem;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      border-bottom: $border-width solid $border-color;\r\n\r\n      &:last-child {\r\n        border-bottom: none;\r\n      }\r\n\r\n      .profile {\r\n        position: relative;\r\n        margi
        "/* Tabs */\r\n.add-items {\r\n  margin-bottom: 1.5rem;\r\n  overflow: hidden;\r\n\r\n  input[type=\"text\"] {\r\n    border-top-right-radius: 0;\r\n    border-bottom-right-radius: 0;\r\n    width: 100%;\r\n  }\r\n\r\n  .btn {\r\n    border-top-left-radius: 0;\r\n    border-bottom-left-radius: 0;\r\n  }\r\n}\r\n\r\n.list-wrapper {\r\n  height: 100%;\r\n  max-height: 100%;\r\n\r\n  ul {\r\n    padding: 0;\r\n    text-align: left;\r\n    list-style: none;\r\n    margin-bottom: 0;\r\n\r\n    li {\r\n      @extend .d-flex;\r\n      @extend .align-items-center;\r\n      @extend .justify-content-start;\r\n      font-size: 0.9375rem;\r\n      padding: 0.4rem 0;\r\n      border-bottom: 1px solid $border-color;\r\n\r\n      .form-check {\r\n        @extend %ellipsor;\r\n        max-width: 90%;\r\n\r\n        .form-check-label {\r\n          @extend%ellipsor;\r\n        }\r\n      }\r\n      .col-content{\r\n        width: 100%;\r\n        >div{\r\n          width: 100%;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  input[type=\"checkbox\"] {\r\n    margin-right: 15px;\r\n  }\r\n\r\n  .remove {\r\n    margin-left: auto;\r\n    cursor: pointer;\r\n    font-size: 1.3rem;\r\n    font-weight: 600;\r\n    color: theme-color(primary);\r\n    width: 1.25rem;\r\n    height: 1.25rem;\r\n    line-height: 20px;\r\n    text-align: center;\r\n\r\n    .rtl & {\r\n      margin-right: auto;\r\n      margin-left: 0;\r\n    }\r\n  }\r\n\r\n  .completed {\r\n    text-decoration: line-through;\r\n    text-decoration-color: theme-color(primary);\r\n\r\n    .remove {\r\n      text-decoration: none;\r\n    }\r\n  }\r\n}\r\n",
        "/* Tooltips */\r\n\r\n.tooltip-static-demo {\r\n\t.tooltip {\r\n\t\tposition: relative;\r\n\t\tdisplay: inline-block;\r\n\t\topacity: 1;\r\n\t\tmargin: 0 10px 10px 0;\r\n\t}\r\n\t.bs-tooltip-bottom-demo,\r\n\t.bs-tooltip-top-demo {\r\n\t\t.arrow {\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translateX(-50%);\r\n\t\t}\r\n\t}\r\n\t.bs-tooltip-left-demo,\r\n\t.bs-tooltip-right-demo {\r\n\t\t.arrow {\r\n\t\t\ttop: 50%;\r\n\t\t\ttransform: translateY(-50%);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.tooltip {\r\n\tfont-size: $tooltip-font-size;\r\n\tmin-width: 5.625rem;\r\n\t.tooltip-inner {\r\n\t\tfont-family: $type-1;\r\n\t}\r\n\tz-index: 1029;\r\n}\r\n\r\n@each $color,\r\n$value in $theme-colors {\r\n\t.tooltip-#{$color} {\r\n\t\t@include tooltip-variant(theme-color($color));\r\n\t}\r\n}",
        "// Tooltip color  variations\r\n@mixin tooltip-variant($color) {\r\n\t.tooltip-inner {\r\n\t\tbackground: $color;\r\n\t\tcolor: $white;\r\n\t}\r\n\r\n\t&.bs-tooltip-top {\r\n\t\t.arrow::before {\r\n\t\t\tborder-top-color: $color;\r\n\t\t}\r\n\t}\r\n\r\n\t&.bs-tooltip-right {\r\n\t\t.arrow::before {\r\n\t\t\tborder-right-color: $color;\r\n\t\t}\r\n\t}\r\n\r\n\t&.bs-tooltip-bottom {\r\n\t\t.arrow::before {\r\n\t\t\tborder-bottom-color: $color;\r\n\t\t}\r\n\t}\r\n\r\n\t&.bs-tooltip-left {\r\n\t\t.arrow::before {\r\n\t\t\tborder-left-color: $color;\r\n\t\t}\r\n\t}\r\n}",
        "/* User Profile */\r\n\r\n.user-profile {\r\n  .side-left {\r\n    .card {\r\n      .avatar {\r\n        img {\r\n          display: block;\r\n          width: 90px;\r\n          height: 90px;\r\n          border-radius: 100%;\r\n          margin-left: auto;\r\n          margin-right: auto;\r\n          @extend .mt-4;\r\n          @extend .mb-3;\r\n        }\r\n        .name {\r\n          text-align: center;\r\n          color: theme-color(dark);\r\n          font-size: 1.2rem;\r\n          font-weight: 600;\r\n          margin-bottom: 0;\r\n        }\r\n        .designation {\r\n          text-align: center;\r\n          color: color(gray);\r\n          font-size: 0.8rem;\r\n          font-weight: 600;\r\n        }\r\n        .email {\r\n          text-align: center;\r\n          color: theme-color(primary);\r\n          display: block;\r\n        }\r\n        .number {\r\n          display: block;\r\n          text-align: center;\r\n          color: theme-color(primary);\r\n        }\r\n      }\r\n      .overview {\r\n        .achivements {\r\n          padding-left: 0;\r\n          display: flex;\r\n          justify-content: center;\r\n          li {\r\n            width: 33.333%;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            flex-direction: column;\r\n            p {\r\n              text-align: center;\r\n              margin-bottom: 0;\r\n              font-weight: 600;\r\n              font-size: 1.4rem;\r\n              color: theme-color(dark);\r\n              &:last-child {\r\n                font-weight: 500;\r\n                font-size: 0.9rem;\r\n              }\r\n            }\r\n          }\r\n        }\r\n        .about-user {\r\n          @extend .mb-4;\r\n          p {\r\n            font-size: 0.8rem;\r\n          }\r\n        }\r\n        .info-links {\r\n          a {\r\n            font-size: 0.8rem;\r\n            display: block;\r\n            margin-bottom: 10px;\r\n            i {\r\n              font-size: 0.8rem;\r\n              margin-right: 10px;\r\n            }\r\n            span {\r\n              text-align: left;\r\n              display: inline-block;\r\n            }\r\n          }\r\n          .website {}\r\n          .social-link {}\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .side-right {}\r\n}",
        ".calendar-aside {\r\n  display: block;\r\n\r\n  .list {\r\n    position: relative;\r\n    padding: 10px 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    border-radius: 5px;\r\n    transition-duration: $action-transition-duration;\r\n    transition-property: background;\r\n\r\n    .user-text {\r\n      margin-bottom: 0;\r\n      margin-left: 20px;\r\n      font-size: $default-font-size;\r\n    }\r\n\r\n    .count {\r\n      width: 20px;\r\n      height: 20px;\r\n      position: relative;\r\n      border-radius: 50px;\r\n      transition-duration: $action-transition-duration;\r\n      transition-timing-function: $action-transition-timing-function;\r\n      transition-property: opacity;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      &:before {\r\n        content: \"\";\r\n        position: absolute;\r\n        left: 0;\r\n        right: 0;\r\n        top: 50%;\r\n        display: block;\r\n        height: 10px;\r\n        width: 10px;\r\n        margin: auto;\r\n        border-radius: 50px;\r\n        transform: translateY(-50%);\r\n        transition-duration: $action-transition-duration;\r\n        transition-timing-function: $action-transition-timing-function;\r\n      }\r\n\r\n      &.online {\r\n        &:before {\r\n          background: theme-color(success);\r\n        }\r\n      }\r\n\r\n      &.offline {\r\n        &:before {\r\n          background: theme-color(danger);\r\n        }\r\n      }\r\n\r\n      .close {\r\n        font-size: 15px;\r\n        margin: auto;\r\n        opacity: 0;\r\n        color: theme-color(danger);\r\n        transition-duration: $action-transition-duration;\r\n        transition-timing-function: $action-transition-timing-function;\r\n      }\r\n    }\r\n\r\n    &:hover {\r\n      background: theme-color(light);\r\n\r\n      .count {\r\n        &:before {\r\n          z-index: 0;\r\n          height: 20px;\r\n          width: 20px;\r\n          background: theme-color(light);\r\n        }\r\n\r\n        .close {\r\n          z-index: 2;\r\n          opacity: 1;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.data-list {\r\n  width: 100%;\r\n  overflow: auto;\r\n\r\n  .list-item {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: nowrap;\r\n    width: 100%;\r\n    padding: 10px;\r\n    border-bottom: 1px solid $border-color;\r\n\r\n    &:last-child {\r\n      border-bottom: none;\r\n    }\r\n\r\n    .graph {\r\n      margin-left: auto;\r\n      width: 110px;\r\n    }\r\n  }\r\n}\r\n\r\n#sourceLineChartLegend {\r\n  padding-left: 0;\r\n  margin-bottom: 0;\r\n  list-style-type: none;\r\n\r\n  li {\r\n    display: inline-block;\r\n    margin-right: 20px;\r\n    color: $text-muted;\r\n\r\n    .chart-color {\r\n      height: 10px;\r\n      width: 10px;\r\n      display: inline-block;\r\n      margin-right: 5px;\r\n      @include border-radius(100%);\r\n\r\n      .rtl & {\r\n        margin-right: 0px;\r\n        margin-left: 5px;\r\n      }\r\n    }\r\n\r\n    &:last-child {\r\n      margin-right: 0;\r\n    }\r\n\r\n    .rtl & {\r\n      margin-right: 0px;\r\n      margin-left: 20px;\r\n\r\n      &:last-child {\r\n        margin-left: 0px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.social-card {\r\n  &.card-default {\r\n    .action-bar {\r\n      i {\r\n        color: theme-color(secondary);\r\n      }\r\n    }\r\n\r\n    .comment {\r\n      color: $text-muted;\r\n    }\r\n\r\n    .posted-date {\r\n      color: theme-color(primary);\r\n    }\r\n  }\r\n\r\n  &.card-colored {\r\n    .card-header {\r\n      background: inherit;\r\n    }\r\n\r\n    &.facebook-card {\r\n      background: social-color(facebook);\r\n\r\n      .card-header {\r\n        border-bottom-color: darken(social-color(facebook), 5%);\r\n      }\r\n    }\r\n\r\n    &.twitter-card {\r\n      background: social-color(twitter);\r\n\r\n      .card-header {\r\n        border-bottom-color: darken(social-color(twitter), 5%);\r\n      }\r\n    }\r\n\r\n    &.google-card {\r\n      background: social-color(google);\r\n\r\n      .card-heade
        ".horizontal-timeline {\r\n  .time-frame {\r\n    border-bottom: 1px solid $border-color;\r\n    padding-top: 20px;\r\n\r\n    &:last-child {\r\n      border-bottom: none;\r\n    }\r\n\r\n    .section-time-frame {\r\n      margin-bottom: 30px;\r\n    }\r\n\r\n    .event {\r\n      border-left: 1px solid $border-color;\r\n      padding-left: 2rem;\r\n      padding-bottom: 30px;\r\n      position: relative;\r\n\r\n      &:last-child {\r\n        border-left: none;\r\n      }\r\n\r\n      .event-text {\r\n        line-height: 1;\r\n        font-weight: 400;\r\n        margin-bottom: 0;\r\n        @include ellipsor;\r\n      }\r\n\r\n      .tumbnail-views {\r\n        display: inline-block;\r\n\r\n        .thumbnail {\r\n          float: left;\r\n          margin-right: 16px;\r\n          margin-top: 1rem;\r\n\r\n          img {\r\n            max-width: 100%;\r\n            border-radius: 4px;\r\n          }\r\n        }\r\n      }\r\n\r\n      .event-alert {\r\n        margin-top: 1rem;\r\n        padding: 11px 25px;\r\n        background: $alert-event-bg;\r\n        width: 80%;\r\n        font-family: $type-1;\r\n        font-size: 13px;\r\n        font-weight: 300;\r\n        border-radius: 4px;\r\n      }\r\n\r\n      .event-info {\r\n        margin-top: 0.8rem;\r\n        font-family: $type-1;\r\n        font-size: 12px;\r\n        font-weight: 400;\r\n        color: $text-muted;\r\n      }\r\n\r\n      &:before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0;\r\n        left: -5px;\r\n        height: 10px;\r\n        width: 10px;\r\n        border-radius: 100%;\r\n      }\r\n\r\n      &:nth-child(3n+1) {\r\n        &:before {\r\n          background: theme-color(info);\r\n        }\r\n      }\r\n\r\n      &:nth-child(3n+2) {\r\n        &:before {\r\n          background: theme-color(success);\r\n        }\r\n      }\r\n\r\n      &:nth-child(3n+3) {\r\n        &:before {\r\n          background: theme-color(primary);\r\n        }\r\n      }\r\n    }\r\n  }\r\n}",
        "/* Timeline */\r\n.vertical-timeline {\r\n\tlist-style: none;\r\n\tpadding: 0;\r\n\tposition: relative;\r\n\r\n\t&:before {\r\n\t\ttop: 0;\r\n\t\tbottom: 0;\r\n\t\tposition: absolute;\r\n\t\tcontent: \" \";\r\n\t\twidth: 3px;\r\n\t\tbackground-color: lighten($card-bg, 4%);\r\n\t\tleft: 50%;\r\n\t\tmargin-left: -1.5px;\r\n\t}\r\n\r\n\t.timeline-wrapper {\r\n\t\tdisplay: block;\r\n\t\tmargin-bottom: 20px;\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\tpadding-right: 90px;\r\n\r\n\t\t&:before {\r\n\t\t\tcontent: \" \";\r\n\t\t\tdisplay: table;\r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\tcontent: \" \";\r\n\t\t\tdisplay: table;\r\n\t\t\tclear: both;\r\n\t\t}\r\n\r\n\t\t.timeline-panel {\r\n\t\t\tborder-radius: 2px;\r\n\t\t\tpadding: 20px;\r\n\t\t\tposition: relative;\r\n\t\t\tbackground: lighten($card-bg, 4%);\r\n\t\t\tborder-radius: 6px;\r\n\t\t\tbox-shadow: $timeline-panel-box-shadow;\r\n\t\t\twidth: 35%;\r\n\t\t\tmargin-left: 15%;\r\n\r\n\t\t\t&:before {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 2px;\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tleft: 0;\r\n\t\t\t\tright: 0;\r\n\t\t\t}\r\n\r\n\t\t\t&:after {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 7px;\r\n\t\t\t\tright: -14px;\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tborder-top: 14px solid transparent;\r\n\t\t\t\tborder-left: 14px solid lighten($card-bg, 4%);\r\n\t\t\t\tborder-right: 0 solid lighten($card-bg, 4%);\r\n\t\t\t\tborder-bottom: 14px solid transparent;\r\n\t\t\t\tcontent: \" \";\r\n\t\t\t}\r\n\r\n\t\t\t.timeline-title {\r\n\t\t\t\tmargin-top: 0;\r\n\t\t\t\tcolor: $body-color;\r\n\t\t\t\ttext-transform: uppercase;\r\n\t\t\t}\r\n\r\n\t\t\t.timeline-body {\r\n\t\t\t\tp {\r\n\t\t\t\t\tmargin-bottom: 0;\r\n\r\n\t\t\t\t\t&+p {\r\n\t\t\t\t\t\tmargin-top: 5px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tul {\r\n\t\t\t\t\tmargin-bottom: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.timeline-footer {\r\n\t\t\t\tspan {\r\n\t\t\t\t\tfont-size: 0.6875rem;\r\n\t\t\t\t}\r\n\r\n\t\t\t\ti {\r\n\t\t\t\t\tfont-size: 1.5rem;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.timeline-badge {\r\n\t\t\twidth: 14px;\r\n\t\t\theight: 14px;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 16px;\r\n\t\t\tleft: calc(50% - 7px);\r\n\t\t\tz-index: 100;\r\n\t\t\tborder-top-right-radius: 50%;\r\n\t\t\tborder-top-left-radius: 50%;\r\n\t\t\tborder-bottom-right-radius: 50%;\r\n\t\t\tborder-bottom-left-radius: 50%;\r\n\t\t\tborder: 2px solid lighten($card-bg, 4%);\r\n\r\n\t\t\ti {\r\n\t\t\t\tcolor: $timeline-badge-color;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.timeline-inverted {\r\n\t\t\tpadding-right: 0;\r\n\t\t\tpadding-left: 90px;\r\n\r\n\t\t\t.timeline-panel {\r\n\t\t\t\tmargin-left: auto;\r\n\t\t\t\tmargin-right: 15%;\r\n\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tborder-left-width: 0;\r\n\t\t\t\t\tborder-right-width: 14px;\r\n\t\t\t\t\tleft: -14px;\r\n\t\t\t\t\tright: auto;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@media (max-width: 767px) {\r\n\t.timeline {\r\n\t\t.timeline-wrapper {\r\n\t\t\tpadding-right: 150px;\r\n\r\n\t\t\t&.timeline-inverted {\r\n\t\t\t\tpadding-left: 150px;\r\n\t\t\t}\r\n\r\n\t\t\t.timeline-panel {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmargin-left: 0;\r\n\t\t\t\tmargin-right: 0;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@each $color,\r\n$value in $theme-colors {\r\n\t.timeline-wrapper-#{$color} {\r\n\t\t.timeline-panel {\r\n\t\t\t&:before {\r\n\t\t\t\tbackground: theme-color($color);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.timeline-badge {\r\n\t\t\tbackground: theme-color($color);\r\n\t\t}\r\n\t}\r\n}",
        ".timeline {\r\n    list-style: none;\r\n    padding-left: 0;\r\n\r\n    .timeline-item {\r\n        border-left: 1px solid $border-color;\r\n        color: $text-muted;\r\n        padding-left: 20px;\r\n        padding-bottom: 20px;\r\n        position: relative;\r\n\r\n        &:before {\r\n            content: \"\";\r\n            height: 10px;\r\n            width: 10px;\r\n            border-radius: 10px;\r\n            position: absolute;\r\n            top: 0px;\r\n            left: -5px;\r\n        }\r\n\r\n        &:nth-child(4n + 1) {\r\n            &:before {\r\n                background: theme-color(success);\r\n            }\r\n        }\r\n\r\n        &:nth-child(4n + 2) {\r\n            &:before {\r\n                background: theme-color(primary);\r\n            }\r\n        }\r\n\r\n        &:nth-child(4n + 3) {\r\n            &:before {\r\n                background: theme-color(warning);\r\n            }\r\n        }\r\n\r\n        &:nth-child(4n + 4) {\r\n            &:before {\r\n                background: theme-color(info);\r\n            }\r\n        }\r\n\r\n        &:last-child {\r\n            border-left: none;\r\n            padding-bottom: 0;\r\n        }\r\n\r\n        .timeline-content {\r\n            margin-bottom: 0;\r\n            line-height: 10px;\r\n\r\n        }\r\n\r\n        .event-time {\r\n            margin-bottom: 0;\r\n        }\r\n    }\r\n}",
        ".board-wrapper {\r\n    overflow-x: auto;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    flex-wrap: nowrap;\r\n\r\n    .board-portlet {\r\n        background: darken($content-bg, 3.5%);\r\n        margin: 0px 15px;\r\n        padding: 22px 20px;\r\n        min-width: 350px;\r\n        width: 350px;\r\n        border-radius: 4px;\r\n    }\r\n\r\n    .portlet-heading {\r\n        font-weight: 500;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .task-number {\r\n        color: $text-muted;\r\n    }\r\n\r\n    .portlet-card-list {\r\n        padding-left: 0;\r\n        list-style: none;\r\n        min-height: 70px;\r\n    }\r\n\r\n    .portlet-card {\r\n        width: 100%;\r\n        border-radius: 4px;\r\n        padding: 20px 20px 20px 20px;\r\n        background: $card-bg;\r\n        display: grid;\r\n        grid-template-rows: 5;\r\n        grid-template-columns: 2;\r\n        border-radius: 6px;\r\n        position: relative;\r\n        margin-bottom: 15px;\r\n        cursor: grab;\r\n\r\n        .progress {\r\n            position: absolute;\r\n            top: 0px;\r\n            left: 0px;\r\n            right: 0px;\r\n            border-radius: 6px 6px 0px 0px;\r\n            height: 4px;\r\n\r\n            .progress-bar {\r\n                border-radius: 0px;\r\n            }\r\n        }\r\n\r\n        .task-date {\r\n            margin-bottom: 5px;\r\n            color: $text-muted;\r\n            grid-row-start: 1;\r\n            grid-column-start: 1;\r\n        }\r\n\r\n        .action-dropdown {\r\n            grid-row-start: 1;\r\n            grid-column-start: 2;\r\n            margin-left: auto;\r\n\r\n            .dropdown-toggle {\r\n                border: none;\r\n                background: $card-bg;\r\n\r\n                i {\r\n                    font-size: 20px;\r\n                    line-height: 20px;\r\n\r\n                    &:before {\r\n                        margin-right: -10px;\r\n                    }\r\n                }\r\n\r\n                &:after {\r\n                    display: none;\r\n                }\r\n            }\r\n\r\n            .dropdown-menu-right {\r\n                left: 0 !important;\r\n            }\r\n        }\r\n\r\n        .task-title {\r\n            font-weight: 500;\r\n            grid-row-start: 2;\r\n            grid-column-start: 1;\r\n            grid-column-end: 3;\r\n            font-size: 16px;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .image-grouped {\r\n            grid-row-start: 3;\r\n            grid-column-start: 1;\r\n            grid-column-end: 3;\r\n        }\r\n\r\n        .portlet-image {\r\n            width: 100%;\r\n            display: block;\r\n            grid-row-start: 4;\r\n            grid-column-start: 1;\r\n            grid-column-end: 3;\r\n            margin-top: 5px;\r\n            margin-left: -20px;\r\n            margin-right: -20px;\r\n            width: calc(100% + 40px);\r\n        }\r\n\r\n        .badge {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            grid-row-start: 5;\r\n            grid-column-start: 1;\r\n            grid-column-end: 2;\r\n            margin-top: 20px;\r\n        }\r\n\r\n        .due-date {\r\n            grid-row-start: 5;\r\n            grid-column-start: 2;\r\n            grid-column-end: 3;\r\n            margin-bottom: 0;\r\n            text-align: right;\r\n            margin-top: 20px;\r\n            color: $text-muted;\r\n            font-weight: 500;\r\n        }\r\n    }\r\n\r\n    .add-portlet {\r\n        background: $card-bg;\r\n        border-radius: 6px;\r\n        padding: 25px 10px;\r\n        text-align: center;\r\n        color: $text-muted;\r\n        font-weight: 500;\r\n        border: none;\r\n        width: 100%;\r\n        transition-duration: 0.4s;\r\n        transition-property: \"background\";\r\n\r\n        &:hover {\r\n            background: darken($card-bg, 5%);\r\n        }\r\n    }\r\n\r\n}\r\n\r\n.kanban-toolbar {\r\n    .btn {\r\n  
        ".chat-app-wrapper {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    .chat-list-wrapper {\r\n        overflow-y: auto;\r\n        border-right: 1px solid $border-color;\r\n        padding-bottom: 30px;\r\n\r\n\r\n        @media (max-width: 768px) {\r\n            position: absolute;\r\n            left: -300px;\r\n            top: 0;\r\n            z-index: 99;\r\n            bottom: 0px;\r\n            background: $card-bg;\r\n            width: 300px;\r\n            height: 100%;\r\n            border-right: none;\r\n            transition-duration: 0.3s;\r\n            transition-property: \"box-shadow\", \"left\";\r\n\r\n            &.menu-open {\r\n                left: 0px;\r\n                box-shadow: 6px 4px 15px -5px rgba(0, 0, 0, 0.25);\r\n            }\r\n        }\r\n\r\n        .chat-list-item-wrapper {\r\n            padding-top: 20px;\r\n            padding-bottom: 40px;\r\n\r\n            .list-item {\r\n                display: grid;\r\n                grid-template-columns: 45px auto auto;\r\n                grid-template-rows: 30px auto;\r\n                padding: 15px 20px;\r\n                transition-duration: 0.5s;\r\n                transition-property: \"background\";\r\n\r\n                .profile-image {\r\n                    position: relative;\r\n\r\n                    .dot-indicator {\r\n                        position: absolute;\r\n                        top: 15px;\r\n                        right: -5px;\r\n                        z-index: 1;\r\n                        height: 12px;\r\n                        width: 12px;\r\n                        border: 2px solid $card-bg;\r\n                    }\r\n                }\r\n\r\n                .user-name {\r\n                    color: $text-muted;\r\n                    padding-left: 20px;\r\n                    margin-bottom: 0;\r\n                    @extend .ellipsis;\r\n                }\r\n\r\n                .chat-time {\r\n                    color: $text-muted;\r\n                    text-align: right;\r\n                }\r\n\r\n                .chat-text {\r\n                    padding-left: 20px;\r\n                    grid-column-start: 2;\r\n                    grid-column-end: 4;\r\n                    grid-row-start: 2;\r\n                    margin-bottom: 0;\r\n                }\r\n\r\n                &:hover {\r\n                    background: rgba(theme-color(primary), 0.1);\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .chat-search-input {\r\n        padding-top: 30px;\r\n        padding-bottom: 10px;\r\n\r\n        .form-control {\r\n            height: 40px;\r\n            border-right: none;\r\n            border-radius: 4px 0px 0px 4px;\r\n            color: $text-muted;\r\n        }\r\n\r\n        .input-group-text {\r\n            padding: 8px 15px;\r\n            font-size: 20px;\r\n            border-radius: 0px 4px 4px 0px;\r\n\r\n            i {\r\n                color: $text-muted;\r\n            }\r\n        }\r\n    }\r\n\r\n    .sidebar-spacer {\r\n        padding-left: 20px;\r\n        padding-right: 20px;\r\n    }\r\n\r\n    .chat-container-wrapper {\r\n        height: 100%;\r\n        min-height: 100vh;\r\n        max-height: $chat-container-height;\r\n        overflow-y: auto;\r\n        padding-bottom: 20px;\r\n        padding: 0 15px 30px 15px;\r\n\r\n        .chat-bubble {\r\n            margin-top: 30px;\r\n\r\n            .chat-message {\r\n                border-radius: 4px;\r\n                padding: 20px;\r\n\r\n                p {\r\n                    &:last-child {\r\n                        margin-bottom: 0;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .sender-details {\r\n                display: flex;\r\n                align-items: center;\r\n                padding-top: 10px;\r\n\r\n                .sender-avatar {}\r\n\r\n                .seen-text {\r\n                    margin-bottom: 0;\r\n                    color: $text-muted;\r\n                }\r\n            }\r\n\r\n          
        "/* Mail Sidebar */\r\n\r\n.email-wrapper {\r\n\t.mail-sidebar {\r\n\t\tborder-right: 1px solid $border-color;\r\n\t\tpadding: 20px;\r\n\t\tbackground: $card-bg;\r\n\r\n\t\t.menu-bar {\r\n\t\t\twidth: 100%;\r\n\t\t\tfloat: right;\r\n\t\t\theight: 100%;\r\n\t\t\tmin-height: 100%;\r\n\r\n\t\t\t@media (max-width: $grid-breakpoints-sm) {\r\n\t\t\t\tmin-height: 100vh;\r\n\t\t\t\tmax-height: 100%;\r\n\t\t\t\theight: auto;\r\n\t\t\t\toverflow-y: auto;\r\n\t\t\t\toverflow-x: hidden;\r\n\t\t\t}\r\n\r\n\t\t\t.menu-items {\r\n\t\t\t\tpadding: 0;\r\n\t\t\t\tmargin-bottom: 0;\r\n\t\t\t\theight: auto;\r\n\t\t\t\tlist-style-type: none;\r\n\r\n\t\t\t\tli {\r\n\t\t\t\t\tpadding: 10px 15px;\r\n\t\t\t\t\ttransition: 0.4s;\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\tjustify-content: space-between;\r\n\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\tbackground: $emal-menu-item-hover-color;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\tcolor: $body-color;\r\n\t\t\t\t\t\tfont-size: $default-font-size;\r\n\t\t\t\t\t\ttext-decoration: none;\r\n\r\n\t\t\t\t\t\ti {\r\n\t\t\t\t\t\t\tmargin-right: 8px;\r\n\t\t\t\t\t\t\tfont-size: $default-font-size;\r\n\t\t\t\t\t\t\tline-height: 1.5;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&.active {\r\n\t\t\t\t\t\tbackground: $emal-menu-item-active-bg;\r\n\t\t\t\t\t\tborder-radius: 4px;\r\n\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tcolor: $emal-menu-item-active-color;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&.compose {\r\n\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\tbackground: transparent;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.online-status {\r\n\t\t\t\tmargin-top: 1rem;\r\n\r\n\t\t\t\t.chat {\r\n\t\t\t\t\tfont-size: $default-font-size;\r\n\t\t\t\t\tcolor: $text-muted;\r\n\t\t\t\t\tmargin-bottom: 0;\r\n\t\t\t\t\tfont-family: $type-1;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.status {\r\n\t\t\t\t\theight: 10px;\r\n\t\t\t\t\twidth: 10px;\r\n\t\t\t\t\tborder-radius: 100%;\r\n\t\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\t\tjustify-content: flex-start;\r\n\t\t\t\t\ttransform: translateX(-43px) translateY(2px);\r\n\r\n\t\t\t\t\t&:after {\r\n\t\t\t\t\t\tfont-size: 12px;\r\n\t\t\t\t\t\tcolor: $text-muted;\r\n\t\t\t\t\t\tmargin: -5px 0 0 18px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.status.offline {\r\n\t\t\t\t\tbackground: theme-color(danger);\r\n\r\n\t\t\t\t\t&:after {\r\n\t\t\t\t\t\tcontent: \"Offline\";\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.status.online {\r\n\t\t\t\t\tbackground: theme-color(success);\r\n\r\n\t\t\t\t\t&:after {\r\n\t\t\t\t\t\tcontent: \"Online\";\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.profile-list {\r\n\t\t\t\tpadding: 10px 0;\r\n\t\t\t}\r\n\r\n\t\t\t.profile-list-item {\r\n\t\t\t\tborder-bottom: 1px solid $border-color;\r\n\t\t\t\tpadding: 6px 0;\r\n\t\t\t\tdisplay: block;\r\n\r\n\t\t\t\t&:last-child {\r\n\t\t\t\t\tborder-bottom: 0;\r\n\t\t\t\t}\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\ttext-decoration: none;\r\n\t\t\t\t\t@extend .d-flex;\r\n\r\n\t\t\t\t\t.pro-pic {\r\n\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\talign-items: center;\r\n\t\t\t\t\t\tpadding: 0;\r\n\t\t\t\t\t\twidth: 20%;\r\n\t\t\t\t\t\tmax-width: 40px;\r\n\r\n\t\t\t\t\t\timg {\r\n\t\t\t\t\t\t\tmax-width: 100%;\r\n\t\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\t\tborder-radius: 100%;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t.user {\r\n\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\t@extend .d-flex;\r\n\t\t\t\t\t\t@extend .flex-column;\r\n\t\t\t\t\t\tpadding: 5px 10px 0 15px;\r\n\r\n\t\t\t\t\t\t.u-name {\r\n\t\t\t\t\t\t\tmargin: 0;\r\n\t\t\t\t\t\t\tfont-family: $type-1;\r\n\t\t\t\t\t\t\tfont-size: $default-font-size;\r\n\t\t\t\t\t\t\tline-height: 1;\r\n\t\t\t\t\t\t\t@extend %ellipsor;\r\n\t\t\t\t\t\t\tcolor: $body-color;\r\n\t\t\t\t\t\t\tfont-weight: 500;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t.u-designation {\r\n\t\t\t\t\t\t\tfont-size: calc(#{$default-font-size} - 0.1rem);\r\n\t\t\t\t\t\t\tcolor: $body-color;\r\n\t\t\t\t\t\t\t@extend %ellipsor;\r\n\t\t\t\t\t\t\tmargin-bottom: 0;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r
        "/* Mail List Container */\r\n.email-wrapper {\r\n\t.mail-list-container {\r\n\t\theight: 100%;\r\n\t\tpadding-left: 0;\r\n\t\tpadding-right: 0;\r\n\t\tbackground: $card-bg;\r\n\r\n\t\ta {\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\r\n\t\t.mail-list {\r\n\t\t\tborder-bottom: 1px solid $border-color;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: row;\r\n\t\t\tpadding: 10px 15px;\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\t&:last-child {\r\n\t\t\t\tborder-bottom: none;\r\n\t\t\t}\r\n\r\n\t\t\t.form-check {\r\n\t\t\t\tmargin-top: 12px;\r\n\t\t\t\twidth: 40px;\r\n\t\t\t}\r\n\r\n\t\t\t.content {\r\n\t\t\t\twidth: 90%;\r\n\t\t\t\tpadding-left: 0;\r\n\t\t\t\tpadding-right: 0;\r\n\r\n\t\t\t\t@media (max-width: 450px) {\r\n\t\t\t\t\twidth: 85%;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.sender-name {\r\n\t\t\t\t\tmargin-bottom: 0;\r\n\t\t\t\t\tfont-size: $default-font-size;\r\n\t\t\t\t\tfont-family: $type-1;\r\n\t\t\t\t\tfont-weight: 500;\r\n\t\t\t\t\t@extend %ellipsor;\r\n\t\t\t\t\tmax-width: 95%;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.message_text {\r\n\t\t\t\t\tmargin: 0;\r\n\t\t\t\t\tmax-width: 93%;\r\n\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t\ttext-overflow: ellipsis;\r\n\t\t\t\t\twhite-space: nowrap;\r\n\t\t\t\t\t@extend .text-muted;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.details {\r\n\t\t\t\t@extend .d-flex;\r\n\t\t\t\t@extend .justify-content-end;\r\n\t\t\t\twidth: 5.5%;\r\n\r\n\t\t\t\t.date {\r\n\t\t\t\t\ttext-align: right;\r\n\t\t\t\t\tmargin: auto 15px auto 0;\r\n\t\t\t\t\twhite-space: nowrap;\r\n\t\t\t\t\t@extend .text-muted;\r\n\t\t\t\t}\r\n\r\n\t\t\t\ti {\r\n\t\t\t\t\tmargin: auto 0;\r\n\t\t\t\t\tcolor: #ddd;\r\n\r\n\t\t\t\t\t&.favorite {\r\n\t\t\t\t\t\tcolor: theme-color(warning);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.new_mail {\r\n\t\t\t\tbackground: rgba(theme-color(primary), 0.3);\r\n\r\n\t\t\t\t.details {\r\n\t\t\t\t\t.date {\r\n\t\t\t\t\t\tcolor: $body-color;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}",
        "/* Message Content */\r\n.email-wrapper {\r\n\t.message-body {\r\n\t\t.sender-details {\r\n\t\t\tpadding: 20px 15px 0;\r\n\t\t\tborder-bottom: $border-property;\r\n\t\t\tdisplay: flex;\r\n\r\n\t\t\t.details {\r\n\t\t\t\tpadding-bottom: 0;\r\n\r\n\t\t\t\t.msg-subject {\r\n\t\t\t\t\tmargin-bottom: 0;\r\n\t\t\t\t\tfont-family: $type-1;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.sender-email {\r\n\t\t\t\t\tmargin-bottom: 20px;\r\n\t\t\t\t\tfont-family: $type-1;\r\n\r\n\t\t\t\t\ti {\r\n\t\t\t\t\t\tfont-size: 1rem;\r\n\t\t\t\t\t\tfont-family: $type-1;\r\n\t\t\t\t\t\tmargin: 0 1px 0 7px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.message-content {\r\n\t\t\tpadding: 50px 15px;\r\n\t\t}\r\n\r\n\t\t.attachments-sections {\r\n\t\t\tul {\r\n\t\t\t\tlist-style: none;\r\n\t\t\t\tborder-top: $border-property;\r\n\t\t\t\tpadding: 30px 15px 20px;\r\n\r\n\t\t\t\tli {\r\n\t\t\t\t\tpadding: 10px;\r\n\t\t\t\t\tmargin-right: 20px;\r\n\t\t\t\t\tborder: $border-property;\r\n\t\t\t\t\tborder-radius: 5px;\r\n\t\t\t\t\t@extend .d-inline-flex;\r\n\t\t\t\t\t@extend .flex-row;\r\n\t\t\t\t\t@extend .align-items-stretch;\r\n\r\n\t\t\t\t\t.thumb {\r\n\t\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\t\tmargin-right: 10px;\r\n\t\t\t\t\t\t@extend .d-flex;\r\n\t\t\t\t\t\t@extend .justify-content-center;\r\n\t\t\t\t\t\t@extend .align-items-center;\r\n\r\n\t\t\t\t\t\ti {\r\n\t\t\t\t\t\t\tfont-size: 30px;\r\n\t\t\t\t\t\t\tmargin: 0;\r\n\t\t\t\t\t\t\tcolor: $body-color;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t.details {\r\n\t\t\t\t\t\tp.file-name {\r\n\t\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\t\t@extend %ellipsor;\r\n\t\t\t\t\t\t\tmargin-bottom: 0;\r\n\t\t\t\t\t\t\tcolor: $body-color;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t.buttons {\r\n\t\t\t\t\t\t\t@extend .d-flex;\r\n\t\t\t\t\t\t\t@extend .align-items-center;\r\n\r\n\t\t\t\t\t\t\t.file-size {\r\n\t\t\t\t\t\t\t\tmargin-right: 10px;\r\n\t\t\t\t\t\t\t\tmargin-bottom: 0;\r\n\t\t\t\t\t\t\t\tfont-size: $default-font-size;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\t\tfont-size: $default-font-size;\r\n\t\t\t\t\t\t\t\tmargin-right: 10px;\r\n\r\n\t\t\t\t\t\t\t\t&:last-child {\r\n\t\t\t\t\t\t\t\t\tmargin-right: 0;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}",
        "@import \"./mail-list-container\";\r\n@import \"./messagecontent\";\r\n\r\n.email-wrapper {\r\n    display: grid;\r\n    grid-template-columns: 280px auto;\r\n    margin-top: 30px;\r\n\r\n    .mail-view {\r\n        display: none;\r\n        background: $card-bg;\r\n\r\n        .mail-header-toolbar {\r\n            display: flex;\r\n            align-items: center;\r\n            padding: 20px 10px;\r\n        }\r\n    }\r\n\r\n    .email-view-wrapper {\r\n        background: $email-view-wrapper-bg;\r\n        grid-column-start: 2;\r\n        grid-column-end: 3;\r\n    }\r\n}\r\n\r\n@media (max-width: 960px) {\r\n    .email-wrapper {\r\n        grid-template-columns: 200px auto;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .email-wrapper {\r\n        display: block;\r\n    }\r\n\r\n    .mail-sidebar {\r\n        position: fixed;\r\n        top: 63px;\r\n        right: -250px;\r\n        bottom: 0px;\r\n        z-index: 99;\r\n        width: 250px;\r\n        transition-duration: 0.6s;\r\n\r\n        &.menu-open {\r\n            left: 0;\r\n        }\r\n    }\r\n}",
        "/* Ace Editor */\r\n\r\n.ace_editor {\r\n\tmargin: auto;\r\n\theight: 300px;\r\n\twidth: 100%;\r\n}",
        "/* Avgrund Popup */\r\n\r\n.avgrund-popin {\r\n\tposition: absolute;\r\n\tbackground: $avgrund-popin-bg;\r\n\tpadding: 37px 33px;\r\n\toverflow: hidden;\r\n\tvisibility: hidden;\r\n\topacity: 0;\r\n\ttop: 50%;\r\n\tleft: 50%;\r\n\tz-index: 1000;\r\n\tfont-size: $default-font-size;\r\n\tfont-family: $type-1;\r\n\tfont-weight: initial;\r\n\tline-height: 1.85;\r\n\tborder-radius: 10px;\r\n\ttransform: scale(0.8);\r\n\r\n\tp {\r\n\t\tfont-size: $default-font-size;\r\n\t\tfont-family: $type-1;\r\n\t\tfont-weight: initial;\r\n\t}\r\n}\r\n\r\n.avgrund-overlay {\r\n\tbackground: $modal-backdrop-bg;\r\n\twidth: 100%;\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tbottom: 0;\r\n\tright: 0;\r\n\tz-index: 101;\r\n\tvisibility: hidden;\r\n\topacity: 0;\r\n\tfilter: alpha(opacity=0);\r\n}\r\n\r\n.avgrund-ready .avgrund-overlay,\r\n.avgrund-ready .avgrund-popin,\r\nbody.avgrund-ready {\r\n\ttransform-origin: 50% 50%;\r\n\ttransition: 0.3s all ease-out;\r\n}\r\n\r\nbody.avgrund-active {\r\n\toverflow: hidden;\r\n}\r\n\r\n.avgrund-active .avgrund-popin {\r\n\tvisibility: visible;\r\n\topacity: 1;\r\n\ttransform: scale(1.1);\r\n}\r\n\r\n.avgrund-active .avgrund-overlay {\r\n\tvisibility: visible;\r\n\topacity: 0.5;\r\n\theight: 20000px;\r\n}\r\n\r\n.avgrund-popin.stack {\r\n\ttransform: scale(1.5);\r\n}\r\n\r\n.avgrund-active .avgrund-popin.stack {\r\n\ttransform: scale(1.1);\r\n}\r\n\r\n.avgrund-active .avgrund-blur {}\r\n\r\n/* Optional close button styles */\r\n\r\n.avgrund-close {\r\n\tdisplay: block;\r\n\tcolor: $avgrund-close-color;\r\n\tbackground: $body-color;\r\n\tfont-size: 10px;\r\n\ttext-decoration: none;\r\n\ttext-transform: uppercase;\r\n\tposition: absolute;\r\n\ttop: 10px;\r\n\tright: 10px;\r\n\theight: 17px;\r\n\twidth: 17px;\r\n\ttext-align: center;\r\n\tline-height: 16px;\r\n\tborder-radius: 50px;\r\n\r\n\t&:hover {\r\n\t\tcolor: $avgrund-close-color;\r\n\t\ttext-decoration: none;\r\n\t}\r\n}",
        "/* Bootstrap Tour */\r\n.tour-tour {\r\n  padding: 0;\r\n  border: 0;\r\n  font-family: $type-1;\r\n  background: $tour-bg;\r\n\r\n  .popover-title {\r\n    background: $popover-title-bg;\r\n    color: $popover-title-color;\r\n    font-size: 0.8125rem;\r\n    font-family: $type-1;\r\n    padding: 0.75rem;\r\n  }\r\n\r\n  &.left {\r\n    .arrow {\r\n      &:after {\r\n        border-left-color: $popover-title-bg;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.right {\r\n    .arrow {\r\n      &:after {\r\n        border-right-color: $popover-title-bg;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.top {\r\n    .arrow {\r\n      &:after {\r\n        border-top-color: $popover-title-bg;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.bottom {\r\n    .arrow {\r\n      &:after {\r\n        border-bottom-color: $popover-title-bg;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.tour-step-background {\r\n  display: none;\r\n}",
        "#chartjs-tooltip {\r\n  background: lighten($card-bg, 4%);\r\n  border-radius: 4px;\r\n  padding: 10px;\r\n  box-shadow: $chartjs-tooltip-box-shadow;\r\n  transition: 0.3s ease;\r\n\r\n  table {\r\n    tr {\r\n      th {\r\n        color: $text-muted;\r\n      }\r\n\r\n      td {\r\n        display: flex;\r\n        align-items: center;\r\n        line-height: 1px;\r\n        padding-top: 5px;\r\n        padding-bottom: 5px;\r\n\r\n        &:first-letter {\r\n          text-transform: uppercase;\r\n        }\r\n\r\n        span {\r\n          width: 7px;\r\n          height: 7px;\r\n          display: inline-block;\r\n          border-radius: 100px;\r\n          margin-right: 7px;\r\n          color: $body-color;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.chartjs-legend {\r\n  ul {\r\n    list-style: none;\r\n    padding-left: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    margin-bottom: 0;\r\n\r\n    li {\r\n      margin-right: 8%;\r\n      display: flex;\r\n      align-items: center;\r\n      white-space: nowrap;\r\n      color: $text-muted;\r\n\r\n      span {\r\n        height: 10px;\r\n        width: 10px;\r\n        border-radius: 100%;\r\n        margin-right: 10px;\r\n        display: inline-block;\r\n        font-size: $default-font-size;\r\n      }\r\n    }\r\n  }\r\n\r\n  .rtl & {\r\n    ul {\r\n      padding-right: 0;\r\n\r\n      li {\r\n        margin-right: 0;\r\n        margin-left: 8%;\r\n\r\n        span {\r\n          margin-right: 0;\r\n          margin-left: 1rem;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}",
        "@mixin set-series-color($color) {\r\n\r\n  .ct-point,\r\n  .ct-line,\r\n  .ct-bar,\r\n  .ct-slice-donut {\r\n    stroke: $color;\r\n  }\r\n\r\n  .ct-slice-pie,\r\n  .ct-slice-donut-solid {\r\n    fill: $color;\r\n    stroke: #fff;\r\n  }\r\n}\r\n\r\n// Styles\r\n.ct-chart {\r\n  .ct-grid {\r\n    stroke: rgba($body-color, 0.25);\r\n  }\r\n\r\n  .ct-label {\r\n    font-size: 11px;\r\n    color: $body-color;\r\n  }\r\n\r\n  .ct-line {\r\n    stroke-width: 2px;\r\n  }\r\n\r\n  .ct-point {\r\n    stroke-width: 8px;\r\n  }\r\n\r\n  .ct-chart-pie,\r\n  .ct-chart-donut {\r\n    .ct-label {\r\n      font-size: 16px;\r\n      fill: rgba(#fff, 0.75);\r\n    }\r\n  }\r\n}\r\n\r\n.ct-chart {\r\n  .ct-series-a {\r\n    @include set-series-color(theme-color(primary));\r\n  }\r\n\r\n  .ct-series-b {\r\n    @include set-series-color(theme-color(info));\r\n  }\r\n\r\n  .ct-series-c {\r\n    @include set-series-color(theme-color(danger));\r\n  }\r\n\r\n  .ct-series-d {\r\n    @include set-series-color(theme-color(success));\r\n  }\r\n\r\n  .ct-series-e {\r\n    @include set-series-color(theme-color(warning));\r\n  }\r\n}",
        "/* CodeMirror */\r\n.CodeMirror {\r\n  font-size: 1rem;\r\n  height: auto;\r\n  min-height: auto;\r\n  text-align: left;\r\n\r\n  .CodeMirror-scroll {\r\n    min-height: auto;\r\n  }\r\n}\r\n",
        "/* Colcade */\r\n* {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.grid:after {\r\n  display: block;\r\n  content: '';\r\n  clear: both;\r\n}\r\n\r\n.grid-col {\r\n  float: left;\r\n  width: 49%;\r\n  margin-right: 2%;\r\n  background: $colcade-grid-bg;\r\n}\r\n\r\n.grid-col--4 {\r\n  margin-right: 0;\r\n}\r\n\r\n/* hide two middle */\r\n.grid-col--2,\r\n.grid-col--3 {\r\n  display: none;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .grid-col {\r\n    width: 32%;\r\n  }\r\n\r\n  .grid-col--2 {\r\n    display: block;\r\n  }\r\n}\r\n\r\n@media (min-width: 1200px) {\r\n  .grid-col {\r\n    width: 23.5%;\r\n  }\r\n\r\n  .grid-col--2,\r\n  .grid-col--3 {\r\n    display: block;\r\n  }\r\n}\r\n\r\n.grid-item {\r\n  background: $colcade-grid-bg-item;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.grid-item--a {\r\n  height: 80px;\r\n}\r\n\r\n.grid-item--b {\r\n  height: 140px;\r\n}\r\n\r\n.grid-item--c {\r\n  height: 300px;\r\n}",
        "/* Colorpicker */\r\n.asColorPicker-dropdown {\r\n  max-width: initial;\r\n}\r\n\r\n.asColorPicker-trigger {\r\n  height: auto;\r\n  @extend .input-group-prepend;\r\n  padding: 10px;\r\n  border: 1px solid $border-color;\r\n  border-left: none;\r\n\r\n  span {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 2px;\r\n  }\r\n}\r\n\r\n.asColorPicker-input {\r\n  @extend .form-control;\r\n}\r\n\r\n.asColorPicker-wrap {\r\n  @extend .input-group;\r\n}",
        "/* Context Menu */\r\n.context-menu-icon {\r\n  &:before {\r\n    color: $black;\r\n    font: normal normal normal 15px/1 \"Material Design Icons\";\r\n  }\r\n\r\n  &.context-menu-icon-cut {\r\n    &:before {\r\n      content: '\\F190';\r\n    }\r\n  }\r\n\r\n  &.context-menu-icon-edit {\r\n    &:before {\r\n      content: '\\F3EF';\r\n    }\r\n  }\r\n\r\n  &.context-menu-icon-copy {\r\n    &:before {\r\n      content: '\\F18F';\r\n    }\r\n  }\r\n\r\n  &.context-menu-icon-paste {\r\n    &:before {\r\n      content: '\\F613';\r\n    }\r\n  }\r\n\r\n  &.context-menu-icon-delete {\r\n    &:before {\r\n      content: '\\F6CB';\r\n    }\r\n  }\r\n\r\n  &.context-menu-icon-quit {\r\n    &:before {\r\n      content: '\\F156';\r\n    }\r\n  }\r\n}\r\n\r\n.context-menu-list {\r\n  box-shadow: none;\r\n  border: 1px solid $border-color;\r\n\r\n  .context-menu-item {\r\n    span {\r\n      color: $context-menu-item-color;\r\n      font-size: 0.75rem;\r\n      font-family: $type-1;\r\n    }\r\n\r\n    &.context-menu-hover {\r\n      background: $context-menu-hover-bg;\r\n\r\n      span {\r\n        color: $context-menu-hover-color;\r\n      }\r\n    }\r\n  }\r\n}",
        "/* Clockpicker */\r\n.clockpicker-popover {\r\n\tbackground-color: $border-color;\r\n\r\n\t&.left {\r\n\t\t.arrow {\r\n\t\t\t&:after {\r\n\t\t\t\tborder-left-color: $border-color;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.right {\r\n\t\t.arrow {\r\n\t\t\t&:after {\r\n\t\t\t\tborder-right-color: $border-color;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.top {\r\n\t\t.arrow {\r\n\t\t\t&:after {\r\n\t\t\t\tborder-top-color: $border-color;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.bottom {\r\n\t\t.arrow {\r\n\t\t\t&:after {\r\n\t\t\t\tborder-bottom-color: $border-color;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}",
        "/* Data Tables */\r\n\r\n.dataTables_wrapper {\r\n  padding-left: 0;\r\n  padding-right: 0;\r\n\r\n  label {\r\n    font-size: 0.8125rem;\r\n  }\r\n\r\n  select {\r\n    @extend .form-control;\r\n    padding: 0.4rem;\r\n    min-width: 75px;\r\n  }\r\n\r\n  .dataTables_length {\r\n    select {\r\n      margin-left: 0.25rem;\r\n      margin-right: 0.25rem;\r\n    }\r\n  }\r\n\r\n  .table-footer {\r\n    padding-top: $card-padding-y;\r\n  }\r\n\r\n  .height-limiter {\r\n    max-height: 400px;\r\n    overflow-y: auto;\r\n    box-shadow: inset 0px -6px 18px rgba(0, 0, 0, 0.06);\r\n  }\r\n\r\n  .dataTable {\r\n    border-collapse: collapse !important;\r\n\r\n    .btn {\r\n      padding: 0.1rem 1rem;\r\n      vertical-align: top;\r\n    }\r\n\r\n    thead {\r\n\r\n      .sorting,\r\n      .sorting_asc,\r\n      .sorting_asc_disabled,\r\n      .sorting_desc,\r\n      .sorting_desc_disabled {\r\n\r\n        &:after,\r\n        &:before {\r\n          top: 23px;\r\n        }\r\n      }\r\n\r\n      th {\r\n        vertical-align: middle;\r\n        padding: $table-cell-padding;\r\n        color: $body-color;\r\n        font-weight: 500;\r\n      }\r\n    }\r\n\r\n    tbody {\r\n      tr {\r\n        td {\r\n          z-index: 10;\r\n        }\r\n      }\r\n    }\r\n\r\n    &.collapsed {\r\n      tbody {\r\n        >tr {\r\n\r\n          &.odd,\r\n          &.even {\r\n            >td {\r\n              &:first-child {\r\n                padding-left: 30px;\r\n                position: relative;\r\n\r\n                &:before {\r\n                  content: \"\\F35d\";\r\n                  font-family: \"Material Design Icons\";\r\n                  font-size: 20px;\r\n                  color: theme-color(primary);\r\n                  text-rendering: auto;\r\n                  line-height: inherit;\r\n                  vertical-align: 0;\r\n                  font-size: 30px;\r\n                  position: absolute;\r\n                  left: 0px;\r\n                  top: 12px;\r\n                }\r\n              }\r\n            }\r\n          }\r\n\r\n          &.child {\r\n            ul.dtr-details {\r\n              list-style: none;\r\n              padding-left: 0;\r\n\r\n              li {\r\n                display: flex;\r\n                justify-content: space-between;\r\n                align-items: center;\r\n                padding: 5px 10px;\r\n                border-bottom: $border-color;\r\n\r\n                .dtr-title {\r\n                  font-weight: 500;\r\n                }\r\n\r\n                &:nth-child(even) {\r\n                  background: $content-bg;\r\n                }\r\n\r\n                &:last-child {\r\n                  margin-bottom: 0;\r\n                  border-bottom: none;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .dataTables_paginate {\r\n    margin-top: 20px !important;\r\n  }\r\n\r\n  .dataTables_info {\r\n    font-size: $default-font-size;\r\n    color: $text-muted;\r\n    margin-top: 20px;\r\n  }\r\n}",
        "/* Datepicker */\r\n.datepicker.datepicker-dropdown,\r\n.datepicker.datepicker-inline {\r\n\tpadding: 0 25px;\r\n\twidth: 30%;\r\n\tmax-width: 500px;\r\n\tmin-width: 250px;\r\n\r\n\t.datepicker-days {\r\n\t\tpadding: 0.8rem 0.7rem;\r\n\r\n\t\ttable.table-condensed {\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\tthead {\r\n\t\t\t\ttr {\r\n\t\t\t\t\tth {\r\n\t\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\t\tpadding: 0.5rem 0;\r\n\r\n\t\t\t\t\t\t&.prev {\r\n\t\t\t\t\t\t\tcolor: color(gray);\r\n\t\t\t\t\t\t\tpadding-bottom: 1rem;\r\n\t\t\t\t\t\t\tpadding-top: 1rem;\r\n\t\t\t\t\t\t\ttext-align: left;\r\n\t\t\t\t\t\t\tbackground: $card-bg;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t&.datepicker-switch {\r\n\t\t\t\t\t\t\tcolor: color(gray);\r\n\t\t\t\t\t\t\tbackground: $card-bg;\r\n\t\t\t\t\t\t\tpadding-bottom: 1rem;\r\n\t\t\t\t\t\t\tpadding-top: 1rem;\r\n\t\t\t\t\t\t\tfont-size: 1rem;\r\n\t\t\t\t\t\t\tfont-weight: 600;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t&.next {\r\n\t\t\t\t\t\t\tcolor: grey;\r\n\t\t\t\t\t\t\tpadding-bottom: 1rem;\r\n\t\t\t\t\t\t\tpadding-top: 1rem;\r\n\t\t\t\t\t\t\ttext-align: right;\r\n\t\t\t\t\t\t\tbackground: $card-bg;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t&.dow {\r\n\t\t\t\t\t\t\tfont-family: $type-1;\r\n\t\t\t\t\t\t\tcolor: color(gray);\r\n\t\t\t\t\t\t\tfont-size: 0.875rem;\r\n\t\t\t\t\t\t\tfont-weight: initial;\r\n\r\n\t\t\t\t\t\t\t&:first-child {\r\n\t\t\t\t\t\t\t\ttext-align: left;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:last-child {\r\n\t\t\t\t\t\t\t\ttext-align: right;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\ttbody {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\ttop: 13px;\r\n\r\n\t\t\t\ttd {\r\n\t\t\t\t\ttext-align: center;\r\n\r\n\t\t\t\t\t&.day {\r\n\t\t\t\t\t\tfont-size: 0.9375rem;\r\n\t\t\t\t\t\tpadding: 0.5rem 0;\r\n\t\t\t\t\t\tcolor: $body-color;\r\n\r\n\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\tbackground: lighten($card-bg, 4%);\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t&:first-child {\r\n\t\t\t\t\t\t\ttext-align: left;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t&:last-child {\r\n\t\t\t\t\t\t\ttext-align: right;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\tvar(--base-text);\r\n\t\t\t\t\t\t\tbackground: transparent;\r\n\t\t\t\t\t\t\tposition: relative;\r\n\t\t\t\t\t\t\tz-index: 1;\r\n\r\n\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\t\t\twidth: 38px;\r\n\t\t\t\t\t\t\t\theight: 38px;\r\n\t\t\t\t\t\t\t\tbackground: theme-color(success);\r\n\t\t\t\t\t\t\t\tborder-radius: 100%;\r\n\t\t\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\t\t\tmargin: auto;\r\n\t\t\t\t\t\t\t\tvertical-align: middle;\r\n\t\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\t\ttop: 1px;\r\n\t\t\t\t\t\t\t\tz-index: -1;\r\n\t\t\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t\t\t\tright: 0;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t&.today {\r\n\t\t\t\t\t\t\tvar(--base-text);\r\n\t\t\t\t\t\t\tbackground: transparent;\r\n\t\t\t\t\t\t\tposition: relative;\r\n\t\t\t\t\t\t\tz-index: 1;\r\n\r\n\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\t\t\twidth: 38px;\r\n\t\t\t\t\t\t\t\theight: 38px;\r\n\t\t\t\t\t\t\t\tbackground: theme-color(primary);\r\n\t\t\t\t\t\t\t\tborder-radius: 100%;\r\n\t\t\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\t\t\tmargin: auto;\r\n\t\t\t\t\t\t\t\tvertical-align: middle;\r\n\t\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\t\ttop: 1px;\r\n\t\t\t\t\t\t\t\tz-index: -1;\r\n\t\t\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t\t\t\tright: 0;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&.old.day {\r\n\t\t\t\t\t\tcolor: darken(color(gray-lightest), 4.5%);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:first-child {\r\n\t\t\t\t\t\t&.day {\r\n\r\n\t\t\t\t\t\t\t&.active,\r\n\t\t\t\t\t\t\t&.today {\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\tleft: -42px;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:last-child {\r\n\t\t\t\t\t\t&.day {\r\n\r\n\t\t\t\t\t\t\t&.active,\r\n\t\t\t\t\t\t\t&.today {\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\tleft: 30px;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n
        "/* Dropify */\r\n\r\n.dropify-wrapper {\r\n\tborder: 2px dashed $border-color;\r\n\tborder-radius: 7px;\r\n\tbackground: lighten($card-bg, 4%);\r\n\r\n\t&:hover {\r\n\t\tbackground-size: 30px 30px;\r\n\t\tbackground-image: $dropify-wrapper-hover-bg;\r\n\t\t-webkit-animation: stripes 2s linear infinite;\r\n\t\tanimation: stripes 2s linear infinite;\r\n\t}\r\n\r\n\t.dropify-message {\r\n\t\tspan.file-icon {\r\n\t\t\t&:before {\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tfont: normal normal normal 24px/1 \"Material Design Icons\";\r\n\t\t\t\tfont-size: inherit;\r\n\t\t\t\ttext-rendering: auto;\r\n\t\t\t\tline-height: inherit;\r\n\t\t\t\t-webkit-font-smoothing: antialiased;\r\n\t\t\t\tcontent: '\\F552';\r\n\t\t\t\tcolor: $body-color;\r\n\t\t\t\tfont-size: 1.25rem;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tp {\r\n\t\t\tfont-size: 0.8125rem;\r\n\t\t\tcolor: $body-color;\r\n\t\t}\r\n\t}\r\n\r\n\t.dropify-preview {\r\n\t\t.dropify-infos {\r\n\t\t\tbackground: $dropify-infos-bg;\r\n\r\n\t\t\t.dropify-infos-inner {\r\n\t\t\t\t.dropify-filename {\r\n\t\t\t\t\tcolor: $dropify-infos-inner-filename-color;\r\n\t\t\t\t\tfont-size: 20px;\r\n\t\t\t\t\tfont-weight: 400;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.dropify-infos-message {\r\n\t\t\t\t\tcolor: $dropify-infos-message;\r\n\t\t\t\t\tfont-weight: 500;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.dropify-render {\r\n\t\t\timg {\r\n\t\t\t\topacity: 0.7;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.dropify-clear {\r\n\t\tbackground: $dropify-clear-bg;\r\n\t\tborder: none;\r\n\t\tfont-weight: 700;\r\n\t\tcolor: $dropify-clear-color;\r\n\t}\r\n}",
        "/* Dropzone */\r\n\r\n.dropzone {\r\n  border: 1px solid $border-color;\r\n  min-height: 200px;\r\n  .dz-message {\r\n    text-align: center;\r\n    width: 100%;\r\n    span {\r\n      font-size: .8125rem;\r\n      color: $body-color;\r\n    }\r\n  }\r\n  .dz-preview {\r\n    margin: 5px;\r\n    .dz-image {\r\n      width: 74px;\r\n      height: 74px;\r\n      border-radius: 6px;\r\n    }\r\n    .dz-error-message {\r\n      top: 80px;\r\n      left: -35px;\r\n    }\r\n    .dz-success-mark,\r\n    .dz-error-mark {\r\n      margin-left: -17px;\r\n      svg {\r\n        width: 35px;\r\n        height: 35px;\r\n      }\r\n    }\r\n  }\r\n}\r\n",
        "/* Flot chart */\r\n.float-chart-container {\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  height: 100%;\r\n  min-height: 300px;\r\n  max-height: 100%;\r\n}\r\n\r\n.float-chart {\r\n  width: 100%;\r\n  position: relative;\r\n\r\n  canvas {\r\n    position: absolute !important;\r\n    top: 0;\r\n    bottom: 0;\r\n  }\r\n\r\n  max-width: none;\r\n  height: 400px;\r\n}\r\n\r\n.flot-chart-legend {\r\n  overflow-x: auto;\r\n\r\n  table {\r\n    tr {\r\n      td {\r\n        &.legendColorBox {\r\n          width: 20px;\r\n          height: 20px;\r\n          margin-right: 15px;\r\n          padding: 0 15px 0 22px;\r\n          @include border-radius(100%);\r\n          overflow: hidden;\r\n\r\n          &:first-child {\r\n            padding-left: 0;\r\n          }\r\n\r\n          div {\r\n            border-width: 0 !important;\r\n\r\n            div {\r\n              @include border-radius(100%);\r\n              border-width: 5px !important;\r\n            }\r\n          }\r\n        }\r\n\r\n        &.legendLabel {\r\n          padding: 0 25px 0 0;\r\n          border-right: 1px solid color(gray-lightest);\r\n          font-weight: 600;\r\n\r\n          &:last-child {\r\n            border-right: none;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}",
        "/* Google Charts */\r\n.google-chart-container {\r\n  .google-charts {\r\n    width: 100%;\r\n    height: 280px;\r\n    min-height: 280px;\r\n    min-width: 100%;\r\n  }\r\n}",
        "/* Icheck */\r\n.icheck,\r\n.icheck-flat,\r\n.icheck-line,\r\n.icheck-square {\r\n  margin-bottom: 0.5rem;\r\n\r\n  label {\r\n    font-size: 0.8125rem;\r\n    line-height: 1.5;\r\n    margin-left: 5px;\r\n    margin-bottom: 0;\r\n  }\r\n}",
        "/* Jquery File Upload */\r\n.ajax-upload-dragdrop {\r\n  border-color: $border-color;\r\n  border-style: dotted;\r\n  max-width: 100%;\r\n\r\n  span {\r\n    b {\r\n      font-size: 0.8125rem;\r\n      color: $body-color;\r\n      font-weight: initial;\r\n    }\r\n  }\r\n\r\n  .ajax-file-upload {\r\n    background: theme-color(info);\r\n    box-shadow: none;\r\n    height: auto;\r\n    @extend .btn;\r\n  }\r\n}\r\n\r\n.ajax-file-upload-container {\r\n  min-height: 100px;\r\n\r\n  .ajax-file-upload-statusbar {\r\n    max-width: 100%;\r\n  }\r\n}",
        "/* Js-grid */\r\n.jsgrid {\r\n\r\n\t.jsgrid-header-cell,\r\n\t.jsgrid-cell {\r\n\t\tbackground: lighten($card-bg, 4%);\r\n\t\tborder-color: $border-color;\r\n\t}\r\n\r\n\t.jsgrid-button {\r\n\t\tbackground-image: url(\"../../images/sprites/jsgrid-icons.png\");\r\n\t}\r\n\r\n\t.jsgrid-grid-header {\r\n\t\tborder: 1px solid $border-color;\r\n\t\tborder-top: 0;\r\n\t}\r\n\r\n\t.jsgrid-grid-body {\r\n\t\tborder-color: $border-color;\r\n\t}\r\n\r\n\t.jsgrid-table {\r\n\t\t@extend .table;\r\n\r\n\t\tth {\r\n\t\t\tfont-weight: initial;\r\n\t\t\tfont-family: $type-1;\r\n\t\t\tborder-top-color: $border-color;\r\n\t\t}\r\n\r\n\t\ttd {\r\n\t\t\tborder-color: $border-color;\r\n\t\t}\r\n\r\n\t\t.jsgrid-filter-row {\r\n\r\n\t\t\tinput[type=text],\r\n\t\t\tselect {\r\n\t\t\t\t@extend .form-control;\r\n\t\t\t}\r\n\r\n\t\t\tinput[type=number] {\r\n\t\t\t\t@extend .form-control;\r\n\t\t\t\tpadding: 0.56rem 0;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.jsgrid-header-sort {\r\n\t\t&:before {\r\n\t\t\tmargin-top: 10px;\r\n\t\t\tfloat: right;\r\n\t\t}\r\n\t}\r\n\r\n\t.jsgrid-header-sort-asc {\r\n\t\t&:before {\r\n\t\t\tborder-color: transparent transparent $border-color;\r\n\t\t}\r\n\t}\r\n\r\n\t.jsgrid-header-sort-desc {\r\n\t\t&:before {\r\n\t\t\tborder-color: $border-color transparent transparent;\r\n\t\t}\r\n\t}\r\n\r\n\t.jsgrid-pager {\r\n\t\tline-height: 2;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\t@extend .pagination;\r\n\r\n\t\t.jsgrid-pager-nav-button,\r\n\t\t.jsgrid-pager-page {\r\n\t\t\t@extend .page-item;\r\n\r\n\t\t\ta {\r\n\t\t\t\t@extend .page-link;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.jsgrid-pager-current-page {\r\n\t\tpadding: 0.5rem 0.75rem;\r\n\t\tfont-weight: initial;\r\n\t\tline-height: 1.25;\r\n\t}\r\n}",
        "/* Jvectormap */\r\n.jvectormap-container {\r\n  background: $jvectormap-container;\r\n}",
        "/* Light Gallery */\r\n.lightGallery {\r\n  width: 100%;\r\n  margin: 0;\r\n\r\n  .image-tile {\r\n    position: relative;\r\n    @extend .col-xl-3;\r\n    @extend .col-lg-3;\r\n    @extend .col-md-3;\r\n    @extend .col-md-4;\r\n    @extend .col-6;\r\n    margin-bottom: 30px;\r\n\r\n    .demo-gallery-poster {\r\n      @extend .d-flex;\r\n      position: absolute;\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      right: 0;\r\n\r\n      img {\r\n        display: block;\r\n        margin: auto;\r\n        width: 40%;\r\n        max-width: 60px;\r\n        min-width: 20px;\r\n      }\r\n    }\r\n\r\n    img {\r\n      max-width: 100%;\r\n      width: 100%;\r\n    }\r\n  }\r\n}",
        "/* Listify */\r\n.listify-list {\r\n  input {\r\n    border: 1px solid $border-color;\r\n    color: $text-muted;\r\n    background: $input-bg;\r\n  }\r\n\r\n  ul.list {\r\n    list-style: none;\r\n    padding-left: 0;\r\n\r\n    li {\r\n      display: block;\r\n      border-bottom: $border-property;\r\n      padding: 15px 10px;\r\n\r\n      h5 {\r\n        color: theme-color(\"primary\");\r\n      }\r\n\r\n      p {\r\n        color: $text-muted;\r\n        margin: 0;\r\n      }\r\n    }\r\n  }\r\n}",
        "/* No-ui-slider */\r\n\r\n.noUi-target {\r\n  border: none;\r\n  box-shadow: none;\r\n  border-radius: 0;\r\n\r\n  &.noUi-horizontal {\r\n    height: 0.25rem;\r\n\r\n    .noUi-handle {\r\n      left: -17px;\r\n    }\r\n  }\r\n\r\n  &.noUi-vertical {\r\n    width: 0.25rem;\r\n    height: 156px;\r\n    display: inline-block;\r\n\r\n    .noUi-handle {\r\n      left: -6px;\r\n    }\r\n  }\r\n\r\n  .noUi-base {\r\n    background: $noUi-base-bg;\r\n    box-shadow: none;\r\n    border: none;\r\n\r\n    .noUi-connect {\r\n      background: $noUi-connect-bg;\r\n      box-shadow: none;\r\n    }\r\n\r\n    .noUi-origin {\r\n      background: $noUi-origin-bg;\r\n\r\n      .noUi-handle {\r\n        background: $white;\r\n        border-radius: 100%;\r\n        border: $border-width solid $border-color;\r\n        width: 18px;\r\n        height: 18px;\r\n        top: -7px;\r\n        outline: none;\r\n        transition-duration: 0.4s;\r\n\r\n        &:after,\r\n        &:before {\r\n          display: none;\r\n        }\r\n\r\n        &:after {\r\n          display: block;\r\n          position: absolute;\r\n          top: 5px;\r\n          left: 0;\r\n          right: 0;\r\n          margin: auto;\r\n          width: 6px;\r\n          height: 6px;\r\n          background: theme-color(primary);\r\n          border-radius: 100%;\r\n        }\r\n\r\n        .noUi-tooltip {\r\n          font-family: $type-1;\r\n          border-radius: 4px;\r\n          border: none;\r\n          line-height: 1;\r\n          font-size: $default-font-size;\r\n          padding: 13px 12px;\r\n          bottom: 190%;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .noUi-pips {\r\n\r\n    .noUi-marker-horizontal,\r\n    .noUi-marker-vertical {\r\n      background: $border-color;\r\n    }\r\n\r\n    .noUi-marker-horizontal {\r\n      height: 9px;\r\n      width: 1px;\r\n    }\r\n\r\n    .noUi-marker-vertical {\r\n      height: 1px;\r\n      width: 9px;\r\n    }\r\n\r\n    .noUi-value {\r\n      color: $body-color;\r\n      font-size: 0.94rem;\r\n      font-family: $type-1;\r\n    }\r\n  }\r\n}\r\n\r\n/* Slider Color variations */\r\n\r\n@each $color,\r\n$value in $theme-colors {\r\n  .slider-#{$color} {\r\n    @include slider-color-variant($value);\r\n  }\r\n}",
        "// Sider color variations\r\n@mixin slider-color-variant($color) {\r\n  .noUi-base {\r\n    .noUi-connect {\r\n      background: $color;\r\n    }\r\n\r\n    .noUi-origin {\r\n      background: $color;\r\n\r\n      .noUi-handle {\r\n        &:after {\r\n          background: $color;\r\n        }\r\n\r\n        .noUi-tooltip {\r\n          background: $color;\r\n          color: $white;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}",
        "/* Owl-carousel */\r\n.owl-carousel {\r\n  img {\r\n    border-radius: 4px;\r\n  }\r\n\r\n  &.full-width {\r\n    .owl-nav {\r\n      position: absolute;\r\n      top: 30%;\r\n      width: 100%;\r\n      margin-top: 0;\r\n\r\n      .owl-next,\r\n      .owl-prev {\r\n        background: transparent;\r\n        color: $white;\r\n\r\n        i {\r\n          &:before {\r\n            width: 40px;\r\n            height: 40px;\r\n            background: $text-muted;\r\n            border-radius: 100%;\r\n            font-size: 1.6rem;\r\n            font-weight: bold;\r\n            line-height: 40px;\r\n          }\r\n        }\r\n      }\r\n\r\n      .owl-prev {\r\n        float: left;\r\n      }\r\n\r\n      .owl-next {\r\n        float: right;\r\n      }\r\n    }\r\n\r\n    .owl-dots {\r\n      margin-top: 1rem;\r\n    }\r\n  }\r\n\r\n  .item-video {\r\n    width: 200px;\r\n    height: 200px;\r\n  }\r\n}",
        "/* Progressbar-js */\r\n.ui-progress {\r\n  border-radius: 50px;\r\n\r\n  svg {\r\n    background: $border-color;\r\n    border-radius: 50px;\r\n  }\r\n}\r\n\r\n.progressbar-js-circle {\r\n  width: 100%;\r\n}",
        "/* Pws-tabs */\r\n\r\n.pws_tabs_container {\r\n\tul.pws_tabs_controll {\r\n\t\tborder-bottom: 1px solid theme-color(primary);\r\n\r\n\t\tli {\r\n\t\t\t&:first-child {\r\n\t\t\t\ta {\r\n\t\t\t\t\tborder-radius: 5px 0 0 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:last-child {\r\n\t\t\t\ta {\r\n\t\t\t\t\tborder-right: 1px solid theme-color(primary);\r\n\t\t\t\t\tborder-radius: 0 5px 0 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\ta {\r\n\t\t\t\tborder: 1px solid theme-color(primary);\r\n\t\t\t\tborder-bottom: none;\r\n\t\t\t\tborder-right: none;\r\n\t\t\t\tbackground: #fff;\r\n\t\t\t\tcolor: theme-color(primary);\r\n\t\t\t\tpadding: 0.3em 1.3em;\r\n\t\t\t\tmargin-right: 0;\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t\tfont-size: 14px;\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbackground: #fff;\r\n\t\t\t\t\tcolor: theme-color(primary);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.pws_tab_active {\r\n\t\t\t\t\tbackground: theme-color(primary);\r\n\t\t\t\t\tvar(--base-text);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.demo-tabs {\r\n\t\tborder: 1px solid theme-color(primary);\r\n\t\tborder-radius: 0 5px 5px 5px;\r\n\t\toverflow: hidden;\r\n\t\tbackground: theme-color(light);\r\n\t\tmargin-bottom: 45px;\r\n\t\tpadding-top: 3.5rem;\r\n\r\n\t\t.CodeMirror {\r\n\t\t\tmargin-bottom: 20px;\r\n\t\t}\r\n\t}\r\n\r\n\t// Styles for vertical Tab\r\n\t&.pws_tabs_vertical {\r\n\t\t.pws_tabs_controll {\r\n\t\t\tborder-right: none;\r\n\t\t\tborder-bottom: none;\r\n\r\n\t\t\tli {\r\n\t\t\t\t&:first-child {\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\tborder-radius: 5px 0 0 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:last-child {\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\tborder-bottom: 1px solid theme-color(primary);\r\n\t\t\t\t\t\tborder-radius: 0 0 0 5px;\r\n\t\t\t\t\t\tborder-right: 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tborder-radius: 0;\r\n\t\t\t\t\tborder: 1px solid theme-color(primary);\r\n\t\t\t\t\tborder-right: none;\r\n\t\t\t\t\tborder-bottom: none;\r\n\t\t\t\t\tmargin-bottom: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t// Styles for vertical Tab\r\n\t// Styles for horizontal Tab\r\n\t&.pws_tabs_horizontal_bottom {\r\n\t\t.pws_tabs_list {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t}\r\n\r\n\t\t.pws_tabs_controll {\r\n\t\t\tborder-top: 1px solid theme-color(primary);\r\n\t\t\tborder-right: none;\r\n\t\t\tborder-bottom: none;\r\n\r\n\t\t\tli {\r\n\t\t\t\t&:first-child {\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\tborder-radius: 0 0 0 5px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:last-child {\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\tborder-radius: 0 0 5px 0;\r\n\t\t\t\t\t\tborder-right: 1px solid theme-color(primary);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tborder-radius: 0;\r\n\t\t\t\t\tborder: 1px solid theme-color(primary);\r\n\t\t\t\t\tborder-top: none;\r\n\t\t\t\t\tborder-right: none;\r\n\t\t\t\t\tmargin-right: 0;\r\n\t\t\t\t\tmargin-bottom: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.pws_tabs_horizontal_top {\r\n\t\t.pws_tabs_controll {\r\n\t\t\tborder-bottom: 0px;\r\n\t\t}\r\n\t}\r\n\r\n\t// Styles for vertical Tab\r\n\t// Styles for RTL Tab\r\n\t&.pws_tabs_rtl {\r\n\t\t.pws_tabs_controll {\r\n\t\t\tli {\r\n\t\t\t\t&:first-child {\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\tborder-radius: 0 5px 0 0;\r\n\t\t\t\t\t\tborder-right: 1px solid theme-color(primary);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:last-child {\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\tborder-right: none;\r\n\t\t\t\t\t\tborder-radius: 5px 0 0 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tborder: 1px solid theme-color(primary);\r\n\t\t\t\t\tborder-bottom: none;\r\n\t\t\t\t\tborder-right: none;\r\n\t\t\t\t\tmargin-right: 0;\r\n\t\t\t\t\tmargin-left: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t// Styles for RTL Tab\r\n}",
        "/* Quill Editor */\r\n.quill-container {\r\n  height: 300px;\r\n}\r\n\r\n.ql-toolbar,\r\n.quill-container {\r\n  &.ql-snow {\r\n    border-color: $border-color;\r\n  }\r\n}",
        "/* Rating */\r\n\r\n.br-theme-css-stars,\r\n.br-theme-fontawesome-stars {\r\n  .br-widget {\r\n    a {\r\n      font-size: 15px;\r\n      margin-right: 0px;\r\n      &:last-child {\r\n        margin-right: 0;\r\n      }\r\n    }\r\n    a.br-active,\r\n    a.br-selected {\r\n      &:after {\r\n        color: #F9CF57;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.br-theme-bars-1to10,\r\n.br-theme-bars-horizontal,\r\n.br-theme-bars-movie,\r\n.br-theme-bars-pill,\r\n.br-theme-bars-reversed {\r\n  .br-widget {\r\n    a {\r\n      background-color: rgba(#F9CF57, .6);\r\n      color: #F9CF57;\r\n      &.br-active,\r\n      &.br-selected {\r\n        background-color: #F9CF57;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.br-theme-bars-square {\r\n  .br-widget {\r\n    a {\r\n      border-color: rgba(#F9CF57, .6);\r\n      color: rgba(#F9CF57, .6);\r\n      &.br-active,\r\n      &.br-selected {\r\n        border-color: #F9CF57;\r\n        color: #F9CF57;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.br-theme-bars-1to10,\r\n.br-theme-bars-horizontal,\r\n.br-theme-bars-movie,\r\n.br-theme-bars-reversed {\r\n  .br-widget {\r\n    .br-current-rating {\r\n      color: $body-color;\r\n      font-size: $default-font-size;\r\n      font-weight: initial;\r\n    }\r\n  }\r\n}\r\n\r\n.br-theme-bars-1to10 {\r\n  height: 26px;\r\n  .br-widget {\r\n    height: 24px;\r\n    .br-current-rating {\r\n      line-height: 1;\r\n    }\r\n  }\r\n}\r\n\r\n.br-theme-bars-pill {\r\n  .br-widget {\r\n    a {\r\n      line-height: 2.5;\r\n    }\r\n  }\r\n}",
        "/* Select2 */\r\n.select2-container--default {\r\n  .select2-results__option--highlighted[aria-selected] {\r\n    background: $select2-selected-item-bg;\r\n  }\r\n\r\n  .select2-dropdown,\r\n  .select2-selection--multiple,\r\n  .select2-selection--single {\r\n    border-color: $border-color;\r\n\r\n    .select2-search__field {\r\n      border-color: $border-color;\r\n    }\r\n  }\r\n\r\n  .select2-selection--single {\r\n    height: auto;\r\n    @extend .form-control;\r\n\r\n    .select2-search__field {\r\n      @extend .form-control;\r\n    }\r\n\r\n    .select2-selection__rendered {\r\n      line-height: 14px;\r\n      height: 40px;\r\n      display: flex;\r\n      align-items: center;\r\n    }\r\n\r\n    .select2-selection__arrow {\r\n      top: 8px;\r\n    }\r\n  }\r\n\r\n  .select2-dropdown {\r\n    font-size: 0.8125rem;\r\n  }\r\n\r\n  &.select2-container--focus {\r\n    .select2-selection--multiple {\r\n      border-color: $border-color;\r\n    }\r\n  }\r\n\r\n  .select2-selection--multiple {\r\n    .select2-selection__choice {\r\n      color: color(white);\r\n      border: 0;\r\n      border-radius: 3px;\r\n      padding: 6px;\r\n      font-size: 0.625rem;\r\n      font-family: inherit;\r\n      line-height: 1;\r\n\r\n      .select2-selection__choice__remove {\r\n        color: color(white);\r\n      }\r\n\r\n      &:nth-child(5n+1) {\r\n        background: theme-color(primary);\r\n      }\r\n\r\n      &:nth-child(5n+2) {\r\n        background: theme-color(success);\r\n      }\r\n\r\n      &:nth-child(5n+3) {\r\n        background: theme-color(info);\r\n      }\r\n\r\n      &:nth-child(5n+4) {\r\n        background: theme-color(danger);\r\n      }\r\n\r\n      &:nth-child(5n+5) {\r\n        background: theme-color(warning);\r\n      }\r\n    }\r\n  }\r\n}",
        "/* Summernote Editor */\r\n.note-editor {\r\n  &.note-frame {\r\n    border: 1px solid $border-color;\r\n  }\r\n}\r\n\r\n.note-popover {\r\n  border: 1px solid $border-color;\r\n}",
        "/* SweetAlert */\r\n\r\n.swal2-container {\r\n  z-index: 1500;\r\n}\r\n\r\n.swal2-modal {\r\n  min-height: 315px;\r\n  @extend .d-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-direction: column;\r\n  border-radius:10px;\r\n  .swal2-title {\r\n    font-size: 25px;\r\n    line-height: 1;\r\n    font-family: $type-1;\r\n    color: $body-color;\r\n    font-weight: initial;\r\n    margin-bottom: 0;\r\n  }\r\n  .swal2-icon,\r\n  .swal2-success-ring {\r\n    margin-top: 0;\r\n    margin-bottom: 42px;\r\n  }\r\n  .swal2-buttonswrapper {\r\n    margin-top: 0;\r\n    padding: 0;\r\n    .swal2-styled {\r\n      @extend .btn;\r\n      margin-top: 0;\r\n      font-weight: initial;\r\n      &.swal2-confirm {\r\n        @extend .btn;\r\n        background-color: theme-color(success) !important;\r\n        border: 1px solid theme-color(success) !important;\r\n        font-weight: initial;\r\n        margin-top: 32px;\r\n      }\r\n      &.swal2-cancel {\r\n        @extend .btn;\r\n        margin-top: 32px;\r\n        background-color: $white !important;\r\n        border: 1px solid $border-color;\r\n        color: $body-color;\r\n        font-weight: initial;\r\n      }\r\n    }\r\n  }\r\n  .swal2-content {\r\n    font-size: $default-font-size;\r\n    font-family: $type-1;\r\n    color: $body-color;\r\n    font-weight: initial;\r\n    margin-top: 11px;\r\n  }\r\n  .swal2-close {\r\n    font-size: 20px;\r\n  }\r\n  .swal2-success-ring {\r\n    left: -30px;\r\n  }\r\n}",
        "/* Switchery */\r\n.switchery {\r\n  width: 35px;\r\n  height: 21px;\r\n  border-radius: 11px;\r\n\r\n  > small {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n}\r\n\r\n.switchery-small {\r\n  width: 25px;\r\n  height: 13px;\r\n\r\n  > small {\r\n    width: 13px;\r\n    height: 13px;\r\n  }\r\n}\r\n\r\n.switchery-large {\r\n  width: 50px;\r\n  height: 28px;\r\n  border-radius: 14px;\r\n\r\n  > small {\r\n    width: 27px;\r\n    height: 27px;\r\n  }\r\n}",
        "/* Tags */\r\ndiv.tagsinput {\r\n  padding: 15px 15px 10px;\r\n  border-color: $border-color;\r\n  background: lighten($card-bg, 4%);\r\n\r\n  span.tag {\r\n    background: $inputtag-tab-bg;\r\n    border: 0;\r\n    color: $inputtag-tab-color;\r\n    padding: 6px 14px;\r\n    font-size: 0.8125rem;\r\n    font-family: inherit;\r\n    line-height: 1;\r\n\r\n    a {\r\n      color: $inputtag-tab-color;\r\n    }\r\n  }\r\n}",
        "/* TinyMCE Editor */\r\n.mce-tinymce {\r\n  &.mce-panel,\r\n  .mce-panel {\r\n    border-color: $border-color;\r\n  }\r\n}",
        "/* Toast */\r\n.jq-toast-wrap {\r\n  .jq-icon-success {\r\n    background-color: theme-color(\"success\");\r\n  }\r\n\r\n  .jq-icon-info {\r\n    background-color: theme-color(\"info\");\r\n  }\r\n\r\n  .jq-icon-warning {\r\n    background-color: theme-color(\"warning\");\r\n  }\r\n\r\n  .jq-icon-error {\r\n    background-color: theme-color(\"danger\");\r\n  }\r\n}",
        "/* Typeahead */\r\n.gist,\r\n.tt-menu {\r\n  text-align: left;\r\n}\r\n\r\n.twitter-typeahead {\r\n  max-width: 100%;\r\n}\r\n\r\n.tt-hint,\r\n.tt-query,\r\n.typeahead {\r\n  @extend .form-control;\r\n}\r\n\r\n.typeahead {\r\n  background-color: $typeahead-bg;\r\n\r\n  &:focus {\r\n    border-color: $border-color;\r\n  }\r\n}\r\n\r\n.tt-query {\r\n  box-shadow: $tt-query-box-shadow;\r\n}\r\n\r\n.tt-hint {\r\n  color: $typeahead-tt-hint-color;\r\n}\r\n\r\n.tt-menu {\r\n  width: 100%;\r\n  margin: 12px 0;\r\n  padding: 8px 0;\r\n  background-color: $typeahead-tt-menu;\r\n  border: 1px solid $border-color;\r\n  border-radius: 8px;\r\n  box-shadow: $tt-box-shadow;\r\n}\r\n\r\n.tt-suggestion {\r\n  padding: 3px 20px;\r\n  font-size: inherit;\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n    color: $tt-suggestion-hover-color;\r\n    background-color: $tt-suggestion-hover-bg;\r\n  }\r\n\r\n  .tt-cursor {\r\n    color: $tt-suggestion-hover-color;\r\n    background-color: $tt-suggestion-hover-bg;\r\n  }\r\n\r\n  p {\r\n    margin: 0;\r\n  }\r\n}",
        "/* Wysi Editor */\r\n.wysi-editor {\r\n  #toolbar [data-wysihtml-action] {\r\n    float: right;\r\n  }\r\n\r\n  #toolbar,\r\n  textarea {\r\n    width: 920px;\r\n    padding: 5px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  textarea {\r\n    height: 280px;\r\n    border: 1px solid $border-color;\r\n    font-family: inherit;\r\n    font-size: 1rem;\r\n  }\r\n\r\n  textarea:focus {\r\n    color: black;\r\n    border: 1px solid $border-color;\r\n  }\r\n\r\n  .wysihtml-action-active,\r\n  .wysihtml-command-active {\r\n    font-weight: bold;\r\n  }\r\n\r\n  [data-wysihtml-dialog] {\r\n    margin: 5px 0 0;\r\n    padding: 5px;\r\n    border: 1px solid $border-color;\r\n  }\r\n\r\n  a[data-wysihtml-command-value=\"red\"] {\r\n    color: theme-color(danger);\r\n  }\r\n\r\n  a[data-wysihtml-command-value=\"green\"] {\r\n    color: theme-color(success);\r\n  }\r\n\r\n  a[data-wysihtml-command-value=\"blue\"] {\r\n    color: theme-color(info);\r\n  }\r\n\r\n  .wysihtml-editor,\r\n  .wysihtml-editor table td {\r\n    outline: 1px dotted $border-color;\r\n  }\r\n\r\n  code {\r\n    background: $wysieditor-code-bg;\r\n    padding: 10px;\r\n    white-space: pre;\r\n    display: block;\r\n    margin: 1em 0;\r\n  }\r\n\r\n  .toolbar {\r\n    display: block;\r\n    border-radius: 3px;\r\n    border: 1px solid $border-color;\r\n    margin-bottom: 9px;\r\n    line-height: 1em;\r\n  }\r\n\r\n  .toolbar a {\r\n    display: inline-block;\r\n    height: 1.5em;\r\n    border-radius: 3px;\r\n    font-size: 1rem;\r\n    line-height: 1.5em;\r\n    text-decoration: none;\r\n    background: $wysieditor-code-toolbar-bg;\r\n    border: 1px solid $border-color;\r\n    padding: 0 0.2em;\r\n    margin: 1px 0;\r\n    color: $wysieditor-code-toolbar-color;\r\n  }\r\n\r\n  .toolbar .wysihtml-action-active,\r\n  .toolbar a.wysihtml-command-active {\r\n    background: #222;\r\n    color: white;\r\n  }\r\n\r\n  .toolbar .block {\r\n    padding: 1px;\r\n    display: inline-block;\r\n    background: #eee;\r\n    border-radius: 3px;\r\n    margin: 0 1px 1px 0;\r\n  }\r\n\r\n  div[data-wysihtml-dialog=\"createTable\"] {\r\n    position: absolute;\r\n    background: white;\r\n  }\r\n\r\n  div[data-wysihtml-dialog=\"createTable\"] td {\r\n    width: 10px;\r\n    height: 5px;\r\n    border: 1px solid $border-color;\r\n  }\r\n\r\n  .wysihtml-editor table td.wysiwyg-tmp-selected-cell {\r\n    outline: 2px solid theme-color(success);\r\n  }\r\n\r\n  .editor-container-tag {\r\n    padding: 5px 10px;\r\n    position: absolute;\r\n    color: white;\r\n    background: rgba(0, 0, 0, 0.8);\r\n    width: 100px;\r\n    margin-left: -50px;\r\n    transition: 0.1s left, 0.1s top;\r\n  }\r\n\r\n  .wrap {\r\n    max-width: 700px;\r\n    margin: 40px;\r\n  }\r\n\r\n  .editable .wysihtml-uneditable-container {\r\n    outline: 1px dotted $border-color;\r\n    position: relative;\r\n  }\r\n\r\n  .editable .wysihtml-uneditable-container-right {\r\n    float: right;\r\n    width: 50%;\r\n    margin-left: 2em;\r\n    margin-bottom: 1em;\r\n  }\r\n\r\n  .editable .wysihtml-uneditable-container-left {\r\n    float: left;\r\n    width: 50%;\r\n    margin-right: 2em;\r\n    margin-bottom: 1em;\r\n  }\r\n}",
        "/* X-editable */\r\n.editable-form {\r\n  .editable {\r\n    color: $body-color;\r\n    font-size: 0.8125rem;\r\n  }\r\n\r\n  .editable-click {\r\n    border-color: $body-color;\r\n  }\r\n}\r\n\r\n.editable-container {\r\n  &.editable-inline {\r\n    max-width: 100%;\r\n\r\n    .editableform {\r\n      max-width: 100%;\r\n\r\n      .control-group {\r\n        max-width: 100%;\r\n        white-space: initial;\r\n\r\n        > div {\r\n          max-width: 100%;\r\n        }\r\n\r\n        .editable-input {\r\n          // max-width: 50%;\r\n          input,\r\n          textarea {\r\n            max-width: 100%;\r\n          }\r\n\r\n          .combodate {\r\n            .form-control {\r\n              padding-left: 0;\r\n              padding-right: 0;\r\n            }\r\n          }\r\n        }\r\n\r\n        .editable-buttons {\r\n          @media (max-width: 991px) {\r\n            display: block;\r\n            margin-top: 10px;\r\n          }\r\n\r\n          .editable-submit {\r\n            @extend .btn-info;\r\n            @extend .btn-xs;\r\n            @extend .mt-1;\r\n          }\r\n\r\n          .editable-cancel {\r\n            @extend .btn-secondary;\r\n            @extend .btn-xs;\r\n            @extend .mt-1;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}",
        "/* Wizard */\r\n.wizard {\r\n  display: block;\r\n  width: 100%;\r\n  overflow: hidden;\r\n\r\n  a {\r\n    outline: 0;\r\n  }\r\n\r\n  ul {\r\n    list-style: none !important;\r\n    padding: 0;\r\n    margin: 0;\r\n\r\n    >li {\r\n      display: block;\r\n      padding: 0;\r\n    }\r\n  }\r\n\r\n  >.steps {\r\n    .current-info {\r\n      position: absolute;\r\n      left: -999em;\r\n    }\r\n\r\n    position: relative;\r\n    display: block;\r\n    width: 100%;\r\n\r\n    .number {\r\n      font-size: $default-font-size;\r\n    }\r\n\r\n    >ul {\r\n      >li {\r\n        width: 25%;\r\n        float: left;\r\n        text-align: center;\r\n      }\r\n    }\r\n\r\n    a {\r\n      display: block;\r\n      width: auto;\r\n      margin: 0 0.5em 0.5em;\r\n      padding: 1em;\r\n      text-decoration: none;\r\n      border-radius: 5px;\r\n      font-size: $default-font-size;\r\n      font-family: $type-1;\r\n\r\n      &:hover {\r\n        display: block;\r\n        width: auto;\r\n        margin: 0 0.5em 0.5em;\r\n        padding: 1em;\r\n        text-decoration: none;\r\n        border-radius: 5px;\r\n      }\r\n\r\n      &:active {\r\n        display: block;\r\n        width: auto;\r\n        margin: 0 0.5em 0.5em;\r\n        padding: 1em;\r\n        text-decoration: none;\r\n        border-radius: 5px;\r\n      }\r\n    }\r\n\r\n    .disabled {\r\n      a {\r\n        background: color(gray-lightest);\r\n        color: color(gray);\r\n        cursor: default;\r\n\r\n        &:hover {\r\n          background: color(gray-lightest);\r\n          color: color(gray);\r\n          cursor: default;\r\n        }\r\n\r\n        &:active {\r\n          background: color(gray-lightest)e;\r\n          color: color(gray);\r\n          cursor: default;\r\n        }\r\n      }\r\n    }\r\n\r\n    .current {\r\n      a {\r\n        background: theme-color(primary);\r\n        color: color(white);\r\n        cursor: default;\r\n\r\n        &:hover {\r\n          background: theme-color(primary);\r\n          color: color(white);\r\n          cursor: default;\r\n        }\r\n\r\n        &:active {\r\n          background: theme-color(primary);\r\n          color: color(white);\r\n          cursor: default;\r\n        }\r\n      }\r\n    }\r\n\r\n    .done {\r\n      a {\r\n        background: lighten(theme-color(primary), 20%);\r\n        color: color(white);\r\n\r\n        &:hover {\r\n          background: lighten(theme-color(primary), 20%);\r\n          color: color(white);\r\n        }\r\n\r\n        &:active {\r\n          background: lighten(theme-color(primary), 20%);\r\n          color: color(white);\r\n        }\r\n      }\r\n    }\r\n\r\n    .error {\r\n      a {\r\n        background: theme-color(danger);\r\n        var(--base-text);\r\n\r\n        &:hover {\r\n          background: theme-color(danger);\r\n          var(--base-text);\r\n        }\r\n\r\n        &:active {\r\n          background: theme-color(danger);\r\n          var(--base-text);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  >.content {\r\n    >.title {\r\n      position: absolute;\r\n      left: -999em;\r\n    }\r\n\r\n    background: $content-bg;\r\n    display: block;\r\n    margin: 0.5em;\r\n    min-height: 24em;\r\n    overflow: hidden;\r\n    position: relative;\r\n    width: auto;\r\n    border-radius: 5px;\r\n\r\n    >.body {\r\n      float: left;\r\n      position: absolute;\r\n      width: 95%;\r\n      height: 95%;\r\n      padding: 2.5%;\r\n      overflow-y: auto;\r\n\r\n      ul {\r\n        list-style: disc !important;\r\n\r\n        >li {\r\n          display: list-item;\r\n        }\r\n      }\r\n\r\n      >iframe {\r\n        border: 0 none;\r\n        width: 100%;\r\n        height: 100%;\r\n      }\r\n\r\n      input {\r\n        display: block;\r\n        border: 1px solid $border-color;\r\n      }\r\n\r\n      input[type=\"checkbox\"] {\r\n        display: inline-block;\r\n      }\r\n\r\n      input.error {\r\n        background: rgb(251, 227, 228);\r\n        border: 1px solid lighten(theme-color(danger), 20%);\r\n        
        "/* Auth */\r\n\r\n.full-page-wrapper {\r\n  min-height: 100vh;\r\n  padding-left: 0;\r\n  padding-right: 0;\r\n}\r\n\r\n.auth {\r\n  min-height: 100vh;\r\n\r\n  &.auth-bg-1 {\r\n    background: url(\"../../images/auth/login_1.jpg\");\r\n    background-size: cover;\r\n  }\r\n\r\n  &.register-bg-1 {\r\n    background: url(\"../../images/auth/register.jpg\") center center no-repeat;\r\n    background-size: cover;\r\n  }\r\n\r\n  &.theme-one {\r\n    .auto-form-wrapper {\r\n      background: $card-bg;\r\n      padding: 40px 40px 10px;\r\n      border-radius: 4px;\r\n      box-shadow: 0 -25px 37.7px 11.3px rgba(8, 143, 220, 0.07);\r\n\r\n      .form-group {\r\n        .input-group {\r\n          height: 44px;\r\n\r\n          .form-control {\r\n            border: 1px solid darken($border-color, 5%);\r\n            border-right: none;\r\n            border-radius: 6px 0 0 6px;\r\n            height: 44px;\r\n            line-height: 4px;\r\n            display: inline-block;\r\n            padding-top: 0px;\r\n            padding-bottom: 0px;\r\n\r\n            &:focus {\r\n              border-right: none;\r\n              border-color: darken($border-color, 5%);\r\n            }\r\n          }\r\n\r\n          .input-group-append {\r\n            border-left: none;\r\n\r\n            .input-group-text {\r\n              border-radius: 0 6px 6px 0;\r\n              border-left: none;\r\n              border-color: darken($border-color, 5%);\r\n              color: #b6b6b6;\r\n            }\r\n          }\r\n        }\r\n\r\n        .submit-btn {\r\n          font-family: $type-1;\r\n          font-size: 13px;\r\n          padding: 12px 8px;\r\n          font-weight: 600;\r\n        }\r\n      }\r\n\r\n      .g-login {\r\n        border: 1px solid $border-color;\r\n        padding: 13px;\r\n        font-size: 12px;\r\n        font-weight: 600;\r\n        background: transparent;\r\n      }\r\n    }\r\n\r\n    .auth-footer {\r\n      list-style-type: none;\r\n      padding-left: 0;\r\n      margin-top: 20px;\r\n      margin-bottom: 10px;\r\n      display: flex;\r\n      justify-content: center;\r\n\r\n      li {\r\n        margin-right: 10px;\r\n        line-height: 1;\r\n        padding-right: 10px;\r\n        border-right: 1px solid rgba(255, 255, 255, 0.4);\r\n\r\n        &:last-child {\r\n          margin-right: 0;\r\n          border-right: none;\r\n        }\r\n\r\n        a {\r\n          font-size: 13px;\r\n          color: rgba(255, 255, 255, 0.4);\r\n        }\r\n      }\r\n\r\n      @media (max-width: $grid-breakpoints-sm) {\r\n        justify-content: center;\r\n      }\r\n    }\r\n\r\n    .footer-text {\r\n      color: rgba(255, 255, 255, 0.4);\r\n    }\r\n  }\r\n\r\n  &.theme-two {\r\n    .auto-form-wrapper {\r\n      position: relative;\r\n      height: 100vh;\r\n      min-height: 100vh;\r\n      max-height: 100vh;\r\n      padding: 110px 5% 5%;\r\n      border-radius: 4px;\r\n\r\n      @media (max-width: $grid-breakpoints-sm) {\r\n        padding: 11% 15px;\r\n        text-align: center;\r\n        height: 100%;\r\n        max-height: 100%;\r\n      }\r\n\r\n      .nav-get-started {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: flex-end;\r\n        position: absolute;\r\n        top: 30px;\r\n        right: 30px;\r\n\r\n        @media (max-width: $grid-breakpoints-sm) {\r\n          margin-bottom: 5%;\r\n          margin-right: auto;\r\n          margin-left: auto;\r\n          position: relative;\r\n          top: unset;\r\n          right: unset;\r\n          justify-content: center;\r\n        }\r\n\r\n        p {\r\n          margin-bottom: 0;\r\n          font-weight: 300;\r\n        }\r\n\r\n        .get-started-btn {\r\n          border: 1px solid $border-color;\r\n          padding: 10px 20px;\r\n          font-size: 12px;\r\n          font-weight: 600;\r\n          color: $body-color;\r\n          margin-left: 20px;\r\n          border-radius: 50px;\r\n        }\r\n      }\r\n\r\n      form {\r\n        width: 50%;\r\n        min-width: 300px;\r\n      
        "/* Error */\r\n.error-page {\r\n\tmin-height: 100vh;\r\n\r\n\th1 {\r\n\t\tfont-size: 9.375rem;\r\n\t\tline-height: 1;\r\n\r\n\t\t@media (max-width: 991px) {\r\n\t\t\tfont-size: 8rem;\r\n\t\t}\r\n\t}\r\n\r\n\th2 {\r\n\t\tfont-size: 4.375rem;\r\n\t\tline-height: 1;\r\n\t}\r\n\r\n\t.error-page-divider {\r\n\t\t@media (min-width: 992px) {\r\n\t\t\tborder-left: 3px solid rgba($white, .2);\r\n\t\t}\r\n\t}\r\n}",
        "/* Landing */\r\n\r\n.landing-page {\r\n\t.navbar {\r\n\t\tpadding: 2rem 0;\r\n\t\tbox-shadow: none;\r\n\t\t-webkit-box-shadow: none;\r\n\t\t.navbar-brand {\r\n\t\t\timg {\r\n\t\t\t\twidth: 145px;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.navbar-collapse {\r\n\t\t\t@media (max-width: 991px) {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\t\t\t&.collapse {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t\t&.show {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\t\t\t.navbar-nav {\r\n\t\t\t\t.nav-item {\r\n\t\t\t\t\t.nav-link {\r\n\t\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\t\tpadding-left: 1rem;\r\n\t\t\t\t\t\tpadding-right: 1rem;\r\n\t\t\t\t\t\tfont-size: 0.9375rem;\r\n\t\t\t\t\t\tfont-family: $type-1;\r\n\t\t\t\t\t\ttext-align: left;\r\n\t\t\t\t\t\t@media (min-width: 992px) {\r\n\t\t\t\t\t\t\tmargin-left: 1rem;\r\n\t\t\t\t\t\t\tmargin-right: 1rem;\r\n\t\t\t\t\t\t\t&:first-child {\r\n\t\t\t\t\t\t\t\tmargin-left: 0;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t&:last-child {\r\n\t\t\t\t\t\t\t\tmargin-right: 0;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.top-banner {\r\n\t\tbackground: $blue-teal-gradient;\r\n\t\t.demo-image {\r\n\t\t\timg {\r\n\t\t\t\tmax-width: 500px;\r\n\t\t\t\t@media (min-width: 992px) {\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\tleft: -80px;\r\n\t\t\t\t}\r\n\t\t\t\t@media (max-width: 991px) {\r\n\t\t\t\t\tmargin-top: 1rem;\r\n\t\t\t\t\tmax-width: 100%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.top-banner-content {\r\n\t\t\tpadding-top: 80px;\r\n\t\t\tpadding-bottom: 120px;\r\n\t\t}\r\n\t}\r\n\t.middle-section {\r\n\t\tpadding-top: 120px;\r\n\t\tpadding-bottom: 80px;\r\n\t\ttext-align: center;\r\n\t\tcolor: $black;\r\n\t\t.card {\r\n\t\t\tbackground: $white;\r\n\t\t\tborder-radius: 10px;\r\n\t\t\tbox-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);\r\n\t\t\ttransition: box-shadow 0.5s ease;\r\n\t\t\t&:hover {\r\n\t\t\t\tbox-shadow: 0 1px 0 rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .05), 0 5px 15px rgba(0, 0, 0, .05);\r\n\t\t\t}\r\n\t\t\t&.card-icon-top {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\t.card-body {\r\n\t\t\t\t\tpadding: 3rem;\r\n\t\t\t\t}\r\n\t\t\t\t.card-icon {\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\twidth: 65px;\r\n\t\t\t\t\theight: 65px;\r\n\t\t\t\t\ttop: -30px;\r\n\t\t\t\t\tleft: calc(50% - 30px);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&.card-item-preview {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: -25px;\r\n\t\t\t\t\tright: -35px;\r\n\t\t\t\t\twidth: 65px;\r\n\t\t\t\t\theight: 65px;\r\n\t\t\t\t\tpadding: 1rem;\r\n\t\t\t\t\tborder-radius: 50%;\r\n\t\t\t\t\tline-height: 32px;\r\n\t\t\t\t\tfont-size: 1rem;\r\n\t\t\t\t}\r\n\t\t\t\t.card-img-top {\r\n\t\t\t\t\tborder-top-left-radius: 10px;\r\n\t\t\t\t\tborder-top-right-radius: 10px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.bottom-section {\r\n\t\tcolor: $black;\r\n\t\ttext-align: center;\r\n\t\tpadding-top: 80px;\r\n\t}\r\n\t.feature-list {\r\n\t\tmargin-top: 100px;\r\n\t\tmargin-bottom: 100px;\r\n\t\t.feature-list-row {\r\n\t\t\t&:first-child {\r\n\t\t\t\t@media (min-width: 992px) {\r\n\t\t\t\t\tborder-bottom: 1px solid $white-smoke;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.feature-list-item {\r\n\t\t\t\tpadding-top: 1rem;\r\n\t\t\t\tpadding-bottom: 2rem;\r\n\t\t\t\ti {\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tfont-size: 1.875rem;\r\n\t\t\t\t\tmargin-bottom: 2rem;\r\n\t\t\t\t}\r\n\t\t\t\th4 {\r\n\t\t\t\t\t@extend .font-weight-normal;\r\n\t\t\t\t}\r\n\t\t\t\tp {\r\n\t\t\t\t\t@extend .font-weight-light;\r\n\t\t\t\t}\r\n\t\t\t\t@media (min-width: 992px) {\r\n\t\t\t\t\tborder-right: 1px solid $white-smoke;\r\n\t\t\t\t\t&:last-child {\r\n\t\t\t\t\t\tborder-right: 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t.feature-description {\r\n\t\t\t\t\tfont-family: $type-1;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.footer {\r\n\t\tbackground: $blue-teal-gradient;\r\n\t\tmargin: 0;\r\n\t\twidth: 100%;\r\n\t\tpadding: 80px 0 0;\r\n\t\t.footer-top {\r\n\t\t\tborder-bottom: 1px solid rgba($white, .2);\r\n\t\t\t.brand-logo {\r\n\t\t\t\twidth: 145px;\r\n\t\t\t}\r\n\t\t\t.footer-social-ico
        ".profile-page {\r\n  .profile-header {\r\n    width: 100%;\r\n    background: url(\"../../images/samples/profile_page/profile_header_banner.jpg\") no-repeat center center;\r\n    background-size: cover;\r\n    padding: 60px 0;\r\n    border-radius: 5px;\r\n\r\n    .profile-info {\r\n      .profile-user-name {\r\n        margin-bottom: 0;\r\n        font-family: $type-1;\r\n        font-weight: 600;\r\n        color: $accent-color;\r\n      }\r\n\r\n      .profile-user-designation {\r\n        margin-bottom: 0;\r\n        font-family: $type-1;\r\n        color: $accent-color;\r\n      }\r\n\r\n      .br-wrapper {\r\n        padding-left: 15px;\r\n\r\n        .br-widget {\r\n          height: auto;\r\n          transform: translateY(-5px);\r\n\r\n          a {\r\n            font-size: 18px;\r\n            margin-right: 0;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .details {\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      .detail-col {\r\n        border-right: 1px solid rgba($border-color, 0.3);\r\n\r\n        &:last-child {\r\n          border-right: none;\r\n          margin-right: 0;\r\n        }\r\n\r\n        p {\r\n          margin-bottom: 0;\r\n          font-weight: 400;\r\n          color: $accent-color;\r\n\r\n          &:first-child {\r\n            font-weight: 700;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .profile-body {\r\n    padding-top: 50px;\r\n\r\n    .tab-switch {\r\n      border-bottom: 1px solid $border-color;\r\n\r\n      .nav-item {\r\n        .nav-link {\r\n          color: $text-muted;\r\n          font-size: 1rem;\r\n          padding-bottom: 1.2rem;\r\n          font-weight: 600;\r\n          border-bottom: 3px solid $white;\r\n          transition-duration: 0.4s;\r\n          transition-timing-function: ease-in;\r\n          transition-property: color, border-color;\r\n\r\n          &.active {\r\n            color: $black;\r\n            border-bottom: 3px solid theme-color(primary);\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .tab-body {\r\n      border: none;\r\n      padding: 10px 0;\r\n\r\n      .stages {\r\n        position: relative;\r\n\r\n        .stage-badge {\r\n          position: absolute;\r\n          top: 0;\r\n          left: -20px;\r\n        }\r\n\r\n        .file-icon-wrapper {\r\n          display: flex;\r\n          flex-direction: row;\r\n          flex-wrap: wrap;\r\n\r\n          .file-icon {\r\n            height: 77px;\r\n            width: 69px;\r\n            padding: 5px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n\r\n            i {\r\n              font-size: 43px;\r\n              margin-right: 0;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}",
        ".product-nav-wrapper {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    .product-filter-nav {\r\n        list-style: none;\r\n        margin-bottom: 30px;\r\n\r\n        li {\r\n            display: inline-block;\r\n\r\n            a {\r\n                display: inline-block;\r\n                font-size: 16px;\r\n                font-weight: 500;\r\n                margin-right: 20px;\r\n                color: $body-color;\r\n            }\r\n\r\n            &.active {\r\n                a {\r\n                    color: theme-color(primary);\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .product-filter-options {\r\n        margin-left: auto;\r\n        padding-left: 0;\r\n        display: flex;\r\n        align-items: center;\r\n\r\n        .account-user-info {\r\n            list-style: none;\r\n            margin-bottom: 30px;\r\n\r\n            li {\r\n                display: inline-block;\r\n\r\n                a {\r\n                    display: inline-block;\r\n                    font-size: 16px;\r\n                    margin-right: 10px;\r\n                    padding-right: 10px;\r\n                    line-height: 1;\r\n                    color: $body-color;\r\n                    border-right: 1px solid $border-color;\r\n                }\r\n\r\n                &:last-child {\r\n                    a {\r\n                        border-right: none;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .account-user-info {\r\n            list-style: none;\r\n            margin-bottom: 30px;\r\n\r\n            li {\r\n                display: inline-block;\r\n\r\n                a {\r\n                    display: inline-block;\r\n                    font-size: 16px;\r\n                    margin-right: 10px;\r\n                    padding-right: 10px;\r\n                    line-height: 1;\r\n                    color: $body-color;\r\n                    border-right: 1px solid $border-color;\r\n                    text-decoration: none;\r\n                }\r\n\r\n                &:last-child {\r\n                    a {\r\n                        border-right: none;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .account-user-link {\r\n            list-style: none;\r\n            margin-bottom: 30px;\r\n\r\n            li {\r\n                display: inline-block;\r\n\r\n                a {\r\n                    display: inline-block;\r\n                    font-size: 16px;\r\n                    line-height: 1;\r\n                    color: $body-color;\r\n                    text-decoration: none;\r\n\r\n                    &:after {\r\n                        content: \"/\";\r\n                        display: inline-block;\r\n                        margin-left: 5px;\r\n                        margin-right: 5px;\r\n                    }\r\n                }\r\n\r\n                &:last-child {\r\n                    a {\r\n                        &:after {\r\n                            display: none;\r\n                            margin-left: 0px;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .account-user-actions {\r\n            list-style: none;\r\n            margin-bottom: 30px;\r\n\r\n            li {\r\n                display: inline-block;\r\n                margin-right: 15px;\r\n                position: relative;\r\n\r\n                .badge {\r\n                    position: absolute;\r\n                    top: -12px;\r\n                    right: -7px;\r\n                }\r\n\r\n                a {\r\n                    display: inline-block;\r\n                    font-size: 16px;\r\n                    line-height: 1;\r\n                    color: $body-color;\r\n                    text-decoration: none;\r\n                }\r\n\r\n                &:last-child {\r\n                    margin-right: 0;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.pro
        ".project-list-showcase {\r\n    margin-left: -20px;\r\n    margin-right: -20px;\r\n    margin-bottom: -20px;\r\n\r\n    .project-grid {\r\n        padding-right: 20px;\r\n        padding-left: 20px;\r\n        margin-bottom: 40px;\r\n        overflow: hidden;\r\n\r\n        .img-holder {\r\n            width: 100%;\r\n            height: 140px;\r\n            border-radius: 4px 4px 0 0;\r\n\r\n            &.img-bg-1 {\r\n                background: url(\"../../images/samples/300x300/1.jpg\") no-repeat center;\r\n                background-size: cover;\r\n            }\r\n\r\n            &.img-bg-2 {\r\n                background: url(\"../../images/samples/300x300/2.jpg\") no-repeat center;\r\n                background-size: cover;\r\n            }\r\n\r\n            &.img-bg-3 {\r\n                background: url(\"../../images/samples/300x300/3.jpg\") no-repeat center;\r\n                background-size: cover;\r\n            }\r\n        }\r\n\r\n        .project-grid-inner {\r\n            border: 1px solid $border-color;\r\n            border-radius: 0 0 4px 4px;\r\n            padding: 30px 25px 30px 25px;\r\n        }\r\n\r\n        .project-title {\r\n            margin-bottom: 0;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .project-location {\r\n            margin-bottom: 0;\r\n            font-weight: 500;\r\n            color: lighten($body-color, 5%);\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .action-tags {\r\n            font-weight: 500;\r\n            color: $body-color;\r\n        }\r\n    }\r\n}",
        ".st-wizard-wrapper {\r\n    .st-wizard-steps {\r\n        display: inline-flex;\r\n        border-top: 1px solid $border-color;\r\n        border-bottom: 1px solid $border-color;\r\n        padding-top: 10px;\r\n        padding-bottom: 10px;\r\n        margin-top: 25px;\r\n        width: 100%;\r\n\r\n        .wizard-step {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            color: $text-muted;\r\n            border-right: 1px solid $border-color;\r\n            margin-right: 20px;\r\n            padding-right: 10%;\r\n            text-decoration: none;\r\n            pointer-events: none;\r\n\r\n            &:last-child {\r\n                border-right: none;\r\n                margin-right: 0px;\r\n                padding-right: 0px;\r\n            }\r\n\r\n            .step-number {\r\n                font-size: 40px;\r\n                font-weight: 600;\r\n                margin-bottom: 0;\r\n                margin-right: 10px;\r\n                color: inherit;\r\n                font-weight: 500;\r\n            }\r\n\r\n            .step-details {\r\n                margin-bottom: 0;\r\n                display: flex;\r\n                align-items: center;\r\n                color: inherit;\r\n                font-weight: 500;\r\n                line-height: 18px;\r\n\r\n                @media (max-width: 578px) {\r\n                    display: none;\r\n                }\r\n            }\r\n\r\n            &.done {\r\n                color: theme-color(primary);\r\n                pointer-events: auto;\r\n            }\r\n        }\r\n    }\r\n\r\n    .wizard-footer {\r\n        display: flex;\r\n        align-items: center;\r\n        border-top: 1px solid $border-color;\r\n        margin-top: 35px;\r\n        padding-top: 30px;\r\n\r\n        .terms-checkbox {\r\n            display: none;\r\n            margin-top: 0px;\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .wrapper {\r\n            display: flex;\r\n            align-items: center;\r\n            margin-left: auto;\r\n        }\r\n    }\r\n}",
        "body.invoice-page {\r\n    .invoice-banner {\r\n        background: url(\"../../images/samples/invoice_banner.jpg\") no-repeat center center;\r\n        background-size: cover;\r\n        width: 100%;\r\n        margin-top: 20px;\r\n        border-radius: 4px;\r\n        padding: 50px;\r\n        var(--base-text);\r\n\r\n        hr {\r\n            border-top: solid 1px rgba(255, 255, 255, 0.2);\r\n        }\r\n    }\r\n\r\n    &.invoice-2 {\r\n        table {\r\n            width: 950px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n\r\n            tr {\r\n\r\n                th,\r\n                td {\r\n                    text-align: right;\r\n                    padding: 25px 10px;\r\n\r\n                    &:first-child {\r\n                        text-align: left;\r\n                    }\r\n\r\n                    &:last-child {\r\n                        padding-right: 50px;\r\n                    }\r\n                }\r\n\r\n                th {\r\n                    font-weight: 400;\r\n                    color: $text-muted;\r\n                }\r\n\r\n                td {\r\n                    font-weight: 600;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    @media print {\r\n\r\n        .navbar,\r\n        .sidebar,\r\n        .footer,\r\n        .right-sidebar-toggler-wrapper,\r\n        .btn,\r\n        .card-title {\r\n            display: none !important;\r\n        }\r\n    }\r\n}",
        ".tickets-tab-switch {\r\n    border-bottom: none;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    margin-left: -10px;\r\n    margin-right: -10px;\r\n\r\n    .nav-item {\r\n        display: block;\r\n        width: 33.33%;\r\n        padding: 0 10px;\r\n\r\n        @include media-breakpoint-down(sm) {\r\n            width: 100%;\r\n        }\r\n\r\n        .nav-link {\r\n            display: flex;\r\n            align-items: center;\r\n            border-radius: 4px;\r\n            background: darken($card-bg, 2%);\r\n            padding: 20px;\r\n            text-align: left;\r\n            font-weight: 600;\r\n            border: none;\r\n            transition-duration: 0.3s;\r\n            transition-timing-function: ease-in;\r\n            transition-property: \"background\", \"color\";\r\n\r\n            .badge {\r\n                margin-left: auto;\r\n                background: theme-color(primary);\r\n                color: $accent-color;\r\n                transition-duration: 0.3s;\r\n                transition-timing-function: ease-in;\r\n                transition-property: \"background\", \"color\";\r\n            }\r\n\r\n            &.active {\r\n                background: theme-color(primary);\r\n                color: $accent-color;\r\n                border: none;\r\n\r\n                .badge {\r\n                    background: theme-color(warning);\r\n                    color: $accent-color;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.tickets-date-group {\r\n    display: flex;\r\n    align-items: center;\r\n    color: $text-muted;\r\n    margin-top: 30px;\r\n    margin-bottom: 20px;\r\n    font-weight: 500;\r\n\r\n    i {\r\n        margin-right: 10px;\r\n        font-size: 20px;\r\n    }\r\n}\r\n\r\n.tickets-card {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    align-items: center;\r\n    border: 1px solid $border-color;\r\n    border-radius: 4px;\r\n    padding: 15px 20px;\r\n    margin-bottom: 15px;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n    color: $body-color;\r\n    transition-duration: 0.3s;\r\n    transition-property: \"background\";\r\n\r\n    .tickets-details {\r\n        margin-right: auto;\r\n\r\n        .wrapper {\r\n            display: flex;\r\n            align-items: center;\r\n\r\n            span {\r\n                margin-left: 10px;\r\n\r\n                &:first-child {\r\n                    margin-left: 0;\r\n                }\r\n\r\n                i {\r\n                    margin-right: 5px;\r\n                    font-size: 15px;\r\n                }\r\n            }\r\n        }\r\n\r\n        h5 {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .badge {\r\n            margin-left: 15px;\r\n        }\r\n\r\n        .assignee-avatar {\r\n            width: 20px;\r\n            height: 20px;\r\n            border-radius: 100%;\r\n            margin-left: 10px;\r\n        }\r\n    }\r\n\r\n    .ticket-float {\r\n        display: inline-flex;\r\n        align-items: center;\r\n\r\n        @include media-breakpoint-down(sm) {\r\n            margin-top: 20px;\r\n        }\r\n\r\n        span {\r\n            white-space: nowrap;\r\n            @extend .ellipsis;\r\n        }\r\n\r\n        img,\r\n        .category-icon {\r\n            margin-right: 10px;\r\n        }\r\n\r\n        .category-icon {\r\n            font-size: 22px;\r\n            color: $text-muted;\r\n        }\r\n    }\r\n\r\n    &:hover {\r\n        text-decoration: none;\r\n        color: inherit;\r\n        background: darken($card-bg, 2%);\r\n    }\r\n}",
        ".modal {\r\n    .modal-dialog {\r\n        margin-top: calc(#{$navbar-height} + 30px);\r\n    }\r\n}",
        "/* Full Calendar */\r\n\r\n#calendar {\r\n  .fc-header-toolbar {\r\n    background: $card-bg;\r\n    padding: 28px 0 80px;\r\n    margin-bottom: 0;\r\n\r\n    .fc-button-group {\r\n      border-radius: 5px;\r\n\r\n      .fc-button {\r\n        box-shadow: none;\r\n        padding: 1px 12px;\r\n        margin-right: 0;\r\n        font-size: 0.9375rem;\r\n        font-weight: 400;\r\n        line-height: 1.33;\r\n        border: none;\r\n        background: $fc-button-bg;\r\n        color: $fc-button-color;\r\n        text-shadow: none;\r\n        transition-duration: 0.3s;\r\n\r\n        &:first-letter {\r\n          text-transform: uppercase;\r\n        }\r\n\r\n        &.fc-state-active {\r\n          background: $fc-state-active-bg;\r\n          color: $fc-state-active-color;\r\n        }\r\n\r\n        &.fc-next-button,\r\n        &.fc-prev-button {\r\n          background: lighten($card-bg, 4%);\r\n          color: $body-color;\r\n          margin-right: 7px;\r\n          height: 2.0625rem;\r\n          width: 2.25rem;\r\n          border: none;\r\n\r\n          span {\r\n            top: -3px;\r\n            right: 9px;\r\n\r\n            &:after {\r\n              font: normal normal normal 24px/1 \"Material Design Icons\";\r\n              display: block;\r\n              line-height: 21px;\r\n            }\r\n          }\r\n        }\r\n\r\n        &.fc-prev-button {\r\n          span {\r\n            &:after {\r\n              content: \"\\F141\";\r\n            }\r\n          }\r\n        }\r\n\r\n        &.fc-next-button {\r\n          span {\r\n            &:after {\r\n              content: \"\\F142\";\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .fc-today-button {\r\n      box-shadow: none;\r\n      padding: 1px 12px;\r\n      border-radius: 2px;\r\n      margin-right: 4px;\r\n      font-size: 0.9375rem;\r\n      font-weight: 400;\r\n      line-height: 1.33;\r\n      border: none;\r\n      background: $fc-today-button-bg;\r\n      color: $fc-today-button-color;\r\n      text-shadow: none;\r\n      transition-duration: 0.3s;\r\n\r\n      &:first-letter {\r\n        text-transform: uppercase;\r\n      }\r\n    }\r\n\r\n    .fc-left {\r\n      padding-left: 25px;\r\n    }\r\n\r\n    .fc-right {\r\n      padding-right: 25px;\r\n    }\r\n\r\n    .fc-center {\r\n      h2 {\r\n        font-size: 1.125rem;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n      }\r\n    }\r\n  }\r\n\r\n  .fc-view-container {\r\n    .fc-view {\r\n      background: $content-bg;\r\n\r\n      table {\r\n        thead.fc-head {\r\n          border: none;\r\n\r\n          tr {\r\n            td {\r\n              .fc-widget-header {\r\n                border: none;\r\n\r\n                table {\r\n                  thead {\r\n                    border: none;\r\n\r\n                    tr {\r\n                      th.fc-day-header {\r\n                        text-transform: uppercase;\r\n                        padding: 0.4375rem 0;\r\n                        border-color: $border-color;\r\n                        font-size: $default-font-size;\r\n                      }\r\n                    }\r\n                  }\r\n                }\r\n              }\r\n\r\n              &.fc-head-container {\r\n                border-color: $border-color;\r\n                border-bottom: none;\r\n                background: lighten($card-bg, 4%);\r\n              }\r\n            }\r\n          }\r\n        }\r\n\r\n        tbody.fc-body {\r\n          background: $card-bg;\r\n\r\n          tr {\r\n            td.fc-widget-content {\r\n              border-color: $border-color;\r\n\r\n              .fc-day-grid-container {\r\n                .fc-day-grid {\r\n                  .fc-row {\r\n                    border-color: $border-color;\r\n\r\n                    .fc-bg {\r\n                      table {\r\n                        tr {\r\n                          td {\r\n                            border-color: $border-color;\r\n                          }\r\n                    
    ]
}