`s.
-
-.nav {
- display: flex;
- flex-wrap: wrap;
- padding-left: 0;
- margin-bottom: 0;
- list-style: none;
-}
-
-.nav-link {
- display: block;
- padding: $nav-link-padding-y $nav-link-padding-x;
-
- @include hover-focus {
- text-decoration: none;
- }
-
- // Disabled state lightens text
- &.disabled {
- color: $nav-link-disabled-color;
- pointer-events: none;
- cursor: default;
- }
-}
-
-//
-// Tabs
-//
-
-.nav-tabs {
- border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;
-
- .nav-item {
- margin-bottom: -$nav-tabs-border-width;
- }
-
- .nav-link {
- border: $nav-tabs-border-width solid transparent;
- @include border-top-radius($nav-tabs-border-radius);
-
- @include hover-focus {
- border-color: $nav-tabs-link-hover-border-color;
- }
-
- &.disabled {
- color: $nav-link-disabled-color;
- background-color: transparent;
- border-color: transparent;
- }
- }
-
- .nav-link.active,
- .nav-item.show .nav-link {
- color: $nav-tabs-link-active-color;
- background-color: $nav-tabs-link-active-bg;
- border-color: $nav-tabs-link-active-border-color;
- }
-
- .dropdown-menu {
- // Make dropdown border overlap tab border
- margin-top: -$nav-tabs-border-width;
- // Remove the top rounded corners here since there is a hard edge above the menu
- @include border-top-radius(0);
- }
-}
-
-
-//
-// Pills
-//
-
-.nav-pills {
- .nav-link {
- @include border-radius($nav-pills-border-radius);
- }
-
- .nav-link.active,
- .show > .nav-link {
- color: $nav-pills-link-active-color;
- background-color: $nav-pills-link-active-bg;
- }
-}
-
-
-//
-// Justified variants
-//
-
-.nav-fill {
- .nav-item {
- flex: 1 1 auto;
- text-align: center;
- }
-}
-
-.nav-justified {
- .nav-item {
- flex-basis: 0;
- flex-grow: 1;
- text-align: center;
- }
-}
-
-
-// Tabbable tabs
-//
-// Hide tabbable panes to start, show them when `.active`
-
-.tab-content {
- > .tab-pane {
- display: none;
- }
- > .active {
- display: block;
- }
-}
diff --git a/_sass/mdb/core/bootstrap/_navbar.scss b/_sass/mdb/core/bootstrap/_navbar.scss
deleted file mode 100644
index 5c6e96399e49..000000000000
--- a/_sass/mdb/core/bootstrap/_navbar.scss
+++ /dev/null
@@ -1,294 +0,0 @@
-// Contents
-//
-// Navbar
-// Navbar brand
-// Navbar nav
-// Navbar text
-// Navbar divider
-// Responsive navbar
-// Navbar position
-// Navbar themes
-
-
-// Navbar
-//
-// Provide a static navbar from which we expand to create full-width, fixed, and
-// other navbar variations.
-
-.navbar {
- position: relative;
- display: flex;
- flex-wrap: wrap; // allow us to do the line break for collapsing content
- align-items: center;
- justify-content: space-between; // space out brand from logo
- padding: $navbar-padding-y $navbar-padding-x;
-
- // Because flex properties aren't inherited, we need to redeclare these first
- // few properties so that content nested within behave properly.
- > .container,
- > .container-fluid {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- justify-content: space-between;
- }
-}
-
-
-// Navbar brand
-//
-// Used for brand, project, or site names.
-
-.navbar-brand {
- display: inline-block;
- padding-top: $navbar-brand-padding-y;
- padding-bottom: $navbar-brand-padding-y;
- margin-right: $navbar-padding-x;
- @include font-size($navbar-brand-font-size);
- line-height: inherit;
- white-space: nowrap;
-
- @include hover-focus {
- text-decoration: none;
- }
-}
-
-
-// Navbar nav
-//
-// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).
-
-.navbar-nav {
- display: flex;
- flex-direction: column; // cannot use `inherit` to get the `.navbar`s value
- padding-left: 0;
- margin-bottom: 0;
- list-style: none;
-
- .nav-link {
- padding-right: 0;
- padding-left: 0;
- }
-
- .dropdown-menu {
- position: static;
- float: none;
- }
-}
-
-
-// Navbar text
-//
-//
-
-.navbar-text {
- display: inline-block;
- padding-top: $nav-link-padding-y;
- padding-bottom: $nav-link-padding-y;
-}
-
-
-// Responsive navbar
-//
-// Custom styles for responsive collapsing and toggling of navbar contents.
-// Powered by the collapse Bootstrap JavaScript plugin.
-
-// When collapsed, prevent the toggleable navbar contents from appearing in
-// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`
-// on the `.navbar` parent.
-.navbar-collapse {
- flex-basis: 100%;
- flex-grow: 1;
- // For always expanded or extra full navbars, ensure content aligns itself
- // properly vertically. Can be easily overridden with flex utilities.
- align-items: center;
-}
-
-// Button for toggling the navbar when in its collapsed state
-.navbar-toggler {
- padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;
- @include font-size($navbar-toggler-font-size);
- line-height: 1;
- background-color: transparent; // remove default button style
- border: $border-width solid transparent; // remove default button style
- @include border-radius($navbar-toggler-border-radius);
-
- @include hover-focus {
- text-decoration: none;
- }
-}
-
-// Keep as a separate element so folks can easily override it with another icon
-// or image file as needed.
-.navbar-toggler-icon {
- display: inline-block;
- width: 1.5em;
- height: 1.5em;
- vertical-align: middle;
- content: "";
- background: no-repeat center center;
- background-size: 100% 100%;
-}
-
-// Generate series of `.navbar-expand-*` responsive classes for configuring
-// where your navbar collapses.
-.navbar-expand {
- @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) {
- > .container,
- > .container-fluid {
- padding-right: 0;
- padding-left: 0;
- }
- }
-
- @include media-breakpoint-up($next) {
- flex-flow: row nowrap;
- justify-content: flex-start;
-
- .navbar-nav {
- flex-direction: row;
-
- .dropdown-menu {
- position: absolute;
- }
-
- .nav-link {
- padding-right: $navbar-nav-link-padding-x;
- padding-left: $navbar-nav-link-padding-x;
- }
- }
-
- // For nesting containers, have to redeclare for alignment purposes
- > .container,
- > .container-fluid {
- flex-wrap: nowrap;
- }
-
- .navbar-collapse {
- display: flex !important; // stylelint-disable-line declaration-no-important
-
- // Changes flex-bases to auto because of an IE10 bug
- flex-basis: auto;
- }
-
- .navbar-toggler {
- display: none;
- }
- }
- }
- }
-}
-
-
-// Navbar themes
-//
-// Styles for switching between navbars with light or dark background.
-
-// Dark links against a light background
-.navbar-light {
- .navbar-brand {
- color: $navbar-light-brand-color;
-
- @include hover-focus {
- color: $navbar-light-brand-hover-color;
- }
- }
-
- .navbar-nav {
- .nav-link {
- color: $navbar-light-color;
-
- @include hover-focus {
- color: $navbar-light-hover-color;
- }
-
- &.disabled {
- color: $navbar-light-disabled-color;
- }
- }
-
- .show > .nav-link,
- .active > .nav-link,
- .nav-link.show,
- .nav-link.active {
- color: $navbar-light-active-color;
- }
- }
-
- .navbar-toggler {
- color: $navbar-light-color;
- border-color: $navbar-light-toggler-border-color;
- }
-
- .navbar-toggler-icon {
- background-image: $navbar-light-toggler-icon-bg;
- }
-
- .navbar-text {
- color: $navbar-light-color;
- a {
- color: $navbar-light-active-color;
-
- @include hover-focus {
- color: $navbar-light-active-color;
- }
- }
- }
-}
-
-// White links against a dark background
-.navbar-dark {
- .navbar-brand {
- color: $navbar-dark-brand-color;
-
- @include hover-focus {
- color: $navbar-dark-brand-hover-color;
- }
- }
-
- .navbar-nav {
- .nav-link {
- color: $navbar-dark-color;
-
- @include hover-focus {
- color: $navbar-dark-hover-color;
- }
-
- &.disabled {
- color: $navbar-dark-disabled-color;
- }
- }
-
- .show > .nav-link,
- .active > .nav-link,
- .nav-link.show,
- .nav-link.active {
- color: $navbar-dark-active-color;
- }
- }
-
- .navbar-toggler {
- color: $navbar-dark-color;
- border-color: $navbar-dark-toggler-border-color;
- }
-
- .navbar-toggler-icon {
- background-image: $navbar-dark-toggler-icon-bg;
- }
-
- .navbar-text {
- color: $navbar-dark-color;
- a {
- color: $navbar-dark-active-color;
-
- @include hover-focus {
- color: $navbar-dark-active-color;
- }
- }
- }
-}
diff --git a/_sass/mdb/core/bootstrap/_pagination.scss b/_sass/mdb/core/bootstrap/_pagination.scss
deleted file mode 100644
index b4345311d366..000000000000
--- a/_sass/mdb/core/bootstrap/_pagination.scss
+++ /dev/null
@@ -1,73 +0,0 @@
-.pagination {
- display: flex;
- @include list-unstyled();
- @include border-radius();
-}
-
-.page-link {
- position: relative;
- display: block;
- padding: $pagination-padding-y $pagination-padding-x;
- margin-left: -$pagination-border-width;
- line-height: $pagination-line-height;
- color: $pagination-color;
- background-color: $pagination-bg;
- border: $pagination-border-width solid $pagination-border-color;
-
- &:hover {
- z-index: 2;
- color: $pagination-hover-color;
- text-decoration: none;
- background-color: $pagination-hover-bg;
- border-color: $pagination-hover-border-color;
- }
-
- &:focus {
- z-index: 2;
- outline: $pagination-focus-outline;
- box-shadow: $pagination-focus-box-shadow;
- }
-}
-
-.page-item {
- &:first-child {
- .page-link {
- margin-left: 0;
- @include border-left-radius($border-radius);
- }
- }
- &:last-child {
- .page-link {
- @include border-right-radius($border-radius);
- }
- }
-
- &.active .page-link {
- z-index: 1;
- color: $pagination-active-color;
- background-color: $pagination-active-bg;
- border-color: $pagination-active-border-color;
- }
-
- &.disabled .page-link {
- color: $pagination-disabled-color;
- pointer-events: none;
- // Opinionated: remove the "hand" cursor set previously for .page-link
- cursor: auto;
- background-color: $pagination-disabled-bg;
- border-color: $pagination-disabled-border-color;
- }
-}
-
-
-//
-// Sizing
-//
-
-.pagination-lg {
- @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $border-radius-lg);
-}
-
-.pagination-sm {
- @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $border-radius-sm);
-}
diff --git a/_sass/mdb/core/bootstrap/_popover.scss b/_sass/mdb/core/bootstrap/_popover.scss
deleted file mode 100644
index f205e66818cf..000000000000
--- a/_sass/mdb/core/bootstrap/_popover.scss
+++ /dev/null
@@ -1,171 +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();
- @include 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);
-
- &::before {
- bottom: 0;
- border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;
- border-top-color: $popover-arrow-outer-color;
- }
-
- &::after {
- bottom: $popover-border-width;
- border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;
- 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
-
- &::before {
- left: 0;
- border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
- border-right-color: $popover-arrow-outer-color;
- }
-
- &::after {
- left: $popover-border-width;
- border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
- border-right-color: $popover-arrow-color;
- }
- }
-}
-
-.bs-popover-bottom {
- margin-top: $popover-arrow-height;
-
- > .arrow {
- top: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
-
- &::before {
- top: 0;
- border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
- border-bottom-color: $popover-arrow-outer-color;
- }
-
- &::after {
- top: $popover-border-width;
- border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
- 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
-
- &::before {
- right: 0;
- border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
- border-left-color: $popover-arrow-outer-color;
- }
-
- &::after {
- right: $popover-border-width;
- border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
- 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
- @include 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/_sass/mdb/core/bootstrap/_print.scss b/_sass/mdb/core/bootstrap/_print.scss
deleted file mode 100644
index 61b60b9807c7..000000000000
--- a/_sass/mdb/core/bootstrap/_print.scss
+++ /dev/null
@@ -1,141 +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:
-// https://www.phpied.com/delay-loading-your-print-css/
-// ==========================================================================
-
-@if $enable-print-styles {
- @media print {
- *,
- *::before,
- *::after {
- // Bootstrap specific; comment out `color` and `background`
- //color: $black !important; // Black prints faster
- 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 $gray-500; // 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 $black;
- }
-
- .table {
- border-collapse: collapse !important;
-
- td,
- th {
- background-color: $white !important;
- }
- }
-
- .table-bordered {
- th,
- td {
- border: 1px solid $gray-300 !important;
- }
- }
-
- .table-dark {
- color: inherit;
-
- th,
- td,
- thead th,
- tbody + tbody {
- border-color: $table-border-color;
- }
- }
-
- .table .thead-dark th {
- color: inherit;
- border-color: $table-border-color;
- }
-
- // Bootstrap specific changes end
- }
-}
diff --git a/_sass/mdb/core/bootstrap/_progress.scss b/_sass/mdb/core/bootstrap/_progress.scss
deleted file mode 100644
index ab9ea0ffbefc..000000000000
--- a/_sass/mdb/core/bootstrap/_progress.scss
+++ /dev/null
@@ -1,43 +0,0 @@
-// Disable animation if transitions are disabled
-@if $enable-transitions {
- @keyframes progress-bar-stripes {
- from { background-position: $progress-height 0; }
- to { background-position: 0 0; }
- }
-}
-
-.progress {
- display: flex;
- height: $progress-height;
- overflow: hidden; // force rounded corners by cropping it
- @include font-size($progress-font-size);
- background-color: $progress-bg;
- @include border-radius($progress-border-radius);
- @include box-shadow($progress-box-shadow);
-}
-
-.progress-bar {
- display: flex;
- flex-direction: column;
- justify-content: center;
- color: $progress-bar-color;
- text-align: center;
- white-space: nowrap;
- background-color: $progress-bar-bg;
- @include transition($progress-bar-transition);
-}
-
-.progress-bar-striped {
- @include gradient-striped();
- background-size: $progress-height $progress-height;
-}
-
-@if $enable-transitions {
- .progress-bar-animated {
- animation: progress-bar-stripes $progress-bar-animation-timing;
-
- @media (prefers-reduced-motion: reduce) {
- animation: none;
- }
- }
-}
diff --git a/_sass/mdb/core/bootstrap/_reboot.scss b/_sass/mdb/core/bootstrap/_reboot.scss
deleted file mode 100644
index c55d42e44a37..000000000000
--- a/_sass/mdb/core/bootstrap/_reboot.scss
+++ /dev/null
@@ -1,483 +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. 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
- -webkit-tap-highlight-color: rgba($black, 0); // 5
-}
-
-// Shim for "new" HTML5 structural elements to display correctly (IE10, older browsers)
-// TODO: remove in v5
-// stylelint-disable-next-line selector-list-comma-newline-after
-article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
- display: block;
-}
-
-// Body
-//
-// 1. Remove the margin in all browsers.
-// 2. As a best practice, apply a default `background-color`.
-// 3. Set an explicit initial text-align value so that we can later use
-// the `inherit` value on things like `` elements.
-
-body {
- margin: 0; // 1
- font-family: $font-family-base;
- @include 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-next-line selector-list-comma-newline-after
-h1, h2, h3, h4, h5, h6 {
- margin-top: 0;
- margin-bottom: $headings-margin-bottom;
-}
-
-// 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. Duplicate behavior to the data-* attribute for our tooltip plugin
-// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
-// 3. Add explicit cursor to indicate changed behavior.
-// 4. Remove the bottom border in Firefox 39-.
-// 5. Prevent the text-decoration to be skipped.
-
-abbr[title],
-abbr[data-original-title] { // 1
- text-decoration: underline; // 2
- text-decoration: underline dotted; // 2
- cursor: help; // 3
- border-bottom: 0; // 4
- text-decoration-skip-ink: none; // 5
-}
-
-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;
-}
-
-b,
-strong {
- font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari
-}
-
-small {
- @include 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;
- @include 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.
-
- @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
-//
-
-pre,
-code,
-kbd,
-samp {
- font-family: $font-family-monospace;
- @include font-size(1em); // Correct the odd `em` font sizing in all browsers.
-}
-
-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;
-}
-
-
-//
-// 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 {
- // Workaround for the SVG overflow bug in IE10/11 is still required.
- // See https://github.com/twbs/bootstrap/issues/26878
- overflow: hidden;
- vertical-align: middle;
-}
-
-
-//
-// Tables
-//
-
-table {
- border-collapse: collapse; // Prevent double borders
-}
-
-caption {
- padding-top: $table-cell-padding;
- padding-bottom: $table-cell-padding;
- color: $table-caption-color;
- 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: $label-margin-bottom;
-}
-
-// Remove the default `border-radius` that macOS Chrome adds.
-//
-// Details at https://github.com/twbs/bootstrap/issues/24093
-button {
- // stylelint-disable-next-line property-blacklist
- 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;
- @include 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
-}
-
-// Remove the inheritance of word-wrap in Safari.
-//
-// Details at https://github.com/twbs/bootstrap/issues/24990
-select {
- word-wrap: normal;
-}
-
-
-// 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,
-[type="button"], // 1
-[type="reset"],
-[type="submit"] {
- -webkit-appearance: button; // 2
-}
-
-// Opinionated: add "hand" cursor to non-disabled button elements.
-@if $enable-pointer-cursor-for-buttons {
- button,
- [type="button"],
- [type="reset"],
- [type="submit"] {
- &:not(:disabled) {
- cursor: pointer;
- }
- }
-}
-
-// 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;
- @include 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 in Chrome and Safari on macOS.
-//
-
-[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/_sass/mdb/core/bootstrap/_rfs.scss b/_sass/mdb/core/bootstrap/_rfs.scss
deleted file mode 100644
index c9b858ebc054..000000000000
--- a/_sass/mdb/core/bootstrap/_rfs.scss
+++ /dev/null
@@ -1,204 +0,0 @@
-// stylelint-disable property-blacklist, scss/dollar-variable-default
-
-// SCSS RFS mixin
-//
-// Automated font-resizing
-//
-// See https://github.com/twbs/rfs
-
-// Configuration
-
-// Base font size
-$rfs-base-font-size: 1.25rem !default;
-$rfs-font-size-unit: rem !default;
-
-// Breakpoint at where font-size starts decreasing if screen width is smaller
-$rfs-breakpoint: 1200px !default;
-$rfs-breakpoint-unit: px !default;
-
-// Resize font-size 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.";
-}
-
-// 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-responsive-font-sizes to false
-$enable-responsive-font-sizes: true !important;
-
-// Cache $rfs-base-font-size unit
-$rfs-base-font-size-unit: unit($rfs-base-font-size);
-
-// Remove px-unit from $rfs-base-font-size for calculations
-@if $rfs-base-font-size-unit == "px" {
- $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);
-}
-@else if $rfs-base-font-size-unit == "rem" {
- $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 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: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);
-}
-@else if $rfs-breakpoint-unit-cache == "rem" or $rfs-breakpoint-unit-cache == "em" {
- $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);
-}
-
-// Responsive font-size mixin
-@mixin rfs($fs, $important: false) {
- // Cache $fs unit
- $fs-unit: if(type-of($fs) == "number", unit($fs), false);
-
- // Add !important suffix if needed
- $rfs-suffix: if($important, " !important", "");
-
- // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value
- @if not $fs-unit or $fs-unit != "" and $fs-unit != "px" and $fs-unit != "rem" or $fs == 0 {
- font-size: #{$fs}#{$rfs-suffix};
- }
- @else {
- // Variables for storing static and fluid rescaling
- $rfs-static: null;
- $rfs-fluid: null;
-
- // Remove px-unit from $fs for calculations
- @if $fs-unit == "px" {
- $fs: $fs / ($fs * 0 + 1);
- }
- @else if $fs-unit == "rem" {
- $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);
- }
-
- // Set default font-size
- @if $rfs-font-size-unit == rem {
- $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};
- }
- @else if $rfs-font-size-unit == px {
- $rfs-static: #{$fs}px#{$rfs-suffix};
- }
- @else {
- @error "`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.";
- }
-
- // Only add media query if font-size is bigger as the minimum font-size
- // If $rfs-factor == 1, no rescaling will take place
- @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {
- $min-width: null;
- $variable-unit: null;
-
- // Calculate minimum font-size for given font-size
- $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;
-
- // Calculate difference between given font-size and minimum font-size for given font-size
- $fs-diff: $fs - $fs-min;
-
- // Base font-size formatting
- // No need to check if the unit is valid, because we did that before
- $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);
-
- // If two-dimensional, use smallest of screen width and height
- $variable-unit: if($rfs-two-dimensional, vmin, vw);
-
- // Calculate the variable width between 0 and $rfs-breakpoint
- $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};
-
- // Set the calculated font-size.
- $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};
- }
-
- // Rendering
- @if $rfs-fluid == null {
- // Only render static font-size if no fluid font-size is available
- font-size: $rfs-static;
- }
- @else {
- $mq-value: null;
-
- // RFS breakpoint formatting
- @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {
- $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};
- }
- @else if $rfs-breakpoint-unit == px {
- $mq-value: #{$rfs-breakpoint}px;
- }
- @else {
- @error "`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.";
- }
-
- @if $rfs-class == "disable" {
- // Adding an extra class increases specificity,
- // which prevents the media query to override the font size
- &,
- .disable-responsive-font-size &,
- &.disable-responsive-font-size {
- font-size: $rfs-static;
- }
- }
- @else {
- font-size: $rfs-static;
- }
-
- @if $rfs-two-dimensional {
- @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {
- @if $rfs-class == "enable" {
- .enable-responsive-font-size &,
- &.enable-responsive-font-size {
- font-size: $rfs-fluid;
- }
- }
- @else {
- font-size: $rfs-fluid;
- }
-
- @if $rfs-safari-iframe-resize-bug-fix {
- // stylelint-disable-next-line length-zero-no-unit
- min-width: 0vw;
- }
- }
- }
- @else {
- @media (max-width: #{$mq-value}) {
- @if $rfs-class == "enable" {
- .enable-responsive-font-size &,
- &.enable-responsive-font-size {
- font-size: $rfs-fluid;
- }
- }
- @else {
- font-size: $rfs-fluid;
- }
-
- @if $rfs-safari-iframe-resize-bug-fix {
- // stylelint-disable-next-line length-zero-no-unit
- min-width: 0vw;
- }
- }
- }
- }
- }
-}
-
-// The font-size & responsive-font-size mixin uses RFS to rescale font sizes
-@mixin font-size($fs, $important: false) {
- @include rfs($fs, $important);
-}
-
-@mixin responsive-font-size($fs, $important: false) {
- @include rfs($fs, $important);
-}
\ No newline at end of file
diff --git a/_sass/mdb/core/bootstrap/_root.scss b/_sass/mdb/core/bootstrap/_root.scss
deleted file mode 100644
index ad550df3b49b..000000000000
--- a/_sass/mdb/core/bootstrap/_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/_sass/mdb/core/bootstrap/_spinners.scss b/_sass/mdb/core/bootstrap/_spinners.scss
deleted file mode 100644
index 364a5c1a65f7..000000000000
--- a/_sass/mdb/core/bootstrap/_spinners.scss
+++ /dev/null
@@ -1,55 +0,0 @@
-//
-// Rotating border
-//
-
-@keyframes spinner-border {
- to { transform: rotate(360deg); }
-}
-
-.spinner-border {
- display: inline-block;
- width: $spinner-width;
- height: $spinner-height;
- vertical-align: text-bottom;
- border: $spinner-border-width solid currentColor;
- border-right-color: transparent;
- // stylelint-disable-next-line property-blacklist
- border-radius: 50%;
- animation: spinner-border .75s linear infinite;
-}
-
-.spinner-border-sm {
- width: $spinner-width-sm;
- height: $spinner-height-sm;
- border-width: $spinner-border-width-sm;
-}
-
-//
-// Growing circle
-//
-
-@keyframes spinner-grow {
- 0% {
- transform: scale(0);
- }
- 50% {
- opacity: 1;
- }
-}
-
-.spinner-grow {
- display: inline-block;
- width: $spinner-width;
- height: $spinner-height;
- vertical-align: text-bottom;
- background-color: currentColor;
- // stylelint-disable-next-line property-blacklist
- border-radius: 50%;
- opacity: 0;
- animation: spinner-grow .75s linear infinite;
-}
-
-.spinner-grow-sm {
- width: $spinner-width-sm;
- height: $spinner-height-sm;
-}
diff --git a/_sass/mdb/core/bootstrap/_tables.scss b/_sass/mdb/core/bootstrap/_tables.scss
deleted file mode 100644
index b7ab3d5062dd..000000000000
--- a/_sass/mdb/core/bootstrap/_tables.scss
+++ /dev/null
@@ -1,185 +0,0 @@
-//
-// Basic Bootstrap table
-//
-
-.table {
- width: 100%;
- margin-bottom: $spacer;
- color: $table-color;
- 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;
- }
-}
-
-
-//
-// Condensed table w/ half padding
-//
-
-.table-sm {
- th,
- td {
- padding: $table-cell-padding-sm;
- }
-}
-
-
-// Border versions
-//
-// Add or remove 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;
- }
- }
-}
-
-.table-borderless {
- th,
- td,
- thead th,
- tbody + tbody {
- border: 0;
- }
-}
-
-// Zebra-striping
-//
-// Default zebra-stripe styles (alternating gray and transparent backgrounds)
-
-.table-striped {
- tbody tr:nth-of-type(#{$table-striped-order}) {
- 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 {
- color: $table-hover-color;
- 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, $table-bg-level), theme-color-level($color, $table-border-level));
-}
-
-@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 {
- color: $table-dark-hover-color;
- 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;
-
- // Prevent double border on horizontal scroll due to use of `display: block;`
- > .table-bordered {
- border: 0;
- }
- }
- }
- }
-}
diff --git a/_sass/mdb/core/bootstrap/_toasts.scss b/_sass/mdb/core/bootstrap/_toasts.scss
deleted file mode 100644
index 6aa5352a383c..000000000000
--- a/_sass/mdb/core/bootstrap/_toasts.scss
+++ /dev/null
@@ -1,44 +0,0 @@
-.toast {
- max-width: $toast-max-width;
- overflow: hidden; // cheap rounded corners on nested items
- @include font-size($toast-font-size);
- color: $toast-color;
- background-color: $toast-background-color;
- background-clip: padding-box;
- border: $toast-border-width solid $toast-border-color;
- box-shadow: $toast-box-shadow;
- backdrop-filter: blur(10px);
- opacity: 0;
- @include border-radius($toast-border-radius);
-
- &:not(:last-child) {
- margin-bottom: $toast-padding-x;
- }
-
- &.showing {
- opacity: 1;
- }
-
- &.show {
- display: block;
- opacity: 1;
- }
-
- &.hide {
- display: none;
- }
-}
-
-.toast-header {
- display: flex;
- align-items: center;
- padding: $toast-padding-y $toast-padding-x;
- color: $toast-header-color;
- background-color: $toast-header-background-color;
- background-clip: padding-box;
- border-bottom: $toast-border-width solid $toast-header-border-color;
-}
-
-.toast-body {
- padding: $toast-padding-x; // apply to both vertical and horizontal
-}
diff --git a/_sass/mdb/core/bootstrap/_tooltip.scss b/_sass/mdb/core/bootstrap/_tooltip.scss
deleted file mode 100644
index 6b3aa62dd619..000000000000
--- a/_sass/mdb/core/bootstrap/_tooltip.scss
+++ /dev/null
@@ -1,115 +0,0 @@
-// Base class
-.tooltip {
- position: absolute;
- z-index: $zindex-tooltip;
- display: block;
- margin: $tooltip-margin;
- // 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();
- @include font-size($tooltip-font-size);
- // Allow breaking very long words so they don't overflow the tooltip's bounds
- word-wrap: break-word;
- opacity: 0;
-
- &.show { opacity: $tooltip-opacity; }
-
- .arrow {
- position: absolute;
- display: block;
- width: $tooltip-arrow-width;
- height: $tooltip-arrow-height;
-
- &::before {
- position: absolute;
- content: "";
- border-color: transparent;
- border-style: solid;
- }
- }
-}
-
-.bs-tooltip-top {
- padding: $tooltip-arrow-height 0;
-
- .arrow {
- bottom: 0;
-
- &::before {
- top: 0;
- border-width: $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;
- border-top-color: $tooltip-arrow-color;
- }
- }
-}
-
-.bs-tooltip-right {
- padding: 0 $tooltip-arrow-height;
-
- .arrow {
- left: 0;
- width: $tooltip-arrow-height;
- height: $tooltip-arrow-width;
-
- &::before {
- right: 0;
- border-width: ($tooltip-arrow-width / 2) $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;
- border-right-color: $tooltip-arrow-color;
- }
- }
-}
-
-.bs-tooltip-bottom {
- padding: $tooltip-arrow-height 0;
-
- .arrow {
- top: 0;
-
- &::before {
- bottom: 0;
- border-width: 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;
- border-bottom-color: $tooltip-arrow-color;
- }
- }
-}
-
-.bs-tooltip-left {
- padding: 0 $tooltip-arrow-height;
-
- .arrow {
- right: 0;
- width: $tooltip-arrow-height;
- height: $tooltip-arrow-width;
-
- &::before {
- left: 0;
- border-width: ($tooltip-arrow-width / 2) 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;
- border-left-color: $tooltip-arrow-color;
- }
- }
-}
-
-.bs-tooltip-auto {
- &[x-placement^="top"] {
- @extend .bs-tooltip-top;
- }
- &[x-placement^="right"] {
- @extend .bs-tooltip-right;
- }
- &[x-placement^="bottom"] {
- @extend .bs-tooltip-bottom;
- }
- &[x-placement^="left"] {
- @extend .bs-tooltip-left;
- }
-}
-
-// Wrapper for the tooltip content
-.tooltip-inner {
- max-width: $tooltip-max-width;
- padding: $tooltip-padding-y $tooltip-padding-x;
- color: $tooltip-color;
- text-align: center;
- background-color: $tooltip-bg;
- @include border-radius($tooltip-border-radius);
-}
diff --git a/_sass/mdb/core/bootstrap/_transitions.scss b/_sass/mdb/core/bootstrap/_transitions.scss
deleted file mode 100644
index 40be4d918add..000000000000
--- a/_sass/mdb/core/bootstrap/_transitions.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-.fade {
- @include transition($transition-fade);
-
- &:not(.show) {
- opacity: 0;
- }
-}
-
-.collapse {
- &:not(.show) {
- display: none;
- }
-}
-
-.collapsing {
- position: relative;
- height: 0;
- overflow: hidden;
- @include transition($transition-collapse);
-}
diff --git a/_sass/mdb/core/bootstrap/_type.scss b/_sass/mdb/core/bootstrap/_type.scss
deleted file mode 100644
index f8ed09065eb2..000000000000
--- a/_sass/mdb/core/bootstrap/_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 { @include font-size($h1-font-size); }
-h2, .h2 { @include font-size($h2-font-size); }
-h3, .h3 { @include font-size($h3-font-size); }
-h4, .h4 { @include font-size($h4-font-size); }
-h5, .h5 { @include font-size($h5-font-size); }
-h6, .h6 { @include font-size($h6-font-size); }
-
-.lead {
- @include font-size($lead-font-size);
- font-weight: $lead-font-weight;
-}
-
-// Type display classes
-.display-1 {
- @include font-size($display1-size);
- font-weight: $display1-weight;
- line-height: $display-line-height;
-}
-.display-2 {
- @include font-size($display2-size);
- font-weight: $display2-weight;
- line-height: $display-line-height;
-}
-.display-3 {
- @include font-size($display3-size);
- font-weight: $display3-weight;
- line-height: $display-line-height;
-}
-.display-4 {
- @include 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 {
- @include 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 {
- @include font-size(90%);
- text-transform: uppercase;
-}
-
-// Blockquotes
-.blockquote {
- margin-bottom: $spacer;
- @include font-size($blockquote-font-size);
-}
-
-.blockquote-footer {
- display: block;
- @include font-size($blockquote-small-font-size);
- color: $blockquote-small-color;
-
- &::before {
- content: "\2014\00A0"; // em dash, nbsp
- }
-}
diff --git a/_sass/mdb/core/bootstrap/_utilities.scss b/_sass/mdb/core/bootstrap/_utilities.scss
deleted file mode 100644
index a5de31ba6a50..000000000000
--- a/_sass/mdb/core/bootstrap/_utilities.scss
+++ /dev/null
@@ -1,17 +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/overflow";
-@import "utilities/position";
-@import "utilities/screenreaders";
-@import "utilities/shadows";
-@import "utilities/sizing";
-@import "utilities/stretched-link";
-@import "utilities/spacing";
-@import "utilities/text";
-@import "utilities/visibility";
diff --git a/_sass/mdb/core/bootstrap/_variables.scss b/_sass/mdb/core/bootstrap/_variables.scss
deleted file mode 100644
index d9e88df9a3f5..000000000000
--- a/_sass/mdb/core/bootstrap/_variables.scss
+++ /dev/null
@@ -1,1123 +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
-
-$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;
-// stylelint-disable-next-line scss/dollar-variable-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;
-// stylelint-disable-next-line scss/dollar-variable-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;
-// stylelint-disable-next-line scss/dollar-variable-default
-$theme-colors: map-merge(
- (
- "primary": $primary,
- "secondary": $secondary,
- "success": $success,
- "info": $info,
- "warning": $warning,
- "danger": $danger,
- "light": $light,
- "dark": $dark
- ),
- $theme-colors
-);
-
-// 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-prefers-reduced-motion-media-query: true !default;
-$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS
-$enable-grid-classes: true !default;
-$enable-pointer-cursor-for-buttons: true !default;
-$enable-print-styles: true !default;
-$enable-responsive-font-sizes: false !default;
-$enable-validation-icons: true !default;
-$enable-deprecation-messages: 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.
-
-$spacer: 1rem !default;
-$spacers: () !default;
-// stylelint-disable-next-line scss/dollar-variable-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;
-// stylelint-disable-next-line scss/dollar-variable-default
-$sizes: map-merge(
- (
- 25: 25%,
- 50: 50%,
- 75: 75%,
- 100: 100%,
- auto: auto
- ),
- $sizes
-);
-
-
-// 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;
-// Darken percentage for links with `.text-*` class (e.g. `.text-success`)
-$emphasized-link-hover-darken-percentage: 15% !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-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;
-
-$rounded-pill: 50rem !default;
-
-$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;
-$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;
-$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;
-
-$component-active-color: $white !default;
-$component-active-bg: theme-color("primary") !default;
-
-$caret-width: .3em !default;
-$caret-vertical-align: $caret-width * .85 !default;
-$caret-spacing: $caret-width * .85 !default;
-
-$transition-base: all .2s ease-in-out !default;
-$transition-fade: opacity .15s linear !default;
-$transition-collapse: height .35s ease !default;
-
-$embed-responsive-aspect-ratios: () !default;
-// stylelint-disable-next-line scss/dollar-variable-default
-$embed-responsive-aspect-ratios: join(
- (
- (21 9),
- (16 9),
- (4 3),
- (1 1),
- ),
- $embed-responsive-aspect-ratios
-);
-
-// Typography
-//
-// 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, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !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-lighter: lighter !default;
-$font-weight-light: 300 !default;
-$font-weight-normal: 400 !default;
-$font-weight-bold: 700 !default;
-$font-weight-bolder: bolder !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: null !default;
-$headings-font-weight: 500 !default;
-$headings-line-height: 1.2 !default;
-$headings-color: null !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-small-font-size: $small-font-size !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-color: $body-color !default;
-$table-bg: null !default;
-$table-accent-bg: rgba($black, .05) !default;
-$table-hover-color: $table-color !default;
-$table-hover-bg: rgba($black, .075) !default;
-$table-active-bg: $table-hover-bg !default;
-
-$table-border-width: $border-width !default;
-$table-border-color: $border-color !default;
-
-$table-head-bg: $gray-200 !default;
-$table-head-color: $gray-700 !default;
-
-$table-dark-color: $white !default;
-$table-dark-bg: $gray-800 !default;
-$table-dark-accent-bg: rgba($white, .05) !default;
-$table-dark-hover-color: $table-dark-color !default;
-$table-dark-hover-bg: rgba($white, .075) !default;
-$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;
-$table-dark-color: $white !default;
-
-$table-striped-order: odd !default;
-
-$table-caption-color: $text-muted !default;
-
-$table-bg-level: -9 !default;
-$table-border-level: -6 !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-font-family: null !default;
-$input-btn-font-size: $font-size-base !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-font-size-sm: $font-size-sm !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-font-size-lg: $font-size-lg !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-font-family: $input-btn-font-family !default;
-$btn-font-size: $input-btn-font-size !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-font-size-sm: $input-btn-font-size-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-font-size-lg: $input-btn-font-size-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
-
-$label-margin-bottom: .5rem !default;
-
-$input-padding-y: $input-btn-padding-y !default;
-$input-padding-x: $input-btn-padding-x !default;
-$input-font-family: $input-btn-font-family !default;
-$input-font-size: $input-btn-font-size !default;
-$input-font-weight: $font-weight-base !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-font-size-sm: $input-btn-font-size-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-font-size-lg: $input-btn-font-size-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-plaintext-color: $body-color !default;
-
-$input-height-border: $input-border-width * 2 !default;
-
-$input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;
-$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;
-$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;
-
-$input-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}) !default;
-$input-height-sm: calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}) !default;
-$input-height-lg: calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$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-grid-gutter-width: 10px !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-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
-
-$custom-control-gutter: .5rem !default;
-$custom-control-spacer-x: 1rem !default;
-
-$custom-control-indicator-size: 1rem !default;
-$custom-control-indicator-bg: $input-bg !default;
-
-$custom-control-indicator-bg-size: 50% 50% !default;
-$custom-control-indicator-box-shadow: $input-box-shadow !default;
-$custom-control-indicator-border-color: $gray-500 !default;
-$custom-control-indicator-border-width: $input-border-width !default;
-
-$custom-control-indicator-disabled-bg: $input-disabled-bg !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-checked-border-color: $custom-control-indicator-checked-bg !default;
-
-$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;
-$custom-control-indicator-focus-border-color: $input-focus-border-color !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-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;
-
-$custom-checkbox-indicator-border-radius: $border-radius !default;
-$custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml,%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,%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-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;
-
-$custom-radio-indicator-border-radius: 50% !default;
-$custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml,%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-switch-width: $custom-control-indicator-size * 1.75 !default;
-$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;
-$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;
-
-$custom-select-padding-y: $input-padding-y !default;
-$custom-select-padding-x: $input-padding-x !default;
-$custom-select-font-family: $input-font-family !default;
-$custom-select-font-size: $input-font-size !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-font-weight: $input-font-weight !default;
-$custom-select-line-height: $input-line-height !default;
-$custom-select-color: $input-color !default;
-$custom-select-disabled-color: $gray-600 !default;
-$custom-select-bg: $input-bg !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,%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-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)
-
-$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}) !default;
-$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;
-$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;
-
-$custom-select-border-width: $input-border-width !default;
-$custom-select-border-color: $input-border-color !default;
-$custom-select-border-radius: $border-radius !default;
-$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;
-
-$custom-select-focus-border-color: $input-focus-border-color !default;
-$custom-select-focus-width: $input-focus-width !default;
-$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;
-
-$custom-select-padding-y-sm: $input-padding-y-sm !default;
-$custom-select-padding-x-sm: $input-padding-x-sm !default;
-$custom-select-font-size-sm: $input-font-size-sm !default;
-$custom-select-height-sm: $input-height-sm !default;
-
-$custom-select-padding-y-lg: $input-padding-y-lg !default;
-$custom-select-padding-x-lg: $input-padding-x-lg !default;
-$custom-select-font-size-lg: $input-font-size-lg !default;
-$custom-select-height-lg: $input-height-lg !default;
-
-$custom-range-track-width: 100% !default;
-$custom-range-track-height: .5rem !default;
-$custom-range-track-cursor: pointer !default;
-$custom-range-track-bg: $gray-300 !default;
-$custom-range-track-border-radius: 1rem !default;
-$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;
-
-$custom-range-thumb-width: 1rem !default;
-$custom-range-thumb-height: $custom-range-thumb-width !default;
-$custom-range-thumb-bg: $component-active-bg !default;
-$custom-range-thumb-border: 0 !default;
-$custom-range-thumb-border-radius: 1rem !default;
-$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;
-$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;
-$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge
-$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;
-$custom-range-thumb-disabled-bg: $gray-500 !default;
-
-$custom-file-height: $input-height !default;
-$custom-file-height-inner: $input-height-inner !default;
-$custom-file-focus-border-color: $input-focus-border-color !default;
-$custom-file-focus-box-shadow: $input-focus-box-shadow !default;
-$custom-file-disabled-bg: $input-disabled-bg !default;
-
-$custom-file-padding-y: $input-padding-y !default;
-$custom-file-padding-x: $input-padding-x !default;
-$custom-file-line-height: $input-line-height !default;
-$custom-file-font-family: $input-font-family !default;
-$custom-file-font-weight: $input-font-weight !default;
-$custom-file-color: $input-color !default;
-$custom-file-bg: $input-bg !default;
-$custom-file-border-width: $input-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;
-
-$form-feedback-icon-valid-color: $form-feedback-valid-color !default;
-$form-feedback-icon-valid: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"), "#", "%23") !default;
-$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;
-$form-feedback-icon-invalid: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"), "#", "%23") !default;
-
-$form-validation-states: () !default;
-// stylelint-disable-next-line scss/dollar-variable-default
-$form-validation-states: map-merge(
- (
- "valid": (
- "color": $form-feedback-valid-color,
- "icon": $form-feedback-icon-valid
- ),
- "invalid": (
- "color": $form-feedback-invalid-color,
- "icon": $form-feedback-icon-invalid
- ),
- ),
- $form-validation-states
-);
-
-// 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;
-
-$nav-divider-color: $gray-200 !default;
-$nav-divider-margin-y: $spacer / 2 !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,%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,%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;
-
-$navbar-light-brand-color: $navbar-light-active-color !default;
-$navbar-light-brand-hover-color: $navbar-light-active-color !default;
-$navbar-dark-brand-color: $navbar-dark-active-color !default;
-$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;
-
-
-// Dropdowns
-//
-// Dropdown menu container and contents.
-
-$dropdown-min-width: 10rem !default;
-$dropdown-padding-y: .5rem !default;
-$dropdown-spacer: .125rem !default;
-$dropdown-font-size: $font-size-base !default;
-$dropdown-color: $body-color !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-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;
-$dropdown-divider-bg: $gray-200 !default;
-$dropdown-divider-margin-y: $nav-divider-margin-y !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;
-
-
-// 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-focus-outline: 0 !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-color: null !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-cap-color: null !default;
-$card-color: null !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;
-
-// Form tooltips must come after regular tooltips
-$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;
-$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;
-$form-feedback-tooltip-font-size: $tooltip-font-size !default;
-$form-feedback-tooltip-line-height: $line-height-base !default;
-$form-feedback-tooltip-opacity: $tooltip-opacity !default;
-$form-feedback-tooltip-border-radius: $tooltip-border-radius !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;
-
-
-// Toasts
-
-$toast-max-width: 350px !default;
-$toast-padding-x: .75rem !default;
-$toast-padding-y: .25rem !default;
-$toast-font-size: .875rem !default;
-$toast-color: null !default;
-$toast-background-color: rgba($white, .85) !default;
-$toast-border-width: 1px !default;
-$toast-border-color: rgba(0, 0, 0, .1) !default;
-$toast-border-radius: .25rem !default;
-$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;
-
-$toast-header-color: $gray-600 !default;
-$toast-header-background-color: rgba($white, .85) !default;
-$toast-header-border-color: rgba(0, 0, 0, .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-transition: $btn-transition !default;
-$badge-focus-width: $input-btn-focus-width !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-color: null !default;
-$modal-content-bg: $white !default;
-$modal-content-border-color: rgba($black, .2) !default;
-$modal-content-border-width: $border-width !default;
-$modal-content-border-radius: $border-radius-lg !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: $border-color !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-y: 1rem !default;
-$modal-header-padding-x: 1rem !default;
-$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility
-
-$modal-xl: 1140px !default;
-$modal-lg: 800px !default;
-$modal-md: 500px !default;
-$modal-sm: 300px !default;
-
-$modal-fade-transform: translate(0, -50px) !default;
-$modal-show-transform: none !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-color: null !default;
-$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: quote("/") !default;
-
-$breadcrumb-border-radius: $border-radius !default;
-
-
-// Carousel
-
-$carousel-control-color: $white !default;
-$carousel-control-width: 15% !default;
-$carousel-control-opacity: .5 !default;
-$carousel-control-hover-opacity: .9 !default;
-$carousel-control-transition: opacity .15s ease !default;
-
-$carousel-indicator-width: 30px !default;
-$carousel-indicator-height: 3px !default;
-$carousel-indicator-hit-area-height: 10px !default;
-$carousel-indicator-spacer: 3px !default;
-$carousel-indicator-active-bg: $white !default;
-$carousel-indicator-transition: opacity .6s ease !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,%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,%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-duration: .6s !default;
-$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)
-
-
-// Spinners
-
-$spinner-width: 2rem !default;
-$spinner-height: $spinner-width !default;
-$spinner-border-width: .25em !default;
-
-$spinner-width-sm: 1rem !default;
-$spinner-height-sm: $spinner-width-sm !default;
-$spinner-border-width-sm: .2em !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;
-
-
-// Utilities
-
-$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;
-$overflows: auto, hidden !default;
-$positions: static, relative, absolute, fixed, sticky !default;
-
-
-// Printing
-
-$print-page-size: a3 !default;
-$print-body-min-width: map-get($grid-breakpoints, "lg") !default;
diff --git a/_sass/mdb/core/bootstrap/bootstrap-grid.scss b/_sass/mdb/core/bootstrap/bootstrap-grid.scss
deleted file mode 100644
index d5f92a16ac3f..000000000000
--- a/_sass/mdb/core/bootstrap/bootstrap-grid.scss
+++ /dev/null
@@ -1,29 +0,0 @@
-/*!
- * Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
- * Copyright 2011-2019 The Bootstrap Authors
- * Copyright 2011-2019 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- */
-
-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";
-@import "utilities/spacing";
diff --git a/_sass/mdb/core/bootstrap/bootstrap-reboot.scss b/_sass/mdb/core/bootstrap/bootstrap-reboot.scss
deleted file mode 100644
index 2983f3f6df08..000000000000
--- a/_sass/mdb/core/bootstrap/bootstrap-reboot.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)
- * Copyright 2011-2019 The Bootstrap Authors
- * Copyright 2011-2019 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
- */
-
-@import "functions";
-@import "variables";
-@import "mixins";
-@import "reboot";
diff --git a/_sass/mdb/core/bootstrap/bootstrap.scss b/_sass/mdb/core/bootstrap/bootstrap.scss
deleted file mode 100644
index 9f15c2a8bc83..000000000000
--- a/_sass/mdb/core/bootstrap/bootstrap.scss
+++ /dev/null
@@ -1,44 +0,0 @@
-/*!
- * Bootstrap v4.3.1 (https://getbootstrap.com/)
- * Copyright 2011-2019 The Bootstrap Authors
- * Copyright 2011-2019 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- */
-
-@import "functions";
-@import "variables";
-@import "mixins";
-@import "root";
-@import "reboot";
-@import "type";
-@import "images";
-@import "code";
-@import "grid";
-@import "tables";
-@import "forms";
-@import "buttons";
-@import "transitions";
-@import "dropdown";
-@import "button-group";
-@import "input-group";
-@import "custom-forms";
-@import "nav";
-@import "navbar";
-@import "card";
-@import "breadcrumb";
-@import "pagination";
-@import "badge";
-@import "jumbotron";
-@import "alert";
-@import "progress";
-@import "media";
-@import "list-group";
-@import "close";
-@import "toasts";
-@import "modal";
-@import "tooltip";
-@import "popover";
-@import "carousel";
-@import "spinners";
-@import "utilities";
-@import "print";
diff --git a/_sass/mdb/core/bootstrap/mixins/_alert.scss b/_sass/mdb/core/bootstrap/mixins/_alert.scss
deleted file mode 100644
index db5a7eb4549e..000000000000
--- a/_sass/mdb/core/bootstrap/mixins/_alert.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-@mixin alert-variant($background, $border, $color) {
- color: $color;
- @include gradient-bg($background);
- border-color: $border;
-
- hr {
- border-top-color: darken($border, 5%);
- }
-
- .alert-link {
- color: darken($color, 10%);
- }
-}
diff --git a/_sass/mdb/core/bootstrap/mixins/_background-variant.scss b/_sass/mdb/core/bootstrap/mixins/_background-variant.scss
deleted file mode 100644
index 494439d2b45f..000000000000
--- a/_sass/mdb/core/bootstrap/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/_sass/mdb/core/bootstrap/mixins/_badge.scss b/_sass/mdb/core/bootstrap/mixins/_badge.scss
deleted file mode 100644
index 64b29cb57913..000000000000
--- a/_sass/mdb/core/bootstrap/mixins/_badge.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-@mixin badge-variant($bg) {
- color: color-yiq($bg);
- background-color: $bg;
-
- @at-root a#{&} {
- @include hover-focus {
- color: color-yiq($bg);
- background-color: darken($bg, 10%);
- }
-
- &:focus,
- &.focus {
- outline: 0;
- box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);
- }
- }
-}
diff --git a/_sass/mdb/core/bootstrap/mixins/_border-radius.scss b/_sass/mdb/core/bootstrap/mixins/_border-radius.scss
deleted file mode 100644
index 88aeb37d818c..000000000000
--- a/_sass/mdb/core/bootstrap/mixins/_border-radius.scss
+++ /dev/null
@@ -1,63 +0,0 @@
-// stylelint-disable property-blacklist
-// Single side border-radius
-
-@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {
- @if $enable-rounded {
- border-radius: $radius;
- }
- @else if $fallback-border-radius != false {
- border-radius: $fallback-border-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;
- }
-}
-
-@mixin border-top-left-radius($radius) {
- @if $enable-rounded {
- border-top-left-radius: $radius;
- }
-}
-
-@mixin border-top-right-radius($radius) {
- @if $enable-rounded {
- border-top-right-radius: $radius;
- }
-}
-
-@mixin border-bottom-right-radius($radius) {
- @if $enable-rounded {
- border-bottom-right-radius: $radius;
- }
-}
-
-@mixin border-bottom-left-radius($radius) {
- @if $enable-rounded {
- border-bottom-left-radius: $radius;
- }
-}
diff --git a/_sass/mdb/core/bootstrap/mixins/_box-shadow.scss b/_sass/mdb/core/bootstrap/mixins/_box-shadow.scss
deleted file mode 100644
index 0726d4359a8f..000000000000
--- a/_sass/mdb/core/bootstrap/mixins/_box-shadow.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-@mixin box-shadow($shadow...) {
- @if $enable-shadows {
- $result: ();
-
- @if (length($shadow) == 1) {
- // We can pass `@include box-shadow(none);`
- $result: $shadow;
- } @else {
- // Filter to avoid invalid properties for example `box-shadow: none, 1px 1px black;`
- @for $i from 1 through length($shadow) {
- @if nth($shadow, $i) != "none" {
- $result: append($result, nth($shadow, $i), "comma");
- }
- }
- }
- @if (length($result) > 0) {
- box-shadow: $result;
- }
- }
-}
diff --git a/_sass/mdb/core/bootstrap/mixins/_breakpoints.scss b/_sass/mdb/core/bootstrap/mixins/_breakpoints.scss
deleted file mode 100644
index 23a5de96be0d..000000000000
--- a/_sass/mdb/core/bootstrap/mixins/_breakpoints.scss
+++ /dev/null
@@ -1,123 +0,0 @@
-// Breakpoint viewport sizes and media queries.
-//
-// Breakpoints are defined as a map of (name: minimum width), order from small to large:
-//
-// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)
-//
-// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.
-
-// Name of the next breakpoint, or null for the last breakpoint.
-//
-// >> breakpoint-next(sm)
-// md
-// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
-// md
-// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))
-// md
-@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {
- $n: index($breakpoint-names, $name);
- @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);
-}
-
-// Minimum breakpoint width. Null for the smallest (first) breakpoint.
-//
-// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
-// 576px
-@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
- $min: map-get($breakpoints, $name);
- @return if($min != 0, $min, null);
-}
-
-// Maximum breakpoint width. Null for the largest (last) breakpoint.
-// The maximum value is calculated as the minimum of the next one less 0.02px
-// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
-// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
-// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
-// See https://bugs.webkit.org/show_bug.cgi?id=178261
-//
-// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
-// 767.98px
-@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
- $next: breakpoint-next($name, $breakpoints);
- @return if($next, breakpoint-min($next, $breakpoints) - .02, null);
-}
-
-// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.
-// Useful for making responsive utilities.
-//
-// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
-// "" (Returns a blank string)
-// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
-// "-sm"
-@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {
- @return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");
-}
-
-// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
-// Makes the @content apply to the given breakpoint and wider.
-@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
- $min: breakpoint-min($name, $breakpoints);
- @if $min {
- @media (min-width: $min) {
- @content;
- }
- } @else {
- @content;
- }
-}
-
-// Media of at most the maximum breakpoint width. No query for the largest breakpoint.
-// Makes the @content apply to the given breakpoint and narrower.
-@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {
- $max: breakpoint-max($name, $breakpoints);
- @if $max {
- @media (max-width: $max) {
- @content;
- }
- } @else {
- @content;
- }
-}
-
-// Media that spans multiple breakpoint widths.
-// Makes the @content apply between the min and max breakpoints
-@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {
- $min: breakpoint-min($lower, $breakpoints);
- $max: breakpoint-max($upper, $breakpoints);
-
- @if $min != null and $max != null {
- @media (min-width: $min) and (max-width: $max) {
- @content;
- }
- } @else if $max == null {
- @include media-breakpoint-up($lower, $breakpoints) {
- @content;
- }
- } @else if $min == null {
- @include media-breakpoint-down($upper, $breakpoints) {
- @content;
- }
- }
-}
-
-// Media between the breakpoint's minimum and maximum widths.
-// No minimum for the smallest breakpoint, and no maximum for the largest one.
-// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.
-@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {
- $min: breakpoint-min($name, $breakpoints);
- $max: breakpoint-max($name, $breakpoints);
-
- @if $min != null and $max != null {
- @media (min-width: $min) and (max-width: $max) {
- @content;
- }
- } @else if $max == null {
- @include media-breakpoint-up($name, $breakpoints) {
- @content;
- }
- } @else if $min == null {
- @include media-breakpoint-down($name, $breakpoints) {
- @content;
- }
- }
-}
diff --git a/_sass/mdb/core/bootstrap/mixins/_buttons.scss b/_sass/mdb/core/bootstrap/mixins/_buttons.scss
deleted file mode 100644
index eee903f83ce5..000000000000
--- a/_sass/mdb/core/bootstrap/mixins/_buttons.scss
+++ /dev/null
@@ -1,107 +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(mix(color-yiq($background), $border, 15%), .5);
- } @else {
- box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);
- }
- }
-
- // Disabled comes first so active can properly restyle
- &.disabled,
- &:disabled {
- color: color-yiq($background);
- background-color: $background;
- border-color: $border;
- // Remove CSS gradients if they're enabled
- @if $enable-gradients {
- background-image: none;
- }
- }
-
- &: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 and $btn-active-box-shadow != none {
- box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);
- } @else {
- box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);
- }
- }
- }
-}
-
-@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {
- color: $color;
- border-color: $color;
-
- @include 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;
- @include font-size($font-size);
- line-height: $line-height;
- // Manually declare to provide an override to the browser default
- @include border-radius($border-radius, 0);
-}
diff --git a/_sass/mdb/core/bootstrap/mixins/_caret.scss b/_sass/mdb/core/bootstrap/mixins/_caret.scss
deleted file mode 100644
index 8ecef65b4768..000000000000
--- a/_sass/mdb/core/bootstrap/mixins/_caret.scss
+++ /dev/null
@@ -1,62 +0,0 @@
-@mixin caret-down {
- border-top: $caret-width solid;
- border-right: $caret-width solid transparent;
- border-bottom: 0;
- border-left: $caret-width solid transparent;
-}
-
-@mixin caret-up {
- border-top: 0;
- border-right: $caret-width solid transparent;
- border-bottom: $caret-width solid;
- border-left: $caret-width solid transparent;
-}
-
-@mixin caret-right {
- border-top: $caret-width solid transparent;
- border-right: 0;
- border-bottom: $caret-width solid transparent;
- border-left: $caret-width solid;
-}
-
-@mixin caret-left {
- border-top: $caret-width solid transparent;
- border-right: $caret-width solid;
- border-bottom: $caret-width solid transparent;
-}
-
-@mixin caret($direction: down) {
- @if $enable-caret {
- &::after {
- display: inline-block;
- margin-left: $caret-spacing;
- vertical-align: $caret-vertical-align;
- content: "";
- @if $direction == down {
- @include caret-down;
- } @else if $direction == up {
- @include caret-up;
- } @else if $direction == right {
- @include caret-right;
- }
- }
-
- @if $direction == left {
- &::after {
- display: none;
- }
-
- &::before {
- display: inline-block;
- margin-right: $caret-spacing;
- vertical-align: $caret-vertical-align;
- content: "";
- @include caret-left;
- }
- }
-
- &:empty::after {
- margin-left: 0;
- }
- }
-}
diff --git a/_sass/mdb/core/bootstrap/mixins/_clearfix.scss b/_sass/mdb/core/bootstrap/mixins/_clearfix.scss
deleted file mode 100644
index 11a977b7373d..000000000000
--- a/_sass/mdb/core/bootstrap/mixins/_clearfix.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-@mixin clearfix() {
- &::after {
- display: block;
- clear: both;
- content: "";
- }
-}
diff --git a/_sass/mdb/core/bootstrap/mixins/_deprecate.scss b/_sass/mdb/core/bootstrap/mixins/_deprecate.scss
deleted file mode 100644
index df070bc59634..000000000000
--- a/_sass/mdb/core/bootstrap/mixins/_deprecate.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-// Deprecate mixin
-//
-// This mixin can be used to deprecate mixins or functions.
-// `$enable-deprecation-messages` is a global variable, `$ignore-warning` is a variable that can be passed to
-// some deprecated mixins to suppress the warning (for example if the mixin is still be used in the current version of Bootstrap)
-@mixin deprecate($name, $deprecate-version, $remove-version, $ignore-warning: false) {
- @if ($enable-deprecation-messages != false and $ignore-warning != true) {
- @warn "#{$name} has been deprecated as of #{$deprecate-version}. It will be removed entirely in #{$remove-version}.";
- }
-}
diff --git a/_sass/mdb/core/bootstrap/mixins/_float.scss b/_sass/mdb/core/bootstrap/mixins/_float.scss
deleted file mode 100644
index adff88e7909d..000000000000
--- a/_sass/mdb/core/bootstrap/mixins/_float.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-// stylelint-disable declaration-no-important
-
-@mixin float-left {
- float: left !important;
- @include deprecate("The `float-left` mixin", "v4.3.0", "v5");
-}
-@mixin float-right {
- float: right !important;
- @include deprecate("The `float-right` mixin", "v4.3.0", "v5");
-}
-@mixin float-none {
- float: none !important;
- @include deprecate("The `float-none` mixin", "v4.3.0", "v5");
-}
diff --git a/_sass/mdb/core/bootstrap/mixins/_forms.scss b/_sass/mdb/core/bootstrap/mixins/_forms.scss
deleted file mode 100644
index ea8a91a02477..000000000000
--- a/_sass/mdb/core/bootstrap/mixins/_forms.scss
+++ /dev/null
@@ -1,192 +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, $icon) {
- .#{$state}-feedback {
- display: none;
- width: 100%;
- margin-top: $form-feedback-margin-top;
- @include 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: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;
- margin-top: .1rem;
- @include font-size($form-feedback-tooltip-font-size);
- line-height: $form-feedback-tooltip-line-height;
- color: color-yiq($color);
- background-color: rgba($color, $form-feedback-tooltip-opacity);
- @include border-radius($form-feedback-tooltip-border-radius);
- }
-
- .form-control {
- .was-validated &:#{$state},
- &.is-#{$state} {
- border-color: $color;
-
- @if $enable-validation-icons {
- padding-right: $input-height-inner;
- background-image: $icon;
- background-repeat: no-repeat;
- background-position: center right $input-height-inner-quarter;
- background-size: $input-height-inner-half $input-height-inner-half;
- }
-
- &:focus {
- border-color: $color;
- box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
- }
-
- ~ .#{$state}-feedback,
- ~ .#{$state}-tooltip {
- display: block;
- }
- }
- }
-
- // stylelint-disable-next-line selector-no-qualifying-type
- textarea.form-control {
- .was-validated &:#{$state},
- &.is-#{$state} {
- @if $enable-validation-icons {
- padding-right: $input-height-inner;
- background-position: top $input-height-inner-quarter right $input-height-inner-quarter;
- }
- }
- }
-
- .custom-select {
- .was-validated &:#{$state},
- &.is-#{$state} {
- border-color: $color;
-
- @if $enable-validation-icons {
- padding-right: $custom-select-feedback-icon-padding-right;
- background: $custom-select-background, $icon $custom-select-bg no-repeat $custom-select-feedback-icon-position / $custom-select-feedback-icon-size;
- }
-
- &:focus {
- border-color: $color;
- box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
- }
-
- ~ .#{$state}-feedback,
- ~ .#{$state}-tooltip {
- display: block;
- }
- }
- }
-
-
- .form-control-file {
- .was-validated &:#{$state},
- &.is-#{$state} {
- ~ .#{$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 {
- border-color: $color;
- }
- }
-
- ~ .#{$state}-feedback,
- ~ .#{$state}-tooltip {
- display: block;
- }
-
- &:checked {
- ~ .custom-control-label::before {
- border-color: lighten($color, 10%);
- @include gradient-bg(lighten($color, 10%));
- }
- }
-
- &:focus {
- ~ .custom-control-label::before {
- box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
- }
-
- &:not(:checked) ~ .custom-control-label::before {
- border-color: $color;
- }
- }
- }
- }
-
- // custom file
- .custom-file-input {
- .was-validated &:#{$state},
- &.is-#{$state} {
- ~ .custom-file-label {
- border-color: $color;
- }
-
- ~ .#{$state}-feedback,
- ~ .#{$state}-tooltip {
- display: block;
- }
-
- &:focus {
- ~ .custom-file-label {
- border-color: $color;
- box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
- }
- }
- }
- }
-}
diff --git a/_sass/mdb/core/bootstrap/mixins/_gradients.scss b/_sass/mdb/core/bootstrap/mixins/_gradients.scss
deleted file mode 100644
index 88c4d64b7f7e..000000000000
--- a/_sass/mdb/core/bootstrap/mixins/_gradients.scss
+++ /dev/null
@@ -1,45 +0,0 @@
-// Gradients
-
-@mixin gradient-bg($color) {
- @if $enable-gradients {
- background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;
- } @else {
- background-color: $color;
- }
-}
-
-// Horizontal gradient, from left to right
-//
-// Creates two color stops, start and end, by specifying a color and position for each color stop.
-@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {
- background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);
- background-repeat: repeat-x;
-}
-
-// Vertical gradient, from top to bottom
-//
-// Creates two color stops, start and end, by specifying a color and position for each color stop.
-@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {
- background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);
- background-repeat: repeat-x;
-}
-
-@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {
- background-image: linear-gradient($deg, $start-color, $end-color);
- background-repeat: repeat-x;
-}
-@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {
- background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
- background-repeat: no-repeat;
-}
-@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {
- background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
- background-repeat: no-repeat;
-}
-@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {
- background-image: radial-gradient(circle, $inner-color, $outer-color);
- background-repeat: no-repeat;
-}
-@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {
- background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
-}
diff --git a/_sass/mdb/core/bootstrap/mixins/_grid-framework.scss b/_sass/mdb/core/bootstrap/mixins/_grid-framework.scss
deleted file mode 100644
index 649c28bf77a5..000000000000
--- a/_sass/mdb/core/bootstrap/mixins/_grid-framework.scss
+++ /dev/null
@@ -1,66 +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%;
- 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: 100%; // 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/_sass/mdb/core/bootstrap/mixins/_grid.scss b/_sass/mdb/core/bootstrap/mixins/_grid.scss
deleted file mode 100644
index 924eb0cfc0f8..000000000000
--- a/_sass/mdb/core/bootstrap/mixins/_grid.scss
+++ /dev/null
@@ -1,51 +0,0 @@
-/// Grid system
-//
-// Generate semantic grid columns with these mixins.
-
-@mixin make-container($gutter: $grid-gutter-width) {
- width: 100%;
- padding-right: $gutter / 2;
- padding-left: $gutter / 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($gutter: $grid-gutter-width) {
- display: flex;
- flex-wrap: wrap;
- margin-right: -$gutter / 2;
- margin-left: -$gutter / 2;
-}
-
-@mixin make-col-ready($gutter: $grid-gutter-width) {
- 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%;
- padding-right: $gutter / 2;
- padding-left: $gutter / 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/_sass/mdb/core/bootstrap/mixins/_hover.scss b/_sass/mdb/core/bootstrap/mixins/_hover.scss
deleted file mode 100644
index 192f847e17e0..000000000000
--- a/_sass/mdb/core/bootstrap/mixins/_hover.scss
+++ /dev/null
@@ -1,37 +0,0 @@
-// Hover mixin and `$enable-hover-media-query` are deprecated.
-//
-// Originally 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 pseudo-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/_sass/mdb/core/bootstrap/mixins/_image.scss b/_sass/mdb/core/bootstrap/mixins/_image.scss
deleted file mode 100644
index a76a6082bac7..000000000000
--- a/_sass/mdb/core/bootstrap/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.
-
-@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;
- }
- @include deprecate("`img-retina()`", "v4.3.0", "v5");
-}
diff --git a/_sass/mdb/core/bootstrap/mixins/_list-group.scss b/_sass/mdb/core/bootstrap/mixins/_list-group.scss
deleted file mode 100644
index cd47a4e9fa86..000000000000
--- a/_sass/mdb/core/bootstrap/mixins/_list-group.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-// List Groups
-
-@mixin list-group-item-variant($state, $background, $color) {
- .list-group-item-#{$state} {
- color: $color;
- background-color: $background;
-
- &.list-group-item-action {
- @include hover-focus {
- color: $color;
- background-color: darken($background, 5%);
- }
-
- &.active {
- color: $white;
- background-color: $color;
- border-color: $color;
- }
- }
- }
-}
diff --git a/_sass/mdb/core/bootstrap/mixins/_lists.scss b/_sass/mdb/core/bootstrap/mixins/_lists.scss
deleted file mode 100644
index 251856266983..000000000000
--- a/_sass/mdb/core/bootstrap/mixins/_lists.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-// Lists
-
-// Unstyled keeps list items block level, just removes default browser padding and list-style
-@mixin list-unstyled {
- padding-left: 0;
- list-style: none;
-}
diff --git a/_sass/mdb/core/bootstrap/mixins/_nav-divider.scss b/_sass/mdb/core/bootstrap/mixins/_nav-divider.scss
deleted file mode 100644
index 4fb37b622472..000000000000
--- a/_sass/mdb/core/bootstrap/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: $nav-divider-color, $margin-y: $nav-divider-margin-y) {
- height: 0;
- margin: $margin-y 0;
- overflow: hidden;
- border-top: 1px solid $color;
-}
diff --git a/_sass/mdb/core/bootstrap/mixins/_pagination.scss b/_sass/mdb/core/bootstrap/mixins/_pagination.scss
deleted file mode 100644
index af8e16d6a911..000000000000
--- a/_sass/mdb/core/bootstrap/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;
- @include 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/_sass/mdb/core/bootstrap/mixins/_reset-text.scss b/_sass/mdb/core/bootstrap/mixins/_reset-text.scss
deleted file mode 100644
index bfa9f6e9ad88..000000000000
--- a/_sass/mdb/core/bootstrap/mixins/_reset-text.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-@mixin reset-text {
- font-family: $font-family-base;
- // We deliberately do NOT reset font-size or word-wrap.
- font-style: normal;
- font-weight: $font-weight-normal;
- line-height: $line-height-base;
- text-align: left; // Fallback for where `start` is not supported
- text-align: start;
- text-decoration: none;
- text-shadow: none;
- text-transform: none;
- letter-spacing: normal;
- word-break: normal;
- word-spacing: normal;
- white-space: normal;
- line-break: auto;
-}
diff --git a/_sass/mdb/core/bootstrap/mixins/_resize.scss b/_sass/mdb/core/bootstrap/mixins/_resize.scss
deleted file mode 100644
index 66f233a63c98..000000000000
--- a/_sass/mdb/core/bootstrap/mixins/_resize.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-// Resize anything
-
-@mixin resizable($direction) {
- overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
- resize: $direction; // Options: horizontal, vertical, both
-}
diff --git a/_sass/mdb/core/bootstrap/mixins/_screen-reader.scss b/_sass/mdb/core/bootstrap/mixins/_screen-reader.scss
deleted file mode 100644
index 812591bc5e32..000000000000
--- a/_sass/mdb/core/bootstrap/mixins/_screen-reader.scss
+++ /dev/null
@@ -1,33 +0,0 @@
-// Only display content to screen readers
-//
-// See: https://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;
- 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;
- }
-}
diff --git a/_sass/mdb/core/bootstrap/mixins/_size.scss b/_sass/mdb/core/bootstrap/mixins/_size.scss
deleted file mode 100644
index 69e056d2c1ef..000000000000
--- a/_sass/mdb/core/bootstrap/mixins/_size.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-// Sizing shortcuts
-
-@mixin size($width, $height: $width) {
- width: $width;
- height: $height;
- @include deprecate("`size()`", "v4.3.0", "v5");
-}
diff --git a/_sass/mdb/core/bootstrap/mixins/_table-row.scss b/_sass/mdb/core/bootstrap/mixins/_table-row.scss
deleted file mode 100644
index f8d61869a482..000000000000
--- a/_sass/mdb/core/bootstrap/mixins/_table-row.scss
+++ /dev/null
@@ -1,39 +0,0 @@
-// Tables
-
-@mixin table-row-variant($state, $background, $border: null) {
- // Exact selectors below required to override `.table-striped` and prevent
- // inheritance to nested tables.
- .table-#{$state} {
- &,
- > th,
- > td {
- background-color: $background;
- }
-
- @if $border != null {
- th,
- td,
- thead th,
- tbody + tbody {
- border-color: $border;
- }
- }
- }
-
- // 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/_sass/mdb/core/bootstrap/mixins/_text-emphasis.scss b/_sass/mdb/core/bootstrap/mixins/_text-emphasis.scss
deleted file mode 100644
index 155d6ca8cf2f..000000000000
--- a/_sass/mdb/core/bootstrap/mixins/_text-emphasis.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-// stylelint-disable declaration-no-important
-
-// Typography
-
-@mixin text-emphasis-variant($parent, $color) {
- #{$parent} {
- color: $color !important;
- }
- @if $emphasized-link-hover-darken-percentage != 0 {
- a#{$parent} {
- @include hover-focus {
- color: darken($color, $emphasized-link-hover-darken-percentage) !important;
- }
- }
- }
-}
diff --git a/_sass/mdb/core/bootstrap/mixins/_text-hide.scss b/_sass/mdb/core/bootstrap/mixins/_text-hide.scss
deleted file mode 100644
index 3a923011ec73..000000000000
--- a/_sass/mdb/core/bootstrap/mixins/_text-hide.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-// CSS image replacement
-@mixin text-hide($ignore-warning: false) {
- // 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;
-
- @include deprecate("`text-hide()`", "v4.1.0", "v5", $ignore-warning);
-}
diff --git a/_sass/mdb/core/bootstrap/mixins/_text-truncate.scss b/_sass/mdb/core/bootstrap/mixins/_text-truncate.scss
deleted file mode 100644
index 3504bb1aa5d7..000000000000
--- a/_sass/mdb/core/bootstrap/mixins/_text-truncate.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-// Text truncate
-// Requires inline-block or block for proper styling
-
-@mixin text-truncate() {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
diff --git a/_sass/mdb/core/bootstrap/mixins/_transition.scss b/_sass/mdb/core/bootstrap/mixins/_transition.scss
deleted file mode 100644
index 8ce35a6b836c..000000000000
--- a/_sass/mdb/core/bootstrap/mixins/_transition.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-// stylelint-disable property-blacklist
-@mixin transition($transition...) {
- @if $enable-transitions {
- @if length($transition) == 0 {
- transition: $transition-base;
- } @else {
- transition: $transition;
- }
- }
-
- @if $enable-prefers-reduced-motion-media-query {
- @media (prefers-reduced-motion: reduce) {
- transition: none;
- }
- }
-}
diff --git a/_sass/mdb/core/bootstrap/mixins/_visibility.scss b/_sass/mdb/core/bootstrap/mixins/_visibility.scss
deleted file mode 100644
index f17467311783..000000000000
--- a/_sass/mdb/core/bootstrap/mixins/_visibility.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-// stylelint-disable declaration-no-important
-
-// Visibility
-
-@mixin invisible($visibility) {
- visibility: $visibility !important;
- @include deprecate("`invisible()`", "v4.3.0", "v5");
-}
diff --git a/_sass/mdb/core/bootstrap/utilities/_align.scss b/_sass/mdb/core/bootstrap/utilities/_align.scss
deleted file mode 100644
index 8b7df9f76c2c..000000000000
--- a/_sass/mdb/core/bootstrap/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/_sass/mdb/core/bootstrap/utilities/_background.scss b/_sass/mdb/core/bootstrap/utilities/_background.scss
deleted file mode 100644
index 1f18b2f3f364..000000000000
--- a/_sass/mdb/core/bootstrap/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/_sass/mdb/core/bootstrap/utilities/_borders.scss b/_sass/mdb/core/bootstrap/utilities/_borders.scss
deleted file mode 100644
index 302f6bf8490b..000000000000
--- a/_sass/mdb/core/bootstrap/utilities/_borders.scss
+++ /dev/null
@@ -1,75 +0,0 @@
-// stylelint-disable property-blacklist, 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-sm {
- border-radius: $border-radius-sm !important;
-}
-
-.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-lg {
- border-radius: $border-radius-lg !important;
-}
-
-.rounded-circle {
- border-radius: 50% !important;
-}
-
-.rounded-pill {
- border-radius: $rounded-pill !important;
-}
-
-.rounded-0 {
- border-radius: 0 !important;
-}
diff --git a/_sass/mdb/core/bootstrap/utilities/_clearfix.scss b/_sass/mdb/core/bootstrap/utilities/_clearfix.scss
deleted file mode 100644
index e92522a94d82..000000000000
--- a/_sass/mdb/core/bootstrap/utilities/_clearfix.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.clearfix {
- @include clearfix();
-}
diff --git a/_sass/mdb/core/bootstrap/utilities/_display.scss b/_sass/mdb/core/bootstrap/utilities/_display.scss
deleted file mode 100644
index 130367998fec..000000000000
--- a/_sass/mdb/core/bootstrap/utilities/_display.scss
+++ /dev/null
@@ -1,26 +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);
-
- @each $value in $displays {
- .d#{$infix}-#{$value} { display: $value !important; }
- }
- }
-}
-
-
-//
-// Utilities for toggling `display` in print
-//
-
-@media print {
- @each $value in $displays {
- .d-print-#{$value} { display: $value !important; }
- }
-}
diff --git a/_sass/mdb/core/bootstrap/utilities/_embed.scss b/_sass/mdb/core/bootstrap/utilities/_embed.scss
deleted file mode 100644
index 4497ac0400fb..000000000000
--- a/_sass/mdb/core/bootstrap/utilities/_embed.scss
+++ /dev/null
@@ -1,39 +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;
- }
-}
-
-@each $embed-responsive-aspect-ratio in $embed-responsive-aspect-ratios {
- $embed-responsive-aspect-ratio-x: nth($embed-responsive-aspect-ratio, 1);
- $embed-responsive-aspect-ratio-y: nth($embed-responsive-aspect-ratio, 2);
-
- .embed-responsive-#{$embed-responsive-aspect-ratio-x}by#{$embed-responsive-aspect-ratio-y} {
- &::before {
- padding-top: percentage($embed-responsive-aspect-ratio-y / $embed-responsive-aspect-ratio-x);
- }
- }
-}
diff --git a/_sass/mdb/core/bootstrap/utilities/_flex.scss b/_sass/mdb/core/bootstrap/utilities/_flex.scss
deleted file mode 100644
index 3d4266e0d087..000000000000
--- a/_sass/mdb/core/bootstrap/utilities/_flex.scss
+++ /dev/null
@@ -1,51 +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; }
- .flex#{$infix}-fill { flex: 1 1 auto !important; }
- .flex#{$infix}-grow-0 { flex-grow: 0 !important; }
- .flex#{$infix}-grow-1 { flex-grow: 1 !important; }
- .flex#{$infix}-shrink-0 { flex-shrink: 0 !important; }
- .flex#{$infix}-shrink-1 { flex-shrink: 1 !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/_sass/mdb/core/bootstrap/utilities/_float.scss b/_sass/mdb/core/bootstrap/utilities/_float.scss
deleted file mode 100644
index 54250844ff61..000000000000
--- a/_sass/mdb/core/bootstrap/utilities/_float.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-// stylelint-disable declaration-no-important
-
-@each $breakpoint in map-keys($grid-breakpoints) {
- @include media-breakpoint-up($breakpoint) {
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
- .float#{$infix}-left { float: left !important; }
- .float#{$infix}-right { float: right !important; }
- .float#{$infix}-none { float: none !important; }
- }
-}
diff --git a/_sass/mdb/core/bootstrap/utilities/_overflow.scss b/_sass/mdb/core/bootstrap/utilities/_overflow.scss
deleted file mode 100644
index 8326c30641e6..000000000000
--- a/_sass/mdb/core/bootstrap/utilities/_overflow.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-// stylelint-disable declaration-no-important
-
-@each $value in $overflows {
- .overflow-#{$value} { overflow: $value !important; }
-}
diff --git a/_sass/mdb/core/bootstrap/utilities/_position.scss b/_sass/mdb/core/bootstrap/utilities/_position.scss
deleted file mode 100644
index cdf6c115f3d3..000000000000
--- a/_sass/mdb/core/bootstrap/utilities/_position.scss
+++ /dev/null
@@ -1,32 +0,0 @@
-// stylelint-disable declaration-no-important
-
-// Common values
-@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/_sass/mdb/core/bootstrap/utilities/_screenreaders.scss b/_sass/mdb/core/bootstrap/utilities/_screenreaders.scss
deleted file mode 100644
index 9f26fde03538..000000000000
--- a/_sass/mdb/core/bootstrap/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/_sass/mdb/core/bootstrap/utilities/_shadows.scss b/_sass/mdb/core/bootstrap/utilities/_shadows.scss
deleted file mode 100644
index f5d03fcd59c1..000000000000
--- a/_sass/mdb/core/bootstrap/utilities/_shadows.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-// stylelint-disable declaration-no-important
-
-.shadow-sm { box-shadow: $box-shadow-sm !important; }
-.shadow { box-shadow: $box-shadow !important; }
-.shadow-lg { box-shadow: $box-shadow-lg !important; }
-.shadow-none { box-shadow: none !important; }
diff --git a/_sass/mdb/core/bootstrap/utilities/_sizing.scss b/_sass/mdb/core/bootstrap/utilities/_sizing.scss
deleted file mode 100644
index f3764880228b..000000000000
--- a/_sass/mdb/core/bootstrap/utilities/_sizing.scss
+++ /dev/null
@@ -1,20 +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; }
-
-// Viewport additional helpers
-
-.min-vw-100 { min-width: 100vw !important; }
-.min-vh-100 { min-height: 100vh !important; }
-
-.vw-100 { width: 100vw !important; }
-.vh-100 { height: 100vh !important; }
diff --git a/_sass/mdb/core/bootstrap/utilities/_spacing.scss b/_sass/mdb/core/bootstrap/utilities/_spacing.scss
deleted file mode 100644
index 351136790a48..000000000000
--- a/_sass/mdb/core/bootstrap/utilities/_spacing.scss
+++ /dev/null
@@ -1,73 +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;
- }
- }
- }
-
- // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)
- @each $size, $length in $spacers {
- @if $size != 0 {
- .m#{$infix}-n#{$size} { margin: -$length !important; }
- .mt#{$infix}-n#{$size},
- .my#{$infix}-n#{$size} {
- margin-top: -$length !important;
- }
- .mr#{$infix}-n#{$size},
- .mx#{$infix}-n#{$size} {
- margin-right: -$length !important;
- }
- .mb#{$infix}-n#{$size},
- .my#{$infix}-n#{$size} {
- margin-bottom: -$length !important;
- }
- .ml#{$infix}-n#{$size},
- .mx#{$infix}-n#{$size} {
- margin-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/_sass/mdb/core/bootstrap/utilities/_stretched-link.scss b/_sass/mdb/core/bootstrap/utilities/_stretched-link.scss
deleted file mode 100644
index fb5066bf55dd..000000000000
--- a/_sass/mdb/core/bootstrap/utilities/_stretched-link.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-//
-// Stretched link
-//
-
-.stretched-link {
- &::after {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 1;
- // Just in case `pointer-events: none` is set on a parent
- pointer-events: auto;
- content: "";
- // IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color
- background-color: rgba(0, 0, 0, 0);
- }
-}
diff --git a/_sass/mdb/core/bootstrap/utilities/_text.scss b/_sass/mdb/core/bootstrap/utilities/_text.scss
deleted file mode 100644
index 589e5687a86b..000000000000
--- a/_sass/mdb/core/bootstrap/utilities/_text.scss
+++ /dev/null
@@ -1,72 +0,0 @@
-// stylelint-disable declaration-no-important
-
-//
-// Text
-//
-
-.text-monospace { font-family: $font-family-monospace !important; }
-
-// Alignment
-
-.text-justify { text-align: justify !important; }
-.text-wrap { white-space: normal !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-lighter { font-weight: $font-weight-lighter !important; }
-.font-weight-normal { font-weight: $font-weight-normal !important; }
-.font-weight-bold { font-weight: $font-weight-bold !important; }
-.font-weight-bolder { font-weight: $font-weight-bolder !important; }
-.font-italic { font-style: italic !important; }
-
-// Contextual colors
-
-.text-white { color: $white !important; }
-
-@each $color, $value in $theme-colors {
- @include text-emphasis-variant(".text-#{$color}", $value);
-}
-
-.text-body { color: $body-color !important; }
-.text-muted { color: $text-muted !important; }
-
-.text-black-50 { color: rgba($black, .5) !important; }
-.text-white-50 { color: rgba($white, .5) !important; }
-
-// Misc
-
-.text-hide {
- @include text-hide($ignore-warning: true);
-}
-
-.text-decoration-none { text-decoration: none !important; }
-
-.text-break {
- word-break: break-word !important; // IE & < Edge 18
- overflow-wrap: break-word !important;
-}
-
-// Reset
-
-.text-reset { color: inherit !important; }
diff --git a/_sass/mdb/core/bootstrap/utilities/_visibility.scss b/_sass/mdb/core/bootstrap/utilities/_visibility.scss
deleted file mode 100644
index 7756c3bfacf7..000000000000
--- a/_sass/mdb/core/bootstrap/utilities/_visibility.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-// stylelint-disable declaration-no-important
-
-//
-// Visibility utilities
-//
-
-.visible {
- visibility: visible !important;
-}
-
-.invisible {
- visibility: hidden !important;
-}
diff --git a/_sass/mdb/core/bootstrap/vendor/_rfs.scss b/_sass/mdb/core/bootstrap/vendor/_rfs.scss
deleted file mode 100644
index 497e07eda913..000000000000
--- a/_sass/mdb/core/bootstrap/vendor/_rfs.scss
+++ /dev/null
@@ -1,204 +0,0 @@
-// stylelint-disable property-blacklist, scss/dollar-variable-default
-
-// SCSS RFS mixin
-//
-// Automated font-resizing
-//
-// See https://github.com/twbs/rfs
-
-// Configuration
-
-// Base font size
-$rfs-base-font-size: 1.25rem !default;
-$rfs-font-size-unit: rem !default;
-
-// Breakpoint at where font-size starts decreasing if screen width is smaller
-$rfs-breakpoint: 1200px !default;
-$rfs-breakpoint-unit: px !default;
-
-// Resize font-size 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.";
-}
-
-// 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-responsive-font-sizes to false
-$enable-responsive-font-sizes: true !default;
-
-// Cache $rfs-base-font-size unit
-$rfs-base-font-size-unit: unit($rfs-base-font-size);
-
-// Remove px-unit from $rfs-base-font-size for calculations
-@if $rfs-base-font-size-unit == "px" {
- $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);
-}
-@else if $rfs-base-font-size-unit == "rem" {
- $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 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: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);
-}
-@else if $rfs-breakpoint-unit-cache == "rem" or $rfs-breakpoint-unit-cache == "em" {
- $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);
-}
-
-// Responsive font-size mixin
-@mixin rfs($fs, $important: false) {
- // Cache $fs unit
- $fs-unit: if(type-of($fs) == "number", unit($fs), false);
-
- // Add !important suffix if needed
- $rfs-suffix: if($important, " !important", "");
-
- // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value
- @if not $fs-unit or $fs-unit != "" and $fs-unit != "px" and $fs-unit != "rem" or $fs == 0 {
- font-size: #{$fs}#{$rfs-suffix};
- }
- @else {
- // Variables for storing static and fluid rescaling
- $rfs-static: null;
- $rfs-fluid: null;
-
- // Remove px-unit from $fs for calculations
- @if $fs-unit == "px" {
- $fs: $fs / ($fs * 0 + 1);
- }
- @else if $fs-unit == "rem" {
- $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);
- }
-
- // Set default font-size
- @if $rfs-font-size-unit == rem {
- $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};
- }
- @else if $rfs-font-size-unit == px {
- $rfs-static: #{$fs}px#{$rfs-suffix};
- }
- @else {
- @error "`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.";
- }
-
- // Only add media query if font-size is bigger as the minimum font-size
- // If $rfs-factor == 1, no rescaling will take place
- @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {
- $min-width: null;
- $variable-unit: null;
-
- // Calculate minimum font-size for given font-size
- $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;
-
- // Calculate difference between given font-size and minimum font-size for given font-size
- $fs-diff: $fs - $fs-min;
-
- // Base font-size formatting
- // No need to check if the unit is valid, because we did that before
- $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);
-
- // If two-dimensional, use smallest of screen width and height
- $variable-unit: if($rfs-two-dimensional, vmin, vw);
-
- // Calculate the variable width between 0 and $rfs-breakpoint
- $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};
-
- // Set the calculated font-size.
- $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};
- }
-
- // Rendering
- @if $rfs-fluid == null {
- // Only render static font-size if no fluid font-size is available
- font-size: $rfs-static;
- }
- @else {
- $mq-value: null;
-
- // RFS breakpoint formatting
- @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {
- $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};
- }
- @else if $rfs-breakpoint-unit == px {
- $mq-value: #{$rfs-breakpoint}px;
- }
- @else {
- @error "`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.";
- }
-
- @if $rfs-class == "disable" {
- // Adding an extra class increases specificity,
- // which prevents the media query to override the font size
- &,
- .disable-responsive-font-size &,
- &.disable-responsive-font-size {
- font-size: $rfs-static;
- }
- }
- @else {
- font-size: $rfs-static;
- }
-
- @if $rfs-two-dimensional {
- @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {
- @if $rfs-class == "enable" {
- .enable-responsive-font-size &,
- &.enable-responsive-font-size {
- font-size: $rfs-fluid;
- }
- }
- @else {
- font-size: $rfs-fluid;
- }
-
- @if $rfs-safari-iframe-resize-bug-fix {
- // stylelint-disable-next-line length-zero-no-unit
- min-width: 0vw;
- }
- }
- }
- @else {
- @media (max-width: #{$mq-value}) {
- @if $rfs-class == "enable" {
- .enable-responsive-font-size &,
- &.enable-responsive-font-size {
- font-size: $rfs-fluid;
- }
- }
- @else {
- font-size: $rfs-fluid;
- }
-
- @if $rfs-safari-iframe-resize-bug-fix {
- // stylelint-disable-next-line length-zero-no-unit
- min-width: 0vw;
- }
- }
- }
- }
- }
-}
-
-// The font-size & responsive-font-size mixin uses RFS to rescale font sizes
-@mixin font-size($fs, $important: false) {
- @include rfs($fs, $important);
-}
-
-@mixin responsive-font-size($fs, $important: false) {
- @include rfs($fs, $important);
-}
diff --git a/_sass/mdb/free/_animations-basic.scss b/_sass/mdb/free/_animations-basic.scss
deleted file mode 100755
index 5d445cf8b975..000000000000
--- a/_sass/mdb/free/_animations-basic.scss
+++ /dev/null
@@ -1,207 +0,0 @@
-/*!
- * animate.css -http://daneden.me/animate
- * Version - 3.7.0
- * Licensed under the MIT license - http://opensource.org/licenses/MIT
- *
- * Copyright (c) 2018 Daniel Eden
- */
-.animated {
- animation-duration: 1s;
- animation-fill-mode: both;
- &.infinite {
- animation-iteration-count: infinite;
- }
- &.delay-1s {
- animation-delay: 1s;
- }
- &.delay-2s {
- animation-delay: 2s;
- }
- &.delay-3s {
- animation-delay: 3s;
- }
- &.delay-4s {
- animation-delay: 4s;
- }
- &.delay-5s {
- animation-delay: 5s;
- }
- &.fast {
- animation-duration: 800ms;
- }
- &.faster {
- animation-duration: 500ms;
- }
- &.slow {
- animation-duration: 2s;
- }
- &.slower {
- animation-duration: 3s;
- }
-}
-
-@media (prefers-reduced-motion) {
- .animated {
- animation: unset !important;
- transition: none !important;
- }
-}
-
-@keyframes fadeIn {
- from {
- opacity: 0;
- }
-
- to {
- opacity: 1;
- }
-}
-
-.fadeIn {
- animation-name: fadeIn;
-}
-
-@keyframes fadeInDown {
- from {
- opacity: 0;
- transform: translate3d(0, -100%, 0);
- }
-
- to {
- opacity: 1;
- transform: translate3d(0, 0, 0);
- }
-}
-
-.fadeInDown {
- animation-name: fadeInDown;
-}
-
-@keyframes fadeInLeft {
- from {
- opacity: 0;
- transform: translate3d(-100%, 0, 0);
- }
-
- to {
- opacity: 1;
- transform: translate3d(0, 0, 0);
- }
-}
-
-.fadeInLeft {
- animation-name: fadeInLeft;
-}
-
-
-@keyframes fadeInRight {
- from {
- opacity: 0;
- transform: translate3d(100%, 0, 0);
- }
-
- to {
- opacity: 1;
- transform: translate3d(0, 0, 0);
- }
-}
-
-.fadeInRight {
- animation-name: fadeInRight;
-}
-
-
-@keyframes fadeInUp {
- from {
- opacity: 0;
- transform: translate3d(0, 100%, 0);
- }
-
- to {
- opacity: 1;
- transform: translate3d(0, 0, 0);
- }
-}
-
-.fadeInUp {
- animation-name: fadeInUp;
-}
-
-
-@keyframes fadeOut {
- from {
- opacity: 1;
- }
-
- to {
- opacity: 0;
- }
-}
-
-.fadeOut {
- animation-name: fadeOut;
-}
-
-
-@keyframes fadeOutDown {
- from {
- opacity: 1;
- }
-
- to {
- opacity: 0;
- transform: translate3d(0, 100%, 0);
- }
-}
-
-.fadeOutDown {
- animation-name: fadeOutDown;
-}
-
-
-@keyframes fadeOutLeft {
- from {
- opacity: 1;
- }
-
- to {
- opacity: 0;
- transform: translate3d(-100%, 0, 0);
- }
-}
-
-.fadeOutLeft {
- animation-name: fadeOutLeft;
-}
-
-
-@keyframes fadeOutRight {
- from {
- opacity: 1;
- }
-
- to {
- opacity: 0;
- transform: translate3d(100%, 0, 0);
- }
-}
-
-.fadeOutRight {
- animation-name: fadeOutRight;
-}
-
-
-@keyframes fadeOutUp {
- from {
- opacity: 1;
- }
-
- to {
- opacity: 0;
- transform: translate3d(0, -100%, 0);
- }
-}
-
-.fadeOutUp {
- animation-name: fadeOutUp;
-}
diff --git a/_sass/mdb/free/_badges.scss b/_sass/mdb/free/_badges.scss
deleted file mode 100755
index 43ad465ab1b8..000000000000
--- a/_sass/mdb/free/_badges.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-// Badges
-.badge {
- box-shadow: $z-depth-1;
- border-radius: $border-radius-base;
- color: $white !important;
-}
-.badge-pill {
- border-radius: $badge-pill-border-radius;
- padding-right: $badge-pill-padding-x;
- padding-left: $badge-pill-padding-x;
-}
-@each $name, $color in $basic-mdb-colors {
- @include make-badge($name, $color);
-}
diff --git a/_sass/mdb/free/_buttons.scss b/_sass/mdb/free/_buttons.scss
deleted file mode 100755
index aec2c98f0e50..000000000000
--- a/_sass/mdb/free/_buttons.scss
+++ /dev/null
@@ -1,167 +0,0 @@
-// Buttons
-.btn {
- box-shadow: $z-depth-1;
- @include button-size($btn-padding-y-basic, $btn-padding-x-basic, $btn-font-size-basic);
- transition: $btn-transition;
- margin: $btn-margin-basic;
- border: 0;
- border-radius: $border-radius-base;
- cursor: pointer;
- text-transform: uppercase;
- white-space: normal;
- word-wrap: break-word;
- color: inherit;
- &:hover,
- &:active,
- &:focus {
- box-shadow: $z-depth-1-half;
- outline: 0;
- }
- &:not([disabled]):not(.disabled):active,
- &:not([disabled]):not(.disabled).active {
- box-shadow: $z-depth-1-half;
- }
- .fas, .fab, .far {
- position: relative;
- font-size: $btn-icon-basic;
- &.right {
- margin-left: $btn-icon-margin;
- }
- &.left {
- margin-right: $btn-icon-margin;
- }
- }
- &.btn-lg {
- @include button-size($btn-padding-y-large, $btn-padding-x-large, $btn-font-size-large);
- .fas, .fab, .far {
- font-size: $btn-icon-large;
- }
- }
- &.btn-md {
- @include button-size($btn-padding-y-medium, $btn-padding-x-medium, $btn-font-size-medium);
- .fas, .fab, .far {
- font-size: $btn-icon-medium;
- }
- }
- &.btn-sm {
- @include button-size($btn-padding-y-small, $btn-padding-x-small, $btn-font-size-small);
- .fas, .fab, .far {
- font-size: $btn-icon-small;
- }
- }
- &.btn-tb {
- padding: $btn-tb-padding-y $btn-tb-padding-x;
- }
- &.disabled,
- &:disabled {
- &:active,
- &:focus,
- &:hover {
- box-shadow: $z-depth-1;
- }
- }
- &.btn-block {
- margin: inherit;
- }
- &.btn-link {
- @extend .black-text;
- box-shadow: none;
- background-color: transparent;
- &:active,
- &:focus,
- &:hover {
- box-shadow: none !important;
- background-color: transparent;
- }
- }
- &[class*="btn-outline-"] {
- padding-top: $btn-outline-padding-y-basic;
- padding-bottom: $btn-outline-padding-y-basic;
- &.btn-lg {
- padding-top: $btn-outline-padding-y-large;
- padding-bottom: $btn-outline-padding-y-large;
- }
- &.btn-md {
- padding-top: $btn-outline-padding-y-medium;
- padding-bottom: $btn-outline-padding-y-medium;
- }
- &.btn-sm {
- padding-top: $btn-outline-padding-y-small;
- padding-bottom: $btn-outline-padding-y-small;
- }
- }
-}
-.btn-group {
- .btn {
- margin: 0;
- }
-}
-// Overwrite default button icon size
-.btn,
-.btn-floating {
- .fa-lg {
- font-size: 1.33333em !important;
- }
-
- .fa-xs {
- font-size: .75em !important;
- }
-
- .fa-sm {
- font-size: .875em !important;
- }
-
- .fa-1x {
- font-size: 1em !important;
- }
-
- .fa-2x {
- font-size: 2em !important;
- }
-
- .fa-3x {
- font-size: 3em !important;
- }
-
- .fa-4x {
- font-size: 4em !important;
- }
-
- .fa-5x {
- font-size: 5em !important;
- }
-
- .fa-6x {
- font-size: 6em !important;
- }
-
- .fa-7x {
- font-size: 7em !important;
- }
-
- .fa-8x {
- font-size: 8em !important;
- }
-
- .fa-9x {
- font-size: 9em !important;
- }
-
- .fa-10x {
- font-size: 10em !important;
- }
-}
-@each $btn_name, $color_value in $mdb-colors {
- @include make-button($btn_name, $color_value);
- @include make-outline-button($btn_name, $color_value);
-}
-.btn-warning:not(:disabled):not(.disabled).active,
-.btn-warning:not(:disabled):not(.disabled):active,
-.show>.btn-warning.dropdown-toggle {
- color: $white-base;
-}
-
-// Gradient buttons
-@each $name, $val in $gradients {
- @include make-gradient-button($name, $val);
-}
\ No newline at end of file
diff --git a/_sass/mdb/free/_cards.scss b/_sass/mdb/free/_cards.scss
deleted file mode 100755
index ad7d05e1610f..000000000000
--- a/_sass/mdb/free/_cards.scss
+++ /dev/null
@@ -1,33 +0,0 @@
-// Cards
-.card {
- box-shadow: $z-depth-1;
- border: 0;
- font-weight: 400;
- &[class*="border"] {
- border: 1px solid $grey-base;
- box-shadow: none;
- }
- .card-body {
- h1, h2, h3, h4, h5, h6 {
- font-weight: 400;
- }
- .card-title {
- a {
- transition: $md-card-link-transition;
- &:hover {
- transition: $md-card-link-transition;
- }
- }
- }
- .card-text {
- color: $md-card-text-color;
- font-size: $md-card-font-size;
- font-weight: 400;
- }
- }
- .md-form {
- label {
- font-weight: 300;
- }
- }
-}
diff --git a/_sass/mdb/free/_carousels.scss b/_sass/mdb/free/_carousels.scss
deleted file mode 100755
index f4a66088452a..000000000000
--- a/_sass/mdb/free/_carousels.scss
+++ /dev/null
@@ -1,50 +0,0 @@
-// Carousels
-.carousel {
- .carousel-control-prev-icon,
- .carousel-control-next-icon {
- width: $carousel-control-icon-width;
- height: $carousel-control-icon-height;
- }
- .carousel-control-prev-icon {
- background-image: $carousel-control-prev-icon;
- }
- .carousel-control-next-icon {
- background-image: $carousel-control-next-icon;
- }
- .carousel-indicators {
- li {
- width: $carousel-indicators-width;
- height: $carousel-indicators-height;
- border-radius: $carousel-indicators-border-radius;
- cursor: pointer;
- }
- }
-}
-.carousel-fade {
- .carousel-item {
- opacity: 0;
- transition-duration: $carousel-transition-duration;
- transition-property: opacity;
- }
- .carousel-item.active,
- .carousel-item-next.carousel-item-left,
- .carousel-item-prev.carousel-item-right {
- opacity: 1;
- }
- .carousel-item-left,
- .carousel-item-right {
- &.active {
- opacity: 0;
- }
- }
- .carousel-item-next,
- .carousel-item-prev,
- .carousel-item.active,
- .carousel-item-left.active,
- .carousel-item-prev.active {
- transform: $carousel-item-transform;
- @supports (transform-style: preserve-3d) {
- transform: $carousel-item-transform-2;
- }
- }
-}
diff --git a/_sass/mdb/free/_depreciated.scss b/_sass/mdb/free/_depreciated.scss
deleted file mode 100644
index 6540042bb30b..000000000000
--- a/_sass/mdb/free/_depreciated.scss
+++ /dev/null
@@ -1,2 +0,0 @@
-// These settings will be only for one version
-
diff --git a/_sass/mdb/free/_dropdowns.scss b/_sass/mdb/free/_dropdowns.scss
deleted file mode 100755
index 634f1d12d73c..000000000000
--- a/_sass/mdb/free/_dropdowns.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-// Dropdowns
-.dropdown {
- .dropdown-menu {
- .dropdown-item {
- &:active {
- background-color: $grey-darken-1;
- }
- }
- }
-}
diff --git a/_sass/mdb/free/_footers.scss b/_sass/mdb/free/_footers.scss
deleted file mode 100755
index efd6c5ff00ab..000000000000
--- a/_sass/mdb/free/_footers.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-// Footers
-footer {
- &.page-footer {
- bottom: 0;
- color: $white-base;
- .container-fluid {
- width: auto;
- }
- .footer-copyright {
- overflow: hidden;
- background-color: $footer-copyright-bg-color;
- color: $footer-copyright-color;
- }
- a {
- color: $white-base;
- }
- }
-}
\ No newline at end of file
diff --git a/_sass/mdb/free/_forms.scss b/_sass/mdb/free/_forms.scss
deleted file mode 100755
index ab6c56f03359..000000000000
--- a/_sass/mdb/free/_forms.scss
+++ /dev/null
@@ -1,632 +0,0 @@
-// Forms basic
-// Input + label wrapper styles
-.md-form {
-
- // Text inputs
- input[type=text],
- input[type=password],
- input[type=email],
- input[type=url],
- input[type=time],
- input[type=date],
- input[type=datetime-local],
- input[type=tel],
- input[type=number],
- input[type=search-md],
- input[type=search],
- textarea.md-textarea {
- // General Styles
- transition: $input-transition;
- outline: none;
- box-shadow: none;
- border: none;
- border-bottom: 1px solid $input-border-color;
- border-radius: 0;
- box-sizing: content-box;
- background-color: transparent;
-
- // Focused input style
- &:focus:not([readonly]) {
- box-shadow: 0 1px 0 0 $input-md-focus-color;
- border-bottom: 1px solid $input-md-focus-color;
-
- // Focused label style
- +label {
- color: $input-md-focus-color;
- }
- }
-
- // Form message shared styles
- +label:after {
- content: "";
- position: absolute;
- top: $input-label-after-top;
- display: block;
- opacity: 0;
- transition: $input-label-after-transition;
- }
-
- // Valid input style
- &.valid,
- &:focus.valid {
- border-bottom: 1px solid $input-success-color;
- box-shadow: 0 1px 0 0 $input-success-color;
- }
-
- &.valid+label:after,
- &:focus.valid+label:after {
- content: attr(data-success);
- color: $input-success-color;
- opacity: 1;
- }
-
- // Invalid input style
- &.invalid,
- &:focus.invalid {
- border-bottom: 1px solid $input-error-color;
- box-shadow: 0 1px 0 0 $input-error-color;
- }
-
- &.invalid+label:after,
- &:focus.invalid+label:after {
- content: attr(data-error);
- color: $input-error-color;
- opacity: 1;
- }
-
- &.form-control.valid+label:after,
- &.form-control:focus.valid+label:after {
- top: $input-label-valid-top;
- }
-
- &.form-control.invalid+label:after,
- &.form-control:focus.invalid+label:after {
- top: $input-label-invalid-top;
- }
-
- &.form-control-lg.valid+label:after,
- &.form-control-lg:focus.valid+label:after {
- top: $input-label-valid-top-lg;
- }
-
- &.form-control-lg.invalid+label:after,
- &.form-control-lg:focus.invalid+label:after {
- top: $input-label-invalid-top-lg;
- }
-
- &.form-control-sm.valid+label:after,
- &.form-control-sm:focus.valid+label:after {
- top: $input-label-valid-top-sm;
- }
-
- &.form-control-sm.invalid+label:after,
- &.form-control-sm:focus.invalid+label:after {
- top: $input-label-invalid-top-sm;
- }
- }
-
- >input[type=date]:not(.browser-default)+label {
- transform: translateY(-27px) scale(0.8);
- transform-origin: 0 0;
- }
-
- >input[type]:-webkit-autofill:not(.browser-default):not([type="search"])+label,
- >input[type=time]:not(.browser-default)+label {
- transform: translateY(-25px);
- transform-origin: 0 0;
- font-size: .8rem;
- }
-
- .was-validated {
- input[type=text] {
- &:valid {
- +label {
- color: $input-success-color !important;
- }
- }
-
- &:invalid {
- +label {
- color: $input-error-color !important;
- }
- }
- }
-
- .form-control {
- &:valid:focus {
- box-shadow: 0 1px 0 0 $input-success-color !important;
- }
-
- &:valid {
- border-color: $input-success-color !important;
- }
-
- &:invalid:focus {
- box-shadow: 0 1px 0 0 $input-error-color !important;
- }
-
- &:invalid {
- border-color: $input-error-color !important;
- }
- }
- }
-
- // Input with label
- .form-control {
- margin: 0 0 $input-form-control-margin-bottom 0;
- border-radius: 0;
- padding: $input-form-control-padding-top 0 $input-form-control-padding-bottom 0;
- // background-image: none;
- background-color: transparent;
- height: auto;
-
- &:focus {
- box-shadow: none;
- // background: transparent;
- }
-
- &:disabled,
- &[readonly] {
- border-bottom: 1px solid $grey-lighten-1;
- background-color: transparent;
- }
-
- &.is-valid {
- border-color: $input-success-color;
-
- &:focus {
- border-color: $input-success-color !important;
- box-shadow: 0 1px 0 0 $input-success-color !important;
- }
- }
-
- &.is-invalid {
- border-color: $input-error-color;
-
- &:focus {
- box-shadow: 0 1px 0 0 $input-error-color !important;
- border-color: $input-error-color !important;
- }
- }
-
- &.is-valid,
- &.is-invalid {
- background-position: center right !important;
- }
- }
-
- @include make-input($input-validate-mb, $input-label-font-size, $input-label-active-font-size, $input-prefix-top, $input-prefix-font-size, $input-prefix-margin-left, $input-prefix-width, $input-form-text-ml);
- position: relative;
- margin-top: $input-md-form-margin-top;
- margin-bottom: $input-md-form-margin-bottom;
-
- label {
- position: absolute;
- top: 0;
- left: 0;
- font-size: 1rem;
- transition: transform .2s ease-out, color .2s ease-out;
- transform-origin: 0% 100%;
- transform: translateY(12px);
- cursor: text;
- color: $input-label-color;
-
- &.active {
- transform: translateY(-14px) scale(.8);
- }
- }
-
- .prefix {
- position: absolute;
- transition: $input-prefix-transition;
-
- &.active {
- color: $input-md-focus-color;
- }
- }
-
- &.form-lg {
- @include make-input($input-validate-mb-lg, $input-label-font-size-lg, $input-label-active-font-size-lg, $input-prefix-top-lg, $input-prefix-font-size-lg, $input-prefix-margin-left-lg, $input-prefix-width-lg, $input-form-text-ml-lg);
- }
-
- &.form-sm {
- @include make-input($input-validate-mb-sm, $input-label-font-size-sm, $input-label-active-font-size-sm, $input-prefix-top-sm, $input-prefix-font-size-sm, $input-prefix-margin-left-sm, $input-prefix-width-sm, $input-form-text-ml-sm);
- }
-
- // Textarea
- textarea {
- &.md-textarea {
- overflow-y: hidden;
- padding: $textarea-padding 0;
- resize: none;
- }
-
- &.md-textarea-auto {
- padding: 0;
- padding-top: $textarea-padding;
- }
-
- // Label color for textarea
- // ~label {
- // &.active {
- // color: $input-md-focus-color;
- // }
- // }
- }
-
- &.md-outline {
- position: relative;
- margin-top: 1.5rem;
- margin-bottom: 1.5rem;
-
- input[type=text],
- input[type=password],
- input[type=email],
- input[type=url],
- input[type=time],
- input[type=date],
- input[type=datetime-local],
- input[type=tel],
- input[type=number],
- input[type=search-md],
- input[type=search],
- textarea.md-textarea {
- // General Styles
- transition: all .3s;
- outline: none;
- box-shadow: none;
- border: 1px solid #dadce0;
- border-radius: 4px;
- background-color: transparent;
- box-sizing: border-box;
-
- // Focused input style
- &:focus:not([readonly]) {
- border-color: #4285f4;
- box-shadow: inset 0px 0px 0px 1px #4285f4;
-
- // Focused label style
- +label {
- color: #4285f4;
- }
- }
-
- // Valid input style
- &.valid,
- &:focus.valid {
- border-color: $input-success-color;
- box-shadow: inset 0px 0px 0px 1px $input-success-color;
- }
-
- &:focus:not([readonly]).valid+label,
- &.valid+label:after,
- &:focus.valid+label:after {
- content: attr(data-success);
- color: $input-success-color;
- opacity: 1;
- }
-
- // Invalid input style
- &.invalid,
- &:focus.invalid {
- border-color: $input-error-color;
- box-shadow: inset 0px 0px 0px 1px $input-error-color;
- }
-
- &:focus:not([readonly]).invalid+label,
- &.invalid+label:after,
- &:focus.invalid+label:after {
- content: attr(data-error);
- color: $input-error-color;
- opacity: 1;
- }
-
- &.form-control.valid+label:after,
- &.form-control:focus.valid+label:after {
- top: 2.75rem;
- left: 0;
- position: absolute;
- }
-
- &.form-control.invalid+label:after,
- &.form-control:focus.invalid+label:after {
- top: 2.75rem;
- left: 0;
- position: absolute;
- }
- }
-
- >input[type]:-webkit-autofill:not(.browser-default):not([type="search"])+label,
- >input[type=time]:not(.browser-default)+label {
- transform: translateY(-9px) scale(.8);
- transform-origin: 0 0;
- background: #fff;
- font-weight: 500;
- padding-right: 5px;
- padding-left: 5px;
- font-size: 1rem;
- left: 8px;
- }
-
- >input[type]:-webkit-autofill:not(.browser-default):not([type="search"])+label.active,
- >input[type=time]:not(.browser-default)+label.active {
- transform: translateY(-9px) scale(.8);
- transform-origin: 0 0;
- }
-
- @-webkit-keyframes autofill {
- to {
- color: #495057;
- background: transparent;
- }
- }
-
- @keyframes autofill {
- to {
- color: #495057;
- background: transparent;
- }
- }
-
- input:-webkit-autofill {
- -webkit-animation-name: autofill;
- animation-name: autofill;
- -webkit-animation-fill-mode: both;
- animation-fill-mode: both;
- }
-
- .form-control {
- padding: .375rem .75rem;
- }
-
- label {
- font-size: 1rem;
- position: absolute;
- top: 0;
- left: 0;
- padding-left: 10px;
- transition: transform .2s ease-out, color .2s ease-out;
- transform-origin: 0% 100%;
- transform: translateY(9px);
- cursor: text;
- color: #757575;
-
- &.active {
- transform: translateY(-13px) scale(.8);
- background: #fff;
- font-weight: 500;
- padding-right: 5px;
- padding-left: 5px;
- left: 8px;
- }
- }
-
- &.form-lg {
- .form-control {
- &.form-control-lg {
- padding: .5rem .725rem;
- }
- }
-
- label {
- font-size: 1.25rem;
- transform: translateY(10px);
-
- &.active {
- font-size: 1.1rem;
- transform: translateY(-14px) scale(.8);
- }
- }
-
- .prefix {
- top: .65rem;
- font-size: 25px;
-
- ~input,
- ~textarea {
- margin-left: 2.2rem;
- width: calc(100% - 2.2rem);
- }
-
- ~label {
- margin-left: 2.2rem;
- }
-
- ~.form-text {
- margin-left: 2.3rem;
- }
- }
- }
-
- &.form-sm {
- .form-control {
- &.form-control-sm {
- padding: .25rem .625rem;
- }
- }
-
- label {
- font-size: .8rem;
- transform: translateY(8px);
-
- &.active {
- font-size: .85rem;
- transform: translateY(-12px) scale(.8);
- }
- }
-
- .prefix {
- top: .5rem;
- font-size: 15px;
-
- ~input,
- ~textarea {
- margin-left: 1.6rem;
- width: calc(100% - 1.6rem);
- }
-
- ~label {
- margin-left: 1.6rem;
- }
-
- ~.form-text {
- margin-left: 1.7rem;
- }
- }
- }
-
- .prefix {
- position: absolute;
- transition: color .2s;
-
- &:focus {
- color: #4285f4;
- }
- }
-
- .prefix {
- top: .6rem;
- font-size: 20px;
-
- ~input,
- ~textarea {
- margin-left: 2rem;
- width: calc(100% - 2rem);
- }
-
- ~label {
- margin-left: 2rem;
- }
-
- ~.form-text {
- margin-left: 2.1rem;
- }
- }
-
- .character-counter {
- margin-top: -.5rem;
- }
- }
-
- &.md-bg {
-
- input[type=text],
- input[type=password],
- input[type=email],
- input[type=url],
- input[type=time],
- input[type=date],
- input[type=datetime-local],
- input[type=tel],
- input[type=number],
- input[type=search-md],
- input[type=search],
- textarea.md-textarea {
- &:focus:not([readonly]) {
- box-shadow: none;
- border-bottom: none;
- }
-
- box-sizing: border-box;
- padding: 10px 5px;
- border: 0;
- border-top-left-radius: .3rem;
- border-top-right-radius: .3rem;
- background: #f5f5f5 no-repeat;
- background-image: linear-gradient(to bottom, $input-md-focus-color, $input-md-focus-color),
- linear-gradient(to bottom, $input-border-color, $input-border-color);
- background-size: 0 2px,
- 100% 1px;
- background-position: 50% 100%,
- 50% 100%;
- transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
-
- &:focus {
- background-color: #dcdcdc;
- background-size: 100% 2px, 100% 1px;
- outline: none;
- }
- }
-
- >input[type=date]:not(.browser-default)+label {
- transform: translateY(-12px) scale(0.8);
- transform-origin: 0 0;
- }
-
- >input[type]:-webkit-autofill:not(.browser-default):not([type="search"])+label,
- >input[type=time]:not(.browser-default)+label {
- transform: translateY(-12px);
- transform-origin: 0 0;
- font-size: .8rem;
- }
-
- .form-control {
- padding: 1.1rem .7rem .4rem !important;
- }
-
- label {
- top: 0;
- padding-left: .7rem;
- font-size: 1rem;
- transition: transform .2s ease-out, color .2s ease-out;
- transform-origin: 0% 100%;
- transform: translateY(13px);
-
- &.active {
- transform: translateY(-3px) scale(.8);
- font-weight: 500;
- padding-left: .75rem;
- }
- }
-
- &.form-lg {
-
- label {
- transform: translateY(16px);
-
- &.active {
- transform: translateY(-4px) scale(.8);
- }
- }
- }
-
- &.form-sm {
-
- label {
- transform: translateY(11px);
-
- &.active {
- transform: translateY(-2px) scale(.8);
- }
- }
- }
- }
-}
-
-.md-form .form-control.is-invalid,
-.was-validated .md-form .form-control:invalid {
- padding-right: 0;
-}
-
-.md-form .form-control.is-valid,
-.was-validated .md-form .form-control:valid {
- padding-right: 0;
-}
-
-.needs-validation .md-form label {
- left: .3rem;
-}
-
-// Custom fille input browser support
-@each $lang,
-$text in $custom-mdb-file-text {
- .custom-file-input {
- &:lang(#{$lang}) {
- &~.custom-file-label {
- &::after {
- content: $text;
- }
- }
- }
- }
-}
diff --git a/_sass/mdb/free/_input-group.scss b/_sass/mdb/free/_input-group.scss
deleted file mode 100755
index cdb6fd9f9dd9..000000000000
--- a/_sass/mdb/free/_input-group.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-// Input group
-.md-form {
- &.input-group {
- label {
- top: 0;
- margin-bottom: 0;
- }
- .input-group-text {
- background-color: $input-group-text-bgc;
- &.md-addon {
- border: none;
- background-color: transparent;
- font-weight: 500;
- }
- }
- .form-control {
- margin: 0;
- padding: $input-group-form-control-py $input-group-form-control-px;
- }
- }
-}
diff --git a/_sass/mdb/free/_list-group.scss b/_sass/mdb/free/_list-group.scss
deleted file mode 100755
index f783fc88f310..000000000000
--- a/_sass/mdb/free/_list-group.scss
+++ /dev/null
@@ -1,34 +0,0 @@
-// List group
-.media {
- .media-left {
- padding: $list-group-padding;
-
- img {
- box-shadow: $z-depth-1;
- }
- }
-}
-
-.list-group {
- .list-group-item {
- &:first-child {
- border-top-left-radius: $border-radius-base;
- border-top-right-radius: $border-radius-base;
- }
-
- &:last-child {
- border-bottom-left-radius: $border-radius-base;
- border-bottom-right-radius: $border-radius-base;
- }
- }
-
- a,
- button {
- transition: $list-group-transition;
-
- &:hover {
- transition: $list-group-transition;
- }
- }
-}
-
diff --git a/_sass/mdb/free/_loader.scss b/_sass/mdb/free/_loader.scss
deleted file mode 100644
index 072a7be26893..000000000000
--- a/_sass/mdb/free/_loader.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-// Loader / Spinner
-.fast {
- &.spinner-border {
- animation: spinner-border .4s linear infinite;
- }
- &.spinner-grow {
- animation: spinner-grow .4s linear infinite
- }
-}
diff --git a/_sass/mdb/free/_modals.scss b/_sass/mdb/free/_modals.scss
deleted file mode 100755
index 823aa6fdb704..000000000000
--- a/_sass/mdb/free/_modals.scss
+++ /dev/null
@@ -1,287 +0,0 @@
-// Modals
-// Styles for body
-body {
- &.modal-open {
- overflow: auto;
- padding-right: 0 !important;
- }
- &.scrollable {
- overflow-y: auto;
- }
-}
-
-// *** ENHANCED BOOTSTRAP MODALS ***///
-// General styles
-.modal-dialog {
- .modal-content {
- box-shadow: $z-depth-1-half;
- border: 0;
- border-radius: $border-radius-base;
- .modal-header {
- border-top-left-radius: $border-radius-base;
- border-top-right-radius: $border-radius-base;
- }
- }
- // Cascading modals
- &.cascading-modal {
- margin-top: 10%;
- .close {
- opacity: 1;
- text-shadow: none;
- color: $white-base;
- outline: 0;
- }
- // Cascading header
- .modal-header {
- box-shadow: $z-depth-1-half;
- margin: $cascading-modal-margin-top $cascading-modal-margin-right $cascading-modal-margin-bottom $cascading-modal-margin-left;
- border: none;
- border-radius: $border-radius-base;
- padding: $cascading-modal-padding;
- text-align: center;
- .close {
- margin-right: $cascading-modal-close-margin-right;
- }
- .title {
- margin-bottom: 0;
- width: 100%;
- font-size: $cascading-modal-font-size;
- .fas, .fab, .far {
- margin-right: $cascading-modal-fa-margin-right;
- }
- }
- .social-buttons {
- margin-top: $cascading-modal-social-margin-top;
- a {
- font-size: $cascading-modal-a-font-size;
- }
- }
- }
- // Cascading tabs nav
- .modal-c-tabs {
- .md-tabs {
- box-shadow: $z-depth-1;
- margin: $cascading-modal-tabs-margin-top $cascading-modal-tabs-margin-x 0 $cascading-modal-tabs-margin-x;
- display: flex;
- li {
- flex: 1;
- a {
- text-align: center;
- }
- }
- }
- .tab-content {
- padding: $cascading-modal-tabs-padding-top 0 0 0;
- }
- //.md-tabs {
- // border-radius: $md-card-border-radius;
- // .nav-item {
- // .nav-link {
- // border-radius: $md-card-border-radius;
- // background-color: inherit;
- // color: $white-base;
- // }
- // }
- //}
- }
- // Footer customization
- .modal-body,
- .modal-footer {
- padding-left: $modal-body-padding-left;
- padding-right: $modal-body-padding-right;
- color: $grey-darken-2;
- .additional-option {
- margin-top: $modal-body-margin-top;
- text-align: center;
- }
- }
- // Cascading avatar
- &.modal-avatar {
- margin-top: $modal-avatar-margin-top;
- .modal-header {
- box-shadow: none;
- @extend .img-fluid;
- margin: $modal-avatar-header-margin-top 0 $modal-avatar-header-margin-bottom;
- img {
- width: $modal-avatar-img-width;
- box-shadow: $z-depth-2;
- margin-left: auto;
- margin-right: auto;
- }
- }
- }
- }
- // Modal notify
- &.modal-notify {
- .heading {
- margin: 0;
- padding: $modal-notify-heading-padding;
- font-size: $modal-notify-font-size;
- color: $white-base;
- }
- .modal-header {
- box-shadow: $z-depth-1;
- border: 0;
- }
- .close {
- opacity: 1;
- }
- .modal-body {
- padding: $modal-notify-body-padding;
- color: $grey-darken-2;
- }
- @each $name, $color in $basic {
- &.modal-#{$name} {
- .modal-header {
- background-color: $color;
- }
- .fas, .fab, .far {
- color: $color;
- }
- .badge {
- background-color: $color;
- }
- .btn {
- .fas, .fab, .far {
- color: #fff;
- }
- &.btn-outline-#{$name} {
- .fas, .fab, .far {
- color: $color;
- }
- }
- }
- }
- }
- }
-}
-
-// Position & Size
-.modal {
- padding-right: 0 !important;
- .modal-dialog {
- @media (min-width: 768px) {
- &.modal-top {
- top: 0;
- }
- &.modal-left {
- left: 0;
- }
- &.modal-right {
- right: 0;
- }
- &.modal-bottom {
- bottom: 0;
- }
- &.modal-top-left {
- top: $modal-distance;
- left: $modal-distance;
- }
- &.modal-top-right {
- top: $modal-distance;
- right: $modal-distance;
- }
- &.modal-bottom-left {
- bottom: $modal-distance;
- left: $modal-distance;
- }
- &.modal-bottom-right {
- bottom: $modal-distance;
- right: $modal-distance;
- }
- }
- }
- &.fade {
- &.top:not(.show) .modal-dialog {
- transform: $modal-fade-top-transform;
- }
- &.left:not(.show) .modal-dialog {
- transform: $modal-fade-left-transform;
- }
- &.right:not(.show) .modal-dialog {
- transform: $modal-fade-right-transform;
- }
- &.bottom:not(.show) .modal-dialog {
- transform: $modal-fade-bottom-transform;
- }
- }
- @media (min-width: $medium-screen) {
- &.modal-scrolling {
- position: relative;
- .modal-dialog {
- position: fixed;
- z-index: 1050;
- }
- }
- &.modal-content-clickable {
- top: auto;
- bottom: auto;
- .modal-dialog {
- position: fixed;
- }
- }
- .modal-fluid {
- width: 100%;
- max-width: 100%;
- .modal-content {
- width: 100%;
- }
- }
- .modal-frame {
- position: absolute;
- margin: 0 !important;
- width: 100%;
- max-width: 100% !important;
- &.modal-bottom {
- bottom: 0;
- }
- }
- .modal-full-height {
- position: absolute;
- display: flex;
- margin: 0;
- width: $modal-width;
- min-height: 100%;
- height: auto;
- min-height: 100%;
- top: 0;
- right: 0;
- &.modal-top,
- &.modal-bottom {
- display: block;
- width: 100%;
- max-width: 100%;
- height: auto;
- }
- &.modal-top {
- bottom: auto;
- }
- &.modal-bottom {
- min-height: 0;
- top: auto;
- }
- .modal-content {
- width: 100%;
- }
- &.modal-lg {
- width: 90%;
- max-width: 90%;
- @media (min-width: $medium-screen) {
- width: $modal-full-height-medium-screen;
- max-width: $modal-full-height-medium-screen;
- }
- @media (min-width: $large-screen) {
- width: $modal-full-height-large-screen;
- max-width: $modal-full-height-large-screen;
- }
- }
- }
- .modal-side {
- position: absolute;
- bottom: $modal-distance;
- right: $modal-distance;
- margin: 0;
- width: $modal-width;
- }
- }
-}
diff --git a/_sass/mdb/free/_msc.scss b/_sass/mdb/free/_msc.scss
deleted file mode 100755
index 0a3d18f51fe6..000000000000
--- a/_sass/mdb/free/_msc.scss
+++ /dev/null
@@ -1,146 +0,0 @@
-// Miscellaneous
-// Edge Headers
-.edge-header {
- display: block;
- height: $edge-header-height;
- background-color: $edge-header-background-color;
-}
-
-.free-bird {
- margin-top: $edge-header-margin-top;
-}
-
-// Additional gradients
-.juicy-peach-gradient {
- background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%);
-}
-
-.young-passion-gradient {
- background-image: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);
-}
-
-.lady-lips-gradient {
- background-image: linear-gradient(to top, #ff9a9e 0%, #fecfef 99%, #fecfef 100%);
-}
-
-.sunny-morning-gradient {
- background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
-}
-
-.rainy-ashville-gradient {
- background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%);
-}
-
-.frozen-dreams-gradient {
- background-image: linear-gradient(to top, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%);
-}
-
-.warm-flame-gradient {
- background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);
-}
-
-.night-fade-gradient {
- background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%);
-}
-
-.spring-warmth-gradient {
- background-image: linear-gradient(to top, #fad0c4 0%, #ffd1ff 100%);
-}
-
-.winter-neva-gradient {
- background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
-}
-
-.dusty-grass-gradient {
- background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);
-}
-
-.tempting-azure-gradient {
- background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
-}
-
-.heavy-rain-gradient {
- background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
-}
-
-.amy-crisp-gradient {
- background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%);
-}
-
-.mean-fruit-gradient {
- background-image: linear-gradient(120deg, #fccb90 0%, #d57eeb 100%);
-}
-
-.deep-blue-gradient {
- background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);
-}
-
-.ripe-malinka-gradient {
- background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);
-}
-
-.cloudy-knoxville-gradient {
- background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
-}
-
-.morpheus-den-gradient {
- background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
-}
-
-.rare-wind-gradient {
- background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);
-}
-
-.near-moon-gradient {
- background-image: linear-gradient(to top, #5ee7df 0%, #b490ca 100%);
-}
-
-.schedule-list {
- .hr-bold {
- border-top: 2px solid #212529;
- }
-
- .font-smaller {
- font-size: .8rem;
- }
-}
-
-.note {
- padding: 10px;
- border-left: 6px solid;
- border-radius: 5px;
- strong {
- font-weight: 600;
- }
- p {
- font-weight: 500;
- }
- &.note-primary {
- background-color: #dfeefd;
- border-color: #176ac4;
- }
- &.note-secondary {
- background-color: #e2e3e5;
- border-color: #58595a;
- }
- &.note-success {
- background-color: #e2f0e5;
- border-color: #49a75f;
- }
- &.note-danger {
- background-color: #fae7e8;
- border-color: #e45460;
- }
- &.note-warning {
- background-color: #faf4e0;
- border-color: #c2a442;
- }
- &.note-info {
- background-color: #e4f2f5;
- border-color: #2492a5;
- }
- &.note-light {
- background-color: #fefefe;
- border-color: #0f0f0f;
- }
-}
diff --git a/_sass/mdb/free/_navbars.scss b/_sass/mdb/free/_navbars.scss
deleted file mode 100755
index d9751c30f56a..000000000000
--- a/_sass/mdb/free/_navbars.scss
+++ /dev/null
@@ -1,109 +0,0 @@
-// Navbars
-.navbar {
- box-shadow: $z-depth-1;
- font-weight: $navbar-font-weight;
- form {
- .md-form {
- input {
- margin: 0 $navbar-form-input-mr $navbar-form-input-mb $navbar-form-input-ml;
- }
- }
- }
- .breadcrumb {
- margin: 0;
- padding: $navbar-breadcrumb-padding-top 0 0 $navbar-breadcrumb-padding-left;
- background-color: inherit;
- font-size: $navbar-double-font-size;
- font-weight: $navbar-font-weight;
- .breadcrumb-item {
- color: $white-base;
- &.active {
- color: $navbar-breadcrumb-color;
- }
- &:before {
- color: $navbar-breadcrumb-color;
- }
- }
- }
- .navbar-toggler {
- outline: 0;
- border-width: 0;
- }
- .nav-flex-icons {
- flex-direction: row;
- }
- .container {
- @media (max-width: $medium-screen) {
- width: 100%;
- .navbar-toggler-right {
- right: 0;
- }
- }
- }
- .nav-item {
- .nav-link {
- display: block;
- &.disabled {
- &:active {
- pointer-events: none;
- }
- }
- .fas, .fab, .far {
- padding-right: $navbar-flex-icons-padding-lg;
- padding-left: $navbar-flex-icons-padding-lg;
- }
- @media (max-width: $medium-screen) {
- padding-right: $navbar-flex-icons-padding-md;
- padding-left: $navbar-flex-icons-padding-md;
- }
- }
- }
- .dropdown-menu {
- position: absolute !important;
- margin-top: 0;
- a {
- padding: $navbar-dropdown-menu-padding;
- font-size: $navbar-dropdown-font-size;
- font-weight: $navbar-font-weight;
- color: $black;
- }
- form {
- @media (max-width: $small-screen) {
- width: 17rem;
- }
- @media (min-width: $small-screen) {
- width: 22rem;
- }
- }
- }
- &.navbar-light {
- @include make-navbar($navbar-light-disabled-color, $navbar-light-toggler-icon, $black, $navbar-light-hover-color, $navbar-light-bg-active-color);
- }
- &.navbar-dark {
- @include make-navbar($navbar-dark-disabled-color, $navbar-dark-toggler-icon, $white, $navbar-dark-hover-color, $navbar-dark-bg-active-color);
- }
- &.scrolling-navbar {
- @media (min-width: $small-screen) {
- transition: $navbar-scrolling-transition;
- padding-top: $navbar-scrolling-padding;
- padding-bottom: $navbar-scrolling-padding;
- .navbar-nav > li {
- transition-duration: $navbar-scrolling-transition-duration;
- }
- &.top-nav-collapse {
- padding-top: $navbar-top-collapse-padding;
- padding-bottom: $navbar-top-collapse-padding;
- }
- }
- }
- &.fixed-top,
- &.sticky-top {
- .navbar-collapse {
- @media (min-width: 400px) and (max-width: 767px), (min-width: 800px) and (max-width: 850px) {
- max-height: 340px;
- overflow-x: hidden;
- overflow-y: auto;
- }
- }
- }
-}
diff --git a/_sass/mdb/free/_pagination.scss b/_sass/mdb/free/_pagination.scss
deleted file mode 100755
index 5baae7f85269..000000000000
--- a/_sass/mdb/free/_pagination.scss
+++ /dev/null
@@ -1,84 +0,0 @@
-// Pagination
-.pagination {
- .page-item {
- &.active {
- .page-link {
- box-shadow: $z-depth-1;
- transition: $pagination-active-transition;
- border-radius: $border-radius-base;
- background-color: $primary-color;
- color: $white-base;
- &:hover {
- background-color: $primary-color;
- }
- }
- }
- &.disabled {
- .page-link {
- color: $pagination-page-item-disabled-color;
- }
- }
- .page-link {
- transition: $pagination-page-link-transition;
- outline: 0;
- border: 0;
- background-color: transparent;
- font-size: $pagination-page-link-font-size;
- color: $pagination-page-link-color;
- &:hover {
- transition: $pagination-page-link-transition;
- border-radius: $border-radius-base;
- background-color: $pagination-page-link-hover-bg-color;
- }
- &:focus {
- background-color: transparent;
- box-shadow: none;
- }
- }
- }
- &.pagination-lg {
- .page-item {
- .page-link {
- font-size: $pagination-page-link-font-size-lg;
- }
- }
- }
- &.pagination-sm {
- .page-item {
- .page-link {
- font-size: $pagination-page-link-font-size-sm;
- }
- }
- }
- &.pagination-circle {
- .page-item {
- .page-link {
- margin-left: $pagination-circle-margin-x;
- margin-right: $pagination-circle-margin-x;
- border-radius: $pagination-circle-border-radius;
- &:hover {
- border-radius: $pagination-circle-border-radius;
- }
- }
- &.active {
- .page-link {
- border-radius: $pagination-circle-border-radius;
- }
- }
- }
- }
- @each $name, $color in $pagination-colors {
- &.pg-#{$name} {
- .page-item {
- &.active {
- .page-link {
- background-color: $color;
- &:hover {
- background-color: $color;
- }
- }
- }
- }
- }
- }
-}
diff --git a/_sass/mdb/free/_steppers.scss b/_sass/mdb/free/_steppers.scss
deleted file mode 100644
index 336cef5dda82..000000000000
--- a/_sass/mdb/free/_steppers.scss
+++ /dev/null
@@ -1,189 +0,0 @@
-// Steppers
-ul.stepper {
- counter-reset: section;
- overflow-y: auto;
- overflow-x: hidden;
- margin: 1em -1.5rem;
- padding: 0 1.5rem;
- padding: 1.5rem;
-
- li {
- a {
- padding: $stepper-li-a-padding;
- text-align: center;
-
- .circle {
- display: inline-block;
- color: $stepper-li-a-circle-color;
- border-radius: $stepper-li-a-circle-border-radius;
- background: $stepper-li-a-circle-bg;
- width: 1.75rem;
- height: 1.75rem;
- text-align: center;
- line-height: 1.7rem;
- margin-right: $stepper-li-a-circle-mr;
- }
-
- .label {
- display: inline-block;
- color: $stepper-li-a-circle-bg;
- }
- }
-
- &.active,
- &.completed {
- a {
- .circle {
- @extend .primary-color;
- }
-
- .label {
- font-weight: 600;
- color: $stepper-li-a-label-color;
- }
- }
- }
-
- &.warning {
- a {
- .circle {
- @extend .danger-color;
- }
- }
- }
- }
-}
-
-// Horizontal
-.stepper-horizontal {
- position: relative;
- display: flex;
- justify-content: space-between;
-
- li {
- transition: $stepper-horizontal-li-transition;
- display: flex;
- align-items: center;
- flex: 1;
- position: relative;
-
- a {
- .label {
- margin-top: $stepper-horizontal-li-a-label-mt;
- }
- }
-
- &:not(:last-child):after {
- content: "";
- position: relative;
- flex: 1;
- margin: $stepper-horizontal-li-after-margin 0 0 0;
- height: $stepper-horizontal-li-after-height;
- background-color: $stepper-horizontal-li-after-bgc;
- }
-
- &:not(:first-child):before {
- content: "";
- position: relative;
- flex: 1;
- margin: $stepper-horizontal-li-after-margin 0 0 0;
- height: $stepper-horizontal-li-after-height;
- background-color: $stepper-horizontal-li-after-bgc;
- }
-
- &:hover {
- background-color: rgba(0, 0, 0, .06);
- }
- }
-
- @media (max-width: $stepper-horizontal-breakpoint) {
- flex-direction: column;
-
- li {
- align-items: flex-start;
- flex-direction: column;
-
- a {
- .label {
- flex-flow: column nowrap;
- order: 2;
- margin-top: $stepper-horizontal-small-li-a-label-mt;
- }
- }
-
- &:not(:last-child):after {
- content: "";
- position: absolute;
- width: $stepper-horizontal-small-li-after-width;
- height: $stepper-horizontal-small-li-after-height;
- left: $stepper-horizontal-small-li-after-left;
- top: $stepper-horizontal-small-li-after-top;
- }
- }
- }
-
- >li:not(:last-of-type) {
- margin-bottom: 0 !important;
- }
-}
-
-// Vertical
-.stepper-vertical {
- position: relative;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
-
- li {
- display: flex;
- align-items: flex-start;
- flex: 1;
- flex-direction: column;
- position: relative;
-
- a {
- align-self: flex-start;
- display: flex;
- position: relative;
-
- .circle {
- order: 1;
- }
-
- .label {
- flex-flow: column nowrap;
- order: 2;
- margin-top: $stepper-vertical-li-a-label-mt;
- }
- }
-
- &.completed {
- a {
- .label {
- font-weight: 500;
- }
- }
- }
-
- .step-content {
- display: block;
- margin-top: 0;
- margin-left: $stepper-vertical-li-step-content-ml;
- padding: $stepper-vertical-li-step-content-padding;
-
- p {
- font-size: $stepper-vertical-li-step-content-p-font-size;
- }
- }
-
- &:not(:last-child):after {
- content: "";
- position: absolute;
- width: $stepper-vertical-li-after-width;
- height: $stepper-vertical-li-after-height;
- left: $stepper-vertical-li-after-left;
- top: $stepper-vertical-li-after-top;
- background-color: $stepper-vertical-li-after-bgc;
- }
- }
-}
diff --git a/_sass/mdb/free/_switch.scss b/_sass/mdb/free/_switch.scss
deleted file mode 100644
index 7fe02356f85e..000000000000
--- a/_sass/mdb/free/_switch.scss
+++ /dev/null
@@ -1,51 +0,0 @@
-// Switch free
-.bs-switch {
- position: relative;
- display: inline-block;
- width: 60px;
- height: 34px;
- input {
- display: none;
- &:checked {
- + .slider {
- background-color: #2196F3;
- &:before {
- transform: translateX(26px);
- }
- }
- }
- &:focus {
- + .slider {
- box-shadow: 0 0 1px #2196F3;
- }
- }
- }
- .slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background-color: #ccc;
- -webkit-transition: .4s;
- transition: .4s;
- &:before {
- position: absolute;
- content: "";
- height: 26px;
- width: 26px;
- left: 4px;
- bottom: 4px;
- background-color: white;
- -webkit-transition: .4s;
- transition: .4s;
- }
- &.round {
- border-radius: 34px;
- &:before {
- border-radius: 50%;
- }
- }
- }
-}
diff --git a/_sass/mdb/free/_tables.scss b/_sass/mdb/free/_tables.scss
deleted file mode 100755
index 6b6fdae27034..000000000000
--- a/_sass/mdb/free/_tables.scss
+++ /dev/null
@@ -1,78 +0,0 @@
-// Tables
-table {
- th {
- font-size: $table-th-font-size;
- font-weight: 400;
- }
- td {
- font-size: $table-td-font-size;
- font-weight: 300;
- }
- &.table {
- thead th {
- border-top: none;
- }
- th,
- td {
- padding-top: $table-th-padding-top;
- padding-bottom: $table-td-padding-bottom;
- }
- a {
- margin: 0;
- color: $table-a-color;
- // &.btn {
- // color: inherit;
- // }
- }
- .label-table {
- margin: 0;
- padding: 0;
- line-height: $table-label-height;
- height: $table-label-line-height;
- }
- &.btn-table {
- td {
- vertical-align: middle;
- }
- }
- }
- &.table-hover {
- tbody {
- tr {
- &:hover {
- transition: $table-hover-transition;
- background-color: $table-hover-background-color;
- }
- }
- }
- }
- .th-lg {
- min-width: $table-th-lg-min-width;
- }
- .th-sm {
- min-width: $table-th-sm-min-width;
- }
- &.table-sm {
- th,
- td {
- padding-top: $table-sm-padding-y;
- padding-bottom: $table-sm-padding-y;
- }
- }
-}
-.table-scroll-vertical {
- max-height: $table-scroll-vertical-max-height;
- overflow-y: auto;
-}
-.table-fixed {
- table-layout: fixed;
-}
-.table-responsive,
-.table-responsive-sm,
-.table-responsive-md,
-.table-responsive-lg,
-.table-responsive-xl {
- > .table-bordered {
- border-top: 1px solid #dee2e6;
- }
-}
diff --git a/_sass/mdb/free/_treeview.scss b/_sass/mdb/free/_treeview.scss
deleted file mode 100644
index 4b0472bb572a..000000000000
--- a/_sass/mdb/free/_treeview.scss
+++ /dev/null
@@ -1,229 +0,0 @@
-// Treeview
-.treeview {
- &.w-20 {
- width: 20rem;
- }
- .rotate {
- cursor: pointer;
- user-select: none;
- transition: all .1s linear;
- font-size: .8rem;
- vertical-align: text-top;
- margin-top: .2rem;
- &.down {
- transform: rotate(90deg);
- }
- }
- .nested {
- display: none;
- }
- .active {
- display: block;
- }
- ul {
- list-style-type: none;
- }
- .ic-w {
- width: 1.3rem;
- }
-}
-
-.treeview-animated {
- &.w-20 {
- width: 20rem;
- }
- ul {
- position: relative;
- list-style: none;
- padding-left: 1em;
- }
-
- .treeview-animated-list {
- li {
- padding: 0.2em 0 0 0.2em;
- }
-
- .treeview-animated-items {
-
- .nested {
- &::before {
- content: "";
- display: block;
- position: absolute;
- background-color: grey;
- left: 5px;
- width: 5px;
- height: 100%;
- }
- }
-
- .closed {
- display: block;
- padding: 0.2em 0.2em 0.2em 0.4em;
- margin-right: 0;
- border-top-left-radius: 0.3em;
- border-bottom-left-radius: 0.3em;
-
- &:hover {
- background-color: rgb(140, 185, 255);
- }
-
- .fa-angle-right {
- transition: all .1s linear;
- font-size: .8rem;
-
- &.down {
- position: relative;
- color: #f8f9fa;
- transform: rotate(90deg);
- }
- }
- }
-
- .open {
- transition: all .1s linear;
- background-color: rgb(50, 160, 255);
-
- &:hover {
- color: #f8f9fa;
- background-color: rgb(50, 160, 255);
- }
-
- span {
- color: #f8f9fa;
- }
- }
- }
-
- .treeview-animated-element {
- padding: 0.2em 0.2em 0.2em 0.6em;
- cursor: pointer;
- transition: all .1s linear;
- border-bottom-left-radius: 4px;
- border-top-left-radius: 4px;
-
- &:hover {
- background-color: rgb(140, 185, 255);
- }
-
- &.opened {
- color: #f8f9fa;
- background-color: rgb(50, 160, 255);
-
- &:hover {
- color: #f8f9fa;
- background-color: rgb(50, 160, 255);
- }
- }
- }
- }
-}
-
-.treeview-colorful {
- font-size: 16px;
- font-weight: 400;
- background: rgba(224, 127, 178, 0.2);
-
- &.w-20 {
- width: 20rem;
- }
-
- hr {
- border-color: #a2127a;
- }
-
- h6 {
- font-size: 1.4em;
- font-weight: 500;
- color: #a2127a;
- }
-
- ul {
- position: relative;
- list-style: none;
- padding-left: 0;
- }
-
- .treeview-colorful-list {
-
- ul {
- padding-left: 1em;
- margin-top: 0.1em;
- background: rgba(224, 127, 178, 0.2);
- }
- }
-
- .treeview-colorful-element {
- padding: 0.2em 0.2em 0.2em 1em;
- cursor: pointer;
- transition: all .1s linear;
- border: 2px solid transparent;
- border-right: 0px solid transparent;
-
- &:hover {
- background-color: #e07fb2;
- }
-
- &.opened {
- color: #ffac47;
- border: 2px solid #ffac47;
- border-right: 0px solid transparent;
- background-color: #a2127a;
-
- &:hover {
- color: #ffac47;
- background-color: #a2127a;
- }
- }
-
- }
- .treeview-colorful-items-header {
- display: block;
- padding: 0.4em;
- margin-right: 0;
- border-bottom: 2px solid transparent;
- transition: all .1s linear;
-
- &:hover {
- background-color: #e07fb2
- }
-
- &.open {
- transition: all .1s linear;
- background-color: #a2127a;
- border-bottom: 2px solid #ffac47;
-
- span {
- color: #ffac47;
- }
-
- &:hover {
- color: #ffac47;
- background-color: #a2127a;
- }
-
- div:hover {
- background-color: #a2127a;
- }
- }
-
- .fa-angle-right {
- transition: all .2s linear;
- font-size: .8rem;
- }
-
- .fas {
- position: relative;
- transition: all .2s linear;
- transform: rotate(90deg);
- color: #ffac47;
- }
-
- .fa-minus-circle {
- transition: all .2s linear;
- position: relative;
- color: #ffac47;
- transform: rotate(180deg);
- }
- }
-}
diff --git a/_sass/mdb/free/modules/animations-extended/_module.scss b/_sass/mdb/free/modules/animations-extended/_module.scss
deleted file mode 100644
index 65703a993571..000000000000
--- a/_sass/mdb/free/modules/animations-extended/_module.scss
+++ /dev/null
@@ -1,1481 +0,0 @@
-/*!
- * animate.css -http://daneden.me/animate
- * Version - 3.7.0
- * Licensed under the MIT license - http://opensource.org/licenses/MIT
- *
- * Copyright (c) 2018 Daniel Eden
- */
-
-@keyframes bounce {
- from,
- 20%,
- 53%,
- 80%,
- to {
- transform: translate3d(0, 0, 0);
- animation-timing-function: cubic-bezier(.215, .61, .355, 1);
- }
-
- 40%,
- 43% {
- transform: translate3d(0, -30px, 0);
- animation-timing-function: cubic-bezier(.755, .05, .855, .06);
- }
-
- 70% {
- transform: translate3d(0, -15px, 0);
- animation-timing-function: cubic-bezier(.755, .05, .855, .06);
- }
-
- 90% {
- transform: translate3d(0, -4px, 0);
- }
-}
-
-.bounce {
- transform-origin: center bottom;
- animation-name: bounce;
-}
-
-@keyframes flash {
- from,
- 50%,
- to {
- opacity: 1;
- }
-
- 25%,
- 75% {
- opacity: 0;
- }
-}
-
-.flash {
- animation-name: flash;
-}
-
-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
-
-@keyframes pulse {
- from {
- transform: scale3d(1, 1, 1);
- }
-
- 50% {
- transform: scale3d(1.05, 1.05, 1.05);
- }
-
- to {
- transform: scale3d(1, 1, 1);
- }
-}
-
-.pulse {
- animation-name: pulse;
-}
-
-@keyframes rubberBand {
- from {
- transform: scale3d(1, 1, 1);
- }
-
- 30% {
- transform: scale3d(1.25, .75, 1);
- }
-
- 40% {
- transform: scale3d(.75, 1.25, 1);
- }
-
- 50% {
- transform: scale3d(1.15, .85, 1);
- }
-
- 65% {
- transform: scale3d(.95, 1.05, 1);
- }
-
- 75% {
- transform: scale3d(1.05, .95, 1);
- }
-
- to {
- transform: scale3d(1, 1, 1);
- }
-}
-
-.rubberBand {
- animation-name: rubberBand;
-}
-
-@keyframes shake {
- from,
- to {
- transform: translate3d(0, 0, 0);
- }
-
- 10%,
- 30%,
- 50%,
- 70%,
- 90% {
- transform: translate3d(-10px, 0, 0);
- }
-
- 20%,
- 40%,
- 60%,
- 80% {
- transform: translate3d(10px, 0, 0);
- }
-}
-
-.shake {
- animation-name: shake;
-}
-
-@keyframes headShake {
- 0% {
- transform: translateX(0);
- }
-
- 6.5% {
- transform: translateX(-6px) rotateY(-9deg);
- }
-
- 18.5% {
- transform: translateX(5px) rotateY(7deg);
- }
-
- 31.5% {
- transform: translateX(-3px) rotateY(-5deg);
- }
-
- 43.5% {
- transform: translateX(2px) rotateY(3deg);
- }
-
- 50% {
- transform: translateX(0);
- }
-}
-
-.headShake {
- animation-name: headShake;
- animation-timing-function: ease-in-out;
-}
-
-@keyframes swing {
- 20% {
- transform: rotate3d(0, 0, 1, 15deg);
- }
-
- 40% {
- transform: rotate3d(0, 0, 1, -10deg);
- }
-
- 60% {
- transform: rotate3d(0, 0, 1, 5deg);
- }
-
- 80% {
- transform: rotate3d(0, 0, 1, -5deg);
- }
-
- to {
- transform: rotate3d(0, 0, 1, 0deg);
- }
-}
-
-.swing {
- transform-origin: top center;
- animation-name: swing;
-}
-
-@keyframes tada {
- from {
- transform: scale3d(1, 1, 1);
- }
-
- 10%,
- 20% {
- transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
- }
-
- 30%,
- 50%,
- 70%,
- 90% {
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
- }
-
- 40%,
- 60%,
- 80% {
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
- }
-
- to {
- transform: scale3d(1, 1, 1);
- }
-}
-
-.tada {
- animation-name: tada;
-}
-
-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
-
-@keyframes wobble {
- from {
- transform: translate3d(0, 0, 0);
- }
-
- 15% {
- transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
- }
-
- 30% {
- transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
- }
-
- 45% {
- transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
- }
-
- 60% {
- transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
- }
-
- 75% {
- transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
- }
-
- to {
- transform: translate3d(0, 0, 0);
- }
-}
-
-.wobble {
- animation-name: wobble;
-}
-
-@keyframes jello {
- from,
- 11.1%,
- to {
- transform: translate3d(0, 0, 0);
- }
-
- 22.2% {
- transform: skewX(-12.5deg) skewY(-12.5deg);
- }
-
- 33.3% {
- transform: skewX(6.25deg) skewY(6.25deg);
- }
-
- 44.4% {
- transform: skewX(-3.125deg) skewY(-3.125deg);
- }
-
- 55.5% {
- transform: skewX(1.5625deg) skewY(1.5625deg);
- }
-
- 66.6% {
- transform: skewX(-.78125deg) skewY(-.78125deg);
- }
-
- 77.7% {
- transform: skewX(.390625deg) skewY(.390625deg);
- }
-
- 88.8% {
- transform: skewX(-.1953125deg) skewY(-.1953125deg);
- }
-}
-
-.jello {
- transform-origin: center;
- animation-name: jello;
-}
-
-@keyframes heartBeat {
- 0% {
- transform: scale(1);
- }
-
- 14% {
- transform: scale(1.3);
- }
-
- 28% {
- transform: scale(1);
- }
-
- 42% {
- transform: scale(1.3);
- }
-
- 70% {
- transform: scale(1);
- }
-}
-
-.heartBeat {
- animation-name: heartBeat;
- animation-duration: 1.3s;
- animation-timing-function: ease-in-out;
-}
-
-@keyframes bounceIn {
- from,
- 20%,
- 40%,
- 60%,
- 80%,
- to {
- animation-timing-function: cubic-bezier(.215, .61, .355, 1);
- }
-
- 0% {
- opacity: 0;
- transform: scale3d(.3, .3, .3);
- }
-
- 20% {
- transform: scale3d(1.1, 1.1, 1.1);
- }
-
- 40% {
- transform: scale3d(.9, .9, .9);
- }
-
- 60% {
- opacity: 1;
- transform: scale3d(1.03, 1.03, 1.03);
- }
-
- 80% {
- transform: scale3d(.97, .97, .97);
- }
-
- to {
- opacity: 1;
- transform: scale3d(1, 1, 1);
- }
-}
-
-.bounceIn {
- animation-name: bounceIn;
- animation-duration: .75s;
-}
-
-@keyframes bounceInDown {
- from,
- 60%,
- 75%,
- 90%,
- to {
- animation-timing-function: cubic-bezier(.215, .61, .355, 1);
- }
-
- 0% {
- opacity: 0;
- transform: translate3d(0, -3000px, 0);
- }
-
- 60% {
- opacity: 1;
- transform: translate3d(0, 25px, 0);
- }
-
- 75% {
- transform: translate3d(0, -10px, 0);
- }
-
- 90% {
- transform: translate3d(0, 5px, 0);
- }
-
- to {
- transform: translate3d(0, 0, 0);
- }
-}
-
-.bounceInDown {
- animation-name: bounceInDown;
-}
-
-@keyframes bounceInLeft {
- from,
- 60%,
- 75%,
- 90%,
- to {
- animation-timing-function: cubic-bezier(.215, .61, .355, 1);
- }
-
- 0% {
- opacity: 0;
- transform: translate3d(-3000px, 0, 0);
- }
-
- 60% {
- opacity: 1;
- transform: translate3d(25px, 0, 0);
- }
-
- 75% {
- transform: translate3d(-10px, 0, 0);
- }
-
- 90% {
- transform: translate3d(5px, 0, 0);
- }
-
- to {
- transform: translate3d(0, 0, 0);
- }
-}
-
-.bounceInLeft {
- animation-name: bounceInLeft;
-}
-
-@keyframes bounceInRight {
- from,
- 60%,
- 75%,
- 90%,
- to {
- animation-timing-function: cubic-bezier(.215, .61, .355, 1);
- }
-
- from {
- opacity: 0;
- transform: translate3d(3000px, 0, 0);
- }
-
- 60% {
- opacity: 1;
- transform: translate3d(-25px, 0, 0);
- }
-
- 75% {
- transform: translate3d(10px, 0, 0);
- }
-
- 90% {
- transform: translate3d(-5px, 0, 0);
- }
-
- to {
- transform: translate3d(0, 0, 0);
- }
-}
-
-.bounceInRight {
- animation-name: bounceInRight;
-}
-
-@keyframes bounceInUp {
- from,
- 60%,
- 75%,
- 90%,
- to {
- animation-timing-function: cubic-bezier(.215, .61, .355, 1);
- }
-
- from {
- opacity: 0;
- transform: translate3d(0, 3000px, 0);
- }
-
- 60% {
- opacity: 1;
- transform: translate3d(0, -20px, 0);
- }
-
- 75% {
- transform: translate3d(0, 10px, 0);
- }
-
- 90% {
- transform: translate3d(0, -5px, 0);
- }
-
- to {
- transform: translate3d(0, 0, 0);
- }
-}
-
-.bounceInUp {
- animation-name: bounceInUp;
-}
-
-@keyframes bounceOut {
- 20% {
- transform: scale3d(.9, .9, .9);
- }
-
- 50%,
- 55% {
- opacity: 1;
- transform: scale3d(1.1, 1.1, 1.1);
- }
-
- to {
- opacity: 0;
- transform: scale3d(.3, .3, .3);
- }
-}
-
-.bounceOut {
- animation-name: bounceOut;
- animation-duration: .75s;
-}
-
-@keyframes bounceOutDown {
- 20% {
- transform: translate3d(0, 10px, 0);
- }
-
- 40%,
- 45% {
- opacity: 1;
- transform: translate3d(0, -20px, 0);
- }
-
- to {
- opacity: 0;
- transform: translate3d(0, 2000px, 0);
- }
-}
-
-.bounceOutDown {
- animation-name: bounceOutDown;
-}
-
-@keyframes bounceOutLeft {
- 20% {
- opacity: 1;
- transform: translate3d(20px, 0, 0);
- }
-
- to {
- opacity: 0;
- transform: translate3d(-2000px, 0, 0);
- }
-}
-
-.bounceOutLeft {
- animation-name: bounceOutLeft;
-}
-
-@keyframes bounceOutRight {
- 20% {
- opacity: 1;
- transform: translate3d(-20px, 0, 0);
- }
-
- to {
- opacity: 0;
- transform: translate3d(2000px, 0, 0);
- }
-}
-
-.bounceOutRight {
- animation-name: bounceOutRight;
-}
-
-@keyframes bounceOutUp {
- 20% {
- transform: translate3d(0, -10px, 0);
- }
-
- 40%,
- 45% {
- opacity: 1;
- transform: translate3d(0, 20px, 0);
- }
-
- to {
- opacity: 0;
- transform: translate3d(0, -2000px, 0);
- }
-}
-
-.bounceOutUp {
- animation-name: bounceOutUp;
-}
-
-@keyframes fadeInDownBig {
- from {
- opacity: 0;
- transform: translate3d(0, -2000px, 0);
- }
-
- to {
- opacity: 1;
- transform: translate3d(0, 0, 0);
- }
-}
-
-.fadeInDownBig {
- animation-name: fadeInDownBig;
-}
-
-@keyframes fadeInLeftBig {
- from {
- opacity: 0;
- transform: translate3d(-2000px, 0, 0);
- }
-
- to {
- opacity: 1;
- transform: translate3d(0, 0, 0);
- }
-}
-
-.fadeInLeftBig {
- animation-name: fadeInLeftBig;
-}
-
-@keyframes fadeInRightBig {
- from {
- opacity: 0;
- transform: translate3d(2000px, 0, 0);
- }
-
- to {
- opacity: 1;
- transform: translate3d(0, 0, 0);
- }
-}
-
-.fadeInRightBig {
- animation-name: fadeInRightBig;
-}
-
-@keyframes fadeInUpBig {
- from {
- opacity: 0;
- transform: translate3d(0, 2000px, 0);
- }
-
- to {
- opacity: 1;
- transform: translate3d(0, 0, 0);
- }
-}
-
-.fadeInUpBig {
- animation-name: fadeInUpBig;
-}
-
-@keyframes fadeOutDownBig {
- from {
- opacity: 1;
- }
-
- to {
- opacity: 0;
- transform: translate3d(0, 2000px, 0);
- }
-}
-
-.fadeOutDownBig {
- animation-name: fadeOutDownBig;
-}
-
-@keyframes fadeOutLeftBig {
- from {
- opacity: 1;
- }
-
- to {
- opacity: 0;
- transform: translate3d(-2000px, 0, 0);
- }
-}
-
-.fadeOutLeftBig {
- animation-name: fadeOutLeftBig;
-}
-
-@keyframes fadeOutRightBig {
- from {
- opacity: 1;
- }
-
- to {
- opacity: 0;
- transform: translate3d(2000px, 0, 0);
- }
-}
-
-.fadeOutRightBig {
- animation-name: fadeOutRightBig;
-}
-
-@keyframes fadeOutUpBig {
- from {
- opacity: 1;
- }
-
- to {
- opacity: 0;
- transform: translate3d(0, -2000px, 0);
- }
-}
-
-.fadeOutUpBig {
- animation-name: fadeOutUpBig;
-}
-
-@keyframes flip {
- from {
- transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
- animation-timing-function: ease-out;
- }
-
- 40% {
- transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
- animation-timing-function: ease-out;
- }
-
- 50% {
- transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
- animation-timing-function: ease-in;
- }
-
- 80% {
- transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
- animation-timing-function: ease-in;
- }
-
- to {
- transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
- animation-timing-function: ease-in;
- }
-}
-
-.flip {
- backface-visibility: visible;
- animation-name: flip;
-}
-
-@keyframes flipInX {
- from {
- opacity: 0;
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
- animation-timing-function: ease-in;
- }
-
- 40% {
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
- animation-timing-function: ease-in;
- }
-
- 60% {
- opacity: 1;
- transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
- }
-
- 80% {
- transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
- }
-
- to {
- transform: perspective(400px);
- }
-}
-
-.flipInX {
- backface-visibility: visible;
- animation-name: flipInX;
-}
-
-@keyframes flipInY {
- from {
- opacity: 0;
- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
- animation-timing-function: ease-in;
- }
-
- 40% {
- transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
- animation-timing-function: ease-in;
- }
-
- 60% {
- opacity: 1;
- transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
- }
-
- 80% {
- transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
- }
-
- to {
- transform: perspective(400px);
- }
-}
-
-.flipInY {
- backface-visibility: visible;
- animation-name: flipInY;
-}
-
-@keyframes flipOutX {
- from {
- transform: perspective(400px);
- }
-
- 30% {
- opacity: 1;
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
- }
-
- to {
- opacity: 0;
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
- }
-}
-
-.flipOutX {
- animation-name: flipOutX;
- animation-duration: .75s;
- backface-visibility: visible;
-}
-
-@keyframes flipOutY {
- from {
- transform: perspective(400px);
- }
-
- 30% {
- opacity: 1;
- transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
- }
-
- to {
- opacity: 0;
- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
- }
-}
-
-.flipOutY {
- animation-name: flipOutY;
- animation-duration: .75s;
- backface-visibility: visible;
-}
-
-@keyframes lightSpeedIn {
- from {
- opacity: 0;
- transform: translate3d(100%, 0, 0) skewX(-30deg);
- }
-
- 60% {
- opacity: 1;
- transform: skewX(20deg);
- }
-
- 80% {
- transform: skewX(-5deg);
- }
-
- to {
- transform: translate3d(0, 0, 0);
- }
-}
-
-.lightSpeedIn {
- animation-name: lightSpeedIn;
- animation-timing-function: ease-out;
-}
-
-@keyframes lightSpeedOut {
- from {
- opacity: 1;
- }
-
- to {
- opacity: 0;
- transform: translate3d(100%, 0, 0) skewX(30deg);
- }
-}
-
-.lightSpeedOut {
- animation-name: lightSpeedOut;
- animation-timing-function: ease-in;
-}
-
-@keyframes rotateIn {
- from {
- opacity: 0;
- transform: rotate3d(0, 0, 1, -200deg);
- transform-origin: center;
- }
-
- to {
- opacity: 1;
- transform: translate3d(0, 0, 0);
- transform-origin: center;
- }
-}
-
-.rotateIn {
- animation-name: rotateIn;
-}
-
-@keyframes rotateInDownLeft {
- from {
- opacity: 0;
- transform: rotate3d(0, 0, 1, -45deg);
- transform-origin: left bottom;
- }
-
- to {
- opacity: 1;
- transform: translate3d(0, 0, 0);
- transform-origin: left bottom;
- }
-}
-
-.rotateInDownLeft {
- animation-name: rotateInDownLeft;
-}
-
-@keyframes rotateInDownRight {
- from {
- opacity: 0;
- transform: rotate3d(0, 0, 1, 45deg);
- transform-origin: right bottom;
- }
-
- to {
- opacity: 1;
- transform: translate3d(0, 0, 0);
- transform-origin: right bottom;
- }
-}
-
-.rotateInDownRight {
- animation-name: rotateInDownRight;
-}
-
-@keyframes rotateInUpLeft {
- from {
- opacity: 0;
- transform: rotate3d(0, 0, 1, 45deg);
- transform-origin: left bottom;
- }
-
- to {
- opacity: 1;
- transform: translate3d(0, 0, 0);
- transform-origin: left bottom;
- }
-}
-
-.rotateInUpLeft {
- animation-name: rotateInUpLeft;
-}
-
-@keyframes rotateInUpRight {
- from {
- opacity: 0;
- transform: rotate3d(0, 0, 1, -90deg);
- transform-origin: right bottom;
- }
-
- to {
- opacity: 1;
- transform: translate3d(0, 0, 0);
- transform-origin: right bottom;
- }
-}
-
-.rotateInUpRight {
- animation-name: rotateInUpRight;
-}
-
-@keyframes rotateOut {
- from {
- opacity: 1;
- transform-origin: center;
- }
-
- to {
- opacity: 0;
- transform: rotate3d(0, 0, 1, 200deg);
- transform-origin: center;
- }
-}
-
-.rotateOut {
- animation-name: rotateOut;
-}
-
-@keyframes rotateOutDownLeft {
- from {
- opacity: 1;
- transform-origin: left bottom;
- }
-
- to {
- opacity: 0;
- transform: rotate3d(0, 0, 1, 45deg);
- transform-origin: left bottom;
- }
-}
-
-.rotateOutDownLeft {
- animation-name: rotateOutDownLeft;
-}
-
-@keyframes rotateOutDownRight {
- from {
- opacity: 1;
- transform-origin: right bottom;
- }
-
- to {
- opacity: 0;
- transform: rotate3d(0, 0, 1, -45deg);
- transform-origin: right bottom;
- }
-}
-
-.rotateOutDownRight {
- animation-name: rotateOutDownRight;
-}
-
-@keyframes rotateOutUpLeft {
- from {
- opacity: 1;
- transform-origin: left bottom;
- }
-
- to {
- opacity: 0;
- transform: rotate3d(0, 0, 1, -45deg);
- transform-origin: left bottom;
- }
-}
-
-.rotateOutUpLeft {
- animation-name: rotateOutUpLeft;
-}
-
-@keyframes rotateOutUpRight {
- from {
- opacity: 1;
- transform-origin: right bottom;
- }
-
- to {
- opacity: 0;
- transform: rotate3d(0, 0, 1, 90deg);
- transform-origin: right bottom;
- }
-}
-
-.rotateOutUpRight {
- animation-name: rotateOutUpRight;
-}
-
-@keyframes hinge {
- 0% {
- transform-origin: top left;
- animation-timing-function: ease-in-out;
- }
-
- 20%,
- 60% {
- transform: rotate3d(0, 0, 1, 80deg);
- transform-origin: top left;
- animation-timing-function: ease-in-out;
- }
-
- 40%,
- 80% {
- opacity: 1;
- transform: rotate3d(0, 0, 1, 60deg);
- transform-origin: top left;
- animation-timing-function: ease-in-out;
- }
-
- to {
- opacity: 0;
- transform: translate3d(0, 700px, 0);
- }
-}
-
-.hinge {
- animation-name: hinge;
- animation-duration: 2s;
-}
-
-@keyframes jackInTheBox {
- from {
- opacity: 0;
- transform: scale(.1) rotate(30deg);
- transform-origin: center bottom;
- }
-
- 50% {
- transform: rotate(-10deg);
- }
-
- 70% {
- transform: rotate(3deg);
- }
-
- to {
- opacity: 1;
- transform: scale(1);
- }
-}
-
-.jackInTheBox {
- animation-name: jackInTheBox;
-}
-
-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
-
-@keyframes rollIn {
- from {
- opacity: 0;
- transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
- }
-
- to {
- opacity: 1;
- transform: translate3d(0, 0, 0);
- }
-}
-
-.rollIn {
- animation-name: rollIn;
-}
-
-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
-
-@keyframes rollOut {
- from {
- opacity: 1;
- }
-
- to {
- opacity: 0;
- transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
- }
-}
-
-.rollOut {
- animation-name: rollOut;
-}
-
-@keyframes zoomIn {
- from {
- opacity: 0;
- transform: scale3d(.3, .3, .3);
- }
-
- 50% {
- opacity: 1;
- }
-}
-
-.zoomIn {
- animation-name: zoomIn;
-}
-
-@keyframes zoomInDown {
- from {
- opacity: 0;
- transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
- animation-timing-function: cubic-bezier(.55, .055, .675, .19);
- }
-
- 60% {
- opacity: 1;
- transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
- animation-timing-function: cubic-bezier(.175, .885, .32, 1);
- }
-}
-
-.zoomInDown {
- animation-name: zoomInDown;
-}
-
-@keyframes zoomInLeft {
- from {
- opacity: 0;
- transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
- animation-timing-function: cubic-bezier(.55, .055, .675, .19);
- }
-
- 60% {
- opacity: 1;
- transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
- animation-timing-function: cubic-bezier(.175, .885, .32, 1);
- }
-}
-
-.zoomInLeft {
- animation-name: zoomInLeft;
-}
-
-@keyframes zoomInRight {
- from {
- opacity: 0;
- transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
- animation-timing-function: cubic-bezier(.55, .055, .675, .19);
- }
-
- 60% {
- opacity: 1;
- transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
- animation-timing-function: cubic-bezier(.175, .885, .32, 1);
- }
-}
-
-.zoomInRight {
- animation-name: zoomInRight;
-}
-
-@keyframes zoomInUp {
- from {
- opacity: 0;
- transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
- animation-timing-function: cubic-bezier(.55, .055, .675, .19);
- }
-
- 60% {
- opacity: 1;
- transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
- animation-timing-function: cubic-bezier(.175, .885, .32, 1);
- }
-}
-
-.zoomInUp {
- animation-name: zoomInUp;
-}
-
-@keyframes zoomOut {
- from {
- opacity: 1;
- }
-
- 50% {
- opacity: 0;
- transform: scale3d(.3, .3, .3);
- }
-
- to {
- opacity: 0;
- }
-}
-
-.zoomOut {
- animation-name: zoomOut;
-}
-
-@keyframes zoomOutDown {
- 40% {
- opacity: 1;
- transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
- animation-timing-function: cubic-bezier(.55, .055, .675, .19);
- }
-
- to {
- opacity: 0;
- transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
- transform-origin: center bottom;
- animation-timing-function: cubic-bezier(.175, .885, .32, 1);
- }
-}
-
-.zoomOutDown {
- animation-name: zoomOutDown;
-}
-
-@keyframes zoomOutLeft {
- 40% {
- opacity: 1;
- transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
- }
-
- to {
- opacity: 0;
- transform: scale(.1) translate3d(-2000px, 0, 0);
- transform-origin: left center;
- }
-}
-
-.zoomOutLeft {
- animation-name: zoomOutLeft;
-}
-
-@keyframes zoomOutRight {
- 40% {
- opacity: 1;
- transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
- }
-
- to {
- opacity: 0;
- transform: scale(.1) translate3d(2000px, 0, 0);
- transform-origin: right center;
- }
-}
-
-.zoomOutRight {
- animation-name: zoomOutRight;
-}
-
-@keyframes zoomOutUp {
- 40% {
- opacity: 1;
- transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
- animation-timing-function: cubic-bezier(.55, .055, .675, .19);
- }
-
- to {
- opacity: 0;
- transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
- transform-origin: center bottom;
- animation-timing-function: cubic-bezier(.175, .885, .32, 1);
- }
-}
-
-.zoomOutUp {
- animation-name: zoomOutUp;
-}
-
-@keyframes slideInDown {
- from {
- visibility: visible;
- transform: translate3d(0, -100%, 0);
- }
-
- to {
- transform: translate3d(0, 0, 0);
- }
-}
-
-.slideInDown {
- animation-name: slideInDown;
-}
-
-@keyframes slideInLeft {
- from {
- visibility: visible;
- transform: translate3d(-100%, 0, 0);
- }
-
- to {
- transform: translate3d(0, 0, 0);
- }
-}
-
-.slideInLeft {
- animation-name: slideInLeft;
-}
-
-@keyframes slideInRight {
- from {
- visibility: visible;
- transform: translate3d(100%, 0, 0);
- }
-
- to {
- transform: translate3d(0, 0, 0);
- }
-}
-
-.slideInRight {
- animation-name: slideInRight;
-}
-
-@keyframes slideInUp {
- from {
- visibility: visible;
- transform: translate3d(0, 100%, 0);
- }
-
- to {
- transform: translate3d(0, 0, 0);
- }
-}
-
-.slideInUp {
- animation-name: slideInUp;
-}
-
-@keyframes slideOutDown {
- from {
- transform: translate3d(0, 0, 0);
- }
-
- to {
- visibility: hidden;
- transform: translate3d(0, 100%, 0);
- }
-}
-
-.slideOutDown {
- animation-name: slideOutDown;
-}
-
-@keyframes slideOutLeft {
- from {
- transform: translate3d(0, 0, 0);
- }
-
- to {
- visibility: hidden;
- transform: translate3d(-100%, 0, 0);
- }
-}
-
-.slideOutLeft {
- animation-name: slideOutLeft;
-}
-
-@keyframes slideOutRight {
- from {
- transform: translate3d(0, 0, 0);
- }
-
- to {
- visibility: hidden;
- transform: translate3d(100%, 0, 0);
- }
-}
-
-.slideOutRight {
- animation-name: slideOutRight;
-}
-
-@keyframes slideOutUp {
- from {
- transform: translate3d(0, 0, 0);
- }
-
- to {
- visibility: hidden;
- transform: translate3d(0, -100%, 0);
- }
-}
-
-.slideOutUp {
- animation-name: slideOutUp;
-}
diff --git a/_sass/mdb/free/modules/animations-extended/animations-extended.scss b/_sass/mdb/free/modules/animations-extended/animations-extended.scss
deleted file mode 100644
index 0acd86b58170..000000000000
--- a/_sass/mdb/free/modules/animations-extended/animations-extended.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-/*
- * MDBootstrap Animations Extended
- * Learn more: https://mdbootstrap.com/docs/jquery/css/animations/
- * About MDBootstrap: https://mdbootstrap.com/
- */
-
-@import "module";
diff --git a/_sass/mdb/mdb.lite.scss b/_sass/mdb/mdb.lite.scss
deleted file mode 100644
index 15cd3b462466..000000000000
--- a/_sass/mdb/mdb.lite.scss
+++ /dev/null
@@ -1,68 +0,0 @@
-/*!
- * Material Design for Bootstrap 4
- * Version: MDB Lite 4.8.8
- *
- *
- * Copyright: Material Design for Bootstrap
- * https://mdbootstrap.com/
- *
- * Read the license: https://mdbootstrap.com/general/license/
- *
- *
- * Documentation: https://mdbootstrap.com/
- *
- * Getting started: https://mdbootstrap.com/docs/jquery/getting-started/download/
- *
- * Tutorials: https://mdbootstrap.com/education/bootstrap/
- *
- * Templates: https://mdbootstrap.com/templates/
- *
- * Support: https://mdbootstrap.com/support/
- *
- * Contact: office@mdbootstrap.com
- *
- * Attribution: Animate CSS, Twitter Bootstrap, Materialize CSS, Normalize CSS, Waves JS, WOW JS, Toastr, Chart.js
- *
- */
-
-@charset "UTF-8";
-
-// Bootstrap
-@import "core/bootstrap/functions";
-@import "core/bootstrap/variables";
-
-// CORE
-@import "core/mixins";
-// Your custom variables
-@import "custom-variables";
-@import "core/colors";
-@import "core/variables";
-@import "core/global";
-@import "core/helpers";
-@import "core/typography";
-@import "core/masks";
-@import "core/waves";
-
-// FREE
-@import "free/animations-basic";
-@import "free/buttons";
-@import "free/cards";
-@import "free/dropdowns";
-@import "free/input-group";
-@import "free/navbars";
-@import "free/pagination";
-@import "free/badges";
-@import "free/modals";
-@import "free/carousels";
-@import "free/forms";
-@import "free/msc";
-@import "free/footers";
-@import "free/list-group";
-@import "free/tables";
-@import "free/depreciated";
-@import "free/steppers";
-@import "free/loader";
-@import "free/treeview";
-
-// Your custom styles
-@import "custom-styles";
diff --git a/_sass/mdb/mdb.scss b/_sass/mdb/mdb.scss
deleted file mode 100755
index 2c282581b087..000000000000
--- a/_sass/mdb/mdb.scss
+++ /dev/null
@@ -1,77 +0,0 @@
-/*!
- * Material Design for Bootstrap 4
- * Version: MDB FREE 4.8.8
- *
- *
- * Copyright: Material Design for Bootstrap
- * https://mdbootstrap.com/
- *
- * Read the license: https://mdbootstrap.com/general/license/
- *
- *
- * Documentation: https://mdbootstrap.com/
- *
- * Getting started: https://mdbootstrap.com/docs/jquery/getting-started/download/
- *
- * Tutorials: https://mdbootstrap.com/education/bootstrap/
- *
- * Templates: https://mdbootstrap.com/templates/
- *
- * Support: https://mdbootstrap.com/support/
- *
- * Contact: office@mdbootstrap.com
- *
- * Attribution: Animate CSS, Twitter Bootstrap, Materialize CSS, Normalize CSS, Waves JS, WOW JS, Toastr, Chart.js
- *
- */
-
-@charset "UTF-8";
-
-// Bootstrap
-@import "core/bootstrap/functions";
-@import "core/bootstrap/variables";
-@import "core/bootstrap/rfs";
-
-// CORE
-@import "core/mixins";
-// Your custom variables
-@import "custom-variables";
-@import "core/colors";
-@import "core/variables";
-@import "core/global";
-@import "core/helpers";
-@import "core/typography";
-@import "core/masks";
-@import "core/waves";
-
-// FREE
-@import "free/animations-basic";
-@import "free/modules/animations-extended/module";
-@import "free/buttons";
-@import "free/cards";
-@import "free/dropdowns";
-@import "free/input-group";
-@import "free/navbars";
-@import "free/pagination";
-@import "free/badges";
-@import "free/modals";
-@import "free/carousels";
-@import "free/forms";
-@import "free/msc";
-@import "free/footers";
-@import "free/list-group";
-@import "free/tables";
-@import "free/depreciated";
-@import "free/steppers";
-@import "free/loader";
-@import "free/treeview";
-// Free addons
-// @import "addons/datatables";
-// @import "addons/datatables-select";
-// @import "addons/directives";
-// @import "addons/hierarchical-display";
-// @import "addons/flags";
-// @import "addons/rating";
-
-// Your custom styles
-@import "custom-styles";
diff --git a/assets/css/main.css b/assets/css/main.css
new file mode 100644
index 000000000000..80db85d9241b
--- /dev/null
+++ b/assets/css/main.css
@@ -0,0 +1,14190 @@
+@charset "UTF-8";
+/*!
+ * Bootstrap v4.3.1 (https://getbootstrap.com/)
+ * Copyright 2011-2019 The Bootstrap Authors
+ * Copyright 2011-2019 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+:root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
+
+*, *::before, *::after { box-sizing: border-box; }
+
+html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
+
+article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }
+
+body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; }
+
+[tabindex="-1"]:focus { outline: 0 !important; }
+
+hr { box-sizing: content-box; height: 0; overflow: visible; }
+
+h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; }
+
+p { margin-top: 0; margin-bottom: 1rem; }
+
+abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; }
+
+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: 700; }
+
+dd { margin-bottom: .5rem; margin-left: 0; }
+
+blockquote { margin: 0 0 1rem; }
+
+b, strong { font-weight: bolder; }
+
+small { font-size: 80%; }
+
+sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
+
+sub { bottom: -.25em; }
+
+sup { top: -.5em; }
+
+a { color: #007bff; text-decoration: none; background-color: transparent; }
+a:hover { color: #0056b3; text-decoration: underline; }
+
+a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; }
+a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; }
+a:not([href]):not([tabindex]):focus { outline: 0; }
+
+pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; }
+
+pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; }
+
+figure { margin: 0 0 1rem; }
+
+img { vertical-align: middle; border-style: none; }
+
+svg { overflow: hidden; vertical-align: middle; }
+
+table { border-collapse: collapse; }
+
+caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; }
+
+th { text-align: inherit; }
+
+label { display: inline-block; margin-bottom: 0.5rem; }
+
+button { border-radius: 0; }
+
+button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; }
+
+input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }
+
+button, input { overflow: visible; }
+
+button, select { text-transform: none; }
+
+select { word-wrap: normal; }
+
+button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
+
+button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; }
+
+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; padding: 0; }
+
+input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; }
+
+textarea { overflow: auto; resize: vertical; }
+
+fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }
+
+legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; }
+
+progress { vertical-align: baseline; }
+
+[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
+
+[type="search"] { outline-offset: -2px; -webkit-appearance: none; }
+
+[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
+
+::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }
+
+output { display: inline-block; }
+
+summary { display: list-item; cursor: pointer; }
+
+template { display: none; }
+
+[hidden] { display: none !important; }
+
+h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; }
+
+h1, .h1 { font-size: 2.5rem; }
+
+h2, .h2 { font-size: 2rem; }
+
+h3, .h3 { font-size: 1.75rem; }
+
+h4, .h4 { font-size: 1.5rem; }
+
+h5, .h5 { font-size: 1.25rem; }
+
+h6, .h6 { font-size: 1rem; }
+
+.lead { font-size: 1.25rem; font-weight: 300; }
+
+.display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; }
+
+.display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; }
+
+.display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; }
+
+.display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; }
+
+hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); }
+
+small, .small { font-size: 0.875rem; font-weight: 400; }
+
+mark, .mark { padding: 0.2em; background-color: #fcf8e3; }
+
+.list-unstyled { padding-left: 0; list-style: none; }
+
+.list-inline { padding-left: 0; list-style: none; }
+
+.list-inline-item { display: inline-block; }
+.list-inline-item:not(:last-child) { margin-right: 0.5rem; }
+
+.initialism { font-size: 90%; text-transform: uppercase; }
+
+.blockquote { margin-bottom: 1rem; font-size: 1.25rem; }
+
+.blockquote-footer { display: block; font-size: 0.875rem; color: #6c757d; }
+.blockquote-footer::before { content: "\2014\00A0"; }
+
+.img-fluid, .modal-dialog.cascading-modal.modal-avatar .modal-header { max-width: 100%; height: auto; }
+
+.img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; }
+
+.figure { display: inline-block; }
+
+.figure-img { margin-bottom: 0.5rem; line-height: 1; }
+
+.figure-caption { font-size: 90%; color: #6c757d; }
+
+code { font-size: 87.5%; color: #e83e8c; word-break: break-word; }
+a > code { color: inherit; }
+
+kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; }
+kbd kbd { padding: 0; font-size: 100%; font-weight: 700; }
+
+pre { display: block; font-size: 87.5%; color: #212529; }
+pre code { font-size: inherit; color: inherit; word-break: normal; }
+
+.pre-scrollable { max-height: 340px; overflow-y: scroll; }
+
+.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
+@media (min-width: 576px) { .container { max-width: 540px; } }
+@media (min-width: 768px) { .container { max-width: 720px; } }
+@media (min-width: 992px) { .container { max-width: 960px; } }
+@media (min-width: 1200px) { .container { max-width: 1140px; } }
+
+.container-fluid, .content { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
+
+.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
+
+.no-gutters { margin-right: 0; margin-left: 0; }
+.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }
+
+.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
+
+.col { flex-basis: 0; flex-grow: 1; max-width: 100%; }
+
+.col-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
+
+.col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }
+
+.col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
+
+.col-3 { flex: 0 0 25%; max-width: 25%; }
+
+.col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
+
+.col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }
+
+.col-6 { flex: 0 0 50%; max-width: 50%; }
+
+.col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }
+
+.col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }
+
+.col-9 { flex: 0 0 75%; max-width: 75%; }
+
+.col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }
+
+.col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }
+
+.col-12 { flex: 0 0 100%; max-width: 100%; }
+
+.order-first { order: -1; }
+
+.order-last { order: 13; }
+
+.order-0 { order: 0; }
+
+.order-1 { order: 1; }
+
+.order-2 { order: 2; }
+
+.order-3 { order: 3; }
+
+.order-4 { order: 4; }
+
+.order-5 { order: 5; }
+
+.order-6 { order: 6; }
+
+.order-7 { order: 7; }
+
+.order-8 { order: 8; }
+
+.order-9 { order: 9; }
+
+.order-10 { order: 10; }
+
+.order-11 { order: 11; }
+
+.order-12 { order: 12; }
+
+.offset-1 { margin-left: 8.3333333333%; }
+
+.offset-2 { margin-left: 16.6666666667%; }
+
+.offset-3 { margin-left: 25%; }
+
+.offset-4 { margin-left: 33.3333333333%; }
+
+.offset-5 { margin-left: 41.6666666667%; }
+
+.offset-6 { margin-left: 50%; }
+
+.offset-7 { margin-left: 58.3333333333%; }
+
+.offset-8 { margin-left: 66.6666666667%; }
+
+.offset-9 { margin-left: 75%; }
+
+.offset-10 { margin-left: 83.3333333333%; }
+
+.offset-11 { margin-left: 91.6666666667%; }
+
+@media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; }
+ .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
+ .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }
+ .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
+ .col-sm-3 { flex: 0 0 25%; max-width: 25%; }
+ .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
+ .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }
+ .col-sm-6 { flex: 0 0 50%; max-width: 50%; }
+ .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }
+ .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }
+ .col-sm-9 { flex: 0 0 75%; max-width: 75%; }
+ .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }
+ .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }
+ .col-sm-12 { flex: 0 0 100%; max-width: 100%; }
+ .order-sm-first { order: -1; }
+ .order-sm-last { order: 13; }
+ .order-sm-0 { order: 0; }
+ .order-sm-1 { order: 1; }
+ .order-sm-2 { order: 2; }
+ .order-sm-3 { order: 3; }
+ .order-sm-4 { order: 4; }
+ .order-sm-5 { order: 5; }
+ .order-sm-6 { order: 6; }
+ .order-sm-7 { order: 7; }
+ .order-sm-8 { order: 8; }
+ .order-sm-9 { order: 9; }
+ .order-sm-10 { order: 10; }
+ .order-sm-11 { order: 11; }
+ .order-sm-12 { order: 12; }
+ .offset-sm-0 { margin-left: 0; }
+ .offset-sm-1 { margin-left: 8.3333333333%; }
+ .offset-sm-2 { margin-left: 16.6666666667%; }
+ .offset-sm-3 { margin-left: 25%; }
+ .offset-sm-4 { margin-left: 33.3333333333%; }
+ .offset-sm-5 { margin-left: 41.6666666667%; }
+ .offset-sm-6 { margin-left: 50%; }
+ .offset-sm-7 { margin-left: 58.3333333333%; }
+ .offset-sm-8 { margin-left: 66.6666666667%; }
+ .offset-sm-9 { margin-left: 75%; }
+ .offset-sm-10 { margin-left: 83.3333333333%; }
+ .offset-sm-11 { margin-left: 91.6666666667%; } }
+@media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; }
+ .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
+ .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }
+ .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
+ .col-md-3 { flex: 0 0 25%; max-width: 25%; }
+ .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
+ .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }
+ .col-md-6 { flex: 0 0 50%; max-width: 50%; }
+ .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }
+ .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }
+ .col-md-9 { flex: 0 0 75%; max-width: 75%; }
+ .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }
+ .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }
+ .col-md-12 { flex: 0 0 100%; max-width: 100%; }
+ .order-md-first { order: -1; }
+ .order-md-last { order: 13; }
+ .order-md-0 { order: 0; }
+ .order-md-1 { order: 1; }
+ .order-md-2 { order: 2; }
+ .order-md-3 { order: 3; }
+ .order-md-4 { order: 4; }
+ .order-md-5 { order: 5; }
+ .order-md-6 { order: 6; }
+ .order-md-7 { order: 7; }
+ .order-md-8 { order: 8; }
+ .order-md-9 { order: 9; }
+ .order-md-10 { order: 10; }
+ .order-md-11 { order: 11; }
+ .order-md-12 { order: 12; }
+ .offset-md-0 { margin-left: 0; }
+ .offset-md-1 { margin-left: 8.3333333333%; }
+ .offset-md-2 { margin-left: 16.6666666667%; }
+ .offset-md-3 { margin-left: 25%; }
+ .offset-md-4 { margin-left: 33.3333333333%; }
+ .offset-md-5 { margin-left: 41.6666666667%; }
+ .offset-md-6 { margin-left: 50%; }
+ .offset-md-7 { margin-left: 58.3333333333%; }
+ .offset-md-8 { margin-left: 66.6666666667%; }
+ .offset-md-9 { margin-left: 75%; }
+ .offset-md-10 { margin-left: 83.3333333333%; }
+ .offset-md-11 { margin-left: 91.6666666667%; } }
+@media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; }
+ .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
+ .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }
+ .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
+ .col-lg-3 { flex: 0 0 25%; max-width: 25%; }
+ .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
+ .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }
+ .col-lg-6 { flex: 0 0 50%; max-width: 50%; }
+ .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }
+ .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }
+ .col-lg-9 { flex: 0 0 75%; max-width: 75%; }
+ .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }
+ .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }
+ .col-lg-12 { flex: 0 0 100%; max-width: 100%; }
+ .order-lg-first { order: -1; }
+ .order-lg-last { order: 13; }
+ .order-lg-0 { order: 0; }
+ .order-lg-1 { order: 1; }
+ .order-lg-2 { order: 2; }
+ .order-lg-3 { order: 3; }
+ .order-lg-4 { order: 4; }
+ .order-lg-5 { order: 5; }
+ .order-lg-6 { order: 6; }
+ .order-lg-7 { order: 7; }
+ .order-lg-8 { order: 8; }
+ .order-lg-9 { order: 9; }
+ .order-lg-10 { order: 10; }
+ .order-lg-11 { order: 11; }
+ .order-lg-12 { order: 12; }
+ .offset-lg-0 { margin-left: 0; }
+ .offset-lg-1 { margin-left: 8.3333333333%; }
+ .offset-lg-2 { margin-left: 16.6666666667%; }
+ .offset-lg-3 { margin-left: 25%; }
+ .offset-lg-4 { margin-left: 33.3333333333%; }
+ .offset-lg-5 { margin-left: 41.6666666667%; }
+ .offset-lg-6 { margin-left: 50%; }
+ .offset-lg-7 { margin-left: 58.3333333333%; }
+ .offset-lg-8 { margin-left: 66.6666666667%; }
+ .offset-lg-9 { margin-left: 75%; }
+ .offset-lg-10 { margin-left: 83.3333333333%; }
+ .offset-lg-11 { margin-left: 91.6666666667%; } }
+@media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; }
+ .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
+ .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }
+ .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
+ .col-xl-3 { flex: 0 0 25%; max-width: 25%; }
+ .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
+ .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }
+ .col-xl-6 { flex: 0 0 50%; max-width: 50%; }
+ .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }
+ .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }
+ .col-xl-9 { flex: 0 0 75%; max-width: 75%; }
+ .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }
+ .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }
+ .col-xl-12 { flex: 0 0 100%; max-width: 100%; }
+ .order-xl-first { order: -1; }
+ .order-xl-last { order: 13; }
+ .order-xl-0 { order: 0; }
+ .order-xl-1 { order: 1; }
+ .order-xl-2 { order: 2; }
+ .order-xl-3 { order: 3; }
+ .order-xl-4 { order: 4; }
+ .order-xl-5 { order: 5; }
+ .order-xl-6 { order: 6; }
+ .order-xl-7 { order: 7; }
+ .order-xl-8 { order: 8; }
+ .order-xl-9 { order: 9; }
+ .order-xl-10 { order: 10; }
+ .order-xl-11 { order: 11; }
+ .order-xl-12 { order: 12; }
+ .offset-xl-0 { margin-left: 0; }
+ .offset-xl-1 { margin-left: 8.3333333333%; }
+ .offset-xl-2 { margin-left: 16.6666666667%; }
+ .offset-xl-3 { margin-left: 25%; }
+ .offset-xl-4 { margin-left: 33.3333333333%; }
+ .offset-xl-5 { margin-left: 41.6666666667%; }
+ .offset-xl-6 { margin-left: 50%; }
+ .offset-xl-7 { margin-left: 58.3333333333%; }
+ .offset-xl-8 { margin-left: 66.6666666667%; }
+ .offset-xl-9 { margin-left: 75%; }
+ .offset-xl-10 { margin-left: 83.3333333333%; }
+ .offset-xl-11 { margin-left: 91.6666666667%; } }
+.table { width: 100%; margin-bottom: 1rem; color: #212529; }
+.table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; }
+.table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; }
+.table tbody + tbody { border-top: 2px solid #dee2e6; }
+
+.table-sm th, .table-sm td { padding: 0.3rem; }
+
+.table-bordered { border: 1px solid #dee2e6; }
+.table-bordered th, .table-bordered td { border: 1px solid #dee2e6; }
+.table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; }
+
+.table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; }
+
+.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); }
+
+.table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075); }
+
+.table-primary, .table-primary > th, .table-primary > td { background-color: #b8daff; }
+.table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #7abaff; }
+
+.table-hover .table-primary:hover { background-color: #9fcdff; }
+.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #9fcdff; }
+
+.table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; }
+.table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b3b7bb; }
+
+.table-hover .table-secondary:hover { background-color: #c8cbcf; }
+.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; }
+
+.table-success, .table-success > th, .table-success > td { background-color: #c3e6cb; }
+.table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #8fd19e; }
+
+.table-hover .table-success:hover { background-color: #b1dfbb; }
+.table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb; }
+
+.table-info, .table-info > th, .table-info > td { background-color: #bee5eb; }
+.table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #86cfda; }
+
+.table-hover .table-info:hover { background-color: #abdde5; }
+.table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #abdde5; }
+
+.table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeba; }
+.table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #ffdf7e; }
+
+.table-hover .table-warning:hover { background-color: #ffe8a1; }
+.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1; }
+
+.table-danger, .table-danger > th, .table-danger > td { background-color: #f5c6cb; }
+.table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #ed969e; }
+
+.table-hover .table-danger:hover { background-color: #f1b0b7; }
+.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7; }
+
+.table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; }
+.table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fbfcfc; }
+
+.table-hover .table-light:hover { background-color: #ececf6; }
+.table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; }
+
+.table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; }
+.table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #95999c; }
+
+.table-hover .table-dark:hover { background-color: #b9bbbe; }
+.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; }
+
+.table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); }
+
+.table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); }
+.table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); }
+
+.table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; }
+.table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; }
+
+.table-dark { color: #fff; background-color: #343a40; }
+.table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; }
+.table-dark.table-bordered { border: 0; }
+.table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); }
+.table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); }
+
+@media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
+ .table-responsive-sm > .table-bordered { border: 0; } }
+@media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
+ .table-responsive-md > .table-bordered { border: 0; } }
+@media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
+ .table-responsive-lg > .table-bordered { border: 0; } }
+@media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
+ .table-responsive-xl > .table-bordered { border: 0; } }
+.table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
+.table-responsive > .table-bordered { border: 0; }
+
+.form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
+@media (prefers-reduced-motion: reduce) { .form-control { transition: none; } }
+.form-control::-ms-expand { background-color: transparent; border: 0; }
+.form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
+.form-control::placeholder { color: #6c757d; opacity: 1; }
+.form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; }
+
+select.form-control:focus::-ms-value { color: #495057; background-color: #fff; }
+
+.form-control-file, .form-control-range { display: block; width: 100%; }
+
+.col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; }
+
+.col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; }
+
+.col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; }
+
+.form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; }
+.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; }
+
+.form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; }
+
+.form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; }
+
+select.form-control[size], select.form-control[multiple] { height: auto; }
+
+textarea.form-control { height: auto; }
+
+.form-group { margin-bottom: 1rem; }
+
+.form-text { display: block; margin-top: 0.25rem; }
+
+.form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; }
+.form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; }
+
+.form-check { position: relative; display: block; padding-left: 1.25rem; }
+
+.form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; }
+.form-check-input:disabled ~ .form-check-label { color: #6c757d; }
+
+.form-check-label { margin-bottom: 0; }
+
+.form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; }
+.form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; }
+
+.valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875rem; color: #28a745; }
+
+.valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; }
+
+.was-validated .form-control:valid, .form-control.is-valid { border-color: #28a745; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
+.was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
+.was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip { display: block; }
+
+.was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }
+
+.was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
+.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
+.was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; }
+
+.was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { display: block; }
+
+.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; }
+.was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; }
+
+.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; }
+.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #28a745; }
+.was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; }
+.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #34ce57; background-color: #34ce57; }
+.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
+.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #28a745; }
+
+.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; }
+.was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; }
+.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
+
+.invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875rem; color: #dc3545; }
+
+.invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; }
+
+.was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
+.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
+.was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip { display: block; }
+
+.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }
+
+.was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
+.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
+.was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; }
+
+.was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { display: block; }
+
+.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; }
+.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; }
+
+.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; }
+.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #dc3545; }
+.was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; }
+.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e4606d; background-color: #e4606d; }
+.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
+.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545; }
+
+.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; }
+.was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; }
+.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
+
+.form-inline { display: flex; flex-flow: row wrap; align-items: center; }
+.form-inline .form-check { width: 100%; }
+@media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; }
+ .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; }
+ .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; }
+ .form-inline .form-control-plaintext { display: inline-block; }
+ .form-inline .input-group, .form-inline .custom-select { width: auto; }
+ .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; }
+ .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; }
+ .form-inline .custom-control { align-items: center; justify-content: center; }
+ .form-inline .custom-control-label { margin-bottom: 0; } }
+
+.btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
+@media (prefers-reduced-motion: reduce) { .btn { transition: none; } }
+.btn:hover { color: #212529; text-decoration: none; }
+.btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
+.btn.disabled, .btn:disabled { opacity: 0.65; }
+
+a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; }
+
+.btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; }
+.btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; }
+.btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
+.btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; }
+.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf; }
+.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
+
+.btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; }
+.btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; }
+.btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
+.btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; }
+.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; }
+.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
+
+.btn-success { color: #fff; background-color: #28a745; border-color: #28a745; }
+.btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; }
+.btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); }
+.btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; }
+.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; }
+.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); }
+
+.btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; }
+.btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; }
+.btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }
+.btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; }
+.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; }
+.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }
+
+.btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; }
+.btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; }
+.btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); }
+.btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; }
+.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; }
+.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); }
+
+.btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; }
+.btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; }
+.btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }
+.btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; }
+.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; }
+.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }
+
+.btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; }
+.btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; }
+.btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); }
+.btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; }
+.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; }
+.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); }
+
+.btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; }
+.btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; }
+.btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); }
+.btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; }
+.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; }
+.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); }
+
+.btn-outline-primary { color: #007bff; border-color: #007bff; }
+.btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; }
+.btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
+.btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent; }
+.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff; }
+.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
+
+.btn-outline-secondary { color: #6c757d; border-color: #6c757d; }
+.btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; }
+.btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
+.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; }
+.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; }
+.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
+
+.btn-outline-success { color: #28a745; border-color: #28a745; }
+.btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; }
+.btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
+.btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; }
+.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; }
+.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
+
+.btn-outline-info { color: #17a2b8; border-color: #17a2b8; }
+.btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; }
+.btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
+.btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; }
+.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; }
+.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
+
+.btn-outline-warning { color: #ffc107; border-color: #ffc107; }
+.btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; }
+.btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
+.btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; }
+.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; }
+.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
+
+.btn-outline-danger { color: #dc3545; border-color: #dc3545; }
+.btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; }
+.btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
+.btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; }
+.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; }
+.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
+
+.btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; }
+.btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; }
+.btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
+.btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; }
+.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; }
+.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
+
+.btn-outline-dark { color: #343a40; border-color: #343a40; }
+.btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; }
+.btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
+.btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; }
+.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; }
+.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
+
+.btn-link { font-weight: 400; color: #007bff; text-decoration: none; }
+.btn-link:hover { color: #0056b3; text-decoration: underline; }
+.btn-link:focus, .btn-link.focus { text-decoration: underline; box-shadow: none; }
+.btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; }
+
+.btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; }
+
+.btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; }
+
+.btn-block { display: block; width: 100%; }
+.btn-block + .btn-block { margin-top: 0.5rem; }
+
+input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; }
+
+.fade { transition: opacity 0.15s linear; }
+@media (prefers-reduced-motion: reduce) { .fade { transition: none; } }
+.fade:not(.show) { opacity: 0; }
+
+.collapse:not(.show) { display: none; }
+
+.collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; }
+@media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } }
+
+.dropup, .dropright, .dropdown, .dropleft { position: relative; }
+
+.dropdown-toggle { white-space: nowrap; }
+.dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; }
+.dropdown-toggle:empty::after { margin-left: 0; }
+
+.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; }
+
+.dropdown-menu-left { right: auto; left: 0; }
+
+.dropdown-menu-right { right: 0; left: auto; }
+
+@media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; }
+ .dropdown-menu-sm-right { right: 0; left: auto; } }
+@media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; }
+ .dropdown-menu-md-right { right: 0; left: auto; } }
+@media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; }
+ .dropdown-menu-lg-right { right: 0; left: auto; } }
+@media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; }
+ .dropdown-menu-xl-right { right: 0; left: auto; } }
+.dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; }
+.dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; }
+.dropup .dropdown-toggle:empty::after { margin-left: 0; }
+
+.dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; }
+.dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; }
+.dropright .dropdown-toggle:empty::after { margin-left: 0; }
+.dropright .dropdown-toggle::after { vertical-align: 0; }
+
+.dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; }
+.dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; }
+.dropleft .dropdown-toggle::after { display: none; }
+.dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; }
+.dropleft .dropdown-toggle:empty::after { margin-left: 0; }
+.dropleft .dropdown-toggle::before { vertical-align: 0; }
+
+.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; }
+
+.dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; }
+
+.dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; }
+.dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; }
+.dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; }
+.dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; }
+
+.dropdown-menu.show { display: block; }
+
+.dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; }
+
+.dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; }
+
+.btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; }
+.btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; }
+.btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; }
+.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; }
+
+.btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; }
+.btn-toolbar .input-group { width: auto; }
+
+.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; }
+.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; }
+.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; }
+
+.dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; }
+.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; }
+.dropleft .dropdown-toggle-split::before { margin-right: 0; }
+
+.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; }
+
+.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; }
+
+.btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; }
+.btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; }
+.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; }
+.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; }
+.btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; }
+
+.input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; }
+.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; }
+.input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; }
+.input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; }
+.input-group > .custom-file .custom-file-input:focus { z-index: 4; }
+.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
+.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
+.input-group > .custom-file { display: flex; align-items: center; }
+.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; }
+.input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; }
+
+.input-group-prepend, .input-group-append { display: flex; }
+.input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; }
+.input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; }
+.input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; }
+
+.input-group-prepend { margin-right: -1px; }
+
+.input-group-append { margin-left: -1px; }
+
+.input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; }
+.input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; }
+
+.input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1rem + 2px); }
+
+.input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; }
+
+.input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 2px); }
+
+.input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; }
+
+.input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; }
+
+.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
+
+.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
+
+.custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; }
+
+.custom-control-inline { display: inline-flex; margin-right: 1rem; }
+
+.custom-control-input { position: absolute; z-index: -1; opacity: 0; }
+.custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #007bff; background-color: #007bff; }
+.custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
+.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #80bdff; }
+.custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; border-color: #b3d7ff; }
+.custom-control-input:disabled ~ .custom-control-label { color: #6c757d; }
+.custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; }
+
+.custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; }
+.custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; }
+.custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50% / 50% 50%; }
+
+.custom-checkbox .custom-control-label::before { border-radius: 0.25rem; }
+.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' 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"); }
+.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #007bff; background-color: #007bff; }
+.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); }
+.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); }
+.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); }
+
+.custom-radio .custom-control-label::before { border-radius: 50%; }
+.custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }
+.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); }
+
+.custom-switch { padding-left: 2.25rem; }
+.custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; }
+.custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
+@media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } }
+.custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.75rem); }
+.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); }
+
+.custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; appearance: none; }
+.custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
+.custom-select:focus::-ms-value { color: #495057; background-color: #fff; }
+.custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; }
+.custom-select:disabled { color: #6c757d; background-color: #e9ecef; }
+.custom-select::-ms-expand { display: none; }
+
+.custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; }
+
+.custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; }
+
+.custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; }
+
+.custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; opacity: 0; }
+.custom-file-input:focus ~ .custom-file-label { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
+.custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; }
+.custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; }
+.custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); }
+
+.custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; }
+.custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; }
+
+.custom-range { width: 100%; height: calc(1rem + 0.4rem); padding: 0; background-color: transparent; appearance: none; }
+.custom-range:focus { outline: none; }
+.custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
+.custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
+.custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
+.custom-range::-moz-focus-outer { border: 0; }
+.custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; }
+@media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { transition: none; } }
+.custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff; }
+.custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; }
+.custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; }
+@media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { transition: none; } }
+.custom-range::-moz-range-thumb:active { background-color: #b3d7ff; }
+.custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; }
+.custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; }
+@media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { transition: none; } }
+.custom-range::-ms-thumb:active { background-color: #b3d7ff; }
+.custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; }
+.custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; }
+.custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; }
+.custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; }
+.custom-range:disabled::-webkit-slider-runnable-track { cursor: default; }
+.custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; }
+.custom-range:disabled::-moz-range-track { cursor: default; }
+.custom-range:disabled::-ms-thumb { background-color: #adb5bd; }
+
+.custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
+@media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } }
+
+.nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; }
+
+.nav-link { display: block; padding: 0.5rem 1rem; }
+.nav-link:hover, .nav-link:focus { text-decoration: none; }
+.nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; }
+
+.nav-tabs { border-bottom: 1px solid #dee2e6; }
+.nav-tabs .nav-item { margin-bottom: -1px; }
+.nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
+.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; }
+.nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; }
+.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; }
+.nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+.nav-pills .nav-link { border-radius: 0.25rem; }
+.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #007bff; }
+
+.nav-fill .nav-item { flex: 1 1 auto; text-align: center; }
+
+.nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; }
+
+.tab-content > .tab-pane { display: none; }
+.tab-content > .active { display: block; }
+
+.navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; }
+.navbar > .container, .navbar > .container-fluid, .navbar > .content { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
+
+.navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; }
+.navbar-brand:hover, .navbar-brand:focus { text-decoration: none; }
+
+.navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; }
+.navbar-nav .nav-link { padding-right: 0; padding-left: 0; }
+.navbar-nav .dropdown-menu { position: static; float: none; }
+
+.navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; }
+
+.navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; }
+
+.navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; }
+.navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; }
+
+.navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; }
+
+@media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .content { padding-right: 0; padding-left: 0; } }
+@media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; }
+ .navbar-expand-sm .navbar-nav { flex-direction: row; }
+ .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; }
+ .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }
+ .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .content { flex-wrap: nowrap; }
+ .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; }
+ .navbar-expand-sm .navbar-toggler { display: none; } }
+@media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .content { padding-right: 0; padding-left: 0; } }
+@media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; }
+ .navbar-expand-md .navbar-nav { flex-direction: row; }
+ .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; }
+ .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }
+ .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .content { flex-wrap: nowrap; }
+ .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; }
+ .navbar-expand-md .navbar-toggler { display: none; } }
+@media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .content { padding-right: 0; padding-left: 0; } }
+@media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; }
+ .navbar-expand-lg .navbar-nav { flex-direction: row; }
+ .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; }
+ .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }
+ .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .content { flex-wrap: nowrap; }
+ .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; }
+ .navbar-expand-lg .navbar-toggler { display: none; } }
+@media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .content { padding-right: 0; padding-left: 0; } }
+@media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; }
+ .navbar-expand-xl .navbar-nav { flex-direction: row; }
+ .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; }
+ .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }
+ .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .content { flex-wrap: nowrap; }
+ .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; }
+ .navbar-expand-xl .navbar-toggler { display: none; } }
+.navbar-expand { flex-flow: row nowrap; justify-content: flex-start; }
+.navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .content { padding-right: 0; padding-left: 0; }
+.navbar-expand .navbar-nav { flex-direction: row; }
+.navbar-expand .navbar-nav .dropdown-menu { position: absolute; }
+.navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }
+.navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .content { flex-wrap: nowrap; }
+.navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; }
+.navbar-expand .navbar-toggler { display: none; }
+
+.navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); }
+.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); }
+.navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); }
+.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); }
+.navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); }
+.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); }
+.navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); }
+.navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
+.navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); }
+.navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); }
+.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); }
+
+.navbar-dark .navbar-brand { color: #fff; }
+.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; }
+.navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); }
+.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); }
+.navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); }
+.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; }
+.navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); }
+.navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
+.navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); }
+.navbar-dark .navbar-text a { color: #fff; }
+.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; }
+
+.card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; }
+.card > hr { margin-right: 0; margin-left: 0; }
+.card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
+.card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }
+
+.card-body { flex: 1 1 auto; padding: 1.25rem; }
+
+.card-title { margin-bottom: 0.75rem; }
+
+.card-subtitle { margin-top: -0.375rem; margin-bottom: 0; }
+
+.card-text:last-child { margin-bottom: 0; }
+
+.card-link:hover { text-decoration: none; }
+.card-link + .card-link { margin-left: 1.25rem; }
+
+.card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
+.card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }
+.card-header + .list-group .list-group-item:first-child { border-top: 0; }
+
+.card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); }
+.card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }
+
+.card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; }
+
+.card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; }
+
+.card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; }
+
+.card-img { width: 100%; border-radius: calc(0.25rem - 1px); }
+
+.card-img-top { width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); }
+
+.card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); }
+
+.card-deck { display: flex; flex-direction: column; }
+.card-deck .card { margin-bottom: 15px; }
+@media (min-width: 576px) { .card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px; }
+ .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } }
+
+.card-group { display: flex; flex-direction: column; }
+.card-group > .card { margin-bottom: 15px; }
+@media (min-width: 576px) { .card-group { flex-flow: row wrap; }
+ .card-group > .card { flex: 1 0 0%; margin-bottom: 0; }
+ .card-group > .card + .card { margin-left: 0; border-left: 0; }
+ .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
+ .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; }
+ .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; }
+ .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
+ .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; }
+ .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } }
+
+.card-columns .card { margin-bottom: 0.75rem; }
+@media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; }
+ .card-columns .card { display: inline-block; width: 100%; } }
+
+.accordion > .card { overflow: hidden; }
+.accordion > .card:not(:first-of-type) .card-header:first-child { border-radius: 0; }
+.accordion > .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; }
+.accordion > .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+.accordion > .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; }
+.accordion > .card .card-header { margin-bottom: -1px; }
+
+.breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; }
+
+.breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; }
+.breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #6c757d; content: "/"; }
+.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; }
+.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; }
+.breadcrumb-item.active { color: #6c757d; }
+
+.pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; }
+
+.page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; }
+.page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; }
+.page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
+
+.page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }
+.page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }
+.page-item.active .page-link { z-index: 1; color: #fff; background-color: #007bff; border-color: #007bff; }
+.page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; }
+
+.pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; }
+.pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; }
+.pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; }
+
+.pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; }
+.pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; }
+.pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; }
+
+.badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
+@media (prefers-reduced-motion: reduce) { .badge { transition: none; } }
+a.badge:hover, a.badge:focus { text-decoration: none; }
+.badge:empty { display: none; }
+
+.btn .badge { position: relative; top: -1px; }
+
+.badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; }
+
+.badge-primary { color: #fff; background-color: #007bff; }
+a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #0062cc; }
+a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
+
+.badge-secondary { color: #fff; background-color: #6c757d; }
+a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #545b62; }
+a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
+
+.badge-success { color: #fff; background-color: #28a745; }
+a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #1e7e34; }
+a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
+
+.badge-info { color: #fff; background-color: #17a2b8; }
+a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #117a8b; }
+a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
+
+.badge-warning { color: #212529; background-color: #ffc107; }
+a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #d39e00; }
+a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
+
+.badge-danger { color: #fff; background-color: #dc3545; }
+a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #bd2130; }
+a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
+
+.badge-light { color: #212529; background-color: #f8f9fa; }
+a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #dae0e5; }
+a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
+
+.badge-dark { color: #fff; background-color: #343a40; }
+a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #1d2124; }
+a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
+
+.jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; }
+@media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } }
+
+.jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; }
+
+.alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; }
+
+.alert-heading { color: inherit; }
+
+.alert-link { font-weight: 700; }
+
+.alert-dismissible { padding-right: 4rem; }
+.alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; }
+
+.alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; }
+.alert-primary hr { border-top-color: #9fcdff; }
+.alert-primary .alert-link { color: #002752; }
+
+.alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; }
+.alert-secondary hr { border-top-color: #c8cbcf; }
+.alert-secondary .alert-link { color: #202326; }
+
+.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }
+.alert-success hr { border-top-color: #b1dfbb; }
+.alert-success .alert-link { color: #0b2e13; }
+
+.alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; }
+.alert-info hr { border-top-color: #abdde5; }
+.alert-info .alert-link { color: #062c33; }
+
+.alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; }
+.alert-warning hr { border-top-color: #ffe8a1; }
+.alert-warning .alert-link { color: #533f03; }
+
+.alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }
+.alert-danger hr { border-top-color: #f1b0b7; }
+.alert-danger .alert-link { color: #491217; }
+
+.alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; }
+.alert-light hr { border-top-color: #ececf6; }
+.alert-light .alert-link { color: #686868; }
+
+.alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; }
+.alert-dark hr { border-top-color: #b9bbbe; }
+.alert-dark .alert-link { color: #040505; }
+
+@keyframes progress-bar-stripes { from { background-position: 1rem 0; }
+ to { background-position: 0 0; } }
+.progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; }
+
+.progress-bar { display: flex; flex-direction: column; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width 0.6s ease; }
+@media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } }
+
+.progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; }
+
+.progress-bar-animated { animation: progress-bar-stripes 1s linear infinite; }
+@media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } }
+
+.media { display: flex; align-items: flex-start; }
+
+.media-body { flex: 1; }
+
+.list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; }
+
+.list-group-item-action { width: 100%; color: #495057; text-align: inherit; }
+.list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; }
+.list-group-item-action:active { color: #212529; background-color: #e9ecef; }
+
+.list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); }
+.list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
+.list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }
+.list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; }
+.list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; }
+
+.list-group-horizontal { flex-direction: row; }
+.list-group-horizontal .list-group-item { margin-right: -1px; margin-bottom: 0; }
+.list-group-horizontal .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; }
+.list-group-horizontal .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; }
+
+@media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; }
+ .list-group-horizontal-sm .list-group-item { margin-right: -1px; margin-bottom: 0; }
+ .list-group-horizontal-sm .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; }
+ .list-group-horizontal-sm .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } }
+@media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; }
+ .list-group-horizontal-md .list-group-item { margin-right: -1px; margin-bottom: 0; }
+ .list-group-horizontal-md .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; }
+ .list-group-horizontal-md .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } }
+@media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; }
+ .list-group-horizontal-lg .list-group-item { margin-right: -1px; margin-bottom: 0; }
+ .list-group-horizontal-lg .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; }
+ .list-group-horizontal-lg .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } }
+@media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; }
+ .list-group-horizontal-xl .list-group-item { margin-right: -1px; margin-bottom: 0; }
+ .list-group-horizontal-xl .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; }
+ .list-group-horizontal-xl .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } }
+.list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; }
+.list-group-flush .list-group-item:last-child { margin-bottom: -1px; }
+.list-group-flush:first-child .list-group-item:first-child { border-top: 0; }
+.list-group-flush:last-child .list-group-item:last-child { margin-bottom: 0; border-bottom: 0; }
+
+.list-group-item-primary { color: #004085; background-color: #b8daff; }
+.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #004085; background-color: #9fcdff; }
+.list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085; }
+
+.list-group-item-secondary { color: #383d41; background-color: #d6d8db; }
+.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; }
+.list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41; }
+
+.list-group-item-success { color: #155724; background-color: #c3e6cb; }
+.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #155724; background-color: #b1dfbb; }
+.list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724; }
+
+.list-group-item-info { color: #0c5460; background-color: #bee5eb; }
+.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #0c5460; background-color: #abdde5; }
+.list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460; }
+
+.list-group-item-warning { color: #856404; background-color: #ffeeba; }
+.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #856404; background-color: #ffe8a1; }
+.list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404; }
+
+.list-group-item-danger { color: #721c24; background-color: #f5c6cb; }
+.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #721c24; background-color: #f1b0b7; }
+.list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24; }
+
+.list-group-item-light { color: #818182; background-color: #fdfdfe; }
+.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; }
+.list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; }
+
+.list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; }
+.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; }
+.list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; }
+
+.close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; }
+.close:hover { color: #000; text-decoration: none; }
+.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; }
+
+button.close { padding: 0; background-color: transparent; border: 0; appearance: none; }
+
+a.close.disabled { pointer-events: none; }
+
+.toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem; }
+.toast:not(:last-child) { margin-bottom: 0.75rem; }
+.toast.showing { opacity: 1; }
+.toast.show { display: block; opacity: 1; }
+.toast.hide { display: none; }
+
+.toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
+
+.toast-body { padding: 0.75rem; }
+
+.modal-open { overflow: hidden; }
+.modal-open .modal { overflow-x: hidden; overflow-y: auto; }
+
+.modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; }
+
+.modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; }
+.modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); }
+@media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } }
+.modal.show .modal-dialog { transform: none; }
+
+.modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); }
+.modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; }
+.modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; }
+.modal-dialog-scrollable .modal-body { overflow-y: auto; }
+
+.modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); }
+.modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: ""; }
+.modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; }
+.modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; }
+.modal-dialog-centered.modal-dialog-scrollable::before { content: none; }
+
+.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; }
+
+.modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; }
+.modal-backdrop.fade { opacity: 0; }
+.modal-backdrop.show { opacity: 0.5; }
+
+.modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; }
+.modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; }
+
+.modal-title { margin-bottom: 0; line-height: 1.5; }
+
+.modal-body { position: relative; flex: 1 1 auto; padding: 1rem; }
+
+.modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem; }
+.modal-footer > :not(:first-child) { margin-left: .25rem; }
+.modal-footer > :not(:last-child) { margin-right: .25rem; }
+
+.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }
+
+@media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; }
+ .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); }
+ .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); }
+ .modal-dialog-centered { min-height: calc(100% - 3.5rem); }
+ .modal-dialog-centered::before { height: calc(100vh - 3.5rem); }
+ .modal-sm { max-width: 300px; } }
+@media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } }
+@media (min-width: 1200px) { .modal-xl { max-width: 1140px; } }
+.tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; }
+.tooltip.show { opacity: 0.9; }
+.tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; }
+.tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; }
+
+.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; }
+.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; }
+.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; }
+
+.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; }
+.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; }
+.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; }
+
+.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; }
+.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; }
+.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; }
+
+.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; }
+.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; }
+.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; }
+
+.tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; }
+
+.popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; }
+.popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; }
+.popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; }
+
+.bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; }
+.bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { bottom: calc((0.5rem + 1px) * -1); }
+.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); }
+.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; }
+
+.bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; }
+.bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; }
+.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); }
+.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; }
+
+.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; }
+.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { top: calc((0.5rem + 1px) * -1); }
+.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); }
+.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; }
+.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; }
+
+.bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; }
+.bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; }
+.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); }
+.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; }
+
+.popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); }
+.popover-header:empty { display: none; }
+
+.popover-body { padding: 0.5rem 0.75rem; color: #212529; }
+
+.carousel { position: relative; }
+
+.carousel.pointer-event { touch-action: pan-y; }
+
+.carousel-inner { position: relative; width: 100%; overflow: hidden; }
+.carousel-inner::after { display: block; clear: both; content: ""; }
+
+.carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; }
+@media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } }
+
+.carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; }
+
+.carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { transform: translateX(100%); }
+
+.carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { transform: translateX(-100%); }
+
+.carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; }
+.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; }
+.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: 0s 0.6s opacity; }
+@media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } }
+
+.carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; }
+@media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } }
+.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; }
+
+.carousel-control-prev { left: 0; }
+
+.carousel-control-next { right: 0; }
+
+.carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: no-repeat 50% / 100% 100%; }
+
+.carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' 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"); }
+
+.carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' 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"); }
+
+.carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; }
+.carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity 0.6s ease; }
+@media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } }
+.carousel-indicators .active { opacity: 1; }
+
+.carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; }
+
+@keyframes spinner-border { to { transform: rotate(360deg); } }
+.spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spinner-border .75s linear infinite; }
+
+.spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; }
+
+@keyframes spinner-grow { 0% { transform: scale(0); }
+ 50% { opacity: 1; } }
+.spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; animation: spinner-grow .75s linear infinite; }
+
+.spinner-grow-sm { width: 1rem; height: 1rem; }
+
+.align-baseline { vertical-align: baseline !important; }
+
+.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; }
+
+.bg-primary { background-color: #007bff !important; }
+
+a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0062cc !important; }
+
+.bg-secondary { background-color: #6c757d !important; }
+
+a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; }
+
+.bg-success { background-color: #28a745 !important; }
+
+a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; }
+
+.bg-info { background-color: #17a2b8 !important; }
+
+a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; }
+
+.bg-warning { background-color: #ffc107 !important; }
+
+a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; }
+
+.bg-danger { background-color: #dc3545 !important; }
+
+a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; }
+
+.bg-light { background-color: #f8f9fa !important; }
+
+a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; }
+
+.bg-dark { background-color: #343a40 !important; }
+
+a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; }
+
+.bg-white { background-color: #fff !important; }
+
+.bg-transparent { background-color: transparent !important; }
+
+.border { border: 1px solid #dee2e6 !important; }
+
+.border-top { border-top: 1px solid #dee2e6 !important; }
+
+.border-right { border-right: 1px solid #dee2e6 !important; }
+
+.border-bottom { border-bottom: 1px solid #dee2e6 !important; }
+
+.border-left { border-left: 1px solid #dee2e6 !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; }
+
+.border-primary { border-color: #007bff !important; }
+
+.border-secondary { border-color: #6c757d !important; }
+
+.border-success { border-color: #28a745 !important; }
+
+.border-info { border-color: #17a2b8 !important; }
+
+.border-warning { border-color: #ffc107 !important; }
+
+.border-danger { border-color: #dc3545 !important; }
+
+.border-light { border-color: #f8f9fa !important; }
+
+.border-dark { border-color: #343a40 !important; }
+
+.border-white { border-color: #fff !important; }
+
+.rounded-sm { border-radius: 0.2rem !important; }
+
+.rounded { border-radius: 0.25rem !important; }
+
+.rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; }
+
+.rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; }
+
+.rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; }
+
+.rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; }
+
+.rounded-lg { border-radius: 0.3rem !important; }
+
+.rounded-circle { border-radius: 50% !important; }
+
+.rounded-pill { border-radius: 50rem !important; }
+
+.rounded-0 { border-radius: 0 !important; }
+
+.clearfix::after { display: block; clear: both; content: ""; }
+
+.d-none { display: none !important; }
+
+.d-inline { display: inline !important; }
+
+.d-inline-block { display: inline-block !important; }
+
+.d-block { display: block !important; }
+
+.d-table { display: table !important; }
+
+.d-table-row { display: table-row !important; }
+
+.d-table-cell { display: table-cell !important; }
+
+.d-flex { display: flex !important; }
+
+.d-inline-flex { display: inline-flex !important; }
+
+@media (min-width: 576px) { .d-sm-none { display: none !important; }
+ .d-sm-inline { display: inline !important; }
+ .d-sm-inline-block { display: inline-block !important; }
+ .d-sm-block { display: block !important; }
+ .d-sm-table { display: table !important; }
+ .d-sm-table-row { display: table-row !important; }
+ .d-sm-table-cell { display: table-cell !important; }
+ .d-sm-flex { display: flex !important; }
+ .d-sm-inline-flex { display: inline-flex !important; } }
+@media (min-width: 768px) { .d-md-none { display: none !important; }
+ .d-md-inline { display: inline !important; }
+ .d-md-inline-block { display: inline-block !important; }
+ .d-md-block { display: block !important; }
+ .d-md-table { display: table !important; }
+ .d-md-table-row { display: table-row !important; }
+ .d-md-table-cell { display: table-cell !important; }
+ .d-md-flex { display: flex !important; }
+ .d-md-inline-flex { display: inline-flex !important; } }
+@media (min-width: 992px) { .d-lg-none { display: none !important; }
+ .d-lg-inline { display: inline !important; }
+ .d-lg-inline-block { display: inline-block !important; }
+ .d-lg-block { display: block !important; }
+ .d-lg-table { display: table !important; }
+ .d-lg-table-row { display: table-row !important; }
+ .d-lg-table-cell { display: table-cell !important; }
+ .d-lg-flex { display: flex !important; }
+ .d-lg-inline-flex { display: inline-flex !important; } }
+@media (min-width: 1200px) { .d-xl-none { display: none !important; }
+ .d-xl-inline { display: inline !important; }
+ .d-xl-inline-block { display: inline-block !important; }
+ .d-xl-block { display: block !important; }
+ .d-xl-table { display: table !important; }
+ .d-xl-table-row { display: table-row !important; }
+ .d-xl-table-cell { display: table-cell !important; }
+ .d-xl-flex { display: flex !important; }
+ .d-xl-inline-flex { display: inline-flex !important; } }
+@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; } }
+.embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; }
+.embed-responsive::before { display: block; content: ""; }
+.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }
+
+.embed-responsive-21by9::before { padding-top: 42.8571428571%; }
+
+.embed-responsive-16by9::before { padding-top: 56.25%; }
+
+.embed-responsive-4by3::before { padding-top: 75%; }
+
+.embed-responsive-1by1::before { padding-top: 100%; }
+
+.flex-row { flex-direction: row !important; }
+
+.flex-column { flex-direction: column !important; }
+
+.flex-row-reverse { flex-direction: row-reverse !important; }
+
+.flex-column-reverse { flex-direction: column-reverse !important; }
+
+.flex-wrap { flex-wrap: wrap !important; }
+
+.flex-nowrap { flex-wrap: nowrap !important; }
+
+.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }
+
+.flex-fill { flex: 1 1 auto !important; }
+
+.flex-grow-0 { flex-grow: 0 !important; }
+
+.flex-grow-1 { flex-grow: 1 !important; }
+
+.flex-shrink-0 { flex-shrink: 0 !important; }
+
+.flex-shrink-1 { flex-shrink: 1 !important; }
+
+.justify-content-start { justify-content: flex-start !important; }
+
+.justify-content-end { justify-content: flex-end !important; }
+
+.justify-content-center { justify-content: center !important; }
+
+.justify-content-between { justify-content: space-between !important; }
+
+.justify-content-around { justify-content: space-around !important; }
+
+.align-items-start { align-items: flex-start !important; }
+
+.align-items-end { align-items: flex-end !important; }
+
+.align-items-center { align-items: center !important; }
+
+.align-items-baseline { align-items: baseline !important; }
+
+.align-items-stretch { align-items: stretch !important; }
+
+.align-content-start { align-content: flex-start !important; }
+
+.align-content-end { align-content: flex-end !important; }
+
+.align-content-center { align-content: center !important; }
+
+.align-content-between { align-content: space-between !important; }
+
+.align-content-around { align-content: space-around !important; }
+
+.align-content-stretch { align-content: stretch !important; }
+
+.align-self-auto { align-self: auto !important; }
+
+.align-self-start { align-self: flex-start !important; }
+
+.align-self-end { align-self: flex-end !important; }
+
+.align-self-center { align-self: center !important; }
+
+.align-self-baseline { align-self: baseline !important; }
+
+.align-self-stretch { align-self: stretch !important; }
+
+@media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; }
+ .flex-sm-column { flex-direction: column !important; }
+ .flex-sm-row-reverse { flex-direction: row-reverse !important; }
+ .flex-sm-column-reverse { flex-direction: column-reverse !important; }
+ .flex-sm-wrap { flex-wrap: wrap !important; }
+ .flex-sm-nowrap { flex-wrap: nowrap !important; }
+ .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; }
+ .flex-sm-fill { flex: 1 1 auto !important; }
+ .flex-sm-grow-0 { flex-grow: 0 !important; }
+ .flex-sm-grow-1 { flex-grow: 1 !important; }
+ .flex-sm-shrink-0 { flex-shrink: 0 !important; }
+ .flex-sm-shrink-1 { flex-shrink: 1 !important; }
+ .justify-content-sm-start { justify-content: flex-start !important; }
+ .justify-content-sm-end { justify-content: flex-end !important; }
+ .justify-content-sm-center { justify-content: center !important; }
+ .justify-content-sm-between { justify-content: space-between !important; }
+ .justify-content-sm-around { justify-content: space-around !important; }
+ .align-items-sm-start { align-items: flex-start !important; }
+ .align-items-sm-end { align-items: flex-end !important; }
+ .align-items-sm-center { align-items: center !important; }
+ .align-items-sm-baseline { align-items: baseline !important; }
+ .align-items-sm-stretch { align-items: stretch !important; }
+ .align-content-sm-start { align-content: flex-start !important; }
+ .align-content-sm-end { align-content: flex-end !important; }
+ .align-content-sm-center { align-content: center !important; }
+ .align-content-sm-between { align-content: space-between !important; }
+ .align-content-sm-around { align-content: space-around !important; }
+ .align-content-sm-stretch { align-content: stretch !important; }
+ .align-self-sm-auto { align-self: auto !important; }
+ .align-self-sm-start { align-self: flex-start !important; }
+ .align-self-sm-end { align-self: flex-end !important; }
+ .align-self-sm-center { align-self: center !important; }
+ .align-self-sm-baseline { align-self: baseline !important; }
+ .align-self-sm-stretch { align-self: stretch !important; } }
+@media (min-width: 768px) { .flex-md-row { flex-direction: row !important; }
+ .flex-md-column { flex-direction: column !important; }
+ .flex-md-row-reverse { flex-direction: row-reverse !important; }
+ .flex-md-column-reverse { flex-direction: column-reverse !important; }
+ .flex-md-wrap { flex-wrap: wrap !important; }
+ .flex-md-nowrap { flex-wrap: nowrap !important; }
+ .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; }
+ .flex-md-fill { flex: 1 1 auto !important; }
+ .flex-md-grow-0 { flex-grow: 0 !important; }
+ .flex-md-grow-1 { flex-grow: 1 !important; }
+ .flex-md-shrink-0 { flex-shrink: 0 !important; }
+ .flex-md-shrink-1 { flex-shrink: 1 !important; }
+ .justify-content-md-start { justify-content: flex-start !important; }
+ .justify-content-md-end { justify-content: flex-end !important; }
+ .justify-content-md-center { justify-content: center !important; }
+ .justify-content-md-between { justify-content: space-between !important; }
+ .justify-content-md-around { justify-content: space-around !important; }
+ .align-items-md-start { align-items: flex-start !important; }
+ .align-items-md-end { align-items: flex-end !important; }
+ .align-items-md-center { align-items: center !important; }
+ .align-items-md-baseline { align-items: baseline !important; }
+ .align-items-md-stretch { align-items: stretch !important; }
+ .align-content-md-start { align-content: flex-start !important; }
+ .align-content-md-end { align-content: flex-end !important; }
+ .align-content-md-center { align-content: center !important; }
+ .align-content-md-between { align-content: space-between !important; }
+ .align-content-md-around { align-content: space-around !important; }
+ .align-content-md-stretch { align-content: stretch !important; }
+ .align-self-md-auto { align-self: auto !important; }
+ .align-self-md-start { align-self: flex-start !important; }
+ .align-self-md-end { align-self: flex-end !important; }
+ .align-self-md-center { align-self: center !important; }
+ .align-self-md-baseline { align-self: baseline !important; }
+ .align-self-md-stretch { align-self: stretch !important; } }
+@media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; }
+ .flex-lg-column { flex-direction: column !important; }
+ .flex-lg-row-reverse { flex-direction: row-reverse !important; }
+ .flex-lg-column-reverse { flex-direction: column-reverse !important; }
+ .flex-lg-wrap { flex-wrap: wrap !important; }
+ .flex-lg-nowrap { flex-wrap: nowrap !important; }
+ .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; }
+ .flex-lg-fill { flex: 1 1 auto !important; }
+ .flex-lg-grow-0 { flex-grow: 0 !important; }
+ .flex-lg-grow-1 { flex-grow: 1 !important; }
+ .flex-lg-shrink-0 { flex-shrink: 0 !important; }
+ .flex-lg-shrink-1 { flex-shrink: 1 !important; }
+ .justify-content-lg-start { justify-content: flex-start !important; }
+ .justify-content-lg-end { justify-content: flex-end !important; }
+ .justify-content-lg-center { justify-content: center !important; }
+ .justify-content-lg-between { justify-content: space-between !important; }
+ .justify-content-lg-around { justify-content: space-around !important; }
+ .align-items-lg-start { align-items: flex-start !important; }
+ .align-items-lg-end { align-items: flex-end !important; }
+ .align-items-lg-center { align-items: center !important; }
+ .align-items-lg-baseline { align-items: baseline !important; }
+ .align-items-lg-stretch { align-items: stretch !important; }
+ .align-content-lg-start { align-content: flex-start !important; }
+ .align-content-lg-end { align-content: flex-end !important; }
+ .align-content-lg-center { align-content: center !important; }
+ .align-content-lg-between { align-content: space-between !important; }
+ .align-content-lg-around { align-content: space-around !important; }
+ .align-content-lg-stretch { align-content: stretch !important; }
+ .align-self-lg-auto { align-self: auto !important; }
+ .align-self-lg-start { align-self: flex-start !important; }
+ .align-self-lg-end { align-self: flex-end !important; }
+ .align-self-lg-center { align-self: center !important; }
+ .align-self-lg-baseline { align-self: baseline !important; }
+ .align-self-lg-stretch { align-self: stretch !important; } }
+@media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; }
+ .flex-xl-column { flex-direction: column !important; }
+ .flex-xl-row-reverse { flex-direction: row-reverse !important; }
+ .flex-xl-column-reverse { flex-direction: column-reverse !important; }
+ .flex-xl-wrap { flex-wrap: wrap !important; }
+ .flex-xl-nowrap { flex-wrap: nowrap !important; }
+ .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; }
+ .flex-xl-fill { flex: 1 1 auto !important; }
+ .flex-xl-grow-0 { flex-grow: 0 !important; }
+ .flex-xl-grow-1 { flex-grow: 1 !important; }
+ .flex-xl-shrink-0 { flex-shrink: 0 !important; }
+ .flex-xl-shrink-1 { flex-shrink: 1 !important; }
+ .justify-content-xl-start { justify-content: flex-start !important; }
+ .justify-content-xl-end { justify-content: flex-end !important; }
+ .justify-content-xl-center { justify-content: center !important; }
+ .justify-content-xl-between { justify-content: space-between !important; }
+ .justify-content-xl-around { justify-content: space-around !important; }
+ .align-items-xl-start { align-items: flex-start !important; }
+ .align-items-xl-end { align-items: flex-end !important; }
+ .align-items-xl-center { align-items: center !important; }
+ .align-items-xl-baseline { align-items: baseline !important; }
+ .align-items-xl-stretch { align-items: stretch !important; }
+ .align-content-xl-start { align-content: flex-start !important; }
+ .align-content-xl-end { align-content: flex-end !important; }
+ .align-content-xl-center { align-content: center !important; }
+ .align-content-xl-between { align-content: space-between !important; }
+ .align-content-xl-around { align-content: space-around !important; }
+ .align-content-xl-stretch { align-content: stretch !important; }
+ .align-self-xl-auto { align-self: auto !important; }
+ .align-self-xl-start { align-self: flex-start !important; }
+ .align-self-xl-end { align-self: flex-end !important; }
+ .align-self-xl-center { align-self: center !important; }
+ .align-self-xl-baseline { align-self: baseline !important; }
+ .align-self-xl-stretch { align-self: stretch !important; } }
+.float-left { float: left !important; }
+
+.float-right { float: right !important; }
+
+.float-none { float: none !important; }
+
+@media (min-width: 576px) { .float-sm-left { float: left !important; }
+ .float-sm-right { float: right !important; }
+ .float-sm-none { float: none !important; } }
+@media (min-width: 768px) { .float-md-left { float: left !important; }
+ .float-md-right { float: right !important; }
+ .float-md-none { float: none !important; } }
+@media (min-width: 992px) { .float-lg-left { float: left !important; }
+ .float-lg-right { float: right !important; }
+ .float-lg-none { float: none !important; } }
+@media (min-width: 1200px) { .float-xl-left { float: left !important; }
+ .float-xl-right { float: right !important; }
+ .float-xl-none { float: none !important; } }
+.overflow-auto { overflow: auto !important; }
+
+.overflow-hidden { overflow: hidden !important; }
+
+.position-static { position: static !important; }
+
+.position-relative { position: relative !important; }
+
+.position-absolute { position: absolute !important; }
+
+.position-fixed { position: fixed !important; }
+
+.position-sticky { position: sticky !important; }
+
+.fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }
+
+.fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; }
+
+@supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } }
+
+.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
+
+.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; }
+
+.shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }
+
+.shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }
+
+.shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }
+
+.shadow-none { box-shadow: none !important; }
+
+.w-25 { width: 25% !important; }
+
+.w-50 { width: 50% !important; }
+
+.w-75 { width: 75% !important; }
+
+.w-100 { width: 100% !important; }
+
+.w-auto { width: auto !important; }
+
+.h-25 { height: 25% !important; }
+
+.h-50 { height: 50% !important; }
+
+.h-75 { height: 75% !important; }
+
+.h-100 { height: 100% !important; }
+
+.h-auto { height: auto !important; }
+
+.mw-100 { max-width: 100% !important; }
+
+.mh-100 { max-height: 100% !important; }
+
+.min-vw-100 { min-width: 100vw !important; }
+
+.min-vh-100 { min-height: 100vh !important; }
+
+.vw-100 { width: 100vw !important; }
+
+.vh-100 { height: 100vh !important; }
+
+.stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); }
+
+.m-0 { margin: 0 !important; }
+
+.mt-0, .my-0 { margin-top: 0 !important; }
+
+.mr-0, .mx-0 { margin-right: 0 !important; }
+
+.mb-0, .my-0 { margin-bottom: 0 !important; }
+
+.ml-0, .mx-0 { margin-left: 0 !important; }
+
+.m-1 { margin: 0.25rem !important; }
+
+.mt-1, .my-1 { margin-top: 0.25rem !important; }
+
+.mr-1, .mx-1 { margin-right: 0.25rem !important; }
+
+.mb-1, .my-1 { margin-bottom: 0.25rem !important; }
+
+.ml-1, .mx-1 { margin-left: 0.25rem !important; }
+
+.m-2 { margin: 0.5rem !important; }
+
+.mt-2, .my-2 { margin-top: 0.5rem !important; }
+
+.mr-2, .mx-2 { margin-right: 0.5rem !important; }
+
+.mb-2, .my-2 { margin-bottom: 0.5rem !important; }
+
+.ml-2, .mx-2 { margin-left: 0.5rem !important; }
+
+.m-3 { margin: 1rem !important; }
+
+.mt-3, .my-3 { margin-top: 1rem !important; }
+
+.mr-3, .mx-3 { margin-right: 1rem !important; }
+
+.mb-3, .my-3 { margin-bottom: 1rem !important; }
+
+.ml-3, .mx-3 { margin-left: 1rem !important; }
+
+.m-4 { margin: 1.5rem !important; }
+
+.mt-4, .content, .my-4 { margin-top: 1.5rem !important; }
+
+.mr-4, .mx-4 { margin-right: 1.5rem !important; }
+
+.mb-4, .my-4 { margin-bottom: 1.5rem !important; }
+
+.ml-4, .mx-4 { margin-left: 1.5rem !important; }
+
+.m-5 { margin: 3rem !important; }
+
+.mt-5, .my-5 { margin-top: 3rem !important; }
+
+.mr-5, .mx-5 { margin-right: 3rem !important; }
+
+.mb-5, .my-5 { margin-bottom: 3rem !important; }
+
+.ml-5, .mx-5 { margin-left: 3rem !important; }
+
+.p-0 { padding: 0 !important; }
+
+.pt-0, .py-0 { padding-top: 0 !important; }
+
+.pr-0, .px-0 { padding-right: 0 !important; }
+
+.pb-0, .py-0 { padding-bottom: 0 !important; }
+
+.pl-0, .px-0 { padding-left: 0 !important; }
+
+.p-1 { padding: 0.25rem !important; }
+
+.pt-1, .py-1 { padding-top: 0.25rem !important; }
+
+.pr-1, .px-1 { padding-right: 0.25rem !important; }
+
+.pb-1, .py-1 { padding-bottom: 0.25rem !important; }
+
+.pl-1, .px-1 { padding-left: 0.25rem !important; }
+
+.p-2 { padding: 0.5rem !important; }
+
+.pt-2, .py-2 { padding-top: 0.5rem !important; }
+
+.pr-2, .px-2 { padding-right: 0.5rem !important; }
+
+.pb-2, .py-2 { padding-bottom: 0.5rem !important; }
+
+.pl-2, .px-2 { padding-left: 0.5rem !important; }
+
+.p-3 { padding: 1rem !important; }
+
+.pt-3, .py-3 { padding-top: 1rem !important; }
+
+.pr-3, .px-3 { padding-right: 1rem !important; }
+
+.pb-3, .py-3 { padding-bottom: 1rem !important; }
+
+.pl-3, .px-3 { padding-left: 1rem !important; }
+
+.p-4 { padding: 1.5rem !important; }
+
+.pt-4, .py-4 { padding-top: 1.5rem !important; }
+
+.pr-4, .px-4 { padding-right: 1.5rem !important; }
+
+.pb-4, .py-4 { padding-bottom: 1.5rem !important; }
+
+.pl-4, .px-4 { padding-left: 1.5rem !important; }
+
+.p-5 { padding: 3rem !important; }
+
+.pt-5, .py-5 { padding-top: 3rem !important; }
+
+.pr-5, .px-5 { padding-right: 3rem !important; }
+
+.pb-5, .py-5 { padding-bottom: 3rem !important; }
+
+.pl-5, .px-5 { padding-left: 3rem !important; }
+
+.m-n1 { margin: -0.25rem !important; }
+
+.mt-n1, .my-n1 { margin-top: -0.25rem !important; }
+
+.mr-n1, .mx-n1 { margin-right: -0.25rem !important; }
+
+.mb-n1, .my-n1 { margin-bottom: -0.25rem !important; }
+
+.ml-n1, .mx-n1 { margin-left: -0.25rem !important; }
+
+.m-n2 { margin: -0.5rem !important; }
+
+.mt-n2, .my-n2 { margin-top: -0.5rem !important; }
+
+.mr-n2, .mx-n2 { margin-right: -0.5rem !important; }
+
+.mb-n2, .my-n2 { margin-bottom: -0.5rem !important; }
+
+.ml-n2, .mx-n2 { margin-left: -0.5rem !important; }
+
+.m-n3 { margin: -1rem !important; }
+
+.mt-n3, .my-n3 { margin-top: -1rem !important; }
+
+.mr-n3, .mx-n3 { margin-right: -1rem !important; }
+
+.mb-n3, .my-n3 { margin-bottom: -1rem !important; }
+
+.ml-n3, .mx-n3 { margin-left: -1rem !important; }
+
+.m-n4 { margin: -1.5rem !important; }
+
+.mt-n4, .my-n4 { margin-top: -1.5rem !important; }
+
+.mr-n4, .mx-n4 { margin-right: -1.5rem !important; }
+
+.mb-n4, .my-n4 { margin-bottom: -1.5rem !important; }
+
+.ml-n4, .mx-n4 { margin-left: -1.5rem !important; }
+
+.m-n5 { margin: -3rem !important; }
+
+.mt-n5, .my-n5 { margin-top: -3rem !important; }
+
+.mr-n5, .mx-n5 { margin-right: -3rem !important; }
+
+.mb-n5, .my-n5 { margin-bottom: -3rem !important; }
+
+.ml-n5, .mx-n5 { margin-left: -3rem !important; }
+
+.m-auto { margin: auto !important; }
+
+.mt-auto, .my-auto { margin-top: auto !important; }
+
+.mr-auto, .mx-auto { margin-right: auto !important; }
+
+.mb-auto, .my-auto { margin-bottom: auto !important; }
+
+.ml-auto, .mx-auto { margin-left: auto !important; }
+
+@media (min-width: 576px) { .m-sm-0 { margin: 0 !important; }
+ .mt-sm-0, .my-sm-0 { margin-top: 0 !important; }
+ .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; }
+ .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; }
+ .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; }
+ .m-sm-1 { margin: 0.25rem !important; }
+ .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; }
+ .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; }
+ .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; }
+ .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; }
+ .m-sm-2 { margin: 0.5rem !important; }
+ .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; }
+ .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; }
+ .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; }
+ .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; }
+ .m-sm-3 { margin: 1rem !important; }
+ .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; }
+ .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; }
+ .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; }
+ .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; }
+ .m-sm-4 { margin: 1.5rem !important; }
+ .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; }
+ .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; }
+ .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; }
+ .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; }
+ .m-sm-5 { margin: 3rem !important; }
+ .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; }
+ .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; }
+ .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; }
+ .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; }
+ .p-sm-0 { padding: 0 !important; }
+ .pt-sm-0, .py-sm-0 { padding-top: 0 !important; }
+ .pr-sm-0, .px-sm-0 { padding-right: 0 !important; }
+ .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; }
+ .pl-sm-0, .px-sm-0 { padding-left: 0 !important; }
+ .p-sm-1 { padding: 0.25rem !important; }
+ .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; }
+ .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; }
+ .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; }
+ .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; }
+ .p-sm-2 { padding: 0.5rem !important; }
+ .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; }
+ .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; }
+ .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; }
+ .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; }
+ .p-sm-3 { padding: 1rem !important; }
+ .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; }
+ .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; }
+ .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; }
+ .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; }
+ .p-sm-4 { padding: 1.5rem !important; }
+ .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; }
+ .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; }
+ .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; }
+ .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; }
+ .p-sm-5 { padding: 3rem !important; }
+ .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; }
+ .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; }
+ .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; }
+ .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; }
+ .m-sm-n1 { margin: -0.25rem !important; }
+ .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; }
+ .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; }
+ .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; }
+ .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; }
+ .m-sm-n2 { margin: -0.5rem !important; }
+ .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; }
+ .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; }
+ .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; }
+ .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; }
+ .m-sm-n3 { margin: -1rem !important; }
+ .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; }
+ .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; }
+ .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; }
+ .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; }
+ .m-sm-n4 { margin: -1.5rem !important; }
+ .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; }
+ .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; }
+ .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; }
+ .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; }
+ .m-sm-n5 { margin: -3rem !important; }
+ .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; }
+ .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; }
+ .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; }
+ .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; }
+ .m-sm-auto { margin: auto !important; }
+ .mt-sm-auto, .my-sm-auto { margin-top: auto !important; }
+ .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; }
+ .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; }
+ .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } }
+@media (min-width: 768px) { .m-md-0 { margin: 0 !important; }
+ .mt-md-0, .my-md-0 { margin-top: 0 !important; }
+ .mr-md-0, .mx-md-0 { margin-right: 0 !important; }
+ .mb-md-0, .my-md-0 { margin-bottom: 0 !important; }
+ .ml-md-0, .mx-md-0 { margin-left: 0 !important; }
+ .m-md-1 { margin: 0.25rem !important; }
+ .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; }
+ .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; }
+ .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; }
+ .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; }
+ .m-md-2 { margin: 0.5rem !important; }
+ .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; }
+ .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; }
+ .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; }
+ .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; }
+ .m-md-3 { margin: 1rem !important; }
+ .mt-md-3, .my-md-3 { margin-top: 1rem !important; }
+ .mr-md-3, .mx-md-3 { margin-right: 1rem !important; }
+ .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; }
+ .ml-md-3, .mx-md-3 { margin-left: 1rem !important; }
+ .m-md-4 { margin: 1.5rem !important; }
+ .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; }
+ .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; }
+ .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; }
+ .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; }
+ .m-md-5 { margin: 3rem !important; }
+ .mt-md-5, .my-md-5 { margin-top: 3rem !important; }
+ .mr-md-5, .mx-md-5 { margin-right: 3rem !important; }
+ .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; }
+ .ml-md-5, .mx-md-5 { margin-left: 3rem !important; }
+ .p-md-0 { padding: 0 !important; }
+ .pt-md-0, .py-md-0 { padding-top: 0 !important; }
+ .pr-md-0, .px-md-0 { padding-right: 0 !important; }
+ .pb-md-0, .py-md-0 { padding-bottom: 0 !important; }
+ .pl-md-0, .px-md-0 { padding-left: 0 !important; }
+ .p-md-1 { padding: 0.25rem !important; }
+ .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; }
+ .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; }
+ .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; }
+ .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; }
+ .p-md-2 { padding: 0.5rem !important; }
+ .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; }
+ .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; }
+ .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; }
+ .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; }
+ .p-md-3 { padding: 1rem !important; }
+ .pt-md-3, .py-md-3 { padding-top: 1rem !important; }
+ .pr-md-3, .px-md-3 { padding-right: 1rem !important; }
+ .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; }
+ .pl-md-3, .px-md-3 { padding-left: 1rem !important; }
+ .p-md-4 { padding: 1.5rem !important; }
+ .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; }
+ .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; }
+ .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; }
+ .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; }
+ .p-md-5 { padding: 3rem !important; }
+ .pt-md-5, .py-md-5 { padding-top: 3rem !important; }
+ .pr-md-5, .px-md-5 { padding-right: 3rem !important; }
+ .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; }
+ .pl-md-5, .px-md-5 { padding-left: 3rem !important; }
+ .m-md-n1 { margin: -0.25rem !important; }
+ .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; }
+ .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; }
+ .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; }
+ .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; }
+ .m-md-n2 { margin: -0.5rem !important; }
+ .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; }
+ .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; }
+ .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; }
+ .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; }
+ .m-md-n3 { margin: -1rem !important; }
+ .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; }
+ .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; }
+ .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; }
+ .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; }
+ .m-md-n4 { margin: -1.5rem !important; }
+ .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; }
+ .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; }
+ .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; }
+ .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; }
+ .m-md-n5 { margin: -3rem !important; }
+ .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; }
+ .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; }
+ .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; }
+ .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; }
+ .m-md-auto { margin: auto !important; }
+ .mt-md-auto, .my-md-auto { margin-top: auto !important; }
+ .mr-md-auto, .mx-md-auto { margin-right: auto !important; }
+ .mb-md-auto, .my-md-auto { margin-bottom: auto !important; }
+ .ml-md-auto, .mx-md-auto { margin-left: auto !important; } }
+@media (min-width: 992px) { .m-lg-0 { margin: 0 !important; }
+ .mt-lg-0, .my-lg-0 { margin-top: 0 !important; }
+ .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; }
+ .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; }
+ .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; }
+ .m-lg-1 { margin: 0.25rem !important; }
+ .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; }
+ .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; }
+ .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; }
+ .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; }
+ .m-lg-2 { margin: 0.5rem !important; }
+ .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; }
+ .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; }
+ .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; }
+ .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; }
+ .m-lg-3 { margin: 1rem !important; }
+ .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; }
+ .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; }
+ .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; }
+ .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; }
+ .m-lg-4 { margin: 1.5rem !important; }
+ .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; }
+ .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; }
+ .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; }
+ .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; }
+ .m-lg-5 { margin: 3rem !important; }
+ .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; }
+ .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; }
+ .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; }
+ .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; }
+ .p-lg-0 { padding: 0 !important; }
+ .pt-lg-0, .py-lg-0 { padding-top: 0 !important; }
+ .pr-lg-0, .px-lg-0 { padding-right: 0 !important; }
+ .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; }
+ .pl-lg-0, .px-lg-0 { padding-left: 0 !important; }
+ .p-lg-1 { padding: 0.25rem !important; }
+ .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; }
+ .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; }
+ .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; }
+ .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; }
+ .p-lg-2 { padding: 0.5rem !important; }
+ .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; }
+ .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; }
+ .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; }
+ .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; }
+ .p-lg-3 { padding: 1rem !important; }
+ .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; }
+ .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; }
+ .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; }
+ .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; }
+ .p-lg-4 { padding: 1.5rem !important; }
+ .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; }
+ .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; }
+ .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; }
+ .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; }
+ .p-lg-5 { padding: 3rem !important; }
+ .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; }
+ .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; }
+ .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; }
+ .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; }
+ .m-lg-n1 { margin: -0.25rem !important; }
+ .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; }
+ .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; }
+ .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; }
+ .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; }
+ .m-lg-n2 { margin: -0.5rem !important; }
+ .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; }
+ .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; }
+ .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; }
+ .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; }
+ .m-lg-n3 { margin: -1rem !important; }
+ .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; }
+ .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; }
+ .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; }
+ .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; }
+ .m-lg-n4 { margin: -1.5rem !important; }
+ .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; }
+ .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; }
+ .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; }
+ .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; }
+ .m-lg-n5 { margin: -3rem !important; }
+ .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; }
+ .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; }
+ .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; }
+ .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; }
+ .m-lg-auto { margin: auto !important; }
+ .mt-lg-auto, .my-lg-auto { margin-top: auto !important; }
+ .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; }
+ .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; }
+ .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } }
+@media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; }
+ .mt-xl-0, .my-xl-0 { margin-top: 0 !important; }
+ .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; }
+ .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; }
+ .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; }
+ .m-xl-1 { margin: 0.25rem !important; }
+ .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; }
+ .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; }
+ .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; }
+ .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; }
+ .m-xl-2 { margin: 0.5rem !important; }
+ .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; }
+ .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; }
+ .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; }
+ .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; }
+ .m-xl-3 { margin: 1rem !important; }
+ .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; }
+ .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; }
+ .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; }
+ .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; }
+ .m-xl-4 { margin: 1.5rem !important; }
+ .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; }
+ .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; }
+ .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; }
+ .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; }
+ .m-xl-5 { margin: 3rem !important; }
+ .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; }
+ .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; }
+ .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; }
+ .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; }
+ .p-xl-0 { padding: 0 !important; }
+ .pt-xl-0, .py-xl-0 { padding-top: 0 !important; }
+ .pr-xl-0, .px-xl-0 { padding-right: 0 !important; }
+ .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; }
+ .pl-xl-0, .px-xl-0 { padding-left: 0 !important; }
+ .p-xl-1 { padding: 0.25rem !important; }
+ .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; }
+ .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; }
+ .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; }
+ .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; }
+ .p-xl-2 { padding: 0.5rem !important; }
+ .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; }
+ .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; }
+ .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; }
+ .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; }
+ .p-xl-3 { padding: 1rem !important; }
+ .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; }
+ .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; }
+ .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; }
+ .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; }
+ .p-xl-4 { padding: 1.5rem !important; }
+ .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; }
+ .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; }
+ .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; }
+ .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; }
+ .p-xl-5 { padding: 3rem !important; }
+ .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; }
+ .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; }
+ .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; }
+ .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; }
+ .m-xl-n1 { margin: -0.25rem !important; }
+ .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; }
+ .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; }
+ .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; }
+ .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; }
+ .m-xl-n2 { margin: -0.5rem !important; }
+ .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; }
+ .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; }
+ .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; }
+ .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; }
+ .m-xl-n3 { margin: -1rem !important; }
+ .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; }
+ .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; }
+ .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; }
+ .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; }
+ .m-xl-n4 { margin: -1.5rem !important; }
+ .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; }
+ .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; }
+ .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; }
+ .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; }
+ .m-xl-n5 { margin: -3rem !important; }
+ .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; }
+ .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; }
+ .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; }
+ .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; }
+ .m-xl-auto { margin: auto !important; }
+ .mt-xl-auto, .my-xl-auto { margin-top: auto !important; }
+ .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; }
+ .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; }
+ .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } }
+.text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; }
+
+.text-justify { text-align: justify !important; }
+
+.text-wrap { white-space: normal !important; }
+
+.text-nowrap { white-space: nowrap !important; }
+
+.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+
+.text-left { text-align: left !important; }
+
+.text-right { text-align: right !important; }
+
+.text-center { text-align: center !important; }
+
+@media (min-width: 576px) { .text-sm-left { text-align: left !important; }
+ .text-sm-right { text-align: right !important; }
+ .text-sm-center { text-align: center !important; } }
+@media (min-width: 768px) { .text-md-left { text-align: left !important; }
+ .text-md-right { text-align: right !important; }
+ .text-md-center { text-align: center !important; } }
+@media (min-width: 992px) { .text-lg-left { text-align: left !important; }
+ .text-lg-right { text-align: right !important; }
+ .text-lg-center { text-align: center !important; } }
+@media (min-width: 1200px) { .text-xl-left { text-align: left !important; }
+ .text-xl-right { text-align: right !important; }
+ .text-xl-center { text-align: center !important; } }
+.text-lowercase { text-transform: lowercase !important; }
+
+.text-uppercase { text-transform: uppercase !important; }
+
+.text-capitalize { text-transform: capitalize !important; }
+
+.font-weight-light { font-weight: 300 !important; }
+
+.font-weight-lighter { font-weight: lighter !important; }
+
+.font-weight-normal { font-weight: 400 !important; }
+
+.font-weight-bold { font-weight: 700 !important; }
+
+.font-weight-bolder { font-weight: bolder !important; }
+
+.font-italic { font-style: italic !important; }
+
+.text-white { color: #fff !important; }
+
+.text-primary { color: #007bff !important; }
+
+a.text-primary:hover, a.text-primary:focus { color: #0056b3 !important; }
+
+.text-secondary { color: #6c757d !important; }
+
+a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; }
+
+.text-success { color: #28a745 !important; }
+
+a.text-success:hover, a.text-success:focus { color: #19692c !important; }
+
+.text-info { color: #17a2b8 !important; }
+
+a.text-info:hover, a.text-info:focus { color: #0f6674 !important; }
+
+.text-warning { color: #ffc107 !important; }
+
+a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; }
+
+.text-danger { color: #dc3545 !important; }
+
+a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important; }
+
+.text-light { color: #f8f9fa !important; }
+
+a.text-light:hover, a.text-light:focus { color: #cbd3da !important; }
+
+.text-dark { color: #343a40 !important; }
+
+a.text-dark:hover, a.text-dark:focus { color: #121416 !important; }
+
+.text-body { color: #212529 !important; }
+
+.text-muted { color: #6c757d !important; }
+
+.text-black-50 { color: rgba(0, 0, 0, 0.5) !important; }
+
+.text-white-50 { color: rgba(255, 255, 255, 0.5) !important; }
+
+.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
+
+.text-decoration-none { text-decoration: none !important; }
+
+.text-break { word-break: break-word !important; overflow-wrap: break-word !important; }
+
+.text-reset { color: inherit !important; }
+
+.visible { visibility: visible !important; }
+
+.invisible { visibility: hidden !important; }
+
+@media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; }
+ a:not(.btn) { text-decoration: underline; }
+ abbr[title]::after { content: " (" attr(title) ")"; }
+ pre { white-space: pre-wrap !important; }
+ pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; }
+ thead { display: table-header-group; }
+ tr, img { page-break-inside: avoid; }
+ p, h2, h3 { orphans: 3; widows: 3; }
+ h2, h3 { page-break-after: avoid; }
+ @page { size: a3; }
+ body { min-width: 992px !important; }
+ .container { min-width: 992px !important; }
+ .navbar { display: none; }
+ .badge { border: 1px solid #000; }
+ .table { border-collapse: collapse !important; }
+ .table td, .table th { background-color: #fff !important; }
+ .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; }
+ .table-dark { color: inherit; }
+ .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; }
+ .table .thead-dark th { color: inherit; border-color: #dee2e6; } }
+/*!
+ * Material Design for Bootstrap 4
+ * Version: MDB FREE 4.8.8
+ *
+ *
+ * Copyright: Material Design for Bootstrap
+ * https://mdbootstrap.com/
+ *
+ * Read the license: https://mdbootstrap.com/general/license/
+ *
+ *
+ * Documentation: https://mdbootstrap.com/
+ *
+ * Getting started: https://mdbootstrap.com/docs/jquery/getting-started/download/
+ *
+ * Tutorials: https://mdbootstrap.com/education/bootstrap/
+ *
+ * Templates: https://mdbootstrap.com/templates/
+ *
+ * Support: https://mdbootstrap.com/support/
+ *
+ * Contact: office@mdbootstrap.com
+ *
+ * Attribution: Animate CSS, Twitter Bootstrap, Materialize CSS, Normalize CSS, Waves JS, WOW JS, Toastr, Chart.js
+ *
+ */
+.mdb-color.lighten-5 { background-color: #d0d6e2 !important; }
+
+.mdb-color.lighten-4 { background-color: #b1bace !important; }
+
+.mdb-color.lighten-3 { background-color: #929fba !important; }
+
+.mdb-color.lighten-2 { background-color: #7283a7 !important; }
+
+.mdb-color.lighten-1 { background-color: #59698d !important; }
+
+.mdb-color { background-color: #45526e !important; }
+
+.mdb-color-text { color: #45526e !important; }
+
+.rgba-mdb-color-slight, .rgba-mdb-color-slight:after { background-color: rgba(69, 82, 110, 0.1); }
+
+.rgba-mdb-color-light, .rgba-mdb-color-light:after { background-color: rgba(69, 82, 110, 0.3); }
+
+.rgba-mdb-color-strong, .rgba-mdb-color-strong:after { background-color: rgba(69, 82, 110, 0.7); }
+
+.mdb-color.darken-1 { background-color: #3b465e !important; }
+
+.mdb-color.darken-2 { background-color: #2e3951 !important; }
+
+.mdb-color.darken-3 { background-color: #1c2a48 !important; }
+
+.mdb-color.darken-4 { background-color: #1c2331 !important; }
+
+.red.lighten-5 { background-color: #ffebee !important; }
+
+.red.lighten-4 { background-color: #ffcdd2 !important; }
+
+.red.lighten-3 { background-color: #ef9a9a !important; }
+
+.red.lighten-2 { background-color: #e57373 !important; }
+
+.red.lighten-1 { background-color: #ef5350 !important; }
+
+.red { background-color: #f44336 !important; }
+
+.red-text { color: #f44336 !important; }
+
+.rgba-red-slight, .rgba-red-slight:after { background-color: rgba(244, 67, 54, 0.1); }
+
+.rgba-red-light, .rgba-red-light:after { background-color: rgba(244, 67, 54, 0.3); }
+
+.rgba-red-strong, .rgba-red-strong:after { background-color: rgba(244, 67, 54, 0.7); }
+
+.red.darken-1 { background-color: #e53935 !important; }
+
+.red.darken-2 { background-color: #d32f2f !important; }
+
+.red.darken-3 { background-color: #c62828 !important; }
+
+.red.darken-4 { background-color: #b71c1c !important; }
+
+.red.accent-1 { background-color: #ff8a80 !important; }
+
+.red.accent-2 { background-color: #ff5252 !important; }
+
+.red.accent-3 { background-color: #ff1744 !important; }
+
+.red.accent-4 { background-color: #d50000 !important; }
+
+.pink.lighten-5 { background-color: #fce4ec !important; }
+
+.pink.lighten-4 { background-color: #f8bbd0 !important; }
+
+.pink.lighten-3 { background-color: #f48fb1 !important; }
+
+.pink.lighten-2 { background-color: #f06292 !important; }
+
+.pink.lighten-1 { background-color: #ec407a !important; }
+
+.pink { background-color: #e91e63 !important; }
+
+.pink-text { color: #e91e63 !important; }
+
+.rgba-pink-slight, .rgba-pink-slight:after { background-color: rgba(233, 30, 99, 0.1); }
+
+.rgba-pink-light, .rgba-pink-light:after { background-color: rgba(233, 30, 99, 0.3); }
+
+.rgba-pink-strong, .rgba-pink-strong:after { background-color: rgba(233, 30, 99, 0.7); }
+
+.pink.darken-1 { background-color: #d81b60 !important; }
+
+.pink.darken-2 { background-color: #c2185b !important; }
+
+.pink.darken-3 { background-color: #ad1457 !important; }
+
+.pink.darken-4 { background-color: #880e4f !important; }
+
+.pink.accent-1 { background-color: #ff80ab !important; }
+
+.pink.accent-2 { background-color: #ff4081 !important; }
+
+.pink.accent-3 { background-color: #f50057 !important; }
+
+.pink.accent-4 { background-color: #c51162 !important; }
+
+.purple.lighten-5 { background-color: #f3e5f5 !important; }
+
+.purple.lighten-4 { background-color: #e1bee7 !important; }
+
+.purple.lighten-3 { background-color: #ce93d8 !important; }
+
+.purple.lighten-2 { background-color: #ba68c8 !important; }
+
+.purple.lighten-1 { background-color: #ab47bc !important; }
+
+.purple { background-color: #9c27b0 !important; }
+
+.purple-text { color: #9c27b0 !important; }
+
+.rgba-purple-slight, .rgba-purple-slight:after { background-color: rgba(156, 39, 176, 0.1); }
+
+.rgba-purple-light, .rgba-purple-light:after { background-color: rgba(156, 39, 176, 0.3); }
+
+.rgba-purple-strong, .rgba-purple-strong:after { background-color: rgba(156, 39, 176, 0.7); }
+
+.purple.darken-1 { background-color: #8e24aa !important; }
+
+.purple.darken-2 { background-color: #7b1fa2 !important; }
+
+.purple.darken-3 { background-color: #6a1b9a !important; }
+
+.purple.darken-4 { background-color: #4a148c !important; }
+
+.purple.accent-1 { background-color: #ea80fc !important; }
+
+.purple.accent-2 { background-color: #e040fb !important; }
+
+.purple.accent-3 { background-color: #d500f9 !important; }
+
+.purple.accent-4 { background-color: #aa00ff !important; }
+
+.deep-purple.lighten-5 { background-color: #ede7f6 !important; }
+
+.deep-purple.lighten-4 { background-color: #d1c4e9 !important; }
+
+.deep-purple.lighten-3 { background-color: #b39ddb !important; }
+
+.deep-purple.lighten-2 { background-color: #9575cd !important; }
+
+.deep-purple.lighten-1 { background-color: #7e57c2 !important; }
+
+.deep-purple { background-color: #673ab7 !important; }
+
+.deep-purple-text { color: #673ab7 !important; }
+
+.rgba-deep-purple-slight, .rgba-deep-purple-slight:after { background-color: rgba(103, 58, 183, 0.1); }
+
+.rgba-deep-purple-light, .rgba-deep-purple-light:after { background-color: rgba(103, 58, 183, 0.3); }
+
+.rgba-deep-purple-strong, .rgba-deep-purple-strong:after { background-color: rgba(103, 58, 183, 0.7); }
+
+.deep-purple.darken-1 { background-color: #5e35b1 !important; }
+
+.deep-purple.darken-2 { background-color: #512da8 !important; }
+
+.deep-purple.darken-3 { background-color: #4527a0 !important; }
+
+.deep-purple.darken-4 { background-color: #311b92 !important; }
+
+.deep-purple.accent-1 { background-color: #b388ff !important; }
+
+.deep-purple.accent-2 { background-color: #7c4dff !important; }
+
+.deep-purple.accent-3 { background-color: #651fff !important; }
+
+.deep-purple.accent-4 { background-color: #6200ea !important; }
+
+.indigo.lighten-5 { background-color: #e8eaf6 !important; }
+
+.indigo.lighten-4 { background-color: #c5cae9 !important; }
+
+.indigo.lighten-3 { background-color: #9fa8da !important; }
+
+.indigo.lighten-2 { background-color: #7986cb !important; }
+
+.indigo.lighten-1 { background-color: #5c6bc0 !important; }
+
+.indigo { background-color: #3f51b5 !important; }
+
+.indigo-text { color: #3f51b5 !important; }
+
+.rgba-indigo-slight, .rgba-indigo-slight:after { background-color: rgba(63, 81, 181, 0.1); }
+
+.rgba-indigo-light, .rgba-indigo-light:after { background-color: rgba(63, 81, 181, 0.3); }
+
+.rgba-indigo-strong, .rgba-indigo-strong:after { background-color: rgba(63, 81, 181, 0.7); }
+
+.indigo.darken-1 { background-color: #3949ab !important; }
+
+.indigo.darken-2 { background-color: #303f9f !important; }
+
+.indigo.darken-3 { background-color: #283593 !important; }
+
+.indigo.darken-4 { background-color: #1a237e !important; }
+
+.indigo.accent-1 { background-color: #8c9eff !important; }
+
+.indigo.accent-2 { background-color: #536dfe !important; }
+
+.indigo.accent-3 { background-color: #3d5afe !important; }
+
+.indigo.accent-4 { background-color: #304ffe !important; }
+
+.blue.lighten-5 { background-color: #e3f2fd !important; }
+
+.blue.lighten-4 { background-color: #bbdefb !important; }
+
+.blue.lighten-3 { background-color: #90caf9 !important; }
+
+.blue.lighten-2 { background-color: #64b5f6 !important; }
+
+.blue.lighten-1 { background-color: #42a5f5 !important; }
+
+.blue { background-color: #2196f3 !important; }
+
+.blue-text { color: #2196f3 !important; }
+
+.rgba-blue-slight, .rgba-blue-slight:after { background-color: rgba(33, 150, 243, 0.1); }
+
+.rgba-blue-light, .rgba-blue-light:after { background-color: rgba(33, 150, 243, 0.3); }
+
+.rgba-blue-strong, .rgba-blue-strong:after { background-color: rgba(33, 150, 243, 0.7); }
+
+.blue.darken-1 { background-color: #1e88e5 !important; }
+
+.blue.darken-2 { background-color: #1976d2 !important; }
+
+.blue.darken-3 { background-color: #1565c0 !important; }
+
+.blue.darken-4 { background-color: #0d47a1 !important; }
+
+.blue.accent-1 { background-color: #82b1ff !important; }
+
+.blue.accent-2 { background-color: #448aff !important; }
+
+.blue.accent-3 { background-color: #2979ff !important; }
+
+.blue.accent-4 { background-color: #2962ff !important; }
+
+.light-blue.lighten-5 { background-color: #e1f5fe !important; }
+
+.light-blue.lighten-4 { background-color: #b3e5fc !important; }
+
+.light-blue.lighten-3 { background-color: #81d4fa !important; }
+
+.light-blue.lighten-2 { background-color: #4fc3f7 !important; }
+
+.light-blue.lighten-1 { background-color: #29b6f6 !important; }
+
+.light-blue { background-color: #03a9f4 !important; }
+
+.light-blue-text { color: #03a9f4 !important; }
+
+.rgba-light-blue-slight, .rgba-light-blue-slight:after { background-color: rgba(3, 169, 244, 0.1); }
+
+.rgba-light-blue-light, .rgba-light-blue-light:after { background-color: rgba(3, 169, 244, 0.3); }
+
+.rgba-light-blue-strong, .rgba-light-blue-strong:after { background-color: rgba(3, 169, 244, 0.7); }
+
+.light-blue.darken-1 { background-color: #039be5 !important; }
+
+.light-blue.darken-2 { background-color: #0288d1 !important; }
+
+.light-blue.darken-3 { background-color: #0277bd !important; }
+
+.light-blue.darken-4 { background-color: #01579b !important; }
+
+.light-blue.accent-1 { background-color: #80d8ff !important; }
+
+.light-blue.accent-2 { background-color: #40c4ff !important; }
+
+.light-blue.accent-3 { background-color: #00b0ff !important; }
+
+.light-blue.accent-4 { background-color: #0091ea !important; }
+
+.cyan.lighten-5 { background-color: #e0f7fa !important; }
+
+.cyan.lighten-4 { background-color: #b2ebf2 !important; }
+
+.cyan.lighten-3 { background-color: #80deea !important; }
+
+.cyan.lighten-2 { background-color: #4dd0e1 !important; }
+
+.cyan.lighten-1 { background-color: #26c6da !important; }
+
+.cyan { background-color: #00bcd4 !important; }
+
+.cyan-text { color: #00bcd4 !important; }
+
+.rgba-cyan-slight, .rgba-cyan-slight:after { background-color: rgba(0, 188, 212, 0.1); }
+
+.rgba-cyan-light, .rgba-cyan-light:after { background-color: rgba(0, 188, 212, 0.3); }
+
+.rgba-cyan-strong, .rgba-cyan-strong:after { background-color: rgba(0, 188, 212, 0.7); }
+
+.cyan.darken-1 { background-color: #00acc1 !important; }
+
+.cyan.darken-2 { background-color: #0097a7 !important; }
+
+.cyan.darken-3 { background-color: #00838f !important; }
+
+.cyan.darken-4 { background-color: #006064 !important; }
+
+.cyan.accent-1 { background-color: #84ffff !important; }
+
+.cyan.accent-2 { background-color: #18ffff !important; }
+
+.cyan.accent-3 { background-color: #00e5ff !important; }
+
+.cyan.accent-4 { background-color: #00b8d4 !important; }
+
+.teal.lighten-5 { background-color: #e0f2f1 !important; }
+
+.teal.lighten-4 { background-color: #b2dfdb !important; }
+
+.teal.lighten-3 { background-color: #80cbc4 !important; }
+
+.teal.lighten-2 { background-color: #4db6ac !important; }
+
+.teal.lighten-1 { background-color: #26a69a !important; }
+
+.teal { background-color: #009688 !important; }
+
+.teal-text { color: #009688 !important; }
+
+.rgba-teal-slight, .rgba-teal-slight:after { background-color: rgba(0, 150, 136, 0.1); }
+
+.rgba-teal-light, .rgba-teal-light:after { background-color: rgba(0, 150, 136, 0.3); }
+
+.rgba-teal-strong, .rgba-teal-strong:after { background-color: rgba(0, 150, 136, 0.7); }
+
+.teal.darken-1 { background-color: #00897b !important; }
+
+.teal.darken-2 { background-color: #00796b !important; }
+
+.teal.darken-3 { background-color: #00695c !important; }
+
+.teal.darken-4 { background-color: #004d40 !important; }
+
+.teal.accent-1 { background-color: #a7ffeb !important; }
+
+.teal.accent-2 { background-color: #64ffda !important; }
+
+.teal.accent-3 { background-color: #1de9b6 !important; }
+
+.teal.accent-4 { background-color: #00bfa5 !important; }
+
+.green.lighten-5 { background-color: #e8f5e9 !important; }
+
+.green.lighten-4 { background-color: #c8e6c9 !important; }
+
+.green.lighten-3 { background-color: #a5d6a7 !important; }
+
+.green.lighten-2 { background-color: #81c784 !important; }
+
+.green.lighten-1 { background-color: #66bb6a !important; }
+
+.green { background-color: #4caf50 !important; }
+
+.green-text { color: #4caf50 !important; }
+
+.rgba-green-slight, .rgba-green-slight:after { background-color: rgba(76, 175, 80, 0.1); }
+
+.rgba-green-light, .rgba-green-light:after { background-color: rgba(76, 175, 80, 0.3); }
+
+.rgba-green-strong, .rgba-green-strong:after { background-color: rgba(76, 175, 80, 0.7); }
+
+.green.darken-1 { background-color: #43a047 !important; }
+
+.green.darken-2 { background-color: #388e3c !important; }
+
+.green.darken-3 { background-color: #2e7d32 !important; }
+
+.green.darken-4 { background-color: #1b5e20 !important; }
+
+.green.accent-1 { background-color: #b9f6ca !important; }
+
+.green.accent-2 { background-color: #69f0ae !important; }
+
+.green.accent-3 { background-color: #00e676 !important; }
+
+.green.accent-4 { background-color: #00c853 !important; }
+
+.light-green.lighten-5 { background-color: #f1f8e9 !important; }
+
+.light-green.lighten-4 { background-color: #dcedc8 !important; }
+
+.light-green.lighten-3 { background-color: #c5e1a5 !important; }
+
+.light-green.lighten-2 { background-color: #aed581 !important; }
+
+.light-green.lighten-1 { background-color: #9ccc65 !important; }
+
+.light-green { background-color: #8bc34a !important; }
+
+.light-green-text { color: #8bc34a !important; }
+
+.rgba-light-green-slight, .rgba-light-green-slight:after { background-color: rgba(139, 195, 74, 0.1); }
+
+.rgba-light-green-light, .rgba-light-green-light:after { background-color: rgba(139, 195, 74, 0.3); }
+
+.rgba-light-green-strong, .rgba-light-green-strong:after { background-color: rgba(139, 195, 74, 0.7); }
+
+.light-green.darken-1 { background-color: #7cb342 !important; }
+
+.light-green.darken-2 { background-color: #689f38 !important; }
+
+.light-green.darken-3 { background-color: #558b2f !important; }
+
+.light-green.darken-4 { background-color: #33691e !important; }
+
+.light-green.accent-1 { background-color: #ccff90 !important; }
+
+.light-green.accent-2 { background-color: #b2ff59 !important; }
+
+.light-green.accent-3 { background-color: #76ff03 !important; }
+
+.light-green.accent-4 { background-color: #64dd17 !important; }
+
+.lime.lighten-5 { background-color: #f9fbe7 !important; }
+
+.lime.lighten-4 { background-color: #f0f4c3 !important; }
+
+.lime.lighten-3 { background-color: #e6ee9c !important; }
+
+.lime.lighten-2 { background-color: #dce775 !important; }
+
+.lime.lighten-1 { background-color: #d4e157 !important; }
+
+.lime { background-color: #cddc39 !important; }
+
+.lime-text { color: #cddc39 !important; }
+
+.rgba-lime-slight, .rgba-lime-slight:after { background-color: rgba(205, 220, 57, 0.1); }
+
+.rgba-lime-light, .rgba-lime-light:after { background-color: rgba(205, 220, 57, 0.3); }
+
+.rgba-lime-strong, .rgba-lime-strong:after { background-color: rgba(205, 220, 57, 0.7); }
+
+.lime.darken-1 { background-color: #c0ca33 !important; }
+
+.lime.darken-2 { background-color: #afb42b !important; }
+
+.lime.darken-3 { background-color: #9e9d24 !important; }
+
+.lime.darken-4 { background-color: #827717 !important; }
+
+.lime.accent-1 { background-color: #f4ff81 !important; }
+
+.lime.accent-2 { background-color: #eeff41 !important; }
+
+.lime.accent-3 { background-color: #c6ff00 !important; }
+
+.lime.accent-4 { background-color: #aeea00 !important; }
+
+.yellow.lighten-5 { background-color: #fffde7 !important; }
+
+.yellow.lighten-4 { background-color: #fff9c4 !important; }
+
+.yellow.lighten-3 { background-color: #fff59d !important; }
+
+.yellow.lighten-2 { background-color: #fff176 !important; }
+
+.yellow.lighten-1 { background-color: #ffee58 !important; }
+
+.yellow { background-color: #ffeb3b !important; }
+
+.yellow-text { color: #ffeb3b !important; }
+
+.rgba-yellow-slight, .rgba-yellow-slight:after { background-color: rgba(255, 235, 59, 0.1); }
+
+.rgba-yellow-light, .rgba-yellow-light:after { background-color: rgba(255, 235, 59, 0.3); }
+
+.rgba-yellow-strong, .rgba-yellow-strong:after { background-color: rgba(255, 235, 59, 0.7); }
+
+.yellow.darken-1 { background-color: #fdd835 !important; }
+
+.yellow.darken-2 { background-color: #fbc02d !important; }
+
+.yellow.darken-3 { background-color: #f9a825 !important; }
+
+.yellow.darken-4 { background-color: #f57f17 !important; }
+
+.yellow.accent-1 { background-color: #ffff8d !important; }
+
+.yellow.accent-2 { background-color: #ffff00 !important; }
+
+.yellow.accent-3 { background-color: #ffea00 !important; }
+
+.yellow.accent-4 { background-color: #ffd600 !important; }
+
+.amber.lighten-5 { background-color: #fff8e1 !important; }
+
+.amber.lighten-4 { background-color: #ffecb3 !important; }
+
+.amber.lighten-3 { background-color: #ffe082 !important; }
+
+.amber.lighten-2 { background-color: #ffd54f !important; }
+
+.amber.lighten-1 { background-color: #ffca28 !important; }
+
+.amber { background-color: #ffc107 !important; }
+
+.amber-text { color: #ffc107 !important; }
+
+.rgba-amber-slight, .rgba-amber-slight:after { background-color: rgba(255, 193, 7, 0.1); }
+
+.rgba-amber-light, .rgba-amber-light:after { background-color: rgba(255, 193, 7, 0.3); }
+
+.rgba-amber-strong, .rgba-amber-strong:after { background-color: rgba(255, 193, 7, 0.7); }
+
+.amber.darken-1 { background-color: #ffb300 !important; }
+
+.amber.darken-2 { background-color: #ffa000 !important; }
+
+.amber.darken-3 { background-color: #ff8f00 !important; }
+
+.amber.darken-4 { background-color: #ff6f00 !important; }
+
+.amber.accent-1 { background-color: #ffe57f !important; }
+
+.amber.accent-2 { background-color: #ffd740 !important; }
+
+.amber.accent-3 { background-color: #ffc400 !important; }
+
+.amber.accent-4 { background-color: #ffab00 !important; }
+
+.orange.lighten-5 { background-color: #fff3e0 !important; }
+
+.orange.lighten-4 { background-color: #ffe0b2 !important; }
+
+.orange.lighten-3 { background-color: #ffcc80 !important; }
+
+.orange.lighten-2 { background-color: #ffb74d !important; }
+
+.orange.lighten-1 { background-color: #ffa726 !important; }
+
+.orange { background-color: #ff9800 !important; }
+
+.orange-text { color: #ff9800 !important; }
+
+.rgba-orange-slight, .rgba-orange-slight:after { background-color: rgba(255, 152, 0, 0.1); }
+
+.rgba-orange-light, .rgba-orange-light:after { background-color: rgba(255, 152, 0, 0.3); }
+
+.rgba-orange-strong, .rgba-orange-strong:after { background-color: rgba(255, 152, 0, 0.7); }
+
+.orange.darken-1 { background-color: #fb8c00 !important; }
+
+.orange.darken-2 { background-color: #f57c00 !important; }
+
+.orange.darken-3 { background-color: #ef6c00 !important; }
+
+.orange.darken-4 { background-color: #e65100 !important; }
+
+.orange.accent-1 { background-color: #ffd180 !important; }
+
+.orange.accent-2 { background-color: #ffab40 !important; }
+
+.orange.accent-3 { background-color: #ff9100 !important; }
+
+.orange.accent-4 { background-color: #ff6d00 !important; }
+
+.deep-orange.lighten-5 { background-color: #fbe9e7 !important; }
+
+.deep-orange.lighten-4 { background-color: #ffccbc !important; }
+
+.deep-orange.lighten-3 { background-color: #ffab91 !important; }
+
+.deep-orange.lighten-2 { background-color: #ff8a65 !important; }
+
+.deep-orange.lighten-1 { background-color: #ff7043 !important; }
+
+.deep-orange { background-color: #ff5722 !important; }
+
+.deep-orange-text { color: #ff5722 !important; }
+
+.rgba-deep-orange-slight, .rgba-deep-orange-slight:after { background-color: rgba(255, 87, 34, 0.1); }
+
+.rgba-deep-orange-light, .rgba-deep-orange-light:after { background-color: rgba(255, 87, 34, 0.3); }
+
+.rgba-deep-orange-strong, .rgba-deep-orange-strong:after { background-color: rgba(255, 87, 34, 0.7); }
+
+.deep-orange.darken-1 { background-color: #f4511e !important; }
+
+.deep-orange.darken-2 { background-color: #e64a19 !important; }
+
+.deep-orange.darken-3 { background-color: #d84315 !important; }
+
+.deep-orange.darken-4 { background-color: #bf360c !important; }
+
+.deep-orange.accent-1 { background-color: #ff9e80 !important; }
+
+.deep-orange.accent-2 { background-color: #ff6e40 !important; }
+
+.deep-orange.accent-3 { background-color: #ff3d00 !important; }
+
+.deep-orange.accent-4 { background-color: #dd2c00 !important; }
+
+.brown.lighten-5 { background-color: #efebe9 !important; }
+
+.brown.lighten-4 { background-color: #d7ccc8 !important; }
+
+.brown.lighten-3 { background-color: #bcaaa4 !important; }
+
+.brown.lighten-2 { background-color: #a1887f !important; }
+
+.brown.lighten-1 { background-color: #8d6e63 !important; }
+
+.brown { background-color: #795548 !important; }
+
+.brown-text { color: #795548 !important; }
+
+.rgba-brown-slight, .rgba-brown-slight:after { background-color: rgba(121, 85, 72, 0.1); }
+
+.rgba-brown-light, .rgba-brown-light:after { background-color: rgba(121, 85, 72, 0.3); }
+
+.rgba-brown-strong, .rgba-brown-strong:after { background-color: rgba(121, 85, 72, 0.7); }
+
+.brown.darken-1 { background-color: #6d4c41 !important; }
+
+.brown.darken-2 { background-color: #5d4037 !important; }
+
+.brown.darken-3 { background-color: #4e342e !important; }
+
+.brown.darken-4 { background-color: #3e2723 !important; }
+
+.blue-grey.lighten-5 { background-color: #eceff1 !important; }
+
+.blue-grey.lighten-4 { background-color: #cfd8dc !important; }
+
+.blue-grey.lighten-3 { background-color: #b0bec5 !important; }
+
+.blue-grey.lighten-2 { background-color: #90a4ae !important; }
+
+.blue-grey.lighten-1 { background-color: #78909c !important; }
+
+.blue-grey { background-color: #607d8b !important; }
+
+.blue-grey-text { color: #607d8b !important; }
+
+.rgba-blue-grey-slight, .rgba-blue-grey-slight:after { background-color: rgba(96, 125, 139, 0.1); }
+
+.rgba-blue-grey-light, .rgba-blue-grey-light:after { background-color: rgba(96, 125, 139, 0.3); }
+
+.rgba-blue-grey-strong, .rgba-blue-grey-strong:after { background-color: rgba(96, 125, 139, 0.7); }
+
+.blue-grey.darken-1 { background-color: #546e7a !important; }
+
+.blue-grey.darken-2 { background-color: #455a64 !important; }
+
+.blue-grey.darken-3 { background-color: #37474f !important; }
+
+.blue-grey.darken-4 { background-color: #263238 !important; }
+
+.grey.lighten-5 { background-color: #fafafa !important; }
+
+.grey.lighten-4 { background-color: #f5f5f5 !important; }
+
+.grey.lighten-3 { background-color: #eeeeee !important; }
+
+.grey.lighten-2 { background-color: #e0e0e0 !important; }
+
+.grey.lighten-1 { background-color: #bdbdbd !important; }
+
+.grey { background-color: #9e9e9e !important; }
+
+.grey-text { color: #9e9e9e !important; }
+
+.rgba-grey-slight, .rgba-grey-slight:after { background-color: rgba(158, 158, 158, 0.1); }
+
+.rgba-grey-light, .rgba-grey-light:after { background-color: rgba(158, 158, 158, 0.3); }
+
+.rgba-grey-strong, .rgba-grey-strong:after { background-color: rgba(158, 158, 158, 0.7); }
+
+.grey.darken-1 { background-color: #757575 !important; }
+
+.grey.darken-2 { background-color: #616161 !important; }
+
+.grey.darken-3 { background-color: #424242 !important; }
+
+.grey.darken-4 { background-color: #212121 !important; }
+
+.black { background-color: #000 !important; }
+
+.black-text, .btn.btn-link { color: #000 !important; }
+
+.rgba-black-slight, .rgba-black-slight:after { background-color: rgba(0, 0, 0, 0.1); }
+
+.rgba-black-light, .rgba-black-light:after { background-color: rgba(0, 0, 0, 0.3); }
+
+.rgba-black-strong, .rgba-black-strong:after { background-color: rgba(0, 0, 0, 0.7); }
+
+.white { background-color: #fff !important; }
+
+.white-text { color: #fff !important; }
+
+.rgba-white-slight, .rgba-white-slight:after { background-color: rgba(255, 255, 255, 0.1); }
+
+.rgba-white-light, .rgba-white-light:after { background-color: rgba(255, 255, 255, 0.3); }
+
+.rgba-white-strong, .rgba-white-strong:after { background-color: rgba(255, 255, 255, 0.7); }
+
+.rgba-stylish-slight { background-color: rgba(62, 69, 81, 0.1); }
+
+.rgba-stylish-light { background-color: rgba(62, 69, 81, 0.3); }
+
+.rgba-stylish-strong { background-color: rgba(62, 69, 81, 0.7); }
+
+.primary-color, ul.stepper li.active a .circle, ul.stepper li.completed a .circle { background-color: #4285f4 !important; }
+
+.primary-color-dark { background-color: #0d47a1 !important; }
+
+.secondary-color { background-color: #aa66cc !important; }
+
+.secondary-color-dark { background-color: #9933cc !important; }
+
+.default-color { background-color: #2bbbad !important; }
+
+.default-color-dark { background-color: #00695c !important; }
+
+.info-color { background-color: #33b5e5 !important; }
+
+.info-color-dark { background-color: #0099cc !important; }
+
+.success-color { background-color: #00c851 !important; }
+
+.success-color-dark { background-color: #007e33 !important; }
+
+.warning-color { background-color: #ffbb33 !important; }
+
+.warning-color-dark { background-color: #ff8800 !important; }
+
+.danger-color, ul.stepper li.warning a .circle { background-color: #ff3547 !important; }
+
+.danger-color-dark { background-color: #cc0000 !important; }
+
+.elegant-color { background-color: #2e2e2e !important; }
+
+.elegant-color-dark { background-color: #212121 !important; }
+
+.stylish-color { background-color: #4b515d !important; }
+
+.stylish-color-dark { background-color: #3e4551 !important; }
+
+.unique-color { background-color: #3f729b !important; }
+
+.unique-color-dark { background-color: #1c2331 !important; }
+
+.special-color { background-color: #37474f !important; }
+
+.special-color-dark { background-color: #263238 !important; }
+
+.purple-gradient { background: linear-gradient(40deg, #ff6ec4, #7873f5) !important; }
+
+.peach-gradient { background: linear-gradient(40deg, #FFD86F, #FC6262) !important; }
+
+.aqua-gradient { background: linear-gradient(40deg, #2096ff, #05ffa3) !important; }
+
+.blue-gradient { background: linear-gradient(40deg, #45cafc, #303f9f) !important; }
+
+.purple-gradient-rgba { background: linear-gradient(40deg, rgba(255, 110, 196, 0.9), rgba(120, 115, 245, 0.9)) !important; }
+
+.peach-gradient-rgba { background: linear-gradient(40deg, rgba(255, 216, 111, 0.9), rgba(252, 98, 98, 0.9)) !important; }
+
+.aqua-gradient-rgba { background: linear-gradient(40deg, rgba(32, 150, 255, 0.9), rgba(5, 255, 163, 0.9)) !important; }
+
+.blue-gradient-rgba { background: linear-gradient(40deg, rgba(69, 202, 252, 0.9), rgba(48, 63, 159, 0.9)) !important; }
+
+.dark-grey-text { color: #4f4f4f !important; }
+.dark-grey-text:hover, .dark-grey-text:focus { color: #4f4f4f !important; }
+
+.hoverable { box-shadow: none; transition: all 0.55s ease-in-out; }
+.hoverable:hover { box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); transition: all 0.55s ease-in-out; }
+
+.z-depth-0 { box-shadow: none !important; }
+
+.z-depth-1 { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important; }
+
+.z-depth-1-half { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important; }
+
+.z-depth-2 { box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important; }
+
+.z-depth-3 { box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19) !important; }
+
+.z-depth-4 { box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21) !important; }
+
+.z-depth-5 { box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22) !important; }
+
+.disabled, :disabled { pointer-events: none !important; }
+
+a { cursor: pointer; text-decoration: none; color: #007bff; transition: all 0.2s ease-in-out; }
+a:hover { text-decoration: none; color: #0056b3; transition: all 0.2s ease-in-out; }
+a.disabled:hover, a:disabled:hover { color: #007bff; }
+
+a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; }
+
+.divider-new { flex-direction: row; justify-content: center; align-items: center; display: flex; margin-top: 2.8rem; margin-bottom: 2.8rem; }
+.divider-new > h1, .divider-new h2, .divider-new h3, .divider-new h4, .divider-new h5, .divider-new h6 { margin-bottom: 0; }
+.divider-new:before, .divider-new:after { content: ""; height: 1.5px; flex: 1; height: 2px; background: #c6c6c6; }
+.divider-new:before { margin: 0 0.5rem 0 0; }
+.divider-new:after { margin: 0 0 0 0.5rem; }
+
+.img-fluid, .modal-dialog.cascading-modal.modal-avatar .modal-header, .video-fluid { max-width: 100%; height: auto; }
+
+.flex-center { display: flex; justify-content: center; align-items: center; height: 100%; }
+.flex-center p { margin: 0; }
+.flex-center ul { text-align: center; }
+.flex-center ul li { margin-bottom: 1rem; }
+.flex-center ul li:last-of-type { margin-bottom: 0; }
+
+.hr-light { border-top: 1px solid #fff; }
+
+.hr-dark { border-top: 1px solid #666; }
+
+.w-responsive { width: 75%; }
+@media (max-width: 740px) { .w-responsive { width: 100%; } }
+
+.collapsible-body { display: none; }
+
+.jumbotron { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 0.125rem; background-color: #fff; }
+
+.bg-primary { background-color: #4285f4 !important; }
+
+a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #1266f1 !important; }
+
+.border-primary { border-color: #4285f4 !important; }
+
+.bg-danger { background-color: #ff3547 !important; }
+
+a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #ff0219 !important; }
+
+.border-danger { border-color: #ff3547 !important; }
+
+.bg-warning { background-color: #ffbb33 !important; }
+
+a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #ffaa00 !important; }
+
+.border-warning { border-color: #ffbb33 !important; }
+
+.bg-success { background-color: #00c851 !important; }
+
+a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #00953c !important; }
+
+.border-success { border-color: #00c851 !important; }
+
+.bg-info { background-color: #33b5e5 !important; }
+
+a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #1a9bcb !important; }
+
+.border-info { border-color: #33b5e5 !important; }
+
+.bg-default { background-color: #2bbbad !important; }
+
+a.bg-default:hover, a.bg-default:focus, button.bg-default:hover, button.bg-default:focus { background-color: #219287 !important; }
+
+.border-default { border-color: #2bbbad !important; }
+
+.bg-secondary { background-color: #aa66cc !important; }
+
+a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #9540bf !important; }
+
+.border-secondary { border-color: #aa66cc !important; }
+
+.bg-dark { background-color: #212121 !important; }
+
+a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #080808 !important; }
+
+.border-dark { border-color: #212121 !important; }
+
+.bg-light { background-color: #e0e0e0 !important; }
+
+a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #c7c7c7 !important; }
+
+.border-light { border-color: #e0e0e0 !important; }
+
+.card-img-100 { width: 100px; height: 100px; }
+
+.card-img-64 { width: 64px; height: 64px; }
+
+.mml-1 { margin-left: -0.25rem !important; }
+
+.flex-1 { flex: 1; }
+
+@font-face { font-family: "Roboto"; src: local(Roboto Thin), url("../font/roboto/Roboto-Thin.eot"); src: url("../font/roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Thin.woff2") format("woff2"), url("../font/roboto/Roboto-Thin.woff") format("woff"), url("../font/roboto/Roboto-Thin.ttf") format("truetype"); font-weight: 200; }
+@font-face { font-family: "Roboto"; src: local(Roboto Light), url("../font/roboto/Roboto-Light.eot"); src: url("../font/roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Light.woff2") format("woff2"), url("../font/roboto/Roboto-Light.woff") format("woff"), url("../font/roboto/Roboto-Light.ttf") format("truetype"); font-weight: 300; }
+@font-face { font-family: "Roboto"; src: local(Roboto Regular), url("../font/roboto/Roboto-Regular.eot"); src: url("../font/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Regular.woff2") format("woff2"), url("../font/roboto/Roboto-Regular.woff") format("woff"), url("../font/roboto/Roboto-Regular.ttf") format("truetype"); font-weight: 400; }
+@font-face { font-family: "Roboto"; src: url("../font/roboto/Roboto-Medium.eot"); src: url("../font/roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Medium.woff2") format("woff2"), url("../font/roboto/Roboto-Medium.woff") format("woff"), url("../font/roboto/Roboto-Medium.ttf") format("truetype"); font-weight: 500; }
+@font-face { font-family: "Roboto"; src: url("../font/roboto/Roboto-Bold.eot"); src: url("../font/roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Bold.woff2") format("woff2"), url("../font/roboto/Roboto-Bold.woff") format("woff"), url("../font/roboto/Roboto-Bold.ttf") format("truetype"); font-weight: 700; }
+body { font-family: "Roboto", sans-serif; font-weight: 300; }
+
+h1, h2, h3, h4, h5, h6 { font-weight: 300; }
+
+.blockquote { padding: 0.5rem 1rem; border-left: .25rem solid #eceeef; }
+.blockquote.text-right { border-left: none; border-right: .25rem solid #eceeef; }
+.blockquote .bq-title { margin-bottom: 0; font-size: 1.5rem; font-weight: 400; }
+.blockquote p { padding: 1rem 0; font-size: 1.1rem; }
+
+.bq-primary { border-left: 3px solid #4285f4 !important; }
+.bq-primary .bq-title { color: #4285f4 !important; }
+
+.bq-danger { border-left: 3px solid #ff3547 !important; }
+.bq-danger .bq-title { color: #ff3547 !important; }
+
+.bq-warning { border-left: 3px solid #ffbb33 !important; }
+.bq-warning .bq-title { color: #ffbb33 !important; }
+
+.bq-success { border-left: 3px solid #00c851 !important; }
+.bq-success .bq-title { color: #00c851 !important; }
+
+.bq-info { border-left: 3px solid #33b5e5 !important; }
+.bq-info .bq-title { color: #33b5e5 !important; }
+
+.h1-responsive { font-size: 150%; }
+
+.h2-responsive { font-size: 145%; }
+
+.h3-responsive { font-size: 135%; }
+
+.h4-responsive { font-size: 135%; }
+
+.h5-responsive { font-size: 135%; }
+
+@media (min-width: 576px) { .h1-responsive { font-size: 170%; }
+ .h2-responsive { font-size: 140%; }
+ .h3-responsive { font-size: 125%; }
+ .h4-responsive { font-size: 125%; }
+ .h5-responsive { font-size: 125%; } }
+@media (min-width: 768px) { .h1-responsive { font-size: 200%; }
+ .h2-responsive { font-size: 170%; }
+ .h3-responsive { font-size: 140%; }
+ .h4-responsive { font-size: 125%; }
+ .h5-responsive { font-size: 125%; } }
+@media (min-width: 992px) { .h1-responsive { font-size: 200%; }
+ .h2-responsive { font-size: 170%; }
+ .h3-responsive { font-size: 140%; }
+ .h4-responsive { font-size: 125%; }
+ .h5-responsive { font-size: 125%; } }
+@media (min-width: 1200px) { .h1-responsive { font-size: 250%; }
+ .h2-responsive { font-size: 200%; }
+ .h3-responsive { font-size: 170%; }
+ .h4-responsive { font-size: 140%; }
+ .h5-responsive { font-size: 125%; } }
+.text-primary { color: #4285f4 !important; }
+
+a.text-primary:hover, a.text-primary:focus { color: #1266f1 !important; }
+
+.text-danger { color: #ff3547 !important; }
+
+a.text-danger:hover, a.text-danger:focus { color: #ff0219 !important; }
+
+.text-warning { color: #ffbb33 !important; }
+
+a.text-warning:hover, a.text-warning:focus { color: #ffaa00 !important; }
+
+.text-success { color: #00c851 !important; }
+
+a.text-success:hover, a.text-success:focus { color: #00953c !important; }
+
+.text-info { color: #33b5e5 !important; }
+
+a.text-info:hover, a.text-info:focus { color: #1a9bcb !important; }
+
+.text-default { color: #2bbbad !important; }
+
+a.text-default:hover, a.text-default:focus { color: #219287 !important; }
+
+.text-secondary { color: #aa66cc !important; }
+
+a.text-secondary:hover, a.text-secondary:focus { color: #9540bf !important; }
+
+.text-dark { color: #212121 !important; }
+
+a.text-dark:hover, a.text-dark:focus { color: #080808 !important; }
+
+.text-light { color: #e0e0e0 !important; }
+
+a.text-light:hover, a.text-light:focus { color: #c7c7c7 !important; }
+
+.font-small { font-size: 0.9rem; }
+
+.view { position: relative; overflow: hidden; cursor: default; }
+.view .mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; width: 100%; height: 100%; background-attachment: fixed; }
+.view img, .view video { position: relative; display: block; }
+.view video.video-intro { z-index: -100; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); transition: 1s opacity; min-width: 100%; min-height: 100%; width: auto; height: auto; }
+
+.overlay .mask { opacity: 0; transition: all 0.4s ease-in-out; }
+.overlay .mask:hover { opacity: 1; }
+
+.zoom img, .zoom video { transition: all 0.2s linear; }
+.zoom:hover img, .zoom:hover video { transform: scale(1.1); }
+
+.pattern-1 { background: url("../img/overlays/01.png"); background-attachment: fixed; }
+
+.pattern-2 { background: url("../img/overlays/02.png"); background-attachment: fixed; }
+
+.pattern-3 { background: url("../img/overlays/03.png"); background-attachment: fixed; }
+
+.pattern-4 { background: url("../img/overlays/04.png"); background-attachment: fixed; }
+
+.pattern-5 { background: url("../img/overlays/05.png"); background-attachment: fixed; }
+
+.pattern-6 { background: url("../img/overlays/06.png"); background-attachment: fixed; }
+
+.pattern-7 { background: url("../img/overlays/07.png"); background-attachment: fixed; }
+
+.pattern-8 { background: url("../img/overlays/08.png"); background-attachment: fixed; }
+
+.pattern-9 { background: url("../img/overlays/09.png"); background-attachment: fixed; }
+
+/*!
+ * Waves v0.7.6
+ * http://fian.my.id/Waves
+ *
+ * Copyright 2014-2018 Alfiana E. Sibuea and other contributors
+ * Released under the MIT license
+ * https://github.com/fians/Waves/blob/master/LICENSE */
+.waves-effect { position: relative; cursor: pointer; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
+.waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; opacity: 0; background: rgba(0, 0, 0, 0.2); background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; -webkit-transform: scale(0) translate(0, 0); -moz-transform: scale(0) translate(0, 0); -ms-transform: scale(0) translate(0, 0); -o-transform: scale(0) translate(0, 0); transform: scale(0) translate(0, 0); pointer-events: none; }
+.waves-effect.waves-light .waves-ripple { background: rgba(255, 255, 255, 0.4); background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); }
+.waves-effect.waves-classic .waves-ripple { background: rgba(0, 0, 0, 0.2); }
+.waves-effect.waves-classic.waves-light .waves-ripple { background: rgba(255, 255, 255, 0.4); }
+
+.waves-notransition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; }
+
+.waves-button, .waves-circle { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }
+
+.waves-button, .waves-button:hover, .waves-button:visited, .waves-button-input { white-space: nowrap; vertical-align: middle; cursor: pointer; border: none; outline: none; color: inherit; background-color: rgba(0, 0, 0, 0); font-size: 1em; line-height: 1em; text-align: center; text-decoration: none; z-index: 1; }
+
+.waves-button { padding: 0.85em 1.1em; border-radius: 0.2em; }
+
+.waves-button-input { margin: 0; padding: 0.85em 1.1em; }
+
+.waves-input-wrapper { display: inline-block; position: relative; vertical-align: middle; border-radius: 0.2em; }
+.waves-input-wrapper.waves-button { padding: 0; }
+.waves-input-wrapper .waves-button-input { position: relative; top: 0; left: 0; z-index: 1; }
+
+.waves-circle { text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50%; }
+
+.waves-float { -webkit-mask-image: none; -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12); box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12); -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }
+.waves-float:active { -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); }
+
+.waves-block { display: block; }
+
+a.waves-effect, a.waves-light { display: inline-block; }
+
+/*!
+ * animate.css -http://daneden.me/animate
+ * Version - 3.7.0
+ * Licensed under the MIT license - http://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2018 Daniel Eden
+ */
+.animated { animation-duration: 1s; animation-fill-mode: both; }
+.animated.infinite { animation-iteration-count: infinite; }
+.animated.delay-1s { animation-delay: 1s; }
+.animated.delay-2s { animation-delay: 2s; }
+.animated.delay-3s { animation-delay: 3s; }
+.animated.delay-4s { animation-delay: 4s; }
+.animated.delay-5s { animation-delay: 5s; }
+.animated.fast { animation-duration: 800ms; }
+.animated.faster { animation-duration: 500ms; }
+.animated.slow { animation-duration: 2s; }
+.animated.slower { animation-duration: 3s; }
+
+@media (prefers-reduced-motion) { .animated { animation: unset !important; transition: none !important; } }
+@keyframes fadeIn { from { opacity: 0; }
+ to { opacity: 1; } }
+.fadeIn { animation-name: fadeIn; }
+
+@keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.fadeInDown { animation-name: fadeInDown; }
+
+@keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.fadeInLeft { animation-name: fadeInLeft; }
+
+@keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.fadeInRight { animation-name: fadeInRight; }
+
+@keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.fadeInUp { animation-name: fadeInUp; }
+
+@keyframes fadeOut { from { opacity: 1; }
+ to { opacity: 0; } }
+.fadeOut { animation-name: fadeOut; }
+
+@keyframes fadeOutDown { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(0, 100%, 0); } }
+.fadeOutDown { animation-name: fadeOutDown; }
+
+@keyframes fadeOutLeft { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(-100%, 0, 0); } }
+.fadeOutLeft { animation-name: fadeOutLeft; }
+
+@keyframes fadeOutRight { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(100%, 0, 0); } }
+.fadeOutRight { animation-name: fadeOutRight; }
+
+@keyframes fadeOutUp { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(0, -100%, 0); } }
+.fadeOutUp { animation-name: fadeOutUp; }
+
+/*!
+ * animate.css -http://daneden.me/animate
+ * Version - 3.7.0
+ * Licensed under the MIT license - http://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2018 Daniel Eden
+ */
+@keyframes bounce { from,
+ 20%,
+ 53%,
+ 80%,
+ to { transform: translate3d(0, 0, 0); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
+ 40%,
+ 43% { transform: translate3d(0, -30px, 0); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
+ 70% { transform: translate3d(0, -15px, 0); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
+ 90% { transform: translate3d(0, -4px, 0); } }
+.bounce { transform-origin: center bottom; animation-name: bounce; }
+
+@keyframes flash { from,
+ 50%,
+ to { opacity: 1; }
+ 25%,
+ 75% { opacity: 0; } }
+.flash { animation-name: flash; }
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+@keyframes pulse { from { transform: scale3d(1, 1, 1); }
+ 50% { transform: scale3d(1.05, 1.05, 1.05); }
+ to { transform: scale3d(1, 1, 1); } }
+.pulse { animation-name: pulse; }
+
+@keyframes rubberBand { from { transform: scale3d(1, 1, 1); }
+ 30% { transform: scale3d(1.25, 0.75, 1); }
+ 40% { transform: scale3d(0.75, 1.25, 1); }
+ 50% { transform: scale3d(1.15, 0.85, 1); }
+ 65% { transform: scale3d(0.95, 1.05, 1); }
+ 75% { transform: scale3d(1.05, 0.95, 1); }
+ to { transform: scale3d(1, 1, 1); } }
+.rubberBand { animation-name: rubberBand; }
+
+@keyframes shake { from,
+ to { transform: translate3d(0, 0, 0); }
+ 10%,
+ 30%,
+ 50%,
+ 70%,
+ 90% { transform: translate3d(-10px, 0, 0); }
+ 20%,
+ 40%,
+ 60%,
+ 80% { transform: translate3d(10px, 0, 0); } }
+.shake { animation-name: shake; }
+
+@keyframes headShake { 0% { transform: translateX(0); }
+ 6.5% { transform: translateX(-6px) rotateY(-9deg); }
+ 18.5% { transform: translateX(5px) rotateY(7deg); }
+ 31.5% { transform: translateX(-3px) rotateY(-5deg); }
+ 43.5% { transform: translateX(2px) rotateY(3deg); }
+ 50% { transform: translateX(0); } }
+.headShake { animation-name: headShake; animation-timing-function: ease-in-out; }
+
+@keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); }
+ 40% { transform: rotate3d(0, 0, 1, -10deg); }
+ 60% { transform: rotate3d(0, 0, 1, 5deg); }
+ 80% { transform: rotate3d(0, 0, 1, -5deg); }
+ to { transform: rotate3d(0, 0, 1, 0deg); } }
+.swing { transform-origin: top center; animation-name: swing; }
+
+@keyframes tada { from { transform: scale3d(1, 1, 1); }
+ 10%,
+ 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
+ 30%,
+ 50%,
+ 70%,
+ 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
+ 40%,
+ 60%,
+ 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
+ to { transform: scale3d(1, 1, 1); } }
+.tada { animation-name: tada; }
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+@keyframes wobble { from { transform: translate3d(0, 0, 0); }
+ 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
+ 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
+ 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
+ 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
+ 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
+ to { transform: translate3d(0, 0, 0); } }
+.wobble { animation-name: wobble; }
+
+@keyframes jello { from,
+ 11.1%,
+ to { transform: translate3d(0, 0, 0); }
+ 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
+ 33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
+ 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
+ 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
+ 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
+ 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }
+ 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
+.jello { transform-origin: center; animation-name: jello; }
+
+@keyframes heartBeat { 0% { transform: scale(1); }
+ 14% { transform: scale(1.3); }
+ 28% { transform: scale(1); }
+ 42% { transform: scale(1.3); }
+ 70% { transform: scale(1); } }
+.heartBeat { animation-name: heartBeat; animation-duration: 1.3s; animation-timing-function: ease-in-out; }
+
+@keyframes bounceIn { from,
+ 20%,
+ 40%,
+ 60%,
+ 80%,
+ to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
+ 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
+ 20% { transform: scale3d(1.1, 1.1, 1.1); }
+ 40% { transform: scale3d(0.9, 0.9, 0.9); }
+ 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
+ 80% { transform: scale3d(0.97, 0.97, 0.97); }
+ to { opacity: 1; transform: scale3d(1, 1, 1); } }
+.bounceIn { animation-name: bounceIn; animation-duration: .75s; }
+
+@keyframes bounceInDown { from,
+ 60%,
+ 75%,
+ 90%,
+ to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
+ 0% { opacity: 0; transform: translate3d(0, -3000px, 0); }
+ 60% { opacity: 1; transform: translate3d(0, 25px, 0); }
+ 75% { transform: translate3d(0, -10px, 0); }
+ 90% { transform: translate3d(0, 5px, 0); }
+ to { transform: translate3d(0, 0, 0); } }
+.bounceInDown { animation-name: bounceInDown; }
+
+@keyframes bounceInLeft { from,
+ 60%,
+ 75%,
+ 90%,
+ to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
+ 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); }
+ 60% { opacity: 1; transform: translate3d(25px, 0, 0); }
+ 75% { transform: translate3d(-10px, 0, 0); }
+ 90% { transform: translate3d(5px, 0, 0); }
+ to { transform: translate3d(0, 0, 0); } }
+.bounceInLeft { animation-name: bounceInLeft; }
+
+@keyframes bounceInRight { from,
+ 60%,
+ 75%,
+ 90%,
+ to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
+ from { opacity: 0; transform: translate3d(3000px, 0, 0); }
+ 60% { opacity: 1; transform: translate3d(-25px, 0, 0); }
+ 75% { transform: translate3d(10px, 0, 0); }
+ 90% { transform: translate3d(-5px, 0, 0); }
+ to { transform: translate3d(0, 0, 0); } }
+.bounceInRight { animation-name: bounceInRight; }
+
+@keyframes bounceInUp { from,
+ 60%,
+ 75%,
+ 90%,
+ to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
+ from { opacity: 0; transform: translate3d(0, 3000px, 0); }
+ 60% { opacity: 1; transform: translate3d(0, -20px, 0); }
+ 75% { transform: translate3d(0, 10px, 0); }
+ 90% { transform: translate3d(0, -5px, 0); }
+ to { transform: translate3d(0, 0, 0); } }
+.bounceInUp { animation-name: bounceInUp; }
+
+@keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); }
+ 50%,
+ 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); }
+ to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } }
+.bounceOut { animation-name: bounceOut; animation-duration: .75s; }
+
+@keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); }
+ 40%,
+ 45% { opacity: 1; transform: translate3d(0, -20px, 0); }
+ to { opacity: 0; transform: translate3d(0, 2000px, 0); } }
+.bounceOutDown { animation-name: bounceOutDown; }
+
+@keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); }
+ to { opacity: 0; transform: translate3d(-2000px, 0, 0); } }
+.bounceOutLeft { animation-name: bounceOutLeft; }
+
+@keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); }
+ to { opacity: 0; transform: translate3d(2000px, 0, 0); } }
+.bounceOutRight { animation-name: bounceOutRight; }
+
+@keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); }
+ 40%,
+ 45% { opacity: 1; transform: translate3d(0, 20px, 0); }
+ to { opacity: 0; transform: translate3d(0, -2000px, 0); } }
+.bounceOutUp { animation-name: bounceOutUp; }
+
+@keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.fadeInDownBig { animation-name: fadeInDownBig; }
+
+@keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.fadeInLeftBig { animation-name: fadeInLeftBig; }
+
+@keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.fadeInRightBig { animation-name: fadeInRightBig; }
+
+@keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.fadeInUpBig { animation-name: fadeInUpBig; }
+
+@keyframes fadeOutDownBig { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(0, 2000px, 0); } }
+.fadeOutDownBig { animation-name: fadeOutDownBig; }
+
+@keyframes fadeOutLeftBig { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(-2000px, 0, 0); } }
+.fadeOutLeftBig { animation-name: fadeOutLeftBig; }
+
+@keyframes fadeOutRightBig { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(2000px, 0, 0); } }
+.fadeOutRightBig { animation-name: fadeOutRightBig; }
+
+@keyframes fadeOutUpBig { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(0, -2000px, 0); } }
+.fadeOutUpBig { animation-name: fadeOutUpBig; }
+
+@keyframes flip { from { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; }
+ 40% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; }
+ 50% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; }
+ 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); animation-timing-function: ease-in; }
+ to { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); animation-timing-function: ease-in; } }
+.flip { backface-visibility: visible; animation-name: flip; }
+
+@keyframes flipInX { from { opacity: 0; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; }
+ 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; }
+ 60% { opacity: 1; transform: perspective(400px) rotate3d(1, 0, 0, 10deg); }
+ 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
+ to { transform: perspective(400px); } }
+.flipInX { backface-visibility: visible; animation-name: flipInX; }
+
+@keyframes flipInY { from { opacity: 0; transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; }
+ 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; }
+ 60% { opacity: 1; transform: perspective(400px) rotate3d(0, 1, 0, 10deg); }
+ 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
+ to { transform: perspective(400px); } }
+.flipInY { backface-visibility: visible; animation-name: flipInY; }
+
+@keyframes flipOutX { from { transform: perspective(400px); }
+ 30% { opacity: 1; transform: perspective(400px) rotate3d(1, 0, 0, -20deg); }
+ to { opacity: 0; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); } }
+.flipOutX { animation-name: flipOutX; animation-duration: .75s; backface-visibility: visible; }
+
+@keyframes flipOutY { from { transform: perspective(400px); }
+ 30% { opacity: 1; transform: perspective(400px) rotate3d(0, 1, 0, -15deg); }
+ to { opacity: 0; transform: perspective(400px) rotate3d(0, 1, 0, 90deg); } }
+.flipOutY { animation-name: flipOutY; animation-duration: .75s; backface-visibility: visible; }
+
+@keyframes lightSpeedIn { from { opacity: 0; transform: translate3d(100%, 0, 0) skewX(-30deg); }
+ 60% { opacity: 1; transform: skewX(20deg); }
+ 80% { transform: skewX(-5deg); }
+ to { transform: translate3d(0, 0, 0); } }
+.lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; }
+
+@keyframes lightSpeedOut { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(100%, 0, 0) skewX(30deg); } }
+.lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; }
+
+@keyframes rotateIn { from { opacity: 0; transform: rotate3d(0, 0, 1, -200deg); transform-origin: center; }
+ to { opacity: 1; transform: translate3d(0, 0, 0); transform-origin: center; } }
+.rotateIn { animation-name: rotateIn; }
+
+@keyframes rotateInDownLeft { from { opacity: 0; transform: rotate3d(0, 0, 1, -45deg); transform-origin: left bottom; }
+ to { opacity: 1; transform: translate3d(0, 0, 0); transform-origin: left bottom; } }
+.rotateInDownLeft { animation-name: rotateInDownLeft; }
+
+@keyframes rotateInDownRight { from { opacity: 0; transform: rotate3d(0, 0, 1, 45deg); transform-origin: right bottom; }
+ to { opacity: 1; transform: translate3d(0, 0, 0); transform-origin: right bottom; } }
+.rotateInDownRight { animation-name: rotateInDownRight; }
+
+@keyframes rotateInUpLeft { from { opacity: 0; transform: rotate3d(0, 0, 1, 45deg); transform-origin: left bottom; }
+ to { opacity: 1; transform: translate3d(0, 0, 0); transform-origin: left bottom; } }
+.rotateInUpLeft { animation-name: rotateInUpLeft; }
+
+@keyframes rotateInUpRight { from { opacity: 0; transform: rotate3d(0, 0, 1, -90deg); transform-origin: right bottom; }
+ to { opacity: 1; transform: translate3d(0, 0, 0); transform-origin: right bottom; } }
+.rotateInUpRight { animation-name: rotateInUpRight; }
+
+@keyframes rotateOut { from { opacity: 1; transform-origin: center; }
+ to { opacity: 0; transform: rotate3d(0, 0, 1, 200deg); transform-origin: center; } }
+.rotateOut { animation-name: rotateOut; }
+
+@keyframes rotateOutDownLeft { from { opacity: 1; transform-origin: left bottom; }
+ to { opacity: 0; transform: rotate3d(0, 0, 1, 45deg); transform-origin: left bottom; } }
+.rotateOutDownLeft { animation-name: rotateOutDownLeft; }
+
+@keyframes rotateOutDownRight { from { opacity: 1; transform-origin: right bottom; }
+ to { opacity: 0; transform: rotate3d(0, 0, 1, -45deg); transform-origin: right bottom; } }
+.rotateOutDownRight { animation-name: rotateOutDownRight; }
+
+@keyframes rotateOutUpLeft { from { opacity: 1; transform-origin: left bottom; }
+ to { opacity: 0; transform: rotate3d(0, 0, 1, -45deg); transform-origin: left bottom; } }
+.rotateOutUpLeft { animation-name: rotateOutUpLeft; }
+
+@keyframes rotateOutUpRight { from { opacity: 1; transform-origin: right bottom; }
+ to { opacity: 0; transform: rotate3d(0, 0, 1, 90deg); transform-origin: right bottom; } }
+.rotateOutUpRight { animation-name: rotateOutUpRight; }
+
+@keyframes hinge { 0% { transform-origin: top left; animation-timing-function: ease-in-out; }
+ 20%,
+ 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
+ 40%,
+ 80% { opacity: 1; transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
+ to { opacity: 0; transform: translate3d(0, 700px, 0); } }
+.hinge { animation-name: hinge; animation-duration: 2s; }
+
+@keyframes jackInTheBox { from { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; }
+ 50% { transform: rotate(-10deg); }
+ 70% { transform: rotate(3deg); }
+ to { opacity: 1; transform: scale(1); } }
+.jackInTheBox { animation-name: jackInTheBox; }
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+@keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.rollIn { animation-name: rollIn; }
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+@keyframes rollOut { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
+.rollOut { animation-name: rollOut; }
+
+@keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
+ 50% { opacity: 1; } }
+.zoomIn { animation-name: zoomIn; }
+
+@keyframes zoomInDown { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+ 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+.zoomInDown { animation-name: zoomInDown; }
+
+@keyframes zoomInLeft { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+ 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+.zoomInLeft { animation-name: zoomInLeft; }
+
+@keyframes zoomInRight { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+ 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+.zoomInRight { animation-name: zoomInRight; }
+
+@keyframes zoomInUp { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+ 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+.zoomInUp { animation-name: zoomInUp; }
+
+@keyframes zoomOut { from { opacity: 1; }
+ 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
+ to { opacity: 0; } }
+.zoomOut { animation-name: zoomOut; }
+
+@keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+ to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+.zoomOutDown { animation-name: zoomOutDown; }
+
+@keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
+ to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } }
+.zoomOutLeft { animation-name: zoomOutLeft; }
+
+@keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
+ to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } }
+.zoomOutRight { animation-name: zoomOutRight; }
+
+@keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+ to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+.zoomOutUp { animation-name: zoomOutUp; }
+
+@keyframes slideInDown { from { visibility: visible; transform: translate3d(0, -100%, 0); }
+ to { transform: translate3d(0, 0, 0); } }
+.slideInDown { animation-name: slideInDown; }
+
+@keyframes slideInLeft { from { visibility: visible; transform: translate3d(-100%, 0, 0); }
+ to { transform: translate3d(0, 0, 0); } }
+.slideInLeft { animation-name: slideInLeft; }
+
+@keyframes slideInRight { from { visibility: visible; transform: translate3d(100%, 0, 0); }
+ to { transform: translate3d(0, 0, 0); } }
+.slideInRight { animation-name: slideInRight; }
+
+@keyframes slideInUp { from { visibility: visible; transform: translate3d(0, 100%, 0); }
+ to { transform: translate3d(0, 0, 0); } }
+.slideInUp { animation-name: slideInUp; }
+
+@keyframes slideOutDown { from { transform: translate3d(0, 0, 0); }
+ to { visibility: hidden; transform: translate3d(0, 100%, 0); } }
+.slideOutDown { animation-name: slideOutDown; }
+
+@keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); }
+ to { visibility: hidden; transform: translate3d(-100%, 0, 0); } }
+.slideOutLeft { animation-name: slideOutLeft; }
+
+@keyframes slideOutRight { from { transform: translate3d(0, 0, 0); }
+ to { visibility: hidden; transform: translate3d(100%, 0, 0); } }
+.slideOutRight { animation-name: slideOutRight; }
+
+@keyframes slideOutUp { from { transform: translate3d(0, 0, 0); }
+ to { visibility: hidden; transform: translate3d(0, -100%, 0); } }
+.slideOutUp { animation-name: slideOutUp; }
+
+.btn { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); padding: 0.84rem 2.14rem; font-size: 0.81rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; margin: 0.375rem; border: 0; border-radius: 0.125rem; cursor: pointer; text-transform: uppercase; white-space: normal; word-wrap: break-word; color: inherit; }
+.btn:hover, .btn:active, .btn:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); outline: 0; }
+.btn:not([disabled]):not(.disabled):active, .btn:not([disabled]):not(.disabled).active { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn .fas, .btn .fab, .btn .far { position: relative; font-size: 0.9rem; }
+.btn .fas.right, .btn .fab.right, .btn .far.right { margin-left: 0.3rem; }
+.btn .fas.left, .btn .fab.left, .btn .far.left { margin-right: 0.3rem; }
+.btn.btn-lg, .btn-group-lg > .btn { padding: 1rem 2.4rem; font-size: 0.94rem; }
+.btn.btn-lg .fas, .btn-group-lg > .btn .fas, .btn.btn-lg .fab, .btn-group-lg > .btn .fab, .btn.btn-lg .far, .btn-group-lg > .btn .far { font-size: 1rem; }
+.btn.btn-md { padding: 0.7rem 1.6rem; font-size: 0.7rem; }
+.btn.btn-md .fas, .btn.btn-md .fab, .btn.btn-md .far { font-size: 0.8rem; }
+.btn.btn-sm, .btn-group-sm > .btn { padding: 0.5rem 1.6rem; font-size: 0.64rem; }
+.btn.btn-sm .fas, .btn-group-sm > .btn .fas, .btn.btn-sm .fab, .btn-group-sm > .btn .fab, .btn.btn-sm .far, .btn-group-sm > .btn .far { font-size: 0.7rem; }
+.btn.btn-tb { padding: 0.3rem 1rem; }
+.btn.disabled:active, .btn.disabled:focus, .btn.disabled:hover, .btn:disabled:active, .btn:disabled:focus, .btn:disabled:hover { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
+.btn.btn-block { margin: inherit; }
+.btn.btn-link { box-shadow: none; background-color: transparent; }
+.btn.btn-link:active, .btn.btn-link:focus, .btn.btn-link:hover { box-shadow: none !important; background-color: transparent; }
+.btn[class*="btn-outline-"] { padding-top: 0.7rem; padding-bottom: 0.7rem; }
+.btn[class*="btn-outline-"].btn-lg, .btn-group-lg > .btn[class*="btn-outline-"] { padding-top: 0.88rem; padding-bottom: 0.88rem; }
+.btn[class*="btn-outline-"].btn-md { padding-top: 0.58rem; padding-bottom: 0.58rem; }
+.btn[class*="btn-outline-"].btn-sm, .btn-group-sm > .btn[class*="btn-outline-"] { padding-top: 0.38rem; padding-bottom: 0.38rem; }
+
+.btn-group .btn { margin: 0; }
+
+.btn .fa-lg, .btn-floating .fa-lg { font-size: 1.33333em !important; }
+.btn .fa-xs, .btn-floating .fa-xs { font-size: .75em !important; }
+.btn .fa-sm, .btn-floating .fa-sm { font-size: .875em !important; }
+.btn .fa-1x, .btn-floating .fa-1x { font-size: 1em !important; }
+.btn .fa-2x, .btn-floating .fa-2x { font-size: 2em !important; }
+.btn .fa-3x, .btn-floating .fa-3x { font-size: 3em !important; }
+.btn .fa-4x, .btn-floating .fa-4x { font-size: 4em !important; }
+.btn .fa-5x, .btn-floating .fa-5x { font-size: 5em !important; }
+.btn .fa-6x, .btn-floating .fa-6x { font-size: 6em !important; }
+.btn .fa-7x, .btn-floating .fa-7x { font-size: 7em !important; }
+.btn .fa-8x, .btn-floating .fa-8x { font-size: 8em !important; }
+.btn .fa-9x, .btn-floating .fa-9x { font-size: 9em !important; }
+.btn .fa-10x, .btn-floating .fa-10x { font-size: 10em !important; }
+
+.btn-primary { background-color: #4285f4 !important; color: #fff; }
+.btn-primary:hover { background-color: #5a95f5; color: #fff; }
+.btn-primary:focus, .btn-primary.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-primary:focus, .btn-primary:active, .btn-primary.active { background-color: #0b51c5; }
+.btn-primary.dropdown-toggle { background-color: #4285f4 !important; }
+.btn-primary.dropdown-toggle:hover, .btn-primary.dropdown-toggle:focus { background-color: #5a95f5 !important; }
+.btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active, .show > .btn-primary.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #0b51c5 !important; }
+.btn-primary:not([disabled]):not(.disabled):active:focus, .btn-primary:not([disabled]):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.primary-ic { color: #4285f4 !important; }
+.primary-ic:hover, .primary-ic:focus { color: #4285f4; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-primary { color: #fff; }
+
+.btn-outline-primary { border: 2px solid #4285f4 !important; background-color: transparent !important; color: #4285f4 !important; }
+.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary:active:focus, .btn-outline-primary.active { border-color: #4285f4 !important; background-color: transparent !important; color: #4285f4 !important; }
+.btn-outline-primary:not([disabled]):not(.disabled):active, .btn-outline-primary:not([disabled]):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #4285f4 !important; }
+.btn-outline-primary:not([disabled]):not(.disabled):active:focus, .btn-outline-primary:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-danger { background-color: #ff3547 !important; color: #fff; }
+.btn-danger:hover { background-color: #ff4f5e; color: #fff; }
+.btn-danger:focus, .btn-danger.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-danger:focus, .btn-danger:active, .btn-danger.active { background-color: #ce0012; }
+.btn-danger.dropdown-toggle { background-color: #ff3547 !important; }
+.btn-danger.dropdown-toggle:hover, .btn-danger.dropdown-toggle:focus { background-color: #ff4f5e !important; }
+.btn-danger:not([disabled]):not(.disabled):active, .btn-danger:not([disabled]):not(.disabled).active, .show > .btn-danger.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #ce0012 !important; }
+.btn-danger:not([disabled]):not(.disabled):active:focus, .btn-danger:not([disabled]):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.danger-ic { color: #ff3547 !important; }
+.danger-ic:hover, .danger-ic:focus { color: #ff3547; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-danger { color: #fff; }
+
+.btn-outline-danger { border: 2px solid #ff3547 !important; background-color: transparent !important; color: #ff3547 !important; }
+.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger:active:focus, .btn-outline-danger.active { border-color: #ff3547 !important; background-color: transparent !important; color: #ff3547 !important; }
+.btn-outline-danger:not([disabled]):not(.disabled):active, .btn-outline-danger:not([disabled]):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #ff3547 !important; }
+.btn-outline-danger:not([disabled]):not(.disabled):active:focus, .btn-outline-danger:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-warning { background-color: #ffbb33 !important; color: #fff; }
+.btn-warning:hover { background-color: #ffc44d; color: #fff; }
+.btn-warning:focus, .btn-warning.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-warning:focus, .btn-warning:active, .btn-warning.active { background-color: #cc8800; }
+.btn-warning.dropdown-toggle { background-color: #ffbb33 !important; }
+.btn-warning.dropdown-toggle:hover, .btn-warning.dropdown-toggle:focus { background-color: #ffc44d !important; }
+.btn-warning:not([disabled]):not(.disabled):active, .btn-warning:not([disabled]):not(.disabled).active, .show > .btn-warning.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #cc8800 !important; }
+.btn-warning:not([disabled]):not(.disabled):active:focus, .btn-warning:not([disabled]):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.warning-ic { color: #ffbb33 !important; }
+.warning-ic:hover, .warning-ic:focus { color: #ffbb33; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-warning { color: #fff; }
+
+.btn-outline-warning { border: 2px solid #ffbb33 !important; background-color: transparent !important; color: #ffbb33 !important; }
+.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning:active:focus, .btn-outline-warning.active { border-color: #ffbb33 !important; background-color: transparent !important; color: #ffbb33 !important; }
+.btn-outline-warning:not([disabled]):not(.disabled):active, .btn-outline-warning:not([disabled]):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #ffbb33 !important; }
+.btn-outline-warning:not([disabled]):not(.disabled):active:focus, .btn-outline-warning:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-success { background-color: #00c851 !important; color: #fff; }
+.btn-success:hover { background-color: #00e25b; color: #fff; }
+.btn-success:focus, .btn-success.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-success:focus, .btn-success:active, .btn-success.active { background-color: #006228; }
+.btn-success.dropdown-toggle { background-color: #00c851 !important; }
+.btn-success.dropdown-toggle:hover, .btn-success.dropdown-toggle:focus { background-color: #00e25b !important; }
+.btn-success:not([disabled]):not(.disabled):active, .btn-success:not([disabled]):not(.disabled).active, .show > .btn-success.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #006228 !important; }
+.btn-success:not([disabled]):not(.disabled):active:focus, .btn-success:not([disabled]):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.success-ic { color: #00c851 !important; }
+.success-ic:hover, .success-ic:focus { color: #00c851; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-success { color: #fff; }
+
+.btn-outline-success { border: 2px solid #00c851 !important; background-color: transparent !important; color: #00c851 !important; }
+.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success:active:focus, .btn-outline-success.active { border-color: #00c851 !important; background-color: transparent !important; color: #00c851 !important; }
+.btn-outline-success:not([disabled]):not(.disabled):active, .btn-outline-success:not([disabled]):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #00c851 !important; }
+.btn-outline-success:not([disabled]):not(.disabled):active:focus, .btn-outline-success:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-info { background-color: #33b5e5 !important; color: #fff; }
+.btn-info:hover { background-color: #4abde8; color: #fff; }
+.btn-info:focus, .btn-info.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-info:focus, .btn-info:active, .btn-info.active { background-color: #14799e; }
+.btn-info.dropdown-toggle { background-color: #33b5e5 !important; }
+.btn-info.dropdown-toggle:hover, .btn-info.dropdown-toggle:focus { background-color: #4abde8 !important; }
+.btn-info:not([disabled]):not(.disabled):active, .btn-info:not([disabled]):not(.disabled).active, .show > .btn-info.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #14799e !important; }
+.btn-info:not([disabled]):not(.disabled):active:focus, .btn-info:not([disabled]):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.info-ic { color: #33b5e5 !important; }
+.info-ic:hover, .info-ic:focus { color: #33b5e5; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-info { color: #fff; }
+
+.btn-outline-info { border: 2px solid #33b5e5 !important; background-color: transparent !important; color: #33b5e5 !important; }
+.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info:active:focus, .btn-outline-info.active { border-color: #33b5e5 !important; background-color: transparent !important; color: #33b5e5 !important; }
+.btn-outline-info:not([disabled]):not(.disabled):active, .btn-outline-info:not([disabled]):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #33b5e5 !important; }
+.btn-outline-info:not([disabled]):not(.disabled):active:focus, .btn-outline-info:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-default { background-color: #2bbbad !important; color: #fff; }
+.btn-default:hover { background-color: #30cfc0; color: #fff; }
+.btn-default:focus, .btn-default.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-default:focus, .btn-default:active, .btn-default.active { background-color: #186860; }
+.btn-default.dropdown-toggle { background-color: #2bbbad !important; }
+.btn-default.dropdown-toggle:hover, .btn-default.dropdown-toggle:focus { background-color: #30cfc0 !important; }
+.btn-default:not([disabled]):not(.disabled):active, .btn-default:not([disabled]):not(.disabled).active, .show > .btn-default.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #186860 !important; }
+.btn-default:not([disabled]):not(.disabled):active:focus, .btn-default:not([disabled]):not(.disabled).active:focus, .show > .btn-default.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.default-ic { color: #2bbbad !important; }
+.default-ic:hover, .default-ic:focus { color: #2bbbad; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-default { color: #fff; }
+
+.btn-outline-default { border: 2px solid #2bbbad !important; background-color: transparent !important; color: #2bbbad !important; }
+.btn-outline-default:hover, .btn-outline-default:focus, .btn-outline-default:active, .btn-outline-default:active:focus, .btn-outline-default.active { border-color: #2bbbad !important; background-color: transparent !important; color: #2bbbad !important; }
+.btn-outline-default:not([disabled]):not(.disabled):active, .btn-outline-default:not([disabled]):not(.disabled).active, .show > .btn-outline-default.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #2bbbad !important; }
+.btn-outline-default:not([disabled]):not(.disabled):active:focus, .btn-outline-default:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-default.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-secondary { background-color: #aa66cc !important; color: #fff; }
+.btn-secondary:hover { background-color: #b579d2; color: #fff; }
+.btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-secondary:focus, .btn-secondary:active, .btn-secondary.active { background-color: #773399; }
+.btn-secondary.dropdown-toggle { background-color: #aa66cc !important; }
+.btn-secondary.dropdown-toggle:hover, .btn-secondary.dropdown-toggle:focus { background-color: #b579d2 !important; }
+.btn-secondary:not([disabled]):not(.disabled):active, .btn-secondary:not([disabled]):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #773399 !important; }
+.btn-secondary:not([disabled]):not(.disabled):active:focus, .btn-secondary:not([disabled]):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.secondary-ic { color: #aa66cc !important; }
+.secondary-ic:hover, .secondary-ic:focus { color: #aa66cc; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-secondary { color: #fff; }
+
+.btn-outline-secondary { border: 2px solid #aa66cc !important; background-color: transparent !important; color: #aa66cc !important; }
+.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary:active:focus, .btn-outline-secondary.active { border-color: #aa66cc !important; background-color: transparent !important; color: #aa66cc !important; }
+.btn-outline-secondary:not([disabled]):not(.disabled):active, .btn-outline-secondary:not([disabled]):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #aa66cc !important; }
+.btn-outline-secondary:not([disabled]):not(.disabled):active:focus, .btn-outline-secondary:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-elegant { background-color: #2e2e2e !important; color: #fff; }
+.btn-elegant:hover { background-color: #3b3b3b; color: #fff; }
+.btn-elegant:focus, .btn-elegant.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-elegant:focus, .btn-elegant:active, .btn-elegant.active { background-color: black; }
+.btn-elegant.dropdown-toggle { background-color: #2e2e2e !important; }
+.btn-elegant.dropdown-toggle:hover, .btn-elegant.dropdown-toggle:focus { background-color: #3b3b3b !important; }
+.btn-elegant:not([disabled]):not(.disabled):active, .btn-elegant:not([disabled]):not(.disabled).active, .show > .btn-elegant.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: black !important; }
+.btn-elegant:not([disabled]):not(.disabled):active:focus, .btn-elegant:not([disabled]):not(.disabled).active:focus, .show > .btn-elegant.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.elegant-ic { color: #2e2e2e !important; }
+.elegant-ic:hover, .elegant-ic:focus { color: #2e2e2e; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-elegant { color: #fff; }
+
+.btn-outline-elegant { border: 2px solid #2e2e2e !important; background-color: transparent !important; color: #2e2e2e !important; }
+.btn-outline-elegant:hover, .btn-outline-elegant:focus, .btn-outline-elegant:active, .btn-outline-elegant:active:focus, .btn-outline-elegant.active { border-color: #2e2e2e !important; background-color: transparent !important; color: #2e2e2e !important; }
+.btn-outline-elegant:not([disabled]):not(.disabled):active, .btn-outline-elegant:not([disabled]):not(.disabled).active, .show > .btn-outline-elegant.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #2e2e2e !important; }
+.btn-outline-elegant:not([disabled]):not(.disabled):active:focus, .btn-outline-elegant:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-elegant.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-unique { background-color: #880e4f !important; color: #fff; }
+.btn-unique:hover { background-color: #9f105c; color: #fff; }
+.btn-unique:focus, .btn-unique.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-unique:focus, .btn-unique:active, .btn-unique.active { background-color: #2c0419; }
+.btn-unique.dropdown-toggle { background-color: #880e4f !important; }
+.btn-unique.dropdown-toggle:hover, .btn-unique.dropdown-toggle:focus { background-color: #9f105c !important; }
+.btn-unique:not([disabled]):not(.disabled):active, .btn-unique:not([disabled]):not(.disabled).active, .show > .btn-unique.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #2c0419 !important; }
+.btn-unique:not([disabled]):not(.disabled):active:focus, .btn-unique:not([disabled]):not(.disabled).active:focus, .show > .btn-unique.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.unique-ic { color: #880e4f !important; }
+.unique-ic:hover, .unique-ic:focus { color: #880e4f; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-unique { color: #fff; }
+
+.btn-outline-unique { border: 2px solid #880e4f !important; background-color: transparent !important; color: #880e4f !important; }
+.btn-outline-unique:hover, .btn-outline-unique:focus, .btn-outline-unique:active, .btn-outline-unique:active:focus, .btn-outline-unique.active { border-color: #880e4f !important; background-color: transparent !important; color: #880e4f !important; }
+.btn-outline-unique:not([disabled]):not(.disabled):active, .btn-outline-unique:not([disabled]):not(.disabled).active, .show > .btn-outline-unique.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #880e4f !important; }
+.btn-outline-unique:not([disabled]):not(.disabled):active:focus, .btn-outline-unique:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-unique.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-dark-green { background-color: #388e3c !important; color: #fff; }
+.btn-dark-green:hover { background-color: #3fa044; color: #fff; }
+.btn-dark-green:focus, .btn-dark-green.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-dark-green:focus, .btn-dark-green:active, .btn-dark-green.active { background-color: #1b451d; }
+.btn-dark-green.dropdown-toggle { background-color: #388e3c !important; }
+.btn-dark-green.dropdown-toggle:hover, .btn-dark-green.dropdown-toggle:focus { background-color: #3fa044 !important; }
+.btn-dark-green:not([disabled]):not(.disabled):active, .btn-dark-green:not([disabled]):not(.disabled).active, .show > .btn-dark-green.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #1b451d !important; }
+.btn-dark-green:not([disabled]):not(.disabled):active:focus, .btn-dark-green:not([disabled]):not(.disabled).active:focus, .show > .btn-dark-green.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.dark-green-ic { color: #388e3c !important; }
+.dark-green-ic:hover, .dark-green-ic:focus { color: #388e3c; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-dark-green { color: #fff; }
+
+.btn-outline-dark-green { border: 2px solid #388e3c !important; background-color: transparent !important; color: #388e3c !important; }
+.btn-outline-dark-green:hover, .btn-outline-dark-green:focus, .btn-outline-dark-green:active, .btn-outline-dark-green:active:focus, .btn-outline-dark-green.active { border-color: #388e3c !important; background-color: transparent !important; color: #388e3c !important; }
+.btn-outline-dark-green:not([disabled]):not(.disabled):active, .btn-outline-dark-green:not([disabled]):not(.disabled).active, .show > .btn-outline-dark-green.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #388e3c !important; }
+.btn-outline-dark-green:not([disabled]):not(.disabled):active:focus, .btn-outline-dark-green:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-dark-green.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-mdb-color { background-color: #59698d !important; color: #fff; }
+.btn-mdb-color:hover { background-color: #63759d; color: #fff; }
+.btn-mdb-color:focus, .btn-mdb-color.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-mdb-color:focus, .btn-mdb-color:active, .btn-mdb-color.active { background-color: #323a4e; }
+.btn-mdb-color.dropdown-toggle { background-color: #59698d !important; }
+.btn-mdb-color.dropdown-toggle:hover, .btn-mdb-color.dropdown-toggle:focus { background-color: #63759d !important; }
+.btn-mdb-color:not([disabled]):not(.disabled):active, .btn-mdb-color:not([disabled]):not(.disabled).active, .show > .btn-mdb-color.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #323a4e !important; }
+.btn-mdb-color:not([disabled]):not(.disabled):active:focus, .btn-mdb-color:not([disabled]):not(.disabled).active:focus, .show > .btn-mdb-color.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.mdb-color-ic { color: #59698d !important; }
+.mdb-color-ic:hover, .mdb-color-ic:focus { color: #59698d; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-mdb-color { color: #fff; }
+
+.btn-outline-mdb-color { border: 2px solid #59698d !important; background-color: transparent !important; color: #59698d !important; }
+.btn-outline-mdb-color:hover, .btn-outline-mdb-color:focus, .btn-outline-mdb-color:active, .btn-outline-mdb-color:active:focus, .btn-outline-mdb-color.active { border-color: #59698d !important; background-color: transparent !important; color: #59698d !important; }
+.btn-outline-mdb-color:not([disabled]):not(.disabled):active, .btn-outline-mdb-color:not([disabled]):not(.disabled).active, .show > .btn-outline-mdb-color.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #59698d !important; }
+.btn-outline-mdb-color:not([disabled]):not(.disabled):active:focus, .btn-outline-mdb-color:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-mdb-color.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-red { background-color: #d32f2f !important; color: #fff; }
+.btn-red:hover { background-color: #d74444; color: #fff; }
+.btn-red:focus, .btn-red.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-red:focus, .btn-red:active, .btn-red.active { background-color: #811b1b; }
+.btn-red.dropdown-toggle { background-color: #d32f2f !important; }
+.btn-red.dropdown-toggle:hover, .btn-red.dropdown-toggle:focus { background-color: #d74444 !important; }
+.btn-red:not([disabled]):not(.disabled):active, .btn-red:not([disabled]):not(.disabled).active, .show > .btn-red.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #811b1b !important; }
+.btn-red:not([disabled]):not(.disabled):active:focus, .btn-red:not([disabled]):not(.disabled).active:focus, .show > .btn-red.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.red-ic { color: #d32f2f !important; }
+.red-ic:hover, .red-ic:focus { color: #d32f2f; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-red { color: #fff; }
+
+.btn-outline-red { border: 2px solid #d32f2f !important; background-color: transparent !important; color: #d32f2f !important; }
+.btn-outline-red:hover, .btn-outline-red:focus, .btn-outline-red:active, .btn-outline-red:active:focus, .btn-outline-red.active { border-color: #d32f2f !important; background-color: transparent !important; color: #d32f2f !important; }
+.btn-outline-red:not([disabled]):not(.disabled):active, .btn-outline-red:not([disabled]):not(.disabled).active, .show > .btn-outline-red.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #d32f2f !important; }
+.btn-outline-red:not([disabled]):not(.disabled):active:focus, .btn-outline-red:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-red.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-pink { background-color: #ec407a !important; color: #fff; }
+.btn-pink:hover { background-color: #ee578a; color: #fff; }
+.btn-pink:focus, .btn-pink.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-pink:focus, .btn-pink:active, .btn-pink.active { background-color: #b41249; }
+.btn-pink.dropdown-toggle { background-color: #ec407a !important; }
+.btn-pink.dropdown-toggle:hover, .btn-pink.dropdown-toggle:focus { background-color: #ee578a !important; }
+.btn-pink:not([disabled]):not(.disabled):active, .btn-pink:not([disabled]):not(.disabled).active, .show > .btn-pink.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #b41249 !important; }
+.btn-pink:not([disabled]):not(.disabled):active:focus, .btn-pink:not([disabled]):not(.disabled).active:focus, .show > .btn-pink.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.pink-ic { color: #ec407a !important; }
+.pink-ic:hover, .pink-ic:focus { color: #ec407a; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-pink { color: #fff; }
+
+.btn-outline-pink { border: 2px solid #ec407a !important; background-color: transparent !important; color: #ec407a !important; }
+.btn-outline-pink:hover, .btn-outline-pink:focus, .btn-outline-pink:active, .btn-outline-pink:active:focus, .btn-outline-pink.active { border-color: #ec407a !important; background-color: transparent !important; color: #ec407a !important; }
+.btn-outline-pink:not([disabled]):not(.disabled):active, .btn-outline-pink:not([disabled]):not(.disabled).active, .show > .btn-outline-pink.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #ec407a !important; }
+.btn-outline-pink:not([disabled]):not(.disabled):active:focus, .btn-outline-pink:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-pink.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-purple { background-color: #8e24aa !important; color: #fff; }
+.btn-purple:hover { background-color: #a028bf; color: #fff; }
+.btn-purple:focus, .btn-purple.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-purple:focus, .btn-purple:active, .btn-purple.active { background-color: #481256; }
+.btn-purple.dropdown-toggle { background-color: #8e24aa !important; }
+.btn-purple.dropdown-toggle:hover, .btn-purple.dropdown-toggle:focus { background-color: #a028bf !important; }
+.btn-purple:not([disabled]):not(.disabled):active, .btn-purple:not([disabled]):not(.disabled).active, .show > .btn-purple.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #481256 !important; }
+.btn-purple:not([disabled]):not(.disabled):active:focus, .btn-purple:not([disabled]):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.purple-ic { color: #8e24aa !important; }
+.purple-ic:hover, .purple-ic:focus { color: #8e24aa; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-purple { color: #fff; }
+
+.btn-outline-purple { border: 2px solid #8e24aa !important; background-color: transparent !important; color: #8e24aa !important; }
+.btn-outline-purple:hover, .btn-outline-purple:focus, .btn-outline-purple:active, .btn-outline-purple:active:focus, .btn-outline-purple.active { border-color: #8e24aa !important; background-color: transparent !important; color: #8e24aa !important; }
+.btn-outline-purple:not([disabled]):not(.disabled):active, .btn-outline-purple:not([disabled]):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #8e24aa !important; }
+.btn-outline-purple:not([disabled]):not(.disabled):active:focus, .btn-outline-purple:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-deep-purple { background-color: #512da8 !important; color: #fff; }
+.btn-deep-purple:hover { background-color: #5b32bc; color: #fff; }
+.btn-deep-purple:focus, .btn-deep-purple.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-deep-purple:focus, .btn-deep-purple:active, .btn-deep-purple.active { background-color: #2a1758; }
+.btn-deep-purple.dropdown-toggle { background-color: #512da8 !important; }
+.btn-deep-purple.dropdown-toggle:hover, .btn-deep-purple.dropdown-toggle:focus { background-color: #5b32bc !important; }
+.btn-deep-purple:not([disabled]):not(.disabled):active, .btn-deep-purple:not([disabled]):not(.disabled).active, .show > .btn-deep-purple.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #2a1758 !important; }
+.btn-deep-purple:not([disabled]):not(.disabled):active:focus, .btn-deep-purple:not([disabled]):not(.disabled).active:focus, .show > .btn-deep-purple.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.deep-purple-ic { color: #512da8 !important; }
+.deep-purple-ic:hover, .deep-purple-ic:focus { color: #512da8; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-deep-purple { color: #fff; }
+
+.btn-outline-deep-purple { border: 2px solid #512da8 !important; background-color: transparent !important; color: #512da8 !important; }
+.btn-outline-deep-purple:hover, .btn-outline-deep-purple:focus, .btn-outline-deep-purple:active, .btn-outline-deep-purple:active:focus, .btn-outline-deep-purple.active { border-color: #512da8 !important; background-color: transparent !important; color: #512da8 !important; }
+.btn-outline-deep-purple:not([disabled]):not(.disabled):active, .btn-outline-deep-purple:not([disabled]):not(.disabled).active, .show > .btn-outline-deep-purple.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #512da8 !important; }
+.btn-outline-deep-purple:not([disabled]):not(.disabled):active:focus, .btn-outline-deep-purple:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-deep-purple.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-indigo { background-color: #3f51b5 !important; color: #fff; }
+.btn-indigo:hover { background-color: #4d5ec1; color: #fff; }
+.btn-indigo:focus, .btn-indigo.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-indigo:focus, .btn-indigo:active, .btn-indigo.active { background-color: #252f69; }
+.btn-indigo.dropdown-toggle { background-color: #3f51b5 !important; }
+.btn-indigo.dropdown-toggle:hover, .btn-indigo.dropdown-toggle:focus { background-color: #4d5ec1 !important; }
+.btn-indigo:not([disabled]):not(.disabled):active, .btn-indigo:not([disabled]):not(.disabled).active, .show > .btn-indigo.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #252f69 !important; }
+.btn-indigo:not([disabled]):not(.disabled):active:focus, .btn-indigo:not([disabled]):not(.disabled).active:focus, .show > .btn-indigo.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.indigo-ic { color: #3f51b5 !important; }
+.indigo-ic:hover, .indigo-ic:focus { color: #3f51b5; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-indigo { color: #fff; }
+
+.btn-outline-indigo { border: 2px solid #3f51b5 !important; background-color: transparent !important; color: #3f51b5 !important; }
+.btn-outline-indigo:hover, .btn-outline-indigo:focus, .btn-outline-indigo:active, .btn-outline-indigo:active:focus, .btn-outline-indigo.active { border-color: #3f51b5 !important; background-color: transparent !important; color: #3f51b5 !important; }
+.btn-outline-indigo:not([disabled]):not(.disabled):active, .btn-outline-indigo:not([disabled]):not(.disabled).active, .show > .btn-outline-indigo.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #3f51b5 !important; }
+.btn-outline-indigo:not([disabled]):not(.disabled):active:focus, .btn-outline-indigo:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-indigo.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-blue { background-color: #1976d2 !important; color: #fff; }
+.btn-blue:hover { background-color: #2083e4; color: #fff; }
+.btn-blue:focus, .btn-blue.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-blue:focus, .btn-blue:active, .btn-blue.active { background-color: #0e4377; }
+.btn-blue.dropdown-toggle { background-color: #1976d2 !important; }
+.btn-blue.dropdown-toggle:hover, .btn-blue.dropdown-toggle:focus { background-color: #2083e4 !important; }
+.btn-blue:not([disabled]):not(.disabled):active, .btn-blue:not([disabled]):not(.disabled).active, .show > .btn-blue.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #0e4377 !important; }
+.btn-blue:not([disabled]):not(.disabled):active:focus, .btn-blue:not([disabled]):not(.disabled).active:focus, .show > .btn-blue.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.blue-ic { color: #1976d2 !important; }
+.blue-ic:hover, .blue-ic:focus { color: #1976d2; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-blue { color: #fff; }
+
+.btn-outline-blue { border: 2px solid #1976d2 !important; background-color: transparent !important; color: #1976d2 !important; }
+.btn-outline-blue:hover, .btn-outline-blue:focus, .btn-outline-blue:active, .btn-outline-blue:active:focus, .btn-outline-blue.active { border-color: #1976d2 !important; background-color: transparent !important; color: #1976d2 !important; }
+.btn-outline-blue:not([disabled]):not(.disabled):active, .btn-outline-blue:not([disabled]):not(.disabled).active, .show > .btn-outline-blue.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #1976d2 !important; }
+.btn-outline-blue:not([disabled]):not(.disabled):active:focus, .btn-outline-blue:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-blue.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-light-blue { background-color: #82b1ff !important; color: #fff; }
+.btn-light-blue:hover { background-color: #9cc1ff; color: #fff; }
+.btn-light-blue:focus, .btn-light-blue.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-light-blue:focus, .btn-light-blue:active, .btn-light-blue.active { background-color: #1c71ff; }
+.btn-light-blue.dropdown-toggle { background-color: #82b1ff !important; }
+.btn-light-blue.dropdown-toggle:hover, .btn-light-blue.dropdown-toggle:focus { background-color: #9cc1ff !important; }
+.btn-light-blue:not([disabled]):not(.disabled):active, .btn-light-blue:not([disabled]):not(.disabled).active, .show > .btn-light-blue.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #1c71ff !important; }
+.btn-light-blue:not([disabled]):not(.disabled):active:focus, .btn-light-blue:not([disabled]):not(.disabled).active:focus, .show > .btn-light-blue.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.light-blue-ic { color: #82b1ff !important; }
+.light-blue-ic:hover, .light-blue-ic:focus { color: #82b1ff; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-light-blue { color: #fff; }
+
+.btn-outline-light-blue { border: 2px solid #82b1ff !important; background-color: transparent !important; color: #82b1ff !important; }
+.btn-outline-light-blue:hover, .btn-outline-light-blue:focus, .btn-outline-light-blue:active, .btn-outline-light-blue:active:focus, .btn-outline-light-blue.active { border-color: #82b1ff !important; background-color: transparent !important; color: #82b1ff !important; }
+.btn-outline-light-blue:not([disabled]):not(.disabled):active, .btn-outline-light-blue:not([disabled]):not(.disabled).active, .show > .btn-outline-light-blue.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #82b1ff !important; }
+.btn-outline-light-blue:not([disabled]):not(.disabled):active:focus, .btn-outline-light-blue:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-light-blue.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-cyan { background-color: #00bcd4 !important; color: #fff; }
+.btn-cyan:hover { background-color: #00d3ee; color: #fff; }
+.btn-cyan:focus, .btn-cyan.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-cyan:focus, .btn-cyan:active, .btn-cyan.active { background-color: #00626e; }
+.btn-cyan.dropdown-toggle { background-color: #00bcd4 !important; }
+.btn-cyan.dropdown-toggle:hover, .btn-cyan.dropdown-toggle:focus { background-color: #00d3ee !important; }
+.btn-cyan:not([disabled]):not(.disabled):active, .btn-cyan:not([disabled]):not(.disabled).active, .show > .btn-cyan.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #00626e !important; }
+.btn-cyan:not([disabled]):not(.disabled):active:focus, .btn-cyan:not([disabled]):not(.disabled).active:focus, .show > .btn-cyan.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.cyan-ic { color: #00bcd4 !important; }
+.cyan-ic:hover, .cyan-ic:focus { color: #00bcd4; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-cyan { color: #fff; }
+
+.btn-outline-cyan { border: 2px solid #00bcd4 !important; background-color: transparent !important; color: #00bcd4 !important; }
+.btn-outline-cyan:hover, .btn-outline-cyan:focus, .btn-outline-cyan:active, .btn-outline-cyan:active:focus, .btn-outline-cyan.active { border-color: #00bcd4 !important; background-color: transparent !important; color: #00bcd4 !important; }
+.btn-outline-cyan:not([disabled]):not(.disabled):active, .btn-outline-cyan:not([disabled]):not(.disabled).active, .show > .btn-outline-cyan.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #00bcd4 !important; }
+.btn-outline-cyan:not([disabled]):not(.disabled):active:focus, .btn-outline-cyan:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-cyan.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-teal { background-color: #00796b !important; color: #fff; }
+.btn-teal:hover { background-color: #009382; color: #fff; }
+.btn-teal:focus, .btn-teal.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-teal:focus, .btn-teal:active, .btn-teal.active { background-color: #001311; }
+.btn-teal.dropdown-toggle { background-color: #00796b !important; }
+.btn-teal.dropdown-toggle:hover, .btn-teal.dropdown-toggle:focus { background-color: #009382 !important; }
+.btn-teal:not([disabled]):not(.disabled):active, .btn-teal:not([disabled]):not(.disabled).active, .show > .btn-teal.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #001311 !important; }
+.btn-teal:not([disabled]):not(.disabled):active:focus, .btn-teal:not([disabled]):not(.disabled).active:focus, .show > .btn-teal.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.teal-ic { color: #00796b !important; }
+.teal-ic:hover, .teal-ic:focus { color: #00796b; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-teal { color: #fff; }
+
+.btn-outline-teal { border: 2px solid #00796b !important; background-color: transparent !important; color: #00796b !important; }
+.btn-outline-teal:hover, .btn-outline-teal:focus, .btn-outline-teal:active, .btn-outline-teal:active:focus, .btn-outline-teal.active { border-color: #00796b !important; background-color: transparent !important; color: #00796b !important; }
+.btn-outline-teal:not([disabled]):not(.disabled):active, .btn-outline-teal:not([disabled]):not(.disabled).active, .show > .btn-outline-teal.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #00796b !important; }
+.btn-outline-teal:not([disabled]):not(.disabled):active:focus, .btn-outline-teal:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-teal.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-green { background-color: #388e3c !important; color: #fff; }
+.btn-green:hover { background-color: #3fa044; color: #fff; }
+.btn-green:focus, .btn-green.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-green:focus, .btn-green:active, .btn-green.active { background-color: #1b451d; }
+.btn-green.dropdown-toggle { background-color: #388e3c !important; }
+.btn-green.dropdown-toggle:hover, .btn-green.dropdown-toggle:focus { background-color: #3fa044 !important; }
+.btn-green:not([disabled]):not(.disabled):active, .btn-green:not([disabled]):not(.disabled).active, .show > .btn-green.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #1b451d !important; }
+.btn-green:not([disabled]):not(.disabled):active:focus, .btn-green:not([disabled]):not(.disabled).active:focus, .show > .btn-green.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.green-ic { color: #388e3c !important; }
+.green-ic:hover, .green-ic:focus { color: #388e3c; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-green { color: #fff; }
+
+.btn-outline-green { border: 2px solid #388e3c !important; background-color: transparent !important; color: #388e3c !important; }
+.btn-outline-green:hover, .btn-outline-green:focus, .btn-outline-green:active, .btn-outline-green:active:focus, .btn-outline-green.active { border-color: #388e3c !important; background-color: transparent !important; color: #388e3c !important; }
+.btn-outline-green:not([disabled]):not(.disabled):active, .btn-outline-green:not([disabled]):not(.disabled).active, .show > .btn-outline-green.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #388e3c !important; }
+.btn-outline-green:not([disabled]):not(.disabled):active:focus, .btn-outline-green:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-green.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-light-green { background-color: #8bc34a !important; color: #fff; }
+.btn-light-green:hover { background-color: #97c95d; color: #fff; }
+.btn-light-green:focus, .btn-light-green.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-light-green:focus, .btn-light-green:active, .btn-light-green.active { background-color: #577d2a; }
+.btn-light-green.dropdown-toggle { background-color: #8bc34a !important; }
+.btn-light-green.dropdown-toggle:hover, .btn-light-green.dropdown-toggle:focus { background-color: #97c95d !important; }
+.btn-light-green:not([disabled]):not(.disabled):active, .btn-light-green:not([disabled]):not(.disabled).active, .show > .btn-light-green.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #577d2a !important; }
+.btn-light-green:not([disabled]):not(.disabled):active:focus, .btn-light-green:not([disabled]):not(.disabled).active:focus, .show > .btn-light-green.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.light-green-ic { color: #8bc34a !important; }
+.light-green-ic:hover, .light-green-ic:focus { color: #8bc34a; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-light-green { color: #fff; }
+
+.btn-outline-light-green { border: 2px solid #8bc34a !important; background-color: transparent !important; color: #8bc34a !important; }
+.btn-outline-light-green:hover, .btn-outline-light-green:focus, .btn-outline-light-green:active, .btn-outline-light-green:active:focus, .btn-outline-light-green.active { border-color: #8bc34a !important; background-color: transparent !important; color: #8bc34a !important; }
+.btn-outline-light-green:not([disabled]):not(.disabled):active, .btn-outline-light-green:not([disabled]):not(.disabled).active, .show > .btn-outline-light-green.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #8bc34a !important; }
+.btn-outline-light-green:not([disabled]):not(.disabled):active:focus, .btn-outline-light-green:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-light-green.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-lime { background-color: #afb42b !important; color: #fff; }
+.btn-lime:hover { background-color: #c3c930; color: #fff; }
+.btn-lime:focus, .btn-lime.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-lime:focus, .btn-lime:active, .btn-lime.active { background-color: #5f6217; }
+.btn-lime.dropdown-toggle { background-color: #afb42b !important; }
+.btn-lime.dropdown-toggle:hover, .btn-lime.dropdown-toggle:focus { background-color: #c3c930 !important; }
+.btn-lime:not([disabled]):not(.disabled):active, .btn-lime:not([disabled]):not(.disabled).active, .show > .btn-lime.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #5f6217 !important; }
+.btn-lime:not([disabled]):not(.disabled):active:focus, .btn-lime:not([disabled]):not(.disabled).active:focus, .show > .btn-lime.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.lime-ic { color: #afb42b !important; }
+.lime-ic:hover, .lime-ic:focus { color: #afb42b; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-lime { color: #fff; }
+
+.btn-outline-lime { border: 2px solid #afb42b !important; background-color: transparent !important; color: #afb42b !important; }
+.btn-outline-lime:hover, .btn-outline-lime:focus, .btn-outline-lime:active, .btn-outline-lime:active:focus, .btn-outline-lime.active { border-color: #afb42b !important; background-color: transparent !important; color: #afb42b !important; }
+.btn-outline-lime:not([disabled]):not(.disabled):active, .btn-outline-lime:not([disabled]):not(.disabled).active, .show > .btn-outline-lime.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #afb42b !important; }
+.btn-outline-lime:not([disabled]):not(.disabled):active:focus, .btn-outline-lime:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-lime.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-yellow { background-color: #fbc02d !important; color: #fff; }
+.btn-yellow:hover { background-color: #fbc846; color: #fff; }
+.btn-yellow:focus, .btn-yellow.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-yellow:focus, .btn-yellow:active, .btn-yellow.active { background-color: #be8904; }
+.btn-yellow.dropdown-toggle { background-color: #fbc02d !important; }
+.btn-yellow.dropdown-toggle:hover, .btn-yellow.dropdown-toggle:focus { background-color: #fbc846 !important; }
+.btn-yellow:not([disabled]):not(.disabled):active, .btn-yellow:not([disabled]):not(.disabled).active, .show > .btn-yellow.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #be8904 !important; }
+.btn-yellow:not([disabled]):not(.disabled):active:focus, .btn-yellow:not([disabled]):not(.disabled).active:focus, .show > .btn-yellow.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.yellow-ic { color: #fbc02d !important; }
+.yellow-ic:hover, .yellow-ic:focus { color: #fbc02d; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-yellow { color: #fff; }
+
+.btn-outline-yellow { border: 2px solid #fbc02d !important; background-color: transparent !important; color: #fbc02d !important; }
+.btn-outline-yellow:hover, .btn-outline-yellow:focus, .btn-outline-yellow:active, .btn-outline-yellow:active:focus, .btn-outline-yellow.active { border-color: #fbc02d !important; background-color: transparent !important; color: #fbc02d !important; }
+.btn-outline-yellow:not([disabled]):not(.disabled):active, .btn-outline-yellow:not([disabled]):not(.disabled).active, .show > .btn-outline-yellow.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #fbc02d !important; }
+.btn-outline-yellow:not([disabled]):not(.disabled):active:focus, .btn-outline-yellow:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-yellow.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-amber { background-color: #ffa000 !important; color: #fff; }
+.btn-amber:hover { background-color: #ffaa1a; color: #fff; }
+.btn-amber:focus, .btn-amber.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-amber:focus, .btn-amber:active, .btn-amber.active { background-color: #996000; }
+.btn-amber.dropdown-toggle { background-color: #ffa000 !important; }
+.btn-amber.dropdown-toggle:hover, .btn-amber.dropdown-toggle:focus { background-color: #ffaa1a !important; }
+.btn-amber:not([disabled]):not(.disabled):active, .btn-amber:not([disabled]):not(.disabled).active, .show > .btn-amber.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #996000 !important; }
+.btn-amber:not([disabled]):not(.disabled):active:focus, .btn-amber:not([disabled]):not(.disabled).active:focus, .show > .btn-amber.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.amber-ic { color: #ffa000 !important; }
+.amber-ic:hover, .amber-ic:focus { color: #ffa000; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-amber { color: #fff; }
+
+.btn-outline-amber { border: 2px solid #ffa000 !important; background-color: transparent !important; color: #ffa000 !important; }
+.btn-outline-amber:hover, .btn-outline-amber:focus, .btn-outline-amber:active, .btn-outline-amber:active:focus, .btn-outline-amber.active { border-color: #ffa000 !important; background-color: transparent !important; color: #ffa000 !important; }
+.btn-outline-amber:not([disabled]):not(.disabled):active, .btn-outline-amber:not([disabled]):not(.disabled).active, .show > .btn-outline-amber.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #ffa000 !important; }
+.btn-outline-amber:not([disabled]):not(.disabled):active:focus, .btn-outline-amber:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-amber.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-orange { background-color: #f57c00 !important; color: #fff; }
+.btn-orange:hover { background-color: #ff8910; color: #fff; }
+.btn-orange:focus, .btn-orange.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-orange:focus, .btn-orange:active, .btn-orange.active { background-color: #8f4800; }
+.btn-orange.dropdown-toggle { background-color: #f57c00 !important; }
+.btn-orange.dropdown-toggle:hover, .btn-orange.dropdown-toggle:focus { background-color: #ff8910 !important; }
+.btn-orange:not([disabled]):not(.disabled):active, .btn-orange:not([disabled]):not(.disabled).active, .show > .btn-orange.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #8f4800 !important; }
+.btn-orange:not([disabled]):not(.disabled):active:focus, .btn-orange:not([disabled]):not(.disabled).active:focus, .show > .btn-orange.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.orange-ic { color: #f57c00 !important; }
+.orange-ic:hover, .orange-ic:focus { color: #f57c00; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-orange { color: #fff; }
+
+.btn-outline-orange { border: 2px solid #f57c00 !important; background-color: transparent !important; color: #f57c00 !important; }
+.btn-outline-orange:hover, .btn-outline-orange:focus, .btn-outline-orange:active, .btn-outline-orange:active:focus, .btn-outline-orange.active { border-color: #f57c00 !important; background-color: transparent !important; color: #f57c00 !important; }
+.btn-outline-orange:not([disabled]):not(.disabled):active, .btn-outline-orange:not([disabled]):not(.disabled).active, .show > .btn-outline-orange.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #f57c00 !important; }
+.btn-outline-orange:not([disabled]):not(.disabled):active:focus, .btn-outline-orange:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-orange.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-deep-orange { background-color: #ff7043 !important; color: #fff; }
+.btn-deep-orange:hover { background-color: #ff835d; color: #fff; }
+.btn-deep-orange:focus, .btn-deep-orange.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-deep-orange:focus, .btn-deep-orange:active, .btn-deep-orange.active { background-color: #dc3500; }
+.btn-deep-orange.dropdown-toggle { background-color: #ff7043 !important; }
+.btn-deep-orange.dropdown-toggle:hover, .btn-deep-orange.dropdown-toggle:focus { background-color: #ff835d !important; }
+.btn-deep-orange:not([disabled]):not(.disabled):active, .btn-deep-orange:not([disabled]):not(.disabled).active, .show > .btn-deep-orange.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #dc3500 !important; }
+.btn-deep-orange:not([disabled]):not(.disabled):active:focus, .btn-deep-orange:not([disabled]):not(.disabled).active:focus, .show > .btn-deep-orange.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.deep-orange-ic { color: #ff7043 !important; }
+.deep-orange-ic:hover, .deep-orange-ic:focus { color: #ff7043; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-deep-orange { color: #fff; }
+
+.btn-outline-deep-orange { border: 2px solid #ff7043 !important; background-color: transparent !important; color: #ff7043 !important; }
+.btn-outline-deep-orange:hover, .btn-outline-deep-orange:focus, .btn-outline-deep-orange:active, .btn-outline-deep-orange:active:focus, .btn-outline-deep-orange.active { border-color: #ff7043 !important; background-color: transparent !important; color: #ff7043 !important; }
+.btn-outline-deep-orange:not([disabled]):not(.disabled):active, .btn-outline-deep-orange:not([disabled]):not(.disabled).active, .show > .btn-outline-deep-orange.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #ff7043 !important; }
+.btn-outline-deep-orange:not([disabled]):not(.disabled):active:focus, .btn-outline-deep-orange:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-deep-orange.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-brown { background-color: #795548 !important; color: #fff; }
+.btn-brown:hover { background-color: #896052; color: #fff; }
+.btn-brown:focus, .btn-brown.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-brown:focus, .btn-brown:active, .btn-brown.active { background-color: #392822; }
+.btn-brown.dropdown-toggle { background-color: #795548 !important; }
+.btn-brown.dropdown-toggle:hover, .btn-brown.dropdown-toggle:focus { background-color: #896052 !important; }
+.btn-brown:not([disabled]):not(.disabled):active, .btn-brown:not([disabled]):not(.disabled).active, .show > .btn-brown.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #392822 !important; }
+.btn-brown:not([disabled]):not(.disabled):active:focus, .btn-brown:not([disabled]):not(.disabled).active:focus, .show > .btn-brown.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.brown-ic { color: #795548 !important; }
+.brown-ic:hover, .brown-ic:focus { color: #795548; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-brown { color: #fff; }
+
+.btn-outline-brown { border: 2px solid #795548 !important; background-color: transparent !important; color: #795548 !important; }
+.btn-outline-brown:hover, .btn-outline-brown:focus, .btn-outline-brown:active, .btn-outline-brown:active:focus, .btn-outline-brown.active { border-color: #795548 !important; background-color: transparent !important; color: #795548 !important; }
+.btn-outline-brown:not([disabled]):not(.disabled):active, .btn-outline-brown:not([disabled]):not(.disabled).active, .show > .btn-outline-brown.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #795548 !important; }
+.btn-outline-brown:not([disabled]):not(.disabled):active:focus, .btn-outline-brown:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-brown.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-grey { background-color: #616161 !important; color: #fff; }
+.btn-grey:hover { background-color: #6e6e6e; color: #fff; }
+.btn-grey:focus, .btn-grey.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-grey:focus, .btn-grey:active, .btn-grey.active { background-color: #2e2e2e; }
+.btn-grey.dropdown-toggle { background-color: #616161 !important; }
+.btn-grey.dropdown-toggle:hover, .btn-grey.dropdown-toggle:focus { background-color: #6e6e6e !important; }
+.btn-grey:not([disabled]):not(.disabled):active, .btn-grey:not([disabled]):not(.disabled).active, .show > .btn-grey.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #2e2e2e !important; }
+.btn-grey:not([disabled]):not(.disabled):active:focus, .btn-grey:not([disabled]):not(.disabled).active:focus, .show > .btn-grey.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.grey-ic { color: #616161 !important; }
+.grey-ic:hover, .grey-ic:focus { color: #616161; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-grey { color: #fff; }
+
+.btn-outline-grey { border: 2px solid #616161 !important; background-color: transparent !important; color: #616161 !important; }
+.btn-outline-grey:hover, .btn-outline-grey:focus, .btn-outline-grey:active, .btn-outline-grey:active:focus, .btn-outline-grey.active { border-color: #616161 !important; background-color: transparent !important; color: #616161 !important; }
+.btn-outline-grey:not([disabled]):not(.disabled):active, .btn-outline-grey:not([disabled]):not(.disabled).active, .show > .btn-outline-grey.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #616161 !important; }
+.btn-outline-grey:not([disabled]):not(.disabled):active:focus, .btn-outline-grey:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-grey.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-blue-grey { background-color: #78909c !important; color: #fff; }
+.btn-blue-grey:hover { background-color: #879ca7; color: #fff; }
+.btn-blue-grey:focus, .btn-blue-grey.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-blue-grey:focus, .btn-blue-grey:active, .btn-blue-grey.active { background-color: #4a5b64; }
+.btn-blue-grey.dropdown-toggle { background-color: #78909c !important; }
+.btn-blue-grey.dropdown-toggle:hover, .btn-blue-grey.dropdown-toggle:focus { background-color: #879ca7 !important; }
+.btn-blue-grey:not([disabled]):not(.disabled):active, .btn-blue-grey:not([disabled]):not(.disabled).active, .show > .btn-blue-grey.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #4a5b64 !important; }
+.btn-blue-grey:not([disabled]):not(.disabled):active:focus, .btn-blue-grey:not([disabled]):not(.disabled).active:focus, .show > .btn-blue-grey.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.blue-grey-ic { color: #78909c !important; }
+.blue-grey-ic:hover, .blue-grey-ic:focus { color: #78909c; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-blue-grey { color: #fff; }
+
+.btn-outline-blue-grey { border: 2px solid #78909c !important; background-color: transparent !important; color: #78909c !important; }
+.btn-outline-blue-grey:hover, .btn-outline-blue-grey:focus, .btn-outline-blue-grey:active, .btn-outline-blue-grey:active:focus, .btn-outline-blue-grey.active { border-color: #78909c !important; background-color: transparent !important; color: #78909c !important; }
+.btn-outline-blue-grey:not([disabled]):not(.disabled):active, .btn-outline-blue-grey:not([disabled]):not(.disabled).active, .show > .btn-outline-blue-grey.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #78909c !important; }
+.btn-outline-blue-grey:not([disabled]):not(.disabled):active:focus, .btn-outline-blue-grey:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-blue-grey.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-dark { background-color: #212121 !important; color: #fff; }
+.btn-dark:hover { background-color: #2e2e2e; color: #fff; }
+.btn-dark:focus, .btn-dark.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-dark:focus, .btn-dark:active, .btn-dark.active { background-color: black; }
+.btn-dark.dropdown-toggle { background-color: #212121 !important; }
+.btn-dark.dropdown-toggle:hover, .btn-dark.dropdown-toggle:focus { background-color: #2e2e2e !important; }
+.btn-dark:not([disabled]):not(.disabled):active, .btn-dark:not([disabled]):not(.disabled).active, .show > .btn-dark.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: black !important; }
+.btn-dark:not([disabled]):not(.disabled):active:focus, .btn-dark:not([disabled]):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.dark-ic { color: #212121 !important; }
+.dark-ic:hover, .dark-ic:focus { color: #212121; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-dark { color: #fff; }
+
+.btn-outline-dark { border: 2px solid #212121 !important; background-color: transparent !important; color: #212121 !important; }
+.btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark:active:focus, .btn-outline-dark.active { border-color: #212121 !important; background-color: transparent !important; color: #212121 !important; }
+.btn-outline-dark:not([disabled]):not(.disabled):active, .btn-outline-dark:not([disabled]):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #212121 !important; }
+.btn-outline-dark:not([disabled]):not(.disabled):active:focus, .btn-outline-dark:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-light { background-color: #e0e0e0 !important; color: #000; }
+.btn-light:hover { background-color: #ededed; color: #000; }
+.btn-light:focus, .btn-light.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-light:focus, .btn-light:active, .btn-light.active { background-color: #adadad; }
+.btn-light.dropdown-toggle { background-color: #e0e0e0 !important; }
+.btn-light.dropdown-toggle:hover, .btn-light.dropdown-toggle:focus { background-color: #ededed !important; }
+.btn-light:not([disabled]):not(.disabled):active, .btn-light:not([disabled]):not(.disabled).active, .show > .btn-light.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #adadad !important; }
+.btn-light:not([disabled]):not(.disabled):active:focus, .btn-light:not([disabled]):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.light-ic { color: #e0e0e0 !important; }
+.light-ic:hover, .light-ic:focus { color: #e0e0e0; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #000; }
+
+table.table a.btn.btn-light { color: #000; }
+
+.btn-outline-light { border: 2px solid #e0e0e0 !important; background-color: transparent !important; color: #e0e0e0 !important; }
+.btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light:active:focus, .btn-outline-light.active { border-color: #e0e0e0 !important; background-color: transparent !important; color: #e0e0e0 !important; }
+.btn-outline-light:not([disabled]):not(.disabled):active, .btn-outline-light:not([disabled]):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #e0e0e0 !important; }
+.btn-outline-light:not([disabled]):not(.disabled):active:focus, .btn-outline-light:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-white { background-color: #fff !important; color: #000; }
+.btn-white:hover { background-color: white; color: #000; }
+.btn-white:focus, .btn-white.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-white:focus, .btn-white:active, .btn-white.active { background-color: #cccccc; }
+.btn-white.dropdown-toggle { background-color: #fff !important; }
+.btn-white.dropdown-toggle:hover, .btn-white.dropdown-toggle:focus { background-color: white !important; }
+.btn-white:not([disabled]):not(.disabled):active, .btn-white:not([disabled]):not(.disabled).active, .show > .btn-white.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #cccccc !important; }
+.btn-white:not([disabled]):not(.disabled):active:focus, .btn-white:not([disabled]):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.white-ic { color: #fff !important; }
+.white-ic:hover, .white-ic:focus { color: #fff; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #000; }
+
+table.table a.btn.btn-white { color: #000; }
+
+.btn-outline-white { border: 2px solid #fff !important; background-color: transparent !important; color: #fff !important; }
+.btn-outline-white:hover, .btn-outline-white:focus, .btn-outline-white:active, .btn-outline-white:active:focus, .btn-outline-white.active { border-color: #fff !important; background-color: transparent !important; color: #fff !important; }
+.btn-outline-white:not([disabled]):not(.disabled):active, .btn-outline-white:not([disabled]):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #fff !important; }
+.btn-outline-white:not([disabled]):not(.disabled):active:focus, .btn-outline-white:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-black { background-color: #000 !important; color: #fff; }
+.btn-black:hover { background-color: #0d0d0d; color: #fff; }
+.btn-black:focus, .btn-black.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-black:focus, .btn-black:active, .btn-black.active { background-color: black; }
+.btn-black.dropdown-toggle { background-color: #000 !important; }
+.btn-black.dropdown-toggle:hover, .btn-black.dropdown-toggle:focus { background-color: #0d0d0d !important; }
+.btn-black:not([disabled]):not(.disabled):active, .btn-black:not([disabled]):not(.disabled).active, .show > .btn-black.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: black !important; }
+.btn-black:not([disabled]):not(.disabled):active:focus, .btn-black:not([disabled]):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.black-ic { color: #000 !important; }
+.black-ic:hover, .black-ic:focus { color: #000; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-black { color: #fff; }
+
+.btn-outline-black { border: 2px solid #000 !important; background-color: transparent !important; color: #000 !important; }
+.btn-outline-black:hover, .btn-outline-black:focus, .btn-outline-black:active, .btn-outline-black:active:focus, .btn-outline-black.active { border-color: #000 !important; background-color: transparent !important; color: #000 !important; }
+.btn-outline-black:not([disabled]):not(.disabled):active, .btn-outline-black:not([disabled]):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #000 !important; }
+.btn-outline-black:not([disabled]):not(.disabled):active:focus, .btn-outline-black:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle { color: #fff; }
+
+.btn.purple-gradient { transition: .5s ease; color: #fff; }
+.btn.purple-gradient:hover, .btn.purple-gradient:focus, .btn.purple-gradient:active, .btn.purple-gradient:active:focus .btn.purple-gradient.active { background: linear-gradient(#ff88ce, #8f8bf7); }
+
+.btn.peach-gradient { transition: .5s ease; color: #fff; }
+.btn.peach-gradient:hover, .btn.peach-gradient:focus, .btn.peach-gradient:active, .btn.peach-gradient:active:focus .btn.peach-gradient.active { background: linear-gradient(#ffdf89, #fc7b7b); }
+
+.btn.aqua-gradient { transition: .5s ease; color: #fff; }
+.btn.aqua-gradient:hover, .btn.aqua-gradient:focus, .btn.aqua-gradient:active, .btn.aqua-gradient:active:focus .btn.aqua-gradient.active { background: linear-gradient(#3aa2ff, #1fffac); }
+
+.btn.blue-gradient { transition: .5s ease; color: #fff; }
+.btn.blue-gradient:hover, .btn.blue-gradient:focus, .btn.blue-gradient:active, .btn.blue-gradient:active:focus .btn.blue-gradient.active { background: linear-gradient(#5ed1fc, #3647b3); }
+
+.card { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border: 0; font-weight: 400; }
+.card[class*="border"] { border: 1px solid #9e9e9e; box-shadow: none; }
+.card .card-body h1, .card .card-body h2, .card .card-body h3, .card .card-body h4, .card .card-body h5, .card .card-body h6 { font-weight: 400; }
+.card .card-body .card-title a { transition: 0.2s ease-in-out; }
+.card .card-body .card-title a:hover { transition: 0.2s ease-in-out; }
+.card .card-body .card-text { color: #747373; font-size: 0.9rem; font-weight: 400; }
+.card .md-form label { font-weight: 300; }
+
+.dropdown .dropdown-menu .dropdown-item:active { background-color: #757575; }
+
+.md-form.input-group label { top: 0; margin-bottom: 0; }
+.md-form.input-group .input-group-text { background-color: #e0e0e0; }
+.md-form.input-group .input-group-text.md-addon { border: none; background-color: transparent; font-weight: 500; }
+.md-form.input-group .form-control { margin: 0; padding: 0.375rem 0.75rem; }
+
+.navbar { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); font-weight: 300; }
+.navbar form .md-form input { margin: 0 5px 1px 8px; }
+.navbar .breadcrumb { margin: 0; padding: 0.3rem 0 0 1rem; background-color: inherit; font-size: 15px; font-weight: 300; }
+.navbar .breadcrumb .breadcrumb-item { color: #fff; }
+.navbar .breadcrumb .breadcrumb-item.active { color: rgba(255, 255, 255, 0.65); }
+.navbar .breadcrumb .breadcrumb-item:before { color: rgba(255, 255, 255, 0.65); }
+.navbar .navbar-toggler { outline: 0; border-width: 0; }
+.navbar .nav-flex-icons { flex-direction: row; }
+@media (max-width: 992px) { .navbar .container { width: 100%; }
+ .navbar .container .navbar-toggler-right { right: 0; } }
+.navbar .nav-item .nav-link { display: block; }
+.navbar .nav-item .nav-link.disabled:active { pointer-events: none; }
+.navbar .nav-item .nav-link .fas, .navbar .nav-item .nav-link .fab, .navbar .nav-item .nav-link .far { padding-right: 3px; padding-left: 3px; }
+@media (max-width: 992px) { .navbar .nav-item .nav-link { padding-right: 6px; padding-left: 6px; } }
+.navbar .dropdown-menu { position: absolute !important; margin-top: 0; }
+.navbar .dropdown-menu a { padding: 10px; font-size: 0.9375rem; font-weight: 300; color: #000; }
+@media (max-width: 600px) { .navbar .dropdown-menu form { width: 17rem; } }
+@media (min-width: 600px) { .navbar .dropdown-menu form { width: 22rem; } }
+.navbar.navbar-light .navbar-nav .nav-item .nav-link.disbled { color: rgba(0, 0, 0, 0.3); }
+.navbar.navbar-light .navbar-nav .nav-item .nav-link.disbled:hover { color: rgba(0, 0, 0, 0.3); }
+.navbar.navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); cursor: pointer; }
+.navbar.navbar-light .breadcrumb .nav-item .nav-link, .navbar.navbar-light .navbar-nav .nav-item .nav-link { color: #000; transition: 0.35s; }
+.navbar.navbar-light .breadcrumb .nav-item .nav-link:hover, .navbar.navbar-light .navbar-nav .nav-item .nav-link:hover { color: rgba(0, 0, 0, 0.7); }
+.navbar.navbar-light .breadcrumb .nav-item.active > .nav-link, .navbar.navbar-light .navbar-nav .nav-item.active > .nav-link { background-color: rgba(0, 0, 0, 0.1); }
+.navbar.navbar-light .breadcrumb .nav-item.active > .nav-link:hover, .navbar.navbar-light .navbar-nav .nav-item.active > .nav-link:hover { color: #000; }
+.navbar.navbar-light .navbar-toggler { color: #000; }
+.navbar.navbar-light form .md-form input { border-bottom: 1px solid #000; }
+.navbar.navbar-light form .md-form input:focus:not([readonly]) { border-color: #4285f4; }
+.navbar.navbar-light form .md-form .form-control { color: #000; }
+.navbar.navbar-light form .md-form .form-control::placeholder { color: #000; font-weight: 300; }
+.navbar.navbar-dark .navbar-nav .nav-item .nav-link.disbled { color: rgba(255, 255, 255, 0.25); }
+.navbar.navbar-dark .navbar-nav .nav-item .nav-link.disbled:hover { color: rgba(255, 255, 255, 0.25); }
+.navbar.navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); cursor: pointer; }
+.navbar.navbar-dark .breadcrumb .nav-item .nav-link, .navbar.navbar-dark .navbar-nav .nav-item .nav-link { color: #fff; transition: 0.35s; }
+.navbar.navbar-dark .breadcrumb .nav-item .nav-link:hover, .navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover { color: rgba(255, 255, 255, 0.75); }
+.navbar.navbar-dark .breadcrumb .nav-item.active > .nav-link, .navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link { background-color: rgba(255, 255, 255, 0.1); }
+.navbar.navbar-dark .breadcrumb .nav-item.active > .nav-link:hover, .navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link:hover { color: #fff; }
+.navbar.navbar-dark .navbar-toggler { color: #fff; }
+.navbar.navbar-dark form .md-form input { border-bottom: 1px solid #fff; }
+.navbar.navbar-dark form .md-form input:focus:not([readonly]) { border-color: #4285f4; }
+.navbar.navbar-dark form .md-form .form-control { color: #fff; }
+.navbar.navbar-dark form .md-form .form-control::placeholder { color: #fff; font-weight: 300; }
+@media (min-width: 600px) { .navbar.scrolling-navbar { transition: background 0.5s ease-in-out, padding 0.5s ease-in-out; padding-top: 12px; padding-bottom: 12px; }
+ .navbar.scrolling-navbar .navbar-nav > li { transition-duration: 1s; }
+ .navbar.scrolling-navbar.top-nav-collapse { padding-top: 5px; padding-bottom: 5px; } }
+@media (min-width: 400px) and (max-width: 767px), (min-width: 800px) and (max-width: 850px) { .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse { max-height: 340px; overflow-x: hidden; overflow-y: auto; } }
+
+.pagination .page-item.active .page-link { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); transition: all 0.2s linear; border-radius: 0.125rem; background-color: #4285f4; color: #fff; }
+.pagination .page-item.active .page-link:hover { background-color: #4285f4; }
+.pagination .page-item.disabled .page-link { color: #868e96; }
+.pagination .page-item .page-link { transition: all 0.3s linear; outline: 0; border: 0; background-color: transparent; font-size: 0.9rem; color: #212529; }
+.pagination .page-item .page-link:hover { transition: all 0.3s linear; border-radius: 0.125rem; background-color: #eee; }
+.pagination .page-item .page-link:focus { background-color: transparent; box-shadow: none; }
+.pagination.pagination-lg .page-item .page-link { font-size: 1rem; }
+.pagination.pagination-sm .page-item .page-link { font-size: 0.8rem; }
+.pagination.pagination-circle .page-item .page-link { margin-left: 2px; margin-right: 2px; border-radius: 50%; }
+.pagination.pagination-circle .page-item .page-link:hover { border-radius: 50%; }
+.pagination.pagination-circle .page-item.active .page-link { border-radius: 50%; }
+.pagination.pg-blue .page-item.active .page-link { background-color: #4285f4; }
+.pagination.pg-blue .page-item.active .page-link:hover { background-color: #4285f4; }
+.pagination.pg-red .page-item.active .page-link { background-color: #ff3547; }
+.pagination.pg-red .page-item.active .page-link:hover { background-color: #ff3547; }
+.pagination.pg-teal .page-item.active .page-link { background-color: #2bbbad; }
+.pagination.pg-teal .page-item.active .page-link:hover { background-color: #2bbbad; }
+.pagination.pg-dark-grey .page-item.active .page-link { background-color: #37474f; }
+.pagination.pg-dark-grey .page-item.active .page-link:hover { background-color: #37474f; }
+.pagination.pg-dark .page-item.active .page-link { background-color: #2e2e2e; }
+.pagination.pg-dark .page-item.active .page-link:hover { background-color: #2e2e2e; }
+.pagination.pg-blue-grey .page-item.active .page-link { background-color: #3f729b; }
+.pagination.pg-blue-grey .page-item.active .page-link:hover { background-color: #3f729b; }
+.pagination.pg-amber .page-item.active .page-link { background-color: #ff6f00; }
+.pagination.pg-amber .page-item.active .page-link:hover { background-color: #ff6f00; }
+.pagination.pg-purple .page-item.active .page-link { background-color: #5e35b1; }
+.pagination.pg-purple .page-item.active .page-link:hover { background-color: #5e35b1; }
+
+.badge { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 0.125rem; color: #fff !important; }
+
+.badge-pill { border-radius: 10rem; padding-right: 0.6em; padding-left: 0.6em; }
+
+.badge-primary { background-color: #4285f4 !important; color: #fff !important; }
+
+.badge-danger { background-color: #ff3547 !important; color: #fff !important; }
+
+.badge-warning { background-color: #ffbb33 !important; color: #fff !important; }
+
+.badge-success { background-color: #00c851 !important; color: #fff !important; }
+
+.badge-info { background-color: #33b5e5 !important; color: #fff !important; }
+
+.badge-default { background-color: #2bbbad !important; color: #fff !important; }
+
+.badge-secondary { background-color: #aa66cc !important; color: #fff !important; }
+
+.badge-dark { background-color: #212121 !important; color: #fff !important; }
+
+.badge-light { background-color: #e0e0e0 !important; color: #000 !important; }
+
+body.modal-open { overflow: auto; padding-right: 0 !important; }
+body.scrollable { overflow-y: auto; }
+
+.modal-dialog .modal-content { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); border: 0; border-radius: 0.125rem; }
+.modal-dialog .modal-content .modal-header { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; }
+.modal-dialog.cascading-modal { margin-top: 10%; }
+.modal-dialog.cascading-modal .close { opacity: 1; text-shadow: none; color: #fff; outline: 0; }
+.modal-dialog.cascading-modal .modal-header { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); margin: -2rem 1rem 1rem 1rem; border: none; border-radius: 0.125rem; padding: 1.5rem; text-align: center; }
+.modal-dialog.cascading-modal .modal-header .close { margin-right: 1rem; }
+.modal-dialog.cascading-modal .modal-header .title { margin-bottom: 0; width: 100%; font-size: 1.25rem; }
+.modal-dialog.cascading-modal .modal-header .title .fas, .modal-dialog.cascading-modal .modal-header .title .fab, .modal-dialog.cascading-modal .modal-header .title .far { margin-right: 9px; }
+.modal-dialog.cascading-modal .modal-header .social-buttons { margin-top: 1.5rem; }
+.modal-dialog.cascading-modal .modal-header .social-buttons a { font-size: 1rem; }
+.modal-dialog.cascading-modal .modal-c-tabs .md-tabs { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); margin: -1.5rem 1rem 0 1rem; display: flex; }
+.modal-dialog.cascading-modal .modal-c-tabs .md-tabs li { flex: 1; }
+.modal-dialog.cascading-modal .modal-c-tabs .md-tabs li a { text-align: center; }
+.modal-dialog.cascading-modal .modal-c-tabs .tab-content { padding: 1.7rem 0 0 0; }
+.modal-dialog.cascading-modal .modal-body, .modal-dialog.cascading-modal .modal-footer { padding-left: 2rem; padding-right: 2rem; color: #616161; }
+.modal-dialog.cascading-modal .modal-body .additional-option, .modal-dialog.cascading-modal .modal-footer .additional-option { margin-top: 1rem; text-align: center; }
+.modal-dialog.cascading-modal.modal-avatar { margin-top: 6rem; }
+.modal-dialog.cascading-modal.modal-avatar .modal-header { box-shadow: none; margin: -6rem 0 -1rem; }
+.modal-dialog.cascading-modal.modal-avatar .modal-header img { width: 130px; box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-left: auto; margin-right: auto; }
+.modal-dialog.modal-notify .heading { margin: 0; padding: 0.3rem; font-size: 1.15rem; color: #fff; }
+.modal-dialog.modal-notify .modal-header { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border: 0; }
+.modal-dialog.modal-notify .close { opacity: 1; }
+.modal-dialog.modal-notify .modal-body { padding: 1.5rem; color: #616161; }
+.modal-dialog.modal-notify.modal-primary .modal-header { background-color: #4285f4; }
+.modal-dialog.modal-notify.modal-primary .fas, .modal-dialog.modal-notify.modal-primary .fab, .modal-dialog.modal-notify.modal-primary .far { color: #4285f4; }
+.modal-dialog.modal-notify.modal-primary .badge { background-color: #4285f4; }
+.modal-dialog.modal-notify.modal-primary .btn .fas, .modal-dialog.modal-notify.modal-primary .btn .fab, .modal-dialog.modal-notify.modal-primary .btn .far { color: #fff; }
+.modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .fas, .modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .fab, .modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .far { color: #4285f4; }
+.modal-dialog.modal-notify.modal-danger .modal-header { background-color: #ff3547; }
+.modal-dialog.modal-notify.modal-danger .fas, .modal-dialog.modal-notify.modal-danger .fab, .modal-dialog.modal-notify.modal-danger .far { color: #ff3547; }
+.modal-dialog.modal-notify.modal-danger .badge { background-color: #ff3547; }
+.modal-dialog.modal-notify.modal-danger .btn .fas, .modal-dialog.modal-notify.modal-danger .btn .fab, .modal-dialog.modal-notify.modal-danger .btn .far { color: #fff; }
+.modal-dialog.modal-notify.modal-danger .btn.btn-outline-danger .fas, .modal-dialog.modal-notify.modal-danger .btn.btn-outline-danger .fab, .modal-dialog.modal-notify.modal-danger .btn.btn-outline-danger .far { color: #ff3547; }
+.modal-dialog.modal-notify.modal-warning .modal-header { background-color: #ffbb33; }
+.modal-dialog.modal-notify.modal-warning .fas, .modal-dialog.modal-notify.modal-warning .fab, .modal-dialog.modal-notify.modal-warning .far { color: #ffbb33; }
+.modal-dialog.modal-notify.modal-warning .badge { background-color: #ffbb33; }
+.modal-dialog.modal-notify.modal-warning .btn .fas, .modal-dialog.modal-notify.modal-warning .btn .fab, .modal-dialog.modal-notify.modal-warning .btn .far { color: #fff; }
+.modal-dialog.modal-notify.modal-warning .btn.btn-outline-warning .fas, .modal-dialog.modal-notify.modal-warning .btn.btn-outline-warning .fab, .modal-dialog.modal-notify.modal-warning .btn.btn-outline-warning .far { color: #ffbb33; }
+.modal-dialog.modal-notify.modal-success .modal-header { background-color: #00c851; }
+.modal-dialog.modal-notify.modal-success .fas, .modal-dialog.modal-notify.modal-success .fab, .modal-dialog.modal-notify.modal-success .far { color: #00c851; }
+.modal-dialog.modal-notify.modal-success .badge { background-color: #00c851; }
+.modal-dialog.modal-notify.modal-success .btn .fas, .modal-dialog.modal-notify.modal-success .btn .fab, .modal-dialog.modal-notify.modal-success .btn .far { color: #fff; }
+.modal-dialog.modal-notify.modal-success .btn.btn-outline-success .fas, .modal-dialog.modal-notify.modal-success .btn.btn-outline-success .fab, .modal-dialog.modal-notify.modal-success .btn.btn-outline-success .far { color: #00c851; }
+.modal-dialog.modal-notify.modal-info .modal-header { background-color: #33b5e5; }
+.modal-dialog.modal-notify.modal-info .fas, .modal-dialog.modal-notify.modal-info .fab, .modal-dialog.modal-notify.modal-info .far { color: #33b5e5; }
+.modal-dialog.modal-notify.modal-info .badge { background-color: #33b5e5; }
+.modal-dialog.modal-notify.modal-info .btn .fas, .modal-dialog.modal-notify.modal-info .btn .fab, .modal-dialog.modal-notify.modal-info .btn .far { color: #fff; }
+.modal-dialog.modal-notify.modal-info .btn.btn-outline-info .fas, .modal-dialog.modal-notify.modal-info .btn.btn-outline-info .fab, .modal-dialog.modal-notify.modal-info .btn.btn-outline-info .far { color: #33b5e5; }
+
+.modal { padding-right: 0 !important; }
+@media (min-width: 768px) { .modal .modal-dialog.modal-top { top: 0; }
+ .modal .modal-dialog.modal-left { left: 0; }
+ .modal .modal-dialog.modal-right { right: 0; }
+ .modal .modal-dialog.modal-bottom { bottom: 0; }
+ .modal .modal-dialog.modal-top-left { top: 10px; left: 10px; }
+ .modal .modal-dialog.modal-top-right { top: 10px; right: 10px; }
+ .modal .modal-dialog.modal-bottom-left { bottom: 10px; left: 10px; }
+ .modal .modal-dialog.modal-bottom-right { bottom: 10px; right: 10px; } }
+.modal.fade.top:not(.show) .modal-dialog { transform: translate3d(0, -25%, 0); }
+.modal.fade.left:not(.show) .modal-dialog { transform: translate3d(-25%, 0, 0); }
+.modal.fade.right:not(.show) .modal-dialog { transform: translate3d(25%, 0, 0); }
+.modal.fade.bottom:not(.show) .modal-dialog { transform: translate3d(0, 25%, 0); }
+@media (min-width: 992px) { .modal.modal-scrolling { position: relative; }
+ .modal.modal-scrolling .modal-dialog { position: fixed; z-index: 1050; }
+ .modal.modal-content-clickable { top: auto; bottom: auto; }
+ .modal.modal-content-clickable .modal-dialog { position: fixed; }
+ .modal .modal-fluid { width: 100%; max-width: 100%; }
+ .modal .modal-fluid .modal-content { width: 100%; }
+ .modal .modal-frame { position: absolute; margin: 0 !important; width: 100%; max-width: 100% !important; }
+ .modal .modal-frame.modal-bottom { bottom: 0; }
+ .modal .modal-full-height { position: absolute; display: flex; margin: 0; width: 400px; min-height: 100%; height: auto; min-height: 100%; top: 0; right: 0; }
+ .modal .modal-full-height.modal-top, .modal .modal-full-height.modal-bottom { display: block; width: 100%; max-width: 100%; height: auto; }
+ .modal .modal-full-height.modal-top { bottom: auto; }
+ .modal .modal-full-height.modal-bottom { min-height: 0; top: auto; }
+ .modal .modal-full-height .modal-content { width: 100%; }
+ .modal .modal-full-height.modal-lg { width: 90%; max-width: 90%; } }
+@media (min-width: 992px) and (min-width: 992px) { .modal .modal-full-height.modal-lg { width: 800px; max-width: 800px; } }
+@media (min-width: 992px) and (min-width: 1200px) { .modal .modal-full-height.modal-lg { width: 1000px; max-width: 1000px; } }
+@media (min-width: 992px) { .modal .modal-side { position: absolute; bottom: 10px; right: 10px; margin: 0; width: 400px; } }
+
+.carousel .carousel-control-prev-icon, .carousel .carousel-control-next-icon { width: 20px; height: 20px; }
+.carousel .carousel-control-prev-icon { background-image: url(../img/svg/arrow_left.svg); }
+.carousel .carousel-control-next-icon { background-image: url(../img/svg/arrow_right.svg); }
+.carousel .carousel-indicators li { width: 0.625rem; height: 0.625rem; border-radius: 50%; cursor: pointer; }
+
+.carousel-fade .carousel-item { opacity: 0; transition-duration: 0.6s; transition-property: opacity; }
+.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { opacity: 1; }
+.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-right.active { opacity: 0; }
+.carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-prev.active { transform: translateX(0); }
+@supports (transform-style: preserve-3d) { .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-prev.active { transform: translate3d(0, 0, 0); } }
+
+.md-form { position: relative; margin-top: 1.5rem; margin-bottom: 1.5rem; }
+.md-form input[type=text], .md-form input[type=password], .md-form input[type=email], .md-form input[type=url], .md-form input[type=time], .md-form input[type=date], .md-form input[type=datetime-local], .md-form input[type=tel], .md-form input[type=number], .md-form input[type=search-md], .md-form input[type=search], .md-form textarea.md-textarea { transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; outline: none; box-shadow: none; border: none; border-bottom: 1px solid #ced4da; border-radius: 0; box-sizing: content-box; background-color: transparent; }
+.md-form input[type=text]:focus:not([readonly]), .md-form input[type=password]:focus:not([readonly]), .md-form input[type=email]:focus:not([readonly]), .md-form input[type=url]:focus:not([readonly]), .md-form input[type=time]:focus:not([readonly]), .md-form input[type=date]:focus:not([readonly]), .md-form input[type=datetime-local]:focus:not([readonly]), .md-form input[type=tel]:focus:not([readonly]), .md-form input[type=number]:focus:not([readonly]), .md-form input[type=search-md]:focus:not([readonly]), .md-form input[type=search]:focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]) { box-shadow: 0 1px 0 0 #4285f4; border-bottom: 1px solid #4285f4; }
+.md-form input[type=text]:focus:not([readonly]) + label, .md-form input[type=password]:focus:not([readonly]) + label, .md-form input[type=email]:focus:not([readonly]) + label, .md-form input[type=url]:focus:not([readonly]) + label, .md-form input[type=time]:focus:not([readonly]) + label, .md-form input[type=date]:focus:not([readonly]) + label, .md-form input[type=datetime-local]:focus:not([readonly]) + label, .md-form input[type=tel]:focus:not([readonly]) + label, .md-form input[type=number]:focus:not([readonly]) + label, .md-form input[type=search-md]:focus:not([readonly]) + label, .md-form input[type=search]:focus:not([readonly]) + label, .md-form textarea.md-textarea:focus:not([readonly]) + label { color: #4285f4; }
+.md-form input[type=text] + label:after, .md-form input[type=password] + label:after, .md-form input[type=email] + label:after, .md-form input[type=url] + label:after, .md-form input[type=time] + label:after, .md-form input[type=date] + label:after, .md-form input[type=datetime-local] + label:after, .md-form input[type=tel] + label:after, .md-form input[type=number] + label:after, .md-form input[type=search-md] + label:after, .md-form input[type=search] + label:after, .md-form textarea.md-textarea + label:after { content: ""; position: absolute; top: 65px; display: block; opacity: 0; transition: 0.2s opacity ease-out, 0.2s color ease-out; }
+.md-form input[type=text].valid, .md-form input[type=text]:focus.valid, .md-form input[type=password].valid, .md-form input[type=password]:focus.valid, .md-form input[type=email].valid, .md-form input[type=email]:focus.valid, .md-form input[type=url].valid, .md-form input[type=url]:focus.valid, .md-form input[type=time].valid, .md-form input[type=time]:focus.valid, .md-form input[type=date].valid, .md-form input[type=date]:focus.valid, .md-form input[type=datetime-local].valid, .md-form input[type=datetime-local]:focus.valid, .md-form input[type=tel].valid, .md-form input[type=tel]:focus.valid, .md-form input[type=number].valid, .md-form input[type=number]:focus.valid, .md-form input[type=search-md].valid, .md-form input[type=search-md]:focus.valid, .md-form input[type=search].valid, .md-form input[type=search]:focus.valid, .md-form textarea.md-textarea.valid, .md-form textarea.md-textarea:focus.valid { border-bottom: 1px solid #00c851; box-shadow: 0 1px 0 0 #00c851; }
+.md-form input[type=text].valid + label:after, .md-form input[type=text]:focus.valid + label:after, .md-form input[type=password].valid + label:after, .md-form input[type=password]:focus.valid + label:after, .md-form input[type=email].valid + label:after, .md-form input[type=email]:focus.valid + label:after, .md-form input[type=url].valid + label:after, .md-form input[type=url]:focus.valid + label:after, .md-form input[type=time].valid + label:after, .md-form input[type=time]:focus.valid + label:after, .md-form input[type=date].valid + label:after, .md-form input[type=date]:focus.valid + label:after, .md-form input[type=datetime-local].valid + label:after, .md-form input[type=datetime-local]:focus.valid + label:after, .md-form input[type=tel].valid + label:after, .md-form input[type=tel]:focus.valid + label:after, .md-form input[type=number].valid + label:after, .md-form input[type=number]:focus.valid + label:after, .md-form input[type=search-md].valid + label:after, .md-form input[type=search-md]:focus.valid + label:after, .md-form input[type=search].valid + label:after, .md-form input[type=search]:focus.valid + label:after, .md-form textarea.md-textarea.valid + label:after, .md-form textarea.md-textarea:focus.valid + label:after { content: attr(data-success); color: #00c851; opacity: 1; }
+.md-form input[type=text].invalid, .md-form input[type=text]:focus.invalid, .md-form input[type=password].invalid, .md-form input[type=password]:focus.invalid, .md-form input[type=email].invalid, .md-form input[type=email]:focus.invalid, .md-form input[type=url].invalid, .md-form input[type=url]:focus.invalid, .md-form input[type=time].invalid, .md-form input[type=time]:focus.invalid, .md-form input[type=date].invalid, .md-form input[type=date]:focus.invalid, .md-form input[type=datetime-local].invalid, .md-form input[type=datetime-local]:focus.invalid, .md-form input[type=tel].invalid, .md-form input[type=tel]:focus.invalid, .md-form input[type=number].invalid, .md-form input[type=number]:focus.invalid, .md-form input[type=search-md].invalid, .md-form input[type=search-md]:focus.invalid, .md-form input[type=search].invalid, .md-form input[type=search]:focus.invalid, .md-form textarea.md-textarea.invalid, .md-form textarea.md-textarea:focus.invalid { border-bottom: 1px solid #f44336; box-shadow: 0 1px 0 0 #f44336; }
+.md-form input[type=text].invalid + label:after, .md-form input[type=text]:focus.invalid + label:after, .md-form input[type=password].invalid + label:after, .md-form input[type=password]:focus.invalid + label:after, .md-form input[type=email].invalid + label:after, .md-form input[type=email]:focus.invalid + label:after, .md-form input[type=url].invalid + label:after, .md-form input[type=url]:focus.invalid + label:after, .md-form input[type=time].invalid + label:after, .md-form input[type=time]:focus.invalid + label:after, .md-form input[type=date].invalid + label:after, .md-form input[type=date]:focus.invalid + label:after, .md-form input[type=datetime-local].invalid + label:after, .md-form input[type=datetime-local]:focus.invalid + label:after, .md-form input[type=tel].invalid + label:after, .md-form input[type=tel]:focus.invalid + label:after, .md-form input[type=number].invalid + label:after, .md-form input[type=number]:focus.invalid + label:after, .md-form input[type=search-md].invalid + label:after, .md-form input[type=search-md]:focus.invalid + label:after, .md-form input[type=search].invalid + label:after, .md-form input[type=search]:focus.invalid + label:after, .md-form textarea.md-textarea.invalid + label:after, .md-form textarea.md-textarea:focus.invalid + label:after { content: attr(data-error); color: #f44336; opacity: 1; }
+.md-form input[type=text].form-control.valid + label:after, .md-form input[type=text].form-control:focus.valid + label:after, .md-form input[type=password].form-control.valid + label:after, .md-form input[type=password].form-control:focus.valid + label:after, .md-form input[type=email].form-control.valid + label:after, .md-form input[type=email].form-control:focus.valid + label:after, .md-form input[type=url].form-control.valid + label:after, .md-form input[type=url].form-control:focus.valid + label:after, .md-form input[type=time].form-control.valid + label:after, .md-form input[type=time].form-control:focus.valid + label:after, .md-form input[type=date].form-control.valid + label:after, .md-form input[type=date].form-control:focus.valid + label:after, .md-form input[type=datetime-local].form-control.valid + label:after, .md-form input[type=datetime-local].form-control:focus.valid + label:after, .md-form input[type=tel].form-control.valid + label:after, .md-form input[type=tel].form-control:focus.valid + label:after, .md-form input[type=number].form-control.valid + label:after, .md-form input[type=number].form-control:focus.valid + label:after, .md-form input[type=search-md].form-control.valid + label:after, .md-form input[type=search-md].form-control:focus.valid + label:after, .md-form input[type=search].form-control.valid + label:after, .md-form input[type=search].form-control:focus.valid + label:after, .md-form textarea.md-textarea.form-control.valid + label:after, .md-form textarea.md-textarea.form-control:focus.valid + label:after { top: 4.1rem; }
+.md-form input[type=text].form-control.invalid + label:after, .md-form input[type=text].form-control:focus.invalid + label:after, .md-form input[type=password].form-control.invalid + label:after, .md-form input[type=password].form-control:focus.invalid + label:after, .md-form input[type=email].form-control.invalid + label:after, .md-form input[type=email].form-control:focus.invalid + label:after, .md-form input[type=url].form-control.invalid + label:after, .md-form input[type=url].form-control:focus.invalid + label:after, .md-form input[type=time].form-control.invalid + label:after, .md-form input[type=time].form-control:focus.invalid + label:after, .md-form input[type=date].form-control.invalid + label:after, .md-form input[type=date].form-control:focus.invalid + label:after, .md-form input[type=datetime-local].form-control.invalid + label:after, .md-form input[type=datetime-local].form-control:focus.invalid + label:after, .md-form input[type=tel].form-control.invalid + label:after, .md-form input[type=tel].form-control:focus.invalid + label:after, .md-form input[type=number].form-control.invalid + label:after, .md-form input[type=number].form-control:focus.invalid + label:after, .md-form input[type=search-md].form-control.invalid + label:after, .md-form input[type=search-md].form-control:focus.invalid + label:after, .md-form input[type=search].form-control.invalid + label:after, .md-form input[type=search].form-control:focus.invalid + label:after, .md-form textarea.md-textarea.form-control.invalid + label:after, .md-form textarea.md-textarea.form-control:focus.invalid + label:after { top: 4rem; }
+.md-form input[type=text].form-control-lg.valid + label:after, .md-form input[type=text].form-control-lg:focus.valid + label:after, .md-form input[type=password].form-control-lg.valid + label:after, .md-form input[type=password].form-control-lg:focus.valid + label:after, .md-form input[type=email].form-control-lg.valid + label:after, .md-form input[type=email].form-control-lg:focus.valid + label:after, .md-form input[type=url].form-control-lg.valid + label:after, .md-form input[type=url].form-control-lg:focus.valid + label:after, .md-form input[type=time].form-control-lg.valid + label:after, .md-form input[type=time].form-control-lg:focus.valid + label:after, .md-form input[type=date].form-control-lg.valid + label:after, .md-form input[type=date].form-control-lg:focus.valid + label:after, .md-form input[type=datetime-local].form-control-lg.valid + label:after, .md-form input[type=datetime-local].form-control-lg:focus.valid + label:after, .md-form input[type=tel].form-control-lg.valid + label:after, .md-form input[type=tel].form-control-lg:focus.valid + label:after, .md-form input[type=number].form-control-lg.valid + label:after, .md-form input[type=number].form-control-lg:focus.valid + label:after, .md-form input[type=search-md].form-control-lg.valid + label:after, .md-form input[type=search-md].form-control-lg:focus.valid + label:after, .md-form input[type=search].form-control-lg.valid + label:after, .md-form input[type=search].form-control-lg:focus.valid + label:after, .md-form textarea.md-textarea.form-control-lg.valid + label:after, .md-form textarea.md-textarea.form-control-lg:focus.valid + label:after { top: 4.6rem; }
+.md-form input[type=text].form-control-lg.invalid + label:after, .md-form input[type=text].form-control-lg:focus.invalid + label:after, .md-form input[type=password].form-control-lg.invalid + label:after, .md-form input[type=password].form-control-lg:focus.invalid + label:after, .md-form input[type=email].form-control-lg.invalid + label:after, .md-form input[type=email].form-control-lg:focus.invalid + label:after, .md-form input[type=url].form-control-lg.invalid + label:after, .md-form input[type=url].form-control-lg:focus.invalid + label:after, .md-form input[type=time].form-control-lg.invalid + label:after, .md-form input[type=time].form-control-lg:focus.invalid + label:after, .md-form input[type=date].form-control-lg.invalid + label:after, .md-form input[type=date].form-control-lg:focus.invalid + label:after, .md-form input[type=datetime-local].form-control-lg.invalid + label:after, .md-form input[type=datetime-local].form-control-lg:focus.invalid + label:after, .md-form input[type=tel].form-control-lg.invalid + label:after, .md-form input[type=tel].form-control-lg:focus.invalid + label:after, .md-form input[type=number].form-control-lg.invalid + label:after, .md-form input[type=number].form-control-lg:focus.invalid + label:after, .md-form input[type=search-md].form-control-lg.invalid + label:after, .md-form input[type=search-md].form-control-lg:focus.invalid + label:after, .md-form input[type=search].form-control-lg.invalid + label:after, .md-form input[type=search].form-control-lg:focus.invalid + label:after, .md-form textarea.md-textarea.form-control-lg.invalid + label:after, .md-form textarea.md-textarea.form-control-lg:focus.invalid + label:after { top: 4.6rem; }
+.md-form input[type=text].form-control-sm.valid + label:after, .md-form input[type=text].form-control-sm:focus.valid + label:after, .md-form input[type=password].form-control-sm.valid + label:after, .md-form input[type=password].form-control-sm:focus.valid + label:after, .md-form input[type=email].form-control-sm.valid + label:after, .md-form input[type=email].form-control-sm:focus.valid + label:after, .md-form input[type=url].form-control-sm.valid + label:after, .md-form input[type=url].form-control-sm:focus.valid + label:after, .md-form input[type=time].form-control-sm.valid + label:after, .md-form input[type=time].form-control-sm:focus.valid + label:after, .md-form input[type=date].form-control-sm.valid + label:after, .md-form input[type=date].form-control-sm:focus.valid + label:after, .md-form input[type=datetime-local].form-control-sm.valid + label:after, .md-form input[type=datetime-local].form-control-sm:focus.valid + label:after, .md-form input[type=tel].form-control-sm.valid + label:after, .md-form input[type=tel].form-control-sm:focus.valid + label:after, .md-form input[type=number].form-control-sm.valid + label:after, .md-form input[type=number].form-control-sm:focus.valid + label:after, .md-form input[type=search-md].form-control-sm.valid + label:after, .md-form input[type=search-md].form-control-sm:focus.valid + label:after, .md-form input[type=search].form-control-sm.valid + label:after, .md-form input[type=search].form-control-sm:focus.valid + label:after, .md-form textarea.md-textarea.form-control-sm.valid + label:after, .md-form textarea.md-textarea.form-control-sm:focus.valid + label:after { top: 3.7rem; }
+.md-form input[type=text].form-control-sm.invalid + label:after, .md-form input[type=text].form-control-sm:focus.invalid + label:after, .md-form input[type=password].form-control-sm.invalid + label:after, .md-form input[type=password].form-control-sm:focus.invalid + label:after, .md-form input[type=email].form-control-sm.invalid + label:after, .md-form input[type=email].form-control-sm:focus.invalid + label:after, .md-form input[type=url].form-control-sm.invalid + label:after, .md-form input[type=url].form-control-sm:focus.invalid + label:after, .md-form input[type=time].form-control-sm.invalid + label:after, .md-form input[type=time].form-control-sm:focus.invalid + label:after, .md-form input[type=date].form-control-sm.invalid + label:after, .md-form input[type=date].form-control-sm:focus.invalid + label:after, .md-form input[type=datetime-local].form-control-sm.invalid + label:after, .md-form input[type=datetime-local].form-control-sm:focus.invalid + label:after, .md-form input[type=tel].form-control-sm.invalid + label:after, .md-form input[type=tel].form-control-sm:focus.invalid + label:after, .md-form input[type=number].form-control-sm.invalid + label:after, .md-form input[type=number].form-control-sm:focus.invalid + label:after, .md-form input[type=search-md].form-control-sm.invalid + label:after, .md-form input[type=search-md].form-control-sm:focus.invalid + label:after, .md-form input[type=search].form-control-sm.invalid + label:after, .md-form input[type=search].form-control-sm:focus.invalid + label:after, .md-form textarea.md-textarea.form-control-sm.invalid + label:after, .md-form textarea.md-textarea.form-control-sm:focus.invalid + label:after { top: 3.6rem; }
+.md-form > input[type=date]:not(.browser-default) + label { transform: translateY(-27px) scale(0.8); transform-origin: 0 0; }
+.md-form > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label, .md-form > input[type=time]:not(.browser-default) + label { transform: translateY(-25px); transform-origin: 0 0; font-size: .8rem; }
+.md-form .was-validated input[type=text]:valid + label { color: #00c851 !important; }
+.md-form .was-validated input[type=text]:invalid + label { color: #f44336 !important; }
+.md-form .was-validated .form-control:valid:focus { box-shadow: 0 1px 0 0 #00c851 !important; }
+.md-form .was-validated .form-control:valid { border-color: #00c851 !important; }
+.md-form .was-validated .form-control:invalid:focus { box-shadow: 0 1px 0 0 #f44336 !important; }
+.md-form .was-validated .form-control:invalid { border-color: #f44336 !important; }
+.md-form .form-control { margin: 0 0 0.5rem 0; border-radius: 0; padding: 0.6rem 0 0.4rem 0; background-color: transparent; height: auto; }
+.md-form .form-control:focus { box-shadow: none; }
+.md-form .form-control:disabled, .md-form .form-control[readonly] { border-bottom: 1px solid #bdbdbd; background-color: transparent; }
+.md-form .form-control.is-valid { border-color: #00c851; }
+.md-form .form-control.is-valid:focus { border-color: #00c851 !important; box-shadow: 0 1px 0 0 #00c851 !important; }
+.md-form .form-control.is-invalid { border-color: #f44336; }
+.md-form .form-control.is-invalid:focus { box-shadow: 0 1px 0 0 #f44336 !important; border-color: #f44336 !important; }
+.md-form .form-control.is-valid, .md-form .form-control.is-invalid { background-position: center right !important; }
+.md-form .validate { margin-bottom: 2.5rem; }
+.md-form label { font-size: 1rem; }
+.md-form label.active { font-size: 1rem; }
+.md-form .prefix { top: 0.25rem; font-size: 1.75rem; }
+.md-form .prefix ~ input, .md-form .prefix ~ textarea { margin-left: 2.5rem; width: calc(100% - 2.5rem); }
+.md-form .prefix ~ label { margin-left: 2.5rem; }
+.md-form .prefix ~ .form-text { margin-left: 2.6rem; }
+.md-form label { position: absolute; top: 0; left: 0; font-size: 1rem; transition: transform .2s ease-out, color .2s ease-out; transform-origin: 0% 100%; transform: translateY(12px); cursor: text; color: #757575; }
+.md-form label.active { transform: translateY(-14px) scale(0.8); }
+.md-form .prefix { position: absolute; transition: color 0.2s; }
+.md-form .prefix.active { color: #4285f4; }
+.md-form.form-lg .validate { margin-bottom: 2.8rem; }
+.md-form.form-lg label { font-size: 1.25rem; }
+.md-form.form-lg label.active { font-size: 1.15rem; }
+.md-form.form-lg .prefix { top: 0.4rem; font-size: 2rem; }
+.md-form.form-lg .prefix ~ input, .md-form.form-lg .prefix ~ textarea { margin-left: 3rem; width: calc(100% - 3rem); }
+.md-form.form-lg .prefix ~ label { margin-left: 3rem; }
+.md-form.form-lg .prefix ~ .form-text { margin-left: 3.1rem; }
+.md-form.form-sm .validate { margin-bottom: 2.3rem; }
+.md-form.form-sm label { font-size: 0.875rem; }
+.md-form.form-sm label.active { font-size: 0.95rem; }
+.md-form.form-sm .prefix { top: 0.35rem; font-size: 1.5rem; }
+.md-form.form-sm .prefix ~ input, .md-form.form-sm .prefix ~ textarea { margin-left: 2rem; width: calc(100% - 2rem); }
+.md-form.form-sm .prefix ~ label { margin-left: 2rem; }
+.md-form.form-sm .prefix ~ .form-text { margin-left: 2rem; }
+.md-form textarea.md-textarea { overflow-y: hidden; padding: 1.5rem 0; resize: none; }
+.md-form textarea.md-textarea-auto { padding: 0; padding-top: 1.5rem; }
+.md-form.md-outline { position: relative; margin-top: 1.5rem; margin-bottom: 1.5rem; }
+.md-form.md-outline input[type=text], .md-form.md-outline input[type=password], .md-form.md-outline input[type=email], .md-form.md-outline input[type=url], .md-form.md-outline input[type=time], .md-form.md-outline input[type=date], .md-form.md-outline input[type=datetime-local], .md-form.md-outline input[type=tel], .md-form.md-outline input[type=number], .md-form.md-outline input[type=search-md], .md-form.md-outline input[type=search], .md-form.md-outline textarea.md-textarea { transition: all .3s; outline: none; box-shadow: none; border: 1px solid #dadce0; border-radius: 4px; background-color: transparent; box-sizing: border-box; }
+.md-form.md-outline input[type=text]:focus:not([readonly]), .md-form.md-outline input[type=password]:focus:not([readonly]), .md-form.md-outline input[type=email]:focus:not([readonly]), .md-form.md-outline input[type=url]:focus:not([readonly]), .md-form.md-outline input[type=time]:focus:not([readonly]), .md-form.md-outline input[type=date]:focus:not([readonly]), .md-form.md-outline input[type=datetime-local]:focus:not([readonly]), .md-form.md-outline input[type=tel]:focus:not([readonly]), .md-form.md-outline input[type=number]:focus:not([readonly]), .md-form.md-outline input[type=search-md]:focus:not([readonly]), .md-form.md-outline input[type=search]:focus:not([readonly]), .md-form.md-outline textarea.md-textarea:focus:not([readonly]) { border-color: #4285f4; box-shadow: inset 0px 0px 0px 1px #4285f4; }
+.md-form.md-outline input[type=text]:focus:not([readonly]) + label, .md-form.md-outline input[type=password]:focus:not([readonly]) + label, .md-form.md-outline input[type=email]:focus:not([readonly]) + label, .md-form.md-outline input[type=url]:focus:not([readonly]) + label, .md-form.md-outline input[type=time]:focus:not([readonly]) + label, .md-form.md-outline input[type=date]:focus:not([readonly]) + label, .md-form.md-outline input[type=datetime-local]:focus:not([readonly]) + label, .md-form.md-outline input[type=tel]:focus:not([readonly]) + label, .md-form.md-outline input[type=number]:focus:not([readonly]) + label, .md-form.md-outline input[type=search-md]:focus:not([readonly]) + label, .md-form.md-outline input[type=search]:focus:not([readonly]) + label, .md-form.md-outline textarea.md-textarea:focus:not([readonly]) + label { color: #4285f4; }
+.md-form.md-outline input[type=text].valid, .md-form.md-outline input[type=text]:focus.valid, .md-form.md-outline input[type=password].valid, .md-form.md-outline input[type=password]:focus.valid, .md-form.md-outline input[type=email].valid, .md-form.md-outline input[type=email]:focus.valid, .md-form.md-outline input[type=url].valid, .md-form.md-outline input[type=url]:focus.valid, .md-form.md-outline input[type=time].valid, .md-form.md-outline input[type=time]:focus.valid, .md-form.md-outline input[type=date].valid, .md-form.md-outline input[type=date]:focus.valid, .md-form.md-outline input[type=datetime-local].valid, .md-form.md-outline input[type=datetime-local]:focus.valid, .md-form.md-outline input[type=tel].valid, .md-form.md-outline input[type=tel]:focus.valid, .md-form.md-outline input[type=number].valid, .md-form.md-outline input[type=number]:focus.valid, .md-form.md-outline input[type=search-md].valid, .md-form.md-outline input[type=search-md]:focus.valid, .md-form.md-outline input[type=search].valid, .md-form.md-outline input[type=search]:focus.valid, .md-form.md-outline textarea.md-textarea.valid, .md-form.md-outline textarea.md-textarea:focus.valid { border-color: #00c851; box-shadow: inset 0px 0px 0px 1px #00c851; }
+.md-form.md-outline input[type=text]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=text].valid + label:after, .md-form.md-outline input[type=text]:focus.valid + label:after, .md-form.md-outline input[type=password]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=password].valid + label:after, .md-form.md-outline input[type=password]:focus.valid + label:after, .md-form.md-outline input[type=email]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=email].valid + label:after, .md-form.md-outline input[type=email]:focus.valid + label:after, .md-form.md-outline input[type=url]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=url].valid + label:after, .md-form.md-outline input[type=url]:focus.valid + label:after, .md-form.md-outline input[type=time]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=time].valid + label:after, .md-form.md-outline input[type=time]:focus.valid + label:after, .md-form.md-outline input[type=date]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=date].valid + label:after, .md-form.md-outline input[type=date]:focus.valid + label:after, .md-form.md-outline input[type=datetime-local]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=datetime-local].valid + label:after, .md-form.md-outline input[type=datetime-local]:focus.valid + label:after, .md-form.md-outline input[type=tel]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=tel].valid + label:after, .md-form.md-outline input[type=tel]:focus.valid + label:after, .md-form.md-outline input[type=number]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=number].valid + label:after, .md-form.md-outline input[type=number]:focus.valid + label:after, .md-form.md-outline input[type=search-md]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=search-md].valid + label:after, .md-form.md-outline input[type=search-md]:focus.valid + label:after, .md-form.md-outline input[type=search]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=search].valid + label:after, .md-form.md-outline input[type=search]:focus.valid + label:after, .md-form.md-outline textarea.md-textarea:focus:not([readonly]).valid + label, .md-form.md-outline textarea.md-textarea.valid + label:after, .md-form.md-outline textarea.md-textarea:focus.valid + label:after { content: attr(data-success); color: #00c851; opacity: 1; }
+.md-form.md-outline input[type=text].invalid, .md-form.md-outline input[type=text]:focus.invalid, .md-form.md-outline input[type=password].invalid, .md-form.md-outline input[type=password]:focus.invalid, .md-form.md-outline input[type=email].invalid, .md-form.md-outline input[type=email]:focus.invalid, .md-form.md-outline input[type=url].invalid, .md-form.md-outline input[type=url]:focus.invalid, .md-form.md-outline input[type=time].invalid, .md-form.md-outline input[type=time]:focus.invalid, .md-form.md-outline input[type=date].invalid, .md-form.md-outline input[type=date]:focus.invalid, .md-form.md-outline input[type=datetime-local].invalid, .md-form.md-outline input[type=datetime-local]:focus.invalid, .md-form.md-outline input[type=tel].invalid, .md-form.md-outline input[type=tel]:focus.invalid, .md-form.md-outline input[type=number].invalid, .md-form.md-outline input[type=number]:focus.invalid, .md-form.md-outline input[type=search-md].invalid, .md-form.md-outline input[type=search-md]:focus.invalid, .md-form.md-outline input[type=search].invalid, .md-form.md-outline input[type=search]:focus.invalid, .md-form.md-outline textarea.md-textarea.invalid, .md-form.md-outline textarea.md-textarea:focus.invalid { border-color: #f44336; box-shadow: inset 0px 0px 0px 1px #f44336; }
+.md-form.md-outline input[type=text]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=text].invalid + label:after, .md-form.md-outline input[type=text]:focus.invalid + label:after, .md-form.md-outline input[type=password]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=password].invalid + label:after, .md-form.md-outline input[type=password]:focus.invalid + label:after, .md-form.md-outline input[type=email]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=email].invalid + label:after, .md-form.md-outline input[type=email]:focus.invalid + label:after, .md-form.md-outline input[type=url]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=url].invalid + label:after, .md-form.md-outline input[type=url]:focus.invalid + label:after, .md-form.md-outline input[type=time]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=time].invalid + label:after, .md-form.md-outline input[type=time]:focus.invalid + label:after, .md-form.md-outline input[type=date]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=date].invalid + label:after, .md-form.md-outline input[type=date]:focus.invalid + label:after, .md-form.md-outline input[type=datetime-local]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=datetime-local].invalid + label:after, .md-form.md-outline input[type=datetime-local]:focus.invalid + label:after, .md-form.md-outline input[type=tel]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=tel].invalid + label:after, .md-form.md-outline input[type=tel]:focus.invalid + label:after, .md-form.md-outline input[type=number]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=number].invalid + label:after, .md-form.md-outline input[type=number]:focus.invalid + label:after, .md-form.md-outline input[type=search-md]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=search-md].invalid + label:after, .md-form.md-outline input[type=search-md]:focus.invalid + label:after, .md-form.md-outline input[type=search]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=search].invalid + label:after, .md-form.md-outline input[type=search]:focus.invalid + label:after, .md-form.md-outline textarea.md-textarea:focus:not([readonly]).invalid + label, .md-form.md-outline textarea.md-textarea.invalid + label:after, .md-form.md-outline textarea.md-textarea:focus.invalid + label:after { content: attr(data-error); color: #f44336; opacity: 1; }
+.md-form.md-outline input[type=text].form-control.valid + label:after, .md-form.md-outline input[type=text].form-control:focus.valid + label:after, .md-form.md-outline input[type=password].form-control.valid + label:after, .md-form.md-outline input[type=password].form-control:focus.valid + label:after, .md-form.md-outline input[type=email].form-control.valid + label:after, .md-form.md-outline input[type=email].form-control:focus.valid + label:after, .md-form.md-outline input[type=url].form-control.valid + label:after, .md-form.md-outline input[type=url].form-control:focus.valid + label:after, .md-form.md-outline input[type=time].form-control.valid + label:after, .md-form.md-outline input[type=time].form-control:focus.valid + label:after, .md-form.md-outline input[type=date].form-control.valid + label:after, .md-form.md-outline input[type=date].form-control:focus.valid + label:after, .md-form.md-outline input[type=datetime-local].form-control.valid + label:after, .md-form.md-outline input[type=datetime-local].form-control:focus.valid + label:after, .md-form.md-outline input[type=tel].form-control.valid + label:after, .md-form.md-outline input[type=tel].form-control:focus.valid + label:after, .md-form.md-outline input[type=number].form-control.valid + label:after, .md-form.md-outline input[type=number].form-control:focus.valid + label:after, .md-form.md-outline input[type=search-md].form-control.valid + label:after, .md-form.md-outline input[type=search-md].form-control:focus.valid + label:after, .md-form.md-outline input[type=search].form-control.valid + label:after, .md-form.md-outline input[type=search].form-control:focus.valid + label:after, .md-form.md-outline textarea.md-textarea.form-control.valid + label:after, .md-form.md-outline textarea.md-textarea.form-control:focus.valid + label:after { top: 2.75rem; left: 0; position: absolute; }
+.md-form.md-outline input[type=text].form-control.invalid + label:after, .md-form.md-outline input[type=text].form-control:focus.invalid + label:after, .md-form.md-outline input[type=password].form-control.invalid + label:after, .md-form.md-outline input[type=password].form-control:focus.invalid + label:after, .md-form.md-outline input[type=email].form-control.invalid + label:after, .md-form.md-outline input[type=email].form-control:focus.invalid + label:after, .md-form.md-outline input[type=url].form-control.invalid + label:after, .md-form.md-outline input[type=url].form-control:focus.invalid + label:after, .md-form.md-outline input[type=time].form-control.invalid + label:after, .md-form.md-outline input[type=time].form-control:focus.invalid + label:after, .md-form.md-outline input[type=date].form-control.invalid + label:after, .md-form.md-outline input[type=date].form-control:focus.invalid + label:after, .md-form.md-outline input[type=datetime-local].form-control.invalid + label:after, .md-form.md-outline input[type=datetime-local].form-control:focus.invalid + label:after, .md-form.md-outline input[type=tel].form-control.invalid + label:after, .md-form.md-outline input[type=tel].form-control:focus.invalid + label:after, .md-form.md-outline input[type=number].form-control.invalid + label:after, .md-form.md-outline input[type=number].form-control:focus.invalid + label:after, .md-form.md-outline input[type=search-md].form-control.invalid + label:after, .md-form.md-outline input[type=search-md].form-control:focus.invalid + label:after, .md-form.md-outline input[type=search].form-control.invalid + label:after, .md-form.md-outline input[type=search].form-control:focus.invalid + label:after, .md-form.md-outline textarea.md-textarea.form-control.invalid + label:after, .md-form.md-outline textarea.md-textarea.form-control:focus.invalid + label:after { top: 2.75rem; left: 0; position: absolute; }
+.md-form.md-outline > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label, .md-form.md-outline > input[type=time]:not(.browser-default) + label { transform: translateY(-9px) scale(0.8); transform-origin: 0 0; background: #fff; font-weight: 500; padding-right: 5px; padding-left: 5px; font-size: 1rem; left: 8px; }
+.md-form.md-outline > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label.active, .md-form.md-outline > input[type=time]:not(.browser-default) + label.active { transform: translateY(-9px) scale(0.8); transform-origin: 0 0; }
+@-webkit-keyframes autofill { to { color: #495057; background: transparent; } }
+@keyframes autofill { to { color: #495057; background: transparent; } }
+.md-form.md-outline input:-webkit-autofill { -webkit-animation-name: autofill; animation-name: autofill; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
+.md-form.md-outline .form-control { padding: .375rem .75rem; }
+.md-form.md-outline label { font-size: 1rem; position: absolute; top: 0; left: 0; padding-left: 10px; transition: transform .2s ease-out, color .2s ease-out; transform-origin: 0% 100%; transform: translateY(9px); cursor: text; color: #757575; }
+.md-form.md-outline label.active { transform: translateY(-13px) scale(0.8); background: #fff; font-weight: 500; padding-right: 5px; padding-left: 5px; left: 8px; }
+.md-form.md-outline.form-lg .form-control.form-control-lg { padding: .5rem .725rem; }
+.md-form.md-outline.form-lg label { font-size: 1.25rem; transform: translateY(10px); }
+.md-form.md-outline.form-lg label.active { font-size: 1.1rem; transform: translateY(-14px) scale(0.8); }
+.md-form.md-outline.form-lg .prefix { top: .65rem; font-size: 25px; }
+.md-form.md-outline.form-lg .prefix ~ input, .md-form.md-outline.form-lg .prefix ~ textarea { margin-left: 2.2rem; width: calc(100% - 2.2rem); }
+.md-form.md-outline.form-lg .prefix ~ label { margin-left: 2.2rem; }
+.md-form.md-outline.form-lg .prefix ~ .form-text { margin-left: 2.3rem; }
+.md-form.md-outline.form-sm .form-control.form-control-sm { padding: .25rem .625rem; }
+.md-form.md-outline.form-sm label { font-size: .8rem; transform: translateY(8px); }
+.md-form.md-outline.form-sm label.active { font-size: .85rem; transform: translateY(-12px) scale(0.8); }
+.md-form.md-outline.form-sm .prefix { top: .5rem; font-size: 15px; }
+.md-form.md-outline.form-sm .prefix ~ input, .md-form.md-outline.form-sm .prefix ~ textarea { margin-left: 1.6rem; width: calc(100% - 1.6rem); }
+.md-form.md-outline.form-sm .prefix ~ label { margin-left: 1.6rem; }
+.md-form.md-outline.form-sm .prefix ~ .form-text { margin-left: 1.7rem; }
+.md-form.md-outline .prefix { position: absolute; transition: color .2s; }
+.md-form.md-outline .prefix:focus { color: #4285f4; }
+.md-form.md-outline .prefix { top: .6rem; font-size: 20px; }
+.md-form.md-outline .prefix ~ input, .md-form.md-outline .prefix ~ textarea { margin-left: 2rem; width: calc(100% - 2rem); }
+.md-form.md-outline .prefix ~ label { margin-left: 2rem; }
+.md-form.md-outline .prefix ~ .form-text { margin-left: 2.1rem; }
+.md-form.md-outline .character-counter { margin-top: -.5rem; }
+.md-form.md-bg input[type=text], .md-form.md-bg input[type=password], .md-form.md-bg input[type=email], .md-form.md-bg input[type=url], .md-form.md-bg input[type=time], .md-form.md-bg input[type=date], .md-form.md-bg input[type=datetime-local], .md-form.md-bg input[type=tel], .md-form.md-bg input[type=number], .md-form.md-bg input[type=search-md], .md-form.md-bg input[type=search], .md-form.md-bg textarea.md-textarea { box-sizing: border-box; padding: 10px 5px; border: 0; border-top-left-radius: .3rem; border-top-right-radius: .3rem; background: #f5f5f5 no-repeat; background-image: linear-gradient(to bottom, #4285f4, #4285f4), linear-gradient(to bottom, #ced4da, #ced4da); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1); }
+.md-form.md-bg input[type=text]:focus:not([readonly]), .md-form.md-bg input[type=password]:focus:not([readonly]), .md-form.md-bg input[type=email]:focus:not([readonly]), .md-form.md-bg input[type=url]:focus:not([readonly]), .md-form.md-bg input[type=time]:focus:not([readonly]), .md-form.md-bg input[type=date]:focus:not([readonly]), .md-form.md-bg input[type=datetime-local]:focus:not([readonly]), .md-form.md-bg input[type=tel]:focus:not([readonly]), .md-form.md-bg input[type=number]:focus:not([readonly]), .md-form.md-bg input[type=search-md]:focus:not([readonly]), .md-form.md-bg input[type=search]:focus:not([readonly]), .md-form.md-bg textarea.md-textarea:focus:not([readonly]) { box-shadow: none; border-bottom: none; }
+.md-form.md-bg input[type=text]:focus, .md-form.md-bg input[type=password]:focus, .md-form.md-bg input[type=email]:focus, .md-form.md-bg input[type=url]:focus, .md-form.md-bg input[type=time]:focus, .md-form.md-bg input[type=date]:focus, .md-form.md-bg input[type=datetime-local]:focus, .md-form.md-bg input[type=tel]:focus, .md-form.md-bg input[type=number]:focus, .md-form.md-bg input[type=search-md]:focus, .md-form.md-bg input[type=search]:focus, .md-form.md-bg textarea.md-textarea:focus { background-color: #dcdcdc; background-size: 100% 2px, 100% 1px; outline: none; }
+.md-form.md-bg > input[type=date]:not(.browser-default) + label { transform: translateY(-12px) scale(0.8); transform-origin: 0 0; }
+.md-form.md-bg > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label, .md-form.md-bg > input[type=time]:not(.browser-default) + label { transform: translateY(-12px); transform-origin: 0 0; font-size: .8rem; }
+.md-form.md-bg .form-control { padding: 1.1rem .7rem .4rem !important; }
+.md-form.md-bg label { top: 0; padding-left: .7rem; font-size: 1rem; transition: transform .2s ease-out, color .2s ease-out; transform-origin: 0% 100%; transform: translateY(13px); }
+.md-form.md-bg label.active { transform: translateY(-3px) scale(0.8); font-weight: 500; padding-left: .75rem; }
+.md-form.md-bg.form-lg label { transform: translateY(16px); }
+.md-form.md-bg.form-lg label.active { transform: translateY(-4px) scale(0.8); }
+.md-form.md-bg.form-sm label { transform: translateY(11px); }
+.md-form.md-bg.form-sm label.active { transform: translateY(-2px) scale(0.8); }
+
+.md-form .form-control.is-invalid, .was-validated .md-form .form-control:invalid { padding-right: 0; }
+
+.md-form .form-control.is-valid, .was-validated .md-form .form-control:valid { padding-right: 0; }
+
+.needs-validation .md-form label { left: .3rem; }
+
+.custom-file-input:lang(es) ~ .custom-file-label::after { content: "Elegir"; }
+
+.custom-file-input:lang(pl-PL) ~ .custom-file-label::after { content: "Wybierz"; }
+
+.custom-file-input:lang(fr) ~ .custom-file-label::after { content: "Choisir"; }
+
+.custom-file-input:lang(in) ~ .custom-file-label::after { content: "Pilih"; }
+
+.custom-file-input:lang(zh) ~ .custom-file-label::after { content: "選擇"; }
+
+.custom-file-input:lang(de) ~ .custom-file-label::after { content: "Wählen"; }
+
+.custom-file-input:lang(ru) ~ .custom-file-label::after { content: "выбирать"; }
+
+.edge-header { display: block; height: 278px; background-color: #ccc; }
+
+.free-bird { margin-top: -100px; }
+
+.juicy-peach-gradient { background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%); }
+
+.young-passion-gradient { background-image: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%); }
+
+.lady-lips-gradient { background-image: linear-gradient(to top, #ff9a9e 0%, #fecfef 99%, #fecfef 100%); }
+
+.sunny-morning-gradient { background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%); }
+
+.rainy-ashville-gradient { background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%); }
+
+.frozen-dreams-gradient { background-image: linear-gradient(to top, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%); }
+
+.warm-flame-gradient { background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%); }
+
+.night-fade-gradient { background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%); }
+
+.spring-warmth-gradient { background-image: linear-gradient(to top, #fad0c4 0%, #ffd1ff 100%); }
+
+.winter-neva-gradient { background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%); }
+
+.dusty-grass-gradient { background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%); }
+
+.tempting-azure-gradient { background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%); }
+
+.heavy-rain-gradient { background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%); }
+
+.amy-crisp-gradient { background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%); }
+
+.mean-fruit-gradient { background-image: linear-gradient(120deg, #fccb90 0%, #d57eeb 100%); }
+
+.deep-blue-gradient { background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%); }
+
+.ripe-malinka-gradient { background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%); }
+
+.cloudy-knoxville-gradient { background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%); }
+
+.morpheus-den-gradient { background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%); }
+
+.rare-wind-gradient { background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%); }
+
+.near-moon-gradient { background-image: linear-gradient(to top, #5ee7df 0%, #b490ca 100%); }
+
+.schedule-list .hr-bold { border-top: 2px solid #212529; }
+.schedule-list .font-smaller { font-size: .8rem; }
+
+.note { padding: 10px; border-left: 6px solid; border-radius: 5px; }
+.note strong { font-weight: 600; }
+.note p { font-weight: 500; }
+.note.note-primary { background-color: #dfeefd; border-color: #176ac4; }
+.note.note-secondary { background-color: #e2e3e5; border-color: #58595a; }
+.note.note-success { background-color: #e2f0e5; border-color: #49a75f; }
+.note.note-danger { background-color: #fae7e8; border-color: #e45460; }
+.note.note-warning { background-color: #faf4e0; border-color: #c2a442; }
+.note.note-info { background-color: #e4f2f5; border-color: #2492a5; }
+.note.note-light { background-color: #fefefe; border-color: #0f0f0f; }
+
+footer.page-footer { bottom: 0; color: #fff; }
+footer.page-footer .container-fluid, footer.page-footer .content { width: auto; }
+footer.page-footer .footer-copyright { overflow: hidden; background-color: rgba(0, 0, 0, 0.2); color: rgba(255, 255, 255, 0.6); }
+footer.page-footer a { color: #fff; }
+
+.media .media-left { padding: 0 10px 10px 0; }
+.media .media-left img { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
+
+.list-group .list-group-item:first-child { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; }
+.list-group .list-group-item:last-child { border-bottom-left-radius: 0.125rem; border-bottom-right-radius: 0.125rem; }
+.list-group a, .list-group button { transition: 0.5s; }
+.list-group a:hover, .list-group button:hover { transition: 0.5s; }
+
+table th { font-size: 0.9rem; font-weight: 400; }
+table td { font-size: 0.9rem; font-weight: 300; }
+table.table thead th { border-top: none; }
+table.table th, table.table td { padding-top: 1.1rem; padding-bottom: 1rem; }
+table.table a { margin: 0; color: #212529; }
+table.table .label-table { margin: 0; padding: 0; line-height: 0.94rem; height: 0.94rem; }
+table.table.btn-table td { vertical-align: middle; }
+table.table-hover tbody tr:hover { transition: 0.5s; background-color: rgba(0, 0, 0, 0.075); }
+table .th-lg { min-width: 9rem; }
+table .th-sm { min-width: 6rem; }
+table.table-sm th, table.table-sm td { padding-top: 0.6rem; padding-bottom: 0.6rem; }
+
+.table-scroll-vertical { max-height: 300px; overflow-y: auto; }
+
+.table-fixed { table-layout: fixed; }
+
+.table-responsive > .table-bordered, .table-responsive-sm > .table-bordered, .table-responsive-md > .table-bordered, .table-responsive-lg > .table-bordered, .table-responsive-xl > .table-bordered { border-top: 1px solid #dee2e6; }
+
+ul.stepper { counter-reset: section; overflow-y: auto; overflow-x: hidden; margin: 1em -1.5rem; padding: 0 1.5rem; padding: 1.5rem; }
+ul.stepper li a { padding: 1.5rem; text-align: center; }
+ul.stepper li a .circle { display: inline-block; color: #fff; border-radius: 50%; background: rgba(0, 0, 0, 0.38); width: 1.75rem; height: 1.75rem; text-align: center; line-height: 1.7rem; margin-right: 0.5rem; }
+ul.stepper li a .label { display: inline-block; color: rgba(0, 0, 0, 0.38); }
+ul.stepper li.active a .label, ul.stepper li.completed a .label { font-weight: 600; color: rgba(0, 0, 0, 0.87); }
+
+.stepper-horizontal { position: relative; display: flex; justify-content: space-between; }
+.stepper-horizontal li { transition: 0.5s; display: flex; align-items: center; flex: 1; position: relative; }
+.stepper-horizontal li a .label { margin-top: 0.63rem; }
+.stepper-horizontal li:not(:last-child):after { content: ""; position: relative; flex: 1; margin: 0.5rem 0 0 0; height: 1px; background-color: rgba(0, 0, 0, 0.1); }
+.stepper-horizontal li:not(:first-child):before { content: ""; position: relative; flex: 1; margin: 0.5rem 0 0 0; height: 1px; background-color: rgba(0, 0, 0, 0.1); }
+.stepper-horizontal li:hover { background-color: rgba(0, 0, 0, 0.06); }
+@media (max-width: 47.9375rem) { .stepper-horizontal { flex-direction: column; }
+ .stepper-horizontal li { align-items: flex-start; flex-direction: column; }
+ .stepper-horizontal li a .label { flex-flow: column nowrap; order: 2; margin-top: 0.2rem; }
+ .stepper-horizontal li:not(:last-child):after { content: ""; position: absolute; width: 1px; height: calc(100% - 40px); left: 2.19rem; top: 3.75rem; } }
+.stepper-horizontal > li:not(:last-of-type) { margin-bottom: 0 !important; }
+
+.stepper-vertical { position: relative; display: flex; flex-direction: column; justify-content: space-between; }
+.stepper-vertical li { display: flex; align-items: flex-start; flex: 1; flex-direction: column; position: relative; }
+.stepper-vertical li a { align-self: flex-start; display: flex; position: relative; }
+.stepper-vertical li a .circle { order: 1; }
+.stepper-vertical li a .label { flex-flow: column nowrap; order: 2; margin-top: 0.2rem; }
+.stepper-vertical li.completed a .label { font-weight: 500; }
+.stepper-vertical li .step-content { display: block; margin-top: 0; margin-left: 3.13rem; padding: 0.94rem; }
+.stepper-vertical li .step-content p { font-size: 0.88rem; }
+.stepper-vertical li:not(:last-child):after { content: ""; position: absolute; width: 1px; height: calc(100% - 40px); left: 2.19rem; top: 3.44rem; background-color: rgba(0, 0, 0, 0.1); }
+
+.fast.spinner-border { animation: spinner-border .4s linear infinite; }
+.fast.spinner-grow { animation: spinner-grow 0.4s linear infinite; }
+
+.treeview.w-20 { width: 20rem; }
+.treeview .rotate { cursor: pointer; user-select: none; transition: all .1s linear; font-size: .8rem; vertical-align: text-top; margin-top: .2rem; }
+.treeview .rotate.down { transform: rotate(90deg); }
+.treeview .nested { display: none; }
+.treeview .active { display: block; }
+.treeview ul { list-style-type: none; }
+.treeview .ic-w { width: 1.3rem; }
+
+.treeview-animated.w-20 { width: 20rem; }
+.treeview-animated ul { position: relative; list-style: none; padding-left: 1em; }
+.treeview-animated .treeview-animated-list li { padding: 0.2em 0 0 0.2em; }
+.treeview-animated .treeview-animated-list .treeview-animated-items .nested::before { content: ""; display: block; position: absolute; background-color: grey; left: 5px; width: 5px; height: 100%; }
+.treeview-animated .treeview-animated-list .treeview-animated-items .closed { display: block; padding: 0.2em 0.2em 0.2em 0.4em; margin-right: 0; border-top-left-radius: 0.3em; border-bottom-left-radius: 0.3em; }
+.treeview-animated .treeview-animated-list .treeview-animated-items .closed:hover { background-color: #8cb9ff; }
+.treeview-animated .treeview-animated-list .treeview-animated-items .closed .fa-angle-right { transition: all .1s linear; font-size: .8rem; }
+.treeview-animated .treeview-animated-list .treeview-animated-items .closed .fa-angle-right.down { position: relative; color: #f8f9fa; transform: rotate(90deg); }
+.treeview-animated .treeview-animated-list .treeview-animated-items .open { transition: all .1s linear; background-color: #32a0ff; }
+.treeview-animated .treeview-animated-list .treeview-animated-items .open:hover { color: #f8f9fa; background-color: #32a0ff; }
+.treeview-animated .treeview-animated-list .treeview-animated-items .open span { color: #f8f9fa; }
+.treeview-animated .treeview-animated-list .treeview-animated-element { padding: 0.2em 0.2em 0.2em 0.6em; cursor: pointer; transition: all .1s linear; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
+.treeview-animated .treeview-animated-list .treeview-animated-element:hover { background-color: #8cb9ff; }
+.treeview-animated .treeview-animated-list .treeview-animated-element.opened { color: #f8f9fa; background-color: #32a0ff; }
+.treeview-animated .treeview-animated-list .treeview-animated-element.opened:hover { color: #f8f9fa; background-color: #32a0ff; }
+
+.treeview-colorful { font-size: 16px; font-weight: 400; background: rgba(224, 127, 178, 0.2); }
+.treeview-colorful.w-20 { width: 20rem; }
+.treeview-colorful hr { border-color: #a2127a; }
+.treeview-colorful h6 { font-size: 1.4em; font-weight: 500; color: #a2127a; }
+.treeview-colorful ul { position: relative; list-style: none; padding-left: 0; }
+.treeview-colorful .treeview-colorful-list ul { padding-left: 1em; margin-top: 0.1em; background: rgba(224, 127, 178, 0.2); }
+.treeview-colorful .treeview-colorful-element { padding: 0.2em 0.2em 0.2em 1em; cursor: pointer; transition: all .1s linear; border: 2px solid transparent; border-right: 0px solid transparent; }
+.treeview-colorful .treeview-colorful-element:hover { background-color: #e07fb2; }
+.treeview-colorful .treeview-colorful-element.opened { color: #ffac47; border: 2px solid #ffac47; border-right: 0px solid transparent; background-color: #a2127a; }
+.treeview-colorful .treeview-colorful-element.opened:hover { color: #ffac47; background-color: #a2127a; }
+.treeview-colorful .treeview-colorful-items-header { display: block; padding: 0.4em; margin-right: 0; border-bottom: 2px solid transparent; transition: all .1s linear; }
+.treeview-colorful .treeview-colorful-items-header:hover { background-color: #e07fb2; }
+.treeview-colorful .treeview-colorful-items-header.open { transition: all .1s linear; background-color: #a2127a; border-bottom: 2px solid #ffac47; }
+.treeview-colorful .treeview-colorful-items-header.open span { color: #ffac47; }
+.treeview-colorful .treeview-colorful-items-header.open:hover { color: #ffac47; background-color: #a2127a; }
+.treeview-colorful .treeview-colorful-items-header.open div:hover { background-color: #a2127a; }
+.treeview-colorful .treeview-colorful-items-header .fa-angle-right { transition: all .2s linear; font-size: .8rem; }
+.treeview-colorful .treeview-colorful-items-header .fas { position: relative; transition: all .2s linear; transform: rotate(90deg); color: #ffac47; }
+.treeview-colorful .treeview-colorful-items-header .fa-minus-circle { transition: all .2s linear; position: relative; color: #ffac47; transform: rotate(180deg); }
+
+/*!
+ * Material Design for Bootstrap 4
+ * Version: MDB FREE 4.8.8
+ *
+ *
+ * Copyright: Material Design for Bootstrap
+ * https://mdbootstrap.com/
+ *
+ * Read the license: https://mdbootstrap.com/general/license/
+ *
+ *
+ * Documentation: https://mdbootstrap.com/
+ *
+ * Getting started: https://mdbootstrap.com/docs/jquery/getting-started/download/
+ *
+ * Tutorials: https://mdbootstrap.com/education/bootstrap/
+ *
+ * Templates: https://mdbootstrap.com/templates/
+ *
+ * Support: https://mdbootstrap.com/support/
+ *
+ * Contact: office@mdbootstrap.com
+ *
+ * Attribution: Animate CSS, Twitter Bootstrap, Materialize CSS, Normalize CSS, Waves JS, WOW JS, Toastr, Chart.js
+ *
+ */
+.mdb-color.lighten-5 { background-color: #d0d6e2 !important; }
+
+.mdb-color.lighten-4 { background-color: #b1bace !important; }
+
+.mdb-color.lighten-3 { background-color: #929fba !important; }
+
+.mdb-color.lighten-2 { background-color: #7283a7 !important; }
+
+.mdb-color.lighten-1 { background-color: #59698d !important; }
+
+.mdb-color { background-color: #45526e !important; }
+
+.mdb-color-text { color: #45526e !important; }
+
+.rgba-mdb-color-slight, .rgba-mdb-color-slight:after { background-color: rgba(69, 82, 110, 0.1); }
+
+.rgba-mdb-color-light, .rgba-mdb-color-light:after { background-color: rgba(69, 82, 110, 0.3); }
+
+.rgba-mdb-color-strong, .rgba-mdb-color-strong:after { background-color: rgba(69, 82, 110, 0.7); }
+
+.mdb-color.darken-1 { background-color: #3b465e !important; }
+
+.mdb-color.darken-2 { background-color: #2e3951 !important; }
+
+.mdb-color.darken-3 { background-color: #1c2a48 !important; }
+
+.mdb-color.darken-4 { background-color: #1c2331 !important; }
+
+.red.lighten-5 { background-color: #ffebee !important; }
+
+.red.lighten-4 { background-color: #ffcdd2 !important; }
+
+.red.lighten-3 { background-color: #ef9a9a !important; }
+
+.red.lighten-2 { background-color: #e57373 !important; }
+
+.red.lighten-1 { background-color: #ef5350 !important; }
+
+.red { background-color: #f44336 !important; }
+
+.red-text { color: #f44336 !important; }
+
+.rgba-red-slight, .rgba-red-slight:after { background-color: rgba(244, 67, 54, 0.1); }
+
+.rgba-red-light, .rgba-red-light:after { background-color: rgba(244, 67, 54, 0.3); }
+
+.rgba-red-strong, .rgba-red-strong:after { background-color: rgba(244, 67, 54, 0.7); }
+
+.red.darken-1 { background-color: #e53935 !important; }
+
+.red.darken-2 { background-color: #d32f2f !important; }
+
+.red.darken-3 { background-color: #c62828 !important; }
+
+.red.darken-4 { background-color: #b71c1c !important; }
+
+.red.accent-1 { background-color: #ff8a80 !important; }
+
+.red.accent-2 { background-color: #ff5252 !important; }
+
+.red.accent-3 { background-color: #ff1744 !important; }
+
+.red.accent-4 { background-color: #d50000 !important; }
+
+.pink.lighten-5 { background-color: #fce4ec !important; }
+
+.pink.lighten-4 { background-color: #f8bbd0 !important; }
+
+.pink.lighten-3 { background-color: #f48fb1 !important; }
+
+.pink.lighten-2 { background-color: #f06292 !important; }
+
+.pink.lighten-1 { background-color: #ec407a !important; }
+
+.pink { background-color: #e91e63 !important; }
+
+.pink-text { color: #e91e63 !important; }
+
+.rgba-pink-slight, .rgba-pink-slight:after { background-color: rgba(233, 30, 99, 0.1); }
+
+.rgba-pink-light, .rgba-pink-light:after { background-color: rgba(233, 30, 99, 0.3); }
+
+.rgba-pink-strong, .rgba-pink-strong:after { background-color: rgba(233, 30, 99, 0.7); }
+
+.pink.darken-1 { background-color: #d81b60 !important; }
+
+.pink.darken-2 { background-color: #c2185b !important; }
+
+.pink.darken-3 { background-color: #ad1457 !important; }
+
+.pink.darken-4 { background-color: #880e4f !important; }
+
+.pink.accent-1 { background-color: #ff80ab !important; }
+
+.pink.accent-2 { background-color: #ff4081 !important; }
+
+.pink.accent-3 { background-color: #f50057 !important; }
+
+.pink.accent-4 { background-color: #c51162 !important; }
+
+.purple.lighten-5 { background-color: #f3e5f5 !important; }
+
+.purple.lighten-4 { background-color: #e1bee7 !important; }
+
+.purple.lighten-3 { background-color: #ce93d8 !important; }
+
+.purple.lighten-2 { background-color: #ba68c8 !important; }
+
+.purple.lighten-1 { background-color: #ab47bc !important; }
+
+.purple { background-color: #9c27b0 !important; }
+
+.purple-text { color: #9c27b0 !important; }
+
+.rgba-purple-slight, .rgba-purple-slight:after { background-color: rgba(156, 39, 176, 0.1); }
+
+.rgba-purple-light, .rgba-purple-light:after { background-color: rgba(156, 39, 176, 0.3); }
+
+.rgba-purple-strong, .rgba-purple-strong:after { background-color: rgba(156, 39, 176, 0.7); }
+
+.purple.darken-1 { background-color: #8e24aa !important; }
+
+.purple.darken-2 { background-color: #7b1fa2 !important; }
+
+.purple.darken-3 { background-color: #6a1b9a !important; }
+
+.purple.darken-4 { background-color: #4a148c !important; }
+
+.purple.accent-1 { background-color: #ea80fc !important; }
+
+.purple.accent-2 { background-color: #e040fb !important; }
+
+.purple.accent-3 { background-color: #d500f9 !important; }
+
+.purple.accent-4 { background-color: #aa00ff !important; }
+
+.deep-purple.lighten-5 { background-color: #ede7f6 !important; }
+
+.deep-purple.lighten-4 { background-color: #d1c4e9 !important; }
+
+.deep-purple.lighten-3 { background-color: #b39ddb !important; }
+
+.deep-purple.lighten-2 { background-color: #9575cd !important; }
+
+.deep-purple.lighten-1 { background-color: #7e57c2 !important; }
+
+.deep-purple { background-color: #673ab7 !important; }
+
+.deep-purple-text { color: #673ab7 !important; }
+
+.rgba-deep-purple-slight, .rgba-deep-purple-slight:after { background-color: rgba(103, 58, 183, 0.1); }
+
+.rgba-deep-purple-light, .rgba-deep-purple-light:after { background-color: rgba(103, 58, 183, 0.3); }
+
+.rgba-deep-purple-strong, .rgba-deep-purple-strong:after { background-color: rgba(103, 58, 183, 0.7); }
+
+.deep-purple.darken-1 { background-color: #5e35b1 !important; }
+
+.deep-purple.darken-2 { background-color: #512da8 !important; }
+
+.deep-purple.darken-3 { background-color: #4527a0 !important; }
+
+.deep-purple.darken-4 { background-color: #311b92 !important; }
+
+.deep-purple.accent-1 { background-color: #b388ff !important; }
+
+.deep-purple.accent-2 { background-color: #7c4dff !important; }
+
+.deep-purple.accent-3 { background-color: #651fff !important; }
+
+.deep-purple.accent-4 { background-color: #6200ea !important; }
+
+.indigo.lighten-5 { background-color: #e8eaf6 !important; }
+
+.indigo.lighten-4 { background-color: #c5cae9 !important; }
+
+.indigo.lighten-3 { background-color: #9fa8da !important; }
+
+.indigo.lighten-2 { background-color: #7986cb !important; }
+
+.indigo.lighten-1 { background-color: #5c6bc0 !important; }
+
+.indigo { background-color: #3f51b5 !important; }
+
+.indigo-text { color: #3f51b5 !important; }
+
+.rgba-indigo-slight, .rgba-indigo-slight:after { background-color: rgba(63, 81, 181, 0.1); }
+
+.rgba-indigo-light, .rgba-indigo-light:after { background-color: rgba(63, 81, 181, 0.3); }
+
+.rgba-indigo-strong, .rgba-indigo-strong:after { background-color: rgba(63, 81, 181, 0.7); }
+
+.indigo.darken-1 { background-color: #3949ab !important; }
+
+.indigo.darken-2 { background-color: #303f9f !important; }
+
+.indigo.darken-3 { background-color: #283593 !important; }
+
+.indigo.darken-4 { background-color: #1a237e !important; }
+
+.indigo.accent-1 { background-color: #8c9eff !important; }
+
+.indigo.accent-2 { background-color: #536dfe !important; }
+
+.indigo.accent-3 { background-color: #3d5afe !important; }
+
+.indigo.accent-4 { background-color: #304ffe !important; }
+
+.blue.lighten-5 { background-color: #e3f2fd !important; }
+
+.blue.lighten-4 { background-color: #bbdefb !important; }
+
+.blue.lighten-3 { background-color: #90caf9 !important; }
+
+.blue.lighten-2 { background-color: #64b5f6 !important; }
+
+.blue.lighten-1 { background-color: #42a5f5 !important; }
+
+.blue { background-color: #2196f3 !important; }
+
+.blue-text { color: #2196f3 !important; }
+
+.rgba-blue-slight, .rgba-blue-slight:after { background-color: rgba(33, 150, 243, 0.1); }
+
+.rgba-blue-light, .rgba-blue-light:after { background-color: rgba(33, 150, 243, 0.3); }
+
+.rgba-blue-strong, .rgba-blue-strong:after { background-color: rgba(33, 150, 243, 0.7); }
+
+.blue.darken-1 { background-color: #1e88e5 !important; }
+
+.blue.darken-2 { background-color: #1976d2 !important; }
+
+.blue.darken-3 { background-color: #1565c0 !important; }
+
+.blue.darken-4 { background-color: #0d47a1 !important; }
+
+.blue.accent-1 { background-color: #82b1ff !important; }
+
+.blue.accent-2 { background-color: #448aff !important; }
+
+.blue.accent-3 { background-color: #2979ff !important; }
+
+.blue.accent-4 { background-color: #2962ff !important; }
+
+.light-blue.lighten-5 { background-color: #e1f5fe !important; }
+
+.light-blue.lighten-4 { background-color: #b3e5fc !important; }
+
+.light-blue.lighten-3 { background-color: #81d4fa !important; }
+
+.light-blue.lighten-2 { background-color: #4fc3f7 !important; }
+
+.light-blue.lighten-1 { background-color: #29b6f6 !important; }
+
+.light-blue { background-color: #03a9f4 !important; }
+
+.light-blue-text { color: #03a9f4 !important; }
+
+.rgba-light-blue-slight, .rgba-light-blue-slight:after { background-color: rgba(3, 169, 244, 0.1); }
+
+.rgba-light-blue-light, .rgba-light-blue-light:after { background-color: rgba(3, 169, 244, 0.3); }
+
+.rgba-light-blue-strong, .rgba-light-blue-strong:after { background-color: rgba(3, 169, 244, 0.7); }
+
+.light-blue.darken-1 { background-color: #039be5 !important; }
+
+.light-blue.darken-2 { background-color: #0288d1 !important; }
+
+.light-blue.darken-3 { background-color: #0277bd !important; }
+
+.light-blue.darken-4 { background-color: #01579b !important; }
+
+.light-blue.accent-1 { background-color: #80d8ff !important; }
+
+.light-blue.accent-2 { background-color: #40c4ff !important; }
+
+.light-blue.accent-3 { background-color: #00b0ff !important; }
+
+.light-blue.accent-4 { background-color: #0091ea !important; }
+
+.cyan.lighten-5 { background-color: #e0f7fa !important; }
+
+.cyan.lighten-4 { background-color: #b2ebf2 !important; }
+
+.cyan.lighten-3 { background-color: #80deea !important; }
+
+.cyan.lighten-2 { background-color: #4dd0e1 !important; }
+
+.cyan.lighten-1 { background-color: #26c6da !important; }
+
+.cyan { background-color: #00bcd4 !important; }
+
+.cyan-text { color: #00bcd4 !important; }
+
+.rgba-cyan-slight, .rgba-cyan-slight:after { background-color: rgba(0, 188, 212, 0.1); }
+
+.rgba-cyan-light, .rgba-cyan-light:after { background-color: rgba(0, 188, 212, 0.3); }
+
+.rgba-cyan-strong, .rgba-cyan-strong:after { background-color: rgba(0, 188, 212, 0.7); }
+
+.cyan.darken-1 { background-color: #00acc1 !important; }
+
+.cyan.darken-2 { background-color: #0097a7 !important; }
+
+.cyan.darken-3 { background-color: #00838f !important; }
+
+.cyan.darken-4 { background-color: #006064 !important; }
+
+.cyan.accent-1 { background-color: #84ffff !important; }
+
+.cyan.accent-2 { background-color: #18ffff !important; }
+
+.cyan.accent-3 { background-color: #00e5ff !important; }
+
+.cyan.accent-4 { background-color: #00b8d4 !important; }
+
+.teal.lighten-5 { background-color: #e0f2f1 !important; }
+
+.teal.lighten-4 { background-color: #b2dfdb !important; }
+
+.teal.lighten-3 { background-color: #80cbc4 !important; }
+
+.teal.lighten-2 { background-color: #4db6ac !important; }
+
+.teal.lighten-1 { background-color: #26a69a !important; }
+
+.teal { background-color: #009688 !important; }
+
+.teal-text { color: #009688 !important; }
+
+.rgba-teal-slight, .rgba-teal-slight:after { background-color: rgba(0, 150, 136, 0.1); }
+
+.rgba-teal-light, .rgba-teal-light:after { background-color: rgba(0, 150, 136, 0.3); }
+
+.rgba-teal-strong, .rgba-teal-strong:after { background-color: rgba(0, 150, 136, 0.7); }
+
+.teal.darken-1 { background-color: #00897b !important; }
+
+.teal.darken-2 { background-color: #00796b !important; }
+
+.teal.darken-3 { background-color: #00695c !important; }
+
+.teal.darken-4 { background-color: #004d40 !important; }
+
+.teal.accent-1 { background-color: #a7ffeb !important; }
+
+.teal.accent-2 { background-color: #64ffda !important; }
+
+.teal.accent-3 { background-color: #1de9b6 !important; }
+
+.teal.accent-4 { background-color: #00bfa5 !important; }
+
+.green.lighten-5 { background-color: #e8f5e9 !important; }
+
+.green.lighten-4 { background-color: #c8e6c9 !important; }
+
+.green.lighten-3 { background-color: #a5d6a7 !important; }
+
+.green.lighten-2 { background-color: #81c784 !important; }
+
+.green.lighten-1 { background-color: #66bb6a !important; }
+
+.green { background-color: #4caf50 !important; }
+
+.green-text { color: #4caf50 !important; }
+
+.rgba-green-slight, .rgba-green-slight:after { background-color: rgba(76, 175, 80, 0.1); }
+
+.rgba-green-light, .rgba-green-light:after { background-color: rgba(76, 175, 80, 0.3); }
+
+.rgba-green-strong, .rgba-green-strong:after { background-color: rgba(76, 175, 80, 0.7); }
+
+.green.darken-1 { background-color: #43a047 !important; }
+
+.green.darken-2 { background-color: #388e3c !important; }
+
+.green.darken-3 { background-color: #2e7d32 !important; }
+
+.green.darken-4 { background-color: #1b5e20 !important; }
+
+.green.accent-1 { background-color: #b9f6ca !important; }
+
+.green.accent-2 { background-color: #69f0ae !important; }
+
+.green.accent-3 { background-color: #00e676 !important; }
+
+.green.accent-4 { background-color: #00c853 !important; }
+
+.light-green.lighten-5 { background-color: #f1f8e9 !important; }
+
+.light-green.lighten-4 { background-color: #dcedc8 !important; }
+
+.light-green.lighten-3 { background-color: #c5e1a5 !important; }
+
+.light-green.lighten-2 { background-color: #aed581 !important; }
+
+.light-green.lighten-1 { background-color: #9ccc65 !important; }
+
+.light-green { background-color: #8bc34a !important; }
+
+.light-green-text { color: #8bc34a !important; }
+
+.rgba-light-green-slight, .rgba-light-green-slight:after { background-color: rgba(139, 195, 74, 0.1); }
+
+.rgba-light-green-light, .rgba-light-green-light:after { background-color: rgba(139, 195, 74, 0.3); }
+
+.rgba-light-green-strong, .rgba-light-green-strong:after { background-color: rgba(139, 195, 74, 0.7); }
+
+.light-green.darken-1 { background-color: #7cb342 !important; }
+
+.light-green.darken-2 { background-color: #689f38 !important; }
+
+.light-green.darken-3 { background-color: #558b2f !important; }
+
+.light-green.darken-4 { background-color: #33691e !important; }
+
+.light-green.accent-1 { background-color: #ccff90 !important; }
+
+.light-green.accent-2 { background-color: #b2ff59 !important; }
+
+.light-green.accent-3 { background-color: #76ff03 !important; }
+
+.light-green.accent-4 { background-color: #64dd17 !important; }
+
+.lime.lighten-5 { background-color: #f9fbe7 !important; }
+
+.lime.lighten-4 { background-color: #f0f4c3 !important; }
+
+.lime.lighten-3 { background-color: #e6ee9c !important; }
+
+.lime.lighten-2 { background-color: #dce775 !important; }
+
+.lime.lighten-1 { background-color: #d4e157 !important; }
+
+.lime { background-color: #cddc39 !important; }
+
+.lime-text { color: #cddc39 !important; }
+
+.rgba-lime-slight, .rgba-lime-slight:after { background-color: rgba(205, 220, 57, 0.1); }
+
+.rgba-lime-light, .rgba-lime-light:after { background-color: rgba(205, 220, 57, 0.3); }
+
+.rgba-lime-strong, .rgba-lime-strong:after { background-color: rgba(205, 220, 57, 0.7); }
+
+.lime.darken-1 { background-color: #c0ca33 !important; }
+
+.lime.darken-2 { background-color: #afb42b !important; }
+
+.lime.darken-3 { background-color: #9e9d24 !important; }
+
+.lime.darken-4 { background-color: #827717 !important; }
+
+.lime.accent-1 { background-color: #f4ff81 !important; }
+
+.lime.accent-2 { background-color: #eeff41 !important; }
+
+.lime.accent-3 { background-color: #c6ff00 !important; }
+
+.lime.accent-4 { background-color: #aeea00 !important; }
+
+.yellow.lighten-5 { background-color: #fffde7 !important; }
+
+.yellow.lighten-4 { background-color: #fff9c4 !important; }
+
+.yellow.lighten-3 { background-color: #fff59d !important; }
+
+.yellow.lighten-2 { background-color: #fff176 !important; }
+
+.yellow.lighten-1 { background-color: #ffee58 !important; }
+
+.yellow { background-color: #ffeb3b !important; }
+
+.yellow-text { color: #ffeb3b !important; }
+
+.rgba-yellow-slight, .rgba-yellow-slight:after { background-color: rgba(255, 235, 59, 0.1); }
+
+.rgba-yellow-light, .rgba-yellow-light:after { background-color: rgba(255, 235, 59, 0.3); }
+
+.rgba-yellow-strong, .rgba-yellow-strong:after { background-color: rgba(255, 235, 59, 0.7); }
+
+.yellow.darken-1 { background-color: #fdd835 !important; }
+
+.yellow.darken-2 { background-color: #fbc02d !important; }
+
+.yellow.darken-3 { background-color: #f9a825 !important; }
+
+.yellow.darken-4 { background-color: #f57f17 !important; }
+
+.yellow.accent-1 { background-color: #ffff8d !important; }
+
+.yellow.accent-2 { background-color: #ffff00 !important; }
+
+.yellow.accent-3 { background-color: #ffea00 !important; }
+
+.yellow.accent-4 { background-color: #ffd600 !important; }
+
+.amber.lighten-5 { background-color: #fff8e1 !important; }
+
+.amber.lighten-4 { background-color: #ffecb3 !important; }
+
+.amber.lighten-3 { background-color: #ffe082 !important; }
+
+.amber.lighten-2 { background-color: #ffd54f !important; }
+
+.amber.lighten-1 { background-color: #ffca28 !important; }
+
+.amber { background-color: #ffc107 !important; }
+
+.amber-text { color: #ffc107 !important; }
+
+.rgba-amber-slight, .rgba-amber-slight:after { background-color: rgba(255, 193, 7, 0.1); }
+
+.rgba-amber-light, .rgba-amber-light:after { background-color: rgba(255, 193, 7, 0.3); }
+
+.rgba-amber-strong, .rgba-amber-strong:after { background-color: rgba(255, 193, 7, 0.7); }
+
+.amber.darken-1 { background-color: #ffb300 !important; }
+
+.amber.darken-2 { background-color: #ffa000 !important; }
+
+.amber.darken-3 { background-color: #ff8f00 !important; }
+
+.amber.darken-4 { background-color: #ff6f00 !important; }
+
+.amber.accent-1 { background-color: #ffe57f !important; }
+
+.amber.accent-2 { background-color: #ffd740 !important; }
+
+.amber.accent-3 { background-color: #ffc400 !important; }
+
+.amber.accent-4 { background-color: #ffab00 !important; }
+
+.orange.lighten-5 { background-color: #fff3e0 !important; }
+
+.orange.lighten-4 { background-color: #ffe0b2 !important; }
+
+.orange.lighten-3 { background-color: #ffcc80 !important; }
+
+.orange.lighten-2 { background-color: #ffb74d !important; }
+
+.orange.lighten-1 { background-color: #ffa726 !important; }
+
+.orange { background-color: #ff9800 !important; }
+
+.orange-text { color: #ff9800 !important; }
+
+.rgba-orange-slight, .rgba-orange-slight:after { background-color: rgba(255, 152, 0, 0.1); }
+
+.rgba-orange-light, .rgba-orange-light:after { background-color: rgba(255, 152, 0, 0.3); }
+
+.rgba-orange-strong, .rgba-orange-strong:after { background-color: rgba(255, 152, 0, 0.7); }
+
+.orange.darken-1 { background-color: #fb8c00 !important; }
+
+.orange.darken-2 { background-color: #f57c00 !important; }
+
+.orange.darken-3 { background-color: #ef6c00 !important; }
+
+.orange.darken-4 { background-color: #e65100 !important; }
+
+.orange.accent-1 { background-color: #ffd180 !important; }
+
+.orange.accent-2 { background-color: #ffab40 !important; }
+
+.orange.accent-3 { background-color: #ff9100 !important; }
+
+.orange.accent-4 { background-color: #ff6d00 !important; }
+
+.deep-orange.lighten-5 { background-color: #fbe9e7 !important; }
+
+.deep-orange.lighten-4 { background-color: #ffccbc !important; }
+
+.deep-orange.lighten-3 { background-color: #ffab91 !important; }
+
+.deep-orange.lighten-2 { background-color: #ff8a65 !important; }
+
+.deep-orange.lighten-1 { background-color: #ff7043 !important; }
+
+.deep-orange { background-color: #ff5722 !important; }
+
+.deep-orange-text { color: #ff5722 !important; }
+
+.rgba-deep-orange-slight, .rgba-deep-orange-slight:after { background-color: rgba(255, 87, 34, 0.1); }
+
+.rgba-deep-orange-light, .rgba-deep-orange-light:after { background-color: rgba(255, 87, 34, 0.3); }
+
+.rgba-deep-orange-strong, .rgba-deep-orange-strong:after { background-color: rgba(255, 87, 34, 0.7); }
+
+.deep-orange.darken-1 { background-color: #f4511e !important; }
+
+.deep-orange.darken-2 { background-color: #e64a19 !important; }
+
+.deep-orange.darken-3 { background-color: #d84315 !important; }
+
+.deep-orange.darken-4 { background-color: #bf360c !important; }
+
+.deep-orange.accent-1 { background-color: #ff9e80 !important; }
+
+.deep-orange.accent-2 { background-color: #ff6e40 !important; }
+
+.deep-orange.accent-3 { background-color: #ff3d00 !important; }
+
+.deep-orange.accent-4 { background-color: #dd2c00 !important; }
+
+.brown.lighten-5 { background-color: #efebe9 !important; }
+
+.brown.lighten-4 { background-color: #d7ccc8 !important; }
+
+.brown.lighten-3 { background-color: #bcaaa4 !important; }
+
+.brown.lighten-2 { background-color: #a1887f !important; }
+
+.brown.lighten-1 { background-color: #8d6e63 !important; }
+
+.brown { background-color: #795548 !important; }
+
+.brown-text { color: #795548 !important; }
+
+.rgba-brown-slight, .rgba-brown-slight:after { background-color: rgba(121, 85, 72, 0.1); }
+
+.rgba-brown-light, .rgba-brown-light:after { background-color: rgba(121, 85, 72, 0.3); }
+
+.rgba-brown-strong, .rgba-brown-strong:after { background-color: rgba(121, 85, 72, 0.7); }
+
+.brown.darken-1 { background-color: #6d4c41 !important; }
+
+.brown.darken-2 { background-color: #5d4037 !important; }
+
+.brown.darken-3 { background-color: #4e342e !important; }
+
+.brown.darken-4 { background-color: #3e2723 !important; }
+
+.blue-grey.lighten-5 { background-color: #eceff1 !important; }
+
+.blue-grey.lighten-4 { background-color: #cfd8dc !important; }
+
+.blue-grey.lighten-3 { background-color: #b0bec5 !important; }
+
+.blue-grey.lighten-2 { background-color: #90a4ae !important; }
+
+.blue-grey.lighten-1 { background-color: #78909c !important; }
+
+.blue-grey { background-color: #607d8b !important; }
+
+.blue-grey-text { color: #607d8b !important; }
+
+.rgba-blue-grey-slight, .rgba-blue-grey-slight:after { background-color: rgba(96, 125, 139, 0.1); }
+
+.rgba-blue-grey-light, .rgba-blue-grey-light:after { background-color: rgba(96, 125, 139, 0.3); }
+
+.rgba-blue-grey-strong, .rgba-blue-grey-strong:after { background-color: rgba(96, 125, 139, 0.7); }
+
+.blue-grey.darken-1 { background-color: #546e7a !important; }
+
+.blue-grey.darken-2 { background-color: #455a64 !important; }
+
+.blue-grey.darken-3 { background-color: #37474f !important; }
+
+.blue-grey.darken-4 { background-color: #263238 !important; }
+
+.grey.lighten-5 { background-color: #fafafa !important; }
+
+.grey.lighten-4 { background-color: #f5f5f5 !important; }
+
+.grey.lighten-3 { background-color: #eeeeee !important; }
+
+.grey.lighten-2 { background-color: #e0e0e0 !important; }
+
+.grey.lighten-1 { background-color: #bdbdbd !important; }
+
+.grey { background-color: #9e9e9e !important; }
+
+.grey-text { color: #9e9e9e !important; }
+
+.rgba-grey-slight, .rgba-grey-slight:after { background-color: rgba(158, 158, 158, 0.1); }
+
+.rgba-grey-light, .rgba-grey-light:after { background-color: rgba(158, 158, 158, 0.3); }
+
+.rgba-grey-strong, .rgba-grey-strong:after { background-color: rgba(158, 158, 158, 0.7); }
+
+.grey.darken-1 { background-color: #757575 !important; }
+
+.grey.darken-2 { background-color: #616161 !important; }
+
+.grey.darken-3 { background-color: #424242 !important; }
+
+.grey.darken-4 { background-color: #212121 !important; }
+
+.black { background-color: #000 !important; }
+
+.black-text, .btn.btn-link { color: #000 !important; }
+
+.rgba-black-slight, .rgba-black-slight:after { background-color: rgba(0, 0, 0, 0.1); }
+
+.rgba-black-light, .rgba-black-light:after { background-color: rgba(0, 0, 0, 0.3); }
+
+.rgba-black-strong, .rgba-black-strong:after { background-color: rgba(0, 0, 0, 0.7); }
+
+.white { background-color: #fff !important; }
+
+.white-text { color: #fff !important; }
+
+.rgba-white-slight, .rgba-white-slight:after { background-color: rgba(255, 255, 255, 0.1); }
+
+.rgba-white-light, .rgba-white-light:after { background-color: rgba(255, 255, 255, 0.3); }
+
+.rgba-white-strong, .rgba-white-strong:after { background-color: rgba(255, 255, 255, 0.7); }
+
+.rgba-stylish-slight { background-color: rgba(62, 69, 81, 0.1); }
+
+.rgba-stylish-light { background-color: rgba(62, 69, 81, 0.3); }
+
+.rgba-stylish-strong { background-color: rgba(62, 69, 81, 0.7); }
+
+.primary-color, ul.stepper li.active a .circle, ul.stepper li.completed a .circle { background-color: #4285f4 !important; }
+
+.primary-color-dark { background-color: #0d47a1 !important; }
+
+.secondary-color { background-color: #aa66cc !important; }
+
+.secondary-color-dark { background-color: #9933cc !important; }
+
+.default-color { background-color: #2bbbad !important; }
+
+.default-color-dark { background-color: #00695c !important; }
+
+.info-color { background-color: #33b5e5 !important; }
+
+.info-color-dark { background-color: #0099cc !important; }
+
+.success-color { background-color: #00c851 !important; }
+
+.success-color-dark { background-color: #007e33 !important; }
+
+.warning-color { background-color: #ffbb33 !important; }
+
+.warning-color-dark { background-color: #ff8800 !important; }
+
+.danger-color, ul.stepper li.warning a .circle { background-color: #ff3547 !important; }
+
+.danger-color-dark { background-color: #cc0000 !important; }
+
+.elegant-color { background-color: #2e2e2e !important; }
+
+.elegant-color-dark { background-color: #212121 !important; }
+
+.stylish-color { background-color: #4b515d !important; }
+
+.stylish-color-dark { background-color: #3e4551 !important; }
+
+.unique-color { background-color: #3f729b !important; }
+
+.unique-color-dark { background-color: #1c2331 !important; }
+
+.special-color { background-color: #37474f !important; }
+
+.special-color-dark { background-color: #263238 !important; }
+
+.purple-gradient { background: linear-gradient(40deg, #ff6ec4, #7873f5) !important; }
+
+.peach-gradient { background: linear-gradient(40deg, #FFD86F, #FC6262) !important; }
+
+.aqua-gradient { background: linear-gradient(40deg, #2096ff, #05ffa3) !important; }
+
+.blue-gradient { background: linear-gradient(40deg, #45cafc, #303f9f) !important; }
+
+.purple-gradient-rgba { background: linear-gradient(40deg, rgba(255, 110, 196, 0.9), rgba(120, 115, 245, 0.9)) !important; }
+
+.peach-gradient-rgba { background: linear-gradient(40deg, rgba(255, 216, 111, 0.9), rgba(252, 98, 98, 0.9)) !important; }
+
+.aqua-gradient-rgba { background: linear-gradient(40deg, rgba(32, 150, 255, 0.9), rgba(5, 255, 163, 0.9)) !important; }
+
+.blue-gradient-rgba { background: linear-gradient(40deg, rgba(69, 202, 252, 0.9), rgba(48, 63, 159, 0.9)) !important; }
+
+.dark-grey-text { color: #4f4f4f !important; }
+.dark-grey-text:hover, .dark-grey-text:focus { color: #4f4f4f !important; }
+
+.hoverable { box-shadow: none; transition: all 0.55s ease-in-out; }
+.hoverable:hover { box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); transition: all 0.55s ease-in-out; }
+
+.z-depth-0 { box-shadow: none !important; }
+
+.z-depth-1 { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important; }
+
+.z-depth-1-half { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important; }
+
+.z-depth-2 { box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important; }
+
+.z-depth-3 { box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19) !important; }
+
+.z-depth-4 { box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21) !important; }
+
+.z-depth-5 { box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22) !important; }
+
+.disabled, :disabled { pointer-events: none !important; }
+
+a { cursor: pointer; text-decoration: none; color: #007bff; transition: all 0.2s ease-in-out; }
+a:hover { text-decoration: none; color: #0056b3; transition: all 0.2s ease-in-out; }
+a.disabled:hover, a:disabled:hover { color: #007bff; }
+
+a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; }
+
+.divider-new { flex-direction: row; justify-content: center; align-items: center; display: flex; margin-top: 2.8rem; margin-bottom: 2.8rem; }
+.divider-new > h1, .divider-new h2, .divider-new h3, .divider-new h4, .divider-new h5, .divider-new h6 { margin-bottom: 0; }
+.divider-new:before, .divider-new:after { content: ""; height: 1.5px; flex: 1; height: 2px; background: #c6c6c6; }
+.divider-new:before { margin: 0 0.5rem 0 0; }
+.divider-new:after { margin: 0 0 0 0.5rem; }
+
+.img-fluid, .modal-dialog.cascading-modal.modal-avatar .modal-header, .video-fluid { max-width: 100%; height: auto; }
+
+.flex-center { display: flex; justify-content: center; align-items: center; height: 100%; }
+.flex-center p { margin: 0; }
+.flex-center ul { text-align: center; }
+.flex-center ul li { margin-bottom: 1rem; }
+.flex-center ul li:last-of-type { margin-bottom: 0; }
+
+.hr-light { border-top: 1px solid #fff; }
+
+.hr-dark { border-top: 1px solid #666; }
+
+.w-responsive { width: 75%; }
+@media (max-width: 740px) { .w-responsive { width: 100%; } }
+
+.collapsible-body { display: none; }
+
+.jumbotron { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 0.125rem; background-color: #fff; }
+
+.bg-primary { background-color: #4285f4 !important; }
+
+a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #1266f1 !important; }
+
+.border-primary { border-color: #4285f4 !important; }
+
+.bg-danger { background-color: #ff3547 !important; }
+
+a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #ff0219 !important; }
+
+.border-danger { border-color: #ff3547 !important; }
+
+.bg-warning { background-color: #ffbb33 !important; }
+
+a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #ffaa00 !important; }
+
+.border-warning { border-color: #ffbb33 !important; }
+
+.bg-success { background-color: #00c851 !important; }
+
+a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #00953c !important; }
+
+.border-success { border-color: #00c851 !important; }
+
+.bg-info { background-color: #33b5e5 !important; }
+
+a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #1a9bcb !important; }
+
+.border-info { border-color: #33b5e5 !important; }
+
+.bg-default { background-color: #2bbbad !important; }
+
+a.bg-default:hover, a.bg-default:focus, button.bg-default:hover, button.bg-default:focus { background-color: #219287 !important; }
+
+.border-default { border-color: #2bbbad !important; }
+
+.bg-secondary { background-color: #aa66cc !important; }
+
+a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #9540bf !important; }
+
+.border-secondary { border-color: #aa66cc !important; }
+
+.bg-dark { background-color: #212121 !important; }
+
+a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #080808 !important; }
+
+.border-dark { border-color: #212121 !important; }
+
+.bg-light { background-color: #e0e0e0 !important; }
+
+a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #c7c7c7 !important; }
+
+.border-light { border-color: #e0e0e0 !important; }
+
+.card-img-100 { width: 100px; height: 100px; }
+
+.card-img-64 { width: 64px; height: 64px; }
+
+.mml-1 { margin-left: -0.25rem !important; }
+
+.flex-1 { flex: 1; }
+
+@font-face { font-family: "Roboto"; src: local(Roboto Thin), url("../font/roboto/Roboto-Thin.eot"); src: url("../font/roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Thin.woff2") format("woff2"), url("../font/roboto/Roboto-Thin.woff") format("woff"), url("../font/roboto/Roboto-Thin.ttf") format("truetype"); font-weight: 200; }
+@font-face { font-family: "Roboto"; src: local(Roboto Light), url("../font/roboto/Roboto-Light.eot"); src: url("../font/roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Light.woff2") format("woff2"), url("../font/roboto/Roboto-Light.woff") format("woff"), url("../font/roboto/Roboto-Light.ttf") format("truetype"); font-weight: 300; }
+@font-face { font-family: "Roboto"; src: local(Roboto Regular), url("../font/roboto/Roboto-Regular.eot"); src: url("../font/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Regular.woff2") format("woff2"), url("../font/roboto/Roboto-Regular.woff") format("woff"), url("../font/roboto/Roboto-Regular.ttf") format("truetype"); font-weight: 400; }
+@font-face { font-family: "Roboto"; src: url("../font/roboto/Roboto-Medium.eot"); src: url("../font/roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Medium.woff2") format("woff2"), url("../font/roboto/Roboto-Medium.woff") format("woff"), url("../font/roboto/Roboto-Medium.ttf") format("truetype"); font-weight: 500; }
+@font-face { font-family: "Roboto"; src: url("../font/roboto/Roboto-Bold.eot"); src: url("../font/roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Bold.woff2") format("woff2"), url("../font/roboto/Roboto-Bold.woff") format("woff"), url("../font/roboto/Roboto-Bold.ttf") format("truetype"); font-weight: 700; }
+body { font-family: "Roboto", sans-serif; font-weight: 300; }
+
+h1, h2, h3, h4, h5, h6 { font-weight: 300; }
+
+.blockquote { padding: 0.5rem 1rem; border-left: .25rem solid #eceeef; }
+.blockquote.text-right { border-left: none; border-right: .25rem solid #eceeef; }
+.blockquote .bq-title { margin-bottom: 0; font-size: 1.5rem; font-weight: 400; }
+.blockquote p { padding: 1rem 0; font-size: 1.1rem; }
+
+.bq-primary { border-left: 3px solid #4285f4 !important; }
+.bq-primary .bq-title { color: #4285f4 !important; }
+
+.bq-danger { border-left: 3px solid #ff3547 !important; }
+.bq-danger .bq-title { color: #ff3547 !important; }
+
+.bq-warning { border-left: 3px solid #ffbb33 !important; }
+.bq-warning .bq-title { color: #ffbb33 !important; }
+
+.bq-success { border-left: 3px solid #00c851 !important; }
+.bq-success .bq-title { color: #00c851 !important; }
+
+.bq-info { border-left: 3px solid #33b5e5 !important; }
+.bq-info .bq-title { color: #33b5e5 !important; }
+
+.h1-responsive { font-size: 150%; }
+
+.h2-responsive { font-size: 145%; }
+
+.h3-responsive { font-size: 135%; }
+
+.h4-responsive { font-size: 135%; }
+
+.h5-responsive { font-size: 135%; }
+
+@media (min-width: 576px) { .h1-responsive { font-size: 170%; }
+ .h2-responsive { font-size: 140%; }
+ .h3-responsive { font-size: 125%; }
+ .h4-responsive { font-size: 125%; }
+ .h5-responsive { font-size: 125%; } }
+@media (min-width: 768px) { .h1-responsive { font-size: 200%; }
+ .h2-responsive { font-size: 170%; }
+ .h3-responsive { font-size: 140%; }
+ .h4-responsive { font-size: 125%; }
+ .h5-responsive { font-size: 125%; } }
+@media (min-width: 992px) { .h1-responsive { font-size: 200%; }
+ .h2-responsive { font-size: 170%; }
+ .h3-responsive { font-size: 140%; }
+ .h4-responsive { font-size: 125%; }
+ .h5-responsive { font-size: 125%; } }
+@media (min-width: 1200px) { .h1-responsive { font-size: 250%; }
+ .h2-responsive { font-size: 200%; }
+ .h3-responsive { font-size: 170%; }
+ .h4-responsive { font-size: 140%; }
+ .h5-responsive { font-size: 125%; } }
+.text-primary { color: #4285f4 !important; }
+
+a.text-primary:hover, a.text-primary:focus { color: #1266f1 !important; }
+
+.text-danger { color: #ff3547 !important; }
+
+a.text-danger:hover, a.text-danger:focus { color: #ff0219 !important; }
+
+.text-warning { color: #ffbb33 !important; }
+
+a.text-warning:hover, a.text-warning:focus { color: #ffaa00 !important; }
+
+.text-success { color: #00c851 !important; }
+
+a.text-success:hover, a.text-success:focus { color: #00953c !important; }
+
+.text-info { color: #33b5e5 !important; }
+
+a.text-info:hover, a.text-info:focus { color: #1a9bcb !important; }
+
+.text-default { color: #2bbbad !important; }
+
+a.text-default:hover, a.text-default:focus { color: #219287 !important; }
+
+.text-secondary { color: #aa66cc !important; }
+
+a.text-secondary:hover, a.text-secondary:focus { color: #9540bf !important; }
+
+.text-dark { color: #212121 !important; }
+
+a.text-dark:hover, a.text-dark:focus { color: #080808 !important; }
+
+.text-light { color: #e0e0e0 !important; }
+
+a.text-light:hover, a.text-light:focus { color: #c7c7c7 !important; }
+
+.font-small { font-size: 0.9rem; }
+
+.view { position: relative; overflow: hidden; cursor: default; }
+.view .mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; width: 100%; height: 100%; background-attachment: fixed; }
+.view img, .view video { position: relative; display: block; }
+.view video.video-intro { z-index: -100; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); transition: 1s opacity; min-width: 100%; min-height: 100%; width: auto; height: auto; }
+
+.overlay .mask { opacity: 0; transition: all 0.4s ease-in-out; }
+.overlay .mask:hover { opacity: 1; }
+
+.zoom img, .zoom video { transition: all 0.2s linear; }
+.zoom:hover img, .zoom:hover video { transform: scale(1.1); }
+
+.pattern-1 { background: url("../img/overlays/01.png"); background-attachment: fixed; }
+
+.pattern-2 { background: url("../img/overlays/02.png"); background-attachment: fixed; }
+
+.pattern-3 { background: url("../img/overlays/03.png"); background-attachment: fixed; }
+
+.pattern-4 { background: url("../img/overlays/04.png"); background-attachment: fixed; }
+
+.pattern-5 { background: url("../img/overlays/05.png"); background-attachment: fixed; }
+
+.pattern-6 { background: url("../img/overlays/06.png"); background-attachment: fixed; }
+
+.pattern-7 { background: url("../img/overlays/07.png"); background-attachment: fixed; }
+
+.pattern-8 { background: url("../img/overlays/08.png"); background-attachment: fixed; }
+
+.pattern-9 { background: url("../img/overlays/09.png"); background-attachment: fixed; }
+
+/*!
+ * Waves v0.7.6
+ * http://fian.my.id/Waves
+ *
+ * Copyright 2014-2018 Alfiana E. Sibuea and other contributors
+ * Released under the MIT license
+ * https://github.com/fians/Waves/blob/master/LICENSE */
+.waves-effect { position: relative; cursor: pointer; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
+.waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; opacity: 0; background: rgba(0, 0, 0, 0.2); background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; -webkit-transform: scale(0) translate(0, 0); -moz-transform: scale(0) translate(0, 0); -ms-transform: scale(0) translate(0, 0); -o-transform: scale(0) translate(0, 0); transform: scale(0) translate(0, 0); pointer-events: none; }
+.waves-effect.waves-light .waves-ripple { background: rgba(255, 255, 255, 0.4); background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); }
+.waves-effect.waves-classic .waves-ripple { background: rgba(0, 0, 0, 0.2); }
+.waves-effect.waves-classic.waves-light .waves-ripple { background: rgba(255, 255, 255, 0.4); }
+
+.waves-notransition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; }
+
+.waves-button, .waves-circle { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }
+
+.waves-button, .waves-button:hover, .waves-button:visited, .waves-button-input { white-space: nowrap; vertical-align: middle; cursor: pointer; border: none; outline: none; color: inherit; background-color: rgba(0, 0, 0, 0); font-size: 1em; line-height: 1em; text-align: center; text-decoration: none; z-index: 1; }
+
+.waves-button { padding: 0.85em 1.1em; border-radius: 0.2em; }
+
+.waves-button-input { margin: 0; padding: 0.85em 1.1em; }
+
+.waves-input-wrapper { display: inline-block; position: relative; vertical-align: middle; border-radius: 0.2em; }
+.waves-input-wrapper.waves-button { padding: 0; }
+.waves-input-wrapper .waves-button-input { position: relative; top: 0; left: 0; z-index: 1; }
+
+.waves-circle { text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50%; }
+
+.waves-float { -webkit-mask-image: none; -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12); box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12); -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }
+.waves-float:active { -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); }
+
+.waves-block { display: block; }
+
+a.waves-effect, a.waves-light { display: inline-block; }
+
+/*!
+ * animate.css -http://daneden.me/animate
+ * Version - 3.7.0
+ * Licensed under the MIT license - http://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2018 Daniel Eden
+ */
+.animated { animation-duration: 1s; animation-fill-mode: both; }
+.animated.infinite { animation-iteration-count: infinite; }
+.animated.delay-1s { animation-delay: 1s; }
+.animated.delay-2s { animation-delay: 2s; }
+.animated.delay-3s { animation-delay: 3s; }
+.animated.delay-4s { animation-delay: 4s; }
+.animated.delay-5s { animation-delay: 5s; }
+.animated.fast { animation-duration: 800ms; }
+.animated.faster { animation-duration: 500ms; }
+.animated.slow { animation-duration: 2s; }
+.animated.slower { animation-duration: 3s; }
+
+@media (prefers-reduced-motion) { .animated { animation: unset !important; transition: none !important; } }
+@keyframes fadeIn { from { opacity: 0; }
+ to { opacity: 1; } }
+.fadeIn { animation-name: fadeIn; }
+
+@keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.fadeInDown { animation-name: fadeInDown; }
+
+@keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.fadeInLeft { animation-name: fadeInLeft; }
+
+@keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.fadeInRight { animation-name: fadeInRight; }
+
+@keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.fadeInUp { animation-name: fadeInUp; }
+
+@keyframes fadeOut { from { opacity: 1; }
+ to { opacity: 0; } }
+.fadeOut { animation-name: fadeOut; }
+
+@keyframes fadeOutDown { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(0, 100%, 0); } }
+.fadeOutDown { animation-name: fadeOutDown; }
+
+@keyframes fadeOutLeft { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(-100%, 0, 0); } }
+.fadeOutLeft { animation-name: fadeOutLeft; }
+
+@keyframes fadeOutRight { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(100%, 0, 0); } }
+.fadeOutRight { animation-name: fadeOutRight; }
+
+@keyframes fadeOutUp { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(0, -100%, 0); } }
+.fadeOutUp { animation-name: fadeOutUp; }
+
+/*!
+ * animate.css -http://daneden.me/animate
+ * Version - 3.7.0
+ * Licensed under the MIT license - http://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2018 Daniel Eden
+ */
+@keyframes bounce { from,
+ 20%,
+ 53%,
+ 80%,
+ to { transform: translate3d(0, 0, 0); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
+ 40%,
+ 43% { transform: translate3d(0, -30px, 0); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
+ 70% { transform: translate3d(0, -15px, 0); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
+ 90% { transform: translate3d(0, -4px, 0); } }
+.bounce { transform-origin: center bottom; animation-name: bounce; }
+
+@keyframes flash { from,
+ 50%,
+ to { opacity: 1; }
+ 25%,
+ 75% { opacity: 0; } }
+.flash { animation-name: flash; }
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+@keyframes pulse { from { transform: scale3d(1, 1, 1); }
+ 50% { transform: scale3d(1.05, 1.05, 1.05); }
+ to { transform: scale3d(1, 1, 1); } }
+.pulse { animation-name: pulse; }
+
+@keyframes rubberBand { from { transform: scale3d(1, 1, 1); }
+ 30% { transform: scale3d(1.25, 0.75, 1); }
+ 40% { transform: scale3d(0.75, 1.25, 1); }
+ 50% { transform: scale3d(1.15, 0.85, 1); }
+ 65% { transform: scale3d(0.95, 1.05, 1); }
+ 75% { transform: scale3d(1.05, 0.95, 1); }
+ to { transform: scale3d(1, 1, 1); } }
+.rubberBand { animation-name: rubberBand; }
+
+@keyframes shake { from,
+ to { transform: translate3d(0, 0, 0); }
+ 10%,
+ 30%,
+ 50%,
+ 70%,
+ 90% { transform: translate3d(-10px, 0, 0); }
+ 20%,
+ 40%,
+ 60%,
+ 80% { transform: translate3d(10px, 0, 0); } }
+.shake { animation-name: shake; }
+
+@keyframes headShake { 0% { transform: translateX(0); }
+ 6.5% { transform: translateX(-6px) rotateY(-9deg); }
+ 18.5% { transform: translateX(5px) rotateY(7deg); }
+ 31.5% { transform: translateX(-3px) rotateY(-5deg); }
+ 43.5% { transform: translateX(2px) rotateY(3deg); }
+ 50% { transform: translateX(0); } }
+.headShake { animation-name: headShake; animation-timing-function: ease-in-out; }
+
+@keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); }
+ 40% { transform: rotate3d(0, 0, 1, -10deg); }
+ 60% { transform: rotate3d(0, 0, 1, 5deg); }
+ 80% { transform: rotate3d(0, 0, 1, -5deg); }
+ to { transform: rotate3d(0, 0, 1, 0deg); } }
+.swing { transform-origin: top center; animation-name: swing; }
+
+@keyframes tada { from { transform: scale3d(1, 1, 1); }
+ 10%,
+ 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
+ 30%,
+ 50%,
+ 70%,
+ 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
+ 40%,
+ 60%,
+ 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
+ to { transform: scale3d(1, 1, 1); } }
+.tada { animation-name: tada; }
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+@keyframes wobble { from { transform: translate3d(0, 0, 0); }
+ 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
+ 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
+ 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
+ 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
+ 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
+ to { transform: translate3d(0, 0, 0); } }
+.wobble { animation-name: wobble; }
+
+@keyframes jello { from,
+ 11.1%,
+ to { transform: translate3d(0, 0, 0); }
+ 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
+ 33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
+ 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
+ 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
+ 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
+ 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }
+ 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
+.jello { transform-origin: center; animation-name: jello; }
+
+@keyframes heartBeat { 0% { transform: scale(1); }
+ 14% { transform: scale(1.3); }
+ 28% { transform: scale(1); }
+ 42% { transform: scale(1.3); }
+ 70% { transform: scale(1); } }
+.heartBeat { animation-name: heartBeat; animation-duration: 1.3s; animation-timing-function: ease-in-out; }
+
+@keyframes bounceIn { from,
+ 20%,
+ 40%,
+ 60%,
+ 80%,
+ to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
+ 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
+ 20% { transform: scale3d(1.1, 1.1, 1.1); }
+ 40% { transform: scale3d(0.9, 0.9, 0.9); }
+ 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
+ 80% { transform: scale3d(0.97, 0.97, 0.97); }
+ to { opacity: 1; transform: scale3d(1, 1, 1); } }
+.bounceIn { animation-name: bounceIn; animation-duration: .75s; }
+
+@keyframes bounceInDown { from,
+ 60%,
+ 75%,
+ 90%,
+ to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
+ 0% { opacity: 0; transform: translate3d(0, -3000px, 0); }
+ 60% { opacity: 1; transform: translate3d(0, 25px, 0); }
+ 75% { transform: translate3d(0, -10px, 0); }
+ 90% { transform: translate3d(0, 5px, 0); }
+ to { transform: translate3d(0, 0, 0); } }
+.bounceInDown { animation-name: bounceInDown; }
+
+@keyframes bounceInLeft { from,
+ 60%,
+ 75%,
+ 90%,
+ to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
+ 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); }
+ 60% { opacity: 1; transform: translate3d(25px, 0, 0); }
+ 75% { transform: translate3d(-10px, 0, 0); }
+ 90% { transform: translate3d(5px, 0, 0); }
+ to { transform: translate3d(0, 0, 0); } }
+.bounceInLeft { animation-name: bounceInLeft; }
+
+@keyframes bounceInRight { from,
+ 60%,
+ 75%,
+ 90%,
+ to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
+ from { opacity: 0; transform: translate3d(3000px, 0, 0); }
+ 60% { opacity: 1; transform: translate3d(-25px, 0, 0); }
+ 75% { transform: translate3d(10px, 0, 0); }
+ 90% { transform: translate3d(-5px, 0, 0); }
+ to { transform: translate3d(0, 0, 0); } }
+.bounceInRight { animation-name: bounceInRight; }
+
+@keyframes bounceInUp { from,
+ 60%,
+ 75%,
+ 90%,
+ to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
+ from { opacity: 0; transform: translate3d(0, 3000px, 0); }
+ 60% { opacity: 1; transform: translate3d(0, -20px, 0); }
+ 75% { transform: translate3d(0, 10px, 0); }
+ 90% { transform: translate3d(0, -5px, 0); }
+ to { transform: translate3d(0, 0, 0); } }
+.bounceInUp { animation-name: bounceInUp; }
+
+@keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); }
+ 50%,
+ 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); }
+ to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } }
+.bounceOut { animation-name: bounceOut; animation-duration: .75s; }
+
+@keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); }
+ 40%,
+ 45% { opacity: 1; transform: translate3d(0, -20px, 0); }
+ to { opacity: 0; transform: translate3d(0, 2000px, 0); } }
+.bounceOutDown { animation-name: bounceOutDown; }
+
+@keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); }
+ to { opacity: 0; transform: translate3d(-2000px, 0, 0); } }
+.bounceOutLeft { animation-name: bounceOutLeft; }
+
+@keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); }
+ to { opacity: 0; transform: translate3d(2000px, 0, 0); } }
+.bounceOutRight { animation-name: bounceOutRight; }
+
+@keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); }
+ 40%,
+ 45% { opacity: 1; transform: translate3d(0, 20px, 0); }
+ to { opacity: 0; transform: translate3d(0, -2000px, 0); } }
+.bounceOutUp { animation-name: bounceOutUp; }
+
+@keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.fadeInDownBig { animation-name: fadeInDownBig; }
+
+@keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.fadeInLeftBig { animation-name: fadeInLeftBig; }
+
+@keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.fadeInRightBig { animation-name: fadeInRightBig; }
+
+@keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.fadeInUpBig { animation-name: fadeInUpBig; }
+
+@keyframes fadeOutDownBig { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(0, 2000px, 0); } }
+.fadeOutDownBig { animation-name: fadeOutDownBig; }
+
+@keyframes fadeOutLeftBig { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(-2000px, 0, 0); } }
+.fadeOutLeftBig { animation-name: fadeOutLeftBig; }
+
+@keyframes fadeOutRightBig { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(2000px, 0, 0); } }
+.fadeOutRightBig { animation-name: fadeOutRightBig; }
+
+@keyframes fadeOutUpBig { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(0, -2000px, 0); } }
+.fadeOutUpBig { animation-name: fadeOutUpBig; }
+
+@keyframes flip { from { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; }
+ 40% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; }
+ 50% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; }
+ 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); animation-timing-function: ease-in; }
+ to { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); animation-timing-function: ease-in; } }
+.flip { backface-visibility: visible; animation-name: flip; }
+
+@keyframes flipInX { from { opacity: 0; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; }
+ 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; }
+ 60% { opacity: 1; transform: perspective(400px) rotate3d(1, 0, 0, 10deg); }
+ 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
+ to { transform: perspective(400px); } }
+.flipInX { backface-visibility: visible; animation-name: flipInX; }
+
+@keyframes flipInY { from { opacity: 0; transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; }
+ 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; }
+ 60% { opacity: 1; transform: perspective(400px) rotate3d(0, 1, 0, 10deg); }
+ 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
+ to { transform: perspective(400px); } }
+.flipInY { backface-visibility: visible; animation-name: flipInY; }
+
+@keyframes flipOutX { from { transform: perspective(400px); }
+ 30% { opacity: 1; transform: perspective(400px) rotate3d(1, 0, 0, -20deg); }
+ to { opacity: 0; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); } }
+.flipOutX { animation-name: flipOutX; animation-duration: .75s; backface-visibility: visible; }
+
+@keyframes flipOutY { from { transform: perspective(400px); }
+ 30% { opacity: 1; transform: perspective(400px) rotate3d(0, 1, 0, -15deg); }
+ to { opacity: 0; transform: perspective(400px) rotate3d(0, 1, 0, 90deg); } }
+.flipOutY { animation-name: flipOutY; animation-duration: .75s; backface-visibility: visible; }
+
+@keyframes lightSpeedIn { from { opacity: 0; transform: translate3d(100%, 0, 0) skewX(-30deg); }
+ 60% { opacity: 1; transform: skewX(20deg); }
+ 80% { transform: skewX(-5deg); }
+ to { transform: translate3d(0, 0, 0); } }
+.lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; }
+
+@keyframes lightSpeedOut { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(100%, 0, 0) skewX(30deg); } }
+.lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; }
+
+@keyframes rotateIn { from { opacity: 0; transform: rotate3d(0, 0, 1, -200deg); transform-origin: center; }
+ to { opacity: 1; transform: translate3d(0, 0, 0); transform-origin: center; } }
+.rotateIn { animation-name: rotateIn; }
+
+@keyframes rotateInDownLeft { from { opacity: 0; transform: rotate3d(0, 0, 1, -45deg); transform-origin: left bottom; }
+ to { opacity: 1; transform: translate3d(0, 0, 0); transform-origin: left bottom; } }
+.rotateInDownLeft { animation-name: rotateInDownLeft; }
+
+@keyframes rotateInDownRight { from { opacity: 0; transform: rotate3d(0, 0, 1, 45deg); transform-origin: right bottom; }
+ to { opacity: 1; transform: translate3d(0, 0, 0); transform-origin: right bottom; } }
+.rotateInDownRight { animation-name: rotateInDownRight; }
+
+@keyframes rotateInUpLeft { from { opacity: 0; transform: rotate3d(0, 0, 1, 45deg); transform-origin: left bottom; }
+ to { opacity: 1; transform: translate3d(0, 0, 0); transform-origin: left bottom; } }
+.rotateInUpLeft { animation-name: rotateInUpLeft; }
+
+@keyframes rotateInUpRight { from { opacity: 0; transform: rotate3d(0, 0, 1, -90deg); transform-origin: right bottom; }
+ to { opacity: 1; transform: translate3d(0, 0, 0); transform-origin: right bottom; } }
+.rotateInUpRight { animation-name: rotateInUpRight; }
+
+@keyframes rotateOut { from { opacity: 1; transform-origin: center; }
+ to { opacity: 0; transform: rotate3d(0, 0, 1, 200deg); transform-origin: center; } }
+.rotateOut { animation-name: rotateOut; }
+
+@keyframes rotateOutDownLeft { from { opacity: 1; transform-origin: left bottom; }
+ to { opacity: 0; transform: rotate3d(0, 0, 1, 45deg); transform-origin: left bottom; } }
+.rotateOutDownLeft { animation-name: rotateOutDownLeft; }
+
+@keyframes rotateOutDownRight { from { opacity: 1; transform-origin: right bottom; }
+ to { opacity: 0; transform: rotate3d(0, 0, 1, -45deg); transform-origin: right bottom; } }
+.rotateOutDownRight { animation-name: rotateOutDownRight; }
+
+@keyframes rotateOutUpLeft { from { opacity: 1; transform-origin: left bottom; }
+ to { opacity: 0; transform: rotate3d(0, 0, 1, -45deg); transform-origin: left bottom; } }
+.rotateOutUpLeft { animation-name: rotateOutUpLeft; }
+
+@keyframes rotateOutUpRight { from { opacity: 1; transform-origin: right bottom; }
+ to { opacity: 0; transform: rotate3d(0, 0, 1, 90deg); transform-origin: right bottom; } }
+.rotateOutUpRight { animation-name: rotateOutUpRight; }
+
+@keyframes hinge { 0% { transform-origin: top left; animation-timing-function: ease-in-out; }
+ 20%,
+ 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
+ 40%,
+ 80% { opacity: 1; transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
+ to { opacity: 0; transform: translate3d(0, 700px, 0); } }
+.hinge { animation-name: hinge; animation-duration: 2s; }
+
+@keyframes jackInTheBox { from { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; }
+ 50% { transform: rotate(-10deg); }
+ 70% { transform: rotate(3deg); }
+ to { opacity: 1; transform: scale(1); } }
+.jackInTheBox { animation-name: jackInTheBox; }
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+@keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.rollIn { animation-name: rollIn; }
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+@keyframes rollOut { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
+.rollOut { animation-name: rollOut; }
+
+@keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
+ 50% { opacity: 1; } }
+.zoomIn { animation-name: zoomIn; }
+
+@keyframes zoomInDown { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+ 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+.zoomInDown { animation-name: zoomInDown; }
+
+@keyframes zoomInLeft { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+ 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+.zoomInLeft { animation-name: zoomInLeft; }
+
+@keyframes zoomInRight { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+ 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+.zoomInRight { animation-name: zoomInRight; }
+
+@keyframes zoomInUp { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+ 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+.zoomInUp { animation-name: zoomInUp; }
+
+@keyframes zoomOut { from { opacity: 1; }
+ 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
+ to { opacity: 0; } }
+.zoomOut { animation-name: zoomOut; }
+
+@keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+ to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+.zoomOutDown { animation-name: zoomOutDown; }
+
+@keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
+ to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } }
+.zoomOutLeft { animation-name: zoomOutLeft; }
+
+@keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
+ to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } }
+.zoomOutRight { animation-name: zoomOutRight; }
+
+@keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+ to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+.zoomOutUp { animation-name: zoomOutUp; }
+
+@keyframes slideInDown { from { visibility: visible; transform: translate3d(0, -100%, 0); }
+ to { transform: translate3d(0, 0, 0); } }
+.slideInDown { animation-name: slideInDown; }
+
+@keyframes slideInLeft { from { visibility: visible; transform: translate3d(-100%, 0, 0); }
+ to { transform: translate3d(0, 0, 0); } }
+.slideInLeft { animation-name: slideInLeft; }
+
+@keyframes slideInRight { from { visibility: visible; transform: translate3d(100%, 0, 0); }
+ to { transform: translate3d(0, 0, 0); } }
+.slideInRight { animation-name: slideInRight; }
+
+@keyframes slideInUp { from { visibility: visible; transform: translate3d(0, 100%, 0); }
+ to { transform: translate3d(0, 0, 0); } }
+.slideInUp { animation-name: slideInUp; }
+
+@keyframes slideOutDown { from { transform: translate3d(0, 0, 0); }
+ to { visibility: hidden; transform: translate3d(0, 100%, 0); } }
+.slideOutDown { animation-name: slideOutDown; }
+
+@keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); }
+ to { visibility: hidden; transform: translate3d(-100%, 0, 0); } }
+.slideOutLeft { animation-name: slideOutLeft; }
+
+@keyframes slideOutRight { from { transform: translate3d(0, 0, 0); }
+ to { visibility: hidden; transform: translate3d(100%, 0, 0); } }
+.slideOutRight { animation-name: slideOutRight; }
+
+@keyframes slideOutUp { from { transform: translate3d(0, 0, 0); }
+ to { visibility: hidden; transform: translate3d(0, -100%, 0); } }
+.slideOutUp { animation-name: slideOutUp; }
+
+.btn { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); padding: 0.84rem 2.14rem; font-size: 0.81rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; margin: 0.375rem; border: 0; border-radius: 0.125rem; cursor: pointer; text-transform: uppercase; white-space: normal; word-wrap: break-word; color: inherit; }
+.btn:hover, .btn:active, .btn:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); outline: 0; }
+.btn:not([disabled]):not(.disabled):active, .btn:not([disabled]):not(.disabled).active { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn .fas, .btn .fab, .btn .far { position: relative; font-size: 0.9rem; }
+.btn .fas.right, .btn .fab.right, .btn .far.right { margin-left: 0.3rem; }
+.btn .fas.left, .btn .fab.left, .btn .far.left { margin-right: 0.3rem; }
+.btn.btn-lg, .btn-group-lg > .btn { padding: 1rem 2.4rem; font-size: 0.94rem; }
+.btn.btn-lg .fas, .btn-group-lg > .btn .fas, .btn.btn-lg .fab, .btn-group-lg > .btn .fab, .btn.btn-lg .far, .btn-group-lg > .btn .far { font-size: 1rem; }
+.btn.btn-md { padding: 0.7rem 1.6rem; font-size: 0.7rem; }
+.btn.btn-md .fas, .btn.btn-md .fab, .btn.btn-md .far { font-size: 0.8rem; }
+.btn.btn-sm, .btn-group-sm > .btn { padding: 0.5rem 1.6rem; font-size: 0.64rem; }
+.btn.btn-sm .fas, .btn-group-sm > .btn .fas, .btn.btn-sm .fab, .btn-group-sm > .btn .fab, .btn.btn-sm .far, .btn-group-sm > .btn .far { font-size: 0.7rem; }
+.btn.btn-tb { padding: 0.3rem 1rem; }
+.btn.disabled:active, .btn.disabled:focus, .btn.disabled:hover, .btn:disabled:active, .btn:disabled:focus, .btn:disabled:hover { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
+.btn.btn-block { margin: inherit; }
+.btn.btn-link { box-shadow: none; background-color: transparent; }
+.btn.btn-link:active, .btn.btn-link:focus, .btn.btn-link:hover { box-shadow: none !important; background-color: transparent; }
+.btn[class*="btn-outline-"] { padding-top: 0.7rem; padding-bottom: 0.7rem; }
+.btn[class*="btn-outline-"].btn-lg, .btn-group-lg > .btn[class*="btn-outline-"] { padding-top: 0.88rem; padding-bottom: 0.88rem; }
+.btn[class*="btn-outline-"].btn-md { padding-top: 0.58rem; padding-bottom: 0.58rem; }
+.btn[class*="btn-outline-"].btn-sm, .btn-group-sm > .btn[class*="btn-outline-"] { padding-top: 0.38rem; padding-bottom: 0.38rem; }
+
+.btn-group .btn { margin: 0; }
+
+.btn .fa-lg, .btn-floating .fa-lg { font-size: 1.33333em !important; }
+.btn .fa-xs, .btn-floating .fa-xs { font-size: .75em !important; }
+.btn .fa-sm, .btn-floating .fa-sm { font-size: .875em !important; }
+.btn .fa-1x, .btn-floating .fa-1x { font-size: 1em !important; }
+.btn .fa-2x, .btn-floating .fa-2x { font-size: 2em !important; }
+.btn .fa-3x, .btn-floating .fa-3x { font-size: 3em !important; }
+.btn .fa-4x, .btn-floating .fa-4x { font-size: 4em !important; }
+.btn .fa-5x, .btn-floating .fa-5x { font-size: 5em !important; }
+.btn .fa-6x, .btn-floating .fa-6x { font-size: 6em !important; }
+.btn .fa-7x, .btn-floating .fa-7x { font-size: 7em !important; }
+.btn .fa-8x, .btn-floating .fa-8x { font-size: 8em !important; }
+.btn .fa-9x, .btn-floating .fa-9x { font-size: 9em !important; }
+.btn .fa-10x, .btn-floating .fa-10x { font-size: 10em !important; }
+
+.btn-primary { background-color: #4285f4 !important; color: #fff; }
+.btn-primary:hover { background-color: #5a95f5; color: #fff; }
+.btn-primary:focus, .btn-primary.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-primary:focus, .btn-primary:active, .btn-primary.active { background-color: #0b51c5; }
+.btn-primary.dropdown-toggle { background-color: #4285f4 !important; }
+.btn-primary.dropdown-toggle:hover, .btn-primary.dropdown-toggle:focus { background-color: #5a95f5 !important; }
+.btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active, .show > .btn-primary.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #0b51c5 !important; }
+.btn-primary:not([disabled]):not(.disabled):active:focus, .btn-primary:not([disabled]):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.primary-ic { color: #4285f4 !important; }
+.primary-ic:hover, .primary-ic:focus { color: #4285f4; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-primary { color: #fff; }
+
+.btn-outline-primary { border: 2px solid #4285f4 !important; background-color: transparent !important; color: #4285f4 !important; }
+.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary:active:focus, .btn-outline-primary.active { border-color: #4285f4 !important; background-color: transparent !important; color: #4285f4 !important; }
+.btn-outline-primary:not([disabled]):not(.disabled):active, .btn-outline-primary:not([disabled]):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #4285f4 !important; }
+.btn-outline-primary:not([disabled]):not(.disabled):active:focus, .btn-outline-primary:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-danger { background-color: #ff3547 !important; color: #fff; }
+.btn-danger:hover { background-color: #ff4f5e; color: #fff; }
+.btn-danger:focus, .btn-danger.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-danger:focus, .btn-danger:active, .btn-danger.active { background-color: #ce0012; }
+.btn-danger.dropdown-toggle { background-color: #ff3547 !important; }
+.btn-danger.dropdown-toggle:hover, .btn-danger.dropdown-toggle:focus { background-color: #ff4f5e !important; }
+.btn-danger:not([disabled]):not(.disabled):active, .btn-danger:not([disabled]):not(.disabled).active, .show > .btn-danger.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #ce0012 !important; }
+.btn-danger:not([disabled]):not(.disabled):active:focus, .btn-danger:not([disabled]):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.danger-ic { color: #ff3547 !important; }
+.danger-ic:hover, .danger-ic:focus { color: #ff3547; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-danger { color: #fff; }
+
+.btn-outline-danger { border: 2px solid #ff3547 !important; background-color: transparent !important; color: #ff3547 !important; }
+.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger:active:focus, .btn-outline-danger.active { border-color: #ff3547 !important; background-color: transparent !important; color: #ff3547 !important; }
+.btn-outline-danger:not([disabled]):not(.disabled):active, .btn-outline-danger:not([disabled]):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #ff3547 !important; }
+.btn-outline-danger:not([disabled]):not(.disabled):active:focus, .btn-outline-danger:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-warning { background-color: #ffbb33 !important; color: #fff; }
+.btn-warning:hover { background-color: #ffc44d; color: #fff; }
+.btn-warning:focus, .btn-warning.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-warning:focus, .btn-warning:active, .btn-warning.active { background-color: #cc8800; }
+.btn-warning.dropdown-toggle { background-color: #ffbb33 !important; }
+.btn-warning.dropdown-toggle:hover, .btn-warning.dropdown-toggle:focus { background-color: #ffc44d !important; }
+.btn-warning:not([disabled]):not(.disabled):active, .btn-warning:not([disabled]):not(.disabled).active, .show > .btn-warning.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #cc8800 !important; }
+.btn-warning:not([disabled]):not(.disabled):active:focus, .btn-warning:not([disabled]):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.warning-ic { color: #ffbb33 !important; }
+.warning-ic:hover, .warning-ic:focus { color: #ffbb33; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-warning { color: #fff; }
+
+.btn-outline-warning { border: 2px solid #ffbb33 !important; background-color: transparent !important; color: #ffbb33 !important; }
+.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning:active:focus, .btn-outline-warning.active { border-color: #ffbb33 !important; background-color: transparent !important; color: #ffbb33 !important; }
+.btn-outline-warning:not([disabled]):not(.disabled):active, .btn-outline-warning:not([disabled]):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #ffbb33 !important; }
+.btn-outline-warning:not([disabled]):not(.disabled):active:focus, .btn-outline-warning:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-success { background-color: #00c851 !important; color: #fff; }
+.btn-success:hover { background-color: #00e25b; color: #fff; }
+.btn-success:focus, .btn-success.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-success:focus, .btn-success:active, .btn-success.active { background-color: #006228; }
+.btn-success.dropdown-toggle { background-color: #00c851 !important; }
+.btn-success.dropdown-toggle:hover, .btn-success.dropdown-toggle:focus { background-color: #00e25b !important; }
+.btn-success:not([disabled]):not(.disabled):active, .btn-success:not([disabled]):not(.disabled).active, .show > .btn-success.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #006228 !important; }
+.btn-success:not([disabled]):not(.disabled):active:focus, .btn-success:not([disabled]):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.success-ic { color: #00c851 !important; }
+.success-ic:hover, .success-ic:focus { color: #00c851; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-success { color: #fff; }
+
+.btn-outline-success { border: 2px solid #00c851 !important; background-color: transparent !important; color: #00c851 !important; }
+.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success:active:focus, .btn-outline-success.active { border-color: #00c851 !important; background-color: transparent !important; color: #00c851 !important; }
+.btn-outline-success:not([disabled]):not(.disabled):active, .btn-outline-success:not([disabled]):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #00c851 !important; }
+.btn-outline-success:not([disabled]):not(.disabled):active:focus, .btn-outline-success:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-info { background-color: #33b5e5 !important; color: #fff; }
+.btn-info:hover { background-color: #4abde8; color: #fff; }
+.btn-info:focus, .btn-info.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-info:focus, .btn-info:active, .btn-info.active { background-color: #14799e; }
+.btn-info.dropdown-toggle { background-color: #33b5e5 !important; }
+.btn-info.dropdown-toggle:hover, .btn-info.dropdown-toggle:focus { background-color: #4abde8 !important; }
+.btn-info:not([disabled]):not(.disabled):active, .btn-info:not([disabled]):not(.disabled).active, .show > .btn-info.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #14799e !important; }
+.btn-info:not([disabled]):not(.disabled):active:focus, .btn-info:not([disabled]):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.info-ic { color: #33b5e5 !important; }
+.info-ic:hover, .info-ic:focus { color: #33b5e5; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-info { color: #fff; }
+
+.btn-outline-info { border: 2px solid #33b5e5 !important; background-color: transparent !important; color: #33b5e5 !important; }
+.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info:active:focus, .btn-outline-info.active { border-color: #33b5e5 !important; background-color: transparent !important; color: #33b5e5 !important; }
+.btn-outline-info:not([disabled]):not(.disabled):active, .btn-outline-info:not([disabled]):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #33b5e5 !important; }
+.btn-outline-info:not([disabled]):not(.disabled):active:focus, .btn-outline-info:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-default { background-color: #2bbbad !important; color: #fff; }
+.btn-default:hover { background-color: #30cfc0; color: #fff; }
+.btn-default:focus, .btn-default.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-default:focus, .btn-default:active, .btn-default.active { background-color: #186860; }
+.btn-default.dropdown-toggle { background-color: #2bbbad !important; }
+.btn-default.dropdown-toggle:hover, .btn-default.dropdown-toggle:focus { background-color: #30cfc0 !important; }
+.btn-default:not([disabled]):not(.disabled):active, .btn-default:not([disabled]):not(.disabled).active, .show > .btn-default.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #186860 !important; }
+.btn-default:not([disabled]):not(.disabled):active:focus, .btn-default:not([disabled]):not(.disabled).active:focus, .show > .btn-default.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.default-ic { color: #2bbbad !important; }
+.default-ic:hover, .default-ic:focus { color: #2bbbad; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-default { color: #fff; }
+
+.btn-outline-default { border: 2px solid #2bbbad !important; background-color: transparent !important; color: #2bbbad !important; }
+.btn-outline-default:hover, .btn-outline-default:focus, .btn-outline-default:active, .btn-outline-default:active:focus, .btn-outline-default.active { border-color: #2bbbad !important; background-color: transparent !important; color: #2bbbad !important; }
+.btn-outline-default:not([disabled]):not(.disabled):active, .btn-outline-default:not([disabled]):not(.disabled).active, .show > .btn-outline-default.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #2bbbad !important; }
+.btn-outline-default:not([disabled]):not(.disabled):active:focus, .btn-outline-default:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-default.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-secondary { background-color: #aa66cc !important; color: #fff; }
+.btn-secondary:hover { background-color: #b579d2; color: #fff; }
+.btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-secondary:focus, .btn-secondary:active, .btn-secondary.active { background-color: #773399; }
+.btn-secondary.dropdown-toggle { background-color: #aa66cc !important; }
+.btn-secondary.dropdown-toggle:hover, .btn-secondary.dropdown-toggle:focus { background-color: #b579d2 !important; }
+.btn-secondary:not([disabled]):not(.disabled):active, .btn-secondary:not([disabled]):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #773399 !important; }
+.btn-secondary:not([disabled]):not(.disabled):active:focus, .btn-secondary:not([disabled]):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.secondary-ic { color: #aa66cc !important; }
+.secondary-ic:hover, .secondary-ic:focus { color: #aa66cc; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-secondary { color: #fff; }
+
+.btn-outline-secondary { border: 2px solid #aa66cc !important; background-color: transparent !important; color: #aa66cc !important; }
+.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary:active:focus, .btn-outline-secondary.active { border-color: #aa66cc !important; background-color: transparent !important; color: #aa66cc !important; }
+.btn-outline-secondary:not([disabled]):not(.disabled):active, .btn-outline-secondary:not([disabled]):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #aa66cc !important; }
+.btn-outline-secondary:not([disabled]):not(.disabled):active:focus, .btn-outline-secondary:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-elegant { background-color: #2e2e2e !important; color: #fff; }
+.btn-elegant:hover { background-color: #3b3b3b; color: #fff; }
+.btn-elegant:focus, .btn-elegant.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-elegant:focus, .btn-elegant:active, .btn-elegant.active { background-color: black; }
+.btn-elegant.dropdown-toggle { background-color: #2e2e2e !important; }
+.btn-elegant.dropdown-toggle:hover, .btn-elegant.dropdown-toggle:focus { background-color: #3b3b3b !important; }
+.btn-elegant:not([disabled]):not(.disabled):active, .btn-elegant:not([disabled]):not(.disabled).active, .show > .btn-elegant.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: black !important; }
+.btn-elegant:not([disabled]):not(.disabled):active:focus, .btn-elegant:not([disabled]):not(.disabled).active:focus, .show > .btn-elegant.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.elegant-ic { color: #2e2e2e !important; }
+.elegant-ic:hover, .elegant-ic:focus { color: #2e2e2e; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-elegant { color: #fff; }
+
+.btn-outline-elegant { border: 2px solid #2e2e2e !important; background-color: transparent !important; color: #2e2e2e !important; }
+.btn-outline-elegant:hover, .btn-outline-elegant:focus, .btn-outline-elegant:active, .btn-outline-elegant:active:focus, .btn-outline-elegant.active { border-color: #2e2e2e !important; background-color: transparent !important; color: #2e2e2e !important; }
+.btn-outline-elegant:not([disabled]):not(.disabled):active, .btn-outline-elegant:not([disabled]):not(.disabled).active, .show > .btn-outline-elegant.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #2e2e2e !important; }
+.btn-outline-elegant:not([disabled]):not(.disabled):active:focus, .btn-outline-elegant:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-elegant.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-unique { background-color: #880e4f !important; color: #fff; }
+.btn-unique:hover { background-color: #9f105c; color: #fff; }
+.btn-unique:focus, .btn-unique.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-unique:focus, .btn-unique:active, .btn-unique.active { background-color: #2c0419; }
+.btn-unique.dropdown-toggle { background-color: #880e4f !important; }
+.btn-unique.dropdown-toggle:hover, .btn-unique.dropdown-toggle:focus { background-color: #9f105c !important; }
+.btn-unique:not([disabled]):not(.disabled):active, .btn-unique:not([disabled]):not(.disabled).active, .show > .btn-unique.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #2c0419 !important; }
+.btn-unique:not([disabled]):not(.disabled):active:focus, .btn-unique:not([disabled]):not(.disabled).active:focus, .show > .btn-unique.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.unique-ic { color: #880e4f !important; }
+.unique-ic:hover, .unique-ic:focus { color: #880e4f; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-unique { color: #fff; }
+
+.btn-outline-unique { border: 2px solid #880e4f !important; background-color: transparent !important; color: #880e4f !important; }
+.btn-outline-unique:hover, .btn-outline-unique:focus, .btn-outline-unique:active, .btn-outline-unique:active:focus, .btn-outline-unique.active { border-color: #880e4f !important; background-color: transparent !important; color: #880e4f !important; }
+.btn-outline-unique:not([disabled]):not(.disabled):active, .btn-outline-unique:not([disabled]):not(.disabled).active, .show > .btn-outline-unique.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #880e4f !important; }
+.btn-outline-unique:not([disabled]):not(.disabled):active:focus, .btn-outline-unique:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-unique.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-dark-green { background-color: #388e3c !important; color: #fff; }
+.btn-dark-green:hover { background-color: #3fa044; color: #fff; }
+.btn-dark-green:focus, .btn-dark-green.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-dark-green:focus, .btn-dark-green:active, .btn-dark-green.active { background-color: #1b451d; }
+.btn-dark-green.dropdown-toggle { background-color: #388e3c !important; }
+.btn-dark-green.dropdown-toggle:hover, .btn-dark-green.dropdown-toggle:focus { background-color: #3fa044 !important; }
+.btn-dark-green:not([disabled]):not(.disabled):active, .btn-dark-green:not([disabled]):not(.disabled).active, .show > .btn-dark-green.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #1b451d !important; }
+.btn-dark-green:not([disabled]):not(.disabled):active:focus, .btn-dark-green:not([disabled]):not(.disabled).active:focus, .show > .btn-dark-green.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.dark-green-ic { color: #388e3c !important; }
+.dark-green-ic:hover, .dark-green-ic:focus { color: #388e3c; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-dark-green { color: #fff; }
+
+.btn-outline-dark-green { border: 2px solid #388e3c !important; background-color: transparent !important; color: #388e3c !important; }
+.btn-outline-dark-green:hover, .btn-outline-dark-green:focus, .btn-outline-dark-green:active, .btn-outline-dark-green:active:focus, .btn-outline-dark-green.active { border-color: #388e3c !important; background-color: transparent !important; color: #388e3c !important; }
+.btn-outline-dark-green:not([disabled]):not(.disabled):active, .btn-outline-dark-green:not([disabled]):not(.disabled).active, .show > .btn-outline-dark-green.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #388e3c !important; }
+.btn-outline-dark-green:not([disabled]):not(.disabled):active:focus, .btn-outline-dark-green:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-dark-green.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-mdb-color { background-color: #59698d !important; color: #fff; }
+.btn-mdb-color:hover { background-color: #63759d; color: #fff; }
+.btn-mdb-color:focus, .btn-mdb-color.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-mdb-color:focus, .btn-mdb-color:active, .btn-mdb-color.active { background-color: #323a4e; }
+.btn-mdb-color.dropdown-toggle { background-color: #59698d !important; }
+.btn-mdb-color.dropdown-toggle:hover, .btn-mdb-color.dropdown-toggle:focus { background-color: #63759d !important; }
+.btn-mdb-color:not([disabled]):not(.disabled):active, .btn-mdb-color:not([disabled]):not(.disabled).active, .show > .btn-mdb-color.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #323a4e !important; }
+.btn-mdb-color:not([disabled]):not(.disabled):active:focus, .btn-mdb-color:not([disabled]):not(.disabled).active:focus, .show > .btn-mdb-color.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.mdb-color-ic { color: #59698d !important; }
+.mdb-color-ic:hover, .mdb-color-ic:focus { color: #59698d; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-mdb-color { color: #fff; }
+
+.btn-outline-mdb-color { border: 2px solid #59698d !important; background-color: transparent !important; color: #59698d !important; }
+.btn-outline-mdb-color:hover, .btn-outline-mdb-color:focus, .btn-outline-mdb-color:active, .btn-outline-mdb-color:active:focus, .btn-outline-mdb-color.active { border-color: #59698d !important; background-color: transparent !important; color: #59698d !important; }
+.btn-outline-mdb-color:not([disabled]):not(.disabled):active, .btn-outline-mdb-color:not([disabled]):not(.disabled).active, .show > .btn-outline-mdb-color.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #59698d !important; }
+.btn-outline-mdb-color:not([disabled]):not(.disabled):active:focus, .btn-outline-mdb-color:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-mdb-color.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-red { background-color: #d32f2f !important; color: #fff; }
+.btn-red:hover { background-color: #d74444; color: #fff; }
+.btn-red:focus, .btn-red.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-red:focus, .btn-red:active, .btn-red.active { background-color: #811b1b; }
+.btn-red.dropdown-toggle { background-color: #d32f2f !important; }
+.btn-red.dropdown-toggle:hover, .btn-red.dropdown-toggle:focus { background-color: #d74444 !important; }
+.btn-red:not([disabled]):not(.disabled):active, .btn-red:not([disabled]):not(.disabled).active, .show > .btn-red.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #811b1b !important; }
+.btn-red:not([disabled]):not(.disabled):active:focus, .btn-red:not([disabled]):not(.disabled).active:focus, .show > .btn-red.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.red-ic { color: #d32f2f !important; }
+.red-ic:hover, .red-ic:focus { color: #d32f2f; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-red { color: #fff; }
+
+.btn-outline-red { border: 2px solid #d32f2f !important; background-color: transparent !important; color: #d32f2f !important; }
+.btn-outline-red:hover, .btn-outline-red:focus, .btn-outline-red:active, .btn-outline-red:active:focus, .btn-outline-red.active { border-color: #d32f2f !important; background-color: transparent !important; color: #d32f2f !important; }
+.btn-outline-red:not([disabled]):not(.disabled):active, .btn-outline-red:not([disabled]):not(.disabled).active, .show > .btn-outline-red.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #d32f2f !important; }
+.btn-outline-red:not([disabled]):not(.disabled):active:focus, .btn-outline-red:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-red.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-pink { background-color: #ec407a !important; color: #fff; }
+.btn-pink:hover { background-color: #ee578a; color: #fff; }
+.btn-pink:focus, .btn-pink.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-pink:focus, .btn-pink:active, .btn-pink.active { background-color: #b41249; }
+.btn-pink.dropdown-toggle { background-color: #ec407a !important; }
+.btn-pink.dropdown-toggle:hover, .btn-pink.dropdown-toggle:focus { background-color: #ee578a !important; }
+.btn-pink:not([disabled]):not(.disabled):active, .btn-pink:not([disabled]):not(.disabled).active, .show > .btn-pink.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #b41249 !important; }
+.btn-pink:not([disabled]):not(.disabled):active:focus, .btn-pink:not([disabled]):not(.disabled).active:focus, .show > .btn-pink.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.pink-ic { color: #ec407a !important; }
+.pink-ic:hover, .pink-ic:focus { color: #ec407a; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-pink { color: #fff; }
+
+.btn-outline-pink { border: 2px solid #ec407a !important; background-color: transparent !important; color: #ec407a !important; }
+.btn-outline-pink:hover, .btn-outline-pink:focus, .btn-outline-pink:active, .btn-outline-pink:active:focus, .btn-outline-pink.active { border-color: #ec407a !important; background-color: transparent !important; color: #ec407a !important; }
+.btn-outline-pink:not([disabled]):not(.disabled):active, .btn-outline-pink:not([disabled]):not(.disabled).active, .show > .btn-outline-pink.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #ec407a !important; }
+.btn-outline-pink:not([disabled]):not(.disabled):active:focus, .btn-outline-pink:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-pink.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-purple { background-color: #8e24aa !important; color: #fff; }
+.btn-purple:hover { background-color: #a028bf; color: #fff; }
+.btn-purple:focus, .btn-purple.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-purple:focus, .btn-purple:active, .btn-purple.active { background-color: #481256; }
+.btn-purple.dropdown-toggle { background-color: #8e24aa !important; }
+.btn-purple.dropdown-toggle:hover, .btn-purple.dropdown-toggle:focus { background-color: #a028bf !important; }
+.btn-purple:not([disabled]):not(.disabled):active, .btn-purple:not([disabled]):not(.disabled).active, .show > .btn-purple.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #481256 !important; }
+.btn-purple:not([disabled]):not(.disabled):active:focus, .btn-purple:not([disabled]):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.purple-ic { color: #8e24aa !important; }
+.purple-ic:hover, .purple-ic:focus { color: #8e24aa; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-purple { color: #fff; }
+
+.btn-outline-purple { border: 2px solid #8e24aa !important; background-color: transparent !important; color: #8e24aa !important; }
+.btn-outline-purple:hover, .btn-outline-purple:focus, .btn-outline-purple:active, .btn-outline-purple:active:focus, .btn-outline-purple.active { border-color: #8e24aa !important; background-color: transparent !important; color: #8e24aa !important; }
+.btn-outline-purple:not([disabled]):not(.disabled):active, .btn-outline-purple:not([disabled]):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #8e24aa !important; }
+.btn-outline-purple:not([disabled]):not(.disabled):active:focus, .btn-outline-purple:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-deep-purple { background-color: #512da8 !important; color: #fff; }
+.btn-deep-purple:hover { background-color: #5b32bc; color: #fff; }
+.btn-deep-purple:focus, .btn-deep-purple.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-deep-purple:focus, .btn-deep-purple:active, .btn-deep-purple.active { background-color: #2a1758; }
+.btn-deep-purple.dropdown-toggle { background-color: #512da8 !important; }
+.btn-deep-purple.dropdown-toggle:hover, .btn-deep-purple.dropdown-toggle:focus { background-color: #5b32bc !important; }
+.btn-deep-purple:not([disabled]):not(.disabled):active, .btn-deep-purple:not([disabled]):not(.disabled).active, .show > .btn-deep-purple.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #2a1758 !important; }
+.btn-deep-purple:not([disabled]):not(.disabled):active:focus, .btn-deep-purple:not([disabled]):not(.disabled).active:focus, .show > .btn-deep-purple.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.deep-purple-ic { color: #512da8 !important; }
+.deep-purple-ic:hover, .deep-purple-ic:focus { color: #512da8; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-deep-purple { color: #fff; }
+
+.btn-outline-deep-purple { border: 2px solid #512da8 !important; background-color: transparent !important; color: #512da8 !important; }
+.btn-outline-deep-purple:hover, .btn-outline-deep-purple:focus, .btn-outline-deep-purple:active, .btn-outline-deep-purple:active:focus, .btn-outline-deep-purple.active { border-color: #512da8 !important; background-color: transparent !important; color: #512da8 !important; }
+.btn-outline-deep-purple:not([disabled]):not(.disabled):active, .btn-outline-deep-purple:not([disabled]):not(.disabled).active, .show > .btn-outline-deep-purple.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #512da8 !important; }
+.btn-outline-deep-purple:not([disabled]):not(.disabled):active:focus, .btn-outline-deep-purple:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-deep-purple.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-indigo { background-color: #3f51b5 !important; color: #fff; }
+.btn-indigo:hover { background-color: #4d5ec1; color: #fff; }
+.btn-indigo:focus, .btn-indigo.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-indigo:focus, .btn-indigo:active, .btn-indigo.active { background-color: #252f69; }
+.btn-indigo.dropdown-toggle { background-color: #3f51b5 !important; }
+.btn-indigo.dropdown-toggle:hover, .btn-indigo.dropdown-toggle:focus { background-color: #4d5ec1 !important; }
+.btn-indigo:not([disabled]):not(.disabled):active, .btn-indigo:not([disabled]):not(.disabled).active, .show > .btn-indigo.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #252f69 !important; }
+.btn-indigo:not([disabled]):not(.disabled):active:focus, .btn-indigo:not([disabled]):not(.disabled).active:focus, .show > .btn-indigo.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.indigo-ic { color: #3f51b5 !important; }
+.indigo-ic:hover, .indigo-ic:focus { color: #3f51b5; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-indigo { color: #fff; }
+
+.btn-outline-indigo { border: 2px solid #3f51b5 !important; background-color: transparent !important; color: #3f51b5 !important; }
+.btn-outline-indigo:hover, .btn-outline-indigo:focus, .btn-outline-indigo:active, .btn-outline-indigo:active:focus, .btn-outline-indigo.active { border-color: #3f51b5 !important; background-color: transparent !important; color: #3f51b5 !important; }
+.btn-outline-indigo:not([disabled]):not(.disabled):active, .btn-outline-indigo:not([disabled]):not(.disabled).active, .show > .btn-outline-indigo.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #3f51b5 !important; }
+.btn-outline-indigo:not([disabled]):not(.disabled):active:focus, .btn-outline-indigo:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-indigo.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-blue { background-color: #1976d2 !important; color: #fff; }
+.btn-blue:hover { background-color: #2083e4; color: #fff; }
+.btn-blue:focus, .btn-blue.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-blue:focus, .btn-blue:active, .btn-blue.active { background-color: #0e4377; }
+.btn-blue.dropdown-toggle { background-color: #1976d2 !important; }
+.btn-blue.dropdown-toggle:hover, .btn-blue.dropdown-toggle:focus { background-color: #2083e4 !important; }
+.btn-blue:not([disabled]):not(.disabled):active, .btn-blue:not([disabled]):not(.disabled).active, .show > .btn-blue.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #0e4377 !important; }
+.btn-blue:not([disabled]):not(.disabled):active:focus, .btn-blue:not([disabled]):not(.disabled).active:focus, .show > .btn-blue.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.blue-ic { color: #1976d2 !important; }
+.blue-ic:hover, .blue-ic:focus { color: #1976d2; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-blue { color: #fff; }
+
+.btn-outline-blue { border: 2px solid #1976d2 !important; background-color: transparent !important; color: #1976d2 !important; }
+.btn-outline-blue:hover, .btn-outline-blue:focus, .btn-outline-blue:active, .btn-outline-blue:active:focus, .btn-outline-blue.active { border-color: #1976d2 !important; background-color: transparent !important; color: #1976d2 !important; }
+.btn-outline-blue:not([disabled]):not(.disabled):active, .btn-outline-blue:not([disabled]):not(.disabled).active, .show > .btn-outline-blue.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #1976d2 !important; }
+.btn-outline-blue:not([disabled]):not(.disabled):active:focus, .btn-outline-blue:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-blue.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-light-blue { background-color: #82b1ff !important; color: #fff; }
+.btn-light-blue:hover { background-color: #9cc1ff; color: #fff; }
+.btn-light-blue:focus, .btn-light-blue.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-light-blue:focus, .btn-light-blue:active, .btn-light-blue.active { background-color: #1c71ff; }
+.btn-light-blue.dropdown-toggle { background-color: #82b1ff !important; }
+.btn-light-blue.dropdown-toggle:hover, .btn-light-blue.dropdown-toggle:focus { background-color: #9cc1ff !important; }
+.btn-light-blue:not([disabled]):not(.disabled):active, .btn-light-blue:not([disabled]):not(.disabled).active, .show > .btn-light-blue.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #1c71ff !important; }
+.btn-light-blue:not([disabled]):not(.disabled):active:focus, .btn-light-blue:not([disabled]):not(.disabled).active:focus, .show > .btn-light-blue.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.light-blue-ic { color: #82b1ff !important; }
+.light-blue-ic:hover, .light-blue-ic:focus { color: #82b1ff; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-light-blue { color: #fff; }
+
+.btn-outline-light-blue { border: 2px solid #82b1ff !important; background-color: transparent !important; color: #82b1ff !important; }
+.btn-outline-light-blue:hover, .btn-outline-light-blue:focus, .btn-outline-light-blue:active, .btn-outline-light-blue:active:focus, .btn-outline-light-blue.active { border-color: #82b1ff !important; background-color: transparent !important; color: #82b1ff !important; }
+.btn-outline-light-blue:not([disabled]):not(.disabled):active, .btn-outline-light-blue:not([disabled]):not(.disabled).active, .show > .btn-outline-light-blue.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #82b1ff !important; }
+.btn-outline-light-blue:not([disabled]):not(.disabled):active:focus, .btn-outline-light-blue:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-light-blue.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-cyan { background-color: #00bcd4 !important; color: #fff; }
+.btn-cyan:hover { background-color: #00d3ee; color: #fff; }
+.btn-cyan:focus, .btn-cyan.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-cyan:focus, .btn-cyan:active, .btn-cyan.active { background-color: #00626e; }
+.btn-cyan.dropdown-toggle { background-color: #00bcd4 !important; }
+.btn-cyan.dropdown-toggle:hover, .btn-cyan.dropdown-toggle:focus { background-color: #00d3ee !important; }
+.btn-cyan:not([disabled]):not(.disabled):active, .btn-cyan:not([disabled]):not(.disabled).active, .show > .btn-cyan.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #00626e !important; }
+.btn-cyan:not([disabled]):not(.disabled):active:focus, .btn-cyan:not([disabled]):not(.disabled).active:focus, .show > .btn-cyan.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.cyan-ic { color: #00bcd4 !important; }
+.cyan-ic:hover, .cyan-ic:focus { color: #00bcd4; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-cyan { color: #fff; }
+
+.btn-outline-cyan { border: 2px solid #00bcd4 !important; background-color: transparent !important; color: #00bcd4 !important; }
+.btn-outline-cyan:hover, .btn-outline-cyan:focus, .btn-outline-cyan:active, .btn-outline-cyan:active:focus, .btn-outline-cyan.active { border-color: #00bcd4 !important; background-color: transparent !important; color: #00bcd4 !important; }
+.btn-outline-cyan:not([disabled]):not(.disabled):active, .btn-outline-cyan:not([disabled]):not(.disabled).active, .show > .btn-outline-cyan.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #00bcd4 !important; }
+.btn-outline-cyan:not([disabled]):not(.disabled):active:focus, .btn-outline-cyan:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-cyan.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-teal { background-color: #00796b !important; color: #fff; }
+.btn-teal:hover { background-color: #009382; color: #fff; }
+.btn-teal:focus, .btn-teal.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-teal:focus, .btn-teal:active, .btn-teal.active { background-color: #001311; }
+.btn-teal.dropdown-toggle { background-color: #00796b !important; }
+.btn-teal.dropdown-toggle:hover, .btn-teal.dropdown-toggle:focus { background-color: #009382 !important; }
+.btn-teal:not([disabled]):not(.disabled):active, .btn-teal:not([disabled]):not(.disabled).active, .show > .btn-teal.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #001311 !important; }
+.btn-teal:not([disabled]):not(.disabled):active:focus, .btn-teal:not([disabled]):not(.disabled).active:focus, .show > .btn-teal.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.teal-ic { color: #00796b !important; }
+.teal-ic:hover, .teal-ic:focus { color: #00796b; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-teal { color: #fff; }
+
+.btn-outline-teal { border: 2px solid #00796b !important; background-color: transparent !important; color: #00796b !important; }
+.btn-outline-teal:hover, .btn-outline-teal:focus, .btn-outline-teal:active, .btn-outline-teal:active:focus, .btn-outline-teal.active { border-color: #00796b !important; background-color: transparent !important; color: #00796b !important; }
+.btn-outline-teal:not([disabled]):not(.disabled):active, .btn-outline-teal:not([disabled]):not(.disabled).active, .show > .btn-outline-teal.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #00796b !important; }
+.btn-outline-teal:not([disabled]):not(.disabled):active:focus, .btn-outline-teal:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-teal.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-green { background-color: #388e3c !important; color: #fff; }
+.btn-green:hover { background-color: #3fa044; color: #fff; }
+.btn-green:focus, .btn-green.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-green:focus, .btn-green:active, .btn-green.active { background-color: #1b451d; }
+.btn-green.dropdown-toggle { background-color: #388e3c !important; }
+.btn-green.dropdown-toggle:hover, .btn-green.dropdown-toggle:focus { background-color: #3fa044 !important; }
+.btn-green:not([disabled]):not(.disabled):active, .btn-green:not([disabled]):not(.disabled).active, .show > .btn-green.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #1b451d !important; }
+.btn-green:not([disabled]):not(.disabled):active:focus, .btn-green:not([disabled]):not(.disabled).active:focus, .show > .btn-green.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.green-ic { color: #388e3c !important; }
+.green-ic:hover, .green-ic:focus { color: #388e3c; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-green { color: #fff; }
+
+.btn-outline-green { border: 2px solid #388e3c !important; background-color: transparent !important; color: #388e3c !important; }
+.btn-outline-green:hover, .btn-outline-green:focus, .btn-outline-green:active, .btn-outline-green:active:focus, .btn-outline-green.active { border-color: #388e3c !important; background-color: transparent !important; color: #388e3c !important; }
+.btn-outline-green:not([disabled]):not(.disabled):active, .btn-outline-green:not([disabled]):not(.disabled).active, .show > .btn-outline-green.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #388e3c !important; }
+.btn-outline-green:not([disabled]):not(.disabled):active:focus, .btn-outline-green:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-green.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-light-green { background-color: #8bc34a !important; color: #fff; }
+.btn-light-green:hover { background-color: #97c95d; color: #fff; }
+.btn-light-green:focus, .btn-light-green.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-light-green:focus, .btn-light-green:active, .btn-light-green.active { background-color: #577d2a; }
+.btn-light-green.dropdown-toggle { background-color: #8bc34a !important; }
+.btn-light-green.dropdown-toggle:hover, .btn-light-green.dropdown-toggle:focus { background-color: #97c95d !important; }
+.btn-light-green:not([disabled]):not(.disabled):active, .btn-light-green:not([disabled]):not(.disabled).active, .show > .btn-light-green.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #577d2a !important; }
+.btn-light-green:not([disabled]):not(.disabled):active:focus, .btn-light-green:not([disabled]):not(.disabled).active:focus, .show > .btn-light-green.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.light-green-ic { color: #8bc34a !important; }
+.light-green-ic:hover, .light-green-ic:focus { color: #8bc34a; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-light-green { color: #fff; }
+
+.btn-outline-light-green { border: 2px solid #8bc34a !important; background-color: transparent !important; color: #8bc34a !important; }
+.btn-outline-light-green:hover, .btn-outline-light-green:focus, .btn-outline-light-green:active, .btn-outline-light-green:active:focus, .btn-outline-light-green.active { border-color: #8bc34a !important; background-color: transparent !important; color: #8bc34a !important; }
+.btn-outline-light-green:not([disabled]):not(.disabled):active, .btn-outline-light-green:not([disabled]):not(.disabled).active, .show > .btn-outline-light-green.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #8bc34a !important; }
+.btn-outline-light-green:not([disabled]):not(.disabled):active:focus, .btn-outline-light-green:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-light-green.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-lime { background-color: #afb42b !important; color: #fff; }
+.btn-lime:hover { background-color: #c3c930; color: #fff; }
+.btn-lime:focus, .btn-lime.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-lime:focus, .btn-lime:active, .btn-lime.active { background-color: #5f6217; }
+.btn-lime.dropdown-toggle { background-color: #afb42b !important; }
+.btn-lime.dropdown-toggle:hover, .btn-lime.dropdown-toggle:focus { background-color: #c3c930 !important; }
+.btn-lime:not([disabled]):not(.disabled):active, .btn-lime:not([disabled]):not(.disabled).active, .show > .btn-lime.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #5f6217 !important; }
+.btn-lime:not([disabled]):not(.disabled):active:focus, .btn-lime:not([disabled]):not(.disabled).active:focus, .show > .btn-lime.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.lime-ic { color: #afb42b !important; }
+.lime-ic:hover, .lime-ic:focus { color: #afb42b; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-lime { color: #fff; }
+
+.btn-outline-lime { border: 2px solid #afb42b !important; background-color: transparent !important; color: #afb42b !important; }
+.btn-outline-lime:hover, .btn-outline-lime:focus, .btn-outline-lime:active, .btn-outline-lime:active:focus, .btn-outline-lime.active { border-color: #afb42b !important; background-color: transparent !important; color: #afb42b !important; }
+.btn-outline-lime:not([disabled]):not(.disabled):active, .btn-outline-lime:not([disabled]):not(.disabled).active, .show > .btn-outline-lime.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #afb42b !important; }
+.btn-outline-lime:not([disabled]):not(.disabled):active:focus, .btn-outline-lime:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-lime.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-yellow { background-color: #fbc02d !important; color: #fff; }
+.btn-yellow:hover { background-color: #fbc846; color: #fff; }
+.btn-yellow:focus, .btn-yellow.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-yellow:focus, .btn-yellow:active, .btn-yellow.active { background-color: #be8904; }
+.btn-yellow.dropdown-toggle { background-color: #fbc02d !important; }
+.btn-yellow.dropdown-toggle:hover, .btn-yellow.dropdown-toggle:focus { background-color: #fbc846 !important; }
+.btn-yellow:not([disabled]):not(.disabled):active, .btn-yellow:not([disabled]):not(.disabled).active, .show > .btn-yellow.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #be8904 !important; }
+.btn-yellow:not([disabled]):not(.disabled):active:focus, .btn-yellow:not([disabled]):not(.disabled).active:focus, .show > .btn-yellow.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.yellow-ic { color: #fbc02d !important; }
+.yellow-ic:hover, .yellow-ic:focus { color: #fbc02d; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-yellow { color: #fff; }
+
+.btn-outline-yellow { border: 2px solid #fbc02d !important; background-color: transparent !important; color: #fbc02d !important; }
+.btn-outline-yellow:hover, .btn-outline-yellow:focus, .btn-outline-yellow:active, .btn-outline-yellow:active:focus, .btn-outline-yellow.active { border-color: #fbc02d !important; background-color: transparent !important; color: #fbc02d !important; }
+.btn-outline-yellow:not([disabled]):not(.disabled):active, .btn-outline-yellow:not([disabled]):not(.disabled).active, .show > .btn-outline-yellow.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #fbc02d !important; }
+.btn-outline-yellow:not([disabled]):not(.disabled):active:focus, .btn-outline-yellow:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-yellow.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-amber { background-color: #ffa000 !important; color: #fff; }
+.btn-amber:hover { background-color: #ffaa1a; color: #fff; }
+.btn-amber:focus, .btn-amber.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-amber:focus, .btn-amber:active, .btn-amber.active { background-color: #996000; }
+.btn-amber.dropdown-toggle { background-color: #ffa000 !important; }
+.btn-amber.dropdown-toggle:hover, .btn-amber.dropdown-toggle:focus { background-color: #ffaa1a !important; }
+.btn-amber:not([disabled]):not(.disabled):active, .btn-amber:not([disabled]):not(.disabled).active, .show > .btn-amber.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #996000 !important; }
+.btn-amber:not([disabled]):not(.disabled):active:focus, .btn-amber:not([disabled]):not(.disabled).active:focus, .show > .btn-amber.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.amber-ic { color: #ffa000 !important; }
+.amber-ic:hover, .amber-ic:focus { color: #ffa000; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-amber { color: #fff; }
+
+.btn-outline-amber { border: 2px solid #ffa000 !important; background-color: transparent !important; color: #ffa000 !important; }
+.btn-outline-amber:hover, .btn-outline-amber:focus, .btn-outline-amber:active, .btn-outline-amber:active:focus, .btn-outline-amber.active { border-color: #ffa000 !important; background-color: transparent !important; color: #ffa000 !important; }
+.btn-outline-amber:not([disabled]):not(.disabled):active, .btn-outline-amber:not([disabled]):not(.disabled).active, .show > .btn-outline-amber.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #ffa000 !important; }
+.btn-outline-amber:not([disabled]):not(.disabled):active:focus, .btn-outline-amber:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-amber.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-orange { background-color: #f57c00 !important; color: #fff; }
+.btn-orange:hover { background-color: #ff8910; color: #fff; }
+.btn-orange:focus, .btn-orange.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-orange:focus, .btn-orange:active, .btn-orange.active { background-color: #8f4800; }
+.btn-orange.dropdown-toggle { background-color: #f57c00 !important; }
+.btn-orange.dropdown-toggle:hover, .btn-orange.dropdown-toggle:focus { background-color: #ff8910 !important; }
+.btn-orange:not([disabled]):not(.disabled):active, .btn-orange:not([disabled]):not(.disabled).active, .show > .btn-orange.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #8f4800 !important; }
+.btn-orange:not([disabled]):not(.disabled):active:focus, .btn-orange:not([disabled]):not(.disabled).active:focus, .show > .btn-orange.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.orange-ic { color: #f57c00 !important; }
+.orange-ic:hover, .orange-ic:focus { color: #f57c00; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-orange { color: #fff; }
+
+.btn-outline-orange { border: 2px solid #f57c00 !important; background-color: transparent !important; color: #f57c00 !important; }
+.btn-outline-orange:hover, .btn-outline-orange:focus, .btn-outline-orange:active, .btn-outline-orange:active:focus, .btn-outline-orange.active { border-color: #f57c00 !important; background-color: transparent !important; color: #f57c00 !important; }
+.btn-outline-orange:not([disabled]):not(.disabled):active, .btn-outline-orange:not([disabled]):not(.disabled).active, .show > .btn-outline-orange.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #f57c00 !important; }
+.btn-outline-orange:not([disabled]):not(.disabled):active:focus, .btn-outline-orange:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-orange.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-deep-orange { background-color: #ff7043 !important; color: #fff; }
+.btn-deep-orange:hover { background-color: #ff835d; color: #fff; }
+.btn-deep-orange:focus, .btn-deep-orange.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-deep-orange:focus, .btn-deep-orange:active, .btn-deep-orange.active { background-color: #dc3500; }
+.btn-deep-orange.dropdown-toggle { background-color: #ff7043 !important; }
+.btn-deep-orange.dropdown-toggle:hover, .btn-deep-orange.dropdown-toggle:focus { background-color: #ff835d !important; }
+.btn-deep-orange:not([disabled]):not(.disabled):active, .btn-deep-orange:not([disabled]):not(.disabled).active, .show > .btn-deep-orange.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #dc3500 !important; }
+.btn-deep-orange:not([disabled]):not(.disabled):active:focus, .btn-deep-orange:not([disabled]):not(.disabled).active:focus, .show > .btn-deep-orange.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.deep-orange-ic { color: #ff7043 !important; }
+.deep-orange-ic:hover, .deep-orange-ic:focus { color: #ff7043; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-deep-orange { color: #fff; }
+
+.btn-outline-deep-orange { border: 2px solid #ff7043 !important; background-color: transparent !important; color: #ff7043 !important; }
+.btn-outline-deep-orange:hover, .btn-outline-deep-orange:focus, .btn-outline-deep-orange:active, .btn-outline-deep-orange:active:focus, .btn-outline-deep-orange.active { border-color: #ff7043 !important; background-color: transparent !important; color: #ff7043 !important; }
+.btn-outline-deep-orange:not([disabled]):not(.disabled):active, .btn-outline-deep-orange:not([disabled]):not(.disabled).active, .show > .btn-outline-deep-orange.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #ff7043 !important; }
+.btn-outline-deep-orange:not([disabled]):not(.disabled):active:focus, .btn-outline-deep-orange:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-deep-orange.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-brown { background-color: #795548 !important; color: #fff; }
+.btn-brown:hover { background-color: #896052; color: #fff; }
+.btn-brown:focus, .btn-brown.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-brown:focus, .btn-brown:active, .btn-brown.active { background-color: #392822; }
+.btn-brown.dropdown-toggle { background-color: #795548 !important; }
+.btn-brown.dropdown-toggle:hover, .btn-brown.dropdown-toggle:focus { background-color: #896052 !important; }
+.btn-brown:not([disabled]):not(.disabled):active, .btn-brown:not([disabled]):not(.disabled).active, .show > .btn-brown.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #392822 !important; }
+.btn-brown:not([disabled]):not(.disabled):active:focus, .btn-brown:not([disabled]):not(.disabled).active:focus, .show > .btn-brown.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.brown-ic { color: #795548 !important; }
+.brown-ic:hover, .brown-ic:focus { color: #795548; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-brown { color: #fff; }
+
+.btn-outline-brown { border: 2px solid #795548 !important; background-color: transparent !important; color: #795548 !important; }
+.btn-outline-brown:hover, .btn-outline-brown:focus, .btn-outline-brown:active, .btn-outline-brown:active:focus, .btn-outline-brown.active { border-color: #795548 !important; background-color: transparent !important; color: #795548 !important; }
+.btn-outline-brown:not([disabled]):not(.disabled):active, .btn-outline-brown:not([disabled]):not(.disabled).active, .show > .btn-outline-brown.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #795548 !important; }
+.btn-outline-brown:not([disabled]):not(.disabled):active:focus, .btn-outline-brown:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-brown.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-grey { background-color: #616161 !important; color: #fff; }
+.btn-grey:hover { background-color: #6e6e6e; color: #fff; }
+.btn-grey:focus, .btn-grey.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-grey:focus, .btn-grey:active, .btn-grey.active { background-color: #2e2e2e; }
+.btn-grey.dropdown-toggle { background-color: #616161 !important; }
+.btn-grey.dropdown-toggle:hover, .btn-grey.dropdown-toggle:focus { background-color: #6e6e6e !important; }
+.btn-grey:not([disabled]):not(.disabled):active, .btn-grey:not([disabled]):not(.disabled).active, .show > .btn-grey.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #2e2e2e !important; }
+.btn-grey:not([disabled]):not(.disabled):active:focus, .btn-grey:not([disabled]):not(.disabled).active:focus, .show > .btn-grey.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.grey-ic { color: #616161 !important; }
+.grey-ic:hover, .grey-ic:focus { color: #616161; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-grey { color: #fff; }
+
+.btn-outline-grey { border: 2px solid #616161 !important; background-color: transparent !important; color: #616161 !important; }
+.btn-outline-grey:hover, .btn-outline-grey:focus, .btn-outline-grey:active, .btn-outline-grey:active:focus, .btn-outline-grey.active { border-color: #616161 !important; background-color: transparent !important; color: #616161 !important; }
+.btn-outline-grey:not([disabled]):not(.disabled):active, .btn-outline-grey:not([disabled]):not(.disabled).active, .show > .btn-outline-grey.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #616161 !important; }
+.btn-outline-grey:not([disabled]):not(.disabled):active:focus, .btn-outline-grey:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-grey.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-blue-grey { background-color: #78909c !important; color: #fff; }
+.btn-blue-grey:hover { background-color: #879ca7; color: #fff; }
+.btn-blue-grey:focus, .btn-blue-grey.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-blue-grey:focus, .btn-blue-grey:active, .btn-blue-grey.active { background-color: #4a5b64; }
+.btn-blue-grey.dropdown-toggle { background-color: #78909c !important; }
+.btn-blue-grey.dropdown-toggle:hover, .btn-blue-grey.dropdown-toggle:focus { background-color: #879ca7 !important; }
+.btn-blue-grey:not([disabled]):not(.disabled):active, .btn-blue-grey:not([disabled]):not(.disabled).active, .show > .btn-blue-grey.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #4a5b64 !important; }
+.btn-blue-grey:not([disabled]):not(.disabled):active:focus, .btn-blue-grey:not([disabled]):not(.disabled).active:focus, .show > .btn-blue-grey.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.blue-grey-ic { color: #78909c !important; }
+.blue-grey-ic:hover, .blue-grey-ic:focus { color: #78909c; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-blue-grey { color: #fff; }
+
+.btn-outline-blue-grey { border: 2px solid #78909c !important; background-color: transparent !important; color: #78909c !important; }
+.btn-outline-blue-grey:hover, .btn-outline-blue-grey:focus, .btn-outline-blue-grey:active, .btn-outline-blue-grey:active:focus, .btn-outline-blue-grey.active { border-color: #78909c !important; background-color: transparent !important; color: #78909c !important; }
+.btn-outline-blue-grey:not([disabled]):not(.disabled):active, .btn-outline-blue-grey:not([disabled]):not(.disabled).active, .show > .btn-outline-blue-grey.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #78909c !important; }
+.btn-outline-blue-grey:not([disabled]):not(.disabled):active:focus, .btn-outline-blue-grey:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-blue-grey.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-dark { background-color: #212121 !important; color: #fff; }
+.btn-dark:hover { background-color: #2e2e2e; color: #fff; }
+.btn-dark:focus, .btn-dark.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-dark:focus, .btn-dark:active, .btn-dark.active { background-color: black; }
+.btn-dark.dropdown-toggle { background-color: #212121 !important; }
+.btn-dark.dropdown-toggle:hover, .btn-dark.dropdown-toggle:focus { background-color: #2e2e2e !important; }
+.btn-dark:not([disabled]):not(.disabled):active, .btn-dark:not([disabled]):not(.disabled).active, .show > .btn-dark.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: black !important; }
+.btn-dark:not([disabled]):not(.disabled):active:focus, .btn-dark:not([disabled]):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.dark-ic { color: #212121 !important; }
+.dark-ic:hover, .dark-ic:focus { color: #212121; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-dark { color: #fff; }
+
+.btn-outline-dark { border: 2px solid #212121 !important; background-color: transparent !important; color: #212121 !important; }
+.btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark:active:focus, .btn-outline-dark.active { border-color: #212121 !important; background-color: transparent !important; color: #212121 !important; }
+.btn-outline-dark:not([disabled]):not(.disabled):active, .btn-outline-dark:not([disabled]):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #212121 !important; }
+.btn-outline-dark:not([disabled]):not(.disabled):active:focus, .btn-outline-dark:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-light { background-color: #e0e0e0 !important; color: #000; }
+.btn-light:hover { background-color: #ededed; color: #000; }
+.btn-light:focus, .btn-light.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-light:focus, .btn-light:active, .btn-light.active { background-color: #adadad; }
+.btn-light.dropdown-toggle { background-color: #e0e0e0 !important; }
+.btn-light.dropdown-toggle:hover, .btn-light.dropdown-toggle:focus { background-color: #ededed !important; }
+.btn-light:not([disabled]):not(.disabled):active, .btn-light:not([disabled]):not(.disabled).active, .show > .btn-light.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #adadad !important; }
+.btn-light:not([disabled]):not(.disabled):active:focus, .btn-light:not([disabled]):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.light-ic { color: #e0e0e0 !important; }
+.light-ic:hover, .light-ic:focus { color: #e0e0e0; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #000; }
+
+table.table a.btn.btn-light { color: #000; }
+
+.btn-outline-light { border: 2px solid #e0e0e0 !important; background-color: transparent !important; color: #e0e0e0 !important; }
+.btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light:active:focus, .btn-outline-light.active { border-color: #e0e0e0 !important; background-color: transparent !important; color: #e0e0e0 !important; }
+.btn-outline-light:not([disabled]):not(.disabled):active, .btn-outline-light:not([disabled]):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #e0e0e0 !important; }
+.btn-outline-light:not([disabled]):not(.disabled):active:focus, .btn-outline-light:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-white { background-color: #fff !important; color: #000; }
+.btn-white:hover { background-color: white; color: #000; }
+.btn-white:focus, .btn-white.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-white:focus, .btn-white:active, .btn-white.active { background-color: #cccccc; }
+.btn-white.dropdown-toggle { background-color: #fff !important; }
+.btn-white.dropdown-toggle:hover, .btn-white.dropdown-toggle:focus { background-color: white !important; }
+.btn-white:not([disabled]):not(.disabled):active, .btn-white:not([disabled]):not(.disabled).active, .show > .btn-white.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #cccccc !important; }
+.btn-white:not([disabled]):not(.disabled):active:focus, .btn-white:not([disabled]):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.white-ic { color: #fff !important; }
+.white-ic:hover, .white-ic:focus { color: #fff; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #000; }
+
+table.table a.btn.btn-white { color: #000; }
+
+.btn-outline-white { border: 2px solid #fff !important; background-color: transparent !important; color: #fff !important; }
+.btn-outline-white:hover, .btn-outline-white:focus, .btn-outline-white:active, .btn-outline-white:active:focus, .btn-outline-white.active { border-color: #fff !important; background-color: transparent !important; color: #fff !important; }
+.btn-outline-white:not([disabled]):not(.disabled):active, .btn-outline-white:not([disabled]):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #fff !important; }
+.btn-outline-white:not([disabled]):not(.disabled):active:focus, .btn-outline-white:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-black { background-color: #000 !important; color: #fff; }
+.btn-black:hover { background-color: #0d0d0d; color: #fff; }
+.btn-black:focus, .btn-black.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-black:focus, .btn-black:active, .btn-black.active { background-color: black; }
+.btn-black.dropdown-toggle { background-color: #000 !important; }
+.btn-black.dropdown-toggle:hover, .btn-black.dropdown-toggle:focus { background-color: #0d0d0d !important; }
+.btn-black:not([disabled]):not(.disabled):active, .btn-black:not([disabled]):not(.disabled).active, .show > .btn-black.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: black !important; }
+.btn-black:not([disabled]):not(.disabled):active:focus, .btn-black:not([disabled]):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.black-ic { color: #000 !important; }
+.black-ic:hover, .black-ic:focus { color: #000; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-black { color: #fff; }
+
+.btn-outline-black { border: 2px solid #000 !important; background-color: transparent !important; color: #000 !important; }
+.btn-outline-black:hover, .btn-outline-black:focus, .btn-outline-black:active, .btn-outline-black:active:focus, .btn-outline-black.active { border-color: #000 !important; background-color: transparent !important; color: #000 !important; }
+.btn-outline-black:not([disabled]):not(.disabled):active, .btn-outline-black:not([disabled]):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #000 !important; }
+.btn-outline-black:not([disabled]):not(.disabled):active:focus, .btn-outline-black:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle { color: #fff; }
+
+.btn.purple-gradient { transition: .5s ease; color: #fff; }
+.btn.purple-gradient:hover, .btn.purple-gradient:focus, .btn.purple-gradient:active, .btn.purple-gradient:active:focus .btn.purple-gradient.active { background: linear-gradient(#ff88ce, #8f8bf7); }
+
+.btn.peach-gradient { transition: .5s ease; color: #fff; }
+.btn.peach-gradient:hover, .btn.peach-gradient:focus, .btn.peach-gradient:active, .btn.peach-gradient:active:focus .btn.peach-gradient.active { background: linear-gradient(#ffdf89, #fc7b7b); }
+
+.btn.aqua-gradient { transition: .5s ease; color: #fff; }
+.btn.aqua-gradient:hover, .btn.aqua-gradient:focus, .btn.aqua-gradient:active, .btn.aqua-gradient:active:focus .btn.aqua-gradient.active { background: linear-gradient(#3aa2ff, #1fffac); }
+
+.btn.blue-gradient { transition: .5s ease; color: #fff; }
+.btn.blue-gradient:hover, .btn.blue-gradient:focus, .btn.blue-gradient:active, .btn.blue-gradient:active:focus .btn.blue-gradient.active { background: linear-gradient(#5ed1fc, #3647b3); }
+
+.card { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border: 0; font-weight: 400; }
+.card[class*="border"] { border: 1px solid #9e9e9e; box-shadow: none; }
+.card .card-body h1, .card .card-body h2, .card .card-body h3, .card .card-body h4, .card .card-body h5, .card .card-body h6 { font-weight: 400; }
+.card .card-body .card-title a { transition: 0.2s ease-in-out; }
+.card .card-body .card-title a:hover { transition: 0.2s ease-in-out; }
+.card .card-body .card-text { color: #747373; font-size: 0.9rem; font-weight: 400; }
+.card .md-form label { font-weight: 300; }
+
+.dropdown .dropdown-menu .dropdown-item:active { background-color: #757575; }
+
+.md-form.input-group label { top: 0; margin-bottom: 0; }
+.md-form.input-group .input-group-text { background-color: #e0e0e0; }
+.md-form.input-group .input-group-text.md-addon { border: none; background-color: transparent; font-weight: 500; }
+.md-form.input-group .form-control { margin: 0; padding: 0.375rem 0.75rem; }
+
+.navbar { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); font-weight: 300; }
+.navbar form .md-form input { margin: 0 5px 1px 8px; }
+.navbar .breadcrumb { margin: 0; padding: 0.3rem 0 0 1rem; background-color: inherit; font-size: 15px; font-weight: 300; }
+.navbar .breadcrumb .breadcrumb-item { color: #fff; }
+.navbar .breadcrumb .breadcrumb-item.active { color: rgba(255, 255, 255, 0.65); }
+.navbar .breadcrumb .breadcrumb-item:before { color: rgba(255, 255, 255, 0.65); }
+.navbar .navbar-toggler { outline: 0; border-width: 0; }
+.navbar .nav-flex-icons { flex-direction: row; }
+@media (max-width: 992px) { .navbar .container { width: 100%; }
+ .navbar .container .navbar-toggler-right { right: 0; } }
+.navbar .nav-item .nav-link { display: block; }
+.navbar .nav-item .nav-link.disabled:active { pointer-events: none; }
+.navbar .nav-item .nav-link .fas, .navbar .nav-item .nav-link .fab, .navbar .nav-item .nav-link .far { padding-right: 3px; padding-left: 3px; }
+@media (max-width: 992px) { .navbar .nav-item .nav-link { padding-right: 6px; padding-left: 6px; } }
+.navbar .dropdown-menu { position: absolute !important; margin-top: 0; }
+.navbar .dropdown-menu a { padding: 10px; font-size: 0.9375rem; font-weight: 300; color: #000; }
+@media (max-width: 600px) { .navbar .dropdown-menu form { width: 17rem; } }
+@media (min-width: 600px) { .navbar .dropdown-menu form { width: 22rem; } }
+.navbar.navbar-light .navbar-nav .nav-item .nav-link.disbled { color: rgba(0, 0, 0, 0.3); }
+.navbar.navbar-light .navbar-nav .nav-item .nav-link.disbled:hover { color: rgba(0, 0, 0, 0.3); }
+.navbar.navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); cursor: pointer; }
+.navbar.navbar-light .breadcrumb .nav-item .nav-link, .navbar.navbar-light .navbar-nav .nav-item .nav-link { color: #000; transition: 0.35s; }
+.navbar.navbar-light .breadcrumb .nav-item .nav-link:hover, .navbar.navbar-light .navbar-nav .nav-item .nav-link:hover { color: rgba(0, 0, 0, 0.7); }
+.navbar.navbar-light .breadcrumb .nav-item.active > .nav-link, .navbar.navbar-light .navbar-nav .nav-item.active > .nav-link { background-color: rgba(0, 0, 0, 0.1); }
+.navbar.navbar-light .breadcrumb .nav-item.active > .nav-link:hover, .navbar.navbar-light .navbar-nav .nav-item.active > .nav-link:hover { color: #000; }
+.navbar.navbar-light .navbar-toggler { color: #000; }
+.navbar.navbar-light form .md-form input { border-bottom: 1px solid #000; }
+.navbar.navbar-light form .md-form input:focus:not([readonly]) { border-color: #4285f4; }
+.navbar.navbar-light form .md-form .form-control { color: #000; }
+.navbar.navbar-light form .md-form .form-control::placeholder { color: #000; font-weight: 300; }
+.navbar.navbar-dark .navbar-nav .nav-item .nav-link.disbled { color: rgba(255, 255, 255, 0.25); }
+.navbar.navbar-dark .navbar-nav .nav-item .nav-link.disbled:hover { color: rgba(255, 255, 255, 0.25); }
+.navbar.navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); cursor: pointer; }
+.navbar.navbar-dark .breadcrumb .nav-item .nav-link, .navbar.navbar-dark .navbar-nav .nav-item .nav-link { color: #fff; transition: 0.35s; }
+.navbar.navbar-dark .breadcrumb .nav-item .nav-link:hover, .navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover { color: rgba(255, 255, 255, 0.75); }
+.navbar.navbar-dark .breadcrumb .nav-item.active > .nav-link, .navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link { background-color: rgba(255, 255, 255, 0.1); }
+.navbar.navbar-dark .breadcrumb .nav-item.active > .nav-link:hover, .navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link:hover { color: #fff; }
+.navbar.navbar-dark .navbar-toggler { color: #fff; }
+.navbar.navbar-dark form .md-form input { border-bottom: 1px solid #fff; }
+.navbar.navbar-dark form .md-form input:focus:not([readonly]) { border-color: #4285f4; }
+.navbar.navbar-dark form .md-form .form-control { color: #fff; }
+.navbar.navbar-dark form .md-form .form-control::placeholder { color: #fff; font-weight: 300; }
+@media (min-width: 600px) { .navbar.scrolling-navbar { transition: background 0.5s ease-in-out, padding 0.5s ease-in-out; padding-top: 12px; padding-bottom: 12px; }
+ .navbar.scrolling-navbar .navbar-nav > li { transition-duration: 1s; }
+ .navbar.scrolling-navbar.top-nav-collapse { padding-top: 5px; padding-bottom: 5px; } }
+@media (min-width: 400px) and (max-width: 767px), (min-width: 800px) and (max-width: 850px) { .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse { max-height: 340px; overflow-x: hidden; overflow-y: auto; } }
+
+.pagination .page-item.active .page-link { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); transition: all 0.2s linear; border-radius: 0.125rem; background-color: #4285f4; color: #fff; }
+.pagination .page-item.active .page-link:hover { background-color: #4285f4; }
+.pagination .page-item.disabled .page-link { color: #868e96; }
+.pagination .page-item .page-link { transition: all 0.3s linear; outline: 0; border: 0; background-color: transparent; font-size: 0.9rem; color: #212529; }
+.pagination .page-item .page-link:hover { transition: all 0.3s linear; border-radius: 0.125rem; background-color: #eee; }
+.pagination .page-item .page-link:focus { background-color: transparent; box-shadow: none; }
+.pagination.pagination-lg .page-item .page-link { font-size: 1rem; }
+.pagination.pagination-sm .page-item .page-link { font-size: 0.8rem; }
+.pagination.pagination-circle .page-item .page-link { margin-left: 2px; margin-right: 2px; border-radius: 50%; }
+.pagination.pagination-circle .page-item .page-link:hover { border-radius: 50%; }
+.pagination.pagination-circle .page-item.active .page-link { border-radius: 50%; }
+.pagination.pg-blue .page-item.active .page-link { background-color: #4285f4; }
+.pagination.pg-blue .page-item.active .page-link:hover { background-color: #4285f4; }
+.pagination.pg-red .page-item.active .page-link { background-color: #ff3547; }
+.pagination.pg-red .page-item.active .page-link:hover { background-color: #ff3547; }
+.pagination.pg-teal .page-item.active .page-link { background-color: #2bbbad; }
+.pagination.pg-teal .page-item.active .page-link:hover { background-color: #2bbbad; }
+.pagination.pg-dark-grey .page-item.active .page-link { background-color: #37474f; }
+.pagination.pg-dark-grey .page-item.active .page-link:hover { background-color: #37474f; }
+.pagination.pg-dark .page-item.active .page-link { background-color: #2e2e2e; }
+.pagination.pg-dark .page-item.active .page-link:hover { background-color: #2e2e2e; }
+.pagination.pg-blue-grey .page-item.active .page-link { background-color: #3f729b; }
+.pagination.pg-blue-grey .page-item.active .page-link:hover { background-color: #3f729b; }
+.pagination.pg-amber .page-item.active .page-link { background-color: #ff6f00; }
+.pagination.pg-amber .page-item.active .page-link:hover { background-color: #ff6f00; }
+.pagination.pg-purple .page-item.active .page-link { background-color: #5e35b1; }
+.pagination.pg-purple .page-item.active .page-link:hover { background-color: #5e35b1; }
+
+.badge { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 0.125rem; color: #fff !important; }
+
+.badge-pill { border-radius: 10rem; padding-right: 0.6em; padding-left: 0.6em; }
+
+.badge-primary { background-color: #4285f4 !important; color: #fff !important; }
+
+.badge-danger { background-color: #ff3547 !important; color: #fff !important; }
+
+.badge-warning { background-color: #ffbb33 !important; color: #fff !important; }
+
+.badge-success { background-color: #00c851 !important; color: #fff !important; }
+
+.badge-info { background-color: #33b5e5 !important; color: #fff !important; }
+
+.badge-default { background-color: #2bbbad !important; color: #fff !important; }
+
+.badge-secondary { background-color: #aa66cc !important; color: #fff !important; }
+
+.badge-dark { background-color: #212121 !important; color: #fff !important; }
+
+.badge-light { background-color: #e0e0e0 !important; color: #000 !important; }
+
+body.modal-open { overflow: auto; padding-right: 0 !important; }
+body.scrollable { overflow-y: auto; }
+
+.modal-dialog .modal-content { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); border: 0; border-radius: 0.125rem; }
+.modal-dialog .modal-content .modal-header { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; }
+.modal-dialog.cascading-modal { margin-top: 10%; }
+.modal-dialog.cascading-modal .close { opacity: 1; text-shadow: none; color: #fff; outline: 0; }
+.modal-dialog.cascading-modal .modal-header { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); margin: -2rem 1rem 1rem 1rem; border: none; border-radius: 0.125rem; padding: 1.5rem; text-align: center; }
+.modal-dialog.cascading-modal .modal-header .close { margin-right: 1rem; }
+.modal-dialog.cascading-modal .modal-header .title { margin-bottom: 0; width: 100%; font-size: 1.25rem; }
+.modal-dialog.cascading-modal .modal-header .title .fas, .modal-dialog.cascading-modal .modal-header .title .fab, .modal-dialog.cascading-modal .modal-header .title .far { margin-right: 9px; }
+.modal-dialog.cascading-modal .modal-header .social-buttons { margin-top: 1.5rem; }
+.modal-dialog.cascading-modal .modal-header .social-buttons a { font-size: 1rem; }
+.modal-dialog.cascading-modal .modal-c-tabs .md-tabs { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); margin: -1.5rem 1rem 0 1rem; display: flex; }
+.modal-dialog.cascading-modal .modal-c-tabs .md-tabs li { flex: 1; }
+.modal-dialog.cascading-modal .modal-c-tabs .md-tabs li a { text-align: center; }
+.modal-dialog.cascading-modal .modal-c-tabs .tab-content { padding: 1.7rem 0 0 0; }
+.modal-dialog.cascading-modal .modal-body, .modal-dialog.cascading-modal .modal-footer { padding-left: 2rem; padding-right: 2rem; color: #616161; }
+.modal-dialog.cascading-modal .modal-body .additional-option, .modal-dialog.cascading-modal .modal-footer .additional-option { margin-top: 1rem; text-align: center; }
+.modal-dialog.cascading-modal.modal-avatar { margin-top: 6rem; }
+.modal-dialog.cascading-modal.modal-avatar .modal-header { box-shadow: none; margin: -6rem 0 -1rem; }
+.modal-dialog.cascading-modal.modal-avatar .modal-header img { width: 130px; box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-left: auto; margin-right: auto; }
+.modal-dialog.modal-notify .heading { margin: 0; padding: 0.3rem; font-size: 1.15rem; color: #fff; }
+.modal-dialog.modal-notify .modal-header { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border: 0; }
+.modal-dialog.modal-notify .close { opacity: 1; }
+.modal-dialog.modal-notify .modal-body { padding: 1.5rem; color: #616161; }
+.modal-dialog.modal-notify.modal-primary .modal-header { background-color: #4285f4; }
+.modal-dialog.modal-notify.modal-primary .fas, .modal-dialog.modal-notify.modal-primary .fab, .modal-dialog.modal-notify.modal-primary .far { color: #4285f4; }
+.modal-dialog.modal-notify.modal-primary .badge { background-color: #4285f4; }
+.modal-dialog.modal-notify.modal-primary .btn .fas, .modal-dialog.modal-notify.modal-primary .btn .fab, .modal-dialog.modal-notify.modal-primary .btn .far { color: #fff; }
+.modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .fas, .modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .fab, .modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .far { color: #4285f4; }
+.modal-dialog.modal-notify.modal-danger .modal-header { background-color: #ff3547; }
+.modal-dialog.modal-notify.modal-danger .fas, .modal-dialog.modal-notify.modal-danger .fab, .modal-dialog.modal-notify.modal-danger .far { color: #ff3547; }
+.modal-dialog.modal-notify.modal-danger .badge { background-color: #ff3547; }
+.modal-dialog.modal-notify.modal-danger .btn .fas, .modal-dialog.modal-notify.modal-danger .btn .fab, .modal-dialog.modal-notify.modal-danger .btn .far { color: #fff; }
+.modal-dialog.modal-notify.modal-danger .btn.btn-outline-danger .fas, .modal-dialog.modal-notify.modal-danger .btn.btn-outline-danger .fab, .modal-dialog.modal-notify.modal-danger .btn.btn-outline-danger .far { color: #ff3547; }
+.modal-dialog.modal-notify.modal-warning .modal-header { background-color: #ffbb33; }
+.modal-dialog.modal-notify.modal-warning .fas, .modal-dialog.modal-notify.modal-warning .fab, .modal-dialog.modal-notify.modal-warning .far { color: #ffbb33; }
+.modal-dialog.modal-notify.modal-warning .badge { background-color: #ffbb33; }
+.modal-dialog.modal-notify.modal-warning .btn .fas, .modal-dialog.modal-notify.modal-warning .btn .fab, .modal-dialog.modal-notify.modal-warning .btn .far { color: #fff; }
+.modal-dialog.modal-notify.modal-warning .btn.btn-outline-warning .fas, .modal-dialog.modal-notify.modal-warning .btn.btn-outline-warning .fab, .modal-dialog.modal-notify.modal-warning .btn.btn-outline-warning .far { color: #ffbb33; }
+.modal-dialog.modal-notify.modal-success .modal-header { background-color: #00c851; }
+.modal-dialog.modal-notify.modal-success .fas, .modal-dialog.modal-notify.modal-success .fab, .modal-dialog.modal-notify.modal-success .far { color: #00c851; }
+.modal-dialog.modal-notify.modal-success .badge { background-color: #00c851; }
+.modal-dialog.modal-notify.modal-success .btn .fas, .modal-dialog.modal-notify.modal-success .btn .fab, .modal-dialog.modal-notify.modal-success .btn .far { color: #fff; }
+.modal-dialog.modal-notify.modal-success .btn.btn-outline-success .fas, .modal-dialog.modal-notify.modal-success .btn.btn-outline-success .fab, .modal-dialog.modal-notify.modal-success .btn.btn-outline-success .far { color: #00c851; }
+.modal-dialog.modal-notify.modal-info .modal-header { background-color: #33b5e5; }
+.modal-dialog.modal-notify.modal-info .fas, .modal-dialog.modal-notify.modal-info .fab, .modal-dialog.modal-notify.modal-info .far { color: #33b5e5; }
+.modal-dialog.modal-notify.modal-info .badge { background-color: #33b5e5; }
+.modal-dialog.modal-notify.modal-info .btn .fas, .modal-dialog.modal-notify.modal-info .btn .fab, .modal-dialog.modal-notify.modal-info .btn .far { color: #fff; }
+.modal-dialog.modal-notify.modal-info .btn.btn-outline-info .fas, .modal-dialog.modal-notify.modal-info .btn.btn-outline-info .fab, .modal-dialog.modal-notify.modal-info .btn.btn-outline-info .far { color: #33b5e5; }
+
+.modal { padding-right: 0 !important; }
+@media (min-width: 768px) { .modal .modal-dialog.modal-top { top: 0; }
+ .modal .modal-dialog.modal-left { left: 0; }
+ .modal .modal-dialog.modal-right { right: 0; }
+ .modal .modal-dialog.modal-bottom { bottom: 0; }
+ .modal .modal-dialog.modal-top-left { top: 10px; left: 10px; }
+ .modal .modal-dialog.modal-top-right { top: 10px; right: 10px; }
+ .modal .modal-dialog.modal-bottom-left { bottom: 10px; left: 10px; }
+ .modal .modal-dialog.modal-bottom-right { bottom: 10px; right: 10px; } }
+.modal.fade.top:not(.show) .modal-dialog { transform: translate3d(0, -25%, 0); }
+.modal.fade.left:not(.show) .modal-dialog { transform: translate3d(-25%, 0, 0); }
+.modal.fade.right:not(.show) .modal-dialog { transform: translate3d(25%, 0, 0); }
+.modal.fade.bottom:not(.show) .modal-dialog { transform: translate3d(0, 25%, 0); }
+@media (min-width: 992px) { .modal.modal-scrolling { position: relative; }
+ .modal.modal-scrolling .modal-dialog { position: fixed; z-index: 1050; }
+ .modal.modal-content-clickable { top: auto; bottom: auto; }
+ .modal.modal-content-clickable .modal-dialog { position: fixed; }
+ .modal .modal-fluid { width: 100%; max-width: 100%; }
+ .modal .modal-fluid .modal-content { width: 100%; }
+ .modal .modal-frame { position: absolute; margin: 0 !important; width: 100%; max-width: 100% !important; }
+ .modal .modal-frame.modal-bottom { bottom: 0; }
+ .modal .modal-full-height { position: absolute; display: flex; margin: 0; width: 400px; min-height: 100%; height: auto; min-height: 100%; top: 0; right: 0; }
+ .modal .modal-full-height.modal-top, .modal .modal-full-height.modal-bottom { display: block; width: 100%; max-width: 100%; height: auto; }
+ .modal .modal-full-height.modal-top { bottom: auto; }
+ .modal .modal-full-height.modal-bottom { min-height: 0; top: auto; }
+ .modal .modal-full-height .modal-content { width: 100%; }
+ .modal .modal-full-height.modal-lg { width: 90%; max-width: 90%; } }
+@media (min-width: 992px) and (min-width: 992px) { .modal .modal-full-height.modal-lg { width: 800px; max-width: 800px; } }
+@media (min-width: 992px) and (min-width: 1200px) { .modal .modal-full-height.modal-lg { width: 1000px; max-width: 1000px; } }
+@media (min-width: 992px) { .modal .modal-side { position: absolute; bottom: 10px; right: 10px; margin: 0; width: 400px; } }
+
+.carousel .carousel-control-prev-icon, .carousel .carousel-control-next-icon { width: 20px; height: 20px; }
+.carousel .carousel-control-prev-icon { background-image: url(../img/svg/arrow_left.svg); }
+.carousel .carousel-control-next-icon { background-image: url(../img/svg/arrow_right.svg); }
+.carousel .carousel-indicators li { width: 0.625rem; height: 0.625rem; border-radius: 50%; cursor: pointer; }
+
+.carousel-fade .carousel-item { opacity: 0; transition-duration: 0.6s; transition-property: opacity; }
+.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { opacity: 1; }
+.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-right.active { opacity: 0; }
+.carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-prev.active { transform: translateX(0); }
+@supports (transform-style: preserve-3d) { .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-prev.active { transform: translate3d(0, 0, 0); } }
+
+.md-form { position: relative; margin-top: 1.5rem; margin-bottom: 1.5rem; }
+.md-form input[type=text], .md-form input[type=password], .md-form input[type=email], .md-form input[type=url], .md-form input[type=time], .md-form input[type=date], .md-form input[type=datetime-local], .md-form input[type=tel], .md-form input[type=number], .md-form input[type=search-md], .md-form input[type=search], .md-form textarea.md-textarea { transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; outline: none; box-shadow: none; border: none; border-bottom: 1px solid #ced4da; border-radius: 0; box-sizing: content-box; background-color: transparent; }
+.md-form input[type=text]:focus:not([readonly]), .md-form input[type=password]:focus:not([readonly]), .md-form input[type=email]:focus:not([readonly]), .md-form input[type=url]:focus:not([readonly]), .md-form input[type=time]:focus:not([readonly]), .md-form input[type=date]:focus:not([readonly]), .md-form input[type=datetime-local]:focus:not([readonly]), .md-form input[type=tel]:focus:not([readonly]), .md-form input[type=number]:focus:not([readonly]), .md-form input[type=search-md]:focus:not([readonly]), .md-form input[type=search]:focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]) { box-shadow: 0 1px 0 0 #4285f4; border-bottom: 1px solid #4285f4; }
+.md-form input[type=text]:focus:not([readonly]) + label, .md-form input[type=password]:focus:not([readonly]) + label, .md-form input[type=email]:focus:not([readonly]) + label, .md-form input[type=url]:focus:not([readonly]) + label, .md-form input[type=time]:focus:not([readonly]) + label, .md-form input[type=date]:focus:not([readonly]) + label, .md-form input[type=datetime-local]:focus:not([readonly]) + label, .md-form input[type=tel]:focus:not([readonly]) + label, .md-form input[type=number]:focus:not([readonly]) + label, .md-form input[type=search-md]:focus:not([readonly]) + label, .md-form input[type=search]:focus:not([readonly]) + label, .md-form textarea.md-textarea:focus:not([readonly]) + label { color: #4285f4; }
+.md-form input[type=text] + label:after, .md-form input[type=password] + label:after, .md-form input[type=email] + label:after, .md-form input[type=url] + label:after, .md-form input[type=time] + label:after, .md-form input[type=date] + label:after, .md-form input[type=datetime-local] + label:after, .md-form input[type=tel] + label:after, .md-form input[type=number] + label:after, .md-form input[type=search-md] + label:after, .md-form input[type=search] + label:after, .md-form textarea.md-textarea + label:after { content: ""; position: absolute; top: 65px; display: block; opacity: 0; transition: 0.2s opacity ease-out, 0.2s color ease-out; }
+.md-form input[type=text].valid, .md-form input[type=text]:focus.valid, .md-form input[type=password].valid, .md-form input[type=password]:focus.valid, .md-form input[type=email].valid, .md-form input[type=email]:focus.valid, .md-form input[type=url].valid, .md-form input[type=url]:focus.valid, .md-form input[type=time].valid, .md-form input[type=time]:focus.valid, .md-form input[type=date].valid, .md-form input[type=date]:focus.valid, .md-form input[type=datetime-local].valid, .md-form input[type=datetime-local]:focus.valid, .md-form input[type=tel].valid, .md-form input[type=tel]:focus.valid, .md-form input[type=number].valid, .md-form input[type=number]:focus.valid, .md-form input[type=search-md].valid, .md-form input[type=search-md]:focus.valid, .md-form input[type=search].valid, .md-form input[type=search]:focus.valid, .md-form textarea.md-textarea.valid, .md-form textarea.md-textarea:focus.valid { border-bottom: 1px solid #00c851; box-shadow: 0 1px 0 0 #00c851; }
+.md-form input[type=text].valid + label:after, .md-form input[type=text]:focus.valid + label:after, .md-form input[type=password].valid + label:after, .md-form input[type=password]:focus.valid + label:after, .md-form input[type=email].valid + label:after, .md-form input[type=email]:focus.valid + label:after, .md-form input[type=url].valid + label:after, .md-form input[type=url]:focus.valid + label:after, .md-form input[type=time].valid + label:after, .md-form input[type=time]:focus.valid + label:after, .md-form input[type=date].valid + label:after, .md-form input[type=date]:focus.valid + label:after, .md-form input[type=datetime-local].valid + label:after, .md-form input[type=datetime-local]:focus.valid + label:after, .md-form input[type=tel].valid + label:after, .md-form input[type=tel]:focus.valid + label:after, .md-form input[type=number].valid + label:after, .md-form input[type=number]:focus.valid + label:after, .md-form input[type=search-md].valid + label:after, .md-form input[type=search-md]:focus.valid + label:after, .md-form input[type=search].valid + label:after, .md-form input[type=search]:focus.valid + label:after, .md-form textarea.md-textarea.valid + label:after, .md-form textarea.md-textarea:focus.valid + label:after { content: attr(data-success); color: #00c851; opacity: 1; }
+.md-form input[type=text].invalid, .md-form input[type=text]:focus.invalid, .md-form input[type=password].invalid, .md-form input[type=password]:focus.invalid, .md-form input[type=email].invalid, .md-form input[type=email]:focus.invalid, .md-form input[type=url].invalid, .md-form input[type=url]:focus.invalid, .md-form input[type=time].invalid, .md-form input[type=time]:focus.invalid, .md-form input[type=date].invalid, .md-form input[type=date]:focus.invalid, .md-form input[type=datetime-local].invalid, .md-form input[type=datetime-local]:focus.invalid, .md-form input[type=tel].invalid, .md-form input[type=tel]:focus.invalid, .md-form input[type=number].invalid, .md-form input[type=number]:focus.invalid, .md-form input[type=search-md].invalid, .md-form input[type=search-md]:focus.invalid, .md-form input[type=search].invalid, .md-form input[type=search]:focus.invalid, .md-form textarea.md-textarea.invalid, .md-form textarea.md-textarea:focus.invalid { border-bottom: 1px solid #f44336; box-shadow: 0 1px 0 0 #f44336; }
+.md-form input[type=text].invalid + label:after, .md-form input[type=text]:focus.invalid + label:after, .md-form input[type=password].invalid + label:after, .md-form input[type=password]:focus.invalid + label:after, .md-form input[type=email].invalid + label:after, .md-form input[type=email]:focus.invalid + label:after, .md-form input[type=url].invalid + label:after, .md-form input[type=url]:focus.invalid + label:after, .md-form input[type=time].invalid + label:after, .md-form input[type=time]:focus.invalid + label:after, .md-form input[type=date].invalid + label:after, .md-form input[type=date]:focus.invalid + label:after, .md-form input[type=datetime-local].invalid + label:after, .md-form input[type=datetime-local]:focus.invalid + label:after, .md-form input[type=tel].invalid + label:after, .md-form input[type=tel]:focus.invalid + label:after, .md-form input[type=number].invalid + label:after, .md-form input[type=number]:focus.invalid + label:after, .md-form input[type=search-md].invalid + label:after, .md-form input[type=search-md]:focus.invalid + label:after, .md-form input[type=search].invalid + label:after, .md-form input[type=search]:focus.invalid + label:after, .md-form textarea.md-textarea.invalid + label:after, .md-form textarea.md-textarea:focus.invalid + label:after { content: attr(data-error); color: #f44336; opacity: 1; }
+.md-form input[type=text].form-control.valid + label:after, .md-form input[type=text].form-control:focus.valid + label:after, .md-form input[type=password].form-control.valid + label:after, .md-form input[type=password].form-control:focus.valid + label:after, .md-form input[type=email].form-control.valid + label:after, .md-form input[type=email].form-control:focus.valid + label:after, .md-form input[type=url].form-control.valid + label:after, .md-form input[type=url].form-control:focus.valid + label:after, .md-form input[type=time].form-control.valid + label:after, .md-form input[type=time].form-control:focus.valid + label:after, .md-form input[type=date].form-control.valid + label:after, .md-form input[type=date].form-control:focus.valid + label:after, .md-form input[type=datetime-local].form-control.valid + label:after, .md-form input[type=datetime-local].form-control:focus.valid + label:after, .md-form input[type=tel].form-control.valid + label:after, .md-form input[type=tel].form-control:focus.valid + label:after, .md-form input[type=number].form-control.valid + label:after, .md-form input[type=number].form-control:focus.valid + label:after, .md-form input[type=search-md].form-control.valid + label:after, .md-form input[type=search-md].form-control:focus.valid + label:after, .md-form input[type=search].form-control.valid + label:after, .md-form input[type=search].form-control:focus.valid + label:after, .md-form textarea.md-textarea.form-control.valid + label:after, .md-form textarea.md-textarea.form-control:focus.valid + label:after { top: 4.1rem; }
+.md-form input[type=text].form-control.invalid + label:after, .md-form input[type=text].form-control:focus.invalid + label:after, .md-form input[type=password].form-control.invalid + label:after, .md-form input[type=password].form-control:focus.invalid + label:after, .md-form input[type=email].form-control.invalid + label:after, .md-form input[type=email].form-control:focus.invalid + label:after, .md-form input[type=url].form-control.invalid + label:after, .md-form input[type=url].form-control:focus.invalid + label:after, .md-form input[type=time].form-control.invalid + label:after, .md-form input[type=time].form-control:focus.invalid + label:after, .md-form input[type=date].form-control.invalid + label:after, .md-form input[type=date].form-control:focus.invalid + label:after, .md-form input[type=datetime-local].form-control.invalid + label:after, .md-form input[type=datetime-local].form-control:focus.invalid + label:after, .md-form input[type=tel].form-control.invalid + label:after, .md-form input[type=tel].form-control:focus.invalid + label:after, .md-form input[type=number].form-control.invalid + label:after, .md-form input[type=number].form-control:focus.invalid + label:after, .md-form input[type=search-md].form-control.invalid + label:after, .md-form input[type=search-md].form-control:focus.invalid + label:after, .md-form input[type=search].form-control.invalid + label:after, .md-form input[type=search].form-control:focus.invalid + label:after, .md-form textarea.md-textarea.form-control.invalid + label:after, .md-form textarea.md-textarea.form-control:focus.invalid + label:after { top: 4rem; }
+.md-form input[type=text].form-control-lg.valid + label:after, .md-form input[type=text].form-control-lg:focus.valid + label:after, .md-form input[type=password].form-control-lg.valid + label:after, .md-form input[type=password].form-control-lg:focus.valid + label:after, .md-form input[type=email].form-control-lg.valid + label:after, .md-form input[type=email].form-control-lg:focus.valid + label:after, .md-form input[type=url].form-control-lg.valid + label:after, .md-form input[type=url].form-control-lg:focus.valid + label:after, .md-form input[type=time].form-control-lg.valid + label:after, .md-form input[type=time].form-control-lg:focus.valid + label:after, .md-form input[type=date].form-control-lg.valid + label:after, .md-form input[type=date].form-control-lg:focus.valid + label:after, .md-form input[type=datetime-local].form-control-lg.valid + label:after, .md-form input[type=datetime-local].form-control-lg:focus.valid + label:after, .md-form input[type=tel].form-control-lg.valid + label:after, .md-form input[type=tel].form-control-lg:focus.valid + label:after, .md-form input[type=number].form-control-lg.valid + label:after, .md-form input[type=number].form-control-lg:focus.valid + label:after, .md-form input[type=search-md].form-control-lg.valid + label:after, .md-form input[type=search-md].form-control-lg:focus.valid + label:after, .md-form input[type=search].form-control-lg.valid + label:after, .md-form input[type=search].form-control-lg:focus.valid + label:after, .md-form textarea.md-textarea.form-control-lg.valid + label:after, .md-form textarea.md-textarea.form-control-lg:focus.valid + label:after { top: 4.6rem; }
+.md-form input[type=text].form-control-lg.invalid + label:after, .md-form input[type=text].form-control-lg:focus.invalid + label:after, .md-form input[type=password].form-control-lg.invalid + label:after, .md-form input[type=password].form-control-lg:focus.invalid + label:after, .md-form input[type=email].form-control-lg.invalid + label:after, .md-form input[type=email].form-control-lg:focus.invalid + label:after, .md-form input[type=url].form-control-lg.invalid + label:after, .md-form input[type=url].form-control-lg:focus.invalid + label:after, .md-form input[type=time].form-control-lg.invalid + label:after, .md-form input[type=time].form-control-lg:focus.invalid + label:after, .md-form input[type=date].form-control-lg.invalid + label:after, .md-form input[type=date].form-control-lg:focus.invalid + label:after, .md-form input[type=datetime-local].form-control-lg.invalid + label:after, .md-form input[type=datetime-local].form-control-lg:focus.invalid + label:after, .md-form input[type=tel].form-control-lg.invalid + label:after, .md-form input[type=tel].form-control-lg:focus.invalid + label:after, .md-form input[type=number].form-control-lg.invalid + label:after, .md-form input[type=number].form-control-lg:focus.invalid + label:after, .md-form input[type=search-md].form-control-lg.invalid + label:after, .md-form input[type=search-md].form-control-lg:focus.invalid + label:after, .md-form input[type=search].form-control-lg.invalid + label:after, .md-form input[type=search].form-control-lg:focus.invalid + label:after, .md-form textarea.md-textarea.form-control-lg.invalid + label:after, .md-form textarea.md-textarea.form-control-lg:focus.invalid + label:after { top: 4.6rem; }
+.md-form input[type=text].form-control-sm.valid + label:after, .md-form input[type=text].form-control-sm:focus.valid + label:after, .md-form input[type=password].form-control-sm.valid + label:after, .md-form input[type=password].form-control-sm:focus.valid + label:after, .md-form input[type=email].form-control-sm.valid + label:after, .md-form input[type=email].form-control-sm:focus.valid + label:after, .md-form input[type=url].form-control-sm.valid + label:after, .md-form input[type=url].form-control-sm:focus.valid + label:after, .md-form input[type=time].form-control-sm.valid + label:after, .md-form input[type=time].form-control-sm:focus.valid + label:after, .md-form input[type=date].form-control-sm.valid + label:after, .md-form input[type=date].form-control-sm:focus.valid + label:after, .md-form input[type=datetime-local].form-control-sm.valid + label:after, .md-form input[type=datetime-local].form-control-sm:focus.valid + label:after, .md-form input[type=tel].form-control-sm.valid + label:after, .md-form input[type=tel].form-control-sm:focus.valid + label:after, .md-form input[type=number].form-control-sm.valid + label:after, .md-form input[type=number].form-control-sm:focus.valid + label:after, .md-form input[type=search-md].form-control-sm.valid + label:after, .md-form input[type=search-md].form-control-sm:focus.valid + label:after, .md-form input[type=search].form-control-sm.valid + label:after, .md-form input[type=search].form-control-sm:focus.valid + label:after, .md-form textarea.md-textarea.form-control-sm.valid + label:after, .md-form textarea.md-textarea.form-control-sm:focus.valid + label:after { top: 3.7rem; }
+.md-form input[type=text].form-control-sm.invalid + label:after, .md-form input[type=text].form-control-sm:focus.invalid + label:after, .md-form input[type=password].form-control-sm.invalid + label:after, .md-form input[type=password].form-control-sm:focus.invalid + label:after, .md-form input[type=email].form-control-sm.invalid + label:after, .md-form input[type=email].form-control-sm:focus.invalid + label:after, .md-form input[type=url].form-control-sm.invalid + label:after, .md-form input[type=url].form-control-sm:focus.invalid + label:after, .md-form input[type=time].form-control-sm.invalid + label:after, .md-form input[type=time].form-control-sm:focus.invalid + label:after, .md-form input[type=date].form-control-sm.invalid + label:after, .md-form input[type=date].form-control-sm:focus.invalid + label:after, .md-form input[type=datetime-local].form-control-sm.invalid + label:after, .md-form input[type=datetime-local].form-control-sm:focus.invalid + label:after, .md-form input[type=tel].form-control-sm.invalid + label:after, .md-form input[type=tel].form-control-sm:focus.invalid + label:after, .md-form input[type=number].form-control-sm.invalid + label:after, .md-form input[type=number].form-control-sm:focus.invalid + label:after, .md-form input[type=search-md].form-control-sm.invalid + label:after, .md-form input[type=search-md].form-control-sm:focus.invalid + label:after, .md-form input[type=search].form-control-sm.invalid + label:after, .md-form input[type=search].form-control-sm:focus.invalid + label:after, .md-form textarea.md-textarea.form-control-sm.invalid + label:after, .md-form textarea.md-textarea.form-control-sm:focus.invalid + label:after { top: 3.6rem; }
+.md-form > input[type=date]:not(.browser-default) + label { transform: translateY(-27px) scale(0.8); transform-origin: 0 0; }
+.md-form > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label, .md-form > input[type=time]:not(.browser-default) + label { transform: translateY(-25px); transform-origin: 0 0; font-size: .8rem; }
+.md-form .was-validated input[type=text]:valid + label { color: #00c851 !important; }
+.md-form .was-validated input[type=text]:invalid + label { color: #f44336 !important; }
+.md-form .was-validated .form-control:valid:focus { box-shadow: 0 1px 0 0 #00c851 !important; }
+.md-form .was-validated .form-control:valid { border-color: #00c851 !important; }
+.md-form .was-validated .form-control:invalid:focus { box-shadow: 0 1px 0 0 #f44336 !important; }
+.md-form .was-validated .form-control:invalid { border-color: #f44336 !important; }
+.md-form .form-control { margin: 0 0 0.5rem 0; border-radius: 0; padding: 0.6rem 0 0.4rem 0; background-color: transparent; height: auto; }
+.md-form .form-control:focus { box-shadow: none; }
+.md-form .form-control:disabled, .md-form .form-control[readonly] { border-bottom: 1px solid #bdbdbd; background-color: transparent; }
+.md-form .form-control.is-valid { border-color: #00c851; }
+.md-form .form-control.is-valid:focus { border-color: #00c851 !important; box-shadow: 0 1px 0 0 #00c851 !important; }
+.md-form .form-control.is-invalid { border-color: #f44336; }
+.md-form .form-control.is-invalid:focus { box-shadow: 0 1px 0 0 #f44336 !important; border-color: #f44336 !important; }
+.md-form .form-control.is-valid, .md-form .form-control.is-invalid { background-position: center right !important; }
+.md-form .validate { margin-bottom: 2.5rem; }
+.md-form label { font-size: 1rem; }
+.md-form label.active { font-size: 1rem; }
+.md-form .prefix { top: 0.25rem; font-size: 1.75rem; }
+.md-form .prefix ~ input, .md-form .prefix ~ textarea { margin-left: 2.5rem; width: calc(100% - 2.5rem); }
+.md-form .prefix ~ label { margin-left: 2.5rem; }
+.md-form .prefix ~ .form-text { margin-left: 2.6rem; }
+.md-form label { position: absolute; top: 0; left: 0; font-size: 1rem; transition: transform .2s ease-out, color .2s ease-out; transform-origin: 0% 100%; transform: translateY(12px); cursor: text; color: #757575; }
+.md-form label.active { transform: translateY(-14px) scale(0.8); }
+.md-form .prefix { position: absolute; transition: color 0.2s; }
+.md-form .prefix.active { color: #4285f4; }
+.md-form.form-lg .validate { margin-bottom: 2.8rem; }
+.md-form.form-lg label { font-size: 1.25rem; }
+.md-form.form-lg label.active { font-size: 1.15rem; }
+.md-form.form-lg .prefix { top: 0.4rem; font-size: 2rem; }
+.md-form.form-lg .prefix ~ input, .md-form.form-lg .prefix ~ textarea { margin-left: 3rem; width: calc(100% - 3rem); }
+.md-form.form-lg .prefix ~ label { margin-left: 3rem; }
+.md-form.form-lg .prefix ~ .form-text { margin-left: 3.1rem; }
+.md-form.form-sm .validate { margin-bottom: 2.3rem; }
+.md-form.form-sm label { font-size: 0.875rem; }
+.md-form.form-sm label.active { font-size: 0.95rem; }
+.md-form.form-sm .prefix { top: 0.35rem; font-size: 1.5rem; }
+.md-form.form-sm .prefix ~ input, .md-form.form-sm .prefix ~ textarea { margin-left: 2rem; width: calc(100% - 2rem); }
+.md-form.form-sm .prefix ~ label { margin-left: 2rem; }
+.md-form.form-sm .prefix ~ .form-text { margin-left: 2rem; }
+.md-form textarea.md-textarea { overflow-y: hidden; padding: 1.5rem 0; resize: none; }
+.md-form textarea.md-textarea-auto { padding: 0; padding-top: 1.5rem; }
+.md-form.md-outline { position: relative; margin-top: 1.5rem; margin-bottom: 1.5rem; }
+.md-form.md-outline input[type=text], .md-form.md-outline input[type=password], .md-form.md-outline input[type=email], .md-form.md-outline input[type=url], .md-form.md-outline input[type=time], .md-form.md-outline input[type=date], .md-form.md-outline input[type=datetime-local], .md-form.md-outline input[type=tel], .md-form.md-outline input[type=number], .md-form.md-outline input[type=search-md], .md-form.md-outline input[type=search], .md-form.md-outline textarea.md-textarea { transition: all .3s; outline: none; box-shadow: none; border: 1px solid #dadce0; border-radius: 4px; background-color: transparent; box-sizing: border-box; }
+.md-form.md-outline input[type=text]:focus:not([readonly]), .md-form.md-outline input[type=password]:focus:not([readonly]), .md-form.md-outline input[type=email]:focus:not([readonly]), .md-form.md-outline input[type=url]:focus:not([readonly]), .md-form.md-outline input[type=time]:focus:not([readonly]), .md-form.md-outline input[type=date]:focus:not([readonly]), .md-form.md-outline input[type=datetime-local]:focus:not([readonly]), .md-form.md-outline input[type=tel]:focus:not([readonly]), .md-form.md-outline input[type=number]:focus:not([readonly]), .md-form.md-outline input[type=search-md]:focus:not([readonly]), .md-form.md-outline input[type=search]:focus:not([readonly]), .md-form.md-outline textarea.md-textarea:focus:not([readonly]) { border-color: #4285f4; box-shadow: inset 0px 0px 0px 1px #4285f4; }
+.md-form.md-outline input[type=text]:focus:not([readonly]) + label, .md-form.md-outline input[type=password]:focus:not([readonly]) + label, .md-form.md-outline input[type=email]:focus:not([readonly]) + label, .md-form.md-outline input[type=url]:focus:not([readonly]) + label, .md-form.md-outline input[type=time]:focus:not([readonly]) + label, .md-form.md-outline input[type=date]:focus:not([readonly]) + label, .md-form.md-outline input[type=datetime-local]:focus:not([readonly]) + label, .md-form.md-outline input[type=tel]:focus:not([readonly]) + label, .md-form.md-outline input[type=number]:focus:not([readonly]) + label, .md-form.md-outline input[type=search-md]:focus:not([readonly]) + label, .md-form.md-outline input[type=search]:focus:not([readonly]) + label, .md-form.md-outline textarea.md-textarea:focus:not([readonly]) + label { color: #4285f4; }
+.md-form.md-outline input[type=text].valid, .md-form.md-outline input[type=text]:focus.valid, .md-form.md-outline input[type=password].valid, .md-form.md-outline input[type=password]:focus.valid, .md-form.md-outline input[type=email].valid, .md-form.md-outline input[type=email]:focus.valid, .md-form.md-outline input[type=url].valid, .md-form.md-outline input[type=url]:focus.valid, .md-form.md-outline input[type=time].valid, .md-form.md-outline input[type=time]:focus.valid, .md-form.md-outline input[type=date].valid, .md-form.md-outline input[type=date]:focus.valid, .md-form.md-outline input[type=datetime-local].valid, .md-form.md-outline input[type=datetime-local]:focus.valid, .md-form.md-outline input[type=tel].valid, .md-form.md-outline input[type=tel]:focus.valid, .md-form.md-outline input[type=number].valid, .md-form.md-outline input[type=number]:focus.valid, .md-form.md-outline input[type=search-md].valid, .md-form.md-outline input[type=search-md]:focus.valid, .md-form.md-outline input[type=search].valid, .md-form.md-outline input[type=search]:focus.valid, .md-form.md-outline textarea.md-textarea.valid, .md-form.md-outline textarea.md-textarea:focus.valid { border-color: #00c851; box-shadow: inset 0px 0px 0px 1px #00c851; }
+.md-form.md-outline input[type=text]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=text].valid + label:after, .md-form.md-outline input[type=text]:focus.valid + label:after, .md-form.md-outline input[type=password]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=password].valid + label:after, .md-form.md-outline input[type=password]:focus.valid + label:after, .md-form.md-outline input[type=email]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=email].valid + label:after, .md-form.md-outline input[type=email]:focus.valid + label:after, .md-form.md-outline input[type=url]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=url].valid + label:after, .md-form.md-outline input[type=url]:focus.valid + label:after, .md-form.md-outline input[type=time]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=time].valid + label:after, .md-form.md-outline input[type=time]:focus.valid + label:after, .md-form.md-outline input[type=date]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=date].valid + label:after, .md-form.md-outline input[type=date]:focus.valid + label:after, .md-form.md-outline input[type=datetime-local]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=datetime-local].valid + label:after, .md-form.md-outline input[type=datetime-local]:focus.valid + label:after, .md-form.md-outline input[type=tel]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=tel].valid + label:after, .md-form.md-outline input[type=tel]:focus.valid + label:after, .md-form.md-outline input[type=number]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=number].valid + label:after, .md-form.md-outline input[type=number]:focus.valid + label:after, .md-form.md-outline input[type=search-md]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=search-md].valid + label:after, .md-form.md-outline input[type=search-md]:focus.valid + label:after, .md-form.md-outline input[type=search]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=search].valid + label:after, .md-form.md-outline input[type=search]:focus.valid + label:after, .md-form.md-outline textarea.md-textarea:focus:not([readonly]).valid + label, .md-form.md-outline textarea.md-textarea.valid + label:after, .md-form.md-outline textarea.md-textarea:focus.valid + label:after { content: attr(data-success); color: #00c851; opacity: 1; }
+.md-form.md-outline input[type=text].invalid, .md-form.md-outline input[type=text]:focus.invalid, .md-form.md-outline input[type=password].invalid, .md-form.md-outline input[type=password]:focus.invalid, .md-form.md-outline input[type=email].invalid, .md-form.md-outline input[type=email]:focus.invalid, .md-form.md-outline input[type=url].invalid, .md-form.md-outline input[type=url]:focus.invalid, .md-form.md-outline input[type=time].invalid, .md-form.md-outline input[type=time]:focus.invalid, .md-form.md-outline input[type=date].invalid, .md-form.md-outline input[type=date]:focus.invalid, .md-form.md-outline input[type=datetime-local].invalid, .md-form.md-outline input[type=datetime-local]:focus.invalid, .md-form.md-outline input[type=tel].invalid, .md-form.md-outline input[type=tel]:focus.invalid, .md-form.md-outline input[type=number].invalid, .md-form.md-outline input[type=number]:focus.invalid, .md-form.md-outline input[type=search-md].invalid, .md-form.md-outline input[type=search-md]:focus.invalid, .md-form.md-outline input[type=search].invalid, .md-form.md-outline input[type=search]:focus.invalid, .md-form.md-outline textarea.md-textarea.invalid, .md-form.md-outline textarea.md-textarea:focus.invalid { border-color: #f44336; box-shadow: inset 0px 0px 0px 1px #f44336; }
+.md-form.md-outline input[type=text]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=text].invalid + label:after, .md-form.md-outline input[type=text]:focus.invalid + label:after, .md-form.md-outline input[type=password]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=password].invalid + label:after, .md-form.md-outline input[type=password]:focus.invalid + label:after, .md-form.md-outline input[type=email]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=email].invalid + label:after, .md-form.md-outline input[type=email]:focus.invalid + label:after, .md-form.md-outline input[type=url]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=url].invalid + label:after, .md-form.md-outline input[type=url]:focus.invalid + label:after, .md-form.md-outline input[type=time]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=time].invalid + label:after, .md-form.md-outline input[type=time]:focus.invalid + label:after, .md-form.md-outline input[type=date]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=date].invalid + label:after, .md-form.md-outline input[type=date]:focus.invalid + label:after, .md-form.md-outline input[type=datetime-local]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=datetime-local].invalid + label:after, .md-form.md-outline input[type=datetime-local]:focus.invalid + label:after, .md-form.md-outline input[type=tel]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=tel].invalid + label:after, .md-form.md-outline input[type=tel]:focus.invalid + label:after, .md-form.md-outline input[type=number]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=number].invalid + label:after, .md-form.md-outline input[type=number]:focus.invalid + label:after, .md-form.md-outline input[type=search-md]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=search-md].invalid + label:after, .md-form.md-outline input[type=search-md]:focus.invalid + label:after, .md-form.md-outline input[type=search]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=search].invalid + label:after, .md-form.md-outline input[type=search]:focus.invalid + label:after, .md-form.md-outline textarea.md-textarea:focus:not([readonly]).invalid + label, .md-form.md-outline textarea.md-textarea.invalid + label:after, .md-form.md-outline textarea.md-textarea:focus.invalid + label:after { content: attr(data-error); color: #f44336; opacity: 1; }
+.md-form.md-outline input[type=text].form-control.valid + label:after, .md-form.md-outline input[type=text].form-control:focus.valid + label:after, .md-form.md-outline input[type=password].form-control.valid + label:after, .md-form.md-outline input[type=password].form-control:focus.valid + label:after, .md-form.md-outline input[type=email].form-control.valid + label:after, .md-form.md-outline input[type=email].form-control:focus.valid + label:after, .md-form.md-outline input[type=url].form-control.valid + label:after, .md-form.md-outline input[type=url].form-control:focus.valid + label:after, .md-form.md-outline input[type=time].form-control.valid + label:after, .md-form.md-outline input[type=time].form-control:focus.valid + label:after, .md-form.md-outline input[type=date].form-control.valid + label:after, .md-form.md-outline input[type=date].form-control:focus.valid + label:after, .md-form.md-outline input[type=datetime-local].form-control.valid + label:after, .md-form.md-outline input[type=datetime-local].form-control:focus.valid + label:after, .md-form.md-outline input[type=tel].form-control.valid + label:after, .md-form.md-outline input[type=tel].form-control:focus.valid + label:after, .md-form.md-outline input[type=number].form-control.valid + label:after, .md-form.md-outline input[type=number].form-control:focus.valid + label:after, .md-form.md-outline input[type=search-md].form-control.valid + label:after, .md-form.md-outline input[type=search-md].form-control:focus.valid + label:after, .md-form.md-outline input[type=search].form-control.valid + label:after, .md-form.md-outline input[type=search].form-control:focus.valid + label:after, .md-form.md-outline textarea.md-textarea.form-control.valid + label:after, .md-form.md-outline textarea.md-textarea.form-control:focus.valid + label:after { top: 2.75rem; left: 0; position: absolute; }
+.md-form.md-outline input[type=text].form-control.invalid + label:after, .md-form.md-outline input[type=text].form-control:focus.invalid + label:after, .md-form.md-outline input[type=password].form-control.invalid + label:after, .md-form.md-outline input[type=password].form-control:focus.invalid + label:after, .md-form.md-outline input[type=email].form-control.invalid + label:after, .md-form.md-outline input[type=email].form-control:focus.invalid + label:after, .md-form.md-outline input[type=url].form-control.invalid + label:after, .md-form.md-outline input[type=url].form-control:focus.invalid + label:after, .md-form.md-outline input[type=time].form-control.invalid + label:after, .md-form.md-outline input[type=time].form-control:focus.invalid + label:after, .md-form.md-outline input[type=date].form-control.invalid + label:after, .md-form.md-outline input[type=date].form-control:focus.invalid + label:after, .md-form.md-outline input[type=datetime-local].form-control.invalid + label:after, .md-form.md-outline input[type=datetime-local].form-control:focus.invalid + label:after, .md-form.md-outline input[type=tel].form-control.invalid + label:after, .md-form.md-outline input[type=tel].form-control:focus.invalid + label:after, .md-form.md-outline input[type=number].form-control.invalid + label:after, .md-form.md-outline input[type=number].form-control:focus.invalid + label:after, .md-form.md-outline input[type=search-md].form-control.invalid + label:after, .md-form.md-outline input[type=search-md].form-control:focus.invalid + label:after, .md-form.md-outline input[type=search].form-control.invalid + label:after, .md-form.md-outline input[type=search].form-control:focus.invalid + label:after, .md-form.md-outline textarea.md-textarea.form-control.invalid + label:after, .md-form.md-outline textarea.md-textarea.form-control:focus.invalid + label:after { top: 2.75rem; left: 0; position: absolute; }
+.md-form.md-outline > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label, .md-form.md-outline > input[type=time]:not(.browser-default) + label { transform: translateY(-9px) scale(0.8); transform-origin: 0 0; background: #fff; font-weight: 500; padding-right: 5px; padding-left: 5px; font-size: 1rem; left: 8px; }
+.md-form.md-outline > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label.active, .md-form.md-outline > input[type=time]:not(.browser-default) + label.active { transform: translateY(-9px) scale(0.8); transform-origin: 0 0; }
+@-webkit-keyframes autofill { to { color: #495057; background: transparent; } }
+@keyframes autofill { to { color: #495057; background: transparent; } }
+.md-form.md-outline input:-webkit-autofill { -webkit-animation-name: autofill; animation-name: autofill; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
+.md-form.md-outline .form-control { padding: .375rem .75rem; }
+.md-form.md-outline label { font-size: 1rem; position: absolute; top: 0; left: 0; padding-left: 10px; transition: transform .2s ease-out, color .2s ease-out; transform-origin: 0% 100%; transform: translateY(9px); cursor: text; color: #757575; }
+.md-form.md-outline label.active { transform: translateY(-13px) scale(0.8); background: #fff; font-weight: 500; padding-right: 5px; padding-left: 5px; left: 8px; }
+.md-form.md-outline.form-lg .form-control.form-control-lg { padding: .5rem .725rem; }
+.md-form.md-outline.form-lg label { font-size: 1.25rem; transform: translateY(10px); }
+.md-form.md-outline.form-lg label.active { font-size: 1.1rem; transform: translateY(-14px) scale(0.8); }
+.md-form.md-outline.form-lg .prefix { top: .65rem; font-size: 25px; }
+.md-form.md-outline.form-lg .prefix ~ input, .md-form.md-outline.form-lg .prefix ~ textarea { margin-left: 2.2rem; width: calc(100% - 2.2rem); }
+.md-form.md-outline.form-lg .prefix ~ label { margin-left: 2.2rem; }
+.md-form.md-outline.form-lg .prefix ~ .form-text { margin-left: 2.3rem; }
+.md-form.md-outline.form-sm .form-control.form-control-sm { padding: .25rem .625rem; }
+.md-form.md-outline.form-sm label { font-size: .8rem; transform: translateY(8px); }
+.md-form.md-outline.form-sm label.active { font-size: .85rem; transform: translateY(-12px) scale(0.8); }
+.md-form.md-outline.form-sm .prefix { top: .5rem; font-size: 15px; }
+.md-form.md-outline.form-sm .prefix ~ input, .md-form.md-outline.form-sm .prefix ~ textarea { margin-left: 1.6rem; width: calc(100% - 1.6rem); }
+.md-form.md-outline.form-sm .prefix ~ label { margin-left: 1.6rem; }
+.md-form.md-outline.form-sm .prefix ~ .form-text { margin-left: 1.7rem; }
+.md-form.md-outline .prefix { position: absolute; transition: color .2s; }
+.md-form.md-outline .prefix:focus { color: #4285f4; }
+.md-form.md-outline .prefix { top: .6rem; font-size: 20px; }
+.md-form.md-outline .prefix ~ input, .md-form.md-outline .prefix ~ textarea { margin-left: 2rem; width: calc(100% - 2rem); }
+.md-form.md-outline .prefix ~ label { margin-left: 2rem; }
+.md-form.md-outline .prefix ~ .form-text { margin-left: 2.1rem; }
+.md-form.md-outline .character-counter { margin-top: -.5rem; }
+.md-form.md-bg input[type=text], .md-form.md-bg input[type=password], .md-form.md-bg input[type=email], .md-form.md-bg input[type=url], .md-form.md-bg input[type=time], .md-form.md-bg input[type=date], .md-form.md-bg input[type=datetime-local], .md-form.md-bg input[type=tel], .md-form.md-bg input[type=number], .md-form.md-bg input[type=search-md], .md-form.md-bg input[type=search], .md-form.md-bg textarea.md-textarea { box-sizing: border-box; padding: 10px 5px; border: 0; border-top-left-radius: .3rem; border-top-right-radius: .3rem; background: #f5f5f5 no-repeat; background-image: linear-gradient(to bottom, #4285f4, #4285f4), linear-gradient(to bottom, #ced4da, #ced4da); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1); }
+.md-form.md-bg input[type=text]:focus:not([readonly]), .md-form.md-bg input[type=password]:focus:not([readonly]), .md-form.md-bg input[type=email]:focus:not([readonly]), .md-form.md-bg input[type=url]:focus:not([readonly]), .md-form.md-bg input[type=time]:focus:not([readonly]), .md-form.md-bg input[type=date]:focus:not([readonly]), .md-form.md-bg input[type=datetime-local]:focus:not([readonly]), .md-form.md-bg input[type=tel]:focus:not([readonly]), .md-form.md-bg input[type=number]:focus:not([readonly]), .md-form.md-bg input[type=search-md]:focus:not([readonly]), .md-form.md-bg input[type=search]:focus:not([readonly]), .md-form.md-bg textarea.md-textarea:focus:not([readonly]) { box-shadow: none; border-bottom: none; }
+.md-form.md-bg input[type=text]:focus, .md-form.md-bg input[type=password]:focus, .md-form.md-bg input[type=email]:focus, .md-form.md-bg input[type=url]:focus, .md-form.md-bg input[type=time]:focus, .md-form.md-bg input[type=date]:focus, .md-form.md-bg input[type=datetime-local]:focus, .md-form.md-bg input[type=tel]:focus, .md-form.md-bg input[type=number]:focus, .md-form.md-bg input[type=search-md]:focus, .md-form.md-bg input[type=search]:focus, .md-form.md-bg textarea.md-textarea:focus { background-color: #dcdcdc; background-size: 100% 2px, 100% 1px; outline: none; }
+.md-form.md-bg > input[type=date]:not(.browser-default) + label { transform: translateY(-12px) scale(0.8); transform-origin: 0 0; }
+.md-form.md-bg > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label, .md-form.md-bg > input[type=time]:not(.browser-default) + label { transform: translateY(-12px); transform-origin: 0 0; font-size: .8rem; }
+.md-form.md-bg .form-control { padding: 1.1rem .7rem .4rem !important; }
+.md-form.md-bg label { top: 0; padding-left: .7rem; font-size: 1rem; transition: transform .2s ease-out, color .2s ease-out; transform-origin: 0% 100%; transform: translateY(13px); }
+.md-form.md-bg label.active { transform: translateY(-3px) scale(0.8); font-weight: 500; padding-left: .75rem; }
+.md-form.md-bg.form-lg label { transform: translateY(16px); }
+.md-form.md-bg.form-lg label.active { transform: translateY(-4px) scale(0.8); }
+.md-form.md-bg.form-sm label { transform: translateY(11px); }
+.md-form.md-bg.form-sm label.active { transform: translateY(-2px) scale(0.8); }
+
+.md-form .form-control.is-invalid, .was-validated .md-form .form-control:invalid { padding-right: 0; }
+
+.md-form .form-control.is-valid, .was-validated .md-form .form-control:valid { padding-right: 0; }
+
+.needs-validation .md-form label { left: .3rem; }
+
+.custom-file-input:lang(es) ~ .custom-file-label::after { content: "Elegir"; }
+
+.custom-file-input:lang(pl-PL) ~ .custom-file-label::after { content: "Wybierz"; }
+
+.custom-file-input:lang(fr) ~ .custom-file-label::after { content: "Choisir"; }
+
+.custom-file-input:lang(in) ~ .custom-file-label::after { content: "Pilih"; }
+
+.custom-file-input:lang(zh) ~ .custom-file-label::after { content: "選擇"; }
+
+.custom-file-input:lang(de) ~ .custom-file-label::after { content: "Wählen"; }
+
+.custom-file-input:lang(ru) ~ .custom-file-label::after { content: "выбирать"; }
+
+.edge-header { display: block; height: 278px; background-color: #ccc; }
+
+.free-bird { margin-top: -100px; }
+
+.juicy-peach-gradient { background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%); }
+
+.young-passion-gradient { background-image: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%); }
+
+.lady-lips-gradient { background-image: linear-gradient(to top, #ff9a9e 0%, #fecfef 99%, #fecfef 100%); }
+
+.sunny-morning-gradient { background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%); }
+
+.rainy-ashville-gradient { background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%); }
+
+.frozen-dreams-gradient { background-image: linear-gradient(to top, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%); }
+
+.warm-flame-gradient { background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%); }
+
+.night-fade-gradient { background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%); }
+
+.spring-warmth-gradient { background-image: linear-gradient(to top, #fad0c4 0%, #ffd1ff 100%); }
+
+.winter-neva-gradient { background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%); }
+
+.dusty-grass-gradient { background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%); }
+
+.tempting-azure-gradient { background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%); }
+
+.heavy-rain-gradient { background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%); }
+
+.amy-crisp-gradient { background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%); }
+
+.mean-fruit-gradient { background-image: linear-gradient(120deg, #fccb90 0%, #d57eeb 100%); }
+
+.deep-blue-gradient { background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%); }
+
+.ripe-malinka-gradient { background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%); }
+
+.cloudy-knoxville-gradient { background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%); }
+
+.morpheus-den-gradient { background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%); }
+
+.rare-wind-gradient { background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%); }
+
+.near-moon-gradient { background-image: linear-gradient(to top, #5ee7df 0%, #b490ca 100%); }
+
+.schedule-list .hr-bold { border-top: 2px solid #212529; }
+.schedule-list .font-smaller { font-size: .8rem; }
+
+.note { padding: 10px; border-left: 6px solid; border-radius: 5px; }
+.note strong { font-weight: 600; }
+.note p { font-weight: 500; }
+.note.note-primary { background-color: #dfeefd; border-color: #176ac4; }
+.note.note-secondary { background-color: #e2e3e5; border-color: #58595a; }
+.note.note-success { background-color: #e2f0e5; border-color: #49a75f; }
+.note.note-danger { background-color: #fae7e8; border-color: #e45460; }
+.note.note-warning { background-color: #faf4e0; border-color: #c2a442; }
+.note.note-info { background-color: #e4f2f5; border-color: #2492a5; }
+.note.note-light { background-color: #fefefe; border-color: #0f0f0f; }
+
+footer.page-footer { bottom: 0; color: #fff; }
+footer.page-footer .container-fluid, footer.page-footer .content { width: auto; }
+footer.page-footer .footer-copyright { overflow: hidden; background-color: rgba(0, 0, 0, 0.2); color: rgba(255, 255, 255, 0.6); }
+footer.page-footer a { color: #fff; }
+
+.media .media-left { padding: 0 10px 10px 0; }
+.media .media-left img { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
+
+.list-group .list-group-item:first-child { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; }
+.list-group .list-group-item:last-child { border-bottom-left-radius: 0.125rem; border-bottom-right-radius: 0.125rem; }
+.list-group a, .list-group button { transition: 0.5s; }
+.list-group a:hover, .list-group button:hover { transition: 0.5s; }
+
+table th { font-size: 0.9rem; font-weight: 400; }
+table td { font-size: 0.9rem; font-weight: 300; }
+table.table thead th { border-top: none; }
+table.table th, table.table td { padding-top: 1.1rem; padding-bottom: 1rem; }
+table.table a { margin: 0; color: #212529; }
+table.table .label-table { margin: 0; padding: 0; line-height: 0.94rem; height: 0.94rem; }
+table.table.btn-table td { vertical-align: middle; }
+table.table-hover tbody tr:hover { transition: 0.5s; background-color: rgba(0, 0, 0, 0.075); }
+table .th-lg { min-width: 9rem; }
+table .th-sm { min-width: 6rem; }
+table.table-sm th, table.table-sm td { padding-top: 0.6rem; padding-bottom: 0.6rem; }
+
+.table-scroll-vertical { max-height: 300px; overflow-y: auto; }
+
+.table-fixed { table-layout: fixed; }
+
+.table-responsive > .table-bordered, .table-responsive-sm > .table-bordered, .table-responsive-md > .table-bordered, .table-responsive-lg > .table-bordered, .table-responsive-xl > .table-bordered { border-top: 1px solid #dee2e6; }
+
+ul.stepper { counter-reset: section; overflow-y: auto; overflow-x: hidden; margin: 1em -1.5rem; padding: 0 1.5rem; padding: 1.5rem; }
+ul.stepper li a { padding: 1.5rem; text-align: center; }
+ul.stepper li a .circle { display: inline-block; color: #fff; border-radius: 50%; background: rgba(0, 0, 0, 0.38); width: 1.75rem; height: 1.75rem; text-align: center; line-height: 1.7rem; margin-right: 0.5rem; }
+ul.stepper li a .label { display: inline-block; color: rgba(0, 0, 0, 0.38); }
+ul.stepper li.active a .label, ul.stepper li.completed a .label { font-weight: 600; color: rgba(0, 0, 0, 0.87); }
+
+.stepper-horizontal { position: relative; display: flex; justify-content: space-between; }
+.stepper-horizontal li { transition: 0.5s; display: flex; align-items: center; flex: 1; position: relative; }
+.stepper-horizontal li a .label { margin-top: 0.63rem; }
+.stepper-horizontal li:not(:last-child):after { content: ""; position: relative; flex: 1; margin: 0.5rem 0 0 0; height: 1px; background-color: rgba(0, 0, 0, 0.1); }
+.stepper-horizontal li:not(:first-child):before { content: ""; position: relative; flex: 1; margin: 0.5rem 0 0 0; height: 1px; background-color: rgba(0, 0, 0, 0.1); }
+.stepper-horizontal li:hover { background-color: rgba(0, 0, 0, 0.06); }
+@media (max-width: 47.9375rem) { .stepper-horizontal { flex-direction: column; }
+ .stepper-horizontal li { align-items: flex-start; flex-direction: column; }
+ .stepper-horizontal li a .label { flex-flow: column nowrap; order: 2; margin-top: 0.2rem; }
+ .stepper-horizontal li:not(:last-child):after { content: ""; position: absolute; width: 1px; height: calc(100% - 40px); left: 2.19rem; top: 3.75rem; } }
+.stepper-horizontal > li:not(:last-of-type) { margin-bottom: 0 !important; }
+
+.stepper-vertical { position: relative; display: flex; flex-direction: column; justify-content: space-between; }
+.stepper-vertical li { display: flex; align-items: flex-start; flex: 1; flex-direction: column; position: relative; }
+.stepper-vertical li a { align-self: flex-start; display: flex; position: relative; }
+.stepper-vertical li a .circle { order: 1; }
+.stepper-vertical li a .label { flex-flow: column nowrap; order: 2; margin-top: 0.2rem; }
+.stepper-vertical li.completed a .label { font-weight: 500; }
+.stepper-vertical li .step-content { display: block; margin-top: 0; margin-left: 3.13rem; padding: 0.94rem; }
+.stepper-vertical li .step-content p { font-size: 0.88rem; }
+.stepper-vertical li:not(:last-child):after { content: ""; position: absolute; width: 1px; height: calc(100% - 40px); left: 2.19rem; top: 3.44rem; background-color: rgba(0, 0, 0, 0.1); }
+
+.fast.spinner-border { animation: spinner-border .4s linear infinite; }
+.fast.spinner-grow { animation: spinner-grow 0.4s linear infinite; }
+
+.treeview.w-20 { width: 20rem; }
+.treeview .rotate { cursor: pointer; user-select: none; transition: all .1s linear; font-size: .8rem; vertical-align: text-top; margin-top: .2rem; }
+.treeview .rotate.down { transform: rotate(90deg); }
+.treeview .nested { display: none; }
+.treeview .active { display: block; }
+.treeview ul { list-style-type: none; }
+.treeview .ic-w { width: 1.3rem; }
+
+.treeview-animated.w-20 { width: 20rem; }
+.treeview-animated ul { position: relative; list-style: none; padding-left: 1em; }
+.treeview-animated .treeview-animated-list li { padding: 0.2em 0 0 0.2em; }
+.treeview-animated .treeview-animated-list .treeview-animated-items .nested::before { content: ""; display: block; position: absolute; background-color: grey; left: 5px; width: 5px; height: 100%; }
+.treeview-animated .treeview-animated-list .treeview-animated-items .closed { display: block; padding: 0.2em 0.2em 0.2em 0.4em; margin-right: 0; border-top-left-radius: 0.3em; border-bottom-left-radius: 0.3em; }
+.treeview-animated .treeview-animated-list .treeview-animated-items .closed:hover { background-color: #8cb9ff; }
+.treeview-animated .treeview-animated-list .treeview-animated-items .closed .fa-angle-right { transition: all .1s linear; font-size: .8rem; }
+.treeview-animated .treeview-animated-list .treeview-animated-items .closed .fa-angle-right.down { position: relative; color: #f8f9fa; transform: rotate(90deg); }
+.treeview-animated .treeview-animated-list .treeview-animated-items .open { transition: all .1s linear; background-color: #32a0ff; }
+.treeview-animated .treeview-animated-list .treeview-animated-items .open:hover { color: #f8f9fa; background-color: #32a0ff; }
+.treeview-animated .treeview-animated-list .treeview-animated-items .open span { color: #f8f9fa; }
+.treeview-animated .treeview-animated-list .treeview-animated-element { padding: 0.2em 0.2em 0.2em 0.6em; cursor: pointer; transition: all .1s linear; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
+.treeview-animated .treeview-animated-list .treeview-animated-element:hover { background-color: #8cb9ff; }
+.treeview-animated .treeview-animated-list .treeview-animated-element.opened { color: #f8f9fa; background-color: #32a0ff; }
+.treeview-animated .treeview-animated-list .treeview-animated-element.opened:hover { color: #f8f9fa; background-color: #32a0ff; }
+
+.treeview-colorful { font-size: 16px; font-weight: 400; background: rgba(224, 127, 178, 0.2); }
+.treeview-colorful.w-20 { width: 20rem; }
+.treeview-colorful hr { border-color: #a2127a; }
+.treeview-colorful h6 { font-size: 1.4em; font-weight: 500; color: #a2127a; }
+.treeview-colorful ul { position: relative; list-style: none; padding-left: 0; }
+.treeview-colorful .treeview-colorful-list ul { padding-left: 1em; margin-top: 0.1em; background: rgba(224, 127, 178, 0.2); }
+.treeview-colorful .treeview-colorful-element { padding: 0.2em 0.2em 0.2em 1em; cursor: pointer; transition: all .1s linear; border: 2px solid transparent; border-right: 0px solid transparent; }
+.treeview-colorful .treeview-colorful-element:hover { background-color: #e07fb2; }
+.treeview-colorful .treeview-colorful-element.opened { color: #ffac47; border: 2px solid #ffac47; border-right: 0px solid transparent; background-color: #a2127a; }
+.treeview-colorful .treeview-colorful-element.opened:hover { color: #ffac47; background-color: #a2127a; }
+.treeview-colorful .treeview-colorful-items-header { display: block; padding: 0.4em; margin-right: 0; border-bottom: 2px solid transparent; transition: all .1s linear; }
+.treeview-colorful .treeview-colorful-items-header:hover { background-color: #e07fb2; }
+.treeview-colorful .treeview-colorful-items-header.open { transition: all .1s linear; background-color: #a2127a; border-bottom: 2px solid #ffac47; }
+.treeview-colorful .treeview-colorful-items-header.open span { color: #ffac47; }
+.treeview-colorful .treeview-colorful-items-header.open:hover { color: #ffac47; background-color: #a2127a; }
+.treeview-colorful .treeview-colorful-items-header.open div:hover { background-color: #a2127a; }
+.treeview-colorful .treeview-colorful-items-header .fa-angle-right { transition: all .2s linear; font-size: .8rem; }
+.treeview-colorful .treeview-colorful-items-header .fas { position: relative; transition: all .2s linear; transform: rotate(90deg); color: #ffac47; }
+.treeview-colorful .treeview-colorful-items-header .fa-minus-circle { transition: all .2s linear; position: relative; color: #ffac47; transform: rotate(180deg); }
+
+/*!
+ * Material Design for Bootstrap 4
+ * Version: MDB FREE 4.8.8
+ *
+ *
+ * Copyright: Material Design for Bootstrap
+ * https://mdbootstrap.com/
+ *
+ * Read the license: https://mdbootstrap.com/general/license/
+ *
+ *
+ * Documentation: https://mdbootstrap.com/
+ *
+ * Getting started: https://mdbootstrap.com/docs/jquery/getting-started/download/
+ *
+ * Tutorials: https://mdbootstrap.com/education/bootstrap/
+ *
+ * Templates: https://mdbootstrap.com/templates/
+ *
+ * Support: https://mdbootstrap.com/support/
+ *
+ * Contact: office@mdbootstrap.com
+ *
+ * Attribution: Animate CSS, Twitter Bootstrap, Materialize CSS, Normalize CSS, Waves JS, WOW JS, Toastr, Chart.js
+ *
+ */
+.mdb-color.lighten-5 { background-color: #d0d6e2 !important; }
+
+.mdb-color.lighten-4 { background-color: #b1bace !important; }
+
+.mdb-color.lighten-3 { background-color: #929fba !important; }
+
+.mdb-color.lighten-2 { background-color: #7283a7 !important; }
+
+.mdb-color.lighten-1 { background-color: #59698d !important; }
+
+.mdb-color { background-color: #45526e !important; }
+
+.mdb-color-text { color: #45526e !important; }
+
+.rgba-mdb-color-slight, .rgba-mdb-color-slight:after { background-color: rgba(69, 82, 110, 0.1); }
+
+.rgba-mdb-color-light, .rgba-mdb-color-light:after { background-color: rgba(69, 82, 110, 0.3); }
+
+.rgba-mdb-color-strong, .rgba-mdb-color-strong:after { background-color: rgba(69, 82, 110, 0.7); }
+
+.mdb-color.darken-1 { background-color: #3b465e !important; }
+
+.mdb-color.darken-2 { background-color: #2e3951 !important; }
+
+.mdb-color.darken-3 { background-color: #1c2a48 !important; }
+
+.mdb-color.darken-4 { background-color: #1c2331 !important; }
+
+.red.lighten-5 { background-color: #ffebee !important; }
+
+.red.lighten-4 { background-color: #ffcdd2 !important; }
+
+.red.lighten-3 { background-color: #ef9a9a !important; }
+
+.red.lighten-2 { background-color: #e57373 !important; }
+
+.red.lighten-1 { background-color: #ef5350 !important; }
+
+.red { background-color: #f44336 !important; }
+
+.red-text { color: #f44336 !important; }
+
+.rgba-red-slight, .rgba-red-slight:after { background-color: rgba(244, 67, 54, 0.1); }
+
+.rgba-red-light, .rgba-red-light:after { background-color: rgba(244, 67, 54, 0.3); }
+
+.rgba-red-strong, .rgba-red-strong:after { background-color: rgba(244, 67, 54, 0.7); }
+
+.red.darken-1 { background-color: #e53935 !important; }
+
+.red.darken-2 { background-color: #d32f2f !important; }
+
+.red.darken-3 { background-color: #c62828 !important; }
+
+.red.darken-4 { background-color: #b71c1c !important; }
+
+.red.accent-1 { background-color: #ff8a80 !important; }
+
+.red.accent-2 { background-color: #ff5252 !important; }
+
+.red.accent-3 { background-color: #ff1744 !important; }
+
+.red.accent-4 { background-color: #d50000 !important; }
+
+.pink.lighten-5 { background-color: #fce4ec !important; }
+
+.pink.lighten-4 { background-color: #f8bbd0 !important; }
+
+.pink.lighten-3 { background-color: #f48fb1 !important; }
+
+.pink.lighten-2 { background-color: #f06292 !important; }
+
+.pink.lighten-1 { background-color: #ec407a !important; }
+
+.pink { background-color: #e91e63 !important; }
+
+.pink-text { color: #e91e63 !important; }
+
+.rgba-pink-slight, .rgba-pink-slight:after { background-color: rgba(233, 30, 99, 0.1); }
+
+.rgba-pink-light, .rgba-pink-light:after { background-color: rgba(233, 30, 99, 0.3); }
+
+.rgba-pink-strong, .rgba-pink-strong:after { background-color: rgba(233, 30, 99, 0.7); }
+
+.pink.darken-1 { background-color: #d81b60 !important; }
+
+.pink.darken-2 { background-color: #c2185b !important; }
+
+.pink.darken-3 { background-color: #ad1457 !important; }
+
+.pink.darken-4 { background-color: #880e4f !important; }
+
+.pink.accent-1 { background-color: #ff80ab !important; }
+
+.pink.accent-2 { background-color: #ff4081 !important; }
+
+.pink.accent-3 { background-color: #f50057 !important; }
+
+.pink.accent-4 { background-color: #c51162 !important; }
+
+.purple.lighten-5 { background-color: #f3e5f5 !important; }
+
+.purple.lighten-4 { background-color: #e1bee7 !important; }
+
+.purple.lighten-3 { background-color: #ce93d8 !important; }
+
+.purple.lighten-2 { background-color: #ba68c8 !important; }
+
+.purple.lighten-1 { background-color: #ab47bc !important; }
+
+.purple { background-color: #9c27b0 !important; }
+
+.purple-text { color: #9c27b0 !important; }
+
+.rgba-purple-slight, .rgba-purple-slight:after { background-color: rgba(156, 39, 176, 0.1); }
+
+.rgba-purple-light, .rgba-purple-light:after { background-color: rgba(156, 39, 176, 0.3); }
+
+.rgba-purple-strong, .rgba-purple-strong:after { background-color: rgba(156, 39, 176, 0.7); }
+
+.purple.darken-1 { background-color: #8e24aa !important; }
+
+.purple.darken-2 { background-color: #7b1fa2 !important; }
+
+.purple.darken-3 { background-color: #6a1b9a !important; }
+
+.purple.darken-4 { background-color: #4a148c !important; }
+
+.purple.accent-1 { background-color: #ea80fc !important; }
+
+.purple.accent-2 { background-color: #e040fb !important; }
+
+.purple.accent-3 { background-color: #d500f9 !important; }
+
+.purple.accent-4 { background-color: #aa00ff !important; }
+
+.deep-purple.lighten-5 { background-color: #ede7f6 !important; }
+
+.deep-purple.lighten-4 { background-color: #d1c4e9 !important; }
+
+.deep-purple.lighten-3 { background-color: #b39ddb !important; }
+
+.deep-purple.lighten-2 { background-color: #9575cd !important; }
+
+.deep-purple.lighten-1 { background-color: #7e57c2 !important; }
+
+.deep-purple { background-color: #673ab7 !important; }
+
+.deep-purple-text { color: #673ab7 !important; }
+
+.rgba-deep-purple-slight, .rgba-deep-purple-slight:after { background-color: rgba(103, 58, 183, 0.1); }
+
+.rgba-deep-purple-light, .rgba-deep-purple-light:after { background-color: rgba(103, 58, 183, 0.3); }
+
+.rgba-deep-purple-strong, .rgba-deep-purple-strong:after { background-color: rgba(103, 58, 183, 0.7); }
+
+.deep-purple.darken-1 { background-color: #5e35b1 !important; }
+
+.deep-purple.darken-2 { background-color: #512da8 !important; }
+
+.deep-purple.darken-3 { background-color: #4527a0 !important; }
+
+.deep-purple.darken-4 { background-color: #311b92 !important; }
+
+.deep-purple.accent-1 { background-color: #b388ff !important; }
+
+.deep-purple.accent-2 { background-color: #7c4dff !important; }
+
+.deep-purple.accent-3 { background-color: #651fff !important; }
+
+.deep-purple.accent-4 { background-color: #6200ea !important; }
+
+.indigo.lighten-5 { background-color: #e8eaf6 !important; }
+
+.indigo.lighten-4 { background-color: #c5cae9 !important; }
+
+.indigo.lighten-3 { background-color: #9fa8da !important; }
+
+.indigo.lighten-2 { background-color: #7986cb !important; }
+
+.indigo.lighten-1 { background-color: #5c6bc0 !important; }
+
+.indigo { background-color: #3f51b5 !important; }
+
+.indigo-text { color: #3f51b5 !important; }
+
+.rgba-indigo-slight, .rgba-indigo-slight:after { background-color: rgba(63, 81, 181, 0.1); }
+
+.rgba-indigo-light, .rgba-indigo-light:after { background-color: rgba(63, 81, 181, 0.3); }
+
+.rgba-indigo-strong, .rgba-indigo-strong:after { background-color: rgba(63, 81, 181, 0.7); }
+
+.indigo.darken-1 { background-color: #3949ab !important; }
+
+.indigo.darken-2 { background-color: #303f9f !important; }
+
+.indigo.darken-3 { background-color: #283593 !important; }
+
+.indigo.darken-4 { background-color: #1a237e !important; }
+
+.indigo.accent-1 { background-color: #8c9eff !important; }
+
+.indigo.accent-2 { background-color: #536dfe !important; }
+
+.indigo.accent-3 { background-color: #3d5afe !important; }
+
+.indigo.accent-4 { background-color: #304ffe !important; }
+
+.blue.lighten-5 { background-color: #e3f2fd !important; }
+
+.blue.lighten-4 { background-color: #bbdefb !important; }
+
+.blue.lighten-3 { background-color: #90caf9 !important; }
+
+.blue.lighten-2 { background-color: #64b5f6 !important; }
+
+.blue.lighten-1 { background-color: #42a5f5 !important; }
+
+.blue { background-color: #2196f3 !important; }
+
+.blue-text { color: #2196f3 !important; }
+
+.rgba-blue-slight, .rgba-blue-slight:after { background-color: rgba(33, 150, 243, 0.1); }
+
+.rgba-blue-light, .rgba-blue-light:after { background-color: rgba(33, 150, 243, 0.3); }
+
+.rgba-blue-strong, .rgba-blue-strong:after { background-color: rgba(33, 150, 243, 0.7); }
+
+.blue.darken-1 { background-color: #1e88e5 !important; }
+
+.blue.darken-2 { background-color: #1976d2 !important; }
+
+.blue.darken-3 { background-color: #1565c0 !important; }
+
+.blue.darken-4 { background-color: #0d47a1 !important; }
+
+.blue.accent-1 { background-color: #82b1ff !important; }
+
+.blue.accent-2 { background-color: #448aff !important; }
+
+.blue.accent-3 { background-color: #2979ff !important; }
+
+.blue.accent-4 { background-color: #2962ff !important; }
+
+.light-blue.lighten-5 { background-color: #e1f5fe !important; }
+
+.light-blue.lighten-4 { background-color: #b3e5fc !important; }
+
+.light-blue.lighten-3 { background-color: #81d4fa !important; }
+
+.light-blue.lighten-2 { background-color: #4fc3f7 !important; }
+
+.light-blue.lighten-1 { background-color: #29b6f6 !important; }
+
+.light-blue { background-color: #03a9f4 !important; }
+
+.light-blue-text { color: #03a9f4 !important; }
+
+.rgba-light-blue-slight, .rgba-light-blue-slight:after { background-color: rgba(3, 169, 244, 0.1); }
+
+.rgba-light-blue-light, .rgba-light-blue-light:after { background-color: rgba(3, 169, 244, 0.3); }
+
+.rgba-light-blue-strong, .rgba-light-blue-strong:after { background-color: rgba(3, 169, 244, 0.7); }
+
+.light-blue.darken-1 { background-color: #039be5 !important; }
+
+.light-blue.darken-2 { background-color: #0288d1 !important; }
+
+.light-blue.darken-3 { background-color: #0277bd !important; }
+
+.light-blue.darken-4 { background-color: #01579b !important; }
+
+.light-blue.accent-1 { background-color: #80d8ff !important; }
+
+.light-blue.accent-2 { background-color: #40c4ff !important; }
+
+.light-blue.accent-3 { background-color: #00b0ff !important; }
+
+.light-blue.accent-4 { background-color: #0091ea !important; }
+
+.cyan.lighten-5 { background-color: #e0f7fa !important; }
+
+.cyan.lighten-4 { background-color: #b2ebf2 !important; }
+
+.cyan.lighten-3 { background-color: #80deea !important; }
+
+.cyan.lighten-2 { background-color: #4dd0e1 !important; }
+
+.cyan.lighten-1 { background-color: #26c6da !important; }
+
+.cyan { background-color: #00bcd4 !important; }
+
+.cyan-text { color: #00bcd4 !important; }
+
+.rgba-cyan-slight, .rgba-cyan-slight:after { background-color: rgba(0, 188, 212, 0.1); }
+
+.rgba-cyan-light, .rgba-cyan-light:after { background-color: rgba(0, 188, 212, 0.3); }
+
+.rgba-cyan-strong, .rgba-cyan-strong:after { background-color: rgba(0, 188, 212, 0.7); }
+
+.cyan.darken-1 { background-color: #00acc1 !important; }
+
+.cyan.darken-2 { background-color: #0097a7 !important; }
+
+.cyan.darken-3 { background-color: #00838f !important; }
+
+.cyan.darken-4 { background-color: #006064 !important; }
+
+.cyan.accent-1 { background-color: #84ffff !important; }
+
+.cyan.accent-2 { background-color: #18ffff !important; }
+
+.cyan.accent-3 { background-color: #00e5ff !important; }
+
+.cyan.accent-4 { background-color: #00b8d4 !important; }
+
+.teal.lighten-5 { background-color: #e0f2f1 !important; }
+
+.teal.lighten-4 { background-color: #b2dfdb !important; }
+
+.teal.lighten-3 { background-color: #80cbc4 !important; }
+
+.teal.lighten-2 { background-color: #4db6ac !important; }
+
+.teal.lighten-1 { background-color: #26a69a !important; }
+
+.teal { background-color: #009688 !important; }
+
+.teal-text { color: #009688 !important; }
+
+.rgba-teal-slight, .rgba-teal-slight:after { background-color: rgba(0, 150, 136, 0.1); }
+
+.rgba-teal-light, .rgba-teal-light:after { background-color: rgba(0, 150, 136, 0.3); }
+
+.rgba-teal-strong, .rgba-teal-strong:after { background-color: rgba(0, 150, 136, 0.7); }
+
+.teal.darken-1 { background-color: #00897b !important; }
+
+.teal.darken-2 { background-color: #00796b !important; }
+
+.teal.darken-3 { background-color: #00695c !important; }
+
+.teal.darken-4 { background-color: #004d40 !important; }
+
+.teal.accent-1 { background-color: #a7ffeb !important; }
+
+.teal.accent-2 { background-color: #64ffda !important; }
+
+.teal.accent-3 { background-color: #1de9b6 !important; }
+
+.teal.accent-4 { background-color: #00bfa5 !important; }
+
+.green.lighten-5 { background-color: #e8f5e9 !important; }
+
+.green.lighten-4 { background-color: #c8e6c9 !important; }
+
+.green.lighten-3 { background-color: #a5d6a7 !important; }
+
+.green.lighten-2 { background-color: #81c784 !important; }
+
+.green.lighten-1 { background-color: #66bb6a !important; }
+
+.green { background-color: #4caf50 !important; }
+
+.green-text { color: #4caf50 !important; }
+
+.rgba-green-slight, .rgba-green-slight:after { background-color: rgba(76, 175, 80, 0.1); }
+
+.rgba-green-light, .rgba-green-light:after { background-color: rgba(76, 175, 80, 0.3); }
+
+.rgba-green-strong, .rgba-green-strong:after { background-color: rgba(76, 175, 80, 0.7); }
+
+.green.darken-1 { background-color: #43a047 !important; }
+
+.green.darken-2 { background-color: #388e3c !important; }
+
+.green.darken-3 { background-color: #2e7d32 !important; }
+
+.green.darken-4 { background-color: #1b5e20 !important; }
+
+.green.accent-1 { background-color: #b9f6ca !important; }
+
+.green.accent-2 { background-color: #69f0ae !important; }
+
+.green.accent-3 { background-color: #00e676 !important; }
+
+.green.accent-4 { background-color: #00c853 !important; }
+
+.light-green.lighten-5 { background-color: #f1f8e9 !important; }
+
+.light-green.lighten-4 { background-color: #dcedc8 !important; }
+
+.light-green.lighten-3 { background-color: #c5e1a5 !important; }
+
+.light-green.lighten-2 { background-color: #aed581 !important; }
+
+.light-green.lighten-1 { background-color: #9ccc65 !important; }
+
+.light-green { background-color: #8bc34a !important; }
+
+.light-green-text { color: #8bc34a !important; }
+
+.rgba-light-green-slight, .rgba-light-green-slight:after { background-color: rgba(139, 195, 74, 0.1); }
+
+.rgba-light-green-light, .rgba-light-green-light:after { background-color: rgba(139, 195, 74, 0.3); }
+
+.rgba-light-green-strong, .rgba-light-green-strong:after { background-color: rgba(139, 195, 74, 0.7); }
+
+.light-green.darken-1 { background-color: #7cb342 !important; }
+
+.light-green.darken-2 { background-color: #689f38 !important; }
+
+.light-green.darken-3 { background-color: #558b2f !important; }
+
+.light-green.darken-4 { background-color: #33691e !important; }
+
+.light-green.accent-1 { background-color: #ccff90 !important; }
+
+.light-green.accent-2 { background-color: #b2ff59 !important; }
+
+.light-green.accent-3 { background-color: #76ff03 !important; }
+
+.light-green.accent-4 { background-color: #64dd17 !important; }
+
+.lime.lighten-5 { background-color: #f9fbe7 !important; }
+
+.lime.lighten-4 { background-color: #f0f4c3 !important; }
+
+.lime.lighten-3 { background-color: #e6ee9c !important; }
+
+.lime.lighten-2 { background-color: #dce775 !important; }
+
+.lime.lighten-1 { background-color: #d4e157 !important; }
+
+.lime { background-color: #cddc39 !important; }
+
+.lime-text { color: #cddc39 !important; }
+
+.rgba-lime-slight, .rgba-lime-slight:after { background-color: rgba(205, 220, 57, 0.1); }
+
+.rgba-lime-light, .rgba-lime-light:after { background-color: rgba(205, 220, 57, 0.3); }
+
+.rgba-lime-strong, .rgba-lime-strong:after { background-color: rgba(205, 220, 57, 0.7); }
+
+.lime.darken-1 { background-color: #c0ca33 !important; }
+
+.lime.darken-2 { background-color: #afb42b !important; }
+
+.lime.darken-3 { background-color: #9e9d24 !important; }
+
+.lime.darken-4 { background-color: #827717 !important; }
+
+.lime.accent-1 { background-color: #f4ff81 !important; }
+
+.lime.accent-2 { background-color: #eeff41 !important; }
+
+.lime.accent-3 { background-color: #c6ff00 !important; }
+
+.lime.accent-4 { background-color: #aeea00 !important; }
+
+.yellow.lighten-5 { background-color: #fffde7 !important; }
+
+.yellow.lighten-4 { background-color: #fff9c4 !important; }
+
+.yellow.lighten-3 { background-color: #fff59d !important; }
+
+.yellow.lighten-2 { background-color: #fff176 !important; }
+
+.yellow.lighten-1 { background-color: #ffee58 !important; }
+
+.yellow { background-color: #ffeb3b !important; }
+
+.yellow-text { color: #ffeb3b !important; }
+
+.rgba-yellow-slight, .rgba-yellow-slight:after { background-color: rgba(255, 235, 59, 0.1); }
+
+.rgba-yellow-light, .rgba-yellow-light:after { background-color: rgba(255, 235, 59, 0.3); }
+
+.rgba-yellow-strong, .rgba-yellow-strong:after { background-color: rgba(255, 235, 59, 0.7); }
+
+.yellow.darken-1 { background-color: #fdd835 !important; }
+
+.yellow.darken-2 { background-color: #fbc02d !important; }
+
+.yellow.darken-3 { background-color: #f9a825 !important; }
+
+.yellow.darken-4 { background-color: #f57f17 !important; }
+
+.yellow.accent-1 { background-color: #ffff8d !important; }
+
+.yellow.accent-2 { background-color: #ffff00 !important; }
+
+.yellow.accent-3 { background-color: #ffea00 !important; }
+
+.yellow.accent-4 { background-color: #ffd600 !important; }
+
+.amber.lighten-5 { background-color: #fff8e1 !important; }
+
+.amber.lighten-4 { background-color: #ffecb3 !important; }
+
+.amber.lighten-3 { background-color: #ffe082 !important; }
+
+.amber.lighten-2 { background-color: #ffd54f !important; }
+
+.amber.lighten-1 { background-color: #ffca28 !important; }
+
+.amber { background-color: #ffc107 !important; }
+
+.amber-text { color: #ffc107 !important; }
+
+.rgba-amber-slight, .rgba-amber-slight:after { background-color: rgba(255, 193, 7, 0.1); }
+
+.rgba-amber-light, .rgba-amber-light:after { background-color: rgba(255, 193, 7, 0.3); }
+
+.rgba-amber-strong, .rgba-amber-strong:after { background-color: rgba(255, 193, 7, 0.7); }
+
+.amber.darken-1 { background-color: #ffb300 !important; }
+
+.amber.darken-2 { background-color: #ffa000 !important; }
+
+.amber.darken-3 { background-color: #ff8f00 !important; }
+
+.amber.darken-4 { background-color: #ff6f00 !important; }
+
+.amber.accent-1 { background-color: #ffe57f !important; }
+
+.amber.accent-2 { background-color: #ffd740 !important; }
+
+.amber.accent-3 { background-color: #ffc400 !important; }
+
+.amber.accent-4 { background-color: #ffab00 !important; }
+
+.orange.lighten-5 { background-color: #fff3e0 !important; }
+
+.orange.lighten-4 { background-color: #ffe0b2 !important; }
+
+.orange.lighten-3 { background-color: #ffcc80 !important; }
+
+.orange.lighten-2 { background-color: #ffb74d !important; }
+
+.orange.lighten-1 { background-color: #ffa726 !important; }
+
+.orange { background-color: #ff9800 !important; }
+
+.orange-text { color: #ff9800 !important; }
+
+.rgba-orange-slight, .rgba-orange-slight:after { background-color: rgba(255, 152, 0, 0.1); }
+
+.rgba-orange-light, .rgba-orange-light:after { background-color: rgba(255, 152, 0, 0.3); }
+
+.rgba-orange-strong, .rgba-orange-strong:after { background-color: rgba(255, 152, 0, 0.7); }
+
+.orange.darken-1 { background-color: #fb8c00 !important; }
+
+.orange.darken-2 { background-color: #f57c00 !important; }
+
+.orange.darken-3 { background-color: #ef6c00 !important; }
+
+.orange.darken-4 { background-color: #e65100 !important; }
+
+.orange.accent-1 { background-color: #ffd180 !important; }
+
+.orange.accent-2 { background-color: #ffab40 !important; }
+
+.orange.accent-3 { background-color: #ff9100 !important; }
+
+.orange.accent-4 { background-color: #ff6d00 !important; }
+
+.deep-orange.lighten-5 { background-color: #fbe9e7 !important; }
+
+.deep-orange.lighten-4 { background-color: #ffccbc !important; }
+
+.deep-orange.lighten-3 { background-color: #ffab91 !important; }
+
+.deep-orange.lighten-2 { background-color: #ff8a65 !important; }
+
+.deep-orange.lighten-1 { background-color: #ff7043 !important; }
+
+.deep-orange { background-color: #ff5722 !important; }
+
+.deep-orange-text { color: #ff5722 !important; }
+
+.rgba-deep-orange-slight, .rgba-deep-orange-slight:after { background-color: rgba(255, 87, 34, 0.1); }
+
+.rgba-deep-orange-light, .rgba-deep-orange-light:after { background-color: rgba(255, 87, 34, 0.3); }
+
+.rgba-deep-orange-strong, .rgba-deep-orange-strong:after { background-color: rgba(255, 87, 34, 0.7); }
+
+.deep-orange.darken-1 { background-color: #f4511e !important; }
+
+.deep-orange.darken-2 { background-color: #e64a19 !important; }
+
+.deep-orange.darken-3 { background-color: #d84315 !important; }
+
+.deep-orange.darken-4 { background-color: #bf360c !important; }
+
+.deep-orange.accent-1 { background-color: #ff9e80 !important; }
+
+.deep-orange.accent-2 { background-color: #ff6e40 !important; }
+
+.deep-orange.accent-3 { background-color: #ff3d00 !important; }
+
+.deep-orange.accent-4 { background-color: #dd2c00 !important; }
+
+.brown.lighten-5 { background-color: #efebe9 !important; }
+
+.brown.lighten-4 { background-color: #d7ccc8 !important; }
+
+.brown.lighten-3 { background-color: #bcaaa4 !important; }
+
+.brown.lighten-2 { background-color: #a1887f !important; }
+
+.brown.lighten-1 { background-color: #8d6e63 !important; }
+
+.brown { background-color: #795548 !important; }
+
+.brown-text { color: #795548 !important; }
+
+.rgba-brown-slight, .rgba-brown-slight:after { background-color: rgba(121, 85, 72, 0.1); }
+
+.rgba-brown-light, .rgba-brown-light:after { background-color: rgba(121, 85, 72, 0.3); }
+
+.rgba-brown-strong, .rgba-brown-strong:after { background-color: rgba(121, 85, 72, 0.7); }
+
+.brown.darken-1 { background-color: #6d4c41 !important; }
+
+.brown.darken-2 { background-color: #5d4037 !important; }
+
+.brown.darken-3 { background-color: #4e342e !important; }
+
+.brown.darken-4 { background-color: #3e2723 !important; }
+
+.blue-grey.lighten-5 { background-color: #eceff1 !important; }
+
+.blue-grey.lighten-4 { background-color: #cfd8dc !important; }
+
+.blue-grey.lighten-3 { background-color: #b0bec5 !important; }
+
+.blue-grey.lighten-2 { background-color: #90a4ae !important; }
+
+.blue-grey.lighten-1 { background-color: #78909c !important; }
+
+.blue-grey { background-color: #607d8b !important; }
+
+.blue-grey-text { color: #607d8b !important; }
+
+.rgba-blue-grey-slight, .rgba-blue-grey-slight:after { background-color: rgba(96, 125, 139, 0.1); }
+
+.rgba-blue-grey-light, .rgba-blue-grey-light:after { background-color: rgba(96, 125, 139, 0.3); }
+
+.rgba-blue-grey-strong, .rgba-blue-grey-strong:after { background-color: rgba(96, 125, 139, 0.7); }
+
+.blue-grey.darken-1 { background-color: #546e7a !important; }
+
+.blue-grey.darken-2 { background-color: #455a64 !important; }
+
+.blue-grey.darken-3 { background-color: #37474f !important; }
+
+.blue-grey.darken-4 { background-color: #263238 !important; }
+
+.grey.lighten-5 { background-color: #fafafa !important; }
+
+.grey.lighten-4 { background-color: #f5f5f5 !important; }
+
+.grey.lighten-3 { background-color: #eeeeee !important; }
+
+.grey.lighten-2 { background-color: #e0e0e0 !important; }
+
+.grey.lighten-1 { background-color: #bdbdbd !important; }
+
+.grey { background-color: #9e9e9e !important; }
+
+.grey-text { color: #9e9e9e !important; }
+
+.rgba-grey-slight, .rgba-grey-slight:after { background-color: rgba(158, 158, 158, 0.1); }
+
+.rgba-grey-light, .rgba-grey-light:after { background-color: rgba(158, 158, 158, 0.3); }
+
+.rgba-grey-strong, .rgba-grey-strong:after { background-color: rgba(158, 158, 158, 0.7); }
+
+.grey.darken-1 { background-color: #757575 !important; }
+
+.grey.darken-2 { background-color: #616161 !important; }
+
+.grey.darken-3 { background-color: #424242 !important; }
+
+.grey.darken-4 { background-color: #212121 !important; }
+
+.black { background-color: #000 !important; }
+
+.black-text, .btn.btn-link { color: #000 !important; }
+
+.rgba-black-slight, .rgba-black-slight:after { background-color: rgba(0, 0, 0, 0.1); }
+
+.rgba-black-light, .rgba-black-light:after { background-color: rgba(0, 0, 0, 0.3); }
+
+.rgba-black-strong, .rgba-black-strong:after { background-color: rgba(0, 0, 0, 0.7); }
+
+.white { background-color: #fff !important; }
+
+.white-text { color: #fff !important; }
+
+.rgba-white-slight, .rgba-white-slight:after { background-color: rgba(255, 255, 255, 0.1); }
+
+.rgba-white-light, .rgba-white-light:after { background-color: rgba(255, 255, 255, 0.3); }
+
+.rgba-white-strong, .rgba-white-strong:after { background-color: rgba(255, 255, 255, 0.7); }
+
+.rgba-stylish-slight { background-color: rgba(62, 69, 81, 0.1); }
+
+.rgba-stylish-light { background-color: rgba(62, 69, 81, 0.3); }
+
+.rgba-stylish-strong { background-color: rgba(62, 69, 81, 0.7); }
+
+.primary-color, ul.stepper li.active a .circle, ul.stepper li.completed a .circle { background-color: #4285f4 !important; }
+
+.primary-color-dark { background-color: #0d47a1 !important; }
+
+.secondary-color { background-color: #aa66cc !important; }
+
+.secondary-color-dark { background-color: #9933cc !important; }
+
+.default-color { background-color: #2bbbad !important; }
+
+.default-color-dark { background-color: #00695c !important; }
+
+.info-color { background-color: #33b5e5 !important; }
+
+.info-color-dark { background-color: #0099cc !important; }
+
+.success-color { background-color: #00c851 !important; }
+
+.success-color-dark { background-color: #007e33 !important; }
+
+.warning-color { background-color: #ffbb33 !important; }
+
+.warning-color-dark { background-color: #ff8800 !important; }
+
+.danger-color, ul.stepper li.warning a .circle { background-color: #ff3547 !important; }
+
+.danger-color-dark { background-color: #cc0000 !important; }
+
+.elegant-color { background-color: #2e2e2e !important; }
+
+.elegant-color-dark { background-color: #212121 !important; }
+
+.stylish-color { background-color: #4b515d !important; }
+
+.stylish-color-dark { background-color: #3e4551 !important; }
+
+.unique-color { background-color: #3f729b !important; }
+
+.unique-color-dark { background-color: #1c2331 !important; }
+
+.special-color { background-color: #37474f !important; }
+
+.special-color-dark { background-color: #263238 !important; }
+
+.purple-gradient { background: linear-gradient(40deg, #ff6ec4, #7873f5) !important; }
+
+.peach-gradient { background: linear-gradient(40deg, #FFD86F, #FC6262) !important; }
+
+.aqua-gradient { background: linear-gradient(40deg, #2096ff, #05ffa3) !important; }
+
+.blue-gradient { background: linear-gradient(40deg, #45cafc, #303f9f) !important; }
+
+.purple-gradient-rgba { background: linear-gradient(40deg, rgba(255, 110, 196, 0.9), rgba(120, 115, 245, 0.9)) !important; }
+
+.peach-gradient-rgba { background: linear-gradient(40deg, rgba(255, 216, 111, 0.9), rgba(252, 98, 98, 0.9)) !important; }
+
+.aqua-gradient-rgba { background: linear-gradient(40deg, rgba(32, 150, 255, 0.9), rgba(5, 255, 163, 0.9)) !important; }
+
+.blue-gradient-rgba { background: linear-gradient(40deg, rgba(69, 202, 252, 0.9), rgba(48, 63, 159, 0.9)) !important; }
+
+.dark-grey-text { color: #4f4f4f !important; }
+.dark-grey-text:hover, .dark-grey-text:focus { color: #4f4f4f !important; }
+
+.hoverable { box-shadow: none; transition: all 0.55s ease-in-out; }
+.hoverable:hover { box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); transition: all 0.55s ease-in-out; }
+
+.z-depth-0 { box-shadow: none !important; }
+
+.z-depth-1 { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important; }
+
+.z-depth-1-half { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important; }
+
+.z-depth-2 { box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important; }
+
+.z-depth-3 { box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19) !important; }
+
+.z-depth-4 { box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21) !important; }
+
+.z-depth-5 { box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22) !important; }
+
+.disabled, :disabled { pointer-events: none !important; }
+
+a { cursor: pointer; text-decoration: none; color: #007bff; transition: all 0.2s ease-in-out; }
+a:hover { text-decoration: none; color: #0056b3; transition: all 0.2s ease-in-out; }
+a.disabled:hover, a:disabled:hover { color: #007bff; }
+
+a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; }
+
+.divider-new { flex-direction: row; justify-content: center; align-items: center; display: flex; margin-top: 2.8rem; margin-bottom: 2.8rem; }
+.divider-new > h1, .divider-new h2, .divider-new h3, .divider-new h4, .divider-new h5, .divider-new h6 { margin-bottom: 0; }
+.divider-new:before, .divider-new:after { content: ""; height: 1.5px; flex: 1; height: 2px; background: #c6c6c6; }
+.divider-new:before { margin: 0 0.5rem 0 0; }
+.divider-new:after { margin: 0 0 0 0.5rem; }
+
+.img-fluid, .modal-dialog.cascading-modal.modal-avatar .modal-header, .video-fluid { max-width: 100%; height: auto; }
+
+.flex-center { display: flex; justify-content: center; align-items: center; height: 100%; }
+.flex-center p { margin: 0; }
+.flex-center ul { text-align: center; }
+.flex-center ul li { margin-bottom: 1rem; }
+.flex-center ul li:last-of-type { margin-bottom: 0; }
+
+.hr-light { border-top: 1px solid #fff; }
+
+.hr-dark { border-top: 1px solid #666; }
+
+.w-responsive { width: 75%; }
+@media (max-width: 740px) { .w-responsive { width: 100%; } }
+
+.collapsible-body { display: none; }
+
+.jumbotron { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 0.125rem; background-color: #fff; }
+
+.bg-primary { background-color: #4285f4 !important; }
+
+a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #1266f1 !important; }
+
+.border-primary { border-color: #4285f4 !important; }
+
+.bg-danger { background-color: #ff3547 !important; }
+
+a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #ff0219 !important; }
+
+.border-danger { border-color: #ff3547 !important; }
+
+.bg-warning { background-color: #ffbb33 !important; }
+
+a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #ffaa00 !important; }
+
+.border-warning { border-color: #ffbb33 !important; }
+
+.bg-success { background-color: #00c851 !important; }
+
+a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #00953c !important; }
+
+.border-success { border-color: #00c851 !important; }
+
+.bg-info { background-color: #33b5e5 !important; }
+
+a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #1a9bcb !important; }
+
+.border-info { border-color: #33b5e5 !important; }
+
+.bg-default { background-color: #2bbbad !important; }
+
+a.bg-default:hover, a.bg-default:focus, button.bg-default:hover, button.bg-default:focus { background-color: #219287 !important; }
+
+.border-default { border-color: #2bbbad !important; }
+
+.bg-secondary { background-color: #aa66cc !important; }
+
+a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #9540bf !important; }
+
+.border-secondary { border-color: #aa66cc !important; }
+
+.bg-dark { background-color: #212121 !important; }
+
+a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #080808 !important; }
+
+.border-dark { border-color: #212121 !important; }
+
+.bg-light { background-color: #e0e0e0 !important; }
+
+a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #c7c7c7 !important; }
+
+.border-light { border-color: #e0e0e0 !important; }
+
+.card-img-100 { width: 100px; height: 100px; }
+
+.card-img-64 { width: 64px; height: 64px; }
+
+.mml-1 { margin-left: -0.25rem !important; }
+
+.flex-1 { flex: 1; }
+
+@font-face { font-family: "Roboto"; src: local(Roboto Thin), url("../font/roboto/Roboto-Thin.eot"); src: url("../font/roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Thin.woff2") format("woff2"), url("../font/roboto/Roboto-Thin.woff") format("woff"), url("../font/roboto/Roboto-Thin.ttf") format("truetype"); font-weight: 200; }
+@font-face { font-family: "Roboto"; src: local(Roboto Light), url("../font/roboto/Roboto-Light.eot"); src: url("../font/roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Light.woff2") format("woff2"), url("../font/roboto/Roboto-Light.woff") format("woff"), url("../font/roboto/Roboto-Light.ttf") format("truetype"); font-weight: 300; }
+@font-face { font-family: "Roboto"; src: local(Roboto Regular), url("../font/roboto/Roboto-Regular.eot"); src: url("../font/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Regular.woff2") format("woff2"), url("../font/roboto/Roboto-Regular.woff") format("woff"), url("../font/roboto/Roboto-Regular.ttf") format("truetype"); font-weight: 400; }
+@font-face { font-family: "Roboto"; src: url("../font/roboto/Roboto-Medium.eot"); src: url("../font/roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Medium.woff2") format("woff2"), url("../font/roboto/Roboto-Medium.woff") format("woff"), url("../font/roboto/Roboto-Medium.ttf") format("truetype"); font-weight: 500; }
+@font-face { font-family: "Roboto"; src: url("../font/roboto/Roboto-Bold.eot"); src: url("../font/roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Bold.woff2") format("woff2"), url("../font/roboto/Roboto-Bold.woff") format("woff"), url("../font/roboto/Roboto-Bold.ttf") format("truetype"); font-weight: 700; }
+body { font-family: "Roboto", sans-serif; font-weight: 300; }
+
+h1, h2, h3, h4, h5, h6 { font-weight: 300; }
+
+.blockquote { padding: 0.5rem 1rem; border-left: .25rem solid #eceeef; }
+.blockquote.text-right { border-left: none; border-right: .25rem solid #eceeef; }
+.blockquote .bq-title { margin-bottom: 0; font-size: 1.5rem; font-weight: 400; }
+.blockquote p { padding: 1rem 0; font-size: 1.1rem; }
+
+.bq-primary { border-left: 3px solid #4285f4 !important; }
+.bq-primary .bq-title { color: #4285f4 !important; }
+
+.bq-danger { border-left: 3px solid #ff3547 !important; }
+.bq-danger .bq-title { color: #ff3547 !important; }
+
+.bq-warning { border-left: 3px solid #ffbb33 !important; }
+.bq-warning .bq-title { color: #ffbb33 !important; }
+
+.bq-success { border-left: 3px solid #00c851 !important; }
+.bq-success .bq-title { color: #00c851 !important; }
+
+.bq-info { border-left: 3px solid #33b5e5 !important; }
+.bq-info .bq-title { color: #33b5e5 !important; }
+
+.h1-responsive { font-size: 150%; }
+
+.h2-responsive { font-size: 145%; }
+
+.h3-responsive { font-size: 135%; }
+
+.h4-responsive { font-size: 135%; }
+
+.h5-responsive { font-size: 135%; }
+
+@media (min-width: 576px) { .h1-responsive { font-size: 170%; }
+ .h2-responsive { font-size: 140%; }
+ .h3-responsive { font-size: 125%; }
+ .h4-responsive { font-size: 125%; }
+ .h5-responsive { font-size: 125%; } }
+@media (min-width: 768px) { .h1-responsive { font-size: 200%; }
+ .h2-responsive { font-size: 170%; }
+ .h3-responsive { font-size: 140%; }
+ .h4-responsive { font-size: 125%; }
+ .h5-responsive { font-size: 125%; } }
+@media (min-width: 992px) { .h1-responsive { font-size: 200%; }
+ .h2-responsive { font-size: 170%; }
+ .h3-responsive { font-size: 140%; }
+ .h4-responsive { font-size: 125%; }
+ .h5-responsive { font-size: 125%; } }
+@media (min-width: 1200px) { .h1-responsive { font-size: 250%; }
+ .h2-responsive { font-size: 200%; }
+ .h3-responsive { font-size: 170%; }
+ .h4-responsive { font-size: 140%; }
+ .h5-responsive { font-size: 125%; } }
+.text-primary { color: #4285f4 !important; }
+
+a.text-primary:hover, a.text-primary:focus { color: #1266f1 !important; }
+
+.text-danger { color: #ff3547 !important; }
+
+a.text-danger:hover, a.text-danger:focus { color: #ff0219 !important; }
+
+.text-warning { color: #ffbb33 !important; }
+
+a.text-warning:hover, a.text-warning:focus { color: #ffaa00 !important; }
+
+.text-success { color: #00c851 !important; }
+
+a.text-success:hover, a.text-success:focus { color: #00953c !important; }
+
+.text-info { color: #33b5e5 !important; }
+
+a.text-info:hover, a.text-info:focus { color: #1a9bcb !important; }
+
+.text-default { color: #2bbbad !important; }
+
+a.text-default:hover, a.text-default:focus { color: #219287 !important; }
+
+.text-secondary { color: #aa66cc !important; }
+
+a.text-secondary:hover, a.text-secondary:focus { color: #9540bf !important; }
+
+.text-dark { color: #212121 !important; }
+
+a.text-dark:hover, a.text-dark:focus { color: #080808 !important; }
+
+.text-light { color: #e0e0e0 !important; }
+
+a.text-light:hover, a.text-light:focus { color: #c7c7c7 !important; }
+
+.font-small { font-size: 0.9rem; }
+
+.view { position: relative; overflow: hidden; cursor: default; }
+.view .mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; width: 100%; height: 100%; background-attachment: fixed; }
+.view img, .view video { position: relative; display: block; }
+.view video.video-intro { z-index: -100; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); transition: 1s opacity; min-width: 100%; min-height: 100%; width: auto; height: auto; }
+
+.overlay .mask { opacity: 0; transition: all 0.4s ease-in-out; }
+.overlay .mask:hover { opacity: 1; }
+
+.zoom img, .zoom video { transition: all 0.2s linear; }
+.zoom:hover img, .zoom:hover video { transform: scale(1.1); }
+
+.pattern-1 { background: url("../img/overlays/01.png"); background-attachment: fixed; }
+
+.pattern-2 { background: url("../img/overlays/02.png"); background-attachment: fixed; }
+
+.pattern-3 { background: url("../img/overlays/03.png"); background-attachment: fixed; }
+
+.pattern-4 { background: url("../img/overlays/04.png"); background-attachment: fixed; }
+
+.pattern-5 { background: url("../img/overlays/05.png"); background-attachment: fixed; }
+
+.pattern-6 { background: url("../img/overlays/06.png"); background-attachment: fixed; }
+
+.pattern-7 { background: url("../img/overlays/07.png"); background-attachment: fixed; }
+
+.pattern-8 { background: url("../img/overlays/08.png"); background-attachment: fixed; }
+
+.pattern-9 { background: url("../img/overlays/09.png"); background-attachment: fixed; }
+
+/*!
+ * Waves v0.7.6
+ * http://fian.my.id/Waves
+ *
+ * Copyright 2014-2018 Alfiana E. Sibuea and other contributors
+ * Released under the MIT license
+ * https://github.com/fians/Waves/blob/master/LICENSE */
+.waves-effect { position: relative; cursor: pointer; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
+.waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; opacity: 0; background: rgba(0, 0, 0, 0.2); background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; -webkit-transform: scale(0) translate(0, 0); -moz-transform: scale(0) translate(0, 0); -ms-transform: scale(0) translate(0, 0); -o-transform: scale(0) translate(0, 0); transform: scale(0) translate(0, 0); pointer-events: none; }
+.waves-effect.waves-light .waves-ripple { background: rgba(255, 255, 255, 0.4); background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); }
+.waves-effect.waves-classic .waves-ripple { background: rgba(0, 0, 0, 0.2); }
+.waves-effect.waves-classic.waves-light .waves-ripple { background: rgba(255, 255, 255, 0.4); }
+
+.waves-notransition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; }
+
+.waves-button, .waves-circle { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }
+
+.waves-button, .waves-button:hover, .waves-button:visited, .waves-button-input { white-space: nowrap; vertical-align: middle; cursor: pointer; border: none; outline: none; color: inherit; background-color: rgba(0, 0, 0, 0); font-size: 1em; line-height: 1em; text-align: center; text-decoration: none; z-index: 1; }
+
+.waves-button { padding: 0.85em 1.1em; border-radius: 0.2em; }
+
+.waves-button-input { margin: 0; padding: 0.85em 1.1em; }
+
+.waves-input-wrapper { display: inline-block; position: relative; vertical-align: middle; border-radius: 0.2em; }
+.waves-input-wrapper.waves-button { padding: 0; }
+.waves-input-wrapper .waves-button-input { position: relative; top: 0; left: 0; z-index: 1; }
+
+.waves-circle { text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50%; }
+
+.waves-float { -webkit-mask-image: none; -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12); box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12); -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }
+.waves-float:active { -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); }
+
+.waves-block { display: block; }
+
+a.waves-effect, a.waves-light { display: inline-block; }
+
+/*!
+ * animate.css -http://daneden.me/animate
+ * Version - 3.7.0
+ * Licensed under the MIT license - http://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2018 Daniel Eden
+ */
+.animated { animation-duration: 1s; animation-fill-mode: both; }
+.animated.infinite { animation-iteration-count: infinite; }
+.animated.delay-1s { animation-delay: 1s; }
+.animated.delay-2s { animation-delay: 2s; }
+.animated.delay-3s { animation-delay: 3s; }
+.animated.delay-4s { animation-delay: 4s; }
+.animated.delay-5s { animation-delay: 5s; }
+.animated.fast { animation-duration: 800ms; }
+.animated.faster { animation-duration: 500ms; }
+.animated.slow { animation-duration: 2s; }
+.animated.slower { animation-duration: 3s; }
+
+@media (prefers-reduced-motion) { .animated { animation: unset !important; transition: none !important; } }
+@keyframes fadeIn { from { opacity: 0; }
+ to { opacity: 1; } }
+.fadeIn { animation-name: fadeIn; }
+
+@keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.fadeInDown { animation-name: fadeInDown; }
+
+@keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.fadeInLeft { animation-name: fadeInLeft; }
+
+@keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.fadeInRight { animation-name: fadeInRight; }
+
+@keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.fadeInUp { animation-name: fadeInUp; }
+
+@keyframes fadeOut { from { opacity: 1; }
+ to { opacity: 0; } }
+.fadeOut { animation-name: fadeOut; }
+
+@keyframes fadeOutDown { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(0, 100%, 0); } }
+.fadeOutDown { animation-name: fadeOutDown; }
+
+@keyframes fadeOutLeft { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(-100%, 0, 0); } }
+.fadeOutLeft { animation-name: fadeOutLeft; }
+
+@keyframes fadeOutRight { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(100%, 0, 0); } }
+.fadeOutRight { animation-name: fadeOutRight; }
+
+@keyframes fadeOutUp { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(0, -100%, 0); } }
+.fadeOutUp { animation-name: fadeOutUp; }
+
+/*!
+ * animate.css -http://daneden.me/animate
+ * Version - 3.7.0
+ * Licensed under the MIT license - http://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2018 Daniel Eden
+ */
+@keyframes bounce { from,
+ 20%,
+ 53%,
+ 80%,
+ to { transform: translate3d(0, 0, 0); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
+ 40%,
+ 43% { transform: translate3d(0, -30px, 0); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
+ 70% { transform: translate3d(0, -15px, 0); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
+ 90% { transform: translate3d(0, -4px, 0); } }
+.bounce { transform-origin: center bottom; animation-name: bounce; }
+
+@keyframes flash { from,
+ 50%,
+ to { opacity: 1; }
+ 25%,
+ 75% { opacity: 0; } }
+.flash { animation-name: flash; }
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+@keyframes pulse { from { transform: scale3d(1, 1, 1); }
+ 50% { transform: scale3d(1.05, 1.05, 1.05); }
+ to { transform: scale3d(1, 1, 1); } }
+.pulse { animation-name: pulse; }
+
+@keyframes rubberBand { from { transform: scale3d(1, 1, 1); }
+ 30% { transform: scale3d(1.25, 0.75, 1); }
+ 40% { transform: scale3d(0.75, 1.25, 1); }
+ 50% { transform: scale3d(1.15, 0.85, 1); }
+ 65% { transform: scale3d(0.95, 1.05, 1); }
+ 75% { transform: scale3d(1.05, 0.95, 1); }
+ to { transform: scale3d(1, 1, 1); } }
+.rubberBand { animation-name: rubberBand; }
+
+@keyframes shake { from,
+ to { transform: translate3d(0, 0, 0); }
+ 10%,
+ 30%,
+ 50%,
+ 70%,
+ 90% { transform: translate3d(-10px, 0, 0); }
+ 20%,
+ 40%,
+ 60%,
+ 80% { transform: translate3d(10px, 0, 0); } }
+.shake { animation-name: shake; }
+
+@keyframes headShake { 0% { transform: translateX(0); }
+ 6.5% { transform: translateX(-6px) rotateY(-9deg); }
+ 18.5% { transform: translateX(5px) rotateY(7deg); }
+ 31.5% { transform: translateX(-3px) rotateY(-5deg); }
+ 43.5% { transform: translateX(2px) rotateY(3deg); }
+ 50% { transform: translateX(0); } }
+.headShake { animation-name: headShake; animation-timing-function: ease-in-out; }
+
+@keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); }
+ 40% { transform: rotate3d(0, 0, 1, -10deg); }
+ 60% { transform: rotate3d(0, 0, 1, 5deg); }
+ 80% { transform: rotate3d(0, 0, 1, -5deg); }
+ to { transform: rotate3d(0, 0, 1, 0deg); } }
+.swing { transform-origin: top center; animation-name: swing; }
+
+@keyframes tada { from { transform: scale3d(1, 1, 1); }
+ 10%,
+ 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
+ 30%,
+ 50%,
+ 70%,
+ 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
+ 40%,
+ 60%,
+ 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
+ to { transform: scale3d(1, 1, 1); } }
+.tada { animation-name: tada; }
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+@keyframes wobble { from { transform: translate3d(0, 0, 0); }
+ 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
+ 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
+ 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
+ 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
+ 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
+ to { transform: translate3d(0, 0, 0); } }
+.wobble { animation-name: wobble; }
+
+@keyframes jello { from,
+ 11.1%,
+ to { transform: translate3d(0, 0, 0); }
+ 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
+ 33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
+ 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
+ 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
+ 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
+ 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }
+ 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
+.jello { transform-origin: center; animation-name: jello; }
+
+@keyframes heartBeat { 0% { transform: scale(1); }
+ 14% { transform: scale(1.3); }
+ 28% { transform: scale(1); }
+ 42% { transform: scale(1.3); }
+ 70% { transform: scale(1); } }
+.heartBeat { animation-name: heartBeat; animation-duration: 1.3s; animation-timing-function: ease-in-out; }
+
+@keyframes bounceIn { from,
+ 20%,
+ 40%,
+ 60%,
+ 80%,
+ to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
+ 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
+ 20% { transform: scale3d(1.1, 1.1, 1.1); }
+ 40% { transform: scale3d(0.9, 0.9, 0.9); }
+ 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
+ 80% { transform: scale3d(0.97, 0.97, 0.97); }
+ to { opacity: 1; transform: scale3d(1, 1, 1); } }
+.bounceIn { animation-name: bounceIn; animation-duration: .75s; }
+
+@keyframes bounceInDown { from,
+ 60%,
+ 75%,
+ 90%,
+ to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
+ 0% { opacity: 0; transform: translate3d(0, -3000px, 0); }
+ 60% { opacity: 1; transform: translate3d(0, 25px, 0); }
+ 75% { transform: translate3d(0, -10px, 0); }
+ 90% { transform: translate3d(0, 5px, 0); }
+ to { transform: translate3d(0, 0, 0); } }
+.bounceInDown { animation-name: bounceInDown; }
+
+@keyframes bounceInLeft { from,
+ 60%,
+ 75%,
+ 90%,
+ to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
+ 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); }
+ 60% { opacity: 1; transform: translate3d(25px, 0, 0); }
+ 75% { transform: translate3d(-10px, 0, 0); }
+ 90% { transform: translate3d(5px, 0, 0); }
+ to { transform: translate3d(0, 0, 0); } }
+.bounceInLeft { animation-name: bounceInLeft; }
+
+@keyframes bounceInRight { from,
+ 60%,
+ 75%,
+ 90%,
+ to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
+ from { opacity: 0; transform: translate3d(3000px, 0, 0); }
+ 60% { opacity: 1; transform: translate3d(-25px, 0, 0); }
+ 75% { transform: translate3d(10px, 0, 0); }
+ 90% { transform: translate3d(-5px, 0, 0); }
+ to { transform: translate3d(0, 0, 0); } }
+.bounceInRight { animation-name: bounceInRight; }
+
+@keyframes bounceInUp { from,
+ 60%,
+ 75%,
+ 90%,
+ to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
+ from { opacity: 0; transform: translate3d(0, 3000px, 0); }
+ 60% { opacity: 1; transform: translate3d(0, -20px, 0); }
+ 75% { transform: translate3d(0, 10px, 0); }
+ 90% { transform: translate3d(0, -5px, 0); }
+ to { transform: translate3d(0, 0, 0); } }
+.bounceInUp { animation-name: bounceInUp; }
+
+@keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); }
+ 50%,
+ 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); }
+ to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } }
+.bounceOut { animation-name: bounceOut; animation-duration: .75s; }
+
+@keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); }
+ 40%,
+ 45% { opacity: 1; transform: translate3d(0, -20px, 0); }
+ to { opacity: 0; transform: translate3d(0, 2000px, 0); } }
+.bounceOutDown { animation-name: bounceOutDown; }
+
+@keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); }
+ to { opacity: 0; transform: translate3d(-2000px, 0, 0); } }
+.bounceOutLeft { animation-name: bounceOutLeft; }
+
+@keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); }
+ to { opacity: 0; transform: translate3d(2000px, 0, 0); } }
+.bounceOutRight { animation-name: bounceOutRight; }
+
+@keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); }
+ 40%,
+ 45% { opacity: 1; transform: translate3d(0, 20px, 0); }
+ to { opacity: 0; transform: translate3d(0, -2000px, 0); } }
+.bounceOutUp { animation-name: bounceOutUp; }
+
+@keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.fadeInDownBig { animation-name: fadeInDownBig; }
+
+@keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.fadeInLeftBig { animation-name: fadeInLeftBig; }
+
+@keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.fadeInRightBig { animation-name: fadeInRightBig; }
+
+@keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.fadeInUpBig { animation-name: fadeInUpBig; }
+
+@keyframes fadeOutDownBig { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(0, 2000px, 0); } }
+.fadeOutDownBig { animation-name: fadeOutDownBig; }
+
+@keyframes fadeOutLeftBig { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(-2000px, 0, 0); } }
+.fadeOutLeftBig { animation-name: fadeOutLeftBig; }
+
+@keyframes fadeOutRightBig { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(2000px, 0, 0); } }
+.fadeOutRightBig { animation-name: fadeOutRightBig; }
+
+@keyframes fadeOutUpBig { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(0, -2000px, 0); } }
+.fadeOutUpBig { animation-name: fadeOutUpBig; }
+
+@keyframes flip { from { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; }
+ 40% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; }
+ 50% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; }
+ 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); animation-timing-function: ease-in; }
+ to { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); animation-timing-function: ease-in; } }
+.flip { backface-visibility: visible; animation-name: flip; }
+
+@keyframes flipInX { from { opacity: 0; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; }
+ 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; }
+ 60% { opacity: 1; transform: perspective(400px) rotate3d(1, 0, 0, 10deg); }
+ 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
+ to { transform: perspective(400px); } }
+.flipInX { backface-visibility: visible; animation-name: flipInX; }
+
+@keyframes flipInY { from { opacity: 0; transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; }
+ 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; }
+ 60% { opacity: 1; transform: perspective(400px) rotate3d(0, 1, 0, 10deg); }
+ 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
+ to { transform: perspective(400px); } }
+.flipInY { backface-visibility: visible; animation-name: flipInY; }
+
+@keyframes flipOutX { from { transform: perspective(400px); }
+ 30% { opacity: 1; transform: perspective(400px) rotate3d(1, 0, 0, -20deg); }
+ to { opacity: 0; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); } }
+.flipOutX { animation-name: flipOutX; animation-duration: .75s; backface-visibility: visible; }
+
+@keyframes flipOutY { from { transform: perspective(400px); }
+ 30% { opacity: 1; transform: perspective(400px) rotate3d(0, 1, 0, -15deg); }
+ to { opacity: 0; transform: perspective(400px) rotate3d(0, 1, 0, 90deg); } }
+.flipOutY { animation-name: flipOutY; animation-duration: .75s; backface-visibility: visible; }
+
+@keyframes lightSpeedIn { from { opacity: 0; transform: translate3d(100%, 0, 0) skewX(-30deg); }
+ 60% { opacity: 1; transform: skewX(20deg); }
+ 80% { transform: skewX(-5deg); }
+ to { transform: translate3d(0, 0, 0); } }
+.lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; }
+
+@keyframes lightSpeedOut { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(100%, 0, 0) skewX(30deg); } }
+.lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; }
+
+@keyframes rotateIn { from { opacity: 0; transform: rotate3d(0, 0, 1, -200deg); transform-origin: center; }
+ to { opacity: 1; transform: translate3d(0, 0, 0); transform-origin: center; } }
+.rotateIn { animation-name: rotateIn; }
+
+@keyframes rotateInDownLeft { from { opacity: 0; transform: rotate3d(0, 0, 1, -45deg); transform-origin: left bottom; }
+ to { opacity: 1; transform: translate3d(0, 0, 0); transform-origin: left bottom; } }
+.rotateInDownLeft { animation-name: rotateInDownLeft; }
+
+@keyframes rotateInDownRight { from { opacity: 0; transform: rotate3d(0, 0, 1, 45deg); transform-origin: right bottom; }
+ to { opacity: 1; transform: translate3d(0, 0, 0); transform-origin: right bottom; } }
+.rotateInDownRight { animation-name: rotateInDownRight; }
+
+@keyframes rotateInUpLeft { from { opacity: 0; transform: rotate3d(0, 0, 1, 45deg); transform-origin: left bottom; }
+ to { opacity: 1; transform: translate3d(0, 0, 0); transform-origin: left bottom; } }
+.rotateInUpLeft { animation-name: rotateInUpLeft; }
+
+@keyframes rotateInUpRight { from { opacity: 0; transform: rotate3d(0, 0, 1, -90deg); transform-origin: right bottom; }
+ to { opacity: 1; transform: translate3d(0, 0, 0); transform-origin: right bottom; } }
+.rotateInUpRight { animation-name: rotateInUpRight; }
+
+@keyframes rotateOut { from { opacity: 1; transform-origin: center; }
+ to { opacity: 0; transform: rotate3d(0, 0, 1, 200deg); transform-origin: center; } }
+.rotateOut { animation-name: rotateOut; }
+
+@keyframes rotateOutDownLeft { from { opacity: 1; transform-origin: left bottom; }
+ to { opacity: 0; transform: rotate3d(0, 0, 1, 45deg); transform-origin: left bottom; } }
+.rotateOutDownLeft { animation-name: rotateOutDownLeft; }
+
+@keyframes rotateOutDownRight { from { opacity: 1; transform-origin: right bottom; }
+ to { opacity: 0; transform: rotate3d(0, 0, 1, -45deg); transform-origin: right bottom; } }
+.rotateOutDownRight { animation-name: rotateOutDownRight; }
+
+@keyframes rotateOutUpLeft { from { opacity: 1; transform-origin: left bottom; }
+ to { opacity: 0; transform: rotate3d(0, 0, 1, -45deg); transform-origin: left bottom; } }
+.rotateOutUpLeft { animation-name: rotateOutUpLeft; }
+
+@keyframes rotateOutUpRight { from { opacity: 1; transform-origin: right bottom; }
+ to { opacity: 0; transform: rotate3d(0, 0, 1, 90deg); transform-origin: right bottom; } }
+.rotateOutUpRight { animation-name: rotateOutUpRight; }
+
+@keyframes hinge { 0% { transform-origin: top left; animation-timing-function: ease-in-out; }
+ 20%,
+ 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
+ 40%,
+ 80% { opacity: 1; transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
+ to { opacity: 0; transform: translate3d(0, 700px, 0); } }
+.hinge { animation-name: hinge; animation-duration: 2s; }
+
+@keyframes jackInTheBox { from { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; }
+ 50% { transform: rotate(-10deg); }
+ 70% { transform: rotate(3deg); }
+ to { opacity: 1; transform: scale(1); } }
+.jackInTheBox { animation-name: jackInTheBox; }
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+@keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.rollIn { animation-name: rollIn; }
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+@keyframes rollOut { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
+.rollOut { animation-name: rollOut; }
+
+@keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
+ 50% { opacity: 1; } }
+.zoomIn { animation-name: zoomIn; }
+
+@keyframes zoomInDown { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+ 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+.zoomInDown { animation-name: zoomInDown; }
+
+@keyframes zoomInLeft { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+ 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+.zoomInLeft { animation-name: zoomInLeft; }
+
+@keyframes zoomInRight { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+ 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+.zoomInRight { animation-name: zoomInRight; }
+
+@keyframes zoomInUp { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+ 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+.zoomInUp { animation-name: zoomInUp; }
+
+@keyframes zoomOut { from { opacity: 1; }
+ 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
+ to { opacity: 0; } }
+.zoomOut { animation-name: zoomOut; }
+
+@keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+ to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+.zoomOutDown { animation-name: zoomOutDown; }
+
+@keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
+ to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } }
+.zoomOutLeft { animation-name: zoomOutLeft; }
+
+@keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
+ to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } }
+.zoomOutRight { animation-name: zoomOutRight; }
+
+@keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+ to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+.zoomOutUp { animation-name: zoomOutUp; }
+
+@keyframes slideInDown { from { visibility: visible; transform: translate3d(0, -100%, 0); }
+ to { transform: translate3d(0, 0, 0); } }
+.slideInDown { animation-name: slideInDown; }
+
+@keyframes slideInLeft { from { visibility: visible; transform: translate3d(-100%, 0, 0); }
+ to { transform: translate3d(0, 0, 0); } }
+.slideInLeft { animation-name: slideInLeft; }
+
+@keyframes slideInRight { from { visibility: visible; transform: translate3d(100%, 0, 0); }
+ to { transform: translate3d(0, 0, 0); } }
+.slideInRight { animation-name: slideInRight; }
+
+@keyframes slideInUp { from { visibility: visible; transform: translate3d(0, 100%, 0); }
+ to { transform: translate3d(0, 0, 0); } }
+.slideInUp { animation-name: slideInUp; }
+
+@keyframes slideOutDown { from { transform: translate3d(0, 0, 0); }
+ to { visibility: hidden; transform: translate3d(0, 100%, 0); } }
+.slideOutDown { animation-name: slideOutDown; }
+
+@keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); }
+ to { visibility: hidden; transform: translate3d(-100%, 0, 0); } }
+.slideOutLeft { animation-name: slideOutLeft; }
+
+@keyframes slideOutRight { from { transform: translate3d(0, 0, 0); }
+ to { visibility: hidden; transform: translate3d(100%, 0, 0); } }
+.slideOutRight { animation-name: slideOutRight; }
+
+@keyframes slideOutUp { from { transform: translate3d(0, 0, 0); }
+ to { visibility: hidden; transform: translate3d(0, -100%, 0); } }
+.slideOutUp { animation-name: slideOutUp; }
+
+.btn { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); padding: 0.84rem 2.14rem; font-size: 0.81rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; margin: 0.375rem; border: 0; border-radius: 0.125rem; cursor: pointer; text-transform: uppercase; white-space: normal; word-wrap: break-word; color: inherit; }
+.btn:hover, .btn:active, .btn:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); outline: 0; }
+.btn:not([disabled]):not(.disabled):active, .btn:not([disabled]):not(.disabled).active { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn .fas, .btn .fab, .btn .far { position: relative; font-size: 0.9rem; }
+.btn .fas.right, .btn .fab.right, .btn .far.right { margin-left: 0.3rem; }
+.btn .fas.left, .btn .fab.left, .btn .far.left { margin-right: 0.3rem; }
+.btn.btn-lg, .btn-group-lg > .btn { padding: 1rem 2.4rem; font-size: 0.94rem; }
+.btn.btn-lg .fas, .btn-group-lg > .btn .fas, .btn.btn-lg .fab, .btn-group-lg > .btn .fab, .btn.btn-lg .far, .btn-group-lg > .btn .far { font-size: 1rem; }
+.btn.btn-md { padding: 0.7rem 1.6rem; font-size: 0.7rem; }
+.btn.btn-md .fas, .btn.btn-md .fab, .btn.btn-md .far { font-size: 0.8rem; }
+.btn.btn-sm, .btn-group-sm > .btn { padding: 0.5rem 1.6rem; font-size: 0.64rem; }
+.btn.btn-sm .fas, .btn-group-sm > .btn .fas, .btn.btn-sm .fab, .btn-group-sm > .btn .fab, .btn.btn-sm .far, .btn-group-sm > .btn .far { font-size: 0.7rem; }
+.btn.btn-tb { padding: 0.3rem 1rem; }
+.btn.disabled:active, .btn.disabled:focus, .btn.disabled:hover, .btn:disabled:active, .btn:disabled:focus, .btn:disabled:hover { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
+.btn.btn-block { margin: inherit; }
+.btn.btn-link { box-shadow: none; background-color: transparent; }
+.btn.btn-link:active, .btn.btn-link:focus, .btn.btn-link:hover { box-shadow: none !important; background-color: transparent; }
+.btn[class*="btn-outline-"] { padding-top: 0.7rem; padding-bottom: 0.7rem; }
+.btn[class*="btn-outline-"].btn-lg, .btn-group-lg > .btn[class*="btn-outline-"] { padding-top: 0.88rem; padding-bottom: 0.88rem; }
+.btn[class*="btn-outline-"].btn-md { padding-top: 0.58rem; padding-bottom: 0.58rem; }
+.btn[class*="btn-outline-"].btn-sm, .btn-group-sm > .btn[class*="btn-outline-"] { padding-top: 0.38rem; padding-bottom: 0.38rem; }
+
+.btn-group .btn { margin: 0; }
+
+.btn .fa-lg, .btn-floating .fa-lg { font-size: 1.33333em !important; }
+.btn .fa-xs, .btn-floating .fa-xs { font-size: .75em !important; }
+.btn .fa-sm, .btn-floating .fa-sm { font-size: .875em !important; }
+.btn .fa-1x, .btn-floating .fa-1x { font-size: 1em !important; }
+.btn .fa-2x, .btn-floating .fa-2x { font-size: 2em !important; }
+.btn .fa-3x, .btn-floating .fa-3x { font-size: 3em !important; }
+.btn .fa-4x, .btn-floating .fa-4x { font-size: 4em !important; }
+.btn .fa-5x, .btn-floating .fa-5x { font-size: 5em !important; }
+.btn .fa-6x, .btn-floating .fa-6x { font-size: 6em !important; }
+.btn .fa-7x, .btn-floating .fa-7x { font-size: 7em !important; }
+.btn .fa-8x, .btn-floating .fa-8x { font-size: 8em !important; }
+.btn .fa-9x, .btn-floating .fa-9x { font-size: 9em !important; }
+.btn .fa-10x, .btn-floating .fa-10x { font-size: 10em !important; }
+
+.btn-primary { background-color: #4285f4 !important; color: #fff; }
+.btn-primary:hover { background-color: #5a95f5; color: #fff; }
+.btn-primary:focus, .btn-primary.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-primary:focus, .btn-primary:active, .btn-primary.active { background-color: #0b51c5; }
+.btn-primary.dropdown-toggle { background-color: #4285f4 !important; }
+.btn-primary.dropdown-toggle:hover, .btn-primary.dropdown-toggle:focus { background-color: #5a95f5 !important; }
+.btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active, .show > .btn-primary.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #0b51c5 !important; }
+.btn-primary:not([disabled]):not(.disabled):active:focus, .btn-primary:not([disabled]):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.primary-ic { color: #4285f4 !important; }
+.primary-ic:hover, .primary-ic:focus { color: #4285f4; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-primary { color: #fff; }
+
+.btn-outline-primary { border: 2px solid #4285f4 !important; background-color: transparent !important; color: #4285f4 !important; }
+.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary:active:focus, .btn-outline-primary.active { border-color: #4285f4 !important; background-color: transparent !important; color: #4285f4 !important; }
+.btn-outline-primary:not([disabled]):not(.disabled):active, .btn-outline-primary:not([disabled]):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #4285f4 !important; }
+.btn-outline-primary:not([disabled]):not(.disabled):active:focus, .btn-outline-primary:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-danger { background-color: #ff3547 !important; color: #fff; }
+.btn-danger:hover { background-color: #ff4f5e; color: #fff; }
+.btn-danger:focus, .btn-danger.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-danger:focus, .btn-danger:active, .btn-danger.active { background-color: #ce0012; }
+.btn-danger.dropdown-toggle { background-color: #ff3547 !important; }
+.btn-danger.dropdown-toggle:hover, .btn-danger.dropdown-toggle:focus { background-color: #ff4f5e !important; }
+.btn-danger:not([disabled]):not(.disabled):active, .btn-danger:not([disabled]):not(.disabled).active, .show > .btn-danger.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #ce0012 !important; }
+.btn-danger:not([disabled]):not(.disabled):active:focus, .btn-danger:not([disabled]):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.danger-ic { color: #ff3547 !important; }
+.danger-ic:hover, .danger-ic:focus { color: #ff3547; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-danger { color: #fff; }
+
+.btn-outline-danger { border: 2px solid #ff3547 !important; background-color: transparent !important; color: #ff3547 !important; }
+.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger:active:focus, .btn-outline-danger.active { border-color: #ff3547 !important; background-color: transparent !important; color: #ff3547 !important; }
+.btn-outline-danger:not([disabled]):not(.disabled):active, .btn-outline-danger:not([disabled]):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #ff3547 !important; }
+.btn-outline-danger:not([disabled]):not(.disabled):active:focus, .btn-outline-danger:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-warning { background-color: #ffbb33 !important; color: #fff; }
+.btn-warning:hover { background-color: #ffc44d; color: #fff; }
+.btn-warning:focus, .btn-warning.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-warning:focus, .btn-warning:active, .btn-warning.active { background-color: #cc8800; }
+.btn-warning.dropdown-toggle { background-color: #ffbb33 !important; }
+.btn-warning.dropdown-toggle:hover, .btn-warning.dropdown-toggle:focus { background-color: #ffc44d !important; }
+.btn-warning:not([disabled]):not(.disabled):active, .btn-warning:not([disabled]):not(.disabled).active, .show > .btn-warning.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #cc8800 !important; }
+.btn-warning:not([disabled]):not(.disabled):active:focus, .btn-warning:not([disabled]):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.warning-ic { color: #ffbb33 !important; }
+.warning-ic:hover, .warning-ic:focus { color: #ffbb33; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-warning { color: #fff; }
+
+.btn-outline-warning { border: 2px solid #ffbb33 !important; background-color: transparent !important; color: #ffbb33 !important; }
+.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning:active:focus, .btn-outline-warning.active { border-color: #ffbb33 !important; background-color: transparent !important; color: #ffbb33 !important; }
+.btn-outline-warning:not([disabled]):not(.disabled):active, .btn-outline-warning:not([disabled]):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #ffbb33 !important; }
+.btn-outline-warning:not([disabled]):not(.disabled):active:focus, .btn-outline-warning:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-success { background-color: #00c851 !important; color: #fff; }
+.btn-success:hover { background-color: #00e25b; color: #fff; }
+.btn-success:focus, .btn-success.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-success:focus, .btn-success:active, .btn-success.active { background-color: #006228; }
+.btn-success.dropdown-toggle { background-color: #00c851 !important; }
+.btn-success.dropdown-toggle:hover, .btn-success.dropdown-toggle:focus { background-color: #00e25b !important; }
+.btn-success:not([disabled]):not(.disabled):active, .btn-success:not([disabled]):not(.disabled).active, .show > .btn-success.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #006228 !important; }
+.btn-success:not([disabled]):not(.disabled):active:focus, .btn-success:not([disabled]):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.success-ic { color: #00c851 !important; }
+.success-ic:hover, .success-ic:focus { color: #00c851; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-success { color: #fff; }
+
+.btn-outline-success { border: 2px solid #00c851 !important; background-color: transparent !important; color: #00c851 !important; }
+.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success:active:focus, .btn-outline-success.active { border-color: #00c851 !important; background-color: transparent !important; color: #00c851 !important; }
+.btn-outline-success:not([disabled]):not(.disabled):active, .btn-outline-success:not([disabled]):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #00c851 !important; }
+.btn-outline-success:not([disabled]):not(.disabled):active:focus, .btn-outline-success:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-info { background-color: #33b5e5 !important; color: #fff; }
+.btn-info:hover { background-color: #4abde8; color: #fff; }
+.btn-info:focus, .btn-info.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-info:focus, .btn-info:active, .btn-info.active { background-color: #14799e; }
+.btn-info.dropdown-toggle { background-color: #33b5e5 !important; }
+.btn-info.dropdown-toggle:hover, .btn-info.dropdown-toggle:focus { background-color: #4abde8 !important; }
+.btn-info:not([disabled]):not(.disabled):active, .btn-info:not([disabled]):not(.disabled).active, .show > .btn-info.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #14799e !important; }
+.btn-info:not([disabled]):not(.disabled):active:focus, .btn-info:not([disabled]):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.info-ic { color: #33b5e5 !important; }
+.info-ic:hover, .info-ic:focus { color: #33b5e5; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-info { color: #fff; }
+
+.btn-outline-info { border: 2px solid #33b5e5 !important; background-color: transparent !important; color: #33b5e5 !important; }
+.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info:active:focus, .btn-outline-info.active { border-color: #33b5e5 !important; background-color: transparent !important; color: #33b5e5 !important; }
+.btn-outline-info:not([disabled]):not(.disabled):active, .btn-outline-info:not([disabled]):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #33b5e5 !important; }
+.btn-outline-info:not([disabled]):not(.disabled):active:focus, .btn-outline-info:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-default { background-color: #2bbbad !important; color: #fff; }
+.btn-default:hover { background-color: #30cfc0; color: #fff; }
+.btn-default:focus, .btn-default.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-default:focus, .btn-default:active, .btn-default.active { background-color: #186860; }
+.btn-default.dropdown-toggle { background-color: #2bbbad !important; }
+.btn-default.dropdown-toggle:hover, .btn-default.dropdown-toggle:focus { background-color: #30cfc0 !important; }
+.btn-default:not([disabled]):not(.disabled):active, .btn-default:not([disabled]):not(.disabled).active, .show > .btn-default.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #186860 !important; }
+.btn-default:not([disabled]):not(.disabled):active:focus, .btn-default:not([disabled]):not(.disabled).active:focus, .show > .btn-default.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.default-ic { color: #2bbbad !important; }
+.default-ic:hover, .default-ic:focus { color: #2bbbad; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-default { color: #fff; }
+
+.btn-outline-default { border: 2px solid #2bbbad !important; background-color: transparent !important; color: #2bbbad !important; }
+.btn-outline-default:hover, .btn-outline-default:focus, .btn-outline-default:active, .btn-outline-default:active:focus, .btn-outline-default.active { border-color: #2bbbad !important; background-color: transparent !important; color: #2bbbad !important; }
+.btn-outline-default:not([disabled]):not(.disabled):active, .btn-outline-default:not([disabled]):not(.disabled).active, .show > .btn-outline-default.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #2bbbad !important; }
+.btn-outline-default:not([disabled]):not(.disabled):active:focus, .btn-outline-default:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-default.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-secondary { background-color: #aa66cc !important; color: #fff; }
+.btn-secondary:hover { background-color: #b579d2; color: #fff; }
+.btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-secondary:focus, .btn-secondary:active, .btn-secondary.active { background-color: #773399; }
+.btn-secondary.dropdown-toggle { background-color: #aa66cc !important; }
+.btn-secondary.dropdown-toggle:hover, .btn-secondary.dropdown-toggle:focus { background-color: #b579d2 !important; }
+.btn-secondary:not([disabled]):not(.disabled):active, .btn-secondary:not([disabled]):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #773399 !important; }
+.btn-secondary:not([disabled]):not(.disabled):active:focus, .btn-secondary:not([disabled]):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.secondary-ic { color: #aa66cc !important; }
+.secondary-ic:hover, .secondary-ic:focus { color: #aa66cc; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-secondary { color: #fff; }
+
+.btn-outline-secondary { border: 2px solid #aa66cc !important; background-color: transparent !important; color: #aa66cc !important; }
+.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary:active:focus, .btn-outline-secondary.active { border-color: #aa66cc !important; background-color: transparent !important; color: #aa66cc !important; }
+.btn-outline-secondary:not([disabled]):not(.disabled):active, .btn-outline-secondary:not([disabled]):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #aa66cc !important; }
+.btn-outline-secondary:not([disabled]):not(.disabled):active:focus, .btn-outline-secondary:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-elegant { background-color: #2e2e2e !important; color: #fff; }
+.btn-elegant:hover { background-color: #3b3b3b; color: #fff; }
+.btn-elegant:focus, .btn-elegant.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-elegant:focus, .btn-elegant:active, .btn-elegant.active { background-color: black; }
+.btn-elegant.dropdown-toggle { background-color: #2e2e2e !important; }
+.btn-elegant.dropdown-toggle:hover, .btn-elegant.dropdown-toggle:focus { background-color: #3b3b3b !important; }
+.btn-elegant:not([disabled]):not(.disabled):active, .btn-elegant:not([disabled]):not(.disabled).active, .show > .btn-elegant.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: black !important; }
+.btn-elegant:not([disabled]):not(.disabled):active:focus, .btn-elegant:not([disabled]):not(.disabled).active:focus, .show > .btn-elegant.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.elegant-ic { color: #2e2e2e !important; }
+.elegant-ic:hover, .elegant-ic:focus { color: #2e2e2e; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-elegant { color: #fff; }
+
+.btn-outline-elegant { border: 2px solid #2e2e2e !important; background-color: transparent !important; color: #2e2e2e !important; }
+.btn-outline-elegant:hover, .btn-outline-elegant:focus, .btn-outline-elegant:active, .btn-outline-elegant:active:focus, .btn-outline-elegant.active { border-color: #2e2e2e !important; background-color: transparent !important; color: #2e2e2e !important; }
+.btn-outline-elegant:not([disabled]):not(.disabled):active, .btn-outline-elegant:not([disabled]):not(.disabled).active, .show > .btn-outline-elegant.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #2e2e2e !important; }
+.btn-outline-elegant:not([disabled]):not(.disabled):active:focus, .btn-outline-elegant:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-elegant.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-unique { background-color: #880e4f !important; color: #fff; }
+.btn-unique:hover { background-color: #9f105c; color: #fff; }
+.btn-unique:focus, .btn-unique.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-unique:focus, .btn-unique:active, .btn-unique.active { background-color: #2c0419; }
+.btn-unique.dropdown-toggle { background-color: #880e4f !important; }
+.btn-unique.dropdown-toggle:hover, .btn-unique.dropdown-toggle:focus { background-color: #9f105c !important; }
+.btn-unique:not([disabled]):not(.disabled):active, .btn-unique:not([disabled]):not(.disabled).active, .show > .btn-unique.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #2c0419 !important; }
+.btn-unique:not([disabled]):not(.disabled):active:focus, .btn-unique:not([disabled]):not(.disabled).active:focus, .show > .btn-unique.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.unique-ic { color: #880e4f !important; }
+.unique-ic:hover, .unique-ic:focus { color: #880e4f; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-unique { color: #fff; }
+
+.btn-outline-unique { border: 2px solid #880e4f !important; background-color: transparent !important; color: #880e4f !important; }
+.btn-outline-unique:hover, .btn-outline-unique:focus, .btn-outline-unique:active, .btn-outline-unique:active:focus, .btn-outline-unique.active { border-color: #880e4f !important; background-color: transparent !important; color: #880e4f !important; }
+.btn-outline-unique:not([disabled]):not(.disabled):active, .btn-outline-unique:not([disabled]):not(.disabled).active, .show > .btn-outline-unique.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #880e4f !important; }
+.btn-outline-unique:not([disabled]):not(.disabled):active:focus, .btn-outline-unique:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-unique.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-dark-green { background-color: #388e3c !important; color: #fff; }
+.btn-dark-green:hover { background-color: #3fa044; color: #fff; }
+.btn-dark-green:focus, .btn-dark-green.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-dark-green:focus, .btn-dark-green:active, .btn-dark-green.active { background-color: #1b451d; }
+.btn-dark-green.dropdown-toggle { background-color: #388e3c !important; }
+.btn-dark-green.dropdown-toggle:hover, .btn-dark-green.dropdown-toggle:focus { background-color: #3fa044 !important; }
+.btn-dark-green:not([disabled]):not(.disabled):active, .btn-dark-green:not([disabled]):not(.disabled).active, .show > .btn-dark-green.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #1b451d !important; }
+.btn-dark-green:not([disabled]):not(.disabled):active:focus, .btn-dark-green:not([disabled]):not(.disabled).active:focus, .show > .btn-dark-green.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.dark-green-ic { color: #388e3c !important; }
+.dark-green-ic:hover, .dark-green-ic:focus { color: #388e3c; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-dark-green { color: #fff; }
+
+.btn-outline-dark-green { border: 2px solid #388e3c !important; background-color: transparent !important; color: #388e3c !important; }
+.btn-outline-dark-green:hover, .btn-outline-dark-green:focus, .btn-outline-dark-green:active, .btn-outline-dark-green:active:focus, .btn-outline-dark-green.active { border-color: #388e3c !important; background-color: transparent !important; color: #388e3c !important; }
+.btn-outline-dark-green:not([disabled]):not(.disabled):active, .btn-outline-dark-green:not([disabled]):not(.disabled).active, .show > .btn-outline-dark-green.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #388e3c !important; }
+.btn-outline-dark-green:not([disabled]):not(.disabled):active:focus, .btn-outline-dark-green:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-dark-green.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-mdb-color { background-color: #59698d !important; color: #fff; }
+.btn-mdb-color:hover { background-color: #63759d; color: #fff; }
+.btn-mdb-color:focus, .btn-mdb-color.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-mdb-color:focus, .btn-mdb-color:active, .btn-mdb-color.active { background-color: #323a4e; }
+.btn-mdb-color.dropdown-toggle { background-color: #59698d !important; }
+.btn-mdb-color.dropdown-toggle:hover, .btn-mdb-color.dropdown-toggle:focus { background-color: #63759d !important; }
+.btn-mdb-color:not([disabled]):not(.disabled):active, .btn-mdb-color:not([disabled]):not(.disabled).active, .show > .btn-mdb-color.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #323a4e !important; }
+.btn-mdb-color:not([disabled]):not(.disabled):active:focus, .btn-mdb-color:not([disabled]):not(.disabled).active:focus, .show > .btn-mdb-color.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.mdb-color-ic { color: #59698d !important; }
+.mdb-color-ic:hover, .mdb-color-ic:focus { color: #59698d; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-mdb-color { color: #fff; }
+
+.btn-outline-mdb-color { border: 2px solid #59698d !important; background-color: transparent !important; color: #59698d !important; }
+.btn-outline-mdb-color:hover, .btn-outline-mdb-color:focus, .btn-outline-mdb-color:active, .btn-outline-mdb-color:active:focus, .btn-outline-mdb-color.active { border-color: #59698d !important; background-color: transparent !important; color: #59698d !important; }
+.btn-outline-mdb-color:not([disabled]):not(.disabled):active, .btn-outline-mdb-color:not([disabled]):not(.disabled).active, .show > .btn-outline-mdb-color.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #59698d !important; }
+.btn-outline-mdb-color:not([disabled]):not(.disabled):active:focus, .btn-outline-mdb-color:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-mdb-color.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-red { background-color: #d32f2f !important; color: #fff; }
+.btn-red:hover { background-color: #d74444; color: #fff; }
+.btn-red:focus, .btn-red.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-red:focus, .btn-red:active, .btn-red.active { background-color: #811b1b; }
+.btn-red.dropdown-toggle { background-color: #d32f2f !important; }
+.btn-red.dropdown-toggle:hover, .btn-red.dropdown-toggle:focus { background-color: #d74444 !important; }
+.btn-red:not([disabled]):not(.disabled):active, .btn-red:not([disabled]):not(.disabled).active, .show > .btn-red.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #811b1b !important; }
+.btn-red:not([disabled]):not(.disabled):active:focus, .btn-red:not([disabled]):not(.disabled).active:focus, .show > .btn-red.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.red-ic { color: #d32f2f !important; }
+.red-ic:hover, .red-ic:focus { color: #d32f2f; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-red { color: #fff; }
+
+.btn-outline-red { border: 2px solid #d32f2f !important; background-color: transparent !important; color: #d32f2f !important; }
+.btn-outline-red:hover, .btn-outline-red:focus, .btn-outline-red:active, .btn-outline-red:active:focus, .btn-outline-red.active { border-color: #d32f2f !important; background-color: transparent !important; color: #d32f2f !important; }
+.btn-outline-red:not([disabled]):not(.disabled):active, .btn-outline-red:not([disabled]):not(.disabled).active, .show > .btn-outline-red.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #d32f2f !important; }
+.btn-outline-red:not([disabled]):not(.disabled):active:focus, .btn-outline-red:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-red.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-pink { background-color: #ec407a !important; color: #fff; }
+.btn-pink:hover { background-color: #ee578a; color: #fff; }
+.btn-pink:focus, .btn-pink.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-pink:focus, .btn-pink:active, .btn-pink.active { background-color: #b41249; }
+.btn-pink.dropdown-toggle { background-color: #ec407a !important; }
+.btn-pink.dropdown-toggle:hover, .btn-pink.dropdown-toggle:focus { background-color: #ee578a !important; }
+.btn-pink:not([disabled]):not(.disabled):active, .btn-pink:not([disabled]):not(.disabled).active, .show > .btn-pink.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #b41249 !important; }
+.btn-pink:not([disabled]):not(.disabled):active:focus, .btn-pink:not([disabled]):not(.disabled).active:focus, .show > .btn-pink.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.pink-ic { color: #ec407a !important; }
+.pink-ic:hover, .pink-ic:focus { color: #ec407a; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-pink { color: #fff; }
+
+.btn-outline-pink { border: 2px solid #ec407a !important; background-color: transparent !important; color: #ec407a !important; }
+.btn-outline-pink:hover, .btn-outline-pink:focus, .btn-outline-pink:active, .btn-outline-pink:active:focus, .btn-outline-pink.active { border-color: #ec407a !important; background-color: transparent !important; color: #ec407a !important; }
+.btn-outline-pink:not([disabled]):not(.disabled):active, .btn-outline-pink:not([disabled]):not(.disabled).active, .show > .btn-outline-pink.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #ec407a !important; }
+.btn-outline-pink:not([disabled]):not(.disabled):active:focus, .btn-outline-pink:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-pink.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-purple { background-color: #8e24aa !important; color: #fff; }
+.btn-purple:hover { background-color: #a028bf; color: #fff; }
+.btn-purple:focus, .btn-purple.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-purple:focus, .btn-purple:active, .btn-purple.active { background-color: #481256; }
+.btn-purple.dropdown-toggle { background-color: #8e24aa !important; }
+.btn-purple.dropdown-toggle:hover, .btn-purple.dropdown-toggle:focus { background-color: #a028bf !important; }
+.btn-purple:not([disabled]):not(.disabled):active, .btn-purple:not([disabled]):not(.disabled).active, .show > .btn-purple.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #481256 !important; }
+.btn-purple:not([disabled]):not(.disabled):active:focus, .btn-purple:not([disabled]):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.purple-ic { color: #8e24aa !important; }
+.purple-ic:hover, .purple-ic:focus { color: #8e24aa; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-purple { color: #fff; }
+
+.btn-outline-purple { border: 2px solid #8e24aa !important; background-color: transparent !important; color: #8e24aa !important; }
+.btn-outline-purple:hover, .btn-outline-purple:focus, .btn-outline-purple:active, .btn-outline-purple:active:focus, .btn-outline-purple.active { border-color: #8e24aa !important; background-color: transparent !important; color: #8e24aa !important; }
+.btn-outline-purple:not([disabled]):not(.disabled):active, .btn-outline-purple:not([disabled]):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #8e24aa !important; }
+.btn-outline-purple:not([disabled]):not(.disabled):active:focus, .btn-outline-purple:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-deep-purple { background-color: #512da8 !important; color: #fff; }
+.btn-deep-purple:hover { background-color: #5b32bc; color: #fff; }
+.btn-deep-purple:focus, .btn-deep-purple.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-deep-purple:focus, .btn-deep-purple:active, .btn-deep-purple.active { background-color: #2a1758; }
+.btn-deep-purple.dropdown-toggle { background-color: #512da8 !important; }
+.btn-deep-purple.dropdown-toggle:hover, .btn-deep-purple.dropdown-toggle:focus { background-color: #5b32bc !important; }
+.btn-deep-purple:not([disabled]):not(.disabled):active, .btn-deep-purple:not([disabled]):not(.disabled).active, .show > .btn-deep-purple.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #2a1758 !important; }
+.btn-deep-purple:not([disabled]):not(.disabled):active:focus, .btn-deep-purple:not([disabled]):not(.disabled).active:focus, .show > .btn-deep-purple.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.deep-purple-ic { color: #512da8 !important; }
+.deep-purple-ic:hover, .deep-purple-ic:focus { color: #512da8; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-deep-purple { color: #fff; }
+
+.btn-outline-deep-purple { border: 2px solid #512da8 !important; background-color: transparent !important; color: #512da8 !important; }
+.btn-outline-deep-purple:hover, .btn-outline-deep-purple:focus, .btn-outline-deep-purple:active, .btn-outline-deep-purple:active:focus, .btn-outline-deep-purple.active { border-color: #512da8 !important; background-color: transparent !important; color: #512da8 !important; }
+.btn-outline-deep-purple:not([disabled]):not(.disabled):active, .btn-outline-deep-purple:not([disabled]):not(.disabled).active, .show > .btn-outline-deep-purple.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #512da8 !important; }
+.btn-outline-deep-purple:not([disabled]):not(.disabled):active:focus, .btn-outline-deep-purple:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-deep-purple.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-indigo { background-color: #3f51b5 !important; color: #fff; }
+.btn-indigo:hover { background-color: #4d5ec1; color: #fff; }
+.btn-indigo:focus, .btn-indigo.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-indigo:focus, .btn-indigo:active, .btn-indigo.active { background-color: #252f69; }
+.btn-indigo.dropdown-toggle { background-color: #3f51b5 !important; }
+.btn-indigo.dropdown-toggle:hover, .btn-indigo.dropdown-toggle:focus { background-color: #4d5ec1 !important; }
+.btn-indigo:not([disabled]):not(.disabled):active, .btn-indigo:not([disabled]):not(.disabled).active, .show > .btn-indigo.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #252f69 !important; }
+.btn-indigo:not([disabled]):not(.disabled):active:focus, .btn-indigo:not([disabled]):not(.disabled).active:focus, .show > .btn-indigo.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.indigo-ic { color: #3f51b5 !important; }
+.indigo-ic:hover, .indigo-ic:focus { color: #3f51b5; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-indigo { color: #fff; }
+
+.btn-outline-indigo { border: 2px solid #3f51b5 !important; background-color: transparent !important; color: #3f51b5 !important; }
+.btn-outline-indigo:hover, .btn-outline-indigo:focus, .btn-outline-indigo:active, .btn-outline-indigo:active:focus, .btn-outline-indigo.active { border-color: #3f51b5 !important; background-color: transparent !important; color: #3f51b5 !important; }
+.btn-outline-indigo:not([disabled]):not(.disabled):active, .btn-outline-indigo:not([disabled]):not(.disabled).active, .show > .btn-outline-indigo.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #3f51b5 !important; }
+.btn-outline-indigo:not([disabled]):not(.disabled):active:focus, .btn-outline-indigo:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-indigo.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-blue { background-color: #1976d2 !important; color: #fff; }
+.btn-blue:hover { background-color: #2083e4; color: #fff; }
+.btn-blue:focus, .btn-blue.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-blue:focus, .btn-blue:active, .btn-blue.active { background-color: #0e4377; }
+.btn-blue.dropdown-toggle { background-color: #1976d2 !important; }
+.btn-blue.dropdown-toggle:hover, .btn-blue.dropdown-toggle:focus { background-color: #2083e4 !important; }
+.btn-blue:not([disabled]):not(.disabled):active, .btn-blue:not([disabled]):not(.disabled).active, .show > .btn-blue.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #0e4377 !important; }
+.btn-blue:not([disabled]):not(.disabled):active:focus, .btn-blue:not([disabled]):not(.disabled).active:focus, .show > .btn-blue.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.blue-ic { color: #1976d2 !important; }
+.blue-ic:hover, .blue-ic:focus { color: #1976d2; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-blue { color: #fff; }
+
+.btn-outline-blue { border: 2px solid #1976d2 !important; background-color: transparent !important; color: #1976d2 !important; }
+.btn-outline-blue:hover, .btn-outline-blue:focus, .btn-outline-blue:active, .btn-outline-blue:active:focus, .btn-outline-blue.active { border-color: #1976d2 !important; background-color: transparent !important; color: #1976d2 !important; }
+.btn-outline-blue:not([disabled]):not(.disabled):active, .btn-outline-blue:not([disabled]):not(.disabled).active, .show > .btn-outline-blue.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #1976d2 !important; }
+.btn-outline-blue:not([disabled]):not(.disabled):active:focus, .btn-outline-blue:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-blue.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-light-blue { background-color: #82b1ff !important; color: #fff; }
+.btn-light-blue:hover { background-color: #9cc1ff; color: #fff; }
+.btn-light-blue:focus, .btn-light-blue.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-light-blue:focus, .btn-light-blue:active, .btn-light-blue.active { background-color: #1c71ff; }
+.btn-light-blue.dropdown-toggle { background-color: #82b1ff !important; }
+.btn-light-blue.dropdown-toggle:hover, .btn-light-blue.dropdown-toggle:focus { background-color: #9cc1ff !important; }
+.btn-light-blue:not([disabled]):not(.disabled):active, .btn-light-blue:not([disabled]):not(.disabled).active, .show > .btn-light-blue.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #1c71ff !important; }
+.btn-light-blue:not([disabled]):not(.disabled):active:focus, .btn-light-blue:not([disabled]):not(.disabled).active:focus, .show > .btn-light-blue.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.light-blue-ic { color: #82b1ff !important; }
+.light-blue-ic:hover, .light-blue-ic:focus { color: #82b1ff; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-light-blue { color: #fff; }
+
+.btn-outline-light-blue { border: 2px solid #82b1ff !important; background-color: transparent !important; color: #82b1ff !important; }
+.btn-outline-light-blue:hover, .btn-outline-light-blue:focus, .btn-outline-light-blue:active, .btn-outline-light-blue:active:focus, .btn-outline-light-blue.active { border-color: #82b1ff !important; background-color: transparent !important; color: #82b1ff !important; }
+.btn-outline-light-blue:not([disabled]):not(.disabled):active, .btn-outline-light-blue:not([disabled]):not(.disabled).active, .show > .btn-outline-light-blue.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #82b1ff !important; }
+.btn-outline-light-blue:not([disabled]):not(.disabled):active:focus, .btn-outline-light-blue:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-light-blue.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-cyan { background-color: #00bcd4 !important; color: #fff; }
+.btn-cyan:hover { background-color: #00d3ee; color: #fff; }
+.btn-cyan:focus, .btn-cyan.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-cyan:focus, .btn-cyan:active, .btn-cyan.active { background-color: #00626e; }
+.btn-cyan.dropdown-toggle { background-color: #00bcd4 !important; }
+.btn-cyan.dropdown-toggle:hover, .btn-cyan.dropdown-toggle:focus { background-color: #00d3ee !important; }
+.btn-cyan:not([disabled]):not(.disabled):active, .btn-cyan:not([disabled]):not(.disabled).active, .show > .btn-cyan.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #00626e !important; }
+.btn-cyan:not([disabled]):not(.disabled):active:focus, .btn-cyan:not([disabled]):not(.disabled).active:focus, .show > .btn-cyan.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.cyan-ic { color: #00bcd4 !important; }
+.cyan-ic:hover, .cyan-ic:focus { color: #00bcd4; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-cyan { color: #fff; }
+
+.btn-outline-cyan { border: 2px solid #00bcd4 !important; background-color: transparent !important; color: #00bcd4 !important; }
+.btn-outline-cyan:hover, .btn-outline-cyan:focus, .btn-outline-cyan:active, .btn-outline-cyan:active:focus, .btn-outline-cyan.active { border-color: #00bcd4 !important; background-color: transparent !important; color: #00bcd4 !important; }
+.btn-outline-cyan:not([disabled]):not(.disabled):active, .btn-outline-cyan:not([disabled]):not(.disabled).active, .show > .btn-outline-cyan.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #00bcd4 !important; }
+.btn-outline-cyan:not([disabled]):not(.disabled):active:focus, .btn-outline-cyan:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-cyan.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-teal { background-color: #00796b !important; color: #fff; }
+.btn-teal:hover { background-color: #009382; color: #fff; }
+.btn-teal:focus, .btn-teal.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-teal:focus, .btn-teal:active, .btn-teal.active { background-color: #001311; }
+.btn-teal.dropdown-toggle { background-color: #00796b !important; }
+.btn-teal.dropdown-toggle:hover, .btn-teal.dropdown-toggle:focus { background-color: #009382 !important; }
+.btn-teal:not([disabled]):not(.disabled):active, .btn-teal:not([disabled]):not(.disabled).active, .show > .btn-teal.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #001311 !important; }
+.btn-teal:not([disabled]):not(.disabled):active:focus, .btn-teal:not([disabled]):not(.disabled).active:focus, .show > .btn-teal.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.teal-ic { color: #00796b !important; }
+.teal-ic:hover, .teal-ic:focus { color: #00796b; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-teal { color: #fff; }
+
+.btn-outline-teal { border: 2px solid #00796b !important; background-color: transparent !important; color: #00796b !important; }
+.btn-outline-teal:hover, .btn-outline-teal:focus, .btn-outline-teal:active, .btn-outline-teal:active:focus, .btn-outline-teal.active { border-color: #00796b !important; background-color: transparent !important; color: #00796b !important; }
+.btn-outline-teal:not([disabled]):not(.disabled):active, .btn-outline-teal:not([disabled]):not(.disabled).active, .show > .btn-outline-teal.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #00796b !important; }
+.btn-outline-teal:not([disabled]):not(.disabled):active:focus, .btn-outline-teal:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-teal.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-green { background-color: #388e3c !important; color: #fff; }
+.btn-green:hover { background-color: #3fa044; color: #fff; }
+.btn-green:focus, .btn-green.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-green:focus, .btn-green:active, .btn-green.active { background-color: #1b451d; }
+.btn-green.dropdown-toggle { background-color: #388e3c !important; }
+.btn-green.dropdown-toggle:hover, .btn-green.dropdown-toggle:focus { background-color: #3fa044 !important; }
+.btn-green:not([disabled]):not(.disabled):active, .btn-green:not([disabled]):not(.disabled).active, .show > .btn-green.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #1b451d !important; }
+.btn-green:not([disabled]):not(.disabled):active:focus, .btn-green:not([disabled]):not(.disabled).active:focus, .show > .btn-green.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.green-ic { color: #388e3c !important; }
+.green-ic:hover, .green-ic:focus { color: #388e3c; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-green { color: #fff; }
+
+.btn-outline-green { border: 2px solid #388e3c !important; background-color: transparent !important; color: #388e3c !important; }
+.btn-outline-green:hover, .btn-outline-green:focus, .btn-outline-green:active, .btn-outline-green:active:focus, .btn-outline-green.active { border-color: #388e3c !important; background-color: transparent !important; color: #388e3c !important; }
+.btn-outline-green:not([disabled]):not(.disabled):active, .btn-outline-green:not([disabled]):not(.disabled).active, .show > .btn-outline-green.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #388e3c !important; }
+.btn-outline-green:not([disabled]):not(.disabled):active:focus, .btn-outline-green:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-green.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-light-green { background-color: #8bc34a !important; color: #fff; }
+.btn-light-green:hover { background-color: #97c95d; color: #fff; }
+.btn-light-green:focus, .btn-light-green.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-light-green:focus, .btn-light-green:active, .btn-light-green.active { background-color: #577d2a; }
+.btn-light-green.dropdown-toggle { background-color: #8bc34a !important; }
+.btn-light-green.dropdown-toggle:hover, .btn-light-green.dropdown-toggle:focus { background-color: #97c95d !important; }
+.btn-light-green:not([disabled]):not(.disabled):active, .btn-light-green:not([disabled]):not(.disabled).active, .show > .btn-light-green.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #577d2a !important; }
+.btn-light-green:not([disabled]):not(.disabled):active:focus, .btn-light-green:not([disabled]):not(.disabled).active:focus, .show > .btn-light-green.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.light-green-ic { color: #8bc34a !important; }
+.light-green-ic:hover, .light-green-ic:focus { color: #8bc34a; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-light-green { color: #fff; }
+
+.btn-outline-light-green { border: 2px solid #8bc34a !important; background-color: transparent !important; color: #8bc34a !important; }
+.btn-outline-light-green:hover, .btn-outline-light-green:focus, .btn-outline-light-green:active, .btn-outline-light-green:active:focus, .btn-outline-light-green.active { border-color: #8bc34a !important; background-color: transparent !important; color: #8bc34a !important; }
+.btn-outline-light-green:not([disabled]):not(.disabled):active, .btn-outline-light-green:not([disabled]):not(.disabled).active, .show > .btn-outline-light-green.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #8bc34a !important; }
+.btn-outline-light-green:not([disabled]):not(.disabled):active:focus, .btn-outline-light-green:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-light-green.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-lime { background-color: #afb42b !important; color: #fff; }
+.btn-lime:hover { background-color: #c3c930; color: #fff; }
+.btn-lime:focus, .btn-lime.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-lime:focus, .btn-lime:active, .btn-lime.active { background-color: #5f6217; }
+.btn-lime.dropdown-toggle { background-color: #afb42b !important; }
+.btn-lime.dropdown-toggle:hover, .btn-lime.dropdown-toggle:focus { background-color: #c3c930 !important; }
+.btn-lime:not([disabled]):not(.disabled):active, .btn-lime:not([disabled]):not(.disabled).active, .show > .btn-lime.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #5f6217 !important; }
+.btn-lime:not([disabled]):not(.disabled):active:focus, .btn-lime:not([disabled]):not(.disabled).active:focus, .show > .btn-lime.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.lime-ic { color: #afb42b !important; }
+.lime-ic:hover, .lime-ic:focus { color: #afb42b; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-lime { color: #fff; }
+
+.btn-outline-lime { border: 2px solid #afb42b !important; background-color: transparent !important; color: #afb42b !important; }
+.btn-outline-lime:hover, .btn-outline-lime:focus, .btn-outline-lime:active, .btn-outline-lime:active:focus, .btn-outline-lime.active { border-color: #afb42b !important; background-color: transparent !important; color: #afb42b !important; }
+.btn-outline-lime:not([disabled]):not(.disabled):active, .btn-outline-lime:not([disabled]):not(.disabled).active, .show > .btn-outline-lime.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #afb42b !important; }
+.btn-outline-lime:not([disabled]):not(.disabled):active:focus, .btn-outline-lime:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-lime.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-yellow { background-color: #fbc02d !important; color: #fff; }
+.btn-yellow:hover { background-color: #fbc846; color: #fff; }
+.btn-yellow:focus, .btn-yellow.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-yellow:focus, .btn-yellow:active, .btn-yellow.active { background-color: #be8904; }
+.btn-yellow.dropdown-toggle { background-color: #fbc02d !important; }
+.btn-yellow.dropdown-toggle:hover, .btn-yellow.dropdown-toggle:focus { background-color: #fbc846 !important; }
+.btn-yellow:not([disabled]):not(.disabled):active, .btn-yellow:not([disabled]):not(.disabled).active, .show > .btn-yellow.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #be8904 !important; }
+.btn-yellow:not([disabled]):not(.disabled):active:focus, .btn-yellow:not([disabled]):not(.disabled).active:focus, .show > .btn-yellow.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.yellow-ic { color: #fbc02d !important; }
+.yellow-ic:hover, .yellow-ic:focus { color: #fbc02d; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-yellow { color: #fff; }
+
+.btn-outline-yellow { border: 2px solid #fbc02d !important; background-color: transparent !important; color: #fbc02d !important; }
+.btn-outline-yellow:hover, .btn-outline-yellow:focus, .btn-outline-yellow:active, .btn-outline-yellow:active:focus, .btn-outline-yellow.active { border-color: #fbc02d !important; background-color: transparent !important; color: #fbc02d !important; }
+.btn-outline-yellow:not([disabled]):not(.disabled):active, .btn-outline-yellow:not([disabled]):not(.disabled).active, .show > .btn-outline-yellow.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #fbc02d !important; }
+.btn-outline-yellow:not([disabled]):not(.disabled):active:focus, .btn-outline-yellow:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-yellow.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-amber { background-color: #ffa000 !important; color: #fff; }
+.btn-amber:hover { background-color: #ffaa1a; color: #fff; }
+.btn-amber:focus, .btn-amber.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-amber:focus, .btn-amber:active, .btn-amber.active { background-color: #996000; }
+.btn-amber.dropdown-toggle { background-color: #ffa000 !important; }
+.btn-amber.dropdown-toggle:hover, .btn-amber.dropdown-toggle:focus { background-color: #ffaa1a !important; }
+.btn-amber:not([disabled]):not(.disabled):active, .btn-amber:not([disabled]):not(.disabled).active, .show > .btn-amber.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #996000 !important; }
+.btn-amber:not([disabled]):not(.disabled):active:focus, .btn-amber:not([disabled]):not(.disabled).active:focus, .show > .btn-amber.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.amber-ic { color: #ffa000 !important; }
+.amber-ic:hover, .amber-ic:focus { color: #ffa000; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-amber { color: #fff; }
+
+.btn-outline-amber { border: 2px solid #ffa000 !important; background-color: transparent !important; color: #ffa000 !important; }
+.btn-outline-amber:hover, .btn-outline-amber:focus, .btn-outline-amber:active, .btn-outline-amber:active:focus, .btn-outline-amber.active { border-color: #ffa000 !important; background-color: transparent !important; color: #ffa000 !important; }
+.btn-outline-amber:not([disabled]):not(.disabled):active, .btn-outline-amber:not([disabled]):not(.disabled).active, .show > .btn-outline-amber.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #ffa000 !important; }
+.btn-outline-amber:not([disabled]):not(.disabled):active:focus, .btn-outline-amber:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-amber.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-orange { background-color: #f57c00 !important; color: #fff; }
+.btn-orange:hover { background-color: #ff8910; color: #fff; }
+.btn-orange:focus, .btn-orange.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-orange:focus, .btn-orange:active, .btn-orange.active { background-color: #8f4800; }
+.btn-orange.dropdown-toggle { background-color: #f57c00 !important; }
+.btn-orange.dropdown-toggle:hover, .btn-orange.dropdown-toggle:focus { background-color: #ff8910 !important; }
+.btn-orange:not([disabled]):not(.disabled):active, .btn-orange:not([disabled]):not(.disabled).active, .show > .btn-orange.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #8f4800 !important; }
+.btn-orange:not([disabled]):not(.disabled):active:focus, .btn-orange:not([disabled]):not(.disabled).active:focus, .show > .btn-orange.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.orange-ic { color: #f57c00 !important; }
+.orange-ic:hover, .orange-ic:focus { color: #f57c00; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-orange { color: #fff; }
+
+.btn-outline-orange { border: 2px solid #f57c00 !important; background-color: transparent !important; color: #f57c00 !important; }
+.btn-outline-orange:hover, .btn-outline-orange:focus, .btn-outline-orange:active, .btn-outline-orange:active:focus, .btn-outline-orange.active { border-color: #f57c00 !important; background-color: transparent !important; color: #f57c00 !important; }
+.btn-outline-orange:not([disabled]):not(.disabled):active, .btn-outline-orange:not([disabled]):not(.disabled).active, .show > .btn-outline-orange.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #f57c00 !important; }
+.btn-outline-orange:not([disabled]):not(.disabled):active:focus, .btn-outline-orange:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-orange.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-deep-orange { background-color: #ff7043 !important; color: #fff; }
+.btn-deep-orange:hover { background-color: #ff835d; color: #fff; }
+.btn-deep-orange:focus, .btn-deep-orange.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-deep-orange:focus, .btn-deep-orange:active, .btn-deep-orange.active { background-color: #dc3500; }
+.btn-deep-orange.dropdown-toggle { background-color: #ff7043 !important; }
+.btn-deep-orange.dropdown-toggle:hover, .btn-deep-orange.dropdown-toggle:focus { background-color: #ff835d !important; }
+.btn-deep-orange:not([disabled]):not(.disabled):active, .btn-deep-orange:not([disabled]):not(.disabled).active, .show > .btn-deep-orange.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #dc3500 !important; }
+.btn-deep-orange:not([disabled]):not(.disabled):active:focus, .btn-deep-orange:not([disabled]):not(.disabled).active:focus, .show > .btn-deep-orange.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.deep-orange-ic { color: #ff7043 !important; }
+.deep-orange-ic:hover, .deep-orange-ic:focus { color: #ff7043; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-deep-orange { color: #fff; }
+
+.btn-outline-deep-orange { border: 2px solid #ff7043 !important; background-color: transparent !important; color: #ff7043 !important; }
+.btn-outline-deep-orange:hover, .btn-outline-deep-orange:focus, .btn-outline-deep-orange:active, .btn-outline-deep-orange:active:focus, .btn-outline-deep-orange.active { border-color: #ff7043 !important; background-color: transparent !important; color: #ff7043 !important; }
+.btn-outline-deep-orange:not([disabled]):not(.disabled):active, .btn-outline-deep-orange:not([disabled]):not(.disabled).active, .show > .btn-outline-deep-orange.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #ff7043 !important; }
+.btn-outline-deep-orange:not([disabled]):not(.disabled):active:focus, .btn-outline-deep-orange:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-deep-orange.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-brown { background-color: #795548 !important; color: #fff; }
+.btn-brown:hover { background-color: #896052; color: #fff; }
+.btn-brown:focus, .btn-brown.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-brown:focus, .btn-brown:active, .btn-brown.active { background-color: #392822; }
+.btn-brown.dropdown-toggle { background-color: #795548 !important; }
+.btn-brown.dropdown-toggle:hover, .btn-brown.dropdown-toggle:focus { background-color: #896052 !important; }
+.btn-brown:not([disabled]):not(.disabled):active, .btn-brown:not([disabled]):not(.disabled).active, .show > .btn-brown.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #392822 !important; }
+.btn-brown:not([disabled]):not(.disabled):active:focus, .btn-brown:not([disabled]):not(.disabled).active:focus, .show > .btn-brown.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.brown-ic { color: #795548 !important; }
+.brown-ic:hover, .brown-ic:focus { color: #795548; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-brown { color: #fff; }
+
+.btn-outline-brown { border: 2px solid #795548 !important; background-color: transparent !important; color: #795548 !important; }
+.btn-outline-brown:hover, .btn-outline-brown:focus, .btn-outline-brown:active, .btn-outline-brown:active:focus, .btn-outline-brown.active { border-color: #795548 !important; background-color: transparent !important; color: #795548 !important; }
+.btn-outline-brown:not([disabled]):not(.disabled):active, .btn-outline-brown:not([disabled]):not(.disabled).active, .show > .btn-outline-brown.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #795548 !important; }
+.btn-outline-brown:not([disabled]):not(.disabled):active:focus, .btn-outline-brown:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-brown.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-grey { background-color: #616161 !important; color: #fff; }
+.btn-grey:hover { background-color: #6e6e6e; color: #fff; }
+.btn-grey:focus, .btn-grey.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-grey:focus, .btn-grey:active, .btn-grey.active { background-color: #2e2e2e; }
+.btn-grey.dropdown-toggle { background-color: #616161 !important; }
+.btn-grey.dropdown-toggle:hover, .btn-grey.dropdown-toggle:focus { background-color: #6e6e6e !important; }
+.btn-grey:not([disabled]):not(.disabled):active, .btn-grey:not([disabled]):not(.disabled).active, .show > .btn-grey.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #2e2e2e !important; }
+.btn-grey:not([disabled]):not(.disabled):active:focus, .btn-grey:not([disabled]):not(.disabled).active:focus, .show > .btn-grey.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.grey-ic { color: #616161 !important; }
+.grey-ic:hover, .grey-ic:focus { color: #616161; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-grey { color: #fff; }
+
+.btn-outline-grey { border: 2px solid #616161 !important; background-color: transparent !important; color: #616161 !important; }
+.btn-outline-grey:hover, .btn-outline-grey:focus, .btn-outline-grey:active, .btn-outline-grey:active:focus, .btn-outline-grey.active { border-color: #616161 !important; background-color: transparent !important; color: #616161 !important; }
+.btn-outline-grey:not([disabled]):not(.disabled):active, .btn-outline-grey:not([disabled]):not(.disabled).active, .show > .btn-outline-grey.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #616161 !important; }
+.btn-outline-grey:not([disabled]):not(.disabled):active:focus, .btn-outline-grey:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-grey.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-blue-grey { background-color: #78909c !important; color: #fff; }
+.btn-blue-grey:hover { background-color: #879ca7; color: #fff; }
+.btn-blue-grey:focus, .btn-blue-grey.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-blue-grey:focus, .btn-blue-grey:active, .btn-blue-grey.active { background-color: #4a5b64; }
+.btn-blue-grey.dropdown-toggle { background-color: #78909c !important; }
+.btn-blue-grey.dropdown-toggle:hover, .btn-blue-grey.dropdown-toggle:focus { background-color: #879ca7 !important; }
+.btn-blue-grey:not([disabled]):not(.disabled):active, .btn-blue-grey:not([disabled]):not(.disabled).active, .show > .btn-blue-grey.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #4a5b64 !important; }
+.btn-blue-grey:not([disabled]):not(.disabled):active:focus, .btn-blue-grey:not([disabled]):not(.disabled).active:focus, .show > .btn-blue-grey.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.blue-grey-ic { color: #78909c !important; }
+.blue-grey-ic:hover, .blue-grey-ic:focus { color: #78909c; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-blue-grey { color: #fff; }
+
+.btn-outline-blue-grey { border: 2px solid #78909c !important; background-color: transparent !important; color: #78909c !important; }
+.btn-outline-blue-grey:hover, .btn-outline-blue-grey:focus, .btn-outline-blue-grey:active, .btn-outline-blue-grey:active:focus, .btn-outline-blue-grey.active { border-color: #78909c !important; background-color: transparent !important; color: #78909c !important; }
+.btn-outline-blue-grey:not([disabled]):not(.disabled):active, .btn-outline-blue-grey:not([disabled]):not(.disabled).active, .show > .btn-outline-blue-grey.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #78909c !important; }
+.btn-outline-blue-grey:not([disabled]):not(.disabled):active:focus, .btn-outline-blue-grey:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-blue-grey.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-dark { background-color: #212121 !important; color: #fff; }
+.btn-dark:hover { background-color: #2e2e2e; color: #fff; }
+.btn-dark:focus, .btn-dark.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-dark:focus, .btn-dark:active, .btn-dark.active { background-color: black; }
+.btn-dark.dropdown-toggle { background-color: #212121 !important; }
+.btn-dark.dropdown-toggle:hover, .btn-dark.dropdown-toggle:focus { background-color: #2e2e2e !important; }
+.btn-dark:not([disabled]):not(.disabled):active, .btn-dark:not([disabled]):not(.disabled).active, .show > .btn-dark.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: black !important; }
+.btn-dark:not([disabled]):not(.disabled):active:focus, .btn-dark:not([disabled]):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.dark-ic { color: #212121 !important; }
+.dark-ic:hover, .dark-ic:focus { color: #212121; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-dark { color: #fff; }
+
+.btn-outline-dark { border: 2px solid #212121 !important; background-color: transparent !important; color: #212121 !important; }
+.btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark:active:focus, .btn-outline-dark.active { border-color: #212121 !important; background-color: transparent !important; color: #212121 !important; }
+.btn-outline-dark:not([disabled]):not(.disabled):active, .btn-outline-dark:not([disabled]):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #212121 !important; }
+.btn-outline-dark:not([disabled]):not(.disabled):active:focus, .btn-outline-dark:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-light { background-color: #e0e0e0 !important; color: #000; }
+.btn-light:hover { background-color: #ededed; color: #000; }
+.btn-light:focus, .btn-light.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-light:focus, .btn-light:active, .btn-light.active { background-color: #adadad; }
+.btn-light.dropdown-toggle { background-color: #e0e0e0 !important; }
+.btn-light.dropdown-toggle:hover, .btn-light.dropdown-toggle:focus { background-color: #ededed !important; }
+.btn-light:not([disabled]):not(.disabled):active, .btn-light:not([disabled]):not(.disabled).active, .show > .btn-light.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #adadad !important; }
+.btn-light:not([disabled]):not(.disabled):active:focus, .btn-light:not([disabled]):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.light-ic { color: #e0e0e0 !important; }
+.light-ic:hover, .light-ic:focus { color: #e0e0e0; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #000; }
+
+table.table a.btn.btn-light { color: #000; }
+
+.btn-outline-light { border: 2px solid #e0e0e0 !important; background-color: transparent !important; color: #e0e0e0 !important; }
+.btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light:active:focus, .btn-outline-light.active { border-color: #e0e0e0 !important; background-color: transparent !important; color: #e0e0e0 !important; }
+.btn-outline-light:not([disabled]):not(.disabled):active, .btn-outline-light:not([disabled]):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #e0e0e0 !important; }
+.btn-outline-light:not([disabled]):not(.disabled):active:focus, .btn-outline-light:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-white { background-color: #fff !important; color: #000; }
+.btn-white:hover { background-color: white; color: #000; }
+.btn-white:focus, .btn-white.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-white:focus, .btn-white:active, .btn-white.active { background-color: #cccccc; }
+.btn-white.dropdown-toggle { background-color: #fff !important; }
+.btn-white.dropdown-toggle:hover, .btn-white.dropdown-toggle:focus { background-color: white !important; }
+.btn-white:not([disabled]):not(.disabled):active, .btn-white:not([disabled]):not(.disabled).active, .show > .btn-white.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #cccccc !important; }
+.btn-white:not([disabled]):not(.disabled):active:focus, .btn-white:not([disabled]):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.white-ic { color: #fff !important; }
+.white-ic:hover, .white-ic:focus { color: #fff; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #000; }
+
+table.table a.btn.btn-white { color: #000; }
+
+.btn-outline-white { border: 2px solid #fff !important; background-color: transparent !important; color: #fff !important; }
+.btn-outline-white:hover, .btn-outline-white:focus, .btn-outline-white:active, .btn-outline-white:active:focus, .btn-outline-white.active { border-color: #fff !important; background-color: transparent !important; color: #fff !important; }
+.btn-outline-white:not([disabled]):not(.disabled):active, .btn-outline-white:not([disabled]):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #fff !important; }
+.btn-outline-white:not([disabled]):not(.disabled):active:focus, .btn-outline-white:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-black { background-color: #000 !important; color: #fff; }
+.btn-black:hover { background-color: #0d0d0d; color: #fff; }
+.btn-black:focus, .btn-black.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-black:focus, .btn-black:active, .btn-black.active { background-color: black; }
+.btn-black.dropdown-toggle { background-color: #000 !important; }
+.btn-black.dropdown-toggle:hover, .btn-black.dropdown-toggle:focus { background-color: #0d0d0d !important; }
+.btn-black:not([disabled]):not(.disabled):active, .btn-black:not([disabled]):not(.disabled).active, .show > .btn-black.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: black !important; }
+.btn-black:not([disabled]):not(.disabled):active:focus, .btn-black:not([disabled]):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.black-ic { color: #000 !important; }
+.black-ic:hover, .black-ic:focus { color: #000; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-black { color: #fff; }
+
+.btn-outline-black { border: 2px solid #000 !important; background-color: transparent !important; color: #000 !important; }
+.btn-outline-black:hover, .btn-outline-black:focus, .btn-outline-black:active, .btn-outline-black:active:focus, .btn-outline-black.active { border-color: #000 !important; background-color: transparent !important; color: #000 !important; }
+.btn-outline-black:not([disabled]):not(.disabled):active, .btn-outline-black:not([disabled]):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #000 !important; }
+.btn-outline-black:not([disabled]):not(.disabled):active:focus, .btn-outline-black:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle { color: #fff; }
+
+.btn.purple-gradient { transition: .5s ease; color: #fff; }
+.btn.purple-gradient:hover, .btn.purple-gradient:focus, .btn.purple-gradient:active, .btn.purple-gradient:active:focus .btn.purple-gradient.active { background: linear-gradient(#ff88ce, #8f8bf7); }
+
+.btn.peach-gradient { transition: .5s ease; color: #fff; }
+.btn.peach-gradient:hover, .btn.peach-gradient:focus, .btn.peach-gradient:active, .btn.peach-gradient:active:focus .btn.peach-gradient.active { background: linear-gradient(#ffdf89, #fc7b7b); }
+
+.btn.aqua-gradient { transition: .5s ease; color: #fff; }
+.btn.aqua-gradient:hover, .btn.aqua-gradient:focus, .btn.aqua-gradient:active, .btn.aqua-gradient:active:focus .btn.aqua-gradient.active { background: linear-gradient(#3aa2ff, #1fffac); }
+
+.btn.blue-gradient { transition: .5s ease; color: #fff; }
+.btn.blue-gradient:hover, .btn.blue-gradient:focus, .btn.blue-gradient:active, .btn.blue-gradient:active:focus .btn.blue-gradient.active { background: linear-gradient(#5ed1fc, #3647b3); }
+
+.card { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border: 0; font-weight: 400; }
+.card[class*="border"] { border: 1px solid #9e9e9e; box-shadow: none; }
+.card .card-body h1, .card .card-body h2, .card .card-body h3, .card .card-body h4, .card .card-body h5, .card .card-body h6 { font-weight: 400; }
+.card .card-body .card-title a { transition: 0.2s ease-in-out; }
+.card .card-body .card-title a:hover { transition: 0.2s ease-in-out; }
+.card .card-body .card-text { color: #747373; font-size: 0.9rem; font-weight: 400; }
+.card .md-form label { font-weight: 300; }
+
+.dropdown .dropdown-menu .dropdown-item:active { background-color: #757575; }
+
+.md-form.input-group label { top: 0; margin-bottom: 0; }
+.md-form.input-group .input-group-text { background-color: #e0e0e0; }
+.md-form.input-group .input-group-text.md-addon { border: none; background-color: transparent; font-weight: 500; }
+.md-form.input-group .form-control { margin: 0; padding: 0.375rem 0.75rem; }
+
+.navbar { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); font-weight: 300; }
+.navbar form .md-form input { margin: 0 5px 1px 8px; }
+.navbar .breadcrumb { margin: 0; padding: 0.3rem 0 0 1rem; background-color: inherit; font-size: 15px; font-weight: 300; }
+.navbar .breadcrumb .breadcrumb-item { color: #fff; }
+.navbar .breadcrumb .breadcrumb-item.active { color: rgba(255, 255, 255, 0.65); }
+.navbar .breadcrumb .breadcrumb-item:before { color: rgba(255, 255, 255, 0.65); }
+.navbar .navbar-toggler { outline: 0; border-width: 0; }
+.navbar .nav-flex-icons { flex-direction: row; }
+@media (max-width: 992px) { .navbar .container { width: 100%; }
+ .navbar .container .navbar-toggler-right { right: 0; } }
+.navbar .nav-item .nav-link { display: block; }
+.navbar .nav-item .nav-link.disabled:active { pointer-events: none; }
+.navbar .nav-item .nav-link .fas, .navbar .nav-item .nav-link .fab, .navbar .nav-item .nav-link .far { padding-right: 3px; padding-left: 3px; }
+@media (max-width: 992px) { .navbar .nav-item .nav-link { padding-right: 6px; padding-left: 6px; } }
+.navbar .dropdown-menu { position: absolute !important; margin-top: 0; }
+.navbar .dropdown-menu a { padding: 10px; font-size: 0.9375rem; font-weight: 300; color: #000; }
+@media (max-width: 600px) { .navbar .dropdown-menu form { width: 17rem; } }
+@media (min-width: 600px) { .navbar .dropdown-menu form { width: 22rem; } }
+.navbar.navbar-light .navbar-nav .nav-item .nav-link.disbled { color: rgba(0, 0, 0, 0.3); }
+.navbar.navbar-light .navbar-nav .nav-item .nav-link.disbled:hover { color: rgba(0, 0, 0, 0.3); }
+.navbar.navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); cursor: pointer; }
+.navbar.navbar-light .breadcrumb .nav-item .nav-link, .navbar.navbar-light .navbar-nav .nav-item .nav-link { color: #000; transition: 0.35s; }
+.navbar.navbar-light .breadcrumb .nav-item .nav-link:hover, .navbar.navbar-light .navbar-nav .nav-item .nav-link:hover { color: rgba(0, 0, 0, 0.7); }
+.navbar.navbar-light .breadcrumb .nav-item.active > .nav-link, .navbar.navbar-light .navbar-nav .nav-item.active > .nav-link { background-color: rgba(0, 0, 0, 0.1); }
+.navbar.navbar-light .breadcrumb .nav-item.active > .nav-link:hover, .navbar.navbar-light .navbar-nav .nav-item.active > .nav-link:hover { color: #000; }
+.navbar.navbar-light .navbar-toggler { color: #000; }
+.navbar.navbar-light form .md-form input { border-bottom: 1px solid #000; }
+.navbar.navbar-light form .md-form input:focus:not([readonly]) { border-color: #4285f4; }
+.navbar.navbar-light form .md-form .form-control { color: #000; }
+.navbar.navbar-light form .md-form .form-control::placeholder { color: #000; font-weight: 300; }
+.navbar.navbar-dark .navbar-nav .nav-item .nav-link.disbled { color: rgba(255, 255, 255, 0.25); }
+.navbar.navbar-dark .navbar-nav .nav-item .nav-link.disbled:hover { color: rgba(255, 255, 255, 0.25); }
+.navbar.navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); cursor: pointer; }
+.navbar.navbar-dark .breadcrumb .nav-item .nav-link, .navbar.navbar-dark .navbar-nav .nav-item .nav-link { color: #fff; transition: 0.35s; }
+.navbar.navbar-dark .breadcrumb .nav-item .nav-link:hover, .navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover { color: rgba(255, 255, 255, 0.75); }
+.navbar.navbar-dark .breadcrumb .nav-item.active > .nav-link, .navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link { background-color: rgba(255, 255, 255, 0.1); }
+.navbar.navbar-dark .breadcrumb .nav-item.active > .nav-link:hover, .navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link:hover { color: #fff; }
+.navbar.navbar-dark .navbar-toggler { color: #fff; }
+.navbar.navbar-dark form .md-form input { border-bottom: 1px solid #fff; }
+.navbar.navbar-dark form .md-form input:focus:not([readonly]) { border-color: #4285f4; }
+.navbar.navbar-dark form .md-form .form-control { color: #fff; }
+.navbar.navbar-dark form .md-form .form-control::placeholder { color: #fff; font-weight: 300; }
+@media (min-width: 600px) { .navbar.scrolling-navbar { transition: background 0.5s ease-in-out, padding 0.5s ease-in-out; padding-top: 12px; padding-bottom: 12px; }
+ .navbar.scrolling-navbar .navbar-nav > li { transition-duration: 1s; }
+ .navbar.scrolling-navbar.top-nav-collapse { padding-top: 5px; padding-bottom: 5px; } }
+@media (min-width: 400px) and (max-width: 767px), (min-width: 800px) and (max-width: 850px) { .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse { max-height: 340px; overflow-x: hidden; overflow-y: auto; } }
+
+.pagination .page-item.active .page-link { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); transition: all 0.2s linear; border-radius: 0.125rem; background-color: #4285f4; color: #fff; }
+.pagination .page-item.active .page-link:hover { background-color: #4285f4; }
+.pagination .page-item.disabled .page-link { color: #868e96; }
+.pagination .page-item .page-link { transition: all 0.3s linear; outline: 0; border: 0; background-color: transparent; font-size: 0.9rem; color: #212529; }
+.pagination .page-item .page-link:hover { transition: all 0.3s linear; border-radius: 0.125rem; background-color: #eee; }
+.pagination .page-item .page-link:focus { background-color: transparent; box-shadow: none; }
+.pagination.pagination-lg .page-item .page-link { font-size: 1rem; }
+.pagination.pagination-sm .page-item .page-link { font-size: 0.8rem; }
+.pagination.pagination-circle .page-item .page-link { margin-left: 2px; margin-right: 2px; border-radius: 50%; }
+.pagination.pagination-circle .page-item .page-link:hover { border-radius: 50%; }
+.pagination.pagination-circle .page-item.active .page-link { border-radius: 50%; }
+.pagination.pg-blue .page-item.active .page-link { background-color: #4285f4; }
+.pagination.pg-blue .page-item.active .page-link:hover { background-color: #4285f4; }
+.pagination.pg-red .page-item.active .page-link { background-color: #ff3547; }
+.pagination.pg-red .page-item.active .page-link:hover { background-color: #ff3547; }
+.pagination.pg-teal .page-item.active .page-link { background-color: #2bbbad; }
+.pagination.pg-teal .page-item.active .page-link:hover { background-color: #2bbbad; }
+.pagination.pg-dark-grey .page-item.active .page-link { background-color: #37474f; }
+.pagination.pg-dark-grey .page-item.active .page-link:hover { background-color: #37474f; }
+.pagination.pg-dark .page-item.active .page-link { background-color: #2e2e2e; }
+.pagination.pg-dark .page-item.active .page-link:hover { background-color: #2e2e2e; }
+.pagination.pg-blue-grey .page-item.active .page-link { background-color: #3f729b; }
+.pagination.pg-blue-grey .page-item.active .page-link:hover { background-color: #3f729b; }
+.pagination.pg-amber .page-item.active .page-link { background-color: #ff6f00; }
+.pagination.pg-amber .page-item.active .page-link:hover { background-color: #ff6f00; }
+.pagination.pg-purple .page-item.active .page-link { background-color: #5e35b1; }
+.pagination.pg-purple .page-item.active .page-link:hover { background-color: #5e35b1; }
+
+.badge { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 0.125rem; color: #fff !important; }
+
+.badge-pill { border-radius: 10rem; padding-right: 0.6em; padding-left: 0.6em; }
+
+.badge-primary { background-color: #4285f4 !important; color: #fff !important; }
+
+.badge-danger { background-color: #ff3547 !important; color: #fff !important; }
+
+.badge-warning { background-color: #ffbb33 !important; color: #fff !important; }
+
+.badge-success { background-color: #00c851 !important; color: #fff !important; }
+
+.badge-info { background-color: #33b5e5 !important; color: #fff !important; }
+
+.badge-default { background-color: #2bbbad !important; color: #fff !important; }
+
+.badge-secondary { background-color: #aa66cc !important; color: #fff !important; }
+
+.badge-dark { background-color: #212121 !important; color: #fff !important; }
+
+.badge-light { background-color: #e0e0e0 !important; color: #000 !important; }
+
+body.modal-open { overflow: auto; padding-right: 0 !important; }
+body.scrollable { overflow-y: auto; }
+
+.modal-dialog .modal-content { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); border: 0; border-radius: 0.125rem; }
+.modal-dialog .modal-content .modal-header { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; }
+.modal-dialog.cascading-modal { margin-top: 10%; }
+.modal-dialog.cascading-modal .close { opacity: 1; text-shadow: none; color: #fff; outline: 0; }
+.modal-dialog.cascading-modal .modal-header { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); margin: -2rem 1rem 1rem 1rem; border: none; border-radius: 0.125rem; padding: 1.5rem; text-align: center; }
+.modal-dialog.cascading-modal .modal-header .close { margin-right: 1rem; }
+.modal-dialog.cascading-modal .modal-header .title { margin-bottom: 0; width: 100%; font-size: 1.25rem; }
+.modal-dialog.cascading-modal .modal-header .title .fas, .modal-dialog.cascading-modal .modal-header .title .fab, .modal-dialog.cascading-modal .modal-header .title .far { margin-right: 9px; }
+.modal-dialog.cascading-modal .modal-header .social-buttons { margin-top: 1.5rem; }
+.modal-dialog.cascading-modal .modal-header .social-buttons a { font-size: 1rem; }
+.modal-dialog.cascading-modal .modal-c-tabs .md-tabs { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); margin: -1.5rem 1rem 0 1rem; display: flex; }
+.modal-dialog.cascading-modal .modal-c-tabs .md-tabs li { flex: 1; }
+.modal-dialog.cascading-modal .modal-c-tabs .md-tabs li a { text-align: center; }
+.modal-dialog.cascading-modal .modal-c-tabs .tab-content { padding: 1.7rem 0 0 0; }
+.modal-dialog.cascading-modal .modal-body, .modal-dialog.cascading-modal .modal-footer { padding-left: 2rem; padding-right: 2rem; color: #616161; }
+.modal-dialog.cascading-modal .modal-body .additional-option, .modal-dialog.cascading-modal .modal-footer .additional-option { margin-top: 1rem; text-align: center; }
+.modal-dialog.cascading-modal.modal-avatar { margin-top: 6rem; }
+.modal-dialog.cascading-modal.modal-avatar .modal-header { box-shadow: none; margin: -6rem 0 -1rem; }
+.modal-dialog.cascading-modal.modal-avatar .modal-header img { width: 130px; box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-left: auto; margin-right: auto; }
+.modal-dialog.modal-notify .heading { margin: 0; padding: 0.3rem; font-size: 1.15rem; color: #fff; }
+.modal-dialog.modal-notify .modal-header { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border: 0; }
+.modal-dialog.modal-notify .close { opacity: 1; }
+.modal-dialog.modal-notify .modal-body { padding: 1.5rem; color: #616161; }
+.modal-dialog.modal-notify.modal-primary .modal-header { background-color: #4285f4; }
+.modal-dialog.modal-notify.modal-primary .fas, .modal-dialog.modal-notify.modal-primary .fab, .modal-dialog.modal-notify.modal-primary .far { color: #4285f4; }
+.modal-dialog.modal-notify.modal-primary .badge { background-color: #4285f4; }
+.modal-dialog.modal-notify.modal-primary .btn .fas, .modal-dialog.modal-notify.modal-primary .btn .fab, .modal-dialog.modal-notify.modal-primary .btn .far { color: #fff; }
+.modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .fas, .modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .fab, .modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .far { color: #4285f4; }
+.modal-dialog.modal-notify.modal-danger .modal-header { background-color: #ff3547; }
+.modal-dialog.modal-notify.modal-danger .fas, .modal-dialog.modal-notify.modal-danger .fab, .modal-dialog.modal-notify.modal-danger .far { color: #ff3547; }
+.modal-dialog.modal-notify.modal-danger .badge { background-color: #ff3547; }
+.modal-dialog.modal-notify.modal-danger .btn .fas, .modal-dialog.modal-notify.modal-danger .btn .fab, .modal-dialog.modal-notify.modal-danger .btn .far { color: #fff; }
+.modal-dialog.modal-notify.modal-danger .btn.btn-outline-danger .fas, .modal-dialog.modal-notify.modal-danger .btn.btn-outline-danger .fab, .modal-dialog.modal-notify.modal-danger .btn.btn-outline-danger .far { color: #ff3547; }
+.modal-dialog.modal-notify.modal-warning .modal-header { background-color: #ffbb33; }
+.modal-dialog.modal-notify.modal-warning .fas, .modal-dialog.modal-notify.modal-warning .fab, .modal-dialog.modal-notify.modal-warning .far { color: #ffbb33; }
+.modal-dialog.modal-notify.modal-warning .badge { background-color: #ffbb33; }
+.modal-dialog.modal-notify.modal-warning .btn .fas, .modal-dialog.modal-notify.modal-warning .btn .fab, .modal-dialog.modal-notify.modal-warning .btn .far { color: #fff; }
+.modal-dialog.modal-notify.modal-warning .btn.btn-outline-warning .fas, .modal-dialog.modal-notify.modal-warning .btn.btn-outline-warning .fab, .modal-dialog.modal-notify.modal-warning .btn.btn-outline-warning .far { color: #ffbb33; }
+.modal-dialog.modal-notify.modal-success .modal-header { background-color: #00c851; }
+.modal-dialog.modal-notify.modal-success .fas, .modal-dialog.modal-notify.modal-success .fab, .modal-dialog.modal-notify.modal-success .far { color: #00c851; }
+.modal-dialog.modal-notify.modal-success .badge { background-color: #00c851; }
+.modal-dialog.modal-notify.modal-success .btn .fas, .modal-dialog.modal-notify.modal-success .btn .fab, .modal-dialog.modal-notify.modal-success .btn .far { color: #fff; }
+.modal-dialog.modal-notify.modal-success .btn.btn-outline-success .fas, .modal-dialog.modal-notify.modal-success .btn.btn-outline-success .fab, .modal-dialog.modal-notify.modal-success .btn.btn-outline-success .far { color: #00c851; }
+.modal-dialog.modal-notify.modal-info .modal-header { background-color: #33b5e5; }
+.modal-dialog.modal-notify.modal-info .fas, .modal-dialog.modal-notify.modal-info .fab, .modal-dialog.modal-notify.modal-info .far { color: #33b5e5; }
+.modal-dialog.modal-notify.modal-info .badge { background-color: #33b5e5; }
+.modal-dialog.modal-notify.modal-info .btn .fas, .modal-dialog.modal-notify.modal-info .btn .fab, .modal-dialog.modal-notify.modal-info .btn .far { color: #fff; }
+.modal-dialog.modal-notify.modal-info .btn.btn-outline-info .fas, .modal-dialog.modal-notify.modal-info .btn.btn-outline-info .fab, .modal-dialog.modal-notify.modal-info .btn.btn-outline-info .far { color: #33b5e5; }
+
+.modal { padding-right: 0 !important; }
+@media (min-width: 768px) { .modal .modal-dialog.modal-top { top: 0; }
+ .modal .modal-dialog.modal-left { left: 0; }
+ .modal .modal-dialog.modal-right { right: 0; }
+ .modal .modal-dialog.modal-bottom { bottom: 0; }
+ .modal .modal-dialog.modal-top-left { top: 10px; left: 10px; }
+ .modal .modal-dialog.modal-top-right { top: 10px; right: 10px; }
+ .modal .modal-dialog.modal-bottom-left { bottom: 10px; left: 10px; }
+ .modal .modal-dialog.modal-bottom-right { bottom: 10px; right: 10px; } }
+.modal.fade.top:not(.show) .modal-dialog { transform: translate3d(0, -25%, 0); }
+.modal.fade.left:not(.show) .modal-dialog { transform: translate3d(-25%, 0, 0); }
+.modal.fade.right:not(.show) .modal-dialog { transform: translate3d(25%, 0, 0); }
+.modal.fade.bottom:not(.show) .modal-dialog { transform: translate3d(0, 25%, 0); }
+@media (min-width: 992px) { .modal.modal-scrolling { position: relative; }
+ .modal.modal-scrolling .modal-dialog { position: fixed; z-index: 1050; }
+ .modal.modal-content-clickable { top: auto; bottom: auto; }
+ .modal.modal-content-clickable .modal-dialog { position: fixed; }
+ .modal .modal-fluid { width: 100%; max-width: 100%; }
+ .modal .modal-fluid .modal-content { width: 100%; }
+ .modal .modal-frame { position: absolute; margin: 0 !important; width: 100%; max-width: 100% !important; }
+ .modal .modal-frame.modal-bottom { bottom: 0; }
+ .modal .modal-full-height { position: absolute; display: flex; margin: 0; width: 400px; min-height: 100%; height: auto; min-height: 100%; top: 0; right: 0; }
+ .modal .modal-full-height.modal-top, .modal .modal-full-height.modal-bottom { display: block; width: 100%; max-width: 100%; height: auto; }
+ .modal .modal-full-height.modal-top { bottom: auto; }
+ .modal .modal-full-height.modal-bottom { min-height: 0; top: auto; }
+ .modal .modal-full-height .modal-content { width: 100%; }
+ .modal .modal-full-height.modal-lg { width: 90%; max-width: 90%; } }
+@media (min-width: 992px) and (min-width: 992px) { .modal .modal-full-height.modal-lg { width: 800px; max-width: 800px; } }
+@media (min-width: 992px) and (min-width: 1200px) { .modal .modal-full-height.modal-lg { width: 1000px; max-width: 1000px; } }
+@media (min-width: 992px) { .modal .modal-side { position: absolute; bottom: 10px; right: 10px; margin: 0; width: 400px; } }
+
+.carousel .carousel-control-prev-icon, .carousel .carousel-control-next-icon { width: 20px; height: 20px; }
+.carousel .carousel-control-prev-icon { background-image: url(../img/svg/arrow_left.svg); }
+.carousel .carousel-control-next-icon { background-image: url(../img/svg/arrow_right.svg); }
+.carousel .carousel-indicators li { width: 0.625rem; height: 0.625rem; border-radius: 50%; cursor: pointer; }
+
+.carousel-fade .carousel-item { opacity: 0; transition-duration: 0.6s; transition-property: opacity; }
+.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { opacity: 1; }
+.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-right.active { opacity: 0; }
+.carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-prev.active { transform: translateX(0); }
+@supports (transform-style: preserve-3d) { .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-prev.active { transform: translate3d(0, 0, 0); } }
+
+.md-form { position: relative; margin-top: 1.5rem; margin-bottom: 1.5rem; }
+.md-form input[type=text], .md-form input[type=password], .md-form input[type=email], .md-form input[type=url], .md-form input[type=time], .md-form input[type=date], .md-form input[type=datetime-local], .md-form input[type=tel], .md-form input[type=number], .md-form input[type=search-md], .md-form input[type=search], .md-form textarea.md-textarea { transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; outline: none; box-shadow: none; border: none; border-bottom: 1px solid #ced4da; border-radius: 0; box-sizing: content-box; background-color: transparent; }
+.md-form input[type=text]:focus:not([readonly]), .md-form input[type=password]:focus:not([readonly]), .md-form input[type=email]:focus:not([readonly]), .md-form input[type=url]:focus:not([readonly]), .md-form input[type=time]:focus:not([readonly]), .md-form input[type=date]:focus:not([readonly]), .md-form input[type=datetime-local]:focus:not([readonly]), .md-form input[type=tel]:focus:not([readonly]), .md-form input[type=number]:focus:not([readonly]), .md-form input[type=search-md]:focus:not([readonly]), .md-form input[type=search]:focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]) { box-shadow: 0 1px 0 0 #4285f4; border-bottom: 1px solid #4285f4; }
+.md-form input[type=text]:focus:not([readonly]) + label, .md-form input[type=password]:focus:not([readonly]) + label, .md-form input[type=email]:focus:not([readonly]) + label, .md-form input[type=url]:focus:not([readonly]) + label, .md-form input[type=time]:focus:not([readonly]) + label, .md-form input[type=date]:focus:not([readonly]) + label, .md-form input[type=datetime-local]:focus:not([readonly]) + label, .md-form input[type=tel]:focus:not([readonly]) + label, .md-form input[type=number]:focus:not([readonly]) + label, .md-form input[type=search-md]:focus:not([readonly]) + label, .md-form input[type=search]:focus:not([readonly]) + label, .md-form textarea.md-textarea:focus:not([readonly]) + label { color: #4285f4; }
+.md-form input[type=text] + label:after, .md-form input[type=password] + label:after, .md-form input[type=email] + label:after, .md-form input[type=url] + label:after, .md-form input[type=time] + label:after, .md-form input[type=date] + label:after, .md-form input[type=datetime-local] + label:after, .md-form input[type=tel] + label:after, .md-form input[type=number] + label:after, .md-form input[type=search-md] + label:after, .md-form input[type=search] + label:after, .md-form textarea.md-textarea + label:after { content: ""; position: absolute; top: 65px; display: block; opacity: 0; transition: 0.2s opacity ease-out, 0.2s color ease-out; }
+.md-form input[type=text].valid, .md-form input[type=text]:focus.valid, .md-form input[type=password].valid, .md-form input[type=password]:focus.valid, .md-form input[type=email].valid, .md-form input[type=email]:focus.valid, .md-form input[type=url].valid, .md-form input[type=url]:focus.valid, .md-form input[type=time].valid, .md-form input[type=time]:focus.valid, .md-form input[type=date].valid, .md-form input[type=date]:focus.valid, .md-form input[type=datetime-local].valid, .md-form input[type=datetime-local]:focus.valid, .md-form input[type=tel].valid, .md-form input[type=tel]:focus.valid, .md-form input[type=number].valid, .md-form input[type=number]:focus.valid, .md-form input[type=search-md].valid, .md-form input[type=search-md]:focus.valid, .md-form input[type=search].valid, .md-form input[type=search]:focus.valid, .md-form textarea.md-textarea.valid, .md-form textarea.md-textarea:focus.valid { border-bottom: 1px solid #00c851; box-shadow: 0 1px 0 0 #00c851; }
+.md-form input[type=text].valid + label:after, .md-form input[type=text]:focus.valid + label:after, .md-form input[type=password].valid + label:after, .md-form input[type=password]:focus.valid + label:after, .md-form input[type=email].valid + label:after, .md-form input[type=email]:focus.valid + label:after, .md-form input[type=url].valid + label:after, .md-form input[type=url]:focus.valid + label:after, .md-form input[type=time].valid + label:after, .md-form input[type=time]:focus.valid + label:after, .md-form input[type=date].valid + label:after, .md-form input[type=date]:focus.valid + label:after, .md-form input[type=datetime-local].valid + label:after, .md-form input[type=datetime-local]:focus.valid + label:after, .md-form input[type=tel].valid + label:after, .md-form input[type=tel]:focus.valid + label:after, .md-form input[type=number].valid + label:after, .md-form input[type=number]:focus.valid + label:after, .md-form input[type=search-md].valid + label:after, .md-form input[type=search-md]:focus.valid + label:after, .md-form input[type=search].valid + label:after, .md-form input[type=search]:focus.valid + label:after, .md-form textarea.md-textarea.valid + label:after, .md-form textarea.md-textarea:focus.valid + label:after { content: attr(data-success); color: #00c851; opacity: 1; }
+.md-form input[type=text].invalid, .md-form input[type=text]:focus.invalid, .md-form input[type=password].invalid, .md-form input[type=password]:focus.invalid, .md-form input[type=email].invalid, .md-form input[type=email]:focus.invalid, .md-form input[type=url].invalid, .md-form input[type=url]:focus.invalid, .md-form input[type=time].invalid, .md-form input[type=time]:focus.invalid, .md-form input[type=date].invalid, .md-form input[type=date]:focus.invalid, .md-form input[type=datetime-local].invalid, .md-form input[type=datetime-local]:focus.invalid, .md-form input[type=tel].invalid, .md-form input[type=tel]:focus.invalid, .md-form input[type=number].invalid, .md-form input[type=number]:focus.invalid, .md-form input[type=search-md].invalid, .md-form input[type=search-md]:focus.invalid, .md-form input[type=search].invalid, .md-form input[type=search]:focus.invalid, .md-form textarea.md-textarea.invalid, .md-form textarea.md-textarea:focus.invalid { border-bottom: 1px solid #f44336; box-shadow: 0 1px 0 0 #f44336; }
+.md-form input[type=text].invalid + label:after, .md-form input[type=text]:focus.invalid + label:after, .md-form input[type=password].invalid + label:after, .md-form input[type=password]:focus.invalid + label:after, .md-form input[type=email].invalid + label:after, .md-form input[type=email]:focus.invalid + label:after, .md-form input[type=url].invalid + label:after, .md-form input[type=url]:focus.invalid + label:after, .md-form input[type=time].invalid + label:after, .md-form input[type=time]:focus.invalid + label:after, .md-form input[type=date].invalid + label:after, .md-form input[type=date]:focus.invalid + label:after, .md-form input[type=datetime-local].invalid + label:after, .md-form input[type=datetime-local]:focus.invalid + label:after, .md-form input[type=tel].invalid + label:after, .md-form input[type=tel]:focus.invalid + label:after, .md-form input[type=number].invalid + label:after, .md-form input[type=number]:focus.invalid + label:after, .md-form input[type=search-md].invalid + label:after, .md-form input[type=search-md]:focus.invalid + label:after, .md-form input[type=search].invalid + label:after, .md-form input[type=search]:focus.invalid + label:after, .md-form textarea.md-textarea.invalid + label:after, .md-form textarea.md-textarea:focus.invalid + label:after { content: attr(data-error); color: #f44336; opacity: 1; }
+.md-form input[type=text].form-control.valid + label:after, .md-form input[type=text].form-control:focus.valid + label:after, .md-form input[type=password].form-control.valid + label:after, .md-form input[type=password].form-control:focus.valid + label:after, .md-form input[type=email].form-control.valid + label:after, .md-form input[type=email].form-control:focus.valid + label:after, .md-form input[type=url].form-control.valid + label:after, .md-form input[type=url].form-control:focus.valid + label:after, .md-form input[type=time].form-control.valid + label:after, .md-form input[type=time].form-control:focus.valid + label:after, .md-form input[type=date].form-control.valid + label:after, .md-form input[type=date].form-control:focus.valid + label:after, .md-form input[type=datetime-local].form-control.valid + label:after, .md-form input[type=datetime-local].form-control:focus.valid + label:after, .md-form input[type=tel].form-control.valid + label:after, .md-form input[type=tel].form-control:focus.valid + label:after, .md-form input[type=number].form-control.valid + label:after, .md-form input[type=number].form-control:focus.valid + label:after, .md-form input[type=search-md].form-control.valid + label:after, .md-form input[type=search-md].form-control:focus.valid + label:after, .md-form input[type=search].form-control.valid + label:after, .md-form input[type=search].form-control:focus.valid + label:after, .md-form textarea.md-textarea.form-control.valid + label:after, .md-form textarea.md-textarea.form-control:focus.valid + label:after { top: 4.1rem; }
+.md-form input[type=text].form-control.invalid + label:after, .md-form input[type=text].form-control:focus.invalid + label:after, .md-form input[type=password].form-control.invalid + label:after, .md-form input[type=password].form-control:focus.invalid + label:after, .md-form input[type=email].form-control.invalid + label:after, .md-form input[type=email].form-control:focus.invalid + label:after, .md-form input[type=url].form-control.invalid + label:after, .md-form input[type=url].form-control:focus.invalid + label:after, .md-form input[type=time].form-control.invalid + label:after, .md-form input[type=time].form-control:focus.invalid + label:after, .md-form input[type=date].form-control.invalid + label:after, .md-form input[type=date].form-control:focus.invalid + label:after, .md-form input[type=datetime-local].form-control.invalid + label:after, .md-form input[type=datetime-local].form-control:focus.invalid + label:after, .md-form input[type=tel].form-control.invalid + label:after, .md-form input[type=tel].form-control:focus.invalid + label:after, .md-form input[type=number].form-control.invalid + label:after, .md-form input[type=number].form-control:focus.invalid + label:after, .md-form input[type=search-md].form-control.invalid + label:after, .md-form input[type=search-md].form-control:focus.invalid + label:after, .md-form input[type=search].form-control.invalid + label:after, .md-form input[type=search].form-control:focus.invalid + label:after, .md-form textarea.md-textarea.form-control.invalid + label:after, .md-form textarea.md-textarea.form-control:focus.invalid + label:after { top: 4rem; }
+.md-form input[type=text].form-control-lg.valid + label:after, .md-form input[type=text].form-control-lg:focus.valid + label:after, .md-form input[type=password].form-control-lg.valid + label:after, .md-form input[type=password].form-control-lg:focus.valid + label:after, .md-form input[type=email].form-control-lg.valid + label:after, .md-form input[type=email].form-control-lg:focus.valid + label:after, .md-form input[type=url].form-control-lg.valid + label:after, .md-form input[type=url].form-control-lg:focus.valid + label:after, .md-form input[type=time].form-control-lg.valid + label:after, .md-form input[type=time].form-control-lg:focus.valid + label:after, .md-form input[type=date].form-control-lg.valid + label:after, .md-form input[type=date].form-control-lg:focus.valid + label:after, .md-form input[type=datetime-local].form-control-lg.valid + label:after, .md-form input[type=datetime-local].form-control-lg:focus.valid + label:after, .md-form input[type=tel].form-control-lg.valid + label:after, .md-form input[type=tel].form-control-lg:focus.valid + label:after, .md-form input[type=number].form-control-lg.valid + label:after, .md-form input[type=number].form-control-lg:focus.valid + label:after, .md-form input[type=search-md].form-control-lg.valid + label:after, .md-form input[type=search-md].form-control-lg:focus.valid + label:after, .md-form input[type=search].form-control-lg.valid + label:after, .md-form input[type=search].form-control-lg:focus.valid + label:after, .md-form textarea.md-textarea.form-control-lg.valid + label:after, .md-form textarea.md-textarea.form-control-lg:focus.valid + label:after { top: 4.6rem; }
+.md-form input[type=text].form-control-lg.invalid + label:after, .md-form input[type=text].form-control-lg:focus.invalid + label:after, .md-form input[type=password].form-control-lg.invalid + label:after, .md-form input[type=password].form-control-lg:focus.invalid + label:after, .md-form input[type=email].form-control-lg.invalid + label:after, .md-form input[type=email].form-control-lg:focus.invalid + label:after, .md-form input[type=url].form-control-lg.invalid + label:after, .md-form input[type=url].form-control-lg:focus.invalid + label:after, .md-form input[type=time].form-control-lg.invalid + label:after, .md-form input[type=time].form-control-lg:focus.invalid + label:after, .md-form input[type=date].form-control-lg.invalid + label:after, .md-form input[type=date].form-control-lg:focus.invalid + label:after, .md-form input[type=datetime-local].form-control-lg.invalid + label:after, .md-form input[type=datetime-local].form-control-lg:focus.invalid + label:after, .md-form input[type=tel].form-control-lg.invalid + label:after, .md-form input[type=tel].form-control-lg:focus.invalid + label:after, .md-form input[type=number].form-control-lg.invalid + label:after, .md-form input[type=number].form-control-lg:focus.invalid + label:after, .md-form input[type=search-md].form-control-lg.invalid + label:after, .md-form input[type=search-md].form-control-lg:focus.invalid + label:after, .md-form input[type=search].form-control-lg.invalid + label:after, .md-form input[type=search].form-control-lg:focus.invalid + label:after, .md-form textarea.md-textarea.form-control-lg.invalid + label:after, .md-form textarea.md-textarea.form-control-lg:focus.invalid + label:after { top: 4.6rem; }
+.md-form input[type=text].form-control-sm.valid + label:after, .md-form input[type=text].form-control-sm:focus.valid + label:after, .md-form input[type=password].form-control-sm.valid + label:after, .md-form input[type=password].form-control-sm:focus.valid + label:after, .md-form input[type=email].form-control-sm.valid + label:after, .md-form input[type=email].form-control-sm:focus.valid + label:after, .md-form input[type=url].form-control-sm.valid + label:after, .md-form input[type=url].form-control-sm:focus.valid + label:after, .md-form input[type=time].form-control-sm.valid + label:after, .md-form input[type=time].form-control-sm:focus.valid + label:after, .md-form input[type=date].form-control-sm.valid + label:after, .md-form input[type=date].form-control-sm:focus.valid + label:after, .md-form input[type=datetime-local].form-control-sm.valid + label:after, .md-form input[type=datetime-local].form-control-sm:focus.valid + label:after, .md-form input[type=tel].form-control-sm.valid + label:after, .md-form input[type=tel].form-control-sm:focus.valid + label:after, .md-form input[type=number].form-control-sm.valid + label:after, .md-form input[type=number].form-control-sm:focus.valid + label:after, .md-form input[type=search-md].form-control-sm.valid + label:after, .md-form input[type=search-md].form-control-sm:focus.valid + label:after, .md-form input[type=search].form-control-sm.valid + label:after, .md-form input[type=search].form-control-sm:focus.valid + label:after, .md-form textarea.md-textarea.form-control-sm.valid + label:after, .md-form textarea.md-textarea.form-control-sm:focus.valid + label:after { top: 3.7rem; }
+.md-form input[type=text].form-control-sm.invalid + label:after, .md-form input[type=text].form-control-sm:focus.invalid + label:after, .md-form input[type=password].form-control-sm.invalid + label:after, .md-form input[type=password].form-control-sm:focus.invalid + label:after, .md-form input[type=email].form-control-sm.invalid + label:after, .md-form input[type=email].form-control-sm:focus.invalid + label:after, .md-form input[type=url].form-control-sm.invalid + label:after, .md-form input[type=url].form-control-sm:focus.invalid + label:after, .md-form input[type=time].form-control-sm.invalid + label:after, .md-form input[type=time].form-control-sm:focus.invalid + label:after, .md-form input[type=date].form-control-sm.invalid + label:after, .md-form input[type=date].form-control-sm:focus.invalid + label:after, .md-form input[type=datetime-local].form-control-sm.invalid + label:after, .md-form input[type=datetime-local].form-control-sm:focus.invalid + label:after, .md-form input[type=tel].form-control-sm.invalid + label:after, .md-form input[type=tel].form-control-sm:focus.invalid + label:after, .md-form input[type=number].form-control-sm.invalid + label:after, .md-form input[type=number].form-control-sm:focus.invalid + label:after, .md-form input[type=search-md].form-control-sm.invalid + label:after, .md-form input[type=search-md].form-control-sm:focus.invalid + label:after, .md-form input[type=search].form-control-sm.invalid + label:after, .md-form input[type=search].form-control-sm:focus.invalid + label:after, .md-form textarea.md-textarea.form-control-sm.invalid + label:after, .md-form textarea.md-textarea.form-control-sm:focus.invalid + label:after { top: 3.6rem; }
+.md-form > input[type=date]:not(.browser-default) + label { transform: translateY(-27px) scale(0.8); transform-origin: 0 0; }
+.md-form > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label, .md-form > input[type=time]:not(.browser-default) + label { transform: translateY(-25px); transform-origin: 0 0; font-size: .8rem; }
+.md-form .was-validated input[type=text]:valid + label { color: #00c851 !important; }
+.md-form .was-validated input[type=text]:invalid + label { color: #f44336 !important; }
+.md-form .was-validated .form-control:valid:focus { box-shadow: 0 1px 0 0 #00c851 !important; }
+.md-form .was-validated .form-control:valid { border-color: #00c851 !important; }
+.md-form .was-validated .form-control:invalid:focus { box-shadow: 0 1px 0 0 #f44336 !important; }
+.md-form .was-validated .form-control:invalid { border-color: #f44336 !important; }
+.md-form .form-control { margin: 0 0 0.5rem 0; border-radius: 0; padding: 0.6rem 0 0.4rem 0; background-color: transparent; height: auto; }
+.md-form .form-control:focus { box-shadow: none; }
+.md-form .form-control:disabled, .md-form .form-control[readonly] { border-bottom: 1px solid #bdbdbd; background-color: transparent; }
+.md-form .form-control.is-valid { border-color: #00c851; }
+.md-form .form-control.is-valid:focus { border-color: #00c851 !important; box-shadow: 0 1px 0 0 #00c851 !important; }
+.md-form .form-control.is-invalid { border-color: #f44336; }
+.md-form .form-control.is-invalid:focus { box-shadow: 0 1px 0 0 #f44336 !important; border-color: #f44336 !important; }
+.md-form .form-control.is-valid, .md-form .form-control.is-invalid { background-position: center right !important; }
+.md-form .validate { margin-bottom: 2.5rem; }
+.md-form label { font-size: 1rem; }
+.md-form label.active { font-size: 1rem; }
+.md-form .prefix { top: 0.25rem; font-size: 1.75rem; }
+.md-form .prefix ~ input, .md-form .prefix ~ textarea { margin-left: 2.5rem; width: calc(100% - 2.5rem); }
+.md-form .prefix ~ label { margin-left: 2.5rem; }
+.md-form .prefix ~ .form-text { margin-left: 2.6rem; }
+.md-form label { position: absolute; top: 0; left: 0; font-size: 1rem; transition: transform .2s ease-out, color .2s ease-out; transform-origin: 0% 100%; transform: translateY(12px); cursor: text; color: #757575; }
+.md-form label.active { transform: translateY(-14px) scale(0.8); }
+.md-form .prefix { position: absolute; transition: color 0.2s; }
+.md-form .prefix.active { color: #4285f4; }
+.md-form.form-lg .validate { margin-bottom: 2.8rem; }
+.md-form.form-lg label { font-size: 1.25rem; }
+.md-form.form-lg label.active { font-size: 1.15rem; }
+.md-form.form-lg .prefix { top: 0.4rem; font-size: 2rem; }
+.md-form.form-lg .prefix ~ input, .md-form.form-lg .prefix ~ textarea { margin-left: 3rem; width: calc(100% - 3rem); }
+.md-form.form-lg .prefix ~ label { margin-left: 3rem; }
+.md-form.form-lg .prefix ~ .form-text { margin-left: 3.1rem; }
+.md-form.form-sm .validate { margin-bottom: 2.3rem; }
+.md-form.form-sm label { font-size: 0.875rem; }
+.md-form.form-sm label.active { font-size: 0.95rem; }
+.md-form.form-sm .prefix { top: 0.35rem; font-size: 1.5rem; }
+.md-form.form-sm .prefix ~ input, .md-form.form-sm .prefix ~ textarea { margin-left: 2rem; width: calc(100% - 2rem); }
+.md-form.form-sm .prefix ~ label { margin-left: 2rem; }
+.md-form.form-sm .prefix ~ .form-text { margin-left: 2rem; }
+.md-form textarea.md-textarea { overflow-y: hidden; padding: 1.5rem 0; resize: none; }
+.md-form textarea.md-textarea-auto { padding: 0; padding-top: 1.5rem; }
+.md-form.md-outline { position: relative; margin-top: 1.5rem; margin-bottom: 1.5rem; }
+.md-form.md-outline input[type=text], .md-form.md-outline input[type=password], .md-form.md-outline input[type=email], .md-form.md-outline input[type=url], .md-form.md-outline input[type=time], .md-form.md-outline input[type=date], .md-form.md-outline input[type=datetime-local], .md-form.md-outline input[type=tel], .md-form.md-outline input[type=number], .md-form.md-outline input[type=search-md], .md-form.md-outline input[type=search], .md-form.md-outline textarea.md-textarea { transition: all .3s; outline: none; box-shadow: none; border: 1px solid #dadce0; border-radius: 4px; background-color: transparent; box-sizing: border-box; }
+.md-form.md-outline input[type=text]:focus:not([readonly]), .md-form.md-outline input[type=password]:focus:not([readonly]), .md-form.md-outline input[type=email]:focus:not([readonly]), .md-form.md-outline input[type=url]:focus:not([readonly]), .md-form.md-outline input[type=time]:focus:not([readonly]), .md-form.md-outline input[type=date]:focus:not([readonly]), .md-form.md-outline input[type=datetime-local]:focus:not([readonly]), .md-form.md-outline input[type=tel]:focus:not([readonly]), .md-form.md-outline input[type=number]:focus:not([readonly]), .md-form.md-outline input[type=search-md]:focus:not([readonly]), .md-form.md-outline input[type=search]:focus:not([readonly]), .md-form.md-outline textarea.md-textarea:focus:not([readonly]) { border-color: #4285f4; box-shadow: inset 0px 0px 0px 1px #4285f4; }
+.md-form.md-outline input[type=text]:focus:not([readonly]) + label, .md-form.md-outline input[type=password]:focus:not([readonly]) + label, .md-form.md-outline input[type=email]:focus:not([readonly]) + label, .md-form.md-outline input[type=url]:focus:not([readonly]) + label, .md-form.md-outline input[type=time]:focus:not([readonly]) + label, .md-form.md-outline input[type=date]:focus:not([readonly]) + label, .md-form.md-outline input[type=datetime-local]:focus:not([readonly]) + label, .md-form.md-outline input[type=tel]:focus:not([readonly]) + label, .md-form.md-outline input[type=number]:focus:not([readonly]) + label, .md-form.md-outline input[type=search-md]:focus:not([readonly]) + label, .md-form.md-outline input[type=search]:focus:not([readonly]) + label, .md-form.md-outline textarea.md-textarea:focus:not([readonly]) + label { color: #4285f4; }
+.md-form.md-outline input[type=text].valid, .md-form.md-outline input[type=text]:focus.valid, .md-form.md-outline input[type=password].valid, .md-form.md-outline input[type=password]:focus.valid, .md-form.md-outline input[type=email].valid, .md-form.md-outline input[type=email]:focus.valid, .md-form.md-outline input[type=url].valid, .md-form.md-outline input[type=url]:focus.valid, .md-form.md-outline input[type=time].valid, .md-form.md-outline input[type=time]:focus.valid, .md-form.md-outline input[type=date].valid, .md-form.md-outline input[type=date]:focus.valid, .md-form.md-outline input[type=datetime-local].valid, .md-form.md-outline input[type=datetime-local]:focus.valid, .md-form.md-outline input[type=tel].valid, .md-form.md-outline input[type=tel]:focus.valid, .md-form.md-outline input[type=number].valid, .md-form.md-outline input[type=number]:focus.valid, .md-form.md-outline input[type=search-md].valid, .md-form.md-outline input[type=search-md]:focus.valid, .md-form.md-outline input[type=search].valid, .md-form.md-outline input[type=search]:focus.valid, .md-form.md-outline textarea.md-textarea.valid, .md-form.md-outline textarea.md-textarea:focus.valid { border-color: #00c851; box-shadow: inset 0px 0px 0px 1px #00c851; }
+.md-form.md-outline input[type=text]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=text].valid + label:after, .md-form.md-outline input[type=text]:focus.valid + label:after, .md-form.md-outline input[type=password]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=password].valid + label:after, .md-form.md-outline input[type=password]:focus.valid + label:after, .md-form.md-outline input[type=email]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=email].valid + label:after, .md-form.md-outline input[type=email]:focus.valid + label:after, .md-form.md-outline input[type=url]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=url].valid + label:after, .md-form.md-outline input[type=url]:focus.valid + label:after, .md-form.md-outline input[type=time]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=time].valid + label:after, .md-form.md-outline input[type=time]:focus.valid + label:after, .md-form.md-outline input[type=date]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=date].valid + label:after, .md-form.md-outline input[type=date]:focus.valid + label:after, .md-form.md-outline input[type=datetime-local]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=datetime-local].valid + label:after, .md-form.md-outline input[type=datetime-local]:focus.valid + label:after, .md-form.md-outline input[type=tel]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=tel].valid + label:after, .md-form.md-outline input[type=tel]:focus.valid + label:after, .md-form.md-outline input[type=number]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=number].valid + label:after, .md-form.md-outline input[type=number]:focus.valid + label:after, .md-form.md-outline input[type=search-md]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=search-md].valid + label:after, .md-form.md-outline input[type=search-md]:focus.valid + label:after, .md-form.md-outline input[type=search]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=search].valid + label:after, .md-form.md-outline input[type=search]:focus.valid + label:after, .md-form.md-outline textarea.md-textarea:focus:not([readonly]).valid + label, .md-form.md-outline textarea.md-textarea.valid + label:after, .md-form.md-outline textarea.md-textarea:focus.valid + label:after { content: attr(data-success); color: #00c851; opacity: 1; }
+.md-form.md-outline input[type=text].invalid, .md-form.md-outline input[type=text]:focus.invalid, .md-form.md-outline input[type=password].invalid, .md-form.md-outline input[type=password]:focus.invalid, .md-form.md-outline input[type=email].invalid, .md-form.md-outline input[type=email]:focus.invalid, .md-form.md-outline input[type=url].invalid, .md-form.md-outline input[type=url]:focus.invalid, .md-form.md-outline input[type=time].invalid, .md-form.md-outline input[type=time]:focus.invalid, .md-form.md-outline input[type=date].invalid, .md-form.md-outline input[type=date]:focus.invalid, .md-form.md-outline input[type=datetime-local].invalid, .md-form.md-outline input[type=datetime-local]:focus.invalid, .md-form.md-outline input[type=tel].invalid, .md-form.md-outline input[type=tel]:focus.invalid, .md-form.md-outline input[type=number].invalid, .md-form.md-outline input[type=number]:focus.invalid, .md-form.md-outline input[type=search-md].invalid, .md-form.md-outline input[type=search-md]:focus.invalid, .md-form.md-outline input[type=search].invalid, .md-form.md-outline input[type=search]:focus.invalid, .md-form.md-outline textarea.md-textarea.invalid, .md-form.md-outline textarea.md-textarea:focus.invalid { border-color: #f44336; box-shadow: inset 0px 0px 0px 1px #f44336; }
+.md-form.md-outline input[type=text]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=text].invalid + label:after, .md-form.md-outline input[type=text]:focus.invalid + label:after, .md-form.md-outline input[type=password]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=password].invalid + label:after, .md-form.md-outline input[type=password]:focus.invalid + label:after, .md-form.md-outline input[type=email]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=email].invalid + label:after, .md-form.md-outline input[type=email]:focus.invalid + label:after, .md-form.md-outline input[type=url]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=url].invalid + label:after, .md-form.md-outline input[type=url]:focus.invalid + label:after, .md-form.md-outline input[type=time]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=time].invalid + label:after, .md-form.md-outline input[type=time]:focus.invalid + label:after, .md-form.md-outline input[type=date]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=date].invalid + label:after, .md-form.md-outline input[type=date]:focus.invalid + label:after, .md-form.md-outline input[type=datetime-local]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=datetime-local].invalid + label:after, .md-form.md-outline input[type=datetime-local]:focus.invalid + label:after, .md-form.md-outline input[type=tel]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=tel].invalid + label:after, .md-form.md-outline input[type=tel]:focus.invalid + label:after, .md-form.md-outline input[type=number]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=number].invalid + label:after, .md-form.md-outline input[type=number]:focus.invalid + label:after, .md-form.md-outline input[type=search-md]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=search-md].invalid + label:after, .md-form.md-outline input[type=search-md]:focus.invalid + label:after, .md-form.md-outline input[type=search]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=search].invalid + label:after, .md-form.md-outline input[type=search]:focus.invalid + label:after, .md-form.md-outline textarea.md-textarea:focus:not([readonly]).invalid + label, .md-form.md-outline textarea.md-textarea.invalid + label:after, .md-form.md-outline textarea.md-textarea:focus.invalid + label:after { content: attr(data-error); color: #f44336; opacity: 1; }
+.md-form.md-outline input[type=text].form-control.valid + label:after, .md-form.md-outline input[type=text].form-control:focus.valid + label:after, .md-form.md-outline input[type=password].form-control.valid + label:after, .md-form.md-outline input[type=password].form-control:focus.valid + label:after, .md-form.md-outline input[type=email].form-control.valid + label:after, .md-form.md-outline input[type=email].form-control:focus.valid + label:after, .md-form.md-outline input[type=url].form-control.valid + label:after, .md-form.md-outline input[type=url].form-control:focus.valid + label:after, .md-form.md-outline input[type=time].form-control.valid + label:after, .md-form.md-outline input[type=time].form-control:focus.valid + label:after, .md-form.md-outline input[type=date].form-control.valid + label:after, .md-form.md-outline input[type=date].form-control:focus.valid + label:after, .md-form.md-outline input[type=datetime-local].form-control.valid + label:after, .md-form.md-outline input[type=datetime-local].form-control:focus.valid + label:after, .md-form.md-outline input[type=tel].form-control.valid + label:after, .md-form.md-outline input[type=tel].form-control:focus.valid + label:after, .md-form.md-outline input[type=number].form-control.valid + label:after, .md-form.md-outline input[type=number].form-control:focus.valid + label:after, .md-form.md-outline input[type=search-md].form-control.valid + label:after, .md-form.md-outline input[type=search-md].form-control:focus.valid + label:after, .md-form.md-outline input[type=search].form-control.valid + label:after, .md-form.md-outline input[type=search].form-control:focus.valid + label:after, .md-form.md-outline textarea.md-textarea.form-control.valid + label:after, .md-form.md-outline textarea.md-textarea.form-control:focus.valid + label:after { top: 2.75rem; left: 0; position: absolute; }
+.md-form.md-outline input[type=text].form-control.invalid + label:after, .md-form.md-outline input[type=text].form-control:focus.invalid + label:after, .md-form.md-outline input[type=password].form-control.invalid + label:after, .md-form.md-outline input[type=password].form-control:focus.invalid + label:after, .md-form.md-outline input[type=email].form-control.invalid + label:after, .md-form.md-outline input[type=email].form-control:focus.invalid + label:after, .md-form.md-outline input[type=url].form-control.invalid + label:after, .md-form.md-outline input[type=url].form-control:focus.invalid + label:after, .md-form.md-outline input[type=time].form-control.invalid + label:after, .md-form.md-outline input[type=time].form-control:focus.invalid + label:after, .md-form.md-outline input[type=date].form-control.invalid + label:after, .md-form.md-outline input[type=date].form-control:focus.invalid + label:after, .md-form.md-outline input[type=datetime-local].form-control.invalid + label:after, .md-form.md-outline input[type=datetime-local].form-control:focus.invalid + label:after, .md-form.md-outline input[type=tel].form-control.invalid + label:after, .md-form.md-outline input[type=tel].form-control:focus.invalid + label:after, .md-form.md-outline input[type=number].form-control.invalid + label:after, .md-form.md-outline input[type=number].form-control:focus.invalid + label:after, .md-form.md-outline input[type=search-md].form-control.invalid + label:after, .md-form.md-outline input[type=search-md].form-control:focus.invalid + label:after, .md-form.md-outline input[type=search].form-control.invalid + label:after, .md-form.md-outline input[type=search].form-control:focus.invalid + label:after, .md-form.md-outline textarea.md-textarea.form-control.invalid + label:after, .md-form.md-outline textarea.md-textarea.form-control:focus.invalid + label:after { top: 2.75rem; left: 0; position: absolute; }
+.md-form.md-outline > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label, .md-form.md-outline > input[type=time]:not(.browser-default) + label { transform: translateY(-9px) scale(0.8); transform-origin: 0 0; background: #fff; font-weight: 500; padding-right: 5px; padding-left: 5px; font-size: 1rem; left: 8px; }
+.md-form.md-outline > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label.active, .md-form.md-outline > input[type=time]:not(.browser-default) + label.active { transform: translateY(-9px) scale(0.8); transform-origin: 0 0; }
+@-webkit-keyframes autofill { to { color: #495057; background: transparent; } }
+@keyframes autofill { to { color: #495057; background: transparent; } }
+.md-form.md-outline input:-webkit-autofill { -webkit-animation-name: autofill; animation-name: autofill; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
+.md-form.md-outline .form-control { padding: .375rem .75rem; }
+.md-form.md-outline label { font-size: 1rem; position: absolute; top: 0; left: 0; padding-left: 10px; transition: transform .2s ease-out, color .2s ease-out; transform-origin: 0% 100%; transform: translateY(9px); cursor: text; color: #757575; }
+.md-form.md-outline label.active { transform: translateY(-13px) scale(0.8); background: #fff; font-weight: 500; padding-right: 5px; padding-left: 5px; left: 8px; }
+.md-form.md-outline.form-lg .form-control.form-control-lg { padding: .5rem .725rem; }
+.md-form.md-outline.form-lg label { font-size: 1.25rem; transform: translateY(10px); }
+.md-form.md-outline.form-lg label.active { font-size: 1.1rem; transform: translateY(-14px) scale(0.8); }
+.md-form.md-outline.form-lg .prefix { top: .65rem; font-size: 25px; }
+.md-form.md-outline.form-lg .prefix ~ input, .md-form.md-outline.form-lg .prefix ~ textarea { margin-left: 2.2rem; width: calc(100% - 2.2rem); }
+.md-form.md-outline.form-lg .prefix ~ label { margin-left: 2.2rem; }
+.md-form.md-outline.form-lg .prefix ~ .form-text { margin-left: 2.3rem; }
+.md-form.md-outline.form-sm .form-control.form-control-sm { padding: .25rem .625rem; }
+.md-form.md-outline.form-sm label { font-size: .8rem; transform: translateY(8px); }
+.md-form.md-outline.form-sm label.active { font-size: .85rem; transform: translateY(-12px) scale(0.8); }
+.md-form.md-outline.form-sm .prefix { top: .5rem; font-size: 15px; }
+.md-form.md-outline.form-sm .prefix ~ input, .md-form.md-outline.form-sm .prefix ~ textarea { margin-left: 1.6rem; width: calc(100% - 1.6rem); }
+.md-form.md-outline.form-sm .prefix ~ label { margin-left: 1.6rem; }
+.md-form.md-outline.form-sm .prefix ~ .form-text { margin-left: 1.7rem; }
+.md-form.md-outline .prefix { position: absolute; transition: color .2s; }
+.md-form.md-outline .prefix:focus { color: #4285f4; }
+.md-form.md-outline .prefix { top: .6rem; font-size: 20px; }
+.md-form.md-outline .prefix ~ input, .md-form.md-outline .prefix ~ textarea { margin-left: 2rem; width: calc(100% - 2rem); }
+.md-form.md-outline .prefix ~ label { margin-left: 2rem; }
+.md-form.md-outline .prefix ~ .form-text { margin-left: 2.1rem; }
+.md-form.md-outline .character-counter { margin-top: -.5rem; }
+.md-form.md-bg input[type=text], .md-form.md-bg input[type=password], .md-form.md-bg input[type=email], .md-form.md-bg input[type=url], .md-form.md-bg input[type=time], .md-form.md-bg input[type=date], .md-form.md-bg input[type=datetime-local], .md-form.md-bg input[type=tel], .md-form.md-bg input[type=number], .md-form.md-bg input[type=search-md], .md-form.md-bg input[type=search], .md-form.md-bg textarea.md-textarea { box-sizing: border-box; padding: 10px 5px; border: 0; border-top-left-radius: .3rem; border-top-right-radius: .3rem; background: #f5f5f5 no-repeat; background-image: linear-gradient(to bottom, #4285f4, #4285f4), linear-gradient(to bottom, #ced4da, #ced4da); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1); }
+.md-form.md-bg input[type=text]:focus:not([readonly]), .md-form.md-bg input[type=password]:focus:not([readonly]), .md-form.md-bg input[type=email]:focus:not([readonly]), .md-form.md-bg input[type=url]:focus:not([readonly]), .md-form.md-bg input[type=time]:focus:not([readonly]), .md-form.md-bg input[type=date]:focus:not([readonly]), .md-form.md-bg input[type=datetime-local]:focus:not([readonly]), .md-form.md-bg input[type=tel]:focus:not([readonly]), .md-form.md-bg input[type=number]:focus:not([readonly]), .md-form.md-bg input[type=search-md]:focus:not([readonly]), .md-form.md-bg input[type=search]:focus:not([readonly]), .md-form.md-bg textarea.md-textarea:focus:not([readonly]) { box-shadow: none; border-bottom: none; }
+.md-form.md-bg input[type=text]:focus, .md-form.md-bg input[type=password]:focus, .md-form.md-bg input[type=email]:focus, .md-form.md-bg input[type=url]:focus, .md-form.md-bg input[type=time]:focus, .md-form.md-bg input[type=date]:focus, .md-form.md-bg input[type=datetime-local]:focus, .md-form.md-bg input[type=tel]:focus, .md-form.md-bg input[type=number]:focus, .md-form.md-bg input[type=search-md]:focus, .md-form.md-bg input[type=search]:focus, .md-form.md-bg textarea.md-textarea:focus { background-color: #dcdcdc; background-size: 100% 2px, 100% 1px; outline: none; }
+.md-form.md-bg > input[type=date]:not(.browser-default) + label { transform: translateY(-12px) scale(0.8); transform-origin: 0 0; }
+.md-form.md-bg > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label, .md-form.md-bg > input[type=time]:not(.browser-default) + label { transform: translateY(-12px); transform-origin: 0 0; font-size: .8rem; }
+.md-form.md-bg .form-control { padding: 1.1rem .7rem .4rem !important; }
+.md-form.md-bg label { top: 0; padding-left: .7rem; font-size: 1rem; transition: transform .2s ease-out, color .2s ease-out; transform-origin: 0% 100%; transform: translateY(13px); }
+.md-form.md-bg label.active { transform: translateY(-3px) scale(0.8); font-weight: 500; padding-left: .75rem; }
+.md-form.md-bg.form-lg label { transform: translateY(16px); }
+.md-form.md-bg.form-lg label.active { transform: translateY(-4px) scale(0.8); }
+.md-form.md-bg.form-sm label { transform: translateY(11px); }
+.md-form.md-bg.form-sm label.active { transform: translateY(-2px) scale(0.8); }
+
+.md-form .form-control.is-invalid, .was-validated .md-form .form-control:invalid { padding-right: 0; }
+
+.md-form .form-control.is-valid, .was-validated .md-form .form-control:valid { padding-right: 0; }
+
+.needs-validation .md-form label { left: .3rem; }
+
+.custom-file-input:lang(es) ~ .custom-file-label::after { content: "Elegir"; }
+
+.custom-file-input:lang(pl-PL) ~ .custom-file-label::after { content: "Wybierz"; }
+
+.custom-file-input:lang(fr) ~ .custom-file-label::after { content: "Choisir"; }
+
+.custom-file-input:lang(in) ~ .custom-file-label::after { content: "Pilih"; }
+
+.custom-file-input:lang(zh) ~ .custom-file-label::after { content: "選擇"; }
+
+.custom-file-input:lang(de) ~ .custom-file-label::after { content: "Wählen"; }
+
+.custom-file-input:lang(ru) ~ .custom-file-label::after { content: "выбирать"; }
+
+.edge-header { display: block; height: 278px; background-color: #ccc; }
+
+.free-bird { margin-top: -100px; }
+
+.juicy-peach-gradient { background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%); }
+
+.young-passion-gradient { background-image: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%); }
+
+.lady-lips-gradient { background-image: linear-gradient(to top, #ff9a9e 0%, #fecfef 99%, #fecfef 100%); }
+
+.sunny-morning-gradient { background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%); }
+
+.rainy-ashville-gradient { background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%); }
+
+.frozen-dreams-gradient { background-image: linear-gradient(to top, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%); }
+
+.warm-flame-gradient { background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%); }
+
+.night-fade-gradient { background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%); }
+
+.spring-warmth-gradient { background-image: linear-gradient(to top, #fad0c4 0%, #ffd1ff 100%); }
+
+.winter-neva-gradient { background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%); }
+
+.dusty-grass-gradient { background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%); }
+
+.tempting-azure-gradient { background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%); }
+
+.heavy-rain-gradient { background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%); }
+
+.amy-crisp-gradient { background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%); }
+
+.mean-fruit-gradient { background-image: linear-gradient(120deg, #fccb90 0%, #d57eeb 100%); }
+
+.deep-blue-gradient { background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%); }
+
+.ripe-malinka-gradient { background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%); }
+
+.cloudy-knoxville-gradient { background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%); }
+
+.morpheus-den-gradient { background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%); }
+
+.rare-wind-gradient { background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%); }
+
+.near-moon-gradient { background-image: linear-gradient(to top, #5ee7df 0%, #b490ca 100%); }
+
+.schedule-list .hr-bold { border-top: 2px solid #212529; }
+.schedule-list .font-smaller { font-size: .8rem; }
+
+.note { padding: 10px; border-left: 6px solid; border-radius: 5px; }
+.note strong { font-weight: 600; }
+.note p { font-weight: 500; }
+.note.note-primary { background-color: #dfeefd; border-color: #176ac4; }
+.note.note-secondary { background-color: #e2e3e5; border-color: #58595a; }
+.note.note-success { background-color: #e2f0e5; border-color: #49a75f; }
+.note.note-danger { background-color: #fae7e8; border-color: #e45460; }
+.note.note-warning { background-color: #faf4e0; border-color: #c2a442; }
+.note.note-info { background-color: #e4f2f5; border-color: #2492a5; }
+.note.note-light { background-color: #fefefe; border-color: #0f0f0f; }
+
+footer.page-footer { bottom: 0; color: #fff; }
+footer.page-footer .container-fluid, footer.page-footer .content { width: auto; }
+footer.page-footer .footer-copyright { overflow: hidden; background-color: rgba(0, 0, 0, 0.2); color: rgba(255, 255, 255, 0.6); }
+footer.page-footer a { color: #fff; }
+
+.media .media-left { padding: 0 10px 10px 0; }
+.media .media-left img { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
+
+.list-group .list-group-item:first-child { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; }
+.list-group .list-group-item:last-child { border-bottom-left-radius: 0.125rem; border-bottom-right-radius: 0.125rem; }
+.list-group a, .list-group button { transition: 0.5s; }
+.list-group a:hover, .list-group button:hover { transition: 0.5s; }
+
+table th { font-size: 0.9rem; font-weight: 400; }
+table td { font-size: 0.9rem; font-weight: 300; }
+table.table thead th { border-top: none; }
+table.table th, table.table td { padding-top: 1.1rem; padding-bottom: 1rem; }
+table.table a { margin: 0; color: #212529; }
+table.table .label-table { margin: 0; padding: 0; line-height: 0.94rem; height: 0.94rem; }
+table.table.btn-table td { vertical-align: middle; }
+table.table-hover tbody tr:hover { transition: 0.5s; background-color: rgba(0, 0, 0, 0.075); }
+table .th-lg { min-width: 9rem; }
+table .th-sm { min-width: 6rem; }
+table.table-sm th, table.table-sm td { padding-top: 0.6rem; padding-bottom: 0.6rem; }
+
+.table-scroll-vertical { max-height: 300px; overflow-y: auto; }
+
+.table-fixed { table-layout: fixed; }
+
+.table-responsive > .table-bordered, .table-responsive-sm > .table-bordered, .table-responsive-md > .table-bordered, .table-responsive-lg > .table-bordered, .table-responsive-xl > .table-bordered { border-top: 1px solid #dee2e6; }
+
+ul.stepper { counter-reset: section; overflow-y: auto; overflow-x: hidden; margin: 1em -1.5rem; padding: 0 1.5rem; padding: 1.5rem; }
+ul.stepper li a { padding: 1.5rem; text-align: center; }
+ul.stepper li a .circle { display: inline-block; color: #fff; border-radius: 50%; background: rgba(0, 0, 0, 0.38); width: 1.75rem; height: 1.75rem; text-align: center; line-height: 1.7rem; margin-right: 0.5rem; }
+ul.stepper li a .label { display: inline-block; color: rgba(0, 0, 0, 0.38); }
+ul.stepper li.active a .label, ul.stepper li.completed a .label { font-weight: 600; color: rgba(0, 0, 0, 0.87); }
+
+.stepper-horizontal { position: relative; display: flex; justify-content: space-between; }
+.stepper-horizontal li { transition: 0.5s; display: flex; align-items: center; flex: 1; position: relative; }
+.stepper-horizontal li a .label { margin-top: 0.63rem; }
+.stepper-horizontal li:not(:last-child):after { content: ""; position: relative; flex: 1; margin: 0.5rem 0 0 0; height: 1px; background-color: rgba(0, 0, 0, 0.1); }
+.stepper-horizontal li:not(:first-child):before { content: ""; position: relative; flex: 1; margin: 0.5rem 0 0 0; height: 1px; background-color: rgba(0, 0, 0, 0.1); }
+.stepper-horizontal li:hover { background-color: rgba(0, 0, 0, 0.06); }
+@media (max-width: 47.9375rem) { .stepper-horizontal { flex-direction: column; }
+ .stepper-horizontal li { align-items: flex-start; flex-direction: column; }
+ .stepper-horizontal li a .label { flex-flow: column nowrap; order: 2; margin-top: 0.2rem; }
+ .stepper-horizontal li:not(:last-child):after { content: ""; position: absolute; width: 1px; height: calc(100% - 40px); left: 2.19rem; top: 3.75rem; } }
+.stepper-horizontal > li:not(:last-of-type) { margin-bottom: 0 !important; }
+
+.stepper-vertical { position: relative; display: flex; flex-direction: column; justify-content: space-between; }
+.stepper-vertical li { display: flex; align-items: flex-start; flex: 1; flex-direction: column; position: relative; }
+.stepper-vertical li a { align-self: flex-start; display: flex; position: relative; }
+.stepper-vertical li a .circle { order: 1; }
+.stepper-vertical li a .label { flex-flow: column nowrap; order: 2; margin-top: 0.2rem; }
+.stepper-vertical li.completed a .label { font-weight: 500; }
+.stepper-vertical li .step-content { display: block; margin-top: 0; margin-left: 3.13rem; padding: 0.94rem; }
+.stepper-vertical li .step-content p { font-size: 0.88rem; }
+.stepper-vertical li:not(:last-child):after { content: ""; position: absolute; width: 1px; height: calc(100% - 40px); left: 2.19rem; top: 3.44rem; background-color: rgba(0, 0, 0, 0.1); }
+
+.fast.spinner-border { animation: spinner-border .4s linear infinite; }
+.fast.spinner-grow { animation: spinner-grow 0.4s linear infinite; }
+
+.treeview.w-20 { width: 20rem; }
+.treeview .rotate { cursor: pointer; user-select: none; transition: all .1s linear; font-size: .8rem; vertical-align: text-top; margin-top: .2rem; }
+.treeview .rotate.down { transform: rotate(90deg); }
+.treeview .nested { display: none; }
+.treeview .active { display: block; }
+.treeview ul { list-style-type: none; }
+.treeview .ic-w { width: 1.3rem; }
+
+.treeview-animated.w-20 { width: 20rem; }
+.treeview-animated ul { position: relative; list-style: none; padding-left: 1em; }
+.treeview-animated .treeview-animated-list li { padding: 0.2em 0 0 0.2em; }
+.treeview-animated .treeview-animated-list .treeview-animated-items .nested::before { content: ""; display: block; position: absolute; background-color: grey; left: 5px; width: 5px; height: 100%; }
+.treeview-animated .treeview-animated-list .treeview-animated-items .closed { display: block; padding: 0.2em 0.2em 0.2em 0.4em; margin-right: 0; border-top-left-radius: 0.3em; border-bottom-left-radius: 0.3em; }
+.treeview-animated .treeview-animated-list .treeview-animated-items .closed:hover { background-color: #8cb9ff; }
+.treeview-animated .treeview-animated-list .treeview-animated-items .closed .fa-angle-right { transition: all .1s linear; font-size: .8rem; }
+.treeview-animated .treeview-animated-list .treeview-animated-items .closed .fa-angle-right.down { position: relative; color: #f8f9fa; transform: rotate(90deg); }
+.treeview-animated .treeview-animated-list .treeview-animated-items .open { transition: all .1s linear; background-color: #32a0ff; }
+.treeview-animated .treeview-animated-list .treeview-animated-items .open:hover { color: #f8f9fa; background-color: #32a0ff; }
+.treeview-animated .treeview-animated-list .treeview-animated-items .open span { color: #f8f9fa; }
+.treeview-animated .treeview-animated-list .treeview-animated-element { padding: 0.2em 0.2em 0.2em 0.6em; cursor: pointer; transition: all .1s linear; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
+.treeview-animated .treeview-animated-list .treeview-animated-element:hover { background-color: #8cb9ff; }
+.treeview-animated .treeview-animated-list .treeview-animated-element.opened { color: #f8f9fa; background-color: #32a0ff; }
+.treeview-animated .treeview-animated-list .treeview-animated-element.opened:hover { color: #f8f9fa; background-color: #32a0ff; }
+
+.treeview-colorful { font-size: 16px; font-weight: 400; background: rgba(224, 127, 178, 0.2); }
+.treeview-colorful.w-20 { width: 20rem; }
+.treeview-colorful hr { border-color: #a2127a; }
+.treeview-colorful h6 { font-size: 1.4em; font-weight: 500; color: #a2127a; }
+.treeview-colorful ul { position: relative; list-style: none; padding-left: 0; }
+.treeview-colorful .treeview-colorful-list ul { padding-left: 1em; margin-top: 0.1em; background: rgba(224, 127, 178, 0.2); }
+.treeview-colorful .treeview-colorful-element { padding: 0.2em 0.2em 0.2em 1em; cursor: pointer; transition: all .1s linear; border: 2px solid transparent; border-right: 0px solid transparent; }
+.treeview-colorful .treeview-colorful-element:hover { background-color: #e07fb2; }
+.treeview-colorful .treeview-colorful-element.opened { color: #ffac47; border: 2px solid #ffac47; border-right: 0px solid transparent; background-color: #a2127a; }
+.treeview-colorful .treeview-colorful-element.opened:hover { color: #ffac47; background-color: #a2127a; }
+.treeview-colorful .treeview-colorful-items-header { display: block; padding: 0.4em; margin-right: 0; border-bottom: 2px solid transparent; transition: all .1s linear; }
+.treeview-colorful .treeview-colorful-items-header:hover { background-color: #e07fb2; }
+.treeview-colorful .treeview-colorful-items-header.open { transition: all .1s linear; background-color: #a2127a; border-bottom: 2px solid #ffac47; }
+.treeview-colorful .treeview-colorful-items-header.open span { color: #ffac47; }
+.treeview-colorful .treeview-colorful-items-header.open:hover { color: #ffac47; background-color: #a2127a; }
+.treeview-colorful .treeview-colorful-items-header.open div:hover { background-color: #a2127a; }
+.treeview-colorful .treeview-colorful-items-header .fa-angle-right { transition: all .2s linear; font-size: .8rem; }
+.treeview-colorful .treeview-colorful-items-header .fas { position: relative; transition: all .2s linear; transform: rotate(90deg); color: #ffac47; }
+.treeview-colorful .treeview-colorful-items-header .fa-minus-circle { transition: all .2s linear; position: relative; color: #ffac47; transform: rotate(180deg); }
+
+/** Variables **********************************************
+$base-font-family: Helvetica, sans-serif;
+$base-font-size: 15px;
+$base-line-height: 1.5em;
+$horizontal-spacing-unit: 50px;
+$vertical-spacing-unit: 40px;
+$nav-height: 56px;
+
+/* portfolio tinkering */
+/* COLORS */
+/* footer */
+/* navigation bar border */
+/* Set theme color *************************/
+/************************************************************/
+.badge-notify { background: #b71c1c !important; }
+
+body { color: #3c4858; background-color: #fdfdfd; -webkit-text-size-adjust: 100%; }
+
+.breadcrumb { color: #3c4858; background-color: #fdfdfd; }
+
+.table { color: #3c4858; }
+
+.navbar a { color: #3c4858 !important; }
+
+footer a { color: #fafafa; }
+footer a:hover { color: #b71c1c; }
+
+.title { font-family: "Roboto Slab", "Times New Roman", serif; }
+
+a { color: #b71c1c; text-decoration: none; }
+a:hover { text-decoration: none; }
+
+.plain-link .fa { color: #747373; }
+
+.navbar-brand a { color: #f8f9fa !important; }
+
+.navbar-active a { color: #b71c1c !important; }
+
+.arrow-icon { color: #90a4ae; background: #90a4ae; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: initial; }
+.arrow-icon:hover { color: #cbd4d9; background: #cbd4d9; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; }
+
+.gm-icon { background: #c84e3f; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: initial; }
+.gm-icon:hover { background: #df978e; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; }
+
+.gs-icon { background: #5086ec; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: initial; }
+.gs-icon:hover { background: #acc6f6; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; }
+
+.gh-icon { color: #25292e; background: #25292e; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: initial; }
+.gh-icon:hover { color: #525b67; background: #525b67; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; }
+
+.li-icon { background: #0e76a8; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: initial; }
+.li-icon:hover { background: #2eb0ee; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; }
+
+.fb-icon { background: #3b5998; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: initial; }
+.fb-icon:hover { background: #718dc8; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; }
+
+.tw-icon { background: #1da1f2; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: initial; }
+.tw-icon:hover { background: #7dc9f8; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; }
+
+.wp-icon { color: #21759b; background: #21759b; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: initial; }
+.wp-icon:hover { color: #4aacd8; background: #4aacd8; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; }
+
+.cv h3 { color: #b71c1c; }
+
+.bibliography .abbr a:hover { background: #ff4444 !important; }
+
+progress { /* Reset the appearance */ -webkit-appearance: none; -moz-appearance: none; appearance: none; /* Get rid of the default border in Firefox/Opera. */ border: none; /* Progress bar container for Firefox/IE10+ */ background-color: transparent; /* Progress bar value for IE10+ */ color: #b71c1c; }
+
+progress::-webkit-progress-bar { background-color: transparent; }
+
+progress::-webkit-progress-value { background-color: #b71c1c; }
+
+progress::-moz-progress-bar { background-color: #b71c1c; }
+
+.progress-container { background-color: transparent; }
+
+.progress-bar { background-color: #b71c1c; }
+
+.bibliography-year { color: #ddd; text-align: right; }
+
+.bibliography li .title { font-weight: bolder; }
+.bibliography li .author a { color: #3c4858; border-bottom: 1px dashed; }
+.bibliography li .author a:hover { border-bottom-style: solid; text-decoration: none; }
+.bibliography li .author nobr > em { font-weight: bold; font-style: normal; color: #b71c1c; }
+
+body { padding-top: 56px; padding-bottom: 70px; }
+
+.navbar { margin-right: auto; margin-left: auto; max-width: 100%; }
+.navbar .container { margin-right: auto; margin-left: auto; max-width: 800px; }
+
+.container-fluid, .content { margin-right: auto; margin-left: auto; max-width: 800px; }
+
+footer { margin-right: auto; margin-left: auto; width: 100%; font-size: 72%; padding: 2px; position: fixed; left: 0px; bottom: 0px; width: 100%; text-align: center !important; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
+
+progress { position: fixed; left: 0; top: 56px; z-index: 10; width: 100%; height: 5px; }
+
+.progress-container { display: block; position: fixed; left: 0; top: 56px; width: 100%; height: 5px; }
+
+.progress-bar { display: block; width: 0%; height: inherit; }
+
+.profile-img { max-width: 100%; height: auto; border-radius: 50% !important; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; max-width: 200px; }
+
+.contact-icon { display: block; font-size: 35px; }
+
+.news .date { width: 85px; }
+.news .text p, .news .text a { padding-left: .2em; }
+
+/* Projects */
+.project-card { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; flex: 0 0 100%; max-width: 100%; }
+@media (min-width: 576px) { .project-card { flex: 0 0 50%; max-width: 50%; } }
+@media (min-width: 768px) { .project-card { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } }
+.project-card .card { transition: all 0.2s ease-in-out; margin-bottom: 1.5rem; padding: 0; }
+.project-card .card:hover { box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); transition: all 0.2s ease-in-out; }
+.project-card .wordpress-icon { display: block; font-size: 40px; margin-bottom: -0.3em; margin-top: 0.5rem; margin-left: -0.25rem; margin-right: 0.5rem; padding: 0; }
+.project-card .wordpress-icon .icon { margin-right: 0.25rem; }
+.project-card .github-icon { margin-top: 0.5rem; margin-bottom: -1.5rem; margin-left: -0.25rem; margin-right: 0.5rem; padding: 0; }
+.project-card .github-icon .icon { display: block; font-size: 40px; margin-bottom: -0.3em; margin-right: 0.25rem; }
+.project-card .github-icon .stars { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; background-color: #b71c1c !important; color: #fff !important; position: relative; top: -50px; left: 20px; }
+@media (prefers-reduced-motion: reduce) { .project-card .github-icon .stars { transition: none; } }
+a.project-card .github-icon .stars:hover, a.project-card .github-icon .stars:focus { text-decoration: none; }
+.project-card .github-icon .stars:empty { display: none; }
+
+/* Publications */
+.bibliography { padding: 0em; }
+.bibliography .abbr span { width: 65px; }
+.bibliography li { list-style: none; }
+.bibliography li .title { font-size: 16px; }
+.bibliography li .author { font-size: 12px; }
+.bibliography li .periodical { font-size: 12px; line-height: 1.2em; margin-bottom: 5px; }
+.bibliography li .abstract { font-size: 12px; }
+.bibliography li .badge { font-size: 10px; }
+
+/*!
+ * Material Design for Bootstrap 4
+ * Version: MDB FREE 4.8.8
+ *
+ *
+ * Copyright: Material Design for Bootstrap
+ * https://mdbootstrap.com/
+ *
+ * Read the license: https://mdbootstrap.com/general/license/
+ *
+ *
+ * Documentation: https://mdbootstrap.com/
+ *
+ * Getting started: https://mdbootstrap.com/docs/jquery/getting-started/download/
+ *
+ * Tutorials: https://mdbootstrap.com/education/bootstrap/
+ *
+ * Templates: https://mdbootstrap.com/templates/
+ *
+ * Support: https://mdbootstrap.com/support/
+ *
+ * Contact: office@mdbootstrap.com
+ *
+ * Attribution: Animate CSS, Twitter Bootstrap, Materialize CSS, Normalize CSS, Waves JS, WOW JS, Toastr, Chart.js
+ *
+ */
+.mdb-color.lighten-5 { background-color: #d0d6e2 !important; }
+
+.mdb-color.lighten-4 { background-color: #b1bace !important; }
+
+.mdb-color.lighten-3 { background-color: #929fba !important; }
+
+.mdb-color.lighten-2 { background-color: #7283a7 !important; }
+
+.mdb-color.lighten-1 { background-color: #59698d !important; }
+
+.mdb-color { background-color: #45526e !important; }
+
+.mdb-color-text { color: #45526e !important; }
+
+.rgba-mdb-color-slight, .rgba-mdb-color-slight:after { background-color: rgba(69, 82, 110, 0.1); }
+
+.rgba-mdb-color-light, .rgba-mdb-color-light:after { background-color: rgba(69, 82, 110, 0.3); }
+
+.rgba-mdb-color-strong, .rgba-mdb-color-strong:after { background-color: rgba(69, 82, 110, 0.7); }
+
+.mdb-color.darken-1 { background-color: #3b465e !important; }
+
+.mdb-color.darken-2 { background-color: #2e3951 !important; }
+
+.mdb-color.darken-3 { background-color: #1c2a48 !important; }
+
+.mdb-color.darken-4 { background-color: #1c2331 !important; }
+
+.red.lighten-5 { background-color: #ffebee !important; }
+
+.red.lighten-4 { background-color: #ffcdd2 !important; }
+
+.red.lighten-3 { background-color: #ef9a9a !important; }
+
+.red.lighten-2 { background-color: #e57373 !important; }
+
+.red.lighten-1 { background-color: #ef5350 !important; }
+
+.red { background-color: #f44336 !important; }
+
+.red-text { color: #f44336 !important; }
+
+.rgba-red-slight, .rgba-red-slight:after { background-color: rgba(244, 67, 54, 0.1); }
+
+.rgba-red-light, .rgba-red-light:after { background-color: rgba(244, 67, 54, 0.3); }
+
+.rgba-red-strong, .rgba-red-strong:after { background-color: rgba(244, 67, 54, 0.7); }
+
+.red.darken-1 { background-color: #e53935 !important; }
+
+.red.darken-2 { background-color: #d32f2f !important; }
+
+.red.darken-3 { background-color: #c62828 !important; }
+
+.red.darken-4 { background-color: #b71c1c !important; }
+
+.red.accent-1 { background-color: #ff8a80 !important; }
+
+.red.accent-2 { background-color: #ff5252 !important; }
+
+.red.accent-3 { background-color: #ff1744 !important; }
+
+.red.accent-4 { background-color: #d50000 !important; }
+
+.pink.lighten-5 { background-color: #fce4ec !important; }
+
+.pink.lighten-4 { background-color: #f8bbd0 !important; }
+
+.pink.lighten-3 { background-color: #f48fb1 !important; }
+
+.pink.lighten-2 { background-color: #f06292 !important; }
+
+.pink.lighten-1 { background-color: #ec407a !important; }
+
+.pink { background-color: #e91e63 !important; }
+
+.pink-text { color: #e91e63 !important; }
+
+.rgba-pink-slight, .rgba-pink-slight:after { background-color: rgba(233, 30, 99, 0.1); }
+
+.rgba-pink-light, .rgba-pink-light:after { background-color: rgba(233, 30, 99, 0.3); }
+
+.rgba-pink-strong, .rgba-pink-strong:after { background-color: rgba(233, 30, 99, 0.7); }
+
+.pink.darken-1 { background-color: #d81b60 !important; }
+
+.pink.darken-2 { background-color: #c2185b !important; }
+
+.pink.darken-3 { background-color: #ad1457 !important; }
+
+.pink.darken-4 { background-color: #880e4f !important; }
+
+.pink.accent-1 { background-color: #ff80ab !important; }
+
+.pink.accent-2 { background-color: #ff4081 !important; }
+
+.pink.accent-3 { background-color: #f50057 !important; }
+
+.pink.accent-4 { background-color: #c51162 !important; }
+
+.purple.lighten-5 { background-color: #f3e5f5 !important; }
+
+.purple.lighten-4 { background-color: #e1bee7 !important; }
+
+.purple.lighten-3 { background-color: #ce93d8 !important; }
+
+.purple.lighten-2 { background-color: #ba68c8 !important; }
+
+.purple.lighten-1 { background-color: #ab47bc !important; }
+
+.purple { background-color: #9c27b0 !important; }
+
+.purple-text { color: #9c27b0 !important; }
+
+.rgba-purple-slight, .rgba-purple-slight:after { background-color: rgba(156, 39, 176, 0.1); }
+
+.rgba-purple-light, .rgba-purple-light:after { background-color: rgba(156, 39, 176, 0.3); }
+
+.rgba-purple-strong, .rgba-purple-strong:after { background-color: rgba(156, 39, 176, 0.7); }
+
+.purple.darken-1 { background-color: #8e24aa !important; }
+
+.purple.darken-2 { background-color: #7b1fa2 !important; }
+
+.purple.darken-3 { background-color: #6a1b9a !important; }
+
+.purple.darken-4 { background-color: #4a148c !important; }
+
+.purple.accent-1 { background-color: #ea80fc !important; }
+
+.purple.accent-2 { background-color: #e040fb !important; }
+
+.purple.accent-3 { background-color: #d500f9 !important; }
+
+.purple.accent-4 { background-color: #aa00ff !important; }
+
+.deep-purple.lighten-5 { background-color: #ede7f6 !important; }
+
+.deep-purple.lighten-4 { background-color: #d1c4e9 !important; }
+
+.deep-purple.lighten-3 { background-color: #b39ddb !important; }
+
+.deep-purple.lighten-2 { background-color: #9575cd !important; }
+
+.deep-purple.lighten-1 { background-color: #7e57c2 !important; }
+
+.deep-purple { background-color: #673ab7 !important; }
+
+.deep-purple-text { color: #673ab7 !important; }
+
+.rgba-deep-purple-slight, .rgba-deep-purple-slight:after { background-color: rgba(103, 58, 183, 0.1); }
+
+.rgba-deep-purple-light, .rgba-deep-purple-light:after { background-color: rgba(103, 58, 183, 0.3); }
+
+.rgba-deep-purple-strong, .rgba-deep-purple-strong:after { background-color: rgba(103, 58, 183, 0.7); }
+
+.deep-purple.darken-1 { background-color: #5e35b1 !important; }
+
+.deep-purple.darken-2 { background-color: #512da8 !important; }
+
+.deep-purple.darken-3 { background-color: #4527a0 !important; }
+
+.deep-purple.darken-4 { background-color: #311b92 !important; }
+
+.deep-purple.accent-1 { background-color: #b388ff !important; }
+
+.deep-purple.accent-2 { background-color: #7c4dff !important; }
+
+.deep-purple.accent-3 { background-color: #651fff !important; }
+
+.deep-purple.accent-4 { background-color: #6200ea !important; }
+
+.indigo.lighten-5 { background-color: #e8eaf6 !important; }
+
+.indigo.lighten-4 { background-color: #c5cae9 !important; }
+
+.indigo.lighten-3 { background-color: #9fa8da !important; }
+
+.indigo.lighten-2 { background-color: #7986cb !important; }
+
+.indigo.lighten-1 { background-color: #5c6bc0 !important; }
+
+.indigo { background-color: #3f51b5 !important; }
+
+.indigo-text { color: #3f51b5 !important; }
+
+.rgba-indigo-slight, .rgba-indigo-slight:after { background-color: rgba(63, 81, 181, 0.1); }
+
+.rgba-indigo-light, .rgba-indigo-light:after { background-color: rgba(63, 81, 181, 0.3); }
+
+.rgba-indigo-strong, .rgba-indigo-strong:after { background-color: rgba(63, 81, 181, 0.7); }
+
+.indigo.darken-1 { background-color: #3949ab !important; }
+
+.indigo.darken-2 { background-color: #303f9f !important; }
+
+.indigo.darken-3 { background-color: #283593 !important; }
+
+.indigo.darken-4 { background-color: #1a237e !important; }
+
+.indigo.accent-1 { background-color: #8c9eff !important; }
+
+.indigo.accent-2 { background-color: #536dfe !important; }
+
+.indigo.accent-3 { background-color: #3d5afe !important; }
+
+.indigo.accent-4 { background-color: #304ffe !important; }
+
+.blue.lighten-5 { background-color: #e3f2fd !important; }
+
+.blue.lighten-4 { background-color: #bbdefb !important; }
+
+.blue.lighten-3 { background-color: #90caf9 !important; }
+
+.blue.lighten-2 { background-color: #64b5f6 !important; }
+
+.blue.lighten-1 { background-color: #42a5f5 !important; }
+
+.blue { background-color: #2196f3 !important; }
+
+.blue-text { color: #2196f3 !important; }
+
+.rgba-blue-slight, .rgba-blue-slight:after { background-color: rgba(33, 150, 243, 0.1); }
+
+.rgba-blue-light, .rgba-blue-light:after { background-color: rgba(33, 150, 243, 0.3); }
+
+.rgba-blue-strong, .rgba-blue-strong:after { background-color: rgba(33, 150, 243, 0.7); }
+
+.blue.darken-1 { background-color: #1e88e5 !important; }
+
+.blue.darken-2 { background-color: #1976d2 !important; }
+
+.blue.darken-3 { background-color: #1565c0 !important; }
+
+.blue.darken-4 { background-color: #0d47a1 !important; }
+
+.blue.accent-1 { background-color: #82b1ff !important; }
+
+.blue.accent-2 { background-color: #448aff !important; }
+
+.blue.accent-3 { background-color: #2979ff !important; }
+
+.blue.accent-4 { background-color: #2962ff !important; }
+
+.light-blue.lighten-5 { background-color: #e1f5fe !important; }
+
+.light-blue.lighten-4 { background-color: #b3e5fc !important; }
+
+.light-blue.lighten-3 { background-color: #81d4fa !important; }
+
+.light-blue.lighten-2 { background-color: #4fc3f7 !important; }
+
+.light-blue.lighten-1 { background-color: #29b6f6 !important; }
+
+.light-blue { background-color: #03a9f4 !important; }
+
+.light-blue-text { color: #03a9f4 !important; }
+
+.rgba-light-blue-slight, .rgba-light-blue-slight:after { background-color: rgba(3, 169, 244, 0.1); }
+
+.rgba-light-blue-light, .rgba-light-blue-light:after { background-color: rgba(3, 169, 244, 0.3); }
+
+.rgba-light-blue-strong, .rgba-light-blue-strong:after { background-color: rgba(3, 169, 244, 0.7); }
+
+.light-blue.darken-1 { background-color: #039be5 !important; }
+
+.light-blue.darken-2 { background-color: #0288d1 !important; }
+
+.light-blue.darken-3 { background-color: #0277bd !important; }
+
+.light-blue.darken-4 { background-color: #01579b !important; }
+
+.light-blue.accent-1 { background-color: #80d8ff !important; }
+
+.light-blue.accent-2 { background-color: #40c4ff !important; }
+
+.light-blue.accent-3 { background-color: #00b0ff !important; }
+
+.light-blue.accent-4 { background-color: #0091ea !important; }
+
+.cyan.lighten-5 { background-color: #e0f7fa !important; }
+
+.cyan.lighten-4 { background-color: #b2ebf2 !important; }
+
+.cyan.lighten-3 { background-color: #80deea !important; }
+
+.cyan.lighten-2 { background-color: #4dd0e1 !important; }
+
+.cyan.lighten-1 { background-color: #26c6da !important; }
+
+.cyan { background-color: #00bcd4 !important; }
+
+.cyan-text { color: #00bcd4 !important; }
+
+.rgba-cyan-slight, .rgba-cyan-slight:after { background-color: rgba(0, 188, 212, 0.1); }
+
+.rgba-cyan-light, .rgba-cyan-light:after { background-color: rgba(0, 188, 212, 0.3); }
+
+.rgba-cyan-strong, .rgba-cyan-strong:after { background-color: rgba(0, 188, 212, 0.7); }
+
+.cyan.darken-1 { background-color: #00acc1 !important; }
+
+.cyan.darken-2 { background-color: #0097a7 !important; }
+
+.cyan.darken-3 { background-color: #00838f !important; }
+
+.cyan.darken-4 { background-color: #006064 !important; }
+
+.cyan.accent-1 { background-color: #84ffff !important; }
+
+.cyan.accent-2 { background-color: #18ffff !important; }
+
+.cyan.accent-3 { background-color: #00e5ff !important; }
+
+.cyan.accent-4 { background-color: #00b8d4 !important; }
+
+.teal.lighten-5 { background-color: #e0f2f1 !important; }
+
+.teal.lighten-4 { background-color: #b2dfdb !important; }
+
+.teal.lighten-3 { background-color: #80cbc4 !important; }
+
+.teal.lighten-2 { background-color: #4db6ac !important; }
+
+.teal.lighten-1 { background-color: #26a69a !important; }
+
+.teal { background-color: #009688 !important; }
+
+.teal-text { color: #009688 !important; }
+
+.rgba-teal-slight, .rgba-teal-slight:after { background-color: rgba(0, 150, 136, 0.1); }
+
+.rgba-teal-light, .rgba-teal-light:after { background-color: rgba(0, 150, 136, 0.3); }
+
+.rgba-teal-strong, .rgba-teal-strong:after { background-color: rgba(0, 150, 136, 0.7); }
+
+.teal.darken-1 { background-color: #00897b !important; }
+
+.teal.darken-2 { background-color: #00796b !important; }
+
+.teal.darken-3 { background-color: #00695c !important; }
+
+.teal.darken-4 { background-color: #004d40 !important; }
+
+.teal.accent-1 { background-color: #a7ffeb !important; }
+
+.teal.accent-2 { background-color: #64ffda !important; }
+
+.teal.accent-3 { background-color: #1de9b6 !important; }
+
+.teal.accent-4 { background-color: #00bfa5 !important; }
+
+.green.lighten-5 { background-color: #e8f5e9 !important; }
+
+.green.lighten-4 { background-color: #c8e6c9 !important; }
+
+.green.lighten-3 { background-color: #a5d6a7 !important; }
+
+.green.lighten-2 { background-color: #81c784 !important; }
+
+.green.lighten-1 { background-color: #66bb6a !important; }
+
+.green { background-color: #4caf50 !important; }
+
+.green-text { color: #4caf50 !important; }
+
+.rgba-green-slight, .rgba-green-slight:after { background-color: rgba(76, 175, 80, 0.1); }
+
+.rgba-green-light, .rgba-green-light:after { background-color: rgba(76, 175, 80, 0.3); }
+
+.rgba-green-strong, .rgba-green-strong:after { background-color: rgba(76, 175, 80, 0.7); }
+
+.green.darken-1 { background-color: #43a047 !important; }
+
+.green.darken-2 { background-color: #388e3c !important; }
+
+.green.darken-3 { background-color: #2e7d32 !important; }
+
+.green.darken-4 { background-color: #1b5e20 !important; }
+
+.green.accent-1 { background-color: #b9f6ca !important; }
+
+.green.accent-2 { background-color: #69f0ae !important; }
+
+.green.accent-3 { background-color: #00e676 !important; }
+
+.green.accent-4 { background-color: #00c853 !important; }
+
+.light-green.lighten-5 { background-color: #f1f8e9 !important; }
+
+.light-green.lighten-4 { background-color: #dcedc8 !important; }
+
+.light-green.lighten-3 { background-color: #c5e1a5 !important; }
+
+.light-green.lighten-2 { background-color: #aed581 !important; }
+
+.light-green.lighten-1 { background-color: #9ccc65 !important; }
+
+.light-green { background-color: #8bc34a !important; }
+
+.light-green-text { color: #8bc34a !important; }
+
+.rgba-light-green-slight, .rgba-light-green-slight:after { background-color: rgba(139, 195, 74, 0.1); }
+
+.rgba-light-green-light, .rgba-light-green-light:after { background-color: rgba(139, 195, 74, 0.3); }
+
+.rgba-light-green-strong, .rgba-light-green-strong:after { background-color: rgba(139, 195, 74, 0.7); }
+
+.light-green.darken-1 { background-color: #7cb342 !important; }
+
+.light-green.darken-2 { background-color: #689f38 !important; }
+
+.light-green.darken-3 { background-color: #558b2f !important; }
+
+.light-green.darken-4 { background-color: #33691e !important; }
+
+.light-green.accent-1 { background-color: #ccff90 !important; }
+
+.light-green.accent-2 { background-color: #b2ff59 !important; }
+
+.light-green.accent-3 { background-color: #76ff03 !important; }
+
+.light-green.accent-4 { background-color: #64dd17 !important; }
+
+.lime.lighten-5 { background-color: #f9fbe7 !important; }
+
+.lime.lighten-4 { background-color: #f0f4c3 !important; }
+
+.lime.lighten-3 { background-color: #e6ee9c !important; }
+
+.lime.lighten-2 { background-color: #dce775 !important; }
+
+.lime.lighten-1 { background-color: #d4e157 !important; }
+
+.lime { background-color: #cddc39 !important; }
+
+.lime-text { color: #cddc39 !important; }
+
+.rgba-lime-slight, .rgba-lime-slight:after { background-color: rgba(205, 220, 57, 0.1); }
+
+.rgba-lime-light, .rgba-lime-light:after { background-color: rgba(205, 220, 57, 0.3); }
+
+.rgba-lime-strong, .rgba-lime-strong:after { background-color: rgba(205, 220, 57, 0.7); }
+
+.lime.darken-1 { background-color: #c0ca33 !important; }
+
+.lime.darken-2 { background-color: #afb42b !important; }
+
+.lime.darken-3 { background-color: #9e9d24 !important; }
+
+.lime.darken-4 { background-color: #827717 !important; }
+
+.lime.accent-1 { background-color: #f4ff81 !important; }
+
+.lime.accent-2 { background-color: #eeff41 !important; }
+
+.lime.accent-3 { background-color: #c6ff00 !important; }
+
+.lime.accent-4 { background-color: #aeea00 !important; }
+
+.yellow.lighten-5 { background-color: #fffde7 !important; }
+
+.yellow.lighten-4 { background-color: #fff9c4 !important; }
+
+.yellow.lighten-3 { background-color: #fff59d !important; }
+
+.yellow.lighten-2 { background-color: #fff176 !important; }
+
+.yellow.lighten-1 { background-color: #ffee58 !important; }
+
+.yellow { background-color: #ffeb3b !important; }
+
+.yellow-text { color: #ffeb3b !important; }
+
+.rgba-yellow-slight, .rgba-yellow-slight:after { background-color: rgba(255, 235, 59, 0.1); }
+
+.rgba-yellow-light, .rgba-yellow-light:after { background-color: rgba(255, 235, 59, 0.3); }
+
+.rgba-yellow-strong, .rgba-yellow-strong:after { background-color: rgba(255, 235, 59, 0.7); }
+
+.yellow.darken-1 { background-color: #fdd835 !important; }
+
+.yellow.darken-2 { background-color: #fbc02d !important; }
+
+.yellow.darken-3 { background-color: #f9a825 !important; }
+
+.yellow.darken-4 { background-color: #f57f17 !important; }
+
+.yellow.accent-1 { background-color: #ffff8d !important; }
+
+.yellow.accent-2 { background-color: #ffff00 !important; }
+
+.yellow.accent-3 { background-color: #ffea00 !important; }
+
+.yellow.accent-4 { background-color: #ffd600 !important; }
+
+.amber.lighten-5 { background-color: #fff8e1 !important; }
+
+.amber.lighten-4 { background-color: #ffecb3 !important; }
+
+.amber.lighten-3 { background-color: #ffe082 !important; }
+
+.amber.lighten-2 { background-color: #ffd54f !important; }
+
+.amber.lighten-1 { background-color: #ffca28 !important; }
+
+.amber { background-color: #ffc107 !important; }
+
+.amber-text { color: #ffc107 !important; }
+
+.rgba-amber-slight, .rgba-amber-slight:after { background-color: rgba(255, 193, 7, 0.1); }
+
+.rgba-amber-light, .rgba-amber-light:after { background-color: rgba(255, 193, 7, 0.3); }
+
+.rgba-amber-strong, .rgba-amber-strong:after { background-color: rgba(255, 193, 7, 0.7); }
+
+.amber.darken-1 { background-color: #ffb300 !important; }
+
+.amber.darken-2 { background-color: #ffa000 !important; }
+
+.amber.darken-3 { background-color: #ff8f00 !important; }
+
+.amber.darken-4 { background-color: #ff6f00 !important; }
+
+.amber.accent-1 { background-color: #ffe57f !important; }
+
+.amber.accent-2 { background-color: #ffd740 !important; }
+
+.amber.accent-3 { background-color: #ffc400 !important; }
+
+.amber.accent-4 { background-color: #ffab00 !important; }
+
+.orange.lighten-5 { background-color: #fff3e0 !important; }
+
+.orange.lighten-4 { background-color: #ffe0b2 !important; }
+
+.orange.lighten-3 { background-color: #ffcc80 !important; }
+
+.orange.lighten-2 { background-color: #ffb74d !important; }
+
+.orange.lighten-1 { background-color: #ffa726 !important; }
+
+.orange { background-color: #ff9800 !important; }
+
+.orange-text { color: #ff9800 !important; }
+
+.rgba-orange-slight, .rgba-orange-slight:after { background-color: rgba(255, 152, 0, 0.1); }
+
+.rgba-orange-light, .rgba-orange-light:after { background-color: rgba(255, 152, 0, 0.3); }
+
+.rgba-orange-strong, .rgba-orange-strong:after { background-color: rgba(255, 152, 0, 0.7); }
+
+.orange.darken-1 { background-color: #fb8c00 !important; }
+
+.orange.darken-2 { background-color: #f57c00 !important; }
+
+.orange.darken-3 { background-color: #ef6c00 !important; }
+
+.orange.darken-4 { background-color: #e65100 !important; }
+
+.orange.accent-1 { background-color: #ffd180 !important; }
+
+.orange.accent-2 { background-color: #ffab40 !important; }
+
+.orange.accent-3 { background-color: #ff9100 !important; }
+
+.orange.accent-4 { background-color: #ff6d00 !important; }
+
+.deep-orange.lighten-5 { background-color: #fbe9e7 !important; }
+
+.deep-orange.lighten-4 { background-color: #ffccbc !important; }
+
+.deep-orange.lighten-3 { background-color: #ffab91 !important; }
+
+.deep-orange.lighten-2 { background-color: #ff8a65 !important; }
+
+.deep-orange.lighten-1 { background-color: #ff7043 !important; }
+
+.deep-orange { background-color: #ff5722 !important; }
+
+.deep-orange-text { color: #ff5722 !important; }
+
+.rgba-deep-orange-slight, .rgba-deep-orange-slight:after { background-color: rgba(255, 87, 34, 0.1); }
+
+.rgba-deep-orange-light, .rgba-deep-orange-light:after { background-color: rgba(255, 87, 34, 0.3); }
+
+.rgba-deep-orange-strong, .rgba-deep-orange-strong:after { background-color: rgba(255, 87, 34, 0.7); }
+
+.deep-orange.darken-1 { background-color: #f4511e !important; }
+
+.deep-orange.darken-2 { background-color: #e64a19 !important; }
+
+.deep-orange.darken-3 { background-color: #d84315 !important; }
+
+.deep-orange.darken-4 { background-color: #bf360c !important; }
+
+.deep-orange.accent-1 { background-color: #ff9e80 !important; }
+
+.deep-orange.accent-2 { background-color: #ff6e40 !important; }
+
+.deep-orange.accent-3 { background-color: #ff3d00 !important; }
+
+.deep-orange.accent-4 { background-color: #dd2c00 !important; }
+
+.brown.lighten-5 { background-color: #efebe9 !important; }
+
+.brown.lighten-4 { background-color: #d7ccc8 !important; }
+
+.brown.lighten-3 { background-color: #bcaaa4 !important; }
+
+.brown.lighten-2 { background-color: #a1887f !important; }
+
+.brown.lighten-1 { background-color: #8d6e63 !important; }
+
+.brown { background-color: #795548 !important; }
+
+.brown-text { color: #795548 !important; }
+
+.rgba-brown-slight, .rgba-brown-slight:after { background-color: rgba(121, 85, 72, 0.1); }
+
+.rgba-brown-light, .rgba-brown-light:after { background-color: rgba(121, 85, 72, 0.3); }
+
+.rgba-brown-strong, .rgba-brown-strong:after { background-color: rgba(121, 85, 72, 0.7); }
+
+.brown.darken-1 { background-color: #6d4c41 !important; }
+
+.brown.darken-2 { background-color: #5d4037 !important; }
+
+.brown.darken-3 { background-color: #4e342e !important; }
+
+.brown.darken-4 { background-color: #3e2723 !important; }
+
+.blue-grey.lighten-5 { background-color: #eceff1 !important; }
+
+.blue-grey.lighten-4 { background-color: #cfd8dc !important; }
+
+.blue-grey.lighten-3 { background-color: #b0bec5 !important; }
+
+.blue-grey.lighten-2 { background-color: #90a4ae !important; }
+
+.blue-grey.lighten-1 { background-color: #78909c !important; }
+
+.blue-grey { background-color: #607d8b !important; }
+
+.blue-grey-text { color: #607d8b !important; }
+
+.rgba-blue-grey-slight, .rgba-blue-grey-slight:after { background-color: rgba(96, 125, 139, 0.1); }
+
+.rgba-blue-grey-light, .rgba-blue-grey-light:after { background-color: rgba(96, 125, 139, 0.3); }
+
+.rgba-blue-grey-strong, .rgba-blue-grey-strong:after { background-color: rgba(96, 125, 139, 0.7); }
+
+.blue-grey.darken-1 { background-color: #546e7a !important; }
+
+.blue-grey.darken-2 { background-color: #455a64 !important; }
+
+.blue-grey.darken-3 { background-color: #37474f !important; }
+
+.blue-grey.darken-4 { background-color: #263238 !important; }
+
+.grey.lighten-5 { background-color: #fafafa !important; }
+
+.grey.lighten-4 { background-color: #f5f5f5 !important; }
+
+.grey.lighten-3 { background-color: #eeeeee !important; }
+
+.grey.lighten-2 { background-color: #e0e0e0 !important; }
+
+.grey.lighten-1 { background-color: #bdbdbd !important; }
+
+.grey { background-color: #9e9e9e !important; }
+
+.grey-text { color: #9e9e9e !important; }
+
+.rgba-grey-slight, .rgba-grey-slight:after { background-color: rgba(158, 158, 158, 0.1); }
+
+.rgba-grey-light, .rgba-grey-light:after { background-color: rgba(158, 158, 158, 0.3); }
+
+.rgba-grey-strong, .rgba-grey-strong:after { background-color: rgba(158, 158, 158, 0.7); }
+
+.grey.darken-1 { background-color: #757575 !important; }
+
+.grey.darken-2 { background-color: #616161 !important; }
+
+.grey.darken-3 { background-color: #424242 !important; }
+
+.grey.darken-4 { background-color: #212121 !important; }
+
+.black { background-color: #000 !important; }
+
+.black-text, .btn.btn-link { color: #000 !important; }
+
+.rgba-black-slight, .rgba-black-slight:after { background-color: rgba(0, 0, 0, 0.1); }
+
+.rgba-black-light, .rgba-black-light:after { background-color: rgba(0, 0, 0, 0.3); }
+
+.rgba-black-strong, .rgba-black-strong:after { background-color: rgba(0, 0, 0, 0.7); }
+
+.white { background-color: #fff !important; }
+
+.white-text { color: #fff !important; }
+
+.rgba-white-slight, .rgba-white-slight:after { background-color: rgba(255, 255, 255, 0.1); }
+
+.rgba-white-light, .rgba-white-light:after { background-color: rgba(255, 255, 255, 0.3); }
+
+.rgba-white-strong, .rgba-white-strong:after { background-color: rgba(255, 255, 255, 0.7); }
+
+.rgba-stylish-slight { background-color: rgba(62, 69, 81, 0.1); }
+
+.rgba-stylish-light { background-color: rgba(62, 69, 81, 0.3); }
+
+.rgba-stylish-strong { background-color: rgba(62, 69, 81, 0.7); }
+
+.primary-color, ul.stepper li.active a .circle, ul.stepper li.completed a .circle { background-color: #4285f4 !important; }
+
+.primary-color-dark { background-color: #0d47a1 !important; }
+
+.secondary-color { background-color: #aa66cc !important; }
+
+.secondary-color-dark { background-color: #9933cc !important; }
+
+.default-color { background-color: #2bbbad !important; }
+
+.default-color-dark { background-color: #00695c !important; }
+
+.info-color { background-color: #33b5e5 !important; }
+
+.info-color-dark { background-color: #0099cc !important; }
+
+.success-color { background-color: #00c851 !important; }
+
+.success-color-dark { background-color: #007e33 !important; }
+
+.warning-color { background-color: #ffbb33 !important; }
+
+.warning-color-dark { background-color: #ff8800 !important; }
+
+.danger-color, ul.stepper li.warning a .circle { background-color: #ff3547 !important; }
+
+.danger-color-dark { background-color: #cc0000 !important; }
+
+.elegant-color { background-color: #2e2e2e !important; }
+
+.elegant-color-dark { background-color: #212121 !important; }
+
+.stylish-color { background-color: #4b515d !important; }
+
+.stylish-color-dark { background-color: #3e4551 !important; }
+
+.unique-color { background-color: #3f729b !important; }
+
+.unique-color-dark { background-color: #1c2331 !important; }
+
+.special-color { background-color: #37474f !important; }
+
+.special-color-dark { background-color: #263238 !important; }
+
+.purple-gradient { background: linear-gradient(40deg, #ff6ec4, #7873f5) !important; }
+
+.peach-gradient { background: linear-gradient(40deg, #FFD86F, #FC6262) !important; }
+
+.aqua-gradient { background: linear-gradient(40deg, #2096ff, #05ffa3) !important; }
+
+.blue-gradient { background: linear-gradient(40deg, #45cafc, #303f9f) !important; }
+
+.purple-gradient-rgba { background: linear-gradient(40deg, rgba(255, 110, 196, 0.9), rgba(120, 115, 245, 0.9)) !important; }
+
+.peach-gradient-rgba { background: linear-gradient(40deg, rgba(255, 216, 111, 0.9), rgba(252, 98, 98, 0.9)) !important; }
+
+.aqua-gradient-rgba { background: linear-gradient(40deg, rgba(32, 150, 255, 0.9), rgba(5, 255, 163, 0.9)) !important; }
+
+.blue-gradient-rgba { background: linear-gradient(40deg, rgba(69, 202, 252, 0.9), rgba(48, 63, 159, 0.9)) !important; }
+
+.dark-grey-text { color: #4f4f4f !important; }
+.dark-grey-text:hover, .dark-grey-text:focus { color: #4f4f4f !important; }
+
+.hoverable { box-shadow: none; transition: all 0.2s ease-in-out; }
+.hoverable:hover { box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); transition: all 0.2s ease-in-out; }
+
+.z-depth-0 { box-shadow: none !important; }
+
+.z-depth-1 { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important; }
+
+.z-depth-1-half { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important; }
+
+.z-depth-2 { box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important; }
+
+.z-depth-3 { box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19) !important; }
+
+.z-depth-4 { box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21) !important; }
+
+.z-depth-5 { box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22) !important; }
+
+.disabled, :disabled { pointer-events: none !important; }
+
+a { cursor: pointer; text-decoration: none; color: #007bff; transition: all 0.2s ease-in-out; }
+a:hover { text-decoration: none; color: #0056b3; transition: all 0.2s ease-in-out; }
+a.disabled:hover, a:disabled:hover { color: #007bff; }
+
+a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; }
+
+.divider-new { flex-direction: row; justify-content: center; align-items: center; display: flex; margin-top: 2.8rem; margin-bottom: 2.8rem; }
+.divider-new > h1, .divider-new h2, .divider-new h3, .divider-new h4, .divider-new h5, .divider-new h6 { margin-bottom: 0; }
+.divider-new:before, .divider-new:after { content: ""; height: 1.5px; flex: 1; height: 2px; background: #c6c6c6; }
+.divider-new:before { margin: 0 0.5rem 0 0; }
+.divider-new:after { margin: 0 0 0 0.5rem; }
+
+.img-fluid, .modal-dialog.cascading-modal.modal-avatar .modal-header, .video-fluid { max-width: 100%; height: auto; }
+
+.flex-center { display: flex; justify-content: center; align-items: center; height: 100%; }
+.flex-center p { margin: 0; }
+.flex-center ul { text-align: center; }
+.flex-center ul li { margin-bottom: 1rem; }
+.flex-center ul li:last-of-type { margin-bottom: 0; }
+
+.hr-light { border-top: 1px solid #fff; }
+
+.hr-dark { border-top: 1px solid #666; }
+
+.w-responsive { width: 75%; }
+@media (max-width: 740px) { .w-responsive { width: 100%; } }
+
+.collapsible-body { display: none; }
+
+.jumbotron { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 0.125rem; background-color: #fff; }
+
+.bg-primary { background-color: #4285f4 !important; }
+
+a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #1266f1 !important; }
+
+.border-primary { border-color: #4285f4 !important; }
+
+.bg-danger { background-color: #ff3547 !important; }
+
+a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #ff0219 !important; }
+
+.border-danger { border-color: #ff3547 !important; }
+
+.bg-warning { background-color: #ffbb33 !important; }
+
+a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #ffaa00 !important; }
+
+.border-warning { border-color: #ffbb33 !important; }
+
+.bg-success { background-color: #00c851 !important; }
+
+a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #00953c !important; }
+
+.border-success { border-color: #00c851 !important; }
+
+.bg-info { background-color: #33b5e5 !important; }
+
+a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #1a9bcb !important; }
+
+.border-info { border-color: #33b5e5 !important; }
+
+.bg-default { background-color: #2bbbad !important; }
+
+a.bg-default:hover, a.bg-default:focus, button.bg-default:hover, button.bg-default:focus { background-color: #219287 !important; }
+
+.border-default { border-color: #2bbbad !important; }
+
+.bg-secondary { background-color: #aa66cc !important; }
+
+a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #9540bf !important; }
+
+.border-secondary { border-color: #aa66cc !important; }
+
+.bg-dark { background-color: #212121 !important; }
+
+a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #080808 !important; }
+
+.border-dark { border-color: #212121 !important; }
+
+.bg-light { background-color: #e0e0e0 !important; }
+
+a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #c7c7c7 !important; }
+
+.border-light { border-color: #e0e0e0 !important; }
+
+.card-img-100 { width: 100px; height: 100px; }
+
+.card-img-64 { width: 64px; height: 64px; }
+
+.mml-1 { margin-left: -0.25rem !important; }
+
+.flex-1 { flex: 1; }
+
+@font-face { font-family: "Roboto"; src: local(Roboto Thin), url("../font/roboto/Roboto-Thin.eot"); src: url("../font/roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Thin.woff2") format("woff2"), url("../font/roboto/Roboto-Thin.woff") format("woff"), url("../font/roboto/Roboto-Thin.ttf") format("truetype"); font-weight: 200; }
+@font-face { font-family: "Roboto"; src: local(Roboto Light), url("../font/roboto/Roboto-Light.eot"); src: url("../font/roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Light.woff2") format("woff2"), url("../font/roboto/Roboto-Light.woff") format("woff"), url("../font/roboto/Roboto-Light.ttf") format("truetype"); font-weight: 300; }
+@font-face { font-family: "Roboto"; src: local(Roboto Regular), url("../font/roboto/Roboto-Regular.eot"); src: url("../font/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Regular.woff2") format("woff2"), url("../font/roboto/Roboto-Regular.woff") format("woff"), url("../font/roboto/Roboto-Regular.ttf") format("truetype"); font-weight: 400; }
+@font-face { font-family: "Roboto"; src: url("../font/roboto/Roboto-Medium.eot"); src: url("../font/roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Medium.woff2") format("woff2"), url("../font/roboto/Roboto-Medium.woff") format("woff"), url("../font/roboto/Roboto-Medium.ttf") format("truetype"); font-weight: 500; }
+@font-face { font-family: "Roboto"; src: url("../font/roboto/Roboto-Bold.eot"); src: url("../font/roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Bold.woff2") format("woff2"), url("../font/roboto/Roboto-Bold.woff") format("woff"), url("../font/roboto/Roboto-Bold.ttf") format("truetype"); font-weight: 700; }
+body { font-family: "Roboto", sans-serif; font-weight: 300; }
+
+h1, h2, h3, h4, h5, h6 { font-weight: 300; }
+
+.blockquote { padding: 0.5rem 1rem; border-left: .25rem solid #eceeef; }
+.blockquote.text-right { border-left: none; border-right: .25rem solid #eceeef; }
+.blockquote .bq-title { margin-bottom: 0; font-size: 1.5rem; font-weight: 400; }
+.blockquote p { padding: 1rem 0; font-size: 1.1rem; }
+
+.bq-primary { border-left: 3px solid #4285f4 !important; }
+.bq-primary .bq-title { color: #4285f4 !important; }
+
+.bq-danger { border-left: 3px solid #ff3547 !important; }
+.bq-danger .bq-title { color: #ff3547 !important; }
+
+.bq-warning { border-left: 3px solid #ffbb33 !important; }
+.bq-warning .bq-title { color: #ffbb33 !important; }
+
+.bq-success { border-left: 3px solid #00c851 !important; }
+.bq-success .bq-title { color: #00c851 !important; }
+
+.bq-info { border-left: 3px solid #33b5e5 !important; }
+.bq-info .bq-title { color: #33b5e5 !important; }
+
+.h1-responsive { font-size: 150%; }
+
+.h2-responsive { font-size: 145%; }
+
+.h3-responsive { font-size: 135%; }
+
+.h4-responsive { font-size: 135%; }
+
+.h5-responsive { font-size: 135%; }
+
+@media (min-width: 576px) { .h1-responsive { font-size: 170%; }
+ .h2-responsive { font-size: 140%; }
+ .h3-responsive { font-size: 125%; }
+ .h4-responsive { font-size: 125%; }
+ .h5-responsive { font-size: 125%; } }
+@media (min-width: 768px) { .h1-responsive { font-size: 200%; }
+ .h2-responsive { font-size: 170%; }
+ .h3-responsive { font-size: 140%; }
+ .h4-responsive { font-size: 125%; }
+ .h5-responsive { font-size: 125%; } }
+@media (min-width: 992px) { .h1-responsive { font-size: 200%; }
+ .h2-responsive { font-size: 170%; }
+ .h3-responsive { font-size: 140%; }
+ .h4-responsive { font-size: 125%; }
+ .h5-responsive { font-size: 125%; } }
+@media (min-width: 1200px) { .h1-responsive { font-size: 250%; }
+ .h2-responsive { font-size: 200%; }
+ .h3-responsive { font-size: 170%; }
+ .h4-responsive { font-size: 140%; }
+ .h5-responsive { font-size: 125%; } }
+.text-primary { color: #4285f4 !important; }
+
+a.text-primary:hover, a.text-primary:focus { color: #1266f1 !important; }
+
+.text-danger { color: #ff3547 !important; }
+
+a.text-danger:hover, a.text-danger:focus { color: #ff0219 !important; }
+
+.text-warning { color: #ffbb33 !important; }
+
+a.text-warning:hover, a.text-warning:focus { color: #ffaa00 !important; }
+
+.text-success { color: #00c851 !important; }
+
+a.text-success:hover, a.text-success:focus { color: #00953c !important; }
+
+.text-info { color: #33b5e5 !important; }
+
+a.text-info:hover, a.text-info:focus { color: #1a9bcb !important; }
+
+.text-default { color: #2bbbad !important; }
+
+a.text-default:hover, a.text-default:focus { color: #219287 !important; }
+
+.text-secondary { color: #aa66cc !important; }
+
+a.text-secondary:hover, a.text-secondary:focus { color: #9540bf !important; }
+
+.text-dark { color: #212121 !important; }
+
+a.text-dark:hover, a.text-dark:focus { color: #080808 !important; }
+
+.text-light { color: #e0e0e0 !important; }
+
+a.text-light:hover, a.text-light:focus { color: #c7c7c7 !important; }
+
+.font-small { font-size: 0.9rem; }
+
+.view { position: relative; overflow: hidden; cursor: default; }
+.view .mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; width: 100%; height: 100%; background-attachment: fixed; }
+.view img, .view video { position: relative; display: block; }
+.view video.video-intro { z-index: -100; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); transition: 1s opacity; min-width: 100%; min-height: 100%; width: auto; height: auto; }
+
+.overlay .mask { opacity: 0; transition: all 0.4s ease-in-out; }
+.overlay .mask:hover { opacity: 1; }
+
+.zoom img, .zoom video { transition: all 0.2s linear; }
+.zoom:hover img, .zoom:hover video { transform: scale(1.1); }
+
+.pattern-1 { background: url("../img/overlays/01.png"); background-attachment: fixed; }
+
+.pattern-2 { background: url("../img/overlays/02.png"); background-attachment: fixed; }
+
+.pattern-3 { background: url("../img/overlays/03.png"); background-attachment: fixed; }
+
+.pattern-4 { background: url("../img/overlays/04.png"); background-attachment: fixed; }
+
+.pattern-5 { background: url("../img/overlays/05.png"); background-attachment: fixed; }
+
+.pattern-6 { background: url("../img/overlays/06.png"); background-attachment: fixed; }
+
+.pattern-7 { background: url("../img/overlays/07.png"); background-attachment: fixed; }
+
+.pattern-8 { background: url("../img/overlays/08.png"); background-attachment: fixed; }
+
+.pattern-9 { background: url("../img/overlays/09.png"); background-attachment: fixed; }
+
+/*!
+ * Waves v0.7.6
+ * http://fian.my.id/Waves
+ *
+ * Copyright 2014-2018 Alfiana E. Sibuea and other contributors
+ * Released under the MIT license
+ * https://github.com/fians/Waves/blob/master/LICENSE */
+.waves-effect { position: relative; cursor: pointer; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
+.waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; opacity: 0; background: rgba(0, 0, 0, 0.2); background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; -webkit-transform: scale(0) translate(0, 0); -moz-transform: scale(0) translate(0, 0); -ms-transform: scale(0) translate(0, 0); -o-transform: scale(0) translate(0, 0); transform: scale(0) translate(0, 0); pointer-events: none; }
+.waves-effect.waves-light .waves-ripple { background: rgba(255, 255, 255, 0.4); background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); }
+.waves-effect.waves-classic .waves-ripple { background: rgba(0, 0, 0, 0.2); }
+.waves-effect.waves-classic.waves-light .waves-ripple { background: rgba(255, 255, 255, 0.4); }
+
+.waves-notransition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; }
+
+.waves-button, .waves-circle { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }
+
+.waves-button, .waves-button:hover, .waves-button:visited, .waves-button-input { white-space: nowrap; vertical-align: middle; cursor: pointer; border: none; outline: none; color: inherit; background-color: rgba(0, 0, 0, 0); font-size: 1em; line-height: 1em; text-align: center; text-decoration: none; z-index: 1; }
+
+.waves-button { padding: 0.85em 1.1em; border-radius: 0.2em; }
+
+.waves-button-input { margin: 0; padding: 0.85em 1.1em; }
+
+.waves-input-wrapper { display: inline-block; position: relative; vertical-align: middle; border-radius: 0.2em; }
+.waves-input-wrapper.waves-button { padding: 0; }
+.waves-input-wrapper .waves-button-input { position: relative; top: 0; left: 0; z-index: 1; }
+
+.waves-circle { text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50%; }
+
+.waves-float { -webkit-mask-image: none; -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12); box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12); -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }
+.waves-float:active { -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); }
+
+.waves-block { display: block; }
+
+a.waves-effect, a.waves-light { display: inline-block; }
+
+/*!
+ * animate.css -http://daneden.me/animate
+ * Version - 3.7.0
+ * Licensed under the MIT license - http://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2018 Daniel Eden
+ */
+.animated { animation-duration: 1s; animation-fill-mode: both; }
+.animated.infinite { animation-iteration-count: infinite; }
+.animated.delay-1s { animation-delay: 1s; }
+.animated.delay-2s { animation-delay: 2s; }
+.animated.delay-3s { animation-delay: 3s; }
+.animated.delay-4s { animation-delay: 4s; }
+.animated.delay-5s { animation-delay: 5s; }
+.animated.fast { animation-duration: 800ms; }
+.animated.faster { animation-duration: 500ms; }
+.animated.slow { animation-duration: 2s; }
+.animated.slower { animation-duration: 3s; }
+
+@media (prefers-reduced-motion) { .animated { animation: unset !important; transition: none !important; } }
+@keyframes fadeIn { from { opacity: 0; }
+ to { opacity: 1; } }
+.fadeIn { animation-name: fadeIn; }
+
+@keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.fadeInDown { animation-name: fadeInDown; }
+
+@keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.fadeInLeft { animation-name: fadeInLeft; }
+
+@keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.fadeInRight { animation-name: fadeInRight; }
+
+@keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.fadeInUp { animation-name: fadeInUp; }
+
+@keyframes fadeOut { from { opacity: 1; }
+ to { opacity: 0; } }
+.fadeOut { animation-name: fadeOut; }
+
+@keyframes fadeOutDown { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(0, 100%, 0); } }
+.fadeOutDown { animation-name: fadeOutDown; }
+
+@keyframes fadeOutLeft { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(-100%, 0, 0); } }
+.fadeOutLeft { animation-name: fadeOutLeft; }
+
+@keyframes fadeOutRight { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(100%, 0, 0); } }
+.fadeOutRight { animation-name: fadeOutRight; }
+
+@keyframes fadeOutUp { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(0, -100%, 0); } }
+.fadeOutUp { animation-name: fadeOutUp; }
+
+/*!
+ * animate.css -http://daneden.me/animate
+ * Version - 3.7.0
+ * Licensed under the MIT license - http://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2018 Daniel Eden
+ */
+@keyframes bounce { from,
+ 20%,
+ 53%,
+ 80%,
+ to { transform: translate3d(0, 0, 0); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
+ 40%,
+ 43% { transform: translate3d(0, -30px, 0); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
+ 70% { transform: translate3d(0, -15px, 0); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
+ 90% { transform: translate3d(0, -4px, 0); } }
+.bounce { transform-origin: center bottom; animation-name: bounce; }
+
+@keyframes flash { from,
+ 50%,
+ to { opacity: 1; }
+ 25%,
+ 75% { opacity: 0; } }
+.flash { animation-name: flash; }
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+@keyframes pulse { from { transform: scale3d(1, 1, 1); }
+ 50% { transform: scale3d(1.05, 1.05, 1.05); }
+ to { transform: scale3d(1, 1, 1); } }
+.pulse { animation-name: pulse; }
+
+@keyframes rubberBand { from { transform: scale3d(1, 1, 1); }
+ 30% { transform: scale3d(1.25, 0.75, 1); }
+ 40% { transform: scale3d(0.75, 1.25, 1); }
+ 50% { transform: scale3d(1.15, 0.85, 1); }
+ 65% { transform: scale3d(0.95, 1.05, 1); }
+ 75% { transform: scale3d(1.05, 0.95, 1); }
+ to { transform: scale3d(1, 1, 1); } }
+.rubberBand { animation-name: rubberBand; }
+
+@keyframes shake { from,
+ to { transform: translate3d(0, 0, 0); }
+ 10%,
+ 30%,
+ 50%,
+ 70%,
+ 90% { transform: translate3d(-10px, 0, 0); }
+ 20%,
+ 40%,
+ 60%,
+ 80% { transform: translate3d(10px, 0, 0); } }
+.shake { animation-name: shake; }
+
+@keyframes headShake { 0% { transform: translateX(0); }
+ 6.5% { transform: translateX(-6px) rotateY(-9deg); }
+ 18.5% { transform: translateX(5px) rotateY(7deg); }
+ 31.5% { transform: translateX(-3px) rotateY(-5deg); }
+ 43.5% { transform: translateX(2px) rotateY(3deg); }
+ 50% { transform: translateX(0); } }
+.headShake { animation-name: headShake; animation-timing-function: ease-in-out; }
+
+@keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); }
+ 40% { transform: rotate3d(0, 0, 1, -10deg); }
+ 60% { transform: rotate3d(0, 0, 1, 5deg); }
+ 80% { transform: rotate3d(0, 0, 1, -5deg); }
+ to { transform: rotate3d(0, 0, 1, 0deg); } }
+.swing { transform-origin: top center; animation-name: swing; }
+
+@keyframes tada { from { transform: scale3d(1, 1, 1); }
+ 10%,
+ 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
+ 30%,
+ 50%,
+ 70%,
+ 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
+ 40%,
+ 60%,
+ 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
+ to { transform: scale3d(1, 1, 1); } }
+.tada { animation-name: tada; }
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+@keyframes wobble { from { transform: translate3d(0, 0, 0); }
+ 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
+ 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
+ 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
+ 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
+ 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
+ to { transform: translate3d(0, 0, 0); } }
+.wobble { animation-name: wobble; }
+
+@keyframes jello { from,
+ 11.1%,
+ to { transform: translate3d(0, 0, 0); }
+ 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
+ 33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
+ 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
+ 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
+ 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
+ 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }
+ 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
+.jello { transform-origin: center; animation-name: jello; }
+
+@keyframes heartBeat { 0% { transform: scale(1); }
+ 14% { transform: scale(1.3); }
+ 28% { transform: scale(1); }
+ 42% { transform: scale(1.3); }
+ 70% { transform: scale(1); } }
+.heartBeat { animation-name: heartBeat; animation-duration: 1.3s; animation-timing-function: ease-in-out; }
+
+@keyframes bounceIn { from,
+ 20%,
+ 40%,
+ 60%,
+ 80%,
+ to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
+ 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
+ 20% { transform: scale3d(1.1, 1.1, 1.1); }
+ 40% { transform: scale3d(0.9, 0.9, 0.9); }
+ 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
+ 80% { transform: scale3d(0.97, 0.97, 0.97); }
+ to { opacity: 1; transform: scale3d(1, 1, 1); } }
+.bounceIn { animation-name: bounceIn; animation-duration: .75s; }
+
+@keyframes bounceInDown { from,
+ 60%,
+ 75%,
+ 90%,
+ to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
+ 0% { opacity: 0; transform: translate3d(0, -3000px, 0); }
+ 60% { opacity: 1; transform: translate3d(0, 25px, 0); }
+ 75% { transform: translate3d(0, -10px, 0); }
+ 90% { transform: translate3d(0, 5px, 0); }
+ to { transform: translate3d(0, 0, 0); } }
+.bounceInDown { animation-name: bounceInDown; }
+
+@keyframes bounceInLeft { from,
+ 60%,
+ 75%,
+ 90%,
+ to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
+ 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); }
+ 60% { opacity: 1; transform: translate3d(25px, 0, 0); }
+ 75% { transform: translate3d(-10px, 0, 0); }
+ 90% { transform: translate3d(5px, 0, 0); }
+ to { transform: translate3d(0, 0, 0); } }
+.bounceInLeft { animation-name: bounceInLeft; }
+
+@keyframes bounceInRight { from,
+ 60%,
+ 75%,
+ 90%,
+ to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
+ from { opacity: 0; transform: translate3d(3000px, 0, 0); }
+ 60% { opacity: 1; transform: translate3d(-25px, 0, 0); }
+ 75% { transform: translate3d(10px, 0, 0); }
+ 90% { transform: translate3d(-5px, 0, 0); }
+ to { transform: translate3d(0, 0, 0); } }
+.bounceInRight { animation-name: bounceInRight; }
+
+@keyframes bounceInUp { from,
+ 60%,
+ 75%,
+ 90%,
+ to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
+ from { opacity: 0; transform: translate3d(0, 3000px, 0); }
+ 60% { opacity: 1; transform: translate3d(0, -20px, 0); }
+ 75% { transform: translate3d(0, 10px, 0); }
+ 90% { transform: translate3d(0, -5px, 0); }
+ to { transform: translate3d(0, 0, 0); } }
+.bounceInUp { animation-name: bounceInUp; }
+
+@keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); }
+ 50%,
+ 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); }
+ to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } }
+.bounceOut { animation-name: bounceOut; animation-duration: .75s; }
+
+@keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); }
+ 40%,
+ 45% { opacity: 1; transform: translate3d(0, -20px, 0); }
+ to { opacity: 0; transform: translate3d(0, 2000px, 0); } }
+.bounceOutDown { animation-name: bounceOutDown; }
+
+@keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); }
+ to { opacity: 0; transform: translate3d(-2000px, 0, 0); } }
+.bounceOutLeft { animation-name: bounceOutLeft; }
+
+@keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); }
+ to { opacity: 0; transform: translate3d(2000px, 0, 0); } }
+.bounceOutRight { animation-name: bounceOutRight; }
+
+@keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); }
+ 40%,
+ 45% { opacity: 1; transform: translate3d(0, 20px, 0); }
+ to { opacity: 0; transform: translate3d(0, -2000px, 0); } }
+.bounceOutUp { animation-name: bounceOutUp; }
+
+@keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.fadeInDownBig { animation-name: fadeInDownBig; }
+
+@keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.fadeInLeftBig { animation-name: fadeInLeftBig; }
+
+@keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.fadeInRightBig { animation-name: fadeInRightBig; }
+
+@keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.fadeInUpBig { animation-name: fadeInUpBig; }
+
+@keyframes fadeOutDownBig { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(0, 2000px, 0); } }
+.fadeOutDownBig { animation-name: fadeOutDownBig; }
+
+@keyframes fadeOutLeftBig { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(-2000px, 0, 0); } }
+.fadeOutLeftBig { animation-name: fadeOutLeftBig; }
+
+@keyframes fadeOutRightBig { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(2000px, 0, 0); } }
+.fadeOutRightBig { animation-name: fadeOutRightBig; }
+
+@keyframes fadeOutUpBig { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(0, -2000px, 0); } }
+.fadeOutUpBig { animation-name: fadeOutUpBig; }
+
+@keyframes flip { from { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; }
+ 40% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; }
+ 50% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; }
+ 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); animation-timing-function: ease-in; }
+ to { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); animation-timing-function: ease-in; } }
+.flip { backface-visibility: visible; animation-name: flip; }
+
+@keyframes flipInX { from { opacity: 0; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; }
+ 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; }
+ 60% { opacity: 1; transform: perspective(400px) rotate3d(1, 0, 0, 10deg); }
+ 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
+ to { transform: perspective(400px); } }
+.flipInX { backface-visibility: visible; animation-name: flipInX; }
+
+@keyframes flipInY { from { opacity: 0; transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; }
+ 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; }
+ 60% { opacity: 1; transform: perspective(400px) rotate3d(0, 1, 0, 10deg); }
+ 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
+ to { transform: perspective(400px); } }
+.flipInY { backface-visibility: visible; animation-name: flipInY; }
+
+@keyframes flipOutX { from { transform: perspective(400px); }
+ 30% { opacity: 1; transform: perspective(400px) rotate3d(1, 0, 0, -20deg); }
+ to { opacity: 0; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); } }
+.flipOutX { animation-name: flipOutX; animation-duration: .75s; backface-visibility: visible; }
+
+@keyframes flipOutY { from { transform: perspective(400px); }
+ 30% { opacity: 1; transform: perspective(400px) rotate3d(0, 1, 0, -15deg); }
+ to { opacity: 0; transform: perspective(400px) rotate3d(0, 1, 0, 90deg); } }
+.flipOutY { animation-name: flipOutY; animation-duration: .75s; backface-visibility: visible; }
+
+@keyframes lightSpeedIn { from { opacity: 0; transform: translate3d(100%, 0, 0) skewX(-30deg); }
+ 60% { opacity: 1; transform: skewX(20deg); }
+ 80% { transform: skewX(-5deg); }
+ to { transform: translate3d(0, 0, 0); } }
+.lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; }
+
+@keyframes lightSpeedOut { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(100%, 0, 0) skewX(30deg); } }
+.lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; }
+
+@keyframes rotateIn { from { opacity: 0; transform: rotate3d(0, 0, 1, -200deg); transform-origin: center; }
+ to { opacity: 1; transform: translate3d(0, 0, 0); transform-origin: center; } }
+.rotateIn { animation-name: rotateIn; }
+
+@keyframes rotateInDownLeft { from { opacity: 0; transform: rotate3d(0, 0, 1, -45deg); transform-origin: left bottom; }
+ to { opacity: 1; transform: translate3d(0, 0, 0); transform-origin: left bottom; } }
+.rotateInDownLeft { animation-name: rotateInDownLeft; }
+
+@keyframes rotateInDownRight { from { opacity: 0; transform: rotate3d(0, 0, 1, 45deg); transform-origin: right bottom; }
+ to { opacity: 1; transform: translate3d(0, 0, 0); transform-origin: right bottom; } }
+.rotateInDownRight { animation-name: rotateInDownRight; }
+
+@keyframes rotateInUpLeft { from { opacity: 0; transform: rotate3d(0, 0, 1, 45deg); transform-origin: left bottom; }
+ to { opacity: 1; transform: translate3d(0, 0, 0); transform-origin: left bottom; } }
+.rotateInUpLeft { animation-name: rotateInUpLeft; }
+
+@keyframes rotateInUpRight { from { opacity: 0; transform: rotate3d(0, 0, 1, -90deg); transform-origin: right bottom; }
+ to { opacity: 1; transform: translate3d(0, 0, 0); transform-origin: right bottom; } }
+.rotateInUpRight { animation-name: rotateInUpRight; }
+
+@keyframes rotateOut { from { opacity: 1; transform-origin: center; }
+ to { opacity: 0; transform: rotate3d(0, 0, 1, 200deg); transform-origin: center; } }
+.rotateOut { animation-name: rotateOut; }
+
+@keyframes rotateOutDownLeft { from { opacity: 1; transform-origin: left bottom; }
+ to { opacity: 0; transform: rotate3d(0, 0, 1, 45deg); transform-origin: left bottom; } }
+.rotateOutDownLeft { animation-name: rotateOutDownLeft; }
+
+@keyframes rotateOutDownRight { from { opacity: 1; transform-origin: right bottom; }
+ to { opacity: 0; transform: rotate3d(0, 0, 1, -45deg); transform-origin: right bottom; } }
+.rotateOutDownRight { animation-name: rotateOutDownRight; }
+
+@keyframes rotateOutUpLeft { from { opacity: 1; transform-origin: left bottom; }
+ to { opacity: 0; transform: rotate3d(0, 0, 1, -45deg); transform-origin: left bottom; } }
+.rotateOutUpLeft { animation-name: rotateOutUpLeft; }
+
+@keyframes rotateOutUpRight { from { opacity: 1; transform-origin: right bottom; }
+ to { opacity: 0; transform: rotate3d(0, 0, 1, 90deg); transform-origin: right bottom; } }
+.rotateOutUpRight { animation-name: rotateOutUpRight; }
+
+@keyframes hinge { 0% { transform-origin: top left; animation-timing-function: ease-in-out; }
+ 20%,
+ 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
+ 40%,
+ 80% { opacity: 1; transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
+ to { opacity: 0; transform: translate3d(0, 700px, 0); } }
+.hinge { animation-name: hinge; animation-duration: 2s; }
+
+@keyframes jackInTheBox { from { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; }
+ 50% { transform: rotate(-10deg); }
+ 70% { transform: rotate(3deg); }
+ to { opacity: 1; transform: scale(1); } }
+.jackInTheBox { animation-name: jackInTheBox; }
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+@keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
+ to { opacity: 1; transform: translate3d(0, 0, 0); } }
+.rollIn { animation-name: rollIn; }
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+@keyframes rollOut { from { opacity: 1; }
+ to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
+.rollOut { animation-name: rollOut; }
+
+@keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
+ 50% { opacity: 1; } }
+.zoomIn { animation-name: zoomIn; }
+
+@keyframes zoomInDown { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+ 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+.zoomInDown { animation-name: zoomInDown; }
+
+@keyframes zoomInLeft { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+ 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+.zoomInLeft { animation-name: zoomInLeft; }
+
+@keyframes zoomInRight { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+ 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+.zoomInRight { animation-name: zoomInRight; }
+
+@keyframes zoomInUp { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+ 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+.zoomInUp { animation-name: zoomInUp; }
+
+@keyframes zoomOut { from { opacity: 1; }
+ 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
+ to { opacity: 0; } }
+.zoomOut { animation-name: zoomOut; }
+
+@keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+ to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+.zoomOutDown { animation-name: zoomOutDown; }
+
+@keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
+ to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } }
+.zoomOutLeft { animation-name: zoomOutLeft; }
+
+@keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
+ to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } }
+.zoomOutRight { animation-name: zoomOutRight; }
+
+@keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+ to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+.zoomOutUp { animation-name: zoomOutUp; }
+
+@keyframes slideInDown { from { visibility: visible; transform: translate3d(0, -100%, 0); }
+ to { transform: translate3d(0, 0, 0); } }
+.slideInDown { animation-name: slideInDown; }
+
+@keyframes slideInLeft { from { visibility: visible; transform: translate3d(-100%, 0, 0); }
+ to { transform: translate3d(0, 0, 0); } }
+.slideInLeft { animation-name: slideInLeft; }
+
+@keyframes slideInRight { from { visibility: visible; transform: translate3d(100%, 0, 0); }
+ to { transform: translate3d(0, 0, 0); } }
+.slideInRight { animation-name: slideInRight; }
+
+@keyframes slideInUp { from { visibility: visible; transform: translate3d(0, 100%, 0); }
+ to { transform: translate3d(0, 0, 0); } }
+.slideInUp { animation-name: slideInUp; }
+
+@keyframes slideOutDown { from { transform: translate3d(0, 0, 0); }
+ to { visibility: hidden; transform: translate3d(0, 100%, 0); } }
+.slideOutDown { animation-name: slideOutDown; }
+
+@keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); }
+ to { visibility: hidden; transform: translate3d(-100%, 0, 0); } }
+.slideOutLeft { animation-name: slideOutLeft; }
+
+@keyframes slideOutRight { from { transform: translate3d(0, 0, 0); }
+ to { visibility: hidden; transform: translate3d(100%, 0, 0); } }
+.slideOutRight { animation-name: slideOutRight; }
+
+@keyframes slideOutUp { from { transform: translate3d(0, 0, 0); }
+ to { visibility: hidden; transform: translate3d(0, -100%, 0); } }
+.slideOutUp { animation-name: slideOutUp; }
+
+.btn { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); padding: 0.84rem 2.14rem; font-size: 0.81rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; margin: 0.375rem; border: 0; border-radius: 0.125rem; cursor: pointer; text-transform: uppercase; white-space: normal; word-wrap: break-word; color: inherit; }
+.btn:hover, .btn:active, .btn:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); outline: 0; }
+.btn:not([disabled]):not(.disabled):active, .btn:not([disabled]):not(.disabled).active { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn .fas, .btn .fab, .btn .far { position: relative; font-size: 0.9rem; }
+.btn .fas.right, .btn .fab.right, .btn .far.right { margin-left: 0.3rem; }
+.btn .fas.left, .btn .fab.left, .btn .far.left { margin-right: 0.3rem; }
+.btn.btn-lg, .btn-group-lg > .btn { padding: 1rem 2.4rem; font-size: 0.94rem; }
+.btn.btn-lg .fas, .btn-group-lg > .btn .fas, .btn.btn-lg .fab, .btn-group-lg > .btn .fab, .btn.btn-lg .far, .btn-group-lg > .btn .far { font-size: 1rem; }
+.btn.btn-md { padding: 0.7rem 1.6rem; font-size: 0.7rem; }
+.btn.btn-md .fas, .btn.btn-md .fab, .btn.btn-md .far { font-size: 0.8rem; }
+.btn.btn-sm, .btn-group-sm > .btn { padding: 0.5rem 1.6rem; font-size: 0.64rem; }
+.btn.btn-sm .fas, .btn-group-sm > .btn .fas, .btn.btn-sm .fab, .btn-group-sm > .btn .fab, .btn.btn-sm .far, .btn-group-sm > .btn .far { font-size: 0.7rem; }
+.btn.btn-tb { padding: 0.3rem 1rem; }
+.btn.disabled:active, .btn.disabled:focus, .btn.disabled:hover, .btn:disabled:active, .btn:disabled:focus, .btn:disabled:hover { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
+.btn.btn-block { margin: inherit; }
+.btn.btn-link { box-shadow: none; background-color: transparent; }
+.btn.btn-link:active, .btn.btn-link:focus, .btn.btn-link:hover { box-shadow: none !important; background-color: transparent; }
+.btn[class*="btn-outline-"] { padding-top: 0.7rem; padding-bottom: 0.7rem; }
+.btn[class*="btn-outline-"].btn-lg, .btn-group-lg > .btn[class*="btn-outline-"] { padding-top: 0.88rem; padding-bottom: 0.88rem; }
+.btn[class*="btn-outline-"].btn-md { padding-top: 0.58rem; padding-bottom: 0.58rem; }
+.btn[class*="btn-outline-"].btn-sm, .btn-group-sm > .btn[class*="btn-outline-"] { padding-top: 0.38rem; padding-bottom: 0.38rem; }
+
+.btn-group .btn { margin: 0; }
+
+.btn .fa-lg, .btn-floating .fa-lg { font-size: 1.33333em !important; }
+.btn .fa-xs, .btn-floating .fa-xs { font-size: .75em !important; }
+.btn .fa-sm, .btn-floating .fa-sm { font-size: .875em !important; }
+.btn .fa-1x, .btn-floating .fa-1x { font-size: 1em !important; }
+.btn .fa-2x, .btn-floating .fa-2x { font-size: 2em !important; }
+.btn .fa-3x, .btn-floating .fa-3x { font-size: 3em !important; }
+.btn .fa-4x, .btn-floating .fa-4x { font-size: 4em !important; }
+.btn .fa-5x, .btn-floating .fa-5x { font-size: 5em !important; }
+.btn .fa-6x, .btn-floating .fa-6x { font-size: 6em !important; }
+.btn .fa-7x, .btn-floating .fa-7x { font-size: 7em !important; }
+.btn .fa-8x, .btn-floating .fa-8x { font-size: 8em !important; }
+.btn .fa-9x, .btn-floating .fa-9x { font-size: 9em !important; }
+.btn .fa-10x, .btn-floating .fa-10x { font-size: 10em !important; }
+
+.btn-primary { background-color: #4285f4 !important; color: #fff; }
+.btn-primary:hover { background-color: #5a95f5; color: #fff; }
+.btn-primary:focus, .btn-primary.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-primary:focus, .btn-primary:active, .btn-primary.active { background-color: #0b51c5; }
+.btn-primary.dropdown-toggle { background-color: #4285f4 !important; }
+.btn-primary.dropdown-toggle:hover, .btn-primary.dropdown-toggle:focus { background-color: #5a95f5 !important; }
+.btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active, .show > .btn-primary.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #0b51c5 !important; }
+.btn-primary:not([disabled]):not(.disabled):active:focus, .btn-primary:not([disabled]):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.primary-ic { color: #4285f4 !important; }
+.primary-ic:hover, .primary-ic:focus { color: #4285f4; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-primary { color: #fff; }
+
+.btn-outline-primary { border: 2px solid #4285f4 !important; background-color: transparent !important; color: #4285f4 !important; }
+.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary:active:focus, .btn-outline-primary.active { border-color: #4285f4 !important; background-color: transparent !important; color: #4285f4 !important; }
+.btn-outline-primary:not([disabled]):not(.disabled):active, .btn-outline-primary:not([disabled]):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #4285f4 !important; }
+.btn-outline-primary:not([disabled]):not(.disabled):active:focus, .btn-outline-primary:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-danger { background-color: #ff3547 !important; color: #fff; }
+.btn-danger:hover { background-color: #ff4f5e; color: #fff; }
+.btn-danger:focus, .btn-danger.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-danger:focus, .btn-danger:active, .btn-danger.active { background-color: #ce0012; }
+.btn-danger.dropdown-toggle { background-color: #ff3547 !important; }
+.btn-danger.dropdown-toggle:hover, .btn-danger.dropdown-toggle:focus { background-color: #ff4f5e !important; }
+.btn-danger:not([disabled]):not(.disabled):active, .btn-danger:not([disabled]):not(.disabled).active, .show > .btn-danger.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #ce0012 !important; }
+.btn-danger:not([disabled]):not(.disabled):active:focus, .btn-danger:not([disabled]):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.danger-ic { color: #ff3547 !important; }
+.danger-ic:hover, .danger-ic:focus { color: #ff3547; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-danger { color: #fff; }
+
+.btn-outline-danger { border: 2px solid #ff3547 !important; background-color: transparent !important; color: #ff3547 !important; }
+.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger:active:focus, .btn-outline-danger.active { border-color: #ff3547 !important; background-color: transparent !important; color: #ff3547 !important; }
+.btn-outline-danger:not([disabled]):not(.disabled):active, .btn-outline-danger:not([disabled]):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #ff3547 !important; }
+.btn-outline-danger:not([disabled]):not(.disabled):active:focus, .btn-outline-danger:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-warning { background-color: #ffbb33 !important; color: #fff; }
+.btn-warning:hover { background-color: #ffc44d; color: #fff; }
+.btn-warning:focus, .btn-warning.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-warning:focus, .btn-warning:active, .btn-warning.active { background-color: #cc8800; }
+.btn-warning.dropdown-toggle { background-color: #ffbb33 !important; }
+.btn-warning.dropdown-toggle:hover, .btn-warning.dropdown-toggle:focus { background-color: #ffc44d !important; }
+.btn-warning:not([disabled]):not(.disabled):active, .btn-warning:not([disabled]):not(.disabled).active, .show > .btn-warning.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #cc8800 !important; }
+.btn-warning:not([disabled]):not(.disabled):active:focus, .btn-warning:not([disabled]):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.warning-ic { color: #ffbb33 !important; }
+.warning-ic:hover, .warning-ic:focus { color: #ffbb33; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-warning { color: #fff; }
+
+.btn-outline-warning { border: 2px solid #ffbb33 !important; background-color: transparent !important; color: #ffbb33 !important; }
+.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning:active:focus, .btn-outline-warning.active { border-color: #ffbb33 !important; background-color: transparent !important; color: #ffbb33 !important; }
+.btn-outline-warning:not([disabled]):not(.disabled):active, .btn-outline-warning:not([disabled]):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #ffbb33 !important; }
+.btn-outline-warning:not([disabled]):not(.disabled):active:focus, .btn-outline-warning:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-success { background-color: #00c851 !important; color: #fff; }
+.btn-success:hover { background-color: #00e25b; color: #fff; }
+.btn-success:focus, .btn-success.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-success:focus, .btn-success:active, .btn-success.active { background-color: #006228; }
+.btn-success.dropdown-toggle { background-color: #00c851 !important; }
+.btn-success.dropdown-toggle:hover, .btn-success.dropdown-toggle:focus { background-color: #00e25b !important; }
+.btn-success:not([disabled]):not(.disabled):active, .btn-success:not([disabled]):not(.disabled).active, .show > .btn-success.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #006228 !important; }
+.btn-success:not([disabled]):not(.disabled):active:focus, .btn-success:not([disabled]):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.success-ic { color: #00c851 !important; }
+.success-ic:hover, .success-ic:focus { color: #00c851; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-success { color: #fff; }
+
+.btn-outline-success { border: 2px solid #00c851 !important; background-color: transparent !important; color: #00c851 !important; }
+.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success:active:focus, .btn-outline-success.active { border-color: #00c851 !important; background-color: transparent !important; color: #00c851 !important; }
+.btn-outline-success:not([disabled]):not(.disabled):active, .btn-outline-success:not([disabled]):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #00c851 !important; }
+.btn-outline-success:not([disabled]):not(.disabled):active:focus, .btn-outline-success:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-info { background-color: #33b5e5 !important; color: #fff; }
+.btn-info:hover { background-color: #4abde8; color: #fff; }
+.btn-info:focus, .btn-info.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-info:focus, .btn-info:active, .btn-info.active { background-color: #14799e; }
+.btn-info.dropdown-toggle { background-color: #33b5e5 !important; }
+.btn-info.dropdown-toggle:hover, .btn-info.dropdown-toggle:focus { background-color: #4abde8 !important; }
+.btn-info:not([disabled]):not(.disabled):active, .btn-info:not([disabled]):not(.disabled).active, .show > .btn-info.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #14799e !important; }
+.btn-info:not([disabled]):not(.disabled):active:focus, .btn-info:not([disabled]):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.info-ic { color: #33b5e5 !important; }
+.info-ic:hover, .info-ic:focus { color: #33b5e5; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-info { color: #fff; }
+
+.btn-outline-info { border: 2px solid #33b5e5 !important; background-color: transparent !important; color: #33b5e5 !important; }
+.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info:active:focus, .btn-outline-info.active { border-color: #33b5e5 !important; background-color: transparent !important; color: #33b5e5 !important; }
+.btn-outline-info:not([disabled]):not(.disabled):active, .btn-outline-info:not([disabled]):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #33b5e5 !important; }
+.btn-outline-info:not([disabled]):not(.disabled):active:focus, .btn-outline-info:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-default { background-color: #2bbbad !important; color: #fff; }
+.btn-default:hover { background-color: #30cfc0; color: #fff; }
+.btn-default:focus, .btn-default.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-default:focus, .btn-default:active, .btn-default.active { background-color: #186860; }
+.btn-default.dropdown-toggle { background-color: #2bbbad !important; }
+.btn-default.dropdown-toggle:hover, .btn-default.dropdown-toggle:focus { background-color: #30cfc0 !important; }
+.btn-default:not([disabled]):not(.disabled):active, .btn-default:not([disabled]):not(.disabled).active, .show > .btn-default.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #186860 !important; }
+.btn-default:not([disabled]):not(.disabled):active:focus, .btn-default:not([disabled]):not(.disabled).active:focus, .show > .btn-default.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.default-ic { color: #2bbbad !important; }
+.default-ic:hover, .default-ic:focus { color: #2bbbad; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-default { color: #fff; }
+
+.btn-outline-default { border: 2px solid #2bbbad !important; background-color: transparent !important; color: #2bbbad !important; }
+.btn-outline-default:hover, .btn-outline-default:focus, .btn-outline-default:active, .btn-outline-default:active:focus, .btn-outline-default.active { border-color: #2bbbad !important; background-color: transparent !important; color: #2bbbad !important; }
+.btn-outline-default:not([disabled]):not(.disabled):active, .btn-outline-default:not([disabled]):not(.disabled).active, .show > .btn-outline-default.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #2bbbad !important; }
+.btn-outline-default:not([disabled]):not(.disabled):active:focus, .btn-outline-default:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-default.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-secondary { background-color: #aa66cc !important; color: #fff; }
+.btn-secondary:hover { background-color: #b579d2; color: #fff; }
+.btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-secondary:focus, .btn-secondary:active, .btn-secondary.active { background-color: #773399; }
+.btn-secondary.dropdown-toggle { background-color: #aa66cc !important; }
+.btn-secondary.dropdown-toggle:hover, .btn-secondary.dropdown-toggle:focus { background-color: #b579d2 !important; }
+.btn-secondary:not([disabled]):not(.disabled):active, .btn-secondary:not([disabled]):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #773399 !important; }
+.btn-secondary:not([disabled]):not(.disabled):active:focus, .btn-secondary:not([disabled]):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.secondary-ic { color: #aa66cc !important; }
+.secondary-ic:hover, .secondary-ic:focus { color: #aa66cc; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-secondary { color: #fff; }
+
+.btn-outline-secondary { border: 2px solid #aa66cc !important; background-color: transparent !important; color: #aa66cc !important; }
+.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary:active:focus, .btn-outline-secondary.active { border-color: #aa66cc !important; background-color: transparent !important; color: #aa66cc !important; }
+.btn-outline-secondary:not([disabled]):not(.disabled):active, .btn-outline-secondary:not([disabled]):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #aa66cc !important; }
+.btn-outline-secondary:not([disabled]):not(.disabled):active:focus, .btn-outline-secondary:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-elegant { background-color: #2e2e2e !important; color: #fff; }
+.btn-elegant:hover { background-color: #3b3b3b; color: #fff; }
+.btn-elegant:focus, .btn-elegant.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-elegant:focus, .btn-elegant:active, .btn-elegant.active { background-color: black; }
+.btn-elegant.dropdown-toggle { background-color: #2e2e2e !important; }
+.btn-elegant.dropdown-toggle:hover, .btn-elegant.dropdown-toggle:focus { background-color: #3b3b3b !important; }
+.btn-elegant:not([disabled]):not(.disabled):active, .btn-elegant:not([disabled]):not(.disabled).active, .show > .btn-elegant.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: black !important; }
+.btn-elegant:not([disabled]):not(.disabled):active:focus, .btn-elegant:not([disabled]):not(.disabled).active:focus, .show > .btn-elegant.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.elegant-ic { color: #2e2e2e !important; }
+.elegant-ic:hover, .elegant-ic:focus { color: #2e2e2e; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-elegant { color: #fff; }
+
+.btn-outline-elegant { border: 2px solid #2e2e2e !important; background-color: transparent !important; color: #2e2e2e !important; }
+.btn-outline-elegant:hover, .btn-outline-elegant:focus, .btn-outline-elegant:active, .btn-outline-elegant:active:focus, .btn-outline-elegant.active { border-color: #2e2e2e !important; background-color: transparent !important; color: #2e2e2e !important; }
+.btn-outline-elegant:not([disabled]):not(.disabled):active, .btn-outline-elegant:not([disabled]):not(.disabled).active, .show > .btn-outline-elegant.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #2e2e2e !important; }
+.btn-outline-elegant:not([disabled]):not(.disabled):active:focus, .btn-outline-elegant:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-elegant.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-unique { background-color: #880e4f !important; color: #fff; }
+.btn-unique:hover { background-color: #9f105c; color: #fff; }
+.btn-unique:focus, .btn-unique.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-unique:focus, .btn-unique:active, .btn-unique.active { background-color: #2c0419; }
+.btn-unique.dropdown-toggle { background-color: #880e4f !important; }
+.btn-unique.dropdown-toggle:hover, .btn-unique.dropdown-toggle:focus { background-color: #9f105c !important; }
+.btn-unique:not([disabled]):not(.disabled):active, .btn-unique:not([disabled]):not(.disabled).active, .show > .btn-unique.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #2c0419 !important; }
+.btn-unique:not([disabled]):not(.disabled):active:focus, .btn-unique:not([disabled]):not(.disabled).active:focus, .show > .btn-unique.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.unique-ic { color: #880e4f !important; }
+.unique-ic:hover, .unique-ic:focus { color: #880e4f; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-unique { color: #fff; }
+
+.btn-outline-unique { border: 2px solid #880e4f !important; background-color: transparent !important; color: #880e4f !important; }
+.btn-outline-unique:hover, .btn-outline-unique:focus, .btn-outline-unique:active, .btn-outline-unique:active:focus, .btn-outline-unique.active { border-color: #880e4f !important; background-color: transparent !important; color: #880e4f !important; }
+.btn-outline-unique:not([disabled]):not(.disabled):active, .btn-outline-unique:not([disabled]):not(.disabled).active, .show > .btn-outline-unique.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #880e4f !important; }
+.btn-outline-unique:not([disabled]):not(.disabled):active:focus, .btn-outline-unique:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-unique.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-dark-green { background-color: #388e3c !important; color: #fff; }
+.btn-dark-green:hover { background-color: #3fa044; color: #fff; }
+.btn-dark-green:focus, .btn-dark-green.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-dark-green:focus, .btn-dark-green:active, .btn-dark-green.active { background-color: #1b451d; }
+.btn-dark-green.dropdown-toggle { background-color: #388e3c !important; }
+.btn-dark-green.dropdown-toggle:hover, .btn-dark-green.dropdown-toggle:focus { background-color: #3fa044 !important; }
+.btn-dark-green:not([disabled]):not(.disabled):active, .btn-dark-green:not([disabled]):not(.disabled).active, .show > .btn-dark-green.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #1b451d !important; }
+.btn-dark-green:not([disabled]):not(.disabled):active:focus, .btn-dark-green:not([disabled]):not(.disabled).active:focus, .show > .btn-dark-green.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.dark-green-ic { color: #388e3c !important; }
+.dark-green-ic:hover, .dark-green-ic:focus { color: #388e3c; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-dark-green { color: #fff; }
+
+.btn-outline-dark-green { border: 2px solid #388e3c !important; background-color: transparent !important; color: #388e3c !important; }
+.btn-outline-dark-green:hover, .btn-outline-dark-green:focus, .btn-outline-dark-green:active, .btn-outline-dark-green:active:focus, .btn-outline-dark-green.active { border-color: #388e3c !important; background-color: transparent !important; color: #388e3c !important; }
+.btn-outline-dark-green:not([disabled]):not(.disabled):active, .btn-outline-dark-green:not([disabled]):not(.disabled).active, .show > .btn-outline-dark-green.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #388e3c !important; }
+.btn-outline-dark-green:not([disabled]):not(.disabled):active:focus, .btn-outline-dark-green:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-dark-green.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-mdb-color { background-color: #59698d !important; color: #fff; }
+.btn-mdb-color:hover { background-color: #63759d; color: #fff; }
+.btn-mdb-color:focus, .btn-mdb-color.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-mdb-color:focus, .btn-mdb-color:active, .btn-mdb-color.active { background-color: #323a4e; }
+.btn-mdb-color.dropdown-toggle { background-color: #59698d !important; }
+.btn-mdb-color.dropdown-toggle:hover, .btn-mdb-color.dropdown-toggle:focus { background-color: #63759d !important; }
+.btn-mdb-color:not([disabled]):not(.disabled):active, .btn-mdb-color:not([disabled]):not(.disabled).active, .show > .btn-mdb-color.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #323a4e !important; }
+.btn-mdb-color:not([disabled]):not(.disabled):active:focus, .btn-mdb-color:not([disabled]):not(.disabled).active:focus, .show > .btn-mdb-color.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.mdb-color-ic { color: #59698d !important; }
+.mdb-color-ic:hover, .mdb-color-ic:focus { color: #59698d; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-mdb-color { color: #fff; }
+
+.btn-outline-mdb-color { border: 2px solid #59698d !important; background-color: transparent !important; color: #59698d !important; }
+.btn-outline-mdb-color:hover, .btn-outline-mdb-color:focus, .btn-outline-mdb-color:active, .btn-outline-mdb-color:active:focus, .btn-outline-mdb-color.active { border-color: #59698d !important; background-color: transparent !important; color: #59698d !important; }
+.btn-outline-mdb-color:not([disabled]):not(.disabled):active, .btn-outline-mdb-color:not([disabled]):not(.disabled).active, .show > .btn-outline-mdb-color.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #59698d !important; }
+.btn-outline-mdb-color:not([disabled]):not(.disabled):active:focus, .btn-outline-mdb-color:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-mdb-color.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-red { background-color: #d32f2f !important; color: #fff; }
+.btn-red:hover { background-color: #d74444; color: #fff; }
+.btn-red:focus, .btn-red.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-red:focus, .btn-red:active, .btn-red.active { background-color: #811b1b; }
+.btn-red.dropdown-toggle { background-color: #d32f2f !important; }
+.btn-red.dropdown-toggle:hover, .btn-red.dropdown-toggle:focus { background-color: #d74444 !important; }
+.btn-red:not([disabled]):not(.disabled):active, .btn-red:not([disabled]):not(.disabled).active, .show > .btn-red.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #811b1b !important; }
+.btn-red:not([disabled]):not(.disabled):active:focus, .btn-red:not([disabled]):not(.disabled).active:focus, .show > .btn-red.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.red-ic { color: #d32f2f !important; }
+.red-ic:hover, .red-ic:focus { color: #d32f2f; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-red { color: #fff; }
+
+.btn-outline-red { border: 2px solid #d32f2f !important; background-color: transparent !important; color: #d32f2f !important; }
+.btn-outline-red:hover, .btn-outline-red:focus, .btn-outline-red:active, .btn-outline-red:active:focus, .btn-outline-red.active { border-color: #d32f2f !important; background-color: transparent !important; color: #d32f2f !important; }
+.btn-outline-red:not([disabled]):not(.disabled):active, .btn-outline-red:not([disabled]):not(.disabled).active, .show > .btn-outline-red.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #d32f2f !important; }
+.btn-outline-red:not([disabled]):not(.disabled):active:focus, .btn-outline-red:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-red.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-pink { background-color: #ec407a !important; color: #fff; }
+.btn-pink:hover { background-color: #ee578a; color: #fff; }
+.btn-pink:focus, .btn-pink.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-pink:focus, .btn-pink:active, .btn-pink.active { background-color: #b41249; }
+.btn-pink.dropdown-toggle { background-color: #ec407a !important; }
+.btn-pink.dropdown-toggle:hover, .btn-pink.dropdown-toggle:focus { background-color: #ee578a !important; }
+.btn-pink:not([disabled]):not(.disabled):active, .btn-pink:not([disabled]):not(.disabled).active, .show > .btn-pink.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #b41249 !important; }
+.btn-pink:not([disabled]):not(.disabled):active:focus, .btn-pink:not([disabled]):not(.disabled).active:focus, .show > .btn-pink.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.pink-ic { color: #ec407a !important; }
+.pink-ic:hover, .pink-ic:focus { color: #ec407a; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-pink { color: #fff; }
+
+.btn-outline-pink { border: 2px solid #ec407a !important; background-color: transparent !important; color: #ec407a !important; }
+.btn-outline-pink:hover, .btn-outline-pink:focus, .btn-outline-pink:active, .btn-outline-pink:active:focus, .btn-outline-pink.active { border-color: #ec407a !important; background-color: transparent !important; color: #ec407a !important; }
+.btn-outline-pink:not([disabled]):not(.disabled):active, .btn-outline-pink:not([disabled]):not(.disabled).active, .show > .btn-outline-pink.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #ec407a !important; }
+.btn-outline-pink:not([disabled]):not(.disabled):active:focus, .btn-outline-pink:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-pink.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-purple { background-color: #8e24aa !important; color: #fff; }
+.btn-purple:hover { background-color: #a028bf; color: #fff; }
+.btn-purple:focus, .btn-purple.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-purple:focus, .btn-purple:active, .btn-purple.active { background-color: #481256; }
+.btn-purple.dropdown-toggle { background-color: #8e24aa !important; }
+.btn-purple.dropdown-toggle:hover, .btn-purple.dropdown-toggle:focus { background-color: #a028bf !important; }
+.btn-purple:not([disabled]):not(.disabled):active, .btn-purple:not([disabled]):not(.disabled).active, .show > .btn-purple.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #481256 !important; }
+.btn-purple:not([disabled]):not(.disabled):active:focus, .btn-purple:not([disabled]):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.purple-ic { color: #8e24aa !important; }
+.purple-ic:hover, .purple-ic:focus { color: #8e24aa; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-purple { color: #fff; }
+
+.btn-outline-purple { border: 2px solid #8e24aa !important; background-color: transparent !important; color: #8e24aa !important; }
+.btn-outline-purple:hover, .btn-outline-purple:focus, .btn-outline-purple:active, .btn-outline-purple:active:focus, .btn-outline-purple.active { border-color: #8e24aa !important; background-color: transparent !important; color: #8e24aa !important; }
+.btn-outline-purple:not([disabled]):not(.disabled):active, .btn-outline-purple:not([disabled]):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #8e24aa !important; }
+.btn-outline-purple:not([disabled]):not(.disabled):active:focus, .btn-outline-purple:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-deep-purple { background-color: #512da8 !important; color: #fff; }
+.btn-deep-purple:hover { background-color: #5b32bc; color: #fff; }
+.btn-deep-purple:focus, .btn-deep-purple.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-deep-purple:focus, .btn-deep-purple:active, .btn-deep-purple.active { background-color: #2a1758; }
+.btn-deep-purple.dropdown-toggle { background-color: #512da8 !important; }
+.btn-deep-purple.dropdown-toggle:hover, .btn-deep-purple.dropdown-toggle:focus { background-color: #5b32bc !important; }
+.btn-deep-purple:not([disabled]):not(.disabled):active, .btn-deep-purple:not([disabled]):not(.disabled).active, .show > .btn-deep-purple.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #2a1758 !important; }
+.btn-deep-purple:not([disabled]):not(.disabled):active:focus, .btn-deep-purple:not([disabled]):not(.disabled).active:focus, .show > .btn-deep-purple.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.deep-purple-ic { color: #512da8 !important; }
+.deep-purple-ic:hover, .deep-purple-ic:focus { color: #512da8; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-deep-purple { color: #fff; }
+
+.btn-outline-deep-purple { border: 2px solid #512da8 !important; background-color: transparent !important; color: #512da8 !important; }
+.btn-outline-deep-purple:hover, .btn-outline-deep-purple:focus, .btn-outline-deep-purple:active, .btn-outline-deep-purple:active:focus, .btn-outline-deep-purple.active { border-color: #512da8 !important; background-color: transparent !important; color: #512da8 !important; }
+.btn-outline-deep-purple:not([disabled]):not(.disabled):active, .btn-outline-deep-purple:not([disabled]):not(.disabled).active, .show > .btn-outline-deep-purple.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #512da8 !important; }
+.btn-outline-deep-purple:not([disabled]):not(.disabled):active:focus, .btn-outline-deep-purple:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-deep-purple.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-indigo { background-color: #3f51b5 !important; color: #fff; }
+.btn-indigo:hover { background-color: #4d5ec1; color: #fff; }
+.btn-indigo:focus, .btn-indigo.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-indigo:focus, .btn-indigo:active, .btn-indigo.active { background-color: #252f69; }
+.btn-indigo.dropdown-toggle { background-color: #3f51b5 !important; }
+.btn-indigo.dropdown-toggle:hover, .btn-indigo.dropdown-toggle:focus { background-color: #4d5ec1 !important; }
+.btn-indigo:not([disabled]):not(.disabled):active, .btn-indigo:not([disabled]):not(.disabled).active, .show > .btn-indigo.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #252f69 !important; }
+.btn-indigo:not([disabled]):not(.disabled):active:focus, .btn-indigo:not([disabled]):not(.disabled).active:focus, .show > .btn-indigo.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.indigo-ic { color: #3f51b5 !important; }
+.indigo-ic:hover, .indigo-ic:focus { color: #3f51b5; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-indigo { color: #fff; }
+
+.btn-outline-indigo { border: 2px solid #3f51b5 !important; background-color: transparent !important; color: #3f51b5 !important; }
+.btn-outline-indigo:hover, .btn-outline-indigo:focus, .btn-outline-indigo:active, .btn-outline-indigo:active:focus, .btn-outline-indigo.active { border-color: #3f51b5 !important; background-color: transparent !important; color: #3f51b5 !important; }
+.btn-outline-indigo:not([disabled]):not(.disabled):active, .btn-outline-indigo:not([disabled]):not(.disabled).active, .show > .btn-outline-indigo.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #3f51b5 !important; }
+.btn-outline-indigo:not([disabled]):not(.disabled):active:focus, .btn-outline-indigo:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-indigo.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-blue { background-color: #1976d2 !important; color: #fff; }
+.btn-blue:hover { background-color: #2083e4; color: #fff; }
+.btn-blue:focus, .btn-blue.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-blue:focus, .btn-blue:active, .btn-blue.active { background-color: #0e4377; }
+.btn-blue.dropdown-toggle { background-color: #1976d2 !important; }
+.btn-blue.dropdown-toggle:hover, .btn-blue.dropdown-toggle:focus { background-color: #2083e4 !important; }
+.btn-blue:not([disabled]):not(.disabled):active, .btn-blue:not([disabled]):not(.disabled).active, .show > .btn-blue.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #0e4377 !important; }
+.btn-blue:not([disabled]):not(.disabled):active:focus, .btn-blue:not([disabled]):not(.disabled).active:focus, .show > .btn-blue.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.blue-ic { color: #1976d2 !important; }
+.blue-ic:hover, .blue-ic:focus { color: #1976d2; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-blue { color: #fff; }
+
+.btn-outline-blue { border: 2px solid #1976d2 !important; background-color: transparent !important; color: #1976d2 !important; }
+.btn-outline-blue:hover, .btn-outline-blue:focus, .btn-outline-blue:active, .btn-outline-blue:active:focus, .btn-outline-blue.active { border-color: #1976d2 !important; background-color: transparent !important; color: #1976d2 !important; }
+.btn-outline-blue:not([disabled]):not(.disabled):active, .btn-outline-blue:not([disabled]):not(.disabled).active, .show > .btn-outline-blue.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #1976d2 !important; }
+.btn-outline-blue:not([disabled]):not(.disabled):active:focus, .btn-outline-blue:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-blue.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-light-blue { background-color: #82b1ff !important; color: #fff; }
+.btn-light-blue:hover { background-color: #9cc1ff; color: #fff; }
+.btn-light-blue:focus, .btn-light-blue.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-light-blue:focus, .btn-light-blue:active, .btn-light-blue.active { background-color: #1c71ff; }
+.btn-light-blue.dropdown-toggle { background-color: #82b1ff !important; }
+.btn-light-blue.dropdown-toggle:hover, .btn-light-blue.dropdown-toggle:focus { background-color: #9cc1ff !important; }
+.btn-light-blue:not([disabled]):not(.disabled):active, .btn-light-blue:not([disabled]):not(.disabled).active, .show > .btn-light-blue.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #1c71ff !important; }
+.btn-light-blue:not([disabled]):not(.disabled):active:focus, .btn-light-blue:not([disabled]):not(.disabled).active:focus, .show > .btn-light-blue.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.light-blue-ic { color: #82b1ff !important; }
+.light-blue-ic:hover, .light-blue-ic:focus { color: #82b1ff; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-light-blue { color: #fff; }
+
+.btn-outline-light-blue { border: 2px solid #82b1ff !important; background-color: transparent !important; color: #82b1ff !important; }
+.btn-outline-light-blue:hover, .btn-outline-light-blue:focus, .btn-outline-light-blue:active, .btn-outline-light-blue:active:focus, .btn-outline-light-blue.active { border-color: #82b1ff !important; background-color: transparent !important; color: #82b1ff !important; }
+.btn-outline-light-blue:not([disabled]):not(.disabled):active, .btn-outline-light-blue:not([disabled]):not(.disabled).active, .show > .btn-outline-light-blue.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #82b1ff !important; }
+.btn-outline-light-blue:not([disabled]):not(.disabled):active:focus, .btn-outline-light-blue:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-light-blue.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-cyan { background-color: #00bcd4 !important; color: #fff; }
+.btn-cyan:hover { background-color: #00d3ee; color: #fff; }
+.btn-cyan:focus, .btn-cyan.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-cyan:focus, .btn-cyan:active, .btn-cyan.active { background-color: #00626e; }
+.btn-cyan.dropdown-toggle { background-color: #00bcd4 !important; }
+.btn-cyan.dropdown-toggle:hover, .btn-cyan.dropdown-toggle:focus { background-color: #00d3ee !important; }
+.btn-cyan:not([disabled]):not(.disabled):active, .btn-cyan:not([disabled]):not(.disabled).active, .show > .btn-cyan.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #00626e !important; }
+.btn-cyan:not([disabled]):not(.disabled):active:focus, .btn-cyan:not([disabled]):not(.disabled).active:focus, .show > .btn-cyan.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.cyan-ic { color: #00bcd4 !important; }
+.cyan-ic:hover, .cyan-ic:focus { color: #00bcd4; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-cyan { color: #fff; }
+
+.btn-outline-cyan { border: 2px solid #00bcd4 !important; background-color: transparent !important; color: #00bcd4 !important; }
+.btn-outline-cyan:hover, .btn-outline-cyan:focus, .btn-outline-cyan:active, .btn-outline-cyan:active:focus, .btn-outline-cyan.active { border-color: #00bcd4 !important; background-color: transparent !important; color: #00bcd4 !important; }
+.btn-outline-cyan:not([disabled]):not(.disabled):active, .btn-outline-cyan:not([disabled]):not(.disabled).active, .show > .btn-outline-cyan.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #00bcd4 !important; }
+.btn-outline-cyan:not([disabled]):not(.disabled):active:focus, .btn-outline-cyan:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-cyan.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-teal { background-color: #00796b !important; color: #fff; }
+.btn-teal:hover { background-color: #009382; color: #fff; }
+.btn-teal:focus, .btn-teal.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-teal:focus, .btn-teal:active, .btn-teal.active { background-color: #001311; }
+.btn-teal.dropdown-toggle { background-color: #00796b !important; }
+.btn-teal.dropdown-toggle:hover, .btn-teal.dropdown-toggle:focus { background-color: #009382 !important; }
+.btn-teal:not([disabled]):not(.disabled):active, .btn-teal:not([disabled]):not(.disabled).active, .show > .btn-teal.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #001311 !important; }
+.btn-teal:not([disabled]):not(.disabled):active:focus, .btn-teal:not([disabled]):not(.disabled).active:focus, .show > .btn-teal.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.teal-ic { color: #00796b !important; }
+.teal-ic:hover, .teal-ic:focus { color: #00796b; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-teal { color: #fff; }
+
+.btn-outline-teal { border: 2px solid #00796b !important; background-color: transparent !important; color: #00796b !important; }
+.btn-outline-teal:hover, .btn-outline-teal:focus, .btn-outline-teal:active, .btn-outline-teal:active:focus, .btn-outline-teal.active { border-color: #00796b !important; background-color: transparent !important; color: #00796b !important; }
+.btn-outline-teal:not([disabled]):not(.disabled):active, .btn-outline-teal:not([disabled]):not(.disabled).active, .show > .btn-outline-teal.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #00796b !important; }
+.btn-outline-teal:not([disabled]):not(.disabled):active:focus, .btn-outline-teal:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-teal.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-green { background-color: #388e3c !important; color: #fff; }
+.btn-green:hover { background-color: #3fa044; color: #fff; }
+.btn-green:focus, .btn-green.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-green:focus, .btn-green:active, .btn-green.active { background-color: #1b451d; }
+.btn-green.dropdown-toggle { background-color: #388e3c !important; }
+.btn-green.dropdown-toggle:hover, .btn-green.dropdown-toggle:focus { background-color: #3fa044 !important; }
+.btn-green:not([disabled]):not(.disabled):active, .btn-green:not([disabled]):not(.disabled).active, .show > .btn-green.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #1b451d !important; }
+.btn-green:not([disabled]):not(.disabled):active:focus, .btn-green:not([disabled]):not(.disabled).active:focus, .show > .btn-green.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.green-ic { color: #388e3c !important; }
+.green-ic:hover, .green-ic:focus { color: #388e3c; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-green { color: #fff; }
+
+.btn-outline-green { border: 2px solid #388e3c !important; background-color: transparent !important; color: #388e3c !important; }
+.btn-outline-green:hover, .btn-outline-green:focus, .btn-outline-green:active, .btn-outline-green:active:focus, .btn-outline-green.active { border-color: #388e3c !important; background-color: transparent !important; color: #388e3c !important; }
+.btn-outline-green:not([disabled]):not(.disabled):active, .btn-outline-green:not([disabled]):not(.disabled).active, .show > .btn-outline-green.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #388e3c !important; }
+.btn-outline-green:not([disabled]):not(.disabled):active:focus, .btn-outline-green:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-green.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-light-green { background-color: #8bc34a !important; color: #fff; }
+.btn-light-green:hover { background-color: #97c95d; color: #fff; }
+.btn-light-green:focus, .btn-light-green.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-light-green:focus, .btn-light-green:active, .btn-light-green.active { background-color: #577d2a; }
+.btn-light-green.dropdown-toggle { background-color: #8bc34a !important; }
+.btn-light-green.dropdown-toggle:hover, .btn-light-green.dropdown-toggle:focus { background-color: #97c95d !important; }
+.btn-light-green:not([disabled]):not(.disabled):active, .btn-light-green:not([disabled]):not(.disabled).active, .show > .btn-light-green.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #577d2a !important; }
+.btn-light-green:not([disabled]):not(.disabled):active:focus, .btn-light-green:not([disabled]):not(.disabled).active:focus, .show > .btn-light-green.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.light-green-ic { color: #8bc34a !important; }
+.light-green-ic:hover, .light-green-ic:focus { color: #8bc34a; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-light-green { color: #fff; }
+
+.btn-outline-light-green { border: 2px solid #8bc34a !important; background-color: transparent !important; color: #8bc34a !important; }
+.btn-outline-light-green:hover, .btn-outline-light-green:focus, .btn-outline-light-green:active, .btn-outline-light-green:active:focus, .btn-outline-light-green.active { border-color: #8bc34a !important; background-color: transparent !important; color: #8bc34a !important; }
+.btn-outline-light-green:not([disabled]):not(.disabled):active, .btn-outline-light-green:not([disabled]):not(.disabled).active, .show > .btn-outline-light-green.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #8bc34a !important; }
+.btn-outline-light-green:not([disabled]):not(.disabled):active:focus, .btn-outline-light-green:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-light-green.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-lime { background-color: #afb42b !important; color: #fff; }
+.btn-lime:hover { background-color: #c3c930; color: #fff; }
+.btn-lime:focus, .btn-lime.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-lime:focus, .btn-lime:active, .btn-lime.active { background-color: #5f6217; }
+.btn-lime.dropdown-toggle { background-color: #afb42b !important; }
+.btn-lime.dropdown-toggle:hover, .btn-lime.dropdown-toggle:focus { background-color: #c3c930 !important; }
+.btn-lime:not([disabled]):not(.disabled):active, .btn-lime:not([disabled]):not(.disabled).active, .show > .btn-lime.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #5f6217 !important; }
+.btn-lime:not([disabled]):not(.disabled):active:focus, .btn-lime:not([disabled]):not(.disabled).active:focus, .show > .btn-lime.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.lime-ic { color: #afb42b !important; }
+.lime-ic:hover, .lime-ic:focus { color: #afb42b; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-lime { color: #fff; }
+
+.btn-outline-lime { border: 2px solid #afb42b !important; background-color: transparent !important; color: #afb42b !important; }
+.btn-outline-lime:hover, .btn-outline-lime:focus, .btn-outline-lime:active, .btn-outline-lime:active:focus, .btn-outline-lime.active { border-color: #afb42b !important; background-color: transparent !important; color: #afb42b !important; }
+.btn-outline-lime:not([disabled]):not(.disabled):active, .btn-outline-lime:not([disabled]):not(.disabled).active, .show > .btn-outline-lime.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #afb42b !important; }
+.btn-outline-lime:not([disabled]):not(.disabled):active:focus, .btn-outline-lime:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-lime.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-yellow { background-color: #fbc02d !important; color: #fff; }
+.btn-yellow:hover { background-color: #fbc846; color: #fff; }
+.btn-yellow:focus, .btn-yellow.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-yellow:focus, .btn-yellow:active, .btn-yellow.active { background-color: #be8904; }
+.btn-yellow.dropdown-toggle { background-color: #fbc02d !important; }
+.btn-yellow.dropdown-toggle:hover, .btn-yellow.dropdown-toggle:focus { background-color: #fbc846 !important; }
+.btn-yellow:not([disabled]):not(.disabled):active, .btn-yellow:not([disabled]):not(.disabled).active, .show > .btn-yellow.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #be8904 !important; }
+.btn-yellow:not([disabled]):not(.disabled):active:focus, .btn-yellow:not([disabled]):not(.disabled).active:focus, .show > .btn-yellow.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.yellow-ic { color: #fbc02d !important; }
+.yellow-ic:hover, .yellow-ic:focus { color: #fbc02d; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-yellow { color: #fff; }
+
+.btn-outline-yellow { border: 2px solid #fbc02d !important; background-color: transparent !important; color: #fbc02d !important; }
+.btn-outline-yellow:hover, .btn-outline-yellow:focus, .btn-outline-yellow:active, .btn-outline-yellow:active:focus, .btn-outline-yellow.active { border-color: #fbc02d !important; background-color: transparent !important; color: #fbc02d !important; }
+.btn-outline-yellow:not([disabled]):not(.disabled):active, .btn-outline-yellow:not([disabled]):not(.disabled).active, .show > .btn-outline-yellow.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #fbc02d !important; }
+.btn-outline-yellow:not([disabled]):not(.disabled):active:focus, .btn-outline-yellow:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-yellow.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-amber { background-color: #ffa000 !important; color: #fff; }
+.btn-amber:hover { background-color: #ffaa1a; color: #fff; }
+.btn-amber:focus, .btn-amber.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-amber:focus, .btn-amber:active, .btn-amber.active { background-color: #996000; }
+.btn-amber.dropdown-toggle { background-color: #ffa000 !important; }
+.btn-amber.dropdown-toggle:hover, .btn-amber.dropdown-toggle:focus { background-color: #ffaa1a !important; }
+.btn-amber:not([disabled]):not(.disabled):active, .btn-amber:not([disabled]):not(.disabled).active, .show > .btn-amber.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #996000 !important; }
+.btn-amber:not([disabled]):not(.disabled):active:focus, .btn-amber:not([disabled]):not(.disabled).active:focus, .show > .btn-amber.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.amber-ic { color: #ffa000 !important; }
+.amber-ic:hover, .amber-ic:focus { color: #ffa000; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-amber { color: #fff; }
+
+.btn-outline-amber { border: 2px solid #ffa000 !important; background-color: transparent !important; color: #ffa000 !important; }
+.btn-outline-amber:hover, .btn-outline-amber:focus, .btn-outline-amber:active, .btn-outline-amber:active:focus, .btn-outline-amber.active { border-color: #ffa000 !important; background-color: transparent !important; color: #ffa000 !important; }
+.btn-outline-amber:not([disabled]):not(.disabled):active, .btn-outline-amber:not([disabled]):not(.disabled).active, .show > .btn-outline-amber.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #ffa000 !important; }
+.btn-outline-amber:not([disabled]):not(.disabled):active:focus, .btn-outline-amber:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-amber.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-orange { background-color: #f57c00 !important; color: #fff; }
+.btn-orange:hover { background-color: #ff8910; color: #fff; }
+.btn-orange:focus, .btn-orange.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-orange:focus, .btn-orange:active, .btn-orange.active { background-color: #8f4800; }
+.btn-orange.dropdown-toggle { background-color: #f57c00 !important; }
+.btn-orange.dropdown-toggle:hover, .btn-orange.dropdown-toggle:focus { background-color: #ff8910 !important; }
+.btn-orange:not([disabled]):not(.disabled):active, .btn-orange:not([disabled]):not(.disabled).active, .show > .btn-orange.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #8f4800 !important; }
+.btn-orange:not([disabled]):not(.disabled):active:focus, .btn-orange:not([disabled]):not(.disabled).active:focus, .show > .btn-orange.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.orange-ic { color: #f57c00 !important; }
+.orange-ic:hover, .orange-ic:focus { color: #f57c00; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-orange { color: #fff; }
+
+.btn-outline-orange { border: 2px solid #f57c00 !important; background-color: transparent !important; color: #f57c00 !important; }
+.btn-outline-orange:hover, .btn-outline-orange:focus, .btn-outline-orange:active, .btn-outline-orange:active:focus, .btn-outline-orange.active { border-color: #f57c00 !important; background-color: transparent !important; color: #f57c00 !important; }
+.btn-outline-orange:not([disabled]):not(.disabled):active, .btn-outline-orange:not([disabled]):not(.disabled).active, .show > .btn-outline-orange.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #f57c00 !important; }
+.btn-outline-orange:not([disabled]):not(.disabled):active:focus, .btn-outline-orange:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-orange.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-deep-orange { background-color: #ff7043 !important; color: #fff; }
+.btn-deep-orange:hover { background-color: #ff835d; color: #fff; }
+.btn-deep-orange:focus, .btn-deep-orange.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-deep-orange:focus, .btn-deep-orange:active, .btn-deep-orange.active { background-color: #dc3500; }
+.btn-deep-orange.dropdown-toggle { background-color: #ff7043 !important; }
+.btn-deep-orange.dropdown-toggle:hover, .btn-deep-orange.dropdown-toggle:focus { background-color: #ff835d !important; }
+.btn-deep-orange:not([disabled]):not(.disabled):active, .btn-deep-orange:not([disabled]):not(.disabled).active, .show > .btn-deep-orange.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #dc3500 !important; }
+.btn-deep-orange:not([disabled]):not(.disabled):active:focus, .btn-deep-orange:not([disabled]):not(.disabled).active:focus, .show > .btn-deep-orange.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.deep-orange-ic { color: #ff7043 !important; }
+.deep-orange-ic:hover, .deep-orange-ic:focus { color: #ff7043; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-deep-orange { color: #fff; }
+
+.btn-outline-deep-orange { border: 2px solid #ff7043 !important; background-color: transparent !important; color: #ff7043 !important; }
+.btn-outline-deep-orange:hover, .btn-outline-deep-orange:focus, .btn-outline-deep-orange:active, .btn-outline-deep-orange:active:focus, .btn-outline-deep-orange.active { border-color: #ff7043 !important; background-color: transparent !important; color: #ff7043 !important; }
+.btn-outline-deep-orange:not([disabled]):not(.disabled):active, .btn-outline-deep-orange:not([disabled]):not(.disabled).active, .show > .btn-outline-deep-orange.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #ff7043 !important; }
+.btn-outline-deep-orange:not([disabled]):not(.disabled):active:focus, .btn-outline-deep-orange:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-deep-orange.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-brown { background-color: #795548 !important; color: #fff; }
+.btn-brown:hover { background-color: #896052; color: #fff; }
+.btn-brown:focus, .btn-brown.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-brown:focus, .btn-brown:active, .btn-brown.active { background-color: #392822; }
+.btn-brown.dropdown-toggle { background-color: #795548 !important; }
+.btn-brown.dropdown-toggle:hover, .btn-brown.dropdown-toggle:focus { background-color: #896052 !important; }
+.btn-brown:not([disabled]):not(.disabled):active, .btn-brown:not([disabled]):not(.disabled).active, .show > .btn-brown.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #392822 !important; }
+.btn-brown:not([disabled]):not(.disabled):active:focus, .btn-brown:not([disabled]):not(.disabled).active:focus, .show > .btn-brown.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.brown-ic { color: #795548 !important; }
+.brown-ic:hover, .brown-ic:focus { color: #795548; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-brown { color: #fff; }
+
+.btn-outline-brown { border: 2px solid #795548 !important; background-color: transparent !important; color: #795548 !important; }
+.btn-outline-brown:hover, .btn-outline-brown:focus, .btn-outline-brown:active, .btn-outline-brown:active:focus, .btn-outline-brown.active { border-color: #795548 !important; background-color: transparent !important; color: #795548 !important; }
+.btn-outline-brown:not([disabled]):not(.disabled):active, .btn-outline-brown:not([disabled]):not(.disabled).active, .show > .btn-outline-brown.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #795548 !important; }
+.btn-outline-brown:not([disabled]):not(.disabled):active:focus, .btn-outline-brown:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-brown.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-grey { background-color: #616161 !important; color: #fff; }
+.btn-grey:hover { background-color: #6e6e6e; color: #fff; }
+.btn-grey:focus, .btn-grey.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-grey:focus, .btn-grey:active, .btn-grey.active { background-color: #2e2e2e; }
+.btn-grey.dropdown-toggle { background-color: #616161 !important; }
+.btn-grey.dropdown-toggle:hover, .btn-grey.dropdown-toggle:focus { background-color: #6e6e6e !important; }
+.btn-grey:not([disabled]):not(.disabled):active, .btn-grey:not([disabled]):not(.disabled).active, .show > .btn-grey.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #2e2e2e !important; }
+.btn-grey:not([disabled]):not(.disabled):active:focus, .btn-grey:not([disabled]):not(.disabled).active:focus, .show > .btn-grey.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.grey-ic { color: #616161 !important; }
+.grey-ic:hover, .grey-ic:focus { color: #616161; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-grey { color: #fff; }
+
+.btn-outline-grey { border: 2px solid #616161 !important; background-color: transparent !important; color: #616161 !important; }
+.btn-outline-grey:hover, .btn-outline-grey:focus, .btn-outline-grey:active, .btn-outline-grey:active:focus, .btn-outline-grey.active { border-color: #616161 !important; background-color: transparent !important; color: #616161 !important; }
+.btn-outline-grey:not([disabled]):not(.disabled):active, .btn-outline-grey:not([disabled]):not(.disabled).active, .show > .btn-outline-grey.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #616161 !important; }
+.btn-outline-grey:not([disabled]):not(.disabled):active:focus, .btn-outline-grey:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-grey.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-blue-grey { background-color: #78909c !important; color: #fff; }
+.btn-blue-grey:hover { background-color: #879ca7; color: #fff; }
+.btn-blue-grey:focus, .btn-blue-grey.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-blue-grey:focus, .btn-blue-grey:active, .btn-blue-grey.active { background-color: #4a5b64; }
+.btn-blue-grey.dropdown-toggle { background-color: #78909c !important; }
+.btn-blue-grey.dropdown-toggle:hover, .btn-blue-grey.dropdown-toggle:focus { background-color: #879ca7 !important; }
+.btn-blue-grey:not([disabled]):not(.disabled):active, .btn-blue-grey:not([disabled]):not(.disabled).active, .show > .btn-blue-grey.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #4a5b64 !important; }
+.btn-blue-grey:not([disabled]):not(.disabled):active:focus, .btn-blue-grey:not([disabled]):not(.disabled).active:focus, .show > .btn-blue-grey.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.blue-grey-ic { color: #78909c !important; }
+.blue-grey-ic:hover, .blue-grey-ic:focus { color: #78909c; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-blue-grey { color: #fff; }
+
+.btn-outline-blue-grey { border: 2px solid #78909c !important; background-color: transparent !important; color: #78909c !important; }
+.btn-outline-blue-grey:hover, .btn-outline-blue-grey:focus, .btn-outline-blue-grey:active, .btn-outline-blue-grey:active:focus, .btn-outline-blue-grey.active { border-color: #78909c !important; background-color: transparent !important; color: #78909c !important; }
+.btn-outline-blue-grey:not([disabled]):not(.disabled):active, .btn-outline-blue-grey:not([disabled]):not(.disabled).active, .show > .btn-outline-blue-grey.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #78909c !important; }
+.btn-outline-blue-grey:not([disabled]):not(.disabled):active:focus, .btn-outline-blue-grey:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-blue-grey.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-dark { background-color: #212121 !important; color: #fff; }
+.btn-dark:hover { background-color: #2e2e2e; color: #fff; }
+.btn-dark:focus, .btn-dark.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-dark:focus, .btn-dark:active, .btn-dark.active { background-color: black; }
+.btn-dark.dropdown-toggle { background-color: #212121 !important; }
+.btn-dark.dropdown-toggle:hover, .btn-dark.dropdown-toggle:focus { background-color: #2e2e2e !important; }
+.btn-dark:not([disabled]):not(.disabled):active, .btn-dark:not([disabled]):not(.disabled).active, .show > .btn-dark.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: black !important; }
+.btn-dark:not([disabled]):not(.disabled):active:focus, .btn-dark:not([disabled]):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.dark-ic { color: #212121 !important; }
+.dark-ic:hover, .dark-ic:focus { color: #212121; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-dark { color: #fff; }
+
+.btn-outline-dark { border: 2px solid #212121 !important; background-color: transparent !important; color: #212121 !important; }
+.btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark:active:focus, .btn-outline-dark.active { border-color: #212121 !important; background-color: transparent !important; color: #212121 !important; }
+.btn-outline-dark:not([disabled]):not(.disabled):active, .btn-outline-dark:not([disabled]):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #212121 !important; }
+.btn-outline-dark:not([disabled]):not(.disabled):active:focus, .btn-outline-dark:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-light { background-color: #e0e0e0 !important; color: #000; }
+.btn-light:hover { background-color: #ededed; color: #000; }
+.btn-light:focus, .btn-light.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-light:focus, .btn-light:active, .btn-light.active { background-color: #adadad; }
+.btn-light.dropdown-toggle { background-color: #e0e0e0 !important; }
+.btn-light.dropdown-toggle:hover, .btn-light.dropdown-toggle:focus { background-color: #ededed !important; }
+.btn-light:not([disabled]):not(.disabled):active, .btn-light:not([disabled]):not(.disabled).active, .show > .btn-light.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #adadad !important; }
+.btn-light:not([disabled]):not(.disabled):active:focus, .btn-light:not([disabled]):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.light-ic { color: #e0e0e0 !important; }
+.light-ic:hover, .light-ic:focus { color: #e0e0e0; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #000; }
+
+table.table a.btn.btn-light { color: #000; }
+
+.btn-outline-light { border: 2px solid #e0e0e0 !important; background-color: transparent !important; color: #e0e0e0 !important; }
+.btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light:active:focus, .btn-outline-light.active { border-color: #e0e0e0 !important; background-color: transparent !important; color: #e0e0e0 !important; }
+.btn-outline-light:not([disabled]):not(.disabled):active, .btn-outline-light:not([disabled]):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #e0e0e0 !important; }
+.btn-outline-light:not([disabled]):not(.disabled):active:focus, .btn-outline-light:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-white { background-color: #fff !important; color: #000; }
+.btn-white:hover { background-color: white; color: #000; }
+.btn-white:focus, .btn-white.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-white:focus, .btn-white:active, .btn-white.active { background-color: #cccccc; }
+.btn-white.dropdown-toggle { background-color: #fff !important; }
+.btn-white.dropdown-toggle:hover, .btn-white.dropdown-toggle:focus { background-color: white !important; }
+.btn-white:not([disabled]):not(.disabled):active, .btn-white:not([disabled]):not(.disabled).active, .show > .btn-white.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #cccccc !important; }
+.btn-white:not([disabled]):not(.disabled):active:focus, .btn-white:not([disabled]):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.white-ic { color: #fff !important; }
+.white-ic:hover, .white-ic:focus { color: #fff; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #000; }
+
+table.table a.btn.btn-white { color: #000; }
+
+.btn-outline-white { border: 2px solid #fff !important; background-color: transparent !important; color: #fff !important; }
+.btn-outline-white:hover, .btn-outline-white:focus, .btn-outline-white:active, .btn-outline-white:active:focus, .btn-outline-white.active { border-color: #fff !important; background-color: transparent !important; color: #fff !important; }
+.btn-outline-white:not([disabled]):not(.disabled):active, .btn-outline-white:not([disabled]):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #fff !important; }
+.btn-outline-white:not([disabled]):not(.disabled):active:focus, .btn-outline-white:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-black { background-color: #000 !important; color: #fff; }
+.btn-black:hover { background-color: #0d0d0d; color: #fff; }
+.btn-black:focus, .btn-black.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+.btn-black:focus, .btn-black:active, .btn-black.active { background-color: black; }
+.btn-black.dropdown-toggle { background-color: #000 !important; }
+.btn-black.dropdown-toggle:hover, .btn-black.dropdown-toggle:focus { background-color: #0d0d0d !important; }
+.btn-black:not([disabled]):not(.disabled):active, .btn-black:not([disabled]):not(.disabled).active, .show > .btn-black.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: black !important; }
+.btn-black:not([disabled]):not(.disabled):active:focus, .btn-black:not([disabled]):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.black-ic { color: #000 !important; }
+.black-ic:hover, .black-ic:focus { color: #000; }
+
+a.btn:not([href]):not([tabindex]), a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
+
+table.table a.btn.btn-black { color: #fff; }
+
+.btn-outline-black { border: 2px solid #000 !important; background-color: transparent !important; color: #000 !important; }
+.btn-outline-black:hover, .btn-outline-black:focus, .btn-outline-black:active, .btn-outline-black:active:focus, .btn-outline-black.active { border-color: #000 !important; background-color: transparent !important; color: #000 !important; }
+.btn-outline-black:not([disabled]):not(.disabled):active, .btn-outline-black:not([disabled]):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: transparent !important; border-color: #000 !important; }
+.btn-outline-black:not([disabled]):not(.disabled):active:focus, .btn-outline-black:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
+
+.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle { color: #fff; }
+
+.btn.purple-gradient { transition: .5s ease; color: #fff; }
+.btn.purple-gradient:hover, .btn.purple-gradient:focus, .btn.purple-gradient:active, .btn.purple-gradient:active:focus .btn.purple-gradient.active { background: linear-gradient(#ff88ce, #8f8bf7); }
+
+.btn.peach-gradient { transition: .5s ease; color: #fff; }
+.btn.peach-gradient:hover, .btn.peach-gradient:focus, .btn.peach-gradient:active, .btn.peach-gradient:active:focus .btn.peach-gradient.active { background: linear-gradient(#ffdf89, #fc7b7b); }
+
+.btn.aqua-gradient { transition: .5s ease; color: #fff; }
+.btn.aqua-gradient:hover, .btn.aqua-gradient:focus, .btn.aqua-gradient:active, .btn.aqua-gradient:active:focus .btn.aqua-gradient.active { background: linear-gradient(#3aa2ff, #1fffac); }
+
+.btn.blue-gradient { transition: .5s ease; color: #fff; }
+.btn.blue-gradient:hover, .btn.blue-gradient:focus, .btn.blue-gradient:active, .btn.blue-gradient:active:focus .btn.blue-gradient.active { background: linear-gradient(#5ed1fc, #3647b3); }
+
+.card { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border: 0; font-weight: 400; }
+.card[class*="border"] { border: 1px solid #9e9e9e; box-shadow: none; }
+.card .card-body h1, .card .card-body h2, .card .card-body h3, .card .card-body h4, .card .card-body h5, .card .card-body h6 { font-weight: 400; }
+.card .card-body .card-title a { transition: 0.2s ease-in-out; }
+.card .card-body .card-title a:hover { transition: 0.2s ease-in-out; }
+.card .card-body .card-text { color: #747373; font-size: 0.9rem; font-weight: 400; }
+.card .md-form label { font-weight: 300; }
+
+.dropdown .dropdown-menu .dropdown-item:active { background-color: #757575; }
+
+.md-form.input-group label { top: 0; margin-bottom: 0; }
+.md-form.input-group .input-group-text { background-color: #e0e0e0; }
+.md-form.input-group .input-group-text.md-addon { border: none; background-color: transparent; font-weight: 500; }
+.md-form.input-group .form-control { margin: 0; padding: 0.375rem 0.75rem; }
+
+.navbar { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); font-weight: 300; }
+.navbar form .md-form input { margin: 0 5px 1px 8px; }
+.navbar .breadcrumb { margin: 0; padding: 0.3rem 0 0 1rem; background-color: inherit; font-size: 15px; font-weight: 300; }
+.navbar .breadcrumb .breadcrumb-item { color: #fff; }
+.navbar .breadcrumb .breadcrumb-item.active { color: rgba(255, 255, 255, 0.65); }
+.navbar .breadcrumb .breadcrumb-item:before { color: rgba(255, 255, 255, 0.65); }
+.navbar .navbar-toggler { outline: 0; border-width: 0; }
+.navbar .nav-flex-icons { flex-direction: row; }
+@media (max-width: 992px) { .navbar .container { width: 100%; }
+ .navbar .container .navbar-toggler-right { right: 0; } }
+.navbar .nav-item .nav-link { display: block; }
+.navbar .nav-item .nav-link.disabled:active { pointer-events: none; }
+.navbar .nav-item .nav-link .fas, .navbar .nav-item .nav-link .fab, .navbar .nav-item .nav-link .far { padding-right: 3px; padding-left: 3px; }
+@media (max-width: 992px) { .navbar .nav-item .nav-link { padding-right: 6px; padding-left: 6px; } }
+.navbar .dropdown-menu { position: absolute !important; margin-top: 0; }
+.navbar .dropdown-menu a { padding: 10px; font-size: 0.9375rem; font-weight: 300; color: #000; }
+@media (max-width: 600px) { .navbar .dropdown-menu form { width: 17rem; } }
+@media (min-width: 600px) { .navbar .dropdown-menu form { width: 22rem; } }
+.navbar.navbar-light .navbar-nav .nav-item .nav-link.disbled { color: rgba(0, 0, 0, 0.3); }
+.navbar.navbar-light .navbar-nav .nav-item .nav-link.disbled:hover { color: rgba(0, 0, 0, 0.3); }
+.navbar.navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); cursor: pointer; }
+.navbar.navbar-light .breadcrumb .nav-item .nav-link, .navbar.navbar-light .navbar-nav .nav-item .nav-link { color: #000; transition: 0.35s; }
+.navbar.navbar-light .breadcrumb .nav-item .nav-link:hover, .navbar.navbar-light .navbar-nav .nav-item .nav-link:hover { color: rgba(0, 0, 0, 0.7); }
+.navbar.navbar-light .breadcrumb .nav-item.active > .nav-link, .navbar.navbar-light .navbar-nav .nav-item.active > .nav-link { background-color: rgba(0, 0, 0, 0.1); }
+.navbar.navbar-light .breadcrumb .nav-item.active > .nav-link:hover, .navbar.navbar-light .navbar-nav .nav-item.active > .nav-link:hover { color: #000; }
+.navbar.navbar-light .navbar-toggler { color: #000; }
+.navbar.navbar-light form .md-form input { border-bottom: 1px solid #000; }
+.navbar.navbar-light form .md-form input:focus:not([readonly]) { border-color: #4285f4; }
+.navbar.navbar-light form .md-form .form-control { color: #000; }
+.navbar.navbar-light form .md-form .form-control::placeholder { color: #000; font-weight: 300; }
+.navbar.navbar-dark .navbar-nav .nav-item .nav-link.disbled { color: rgba(255, 255, 255, 0.25); }
+.navbar.navbar-dark .navbar-nav .nav-item .nav-link.disbled:hover { color: rgba(255, 255, 255, 0.25); }
+.navbar.navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); cursor: pointer; }
+.navbar.navbar-dark .breadcrumb .nav-item .nav-link, .navbar.navbar-dark .navbar-nav .nav-item .nav-link { color: #fff; transition: 0.35s; }
+.navbar.navbar-dark .breadcrumb .nav-item .nav-link:hover, .navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover { color: rgba(255, 255, 255, 0.75); }
+.navbar.navbar-dark .breadcrumb .nav-item.active > .nav-link, .navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link { background-color: rgba(255, 255, 255, 0.1); }
+.navbar.navbar-dark .breadcrumb .nav-item.active > .nav-link:hover, .navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link:hover { color: #fff; }
+.navbar.navbar-dark .navbar-toggler { color: #fff; }
+.navbar.navbar-dark form .md-form input { border-bottom: 1px solid #fff; }
+.navbar.navbar-dark form .md-form input:focus:not([readonly]) { border-color: #4285f4; }
+.navbar.navbar-dark form .md-form .form-control { color: #fff; }
+.navbar.navbar-dark form .md-form .form-control::placeholder { color: #fff; font-weight: 300; }
+@media (min-width: 600px) { .navbar.scrolling-navbar { transition: background 0.5s ease-in-out, padding 0.5s ease-in-out; padding-top: 12px; padding-bottom: 12px; }
+ .navbar.scrolling-navbar .navbar-nav > li { transition-duration: 1s; }
+ .navbar.scrolling-navbar.top-nav-collapse { padding-top: 5px; padding-bottom: 5px; } }
+@media (min-width: 400px) and (max-width: 767px), (min-width: 800px) and (max-width: 850px) { .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse { max-height: 340px; overflow-x: hidden; overflow-y: auto; } }
+
+.pagination .page-item.active .page-link { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); transition: all 0.2s linear; border-radius: 0.125rem; background-color: #4285f4; color: #fff; }
+.pagination .page-item.active .page-link:hover { background-color: #4285f4; }
+.pagination .page-item.disabled .page-link { color: #868e96; }
+.pagination .page-item .page-link { transition: all 0.3s linear; outline: 0; border: 0; background-color: transparent; font-size: 0.9rem; color: #212529; }
+.pagination .page-item .page-link:hover { transition: all 0.3s linear; border-radius: 0.125rem; background-color: #eee; }
+.pagination .page-item .page-link:focus { background-color: transparent; box-shadow: none; }
+.pagination.pagination-lg .page-item .page-link { font-size: 1rem; }
+.pagination.pagination-sm .page-item .page-link { font-size: 0.8rem; }
+.pagination.pagination-circle .page-item .page-link { margin-left: 2px; margin-right: 2px; border-radius: 50%; }
+.pagination.pagination-circle .page-item .page-link:hover { border-radius: 50%; }
+.pagination.pagination-circle .page-item.active .page-link { border-radius: 50%; }
+.pagination.pg-blue .page-item.active .page-link { background-color: #4285f4; }
+.pagination.pg-blue .page-item.active .page-link:hover { background-color: #4285f4; }
+.pagination.pg-red .page-item.active .page-link { background-color: #ff3547; }
+.pagination.pg-red .page-item.active .page-link:hover { background-color: #ff3547; }
+.pagination.pg-teal .page-item.active .page-link { background-color: #2bbbad; }
+.pagination.pg-teal .page-item.active .page-link:hover { background-color: #2bbbad; }
+.pagination.pg-dark-grey .page-item.active .page-link { background-color: #37474f; }
+.pagination.pg-dark-grey .page-item.active .page-link:hover { background-color: #37474f; }
+.pagination.pg-dark .page-item.active .page-link { background-color: #2e2e2e; }
+.pagination.pg-dark .page-item.active .page-link:hover { background-color: #2e2e2e; }
+.pagination.pg-blue-grey .page-item.active .page-link { background-color: #3f729b; }
+.pagination.pg-blue-grey .page-item.active .page-link:hover { background-color: #3f729b; }
+.pagination.pg-amber .page-item.active .page-link { background-color: #ff6f00; }
+.pagination.pg-amber .page-item.active .page-link:hover { background-color: #ff6f00; }
+.pagination.pg-purple .page-item.active .page-link { background-color: #5e35b1; }
+.pagination.pg-purple .page-item.active .page-link:hover { background-color: #5e35b1; }
+
+.badge { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 0.125rem; color: #fff !important; }
+
+.badge-pill { border-radius: 10rem; padding-right: 0.6em; padding-left: 0.6em; }
+
+.badge-primary { background-color: #4285f4 !important; color: #fff !important; }
+
+.badge-danger { background-color: #ff3547 !important; color: #fff !important; }
+
+.badge-warning { background-color: #ffbb33 !important; color: #fff !important; }
+
+.badge-success { background-color: #00c851 !important; color: #fff !important; }
+
+.badge-info { background-color: #33b5e5 !important; color: #fff !important; }
+
+.badge-default { background-color: #2bbbad !important; color: #fff !important; }
+
+.badge-secondary { background-color: #aa66cc !important; color: #fff !important; }
+
+.badge-dark { background-color: #212121 !important; color: #fff !important; }
+
+.badge-light { background-color: #e0e0e0 !important; color: #000 !important; }
+
+body.modal-open { overflow: auto; padding-right: 0 !important; }
+body.scrollable { overflow-y: auto; }
+
+.modal-dialog .modal-content { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); border: 0; border-radius: 0.125rem; }
+.modal-dialog .modal-content .modal-header { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; }
+.modal-dialog.cascading-modal { margin-top: 10%; }
+.modal-dialog.cascading-modal .close { opacity: 1; text-shadow: none; color: #fff; outline: 0; }
+.modal-dialog.cascading-modal .modal-header { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); margin: -2rem 1rem 1rem 1rem; border: none; border-radius: 0.125rem; padding: 1.5rem; text-align: center; }
+.modal-dialog.cascading-modal .modal-header .close { margin-right: 1rem; }
+.modal-dialog.cascading-modal .modal-header .title { margin-bottom: 0; width: 100%; font-size: 1.25rem; }
+.modal-dialog.cascading-modal .modal-header .title .fas, .modal-dialog.cascading-modal .modal-header .title .fab, .modal-dialog.cascading-modal .modal-header .title .far { margin-right: 9px; }
+.modal-dialog.cascading-modal .modal-header .social-buttons { margin-top: 1.5rem; }
+.modal-dialog.cascading-modal .modal-header .social-buttons a { font-size: 1rem; }
+.modal-dialog.cascading-modal .modal-c-tabs .md-tabs { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); margin: -1.5rem 1rem 0 1rem; display: flex; }
+.modal-dialog.cascading-modal .modal-c-tabs .md-tabs li { flex: 1; }
+.modal-dialog.cascading-modal .modal-c-tabs .md-tabs li a { text-align: center; }
+.modal-dialog.cascading-modal .modal-c-tabs .tab-content { padding: 1.7rem 0 0 0; }
+.modal-dialog.cascading-modal .modal-body, .modal-dialog.cascading-modal .modal-footer { padding-left: 2rem; padding-right: 2rem; color: #616161; }
+.modal-dialog.cascading-modal .modal-body .additional-option, .modal-dialog.cascading-modal .modal-footer .additional-option { margin-top: 1rem; text-align: center; }
+.modal-dialog.cascading-modal.modal-avatar { margin-top: 6rem; }
+.modal-dialog.cascading-modal.modal-avatar .modal-header { box-shadow: none; margin: -6rem 0 -1rem; }
+.modal-dialog.cascading-modal.modal-avatar .modal-header img { width: 130px; box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-left: auto; margin-right: auto; }
+.modal-dialog.modal-notify .heading { margin: 0; padding: 0.3rem; font-size: 1.15rem; color: #fff; }
+.modal-dialog.modal-notify .modal-header { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border: 0; }
+.modal-dialog.modal-notify .close { opacity: 1; }
+.modal-dialog.modal-notify .modal-body { padding: 1.5rem; color: #616161; }
+.modal-dialog.modal-notify.modal-primary .modal-header { background-color: #4285f4; }
+.modal-dialog.modal-notify.modal-primary .fas, .modal-dialog.modal-notify.modal-primary .fab, .modal-dialog.modal-notify.modal-primary .far { color: #4285f4; }
+.modal-dialog.modal-notify.modal-primary .badge { background-color: #4285f4; }
+.modal-dialog.modal-notify.modal-primary .btn .fas, .modal-dialog.modal-notify.modal-primary .btn .fab, .modal-dialog.modal-notify.modal-primary .btn .far { color: #fff; }
+.modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .fas, .modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .fab, .modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .far { color: #4285f4; }
+.modal-dialog.modal-notify.modal-danger .modal-header { background-color: #ff3547; }
+.modal-dialog.modal-notify.modal-danger .fas, .modal-dialog.modal-notify.modal-danger .fab, .modal-dialog.modal-notify.modal-danger .far { color: #ff3547; }
+.modal-dialog.modal-notify.modal-danger .badge { background-color: #ff3547; }
+.modal-dialog.modal-notify.modal-danger .btn .fas, .modal-dialog.modal-notify.modal-danger .btn .fab, .modal-dialog.modal-notify.modal-danger .btn .far { color: #fff; }
+.modal-dialog.modal-notify.modal-danger .btn.btn-outline-danger .fas, .modal-dialog.modal-notify.modal-danger .btn.btn-outline-danger .fab, .modal-dialog.modal-notify.modal-danger .btn.btn-outline-danger .far { color: #ff3547; }
+.modal-dialog.modal-notify.modal-warning .modal-header { background-color: #ffbb33; }
+.modal-dialog.modal-notify.modal-warning .fas, .modal-dialog.modal-notify.modal-warning .fab, .modal-dialog.modal-notify.modal-warning .far { color: #ffbb33; }
+.modal-dialog.modal-notify.modal-warning .badge { background-color: #ffbb33; }
+.modal-dialog.modal-notify.modal-warning .btn .fas, .modal-dialog.modal-notify.modal-warning .btn .fab, .modal-dialog.modal-notify.modal-warning .btn .far { color: #fff; }
+.modal-dialog.modal-notify.modal-warning .btn.btn-outline-warning .fas, .modal-dialog.modal-notify.modal-warning .btn.btn-outline-warning .fab, .modal-dialog.modal-notify.modal-warning .btn.btn-outline-warning .far { color: #ffbb33; }
+.modal-dialog.modal-notify.modal-success .modal-header { background-color: #00c851; }
+.modal-dialog.modal-notify.modal-success .fas, .modal-dialog.modal-notify.modal-success .fab, .modal-dialog.modal-notify.modal-success .far { color: #00c851; }
+.modal-dialog.modal-notify.modal-success .badge { background-color: #00c851; }
+.modal-dialog.modal-notify.modal-success .btn .fas, .modal-dialog.modal-notify.modal-success .btn .fab, .modal-dialog.modal-notify.modal-success .btn .far { color: #fff; }
+.modal-dialog.modal-notify.modal-success .btn.btn-outline-success .fas, .modal-dialog.modal-notify.modal-success .btn.btn-outline-success .fab, .modal-dialog.modal-notify.modal-success .btn.btn-outline-success .far { color: #00c851; }
+.modal-dialog.modal-notify.modal-info .modal-header { background-color: #33b5e5; }
+.modal-dialog.modal-notify.modal-info .fas, .modal-dialog.modal-notify.modal-info .fab, .modal-dialog.modal-notify.modal-info .far { color: #33b5e5; }
+.modal-dialog.modal-notify.modal-info .badge { background-color: #33b5e5; }
+.modal-dialog.modal-notify.modal-info .btn .fas, .modal-dialog.modal-notify.modal-info .btn .fab, .modal-dialog.modal-notify.modal-info .btn .far { color: #fff; }
+.modal-dialog.modal-notify.modal-info .btn.btn-outline-info .fas, .modal-dialog.modal-notify.modal-info .btn.btn-outline-info .fab, .modal-dialog.modal-notify.modal-info .btn.btn-outline-info .far { color: #33b5e5; }
+
+.modal { padding-right: 0 !important; }
+@media (min-width: 768px) { .modal .modal-dialog.modal-top { top: 0; }
+ .modal .modal-dialog.modal-left { left: 0; }
+ .modal .modal-dialog.modal-right { right: 0; }
+ .modal .modal-dialog.modal-bottom { bottom: 0; }
+ .modal .modal-dialog.modal-top-left { top: 10px; left: 10px; }
+ .modal .modal-dialog.modal-top-right { top: 10px; right: 10px; }
+ .modal .modal-dialog.modal-bottom-left { bottom: 10px; left: 10px; }
+ .modal .modal-dialog.modal-bottom-right { bottom: 10px; right: 10px; } }
+.modal.fade.top:not(.show) .modal-dialog { transform: translate3d(0, -25%, 0); }
+.modal.fade.left:not(.show) .modal-dialog { transform: translate3d(-25%, 0, 0); }
+.modal.fade.right:not(.show) .modal-dialog { transform: translate3d(25%, 0, 0); }
+.modal.fade.bottom:not(.show) .modal-dialog { transform: translate3d(0, 25%, 0); }
+@media (min-width: 992px) { .modal.modal-scrolling { position: relative; }
+ .modal.modal-scrolling .modal-dialog { position: fixed; z-index: 1050; }
+ .modal.modal-content-clickable { top: auto; bottom: auto; }
+ .modal.modal-content-clickable .modal-dialog { position: fixed; }
+ .modal .modal-fluid { width: 100%; max-width: 100%; }
+ .modal .modal-fluid .modal-content { width: 100%; }
+ .modal .modal-frame { position: absolute; margin: 0 !important; width: 100%; max-width: 100% !important; }
+ .modal .modal-frame.modal-bottom { bottom: 0; }
+ .modal .modal-full-height { position: absolute; display: flex; margin: 0; width: 400px; min-height: 100%; height: auto; min-height: 100%; top: 0; right: 0; }
+ .modal .modal-full-height.modal-top, .modal .modal-full-height.modal-bottom { display: block; width: 100%; max-width: 100%; height: auto; }
+ .modal .modal-full-height.modal-top { bottom: auto; }
+ .modal .modal-full-height.modal-bottom { min-height: 0; top: auto; }
+ .modal .modal-full-height .modal-content { width: 100%; }
+ .modal .modal-full-height.modal-lg { width: 90%; max-width: 90%; } }
+@media (min-width: 992px) and (min-width: 992px) { .modal .modal-full-height.modal-lg { width: 800px; max-width: 800px; } }
+@media (min-width: 992px) and (min-width: 1200px) { .modal .modal-full-height.modal-lg { width: 1000px; max-width: 1000px; } }
+@media (min-width: 992px) { .modal .modal-side { position: absolute; bottom: 10px; right: 10px; margin: 0; width: 400px; } }
+
+.carousel .carousel-control-prev-icon, .carousel .carousel-control-next-icon { width: 20px; height: 20px; }
+.carousel .carousel-control-prev-icon { background-image: url(../img/svg/arrow_left.svg); }
+.carousel .carousel-control-next-icon { background-image: url(../img/svg/arrow_right.svg); }
+.carousel .carousel-indicators li { width: 0.625rem; height: 0.625rem; border-radius: 50%; cursor: pointer; }
+
+.carousel-fade .carousel-item { opacity: 0; transition-duration: 0.6s; transition-property: opacity; }
+.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { opacity: 1; }
+.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-right.active { opacity: 0; }
+.carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-prev.active { transform: translateX(0); }
+@supports (transform-style: preserve-3d) { .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-prev.active { transform: translate3d(0, 0, 0); } }
+
+.md-form { position: relative; margin-top: 1.5rem; margin-bottom: 1.5rem; }
+.md-form input[type=text], .md-form input[type=password], .md-form input[type=email], .md-form input[type=url], .md-form input[type=time], .md-form input[type=date], .md-form input[type=datetime-local], .md-form input[type=tel], .md-form input[type=number], .md-form input[type=search-md], .md-form input[type=search], .md-form textarea.md-textarea { transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; outline: none; box-shadow: none; border: none; border-bottom: 1px solid #ced4da; border-radius: 0; box-sizing: content-box; background-color: transparent; }
+.md-form input[type=text]:focus:not([readonly]), .md-form input[type=password]:focus:not([readonly]), .md-form input[type=email]:focus:not([readonly]), .md-form input[type=url]:focus:not([readonly]), .md-form input[type=time]:focus:not([readonly]), .md-form input[type=date]:focus:not([readonly]), .md-form input[type=datetime-local]:focus:not([readonly]), .md-form input[type=tel]:focus:not([readonly]), .md-form input[type=number]:focus:not([readonly]), .md-form input[type=search-md]:focus:not([readonly]), .md-form input[type=search]:focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]) { box-shadow: 0 1px 0 0 #4285f4; border-bottom: 1px solid #4285f4; }
+.md-form input[type=text]:focus:not([readonly]) + label, .md-form input[type=password]:focus:not([readonly]) + label, .md-form input[type=email]:focus:not([readonly]) + label, .md-form input[type=url]:focus:not([readonly]) + label, .md-form input[type=time]:focus:not([readonly]) + label, .md-form input[type=date]:focus:not([readonly]) + label, .md-form input[type=datetime-local]:focus:not([readonly]) + label, .md-form input[type=tel]:focus:not([readonly]) + label, .md-form input[type=number]:focus:not([readonly]) + label, .md-form input[type=search-md]:focus:not([readonly]) + label, .md-form input[type=search]:focus:not([readonly]) + label, .md-form textarea.md-textarea:focus:not([readonly]) + label { color: #4285f4; }
+.md-form input[type=text] + label:after, .md-form input[type=password] + label:after, .md-form input[type=email] + label:after, .md-form input[type=url] + label:after, .md-form input[type=time] + label:after, .md-form input[type=date] + label:after, .md-form input[type=datetime-local] + label:after, .md-form input[type=tel] + label:after, .md-form input[type=number] + label:after, .md-form input[type=search-md] + label:after, .md-form input[type=search] + label:after, .md-form textarea.md-textarea + label:after { content: ""; position: absolute; top: 65px; display: block; opacity: 0; transition: 0.2s opacity ease-out, 0.2s color ease-out; }
+.md-form input[type=text].valid, .md-form input[type=text]:focus.valid, .md-form input[type=password].valid, .md-form input[type=password]:focus.valid, .md-form input[type=email].valid, .md-form input[type=email]:focus.valid, .md-form input[type=url].valid, .md-form input[type=url]:focus.valid, .md-form input[type=time].valid, .md-form input[type=time]:focus.valid, .md-form input[type=date].valid, .md-form input[type=date]:focus.valid, .md-form input[type=datetime-local].valid, .md-form input[type=datetime-local]:focus.valid, .md-form input[type=tel].valid, .md-form input[type=tel]:focus.valid, .md-form input[type=number].valid, .md-form input[type=number]:focus.valid, .md-form input[type=search-md].valid, .md-form input[type=search-md]:focus.valid, .md-form input[type=search].valid, .md-form input[type=search]:focus.valid, .md-form textarea.md-textarea.valid, .md-form textarea.md-textarea:focus.valid { border-bottom: 1px solid #00c851; box-shadow: 0 1px 0 0 #00c851; }
+.md-form input[type=text].valid + label:after, .md-form input[type=text]:focus.valid + label:after, .md-form input[type=password].valid + label:after, .md-form input[type=password]:focus.valid + label:after, .md-form input[type=email].valid + label:after, .md-form input[type=email]:focus.valid + label:after, .md-form input[type=url].valid + label:after, .md-form input[type=url]:focus.valid + label:after, .md-form input[type=time].valid + label:after, .md-form input[type=time]:focus.valid + label:after, .md-form input[type=date].valid + label:after, .md-form input[type=date]:focus.valid + label:after, .md-form input[type=datetime-local].valid + label:after, .md-form input[type=datetime-local]:focus.valid + label:after, .md-form input[type=tel].valid + label:after, .md-form input[type=tel]:focus.valid + label:after, .md-form input[type=number].valid + label:after, .md-form input[type=number]:focus.valid + label:after, .md-form input[type=search-md].valid + label:after, .md-form input[type=search-md]:focus.valid + label:after, .md-form input[type=search].valid + label:after, .md-form input[type=search]:focus.valid + label:after, .md-form textarea.md-textarea.valid + label:after, .md-form textarea.md-textarea:focus.valid + label:after { content: attr(data-success); color: #00c851; opacity: 1; }
+.md-form input[type=text].invalid, .md-form input[type=text]:focus.invalid, .md-form input[type=password].invalid, .md-form input[type=password]:focus.invalid, .md-form input[type=email].invalid, .md-form input[type=email]:focus.invalid, .md-form input[type=url].invalid, .md-form input[type=url]:focus.invalid, .md-form input[type=time].invalid, .md-form input[type=time]:focus.invalid, .md-form input[type=date].invalid, .md-form input[type=date]:focus.invalid, .md-form input[type=datetime-local].invalid, .md-form input[type=datetime-local]:focus.invalid, .md-form input[type=tel].invalid, .md-form input[type=tel]:focus.invalid, .md-form input[type=number].invalid, .md-form input[type=number]:focus.invalid, .md-form input[type=search-md].invalid, .md-form input[type=search-md]:focus.invalid, .md-form input[type=search].invalid, .md-form input[type=search]:focus.invalid, .md-form textarea.md-textarea.invalid, .md-form textarea.md-textarea:focus.invalid { border-bottom: 1px solid #f44336; box-shadow: 0 1px 0 0 #f44336; }
+.md-form input[type=text].invalid + label:after, .md-form input[type=text]:focus.invalid + label:after, .md-form input[type=password].invalid + label:after, .md-form input[type=password]:focus.invalid + label:after, .md-form input[type=email].invalid + label:after, .md-form input[type=email]:focus.invalid + label:after, .md-form input[type=url].invalid + label:after, .md-form input[type=url]:focus.invalid + label:after, .md-form input[type=time].invalid + label:after, .md-form input[type=time]:focus.invalid + label:after, .md-form input[type=date].invalid + label:after, .md-form input[type=date]:focus.invalid + label:after, .md-form input[type=datetime-local].invalid + label:after, .md-form input[type=datetime-local]:focus.invalid + label:after, .md-form input[type=tel].invalid + label:after, .md-form input[type=tel]:focus.invalid + label:after, .md-form input[type=number].invalid + label:after, .md-form input[type=number]:focus.invalid + label:after, .md-form input[type=search-md].invalid + label:after, .md-form input[type=search-md]:focus.invalid + label:after, .md-form input[type=search].invalid + label:after, .md-form input[type=search]:focus.invalid + label:after, .md-form textarea.md-textarea.invalid + label:after, .md-form textarea.md-textarea:focus.invalid + label:after { content: attr(data-error); color: #f44336; opacity: 1; }
+.md-form input[type=text].form-control.valid + label:after, .md-form input[type=text].form-control:focus.valid + label:after, .md-form input[type=password].form-control.valid + label:after, .md-form input[type=password].form-control:focus.valid + label:after, .md-form input[type=email].form-control.valid + label:after, .md-form input[type=email].form-control:focus.valid + label:after, .md-form input[type=url].form-control.valid + label:after, .md-form input[type=url].form-control:focus.valid + label:after, .md-form input[type=time].form-control.valid + label:after, .md-form input[type=time].form-control:focus.valid + label:after, .md-form input[type=date].form-control.valid + label:after, .md-form input[type=date].form-control:focus.valid + label:after, .md-form input[type=datetime-local].form-control.valid + label:after, .md-form input[type=datetime-local].form-control:focus.valid + label:after, .md-form input[type=tel].form-control.valid + label:after, .md-form input[type=tel].form-control:focus.valid + label:after, .md-form input[type=number].form-control.valid + label:after, .md-form input[type=number].form-control:focus.valid + label:after, .md-form input[type=search-md].form-control.valid + label:after, .md-form input[type=search-md].form-control:focus.valid + label:after, .md-form input[type=search].form-control.valid + label:after, .md-form input[type=search].form-control:focus.valid + label:after, .md-form textarea.md-textarea.form-control.valid + label:after, .md-form textarea.md-textarea.form-control:focus.valid + label:after { top: 4.1rem; }
+.md-form input[type=text].form-control.invalid + label:after, .md-form input[type=text].form-control:focus.invalid + label:after, .md-form input[type=password].form-control.invalid + label:after, .md-form input[type=password].form-control:focus.invalid + label:after, .md-form input[type=email].form-control.invalid + label:after, .md-form input[type=email].form-control:focus.invalid + label:after, .md-form input[type=url].form-control.invalid + label:after, .md-form input[type=url].form-control:focus.invalid + label:after, .md-form input[type=time].form-control.invalid + label:after, .md-form input[type=time].form-control:focus.invalid + label:after, .md-form input[type=date].form-control.invalid + label:after, .md-form input[type=date].form-control:focus.invalid + label:after, .md-form input[type=datetime-local].form-control.invalid + label:after, .md-form input[type=datetime-local].form-control:focus.invalid + label:after, .md-form input[type=tel].form-control.invalid + label:after, .md-form input[type=tel].form-control:focus.invalid + label:after, .md-form input[type=number].form-control.invalid + label:after, .md-form input[type=number].form-control:focus.invalid + label:after, .md-form input[type=search-md].form-control.invalid + label:after, .md-form input[type=search-md].form-control:focus.invalid + label:after, .md-form input[type=search].form-control.invalid + label:after, .md-form input[type=search].form-control:focus.invalid + label:after, .md-form textarea.md-textarea.form-control.invalid + label:after, .md-form textarea.md-textarea.form-control:focus.invalid + label:after { top: 4rem; }
+.md-form input[type=text].form-control-lg.valid + label:after, .md-form input[type=text].form-control-lg:focus.valid + label:after, .md-form input[type=password].form-control-lg.valid + label:after, .md-form input[type=password].form-control-lg:focus.valid + label:after, .md-form input[type=email].form-control-lg.valid + label:after, .md-form input[type=email].form-control-lg:focus.valid + label:after, .md-form input[type=url].form-control-lg.valid + label:after, .md-form input[type=url].form-control-lg:focus.valid + label:after, .md-form input[type=time].form-control-lg.valid + label:after, .md-form input[type=time].form-control-lg:focus.valid + label:after, .md-form input[type=date].form-control-lg.valid + label:after, .md-form input[type=date].form-control-lg:focus.valid + label:after, .md-form input[type=datetime-local].form-control-lg.valid + label:after, .md-form input[type=datetime-local].form-control-lg:focus.valid + label:after, .md-form input[type=tel].form-control-lg.valid + label:after, .md-form input[type=tel].form-control-lg:focus.valid + label:after, .md-form input[type=number].form-control-lg.valid + label:after, .md-form input[type=number].form-control-lg:focus.valid + label:after, .md-form input[type=search-md].form-control-lg.valid + label:after, .md-form input[type=search-md].form-control-lg:focus.valid + label:after, .md-form input[type=search].form-control-lg.valid + label:after, .md-form input[type=search].form-control-lg:focus.valid + label:after, .md-form textarea.md-textarea.form-control-lg.valid + label:after, .md-form textarea.md-textarea.form-control-lg:focus.valid + label:after { top: 4.6rem; }
+.md-form input[type=text].form-control-lg.invalid + label:after, .md-form input[type=text].form-control-lg:focus.invalid + label:after, .md-form input[type=password].form-control-lg.invalid + label:after, .md-form input[type=password].form-control-lg:focus.invalid + label:after, .md-form input[type=email].form-control-lg.invalid + label:after, .md-form input[type=email].form-control-lg:focus.invalid + label:after, .md-form input[type=url].form-control-lg.invalid + label:after, .md-form input[type=url].form-control-lg:focus.invalid + label:after, .md-form input[type=time].form-control-lg.invalid + label:after, .md-form input[type=time].form-control-lg:focus.invalid + label:after, .md-form input[type=date].form-control-lg.invalid + label:after, .md-form input[type=date].form-control-lg:focus.invalid + label:after, .md-form input[type=datetime-local].form-control-lg.invalid + label:after, .md-form input[type=datetime-local].form-control-lg:focus.invalid + label:after, .md-form input[type=tel].form-control-lg.invalid + label:after, .md-form input[type=tel].form-control-lg:focus.invalid + label:after, .md-form input[type=number].form-control-lg.invalid + label:after, .md-form input[type=number].form-control-lg:focus.invalid + label:after, .md-form input[type=search-md].form-control-lg.invalid + label:after, .md-form input[type=search-md].form-control-lg:focus.invalid + label:after, .md-form input[type=search].form-control-lg.invalid + label:after, .md-form input[type=search].form-control-lg:focus.invalid + label:after, .md-form textarea.md-textarea.form-control-lg.invalid + label:after, .md-form textarea.md-textarea.form-control-lg:focus.invalid + label:after { top: 4.6rem; }
+.md-form input[type=text].form-control-sm.valid + label:after, .md-form input[type=text].form-control-sm:focus.valid + label:after, .md-form input[type=password].form-control-sm.valid + label:after, .md-form input[type=password].form-control-sm:focus.valid + label:after, .md-form input[type=email].form-control-sm.valid + label:after, .md-form input[type=email].form-control-sm:focus.valid + label:after, .md-form input[type=url].form-control-sm.valid + label:after, .md-form input[type=url].form-control-sm:focus.valid + label:after, .md-form input[type=time].form-control-sm.valid + label:after, .md-form input[type=time].form-control-sm:focus.valid + label:after, .md-form input[type=date].form-control-sm.valid + label:after, .md-form input[type=date].form-control-sm:focus.valid + label:after, .md-form input[type=datetime-local].form-control-sm.valid + label:after, .md-form input[type=datetime-local].form-control-sm:focus.valid + label:after, .md-form input[type=tel].form-control-sm.valid + label:after, .md-form input[type=tel].form-control-sm:focus.valid + label:after, .md-form input[type=number].form-control-sm.valid + label:after, .md-form input[type=number].form-control-sm:focus.valid + label:after, .md-form input[type=search-md].form-control-sm.valid + label:after, .md-form input[type=search-md].form-control-sm:focus.valid + label:after, .md-form input[type=search].form-control-sm.valid + label:after, .md-form input[type=search].form-control-sm:focus.valid + label:after, .md-form textarea.md-textarea.form-control-sm.valid + label:after, .md-form textarea.md-textarea.form-control-sm:focus.valid + label:after { top: 3.7rem; }
+.md-form input[type=text].form-control-sm.invalid + label:after, .md-form input[type=text].form-control-sm:focus.invalid + label:after, .md-form input[type=password].form-control-sm.invalid + label:after, .md-form input[type=password].form-control-sm:focus.invalid + label:after, .md-form input[type=email].form-control-sm.invalid + label:after, .md-form input[type=email].form-control-sm:focus.invalid + label:after, .md-form input[type=url].form-control-sm.invalid + label:after, .md-form input[type=url].form-control-sm:focus.invalid + label:after, .md-form input[type=time].form-control-sm.invalid + label:after, .md-form input[type=time].form-control-sm:focus.invalid + label:after, .md-form input[type=date].form-control-sm.invalid + label:after, .md-form input[type=date].form-control-sm:focus.invalid + label:after, .md-form input[type=datetime-local].form-control-sm.invalid + label:after, .md-form input[type=datetime-local].form-control-sm:focus.invalid + label:after, .md-form input[type=tel].form-control-sm.invalid + label:after, .md-form input[type=tel].form-control-sm:focus.invalid + label:after, .md-form input[type=number].form-control-sm.invalid + label:after, .md-form input[type=number].form-control-sm:focus.invalid + label:after, .md-form input[type=search-md].form-control-sm.invalid + label:after, .md-form input[type=search-md].form-control-sm:focus.invalid + label:after, .md-form input[type=search].form-control-sm.invalid + label:after, .md-form input[type=search].form-control-sm:focus.invalid + label:after, .md-form textarea.md-textarea.form-control-sm.invalid + label:after, .md-form textarea.md-textarea.form-control-sm:focus.invalid + label:after { top: 3.6rem; }
+.md-form > input[type=date]:not(.browser-default) + label { transform: translateY(-27px) scale(0.8); transform-origin: 0 0; }
+.md-form > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label, .md-form > input[type=time]:not(.browser-default) + label { transform: translateY(-25px); transform-origin: 0 0; font-size: .8rem; }
+.md-form .was-validated input[type=text]:valid + label { color: #00c851 !important; }
+.md-form .was-validated input[type=text]:invalid + label { color: #f44336 !important; }
+.md-form .was-validated .form-control:valid:focus { box-shadow: 0 1px 0 0 #00c851 !important; }
+.md-form .was-validated .form-control:valid { border-color: #00c851 !important; }
+.md-form .was-validated .form-control:invalid:focus { box-shadow: 0 1px 0 0 #f44336 !important; }
+.md-form .was-validated .form-control:invalid { border-color: #f44336 !important; }
+.md-form .form-control { margin: 0 0 0.5rem 0; border-radius: 0; padding: 0.6rem 0 0.4rem 0; background-color: transparent; height: auto; }
+.md-form .form-control:focus { box-shadow: none; }
+.md-form .form-control:disabled, .md-form .form-control[readonly] { border-bottom: 1px solid #bdbdbd; background-color: transparent; }
+.md-form .form-control.is-valid { border-color: #00c851; }
+.md-form .form-control.is-valid:focus { border-color: #00c851 !important; box-shadow: 0 1px 0 0 #00c851 !important; }
+.md-form .form-control.is-invalid { border-color: #f44336; }
+.md-form .form-control.is-invalid:focus { box-shadow: 0 1px 0 0 #f44336 !important; border-color: #f44336 !important; }
+.md-form .form-control.is-valid, .md-form .form-control.is-invalid { background-position: center right !important; }
+.md-form .validate { margin-bottom: 2.5rem; }
+.md-form label { font-size: 1rem; }
+.md-form label.active { font-size: 1rem; }
+.md-form .prefix { top: 0.25rem; font-size: 1.75rem; }
+.md-form .prefix ~ input, .md-form .prefix ~ textarea { margin-left: 2.5rem; width: calc(100% - 2.5rem); }
+.md-form .prefix ~ label { margin-left: 2.5rem; }
+.md-form .prefix ~ .form-text { margin-left: 2.6rem; }
+.md-form label { position: absolute; top: 0; left: 0; font-size: 1rem; transition: transform .2s ease-out, color .2s ease-out; transform-origin: 0% 100%; transform: translateY(12px); cursor: text; color: #757575; }
+.md-form label.active { transform: translateY(-14px) scale(0.8); }
+.md-form .prefix { position: absolute; transition: color 0.2s; }
+.md-form .prefix.active { color: #4285f4; }
+.md-form.form-lg .validate { margin-bottom: 2.8rem; }
+.md-form.form-lg label { font-size: 1.25rem; }
+.md-form.form-lg label.active { font-size: 1.15rem; }
+.md-form.form-lg .prefix { top: 0.4rem; font-size: 2rem; }
+.md-form.form-lg .prefix ~ input, .md-form.form-lg .prefix ~ textarea { margin-left: 3rem; width: calc(100% - 3rem); }
+.md-form.form-lg .prefix ~ label { margin-left: 3rem; }
+.md-form.form-lg .prefix ~ .form-text { margin-left: 3.1rem; }
+.md-form.form-sm .validate { margin-bottom: 2.3rem; }
+.md-form.form-sm label { font-size: 0.875rem; }
+.md-form.form-sm label.active { font-size: 0.95rem; }
+.md-form.form-sm .prefix { top: 0.35rem; font-size: 1.5rem; }
+.md-form.form-sm .prefix ~ input, .md-form.form-sm .prefix ~ textarea { margin-left: 2rem; width: calc(100% - 2rem); }
+.md-form.form-sm .prefix ~ label { margin-left: 2rem; }
+.md-form.form-sm .prefix ~ .form-text { margin-left: 2rem; }
+.md-form textarea.md-textarea { overflow-y: hidden; padding: 1.5rem 0; resize: none; }
+.md-form textarea.md-textarea-auto { padding: 0; padding-top: 1.5rem; }
+.md-form.md-outline { position: relative; margin-top: 1.5rem; margin-bottom: 1.5rem; }
+.md-form.md-outline input[type=text], .md-form.md-outline input[type=password], .md-form.md-outline input[type=email], .md-form.md-outline input[type=url], .md-form.md-outline input[type=time], .md-form.md-outline input[type=date], .md-form.md-outline input[type=datetime-local], .md-form.md-outline input[type=tel], .md-form.md-outline input[type=number], .md-form.md-outline input[type=search-md], .md-form.md-outline input[type=search], .md-form.md-outline textarea.md-textarea { transition: all .3s; outline: none; box-shadow: none; border: 1px solid #dadce0; border-radius: 4px; background-color: transparent; box-sizing: border-box; }
+.md-form.md-outline input[type=text]:focus:not([readonly]), .md-form.md-outline input[type=password]:focus:not([readonly]), .md-form.md-outline input[type=email]:focus:not([readonly]), .md-form.md-outline input[type=url]:focus:not([readonly]), .md-form.md-outline input[type=time]:focus:not([readonly]), .md-form.md-outline input[type=date]:focus:not([readonly]), .md-form.md-outline input[type=datetime-local]:focus:not([readonly]), .md-form.md-outline input[type=tel]:focus:not([readonly]), .md-form.md-outline input[type=number]:focus:not([readonly]), .md-form.md-outline input[type=search-md]:focus:not([readonly]), .md-form.md-outline input[type=search]:focus:not([readonly]), .md-form.md-outline textarea.md-textarea:focus:not([readonly]) { border-color: #4285f4; box-shadow: inset 0px 0px 0px 1px #4285f4; }
+.md-form.md-outline input[type=text]:focus:not([readonly]) + label, .md-form.md-outline input[type=password]:focus:not([readonly]) + label, .md-form.md-outline input[type=email]:focus:not([readonly]) + label, .md-form.md-outline input[type=url]:focus:not([readonly]) + label, .md-form.md-outline input[type=time]:focus:not([readonly]) + label, .md-form.md-outline input[type=date]:focus:not([readonly]) + label, .md-form.md-outline input[type=datetime-local]:focus:not([readonly]) + label, .md-form.md-outline input[type=tel]:focus:not([readonly]) + label, .md-form.md-outline input[type=number]:focus:not([readonly]) + label, .md-form.md-outline input[type=search-md]:focus:not([readonly]) + label, .md-form.md-outline input[type=search]:focus:not([readonly]) + label, .md-form.md-outline textarea.md-textarea:focus:not([readonly]) + label { color: #4285f4; }
+.md-form.md-outline input[type=text].valid, .md-form.md-outline input[type=text]:focus.valid, .md-form.md-outline input[type=password].valid, .md-form.md-outline input[type=password]:focus.valid, .md-form.md-outline input[type=email].valid, .md-form.md-outline input[type=email]:focus.valid, .md-form.md-outline input[type=url].valid, .md-form.md-outline input[type=url]:focus.valid, .md-form.md-outline input[type=time].valid, .md-form.md-outline input[type=time]:focus.valid, .md-form.md-outline input[type=date].valid, .md-form.md-outline input[type=date]:focus.valid, .md-form.md-outline input[type=datetime-local].valid, .md-form.md-outline input[type=datetime-local]:focus.valid, .md-form.md-outline input[type=tel].valid, .md-form.md-outline input[type=tel]:focus.valid, .md-form.md-outline input[type=number].valid, .md-form.md-outline input[type=number]:focus.valid, .md-form.md-outline input[type=search-md].valid, .md-form.md-outline input[type=search-md]:focus.valid, .md-form.md-outline input[type=search].valid, .md-form.md-outline input[type=search]:focus.valid, .md-form.md-outline textarea.md-textarea.valid, .md-form.md-outline textarea.md-textarea:focus.valid { border-color: #00c851; box-shadow: inset 0px 0px 0px 1px #00c851; }
+.md-form.md-outline input[type=text]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=text].valid + label:after, .md-form.md-outline input[type=text]:focus.valid + label:after, .md-form.md-outline input[type=password]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=password].valid + label:after, .md-form.md-outline input[type=password]:focus.valid + label:after, .md-form.md-outline input[type=email]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=email].valid + label:after, .md-form.md-outline input[type=email]:focus.valid + label:after, .md-form.md-outline input[type=url]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=url].valid + label:after, .md-form.md-outline input[type=url]:focus.valid + label:after, .md-form.md-outline input[type=time]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=time].valid + label:after, .md-form.md-outline input[type=time]:focus.valid + label:after, .md-form.md-outline input[type=date]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=date].valid + label:after, .md-form.md-outline input[type=date]:focus.valid + label:after, .md-form.md-outline input[type=datetime-local]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=datetime-local].valid + label:after, .md-form.md-outline input[type=datetime-local]:focus.valid + label:after, .md-form.md-outline input[type=tel]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=tel].valid + label:after, .md-form.md-outline input[type=tel]:focus.valid + label:after, .md-form.md-outline input[type=number]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=number].valid + label:after, .md-form.md-outline input[type=number]:focus.valid + label:after, .md-form.md-outline input[type=search-md]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=search-md].valid + label:after, .md-form.md-outline input[type=search-md]:focus.valid + label:after, .md-form.md-outline input[type=search]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=search].valid + label:after, .md-form.md-outline input[type=search]:focus.valid + label:after, .md-form.md-outline textarea.md-textarea:focus:not([readonly]).valid + label, .md-form.md-outline textarea.md-textarea.valid + label:after, .md-form.md-outline textarea.md-textarea:focus.valid + label:after { content: attr(data-success); color: #00c851; opacity: 1; }
+.md-form.md-outline input[type=text].invalid, .md-form.md-outline input[type=text]:focus.invalid, .md-form.md-outline input[type=password].invalid, .md-form.md-outline input[type=password]:focus.invalid, .md-form.md-outline input[type=email].invalid, .md-form.md-outline input[type=email]:focus.invalid, .md-form.md-outline input[type=url].invalid, .md-form.md-outline input[type=url]:focus.invalid, .md-form.md-outline input[type=time].invalid, .md-form.md-outline input[type=time]:focus.invalid, .md-form.md-outline input[type=date].invalid, .md-form.md-outline input[type=date]:focus.invalid, .md-form.md-outline input[type=datetime-local].invalid, .md-form.md-outline input[type=datetime-local]:focus.invalid, .md-form.md-outline input[type=tel].invalid, .md-form.md-outline input[type=tel]:focus.invalid, .md-form.md-outline input[type=number].invalid, .md-form.md-outline input[type=number]:focus.invalid, .md-form.md-outline input[type=search-md].invalid, .md-form.md-outline input[type=search-md]:focus.invalid, .md-form.md-outline input[type=search].invalid, .md-form.md-outline input[type=search]:focus.invalid, .md-form.md-outline textarea.md-textarea.invalid, .md-form.md-outline textarea.md-textarea:focus.invalid { border-color: #f44336; box-shadow: inset 0px 0px 0px 1px #f44336; }
+.md-form.md-outline input[type=text]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=text].invalid + label:after, .md-form.md-outline input[type=text]:focus.invalid + label:after, .md-form.md-outline input[type=password]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=password].invalid + label:after, .md-form.md-outline input[type=password]:focus.invalid + label:after, .md-form.md-outline input[type=email]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=email].invalid + label:after, .md-form.md-outline input[type=email]:focus.invalid + label:after, .md-form.md-outline input[type=url]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=url].invalid + label:after, .md-form.md-outline input[type=url]:focus.invalid + label:after, .md-form.md-outline input[type=time]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=time].invalid + label:after, .md-form.md-outline input[type=time]:focus.invalid + label:after, .md-form.md-outline input[type=date]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=date].invalid + label:after, .md-form.md-outline input[type=date]:focus.invalid + label:after, .md-form.md-outline input[type=datetime-local]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=datetime-local].invalid + label:after, .md-form.md-outline input[type=datetime-local]:focus.invalid + label:after, .md-form.md-outline input[type=tel]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=tel].invalid + label:after, .md-form.md-outline input[type=tel]:focus.invalid + label:after, .md-form.md-outline input[type=number]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=number].invalid + label:after, .md-form.md-outline input[type=number]:focus.invalid + label:after, .md-form.md-outline input[type=search-md]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=search-md].invalid + label:after, .md-form.md-outline input[type=search-md]:focus.invalid + label:after, .md-form.md-outline input[type=search]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=search].invalid + label:after, .md-form.md-outline input[type=search]:focus.invalid + label:after, .md-form.md-outline textarea.md-textarea:focus:not([readonly]).invalid + label, .md-form.md-outline textarea.md-textarea.invalid + label:after, .md-form.md-outline textarea.md-textarea:focus.invalid + label:after { content: attr(data-error); color: #f44336; opacity: 1; }
+.md-form.md-outline input[type=text].form-control.valid + label:after, .md-form.md-outline input[type=text].form-control:focus.valid + label:after, .md-form.md-outline input[type=password].form-control.valid + label:after, .md-form.md-outline input[type=password].form-control:focus.valid + label:after, .md-form.md-outline input[type=email].form-control.valid + label:after, .md-form.md-outline input[type=email].form-control:focus.valid + label:after, .md-form.md-outline input[type=url].form-control.valid + label:after, .md-form.md-outline input[type=url].form-control:focus.valid + label:after, .md-form.md-outline input[type=time].form-control.valid + label:after, .md-form.md-outline input[type=time].form-control:focus.valid + label:after, .md-form.md-outline input[type=date].form-control.valid + label:after, .md-form.md-outline input[type=date].form-control:focus.valid + label:after, .md-form.md-outline input[type=datetime-local].form-control.valid + label:after, .md-form.md-outline input[type=datetime-local].form-control:focus.valid + label:after, .md-form.md-outline input[type=tel].form-control.valid + label:after, .md-form.md-outline input[type=tel].form-control:focus.valid + label:after, .md-form.md-outline input[type=number].form-control.valid + label:after, .md-form.md-outline input[type=number].form-control:focus.valid + label:after, .md-form.md-outline input[type=search-md].form-control.valid + label:after, .md-form.md-outline input[type=search-md].form-control:focus.valid + label:after, .md-form.md-outline input[type=search].form-control.valid + label:after, .md-form.md-outline input[type=search].form-control:focus.valid + label:after, .md-form.md-outline textarea.md-textarea.form-control.valid + label:after, .md-form.md-outline textarea.md-textarea.form-control:focus.valid + label:after { top: 2.75rem; left: 0; position: absolute; }
+.md-form.md-outline input[type=text].form-control.invalid + label:after, .md-form.md-outline input[type=text].form-control:focus.invalid + label:after, .md-form.md-outline input[type=password].form-control.invalid + label:after, .md-form.md-outline input[type=password].form-control:focus.invalid + label:after, .md-form.md-outline input[type=email].form-control.invalid + label:after, .md-form.md-outline input[type=email].form-control:focus.invalid + label:after, .md-form.md-outline input[type=url].form-control.invalid + label:after, .md-form.md-outline input[type=url].form-control:focus.invalid + label:after, .md-form.md-outline input[type=time].form-control.invalid + label:after, .md-form.md-outline input[type=time].form-control:focus.invalid + label:after, .md-form.md-outline input[type=date].form-control.invalid + label:after, .md-form.md-outline input[type=date].form-control:focus.invalid + label:after, .md-form.md-outline input[type=datetime-local].form-control.invalid + label:after, .md-form.md-outline input[type=datetime-local].form-control:focus.invalid + label:after, .md-form.md-outline input[type=tel].form-control.invalid + label:after, .md-form.md-outline input[type=tel].form-control:focus.invalid + label:after, .md-form.md-outline input[type=number].form-control.invalid + label:after, .md-form.md-outline input[type=number].form-control:focus.invalid + label:after, .md-form.md-outline input[type=search-md].form-control.invalid + label:after, .md-form.md-outline input[type=search-md].form-control:focus.invalid + label:after, .md-form.md-outline input[type=search].form-control.invalid + label:after, .md-form.md-outline input[type=search].form-control:focus.invalid + label:after, .md-form.md-outline textarea.md-textarea.form-control.invalid + label:after, .md-form.md-outline textarea.md-textarea.form-control:focus.invalid + label:after { top: 2.75rem; left: 0; position: absolute; }
+.md-form.md-outline > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label, .md-form.md-outline > input[type=time]:not(.browser-default) + label { transform: translateY(-9px) scale(0.8); transform-origin: 0 0; background: #fff; font-weight: 500; padding-right: 5px; padding-left: 5px; font-size: 1rem; left: 8px; }
+.md-form.md-outline > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label.active, .md-form.md-outline > input[type=time]:not(.browser-default) + label.active { transform: translateY(-9px) scale(0.8); transform-origin: 0 0; }
+@-webkit-keyframes autofill { to { color: #495057; background: transparent; } }
+@keyframes autofill { to { color: #495057; background: transparent; } }
+.md-form.md-outline input:-webkit-autofill { -webkit-animation-name: autofill; animation-name: autofill; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
+.md-form.md-outline .form-control { padding: .375rem .75rem; }
+.md-form.md-outline label { font-size: 1rem; position: absolute; top: 0; left: 0; padding-left: 10px; transition: transform .2s ease-out, color .2s ease-out; transform-origin: 0% 100%; transform: translateY(9px); cursor: text; color: #757575; }
+.md-form.md-outline label.active { transform: translateY(-13px) scale(0.8); background: #fff; font-weight: 500; padding-right: 5px; padding-left: 5px; left: 8px; }
+.md-form.md-outline.form-lg .form-control.form-control-lg { padding: .5rem .725rem; }
+.md-form.md-outline.form-lg label { font-size: 1.25rem; transform: translateY(10px); }
+.md-form.md-outline.form-lg label.active { font-size: 1.1rem; transform: translateY(-14px) scale(0.8); }
+.md-form.md-outline.form-lg .prefix { top: .65rem; font-size: 25px; }
+.md-form.md-outline.form-lg .prefix ~ input, .md-form.md-outline.form-lg .prefix ~ textarea { margin-left: 2.2rem; width: calc(100% - 2.2rem); }
+.md-form.md-outline.form-lg .prefix ~ label { margin-left: 2.2rem; }
+.md-form.md-outline.form-lg .prefix ~ .form-text { margin-left: 2.3rem; }
+.md-form.md-outline.form-sm .form-control.form-control-sm { padding: .25rem .625rem; }
+.md-form.md-outline.form-sm label { font-size: .8rem; transform: translateY(8px); }
+.md-form.md-outline.form-sm label.active { font-size: .85rem; transform: translateY(-12px) scale(0.8); }
+.md-form.md-outline.form-sm .prefix { top: .5rem; font-size: 15px; }
+.md-form.md-outline.form-sm .prefix ~ input, .md-form.md-outline.form-sm .prefix ~ textarea { margin-left: 1.6rem; width: calc(100% - 1.6rem); }
+.md-form.md-outline.form-sm .prefix ~ label { margin-left: 1.6rem; }
+.md-form.md-outline.form-sm .prefix ~ .form-text { margin-left: 1.7rem; }
+.md-form.md-outline .prefix { position: absolute; transition: color .2s; }
+.md-form.md-outline .prefix:focus { color: #4285f4; }
+.md-form.md-outline .prefix { top: .6rem; font-size: 20px; }
+.md-form.md-outline .prefix ~ input, .md-form.md-outline .prefix ~ textarea { margin-left: 2rem; width: calc(100% - 2rem); }
+.md-form.md-outline .prefix ~ label { margin-left: 2rem; }
+.md-form.md-outline .prefix ~ .form-text { margin-left: 2.1rem; }
+.md-form.md-outline .character-counter { margin-top: -.5rem; }
+.md-form.md-bg input[type=text], .md-form.md-bg input[type=password], .md-form.md-bg input[type=email], .md-form.md-bg input[type=url], .md-form.md-bg input[type=time], .md-form.md-bg input[type=date], .md-form.md-bg input[type=datetime-local], .md-form.md-bg input[type=tel], .md-form.md-bg input[type=number], .md-form.md-bg input[type=search-md], .md-form.md-bg input[type=search], .md-form.md-bg textarea.md-textarea { box-sizing: border-box; padding: 10px 5px; border: 0; border-top-left-radius: .3rem; border-top-right-radius: .3rem; background: #f5f5f5 no-repeat; background-image: linear-gradient(to bottom, #4285f4, #4285f4), linear-gradient(to bottom, #ced4da, #ced4da); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1); }
+.md-form.md-bg input[type=text]:focus:not([readonly]), .md-form.md-bg input[type=password]:focus:not([readonly]), .md-form.md-bg input[type=email]:focus:not([readonly]), .md-form.md-bg input[type=url]:focus:not([readonly]), .md-form.md-bg input[type=time]:focus:not([readonly]), .md-form.md-bg input[type=date]:focus:not([readonly]), .md-form.md-bg input[type=datetime-local]:focus:not([readonly]), .md-form.md-bg input[type=tel]:focus:not([readonly]), .md-form.md-bg input[type=number]:focus:not([readonly]), .md-form.md-bg input[type=search-md]:focus:not([readonly]), .md-form.md-bg input[type=search]:focus:not([readonly]), .md-form.md-bg textarea.md-textarea:focus:not([readonly]) { box-shadow: none; border-bottom: none; }
+.md-form.md-bg input[type=text]:focus, .md-form.md-bg input[type=password]:focus, .md-form.md-bg input[type=email]:focus, .md-form.md-bg input[type=url]:focus, .md-form.md-bg input[type=time]:focus, .md-form.md-bg input[type=date]:focus, .md-form.md-bg input[type=datetime-local]:focus, .md-form.md-bg input[type=tel]:focus, .md-form.md-bg input[type=number]:focus, .md-form.md-bg input[type=search-md]:focus, .md-form.md-bg input[type=search]:focus, .md-form.md-bg textarea.md-textarea:focus { background-color: #dcdcdc; background-size: 100% 2px, 100% 1px; outline: none; }
+.md-form.md-bg > input[type=date]:not(.browser-default) + label { transform: translateY(-12px) scale(0.8); transform-origin: 0 0; }
+.md-form.md-bg > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label, .md-form.md-bg > input[type=time]:not(.browser-default) + label { transform: translateY(-12px); transform-origin: 0 0; font-size: .8rem; }
+.md-form.md-bg .form-control { padding: 1.1rem .7rem .4rem !important; }
+.md-form.md-bg label { top: 0; padding-left: .7rem; font-size: 1rem; transition: transform .2s ease-out, color .2s ease-out; transform-origin: 0% 100%; transform: translateY(13px); }
+.md-form.md-bg label.active { transform: translateY(-3px) scale(0.8); font-weight: 500; padding-left: .75rem; }
+.md-form.md-bg.form-lg label { transform: translateY(16px); }
+.md-form.md-bg.form-lg label.active { transform: translateY(-4px) scale(0.8); }
+.md-form.md-bg.form-sm label { transform: translateY(11px); }
+.md-form.md-bg.form-sm label.active { transform: translateY(-2px) scale(0.8); }
+
+.md-form .form-control.is-invalid, .was-validated .md-form .form-control:invalid { padding-right: 0; }
+
+.md-form .form-control.is-valid, .was-validated .md-form .form-control:valid { padding-right: 0; }
+
+.needs-validation .md-form label { left: .3rem; }
+
+.custom-file-input:lang(es) ~ .custom-file-label::after { content: "Elegir"; }
+
+.custom-file-input:lang(pl-PL) ~ .custom-file-label::after { content: "Wybierz"; }
+
+.custom-file-input:lang(fr) ~ .custom-file-label::after { content: "Choisir"; }
+
+.custom-file-input:lang(in) ~ .custom-file-label::after { content: "Pilih"; }
+
+.custom-file-input:lang(zh) ~ .custom-file-label::after { content: "選擇"; }
+
+.custom-file-input:lang(de) ~ .custom-file-label::after { content: "Wählen"; }
+
+.custom-file-input:lang(ru) ~ .custom-file-label::after { content: "выбирать"; }
+
+.edge-header { display: block; height: 278px; background-color: #ccc; }
+
+.free-bird { margin-top: -100px; }
+
+.juicy-peach-gradient { background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%); }
+
+.young-passion-gradient { background-image: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%); }
+
+.lady-lips-gradient { background-image: linear-gradient(to top, #ff9a9e 0%, #fecfef 99%, #fecfef 100%); }
+
+.sunny-morning-gradient { background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%); }
+
+.rainy-ashville-gradient { background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%); }
+
+.frozen-dreams-gradient { background-image: linear-gradient(to top, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%); }
+
+.warm-flame-gradient { background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%); }
+
+.night-fade-gradient { background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%); }
+
+.spring-warmth-gradient { background-image: linear-gradient(to top, #fad0c4 0%, #ffd1ff 100%); }
+
+.winter-neva-gradient { background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%); }
+
+.dusty-grass-gradient { background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%); }
+
+.tempting-azure-gradient { background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%); }
+
+.heavy-rain-gradient { background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%); }
+
+.amy-crisp-gradient { background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%); }
+
+.mean-fruit-gradient { background-image: linear-gradient(120deg, #fccb90 0%, #d57eeb 100%); }
+
+.deep-blue-gradient { background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%); }
+
+.ripe-malinka-gradient { background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%); }
+
+.cloudy-knoxville-gradient { background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%); }
+
+.morpheus-den-gradient { background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%); }
+
+.rare-wind-gradient { background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%); }
+
+.near-moon-gradient { background-image: linear-gradient(to top, #5ee7df 0%, #b490ca 100%); }
+
+.schedule-list .hr-bold { border-top: 2px solid #212529; }
+.schedule-list .font-smaller { font-size: .8rem; }
+
+.note { padding: 10px; border-left: 6px solid; border-radius: 5px; }
+.note strong { font-weight: 600; }
+.note p { font-weight: 500; }
+.note.note-primary { background-color: #dfeefd; border-color: #176ac4; }
+.note.note-secondary { background-color: #e2e3e5; border-color: #58595a; }
+.note.note-success { background-color: #e2f0e5; border-color: #49a75f; }
+.note.note-danger { background-color: #fae7e8; border-color: #e45460; }
+.note.note-warning { background-color: #faf4e0; border-color: #c2a442; }
+.note.note-info { background-color: #e4f2f5; border-color: #2492a5; }
+.note.note-light { background-color: #fefefe; border-color: #0f0f0f; }
+
+footer.page-footer { bottom: 0; color: #fff; }
+footer.page-footer .container-fluid, footer.page-footer .content { width: auto; }
+footer.page-footer .footer-copyright { overflow: hidden; background-color: rgba(0, 0, 0, 0.2); color: rgba(255, 255, 255, 0.6); }
+footer.page-footer a { color: #fff; }
+
+.media .media-left { padding: 0 10px 10px 0; }
+.media .media-left img { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
+
+.list-group .list-group-item:first-child { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; }
+.list-group .list-group-item:last-child { border-bottom-left-radius: 0.125rem; border-bottom-right-radius: 0.125rem; }
+.list-group a, .list-group button { transition: 0.5s; }
+.list-group a:hover, .list-group button:hover { transition: 0.5s; }
+
+table th { font-size: 0.9rem; font-weight: 400; }
+table td { font-size: 0.9rem; font-weight: 300; }
+table.table thead th { border-top: none; }
+table.table th, table.table td { padding-top: 1.1rem; padding-bottom: 1rem; }
+table.table a { margin: 0; color: #212529; }
+table.table .label-table { margin: 0; padding: 0; line-height: 0.94rem; height: 0.94rem; }
+table.table.btn-table td { vertical-align: middle; }
+table.table-hover tbody tr:hover { transition: 0.5s; background-color: rgba(0, 0, 0, 0.075); }
+table .th-lg { min-width: 9rem; }
+table .th-sm { min-width: 6rem; }
+table.table-sm th, table.table-sm td { padding-top: 0.6rem; padding-bottom: 0.6rem; }
+
+.table-scroll-vertical { max-height: 300px; overflow-y: auto; }
+
+.table-fixed { table-layout: fixed; }
+
+.table-responsive > .table-bordered, .table-responsive-sm > .table-bordered, .table-responsive-md > .table-bordered, .table-responsive-lg > .table-bordered, .table-responsive-xl > .table-bordered { border-top: 1px solid #dee2e6; }
+
+ul.stepper { counter-reset: section; overflow-y: auto; overflow-x: hidden; margin: 1em -1.5rem; padding: 0 1.5rem; padding: 1.5rem; }
+ul.stepper li a { padding: 1.5rem; text-align: center; }
+ul.stepper li a .circle { display: inline-block; color: #fff; border-radius: 50%; background: rgba(0, 0, 0, 0.38); width: 1.75rem; height: 1.75rem; text-align: center; line-height: 1.7rem; margin-right: 0.5rem; }
+ul.stepper li a .label { display: inline-block; color: rgba(0, 0, 0, 0.38); }
+ul.stepper li.active a .label, ul.stepper li.completed a .label { font-weight: 600; color: rgba(0, 0, 0, 0.87); }
+
+.stepper-horizontal { position: relative; display: flex; justify-content: space-between; }
+.stepper-horizontal li { transition: 0.5s; display: flex; align-items: center; flex: 1; position: relative; }
+.stepper-horizontal li a .label { margin-top: 0.63rem; }
+.stepper-horizontal li:not(:last-child):after { content: ""; position: relative; flex: 1; margin: 0.5rem 0 0 0; height: 1px; background-color: rgba(0, 0, 0, 0.1); }
+.stepper-horizontal li:not(:first-child):before { content: ""; position: relative; flex: 1; margin: 0.5rem 0 0 0; height: 1px; background-color: rgba(0, 0, 0, 0.1); }
+.stepper-horizontal li:hover { background-color: rgba(0, 0, 0, 0.06); }
+@media (max-width: 47.9375rem) { .stepper-horizontal { flex-direction: column; }
+ .stepper-horizontal li { align-items: flex-start; flex-direction: column; }
+ .stepper-horizontal li a .label { flex-flow: column nowrap; order: 2; margin-top: 0.2rem; }
+ .stepper-horizontal li:not(:last-child):after { content: ""; position: absolute; width: 1px; height: calc(100% - 40px); left: 2.19rem; top: 3.75rem; } }
+.stepper-horizontal > li:not(:last-of-type) { margin-bottom: 0 !important; }
+
+.stepper-vertical { position: relative; display: flex; flex-direction: column; justify-content: space-between; }
+.stepper-vertical li { display: flex; align-items: flex-start; flex: 1; flex-direction: column; position: relative; }
+.stepper-vertical li a { align-self: flex-start; display: flex; position: relative; }
+.stepper-vertical li a .circle { order: 1; }
+.stepper-vertical li a .label { flex-flow: column nowrap; order: 2; margin-top: 0.2rem; }
+.stepper-vertical li.completed a .label { font-weight: 500; }
+.stepper-vertical li .step-content { display: block; margin-top: 0; margin-left: 3.13rem; padding: 0.94rem; }
+.stepper-vertical li .step-content p { font-size: 0.88rem; }
+.stepper-vertical li:not(:last-child):after { content: ""; position: absolute; width: 1px; height: calc(100% - 40px); left: 2.19rem; top: 3.44rem; background-color: rgba(0, 0, 0, 0.1); }
+
+.fast.spinner-border { animation: spinner-border .4s linear infinite; }
+.fast.spinner-grow { animation: spinner-grow 0.4s linear infinite; }
+
+.treeview.w-20 { width: 20rem; }
+.treeview .rotate { cursor: pointer; user-select: none; transition: all .1s linear; font-size: .8rem; vertical-align: text-top; margin-top: .2rem; }
+.treeview .rotate.down { transform: rotate(90deg); }
+.treeview .nested { display: none; }
+.treeview .active { display: block; }
+.treeview ul { list-style-type: none; }
+.treeview .ic-w { width: 1.3rem; }
+
+.treeview-animated.w-20 { width: 20rem; }
+.treeview-animated ul { position: relative; list-style: none; padding-left: 1em; }
+.treeview-animated .treeview-animated-list li { padding: 0.2em 0 0 0.2em; }
+.treeview-animated .treeview-animated-list .treeview-animated-items .nested::before { content: ""; display: block; position: absolute; background-color: grey; left: 5px; width: 5px; height: 100%; }
+.treeview-animated .treeview-animated-list .treeview-animated-items .closed { display: block; padding: 0.2em 0.2em 0.2em 0.4em; margin-right: 0; border-top-left-radius: 0.3em; border-bottom-left-radius: 0.3em; }
+.treeview-animated .treeview-animated-list .treeview-animated-items .closed:hover { background-color: #8cb9ff; }
+.treeview-animated .treeview-animated-list .treeview-animated-items .closed .fa-angle-right { transition: all .1s linear; font-size: .8rem; }
+.treeview-animated .treeview-animated-list .treeview-animated-items .closed .fa-angle-right.down { position: relative; color: #f8f9fa; transform: rotate(90deg); }
+.treeview-animated .treeview-animated-list .treeview-animated-items .open { transition: all .1s linear; background-color: #32a0ff; }
+.treeview-animated .treeview-animated-list .treeview-animated-items .open:hover { color: #f8f9fa; background-color: #32a0ff; }
+.treeview-animated .treeview-animated-list .treeview-animated-items .open span { color: #f8f9fa; }
+.treeview-animated .treeview-animated-list .treeview-animated-element { padding: 0.2em 0.2em 0.2em 0.6em; cursor: pointer; transition: all .1s linear; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
+.treeview-animated .treeview-animated-list .treeview-animated-element:hover { background-color: #8cb9ff; }
+.treeview-animated .treeview-animated-list .treeview-animated-element.opened { color: #f8f9fa; background-color: #32a0ff; }
+.treeview-animated .treeview-animated-list .treeview-animated-element.opened:hover { color: #f8f9fa; background-color: #32a0ff; }
+
+.treeview-colorful { font-size: 16px; font-weight: 400; background: rgba(224, 127, 178, 0.2); }
+.treeview-colorful.w-20 { width: 20rem; }
+.treeview-colorful hr { border-color: #a2127a; }
+.treeview-colorful h6 { font-size: 1.4em; font-weight: 500; color: #a2127a; }
+.treeview-colorful ul { position: relative; list-style: none; padding-left: 0; }
+.treeview-colorful .treeview-colorful-list ul { padding-left: 1em; margin-top: 0.1em; background: rgba(224, 127, 178, 0.2); }
+.treeview-colorful .treeview-colorful-element { padding: 0.2em 0.2em 0.2em 1em; cursor: pointer; transition: all .1s linear; border: 2px solid transparent; border-right: 0px solid transparent; }
+.treeview-colorful .treeview-colorful-element:hover { background-color: #e07fb2; }
+.treeview-colorful .treeview-colorful-element.opened { color: #ffac47; border: 2px solid #ffac47; border-right: 0px solid transparent; background-color: #a2127a; }
+.treeview-colorful .treeview-colorful-element.opened:hover { color: #ffac47; background-color: #a2127a; }
+.treeview-colorful .treeview-colorful-items-header { display: block; padding: 0.4em; margin-right: 0; border-bottom: 2px solid transparent; transition: all .1s linear; }
+.treeview-colorful .treeview-colorful-items-header:hover { background-color: #e07fb2; }
+.treeview-colorful .treeview-colorful-items-header.open { transition: all .1s linear; background-color: #a2127a; border-bottom: 2px solid #ffac47; }
+.treeview-colorful .treeview-colorful-items-header.open span { color: #ffac47; }
+.treeview-colorful .treeview-colorful-items-header.open:hover { color: #ffac47; background-color: #a2127a; }
+.treeview-colorful .treeview-colorful-items-header.open div:hover { background-color: #a2127a; }
+.treeview-colorful .treeview-colorful-items-header .fa-angle-right { transition: all .2s linear; font-size: .8rem; }
+.treeview-colorful .treeview-colorful-items-header .fas { position: relative; transition: all .2s linear; transform: rotate(90deg); color: #ffac47; }
+.treeview-colorful .treeview-colorful-items-header .fa-minus-circle { transition: all .2s linear; position: relative; color: #ffac47; transform: rotate(180deg); }
+
+body { background-color: #fdfdfd; }
+
+footer { color: #343a40; background-color: #fdfdfd; }
+
+.card, .list-group-item { background-color: #fdfdfd; }
+
+.news a { color: #b71c1c; }
+.news a:hover { text-decoration: underline; }
+
+.project-card .card-body { border-top: 1px solid rgba(60, 72, 88, 0.2); }
+
+/** Variables **********************************************
+$base-font-family: Helvetica, sans-serif;
+$base-font-size: 15px;
+$base-line-height: 1.5em;
+$horizontal-spacing-unit: 50px;
+$vertical-spacing-unit: 40px;
+$nav-height: 56px;
+
+/* portfolio tinkering */
+/* COLORS */
+/* footer */
+/* navigation bar border */
+/* Set theme color *************************/
+/************************************************************/
+.badge-notify { background: #b71c1c !important; }
+
+body { color: #3c4858; background-color: #fdfdfd; -webkit-text-size-adjust: 100%; }
+
+.breadcrumb { color: #3c4858; background-color: #fdfdfd; }
+
+.table { color: #3c4858; }
+
+.navbar a { color: #3c4858 !important; }
+
+footer a { color: #fafafa; }
+footer a:hover { color: #b71c1c; }
+
+.title { font-family: "Roboto Slab", "Times New Roman", serif; }
+
+a { color: #b71c1c; text-decoration: none; }
+a:hover { text-decoration: none; }
+
+.plain-link .fa { color: #747373; }
+
+.navbar-brand a { color: #f8f9fa !important; }
+
+.navbar-active a { color: #b71c1c !important; }
+
+.arrow-icon { color: #90a4ae; background: #90a4ae; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: initial; }
+.arrow-icon:hover { color: #cbd4d9; background: #cbd4d9; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; }
+
+.gm-icon { background: #c84e3f; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: initial; }
+.gm-icon:hover { background: #df978e; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; }
+
+.gs-icon { background: #5086ec; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: initial; }
+.gs-icon:hover { background: #acc6f6; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; }
+
+.gh-icon { color: #25292e; background: #25292e; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: initial; }
+.gh-icon:hover { color: #525b67; background: #525b67; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; }
+
+.li-icon { background: #0e76a8; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: initial; }
+.li-icon:hover { background: #2eb0ee; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; }
+
+.fb-icon { background: #3b5998; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: initial; }
+.fb-icon:hover { background: #718dc8; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; }
+
+.tw-icon { background: #1da1f2; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: initial; }
+.tw-icon:hover { background: #7dc9f8; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; }
+
+.wp-icon { color: #21759b; background: #21759b; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: initial; }
+.wp-icon:hover { color: #4aacd8; background: #4aacd8; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; }
+
+.cv h3 { color: #b71c1c; }
+
+.bibliography .abbr a:hover { background: #ff4444 !important; }
+
+progress { /* Reset the appearance */ -webkit-appearance: none; -moz-appearance: none; appearance: none; /* Get rid of the default border in Firefox/Opera. */ border: none; /* Progress bar container for Firefox/IE10+ */ background-color: transparent; /* Progress bar value for IE10+ */ color: #b71c1c; }
+
+progress::-webkit-progress-bar { background-color: transparent; }
+
+progress::-webkit-progress-value { background-color: #b71c1c; }
+
+progress::-moz-progress-bar { background-color: #b71c1c; }
+
+.progress-container { background-color: transparent; }
+
+.progress-bar { background-color: #b71c1c; }
+
+.bibliography-year { color: #ddd; text-align: right; }
+
+.bibliography li .title { font-weight: bolder; }
+.bibliography li .author a { color: #3c4858; border-bottom: 1px dashed; }
+.bibliography li .author a:hover { border-bottom-style: solid; text-decoration: none; }
+.bibliography li .author nobr > em { font-weight: bold; font-style: normal; color: #b71c1c; }
+
+pre, code { font-family: 'Source Code Pro', monospace; font-weight: normal; font-size: 13px; line-height: 1.3em; }
+
+/*background color*/
+.hljs { display: block; overflow-x: auto; padding: 0.5em; color: #707880 !important; background: #f7f7f7 !important; border: 1px solid #E3E2E3 !important; border-radius: 2px !important; }
+
+/*selection color*/
+.hljs::selection, .hljs span::selection { background: #f7f7f7; }
+
+.hljs::-moz-selection, .hljs span::-moz-selection { background: #f7f7f7; }
+
+/*foreground color*/
+.hljs { color: #707880; }
+
+/*color: fg_yellow*/
+.hljs-title, .hljs-name { color: #f0c674; }
+
+/*color: fg_comment*/
+.hljs-comment, .hljs-meta, .hljs-meta .hljs-keyword { color: #707880; }
+
+/*color: fg_red*/
+.hljs-number, .hljs-symbol, .hljs-literal, .hljs-deletion, .hljs-link { color: #cc6666; }
+
+/*color: fg_green*/
+.hljs-string, .hljs-doctag, .hljs-addition, .hljs-regexp, .hljs-selector-attr, .hljs-selector-pseudo { color: #b5bd68; }
+
+/*color: fg_purple*/
+.hljs-attribute, .hljs-code, .hljs-selector-id { color: #b294bb; }
+
+/*color: fg_blue*/
+.hljs-keyword, .hljs-selector-tag, .hljs-bullet, .hljs-tag { color: #81a2be; }
+
+/*color: fg_aqua*/
+.hljs-subst, .hljs-variable, .hljs-template-tag, .hljs-template-variable { color: #8abeb7; }
+
+/*color: fg_orange*/
+.hljs-type, .hljs-built_in, .hljs-builtin-name, .hljs-quote, .hljs-section, .hljs-selector-class { color: #de935f; }
+
+.hljs-emphasis { font-style: italic; }
+
+.hljs-strong { font-weight: bold; }
diff --git a/assets/css/main.scss b/assets/css/main.scss
deleted file mode 100755
index ef965da6f7eb..000000000000
--- a/assets/css/main.scss
+++ /dev/null
@@ -1,32 +0,0 @@
----
-# Only the main Sass file needs front matter (the dashes are enough)
----
-@charset "utf-8";
-
-// Our variables
-$base-font-family: Helvetica, Arial, sans-serif;
-$base-font-size: 16px;
-$small-font-size: $base-font-size * 0.875;
-$base-line-height: 1.5;
-
-$spacing-unit: 30px;
-
-$text-color: #111;
-$background-color: #fdfdfd;
-$brand-color: #2a7ae2;
-
-$grey-color: #828282;
-$grey-color-light: lighten($grey-color, 40%);
-$grey-color-dark: darken($grey-color, 25%);
-
-// $enable-grid-classes: false;
-
-// Import partials from `sass_dir` (defaults to `_sass`)
-@import
- "mdb/core/bootstrap/bootstrap",
- "mdb/mdb",
- "layout",
- "style",
- "base",
- "syntax-highlighting"
-;
diff --git a/assets/css/style.css b/assets/css/style.css
new file mode 100644
index 000000000000..bc2033b3ec36
--- /dev/null
+++ b/assets/css/style.css
@@ -0,0 +1,2883 @@
+/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
+/** 1. Change the default font family in all browsers (opinionated). 2. Prevent adjustments of font size after orientation changes in IE and iOS. */
+html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }
+
+/** Remove the margin in all browsers (opinionated). */
+body { margin: 0; }
+
+/* HTML5 display definitions ========================================================================== */
+/** Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. 2. Add the correct display in IE. */
+article, aside, details, figcaption, figure, footer, header, main, menu, nav, section { /* 1 */ display: block; }
+
+summary { display: list-item; }
+
+/** Add the correct display in IE 9-. */
+audio, canvas, progress, video { display: inline-block; }
+
+/** Add the correct display in iOS 4-7. */
+audio:not([controls]) { display: none; height: 0; }
+
+/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
+progress { vertical-align: baseline; }
+
+/** Add the correct display in IE 10-. 1. Add the correct display in IE. */
+template, [hidden] { display: none !important; }
+
+/* Links ========================================================================== */
+/** Remove the gray background on active links in IE 10. */
+a { background-color: transparent; /* 1 */ }
+
+/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
+a:active, a:hover { outline-width: 0; }
+
+/* Text-level semantics ========================================================================== */
+/** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
+abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }
+
+/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
+b, strong { font-weight: inherit; }
+
+/** Add the correct font weight in Chrome, Edge, and Safari. */
+b, strong { font-weight: bolder; }
+
+/** Add the correct font style in Android 4.3-. */
+dfn { font-style: italic; }
+
+/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
+h1 { font-size: 2em; margin: 0.67em 0; }
+
+/** Add the correct background and color in IE 9-. */
+mark { background-color: #ff0; color: #000; }
+
+/** Add the correct font size in all browsers. */
+small { font-size: 80%; }
+
+/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
+sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
+
+sub { bottom: -0.25em; }
+
+sup { top: -0.5em; }
+
+/* Embedded content ========================================================================== */
+/** Remove the border on images inside links in IE 10-. */
+img { border-style: none; }
+
+/** Hide the overflow in IE. */
+svg:not(:root) { overflow: hidden; }
+
+/* Grouping content ========================================================================== */
+/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
+code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }
+
+/** Add the correct margin in IE 8. */
+figure { margin: 1em 40px; }
+
+/** 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 */ }
+
+/* Forms ========================================================================== */
+/** 1. Change font properties to `inherit` in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
+button, input, select, textarea { font: inherit; /* 1 */ margin: 0; /* 2 */ }
+
+/** Restore the font weight unset by the previous rule. */
+optgroup { font-weight: bold; }
+
+/** Show the overflow in IE. 1. Show the overflow in Edge. */
+button, input { /* 1 */ overflow: visible; }
+
+/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
+button, select { /* 1 */ text-transform: none; }
+
+/** 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"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ }
+
+/** Remove the inner border and padding in Firefox. */
+button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
+
+/** Restore the focus styles unset by the previous rule. */
+button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
+
+/** Change the border, margin, and padding in all browsers (opinionated). */
+fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
+
+/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
+legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }
+
+/** Remove the default vertical scrollbar in IE. */
+textarea { overflow: auto; }
+
+/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
+[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }
+
+/** 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; }
+
+/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
+[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }
+
+/** Remove the inner padding and cancel buttons in Chrome and Safari on OS X. */
+[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
+
+/** Correct the text style of placeholders in Chrome, Edge, and Safari. */
+::-webkit-input-placeholder { color: inherit; opacity: 0.54; }
+
+/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
+::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }
+
+* { box-sizing: border-box; }
+
+input, select, textarea, button { font-family: inherit; font-size: inherit; line-height: inherit; }
+
+body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 14px; line-height: 1.5; color: #24292e; background-color: #fff; }
+
+a { color: #0366d6; text-decoration: none; }
+a:hover { text-decoration: underline; }
+
+b, strong { font-weight: 600; }
+
+hr, .rule { height: 0; margin: 15px 0; overflow: hidden; background: transparent; border: 0; border-bottom: 1px solid #dfe2e5; }
+hr::before, .rule::before { display: table; content: ""; }
+hr::after, .rule::after { display: table; clear: both; content: ""; }
+
+table { border-spacing: 0; border-collapse: collapse; }
+
+td, th { padding: 0; }
+
+button { cursor: pointer; border-radius: 0; }
+
+[hidden][hidden] { display: none !important; }
+
+details summary { cursor: pointer; }
+details:not([open]) > *:not(summary) { display: none !important; }
+
+h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; }
+
+h1 { font-size: 32px; font-weight: 600; }
+
+h2 { font-size: 24px; font-weight: 600; }
+
+h3 { font-size: 20px; font-weight: 600; }
+
+h4 { font-size: 16px; font-weight: 600; }
+
+h5 { font-size: 14px; font-weight: 600; }
+
+h6 { font-size: 12px; font-weight: 600; }
+
+p { margin-top: 0; margin-bottom: 10px; }
+
+small { font-size: 90%; }
+
+blockquote { margin: 0; }
+
+ul, ol { padding-left: 0; margin-top: 0; margin-bottom: 0; }
+
+ol ol, ul ol { list-style-type: lower-roman; }
+
+ul ul ol, ul ol ol, ol ul ol, ol ol ol { list-style-type: lower-alpha; }
+
+dd { margin-left: 0; }
+
+tt, code { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 12px; }
+
+pre { margin-top: 0; margin-bottom: 0; font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 12px; }
+
+.octicon { vertical-align: text-bottom; }
+
+/* Fade in an element */
+.anim-fade-in { animation-name: fade-in; animation-duration: 1s; animation-timing-function: ease-in-out; }
+.anim-fade-in.fast { animation-duration: 300ms; }
+
+@keyframes fade-in { 0% { opacity: 0; }
+ 100% { opacity: 1; } }
+/* Fade out an element */
+.anim-fade-out { animation-name: fade-out; animation-duration: 1s; animation-timing-function: ease-out; }
+.anim-fade-out.fast { animation-duration: 0.3s; }
+
+@keyframes fade-out { 0% { opacity: 1; }
+ 100% { opacity: 0; } }
+/* Fade in and slide up an element */
+.anim-fade-up { opacity: 0; animation-name: fade-up; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease-out; animation-delay: 1s; }
+
+@keyframes fade-up { 0% { opacity: 0.8; transform: translateY(100%); }
+ 100% { opacity: 1; transform: translateY(0); } }
+/* Fade an element out and slide down */
+.anim-fade-down { animation-name: fade-down; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease-in; }
+
+@keyframes fade-down { 0% { opacity: 1; transform: translateY(0); }
+ 100% { opacity: 0.5; transform: translateY(100%); } }
+/* Grow an element width from 0 to 100% */
+.anim-grow-x { width: 0%; animation-name: grow-x; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease; animation-delay: 0.5s; }
+
+@keyframes grow-x { to { width: 100%; } }
+/* Shrink an element from 100% to 0% */
+.anim-shrink-x { animation-name: shrink-x; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease-in-out; animation-delay: 0.5s; }
+
+@keyframes shrink-x { to { width: 0%; } }
+/* Fade in an element and scale it fast */
+.anim-scale-in { animation-name: scale-in; animation-duration: 0.15s; animation-timing-function: cubic-bezier(0.2, 0, 0.13, 1.5); }
+
+@keyframes scale-in { 0% { opacity: 0; transform: scale(0.5); }
+ 100% { opacity: 1; transform: scale(1); } }
+/* Pulse an element's opacity */
+.anim-pulse { animation-name: pulse; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; }
+
+@keyframes pulse { 0% { opacity: 0.3; }
+ 10% { opacity: 1; }
+ 100% { opacity: 0.3; } }
+/* Pulse in an element */
+.anim-pulse-in { animation-name: pulse-in; animation-duration: 0.5s; }
+
+@keyframes pulse-in { 0% { transform: scale3d(1, 1, 1); }
+ 50% { transform: scale3d(1.1, 1.1, 1.1); }
+ 100% { transform: scale3d(1, 1, 1); } }
+/* Increase scale of an element on hover */
+.hover-grow { transition: transform 0.3s; backface-visibility: hidden; }
+.hover-grow:hover { transform: scale(1.025); }
+
+/* Add a gray border on all sides */
+.border { border: 1px #e1e4e8 solid !important; }
+
+/* Add a gray border to the left and right */
+.border-y { border-top: 1px #e1e4e8 solid !important; border-bottom: 1px #e1e4e8 solid !important; }
+
+/* Remove borders from all sides */
+.border-0 { border: 0 !important; }
+
+.border-dashed { border-style: dashed !important; }
+
+/* Use with .border to turn the border blue */
+.border-blue { border-color: #0366d6 !important; }
+
+/* Use with .border to turn the border blue-light */
+.border-blue-light { border-color: #c8e1ff !important; }
+
+/* Use with .border to turn the border green */
+.border-green { border-color: #34d058 !important; }
+
+/* Use with .border to turn the border green light */
+.border-green-light { border-color: #a2cbac !important; }
+
+/* Use with .border to turn the border red */
+.border-red { border-color: #d73a49 !important; }
+
+/* Use with .border to turn the border red-light */
+.border-red-light { border-color: #cea0a5 !important; }
+
+/* Use with .border to turn the border purple */
+.border-purple { border-color: #6f42c1 !important; }
+
+/* Use with .border to turn the border yellow */
+.border-yellow { border-color: #d9d0a5 !important; }
+
+/* Use with .border to turn the border gray-light */
+.border-gray-light { border-color: #eaecef !important; }
+
+/* Use with .border to turn the border gray-dark */
+.border-gray-dark { border-color: #d1d5da !important; }
+
+/* Use with .border to turn the border rgba black 0.15 */
+.border-black-fade { border-color: rgba(27, 31, 35, 0.15) !important; }
+
+/* Add a gray border */
+/* Add a gray border to the top */
+.border-top { border-top: 1px #e1e4e8 solid !important; }
+
+/* Add a gray border to the right */
+.border-right { border-right: 1px #e1e4e8 solid !important; }
+
+/* Add a gray border to the bottom */
+.border-bottom { border-bottom: 1px #e1e4e8 solid !important; }
+
+/* Add a gray border to the left */
+.border-left { border-left: 1px #e1e4e8 solid !important; }
+
+/* Remove the top border */
+.border-top-0 { border-top: 0 !important; }
+
+/* Remove the right border */
+.border-right-0 { border-right: 0 !important; }
+
+/* Remove the bottom border */
+.border-bottom-0 { border-bottom: 0 !important; }
+
+/* Remove the left border */
+.border-left-0 { border-left: 0 !important; }
+
+/* Remove the border-radius */
+.rounded-0 { border-radius: 0 !important; }
+
+/* Add a border-radius to all corners */
+.rounded-1 { border-radius: 3px !important; }
+
+/* Add a 2x border-radius to all corners */
+.rounded-2 { border-radius: 6px !important; }
+
+.rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
+
+.rounded-top-1 { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; }
+
+.rounded-top-2 { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; }
+
+.rounded-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
+
+.rounded-right-1 { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; }
+
+.rounded-right-2 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; }
+
+.rounded-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; }
+
+.rounded-bottom-1 { border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; }
+
+.rounded-bottom-2 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; }
+
+.rounded-left-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; }
+
+.rounded-left-1 { border-bottom-left-radius: 3px !important; border-top-left-radius: 3px !important; }
+
+.rounded-left-2 { border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important; }
+
+@media (min-width: 544px) { /* Add a gray border */
+ /* Add a gray border to the top */
+ .border-sm-top { border-top: 1px #e1e4e8 solid !important; }
+ /* Add a gray border to the right */
+ .border-sm-right { border-right: 1px #e1e4e8 solid !important; }
+ /* Add a gray border to the bottom */
+ .border-sm-bottom { border-bottom: 1px #e1e4e8 solid !important; }
+ /* Add a gray border to the left */
+ .border-sm-left { border-left: 1px #e1e4e8 solid !important; }
+ /* Remove the top border */
+ .border-sm-top-0 { border-top: 0 !important; }
+ /* Remove the right border */
+ .border-sm-right-0 { border-right: 0 !important; }
+ /* Remove the bottom border */
+ .border-sm-bottom-0 { border-bottom: 0 !important; }
+ /* Remove the left border */
+ .border-sm-left-0 { border-left: 0 !important; }
+ /* Remove the border-radius */
+ .rounded-sm-0 { border-radius: 0 !important; }
+ /* Add a border-radius to all corners */
+ .rounded-sm-1 { border-radius: 3px !important; }
+ /* Add a 2x border-radius to all corners */
+ .rounded-sm-2 { border-radius: 6px !important; }
+ .rounded-sm-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
+ .rounded-sm-top-1 { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; }
+ .rounded-sm-top-2 { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; }
+ .rounded-sm-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
+ .rounded-sm-right-1 { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; }
+ .rounded-sm-right-2 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; }
+ .rounded-sm-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; }
+ .rounded-sm-bottom-1 { border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; }
+ .rounded-sm-bottom-2 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; }
+ .rounded-sm-left-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; }
+ .rounded-sm-left-1 { border-bottom-left-radius: 3px !important; border-top-left-radius: 3px !important; }
+ .rounded-sm-left-2 { border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important; } }
+@media (min-width: 768px) { /* Add a gray border */
+ /* Add a gray border to the top */
+ .border-md-top { border-top: 1px #e1e4e8 solid !important; }
+ /* Add a gray border to the right */
+ .border-md-right { border-right: 1px #e1e4e8 solid !important; }
+ /* Add a gray border to the bottom */
+ .border-md-bottom { border-bottom: 1px #e1e4e8 solid !important; }
+ /* Add a gray border to the left */
+ .border-md-left { border-left: 1px #e1e4e8 solid !important; }
+ /* Remove the top border */
+ .border-md-top-0 { border-top: 0 !important; }
+ /* Remove the right border */
+ .border-md-right-0 { border-right: 0 !important; }
+ /* Remove the bottom border */
+ .border-md-bottom-0 { border-bottom: 0 !important; }
+ /* Remove the left border */
+ .border-md-left-0 { border-left: 0 !important; }
+ /* Remove the border-radius */
+ .rounded-md-0 { border-radius: 0 !important; }
+ /* Add a border-radius to all corners */
+ .rounded-md-1 { border-radius: 3px !important; }
+ /* Add a 2x border-radius to all corners */
+ .rounded-md-2 { border-radius: 6px !important; }
+ .rounded-md-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
+ .rounded-md-top-1 { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; }
+ .rounded-md-top-2 { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; }
+ .rounded-md-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
+ .rounded-md-right-1 { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; }
+ .rounded-md-right-2 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; }
+ .rounded-md-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; }
+ .rounded-md-bottom-1 { border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; }
+ .rounded-md-bottom-2 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; }
+ .rounded-md-left-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; }
+ .rounded-md-left-1 { border-bottom-left-radius: 3px !important; border-top-left-radius: 3px !important; }
+ .rounded-md-left-2 { border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important; } }
+@media (min-width: 1012px) { /* Add a gray border */
+ /* Add a gray border to the top */
+ .border-lg-top { border-top: 1px #e1e4e8 solid !important; }
+ /* Add a gray border to the right */
+ .border-lg-right { border-right: 1px #e1e4e8 solid !important; }
+ /* Add a gray border to the bottom */
+ .border-lg-bottom { border-bottom: 1px #e1e4e8 solid !important; }
+ /* Add a gray border to the left */
+ .border-lg-left { border-left: 1px #e1e4e8 solid !important; }
+ /* Remove the top border */
+ .border-lg-top-0 { border-top: 0 !important; }
+ /* Remove the right border */
+ .border-lg-right-0 { border-right: 0 !important; }
+ /* Remove the bottom border */
+ .border-lg-bottom-0 { border-bottom: 0 !important; }
+ /* Remove the left border */
+ .border-lg-left-0 { border-left: 0 !important; }
+ /* Remove the border-radius */
+ .rounded-lg-0 { border-radius: 0 !important; }
+ /* Add a border-radius to all corners */
+ .rounded-lg-1 { border-radius: 3px !important; }
+ /* Add a 2x border-radius to all corners */
+ .rounded-lg-2 { border-radius: 6px !important; }
+ .rounded-lg-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
+ .rounded-lg-top-1 { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; }
+ .rounded-lg-top-2 { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; }
+ .rounded-lg-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
+ .rounded-lg-right-1 { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; }
+ .rounded-lg-right-2 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; }
+ .rounded-lg-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; }
+ .rounded-lg-bottom-1 { border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; }
+ .rounded-lg-bottom-2 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; }
+ .rounded-lg-left-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; }
+ .rounded-lg-left-1 { border-bottom-left-radius: 3px !important; border-top-left-radius: 3px !important; }
+ .rounded-lg-left-2 { border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important; } }
+@media (min-width: 1280px) { /* Add a gray border */
+ /* Add a gray border to the top */
+ .border-xl-top { border-top: 1px #e1e4e8 solid !important; }
+ /* Add a gray border to the right */
+ .border-xl-right { border-right: 1px #e1e4e8 solid !important; }
+ /* Add a gray border to the bottom */
+ .border-xl-bottom { border-bottom: 1px #e1e4e8 solid !important; }
+ /* Add a gray border to the left */
+ .border-xl-left { border-left: 1px #e1e4e8 solid !important; }
+ /* Remove the top border */
+ .border-xl-top-0 { border-top: 0 !important; }
+ /* Remove the right border */
+ .border-xl-right-0 { border-right: 0 !important; }
+ /* Remove the bottom border */
+ .border-xl-bottom-0 { border-bottom: 0 !important; }
+ /* Remove the left border */
+ .border-xl-left-0 { border-left: 0 !important; }
+ /* Remove the border-radius */
+ .rounded-xl-0 { border-radius: 0 !important; }
+ /* Add a border-radius to all corners */
+ .rounded-xl-1 { border-radius: 3px !important; }
+ /* Add a 2x border-radius to all corners */
+ .rounded-xl-2 { border-radius: 6px !important; }
+ .rounded-xl-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
+ .rounded-xl-top-1 { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; }
+ .rounded-xl-top-2 { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; }
+ .rounded-xl-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
+ .rounded-xl-right-1 { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; }
+ .rounded-xl-right-2 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; }
+ .rounded-xl-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; }
+ .rounded-xl-bottom-1 { border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; }
+ .rounded-xl-bottom-2 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; }
+ .rounded-xl-left-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; }
+ .rounded-xl-left-1 { border-bottom-left-radius: 3px !important; border-top-left-radius: 3px !important; }
+ .rounded-xl-left-2 { border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important; } }
+/* Add a 50% border-radius to make something into a circle */
+.circle { border-radius: 50% !important; }
+
+.box-shadow { box-shadow: 0 1px 1px rgba(27, 31, 35, 0.1) !important; }
+
+.box-shadow-medium { box-shadow: 0 1px 5px rgba(27, 31, 35, 0.15) !important; }
+
+.box-shadow-large { box-shadow: 0 1px 15px rgba(27, 31, 35, 0.15) !important; }
+
+.box-shadow-extra-large { box-shadow: 0 10px 50px rgba(27, 31, 35, 0.07) !important; }
+
+.box-shadow-none { box-shadow: none !important; }
+
+/* Set the background to $bg-white */
+.bg-white { background-color: #fff !important; }
+
+/* Set the background to $bg-blue */
+.bg-blue { background-color: #0366d6 !important; }
+
+/* Set the background to $bg-blue-light */
+.bg-blue-light { background-color: #f1f8ff !important; }
+
+/* Set the background to $bg-gray-dark */
+.bg-gray-dark { background-color: #24292e !important; }
+
+/* Set the background to $bg-gray */
+.bg-gray { background-color: #f6f8fa !important; }
+
+/* Set the background to $bg-gray-light */
+.bg-gray-light { background-color: #fafbfc !important; }
+
+/* Set the background to $bg-green */
+.bg-green { background-color: #28a745 !important; }
+
+/* Set the background to $bg-green-light */
+.bg-green-light { background-color: #dcffe4 !important; }
+
+/* Set the background to $bg-red */
+.bg-red { background-color: #d73a49 !important; }
+
+/* Set the background to $bg-red-light */
+.bg-red-light { background-color: #ffdce0 !important; }
+
+/* Set the background to $bg-yellow */
+.bg-yellow { background-color: #ffd33d !important; }
+
+/* Set the background to $bg-yellow-light */
+.bg-yellow-light { background-color: #fff5b1 !important; }
+
+/* Set the background to $bg-purple */
+.bg-purple { background-color: #6f42c1 !important; }
+
+/* Set the background to $bg-purple-light */
+.bg-purple-light { background-color: #f5f0ff !important; }
+
+.bg-shade-gradient { background-image: linear-gradient(180deg, rgba(27, 31, 35, 0.065), rgba(27, 31, 35, 0)) !important; background-repeat: no-repeat !important; background-size: 100% 200px !important; }
+
+/* Set the text color to $text-blue */
+.text-blue { color: #0366d6 !important; }
+
+/* Set the text color to $text-red */
+.text-red { color: #cb2431 !important; }
+
+/* Set the text color to $text-gray-light */
+.text-gray-light { color: #6a737d !important; }
+
+/* Set the text color to $text-gray */
+.text-gray { color: #586069 !important; }
+
+/* Set the text color to $text-gray-dark */
+.text-gray-dark { color: #24292e !important; }
+
+/* Set the text color to $text-green */
+.text-green { color: #28a745 !important; }
+
+/* Set the text color to $text-orange */
+.text-orange { color: #a04100 !important; }
+
+/* Set the text color to $text-orange-light */
+.text-orange-light { color: #e36209 !important; }
+
+/* Set the text color to $text-purple */
+.text-purple { color: #6f42c1 !important; }
+
+/* Set the text color to $text-white */
+.text-white { color: #fff !important; }
+
+/* Set the text color to inherit */
+.text-inherit { color: inherit !important; }
+
+.text-pending { color: #b08800 !important; }
+
+.bg-pending { color: #dbab09 !important; }
+
+.link-gray { color: #586069 !important; }
+.link-gray:hover { color: #0366d6 !important; }
+
+.link-gray-dark { color: #24292e !important; }
+.link-gray-dark:hover { color: #0366d6 !important; }
+
+/* Set the link color to $text-blue on hover Useful when you want only part of a link to turn blue on hover */
+.link-hover-blue:hover { color: #0366d6 !important; }
+
+/* Make a link $text-gray, then $text-blue on hover and removes the underline */
+.muted-link { color: #586069 !important; }
+.muted-link:hover { color: #0366d6 !important; text-decoration: none; }
+
+.details-overlay[open] > summary::before { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 80; display: block; cursor: default; content: " "; background: transparent; }
+
+.details-overlay-dark[open] > summary::before { z-index: 99; background: rgba(27, 31, 35, 0.5); }
+
+.flex-row { flex-direction: row !important; }
+
+.flex-row-reverse { flex-direction: row-reverse !important; }
+
+.flex-column { flex-direction: column !important; }
+
+.flex-wrap { flex-wrap: wrap !important; }
+
+.flex-nowrap { flex-wrap: nowrap !important; }
+
+.flex-justify-start { justify-content: flex-start !important; }
+
+.flex-justify-end { justify-content: flex-end !important; }
+
+.flex-justify-center { justify-content: center !important; }
+
+.flex-justify-between { justify-content: space-between !important; }
+
+.flex-justify-around { justify-content: space-around !important; }
+
+.flex-items-start { align-items: flex-start !important; }
+
+.flex-items-end { align-items: flex-end !important; }
+
+.flex-items-center { align-items: center !important; }
+
+.flex-items-baseline { align-items: baseline !important; }
+
+.flex-items-stretch { align-items: stretch !important; }
+
+.flex-content-start { align-content: flex-start !important; }
+
+.flex-content-end { align-content: flex-end !important; }
+
+.flex-content-center { align-content: center !important; }
+
+.flex-content-between { align-content: space-between !important; }
+
+.flex-content-around { align-content: space-around !important; }
+
+.flex-content-stretch { align-content: stretch !important; }
+
+.flex-auto { flex: 1 1 auto !important; }
+
+.flex-shrink-0 { flex-shrink: 0 !important; }
+
+.flex-self-auto { align-self: auto !important; }
+
+.flex-self-start { align-self: flex-start !important; }
+
+.flex-self-end { align-self: flex-end !important; }
+
+.flex-self-center { align-self: center !important; }
+
+.flex-self-baseline { align-self: baseline !important; }
+
+.flex-self-stretch { align-self: stretch !important; }
+
+.flex-item-equal { flex-grow: 1; flex-basis: 0; }
+
+@media (min-width: 544px) { .flex-sm-row { flex-direction: row !important; }
+ .flex-sm-row-reverse { flex-direction: row-reverse !important; }
+ .flex-sm-column { flex-direction: column !important; }
+ .flex-sm-wrap { flex-wrap: wrap !important; }
+ .flex-sm-nowrap { flex-wrap: nowrap !important; }
+ .flex-sm-justify-start { justify-content: flex-start !important; }
+ .flex-sm-justify-end { justify-content: flex-end !important; }
+ .flex-sm-justify-center { justify-content: center !important; }
+ .flex-sm-justify-between { justify-content: space-between !important; }
+ .flex-sm-justify-around { justify-content: space-around !important; }
+ .flex-sm-items-start { align-items: flex-start !important; }
+ .flex-sm-items-end { align-items: flex-end !important; }
+ .flex-sm-items-center { align-items: center !important; }
+ .flex-sm-items-baseline { align-items: baseline !important; }
+ .flex-sm-items-stretch { align-items: stretch !important; }
+ .flex-sm-content-start { align-content: flex-start !important; }
+ .flex-sm-content-end { align-content: flex-end !important; }
+ .flex-sm-content-center { align-content: center !important; }
+ .flex-sm-content-between { align-content: space-between !important; }
+ .flex-sm-content-around { align-content: space-around !important; }
+ .flex-sm-content-stretch { align-content: stretch !important; }
+ .flex-sm-auto { flex: 1 1 auto !important; }
+ .flex-sm-shrink-0 { flex-shrink: 0 !important; }
+ .flex-sm-self-auto { align-self: auto !important; }
+ .flex-sm-self-start { align-self: flex-start !important; }
+ .flex-sm-self-end { align-self: flex-end !important; }
+ .flex-sm-self-center { align-self: center !important; }
+ .flex-sm-self-baseline { align-self: baseline !important; }
+ .flex-sm-self-stretch { align-self: stretch !important; }
+ .flex-sm-item-equal { flex-grow: 1; flex-basis: 0; } }
+@media (min-width: 768px) { .flex-md-row { flex-direction: row !important; }
+ .flex-md-row-reverse { flex-direction: row-reverse !important; }
+ .flex-md-column { flex-direction: column !important; }
+ .flex-md-wrap { flex-wrap: wrap !important; }
+ .flex-md-nowrap { flex-wrap: nowrap !important; }
+ .flex-md-justify-start { justify-content: flex-start !important; }
+ .flex-md-justify-end { justify-content: flex-end !important; }
+ .flex-md-justify-center { justify-content: center !important; }
+ .flex-md-justify-between { justify-content: space-between !important; }
+ .flex-md-justify-around { justify-content: space-around !important; }
+ .flex-md-items-start { align-items: flex-start !important; }
+ .flex-md-items-end { align-items: flex-end !important; }
+ .flex-md-items-center { align-items: center !important; }
+ .flex-md-items-baseline { align-items: baseline !important; }
+ .flex-md-items-stretch { align-items: stretch !important; }
+ .flex-md-content-start { align-content: flex-start !important; }
+ .flex-md-content-end { align-content: flex-end !important; }
+ .flex-md-content-center { align-content: center !important; }
+ .flex-md-content-between { align-content: space-between !important; }
+ .flex-md-content-around { align-content: space-around !important; }
+ .flex-md-content-stretch { align-content: stretch !important; }
+ .flex-md-auto { flex: 1 1 auto !important; }
+ .flex-md-shrink-0 { flex-shrink: 0 !important; }
+ .flex-md-self-auto { align-self: auto !important; }
+ .flex-md-self-start { align-self: flex-start !important; }
+ .flex-md-self-end { align-self: flex-end !important; }
+ .flex-md-self-center { align-self: center !important; }
+ .flex-md-self-baseline { align-self: baseline !important; }
+ .flex-md-self-stretch { align-self: stretch !important; }
+ .flex-md-item-equal { flex-grow: 1; flex-basis: 0; } }
+@media (min-width: 1012px) { .flex-lg-row { flex-direction: row !important; }
+ .flex-lg-row-reverse { flex-direction: row-reverse !important; }
+ .flex-lg-column { flex-direction: column !important; }
+ .flex-lg-wrap { flex-wrap: wrap !important; }
+ .flex-lg-nowrap { flex-wrap: nowrap !important; }
+ .flex-lg-justify-start { justify-content: flex-start !important; }
+ .flex-lg-justify-end { justify-content: flex-end !important; }
+ .flex-lg-justify-center { justify-content: center !important; }
+ .flex-lg-justify-between { justify-content: space-between !important; }
+ .flex-lg-justify-around { justify-content: space-around !important; }
+ .flex-lg-items-start { align-items: flex-start !important; }
+ .flex-lg-items-end { align-items: flex-end !important; }
+ .flex-lg-items-center { align-items: center !important; }
+ .flex-lg-items-baseline { align-items: baseline !important; }
+ .flex-lg-items-stretch { align-items: stretch !important; }
+ .flex-lg-content-start { align-content: flex-start !important; }
+ .flex-lg-content-end { align-content: flex-end !important; }
+ .flex-lg-content-center { align-content: center !important; }
+ .flex-lg-content-between { align-content: space-between !important; }
+ .flex-lg-content-around { align-content: space-around !important; }
+ .flex-lg-content-stretch { align-content: stretch !important; }
+ .flex-lg-auto { flex: 1 1 auto !important; }
+ .flex-lg-shrink-0 { flex-shrink: 0 !important; }
+ .flex-lg-self-auto { align-self: auto !important; }
+ .flex-lg-self-start { align-self: flex-start !important; }
+ .flex-lg-self-end { align-self: flex-end !important; }
+ .flex-lg-self-center { align-self: center !important; }
+ .flex-lg-self-baseline { align-self: baseline !important; }
+ .flex-lg-self-stretch { align-self: stretch !important; }
+ .flex-lg-item-equal { flex-grow: 1; flex-basis: 0; } }
+@media (min-width: 1280px) { .flex-xl-row { flex-direction: row !important; }
+ .flex-xl-row-reverse { flex-direction: row-reverse !important; }
+ .flex-xl-column { flex-direction: column !important; }
+ .flex-xl-wrap { flex-wrap: wrap !important; }
+ .flex-xl-nowrap { flex-wrap: nowrap !important; }
+ .flex-xl-justify-start { justify-content: flex-start !important; }
+ .flex-xl-justify-end { justify-content: flex-end !important; }
+ .flex-xl-justify-center { justify-content: center !important; }
+ .flex-xl-justify-between { justify-content: space-between !important; }
+ .flex-xl-justify-around { justify-content: space-around !important; }
+ .flex-xl-items-start { align-items: flex-start !important; }
+ .flex-xl-items-end { align-items: flex-end !important; }
+ .flex-xl-items-center { align-items: center !important; }
+ .flex-xl-items-baseline { align-items: baseline !important; }
+ .flex-xl-items-stretch { align-items: stretch !important; }
+ .flex-xl-content-start { align-content: flex-start !important; }
+ .flex-xl-content-end { align-content: flex-end !important; }
+ .flex-xl-content-center { align-content: center !important; }
+ .flex-xl-content-between { align-content: space-between !important; }
+ .flex-xl-content-around { align-content: space-around !important; }
+ .flex-xl-content-stretch { align-content: stretch !important; }
+ .flex-xl-auto { flex: 1 1 auto !important; }
+ .flex-xl-shrink-0 { flex-shrink: 0 !important; }
+ .flex-xl-self-auto { align-self: auto !important; }
+ .flex-xl-self-start { align-self: flex-start !important; }
+ .flex-xl-self-end { align-self: flex-end !important; }
+ .flex-xl-self-center { align-self: center !important; }
+ .flex-xl-self-baseline { align-self: baseline !important; }
+ .flex-xl-self-stretch { align-self: stretch !important; }
+ .flex-xl-item-equal { flex-grow: 1; flex-basis: 0; } }
+/* Set position to static */
+.position-static { position: static !important; }
+
+/* Set position to relative */
+.position-relative { position: relative !important; }
+
+/* Set position to absolute */
+.position-absolute { position: absolute !important; }
+
+/* Set position to fixed */
+.position-fixed { position: fixed !important; }
+
+/* Set top 0 */
+.top-0 { top: 0 !important; }
+
+/* Set right 0 */
+.right-0 { right: 0 !important; }
+
+/* Set bottom 0 */
+.bottom-0 { bottom: 0 !important; }
+
+/* Set left 0 */
+.left-0 { left: 0 !important; }
+
+/* Vertical align middle */
+.v-align-middle { vertical-align: middle !important; }
+
+/* Vertical align top */
+.v-align-top { vertical-align: top !important; }
+
+/* Vertical align bottom */
+.v-align-bottom { vertical-align: bottom !important; }
+
+/* Vertical align to the top of the text */
+.v-align-text-top { vertical-align: text-top !important; }
+
+/* Vertical align to the bottom of the text */
+.v-align-text-bottom { vertical-align: text-bottom !important; }
+
+/* Vertical align to the parent's baseline */
+.v-align-baseline { vertical-align: baseline !important; }
+
+/* Set the overflow hidden */
+.overflow-hidden { overflow: hidden !important; }
+
+/* Set the overflow scroll */
+.overflow-scroll { overflow: scroll !important; }
+
+/* Set the overflow auto */
+.overflow-auto { overflow: auto !important; }
+
+/* Clear floats around the element */
+.clearfix::before { display: table; content: ""; }
+.clearfix::after { display: table; clear: both; content: ""; }
+
+/* Float to the left */
+.float-left { float: left !important; }
+
+/* Float to the right */
+.float-right { float: right !important; }
+
+/* No float */
+.float-none { float: none !important; }
+
+@media (min-width: 544px) { /* Float to the left */
+ .float-sm-left { float: left !important; }
+ /* Float to the right */
+ .float-sm-right { float: right !important; }
+ /* No float */
+ .float-sm-none { float: none !important; } }
+@media (min-width: 768px) { /* Float to the left */
+ .float-md-left { float: left !important; }
+ /* Float to the right */
+ .float-md-right { float: right !important; }
+ /* No float */
+ .float-md-none { float: none !important; } }
+@media (min-width: 1012px) { /* Float to the left */
+ .float-lg-left { float: left !important; }
+ /* Float to the right */
+ .float-lg-right { float: right !important; }
+ /* No float */
+ .float-lg-none { float: none !important; } }
+@media (min-width: 1280px) { /* Float to the left */
+ .float-xl-left { float: left !important; }
+ /* Float to the right */
+ .float-xl-right { float: right !important; }
+ /* No float */
+ .float-xl-none { float: none !important; } }
+/* Max width 100% */
+.width-fit { max-width: 100% !important; }
+
+/* Set the width to 100% */
+.width-full { width: 100% !important; }
+
+/* Max height 100% */
+.height-fit { max-height: 100% !important; }
+
+/* Set the height to 100% */
+.height-full { height: 100% !important; }
+
+/* Remove min-width from element */
+.min-width-0 { min-width: 0 !important; }
+
+/* Set the direction to rtl */
+.direction-rtl { direction: rtl !important; }
+
+/* Set the direction to ltr */
+.direction-ltr { direction: ltr !important; }
+
+@media (min-width: 544px) { /* Set the direction to rtl */
+ .direction-sm-rtl { direction: rtl !important; }
+ /* Set the direction to ltr */
+ .direction-sm-ltr { direction: ltr !important; } }
+@media (min-width: 768px) { /* Set the direction to rtl */
+ .direction-md-rtl { direction: rtl !important; }
+ /* Set the direction to ltr */
+ .direction-md-ltr { direction: ltr !important; } }
+@media (min-width: 1012px) { /* Set the direction to rtl */
+ .direction-lg-rtl { direction: rtl !important; }
+ /* Set the direction to ltr */
+ .direction-lg-ltr { direction: ltr !important; } }
+@media (min-width: 1280px) { /* Set the direction to rtl */
+ .direction-xl-rtl { direction: rtl !important; }
+ /* Set the direction to ltr */
+ .direction-xl-ltr { direction: ltr !important; } }
+/* Set a $size margin to all sides at $breakpoint */
+.m-0 { margin: 0 !important; }
+
+/* Set a $size margin on the top at $breakpoint */
+.mt-0 { margin-top: 0 !important; }
+
+/* Set a $size margin on the right at $breakpoint */
+.mr-0 { margin-right: 0 !important; }
+
+/* Set a $size margin on the bottom at $breakpoint */
+.mb-0 { margin-bottom: 0 !important; }
+
+/* Set a $size margin on the left at $breakpoint */
+.ml-0 { margin-left: 0 !important; }
+
+/* Set a $size margin on the left & right at $breakpoint */
+.mx-0 { margin-right: 0 !important; margin-left: 0 !important; }
+
+/* Set a $size margin on the top & bottom at $breakpoint */
+.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
+
+/* Set a $size margin to all sides at $breakpoint */
+.m-1 { margin: 4px !important; }
+
+/* Set a $size margin on the top at $breakpoint */
+.mt-1 { margin-top: 4px !important; }
+
+/* Set a $size margin on the right at $breakpoint */
+.mr-1 { margin-right: 4px !important; }
+
+/* Set a $size margin on the bottom at $breakpoint */
+.mb-1 { margin-bottom: 4px !important; }
+
+/* Set a $size margin on the left at $breakpoint */
+.ml-1 { margin-left: 4px !important; }
+
+/* Set a negative $size margin on top at $breakpoint */
+.mt-n1 { margin-top: -4px !important; }
+
+/* Set a negative $size margin on the right at $breakpoint */
+.mr-n1 { margin-right: -4px !important; }
+
+/* Set a negative $size margin on the bottom at $breakpoint */
+.mb-n1 { margin-bottom: -4px !important; }
+
+/* Set a negative $size margin on the left at $breakpoint */
+.ml-n1 { margin-left: -4px !important; }
+
+/* Set a $size margin on the left & right at $breakpoint */
+.mx-1 { margin-right: 4px !important; margin-left: 4px !important; }
+
+/* Set a $size margin on the top & bottom at $breakpoint */
+.my-1 { margin-top: 4px !important; margin-bottom: 4px !important; }
+
+/* Set a $size margin to all sides at $breakpoint */
+.m-2 { margin: 8px !important; }
+
+/* Set a $size margin on the top at $breakpoint */
+.mt-2 { margin-top: 8px !important; }
+
+/* Set a $size margin on the right at $breakpoint */
+.mr-2 { margin-right: 8px !important; }
+
+/* Set a $size margin on the bottom at $breakpoint */
+.mb-2 { margin-bottom: 8px !important; }
+
+/* Set a $size margin on the left at $breakpoint */
+.ml-2 { margin-left: 8px !important; }
+
+/* Set a negative $size margin on top at $breakpoint */
+.mt-n2 { margin-top: -8px !important; }
+
+/* Set a negative $size margin on the right at $breakpoint */
+.mr-n2 { margin-right: -8px !important; }
+
+/* Set a negative $size margin on the bottom at $breakpoint */
+.mb-n2 { margin-bottom: -8px !important; }
+
+/* Set a negative $size margin on the left at $breakpoint */
+.ml-n2 { margin-left: -8px !important; }
+
+/* Set a $size margin on the left & right at $breakpoint */
+.mx-2 { margin-right: 8px !important; margin-left: 8px !important; }
+
+/* Set a $size margin on the top & bottom at $breakpoint */
+.my-2 { margin-top: 8px !important; margin-bottom: 8px !important; }
+
+/* Set a $size margin to all sides at $breakpoint */
+.m-3 { margin: 16px !important; }
+
+/* Set a $size margin on the top at $breakpoint */
+.mt-3 { margin-top: 16px !important; }
+
+/* Set a $size margin on the right at $breakpoint */
+.mr-3 { margin-right: 16px !important; }
+
+/* Set a $size margin on the bottom at $breakpoint */
+.mb-3 { margin-bottom: 16px !important; }
+
+/* Set a $size margin on the left at $breakpoint */
+.ml-3 { margin-left: 16px !important; }
+
+/* Set a negative $size margin on top at $breakpoint */
+.mt-n3 { margin-top: -16px !important; }
+
+/* Set a negative $size margin on the right at $breakpoint */
+.mr-n3 { margin-right: -16px !important; }
+
+/* Set a negative $size margin on the bottom at $breakpoint */
+.mb-n3 { margin-bottom: -16px !important; }
+
+/* Set a negative $size margin on the left at $breakpoint */
+.ml-n3 { margin-left: -16px !important; }
+
+/* Set a $size margin on the left & right at $breakpoint */
+.mx-3 { margin-right: 16px !important; margin-left: 16px !important; }
+
+/* Set a $size margin on the top & bottom at $breakpoint */
+.my-3 { margin-top: 16px !important; margin-bottom: 16px !important; }
+
+/* Set a $size margin to all sides at $breakpoint */
+.m-4 { margin: 24px !important; }
+
+/* Set a $size margin on the top at $breakpoint */
+.mt-4 { margin-top: 24px !important; }
+
+/* Set a $size margin on the right at $breakpoint */
+.mr-4 { margin-right: 24px !important; }
+
+/* Set a $size margin on the bottom at $breakpoint */
+.mb-4 { margin-bottom: 24px !important; }
+
+/* Set a $size margin on the left at $breakpoint */
+.ml-4 { margin-left: 24px !important; }
+
+/* Set a negative $size margin on top at $breakpoint */
+.mt-n4 { margin-top: -24px !important; }
+
+/* Set a negative $size margin on the right at $breakpoint */
+.mr-n4 { margin-right: -24px !important; }
+
+/* Set a negative $size margin on the bottom at $breakpoint */
+.mb-n4 { margin-bottom: -24px !important; }
+
+/* Set a negative $size margin on the left at $breakpoint */
+.ml-n4 { margin-left: -24px !important; }
+
+/* Set a $size margin on the left & right at $breakpoint */
+.mx-4 { margin-right: 24px !important; margin-left: 24px !important; }
+
+/* Set a $size margin on the top & bottom at $breakpoint */
+.my-4 { margin-top: 24px !important; margin-bottom: 24px !important; }
+
+/* Set a $size margin to all sides at $breakpoint */
+.m-5 { margin: 32px !important; }
+
+/* Set a $size margin on the top at $breakpoint */
+.mt-5 { margin-top: 32px !important; }
+
+/* Set a $size margin on the right at $breakpoint */
+.mr-5 { margin-right: 32px !important; }
+
+/* Set a $size margin on the bottom at $breakpoint */
+.mb-5 { margin-bottom: 32px !important; }
+
+/* Set a $size margin on the left at $breakpoint */
+.ml-5 { margin-left: 32px !important; }
+
+/* Set a negative $size margin on top at $breakpoint */
+.mt-n5 { margin-top: -32px !important; }
+
+/* Set a negative $size margin on the right at $breakpoint */
+.mr-n5 { margin-right: -32px !important; }
+
+/* Set a negative $size margin on the bottom at $breakpoint */
+.mb-n5 { margin-bottom: -32px !important; }
+
+/* Set a negative $size margin on the left at $breakpoint */
+.ml-n5 { margin-left: -32px !important; }
+
+/* Set a $size margin on the left & right at $breakpoint */
+.mx-5 { margin-right: 32px !important; margin-left: 32px !important; }
+
+/* Set a $size margin on the top & bottom at $breakpoint */
+.my-5 { margin-top: 32px !important; margin-bottom: 32px !important; }
+
+/* Set a $size margin to all sides at $breakpoint */
+.m-6 { margin: 40px !important; }
+
+/* Set a $size margin on the top at $breakpoint */
+.mt-6 { margin-top: 40px !important; }
+
+/* Set a $size margin on the right at $breakpoint */
+.mr-6 { margin-right: 40px !important; }
+
+/* Set a $size margin on the bottom at $breakpoint */
+.mb-6 { margin-bottom: 40px !important; }
+
+/* Set a $size margin on the left at $breakpoint */
+.ml-6 { margin-left: 40px !important; }
+
+/* Set a negative $size margin on top at $breakpoint */
+.mt-n6 { margin-top: -40px !important; }
+
+/* Set a negative $size margin on the right at $breakpoint */
+.mr-n6 { margin-right: -40px !important; }
+
+/* Set a negative $size margin on the bottom at $breakpoint */
+.mb-n6 { margin-bottom: -40px !important; }
+
+/* Set a negative $size margin on the left at $breakpoint */
+.ml-n6 { margin-left: -40px !important; }
+
+/* Set a $size margin on the left & right at $breakpoint */
+.mx-6 { margin-right: 40px !important; margin-left: 40px !important; }
+
+/* Set a $size margin on the top & bottom at $breakpoint */
+.my-6 { margin-top: 40px !important; margin-bottom: 40px !important; }
+
+/* responsive horizontal auto margins */
+.mx-auto { margin-right: auto !important; margin-left: auto !important; }
+
+@media (min-width: 544px) { /* Set a $size margin to all sides at $breakpoint */
+ .m-sm-0 { margin: 0 !important; }
+ /* Set a $size margin on the top at $breakpoint */
+ .mt-sm-0 { margin-top: 0 !important; }
+ /* Set a $size margin on the right at $breakpoint */
+ .mr-sm-0 { margin-right: 0 !important; }
+ /* Set a $size margin on the bottom at $breakpoint */
+ .mb-sm-0 { margin-bottom: 0 !important; }
+ /* Set a $size margin on the left at $breakpoint */
+ .ml-sm-0 { margin-left: 0 !important; }
+ /* Set a $size margin on the left & right at $breakpoint */
+ .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; }
+ /* Set a $size margin on the top & bottom at $breakpoint */
+ .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
+ /* Set a $size margin to all sides at $breakpoint */
+ .m-sm-1 { margin: 4px !important; }
+ /* Set a $size margin on the top at $breakpoint */
+ .mt-sm-1 { margin-top: 4px !important; }
+ /* Set a $size margin on the right at $breakpoint */
+ .mr-sm-1 { margin-right: 4px !important; }
+ /* Set a $size margin on the bottom at $breakpoint */
+ .mb-sm-1 { margin-bottom: 4px !important; }
+ /* Set a $size margin on the left at $breakpoint */
+ .ml-sm-1 { margin-left: 4px !important; }
+ /* Set a negative $size margin on top at $breakpoint */
+ .mt-sm-n1 { margin-top: -4px !important; }
+ /* Set a negative $size margin on the right at $breakpoint */
+ .mr-sm-n1 { margin-right: -4px !important; }
+ /* Set a negative $size margin on the bottom at $breakpoint */
+ .mb-sm-n1 { margin-bottom: -4px !important; }
+ /* Set a negative $size margin on the left at $breakpoint */
+ .ml-sm-n1 { margin-left: -4px !important; }
+ /* Set a $size margin on the left & right at $breakpoint */
+ .mx-sm-1 { margin-right: 4px !important; margin-left: 4px !important; }
+ /* Set a $size margin on the top & bottom at $breakpoint */
+ .my-sm-1 { margin-top: 4px !important; margin-bottom: 4px !important; }
+ /* Set a $size margin to all sides at $breakpoint */
+ .m-sm-2 { margin: 8px !important; }
+ /* Set a $size margin on the top at $breakpoint */
+ .mt-sm-2 { margin-top: 8px !important; }
+ /* Set a $size margin on the right at $breakpoint */
+ .mr-sm-2 { margin-right: 8px !important; }
+ /* Set a $size margin on the bottom at $breakpoint */
+ .mb-sm-2 { margin-bottom: 8px !important; }
+ /* Set a $size margin on the left at $breakpoint */
+ .ml-sm-2 { margin-left: 8px !important; }
+ /* Set a negative $size margin on top at $breakpoint */
+ .mt-sm-n2 { margin-top: -8px !important; }
+ /* Set a negative $size margin on the right at $breakpoint */
+ .mr-sm-n2 { margin-right: -8px !important; }
+ /* Set a negative $size margin on the bottom at $breakpoint */
+ .mb-sm-n2 { margin-bottom: -8px !important; }
+ /* Set a negative $size margin on the left at $breakpoint */
+ .ml-sm-n2 { margin-left: -8px !important; }
+ /* Set a $size margin on the left & right at $breakpoint */
+ .mx-sm-2 { margin-right: 8px !important; margin-left: 8px !important; }
+ /* Set a $size margin on the top & bottom at $breakpoint */
+ .my-sm-2 { margin-top: 8px !important; margin-bottom: 8px !important; }
+ /* Set a $size margin to all sides at $breakpoint */
+ .m-sm-3 { margin: 16px !important; }
+ /* Set a $size margin on the top at $breakpoint */
+ .mt-sm-3 { margin-top: 16px !important; }
+ /* Set a $size margin on the right at $breakpoint */
+ .mr-sm-3 { margin-right: 16px !important; }
+ /* Set a $size margin on the bottom at $breakpoint */
+ .mb-sm-3 { margin-bottom: 16px !important; }
+ /* Set a $size margin on the left at $breakpoint */
+ .ml-sm-3 { margin-left: 16px !important; }
+ /* Set a negative $size margin on top at $breakpoint */
+ .mt-sm-n3 { margin-top: -16px !important; }
+ /* Set a negative $size margin on the right at $breakpoint */
+ .mr-sm-n3 { margin-right: -16px !important; }
+ /* Set a negative $size margin on the bottom at $breakpoint */
+ .mb-sm-n3 { margin-bottom: -16px !important; }
+ /* Set a negative $size margin on the left at $breakpoint */
+ .ml-sm-n3 { margin-left: -16px !important; }
+ /* Set a $size margin on the left & right at $breakpoint */
+ .mx-sm-3 { margin-right: 16px !important; margin-left: 16px !important; }
+ /* Set a $size margin on the top & bottom at $breakpoint */
+ .my-sm-3 { margin-top: 16px !important; margin-bottom: 16px !important; }
+ /* Set a $size margin to all sides at $breakpoint */
+ .m-sm-4 { margin: 24px !important; }
+ /* Set a $size margin on the top at $breakpoint */
+ .mt-sm-4 { margin-top: 24px !important; }
+ /* Set a $size margin on the right at $breakpoint */
+ .mr-sm-4 { margin-right: 24px !important; }
+ /* Set a $size margin on the bottom at $breakpoint */
+ .mb-sm-4 { margin-bottom: 24px !important; }
+ /* Set a $size margin on the left at $breakpoint */
+ .ml-sm-4 { margin-left: 24px !important; }
+ /* Set a negative $size margin on top at $breakpoint */
+ .mt-sm-n4 { margin-top: -24px !important; }
+ /* Set a negative $size margin on the right at $breakpoint */
+ .mr-sm-n4 { margin-right: -24px !important; }
+ /* Set a negative $size margin on the bottom at $breakpoint */
+ .mb-sm-n4 { margin-bottom: -24px !important; }
+ /* Set a negative $size margin on the left at $breakpoint */
+ .ml-sm-n4 { margin-left: -24px !important; }
+ /* Set a $size margin on the left & right at $breakpoint */
+ .mx-sm-4 { margin-right: 24px !important; margin-left: 24px !important; }
+ /* Set a $size margin on the top & bottom at $breakpoint */
+ .my-sm-4 { margin-top: 24px !important; margin-bottom: 24px !important; }
+ /* Set a $size margin to all sides at $breakpoint */
+ .m-sm-5 { margin: 32px !important; }
+ /* Set a $size margin on the top at $breakpoint */
+ .mt-sm-5 { margin-top: 32px !important; }
+ /* Set a $size margin on the right at $breakpoint */
+ .mr-sm-5 { margin-right: 32px !important; }
+ /* Set a $size margin on the bottom at $breakpoint */
+ .mb-sm-5 { margin-bottom: 32px !important; }
+ /* Set a $size margin on the left at $breakpoint */
+ .ml-sm-5 { margin-left: 32px !important; }
+ /* Set a negative $size margin on top at $breakpoint */
+ .mt-sm-n5 { margin-top: -32px !important; }
+ /* Set a negative $size margin on the right at $breakpoint */
+ .mr-sm-n5 { margin-right: -32px !important; }
+ /* Set a negative $size margin on the bottom at $breakpoint */
+ .mb-sm-n5 { margin-bottom: -32px !important; }
+ /* Set a negative $size margin on the left at $breakpoint */
+ .ml-sm-n5 { margin-left: -32px !important; }
+ /* Set a $size margin on the left & right at $breakpoint */
+ .mx-sm-5 { margin-right: 32px !important; margin-left: 32px !important; }
+ /* Set a $size margin on the top & bottom at $breakpoint */
+ .my-sm-5 { margin-top: 32px !important; margin-bottom: 32px !important; }
+ /* Set a $size margin to all sides at $breakpoint */
+ .m-sm-6 { margin: 40px !important; }
+ /* Set a $size margin on the top at $breakpoint */
+ .mt-sm-6 { margin-top: 40px !important; }
+ /* Set a $size margin on the right at $breakpoint */
+ .mr-sm-6 { margin-right: 40px !important; }
+ /* Set a $size margin on the bottom at $breakpoint */
+ .mb-sm-6 { margin-bottom: 40px !important; }
+ /* Set a $size margin on the left at $breakpoint */
+ .ml-sm-6 { margin-left: 40px !important; }
+ /* Set a negative $size margin on top at $breakpoint */
+ .mt-sm-n6 { margin-top: -40px !important; }
+ /* Set a negative $size margin on the right at $breakpoint */
+ .mr-sm-n6 { margin-right: -40px !important; }
+ /* Set a negative $size margin on the bottom at $breakpoint */
+ .mb-sm-n6 { margin-bottom: -40px !important; }
+ /* Set a negative $size margin on the left at $breakpoint */
+ .ml-sm-n6 { margin-left: -40px !important; }
+ /* Set a $size margin on the left & right at $breakpoint */
+ .mx-sm-6 { margin-right: 40px !important; margin-left: 40px !important; }
+ /* Set a $size margin on the top & bottom at $breakpoint */
+ .my-sm-6 { margin-top: 40px !important; margin-bottom: 40px !important; }
+ /* responsive horizontal auto margins */
+ .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } }
+@media (min-width: 768px) { /* Set a $size margin to all sides at $breakpoint */
+ .m-md-0 { margin: 0 !important; }
+ /* Set a $size margin on the top at $breakpoint */
+ .mt-md-0 { margin-top: 0 !important; }
+ /* Set a $size margin on the right at $breakpoint */
+ .mr-md-0 { margin-right: 0 !important; }
+ /* Set a $size margin on the bottom at $breakpoint */
+ .mb-md-0 { margin-bottom: 0 !important; }
+ /* Set a $size margin on the left at $breakpoint */
+ .ml-md-0 { margin-left: 0 !important; }
+ /* Set a $size margin on the left & right at $breakpoint */
+ .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; }
+ /* Set a $size margin on the top & bottom at $breakpoint */
+ .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
+ /* Set a $size margin to all sides at $breakpoint */
+ .m-md-1 { margin: 4px !important; }
+ /* Set a $size margin on the top at $breakpoint */
+ .mt-md-1 { margin-top: 4px !important; }
+ /* Set a $size margin on the right at $breakpoint */
+ .mr-md-1 { margin-right: 4px !important; }
+ /* Set a $size margin on the bottom at $breakpoint */
+ .mb-md-1 { margin-bottom: 4px !important; }
+ /* Set a $size margin on the left at $breakpoint */
+ .ml-md-1 { margin-left: 4px !important; }
+ /* Set a negative $size margin on top at $breakpoint */
+ .mt-md-n1 { margin-top: -4px !important; }
+ /* Set a negative $size margin on the right at $breakpoint */
+ .mr-md-n1 { margin-right: -4px !important; }
+ /* Set a negative $size margin on the bottom at $breakpoint */
+ .mb-md-n1 { margin-bottom: -4px !important; }
+ /* Set a negative $size margin on the left at $breakpoint */
+ .ml-md-n1 { margin-left: -4px !important; }
+ /* Set a $size margin on the left & right at $breakpoint */
+ .mx-md-1 { margin-right: 4px !important; margin-left: 4px !important; }
+ /* Set a $size margin on the top & bottom at $breakpoint */
+ .my-md-1 { margin-top: 4px !important; margin-bottom: 4px !important; }
+ /* Set a $size margin to all sides at $breakpoint */
+ .m-md-2 { margin: 8px !important; }
+ /* Set a $size margin on the top at $breakpoint */
+ .mt-md-2 { margin-top: 8px !important; }
+ /* Set a $size margin on the right at $breakpoint */
+ .mr-md-2 { margin-right: 8px !important; }
+ /* Set a $size margin on the bottom at $breakpoint */
+ .mb-md-2 { margin-bottom: 8px !important; }
+ /* Set a $size margin on the left at $breakpoint */
+ .ml-md-2 { margin-left: 8px !important; }
+ /* Set a negative $size margin on top at $breakpoint */
+ .mt-md-n2 { margin-top: -8px !important; }
+ /* Set a negative $size margin on the right at $breakpoint */
+ .mr-md-n2 { margin-right: -8px !important; }
+ /* Set a negative $size margin on the bottom at $breakpoint */
+ .mb-md-n2 { margin-bottom: -8px !important; }
+ /* Set a negative $size margin on the left at $breakpoint */
+ .ml-md-n2 { margin-left: -8px !important; }
+ /* Set a $size margin on the left & right at $breakpoint */
+ .mx-md-2 { margin-right: 8px !important; margin-left: 8px !important; }
+ /* Set a $size margin on the top & bottom at $breakpoint */
+ .my-md-2 { margin-top: 8px !important; margin-bottom: 8px !important; }
+ /* Set a $size margin to all sides at $breakpoint */
+ .m-md-3 { margin: 16px !important; }
+ /* Set a $size margin on the top at $breakpoint */
+ .mt-md-3 { margin-top: 16px !important; }
+ /* Set a $size margin on the right at $breakpoint */
+ .mr-md-3 { margin-right: 16px !important; }
+ /* Set a $size margin on the bottom at $breakpoint */
+ .mb-md-3 { margin-bottom: 16px !important; }
+ /* Set a $size margin on the left at $breakpoint */
+ .ml-md-3 { margin-left: 16px !important; }
+ /* Set a negative $size margin on top at $breakpoint */
+ .mt-md-n3 { margin-top: -16px !important; }
+ /* Set a negative $size margin on the right at $breakpoint */
+ .mr-md-n3 { margin-right: -16px !important; }
+ /* Set a negative $size margin on the bottom at $breakpoint */
+ .mb-md-n3 { margin-bottom: -16px !important; }
+ /* Set a negative $size margin on the left at $breakpoint */
+ .ml-md-n3 { margin-left: -16px !important; }
+ /* Set a $size margin on the left & right at $breakpoint */
+ .mx-md-3 { margin-right: 16px !important; margin-left: 16px !important; }
+ /* Set a $size margin on the top & bottom at $breakpoint */
+ .my-md-3 { margin-top: 16px !important; margin-bottom: 16px !important; }
+ /* Set a $size margin to all sides at $breakpoint */
+ .m-md-4 { margin: 24px !important; }
+ /* Set a $size margin on the top at $breakpoint */
+ .mt-md-4 { margin-top: 24px !important; }
+ /* Set a $size margin on the right at $breakpoint */
+ .mr-md-4 { margin-right: 24px !important; }
+ /* Set a $size margin on the bottom at $breakpoint */
+ .mb-md-4 { margin-bottom: 24px !important; }
+ /* Set a $size margin on the left at $breakpoint */
+ .ml-md-4 { margin-left: 24px !important; }
+ /* Set a negative $size margin on top at $breakpoint */
+ .mt-md-n4 { margin-top: -24px !important; }
+ /* Set a negative $size margin on the right at $breakpoint */
+ .mr-md-n4 { margin-right: -24px !important; }
+ /* Set a negative $size margin on the bottom at $breakpoint */
+ .mb-md-n4 { margin-bottom: -24px !important; }
+ /* Set a negative $size margin on the left at $breakpoint */
+ .ml-md-n4 { margin-left: -24px !important; }
+ /* Set a $size margin on the left & right at $breakpoint */
+ .mx-md-4 { margin-right: 24px !important; margin-left: 24px !important; }
+ /* Set a $size margin on the top & bottom at $breakpoint */
+ .my-md-4 { margin-top: 24px !important; margin-bottom: 24px !important; }
+ /* Set a $size margin to all sides at $breakpoint */
+ .m-md-5 { margin: 32px !important; }
+ /* Set a $size margin on the top at $breakpoint */
+ .mt-md-5 { margin-top: 32px !important; }
+ /* Set a $size margin on the right at $breakpoint */
+ .mr-md-5 { margin-right: 32px !important; }
+ /* Set a $size margin on the bottom at $breakpoint */
+ .mb-md-5 { margin-bottom: 32px !important; }
+ /* Set a $size margin on the left at $breakpoint */
+ .ml-md-5 { margin-left: 32px !important; }
+ /* Set a negative $size margin on top at $breakpoint */
+ .mt-md-n5 { margin-top: -32px !important; }
+ /* Set a negative $size margin on the right at $breakpoint */
+ .mr-md-n5 { margin-right: -32px !important; }
+ /* Set a negative $size margin on the bottom at $breakpoint */
+ .mb-md-n5 { margin-bottom: -32px !important; }
+ /* Set a negative $size margin on the left at $breakpoint */
+ .ml-md-n5 { margin-left: -32px !important; }
+ /* Set a $size margin on the left & right at $breakpoint */
+ .mx-md-5 { margin-right: 32px !important; margin-left: 32px !important; }
+ /* Set a $size margin on the top & bottom at $breakpoint */
+ .my-md-5 { margin-top: 32px !important; margin-bottom: 32px !important; }
+ /* Set a $size margin to all sides at $breakpoint */
+ .m-md-6 { margin: 40px !important; }
+ /* Set a $size margin on the top at $breakpoint */
+ .mt-md-6 { margin-top: 40px !important; }
+ /* Set a $size margin on the right at $breakpoint */
+ .mr-md-6 { margin-right: 40px !important; }
+ /* Set a $size margin on the bottom at $breakpoint */
+ .mb-md-6 { margin-bottom: 40px !important; }
+ /* Set a $size margin on the left at $breakpoint */
+ .ml-md-6 { margin-left: 40px !important; }
+ /* Set a negative $size margin on top at $breakpoint */
+ .mt-md-n6 { margin-top: -40px !important; }
+ /* Set a negative $size margin on the right at $breakpoint */
+ .mr-md-n6 { margin-right: -40px !important; }
+ /* Set a negative $size margin on the bottom at $breakpoint */
+ .mb-md-n6 { margin-bottom: -40px !important; }
+ /* Set a negative $size margin on the left at $breakpoint */
+ .ml-md-n6 { margin-left: -40px !important; }
+ /* Set a $size margin on the left & right at $breakpoint */
+ .mx-md-6 { margin-right: 40px !important; margin-left: 40px !important; }
+ /* Set a $size margin on the top & bottom at $breakpoint */
+ .my-md-6 { margin-top: 40px !important; margin-bottom: 40px !important; }
+ /* responsive horizontal auto margins */
+ .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } }
+@media (min-width: 1012px) { /* Set a $size margin to all sides at $breakpoint */
+ .m-lg-0 { margin: 0 !important; }
+ /* Set a $size margin on the top at $breakpoint */
+ .mt-lg-0 { margin-top: 0 !important; }
+ /* Set a $size margin on the right at $breakpoint */
+ .mr-lg-0 { margin-right: 0 !important; }
+ /* Set a $size margin on the bottom at $breakpoint */
+ .mb-lg-0 { margin-bottom: 0 !important; }
+ /* Set a $size margin on the left at $breakpoint */
+ .ml-lg-0 { margin-left: 0 !important; }
+ /* Set a $size margin on the left & right at $breakpoint */
+ .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; }
+ /* Set a $size margin on the top & bottom at $breakpoint */
+ .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
+ /* Set a $size margin to all sides at $breakpoint */
+ .m-lg-1 { margin: 4px !important; }
+ /* Set a $size margin on the top at $breakpoint */
+ .mt-lg-1 { margin-top: 4px !important; }
+ /* Set a $size margin on the right at $breakpoint */
+ .mr-lg-1 { margin-right: 4px !important; }
+ /* Set a $size margin on the bottom at $breakpoint */
+ .mb-lg-1 { margin-bottom: 4px !important; }
+ /* Set a $size margin on the left at $breakpoint */
+ .ml-lg-1 { margin-left: 4px !important; }
+ /* Set a negative $size margin on top at $breakpoint */
+ .mt-lg-n1 { margin-top: -4px !important; }
+ /* Set a negative $size margin on the right at $breakpoint */
+ .mr-lg-n1 { margin-right: -4px !important; }
+ /* Set a negative $size margin on the bottom at $breakpoint */
+ .mb-lg-n1 { margin-bottom: -4px !important; }
+ /* Set a negative $size margin on the left at $breakpoint */
+ .ml-lg-n1 { margin-left: -4px !important; }
+ /* Set a $size margin on the left & right at $breakpoint */
+ .mx-lg-1 { margin-right: 4px !important; margin-left: 4px !important; }
+ /* Set a $size margin on the top & bottom at $breakpoint */
+ .my-lg-1 { margin-top: 4px !important; margin-bottom: 4px !important; }
+ /* Set a $size margin to all sides at $breakpoint */
+ .m-lg-2 { margin: 8px !important; }
+ /* Set a $size margin on the top at $breakpoint */
+ .mt-lg-2 { margin-top: 8px !important; }
+ /* Set a $size margin on the right at $breakpoint */
+ .mr-lg-2 { margin-right: 8px !important; }
+ /* Set a $size margin on the bottom at $breakpoint */
+ .mb-lg-2 { margin-bottom: 8px !important; }
+ /* Set a $size margin on the left at $breakpoint */
+ .ml-lg-2 { margin-left: 8px !important; }
+ /* Set a negative $size margin on top at $breakpoint */
+ .mt-lg-n2 { margin-top: -8px !important; }
+ /* Set a negative $size margin on the right at $breakpoint */
+ .mr-lg-n2 { margin-right: -8px !important; }
+ /* Set a negative $size margin on the bottom at $breakpoint */
+ .mb-lg-n2 { margin-bottom: -8px !important; }
+ /* Set a negative $size margin on the left at $breakpoint */
+ .ml-lg-n2 { margin-left: -8px !important; }
+ /* Set a $size margin on the left & right at $breakpoint */
+ .mx-lg-2 { margin-right: 8px !important; margin-left: 8px !important; }
+ /* Set a $size margin on the top & bottom at $breakpoint */
+ .my-lg-2 { margin-top: 8px !important; margin-bottom: 8px !important; }
+ /* Set a $size margin to all sides at $breakpoint */
+ .m-lg-3 { margin: 16px !important; }
+ /* Set a $size margin on the top at $breakpoint */
+ .mt-lg-3 { margin-top: 16px !important; }
+ /* Set a $size margin on the right at $breakpoint */
+ .mr-lg-3 { margin-right: 16px !important; }
+ /* Set a $size margin on the bottom at $breakpoint */
+ .mb-lg-3 { margin-bottom: 16px !important; }
+ /* Set a $size margin on the left at $breakpoint */
+ .ml-lg-3 { margin-left: 16px !important; }
+ /* Set a negative $size margin on top at $breakpoint */
+ .mt-lg-n3 { margin-top: -16px !important; }
+ /* Set a negative $size margin on the right at $breakpoint */
+ .mr-lg-n3 { margin-right: -16px !important; }
+ /* Set a negative $size margin on the bottom at $breakpoint */
+ .mb-lg-n3 { margin-bottom: -16px !important; }
+ /* Set a negative $size margin on the left at $breakpoint */
+ .ml-lg-n3 { margin-left: -16px !important; }
+ /* Set a $size margin on the left & right at $breakpoint */
+ .mx-lg-3 { margin-right: 16px !important; margin-left: 16px !important; }
+ /* Set a $size margin on the top & bottom at $breakpoint */
+ .my-lg-3 { margin-top: 16px !important; margin-bottom: 16px !important; }
+ /* Set a $size margin to all sides at $breakpoint */
+ .m-lg-4 { margin: 24px !important; }
+ /* Set a $size margin on the top at $breakpoint */
+ .mt-lg-4 { margin-top: 24px !important; }
+ /* Set a $size margin on the right at $breakpoint */
+ .mr-lg-4 { margin-right: 24px !important; }
+ /* Set a $size margin on the bottom at $breakpoint */
+ .mb-lg-4 { margin-bottom: 24px !important; }
+ /* Set a $size margin on the left at $breakpoint */
+ .ml-lg-4 { margin-left: 24px !important; }
+ /* Set a negative $size margin on top at $breakpoint */
+ .mt-lg-n4 { margin-top: -24px !important; }
+ /* Set a negative $size margin on the right at $breakpoint */
+ .mr-lg-n4 { margin-right: -24px !important; }
+ /* Set a negative $size margin on the bottom at $breakpoint */
+ .mb-lg-n4 { margin-bottom: -24px !important; }
+ /* Set a negative $size margin on the left at $breakpoint */
+ .ml-lg-n4 { margin-left: -24px !important; }
+ /* Set a $size margin on the left & right at $breakpoint */
+ .mx-lg-4 { margin-right: 24px !important; margin-left: 24px !important; }
+ /* Set a $size margin on the top & bottom at $breakpoint */
+ .my-lg-4 { margin-top: 24px !important; margin-bottom: 24px !important; }
+ /* Set a $size margin to all sides at $breakpoint */
+ .m-lg-5 { margin: 32px !important; }
+ /* Set a $size margin on the top at $breakpoint */
+ .mt-lg-5 { margin-top: 32px !important; }
+ /* Set a $size margin on the right at $breakpoint */
+ .mr-lg-5 { margin-right: 32px !important; }
+ /* Set a $size margin on the bottom at $breakpoint */
+ .mb-lg-5 { margin-bottom: 32px !important; }
+ /* Set a $size margin on the left at $breakpoint */
+ .ml-lg-5 { margin-left: 32px !important; }
+ /* Set a negative $size margin on top at $breakpoint */
+ .mt-lg-n5 { margin-top: -32px !important; }
+ /* Set a negative $size margin on the right at $breakpoint */
+ .mr-lg-n5 { margin-right: -32px !important; }
+ /* Set a negative $size margin on the bottom at $breakpoint */
+ .mb-lg-n5 { margin-bottom: -32px !important; }
+ /* Set a negative $size margin on the left at $breakpoint */
+ .ml-lg-n5 { margin-left: -32px !important; }
+ /* Set a $size margin on the left & right at $breakpoint */
+ .mx-lg-5 { margin-right: 32px !important; margin-left: 32px !important; }
+ /* Set a $size margin on the top & bottom at $breakpoint */
+ .my-lg-5 { margin-top: 32px !important; margin-bottom: 32px !important; }
+ /* Set a $size margin to all sides at $breakpoint */
+ .m-lg-6 { margin: 40px !important; }
+ /* Set a $size margin on the top at $breakpoint */
+ .mt-lg-6 { margin-top: 40px !important; }
+ /* Set a $size margin on the right at $breakpoint */
+ .mr-lg-6 { margin-right: 40px !important; }
+ /* Set a $size margin on the bottom at $breakpoint */
+ .mb-lg-6 { margin-bottom: 40px !important; }
+ /* Set a $size margin on the left at $breakpoint */
+ .ml-lg-6 { margin-left: 40px !important; }
+ /* Set a negative $size margin on top at $breakpoint */
+ .mt-lg-n6 { margin-top: -40px !important; }
+ /* Set a negative $size margin on the right at $breakpoint */
+ .mr-lg-n6 { margin-right: -40px !important; }
+ /* Set a negative $size margin on the bottom at $breakpoint */
+ .mb-lg-n6 { margin-bottom: -40px !important; }
+ /* Set a negative $size margin on the left at $breakpoint */
+ .ml-lg-n6 { margin-left: -40px !important; }
+ /* Set a $size margin on the left & right at $breakpoint */
+ .mx-lg-6 { margin-right: 40px !important; margin-left: 40px !important; }
+ /* Set a $size margin on the top & bottom at $breakpoint */
+ .my-lg-6 { margin-top: 40px !important; margin-bottom: 40px !important; }
+ /* responsive horizontal auto margins */
+ .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } }
+@media (min-width: 1280px) { /* Set a $size margin to all sides at $breakpoint */
+ .m-xl-0 { margin: 0 !important; }
+ /* Set a $size margin on the top at $breakpoint */
+ .mt-xl-0 { margin-top: 0 !important; }
+ /* Set a $size margin on the right at $breakpoint */
+ .mr-xl-0 { margin-right: 0 !important; }
+ /* Set a $size margin on the bottom at $breakpoint */
+ .mb-xl-0 { margin-bottom: 0 !important; }
+ /* Set a $size margin on the left at $breakpoint */
+ .ml-xl-0 { margin-left: 0 !important; }
+ /* Set a $size margin on the left & right at $breakpoint */
+ .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; }
+ /* Set a $size margin on the top & bottom at $breakpoint */
+ .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
+ /* Set a $size margin to all sides at $breakpoint */
+ .m-xl-1 { margin: 4px !important; }
+ /* Set a $size margin on the top at $breakpoint */
+ .mt-xl-1 { margin-top: 4px !important; }
+ /* Set a $size margin on the right at $breakpoint */
+ .mr-xl-1 { margin-right: 4px !important; }
+ /* Set a $size margin on the bottom at $breakpoint */
+ .mb-xl-1 { margin-bottom: 4px !important; }
+ /* Set a $size margin on the left at $breakpoint */
+ .ml-xl-1 { margin-left: 4px !important; }
+ /* Set a negative $size margin on top at $breakpoint */
+ .mt-xl-n1 { margin-top: -4px !important; }
+ /* Set a negative $size margin on the right at $breakpoint */
+ .mr-xl-n1 { margin-right: -4px !important; }
+ /* Set a negative $size margin on the bottom at $breakpoint */
+ .mb-xl-n1 { margin-bottom: -4px !important; }
+ /* Set a negative $size margin on the left at $breakpoint */
+ .ml-xl-n1 { margin-left: -4px !important; }
+ /* Set a $size margin on the left & right at $breakpoint */
+ .mx-xl-1 { margin-right: 4px !important; margin-left: 4px !important; }
+ /* Set a $size margin on the top & bottom at $breakpoint */
+ .my-xl-1 { margin-top: 4px !important; margin-bottom: 4px !important; }
+ /* Set a $size margin to all sides at $breakpoint */
+ .m-xl-2 { margin: 8px !important; }
+ /* Set a $size margin on the top at $breakpoint */
+ .mt-xl-2 { margin-top: 8px !important; }
+ /* Set a $size margin on the right at $breakpoint */
+ .mr-xl-2 { margin-right: 8px !important; }
+ /* Set a $size margin on the bottom at $breakpoint */
+ .mb-xl-2 { margin-bottom: 8px !important; }
+ /* Set a $size margin on the left at $breakpoint */
+ .ml-xl-2 { margin-left: 8px !important; }
+ /* Set a negative $size margin on top at $breakpoint */
+ .mt-xl-n2 { margin-top: -8px !important; }
+ /* Set a negative $size margin on the right at $breakpoint */
+ .mr-xl-n2 { margin-right: -8px !important; }
+ /* Set a negative $size margin on the bottom at $breakpoint */
+ .mb-xl-n2 { margin-bottom: -8px !important; }
+ /* Set a negative $size margin on the left at $breakpoint */
+ .ml-xl-n2 { margin-left: -8px !important; }
+ /* Set a $size margin on the left & right at $breakpoint */
+ .mx-xl-2 { margin-right: 8px !important; margin-left: 8px !important; }
+ /* Set a $size margin on the top & bottom at $breakpoint */
+ .my-xl-2 { margin-top: 8px !important; margin-bottom: 8px !important; }
+ /* Set a $size margin to all sides at $breakpoint */
+ .m-xl-3 { margin: 16px !important; }
+ /* Set a $size margin on the top at $breakpoint */
+ .mt-xl-3 { margin-top: 16px !important; }
+ /* Set a $size margin on the right at $breakpoint */
+ .mr-xl-3 { margin-right: 16px !important; }
+ /* Set a $size margin on the bottom at $breakpoint */
+ .mb-xl-3 { margin-bottom: 16px !important; }
+ /* Set a $size margin on the left at $breakpoint */
+ .ml-xl-3 { margin-left: 16px !important; }
+ /* Set a negative $size margin on top at $breakpoint */
+ .mt-xl-n3 { margin-top: -16px !important; }
+ /* Set a negative $size margin on the right at $breakpoint */
+ .mr-xl-n3 { margin-right: -16px !important; }
+ /* Set a negative $size margin on the bottom at $breakpoint */
+ .mb-xl-n3 { margin-bottom: -16px !important; }
+ /* Set a negative $size margin on the left at $breakpoint */
+ .ml-xl-n3 { margin-left: -16px !important; }
+ /* Set a $size margin on the left & right at $breakpoint */
+ .mx-xl-3 { margin-right: 16px !important; margin-left: 16px !important; }
+ /* Set a $size margin on the top & bottom at $breakpoint */
+ .my-xl-3 { margin-top: 16px !important; margin-bottom: 16px !important; }
+ /* Set a $size margin to all sides at $breakpoint */
+ .m-xl-4 { margin: 24px !important; }
+ /* Set a $size margin on the top at $breakpoint */
+ .mt-xl-4 { margin-top: 24px !important; }
+ /* Set a $size margin on the right at $breakpoint */
+ .mr-xl-4 { margin-right: 24px !important; }
+ /* Set a $size margin on the bottom at $breakpoint */
+ .mb-xl-4 { margin-bottom: 24px !important; }
+ /* Set a $size margin on the left at $breakpoint */
+ .ml-xl-4 { margin-left: 24px !important; }
+ /* Set a negative $size margin on top at $breakpoint */
+ .mt-xl-n4 { margin-top: -24px !important; }
+ /* Set a negative $size margin on the right at $breakpoint */
+ .mr-xl-n4 { margin-right: -24px !important; }
+ /* Set a negative $size margin on the bottom at $breakpoint */
+ .mb-xl-n4 { margin-bottom: -24px !important; }
+ /* Set a negative $size margin on the left at $breakpoint */
+ .ml-xl-n4 { margin-left: -24px !important; }
+ /* Set a $size margin on the left & right at $breakpoint */
+ .mx-xl-4 { margin-right: 24px !important; margin-left: 24px !important; }
+ /* Set a $size margin on the top & bottom at $breakpoint */
+ .my-xl-4 { margin-top: 24px !important; margin-bottom: 24px !important; }
+ /* Set a $size margin to all sides at $breakpoint */
+ .m-xl-5 { margin: 32px !important; }
+ /* Set a $size margin on the top at $breakpoint */
+ .mt-xl-5 { margin-top: 32px !important; }
+ /* Set a $size margin on the right at $breakpoint */
+ .mr-xl-5 { margin-right: 32px !important; }
+ /* Set a $size margin on the bottom at $breakpoint */
+ .mb-xl-5 { margin-bottom: 32px !important; }
+ /* Set a $size margin on the left at $breakpoint */
+ .ml-xl-5 { margin-left: 32px !important; }
+ /* Set a negative $size margin on top at $breakpoint */
+ .mt-xl-n5 { margin-top: -32px !important; }
+ /* Set a negative $size margin on the right at $breakpoint */
+ .mr-xl-n5 { margin-right: -32px !important; }
+ /* Set a negative $size margin on the bottom at $breakpoint */
+ .mb-xl-n5 { margin-bottom: -32px !important; }
+ /* Set a negative $size margin on the left at $breakpoint */
+ .ml-xl-n5 { margin-left: -32px !important; }
+ /* Set a $size margin on the left & right at $breakpoint */
+ .mx-xl-5 { margin-right: 32px !important; margin-left: 32px !important; }
+ /* Set a $size margin on the top & bottom at $breakpoint */
+ .my-xl-5 { margin-top: 32px !important; margin-bottom: 32px !important; }
+ /* Set a $size margin to all sides at $breakpoint */
+ .m-xl-6 { margin: 40px !important; }
+ /* Set a $size margin on the top at $breakpoint */
+ .mt-xl-6 { margin-top: 40px !important; }
+ /* Set a $size margin on the right at $breakpoint */
+ .mr-xl-6 { margin-right: 40px !important; }
+ /* Set a $size margin on the bottom at $breakpoint */
+ .mb-xl-6 { margin-bottom: 40px !important; }
+ /* Set a $size margin on the left at $breakpoint */
+ .ml-xl-6 { margin-left: 40px !important; }
+ /* Set a negative $size margin on top at $breakpoint */
+ .mt-xl-n6 { margin-top: -40px !important; }
+ /* Set a negative $size margin on the right at $breakpoint */
+ .mr-xl-n6 { margin-right: -40px !important; }
+ /* Set a negative $size margin on the bottom at $breakpoint */
+ .mb-xl-n6 { margin-bottom: -40px !important; }
+ /* Set a negative $size margin on the left at $breakpoint */
+ .ml-xl-n6 { margin-left: -40px !important; }
+ /* Set a $size margin on the left & right at $breakpoint */
+ .mx-xl-6 { margin-right: 40px !important; margin-left: 40px !important; }
+ /* Set a $size margin on the top & bottom at $breakpoint */
+ .my-xl-6 { margin-top: 40px !important; margin-bottom: 40px !important; }
+ /* responsive horizontal auto margins */
+ .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } }
+/* Set a $size padding to all sides at $breakpoint */
+.p-0 { padding: 0 !important; }
+
+/* Set a $size padding to the top at $breakpoint */
+.pt-0 { padding-top: 0 !important; }
+
+/* Set a $size padding to the right at $breakpoint */
+.pr-0 { padding-right: 0 !important; }
+
+/* Set a $size padding to the bottom at $breakpoint */
+.pb-0 { padding-bottom: 0 !important; }
+
+/* Set a $size padding to the left at $breakpoint */
+.pl-0 { padding-left: 0 !important; }
+
+/* Set a $size padding to the left & right at $breakpoint */
+.px-0 { padding-right: 0 !important; padding-left: 0 !important; }
+
+/* Set a $size padding to the top & bottom at $breakpoint */
+.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
+
+/* Set a $size padding to all sides at $breakpoint */
+.p-1 { padding: 4px !important; }
+
+/* Set a $size padding to the top at $breakpoint */
+.pt-1 { padding-top: 4px !important; }
+
+/* Set a $size padding to the right at $breakpoint */
+.pr-1 { padding-right: 4px !important; }
+
+/* Set a $size padding to the bottom at $breakpoint */
+.pb-1 { padding-bottom: 4px !important; }
+
+/* Set a $size padding to the left at $breakpoint */
+.pl-1 { padding-left: 4px !important; }
+
+/* Set a $size padding to the left & right at $breakpoint */
+.px-1 { padding-right: 4px !important; padding-left: 4px !important; }
+
+/* Set a $size padding to the top & bottom at $breakpoint */
+.py-1 { padding-top: 4px !important; padding-bottom: 4px !important; }
+
+/* Set a $size padding to all sides at $breakpoint */
+.p-2 { padding: 8px !important; }
+
+/* Set a $size padding to the top at $breakpoint */
+.pt-2 { padding-top: 8px !important; }
+
+/* Set a $size padding to the right at $breakpoint */
+.pr-2 { padding-right: 8px !important; }
+
+/* Set a $size padding to the bottom at $breakpoint */
+.pb-2 { padding-bottom: 8px !important; }
+
+/* Set a $size padding to the left at $breakpoint */
+.pl-2 { padding-left: 8px !important; }
+
+/* Set a $size padding to the left & right at $breakpoint */
+.px-2 { padding-right: 8px !important; padding-left: 8px !important; }
+
+/* Set a $size padding to the top & bottom at $breakpoint */
+.py-2 { padding-top: 8px !important; padding-bottom: 8px !important; }
+
+/* Set a $size padding to all sides at $breakpoint */
+.p-3 { padding: 16px !important; }
+
+/* Set a $size padding to the top at $breakpoint */
+.pt-3 { padding-top: 16px !important; }
+
+/* Set a $size padding to the right at $breakpoint */
+.pr-3 { padding-right: 16px !important; }
+
+/* Set a $size padding to the bottom at $breakpoint */
+.pb-3 { padding-bottom: 16px !important; }
+
+/* Set a $size padding to the left at $breakpoint */
+.pl-3 { padding-left: 16px !important; }
+
+/* Set a $size padding to the left & right at $breakpoint */
+.px-3 { padding-right: 16px !important; padding-left: 16px !important; }
+
+/* Set a $size padding to the top & bottom at $breakpoint */
+.py-3 { padding-top: 16px !important; padding-bottom: 16px !important; }
+
+/* Set a $size padding to all sides at $breakpoint */
+.p-4 { padding: 24px !important; }
+
+/* Set a $size padding to the top at $breakpoint */
+.pt-4 { padding-top: 24px !important; }
+
+/* Set a $size padding to the right at $breakpoint */
+.pr-4 { padding-right: 24px !important; }
+
+/* Set a $size padding to the bottom at $breakpoint */
+.pb-4 { padding-bottom: 24px !important; }
+
+/* Set a $size padding to the left at $breakpoint */
+.pl-4 { padding-left: 24px !important; }
+
+/* Set a $size padding to the left & right at $breakpoint */
+.px-4 { padding-right: 24px !important; padding-left: 24px !important; }
+
+/* Set a $size padding to the top & bottom at $breakpoint */
+.py-4 { padding-top: 24px !important; padding-bottom: 24px !important; }
+
+/* Set a $size padding to all sides at $breakpoint */
+.p-5 { padding: 32px !important; }
+
+/* Set a $size padding to the top at $breakpoint */
+.pt-5 { padding-top: 32px !important; }
+
+/* Set a $size padding to the right at $breakpoint */
+.pr-5 { padding-right: 32px !important; }
+
+/* Set a $size padding to the bottom at $breakpoint */
+.pb-5 { padding-bottom: 32px !important; }
+
+/* Set a $size padding to the left at $breakpoint */
+.pl-5 { padding-left: 32px !important; }
+
+/* Set a $size padding to the left & right at $breakpoint */
+.px-5 { padding-right: 32px !important; padding-left: 32px !important; }
+
+/* Set a $size padding to the top & bottom at $breakpoint */
+.py-5 { padding-top: 32px !important; padding-bottom: 32px !important; }
+
+/* Set a $size padding to all sides at $breakpoint */
+.p-6 { padding: 40px !important; }
+
+/* Set a $size padding to the top at $breakpoint */
+.pt-6 { padding-top: 40px !important; }
+
+/* Set a $size padding to the right at $breakpoint */
+.pr-6 { padding-right: 40px !important; }
+
+/* Set a $size padding to the bottom at $breakpoint */
+.pb-6 { padding-bottom: 40px !important; }
+
+/* Set a $size padding to the left at $breakpoint */
+.pl-6 { padding-left: 40px !important; }
+
+/* Set a $size padding to the left & right at $breakpoint */
+.px-6 { padding-right: 40px !important; padding-left: 40px !important; }
+
+/* Set a $size padding to the top & bottom at $breakpoint */
+.py-6 { padding-top: 40px !important; padding-bottom: 40px !important; }
+
+@media (min-width: 544px) { /* Set a $size padding to all sides at $breakpoint */
+ .p-sm-0 { padding: 0 !important; }
+ /* Set a $size padding to the top at $breakpoint */
+ .pt-sm-0 { padding-top: 0 !important; }
+ /* Set a $size padding to the right at $breakpoint */
+ .pr-sm-0 { padding-right: 0 !important; }
+ /* Set a $size padding to the bottom at $breakpoint */
+ .pb-sm-0 { padding-bottom: 0 !important; }
+ /* Set a $size padding to the left at $breakpoint */
+ .pl-sm-0 { padding-left: 0 !important; }
+ /* Set a $size padding to the left & right at $breakpoint */
+ .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; }
+ /* Set a $size padding to the top & bottom at $breakpoint */
+ .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
+ /* Set a $size padding to all sides at $breakpoint */
+ .p-sm-1 { padding: 4px !important; }
+ /* Set a $size padding to the top at $breakpoint */
+ .pt-sm-1 { padding-top: 4px !important; }
+ /* Set a $size padding to the right at $breakpoint */
+ .pr-sm-1 { padding-right: 4px !important; }
+ /* Set a $size padding to the bottom at $breakpoint */
+ .pb-sm-1 { padding-bottom: 4px !important; }
+ /* Set a $size padding to the left at $breakpoint */
+ .pl-sm-1 { padding-left: 4px !important; }
+ /* Set a $size padding to the left & right at $breakpoint */
+ .px-sm-1 { padding-right: 4px !important; padding-left: 4px !important; }
+ /* Set a $size padding to the top & bottom at $breakpoint */
+ .py-sm-1 { padding-top: 4px !important; padding-bottom: 4px !important; }
+ /* Set a $size padding to all sides at $breakpoint */
+ .p-sm-2 { padding: 8px !important; }
+ /* Set a $size padding to the top at $breakpoint */
+ .pt-sm-2 { padding-top: 8px !important; }
+ /* Set a $size padding to the right at $breakpoint */
+ .pr-sm-2 { padding-right: 8px !important; }
+ /* Set a $size padding to the bottom at $breakpoint */
+ .pb-sm-2 { padding-bottom: 8px !important; }
+ /* Set a $size padding to the left at $breakpoint */
+ .pl-sm-2 { padding-left: 8px !important; }
+ /* Set a $size padding to the left & right at $breakpoint */
+ .px-sm-2 { padding-right: 8px !important; padding-left: 8px !important; }
+ /* Set a $size padding to the top & bottom at $breakpoint */
+ .py-sm-2 { padding-top: 8px !important; padding-bottom: 8px !important; }
+ /* Set a $size padding to all sides at $breakpoint */
+ .p-sm-3 { padding: 16px !important; }
+ /* Set a $size padding to the top at $breakpoint */
+ .pt-sm-3 { padding-top: 16px !important; }
+ /* Set a $size padding to the right at $breakpoint */
+ .pr-sm-3 { padding-right: 16px !important; }
+ /* Set a $size padding to the bottom at $breakpoint */
+ .pb-sm-3 { padding-bottom: 16px !important; }
+ /* Set a $size padding to the left at $breakpoint */
+ .pl-sm-3 { padding-left: 16px !important; }
+ /* Set a $size padding to the left & right at $breakpoint */
+ .px-sm-3 { padding-right: 16px !important; padding-left: 16px !important; }
+ /* Set a $size padding to the top & bottom at $breakpoint */
+ .py-sm-3 { padding-top: 16px !important; padding-bottom: 16px !important; }
+ /* Set a $size padding to all sides at $breakpoint */
+ .p-sm-4 { padding: 24px !important; }
+ /* Set a $size padding to the top at $breakpoint */
+ .pt-sm-4 { padding-top: 24px !important; }
+ /* Set a $size padding to the right at $breakpoint */
+ .pr-sm-4 { padding-right: 24px !important; }
+ /* Set a $size padding to the bottom at $breakpoint */
+ .pb-sm-4 { padding-bottom: 24px !important; }
+ /* Set a $size padding to the left at $breakpoint */
+ .pl-sm-4 { padding-left: 24px !important; }
+ /* Set a $size padding to the left & right at $breakpoint */
+ .px-sm-4 { padding-right: 24px !important; padding-left: 24px !important; }
+ /* Set a $size padding to the top & bottom at $breakpoint */
+ .py-sm-4 { padding-top: 24px !important; padding-bottom: 24px !important; }
+ /* Set a $size padding to all sides at $breakpoint */
+ .p-sm-5 { padding: 32px !important; }
+ /* Set a $size padding to the top at $breakpoint */
+ .pt-sm-5 { padding-top: 32px !important; }
+ /* Set a $size padding to the right at $breakpoint */
+ .pr-sm-5 { padding-right: 32px !important; }
+ /* Set a $size padding to the bottom at $breakpoint */
+ .pb-sm-5 { padding-bottom: 32px !important; }
+ /* Set a $size padding to the left at $breakpoint */
+ .pl-sm-5 { padding-left: 32px !important; }
+ /* Set a $size padding to the left & right at $breakpoint */
+ .px-sm-5 { padding-right: 32px !important; padding-left: 32px !important; }
+ /* Set a $size padding to the top & bottom at $breakpoint */
+ .py-sm-5 { padding-top: 32px !important; padding-bottom: 32px !important; }
+ /* Set a $size padding to all sides at $breakpoint */
+ .p-sm-6 { padding: 40px !important; }
+ /* Set a $size padding to the top at $breakpoint */
+ .pt-sm-6 { padding-top: 40px !important; }
+ /* Set a $size padding to the right at $breakpoint */
+ .pr-sm-6 { padding-right: 40px !important; }
+ /* Set a $size padding to the bottom at $breakpoint */
+ .pb-sm-6 { padding-bottom: 40px !important; }
+ /* Set a $size padding to the left at $breakpoint */
+ .pl-sm-6 { padding-left: 40px !important; }
+ /* Set a $size padding to the left & right at $breakpoint */
+ .px-sm-6 { padding-right: 40px !important; padding-left: 40px !important; }
+ /* Set a $size padding to the top & bottom at $breakpoint */
+ .py-sm-6 { padding-top: 40px !important; padding-bottom: 40px !important; } }
+@media (min-width: 768px) { /* Set a $size padding to all sides at $breakpoint */
+ .p-md-0 { padding: 0 !important; }
+ /* Set a $size padding to the top at $breakpoint */
+ .pt-md-0 { padding-top: 0 !important; }
+ /* Set a $size padding to the right at $breakpoint */
+ .pr-md-0 { padding-right: 0 !important; }
+ /* Set a $size padding to the bottom at $breakpoint */
+ .pb-md-0 { padding-bottom: 0 !important; }
+ /* Set a $size padding to the left at $breakpoint */
+ .pl-md-0 { padding-left: 0 !important; }
+ /* Set a $size padding to the left & right at $breakpoint */
+ .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; }
+ /* Set a $size padding to the top & bottom at $breakpoint */
+ .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
+ /* Set a $size padding to all sides at $breakpoint */
+ .p-md-1 { padding: 4px !important; }
+ /* Set a $size padding to the top at $breakpoint */
+ .pt-md-1 { padding-top: 4px !important; }
+ /* Set a $size padding to the right at $breakpoint */
+ .pr-md-1 { padding-right: 4px !important; }
+ /* Set a $size padding to the bottom at $breakpoint */
+ .pb-md-1 { padding-bottom: 4px !important; }
+ /* Set a $size padding to the left at $breakpoint */
+ .pl-md-1 { padding-left: 4px !important; }
+ /* Set a $size padding to the left & right at $breakpoint */
+ .px-md-1 { padding-right: 4px !important; padding-left: 4px !important; }
+ /* Set a $size padding to the top & bottom at $breakpoint */
+ .py-md-1 { padding-top: 4px !important; padding-bottom: 4px !important; }
+ /* Set a $size padding to all sides at $breakpoint */
+ .p-md-2 { padding: 8px !important; }
+ /* Set a $size padding to the top at $breakpoint */
+ .pt-md-2 { padding-top: 8px !important; }
+ /* Set a $size padding to the right at $breakpoint */
+ .pr-md-2 { padding-right: 8px !important; }
+ /* Set a $size padding to the bottom at $breakpoint */
+ .pb-md-2 { padding-bottom: 8px !important; }
+ /* Set a $size padding to the left at $breakpoint */
+ .pl-md-2 { padding-left: 8px !important; }
+ /* Set a $size padding to the left & right at $breakpoint */
+ .px-md-2 { padding-right: 8px !important; padding-left: 8px !important; }
+ /* Set a $size padding to the top & bottom at $breakpoint */
+ .py-md-2 { padding-top: 8px !important; padding-bottom: 8px !important; }
+ /* Set a $size padding to all sides at $breakpoint */
+ .p-md-3 { padding: 16px !important; }
+ /* Set a $size padding to the top at $breakpoint */
+ .pt-md-3 { padding-top: 16px !important; }
+ /* Set a $size padding to the right at $breakpoint */
+ .pr-md-3 { padding-right: 16px !important; }
+ /* Set a $size padding to the bottom at $breakpoint */
+ .pb-md-3 { padding-bottom: 16px !important; }
+ /* Set a $size padding to the left at $breakpoint */
+ .pl-md-3 { padding-left: 16px !important; }
+ /* Set a $size padding to the left & right at $breakpoint */
+ .px-md-3 { padding-right: 16px !important; padding-left: 16px !important; }
+ /* Set a $size padding to the top & bottom at $breakpoint */
+ .py-md-3 { padding-top: 16px !important; padding-bottom: 16px !important; }
+ /* Set a $size padding to all sides at $breakpoint */
+ .p-md-4 { padding: 24px !important; }
+ /* Set a $size padding to the top at $breakpoint */
+ .pt-md-4 { padding-top: 24px !important; }
+ /* Set a $size padding to the right at $breakpoint */
+ .pr-md-4 { padding-right: 24px !important; }
+ /* Set a $size padding to the bottom at $breakpoint */
+ .pb-md-4 { padding-bottom: 24px !important; }
+ /* Set a $size padding to the left at $breakpoint */
+ .pl-md-4 { padding-left: 24px !important; }
+ /* Set a $size padding to the left & right at $breakpoint */
+ .px-md-4 { padding-right: 24px !important; padding-left: 24px !important; }
+ /* Set a $size padding to the top & bottom at $breakpoint */
+ .py-md-4 { padding-top: 24px !important; padding-bottom: 24px !important; }
+ /* Set a $size padding to all sides at $breakpoint */
+ .p-md-5 { padding: 32px !important; }
+ /* Set a $size padding to the top at $breakpoint */
+ .pt-md-5 { padding-top: 32px !important; }
+ /* Set a $size padding to the right at $breakpoint */
+ .pr-md-5 { padding-right: 32px !important; }
+ /* Set a $size padding to the bottom at $breakpoint */
+ .pb-md-5 { padding-bottom: 32px !important; }
+ /* Set a $size padding to the left at $breakpoint */
+ .pl-md-5 { padding-left: 32px !important; }
+ /* Set a $size padding to the left & right at $breakpoint */
+ .px-md-5 { padding-right: 32px !important; padding-left: 32px !important; }
+ /* Set a $size padding to the top & bottom at $breakpoint */
+ .py-md-5 { padding-top: 32px !important; padding-bottom: 32px !important; }
+ /* Set a $size padding to all sides at $breakpoint */
+ .p-md-6 { padding: 40px !important; }
+ /* Set a $size padding to the top at $breakpoint */
+ .pt-md-6 { padding-top: 40px !important; }
+ /* Set a $size padding to the right at $breakpoint */
+ .pr-md-6 { padding-right: 40px !important; }
+ /* Set a $size padding to the bottom at $breakpoint */
+ .pb-md-6 { padding-bottom: 40px !important; }
+ /* Set a $size padding to the left at $breakpoint */
+ .pl-md-6 { padding-left: 40px !important; }
+ /* Set a $size padding to the left & right at $breakpoint */
+ .px-md-6 { padding-right: 40px !important; padding-left: 40px !important; }
+ /* Set a $size padding to the top & bottom at $breakpoint */
+ .py-md-6 { padding-top: 40px !important; padding-bottom: 40px !important; } }
+@media (min-width: 1012px) { /* Set a $size padding to all sides at $breakpoint */
+ .p-lg-0 { padding: 0 !important; }
+ /* Set a $size padding to the top at $breakpoint */
+ .pt-lg-0 { padding-top: 0 !important; }
+ /* Set a $size padding to the right at $breakpoint */
+ .pr-lg-0 { padding-right: 0 !important; }
+ /* Set a $size padding to the bottom at $breakpoint */
+ .pb-lg-0 { padding-bottom: 0 !important; }
+ /* Set a $size padding to the left at $breakpoint */
+ .pl-lg-0 { padding-left: 0 !important; }
+ /* Set a $size padding to the left & right at $breakpoint */
+ .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; }
+ /* Set a $size padding to the top & bottom at $breakpoint */
+ .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
+ /* Set a $size padding to all sides at $breakpoint */
+ .p-lg-1 { padding: 4px !important; }
+ /* Set a $size padding to the top at $breakpoint */
+ .pt-lg-1 { padding-top: 4px !important; }
+ /* Set a $size padding to the right at $breakpoint */
+ .pr-lg-1 { padding-right: 4px !important; }
+ /* Set a $size padding to the bottom at $breakpoint */
+ .pb-lg-1 { padding-bottom: 4px !important; }
+ /* Set a $size padding to the left at $breakpoint */
+ .pl-lg-1 { padding-left: 4px !important; }
+ /* Set a $size padding to the left & right at $breakpoint */
+ .px-lg-1 { padding-right: 4px !important; padding-left: 4px !important; }
+ /* Set a $size padding to the top & bottom at $breakpoint */
+ .py-lg-1 { padding-top: 4px !important; padding-bottom: 4px !important; }
+ /* Set a $size padding to all sides at $breakpoint */
+ .p-lg-2 { padding: 8px !important; }
+ /* Set a $size padding to the top at $breakpoint */
+ .pt-lg-2 { padding-top: 8px !important; }
+ /* Set a $size padding to the right at $breakpoint */
+ .pr-lg-2 { padding-right: 8px !important; }
+ /* Set a $size padding to the bottom at $breakpoint */
+ .pb-lg-2 { padding-bottom: 8px !important; }
+ /* Set a $size padding to the left at $breakpoint */
+ .pl-lg-2 { padding-left: 8px !important; }
+ /* Set a $size padding to the left & right at $breakpoint */
+ .px-lg-2 { padding-right: 8px !important; padding-left: 8px !important; }
+ /* Set a $size padding to the top & bottom at $breakpoint */
+ .py-lg-2 { padding-top: 8px !important; padding-bottom: 8px !important; }
+ /* Set a $size padding to all sides at $breakpoint */
+ .p-lg-3 { padding: 16px !important; }
+ /* Set a $size padding to the top at $breakpoint */
+ .pt-lg-3 { padding-top: 16px !important; }
+ /* Set a $size padding to the right at $breakpoint */
+ .pr-lg-3 { padding-right: 16px !important; }
+ /* Set a $size padding to the bottom at $breakpoint */
+ .pb-lg-3 { padding-bottom: 16px !important; }
+ /* Set a $size padding to the left at $breakpoint */
+ .pl-lg-3 { padding-left: 16px !important; }
+ /* Set a $size padding to the left & right at $breakpoint */
+ .px-lg-3 { padding-right: 16px !important; padding-left: 16px !important; }
+ /* Set a $size padding to the top & bottom at $breakpoint */
+ .py-lg-3 { padding-top: 16px !important; padding-bottom: 16px !important; }
+ /* Set a $size padding to all sides at $breakpoint */
+ .p-lg-4 { padding: 24px !important; }
+ /* Set a $size padding to the top at $breakpoint */
+ .pt-lg-4 { padding-top: 24px !important; }
+ /* Set a $size padding to the right at $breakpoint */
+ .pr-lg-4 { padding-right: 24px !important; }
+ /* Set a $size padding to the bottom at $breakpoint */
+ .pb-lg-4 { padding-bottom: 24px !important; }
+ /* Set a $size padding to the left at $breakpoint */
+ .pl-lg-4 { padding-left: 24px !important; }
+ /* Set a $size padding to the left & right at $breakpoint */
+ .px-lg-4 { padding-right: 24px !important; padding-left: 24px !important; }
+ /* Set a $size padding to the top & bottom at $breakpoint */
+ .py-lg-4 { padding-top: 24px !important; padding-bottom: 24px !important; }
+ /* Set a $size padding to all sides at $breakpoint */
+ .p-lg-5 { padding: 32px !important; }
+ /* Set a $size padding to the top at $breakpoint */
+ .pt-lg-5 { padding-top: 32px !important; }
+ /* Set a $size padding to the right at $breakpoint */
+ .pr-lg-5 { padding-right: 32px !important; }
+ /* Set a $size padding to the bottom at $breakpoint */
+ .pb-lg-5 { padding-bottom: 32px !important; }
+ /* Set a $size padding to the left at $breakpoint */
+ .pl-lg-5 { padding-left: 32px !important; }
+ /* Set a $size padding to the left & right at $breakpoint */
+ .px-lg-5 { padding-right: 32px !important; padding-left: 32px !important; }
+ /* Set a $size padding to the top & bottom at $breakpoint */
+ .py-lg-5 { padding-top: 32px !important; padding-bottom: 32px !important; }
+ /* Set a $size padding to all sides at $breakpoint */
+ .p-lg-6 { padding: 40px !important; }
+ /* Set a $size padding to the top at $breakpoint */
+ .pt-lg-6 { padding-top: 40px !important; }
+ /* Set a $size padding to the right at $breakpoint */
+ .pr-lg-6 { padding-right: 40px !important; }
+ /* Set a $size padding to the bottom at $breakpoint */
+ .pb-lg-6 { padding-bottom: 40px !important; }
+ /* Set a $size padding to the left at $breakpoint */
+ .pl-lg-6 { padding-left: 40px !important; }
+ /* Set a $size padding to the left & right at $breakpoint */
+ .px-lg-6 { padding-right: 40px !important; padding-left: 40px !important; }
+ /* Set a $size padding to the top & bottom at $breakpoint */
+ .py-lg-6 { padding-top: 40px !important; padding-bottom: 40px !important; } }
+@media (min-width: 1280px) { /* Set a $size padding to all sides at $breakpoint */
+ .p-xl-0 { padding: 0 !important; }
+ /* Set a $size padding to the top at $breakpoint */
+ .pt-xl-0 { padding-top: 0 !important; }
+ /* Set a $size padding to the right at $breakpoint */
+ .pr-xl-0 { padding-right: 0 !important; }
+ /* Set a $size padding to the bottom at $breakpoint */
+ .pb-xl-0 { padding-bottom: 0 !important; }
+ /* Set a $size padding to the left at $breakpoint */
+ .pl-xl-0 { padding-left: 0 !important; }
+ /* Set a $size padding to the left & right at $breakpoint */
+ .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; }
+ /* Set a $size padding to the top & bottom at $breakpoint */
+ .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
+ /* Set a $size padding to all sides at $breakpoint */
+ .p-xl-1 { padding: 4px !important; }
+ /* Set a $size padding to the top at $breakpoint */
+ .pt-xl-1 { padding-top: 4px !important; }
+ /* Set a $size padding to the right at $breakpoint */
+ .pr-xl-1 { padding-right: 4px !important; }
+ /* Set a $size padding to the bottom at $breakpoint */
+ .pb-xl-1 { padding-bottom: 4px !important; }
+ /* Set a $size padding to the left at $breakpoint */
+ .pl-xl-1 { padding-left: 4px !important; }
+ /* Set a $size padding to the left & right at $breakpoint */
+ .px-xl-1 { padding-right: 4px !important; padding-left: 4px !important; }
+ /* Set a $size padding to the top & bottom at $breakpoint */
+ .py-xl-1 { padding-top: 4px !important; padding-bottom: 4px !important; }
+ /* Set a $size padding to all sides at $breakpoint */
+ .p-xl-2 { padding: 8px !important; }
+ /* Set a $size padding to the top at $breakpoint */
+ .pt-xl-2 { padding-top: 8px !important; }
+ /* Set a $size padding to the right at $breakpoint */
+ .pr-xl-2 { padding-right: 8px !important; }
+ /* Set a $size padding to the bottom at $breakpoint */
+ .pb-xl-2 { padding-bottom: 8px !important; }
+ /* Set a $size padding to the left at $breakpoint */
+ .pl-xl-2 { padding-left: 8px !important; }
+ /* Set a $size padding to the left & right at $breakpoint */
+ .px-xl-2 { padding-right: 8px !important; padding-left: 8px !important; }
+ /* Set a $size padding to the top & bottom at $breakpoint */
+ .py-xl-2 { padding-top: 8px !important; padding-bottom: 8px !important; }
+ /* Set a $size padding to all sides at $breakpoint */
+ .p-xl-3 { padding: 16px !important; }
+ /* Set a $size padding to the top at $breakpoint */
+ .pt-xl-3 { padding-top: 16px !important; }
+ /* Set a $size padding to the right at $breakpoint */
+ .pr-xl-3 { padding-right: 16px !important; }
+ /* Set a $size padding to the bottom at $breakpoint */
+ .pb-xl-3 { padding-bottom: 16px !important; }
+ /* Set a $size padding to the left at $breakpoint */
+ .pl-xl-3 { padding-left: 16px !important; }
+ /* Set a $size padding to the left & right at $breakpoint */
+ .px-xl-3 { padding-right: 16px !important; padding-left: 16px !important; }
+ /* Set a $size padding to the top & bottom at $breakpoint */
+ .py-xl-3 { padding-top: 16px !important; padding-bottom: 16px !important; }
+ /* Set a $size padding to all sides at $breakpoint */
+ .p-xl-4 { padding: 24px !important; }
+ /* Set a $size padding to the top at $breakpoint */
+ .pt-xl-4 { padding-top: 24px !important; }
+ /* Set a $size padding to the right at $breakpoint */
+ .pr-xl-4 { padding-right: 24px !important; }
+ /* Set a $size padding to the bottom at $breakpoint */
+ .pb-xl-4 { padding-bottom: 24px !important; }
+ /* Set a $size padding to the left at $breakpoint */
+ .pl-xl-4 { padding-left: 24px !important; }
+ /* Set a $size padding to the left & right at $breakpoint */
+ .px-xl-4 { padding-right: 24px !important; padding-left: 24px !important; }
+ /* Set a $size padding to the top & bottom at $breakpoint */
+ .py-xl-4 { padding-top: 24px !important; padding-bottom: 24px !important; }
+ /* Set a $size padding to all sides at $breakpoint */
+ .p-xl-5 { padding: 32px !important; }
+ /* Set a $size padding to the top at $breakpoint */
+ .pt-xl-5 { padding-top: 32px !important; }
+ /* Set a $size padding to the right at $breakpoint */
+ .pr-xl-5 { padding-right: 32px !important; }
+ /* Set a $size padding to the bottom at $breakpoint */
+ .pb-xl-5 { padding-bottom: 32px !important; }
+ /* Set a $size padding to the left at $breakpoint */
+ .pl-xl-5 { padding-left: 32px !important; }
+ /* Set a $size padding to the left & right at $breakpoint */
+ .px-xl-5 { padding-right: 32px !important; padding-left: 32px !important; }
+ /* Set a $size padding to the top & bottom at $breakpoint */
+ .py-xl-5 { padding-top: 32px !important; padding-bottom: 32px !important; }
+ /* Set a $size padding to all sides at $breakpoint */
+ .p-xl-6 { padding: 40px !important; }
+ /* Set a $size padding to the top at $breakpoint */
+ .pt-xl-6 { padding-top: 40px !important; }
+ /* Set a $size padding to the right at $breakpoint */
+ .pr-xl-6 { padding-right: 40px !important; }
+ /* Set a $size padding to the bottom at $breakpoint */
+ .pb-xl-6 { padding-bottom: 40px !important; }
+ /* Set a $size padding to the left at $breakpoint */
+ .pl-xl-6 { padding-left: 40px !important; }
+ /* Set a $size padding to the left & right at $breakpoint */
+ .px-xl-6 { padding-right: 40px !important; padding-left: 40px !important; }
+ /* Set a $size padding to the top & bottom at $breakpoint */
+ .py-xl-6 { padding-top: 40px !important; padding-bottom: 40px !important; } }
+.p-responsive { padding-right: 16px !important; padding-left: 16px !important; }
+@media (min-width: 544px) { .p-responsive { padding-right: 40px !important; padding-left: 40px !important; } }
+@media (min-width: 1012px) { .p-responsive { padding-right: 16px !important; padding-left: 16px !important; } }
+
+/* Set the font size to 26px */
+.h1 { font-size: 26px !important; }
+@media (min-width: 768px) { .h1 { font-size: 32px !important; } }
+
+/* Set the font size to 22px */
+.h2 { font-size: 22px !important; }
+@media (min-width: 768px) { .h2 { font-size: 24px !important; } }
+
+/* Set the font size to 18px */
+.h3 { font-size: 18px !important; }
+@media (min-width: 768px) { .h3 { font-size: 20px !important; } }
+
+/* Set the font size to 16px */
+.h4 { font-size: 16px !important; }
+
+/* Set the font size to 14px */
+.h5 { font-size: 14px !important; }
+
+/* Set the font size to 12px */
+.h6 { font-size: 12px !important; }
+
+.h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 600 !important; }
+
+/* Set the font size to 26px */
+.f1 { font-size: 26px !important; }
+@media (min-width: 768px) { .f1 { font-size: 32px !important; } }
+
+/* Set the font size to 22px */
+.f2 { font-size: 22px !important; }
+@media (min-width: 768px) { .f2 { font-size: 24px !important; } }
+
+/* Set the font size to 18px */
+.f3 { font-size: 18px !important; }
+@media (min-width: 768px) { .f3 { font-size: 20px !important; } }
+
+/* Set the font size to 16px */
+.f4 { font-size: 16px !important; }
+@media (min-width: 768px) { .f4 { font-size: 16px !important; } }
+
+/* Set the font size to 14px */
+.f5 { font-size: 14px !important; }
+
+/* Set the font size to 12px */
+.f6 { font-size: 12px !important; }
+
+/* Set the font size to 40px and weight to light */
+.f00-light { font-size: 40px !important; font-weight: 300 !important; }
+@media (min-width: 768px) { .f00-light { font-size: 48px !important; } }
+
+/* Set the font size to 32px and weight to light */
+.f0-light { font-size: 32px !important; font-weight: 300 !important; }
+@media (min-width: 768px) { .f0-light { font-size: 40px !important; } }
+
+/* Set the font size to 26px and weight to light */
+.f1-light { font-size: 26px !important; font-weight: 300 !important; }
+@media (min-width: 768px) { .f1-light { font-size: 32px !important; } }
+
+/* Set the font size to 22px and weight to light */
+.f2-light { font-size: 22px !important; font-weight: 300 !important; }
+@media (min-width: 768px) { .f2-light { font-size: 24px !important; } }
+
+/* Set the font size to 18px and weight to light */
+.f3-light { font-size: 18px !important; font-weight: 300 !important; }
+@media (min-width: 768px) { .f3-light { font-size: 20px !important; } }
+
+/* Set the font size to ${#h6-size} */
+.text-small { font-size: 12px !important; }
+
+/* Large leading paragraphs */
+.lead { margin-bottom: 30px; font-size: 20px; font-weight: 300; color: #586069; }
+
+/* Set the line height to ultra condensed */
+.lh-condensed-ultra { line-height: 1 !important; }
+
+/* Set the line height to condensed */
+.lh-condensed { line-height: 1.25 !important; }
+
+/* Set the line height to default */
+.lh-default { line-height: 1.5 !important; }
+
+/* Set the line height to zero */
+.lh-0 { line-height: 0 !important; }
+
+/* Text align to the right */
+.text-right { text-align: right !important; }
+
+/* Text align to the left */
+.text-left { text-align: left !important; }
+
+/* Text align to the center */
+.text-center { text-align: center !important; }
+
+@media (min-width: 544px) { /* Text align to the right */
+ .text-sm-right { text-align: right !important; }
+ /* Text align to the left */
+ .text-sm-left { text-align: left !important; }
+ /* Text align to the center */
+ .text-sm-center { text-align: center !important; } }
+@media (min-width: 768px) { /* Text align to the right */
+ .text-md-right { text-align: right !important; }
+ /* Text align to the left */
+ .text-md-left { text-align: left !important; }
+ /* Text align to the center */
+ .text-md-center { text-align: center !important; } }
+@media (min-width: 1012px) { /* Text align to the right */
+ .text-lg-right { text-align: right !important; }
+ /* Text align to the left */
+ .text-lg-left { text-align: left !important; }
+ /* Text align to the center */
+ .text-lg-center { text-align: center !important; } }
+@media (min-width: 1280px) { /* Text align to the right */
+ .text-xl-right { text-align: right !important; }
+ /* Text align to the left */
+ .text-xl-left { text-align: left !important; }
+ /* Text align to the center */
+ .text-xl-center { text-align: center !important; } }
+/* Set the font weight to normal */
+.text-normal { font-weight: 400 !important; }
+
+/* Set the font weight to bold */
+.text-bold { font-weight: 600 !important; }
+
+/* Set the font to italic */
+.text-italic { font-style: italic !important; }
+
+/* Make text uppercase */
+.text-uppercase { text-transform: uppercase !important; }
+
+/* Underline text */
+.text-underline { text-decoration: underline !important; }
+
+/* Don't underline text */
+.no-underline { text-decoration: none !important; }
+
+/* Don't wrap white space */
+.no-wrap { white-space: nowrap !important; }
+
+/* Normal white space */
+.ws-normal { white-space: normal !important; }
+
+/* Allow long lines with no spaces to line break */
+.wb-break-all { word-break: break-all !important; }
+
+.text-emphasized { font-weight: 600; color: #24292e; }
+
+.list-style-none { list-style: none !important; }
+
+/* Add a dark text shadow */
+.text-shadow-dark { text-shadow: 0 1px 1px rgba(27, 31, 35, 0.25), 0 1px 25px rgba(27, 31, 35, 0.75); }
+
+/* Add a light text shadow */
+.text-shadow-light { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
+
+/* Set to monospace font */
+.text-mono { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; }
+
+/* Disallow user from selecting text */
+.user-select-none { user-select: none !important; }
+
+.d-block { display: block !important; }
+
+.d-flex { display: flex !important; }
+
+.d-inline { display: inline !important; }
+
+.d-inline-block { display: inline-block !important; }
+
+.d-inline-flex { display: inline-flex !important; }
+
+.d-none { display: none !important; }
+
+.d-table { display: table !important; }
+
+.d-table-cell { display: table-cell !important; }
+
+@media (min-width: 544px) { .d-sm-block { display: block !important; }
+ .d-sm-flex { display: flex !important; }
+ .d-sm-inline { display: inline !important; }
+ .d-sm-inline-block { display: inline-block !important; }
+ .d-sm-inline-flex { display: inline-flex !important; }
+ .d-sm-none { display: none !important; }
+ .d-sm-table { display: table !important; }
+ .d-sm-table-cell { display: table-cell !important; } }
+@media (min-width: 768px) { .d-md-block { display: block !important; }
+ .d-md-flex { display: flex !important; }
+ .d-md-inline { display: inline !important; }
+ .d-md-inline-block { display: inline-block !important; }
+ .d-md-inline-flex { display: inline-flex !important; }
+ .d-md-none { display: none !important; }
+ .d-md-table { display: table !important; }
+ .d-md-table-cell { display: table-cell !important; } }
+@media (min-width: 1012px) { .d-lg-block { display: block !important; }
+ .d-lg-flex { display: flex !important; }
+ .d-lg-inline { display: inline !important; }
+ .d-lg-inline-block { display: inline-block !important; }
+ .d-lg-inline-flex { display: inline-flex !important; }
+ .d-lg-none { display: none !important; }
+ .d-lg-table { display: table !important; }
+ .d-lg-table-cell { display: table-cell !important; } }
+@media (min-width: 1280px) { .d-xl-block { display: block !important; }
+ .d-xl-flex { display: flex !important; }
+ .d-xl-inline { display: inline !important; }
+ .d-xl-inline-block { display: inline-block !important; }
+ .d-xl-inline-flex { display: inline-flex !important; }
+ .d-xl-none { display: none !important; }
+ .d-xl-table { display: table !important; }
+ .d-xl-table-cell { display: table-cell !important; } }
+.v-hidden { visibility: hidden !important; }
+
+.v-visible { visibility: visible !important; }
+
+@media (max-width: 544px) { .hide-sm { display: none !important; } }
+@media (min-width: 544px) and (max-width: 768px) { .hide-md { display: none !important; } }
+@media (min-width: 768px) and (max-width: 1012px) { .hide-lg { display: none !important; } }
+@media (min-width: 1012px) { .hide-xl { display: none !important; } }
+/* Set the table-layout to fixed */
+.table-fixed { table-layout: fixed !important; }
+
+.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); word-wrap: normal; border: 0; }
+
+.show-on-focus { position: absolute; width: 1px; height: 1px; margin: 0; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
+.show-on-focus:focus { z-index: 20; width: auto; height: auto; clip: auto; }
+
+.container { width: 980px; margin-right: auto; margin-left: auto; }
+.container::before { display: table; content: ""; }
+.container::after { display: table; clear: both; content: ""; }
+
+.container-md { max-width: 768px; margin-right: auto; margin-left: auto; }
+
+.container-lg { max-width: 1012px; margin-right: auto; margin-left: auto; }
+
+.container-xl { max-width: 1280px; margin-right: auto; margin-left: auto; }
+
+.columns { margin-right: -10px; margin-left: -10px; }
+.columns::before { display: table; content: ""; }
+.columns::after { display: table; clear: both; content: ""; }
+
+.column { float: left; padding-right: 10px; padding-left: 10px; }
+
+.one-third { width: 33.333333%; }
+
+.two-thirds { width: 66.666667%; }
+
+.one-fourth { width: 25%; }
+
+.one-half { width: 50%; }
+
+.three-fourths { width: 75%; }
+
+.one-fifth { width: 20%; }
+
+.four-fifths { width: 80%; }
+
+.centered { display: block; float: none; margin-right: auto; margin-left: auto; }
+
+.col-1 { width: 8.3333333333%; }
+
+.col-2 { width: 16.6666666667%; }
+
+.col-3 { width: 25%; }
+
+.col-4 { width: 33.3333333333%; }
+
+.col-5 { width: 41.6666666667%; }
+
+.col-6 { width: 50%; }
+
+.col-7 { width: 58.3333333333%; }
+
+.col-8 { width: 66.6666666667%; }
+
+.col-9 { width: 75%; }
+
+.col-10 { width: 83.3333333333%; }
+
+.col-11 { width: 91.6666666667%; }
+
+.col-12 { width: 100%; }
+
+@media (min-width: 544px) { .col-sm-1 { width: 8.3333333333%; }
+ .col-sm-2 { width: 16.6666666667%; }
+ .col-sm-3 { width: 25%; }
+ .col-sm-4 { width: 33.3333333333%; }
+ .col-sm-5 { width: 41.6666666667%; }
+ .col-sm-6 { width: 50%; }
+ .col-sm-7 { width: 58.3333333333%; }
+ .col-sm-8 { width: 66.6666666667%; }
+ .col-sm-9 { width: 75%; }
+ .col-sm-10 { width: 83.3333333333%; }
+ .col-sm-11 { width: 91.6666666667%; }
+ .col-sm-12 { width: 100%; } }
+@media (min-width: 768px) { .col-md-1 { width: 8.3333333333%; }
+ .col-md-2 { width: 16.6666666667%; }
+ .col-md-3 { width: 25%; }
+ .col-md-4 { width: 33.3333333333%; }
+ .col-md-5 { width: 41.6666666667%; }
+ .col-md-6 { width: 50%; }
+ .col-md-7 { width: 58.3333333333%; }
+ .col-md-8 { width: 66.6666666667%; }
+ .col-md-9 { width: 75%; }
+ .col-md-10 { width: 83.3333333333%; }
+ .col-md-11 { width: 91.6666666667%; }
+ .col-md-12 { width: 100%; } }
+@media (min-width: 1012px) { .col-lg-1 { width: 8.3333333333%; }
+ .col-lg-2 { width: 16.6666666667%; }
+ .col-lg-3 { width: 25%; }
+ .col-lg-4 { width: 33.3333333333%; }
+ .col-lg-5 { width: 41.6666666667%; }
+ .col-lg-6 { width: 50%; }
+ .col-lg-7 { width: 58.3333333333%; }
+ .col-lg-8 { width: 66.6666666667%; }
+ .col-lg-9 { width: 75%; }
+ .col-lg-10 { width: 83.3333333333%; }
+ .col-lg-11 { width: 91.6666666667%; }
+ .col-lg-12 { width: 100%; } }
+@media (min-width: 1280px) { .col-xl-1 { width: 8.3333333333%; }
+ .col-xl-2 { width: 16.6666666667%; }
+ .col-xl-3 { width: 25%; }
+ .col-xl-4 { width: 33.3333333333%; }
+ .col-xl-5 { width: 41.6666666667%; }
+ .col-xl-6 { width: 50%; }
+ .col-xl-7 { width: 58.3333333333%; }
+ .col-xl-8 { width: 66.6666666667%; }
+ .col-xl-9 { width: 75%; }
+ .col-xl-10 { width: 83.3333333333%; }
+ .col-xl-11 { width: 91.6666666667%; }
+ .col-xl-12 { width: 100%; } }
+.gutter { margin-right: -16px; margin-left: -16px; }
+.gutter > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; }
+
+.gutter-condensed { margin-right: -8px; margin-left: -8px; }
+.gutter-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; }
+
+.gutter-spacious { margin-right: -24px; margin-left: -24px; }
+.gutter-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; }
+
+@media (min-width: 544px) { .gutter-sm { margin-right: -16px; margin-left: -16px; }
+ .gutter-sm > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; }
+ .gutter-sm-condensed { margin-right: -8px; margin-left: -8px; }
+ .gutter-sm-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; }
+ .gutter-sm-spacious { margin-right: -24px; margin-left: -24px; }
+ .gutter-sm-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } }
+@media (min-width: 768px) { .gutter-md { margin-right: -16px; margin-left: -16px; }
+ .gutter-md > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; }
+ .gutter-md-condensed { margin-right: -8px; margin-left: -8px; }
+ .gutter-md-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; }
+ .gutter-md-spacious { margin-right: -24px; margin-left: -24px; }
+ .gutter-md-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } }
+@media (min-width: 1012px) { .gutter-lg { margin-right: -16px; margin-left: -16px; }
+ .gutter-lg > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; }
+ .gutter-lg-condensed { margin-right: -8px; margin-left: -8px; }
+ .gutter-lg-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; }
+ .gutter-lg-spacious { margin-right: -24px; margin-left: -24px; }
+ .gutter-lg-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } }
+@media (min-width: 1280px) { .gutter-xl { margin-right: -16px; margin-left: -16px; }
+ .gutter-xl > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; }
+ .gutter-xl-condensed { margin-right: -8px; margin-left: -8px; }
+ .gutter-xl-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; }
+ .gutter-xl-spacious { margin-right: -24px; margin-left: -24px; }
+ .gutter-xl-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } }
+.offset-1 { margin-left: 8.3333333333% !important; }
+
+.offset-2 { margin-left: 16.6666666667% !important; }
+
+.offset-3 { margin-left: 25% !important; }
+
+.offset-4 { margin-left: 33.3333333333% !important; }
+
+.offset-5 { margin-left: 41.6666666667% !important; }
+
+.offset-6 { margin-left: 50% !important; }
+
+.offset-7 { margin-left: 58.3333333333% !important; }
+
+.offset-8 { margin-left: 66.6666666667% !important; }
+
+.offset-9 { margin-left: 75% !important; }
+
+.offset-10 { margin-left: 83.3333333333% !important; }
+
+.offset-11 { margin-left: 91.6666666667% !important; }
+
+@media (min-width: 544px) { .offset-sm-1 { margin-left: 8.3333333333% !important; }
+ .offset-sm-2 { margin-left: 16.6666666667% !important; }
+ .offset-sm-3 { margin-left: 25% !important; }
+ .offset-sm-4 { margin-left: 33.3333333333% !important; }
+ .offset-sm-5 { margin-left: 41.6666666667% !important; }
+ .offset-sm-6 { margin-left: 50% !important; }
+ .offset-sm-7 { margin-left: 58.3333333333% !important; }
+ .offset-sm-8 { margin-left: 66.6666666667% !important; }
+ .offset-sm-9 { margin-left: 75% !important; }
+ .offset-sm-10 { margin-left: 83.3333333333% !important; }
+ .offset-sm-11 { margin-left: 91.6666666667% !important; } }
+@media (min-width: 768px) { .offset-md-1 { margin-left: 8.3333333333% !important; }
+ .offset-md-2 { margin-left: 16.6666666667% !important; }
+ .offset-md-3 { margin-left: 25% !important; }
+ .offset-md-4 { margin-left: 33.3333333333% !important; }
+ .offset-md-5 { margin-left: 41.6666666667% !important; }
+ .offset-md-6 { margin-left: 50% !important; }
+ .offset-md-7 { margin-left: 58.3333333333% !important; }
+ .offset-md-8 { margin-left: 66.6666666667% !important; }
+ .offset-md-9 { margin-left: 75% !important; }
+ .offset-md-10 { margin-left: 83.3333333333% !important; }
+ .offset-md-11 { margin-left: 91.6666666667% !important; } }
+@media (min-width: 1012px) { .offset-lg-1 { margin-left: 8.3333333333% !important; }
+ .offset-lg-2 { margin-left: 16.6666666667% !important; }
+ .offset-lg-3 { margin-left: 25% !important; }
+ .offset-lg-4 { margin-left: 33.3333333333% !important; }
+ .offset-lg-5 { margin-left: 41.6666666667% !important; }
+ .offset-lg-6 { margin-left: 50% !important; }
+ .offset-lg-7 { margin-left: 58.3333333333% !important; }
+ .offset-lg-8 { margin-left: 66.6666666667% !important; }
+ .offset-lg-9 { margin-left: 75% !important; }
+ .offset-lg-10 { margin-left: 83.3333333333% !important; }
+ .offset-lg-11 { margin-left: 91.6666666667% !important; } }
+@media (min-width: 1280px) { .offset-xl-1 { margin-left: 8.3333333333% !important; }
+ .offset-xl-2 { margin-left: 16.6666666667% !important; }
+ .offset-xl-3 { margin-left: 25% !important; }
+ .offset-xl-4 { margin-left: 33.3333333333% !important; }
+ .offset-xl-5 { margin-left: 41.6666666667% !important; }
+ .offset-xl-6 { margin-left: 50% !important; }
+ .offset-xl-7 { margin-left: 58.3333333333% !important; }
+ .offset-xl-8 { margin-left: 66.6666666667% !important; }
+ .offset-xl-9 { margin-left: 75% !important; }
+ .offset-xl-10 { margin-left: 83.3333333333% !important; }
+ .offset-xl-11 { margin-left: 91.6666666667% !important; } }
+.markdown-body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px; line-height: 1.5; word-wrap: break-word; }
+.markdown-body::before { display: table; content: ""; }
+.markdown-body::after { display: table; clear: both; content: ""; }
+.markdown-body > *:first-child { margin-top: 0 !important; }
+.markdown-body > *:last-child { margin-bottom: 0 !important; }
+.markdown-body a:not([href]) { color: inherit; text-decoration: none; }
+.markdown-body .absent { color: #cb2431; }
+.markdown-body .anchor { float: left; padding-right: 4px; margin-left: -20px; line-height: 1; }
+.markdown-body .anchor:focus { outline: none; }
+.markdown-body p, .markdown-body blockquote, .markdown-body ul, .markdown-body ol, .markdown-body dl, .markdown-body table, .markdown-body pre { margin-top: 0; margin-bottom: 16px; }
+.markdown-body hr { height: 0.25em; padding: 0; margin: 24px 0; background-color: #e1e4e8; border: 0; }
+.markdown-body blockquote { padding: 0 1em; color: #6a737d; border-left: 0.25em solid #dfe2e5; }
+.markdown-body blockquote > :first-child { margin-top: 0; }
+.markdown-body blockquote > :last-child { margin-bottom: 0; }
+.markdown-body kbd { display: inline-block; padding: 3px 5px; font-size: 11px; line-height: 10px; color: #444d56; vertical-align: middle; background-color: #fafbfc; border: solid 1px #c6cbd1; border-bottom-color: #959da5; border-radius: 3px; box-shadow: inset 0 -1px 0 #959da5; }
+
+.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { margin-top: 24px; margin-bottom: 16px; font-weight: 600; line-height: 1.25; }
+.markdown-body h1 .octicon-link, .markdown-body h2 .octicon-link, .markdown-body h3 .octicon-link, .markdown-body h4 .octicon-link, .markdown-body h5 .octicon-link, .markdown-body h6 .octicon-link { color: #1b1f23; vertical-align: middle; visibility: hidden; }
+.markdown-body h1:hover .anchor, .markdown-body h2:hover .anchor, .markdown-body h3:hover .anchor, .markdown-body h4:hover .anchor, .markdown-body h5:hover .anchor, .markdown-body h6:hover .anchor { text-decoration: none; }
+.markdown-body h1:hover .anchor .octicon-link, .markdown-body h2:hover .anchor .octicon-link, .markdown-body h3:hover .anchor .octicon-link, .markdown-body h4:hover .anchor .octicon-link, .markdown-body h5:hover .anchor .octicon-link, .markdown-body h6:hover .anchor .octicon-link { visibility: visible; }
+.markdown-body h1 tt, .markdown-body h1 code, .markdown-body h2 tt, .markdown-body h2 code, .markdown-body h3 tt, .markdown-body h3 code, .markdown-body h4 tt, .markdown-body h4 code, .markdown-body h5 tt, .markdown-body h5 code, .markdown-body h6 tt, .markdown-body h6 code { font-size: inherit; }
+.markdown-body h1 { padding-bottom: 0.3em; font-size: 2em; border-bottom: 1px solid #eaecef; }
+.markdown-body h2 { padding-bottom: 0.3em; font-size: 1.5em; border-bottom: 1px solid #eaecef; }
+.markdown-body h3 { font-size: 1.25em; }
+.markdown-body h4 { font-size: 1em; }
+.markdown-body h5 { font-size: 0.875em; }
+.markdown-body h6 { font-size: 0.85em; color: #6a737d; }
+
+.markdown-body ul, .markdown-body ol { padding-left: 2em; }
+.markdown-body ul.no-list, .markdown-body ol.no-list { padding: 0; list-style-type: none; }
+.markdown-body ul ul, .markdown-body ul ol, .markdown-body ol ol, .markdown-body ol ul { margin-top: 0; margin-bottom: 0; }
+.markdown-body li { word-wrap: break-all; }
+.markdown-body li > p { margin-top: 16px; }
+.markdown-body li + li { margin-top: 0.25em; }
+.markdown-body dl { padding: 0; }
+.markdown-body dl dt { padding: 0; margin-top: 16px; font-size: 1em; font-style: italic; font-weight: 600; }
+.markdown-body dl dd { padding: 0 16px; margin-bottom: 16px; }
+
+.markdown-body table { display: block; width: 100%; overflow: auto; }
+.markdown-body table th { font-weight: 600; }
+.markdown-body table th, .markdown-body table td { padding: 6px 13px; border: 1px solid #dfe2e5; }
+.markdown-body table tr { background-color: #fff; border-top: 1px solid #c6cbd1; }
+.markdown-body table tr:nth-child(2n) { background-color: #f6f8fa; }
+.markdown-body table img { background-color: transparent; }
+
+.markdown-body img { max-width: 100%; box-sizing: content-box; background-color: #fff; }
+.markdown-body img[align=right] { padding-left: 20px; }
+.markdown-body img[align=left] { padding-right: 20px; }
+.markdown-body .emoji { max-width: none; vertical-align: text-top; background-color: transparent; }
+.markdown-body span.frame { display: block; overflow: hidden; }
+.markdown-body span.frame > span { display: block; float: left; width: auto; padding: 7px; margin: 13px 0 0; overflow: hidden; border: 1px solid #dfe2e5; }
+.markdown-body span.frame span img { display: block; float: left; }
+.markdown-body span.frame span span { display: block; padding: 5px 0 0; clear: both; color: #24292e; }
+.markdown-body span.align-center { display: block; overflow: hidden; clear: both; }
+.markdown-body span.align-center > span { display: block; margin: 13px auto 0; overflow: hidden; text-align: center; }
+.markdown-body span.align-center span img { margin: 0 auto; text-align: center; }
+.markdown-body span.align-right { display: block; overflow: hidden; clear: both; }
+.markdown-body span.align-right > span { display: block; margin: 13px 0 0; overflow: hidden; text-align: right; }
+.markdown-body span.align-right span img { margin: 0; text-align: right; }
+.markdown-body span.float-left { display: block; float: left; margin-right: 13px; overflow: hidden; }
+.markdown-body span.float-left span { margin: 13px 0 0; }
+.markdown-body span.float-right { display: block; float: right; margin-left: 13px; overflow: hidden; }
+.markdown-body span.float-right > span { display: block; margin: 13px auto 0; overflow: hidden; text-align: right; }
+
+.markdown-body code, .markdown-body tt { padding: 0.2em 0.4em; margin: 0; font-size: 85%; background-color: rgba(27, 31, 35, 0.05); border-radius: 3px; }
+.markdown-body code br, .markdown-body tt br { display: none; }
+.markdown-body del code { text-decoration: inherit; }
+.markdown-body pre { word-wrap: normal; }
+.markdown-body pre > code { padding: 0; margin: 0; font-size: 100%; word-break: normal; white-space: pre; background: transparent; border: 0; }
+.markdown-body .highlight { margin-bottom: 16px; }
+.markdown-body .highlight pre { margin-bottom: 0; word-break: normal; }
+.markdown-body .highlight pre, .markdown-body pre { padding: 16px; overflow: auto; font-size: 85%; line-height: 1.45; background-color: #f6f8fa; border-radius: 3px; }
+.markdown-body pre code, .markdown-body pre tt { display: inline; max-width: auto; padding: 0; margin: 0; overflow: visible; line-height: inherit; word-wrap: normal; background-color: transparent; border: 0; }
+
+.markdown-body .csv-data td, .markdown-body .csv-data th { padding: 5px; overflow: hidden; font-size: 12px; line-height: 1; text-align: left; white-space: nowrap; }
+.markdown-body .csv-data .blob-num { padding: 10px 8px 9px; text-align: right; background: #fff; border: 0; }
+.markdown-body .csv-data tr { border-top: 0; }
+.markdown-body .csv-data th { font-weight: 600; background: #f6f8fa; border-top: 0; }
+
+.highlight table td { padding: 5px; }
+
+.highlight table pre { margin: 0; }
+
+.highlight .cm { color: #999988; font-style: italic; }
+
+.highlight .cp { color: #999999; font-weight: bold; }
+
+.highlight .c1 { color: #999988; font-style: italic; }
+
+.highlight .cs { color: #999999; font-weight: bold; font-style: italic; }
+
+.highlight .c, .highlight .cd { color: #999988; font-style: italic; }
+
+.highlight .err { color: #a61717; background-color: #e3d2d2; }
+
+.highlight .gd { color: #000000; background-color: #ffdddd; }
+
+.highlight .ge { color: #000000; font-style: italic; }
+
+.highlight .gr { color: #aa0000; }
+
+.highlight .gh { color: #999999; }
+
+.highlight .gi { color: #000000; background-color: #ddffdd; }
+
+.highlight .go { color: #888888; }
+
+.highlight .gp { color: #555555; }
+
+.highlight .gs { font-weight: bold; }
+
+.highlight .gu { color: #aaaaaa; }
+
+.highlight .gt { color: #aa0000; }
+
+.highlight .kc { color: #000000; font-weight: bold; }
+
+.highlight .kd { color: #000000; font-weight: bold; }
+
+.highlight .kn { color: #000000; font-weight: bold; }
+
+.highlight .kp { color: #000000; font-weight: bold; }
+
+.highlight .kr { color: #000000; font-weight: bold; }
+
+.highlight .kt { color: #445588; font-weight: bold; }
+
+.highlight .k, .highlight .kv { color: #000000; font-weight: bold; }
+
+.highlight .mf { color: #009999; }
+
+.highlight .mh { color: #009999; }
+
+.highlight .il { color: #009999; }
+
+.highlight .mi { color: #009999; }
+
+.highlight .mo { color: #009999; }
+
+.highlight .m, .highlight .mb, .highlight .mx { color: #009999; }
+
+.highlight .sb { color: #d14; }
+
+.highlight .sc { color: #d14; }
+
+.highlight .sd { color: #d14; }
+
+.highlight .s2 { color: #d14; }
+
+.highlight .se { color: #d14; }
+
+.highlight .sh { color: #d14; }
+
+.highlight .si { color: #d14; }
+
+.highlight .sx { color: #d14; }
+
+.highlight .sr { color: #009926; }
+
+.highlight .s1 { color: #d14; }
+
+.highlight .ss { color: #990073; }
+
+.highlight .s { color: #d14; }
+
+.highlight .na { color: #008080; }
+
+.highlight .bp { color: #999999; }
+
+.highlight .nb { color: #0086B3; }
+
+.highlight .nc { color: #445588; font-weight: bold; }
+
+.highlight .no { color: #008080; }
+
+.highlight .nd { color: #3c5d5d; font-weight: bold; }
+
+.highlight .ni { color: #800080; }
+
+.highlight .ne { color: #990000; font-weight: bold; }
+
+.highlight .nf { color: #990000; font-weight: bold; }
+
+.highlight .nl { color: #990000; font-weight: bold; }
+
+.highlight .nn { color: #555555; }
+
+.highlight .nt { color: #000080; }
+
+.highlight .vc { color: #008080; }
+
+.highlight .vg { color: #008080; }
+
+.highlight .vi { color: #008080; }
+
+.highlight .nv { color: #008080; }
+
+.highlight .ow { color: #000000; font-weight: bold; }
+
+.highlight .o { color: #000000; font-weight: bold; }
+
+.highlight .w { color: #bbbbbb; }
+
+.highlight { background-color: #f8f8f8; }
diff --git a/cv/index.html b/cv/index.html
new file mode 100644
index 000000000000..a9c487ba38cf
--- /dev/null
+++ b/cv/index.html
@@ -0,0 +1,1861 @@
+
+
+
+
+
+
+
Anthony Platanios | cv
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
cv
+
+
+
+
+
+
+
+
+
+
General Information
+
+
+
+
+
+ Full Name Emmanouil Antonios Platanios
+
+
+
+ Date of Birth 7th July 1991
+
+
+
+ Nationality Greek
+
+
+
+ Languages Greek (native), English (fluent), and German (beginner)
+
+
+
+
+
+
+
+
+
Research Areas
+
+
+
+
+ Machine learning and artificial intelligence with a focus on learning collections of functions, neural cognitive architectures, and applications of AI and ML to natural language processing, robotics, computer vision and finance.
+
+
+
+
+
+
+
+
Education
+
+
+
+
+
+
+
+
+
+ 2013-2020
+
+
+
+
+
+
Carnegie Mellon University – Ph.D. in Machine Learning.
+
+
+
+
+
+
+ Awarded the CMU Presidential Fellowship .
+
+
+
+
+
+ GPA: 4.18 (4.0 scale).
+
+
+
+ Advisor: Prof. Tom M. Mitchell
+
+
+
+ I worked on the Never Ending Language Learning (NELL)
+
+
+
+
+
+ My thesis work was on Learning Collections of Functions .
+
+
+
+
+
+ I performed research on topics related to self-reflection in machine learning :
+
+
+ I developed multiple methods for using unlabeled data to estimate the accuracies of several different classifiers performing the same task, that I have presented at Uncertainty in Artificial Intelligence (UAI ) in 2014, International Conference in Machine Learning (ICML ) in 2016, and at Neural Information Processing Systems (NIPS ) in 2017. I developed a method for performing low-resource and zero-shot multilingual machine translation . I am developing a self-reflection mechanism for machine learning systems and I am applying it in NELL. I am working on a new framework for learning where agreement among multiple agents is the objective.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2013-15
+
+
+
+
+
+
Carnegie Mellon University – M.S. in Machine Learning.
+
+
+
+
+
+
+ GPA: 4.18 (4.0 scale).
+
+
+
+ Advisor: Prof. Tom M. Mitchell .
+
+
+
+ Thesis: Estimating Accuracy from Unlabeled Data .
+
+
+
+ Master's degree requirements completed while working towards obtaining my Ph.D. in machine learning.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2009-13
+
+
+
+
+
+
Imperial College London – M.Eng. and ACGI in Electrical and Electronic Engineering.
+
+
+
+
+
+
+ Integrated Bachelor's and Master's degree.
+
+
+
+
+
+ Dean’s List for exceptional academic performance (all four years).
+
+
+
+ Grade: 91.67% (top 1% of class) with 92.37% on the final exams – First-Class Honors Degree .
+
+ Equivalent to 4.0 GPA in the USA academic system.
+
+
+
+
+
+ Thesis Title: Human Motion Classification Using Statistical Machine Learning Methods .
+
+ Awarded the Sir Bruce White prize in engineering for the best final year project.
+
+
+
+
+
+ Third Year Summer Research Project: "Bayesian Machine Learning Methodologies for Modeling Time Series with High Volatility".
+
+ Volatility modeling and prediction in a multitude of applications with significance both for industry (e.g. finance) and academia.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Work Experience
+
+
+
+
+
+
+
+
+
+ 2023-now
+
+
+
+
+
+
Research Scientist at Scaled Cognition.
+
+
+
+
+
+
+ Developing a new generation of rational, controllable AI models deployable as domain experts for grounded, real-world applications.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2023
+
+
+
+
+
+
Senior Principal Researcher (L67) at Microsoft Semantic Machines.
+
+
+
+
+
+
+ Served as a technical leader, managing a team across both research and engineering, and helping set technical direction for the broader organization. I invested heavily in aligning research and engineering, and I worked closely with multiple partner teams at Microsoft to deliver on our objectives, while also helping improve the underlying platform and infrastructure that we leveraged.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2022
+
+
+
+
+
+
Principal Researcher (L65) at Microsoft Semantic Machines.
+
+
+
+
+
+
+ Led the design and development of a system that learns to predict the next user action (e.g., sending an email, opening a file, adding specific people to a calendar invite, etc.) based on what a user and others in their network have been doing. Underlying this system is a novel Foundation Model over user actions.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2020-2022
+
+
+
+
+
+
Senior Researcher (L64) at Microsoft Semantic Machines.
+
+
+
+
+
+
+ Manager: Dan Klein
+
+
+
+ Designed and shipped a contextual semantic parser that powers the Semantic Machines conversational AI platform.
+
+
+
+
+
+ Worked on multiple research projects leading to academic publications at the intersection of natural language processing and machine learning.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2016-17
+
+
+
+
+
+
Research Analyst Consultant at Cubist Systematic Strategies.
+
+
+
+
+
+
+ Worked for the Advanced Methods Groups (AMG) in new machine learning-driven approaches for end-to-end algorithmic trading systems.
+
+
+
+
+
+ Developed the main pipeline for trading algorithms research and for integrating these algorithms in a new production system.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2015
+
+
+
+
+
+
Research Intern at Microsoft Research.
+
+
+
+
+
+
+ Manager: Dr. Eric Horvitz
+
+
+
+ Collaborators: Dr. Hoifung Poon Dr. Ashish Kapoor
+
+
+
+ First 3 months: Developed a probabilistic logic-based approach for accuracy estimation using unlabeled data, as part of the Literome Project.
+
+
+
+ Last 3 months: Active learning amidst logical knowledge.
+
+
+
+
+
+
+
+
+
+
+
+
+ 2010-13
+
+
+
+
+
+
Co-Founder, President and Chief Technology Officer (CTO) at Holic.
+
+
+
+
+
+
+ Developed an intelligent news reader application.
+
+
+
+
+
+ Developed algorithms utilizing advanced nonparametric Bayesian models for clustering news articles and for user profiling.
+
+
+
+
+
+ Received €400,000 funding from the following investors:
+
+
+ Dr. John Coustas, President & CEO of Danaos Corporation. Mr. Leon Yohai, Founder & CEO of ZuluTrade.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2008-10
+
+
+
+
+
+
Founder of Project Protasis – Forest Protection.
+
+
+
+
+
+
+ Developed a forest fire detection and prevention system.
+
+
+
+
+
+ Developed both hardware and software (involving use of neural networks for recognizing fire and smoke in photos).
+
+
+
+
+
+ Installed prototype in “Alsos Syggrou”, a wooded area in Athens, funded by the Greek government.
+
+
+
+
+
+ Got patent approved in Greece (Patent #: 20110100016 ) and international patent pending approval.
+
+
+
+
+
+ Interviewed by CNN, as well as several newspapers, magazines and other TV channels, regarding this project.
+
+
+
+
+
+ Won the 2nd place in the Microsoft Imagine Cup 2009 Greek Finals with this project.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2010
+
+
+
+
+
+
Web Designer and Software Developer at Curtainmakers S.A.
+
+
+
+
+
+
+
+
+
+
+
+ 2007-09
+
+
+
+
+
+
Founder of Project Protasis – Home Automation.
+
+
+
+
+
+
+ Developed a smart home automation system that controls all electrical appliances, heating systems and water systems and aims to reduce domestic energy consumption while making the lives of homeowners as comfortable as possible.
+
+
+
+
+
+ Developed software, employing several machine learning algorithms.
+
+
+
+
+
+ Was funded by the Greek government and more specifically, by the Organization of School Buildings.
+
+
+
+
+
+ Interviewed by NBC, as well as several newspapers, magazines and other TV channels, regarding this project.
+
+
+
+
+
+ Won the Microsoft Imagine Cup 2008 Greek Finals with this project and represented Greece in the Imagine Cup 2008 Worldwide Finals, in Paris, France, competing against teams from universities, at age of only 16 and having worked without a team or a mentor.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Open Source Projects
+
+
+
+
+
+
+
+
+
+ 2017-now
+
+
+
+
+
+
+
+
+
+
+
+
+ Machine learning library and API for the TensorFlow framework developed by Google, that is currently being used by multiple researchers and companies (~900 GitHub stars).
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2019-20
+
+
+
+
+
+
+
+
+
+
+
+
+ I was a contributor tp this project, which is a machine learning library and API for the TensorFlow framework developed by Google, and that enables differentiable programming.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2018
+
+
+
+
+
+
+
+
+
+
+
+
+ Machine translation library written in Scala, that supports various models along the whole translation pipeline (i.e., ranging from data preprocessing and vocabulary generation, to multiple encoder and decoder models).
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2014-16
+
+
+
+
+
+
+
+
+
+
+
+
+ Machine learning and optimization library written in Java that includes a scalable implementation of the Probabilistic Soft Logic (PSL) framework.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Honors and Awards
+
+
+
+
+
+
+
+
+
+ 2017
+
+
+
+
+
+
+
+
+
+
+
+ 2nd place in the CMU NeuroHackathon.
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2016
+
+
+
+
+
+
+
+
+
+
+
+ CMU Presidential Fellowship .
+
+
+
+
+
+
+
+
+
+
+
+ 2010-13
+
+
+
+
+
+
+
+
+
+
+
+ Sir Bruce White prize in engineering for the best M.Eng. thesis at Imperial College London.
+
+
+
+ Dean's List at Imperial College London, for exceptional academic performance (all four years).
+
+
+
+
+
+
+
+
+
+
+
+ 2010
+
+
+
+
+
+
+
+
+
+
+
+ Nominated for the RAE (UK Royal Academy of Engineering) presentation skills award.
+
+
+
+
+
+ "Roll of Honor" of the Electrical and Electronic Engineering department of Imperial College London, for the best software design project in the year.
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2009
+
+
+
+
+
+
+
+
+
+
+
+ Congratulatory diploma for my work on "Project Protasis – Home Automation" by UNESCO .
+
+
+
+
+
+ Honorary plaque by the Greek Minister of Education and Religious Affairs for honoring my country internationally.
+
+
+
+
+
+
+
+
+
+
+
+ 2007-08
+
+
+
+
+
+
+
+
+
+
+
+ Full scholarship (of about €12,000) by "Geitonas School", for honoring my school internationally.
+
+
+
+ Had a computer science laboratory named after me in “Geitonas School”, for honoring my school internationally.
+
+
+
+
+
+ Awarded €1,000 by the President of the Greek Parliament , for honoring my country internationally.
+
+
+
+
+
+ Honorary plaque by the Mayor of my city, Vari, in Greece, for honoring my country internationally.
+
+
+
+ Represented Greece in the Microsoft Imagine Cup 2008 Worldwide Finals , in Paris, France, with "Project Protasis - Home Automation".
+
+
+
+
+
+ 1st place in the Microsoft Imagine Cup 2008 Greek Finals with "Project Protasis - Home Automation", competing against teams from universities, at age of only 16 and having worked without a team or a mentor (also won the 2nd place in the Microsoft Imagine Cup 2009 Greek Finals with "Project Protasis - Forest Protection").
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2007
+
+
+
+
+
+
+
+
+
+
+
+ Certificate of Excellence for the school year 2006-07 from the Greek Ministry of Education and Religious Affairs.
+
+
+
+ 3rd place (bronze medal) in the Greek Mathematics Olympiad , organized by the Hellenic Mathematical Society.
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2003-07
+
+
+
+
+
+
+
+
+
+
+
+ 11 scholarships and competitions in the fields of mathematics, sciences and computer science.
+
+
+
+
+
+
+
+
+
+
+
+
+
Teaching Experience
+
+
+
+
+
+
+
+
+
+ 2018
+
+
+
+
+
+
Provided support for an advanced graduate-level course on machine learning at Carnegie Mellon University.
+
+
+
+
+
+
+ Class: 10-812 Architectures for Never-Ending Learning.
+
+
+
+ Taught by Prof. Tom Mitchell .
+
+
+
+
+
+ Gave a couple of lectures and helped with the organization of the class.
+
+
+
+
+
+ Designed and co-led the implementation of the software testbed used to support the course projects.
+
+
+
+
+
+ Mentored several students working on class projects.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2014, 16
+
+
+
+
+
+
Teaching Assistant for a graduate-level machine learning course at Carnegie Mellon University.
+
+
+
+
+
+
+ Class: 10-701/15-781 Introduction to Machine Learning.
+
+
+
+ Did this for two semesters (taught by Prof. Geoff Gordon and Prof. Aarti Singh in 2014, and Prof. Tom Mitchell in 2016).
+
+
+
+
+
+ Gave some lectures and some recitation lectures.
+
+
+
+
+
+ Mentored several groups of students working on class projects.
+
+
+
+
+
+ Wrote and graded homework assignments and exams.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Services
+
+
+
+
+
+ Program Committees
+
+
+
+ NeurIPS (2018-23), TMLR (2023), ACL (2020), JMLR (2020), EMNLP (2018-20), ICML (2019), PLOS-ONE (2018-19), IEEE-TPAMI (2018), and NIPS-AKBC (2016).
+
+
+
+
+ Conference Workshops Organized
+
+
+
+ 2019: ICML Adaptive & Multi-Task Learning. 2019: ICLR Learning with Limited Labeled Data. 2017: NIPS Learning with Limited Labeled Data.
+
+
+
+
+ University Committees
+
+
+
+ 2018-20: CMU MLD Blog co-founder and editor. 2018-19: CMU AI+ Club co-founder and leadership team member. 2018-19: Doctoral review committee (DRC) for the CMU Machine Learning Department. 2017-18: Speaking skills committee for the CMU Machine Learning Department. 2016-18: Education review committee (ERC) for the CMU Machine Learning Department. 2014-15: Social committee for the CMU Machine Learning Department.
+
+
+
+
+ Community Service
+
+
+
+ 2009: Volunteer at the Lavrion refugee center, in Athens, Greece. 2008: Reforestation of mountainside in Rafina, Greece. 2008: Volunteer for the International Baccalaureate Organization (IBO) training workshop. 2008: 13th Annual Underwater and Beach Cleanup in Athens, Greece. 2008: Helped organize the "Christmas Bazaar" (fund raiser project). 2008: Helped organize the "Love Feast" (celebrating family values and fund raising for the victims of forest fires in Greece). 2007: Reforestation in Mani, Greece. 2007: Volunteer at the "AQUA GALA" event for physically challenged children, for the "Hellenic Society for Disabled Children".
+
+
+
+
+
+
+
+
+
+
Major Talks
+
+
+
+
+
+
+
+
+
+ 2019
+
+
+
+
+
+
Competence-based Curriculum Learning for Neural Machine Translation.
+
+
+
+
+
+
+ North American Chapter of the Association for Computational Linguistics (NAACL ) conference.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2018
+
+
+
+
+
+
TensorFlow Scala.
+
+
+
+
+
+
+ Invited talk at Google .
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2014-18
+
+
+
+
+
+
Estimating Accuracy from Unlabeled Data.
+
+
+
+
+
+
+ Neural Information Processing Systems (NIPS ) conference.
+
+
+
+
+
+ International Conference in Machine Learning (ICML ) conference.
+
+
+
+
+
+ Uncertainty in Artificial Intelligence (UAI ) conference.
+
+
+
+
+
+ Invited talk at Google .
+
+
+
+
+
+ AI Lunch at Stanford University.
+
+
+
+
+
+ ML Lunch at Carnegie Mellon University.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2012
+
+
+
+
+
+
Nonparametric Mixtures of Multi-Output Heteroscedastic Gaussian Processes.
+
+
+
+
+
+
+ "Nonparametric Methods in Machine Learning" workshop at NIPS .
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2009
+
+
+
+
+
+
Project Protasis - Forest Protection.
+
+
+
+
+
+
+ Microsoft Hellas Headquarters .
+
+
+
+ Ministry of Transportation of the Greek government (the Ministry later funded a pilot program).
+
+
+
+
+
+
+
+
+
+
+
+
+ 2008-09
+
+
+
+
+
+
Project Protasis - Home Automation.
+
+
+
+
+
+
+ Microsoft Hellas Headquarters .
+
+
+
+ Louvre Museum in Paris, France, as part of Imagine Cup.
+
+
+
+ UNESCO International Conference on Climate Change and Challenges for the Future Generations.
+
+
+
+
+
+ Organization of School Buildings of the Greek government (later received funding for a pilot program from the Ministry of Education and Religious Affairs).
+
+
+
+ 73rd Thessaloniki International Fair.
+
+
+
+
+
+ Generation Next 0-18 fair, in Athens.
+
+
+
+
+
+ 4th International Conference on Information and Communication Technologies in Bio and Earth Sciences (HAICTA 2008), in Athens.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Software Development Skills
+
+
+
+
+ GitHub: https://github.com/eaplatanios (~1.2k stars from open-source projects).Machine Learning Frameworks: PyTorch , TensorFlow .High Level Programming Languages: Rust, Python, Scala, Swift, Java, C#, C, C++, Pascal, Prolog, MATLAB, Mathematica, JavaScript, ...
+
+
+
+
+
+
Other Interests
+
+
+
+
+ Sports: Tennis, Squash, Winter Skiing, Basketball, Sailing, and Windsurfing.Hobbies: Traveling, Philosophy, and Politics (I also really want to learn to play the Guitar).
+
+
+
+
+
+
+
+
+
+
+
+ © Copyright 2024 Anthony Platanios.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/index.html b/index.html
new file mode 100644
index 000000000000..c8f36371f21d
--- /dev/null
+++ b/index.html
@@ -0,0 +1,439 @@
+
+
+
+
+
+
+
Anthony Platanios
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Anthony Platanios
+
+
+
+ Research Scientist
+
+
+
+
+
+
+
+
+ I am a research scientist at Scaled Cognition and a member of the initial team, where we are developing a new generation of rational, controllable AI models deployable as domain experts for grounded, real-world applications.
+
+ Previously, I was a Senior Principal Researcher at
Microsoft Semantic Machines , where I led the design and development of a system that aims to predict the next user action (e.g., sending an email, opening a file, adding specific people to a calendar invite, etc.) based on what a user and others in their network have been doing (underlying this system was a novel Foundation Model over user actions). I managed a team across both research and engineering, and helped set the technical direction for the broader organization. I invested heavily in aligning research and engineering, and I worked closely with multiple partner teams at Microsoft to deliver on our objectives, while also helping improve the underlying platform and infrastructure that we leveraged. Earlier on in my career at Microsoft I also served as a key contributor to the research and development of the Semantic Machines conversational AI platform which handled user requests by using a neural network to synthesize computer programs in a new proprietary programming language. I designed and shipped the program synthesis neural network (i.e., a contextual semantic parser) that powers the platform.
+
+ Prior to that, I was a PhD student in the
Machine Learning Department of the
School of Computer Science at
Carnegie Mellon University . My advisor was
Tom Mitchell and I worked on
Never-Ending Learning . My PhD thesis on learning collections of functions can be found
here . Throughout my PhD I also worked on
multiple other projects related to artificial intelligence and machine learning.
+
+ Before I joined CMU, I graduated with an M.Eng. in
Electrical and Electronic Engineering from
Imperial College London . For my Master's thesis I proposed a way to use topic modelling methods in order to perform human motion classification.
+
+
+
+
+
news
+
+
+
+
+
+ Apr 3, 2023
+
+
+
+
Joined Scaled Cognition as a Research Scientist.
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Jan 14, 2019
+
+
+
+
+
+
+
+
+ Oct 25, 2018
+
+
+
+
Released a new version of TensorFlow Scala that finally introduces type-safety throughout the graph construction process including autodiff.
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Jul 29, 2016
+
+
+
+
Received the Carnegie Mellon University Presidential Fellowship .
+
+
+
+
+
+
+
+
+
+
+
+ © Copyright 2024 Anthony Platanios.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/news/16-07-29 - Presidential Fellowship/index.html b/news/16-07-29 - Presidential Fellowship/index.html
new file mode 100644
index 000000000000..5ff02732b6e1
--- /dev/null
+++ b/news/16-07-29 - Presidential Fellowship/index.html
@@ -0,0 +1 @@
+
Received the Carnegie Mellon University Presidential Fellowship .
diff --git a/news/17-05-26 - TF Scala/index.html b/news/17-05-26 - TF Scala/index.html
new file mode 100644
index 000000000000..2d659f5966be
--- /dev/null
+++ b/news/17-05-26 - TF Scala/index.html
@@ -0,0 +1 @@
+
Open sourced the TensorFlow Scala library.
diff --git a/news/17-11-20 - LLD NIPS/index.html b/news/17-11-20 - LLD NIPS/index.html
new file mode 100644
index 000000000000..1163dd143d47
--- /dev/null
+++ b/news/17-11-20 - LLD NIPS/index.html
@@ -0,0 +1 @@
+
Organizing the Learning with Limited Labeled Data workshop at NIPS 2017.
diff --git a/news/17-12-01 - NIPS/index.html b/news/17-12-01 - NIPS/index.html
new file mode 100644
index 000000000000..044bbd6ee6bc
--- /dev/null
+++ b/news/17-12-01 - NIPS/index.html
@@ -0,0 +1 @@
+
Attending NIPS 2017 and presenting some of our work on estimating accuracy .
diff --git a/news/18-10-25 - TF Scala Type Safety/index.html b/news/18-10-25 - TF Scala Type Safety/index.html
new file mode 100644
index 000000000000..97e0bb7e73f1
--- /dev/null
+++ b/news/18-10-25 - TF Scala Type Safety/index.html
@@ -0,0 +1 @@
+
Released a new version of TensorFlow Scala that finally introduces type-safety throughout the graph construction process including autodiff.
diff --git a/news/19-01-14 - MT-CPG Blog Post/index.html b/news/19-01-14 - MT-CPG Blog Post/index.html
new file mode 100644
index 000000000000..f3cd94292b61
--- /dev/null
+++ b/news/19-01-14 - MT-CPG Blog Post/index.html
@@ -0,0 +1 @@
+
Published a blog post on contextual parameter generation for machine translation .
diff --git a/news/19-05-02 - LLD ICLR/index.html b/news/19-05-02 - LLD ICLR/index.html
new file mode 100644
index 000000000000..6e117b1cc5e3
--- /dev/null
+++ b/news/19-05-02 - LLD ICLR/index.html
@@ -0,0 +1 @@
+
Organizing the Learning with Limited Labeled Data workshop at ICLR 2019.
diff --git a/news/19-05-03 - AMTL ICML/index.html b/news/19-05-03 - AMTL ICML/index.html
new file mode 100644
index 000000000000..64fbf741cdb2
--- /dev/null
+++ b/news/19-05-03 - AMTL ICML/index.html
@@ -0,0 +1 @@
+
Organizing the Adaptive & Multi-Task Learning workshop at ICML 2019.
diff --git a/news/20-04-13 - Microsoft Semantic Machines/index.html b/news/20-04-13 - Microsoft Semantic Machines/index.html
new file mode 100644
index 000000000000..bd69bb8b0d66
--- /dev/null
+++ b/news/20-04-13 - Microsoft Semantic Machines/index.html
@@ -0,0 +1 @@
+
Joined Microsoft Semantic Machines as a Senior Reseacher.
diff --git a/news/23-04-03 - Scaled Cognition/index.html b/news/23-04-03 - Scaled Cognition/index.html
new file mode 100644
index 000000000000..8e0e27c85c50
--- /dev/null
+++ b/news/23-04-03 - Scaled Cognition/index.html
@@ -0,0 +1 @@
+
Joined Scaled Cognition as a Research Scientist.
diff --git a/_layouts/default.html b/projects/accuracy_estimation/index.html
similarity index 59%
rename from _layouts/default.html
rename to projects/accuracy_estimation/index.html
index 1b5257fd5fc7..dcafd2efbc4e 100644
--- a/_layouts/default.html
+++ b/projects/accuracy_estimation/index.html
@@ -4,17 +4,17 @@
-
{{ site.name }}{% if page.title and page.url != "/" %} | {{ page.title }}{% endif %}
-
+
Anthony Platanios | estimating accuracy from unlabeled data
+
-
-
-
-
+
+
+
+
@@ -23,45 +23,65 @@
@@ -76,37 +96,82 @@
- {{ content }}
+
+
+ home projects estimating accuracy from unlabeled data
+
+
+
+
+
+
estimating accuracy from unlabeled data
+ estimating accuracies of classifiers using only unlabeled data
+
+
+
+
+
+
+
+
+
- © Copyright {{ site.time | date: '%Y' }} {{ site.name }}.
- {{ site.footer_text }}
- {% if site.last_updated %}
- Last updated: {{ site.last_updated }}.
- {% endif %}
+ © Copyright 2024 Anthony Platanios.
+
+
-
-
-
-
+
+
+
+
-
+
-
+
@@ -161,7 +226,7 @@
Anthony Platanios | active learning
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ home projects active learning
+
+
+
+
+
+
active learning
+ active learning amidst logical knowledge
+
+
+
+
+
+
+
+
+
+
+ © Copyright 2024 Anthony Platanios.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Anthony Platanios | contextual parameter generation
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ home projects contextual parameter generation
+
+
+
+
+
+
contextual parameter generation
+ enabling neural networks to better perform multi-task learning and more
+
+
+
+
+
+
+
+
+
+
+ © Copyright 2024 Anthony Platanios.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Anthony Platanios | curriculum learning
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ home projects curriculum learning
+
+
+
+
+
+
curriculum learning
+ exploring how to more efficiently teach neural networks
+
+
+
+
+
+
+
+
+
+
+ © Copyright 2024 Anthony Platanios.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Anthony Platanios | projects
+
+
+
+
+
+
+
+
+
+
+
+
+
+
projects
+
some of the projects I have worked on
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ © Copyright 2024 Anthony Platanios.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Anthony Platanios | jelly-bean world
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ home projects jelly-bean world
+
+
+
+
+
+
jelly-bean world
+ a novel environment for experimenting with never-ending learning
+
+
+
+
+
+
+
+
+
+
+ © Copyright 2024 Anthony Platanios.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ contextual parameter generation (CPG) and one which proposes a novel framework for curriculum learning and applies it to the problem of machine translation. The following post is currently about the first project, but it will soon be updated with information about the second.
+
+
+
+ Anthony Platanios | machine translation
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ home projects machine translation
+
+
+
+
+
+
machine translation
+ enhacing machine translation using contextual parameter generation and curriculum learning
+
+
+
+
+
+
During my PhD I worked on a couple of interesting projects related to machine translation. In this page I plan to talk about two of them: one which introduced the idea of contextual parameter generation (CPG) and one which proposes a novel framework for curriculum learning and applies it to the problem of machine translation. The following post is currently about the first project, but it will soon be updated with information about the second.
-
+
Figure 1: Overview of the contextual parameter generator that is introduced in this post. The top part of the figure shows a typical neural machine translation system (consisting of an encoder and a decoder network). The bottom part, shown in red, shows our parameter generator component.
@@ -25,7 +131,7 @@
Figure 1: Ove
-
+
Figure 2: Illustration of the machine translation problem.
@@ -42,13 +148,13 @@
Multilingual Machine Translation
Figure 3: Overview of existing approaches for multilingual neural machine translation.
@@ -235,7 +341,7 @@
Results
-
+
Figure 6: Cosine distance between all pairs of the language embeddings learned using our contextual parameter generator. Note that the cosine distance values can range between 0 and 2.
@@ -263,12 +369,175 @@
References
Emmanouil Antonios Platanios, Mrinmaya Sachan, Graham Neubig, and Tom Mitchell. 2018.
Contextual Parameter Generation for Universal Neural Machine Translation . In Conference on Empirical Methods in Natural Language Processing (EMNLP), Brussels, Belgium.
-
+
Orhan Firat, Kyunghyun Cho, and Yoshua Bengio. 2016a.
Multi-Way, Multilingual Neural Machine Translation with a Shared Attention Mechanism . In Proceedings of NAACL-HLT, pages 866–875.
-
+
Thanh-Le Ha, Jan Niehues, and Alexander Waibel. 2016.
Toward Multilingual Neural Machine Translation with Universal Encoder and Decoder . In Proceedings of the 13th International Workshop on Spoken Language Translation.
-
+
Melvin Johnson, Mike Schuster, Quoc V Le, Maxim Krikun, Yonghui Wu, Zhifeng Chen, Nikhil Thorat, Fernanda Viegas, Martin Wattenberg, Greg Corrado, et al. 2017.
Google’s Multilingual Neural Machine Translation System: Enabling Zero-Shot Translation . In Transactions of the Association for Computational Linguistics, volume 5, pages 339–351.
-
+
Minh-Thang Luong, Quoc V Le, Ilya Sutskever, Oriol Vinyals, and Lukasz Kaiser 2016.
Multi-task Sequence to Sequence Learning . In International Conference on Learning Representations.
+
+
+ © Copyright 2024 Anthony Platanios.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Anthony Platanios | cmu mld blog
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ home projects cmu mld blog
+
+
+
+
+
+
cmu mld blog
+ editor and founding member for the CMU machine learning department blog
+
+
+
+
+
+
+
+
+
+
+ © Copyright 2024 Anthony Platanios.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Anthony Platanios | never-ending learning
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ home projects never-ending learning
+
+
+
+
+
+
never-ending learning
+ extracting a knowledge-base from the web, while constantly improving at it
+
+
+
+
+
+
+
+
+
+
+ © Copyright 2024 Anthony Platanios.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Anthony Platanios | TensorFlow Scala
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ home projects TensorFlow Scala
+
+
+
+
+
+
TensorFlow Scala
+ type-safe linear algebra, tensors, and neural networks
+
+
+
+
+
+
This library is a Scala API for https://www.tensorflow.org . It attempts to provide most of
+the functionality provided by the official Python API, while at the same type being strongly-typed and adding some new
+features. It is a work in progress and a project I started working on for my personal research purposes. Much of the API
+should be relatively stable by now, but things are still likely to change. That is why there is no official release of
+this library yet.
+
+
Please refer to the main website for documentation and tutorials. Here
+are a few useful links:
+
+
+
+
Main Features
+
+
+
+ Easy manipulation of tensors and computations involving tensors (similar to NumPy in Python):
+
+ val t1 = Tensor ( 1.2 , 4.5 )
+val t2 = Tensor (- 0.2 , 1.1 )
+t1 + t2 == Tensor ( 1.0 , 5.6 )
+
+
+ High-level API for creating, training, and using neural networks. For example, the following code shows how simple it
+is to train a multi-layer perceptron for MNIST using TensorFlow for Scala. Here we omit a lot of very powerful
+features such as summary and checkpoint savers, for simplicity, but these are also very simple to use.
+
+ import org.platanios.tensorflow.api._
+import org.platanios.tensorflow.api.tf.learn._
+import org.platanios.tensorflow.data.loaders.MNISTLoader
+
+// Load and batch data using pre-fetching.
+val dataSet = MNISTLoader . load ( Paths . get ( "/tmp" ))
+val trainImages = DatasetFromSlices ( dataSet . trainImages )
+val trainLabels = DatasetFromSlices ( dataSet . trainLabels )
+val trainData =
+ trainImages . zip ( trainLabels )
+ . repeat ()
+ . shuffle ( 10000 )
+ . batch ( 256 )
+ . prefetch ( 10 )
+
+// Create the MLP model.
+val input = Input ( UINT8 , Shape (- 1 , 28 , 28 ))
+val trainInput = Input ( UINT8 , Shape (- 1 ))
+val layer = Flatten () >> Cast ( FLOAT32 ) >>
+ Linear ( 128 , name = "Layer_0" ) >> ReLU ( 0.1f ) >>
+ Linear ( 64 , name = "Layer_1" ) >> ReLU ( 0.1f ) >>
+ Linear ( 32 , name = "Layer_2" ) >> ReLU ( 0.1f ) >>
+ Linear ( 10 , name = "OutputLayer" )
+val trainingInputLayer = Cast ( INT64 )
+val loss = SparseSoftmaxCrossEntropy () >> Mean ()
+val optimizer = GradientDescent ( 1 e - 6 )
+val model = Model ( input , layer , trainInput , trainingInputLayer , loss , optimizer )
+
+// Create an estimator and train the model.
+val estimator = Estimator ( model )
+estimator . train ( trainData , StopCriteria ( maxSteps = Some ( 1000000 )))
+And by changing a few lines to the following code, you can get checkpoint capability, summaries, and seamless
+integration with TensorBoard:
+
+ loss = loss >> tf . learn . ScalarSummary ( "Loss" ) // Collect loss summaries for plotting
+val summariesDir = Paths . get ( "/tmp/summaries" ) // Directory in which to save summaries and checkpoints
+val estimator = Estimator ( model , Configuration ( Some ( summariesDir )))
+estimator . train (
+ trainData , StopCriteria ( maxSteps = Some ( 1000000 )),
+ Seq (
+ SummarySaverHook ( summariesDir , StepHookTrigger ( 100 )), // Save summaries every 1000 steps
+ CheckpointSaverHook ( summariesDir , StepHookTrigger ( 1000 ))), // Save checkpoint every 1000 steps
+ tensorBoardConfig = TensorBoardConfig ( summariesDir )) // Launch TensorBoard server in the background
+If you now browse to https://127.0.0.1:6006 while training, you can see the training progress:
+
+
+
+
+
+ Low-level graph construction API, similar to that of the Python API, but strongly typed wherever possible:
+
+ import org.platanios.tensorflow.api._
+
+val inputs = tf . placeholder ( FLOAT32 , Shape (- 1 , 10 ))
+val outputs = tf . placeholder ( FLOAT32 , Shape (- 1 , 10 ))
+val predictions = tf . createWith ( nameScope = "Linear" ) {
+ val weights = tf . variable ( "weights" , FLOAT32 , Shape ( 10 , 1 ), tf . zerosInitializer )
+ tf . matmul ( inputs , weights )
+}
+val loss = tf . sum ( tf . square ( predictions - outputs ))
+val optimizer = tf . train . AdaGrad ( 1.0 )
+val trainOp = optimizer . minimize ( loss )
+
+
+ Numpy-like indexing/slicing for tensors. For example:
+
+ tensor ( 2 :: 5 , ---, 1 ) // is equivalent to numpy's 'tensor[2:5, ..., 1]'
+
+
+ Efficient interaction with the native library that avoids unnecessary copying of data. All tensors are created and
+managed by the native TensorFlow library. When they are passed to the Scala API (e.g., fetched from a TensorFlow
+session), we use a combination of weak references and a disposing thread running in the background. Please refer to
+Disposer.scala
+
+
+
+
Funding
+
+
Funding for the development of this library has been generously provided by the following sponsors:
+
+
+
+
+
+
+
+
+
+
+
+
+ CMU Presidential Fellowship National Science Foundation Air Force Office of Scientific Research
+
+
+
+
+
+
+ © Copyright 2024 Anthony Platanios.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Anthony Platanios | publications
+
+
+
+
+
+
+
+
+
+
+
+
+
+
publications
+
* denotes equal contribution and joint lead authorship.
+
+
+
+
+
+
+
+
+
+
+
When More Data Hurts: A Troubling Quirk in Developing Broad-Coverage Natural Language Understanding Systems.
+
+
+
+
+
+ In Conference on Empirical Methods in Natural Language Processing (EMNLP)
+
+
+ 2022.
+
+
+
+
+
+
+
+
+
+
+
+
+ In natural language understanding (NLU) production systems, users’ evolving needs necessitate the addition of new features over time, indexed by new symbols added to the meaning representation space. This requires additional training data and results in ever-growing datasets. We present the first systematic investigation into this incremental symbol learning scenario. Our analyses reveal a troubling quirk in building (broad-coverage) NLU systems: as the training dataset grows, more data is needed to learn new symbols, forming a vicious cycle. We show that this trend holds for multiple mainstream models on two common NLU tasks: intent recognition and semantic parsing. Rejecting class imbalance as the sole culprit, we reveal that the trend is closely associated with an effect we call source signal dilution, where strong lexical cues for the new symbol become diluted as the training dataset grows. Selectively dropping training examples to prevent dilution often reverses the trend, showing the over-reliance of mainstream neural NLU models on simple lexical cues and their lack of contextual understanding.
+
+
+
+
+
+
+
+
+
+
+
+
Online Semantic Parsing for Latency Reduction in Task-Oriented Dialogue.
+
+
+
+
+
+ In Annual Meeting of the Association for Computational Linguistics (ACL)
+
+
+ 2022.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Standard conversational semantic parsing maps a complete user utterance into an executable program, after which the program is executed to respond to the user. This could be slow when the program contains expensive function calls. We investigate the opportunity to reduce latency by predicting and executing function calls while the user is still speaking. We introduce the task of online semantic parsing for this purpose, with a formal latency reduction metric inspired by simultaneous machine translation. We propose a general framework with first a learned prefix-to-program prediction module, and then a simple yet effective thresholding heuristic for subprogram selection for early execution. Experiments on the SMCalFlow and TreeDST datasets show our approach achieves large latency reduction with good parsing quality, with a 30%–65% latency reduction depending on function execution time and allowed cost.
+
+
+
+
+
+
+
+
+
+
+
+
Bridging the Generalization Gap in Text-to-SQL Parsing with Schema Expansion.
+
+
+
+
+
+
+
+
Chen Zhao ,
+
+
+
+
+
+
+
+
+
+
+
Yu Su ,
+
+
+
+
+
+
+
+
+
+
+
Adam Pauls ,
+
+
+
+
+
+
+
+
+ and
+
+
Emmanouil Antonios Platanios .
+
+
+
+
+
+
+
+
+
+ In Annual Meeting of the Association for Computational Linguistics (ACL)
+
+
+ 2022.
+
+
+
+
+
+
+
+
+
+
+
+
+ Text-to-SQL parsers map natural language questions to programs that are executable over tables to generate answers, and are typically evaluated on large-scale datasets like Spider (Yu et al., 2018). We argue that existing benchmarks fail to capture a certain out-of-domain generalization problem that is of significant practical importance: matching domain specific phrases to composite operation over columns. To study this problem, we first propose a synthetic dataset along with a re-purposed train/test split of the Squall dataset (Shi et al., 2020) as new benchmarks to quantify domain generalization over column operations, and find existing state-of-the-art parsers struggle in these benchmarks. We propose to address this problem by incorporating prior domain knowledge by preprocessing table schemas, and design a method that consists of two components: schema expansion and schema pruning. This method can be easily applied to multiple existing base parsers, and we show that it significantly outperforms baseline parsers on this domain generalization problem, boosting the underlying parsers’ overall performance by up to 13.8% relative accuracy gain (5.1% absolute) on the new Squall data split.
+
+
+
+
+
+
+
+
+
+
+
+
Guided K-best Selection for Semantic Parsing Annotation.
+
+
+
+
+
+ In Annual Meeting of the Association for Computational Linguistics (ACL)
+
+
+ 2022.
+
+
+
+
+
+
+
+
+
+
+
+
+ Collecting data for conversational semantic parsing is a time-consuming and demanding process. In this paper we consider, given an incomplete dataset with only a small amount of data, how to build an AI-powered human-in-the-loop process to enable efficient data collection. A guided K-best selection process is proposed, which (i) generates a set of possible valid candidates; (ii) allows users to quickly traverse the set and filter incorrect parses; and (iii) asks users to select the correct parse, with minimal modification when necessary. We investigate how to best support users in efficiently traversing the candidate set and locating the correct parse, in terms of speed and accuracy. In our user study, consisting of five annotators labeling 300 instances each, we find that combining keyword searching, where keywords can be used to query relevant candidates, and keyword suggestion, where representative keywords are automatically generated, enables fast and accurate annotation.
+
+
+
+
+
+
+
+
+
+
2022
+
+
+
+
+
+
+
+
+
+
+
Re-TACRED: Addressing Shortcomings of the TACRED Dataset.
+
+
+
+
+
+ In AAAI Conference on Artificial Intelligence
+
+
+ 2021.
+
+
+
+
+
+
+
+
+
+
+
+
+ TACRED is one of the largest and most widely used sentence-level relation extraction datasets. Proposed models that are evaluated using this dataset consistently set new state-of-the-art performance. However, they still exhibit large error rates despite leveraging external knowledge and unsupervised pretraining on large text corpora. A recent study suggested that this may be due to poor dataset quality. The study observed that over 50% of the most challenging sentences from the development and test sets are incorrectly labeled and account for an average drop of 8% f1-score in model performance. However, this study was limited to a small biased sample of 5k (out of a total of 106k) sentences, substantially restricting the generalizability and broader implications of its findings. In this paper, we address these shortcomings by: (i) performing a comprehensive study over the whole TACRED dataset, (ii) proposing an improved crowdsourcing strategy and deploying it to re-annotate the whole dataset, and (iii) performing a thorough analysis to understand how correcting the TACRED annotations affects previously published results. After verification, we observed that 23.9% of TACRED labels are incorrect. Moreover, evaluating several models on our revised dataset yields an average f1-score improvement of 14.3% and helps uncover significant relationships between the different models (rather than simply offsetting or scaling their scores by a constant factor). Finally, aside from our analysis we also release Re-TACRED, a new completely re-annotated version of the TACRED dataset that can be used to perform reliable evaluation of relation extraction models.
+
+
+
+
+
+
+
+
+
+
+
+
Constrained Language Models Yield Few-Shot Semantic Parsers.
+
+
+
+
+
+ In Conference on Empirical Methods in Natural Language Processing (EMNLP)
+
+
+ 2021.
+
+
+
+
+
+
+
+
+
+
+
+
+ We explore the use of large pretrained language models as few-shot semantic parsers. The goal in semantic parsing is to generate a structured meaning representation given a natural language input. However, language models are trained to generate natural language. To bridge the gap, we use language models to paraphrase inputs into a controlled sublanguage resembling English that can be automatically mapped to a target meaning representation. Our results demonstrate that with only a small amount of data and very little code to convert into English-like representations, our blueprint for rapidly bootstrapping semantic parsers leads to surprisingly effective performance on multiple community tasks, greatly exceeding baseline methods also trained on the same limited data.
+
+
+
+
+
+
+
+
+
+
+
+
Value-Agnostic Conversational Semantic Parsing.
+
+
+
+
+
+
+
Emmanouil Antonios Platanios ,
+
+
+
+
+
+
+
+
+
+
Adam Pauls ,
+
+
+
+
+
+
+
+
+
+
+
Subhro Roy ,
+
+
+
+
+
+
+
+
+
+
+
Yuchen Zhang ,
+
+
+
+
+
+
+
+
+
+
+
Alex Kyte,
+
+
+
+
+
+
+
+
+
+
+
Alan Guo ,
+
+
+
+
+
+
+
+
+
+
+
Sam Thomson ,
+
+
+
+
+
+
+
+
+
+
+
Jayant Krishnamurthy ,
+
+
+
+
+
+
+
+
+
+
+
Jason Wolfe ,
+
+
+
+
+
+
+
+
+
+
+
Jacob Andreas ,
+
+
+
+
+
+
+
+
+ and
+
+
+
Dan Klein .
+
+
+
+
+
+
+
+
+
+
+ In Annual Meeting of the Association for Computational Linguistics (ACL)
+
+
+ 2021.
+
+
+
+
+
+
+
+
+
+
+
+
+ Conversational semantic parsers map user utterances to executable programs given dialogue histories composed of previous utterances, programs, and system responses. Existing parsers typically condition on rich representations of history that include the complete set of values and computations previously discussed. We propose a model that abstracts over values to focus prediction on type- and function-level context. This approach provides a compact encoding of dialogue histories and predicted programs, improving generalization and computational efficiency. Our model incorporates several other components, including an atomic span copy operation and structural enforcement of well-formedness constraints on predicted programs, that are particularly advantageous in the low-data regime. Trained on the SMCalFlow and TreeDST datasets, our model outperforms prior work by 7.3% and 10.6% respectively in terms of absolute accuracy. Trained on only a thousand examples from each dataset, it outperforms strong baselines by 12.4% and 6.4%. These results indicate that simple representations are key to effective generalization in conversational semantic parsing.
+
+
+
+
+
+
+
+
+
+
+
+
HyperDynamics: Generating Expert Dynamics Models by Observation.
+
+
+
+
+
+ In International Conference on Learning Representations
+
+
+ 2021.
+
+
+
+
+
+
+
+
+
+
+
+
+ We propose HD, a dynamics meta-learning framework that conditions on an agent’s interactions with the environment and optionally its visual observations, and generates the parameters of neural dynamics models based on inferred properties of the dynamical system. Physical and visual properties of the environment that are not part of the low-dimensional state yet affect its temporal dynamics are inferred from the interaction history and visual observations, and are implicitly captured in the generated parameters. We test HyperDynamics on a set of object pushing and locomotion tasks. It outperforms existing dynamics models in the literature that adapt to environment variations by learning dynamics over high dimensional visual observations, capturing the interactions of the agent in recurrent state representations, or using gradient-based meta-optimization. We also show our method matches the performance of an ensemble of separately trained experts, while also being able to generalize well to unseen environment variations at test time. We attribute its good performance to the multiplicative interactions between the inferred system properties—captured in the generated parameters—and the low-dimensional state representation of the dynamical system.
+
+
+
+
+
+
+
+
+
+
+
+
Compositional Generalization for Neural Semantic Parsing via Span-level Supervised Attention.
+
+
+
+
+
+ In Conference of the North American Chapter of the Association for Computational Linguistics (NAACL)
+
+
+ 2021.
+
+
+
+
+
+
+
+
+
+
+
+
+ We describe a span-level supervised attention loss that improves compositional generalization in semantic parsers. Our approach builds on existing losses that encourage attention maps in neural sequence-to-sequence models to imitate the output of classical word alignment algorithms. Where past work has used word-level alignments, we focus on spans; borrowing ideas from phrase-based machine translation, we align subtrees in semantic parses to spans of input sentences, and encourage neural attention mechanisms to mimic these alignments. This method improves the performance of transformers, RNNs, and structured decoders on three benchmarks of compositional generalization.
+
+
+
+
+
+
+
+
+
+
2021
+
+
+
+
+
+
+
+
+
+
+
Learning Collections of Functions.
+
+
+
+
+
+ Emmanouil Antonios Platanios .
+
+
+
+
+ In Doctoral Thesis at Carnegie Mellon University
+
+
+ 2020.
+
+
+
+
+
+
+
+
+
+
+
+
+ Human intelligence is magnificent. One of its most impressive aspects is how humans always seem able to learn new skills quickly and without much supervision by utilizing previously learned skills and forming connections between them. More specifically, human learning is often not about learning a single skill in isolation, but rather about learning collections of skills and utilizing relationships between them to learn more efficiently. Furthermore, these relationships may either be explicitly provided or implicitly learned, indicating high levels of abstraction in the learned abilities. On the other hand, even though machine learning has witnessed growing success across a multitude of applications over the past years, current systems are each highly specialized to solve one or just a handful of problems. In this thesis, we argue that a computer system that learns to perform multiple tasks jointly and that is aware of the relationships between these tasks, will be able to learn more efficiently and effectively than a system that learns to perform each task in isolation. Moreover, the relationships between the tasks may either be explicitly provided through supervision or implicitly learned by the system itself, and will allow the system to self-reflect and evaluate itself without any task-specific supervision. This includes learning relationships in the form of higher-order functions—namely functions that compose, transform, or otherwise manipulate other functions—that can enable truly multi-task and zero-shot learning. In the first part, we present a method that allows learning systems to evaluate themselves in an unsupervised manner by leveraging explicitly provided relationships between multiple learned functions. We refer to this ability as self-reflection and show how it addresses an important limitation of existing never-ending learning systems like the never-ending language learner (Mitchell et al., 2018). We then propose multiple extensions that improve upon this method, resulting in several robust algorithms for estimating the accuracy of classifiers from unlabeled data. In the second part, we consider more general multi-task learning settings and propose an abstract framework called contextual parameter generation (CPG), which allows systems to generate functions for solving different kinds of tasks without necessarily having been shown any training data for these tasks. This framework generalizes existing approaches in multi-task learning, transfer learning, and meta-learning, and it further allows for learning arbitrary higher-order functions. It does so by formalizing the notion of a function representation and what it means for functions to operate on other functions or even on themselves. This new type of learning, which we refer to as higher-order learning, enables learning relationships between multiple functions in the form of higher-order functions, and is inspired by functional programming and category theory. Finally, we propose the jelly bean world (JBW), a novel evaluation framework for never-ending learning systems.
+
+
+
+
+
+
+
+
+
+
+
+
Jelly Bean World: A Testbed for Never-Ending Learning.
+
+
+
+
+
+ In International Conference on Learning Representations
+
+
+ 2020.
+
+
+
+
+
+
+
+
+
+
+
+
+ Machine learning has shown growing success in recent years. However, current machine learning systems are highly specialized, trained for particular problems or domains, and typically on a single narrow dataset. Human learning, on the other hand, is highly general and adaptable. Never-ending learning is a machine learning paradigm that aims to bridge this gap, with the goal of encouraging researchers to design machine learning systems that can learn to perform a wider variety of inter-related tasks in more complex environments. To date, there is no environment or testbed to facilitate the development and evaluation of never-ending learning systems. To this end, we propose the Jelly Bean World testbed. The Jelly Bean World allows experimentation over two-dimensional grid worlds which are filled with items and in which agents can navigate. This testbed provides environments that are sufficiently complex and where more generally intelligent algorithms ought to perform better than current state-of-the-art reinforcement learning approaches. It does so by producing non-stationary environments and facilitating experimentation with multi-task, multi-agent, multi-modal, and curriculum learning settings. We hope that this new freely-available software will prompt new research and interest in the development and evaluation of never-ending learning systems and more broadly, general intelligence systems.
+
+
+
+
+
+
+
+
+
+
+
+
Contextual Parameter Generation for Knowledge Graph Link Prediction.
+
+
+
+
+
+ In AAAI Conference on Artificial Intelligence
+
+
+ 2020.
+
+
+
+
+
+
+
+
+
+
+
+
+ We consider the task of knowledge graph link prediction. Given a question consisting of a source entity and a relation (e.g., Shakespeare and BornIn), the objective is to predict the most likely answer entity (e.g., England). Recent approaches tackle this problem by learning entity and relation embeddings. However, they often constrain the relationship between these embeddings to be additive (i.e., the embeddings are concatenated and then processed by a sequence of linear functions and element-wise non-linearities). We show that this type of interaction significantly limits representational power. For example, such models cannot handle cases where a different projection of the source entity is used for each relation. We propose to use contextual parameter generation to address this limitation. More specifically, we treat relations as the context in which source entities are processed to produce predictions, by using relation embeddings to generate the parameters of a model operating over source entity embeddings. This allows models to represent more complex interactions between entities and relations. We apply our method on two existing link prediction methods, including the current state-of-the-art, resulting in significant performance gains and establishing a new state-of-the-art for this task. These gains are achieved while also reducing training time by up to 28 times.
+
+
+
+
+
+
+
+
+
+
2020
+
+
+
+
+
+
+
+
+
+
+
Graph Agreement Models for Semi-Supervised Learning.
+
+
+
+
+
+
+
+
Otilia Stretcu ,
+
+
+
+
+
+
+
+
+
+
+
Krishnamurthy Viswanathan,
+
+
+
+
+
+
+
+
+
+
+
Dana Movshovitz-Attias,
+
+
+
+
+
+
+
+
+
+
Emmanouil Antonios Platanios ,
+
+
+
+
+
+
+
+
+
+
Sujith Ravi,
+
+
+
+
+
+
+
+
+ and
+
+
+
Andrew Tomkins
+
+
+
+
+
+
+
+
+
+
+ In Neural Information Processing Systems
+
+
+ 2019.
+
+
+
+
+
+
+
+
+
+
+
+
+ Graph-based algorithms are among the most successful paradigms for solving semi-supervised learning tasks. Recent work on graph convolutional networks and neural graph learning methods has successfully combined the expressiveness of neural networks with graph structures. We propose a technique that, when applied to these methods, achieves state-of-the-art results on semi-supervised learning datasets. Traditional graph-based algorithms, such as label propagation, were designed with the underlying assumption that the label of a node can be imputed from that of the neighboring nodes. However, real-world graphs are either noisy or have edges that do not correspond to label agreement. To address this, we propose Graph Agreement Models (GAM), which introduces an auxiliary model that predicts the probability of two nodes sharing the same label as a learned function of their features. The agreement model is used when training a node classification model by encouraging agreement only for the pairs of nodes it deems likely to have the same label, thus guiding its parameters to better local optima. The classification and agreement models are trained jointly in a co-training fashion. Moreover, GAM can also be applied to any semi-supervised classification problem, by inducing a graph whenever one is not provided. We demonstrate that our method achieves a relative improvement of up to 72% for various node classification models, and obtains state-of-the-art results on multiple established datasets.
+
+
+
+
+
+
+
+
+
+
+
+
Competence-based Curriculum Learning for Neural Machine Translation.
+
+
+
+
+
+ In Conference of the North American Chapter of the Association for Computational Linguistics (NAACL)
+
+
+ 2019.
+
+
+
+
+
+
+
+
+
+
+
+
+ Current state-of-the-art NMT systems use large neural networks that are not only slow to train, but also often require many heuristics and optimization tricks, such as specialized learning rate schedules and large batch sizes. This is undesirable as it requires extensive hyperparameter tuning. In this paper, we propose a curriculum learning framework for NMT that reduces training time, reduces the need for specialized heuristics or large batch sizes, and results in overall better performance. Our framework consists of a principled way of deciding which training samples are shown to the model at different times during training, based on the estimated difficulty of a sample and the current competence of the model. Filtering training samples in this manner prevents the model from getting stuck in bad local optima, making it converge faster and reach a better solution than the common approach of uniformly sampling training examples. Furthermore, the proposed method can be easily applied to existing NMT models by simply modifying their input data pipelines. We show that our framework can help improve the training time and the performance of both recurrent neural network models and Transformers, achieving up to a 70% decrease in training time, while at the same time obtaining accuracy improvements of up to 2.2 BLEU.
+
+
+
+
+
+
+
+
+
+
2019
+
+
+
+
+
+
+
+
+
+
+
Contextual Parameter Generation for Universal Neural Machine Translation.
+
+
+
+
+
+ In Conference on Empirical Methods in Natural Language Processing (EMNLP)
+
+
+ 2018.
+
+
+
+
+
+
+
+
+
+
+
+
+ We propose a simple modification to existing neural machine translation (NMT) models that enables using a single universal model to translate between multiple languages while allowing for language specific parameterization, and that can also be used for domain adaptation. Our approach requires no changes to the model architecture of a standard NMT system, but instead introduces a new component, the contextual parameter generator (CPG), that generates the parameters of the system (e.g., weights in a neural network). This parameter generator accepts source and target language embeddings as input, and generates the parameters for the encoder and the decoder, respectively. The rest of the model remains unchanged and is shared across all languages. We show how this simple modification enables the system to use monolingual data for training and also perform zero-shot translation. We further show it is able to surpass state-of-the-art performance for both the IWSLT-15 and IWSLT-17 datasets and that the learned language embeddings are able to uncover interesting relationships between languages.
+
+
+
+
+
+
+
+
+
+
+
+
Never-Ending Learning.
+
+
+
+
+
+
+
+
Tom Mitchell ,
+
+
+
+
+
+
+
+
+
+
+
William W Cohen,
+
+
+
+
+
+
+
+
+
+
+
Estevam R Hruschka Jr,
+
+
+
+
+
+
+
+
+
+
+
Partha Pratim Talukdar ,
+
+
+
+
+
+
+
+
+
+
+
Bishan Yang ,
+
+
+
+
+
+
+
+
+
+
+
Justin Betteridge ,
+
+
+
+
+
+
+
+
+
+
+
Andrew Carlson ,
+
+
+
+
+
+
+
+
+
+
+
Bhanava Dalvi ,
+
+
+
+
+
+
+
+
+
+
+
Matt Gardner ,
+
+
+
+
+
+
+
+
+
+
+
Bryan Kisiel,
+
+
+
+
+
+
+
+
+
+
+
Jayant Krishnamurthy ,
+
+
+
+
+
+
+
+
+
+
+
Ni Lao ,
+
+
+
+
+
+
+
+
+
+
+
Kathryn Mazaitis ,
+
+
+
+
+
+
+
+
+
+
+
Thahir P Mohamed,
+
+
+
+
+
+
+
+
+
+
+
Ndapakula Nakashole ,
+
+
+
+
+
+
+
+
+
+
Emmanouil Antonios Platanios ,
+
+
+
+
+
+
+
+
+
+
Alan Ritter ,
+
+
+
+
+
+
+
+
+
+
+
Mehdi Samadi ,
+
+
+
+
+
+
+
+
+
+
+
Burr Settles ,
+
+
+
+
+
+
+
+
+
+
+
Richard C Wang ,
+
+
+
+
+
+
+
+
+
+
+
Derry Wijaya ,
+
+
+
+
+
+
+
+
+
+
+
Abhinav Gupta ,
+
+
+
+
+
+
+
+
+
+
+
Xinlei Chen ,
+
+
+
+
+
+
+
+
+
+
+
Abulhair Saparov ,
+
+
+
+
+
+
+
+
+
+
+
Malcolm Greaves ,
+
+
+
+
+
+
+
+
+ and
+
+
+
Joel Welling .
+
+
+
+
+
+
+
+
+
+
+ In Communications of the ACM
+
+
+ 2018.
+
+
+
+
+
+
+
+
+
+
+
+
+ Whereas people learn many different types of knowledge from diverse experiences over many years, and become better learners over time, most current machine learning systems are much more narrow, learning just a single function or data model based on statistical analysis of a single data set. We suggest that people learn better than computers precisely because of this difference, and we suggest a key direction for machine learning research is to develop software architectures that enable intelligent agents to also learn many types of knowledge, continuously over many years, and to become better learners over time. In this paper we define more precisely this never-ending learning paradigm for machine learning, and we present one case study: the Never-Ending Language Learner (NELL), which achieves a number of the desired properties of a never-ending learner. NELL has been learning to read the Web 24hrs/day since January 2010, and so far has acquired a knowledge base with 120mn diverse, confidence-weighted beliefs (e.g., servedWith(tea,biscuits)), while learning thousands of interrelated functions that continually improve its reading competence over time. NELL has also learned to reason over its knowledge base to infer new beliefs it has not yet read from those it has, and NELL is inventing new relational predicates to extend the ontology it uses to represent beliefs. We describe the design of NELL, experimental results illustrating its behavior, and discuss both its successes and shortcomings as a case study in never-ending learning. NELL can be tracked online at http://rtw.ml.cmu.edu, and followed on Twitter at @CMUNELL.
+
+
+
+
+
+
+
+
+
+
+
+
Agreement-based Learning.
+
+
+
+
+
+ Emmanouil A Platanios .
+
+
+
+
+ In arXiv (1806.01258)
+
+
+ 2018.
+
+
+
+
+
+
+
+
+
+
+
+
+ Model selection is a problem that has occupied machine learning researchers for a long time. Recently, its importance has become evident through applications in deep learning. We propose an agreement-based learning framework that prevents many of the pitfalls associated with model selection. It relies on coupling the training of multiple models by encouraging them to agree on their predictions while training. In contrast with other model selection and combination approaches used in machine learning, the proposed framework is inspired by human learning. We also propose a learning algorithm defined within this framework which manages to significantly outperform alternatives in practice, and whose performance improves further with the availability of unlabeled data. Finally, we describe a number of potential directions for developing more flexible agreement-based learning algorithms.
+
+
+
+
+
+
+
+
+
+
+
+
Deep Graphs.
+
+
+
+
+
+
+ Emmanouil Antonios Platanios ,Alex Smola
+
+
+
+
+
+
+
+
+
+
+ In arXiv (1806.01235)
+
+
+ 2018.
+
+
+
+
+
+
+
+
+
+
+
+
+ We propose an algorithm for deep learning on networks and graphs. It relies on the notion that many graph algorithms, such as PageRank, Weisfeiler-Lehman, or Message Passing can be expressed as iterative vertex updates. Unlike previous methods which rely on the ingenuity of the designer, Deep Graphs are adaptive to the estimation problem. Training and deployment are both efficient, since the cost is O(|E|+|V|), where E and V are the sets of edges and vertices respectively. In short, we learn the recurrent update functions rather than positing their specific functional form. This yields an algorithm that achieves excellent accuracy on both graph labeling and regression tasks.
+
+
+
+
+
+
+
+
+
+
2018
+
+
+
+
+
+
+
+
+
+
+
Active Learning amidst Logical Knowledge.
+
+
+
+
+
+
+
Emmanouil Antonios Platanios ,
+
+
+
+
+
+
+
+
+
+
Ashish Kapoor ,
+
+
+
+
+
+
+
+
+ and
+
+
+
Eric Horvitz .
+
+
+
+
+
+
+
+
+
+
+ In arXiv (1709.08850)
+
+
+ 2017.
+
+
+
+
+
+
+
+
+
+
+
+
+ Structured prediction is ubiquitous in applications of machine learning such as knowledge extraction and natural language processing. Structure often can be formulated in terms of logical constraints. We consider the question of how to perform efficient active learning in the presence of logical constraints among variables inferred by different classifiers. We propose several methods and provide theoretical results that demonstrate the inappropriateness of employing uncertainty guided sampling, a commonly used active learning method. Furthermore, experiments on ten different datasets demonstrate that the methods significantly outperform alternatives in practice. The results are of practical significance in situations where labeled data is scarce.
+
+
+
+
+
+
+
+
+
+
+
+
Estimating Accuracy from Unlabeled Data: A Probabilistic Logic Approach.
+
+
+
+
+
+ In Neural Information Processing Systems
+
+
+ 2017.
+
+
+
+
+
+
+
+
+
+
+
+
+ We propose an efficient method to estimate the accuracy of classifiers using only unlabeled data. We consider a setting with multiple classification problems where the target classes may be tied together through logical constraints. For example, a set of classes may be mutually exclusive, meaning that a data instance can belong to at most one of them. The proposed method is based on the intuition that: (i) when classifiers agree, they are more likely to be correct, and (ii) when the classifiers make a prediction that violates the constraints, at least one classifier must be making an error. Experiments on four real-world data sets produce accuracy estimates within a few percent of the true accuracy, using solely unlabeled data. Our models also outperform existing state-of-the-art solutions in both estimating accuracies, and combining multiple classifier outputs. The results emphasize the utility of logical constraints in estimating accuracy, thus validating our intuition.
+
+
+
+
+
+
+
+
+
+
2017
+
+
+
+
+
+
+
+
+
+
+
Estimating Accuracy from Unlabeled Data: A Bayesian Approach.
+
+
+
+
+
+
+
Emmanouil Antonios Platanios ,
+
+
+
+
+
+
+
+
+
+
Avinava Dubey ,
+
+
+
+
+
+
+
+
+ and
+
+
+
Tom Mitchell .
+
+
+
+
+
+
+
+
+
+
+ In International Conference in Machine Learning
+
+
+ 2016.
+
+
+
+
+
+
+
+
+
+
+
+
+ We consider the question of how unlabeled data can be used to estimate the true accuracy of learned classifiers, and the related question of how outputs from several classifiers performing the same task can be combined based on their estimated accuracies. To answer these questions, we first present a simple graphical model that performs well in practice. We then provide two nonparametric extensions to it that improve its performance. Experiments on two real-world data sets produce accuracy estimates within a few percent of the true accuracy, using solely unlabeled data. Our models also outperform existing state-of-the-art solutions in both estimating accuracies, and combining multiple classifier outputs.
+
+
+
+
+
+
+
+
+
+
2016
+
+
+
+
+
+
+
+
+
+
+
Never-Ending Learning.
+
+
+
+
+
+
+
+
Tom Mitchell ,
+
+
+
+
+
+
+
+
+
+
+
William W Cohen,
+
+
+
+
+
+
+
+
+
+
+
Estevam R Hruschka Jr,
+
+
+
+
+
+
+
+
+
+
+
Partha Pratim Talukdar ,
+
+
+
+
+
+
+
+
+
+
+
Justin Betteridge ,
+
+
+
+
+
+
+
+
+
+
+
Andrew Carlson ,
+
+
+
+
+
+
+
+
+
+
+
Bhanava Dalvi ,
+
+
+
+
+
+
+
+
+
+
+
Matt Gardner ,
+
+
+
+
+
+
+
+
+
+
+
Bryan Kisiel,
+
+
+
+
+
+
+
+
+
+
+
Jayant Krishnamurthy ,
+
+
+
+
+
+
+
+
+
+
+
Ni Lao ,
+
+
+
+
+
+
+
+
+
+
+
Kathryn Mazaitis ,
+
+
+
+
+
+
+
+
+
+
+
Thahir P Mohamed,
+
+
+
+
+
+
+
+
+
+
+
Ndapakula Nakashole ,
+
+
+
+
+
+
+
+
+
+
Emmanouil Antonios Platanios ,
+
+
+
+
+
+
+
+
+
+
Alan Ritter ,
+
+
+
+
+
+
+
+
+
+
+
Mehdi Samadi ,
+
+
+
+
+
+
+
+
+
+
+
Burr Settles ,
+
+
+
+
+
+
+
+
+
+
+
Richard C Wang ,
+
+
+
+
+
+
+
+
+
+
+
Derry Wijaya ,
+
+
+
+
+
+
+
+
+
+
+
Abhinav Gupta ,
+
+
+
+
+
+
+
+
+
+
+
Xinlei Chen ,
+
+
+
+
+
+
+
+
+
+
+
Abulhair Saparov ,
+
+
+
+
+
+
+
+
+
+
+
Malcolm Greaves ,
+
+
+
+
+
+
+
+
+ and
+
+
+
Joel Welling .
+
+
+
+
+
+
+
+
+
+
+ In Association for the Advancement of Artificial Intelligence
+
+
+ 2015.
+
+
+
+
+
+
+
+
+
+
+
+
+ Whereas people learn many different types of knowledge from diverse experiences over many years, most current machine learning systems acquire just a single function or data model from just a single data set. We propose a neverending learning paradigm for machine learning, to better reflect the more ambitious and encompassing type of learning performed by humans. As a case study, we describe the Never-Ending Language Learner (NELL), which achieves some of the desired properties of a never-ending learner, and we discuss lessons learned. NELL has been learning to read the web 24 hours/day since January 2010, and so far has acquired a knowledge base with over 80 million confidenceweighted beliefs (e.g., servedWith(tea, biscuits)). NELL has also learned millions of features and parameters that enable it to read these beliefs from the web. Additionally, it has learned to reason over these beliefs to infer new beliefs, and is able to extend its ontology by synthesizing new relational predicates. NELL can be tracked online at http://rtw.ml.cmu.edu, and followed on Twitter at @CMUNELL.
+
+
+
+
+
+
+
+
+
+
+
+
Estimating Accuracy from Unlabeled Data.
+
+
+
+
+
+ Emmanouil Antonios Platanios .
+
+
+
+
+ In Master’s Thesis at Carnegie Mellon University
+
+
+ 2015.
+
+
+
+
+
+
+
+
+
+
+
+
+ We consider the question of how unlabeled data can be used to estimate the true accuracy of learned classifiers. This is an important question for any autonomous learning system that must estimate its accuracy without supervision, and also when classifiers trained from one data distribution must be applied to a new distribution (e.g., document classifiers trained on one text corpus are to be applied to a second corpus). We first show how to estimate error rates exactly from unlabeled data when given a collection of competing classifiers that make independent errors, based on the agreement rates between subsets of these classifiers. We further show that even when the competing classifiers do not make independent errors, both their accuracies and error dependencies can be estimated by making certain relaxed assumptions. We then present an alternative approach based on graphical models that also allows us to combine the outputs of the classifiers into a single output label. A simple graphical model is introduced that performs well in practice. Then, two nonparametric extensions to it are presented, that significantly improve its performance. Experiments on two real-world data sets produce accuracy estimates within a few percent of the true accuracy, using solely unlabeled data. We also obtain results demonstrating our graphical model approaches beating alternative methods for combining the classifiers’ outputs. These results are of practical significance in situations where labeled data is scarce and shed light on the more general question of how the consistency among multiple functions is related to their true accuracies.
+
+
+
+
+
+
+
+
+
+
2015
+
+
+
+
+
+
+
+
+
+
+
Estimating Accuracy from Unlabeled Data.
+
+
+
+
+
+
+
Emmanouil Antonios Platanios ,
+
+
+
+
+
+
+
+
+
+
Avrim Blum ,
+
+
+
+
+
+
+
+
+ and
+
+
+
Tom Mitchell .
+
+
+
+
+
+
+
+
+
+
+ In Conference on Uncertainty in Artificial Intelligence
+
+
+ 2014.
+
+
+
+
+
+
+
+
+
+
+
+
+ We consider the question of how unlabeled data can be used to estimate the true accuracy of learned classifiers. This is an important question for any autonomous learning system that must estimate its accuracy without supervision, and also when classifiers trained from one data distribution must be applied to a new distribution (e.g., document classifiers trained on one text corpus are to be applied to a second corpus). We first show how to estimate error rates exactly from unlabeled data when given a collection of competing classifiers that make independent errors, based on the agreement rates between subsets of these classifiers. We further show that even when the competing classifiers do not make independent errors, both their accuracies and error dependencies can be estimated by making certain relaxed assumptions. Experiments on two data real-world data sets produce estimates within a few percent of the true accuracy, using solely unlabeled data. These results are of practical significance in situations where labeled data is scarce and shed light on the more general question of how the consistency among multiple functions is related to their true accuracies.
+
+
+
+
+
+
+
+
+
+
+
+
Gaussian Process-Mixture Conditional Heteroscedasticity.
+
+
+
+
+
+
+
Emmanouil Antonios Platanios ,
+
+
+
+
+
+
+
+ and
+
+
+
Sotirios Chatzis .
+
+
+
+
+
+
+
+
+
+
+ In IEEE Transactions on Pattern Analysis and Machine Intelligence
+
+
+ 2014.
+
+
+
+
+
+
+
+
+
+
+
+
+ Generalized autoregressive conditional heteroscedasticity (GARCH) models have long been considered as one of the most successful families of approaches for volatility modeling in financial return series. In this paper, we propose an alternative approach based on methodologies widely used in the field of statistical machine learning. Specifically, we propose a novel nonparametric Bayesian mixture of Gaussian process regression models, each component of which models the noise variance process that contaminates the observed data as a separate latent Gaussian process driven by the observed data. This way, we essentially obtain a Gaussian process-mixture conditional heteroscedasticity (GPMCH) model for volatility modeling in financial return series. We impose a nonparametric prior with power-law nature over the distribution of the model mixture components, namely the Pitman-Yor process prior, to allow for better capturing modeled data distributions with heavy tails and skewness. Finally, we provide a copula-based approach for obtaining a predictive posterior for the covariances over the asset returns modeled by means of a postulated GPMCH model. We evaluate the efficacy of our approach in a number of benchmark scenarios, and compare its performance to state-of-the-art methodologies.
+
+
+
+
+
+
+
+
+
+
2014
+
+
+
+
+
+
+
+
+
+
+
Nonparametric Mixtures of Multi-Output Heteroscedastic Gaussian Processes for Volatility Modeling.
+
+
+
+
+
+
+
Emmanouil Antonios Platanios ,
+
+
+
+
+
+
+
+ and
+
+
+
Sotirios Chatzis .
+
+
+
+
+
+
+
+
+
+
+ In Neural Information Processing Systems Workshop on Modern Nonparametric Methods in Machine Learning
+
+
+ 2012.
+
+
+
+
+
+
+
+
+
+
+
+
+ In this work, we present a nonparametric Bayesian method for multivariate volatility modeling. Our approach is based on postulation of a novel mixture of multioutput heteroscedastic Gaussian processes to model the covariance matrices of multiple assets. Specifically, we use the Pitman-Yor process prior as the non- parametric prior imposed over the components of our model, which are taken as multioutput heteroscedastic Gaussian processes obtained by introducing appropriate convolution kernels that combine simple heteroscedastic Gaussian processes under a multioutput scheme. We exhibit the efficacy of our approach in a volatility prediction task.
+
+
+
+
+
+
+
+
+
+
2012
+
+
+
+
+
+
+ © Copyright 2024 Anthony Platanios.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Anthony Platanios | teaching
+
+
+
+
+
+
+
+
+
+
+
+
+
+
teaching
+
classes, workshops, and teaching material
+
+
+
carnegie mellon university
+
+
+
+
+
+
Introduction to Machine Learning
+
+
+
+ 10-701
+
+
+
+
Spring 2016: Guest Lecturer / Teaching Assistant
+
+ Graduate-level introduction to machine learning course taught by Tom Mitchell .
+ — Lecture on gaussian mixture models (GMM): slides and code
+ — Lecture on co-training and accuracy estimation using unlabeled data: slides
+ — Lecture reviewing graphical models basics: slides
+ — Recitation notes on logistic regression and convex optimization
+
+
+
+
+
+
+
+
+
Introduction to Machine Learning
+
+
+
+ 10-701
+
+
+
+
Fall 2014: Teaching Assistant
+
+ Graduate-level introduction to machine learning course taught by Geoff Gordon and Aarti Singh .
+ — Lecture on co-training and accuracy estimation using unlabeled data:
+ — Lecture reviewing graphical models basics: slides
+ — Introductory recitation on convexity and gradient descent: video
+ — Recitation notes on some derivations involving matrix calculus
+
+
+
+
+
random stuff
+
+
+
+
+
+ © Copyright 2024 Anthony Platanios.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
-
-
-
diff --git a/_projects/tensorflow_scala.md b/_projects/tensorflow_scala.md
deleted file mode 100644
index 429ceb3ffed2..000000000000
--- a/_projects/tensorflow_scala.md
+++ /dev/null
@@ -1,145 +0,0 @@
----
-layout: project
-title: TensorFlow Scala
-nav: projects
-importance: 75
-description: type-safe linear algebra, tensors, and neural networks
-img: /assets/img/tensorflow_for_scala_logo.svg
-github: eaplatanios/tensorflow_scala
----
-
-This library is a Scala API for [https://www.tensorflow.org](https://www.tensorflow.org). It attempts to provide most of
-the functionality provided by the official Python API, while at the same type being strongly-typed and adding some new
-features. It is a work in progress and a project I started working on for my personal research purposes. Much of the API
-should be relatively stable by now, but things are still likely to change. That is why there is no official release of
-this library yet.
-
-Please refer to the main website for documentation and tutorials. Here
-are a few useful links:
-
- - [Installation](https://eaplatanios.github.io/tensorflow_scala/installation.html)
- - [Getting Started Guide](https://eaplatanios.github.io/tensorflow_scala/getting_started.html)
- - [Library Architecture](https://eaplatanios.github.io/tensorflow_scala/architecture.html)
- - [Contributing](https://eaplatanios.github.io/tensorflow_scala/contributing.html)
-
-## Main Features
-
-- Easy manipulation of tensors and computations involving tensors (similar to NumPy in Python):
-
- ```scala
- val t1 = Tensor( 1.2, 4.5)
- val t2 = Tensor(-0.2, 1.1)
- t1 + t2 == Tensor(1.0, 5.6)
- ```
-
-- High-level API for creating, training, and using neural networks. For example, the following code shows how simple it
- is to train a multi-layer perceptron for MNIST using TensorFlow for Scala. Here we omit a lot of very powerful
- features such as summary and checkpoint savers, for simplicity, but these are also very simple to use.
-
- ```scala
- import org.platanios.tensorflow.api._
- import org.platanios.tensorflow.api.tf.learn._
- import org.platanios.tensorflow.data.loaders.MNISTLoader
-
- // Load and batch data using pre-fetching.
- val dataSet = MNISTLoader.load(Paths.get("/tmp"))
- val trainImages = DatasetFromSlices(dataSet.trainImages)
- val trainLabels = DatasetFromSlices(dataSet.trainLabels)
- val trainData =
- trainImages.zip(trainLabels)
- .repeat()
- .shuffle(10000)
- .batch(256)
- .prefetch(10)
-
- // Create the MLP model.
- val input = Input(UINT8, Shape(-1, 28, 28))
- val trainInput = Input(UINT8, Shape(-1))
- val layer = Flatten() >> Cast(FLOAT32) >>
- Linear(128, name = "Layer_0") >> ReLU(0.1f) >>
- Linear(64, name = "Layer_1") >> ReLU(0.1f) >>
- Linear(32, name = "Layer_2") >> ReLU(0.1f) >>
- Linear(10, name = "OutputLayer")
- val trainingInputLayer = Cast(INT64)
- val loss = SparseSoftmaxCrossEntropy() >> Mean()
- val optimizer = GradientDescent(1e-6)
- val model = Model(input, layer, trainInput, trainingInputLayer, loss, optimizer)
-
- // Create an estimator and train the model.
- val estimator = Estimator(model)
- estimator.train(trainData, StopCriteria(maxSteps = Some(1000000)))
- ```
-
- And by changing a few lines to the following code, you can get checkpoint capability, summaries, and seamless
- integration with TensorBoard:
-
- ```scala
- loss = loss >> tf.learn.ScalarSummary("Loss") // Collect loss summaries for plotting
- val summariesDir = Paths.get("/tmp/summaries") // Directory in which to save summaries and checkpoints
- val estimator = Estimator(model, Configuration(Some(summariesDir)))
- estimator.train(
- trainData, StopCriteria(maxSteps = Some(1000000)),
- Seq(
- SummarySaverHook(summariesDir, StepHookTrigger(100)), // Save summaries every 1000 steps
- CheckpointSaverHook(summariesDir, StepHookTrigger(1000))), // Save checkpoint every 1000 steps
- tensorBoardConfig = TensorBoardConfig(summariesDir)) // Launch TensorBoard server in the background
- ```
-
- If you now browse to `https://127.0.0.1:6006` while training, you can see the training progress:
-
- 
- 
- 
- 
-