`s
- &.active {
- z-index: 2; // Place active items above their siblings for proper border styling
- color: $list-group-active-color;
- background-color: $list-group-active-bg;
- border-color: $list-group-active-border-color;
- }
-}
-
-
-// Flush list items
-//
-// Remove borders and border-radius to keep list group items edge-to-edge. Most
-// useful within other components (e.g., cards).
-
-.list-group-flush {
- .list-group-item {
- border-right: 0;
- border-left: 0;
- @include border-radius(0);
- }
-
- &:first-child {
- .list-group-item:first-child {
- border-top: 0;
- }
- }
-
- &:last-child {
- .list-group-item:last-child {
- border-bottom: 0;
- }
- }
-}
-
-
-// Contextual variants
-//
-// Add modifier classes to change text and background color on individual items.
-// Organizationally, this must come after the `:hover` states.
-
-@each $color, $value in $theme-colors {
- @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/_media.scss b/assets/scss/material-kit/bootstrap/scss/_media.scss
deleted file mode 100644
index b573052c..00000000
--- a/assets/scss/material-kit/bootstrap/scss/_media.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-.media {
- display: flex;
- align-items: flex-start;
-}
-
-.media-body {
- flex: 1;
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/_popover.scss b/assets/scss/material-kit/bootstrap/scss/_popover.scss
deleted file mode 100644
index 3ef5f628..00000000
--- a/assets/scss/material-kit/bootstrap/scss/_popover.scss
+++ /dev/null
@@ -1,183 +0,0 @@
-.popover {
- position: absolute;
- top: 0;
- left: 0;
- z-index: $zindex-popover;
- display: block;
- max-width: $popover-max-width;
- // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
- // So reset our font and text properties to avoid inheriting weird values.
- @include reset-text();
- font-size: $popover-font-size;
- // Allow breaking very long words so they don't overflow the popover's bounds
- word-wrap: break-word;
- background-color: $popover-bg;
- background-clip: padding-box;
- border: $popover-border-width solid $popover-border-color;
- @include border-radius($popover-border-radius);
- @include box-shadow($popover-box-shadow);
-
- .arrow {
- position: absolute;
- display: block;
- width: $popover-arrow-width;
- height: $popover-arrow-height;
- margin: 0 $border-radius-lg;
-
- &::before,
- &::after {
- position: absolute;
- display: block;
- content: "";
- border-color: transparent;
- border-style: solid;
- }
- }
-}
-
-.bs-popover-top {
- margin-bottom: $popover-arrow-height;
-
- .arrow {
- bottom: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
- }
-
- .arrow::before,
- .arrow::after {
- border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;
- }
-
- .arrow::before {
- bottom: 0;
- border-top-color: $popover-arrow-outer-color;
- }
-
- .arrow::after {
- bottom: $popover-border-width;
- border-top-color: $popover-arrow-color;
- }
-}
-
-.bs-popover-right {
- margin-left: $popover-arrow-height;
-
- .arrow {
- left: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
- width: $popover-arrow-height;
- height: $popover-arrow-width;
- margin: $border-radius-lg 0; // make sure the arrow does not touch the popover's rounded corners
- }
-
- .arrow::before,
- .arrow::after {
- border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
- }
-
- .arrow::before {
- left: 0;
- border-right-color: $popover-arrow-outer-color;
- }
-
- .arrow::after {
- left: $popover-border-width;
- border-right-color: $popover-arrow-color;
- }
-}
-
-.bs-popover-bottom {
- margin-top: $popover-arrow-height;
-
- .arrow {
- top: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
- }
-
- .arrow::before,
- .arrow::after {
- border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
- }
-
- .arrow::before {
- top: 0;
- border-bottom-color: $popover-arrow-outer-color;
- }
-
- .arrow::after {
- top: $popover-border-width;
- border-bottom-color: $popover-arrow-color;
- }
-
- // This will remove the popover-header's border just below the arrow
- .popover-header::before {
- position: absolute;
- top: 0;
- left: 50%;
- display: block;
- width: $popover-arrow-width;
- margin-left: ($popover-arrow-width / -2);
- content: "";
- border-bottom: $popover-border-width solid $popover-header-bg;
- }
-}
-
-.bs-popover-left {
- margin-right: $popover-arrow-height;
-
- .arrow {
- right: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
- width: $popover-arrow-height;
- height: $popover-arrow-width;
- margin: $border-radius-lg 0; // make sure the arrow does not touch the popover's rounded corners
- }
-
- .arrow::before,
- .arrow::after {
- border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
- }
-
- .arrow::before {
- right: 0;
- border-left-color: $popover-arrow-outer-color;
- }
-
- .arrow::after {
- right: $popover-border-width;
- border-left-color: $popover-arrow-color;
- }
-}
-
-.bs-popover-auto {
- &[x-placement^="top"] {
- @extend .bs-popover-top;
- }
- &[x-placement^="right"] {
- @extend .bs-popover-right;
- }
- &[x-placement^="bottom"] {
- @extend .bs-popover-bottom;
- }
- &[x-placement^="left"] {
- @extend .bs-popover-left;
- }
-}
-
-
-// Offset the popover to account for the popover arrow
-.popover-header {
- padding: $popover-header-padding-y $popover-header-padding-x;
- margin-bottom: 0; // Reset the default from Reboot
- font-size: $font-size-base;
- color: $popover-header-color;
- background-color: $popover-header-bg;
- border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);
- $offset-border-width: calc(#{$border-radius-lg} - #{$popover-border-width});
- @include border-top-radius($offset-border-width);
-
- &:empty {
- display: none;
- }
-}
-
-.popover-body {
- padding: $popover-body-padding-y $popover-body-padding-x;
- color: $popover-body-color;
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/_print.scss b/assets/scss/material-kit/bootstrap/scss/_print.scss
deleted file mode 100644
index 5e2ce3a8..00000000
--- a/assets/scss/material-kit/bootstrap/scss/_print.scss
+++ /dev/null
@@ -1,124 +0,0 @@
-// stylelint-disable declaration-no-important, selector-no-qualifying-type
-
-// Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css
-
-// ==========================================================================
-// Print styles.
-// Inlined to avoid the additional HTTP request:
-// http://www.phpied.com/delay-loading-your-print-css/
-// ==========================================================================
-
-@if $enable-print-styles {
- @media print {
- *,
- *::before,
- *::after {
- // Bootstrap specific; comment out `color` and `background`
- //color: #000 !important; // Black prints faster: http://www.sanbeiji.com/archives/953
- text-shadow: none !important;
- //background: transparent !important;
- box-shadow: none !important;
- }
-
- a {
- &:not(.btn) {
- text-decoration: underline;
- }
- }
-
- // Bootstrap specific; comment the following selector out
- //a[href]::after {
- // content: " (" attr(href) ")";
- //}
-
- abbr[title]::after {
- content: " (" attr(title) ")";
- }
-
- // Bootstrap specific; comment the following selector out
- //
- // Don't show links that are fragment identifiers,
- // or use the `javascript:` pseudo protocol
- //
-
- //a[href^="#"]::after,
- //a[href^="javascript:"]::after {
- // content: "";
- //}
-
- pre {
- white-space: pre-wrap !important;
- }
- pre,
- blockquote {
- border: $border-width solid #999; // Bootstrap custom code; using `$border-width` instead of 1px
- page-break-inside: avoid;
- }
-
- //
- // Printing Tables:
- // http://css-discuss.incutio.com/wiki/Printing_Tables
- //
-
- thead {
- display: table-header-group;
- }
-
- tr,
- img {
- page-break-inside: avoid;
- }
-
- p,
- h2,
- h3 {
- orphans: 3;
- widows: 3;
- }
-
- h2,
- h3 {
- page-break-after: avoid;
- }
-
- // Bootstrap specific changes start
-
- // Specify a size and min-width to make printing closer across browsers.
- // We don't set margin here because it breaks `size` in Chrome. We also
- // don't use `!important` on `size` as it breaks in Chrome.
- @page {
- size: $print-page-size;
- }
- body {
- min-width: $print-body-min-width !important;
- }
- .container {
- min-width: $print-body-min-width !important;
- }
-
- // Bootstrap components
- .navbar {
- display: none;
- }
- .badge {
- border: $border-width solid #000;
- }
-
- .table {
- border-collapse: collapse !important;
-
- td,
- th {
- background-color: #fff !important;
- }
- }
- .table-bordered {
- th,
- td {
- border: 1px solid #ddd !important;
- }
- }
-
- // Bootstrap specific changes end
- }
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/_reboot.scss b/assets/scss/material-kit/bootstrap/scss/_reboot.scss
deleted file mode 100644
index c79fa474..00000000
--- a/assets/scss/material-kit/bootstrap/scss/_reboot.scss
+++ /dev/null
@@ -1,482 +0,0 @@
-// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix
-
-// Reboot
-//
-// Normalization of HTML elements, manually forked from Normalize.css to remove
-// styles targeting irrelevant browsers while applying new styles.
-//
-// Normalize is licensed MIT. https://github.com/necolas/normalize.css
-
-
-// Document
-//
-// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
-// 2. Change the default font family in all browsers.
-// 3. Correct the line height in all browsers.
-// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.
-// 5. Setting @viewport causes scrollbars to overlap content in IE11 and Edge, so
-// we force a non-overlapping, non-auto-hiding scrollbar to counteract.
-// 6. Change the default tap highlight to be completely transparent in iOS.
-
-*,
-*::before,
-*::after {
- box-sizing: border-box; // 1
-}
-
-html {
- font-family: sans-serif; // 2
- line-height: 1.15; // 3
- -webkit-text-size-adjust: 100%; // 4
- -ms-text-size-adjust: 100%; // 4
- -ms-overflow-style: scrollbar; // 5
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 6
-}
-
-// IE10+ doesn't honor `` elements.
-
-body {
- margin: 0; // 1
- font-family: $font-family-base;
- font-size: $font-size-base;
- font-weight: $font-weight-base;
- line-height: $line-height-base;
- color: $body-color;
- text-align: left; // 3
- background-color: $body-bg; // 2
-}
-
-// Suppress the focus outline on elements that cannot be accessed via keyboard.
-// This prevents an unwanted focus outline from appearing around elements that
-// might still respond to pointer events.
-//
-// Credit: https://github.com/suitcss/base
-[tabindex="-1"]:focus {
- outline: 0 !important;
-}
-
-
-// Content grouping
-//
-// 1. Add the correct box sizing in Firefox.
-// 2. Show the overflow in Edge and IE.
-
-hr {
- box-sizing: content-box; // 1
- height: 0; // 1
- overflow: visible; // 2
-}
-
-
-//
-// Typography
-//
-
-// Remove top margins from headings
-//
-// By default, ``-`` all receive top and bottom margins. We nuke the top
-// margin for easier control within type scales as it avoids margin collapsing.
-// stylelint-disable selector-list-comma-newline-after
-h1, h2, h3, h4, h5, h6 {
- margin-top: 0;
- margin-bottom: $headings-margin-bottom;
-}
-// stylelint-enable selector-list-comma-newline-after
-
-// Reset margins on paragraphs
-//
-// Similarly, the top margin on ` `s get reset. However, we also reset the
-// bottom margin to use `rem` units instead of `em`.
-p {
- margin-top: 0;
- margin-bottom: $paragraph-margin-bottom;
-}
-
-// Abbreviations
-//
-// 1. Remove the bottom border in Firefox 39-.
-// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
-// 3. Add explicit cursor to indicate changed behavior.
-// 4. Duplicate behavior to the data-* attribute for our tooltip plugin
-
-abbr[title],
-abbr[data-original-title] { // 4
- text-decoration: underline; // 2
- text-decoration: underline dotted; // 2
- cursor: help; // 3
- border-bottom: 0; // 1
-}
-
-address {
- margin-bottom: 1rem;
- font-style: normal;
- line-height: inherit;
-}
-
-ol,
-ul,
-dl {
- margin-top: 0;
- margin-bottom: 1rem;
-}
-
-ol ol,
-ul ul,
-ol ul,
-ul ol {
- margin-bottom: 0;
-}
-
-dt {
- font-weight: $dt-font-weight;
-}
-
-dd {
- margin-bottom: .5rem;
- margin-left: 0; // Undo browser default
-}
-
-blockquote {
- margin: 0 0 1rem;
-}
-
-dfn {
- font-style: italic; // Add the correct font style in Android 4.3-
-}
-
-// stylelint-disable font-weight-notation
-b,
-strong {
- font-weight: bolder; // Add the correct font weight in Chrome, Edge, and Safari
-}
-// stylelint-enable font-weight-notation
-
-small {
- font-size: 80%; // Add the correct font size in all browsers
-}
-
-//
-// Prevent `sub` and `sup` elements from affecting the line height in
-// all browsers.
-//
-
-sub,
-sup {
- position: relative;
- font-size: 75%;
- line-height: 0;
- vertical-align: baseline;
-}
-
-sub { bottom: -.25em; }
-sup { top: -.5em; }
-
-
-//
-// Links
-//
-
-a {
- color: $link-color;
- text-decoration: $link-decoration;
- background-color: transparent; // Remove the gray background on active links in IE 10.
- -webkit-text-decoration-skip: objects; // Remove gaps in links underline in iOS 8+ and Safari 8+.
-
- @include hover {
- color: $link-hover-color;
- text-decoration: $link-hover-decoration;
- }
-}
-
-// And undo these styles for placeholder links/named anchors (without href)
-// which have not been made explicitly keyboard-focusable (without tabindex).
-// It would be more straightforward to just use a[href] in previous block, but that
-// causes specificity issues in many other styles that are too complex to fix.
-// See https://github.com/twbs/bootstrap/issues/19402
-
-a:not([href]):not([tabindex]) {
- color: inherit;
- text-decoration: none;
-
- @include hover-focus {
- color: inherit;
- text-decoration: none;
- }
-
- &:focus {
- outline: 0;
- }
-}
-
-
-//
-// Code
-//
-
-// stylelint-disable font-family-no-duplicate-names
-pre,
-code,
-kbd,
-samp {
- font-family: monospace, monospace; // Correct the inheritance and scaling of font size in all browsers.
- font-size: 1em; // Correct the odd `em` font sizing in all browsers.
-}
-// stylelint-enable font-family-no-duplicate-names
-
-pre {
- // Remove browser default top margin
- margin-top: 0;
- // Reset browser default of `1em` to use `rem`s
- margin-bottom: 1rem;
- // Don't allow content to break outside
- overflow: auto;
- // We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so
- // we force a non-overlapping, non-auto-hiding scrollbar to counteract.
- -ms-overflow-style: scrollbar;
-}
-
-
-//
-// Figures
-//
-
-figure {
- // Apply a consistent margin strategy (matches our type styles).
- margin: 0 0 1rem;
-}
-
-
-//
-// Images and content
-//
-
-img {
- vertical-align: middle;
- border-style: none; // Remove the border on images inside links in IE 10-.
-}
-
-svg:not(:root) {
- overflow: hidden; // Hide the overflow in IE
-}
-
-
-//
-// Tables
-//
-
-table {
- border-collapse: collapse; // Prevent double borders
-}
-
-caption {
- padding-top: $table-cell-padding;
- padding-bottom: $table-cell-padding;
- color: $text-muted;
- text-align: left;
- caption-side: bottom;
-}
-
-th {
- // Matches default `
` alignment by inheriting from the ``, or the
- // closest parent with a set `text-align`.
- text-align: inherit;
-}
-
-
-//
-// Forms
-//
-
-label {
- // Allow labels to use `margin` for spacing.
- display: inline-block;
- margin-bottom: .5rem;
-}
-
-// Remove the default `border-radius` that macOS Chrome adds.
-//
-// Details at https://github.com/twbs/bootstrap/issues/24093
-button {
- border-radius: 0;
-}
-
-// Work around a Firefox/IE bug where the transparent `button` background
-// results in a loss of the default `button` focus styles.
-//
-// Credit: https://github.com/suitcss/base/
-button:focus {
- outline: 1px dotted;
- outline: 5px auto -webkit-focus-ring-color;
-}
-
-input,
-button,
-select,
-optgroup,
-textarea {
- margin: 0; // Remove the margin in Firefox and Safari
- font-family: inherit;
- font-size: inherit;
- line-height: inherit;
-}
-
-button,
-input {
- overflow: visible; // Show the overflow in Edge
-}
-
-button,
-select {
- text-transform: none; // Remove the inheritance of text transform in Firefox
-}
-
-// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
-// controls in Android 4.
-// 2. Correct the inability to style clickable types in iOS and Safari.
-button,
-html [type="button"], // 1
-[type="reset"],
-[type="submit"] {
- -webkit-appearance: button; // 2
-}
-
-// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.
-button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
- padding: 0;
- border-style: none;
-}
-
-input[type="radio"],
-input[type="checkbox"] {
- box-sizing: border-box; // 1. Add the correct box sizing in IE 10-
- padding: 0; // 2. Remove the padding in IE 10-
-}
-
-
-input[type="date"],
-input[type="time"],
-input[type="datetime-local"],
-input[type="month"] {
- // Remove the default appearance of temporal inputs to avoid a Mobile Safari
- // bug where setting a custom line-height prevents text from being vertically
- // centered within the input.
- // See https://bugs.webkit.org/show_bug.cgi?id=139848
- // and https://github.com/twbs/bootstrap/issues/11266
- -webkit-appearance: listbox;
-}
-
-textarea {
- overflow: auto; // Remove the default vertical scrollbar in IE.
- // Textareas should really only resize vertically so they don't break their (horizontal) containers.
- resize: vertical;
-}
-
-fieldset {
- // Browsers set a default `min-width: min-content;` on fieldsets,
- // unlike e.g. ``s, which have `min-width: 0;` by default.
- // So we reset that to ensure fieldsets behave more like a standard block element.
- // See https://github.com/twbs/bootstrap/issues/12359
- // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements
- min-width: 0;
- // Reset the default outline behavior of fieldsets so they don't affect page layout.
- padding: 0;
- margin: 0;
- border: 0;
-}
-
-// 1. Correct the text wrapping in Edge and IE.
-// 2. Correct the color inheritance from `fieldset` elements in IE.
-legend {
- display: block;
- width: 100%;
- max-width: 100%; // 1
- padding: 0;
- margin-bottom: .5rem;
- font-size: 1.5rem;
- line-height: inherit;
- color: inherit; // 2
- white-space: normal; // 1
-}
-
-progress {
- vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.
-}
-
-// Correct the cursor style of increment and decrement buttons in Chrome.
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
- height: auto;
-}
-
-[type="search"] {
- // This overrides the extra rounded corners on search inputs in iOS so that our
- // `.form-control` class can properly style them. Note that this cannot simply
- // be added to `.form-control` as it's not specific enough. For details, see
- // https://github.com/twbs/bootstrap/issues/11586.
- outline-offset: -2px; // 2. Correct the outline style in Safari.
- -webkit-appearance: none;
-}
-
-//
-// Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
-//
-
-[type="search"]::-webkit-search-cancel-button,
-[type="search"]::-webkit-search-decoration {
- -webkit-appearance: none;
-}
-
-//
-// 1. Correct the inability to style clickable types in iOS and Safari.
-// 2. Change font properties to `inherit` in Safari.
-//
-
-::-webkit-file-upload-button {
- font: inherit; // 2
- -webkit-appearance: button; // 1
-}
-
-//
-// Correct element displays
-//
-
-output {
- display: inline-block;
-}
-
-summary {
- display: list-item; // Add the correct display in all browsers
- cursor: pointer;
-}
-
-template {
- display: none; // Add the correct display in IE
-}
-
-// Always hide an element with the `hidden` HTML attribute (from PureCSS).
-// Needed for proper display in IE 10-.
-[hidden] {
- display: none !important;
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/_root.scss b/assets/scss/material-kit/bootstrap/scss/_root.scss
deleted file mode 100644
index ad550df3..00000000
--- a/assets/scss/material-kit/bootstrap/scss/_root.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-:root {
- // Custom variable values only support SassScript inside `#{}`.
- @each $color, $value in $colors {
- --#{$color}: #{$value};
- }
-
- @each $color, $value in $theme-colors {
- --#{$color}: #{$value};
- }
-
- @each $bp, $value in $grid-breakpoints {
- --breakpoint-#{$bp}: #{$value};
- }
-
- // Use `inspect` for lists so that quoted items keep the quotes.
- // See https://github.com/sass/sass/issues/2383#issuecomment-336349172
- --font-family-sans-serif: #{inspect($font-family-sans-serif)};
- --font-family-monospace: #{inspect($font-family-monospace)};
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/_tables.scss b/assets/scss/material-kit/bootstrap/scss/_tables.scss
deleted file mode 100644
index 0e3b1198..00000000
--- a/assets/scss/material-kit/bootstrap/scss/_tables.scss
+++ /dev/null
@@ -1,180 +0,0 @@
-//
-// Basic Bootstrap table
-//
-
-.table {
- width: 100%;
- max-width: 100%;
- margin-bottom: $spacer;
- background-color: $table-bg; // Reset for nesting within parents with `background-color`.
-
- th,
- td {
- padding: $table-cell-padding;
- vertical-align: top;
- border-top: $table-border-width solid $table-border-color;
- }
-
- thead th {
- vertical-align: bottom;
- border-bottom: (2 * $table-border-width) solid $table-border-color;
- }
-
- tbody + tbody {
- border-top: (2 * $table-border-width) solid $table-border-color;
- }
-
- .table {
- background-color: $body-bg;
- }
-}
-
-
-//
-// Condensed table w/ half padding
-//
-
-.table-sm {
- th,
- td {
- padding: $table-cell-padding-sm;
- }
-}
-
-
-// Bordered version
-//
-// Add borders all around the table and between all the columns.
-
-.table-bordered {
- border: $table-border-width solid $table-border-color;
-
- th,
- td {
- border: $table-border-width solid $table-border-color;
- }
-
- thead {
- th,
- td {
- border-bottom-width: (2 * $table-border-width);
- }
- }
-}
-
-
-// Zebra-striping
-//
-// Default zebra-stripe styles (alternating gray and transparent backgrounds)
-
-.table-striped {
- tbody tr:nth-of-type(odd) {
- background-color: $table-accent-bg;
- }
-}
-
-
-// Hover effect
-//
-// Placed here since it has to come after the potential zebra striping
-
-.table-hover {
- tbody tr {
- @include hover {
- background-color: $table-hover-bg;
- }
- }
-}
-
-
-// Table backgrounds
-//
-// Exact selectors below required to override `.table-striped` and prevent
-// inheritance to nested tables.
-
-@each $color, $value in $theme-colors {
- @include table-row-variant($color, theme-color-level($color, -9));
-}
-
-@include table-row-variant(active, $table-active-bg);
-
-
-// Dark styles
-//
-// Same table markup, but inverted color scheme: dark background and light text.
-
-// stylelint-disable-next-line no-duplicate-selectors
-.table {
- .thead-dark {
- th {
- color: $table-dark-color;
- background-color: $table-dark-bg;
- border-color: $table-dark-border-color;
- }
- }
-
- .thead-light {
- th {
- color: $table-head-color;
- background-color: $table-head-bg;
- border-color: $table-border-color;
- }
- }
-}
-
-.table-dark {
- color: $table-dark-color;
- background-color: $table-dark-bg;
-
- th,
- td,
- thead th {
- border-color: $table-dark-border-color;
- }
-
- &.table-bordered {
- border: 0;
- }
-
- &.table-striped {
- tbody tr:nth-of-type(odd) {
- background-color: $table-dark-accent-bg;
- }
- }
-
- &.table-hover {
- tbody tr {
- @include hover {
- background-color: $table-dark-hover-bg;
- }
- }
- }
-}
-
-
-// Responsive tables
-//
-// Generate series of `.table-responsive-*` classes for configuring the screen
-// size of where your table will overflow.
-
-.table-responsive {
- @each $breakpoint in map-keys($grid-breakpoints) {
- $next: breakpoint-next($breakpoint, $grid-breakpoints);
- $infix: breakpoint-infix($next, $grid-breakpoints);
-
- &#{$infix} {
- @include media-breakpoint-down($breakpoint) {
- display: block;
- width: 100%;
- overflow-x: auto;
- -webkit-overflow-scrolling: touch;
- -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057
-
- // Prevent double border on horizontal scroll due to use of `display: block;`
- > .table-bordered {
- border: 0;
- }
- }
- }
- }
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/_transitions.scss b/assets/scss/material-kit/bootstrap/scss/_transitions.scss
deleted file mode 100644
index df5744b2..00000000
--- a/assets/scss/material-kit/bootstrap/scss/_transitions.scss
+++ /dev/null
@@ -1,36 +0,0 @@
-// stylelint-disable selector-no-qualifying-type
-
-.fade {
- opacity: 0;
- @include transition($transition-fade);
-
- &.show {
- opacity: 1;
- }
-}
-
-.collapse {
- display: none;
- &.show {
- display: block;
- }
-}
-
-tr {
- &.collapse.show {
- display: table-row;
- }
-}
-
-tbody {
- &.collapse.show {
- display: table-row-group;
- }
-}
-
-.collapsing {
- position: relative;
- height: 0;
- overflow: hidden;
- @include transition($transition-collapse);
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/_type.scss b/assets/scss/material-kit/bootstrap/scss/_type.scss
deleted file mode 100644
index 57d610f0..00000000
--- a/assets/scss/material-kit/bootstrap/scss/_type.scss
+++ /dev/null
@@ -1,125 +0,0 @@
-// stylelint-disable declaration-no-important, selector-list-comma-newline-after
-
-//
-// Headings
-//
-
-h1, h2, h3, h4, h5, h6,
-.h1, .h2, .h3, .h4, .h5, .h6 {
- margin-bottom: $headings-margin-bottom;
- font-family: $headings-font-family;
- font-weight: $headings-font-weight;
- line-height: $headings-line-height;
- color: $headings-color;
-}
-
-h1, .h1 { font-size: $h1-font-size; }
-h2, .h2 { font-size: $h2-font-size; }
-h3, .h3 { font-size: $h3-font-size; }
-h4, .h4 { font-size: $h4-font-size; }
-h5, .h5 { font-size: $h5-font-size; }
-h6, .h6 { font-size: $h6-font-size; }
-
-.lead {
- font-size: $lead-font-size;
- font-weight: $lead-font-weight;
-}
-
-// Type display classes
-.display-1 {
- font-size: $display1-size;
- font-weight: $display1-weight;
- line-height: $display-line-height;
-}
-.display-2 {
- font-size: $display2-size;
- font-weight: $display2-weight;
- line-height: $display-line-height;
-}
-.display-3 {
- font-size: $display3-size;
- font-weight: $display3-weight;
- line-height: $display-line-height;
-}
-.display-4 {
- font-size: $display4-size;
- font-weight: $display4-weight;
- line-height: $display-line-height;
-}
-
-
-//
-// Horizontal rules
-//
-
-hr {
- margin-top: $hr-margin-y;
- margin-bottom: $hr-margin-y;
- border: 0;
- border-top: $hr-border-width solid $hr-border-color;
-}
-
-
-//
-// Emphasis
-//
-
-small,
-.small {
- font-size: $small-font-size;
- font-weight: $font-weight-normal;
-}
-
-mark,
-.mark {
- padding: $mark-padding;
- background-color: $mark-bg;
-}
-
-
-//
-// Lists
-//
-
-.list-unstyled {
- @include list-unstyled;
-}
-
-// Inline turns list items into inline-block
-.list-inline {
- @include list-unstyled;
-}
-.list-inline-item {
- display: inline-block;
-
- &:not(:last-child) {
- margin-right: $list-inline-padding;
- }
-}
-
-
-//
-// Misc
-//
-
-// Builds on `abbr`
-.initialism {
- font-size: 90%;
- text-transform: uppercase;
-}
-
-// Blockquotes
-.blockquote {
- margin-bottom: $spacer;
- font-size: $blockquote-font-size;
-}
-
-.blockquote-footer {
- display: block;
- font-size: 80%; // back to default font-size
- color: $blockquote-small-color;
-
- &::before {
- content: "\2014 \00A0"; // em dash, nbsp
- }
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/_utilities.scss b/assets/scss/material-kit/bootstrap/scss/_utilities.scss
deleted file mode 100644
index 7b2a1ebe..00000000
--- a/assets/scss/material-kit/bootstrap/scss/_utilities.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-@import "utilities/align";
-@import "utilities/background";
-@import "utilities/borders";
-@import "utilities/clearfix";
-@import "utilities/display";
-@import "utilities/embed";
-@import "utilities/flex";
-@import "utilities/float";
-@import "utilities/position";
-@import "utilities/screenreaders";
-@import "utilities/sizing";
-@import "utilities/spacing";
-@import "utilities/text";
-@import "utilities/visibility";
diff --git a/assets/scss/material-kit/bootstrap/scss/_variables.scss b/assets/scss/material-kit/bootstrap/scss/_variables.scss
deleted file mode 100644
index be580deb..00000000
--- a/assets/scss/material-kit/bootstrap/scss/_variables.scss
+++ /dev/null
@@ -1,894 +0,0 @@
-// Variables
-//
-// Variables should follow the `$component-state-property-size` formula for
-// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
-
-
-//
-// Color system
-//
-
-// stylelint-disable
-$white: #fff !default;
-$gray-100: #f8f9fa !default;
-$gray-200: #e9ecef !default;
-$gray-300: #dee2e6 !default;
-$gray-400: #ced4da !default;
-$gray-500: #adb5bd !default;
-$gray-600: #6c757d !default;
-$gray-700: #495057 !default;
-$gray-800: #343a40 !default;
-$gray-900: #212529 !default;
-$black: #000 !default;
-
-$grays: () !default;
-$grays: map-merge((
- "100": $gray-100,
- "200": $gray-200,
- "300": $gray-300,
- "400": $gray-400,
- "500": $gray-500,
- "600": $gray-600,
- "700": $gray-700,
- "800": $gray-800,
- "900": $gray-900
-), $grays);
-
-$blue: #007bff !default;
-$indigo: #6610f2 !default;
-$purple: #6f42c1 !default;
-$pink: #e83e8c !default;
-$red: #dc3545 !default;
-$orange: #fd7e14 !default;
-$yellow: #ffc107 !default;
-$green: #28a745 !default;
-$teal: #20c997 !default;
-$cyan: #17a2b8 !default;
-
-$colors: () !default;
-$colors: map-merge((
- "blue": $blue,
- "indigo": $indigo,
- "purple": $purple,
- "pink": $pink,
- "red": $red,
- "orange": $orange,
- "yellow": $yellow,
- "green": $green,
- "teal": $teal,
- "cyan": $cyan,
- "white": $white,
- "gray": $gray-600,
- "gray-dark": $gray-800
-), $colors);
-
-$primary: $blue !default;
-$secondary: $gray-600 !default;
-$success: $green !default;
-$info: $cyan !default;
-$warning: $yellow !default;
-$danger: $red !default;
-$light: $gray-100 !default;
-$dark: $gray-800 !default;
-
-$theme-colors: () !default;
-$theme-colors: map-merge((
- "primary": $primary,
- "secondary": $secondary,
- "success": $success,
- "info": $info,
- "warning": $warning,
- "danger": $danger,
- "light": $light,
- "dark": $dark
-), $theme-colors);
-// stylelint-enable
-
-// Set a specific jump point for requesting color jumps
-$theme-color-interval: 8% !default;
-
-// The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
-$yiq-contrasted-threshold: 150 !default;
-
-// Customize the light and dark text colors for use in our YIQ color contrast function.
-$yiq-text-dark: $gray-900 !default;
-$yiq-text-light: $white !default;
-
-// Options
-//
-// Quickly modify global styling by enabling or disabling optional features.
-
-$enable-caret: true !default;
-$enable-rounded: true !default;
-$enable-shadows: false !default;
-$enable-gradients: false !default;
-$enable-transitions: true !default;
-$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS
-$enable-grid-classes: true !default;
-$enable-print-styles: true !default;
-
-
-// Spacing
-//
-// Control the default styling of most Bootstrap elements by modifying these
-// variables. Mostly focused on spacing.
-// You can add more entries to the $spacers map, should you need more variation.
-
-// stylelint-disable
-$spacer: 1rem !default;
-$spacers: () !default;
-$spacers: map-merge((
- 0: 0,
- 1: ($spacer * .25),
- 2: ($spacer * .5),
- 3: $spacer,
- 4: ($spacer * 1.5),
- 5: ($spacer * 3)
-), $spacers);
-
-// This variable affects the `.h-*` and `.w-*` classes.
-$sizes: () !default;
-$sizes: map-merge((
- 25: 25%,
- 50: 50%,
- 75: 75%,
- 100: 100%
-), $sizes);
-// stylelint-enable
-
-// Body
-//
-// Settings for the `` element.
-
-$body-bg: $white !default;
-$body-color: $gray-900 !default;
-
-// Links
-//
-// Style anchor elements.
-
-$link-color: theme-color("primary") !default;
-$link-decoration: none !default;
-$link-hover-color: darken($link-color, 15%) !default;
-$link-hover-decoration: underline !default;
-
-// Paragraphs
-//
-// Style p element.
-
-$paragraph-margin-bottom: 1rem !default;
-
-
-// Grid breakpoints
-//
-// Define the minimum dimensions at which your layout will change,
-// adapting to different screen sizes, for use in media queries.
-
-$grid-breakpoints: (
- xs: 0,
- sm: 576px,
- md: 768px,
- lg: 992px,
- xl: 1200px
-) !default;
-
-@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
-@include _assert-starts-at-zero($grid-breakpoints);
-
-
-// Grid containers
-//
-// Define the maximum width of `.container` for different screen sizes.
-
-$container-max-widths: (
- sm: 540px,
- md: 720px,
- lg: 960px,
- xl: 1140px
-) !default;
-
-@include _assert-ascending($container-max-widths, "$container-max-widths");
-
-
-// Grid columns
-//
-// Set the number of columns and specify the width of the gutters.
-
-$grid-columns: 12 !default;
-$grid-gutter-width: 30px !default;
-
-// Components
-//
-// Define common padding and border radius sizes and more.
-
-$line-height-lg: 1.5 !default;
-$line-height-sm: 1.5 !default;
-
-$border-width: 1px !default;
-$border-color: $gray-300 !default;
-
-$border-radius: .25rem !default;
-$border-radius-lg: .3rem !default;
-$border-radius-sm: .2rem !default;
-
-$component-active-color: $white !default;
-$component-active-bg: theme-color("primary") !default;
-
-$caret-width: .3em !default;
-
-$transition-base: all .2s ease-in-out !default;
-$transition-fade: opacity .15s linear !default;
-$transition-collapse: height .35s ease !default;
-
-
-// Fonts
-//
-// Font, line-height, and color for body text, headings, and more.
-
-// stylelint-disable value-keyword-case
-$font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
-$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
-$font-family-base: $font-family-sans-serif !default;
-// stylelint-enable value-keyword-case
-
-$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
-$font-size-lg: ($font-size-base * 1.25) !default;
-$font-size-sm: ($font-size-base * .875) !default;
-
-$font-weight-light: 300 !default;
-$font-weight-normal: 400 !default;
-$font-weight-bold: 700 !default;
-
-$font-weight-base: $font-weight-normal !default;
-$line-height-base: 1.5 !default;
-
-$h1-font-size: $font-size-base * 2.5 !default;
-$h2-font-size: $font-size-base * 2 !default;
-$h3-font-size: $font-size-base * 1.75 !default;
-$h4-font-size: $font-size-base * 1.5 !default;
-$h5-font-size: $font-size-base * 1.25 !default;
-$h6-font-size: $font-size-base !default;
-
-$headings-margin-bottom: ($spacer / 2) !default;
-$headings-font-family: inherit !default;
-$headings-font-weight: 500 !default;
-$headings-line-height: 1.2 !default;
-$headings-color: inherit !default;
-
-$display1-size: 6rem !default;
-$display2-size: 5.5rem !default;
-$display3-size: 4.5rem !default;
-$display4-size: 3.5rem !default;
-
-$display1-weight: 300 !default;
-$display2-weight: 300 !default;
-$display3-weight: 300 !default;
-$display4-weight: 300 !default;
-$display-line-height: $headings-line-height !default;
-
-$lead-font-size: ($font-size-base * 1.25) !default;
-$lead-font-weight: 300 !default;
-
-$small-font-size: 80% !default;
-
-$text-muted: $gray-600 !default;
-
-$blockquote-small-color: $gray-600 !default;
-$blockquote-font-size: ($font-size-base * 1.25) !default;
-
-$hr-border-color: rgba($black, .1) !default;
-$hr-border-width: $border-width !default;
-
-$mark-padding: .2em !default;
-
-$dt-font-weight: $font-weight-bold !default;
-
-$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;
-$nested-kbd-font-weight: $font-weight-bold !default;
-
-$list-inline-padding: .5rem !default;
-
-$mark-bg: #fcf8e3 !default;
-
-$hr-margin-y: $spacer !default;
-
-
-// Tables
-//
-// Customizes the `.table` component with basic values, each used across all table variations.
-
-$table-cell-padding: .75rem !default;
-$table-cell-padding-sm: .3rem !default;
-
-$table-bg: transparent !default;
-$table-accent-bg: rgba($black, .05) !default;
-$table-hover-bg: rgba($black, .075) !default;
-$table-active-bg: $table-hover-bg !default;
-
-$table-border-width: $border-width !default;
-$table-border-color: $gray-300 !default;
-
-$table-head-bg: $gray-200 !default;
-$table-head-color: $gray-700 !default;
-
-$table-dark-bg: $gray-900 !default;
-$table-dark-accent-bg: rgba($white, .05) !default;
-$table-dark-hover-bg: rgba($white, .075) !default;
-$table-dark-border-color: lighten($gray-900, 7.5%) !default;
-$table-dark-color: $body-bg !default;
-
-
-// Buttons + Forms
-//
-// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
-
-$input-btn-padding-y: .375rem !default;
-$input-btn-padding-x: .75rem !default;
-$input-btn-line-height: $line-height-base !default;
-
-$input-btn-focus-width: .2rem !default;
-$input-btn-focus-color: rgba($component-active-bg, .25) !default;
-$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;
-
-$input-btn-padding-y-sm: .25rem !default;
-$input-btn-padding-x-sm: .5rem !default;
-$input-btn-line-height-sm: $line-height-sm !default;
-
-$input-btn-padding-y-lg: .5rem !default;
-$input-btn-padding-x-lg: 1rem !default;
-$input-btn-line-height-lg: $line-height-lg !default;
-
-$input-btn-border-width: $border-width !default;
-
-
-// Buttons
-//
-// For each of Bootstrap's buttons, define text, background, and border color.
-
-$btn-padding-y: $input-btn-padding-y !default;
-$btn-padding-x: $input-btn-padding-x !default;
-$btn-line-height: $input-btn-line-height !default;
-
-$btn-padding-y-sm: $input-btn-padding-y-sm !default;
-$btn-padding-x-sm: $input-btn-padding-x-sm !default;
-$btn-line-height-sm: $input-btn-line-height-sm !default;
-
-$btn-padding-y-lg: $input-btn-padding-y-lg !default;
-$btn-padding-x-lg: $input-btn-padding-x-lg !default;
-$btn-line-height-lg: $input-btn-line-height-lg !default;
-
-$btn-border-width: $input-btn-border-width !default;
-
-$btn-font-weight: $font-weight-normal !default;
-$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;
-$btn-focus-width: $input-btn-focus-width !default;
-$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;
-$btn-disabled-opacity: .65 !default;
-$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;
-
-$btn-link-disabled-color: $gray-600 !default;
-
-$btn-block-spacing-y: .5rem !default;
-
-// Allows for customizing button radius independently from global border radius
-$btn-border-radius: $border-radius !default;
-$btn-border-radius-lg: $border-radius-lg !default;
-$btn-border-radius-sm: $border-radius-sm !default;
-
-$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
-
-
-// Forms
-
-$input-padding-y: $input-btn-padding-y !default;
-$input-padding-x: $input-btn-padding-x !default;
-$input-line-height: $input-btn-line-height !default;
-
-$input-padding-y-sm: $input-btn-padding-y-sm !default;
-$input-padding-x-sm: $input-btn-padding-x-sm !default;
-$input-line-height-sm: $input-btn-line-height-sm !default;
-
-$input-padding-y-lg: $input-btn-padding-y-lg !default;
-$input-padding-x-lg: $input-btn-padding-x-lg !default;
-$input-line-height-lg: $input-btn-line-height-lg !default;
-
-$input-bg: $white !default;
-$input-disabled-bg: $gray-200 !default;
-
-$input-color: $gray-700 !default;
-$input-border-color: $gray-400 !default;
-$input-border-width: $input-btn-border-width !default;
-$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;
-
-$input-border-radius: $border-radius !default;
-$input-border-radius-lg: $border-radius-lg !default;
-$input-border-radius-sm: $border-radius-sm !default;
-
-$input-focus-bg: $input-bg !default;
-$input-focus-border-color: lighten($component-active-bg, 25%) !default;
-$input-focus-color: $input-color !default;
-$input-focus-width: $input-btn-focus-width !default;
-$input-focus-box-shadow: $input-btn-focus-box-shadow !default;
-
-$input-placeholder-color: $gray-600 !default;
-
-$input-height-border: $input-border-width * 2 !default;
-
-$input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;
-$input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default;
-
-$input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;
-$input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;
-
-$input-height-inner-lg: ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;
-$input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;
-
-$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
-
-$form-text-margin-top: .25rem !default;
-
-$form-check-input-gutter: 1.25rem !default;
-$form-check-input-margin-y: .3rem !default;
-$form-check-input-margin-x: .25rem !default;
-
-$form-check-inline-margin-x: .75rem !default;
-$form-check-inline-input-margin-x: .3125rem !default;
-
-$form-group-margin-bottom: 1rem !default;
-
-$input-group-addon-color: $input-color !default;
-$input-group-addon-bg: $gray-200 !default;
-$input-group-addon-border-color: $input-border-color !default;
-
-$custom-control-gutter: 1.5rem !default;
-$custom-control-spacer-x: 1rem !default;
-
-$custom-control-indicator-size: 1rem !default;
-$custom-control-indicator-bg: $gray-300 !default;
-$custom-control-indicator-bg-size: 50% 50% !default;
-$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;
-
-$custom-control-indicator-disabled-bg: $gray-200 !default;
-$custom-control-label-disabled-color: $gray-600 !default;
-
-$custom-control-indicator-checked-color: $component-active-color !default;
-$custom-control-indicator-checked-bg: $component-active-bg !default;
-$custom-control-indicator-checked-disabled-bg: rgba(theme-color("primary"), .5) !default;
-$custom-control-indicator-checked-box-shadow: none !default;
-
-$custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;
-
-$custom-control-indicator-active-color: $component-active-color !default;
-$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;
-$custom-control-indicator-active-box-shadow: none !default;
-
-$custom-checkbox-indicator-border-radius: $border-radius !default;
-$custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default;
-
-$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;
-$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;
-$custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default;
-$custom-checkbox-indicator-indeterminate-box-shadow: none !default;
-
-$custom-radio-indicator-border-radius: 50% !default;
-$custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default;
-
-$custom-select-padding-y: .375rem !default;
-$custom-select-padding-x: .75rem !default;
-$custom-select-height: $input-height !default;
-$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator
-$custom-select-line-height: $input-btn-line-height !default;
-$custom-select-color: $input-color !default;
-$custom-select-disabled-color: $gray-600 !default;
-$custom-select-bg: $white !default;
-$custom-select-disabled-bg: $gray-200 !default;
-$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions
-$custom-select-indicator-color: $gray-800 !default;
-$custom-select-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default;
-$custom-select-border-width: $input-btn-border-width !default;
-$custom-select-border-color: $input-border-color !default;
-$custom-select-border-radius: $border-radius !default;
-
-$custom-select-focus-border-color: $input-focus-border-color !default;
-$custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;
-
-$custom-select-font-size-sm: 75% !default;
-$custom-select-height-sm: $input-height-sm !default;
-
-$custom-select-font-size-lg: 125% !default;
-$custom-select-height-lg: $input-height-lg !default;
-
-$custom-file-height: $input-height !default;
-$custom-file-focus-border-color: $input-focus-border-color !default;
-$custom-file-focus-box-shadow: $input-btn-focus-box-shadow !default;
-
-$custom-file-padding-y: $input-btn-padding-y !default;
-$custom-file-padding-x: $input-btn-padding-x !default;
-$custom-file-line-height: $input-btn-line-height !default;
-$custom-file-color: $input-color !default;
-$custom-file-bg: $input-bg !default;
-$custom-file-border-width: $input-btn-border-width !default;
-$custom-file-border-color: $input-border-color !default;
-$custom-file-border-radius: $input-border-radius !default;
-$custom-file-box-shadow: $input-box-shadow !default;
-$custom-file-button-color: $custom-file-color !default;
-$custom-file-button-bg: $input-group-addon-bg !default;
-$custom-file-text: (
- en: "Browse"
-) !default;
-
-
-// Form validation
-$form-feedback-margin-top: $form-text-margin-top !default;
-$form-feedback-font-size: $small-font-size !default;
-$form-feedback-valid-color: theme-color("success") !default;
-$form-feedback-invalid-color: theme-color("danger") !default;
-
-
-// Dropdowns
-//
-// Dropdown menu container and contents.
-
-$dropdown-min-width: 10rem !default;
-$dropdown-padding-y: .5rem !default;
-$dropdown-spacer: .125rem !default;
-$dropdown-bg: $white !default;
-$dropdown-border-color: rgba($black, .15) !default;
-$dropdown-border-radius: $border-radius !default;
-$dropdown-border-width: $border-width !default;
-$dropdown-divider-bg: $gray-200 !default;
-$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;
-
-$dropdown-link-color: $gray-900 !default;
-$dropdown-link-hover-color: darken($gray-900, 5%) !default;
-$dropdown-link-hover-bg: $gray-100 !default;
-
-$dropdown-link-active-color: $component-active-color !default;
-$dropdown-link-active-bg: $component-active-bg !default;
-
-$dropdown-link-disabled-color: $gray-600 !default;
-
-$dropdown-item-padding-y: .25rem !default;
-$dropdown-item-padding-x: 1.5rem !default;
-
-$dropdown-header-color: $gray-600 !default;
-
-
-// Z-index master list
-//
-// Warning: Avoid customizing these values. They're used for a bird's eye view
-// of components dependent on the z-axis and are designed to all work together.
-
-$zindex-dropdown: 1000 !default;
-$zindex-sticky: 1020 !default;
-$zindex-fixed: 1030 !default;
-$zindex-modal-backdrop: 1040 !default;
-$zindex-modal: 1050 !default;
-$zindex-popover: 1060 !default;
-$zindex-tooltip: 1070 !default;
-
-// Navs
-
-$nav-link-padding-y: .5rem !default;
-$nav-link-padding-x: 1rem !default;
-$nav-link-disabled-color: $gray-600 !default;
-
-$nav-tabs-border-color: $gray-300 !default;
-$nav-tabs-border-width: $border-width !default;
-$nav-tabs-border-radius: $border-radius !default;
-$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;
-$nav-tabs-link-active-color: $gray-700 !default;
-$nav-tabs-link-active-bg: $body-bg !default;
-$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;
-
-$nav-pills-border-radius: $border-radius !default;
-$nav-pills-link-active-color: $component-active-color !default;
-$nav-pills-link-active-bg: $component-active-bg !default;
-
-// Navbar
-
-$navbar-padding-y: ($spacer / 2) !default;
-$navbar-padding-x: $spacer !default;
-
-$navbar-nav-link-padding-x: .5rem !default;
-
-$navbar-brand-font-size: $font-size-lg !default;
-// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
-$nav-link-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;
-$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;
-$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;
-
-$navbar-toggler-padding-y: .25rem !default;
-$navbar-toggler-padding-x: .75rem !default;
-$navbar-toggler-font-size: $font-size-lg !default;
-$navbar-toggler-border-radius: $btn-border-radius !default;
-
-$navbar-dark-color: rgba($white, .5) !default;
-$navbar-dark-hover-color: rgba($white, .75) !default;
-$navbar-dark-active-color: $white !default;
-$navbar-dark-disabled-color: rgba($white, .25) !default;
-$navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
-$navbar-dark-toggler-border-color: rgba($white, .1) !default;
-
-$navbar-light-color: rgba($black, .5) !default;
-$navbar-light-hover-color: rgba($black, .7) !default;
-$navbar-light-active-color: rgba($black, .9) !default;
-$navbar-light-disabled-color: rgba($black, .3) !default;
-$navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
-$navbar-light-toggler-border-color: rgba($black, .1) !default;
-
-// Pagination
-
-$pagination-padding-y: .5rem !default;
-$pagination-padding-x: .75rem !default;
-$pagination-padding-y-sm: .25rem !default;
-$pagination-padding-x-sm: .5rem !default;
-$pagination-padding-y-lg: .75rem !default;
-$pagination-padding-x-lg: 1.5rem !default;
-$pagination-line-height: 1.25 !default;
-
-$pagination-color: $link-color !default;
-$pagination-bg: $white !default;
-$pagination-border-width: $border-width !default;
-$pagination-border-color: $gray-300 !default;
-
-$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;
-
-$pagination-hover-color: $link-hover-color !default;
-$pagination-hover-bg: $gray-200 !default;
-$pagination-hover-border-color: $gray-300 !default;
-
-$pagination-active-color: $component-active-color !default;
-$pagination-active-bg: $component-active-bg !default;
-$pagination-active-border-color: $pagination-active-bg !default;
-
-$pagination-disabled-color: $gray-600 !default;
-$pagination-disabled-bg: $white !default;
-$pagination-disabled-border-color: $gray-300 !default;
-
-
-// Jumbotron
-
-$jumbotron-padding: 2rem !default;
-$jumbotron-bg: $gray-200 !default;
-
-
-// Cards
-
-$card-spacer-y: .75rem !default;
-$card-spacer-x: 1.25rem !default;
-$card-border-width: $border-width !default;
-$card-border-radius: $border-radius !default;
-$card-border-color: rgba($black, .125) !default;
-$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;
-$card-cap-bg: rgba($black, .03) !default;
-$card-bg: $white !default;
-
-$card-img-overlay-padding: 1.25rem !default;
-
-$card-group-margin: ($grid-gutter-width / 2) !default;
-$card-deck-margin: $card-group-margin !default;
-
-$card-columns-count: 3 !default;
-$card-columns-gap: 1.25rem !default;
-$card-columns-margin: $card-spacer-y !default;
-
-
-// Tooltips
-
-$tooltip-font-size: $font-size-sm !default;
-$tooltip-max-width: 200px !default;
-$tooltip-color: $white !default;
-$tooltip-bg: $black !default;
-$tooltip-border-radius: $border-radius !default;
-$tooltip-opacity: .9 !default;
-$tooltip-padding-y: .25rem !default;
-$tooltip-padding-x: .5rem !default;
-$tooltip-margin: 0 !default;
-
-$tooltip-arrow-width: .8rem !default;
-$tooltip-arrow-height: .4rem !default;
-$tooltip-arrow-color: $tooltip-bg !default;
-
-
-// Popovers
-
-$popover-font-size: $font-size-sm !default;
-$popover-bg: $white !default;
-$popover-max-width: 276px !default;
-$popover-border-width: $border-width !default;
-$popover-border-color: rgba($black, .2) !default;
-$popover-border-radius: $border-radius-lg !default;
-$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;
-
-$popover-header-bg: darken($popover-bg, 3%) !default;
-$popover-header-color: $headings-color !default;
-$popover-header-padding-y: .5rem !default;
-$popover-header-padding-x: .75rem !default;
-
-$popover-body-color: $body-color !default;
-$popover-body-padding-y: $popover-header-padding-y !default;
-$popover-body-padding-x: $popover-header-padding-x !default;
-
-$popover-arrow-width: 1rem !default;
-$popover-arrow-height: .5rem !default;
-$popover-arrow-color: $popover-bg !default;
-
-$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;
-
-
-// Badges
-
-$badge-font-size: 75% !default;
-$badge-font-weight: $font-weight-bold !default;
-$badge-padding-y: .25em !default;
-$badge-padding-x: .4em !default;
-$badge-border-radius: $border-radius !default;
-
-$badge-pill-padding-x: .6em !default;
-// Use a higher than normal value to ensure completely rounded edges when
-// customizing padding or font-size on labels.
-$badge-pill-border-radius: 10rem !default;
-
-
-// Modals
-
-// Padding applied to the modal body
-$modal-inner-padding: 1rem !default;
-
-$modal-dialog-margin: .5rem !default;
-$modal-dialog-margin-y-sm-up: 1.75rem !default;
-
-$modal-title-line-height: $line-height-base !default;
-
-$modal-content-bg: $white !default;
-$modal-content-border-color: rgba($black, .2) !default;
-$modal-content-border-width: $border-width !default;
-$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;
-$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;
-
-$modal-backdrop-bg: $black !default;
-$modal-backdrop-opacity: .5 !default;
-$modal-header-border-color: $gray-200 !default;
-$modal-footer-border-color: $modal-header-border-color !default;
-$modal-header-border-width: $modal-content-border-width !default;
-$modal-footer-border-width: $modal-header-border-width !default;
-$modal-header-padding: 1rem !default;
-
-$modal-lg: 800px !default;
-$modal-md: 500px !default;
-$modal-sm: 300px !default;
-
-$modal-transition: transform .3s ease-out !default;
-
-
-// Alerts
-//
-// Define alert colors, border radius, and padding.
-
-$alert-padding-y: .75rem !default;
-$alert-padding-x: 1.25rem !default;
-$alert-margin-bottom: 1rem !default;
-$alert-border-radius: $border-radius !default;
-$alert-link-font-weight: $font-weight-bold !default;
-$alert-border-width: $border-width !default;
-
-$alert-bg-level: -10 !default;
-$alert-border-level: -9 !default;
-$alert-color-level: 6 !default;
-
-
-// Progress bars
-
-$progress-height: 1rem !default;
-$progress-font-size: ($font-size-base * .75) !default;
-$progress-bg: $gray-200 !default;
-$progress-border-radius: $border-radius !default;
-$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;
-$progress-bar-color: $white !default;
-$progress-bar-bg: theme-color("primary") !default;
-$progress-bar-animation-timing: 1s linear infinite !default;
-$progress-bar-transition: width .6s ease !default;
-
-// List group
-
-$list-group-bg: $white !default;
-$list-group-border-color: rgba($black, .125) !default;
-$list-group-border-width: $border-width !default;
-$list-group-border-radius: $border-radius !default;
-
-$list-group-item-padding-y: .75rem !default;
-$list-group-item-padding-x: 1.25rem !default;
-
-$list-group-hover-bg: $gray-100 !default;
-$list-group-active-color: $component-active-color !default;
-$list-group-active-bg: $component-active-bg !default;
-$list-group-active-border-color: $list-group-active-bg !default;
-
-$list-group-disabled-color: $gray-600 !default;
-$list-group-disabled-bg: $list-group-bg !default;
-
-$list-group-action-color: $gray-700 !default;
-$list-group-action-hover-color: $list-group-action-color !default;
-
-$list-group-action-active-color: $body-color !default;
-$list-group-action-active-bg: $gray-200 !default;
-
-
-// Image thumbnails
-
-$thumbnail-padding: .25rem !default;
-$thumbnail-bg: $body-bg !default;
-$thumbnail-border-width: $border-width !default;
-$thumbnail-border-color: $gray-300 !default;
-$thumbnail-border-radius: $border-radius !default;
-$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;
-
-
-// Figures
-
-$figure-caption-font-size: 90% !default;
-$figure-caption-color: $gray-600 !default;
-
-
-// Breadcrumbs
-
-$breadcrumb-padding-y: .75rem !default;
-$breadcrumb-padding-x: 1rem !default;
-$breadcrumb-item-padding: .5rem !default;
-
-$breadcrumb-margin-bottom: 1rem !default;
-
-$breadcrumb-bg: $gray-200 !default;
-$breadcrumb-divider-color: $gray-600 !default;
-$breadcrumb-active-color: $gray-600 !default;
-$breadcrumb-divider: "/" !default;
-
-
-// Carousel
-
-$carousel-control-color: $white !default;
-$carousel-control-width: 15% !default;
-$carousel-control-opacity: .5 !default;
-
-$carousel-indicator-width: 30px !default;
-$carousel-indicator-height: 3px !default;
-$carousel-indicator-spacer: 3px !default;
-$carousel-indicator-active-bg: $white !default;
-
-$carousel-caption-width: 70% !default;
-$carousel-caption-color: $white !default;
-
-$carousel-control-icon-width: 20px !default;
-
-$carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default;
-$carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default;
-
-$carousel-transition: transform .6s ease !default;
-
-
-// Close
-
-$close-font-size: $font-size-base * 1.5 !default;
-$close-font-weight: $font-weight-bold !default;
-$close-color: $black !default;
-$close-text-shadow: 0 1px 0 $white !default;
-
-// Code
-
-$code-font-size: 87.5% !default;
-$code-color: $pink !default;
-
-$kbd-padding-y: .2rem !default;
-$kbd-padding-x: .4rem !default;
-$kbd-font-size: $code-font-size !default;
-$kbd-color: $white !default;
-$kbd-bg: $gray-900 !default;
-
-$pre-color: $gray-900 !default;
-$pre-scrollable-max-height: 340px !default;
-
-
-// Printing
-$print-page-size: a3 !default;
-$print-body-min-width: map-get($grid-breakpoints, "lg") !default;
diff --git a/assets/scss/material-kit/bootstrap/scss/bootstrap-grid.scss b/assets/scss/material-kit/bootstrap/scss/bootstrap-grid.scss
deleted file mode 100644
index 26c0dc89..00000000
--- a/assets/scss/material-kit/bootstrap/scss/bootstrap-grid.scss
+++ /dev/null
@@ -1,32 +0,0 @@
-/*!
- * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
- * Copyright 2011-2018 The Bootstrap Authors
- * Copyright 2011-2018 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- */
-
-@at-root {
- @-ms-viewport { width: device-width; } // stylelint-disable-line at-rule-no-vendor-prefix
-}
-
-html {
- box-sizing: border-box;
- -ms-overflow-style: scrollbar;
-}
-
-*,
-*::before,
-*::after {
- box-sizing: inherit;
-}
-
-@import "functions";
-@import "variables";
-
-@import "mixins/breakpoints";
-@import "mixins/grid-framework";
-@import "mixins/grid";
-
-@import "grid";
-@import "utilities/display";
-@import "utilities/flex";
diff --git a/assets/scss/material-kit/bootstrap/scss/mixins/_background-variant.scss b/assets/scss/material-kit/bootstrap/scss/mixins/_background-variant.scss
deleted file mode 100644
index 494439d2..00000000
--- a/assets/scss/material-kit/bootstrap/scss/mixins/_background-variant.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-// stylelint-disable declaration-no-important
-
-// Contextual backgrounds
-
-@mixin bg-variant($parent, $color) {
- #{$parent} {
- background-color: $color !important;
- }
- a#{$parent},
- button#{$parent} {
- @include hover-focus {
- background-color: darken($color, 10%) !important;
- }
- }
-}
-
-@mixin bg-gradient-variant($parent, $color) {
- #{$parent} {
- background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;
- }
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/mixins/_badge.scss b/assets/scss/material-kit/bootstrap/scss/mixins/_badge.scss
deleted file mode 100644
index eeca0b40..00000000
--- a/assets/scss/material-kit/bootstrap/scss/mixins/_badge.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-@mixin badge-variant($bg) {
- color: color-yiq($bg);
- background-color: $bg;
-
- &[href] {
- @include hover-focus {
- color: color-yiq($bg);
- text-decoration: none;
- background-color: darken($bg, 10%);
- }
- }
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/mixins/_border-radius.scss b/assets/scss/material-kit/bootstrap/scss/mixins/_border-radius.scss
deleted file mode 100644
index 2024febc..00000000
--- a/assets/scss/material-kit/bootstrap/scss/mixins/_border-radius.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-// Single side border-radius
-
-@mixin border-radius($radius: $border-radius) {
- @if $enable-rounded {
- border-radius: $radius;
- }
-}
-
-@mixin border-top-radius($radius) {
- @if $enable-rounded {
- border-top-left-radius: $radius;
- border-top-right-radius: $radius;
- }
-}
-
-@mixin border-right-radius($radius) {
- @if $enable-rounded {
- border-top-right-radius: $radius;
- border-bottom-right-radius: $radius;
- }
-}
-
-@mixin border-bottom-radius($radius) {
- @if $enable-rounded {
- border-bottom-right-radius: $radius;
- border-bottom-left-radius: $radius;
- }
-}
-
-@mixin border-left-radius($radius) {
- @if $enable-rounded {
- border-top-left-radius: $radius;
- border-bottom-left-radius: $radius;
- }
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/mixins/_box-shadow.scss b/assets/scss/material-kit/bootstrap/scss/mixins/_box-shadow.scss
deleted file mode 100644
index b2410e53..00000000
--- a/assets/scss/material-kit/bootstrap/scss/mixins/_box-shadow.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-@mixin box-shadow($shadow...) {
- @if $enable-shadows {
- box-shadow: $shadow;
- }
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/mixins/_buttons.scss b/assets/scss/material-kit/bootstrap/scss/mixins/_buttons.scss
deleted file mode 100644
index 06ad6772..00000000
--- a/assets/scss/material-kit/bootstrap/scss/mixins/_buttons.scss
+++ /dev/null
@@ -1,109 +0,0 @@
-// Button variants
-//
-// Easily pump out default styles, as well as :hover, :focus, :active,
-// and disabled options for all buttons
-
-@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%)) {
- color: color-yiq($background);
- @include gradient-bg($background);
- border-color: $border;
- @include box-shadow($btn-box-shadow);
-
- @include hover {
- color: color-yiq($hover-background);
- @include gradient-bg($hover-background);
- border-color: $hover-border;
- }
-
- &:focus,
- &.focus {
- // Avoid using mixin so we can pass custom focus shadow properly
- @if $enable-shadows {
- box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
- } @else {
- box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
- }
- }
-
- // Disabled comes first so active can properly restyle
- &.disabled,
- &:disabled {
- color: color-yiq($background);
- background-color: $background;
- border-color: $border;
- }
-
- &:not(:disabled):not(.disabled):active,
- &:not(:disabled):not(.disabled).active,
- .show > &.dropdown-toggle {
- color: color-yiq($active-background);
- background-color: $active-background;
- @if $enable-gradients {
- background-image: none; // Remove the gradient for the pressed/active state
- }
- border-color: $active-border;
-
- &:focus {
- // Avoid using mixin so we can pass custom focus shadow properly
- @if $enable-shadows {
- box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
- } @else {
- box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
- }
- }
- }
-}
-
-@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {
- color: $color;
- background-color: transparent;
- background-image: none;
- border-color: $color;
-
- &:hover {
- color: $color-hover;
- background-color: $active-background;
- border-color: $active-border;
- }
-
- &:focus,
- &.focus {
- box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
- }
-
- &.disabled,
- &:disabled {
- color: $color;
- background-color: transparent;
- }
-
- &:not(:disabled):not(.disabled):active,
- &:not(:disabled):not(.disabled).active,
- .show > &.dropdown-toggle {
- color: color-yiq($active-background);
- background-color: $active-background;
- border-color: $active-border;
-
- &:focus {
- // Avoid using mixin so we can pass custom focus shadow properly
- @if $enable-shadows and $btn-active-box-shadow != none {
- box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);
- } @else {
- box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
- }
- }
- }
-}
-
-// Button sizes
-@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
- padding: $padding-y $padding-x;
- font-size: $font-size;
- line-height: $line-height;
- // Manually declare to provide an override to the browser default
- @if $enable-rounded {
- border-radius: $border-radius;
- } @else {
- border-radius: 0;
- }
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/mixins/_float.scss b/assets/scss/material-kit/bootstrap/scss/mixins/_float.scss
deleted file mode 100644
index 48fa8b6d..00000000
--- a/assets/scss/material-kit/bootstrap/scss/mixins/_float.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-// stylelint-disable declaration-no-important
-
-@mixin float-left {
- float: left !important;
-}
-@mixin float-right {
- float: right !important;
-}
-@mixin float-none {
- float: none !important;
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/mixins/_forms.scss b/assets/scss/material-kit/bootstrap/scss/mixins/_forms.scss
deleted file mode 100644
index 22906824..00000000
--- a/assets/scss/material-kit/bootstrap/scss/mixins/_forms.scss
+++ /dev/null
@@ -1,137 +0,0 @@
-// Form control focus state
-//
-// Generate a customized focus state and for any input with the specified color,
-// which defaults to the `$input-focus-border-color` variable.
-//
-// We highly encourage you to not customize the default value, but instead use
-// this to tweak colors on an as-needed basis. This aesthetic change is based on
-// WebKit's default styles, but applicable to a wider range of browsers. Its
-// usability and accessibility should be taken into account with any change.
-//
-// Example usage: change the default blue border and shadow to white for better
-// contrast against a dark gray background.
-@mixin form-control-focus() {
- &:focus {
- color: $input-focus-color;
- background-color: $input-focus-bg;
- border-color: $input-focus-border-color;
- outline: 0;
- // Avoid using mixin so we can pass custom focus shadow properly
- @if $enable-shadows {
- box-shadow: $input-box-shadow, $input-focus-box-shadow;
- } @else {
- box-shadow: $input-focus-box-shadow;
- }
- }
-}
-
-
-@mixin form-validation-state($state, $color) {
- .#{$state}-feedback {
- display: none;
- width: 100%;
- margin-top: $form-feedback-margin-top;
- font-size: $form-feedback-font-size;
- color: $color;
- }
-
- .#{$state}-tooltip {
- position: absolute;
- top: 100%;
- z-index: 5;
- display: none;
- max-width: 100%; // Contain to parent when possible
- padding: .5rem;
- margin-top: .1rem;
- font-size: .875rem;
- line-height: 1;
- color: #fff;
- background-color: rgba($color, .8);
- border-radius: .2rem;
- }
-
- .form-control,
- .custom-select {
- .was-validated &:#{$state},
- &.is-#{$state} {
- border-color: $color;
-
- &:focus {
- border-color: $color;
- box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
- }
-
- ~ .#{$state}-feedback,
- ~ .#{$state}-tooltip {
- display: block;
- }
- }
- }
-
- .form-check-input {
- .was-validated &:#{$state},
- &.is-#{$state} {
- ~ .form-check-label {
- color: $color;
- }
-
- ~ .#{$state}-feedback,
- ~ .#{$state}-tooltip {
- display: block;
- }
- }
- }
-
- .custom-control-input {
- .was-validated &:#{$state},
- &.is-#{$state} {
- ~ .custom-control-label {
- color: $color;
-
- &::before {
- background-color: lighten($color, 25%);
- }
- }
-
- ~ .#{$state}-feedback,
- ~ .#{$state}-tooltip {
- display: block;
- }
-
- &:checked {
- ~ .custom-control-label::before {
- @include gradient-bg(lighten($color, 10%));
- }
- }
-
- &:focus {
- ~ .custom-control-label::before {
- box-shadow: 0 0 0 1px $body-bg, 0 0 0 $input-focus-width rgba($color, .25);
- }
- }
- }
- }
-
- // custom file
- .custom-file-input {
- .was-validated &:#{$state},
- &.is-#{$state} {
- ~ .custom-file-label {
- border-color: $color;
-
- &::before { border-color: inherit; }
- }
-
- ~ .#{$state}-feedback,
- ~ .#{$state}-tooltip {
- display: block;
- }
-
- &:focus {
- ~ .custom-file-label {
- box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
- }
- }
- }
- }
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/mixins/_grid-framework.scss b/assets/scss/material-kit/bootstrap/scss/mixins/_grid-framework.scss
deleted file mode 100644
index 7b37f868..00000000
--- a/assets/scss/material-kit/bootstrap/scss/mixins/_grid-framework.scss
+++ /dev/null
@@ -1,67 +0,0 @@
-// Framework grid generation
-//
-// Used only by Bootstrap to generate the correct number of grid classes given
-// any value of `$grid-columns`.
-
-@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {
- // Common properties for all breakpoints
- %grid-column {
- position: relative;
- width: 100%;
- min-height: 1px; // Prevent columns from collapsing when empty
- padding-right: ($gutter / 2);
- padding-left: ($gutter / 2);
- }
-
- @each $breakpoint in map-keys($breakpoints) {
- $infix: breakpoint-infix($breakpoint, $breakpoints);
-
- // Allow columns to stretch full width below their breakpoints
- @for $i from 1 through $columns {
- .col#{$infix}-#{$i} {
- @extend %grid-column;
- }
- }
- .col#{$infix},
- .col#{$infix}-auto {
- @extend %grid-column;
- }
-
- @include media-breakpoint-up($breakpoint, $breakpoints) {
- // Provide basic `.col-{bp}` classes for equal-width flexbox columns
- .col#{$infix} {
- flex-basis: 0;
- flex-grow: 1;
- max-width: 100%;
- }
- .col#{$infix}-auto {
- flex: 0 0 auto;
- width: auto;
- max-width: none; // Reset earlier grid tiers
- }
-
- @for $i from 1 through $columns {
- .col#{$infix}-#{$i} {
- @include make-col($i, $columns);
- }
- }
-
- .order#{$infix}-first { order: -1; }
-
- .order#{$infix}-last { order: $columns + 1; }
-
- @for $i from 0 through $columns {
- .order#{$infix}-#{$i} { order: $i; }
- }
-
- // `$columns - 1` because offsetting by the width of an entire row isn't possible
- @for $i from 0 through ($columns - 1) {
- @if not ($infix == "" and $i == 0) { // Avoid emitting useless .offset-0
- .offset#{$infix}-#{$i} {
- @include make-col-offset($i, $columns);
- }
- }
- }
- }
- }
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/mixins/_grid.scss b/assets/scss/material-kit/bootstrap/scss/mixins/_grid.scss
deleted file mode 100644
index b75ebcbc..00000000
--- a/assets/scss/material-kit/bootstrap/scss/mixins/_grid.scss
+++ /dev/null
@@ -1,52 +0,0 @@
-/// Grid system
-//
-// Generate semantic grid columns with these mixins.
-
-@mixin make-container() {
- width: 100%;
- padding-right: ($grid-gutter-width / 2);
- padding-left: ($grid-gutter-width / 2);
- margin-right: auto;
- margin-left: auto;
-}
-
-
-// For each breakpoint, define the maximum width of the container in a media query
-@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {
- @each $breakpoint, $container-max-width in $max-widths {
- @include media-breakpoint-up($breakpoint, $breakpoints) {
- max-width: $container-max-width;
- }
- }
-}
-
-@mixin make-row() {
- display: flex;
- flex-wrap: wrap;
- margin-right: ($grid-gutter-width / -2);
- margin-left: ($grid-gutter-width / -2);
-}
-
-@mixin make-col-ready() {
- position: relative;
- // Prevent columns from becoming too narrow when at smaller grid tiers by
- // always setting `width: 100%;`. This works because we use `flex` values
- // later on to override this initial width.
- width: 100%;
- min-height: 1px; // Prevent collapsing
- padding-right: ($grid-gutter-width / 2);
- padding-left: ($grid-gutter-width / 2);
-}
-
-@mixin make-col($size, $columns: $grid-columns) {
- flex: 0 0 percentage($size / $columns);
- // Add a `max-width` to ensure content within each column does not blow out
- // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari
- // do not appear to require this.
- max-width: percentage($size / $columns);
-}
-
-@mixin make-col-offset($size, $columns: $grid-columns) {
- $num: $size / $columns;
- margin-left: if($num == 0, 0, percentage($num));
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/mixins/_hover.scss b/assets/scss/material-kit/bootstrap/scss/mixins/_hover.scss
deleted file mode 100644
index ec2e328a..00000000
--- a/assets/scss/material-kit/bootstrap/scss/mixins/_hover.scss
+++ /dev/null
@@ -1,39 +0,0 @@
-// stylelint-disable indentation
-
-// Hover mixin and `$enable-hover-media-query` are deprecated.
-//
-// Origally added during our alphas and maintained during betas, this mixin was
-// designed to prevent `:hover` stickiness on iOS—an issue where hover styles
-// would persist after initial touch.
-//
-// For backward compatibility, we've kept these mixins and updated them to
-// always return their regular psuedo-classes instead of a shimmed media query.
-//
-// Issue: https://github.com/twbs/bootstrap/issues/25195
-
-@mixin hover {
- &:hover { @content; }
-}
-
-@mixin hover-focus {
- &:hover,
- &:focus {
- @content;
- }
-}
-
-@mixin plain-hover-focus {
- &,
- &:hover,
- &:focus {
- @content;
- }
-}
-
-@mixin hover-focus-active {
- &:hover,
- &:focus,
- &:active {
- @content;
- }
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/mixins/_image.scss b/assets/scss/material-kit/bootstrap/scss/mixins/_image.scss
deleted file mode 100644
index 0544f0d2..00000000
--- a/assets/scss/material-kit/bootstrap/scss/mixins/_image.scss
+++ /dev/null
@@ -1,36 +0,0 @@
-// Image Mixins
-// - Responsive image
-// - Retina image
-
-
-// Responsive image
-//
-// Keep images from scaling beyond the width of their parents.
-
-@mixin img-fluid {
- // Part 1: Set a maximum relative to the parent
- max-width: 100%;
- // Part 2: Override the height to auto, otherwise images will be stretched
- // when setting a width and height attribute on the img element.
- height: auto;
-}
-
-
-// Retina image
-//
-// Short retina mixin for setting background-image and -size.
-
-// stylelint-disable indentation, media-query-list-comma-newline-after
-@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {
- background-image: url($file-1x);
-
- // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,
- // but doesn't convert dppx=>dpi.
- // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.
- // Compatibility info: https://caniuse.com/#feat=css-media-resolution
- @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx
- only screen and (min-resolution: 2dppx) { // Standardized
- background-image: url($file-2x);
- background-size: $width-1x $height-1x;
- }
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/mixins/_nav-divider.scss b/assets/scss/material-kit/bootstrap/scss/mixins/_nav-divider.scss
deleted file mode 100644
index 493de03a..00000000
--- a/assets/scss/material-kit/bootstrap/scss/mixins/_nav-divider.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-// Horizontal dividers
-//
-// Dividers (basically an hr) within dropdowns and nav lists
-
-@mixin nav-divider($color: #e5e5e5) {
- height: 0;
- margin: ($spacer / 2) 0;
- overflow: hidden;
- border-top: 1px solid $color;
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/mixins/_navbar-align.scss b/assets/scss/material-kit/bootstrap/scss/mixins/_navbar-align.scss
deleted file mode 100644
index b3516603..00000000
--- a/assets/scss/material-kit/bootstrap/scss/mixins/_navbar-align.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-// Navbar vertical align
-//
-// Vertically center elements in the navbar.
-// Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);`
-// to calculate the appropriate top margin.
-
-// @mixin navbar-vertical-align($element-height) {
-// margin-top: (($navbar-height - $element-height) / 2);
-// margin-bottom: (($navbar-height - $element-height) / 2);
-// }
diff --git a/assets/scss/material-kit/bootstrap/scss/mixins/_pagination.scss b/assets/scss/material-kit/bootstrap/scss/mixins/_pagination.scss
deleted file mode 100644
index ff36eb6b..00000000
--- a/assets/scss/material-kit/bootstrap/scss/mixins/_pagination.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-// Pagination
-
-@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
- .page-link {
- padding: $padding-y $padding-x;
- font-size: $font-size;
- line-height: $line-height;
- }
-
- .page-item {
- &:first-child {
- .page-link {
- @include border-left-radius($border-radius);
- }
- }
- &:last-child {
- .page-link {
- @include border-right-radius($border-radius);
- }
- }
- }
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/mixins/_screen-reader.scss b/assets/scss/material-kit/bootstrap/scss/mixins/_screen-reader.scss
deleted file mode 100644
index 8f3eb1b1..00000000
--- a/assets/scss/material-kit/bootstrap/scss/mixins/_screen-reader.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-// Only display content to screen readers
-//
-// See: http://a11yproject.com/posts/how-to-hide-content/
-// See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/
-
-@mixin sr-only {
- position: absolute;
- width: 1px;
- height: 1px;
- padding: 0;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- white-space: nowrap;
- clip-path: inset(50%);
- border: 0;
-}
-
-// Use in conjunction with .sr-only to only display content when it's focused.
-//
-// Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
-//
-// Credit: HTML5 Boilerplate
-
-@mixin sr-only-focusable {
- &:active,
- &:focus {
- position: static;
- width: auto;
- height: auto;
- overflow: visible;
- clip: auto;
- white-space: normal;
- clip-path: none;
- }
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/mixins/_size.scss b/assets/scss/material-kit/bootstrap/scss/mixins/_size.scss
deleted file mode 100644
index b9dd48e8..00000000
--- a/assets/scss/material-kit/bootstrap/scss/mixins/_size.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-// Sizing shortcuts
-
-@mixin size($width, $height: $width) {
- width: $width;
- height: $height;
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/mixins/_table-row.scss b/assets/scss/material-kit/bootstrap/scss/mixins/_table-row.scss
deleted file mode 100644
index 84f1d305..00000000
--- a/assets/scss/material-kit/bootstrap/scss/mixins/_table-row.scss
+++ /dev/null
@@ -1,30 +0,0 @@
-// Tables
-
-@mixin table-row-variant($state, $background) {
- // Exact selectors below required to override `.table-striped` and prevent
- // inheritance to nested tables.
- .table-#{$state} {
- &,
- > th,
- > td {
- background-color: $background;
- }
- }
-
- // Hover states for `.table-hover`
- // Note: this is not available for cells or rows within `thead` or `tfoot`.
- .table-hover {
- $hover-background: darken($background, 5%);
-
- .table-#{$state} {
- @include hover {
- background-color: $hover-background;
-
- > td,
- > th {
- background-color: $hover-background;
- }
- }
- }
- }
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/mixins/_text-emphasis.scss b/assets/scss/material-kit/bootstrap/scss/mixins/_text-emphasis.scss
deleted file mode 100644
index 58db3e0f..00000000
--- a/assets/scss/material-kit/bootstrap/scss/mixins/_text-emphasis.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-// stylelint-disable declaration-no-important
-
-// Typography
-
-@mixin text-emphasis-variant($parent, $color) {
- #{$parent} {
- color: $color !important;
- }
- a#{$parent} {
- @include hover-focus {
- color: darken($color, 10%) !important;
- }
- }
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/mixins/_text-hide.scss b/assets/scss/material-kit/bootstrap/scss/mixins/_text-hide.scss
deleted file mode 100644
index aa551fde..00000000
--- a/assets/scss/material-kit/bootstrap/scss/mixins/_text-hide.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-// CSS image replacement
-@mixin text-hide() {
- // stylelint-disable-next-line font-family-no-missing-generic-family-keyword
- font: 0/0 a;
- color: transparent;
- text-shadow: none;
- background-color: transparent;
- border: 0;
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/mixins/_transition.scss b/assets/scss/material-kit/bootstrap/scss/mixins/_transition.scss
deleted file mode 100644
index 7e33dee3..00000000
--- a/assets/scss/material-kit/bootstrap/scss/mixins/_transition.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-@mixin transition($transition...) {
- @if $enable-transitions {
- @if length($transition) == 0 {
- transition: $transition-base;
- } @else {
- transition: $transition;
- }
- }
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/mixins/_visibility.scss b/assets/scss/material-kit/bootstrap/scss/mixins/_visibility.scss
deleted file mode 100644
index fe523d0e..00000000
--- a/assets/scss/material-kit/bootstrap/scss/mixins/_visibility.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-// stylelint-disable declaration-no-important
-
-// Visibility
-
-@mixin invisible($visibility) {
- visibility: $visibility !important;
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/utilities/_align.scss b/assets/scss/material-kit/bootstrap/scss/utilities/_align.scss
deleted file mode 100644
index 8b7df9f7..00000000
--- a/assets/scss/material-kit/bootstrap/scss/utilities/_align.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-// stylelint-disable declaration-no-important
-
-.align-baseline { vertical-align: baseline !important; } // Browser default
-.align-top { vertical-align: top !important; }
-.align-middle { vertical-align: middle !important; }
-.align-bottom { vertical-align: bottom !important; }
-.align-text-bottom { vertical-align: text-bottom !important; }
-.align-text-top { vertical-align: text-top !important; }
diff --git a/assets/scss/material-kit/bootstrap/scss/utilities/_background.scss b/assets/scss/material-kit/bootstrap/scss/utilities/_background.scss
deleted file mode 100644
index 1f18b2f3..00000000
--- a/assets/scss/material-kit/bootstrap/scss/utilities/_background.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-// stylelint-disable declaration-no-important
-
-@each $color, $value in $theme-colors {
- @include bg-variant(".bg-#{$color}", $value);
-}
-
-@if $enable-gradients {
- @each $color, $value in $theme-colors {
- @include bg-gradient-variant(".bg-gradient-#{$color}", $value);
- }
-}
-
-.bg-white {
- background-color: $white !important;
-}
-
-.bg-transparent {
- background-color: transparent !important;
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/utilities/_borders.scss b/assets/scss/material-kit/bootstrap/scss/utilities/_borders.scss
deleted file mode 100644
index b8832ef7..00000000
--- a/assets/scss/material-kit/bootstrap/scss/utilities/_borders.scss
+++ /dev/null
@@ -1,59 +0,0 @@
-// stylelint-disable declaration-no-important
-
-//
-// Border
-//
-
-.border { border: $border-width solid $border-color !important; }
-.border-top { border-top: $border-width solid $border-color !important; }
-.border-right { border-right: $border-width solid $border-color !important; }
-.border-bottom { border-bottom: $border-width solid $border-color !important; }
-.border-left { border-left: $border-width solid $border-color !important; }
-
-.border-0 { border: 0 !important; }
-.border-top-0 { border-top: 0 !important; }
-.border-right-0 { border-right: 0 !important; }
-.border-bottom-0 { border-bottom: 0 !important; }
-.border-left-0 { border-left: 0 !important; }
-
-@each $color, $value in $theme-colors {
- .border-#{$color} {
- border-color: $value !important;
- }
-}
-
-.border-white {
- border-color: $white !important;
-}
-
-//
-// Border-radius
-//
-
-.rounded {
- border-radius: $border-radius !important;
-}
-.rounded-top {
- border-top-left-radius: $border-radius !important;
- border-top-right-radius: $border-radius !important;
-}
-.rounded-right {
- border-top-right-radius: $border-radius !important;
- border-bottom-right-radius: $border-radius !important;
-}
-.rounded-bottom {
- border-bottom-right-radius: $border-radius !important;
- border-bottom-left-radius: $border-radius !important;
-}
-.rounded-left {
- border-top-left-radius: $border-radius !important;
- border-bottom-left-radius: $border-radius !important;
-}
-
-.rounded-circle {
- border-radius: 50% !important;
-}
-
-.rounded-0 {
- border-radius: 0 !important;
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/utilities/_display.scss b/assets/scss/material-kit/bootstrap/scss/utilities/_display.scss
deleted file mode 100644
index 20aeeb5f..00000000
--- a/assets/scss/material-kit/bootstrap/scss/utilities/_display.scss
+++ /dev/null
@@ -1,38 +0,0 @@
-// stylelint-disable declaration-no-important
-
-//
-// Utilities for common `display` values
-//
-
-@each $breakpoint in map-keys($grid-breakpoints) {
- @include media-breakpoint-up($breakpoint) {
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
- .d#{$infix}-none { display: none !important; }
- .d#{$infix}-inline { display: inline !important; }
- .d#{$infix}-inline-block { display: inline-block !important; }
- .d#{$infix}-block { display: block !important; }
- .d#{$infix}-table { display: table !important; }
- .d#{$infix}-table-row { display: table-row !important; }
- .d#{$infix}-table-cell { display: table-cell !important; }
- .d#{$infix}-flex { display: flex !important; }
- .d#{$infix}-inline-flex { display: inline-flex !important; }
- }
-}
-
-
-//
-// Utilities for toggling `display` in print
-//
-
-@media print {
- .d-print-none { display: none !important; }
- .d-print-inline { display: inline !important; }
- .d-print-inline-block { display: inline-block !important; }
- .d-print-block { display: block !important; }
- .d-print-table { display: table !important; }
- .d-print-table-row { display: table-row !important; }
- .d-print-table-cell { display: table-cell !important; }
- .d-print-flex { display: flex !important; }
- .d-print-inline-flex { display: inline-flex !important; }
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/utilities/_embed.scss b/assets/scss/material-kit/bootstrap/scss/utilities/_embed.scss
deleted file mode 100644
index d3362b6f..00000000
--- a/assets/scss/material-kit/bootstrap/scss/utilities/_embed.scss
+++ /dev/null
@@ -1,52 +0,0 @@
-// Credit: Nicolas Gallagher and SUIT CSS.
-
-.embed-responsive {
- position: relative;
- display: block;
- width: 100%;
- padding: 0;
- overflow: hidden;
-
- &::before {
- display: block;
- content: "";
- }
-
- .embed-responsive-item,
- iframe,
- embed,
- object,
- video {
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 100%;
- border: 0;
- }
-}
-
-.embed-responsive-21by9 {
- &::before {
- padding-top: percentage(9 / 21);
- }
-}
-
-.embed-responsive-16by9 {
- &::before {
- padding-top: percentage(9 / 16);
- }
-}
-
-.embed-responsive-4by3 {
- &::before {
- padding-top: percentage(3 / 4);
- }
-}
-
-.embed-responsive-1by1 {
- &::before {
- padding-top: percentage(1 / 1);
- }
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/utilities/_flex.scss b/assets/scss/material-kit/bootstrap/scss/utilities/_flex.scss
deleted file mode 100644
index 8e470384..00000000
--- a/assets/scss/material-kit/bootstrap/scss/utilities/_flex.scss
+++ /dev/null
@@ -1,46 +0,0 @@
-// stylelint-disable declaration-no-important
-
-// Flex variation
-//
-// Custom styles for additional flex alignment options.
-
-@each $breakpoint in map-keys($grid-breakpoints) {
- @include media-breakpoint-up($breakpoint) {
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
- .flex#{$infix}-row { flex-direction: row !important; }
- .flex#{$infix}-column { flex-direction: column !important; }
- .flex#{$infix}-row-reverse { flex-direction: row-reverse !important; }
- .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }
-
- .flex#{$infix}-wrap { flex-wrap: wrap !important; }
- .flex#{$infix}-nowrap { flex-wrap: nowrap !important; }
- .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }
-
- .justify-content#{$infix}-start { justify-content: flex-start !important; }
- .justify-content#{$infix}-end { justify-content: flex-end !important; }
- .justify-content#{$infix}-center { justify-content: center !important; }
- .justify-content#{$infix}-between { justify-content: space-between !important; }
- .justify-content#{$infix}-around { justify-content: space-around !important; }
-
- .align-items#{$infix}-start { align-items: flex-start !important; }
- .align-items#{$infix}-end { align-items: flex-end !important; }
- .align-items#{$infix}-center { align-items: center !important; }
- .align-items#{$infix}-baseline { align-items: baseline !important; }
- .align-items#{$infix}-stretch { align-items: stretch !important; }
-
- .align-content#{$infix}-start { align-content: flex-start !important; }
- .align-content#{$infix}-end { align-content: flex-end !important; }
- .align-content#{$infix}-center { align-content: center !important; }
- .align-content#{$infix}-between { align-content: space-between !important; }
- .align-content#{$infix}-around { align-content: space-around !important; }
- .align-content#{$infix}-stretch { align-content: stretch !important; }
-
- .align-self#{$infix}-auto { align-self: auto !important; }
- .align-self#{$infix}-start { align-self: flex-start !important; }
- .align-self#{$infix}-end { align-self: flex-end !important; }
- .align-self#{$infix}-center { align-self: center !important; }
- .align-self#{$infix}-baseline { align-self: baseline !important; }
- .align-self#{$infix}-stretch { align-self: stretch !important; }
- }
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/utilities/_float.scss b/assets/scss/material-kit/bootstrap/scss/utilities/_float.scss
deleted file mode 100644
index 01655e9a..00000000
--- a/assets/scss/material-kit/bootstrap/scss/utilities/_float.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-@each $breakpoint in map-keys($grid-breakpoints) {
- @include media-breakpoint-up($breakpoint) {
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
- .float#{$infix}-left { @include float-left; }
- .float#{$infix}-right { @include float-right; }
- .float#{$infix}-none { @include float-none; }
- }
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/utilities/_position.scss b/assets/scss/material-kit/bootstrap/scss/utilities/_position.scss
deleted file mode 100644
index ef962edd..00000000
--- a/assets/scss/material-kit/bootstrap/scss/utilities/_position.scss
+++ /dev/null
@@ -1,36 +0,0 @@
-// stylelint-disable declaration-no-important
-
-// Common values
-
-// Sass list not in variables since it's not intended for customization.
-$positions: static, relative, absolute, fixed, sticky;
-
-@each $position in $positions {
- .position-#{$position} { position: $position !important; }
-}
-
-// Shorthand
-
-.fixed-top {
- position: fixed;
- top: 0;
- right: 0;
- left: 0;
- z-index: $zindex-fixed;
-}
-
-.fixed-bottom {
- position: fixed;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: $zindex-fixed;
-}
-
-.sticky-top {
- @supports (position: sticky) {
- position: sticky;
- top: 0;
- z-index: $zindex-sticky;
- }
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/utilities/_screenreaders.scss b/assets/scss/material-kit/bootstrap/scss/utilities/_screenreaders.scss
deleted file mode 100644
index 9f26fde0..00000000
--- a/assets/scss/material-kit/bootstrap/scss/utilities/_screenreaders.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-//
-// Screenreaders
-//
-
-.sr-only {
- @include sr-only();
-}
-
-.sr-only-focusable {
- @include sr-only-focusable();
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/utilities/_sizing.scss b/assets/scss/material-kit/bootstrap/scss/utilities/_sizing.scss
deleted file mode 100644
index e95a4db3..00000000
--- a/assets/scss/material-kit/bootstrap/scss/utilities/_sizing.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-// stylelint-disable declaration-no-important
-
-// Width and height
-
-@each $prop, $abbrev in (width: w, height: h) {
- @each $size, $length in $sizes {
- .#{$abbrev}-#{$size} { #{$prop}: $length !important; }
- }
-}
-
-.mw-100 { max-width: 100% !important; }
-.mh-100 { max-height: 100% !important; }
diff --git a/assets/scss/material-kit/bootstrap/scss/utilities/_spacing.scss b/assets/scss/material-kit/bootstrap/scss/utilities/_spacing.scss
deleted file mode 100644
index b2e2354b..00000000
--- a/assets/scss/material-kit/bootstrap/scss/utilities/_spacing.scss
+++ /dev/null
@@ -1,51 +0,0 @@
-// stylelint-disable declaration-no-important
-
-// Margin and Padding
-
-@each $breakpoint in map-keys($grid-breakpoints) {
- @include media-breakpoint-up($breakpoint) {
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
- @each $prop, $abbrev in (margin: m, padding: p) {
- @each $size, $length in $spacers {
-
- .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
- .#{$abbrev}t#{$infix}-#{$size},
- .#{$abbrev}y#{$infix}-#{$size} {
- #{$prop}-top: $length !important;
- }
- .#{$abbrev}r#{$infix}-#{$size},
- .#{$abbrev}x#{$infix}-#{$size} {
- #{$prop}-right: $length !important;
- }
- .#{$abbrev}b#{$infix}-#{$size},
- .#{$abbrev}y#{$infix}-#{$size} {
- #{$prop}-bottom: $length !important;
- }
- .#{$abbrev}l#{$infix}-#{$size},
- .#{$abbrev}x#{$infix}-#{$size} {
- #{$prop}-left: $length !important;
- }
- }
- }
-
- // Some special margin utils
- .m#{$infix}-auto { margin: auto !important; }
- .mt#{$infix}-auto,
- .my#{$infix}-auto {
- margin-top: auto !important;
- }
- .mr#{$infix}-auto,
- .mx#{$infix}-auto {
- margin-right: auto !important;
- }
- .mb#{$infix}-auto,
- .my#{$infix}-auto {
- margin-bottom: auto !important;
- }
- .ml#{$infix}-auto,
- .mx#{$infix}-auto {
- margin-left: auto !important;
- }
- }
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/utilities/_text.scss b/assets/scss/material-kit/bootstrap/scss/utilities/_text.scss
deleted file mode 100644
index f4b6e65e..00000000
--- a/assets/scss/material-kit/bootstrap/scss/utilities/_text.scss
+++ /dev/null
@@ -1,52 +0,0 @@
-// stylelint-disable declaration-no-important
-
-//
-// Text
-//
-
-// Alignment
-
-.text-justify { text-align: justify !important; }
-.text-nowrap { white-space: nowrap !important; }
-.text-truncate { @include text-truncate; }
-
-// Responsive alignment
-
-@each $breakpoint in map-keys($grid-breakpoints) {
- @include media-breakpoint-up($breakpoint) {
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
- .text#{$infix}-left { text-align: left !important; }
- .text#{$infix}-right { text-align: right !important; }
- .text#{$infix}-center { text-align: center !important; }
- }
-}
-
-// Transformation
-
-.text-lowercase { text-transform: lowercase !important; }
-.text-uppercase { text-transform: uppercase !important; }
-.text-capitalize { text-transform: capitalize !important; }
-
-// Weight and italics
-
-.font-weight-light { font-weight: $font-weight-light !important; }
-.font-weight-normal { font-weight: $font-weight-normal !important; }
-.font-weight-bold { font-weight: $font-weight-bold !important; }
-.font-italic { font-style: italic !important; }
-
-// Contextual colors
-
-.text-white { color: #fff !important; }
-
-@each $color, $value in $theme-colors {
- @include text-emphasis-variant(".text-#{$color}", $value);
-}
-
-.text-muted { color: $text-muted !important; }
-
-// Misc
-
-.text-hide {
- @include text-hide();
-}
diff --git a/assets/scss/material-kit/bootstrap/scss/utilities/_visibility.scss b/assets/scss/material-kit/bootstrap/scss/utilities/_visibility.scss
deleted file mode 100644
index 823406dc..00000000
--- a/assets/scss/material-kit/bootstrap/scss/utilities/_visibility.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-//
-// Visibility utilities
-//
-
-.visible {
- @include invisible(visible);
-}
-
-.invisible {
- @include invisible(hidden);
-}
diff --git a/assets/scss/material-kit/bootstrap/utilities/_api.scss b/assets/scss/material-kit/bootstrap/utilities/_api.scss
new file mode 100644
index 00000000..62e1d398
--- /dev/null
+++ b/assets/scss/material-kit/bootstrap/utilities/_api.scss
@@ -0,0 +1,47 @@
+// Loop over each breakpoint
+@each $breakpoint in map-keys($grid-breakpoints) {
+
+ // Generate media query if needed
+ @include media-breakpoint-up($breakpoint) {
+ $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+ // Loop over each utility property
+ @each $key, $utility in $utilities {
+ // The utility can be disabled with `false`, thus check if the utility is a map first
+ // Only proceed if responsive media queries are enabled or if it's the base media query
+ @if type-of($utility) == "map" and (map-get($utility, responsive) or $infix == "") {
+ @include generate-utility($utility, $infix);
+ }
+ }
+ }
+}
+
+// RFS rescaling
+@media (min-width: $rfs-mq-value) {
+ @each $breakpoint in map-keys($grid-breakpoints) {
+ $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+ @if (map-get($grid-breakpoints, $breakpoint) < $rfs-breakpoint) {
+ // Loop over each utility property
+ @each $key, $utility in $utilities {
+ // The utility can be disabled with `false`, thus check if the utility is a map first
+ // Only proceed if responsive media queries are enabled or if it's the base media query
+ @if type-of($utility) == "map" and map-get($utility, rfs) and (map-get($utility, responsive) or $infix == "") {
+ @include generate-utility($utility, $infix, true);
+ }
+ }
+ }
+ }
+}
+
+
+// Print utilities
+@media print {
+ @each $key, $utility in $utilities {
+ // The utility can be disabled with `false`, thus check if the utility is a map first
+ // Then check if the utility needs print styles
+ @if type-of($utility) == "map" and map-get($utility, print) == true {
+ @include generate-utility($utility, "-print");
+ }
+ }
+}
diff --git a/assets/scss/material-kit/bootstrap/vendor/_rfs.scss b/assets/scss/material-kit/bootstrap/vendor/_rfs.scss
new file mode 100644
index 00000000..7e9a6c7a
--- /dev/null
+++ b/assets/scss/material-kit/bootstrap/vendor/_rfs.scss
@@ -0,0 +1,354 @@
+// stylelint-disable property-blacklist, scss/dollar-variable-default
+
+// SCSS RFS mixin
+//
+// Automated responsive values for font sizes, paddings, margins and much more
+//
+// Licensed under MIT (https://github.com/twbs/rfs/blob/main/LICENSE)
+
+// Configuration
+
+// Base value
+$rfs-base-value: 1.25rem !default;
+$rfs-unit: rem !default;
+
+@if $rfs-unit != rem and $rfs-unit != px {
+ @error "`#{$rfs-unit}` is not a valid unit for $rfs-unit. Use `px` or `rem`.";
+}
+
+// Breakpoint at where values start decreasing if screen width is smaller
+$rfs-breakpoint: 1200px !default;
+$rfs-breakpoint-unit: px !default;
+
+@if $rfs-breakpoint-unit != px and $rfs-breakpoint-unit != em and $rfs-breakpoint-unit != rem {
+ @error "`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.";
+}
+
+// Resize values based on screen height and width
+$rfs-two-dimensional: false !default;
+
+// Factor of decrease
+$rfs-factor: 10 !default;
+
+@if type-of($rfs-factor) != number or $rfs-factor <= 1 {
+ @error "`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.";
+}
+
+// Mode. Possibilities: "min-media-query", "max-media-query"
+$rfs-mode: min-media-query !default;
+
+// Generate enable or disable classes. Possibilities: false, "enable" or "disable"
+$rfs-class: false !default;
+
+// 1 rem = $rfs-rem-value px
+$rfs-rem-value: 16 !default;
+
+// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14
+$rfs-safari-iframe-resize-bug-fix: false !default;
+
+// Disable RFS by setting $enable-rfs to false
+$enable-rfs: true !default;
+
+// Cache $rfs-base-value unit
+$rfs-base-value-unit: unit($rfs-base-value);
+
+@function divide($dividend, $divisor, $precision: 10) {
+ $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);
+ $dividend: abs($dividend);
+ $divisor: abs($divisor);
+ @if $dividend == 0 {
+ @return 0;
+ }
+ @if $divisor == 0 {
+ @error "Cannot divide by 0";
+ }
+ $remainder: $dividend;
+ $result: 0;
+ $factor: 10;
+ @while ($remainder > 0 and $precision >= 0) {
+ $quotient: 0;
+ @while ($remainder >= $divisor) {
+ $remainder: $remainder - $divisor;
+ $quotient: $quotient + 1;
+ }
+ $result: $result * 10 + $quotient;
+ $factor: $factor * .1;
+ $remainder: $remainder * 10;
+ $precision: $precision - 1;
+ @if ($precision < 0 and $remainder >= $divisor * 5) {
+ $result: $result + 1;
+ }
+ }
+ $result: $result * $factor * $sign;
+ $dividend-unit: unit($dividend);
+ $divisor-unit: unit($divisor);
+ $unit-map: (
+ "px": 1px,
+ "rem": 1rem,
+ "em": 1em,
+ "%": 1%
+ );
+ @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {
+ $result: $result * map-get($unit-map, $dividend-unit);
+ }
+ @return $result;
+}
+
+// Remove px-unit from $rfs-base-value for calculations
+@if $rfs-base-value-unit == px {
+ $rfs-base-value: divide($rfs-base-value, $rfs-base-value * 0 + 1);
+}
+@else if $rfs-base-value-unit == rem {
+ $rfs-base-value: divide($rfs-base-value, divide($rfs-base-value * 0 + 1, $rfs-rem-value));
+}
+
+// Cache $rfs-breakpoint unit to prevent multiple calls
+$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);
+
+// Remove unit from $rfs-breakpoint for calculations
+@if $rfs-breakpoint-unit-cache == px {
+ $rfs-breakpoint: divide($rfs-breakpoint, $rfs-breakpoint * 0 + 1);
+}
+@else if $rfs-breakpoint-unit-cache == rem or $rfs-breakpoint-unit-cache == "em" {
+ $rfs-breakpoint: divide($rfs-breakpoint, divide($rfs-breakpoint * 0 + 1, $rfs-rem-value));
+}
+
+// Calculate the media query value
+$rfs-mq-value: if($rfs-breakpoint-unit == px, #{$rfs-breakpoint}px, #{divide($rfs-breakpoint, $rfs-rem-value)}#{$rfs-breakpoint-unit});
+$rfs-mq-property-width: if($rfs-mode == max-media-query, max-width, min-width);
+$rfs-mq-property-height: if($rfs-mode == max-media-query, max-height, min-height);
+
+// Internal mixin used to determine which media query needs to be used
+@mixin _rfs-media-query {
+ @if $rfs-two-dimensional {
+ @if $rfs-mode == max-media-query {
+ @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}), (#{$rfs-mq-property-height}: #{$rfs-mq-value}) {
+ @content;
+ }
+ }
+ @else {
+ @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}) and (#{$rfs-mq-property-height}: #{$rfs-mq-value}) {
+ @content;
+ }
+ }
+ }
+ @else {
+ @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}) {
+ @content;
+ }
+ }
+}
+
+// Internal mixin that adds disable classes to the selector if needed.
+@mixin _rfs-rule {
+ @if $rfs-class == disable and $rfs-mode == max-media-query {
+ // Adding an extra class increases specificity, which prevents the media query to override the property
+ &,
+ .disable-rfs &,
+ &.disable-rfs {
+ @content;
+ }
+ }
+ @else if $rfs-class == enable and $rfs-mode == min-media-query {
+ .enable-rfs &,
+ &.enable-rfs {
+ @content;
+ }
+ }
+ @else {
+ @content;
+ }
+}
+
+// Internal mixin that adds enable classes to the selector if needed.
+@mixin _rfs-media-query-rule {
+
+ @if $rfs-class == enable {
+ @if $rfs-mode == min-media-query {
+ @content;
+ }
+
+ @include _rfs-media-query {
+ .enable-rfs &,
+ &.enable-rfs {
+ @content;
+ }
+ }
+ }
+ @else {
+ @if $rfs-class == disable and $rfs-mode == min-media-query {
+ .disable-rfs &,
+ &.disable-rfs {
+ @content;
+ }
+ }
+ @include _rfs-media-query {
+ @content;
+ }
+ }
+}
+
+// Helper function to get the formatted non-responsive value
+@function rfs-value($values) {
+ // Convert to list
+ $values: if(type-of($values) != list, ($values,), $values);
+
+ $val: '';
+
+ // Loop over each value and calculate value
+ @each $value in $values {
+ @if $value == 0 {
+ $val: $val + ' 0';
+ }
+ @else {
+ // Cache $value unit
+ $unit: if(type-of($value) == "number", unit($value), false);
+
+ @if $unit == px {
+ // Convert to rem if needed
+ $val: $val + ' ' + if($rfs-unit == rem, #{divide($value, $value * 0 + $rfs-rem-value)}rem, $value);
+ }
+ @else if $unit == rem {
+ // Convert to px if needed
+ $val: $val + ' ' + if($rfs-unit == px, #{divide($value, $value * 0 + 1) * $rfs-rem-value}px, $value);
+ }
+ @else {
+ // If $value isn't a number (like inherit) or $value has a unit (not px or rem, like 1.5em) or $ is 0, just print the value
+ $val: $val + ' ' + $value;
+ }
+ }
+ }
+
+ // Remove first space
+ @return unquote(str-slice($val, 2));
+}
+
+// Helper function to get the responsive value calculated by RFS
+@function rfs-fluid-value($values) {
+ // Convert to list
+ $values: if(type-of($values) != list, ($values,), $values);
+
+ $val: '';
+
+ // Loop over each value and calculate value
+ @each $value in $values {
+ @if $value == 0 {
+ $val: $val + ' 0';
+ }
+
+ @else {
+ // Cache $value unit
+ $unit: if(type-of($value) == "number", unit($value), false);
+
+ // If $value isn't a number (like inherit) or $value has a unit (not px or rem, like 1.5em) or $ is 0, just print the value
+ @if not $unit or $unit != px and $unit != rem {
+ $val: $val + ' ' + $value;
+ }
+
+ @else {
+ // Remove unit from $value for calculations
+ $value: divide($value, $value * 0 + if($unit == px, 1, divide(1, $rfs-rem-value)));
+
+ // Only add the media query if the value is greater than the minimum value
+ @if abs($value) <= $rfs-base-value or not $enable-rfs {
+ $val: $val + ' ' + if($rfs-unit == rem, #{divide($value, $rfs-rem-value)}rem, #{$value}px);
+ }
+ @else {
+ // Calculate the minimum value
+ $value-min: $rfs-base-value + divide(abs($value) - $rfs-base-value, $rfs-factor);
+
+ // Calculate difference between $value and the minimum value
+ $value-diff: abs($value) - $value-min;
+
+ // Base value formatting
+ $min-width: if($rfs-unit == rem, #{divide($value-min, $rfs-rem-value)}rem, #{$value-min}px);
+
+ // Use negative value if needed
+ $min-width: if($value < 0, -$min-width, $min-width);
+
+ // Use `vmin` if two-dimensional is enabled
+ $variable-unit: if($rfs-two-dimensional, vmin, vw);
+
+ // Calculate the variable width between 0 and $rfs-breakpoint
+ $variable-width: #{divide($value-diff * 100, $rfs-breakpoint)}#{$variable-unit};
+
+ // Return the calculated value
+ $val: $val + ' calc(' + $min-width + if($value < 0, ' - ', ' + ') + $variable-width + ')';
+ }
+ }
+ }
+ }
+
+ // Remove first space
+ @return unquote(str-slice($val, 2));
+}
+
+// RFS mixin
+@mixin rfs($values, $property: font-size) {
+ @if $values != null {
+ $val: rfs-value($values);
+ $fluidVal: rfs-fluid-value($values);
+
+ // Do not print the media query if responsive & non-responsive values are the same
+ @if $val == $fluidVal {
+ #{$property}: $val;
+ }
+ @else {
+ @include _rfs-rule {
+ #{$property}: if($rfs-mode == max-media-query, $val, $fluidVal);
+
+ // Include safari iframe resize fix if needed
+ min-width: if($rfs-safari-iframe-resize-bug-fix, (0 * 1vw), null);
+ }
+
+ @include _rfs-media-query-rule {
+ #{$property}: if($rfs-mode == max-media-query, $fluidVal, $val);
+ }
+ }
+ }
+}
+
+// Shorthand helper mixins
+@mixin font-size($value) {
+ @include rfs($value);
+}
+
+@mixin padding($value) {
+ @include rfs($value, padding);
+}
+
+@mixin padding-top($value) {
+ @include rfs($value, padding-top);
+}
+
+@mixin padding-right($value) {
+ @include rfs($value, padding-right);
+}
+
+@mixin padding-bottom($value) {
+ @include rfs($value, padding-bottom);
+}
+
+@mixin padding-left($value) {
+ @include rfs($value, padding-left);
+}
+
+@mixin margin($value) {
+ @include rfs($value, margin);
+}
+
+@mixin margin-top($value) {
+ @include rfs($value, margin-top);
+}
+
+@mixin margin-right($value) {
+ @include rfs($value, margin-right);
+}
+
+@mixin margin-bottom($value) {
+ @include rfs($value, margin-bottom);
+}
+
+@mixin margin-left($value) {
+ @include rfs($value, margin-left);
+}
diff --git a/assets/scss/material-kit/cards/_card-carousel.scss b/assets/scss/material-kit/cards/_card-carousel.scss
deleted file mode 100644
index 7a8dcb3d..00000000
--- a/assets/scss/material-kit/cards/_card-carousel.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.card-carousel{
- overflow: hidden;
-}
diff --git a/assets/scss/material-kit/cards/_card-login.scss b/assets/scss/material-kit/cards/_card-login.scss
deleted file mode 100644
index 634c140d..00000000
--- a/assets/scss/material-kit/cards/_card-login.scss
+++ /dev/null
@@ -1,67 +0,0 @@
-.card-login{
- .card-header{
- margin-left: 20px;
- margin-right: 20px;
- margin-top: -40px;
- padding: 20px 0;
- margin-bottom: 15px;
- }
- .text-divider{
- margin-top: 30px;
- margin-bottom: 0px;
- text-align: center;
- }
- .card-body{
- padding: 0px 30px 0px 10px;
- }
-
- .form-check{
- padding-top: 27px;
-
- label{
- margin-left: 18px;
- }
- .form-check-sign{
- padding-right: 27px;
- }
-
- }
-
- .input-group {
- padding-bottom: 7px;
- margin: 27px 0 0 0;
- }
-
- .form {
- min-height: 420px;
- }
-
-
- .social-line{
- margin-top: $bmd-label-top-margin-base;
- text-align: center;
- padding: 0;
-
- .btn{
- color: $white-color;
- margin-left: 5px;
- margin-right: 5px;
- }
- }
-}
-
-.login-page {
- .footer {
- position: absolute;
- width: 100%;
- background: transparent;
- bottom: 0;
- color: $white-color;
- z-index: 2;
-
- .copyright a{
- color: $white-color;
- }
- }
-
-}
diff --git a/assets/scss/material-kit/cards/_card-plain.scss b/assets/scss/material-kit/cards/_card-plain.scss
deleted file mode 100644
index e150268c..00000000
--- a/assets/scss/material-kit/cards/_card-plain.scss
+++ /dev/null
@@ -1,28 +0,0 @@
-.card-plain {
- background: transparent;
- box-shadow: none;
-
- .card-header:not(.card-avatar) {
- margin-left: 0;
- margin-right: 0;
- }
-
- .card-body {
- padding-left: 5px;
- padding-right: 5px;
- }
-
- .card-header-image {
- margin: 0 !important;
- border-radius: $border-radius-large;
-
- img {
- border-radius: $border-radius-large;
- }
- }
- .card-footer {
- padding-left: 5px;
- padding-right: 5px;
- background-color: transparent;
- }
-}
diff --git a/assets/scss/material-kit/cards/card-background.scss b/assets/scss/material-kit/cards/card-background.scss
new file mode 100644
index 00000000..7137ec8b
--- /dev/null
+++ b/assets/scss/material-kit/cards/card-background.scss
@@ -0,0 +1,81 @@
+.card {
+ &.card-background {
+ align-items: $card-bg-align-items;
+
+ .full-background {
+ background-position: $card-full-bg-bg-position;
+ background-size: $card-full-bg-bg-size;
+ margin-bottom: $card-full-bg-mb;
+ width: $card-full-bg-width;
+ height: $card-full-bg-height;
+ position: $card-full-bg-position;
+ border-radius: $card-border-radius;
+ }
+
+ .card-body {
+ color: $white;
+ position: $card-bg-body-position;
+ z-index: $card-bg-body-z-index;
+
+ .content-center,
+ .content-left {
+ min-height: $card-bg-content-min-height;
+ max-width: $card-bg-content-max-width;
+ padding-top: $card-bg-content-pt;
+ padding-bottom: $card-bg-content-pb;
+ }
+ .content-center {
+ text-align: center;
+ }
+ &.body-left {
+ width: $card-bg-body-left-width;
+ }
+
+ .author {
+ .name {
+ span,
+ .stats {
+ color: $white;
+ }
+ }
+ }
+ }
+
+ &:after {
+ position: $card-bg-filter-position;
+ top: $card-bg-filter-top;
+ bottom: $card-bg-filter-bottom;
+ left: $card-bg-filter-left;
+ height: $card-bg-filter-height;
+ width: $card-bg-filter-width;
+ z-index: $card-bg-filter-z-index;
+ display: $card-bg-filter-display;
+ content: $card-bg-filter-content;
+ background: $card-bg-filter-bg;
+ border-radius: $card-border-radius;
+ }
+
+ @each $name, $val in $theme-gradient-colors {
+ &.card-background-mask-#{$name} {
+ &:before {
+ background: $card-bg-filter-mask-bg;
+ }
+
+ &:after {
+ @include gradient-directional(nth($val, 1) 0%, nth($val, -1) 100%, $deg: 195deg);
+ opacity: .85;
+ }
+ }
+ }
+
+ .card-category {
+ font-size: $font-size-sm;
+ font-weight: $font-weight-bold;
+ }
+
+ .card-description {
+ margin-top: $card-bg-description-margin;
+ margin-bottom: $card-bg-description-margin;
+ }
+ }
+}
diff --git a/assets/scss/material-kit/cards/card-blog.scss b/assets/scss/material-kit/cards/card-blog.scss
new file mode 100644
index 00000000..1a35994c
--- /dev/null
+++ b/assets/scss/material-kit/cards/card-blog.scss
@@ -0,0 +1,17 @@
+.card {
+ &.card-blog {
+ .card-image {
+ box-shadow: $box-shadow;
+
+ .img {
+ width: 100%;
+ }
+ }
+
+ .card-title {
+ a {
+ color: $dark;
+ }
+ }
+ }
+}
diff --git a/assets/scss/material-kit/cards/card-horizontal.scss b/assets/scss/material-kit/cards/card-horizontal.scss
new file mode 100644
index 00000000..6b26cc5e
--- /dev/null
+++ b/assets/scss/material-kit/cards/card-horizontal.scss
@@ -0,0 +1,24 @@
+.card {
+ &.card-horizontal {
+ box-shadow: none;
+
+ .card-image {
+ border-radius: $card-border-radius;
+
+ .img {
+ width: 100%;
+ border-radius: $card-border-radius;
+ }
+ }
+
+ .card-body {
+ .card-title {
+ font-size: $h4-font-size;
+
+ a {
+ color: $dark;
+ }
+ }
+ }
+ }
+}
diff --git a/assets/scss/material-kit/cards/card-pricing.scss b/assets/scss/material-kit/cards/card-pricing.scss
new file mode 100644
index 00000000..433c9bab
--- /dev/null
+++ b/assets/scss/material-kit/cards/card-pricing.scss
@@ -0,0 +1,48 @@
+.card {
+ &.card-pricing {
+ .card-body {
+ padding: $card-pricing-body-padding;
+ }
+ .table {
+ tr {
+ border-image: $card-pricing-border-color;
+ }
+ td {
+ .badge {
+ padding: $card-pricing-badge-padding;
+ font-size: $card-pricing-badge-font-size;
+ position: $card-pricing-badge-position;
+ top: $card-pricing-badge-top;
+ }
+ }
+ }
+ &[data-feature="icon"] {
+
+ .icon {
+ height: $card-pricing-icon-height;
+ width: $card-pricing-icon-width;
+ position: $card-pricing-icon-position;
+ top: $card-pricing-icon-top;
+ left: 0;
+ right: 0;
+
+ i {
+ color: $white;
+ padding: $card-pricing-i-padding;
+ }
+ }
+ }
+
+ .plans {
+ i {
+ font-size: $card-pricing-icon-font-size;
+ }
+ .card-category {
+ text-transform: uppercase;
+ }
+ }
+ .icon-lg i {
+ font-size: $card-pricing-icon-lg-font-size;
+ }
+ }
+}
diff --git a/assets/scss/material-kit/cards/card-profile.scss b/assets/scss/material-kit/cards/card-profile.scss
new file mode 100644
index 00000000..b0978f12
--- /dev/null
+++ b/assets/scss/material-kit/cards/card-profile.scss
@@ -0,0 +1,59 @@
+.card {
+ &.card-profile {
+ .card-body {
+ padding: $card-profile-body-padding;
+ }
+
+ .card-avatar {
+ margin: $card-profile-avatar-margin;
+
+ .img {
+ margin-top: $card-profile-img-mt;
+ border-radius: $card-profile-img-radius;
+ width: $card-profile-img-width;
+ }
+ }
+
+ p.lead {
+ font-weight: $font-weight-bold;
+ font-size: $h6-font-size;
+ line-height: $card-profile-p-line-height;
+ }
+ .table {
+ td {
+ font-weight: $font-weight-light;
+ font-size: $font-size-base;
+ }
+ }
+
+ .card-before {
+ &:before {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 50%;
+ display: block;
+ z-index: 0;
+ content: '';
+ transition: opacity .65s cubic-bezier(.05,.2,.1,1);
+ }
+
+ &.mask-primary:before {
+ background: linear-gradient(to bottom,rgba(15,15,15,0),$primary 100%);
+ }
+ &.mask-info:before {
+ background: linear-gradient(to bottom,rgba(15,15,15,0),$info 100%);
+ }
+ &.mask-warning:before {
+ background: linear-gradient(to bottom,rgba(15,15,15,0),$warning-gradient-state 100%);
+ }
+ &.mask-danger:before {
+ background: linear-gradient(to bottom,rgba(15,15,15,0),$danger 100%);
+ }
+ &.mask-success:before {
+ background: linear-gradient(to bottom,rgba(15,15,15,0),$success 100%);
+ }
+ }
+ }
+}
diff --git a/assets/scss/material-kit/cards/card-rotate.scss b/assets/scss/material-kit/cards/card-rotate.scss
new file mode 100644
index 00000000..3a529237
--- /dev/null
+++ b/assets/scss/material-kit/cards/card-rotate.scss
@@ -0,0 +1,148 @@
+.rotating-card-container {
+ @include perspective(800px);
+
+ .card-rotate {
+ background: transparent;
+ box-shadow: none;
+
+ &:after {
+ display: none;
+ }
+ }
+
+ .card {
+ @include transitions(0.8s, cubic-bezier(0.34, 1.45, 0.7, 1));
+ @include transform-style(preserve-3d);
+ position: relative;
+
+ .back,
+ .front {
+ @include backface-visibility(hidden);
+ position: absolute;
+ background-color: $white;
+ border-radius: $border-radius-lg;
+ top: 0;
+ left: 0;
+ justify-content: center;
+ align-content: center;
+ display: -webkit-flex;
+ display: -moz-flex;
+ display: -ms-flexbox;
+ display: -o-flex;
+ display: flex;
+ -moz-flex-direction: column;
+ -ms-flex-direction: column;
+ -o-flex-direction: column;
+ flex-direction: column;
+
+ .card-body {
+ justify-content: center;
+ align-content: center;
+ display: -webkit-flex;
+ display: -moz-flex;
+ display: -ms-flexbox;
+ display: -o-flex;
+ display: flex;
+ -moz-flex-direction: column;
+ -ms-flex-direction: column;
+ -o-flex-direction: column;
+ flex-direction: column;
+ }
+
+ &:after {
+ position: absolute;
+ z-index: 1;
+ width: 100%;
+ height: 100%;
+ display: block;
+ left: 0;
+ top: 0;
+ content: "";
+ border-radius: $border-radius-lg;
+ background-image: $text-gradient-bg-primary;
+ opacity: .85;
+ }
+ }
+
+ .front {
+ z-index: 2;
+ position: relative;
+ }
+
+ .back {
+ @include rotateY-180();
+ z-index: 5;
+ text-align: center;
+ width: 100%;
+ height: 100%;
+
+ &.back-background {
+ .card-body {
+ position: relative;
+ z-index: 2;
+ }
+ }
+
+ .card-footer {
+ .btn {
+ margin: 0;
+ }
+ }
+
+ .card-body {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+ }
+ }
+
+ &:not(.manual-flip):hover {
+ .card {
+ @include rotateY-180();
+ }
+ }
+
+ &.hover.manual-flip {
+ .card {
+ @include rotateY-180();
+ }
+ }
+
+ .card-profile & {
+ .front {
+ text-align: left;
+ }
+ }
+}
+
+.back-background {
+ .card-body {
+ min-height: auto;
+ padding-top: 15px;
+ padding-bottom: 15px;
+ }
+}
+
+/* Fix bug for IE */
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+ .rotating-card-container .card .back,
+ .rotating-card-container .card .front {
+ -ms-backface-visibility: visible;
+ backface-visibility: visible;
+ }
+
+ .rotating-card-container .card .back {
+ visibility: hidden;
+ transition: visibility 0.3s cubic-bezier(0.34, 1.45, 0.7, 1);
+ }
+
+ .rotating-card-container .card .front {
+ z-index: 4;
+ }
+
+ .rotating-card-container.manual-flip.hover .card .back,
+ .rotating-card-container:not(.manual-flip):hover .card .back {
+ z-index: 5;
+ visibility: visible;
+ }
+}
diff --git a/assets/scss/material-kit/_custom-forms.scss b/assets/scss/material-kit/custom/_styles.scss
similarity index 100%
rename from assets/scss/material-kit/_custom-forms.scss
rename to assets/scss/material-kit/custom/_styles.scss
diff --git a/assets/scss/material-kit/custom/_variables.scss b/assets/scss/material-kit/custom/_variables.scss
new file mode 100644
index 00000000..e69de29b
diff --git a/assets/scss/material-kit/forms/_form-check.scss b/assets/scss/material-kit/forms/_form-check.scss
new file mode 100644
index 00000000..7e4ca97a
--- /dev/null
+++ b/assets/scss/material-kit/forms/_form-check.scss
@@ -0,0 +1,91 @@
+.form-check:not(.form-switch) .form-check-input {
+ float: initial !important;
+ margin-left: auto !important;
+
+ &[type="checkbox"],
+ &[type="radio"] {
+ border: 1px solid darken($gray-200, 10%);
+ margin-top: $form-text-margin-top;
+ position: relative;
+
+ &:checked {
+ border-color: $primary;
+ }
+ }
+
+ &[type="checkbox"] {
+ background-image: none;
+ &:after {
+ transition: opacity $form-check-transition-time ease-in-out;
+ font-family: "FontAwesome";
+ content: "\f00c";
+ width: 100%;
+ height: 100%;
+ color: $form-check-input-checked-color;
+ position: absolute;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: $font-size-sm - .205;
+ opacity: 0;
+ }
+
+ &:checked{
+ background: $primary;
+ &:after {
+ opacity: 1;
+ }
+ }
+ }
+
+ &[type="radio"] {
+ transition: border 0s;
+ background: transparent;
+
+ &:after {
+ transition: opacity $form-check-transition-time ease-in-out;
+ content: "";
+ position: absolute;
+ width: $form-check-radio-after-width;
+ height: $form-check-radio-after-width;
+ border-radius: 50%;
+ background-image: escape-svg($form-check-radio-checked-bg-image), var(--#{$variable-prefix}gradient);;
+ opacity: 0;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ margin: auto;
+ }
+
+ &:checked {
+ padding: 6px;
+ }
+
+ &:checked:after {
+ opacity: 1;
+ }
+
+ &:active{
+ box-shadow: $form-check-radio-after-shadow;
+ border-radius: $border-radius-pill;
+ transition: $form-check-radio-transition;
+ }
+ }
+}
+
+.form-check-label,
+.form-check-input[type="checkbox"] {
+ cursor: pointer;
+}
+
+.form-check-label{
+ font-size:$font-size-sm;
+ font-weight: $font-weight-normal;
+}
+
+.form-check-input{
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
diff --git a/assets/scss/material-kit/forms/_form-select.scss b/assets/scss/material-kit/forms/_form-select.scss
new file mode 100644
index 00000000..292dc2e7
--- /dev/null
+++ b/assets/scss/material-kit/forms/_form-select.scss
@@ -0,0 +1,3 @@
+.form-select {
+ transition: $input-transition;
+}
diff --git a/assets/scss/material-kit/forms/_form-switch.scss b/assets/scss/material-kit/forms/_form-switch.scss
new file mode 100644
index 00000000..39a8b27d
--- /dev/null
+++ b/assets/scss/material-kit/forms/_form-switch.scss
@@ -0,0 +1,43 @@
+.form-switch{
+ .form-check-input{
+ position: relative;
+ background-color: $form-switch-bg-color;
+ height: $form-switch-height;
+ width: $form-switch-width;
+
+ &:after {
+ transition: transform $form-check-transition-time ease-in-out, background-color $form-check-transition-time ease-in-out;
+ content: "";
+ width: $form-switch-check-after-width;
+ height: $form-switch-check-after-width;
+ border-radius: 50%;
+ border: 1px solid $form-switch-check-after-border-color;
+ position: absolute;
+ background-color: $white;
+ transform: translateX($form-switch-translate-x-start);
+ box-shadow: $form-switch-round-box-shadow;
+ top: $form-switch-check-top;
+ left: $form-switch-check-left;
+ }
+
+ &:checked:after {
+ transform: translateX($form-switch-translate-x-end);
+ border-color: $dark-gradient;
+ }
+
+ &:checked {
+ border-color: $dark-gradient;
+ background-color: $dark-gradient;
+ &:active{
+ &:after{
+ box-shadow: $form-switch-check-active-checked-after-shadow;
+ }
+ }
+ }
+ &:active{
+ &:after{
+ box-shadow: $form-switch-check-active-after-shadow;
+ }
+ }
+ }
+}
diff --git a/assets/scss/material-kit/forms/_forms.scss b/assets/scss/material-kit/forms/_forms.scss
new file mode 100644
index 00000000..096263be
--- /dev/null
+++ b/assets/scss/material-kit/forms/_forms.scss
@@ -0,0 +1,6 @@
+@import 'input-group';
+@import 'form-check';
+@import 'form-switch';
+@import 'form-select';
+@import 'labels';
+@import 'inputs';
diff --git a/assets/scss/material-kit/forms/_input-group.scss b/assets/scss/material-kit/forms/_input-group.scss
new file mode 100644
index 00000000..b5409a61
--- /dev/null
+++ b/assets/scss/material-kit/forms/_input-group.scss
@@ -0,0 +1,312 @@
+.input-group {
+ @include border-radius(0, 0);
+
+ &:not(.has-validation) {
+ > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
+ > .dropdown-toggle:nth-last-child(n + 3) {
+ @include border-end-radius(inherit);
+ }
+ }
+
+ &.has-validation {
+ > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu),
+ > .dropdown-toggle:nth-last-child(n + 4) {
+ @include border-end-radius(inherit);
+ }
+ }
+
+ &,
+ .input-group-text {
+ transition: $input-transition;
+ border: none;
+ }
+
+ & > :not(:first-child):not(.dropdown-menu) {
+ margin-left: 2px;
+ }
+
+ label {
+ transition: $transition-material;
+ }
+
+ &.input-group-dynamic,
+ &.input-group-static {
+ .form-control {
+ background: $input-background;
+ background-size: $input-background-size;
+ transition: $input-transition;
+
+ &:not(:first-child) {
+ border-left: 0;
+ padding-left: 0;
+ }
+ &:not(:last-child) {
+ border-right: 0;
+ padding-right: 0;
+ }
+
+ & + .input-group-text {
+ border-left: 0;
+ border-right: $input-border-width solid $input-border-color;
+ }
+
+ &,
+ &:focus{
+ background-image: $input-background-image;
+ border-radius: 0 !important;
+ }
+
+ &:focus{
+ background-size: $input-background-size-focus;
+ }
+
+ &[disabled]{
+ cursor: not-allowed;
+ background-image: $input-background-image-disabled !important;
+ }
+ }
+
+ .input-group-text {
+ border-right: 0;
+ }
+
+ &.is-focused,
+ &.is-filled {
+ .form-label {
+ font-size: $form-label-font-size-focused !important;
+ }
+ }
+
+ &.is-focused {
+ .form-label {
+ top: $form-label-top-focused;
+ }
+ label {
+ color: $primary;
+ }
+ &.is-valid{
+ label{
+ color: $success;
+ }
+
+ .form-control{
+ &,
+ &:focus{
+ background-image: $input-background-image-valid;
+ border-radius: 0 !important;
+ }
+ }
+ }
+ &.is-invalid{
+ label{
+ color: $danger;
+ }
+
+ .form-control{
+ &,
+ &:focus{
+ background-image: $input-background-image-invalid;
+ border-radius: 0 !important;
+ }
+ }
+ }
+ }
+
+ &.is-valid{
+ .form-control{
+ &,
+ &:focus{
+ background-image: $input-background-image-valid;
+ border-radius: 0 !important;
+ }
+ }
+ }
+
+ &.is-invalid{
+ .form-control{
+ &,
+ &:focus{
+ background-image: $input-background-image-invalid;
+ border-radius: 0 !important;
+ }
+ }
+ }
+
+ &.is-filled.is-focused,
+ &.is-filled {
+ .form-label {
+ top: $form-label-top-focused-filled;
+ }
+ }
+ }
+
+ &.input-group-outline {
+ .form-control {
+ background: none;
+ border: $input-border-width solid $input-border-color;
+ border-radius: $input-border-radius;
+ border-top-left-radius: $border-radius-md !important;
+ border-bottom-left-radius: $border-radius-md !important;
+ padding: $form-control-outline-padding !important;
+ line-height: 1.3 !important;
+
+ &.form-control-lg {
+ padding: $input-padding-y-lg $input-padding-x-lg !important;
+ }
+
+ &.form-control-sm{
+ padding: $input-padding-y-sm $input-padding-x-sm !important;
+ }
+
+ &[disabled]{
+ cursor: not-allowed;
+ border-style: dashed;
+ }
+ }
+
+ .form-label {
+ display: flex;
+ line-height: $form-label-outline-line-height !important;
+ top: -$form-label-outline-top;
+ margin-bottom: 0;
+
+ &:before {
+ content: "";
+ margin-right: 4px;
+ border-left: solid 1px transparent;
+ border-radius: 4px 0;
+ }
+
+ &:after {
+ content: "";
+ flex-grow: 1;
+ margin-left: 4px;
+ border-right: solid 1px transparent;
+ border-radius: 0 5px;
+ }
+
+ &:before,
+ &:after {
+ content: "";
+ border-top: solid 1px;
+ border-top-color: $input-border-color;
+ pointer-events: none;
+ margin-top: $form-label-outline-top;
+ box-sizing: border-box;
+ display: block;
+ height: $form-label-outline-after-height;
+ width: $form-label-outline-after-width;
+ border-width: $form-label-outline-after-border-width;
+ border-color: transparent;
+ }
+ }
+
+ &.is-focused,
+ &.is-filled {
+ .form-label + .form-control {
+ border-color: $primary !important;
+ border-top-color: transparent !important;
+ box-shadow: inset 1px 0 $primary, inset -1px 0 $primary, inset 0 -1px $primary;
+ }
+
+ .form-label {
+ width: 100%;
+ height: 100%;
+ font-size: $form-label-font-size-focused !important;
+ color: $primary;
+ display: flex;
+ line-height: $line-height-sm !important;
+
+ &:before,
+ &:after {
+ opacity: 1;
+ }
+
+ &:before,
+ &:after {
+ border-top-color: $primary;
+ box-shadow: inset 0 1px $primary;
+ }
+ }
+ }
+
+ &.is-valid {
+ .form-control {
+ background-image: escape-svg($form-feedback-icon-valid);
+ background-repeat: no-repeat;
+ background-position: right $input-height-inner-quarter center;
+ background-size: $input-height-inner-half $input-height-inner-half;
+ }
+ &.is-focused,
+ &.is-filled {
+ .form-label + .form-control {
+ border-color: $success !important;
+ box-shadow: inset 1px 0 $success, inset -1px 0 $success, inset 0 -1px $success;
+ border-top-color: transparent !important;
+ }
+ .form-label {
+ color: $success;
+
+ &:before,
+ &:after {
+ border-top-color: $success;
+ box-shadow: inset 0 1px $success;
+ }
+ }
+ }
+ }
+
+ &.is-invalid {
+ .form-control {
+ background-image: escape-svg($form-feedback-icon-invalid);
+ background-repeat: no-repeat;
+ background-position: right $input-height-inner-quarter center;
+ background-size: $input-height-inner-half $input-height-inner-half;
+ }
+ &.is-focused,
+ &.is-filled {
+ .form-label + .form-control {
+ border-color: $danger !important;
+ box-shadow: inset 1px 0 $danger, inset -1px 0 $danger, inset 0 -1px $danger;
+ border-top-color: transparent !important;
+ }
+ .form-label {
+ color: $danger;
+
+ &:before,
+ &:after {
+ border-top-color: $danger;
+ box-shadow: inset 0 1px $danger;
+ }
+ }
+ }
+ }
+ }
+
+ &.input-group-outline,
+ &.input-group-dynamic,
+ &.input-group-static {
+ &.input-group-sm{
+ .form-label,
+ label{
+ font-size: $input-group-sm-font-size;
+ }
+ }
+ &.input-group-lg{
+ .form-label,
+ label{
+ font-size: $input-group-lg-font-size;
+ }
+ }
+ }
+
+ &.input-group-static {
+ .form-control {
+ width: 100%;
+ }
+ label {
+ margin-left: 0;
+ margin-bottom: 0;
+ }
+ }
+}
diff --git a/assets/scss/material-kit/forms/_inputs.scss b/assets/scss/material-kit/forms/_inputs.scss
new file mode 100644
index 00000000..e8d02537
--- /dev/null
+++ b/assets/scss/material-kit/forms/_inputs.scss
@@ -0,0 +1,47 @@
+.form-control {
+ border: none;
+
+ &.is-invalid {
+ border: $input-border-width solid $input-border-color;
+ padding: $form-control-outline-padding;
+ line-height: 1.3 !important;
+
+ &:focus {
+ box-shadow: 0 0 0 2px rgba($form-feedback-invalid-color, .6);
+ }
+ }
+
+ &.is-valid {
+ border: $input-border-width solid $input-border-color;
+ padding: $form-control-outline-padding;
+ line-height: 1.3 !important;
+
+ &:focus {
+ box-shadow: 0 0 0 2px rgba($form-feedback-valid-color, .65);
+ }
+ }
+
+ &[disabled] {
+ padding: $form-control-outline-padding;
+ line-height: 1.45 !important;
+ }
+}
+
+.input-group {
+ .input-group-text {
+ position: absolute;
+ padding: .75rem 0;
+ right: 0;
+ border-right: 0 !important;
+
+ i {
+ color: $gray-600;
+ }
+ }
+
+ &.input-group-static {
+ .input-group-text {
+ bottom: 0;
+ }
+ }
+}
diff --git a/assets/scss/material-kit/forms/_labels.scss b/assets/scss/material-kit/forms/_labels.scss
new file mode 100644
index 00000000..08d807b4
--- /dev/null
+++ b/assets/scss/material-kit/forms/_labels.scss
@@ -0,0 +1,21 @@
+//
+// Labels
+//
+
+label,
+.form-label {
+ font-size: $form-label-font-size;
+ font-weight: $form-label-font-weight;
+ margin-bottom: $form-label-margin-bottom;
+ color: $form-label-color;
+ margin-left: $form-label-margin-left;
+}
+
+.input-group{
+ .form-label{
+ position: $form-label-position;
+ top: $form-label-top;
+ margin-left: 0;
+ transition: $form-label-transition;
+ }
+}
diff --git a/assets/scss/material-kit/mixins/_alert.scss b/assets/scss/material-kit/mixins/_alert.scss
deleted file mode 100644
index a9161073..00000000
--- a/assets/scss/material-kit/mixins/_alert.scss
+++ /dev/null
@@ -1,124 +0,0 @@
-
-@mixin alert-variations($component, $selector-suffix, $default) {
- @include generic-variations($component, $selector-suffix, $default, "alert-variations-content", null);
-}
-
-@mixin alert-variations-content($args){
- $variation-color: map-get($args, variation-color);
- $variation-color-text: map-get($args, variation-color-text);
-
- background-color: lighten($variation-color,3%);
- color: $variation-color-text;
-
- a, .alert-link {
- color: $variation-color-text;
- }
-}
-// interpolation of mixin-name is not allowed evidently, so we statically include based on the mixin-name given
-@mixin call-variations-content-mixin($args) {
- $mixin-name: map-get($args, mixin-name);
- @if $mixin-name == variations-content {
- @include variations-content($args);
- } @else if $mixin-name == background-variations-content {
- @include background-variations-content($args);
- } @else if $mixin-name == text-variations-content {
- @include text-variations-content($args);
- } @else if $mixin-name == button-variations-content {
- @include button-variations-content($args);
- } @else if $mixin-name == bg-color-variations-content {
- @include bg-color-variations-content($args);
- } @else if $mixin-name == bg-box-shadow-variations-content {
- @include bg-box-shadow-variations-content($args);
- } @else if $mixin-name == bg-img-variations-content {
- @include bg-img-variations-content($args);
- } @else if $mixin-name == navbar-variations-content {
- @include navbar-variations-content($args);
- }@else if $mixin-name == alert-variations-content {
- @include alert-variations-content($args);
- } @else {
- @error "Unknown mixin: #{$mixin-name}"
- }
-}
-
-//
-// To use this mixin you should pass a function as final parameter to define
-// the style. In that definition you can use the following variables to define it.
-//
-// $variation-color-name ---> "red", "green", "indigo" ...
-// $variation-color-full-name ---> "red", "green-50", "indigo-400" ...
-// $variation-color ---> #f44336, #e8f5e9, #5c6bc0 ...
-// $variation-color-text ---> rgba(255,255,255,0.84), rgba(0,0,0,0.84), rgba(255,255,255,0.84) ...
-//
-
-@mixin generic-variations($component, $selector-suffix, $color-default, $mixin-name, $mdb-param-1) {
-
- //setup map to pass parameters (instead of the incredibly long-error-prone list for each and every @include)
- $args: (
- //extra: $selector-suffix,
- //default: $color-default,
- mixin-name: $mixin-name,
- material-param-1: $mdb-param-1
- );
-
- // bootstrap styles
- &#{$selector-suffix},
- &#{$component}-default#{$selector-suffix} {
-
- $args-extra: map-merge($args, (
- variation-color: $white-color,
- variation-color-text: $gray
- ));
- @include call-variations-content-mixin($args-extra);
- }
- &#{$component}-inverse#{$selector-suffix} {
- $args-inverse: map-merge($args, (
- variation-color: #212121,
- variation-color-text: #fff
- ));
- @include call-variations-content-mixin($args-inverse);
- }
- &#{$component}-primary#{$selector-suffix} {
- $args-primary: map-merge($args, (
- variation-color: $primary,
- variation-color-text: $mdb-text-color-light
- ));
- @include call-variations-content-mixin($args-primary);
- }
- &#{$component}-success#{$selector-suffix} {
- $args-success: map-merge($args, (
- variation-color: $success,
- variation-color-text: $mdb-text-color-light
- ));
- @include call-variations-content-mixin($args-success);
- }
- &#{$component}-info#{$selector-suffix} {
- $args-info: map-merge($args, (
- variation-color: $info,
- variation-color-text: $mdb-text-color-light
- ));
- @include call-variations-content-mixin($args-info);
- }
- &#{$component}-warning#{$selector-suffix} {
- $args-warning: map-merge($args, (
- variation-color: $warning,
- variation-color-text: $mdb-text-color-light
- ));
- @include call-variations-content-mixin($args-warning);
- }
- &#{$component}-danger#{$selector-suffix} {
- $args-danger: map-merge($args, (
- variation-color: $danger,
- variation-color-text: $mdb-text-color-light
- ));
- @include call-variations-content-mixin($args-danger);
- }
-
- &#{$component}-rose#{$selector-suffix} {
- $args-rose: map-merge($args, (
- variation-color: $rose,
- variation-color-text: $mdb-text-color-light
- ));
- @include call-variations-content-mixin($args-rose);
- }
-
-}
diff --git a/assets/scss/material-kit/mixins/_animations.scss b/assets/scss/material-kit/mixins/_animations.scss
deleted file mode 100644
index 7f6cd432..00000000
--- a/assets/scss/material-kit/mixins/_animations.scss
+++ /dev/null
@@ -1,208 +0,0 @@
-// Animations (from mdl http://www.getmdl.io/)
-
-@mixin material-animation-fast-out-slow-in($duration:0.2s) {
- transition-duration: $duration;
- transition-timing-function: $bmd-animation-curve-fast-out-slow-in;
-}
-
-@mixin material-animation-linear-out-slow-in($duration:0.2s) {
- transition-duration: $duration;
- transition-timing-function: $bmd-animation-curve-linear-out-slow-in;
-}
-
-@mixin material-animation-fast-out-linear-in($duration:0.2s) {
- transition-duration: $duration;
- transition-timing-function: $bmd-animation-curve-fast-out-linear-in;
-}
-
-@mixin material-animation-default($duration:0.2s) {
- transition-duration: $duration;
- transition-timing-function: $bmd-animation-curve-default;
-}
-
-@mixin rotate-180() {
- -webkit-transform: rotate( 180deg );
- -moz-transform: rotate( 180deg );
- -o-transform: rotate( 180deg );
- -ms-transform: rotate(180deg);
- transform: rotate( 180deg );
-}
-
-@mixin rotate-0() {
- -webkit-transform: rotate( 0deg );
- -moz-transform: rotate( 0deg );
- -o-transform: rotate( 0deg );
- -ms-transform: rotate(0deg);
- transform: rotate( 0deg );
-}
-
-// Nvabar burger animations (on close)
-
-@mixin bar-animation($type){
- -webkit-animation: $type 500ms linear 0s;
- -moz-animation: $type 500ms linear 0s;
- animation: $type 500ms 0s;
- -webkit-animation-fill-mode: forwards;
- -moz-animation-fill-mode: forwards;
- animation-fill-mode: forwards;
-}
-
-@mixin topbar-x-rotation(){
- @keyframes topbar-x {
- 0% {top: 0px; transform: rotate(0deg); }
- 45% {top: 6px; transform: rotate(145deg); }
- 75% {transform: rotate(130deg); }
- 100% {transform: rotate(135deg); }
- }
- @-webkit-keyframes topbar-x {
- 0% {top: 0px; -webkit-transform: rotate(0deg); }
- 45% {top: 6px; -webkit-transform: rotate(145deg); }
- 75% {-webkit-transform: rotate(130deg); }
- 100% { -webkit-transform: rotate(135deg); }
- }
- @-moz-keyframes topbar-x {
- 0% {top: 0px; -moz-transform: rotate(0deg); }
- 45% {top: 6px; -moz-transform: rotate(145deg); }
- 75% {-moz-transform: rotate(130deg); }
- 100% { -moz-transform: rotate(135deg); }
- }
-}
-
-@mixin topbar-back-rotation(){
- @keyframes topbar-back {
- 0% { top: 6px; transform: rotate(135deg); }
- 45% { transform: rotate(-10deg); }
- 75% { transform: rotate(5deg); }
- 100% { top: 0px; transform: rotate(0); }
- }
-
- @-webkit-keyframes topbar-back {
- 0% { top: 6px; -webkit-transform: rotate(135deg); }
- 45% { -webkit-transform: rotate(-10deg); }
- 75% { -webkit-transform: rotate(5deg); }
- 100% { top: 0px; -webkit-transform: rotate(0); }
- }
-
- @-moz-keyframes topbar-back {
- 0% { top: 6px; -moz-transform: rotate(135deg); }
- 45% { -moz-transform: rotate(-10deg); }
- 75% { -moz-transform: rotate(5deg); }
- 100% { top: 0px; -moz-transform: rotate(0); }
- }
-}
-
-@mixin bottombar-x-rotation(){
- @keyframes bottombar-x {
- 0% {bottom: 0px; transform: rotate(0deg);}
- 45% {bottom: 6px; transform: rotate(-145deg);}
- 75% {transform: rotate(-130deg);}
- 100% {transform: rotate(-135deg);}
- }
- @-webkit-keyframes bottombar-x {
- 0% {bottom: 0px; -webkit-transform: rotate(0deg);}
- 45% {bottom: 6px; -webkit-transform: rotate(-145deg);}
- 75% {-webkit-transform: rotate(-130deg);}
- 100% {-webkit-transform: rotate(-135deg);}
- }
- @-moz-keyframes bottombar-x {
- 0% {bottom: 0px; -moz-transform: rotate(0deg);}
- 45% {bottom: 6px; -moz-transform: rotate(-145deg);}
- 75% {-moz-transform: rotate(-130deg);}
- 100% {-moz-transform: rotate(-135deg);}
- }
-}
-
-@mixin bottombar-back-rotation{
- @keyframes bottombar-back {
- 0% { bottom: 6px;transform: rotate(-135deg);}
- 45% { transform: rotate(10deg);}
- 75% { transform: rotate(-5deg);}
- 100% { bottom: 0px;transform: rotate(0);}
- }
- @-webkit-keyframes bottombar-back {
- 0% {bottom: 6px;-webkit-transform: rotate(-135deg);}
- 45% {-webkit-transform: rotate(10deg);}
- 75% {-webkit-transform: rotate(-5deg);}
- 100% {bottom: 0px;-webkit-transform: rotate(0);}
- }
- @-moz-keyframes bottombar-back {
- 0% {bottom: 6px;-moz-transform: rotate(-135deg);}
- 45% {-moz-transform: rotate(10deg);}
- 75% {-moz-transform: rotate(-5deg);}
- 100% {bottom: 0px;-moz-transform: rotate(0);}
- }
-
-}
-
-
-@mixin transform-scale($value){
- -webkit-transform: scale($value);
- -moz-transform: scale($value);
- -o-transform: scale($value);
- -ms-transform: scale($value);
- transform: scale($value);
-}
-
-@mixin rotateY-180() {
- -webkit-transform: rotateY( 180deg );
- -moz-transform: rotateY( 180deg );
- -o-transform: rotateY( 180deg );
- -ms-transform: rotateY(180deg);
- transform: rotateY( 180deg );
-}
-
-@mixin transitions($time, $type){
- -webkit-transition: all $time $type;
- -moz-transition: all $time $type;
- -o-transition: all $time $type;
- -ms-transition: all $time $type;
- transition: all $time $type;
-}
-
-@mixin transitions-property($property, $time, $type){
- -webkit-transition: $property $time $type;
- -moz-transition: $property $time $type;
- -o-transition: $property $time $type;
- -ms-transition: $property $time $type;
- transition: $property $time $type;
-}
-
-@mixin transform-translate-x($value){
- -webkit-transform: translate3d($value, 0, 0);
- -moz-transform: translate3d($value, 0, 0);
- -o-transform: translate3d($value, 0, 0);
- -ms-transform: translate3d($value, 0, 0);
- transform: translate3d($value, 0, 0);
-}
-
-@mixin transform-translate-y($value){
- -webkit-transform: translate3d(0,$value, 0);
- -moz-transform: translate3d(0, $value, 0);
- -o-transform: translate3d(0, $value, 0);
- -ms-transform: translate3d(0, $value, 0);
- transform: translate3d(0, $value, 0);
-}
-
-@mixin perspective($value){
- -webkit-perspective: $value;
- -moz-perspective: $value;
- -o-perspective: $value;
- -ms-perspective: $value;
- perspective: $value;
-}
-
-@mixin transform-style($type){
- -webkit-transform-style: $type;
- -moz-transform-style: $type;
- -o-transform-style: $type;
- -ms-transform-style: $type;
- transform-style: $type;
-}
-
-@mixin backface-visibility($type){
- -webkit-backface-visibility: $type;
- -moz-backface-visibility: $type;
- -o-backface-visibility: $type;
- -ms-backface-visibility: $type;
- backface-visibility: $type;
-}
diff --git a/assets/scss/material-kit/mixins/_badge.scss b/assets/scss/material-kit/mixins/_badge.scss
new file mode 100644
index 00000000..270d9cae
--- /dev/null
+++ b/assets/scss/material-kit/mixins/_badge.scss
@@ -0,0 +1,12 @@
+@mixin badge-variant($bg) {
+ color: saturate(darken($bg, 10%), 10);
+ background-color: lighten($bg, 32%);
+
+ &[href] {
+ @include hover-focus {
+ color: color-yiq($bg);
+ text-decoration: none;
+ background-color: darken($bg, 12%);
+ }
+ }
+}
diff --git a/assets/scss/material-kit/mixins/_breakpoints.scss b/assets/scss/material-kit/mixins/_breakpoints.scss
deleted file mode 100644
index a85638d0..00000000
--- a/assets/scss/material-kit/mixins/_breakpoints.scss
+++ /dev/null
@@ -1,28 +0,0 @@
-// case where behavior is responsive, or with a marker class
-@mixin media-breakpoint-down-or($breakpoint, $name) {
- #{unquote($name)} {
- @content;
- }
-
- @include media-breakpoint-down($breakpoint) {
- @content;
- }
-}
-
-// case where behavior is responsive, or with a marker class
-@mixin media-breakpoint-up-or($breakpoint, $name) {
- #{unquote($name)} {
- @content;
- }
-
- @include media-breakpoint-up($breakpoint) {
- @content;
- }
-}
-
-// Name of the previous breakpoint, or null
-
-@function breakpoint-previous($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {
- $n: index($breakpoint-names, $name);
- @return if($n > 1, nth($breakpoint-names, $n - 1), null);
-}
diff --git a/assets/scss/material-kit/mixins/_buttons.scss b/assets/scss/material-kit/mixins/_buttons.scss
index 82d630cf..544ae94d 100644
--- a/assets/scss/material-kit/mixins/_buttons.scss
+++ b/assets/scss/material-kit/mixins/_buttons.scss
@@ -1,289 +1,12 @@
-// from bs mixins/buttons button-variant
-@mixin bmd-button-variant($color, $background, $focus-background, $active-background, $border, $focus-border, $active-border) {
- color: $color;
- background-color: $background;
- border-color: $border;
-
- @include hover {
- color: $color;
- background-color: $focus-background;
- border-color: $focus-border;
- }
-
- &:focus,
- &.focus,
- &:hover{
- color: $color;
- background-color: $focus-background;
- border-color: $focus-border;
- }
-
- &:active,
- &.active,
- .open > &.dropdown-toggle,
- .show > &.dropdown-toggle {
- color: $color;
- background-color: $focus-background;
- border-color: $focus-border;
- @include shadow-2dp-color($background);
-
- &:hover,
- &:focus,
- &.focus {
- color: $color;
- background-color: $active-background;
- border-color: $active-border;
- }
- }
-
- // when it is an icon, kill the active bg on open dropdown, but stabilize on hover
- .open > &.dropdown-toggle.bmd-btn-icon {
- color: inherit;
- background-color: $background;
-
- // leave hover on with the lighter focus color
- &:hover {
- background-color: $focus-background;
- }
- }
-
- &.disabled,
- &:disabled {
- &:focus,
- &.focus {
- background-color: $background;
- border-color: $border;
- }
- @include hover {
- background-color: $background;
- border-color: $border;
- }
- }
-}
-
-@mixin bmd-flat-button-variant(
- $color,
- $border: $bmd-btn-border,
- $focus-border: $bmd-btn-focus-bg,
- $active-border: $bmd-btn-active-bg
-) {
- $background: $bmd-btn-bg;
- $focus-background: $bmd-btn-focus-bg;
- $active-background: $bmd-btn-active-bg;
-
- @include bmd-button-variant($color,
- $background,
- $focus-background,
- $active-background,
- $border,
- $focus-border,
- $active-border);
-
- // inverse color scheme
- .bg-inverse & {
- $focus-background: $bmd-inverse-btn-focus-bg;
- $focus-border: $bmd-inverse-btn-focus-bg;
-
- $active-background: $bmd-inverse-btn-active-bg;
- $active-border: $bmd-inverse-btn-active-bg;
-
- @include bmd-button-variant($color,
- $background,
- $focus-background,
- $active-background,
- $border,
- $focus-border,
- $active-border);
- }
-
- // reverse the above for links
- &.btn-link {
- background-color: transparent;
- }
-}
-
-@mixin bmd-flat-button-color() {
- @include bmd-flat-button-variant($bmd-btn-color);
-
- // flat bg with text color variations
- &.btn-primary {
- @include bmd-flat-button-variant($btn-primary-bg);
- }
- &.btn-secondary {
- @include bmd-flat-button-variant($btn-secondary-color);
- }
- &.btn-info {
- @include bmd-flat-button-variant($btn-info-bg);
- }
- &.btn-success {
- @include bmd-flat-button-variant($btn-success-bg);
- }
- &.btn-warning {
- @include bmd-flat-button-variant($btn-warning-bg);
- }
- &.btn-danger {
- @include bmd-flat-button-variant($btn-danger-bg);
- }
-}
-
-@mixin bmd-outline-button-color() {
- &.btn-outline,
- &.btn-outline-primary,
- &.btn-outline-secondary,
- &.btn-outline-info,
- &.btn-outline-success,
- &.btn-outline-warning,
- &.btn-outline-danger {
- border-color: currentColor;
- border-style: solid;
- border-width: 1px;
- }
-
- // flat bg with text and border color variations
- &.btn-outline {
- @include bmd-flat-button-variant($bmd-btn-color, $bmd-btn-color, $bmd-btn-color, $bmd-btn-color);
- }
- &.btn-outline-primary {
- @include bmd-flat-button-variant($btn-primary-bg, $btn-primary-bg, $btn-primary-bg, $btn-primary-bg);
- }
- &.btn-outline-secondary {
- @include bmd-flat-button-variant($btn-secondary-color, $btn-secondary-color, $btn-secondary-color, $btn-secondary-color);
- }
- &.btn-outline-info {
- @include bmd-flat-button-variant($btn-info-bg, $btn-info-bg, $btn-info-bg, $btn-info-bg);
- }
- &.btn-outline-success {
- @include bmd-flat-button-variant($btn-success-bg, $btn-success-bg, $btn-success-bg, $btn-success-bg);
- }
- &.btn-outline-warning {
- @include bmd-flat-button-variant($btn-warning-bg, $btn-warning-bg, $btn-warning-bg, $btn-warning-bg);
- }
- &.btn-outline-danger {
- @include bmd-flat-button-variant($btn-danger-bg, $btn-danger-bg, $btn-danger-bg, $btn-danger-bg);
- }
-}
-
-@mixin bmd-raised-button-variant($color, $background, $border) {
- // FIXME: SPEC - this should be the 600 color, how can we get that programmatically if at all? Or are we limited to the color palette only?
- $focus-background: contrast-color(
- $background,
- darken($background, 3%),
- lighten($background, 3%)
- );
- $focus-border: darken($border, 12%);
-
- $active-background: $focus-background;
- $active-border: darken($border, 25%);
-
- @include bmd-button-variant($color,
- $background,
- $focus-background,
- $active-background,
- $border,
- $focus-border,
- $active-border);
-
- @include shadow-2dp-color($background);
-
- &:focus,
- &:active,
- &:hover{
- // remove this line if you want black shadows
- @include button-shadow-color($background);
- }
-
- &.btn-link{
- background-color: transparent;
- color: $background;
- box-shadow: none;
-
- &:hover,
- &:focus,
- &:active{
- background-color: transparent;
- color: $background;
- }
- }
-
-}
-
-@mixin bmd-raised-button-color() {
- &.btn-primary {
- @include bmd-raised-button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border-color);
- }
- &.btn-secondary {
- @include bmd-raised-button-variant($btn-secondary-color, $btn-secondary-bg, $btn-secondary-border-color);
- }
- &.btn-info {
- @include bmd-raised-button-variant($btn-info-color, $btn-info-bg, $btn-info-border-color);
- }
- &.btn-success {
- @include bmd-raised-button-variant($btn-success-color, $btn-success-bg, $btn-success-border-color);
- }
- &.btn-warning {
- @include bmd-raised-button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border-color);
- }
- &.btn-danger {
- @include bmd-raised-button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border-color);
- }
- &.btn-rose {
- @include bmd-raised-button-variant($btn-rose-color, $btn-rose-bg, $btn-rose-border-color);
- }
- &,
- &.btn-default{
- @include bmd-raised-button-variant($btn-default-color, $btn-default-bg, $btn-default-border-color);
- }
-}
-
-@mixin bmd-social-buttons(){
- &.btn-facebook {
- @include bmd-raised-button-variant($white, $social-facebook, $social-facebook);
- }
- &.btn-twitter {
- @include bmd-raised-button-variant($white, $social-twitter, $social-twitter);
- }
- &.btn-pinterest {
- @include bmd-raised-button-variant($white, $social-pinterest, $social-pinterest);
- }
- &.btn-google {
- @include bmd-raised-button-variant($white, $social-google, $social-google);
- }
- &.btn-linkedin {
- @include bmd-raised-button-variant($white, $social-linkedin, $social-linkedin);
- }
- &.btn-dribbble {
- @include bmd-raised-button-variant($white, $social-dribbble, $social-dribbble);
- }
- &.btn-github {
- @include bmd-raised-button-variant($white, $social-github, $social-github);
- }
- &.btn-youtube {
- @include bmd-raised-button-variant($white, $social-youtube, $social-youtube);
- }
- &.btn-instagram {
- @include bmd-raised-button-variant($white, $social-instagram, $social-instagram);
- }
- &.btn-reddit {
- @include bmd-raised-button-variant($white, $social-reddit, $social-reddit);
- }
- &.btn-tumblr {
- @include bmd-raised-button-variant($white, $social-tumblr, $social-tumblr);
- }
- &.btn-behance {
- @include bmd-raised-button-variant($white, $social-behance, $social-behance);
- }
+@mixin colored-shadows($value){
+ // new box shadow optimized for Tablets and Phones
+ box-shadow: 0 3px 3px 0 rgba($value, .15),
+ 0 3px 1px -2px rgba($value, .2),
+ 0 1px 5px 0 rgba($value, .15);
}
-@mixin undo-bs-tab-focus() {
- // clear out the tab-focus() from BS
- &,
- &:active,
- &:active:focus,
- &.active {
- &:focus,
- &.focus {
- outline: 0;
- box-shadow: none !important;
- }
- }
+@mixin colored-shadows-hover($value){
+ box-shadow: 0 14px 26px -12px rgba($value, .4),
+ 0 4px 23px 0 rgba($value, .15),
+ 0 8px 10px -5px rgba($value, .2);
}
diff --git a/assets/scss/material-kit/mixins/_colored-shadows.scss b/assets/scss/material-kit/mixins/_colored-shadows.scss
index 5a7d7747..f8175e8c 100644
--- a/assets/scss/material-kit/mixins/_colored-shadows.scss
+++ b/assets/scss/material-kit/mixins/_colored-shadows.scss
@@ -1,138 +1,5 @@
-@mixin shadow-big(){
- box-shadow: 0 16px 38px -12px rgba(0, 0, 0, $bmd-shadow-penumbra-opacity * 4),
- 0 4px 25px 0px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),
- 0 8px 10px -5px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);
-}
-
-@mixin shadow-big-image(){
- // new box shadow optimized for Tables and Phones
- box-shadow: 0 5px 15px -8px rgba(0, 0, 0, $bmd-shadow-ambient-opacity * 2),
- 0 8px 10px -5px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);
-}
-
-@mixin shadow-big-navbar(){
- box-shadow: 0 10px 20px -12px rgba(0, 0, 0, $bmd-shadow-penumbra-opacity * 3),
- 0 3px 20px 0px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),
- 0 8px 10px -5px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);
-}
-
@mixin shadow-big-color($color){
- // new box shadow optimized for Tables and Phones
- box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2),
- 0 13px 24px -11px rgba($color, 0.60);
-}
-
-@mixin shadow-small-color($color){
- // new box shadow optimized for Tablets and Phones
- box-shadow: 0 4px 20px 0px rgba(0, 0, 0, .14),
- 0 7px 10px -5px rgba($color, 0.4)
-}
-
-@mixin shadow-navbar-color($color){
- // new box shadow optimized for Tablets and Phones
-
- @if($color == $white-color) {
- box-shadow: 0 4px 18px 0px rgba(0, 0, 0, .12),
- 0 7px 10px -5px rgba(0,0,0, 0.15);
- }@else{
- box-shadow: 0 4px 20px 0px rgba(0, 0, 0, .14),
- 0 7px 12px -5px rgba($color, 0.46);
- }
-}
-
-@mixin shadow-2dp(){
- box-shadow: 0 2px 2px 0 rgba(0, 0, 0, $bmd-shadow-penumbra-opacity),
- 0 3px 1px -2px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),
- 0 1px 5px 0 rgba(0, 0, 0, $bmd-shadow-umbra-opacity);
-}
-
-@mixin shadow-4dp(){
- box-shadow: 0 4px 5px 0 rgba(0, 0, 0, $bmd-shadow-penumbra-opacity),
- 0 1px 10px 0 rgba(0, 0, 0, $bmd-shadow-ambient-opacity),
- 0 2px 4px -1px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);
-}
-
-@mixin shadow-6dp(){
- box-shadow: 0 6px 10px 0 rgba(0, 0, 0, $bmd-shadow-penumbra-opacity),
- 0 1px 18px 0 rgba(0, 0, 0, $bmd-shadow-ambient-opacity),
- 0 3px 5px -1px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);
-}
-
-@mixin shadow-8dp(){
- box-shadow: 0 8px 10px 1px rgba(0, 0, 0, $bmd-shadow-penumbra-opacity),
- 0 3px 14px 2px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),
- 0 5px 5px -3px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);
-}
-
-
-@mixin shadow-16dp(){
- box-shadow: 0 16px 24px 2px rgba(0, 0, 0, $bmd-shadow-penumbra-opacity),
- 0 6px 30px 5px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),
- 0 8px 10px -5px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);
-}
-
-@mixin shadow-2dp-color($color){
- box-shadow: 0 2px 2px 0 rgba($color, $bmd-shadow-penumbra-opacity),
- 0 3px 1px -2px rgba($color, $bmd-shadow-umbra-opacity),
- 0 1px 5px 0 rgba($color, $bmd-shadow-ambient-opacity);
-}
-
-@mixin shadow-4dp-color($color){
- box-shadow: 0 4px 5px 0 rgba($color, $bmd-shadow-penumbra-opacity),
- 0 1px 10px 0 rgba($color, $bmd-shadow-ambient-opacity),
- 0 2px 4px -1px rgba($color, $bmd-shadow-umbra-opacity);
-}
-
-@mixin shadow-8dp-color($color){
- box-shadow: 0 8px 10px 1px rgba($color, $bmd-shadow-penumbra-opacity),
- 0 3px 14px 2px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),
- 0 5px 5px -3px rgba($color, $bmd-shadow-umbra-opacity);
-}
-
-@mixin shadow-16dp-color($color){
- box-shadow: 0 16px 24px 2px rgba($color, $bmd-shadow-penumbra-opacity),
- 0 6px 30px 5px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),
- 0 8px 10px -5px rgba($color, $bmd-shadow-umbra-opacity);
-}
-
-@mixin button-shadow-color($color){
- box-shadow: 0 14px 26px -12px rgba($color, $bmd-shadow-penumbra-opacity * 3),
- 0 4px 23px 0px rgba(0,0,0, $bmd-shadow-ambient-opacity),
- 0 8px 10px -5px rgba($color, $bmd-shadow-umbra-opacity);
-}
-
-@mixin shadow-z-1(){
- box-shadow:
- 0 1px 6px 0 rgba(0, 0, 0, 0.12),
- 0 1px 6px 0 rgba(0, 0, 0, 0.12);
-}
-
-@mixin shadow-z-1-hover(){
- box-shadow:
- 0 5px 11px 0 rgba(0, 0, 0, 0.18),
- 0 4px 15px 0 rgba(0, 0, 0, 0.15);
-}
-
-@mixin shadow-z-2(){
- box-shadow:
- 0 8px 17px 0 rgba(0, 0, 0, 0.2),
- 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-}
-
-@mixin shadow-z-3(){
- box-shadow:
- 0 12px 15px 0 rgba(0, 0, 0, 0.24),
- 0 17px 50px 0 rgba(0, 0, 0, 0.19);
-}
-
-@mixin shadow-z-4(){
- box-shadow:
- 0 16px 28px 0 rgba(0, 0, 0, 0.22),
- 0 25px 55px 0 rgba(0, 0, 0, 0.21);
-}
-
-@mixin shadow-z-5(){
- box-shadow:
- 0 27px 24px 0 rgba(0, 0, 0, 0.2),
- 0 40px 77px 0 rgba(0, 0, 0, 0.22);
+ // new box shadow optimized for Tablets and Phones
+ box-shadow: 0 4px 20px 0px rgba(0, 0, 0, .14),
+ 0 7px 10px -5px rgba($color, 0.4)
}
diff --git a/assets/scss/material-kit/mixins/_drawer.scss b/assets/scss/material-kit/mixins/_drawer.scss
deleted file mode 100644
index 9154fd15..00000000
--- a/assets/scss/material-kit/mixins/_drawer.scss
+++ /dev/null
@@ -1,253 +0,0 @@
-// Mixins to allow creation of additional custom drawer sizes when using the defaults at the same time
-
-@mixin bmd-drawer-x-out($size) {
- @each $side, $abbrev in (left: l, right: r) {
- .bmd-drawer-f-#{$abbrev} {
- > .bmd-layout-drawer {
- // position
- top: 0;
- #{$side}: 0;
-
- width: $size;
- height: 100%;
-
- @if $side == left {
- transform: translateX(
- -$size - 10px
- ); // initial position of drawer (closed), way off screen
- } @else {
- transform: translateX(
- $size + 10px
- ); // initial position of drawer (closed), way off screen
- }
- }
-
- > .bmd-layout-header,
- > .bmd-layout-content {
- margin-#{$side}: 0;
- }
- }
- }
-}
-
-@mixin bmd-drawer-y-out($size) {
- @each $side, $abbrev in (top: t, bottom: b) {
- .bmd-drawer-f-#{$abbrev} {
- > .bmd-layout-drawer {
- // position
- #{$side}: 0;
- left: 0;
-
- width: 100%;
- height: $size;
-
- @if $side == top {
- transform: translateY(
- -$size - 10px
- ); // initial position of drawer (closed), way off screen
- } @else {
- transform: translateY(
- $size + 10px
- ); // initial position of drawer (closed), way off screen
- }
- }
-
- > .bmd-layout-content {
- margin-#{$side}: 0;
- }
- }
- }
-}
-
-@function bmd-drawer-breakpoint-name($breakpoint, $suffix: "") {
- // e.g. &, &-sm, &-md, &-lg
- $name: "&-#{$breakpoint}#{$suffix}";
- @if $breakpoint == xs {
- $name: "&";
- }
- @return $name;
-}
-
-@mixin bmd-drawer-x-in($size) {
- @each $side, $abbrev in (left: l, right: r) {
- .bmd-drawer-f-#{$abbrev} {
- // Push - drawer will push the header and content (default behavior)
- > .bmd-layout-header {
- width: calc(100% - #{$size});
- margin-#{$side}: $size;
- }
-
- > .bmd-layout-drawer {
- transform: translateX(0);
- }
-
- > .bmd-layout-content {
- margin-#{$side}: $size;
- }
- }
- }
-}
-
-@mixin bmd-drawer-y-in($size) {
- @each $side, $abbrev in (top: t, bottom: b) {
- .bmd-drawer-f-#{$abbrev} {
- // 1. Push - drawer will push the header or content
- > .bmd-layout-header {
- @if $side == top {
- // only add margin-top on a header when the drawer is at the top
- margin-#{$side}: $size;
- }
- }
-
- > .bmd-layout-drawer {
- transform: translateY(0);
- }
-
- > .bmd-layout-content {
- @if $side == bottom {
- // only add margin-bottom on content when the drawer is at the bottom
- margin-#{$side}: $size;
- }
- }
- }
- }
-}
-
-// breakpoint based open to a particular size
-@mixin bmd-drawer-x-in-up($size, $breakpoint) {
- // e.g. &, &-sm, &-md, &-lg
- $name: bmd-drawer-breakpoint-name($breakpoint, "-up");
-
- .bmd-drawer-in {
- #{unquote($name)} {
- // bmd-drawer-in, bmd-drawer-in-sm, bmd-drawer-in-md, bmd-drawer-in-lg
-
- @if $breakpoint == xs {
- // bmd-drawer-in marker class (non-responsive)
- @include bmd-drawer-x-in($size);
- } @else {
- // responsive class
- @include media-breakpoint-up($breakpoint) {
- // bmd-drawer-f-(left and right) styles
- @include bmd-drawer-x-in($size);
- }
- }
- }
- }
-}
-
-// breakpoint based open to a particular size
-@mixin bmd-drawer-y-in-up($size, $breakpoint) {
- // e.g. &, &-sm, &-md, &-lg
- $name: bmd-drawer-breakpoint-name($breakpoint, "-up");
-
- .bmd-drawer-in {
- #{unquote($name)} {
- // bmd-drawer-in, bmd-drawer-in-sm, bmd-drawer-in-md, bmd-drawer-in-lg
-
- @if $breakpoint == xs {
- // bmd-drawer-in marker class (non-responsive)
- @include bmd-drawer-y-in($size);
- } @else {
- // responsive class
- @include media-breakpoint-up($breakpoint) {
- // bmd-drawer-f-(left and right) styles
- @include bmd-drawer-y-in($size);
- }
- }
- }
- }
-}
-
-@mixin bmd-drawer-x-overlay() {
- @include bmd-layout-backdrop-in();
-
- @each $side, $abbrev in (left: l, right: r) {
- .bmd-drawer-f-#{$abbrev} {
- > .bmd-layout-header,
- > .bmd-layout-content {
- width: 100%;
- margin-#{$side}: 0;
- }
- }
- }
-}
-
-@mixin bmd-drawer-y-overlay() {
- @include bmd-layout-backdrop-in();
-
- @each $side, $abbrev in (top: t, bottom: b) {
- .bmd-drawer-f-#{$abbrev} {
- > .bmd-layout-header {
- @if $side == top {
- // only add margin-top on a header when the drawer is at the top
- margin-#{$side}: 0;
- }
- }
-
- > .bmd-layout-content {
- @if $side == bottom {
- // only add margin-bottom on content when the drawer is at the bottom
- margin-#{$side}: 0;
- }
- }
- }
- }
-}
-
-// Overlay - left/right responsive overlay classes and marker class
-@mixin bmd-drawer-x-overlay-down($breakpoint) {
- // e.g. &, &-sm, &-md, &-lg
- $name: bmd-drawer-breakpoint-name($breakpoint, "-down");
-
- .bmd-drawer-overlay {
- #{unquote($name)} {
- // bmd-drawer-overlay, bmd-drawer-overlay-sm, bmd-drawer-overlay-md, bmd-drawer-overlay-lg
-
- // x - left/right
-
- @if $breakpoint == xs {
- // overlay marker class (non-responsive)
-
- // Must double up on the .bmd-drawer-overlay class to increase specificity otherwise the
- // responsive bmd-drawer-in-* media queries above win (and overlay is ignored)
- &.bmd-drawer-overlay {
- @include bmd-drawer-x-overlay();
- }
- } @else {
- @include media-breakpoint-down($breakpoint) {
- // overlay responsive class
- @include bmd-drawer-x-overlay();
- }
- }
- }
- }
-}
-
-// Overlay - top/bottom responsive overlay classes and marker class
-@mixin bmd-drawer-y-overlay-down($breakpoint) {
- // e.g. &, &-sm, &-md, &-lg
- $name: bmd-drawer-breakpoint-name($breakpoint, "-down");
-
- .bmd-drawer-overlay {
- #{unquote($name)} {
- // bmd-drawer-overlay, bmd-drawer-overlay-sm, bmd-drawer-overlay-md, bmd-drawer-overlay-lg
- //// y - top/bottom
-
- @if $breakpoint == xs {
- // overlay marker class (non-responsive)
-
- // Must double up on the .bmd-drawer-overlay class to increase specificity otherwise the
- // responsive bmd-drawer-in-* media queries above win (and overlay is ignored)
- &.bmd-drawer-overlay {
- @include bmd-drawer-y-overlay();
- }
- } @else {
- @include media-breakpoint-down($breakpoint) {
- // overlay responsive class
- @include bmd-drawer-y-overlay();
- }
- }
- }
- }
-}
diff --git a/assets/scss/material-kit/mixins/_forms.scss b/assets/scss/material-kit/mixins/_forms.scss
deleted file mode 100644
index 579f9c8d..00000000
--- a/assets/scss/material-kit/mixins/_forms.scss
+++ /dev/null
@@ -1,338 +0,0 @@
-@mixin bmd-disabled() {
- fieldset[disabled][disabled] &,
- &.disabled,
- &:disabled,
- &[disabled] {
- @content;
- }
-}
-
-// Placeholder text
-@mixin material-placeholder() {
- &::-moz-placeholder {@content; } // Firefox
- &:-ms-input-placeholder {@content; } // Internet Explorer 10+
- &::-webkit-input-placeholder {@content; } // Safari and Chrome
-}
-
-@mixin bmd-selection-color() {
- .radio label,
- .radio-inline,
- .checkbox label,
- .checkbox-inline,
- .switch label {
-
- &,
- .is-focused & {
- // form-group focus could change multiple checkboxes/radios, disable that change by using the same color as non-form-group is-focused
- color: $bmd-label-color;
-
- // correct the above focus color for disabled items
- label:has(input[type=radio][disabled]),
- // css 4 which is unlikely to work for a while, but no other pure css way.
- label:has(input[type=checkbox][disabled]),
- // css 4
- fieldset[disabled] & {
- &,
- &:hover,
- &:focus {
- color: $bmd-label-color;
- }
- }
- }
- }
-}
-
-@mixin bmd-radio-color($color) {
- &::after {
- border-color: $color;
- }
- &::before {
- background-color: $color;
- }
-}
-
-
-@mixin bmd-form-color($label-color, $label-color-focus, $border-color, $line-color) {
- [class^='bmd-label'],
- [class*=' bmd-label'] {
- color: $label-color;
- }
-
- // override BS and keep the border-color normal/grey so that overlaid focus animation draws attention
- .form-control {
- // underline animation color on focus
- $underline-background-image: linear-gradient(
- to top,
- $label-color-focus 2px,
- fade-out($label-color-focus, 1) 2px
- ),
- linear-gradient(
- to top,
- $line-color 1px,
- fade-out($line-color, 1) 1px
- );
- $underline-background-image-invalid: linear-gradient(
- to top,
- $bmd-invalid-underline 2px,
- fade-out($bmd-invalid-underline, 1) 2px
- ),
- linear-gradient(
- to top,
- $line-color 1px,
- fade-out($line-color, 1) 1px
- );
- $underline-background-image-readonly: linear-gradient(
- to top,
- $bmd-readonly-underline 1px,
- fade-out($bmd-readonly-underline, 1) 1px
- ),
- linear-gradient(
- to top,
- $line-color 1px,
- fade-out($line-color, 1) 1px
- );
- $underline-background-image-disabled: linear-gradient(
- to right,
- $line-color 0%,
- $line-color 30%,
- transparent 30%,
- transparent 100%
- );
-
- // bg image is always there, we just need to reveal it
- &,
- .is-focused & {
- background-image: $underline-background-image;
- }
-
- &:invalid {
- background-image: $underline-background-image-invalid;
- }
-
- &:read-only {
- background-image: $underline-background-image-readonly;
- }
-
- @include bmd-disabled() {
- background-image: $underline-background-image-disabled;
- background-repeat: repeat-x;
- background-size: 3px 1px;
- }
-
- // allow underline focus image and validation images to coexist
- &.form-control-success {
- &,
- .is-focused & {
- background-image: $underline-background-image, $form-icon-success;
- }
- }
- &.form-control-warning {
- &,
- .is-focused & {
- background-image: $underline-background-image, $form-icon-warning;
- }
- }
- &.form-control-danger {
- &,
- .is-focused & {
- background-image: $underline-background-image, $form-icon-danger;
- }
- }
- }
-
- .is-focused{
- // may or may not be a form-group or bmd-form-group
- // on focus set borders and labels to the validation color
-
- // Use the BS provided mixin for the bulk of the color
- @include form-validation-state("valid", $label-color);
-
- [class^='bmd-label'],
- [class*=' bmd-label'] {
- color: $label-color-focus;
- }
-
- .bmd-label-placeholder {
- color: $label-color; // keep the placeholder color
- }
-
- // Set the border and box shadow on specific inputs to match
- .form-control {
- border-color: $border-color;
- }
-
- .bmd-help {
- color: $bmd-label-color-inner-focus;
- }
- }
-}
-
-// must be broken out for reuse - webkit selector breaks firefox
-@mixin bmd-label-static($label-top, $static-font-size) {
- top: $label-top;
- left: 0;
- // must repeat because the previous (more generic) selectors
- font-size: $static-font-size;
-}
-
-@mixin bmd-form-size-variant($font-size, $label-top-margin, $variant-padding-y, $variant-line-height, $form-group-context: null) {
- $variant-input-height: (
- ($font-size * $variant-line-height) + ($variant-padding-y * 2)
- );
- // $static-font-size: ($bmd-bmd-label-static-size-ratio * $font-size);
- $floating-font-size: 0.6875rem;
- $static-font-size: 0.875rem;
- $help-font-size: ($bmd-help-size-ratio * $font-size);
-
- $label-static-top: $label-top-margin;
- $label-placeholder-top: $label-top-margin + $static-font-size +
- $variant-padding-y;
-
- // Set all line-heights preferably to 1 so that we can space out everything manually without additional added space
- // from the default line-height of 1.5
- .form-control,
- label,
- input::placeholder {
- line-height: $variant-line-height + 0.1;
- }
-
- label{
- color: $mdb-input-placeholder-color;
- }
-
- .radio label,
- label.radio-inline,
- .checkbox label,
- label.checkbox-inline,
- .switch label {
- line-height: $line-height-base; // keep the same line height for radios and checkboxes
- }
-
- // generic labels used anywhere in the form
- .checkbox label,
- .radio label,
- label {
- font-size: $font-size-sm;
- }
-
- // floating/placeholder default (no focus)
- .bmd-label-floating,
- .bmd-label-placeholder {
- top: $label-placeholder-top; // place the floating label to look like a placeholder with input padding
- }
-
- // floating focused/filled will look like static
- .is-focused,
- .is-filled {
- .bmd-label-floating {
- @include bmd-label-static($label-static-top, $floating-font-size);
- }
- }
-
- // static
- .bmd-label-static {
- @include bmd-label-static($label-static-top - 0.65, $static-font-size);
- }
-
- .bmd-help {
- margin-top: 0; // allow the input margin to set-off the top of the help-block
- font-size: $help-font-size;
- }
-
- // validation icon placement
- .form-control {
- &.form-control-success,
- &.form-control-warning,
- &.form-control-danger {
- $icon-bg-size: ($variant-input-height * .5) ($variant-input-height * .5);
- background-size: $bmd-form-control-bg-size, $icon-bg-size;
-
- &,
- &:focus,
- .bmd-form-group.is-focused & {
- padding-right: ($input-padding-x * 3);
- background-repeat: $bmd-form-control-bg-repeat-y, no-repeat;
- background-position: $bmd-form-control-bg-position,
- center right ($variant-input-height * .25);
- }
-
- &:focus,
- .bmd-form-group.is-focused & {
- background-size: $bmd-form-control-bg-size-active, $icon-bg-size;
- }
- }
- }
-}
-
-@mixin mdb-label-color-toggle-focus(){
- // override bootstrap focus and keep all the standard color (could be multiple radios in the form group)
- .form-group.is-focused & {
- color: $mdb-label-color;
-
- // on focus just darken the specific labels, do not turn them to the brand-primary
- &:hover,
- &:focus {
- color: $mdb-label-color-toggle-focus;
- }
-
- // correct the above focus color for disabled items
- fieldset[disabled] & {
- color: $mdb-label-color;
- }
- }
-}
-
-@mixin animation($value){
- -webkit-animation: $value;
- -moz-animation: $value;
- -o-animation: $value;
- -ms-animation: $value;
- animation: $value;
-}
-
-@mixin transform-scale3d($value){
- -webkit-transform: scale3d($value);
- -moz-transform: scale3d($value);
- -o-transform: scale3d($value);
- -ms-transform: scale3d($value);
- transform: scale3d($value);
-}
-
-@mixin create-colored-tags(){
- &.tag-primary{
- @include tag-color($primary);
- }
- &.tag-info {
- @include tag-color($info);
- }
- &.tag-success{
- @include tag-color($success);
- }
- &.tag-warning{
- @include tag-color($warning);
- }
- &.tag-danger{
- @include tag-color($danger);
- }
- &.tag-rose{
- @include tag-color($rose);
- }
-}
-@mixin tag-color ($color){
- .tag{
- background-color: $color;
- color: $white-color;
- .tagsinput-remove-link{
- color: $white-color;
- }
- }
- .tagsinput-add{
- color: $color;
- }
-}
-
-
-// variations(unquote(""), background-color, #FFF);
-@mixin variations($component, $selector-suffix, $mdb-param-1, $color-default) {
- // @include generic-variations($component, $selector-suffix, $color-default, "variations-content", $mdb-param-1);
-}
diff --git a/assets/scss/material-kit/mixins/_hover.scss b/assets/scss/material-kit/mixins/_hover.scss
index ff52276b..19872ff7 100644
--- a/assets/scss/material-kit/mixins/_hover.scss
+++ b/assets/scss/material-kit/mixins/_hover.scss
@@ -1,9 +1,27 @@
-@mixin bmd-hover-focus-active {
- // add the .active to the whole mix of hover-focus-active
- &.active {
+
+@mixin hover() {
+ &:hover { @content; }
+}
+
+@mixin hover-focus() {
+ &:hover,
+ &:focus {
@content;
}
- @include hover-focus-active() {
+}
+
+@mixin plain-hover-focus() {
+ &,
+ &:hover,
+ &:focus {
+ @content;
+ }
+}
+
+@mixin hover-focus-active() {
+ &:hover,
+ &:focus,
+ &:active {
@content;
}
}
diff --git a/assets/scss/material-kit/mixins/_layout.scss b/assets/scss/material-kit/mixins/_layout.scss
deleted file mode 100644
index 059a89bd..00000000
--- a/assets/scss/material-kit/mixins/_layout.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-// Generates the `.in` style for the generic backdrop used components such as the drawer in overlay mode
-@mixin bmd-layout-backdrop-in() {
- > .bmd-layout-backdrop {
- .in {
- visibility: visible;
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- @supports (pointer-events: auto) {
- &.in {
- pointer-events: auto;
- opacity: 1;
- }
- }
- }
-}
diff --git a/assets/scss/material-kit/mixins/_navbar-colors.scss b/assets/scss/material-kit/mixins/_navbar-colors.scss
deleted file mode 100644
index 3756faf7..00000000
--- a/assets/scss/material-kit/mixins/_navbar-colors.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-@mixin navbar-colors($color, $link-color) {
- color: $link-color;
- background-color: $color !important;
- @include shadow-navbar-color($color);
-
- .dropdown-item:hover,
- .dropdown-item:focus{
- @include shadow-small-color($color);
- background-color: $color;
- color: $link-color;
- }
-
- .navbar-toggler{
- .navbar-toggler-icon{
- background-color: $link-color;
- }
- }
-}
diff --git a/assets/scss/material-kit/mixins/_navs.scss b/assets/scss/material-kit/mixins/_navs.scss
deleted file mode 100644
index 4b983403..00000000
--- a/assets/scss/material-kit/mixins/_navs.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-@mixin bmd-tabs-color($color, $active-color, $active-border, $disabled-link-color, $disabled-link-hover-color) {
- .nav-link {
- color: $color;
-
- &.active {
- color: $active-color;
- border-color: $active-border;
- @include hover-focus {
- border-color: $active-border;
- }
- }
-
- // Disabled state lightens text and removes hover/tab effects
- &.disabled {
- color: $disabled-link-color;
-
- @include plain-hover-focus {
- color: $disabled-link-hover-color;
- }
- }
- }
-}
diff --git a/assets/scss/material-kit/mixins/_social-buttons.scss b/assets/scss/material-kit/mixins/_social-buttons.scss
new file mode 100644
index 00000000..56b95e23
--- /dev/null
+++ b/assets/scss/material-kit/mixins/_social-buttons.scss
@@ -0,0 +1,46 @@
+// for social buttons
+@mixin social-buttons-color ($color, $state-color) {
+ background-color: $color;
+ color: $white;
+
+ &:focus,
+ &:hover {
+ background-color: $state-color;
+ color: $white;
+ }
+ &:active,
+ &:focus,
+ &:active:focus {
+ box-shadow: none;
+ }
+
+ &.btn-simple {
+ color: $state-color;
+ background-color: transparent;
+ background-image: none !important;
+ box-shadow: none;
+ border: none;
+
+ &:hover,
+ &:focus,
+ &:hover:focus,
+ &:active,
+ &:hover:focus:active {
+ color: $state-color;
+ background: transparent !important;
+ box-shadow: none !important;
+ }
+ }
+
+
+ &.btn-neutral {
+ color: $color;
+ background-color: $white;
+
+ &:hover,
+ &:focus,
+ &:active {
+ color: $state-color;
+ }
+ }
+}
diff --git a/assets/scss/material-kit/mixins/_type.scss b/assets/scss/material-kit/mixins/_type.scss
deleted file mode 100644
index e81ca893..00000000
--- a/assets/scss/material-kit/mixins/_type.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-@mixin headings() {
- h1,
- h2,
- h3,
- h4,
- h5,
- h6 {
- @content;
- }
-}
-
-// 14sp font
-%std-font {
- font-size: .875rem;
-}
diff --git a/assets/scss/material-kit/mixins/_utilities.scss b/assets/scss/material-kit/mixins/_utilities.scss
deleted file mode 100644
index 456f76ef..00000000
--- a/assets/scss/material-kit/mixins/_utilities.scss
+++ /dev/null
@@ -1,107 +0,0 @@
-@function calc-top($line-height-base, $font-size, $component-height) {
- @return (($line-height-base * $font-size) - $component-height) / 2; // vertical center of line-height
-}
-
-// Emulate the less #contrast function
-// TODO: this may be useful for the inverse theme, but if not, remove (it is unused after the removal of fullpalette)
-// contrast-color and brightness borrowed from compass
-// Copyright (c) 2009-2014 Christopher M. Eppstein
-// Complies with license: https://github.com/Compass/compass/blob/stable/LICENSE.markdown
-@function contrast-color($color, $dark: $contrasted-dark-default, $light: $contrasted-light-default, $threshold: null) {
- @if $threshold {
- // Deprecated in Compass 0.13
- @warn "The $threshold argment to contrast-color is no longer needed and will be removed in the next release.";
- }
-
- @if $color == null {
- @return null;
- } @else {
- $color-brightness: brightness($color);
- $dark-text-brightness: brightness($dark);
- $light-text-brightness: brightness($light);
- @return if(abs($color-brightness - $light-text-brightness) > abs($color-brightness - $dark-text-brightness), $light, $dark);
- }
-}
-
-@function brightness($color) {
- @if type-of($color) == color {
- @return (red($color) * 0.299 + green($color) * 0.587 + blue($color) * 0.114) / 255 * 100%;
- } @else {
- @return unquote("brightness(#{$color})");
- }
-}
-
-@mixin linear-gradient($color1, $color2){
- background: $color1; /* For browsers that do not support gradients */
- background: -webkit-linear-gradient(60deg, $color1 , $color2); /* For Safari 5.1 to 6.0 */
- background: -o-linear-gradient(60deg, $color1, $color2); /* For Opera 11.1 to 12.0 */
- background: -moz-linear-gradient(60deg, $color1, $color2); /* For Firefox 3.6 to 15 */
- background: linear-gradient(60deg, $color1 , $color2); /* Standard syntax */
-}
-
-@mixin radial-gradient($extern-color, $center-color){
- background: $extern-color;
- background: -moz-radial-gradient(center, ellipse cover, $center-color 0%, $extern-color 100%); /* FF3.6+ */
- background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,$center-color), color-stop(100%,$extern-color)); /* Chrome,Safari4+ */
- background: -webkit-radial-gradient(center, ellipse cover, $center-color 0%,$extern-color 100%); /* Chrome10+,Safari5.1+ */
- background: -o-radial-gradient(center, ellipse cover, $center-color 0%,$extern-color 100%); /* Opera 12+ */
- background: -ms-radial-gradient(center, ellipse cover, $center-color 0%,$extern-color 100%); /* IE10+ */
- background: radial-gradient(ellipse at center, $center-color 0%,$extern-color 100%); /* W3C */
- background-size: 550% 450%;
-}
-
-@mixin badges-color($color){
- .tag{
- background-color: $color;
- color: $white-color;
-
- .tagsinput-remove-link{
- color: $white-color;
- }
- }
-}
-
-@mixin create-colored-badges(){
- &.primary-badge{
- @include badges-color($primary);
- }
- &.info-badge {
- @include badges-color($info);
- }
- &.success-badge{
- @include badges-color($success);
- }
- &.warning-badge{
- @include badges-color($warning);
- }
- &.danger-badge{
- @include badges-color($danger);
- }
- &.rose-badge{
- @include badges-color($rose);
- }
-}
-
-@mixin badge-color() {
- &.badge-primary{
- background-color: $primary;
- }
- &.badge-info {
- background-color: $info;
- }
- &.badge-success{
- background-color: $success;
- }
- &.badge-warning{
- background-color: $warning;
- }
- &.badge-danger{
- background-color: $danger;
- }
- &.badge-rose{
- background-color: $rose;
- }
- &.badge-default{
- background-color: $gray-light;
- }
-}
diff --git a/assets/scss/material-kit/mixins/_vendor.scss b/assets/scss/material-kit/mixins/_vendor.scss
new file mode 100644
index 00000000..e1649819
--- /dev/null
+++ b/assets/scss/material-kit/mixins/_vendor.scss
@@ -0,0 +1,51 @@
+@mixin transform-translate-y($value) {
+ -webkit-transform: translate3d(0, $value, 0);
+ -moz-transform: translate3d(0, $value, 0);
+ -o-transform: translate3d(0, $value, 0);
+ -ms-transform: translate3d(0, $value, 0);
+ transform: translate3d(0, $value, 0);
+}
+@mixin perspective($value) {
+ -webkit-perspective: $value;
+ -moz-perspective: $value;
+ -o-perspective: $value;
+ -ms-perspective: $value;
+ perspective: $value;
+}
+@mixin transitions($time, $type) {
+ -webkit-transition: all $time $type;
+ -moz-transition: all $time $type;
+ -o-transition: all $time $type;
+ -ms-transition: all $time $type;
+ transition: all $time $type;
+}
+@mixin transitions-property($property, $time, $type) {
+ -webkit-transition: $property $time $type;
+ -moz-transition: $property $time $type;
+ -o-transition: $property $time $type;
+ -ms-transition: $property $time $type;
+ transition: $property $time $type;
+}
+@mixin transform-style($type){
+ -webkit-transform-style: $type;
+ -moz-transform-style: $type;
+ -o-transform-style: $type;
+ -ms-transform-style: $type;
+ transform-style: $type;
+}
+
+@mixin backface-visibility($type){
+ -webkit-backface-visibility: $type;
+ -moz-backface-visibility: $type;
+ -o-backface-visibility: $type;
+ -ms-backface-visibility: $type;
+ backface-visibility: $type;
+}
+
+@mixin rotateY-180() {
+ -webkit-transform: rotateY( 180deg );
+ -moz-transform: rotateY( 180deg );
+ -o-transform: rotateY( 180deg );
+ -ms-transform: rotateY(180deg);
+ transform: rotateY( 180deg );
+}
diff --git a/assets/scss/material-kit/mixins/mixins.scss b/assets/scss/material-kit/mixins/mixins.scss
new file mode 100644
index 00000000..da4a45cf
--- /dev/null
+++ b/assets/scss/material-kit/mixins/mixins.scss
@@ -0,0 +1,6 @@
+@import "badge";
+@import "buttons";
+@import "hover";
+@import "colored-shadows";
+@import "social-buttons";
+@import "vendor";
diff --git a/assets/scss/material-kit/plugins/_plugin-datetime-picker.scss b/assets/scss/material-kit/plugins/_plugin-datetime-picker.scss
deleted file mode 100644
index 04dbc2e4..00000000
--- a/assets/scss/material-kit/plugins/_plugin-datetime-picker.scss
+++ /dev/null
@@ -1,435 +0,0 @@
-/*!
- * Datetimepicker for Bootstrap 3
- * ! version : 4.17.37
- * https://github.com/Eonasdan/bootstrap-datetimepicker/
- */
- $bs-datetimepicker-timepicker-font-size: 1.2em !default;
- $bs-datetimepicker-active-bg: $primary !default;
- $bs-datetimepicker-active-color: $white-color !default;
- $bs-datetimepicker-border-radius: $border-radius-base;
- $bs-datetimepicker-btn-hover-bg: #eee !default;
- $bs-datetimepicker-disabled-color: $gray-lighter !default;
- $bs-datetimepicker-alternate-color: $gray-light !default;
- $bs-datetimepicker-secondary-border-color: #ccc !default;
- $bs-datetimepicker-secondary-border-color-rgba: rgba(0, 0, 0, 0.2) !default;
- $bs-datetimepicker-primary-border-color: white !default;
- $bs-datetimepicker-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !default;
-
-.sr-only {
- position: absolute;
- width: 1px;
- height: 1px;
- margin: -1px;
- padding: 0;
- overflow: hidden;
- clip: rect(0,0,0,0);
- border: 0;
-}
-
-
-.bootstrap-datetimepicker-widget {
- list-style: none;
-
-
- a{
- &:hover{
- box-shadow: none !important;
- }
- .btn{
- &:hover{
- background-color: transparent;
- }
- }
- }
-
- &.dropdown-menu {
- padding: 4px;
- width: 19em;
-
- &.timepicker-sbs {
- @media (min-width: 768px) {
- width: 38em;
- }
-
- @media (min-width: 991px) {
- width: 38em;
- }
-
- @media (min-width: 1200px) {
- width: 38em;
- }
- }
-
- &.bottom {
-
- &:before,
- &:after{
- right: auto;
- left: 12px
- }
- }
-
- &.top {
- margin-top: auto;
- margin-bottom: 27px;
-
- &.open{
- margin-top: auto;
- margin-bottom: 27px;
- }
- }
-
-
-
- &.pull-right {
- &:before {
- left: auto;
- right: 6px;
- }
-
- &:after {
- left: auto;
- right: 7px;
- }
- }
- }
-
- .list-unstyled {
- margin: 0;
-
-
- }
-
- a[data-action] {
- padding: 0;
- margin: 0;
- border-width: 0;
- background-color: transparent;
- color: $primary;
- box-shadow: none;
-
- &:hover{
- background-color: transparent;
-
- span{
- background-color: $bs-datetimepicker-btn-hover-bg;
- color: $primary;
- }
- }
- }
-
- a[data-action]:active {
- box-shadow: none;
- }
-
- .timepicker-hour, .timepicker-minute, .timepicker-second {
- width: 40px;
- height: 40px;
- line-height: 40px;
- font-weight: $font-weight-light;
- font-size: $h4-font-size;
- margin: 0;
- border-radius: 50%;
- }
-
- button[data-action] {
- width: 38px;
- height: 38px;
- margin-right: 3px;
- padding: 0;
-
- }
-
- .btn[data-action="incrementHours"]::after {
- @extend .sr-only;
- content: "Increment Hours";
- }
-
- .btn[data-action="incrementMinutes"]::after {
- @extend .sr-only;
- content: "Increment Minutes";
- }
-
- .btn[data-action="decrementHours"]::after {
- @extend .sr-only;
- content: "Decrement Hours";
- }
-
- .btn[data-action="decrementMinutes"]::after {
- @extend .sr-only;
- content: "Decrement Minutes";
- }
-
- .btn[data-action="showHours"]::after {
- @extend .sr-only;
- content: "Show Hours";
- }
-
- .btn[data-action="showMinutes"]::after {
- @extend .sr-only;
- content: "Show Minutes";
- }
-
- .btn[data-action="togglePeriod"]::after {
- @extend .sr-only;
- content: "Toggle AM/PM";
- }
-
- .btn[data-action="clear"]::after {
- @extend .sr-only;
- content: "Clear the picker";
- }
-
- .btn[data-action="today"]::after {
- @extend .sr-only;
- content: "Set the date to today";
- }
-
- .picker-switch {
- text-align: center;
- border-radius: $bs-datetimepicker-border-radius;
- font-size: 0.875rem;
-
- &::after {
- @extend .sr-only;
- content: "Toggle Date and Time Screens";
- }
-
- td {
- padding: 0;
- margin: 0;
- height: auto;
- width: auto;
- line-height: inherit;
-
- span {
- line-height: 2.5;
- height: 2.5em;
- width: 100%;
- border-radius: $bs-datetimepicker-border-radius;
- margin: 2px 0px !important;
- }
- }
- }
-
- table {
- width: 100%;
- margin: 0;
-
- &.table-condensed{
- tr > td{
- text-align: center;
- }
- }
-
-
- & td > div,
- & th > div {
- @extend .animation-transition-fast;
- text-align: center;
-
- }
-
-
- & th {
- @extend .animation-transition-fast;
-
- height: 20px;
- line-height: 20px;
- width: 20px;
- font-weight: $font-weight-bold;
-
- &.picker-switch {
- width: 145px;
- }
-
- &.disabled,
- &.disabled:hover {
- background: none;
- color: $bs-datetimepicker-disabled-color;
- cursor: not-allowed;
- }
-
- &.prev span,
- &.next span{
- border-radius: $bs-datetimepicker-border-radius;
- height: 27px;
- width: 27px;
- line-height: 28px;
- font-size: 12px;
- border-radius: 50%;
- text-align: center;
-
- }
-
- &.prev::after {
- @extend .sr-only;
- content: "Previous Month";
- }
-
- &.next::after {
- @extend .sr-only;
- content: "Next Month";
- }
-
- &.dow{
- text-align: center;
- border-bottom: 1px solid $gray-lighter;
- font-size: $font-size-small;
- text-transform: uppercase;
- color: $gray-dark;
- font-weight: $font-weight-default;
- padding-bottom: 5px;
- padding-top: $padding-default-vertical;
- }
- }
-
- & thead tr:first-child th{
- cursor: pointer;
-
- &:hover span,
- &.picker-switch:hover{
- background: $bs-datetimepicker-btn-hover-bg;
- }
- }
-
- & td{
-
- > div {
- border-radius: $bs-datetimepicker-border-radius;
-
- height: 54px;
- line-height: 54px;
- width: 54px;
- text-align: center;
- }
-
- &.cw > div {
- font-size: .8em;
- height: 20px;
- line-height: 20px;
- color: $bs-datetimepicker-alternate-color;
- }
-
- &.day > div {
- height: 30px;
- line-height: 30px;
- width: 30px;
- text-align: center;
- padding: 0px;
- border-radius: 50%;
- position: relative;
- z-index: -1;
- color: $black-color;
- font-size: 0.875rem;
- }
-
- &.minute > div,
- &.hour > div{
- border-radius: 50%;
- }
-
- &.day:hover > div,
- &.hour:hover > div,
- &.minute:hover > div,
- &.second:hover > div {
- background: $bs-datetimepicker-btn-hover-bg;
- cursor: pointer;
- }
-
- &.old > div,
- &.new > div{
- color: $bs-datetimepicker-alternate-color;
- }
-
- &.today > div{
- position: relative;
- }
-
- &.active > div,
- &.active:hover > div {
- background-color: $bs-datetimepicker-active-bg;
- color: $bs-datetimepicker-active-color;
- @include shadow-small-color($primary);
- }
-
- &.active.today:before > div{
- border-bottom-color: $white-color;
- }
-
- &.disabled > div,
- &.disabled:hover > div {
- background: none;
- color: $bs-datetimepicker-disabled-color;
- cursor: not-allowed;
- }
-
- span {
- @extend .animation-transition-fast;
-
- display: inline-block;
- width: 40px;
- height: 40px;
- line-height: 40px;
- margin: 3px 3px;
- cursor: pointer;
- border-radius: 50%;
- text-align: center;
-
- &:hover {
- background: $bs-datetimepicker-btn-hover-bg;
- }
-
- &.active {
- background-color: $bs-datetimepicker-active-bg;
- color: $bs-datetimepicker-active-color;
- }
-
- &.old {
- color: $bs-datetimepicker-alternate-color;
- }
-
- &.disabled,
- &.disabled:hover {
- background: none;
- color: $bs-datetimepicker-disabled-color;
- cursor: not-allowed;
- }
- }
- }
- }
-
- .timepicker-picker,
- .timepicker-hours,
- .timepicker-minutes{
- span{
- border-radius: 50% !important;
- }
- }
-
- &.usetwentyfour {
- td.hour {
- height: 27px;
- line-height: 27px;
- }
- }
-}
-
-.input-group.date {
- & .input-group-addon {
- cursor: pointer;
- }
-}
-
-
-.table-condensed>tbody>tr>td,
-.table-condensed>tbody>tr>th,
-.table-condensed>tfoot>tr>td,
-.table-condensed>tfoot>tr>th,
-.table-condensed>thead>tr>td,
-.table-condensed>thead>tr>th{
- padding: 1px;
- text-align: center;
- z-index: 1;
- cursor: pointer;
-}
diff --git a/assets/scss/material-kit/plugins/free/_flatpickr.scss b/assets/scss/material-kit/plugins/free/_flatpickr.scss
new file mode 100644
index 00000000..bf20bd83
--- /dev/null
+++ b/assets/scss/material-kit/plugins/free/_flatpickr.scss
@@ -0,0 +1,878 @@
+.flatpickr-calendar {
+ background: transparent;
+ opacity: 0;
+ display: none;
+ text-align: center;
+ visibility: hidden;
+ padding: 0;
+ -webkit-animation: none;
+ animation: none;
+ direction: ltr;
+ border: 0;
+ font-size: 14px;
+ line-height: 24px;
+ border-radius: 0.75rem;
+ position: absolute;
+ width: 307.875px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ -ms-touch-action: manipulation;
+ touch-action: manipulation;
+ background: #fff;
+ -webkit-box-shadow: $box-shadow-lg;
+ transform: $dropdown-transform;
+}
+.flatpickr-calendar.open,
+.flatpickr-calendar.inline {
+ opacity: 1;
+ max-height: 640px;
+ visibility: visible;
+ transform: $dropdown-transform-show;
+}
+.flatpickr-calendar.open {
+ display: inline-block;
+ z-index: 99999;
+}
+.flatpickr-calendar.animate.open {
+ -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
+ animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
+}
+.flatpickr-calendar.inline {
+ display: block;
+ position: relative;
+ top: 2px;
+}
+.flatpickr-calendar.static {
+ position: absolute;
+ top: calc(100% + 2px);
+}
+.flatpickr-calendar.static.open {
+ z-index: 999;
+ display: block;
+}
+.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important;
+}
+.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
+ -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
+ box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
+}
+.flatpickr-calendar .hasWeeks .dayContainer,
+.flatpickr-calendar .hasTime .dayContainer {
+ border-bottom: 0;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.flatpickr-calendar .hasWeeks .dayContainer {
+ border-left: 0;
+}
+.flatpickr-calendar.hasTime .flatpickr-time {
+ height: 40px;
+ border-top: 1px solid #e6e6e6;
+}
+.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
+ height: auto;
+}
+.flatpickr-calendar:before,
+.flatpickr-calendar:after {
+ position: absolute;
+ display: block;
+ pointer-events: none;
+ border: solid transparent;
+ content: '';
+ height: 0;
+ width: 0;
+ left: 22px;
+}
+.flatpickr-calendar.rightMost:before,
+.flatpickr-calendar.arrowRight:before,
+.flatpickr-calendar.rightMost:after,
+.flatpickr-calendar.arrowRight:after {
+ left: auto;
+ right: 22px;
+}
+.flatpickr-calendar.arrowCenter:before,
+.flatpickr-calendar.arrowCenter:after {
+ left: 50%;
+ right: 50%;
+}
+.flatpickr-calendar:before {
+ border-width: 5px;
+ margin: 0 -5px;
+}
+.flatpickr-calendar:after {
+ border-width: 4px;
+ margin: 0 -4px;
+}
+.flatpickr-calendar.arrowTop:before,
+.flatpickr-calendar.arrowTop:after {
+ bottom: 100%;
+}
+.flatpickr-calendar.arrowTop:before {
+ border-bottom-color: #fff;
+}
+.flatpickr-calendar.arrowTop:after {
+ border-bottom-color: #fff;
+}
+.flatpickr-calendar.arrowBottom:before,
+.flatpickr-calendar.arrowBottom:after {
+ top: 100%;
+}
+.flatpickr-calendar.arrowBottom:before {
+ border-top-color: #e6e6e6;
+}
+.flatpickr-calendar.arrowBottom:after {
+ border-top-color: #fff;
+}
+.flatpickr-calendar:focus {
+ outline: 0;
+}
+.flatpickr-wrapper {
+ position: relative;
+ display: inline-block;
+}
+.flatpickr-months {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+}
+.flatpickr-months .flatpickr-month {
+ background: transparent;
+ color: #344767;
+ fill: rgba(0,0,0,0.8);
+ height: 34px;
+ line-height: 1;
+ text-align: center;
+ position: relative;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ overflow: hidden;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+}
+.flatpickr-months .flatpickr-prev-month,
+.flatpickr-months .flatpickr-next-month {
+ text-decoration: none;
+ cursor: pointer;
+ position: absolute;
+ top: 0;
+ height: 34px;
+ padding: 10px;
+ z-index: 3;
+ color: rgba(0,0,0,0.9);
+ fill: rgba(0,0,0,0.9);
+}
+.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
+.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
+ display: none;
+}
+.flatpickr-months .flatpickr-prev-month i,
+.flatpickr-months .flatpickr-next-month i {
+ position: relative;
+}
+.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
+.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
+/*
+ /*rtl:begin:ignore*/
+/*
+ */
+ left: 0;
+/*
+ /*rtl:end:ignore*/
+/*
+ */
+}
+/*
+ /*rtl:begin:ignore*/
+/*
+ /*rtl:end:ignore*/
+.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
+.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
+/*
+ /*rtl:begin:ignore*/
+/*
+ */
+ right: 0;
+/*
+ /*rtl:end:ignore*/
+/*
+ */
+}
+/*
+ /*rtl:begin:ignore*/
+/*
+ /*rtl:end:ignore*/
+.flatpickr-months .flatpickr-prev-month:hover,
+.flatpickr-months .flatpickr-next-month:hover {
+ color: #959ea9;
+}
+.flatpickr-months .flatpickr-prev-month:hover svg,
+.flatpickr-months .flatpickr-next-month:hover svg {
+ fill: #f64747;
+}
+.flatpickr-months .flatpickr-prev-month svg,
+.flatpickr-months .flatpickr-next-month svg {
+ width: 14px;
+ height: 14px;
+}
+.flatpickr-months .flatpickr-prev-month svg path,
+.flatpickr-months .flatpickr-next-month svg path {
+ -webkit-transition: fill 0.1s;
+ transition: fill 0.1s;
+ fill: inherit;
+}
+.numInputWrapper {
+ position: relative;
+ height: auto;
+}
+.numInputWrapper input,
+.numInputWrapper span {
+ display: inline-block;
+}
+.numInputWrapper input {
+ width: 100%;
+}
+.numInputWrapper input::-ms-clear {
+ display: none;
+}
+.numInputWrapper input::-webkit-outer-spin-button,
+.numInputWrapper input::-webkit-inner-spin-button {
+ margin: 0;
+ -webkit-appearance: none;
+}
+.numInputWrapper span {
+ position: absolute;
+ right: 0;
+ width: 14px;
+ padding: 0 4px 0 2px;
+ height: 50%;
+ line-height: 50%;
+ opacity: 0;
+ cursor: pointer;
+ border: 1px solid rgba(57,57,57,0.15);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.numInputWrapper span:hover {
+ background: rgba(0,0,0,0.1);
+}
+.numInputWrapper span:active {
+ background: rgba(0,0,0,0.2);
+}
+.numInputWrapper span:after {
+ display: block;
+ content: "";
+ position: absolute;
+}
+.numInputWrapper span.arrowUp {
+ top: 0;
+ border-bottom: 0;
+}
+.numInputWrapper span.arrowUp:after {
+ border-left: 4px solid transparent;
+ border-right: 4px solid transparent;
+ border-bottom: 4px solid rgba(57,57,57,0.6);
+ top: 26%;
+}
+.numInputWrapper span.arrowDown {
+ top: 50%;
+}
+.numInputWrapper span.arrowDown:after {
+ border-left: 4px solid transparent;
+ border-right: 4px solid transparent;
+ border-top: 4px solid rgba(57,57,57,0.6);
+ top: 40%;
+}
+.numInputWrapper span svg {
+ width: inherit;
+ height: auto;
+}
+.numInputWrapper span svg path {
+ fill: rgba(0,0,0,0.5);
+}
+.numInputWrapper:hover {
+ background: rgba(0,0,0,0.05);
+}
+.numInputWrapper:hover span {
+ opacity: 1;
+}
+.flatpickr-current-month {
+ font-size: 135%;
+ line-height: inherit;
+ font-weight: 300;
+ color: inherit;
+ position: absolute;
+ width: 75%;
+ left: 12.5%;
+ padding: 7.48px 0 0 0;
+ line-height: 1;
+ height: 34px;
+ display: inline-block;
+ text-align: center;
+ -webkit-transform: translate3d(0px, 0px, 0px);
+ transform: translate3d(0px, 0px, 0px);
+}
+.flatpickr-current-month span.cur-month {
+ font-family: inherit;
+ font-weight: 700;
+ color: inherit;
+ display: inline-block;
+ margin-left: 0.5ch;
+ padding: 0;
+}
+.flatpickr-current-month span.cur-month:hover {
+ background: rgba(0,0,0,0.05);
+}
+.flatpickr-current-month .numInputWrapper {
+ width: 6ch;
+ width: 7ch\0;
+ display: inline-block;
+}
+.flatpickr-current-month .numInputWrapper span.arrowUp:after {
+ border-bottom-color: rgba(0,0,0,0.9);
+}
+.flatpickr-current-month .numInputWrapper span.arrowDown:after {
+ border-top-color: rgba(0,0,0,0.9);
+}
+.flatpickr-current-month input.cur-year {
+ background: transparent;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ color: inherit;
+ cursor: text;
+ padding: 0 0 0 0.5ch;
+ margin: 0;
+ display: inline-block;
+ font-size: inherit;
+ font-family: inherit;
+ font-weight: 300;
+ line-height: inherit;
+ height: auto;
+ border: 0;
+ border-radius: 0;
+ vertical-align: initial;
+ -webkit-appearance: textfield;
+ -moz-appearance: textfield;
+ appearance: textfield;
+}
+.flatpickr-current-month input.cur-year:focus {
+ outline: 0;
+}
+.flatpickr-current-month input.cur-year[disabled],
+.flatpickr-current-month input.cur-year[disabled]:hover {
+ font-size: 100%;
+ color: rgba(0,0,0,0.5);
+ background: transparent;
+ pointer-events: none;
+}
+.flatpickr-current-month .flatpickr-monthDropdown-months {
+ appearance: menulist;
+ background: transparent;
+ border: none;
+ border-radius: 0;
+ box-sizing: border-box;
+ color: inherit;
+ cursor: pointer;
+ font-size: inherit;
+ font-family: inherit;
+ font-weight: 300;
+ height: auto;
+ line-height: inherit;
+ margin: -1px 0 0 0;
+ outline: none;
+ padding: 0 0 0 0.5ch;
+ position: relative;
+ vertical-align: initial;
+ -webkit-box-sizing: border-box;
+ -webkit-appearance: menulist;
+ -moz-appearance: menulist;
+ width: auto;
+}
+.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
+.flatpickr-current-month .flatpickr-monthDropdown-months:active {
+ outline: none;
+}
+.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
+ background: rgba(0,0,0,0.05);
+}
+.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
+ background-color: transparent;
+ outline: none;
+ padding: 0;
+}
+.flatpickr-weekdays {
+ background: transparent;
+ text-align: center;
+ overflow: hidden;
+ width: 100%;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ height: 28px;
+}
+.flatpickr-weekdays .flatpickr-weekdaycontainer {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+}
+span.flatpickr-weekday {
+ cursor: default;
+ font-size: 90%;
+ background: transparent;
+ color: rgba(0,0,0,0.54);
+ line-height: 1;
+ margin: 0;
+ text-align: center;
+ display: block;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ font-weight: bolder;
+}
+.dayContainer,
+.flatpickr-weeks {
+ padding: 1px 0 0 0;
+}
+.flatpickr-days {
+ position: relative;
+ overflow: hidden;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -webkit-align-items: flex-start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ width: 307.875px;
+}
+.flatpickr-days:focus {
+ outline: 0;
+}
+.dayContainer {
+ padding: 0;
+ outline: 0;
+ text-align: left;
+ width: 307.875px;
+ min-width: 307.875px;
+ max-width: 307.875px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ display: inline-block;
+ display: -ms-flexbox;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ -ms-flex-pack: justify;
+ -webkit-justify-content: space-around;
+ justify-content: space-around;
+ -webkit-transform: translate3d(0px, 0px, 0px);
+ transform: translate3d(0px, 0px, 0px);
+ opacity: 1;
+}
+.dayContainer + .dayContainer {
+ -webkit-box-shadow: -1px 0 0 #e6e6e6;
+ box-shadow: -1px 0 0 #e6e6e6;
+}
+.flatpickr-day {
+ background: none;
+ border: 1px solid transparent;
+ border-radius: 150px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ color: #344767;
+ cursor: pointer;
+ font-weight: 400;
+ width: 14.2857143%;
+ -webkit-flex-basis: 14.2857143%;
+ -ms-flex-preferred-size: 14.2857143%;
+ flex-basis: 14.2857143%;
+ max-width: 39px;
+ height: 39px;
+ line-height: 39px;
+ margin: 0;
+ display: inline-block;
+ position: relative;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ text-align: center;
+}
+.flatpickr-day.inRange,
+.flatpickr-day.prevMonthDay.inRange,
+.flatpickr-day.nextMonthDay.inRange,
+.flatpickr-day.today.inRange,
+.flatpickr-day.prevMonthDay.today.inRange,
+.flatpickr-day.nextMonthDay.today.inRange,
+.flatpickr-day:hover,
+.flatpickr-day.prevMonthDay:hover,
+.flatpickr-day.nextMonthDay:hover,
+.flatpickr-day:focus,
+.flatpickr-day.prevMonthDay:focus,
+.flatpickr-day.nextMonthDay:focus {
+ cursor: pointer;
+ outline: 0;
+ background: #e6e6e6;
+ border-color: #e6e6e6;
+}
+.flatpickr-day.today {
+ border-color: #959ea9;
+}
+.flatpickr-day.today:hover,
+.flatpickr-day.today:focus {
+ border-color: #959ea9;
+ background: #959ea9;
+ color: #fff;
+}
+.flatpickr-day.selected,
+.flatpickr-day.startRange,
+.flatpickr-day.endRange,
+.flatpickr-day.selected.inRange,
+.flatpickr-day.startRange.inRange,
+.flatpickr-day.endRange.inRange,
+.flatpickr-day.selected:focus,
+.flatpickr-day.startRange:focus,
+.flatpickr-day.endRange:focus,
+.flatpickr-day.selected:hover,
+.flatpickr-day.startRange:hover,
+.flatpickr-day.endRange:hover,
+.flatpickr-day.selected.prevMonthDay,
+.flatpickr-day.startRange.prevMonthDay,
+.flatpickr-day.endRange.prevMonthDay,
+.flatpickr-day.selected.nextMonthDay,
+.flatpickr-day.startRange.nextMonthDay,
+.flatpickr-day.endRange.nextMonthDay {
+ background: #569ff7;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ color: #fff;
+ border-color: #569ff7;
+}
+.flatpickr-day.selected.startRange,
+.flatpickr-day.startRange.startRange,
+.flatpickr-day.endRange.startRange {
+ border-radius: 50px 0 0 50px;
+}
+.flatpickr-day.selected.endRange,
+.flatpickr-day.startRange.endRange,
+.flatpickr-day.endRange.endRange {
+ border-radius: 0 50px 50px 0;
+}
+.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
+.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
+.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
+ -webkit-box-shadow: -10px 0 0 #569ff7;
+ box-shadow: -10px 0 0 #569ff7;
+}
+.flatpickr-day.selected.startRange.endRange,
+.flatpickr-day.startRange.startRange.endRange,
+.flatpickr-day.endRange.startRange.endRange {
+ border-radius: 50px;
+}
+.flatpickr-day.inRange {
+ border-radius: 0;
+ -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
+ box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
+}
+.flatpickr-day.flatpickr-disabled,
+.flatpickr-day.flatpickr-disabled:hover,
+.flatpickr-day.prevMonthDay,
+.flatpickr-day.nextMonthDay,
+.flatpickr-day.notAllowed,
+.flatpickr-day.notAllowed.prevMonthDay,
+.flatpickr-day.notAllowed.nextMonthDay {
+ color: rgba(57,57,57,0.3);
+ background: transparent;
+ border-color: transparent;
+ cursor: default;
+}
+.flatpickr-day.flatpickr-disabled,
+.flatpickr-day.flatpickr-disabled:hover {
+ cursor: not-allowed;
+ color: rgba(57,57,57,0.1);
+}
+.flatpickr-day.week.selected {
+ border-radius: 0;
+ -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
+ box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
+}
+.flatpickr-day.hidden {
+ visibility: hidden;
+}
+.rangeMode .flatpickr-day {
+ margin-top: 1px;
+}
+.flatpickr-weekwrapper {
+ float: left;
+}
+.flatpickr-weekwrapper .flatpickr-weeks {
+ padding: 0 12px;
+ -webkit-box-shadow: 1px 0 0 #e6e6e6;
+ box-shadow: 1px 0 0 #e6e6e6;
+}
+.flatpickr-weekwrapper .flatpickr-weekday {
+ float: none;
+ width: 100%;
+ line-height: 28px;
+}
+.flatpickr-weekwrapper span.flatpickr-day,
+.flatpickr-weekwrapper span.flatpickr-day:hover {
+ display: block;
+ width: 100%;
+ max-width: none;
+ color: rgba(57,57,57,0.3);
+ background: transparent;
+ cursor: default;
+ border: none;
+}
+.flatpickr-innerContainer {
+ display: block;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ overflow: hidden;
+}
+.flatpickr-rContainer {
+ display: inline-block;
+ padding: 0;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.flatpickr-time {
+ text-align: center;
+ outline: 0;
+ display: block;
+ height: 0;
+ line-height: 40px;
+ max-height: 40px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ overflow: hidden;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+}
+.flatpickr-time:after {
+ content: "";
+ display: table;
+ clear: both;
+}
+.flatpickr-time .numInputWrapper {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ width: 40%;
+ height: 40px;
+ float: left;
+}
+.flatpickr-time .numInputWrapper span.arrowUp:after {
+ border-bottom-color: #393939;
+}
+.flatpickr-time .numInputWrapper span.arrowDown:after {
+ border-top-color: #393939;
+}
+.flatpickr-time.hasSeconds .numInputWrapper {
+ width: 26%;
+}
+.flatpickr-time.time24hr .numInputWrapper {
+ width: 49%;
+}
+.flatpickr-time input {
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border: 0;
+ border-radius: 0;
+ text-align: center;
+ margin: 0;
+ padding: 0;
+ height: inherit;
+ line-height: inherit;
+ color: #393939;
+ font-size: 14px;
+ position: relative;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-appearance: textfield;
+ -moz-appearance: textfield;
+ appearance: textfield;
+}
+.flatpickr-time input.flatpickr-hour {
+ font-weight: bold;
+}
+.flatpickr-time input.flatpickr-minute,
+.flatpickr-time input.flatpickr-second {
+ font-weight: 400;
+}
+.flatpickr-time input:focus {
+ outline: 0;
+ border: 0;
+}
+.flatpickr-time .flatpickr-time-separator,
+.flatpickr-time .flatpickr-am-pm {
+ height: inherit;
+ float: left;
+ line-height: inherit;
+ color: #393939;
+ font-weight: bold;
+ width: 2%;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ -webkit-align-self: center;
+ -ms-flex-item-align: center;
+ align-self: center;
+}
+.flatpickr-time .flatpickr-am-pm {
+ outline: 0;
+ width: 18%;
+ cursor: pointer;
+ text-align: center;
+ font-weight: 400;
+}
+.flatpickr-time input:hover,
+.flatpickr-time .flatpickr-am-pm:hover,
+.flatpickr-time input:focus,
+.flatpickr-time .flatpickr-am-pm:focus {
+ background: #eee;
+}
+.flatpickr-input[readonly] {
+ cursor: pointer;
+}
+@-webkit-keyframes fpFadeInDown {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -20px, 0);
+ transform: translate3d(0, -20px, 0);
+ }
+ to {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+}
+@keyframes fpFadeInDown {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -20px, 0);
+ transform: translate3d(0, -20px, 0);
+ }
+ to {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+
+
+
+//////////// Creative Tim Changes
+
+.datepicker.flatpickr-input{
+ background-color: $white;
+}
+
+.flatpickr-calendar {
+
+ &.open {
+ margin-left: 0px;
+ margin-top: 4px;
+ }
+
+ &.arrowBottom {
+ margin-top: -20px;
+ }
+
+ .flatpickr-innerContainer {
+ margin-top: 15px !important;
+ }
+
+ .numInputWrapper {
+ span {
+ border: none;
+ border-bottom: 1px solid rgba(57, 57, 57, 0.15);
+ }
+
+ &:hover {
+ .arrowUp,
+ .arrowDown {
+ margin-top: 3px;
+ }
+ }
+ }
+
+ .flatpickr-day {
+ &.today,
+ &.selected,
+ &.startRange,
+ &.endRange {
+ background: $primary !important;
+ color: $white;
+ border: none;
+ }
+
+ &.inRange {
+ background: rgba(94, 114, 228, 0.28);
+ border: none;
+ -webkit-box-shadow: -5px 0 0 #D7DCF8, 5px 0 0 #D7DCF8;
+ box-shadow: -5px 0 0 #D7DCF8, 5px 0 0 #D7DCF8;
+ }
+
+ &:not(.selected) {
+ &:hover,
+ &:focus {
+ background: rgba(94, 114, 228, 0.28);
+ border: none;
+ }
+ }
+ }
+
+ .flatpickr-time input:hover,
+ .flatpickr-time .flatpickr-am-pm:hover,
+ .flatpickr-time input:focus,
+ .flatpickr-time .flatpickr-am-pm:focus {
+ background: rgba(94, 114, 228, 0.28);
+ }
+}
+
+.flatpickr {
+ &.form-control {
+ background: $white;
+ }
+}
+
+.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),
+.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
+.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)){
+ box-shadow: -10px 0 0 $primary;
+}
+
+////////////
diff --git a/assets/scss/material-kit/plugins/_plugin-nouislider.scss b/assets/scss/material-kit/plugins/free/_nouislider.scss
similarity index 66%
rename from assets/scss/material-kit/plugins/_plugin-nouislider.scss
rename to assets/scss/material-kit/plugins/free/_nouislider.scss
index 000f464e..ef76176c 100644
--- a/assets/scss/material-kit/plugins/_plugin-nouislider.scss
+++ b/assets/scss/material-kit/plugins/free/_nouislider.scss
@@ -1,4 +1,4 @@
-/*! nouislider - 14.1.1 */
+/*! nouislider - 14.6.3 - 11/19/2020 */
/* Functional styling;
* These styles are required for noUiSlider to function.
* You don't need to change these rules to apply your design.
@@ -22,15 +22,16 @@
.noUi-base,
.noUi-connects {
width: 100%;
- height: 100%;
+ height: 2px;
position: relative;
z-index: 1;
+ top: 0;
}
/* Wrapper for all connect elements.
*/
.noUi-connects {
- overflow: hidden;
z-index: 0;
+ overflow: hidden;
}
.noUi-connect,
.noUi-origin {
@@ -48,6 +49,7 @@
.noUi-connect {
height: 100%;
width: 100%;
+ border-radius: 0.25rem;
}
.noUi-origin {
height: 10%;
@@ -56,9 +58,9 @@
/* Offset direction
*/
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
- left: auto;
- right: 0;
- }
+ left: 0;
+ right: auto;
+}
/* Give origins 0 height/width so they don't interfere with clicking the
* connect elements.
*/
@@ -89,55 +91,44 @@
*/
.noUi-horizontal {
height: 2px;
- margin: 15px 0;
}
.noUi-horizontal .noUi-handle {
- box-sizing: border-box;
- width: 14px;
+ border-radius: 50%;
+ background-color: $white;
+ box-shadow: 0 1px 13px 0 rgba(0,0,0,.2);
height: 14px;
- left: 100%;
- top: -7px;
+ width: 14px;
cursor: pointer;
- border-radius: 100%;
- transition: all 0.2s ease-out;
- border: 1px solid $primary;
- background: $white-color;
- @include shadow-2dp();
+ margin-top: -6px;
+ outline: none;
+ right: -10px;
}
.noUi-vertical {
- height: 100%;
- width: 2px;
- margin: 0 15px;
+ width: 3px;
}
.noUi-vertical .noUi-handle {
- box-sizing: border-box;
- width: 14px;
- height: 14px;
- left: -8px;
- top: -10px;
- cursor: pointer;
- border-radius: 100%;
- transition: all 0.2s ease-out;
- border: 1px solid $primary;
- background: $white-color;
- @include shadow-2dp();
+ width: 28px;
+ height: 34px;
+ right: -6px;
+ top: -17px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
- right: -10px;
- left: auto;
+ left: -17px;
+ right: auto;
}
/* Styling;
* Giving the connect element a border radius causes issues with using transform: scale
*/
.noUi-target {
- background: #c8c8c8;
- border-radius: 4px;
+ background: $light;
+ border-radius: .25rem;
}
.noUi-connects {
border-radius: 3px;
}
.noUi-connect {
- background: #3FB8AF;
+ background: $primary;
+
}
/* Handles and cursors;
*/
@@ -148,38 +139,23 @@
cursor: ns-resize;
}
.noUi-handle {
- box-sizing: border-box;
- width: 14px;
- height: 14px;
- left: -10px;
- top: -6px;
- cursor: pointer;
- border-radius: 100%;
- transition: all 0.2s ease-out;
- border: 1px solid;
- background: $white-color;
- @include shadow-2dp();
+ border: 1px solid $primary;
+ border-radius: 3px;
+ background: $white;
+ cursor: default;
+ box-shadow: inset 0 0 1px $white, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
+ webkit-transition: .3s ease 0s;
+ -moz-transition: .3s ease 0s;
+ -ms-transition: .3s ease 0s;
+ -o-transform: .3s ease 0s;
+ transition: .3s ease 0s;
}
.noUi-active {
- box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
- transform: scale3d(1.5, 1.5, 1);
+ box-shadow: inset 0 0 1px $white, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
+ transform: scale3d(1.5,1.5,1);
}
-/* Handle stripes;
- */
-.noUi-handle:after {
- left: 17px;
-}
-.noUi-vertical .noUi-handle:before,
-.noUi-vertical .noUi-handle:after {
- width: 14px;
- height: 1px;
- left: 6px;
- top: 14px;
-}
-.noUi-vertical .noUi-handle:after {
- top: 17px;
-}
+
/* Disabled state;
*/
[disabled] .noUi-connect {
@@ -290,7 +266,7 @@
position: absolute;
border: 1px solid #D9D9D9;
border-radius: 3px;
- background: #fff;
+ background: $white;
color: #000;
padding: 5px;
text-align: center;
@@ -308,64 +284,15 @@
top: 50%;
right: 120%;
}
-
-
-.slider {
- background: #c8c8c8;
-
- & .noUi-connect{
- background-color: $primary;
- border-radius: 4px;
- }
-
- .noUi-handle{
- border-color: $primary;
- }
-
- &.slider-info{
- & .noUi-connect{
- background-color: $info;
- }
-
- .noUi-handle{
- border-color: $info;
- }
- }
- &.slider-success{
- & .noUi-connect{
- background-color: $success;
- }
-
- .noUi-handle{
- border-color: $success;
- }
- }
- &.slider-warning{
- & .noUi-connect{
- background-color: $warning;
- }
-
- .noUi-handle{
- border-color: $warning;
- }
- }
- &.slider-danger{
- & .noUi-connect{
- background-color: $danger;
- }
-
- .noUi-handle{
- border-color: $danger;
- }
- }
-
- &.slider-rose{
- & .noUi-connect{
- background-color: $rose;
- }
-
- .noUi-handle{
- border-color: $rose;
- }
- }
+.noUi-horizontal .noUi-origin > .noUi-tooltip {
+ -webkit-transform: translate(50%, 0);
+ transform: translate(50%, 0);
+ left: auto;
+ bottom: 10px;
+}
+.noUi-vertical .noUi-origin > .noUi-tooltip {
+ -webkit-transform: translate(0, -18px);
+ transform: translate(0, -18px);
+ top: auto;
+ right: 28px;
}
diff --git a/assets/scss/material-kit/plugins/free/_perfect-scrollbar.scss b/assets/scss/material-kit/plugins/free/_perfect-scrollbar.scss
new file mode 100644
index 00000000..b4863922
--- /dev/null
+++ b/assets/scss/material-kit/plugins/free/_perfect-scrollbar.scss
@@ -0,0 +1,116 @@
+/*
+ * Container style
+ */
+.ps {
+ overflow: hidden !important;
+ overflow-anchor: none;
+ -ms-overflow-style: none;
+ touch-action: auto;
+ -ms-touch-action: auto;
+}
+
+/*
+ * Scrollbar rail styles
+ */
+.ps__rail-x {
+ display: none;
+ opacity: 0;
+ transition: background-color .2s linear, opacity .2s linear;
+ -webkit-transition: background-color .2s linear, opacity .2s linear;
+ height: 15px;
+ /* there must be 'bottom' or 'top' for ps__rail-x */
+ bottom: 0px;
+ /* please don't change 'position' */
+ position: absolute;
+}
+
+.ps__rail-y {
+ display: none;
+ opacity: 0;
+ transition: background-color .2s linear, opacity .2s linear;
+ -webkit-transition: background-color .2s linear, opacity .2s linear;
+ width: 15px;
+ /* there must be 'right' or 'left' for ps__rail-y */
+ right: 0;
+ /* please don't change 'position' */
+ position: absolute;
+}
+
+.ps--active-x > .ps__rail-x,
+.ps--active-y > .ps__rail-y {
+ display: block;
+ background-color: transparent;
+}
+
+.ps:hover > .ps__rail-x,
+.ps:hover > .ps__rail-y,
+.ps--focus > .ps__rail-x,
+.ps--focus > .ps__rail-y,
+.ps--scrolling-x > .ps__rail-x,
+.ps--scrolling-y > .ps__rail-y {
+ opacity: 0.6;
+}
+
+.ps .ps__rail-x:hover,
+.ps .ps__rail-y:hover,
+.ps .ps__rail-x:focus,
+.ps .ps__rail-y:focus,
+.ps .ps__rail-x.ps--clicking,
+.ps .ps__rail-y.ps--clicking {
+ background-color: #eee;
+ opacity: 0.9;
+}
+
+/*
+ * Scrollbar thumb styles
+ */
+.ps__thumb-x {
+ background-color: #aaa;
+ border-radius: 6px;
+ transition: background-color .2s linear, height .2s ease-in-out;
+ -webkit-transition: background-color .2s linear, height .2s ease-in-out;
+ height: 6px;
+ /* there must be 'bottom' for ps__thumb-x */
+ bottom: 2px;
+ /* please don't change 'position' */
+ position: absolute;
+}
+
+.ps__thumb-y {
+ background-color: #aaa;
+ border-radius: 6px;
+ transition: background-color .2s linear, width .2s ease-in-out;
+ -webkit-transition: background-color .2s linear, width .2s ease-in-out;
+ width: 6px;
+ /* there must be 'right' for ps__thumb-y */
+ right: 2px;
+ /* please don't change 'position' */
+ position: absolute;
+}
+
+.ps__rail-x:hover > .ps__thumb-x,
+.ps__rail-x:focus > .ps__thumb-x,
+.ps__rail-x.ps--clicking .ps__thumb-x {
+ background-color: #999;
+ height: 11px;
+}
+
+.ps__rail-y:hover > .ps__thumb-y,
+.ps__rail-y:focus > .ps__thumb-y,
+.ps__rail-y.ps--clicking .ps__thumb-y {
+ background-color: #999;
+ width: 11px;
+}
+
+/* MS supports */
+@supports (-ms-overflow-style: none) {
+ .ps {
+ overflow: auto !important;
+ }
+}
+
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+ .ps {
+ overflow: auto !important;
+ }
+}
diff --git a/assets/scss/material-kit/plugins/free/_prism.scss b/assets/scss/material-kit/plugins/free/_prism.scss
new file mode 100644
index 00000000..dc741686
--- /dev/null
+++ b/assets/scss/material-kit/plugins/free/_prism.scss
@@ -0,0 +1,142 @@
+/* PrismJS 1.23.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+
+code[class*="language-"],
+pre[class*="language-"] {
+ color: black;
+ background: none;
+ text-shadow: 0 1px white;
+ font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+ font-size: 1em;
+ text-align: left;
+ white-space: pre;
+ word-spacing: normal;
+ word-break: normal;
+ word-wrap: normal;
+ line-height: 1.5;
+
+ -moz-tab-size: 4;
+ -o-tab-size: 4;
+ tab-size: 4;
+
+ -webkit-hyphens: none;
+ -moz-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
+code[class*="language-"]::selection, code[class*="language-"] ::selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+
+@media print {
+ code[class*="language-"],
+ pre[class*="language-"] {
+ text-shadow: none;
+ }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+ padding: 1em;
+ overflow: auto;
+ border-radius: .75rem;
+}
+
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+ background: $gray-100;
+}
+
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+ padding: .1em;
+ border-radius: .3em;
+ white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+ color: slategray;
+}
+
+.token.punctuation {
+ color: #999;
+}
+
+.token.namespace {
+ opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+ color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+ color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+ color: #9a6e3a;
+ /* This background color was intended by the author of this theme. */
+ background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+ color: #07a;
+}
+
+.token.function,
+.token.class-name {
+ color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+ color: #e90;
+}
+
+.token.important,
+.token.bold {
+ font-weight: bold;
+}
+.token.italic {
+ font-style: italic;
+}
+
+.token.entity {
+ cursor: help;
+}
diff --git a/assets/scss/material-kit/plugins/free/plugins.scss b/assets/scss/material-kit/plugins/free/plugins.scss
new file mode 100644
index 00000000..0aa2a5d6
--- /dev/null
+++ b/assets/scss/material-kit/plugins/free/plugins.scss
@@ -0,0 +1,4 @@
+@import "flatpickr";
+@import "nouislider";
+@import "prism";
+@import "perfect-scrollbar";
diff --git a/assets/scss/material-kit/plugins/pro/_carousel-slick.scss b/assets/scss/material-kit/plugins/pro/_carousel-slick.scss
new file mode 100644
index 00000000..123921bf
--- /dev/null
+++ b/assets/scss/material-kit/plugins/pro/_carousel-slick.scss
@@ -0,0 +1,102 @@
+.slick-slider {
+ .btn.slick-next {
+ margin-left: 10px;
+ }
+}
+.slick-slide {
+ margin: 0px 20px;
+}
+
+.slick-slide img {
+ width: 200px;
+}
+
+.slick-slider {
+ position: relative;
+ display: block;
+ box-sizing: border-box;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ -webkit-touch-callout: none;
+ -khtml-user-select: none;
+ -ms-touch-action: pan-y;
+ touch-action: pan-y;
+ -webkit-tap-highlight-color: transparent;
+}
+
+.slick-list {
+ position: relative;
+ display: block;
+ overflow: hidden;
+ margin: 0;
+ padding: 0;
+ margin-top: 100px;
+}
+.slick-list:focus {
+ outline: none;
+}
+.slick-list.dragging {
+ cursor: pointer;
+ cursor: hand;
+}
+
+.slick-slider .slick-track,
+.slick-slider .slick-list {
+ -webkit-transform: translate3d(0, 0, 0);
+ -moz-transform: translate3d(0, 0, 0);
+ -ms-transform: translate3d(0, 0, 0);
+ -o-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+}
+
+.slick-track {
+ position: relative;
+ top: 0;
+ left: 0;
+ display: block;
+}
+.slick-track:before,
+.slick-track:after {
+ display: table;
+ content: '';
+}
+.slick-track:after {
+ clear: both;
+}
+.slick-loading .slick-track {
+ visibility: hidden;
+}
+
+.slick-slide {
+ float: left;
+ height: 100%;
+ min-height: 1px;
+}
+[dir='rtl'] .slick-slide {
+ float: right;
+}
+.slick-slide img {
+ display: block;
+}
+.slick-slide.slick-loading img {
+ display: none;
+}
+.slick-slide.dragging img {
+ pointer-events: none;
+}
+.slick-initialized .slick-slide {
+ display: block;
+}
+.slick-loading .slick-slide {
+ visibility: hidden;
+}
+.slick-vertical .slick-slide {
+ display: block;
+ height: auto;
+ border: 1px solid transparent;
+}
+.slick-arrow.slick-hidden {
+ display: none;
+}
diff --git a/assets/scss/material-kit/plugins/pro/_choices.scss b/assets/scss/material-kit/plugins/pro/_choices.scss
new file mode 100644
index 00000000..bbc7e961
--- /dev/null
+++ b/assets/scss/material-kit/plugins/pro/_choices.scss
@@ -0,0 +1,455 @@
+/*===============================
+= Choices =
+===============================*/
+.choices {
+ position: relative;
+ margin-bottom: 24px;
+ font-size: 16px;
+ width: 100%;
+}
+
+.choices:focus {
+ outline: none;
+}
+
+.choices:last-child {
+ margin-bottom: 0;
+}
+
+.choices.is-disabled .choices__inner,
+.choices.is-disabled .choices__input {
+ background-color: #eaeaea;
+ cursor: not-allowed;
+ -webkit-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.choices.is-disabled .choices__item {
+ cursor: not-allowed;
+}
+
+.choices [hidden] {
+ display: none !important;
+}
+
+.choices[data-type*='select-one'] {
+ cursor: pointer;
+}
+
+.choices[data-type*='select-one'] .choices__inner {
+ padding-bottom: 7.5px;
+}
+
+.choices[data-type*='select-one'] .choices__input {
+ display: block;
+ width: 100%;
+ padding: 10px;
+ border-bottom: 1px solid #dddddd;
+ background-color: #ffffff;
+ margin: 0;
+}
+
+.choices[data-type*='select-one'] .choices__button {
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
+ padding: 0;
+ background-size: 8px;
+ position: absolute;
+ top: 50%;
+ right: 0;
+ margin-top: -10px;
+ margin-right: 25px;
+ height: 20px;
+ width: 20px;
+ border-radius: 10em;
+ opacity: 0.5;
+}
+
+.choices[data-type*='select-one'] .choices__button:hover, .choices[data-type*='select-one'] .choices__button:focus {
+ opacity: 1;
+}
+
+.choices[data-type*='select-one'] .choices__button:focus {
+ box-shadow: 0px 0px 0px 2px #00bcd4;
+}
+
+.choices[data-type*='select-one'] .choices__item[data-value=''] .choices__button {
+ display: none;
+}
+
+.choices[data-type*='select-one']:after {
+ content: "\f107";
+ font: normal normal normal 14px/1 FontAwesome;
+ position: absolute;
+ right: 13.5px;
+ top: 14px;
+ pointer-events: none;
+ transition: $dropdown-toggle-arrow-transition;
+}
+
+.choices[data-type*='select-one'].is-open:after {
+ transform: $dropdown-toggle-arrow-transform;
+}
+
+.choices[data-type*='select-one'][dir='rtl']:after {
+ left: 11.5px;
+ right: auto;
+}
+
+.choices[data-type*='select-one'][dir='rtl'] .choices__button {
+ right: auto;
+ left: 0;
+ margin-left: 25px;
+ margin-right: 0;
+}
+
+.choices[data-type*='select-multiple'] .choices__inner,
+.choices[data-type*='text'] .choices__inner {
+ cursor: text;
+}
+
+.choices[data-type*='select-multiple'] .choices__button,
+.choices[data-type*='text'] .choices__button {
+ position: relative;
+ display: inline-block;
+ margin-top: 0;
+ margin-right: -6px;
+ margin-bottom: 0;
+ margin-left: 8px;
+ padding-left: 17px;
+ border-left: 1px solid rgba($white, .3);
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
+ background-size: 8px;
+ width: 8px;
+ line-height: 1;
+ opacity: 0.75;
+ border-radius: 0;
+ transition: $transition-base;
+}
+
+.choices[data-type*='select-multiple'] .choices__button:hover, .choices[data-type*='select-multiple'] .choices__button:focus,
+.choices[data-type*='text'] .choices__button:hover,
+.choices[data-type*='text'] .choices__button:focus {
+ opacity: 1;
+}
+
+.choices__inner {
+ display: flex;
+ align-items: center;
+ vertical-align: top;
+ width: 100%;
+ // background-color: #f9f9f9;
+ padding: $input-padding-y $input-padding-x;
+ // border: 1px solid $input-border-color;
+ border-radius: .5rem;
+ font-size: 14px;
+ min-height: 40px;
+ overflow: hidden;
+}
+
+.is-focused .choices__inner,
+.is-open .choices__inner {
+ border-color: #b7b7b7;
+}
+
+.is-open .choices__inner {
+ border-radius: 2.5px 2.5px 0 0;
+}
+
+.is-flipped.is-open .choices__inner {
+ border-radius: 0 0 2.5px 2.5px;
+}
+
+.choices__list {
+ margin: 0;
+ padding-left: 0;
+ list-style: none;
+}
+
+.choices__list--single {
+ display: inline-block;
+ // padding: 4px 16px 4px 4px;
+ width: 100%;
+}
+
+[dir='rtl'] .choices__list--single {
+ padding-right: 4px;
+ padding-left: 16px;
+}
+
+.choices__list--single .choices__item {
+ width: 100%;
+}
+
+.choices__list--multiple {
+ display: inline;
+}
+
+.choices__list--multiple .choices__item {
+ display: inline-block;
+ vertical-align: middle;
+ border-radius: 20px;
+ padding: 4px 10px;
+ font-size: 12px;
+ font-weight: 500;
+ margin-right: 3.75px;
+ margin-bottom: 3.75px;
+ background-color: $dark-gradient-state;
+ border: 1px solid $dark-gradient-state;
+ color: #ffffff;
+ word-break: break-all;
+ box-sizing: border-box;
+}
+
+.choices__list--multiple .choices__item[data-deletable] {
+ padding-right: 5px;
+}
+
+[dir='rtl'] .choices__list--multiple .choices__item {
+ margin-right: 0;
+ margin-left: 3.75px;
+}
+
+.choices__list--multiple .choices__item.is-highlighted {
+ background-color: #00a5bb;
+ border: 1px solid #008fa1;
+}
+
+.is-disabled .choices__list--multiple .choices__item {
+ background-color: #aaaaaa;
+ border: 1px solid #919191;
+}
+
+.choices__list--dropdown {
+ visibility: hidden;
+ z-index: 3;
+ position: absolute;
+ width: 100%;
+ background-color: #ffffff;
+ border: 1px solid #dddddd;
+ top: 100%;
+ margin-top: -1px;
+ border-bottom-left-radius: 2.5px;
+ border-bottom-right-radius: 2.5px;
+ word-break: break-all;
+ will-change: visibility;
+}
+
+.choices__list--dropdown.is-active {
+ visibility: visible;
+}
+
+.is-open .choices__list--dropdown {
+ border-color: #b7b7b7;
+}
+
+.is-flipped .choices__list--dropdown {
+ top: auto;
+ bottom: 200%;
+ margin-top: 0;
+ margin-bottom: -1px;
+ border-radius: $choices-border-radius;
+}
+
+.choices__list--dropdown .choices__list {
+ position: relative;
+ max-height: 300px;
+ overflow: auto;
+ -webkit-overflow-scrolling: touch;
+ will-change: scroll-position;
+}
+
+.choices__list--dropdown .choices__item {
+ position: relative;
+ padding: $dropdown-item-padding-y $dropdown-item-padding-x;
+ @include font-size($dropdown-font-size);
+ border-radius: $border-radius-md;
+ transition: background-color $dropdown-transition-time, color $dropdown-transition-time;
+}
+
+[dir='rtl'] .choices__list--dropdown .choices__item {
+ text-align: right;
+}
+
+@media (min-width: 640px) {
+ .choices__list--dropdown .choices__item--selectable:after {
+ font-size: 12px;
+ opacity: 0;
+ position: absolute;
+ right: 10px;
+ top: 50%;
+ transform: translateY(-50%);
+ transition: opacity $dropdown-transition-time;
+ }
+ [dir='rtl'] .choices__list--dropdown .choices__item--selectable {
+ text-align: right;
+ padding-left: 100px;
+ padding-right: 10px;
+ }
+ [dir='rtl'] .choices__list--dropdown .choices__item--selectable:after {
+ right: auto;
+ left: 10px;
+ }
+}
+
+.choices__list--dropdown .choices__item--selectable.is-highlighted {
+ background-color: #f2f2f2;
+}
+
+.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
+ opacity: 0.5;
+}
+
+.choices__item {
+ cursor: default;
+}
+
+.choices__item--selectable {
+ cursor: pointer;
+}
+
+.choices__item--disabled {
+ cursor: not-allowed;
+ -webkit-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ opacity: 0.5;
+}
+
+.choices__heading {
+ font-weight: 600;
+ font-size: 12px;
+ padding: 10px;
+ border-bottom: 1px solid #f7f7f7;
+ color: gray;
+}
+
+.choices__button {
+ text-indent: -9999px;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ border: 0;
+ background-color: transparent;
+ background-repeat: no-repeat;
+ background-position: center;
+ cursor: pointer;
+}
+
+.choices__button:focus {
+ outline: none;
+}
+
+.choices__input {
+ display: inline-block;
+ vertical-align: baseline;
+ background-color: $white;
+ font-size: 14px;
+ margin-bottom: 5px;
+ border: 0;
+ border-radius: 0;
+ max-width: 100%;
+ padding: 4px 0 4px 2px;
+}
+
+.choices__input:focus {
+ outline: 0;
+}
+
+[dir='rtl'] .choices__input {
+ padding-right: 2px;
+ padding-left: 0;
+}
+
+.choices__placeholder {
+ opacity: 0.5;
+}
+
+/*===== End of Choices ======*/
+
+
+///////////// Creative Tim Changes
+
+.choices {
+ .choices__input {
+ background-image: $input-background-image;
+ background-size: $input-background-size;
+ }
+ &.is-focused {
+ .choices__input {
+ background-size: $input-background-size-focus;
+ }
+ }
+}
+
+.is-open .choices__inner{
+ border-radius: $choices-border-radius;
+}
+
+.choices__list--dropdown{
+ display: block;
+ opacity: 0;
+ top: 45px;
+ transform-origin: $dropdown-transform-origin;
+ pointer-events: none;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ will-change: 0 0;
+ border: none;
+ border-radius: $choices-border-radius;
+ box-shadow: $choices-box-shadow;
+ transform: $choices-transform;
+ padding: $choices-padding-y $choices-padding-x;
+ transition: $choices-transition;
+
+ &.is-active{
+ transform: $dropdown-transform-show;
+ opacity: 1;
+ display: block;
+ pointer-events: auto;
+
+ &:before {
+ top: $dropdown-hover-arrow-active-top;
+ }
+ }
+
+ &:before {
+ font-family: "FontAwesome";
+ content: "\f0d8";
+ position: absolute;
+ top: 0;
+ left: $dropdown-animation-arrow-left-position;
+ right: auto;
+ font-size: $dropdown-animation-arrow-font-size;
+ color: $white;
+ transition: $dropdown-animation-arrow-transition;
+ }
+}
+
+.choices[data-type*=select-one] .choices__input{
+ border-bottom-color: $gray-100;
+}
+
+.choices__list--dropdown .choices__item--selectable.is-highlighted{
+ background: $dropdown-link-hover-bg;
+ color: $dropdown-link-hover-color;
+}
+
+.is-focused .choices__inner,
+.is-open .choices__inner{
+ box-shadow: $input-focus-box-shadow;
+ border-color: $input-focus-border-color;
+}
+
+@each $name, $value in $theme-colors {
+ @if $name == 'dark' {
+ $value: $dark-gradient-state;
+ }
+ .choices-#{$name} {
+ background-color: $value;
+ }
+}
+
+
+
+/////////////
diff --git a/assets/scss/material-kit/plugins/pro/_datatable-extend.scss b/assets/scss/material-kit/plugins/pro/_datatable-extend.scss
new file mode 100644
index 00000000..ce7399fd
--- /dev/null
+++ b/assets/scss/material-kit/plugins/pro/_datatable-extend.scss
@@ -0,0 +1,126 @@
+/*!
+Simple-DataTables
+Github: https://github.com/fiduswriter/Simple-DataTables
+*/
+
+// Creative Tim Changes
+
+.dataTable-wrapper{
+ .dataTable-top{
+ padding: $card-header-padding;
+ .dataTable-dropdown{
+ float: left;
+ label{
+ margin-bottom: 0;
+ margin-left: 0;
+ color: $secondary;
+ font-weight: $font-weight-normal;
+ .dataTable-selector{
+ border-color: $gray-200;
+ border-radius: $border-radius-md;
+ }
+ }
+ }
+ .dataTable-search{
+ input{
+ font-size: $font-size-sm;
+ color: $input-color;
+ border:1px solid $gray-200;
+ @include border-radius($input-border-radius, 0);
+ &:focus-visible{
+ outline: none;
+ }
+ }
+ }
+ }
+ .dataTable-container{
+ .table{
+ thead{
+ tr{
+ th{
+ padding: $table-head-spacer-y $table-head-spacer-x;
+ opacity: .7;
+ font-weight: bolder;
+ color: $secondary;
+ text-transform: uppercase;
+ font-size: $font-size-xxs;
+ }
+ }
+ }
+ tbody{
+ tr{
+ td{
+ padding: $table-head-spacer-y $table-head-spacer-x;
+ }
+ }
+ }
+ }
+ }
+ .dataTable-bottom{
+ padding: $card-header-padding;
+ padding-top: 0;
+ .dataTable-info{
+ color: $secondary;
+ font-size: $font-size-sm;
+ }
+ .dataTable-pagination{
+ .dataTable-pagination-list{
+ li{
+ a{
+ display: $page-link-display;
+ align-items: $page-link-align-items;
+ justify-content: $page-link-justify-content;
+ color: $secondary;
+ padding: 0;
+ margin: $page-link-margin;
+ border: 1px solid $gray-300;
+ border-radius: $page-link-radius !important;
+ width: $page-link-width;
+ height: $page-link-height;
+ font-size: $font-size-sm;
+ margin-left: 0;
+ &:hover{
+ background: $gray-200;
+ }
+ }
+ }
+ .active{
+ a{
+ background: transparent;
+ @include gradient-directional(nth($primary-gradient, 1) 0%, nth($primary-gradient-state, -1) 100%, $deg: 195deg);
+ box-shadow: $pagination-active-box-shadow;
+ color: $white;
+ border: none;
+ border-radius: $page-link-radius !important;
+ &:hover{
+ @include gradient-directional(nth($primary-gradient, 1) 0%, nth($primary-gradient-state, -1) 100%, $deg: 195deg);
+ }
+ }
+ }
+ }
+ }
+ }
+ &.no-footer{
+ .dataTable-container{
+ border-bottom: 0;
+ }
+ }
+}
+
+.dataTable-table {
+ thead,
+ tbody,
+ tfoot {
+ td,
+ th {
+ vertical-align: middle !important;
+ }
+ }
+}
+
+@include media-breakpoint-down(sm) {
+ .dataTable-top > div:last-child{
+ float: left;
+ margin-top: $spacer;
+ }
+}
diff --git a/assets/scss/material-kit/plugins/pro/_datatable.scss b/assets/scss/material-kit/plugins/pro/_datatable.scss
new file mode 100644
index 00000000..f1d2bea0
--- /dev/null
+++ b/assets/scss/material-kit/plugins/pro/_datatable.scss
@@ -0,0 +1,179 @@
+/*!
+Simple-DataTables
+Github: https://github.com/fiduswriter/Simple-DataTables
+*/
+
+
+.dataTable-wrapper.no-header .dataTable-container {
+ border-top: 1px solid #d9d9d9;
+}
+
+.dataTable-wrapper.no-footer .dataTable-container {
+ border-bottom: 1px solid #d9d9d9;
+}
+
+.dataTable-top,
+.dataTable-bottom {
+ padding: 8px 10px;
+}
+
+.dataTable-top > nav:first-child,
+.dataTable-top > div:first-child,
+.dataTable-bottom > nav:first-child,
+.dataTable-bottom > div:first-child {
+ float: left;
+}
+
+.dataTable-top > nav:last-child,
+.dataTable-top > div:last-child,
+.dataTable-bottom > nav:last-child,
+.dataTable-bottom > div:last-child {
+ float: right;
+}
+
+.dataTable-selector {
+ padding: 6px;
+}
+
+.dataTable-input {
+ padding: 6px 12px;
+}
+
+.dataTable-info {
+ margin: 7px 0;
+}
+
+/* PAGER */
+.dataTable-pagination ul {
+ margin: 0;
+ padding-left: 0;
+}
+
+.dataTable-pagination li {
+ list-style: none;
+ float: left;
+}
+
+.dataTable-pagination a {
+ border: 1px solid transparent;
+ float: left;
+ margin-left: 2px;
+ padding: 6px 12px;
+ position: relative;
+ text-decoration: none;
+ color: #333;
+}
+
+.dataTable-pagination a:hover {
+ background-color: #d9d9d9;
+}
+
+.dataTable-pagination .active a,
+.dataTable-pagination .active a:focus,
+.dataTable-pagination .active a:hover {
+ background-color: #d9d9d9;
+ cursor: default;
+}
+
+.dataTable-pagination .ellipsis a,
+.dataTable-pagination .disabled a,
+.dataTable-pagination .disabled a:focus,
+.dataTable-pagination .disabled a:hover {
+ cursor: not-allowed;
+}
+
+.dataTable-pagination .disabled a,
+.dataTable-pagination .disabled a:focus,
+.dataTable-pagination .disabled a:hover {
+ cursor: not-allowed;
+ opacity: 0.4;
+}
+
+.dataTable-pagination .pager a {
+ font-weight: bold;
+}
+
+/* TABLE */
+.dataTable-table {
+ max-width: 100%;
+ width: 100%;
+ border-spacing: 0;
+ border-collapse: separate;
+}
+
+.dataTable-table > tbody > tr > td,
+.dataTable-table > tbody > tr > th,
+.dataTable-table > tfoot > tr > td,
+.dataTable-table > tfoot > tr > th,
+.dataTable-table > thead > tr > td,
+.dataTable-table > thead > tr > th {
+ vertical-align: top;
+ padding: 8px 10px;
+}
+
+.dataTable-table > thead > tr > th {
+ vertical-align: bottom;
+ text-align: left;
+ border-bottom: 1px solid #d9d9d9;
+}
+
+.dataTable-table > tfoot > tr > th {
+ vertical-align: bottom;
+ text-align: left;
+ border-top: 1px solid #d9d9d9;
+}
+
+.dataTable-table th {
+ vertical-align: bottom;
+ text-align: left;
+}
+
+.dataTable-table th a {
+ text-decoration: none;
+ color: inherit;
+}
+
+.dataTable-sorter {
+ display: inline-block;
+ height: 100%;
+ position: relative;
+ width: 100%;
+}
+
+.dataTable-sorter::before,
+.dataTable-sorter::after {
+ content: "";
+ height: 0;
+ width: 0;
+ position: absolute;
+ right: 4px;
+ border-left: 4px solid transparent;
+ border-right: 4px solid transparent;
+ opacity: 0.2;
+}
+
+.dataTable-sorter::before {
+ border-top: 4px solid #000;
+ bottom: 0px;
+}
+
+.dataTable-sorter::after {
+ border-bottom: 4px solid #000;
+ border-top: 4px solid transparent;
+ top: 0px;
+}
+
+.asc .dataTable-sorter::after,
+.desc .dataTable-sorter::before {
+ opacity: 0.6;
+}
+
+.dataTables-empty {
+ text-align: center;
+}
+
+.dataTable-top::after, .dataTable-bottom::after {
+ clear: both;
+ content: " ";
+ display: table;
+}
diff --git a/assets/scss/material-kit/plugins/pro/_dragula.scss b/assets/scss/material-kit/plugins/pro/_dragula.scss
new file mode 100644
index 00000000..b18c16e7
--- /dev/null
+++ b/assets/scss/material-kit/plugins/pro/_dragula.scss
@@ -0,0 +1,22 @@
+.gu-mirror {
+ position: fixed !important;
+ margin: 0 !important;
+ z-index: 9999 !important;
+ opacity: 0.8;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
+ filter: alpha(opacity=80);
+}
+.gu-hide {
+ display: none !important;
+}
+.gu-unselectable {
+ -webkit-user-select: none !important;
+ -moz-user-select: none !important;
+ -ms-user-select: none !important;
+ user-select: none !important;
+}
+.gu-transit {
+ opacity: 0.2;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
+ filter: alpha(opacity=20);
+}
diff --git a/assets/scss/material-kit/plugins/pro/_dropzone.scss b/assets/scss/material-kit/plugins/pro/_dropzone.scss
new file mode 100644
index 00000000..268cfb84
--- /dev/null
+++ b/assets/scss/material-kit/plugins/pro/_dropzone.scss
@@ -0,0 +1,396 @@
+/*
+ * The MIT License
+ * Copyright (c) 2012 Matias Meno
+ */
+@-webkit-keyframes passing-through {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(40px);
+ -moz-transform: translateY(40px);
+ -ms-transform: translateY(40px);
+ -o-transform: translateY(40px);
+ transform: translateY(40px); }
+ 30%, 70% {
+ opacity: 1;
+ -webkit-transform: translateY(0px);
+ -moz-transform: translateY(0px);
+ -ms-transform: translateY(0px);
+ -o-transform: translateY(0px);
+ transform: translateY(0px); }
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateY(-40px);
+ -moz-transform: translateY(-40px);
+ -ms-transform: translateY(-40px);
+ -o-transform: translateY(-40px);
+ transform: translateY(-40px); } }
+@-moz-keyframes passing-through {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(40px);
+ -moz-transform: translateY(40px);
+ -ms-transform: translateY(40px);
+ -o-transform: translateY(40px);
+ transform: translateY(40px); }
+ 30%, 70% {
+ opacity: 1;
+ -webkit-transform: translateY(0px);
+ -moz-transform: translateY(0px);
+ -ms-transform: translateY(0px);
+ -o-transform: translateY(0px);
+ transform: translateY(0px); }
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateY(-40px);
+ -moz-transform: translateY(-40px);
+ -ms-transform: translateY(-40px);
+ -o-transform: translateY(-40px);
+ transform: translateY(-40px); } }
+@keyframes passing-through {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(40px);
+ -moz-transform: translateY(40px);
+ -ms-transform: translateY(40px);
+ -o-transform: translateY(40px);
+ transform: translateY(40px); }
+ 30%, 70% {
+ opacity: 1;
+ -webkit-transform: translateY(0px);
+ -moz-transform: translateY(0px);
+ -ms-transform: translateY(0px);
+ -o-transform: translateY(0px);
+ transform: translateY(0px); }
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateY(-40px);
+ -moz-transform: translateY(-40px);
+ -ms-transform: translateY(-40px);
+ -o-transform: translateY(-40px);
+ transform: translateY(-40px); } }
+@-webkit-keyframes slide-in {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(40px);
+ -moz-transform: translateY(40px);
+ -ms-transform: translateY(40px);
+ -o-transform: translateY(40px);
+ transform: translateY(40px); }
+ 30% {
+ opacity: 1;
+ -webkit-transform: translateY(0px);
+ -moz-transform: translateY(0px);
+ -ms-transform: translateY(0px);
+ -o-transform: translateY(0px);
+ transform: translateY(0px); } }
+@-moz-keyframes slide-in {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(40px);
+ -moz-transform: translateY(40px);
+ -ms-transform: translateY(40px);
+ -o-transform: translateY(40px);
+ transform: translateY(40px); }
+ 30% {
+ opacity: 1;
+ -webkit-transform: translateY(0px);
+ -moz-transform: translateY(0px);
+ -ms-transform: translateY(0px);
+ -o-transform: translateY(0px);
+ transform: translateY(0px); } }
+@keyframes slide-in {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(40px);
+ -moz-transform: translateY(40px);
+ -ms-transform: translateY(40px);
+ -o-transform: translateY(40px);
+ transform: translateY(40px); }
+ 30% {
+ opacity: 1;
+ -webkit-transform: translateY(0px);
+ -moz-transform: translateY(0px);
+ -ms-transform: translateY(0px);
+ -o-transform: translateY(0px);
+ transform: translateY(0px); } }
+@-webkit-keyframes pulse {
+ 0% {
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -ms-transform: scale(1);
+ -o-transform: scale(1);
+ transform: scale(1); }
+ 10% {
+ -webkit-transform: scale(1.1);
+ -moz-transform: scale(1.1);
+ -ms-transform: scale(1.1);
+ -o-transform: scale(1.1);
+ transform: scale(1.1); }
+ 20% {
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -ms-transform: scale(1);
+ -o-transform: scale(1);
+ transform: scale(1); } }
+@-moz-keyframes pulse {
+ 0% {
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -ms-transform: scale(1);
+ -o-transform: scale(1);
+ transform: scale(1); }
+ 10% {
+ -webkit-transform: scale(1.1);
+ -moz-transform: scale(1.1);
+ -ms-transform: scale(1.1);
+ -o-transform: scale(1.1);
+ transform: scale(1.1); }
+ 20% {
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -ms-transform: scale(1);
+ -o-transform: scale(1);
+ transform: scale(1); } }
+@keyframes pulse {
+ 0% {
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -ms-transform: scale(1);
+ -o-transform: scale(1);
+ transform: scale(1); }
+ 10% {
+ -webkit-transform: scale(1.1);
+ -moz-transform: scale(1.1);
+ -ms-transform: scale(1.1);
+ -o-transform: scale(1.1);
+ transform: scale(1.1); }
+ 20% {
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -ms-transform: scale(1);
+ -o-transform: scale(1);
+ transform: scale(1); } }
+.dropzone, .dropzone * {
+ box-sizing: border-box; }
+
+.dropzone {
+ min-height: 150px;
+ // border: 2px solid rgba(0, 0, 0, 0.3);
+ background: white;
+ padding: 20px 20px; }
+ .dropzone.dz-clickable {
+ cursor: pointer; }
+ .dropzone.dz-clickable * {
+ cursor: default; }
+ .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
+ cursor: pointer; }
+ .dropzone.dz-started .dz-message {
+ display: none; }
+ .dropzone.dz-drag-hover {
+ border-style: solid; }
+ .dropzone.dz-drag-hover .dz-message {
+ opacity: 0.5; }
+ .dropzone .dz-message {
+ text-align: center;
+ margin: 3em 0; }
+ .dropzone .dz-message .dz-button {
+ background: none;
+ color: $secondary;
+ border: none;
+ padding: 0;
+ font: inherit;
+ cursor: pointer;
+ outline: inherit; }
+ .dropzone .dz-preview {
+ position: relative;
+ display: inline-block;
+ vertical-align: top;
+ margin: 16px;
+ min-height: 100px; }
+ .dropzone .dz-preview:hover {
+ z-index: 1000; }
+ .dropzone .dz-preview:hover .dz-details {
+ opacity: 1; }
+ .dropzone .dz-preview.dz-file-preview .dz-image {
+ border-radius: 20px;
+ background: #999;
+ background: linear-gradient(to bottom, #eee, #ddd); }
+ .dropzone .dz-preview.dz-file-preview .dz-details {
+ opacity: 1; }
+ .dropzone .dz-preview.dz-image-preview {
+ background: white; }
+ .dropzone .dz-preview.dz-image-preview .dz-details {
+ -webkit-transition: opacity 0.2s linear;
+ -moz-transition: opacity 0.2s linear;
+ -ms-transition: opacity 0.2s linear;
+ -o-transition: opacity 0.2s linear;
+ transition: opacity 0.2s linear; }
+ .dropzone .dz-preview .dz-remove {
+ font-size: 14px;
+ text-align: center;
+ display: block;
+ cursor: pointer;
+ border: none; }
+ .dropzone .dz-preview .dz-remove:hover {
+ text-decoration: underline; }
+ .dropzone .dz-preview:hover .dz-details {
+ opacity: 1; }
+ .dropzone .dz-preview .dz-details {
+ z-index: 20;
+ position: absolute;
+ top: 0;
+ left: 0;
+ opacity: 1;
+ font-size: 13px;
+ min-width: 100%;
+ max-width: 100%;
+ padding: 2em 1em;
+ text-align: center;
+ color: rgba($dark, 0.9);
+ line-height: 150%; }
+ .dropzone .dz-preview .dz-details .dz-size {
+ margin-bottom: 1em;
+ font-size: 16px; }
+ .dropzone .dz-preview .dz-details .dz-filename {
+ white-space: nowrap; }
+ .dropzone .dz-preview .dz-details .dz-filename:hover span {
+ border: 1px solid rgba(200, 200, 200, 0.8);
+ background-color: rgba(255, 255, 255, 0.8); }
+ .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
+ overflow: hidden;
+ text-overflow: ellipsis; }
+ .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
+ border: 1px solid transparent; }
+ .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
+ background-color: rgba(255, 255, 255, 0.7);
+ padding: 0 0.4em;
+ border-radius: 3px; }
+ .dropzone .dz-preview:hover .dz-image img {
+ -webkit-transform: scale(1.05, 1.05);
+ -moz-transform: scale(1.05, 1.05);
+ -ms-transform: scale(1.05, 1.05);
+ -o-transform: scale(1.05, 1.05);
+ transform: scale(1.05, 1.05);
+ -webkit-filter: blur(8px);
+ filter: blur(8px); }
+ .dropzone .dz-preview .dz-image {
+ border-radius: 20px;
+ overflow: hidden;
+ width: 120px;
+ height: 120px;
+ position: relative;
+ display: block;
+ z-index: 10; }
+ .dropzone .dz-preview .dz-image img {
+ display: block; }
+ .dropzone .dz-preview.dz-success .dz-success-mark {
+ -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
+ -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
+ -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
+ -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
+ animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
+ .dropzone .dz-preview.dz-error .dz-error-mark {
+ opacity: 1;
+ -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
+ -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
+ -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
+ -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
+ animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
+ .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
+ pointer-events: none;
+ opacity: 0;
+ z-index: 500;
+ position: absolute;
+ display: block;
+ top: 53%;
+ left: 50%;
+ margin-left: -27px;
+ margin-top: -27px; }
+ .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
+ display: block;
+ width: 54px;
+ height: 54px; }
+ .dropzone .dz-preview.dz-processing .dz-progress {
+ opacity: 1;
+ -webkit-transition: all 0.2s linear;
+ -moz-transition: all 0.2s linear;
+ -ms-transition: all 0.2s linear;
+ -o-transition: all 0.2s linear;
+ transition: all 0.2s linear; }
+ .dropzone .dz-preview.dz-complete .dz-progress {
+ opacity: 0;
+ -webkit-transition: opacity 0.4s ease-in;
+ -moz-transition: opacity 0.4s ease-in;
+ -ms-transition: opacity 0.4s ease-in;
+ -o-transition: opacity 0.4s ease-in;
+ transition: opacity 0.4s ease-in; }
+ .dropzone .dz-preview:not(.dz-processing) .dz-progress {
+ -webkit-animation: pulse 6s ease infinite;
+ -moz-animation: pulse 6s ease infinite;
+ -ms-animation: pulse 6s ease infinite;
+ -o-animation: pulse 6s ease infinite;
+ animation: pulse 6s ease infinite; }
+ .dropzone .dz-preview .dz-progress {
+ opacity: 1;
+ z-index: 1000;
+ pointer-events: none;
+ position: absolute;
+ height: 16px;
+ left: 50%;
+ top: 50%;
+ margin-top: -8px;
+ width: 80px;
+ margin-left: -40px;
+ background: rgba(255, 255, 255, 0.9);
+ -webkit-transform: scale(1);
+ border-radius: 8px;
+ overflow: hidden; }
+ .dropzone .dz-preview .dz-progress .dz-upload {
+ background: #333;
+ background: linear-gradient(to bottom, #666, #444);
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 0;
+ -webkit-transition: width 300ms ease-in-out;
+ -moz-transition: width 300ms ease-in-out;
+ -ms-transition: width 300ms ease-in-out;
+ -o-transition: width 300ms ease-in-out;
+ transition: width 300ms ease-in-out; }
+ .dropzone .dz-preview.dz-error .dz-error-message {
+ display: none; }
+ .dropzone .dz-preview.dz-error:hover .dz-error-message {
+ opacity: 1;
+ pointer-events: auto; }
+ .dropzone .dz-preview .dz-error-message {
+ pointer-events: none;
+ z-index: 1000;
+ position: absolute;
+ display: block;
+ display: none;
+ opacity: 0;
+ -webkit-transition: opacity 0.3s ease;
+ -moz-transition: opacity 0.3s ease;
+ -ms-transition: opacity 0.3s ease;
+ -o-transition: opacity 0.3s ease;
+ transition: opacity 0.3s ease;
+ border-radius: 8px;
+ font-size: 13px;
+ top: 130px;
+ left: -10px;
+ width: 140px;
+ background: #be2626;
+ background: linear-gradient(to bottom, #be2626, #a92222);
+ padding: 0.5em 1.2em;
+ color: white; }
+ .dropzone .dz-preview .dz-error-message:after {
+ content: '';
+ position: absolute;
+ top: -6px;
+ left: 64px;
+ width: 0;
+ height: 0;
+ border-left: 6px solid transparent;
+ border-right: 6px solid transparent;
+ border-bottom: 6px solid #be2626; }
diff --git a/assets/scss/material-kit/plugins/pro/_fullcalendar-extend.scss b/assets/scss/material-kit/plugins/pro/_fullcalendar-extend.scss
new file mode 100644
index 00000000..cbafe110
--- /dev/null
+++ b/assets/scss/material-kit/plugins/pro/_fullcalendar-extend.scss
@@ -0,0 +1,96 @@
+/*!
+FullCalendar v5.6.0
+Docs & License: https://fullcalendar.io/
+(c) 2020 Adam Shaw
+*/
+
+// Creative Tim Changes
+
+.fc-theme-standard .fc-scrollgrid,
+.fc-scrollgrid {
+ border: none;
+}
+
+.fc-theme-standard td,
+.fc-theme-standard th {
+ border-color: $gray-200;
+}
+
+.fc-theme-standard thead tr th{
+ border-right: none;
+ border-left: none;
+}
+
+.fc-theme-standard td{
+ &:last-child{
+ border-right: none;
+ }
+}
+
+.fc-theme-standard tr{
+ &:last-child td{
+ border-bottom: none;
+ }
+}
+
+.fc-h-event{
+ border: none;
+}
+
+.fc-daygrid-block-event .fc-event-time,
+.fc-daygrid-block-event .fc-event-title{
+ font-weight: $font-weight-normal;
+ font-size: $font-size-xs;
+ line-height: $line-height-sm;
+ padding: $fc-event-title-padding-y $fc-event-title-padding-x;
+}
+
+.fc .fc-daygrid-body-natural .fc-daygrid-day-events{
+ margin-bottom: 0;
+}
+
+.fc .fc-col-header-cell-cushion{
+ font-size: $font-size-sm;
+ font-weight: $font-weight-bold;
+ color: $gray-500;
+}
+
+.fc .fc-daygrid-day-number{
+ color: $gray-700;
+ font-size: $font-size-sm;
+ font-weight: $font-weight-light;
+ width: 100%;
+ text-align: center;
+}
+
+.fc .fc-toolbar-title{
+ font-size: $font-size-lg;
+}
+
+.fc .fc-button{
+ font-size: $font-size-sm;
+ padding-top: $spacer/4;
+ box-shadow: $btn-box-shadow;
+ transition: $btn-transition;
+ .fc-icon{
+ font-size: $font-size-sm;
+ }
+}
+
+.fc .fc-button-primary{
+ background-color: $primary;
+ border-color: $primary;
+ &:hover,
+ &:focus,
+ &:not(:disabled):active,
+ &:not(:disabled):active:focus{
+ transform: $btn-hover-transform;
+ box-shadow: $btn-hover-box-shadow;
+ background-color: $primary;
+ border-color: $primary;
+ }
+}
+
+.fc-event.fc-daygrid-event{
+ border-radius: $fc-daygrid-event-border-radius;
+}
diff --git a/assets/scss/material-kit/plugins/pro/_fullcalendar.scss b/assets/scss/material-kit/plugins/pro/_fullcalendar.scss
new file mode 100644
index 00000000..f636c507
--- /dev/null
+++ b/assets/scss/material-kit/plugins/pro/_fullcalendar.scss
@@ -0,0 +1,1434 @@
+/*!
+FullCalendar v5.6.0
+Docs & License: https://fullcalendar.io/
+(c) 2020 Adam Shaw
+*/
+/* classes attached to */
+
+/* classes attached to */
+
+.fc-not-allowed,
+.fc-not-allowed .fc-event { /* override events' custom cursors */
+ cursor: not-allowed;
+}
+
+.fc-unselectable {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ -webkit-touch-callout: none;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+.fc {
+ /* layout of immediate children */
+ display: flex;
+ flex-direction: column;
+
+ font-size: 1em
+}
+.fc,
+ .fc *,
+ .fc *:before,
+ .fc *:after {
+ box-sizing: border-box;
+ }
+.fc table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ font-size: 1em; /* normalize cross-browser */
+ }
+.fc th {
+ text-align: center;
+ }
+.fc th,
+ .fc td {
+ vertical-align: top;
+ padding: 0;
+ }
+.fc a[data-navlink] {
+ cursor: pointer;
+ }
+.fc a[data-navlink]:hover {
+ text-decoration: underline;
+ }
+.fc-direction-ltr {
+ direction: ltr;
+ text-align: left;
+}
+.fc-direction-rtl {
+ direction: rtl;
+ text-align: right;
+}
+.fc-theme-standard td,
+ .fc-theme-standard th {
+ border: 1px solid #ddd;
+ border: 1px solid var(--fc-border-color, #ddd);
+ }
+/* for FF, which doesn't expand a 100% div within a table cell. use absolute positioning */
+/* inner-wrappers are responsible for being absolute */
+/* TODO: best place for this? */
+.fc-liquid-hack td,
+ .fc-liquid-hack th {
+ position: relative;
+ }
+
+@font-face {
+ font-family: 'fcicons';
+ src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format('truetype');
+ font-weight: normal;
+ font-style: normal;
+}
+
+.fc-icon {
+ /* added for fc */
+ display: inline-block;
+ width: 1em;
+ height: 1em;
+ text-align: center;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+
+ /* use !important to prevent issues with browser extensions that change fonts */
+ font-family: 'fcicons' !important;
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+
+ /* Better Font Rendering =========== */
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.fc-icon-chevron-left:before {
+ content: "\e900";
+}
+
+.fc-icon-chevron-right:before {
+ content: "\e901";
+}
+
+.fc-icon-chevrons-left:before {
+ content: "\e902";
+}
+
+.fc-icon-chevrons-right:before {
+ content: "\e903";
+}
+
+.fc-icon-minus-square:before {
+ content: "\e904";
+}
+
+.fc-icon-plus-square:before {
+ content: "\e905";
+}
+
+.fc-icon-x:before {
+ content: "\e906";
+}
+/*
+Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css
+
+These styles only apply when the standard-theme is activated.
+When it's NOT activated, the fc-button classes won't even be in the DOM.
+*/
+.fc {
+
+ /* reset */
+
+}
+.fc .fc-button {
+ border-radius: 0;
+ overflow: visible;
+ text-transform: none;
+ margin: 0;
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit;
+ }
+.fc .fc-button:focus {
+ outline: 1px dotted;
+ outline: 5px auto -webkit-focus-ring-color;
+ }
+.fc .fc-button {
+ -webkit-appearance: button;
+ }
+.fc .fc-button:not(:disabled) {
+ cursor: pointer;
+ }
+.fc .fc-button::-moz-focus-inner {
+ padding: 0;
+ border-style: none;
+ }
+.fc {
+
+ /* theme */
+
+}
+.fc .fc-button {
+ display: inline-block;
+ font-weight: 400;
+ text-align: center;
+ vertical-align: middle;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ background-color: transparent;
+ border: 1px solid transparent;
+ padding: 0.4em 0.65em;
+ font-size: 1em;
+ line-height: 1.5;
+ border-radius: 0.25em;
+ }
+.fc .fc-button:hover {
+ text-decoration: none;
+ }
+.fc .fc-button:focus {
+ outline: 0;
+ box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
+ }
+.fc .fc-button:disabled {
+ opacity: 0.65;
+ }
+.fc {
+
+ /* "primary" coloring */
+
+}
+.fc .fc-button-primary {
+ color: #fff;
+ color: var(--fc-button-text-color, #fff);
+ background-color: #2C3E50;
+ background-color: var(--fc-button-bg-color, #2C3E50);
+ border-color: #2C3E50;
+ border-color: var(--fc-button-border-color, #2C3E50);
+ }
+.fc .fc-button-primary:hover {
+ color: #fff;
+ color: var(--fc-button-text-color, #fff);
+ background-color: #1e2b37;
+ background-color: var(--fc-button-hover-bg-color, #1e2b37);
+ border-color: #1a252f;
+ border-color: var(--fc-button-hover-border-color, #1a252f);
+ }
+.fc .fc-button-primary:disabled { /* not DRY */
+ color: #fff;
+ color: var(--fc-button-text-color, #fff);
+ background-color: #2C3E50;
+ background-color: var(--fc-button-bg-color, #2C3E50);
+ border-color: #2C3E50;
+ border-color: var(--fc-button-border-color, #2C3E50); /* overrides :hover */
+ }
+.fc .fc-button-primary:focus {
+ box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
+ }
+.fc .fc-button-primary:not(:disabled):active,
+ .fc .fc-button-primary:not(:disabled).fc-button-active {
+ color: #fff;
+ color: var(--fc-button-text-color, #fff);
+ background-color: #1a252f;
+ background-color: var(--fc-button-active-bg-color, #1a252f);
+ border-color: #151e27;
+ border-color: var(--fc-button-active-border-color, #151e27);
+ }
+.fc .fc-button-primary:not(:disabled):active:focus,
+ .fc .fc-button-primary:not(:disabled).fc-button-active:focus {
+ box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
+ }
+.fc {
+
+ /* icons within buttons */
+
+}
+.fc .fc-button .fc-icon {
+ vertical-align: middle;
+ font-size: 1.5em; /* bump up the size (but don't make it bigger than line-height of button, which is 1.5em also) */
+ }
+.fc .fc-button-group {
+ position: relative;
+ display: inline-flex;
+ vertical-align: middle;
+ }
+.fc .fc-button-group > .fc-button {
+ position: relative;
+ flex: 1 1 auto;
+ }
+.fc .fc-button-group > .fc-button:hover {
+ z-index: 1;
+ }
+.fc .fc-button-group > .fc-button:focus,
+ .fc .fc-button-group > .fc-button:active,
+ .fc .fc-button-group > .fc-button.fc-button-active {
+ z-index: 1;
+ }
+.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {
+ margin-left: -1px;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+.fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) {
+ margin-right: -1px;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+.fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+.fc .fc-toolbar {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ }
+.fc .fc-toolbar.fc-header-toolbar {
+ margin-bottom: 1.5em;
+ }
+.fc .fc-toolbar.fc-footer-toolbar {
+ margin-top: 1.5em;
+ }
+.fc .fc-toolbar-title {
+ font-size: 1.75em;
+ margin: 0;
+ }
+.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
+ margin-left: .75em; /* space between */
+ }
+.fc-direction-rtl .fc-toolbar > * > :not(:first-child) {
+ margin-right: .75em; /* space between */
+ }
+.fc-direction-rtl .fc-toolbar-ltr { /* when the toolbar-chunk positioning system is explicitly left-to-right */
+ flex-direction: row-reverse;
+ }
+.fc .fc-scroller {
+ -webkit-overflow-scrolling: touch;
+ position: relative; /* for abs-positioned elements within */
+ }
+.fc .fc-scroller-liquid {
+ height: 100%;
+ }
+.fc .fc-scroller-liquid-absolute {
+ position: absolute;
+ top: 0;
+ right: 0;
+ left: 0;
+ bottom: 0;
+ }
+.fc .fc-scroller-harness {
+ position: relative;
+ overflow: hidden;
+ direction: ltr;
+ /* hack for chrome computing the scroller's right/left wrong for rtl. undone below... */
+ /* TODO: demonstrate in codepen */
+ }
+.fc .fc-scroller-harness-liquid {
+ height: 100%;
+ }
+.fc-direction-rtl .fc-scroller-harness > .fc-scroller { /* undo above hack */
+ direction: rtl;
+ }
+.fc-theme-standard .fc-scrollgrid {
+ border: 1px solid #ddd;
+ border: 1px solid var(--fc-border-color, #ddd); /* bootstrap does this. match */
+ }
+.fc .fc-scrollgrid,
+ .fc .fc-scrollgrid table { /* all tables (self included) */
+ width: 100%; /* because tables don't normally do this */
+ table-layout: fixed;
+ }
+.fc .fc-scrollgrid table { /* inner tables */
+ border-top-style: hidden;
+ border-left-style: hidden;
+ border-right-style: hidden;
+ }
+.fc .fc-scrollgrid {
+
+ border-collapse: separate;
+ border-right-width: 0;
+ border-bottom-width: 0;
+
+ }
+.fc .fc-scrollgrid-liquid {
+ height: 100%;
+ }
+.fc .fc-scrollgrid-section { /* a */
+ height: 1px /* better than 0, for firefox */
+
+ }
+.fc .fc-scrollgrid-section > td {
+ height: 1px; /* needs a height so inner div within grow. better than 0, for firefox */
+ }
+.fc .fc-scrollgrid-section table {
+ height: 1px;
+ /* for most browsers, if a height isn't set on the table, can't do liquid-height within cells */
+ /* serves as a min-height. harmless */
+ }
+.fc .fc-scrollgrid-section-liquid {
+ height: auto
+
+ }
+.fc .fc-scrollgrid-section-liquid > td {
+ height: 100%; /* better than `auto`, for firefox */
+ }
+.fc .fc-scrollgrid-section > * {
+ border-top-width: 0;
+ border-left-width: 0;
+ }
+.fc .fc-scrollgrid-section-header > *,
+ .fc .fc-scrollgrid-section-footer > * {
+ border-bottom-width: 0;
+ }
+.fc .fc-scrollgrid-section-body table,
+ .fc .fc-scrollgrid-section-footer table {
+ border-bottom-style: hidden; /* head keeps its bottom border tho */
+ }
+.fc {
+
+ /* stickiness */
+
+}
+.fc .fc-scrollgrid-section-sticky > * {
+ background: #fff;
+ background: var(--fc-page-bg-color, #fff);
+ position: -webkit-sticky;
+ position: sticky;
+ z-index: 2; /* TODO: var */
+ /* TODO: box-shadow when sticking */
+ }
+.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
+ top: 0; /* because border-sharing causes a gap at the top */
+ /* TODO: give safari -1. has bug */
+ }
+.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * {
+ bottom: 0; /* known bug: bottom-stickiness doesn't work in safari */
+ }
+.fc .fc-scrollgrid-sticky-shim { /* for horizontal scrollbar */
+ height: 1px; /* needs height to create scrollbars */
+ margin-bottom: -1px;
+ }
+.fc-sticky { /* no .fc wrap because used as child of body */
+ position: -webkit-sticky;
+ position: sticky;
+}
+.fc .fc-view-harness {
+ flex-grow: 1; /* because this harness is WITHIN the .fc's flexbox */
+ position: relative;
+ }
+.fc {
+
+ /* when the harness controls the height, make the view liquid */
+
+}
+.fc .fc-view-harness-active > .fc-view {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ }
+.fc .fc-col-header-cell-cushion {
+ display: inline-block; /* x-browser for when sticky (when multi-tier header) */
+ padding: 2px 4px;
+ }
+.fc .fc-bg-event,
+ .fc .fc-non-business,
+ .fc .fc-highlight {
+ /* will always have a harness with position:relative/absolute, so absolutely expand */
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ }
+.fc .fc-non-business {
+ background: rgba(215, 215, 215, 0.3);
+ background: var(--fc-non-business-color, rgba(215, 215, 215, 0.3));
+ }
+.fc .fc-bg-event {
+ background: rgb(143, 223, 130);
+ background: var(--fc-bg-event-color, rgb(143, 223, 130));
+ opacity: 0.3;
+ opacity: var(--fc-bg-event-opacity, 0.3)
+ }
+.fc .fc-bg-event .fc-event-title {
+ margin: .5em;
+ font-size: .85em;
+ font-size: var(--fc-small-font-size, .85em);
+ font-style: italic;
+ }
+.fc .fc-highlight {
+ background: rgba(188, 232, 241, 0.3);
+ background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3));
+ }
+.fc .fc-cell-shaded,
+ .fc .fc-day-disabled {
+ background: rgba(208, 208, 208, 0.3);
+ background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
+ }
+/* link resets */
+/* ---------------------------------------------------------------------------------------------------- */
+a.fc-event,
+a.fc-event:hover {
+ text-decoration: none;
+}
+/* cursor */
+.fc-event[href],
+.fc-event.fc-event-draggable {
+ cursor: pointer;
+}
+/* event text content */
+/* ---------------------------------------------------------------------------------------------------- */
+.fc-event .fc-event-main {
+ position: relative;
+ z-index: 2;
+ }
+/* dragging */
+/* ---------------------------------------------------------------------------------------------------- */
+.fc-event-dragging:not(.fc-event-selected) { /* MOUSE */
+ opacity: 0.75;
+ }
+.fc-event-dragging.fc-event-selected { /* TOUCH */
+ box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
+ }
+/* resizing */
+/* ---------------------------------------------------------------------------------------------------- */
+/* (subclasses should hone positioning for touch and non-touch) */
+.fc-event .fc-event-resizer {
+ display: none;
+ position: absolute;
+ z-index: 4;
+ }
+.fc-event:hover, /* MOUSE */
+.fc-event-selected { /* TOUCH */
+
+}
+.fc-event:hover .fc-event-resizer, .fc-event-selected .fc-event-resizer {
+ display: block;
+ }
+.fc-event-selected .fc-event-resizer {
+ border-radius: 4px;
+ border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2);
+ border-width: 1px;
+ border-width: var(--fc-event-resizer-dot-border-width, 1px);
+ width: 8px;
+ width: var(--fc-event-resizer-dot-total-width, 8px);
+ height: 8px;
+ height: var(--fc-event-resizer-dot-total-width, 8px);
+ border-style: solid;
+ border-color: inherit;
+ background: #fff;
+ background: var(--fc-page-bg-color, #fff)
+
+ /* expand hit area */
+
+ }
+.fc-event-selected .fc-event-resizer:before {
+ content: '';
+ position: absolute;
+ top: -20px;
+ left: -20px;
+ right: -20px;
+ bottom: -20px;
+ }
+/* selecting (always TOUCH) */
+/* ---------------------------------------------------------------------------------------------------- */
+.fc-event-selected {
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)
+
+ /* expand hit area (subclasses should expand) */
+
+}
+.fc-event-selected:before {
+ content: "";
+ position: absolute;
+ z-index: 3;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ }
+.fc-event-selected {
+
+ /* dimmer effect */
+
+}
+.fc-event-selected:after {
+ content: "";
+ background: rgba(0, 0, 0, 0.25);
+ background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25));
+ position: absolute;
+ z-index: 1;
+
+ /* assume there's a border on all sides. overcome it. */
+ /* sometimes there's NOT a border, in which case the dimmer will go over */
+ /* an adjacent border, which looks fine. */
+ top: -1px;
+ left: -1px;
+ right: -1px;
+ bottom: -1px;
+ }
+/*
+A HORIZONTAL event
+*/
+.fc-h-event { /* allowed to be top-level */
+ display: block;
+ border: 1px solid #3788d8;
+ border: 1px solid var(--fc-event-border-color, #3788d8);
+ background-color: #3788d8;
+ background-color: var(--fc-event-bg-color, #3788d8)
+
+}
+.fc-h-event .fc-event-main {
+ color: #fff;
+ color: var(--fc-event-text-color, #fff);
+ }
+.fc-h-event .fc-event-main-frame {
+ display: flex; /* for make fc-event-title-container expand */
+ }
+.fc-h-event .fc-event-time {
+ max-width: 100%; /* clip overflow on this element */
+ overflow: hidden;
+ }
+.fc-h-event .fc-event-title-container { /* serves as a container for the sticky cushion */
+ flex-grow: 1;
+ flex-shrink: 1;
+ min-width: 0; /* important for allowing to shrink all the way */
+ }
+.fc-h-event .fc-event-title {
+ display: inline-block; /* need this to be sticky cross-browser */
+ vertical-align: top; /* for not messing up line-height */
+ left: 0; /* for sticky */
+ right: 0; /* for sticky */
+ max-width: 100%; /* clip overflow on this element */
+ overflow: hidden;
+ }
+.fc-h-event.fc-event-selected:before {
+ /* expand hit area */
+ top: -10px;
+ bottom: -10px;
+ }
+/* adjust border and border-radius (if there is any) for non-start/end */
+.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),
+.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ border-left-width: 0;
+}
+.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),
+.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ border-right-width: 0;
+}
+/* resizers */
+.fc-h-event:not(.fc-event-selected) .fc-event-resizer {
+ top: 0;
+ bottom: 0;
+ width: 8px;
+ width: var(--fc-event-resizer-thickness, 8px);
+}
+.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,
+.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {
+ cursor: w-resize;
+ left: -4px;
+ left: calc(var(--fc-event-resizer-thickness, 8px) / -2);
+}
+.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,
+.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {
+ cursor: e-resize;
+ right: -4px;
+ right: calc(var(--fc-event-resizer-thickness, 8px) / -2);
+}
+/* resizers for TOUCH */
+.fc-h-event.fc-event-selected .fc-event-resizer {
+ top: 50%;
+ margin-top: -4px;
+ margin-top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
+}
+.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,
+.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {
+ left: -4px;
+ left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
+}
+.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,
+.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {
+ right: -4px;
+ right: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
+}
+
+
+:root {
+ --fc-daygrid-event-dot-width: 8px;
+}
+.fc .fc-popover {
+ position: fixed;
+ top: 0; /* for when not positioned yet */
+ box-shadow: 0 2px 6px rgba(0,0,0,.15);
+ }
+.fc .fc-popover-header {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ padding: 3px 4px;
+ }
+.fc .fc-popover-title {
+ margin: 0 2px;
+ }
+.fc .fc-popover-close {
+ cursor: pointer;
+ opacity: 0.65;
+ font-size: 1.1em;
+ }
+.fc-theme-standard .fc-popover {
+ border: 1px solid #ddd;
+ border: 1px solid var(--fc-border-color, #ddd);
+ background: #fff;
+ background: var(--fc-page-bg-color, #fff);
+ }
+.fc-theme-standard .fc-popover-header {
+ background: rgba(208, 208, 208, 0.3);
+ background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
+ }
+/* help things clear margins of inner content */
+.fc-daygrid-day-frame,
+.fc-daygrid-day-events,
+.fc-daygrid-event-harness { /* for event top/bottom margins */
+}
+.fc-daygrid-day-frame:before, .fc-daygrid-day-events:before, .fc-daygrid-event-harness:before {
+ content: "";
+ clear: both;
+ display: table; }
+.fc-daygrid-day-frame:after, .fc-daygrid-day-events:after, .fc-daygrid-event-harness:after {
+ content: "";
+ clear: both;
+ display: table; }
+.fc .fc-daygrid-body { /* a that wraps the table */
+ position: relative;
+ z-index: 1; /* container inner z-index's because
s can't do it */
+ }
+.fc .fc-daygrid-day.fc-day-today {
+ background-color: rgba(255, 220, 40, 0.15);
+ background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
+ }
+.fc .fc-daygrid-day-frame {
+ position: relative;
+ min-height: 100%; /* seems to work better than `height` because sets height after rows/cells naturally do it */
+ }
+.fc {
+
+ /* cell top */
+
+}
+.fc .fc-daygrid-day-top {
+ display: flex;
+ flex-direction: row-reverse;
+ }
+.fc .fc-day-other .fc-daygrid-day-top {
+ opacity: 0.3;
+ }
+.fc {
+
+ /* day number (within cell top) */
+
+}
+.fc .fc-daygrid-day-number {
+ position: relative;
+ z-index: 4;
+ padding: 4px;
+ }
+.fc {
+
+ /* event container */
+
+}
+.fc .fc-daygrid-day-events {
+ margin-top: 1px; /* needs to be margin, not padding, so that available cell height can be computed */
+ }
+.fc {
+
+ /* positioning for balanced vs natural */
+
+}
+.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
+ position: absolute;
+ left: 0;
+ right: 0;
+ }
+.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
+ position: relative; /* for containing abs positioned event harnesses */
+ min-height: 2em; /* in addition to being a min-height during natural height, equalizes the heights a little bit */
+ }
+.fc .fc-daygrid-body-natural { /* can coexist with -unbalanced */
+ }
+.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
+ margin-bottom: 1em;
+ }
+.fc {
+
+ /* event harness */
+
+}
+.fc .fc-daygrid-event-harness {
+ position: relative;
+ }
+.fc .fc-daygrid-event-harness-abs {
+ position: absolute;
+ top: 0; /* fallback coords for when cannot yet be computed */
+ left: 0; /* */
+ right: 0; /* */
+ }
+.fc .fc-daygrid-bg-harness {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ }
+.fc {
+
+ /* bg content */
+
+}
+.fc .fc-daygrid-day-bg .fc-non-business { z-index: 1 }
+.fc .fc-daygrid-day-bg .fc-bg-event { z-index: 2 }
+.fc .fc-daygrid-day-bg .fc-highlight { z-index: 3 }
+.fc {
+
+ /* events */
+
+}
+.fc .fc-daygrid-event {
+ z-index: 6;
+ margin-top: 1px;
+ }
+.fc .fc-daygrid-event.fc-event-mirror {
+ z-index: 7;
+ }
+.fc {
+
+ /* cell bottom (within day-events) */
+
+}
+.fc .fc-daygrid-day-bottom {
+ font-size: .85em;
+ margin: 2px 3px 0;
+ }
+.fc .fc-daygrid-more-link {
+ position: relative;
+ z-index: 4;
+ cursor: pointer;
+ }
+.fc {
+
+ /* week number (within frame) */
+
+}
+.fc .fc-daygrid-week-number {
+ position: absolute;
+ z-index: 5;
+ top: 0;
+ padding: 2px;
+ min-width: 1.5em;
+ text-align: center;
+ background-color: rgba(208, 208, 208, 0.3);
+ background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
+ color: #808080;
+ color: var(--fc-neutral-text-color, #808080);
+ }
+.fc {
+
+ /* popover */
+
+}
+.fc .fc-more-popover {
+ z-index: 8;
+ }
+.fc .fc-more-popover .fc-popover-body {
+ min-width: 220px;
+ padding: 10px;
+ }
+.fc-direction-ltr .fc-daygrid-event.fc-event-start,
+.fc-direction-rtl .fc-daygrid-event.fc-event-end {
+ margin-left: 2px;
+}
+.fc-direction-ltr .fc-daygrid-event.fc-event-end,
+.fc-direction-rtl .fc-daygrid-event.fc-event-start {
+ margin-right: 2px;
+}
+.fc-direction-ltr .fc-daygrid-week-number {
+ left: 0;
+ border-radius: 0 0 3px 0;
+ }
+.fc-direction-rtl .fc-daygrid-week-number {
+ right: 0;
+ border-radius: 0 0 0 3px;
+ }
+.fc-liquid-hack .fc-daygrid-day-frame {
+ position: static; /* will cause inner absolute stuff to expand to */
+ }
+.fc-daygrid-event { /* make root-level, because will be dragged-and-dropped outside of a component root */
+ position: relative; /* for z-indexes assigned later */
+ white-space: nowrap;
+ border-radius: 3px; /* dot event needs this to when selected */
+ font-size: .85em;
+ font-size: var(--fc-small-font-size, .85em);
+}
+/* --- the rectangle ("block") style of event --- */
+.fc-daygrid-block-event .fc-event-time {
+ font-weight: bold;
+ }
+.fc-daygrid-block-event .fc-event-time,
+ .fc-daygrid-block-event .fc-event-title {
+ padding: 1px;
+ }
+/* --- the dot style of event --- */
+.fc-daygrid-dot-event {
+ display: flex;
+ align-items: center;
+ padding: 2px 0
+
+}
+.fc-daygrid-dot-event .fc-event-title {
+ flex-grow: 1;
+ flex-shrink: 1;
+ min-width: 0; /* important for allowing to shrink all the way */
+ overflow: hidden;
+ font-weight: bold;
+ }
+.fc-daygrid-dot-event:hover,
+ .fc-daygrid-dot-event.fc-event-mirror {
+ background: rgba(0, 0, 0, 0.1);
+ }
+.fc-daygrid-dot-event.fc-event-selected:before {
+ /* expand hit area */
+ top: -10px;
+ bottom: -10px;
+ }
+.fc-daygrid-event-dot { /* the actual dot */
+ margin: 0 4px;
+ box-sizing: content-box;
+ width: 0;
+ height: 0;
+ border: 4px solid #3788d8;
+ border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #3788d8);
+ border-radius: 4px;
+ border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2);
+}
+/* --- spacing between time and title --- */
+.fc-direction-ltr .fc-daygrid-event .fc-event-time {
+ margin-right: 3px;
+ }
+.fc-direction-rtl .fc-daygrid-event .fc-event-time {
+ margin-left: 3px;
+ }
+
+
+/*
+A VERTICAL event
+*/
+
+.fc-v-event { /* allowed to be top-level */
+ display: block;
+ border: 1px solid #3788d8;
+ border: 1px solid var(--fc-event-border-color, #3788d8);
+ background-color: #3788d8;
+ background-color: var(--fc-event-bg-color, #3788d8)
+
+}
+
+.fc-v-event .fc-event-main {
+ color: #fff;
+ color: var(--fc-event-text-color, #fff);
+ height: 100%;
+ }
+
+.fc-v-event .fc-event-main-frame {
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ }
+
+.fc-v-event .fc-event-time {
+ flex-grow: 0;
+ flex-shrink: 0;
+ max-height: 100%;
+ overflow: hidden;
+ }
+
+.fc-v-event .fc-event-title-container { /* a container for the sticky cushion */
+ flex-grow: 1;
+ flex-shrink: 1;
+ min-height: 0; /* important for allowing to shrink all the way */
+ }
+
+.fc-v-event .fc-event-title { /* will have fc-sticky on it */
+ top: 0;
+ bottom: 0;
+ max-height: 100%; /* clip overflow */
+ overflow: hidden;
+ }
+
+.fc-v-event:not(.fc-event-start) {
+ border-top-width: 0;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ }
+
+.fc-v-event:not(.fc-event-end) {
+ border-bottom-width: 0;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+
+.fc-v-event.fc-event-selected:before {
+ /* expand hit area */
+ left: -10px;
+ right: -10px;
+ }
+
+.fc-v-event {
+
+ /* resizer (mouse AND touch) */
+
+}
+
+.fc-v-event .fc-event-resizer-start {
+ cursor: n-resize;
+ }
+
+.fc-v-event .fc-event-resizer-end {
+ cursor: s-resize;
+ }
+
+.fc-v-event {
+
+ /* resizer for MOUSE */
+
+}
+
+.fc-v-event:not(.fc-event-selected) .fc-event-resizer {
+ height: 8px;
+ height: var(--fc-event-resizer-thickness, 8px);
+ left: 0;
+ right: 0;
+ }
+
+.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start {
+ top: -4px;
+ top: calc(var(--fc-event-resizer-thickness, 8px) / -2);
+ }
+
+.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end {
+ bottom: -4px;
+ bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2);
+ }
+
+.fc-v-event {
+
+ /* resizer for TOUCH (when event is "selected") */
+
+}
+
+.fc-v-event.fc-event-selected .fc-event-resizer {
+ left: 50%;
+ margin-left: -4px;
+ margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
+ }
+
+.fc-v-event.fc-event-selected .fc-event-resizer-start {
+ top: -4px;
+ top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
+ }
+
+.fc-v-event.fc-event-selected .fc-event-resizer-end {
+ bottom: -4px;
+ bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
+ }
+.fc .fc-timegrid .fc-daygrid-body { /* the all-day daygrid within the timegrid view */
+ z-index: 2; /* put above the timegrid-body so that more-popover is above everything. TODO: better solution */
+ }
+.fc .fc-timegrid-divider {
+ padding: 0 0 2px; /* browsers get confused when you set height. use padding instead */
+ }
+.fc .fc-timegrid-body {
+ position: relative;
+ z-index: 1; /* scope the z-indexes of slots and cols */
+ min-height: 100%; /* fill height always, even when slat table doesn't grow */
+ }
+.fc .fc-timegrid-axis-chunk { /* for advanced ScrollGrid */
+ position: relative /* offset parent for now-indicator-container */
+
+ }
+.fc .fc-timegrid-axis-chunk > table {
+ position: relative;
+ z-index: 1; /* above the now-indicator-container */
+ }
+.fc .fc-timegrid-slots {
+ position: relative;
+ z-index: 1;
+ }
+.fc .fc-timegrid-slot { /* a */
+ height: 1.5em;
+ border-bottom: 0 /* each cell owns its top border */
+ }
+.fc .fc-timegrid-slot:empty:before {
+ content: '\00a0'; /* make sure there's at least an empty space to create height for height syncing */
+ }
+.fc .fc-timegrid-slot-minor {
+ border-top-style: dotted;
+ }
+.fc .fc-timegrid-slot-label-cushion {
+ display: inline-block;
+ white-space: nowrap;
+ }
+.fc .fc-timegrid-slot-label {
+ vertical-align: middle; /* vertical align the slots */
+ }
+.fc {
+
+
+ /* slots AND axis cells (top-left corner of view including the "all-day" text) */
+
+}
+.fc .fc-timegrid-axis-cushion,
+ .fc .fc-timegrid-slot-label-cushion {
+ padding: 0 4px;
+ }
+.fc {
+
+
+ /* axis cells (top-left corner of view including the "all-day" text) */
+ /* vertical align is more complicated, uses flexbox */
+
+}
+.fc .fc-timegrid-axis-frame-liquid {
+ height: 100%; /* will need liquid-hack in FF */
+ }
+.fc .fc-timegrid-axis-frame {
+ overflow: hidden;
+ display: flex;
+ align-items: center; /* vertical align */
+ justify-content: flex-end; /* horizontal align. matches text-align below */
+ }
+.fc .fc-timegrid-axis-cushion {
+ max-width: 60px; /* limits the width of the "all-day" text */
+ flex-shrink: 0; /* allows text to expand how it normally would, regardless of constrained width */
+ }
+.fc-direction-ltr .fc-timegrid-slot-label-frame {
+ text-align: right;
+ }
+.fc-direction-rtl .fc-timegrid-slot-label-frame {
+ text-align: left;
+ }
+.fc-liquid-hack .fc-timegrid-axis-frame-liquid {
+ height: auto;
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ }
+.fc .fc-timegrid-col.fc-day-today {
+ background-color: rgba(255, 220, 40, 0.15);
+ background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
+ }
+.fc .fc-timegrid-col-frame {
+ min-height: 100%; /* liquid-hack is below */
+ position: relative;
+ }
+.fc-liquid-hack .fc-timegrid-col-frame {
+ height: auto;
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ }
+.fc-media-screen .fc-timegrid-cols {
+ position: absolute; /* no z-index. children will decide and go above slots */
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0
+ }
+.fc-media-screen .fc-timegrid-cols > table {
+ height: 100%;
+ }
+.fc-media-screen .fc-timegrid-col-bg,
+ .fc-media-screen .fc-timegrid-col-events,
+ .fc-media-screen .fc-timegrid-now-indicator-container {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ }
+.fc-media-screen .fc-timegrid-event-harness {
+ position: absolute; /* top/left/right/bottom will all be set by JS */
+ }
+.fc {
+
+ /* bg */
+
+}
+.fc .fc-timegrid-col-bg {
+ z-index: 2; /* TODO: kill */
+ }
+.fc .fc-timegrid-col-bg .fc-non-business { z-index: 1 }
+.fc .fc-timegrid-col-bg .fc-bg-event { z-index: 2 }
+.fc .fc-timegrid-col-bg .fc-highlight { z-index: 3 }
+.fc .fc-timegrid-bg-harness {
+ position: absolute; /* top/bottom will be set by JS */
+ left: 0;
+ right: 0;
+ }
+.fc {
+
+ /* fg events */
+ /* (the mirror segs are put into a separate container with same classname, */
+ /* and they must be after the normal seg container to appear at a higher z-index) */
+
+}
+.fc .fc-timegrid-col-events {
+ z-index: 3;
+ /* child event segs have z-indexes that are scoped within this div */
+ }
+.fc {
+
+ /* now indicator */
+
+}
+.fc .fc-timegrid-now-indicator-container {
+ bottom: 0;
+ overflow: hidden; /* don't let overflow of lines/arrows cause unnecessary scrolling */
+ /* z-index is set on the individual elements */
+ }
+.fc-direction-ltr .fc-timegrid-col-events {
+ margin: 0 2.5% 0 2px;
+ }
+.fc-direction-rtl .fc-timegrid-col-events {
+ margin: 0 2px 0 2.5%;
+ }
+.fc-timegrid-event-harness-inset .fc-timegrid-event,
+.fc-timegrid-event.fc-event-mirror {
+ box-shadow: 0px 0px 0px 1px #fff;
+ box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff);
+}
+.fc-timegrid-event { /* events need to be root */
+
+ font-size: .85em;
+
+ font-size: var(--fc-small-font-size, .85em);
+ border-radius: 3px
+
+}
+.fc-timegrid-event .fc-event-main {
+ padding: 1px 1px 0;
+ }
+.fc-timegrid-event .fc-event-time {
+ white-space: nowrap;
+ font-size: .85em;
+ font-size: var(--fc-small-font-size, .85em);
+ margin-bottom: 1px;
+ }
+.fc-timegrid-event-condensed .fc-event-main-frame {
+ flex-direction: row;
+ overflow: hidden;
+ }
+.fc-timegrid-event-condensed .fc-event-time:after {
+ content: '\00a0-\00a0'; /* dash surrounded by non-breaking spaces */
+ }
+.fc-timegrid-event-condensed .fc-event-title {
+ font-size: .85em;
+ font-size: var(--fc-small-font-size, .85em)
+ }
+.fc-media-screen .fc-timegrid-event {
+ position: absolute; /* absolute WITHIN the harness */
+ top: 0;
+ bottom: 1px; /* stay away from bottom slot line */
+ left: 0;
+ right: 0;
+ }
+.fc {
+
+ /* line */
+
+}
+.fc .fc-timegrid-now-indicator-line {
+ position: absolute;
+ z-index: 4;
+ left: 0;
+ right: 0;
+ border-style: solid;
+ border-color: red;
+ border-color: var(--fc-now-indicator-color, red);
+ border-width: 1px 0 0;
+ }
+.fc {
+
+ /* arrow */
+
+}
+.fc .fc-timegrid-now-indicator-arrow {
+ position: absolute;
+ z-index: 4;
+ margin-top: -5px; /* vertically center on top coordinate */
+ border-style: solid;
+ border-color: red;
+ border-color: var(--fc-now-indicator-color, red);
+ }
+.fc-direction-ltr .fc-timegrid-now-indicator-arrow {
+ left: 0;
+
+ /* triangle pointing right. TODO: mixin */
+ border-width: 5px 0 5px 6px;
+ border-top-color: transparent;
+ border-bottom-color: transparent;
+ }
+.fc-direction-rtl .fc-timegrid-now-indicator-arrow {
+ right: 0;
+
+ /* triangle pointing left. TODO: mixin */
+ border-width: 5px 6px 5px 0;
+ border-top-color: transparent;
+ border-bottom-color: transparent;
+ }
+
+
+:root {
+ --fc-list-event-dot-width: 10px;
+ --fc-list-event-hover-bg-color: #f5f5f5;
+}
+.fc-theme-standard .fc-list {
+ border: 1px solid #ddd;
+ border: 1px solid var(--fc-border-color, #ddd);
+ }
+.fc {
+
+ /* message when no events */
+
+}
+.fc .fc-list-empty {
+ background-color: rgba(208, 208, 208, 0.3);
+ background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center; /* vertically aligns fc-list-empty-inner */
+ }
+.fc .fc-list-empty-cushion {
+ margin: 5em 0;
+ }
+.fc {
+
+ /* table within the scroller */
+ /* ---------------------------------------------------------------------------------------------------- */
+
+}
+.fc .fc-list-table {
+ width: 100%;
+ border-style: hidden; /* kill outer border on theme */
+ }
+.fc .fc-list-table tr > * {
+ border-left: 0;
+ border-right: 0;
+ }
+.fc .fc-list-sticky .fc-list-day > * { /* the cells */
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ background: #fff;
+ background: var(--fc-page-bg-color, #fff); /* for when headers are styled to be transparent and sticky */
+ }
+.fc .fc-list-table th {
+ padding: 0; /* uses an inner-wrapper instead... */
+ }
+.fc .fc-list-table td,
+ .fc .fc-list-day-cushion {
+ padding: 8px 14px;
+ }
+.fc {
+
+
+ /* date heading rows */
+ /* ---------------------------------------------------------------------------------------------------- */
+
+}
+.fc .fc-list-day-cushion:after {
+ content: "";
+ clear: both;
+ display: table; /* clear floating */
+ }
+.fc-theme-standard .fc-list-day-cushion {
+ background-color: rgba(208, 208, 208, 0.3);
+ background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
+ }
+.fc-direction-ltr .fc-list-day-text,
+.fc-direction-rtl .fc-list-day-side-text {
+ float: left;
+}
+.fc-direction-ltr .fc-list-day-side-text,
+.fc-direction-rtl .fc-list-day-text {
+ float: right;
+}
+/* make the dot closer to the event title */
+.fc-direction-ltr .fc-list-table .fc-list-event-graphic { padding-right: 0 }
+.fc-direction-rtl .fc-list-table .fc-list-event-graphic { padding-left: 0 }
+.fc .fc-list-event.fc-event-forced-url {
+ cursor: pointer; /* whole row will seem clickable */
+ }
+.fc .fc-list-event:hover td {
+ background-color: #f5f5f5;
+ background-color: var(--fc-list-event-hover-bg-color, #f5f5f5);
+ }
+.fc {
+
+ /* shrink certain cols */
+
+}
+.fc .fc-list-event-graphic,
+ .fc .fc-list-event-time {
+ white-space: nowrap;
+ width: 1px;
+ }
+.fc .fc-list-event-dot {
+ display: inline-block;
+ box-sizing: content-box;
+ width: 0;
+ height: 0;
+ border: 5px solid #3788d8;
+ border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #3788d8);
+ border-radius: 5px;
+ border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2);
+ }
+.fc {
+
+ /* reset styling */
+
+}
+.fc .fc-list-event-title a {
+ color: inherit;
+ text-decoration: none;
+ }
+.fc {
+
+ /* underline link when hovering over any part of row */
+
+}
+.fc .fc-list-event.fc-event-forced-url:hover a {
+ text-decoration: underline;
+ }
+
+
+
+ .fc-theme-bootstrap a:not([href]) {
+ color: inherit; /* natural color for navlinks */
+ }
diff --git a/assets/scss/material-kit/plugins/pro/_glidejs.scss b/assets/scss/material-kit/plugins/pro/_glidejs.scss
new file mode 100644
index 00000000..96a042b1
--- /dev/null
+++ b/assets/scss/material-kit/plugins/pro/_glidejs.scss
@@ -0,0 +1,179 @@
+/*!
+ * Glide.js v3.4.1
+ * (c) 2013-2020 Jędrzej Chałubek (http://jedrzejchalubek.com/)
+ * Released under the MIT License.
+ */
+.glide {
+ position: relative;
+ width: 100%;
+ box-sizing: border-box;
+}
+
+.glide * {
+ box-sizing: inherit;
+}
+
+.glide__track {
+ overflow: hidden;
+}
+
+.glide__slides {
+ position: relative;
+ width: 100%;
+ list-style: none;
+ backface-visibility: hidden;
+ transform-style: preserve-3d;
+ touch-action: pan-Y;
+ overflow: hidden;
+ padding: 0;
+ white-space: nowrap;
+ display: flex;
+ flex-wrap: nowrap;
+ will-change: transform;
+ padding: 40px 0;
+}
+
+.glide__slides--dragging {
+ user-select: none;
+}
+
+.glide__slide {
+ width: 100%;
+ height: 100%;
+ flex-shrink: 0;
+ white-space: normal;
+ user-select: none;
+ -webkit-touch-callout: none;
+ -webkit-tap-highlight-color: transparent;
+}
+
+.glide__slide a {
+ user-select: none;
+ -webkit-user-drag: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+}
+
+.glide__arrows {
+ -webkit-touch-callout: none;
+ user-select: none;
+}
+
+.glide__bullets {
+ -webkit-touch-callout: none;
+ user-select: none;
+}
+
+.glide--rtl {
+ direction: rtl;
+}
+
+.glide__arrow {
+ position: absolute;
+ display: block;
+ top: 50%;
+ z-index: 2;
+ color: white;
+ text-transform: uppercase;
+ padding: 9px 12px;
+ background-color: transparent;
+ border: 2px solid rgba(255, 255, 255, 0.5);
+ border-radius: 4px;
+ box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
+ text-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1);
+ opacity: 1;
+ cursor: pointer;
+ transition: opacity 150ms ease, border 300ms ease-in-out;
+ transform: translateY(-50%);
+ line-height: 1;
+}
+
+.glide__arrow:focus {
+ outline: none;
+}
+
+.glide__arrow:hover {
+ border-color: white;
+}
+
+.glide__arrow--left {
+ left: 2em;
+}
+
+.glide__arrow--right {
+ right: 2em;
+}
+
+.glide__arrow--disabled {
+ opacity: 0.33;
+}
+
+.glide__bullets {
+ position: absolute;
+ z-index: 2;
+ bottom: 2em;
+ left: 50%;
+ display: inline-flex;
+ list-style: none;
+ transform: translateX(-50%);
+}
+
+.glide__bullet {
+ background-color: rgba(255, 255, 255, 0.5);
+ width: 9px;
+ height: 9px;
+ padding: 0;
+ border-radius: 50%;
+ border: 2px solid transparent;
+ transition: all 300ms ease-in-out;
+ cursor: pointer;
+ line-height: 0;
+ box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
+ margin: 0 0.25em;
+}
+
+.glide__bullet:focus {
+ outline: none;
+}
+
+.glide__bullet:focus,
+.glide__bullet:hover {
+ border: 2px solid white;
+ background-color: rgba(255, 255, 255, 0.5);
+}
+
+.glide__bullet--active {
+ background-color: white;
+}
+
+.glide--swipeable {
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab;
+}
+
+.glide--dragging {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing;
+}
+
+
+
+.glide__slides {
+ overflow: visible;
+ transform-style: preserve-3d;
+}
+
+.glide__slide {
+ transform: perspective(2000px);
+}
+
+.glide__container {
+ border: 1px solid $gray-200;
+ border-radius: $border-radius-xl;
+ transition: all 500ms ease;
+ will-change: transform;
+ transform-style: preserve-3d;
+ position: relative;
+}
diff --git a/assets/scss/material-kit/plugins/pro/_highlight.scss b/assets/scss/material-kit/plugins/pro/_highlight.scss
new file mode 100644
index 00000000..62923bd7
--- /dev/null
+++ b/assets/scss/material-kit/plugins/pro/_highlight.scss
@@ -0,0 +1,83 @@
+/*!
+* Highlight.js 10.7.2 (00233d63)
+* License: BSD-3-Clause
+* Copyright (c) 2006-2021, Ivan Sagalaev
+ */
+.hljs {
+ display: block;
+ overflow-x: auto;
+ padding: 0.5em;
+ background: #f0f0f0;
+}
+
+.hljs,
+.hljs-subst {
+ color: #444;
+}
+
+.hljs-comment {
+ color: #888;
+}
+
+.hljs-attribute,
+.hljs-doctag,
+.hljs-keyword,
+.hljs-meta-keyword,
+.hljs-name,
+.hljs-selector-tag {
+ font-weight: 700;
+}
+
+.hljs-deletion,
+.hljs-number,
+.hljs-quote,
+.hljs-selector-class,
+.hljs-selector-id,
+.hljs-string,
+.hljs-template-tag,
+.hljs-type {
+ color: #800;
+}
+
+.hljs-section,
+.hljs-title {
+ color: #800;
+ font-weight: 700;
+}
+
+.hljs-link,
+.hljs-regexp,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-symbol,
+.hljs-template-variable,
+.hljs-variable {
+ color: #bc6060;
+}
+
+.hljs-literal {
+ color: #78a960;
+}
+
+.hljs-addition,
+.hljs-built_in,
+.hljs-bullet,
+.hljs-code {
+ color: #397300;
+}
+
+.hljs-meta {
+ color: #1f7199;
+}
+
+.hljs-meta-string {
+ color: #4d99bf;
+}
+
+.hljs-emphasis {
+ font-style: italic;
+}
+
+.hljs-strong {
+ font-weight: 700;
+}
diff --git a/assets/scss/material-kit/plugins/pro/_kanban.scss b/assets/scss/material-kit/plugins/pro/_kanban.scss
new file mode 100644
index 00000000..c6499c8e
--- /dev/null
+++ b/assets/scss/material-kit/plugins/pro/_kanban.scss
@@ -0,0 +1,158 @@
+.kanban-container {
+ position: relative;
+ box-sizing: border-box;
+ width: auto;
+ overflow: scroll;
+}
+
+.kanban-container * {
+ box-sizing: border-box;
+}
+
+.kanban-container:after {
+ clear: both;
+ display: block;
+ content: "";
+}
+
+.kanban-board {
+ position: relative;
+ float: left;
+ background: $gray-200;
+ transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
+ border-radius: $border-radius-lg;
+}
+
+.kanban-board.disabled-board {
+ opacity: 0.3;
+}
+
+.kanban-board.is-moving.gu-mirror {
+ transform: rotate(3deg);
+}
+
+.kanban-board.is-moving.gu-mirror .kanban-drag {
+ overflow: hidden;
+ padding-right: 50px;
+}
+
+.kanban-board header {
+ font-size: 16px;
+ padding: 20px;
+}
+
+.kanban-board header .kanban-title-board {
+ font-weight: 600;
+ margin: 0;
+ padding: 0;
+ display: inline;
+ color: $dark;
+}
+
+.kanban-board header .kanban-title-button {
+ float: right;
+}
+
+.kanban-board .kanban-drag {
+ min-height: 200px;
+ padding: 20px;
+}
+
+.kanban-board:after {
+ clear: both;
+ display: block;
+ content: "";
+}
+
+.kanban-item {
+ background: #fff;
+ padding: 15px;
+ margin-bottom: 20px;
+ transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
+ img.w-100{
+ border-radius: $border-radius-lg;
+ }
+}
+
+.kanban-item:hover {
+ cursor: move;
+}
+
+.kanban-item:last-child {
+ margin: 0;
+}
+
+.kanban-item.is-moving.gu-mirror {
+ transform: rotate(3deg);
+ height: auto !important;
+}
+
+/* Dragula CSS */
+.gu-mirror {
+ position: fixed !important;
+ margin: 0 !important;
+ z-index: 9999 !important;
+}
+
+.gu-hide {
+ display: none !important;
+}
+
+.gu-unselectable {
+ -webkit-user-select: none !important;
+ -moz-user-select: none !important;
+ -ms-user-select: none !important;
+ user-select: none !important;
+}
+
+.gu-transit {
+ box-shadow: $blur-box-shadow;
+ -webkit-backdrop-filter: $blur-backdrop-filter;
+ backdrop-filter: $blur-backdrop-filter;
+ background-color: $card-background-blur !important;
+ box-shadow: $shadow-blur-box-shadow !important;
+}
+
+.drag_handler {
+ background: #fff;
+ border-radius: 50%;
+ width: 24px;
+ height: 24px;
+ position: relative;
+ float: left;
+ top: -3px;
+ margin-right: 4px;
+}
+
+.drag_handler:hover {
+ cursor: move;
+}
+
+.drag_handler_icon {
+ position: relative;
+ display: block;
+ background: #000;
+ width: 24px;
+ height: 2px;
+ top: 12px;
+ transition: .5s ease-in-out;
+}
+
+.drag_handler_icon:before,
+.drag_handler_icon:after {
+ background: #000;
+ content: '';
+ display: block;
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ transition: .5s ease-in-out;
+}
+
+ .drag_handler_icon:before {
+ top: 6px;
+}
+
+.drag_handler_icon:after {
+ bottom: 6px;
+}
diff --git a/assets/scss/material-kit/plugins/pro/_leaflet.scss b/assets/scss/material-kit/plugins/pro/_leaflet.scss
new file mode 100644
index 00000000..df7c7c7b
--- /dev/null
+++ b/assets/scss/material-kit/plugins/pro/_leaflet.scss
@@ -0,0 +1,656 @@
+.leaflet {
+ height: 250px;
+}
+
+.leaflet-bar a, .leaflet-bar a:hover{
+ background: $dark;
+ color: rgba($white, 0.7);
+ border-bottom-color: $dark-gradient;
+}
+
+.leaflet-bar a.leaflet-disabled{
+ background: $dark-gradient;
+}
+
+
+// Plugin Styling
+/* required styles */
+
+.leaflet-pane,
+.leaflet-tile,
+.leaflet-marker-icon,
+.leaflet-marker-shadow,
+.leaflet-tile-container,
+.leaflet-pane > svg,
+.leaflet-pane > canvas,
+.leaflet-zoom-box,
+.leaflet-image-layer,
+.leaflet-layer {
+ position: absolute;
+ left: 0;
+ top: 0;
+ }
+.leaflet-container {
+ overflow: hidden;
+ }
+.leaflet-tile,
+.leaflet-marker-icon,
+.leaflet-marker-shadow {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+ -webkit-user-drag: none;
+ }
+/* Prevents IE11 from highlighting tiles in blue */
+.leaflet-tile::selection {
+ background: transparent;
+}
+/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
+.leaflet-safari .leaflet-tile {
+ image-rendering: -webkit-optimize-contrast;
+ }
+/* hack that prevents hw layers "stretching" when loading new tiles */
+.leaflet-safari .leaflet-tile-container {
+ width: 1600px;
+ height: 1600px;
+ -webkit-transform-origin: 0 0;
+ }
+.leaflet-marker-icon,
+.leaflet-marker-shadow {
+ display: block;
+ }
+/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
+/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
+.leaflet-container .leaflet-overlay-pane svg,
+.leaflet-container .leaflet-marker-pane img,
+.leaflet-container .leaflet-shadow-pane img,
+.leaflet-container .leaflet-tile-pane img,
+.leaflet-container img.leaflet-image-layer,
+.leaflet-container .leaflet-tile {
+ max-width: none !important;
+ max-height: none !important;
+ }
+
+.leaflet-container.leaflet-touch-zoom {
+ -ms-touch-action: pan-x pan-y;
+ touch-action: pan-x pan-y;
+ }
+.leaflet-container.leaflet-touch-drag {
+ -ms-touch-action: pinch-zoom;
+ /* Fallback for FF which doesn't support pinch-zoom */
+ touch-action: none;
+ touch-action: pinch-zoom;
+}
+.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
+ -ms-touch-action: none;
+ touch-action: none;
+}
+.leaflet-container {
+ -webkit-tap-highlight-color: transparent;
+}
+.leaflet-container a {
+ -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
+}
+.leaflet-tile {
+ filter: inherit;
+ visibility: hidden;
+ }
+.leaflet-tile-loaded {
+ visibility: inherit;
+ }
+.leaflet-zoom-box {
+ width: 0;
+ height: 0;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ z-index: 800;
+ }
+/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
+.leaflet-overlay-pane svg {
+ -moz-user-select: none;
+ }
+
+.leaflet-pane { z-index: 400; }
+
+.leaflet-tile-pane { z-index: 200; }
+.leaflet-overlay-pane { z-index: 400; }
+.leaflet-shadow-pane { z-index: 500; }
+.leaflet-marker-pane { z-index: 600; }
+.leaflet-tooltip-pane { z-index: 650; }
+.leaflet-popup-pane { z-index: 700; }
+
+.leaflet-map-pane canvas { z-index: 100; }
+.leaflet-map-pane svg { z-index: 200; }
+
+.leaflet-vml-shape {
+ width: 1px;
+ height: 1px;
+ }
+.lvml {
+ behavior: url(#default#VML);
+ display: inline-block;
+ position: absolute;
+ }
+
+
+/* control positioning */
+
+.leaflet-control {
+ position: relative;
+ z-index: 800;
+ pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
+ pointer-events: auto;
+ }
+.leaflet-top,
+.leaflet-bottom {
+ position: absolute;
+ z-index: 1000;
+ pointer-events: none;
+ }
+.leaflet-top {
+ top: 0;
+ }
+.leaflet-right {
+ right: 0;
+ }
+.leaflet-bottom {
+ bottom: 0;
+ }
+.leaflet-left {
+ left: 0;
+ }
+.leaflet-control {
+ float: left;
+ clear: both;
+ }
+.leaflet-right .leaflet-control {
+ float: right;
+ }
+.leaflet-top .leaflet-control {
+ margin-top: 10px;
+ }
+.leaflet-bottom .leaflet-control {
+ margin-bottom: 10px;
+ }
+.leaflet-left .leaflet-control {
+ margin-left: 10px;
+ }
+.leaflet-right .leaflet-control {
+ margin-right: 10px;
+ }
+
+
+/* zoom and fade animations */
+
+.leaflet-fade-anim .leaflet-tile {
+ will-change: opacity;
+ }
+.leaflet-fade-anim .leaflet-popup {
+ opacity: 0;
+ -webkit-transition: opacity 0.2s linear;
+ -moz-transition: opacity 0.2s linear;
+ transition: opacity 0.2s linear;
+ }
+.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
+ opacity: 1;
+ }
+.leaflet-zoom-animated {
+ -webkit-transform-origin: 0 0;
+ -ms-transform-origin: 0 0;
+ transform-origin: 0 0;
+ }
+.leaflet-zoom-anim .leaflet-zoom-animated {
+ will-change: transform;
+ }
+.leaflet-zoom-anim .leaflet-zoom-animated {
+ -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
+ -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
+ transition: transform 0.25s cubic-bezier(0,0,0.25,1);
+ }
+.leaflet-zoom-anim .leaflet-tile,
+.leaflet-pan-anim .leaflet-tile {
+ -webkit-transition: none;
+ -moz-transition: none;
+ transition: none;
+ }
+
+.leaflet-zoom-anim .leaflet-zoom-hide {
+ visibility: hidden;
+ }
+
+
+/* cursors */
+
+.leaflet-interactive {
+ cursor: pointer;
+ }
+.leaflet-grab {
+ cursor: -webkit-grab;
+ cursor: -moz-grab;
+ cursor: grab;
+ }
+.leaflet-crosshair,
+.leaflet-crosshair .leaflet-interactive {
+ cursor: crosshair;
+ }
+.leaflet-popup-pane,
+.leaflet-control {
+ cursor: auto;
+ }
+.leaflet-dragging .leaflet-grab,
+.leaflet-dragging .leaflet-grab .leaflet-interactive,
+.leaflet-dragging .leaflet-marker-draggable {
+ cursor: move;
+ cursor: -webkit-grabbing;
+ cursor: -moz-grabbing;
+ cursor: grabbing;
+ }
+
+/* marker & overlays interactivity */
+.leaflet-marker-icon,
+.leaflet-marker-shadow,
+.leaflet-image-layer,
+.leaflet-pane > svg path,
+.leaflet-tile-container {
+ pointer-events: none;
+ }
+
+.leaflet-marker-icon.leaflet-interactive,
+.leaflet-image-layer.leaflet-interactive,
+.leaflet-pane > svg path.leaflet-interactive,
+svg.leaflet-image-layer.leaflet-interactive path {
+ pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
+ pointer-events: auto;
+ }
+
+/* visual tweaks */
+
+.leaflet-container {
+ background: #ddd;
+ outline: 0;
+ }
+.leaflet-container a {
+ color: #0078A8;
+ }
+.leaflet-container a.leaflet-active {
+ outline: 2px solid orange;
+ }
+.leaflet-zoom-box {
+ border: 2px dotted #38f;
+ background: rgba(255,255,255,0.5);
+ }
+
+
+/* general typography */
+.leaflet-container {
+ font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
+ }
+
+
+/* general toolbar styles */
+
+.leaflet-bar {
+ box-shadow: 0 1px 5px rgba(0,0,0,0.65);
+ border-radius: 4px;
+ }
+.leaflet-bar a,
+.leaflet-bar a:hover {
+ background-color: #fff;
+ border-bottom: 1px solid #ccc;
+ width: 26px;
+ height: 26px;
+ line-height: 26px;
+ display: block;
+ text-align: center;
+ text-decoration: none;
+ color: black;
+ }
+.leaflet-bar a,
+.leaflet-control-layers-toggle {
+ background-position: 50% 50%;
+ background-repeat: no-repeat;
+ display: block;
+ }
+.leaflet-bar a:hover {
+ background-color: #f4f4f4;
+ }
+.leaflet-bar a:first-child {
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+ }
+.leaflet-bar a:last-child {
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+ border-bottom: none;
+ }
+.leaflet-bar a.leaflet-disabled {
+ cursor: default;
+ background-color: #f4f4f4;
+ color: #bbb;
+ }
+
+.leaflet-touch .leaflet-bar a {
+ width: 30px;
+ height: 30px;
+ line-height: 30px;
+ }
+.leaflet-touch .leaflet-bar a:first-child {
+ border-top-left-radius: 2px;
+ border-top-right-radius: 2px;
+ }
+.leaflet-touch .leaflet-bar a:last-child {
+ border-bottom-left-radius: 2px;
+ border-bottom-right-radius: 2px;
+ }
+
+/* zoom control */
+
+.leaflet-control-zoom-in,
+.leaflet-control-zoom-out {
+ font: bold 18px 'Lucida Console', Monaco, monospace;
+ text-indent: 1px;
+ }
+
+.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
+ font-size: 22px;
+ }
+
+
+/* layers control */
+
+.leaflet-control-layers {
+ box-shadow: 0 1px 5px rgba(0,0,0,0.4);
+ background: #fff;
+ border-radius: 5px;
+ }
+.leaflet-control-layers-toggle {
+ background-image: url(images/layers.png);
+ width: 36px;
+ height: 36px;
+ }
+.leaflet-retina .leaflet-control-layers-toggle {
+ background-image: url(images/layers-2x.png);
+ background-size: 26px 26px;
+ }
+.leaflet-touch .leaflet-control-layers-toggle {
+ width: 44px;
+ height: 44px;
+ }
+.leaflet-control-layers .leaflet-control-layers-list,
+.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
+ display: none;
+ }
+.leaflet-control-layers-expanded .leaflet-control-layers-list {
+ display: block;
+ position: relative;
+ }
+.leaflet-control-layers-expanded {
+ padding: 6px 10px 6px 6px;
+ color: #333;
+ background: #fff;
+ }
+.leaflet-control-layers-scrollbar {
+ overflow-y: scroll;
+ overflow-x: hidden;
+ padding-right: 5px;
+ }
+.leaflet-control-layers-selector {
+ margin-top: 2px;
+ position: relative;
+ top: 1px;
+ }
+.leaflet-control-layers label {
+ display: block;
+ }
+.leaflet-control-layers-separator {
+ height: 0;
+ border-top: 1px solid #ddd;
+ margin: 5px -10px 5px -6px;
+ }
+
+/* Default icon URLs */
+.leaflet-default-icon-path {
+ background-image: url(images/marker-icon.png);
+ }
+
+
+/* attribution and scale controls */
+
+.leaflet-container .leaflet-control-attribution {
+ background: #fff;
+ background: rgba(255, 255, 255, 0.7);
+ margin: 0;
+ }
+.leaflet-control-attribution,
+.leaflet-control-scale-line {
+ padding: 0 5px;
+ color: #333;
+ }
+.leaflet-control-attribution a {
+ text-decoration: none;
+ }
+.leaflet-control-attribution a:hover {
+ text-decoration: underline;
+ }
+.leaflet-container .leaflet-control-attribution,
+.leaflet-container .leaflet-control-scale {
+ font-size: 11px;
+ }
+.leaflet-left .leaflet-control-scale {
+ margin-left: 5px;
+ }
+.leaflet-bottom .leaflet-control-scale {
+ margin-bottom: 5px;
+ }
+.leaflet-control-scale-line {
+ border: 2px solid #777;
+ border-top: none;
+ line-height: 1.1;
+ padding: 2px 5px 1px;
+ font-size: 11px;
+ white-space: nowrap;
+ overflow: hidden;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+
+ background: #fff;
+ background: rgba(255, 255, 255, 0.5);
+ }
+.leaflet-control-scale-line:not(:first-child) {
+ border-top: 2px solid #777;
+ border-bottom: none;
+ margin-top: -2px;
+ }
+.leaflet-control-scale-line:not(:first-child):not(:last-child) {
+ border-bottom: 2px solid #777;
+ }
+
+.leaflet-touch .leaflet-control-attribution,
+.leaflet-touch .leaflet-control-layers,
+.leaflet-touch .leaflet-bar {
+ box-shadow: none;
+ }
+.leaflet-touch .leaflet-control-layers,
+.leaflet-touch .leaflet-bar {
+ border: 2px solid rgba(0,0,0,0.2);
+ background-clip: padding-box;
+ }
+
+
+/* popup */
+
+.leaflet-popup {
+ position: absolute;
+ text-align: center;
+ margin-bottom: 20px;
+ }
+.leaflet-popup-content-wrapper {
+ padding: 1px;
+ text-align: left;
+ border-radius: 12px;
+ }
+.leaflet-popup-content {
+ margin: 13px 19px;
+ line-height: 1.4;
+ }
+.leaflet-popup-content p {
+ margin: 18px 0;
+ }
+.leaflet-popup-tip-container {
+ width: 40px;
+ height: 20px;
+ position: absolute;
+ left: 50%;
+ margin-left: -20px;
+ overflow: hidden;
+ pointer-events: none;
+ }
+.leaflet-popup-tip {
+ width: 17px;
+ height: 17px;
+ padding: 1px;
+
+ margin: -10px auto 0;
+
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+ }
+.leaflet-popup-content-wrapper,
+.leaflet-popup-tip {
+ background: white;
+ color: #333;
+ box-shadow: 0 3px 14px rgba(0,0,0,0.4);
+ }
+.leaflet-container a.leaflet-popup-close-button {
+ position: absolute;
+ top: 0;
+ right: 0;
+ padding: 4px 4px 0 0;
+ border: none;
+ text-align: center;
+ width: 18px;
+ height: 14px;
+ font: 16px/14px Tahoma, Verdana, sans-serif;
+ color: #c3c3c3;
+ text-decoration: none;
+ font-weight: bold;
+ background: transparent;
+ }
+.leaflet-container a.leaflet-popup-close-button:hover {
+ color: #999;
+ }
+.leaflet-popup-scrolled {
+ overflow: auto;
+ border-bottom: 1px solid #ddd;
+ border-top: 1px solid #ddd;
+ }
+
+.leaflet-oldie .leaflet-popup-content-wrapper {
+ -ms-zoom: 1;
+ }
+.leaflet-oldie .leaflet-popup-tip {
+ width: 24px;
+ margin: 0 auto;
+
+ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
+ filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
+ }
+.leaflet-oldie .leaflet-popup-tip-container {
+ margin-top: -1px;
+ }
+
+.leaflet-oldie .leaflet-control-zoom,
+.leaflet-oldie .leaflet-control-layers,
+.leaflet-oldie .leaflet-popup-content-wrapper,
+.leaflet-oldie .leaflet-popup-tip {
+ border: 1px solid #999;
+ }
+
+
+/* div icon */
+
+.leaflet-div-icon {
+ background: #fff;
+ border: 1px solid #666;
+ }
+
+
+/* Tooltip */
+/* Base styles for the element that has a tooltip */
+.leaflet-tooltip {
+ position: absolute;
+ padding: 6px;
+ background-color: #fff;
+ border: 1px solid #fff;
+ border-radius: 3px;
+ color: #222;
+ white-space: nowrap;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ pointer-events: none;
+ box-shadow: 0 1px 3px rgba(0,0,0,0.4);
+ }
+.leaflet-tooltip.leaflet-clickable {
+ cursor: pointer;
+ pointer-events: auto;
+ }
+.leaflet-tooltip-top:before,
+.leaflet-tooltip-bottom:before,
+.leaflet-tooltip-left:before,
+.leaflet-tooltip-right:before {
+ position: absolute;
+ pointer-events: none;
+ border: 6px solid transparent;
+ background: transparent;
+ content: "";
+ }
+
+/* Directions */
+
+.leaflet-tooltip-bottom {
+ margin-top: 6px;
+}
+.leaflet-tooltip-top {
+ margin-top: -6px;
+}
+.leaflet-tooltip-bottom:before,
+.leaflet-tooltip-top:before {
+ left: 50%;
+ margin-left: -6px;
+ }
+.leaflet-tooltip-top:before {
+ bottom: 0;
+ margin-bottom: -12px;
+ border-top-color: #fff;
+ }
+.leaflet-tooltip-bottom:before {
+ top: 0;
+ margin-top: -12px;
+ margin-left: -6px;
+ border-bottom-color: #fff;
+ }
+.leaflet-tooltip-left {
+ margin-left: -6px;
+}
+.leaflet-tooltip-right {
+ margin-left: 6px;
+}
+.leaflet-tooltip-left:before,
+.leaflet-tooltip-right:before {
+ top: 50%;
+ margin-top: -6px;
+ }
+.leaflet-tooltip-left:before {
+ right: 0;
+ margin-right: -12px;
+ border-left-color: #fff;
+ }
+.leaflet-tooltip-right:before {
+ left: 0;
+ margin-left: -12px;
+ border-right-color: #fff;
+ }
diff --git a/assets/scss/material-kit/plugins/pro/_list-check.scss b/assets/scss/material-kit/plugins/pro/_list-check.scss
new file mode 100644
index 00000000..632f94cf
--- /dev/null
+++ b/assets/scss/material-kit/plugins/pro/_list-check.scss
@@ -0,0 +1,17 @@
+#completed-tasks label {
+ text-decoration: line-through;
+ color: #888;
+}
+
+/* Edit Task */
+ul li input[type=text] {
+ display:none;
+}
+
+ul li.editMode input[type=text] {
+ display:block;
+}
+
+ul li.editMode label {
+ display:none;
+}
diff --git a/assets/scss/material-kit/plugins/pro/_photoswipe.scss b/assets/scss/material-kit/plugins/pro/_photoswipe.scss
new file mode 100644
index 00000000..dad02145
--- /dev/null
+++ b/assets/scss/material-kit/plugins/pro/_photoswipe.scss
@@ -0,0 +1,182 @@
+/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
+/*
+ Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
+*/
+/* pswp = photoswipe */
+.pswp {
+ display: none;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ left: 0;
+ top: 0;
+ overflow: hidden;
+ -ms-touch-action: none;
+ touch-action: none;
+ z-index: 99999;
+ -webkit-text-size-adjust: 100%;
+ /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
+ -webkit-backface-visibility: hidden;
+ outline: none; }
+ .pswp * {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box; }
+ .pswp img {
+ max-width: none; }
+
+/* style is added when JS option showHideOpacity is set to true */
+.pswp--animate_opacity {
+ /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
+ opacity: 0.001;
+ will-change: opacity;
+ /* for open/close transition */
+ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
+ transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
+
+.pswp--open {
+ display: block; }
+
+.pswp--zoom-allowed .pswp__img {
+ /* autoprefixer: off */
+ cursor: -webkit-zoom-in;
+ cursor: -moz-zoom-in;
+ cursor: zoom-in; }
+
+.pswp--zoomed-in .pswp__img {
+ /* autoprefixer: off */
+ cursor: -webkit-grab;
+ cursor: -moz-grab;
+ cursor: grab; }
+
+.pswp--dragging .pswp__img {
+ /* autoprefixer: off */
+ cursor: -webkit-grabbing;
+ cursor: -moz-grabbing;
+ cursor: grabbing; }
+
+/*
+ Background is added as a separate element.
+ As animating opacity is much faster than animating rgba() background-color.
+*/
+.pswp__bg {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background: #000;
+ opacity: 0;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ -webkit-backface-visibility: hidden;
+ will-change: opacity; }
+
+.pswp__scroll-wrap {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ overflow: hidden; }
+
+.pswp__container,
+.pswp__zoom-wrap {
+ -ms-touch-action: none;
+ touch-action: none;
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0; }
+
+/* Prevent selection and tap highlights */
+.pswp__container,
+.pswp__img {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ border-radius: $border-radius-lg;
+ margin-top: 2rem;
+}
+
+.pswp__zoom-wrap {
+ position: absolute;
+ width: 100%;
+ -webkit-transform-origin: left top;
+ -ms-transform-origin: left top;
+ transform-origin: left top;
+ /* for open/close transition */
+ -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
+ transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }
+
+.pswp__bg {
+ will-change: opacity;
+ /* for open/close transition */
+ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
+ transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
+
+.pswp--animated-in .pswp__bg,
+.pswp--animated-in .pswp__zoom-wrap {
+ -webkit-transition: none;
+ transition: none; }
+
+.pswp__container,
+.pswp__zoom-wrap {
+ -webkit-backface-visibility: hidden; }
+
+.pswp__item {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ overflow: hidden; }
+
+.pswp__img {
+ position: absolute;
+ width: auto;
+ height: auto;
+ top: 0;
+ left: 0; }
+
+/*
+ stretched thumbnail or div placeholder element (see below)
+ style is added to avoid flickering in webkit/blink when layers overlap
+*/
+.pswp__img--placeholder {
+ -webkit-backface-visibility: hidden; }
+
+/*
+ div element that matches size of large image
+ large image loads on top of it
+*/
+.pswp__img--placeholder--blank {
+ background: #222; }
+
+.pswp--ie .pswp__img {
+ width: 100% !important;
+ height: auto !important;
+ left: 0;
+ top: 0; }
+
+/*
+ Error message appears when image is not loaded
+ (JS option errorMsg controls markup)
+*/
+.pswp__error-msg {
+ position: absolute;
+ left: 0;
+ top: 50%;
+ width: 100%;
+ text-align: center;
+ font-size: 14px;
+ line-height: 16px;
+ margin-top: -8px;
+ color: #CCC; }
+
+.pswp__error-msg a {
+ color: #CCC;
+ text-decoration: underline; }
diff --git a/assets/scss/material-kit/plugins/pro/_quill.scss b/assets/scss/material-kit/plugins/pro/_quill.scss
new file mode 100644
index 00000000..e0f6fcc2
--- /dev/null
+++ b/assets/scss/material-kit/plugins/pro/_quill.scss
@@ -0,0 +1,949 @@
+/*!
+ * Quill Editor v1.3.6
+ * https://quilljs.com/
+ * Copyright (c) 2014, Jason Chen
+ * Copyright (c) 2013, salesforce.com
+ */
+.ql-container {
+ box-sizing: border-box;
+ font-family: Helvetica, Arial, sans-serif;
+ font-size: 13px;
+ height: 100%;
+ margin: 0px;
+ position: relative;
+}
+.ql-container.ql-disabled .ql-tooltip {
+ visibility: hidden;
+}
+.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
+ pointer-events: none;
+}
+.ql-clipboard {
+ left: -100000px;
+ height: 1px;
+ overflow-y: hidden;
+ position: absolute;
+ top: 50%;
+}
+.ql-clipboard p {
+ margin: 0;
+ padding: 0;
+}
+.ql-editor {
+ box-sizing: border-box;
+ line-height: 1.42;
+ height: 100%;
+ outline: none;
+ overflow-y: auto;
+ padding: 12px 15px;
+ tab-size: 4;
+ -moz-tab-size: 4;
+ text-align: left;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
+.ql-editor > * {
+ cursor: text;
+}
+.ql-editor p,
+.ql-editor ol,
+.ql-editor ul,
+.ql-editor pre,
+.ql-editor blockquote,
+.ql-editor h1,
+.ql-editor h2,
+.ql-editor h3,
+.ql-editor h4,
+.ql-editor h5,
+.ql-editor h6 {
+ margin: 0;
+ padding: 0;
+ counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
+}
+.ql-editor ol,
+.ql-editor ul {
+ padding-left: 1.5em;
+}
+.ql-editor ol > li,
+.ql-editor ul > li {
+ list-style-type: none;
+}
+.ql-editor ul > li::before {
+ content: '\2022';
+}
+.ql-editor ul[data-checked=true],
+.ql-editor ul[data-checked=false] {
+ pointer-events: none;
+}
+.ql-editor ul[data-checked=true] > li *,
+.ql-editor ul[data-checked=false] > li * {
+ pointer-events: all;
+}
+.ql-editor ul[data-checked=true] > li::before,
+.ql-editor ul[data-checked=false] > li::before {
+ color: #777;
+ cursor: pointer;
+ pointer-events: all;
+}
+.ql-editor ul[data-checked=true] > li::before {
+ content: '\2611';
+}
+.ql-editor ul[data-checked=false] > li::before {
+ content: '\2610';
+}
+.ql-editor li::before {
+ display: inline-block;
+ white-space: nowrap;
+ width: 1.2em;
+}
+.ql-editor li:not(.ql-direction-rtl)::before {
+ margin-left: -1.5em;
+ margin-right: 0.3em;
+ text-align: right;
+}
+.ql-editor li.ql-direction-rtl::before {
+ margin-left: 0.3em;
+ margin-right: -1.5em;
+}
+.ql-editor ol li:not(.ql-direction-rtl),
+.ql-editor ul li:not(.ql-direction-rtl) {
+ padding-left: 1.5em;
+}
+.ql-editor ol li.ql-direction-rtl,
+.ql-editor ul li.ql-direction-rtl {
+ padding-right: 1.5em;
+}
+.ql-editor ol li {
+ counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
+ counter-increment: list-0;
+}
+.ql-editor ol li:before {
+ content: counter(list-0, decimal) '. ';
+}
+.ql-editor ol li.ql-indent-1 {
+ counter-increment: list-1;
+}
+.ql-editor ol li.ql-indent-1:before {
+ content: counter(list-1, lower-alpha) '. ';
+}
+.ql-editor ol li.ql-indent-1 {
+ counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
+}
+.ql-editor ol li.ql-indent-2 {
+ counter-increment: list-2;
+}
+.ql-editor ol li.ql-indent-2:before {
+ content: counter(list-2, lower-roman) '. ';
+}
+.ql-editor ol li.ql-indent-2 {
+ counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
+}
+.ql-editor ol li.ql-indent-3 {
+ counter-increment: list-3;
+}
+.ql-editor ol li.ql-indent-3:before {
+ content: counter(list-3, decimal) '. ';
+}
+.ql-editor ol li.ql-indent-3 {
+ counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
+}
+.ql-editor ol li.ql-indent-4 {
+ counter-increment: list-4;
+}
+.ql-editor ol li.ql-indent-4:before {
+ content: counter(list-4, lower-alpha) '. ';
+}
+.ql-editor ol li.ql-indent-4 {
+ counter-reset: list-5 list-6 list-7 list-8 list-9;
+}
+.ql-editor ol li.ql-indent-5 {
+ counter-increment: list-5;
+}
+.ql-editor ol li.ql-indent-5:before {
+ content: counter(list-5, lower-roman) '. ';
+}
+.ql-editor ol li.ql-indent-5 {
+ counter-reset: list-6 list-7 list-8 list-9;
+}
+.ql-editor ol li.ql-indent-6 {
+ counter-increment: list-6;
+}
+.ql-editor ol li.ql-indent-6:before {
+ content: counter(list-6, decimal) '. ';
+}
+.ql-editor ol li.ql-indent-6 {
+ counter-reset: list-7 list-8 list-9;
+}
+.ql-editor ol li.ql-indent-7 {
+ counter-increment: list-7;
+}
+.ql-editor ol li.ql-indent-7:before {
+ content: counter(list-7, lower-alpha) '. ';
+}
+.ql-editor ol li.ql-indent-7 {
+ counter-reset: list-8 list-9;
+}
+.ql-editor ol li.ql-indent-8 {
+ counter-increment: list-8;
+}
+.ql-editor ol li.ql-indent-8:before {
+ content: counter(list-8, lower-roman) '. ';
+}
+.ql-editor ol li.ql-indent-8 {
+ counter-reset: list-9;
+}
+.ql-editor ol li.ql-indent-9 {
+ counter-increment: list-9;
+}
+.ql-editor ol li.ql-indent-9:before {
+ content: counter(list-9, decimal) '. ';
+}
+.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
+ padding-left: 3em;
+}
+.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
+ padding-left: 4.5em;
+}
+.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
+ padding-right: 3em;
+}
+.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
+ padding-right: 4.5em;
+}
+.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
+ padding-left: 6em;
+}
+.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
+ padding-left: 7.5em;
+}
+.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
+ padding-right: 6em;
+}
+.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
+ padding-right: 7.5em;
+}
+.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
+ padding-left: 9em;
+}
+.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
+ padding-left: 10.5em;
+}
+.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
+ padding-right: 9em;
+}
+.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
+ padding-right: 10.5em;
+}
+.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
+ padding-left: 12em;
+}
+.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
+ padding-left: 13.5em;
+}
+.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
+ padding-right: 12em;
+}
+.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
+ padding-right: 13.5em;
+}
+.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
+ padding-left: 15em;
+}
+.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
+ padding-left: 16.5em;
+}
+.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
+ padding-right: 15em;
+}
+.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
+ padding-right: 16.5em;
+}
+.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
+ padding-left: 18em;
+}
+.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
+ padding-left: 19.5em;
+}
+.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
+ padding-right: 18em;
+}
+.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
+ padding-right: 19.5em;
+}
+.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
+ padding-left: 21em;
+}
+.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
+ padding-left: 22.5em;
+}
+.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
+ padding-right: 21em;
+}
+.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
+ padding-right: 22.5em;
+}
+.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
+ padding-left: 24em;
+}
+.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
+ padding-left: 25.5em;
+}
+.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
+ padding-right: 24em;
+}
+.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
+ padding-right: 25.5em;
+}
+.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
+ padding-left: 27em;
+}
+.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
+ padding-left: 28.5em;
+}
+.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
+ padding-right: 27em;
+}
+.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
+ padding-right: 28.5em;
+}
+.ql-editor .ql-video {
+ display: block;
+ max-width: 100%;
+}
+.ql-editor .ql-video.ql-align-center {
+ margin: 0 auto;
+}
+.ql-editor .ql-video.ql-align-right {
+ margin: 0 0 0 auto;
+}
+.ql-editor .ql-bg-black {
+ background-color: #000;
+}
+.ql-editor .ql-bg-red {
+ background-color: #e60000;
+}
+.ql-editor .ql-bg-orange {
+ background-color: #f90;
+}
+.ql-editor .ql-bg-yellow {
+ background-color: #ff0;
+}
+.ql-editor .ql-bg-green {
+ background-color: #008a00;
+}
+.ql-editor .ql-bg-blue {
+ background-color: #06c;
+}
+.ql-editor .ql-bg-purple {
+ background-color: #93f;
+}
+.ql-editor .ql-color-white {
+ color: #fff;
+}
+.ql-editor .ql-color-red {
+ color: #e60000;
+}
+.ql-editor .ql-color-orange {
+ color: #f90;
+}
+.ql-editor .ql-color-yellow {
+ color: #ff0;
+}
+.ql-editor .ql-color-green {
+ color: #008a00;
+}
+.ql-editor .ql-color-blue {
+ color: #06c;
+}
+.ql-editor .ql-color-purple {
+ color: #93f;
+}
+.ql-editor .ql-font-serif {
+ font-family: Georgia, Times New Roman, serif;
+}
+.ql-editor .ql-font-monospace {
+ font-family: Monaco, Courier New, monospace;
+}
+.ql-editor .ql-size-small {
+ font-size: 0.75em;
+}
+.ql-editor .ql-size-large {
+ font-size: 1.5em;
+}
+.ql-editor .ql-size-huge {
+ font-size: 2.5em;
+}
+.ql-editor .ql-direction-rtl {
+ direction: rtl;
+ text-align: inherit;
+}
+.ql-editor .ql-align-center {
+ text-align: center;
+}
+.ql-editor .ql-align-justify {
+ text-align: justify;
+}
+.ql-editor .ql-align-right {
+ text-align: right;
+}
+.ql-editor.ql-blank::before {
+ color: rgba(0,0,0,0.6);
+ content: attr(data-placeholder);
+ font-style: italic;
+ left: 15px;
+ pointer-events: none;
+ position: absolute;
+ right: 15px;
+}
+.ql-snow.ql-toolbar:after,
+.ql-snow .ql-toolbar:after {
+ clear: both;
+ content: '';
+ display: table;
+}
+.ql-snow.ql-toolbar button,
+.ql-snow .ql-toolbar button {
+ background: none;
+ border: none;
+ cursor: pointer;
+ display: inline-block;
+ float: left;
+ height: 24px;
+ padding: 3px 5px;
+ width: 28px;
+}
+.ql-snow.ql-toolbar button svg,
+.ql-snow .ql-toolbar button svg {
+ float: left;
+ height: 100%;
+}
+.ql-snow.ql-toolbar button:active:hover,
+.ql-snow .ql-toolbar button:active:hover {
+ outline: none;
+}
+.ql-snow.ql-toolbar input.ql-image[type=file],
+.ql-snow .ql-toolbar input.ql-image[type=file] {
+ display: none;
+}
+.ql-snow.ql-toolbar button:hover,
+.ql-snow .ql-toolbar button:hover,
+.ql-snow.ql-toolbar button:focus,
+.ql-snow .ql-toolbar button:focus,
+.ql-snow.ql-toolbar button.ql-active,
+.ql-snow .ql-toolbar button.ql-active,
+.ql-snow.ql-toolbar .ql-picker-label:hover,
+.ql-snow .ql-toolbar .ql-picker-label:hover,
+.ql-snow.ql-toolbar .ql-picker-label.ql-active,
+.ql-snow .ql-toolbar .ql-picker-label.ql-active,
+.ql-snow.ql-toolbar .ql-picker-item:hover,
+.ql-snow .ql-toolbar .ql-picker-item:hover,
+.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
+.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
+ color: #06c;
+}
+.ql-snow.ql-toolbar button:hover .ql-fill,
+.ql-snow .ql-toolbar button:hover .ql-fill,
+.ql-snow.ql-toolbar button:focus .ql-fill,
+.ql-snow .ql-toolbar button:focus .ql-fill,
+.ql-snow.ql-toolbar button.ql-active .ql-fill,
+.ql-snow .ql-toolbar button.ql-active .ql-fill,
+.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
+.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
+.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
+.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
+.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
+.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
+.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
+.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
+.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
+.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
+.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
+.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
+.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
+.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
+.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
+.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
+.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
+.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
+.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
+.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
+ fill: #06c;
+}
+.ql-snow.ql-toolbar button:hover .ql-stroke,
+.ql-snow .ql-toolbar button:hover .ql-stroke,
+.ql-snow.ql-toolbar button:focus .ql-stroke,
+.ql-snow .ql-toolbar button:focus .ql-stroke,
+.ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.ql-snow .ql-toolbar button.ql-active .ql-stroke,
+.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
+.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
+.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
+.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
+.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
+.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
+.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
+.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
+.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
+.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
+.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
+.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
+.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
+.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
+.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
+.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
+.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
+.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
+.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
+.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
+ stroke: #06c;
+}
+@media (pointer: coarse) {
+ .ql-snow.ql-toolbar button:hover:not(.ql-active),
+ .ql-snow .ql-toolbar button:hover:not(.ql-active) {
+ color: #444;
+ }
+ .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
+ .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
+ .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
+ .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
+ fill: #444;
+ }
+ .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
+ .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
+ .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
+ .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
+ stroke: #444;
+ }
+}
+.ql-snow {
+ box-sizing: border-box;
+}
+.ql-snow * {
+ box-sizing: border-box;
+}
+.ql-snow .ql-hidden {
+ display: none;
+}
+.ql-snow .ql-out-bottom,
+.ql-snow .ql-out-top {
+ visibility: hidden;
+}
+.ql-snow .ql-tooltip {
+ position: absolute;
+ transform: translateY(10px);
+}
+.ql-snow .ql-tooltip a {
+ cursor: pointer;
+ text-decoration: none;
+}
+.ql-snow .ql-tooltip.ql-flip {
+ transform: translateY(-10px);
+}
+.ql-snow .ql-formats {
+ display: inline-block;
+ vertical-align: middle;
+}
+.ql-snow .ql-formats:after {
+ clear: both;
+ content: '';
+ display: table;
+}
+.ql-snow .ql-stroke {
+ fill: none;
+ stroke: #444;
+ stroke-linecap: round;
+ stroke-linejoin: round;
+ stroke-width: 2;
+}
+.ql-snow .ql-stroke-miter {
+ fill: none;
+ stroke: #444;
+ stroke-miterlimit: 10;
+ stroke-width: 2;
+}
+.ql-snow .ql-fill,
+.ql-snow .ql-stroke.ql-fill {
+ fill: #444;
+}
+.ql-snow .ql-empty {
+ fill: none;
+}
+.ql-snow .ql-even {
+ fill-rule: evenodd;
+}
+.ql-snow .ql-thin,
+.ql-snow .ql-stroke.ql-thin {
+ stroke-width: 1;
+}
+.ql-snow .ql-transparent {
+ opacity: 0.4;
+}
+.ql-snow .ql-direction svg:last-child {
+ display: none;
+}
+.ql-snow .ql-direction.ql-active svg:last-child {
+ display: inline;
+}
+.ql-snow .ql-direction.ql-active svg:first-child {
+ display: none;
+}
+.ql-snow .ql-editor h1 {
+ font-size: 2em;
+}
+.ql-snow .ql-editor h2 {
+ font-size: 1.5em;
+}
+.ql-snow .ql-editor h3 {
+ font-size: 1.17em;
+}
+.ql-snow .ql-editor h4 {
+ font-size: 1em;
+}
+.ql-snow .ql-editor h5 {
+ font-size: 0.83em;
+}
+.ql-snow .ql-editor h6 {
+ font-size: 0.67em;
+}
+.ql-snow .ql-editor a {
+ text-decoration: underline;
+}
+.ql-snow .ql-editor blockquote {
+ border-left: 4px solid #ccc;
+ margin-bottom: 5px;
+ margin-top: 5px;
+ padding-left: 16px;
+}
+.ql-snow .ql-editor code,
+.ql-snow .ql-editor pre {
+ background-color: #f0f0f0;
+ border-radius: 3px;
+}
+.ql-snow .ql-editor pre {
+ white-space: pre-wrap;
+ margin-bottom: 5px;
+ margin-top: 5px;
+ padding: 5px 10px;
+}
+.ql-snow .ql-editor code {
+ font-size: 85%;
+ padding: 2px 4px;
+}
+.ql-snow .ql-editor pre.ql-syntax {
+ background-color: #23241f;
+ color: #f8f8f2;
+ overflow: visible;
+}
+.ql-snow .ql-editor img {
+ max-width: 100%;
+}
+.ql-snow .ql-picker {
+ color: #444;
+ display: inline-block;
+ float: left;
+ font-size: 14px;
+ font-weight: 500;
+ height: 24px;
+ position: relative;
+ vertical-align: middle;
+}
+.ql-snow .ql-picker-label {
+ cursor: pointer;
+ display: inline-block;
+ height: 100%;
+ padding-left: 8px;
+ padding-right: 2px;
+ position: relative;
+ width: 100%;
+}
+.ql-snow .ql-picker-label::before {
+ display: inline-block;
+ line-height: 22px;
+}
+.ql-snow .ql-picker-options {
+ background-color: #fff;
+ display: none;
+ min-width: 100%;
+ padding: 4px 8px;
+ position: absolute;
+ white-space: nowrap;
+}
+.ql-snow .ql-picker-options .ql-picker-item {
+ cursor: pointer;
+ display: block;
+ padding-bottom: 5px;
+ padding-top: 5px;
+}
+.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: #ccc;
+ z-index: 2;
+}
+.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: #ccc;
+}
+.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: #ccc;
+}
+.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ display: block;
+ margin-top: -1px;
+ top: 100%;
+ z-index: 1;
+}
+.ql-snow .ql-color-picker,
+.ql-snow .ql-icon-picker {
+ width: 28px;
+}
+.ql-snow .ql-color-picker .ql-picker-label,
+.ql-snow .ql-icon-picker .ql-picker-label {
+ padding: 2px 4px;
+}
+.ql-snow .ql-color-picker .ql-picker-label svg,
+.ql-snow .ql-icon-picker .ql-picker-label svg {
+ right: 4px;
+}
+.ql-snow .ql-icon-picker .ql-picker-options {
+ padding: 4px 0px;
+}
+.ql-snow .ql-icon-picker .ql-picker-item {
+ height: 24px;
+ width: 24px;
+ padding: 2px 4px;
+}
+.ql-snow .ql-color-picker .ql-picker-options {
+ padding: 3px 5px;
+ width: 152px;
+}
+.ql-snow .ql-color-picker .ql-picker-item {
+ border: 1px solid transparent;
+ float: left;
+ height: 16px;
+ margin: 2px;
+ padding: 0px;
+ width: 16px;
+}
+.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
+ position: absolute;
+ margin-top: -9px;
+ right: 0;
+ top: 50%;
+ width: 18px;
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
+ content: attr(data-label);
+}
+.ql-snow .ql-picker.ql-header {
+ width: 98px;
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item::before {
+ content: 'Normal';
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
+ content: 'Heading 1';
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
+ content: 'Heading 2';
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
+ content: 'Heading 3';
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
+ content: 'Heading 4';
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
+ content: 'Heading 5';
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
+ content: 'Heading 6';
+}
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
+ font-size: 2em;
+}
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
+ font-size: 1.5em;
+}
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
+ font-size: 1.17em;
+}
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
+ font-size: 1em;
+}
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
+ font-size: 0.83em;
+}
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
+ font-size: 0.67em;
+}
+.ql-snow .ql-picker.ql-font {
+ width: 108px;
+}
+.ql-snow .ql-picker.ql-font .ql-picker-label::before,
+.ql-snow .ql-picker.ql-font .ql-picker-item::before {
+ content: 'Sans Serif';
+}
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
+ content: 'Serif';
+}
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
+ content: 'Monospace';
+}
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
+ font-family: Georgia, Times New Roman, serif;
+}
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
+ font-family: Monaco, Courier New, monospace;
+}
+.ql-snow .ql-picker.ql-size {
+ width: 98px;
+}
+.ql-snow .ql-picker.ql-size .ql-picker-label::before,
+.ql-snow .ql-picker.ql-size .ql-picker-item::before {
+ content: 'Normal';
+}
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
+ content: 'Small';
+}
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
+ content: 'Large';
+}
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
+ content: 'Huge';
+}
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
+ font-size: 10px;
+}
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
+ font-size: 18px;
+}
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
+ font-size: 32px;
+}
+.ql-snow .ql-color-picker.ql-background .ql-picker-item {
+ background-color: #fff;
+}
+.ql-snow .ql-color-picker.ql-color .ql-picker-item {
+ background-color: #000;
+}
+.ql-toolbar.ql-snow {
+ border: 1px solid #ccc;
+ border-top-right-radius: $border-radius-md;
+ border-top-left-radius: $border-radius-md;
+ box-sizing: border-box;
+ font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
+ padding: 8px;
+}
+.ql-toolbar.ql-snow .ql-formats {
+ margin-right: 15px;
+}
+.ql-toolbar.ql-snow .ql-picker-label {
+ border: 1px solid transparent;
+}
+.ql-toolbar.ql-snow .ql-picker-options {
+ border: 1px solid transparent;
+ box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
+}
+.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ border-color: #ccc;
+}
+.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ border-color: #ccc;
+}
+.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
+.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
+ border-color: #000;
+}
+.ql-toolbar.ql-snow + .ql-container.ql-snow {
+ border-top: 0px;
+ border-bottom-left-radius: $border-radius-md;
+ border-bottom-right-radius: $border-radius-md;
+}
+.ql-snow .ql-tooltip {
+ background-color: #fff;
+ border: 1px solid #ccc;
+ box-shadow: 0px 0px 5px #ddd;
+ color: #444;
+ padding: 5px 12px;
+ white-space: nowrap;
+}
+.ql-snow .ql-tooltip::before {
+ content: "Visit URL:";
+ line-height: 26px;
+ margin-right: 8px;
+}
+.ql-snow .ql-tooltip input[type=text] {
+ display: none;
+ border: 1px solid #ccc;
+ font-size: 13px;
+ height: 26px;
+ margin: 0px;
+ padding: 3px 5px;
+ width: 170px;
+}
+.ql-snow .ql-tooltip a.ql-preview {
+ display: inline-block;
+ max-width: 200px;
+ overflow-x: hidden;
+ text-overflow: ellipsis;
+ vertical-align: top;
+}
+.ql-snow .ql-tooltip a.ql-action::after {
+ border-right: 1px solid #ccc;
+ content: 'Edit';
+ margin-left: 16px;
+ padding-right: 8px;
+}
+.ql-snow .ql-tooltip a.ql-remove::before {
+ content: 'Remove';
+ margin-left: 8px;
+}
+.ql-snow .ql-tooltip a {
+ line-height: 26px;
+}
+.ql-snow .ql-tooltip.ql-editing a.ql-preview,
+.ql-snow .ql-tooltip.ql-editing a.ql-remove {
+ display: none;
+}
+.ql-snow .ql-tooltip.ql-editing input[type=text] {
+ display: inline-block;
+}
+.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
+ border-right: 0px;
+ content: 'Save';
+ padding-right: 0px;
+}
+.ql-snow .ql-tooltip[data-mode=link]::before {
+ content: "Enter link:";
+}
+.ql-snow .ql-tooltip[data-mode=formula]::before {
+ content: "Enter formula:";
+}
+.ql-snow .ql-tooltip[data-mode=video]::before {
+ content: "Enter video:";
+}
+.ql-snow a {
+ color: #06c;
+}
+.ql-container.ql-snow {
+ border: 1px solid #ccc;
+}
diff --git a/assets/scss/material-kit/plugins/pro/_rating-widget.scss b/assets/scss/material-kit/plugins/pro/_rating-widget.scss
new file mode 100644
index 00000000..a031077c
--- /dev/null
+++ b/assets/scss/material-kit/plugins/pro/_rating-widget.scss
@@ -0,0 +1,36 @@
+/****** Style Star Rating Widget *****/
+
+.rating {
+ border: none;
+ float: left;
+}
+
+.rating > input { display: none; }
+.rating > label:before {
+ margin: 5px;
+ font-size: 1.25em;
+ font-family: FontAwesome;
+ display: inline-block;
+ content: "\f005";
+}
+
+.rating > .half:before {
+ content: "\f089";
+ position: absolute;
+}
+
+.rating > label {
+ color: #ddd;
+ float: right;
+}
+
+/***** CSS Magic to Highlight Stars on Hover *****/
+
+.rating > input:checked ~ label, /* show gold star when clicked */
+.rating:not(:checked) > label:hover, /* hover current star */
+.rating:not(:checked) > label:hover ~ label { color: #FFD700; } /* hover previous stars in list */
+
+.rating > input:checked + label:hover, /* hover current star when changing rating */
+.rating > input:checked ~ label:hover,
+.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
+.rating > input:checked ~ label:hover ~ label { color: #FFED85; }
diff --git a/assets/scss/material-kit/plugins/pro/_sweetalert2-extend.scss b/assets/scss/material-kit/plugins/pro/_sweetalert2-extend.scss
new file mode 100644
index 00000000..f7b6612c
--- /dev/null
+++ b/assets/scss/material-kit/plugins/pro/_sweetalert2-extend.scss
@@ -0,0 +1,70 @@
+.swal2-popup {
+ border-radius: $card-border-radius;
+}
+
+.swal2-styled.swal2-confirm {
+ background-image: linear-gradient(195deg, $info-gradient 0%, $info-gradient-state 100%);
+ background-color: transparent;
+ @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-border-radius);
+
+ &:hover,
+ &:focus {
+ background-image: linear-gradient(195deg, $info-gradient 0%, $info-gradient-state 100%);
+ outline: 0;
+ box-shadow: $btn-focus-box-shadow;
+ }
+}
+
+.swal2-confirm.btn.bg-gradient-success {
+ margin-left: 10px;
+ margin-right: 10px;
+}
+
+.swal2-image {
+ border-radius: $border-radius-lg;
+ margin-bottom: 0;
+}
+
+.swal2-close{
+ outline: none;
+ &:focus{
+ outline: none;
+ box-shadow: none;
+ }
+}
+
+.swal2-input {
+ padding: $input-padding-y $input-padding-x;
+ font-family: $input-font-family;
+ @include font-size($input-font-size);
+ font-weight: $input-font-weight;
+ line-height: $input-line-height;
+ color: $input-color;
+ background-color: $input-bg;
+ background-clip: padding-box;
+ border: $input-border-width solid $input-border-color;
+}
+
+.swal2-icon.swal2-success {
+ border-color: $success;
+ color: $success;
+}
+
+.swal2-icon.swal2-info {
+ border-color: $info;
+ color: $info;
+}
+
+.swal2-icon.swal2-warning {
+ border-color: $warning;
+ color: $warning;
+}
+
+.swal2-icon.swal2-question{
+ border-color: $secondary;
+ color: $secondary;
+}
+
+.swal2-icon.swal2-success [class^=swal2-success-line] {
+ background-color: $success;
+}
diff --git a/assets/scss/material-kit/plugins/pro/_sweetalert2.scss b/assets/scss/material-kit/plugins/pro/_sweetalert2.scss
new file mode 100644
index 00000000..92a32458
--- /dev/null
+++ b/assets/scss/material-kit/plugins/pro/_sweetalert2.scss
@@ -0,0 +1,1322 @@
+.swal2-popup.swal2-toast {
+ box-sizing: border-box;
+ grid-column: 1/4 !important;
+ grid-row: 1/4 !important;
+ grid-template-columns: 1fr 99fr 1fr;
+ padding: 1em;
+ overflow-y: hidden;
+ background: #fff;
+ box-shadow: 0 0 0.625em #d9d9d9;
+}
+.swal2-popup.swal2-toast > * {
+ grid-column: 2;
+}
+.swal2-popup.swal2-toast .swal2-title {
+ margin: 1em;
+ padding: 0;
+ font-size: 1em;
+ text-align: initial;
+}
+.swal2-popup.swal2-toast .swal2-loading {
+ justify-content: center;
+}
+.swal2-popup.swal2-toast .swal2-input {
+ height: 2em;
+ margin: 0.5em;
+ font-size: 1em;
+}
+.swal2-popup.swal2-toast .swal2-validation-message {
+ font-size: 1em;
+}
+.swal2-popup.swal2-toast .swal2-footer {
+ margin: 0.5em 0 0;
+ padding: 0.5em 0 0;
+ font-size: 0.8em;
+}
+.swal2-popup.swal2-toast .swal2-close {
+ grid-column: 3/3;
+ grid-row: 1/99;
+ align-self: center;
+ width: 0.8em;
+ height: 0.8em;
+ margin: 0;
+ font-size: 2em;
+}
+.swal2-popup.swal2-toast .swal2-html-container {
+ margin: 1em;
+ padding: 0;
+ font-size: 1em;
+ text-align: initial;
+}
+.swal2-popup.swal2-toast .swal2-html-container:empty {
+ padding: 0;
+}
+.swal2-popup.swal2-toast .swal2-loader {
+ grid-column: 1;
+ grid-row: 1/99;
+ align-self: center;
+ width: 2em;
+ height: 2em;
+ margin: 0.25em;
+}
+.swal2-popup.swal2-toast .swal2-icon {
+ grid-column: 1;
+ grid-row: 1/99;
+ align-self: center;
+ width: 2em;
+ min-width: 2em;
+ height: 2em;
+ margin: 0 0.5em 0 0;
+}
+.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
+ display: flex;
+ align-items: center;
+ font-size: 1.8em;
+ font-weight: bold;
+}
+.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
+ width: 2em;
+ height: 2em;
+}
+.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
+ top: 0.875em;
+ width: 1.375em;
+}
+.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
+ left: 0.3125em;
+}
+.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
+ right: 0.3125em;
+}
+.swal2-popup.swal2-toast .swal2-actions {
+ justify-content: flex-start;
+ height: auto;
+ margin: 0;
+ margin-top: 0.3125em;
+ padding: 0;
+}
+.swal2-popup.swal2-toast .swal2-styled {
+ margin: 0.25em 0.5em;
+ padding: 0.4em 0.6em;
+ font-size: 1em;
+}
+.swal2-popup.swal2-toast .swal2-styled:focus {
+ box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(100, 150, 200, 0.5);
+}
+.swal2-popup.swal2-toast .swal2-success {
+ border-color: #a5dc86;
+}
+.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
+ position: absolute;
+ width: 1.6em;
+ height: 3em;
+ transform: rotate(45deg);
+ border-radius: 50%;
+}
+.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
+ top: -0.8em;
+ left: -0.5em;
+ transform: rotate(-45deg);
+ transform-origin: 2em 2em;
+ border-radius: 4em 0 0 4em;
+}
+.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
+ top: -0.25em;
+ left: 0.9375em;
+ transform-origin: 0 1.5em;
+ border-radius: 0 4em 4em 0;
+}
+.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
+ width: 2em;
+ height: 2em;
+}
+.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
+ top: 0;
+ left: 0.4375em;
+ width: 0.4375em;
+ height: 2.6875em;
+}
+.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
+ height: 0.3125em;
+}
+.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
+ top: 1.125em;
+ left: 0.1875em;
+ width: 0.75em;
+}
+.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
+ top: 0.9375em;
+ right: 0.1875em;
+ width: 1.375em;
+}
+.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
+ -webkit-animation: swal2-toast-animate-success-line-tip 0.75s;
+ animation: swal2-toast-animate-success-line-tip 0.75s;
+}
+.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
+ -webkit-animation: swal2-toast-animate-success-line-long 0.75s;
+ animation: swal2-toast-animate-success-line-long 0.75s;
+}
+.swal2-popup.swal2-toast.swal2-show {
+ -webkit-animation: swal2-toast-show 0.5s;
+ animation: swal2-toast-show 0.5s;
+}
+.swal2-popup.swal2-toast.swal2-hide {
+ -webkit-animation: swal2-toast-hide 0.1s forwards;
+ animation: swal2-toast-hide 0.1s forwards;
+}
+
+.swal2-container {
+ display: grid;
+ position: fixed;
+ z-index: 1060;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ box-sizing: border-box;
+ grid-template-areas: "top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end" "gap gap gap";
+ grid-template-rows: auto auto auto 0.625em;
+ height: 100%;
+ padding: 0.625em 0.625em 0;
+ overflow-x: hidden;
+ transition: background-color 0.1s;
+ -webkit-overflow-scrolling: touch;
+}
+.swal2-container::after {
+ content: "";
+ grid-column: 1/4;
+ grid-row: 4;
+ height: 0.625em;
+}
+.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
+ background: rgba(0, 0, 0, 0.4);
+}
+.swal2-container.swal2-backdrop-hide {
+ background: transparent !important;
+}
+.swal2-container.swal2-top-start, .swal2-container.swal2-center-start, .swal2-container.swal2-bottom-start {
+ grid-template-columns: minmax(0, 1fr) auto auto;
+}
+.swal2-container.swal2-top, .swal2-container.swal2-center, .swal2-container.swal2-bottom {
+ grid-template-columns: auto minmax(0, 1fr) auto;
+}
+.swal2-container.swal2-top-end, .swal2-container.swal2-center-end, .swal2-container.swal2-bottom-end {
+ grid-template-columns: auto auto minmax(0, 1fr);
+}
+.swal2-container.swal2-top-start > .swal2-popup {
+ align-self: start;
+}
+.swal2-container.swal2-top > .swal2-popup {
+ grid-column: 2;
+ align-self: start;
+ justify-self: center;
+}
+.swal2-container.swal2-top-end > .swal2-popup, .swal2-container.swal2-top-right > .swal2-popup {
+ grid-column: 3;
+ align-self: start;
+ justify-self: end;
+}
+.swal2-container.swal2-center-start > .swal2-popup, .swal2-container.swal2-center-left > .swal2-popup {
+ grid-row: 2;
+ align-self: center;
+}
+.swal2-container.swal2-center > .swal2-popup {
+ grid-column: 2;
+ grid-row: 2;
+ align-self: center;
+ justify-self: center;
+}
+.swal2-container.swal2-center-end > .swal2-popup, .swal2-container.swal2-center-right > .swal2-popup {
+ grid-column: 3;
+ grid-row: 2;
+ align-self: center;
+ justify-self: end;
+}
+.swal2-container.swal2-bottom-start > .swal2-popup, .swal2-container.swal2-bottom-left > .swal2-popup {
+ grid-column: 1;
+ grid-row: 3;
+ align-self: end;
+}
+.swal2-container.swal2-bottom > .swal2-popup {
+ grid-column: 2;
+ grid-row: 3;
+ justify-self: center;
+ align-self: end;
+}
+.swal2-container.swal2-bottom-end > .swal2-popup, .swal2-container.swal2-bottom-right > .swal2-popup {
+ grid-column: 3;
+ grid-row: 3;
+ align-self: end;
+ justify-self: end;
+}
+.swal2-container.swal2-grow-row > .swal2-popup, .swal2-container.swal2-grow-fullscreen > .swal2-popup {
+ grid-column: 1/4;
+ width: 100%;
+}
+.swal2-container.swal2-grow-column > .swal2-popup, .swal2-container.swal2-grow-fullscreen > .swal2-popup {
+ grid-row: 1/4;
+ align-self: stretch;
+}
+.swal2-container.swal2-no-transition {
+ transition: none !important;
+}
+
+.swal2-popup {
+ display: none;
+ position: relative;
+ box-sizing: border-box;
+ width: 32em;
+ max-width: 100%;
+ padding: 0 0 1.25em;
+ border: none;
+ border-radius: 5px;
+ background: #fff;
+ font-family: inherit;
+ font-size: 1rem;
+}
+.swal2-popup:focus {
+ outline: none;
+}
+.swal2-popup.swal2-loading {
+ overflow-y: hidden;
+}
+
+.swal2-title {
+ position: relative;
+ max-width: 100%;
+ margin: 0;
+ padding: 0.8em 1em 0;
+ color: #595959;
+ font-size: 1.875em;
+ font-weight: 600;
+ text-align: center;
+ text-transform: none;
+ word-wrap: break-word;
+}
+
+.swal2-actions {
+ display: flex;
+ z-index: 1;
+ box-sizing: border-box;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: center;
+ width: 100%;
+ margin: 1.25em auto 0;
+ padding: 0;
+}
+.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
+ opacity: 0.4;
+}
+.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
+ background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
+}
+.swal2-actions:not(.swal2-loading) .swal2-styled:active {
+ background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
+}
+
+.swal2-loader {
+ display: none;
+ align-items: center;
+ justify-content: center;
+ width: 2.2em;
+ height: 2.2em;
+ margin: 0 1.875em;
+ -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
+ animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
+ border-width: 0.25em;
+ border-style: solid;
+ border-radius: 100%;
+ border-color: #2778c4 transparent #2778c4 transparent;
+}
+
+.swal2-styled {
+ margin: 0.3125em;
+ padding: 0.625em 1.1em;
+ transition: box-shadow 0.1s;
+ box-shadow: 0 0 0 3px transparent;
+ font-weight: 500;
+}
+.swal2-styled:not([disabled]) {
+ cursor: pointer;
+}
+.swal2-styled.swal2-confirm {
+ border: 0;
+ border-radius: 0.25em;
+ background: initial;
+ background-color: #7367f0;
+ color: #fff;
+ font-size: 1em;
+}
+.swal2-styled.swal2-confirm:focus {
+ box-shadow: 0 0 0 3px rgba(115, 103, 240, 0.5);
+}
+.swal2-styled.swal2-deny {
+ border: 0;
+ border-radius: 0.25em;
+ background: initial;
+ background-color: #ea5455;
+ color: #fff;
+ font-size: 1em;
+}
+.swal2-styled.swal2-deny:focus {
+ box-shadow: 0 0 0 3px rgba(234, 84, 85, 0.5);
+}
+.swal2-styled.swal2-cancel {
+ border: 0;
+ border-radius: 0.25em;
+ background: initial;
+ background-color: #6e7d88;
+ color: #fff;
+ font-size: 1em;
+}
+.swal2-styled.swal2-cancel:focus {
+ box-shadow: 0 0 0 3px rgba(110, 125, 136, 0.5);
+}
+.swal2-styled.swal2-default-outline:focus {
+ box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5);
+}
+.swal2-styled:focus {
+ outline: none;
+}
+.swal2-styled::-moz-focus-inner {
+ border: 0;
+}
+
+.swal2-footer {
+ justify-content: center;
+ margin: 1em 0 0;
+ padding: 1em 1em 0;
+ border-top: 1px solid #eee;
+ color: #545454;
+ font-size: 1em;
+}
+
+.swal2-timer-progress-bar-container {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ grid-column: auto !important;
+ height: 0.25em;
+ overflow: hidden;
+ border-bottom-right-radius: 5px;
+ border-bottom-left-radius: 5px;
+}
+
+.swal2-timer-progress-bar {
+ width: 100%;
+ height: 0.25em;
+ background: rgba(0, 0, 0, 0.2);
+}
+
+.swal2-image {
+ max-width: 100%;
+ margin: 2em auto 1em;
+}
+
+.swal2-close {
+ z-index: 2;
+ align-items: center;
+ justify-content: center;
+ width: 1.2em;
+ height: 1.2em;
+ margin-top: 0;
+ margin-right: 0;
+ margin-bottom: -1.2em;
+ padding: 0;
+ overflow: hidden;
+ transition: color 0.1s, box-shadow 0.1s;
+ border: none;
+ border-radius: 5px;
+ background: transparent;
+ color: #ccc;
+ font-family: serif;
+ font-family: monospace;
+ font-size: 2.5em;
+ cursor: pointer;
+ justify-self: end;
+}
+.swal2-close:hover {
+ transform: none;
+ background: transparent;
+ color: #f27474;
+}
+.swal2-close:focus {
+ outline: none;
+ box-shadow: inset 0 0 0 3px rgba(100, 150, 200, 0.5);
+}
+.swal2-close::-moz-focus-inner {
+ border: 0;
+}
+
+.swal2-html-container {
+ z-index: 1;
+ justify-content: center;
+ margin: 0;
+ padding: 1em 1.6em 0.3em;
+ color: #545454;
+ font-size: 1.125em;
+ font-weight: normal;
+ line-height: normal;
+ text-align: center;
+ word-wrap: break-word;
+ word-break: break-word;
+}
+
+.swal2-input,
+.swal2-file,
+.swal2-textarea,
+.swal2-select,
+.swal2-radio,
+.swal2-checkbox {
+ margin: 1em 2em 0;
+}
+
+.swal2-input,
+.swal2-file,
+.swal2-textarea {
+ box-sizing: border-box;
+ width: auto;
+ transition: border-color 0.1s, box-shadow 0.1s;
+ border: 1px solid #d9d9d9;
+ border-radius: 0.1875em;
+ background: inherit;
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;
+ color: inherit;
+ font-size: 1.125em;
+}
+.swal2-input.swal2-inputerror,
+.swal2-file.swal2-inputerror,
+.swal2-textarea.swal2-inputerror {
+ border-color: #f27474 !important;
+ box-shadow: 0 0 2px #f27474 !important;
+}
+.swal2-input:focus,
+.swal2-file:focus,
+.swal2-textarea:focus {
+ border: 1px solid #b4dbed;
+ outline: none;
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(100, 150, 200, 0.5);
+}
+.swal2-input::-moz-placeholder, .swal2-file::-moz-placeholder, .swal2-textarea::-moz-placeholder {
+ color: #ccc;
+}
+.swal2-input:-ms-input-placeholder, .swal2-file:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder {
+ color: #ccc;
+}
+.swal2-input::placeholder,
+.swal2-file::placeholder,
+.swal2-textarea::placeholder {
+ color: #ccc;
+}
+
+.swal2-range {
+ margin: 1em 2em 0;
+ background: #fff;
+}
+.swal2-range input {
+ width: 80%;
+}
+.swal2-range output {
+ width: 20%;
+ color: inherit;
+ font-weight: 600;
+ text-align: center;
+}
+.swal2-range input,
+.swal2-range output {
+ height: 2.625em;
+ padding: 0;
+ font-size: 1.125em;
+ line-height: 2.625em;
+}
+
+.swal2-input {
+ height: 2.625em;
+ padding: 0 0.75em;
+}
+.swal2-input[type=number] {
+ max-width: 10em;
+}
+
+.swal2-file {
+ width: 75%;
+ margin-right: auto;
+ margin-left: auto;
+ background: inherit;
+ font-size: 1.125em;
+}
+
+.swal2-textarea {
+ height: 6.75em;
+ padding: 0.75em;
+}
+
+.swal2-select {
+ min-width: 50%;
+ max-width: 100%;
+ padding: 0.375em 0.625em;
+ background: inherit;
+ color: inherit;
+ font-size: 1.125em;
+}
+
+.swal2-radio,
+.swal2-checkbox {
+ align-items: center;
+ justify-content: center;
+ background: #fff;
+ color: inherit;
+}
+.swal2-radio label,
+.swal2-checkbox label {
+ margin: 0 0.6em;
+ font-size: 1.125em;
+}
+.swal2-radio input,
+.swal2-checkbox input {
+ flex-shrink: 0;
+ margin: 0 0.4em;
+}
+
+.swal2-input-label {
+ display: flex;
+ justify-content: center;
+ margin: 1em auto 0;
+}
+
+.swal2-validation-message {
+ align-items: center;
+ justify-content: center;
+ margin: 1em 0 0;
+ padding: 0.625em;
+ overflow: hidden;
+ background: #f0f0f0;
+ color: #666666;
+ font-size: 1em;
+ font-weight: 300;
+}
+.swal2-validation-message::before {
+ content: "!";
+ display: inline-block;
+ width: 1.5em;
+ min-width: 1.5em;
+ height: 1.5em;
+ margin: 0 0.625em;
+ border-radius: 50%;
+ background-color: #f27474;
+ color: #fff;
+ font-weight: 600;
+ line-height: 1.5em;
+ text-align: center;
+}
+
+.swal2-icon {
+ position: relative;
+ box-sizing: content-box;
+ justify-content: center;
+ width: 5em;
+ height: 5em;
+ margin: 2.5em auto 0.6em;
+ border: 0.25em solid transparent;
+ border-radius: 50%;
+ border-color: #000;
+ font-family: inherit;
+ line-height: 5em;
+ cursor: default;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.swal2-icon .swal2-icon-content {
+ display: flex;
+ align-items: center;
+ font-size: 3.75em;
+}
+.swal2-icon.swal2-error {
+ border-color: #f27474;
+ color: #f27474;
+}
+.swal2-icon.swal2-error .swal2-x-mark {
+ position: relative;
+ flex-grow: 1;
+}
+.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
+ display: block;
+ position: absolute;
+ top: 2.3125em;
+ width: 2.9375em;
+ height: 0.3125em;
+ border-radius: 0.125em;
+ background-color: #f27474;
+}
+.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
+ left: 1.0625em;
+ transform: rotate(45deg);
+}
+.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
+ right: 1em;
+ transform: rotate(-45deg);
+}
+.swal2-icon.swal2-error.swal2-icon-show {
+ -webkit-animation: swal2-animate-error-icon 0.5s;
+ animation: swal2-animate-error-icon 0.5s;
+}
+.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
+ -webkit-animation: swal2-animate-error-x-mark 0.5s;
+ animation: swal2-animate-error-x-mark 0.5s;
+}
+.swal2-icon.swal2-warning {
+ border-color: #facea8;
+ color: #f8bb86;
+}
+.swal2-icon.swal2-info {
+ border-color: #9de0f6;
+ color: #3fc3ee;
+}
+.swal2-icon.swal2-question {
+ border-color: #c9dae1;
+ color: #87adbd;
+}
+.swal2-icon.swal2-success {
+ border-color: #a5dc86;
+ color: #a5dc86;
+}
+.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
+ position: absolute;
+ width: 3.75em;
+ height: 7.5em;
+ transform: rotate(45deg);
+ border-radius: 50%;
+}
+.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
+ top: -0.4375em;
+ left: -2.0635em;
+ transform: rotate(-45deg);
+ transform-origin: 3.75em 3.75em;
+ border-radius: 7.5em 0 0 7.5em;
+}
+.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
+ top: -0.6875em;
+ left: 1.875em;
+ transform: rotate(-45deg);
+ transform-origin: 0 3.75em;
+ border-radius: 0 7.5em 7.5em 0;
+}
+.swal2-icon.swal2-success .swal2-success-ring {
+ position: absolute;
+ z-index: 2;
+ top: -0.25em;
+ left: -0.25em;
+ box-sizing: content-box;
+ width: 100%;
+ height: 100%;
+ border: 0.25em solid rgba(165, 220, 134, 0.3);
+ border-radius: 50%;
+}
+.swal2-icon.swal2-success .swal2-success-fix {
+ position: absolute;
+ z-index: 1;
+ top: 0.5em;
+ left: 1.625em;
+ width: 0.4375em;
+ height: 5.625em;
+ transform: rotate(-45deg);
+}
+.swal2-icon.swal2-success [class^=swal2-success-line] {
+ display: block;
+ position: absolute;
+ z-index: 2;
+ height: 0.3125em;
+ border-radius: 0.125em;
+ background-color: #a5dc86;
+}
+.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
+ top: 2.875em;
+ left: 0.8125em;
+ width: 1.5625em;
+ transform: rotate(45deg);
+}
+.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
+ top: 2.375em;
+ right: 0.5em;
+ width: 2.9375em;
+ transform: rotate(-45deg);
+}
+.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
+ -webkit-animation: swal2-animate-success-line-tip 0.75s;
+ animation: swal2-animate-success-line-tip 0.75s;
+}
+.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
+ -webkit-animation: swal2-animate-success-line-long 0.75s;
+ animation: swal2-animate-success-line-long 0.75s;
+}
+.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
+ -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
+ animation: swal2-rotate-success-circular-line 4.25s ease-in;
+}
+
+.swal2-progress-steps {
+ flex-wrap: wrap;
+ align-items: center;
+ max-width: 100%;
+ margin: 1.25em auto;
+ padding: 0;
+ background: inherit;
+ font-weight: 600;
+}
+.swal2-progress-steps li {
+ display: inline-block;
+ position: relative;
+}
+.swal2-progress-steps .swal2-progress-step {
+ z-index: 20;
+ flex-shrink: 0;
+ width: 2em;
+ height: 2em;
+ border-radius: 2em;
+ background: #2778c4;
+ color: #fff;
+ line-height: 2em;
+ text-align: center;
+}
+.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
+ background: #2778c4;
+}
+.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
+ background: #add8e6;
+ color: #fff;
+}
+.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
+ background: #add8e6;
+}
+.swal2-progress-steps .swal2-progress-step-line {
+ z-index: 10;
+ flex-shrink: 0;
+ width: 2.5em;
+ height: 0.4em;
+ margin: 0 -1px;
+ background: #2778c4;
+}
+
+[class^=swal2] {
+ -webkit-tap-highlight-color: transparent;
+}
+
+.swal2-show {
+ -webkit-animation: swal2-show 0.3s;
+ animation: swal2-show 0.3s;
+}
+
+.swal2-hide {
+ -webkit-animation: swal2-hide 0.15s forwards;
+ animation: swal2-hide 0.15s forwards;
+}
+
+.swal2-noanimation {
+ transition: none;
+}
+
+.swal2-scrollbar-measure {
+ position: absolute;
+ top: -9999px;
+ width: 50px;
+ height: 50px;
+ overflow: scroll;
+}
+
+.swal2-rtl .swal2-close {
+ margin-right: initial;
+ margin-left: 0;
+}
+.swal2-rtl .swal2-timer-progress-bar {
+ right: 0;
+ left: auto;
+}
+
+@-webkit-keyframes swal2-toast-show {
+ 0% {
+ transform: translateY(-0.625em) rotateZ(2deg);
+ }
+ 33% {
+ transform: translateY(0) rotateZ(-2deg);
+ }
+ 66% {
+ transform: translateY(0.3125em) rotateZ(2deg);
+ }
+ 100% {
+ transform: translateY(0) rotateZ(0deg);
+ }
+}
+
+@keyframes swal2-toast-show {
+ 0% {
+ transform: translateY(-0.625em) rotateZ(2deg);
+ }
+ 33% {
+ transform: translateY(0) rotateZ(-2deg);
+ }
+ 66% {
+ transform: translateY(0.3125em) rotateZ(2deg);
+ }
+ 100% {
+ transform: translateY(0) rotateZ(0deg);
+ }
+}
+@-webkit-keyframes swal2-toast-hide {
+ 100% {
+ transform: rotateZ(1deg);
+ opacity: 0;
+ }
+}
+@keyframes swal2-toast-hide {
+ 100% {
+ transform: rotateZ(1deg);
+ opacity: 0;
+ }
+}
+@-webkit-keyframes swal2-toast-animate-success-line-tip {
+ 0% {
+ top: 0.5625em;
+ left: 0.0625em;
+ width: 0;
+ }
+ 54% {
+ top: 0.125em;
+ left: 0.125em;
+ width: 0;
+ }
+ 70% {
+ top: 0.625em;
+ left: -0.25em;
+ width: 1.625em;
+ }
+ 84% {
+ top: 1.0625em;
+ left: 0.75em;
+ width: 0.5em;
+ }
+ 100% {
+ top: 1.125em;
+ left: 0.1875em;
+ width: 0.75em;
+ }
+}
+@keyframes swal2-toast-animate-success-line-tip {
+ 0% {
+ top: 0.5625em;
+ left: 0.0625em;
+ width: 0;
+ }
+ 54% {
+ top: 0.125em;
+ left: 0.125em;
+ width: 0;
+ }
+ 70% {
+ top: 0.625em;
+ left: -0.25em;
+ width: 1.625em;
+ }
+ 84% {
+ top: 1.0625em;
+ left: 0.75em;
+ width: 0.5em;
+ }
+ 100% {
+ top: 1.125em;
+ left: 0.1875em;
+ width: 0.75em;
+ }
+}
+@-webkit-keyframes swal2-toast-animate-success-line-long {
+ 0% {
+ top: 1.625em;
+ right: 1.375em;
+ width: 0;
+ }
+ 65% {
+ top: 1.25em;
+ right: 0.9375em;
+ width: 0;
+ }
+ 84% {
+ top: 0.9375em;
+ right: 0;
+ width: 1.125em;
+ }
+ 100% {
+ top: 0.9375em;
+ right: 0.1875em;
+ width: 1.375em;
+ }
+}
+@keyframes swal2-toast-animate-success-line-long {
+ 0% {
+ top: 1.625em;
+ right: 1.375em;
+ width: 0;
+ }
+ 65% {
+ top: 1.25em;
+ right: 0.9375em;
+ width: 0;
+ }
+ 84% {
+ top: 0.9375em;
+ right: 0;
+ width: 1.125em;
+ }
+ 100% {
+ top: 0.9375em;
+ right: 0.1875em;
+ width: 1.375em;
+ }
+}
+@-webkit-keyframes swal2-show {
+ 0% {
+ transform: scale(0.7);
+ }
+ 45% {
+ transform: scale(1.05);
+ }
+ 80% {
+ transform: scale(0.95);
+ }
+ 100% {
+ transform: scale(1);
+ }
+}
+@keyframes swal2-show {
+ 0% {
+ transform: scale(0.7);
+ }
+ 45% {
+ transform: scale(1.05);
+ }
+ 80% {
+ transform: scale(0.95);
+ }
+ 100% {
+ transform: scale(1);
+ }
+}
+@-webkit-keyframes swal2-hide {
+ 0% {
+ transform: scale(1);
+ opacity: 1;
+ }
+ 100% {
+ transform: scale(0.5);
+ opacity: 0;
+ }
+}
+@keyframes swal2-hide {
+ 0% {
+ transform: scale(1);
+ opacity: 1;
+ }
+ 100% {
+ transform: scale(0.5);
+ opacity: 0;
+ }
+}
+@-webkit-keyframes swal2-animate-success-line-tip {
+ 0% {
+ top: 1.1875em;
+ left: 0.0625em;
+ width: 0;
+ }
+ 54% {
+ top: 1.0625em;
+ left: 0.125em;
+ width: 0;
+ }
+ 70% {
+ top: 2.1875em;
+ left: -0.375em;
+ width: 3.125em;
+ }
+ 84% {
+ top: 3em;
+ left: 1.3125em;
+ width: 1.0625em;
+ }
+ 100% {
+ top: 2.8125em;
+ left: 0.8125em;
+ width: 1.5625em;
+ }
+}
+@keyframes swal2-animate-success-line-tip {
+ 0% {
+ top: 1.1875em;
+ left: 0.0625em;
+ width: 0;
+ }
+ 54% {
+ top: 1.0625em;
+ left: 0.125em;
+ width: 0;
+ }
+ 70% {
+ top: 2.1875em;
+ left: -0.375em;
+ width: 3.125em;
+ }
+ 84% {
+ top: 3em;
+ left: 1.3125em;
+ width: 1.0625em;
+ }
+ 100% {
+ top: 2.8125em;
+ left: 0.8125em;
+ width: 1.5625em;
+ }
+}
+@-webkit-keyframes swal2-animate-success-line-long {
+ 0% {
+ top: 3.375em;
+ right: 2.875em;
+ width: 0;
+ }
+ 65% {
+ top: 3.375em;
+ right: 2.875em;
+ width: 0;
+ }
+ 84% {
+ top: 2.1875em;
+ right: 0;
+ width: 3.4375em;
+ }
+ 100% {
+ top: 2.375em;
+ right: 0.5em;
+ width: 2.9375em;
+ }
+}
+@keyframes swal2-animate-success-line-long {
+ 0% {
+ top: 3.375em;
+ right: 2.875em;
+ width: 0;
+ }
+ 65% {
+ top: 3.375em;
+ right: 2.875em;
+ width: 0;
+ }
+ 84% {
+ top: 2.1875em;
+ right: 0;
+ width: 3.4375em;
+ }
+ 100% {
+ top: 2.375em;
+ right: 0.5em;
+ width: 2.9375em;
+ }
+}
+@-webkit-keyframes swal2-rotate-success-circular-line {
+ 0% {
+ transform: rotate(-45deg);
+ }
+ 5% {
+ transform: rotate(-45deg);
+ }
+ 12% {
+ transform: rotate(-405deg);
+ }
+ 100% {
+ transform: rotate(-405deg);
+ }
+}
+@keyframes swal2-rotate-success-circular-line {
+ 0% {
+ transform: rotate(-45deg);
+ }
+ 5% {
+ transform: rotate(-45deg);
+ }
+ 12% {
+ transform: rotate(-405deg);
+ }
+ 100% {
+ transform: rotate(-405deg);
+ }
+}
+@-webkit-keyframes swal2-animate-error-x-mark {
+ 0% {
+ margin-top: 1.625em;
+ transform: scale(0.4);
+ opacity: 0;
+ }
+ 50% {
+ margin-top: 1.625em;
+ transform: scale(0.4);
+ opacity: 0;
+ }
+ 80% {
+ margin-top: -0.375em;
+ transform: scale(1.15);
+ }
+ 100% {
+ margin-top: 0;
+ transform: scale(1);
+ opacity: 1;
+ }
+}
+@keyframes swal2-animate-error-x-mark {
+ 0% {
+ margin-top: 1.625em;
+ transform: scale(0.4);
+ opacity: 0;
+ }
+ 50% {
+ margin-top: 1.625em;
+ transform: scale(0.4);
+ opacity: 0;
+ }
+ 80% {
+ margin-top: -0.375em;
+ transform: scale(1.15);
+ }
+ 100% {
+ margin-top: 0;
+ transform: scale(1);
+ opacity: 1;
+ }
+}
+@-webkit-keyframes swal2-animate-error-icon {
+ 0% {
+ transform: rotateX(100deg);
+ opacity: 0;
+ }
+ 100% {
+ transform: rotateX(0deg);
+ opacity: 1;
+ }
+}
+@keyframes swal2-animate-error-icon {
+ 0% {
+ transform: rotateX(100deg);
+ opacity: 0;
+ }
+ 100% {
+ transform: rotateX(0deg);
+ opacity: 1;
+ }
+}
+@-webkit-keyframes swal2-rotate-loading {
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+@keyframes swal2-rotate-loading {
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
+ overflow: hidden;
+}
+body.swal2-height-auto {
+ height: auto !important;
+}
+body.swal2-no-backdrop .swal2-container {
+ background-color: transparent !important;
+ pointer-events: none;
+}
+body.swal2-no-backdrop .swal2-container .swal2-popup {
+ pointer-events: all;
+}
+body.swal2-no-backdrop .swal2-container .swal2-modal {
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
+}
+@media print {
+ body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
+ overflow-y: scroll !important;
+ }
+ body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
+ display: none;
+ }
+ body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
+ position: static !important;
+ }
+}
+body.swal2-toast-shown .swal2-container {
+ box-sizing: border-box;
+ width: 360px;
+ max-width: 100%;
+ background-color: transparent;
+}
+body.swal2-toast-shown .swal2-container.swal2-top {
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 50%;
+ transform: translateX(-50%);
+}
+body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
+ top: 0;
+ right: 0;
+ bottom: auto;
+ left: auto;
+}
+body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+}
+body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
+ top: 50%;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ transform: translateY(-50%);
+}
+body.swal2-toast-shown .swal2-container.swal2-center {
+ top: 50%;
+ right: auto;
+ bottom: auto;
+ left: 50%;
+ transform: translate(-50%, -50%);
+}
+body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
+ top: 50%;
+ right: 0;
+ bottom: auto;
+ left: auto;
+ transform: translateY(-50%);
+}
+body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+}
+body.swal2-toast-shown .swal2-container.swal2-bottom {
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 50%;
+ transform: translateX(-50%);
+}
+body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
+ top: auto;
+ right: 0;
+ bottom: 0;
+ left: auto;
+}
diff --git a/assets/scss/material-kit/plugins/pro/_vector-map.scss b/assets/scss/material-kit/plugins/pro/_vector-map.scss
new file mode 100644
index 00000000..31e65308
--- /dev/null
+++ b/assets/scss/material-kit/plugins/pro/_vector-map.scss
@@ -0,0 +1,131 @@
+svg {
+ -ms-touch-action: none;
+ touch-action: none;
+}
+
+image, text, .jvm-zoomin, .jvm-zoomout {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.jvm-container {
+ -ms-touch-action: none;
+ touch-action: none;
+ position: relative;
+ overflow: hidden;
+ height: 100%;
+ width: 100%;
+}
+
+.jvm-tooltip {
+ border-radius: 3px;
+ background-color: #5c5cff;
+ font-family: sans-serif, Verdana;
+ font-size: smaller;
+ box-shadow: 1px 2px 12px rgba(0, 0, 0, 0.2);
+ padding: 3px 5px;
+ white-space: nowrap;
+ position: absolute;
+ display: none;
+ color: #FFF;
+}
+
+.jvm-zoom-btn {
+ border-radius: 3px;
+ background-color: #292929;
+ padding: 3px;
+ box-sizing: border-box;
+ position: absolute;
+ line-height: 10px;
+ cursor: pointer;
+ color: #FFF;
+ height: 15px;
+ width: 15px;
+ left: 10px;
+}
+
+.jvm-zoom-btn.jvm-zoomout {
+ top: 30px;
+}
+
+.jvm-zoom-btn.jvm-zoomin {
+ top: 10px;
+}
+
+.jvm-series-container {
+ right: 15px;
+ position: absolute;
+}
+
+.jvm-series-container.jvm-series-h {
+ bottom: 15px;
+}
+
+.jvm-series-container.jvm-series-v {
+ top: 15px;
+}
+
+.jvm-series-container .jvm-legend {
+ background-color: #FFF;
+ border: 1px solid #e5e7eb;
+ margin-left: 0.75rem;
+ border-radius: 0.25rem;
+ border-color: #e5e7eb;
+ padding: 0.6rem;
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ float: left;
+}
+
+.jvm-series-container .jvm-legend .jvm-legend-title {
+ line-height: 1;
+ border-bottom: 1px solid #e5e7eb;
+ padding-bottom: 0.5rem;
+ margin-bottom: 0.575rem;
+ text-align: left;
+}
+
+.jvm-series-container .jvm-legend .jvm-legend-inner {
+ overflow: hidden;
+}
+
+.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick {
+ overflow: hidden;
+ min-width: 40px;
+}
+
+.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick:not(:first-child) {
+ margin-top: 0.575rem;
+}
+
+.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-sample {
+ border-radius: 4px;
+ margin-right: .65rem;
+ height: 16px;
+ width: 16px;
+ float: left;
+}
+
+.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-text {
+ font-size: 12px;
+ text-align: center;
+ float: left;
+}
+
+.jvm-line[animation="true"] {
+ -webkit-animation: jvm-line-animation 10s linear forwards infinite;
+ animation: jvm-line-animation 10s linear forwards infinite;
+}
+
+@-webkit-keyframes jvm-line-animation {
+ from {
+ stroke-dashoffset: 250;
+ }
+}
+
+@keyframes jvm-line-animation {
+ from {
+ stroke-dashoffset: 250;
+ }
+}
diff --git a/assets/scss/material-kit/plugins/pro/multi-step.scss b/assets/scss/material-kit/plugins/pro/multi-step.scss
new file mode 100644
index 00000000..523ece56
--- /dev/null
+++ b/assets/scss/material-kit/plugins/pro/multi-step.scss
@@ -0,0 +1,188 @@
+.multisteps-form__progress {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
+}
+
+.multisteps-form__progress-btn {
+ transition-property: all;
+ transition-duration: 0.15s;
+ transition-timing-function: linear;
+ transition-delay: 0s;
+ position: relative;
+ padding-top: 20px;
+ color: rgba($white, .4);
+ text-transform: uppercase;
+ font-weight: 500;
+ font-size: $font-size-xs;
+ text-indent: -9999px;
+ border: none;
+ background-color: transparent;
+ outline: none !important;
+ cursor: pointer;
+}
+
+@media (min-width: 500px) {
+ .multisteps-form__progress-btn {
+ text-indent: 0;
+ }
+}
+
+.multisteps-form__progress-btn:before {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ display: block;
+ width: 13px;
+ height: 13px;
+ content: '';
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
+ transition: all 0.15s linear 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
+ transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
+ transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
+ border: 2px solid rgba($white, 0);
+ border-radius: 50%;
+ background-color: $gray-300;
+ box-sizing: border-box;
+ z-index: 3;
+}
+
+.bg-gradient-primary{
+ .multisteps-form__progress-btn:before{
+ background-color: $multistep-progress-primary-color;
+ }
+}
+
+.bg-gradient-success{
+ .multisteps-form__progress-btn:before{
+ background-color: $multistep-progress-success-color;
+ }
+}
+
+.bg-gradient-danger{
+ .multisteps-form__progress-btn:before{
+ background-color: $multistep-progress-danger-color;
+ }
+}
+
+.bg-gradient-warning{
+ .multisteps-form__progress-btn:before{
+ background-color: $multistep-progress-warning-color;
+ }
+}
+
+.bg-gradient-info{
+ .multisteps-form__progress-btn:before{
+ background-color: $multistep-progress-info-color;
+ }
+}
+
+.bg-gradient-dark{
+ .multisteps-form__progress-btn:before{
+ background-color: $multistep-progress-dark-color;
+ }
+}
+
+.bg-gradient-secondary{
+ .multisteps-form__progress-btn:before{
+ background-color: $multistep-progress-secondary-color;
+ }
+}
+
+.bg-gradient-light{
+ .multisteps-form__progress-btn:before{
+ background-color: $multistep-progress-light-color;
+ }
+}
+
+.multisteps-form__progress-btn:after {
+ position: absolute;
+ top: 5px;
+ left: calc(-50% - 13px / 2);
+ transition-property: all;
+ transition-duration: 0.15s;
+ transition-timing-function: linear;
+ transition-delay: 0s;
+ display: block;
+ width: 100%;
+ height: 2px;
+ content: '';
+ background-color: currentColor;
+ z-index: 1;
+}
+
+.multisteps-form__progress-btn:first-child:after {
+ display: none;
+}
+
+.multisteps-form__progress-btn.js-active {
+ color: $white;
+ span{
+ color: rgba($white, .7);
+ }
+}
+
+.multisteps-form__progress-btn.js-active:before {
+ -webkit-transform: translateX(-50%) scale(1.2);
+ transform: translateX(-50%) scale(1.2);
+ background-color: currentColor;
+}
+
+.multisteps-form__form {
+ position: relative;
+}
+
+.multisteps-form__panel {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 0;
+ opacity: 0;
+ visibility: hidden;
+}
+
+.multisteps-form__panel.js-active {
+ height: auto;
+ opacity: 1;
+ visibility: visible;
+}
+
+.multisteps-form__panel[data-animation="scaleIn"] {
+ -webkit-transform: scale(0.9);
+ transform: scale(0.9);
+}
+
+.multisteps-form__panel[data-animation="scaleIn"].js-active {
+ transition-property: all;
+ transition-duration: 0.2s;
+ transition-timing-function: linear;
+ transition-delay: 0s;
+ -webkit-transform: scale(1);
+ transform: scale(1);
+}
+
+// CT Styling
+
+.multisteps-form__panel {
+ .multisteps-form__content {
+ .btn-check:checked + .btn-outline-primary,
+ .btn-check:active + .btn-outline-primary,
+ .btn-outline-primary:active {
+ color: $white;
+ }
+ .is-filled.is-focused,
+ .is-focused,
+ .is-filled {
+ .btn {
+ &:hover {
+ color: $primary !important;
+ }
+ }
+ }
+
+ .btn i {
+ font-size: 2rem;
+ }
+ }
+}
diff --git a/assets/scss/material-kit/plugins/pro/plugins-extend.scss b/assets/scss/material-kit/plugins/pro/plugins-extend.scss
new file mode 100644
index 00000000..d5420a93
--- /dev/null
+++ b/assets/scss/material-kit/plugins/pro/plugins-extend.scss
@@ -0,0 +1,22 @@
+@import "../free/plugins";
+
+@import "choices";
+@import "glidejs";
+@import "fullcalendar";
+@import "fullcalendar-extend";
+@import "datatable";
+@import "datatable-extend";
+@import "dragula";
+@import "kanban";
+@import "sweetalert2";
+@import "sweetalert2-extend";
+@import "dropzone";
+@import "highlight";
+@import "quill";
+@import "choices";
+@import "list-check";
+@import "photoswipe";
+@import "rating-widget";
+@import "leaflet";
+@import "multi-step";
+@import "vector-map";
diff --git a/assets/scss/material-kit/theme-pro.scss b/assets/scss/material-kit/theme-pro.scss
new file mode 100644
index 00000000..9c434c7d
--- /dev/null
+++ b/assets/scss/material-kit/theme-pro.scss
@@ -0,0 +1,37 @@
+/*!
+
+=========================================================
+* Material Kit - v3.0.0
+=========================================================
+
+* Product Page: https://www.creative-tim.com/product/material-kit
+* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+
+* Coded by www.creative-tim.com
+
+=========================================================
+
+* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+*/
+
+// {{ site.product.name }} Core styling components
+
+@import "theme";
+
+// Mixin
+@import "mixins/mixins";
+
+// PRO Components
+@import "accordion";
+@import "backgrounds";
+@import "cards-extend";
+@import "components";
+@import "dropdown-extend";
+@import "floating-elements";
+@import "list-check";
+@import "misc-extend";
+@import "rtl-extend";
+
+// Plugins
+@import "plugins/pro/plugins-extend";
diff --git a/assets/scss/material-kit/theme.scss b/assets/scss/material-kit/theme.scss
new file mode 100644
index 00000000..c3efaf7e
--- /dev/null
+++ b/assets/scss/material-kit/theme.scss
@@ -0,0 +1,63 @@
+/*!
+
+=========================================================
+* Material Kit - v3.0.0
+=========================================================
+
+* Product Page: https://www.creative-tim.com/product/material-kit
+* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Licensed under MIT (site.license)
+
+* Coded by www.creative-tim.com
+
+=========================================================
+
+* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+*/
+
+// {{ site.product.name }} components
+
+// Variables
+@import "variables/navbar-vertical";
+@import "variables/social-buttons";
+@import "variables/breadcrumb";
+
+// Mixin
+@import "mixins/mixins";
+
+// Core Components - extra styling
+@import "alert";
+@import "avatars";
+@import "badge";
+@import "buttons";
+@import "breadcrumbs";
+@import "cards";
+@import "dark-version";
+@import "dropdown";
+@import "dropup";
+@import "header";
+@import "fixed-plugin";
+@import "forms/forms";
+@import "footer";
+@import "gradients";
+@import "icons";
+@import "info-areas";
+@import "misc";
+@import "navbar";
+@import "navbar-vertical";
+@import "nav";
+@import "pagination";
+@import "popovers";
+@import "progress";
+@import "rtl";
+@import "ripple";
+@import "social-buttons";
+@import "tables";
+@import "timeline";
+@import "tilt";
+@import "tooltips";
+@import "typography";
+
+// Plugins
+@import "plugins/free/plugins";
diff --git a/assets/scss/material-kit/variables/_animations.scss b/assets/scss/material-kit/variables/_animations.scss
new file mode 100644
index 00000000..329eedd5
--- /dev/null
+++ b/assets/scss/material-kit/variables/_animations.scss
@@ -0,0 +1,45 @@
+// Waves Animation & Styling
+
+$waves-position: relative !default;
+$waves-width: 100% !default;
+$waves-height: 16vh !default;
+$waves-min-height: 100px !default;
+$waves-max-height: 150px !default;
+$waves-margin-bottom: -7px !default;
+$waves-height-sm: 50px !default;
+$waves-min-height-sm: $waves-height-sm !default;
+$waves-rotate: rotate(180deg) !default;
+$waves-mobile-height: 40px !default;
+
+$moving-waves-keyframe-0: translate3d(-90px,0,0) !default;
+$moving-waves-keyframe-100: translate3d(85px,0,0) !default;
+$moving-waves-animation: move-forever 40s cubic-bezier(.55,.5,.45,.5) infinite !default;
+$moving-waves-child-1-delay: -2s !default;
+$moving-waves-child-1-duration: 11s !default;
+$moving-waves-child-2-delay: -4s !default;
+$moving-waves-child-2-duration: 13s !default;
+$moving-waves-child-3-delay: -3s !default;
+$moving-waves-child-3-duration: 15s !default;
+$moving-waves-child-4-delay: -4s !default;
+$moving-waves-child-4-duration: 20s !default;
+$moving-waves-child-5-delay: -4s !default;
+$moving-waves-child-5-duration: 25s !default;
+$moving-waves-child-6-delay: -3s !default;
+$moving-waves-child-6-duration: 30s !default;
+
+// Fade In
+
+$fade-in-animation-name: fadeInBottom !default;
+$fade-in-animation-top-name: fadeInTop !default;
+$fade-in-bottom-transform: translateY(100%) !default;
+$fade-in-top-transform: translateY(-100%) !default;
+
+
+$fade-in-1-animation-duration: 1.5s !default;
+$fade-in-2-animation-duration: 1.75s !default;
+$fade-in-3-animation-duration: 2s !default;
+$fade-in-4-animation-duration: 2.25s !default;
+$fade-in-5-animation-duration: 2.5s !default;
+
+
+$floating-man-width: 350px !default;
diff --git a/assets/scss/material-kit/variables/_avatars.scss b/assets/scss/material-kit/variables/_avatars.scss
new file mode 100644
index 00000000..5e2fc68b
--- /dev/null
+++ b/assets/scss/material-kit/variables/_avatars.scss
@@ -0,0 +1,28 @@
+// Avatar
+$avatar-height: 48px !default;
+$avatar-width: 48px !default;
+
+$avatar-xs-height: 24px !default;
+$avatar-xs-width: 24px !default;
+
+$avatar-sm-height: 36px !default;
+$avatar-sm-width: 36px !default;
+
+$avatar-lg-height: 58px !default;
+$avatar-lg-width: 58px !default;
+
+$avatar-xl-height: 74px !default;
+$avatar-xl-width: 74px !default;
+
+$avatar-xxl-height: 110px !default;
+$avatar-xxl-width: 110px !default;
+
+$avatar-font-size: 1rem !default;
+$avatar-content-margin: .75rem !default;
+
+
+// Avatar Group
+$avatar-group-border: 2px !default;
+$avatar-group-zindex: 2 !default;
+$avatar-group-zindex-hover: 3 !default;
+$avatar-group-double: -1rem !default;
diff --git a/assets/scss/material-kit/variables/_badge.scss b/assets/scss/material-kit/variables/_badge.scss
new file mode 100644
index 00000000..99bc9b2a
--- /dev/null
+++ b/assets/scss/material-kit/variables/_badge.scss
@@ -0,0 +1,40 @@
+// Badge
+$badge-sm-padding: .45em .775em !default;
+$badge-sm-font-size: .65em !default;
+$badge-md-padding: .65em 1em !default;
+$badge-lg-padding: .85em 1.375em !default;
+$badge-inline-margin-right: .625rem !default;
+$badge-inline-span-top: 2px !default;
+$badge-btn-margin: .5rem !default;
+
+// Badge Circle
+$badge-circle-border-radius: 50% !default;
+$badge-circle-width: 1.25rem !default;
+$badge-circle-height: 1.25rem !default;
+$badge-circle-font-size: .75rem !default;
+$badge-circle-font-weight: 600 !default;
+
+$badge-circle-md-width: 1.5rem !default;
+$badge-circle-md-height: 1.5rem !default;
+
+$badge-circle-lg-width: 2rem !default;
+$badge-circle-lg-height: 2rem !default;
+
+//Badge Dot
+$badge-dot-icon-width: .375rem !default;
+$badge-dot-icon-height: .375rem !default;
+$badge-dot-icon-radius: 50% !default;
+$badge-dot-icon-margin-right: .375rem !default;
+
+$badge-dot-md-icon-width: .5rem !default;
+$badge-dot-md-icon-height: .5rem !default;
+
+$badge-dot-lg-icon-width: .625rem !default;
+$badge-dot-lg-icon-height: .625rem !default;
+
+//Badge Floating
+$badge-floating-top: -50% !default;
+$badge-floating-border: 3px !default;
+$badge-floating-transform: translate(147%, 50%) !default;
+
+$card-badge-position: -.6875rem !default;
diff --git a/assets/scss/material-kit/variables/_body.scss b/assets/scss/material-kit/variables/_body.scss
deleted file mode 100644
index 31d03eac..00000000
--- a/assets/scss/material-kit/variables/_body.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-// Body
-//
-// Settings for the `` element.
-
-$body-bg: #fafafa !default;
diff --git a/assets/scss/material-kit/variables/_bootstrap-material-design-base.scss b/assets/scss/material-kit/variables/_bootstrap-material-design-base.scss
deleted file mode 100644
index d6d8bdc0..00000000
--- a/assets/scss/material-kit/variables/_bootstrap-material-design-base.scss
+++ /dev/null
@@ -1,33 +0,0 @@
-$gray-lighter: rgba($black, 0.12) !default;
-$gray-light: #999 !default;
-$gray-alpha: .54 !default;
-$gray: #555 !default; // spec color
-$gray-dark: rgba($black, 0.87) !default; // used for text color - others use grey-600 which is considerably lighter
-
-$bmd-font-weight-base: 400;
-
-// wondering if any of these could still be refactored out, but are definitely in use.
-$bmd-inverse: rgba($white, 1) !default;
-$bmd-inverse-light: rgba($white, 0.84) !default;
-$bmd-inverse-lighter: rgba($white, 0.54) !default;
-
-$bmd-label-color: $gray-color !default;
-$bmd-label-color-inner-focus: $gray !default; // e.g. radio label or text-muted not a control-label which is primary
-
-$border-radius-base: 3px !default;
-$border-radius-small: 2px !default;
-$border-radius-large: 6px !default;
-$border-radius-huge: 10px !default;
-$border-radius-label: 12px !default;
-$border-radius-extreme: 30px !default;
-
-// Typography elements
-$mdb-font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif !default;
-$mdb-text-color-light: $white !default;
-$mdb-text-color-light-hex: $white !default; // for contrast function in inverse
-$mdb-text-color-primary: unquote("rgba(#{$rgb-black}, 0.87)") !default;
-$mdb-text-color-primary-hex: $black !default; // for contrast function in inverse
-$icon-color: rgba(0,0,0,0.5) !default;
-
-$mdb-label-color: unquote("rgba(#{$rgb-black}, 0.26)") !default;
-$mdb-label-color-toggle-focus: unquote("rgba(#{$rgb-black}, .54)") !default;
diff --git a/assets/scss/material-kit/variables/_bootstrap-material-design.scss b/assets/scss/material-kit/variables/_bootstrap-material-design.scss
deleted file mode 100644
index ab362dfc..00000000
--- a/assets/scss/material-kit/variables/_bootstrap-material-design.scss
+++ /dev/null
@@ -1,235 +0,0 @@
-$bmd-label-color-focus: $primary !default;
-$bmd-invalid-underline: $danger !default;
-$bmd-readonly-underline: $input-border-color !default;
-
-//---
-// verified in use with refactoring to v4
-
-//---
-//-- unverified below here
-$bmd-brand-inverse: $indigo !default;
-// Typography elements FIXME: review to see if we actually need these
-$icon-color: rgba($black, 0.5) !default;
-
-// --------------------
-// inputs
-$mdb-input-placeholder-color: #AAAAAA !default;
-$mdb-input-underline-color: #D2D2D2 !default;
-
-$mdb-input-font-size-base: 14px !default;
-$mdb-input-font-size-large: ceil(($font-size-base * 1.25)) !default; // ~20px
-$mdb-input-font-size-small: ceil(($font-size-base * 0.75)) !default; // ~12px
-
-$bmd-bmd-label-static-size-ratio: 75 / 100 !default;
-$bmd-help-size-ratio: 75 / 100 !default;
-
-$bmd-form-control-bg-repeat-y: no-repeat !default;
-$bmd-form-control-bg-position: center bottom, center calc(100% - 1px) !default;
-$bmd-form-control-bg-size: 0 100%, 100% 100% !default;
-$bmd-form-control-bg-size-active: 100% 100%, 100% 100% !default;
-
-// expandable
-$input-text-button-size: 32px !default;
-
-// sizing
-$bmd-form-line-height: 1 !default; // set as 1x font-size so that padding is easier calculated to match the spec.
-$bmd-label-top-margin-base: 1rem !default;
-
-$bmd-form-line-height-lg: 1 !default; // set as 1x font-size so that padding is easier calculated to match the spec.
-$bmd-label-top-margin-lg: 1rem !default; // 16px
-
-$bmd-form-line-height-sm: 1 !default; // set as 1x font-size so that padding is easier calculated to match the spec.
-$bmd-label-top-margin-sm: .75rem !default; // 12px
-
-$text-disabled: #a8a8a8 !default;
-$background-disabled: #eaeaea !default;
-
-$margin-base: 1.071rem !default;
-
-
-// Checkboxes
-$bmd-checkbox-size: 1.25rem !default;
-$bmd-checkbox-animation-ripple: 500ms !default;
-$bmd-checkbox-animation-check: 0.3s !default;
-$bmd-checkbox-checked-color: $white !default;
-$bmd-checkbox-label-padding: .3125rem !default; // 5px
-$checkboxes-text-color: $mdb-input-placeholder-color !default;
-
-$bmd-checkbox-border-size: .0625rem !default;
-$bmd-checkbox-border-color: $bmd-label-color-inner-focus !default;
-$bmd-checkbox-border-color-disabled: $gray-lighter !default; //#bdbdbd !default;
-
-// Toggle
-$mdb-toggle-label-color: $mdb-label-color !default;
-
-// Variables for datetimepicker //
-$padding-default-vertical: 10px !default;
-$medium-pale-bg: #F1EAE0 !default;
-$pale-bg: #F9F7F3 !default;
-
-
-$font-color: #66615b !default;
-
-$default: #cecece !default;
-$primary: $purple !default;
-$success: $green !default;
-$danger: $red !default;
-$warning: $orange !default;
-$info: $cyan !default;
-$rose: $pink !default;
-
-$black-color: #3C4858 !default;
-
-// Dropdowns
-
-$dropdown-item-padding-y: .625rem;
-$dropdown-item-padding-x: 1.25rem;
-$dropdown-header-padding-y: 0.1875rem;
-$bmd-dropdown-margin-y: .3125rem !default;
-$bmd-dropdown-header-color: #777 !default;
-$bmd-dropdown-link-color: #333 !default;
-
-// Switches
-$bmd-switch-label-padding: .3125rem !default; // 5px
-$bmd-switch-width: 2.125rem !default; // 34px
-$bmd-switch-height: .875rem !default; // 14px
-$bmd-switch-handle-size: 1.25rem !default; // 20px (was 18px)
-
-$bmd-switch-handle-checked-bg: $primary !default;
-$bmd-switch-handle-unchecked-bg: #f1f1f1 !default;
-$bmd-switch-handle-disabled-bg: #bdbdbd !default;
-$bmd-switch-unchecked-bg: $gray-lighter !default;
-$bmd-switch-checked-bg: desaturate(
- lighten($bmd-switch-handle-checked-bg, 28%),
- 32%
-); // kind of magic recipe
-$bmd-switch-disabled-bg: $gray-lighter !default;
-
-// Popovers and Popups
-$bmd-popover-background: rgba(101, 101, 101, 0.9) !default;
-$bmd-popover-color: #ececec !default;
-
-// Radio:
-$bmd-radio-border: .0625rem !default; // 1px
-$bmd-radio-size: 1rem !default;
-$bmd-radio-ripple-offset: 1em !default;
-$bmd-radio-label-padding: .3125rem !default; // 5px
-
-$bmd-radio-color-off: $bmd-label-color-inner-focus !default;
-$bmd-radio-color-on: $primary !default;
-$bmd-radio-color-disabled: $gray-lighter; //
-$bmd-radio-color-disabled-inverse: rgba(
- $white,
- 0.30
-); // dark theme spec: Disabled: #FFFFFF, Opacity 30%
-
-$white-color: #fff !default;
-$navbar-color: #555 !default;
-$pills-color: $navbar-color !default;
-$black-color: #3C4858 !default;
-$link-color: $primary;
-$white-transparent: rgba($white-color, .8);
-$transparent: transparent;
-
-//Popovers
-$popover-color: $navbar-color !default;
-
-//Tooltips
-$tooltip-font-size: 0.75rem !default;
-
-// Background colors
-$bg-primary: $primary;
-$bg-danger: $danger;
-$bg-warning: $warning;
-$bg-info: $info;
-$bg-rose: $rose;
-$bg-success: $success;
-$bg-dark: $grey-900;
-
-//Paddings
-$padding-general-y: 0.625rem !default;
-$padding-general-x: 0.9375rem !default;
-$padding-card-body-y: 0.9375rem !default;
-$padding-card-body-x: 1.875rem !default;
-
-// Buttons:
-$mdb-btn-font-size-base: 12px !default;
-$mdb-btn-font-size-lg: 14px !default;
-$mdb-btn-font-size-sm: 11px !default;
-$mdb-btn-font-size-xs: 10px !default;
-
-$mdb-btn-fab-size: 41px !default;
-$mdb-btn-fab-size-lg: 56px !default;
-$mdb-btn-fab-size-mini: 29px !default;
-$mdb-btn-fab-font-size: 24px !default;
-$mdb-btn-just-icon-font-size: 20px !default;
-
-$mdb-btn-icon-size: 32px !default;
-$mdb-btn-icon-size-mini: 17px !default;
-
-$bmd-line-height: 1.42857143 !default;
-$btn-lg-line-height: 1.3333333 !default;
-
-//Font-weight
-$font-weight-light: 300 !default;
-$font-weight-default: 400 !default;
-$font-weight-bold: 500 !default;
-$font-weight-extra-bold: 700 !default;
-$font-weight-ultra-bold: 900 !default;
-
-//Border-radius
-$border-radius-base: 3px !default;
-$border-radius-small: 2px !default;
-$border-radius-large: 6px !default;
-$border-radius-huge: 10px !default;
-$border-radius-label: 12px !default;
-$border-radius-extreme: 30px !default;
-
-// Animations
-$bmd-animation-curve-fast-out-slow-in: cubic-bezier(0.4, 0, 0.2, 1) !default;
-$bmd-animation-curve-linear-out-slow-in: cubic-bezier(0, 0, 0.2, 1) !default;
-$bmd-animation-curve-fast-out-linear-in: cubic-bezier(0.4, 0, 1, 1) !default;
-$bmd-animation-curve-default: $bmd-animation-curve-fast-out-slow-in !default;
-$bmd-animation-dropdown-caret: 150ms !default;
-$general-transition-time: 300ms !default;
-
-$slow-transition-time: 370ms !default;
-$fast-transition-time: 150ms !default;
-
-$transition-linear: linear !default;
-$transition-bezier: cubic-bezier(0.34, 1.61, 0.7, 1) !default;
-$transition-bezier-rotating-card: cubic-bezier(0.34, 1.45, 0.7, 1) !default;
-$transition-ease: ease 0s;
-
-//variables for social
-$social-facebook: #3b5998;
-$social-twitter: #55acee;
-$social-pinterest: #cc2127;
-$social-google: #dd4b39;
-$social-linkedin: #0976b4;
-$social-dribbble: #ea4c89;
-$social-github: #333333;
-$social-youtube: #e52d27;
-$social-instagram: #125688;
-$social-reddit: #ff4500;
-$social-tumblr: #35465c;
-$social-behance: #1769ff;
-
-
-// Variables for checkboxes
-
-$mdb-label-color: unquote("rgba(#{$rgb-black}, 0.26)") !default;
-$mdb-label-color-toggle-focus: unquote("rgba(#{$rgb-black}, .54)") !default;
-
-$mdb-checkbox-size: 20px !default;
-$mdb-checkbox-animation-ripple: 500ms !default;
-$mdb-checkbox-animation-check: 0.3s !default;
-$mdb-checkbox-checked-color: $primary !default;
-
-$mdb-checkbox-label-color: $mdb-label-color !default;
-$mdb-checkbox-border-color: $mdb-label-color-toggle-focus !default;
-
-// Radio:
-$mdb-radio-label-color: $mdb-label-color !default;
-$mdb-radio-color-off: $mdb-label-color-toggle-focus !default;
-$mdb-radio-color-on: $primary !default;
diff --git a/assets/scss/material-kit/variables/_brand.scss b/assets/scss/material-kit/variables/_brand.scss
deleted file mode 100644
index 0fb017ef..00000000
--- a/assets/scss/material-kit/variables/_brand.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-// Bootstrap brand color customization
-
-/* brand Colors */
-
-$primary: $purple-500 !default;
-$info: $cyan-500 !default;
-$success: $green-500 !default;
-$warning: $orange-500 !default;
-$danger: $red-500 !default;
-$rose: $pink-500 !default;
-$inverse: $black-color !default;
diff --git a/assets/scss/material-kit/variables/_breadcrumb.scss b/assets/scss/material-kit/variables/_breadcrumb.scss
new file mode 100644
index 00000000..5c933238
--- /dev/null
+++ b/assets/scss/material-kit/variables/_breadcrumb.scss
@@ -0,0 +1,5 @@
+$breadcrumb-dark-bg: $dark !default;
+$breadcrumb-dark-color: $gray-100 !default;
+$breadcrumb-dark-hover-color: $white !default;
+$breadcrumb-dark-active-color: $gray-300 !default;
+$breadcrumb-dark-divider-color: $gray-500 !default;
diff --git a/assets/scss/material-kit/variables/_buttons.scss b/assets/scss/material-kit/variables/_buttons.scss
deleted file mode 100644
index 53444bf7..00000000
--- a/assets/scss/material-kit/variables/_buttons.scss
+++ /dev/null
@@ -1,82 +0,0 @@
-// Buttons:
-$bmd-btn-font-size: .875rem !default; // 14px
-$bmd-btn-font-size-lg: 1.25rem !default;
-$bmd-btn-font-size-sm: .6875rem !default; // 11px
-$bmd-btn-margin-bottom: .3125rem !default; // 5px
-
-// default btn with no specific type designation
-$bmd-btn-color: $gray-dark !default;
-$bmd-btn-bg: transparent !default; //$body-bg !default; // #fff
-$bmd-btn-border: #ccc !default;
-
-$bmd-btn-focus-bg: rgba(#999, .20) !default; // spec: bg Hover: 20% #999999
-$bmd-btn-active-bg: rgba(#999, .40) !default; // spec: bg Pressed: 40% #999999
-$bmd-btn-disabled: rgba($black, .26) !default; // spec: light theme: Disabled text: 26% $black
-
-$bmd-inverse-btn-focus-bg: rgba(#ccc, .15) !default; // spec: dark bg Hover: 15% #CCCCCC
-$bmd-inverse-btn-active-bg: rgba(#ccc, .25) !default; // spec: dark Pressed: 25% #CCCCCC
-$bmd-inverse-btn-disabled: rgba($white, .30) !default; // spec: dark theme: Disabled text: 30% $white
-
-$bmd-btn-fab-size: 3.5rem !default; // 56px
-$bmd-btn-fab-size-sm: 2.5rem !default; // 40px
-$bmd-btn-fab-font-size: 1.5rem !default; // 24px
-
-// icons
-$bmd-btn-icon-size: 2rem !default; // 32px
-$bmd-btn-icon-size-sm: (.75 * $bmd-btn-icon-size) !default; // ~24px
-$bmd-btn-icon-font-size-sm: (.75 * $bmd-btn-fab-font-size) !default;
-
-// Buttons
-//
-// For each of Bootstrap's buttons, define text, background and border color.
-$input-btn-padding-x: 1rem !default; // 1rem
-$input-btn-padding-y: .46875rem !default; // .5rem achieve a 36dp height
-$btn-font-weight: 400 !default; // normal
-$btn-box-shadow: none !default;
-$btn-active-box-shadow: none !default; // inset 0 3px 5px rgba(0,0,0,.125)
-
-//
-$btn-primary-color: $white !default;
-$btn-primary-bg: $primary !default;
-$btn-primary-border-color: $btn-primary-bg !default;
-//
-$btn-secondary-color: $gray-dark !default;
-$btn-secondary-bg: $body-bg !default; // #fff
-$btn-secondary-border-color: #ccc !default;
-//
-$btn-info-color: $white !default;
-$btn-info-bg: $info !default;
-$btn-info-border-color: $btn-info-bg !default;
-//
-$btn-success-color: $white !default;
-$btn-success-bg: $success !default;
-$btn-success-border-color: $btn-success-bg !default;
-//
-$btn-warning-color: $white !default;
-$btn-warning-bg: $warning !default;
-$btn-warning-border-color: $btn-warning-bg !default;
-//
-$btn-danger-color: $white !default;
-$btn-danger-bg: $danger !default;
-$btn-danger-border-color: $btn-danger-bg !default;
-
-$btn-rose-color: $white !default;
-$btn-rose-bg: $rose !default;
-$btn-rose-border-color: $btn-rose-bg !default;
-
-$btn-default-color: $white !default;
-$btn-default-bg: $gray-color !default;
-$btn-default-border-color: $btn-default-bg !default;
-//
-$btn-link-disabled-color: $gray-light !default;
-//
-$input-btn-padding-x-sm: 1.25rem !default;
-$input-btn-padding-y-sm: .40625rem !default; // achieve a 32dp height was .25rem
-
-$input-btn-padding-y-lg: 1.125rem !default;
-$input-btn-padding-x-lg: 2.25rem !default;
-
-//// Allows for customizing button radius independently from global border radius
-
-$btn-border-radius-sm: .1875rem !default;
-$border-radius-extreme: 2rem !default;
diff --git a/assets/scss/material-kit/variables/_card.scss b/assets/scss/material-kit/variables/_card.scss
deleted file mode 100644
index 5365cdd9..00000000
--- a/assets/scss/material-kit/variables/_card.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-// Cards
-
-$card-border-color: $gray-lighter !default; // #e5e5e5
-$card-bg: $white !default;
-$card-cap-bg: $card-bg !default; // #f5f5f5
diff --git a/assets/scss/material-kit/variables/_cards-extend.scss b/assets/scss/material-kit/variables/_cards-extend.scss
new file mode 100644
index 00000000..007a749c
--- /dev/null
+++ b/assets/scss/material-kit/variables/_cards-extend.scss
@@ -0,0 +1,28 @@
+// Card Profile
+$card-profile-body-text-align: center !default;
+$card-profile-body-padding: 1.25rem 2rem !default;
+$card-profile-avatar-margin: 0 auto !default;
+$card-profile-img-mt: 32px !default;
+$card-profile-img-radius: 50% !default;
+$card-profile-img-width: 130px !default;
+$card-profile-btn-mt: 24px !default;
+$card-profile-p-line-height: 1.778 !default;
+
+// Card Pricing
+$card-pricing-body-padding: 2.25rem !default;
+$card-pricing-line-height: 1.111 !default;
+$card-pricing-title-mb: $card-bg-description-margin !default;
+$card-pricing-td-line-height: 1.429 !default;
+$card-pricing-icon-height: 4rem !default;
+$card-pricing-icon-width: $card-pricing-icon-height !default;
+$card-pricing-icon-position: absolute !default;
+$card-pricing-icon-top: -22px !default;
+$card-pricing-icon-font-size: 1.25rem !default;
+$card-pricing-icon-lg-font-size: 1.75rem !default;
+$card-pricing-i-padding: 18px !default;
+$card-pricing-badge-padding: 5px !default;
+$card-pricing-badge-font-size: 6px !default;
+$card-pricing-badge-position: relative !default;
+$card-pricing-badge-top: -2px !default;
+$card-pricing-border-color: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
+$card-pricing-border-color-dark: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));
diff --git a/assets/scss/material-kit/variables/_cards.scss b/assets/scss/material-kit/variables/_cards.scss
new file mode 100644
index 00000000..d6266901
--- /dev/null
+++ b/assets/scss/material-kit/variables/_cards.scss
@@ -0,0 +1,65 @@
+$card-box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),
+ 0 2px 4px -1px rgba(0,0,0,0.06) !default;
+$card-background-blur: rgba(255, 255, 255, 0.8) !default;
+
+$card-header-padding: 1.5rem !default;
+
+$card-body-padding: $card-header-padding !default;
+$card-plain-bg-color: transparent !default;
+$card-plain-box-shadow: none !default;
+
+$card-footer-padding: $card-body-padding !default;
+
+$card-title-font-weight: $font-weight-bold !default;
+$card-title-line-height: 1.2 !default;
+
+$card-author-display: flex !default;
+$card-author-name-line-height: 1.571 !default;
+$card-author-name-color: #3A416F !default;
+$card-author-stats-color: #5D6494 !default;
+$card-avatar-width: 30px !default;
+$card-avatar-height: $card-avatar-width !default;
+$card-avatar-overflow: hidden !default;
+$card-avatar-radius: 50% !default;
+$card-avatar-mr: 5px !default;
+$card-stats-name-mt: -4px !default;
+$card-name-ml: .25rem !default;
+
+$card-badge-text-transform: uppercase !default;
+$card-badge-bg-color: #FAFAFF !default;
+
+
+// Card Background
+$card-bg-align-items: center !default;
+$card-bg-body-position: relative !default;
+$card-bg-body-z-index: 2 !default;
+$card-bg-content-min-height: 330px !default;
+$card-bg-content-max-width: 450px !default;
+$card-bg-content-pt: 60px !default;
+$card-bg-content-pb: $card-bg-content-pt !default;
+$card-bg-body-left-width: 90% !default;
+
+$card-bg-description-margin: 24px !default;
+
+$card-bg-filter-position: absolute !default;
+$card-bg-filter-top: 0 !default;
+$card-bg-filter-bottom: $card-bg-filter-top !default;
+$card-bg-filter-left: $card-bg-filter-top !default;
+$card-bg-filter-height: 100% !default;
+$card-bg-filter-width: $card-bg-filter-height !default;
+$card-bg-filter-z-index: 1 !default;
+$card-bg-filter-display: block !default;
+$card-bg-filter-content: "" !default;
+$card-bg-filter-bg: rgba(0,0,0,.56) !default;
+$card-bg-filter-mask-bg: rgba(0,0,0,.2) !default;
+$card-bg-filter-radius: 1rem !default;
+
+$card-full-bg-bg-position: 50% !default;
+$card-full-bg-bg-size: cover !default;
+$card-full-bg-mb: 30px !default;
+$card-full-bg-width: 100% !default;
+$card-full-bg-height: $card-full-bg-width !default;
+$card-full-bg-position: absolute !default;
+$card-full-bg-radius: $card-bg-filter-radius !default;
+
+$header-data-animation-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1) !default;
diff --git a/assets/scss/material-kit/variables/_carousel.scss b/assets/scss/material-kit/variables/_carousel.scss
deleted file mode 100644
index 5ab1b5f1..00000000
--- a/assets/scss/material-kit/variables/_carousel.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-.carousel{
- &.carousel-full-navigation{
- .left{
- cursor: url("../../img/arrow-left.png"), url("../../img/arrow-left.cur"), default !important;
- }
- .right{
- cursor: url("../../img/arrow-right.png"), url("../../img/arrow-right.cur"), default !important;
- }
- }
-}
diff --git a/assets/scss/material-kit/variables/_choices.scss b/assets/scss/material-kit/variables/_choices.scss
new file mode 100644
index 00000000..811686ff
--- /dev/null
+++ b/assets/scss/material-kit/variables/_choices.scss
@@ -0,0 +1,8 @@
+$choices-box-shadow: $dropdown-box-shadow !default;
+$choices-border-radius: .5rem !default;
+$choices-animation: .3s cubic-bezier(.23,1,.32,1) !default;
+$choices-transition: $dropdown-transition !default;
+$choices-transform: scale(.95) !important !default;
+$choices-transform-show: scale(1) !important !default;
+$choices-padding-y: 1rem !default;
+$choices-padding-x: .5rem !default;
diff --git a/assets/scss/material-kit/variables/_code.scss b/assets/scss/material-kit/variables/_code.scss
deleted file mode 100644
index fc51fda6..00000000
--- a/assets/scss/material-kit/variables/_code.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-// Code
-
-$code-bg: $grey-200 !default; // #f7f7f9 !default;
diff --git a/assets/scss/material-kit/variables/_colors-map.scss b/assets/scss/material-kit/variables/_colors-map.scss
deleted file mode 100644
index b20e34ad..00000000
--- a/assets/scss/material-kit/variables/_colors-map.scss
+++ /dev/null
@@ -1,311 +0,0 @@
-// these might be useful in a switch to sass...at some point.
-
-//$bmd-colors: (
-// "red": $red,
-// "pink": $pink,
-// "purple": $purple,
-// "deep-purple": $deep-purple,
-// "indigo": $indigo,
-// "blue": $blue,
-// "light-blue": $light-blue,
-// "cyan": $cyan,
-// "teal": $teal,
-// "green": $green,
-// "light-green": $light-green,
-// "lime": $lime,
-// "yellow": $yellow,
-// "amber": $amber,
-// "orange": $orange,
-// "deep-orange": $deep-orange,
-// "brown": $brown,
-// "grey": $grey,
-// "blue-grey": $blue-grey
-//);
-//
-//$bmd-colors-map: (
-// "red-50": (name: "red", color: $red-50, number: "-50"),
-// "red-100": (name: "red", color: $red-100, number: "-100"),
-// "red-200": (name: "red", color: $red-200, number: "-200"),
-// "red-300": (name: "red", color: $red-300, number: "-300"),
-// "red-400": (name: "red", color: $red-400, number: "-400"),
-// "red-500": (name: "red", color: $red-500, number: "-500"),
-// "red-600": (name: "red", color: $red-600, number: "-600"),
-// "red-700": (name: "red", color: $red-700, number: "-700"),
-// "red-800": (name: "red", color: $red-800, number: "-800"),
-// "red-900": (name: "red", color: $red-900, number: "-900"),
-// "red-a100": (name: "red", color: $red-a100, number: "-a100"),
-// "red-a200": (name: "red", color: $red-a200, number: "-a200"),
-// "red-a400": (name: "red", color: $red-a400, number: "-a400"),
-// "red-a700": (name: "red", color: $red-a700, number: "-a700"),
-// "red": (name: "red", color: $red, number: ""),
-// "pink-50": (name: "pink", color: $pink-50, number: "-50"),
-// "pink-100": (name: "pink", color: $pink-100, number: "-100"),
-// "pink-200": (name: "pink", color: $pink-200, number: "-200"),
-// "pink-300": (name: "pink", color: $pink-300, number: "-300"),
-// "pink-400": (name: "pink", color: $pink-400, number: "-400"),
-// "pink-500": (name: "pink", color: $pink-500, number: "-500"),
-// "pink-600": (name: "pink", color: $pink-600, number: "-600"),
-// "pink-700": (name: "pink", color: $pink-700, number: "-700"),
-// "pink-800": (name: "pink", color: $pink-800, number: "-800"),
-// "pink-900": (name: "pink", color: $pink-900, number: "-900"),
-// "pink-a100": (name: "pink", color: $pink-a100, number: "-a100"),
-// "pink-a200": (name: "pink", color: $pink-a200, number: "-a200"),
-// "pink-a400": (name: "pink", color: $pink-a400, number: "-a400"),
-// "pink-a700": (name: "pink", color: $pink-a700, number: "-a700"),
-// "pink": (name: "pink", color: $pink, number: ""),
-// "purple-50": (name: "purple", color: $purple-50, number: "-50"),
-// "purple-100": (name: "purple", color: $purple-100, number: "-100"),
-// "purple-200": (name: "purple", color: $purple-200, number: "-200"),
-// "purple-300": (name: "purple", color: $purple-300, number: "-300"),
-// "purple-400": (name: "purple", color: $purple-400, number: "-400"),
-// "purple-500": (name: "purple", color: $purple-500, number: "-500"),
-// "purple-600": (name: "purple", color: $purple-600, number: "-600"),
-// "purple-700": (name: "purple", color: $purple-700, number: "-700"),
-// "purple-800": (name: "purple", color: $purple-800, number: "-800"),
-// "purple-900": (name: "purple", color: $purple-900, number: "-900"),
-// "purple-a100": (name: "purple", color: $purple-a100, number: "-a100"),
-// "purple-a200": (name: "purple", color: $purple-a200, number: "-a200"),
-// "purple-a400": (name: "purple", color: $purple-a400, number: "-a400"),
-// "purple-a700": (name: "purple", color: $purple-a700, number: "-a700"),
-// "purple": (name: "purple", color: $purple, number: ""),
-// "deep-purple-50": (name: "deep-purple", color: $deep-purple-50, number: "-50"),
-// "deep-purple-100": (name: "deep-purple", color: $deep-purple-100, number: "-100"),
-// "deep-purple-200": (name: "deep-purple", color: $deep-purple-200, number: "-200"),
-// "deep-purple-300": (name: "deep-purple", color: $deep-purple-300, number: "-300"),
-// "deep-purple-400": (name: "deep-purple", color: $deep-purple-400, number: "-400"),
-// "deep-purple-500": (name: "deep-purple", color: $deep-purple-500, number: "-500"),
-// "deep-purple-600": (name: "deep-purple", color: $deep-purple-600, number: "-600"),
-// "deep-purple-700": (name: "deep-purple", color: $deep-purple-700, number: "-700"),
-// "deep-purple-800": (name: "deep-purple", color: $deep-purple-800, number: "-800"),
-// "deep-purple-900": (name: "deep-purple", color: $deep-purple-900, number: "-900"),
-// "deep-purple-a100": (name: "deep-purple", color: $deep-purple-a100, number: "-a100"),
-// "deep-purple-a200": (name: "deep-purple", color: $deep-purple-a200, number: "-a200"),
-// "deep-purple-a400": (name: "deep-purple", color: $deep-purple-a400, number: "-a400"),
-// "deep-purple-a700": (name: "deep-purple", color: $deep-purple-a700, number: "-a700"),
-// "deep-purple": (name: "deep-purple", color: $deep-purple, number: ""),
-// "indigo-50": (name: "indigo", color: $indigo-50, number: "-50"),
-// "indigo-100": (name: "indigo", color: $indigo-100, number: "-100"),
-// "indigo-200": (name: "indigo", color: $indigo-200, number: "-200"),
-// "indigo-300": (name: "indigo", color: $indigo-300, number: "-300"),
-// "indigo-400": (name: "indigo", color: $indigo-400, number: "-400"),
-// "indigo-500": (name: "indigo", color: $indigo-500, number: "-500"),
-// "indigo-600": (name: "indigo", color: $indigo-600, number: "-600"),
-// "indigo-700": (name: "indigo", color: $indigo-700, number: "-700"),
-// "indigo-800": (name: "indigo", color: $indigo-800, number: "-800"),
-// "indigo-900": (name: "indigo", color: $indigo-900, number: "-900"),
-// "indigo-a100": (name: "indigo", color: $indigo-a100, number: "-a100"),
-// "indigo-a200": (name: "indigo", color: $indigo-a200, number: "-a200"),
-// "indigo-a400": (name: "indigo", color: $indigo-a400, number: "-a400"),
-// "indigo-a700": (name: "indigo", color: $indigo-a700, number: "-a700"),
-// "indigo": (name: "indigo", color: $indigo, number: ""),
-// "blue-50": (name: "blue", color: $blue-50, number: "-50"),
-// "blue-100": (name: "blue", color: $blue-100, number: "-100"),
-// "blue-200": (name: "blue", color: $blue-200, number: "-200"),
-// "blue-300": (name: "blue", color: $blue-300, number: "-300"),
-// "blue-400": (name: "blue", color: $blue-400, number: "-400"),
-// "blue-500": (name: "blue", color: $blue-500, number: "-500"),
-// "blue-600": (name: "blue", color: $blue-600, number: "-600"),
-// "blue-700": (name: "blue", color: $blue-700, number: "-700"),
-// "blue-800": (name: "blue", color: $blue-800, number: "-800"),
-// "blue-900": (name: "blue", color: $blue-900, number: "-900"),
-// "blue-a100": (name: "blue", color: $blue-a100, number: "-a100"),
-// "blue-a200": (name: "blue", color: $blue-a200, number: "-a200"),
-// "blue-a400": (name: "blue", color: $blue-a400, number: "-a400"),
-// "blue-a700": (name: "blue", color: $blue-a700, number: "-a700"),
-// "blue": (name: "blue", color: $blue, number: ""),
-// "light-blue-50": (name: "light-blue", color: $light-blue-50, number: "-50"),
-// "light-blue-100": (name: "light-blue", color: $light-blue-100, number: "-100"),
-// "light-blue-200": (name: "light-blue", color: $light-blue-200, number: "-200"),
-// "light-blue-300": (name: "light-blue", color: $light-blue-300, number: "-300"),
-// "light-blue-400": (name: "light-blue", color: $light-blue-400, number: "-400"),
-// "light-blue-500": (name: "light-blue", color: $light-blue-500, number: "-500"),
-// "light-blue-600": (name: "light-blue", color: $light-blue-600, number: "-600"),
-// "light-blue-700": (name: "light-blue", color: $light-blue-700, number: "-700"),
-// "light-blue-800": (name: "light-blue", color: $light-blue-800, number: "-800"),
-// "light-blue-900": (name: "light-blue", color: $light-blue-900, number: "-900"),
-// "light-blue-a100": (name: "light-blue", color: $light-blue-a100, number: "-a100"),
-// "light-blue-a200": (name: "light-blue", color: $light-blue-a200, number: "-a200"),
-// "light-blue-a400": (name: "light-blue", color: $light-blue-a400, number: "-a400"),
-// "light-blue-a700": (name: "light-blue", color: $light-blue-a700, number: "-a700"),
-// "light-blue": (name: "light-blue", color: $light-blue, number: ""),
-// "cyan-50": (name: "cyan", color: $cyan-50, number: "-50"),
-// "cyan-100": (name: "cyan", color: $cyan-100, number: "-100"),
-// "cyan-200": (name: "cyan", color: $cyan-200, number: "-200"),
-// "cyan-300": (name: "cyan", color: $cyan-300, number: "-300"),
-// "cyan-400": (name: "cyan", color: $cyan-400, number: "-400"),
-// "cyan-500": (name: "cyan", color: $cyan-500, number: "-500"),
-// "cyan-600": (name: "cyan", color: $cyan-600, number: "-600"),
-// "cyan-700": (name: "cyan", color: $cyan-700, number: "-700"),
-// "cyan-800": (name: "cyan", color: $cyan-800, number: "-800"),
-// "cyan-900": (name: "cyan", color: $cyan-900, number: "-900"),
-// "cyan-a100": (name: "cyan", color: $cyan-a100, number: "-a100"),
-// "cyan-a200": (name: "cyan", color: $cyan-a200, number: "-a200"),
-// "cyan-a400": (name: "cyan", color: $cyan-a400, number: "-a400"),
-// "cyan-a700": (name: "cyan", color: $cyan-a700, number: "-a700"),
-// "cyan": (name: "cyan", color: $cyan, number: ""),
-// "teal-50": (name: "teal", color: $teal-50, number: "-50"),
-// "teal-100": (name: "teal", color: $teal-100, number: "-100"),
-// "teal-200": (name: "teal", color: $teal-200, number: "-200"),
-// "teal-300": (name: "teal", color: $teal-300, number: "-300"),
-// "teal-400": (name: "teal", color: $teal-400, number: "-400"),
-// "teal-500": (name: "teal", color: $teal-500, number: "-500"),
-// "teal-600": (name: "teal", color: $teal-600, number: "-600"),
-// "teal-700": (name: "teal", color: $teal-700, number: "-700"),
-// "teal-800": (name: "teal", color: $teal-800, number: "-800"),
-// "teal-900": (name: "teal", color: $teal-900, number: "-900"),
-// "teal-a100": (name: "teal", color: $teal-a100, number: "-a100"),
-// "teal-a200": (name: "teal", color: $teal-a200, number: "-a200"),
-// "teal-a400": (name: "teal", color: $teal-a400, number: "-a400"),
-// "teal-a700": (name: "teal", color: $teal-a700, number: "-a700"),
-// "teal": (name: "teal", color: $teal, number: ""),
-// "green-50": (name: "green", color: $green-50, number: "-50"),
-// "green-100": (name: "green", color: $green-100, number: "-100"),
-// "green-200": (name: "green", color: $green-200, number: "-200"),
-// "green-300": (name: "green", color: $green-300, number: "-300"),
-// "green-400": (name: "green", color: $green-400, number: "-400"),
-// "green-500": (name: "green", color: $green-500, number: "-500"),
-// "green-600": (name: "green", color: $green-600, number: "-600"),
-// "green-700": (name: "green", color: $green-700, number: "-700"),
-// "green-800": (name: "green", color: $green-800, number: "-800"),
-// "green-900": (name: "green", color: $green-900, number: "-900"),
-// "green-a100": (name: "green", color: $green-a100, number: "-a100"),
-// "green-a200": (name: "green", color: $green-a200, number: "-a200"),
-// "green-a400": (name: "green", color: $green-a400, number: "-a400"),
-// "green-a700": (name: "green", color: $green-a700, number: "-a700"),
-// "green": (name: "green", color: $green, number: ""),
-// "light-green-50": (name: "light-green", color: $light-green-50, number: "-50"),
-// "light-green-100": (name: "light-green", color: $light-green-100, number: "-100"),
-// "light-green-200": (name: "light-green", color: $light-green-200, number: "-200"),
-// "light-green-300": (name: "light-green", color: $light-green-300, number: "-300"),
-// "light-green-400": (name: "light-green", color: $light-green-400, number: "-400"),
-// "light-green-500": (name: "light-green", color: $light-green-500, number: "-500"),
-// "light-green-600": (name: "light-green", color: $light-green-600, number: "-600"),
-// "light-green-700": (name: "light-green", color: $light-green-700, number: "-700"),
-// "light-green-800": (name: "light-green", color: $light-green-800, number: "-800"),
-// "light-green-900": (name: "light-green", color: $light-green-900, number: "-900"),
-// "light-green-a100": (name: "light-green", color: $light-green-a100, number: "-a100"),
-// "light-green-a200": (name: "light-green", color: $light-green-a200, number: "-a200"),
-// "light-green-a400": (name: "light-green", color: $light-green-a400, number: "-a400"),
-// "light-green-a700": (name: "light-green", color: $light-green-a700, number: "-a700"),
-// "light-green": (name: "light-green", color: $light-green, number: ""),
-// "lime-50": (name: "lime", color: $lime-50, number: "-50"),
-// "lime-100": (name: "lime", color: $lime-100, number: "-100"),
-// "lime-200": (name: "lime", color: $lime-200, number: "-200"),
-// "lime-300": (name: "lime", color: $lime-300, number: "-300"),
-// "lime-400": (name: "lime", color: $lime-400, number: "-400"),
-// "lime-500": (name: "lime", color: $lime-500, number: "-500"),
-// "lime-600": (name: "lime", color: $lime-600, number: "-600"),
-// "lime-700": (name: "lime", color: $lime-700, number: "-700"),
-// "lime-800": (name: "lime", color: $lime-800, number: "-800"),
-// "lime-900": (name: "lime", color: $lime-900, number: "-900"),
-// "lime-a100": (name: "lime", color: $lime-a100, number: "-a100"),
-// "lime-a200": (name: "lime", color: $lime-a200, number: "-a200"),
-// "lime-a400": (name: "lime", color: $lime-a400, number: "-a400"),
-// "lime-a700": (name: "lime", color: $lime-a700, number: "-a700"),
-// "lime": (name: "lime", color: $lime, number: ""),
-// "yellow-50": (name: "yellow", color: $yellow-50, number: "-50"),
-// "yellow-100": (name: "yellow", color: $yellow-100, number: "-100"),
-// "yellow-200": (name: "yellow", color: $yellow-200, number: "-200"),
-// "yellow-300": (name: "yellow", color: $yellow-300, number: "-300"),
-// "yellow-400": (name: "yellow", color: $yellow-400, number: "-400"),
-// "yellow-500": (name: "yellow", color: $yellow-500, number: "-500"),
-// "yellow-600": (name: "yellow", color: $yellow-600, number: "-600"),
-// "yellow-700": (name: "yellow", color: $yellow-700, number: "-700"),
-// "yellow-800": (name: "yellow", color: $yellow-800, number: "-800"),
-// "yellow-900": (name: "yellow", color: $yellow-900, number: "-900"),
-// "yellow-a100": (name: "yellow", color: $yellow-a100, number: "-a100"),
-// "yellow-a200": (name: "yellow", color: $yellow-a200, number: "-a200"),
-// "yellow-a400": (name: "yellow", color: $yellow-a400, number: "-a400"),
-// "yellow-a700": (name: "yellow", color: $yellow-a700, number: "-a700"),
-// "yellow": (name: "yellow", color: $yellow, number: ""),
-// "amber-50": (name: "amber", color: $amber-50, number: "-50"),
-// "amber-100": (name: "amber", color: $amber-100, number: "-100"),
-// "amber-200": (name: "amber", color: $amber-200, number: "-200"),
-// "amber-300": (name: "amber", color: $amber-300, number: "-300"),
-// "amber-400": (name: "amber", color: $amber-400, number: "-400"),
-// "amber-500": (name: "amber", color: $amber-500, number: "-500"),
-// "amber-600": (name: "amber", color: $amber-600, number: "-600"),
-// "amber-700": (name: "amber", color: $amber-700, number: "-700"),
-// "amber-800": (name: "amber", color: $amber-800, number: "-800"),
-// "amber-900": (name: "amber", color: $amber-900, number: "-900"),
-// "amber-a100": (name: "amber", color: $amber-a100, number: "-a100"),
-// "amber-a200": (name: "amber", color: $amber-a200, number: "-a200"),
-// "amber-a400": (name: "amber", color: $amber-a400, number: "-a400"),
-// "amber-a700": (name: "amber", color: $amber-a700, number: "-a700"),
-// "amber": (name: "amber", color: $amber, number: ""),
-// "orange-50": (name: "orange", color: $orange-50, number: "-50"),
-// "orange-100": (name: "orange", color: $orange-100, number: "-100"),
-// "orange-200": (name: "orange", color: $orange-200, number: "-200"),
-// "orange-300": (name: "orange", color: $orange-300, number: "-300"),
-// "orange-400": (name: "orange", color: $orange-400, number: "-400"),
-// "orange-500": (name: "orange", color: $orange-500, number: "-500"),
-// "orange-600": (name: "orange", color: $orange-600, number: "-600"),
-// "orange-700": (name: "orange", color: $orange-700, number: "-700"),
-// "orange-800": (name: "orange", color: $orange-800, number: "-800"),
-// "orange-900": (name: "orange", color: $orange-900, number: "-900"),
-// "orange-a100": (name: "orange", color: $orange-a100, number: "-a100"),
-// "orange-a200": (name: "orange", color: $orange-a200, number: "-a200"),
-// "orange-a400": (name: "orange", color: $orange-a400, number: "-a400"),
-// "orange-a700": (name: "orange", color: $orange-a700, number: "-a700"),
-// "orange": (name: "orange", color: $orange, number: ""),
-// "deep-orange-50": (name: "deep-orange", color: $deep-orange-50, number: "-50"),
-// "deep-orange-100": (name: "deep-orange", color: $deep-orange-100, number: "-100"),
-// "deep-orange-200": (name: "deep-orange", color: $deep-orange-200, number: "-200"),
-// "deep-orange-300": (name: "deep-orange", color: $deep-orange-300, number: "-300"),
-// "deep-orange-400": (name: "deep-orange", color: $deep-orange-400, number: "-400"),
-// "deep-orange-500": (name: "deep-orange", color: $deep-orange-500, number: "-500"),
-// "deep-orange-600": (name: "deep-orange", color: $deep-orange-600, number: "-600"),
-// "deep-orange-700": (name: "deep-orange", color: $deep-orange-700, number: "-700"),
-// "deep-orange-800": (name: "deep-orange", color: $deep-orange-800, number: "-800"),
-// "deep-orange-900": (name: "deep-orange", color: $deep-orange-900, number: "-900"),
-// "deep-orange-a100": (name: "deep-orange", color: $deep-orange-a100, number: "-a100"),
-// "deep-orange-a200": (name: "deep-orange", color: $deep-orange-a200, number: "-a200"),
-// "deep-orange-a400": (name: "deep-orange", color: $deep-orange-a400, number: "-a400"),
-// "deep-orange-a700": (name: "deep-orange", color: $deep-orange-a700, number: "-a700"),
-// "deep-orange": (name: "deep-orange", color: $deep-orange, number: ""),
-// "brown-50": (name: "brown", color: $brown-50, number: "-50"),
-// "brown-100": (name: "brown", color: $brown-100, number: "-100"),
-// "brown-200": (name: "brown", color: $brown-200, number: "-200"),
-// "brown-300": (name: "brown", color: $brown-300, number: "-300"),
-// "brown-400": (name: "brown", color: $brown-400, number: "-400"),
-// "brown-500": (name: "brown", color: $brown-500, number: "-500"),
-// "brown-600": (name: "brown", color: $brown-600, number: "-600"),
-// "brown-700": (name: "brown", color: $brown-700, number: "-700"),
-// "brown-800": (name: "brown", color: $brown-800, number: "-800"),
-// "brown-900": (name: "brown", color: $brown-900, number: "-900"),
-// "brown-a100": (name: "brown", color: $brown-a100, number: "-a100"),
-// "brown-a200": (name: "brown", color: $brown-a200, number: "-a200"),
-// "brown-a400": (name: "brown", color: $brown-a400, number: "-a400"),
-// "brown-a700": (name: "brown", color: $brown-a700, number: "-a700"),
-// "brown": (name: "brown", color: $brown, number: ""),
-// "grey-50": (name: "grey", color: $grey-50, number: "-50"),
-// "grey-100": (name: "grey", color: $grey-100, number: "-100"),
-// "grey-200": (name: "grey", color: $grey-200, number: "-200"),
-// "grey-300": (name: "grey", color: $grey-300, number: "-300"),
-// "grey-400": (name: "grey", color: $grey-400, number: "-400"),
-// "grey-500": (name: "grey", color: $grey-500, number: "-500"),
-// "grey-600": (name: "grey", color: $grey-600, number: "-600"),
-// "grey-700": (name: "grey", color: $grey-700, number: "-700"),
-// "grey-800": (name: "grey", color: $grey-800, number: "-800"),
-// "grey-900": (name: "grey", color: $grey-900, number: "-900"),
-// "grey-a100": (name: "grey", color: $grey-a100, number: "-a100"),
-// "grey-a200": (name: "grey", color: $grey-a200, number: "-a200"),
-// "grey-a400": (name: "grey", color: $grey-a400, number: "-a400"),
-// "grey-a700": (name: "grey", color: $grey-a700, number: "-a700"),
-// "grey": (name: "grey", color: $grey, number: ""),
-// "blue-grey-50": (name: "blue-grey", color: $blue-grey-50, number: "-50"),
-// "blue-grey-100": (name: "blue-grey", color: $blue-grey-100, number: "-100"),
-// "blue-grey-200": (name: "blue-grey", color: $blue-grey-200, number: "-200"),
-// "blue-grey-300": (name: "blue-grey", color: $blue-grey-300, number: "-300"),
-// "blue-grey-400": (name: "blue-grey", color: $blue-grey-400, number: "-400"),
-// "blue-grey-500": (name: "blue-grey", color: $blue-grey-500, number: "-500"),
-// "blue-grey-600": (name: "blue-grey", color: $blue-grey-600, number: "-600"),
-// "blue-grey-700": (name: "blue-grey", color: $blue-grey-700, number: "-700"),
-// "blue-grey-800": (name: "blue-grey", color: $blue-grey-800, number: "-800"),
-// "blue-grey-900": (name: "blue-grey", color: $blue-grey-900, number: "-900"),
-// "blue-grey-a100": (name: "blue-grey", color: $blue-grey-a100, number: "-a100"),
-// "blue-grey-a200": (name: "blue-grey", color: $blue-grey-a200, number: "-a200"),
-// "blue-grey-a400": (name: "blue-grey", color: $blue-grey-a400, number: "-a400"),
-// "blue-grey-a700": (name: "blue-grey", color: $blue-grey-a700, number: "-a700"),
-// "blue-grey": (name: "blue-grey", color: $blue-grey, number: "")
-//);
diff --git a/assets/scss/material-kit/variables/_colors.scss b/assets/scss/material-kit/variables/_colors.scss
deleted file mode 100644
index f8eb4060..00000000
--- a/assets/scss/material-kit/variables/_colors.scss
+++ /dev/null
@@ -1,315 +0,0 @@
-$red-50: #ffebee !default;
-$red-100: #ffcdd2 !default;
-$red-200: #ef9a9a !default;
-$red-300: #e57373 !default;
-$red-400: #ef5350 !default;
-$red-500: #f44336 !default;
-$red-600: #e53935 !default;
-$red-700: #d32f2f !default;
-$red-800: #c62828 !default;
-$red-900: #b71c1c !default;
-$red-a100: #ff8a80 !default;
-$red-a200: #ff5252 !default;
-$red-a400: #ff1744 !default;
-$red-a700: #d50000 !default;
-$red: $red-500 !default;
-
-$pink-50: #fce4ec !default;
-$pink-100: #f8bbd0 !default;
-$pink-200: #f48fb1 !default;
-$pink-300: #f06292 !default;
-$pink-400: #ec407a !default;
-$pink-500: #e91e63 !default;
-$pink-600: #d81b60 !default;
-$pink-700: #c2185b !default;
-$pink-800: #ad1457 !default;
-$pink-900: #880e4f !default;
-$pink-a100: #ff80ab !default;
-$pink-a200: #ff4081 !default;
-$pink-a400: #f50057 !default;
-$pink-a700: #c51162 !default;
-$pink: $pink-500 !default;
-
-$purple-50: #f3e5f5 !default;
-$purple-100: #e1bee7 !default;
-$purple-200: #ce93d8 !default;
-$purple-300: #ba68c8 !default;
-$purple-400: #ab47bc !default;
-$purple-500: #9c27b0 !default;
-$purple-600: #8e24aa !default;
-$purple-700: #7b1fa2 !default;
-$purple-800: #6a1b9a !default;
-$purple-900: #4a148c !default;
-$purple-a100: #ea80fc !default;
-$purple-a200: #e040fb !default;
-$purple-a400: #d500f9 !default;
-$purple-a700: #a0f !default;
-$purple: $purple-500 !default;
-
-$deep-purple-50: #ede7f6 !default;
-$deep-purple-100: #d1c4e9 !default;
-$deep-purple-200: #b39ddb !default;
-$deep-purple-300: #9575cd !default;
-$deep-purple-400: #7e57c2 !default;
-$deep-purple-500: #673ab7 !default;
-$deep-purple-600: #5e35b1 !default;
-$deep-purple-700: #512da8 !default;
-$deep-purple-800: #4527a0 !default;
-$deep-purple-900: #311b92 !default;
-$deep-purple-a100: #b388ff !default;
-$deep-purple-a200: #7c4dff !default;
-$deep-purple-a400: #651fff !default;
-$deep-purple-a700: #6200ea !default;
-$deep-purple: $deep-purple-500 !default;
-
-$indigo-50: #e8eaf6 !default;
-$indigo-100: #c5cae9 !default;
-$indigo-200: #9fa8da !default;
-$indigo-300: #7986cb !default;
-$indigo-400: #5c6bc0 !default;
-$indigo-500: #3f51b5 !default;
-$indigo-600: #3949ab !default;
-$indigo-700: #303f9f !default;
-$indigo-800: #283593 !default;
-$indigo-900: #1a237e !default;
-$indigo-a100: #8c9eff !default;
-$indigo-a200: #536dfe !default;
-$indigo-a400: #3d5afe !default;
-$indigo-a700: #304ffe !default;
-$indigo: $indigo-500 !default;
-
-$blue-50: #e3f2fd !default;
-$blue-100: #bbdefb !default;
-$blue-200: #90caf9 !default;
-$blue-300: #64b5f6 !default;
-$blue-400: #42a5f5 !default;
-$blue-500: #2196f3 !default;
-$blue-600: #1e88e5 !default;
-$blue-700: #1976d2 !default;
-$blue-800: #1565c0 !default;
-$blue-900: #0d47a1 !default;
-$blue-a100: #82b1ff !default;
-$blue-a200: #448aff !default;
-$blue-a400: #2979ff !default;
-$blue-a700: #2962ff !default;
-$blue: $blue-500 !default;
-
-$light-blue-50: #e1f5fe !default;
-$light-blue-100: #b3e5fc !default;
-$light-blue-200: #81d4fa !default;
-$light-blue-300: #4fc3f7 !default;
-$light-blue-400: #29b6f6 !default;
-$light-blue-500: #03a9f4 !default;
-$light-blue-600: #039be5 !default;
-$light-blue-700: #0288d1 !default;
-$light-blue-800: #0277bd !default;
-$light-blue-900: #01579b !default;
-$light-blue-a100: #80d8ff !default;
-$light-blue-a200: #40c4ff !default;
-$light-blue-a400: #00b0ff !default;
-$light-blue-a700: #0091ea !default;
-$light-blue: $light-blue-500 !default;
-
-$cyan-50: #e0f7fa !default;
-$cyan-100: #b2ebf2 !default;
-$cyan-200: #80deea !default;
-$cyan-300: #4dd0e1 !default;
-$cyan-400: #26c6da !default;
-$cyan-500: #00bcd4 !default;
-$cyan-600: #00acc1 !default;
-$cyan-700: #0097a7 !default;
-$cyan-800: #00838f !default;
-$cyan-900: #006064 !default;
-$cyan-a100: #84ffff !default;
-$cyan-a200: #18ffff !default;
-$cyan-a400: #00e5ff !default;
-$cyan-a700: #00b8d4 !default;
-$cyan: $cyan-500 !default;
-
-$teal-50: #e0f2f1 !default;
-$teal-100: #b2dfdb !default;
-$teal-200: #80cbc4 !default;
-$teal-300: #4db6ac !default;
-$teal-400: #26a69a !default;
-$teal-500: #009688 !default;
-$teal-600: #00897b !default;
-$teal-700: #00796b !default;
-$teal-800: #00695c !default;
-$teal-900: #004d40 !default;
-$teal-a100: #a7ffeb !default;
-$teal-a200: #64ffda !default;
-$teal-a400: #1de9b6 !default;
-$teal-a700: #00bfa5 !default;
-$teal: $teal-500 !default;
-
-$green-50: #e8f5e9 !default;
-$green-100: #c8e6c9 !default;
-$green-200: #a5d6a7 !default;
-$green-300: #81c784 !default;
-$green-400: #66bb6a !default;
-$green-500: #4caf50 !default;
-$green-600: #43a047 !default;
-$green-700: #388e3c !default;
-$green-800: #2e7d32 !default;
-$green-900: #1b5e20 !default;
-$green-a100: #b9f6ca !default;
-$green-a200: #69f0ae !default;
-$green-a400: #00e676 !default;
-$green-a700: #00c853 !default;
-$green: $green-500 !default;
-
-$light-green-50: #f1f8e9 !default;
-$light-green-100: #dcedc8 !default;
-$light-green-200: #c5e1a5 !default;
-$light-green-300: #aed581 !default;
-$light-green-400: #9ccc65 !default;
-$light-green-500: #8bc34a !default;
-$light-green-600: #7cb342 !default;
-$light-green-700: #689f38 !default;
-$light-green-800: #558b2f !default;
-$light-green-900: #33691e !default;
-$light-green-a100: #ccff90 !default;
-$light-green-a200: #b2ff59 !default;
-$light-green-a400: #76ff03 !default;
-$light-green-a700: #64dd17 !default;
-$light-green: $light-green-500 !default;
-
-$lime-50: #f9fbe7 !default;
-$lime-100: #f0f4c3 !default;
-$lime-200: #e6ee9c !default;
-$lime-300: #dce775 !default;
-$lime-400: #d4e157 !default;
-$lime-500: #cddc39 !default;
-$lime-600: #c0ca33 !default;
-$lime-700: #afb42b !default;
-$lime-800: #9e9d24 !default;
-$lime-900: #827717 !default;
-$lime-a100: #f4ff81 !default;
-$lime-a200: #eeff41 !default;
-$lime-a400: #c6ff00 !default;
-$lime-a700: #aeea00 !default;
-$lime: $lime-500 !default;
-
-$yellow-50: #fffde7 !default;
-$yellow-100: #fff9c4 !default;
-$yellow-200: #fff59d !default;
-$yellow-300: #fff176 !default;
-$yellow-400: #ffee58 !default;
-$yellow-500: #ffeb3b !default;
-$yellow-600: #fdd835 !default;
-$yellow-700: #fbc02d !default;
-$yellow-800: #f9a825 !default;
-$yellow-900: #f57f17 !default;
-$yellow-a100: #ffff8d !default;
-$yellow-a200: #ff0 !default;
-$yellow-a400: #ffea00 !default;
-$yellow-a700: #ffd600 !default;
-$yellow: $yellow-500 !default;
-
-$amber-50: #fff8e1 !default;
-$amber-100: #ffecb3 !default;
-$amber-200: #ffe082 !default;
-$amber-300: #ffd54f !default;
-$amber-400: #ffca28 !default;
-$amber-500: #ffc107 !default;
-$amber-600: #ffb300 !default;
-$amber-700: #ffa000 !default;
-$amber-800: #ff8f00 !default;
-$amber-900: #ff6f00 !default;
-$amber-a100: #ffe57f !default;
-$amber-a200: #ffd740 !default;
-$amber-a400: #ffc400 !default;
-$amber-a700: #ffab00 !default;
-$amber: $amber-500 !default;
-
-$orange-50: #fff3e0 !default;
-$orange-100: #ffe0b2 !default;
-$orange-200: #ffcc80 !default;
-$orange-300: #ffb74d !default;
-$orange-400: #ffa726 !default;
-$orange-500: #ff9800 !default;
-$orange-600: #fb8c00 !default;
-$orange-700: #f57c00 !default;
-$orange-800: #ef6c00 !default;
-$orange-900: #e65100 !default;
-$orange-a100: #ffd180 !default;
-$orange-a200: #ffab40 !default;
-$orange-a400: #ff9100 !default;
-$orange-a700: #ff6d00 !default;
-$orange: $orange-500 !default;
-
-$deep-orange-50: #fbe9e7 !default;
-$deep-orange-100: #ffccbc !default;
-$deep-orange-200: #ffab91 !default;
-$deep-orange-300: #ff8a65 !default;
-$deep-orange-400: #ff7043 !default;
-$deep-orange-500: #ff5722 !default;
-$deep-orange-600: #f4511e !default;
-$deep-orange-700: #e64a19 !default;
-$deep-orange-800: #d84315 !default;
-$deep-orange-900: #bf360c !default;
-$deep-orange-a100: #ff9e80 !default;
-$deep-orange-a200: #ff6e40 !default;
-$deep-orange-a400: #ff3d00 !default;
-$deep-orange-a700: #dd2c00 !default;
-$deep-orange: $deep-orange-500 !default;
-
-$brown-50: #efebe9 !default;
-$brown-100: #d7ccc8 !default;
-$brown-200: #bcaaa4 !default;
-$brown-300: #a1887f !default;
-$brown-400: #8d6e63 !default;
-$brown-500: #795548 !default;
-$brown-600: #6d4c41 !default;
-$brown-700: #5d4037 !default;
-$brown-800: #4e342e !default;
-$brown-900: #3e2723 !default;
-$brown-a100: #d7ccc8 !default;
-$brown-a200: #bcaaa4 !default;
-$brown-a400: #8d6e63 !default;
-$brown-a700: #5d4037 !default;
-$brown: $brown-500 !default;
-
-$grey-50: #fafafa !default;
-$grey-100: #f5f5f5 !default;
-$grey-200: #eee !default;
-$grey-300: #e0e0e0 !default;
-$grey-400: #bdbdbd !default;
-$grey-500: #9e9e9e;
-$grey-600: #757575 !default;
-$grey-700: #616161 !default;
-$grey-800: #424242 !default;
-$grey-900: #212121 !default;
-$grey-a100: #f5f5f5 !default;
-$grey-a200: #eee !default;
-$grey-a400: #bdbdbd !default;
-$grey-a700: #616161 !default;
-$grey: $grey-500 !default;
-
-$blue-grey-50: #eceff1 !default;
-$blue-grey-100: #cfd8dc !default;
-$blue-grey-200: #b0bec5 !default;
-$blue-grey-300: #90a4ae !default;
-$blue-grey-400: #78909c !default;
-$blue-grey-500: #607d8b !default;
-$blue-grey-600: #546e7a !default;
-$blue-grey-700: #455a64 !default;
-$blue-grey-800: #37474f !default;
-$blue-grey-900: #263238 !default;
-$blue-grey-a100: #cfd8dc !default;
-$blue-grey-a200: #b0bec5 !default;
-$blue-grey-a400: #78909c !default;
-$blue-grey-a700: #455a64 !default;
-$blue-grey: $blue-grey-500 !default;
-
-$black: #000;
-$white: #fff;
-
-// New colors
-$gray-color: #999999 !default;
-$black-color: #3C4858 !default;
-
-$black-color: #000000;
-$rgb-black: "0,0,0" !default;
-$white-color: #ffffff;
-$rgb-white: "255,255,255" !default;
diff --git a/assets/scss/material-kit/variables/_custom-forms.scss b/assets/scss/material-kit/variables/_custom-forms.scss
deleted file mode 100644
index d6f36447..00000000
--- a/assets/scss/material-kit/variables/_custom-forms.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-$custom-file-bg: transparent !default;
-$custom-file-border-width: 0 !default;
-$custom-file-box-shadow: none !default;
-$custom-file-border-radius: 0 !default;
-$custom-file-line-height: 1.3 !default;
diff --git a/assets/scss/material-kit/variables/_dark-version.scss b/assets/scss/material-kit/variables/_dark-version.scss
new file mode 100644
index 00000000..9e70d9ab
--- /dev/null
+++ b/assets/scss/material-kit/variables/_dark-version.scss
@@ -0,0 +1,9 @@
+$dark-version-body-color: rgba(255, 255, 255, .8) !default;
+$dark-version-bg-color: #1a2035 !default;
+$dark-version-sidenav-bg-color: #1f283e !default;
+$dark-version-card-bg-color: #202940 !default;
+$dark-version-card-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .20), 0 1px 5px 0 rgba(0, 0, 0, .12) !default;
+$dark-version-input-bg-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, rgba(210, 210, 210, .6) 1px, rgba(209, 209, 209, 0) 0) !default;
+$dark-version-border-color: rgba(255, 255, 255, .4) !default;
+$dark-version-table-color: rgba(255, 255, 255, .6) !default;
+$dark-version-caret-sidebar-color: rgba(206, 212, 218, .7) !default;
diff --git a/assets/scss/material-kit/variables/_drawer.scss b/assets/scss/material-kit/variables/_drawer.scss
deleted file mode 100644
index d30b021f..00000000
--- a/assets/scss/material-kit/variables/_drawer.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-// Drawer
-
-// Sizing
-$bmd-drawer-x-size: 240px !default;
-$bmd-drawer-y-size: 100px !default;
diff --git a/assets/scss/material-kit/variables/_dropdown.scss b/assets/scss/material-kit/variables/_dropdown.scss
deleted file mode 100644
index 000ff3c7..00000000
--- a/assets/scss/material-kit/variables/_dropdown.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-// Dropdowns
-//
-// Dropdown menu container and contents.
-
-$dropdown-box-shadow: $bmd-shadow-2dp !default; //0 6px 12px rgba(0,0,0,.175) !default;
diff --git a/assets/scss/material-kit/variables/_dropdowns.scss b/assets/scss/material-kit/variables/_dropdowns.scss
new file mode 100644
index 00000000..e7887817
--- /dev/null
+++ b/assets/scss/material-kit/variables/_dropdowns.scss
@@ -0,0 +1,53 @@
+$dropdown-subitem-position: 101% !default;
+$dropdown-transition: transform .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1) !default;
+$dropdown-transform-origin: 0 0 !default;
+$dropdown-transform: scale(.95) !important !default;
+$dropdown-transform-show: scale(1) !important !default;
+
+$dropdown-multilevel-transform: scale(.95) !important !default;
+$dropdown-multilevel-transform-show: scale(1) !important !default;
+
+$dropup-transform-origin: bottom !default;
+$dropup-transform: scale(.95) !important !default;
+$dropup-transform-show: scale(1) !important !default;
+
+$dropdown-icon-margin-right: .75rem !default;
+
+$dropdown-toggle-arrow-transform: rotate(180deg) !default;
+$dropdown-toggle-arrow-transition: .3s ease !default;
+
+$dropdown-button-after-margin-top: 3px !default;
+
+$dropdown-animation-arrow-left-position: 28px !default;
+$dropup-animation-arrow-bottom-position: 22px !default;
+$dropdown-animation-arrow-font-size: 22px !default;
+$dropup-animation-arrow-transition: bottom .35s ease !default;
+$dropdown-animation-arrow-transition: top .35s ease !default;
+$dropup-mb: .5rem !default;
+
+$dropdown-mt: 2.8125rem !default;
+$dropdown-hover-after-bottom-pos: -24px !default;
+$dropdown-hover-after-bottom-pos: -24px !default;
+$dropdown-hover-arrow-active-top: -20px !default;
+
+$dropdown-subitem-position-right: -197px !default;
+$dropdown-subitem-left-hover: -8px !default;
+$dropdown-subitem-arrow-rotate: rotate(-90deg) !default;
+
+$dropdown-md-min-width: 15rem !default;
+$dropdown-lg-min-width: 23rem !default;
+$dropdown-lg-width-responsive: 19rem !default;
+$dropdown-xl-min-width: 40rem !default;
+
+$dropdown-subitem-position: 101% !default;
+
+
+// Extend
+$dropdown-subitem-position-right: -197px !default;
+$dropdown-subitem-left-hover: -8px !default;
+$dropdown-subitem-arrow-rotate: rotate(-90deg) !default;
+
+$dropdown-md-min-width: 15rem !default;
+$dropdown-lg-min-width: 23rem !default;
+$dropdown-lg-width-responsive: 19rem !default;
+$dropdown-xl-min-width: 40rem !default;
diff --git a/assets/scss/material-kit/variables/_fixed-plugin.scss b/assets/scss/material-kit/variables/_fixed-plugin.scss
new file mode 100644
index 00000000..287f6e78
--- /dev/null
+++ b/assets/scss/material-kit/variables/_fixed-plugin.scss
@@ -0,0 +1,7 @@
+$fixed-plugin-bottom: 30px !default;
+$fixed-plugin-right: $fixed-plugin-bottom !default;
+$fixed-plugin-radius: 50% !default;
+$fixed-plugin-box-shadow: $navbar-box-shadow !default;
+$fixed-plugin-button-z-index: 990 !default;
+$fixed-plugin-card-z-index: 1020 !default;
+$fixed-plugin-card-width: 360px !default;
diff --git a/assets/scss/material-kit/variables/_form-switch.scss b/assets/scss/material-kit/variables/_form-switch.scss
new file mode 100644
index 00000000..ccf9b5b4
--- /dev/null
+++ b/assets/scss/material-kit/variables/_form-switch.scss
@@ -0,0 +1,3 @@
+$slider-dim: 15px !default;
+$slider-position: 2px !default;
+$moving-circle: translateX(21px) !default;
diff --git a/assets/scss/material-kit/variables/_forms.scss b/assets/scss/material-kit/variables/_forms.scss
deleted file mode 100644
index 3cf5ca1b..00000000
--- a/assets/scss/material-kit/variables/_forms.scss
+++ /dev/null
@@ -1,37 +0,0 @@
-// Forms
-
-//
-$input-bg: rgba($black, 0) !default; // #fff !default;
-$input-bg-disabled: rgba($black, 0) !default; // $gray-lighter !default;
-//
-//$input-color: $gray !default;
-$input-border-color: #d2d2d2 !default; // #ccc !default;
-$input-border-color-white: #FFFFFF !default;
-
-//$input-btn-border-width: $border-width !default; // For form controls and buttons
-$input-box-shadow: none !default; //inset 0 1px 1px rgba(0,0,0,.075) !default;
-//
-$input-border-radius: 0 !default; // $border-radius !default;
-$input-box-shadow-focus: none !default; // rgba(102,175,233,.6) !default;
-//
-$input-color-placeholder: $bmd-label-color !default; // #999 !default;
-
-$input-padding-x: 0 !default; // .75rem !default;
-$input-padding-y: .4375rem !default; // spec 8px // .375rem !default;
-
-$input-padding-x-sm: 0 !default; // .75rem !default;
-$input-padding-y-sm: .25rem !default; // spec 4px //.275rem !default;
-
-$input-padding-x-lg: 0 !default; // 1.25rem !default;
-$input-padding-y-lg: .5625rem !default; // no-spec 9px // .75rem !default;
-
-//
-$input-group-addon-bg: transparent !default; //$gray-lighter !default;
-$input-group-addon-border-color: transparent !default; //$input-border-color !default;
-//
-//$cursor-disabled: not-allowed !default;
-//
-//// Form validation icons
-$form-icon-success: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg==";
-$form-icon-warning: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+";
-$form-icon-danger: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4=";
diff --git a/assets/scss/material-kit/variables/_full-calendar.scss b/assets/scss/material-kit/variables/_full-calendar.scss
new file mode 100644
index 00000000..3d3789ed
--- /dev/null
+++ b/assets/scss/material-kit/variables/_full-calendar.scss
@@ -0,0 +1,6 @@
+$fc-event-title-padding-y: .2rem !default;
+$fc-event-title-padding-x: .3rem !default;
+
+$fc-daygrid-event-border-radius: .35rem !default;
+
+$fc-theme-standard-dark-border-color: rgba($secondary, .3) !default;
diff --git a/assets/scss/material-kit/variables/_header.scss b/assets/scss/material-kit/variables/_header.scss
new file mode 100644
index 00000000..15bd5483
--- /dev/null
+++ b/assets/scss/material-kit/variables/_header.scss
@@ -0,0 +1,24 @@
+$page-header-padding: 0 !default;
+$page-header-position: relative !default;
+$page-header-overflow: hidden !default;
+$page-header-display: flex !default;
+$page-header-align-items: center !default;
+$page-header-bg-size: cover !default;
+$page-header-bg-position: 50% !default;
+
+$mask-position: absolute !default;
+$mask-bg-size: cover !default;
+$mask-bg-position: center center !default;
+$mask-top: 0 !default;
+$mask-left: $mask-top !default;
+$mask-width: 100% !default;
+$mask-height: $mask-width !default;
+$mask-opacity: .8 !default;
+
+$page-header-conteiner-index: 1 !default;
+
+$header-video-top: 50% !default;
+$header-video-left: $header-video-top !default;
+$header-video-min-width: 100% !default;
+$header-video-min-height: $header-video-min-width !default;
+$header-video-min-transform: translateX(-50%) translateY(-50%) !default;
diff --git a/assets/scss/material-kit/variables/_info-areas.scss b/assets/scss/material-kit/variables/_info-areas.scss
new file mode 100644
index 00000000..09583105
--- /dev/null
+++ b/assets/scss/material-kit/variables/_info-areas.scss
@@ -0,0 +1,32 @@
+$icon-shape-bg-image: linear-gradient(195deg,#7928CA,#FF0080) !default;
+$icon-shape-bg-position: center !default;
+
+$icon-striped-bg-md: 85px !default;
+$icon-striped-bg-lg: 111px !default;
+$icon-striped-bg-xl: 80px !default;
+
+$icon-striped-icon-mt: 25% !default;
+$icon-striped-icon-ml: -24% !default;
+
+$icon-shape-icon-opacity: .8 !default;
+$info-icon-top: 11px !default;
+$info-icon-top-xxs: -4px !default;
+$info-icon-top-xs: -1px !default;
+$info-icon-top-sm: 4px !default;
+$info-icon-top-md: 30% !default;
+$info-icon-top-lg: 31% !default;
+$info-icon-top-xl: 35% !default;
+$info-icon-position: relative !default;
+
+$icon-xxs-width: 20px !default;
+$icon-xxs-height: $icon-xxs-width !default;
+$icon-xs-width: 24px !default;
+$icon-xs-height: $icon-xs-width !default;
+$icon-sm-width: 32px !default;
+$icon-sm-height: $icon-sm-width !default;
+$icon-md-width: 48px !default;
+$icon-md-height: $icon-md-width !default;
+$icon-lg-width: 64px !default;
+$icon-lg-height: $icon-lg-width !default;
+$icon-xl-width: 100px !default;
+$icon-xl-height: $icon-xl-width !default;
diff --git a/assets/scss/material-kit/variables/_layout.scss b/assets/scss/material-kit/variables/_layout.scss
deleted file mode 100644
index 7cbf784a..00000000
--- a/assets/scss/material-kit/variables/_layout.scss
+++ /dev/null
@@ -1 +0,0 @@
-// Layout variables - evidently nothing to see here...remove now?
diff --git a/assets/scss/material-kit/variables/_list-group.scss b/assets/scss/material-kit/variables/_list-group.scss
deleted file mode 100644
index 8cdb2ad3..00000000
--- a/assets/scss/material-kit/variables/_list-group.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-// List group
-
-$list-group-bg: inherit !default; // #fff
-$list-group-border-width: 0 !default; // $border-width
-$list-group-border-radius: 0 !default; // $border-radius
diff --git a/assets/scss/material-kit/variables/_menu.scss b/assets/scss/material-kit/variables/_menu.scss
deleted file mode 100644
index 54da3c4a..00000000
--- a/assets/scss/material-kit/variables/_menu.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-$bmd-menu-line-height: 1 !default; // makes it easier to use sizes to match spec
-
-$bmd-menu-item-min-width: 7rem !default; // Minimum width on mobile = 2 * 56dp = 112dp
-$bmd-menu-item-max-width: 17.5rem !default; // Maximum width on mobile (in both portrait and landscape) = 5 * 56dp = 280dp
-$bmd-menu-item-min-height: 3rem !default; // 48px
-
-$bmd-menu-item-padding-right: 1rem !default;
-$bmd-menu-item-padding-bottom: .8rem !default;
-$bmd-menu-item-padding-left: 1rem !default;
-$bmd-menu-item-padding-top: .8rem !default;
-
-// md and up
-$bmd-menu-item-padding-right-md: 1.5rem !default;
-$bmd-menu-item-padding-left-md: 1.5rem !default;
-
-// Menu
-$bmd-menu-expand-duration: 0.3s !default;
-$bmd-menu-fade-duration: 0.2s !default;
diff --git a/assets/scss/material-kit/variables/_misc-extend.scss b/assets/scss/material-kit/variables/_misc-extend.scss
new file mode 100644
index 00000000..94b9a719
--- /dev/null
+++ b/assets/scss/material-kit/variables/_misc-extend.scss
@@ -0,0 +1,48 @@
+// Text Border
+$text-border-bg-color: rgba($secondary,.5) !default;
+$text-border-bg-color-before: linear-gradient(90deg,transparent,rgba(117,117,117,.4),rgba(117,117,117,.4)) !default;
+$text-border-bg-color-after: linear-gradient(90deg,rgba(117,117,117,.4),rgba(117,117,117,.4),transparent) !default;
+$text-border-display: inline-block !default;
+$text-border-width: 30% !default;
+$text-border-height: 1px !default;
+$text-border-position: relative !default;
+$text-border-vertical-align: middle !default;
+$text-border-before-right: .5em !default;
+$text-border-before-ml: -50% !default;
+$text-border-after-left: $text-border-before-right !default;
+$text-border-after-mr: $text-border-before-ml !default;
+
+
+// Header Shapes
+
+$shape-1-width: 55% !default;
+$shape-1-left: 15% !default;
+$shape-2-width: 35% !default;
+$shape-2-left: 20% !default;
+$shape-3-width: 50% !default;
+$shape-3-left: -28rem !default;
+
+$shape-img-1-right: 7% !default;
+$shape-img-1-width: 36% !default;
+$shape-img-1-margin-top: 12% !default;
+
+$shape-img-2-left: 24% !default;
+$shape-img-2-width: 27% !default;
+$shape-img-2-margin-top: 10% !default;
+
+// Comming Soon page
+
+$coming-rotate-transform: rotate(20deg) !default;
+
+
+// Tilt Animation
+
+$tilt-transform-style: preserve-3d !default;
+$tilt-transform-up-transform: translateZ(50px) scale(0.7) !default;
+$tilt-transform-up-transition: all 0.5s !default;
+
+// Round Slider
+
+$round-slider-m-width: 200px !default;
+$round-slider-scale-m-width: 300px !default;
+$round-slider-transition: all .5s ease-out 0s !default;
diff --git a/assets/scss/material-kit/variables/_misc.scss b/assets/scss/material-kit/variables/_misc.scss
new file mode 100644
index 00000000..7a673258
--- /dev/null
+++ b/assets/scss/material-kit/variables/_misc.scss
@@ -0,0 +1,59 @@
+// Horizontal Faded Line
+$hr-bg: transparent !default;
+$hr-transform: rotate(90deg) !default;
+$hr-bg-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) !default;
+$hr-bg-dark-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0)) !default;
+
+
+// Gradient Animation
+$gradient-animation-background: linear-gradient(-45deg, $info-gradient, $danger, $warning, $primary-gradient, $dark) !default;
+$gradient-animation-bg-size: 400% 400% !default;
+
+// Device Wrapper
+$device-wrapper-radius: 3.5rem !default;
+$device-wrapper-box-shadow: 0 12px 15px rgba(140, 152, 164, 0.1) !default;
+$device-wrapper-animation: gradient 10s ease infinite !default;
+
+
+// Nav pills
+$nav-pills-link-border-radius: 0.5rem !default;
+$nav-pills-link-box-shadow: 0px 1px 5px 1px #ddd !default;
+$nav-pills-link-active-padding: 7px 15px !default;
+$nav-pills-link-active-margin: 1px !default;
+$nav-pills-link-active-animation: .2s ease !default;
+
+// Table Progress
+
+$table-progress-width: 120px !default;
+$table-progress-height: 3px !default;
+$table-progress-margin: 0 !default;
+
+// Tooltip Arrow
+
+$tooltip-arrow-left: 1px !default;
+$tooltip-arrow-right: $tooltip-arrow-left !default;
+
+// Footer Link hover animation
+
+$footer-link-animation: opacity .3 ease !default;
+
+// Blur background
+
+$blur-light-background: rgba(255, 255, 255, 0.4) !default;
+$blur-dark-background: rgba(0, 0, 0, 0.3) !default;
+
+// HR w/ opacity
+
+$hr-bg-color: transparent !default;
+$hr-width: 1px !default;
+$hr-margin: .75rem 0 !default;
+$hr-horizontal-bg-image-gray-light: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)) !default;
+$hr-bg-color-light: #ffffff94 !default;
+$hr-bg-color-dark: #7b809a33 !default;
+
+// border right - pseudo
+
+$border-right-after-top: 3vh !default;
+$border-right-after-height: 70% !default;
+$border-right-after-width: 50% !default;
+$border-right-after-border-color: #dee2e6 !default;
diff --git a/assets/scss/material-kit/variables/_modals.scss b/assets/scss/material-kit/variables/_modals.scss
deleted file mode 100644
index 4bbbb1dd..00000000
--- a/assets/scss/material-kit/variables/_modals.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-// Modals
-$modal-content-xs-box-shadow: $bmd-shadow-24dp !default;
-$modal-backdrop-opacity: .26 !default; // .5
diff --git a/assets/scss/material-kit/variables/_nav.scss b/assets/scss/material-kit/variables/_nav.scss
deleted file mode 100644
index 085fa1af..00000000
--- a/assets/scss/material-kit/variables/_nav.scss
+++ /dev/null
@@ -1,36 +0,0 @@
-// Navs https://www.google.com/design/spec/components/tabs.html#tabs-specs
-
-$nav-disabled-link-color: $gray-light !default;
-$nav-disabled-link-hover-color: $gray-light !default;
-
-$bmd-navbar-link-font-weight: $bmd-font-weight-base !default; //
-$bmd-navbar-link-font-size: .875rem !default; // 14
-$bmd-navbar-link-padding: .5321rem; // 7
-
-// tabs & pills
-$bmd-nav-tabs-pills-font-weight: 500 !default; //
-$bmd-nav-tabs-pills-font-size: .875rem !default; // 14
-$bmd-nav-tabs-pills-link-padding: 1.4286em .8575em !default; // spec // was .5em 1em // relative em based on 14
-
-// tabs only
-$bmd-nav-tabs-border-size: .214rem !default; // 3px
-
-$bmd-nav-tabs-color: $gray !default;
-$bmd-nav-tabs-active-color: $gray-dark !default;
-$bmd-nav-tabs-active-border-color: $primary !default;
-$bmd-nav-tabs-disabled-link-color: $nav-disabled-link-color !default;
-$bmd-nav-tabs-disabled-link-color-hover: $nav-disabled-link-hover-color !default;
-
-$bmd-nav-tabs-primary-color: $bmd-inverse !default;
-$bmd-nav-tabs-primary-active-color: $white !default;
-$bmd-nav-tabs-primary-active-border-color: $white !default;
-$bmd-nav-tabs-primary-disabled-link-color: $bmd-inverse-light !default;
-$bmd-nav-tabs-primary-disabled-link-color-hover: $bmd-inverse-light !default;
-
-$bmd-nav-tabs-inverse-color: $bmd-inverse !default;
-$bmd-nav-tabs-inverse-active-color: $white !default;
-$bmd-nav-tabs-inverse-active-border-color: $white !default;
-$bmd-nav-tabs-inverse-disabled-link-color: $bmd-inverse-light !default;
-$bmd-nav-tabs-inverse-disabled-link-color-hover: $bmd-inverse-light !default;
-
-$nav-tabs-active-link-hover-bg: transparent !default; // $body-bg
diff --git a/assets/scss/material-kit/variables/_navbar-vertical.scss b/assets/scss/material-kit/variables/_navbar-vertical.scss
new file mode 100644
index 00000000..c517827d
--- /dev/null
+++ b/assets/scss/material-kit/variables/_navbar-vertical.scss
@@ -0,0 +1,65 @@
+$navbar-light-bg: #FBFBFB !default;
+$navbar-light-hover-bg: darken($gray-100, 5%) !default;
+$navbar-light-active-bg: darken($gray-100, 5%) !default;
+$navbar-light-border-color: rgba($black, .05) !default;
+$navbar-light-color: rgba($black, .6) !default;
+$navbar-light-hover-color: rgba($black, .7) !default;
+$navbar-light-active-color: rgba($black, .9) !default;
+$navbar-light-disabled-color: rgba($black, .3) !default;
+$navbar-light-toggler-border-color: transparent !default;
+// Vertical navbar
+$sidenav-header-width: 4.875rem !default;
+$sidenav-card-opacity: .65 !default;
+$navbar-vertical-box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !default;
+$navbar-vertical-border-color: rgba($black, .05) !default;
+$navbar-vertical-width: 3.875rem !default;
+$navbar-vertical-open-width: 15.625rem !default;
+$navbar-vertical-padding-x: 1rem !default;
+$navbar-vertical-nav-link-padding-x: 1rem !default;
+$navbar-vertical-nav-link-padding-y: .75rem !default;
+$navbar-vertical-sidenav-normal-ml: 4.01rem !default;
+$navbar-vertical-m: 1rem !default;
+$navbar-vertical-inner: calc(100vh - 360px) !default;
+$navbar-icon-min-width: 1.8rem !default;
+$navbar-icon-margin-left: 0.15rem !default;
+$navbar-icon-material-margin-left: 2px !default;
+$navbar-breadcrumb-padding-y: $nav-link-padding-y !default;
+$navbar-breadcrumb-padding-x: 0 !default;
+$navbar-light-border-color: $border-color !default;
+$navbar-dark-bg: transparent !default;
+$navbar-dark-hover-bg: rgba(255, 255, 255, .1) !default;
+$navbar-dark-active-bg: rgba(255, 255, 255, .1) !default;
+$navbar-dark-border-color: rgba(255, 255, 255, .1) !default;
+$navbar-dark-color: rgba($white, .95) !default;
+$navbar-dark-hover-color: rgba($white, .65) !default;
+$navbar-dark-active-color: rgba($white, .65) !default;
+$navbar-dark-disabled-color: rgba($white, .25) !default;
+$navbar-dark-toggler-border-color: transparent !default;
+$navbar-padding-y: 1rem !default;
+$navbar-padding-x: 1rem !default;
+$navbar-nav-link-padding-x: 1rem !default;
+$navbar-nav-link-padding-y: 1rem !default;
+$navbar-nav-link-font-size: .875rem !default;
+$navbar-nav-link-font-weight: 300 !default;
+$navbar-nav-link-text-transform: normal !default;
+$navbar-nav-link-letter-spacing: 0 !default;
+$navbar-nav-link-border-radius: $border-radius-md !default;
+$font-size-xs: ($font-size-base * .75);
+$transition-base-time: .25s;
+$transition-cubic-bezier: all $transition-base-time cubic-bezier(.68, -0.55, .265, 1.55) !default;
+
+// Navbar collapse
+
+$navbar-vertical-collapse-margin-left: 1.35rem !default;
+$navbar-vertical-collapse-left: -18px !default;
+$navbar-vertical-collapse-top: 50% !default;
+$navbar-vertical-collapse-translate: translate(0,-50%) !default;
+$navbar-vertical-hidden-width: 6rem !default;
+
+// Hover effect
+$navbar-vertical-hover-bg-color: rgba(199, 199, 199, 0.2) !default;
+
+// RTL Page
+
+$rtl-sidebar-bullet-right: -1.125rem !default;
+$rtl-sidebar-hover-padding-right: 2.5rem !default;
diff --git a/assets/scss/material-kit/variables/_navbar.scss b/assets/scss/material-kit/variables/_navbar.scss
new file mode 100644
index 00000000..013bfa99
--- /dev/null
+++ b/assets/scss/material-kit/variables/_navbar.scss
@@ -0,0 +1,17 @@
+// Navbar toggler icon on responsive styling
+
+$navbar-toggler-bar-display: block !default;
+$navbar-toggler-bar-position: relative !default;
+$navbar-toggler-bar-width: 22px !default;
+$navbar-toggler-bar-height: 1px !default;
+$navbar-toggler-bar-radius: 1px !default;
+$navbar-toggler-bar-transition: all 0.2s !default;
+$navbar-toggler-bar-margin-top: 7px !default;
+
+$navbar-toggler-bar-1-transform: rotate(45deg) !default;
+$navbar-toggler-bar-1-transform-origin: 10% 10% !default;
+$navbar-toggler-bar-1-margin-top: 4px !default;
+$navbar-toggler-bar-2-opacity: 0 !default;
+$navbar-toggler-bar-3-transform: rotate(-45deg) !default;
+$navbar-toggler-bar-3-transform-origin: 10% 90% !default;
+$navbar-toggler-bar-3-margin-top: 3px !default;
diff --git a/assets/scss/material-kit/variables/_pagination.scss b/assets/scss/material-kit/variables/_pagination.scss
index e55ec27a..46a54a09 100644
--- a/assets/scss/material-kit/variables/_pagination.scss
+++ b/assets/scss/material-kit/variables/_pagination.scss
@@ -1,6 +1,19 @@
-$pagination-border-width: 0;
-$pagination-bg: transparent;
-$pagination-disabled-bg: transparent;
+// Pagination
-$pagination-padding-x-lg: 0;
-$pagination-padding-x-sm: 0;
+$pagination-active-box-shadow: $btn-hover-box-shadow !default;
+
+$page-link-display: flex !default;
+$page-link-align-items: center !default;
+$page-link-justify-content: $page-link-align-items !default;
+$page-link-margin: 0 3px !default;
+$page-link-radius: 50% !default;
+$page-link-width: 36px !default;
+$page-link-height: $page-link-width !default;
+
+$page-link-width-lg: 46px !default;
+$page-link-height-lg: $page-link-width-lg !default;
+$page-link-line-height-lg: $page-link-width-lg !default;
+
+$page-link-width-sm: 30px !default;
+$page-link-height-sm: $page-link-width-sm !default;
+$page-link-line-height-sm: $page-link-width-sm !default;
diff --git a/assets/scss/material-kit/variables/_ripple.scss b/assets/scss/material-kit/variables/_ripple.scss
new file mode 100644
index 00000000..363c357d
--- /dev/null
+++ b/assets/scss/material-kit/variables/_ripple.scss
@@ -0,0 +1,32 @@
+// RIPPLE Effect
+
+$ripple-position: relative !default;
+
+$ripple-container-position: absolute !default;
+$ripple-container-top: 0 !default;
+$ripple-container-left: $ripple-container-top !default;
+$ripple-container-z-index: 1 !default;
+$ripple-container-width: 100% !default;
+$ripple-container-height: $ripple-container-width !default;
+$ripple-container-overflow: hidden !default;
+$ripple-container-pointer: none !default;
+$ripple-container-radius: inherit !default;
+
+$ripple-decorator-position: $ripple-container-position !default;
+$ripple-decorator-width: 20px !default;
+$ripple-decorator-height: $ripple-decorator-width !default;
+$ripple-decorator-mt: -10px !default;
+$ripple-decorator-ml: $ripple-decorator-mt !default;
+$ripple-decorator-pointer: $ripple-container-pointer !default;
+$ripple-decorator-bg-color: rgba($black, 0.05) !default;
+$ripple-decorator-radius: 100% !default;
+$ripple-decorator-opacity: 0 !default;
+$ripple-decorator-transform: scale(1) !default;
+$ripple-decorator-transform-origin: 50% !default;
+
+$ripple-on-opacity: .1 !default;
+$ripple-on-transition: opacity 0.15s ease-in 0s,
+ transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s !default;
+
+$ripple-out-opacity: 0 !default;
+$ripple-out-transition: opacity 0.1s linear 0s !default;
diff --git a/assets/scss/material-kit/variables/_rtl.scss b/assets/scss/material-kit/variables/_rtl.scss
new file mode 100644
index 00000000..08cc65da
--- /dev/null
+++ b/assets/scss/material-kit/variables/_rtl.scss
@@ -0,0 +1 @@
+$timeline-step-transform-rtl: translateX(50%) !default;
diff --git a/assets/scss/material-kit/variables/_shadow.scss b/assets/scss/material-kit/variables/_shadow.scss
deleted file mode 100644
index ef1f786c..00000000
--- a/assets/scss/material-kit/variables/_shadow.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-// Shadows (originally from mdl http://www.getmdl.io/)
-$bmd-shadow-umbra-opacity: 0.2 !default;
-$bmd-shadow-penumbra-opacity: 0.14 !default;
-$bmd-shadow-ambient-opacity: 0.12 !default;
-
-// Declare the following for reuse with both mixins and the bootstrap variables
-$bmd-shadow-focus: 0 0 8px rgba($black, .18), 0 8px 16px rgba($black, .36);
-
-$bmd-shadow-2dp: 0 2px 2px 0 rgba($black, $bmd-shadow-penumbra-opacity),
- 0 3px 1px -2px rgba($black, $bmd-shadow-umbra-opacity),
- 0 1px 5px 0 rgba($black, $bmd-shadow-ambient-opacity);
-
-$bmd-shadow-3dp: 0 3px 4px 0 rgba($black, $bmd-shadow-penumbra-opacity),
- 0 3px 3px -2px rgba($black, $bmd-shadow-umbra-opacity),
- 0 1px 8px 0 rgba($black, $bmd-shadow-ambient-opacity);
-
-$bmd-shadow-4dp: 0 4px 5px 0 rgba($black, $bmd-shadow-penumbra-opacity),
- 0 1px 10px 0 rgba($black, $bmd-shadow-ambient-opacity),
- 0 2px 4px -1px rgba($black, $bmd-shadow-umbra-opacity);
-
-$bmd-shadow-6dp: 0 6px 10px 0 rgba($black, $bmd-shadow-penumbra-opacity),
- 0 1px 18px 0 rgba($black, $bmd-shadow-ambient-opacity),
- 0 3px 5px -1px rgba($black, $bmd-shadow-umbra-opacity);
-
-$bmd-shadow-8dp: 0 8px 10px 1px rgba($black, $bmd-shadow-penumbra-opacity),
- 0 3px 14px 2px rgba($black, $bmd-shadow-ambient-opacity),
- 0 5px 5px -3px rgba($black, $bmd-shadow-umbra-opacity);
-
-$bmd-shadow-16dp: 0 16px 24px 2px rgba($black, $bmd-shadow-penumbra-opacity),
- 0 6px 30px 5px rgba($black, $bmd-shadow-ambient-opacity),
- 0 8px 10px -5px rgba($black, $bmd-shadow-umbra-opacity);
-
-$bmd-shadow-24dp: 0 9px 46px 8px rgba($black, $bmd-shadow-penumbra-opacity),
- 0 11px 15px -7px rgba($black, $bmd-shadow-ambient-opacity),
- 0 24px 38px 3px rgba($black, $bmd-shadow-umbra-opacity);
diff --git a/assets/scss/material-kit/variables/_snackbar.scss b/assets/scss/material-kit/variables/_snackbar.scss
deleted file mode 100644
index 2340a805..00000000
--- a/assets/scss/material-kit/variables/_snackbar.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-$bmd-snackbar-bg: #323232 !default;
-$bmd-snackbar-color: $white !default;
-$bmd-snackbar-min-width: 280px !default;
-$bmd-snackbar-padding: .8rem 1.5rem !default;
-
-$bmd-snackbar-min-width-sm: 100% !default;
diff --git a/assets/scss/material-kit/variables/_social-buttons.scss b/assets/scss/material-kit/variables/_social-buttons.scss
new file mode 100644
index 00000000..d5db6d09
--- /dev/null
+++ b/assets/scss/material-kit/variables/_social-buttons.scss
@@ -0,0 +1,28 @@
+// Social Buttons
+
+$facebook: #3b5998 !default;
+$facebook-states: darken($facebook, 5%) !default;
+$twitter: #55acee !default;
+$twitter-states: darken($twitter, 5%) !default;
+$instagram: #125688 !default;
+$instagram-states: darken($instagram, 6%) !default;
+$linkedin: #0077B5 !default;
+$linkedin-states: darken($linkedin, 5%) !default;
+$pinterest: #cc2127 !default;
+$pinterest-states: darken($pinterest, 6%) !default;
+$youtube: #e52d27 !default;
+$youtube-states: darken($youtube, 6%) !default;
+$dribbble: #ea4c89 !default;
+$dribbble-states: darken($dribbble, 6%) !default;
+$github: #24292E !default;
+$github-states: darken($github, 6%) !default;
+$reddit: #ff4500 !default;
+$reddit-states: darken($reddit, 6%) !default;
+$tumblr: #35465c !default;
+$tumblr-states: darken($tumblr, 6%) !default;
+$behance: #1769ff !default;
+$behance-states: darken($behance, 6%) !default;
+$vimeo: #1AB7EA !default;
+$vimeo-states: darken($vimeo, 6%) !default;
+$slack: #3aaf85 !default;
+$slack-states: darken($slack, 6%) !default;
diff --git a/assets/scss/material-kit/variables/_spacing.scss b/assets/scss/material-kit/variables/_spacing.scss
deleted file mode 100644
index 0ae2323f..00000000
--- a/assets/scss/material-kit/variables/_spacing.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-// Spacing
-//
-// Control the default styling of most Bootstrap elements by modifying these
-// variables. Mostly focused on spacing.
-
-$spacer: 1rem !default; // $form-group-margin-bottom uses $spacer-y. Decided to try this globally and see how it works out.
diff --git a/assets/scss/material-kit/variables/_state.scss b/assets/scss/material-kit/variables/_state.scss
deleted file mode 100644
index 32bb8db4..00000000
--- a/assets/scss/material-kit/variables/_state.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-// Form states and alerts
-//
-// Define colors for form feedback states and, by default, alerts.
-$state-success-text: $bmd-inverse !default;
-$state-success-bg: $success !default;
-
-$state-info-text: $bmd-inverse !default;
-$state-info-bg: $info !default;
-
-$state-warning-text: $bmd-inverse !default;
-$state-warning-bg: $warning !default;
-
-$state-danger-text: $bmd-inverse !default;
-$state-danger-bg: $danger !default;
-
-$state-rose-bg: $rose !default;
diff --git a/assets/scss/material-kit/variables/_table.scss b/assets/scss/material-kit/variables/_table.scss
new file mode 100644
index 00000000..a881eb95
--- /dev/null
+++ b/assets/scss/material-kit/variables/_table.scss
@@ -0,0 +1,19 @@
+$table-head-spacer-y: .75rem !default;
+$table-head-spacer-x: 1rem !default;
+$table-head-font-size: .65rem !default;
+$table-head-font-weight: $font-weight-bold !default;
+$table-head-text-transform: uppercase !default;
+$table-head-letter-spacing: 1px !default;
+$table-head-bg: $gray-100 !default;
+$table-head-color: $gray-600 !default;
+$table-action-color: $gray-500 !default;
+
+$table-body-font-size: .8125rem !default;
+
+$table-dark-bg: theme-color("default") !default;
+$table-dark-accent-bg: rgba($white, .05) !default;
+$table-dark-hover-bg: rgba($white, .075) !default;
+
+$table-dark-head-bg: lighten($dark, 4%) !default;
+$table-dark-head-color: lighten($dark, 35%) !default;
+$table-dark-action-color: lighten($dark, 35%) !default;
diff --git a/assets/scss/material-kit/variables/_tables.scss b/assets/scss/material-kit/variables/_tables.scss
deleted file mode 100644
index 6a6aa393..00000000
--- a/assets/scss/material-kit/variables/_tables.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-$table-bg-accent: rgba(#000, .03);
-$table-border-color: rgba(#000, .06);
-$table-bg-hover: rgba(#000, .02); // Grey 100 (on white background)
-
-$bmd-table-header-font-size: .95rem;
-$bmd-table-border-color-inverse: rgba(#fff, .06);
diff --git a/assets/scss/material-kit/variables/_timeline.scss b/assets/scss/material-kit/variables/_timeline.scss
new file mode 100644
index 00000000..252b86e5
--- /dev/null
+++ b/assets/scss/material-kit/variables/_timeline.scss
@@ -0,0 +1,20 @@
+// Timeline
+
+$timeline-axis-width: 2px !default;
+$timeline-axis-color: #e5e5e5 !default;
+$timeline-axis-color-dark: #4a4a4a !default;
+$timeline-left: 1rem !default;
+
+$timeline-step-bg: $white !default;
+$timeline-step-width: 26px !default;
+$timeline-step-height: $timeline-step-width !default;
+$timeline-step-radius: 50% !default;
+$timeline-step-transform: translateX(-50%) !default;
+$timeline-step-line-height: 1.4 !default;
+
+$timeline-step-border-width: 2px !default;
+$timeline-step-border-color: $timeline-axis-color !default;
+
+$timeline-content-margin-left: 45px !default;
+$timeline-content-padding-top: .35rem !default;
+$timeline-content-top: -6px !default;
diff --git a/assets/scss/material-kit/variables/_tooltip.scss b/assets/scss/material-kit/variables/_tooltip.scss
deleted file mode 100644
index e94196df..00000000
--- a/assets/scss/material-kit/variables/_tooltip.scss
+++ /dev/null
@@ -1 +0,0 @@
-$tooltip-bg: rgba($grey-700, .9);
diff --git a/assets/scss/material-kit/variables/_type.scss b/assets/scss/material-kit/variables/_type.scss
deleted file mode 100644
index 85853216..00000000
--- a/assets/scss/material-kit/variables/_type.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-// Typography
-//
-// Font, line-height, and color for body text, headings, and more.
-
-// https://www.google.com/design/spec/style/typography.html#typography-styles
-// http://www.getmdl.io/styles/index.html
-
-$font-family-sans-serif: 'Roboto', 'Helvetica', 'Arial', sans-serif !default;
-$font-family-serif: 'Roboto Slab', 'Times New Roman', serif !default;
-
-$h1-font-size: 3.3125rem;
-$h2-font-size: 2.25rem !default;
-$h3-font-size: 1.5625rem;
-$h4-font-size: 1.125rem !default;
-$h5-font-size: 1.0625rem !default;
-$h6-font-size: 0.75rem !default;
-$font-paragraph: 14px !default;
-$font-size-navbar: 16px !default;
-$font-size-small: 12px !default;
-
-
-//
-$display1-size: 7rem !default; // md display-4 112px was 6rem;
-$display2-size: 3.5rem !default; // md display-3 56px was 5.5rem
-$display3-size: 2.8125rem !default; // md display-2 45px was 4.5rem
-$display4-size: 2.125rem !default; // md display-1 34px was 3.5rem
-
-$headings-margin-bottom: ($spacer / 2) !default;
-//$headings-font-family: inherit !default;
-$headings-font-weight: 400 !default; // was 500
-
-$font-weight-light: 300 !default;
-$font-weight-default: 400 !default;
-$font-weight-bold: 500 !default;
-$font-weight-extra-bold: 700 !default;
diff --git a/assets/scss/material-kit/variables/_utilities-extend.scss b/assets/scss/material-kit/variables/_utilities-extend.scss
new file mode 100644
index 00000000..f83e64c5
--- /dev/null
+++ b/assets/scss/material-kit/variables/_utilities-extend.scss
@@ -0,0 +1,32 @@
+// Colores Shadow on cards
+$colored-shadow-top: 3.5% !default;
+$colored-shadow-blur: 12px !default;
+$colored-shadow-scale: .94 !default;
+$colored-shadow-scale-avatar: .87 !default;
+
+// Card Projects
+$card-project-transition: .4s cubic-bezier(.215,.61,.355,1) !default;
+$card-project-avatar-transform: scale(.8) translateY(-45px) !default;
+$card-project-hover-transform: translateY(-2px) !default;
+
+// Transform Perspective effect
+$transform-perspective: scale(1) perspective(1040px) rotateY(-11deg) rotateX(2deg) rotate(2deg) !default;
+$transform-perspective-inverse: scale(1) perspective(1040px) rotateY(11deg) rotateX(-2deg) rotate(-2deg) !default;
+
+// Z index
+$z-index2: 2 !default;
+
+// Width in PX
+$width-32-px: 32px !default;
+$width-48-px: 48px !default;
+$width-64-px: 64px !default;
+
+// Wizard variants
+$multistep-progress-primary-color: #f48aaa !default;
+$multistep-progress-success-color: #9ed1a0 !default;
+$multistep-progress-danger-color: #f79592 !default;
+$multistep-progress-warning-color: #ffc483 !default;
+$multistep-progress-info-color: #88d9e4 !default;
+$multistep-progress-dark-color: #848486 !default;
+$multistep-progress-secondary-color: #a4a9b2 !default;
+$multistep-progress-light-color: #ebeef1 !default;
diff --git a/assets/scss/material-kit/variables/_utilities.scss b/assets/scss/material-kit/variables/_utilities.scss
new file mode 100644
index 00000000..31494d19
--- /dev/null
+++ b/assets/scss/material-kit/variables/_utilities.scss
@@ -0,0 +1,191 @@
+// on hover transition variables
+$move-transition: .2s ease-out !default;
+$move-overflow: hidden !default;
+$move-transform: perspective(999px) rotateX(0deg) translate3d(0,0,0) !default;
+$move-transform-origin: 50% 0 !default;
+$move-backface-visibility: hidden !default;
+$move-will-change: transform,box-shadow !default;
+$move-hover-transform: perspective(999px) rotateX(7deg) translate3d(0px,-4px,5px) !default;
+
+// Sections Height Utilities
+$section-height-25-min-height: 25vh !default;
+$section-height-35-min-height: 35vh !default;
+$section-height-45-min-height: 45vh !default;
+$section-height-50-min-height: 50vh !default;
+$section-height-55-min-height: 55vh !default;
+$section-height-65-min-height: 65vh !default;
+$section-height-70-min-height: 70vh !default;
+$section-height-75-min-height: 75vh !default;
+$section-height-80-min-height: 80vh !default;
+$section-height-85-min-height: 85vh !default;
+$section-height-90-min-height: 90vh !default;
+$section-height-95-min-height: 95vh !default;
+$section-height-100-min-height: 100vh !default;
+
+// extra padding utilities variables - CT
+$padding-6: 4rem !default;
+$padding-7: 6rem !default;
+$padding-8: 8rem !default;
+$padding-9: 10rem !default;
+$padding-10: 12rem !default;
+$padding-11: 14rem !default;
+$padding-12: 16rem !default;
+
+// extra margins utilities variables - CT
+$margin-6: 4rem !default;
+$margin-7: 6rem !default;
+$margin-8: 8rem !default;
+$margin-9: 10rem !default;
+$margin-10: 12rem !default;
+$margin-11: 14rem !default;
+$margin-12: 16rem !default;
+
+// extra width values variables - CT
+$width-0: 0% !default;
+$width-1: 1% !default;
+$width-2: 2% !default;
+$width-3: 3% !default;
+$width-4: 4% !default;
+$width-5: 5% !default;
+$width-6: 6% !default;
+$width-7: 7% !default;
+$width-8: 8% !default;
+$width-9: 9% !default;
+$width-10: 10% !default;
+$width-15: 15% !default;
+$width-20: 20% !default;
+$width-25: 25% !default;
+$width-30: 30% !default;
+$width-35: 35% !default;
+$width-40: 40% !default;
+$width-45: 45% !default;
+$width-50: 50% !default;
+$width-55: 55% !default;
+$width-60: 60% !default;
+$width-65: 65% !default;
+$width-70: 70% !default;
+$width-75: 75% !default;
+$width-80: 80% !default;
+$width-85: 85% !default;
+$width-90: 90% !default;
+$width-95: 95% !default;
+$width-100: 100% !default;
+
+// extra max width values variables - CT
+$max-width-100: 100px !default;
+$max-width-200: 200px !default;
+$max-width-300: 300px !default;
+$max-width-400: 400px !default;
+$max-width-500: 500px !default;
+
+// extra height values variables - CT
+$height-100: 100px !default;
+$height-200: 200px !default;
+$height-300: 300px !default;
+$height-400: 400px !default;
+$height-500: 500px !default;
+$height-600: 600px !default;
+
+
+// extra min height values variables - CT
+$min-height-100: 100px !default;
+$min-height-150: 150px !default;
+$min-height-160: 160px !default;
+$min-height-200: 200px !default;
+$min-height-250: 250px !default;
+$min-height-300: 300px !default;
+$min-height-400: 400px !default;
+$min-height-500: 500px !default;
+$min-height-600: 600px !default;
+
+// extra min height values variables - CT
+$max-height-100: 100px !default;
+$max-height-150: 150px !default;
+$max-height-160: 160px !default;
+$max-height-200: 200px !default;
+$max-height-250: 250px !default;
+$max-height-300: 300px !default;
+$max-height-400: 400px !default;
+$max-height-500: 500px !default;
+$max-height-600: 600px !default;
+
+// extra min height vh values variables - CT
+$max-height-vh-10: 10vh !default;
+$max-height-vh-20: 20vh !default;
+$max-height-vh-30: 30vh !default;
+$max-height-vh-40: 40vh !default;
+$max-height-vh-50: 50vh !default;
+$max-height-vh-60: 60vh !default;
+$max-height-vh-70: 70vh !default;
+$max-height-vh-80: 80vh !default;
+$max-height-vh-90: 90vh !default;
+$max-height-vh-100: 100vh !default;
+
+// Extra Padding values Map
+$paddings: (
+ "6": $padding-6,
+ "7": $padding-7,
+ "8": $padding-8,
+ "9": $padding-9,
+ "10": $padding-10,
+ "11": $padding-11,
+ "12": $padding-12
+) !default;
+
+// Extra Margins values Map
+$margins: (
+ "6": $margin-6,
+ "7": $margin-7,
+ "8": $margin-8,
+ "9": $margin-9,
+ "10": $margin-10,
+ "11": $margin-11,
+ "12": $margin-12
+) !default;
+
+$width: (
+ "0": $width-0,
+ "1": $width-1,
+ "2": $width-2,
+ "3": $width-3,
+ "4": $width-4,
+ "5": $width-5,
+ "6": $width-6,
+ "7": $width-7,
+ "8": $width-8,
+ "9": $width-9,
+ "10": $width-10,
+ "15": $width-15,
+ "20": $width-20,
+ "25": $width-25,
+ "30": $width-30,
+ "35": $width-35,
+ "40": $width-40,
+ "45": $width-45,
+ "50": $width-50,
+ "55": $width-55,
+ "60": $width-60,
+ "65": $width-65,
+ "70": $width-70,
+ "75": $width-75,
+ "80": $width-80,
+ "85": $width-85,
+ "90": $width-90,
+ "95": $width-95,
+ "100": $width-100,
+ "auto": auto
+) !default;
+
+
+// blur effect variables
+$blur-border-radius-rounded: 40px !default;
+$blur-box-shadow: inset 0px 0px 2px #fefefed1 !default;
+$blur-backdrop-filter: saturate(200%) blur(30px) !default;
+$blur-backdrop-filter-less: saturate(20%) blur(30px) !default;
+
+$shadow-blur-box-shadow: inset 0 0px 1px 1px rgba(254, 254, 254, .9), 0 20px 27px 0 rgba(0, 0, 0, .05) !default;
+
+// sidebar variables
+
+$sidebar-width: 80px !default;
+$sidebar-transition: 1s ease !default;
diff --git a/assets/scss/material-kit/variables/_virtual-reality.scss b/assets/scss/material-kit/variables/_virtual-reality.scss
new file mode 100644
index 00000000..969a7849
--- /dev/null
+++ b/assets/scss/material-kit/variables/_virtual-reality.scss
@@ -0,0 +1,5 @@
+$animation-name: fadeInBottom !default;
+$animation-mode: both !default;
+$animation-duration: 1.5s !default;
+$transform-scale: scale(0.6) !default;
+$position-left: 18% !default;
diff --git a/docs/documentation.html b/docs/documentation.html
index ee43f0f5..eb051bf9 100644
--- a/docs/documentation.html
+++ b/docs/documentation.html
@@ -3,106 +3,584 @@
- Components Documentation - Material Kit by Creative Tim
+ Components Documentation - Material Kit 2 by Creative Tim
-
- 
](https://www.creative-tim.com/product/material-kit)[
](https://www.creative-tim.com/product/vue-material-kit)[
](https://www.creative-tim.com/product/material-kit-react)[
](https://www.creative-tim.com/product/material-kit-react-native)[
](https://demos.creative-tim.com/material-kit-figma/presentation.html)[
](https://themeisle.com/themes/hestia/?ref=creativetim)[
](https://github.com/creativetimofficial/material-kit/tree/photoshop)[
](https://github.com/creativetimofficial/material-kit/tree/sketch)
-
-
-
+[
](https://www.creative-tim.com/product/material-kit?ref=readme-mk2)
-
-
-| HTML | React | Vue |
-| --- | --- | --- |
-| [](https://www.creative-tim.com/product/material-kit) | [](https://www.creative-tim.com/product/material-kit-react) | [](https://www.creative-tim.com/product/vue-material-kit)
-
-| React Native | Figma | WordPress |
-| --- | --- | --- |
-| [](https://www.creative-tim.com/product/material-kit-react-native) | [](https://demos.creative-tim.com/material-kit-figma/presentation.html) | [](https://themeisle.com/themes/hestia/?ref=creativetim)
+| HTML |
+| --- |
+| [](http://demos.creative-tim.com/material-kit/presentation?ref=readme-mk2)
## Demo
-| Buttons | Inputs | Navbars |
-| --- | --- | --- |
-| [](https://demos.creative-tim.com/material-kit/index.html#buttons) | [](https://demos.creative-tim.com/material-kit/index.html#inputs) | [](https://demos.creative-tim.com/material-kit/index.html#navigation)
+- [Sign in page](https://demos.creative-tim.com/material-kit/pages/sign-in?ref=readme-mk2)
+- [About us page](https://demos.creative-tim.com/material-kit/pages/about-us?ref=readme-mk2)
+- [Contact us page](https://demos.creative-tim.com/material-kit/pages/contact-us?ref=readme-mk2)
+- [Author page](https://demos.creative-tim.com/material-kit/pages/author?ref=readme-mk2)
+- [Page headers](https://demos.creative-tim.com/material-kit/sections/page-sections/hero-sections?ref=readme-mk2)
-| Login Page | Landing Page | Profile Page |
-| --- | --- | --- |
-| [](https://demos.creative-tim.com/material-kit/index.html#carousel) | [](https://demos.creative-tim.com/material-kit/examples/landing-page.html) | [](https://demos.creative-tim.com/material-kit/examples/profile-page.html)
+[View More](https://demos.creative-tim.com/material-kit/presentation?ref=readme-mk2).
-[View More](https://demos.creative-tim.com/material-kit/index.html)
+## Quick start
+Quick start options:
-## Quick start
+- Download from [Creative Tim](https://www.creative-tim.com/product/material-kit?ref=readme-mk2).
-- `npm i material-kit`
-- [Download from Github](https://github.com/creativetimofficial/material-kit/archive/master.zip).
-- [Download from Creative Tim](https://www.creative-tim.com/product/material-kit).
-- Install with [Bower](https://bower.io/): ```bower install material-kit```.
-- Clone the repo: `git clone https://github.com/creativetimofficial/material-kit.git`.
+## Terminal Commands
+1. Download and Install NodeJs from [NodeJs Official Page](https://nodejs.org/en/download/).
+2. Navigate to the root / directory and run npm install to install our local dependencies.
## Documentation
-The documentation for the Material Kit is hosted at our [website](https://demos.creative-tim.com/material-kit/docs/2.1/getting-started/introduction.html).
+The documentation for the Material Kit 2 is hosted at our [website](https://www.creative-tim.com/learning-lab/bootstrap/overview/material-kit?ref=readme-mk2).
+### What's included
-## File Structure
Within the download you'll find the following directories and files:
```
-material-kit/
-├── CHANGELOG.md
-├── LICENSE.md
-├── README.md
-├── assets
-│ ├── assets-for-demo
-│ ├── css
-│ │ ├── material-kit.css
-│ │ ├── material-kit.css.map
-│ │ └── material-kit.min.css
-│ ├── img
-│ ├── js
-│ │ ├── bootstrap-material-design.js
-│ │ ├── bootstrap-material-design.min.js
-│ │ ├── core
-│ │ │ ├── jquery.min.js
-│ │ │ └── popper.min.js
-│ │ ├── material-kit.js
-│ │ ├── material-kit.min.js
-│ │ └── plugins
-│ │ ├── bootstrap-datetimepicker.min.js
-│ │ ├── jasny-bootstrap.min.js
-│ │ ├── moment.min.js
-│ │ └── nouislider.min.js
-│ └── scss
-│ ├── bootstrap
-│ ├── core
-│ ├── material-kit.scss
-│ └── plugins
-├── bower.json
-├── docs
-│ └── documentation.html
-├── examples
-│ ├── landing-page.html
-│ ├── profile-page.html
-│ └── signup-page.html
-└── index.html
+material-kit
+ ├── assets
+ │ ├── css/
+ │ ├── fonts/
+ │ ├── img/
+ │ ├── js
+ │ │ ├── core
+ │ │ ├── plugins
+ │ │ └── material-kit.min.js
+ │ └── scss
+ │ ├── material-kit/
+ │ └── material-kit.scss
+ ├── docs
+ │ ├── documentation.html
+ ├── pages/
+ ├── sections/
+ ├── CHANGELOG.md
+ ├── gulpfile.js
+ ├── package.json
+ ├── presentation.html
```
-
## Browser Support
At present, we officially aim to support the last two versions of the following browsers:
-
-
-
+
## Resources
-- Demo: