/*
! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #E4E4E7; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/

html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, -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"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/*
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;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-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 in Chrome and Safari on macOS.
*/

::-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 {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #A1A1AA; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #A1A1AA; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}
  :root {
    /* shadcn semantic tokens — Zinc-based dark palette */
    --background: 240 5.9% 10%;          /* #18181B  Zinc 900 */
    --foreground: 0 0% 98%;              /* #FAFAFA  Zinc 50 */

    --card: 240 3.7% 15.9%;              /* #27272A  Zinc 800 */
    --card-foreground: 0 0% 98%;         /* #FAFAFA  Zinc 50 */

    --popover: 240 3.7% 15.9%;           /* #27272A  Zinc 800 */
    --popover-foreground: 0 0% 98%;      /* #FAFAFA  Zinc 50 */

    --primary: 210 40% 98%;              /* #f8fafc  Slate 50 */
    --primary-foreground: 240 5.9% 10%;  /* #18181B  Zinc 900 */

    --secondary: 240 3.7% 15.9%;         /* #27272A  Zinc 800 */
    --secondary-foreground: 0 0% 98%;    /* #FAFAFA  Zinc 50 */

    --muted: 240 3.7% 15.9%;             /* #27272A  Zinc 800 */
    --muted-foreground: 240 5% 64.9%;    /* #A1A1AA  Zinc 400 */

    --accent: 240 5.3% 26.1%;            /* #3F3F46  Zinc 700 */
    --accent-foreground: 0 0% 98%;       /* #FAFAFA  Zinc 50 */

    --destructive: 0 84.2% 60.2%;        /* #EF4444  Red 500 */
    --destructive-foreground: 0 0% 98%;  /* #FAFAFA  Zinc 50 */

    --border: 240 5.3% 26.1%;            /* #3F3F46  Zinc 700 */
    --input: 240 5.3% 26.1%;             /* #3F3F46  Zinc 700 */
    --ring: 240 5% 64.9%;                /* #A1A1AA  Zinc 400 */

    --radius: 0.5rem;

    /* AG Grid theming */
    --cell-positive: #10B981;            /* Emerald 500 */
    --cell-negative: #EF4444;            /* Red 500 */
    --cell-neutral: #A1A1AA;             /* Zinc 400 */
    --cell-highlight: #22D3EE;           /* Cyan 400 */
    --cell-locked: #F59E0B;              /* Amber 500 */
    --cell-excluded: #6B7280;            /* Gray 500 */
    --grid-bg: #27272A;                  /* Zinc 800 */
    --grid-bg-alt: #18181B;              /* Zinc 900 */
    --grid-header-bg: #18181B;           /* Zinc 900 */
    --grid-border: #3F3F46;              /* Zinc 700 */
    --grid-row-hover: #3F3F46;           /* Zinc 700 */
    --grid-text: #FAFAFA;               /* Zinc 50 */
    --grid-text-secondary: #A1A1AA;      /* Zinc 400 */

    /* react-select theming */
    --select-bg: #27272A;                /* Zinc 800 */
    --select-bg-hover: #3F3F46;          /* Zinc 700 */
    --select-bg-selected: #3F3F46;       /* Zinc 700 */
    --select-text: #FAFAFA;              /* Zinc 50 */
    --select-border: #3F3F46;            /* Zinc 700 */
  }

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(6 182 212 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(6 182 212 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}
@media (min-width: 1400px) {

  .container {
    max-width: 1400px;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.visible {
  visibility: visible;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.inset-0 {
  inset: 0px;
}
.bottom-6 {
  bottom: 1.5rem;
}
.left-8 {
  left: 2rem;
}
.right-0 {
  right: 0px;
}
.right-8 {
  right: 2rem;
}
.top-0 {
  top: 0px;
}
.top-1\/2 {
  top: 50%;
}
.top-6 {
  top: 1.5rem;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-\[2\] {
  z-index: 2;
}
.z-\[9999\] {
  z-index: 9999;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.m-0 {
  margin: 0px;
}
.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-\[16px\] {
  margin-left: 16px;
  margin-right: 16px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-0\.5 {
  margin-bottom: 0.125rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-16 {
  margin-bottom: 4rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.me-2 {
  margin-inline-end: 0.5rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.ml-7 {
  margin-left: 1.75rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-1\.5 {
  margin-right: 0.375rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mt-0 {
  margin-top: 0px;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-\[16px\] {
  margin-top: 16px;
}
.mt-auto {
  margin-top: auto;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.aspect-video {
  aspect-ratio: 16 / 9;
}
.h-1 {
  height: 0.25rem;
}
.h-10 {
  height: 2.5rem;
}
.h-12 {
  height: 3rem;
}
.h-16 {
  height: 4rem;
}
.h-2 {
  height: 0.5rem;
}
.h-3 {
  height: 0.75rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-4 {
  height: 1rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[100dvh\] {
  height: 100dvh;
}
.h-\[35px\] {
  height: 35px;
}
.h-\[42px\] {
  height: 42px;
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.min-h-\[280px\] {
  min-height: 280px;
}
.min-h-\[44px\] {
  min-height: 44px;
}
.min-h-\[45px\] {
  min-height: 45px;
}
.min-h-screen {
  min-height: 100vh;
}
.w-10 {
  width: 2.5rem;
}
.w-12 {
  width: 3rem;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: 0.5rem;
}
.w-20 {
  width: 5rem;
}
.w-3 {
  width: 0.75rem;
}
.w-3\.5 {
  width: 0.875rem;
}
.w-4 {
  width: 1rem;
}
.w-40 {
  width: 10rem;
}
.w-5 {
  width: 1.25rem;
}
.w-6 {
  width: 1.5rem;
}
.w-9 {
  width: 2.25rem;
}
.w-\[1\.5px\] {
  width: 1.5px;
}
.w-\[50px\] {
  width: 50px;
}
.w-\[70px\] {
  width: 70px;
}
.w-auto {
  width: auto;
}
.w-full {
  width: 100%;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-full {
  min-width: 100%;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-\[475px\] {
  max-width: 475px;
}
.max-w-\[560px\] {
  max-width: 560px;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-sm {
  max-width: 24rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink-0 {
  flex-shrink: 0;
}
.origin-center {
  transform-origin: center;
}
.-translate-x-\[120px\] {
  --tw-translate-x: -120px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0\.5 {
  --tw-translate-x: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-4 {
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[1\.3\] {
  --tw-scale-x: 1.3;
  --tw-scale-y: 1.3;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes slideIn {

  from {
    transform: translateX(100%);
  }

  to {
    transform: translateX(0);
  }
}
.animate-slide-in {
  animation: slideIn 0.2s ease-out;
}
@keyframes spin {

  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-pointer {
  cursor: pointer;
}
.resize {
  resize: both;
}
.scroll-mt-24 {
  scroll-margin-top: 6rem;
}
.list-none {
  list-style-type: none;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-\[1fr\2c auto\2c 1fr\] {
  grid-template-columns: 1fr auto 1fr;
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.items-start {
  align-items: flex-start;
}
.items-center {
  align-items: center;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-0 {
  gap: 0px;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-12 {
  gap: 3rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-7 {
  gap: 1.75rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-border-primary > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(63 63 70 / var(--tw-divide-opacity));
}
.self-start {
  align-self: flex-start;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-clip {
  overflow: clip;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-\[0\.5rem\] {
  border-radius: 0.5rem;
}
.rounded-\[16px\] {
  border-radius: 16px;
}
.rounded-\[20px\] {
  border-radius: 20px;
}
.rounded-\[32px\] {
  border-radius: 32px;
}
.rounded-\[64px\] {
  border-radius: 64px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: calc(0.5rem - 2px);
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-b-md {
  border-bottom-right-radius: calc(0.5rem - 2px);
  border-bottom-left-radius: calc(0.5rem - 2px);
}
.rounded-t-md {
  border-top-left-radius: calc(0.5rem - 2px);
  border-top-right-radius: calc(0.5rem - 2px);
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-x {
  border-left-width: 1px;
  border-right-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-\[\#47936C\] {
  --tw-border-opacity: 1;
  border-color: rgb(71 147 108 / var(--tw-border-opacity));
}
.border-border-focus {
  --tw-border-opacity: 1;
  border-color: rgb(82 82 91 / var(--tw-border-opacity));
}
.border-border-primary {
  --tw-border-opacity: 1;
  border-color: rgb(63 63 70 / var(--tw-border-opacity));
}
.border-emerald-500 {
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity));
}
.border-gray-600 {
  --tw-border-opacity: 1;
  border-color: rgb(82 82 91 / var(--tw-border-opacity));
}
.border-gray-700 {
  --tw-border-opacity: 1;
  border-color: rgb(63 63 70 / var(--tw-border-opacity));
}
.border-gray-800 {
  --tw-border-opacity: 1;
  border-color: rgb(39 39 42 / var(--tw-border-opacity));
}
.border-input {
  border-color: hsl(240 5.3% 26.1%);
}
.border-red-400 {
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity));
}
.border-transparent {
  border-color: transparent;
}
.border-zinc-600 {
  --tw-border-opacity: 1;
  border-color: rgb(82 82 91 / var(--tw-border-opacity));
}
.border-zinc-700 {
  --tw-border-opacity: 1;
  border-color: rgb(63 63 70 / var(--tw-border-opacity));
}
.bg-\[\#171717\] {
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity));
}
.bg-\[\#47936C\] {
  --tw-bg-opacity: 1;
  background-color: rgb(71 147 108 / var(--tw-bg-opacity));
}
.bg-accent-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}
.bg-amber-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity));
}
.bg-background {
  background-color: hsl(240 5.9% 10%);
}
.bg-background-hover {
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 70 / var(--tw-bg-opacity));
}
.bg-background-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity));
}
.bg-background-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity));
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}
.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity));
}
.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(8 145 178 / var(--tw-bg-opacity));
}
.bg-card {
  background-color: hsl(240 3.7% 15.9%);
}
.bg-cyan-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity));
}
.bg-cyan-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(8 145 178 / var(--tw-bg-opacity));
}
.bg-destructive {
  background-color: hsl(0 84.2% 60.2%);
}
.bg-emerald-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity));
}
.bg-emerald-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity));
}
.bg-emerald-900\/50 {
  background-color: rgb(6 78 59 / 0.5);
}
.bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 70 / var(--tw-bg-opacity));
}
.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity));
}
.bg-gray-800\/30 {
  background-color: rgb(39 39 42 / 0.3);
}
.bg-gray-800\/50 {
  background-color: rgb(39 39 42 / 0.5);
}
.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity));
}
.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity));
}
.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity));
}
.bg-indigo-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity));
}
.bg-primary {
  background-color: hsl(210 40% 98%);
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}
.bg-red-900\/50 {
  background-color: rgb(127 29 29 / 0.5);
}
.bg-secondary {
  background-color: hsl(240 3.7% 15.9%);
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-zinc-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(82 82 91 / var(--tw-bg-opacity));
}
.bg-zinc-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity));
}
.bg-zinc-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity));
}
.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.from-background {
  --tw-gradient-from: hsl(var(--background)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-background\/60 {
  --tw-gradient-to: hsl(var(--background) / 0.6) var(--tw-gradient-to-position);
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 0.25rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.p-\[16px\] {
  padding: 16px;
}
.p-\[24px\] {
  padding: 24px;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[0px\] {
  padding-left: 0px;
  padding-right: 0px;
}
.px-\[20px\] {
  padding-left: 20px;
  padding-right: 20px;
}
.px-\[24px\] {
  padding-left: 24px;
  padding-right: 24px;
}
.px-\[36px\] {
  padding-left: 36px;
  padding-right: 36px;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[48px\] {
  padding-top: 48px;
  padding-bottom: 48px;
}
.py-\[64px\] {
  padding-top: 64px;
  padding-bottom: 64px;
}
.py-\[8px\] {
  padding-top: 8px;
  padding-bottom: 8px;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pb-\[0px\] {
  padding-bottom: 0px;
}
.pb-\[36px\] {
  padding-bottom: 36px;
}
.pb-\[48px\] {
  padding-bottom: 48px;
}
.pl-0 {
  padding-left: 0px;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pr-0 {
  padding-right: 0px;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-10 {
  padding-right: 2.5rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pt-0 {
  padding-top: 0px;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-\[12px\] {
  padding-top: 12px;
}
.pt-\[36px\] {
  padding-top: 36px;
}
.pt-\[96px\] {
  padding-top: 96px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.font-accent {
  font-family: var(--font-orbitron), sans-serif;
}
.font-audiowide {
  font-family: var(--font-audiowide), sans-serif;
}
.font-primary {
  font-family: var(--font-rajdhani), sans-serif;
}
.font-secondary {
  font-family: var(--font-exo2), sans-serif;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-\[0\.8rem\] {
  font-size: 0.8rem;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[28px\] {
  font-size: 28px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold {
  font-weight: 700;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.italic {
  font-style: italic;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-\[24px\] {
  line-height: 24px;
}
.leading-\[28px\] {
  line-height: 28px;
}
.leading-\[32px\] {
  line-height: 32px;
}
.leading-none {
  line-height: 1;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.text-\[\#47936C\] {
  --tw-text-opacity: 1;
  color: rgb(71 147 108 / var(--tw-text-opacity));
}
.text-\[\#E4DAD7\] {
  --tw-text-opacity: 1;
  color: rgb(228 218 215 / var(--tw-text-opacity));
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-blue-400 {
  --tw-text-opacity: 1;
  color: rgb(34 211 238 / var(--tw-text-opacity));
}
.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(8 145 178 / var(--tw-text-opacity));
}
.text-card-foreground {
  color: hsl(0 0% 98%);
}
.text-cyan-500 {
  --tw-text-opacity: 1;
  color: rgb(6 182 212 / var(--tw-text-opacity));
}
.text-destructive {
  color: hsl(0 84.2% 60.2%);
}
.text-destructive-foreground {
  color: hsl(0 0% 98%);
}
.text-emerald-400 {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity));
}
.text-emerald-500 {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity));
}
.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(212 212 216 / var(--tw-text-opacity));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity));
}
.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity));
}
.text-indigo-500 {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity));
}
.text-muted-foreground {
  color: hsl(240 5% 64.9%);
}
.text-primary {
  color: hsl(210 40% 98%);
}
.text-primary-foreground {
  color: hsl(240 5.9% 10%);
}
.text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity));
}
.text-secondary-foreground {
  color: hsl(0 0% 98%);
}
.text-text-muted {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity));
}
.text-text-primary {
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity));
}
.text-text-secondary {
  --tw-text-opacity: 1;
  color: rgb(212 212 216 / var(--tw-text-opacity));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-zinc-300 {
  --tw-text-opacity: 1;
  color: rgb(212 212 216 / var(--tw-text-opacity));
}
.text-zinc-400 {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity));
}
.underline {
  text-decoration-line: underline;
}
.no-underline {
  text-decoration-line: none;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-75 {
  opacity: 0.75;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}
.shadow-\[-18px_19px_53px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
  --tw-shadow: -18px 19px 53px rgba(0,0,0,0.25);
  --tw-shadow-colored: -18px 19px 53px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}
.outline {
  outline-style: solid;
}
.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
}
.ring-emerald-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity));
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes enter {

  from {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate(0);
  }
}
@keyframes exit {

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate(0);
  }
}
.duration-200 {
  animation-duration: 200ms;
}
.ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/*
 * NOTE: The standard shadcn `* { @apply border-border }` reset is intentionally
 * omitted here. It conflicts with base.css and AG Grid's internal borders.
 * shadcn components already apply border classes explicitly where needed.
 */

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: .75rem 0;
  margin-bottom: 0;
  list-style: none;
  background-color: transparent;
  border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
  padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item:before {
  float: left;
  padding-right: .5rem;
  color: #748194;
  content: "»"
}

.breadcrumb-item+.breadcrumb-item:hover:before {
  text-decoration: underline;
  text-decoration: none
}

.breadcrumb-item.active {
  color: #748194
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: .25rem
}

.page-link {
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #fff;
  background-color: #18181B;
  border: 1px solid #344050
}

.page-link:hover {
  z-index: 2;
  color: #18181B;
  text-decoration: none;
  background-color: #fff;
  border-color: #fff
}

.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(44, 123, 229, .25)
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
  z-index: 3;
  color: #18181B;
  background-color: #fff;
  border-color: #fff
}

.page-item.disabled .page-link {
  color: #748194;
  pointer-events: none;
  cursor: auto;
  background-color: #18181B;
  border-color: #344050
}

.pagination-lg .page-link {
  padding: .75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: .3rem;
  border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: .3rem;
  border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: .2rem;
  border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: .2rem;
  border-bottom-right-radius: .2rem
}



.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #18181B;
  border-radius: .3rem
}

@media (min-width:576px) {
  .jumbotron {
    padding: 4rem 2rem
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0
}

@keyframes progress-bar-stripes {
  0% {
    background-position: 1rem 0
  }

  to {
    background-position: 0 0
  }
}



.media {
  display: flex;
  align-items: flex-start
}

.media-body {
  flex: 1 1
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-shadow: 0 1px 0 #18181B;
  opacity: .5
}

.close:hover {
  color: #fff;
  text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
  opacity: .75
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0
}

a.close.disabled {
  pointer-events: none
}

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: .25em solid;
  border-right: .25em solid transparent;
  border-radius: 50%;
  animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
  width: 1.35rem;
  height: 1.35rem;
  border-width: .2em
}

@keyframes spinner-grow {
  0% {
    transform: scale(0)
  }

  50% {
    opacity: 1;
    transform: none
  }
}

.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: 1.35rem;
  height: 1.35rem
}

@media (prefers-reduced-motion:reduce) {

  .spinner-border,
  .spinner-grow {
    animation-duration: 1.5s
  }
}

.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: #2c7be5 !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
  background-color: #1862c6 !important
}

.bg-secondary {
  background-color: #748194 !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
  background-color: #5d6878 !important
}

.bg-success {
  background-color: #00d27a !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
  background-color: #009f5c !important
}

.bg-info {
  background-color: #27bcfd !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
  background-color: #02a7ef !important
}

.bg-warning {
  background-color: #f5803e !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
  background-color: #f2600e !important
}

.bg-danger {
  background-color: #e63757 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
  background-color: #d01a3b !important
}

.bg-light {
  background-color: #27272A !important;
  /* background-color: #27272A !important */
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
  background-color: #060b12 !important
}

.bg-dark {
  background-color: #f9fafd !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
  background-color: #d3daf0 !important
}

.bg-transparent {
  background-color: transparent !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
}

.rounded-sm {
  border-radius: .2rem !important
}

.rounded-lg {
  border-radius: .3rem !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 (min-width:1540px) {
  .d-xxl-none {
    display: none !important
  }

  .d-xxl-inline {
    display: inline !important
  }

  .d-xxl-inline-block {
    display: inline-block !important
  }

  .d-xxl-block {
    display: block !important
  }

  .d-xxl-table {
    display: table !important
  }

  .d-xxl-table-row {
    display: table-row !important
  }

  .d-xxl-table-cell {
    display: table-cell !important
  }

  .d-xxl-flex {
    display: flex !important
  }

  .d-xxl-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 embed,
.embed-responsive iframe,
.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.85714%
}

.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
  }
}

@media (min-width:1540px) {
  .flex-xxl-row {
    flex-direction: row !important
  }

  .flex-xxl-column {
    flex-direction: column !important
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important
  }

  .justify-content-xxl-center {
    justify-content: center !important
  }

  .justify-content-xxl-between {
    justify-content: space-between !important
  }

  .justify-content-xxl-around {
    justify-content: space-around !important
  }

  .align-items-xxl-start {
    align-items: flex-start !important
  }

  .align-items-xxl-end {
    align-items: flex-end !important
  }

  .align-items-xxl-center {
    align-items: center !important
  }

  .align-items-xxl-baseline {
    align-items: baseline !important
  }

  .align-items-xxl-stretch {
    align-items: stretch !important
  }

  .align-content-xxl-start {
    align-content: flex-start !important
  }

  .align-content-xxl-end {
    align-content: flex-end !important
  }

  .align-content-xxl-center {
    align-content: center !important
  }

  .align-content-xxl-between {
    align-content: space-between !important
  }

  .align-content-xxl-around {
    align-content: space-around !important
  }

  .align-content-xxl-stretch {
    align-content: stretch !important
  }

  .align-self-xxl-auto {
    align-self: auto !important
  }

  .align-self-xxl-start {
    align-self: flex-start !important
  }

  .align-self-xxl-end {
    align-self: flex-end !important
  }

  .align-self-xxl-center {
    align-self: center !important
  }

  .align-self-xxl-baseline {
    align-self: baseline !important
  }

  .align-self-xxl-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
  }
}

@media (min-width:1540px) {
  .float-xxl-left {
    float: left !important
  }

  .float-xxl-right {
    float: right !important
  }

  .float-xxl-none {
    float: none !important
  }
}

.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important
}

.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important
}

.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important
}

.overflow-auto {
  overflow: auto !important
}

.overflow-hidden {
  overflow: hidden !important
}

.fixed-top {
  top: 0
}

.fixed-bottom,
.fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030
}

.fixed-bottom {
  bottom: 0
}

@supports (position:sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  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 .125rem .25rem rgba(0, 0, 0, .5) !important
}

.shadow {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .25) !important
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .4) !important
}

.shadow-none {
  box-shadow: none !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
}

.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: .25rem !important
}

.mt-1,
.my-1 {
  margin-top: .25rem !important
}

.mr-1,
.mx-1 {
  margin-right: .25rem !important
}

.mb-1,
.my-1 {
  margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
  margin-left: .25rem !important
}

.m-2 {
  margin: .5rem !important
}

.mt-2,
.my-2 {
  margin-top: .5rem !important
}

.mr-2,
.mx-2 {
  margin-right: .5rem !important
}

.mb-2,
.my-2 {
  margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
  margin-left: .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.8rem !important
}

.mt-4,
.my-4 {
  margin-top: 1.8rem !important
}

.mr-4,
.mx-4 {
  margin-right: 1.8rem !important
}

.mb-4,
.my-4 {
  margin-bottom: 1.8rem !important
}

.ml-4,
.mx-4 {
  margin-left: 1.8rem !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
}

.m-6 {
  margin: 4rem !important
}

.mt-6,
.my-6 {
  margin-top: 4rem !important
}

.mr-6,
.mx-6 {
  margin-right: 4rem !important
}

.mb-6,
.my-6 {
  margin-bottom: 4rem !important
}

.ml-6,
.mx-6 {
  margin-left: 4rem !important
}

.m-7 {
  margin: 5rem !important
}

.mt-7,
.my-7 {
  margin-top: 5rem !important
}

.mr-7,
.mx-7 {
  margin-right: 5rem !important
}

.mb-7,
.my-7 {
  margin-bottom: 5rem !important
}

.ml-7,
.mx-7 {
  margin-left: 5rem !important
}

.m-8 {
  margin: 7.5rem !important
}

.mt-8,
.my-8 {
  margin-top: 7.5rem !important
}

.mr-8,
.mx-8 {
  margin-right: 7.5rem !important
}

.mb-8,
.my-8 {
  margin-bottom: 7.5rem !important
}

.ml-8,
.mx-8 {
  margin-left: 7.5rem !important
}

.m-9 {
  margin: 10rem !important
}

.mt-9,
.my-9 {
  margin-top: 10rem !important
}

.mr-9,
.mx-9 {
  margin-right: 10rem !important
}

.mb-9,
.my-9 {
  margin-bottom: 10rem !important
}

.ml-9,
.mx-9 {
  margin-left: 10rem !important
}

.m-10 {
  margin: 12.5rem !important
}

.mt-10,
.my-10 {
  margin-top: 12.5rem !important
}

.mr-10,
.mx-10 {
  margin-right: 12.5rem !important
}

.mb-10,
.my-10 {
  margin-bottom: 12.5rem !important
}

.ml-10,
.mx-10 {
  margin-left: 12.5rem !important
}

.m-11 {
  margin: 15rem !important
}

.mt-11,
.my-11 {
  margin-top: 15rem !important
}

.mr-11,
.mx-11 {
  margin-right: 15rem !important
}

.mb-11,
.my-11 {
  margin-bottom: 15rem !important
}

.ml-11,
.mx-11 {
  margin-left: 15rem !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: .25rem !important
}

.pt-1,
.py-1 {
  padding-top: .25rem !important
}

.pr-1,
.px-1 {
  padding-right: .25rem !important
}

.pb-1,
.py-1 {
  padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
  padding-left: .25rem !important
}

.p-2 {
  padding: .5rem !important
}

.pt-2,
.py-2 {
  padding-top: .5rem !important
}

.pr-2,
.px-2 {
  padding-right: .5rem !important
}

.pb-2,
.py-2 {
  padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
  padding-left: .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.8rem !important
}

.pt-4,
.py-4 {
  padding-top: 1.8rem !important
}

.pr-4,
.px-4 {
  padding-right: 1.8rem !important
}

.pb-4,
.py-4 {
  padding-bottom: 1.8rem !important
}

.pl-4,
.px-4 {
  padding-left: 1.8rem !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
}

.p-6 {
  padding: 4rem !important
}

.pt-6,
.py-6 {
  padding-top: 4rem !important
}

.pr-6,
.px-6 {
  padding-right: 4rem !important
}

.pb-6,
.py-6 {
  padding-bottom: 4rem !important
}

.pl-6,
.px-6 {
  padding-left: 4rem !important
}

.p-7 {
  padding: 5rem !important
}

.pt-7,
.py-7 {
  padding-top: 5rem !important
}

.pr-7,
.px-7 {
  padding-right: 5rem !important
}

.pb-7,
.py-7 {
  padding-bottom: 5rem !important
}

.pl-7,
.px-7 {
  padding-left: 5rem !important
}

.p-8 {
  padding: 7.5rem !important
}

.pt-8,
.py-8 {
  padding-top: 7.5rem !important
}

.pr-8,
.px-8 {
  padding-right: 7.5rem !important
}

.pb-8,
.py-8 {
  padding-bottom: 7.5rem !important
}

.pl-8,
.px-8 {
  padding-left: 7.5rem !important
}

.p-9 {
  padding: 10rem !important
}

.pt-9,
.py-9 {
  padding-top: 10rem !important
}

.pr-9,
.px-9 {
  padding-right: 10rem !important
}

.pb-9,
.py-9 {
  padding-bottom: 10rem !important
}

.pl-9,
.px-9 {
  padding-left: 10rem !important
}

.p-10 {
  padding: 12.5rem !important
}

.pt-10,
.py-10 {
  padding-top: 12.5rem !important
}

.pr-10,
.px-10 {
  padding-right: 12.5rem !important
}

.pb-10,
.py-10 {
  padding-bottom: 12.5rem !important
}

.pl-10,
.px-10 {
  padding-left: 12.5rem !important
}

.p-11 {
  padding: 15rem !important
}

.pt-11,
.py-11 {
  padding-top: 15rem !important
}

.pr-11,
.px-11 {
  padding-right: 15rem !important
}

.pb-11,
.py-11 {
  padding-bottom: 15rem !important
}

.pl-11,
.px-11 {
  padding-left: 15rem !important
}

.m-n1 {
  margin: -.25rem !important
}

.mt-n1,
.my-n1 {
  margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
  margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
  margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
  margin-left: -.25rem !important
}

.m-n2 {
  margin: -.5rem !important
}

.mt-n2,
.my-n2 {
  margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
  margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
  margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
  margin-left: -.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.8rem !important
}

.mt-n4,
.my-n4 {
  margin-top: -1.8rem !important
}

.mr-n4,
.mx-n4 {
  margin-right: -1.8rem !important
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.8rem !important
}

.ml-n4,
.mx-n4 {
  margin-left: -1.8rem !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-n6 {
  margin: -4rem !important
}

.mt-n6,
.my-n6 {
  margin-top: -4rem !important
}

.mr-n6,
.mx-n6 {
  margin-right: -4rem !important
}

.mb-n6,
.my-n6 {
  margin-bottom: -4rem !important
}

.ml-n6,
.mx-n6 {
  margin-left: -4rem !important
}

.m-n7 {
  margin: -5rem !important
}

.mt-n7,
.my-n7 {
  margin-top: -5rem !important
}

.mr-n7,
.mx-n7 {
  margin-right: -5rem !important
}

.mb-n7,
.my-n7 {
  margin-bottom: -5rem !important
}

.ml-n7,
.mx-n7 {
  margin-left: -5rem !important
}

.m-n8 {
  margin: -7.5rem !important
}

.mt-n8,
.my-n8 {
  margin-top: -7.5rem !important
}

.mr-n8,
.mx-n8 {
  margin-right: -7.5rem !important
}

.mb-n8,
.my-n8 {
  margin-bottom: -7.5rem !important
}

.ml-n8,
.mx-n8 {
  margin-left: -7.5rem !important
}

.m-n9 {
  margin: -10rem !important
}

.mt-n9,
.my-n9 {
  margin-top: -10rem !important
}

.mr-n9,
.mx-n9 {
  margin-right: -10rem !important
}

.mb-n9,
.my-n9 {
  margin-bottom: -10rem !important
}

.ml-n9,
.mx-n9 {
  margin-left: -10rem !important
}

.m-n10 {
  margin: -12.5rem !important
}

.mt-n10,
.my-n10 {
  margin-top: -12.5rem !important
}

.mr-n10,
.mx-n10 {
  margin-right: -12.5rem !important
}

.mb-n10,
.my-n10 {
  margin-bottom: -12.5rem !important
}

.ml-n10,
.mx-n10 {
  margin-left: -12.5rem !important
}

.m-n11 {
  margin: -15rem !important
}

.mt-n11,
.my-n11 {
  margin-top: -15rem !important
}

.mr-n11,
.mx-n11 {
  margin-right: -15rem !important
}

.mb-n11,
.my-n11 {
  margin-bottom: -15rem !important
}

.ml-n11,
.mx-n11 {
  margin-left: -15rem !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: .25rem !important
  }

  .mt-sm-1,
  .my-sm-1 {
    margin-top: .25rem !important
  }

  .mr-sm-1,
  .mx-sm-1 {
    margin-right: .25rem !important
  }

  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: .25rem !important
  }

  .ml-sm-1,
  .mx-sm-1 {
    margin-left: .25rem !important
  }

  .m-sm-2 {
    margin: .5rem !important
  }

  .mt-sm-2,
  .my-sm-2 {
    margin-top: .5rem !important
  }

  .mr-sm-2,
  .mx-sm-2 {
    margin-right: .5rem !important
  }

  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: .5rem !important
  }

  .ml-sm-2,
  .mx-sm-2 {
    margin-left: .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.8rem !important
  }

  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.8rem !important
  }

  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.8rem !important
  }

  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.8rem !important
  }

  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.8rem !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
  }

  .m-sm-6 {
    margin: 4rem !important
  }

  .mt-sm-6,
  .my-sm-6 {
    margin-top: 4rem !important
  }

  .mr-sm-6,
  .mx-sm-6 {
    margin-right: 4rem !important
  }

  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: 4rem !important
  }

  .ml-sm-6,
  .mx-sm-6 {
    margin-left: 4rem !important
  }

  .m-sm-7 {
    margin: 5rem !important
  }

  .mt-sm-7,
  .my-sm-7 {
    margin-top: 5rem !important
  }

  .mr-sm-7,
  .mx-sm-7 {
    margin-right: 5rem !important
  }

  .mb-sm-7,
  .my-sm-7 {
    margin-bottom: 5rem !important
  }

  .ml-sm-7,
  .mx-sm-7 {
    margin-left: 5rem !important
  }

  .m-sm-8 {
    margin: 7.5rem !important
  }

  .mt-sm-8,
  .my-sm-8 {
    margin-top: 7.5rem !important
  }

  .mr-sm-8,
  .mx-sm-8 {
    margin-right: 7.5rem !important
  }

  .mb-sm-8,
  .my-sm-8 {
    margin-bottom: 7.5rem !important
  }

  .ml-sm-8,
  .mx-sm-8 {
    margin-left: 7.5rem !important
  }

  .m-sm-9 {
    margin: 10rem !important
  }

  .mt-sm-9,
  .my-sm-9 {
    margin-top: 10rem !important
  }

  .mr-sm-9,
  .mx-sm-9 {
    margin-right: 10rem !important
  }

  .mb-sm-9,
  .my-sm-9 {
    margin-bottom: 10rem !important
  }

  .ml-sm-9,
  .mx-sm-9 {
    margin-left: 10rem !important
  }

  .m-sm-10 {
    margin: 12.5rem !important
  }

  .mt-sm-10,
  .my-sm-10 {
    margin-top: 12.5rem !important
  }

  .mr-sm-10,
  .mx-sm-10 {
    margin-right: 12.5rem !important
  }

  .mb-sm-10,
  .my-sm-10 {
    margin-bottom: 12.5rem !important
  }

  .ml-sm-10,
  .mx-sm-10 {
    margin-left: 12.5rem !important
  }

  .m-sm-11 {
    margin: 15rem !important
  }

  .mt-sm-11,
  .my-sm-11 {
    margin-top: 15rem !important
  }

  .mr-sm-11,
  .mx-sm-11 {
    margin-right: 15rem !important
  }

  .mb-sm-11,
  .my-sm-11 {
    margin-bottom: 15rem !important
  }

  .ml-sm-11,
  .mx-sm-11 {
    margin-left: 15rem !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: .25rem !important
  }

  .pt-sm-1,
  .py-sm-1 {
    padding-top: .25rem !important
  }

  .pr-sm-1,
  .px-sm-1 {
    padding-right: .25rem !important
  }

  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: .25rem !important
  }

  .pl-sm-1,
  .px-sm-1 {
    padding-left: .25rem !important
  }

  .p-sm-2 {
    padding: .5rem !important
  }

  .pt-sm-2,
  .py-sm-2 {
    padding-top: .5rem !important
  }

  .pr-sm-2,
  .px-sm-2 {
    padding-right: .5rem !important
  }

  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: .5rem !important
  }

  .pl-sm-2,
  .px-sm-2 {
    padding-left: .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.8rem !important
  }

  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.8rem !important
  }

  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.8rem !important
  }

  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.8rem !important
  }

  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.8rem !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
  }

  .p-sm-6 {
    padding: 4rem !important
  }

  .pt-sm-6,
  .py-sm-6 {
    padding-top: 4rem !important
  }

  .pr-sm-6,
  .px-sm-6 {
    padding-right: 4rem !important
  }

  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: 4rem !important
  }

  .pl-sm-6,
  .px-sm-6 {
    padding-left: 4rem !important
  }

  .p-sm-7 {
    padding: 5rem !important
  }

  .pt-sm-7,
  .py-sm-7 {
    padding-top: 5rem !important
  }

  .pr-sm-7,
  .px-sm-7 {
    padding-right: 5rem !important
  }

  .pb-sm-7,
  .py-sm-7 {
    padding-bottom: 5rem !important
  }

  .pl-sm-7,
  .px-sm-7 {
    padding-left: 5rem !important
  }

  .p-sm-8 {
    padding: 7.5rem !important
  }

  .pt-sm-8,
  .py-sm-8 {
    padding-top: 7.5rem !important
  }

  .pr-sm-8,
  .px-sm-8 {
    padding-right: 7.5rem !important
  }

  .pb-sm-8,
  .py-sm-8 {
    padding-bottom: 7.5rem !important
  }

  .pl-sm-8,
  .px-sm-8 {
    padding-left: 7.5rem !important
  }

  .p-sm-9 {
    padding: 10rem !important
  }

  .pt-sm-9,
  .py-sm-9 {
    padding-top: 10rem !important
  }

  .pr-sm-9,
  .px-sm-9 {
    padding-right: 10rem !important
  }

  .pb-sm-9,
  .py-sm-9 {
    padding-bottom: 10rem !important
  }

  .pl-sm-9,
  .px-sm-9 {
    padding-left: 10rem !important
  }

  .p-sm-10 {
    padding: 12.5rem !important
  }

  .pt-sm-10,
  .py-sm-10 {
    padding-top: 12.5rem !important
  }

  .pr-sm-10,
  .px-sm-10 {
    padding-right: 12.5rem !important
  }

  .pb-sm-10,
  .py-sm-10 {
    padding-bottom: 12.5rem !important
  }

  .pl-sm-10,
  .px-sm-10 {
    padding-left: 12.5rem !important
  }

  .p-sm-11 {
    padding: 15rem !important
  }

  .pt-sm-11,
  .py-sm-11 {
    padding-top: 15rem !important
  }

  .pr-sm-11,
  .px-sm-11 {
    padding-right: 15rem !important
  }

  .pb-sm-11,
  .py-sm-11 {
    padding-bottom: 15rem !important
  }

  .pl-sm-11,
  .px-sm-11 {
    padding-left: 15rem !important
  }

  .m-sm-n1 {
    margin: -.25rem !important
  }

  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -.25rem !important
  }

  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -.25rem !important
  }

  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -.25rem !important
  }

  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -.25rem !important
  }

  .m-sm-n2 {
    margin: -.5rem !important
  }

  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -.5rem !important
  }

  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -.5rem !important
  }

  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -.5rem !important
  }

  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -.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.8rem !important
  }

  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.8rem !important
  }

  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.8rem !important
  }

  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.8rem !important
  }

  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.8rem !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-n6 {
    margin: -4rem !important
  }

  .mt-sm-n6,
  .my-sm-n6 {
    margin-top: -4rem !important
  }

  .mr-sm-n6,
  .mx-sm-n6 {
    margin-right: -4rem !important
  }

  .mb-sm-n6,
  .my-sm-n6 {
    margin-bottom: -4rem !important
  }

  .ml-sm-n6,
  .mx-sm-n6 {
    margin-left: -4rem !important
  }

  .m-sm-n7 {
    margin: -5rem !important
  }

  .mt-sm-n7,
  .my-sm-n7 {
    margin-top: -5rem !important
  }

  .mr-sm-n7,
  .mx-sm-n7 {
    margin-right: -5rem !important
  }

  .mb-sm-n7,
  .my-sm-n7 {
    margin-bottom: -5rem !important
  }

  .ml-sm-n7,
  .mx-sm-n7 {
    margin-left: -5rem !important
  }

  .m-sm-n8 {
    margin: -7.5rem !important
  }

  .mt-sm-n8,
  .my-sm-n8 {
    margin-top: -7.5rem !important
  }

  .mr-sm-n8,
  .mx-sm-n8 {
    margin-right: -7.5rem !important
  }

  .mb-sm-n8,
  .my-sm-n8 {
    margin-bottom: -7.5rem !important
  }

  .ml-sm-n8,
  .mx-sm-n8 {
    margin-left: -7.5rem !important
  }

  .m-sm-n9 {
    margin: -10rem !important
  }

  .mt-sm-n9,
  .my-sm-n9 {
    margin-top: -10rem !important
  }

  .mr-sm-n9,
  .mx-sm-n9 {
    margin-right: -10rem !important
  }

  .mb-sm-n9,
  .my-sm-n9 {
    margin-bottom: -10rem !important
  }

  .ml-sm-n9,
  .mx-sm-n9 {
    margin-left: -10rem !important
  }

  .m-sm-n10 {
    margin: -12.5rem !important
  }

  .mt-sm-n10,
  .my-sm-n10 {
    margin-top: -12.5rem !important
  }

  .mr-sm-n10,
  .mx-sm-n10 {
    margin-right: -12.5rem !important
  }

  .mb-sm-n10,
  .my-sm-n10 {
    margin-bottom: -12.5rem !important
  }

  .ml-sm-n10,
  .mx-sm-n10 {
    margin-left: -12.5rem !important
  }

  .m-sm-n11 {
    margin: -15rem !important
  }

  .mt-sm-n11,
  .my-sm-n11 {
    margin-top: -15rem !important
  }

  .mr-sm-n11,
  .mx-sm-n11 {
    margin-right: -15rem !important
  }

  .mb-sm-n11,
  .my-sm-n11 {
    margin-bottom: -15rem !important
  }

  .ml-sm-n11,
  .mx-sm-n11 {
    margin-left: -15rem !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: .25rem !important
  }

  .mt-md-1,
  .my-md-1 {
    margin-top: .25rem !important
  }

  .mr-md-1,
  .mx-md-1 {
    margin-right: .25rem !important
  }

  .mb-md-1,
  .my-md-1 {
    margin-bottom: .25rem !important
  }

  .ml-md-1,
  .mx-md-1 {
    margin-left: .25rem !important
  }

  .m-md-2 {
    margin: .5rem !important
  }

  .mt-md-2,
  .my-md-2 {
    margin-top: .5rem !important
  }

  .mr-md-2,
  .mx-md-2 {
    margin-right: .5rem !important
  }

  .mb-md-2,
  .my-md-2 {
    margin-bottom: .5rem !important
  }

  .ml-md-2,
  .mx-md-2 {
    margin-left: .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.8rem !important
  }

  .mt-md-4,
  .my-md-4 {
    margin-top: 1.8rem !important
  }

  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.8rem !important
  }

  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.8rem !important
  }

  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.8rem !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
  }

  .m-md-6 {
    margin: 4rem !important
  }

  .mt-md-6,
  .my-md-6 {
    margin-top: 4rem !important
  }

  .mr-md-6,
  .mx-md-6 {
    margin-right: 4rem !important
  }

  .mb-md-6,
  .my-md-6 {
    margin-bottom: 4rem !important
  }

  .ml-md-6,
  .mx-md-6 {
    margin-left: 4rem !important
  }

  .m-md-7 {
    margin: 5rem !important
  }

  .mt-md-7,
  .my-md-7 {
    margin-top: 5rem !important
  }

  .mr-md-7,
  .mx-md-7 {
    margin-right: 5rem !important
  }

  .mb-md-7,
  .my-md-7 {
    margin-bottom: 5rem !important
  }

  .ml-md-7,
  .mx-md-7 {
    margin-left: 5rem !important
  }

  .m-md-8 {
    margin: 7.5rem !important
  }

  .mt-md-8,
  .my-md-8 {
    margin-top: 7.5rem !important
  }

  .mr-md-8,
  .mx-md-8 {
    margin-right: 7.5rem !important
  }

  .mb-md-8,
  .my-md-8 {
    margin-bottom: 7.5rem !important
  }

  .ml-md-8,
  .mx-md-8 {
    margin-left: 7.5rem !important
  }

  .m-md-9 {
    margin: 10rem !important
  }

  .mt-md-9,
  .my-md-9 {
    margin-top: 10rem !important
  }

  .mr-md-9,
  .mx-md-9 {
    margin-right: 10rem !important
  }

  .mb-md-9,
  .my-md-9 {
    margin-bottom: 10rem !important
  }

  .ml-md-9,
  .mx-md-9 {
    margin-left: 10rem !important
  }

  .m-md-10 {
    margin: 12.5rem !important
  }

  .mt-md-10,
  .my-md-10 {
    margin-top: 12.5rem !important
  }

  .mr-md-10,
  .mx-md-10 {
    margin-right: 12.5rem !important
  }

  .mb-md-10,
  .my-md-10 {
    margin-bottom: 12.5rem !important
  }

  .ml-md-10,
  .mx-md-10 {
    margin-left: 12.5rem !important
  }

  .m-md-11 {
    margin: 15rem !important
  }

  .mt-md-11,
  .my-md-11 {
    margin-top: 15rem !important
  }

  .mr-md-11,
  .mx-md-11 {
    margin-right: 15rem !important
  }

  .mb-md-11,
  .my-md-11 {
    margin-bottom: 15rem !important
  }

  .ml-md-11,
  .mx-md-11 {
    margin-left: 15rem !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: .25rem !important
  }

  .pt-md-1,
  .py-md-1 {
    padding-top: .25rem !important
  }

  .pr-md-1,
  .px-md-1 {
    padding-right: .25rem !important
  }

  .pb-md-1,
  .py-md-1 {
    padding-bottom: .25rem !important
  }

  .pl-md-1,
  .px-md-1 {
    padding-left: .25rem !important
  }

  .p-md-2 {
    padding: .5rem !important
  }

  .pt-md-2,
  .py-md-2 {
    padding-top: .5rem !important
  }

  .pr-md-2,
  .px-md-2 {
    padding-right: .5rem !important
  }

  .pb-md-2,
  .py-md-2 {
    padding-bottom: .5rem !important
  }

  .pl-md-2,
  .px-md-2 {
    padding-left: .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.8rem !important
  }

  .pt-md-4,
  .py-md-4 {
    padding-top: 1.8rem !important
  }

  .pr-md-4,
  .px-md-4 {
    padding-right: 1.8rem !important
  }

  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.8rem !important
  }

  .pl-md-4,
  .px-md-4 {
    padding-left: 1.8rem !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
  }

  .p-md-6 {
    padding: 4rem !important
  }

  .pt-md-6,
  .py-md-6 {
    padding-top: 4rem !important
  }

  .pr-md-6,
  .px-md-6 {
    padding-right: 4rem !important
  }

  .pb-md-6,
  .py-md-6 {
    padding-bottom: 4rem !important
  }

  .pl-md-6,
  .px-md-6 {
    padding-left: 4rem !important
  }

  .p-md-7 {
    padding: 5rem !important
  }

  .pt-md-7,
  .py-md-7 {
    padding-top: 5rem !important
  }

  .pr-md-7,
  .px-md-7 {
    padding-right: 5rem !important
  }

  .pb-md-7,
  .py-md-7 {
    padding-bottom: 5rem !important
  }

  .pl-md-7,
  .px-md-7 {
    padding-left: 5rem !important
  }

  .p-md-8 {
    padding: 7.5rem !important
  }

  .pt-md-8,
  .py-md-8 {
    padding-top: 7.5rem !important
  }

  .pr-md-8,
  .px-md-8 {
    padding-right: 7.5rem !important
  }

  .pb-md-8,
  .py-md-8 {
    padding-bottom: 7.5rem !important
  }

  .pl-md-8,
  .px-md-8 {
    padding-left: 7.5rem !important
  }

  .p-md-9 {
    padding: 10rem !important
  }

  .pt-md-9,
  .py-md-9 {
    padding-top: 10rem !important
  }

  .pr-md-9,
  .px-md-9 {
    padding-right: 10rem !important
  }

  .pb-md-9,
  .py-md-9 {
    padding-bottom: 10rem !important
  }

  .pl-md-9,
  .px-md-9 {
    padding-left: 10rem !important
  }

  .p-md-10 {
    padding: 12.5rem !important
  }

  .pt-md-10,
  .py-md-10 {
    padding-top: 12.5rem !important
  }

  .pr-md-10,
  .px-md-10 {
    padding-right: 12.5rem !important
  }

  .pb-md-10,
  .py-md-10 {
    padding-bottom: 12.5rem !important
  }

  .pl-md-10,
  .px-md-10 {
    padding-left: 12.5rem !important
  }

  .p-md-11 {
    padding: 15rem !important
  }

  .pt-md-11,
  .py-md-11 {
    padding-top: 15rem !important
  }

  .pr-md-11,
  .px-md-11 {
    padding-right: 15rem !important
  }

  .pb-md-11,
  .py-md-11 {
    padding-bottom: 15rem !important
  }

  .pl-md-11,
  .px-md-11 {
    padding-left: 15rem !important
  }

  .m-md-n1 {
    margin: -.25rem !important
  }

  .mt-md-n1,
  .my-md-n1 {
    margin-top: -.25rem !important
  }

  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -.25rem !important
  }

  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -.25rem !important
  }

  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -.25rem !important
  }

  .m-md-n2 {
    margin: -.5rem !important
  }

  .mt-md-n2,
  .my-md-n2 {
    margin-top: -.5rem !important
  }

  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -.5rem !important
  }

  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -.5rem !important
  }

  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -.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.8rem !important
  }

  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.8rem !important
  }

  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.8rem !important
  }

  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.8rem !important
  }

  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.8rem !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-n6 {
    margin: -4rem !important
  }

  .mt-md-n6,
  .my-md-n6 {
    margin-top: -4rem !important
  }

  .mr-md-n6,
  .mx-md-n6 {
    margin-right: -4rem !important
  }

  .mb-md-n6,
  .my-md-n6 {
    margin-bottom: -4rem !important
  }

  .ml-md-n6,
  .mx-md-n6 {
    margin-left: -4rem !important
  }

  .m-md-n7 {
    margin: -5rem !important
  }

  .mt-md-n7,
  .my-md-n7 {
    margin-top: -5rem !important
  }

  .mr-md-n7,
  .mx-md-n7 {
    margin-right: -5rem !important
  }

  .mb-md-n7,
  .my-md-n7 {
    margin-bottom: -5rem !important
  }

  .ml-md-n7,
  .mx-md-n7 {
    margin-left: -5rem !important
  }

  .m-md-n8 {
    margin: -7.5rem !important
  }

  .mt-md-n8,
  .my-md-n8 {
    margin-top: -7.5rem !important
  }

  .mr-md-n8,
  .mx-md-n8 {
    margin-right: -7.5rem !important
  }

  .mb-md-n8,
  .my-md-n8 {
    margin-bottom: -7.5rem !important
  }

  .ml-md-n8,
  .mx-md-n8 {
    margin-left: -7.5rem !important
  }

  .m-md-n9 {
    margin: -10rem !important
  }

  .mt-md-n9,
  .my-md-n9 {
    margin-top: -10rem !important
  }

  .mr-md-n9,
  .mx-md-n9 {
    margin-right: -10rem !important
  }

  .mb-md-n9,
  .my-md-n9 {
    margin-bottom: -10rem !important
  }

  .ml-md-n9,
  .mx-md-n9 {
    margin-left: -10rem !important
  }

  .m-md-n10 {
    margin: -12.5rem !important
  }

  .mt-md-n10,
  .my-md-n10 {
    margin-top: -12.5rem !important
  }

  .mr-md-n10,
  .mx-md-n10 {
    margin-right: -12.5rem !important
  }

  .mb-md-n10,
  .my-md-n10 {
    margin-bottom: -12.5rem !important
  }

  .ml-md-n10,
  .mx-md-n10 {
    margin-left: -12.5rem !important
  }

  .m-md-n11 {
    margin: -15rem !important
  }

  .mt-md-n11,
  .my-md-n11 {
    margin-top: -15rem !important
  }

  .mr-md-n11,
  .mx-md-n11 {
    margin-right: -15rem !important
  }

  .mb-md-n11,
  .my-md-n11 {
    margin-bottom: -15rem !important
  }

  .ml-md-n11,
  .mx-md-n11 {
    margin-left: -15rem !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: .25rem !important
  }

  .mt-lg-1,
  .my-lg-1 {
    margin-top: .25rem !important
  }

  .mr-lg-1,
  .mx-lg-1 {
    margin-right: .25rem !important
  }

  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: .25rem !important
  }

  .ml-lg-1,
  .mx-lg-1 {
    margin-left: .25rem !important
  }

  .m-lg-2 {
    margin: .5rem !important
  }

  .mt-lg-2,
  .my-lg-2 {
    margin-top: .5rem !important
  }

  .mr-lg-2,
  .mx-lg-2 {
    margin-right: .5rem !important
  }

  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: .5rem !important
  }

  .ml-lg-2,
  .mx-lg-2 {
    margin-left: .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.8rem !important
  }

  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.8rem !important
  }

  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.8rem !important
  }

  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.8rem !important
  }

  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.8rem !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
  }

  .m-lg-6 {
    margin: 4rem !important
  }

  .mt-lg-6,
  .my-lg-6 {
    margin-top: 4rem !important
  }

  .mr-lg-6,
  .mx-lg-6 {
    margin-right: 4rem !important
  }

  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 4rem !important
  }

  .ml-lg-6,
  .mx-lg-6 {
    margin-left: 4rem !important
  }

  .m-lg-7 {
    margin: 5rem !important
  }

  .mt-lg-7,
  .my-lg-7 {
    margin-top: 5rem !important
  }

  .mr-lg-7,
  .mx-lg-7 {
    margin-right: 5rem !important
  }

  .mb-lg-7,
  .my-lg-7 {
    margin-bottom: 5rem !important
  }

  .ml-lg-7,
  .mx-lg-7 {
    margin-left: 5rem !important
  }

  .m-lg-8 {
    margin: 7.5rem !important
  }

  .mt-lg-8,
  .my-lg-8 {
    margin-top: 7.5rem !important
  }

  .mr-lg-8,
  .mx-lg-8 {
    margin-right: 7.5rem !important
  }

  .mb-lg-8,
  .my-lg-8 {
    margin-bottom: 7.5rem !important
  }

  .ml-lg-8,
  .mx-lg-8 {
    margin-left: 7.5rem !important
  }

  .m-lg-9 {
    margin: 10rem !important
  }

  .mt-lg-9,
  .my-lg-9 {
    margin-top: 10rem !important
  }

  .mr-lg-9,
  .mx-lg-9 {
    margin-right: 10rem !important
  }

  .mb-lg-9,
  .my-lg-9 {
    margin-bottom: 10rem !important
  }

  .ml-lg-9,
  .mx-lg-9 {
    margin-left: 10rem !important
  }

  .m-lg-10 {
    margin: 12.5rem !important
  }

  .mt-lg-10,
  .my-lg-10 {
    margin-top: 12.5rem !important
  }

  .mr-lg-10,
  .mx-lg-10 {
    margin-right: 12.5rem !important
  }

  .mb-lg-10,
  .my-lg-10 {
    margin-bottom: 12.5rem !important
  }

  .ml-lg-10,
  .mx-lg-10 {
    margin-left: 12.5rem !important
  }

  .m-lg-11 {
    margin: 15rem !important
  }

  .mt-lg-11,
  .my-lg-11 {
    margin-top: 15rem !important
  }

  .mr-lg-11,
  .mx-lg-11 {
    margin-right: 15rem !important
  }

  .mb-lg-11,
  .my-lg-11 {
    margin-bottom: 15rem !important
  }

  .ml-lg-11,
  .mx-lg-11 {
    margin-left: 15rem !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: .25rem !important
  }

  .pt-lg-1,
  .py-lg-1 {
    padding-top: .25rem !important
  }

  .pr-lg-1,
  .px-lg-1 {
    padding-right: .25rem !important
  }

  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: .25rem !important
  }

  .pl-lg-1,
  .px-lg-1 {
    padding-left: .25rem !important
  }

  .p-lg-2 {
    padding: .5rem !important
  }

  .pt-lg-2,
  .py-lg-2 {
    padding-top: .5rem !important
  }

  .pr-lg-2,
  .px-lg-2 {
    padding-right: .5rem !important
  }

  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: .5rem !important
  }

  .pl-lg-2,
  .px-lg-2 {
    padding-left: .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.8rem !important
  }

  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.8rem !important
  }

  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.8rem !important
  }

  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.8rem !important
  }

  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.8rem !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
  }

  .p-lg-6 {
    padding: 4rem !important
  }

  .pt-lg-6,
  .py-lg-6 {
    padding-top: 4rem !important
  }

  .pr-lg-6,
  .px-lg-6 {
    padding-right: 4rem !important
  }

  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 4rem !important
  }

  .pl-lg-6,
  .px-lg-6 {
    padding-left: 4rem !important
  }

  .p-lg-7 {
    padding: 5rem !important
  }

  .pt-lg-7,
  .py-lg-7 {
    padding-top: 5rem !important
  }

  .pr-lg-7,
  .px-lg-7 {
    padding-right: 5rem !important
  }

  .pb-lg-7,
  .py-lg-7 {
    padding-bottom: 5rem !important
  }

  .pl-lg-7,
  .px-lg-7 {
    padding-left: 5rem !important
  }

  .p-lg-8 {
    padding: 7.5rem !important
  }

  .pt-lg-8,
  .py-lg-8 {
    padding-top: 7.5rem !important
  }

  .pr-lg-8,
  .px-lg-8 {
    padding-right: 7.5rem !important
  }

  .pb-lg-8,
  .py-lg-8 {
    padding-bottom: 7.5rem !important
  }

  .pl-lg-8,
  .px-lg-8 {
    padding-left: 7.5rem !important
  }

  .p-lg-9 {
    padding: 10rem !important
  }

  .pt-lg-9,
  .py-lg-9 {
    padding-top: 10rem !important
  }

  .pr-lg-9,
  .px-lg-9 {
    padding-right: 10rem !important
  }

  .pb-lg-9,
  .py-lg-9 {
    padding-bottom: 10rem !important
  }

  .pl-lg-9,
  .px-lg-9 {
    padding-left: 10rem !important
  }

  .p-lg-10 {
    padding: 12.5rem !important
  }

  .pt-lg-10,
  .py-lg-10 {
    padding-top: 12.5rem !important
  }

  .pr-lg-10,
  .px-lg-10 {
    padding-right: 12.5rem !important
  }

  .pb-lg-10,
  .py-lg-10 {
    padding-bottom: 12.5rem !important
  }

  .pl-lg-10,
  .px-lg-10 {
    padding-left: 12.5rem !important
  }

  .p-lg-11 {
    padding: 15rem !important
  }

  .pt-lg-11,
  .py-lg-11 {
    padding-top: 15rem !important
  }

  .pr-lg-11,
  .px-lg-11 {
    padding-right: 15rem !important
  }

  .pb-lg-11,
  .py-lg-11 {
    padding-bottom: 15rem !important
  }

  .pl-lg-11,
  .px-lg-11 {
    padding-left: 15rem !important
  }

  .m-lg-n1 {
    margin: -.25rem !important
  }

  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -.25rem !important
  }

  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -.25rem !important
  }

  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -.25rem !important
  }

  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -.25rem !important
  }

  .m-lg-n2 {
    margin: -.5rem !important
  }

  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -.5rem !important
  }

  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -.5rem !important
  }

  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -.5rem !important
  }

  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -.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.8rem !important
  }

  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.8rem !important
  }

  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.8rem !important
  }

  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.8rem !important
  }

  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.8rem !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-n6 {
    margin: -4rem !important
  }

  .mt-lg-n6,
  .my-lg-n6 {
    margin-top: -4rem !important
  }

  .mr-lg-n6,
  .mx-lg-n6 {
    margin-right: -4rem !important
  }

  .mb-lg-n6,
  .my-lg-n6 {
    margin-bottom: -4rem !important
  }

  .ml-lg-n6,
  .mx-lg-n6 {
    margin-left: -4rem !important
  }

  .m-lg-n7 {
    margin: -5rem !important
  }

  .mt-lg-n7,
  .my-lg-n7 {
    margin-top: -5rem !important
  }

  .mr-lg-n7,
  .mx-lg-n7 {
    margin-right: -5rem !important
  }

  .mb-lg-n7,
  .my-lg-n7 {
    margin-bottom: -5rem !important
  }

  .ml-lg-n7,
  .mx-lg-n7 {
    margin-left: -5rem !important
  }

  .m-lg-n8 {
    margin: -7.5rem !important
  }

  .mt-lg-n8,
  .my-lg-n8 {
    margin-top: -7.5rem !important
  }

  .mr-lg-n8,
  .mx-lg-n8 {
    margin-right: -7.5rem !important
  }

  .mb-lg-n8,
  .my-lg-n8 {
    margin-bottom: -7.5rem !important
  }

  .ml-lg-n8,
  .mx-lg-n8 {
    margin-left: -7.5rem !important
  }

  .m-lg-n9 {
    margin: -10rem !important
  }

  .mt-lg-n9,
  .my-lg-n9 {
    margin-top: -10rem !important
  }

  .mr-lg-n9,
  .mx-lg-n9 {
    margin-right: -10rem !important
  }

  .mb-lg-n9,
  .my-lg-n9 {
    margin-bottom: -10rem !important
  }

  .ml-lg-n9,
  .mx-lg-n9 {
    margin-left: -10rem !important
  }

  .m-lg-n10 {
    margin: -12.5rem !important
  }

  .mt-lg-n10,
  .my-lg-n10 {
    margin-top: -12.5rem !important
  }

  .mr-lg-n10,
  .mx-lg-n10 {
    margin-right: -12.5rem !important
  }

  .mb-lg-n10,
  .my-lg-n10 {
    margin-bottom: -12.5rem !important
  }

  .ml-lg-n10,
  .mx-lg-n10 {
    margin-left: -12.5rem !important
  }

  .m-lg-n11 {
    margin: -15rem !important
  }

  .mt-lg-n11,
  .my-lg-n11 {
    margin-top: -15rem !important
  }

  .mr-lg-n11,
  .mx-lg-n11 {
    margin-right: -15rem !important
  }

  .mb-lg-n11,
  .my-lg-n11 {
    margin-bottom: -15rem !important
  }

  .ml-lg-n11,
  .mx-lg-n11 {
    margin-left: -15rem !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: .25rem !important
  }

  .mt-xl-1,
  .my-xl-1 {
    margin-top: .25rem !important
  }

  .mr-xl-1,
  .mx-xl-1 {
    margin-right: .25rem !important
  }

  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: .25rem !important
  }

  .ml-xl-1,
  .mx-xl-1 {
    margin-left: .25rem !important
  }

  .m-xl-2 {
    margin: .5rem !important
  }

  .mt-xl-2,
  .my-xl-2 {
    margin-top: .5rem !important
  }

  .mr-xl-2,
  .mx-xl-2 {
    margin-right: .5rem !important
  }

  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: .5rem !important
  }

  .ml-xl-2,
  .mx-xl-2 {
    margin-left: .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.8rem !important
  }

  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.8rem !important
  }

  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.8rem !important
  }

  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.8rem !important
  }

  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.8rem !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
  }

  .m-xl-6 {
    margin: 4rem !important
  }

  .mt-xl-6,
  .my-xl-6 {
    margin-top: 4rem !important
  }

  .mr-xl-6,
  .mx-xl-6 {
    margin-right: 4rem !important
  }

  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: 4rem !important
  }

  .ml-xl-6,
  .mx-xl-6 {
    margin-left: 4rem !important
  }

  .m-xl-7 {
    margin: 5rem !important
  }

  .mt-xl-7,
  .my-xl-7 {
    margin-top: 5rem !important
  }

  .mr-xl-7,
  .mx-xl-7 {
    margin-right: 5rem !important
  }

  .mb-xl-7,
  .my-xl-7 {
    margin-bottom: 5rem !important
  }

  .ml-xl-7,
  .mx-xl-7 {
    margin-left: 5rem !important
  }

  .m-xl-8 {
    margin: 7.5rem !important
  }

  .mt-xl-8,
  .my-xl-8 {
    margin-top: 7.5rem !important
  }

  .mr-xl-8,
  .mx-xl-8 {
    margin-right: 7.5rem !important
  }

  .mb-xl-8,
  .my-xl-8 {
    margin-bottom: 7.5rem !important
  }

  .ml-xl-8,
  .mx-xl-8 {
    margin-left: 7.5rem !important
  }

  .m-xl-9 {
    margin: 10rem !important
  }

  .mt-xl-9,
  .my-xl-9 {
    margin-top: 10rem !important
  }

  .mr-xl-9,
  .mx-xl-9 {
    margin-right: 10rem !important
  }

  .mb-xl-9,
  .my-xl-9 {
    margin-bottom: 10rem !important
  }

  .ml-xl-9,
  .mx-xl-9 {
    margin-left: 10rem !important
  }

  .m-xl-10 {
    margin: 12.5rem !important
  }

  .mt-xl-10,
  .my-xl-10 {
    margin-top: 12.5rem !important
  }

  .mr-xl-10,
  .mx-xl-10 {
    margin-right: 12.5rem !important
  }

  .mb-xl-10,
  .my-xl-10 {
    margin-bottom: 12.5rem !important
  }

  .ml-xl-10,
  .mx-xl-10 {
    margin-left: 12.5rem !important
  }

  .m-xl-11 {
    margin: 15rem !important
  }

  .mt-xl-11,
  .my-xl-11 {
    margin-top: 15rem !important
  }

  .mr-xl-11,
  .mx-xl-11 {
    margin-right: 15rem !important
  }

  .mb-xl-11,
  .my-xl-11 {
    margin-bottom: 15rem !important
  }

  .ml-xl-11,
  .mx-xl-11 {
    margin-left: 15rem !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: .25rem !important
  }

  .pt-xl-1,
  .py-xl-1 {
    padding-top: .25rem !important
  }

  .pr-xl-1,
  .px-xl-1 {
    padding-right: .25rem !important
  }

  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: .25rem !important
  }

  .pl-xl-1,
  .px-xl-1 {
    padding-left: .25rem !important
  }

  .p-xl-2 {
    padding: .5rem !important
  }

  .pt-xl-2,
  .py-xl-2 {
    padding-top: .5rem !important
  }

  .pr-xl-2,
  .px-xl-2 {
    padding-right: .5rem !important
  }

  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: .5rem !important
  }

  .pl-xl-2,
  .px-xl-2 {
    padding-left: .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.8rem !important
  }

  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.8rem !important
  }

  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.8rem !important
  }

  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.8rem !important
  }

  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.8rem !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
  }

  .p-xl-6 {
    padding: 4rem !important
  }

  .pt-xl-6,
  .py-xl-6 {
    padding-top: 4rem !important
  }

  .pr-xl-6,
  .px-xl-6 {
    padding-right: 4rem !important
  }

  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: 4rem !important
  }

  .pl-xl-6,
  .px-xl-6 {
    padding-left: 4rem !important
  }

  .p-xl-7 {
    padding: 5rem !important
  }

  .pt-xl-7,
  .py-xl-7 {
    padding-top: 5rem !important
  }

  .pr-xl-7,
  .px-xl-7 {
    padding-right: 5rem !important
  }

  .pb-xl-7,
  .py-xl-7 {
    padding-bottom: 5rem !important
  }

  .pl-xl-7,
  .px-xl-7 {
    padding-left: 5rem !important
  }

  .p-xl-8 {
    padding: 7.5rem !important
  }

  .pt-xl-8,
  .py-xl-8 {
    padding-top: 7.5rem !important
  }

  .pr-xl-8,
  .px-xl-8 {
    padding-right: 7.5rem !important
  }

  .pb-xl-8,
  .py-xl-8 {
    padding-bottom: 7.5rem !important
  }

  .pl-xl-8,
  .px-xl-8 {
    padding-left: 7.5rem !important
  }

  .p-xl-9 {
    padding: 10rem !important
  }

  .pt-xl-9,
  .py-xl-9 {
    padding-top: 10rem !important
  }

  .pr-xl-9,
  .px-xl-9 {
    padding-right: 10rem !important
  }

  .pb-xl-9,
  .py-xl-9 {
    padding-bottom: 10rem !important
  }

  .pl-xl-9,
  .px-xl-9 {
    padding-left: 10rem !important
  }

  .p-xl-10 {
    padding: 12.5rem !important
  }

  .pt-xl-10,
  .py-xl-10 {
    padding-top: 12.5rem !important
  }

  .pr-xl-10,
  .px-xl-10 {
    padding-right: 12.5rem !important
  }

  .pb-xl-10,
  .py-xl-10 {
    padding-bottom: 12.5rem !important
  }

  .pl-xl-10,
  .px-xl-10 {
    padding-left: 12.5rem !important
  }

  .p-xl-11 {
    padding: 15rem !important
  }

  .pt-xl-11,
  .py-xl-11 {
    padding-top: 15rem !important
  }

  .pr-xl-11,
  .px-xl-11 {
    padding-right: 15rem !important
  }

  .pb-xl-11,
  .py-xl-11 {
    padding-bottom: 15rem !important
  }

  .pl-xl-11,
  .px-xl-11 {
    padding-left: 15rem !important
  }

  .m-xl-n1 {
    margin: -.25rem !important
  }

  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -.25rem !important
  }

  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -.25rem !important
  }

  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -.25rem !important
  }

  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -.25rem !important
  }

  .m-xl-n2 {
    margin: -.5rem !important
  }

  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -.5rem !important
  }

  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -.5rem !important
  }

  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -.5rem !important
  }

  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -.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.8rem !important
  }

  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.8rem !important
  }

  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.8rem !important
  }

  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.8rem !important
  }

  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.8rem !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-n6 {
    margin: -4rem !important
  }

  .mt-xl-n6,
  .my-xl-n6 {
    margin-top: -4rem !important
  }

  .mr-xl-n6,
  .mx-xl-n6 {
    margin-right: -4rem !important
  }

  .mb-xl-n6,
  .my-xl-n6 {
    margin-bottom: -4rem !important
  }

  .ml-xl-n6,
  .mx-xl-n6 {
    margin-left: -4rem !important
  }

  .m-xl-n7 {
    margin: -5rem !important
  }

  .mt-xl-n7,
  .my-xl-n7 {
    margin-top: -5rem !important
  }

  .mr-xl-n7,
  .mx-xl-n7 {
    margin-right: -5rem !important
  }

  .mb-xl-n7,
  .my-xl-n7 {
    margin-bottom: -5rem !important
  }

  .ml-xl-n7,
  .mx-xl-n7 {
    margin-left: -5rem !important
  }

  .m-xl-n8 {
    margin: -7.5rem !important
  }

  .mt-xl-n8,
  .my-xl-n8 {
    margin-top: -7.5rem !important
  }

  .mr-xl-n8,
  .mx-xl-n8 {
    margin-right: -7.5rem !important
  }

  .mb-xl-n8,
  .my-xl-n8 {
    margin-bottom: -7.5rem !important
  }

  .ml-xl-n8,
  .mx-xl-n8 {
    margin-left: -7.5rem !important
  }

  .m-xl-n9 {
    margin: -10rem !important
  }

  .mt-xl-n9,
  .my-xl-n9 {
    margin-top: -10rem !important
  }

  .mr-xl-n9,
  .mx-xl-n9 {
    margin-right: -10rem !important
  }

  .mb-xl-n9,
  .my-xl-n9 {
    margin-bottom: -10rem !important
  }

  .ml-xl-n9,
  .mx-xl-n9 {
    margin-left: -10rem !important
  }

  .m-xl-n10 {
    margin: -12.5rem !important
  }

  .mt-xl-n10,
  .my-xl-n10 {
    margin-top: -12.5rem !important
  }

  .mr-xl-n10,
  .mx-xl-n10 {
    margin-right: -12.5rem !important
  }

  .mb-xl-n10,
  .my-xl-n10 {
    margin-bottom: -12.5rem !important
  }

  .ml-xl-n10,
  .mx-xl-n10 {
    margin-left: -12.5rem !important
  }

  .m-xl-n11 {
    margin: -15rem !important
  }

  .mt-xl-n11,
  .my-xl-n11 {
    margin-top: -15rem !important
  }

  .mr-xl-n11,
  .mx-xl-n11 {
    margin-right: -15rem !important
  }

  .mb-xl-n11,
  .my-xl-n11 {
    margin-bottom: -15rem !important
  }

  .ml-xl-n11,
  .mx-xl-n11 {
    margin-left: -15rem !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
  }
}

@media (min-width:1540px) {
  .m-xxl-0 {
    margin: 0 !important
  }

  .mt-xxl-0,
  .my-xxl-0 {
    margin-top: 0 !important
  }

  .mr-xxl-0,
  .mx-xxl-0 {
    margin-right: 0 !important
  }

  .mb-xxl-0,
  .my-xxl-0 {
    margin-bottom: 0 !important
  }

  .ml-xxl-0,
  .mx-xxl-0 {
    margin-left: 0 !important
  }

  .m-xxl-1 {
    margin: .25rem !important
  }

  .mt-xxl-1,
  .my-xxl-1 {
    margin-top: .25rem !important
  }

  .mr-xxl-1,
  .mx-xxl-1 {
    margin-right: .25rem !important
  }

  .mb-xxl-1,
  .my-xxl-1 {
    margin-bottom: .25rem !important
  }

  .ml-xxl-1,
  .mx-xxl-1 {
    margin-left: .25rem !important
  }

  .m-xxl-2 {
    margin: .5rem !important
  }

  .mt-xxl-2,
  .my-xxl-2 {
    margin-top: .5rem !important
  }

  .mr-xxl-2,
  .mx-xxl-2 {
    margin-right: .5rem !important
  }

  .mb-xxl-2,
  .my-xxl-2 {
    margin-bottom: .5rem !important
  }

  .ml-xxl-2,
  .mx-xxl-2 {
    margin-left: .5rem !important
  }

  .m-xxl-3 {
    margin: 1rem !important
  }

  .mt-xxl-3,
  .my-xxl-3 {
    margin-top: 1rem !important
  }

  .mr-xxl-3,
  .mx-xxl-3 {
    margin-right: 1rem !important
  }

  .mb-xxl-3,
  .my-xxl-3 {
    margin-bottom: 1rem !important
  }

  .ml-xxl-3,
  .mx-xxl-3 {
    margin-left: 1rem !important
  }

  .m-xxl-4 {
    margin: 1.8rem !important
  }

  .mt-xxl-4,
  .my-xxl-4 {
    margin-top: 1.8rem !important
  }

  .mr-xxl-4,
  .mx-xxl-4 {
    margin-right: 1.8rem !important
  }

  .mb-xxl-4,
  .my-xxl-4 {
    margin-bottom: 1.8rem !important
  }

  .ml-xxl-4,
  .mx-xxl-4 {
    margin-left: 1.8rem !important
  }

  .m-xxl-5 {
    margin: 3rem !important
  }

  .mt-xxl-5,
  .my-xxl-5 {
    margin-top: 3rem !important
  }

  .mr-xxl-5,
  .mx-xxl-5 {
    margin-right: 3rem !important
  }

  .mb-xxl-5,
  .my-xxl-5 {
    margin-bottom: 3rem !important
  }

  .ml-xxl-5,
  .mx-xxl-5 {
    margin-left: 3rem !important
  }

  .m-xxl-6 {
    margin: 4rem !important
  }

  .mt-xxl-6,
  .my-xxl-6 {
    margin-top: 4rem !important
  }

  .mr-xxl-6,
  .mx-xxl-6 {
    margin-right: 4rem !important
  }

  .mb-xxl-6,
  .my-xxl-6 {
    margin-bottom: 4rem !important
  }

  .ml-xxl-6,
  .mx-xxl-6 {
    margin-left: 4rem !important
  }

  .m-xxl-7 {
    margin: 5rem !important
  }

  .mt-xxl-7,
  .my-xxl-7 {
    margin-top: 5rem !important
  }

  .mr-xxl-7,
  .mx-xxl-7 {
    margin-right: 5rem !important
  }

  .mb-xxl-7,
  .my-xxl-7 {
    margin-bottom: 5rem !important
  }

  .ml-xxl-7,
  .mx-xxl-7 {
    margin-left: 5rem !important
  }

  .m-xxl-8 {
    margin: 7.5rem !important
  }

  .mt-xxl-8,
  .my-xxl-8 {
    margin-top: 7.5rem !important
  }

  .mr-xxl-8,
  .mx-xxl-8 {
    margin-right: 7.5rem !important
  }

  .mb-xxl-8,
  .my-xxl-8 {
    margin-bottom: 7.5rem !important
  }

  .ml-xxl-8,
  .mx-xxl-8 {
    margin-left: 7.5rem !important
  }

  .m-xxl-9 {
    margin: 10rem !important
  }

  .mt-xxl-9,
  .my-xxl-9 {
    margin-top: 10rem !important
  }

  .mr-xxl-9,
  .mx-xxl-9 {
    margin-right: 10rem !important
  }

  .mb-xxl-9,
  .my-xxl-9 {
    margin-bottom: 10rem !important
  }

  .ml-xxl-9,
  .mx-xxl-9 {
    margin-left: 10rem !important
  }

  .m-xxl-10 {
    margin: 12.5rem !important
  }

  .mt-xxl-10,
  .my-xxl-10 {
    margin-top: 12.5rem !important
  }

  .mr-xxl-10,
  .mx-xxl-10 {
    margin-right: 12.5rem !important
  }

  .mb-xxl-10,
  .my-xxl-10 {
    margin-bottom: 12.5rem !important
  }

  .ml-xxl-10,
  .mx-xxl-10 {
    margin-left: 12.5rem !important
  }

  .m-xxl-11 {
    margin: 15rem !important
  }

  .mt-xxl-11,
  .my-xxl-11 {
    margin-top: 15rem !important
  }

  .mr-xxl-11,
  .mx-xxl-11 {
    margin-right: 15rem !important
  }

  .mb-xxl-11,
  .my-xxl-11 {
    margin-bottom: 15rem !important
  }

  .ml-xxl-11,
  .mx-xxl-11 {
    margin-left: 15rem !important
  }

  .p-xxl-0 {
    padding: 0 !important
  }

  .pt-xxl-0,
  .py-xxl-0 {
    padding-top: 0 !important
  }

  .pr-xxl-0,
  .px-xxl-0 {
    padding-right: 0 !important
  }

  .pb-xxl-0,
  .py-xxl-0 {
    padding-bottom: 0 !important
  }

  .pl-xxl-0,
  .px-xxl-0 {
    padding-left: 0 !important
  }

  .p-xxl-1 {
    padding: .25rem !important
  }

  .pt-xxl-1,
  .py-xxl-1 {
    padding-top: .25rem !important
  }

  .pr-xxl-1,
  .px-xxl-1 {
    padding-right: .25rem !important
  }

  .pb-xxl-1,
  .py-xxl-1 {
    padding-bottom: .25rem !important
  }

  .pl-xxl-1,
  .px-xxl-1 {
    padding-left: .25rem !important
  }

  .p-xxl-2 {
    padding: .5rem !important
  }

  .pt-xxl-2,
  .py-xxl-2 {
    padding-top: .5rem !important
  }

  .pr-xxl-2,
  .px-xxl-2 {
    padding-right: .5rem !important
  }

  .pb-xxl-2,
  .py-xxl-2 {
    padding-bottom: .5rem !important
  }

  .pl-xxl-2,
  .px-xxl-2 {
    padding-left: .5rem !important
  }

  .p-xxl-3 {
    padding: 1rem !important
  }

  .pt-xxl-3,
  .py-xxl-3 {
    padding-top: 1rem !important
  }

  .pr-xxl-3,
  .px-xxl-3 {
    padding-right: 1rem !important
  }

  .pb-xxl-3,
  .py-xxl-3 {
    padding-bottom: 1rem !important
  }

  .pl-xxl-3,
  .px-xxl-3 {
    padding-left: 1rem !important
  }

  .p-xxl-4 {
    padding: 1.8rem !important
  }

  .pt-xxl-4,
  .py-xxl-4 {
    padding-top: 1.8rem !important
  }

  .pr-xxl-4,
  .px-xxl-4 {
    padding-right: 1.8rem !important
  }

  .pb-xxl-4,
  .py-xxl-4 {
    padding-bottom: 1.8rem !important
  }

  .pl-xxl-4,
  .px-xxl-4 {
    padding-left: 1.8rem !important
  }

  .p-xxl-5 {
    padding: 3rem !important
  }

  .pt-xxl-5,
  .py-xxl-5 {
    padding-top: 3rem !important
  }

  .pr-xxl-5,
  .px-xxl-5 {
    padding-right: 3rem !important
  }

  .pb-xxl-5,
  .py-xxl-5 {
    padding-bottom: 3rem !important
  }

  .pl-xxl-5,
  .px-xxl-5 {
    padding-left: 3rem !important
  }

  .p-xxl-6 {
    padding: 4rem !important
  }

  .pt-xxl-6,
  .py-xxl-6 {
    padding-top: 4rem !important
  }

  .pr-xxl-6,
  .px-xxl-6 {
    padding-right: 4rem !important
  }

  .pb-xxl-6,
  .py-xxl-6 {
    padding-bottom: 4rem !important
  }

  .pl-xxl-6,
  .px-xxl-6 {
    padding-left: 4rem !important
  }

  .p-xxl-7 {
    padding: 5rem !important
  }

  .pt-xxl-7,
  .py-xxl-7 {
    padding-top: 5rem !important
  }

  .pr-xxl-7,
  .px-xxl-7 {
    padding-right: 5rem !important
  }

  .pb-xxl-7,
  .py-xxl-7 {
    padding-bottom: 5rem !important
  }

  .pl-xxl-7,
  .px-xxl-7 {
    padding-left: 5rem !important
  }

  .p-xxl-8 {
    padding: 7.5rem !important
  }

  .pt-xxl-8,
  .py-xxl-8 {
    padding-top: 7.5rem !important
  }

  .pr-xxl-8,
  .px-xxl-8 {
    padding-right: 7.5rem !important
  }

  .pb-xxl-8,
  .py-xxl-8 {
    padding-bottom: 7.5rem !important
  }

  .pl-xxl-8,
  .px-xxl-8 {
    padding-left: 7.5rem !important
  }

  .p-xxl-9 {
    padding: 10rem !important
  }

  .pt-xxl-9,
  .py-xxl-9 {
    padding-top: 10rem !important
  }

  .pr-xxl-9,
  .px-xxl-9 {
    padding-right: 10rem !important
  }

  .pb-xxl-9,
  .py-xxl-9 {
    padding-bottom: 10rem !important
  }

  .pl-xxl-9,
  .px-xxl-9 {
    padding-left: 10rem !important
  }

  .p-xxl-10 {
    padding: 12.5rem !important
  }

  .pt-xxl-10,
  .py-xxl-10 {
    padding-top: 12.5rem !important
  }

  .pr-xxl-10,
  .px-xxl-10 {
    padding-right: 12.5rem !important
  }

  .pb-xxl-10,
  .py-xxl-10 {
    padding-bottom: 12.5rem !important
  }

  .pl-xxl-10,
  .px-xxl-10 {
    padding-left: 12.5rem !important
  }

  .p-xxl-11 {
    padding: 15rem !important
  }

  .pt-xxl-11,
  .py-xxl-11 {
    padding-top: 15rem !important
  }

  .pr-xxl-11,
  .px-xxl-11 {
    padding-right: 15rem !important
  }

  .pb-xxl-11,
  .py-xxl-11 {
    padding-bottom: 15rem !important
  }

  .pl-xxl-11,
  .px-xxl-11 {
    padding-left: 15rem !important
  }

  .m-xxl-n1 {
    margin: -.25rem !important
  }

  .mt-xxl-n1,
  .my-xxl-n1 {
    margin-top: -.25rem !important
  }

  .mr-xxl-n1,
  .mx-xxl-n1 {
    margin-right: -.25rem !important
  }

  .mb-xxl-n1,
  .my-xxl-n1 {
    margin-bottom: -.25rem !important
  }

  .ml-xxl-n1,
  .mx-xxl-n1 {
    margin-left: -.25rem !important
  }

  .m-xxl-n2 {
    margin: -.5rem !important
  }

  .mt-xxl-n2,
  .my-xxl-n2 {
    margin-top: -.5rem !important
  }

  .mr-xxl-n2,
  .mx-xxl-n2 {
    margin-right: -.5rem !important
  }

  .mb-xxl-n2,
  .my-xxl-n2 {
    margin-bottom: -.5rem !important
  }

  .ml-xxl-n2,
  .mx-xxl-n2 {
    margin-left: -.5rem !important
  }

  .m-xxl-n3 {
    margin: -1rem !important
  }

  .mt-xxl-n3,
  .my-xxl-n3 {
    margin-top: -1rem !important
  }

  .mr-xxl-n3,
  .mx-xxl-n3 {
    margin-right: -1rem !important
  }

  .mb-xxl-n3,
  .my-xxl-n3 {
    margin-bottom: -1rem !important
  }

  .ml-xxl-n3,
  .mx-xxl-n3 {
    margin-left: -1rem !important
  }

  .m-xxl-n4 {
    margin: -1.8rem !important
  }

  .mt-xxl-n4,
  .my-xxl-n4 {
    margin-top: -1.8rem !important
  }

  .mr-xxl-n4,
  .mx-xxl-n4 {
    margin-right: -1.8rem !important
  }

  .mb-xxl-n4,
  .my-xxl-n4 {
    margin-bottom: -1.8rem !important
  }

  .ml-xxl-n4,
  .mx-xxl-n4 {
    margin-left: -1.8rem !important
  }

  .m-xxl-n5 {
    margin: -3rem !important
  }

  .mt-xxl-n5,
  .my-xxl-n5 {
    margin-top: -3rem !important
  }

  .mr-xxl-n5,
  .mx-xxl-n5 {
    margin-right: -3rem !important
  }

  .mb-xxl-n5,
  .my-xxl-n5 {
    margin-bottom: -3rem !important
  }

  .ml-xxl-n5,
  .mx-xxl-n5 {
    margin-left: -3rem !important
  }

  .m-xxl-n6 {
    margin: -4rem !important
  }

  .mt-xxl-n6,
  .my-xxl-n6 {
    margin-top: -4rem !important
  }

  .mr-xxl-n6,
  .mx-xxl-n6 {
    margin-right: -4rem !important
  }

  .mb-xxl-n6,
  .my-xxl-n6 {
    margin-bottom: -4rem !important
  }

  .ml-xxl-n6,
  .mx-xxl-n6 {
    margin-left: -4rem !important
  }

  .m-xxl-n7 {
    margin: -5rem !important
  }

  .mt-xxl-n7,
  .my-xxl-n7 {
    margin-top: -5rem !important
  }

  .mr-xxl-n7,
  .mx-xxl-n7 {
    margin-right: -5rem !important
  }

  .mb-xxl-n7,
  .my-xxl-n7 {
    margin-bottom: -5rem !important
  }

  .ml-xxl-n7,
  .mx-xxl-n7 {
    margin-left: -5rem !important
  }

  .m-xxl-n8 {
    margin: -7.5rem !important
  }

  .mt-xxl-n8,
  .my-xxl-n8 {
    margin-top: -7.5rem !important
  }

  .mr-xxl-n8,
  .mx-xxl-n8 {
    margin-right: -7.5rem !important
  }

  .mb-xxl-n8,
  .my-xxl-n8 {
    margin-bottom: -7.5rem !important
  }

  .ml-xxl-n8,
  .mx-xxl-n8 {
    margin-left: -7.5rem !important
  }

  .m-xxl-n9 {
    margin: -10rem !important
  }

  .mt-xxl-n9,
  .my-xxl-n9 {
    margin-top: -10rem !important
  }

  .mr-xxl-n9,
  .mx-xxl-n9 {
    margin-right: -10rem !important
  }

  .mb-xxl-n9,
  .my-xxl-n9 {
    margin-bottom: -10rem !important
  }

  .ml-xxl-n9,
  .mx-xxl-n9 {
    margin-left: -10rem !important
  }

  .m-xxl-n10 {
    margin: -12.5rem !important
  }

  .mt-xxl-n10,
  .my-xxl-n10 {
    margin-top: -12.5rem !important
  }

  .mr-xxl-n10,
  .mx-xxl-n10 {
    margin-right: -12.5rem !important
  }

  .mb-xxl-n10,
  .my-xxl-n10 {
    margin-bottom: -12.5rem !important
  }

  .ml-xxl-n10,
  .mx-xxl-n10 {
    margin-left: -12.5rem !important
  }

  .m-xxl-n11 {
    margin: -15rem !important
  }

  .mt-xxl-n11,
  .my-xxl-n11 {
    margin-top: -15rem !important
  }

  .mr-xxl-n11,
  .mx-xxl-n11 {
    margin-right: -15rem !important
  }

  .mb-xxl-n11,
  .my-xxl-n11 {
    margin-bottom: -15rem !important
  }

  .ml-xxl-n11,
  .mx-xxl-n11 {
    margin-left: -15rem !important
  }

  .m-xxl-auto {
    margin: auto !important
  }

  .mt-xxl-auto,
  .my-xxl-auto {
    margin-top: auto !important
  }

  .mr-xxl-auto,
  .mx-xxl-auto {
    margin-right: auto !important
  }

  .mb-xxl-auto,
  .my-xxl-auto {
    margin-bottom: auto !important
  }

  .ml-xxl-auto,
  .mx-xxl-auto {
    margin-left: auto !important
  }
}

.stretched-link:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: transparent
}

.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
  }
}

@media (min-width:1540px) {
  .text-xxl-left {
    text-align: left !important
  }

  .text-xxl-right {
    text-align: right !important
  }

  .text-xxl-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-primary {
  color: #2c7be5 !important
}

a.text-primary:focus,
a.text-primary:hover {
  color: #1657af !important
}

.text-secondary {
  color: #748194 !important
}

a.text-secondary:focus,
a.text-secondary:hover {
  color: #525b6a !important
}

.text-success {
  color: #00d27a !important
}

a.text-success:focus,
a.text-success:hover {
  color: #00864e !important
}

.text-info {
  color: #27bcfd !important
}

a.text-info:focus,
a.text-info:hover {
  color: #0295d6 !important
}

.text-warning {
  color: #f5803e !important
}

a.text-warning:focus,
a.text-warning:hover {
  color: #db560b !important
}

.text-danger {
  color: #e63757 !important
}

a.text-danger:focus,
a.text-danger:hover {
  color: #b91735 !important
}

.text-light {
  color: #27272A !important
}

a.text-light:focus,
a.text-light:hover {
  color: #000 !important
}

.text-dark {
  color: #f9fafd !important
}

a.text-dark:focus,
a.text-dark:hover {
  color: #c0caea !important
}

.text-body {
  color: #9da9bb !important
}

.text-muted {
  color: #5e6e82 !important
}

.text-black-50 {
  color: hsla(0, 0%, 100%, .5) !important
}

.text-white-50 {
  color: rgba(24, 24, 27, .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;
  word-wrap: break-word !important
}

.text-reset {
  color: inherit !important
}

.visible {
  visibility: visible !important
}

.invisible {
  visibility: hidden !important
}

@media print {

  *,
  :after,
  :before {
    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
  }

  blockquote,
  pre {
    border: 1px solid #5e6e82;
    page-break-inside: avoid
  }

  thead {
    display: table-header-group
  }

  img,
  tr {
    page-break-inside: avoid
  }

  h2,
  h3,
  p {
    orphans: 3;
    widows: 3
  }

  h2,
  h3 {
    page-break-after: avoid
  }

  @page {
    size: a3
  }

  .container,
  body {
    min-width: 992px !important
  }

  .navbar {
    display: none
  }

  .badge {
    border: 1px solid #fff
  }

  .table {
    border-collapse: collapse !important
  }

  .table td,
  .table th {
    background-color: #18181B !important
  }

  .table-bordered td,
  .table-bordered th {
    border: 1px solid #344050 !important
  }

  .table-dark {
    color: inherit
  }

  .table-dark tbody+tbody,
  .table-dark td,
  .table-dark th,
  .table-dark thead th {
    border-color: #18181B
  }

  .table .thead-dark th {
    color: inherit;
    border-color: #18181B
  }
}

::-moz-placeholder {
  opacity: 1;
  color: #4d5969 !important
}

::placeholder {
  opacity: 1;
  color: #4d5969 !important
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
  position: relative
}

code,
pre {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto
}

section {
  position: relative;
  padding-top: 4rem;
  padding-bottom: 4rem
}

@media (min-width:992px) {
  section {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem
  }
}

.alert,
.badge,
.blockquote-footer,
.btn,
.invalid-feedback,
.navbar,
.pagination,
.valid-feedback,
button,
input,
label,
optgroup,
select,
textarea {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

pre {
  margin: 0;
  transform: translateZ(0)
}

strong {
  color: #fff;
  font-weight: 600
}

label {
  font-weight: 500 !important
}

.overlay-icon {
  height: 50%;
  width: 100%;
  bottom: 0;
  transition: all .2s ease-in-out
}

.cover-image-file-input,
.overlay-icon {
  position: absolute;
  opacity: 0;
  cursor: pointer
}

.cover-image-file-input {
  top: 0;
  left: 0;
  padding: .25rem .5rem;
  margin-left: 1rem;
  margin-top: 1rem;
  border-radius: .25rem;
  font-size: .83333rem;
  color: #18181B;
  border: 1px solid rgba(163, 203, 255, .16);
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .5);
  background-color: hsla(0, 0%, 100%, .9)
}

.cover-image:hover .cover-image-file-input {
  opacity: 1;
  transition: all .2s ease-in-out
}

.calendar {
  width: 50px;
  line-height: 1;
  display: flex;
  flex-direction: column;
  text-align: center;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  border-radius: .375rem
}

.calendar .calendar-month {
  background-color: #e63757;
  color: #18181B;
  border-radius: .375rem .375rem 0 0;
  padding: .25rem;
  font-weight: 600
}

.calendar .calendar-day {
  font-size: 1.728rem;
  padding: .25rem;
  border: .125rem solid rgba(230, 55, 87, .3);
  border-top: 0;
  border-radius: 0 0 .375rem .375rem;
  color: #5e6e82;
  font-weight: 700
}

.navbar .dropdown-menu {
  overflow: visible;
  left: -.5625rem
}

.navbar .navbar .dropdown-menu.dropdown-menu-right {
  left: auto;
  right: -.5625rem
}

.navbar .dropdown-menu.dropdown-menu-right:after {
  right: .95rem;
  left: auto
}

.navbar .dropdown-item {
  font-weight: 500
}

.navbar .dropdown-item:focus,
.navbar .dropdown-item:hover {
  color: #edf2f9
}

.navbar-glass,
.navbar-vertical .navbar-collapse {
  background-color: var(--background-primary);
  /* background-color: rgba(6, 19, 37, .96) */
}

.navbar-vertical .safari .navbar-collapse,
.safari .navbar-glass,
.safari .navbar-vertical .navbar-collapse {
  box-shadow: 0 .5rem .5rem -.5rem transparent
}

.navbar-brand {
  font-weight: 800
}

.navbar-glass-shadow {
  box-shadow: 0 .5rem .5rem -.5rem hsla(0, 0%, 100%, .2) !important
}

.navbar-toggler-humburger-icon {
  height: 2.5rem;
  width: 2.5rem;
  padding: .3125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%
}

.navbar-toggler-humburger-icon:focus,
.navbar-toggler-humburger-icon:hover {
  background-color: #344050
}

.navbar-toggle-icon {
  position: relative;
  height: .125rem;
  width: 1.25rem;
  transition: all .2s ease-in-out;
  display: block;
  top: -.3125rem;
  padding-right: 0
}

.navbar-toggle-icon .toggle-line {
  display: block;
  height: 100%;
  border-radius: .25rem;
  transition: all .2s ease-in-out;
  background-color: #9da9bb
}

.navbar-toggle-icon:after,
.navbar-toggle-icon:before {
  content: "";
  position: absolute;
  height: .125rem;
  background-color: #9da9bb;
  left: 0;
  transition: all .2s ease-in-out;
  border-radius: .25rem;
  width: 100%
}

.navbar-toggle-icon:before {
  top: .3125rem
}

.navbar-toggle-icon:after {
  top: .625rem
}

.search-box {
  position: relative;
  width: 21rem;
  font-size: .83333rem
}

.search-box .search-box-icon {
  position: absolute;
  color: #4d5969;
  top: 50%;
  left: .9rem;
  transform: translateY(-48%)
}

.search-box .search-input {
  padding-left: 2rem;
  line-height: 1.7;
  border-radius: 50rem;
  box-shadow: none
}

.search-box .search-input::-webkit-search-cancel-button {
  display: none
}

.search-box .close {
  outline: 0 !important;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: .25rem;
  margin-right: 1rem;
  font-size: .83333rem;
  z-index: 1
}

.search-box .dropdown-menu {
  border: 1px solid rgba(163, 203, 255, .16);
  font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  left: 0;
  margin-top: .5rem;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  width: 100%
}

.search-box:not(.show) [data-dismiss=search] {
  display: none
}

.search-box .file-thumbnail {
  width: 1.75rem;
  height: 1.75rem
}

.safari .search-box .search-input {
  line-height: 2
}

.shadow-bottom {
  box-shadow: 0 .5rem .5rem -.5rem hsla(0, 0%, 100%, .2) !important
}

.navbar-top {
  z-index: 1020
}

.navbar-vertical {
  position: -ms-device-fixed !important;
  padding: 0;
  z-index: 1019;
  top: 4.3125rem;
  width: 100vw
}

.navbar-vertical .navbar-brand {
  display: none
}

.navbar-vertical .navbar-collapse {
  flex-direction: column
}

.navbar-vertical .navbar-collapse>* {
  width: 100%;
  overflow: hidden
}

.navbar-vertical .navbar-vertical-toggle {
  display: none
}

.navbar-vertical .navbar-vertical-divider {
  padding-left: 1rem;
  padding-right: 1rem
}

.navbar-vertical .navbar-vertical-hr {
  border-color: #344050
}

.navbar-vertical .navbar-nav {
  width: 100%;
  font-size: .875rem;
  font-weight: 500
}

.navbar-vertical .navbar-nav .nav-link {
  color: #9da9bb;
  white-space: nowrap;
  transition: all .2s ease-in-out
}

@media (min-width:992px) {
  .navbar-vertical .navbar-nav .nav-link {
    padding: .35rem 0
  }
}

.navbar-vertical .navbar-nav .nav-link:focus,
.navbar-vertical .navbar-nav .nav-link:hover {
  color: #edf2f9
}

.navbar-vertical .navbar-nav .nav-link:focus.dropdown-indicator:after,
.navbar-vertical .navbar-nav .nav-link:hover.dropdown-indicator:after {
  border-color: #edf2f9
}

.navbar-vertical .navbar-nav .nav-link-icon {
  width: 1.5rem;
  min-width: 1.5rem;
  font-size: 1rem
}

.navbar-vertical .navbar-nav .nav {
  flex-flow: column nowrap;
  font-size: .8125rem
}

.navbar-vertical .navbar-nav .nav .nav-item .nav-link {
  padding: .2rem 1.5rem
}

.navbar-vertical .navbar-nav .nav .nav-item:last-child {
  margin-bottom: .35rem
}

.navbar-vertical .navbar-nav .nav .nav .nav-item .nav-link {
  padding-left: 2.625rem
}

.navbar-vertical .navbar-nav .nav .nav .nav .nav-item .nav-link {
  padding-left: 4.125rem
}

.navbar-vertical.navbar-card,
.navbar-vertical.navbar-inverted,
.navbar-vertical.navbar-vibrant {
  padding-left: .9375rem;
  padding-right: .9375rem
}

.navbar-vertical.navbar-card .navbar-collapse,
.navbar-vertical.navbar-inverted .navbar-collapse,
.navbar-vertical.navbar-vibrant .navbar-collapse {
  border-radius: .375rem
}

.navbar-vertical.navbar-inverted .navbar-collapse {
  background-color: #040d1a
}

.navbar-vertical.navbar-inverted .navbar-nav .nav-item .nav-link {
  color: #5e6e82
}

.navbar-vertical.navbar-inverted .navbar-nav .nav-item .nav-link.dropdown-indicator:after {
  border-color: #5e6e82
}

.navbar-vertical.navbar-inverted .navbar-nav .nav-item .nav-link:focus,
.navbar-vertical.navbar-inverted .navbar-nav .nav-item .nav-link:hover {
  color: #9da9bb
}

.navbar-vertical.navbar-inverted .navbar-nav .nav-item .nav-link:focus.dropdown-indicator:after,
.navbar-vertical.navbar-inverted .navbar-nav .nav-item .nav-link:hover.dropdown-indicator:after {
  border-color: #9da9bb
}

.navbar-vertical.navbar-inverted .navbar-nav .nav-item.active .nav-link {
  color: #2c7be5
}

.navbar-vertical.navbar-inverted .navbar-vertical-hr {
  border-color: rgba(24, 24, 27, .2)
}

.navbar-vertical.navbar-vibrant .navbar-collapse {
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  backface-visibility: hidden
}

.navbar-vertical.navbar-vibrant .badge-soft-primary {
  color: #1c4f93;
  background-color: #d5e5fa
}

.navbar-vertical.navbar-vibrant .badge-soft-success {
  color: #00864e;
  background-color: #ccf6e4
}

.navbar-vertical.navbar-vibrant .navbar-nav .nav-item .nav-link {
  color: #d8e2ef
}

.navbar-vertical.navbar-vibrant .navbar-nav .nav-item .nav-link.dropdown-indicator:after {
  border-color: #d8e2ef
}

.navbar-vertical.navbar-vibrant .navbar-nav .nav-item .nav-link:focus,
.navbar-vertical.navbar-vibrant .navbar-nav .nav-item .nav-link:hover {
  color: #fff
}

.navbar-vertical.navbar-vibrant .navbar-nav .nav-item .nav-link:focus.dropdown-indicator:after,
.navbar-vertical.navbar-vibrant .navbar-nav .nav-item .nav-link:hover.dropdown-indicator:after {
  border-color: #fff
}

.navbar-vertical.navbar-vibrant .navbar-nav .nav-item.active .nav-link {
  color: #fff
}

.navbar-vertical.navbar-vibrant .navbar-vertical-hr {
  border-color: hsla(0, 0%, 100%, .2)
}

.navbar-vertical.navbar-card .navbar-collapse {
  background-color: #18181B;
  box-shadow: none
}

.navbar-vertical.navbar-card .navbar-nav .nav-item .nav-link {
  color: #9da9bb
}

.navbar-vertical.navbar-card .navbar-nav .nav-item .nav-link.dropdown-indicator:after {
  border-color: #9da9bb
}

.navbar-vertical.navbar-card .navbar-nav .nav-item .nav-link:focus,
.navbar-vertical.navbar-card .navbar-nav .nav-item .nav-link:hover {
  color: #d8e2ef
}

.navbar-vertical.navbar-card .navbar-nav .nav-item .nav-link:focus.dropdown-indicator:after,
.navbar-vertical.navbar-card .navbar-nav .nav-item .nav-link:hover.dropdown-indicator:after {
  border-color: #d8e2ef
}

.navbar-vertical.navbar-card .navbar-nav .nav-item.active .nav-link {
  color: #2c7be5
}

.navbar-vertical.navbar-card .navbar-vertical-hr {
  border-color: #344050
}

.windows.chrome .navbar-vertical.navbar-inverted .navbar-collapse.scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(116, 129, 148, .3)
}

.windows.chrome .navbar-vertical.navbar-vibrant .navbar-collapse.scrollbar::-webkit-scrollbar-thumb {
  background-color: #b6c1d2
}

.windows.chrome .navbar-vertical.navbar-card .navbar-collapse.scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(116, 129, 148, .3)
}

.windows.firefox .navbar-vertical.navbar-inverted .navbar-collapse.scrollbar {
  scrollbar-color: rgba(116, 129, 148, .3) transparent
}

.windows.firefox .navbar-vertical.navbar-vibrant .navbar-collapse.scrollbar {
  scrollbar-color: #b6c1d2 transparent
}

.windows.firefox .navbar-vertical.navbar-card .navbar-collapse.scrollbar {
  scrollbar-color: rgba(116, 129, 148, .3) transparent
}

.ie .navbar-vertical.navbar-inverted .ps__rail-y .ps__thumb-y {
  background-color: rgba(116, 129, 148, .3) !important
}

.ie .navbar-vertical.navbar-vibrant .ps:not(.show) {
  overflow: visible !important
}

.ie .navbar-vertical.navbar-vibrant .ps__rail-y .ps__thumb-y {
  background-color: #b6c1d2 !important
}

.ie .navbar-vertical.navbar-card .ps__rail-y .ps__thumb-y {
  background-color: rgba(116, 129, 148, .3) !important
}

@media (max-width:1539.98px) and (min-width:1200px) and (max-width:1539.98px) {
  .navbar-vertical.navbar-expand-xxl {
    position: fixed;
    max-width: 1140px;
    width: 100%
  }

  .navbar-vertical.navbar-expand-xxl+.content .navbar-top {
    width: 100%;
    max-width: 1140px !important
  }
}

@media (max-width:1539.98px) and (min-width:992px) and (max-width:1199.98px) {
  .navbar-vertical.navbar-expand-xxl {
    position: fixed;
    max-width: 960px;
    width: 100%
  }

  .navbar-vertical.navbar-expand-xxl+.content .navbar-top {
    width: 100%;
    max-width: 960px !important
  }
}

@media (max-width:1539.98px) and (min-width:768px) and (max-width:991.98px) {
  .navbar-vertical.navbar-expand-xxl {
    position: fixed;
    max-width: 720px;
    width: 100%
  }

  .navbar-vertical.navbar-expand-xxl+.content .navbar-top {
    width: 100%;
    max-width: 720px !important
  }
}

@media (max-width:1539.98px) and (min-width:576px) and (max-width:767.98px) {
  .navbar-vertical.navbar-expand-xxl {
    position: fixed;
    max-width: 540px;
    width: 100%
  }
}

@media (max-width:1539.98px) {
  .navbar-vertical.navbar-expand-xxl+.content {
    padding-top: 4.3125rem
  }

  .navbar-vertical.navbar-expand-xxl+.content .navbar-top {
    position: fixed;
    top: 0
  }
}

@media (max-width:1539.98px) and (min-width:576px) and (max-width:767.98px) {
  .navbar-vertical.navbar-expand-xxl+.content .navbar-top {
    width: 100%;
    max-width: 540px !important
  }
}

@media (max-width:1539.98px) {

  .container-fluid .navbar-vertical.navbar-expand-xxl,
  .container-fluid .navbar-vertical.navbar-expand-xxl+.content .navbar-top,
  .container-lg .navbar-vertical.navbar-expand-xxl,
  .container-lg .navbar-vertical.navbar-expand-xxl+.content .navbar-top,
  .container-md .navbar-vertical.navbar-expand-xxl,
  .container-md .navbar-vertical.navbar-expand-xxl+.content .navbar-top,
  .container-sm .navbar-vertical.navbar-expand-xxl,
  .container-sm .navbar-vertical.navbar-expand-xxl+.content .navbar-top,
  .container-xl .navbar-vertical.navbar-expand-xxl,
  .container-xl .navbar-vertical.navbar-expand-xxl+.content .navbar-top,
  .container-xxl .navbar-vertical.navbar-expand-xxl,
  .container-xxl .navbar-vertical.navbar-expand-xxl+.content .navbar-top {
    width: 100%;
    max-width: 100vw !important
  }
}

@media (min-width:1540px) {
  .navbar-vertical.navbar-expand-xxl {
    position: fixed;
    width: 100%;
    top: 0;
    max-height: 100vh;
    display: block;
    max-width: 12.5rem
  }

  .navbar-vertical.navbar-expand-xxl .navbar-vertical-toggle {
    display: flex
  }

  .navbar-vertical.navbar-expand-xxl .navbar-brand {
    display: block;
    text-align: center
  }

  .navbar-vertical.navbar-expand-xxl+.content {
    margin-left: 15.5rem
  }

  .navbar-vertical.navbar-expand-xxl+.content .navbar-top .navbar-brand,
  .navbar-vertical.navbar-expand-xxl+.content .navbar-top .navbar-toggler {
    display: none
  }

  .navbar-vertical.navbar-expand-xxl .navbar-collapse {
    position: relative;
    display: inline-block !important;
    width: 12.625rem;
    transition: all .2s ease-in-out;
    padding-top: .5rem;
    height: calc(100vh - 4.3125rem);
    margin-top: -.3125rem;
    overflow-y: auto
  }

  .navbar-vertical.navbar-expand-xxl .settings .custom-control-label {
    white-space: nowrap
  }

  .safari .navbar-vertical.navbar-expand-xxl .navbar-vertical .navbar-collapse {
    margin-top: .3125rem;
    padding-top: .5625rem
  }

  .navbar-vertical.navbar-expand-xxl .navbar-vertical-divider {
    padding: 0
  }

  .navbar-vertical.navbar-expand-xxl.navbar-card,
  .navbar-vertical.navbar-expand-xxl.navbar-inverted,
  .navbar-vertical.navbar-expand-xxl.navbar-vibrant {
    padding: 0;
    max-width: 14.5rem !important
  }

  .navbar-vertical.navbar-expand-xxl.navbar-card .toggle-icon-wrapper,
  .navbar-vertical.navbar-expand-xxl.navbar-inverted .toggle-icon-wrapper,
  .navbar-vertical.navbar-expand-xxl.navbar-vibrant .toggle-icon-wrapper {
    margin-left: 0;
    margin-right: 1.5625rem;
    padding-left: .3125rem
  }

  .navbar-vertical.navbar-expand-xxl.navbar-card .navbar-collapse,
  .navbar-vertical.navbar-expand-xxl.navbar-inverted .navbar-collapse,
  .navbar-vertical.navbar-expand-xxl.navbar-vibrant .navbar-collapse {
    width: 14.5rem !important;
    margin-left: 0 !important;
    padding: 1rem !important;
    height: calc(100vh - 5.3125rem)
  }

  .navbar-vertical.navbar-expand-xxl.navbar-card+.content,
  .navbar-vertical.navbar-expand-xxl.navbar-inverted+.content,
  .navbar-vertical.navbar-expand-xxl.navbar-vibrant+.content {
    margin-left: 15.5rem
  }

  .navbar-vertical.navbar-expand-xxl.navbar-vibrant .navbar-collapse.ps {
    overflow-y: auto !important
  }
}

@media (max-width:1539.98px) {
  .navbar-vertical.navbar-expand-xxl {
    margin-left: -15px;
    margin-right: -15px
  }

  .navbar-vertical.navbar-expand-xxl+.content .navbar-top .navbar-toggler {
    display: flex
  }

  .navbar-vertical.navbar-expand-xxl .navbar-nav {
    padding-left: 15px;
    padding-right: 15px
  }

  .navbar-vertical.navbar-expand-xxl .navbar-collapse.show {
    max-height: calc(100vh - 4.3125rem);
    overflow-y: auto
  }

  .navbar-vertical.navbar-expand-xxl.navbar-card .navbar-collapse.show,
  .navbar-vertical.navbar-expand-xxl.navbar-inverted .navbar-collapse.show,
  .navbar-vertical.navbar-expand-xxl.navbar-vibrant .navbar-collapse.show {
    max-height: calc(100vh - 5.3125rem)
  }
}

@media (max-width:1199.98px) and (min-width:992px) and (max-width:1199.98px) {
  .navbar-vertical.navbar-expand-xl {
    position: fixed;
    max-width: 960px;
    width: 100%
  }

  .navbar-vertical.navbar-expand-xl+.content .navbar-top {
    width: 100%;
    max-width: 960px !important
  }
}

@media (max-width:1199.98px) and (min-width:768px) and (max-width:991.98px) {
  .navbar-vertical.navbar-expand-xl {
    position: fixed;
    max-width: 720px;
    width: 100%
  }

  .navbar-vertical.navbar-expand-xl+.content .navbar-top {
    width: 100%;
    max-width: 720px !important
  }
}

@media (max-width:1199.98px) and (min-width:576px) and (max-width:767.98px) {
  .navbar-vertical.navbar-expand-xl {
    position: fixed;
    max-width: 540px;
    width: 100%
  }
}

@media (max-width:1199.98px) {
  .navbar-vertical.navbar-expand-xl+.content {
    padding-top: 4.3125rem
  }

  .navbar-vertical.navbar-expand-xl+.content .navbar-top {
    position: fixed;
    top: 0
  }
}

@media (max-width:1199.98px) and (min-width:576px) and (max-width:767.98px) {
  .navbar-vertical.navbar-expand-xl+.content .navbar-top {
    width: 100%;
    max-width: 540px !important
  }
}

@media (max-width:1199.98px) {

  .container-fluid .navbar-vertical.navbar-expand-xl,
  .container-fluid .navbar-vertical.navbar-expand-xl+.content .navbar-top,
  .container-lg .navbar-vertical.navbar-expand-xl,
  .container-lg .navbar-vertical.navbar-expand-xl+.content .navbar-top,
  .container-md .navbar-vertical.navbar-expand-xl,
  .container-md .navbar-vertical.navbar-expand-xl+.content .navbar-top,
  .container-sm .navbar-vertical.navbar-expand-xl,
  .container-sm .navbar-vertical.navbar-expand-xl+.content .navbar-top,
  .container-xl .navbar-vertical.navbar-expand-xl,
  .container-xl .navbar-vertical.navbar-expand-xl+.content .navbar-top,
  .container-xxl .navbar-vertical.navbar-expand-xl,
  .container-xxl .navbar-vertical.navbar-expand-xl+.content .navbar-top {
    width: 100%;
    max-width: 100vw !important
  }
}

@media (min-width:1200px) {
  .navbar-vertical.navbar-expand-xl {
    position: fixed;
    width: 100%;
    top: 0;
    max-height: 100vh;
    display: block;
    max-width: 12.5rem
  }

  .navbar-vertical.navbar-expand-xl .navbar-vertical-toggle {
    display: flex
  }

  .navbar-vertical.navbar-expand-xl .navbar-brand {
    display: block;
    text-align: center
  }

  .navbar-vertical.navbar-expand-xl+.content {
    margin-left: 15.5rem
  }

  .navbar-vertical.navbar-expand-xl+.content .navbar-top .navbar-brand,
  .navbar-vertical.navbar-expand-xl+.content .navbar-top .navbar-toggler {
    display: none
  }

  .navbar-vertical.navbar-expand-xl .navbar-collapse {
    position: relative;
    display: inline-block !important;
    width: 12.625rem;
    transition: all .2s ease-in-out;
    padding-top: .5rem;
    height: calc(100vh - 4.3125rem);
    margin-top: -.3125rem;
    overflow-y: auto
  }

  .navbar-vertical.navbar-expand-xl .settings .custom-control-label {
    white-space: nowrap
  }

  .safari .navbar-vertical.navbar-expand-xl .navbar-vertical .navbar-collapse {
    margin-top: .3125rem;
    padding-top: .5625rem
  }

  .navbar-vertical.navbar-expand-xl .navbar-vertical-divider {
    padding: 0
  }

  .navbar-vertical.navbar-expand-xl.navbar-card,
  .navbar-vertical.navbar-expand-xl.navbar-inverted,
  .navbar-vertical.navbar-expand-xl.navbar-vibrant {
    padding: 0;
    max-width: 14.5rem !important
  }

  .navbar-vertical.navbar-expand-xl.navbar-card .toggle-icon-wrapper,
  .navbar-vertical.navbar-expand-xl.navbar-inverted .toggle-icon-wrapper,
  .navbar-vertical.navbar-expand-xl.navbar-vibrant .toggle-icon-wrapper {
    margin-left: 0;
    margin-right: 1.5625rem;
    padding-left: .3125rem
  }

  .navbar-vertical.navbar-expand-xl.navbar-card .navbar-collapse,
  .navbar-vertical.navbar-expand-xl.navbar-inverted .navbar-collapse,
  .navbar-vertical.navbar-expand-xl.navbar-vibrant .navbar-collapse {
    width: 14.5rem !important;
    margin-left: 0 !important;
    padding: 1rem !important;
    height: calc(100vh - 5.3125rem)
  }

  .navbar-vertical.navbar-expand-xl.navbar-card+.content,
  .navbar-vertical.navbar-expand-xl.navbar-inverted+.content,
  .navbar-vertical.navbar-expand-xl.navbar-vibrant+.content {
    margin-left: 15.5rem
  }

  .navbar-vertical.navbar-expand-xl.navbar-vibrant .navbar-collapse.ps {
    overflow-y: auto !important
  }
}

@media (max-width:1199.98px) {
  .navbar-vertical.navbar-expand-xl {
    margin-left: -15px;
    margin-right: -15px
  }

  .navbar-vertical.navbar-expand-xl+.content .navbar-top .navbar-toggler {
    display: flex
  }

  .navbar-vertical.navbar-expand-xl .navbar-nav {
    padding-left: 15px;
    padding-right: 15px
  }

  .navbar-vertical.navbar-expand-xl .navbar-collapse.show {
    max-height: calc(100vh - 4.3125rem);
    overflow-y: auto
  }

  .navbar-vertical.navbar-expand-xl.navbar-card .navbar-collapse.show,
  .navbar-vertical.navbar-expand-xl.navbar-inverted .navbar-collapse.show,
  .navbar-vertical.navbar-expand-xl.navbar-vibrant .navbar-collapse.show {
    max-height: calc(100vh - 5.3125rem)
  }
}

@media (max-width:991.98px) and (min-width:768px) and (max-width:991.98px) {
  .navbar-vertical.navbar-expand-lg {
    position: fixed;
    max-width: 720px;
    width: 100%
  }

  .navbar-vertical.navbar-expand-lg+.content .navbar-top {
    width: 100%;
    max-width: 720px !important
  }
}

@media (max-width:991.98px) and (min-width:576px) and (max-width:767.98px) {
  .navbar-vertical.navbar-expand-lg {
    position: fixed;
    max-width: 540px;
    width: 100%
  }
}

@media (max-width:991.98px) {
  .navbar-vertical.navbar-expand-lg+.content {
    padding-top: 4.3125rem
  }

  .navbar-vertical.navbar-expand-lg+.content .navbar-top {
    position: fixed;
    top: 0
  }
}

@media (max-width:991.98px) and (min-width:576px) and (max-width:767.98px) {
  .navbar-vertical.navbar-expand-lg+.content .navbar-top {
    width: 100%;
    max-width: 540px !important
  }
}

@media (max-width:991.98px) {

  .container-fluid .navbar-vertical.navbar-expand-lg,
  .container-fluid .navbar-vertical.navbar-expand-lg+.content .navbar-top,
  .container-lg .navbar-vertical.navbar-expand-lg,
  .container-lg .navbar-vertical.navbar-expand-lg+.content .navbar-top,
  .container-md .navbar-vertical.navbar-expand-lg,
  .container-md .navbar-vertical.navbar-expand-lg+.content .navbar-top,
  .container-sm .navbar-vertical.navbar-expand-lg,
  .container-sm .navbar-vertical.navbar-expand-lg+.content .navbar-top,
  .container-xl .navbar-vertical.navbar-expand-lg,
  .container-xl .navbar-vertical.navbar-expand-lg+.content .navbar-top,
  .container-xxl .navbar-vertical.navbar-expand-lg,
  .container-xxl .navbar-vertical.navbar-expand-lg+.content .navbar-top {
    width: 100%;
    max-width: 100vw !important
  }
}

@media (min-width:992px) {
  .navbar-vertical.navbar-expand-lg {
    position: fixed;
    width: 100%;
    top: 0;
    max-height: 100vh;
    display: block;
    max-width: 12.5rem
  }

  .navbar-vertical.navbar-expand-lg .navbar-vertical-toggle {
    display: flex
  }

  .navbar-vertical.navbar-expand-lg .navbar-brand {
    display: block;
    text-align: center
  }

  .navbar-vertical.navbar-expand-lg+.content {
    margin-left: 15.5rem
  }

  .navbar-vertical.navbar-expand-lg+.content .navbar-top .navbar-brand,
  .navbar-vertical.navbar-expand-lg+.content .navbar-top .navbar-toggler {
    display: none
  }

  .navbar-vertical.navbar-expand-lg .navbar-collapse {
    position: relative;
    display: inline-block !important;
    width: 12.625rem;
    transition: all .2s ease-in-out;
    padding-top: .5rem;
    height: calc(100vh - 4.3125rem);
    margin-top: -.3125rem;
    overflow-y: auto
  }

  .navbar-vertical.navbar-expand-lg .settings .custom-control-label {
    white-space: nowrap
  }

  .safari .navbar-vertical.navbar-expand-lg .navbar-vertical .navbar-collapse {
    margin-top: .3125rem;
    padding-top: .5625rem
  }

  .navbar-vertical.navbar-expand-lg .navbar-vertical-divider {
    padding: 0
  }

  .navbar-vertical.navbar-expand-lg.navbar-card,
  .navbar-vertical.navbar-expand-lg.navbar-inverted,
  .navbar-vertical.navbar-expand-lg.navbar-vibrant {
    padding: 0;
    max-width: 14.5rem !important
  }

  .navbar-vertical.navbar-expand-lg.navbar-card .toggle-icon-wrapper,
  .navbar-vertical.navbar-expand-lg.navbar-inverted .toggle-icon-wrapper,
  .navbar-vertical.navbar-expand-lg.navbar-vibrant .toggle-icon-wrapper {
    margin-left: 0;
    margin-right: 1.5625rem;
    padding-left: .3125rem
  }

  .navbar-vertical.navbar-expand-lg.navbar-card .navbar-collapse,
  .navbar-vertical.navbar-expand-lg.navbar-inverted .navbar-collapse,
  .navbar-vertical.navbar-expand-lg.navbar-vibrant .navbar-collapse {
    width: 14.5rem !important;
    margin-left: 0 !important;
    padding: 1rem !important;
    height: calc(100vh - 5.3125rem)
  }

  .navbar-vertical.navbar-expand-lg.navbar-card+.content,
  .navbar-vertical.navbar-expand-lg.navbar-inverted+.content,
  .navbar-vertical.navbar-expand-lg.navbar-vibrant+.content {
    margin-left: 15.5rem
  }

  .navbar-vertical.navbar-expand-lg.navbar-vibrant .navbar-collapse.ps {
    overflow-y: auto !important
  }
}

@media (max-width:991.98px) {
  .navbar-vertical.navbar-expand-lg {
    margin-left: -15px;
    margin-right: -15px
  }

  .navbar-vertical.navbar-expand-lg+.content .navbar-top .navbar-toggler {
    display: flex
  }

  .navbar-vertical.navbar-expand-lg .navbar-nav {
    padding-left: 15px;
    padding-right: 15px
  }

  .navbar-vertical.navbar-expand-lg .navbar-collapse.show {
    max-height: calc(100vh - 4.3125rem);
    overflow-y: auto
  }

  .navbar-vertical.navbar-expand-lg.navbar-card .navbar-collapse.show,
  .navbar-vertical.navbar-expand-lg.navbar-inverted .navbar-collapse.show,
  .navbar-vertical.navbar-expand-lg.navbar-vibrant .navbar-collapse.show {
    max-height: calc(100vh - 5.3125rem)
  }
}

@media (max-width:767.98px) and (min-width:576px) and (max-width:767.98px) {
  .navbar-vertical.navbar-expand-md {
    position: fixed;
    max-width: 540px;
    width: 100%
  }
}

@media (max-width:767.98px) {
  .navbar-vertical.navbar-expand-md+.content {
    padding-top: 4.3125rem
  }

  .navbar-vertical.navbar-expand-md+.content .navbar-top {
    position: fixed;
    top: 0
  }
}

@media (max-width:767.98px) and (min-width:576px) and (max-width:767.98px) {
  .navbar-vertical.navbar-expand-md+.content .navbar-top {
    width: 100%;
    max-width: 540px !important
  }
}

@media (max-width:767.98px) {

  .container-fluid .navbar-vertical.navbar-expand-md,
  .container-fluid .navbar-vertical.navbar-expand-md+.content .navbar-top,
  .container-lg .navbar-vertical.navbar-expand-md,
  .container-lg .navbar-vertical.navbar-expand-md+.content .navbar-top,
  .container-md .navbar-vertical.navbar-expand-md,
  .container-md .navbar-vertical.navbar-expand-md+.content .navbar-top,
  .container-sm .navbar-vertical.navbar-expand-md,
  .container-sm .navbar-vertical.navbar-expand-md+.content .navbar-top,
  .container-xl .navbar-vertical.navbar-expand-md,
  .container-xl .navbar-vertical.navbar-expand-md+.content .navbar-top,
  .container-xxl .navbar-vertical.navbar-expand-md,
  .container-xxl .navbar-vertical.navbar-expand-md+.content .navbar-top {
    width: 100%;
    max-width: 100vw !important
  }
}

@media (min-width:768px) {
  .navbar-vertical.navbar-expand-md {
    position: fixed;
    width: 100%;
    top: 0;
    max-height: 100vh;
    display: block;
    max-width: 12.5rem
  }

  .navbar-vertical.navbar-expand-md .navbar-vertical-toggle {
    display: flex
  }

  .navbar-vertical.navbar-expand-md .navbar-brand {
    display: block;
    text-align: center
  }

  .navbar-vertical.navbar-expand-md+.content {
    margin-left: 15.5rem
  }

  .navbar-vertical.navbar-expand-md+.content .navbar-top .navbar-brand,
  .navbar-vertical.navbar-expand-md+.content .navbar-top .navbar-toggler {
    display: none
  }

  .navbar-vertical.navbar-expand-md .navbar-collapse {
    position: relative;
    display: inline-block !important;
    width: 12.625rem;
    transition: all .2s ease-in-out;
    padding-top: .5rem;
    height: calc(100vh - 4.3125rem);
    margin-top: -.3125rem;
    overflow-y: auto
  }

  .navbar-vertical.navbar-expand-md .settings .custom-control-label {
    white-space: nowrap
  }

  .safari .navbar-vertical.navbar-expand-md .navbar-vertical .navbar-collapse {
    margin-top: .3125rem;
    padding-top: .5625rem
  }

  .navbar-vertical.navbar-expand-md .navbar-vertical-divider {
    padding: 0
  }

  .navbar-vertical.navbar-expand-md.navbar-card,
  .navbar-vertical.navbar-expand-md.navbar-inverted,
  .navbar-vertical.navbar-expand-md.navbar-vibrant {
    padding: 0;
    max-width: 14.5rem !important
  }

  .navbar-vertical.navbar-expand-md.navbar-card .toggle-icon-wrapper,
  .navbar-vertical.navbar-expand-md.navbar-inverted .toggle-icon-wrapper,
  .navbar-vertical.navbar-expand-md.navbar-vibrant .toggle-icon-wrapper {
    margin-left: 0;
    margin-right: 1.5625rem;
    padding-left: .3125rem
  }

  .navbar-vertical.navbar-expand-md.navbar-card .navbar-collapse,
  .navbar-vertical.navbar-expand-md.navbar-inverted .navbar-collapse,
  .navbar-vertical.navbar-expand-md.navbar-vibrant .navbar-collapse {
    width: 14.5rem !important;
    margin-left: 0 !important;
    padding: 1rem !important;
    height: calc(100vh - 5.3125rem)
  }

  .navbar-vertical.navbar-expand-md.navbar-card+.content,
  .navbar-vertical.navbar-expand-md.navbar-inverted+.content,
  .navbar-vertical.navbar-expand-md.navbar-vibrant+.content {
    margin-left: 15.5rem
  }

  .navbar-vertical.navbar-expand-md.navbar-vibrant .navbar-collapse.ps {
    overflow-y: auto !important
  }
}

@media (max-width:767.98px) {
  .navbar-vertical.navbar-expand-md {
    margin-left: -15px;
    margin-right: -15px
  }

  .navbar-vertical.navbar-expand-md+.content .navbar-top .navbar-toggler {
    display: flex
  }

  .navbar-vertical.navbar-expand-md .navbar-nav {
    padding-left: 15px;
    padding-right: 15px
  }

  .navbar-vertical.navbar-expand-md .navbar-collapse.show {
    max-height: calc(100vh - 4.3125rem);
    overflow-y: auto
  }

  .navbar-vertical.navbar-expand-md.navbar-card .navbar-collapse.show,
  .navbar-vertical.navbar-expand-md.navbar-inverted .navbar-collapse.show,
  .navbar-vertical.navbar-expand-md.navbar-vibrant .navbar-collapse.show {
    max-height: calc(100vh - 5.3125rem)
  }
}

@media (max-width:575.98px) {

  .container-fluid .navbar-vertical.navbar-expand-sm,
  .container-fluid .navbar-vertical.navbar-expand-sm+.content .navbar-top,
  .container-lg .navbar-vertical.navbar-expand-sm,
  .container-lg .navbar-vertical.navbar-expand-sm+.content .navbar-top,
  .container-md .navbar-vertical.navbar-expand-sm,
  .container-md .navbar-vertical.navbar-expand-sm+.content .navbar-top,
  .container-sm .navbar-vertical.navbar-expand-sm,
  .container-sm .navbar-vertical.navbar-expand-sm+.content .navbar-top,
  .container-xl .navbar-vertical.navbar-expand-sm,
  .container-xl .navbar-vertical.navbar-expand-sm+.content .navbar-top,
  .container-xxl .navbar-vertical.navbar-expand-sm,
  .container-xxl .navbar-vertical.navbar-expand-sm+.content .navbar-top {
    width: 100%;
    max-width: 100vw !important
  }
}

@media (min-width:576px) {
  .navbar-vertical.navbar-expand-sm {
    position: fixed;
    width: 100%;
    top: 0;
    max-height: 100vh;
    display: block;
    max-width: 12.5rem
  }

  .navbar-vertical.navbar-expand-sm .navbar-vertical-toggle {
    display: flex
  }

  .navbar-vertical.navbar-expand-sm .navbar-brand {
    display: block;
    text-align: center
  }

  .navbar-vertical.navbar-expand-sm+.content {
    margin-left: 15.5rem
  }

  .navbar-vertical.navbar-expand-sm+.content .navbar-top .navbar-brand,
  .navbar-vertical.navbar-expand-sm+.content .navbar-top .navbar-toggler {
    display: none
  }

  .navbar-vertical.navbar-expand-sm .navbar-collapse {
    position: relative;
    display: inline-block !important;
    width: 12.625rem;
    transition: all .2s ease-in-out;
    padding-top: .5rem;
    height: calc(100vh - 4.3125rem);
    margin-top: -.3125rem;
    overflow-y: auto
  }

  .navbar-vertical.navbar-expand-sm .settings .custom-control-label {
    white-space: nowrap
  }

  .safari .navbar-vertical.navbar-expand-sm .navbar-vertical .navbar-collapse {
    margin-top: .3125rem;
    padding-top: .5625rem
  }

  .navbar-vertical.navbar-expand-sm .navbar-vertical-divider {
    padding: 0
  }

  .navbar-vertical.navbar-expand-sm.navbar-card,
  .navbar-vertical.navbar-expand-sm.navbar-inverted,
  .navbar-vertical.navbar-expand-sm.navbar-vibrant {
    padding: 0;
    max-width: 14.5rem !important
  }

  .navbar-vertical.navbar-expand-sm.navbar-card .toggle-icon-wrapper,
  .navbar-vertical.navbar-expand-sm.navbar-inverted .toggle-icon-wrapper,
  .navbar-vertical.navbar-expand-sm.navbar-vibrant .toggle-icon-wrapper {
    margin-left: 0;
    margin-right: 1.5625rem;
    padding-left: .3125rem
  }

  .navbar-vertical.navbar-expand-sm.navbar-card .navbar-collapse,
  .navbar-vertical.navbar-expand-sm.navbar-inverted .navbar-collapse,
  .navbar-vertical.navbar-expand-sm.navbar-vibrant .navbar-collapse {
    width: 14.5rem !important;
    margin-left: 0 !important;
    padding: 1rem !important;
    height: calc(100vh - 5.3125rem)
  }

  .navbar-vertical.navbar-expand-sm.navbar-card+.content,
  .navbar-vertical.navbar-expand-sm.navbar-inverted+.content,
  .navbar-vertical.navbar-expand-sm.navbar-vibrant+.content {
    margin-left: 15.5rem
  }

  .navbar-vertical.navbar-expand-sm.navbar-vibrant .navbar-collapse.ps {
    overflow-y: auto !important
  }
}

@media (max-width:575.98px) {
  .navbar-vertical.navbar-expand-sm {
    margin-left: -15px;
    margin-right: -15px
  }

  .navbar-vertical.navbar-expand-sm+.content .navbar-top .navbar-toggler {
    display: flex
  }

  .navbar-vertical.navbar-expand-sm .navbar-nav {
    padding-left: 15px;
    padding-right: 15px
  }

  .navbar-vertical.navbar-expand-sm .navbar-collapse.show {
    max-height: calc(100vh - 4.3125rem);
    overflow-y: auto
  }

  .navbar-vertical.navbar-expand-sm.navbar-card .navbar-collapse.show,
  .navbar-vertical.navbar-expand-sm.navbar-inverted .navbar-collapse.show,
  .navbar-vertical.navbar-expand-sm.navbar-vibrant .navbar-collapse.show {
    max-height: calc(100vh - 5.3125rem)
  }

  .navbar-vertical {
    position: fixed;
    width: 100%;
    max-width: 100vw !important
  }
}

.toggle-icon-wrapper {
  margin-left: -.75rem;
  padding-left: .125rem;
  margin-right: 1.25rem
}

@media (min-width:1540px) {
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xxl {
    z-index: 1030;
    width: 3.125rem;
    height: 100vh;
    background-color: transparent
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xxl .navbar-collapse {
    width: 3.125rem !important;
    padding-right: .9375rem;
    padding-left: .9375rem;
    margin-left: -.9375rem;
    overflow: hidden
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xxl .dropdown-indicator:after,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xxl .nav-link .badge,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xxl .nav-link-text,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xxl .settings {
    opacity: 0;
    transition: all .2s ease-in-out
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xxl .navbar-toggle-icon {
    padding-right: .3125rem
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xxl .navbar-toggle-icon:after {
    width: 75%
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xxl .navbar-toggle-icon:before {
    width: 50%
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xxl .navbar-vertical-divider {
    padding-left: 0;
    padding-right: .25rem
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xxl+.content {
    margin-left: 3.125rem
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xxl+.content .navbar-top {
    padding-left: 13.5rem
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xxl.navbar-card+.content,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xxl.navbar-inverted+.content,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xxl.navbar-vibrant+.content {
    margin-left: 4.375rem
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xxl.navbar-card+.content .navbar-top,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xxl.navbar-inverted+.content .navbar-top,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xxl.navbar-vibrant+.content .navbar-top {
    padding-left: 12.125rem
  }

  .navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) .navbar-vertical.navbar-expand-xxl .collapse.show,
  .navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) .navbar-vertical.navbar-expand-xxl .navbar-collapse {
    display: none
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xxl {
    width: 12.625rem
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xxl .navbar-collapse {
    width: 12.625rem !important;
    box-shadow: 10px 0 10px -9px hsla(0, 0%, 100%, .2);
    overflow: auto
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xxl.navbar-card .navbar-collapse {
    box-shadow: none
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xxl .dropdown-indicator:after,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xxl .nav-link .badge,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xxl .nav-link-text,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xxl .settings {
    opacity: 1
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xxl .navbar-vertical-divider {
    padding-right: 0 !important
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xxl.navbar-card,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xxl.navbar-inverted,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xxl.navbar-vibrant {
    width: 14.5rem
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xxl.navbar-card .navbar-collapse,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xxl.navbar-inverted .navbar-collapse,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xxl.navbar-vibrant .navbar-collapse {
    width: 14.5rem !important
  }
}

@media (min-width:1200px) {
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xl {
    z-index: 1030;
    width: 3.125rem;
    height: 100vh;
    background-color: transparent
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xl .navbar-collapse {
    width: 3.125rem !important;
    padding-right: .9375rem;
    padding-left: .9375rem;
    margin-left: -.9375rem;
    overflow: hidden
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xl .dropdown-indicator:after,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xl .nav-link .badge,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xl .nav-link-text,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xl .settings {
    opacity: 0;
    transition: all .2s ease-in-out
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xl .navbar-toggle-icon {
    padding-right: .3125rem
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xl .navbar-toggle-icon:after {
    width: 75%
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xl .navbar-toggle-icon:before {
    width: 50%
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xl .navbar-vertical-divider {
    padding-left: 0;
    padding-right: .25rem
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xl+.content {
    margin-left: 3.125rem
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xl+.content .navbar-top {
    padding-left: 13.5rem
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xl.navbar-card+.content,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xl.navbar-inverted+.content,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xl.navbar-vibrant+.content {
    margin-left: 4.375rem
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xl.navbar-card+.content .navbar-top,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xl.navbar-inverted+.content .navbar-top,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xl.navbar-vibrant+.content .navbar-top {
    padding-left: 12.125rem
  }

  .navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) .navbar-vertical.navbar-expand-xl .collapse.show,
  .navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) .navbar-vertical.navbar-expand-xl .navbar-collapse {
    display: none
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xl {
    width: 12.625rem
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xl .navbar-collapse {
    width: 12.625rem !important;
    box-shadow: 10px 0 10px -9px hsla(0, 0%, 100%, .2);
    overflow: auto
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xl.navbar-card .navbar-collapse {
    box-shadow: none
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xl .dropdown-indicator:after,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xl .nav-link .badge,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xl .nav-link-text,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xl .settings {
    opacity: 1
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xl .navbar-vertical-divider {
    padding-right: 0 !important
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xl.navbar-card,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xl.navbar-inverted,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xl.navbar-vibrant {
    width: 14.5rem
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xl.navbar-card .navbar-collapse,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xl.navbar-inverted .navbar-collapse,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xl.navbar-vibrant .navbar-collapse {
    width: 14.5rem !important
  }
}

@media (min-width:992px) {
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg {
    z-index: 1030;
    width: 3.125rem;
    height: 100vh;
    background-color: transparent
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg .navbar-collapse {
    width: 3.125rem !important;
    padding-right: .9375rem;
    padding-left: .9375rem;
    margin-left: -.9375rem;
    overflow: hidden
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg .dropdown-indicator:after,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg .nav-link .badge,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg .nav-link-text,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg .settings {
    opacity: 0;
    transition: all .2s ease-in-out
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg .navbar-toggle-icon {
    padding-right: .3125rem
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg .navbar-toggle-icon:after {
    width: 75%
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg .navbar-toggle-icon:before {
    width: 50%
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg .navbar-vertical-divider {
    padding-left: 0;
    padding-right: .25rem
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg+.content {
    margin-left: 3.125rem
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg+.content .navbar-top {
    padding-left: 13.5rem
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg.navbar-card+.content,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg.navbar-inverted+.content,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg.navbar-vibrant+.content {
    margin-left: 4.375rem
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg.navbar-card+.content .navbar-top,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg.navbar-inverted+.content .navbar-top,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg.navbar-vibrant+.content .navbar-top {
    padding-left: 12.125rem
  }

  .navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) .navbar-vertical.navbar-expand-lg .collapse.show,
  .navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) .navbar-vertical.navbar-expand-lg .navbar-collapse {
    display: none
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-lg {
    width: 12.625rem
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-lg .navbar-collapse {
    width: 12.625rem !important;
    box-shadow: 10px 0 10px -9px hsla(0, 0%, 100%, .2);
    overflow: auto
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-lg.navbar-card .navbar-collapse {
    box-shadow: none
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-lg .dropdown-indicator:after,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-lg .nav-link .badge,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-lg .nav-link-text,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-lg .settings {
    opacity: 1
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-lg .navbar-vertical-divider {
    padding-right: 0 !important
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-lg.navbar-card,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-lg.navbar-inverted,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-lg.navbar-vibrant {
    width: 14.5rem
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-lg.navbar-card .navbar-collapse,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-lg.navbar-inverted .navbar-collapse,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-lg.navbar-vibrant .navbar-collapse {
    width: 14.5rem !important
  }
}

@media (min-width:768px) {
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-md {
    z-index: 1030;
    width: 3.125rem;
    height: 100vh;
    background-color: transparent
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-md .navbar-collapse {
    width: 3.125rem !important;
    padding-right: .9375rem;
    padding-left: .9375rem;
    margin-left: -.9375rem;
    overflow: hidden
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-md .dropdown-indicator:after,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-md .nav-link .badge,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-md .nav-link-text,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-md .settings {
    opacity: 0;
    transition: all .2s ease-in-out
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-md .navbar-toggle-icon {
    padding-right: .3125rem
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-md .navbar-toggle-icon:after {
    width: 75%
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-md .navbar-toggle-icon:before {
    width: 50%
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-md .navbar-vertical-divider {
    padding-left: 0;
    padding-right: .25rem
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-md+.content {
    margin-left: 3.125rem
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-md+.content .navbar-top {
    padding-left: 13.5rem
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-md.navbar-card+.content,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-md.navbar-inverted+.content,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-md.navbar-vibrant+.content {
    margin-left: 4.375rem
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-md.navbar-card+.content .navbar-top,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-md.navbar-inverted+.content .navbar-top,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-md.navbar-vibrant+.content .navbar-top {
    padding-left: 12.125rem
  }

  .navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) .navbar-vertical.navbar-expand-md .collapse.show,
  .navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) .navbar-vertical.navbar-expand-md .navbar-collapse {
    display: none
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-md {
    width: 12.625rem
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-md .navbar-collapse {
    width: 12.625rem !important;
    box-shadow: 10px 0 10px -9px hsla(0, 0%, 100%, .2);
    overflow: auto
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-md.navbar-card .navbar-collapse {
    box-shadow: none
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-md .dropdown-indicator:after,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-md .nav-link .badge,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-md .nav-link-text,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-md .settings {
    opacity: 1
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-md .navbar-vertical-divider {
    padding-right: 0 !important
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-md.navbar-card,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-md.navbar-inverted,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-md.navbar-vibrant {
    width: 14.5rem
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-md.navbar-card .navbar-collapse,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-md.navbar-inverted .navbar-collapse,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-md.navbar-vibrant .navbar-collapse {
    width: 14.5rem !important
  }
}

@media (min-width:576px) {
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-sm {
    z-index: 1030;
    width: 3.125rem;
    height: 100vh;
    background-color: transparent
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-sm .navbar-collapse {
    width: 3.125rem !important;
    padding-right: .9375rem;
    padding-left: .9375rem;
    margin-left: -.9375rem;
    overflow: hidden
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-sm .dropdown-indicator:after,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-sm .nav-link .badge,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-sm .nav-link-text,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-sm .settings {
    opacity: 0;
    transition: all .2s ease-in-out
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-sm .navbar-toggle-icon {
    padding-right: .3125rem
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-sm .navbar-toggle-icon:after {
    width: 75%
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-sm .navbar-toggle-icon:before {
    width: 50%
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-sm .navbar-vertical-divider {
    padding-left: 0;
    padding-right: .25rem
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-sm+.content {
    margin-left: 3.125rem
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-sm+.content .navbar-top {
    padding-left: 13.5rem
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-sm.navbar-card+.content,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-sm.navbar-inverted+.content,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-sm.navbar-vibrant+.content {
    margin-left: 4.375rem
  }

  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-sm.navbar-card+.content .navbar-top,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-sm.navbar-inverted+.content .navbar-top,
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-sm.navbar-vibrant+.content .navbar-top {
    padding-left: 12.125rem
  }

  .navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) .navbar-vertical.navbar-expand-sm .collapse.show,
  .navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) .navbar-vertical.navbar-expand-sm .navbar-collapse {
    display: none
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-sm {
    width: 12.625rem
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-sm .navbar-collapse {
    width: 12.625rem !important;
    box-shadow: 10px 0 10px -9px hsla(0, 0%, 100%, .2);
    overflow: auto
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-sm.navbar-card .navbar-collapse {
    box-shadow: none
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-sm .dropdown-indicator:after,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-sm .nav-link .badge,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-sm .nav-link-text,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-sm .settings {
    opacity: 1
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-sm .navbar-vertical-divider {
    padding-right: 0 !important
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-sm.navbar-card,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-sm.navbar-inverted,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-sm.navbar-vibrant {
    width: 14.5rem
  }

  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-sm.navbar-card .navbar-collapse,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-sm.navbar-inverted .navbar-collapse,
  .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-sm.navbar-vibrant .navbar-collapse {
    width: 14.5rem !important
  }
}

.navbar-vertical-collapsed .navbar-vertical.navbar-expand-xs {
  z-index: 1030;
  width: 3.125rem;
  height: 100vh;
  background-color: transparent
}

.navbar-vertical-collapsed .navbar-vertical.navbar-expand-xs .navbar-collapse {
  width: 3.125rem !important;
  padding-right: .9375rem;
  padding-left: .9375rem;
  margin-left: -.9375rem;
  overflow: hidden
}

.navbar-vertical-collapsed .navbar-vertical.navbar-expand-xs .dropdown-indicator:after,
.navbar-vertical-collapsed .navbar-vertical.navbar-expand-xs .nav-link .badge,
.navbar-vertical-collapsed .navbar-vertical.navbar-expand-xs .nav-link-text,
.navbar-vertical-collapsed .navbar-vertical.navbar-expand-xs .settings {
  opacity: 0;
  transition: all .2s ease-in-out
}

.navbar-vertical-collapsed .navbar-vertical.navbar-expand-xs .navbar-toggle-icon {
  padding-right: .3125rem
}

.navbar-vertical-collapsed .navbar-vertical.navbar-expand-xs .navbar-toggle-icon:after {
  width: 75%
}

.navbar-vertical-collapsed .navbar-vertical.navbar-expand-xs .navbar-toggle-icon:before {
  width: 50%
}

.navbar-vertical-collapsed .navbar-vertical.navbar-expand-xs .navbar-vertical-divider {
  padding-left: 0;
  padding-right: .25rem
}

.navbar-vertical-collapsed .navbar-vertical.navbar-expand-xs+.content {
  margin-left: 3.125rem
}

.navbar-vertical-collapsed .navbar-vertical.navbar-expand-xs+.content .navbar-top {
  padding-left: 13.5rem
}

.navbar-vertical-collapsed .navbar-vertical.navbar-expand-xs.navbar-card+.content,
.navbar-vertical-collapsed .navbar-vertical.navbar-expand-xs.navbar-inverted+.content,
.navbar-vertical-collapsed .navbar-vertical.navbar-expand-xs.navbar-vibrant+.content {
  margin-left: 4.375rem
}

.navbar-vertical-collapsed .navbar-vertical.navbar-expand-xs.navbar-card+.content .navbar-top,
.navbar-vertical-collapsed .navbar-vertical.navbar-expand-xs.navbar-inverted+.content .navbar-top,
.navbar-vertical-collapsed .navbar-vertical.navbar-expand-xs.navbar-vibrant+.content .navbar-top {
  padding-left: 12.125rem
}

.navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) .navbar-vertical.navbar-expand-xs .collapse.show,
.navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) .navbar-vertical.navbar-expand-xs .navbar-collapse {
  display: none
}

.navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xs {
  width: 12.625rem
}

.navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xs .navbar-collapse {
  width: 12.625rem !important;
  box-shadow: 10px 0 10px -9px hsla(0, 0%, 100%, .2);
  overflow: auto
}

.navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xs.navbar-card .navbar-collapse {
  box-shadow: none
}

.navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xs .dropdown-indicator:after,
.navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xs .nav-link .badge,
.navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xs .nav-link-text,
.navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xs .settings {
  opacity: 1
}

.navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xs .navbar-vertical-divider {
  padding-right: 0 !important
}

.navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xs.navbar-card,
.navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xs.navbar-inverted,
.navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xs.navbar-vibrant {
  width: 14.5rem
}

.navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xs.navbar-card .navbar-collapse,
.navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xs.navbar-inverted .navbar-collapse,
.navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xs.navbar-vibrant .navbar-collapse {
  width: 14.5rem !important
}

.navbar-top {
  position: sticky;
  top: 0;
  font-weight: 600
}

.navbar-top .navbar-nav-icons .dropdown-menu {
  position: absolute
}

.navbar-top .navbar-collapse {
  overflow: auto;
  max-height: calc(100vh - 4.3125rem);
  margin: 0 -.75rem;
  padding: 0 .75rem;
  order: 1
}

.navbar-top .navbar-toggler {
  margin-left: -.625rem
}

.navbar-standard .navbar-nav:not(.navbar-nav-icons) .dropdown-menu:after,
.navbar-top .navbar-nav:not(.navbar-nav-icons) .dropdown-menu:after {
  display: none
}

.dropdown-menu-card {
  padding: 0
}

.dropdown-menu-card .card {
  border: 0
}

.navbar-toggler {
  border: 0;
  padding: 0
}

.card-notification {
  min-width: 20rem
}

@media (max-width:575.98px) {
  .card-notification {
    min-width: 17rem
  }
}

.settings-popover {
  position: relative;
  padding: 0;
  height: 30px;
  width: 30px
}

.navbar-standard {
  font-size: .83333rem;
  font-weight: 600
}

.navbar-standard .navbar-collapse {
  overflow-y: auto;
  max-height: calc(100vh - 57px)
}

.edge .navbar-top,
.ie .navbar-top {
  position: relative
}

@media (min-width:576px) {
  .navbar-expand-sm.navbar-top .navbar-collapse {
    max-height: none;
    margin: 0;
    padding: 0;
    order: 0
  }

  .navbar-expand-sm.navbar .max-h-dropdown {
    max-height: 75vh
  }

  .navbar-expand-sm.navbar-standard .navbar-collapse {
    max-height: none
  }

  .navbar-expand-sm.navbar-standard .navbar-nav:not(.navbar-nav-icons) .dropdown-menu:after,
  .navbar-expand-sm.navbar-top .navbar-nav:not(.navbar-nav-icons) .dropdown-menu:after {
    display: block
  }

  .navbar.navbar-expand-sm:not(.navbar-vertical) .navbar-collapse {
    overflow: visible
  }
}

@media (min-width:768px) {
  .navbar-expand-md.navbar-top .navbar-collapse {
    max-height: none;
    margin: 0;
    padding: 0;
    order: 0
  }

  .navbar-expand-md.navbar .max-h-dropdown {
    max-height: 75vh
  }

  .navbar-expand-md.navbar-standard .navbar-collapse {
    max-height: none
  }

  .navbar-expand-md.navbar-standard .navbar-nav:not(.navbar-nav-icons) .dropdown-menu:after,
  .navbar-expand-md.navbar-top .navbar-nav:not(.navbar-nav-icons) .dropdown-menu:after {
    display: block
  }

  .navbar.navbar-expand-md:not(.navbar-vertical) .navbar-collapse {
    overflow: visible
  }
}

@media (min-width:992px) {
  .navbar-expand-lg.navbar-top .navbar-collapse {
    max-height: none;
    margin: 0;
    padding: 0;
    order: 0
  }

  .navbar-expand-lg.navbar .max-h-dropdown {
    max-height: 75vh
  }

  .navbar-expand-lg.navbar-standard .navbar-collapse {
    max-height: none
  }

  .navbar-expand-lg.navbar-standard .navbar-nav:not(.navbar-nav-icons) .dropdown-menu:after,
  .navbar-expand-lg.navbar-top .navbar-nav:not(.navbar-nav-icons) .dropdown-menu:after {
    display: block
  }

  .navbar.navbar-expand-lg:not(.navbar-vertical) .navbar-collapse {
    overflow: visible
  }
}

@media (min-width:1200px) {
  .navbar-expand-xl.navbar-top .navbar-collapse {
    max-height: none;
    margin: 0;
    padding: 0;
    order: 0
  }

  .navbar-expand-xl.navbar .max-h-dropdown {
    max-height: 75vh
  }

  .navbar-expand-xl.navbar-standard .navbar-collapse {
    max-height: none
  }

  .navbar-expand-xl.navbar-standard .navbar-nav:not(.navbar-nav-icons) .dropdown-menu:after,
  .navbar-expand-xl.navbar-top .navbar-nav:not(.navbar-nav-icons) .dropdown-menu:after {
    display: block
  }

  .navbar.navbar-expand-xl:not(.navbar-vertical) .navbar-collapse {
    overflow: visible
  }
}

@media (min-width:1540px) {
  .navbar-expand-xxl.navbar-top .navbar-collapse {
    max-height: none;
    margin: 0;
    padding: 0;
    order: 0
  }

  .navbar-expand-xxl.navbar .max-h-dropdown {
    max-height: 75vh
  }

  .navbar-expand-xxl.navbar-standard .navbar-collapse {
    max-height: none
  }

  .navbar-expand-xxl.navbar-standard .navbar-nav:not(.navbar-nav-icons) .dropdown-menu:after,
  .navbar-expand-xxl.navbar-top .navbar-nav:not(.navbar-nav-icons) .dropdown-menu:after {
    display: block
  }

  .navbar.navbar-expand-xxl:not(.navbar-vertical) .navbar-collapse {
    overflow: visible
  }
}

@media (max-width:575.98px) {
  .navbar-top {
    position: fixed;
    width: 100%;
    max-width: 100vw !important
  }
}

@media (min-width:768px) {
  .navbar-card-components {
    min-width: 20rem
  }

  .navbar-card-auth {
    min-width: 21rem
  }

  .navbar-card-pages {
    min-width: 29.6875rem
  }
}

@media (min-width:992px) {
  .navbar-card-login {
    min-width: 22rem
  }
}

@media (min-width:1200px) {
  .navbar-card-components {
    min-width: 43.5625rem
  }
}

@media (min-width:1540px) {
  .navbar-card-auth {
    min-width: 40.375rem
  }
}

.btn.disabled,
.btn:disabled {
  cursor: not-allowed
}

.btn-reveal-trigger:focus .btn-reveal,
.btn-reveal-trigger:hover .btn-reveal {
  box-shadow: 0 0 0 1px rgba(0, 8, 19, .3), 0 2px 5px 0 rgba(0, 13, 33, .5), 0 1px 1.5px 0 rgba(0, 8, 1, .48), 0 1px 2px 0 rgba(0, 8, 1, .4)
}

.btn-reveal-trigger:focus .btn-reveal:active,
.btn-reveal-trigger:focus .btn-reveal:focus,
.btn-reveal-trigger:focus .btn-reveal:hover,
.btn-reveal-trigger:hover .btn-reveal:active,
.btn-reveal-trigger:hover .btn-reveal:focus,
.btn-reveal-trigger:hover .btn-reveal:hover {
  color: #f9fafd !important
}

.btn-reveal-trigger .btn-reveal:active,
.btn-reveal-trigger .btn-reveal:active:focus,
.btn-reveal-trigger .btn-reveal:focus {
  box-shadow: none;
  color: #f9fafd !important;
  background-color: #020508;
  border-color: #000
}

.btn-reveal-trigger .dropdown-toggle:after {
  display: none
}

.btn-outline-primary:active {
  background-color: #1b6edc !important;
  border-color: #1b6edc !important
}

.btn-outline-secondary:active {
  background-color: #687487 !important;
  border-color: #687487 !important
}

.btn-outline-success:active {
  background-color: #00b96b !important;
  border-color: #00b96b !important
}

.btn-outline-info:active {
  background-color: #0eb4fd !important;
  border-color: #0eb4fd !important
}

.btn-outline-warning:active {
  background-color: #f47026 !important;
  border-color: #f47026 !important
}

.btn-outline-danger:active {
  background-color: #e32044 !important;
  border-color: #e32044 !important
}

.btn-outline-light:active {
  background-color: #0d1625 !important;
  border-color: #0d1625 !important
}

.btn-outline-dark:active {
  background-color: #e6eaf7 !important;
  border-color: #e6eaf7 !important
}

.btn-outline-facebook {
  color: #3c5a99;
  border-color: #3c5a99
}

.btn-outline-facebook:hover {
  color: #18181B;
  background-color: #3c5a99;
  border-color: #3c5a99
}

.btn-outline-facebook.focus,
.btn-outline-facebook:focus {
  box-shadow: 0 0 0 0 rgba(60, 90, 153, .5)
}

.btn-outline-facebook.disabled,
.btn-outline-facebook:disabled {
  color: #3c5a99;
  background-color: transparent
}

.btn-outline-facebook:not(:disabled):not(.disabled).active,
.btn-outline-facebook:not(:disabled):not(.disabled):active,
.show>.btn-outline-facebook.dropdown-toggle {
  color: #18181B;
  background-color: #3c5a99;
  border-color: #3c5a99
}

.btn-outline-facebook:not(:disabled):not(.disabled).active:focus,
.btn-outline-facebook:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-facebook.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(60, 90, 153, .5)
}

.btn-outline-twitter {
  color: #1da1f2;
  border-color: #1da1f2
}

.btn-outline-twitter:hover {
  color: #18181B;
  background-color: #1da1f2;
  border-color: #1da1f2
}

.btn-outline-twitter.focus,
.btn-outline-twitter:focus {
  box-shadow: 0 0 0 0 rgba(29, 161, 242, .5)
}

.btn-outline-twitter.disabled,
.btn-outline-twitter:disabled {
  color: #1da1f2;
  background-color: transparent
}

.btn-outline-twitter:not(:disabled):not(.disabled).active,
.btn-outline-twitter:not(:disabled):not(.disabled):active,
.show>.btn-outline-twitter.dropdown-toggle {
  color: #18181B;
  background-color: #1da1f2;
  border-color: #1da1f2
}

.btn-outline-twitter:not(:disabled):not(.disabled).active:focus,
.btn-outline-twitter:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-twitter.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(29, 161, 242, .5)
}



.btn-intro-collapse .less {
  display: none
}

.btn-intro-collapse[aria-expanded=true] .less {
  display: inline
}

.btn-intro-collapse[aria-expanded=true] .full {
  display: none
}

.btn-navbar-top,
.btn-navbar-vertical {
  border-color: #4d5969
}

.btn-navbar-top.active,
.btn-navbar-vertical.active {
  border-color: #2c7be5;
  background-color: #2c7be5;
  color: #fff
}

.btn-theme-dark,
.btn-theme-default {
  width: 50%;
  padding: 0
}

.btn-theme-dark.focus,
.btn-theme-dark:focus,
.btn-theme-default.focus,
.btn-theme-default:focus {
  box-shadow: none
}

.btn-theme-dark .custom-control-label,
.btn-theme-default .custom-control-label {
  cursor: pointer
}

.btn-theme-dark .hover-overlay,
.btn-theme-default .hover-overlay {
  border: 3px solid transparent;
  position: relative;
  overflow: hidden;
  border-radius: .375rem;
  display: block
}

.btn-theme-dark .hover-overlay:after,
.btn-theme-default .hover-overlay:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  z-index: 1;
  transition: all .2s ease-in-out
}

.btn-theme-dark:focus .hover-overlay:after,
.btn-theme-dark:hover .hover-overlay:after,
.btn-theme-default:focus .hover-overlay:after,
.btn-theme-default:hover .hover-overlay:after {
  background: hsla(0, 0%, 100%, .2)
}

.btn-theme-dark.active .hover-overlay,
.btn-theme-default.active .hover-overlay {
  border: 3px solid #00d27a
}

.btn-theme-default {
  margin-right: .5rem
}

.btn-theme-dark {
  margin-left: .5rem
}

.btn-group-navbar-style .btn {
  border-radius: .25rem !important
}

.btn-group-navbar-style .btn label:first-child {
  background-color: #27272A;
  border: 3px solid #344050;
  border-radius: .375rem
}

.btn-group-navbar-style .btn.active label:first-child {
  border-color: #00d27a
}

.btn-group-navbar-style .btn.focus,
.btn-group-navbar-style .btn:focus {
  box-shadow: none !important
}

.btn-group-navbar-style .btn.disabled label {
  cursor: not-allowed
}

.code-block {
  padding: 0;
  overflow: auto
}

.code-block pre[class*=language-] {
  padding: 1.6rem;
  border: 0;
  margin: 0;
  border-radius: 0
}

.contains-anchor a {
  opacity: 0;
  transition-property: opacity
}

.contains-anchor:focus a,
.contains-anchor:hover a {
  opacity: 1;
  text-decoration: none
}

.token.constant,
.token.deleted,
.token.property,
.token.symbol,
.token.tag {
  color: #e63757
}

.token.punctuation {
  color: #4d5969
}

.components-nav {
  font-size: .85rem
}

.component-example,
.components-nav {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

.component-example [class^=border] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 8rem;
  height: 8rem;
  margin: .75rem;
  background-color: #27272A
}

.border-component [class^=border],
.border-component [class^=rounded-] {
  display: inline-block;
  width: 5rem;
  height: 5rem;
  margin: .25rem
}

.border-component [class^=border] {
  background-color: #18181B
}

.border-component [class^=rounded-] {
  background-color: #d8e2ef
}

.grid-component [class^=col] {
  border: 1px solid #4d5969;
  text-align: center;
  margin-bottom: 10px;
  color: #9da9bb;
  padding: .5rem;
  font-size: .83333rem
}

.dropdown-menu {
  font-size: 1rem;
  overflow: hidden;
  border-radius: .375rem;
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .25)
}

.dropdown-header {
  padding: .25rem 1rem;
  text-transform: uppercase;
  font-size: .69444rem;
  font-weight: 600;
  letter-spacing: .04em
}

.dropdown-item {
  transition: all .2s ease-in-out
}

.dropdown-caret-none:after {
  display: none !important
}

.dropdown-menu-small {
  min-width: 7rem
}

.dropdown-indicator {
  position: relative
}

.dropdown-indicator:after {
  content: "";
  display: block;
  position: absolute;
  right: 5px;
  height: .4rem;
  width: .4rem;
  border-right: 1px solid #9da9bb;
  border-bottom: 1px solid #9da9bb;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  transition: all .2s ease-in-out;
  transform-origin: center;
  transition-property: transform
}

.dropdown-indicator[aria-expanded=true]:after {
  transform: translateY(-50%) rotate(225deg)
}

.dropdown-md {
  min-width: 15.625rem
}

label {
  font-size: .83333rem;
  font-weight: 700;
  letter-spacing: .02em
}

.custom-control-label {
  line-height: 1.45rem
}

.custom-radio-success .custom-control-input:not(:disabled):active~.custom-control-label:before {
  background-color: rgba(0, 210, 122, .2);
  border-color: rgba(0, 210, 122, .2)
}

.custom-radio-success .custom-control-input:focus~.custom-control-label:before {
  box-shadow: 0 0 0 .2rem rgba(0, 210, 122, .25)
}

.custom-radio-success .custom-control-input:checked~.custom-control-label:before {
  background-color: #00d27a;
  border-color: #00d27a
}



.fit-cover {
  -o-object-fit: cover;
  object-fit: cover
}

.z-index--1 {
  z-index: -1
}

.z-index-0 {
  z-index: 0
}

.z-index-1 {
  z-index: 1
}

.z-index-2 {
  z-index: 2
}

.z-index-10 {
  z-index: 10
}

.sticky-sidebar {
  top: 85px
}

.circle-dashed {
  border: 1px dashed #2c7be5;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 3.5rem;
  height: 3.5rem
}

.outline-none:focus,
.outline-none:hover {
  outline: 0;
  box-shadow: none
}

.hover-text-decoration-none:focus,
.hover-text-decoration-none:hover {
  text-decoration: none
}

.resize-none {
  resize: none
}

.l-unset {
  left: unset !important
}

.img-flip {
  transform: scaleX(-1)
}

.transition-base {
  transition: all .2s ease-in-out
}

.vertical-line:after {
  position: absolute;
  content: "";
  height: 75%;
  width: 1px;
  background: #344050;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}

.vertical-line.vertical-line-400:after {
  background-color: #4d5969
}

.opacity-25 {
  opacity: .25
}

.opacity-50 {
  opacity: .5
}

.opacity-75 {
  opacity: .75
}

.opacity-85 {
  opacity: .85
}

.tooltip {
  line-height: 1.3;
  font-weight: 600
}

.transition-none {
  transition: none !important
}

.table-dashboard-th-nowrap thead th {
  white-space: nowrap !important
}

.caret-4-asc,
.caret-4-desc,
.order-4,
.order-4:after {
  border-right: .25rem solid transparent;
  border-left: .25rem solid transparent;
  margin-left: .5rem;
  display: inline-block;
  vertical-align: middle
}

.order-4 {
  border-bottom: .25rem solid #b6c1d2;
  border-top: 0;
  transform: translateY(-70%);
  position: relative
}

.order-4:after {
  content: "";
  position: absolute;
  left: -.75rem;
  top: .35rem;
  border-top: .25rem solid #b6c1d2;
  border-bottom: 0
}

.caret-4-asc {
  border-bottom: .25rem solid #b6c1d2;
  border-top: 0
}

.caret-4-desc {
  border-top: .25rem solid #b6c1d2;
  border-bottom: 0
}

.sortable,
[data-row-selection] {
  cursor: pointer
}

.sortable:focus,
[data-row-selection]:focus {
  outline: 0
}

.slick-slider:focus .slick-arrow,
.slick-slider:hover .slick-arrow {
  opacity: .5
}

.slick-slider .slick-arrow {
  border-radius: 3.125rem;
  width: 3rem;
  height: 3rem;
  background-color: #18181B !important;
  transition: opacity .4s ease-in-out;
  box-shadow: .125rem .125rem .25rem rgba(0, 0, 0, .1);
  color: #9da9bb;
  opacity: 0;
  z-index: 999
}

.slick-slider .slick-arrow:before {
  display: none
}

.slick-slider .slick-arrow:focus,
.slick-slider .slick-arrow:hover {
  opacity: 1
}

.slick-slider .slick-next:after,
.slick-slider .slick-prev:after {
  content: "";
  position: absolute;
  height: .5rem;
  width: .5rem;
  left: 50%;
  top: 50%;
  background-color: transparent;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff
}

.slick-slider .slick-next:after {
  transform: translate3d(-60%, -50%, 0) rotate(45deg)
}

.slick-slider .slick-prev:after {
  transform: translate3d(-40%, -50%, 0) rotate(-135deg)
}

.slick-slider.slick-slider-arrow-inner .slick-next {
  right: 1rem
}

.slick-slider.slick-slider-arrow-inner .slick-prev {
  left: 1rem
}

.Toastify__toast-theme--dark {
  background-color: #112f48 !important
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  50% {
    opacity: 1
  }
}

.fadeIn {
  animation-name: fadeIn
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }

  50% {
    opacity: 0
  }

  to {
    opacity: 0
  }
}

.fadeOut {
  animation-name: fadeOut
}

.animate {
  animation-duration: .8s
}

.quill .ql-snow {
  border-color: #18181B !important;
  border-left-width: 0 !important;
  border-right-width: 0 !important
}

.quill .ql-snow .ql-picker {
  color: #748194
}

.quill .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  right: 0;
  left: auto
}

.quill .ql-snow .ql-picker-label {
  color: #748194;
  border: none !important
}

.quill .ql-snow .ql-stroke {
  stroke: #748194
}

.quill .ql-snow .ql-fill {
  fill: #748194
}

.quill .ql-snow .ql-active,
.quill .ql-snow .ql-selected {
  color: #2c7be5 !important
}

.quill .ql-snow .ql-editor {
  padding: 1rem 1.25rem
}

.quill .ql-snow.ql-toolbar {
  padding-left: 0
}

.quill .ql-snow.ql-toolbar .ql-formats:first-child {
  padding-left: calc(1.25rem - 8px)
}

.react-select__control {
  border: 1px solid #71717A !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  background-color: #3F3F46 !important
}

.react-select__control .react-select__value-container {
  padding-left: 1.25rem;
  padding-right: 1.25rem
}

.react-select__control .react-select__placeholder {
  color: #4d5969;
  margin: 0
}

.react-select__control:focus,
.react-select__control:hover {
  outline: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important
}

.react-select__control .react-select__multi-value {
  background-color: #18181B !important;
  border-radius: .25rem
}

.react-select__menu .react-select__option {
  padding-left: 1.25rem;
  padding-right: 1.25rem
}

.react-select__menu .react-select__option:focus,
.react-select__menu .react-select__option:hover {
  color: #18181B !important
}

.react-select__menu,
.react-select__option {
  background-color: #18181B !important
}

.react-select__option {
  color: #f9fafd !important
}

.react-select__option:focus,
.react-select__option:hover {
  background-color: #2c7be5 !important
}

.react-select__indicator-separator {
  background-color: #71717A !important
}

.react-select__indicator svg {
  color: #A1A1AA !important
}

.progress-circle {
  height: 15.625rem;
  position: relative;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

.progress-circle .progressbar-text {
  text-align: center;
  color: #f9fafd !important;
  margin-bottom: 0;
  line-height: 1
}

.progress-circle .progressbar-text span {
  font-size: 1rem;
  display: block
}

.progress-circle .progressbar-text .value {
  font-weight: 600;
  font-size: 2.98598rem
}

.progress-circle .progressbar-text b {
  font-size: 2.0736rem;
  font-weight: 600
}

.progress-circle svg {
  height: 100%;
  display: block
}

.progress-line {
  position: relative;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

.progress-line .progressbar-text {
  position: absolute;
  width: 100%;
  color: #f9fafd;
  left: 0;
  top: -1rem;
  padding: 0;
  margin: 0
}

.progress-line .progressbar-text .value {
  right: 0;
  position: absolute
}

.progress-circle-dashboard {
  height: 150px;
  width: 150px
}

.progress-circle-dashboard .progressbar-text {
  color: #5e6e82 !important
}

.progress-circle-dashboard .progressbar-text .value {
  font-size: 1.728rem;
  font-weight: 500 !important
}

.progress-circle-dashboard .progressbar-text .value b {
  font-size: 1.728rem
}

.emoji-mart .section,
.emoji-mart section {
  padding: 0 !important
}

.bg-soft-primary .fc-event-main,
.fc-timegrid .event-bg-soft-primary .fc-event-main {
  color: #1862c6 !important
}

.bg-soft-primary .fc-event-main:after,
.fc-timegrid .event-bg-soft-primary .fc-event-main:after {
  background-color: #1862c6 !important
}

.bg-soft-primary .fc-list-event-time,
.bg-soft-primary .fc-list-event-title,
.fc-timegrid .event-bg-soft-primary .fc-list-event-time,
.fc-timegrid .event-bg-soft-primary .fc-list-event-title {
  color: #1862c6 !important;
  font-weight: 600 !important
}

.bg-soft-primary .fc-list-event-dot,
.fc-timegrid .event-bg-soft-primary .fc-list-event-dot {
  border-color: #1862c6
}

.fc-timegrid .event-bg-soft-secondary {
  border: 0 !important
}

.fc-timegrid .event-bg-soft-secondary .fc-event-main:after {
  background-color: #748194 !important
}

.bg-soft-secondary .fc-event-main,
.fc-timegrid .event-bg-soft-secondary .fc-event-main {
  color: #5d6878 !important
}

.bg-soft-secondary .fc-event-main:after,
.fc-timegrid .event-bg-soft-secondary .fc-event-main:after {
  background-color: #5d6878 !important
}

.bg-soft-secondary .fc-list-event-time,
.bg-soft-secondary .fc-list-event-title,
.fc-timegrid .event-bg-soft-secondary .fc-list-event-time,
.fc-timegrid .event-bg-soft-secondary .fc-list-event-title {
  color: #5d6878 !important;
  font-weight: 600 !important
}

.bg-soft-secondary .fc-list-event-dot,
.fc-timegrid .event-bg-soft-secondary .fc-list-event-dot {
  border-color: #5d6878
}

.fc-timegrid .event-bg-soft-success {
  border: 0 !important
}

.fc-timegrid .event-bg-soft-success .fc-event-main:after {
  background-color: #00d27a !important
}

.bg-soft-success .fc-event-main,
.fc-timegrid .event-bg-soft-success .fc-event-main {
  color: #009f5c !important
}

.bg-soft-success .fc-event-main:after,
.fc-timegrid .event-bg-soft-success .fc-event-main:after {
  background-color: #009f5c !important
}

.bg-soft-success .fc-list-event-time,
.bg-soft-success .fc-list-event-title,
.fc-timegrid .event-bg-soft-success .fc-list-event-time,
.fc-timegrid .event-bg-soft-success .fc-list-event-title {
  color: #009f5c !important;
  font-weight: 600 !important
}

.bg-soft-success .fc-list-event-dot,
.fc-timegrid .event-bg-soft-success .fc-list-event-dot {
  border-color: #009f5c
}

.fc-timegrid .event-bg-soft-info {
  border: 0 !important
}

.fc-timegrid .event-bg-soft-info .fc-event-main:after {
  background-color: #27bcfd !important
}

.bg-soft-info .fc-event-main,
.fc-timegrid .event-bg-soft-info .fc-event-main {
  color: #02a7ef !important
}

.bg-soft-info .fc-event-main:after,
.fc-timegrid .event-bg-soft-info .fc-event-main:after {
  background-color: #02a7ef !important
}

.bg-soft-info .fc-list-event-time,
.bg-soft-info .fc-list-event-title,
.fc-timegrid .event-bg-soft-info .fc-list-event-time,
.fc-timegrid .event-bg-soft-info .fc-list-event-title {
  color: #02a7ef !important;
  font-weight: 600 !important
}

.bg-soft-info .fc-list-event-dot,
.fc-timegrid .event-bg-soft-info .fc-list-event-dot {
  border-color: #02a7ef
}

.fc-timegrid .event-bg-soft-warning {
  border: 0 !important
}

.fc-timegrid .event-bg-soft-warning .fc-event-main:after {
  background-color: #f5803e !important
}

.bg-soft-warning .fc-event-main,
.fc-timegrid .event-bg-soft-warning .fc-event-main {
  color: #f2600e !important
}

.bg-soft-warning .fc-event-main:after,
.fc-timegrid .event-bg-soft-warning .fc-event-main:after {
  background-color: #f2600e !important
}

.bg-soft-warning .fc-list-event-time,
.bg-soft-warning .fc-list-event-title,
.fc-timegrid .event-bg-soft-warning .fc-list-event-time,
.fc-timegrid .event-bg-soft-warning .fc-list-event-title {
  color: #f2600e !important;
  font-weight: 600 !important
}

.bg-soft-warning .fc-list-event-dot,
.fc-timegrid .event-bg-soft-warning .fc-list-event-dot {
  border-color: #f2600e
}

.fc-timegrid .event-bg-soft-danger {
  border: 0 !important
}

.fc-timegrid .event-bg-soft-danger .fc-event-main:after {
  background-color: #e63757 !important
}

.bg-soft-danger .fc-event-main,
.fc-timegrid .event-bg-soft-danger .fc-event-main {
  color: #d01a3b !important
}

.bg-soft-danger .fc-event-main:after,
.fc-timegrid .event-bg-soft-danger .fc-event-main:after {
  background-color: #d01a3b !important
}

.bg-soft-danger .fc-list-event-time,
.bg-soft-danger .fc-list-event-title,
.fc-timegrid .event-bg-soft-danger .fc-list-event-time,
.fc-timegrid .event-bg-soft-danger .fc-list-event-title {
  color: #d01a3b !important;
  font-weight: 600 !important
}

.bg-soft-danger .fc-list-event-dot,
.fc-timegrid .event-bg-soft-danger .fc-list-event-dot {
  border-color: #d01a3b
}

.fc-timegrid .event-bg-soft-light {
  border: 0 !important
}

.fc-timegrid .event-bg-soft-light .fc-event-main:after {
  background-color: #27272A !important
}

.bg-soft-light .fc-event-main,
.fc-timegrid .event-bg-soft-light .fc-event-main {
  color: #060b12 !important
}

.bg-soft-light .fc-event-main:after,
.fc-timegrid .event-bg-soft-light .fc-event-main:after {
  background-color: #060b12 !important
}

.bg-soft-light .fc-list-event-time,
.bg-soft-light .fc-list-event-title,
.fc-timegrid .event-bg-soft-light .fc-list-event-time,
.fc-timegrid .event-bg-soft-light .fc-list-event-title {
  color: #060b12 !important;
  font-weight: 600 !important
}

.bg-soft-light .fc-list-event-dot,
.fc-timegrid .event-bg-soft-light .fc-list-event-dot {
  border-color: #060b12
}

.fc-timegrid .event-bg-soft-dark {
  border: 0 !important
}

.fc-timegrid .event-bg-soft-dark .fc-event-main:after {
  background-color: #f9fafd !important
}

.bg-soft-dark .fc-event-main,
.fc-timegrid .event-bg-soft-dark .fc-event-main {
  color: #d3daf0 !important
}

.bg-soft-dark .fc-event-main:after,
.fc-timegrid .event-bg-soft-dark .fc-event-main:after {
  background-color: #d3daf0 !important
}

.bg-soft-dark .fc-list-event-time,
.bg-soft-dark .fc-list-event-title,
.fc-timegrid .event-bg-soft-dark .fc-list-event-time,
.fc-timegrid .event-bg-soft-dark .fc-list-event-title {
  color: #d3daf0 !important;
  font-weight: 600 !important
}

.bg-soft-dark .fc-list-event-dot,
.fc-timegrid .event-bg-soft-dark .fc-list-event-dot {
  border-color: #d3daf0
}

[data-fc-view]:not(.active) span {
  opacity: 0
}

.timeline li {
  position: relative;
  padding-left: 1.5rem
}

.timeline li:after {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #18181B;
  left: 0;
  top: 50%;
  transform: translateY(-50%)
}

.timeline li:not(:last-child):before {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  background-color: #18181B;
  top: 50%;
  left: 5px
}

.windows.chrome .fc-scroller {
  overflow: hidden auto !important;
  overflow: auto
}

.windows.chrome .fc-scroller::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  height: 7px;
  background-color: transparent
}

.windows.chrome .fc-scroller::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(116, 129, 148, .3)
}

.windows.firefox .fc-scroller {
  overflow: hidden auto !important;
  scrollbar-color: rgba(116, 129, 148, .3) transparent;
  scrollbar-width: thin
}

@media (min-width:768px) {
  .fc .fc-daygrid-day-frame {
    padding: 6px !important
  }

  .fc .fc-day:not(.fc-popover) .fc-daygrid-dot-event .fc-event-time,
  .fc .fc-day:not(.fc-popover) .fc-daygrid-dot-event .fc-event-title {
    display: block
  }

  .fc .fc-daygrid-more-link {
    margin-left: 10px;
    text-align: left;
    font-size: .83333rem
  }

  .fc .fc-daygrid-event {
    font-size: .83333rem
  }
}

.ie .fc-daygrid-event {
  overflow: hidden
}

.safari .fc-dayGridMonth-view .fc-daygrid-day {
  position: relative
}

.safari .fc-dayGridMonth-view .fc-daygrid-day .fc-daygrid-day-frame {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0
}

.icon-group {
  display: flex
}

.icon-group .icon-item:not(:last-child) {
  margin-right: .5rem
}

.icon-item {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #9da9bb;
  transition: all .2s ease-in-out;
  height: 2.5rem;
  width: 2.5rem;
  border: 0;
  font-size: .875rem;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .5)
}

.icon-item:focus,
.icon-item:hover {
  background-color: #27272A
}

.icon-item.icon-item-sm {
  height: 1.875rem;
  width: 1.875rem
}

.icon-item.icon-item-lg {
  height: 2.75rem;
  width: 2.75rem
}

.icon-item.icon-item-hover {
  transition: all .2s ease-in-out
}

.icon-item.icon-item-hover:focus,
.icon-item.icon-item-hover:hover {
  background-color: #18181B
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-3.125rem)
  }

  to {
    opacity: 1;
    transform: translateX(0)
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0)
  }

  to {
    opacity: 0;
    transform: translateX(3.125rem)
  }
}

.table tfoot>tr>th:first-child,
.table thead>tr>th:first-child,
.table tr td:first-child,
.table tr th:first-child {
  padding-left: 1.25rem
}

.white-space-nowrap {
  width: 1px;
  white-space: nowrap
}

th {
  font-weight: 600
}

td .dropdown-toggle:after {
  display: none
}

.table-dashboard {
  overflow: hidden
}

.table-dashboard th {
  border-bottom-width: 1px !important
}

.h5,
h5 {
  margin-bottom: .25rem
}

.dropcap:first-letter {
  font-size: 3em;
  float: left;
  line-height: .92;
  margin-right: .375rem
}

.ls {
  letter-spacing: .04em
}

.ls-2 {
  letter-spacing: .25em
}

.bullet-inside {
  list-style-position: inside
}

.style-check li {
  position: relative;
  list-style-type: none;
  padding-left: .25rem
}

.style-check li:before {
  content: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1mYS1wcm9jZXNzZWQ9IiIgZGF0YS1wcmVmaXg9ImZhbCIgZGF0YS1pY29uPSJjaGVjayIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtY2hlY2sgZmEtdy0xNCIgc3R5bGU9ImZvbnQtc2l6ZTogNDhweDsiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTQxMy41MDUgOTEuOTUxTDEzMy40OSAzNzEuOTY2bC05OC45OTUtOTguOTk1Yy00LjY4Ni00LjY4Ni0xMi4yODQtNC42ODYtMTYuOTcxIDBMNi4yMTEgMjg0LjI4NGMtNC42ODYgNC42ODYtNC42ODYgMTIuMjg0IDAgMTYuOTcxbDExOC43OTQgMTE4Ljc5NGM0LjY4NiA0LjY4NiAxMi4yODQgNC42ODYgMTYuOTcxIDBsMjk5LjgxMy0yOTkuODEzYzQuNjg2LTQuNjg2IDQuNjg2LTEyLjI4NCAwLTE2Ljk3MWwtMTEuMzE0LTExLjMxNGMtNC42ODYtNC42ODYtMTIuMjg0LTQuNjg2LTE2Ljk3IDB6IiBjbGFzcz0iIj48L3BhdGg+PC9zdmc+);
  padding-right: .1875rem;
  position: absolute;
  top: .0625rem;
  left: -1rem;
  background-repeat: no-repeat;
  width: 1rem
}

.hr-short {
  width: 4.2rem
}

.blockquote-content {
  font-style: italic;
  position: relative
}

.blockquote-content:before {
  position: absolute;
  left: -3rem;
  top: -.5rem;
  line-height: 1;
  content: "“";
  display: inline-block;
  color: #344050;
  font-size: 2.98598rem
}

.blockquote-footer:before {
  transform: translateY(.125rem);
  font-weight: 400;
  display: inline-block
}

.cursor-pointer {
  cursor: pointer
}

.pointer-event-none {
  pointer-events: none
}

.bg-holder {
  position: absolute;
  width: 100%;
  min-height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: 50%;
  overflow: hidden;
  will-change: transform, opacity, filter;
  backface-visibility: hidden;
  background-repeat: no-repeat;
  z-index: 0
}

.bg-holder.bg-right {
  left: auto;
  right: 0
}

.bg-holder.overlay:before {
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, .25);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.bg-holder.overlay-primary:before {
  background: rgba(44, 123, 229, .4)
}

.bg-holder.overlay-info:before {
  background: rgba(39, 188, 253, .4)
}

.bg-holder.overlay-success:before {
  background: rgba(0, 210, 122, .4)
}

.bg-holder.overlay-warning:before {
  background: rgba(245, 128, 62, .4)
}

.bg-holder.overlay-danger:before {
  background: rgba(230, 55, 87, .4)
}

.bg-holder.overlay-0:before {
  background: rgba(0, 0, 0, .7)
}

.bg-holder.overlay-1:before {
  background: rgba(0, 0, 0, .55)
}

.bg-holder.overlay-2:before {
  background: rgba(0, 0, 0, .4)
}

.bg-holder .bg-video {
  position: absolute;
  display: block;
  z-index: -1;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  min-width: 100%
}

.bg-holder .bg-youtube {
  position: absolute !important;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}

.bg-fixed {
  background-attachment: fixed
}

.has-parallax {
  position: relative;
  overflow: hidden
}

.bg-glass {
  background-color: rgba(24, 24, 27, .9)
}

.bg-100 {
  background-color: #27272A !important
}

a.bg-100:focus,
a.bg-100:hover,
button.bg-100:focus,
button.bg-100:hover {
  background-color: #060b12 !important
}

.bg-200 {
  background-color: #18181B !important
}

a.bg-200:focus,
a.bg-200:hover,
button.bg-200:focus,
button.bg-200:hover {
  background-color: #000 !important
}

.bg-300 {
  background-color: #344050 !important
}

a.bg-300:focus,
a.bg-300:hover,
button.bg-300:focus,
button.bg-300:hover {
  background-color: #202731 !important
}

.bg-400 {
  background-color: #4d5969 !important
}

a.bg-400:focus,
a.bg-400:hover,
button.bg-400:focus,
button.bg-400:hover {
  background-color: #37404c !important
}

.bg-500 {
  background-color: #5e6e82 !important
}

a.bg-500:focus,
a.bg-500:hover,
button.bg-500:focus,
button.bg-500:hover {
  background-color: #495564 !important
}

.bg-600 {
  background-color: #748194 !important
}

a.bg-600:focus,
a.bg-600:hover,
button.bg-600:focus,
button.bg-600:hover {
  background-color: #5d6878 !important
}

.bg-700 {
  background-color: #9da9bb !important
}

a.bg-700:focus,
a.bg-700:hover,
button.bg-700:focus,
button.bg-700:hover {
  background-color: #7f8fa6 !important
}

.bg-800 {
  background-color: #b6c1d2 !important
}

a.bg-800:focus,
a.bg-800:hover,
button.bg-800:focus,
button.bg-800:hover {
  background-color: #96a6bf !important
}

.bg-900 {
  background-color: #d8e2ef !important
}

a.bg-900:focus,
a.bg-900:hover,
button.bg-900:focus,
button.bg-900:hover {
  background-color: #b4c7e0 !important
}

.bg-black {
  background-color: #fff !important
}

a.bg-black:focus,
a.bg-black:hover,
button.bg-black:focus,
button.bg-black:hover {
  background-color: #e6e6e6 !important
}

.bg-1000 {
  background-color: #edf2f9 !important
}

a.bg-1000:focus,
a.bg-1000:hover,
button.bg-1000:focus,
button.bg-1000:hover {
  background-color: #c7d6ec !important
}

.bg-1100 {
  background-color: #f9fafd !important
}

a.bg-1100:focus,
a.bg-1100:hover,
button.bg-1100:focus,
button.bg-1100:hover {
  background-color: #d3daf0 !important
}

.bg-white {
  background-color: #18181B !important
}

a.bg-white:focus,
a.bg-white:hover,
button.bg-white:focus,
button.bg-white:hover {
  background-color: #020508 !important
}

.bg-facebook {
  background-color: #3c5a99 !important
}

a.bg-facebook:focus,
a.bg-facebook:hover,
button.bg-facebook:focus,
button.bg-facebook:hover {
  background-color: #2e4474 !important
}

.bg-twitter {
  background-color: #1da1f2 !important
}

a.bg-twitter:focus,
a.bg-twitter:hover,
button.bg-twitter:focus,
button.bg-twitter:hover {
  background-color: #0c85d0 !important
}

.bg-google-plus {
  background-color: #dd4b39 !important
}

a.bg-google-plus:focus,
a.bg-google-plus:hover,
button.bg-google-plus:focus,
button.bg-google-plus:hover {
  background-color: #c23321 !important
}

.bg-linkedin {
  background-color: #0077b5 !important
}

a.bg-linkedin:focus,
a.bg-linkedin:hover,
button.bg-linkedin:focus,
button.bg-linkedin:hover {
  background-color: #005582 !important
}

.bg-card {
  background-size: contain;
  background-position: 100%;
  border-top-right-radius: .375rem;
  border-bottom-right-radius: .375rem
}

[dir=rtl] .bg-card {
  background-position: 0;
  transform: scaleX(-1);
  border-top-left-radius: .375rem;
  border-bottom-left-radius: .375rem
}

.bg-gradient {
  background-image: linear-gradient(-45deg, #014ba7, #0183d0);
  background-position: 50%
}

.bg-card-gradient {
  background-image: linear-gradient(-45deg, #1970e2, #4695ff);
  background-position: 50%
}

.bg-auth-circle-shape,
.bg-auth-circle-shape-2 {
  display: none
}

@media (min-width:992px) {

  .bg-auth-circle-shape,
  .bg-auth-circle-shape-2 {
    display: block
  }
}

.bg-auth-circle-shape {
  position: absolute;
  right: -140px;
  top: -82px
}

.bg-auth-circle-shape-2 {
  position: absolute;
  left: -100px;
  bottom: -39px
}

.bg-auth-card-shape {
  background-position: 0 100%
}

@media (min-width:768px) {
  .bg-auth-card-shape {
    background-position: 0 133%
  }
}

.bg-circle-shape {
  position: relative;
  overflow: hidden;
  background-color: #4695ff
}

.bg-circle-shape:after,
.bg-circle-shape:before {
  position: absolute;
  content: "";
  border-radius: 50%
}

.bg-circle-shape:after {
  height: 250px;
  width: 115%;
  left: 32%;
  top: -188%
}

.bg-circle-shape:after,
.bg-circle-shape:before {
  background-image: linear-gradient(-45deg, #1970e2, #4695ff)
}

.bg-circle-shape:before {
  height: 332%;
  width: 45%;
  left: -9%;
  top: 9px
}

.modal-shape-header {
  position: relative;
  overflow: hidden;
  background-color: #4494ff
}

.modal-shape-header:after,
.modal-shape-header:before {
  position: absolute;
  content: "";
  border-radius: 50%
}

.modal-shape-header:after {
  height: 463px;
  width: 155%;
  background-image: linear-gradient(-45deg, #4c98ff, #0051bb);
  right: 23%;
  top: -357%
}

.modal-shape-header:before {
  height: 289%;
  width: 45%;
  background-image: linear-gradient(-45deg, #1970e2, #4695ff);
  right: -10%;
  top: 40px
}

.bg-soft-primary,
.fc-timegrid .event-bg-soft-primary {
  background-color: #122745 !important
}

.fc-timegrid a.event-bg-soft-primary:focus,
.fc-timegrid a.event-bg-soft-primary:hover,
.fc-timegrid button.event-bg-soft-primary:focus,
.fc-timegrid button.event-bg-soft-primary:hover,
a.bg-soft-primary:focus,
a.bg-soft-primary:hover,
button.bg-soft-primary:focus,
button.bg-soft-primary:hover {
  background-color: #07101d !important
}

.bg-soft-secondary,
.fc-timegrid .event-bg-soft-secondary {
  background-color: #1a283b !important
}

.fc-timegrid a.event-bg-soft-secondary:focus,
.fc-timegrid a.event-bg-soft-secondary:hover,
.fc-timegrid button.event-bg-soft-secondary:focus,
.fc-timegrid button.event-bg-soft-secondary:hover,
a.bg-soft-secondary:focus,
a.bg-soft-secondary:hover,
button.bg-soft-secondary:focus,
button.bg-soft-secondary:hover {
  background-color: #0a1018 !important
}

.bg-soft-success,
.fc-timegrid .event-bg-soft-success {
  background-color: #0c3238 !important
}

.fc-timegrid a.event-bg-soft-success:focus,
.fc-timegrid a.event-bg-soft-success:hover,
.fc-timegrid button.event-bg-soft-success:focus,
.fc-timegrid button.event-bg-soft-success:hover,
a.bg-soft-success:focus,
a.bg-soft-success:hover,
button.bg-soft-success:focus,
button.bg-soft-success:hover {
  background-color: #030d0e !important
}

.bg-soft-info,
.fc-timegrid .event-bg-soft-info {
  background-color: #112f48 !important
}

.fc-timegrid a.event-bg-soft-info:focus,
.fc-timegrid a.event-bg-soft-info:hover,
.fc-timegrid button.event-bg-soft-info:focus,
.fc-timegrid button.event-bg-soft-info:hover,
a.bg-soft-info:focus,
a.bg-soft-info:hover,
button.bg-soft-info:focus,
button.bg-soft-info:hover {
  background-color: #07141f !important
}

.bg-soft-warning,
.fc-timegrid .event-bg-soft-warning {
  background-color: #2a2831 !important
}

.fc-timegrid a.event-bg-soft-warning:focus,
.fc-timegrid a.event-bg-soft-warning:hover,
.fc-timegrid button.event-bg-soft-warning:focus,
.fc-timegrid button.event-bg-soft-warning:hover,
a.bg-soft-warning:focus,
a.bg-soft-warning:hover,
button.bg-soft-warning:focus,
button.bg-soft-warning:hover {
  background-color: #121115 !important
}

.bg-soft-danger,
.fc-timegrid .event-bg-soft-danger {
  background-color: #281f34 !important
}

.fc-timegrid a.event-bg-soft-danger:focus,
.fc-timegrid a.event-bg-soft-danger:hover,
.fc-timegrid button.event-bg-soft-danger:focus,
.fc-timegrid button.event-bg-soft-danger:hover,
a.bg-soft-danger:focus,
a.bg-soft-danger:hover,
button.bg-soft-danger:focus,
button.bg-soft-danger:hover {
  background-color: #0f0c14 !important
}

.bg-soft-light,
.fc-timegrid .event-bg-soft-light {
  background-color: #0f1d30 !important
}

.fc-timegrid a.event-bg-soft-light:focus,
.fc-timegrid a.event-bg-soft-light:hover,
.fc-timegrid button.event-bg-soft-light:focus,
.fc-timegrid button.event-bg-soft-light:hover,
a.bg-soft-light:focus,
a.bg-soft-light:hover,
button.bg-soft-light:focus,
button.bg-soft-light:hover {
  background-color: #030609 !important
}

.bg-soft-dark,
.fc-timegrid .event-bg-soft-dark {
  background-color: #2a3748 !important
}

.fc-timegrid a.event-bg-soft-dark:focus,
.fc-timegrid a.event-bg-soft-dark:hover,
.fc-timegrid button.event-bg-soft-dark:focus,
.fc-timegrid button.event-bg-soft-dark:hover,
a.bg-soft-dark:focus,
a.bg-soft-dark:hover,
button.bg-soft-dark:focus,
button.bg-soft-dark:hover {
  background-color: #171e28 !important
}

.border {
  border: 1px solid rgba(163, 203, 255, .16) !important
}

.border-top {
  border-top: 1px solid rgba(163, 203, 255, .16) !important
}

.border-right {
  border-right: 1px solid rgba(163, 203, 255, .16) !important
}

.border-bottom {
  border-bottom: 1px solid rgba(163, 203, 255, .16) !important
}

.border-left,
.border-x {
  border-left: 1px solid rgba(163, 203, 255, .16) !important
}

.border-x {
  border-right: 1px solid rgba(163, 203, 255, .16) !important
}

.border-y {
  border-top: 1px solid rgba(163, 203, 255, .16) !important;
  border-bottom: 1px solid rgba(163, 203, 255, .16) !important
}

.border-dashed {
  border: 1px dashed rgba(163, 203, 255, .16) !important
}

.border-dashed-top {
  border-top: 1px dashed rgba(163, 203, 255, .16) !important
}

.border-dashed-right {
  border-right: 1px dashed rgba(163, 203, 255, .16) !important
}

.border-dashed-bottom {
  border-bottom: 1px dashed rgba(163, 203, 255, .16) !important
}

.border-dashed-left,
.border-dashed-x {
  border-left: 1px dashed rgba(163, 203, 255, .16) !important
}

.border-dashed-x {
  border-right: 1px dashed rgba(163, 203, 255, .16) !important
}

.border-dashed-y {
  border-top: 1px dashed rgba(163, 203, 255, .16) !important;
  border-bottom: 1px dashed rgba(163, 203, 255, .16) !important
}

.border-0 {
  border-width: 0 !important
}

.border-top-0 {
  border-top-width: 0 !important
}

.border-right-0 {
  border-right-width: 0 !important
}

.border-bottom-0 {
  border-bottom-width: 0 !important
}

.border-left-0,
.border-x-0 {
  border-left-width: 0 !important
}

.border-x-0 {
  border-right-width: 0 !important
}

.border-y-0 {
  border-top-width: 0 !important;
  border-bottom-width: 0 !important
}

.rounded {
  border-radius: .25rem !important
}

.rounded-top {
  border-top-left-radius: .25rem !important
}

.rounded-right,
.rounded-top {
  border-top-right-radius: .25rem !important
}

.rounded-bottom,
.rounded-right {
  border-bottom-right-radius: .25rem !important
}

.rounded-bottom,
.rounded-left {
  border-bottom-left-radius: .25rem !important
}

.rounded-left {
  border-top-left-radius: .25rem !important
}

.rounded-soft {
  border-radius: .375rem !important
}

.rounded-soft-top {
  border-top-left-radius: .375rem !important
}

.rounded-soft-right,
.rounded-soft-top {
  border-top-right-radius: .375rem !important
}

.rounded-soft-bottom,
.rounded-soft-right {
  border-bottom-right-radius: .375rem !important
}

.rounded-soft-bottom,
.rounded-soft-left {
  border-bottom-left-radius: .375rem !important
}

.rounded-soft-left {
  border-top-left-radius: .375rem !important
}

.rounded-capsule {
  border-radius: 3.125rem !important
}

.rounded-circle {
  border-radius: 50% !important
}

.rounded-top-0 {
  border-top-left-radius: 0 !important
}

.rounded-right-0,
.rounded-top-0 {
  border-top-right-radius: 0 !important
}

.rounded-bottom-0,
.rounded-right-0 {
  border-bottom-right-radius: 0 !important
}

.rounded-bottom-0,
.rounded-left-0 {
  border-bottom-left-radius: 0 !important
}

.rounded-left-0 {
  border-top-left-radius: 0 !important
}

@media (min-width:576px) {
  .border-sm {
    border: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-sm-top {
    border-top: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-sm-right {
    border-right: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-sm-bottom {
    border-bottom: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-sm-left,
  .border-sm-x {
    border-left: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-sm-x {
    border-right: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-sm-y {
    border-top: 1px solid rgba(163, 203, 255, .16) !important;
    border-bottom: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-sm-dashed {
    border: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-sm-dashed-top {
    border-top: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-sm-dashed-right {
    border-right: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-sm-dashed-bottom {
    border-bottom: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-sm-dashed-left,
  .border-sm-dashed-x {
    border-left: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-sm-dashed-x {
    border-right: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-sm-dashed-y {
    border-top: 1px dashed rgba(163, 203, 255, .16) !important;
    border-bottom: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-sm-0 {
    border-width: 0 !important
  }

  .border-sm-top-0 {
    border-top-width: 0 !important
  }

  .border-sm-right-0 {
    border-right-width: 0 !important
  }

  .border-sm-bottom-0 {
    border-bottom-width: 0 !important
  }

  .border-sm-left-0,
  .border-sm-x-0 {
    border-left-width: 0 !important
  }

  .border-sm-x-0 {
    border-right-width: 0 !important
  }

  .border-sm-y-0 {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important
  }

  .rounded-sm {
    border-radius: .25rem !important
  }

  .rounded-sm-top {
    border-top-left-radius: .25rem !important
  }

  .rounded-sm-right,
  .rounded-sm-top {
    border-top-right-radius: .25rem !important
  }

  .rounded-sm-bottom,
  .rounded-sm-right {
    border-bottom-right-radius: .25rem !important
  }

  .rounded-sm-bottom,
  .rounded-sm-left {
    border-bottom-left-radius: .25rem !important
  }

  .rounded-sm-left {
    border-top-left-radius: .25rem !important
  }

  .rounded-sm-soft {
    border-radius: .375rem !important
  }

  .rounded-soft-sm-top {
    border-top-left-radius: .375rem !important;
    border-top-right-radius: .375rem !important
  }

  .rounded-soft-sm-right {
    border-top-right-radius: .375rem !important;
    border-bottom-right-radius: .375rem !important
  }

  .rounded-soft-sm-bottom {
    border-bottom-right-radius: .375rem !important;
    border-bottom-left-radius: .375rem !important
  }

  .rounded-soft-sm-left {
    border-top-left-radius: .375rem !important;
    border-bottom-left-radius: .375rem !important
  }

  .rounded-sm-capsule {
    border-radius: 3.125rem !important
  }

  .rounded-sm-circle {
    border-radius: 50% !important
  }

  .rounded-sm-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
  }

  .rounded-sm-right-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
  }

  .rounded-sm-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important
  }

  .rounded-sm-left-0 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
  }
}

@media (min-width:768px) {
  .border-md {
    border: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-md-top {
    border-top: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-md-right {
    border-right: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-md-bottom {
    border-bottom: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-md-left,
  .border-md-x {
    border-left: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-md-x {
    border-right: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-md-y {
    border-top: 1px solid rgba(163, 203, 255, .16) !important;
    border-bottom: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-md-dashed {
    border: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-md-dashed-top {
    border-top: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-md-dashed-right {
    border-right: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-md-dashed-bottom {
    border-bottom: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-md-dashed-left,
  .border-md-dashed-x {
    border-left: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-md-dashed-x {
    border-right: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-md-dashed-y {
    border-top: 1px dashed rgba(163, 203, 255, .16) !important;
    border-bottom: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-md-0 {
    border-width: 0 !important
  }

  .border-md-top-0 {
    border-top-width: 0 !important
  }

  .border-md-right-0 {
    border-right-width: 0 !important
  }

  .border-md-bottom-0 {
    border-bottom-width: 0 !important
  }

  .border-md-left-0,
  .border-md-x-0 {
    border-left-width: 0 !important
  }

  .border-md-x-0 {
    border-right-width: 0 !important
  }

  .border-md-y-0 {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important
  }

  .rounded-md {
    border-radius: .25rem !important
  }

  .rounded-md-top {
    border-top-left-radius: .25rem !important
  }

  .rounded-md-right,
  .rounded-md-top {
    border-top-right-radius: .25rem !important
  }

  .rounded-md-bottom,
  .rounded-md-right {
    border-bottom-right-radius: .25rem !important
  }

  .rounded-md-bottom,
  .rounded-md-left {
    border-bottom-left-radius: .25rem !important
  }

  .rounded-md-left {
    border-top-left-radius: .25rem !important
  }

  .rounded-md-soft {
    border-radius: .375rem !important
  }

  .rounded-soft-md-top {
    border-top-left-radius: .375rem !important;
    border-top-right-radius: .375rem !important
  }

  .rounded-soft-md-right {
    border-top-right-radius: .375rem !important;
    border-bottom-right-radius: .375rem !important
  }

  .rounded-soft-md-bottom {
    border-bottom-right-radius: .375rem !important;
    border-bottom-left-radius: .375rem !important
  }

  .rounded-soft-md-left {
    border-top-left-radius: .375rem !important;
    border-bottom-left-radius: .375rem !important
  }

  .rounded-md-capsule {
    border-radius: 3.125rem !important
  }

  .rounded-md-circle {
    border-radius: 50% !important
  }

  .rounded-md-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
  }

  .rounded-md-right-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
  }

  .rounded-md-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important
  }

  .rounded-md-left-0 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
  }
}

@media (min-width:992px) {
  .border-lg {
    border: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-lg-top {
    border-top: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-lg-right {
    border-right: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-lg-bottom {
    border-bottom: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-lg-left,
  .border-lg-x {
    border-left: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-lg-x {
    border-right: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-lg-y {
    border-top: 1px solid rgba(163, 203, 255, .16) !important;
    border-bottom: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-lg-dashed {
    border: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-lg-dashed-top {
    border-top: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-lg-dashed-right {
    border-right: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-lg-dashed-bottom {
    border-bottom: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-lg-dashed-left,
  .border-lg-dashed-x {
    border-left: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-lg-dashed-x {
    border-right: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-lg-dashed-y {
    border-top: 1px dashed rgba(163, 203, 255, .16) !important;
    border-bottom: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-lg-0 {
    border-width: 0 !important
  }

  .border-lg-top-0 {
    border-top-width: 0 !important
  }

  .border-lg-right-0 {
    border-right-width: 0 !important
  }

  .border-lg-bottom-0 {
    border-bottom-width: 0 !important
  }

  .border-lg-left-0,
  .border-lg-x-0 {
    border-left-width: 0 !important
  }

  .border-lg-x-0 {
    border-right-width: 0 !important
  }

  .border-lg-y-0 {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important
  }

  .rounded-lg {
    border-radius: .25rem !important
  }

  .rounded-lg-top {
    border-top-left-radius: .25rem !important
  }

  .rounded-lg-right,
  .rounded-lg-top {
    border-top-right-radius: .25rem !important
  }

  .rounded-lg-bottom,
  .rounded-lg-right {
    border-bottom-right-radius: .25rem !important
  }

  .rounded-lg-bottom,
  .rounded-lg-left {
    border-bottom-left-radius: .25rem !important
  }

  .rounded-lg-left {
    border-top-left-radius: .25rem !important
  }

  .rounded-lg-soft {
    border-radius: .375rem !important
  }

  .rounded-soft-lg-top {
    border-top-left-radius: .375rem !important;
    border-top-right-radius: .375rem !important
  }

  .rounded-soft-lg-right {
    border-top-right-radius: .375rem !important;
    border-bottom-right-radius: .375rem !important
  }

  .rounded-soft-lg-bottom {
    border-bottom-right-radius: .375rem !important;
    border-bottom-left-radius: .375rem !important
  }

  .rounded-soft-lg-left {
    border-top-left-radius: .375rem !important;
    border-bottom-left-radius: .375rem !important
  }

  .rounded-lg-capsule {
    border-radius: 3.125rem !important
  }

  .rounded-lg-circle {
    border-radius: 50% !important
  }

  .rounded-lg-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
  }

  .rounded-lg-right-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
  }

  .rounded-lg-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important
  }

  .rounded-lg-left-0 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
  }
}

@media (min-width:1200px) {
  .border-xl {
    border: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-xl-top {
    border-top: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-xl-right {
    border-right: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-xl-bottom {
    border-bottom: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-xl-left,
  .border-xl-x {
    border-left: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-xl-x {
    border-right: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-xl-y {
    border-top: 1px solid rgba(163, 203, 255, .16) !important;
    border-bottom: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-xl-dashed {
    border: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-xl-dashed-top {
    border-top: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-xl-dashed-right {
    border-right: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-xl-dashed-bottom {
    border-bottom: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-xl-dashed-left,
  .border-xl-dashed-x {
    border-left: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-xl-dashed-x {
    border-right: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-xl-dashed-y {
    border-top: 1px dashed rgba(163, 203, 255, .16) !important;
    border-bottom: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-xl-0 {
    border-width: 0 !important
  }

  .border-xl-top-0 {
    border-top-width: 0 !important
  }

  .border-xl-right-0 {
    border-right-width: 0 !important
  }

  .border-xl-bottom-0 {
    border-bottom-width: 0 !important
  }

  .border-xl-left-0,
  .border-xl-x-0 {
    border-left-width: 0 !important
  }

  .border-xl-x-0 {
    border-right-width: 0 !important
  }

  .border-xl-y-0 {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important
  }

  .rounded-xl {
    border-radius: .25rem !important
  }

  .rounded-xl-top {
    border-top-left-radius: .25rem !important
  }

  .rounded-xl-right,
  .rounded-xl-top {
    border-top-right-radius: .25rem !important
  }

  .rounded-xl-bottom,
  .rounded-xl-right {
    border-bottom-right-radius: .25rem !important
  }

  .rounded-xl-bottom,
  .rounded-xl-left {
    border-bottom-left-radius: .25rem !important
  }

  .rounded-xl-left {
    border-top-left-radius: .25rem !important
  }

  .rounded-xl-soft {
    border-radius: .375rem !important
  }

  .rounded-soft-xl-top {
    border-top-left-radius: .375rem !important;
    border-top-right-radius: .375rem !important
  }

  .rounded-soft-xl-right {
    border-top-right-radius: .375rem !important;
    border-bottom-right-radius: .375rem !important
  }

  .rounded-soft-xl-bottom {
    border-bottom-right-radius: .375rem !important;
    border-bottom-left-radius: .375rem !important
  }

  .rounded-soft-xl-left {
    border-top-left-radius: .375rem !important;
    border-bottom-left-radius: .375rem !important
  }

  .rounded-xl-capsule {
    border-radius: 3.125rem !important
  }

  .rounded-xl-circle {
    border-radius: 50% !important
  }

  .rounded-xl-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
  }

  .rounded-xl-right-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
  }

  .rounded-xl-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important
  }

  .rounded-xl-left-0 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
  }
}

@media (min-width:1540px) {
  .border-xxl {
    border: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-xxl-top {
    border-top: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-xxl-right {
    border-right: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-xxl-bottom {
    border-bottom: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-xxl-left,
  .border-xxl-x {
    border-left: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-xxl-x {
    border-right: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-xxl-y {
    border-top: 1px solid rgba(163, 203, 255, .16) !important;
    border-bottom: 1px solid rgba(163, 203, 255, .16) !important
  }

  .border-xxl-dashed {
    border: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-xxl-dashed-top {
    border-top: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-xxl-dashed-right {
    border-right: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-xxl-dashed-bottom {
    border-bottom: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-xxl-dashed-left,
  .border-xxl-dashed-x {
    border-left: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-xxl-dashed-x {
    border-right: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-xxl-dashed-y {
    border-top: 1px dashed rgba(163, 203, 255, .16) !important;
    border-bottom: 1px dashed rgba(163, 203, 255, .16) !important
  }

  .border-xxl-0 {
    border-width: 0 !important
  }

  .border-xxl-top-0 {
    border-top-width: 0 !important
  }

  .border-xxl-right-0 {
    border-right-width: 0 !important
  }

  .border-xxl-bottom-0 {
    border-bottom-width: 0 !important
  }

  .border-xxl-left-0,
  .border-xxl-x-0 {
    border-left-width: 0 !important
  }

  .border-xxl-x-0 {
    border-right-width: 0 !important
  }

  .border-xxl-y-0 {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important
  }

  .rounded-xxl {
    border-radius: .25rem !important
  }

  .rounded-xxl-top {
    border-top-left-radius: .25rem !important
  }

  .rounded-xxl-right,
  .rounded-xxl-top {
    border-top-right-radius: .25rem !important
  }

  .rounded-xxl-bottom,
  .rounded-xxl-right {
    border-bottom-right-radius: .25rem !important
  }

  .rounded-xxl-bottom,
  .rounded-xxl-left {
    border-bottom-left-radius: .25rem !important
  }

  .rounded-xxl-left {
    border-top-left-radius: .25rem !important
  }

  .rounded-xxl-soft {
    border-radius: .375rem !important
  }

  .rounded-soft-xxl-top {
    border-top-left-radius: .375rem !important;
    border-top-right-radius: .375rem !important
  }

  .rounded-soft-xxl-right {
    border-top-right-radius: .375rem !important;
    border-bottom-right-radius: .375rem !important
  }

  .rounded-soft-xxl-bottom {
    border-bottom-right-radius: .375rem !important;
    border-bottom-left-radius: .375rem !important
  }

  .rounded-soft-xxl-left {
    border-top-left-radius: .375rem !important;
    border-bottom-left-radius: .375rem !important
  }

  .rounded-xxl-capsule {
    border-radius: 3.125rem !important
  }

  .rounded-xxl-circle {
    border-radius: 50% !important
  }

  .rounded-xxl-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
  }

  .rounded-xxl-right-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
  }

  .rounded-xxl-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important
  }

  .rounded-xxl-left-0 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
  }
}

.overflow-hidden[class*=rounded] {
  -webkit-mask-image: radial-gradient(#18181B, #fff);
  mask-image: radial-gradient(#18181B, #fff)
}

.border-primary {
  border-color: #2c7be5 !important
}

.border-secondary {
  border-color: #748194 !important
}

.border-success {
  border-color: #00d27a !important
}

.border-info {
  border-color: #27bcfd !important
}

.border-warning {
  border-color: #f5803e !important
}

.border-danger {
  border-color: #e63757 !important
}

.border-light {
  border-color: #27272A !important
}

.border-dark {
  border-color: #f9fafd !important
}

.border-100 {
  border-color: #27272A !important
}

.border-200 {
  border-color: #18181B !important
}

.border-300 {
  border-color: #344050 !important
}

.border-400 {
  border-color: #4d5969 !important
}

.border-500 {
  border-color: #5e6e82 !important
}

.border-600 {
  border-color: #748194 !important
}

.border-700 {
  border-color: #9da9bb !important
}

.border-800 {
  border-color: #b6c1d2 !important
}

.border-900 {
  border-color: #d8e2ef !important
}

.border-black {
  border-color: #fff !important
}

.border-1000 {
  border-color: #edf2f9 !important
}

.border-1100 {
  border-color: #f9fafd !important
}

.border-white {
  border-color: #18181B !important
}

.border-2x {
  border-width: 2px !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
}

.min-vh-100 {
  min-height: 100vh
}

.min-vh-75 {
  min-height: 75vh
}

.min-vh-50 {
  min-height: 50vh
}

.min-vh-25 {
  min-height: 25vh
}

.max-vh-75 {
  max-height: 75vh
}

.max-vh-50 {
  max-height: 50vh
}

.max-vh-25 {
  max-height: 25vh
}

.max-vh-100 {
  max-height: 100vh
}

.max-w-75 {
  max-width: 75% !important
}

.max-w-50 {
  max-width: 50% !important
}

.max-w-25 {
  max-width: 25% !important
}

.vh-100 {
  height: 100vh
}

.vh-75 {
  height: 75vh
}

.vh-50 {
  height: 50vh
}

.vh-25 {
  height: 25vh
}

@media (min-width:576px) {
  .w-sm-25 {
    width: 25% !important
  }

  .w-sm-50 {
    width: 50% !important
  }

  .w-sm-75 {
    width: 75% !important
  }

  .w-sm-100 {
    width: 100% !important
  }

  .w-sm-auto {
    width: auto !important
  }

  .h-sm-25 {
    height: 25% !important
  }

  .h-sm-50 {
    height: 50% !important
  }

  .h-sm-75 {
    height: 75% !important
  }

  .h-sm-100 {
    height: 100% !important
  }

  .h-sm-auto {
    height: auto !important
  }

  .min-vh-sm-100 {
    min-height: 100vh
  }

  .min-vh-sm-75 {
    min-height: 75vh
  }

  .min-vh-sm-50 {
    min-height: 50vh
  }

  .min-vh-sm-25 {
    min-height: 25vh
  }

  .max-vh-sm-75 {
    max-height: 75vh
  }

  .max-vh-sm-50 {
    max-height: 50vh
  }

  .max-vh-sm-25 {
    max-height: 25vh
  }

  .max-vh-sm-100 {
    max-height: 100vh
  }

  .max-w-sm-75 {
    max-width: 75% !important
  }

  .max-w-sm-50 {
    max-width: 50% !important
  }

  .max-w-sm-25 {
    max-width: 25% !important
  }

  .vh-sm-100 {
    height: 100vh
  }

  .vh-sm-75 {
    height: 75vh
  }

  .vh-sm-50 {
    height: 50vh
  }

  .vh-sm-25 {
    height: 25vh
  }
}

@media (min-width:768px) {
  .w-md-25 {
    width: 25% !important
  }

  .w-md-50 {
    width: 50% !important
  }

  .w-md-75 {
    width: 75% !important
  }

  .w-md-100 {
    width: 100% !important
  }

  .w-md-auto {
    width: auto !important
  }

  .h-md-25 {
    height: 25% !important
  }

  .h-md-50 {
    height: 50% !important
  }

  .h-md-75 {
    height: 75% !important
  }

  .h-md-100 {
    height: 100% !important
  }

  .h-md-auto {
    height: auto !important
  }

  .min-vh-md-100 {
    min-height: 100vh
  }

  .min-vh-md-75 {
    min-height: 75vh
  }

  .min-vh-md-50 {
    min-height: 50vh
  }

  .min-vh-md-25 {
    min-height: 25vh
  }

  .max-vh-md-75 {
    max-height: 75vh
  }

  .max-vh-md-50 {
    max-height: 50vh
  }

  .max-vh-md-25 {
    max-height: 25vh
  }

  .max-vh-md-100 {
    max-height: 100vh
  }

  .max-w-md-75 {
    max-width: 75% !important
  }

  .max-w-md-50 {
    max-width: 50% !important
  }

  .max-w-md-25 {
    max-width: 25% !important
  }

  .vh-md-100 {
    height: 100vh
  }

  .vh-md-75 {
    height: 75vh
  }

  .vh-md-50 {
    height: 50vh
  }

  .vh-md-25 {
    height: 25vh
  }
}

@media (min-width:992px) {
  .w-lg-25 {
    width: 25% !important
  }

  .w-lg-50 {
    width: 50% !important
  }

  .w-lg-75 {
    width: 75% !important
  }

  .w-lg-100 {
    width: 100% !important
  }

  .w-lg-auto {
    width: auto !important
  }

  .h-lg-25 {
    height: 25% !important
  }

  .h-lg-50 {
    height: 50% !important
  }

  .h-lg-75 {
    height: 75% !important
  }

  .h-lg-100 {
    height: 100% !important
  }

  .h-lg-auto {
    height: auto !important
  }

  .min-vh-lg-100 {
    min-height: 100vh
  }

  .min-vh-lg-75 {
    min-height: 75vh
  }

  .min-vh-lg-50 {
    min-height: 50vh
  }

  .min-vh-lg-25 {
    min-height: 25vh
  }

  .max-vh-lg-75 {
    max-height: 75vh
  }

  .max-vh-lg-50 {
    max-height: 50vh
  }

  .max-vh-lg-25 {
    max-height: 25vh
  }

  .max-vh-lg-100 {
    max-height: 100vh
  }

  .max-w-lg-75 {
    max-width: 75% !important
  }

  .max-w-lg-50 {
    max-width: 50% !important
  }

  .max-w-lg-25 {
    max-width: 25% !important
  }

  .vh-lg-100 {
    height: 100vh
  }

  .vh-lg-75 {
    height: 75vh
  }

  .vh-lg-50 {
    height: 50vh
  }

  .vh-lg-25 {
    height: 25vh
  }
}

@media (min-width:1200px) {
  .w-xl-25 {
    width: 25% !important
  }

  .w-xl-50 {
    width: 50% !important
  }

  .w-xl-75 {
    width: 75% !important
  }

  .w-xl-100 {
    width: 100% !important
  }

  .w-xl-auto {
    width: auto !important
  }

  .h-xl-25 {
    height: 25% !important
  }

  .h-xl-50 {
    height: 50% !important
  }

  .h-xl-75 {
    height: 75% !important
  }

  .h-xl-100 {
    height: 100% !important
  }

  .h-xl-auto {
    height: auto !important
  }

  .min-vh-xl-100 {
    min-height: 100vh
  }

  .min-vh-xl-75 {
    min-height: 75vh
  }

  .min-vh-xl-50 {
    min-height: 50vh
  }

  .min-vh-xl-25 {
    min-height: 25vh
  }

  .max-vh-xl-75 {
    max-height: 75vh
  }

  .max-vh-xl-50 {
    max-height: 50vh
  }

  .max-vh-xl-25 {
    max-height: 25vh
  }

  .max-vh-xl-100 {
    max-height: 100vh
  }

  .max-w-xl-75 {
    max-width: 75% !important
  }

  .max-w-xl-50 {
    max-width: 50% !important
  }

  .max-w-xl-25 {
    max-width: 25% !important
  }

  .vh-xl-100 {
    height: 100vh
  }

  .vh-xl-75 {
    height: 75vh
  }

  .vh-xl-50 {
    height: 50vh
  }

  .vh-xl-25 {
    height: 25vh
  }
}

@media (min-width:1540px) {
  .w-xxl-25 {
    width: 25% !important
  }

  .w-xxl-50 {
    width: 50% !important
  }

  .w-xxl-75 {
    width: 75% !important
  }

  .w-xxl-100 {
    width: 100% !important
  }

  .w-xxl-auto {
    width: auto !important
  }

  .h-xxl-25 {
    height: 25% !important
  }

  .h-xxl-50 {
    height: 50% !important
  }

  .h-xxl-75 {
    height: 75% !important
  }

  .h-xxl-100 {
    height: 100% !important
  }

  .h-xxl-auto {
    height: auto !important
  }

  .min-vh-xxl-100 {
    min-height: 100vh
  }

  .min-vh-xxl-75 {
    min-height: 75vh
  }

  .min-vh-xxl-50 {
    min-height: 50vh
  }

  .min-vh-xxl-25 {
    min-height: 25vh
  }

  .max-vh-xxl-75 {
    max-height: 75vh
  }

  .max-vh-xxl-50 {
    max-height: 50vh
  }

  .max-vh-xxl-25 {
    max-height: 25vh
  }

  .max-vh-xxl-100 {
    max-height: 100vh
  }

  .max-w-xxl-75 {
    max-width: 75% !important
  }

  .max-w-xxl-50 {
    max-width: 50% !important
  }

  .max-w-xxl-25 {
    max-width: 25% !important
  }

  .vh-xxl-100 {
    height: 100vh
  }

  .vh-xxl-75 {
    height: 75vh
  }

  .vh-xxl-50 {
    height: 50vh
  }

  .vh-xxl-25 {
    height: 25vh
  }
}

.min-w-0 {
  min-width: 0
}

.max-w-100 {
  max-width: 100%
}

.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
}

@media (min-width:576px) {
  .position-sm-static {
    position: static !important
  }

  .position-sm-relative {
    position: relative !important
  }

  .position-sm-absolute {
    position: absolute !important
  }

  .position-sm-fixed {
    position: fixed !important
  }

  .position-sm-sticky {
    position: sticky !important
  }
}

@media (min-width:768px) {
  .position-md-static {
    position: static !important
  }

  .position-md-relative {
    position: relative !important
  }

  .position-md-absolute {
    position: absolute !important
  }

  .position-md-fixed {
    position: fixed !important
  }

  .position-md-sticky {
    position: sticky !important
  }
}

@media (min-width:992px) {
  .position-lg-static {
    position: static !important
  }

  .position-lg-relative {
    position: relative !important
  }

  .position-lg-absolute {
    position: absolute !important
  }

  .position-lg-fixed {
    position: fixed !important
  }

  .position-lg-sticky {
    position: sticky !important
  }
}

@media (min-width:1200px) {
  .position-xl-static {
    position: static !important
  }

  .position-xl-relative {
    position: relative !important
  }

  .position-xl-absolute {
    position: absolute !important
  }

  .position-xl-fixed {
    position: fixed !important
  }

  .position-xl-sticky {
    position: sticky !important
  }
}

@media (min-width:1540px) {
  .position-xxl-static {
    position: static !important
  }

  .position-xxl-relative {
    position: relative !important
  }

  .position-xxl-absolute {
    position: absolute !important
  }

  .position-xxl-fixed {
    position: fixed !important
  }

  .position-xxl-sticky {
    position: sticky !important
  }
}

.sticky-top {
  z-index: 1015
}

.sticky-bottom {
  z-index: 1019;
  position: sticky;
  bottom: 0
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  position: relative
}

.a-0,
.ripple,
.t-0 {
  top: 0 !important
}

.a-0,
.b-0,
.ripple {
  bottom: 0 !important
}

.a-0,
.l-0,
.ripple {
  left: 0 !important
}

.a-0,
.r-0,
.ripple {
  right: 0 !important
}

.absolute-centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0)
}

.absolute-vertical-center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

@media (min-width:576px) {
  .absolute-sm-centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
  }
}

.fs--2 {
  font-size: .69444rem
}

.fs--1 {
  font-size: .83333rem
}

.fs-0 {
  font-size: 1rem
}

.fs-1 {
  font-size: 1.2rem
}

.fs-2 {
  font-size: 1.44rem
}

.fs-3 {
  font-size: 1.728rem
}

.fs-4 {
  font-size: 2.0736rem
}

.fs-5 {
  font-size: 2.48832rem
}

.fs-6 {
  font-size: 2.98598rem
}

.fs-7 {
  font-size: 3.58318rem
}

.fs-8 {
  font-size: 4.29982rem
}

@media (min-width:576px) {
  .fs-sm--2 {
    font-size: .69444rem
  }

  .fs-sm--1 {
    font-size: .83333rem
  }

  .fs-sm-0 {
    font-size: 1rem
  }

  .fs-sm-1 {
    font-size: 1.2rem
  }

  .fs-sm-2 {
    font-size: 1.44rem
  }

  .fs-sm-3 {
    font-size: 1.728rem
  }

  .fs-sm-4 {
    font-size: 2.0736rem
  }

  .fs-sm-5 {
    font-size: 2.48832rem
  }

  .fs-sm-6 {
    font-size: 2.98598rem
  }

  .fs-sm-7 {
    font-size: 3.58318rem
  }

  .fs-sm-8 {
    font-size: 4.29982rem
  }
}

@media (min-width:768px) {
  .fs-md--2 {
    font-size: .69444rem
  }

  .fs-md--1 {
    font-size: .83333rem
  }

  .fs-md-0 {
    font-size: 1rem
  }

  .fs-md-1 {
    font-size: 1.2rem
  }

  .fs-md-2 {
    font-size: 1.44rem
  }

  .fs-md-3 {
    font-size: 1.728rem
  }

  .fs-md-4 {
    font-size: 2.0736rem
  }

  .fs-md-5 {
    font-size: 2.48832rem
  }

  .fs-md-6 {
    font-size: 2.98598rem
  }

  .fs-md-7 {
    font-size: 3.58318rem
  }

  .fs-md-8 {
    font-size: 4.29982rem
  }
}

@media (min-width:992px) {
  .fs-lg--2 {
    font-size: .69444rem
  }

  .fs-lg--1 {
    font-size: .83333rem
  }

  .fs-lg-0 {
    font-size: 1rem
  }

  .fs-lg-1 {
    font-size: 1.2rem
  }

  .fs-lg-2 {
    font-size: 1.44rem
  }

  .fs-lg-3 {
    font-size: 1.728rem
  }

  .fs-lg-4 {
    font-size: 2.0736rem
  }

  .fs-lg-5 {
    font-size: 2.48832rem
  }

  .fs-lg-6 {
    font-size: 2.98598rem
  }

  .fs-lg-7 {
    font-size: 3.58318rem
  }

  .fs-lg-8 {
    font-size: 4.29982rem
  }
}

@media (min-width:1200px) {
  .fs-xl--2 {
    font-size: .69444rem
  }

  .fs-xl--1 {
    font-size: .83333rem
  }

  .fs-xl-0 {
    font-size: 1rem
  }

  .fs-xl-1 {
    font-size: 1.2rem
  }

  .fs-xl-2 {
    font-size: 1.44rem
  }

  .fs-xl-3 {
    font-size: 1.728rem
  }

  .fs-xl-4 {
    font-size: 2.0736rem
  }

  .fs-xl-5 {
    font-size: 2.48832rem
  }

  .fs-xl-6 {
    font-size: 2.98598rem
  }

  .fs-xl-7 {
    font-size: 3.58318rem
  }

  .fs-xl-8 {
    font-size: 4.29982rem
  }
}

@media (min-width:1540px) {
  .fs-xxl--2 {
    font-size: .69444rem
  }

  .fs-xxl--1 {
    font-size: .83333rem
  }

  .fs-xxl-0 {
    font-size: 1rem
  }

  .fs-xxl-1 {
    font-size: 1.2rem
  }

  .fs-xxl-2 {
    font-size: 1.44rem
  }

  .fs-xxl-3 {
    font-size: 1.728rem
  }

  .fs-xxl-4 {
    font-size: 2.0736rem
  }

  .fs-xxl-5 {
    font-size: 2.48832rem
  }

  .fs-xxl-6 {
    font-size: 2.98598rem
  }

  .fs-xxl-7 {
    font-size: 3.58318rem
  }

  .fs-xxl-8 {
    font-size: 4.29982rem
  }
}

.fsp-75 {
  font-size: 75%
}

.font-weight-thin {
  font-weight: 100 !important
}

.font-weight-extra-light {
  font-weight: 200 !important
}

.font-weight-medium {
  font-weight: 500 !important
}

.font-weight-semi-bold {
  font-weight: 600 !important
}

.font-weight-extra-bold {
  font-weight: 800 !important
}

.font-weight-black {
  font-weight: 900 !important
}

.text-underline {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto
}

.text-smallcaps {
  font-feature-settings: "smcp";
  font-variant: small-caps
}

.text-superscript {
  vertical-align: super
}

.text-word-break {
  word-break: break-word
}

.text-sans-serif {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

.text-base {
  font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

.text-100 {
  color: #27272A !important
}

a.text-100:focus,
a.text-100:hover {
  color: #000 !important
}

.text-200 {
  color: #18181B !important
}

a.text-200:focus,
a.text-200:hover {
  color: #000 !important
}

.text-300 {
  color: #344050 !important
}

a.text-300:focus,
a.text-300:hover {
  color: #161b22 !important
}

.text-400 {
  color: #4d5969 !important
}

a.text-400:focus,
a.text-400:hover {
  color: #2d343d !important
}

.text-500 {
  color: #5e6e82 !important
}

a.text-500:focus,
a.text-500:hover {
  color: #3e4856 !important
}

.text-600 {
  color: #748194 !important
}

a.text-600:focus,
a.text-600:hover {
  color: #525b6a !important
}

.text-700 {
  color: #9da9bb !important
}

a.text-700:focus,
a.text-700:hover {
  color: #70819c !important
}

.text-800 {
  color: #b6c1d2 !important
}

a.text-800:focus,
a.text-800:hover {
  color: #8799b5 !important
}

.text-900 {
  color: #d8e2ef !important
}

a.text-900:focus,
a.text-900:hover {
  color: #a2bad9 !important
}

.text-black {
  color: #fff !important
}

a.text-black:focus,
a.text-black:hover {
  color: #d9d9d9 !important
}

.text-1000 {
  color: #edf2f9 !important
}

a.text-1000:focus,
a.text-1000:hover {
  color: #b4c9e6 !important
}

.text-1100 {
  color: #f9fafd !important
}

a.text-1100:focus,
a.text-1100:hover {
  color: #c0caea !important
}

.text-white {
  color: #18181B !important
}

a.text-white:focus,
a.text-white:hover {
  color: #000 !important
}

.text-facebook {
  color: #3c5a99
}

.text-google-plus {
  color: #dd4b39
}

.text-twitter {
  color: #1da1f2
}

.text-linkedin {
  color: #0077b5
}

.text-youtube {
  color: red
}

.fs-error {
  font-size: 7rem
}

@media (min-width:576px) {
  .fs-error {
    font-size: 10rem
  }
}

.flex-center {
  align-items: center;
  justify-content: center
}

.flex-between-center {
  align-items: center;
  justify-content: space-between
}

.flex-end-center {
  justify-content: flex-end;
  align-items: center
}

.line-height-1 {
  line-height: 1
}

.line-height-0 {
  line-height: 0
}

.hover-actions {
  display: none;
  position: absolute
}

.hover-actions.show {
  display: flex
}

.hover-actions.show+.hover-hide {
  display: none
}

.hover-actions-trigger {
  position: relative
}

.hover-actions-trigger .inbox-link {
  color: inherit;
  text-decoration: none
}

.hover-actions-trigger:focus .hover-actions,
.hover-actions-trigger:hover .hover-actions {
  z-index: 1;
  display: flex
}

.hover-actions-trigger:focus .hover-hide,
.hover-actions-trigger:hover .hover-hide {
  display: none
}

.hover-shadow:focus,
.hover-shadow:hover {
  box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1)
}

.hover-100:focus,
.hover-100:hover {
  background-color: #27272A !important
}

.hover-200:focus,
.hover-200:hover {
  background-color: #18181B !important
}

.hover-300:focus,
.hover-300:hover {
  background-color: #344050 !important
}

.hover-400:focus,
.hover-400:hover {
  background-color: #4d5969 !important
}

.hover-500:focus,
.hover-500:hover {
  background-color: #5e6e82 !important
}

.hover-600:focus,
.hover-600:hover {
  background-color: #748194 !important
}

.hover-700:focus,
.hover-700:hover {
  background-color: #9da9bb !important
}

.hover-800:focus,
.hover-800:hover {
  background-color: #b6c1d2 !important
}

.hover-900:focus,
.hover-900:hover {
  background-color: #d8e2ef !important
}

.hover-black:focus,
.hover-black:hover {
  background-color: #fff !important
}

.hover-1000:focus,
.hover-1000:hover {
  background-color: #edf2f9 !important
}

.hover-1100:focus,
.hover-1100:hover {
  background-color: #f9fafd !important
}

.hover-white:focus,
.hover-white:hover {
  background-color: #18181B !important
}

.hover-primary:focus,
.hover-primary:hover {
  color: #2c7be5 !important
}

.img-landing-banner {
  border-top-left-radius: .375rem;
  border-top-right-radius: .375rem;
  overflow: hidden;
  transform: translateY(-3rem);
  margin-bottom: -28rem;
  transition: transform .4s ease;
  position: relative;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .4);
  display: block
}

@media (min-width:1200px) and (max-width:1539.98px) {
  .img-landing-banner {
    margin-bottom: -18rem
  }
}

@media (min-width:992px) and (max-width:1199.98px) {
  .img-landing-banner {
    margin-bottom: -20rem
  }
}

.img-landing-banner:after {
  content: "";
  position: absolute;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8));
  left: 0;
  bottom: 0;
  width: 100%;
  height: 70%;
  transition: opacity .6s
}

.img-landing-banner:focus,
.img-landing-banner:hover {
  transform: translateY(-5rem)
}

.img-landing-banner:focus:after,
.img-landing-banner:hover:after {
  opacity: 0
}

@media (max-width:575.98px) {
  .landing-cta-img {
    width: 100%;
    height: auto
  }
}

.btn-back-to-top {
  background-color: #f9fafd;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-right-radius: .25rem;
  left: 50%;
  top: -7.5rem;
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  height: 2.5rem;
  width: 2.5rem
}

.card-span {
  transition: all .4s ease
}

.card-span .card-span-img {
  position: absolute;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 5rem;
  height: 5rem;
  background-color: #18181B;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .5);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center
}

.card-span:focus,
.card-span:hover {
  transform: translateY(-.2rem);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .4)
}

.radio-select .custom-control-label {
  cursor: pointer
}

.radio-select-content {
  border: 1px solid #18181B;
  color: #5e6e82;
  transition: all .2s ease-in-out;
  display: block;
  padding: 1rem;
  font-weight: 400;
  border-radius: .25rem;
  margin-top: .5rem
}

.radio-select-link {
  color: inherit
}

.radio-select .custom-control-input:checked+.custom-control-label .radio-select-content {
  border: 1px solid #00d27a;
  color: #f9fafd
}

.file-thumbnail {
  height: 2.25rem;
  width: 2.25rem
}

.dot {
  width: .625rem;
  height: .625rem;
  border-radius: 50%;
  display: inline-block;
  margin-right: .5rem
}

.theme-wizard .nav-link {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  text-align: center;
  color: #748194;
  display: block
}

.theme-wizard .nav-link .nav-item-circle {
  color: #5e6e82;
  background-color: #18181B;
  border: 2px solid #344050;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 50%;
  line-height: 36px;
  padding: 0;
  text-align: center;
  align-self: center;
  display: block;
  transition: all .2s ease-in-out
}

.theme-wizard .nav-link.active {
  color: #2c7be5
}

.theme-wizard .nav-link.active .nav-item-circle {
  background-color: #2c7be5 !important;
  color: #fff;
  border-color: #2c7be5
}

.theme-wizard .nav-link.done {
  color: #00d27a
}

.theme-wizard .nav-link.done .nav-item-circle {
  background-color: #00d27a !important;
  color: #fff;
  border-color: #00d27a
}

.theme-wizard .nav-link.done .nav-item-circle .check-icon {
  display: inline-block
}

.theme-wizard .nav-link.done .nav-item-circle-parent:before {
  background-color: #00d27a
}

.theme-wizard .nav-link .nav-item-circle .check-icon {
  display: none
}

.theme-wizard .nav-link .nav-item-circle-parent {
  display: block
}

.theme-wizard .nav-link .nav-item-circle-parent:before {
  content: "";
  height: 2px;
  width: 101%;
  position: absolute;
  left: 51%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  background: #344050
}

.theme-wizard .nav-item:not(:first-child) .active .nav-item-circle-parent:after {
  content: "";
  width: 50%;
  position: absolute;
  left: -1px;
  top: 50%;
  transform: translateY(-50%);
  height: 2px;
  background-color: #00d27a
}

.theme-wizard .nav-item-circle-parent {
  position: relative;
  padding: 0 1rem
}

.theme-wizard .nav-item-circle {
  margin: 0 auto;
  z-index: 1;
  position: relative
}

.theme-wizard .nav-item {
  display: flex;
  flex-basis: auto;
  flex-grow: 1;
  max-width: 100%;
  justify-content: center
}

.theme-wizard .nav-item:first-child .nav-item-circle-parent:before,
.theme-wizard .nav-item:last-child .nav-item-circle-parent:before {
  width: 50%
}

.theme-wizard .nav-item:first-child .nav-item-circle-parent:before {
  transform: translate3d(0, -50%, 0)
}

.theme-wizard .nav-item:last-child .nav-item-circle-parent:before {
  left: 0;
  transform: translate3d(0, -50%, 0)
}

.theme-wizard .pager {
  display: flex;
  justify-content: space-between
}

.theme-wizard .wizard-lottie-wrapper {
  height: 1px;
  position: relative;
  padding-bottom: 190px;
  overflow: hidden
}

.theme-wizard .wizard-lottie-wrapper .wizard-lottie {
  width: 340px;
  transform: translateY(-73%)
}

.TrackY {
  width: 7px !important;
  background-color: transparent !important
}

.TrackY .ScrollbarsCustom-ThumbY {
  background-color: rgba(116, 129, 148, .3) !important
}

.TrackX {
  height: 7px !important;
  background-color: transparent !important
}

.TrackX .ScrollbarsCustom-ThumbX {
  background-color: rgba(116, 129, 148, .3) !important
}

.contacts-list .ScrollbarsCustom-Wrapper {
  right: 0 !important
}

.scrollbar {
  scrollbar-color: rgba(116, 129, 148, .3) transparent;
  scrollbar-width: thin;
  overflow: auto
}

.scrollbar::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  height: 7px;
  background-color: transparent
}

.scrollbar::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(116, 129, 148, .3)
}

.firefox .dropcap:first-letter {
  margin-top: .175em
}

.edge .bg-holder .bg-video {
  height: 100%;
  width: auto
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
  img {
    max-width: 100%
  }

  .card-img-top {
    height: 100%;
    overflow: hidden
  }

  .hoverbox-content img {
    width: 100%
  }

  .min-vh-100 {
    height: 100vh
  }

  .customer-name-column {
    min-width: 11.25rem
  }
}

.card-chat {
  height: calc(100vh - 4.3125rem - 10px);
  z-index: 1
}

.card-chat .card-body,
.card-chat-pane {
  position: relative;
  overflow: hidden
}

.card-chat-pane {
  height: calc(100% - 2.063rem)
}

.card-chat-content {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
  height: 100%
}

.chat-sidebar {
  position: absolute;
  height: 100%;
  z-index: 11;
  top: 0;
  left: -100%;
  width: 100%;
  transition: all .5s ease;
  overflow: hidden
}

.contacts-list {
  height: calc(100% - 2rem);
  border-right: 1px solid rgba(163, 203, 255, .16);
  overflow-y: auto;
  width: 100%
}

.chat-contact {
  align-items: center;
  padding: 1rem;
  height: 4.188rem;
  cursor: pointer;
  border-top: 1px solid transparent;
  background-color: #18181B
}

.chat-contact:after {
  position: absolute;
  content: "";
  height: 100%;
  width: .25rem;
  left: 0;
  top: 0
}

.chat-contact:first-child {
  border-top: 0 !important
}

.chat-contact.active:after,
.chat-contact:focus:after,
.chat-contact:hover:after {
  background-color: #00d27a
}

.chat-contact.active+.chat-contact,
.chat-contact.active:not(:first-child) {
  border-top: 1px solid rgba(163, 203, 255, .16)
}

.chat-contact-body {
  position: relative;
  min-width: 0
}

.chat-contact-title {
  font-weight: 400
}

.message-time {
  color: #4d5969
}

.chat-contact-content {
  font-size: .83333rem;
  color: #748194;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.unread-message {
  color: #fff
}

.unread-message .chat-contact-content,
.unread-message .chat-contact-title {
  font-weight: 600;
  color: #fff
}

.unread-message .message-time {
  color: #2c7be5
}

.contacts-search-wrapper {
  position: relative;
  border-top: 1px solid rgba(163, 203, 255, .16);
  border-right: 1px solid rgba(163, 203, 255, .16);
  background-color: #18181B;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.063rem
}

.chat-contacts-search {
  padding-left: 2.12rem
}

.chat-contacts-search:focus,
.chat-contacts-search:hover {
  box-shadow: none
}

.contacts-search-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #4d5969;
  font-size: .83333rem;
  left: 1rem
}

.chat-content-header {
  padding: 1rem;
  border-bottom: 1px solid rgba(163, 203, 255, .16)
}

.chat-content-body {
  height: calc(100% - 4.25rem)
}

.chat-content-body .scroll-content {
  position: relative
}

.chat-content-scroll-area {
  height: 100%;
  padding-bottom: 1rem;
  overflow-y: auto
}

.chat-message {
  max-width: calc(100% - 7rem);
  display: inline-block;
  position: relative
}

.message-settings {
  position: absolute;
  bottom: -.9375rem;
  border: 1px solid #18181B;
  background-color: #27272A;
  border-radius: 50%;
  height: 1.875rem;
  width: 1.875rem;
  text-align: center
}

.message-settings-left {
  right: -.9375rem
}

.message-settings-right {
  left: -.9375rem
}

.conversation-info {
  position: absolute;
  width: 15rem;
  right: -100%;
  background-color: #27272A;
  border-left: 1px solid rgba(163, 203, 255, .16);
  z-index: 10;
  top: 4.25rem;
  height: calc(100% - 4.25rem);
  transition: .5s
}

.conversation-info.show {
  right: 0
}

.conversation-info .conversation-info-icon {
  width: 1.25rem;
  font-size: 1rem
}

.chat-file-upload {
  position: absolute;
  right: 5.5rem;
  z-index: 2;
  top: .125rem;
  color: #5e6e82
}

.chat-file-upload:focus,
.chat-file-upload:hover {
  color: #748194
}

.emoji-icon {
  position: absolute;
  top: 8px;
  right: 64px;
  cursor: pointer;
  color: #5e6e82
}

.emoji-icon:focus,
.emoji-icon:hover {
  color: #748194 !important
}

.btn-message-submit {
  position: absolute;
  right: 3.938rem;
  top: .1875rem
}

.btn-send {
  position: absolute;
  top: .125rem;
  z-index: 2;
  right: 1rem;
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
  color: #5e6e82
}

.chat-editor-area {
  border-top: 1px solid rgba(163, 203, 255, .16);
  position: absolute;
  bottom: 0;
  width: 100%
}

.chat-editor-area .emojionearea-editor {
  min-height: 2rem;
  padding-right: 7rem
}

.chat-editor-area .emojionearea-button {
  right: 3.75rem
}

@media (min-width:576px) {
  .contacts-list {
    height: calc(100% - 2.063rem)
  }

  .conversation-scroll-area {
    height: calc(100% - 2.188rem)
  }

  .card-chat {
    height: calc(100vh - 4.3125rem - 63.8px)
  }
}

@media (min-width:768px) {
  .chat-sidebar {
    position: relative;
    height: 100%;
    top: 0;
    left: 0 !important;
    width: auto;
    transition: none
  }
}

@media (min-width:992px) {
  .chat-sidebar {
    flex: 0 0 17.5rem;
    max-width: 17.5rem
  }
}

@media (min-width:1540px) {
  .chat-sidebar {
    flex: 0 0 21.88rem;
    max-width: 21.88rem
  }
}

.safari .contacts-list {
  height: calc(100% - 2.063rem)
}

.safari .contacts-search-wrapper {
  height: 2.125rem
}

.ie .chat-contact {
  height: 4.25rem
}

.ie .chat-gallery {
  width: calc(100% - 7rem)
}

.ie .conversation-info {
  top: 4.313rem
}

.edge .chat-contact {
  height: 4.25rem
}

.edge .conversation-info {
  top: 4.313rem
}

.chat-option-hover {
  transition: .2s
}

.chat-option-hover:focus,
.chat-option-hover:hover {
  color: #2c7be5
}

.btn-accordion {
  padding: .25rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: .83333rem;
  font-weight: 500
}

.btn-accordion[aria-expanded=true] [data-prefix=fas] {
  transform: rotate(90deg)
}

.accordion-icon {
  transition: transform .1s linear;
  color: #d8e2ef
}

[aria-expanded=true] .accordion-icon {
  transform: rotate(90deg)
}

.icon-spin {
  animation: icon-spin 6s cubic-bezier(.15, 1.15, .65, 1) infinite
}

.settings-popover .d-flex {
  transform-origin: center;
  transform-box: fill-box
}

.ripple {
  position: absolute
}

.ripple .fa-spin {
  animation-duration: 3s
}

.ripple:after,
.ripple:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  border-radius: 50%;
  border: 3px solid rgba(0, 210, 122, .4);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  animation: ripple 2s ease infinite
}

.ripple:before {
  border: 5px solid rgba(0, 210, 122, .3);
  animation-delay: 5s
}

@keyframes ripple {
  0% {
    height: 16px;
    width: 16px
  }

  to {
    height: 50px;
    width: 50px;
    border-color: transparent
  }
}

@keyframes icon-spin {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(1turn)
  }
}

.btn-add-card:focus,
.btn-add-card:hover {
  background-color: #18181B
}

.bg-attachment {
  position: relative;
  height: 3.5625rem;
  width: 6.25rem;
  border-radius: .25rem;
  overflow: hidden;
  background: #344050;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #748194
}

.bg-attachment .icon-play {
  position: relative;
  color: #18181B;
  z-index: 111
}

.bg-attachment:focus,
.bg-attachment:hover {
  color: #9da9bb !important
}

.bg-attachment:focus .icon-play,
.bg-attachment:hover .icon-play {
  color: #344050
}

.avatar-group .avatar {
  vertical-align: top
}

.draggable--is-dragging * {
  cursor: grab !important
}

.draggable-source--is-dragging {
  background-color: #18181B !important;
  box-shadow: none !important;
  border-radius: .375rem
}

.draggable-source--is-dragging * {
  opacity: 0
}

.draggable-mirror {
  z-index: 1100
}

.draggable-mirror .kanban-item-card {
  transform: rotate(-2deg)
}

button.close-circle {
  width: 2.5rem;
  height: 2.5rem;
  background-color: #18181B;
  text-shadow: none;
  border-radius: 50%;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .5);
  opacity: 1
}

button.close-circle:focus,
button.close-circle:hover {
  opacity: 1 !important;
  background-color: #344050
}

.icon-title {
  width: 1.25rem;
  text-align: center;
  margin-right: 1rem
}

.draggable--original:first-child+.kanban-item,
div[data-collapse]+.kanban-item {
  margin-top: 0
}

.nav-link-card-details {
  background-color: #27272A;
  color: #9da9bb;
  transition: all .2s ease-in-out;
  border-radius: .25rem;
  margin-bottom: .25rem
}

.nav-link-card-details:focus,
.nav-link-card-details:hover {
  background-color: #18181B;
  color: #9da9bb
}

.ipad .kanban-items-container,
.mobile.chrome .kanban-items-container,
.mobile.safari .kanban-items-container {
  max-height: calc(100vh - 18.4375rem)
}

.ipad .form-added .kanban-items-container,
.mobile.chrome .form-added .kanban-items-container,
.mobile.safari .form-added .kanban-items-container {
  max-height: calc(100vh - 15.625rem)
}

.notice {
  position: fixed;
  left: 0;
  bottom: 0;
  margin: 0 !important;
  z-index: -1;
  border: 0;
  width: 100%;
  max-width: 100%;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .4);
  border-radius: 0
}

.notice.show {
  z-index: 1040
}

.notice .close {
  text-shadow: none !important
}

.badge-primary {
  color: #fff !important
}

.btn-primary,
.btn-primary:focus:not(:disabled):not(.disabled),
.btn-primary:hover:not(:disabled):not(.disabled),
.navbar-vertical:not(.navbar-vibrant) .btn-purchase,
.navbar-vertical:not(.navbar-vibrant) .btn-purchase:focus:not(:disabled):not(.disabled),
.navbar-vertical:not(.navbar-vibrant) .btn-purchase:hover:not(:disabled):not(.disabled) {
  color: #fff
}

.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.navbar-vertical:not(.navbar-vibrant) .btn-purchase:active,
.navbar-vertical:not(.navbar-vibrant) .btn-purchase:not(:disabled):not(.disabled).active,
.navbar-vertical:not(.navbar-vibrant) .btn-purchase:not(:disabled):not(.disabled):active,
.navbar-vertical:not(.navbar-vibrant) .show>.dropdown-toggle.btn-purchase,
.show>.btn-primary.dropdown-toggle {
  color: #fff !important
}

.btn-outline-primary:focus:not(:disabled):not(.disabled),
.btn-outline-primary:hover:not(:disabled):not(.disabled) {
  color: #fff
}

.badge-secondary,
.btn-outline-primary:active {
  color: #fff !important
}

.btn-secondary,
.btn-secondary:focus:not(:disabled):not(.disabled),
.btn-secondary:hover:not(:disabled):not(.disabled) {
  color: #fff
}

.btn-secondary:active,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
  color: #fff !important
}

.btn-outline-secondary:focus:not(:disabled):not(.disabled),
.btn-outline-secondary:hover:not(:disabled):not(.disabled) {
  color: #fff
}

.badge-success,
.btn-outline-secondary:active {
  color: #fff !important
}

.btn-success,
.btn-success:focus:not(:disabled):not(.disabled),
.btn-success:hover:not(:disabled):not(.disabled) {
  color: #fff
}

.btn-success:active,
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
  color: #fff !important
}

.btn-outline-success:focus:not(:disabled):not(.disabled),
.btn-outline-success:hover:not(:disabled):not(.disabled) {
  color: #fff
}

.badge-info,
.btn-outline-success:active {
  color: #fff !important
}

.btn-info,
.btn-info:focus:not(:disabled):not(.disabled),
.btn-info:hover:not(:disabled):not(.disabled) {
  color: #fff
}

.btn-info:active,
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
  color: #fff !important
}

.btn-outline-info:focus:not(:disabled):not(.disabled),
.btn-outline-info:hover:not(:disabled):not(.disabled) {
  color: #fff
}

.badge-warning,
.btn-outline-info:active {
  color: #fff !important
}

.btn-warning,
.btn-warning:focus:not(:disabled):not(.disabled),
.btn-warning:hover:not(:disabled):not(.disabled) {
  color: #fff
}

.btn-warning:active,
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
  color: #fff !important
}

.btn-outline-warning:focus:not(:disabled):not(.disabled),
.btn-outline-warning:hover:not(:disabled):not(.disabled) {
  color: #fff
}

.badge-danger,
.btn-outline-warning:active {
  color: #fff !important
}

.btn-danger,
.btn-danger:focus:not(:disabled):not(.disabled),
.btn-danger:hover:not(:disabled):not(.disabled) {
  color: #fff
}

.btn-danger:active,
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
  color: #fff !important
}

.btn-outline-danger:focus:not(:disabled):not(.disabled),
.btn-outline-danger:hover:not(:disabled):not(.disabled) {
  color: #fff
}

.badge-light,
.btn-outline-danger:active {
  color: #fff !important
}

.btn-light,
.btn-light:focus:not(:disabled):not(.disabled),
.btn-light:hover:not(:disabled):not(.disabled),
.navbar-vertical.navbar-vibrant .btn-purchase,
.navbar-vertical.navbar-vibrant .btn-purchase:focus:not(:disabled):not(.disabled),
.navbar-vertical.navbar-vibrant .btn-purchase:hover:not(:disabled):not(.disabled) {
  color: #fff
}

.btn-light:active,
.navbar-vertical.navbar-vibrant .btn-purchase:active {
  color: #fff !important;
  background-color: #000 !important;
  border-color: #000 !important
}

.btn-light.disabled,
.btn-light:disabled,
.navbar-vertical.navbar-vibrant .btn-purchase:disabled,
.navbar-vertical.navbar-vibrant .disabled.btn-purchase {
  color: #fff !important
}

.btn-outline-light {
  border-color: #f9fafd !important;
  color: #f9fafd
}

.btn-outline-light:focus:not(:disabled):not(.disabled),
.btn-outline-light:hover:not(:disabled):not(.disabled) {
  background-color: #f9fafd;
  color: #4d5969;
  border-color: #f9fafd
}

.btn-outline-light:active {
  background-color: #d3daf0 !important;
  color: #4d5969 !important;
  border-color: #f9fafd !important
}

.badge-dark {
  color: #fff !important;
  color: #000 !important
}

.btn-dark,
.navbar-vertical.navbar-vibrant .btn-purchase {
  color: #18181B
}

.btn-dark:focus:not(:disabled):not(.disabled),
.btn-dark:hover:not(:disabled):not(.disabled),
.navbar-vertical.navbar-vibrant .btn-purchase:focus:not(:disabled):not(.disabled),
.navbar-vertical.navbar-vibrant .btn-purchase:hover:not(:disabled):not(.disabled) {
  color: #000 !important
}

.btn-dark:active,
.navbar-vertical.navbar-vibrant .btn-purchase:active {
  color: #000 !important;
  background-color: #b4c7e0 !important;
  border-color: #b4c7e0 !important
}

.btn-outline-dark {
  border-color: #18181B !important;
  color: #18181B
}

.btn-outline-dark:focus:not(:disabled):not(.disabled),
.btn-outline-dark:hover:not(:disabled):not(.disabled) {
  background-color: #18181B;
  border-color: #18181B
}

.btn-outline-dark:active {
  background-color: #0c1727 !important;
  border-color: #0c1727 !important;
  color: #b6c1d2 !important
}



.btn-reveal-trigger .btn-reveal:active,
.btn-reveal-trigger .btn-reveal:active:focus,
.btn-reveal-trigger .btn-reveal:focus {
  background-color: #071629;
  border-color: #071629
}

.btn-outline-facebook:focus,
.btn-outline-facebook:hover,
.btn-outline-google-plus:focus,
.btn-outline-google-plus:hover,
.btn-outline-twitter:focus,
.btn-outline-twitter:hover {
  color: #fff
}

.card,
.navbar-glass-shadow,
.notification {
  box-shadow: none !important
}

.card-span {
  border: 1px solid rgba(0, 0, 0, .23) !important
}

.bg-card-gradient:not(.progress-bar),
.bg-gradient {
  background-image: linear-gradient(45deg, #012552, #001835)
}

.bg-dark {
  background-color: #18181B !important
}

.hover-shadow:focus,
.hover-shadow:hover {
  box-shadow: 0 0 .75rem 0 rgba(0, 0, 0, .3)
}

.bg-circle-shape {
  background-image: linear-gradient(45deg, #012552, #001835) !important
}

.bg-circle-shape:before {
  background-image: linear-gradient(45deg, rgba(20, 58, 101, .41), #053571) !important
}

.bg-circle-shape:after {
  background-image: linear-gradient(-45deg, rgba(9, 25, 43, .41), #0a3b79) !important
}

.custom-select option:checked {
  background: #344050
}



.text-white,
a.text-white {
  color: #fff !important
}

a.text-white:focus,
a.text-white:hover {
  color: #b6c1d2 !important
}

.navbar-vertical-collapsed .navbar-vertical .navbar-collapse {
  box-shadow: none !important
}

.notice {
  border-top: 1px solid rgba(163, 203, 255, .16) !important
}


button.close-circle {
  background-color: #344050;
  box-shadow: none
}

button.close-circle:focus,
button.close-circle:hover {
  background-color: #18181B
}

.avatar .avatar-button {
  background-color: #4d5969 !important;
  color: #fff !important
}

.avatar .avatar-button:focus,
.avatar .avatar-button:hover {
  border-color: #4d5969 !important;
  background-color: #37404c !important
}

.file\:border-0::file-selector-button {
  border-width: 0px;
}

.file\:bg-transparent::file-selector-button {
  background-color: transparent;
}

.file\:text-sm::file-selector-button {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.file\:font-medium::file-selector-button {
  font-weight: 500;
}

.placeholder\:text-muted-foreground::-moz-placeholder {
  color: hsl(240 5% 64.9%);
}

.placeholder\:text-muted-foreground::placeholder {
  color: hsl(240 5% 64.9%);
}

.hover\:bg-\[\#3a7d5b\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(58 125 91 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#47936C\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(71 147 108 / var(--tw-bg-opacity));
}

.hover\:bg-accent:hover {
  background-color: hsl(240 5.3% 26.1%);
}

.hover\:bg-accent-secondary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity));
}

.hover\:bg-background-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 70 / var(--tw-bg-opacity));
}

.hover\:bg-background-secondary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity));
}

.hover\:bg-blue-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity));
}

.hover\:bg-blue-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(8 145 178 / var(--tw-bg-opacity));
}

.hover\:bg-blue-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(14 116 144 / var(--tw-bg-opacity));
}

.hover\:bg-destructive\/90:hover {
  background-color: hsl(0 84.2% 60.2% / 0.9);
}

.hover\:bg-emerald-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity));
}

.hover\:bg-emerald-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity));
}

.hover\:bg-gray-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(82 82 91 / var(--tw-bg-opacity));
}

.hover\:bg-gray-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 70 / var(--tw-bg-opacity));
}

.hover\:bg-gray-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity));
}

.hover\:bg-gray-800\/70:hover {
  background-color: rgb(39 39 42 / 0.7);
}

.hover\:bg-green-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity));
}

.hover\:bg-green-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity));
}

.hover\:bg-indigo-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity));
}

.hover\:bg-primary\/90:hover {
  background-color: hsl(210 40% 98% / 0.9);
}

.hover\:bg-red-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity));
}

.hover\:bg-red-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}

.hover\:bg-secondary\/80:hover {
  background-color: hsl(240 3.7% 15.9% / 0.8);
}

.hover\:bg-transparent:hover {
  background-color: transparent;
}

.hover\:text-accent-foreground:hover {
  color: hsl(0 0% 98%);
}

.hover\:text-black:hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.hover\:text-blue-300:hover {
  --tw-text-opacity: 1;
  color: rgb(103 232 249 / var(--tw-text-opacity));
}

.hover\:text-emerald-400:hover {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity));
}

.hover\:text-gray-300:hover {
  --tw-text-opacity: 1;
  color: rgb(212 212 216 / var(--tw-text-opacity));
}

.hover\:text-text-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity));
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.focus\:border-accent-primary:focus {
  --tw-border-opacity: 1;
  border-color: rgb(248 250 252 / var(--tw-border-opacity));
}

.focus\:border-emerald-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity));
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-visible\:ring-1:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
}

.focus-visible\:ring-ring:focus-visible {
  --tw-ring-color: hsl(var(--ring));
}

.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}

.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}

.disabled\:opacity-50:disabled {
  opacity: 0.5;
}

.peer:disabled ~ .peer-disabled\:cursor-not-allowed {
  cursor: not-allowed;
}

.peer:disabled ~ .peer-disabled\:opacity-70 {
  opacity: 0.7;
}

@media (min-width: 640px) {

  .sm\:w-\[400px\] {
    width: 400px;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:gap-4 {
    gap: 1rem;
  }
}

@media (min-width: 768px) {

  .md\:static {
    position: static;
  }

  .md\:absolute {
    position: absolute;
  }

  .md\:relative {
    position: relative;
  }

  .md\:bottom-0 {
    bottom: 0px;
  }

  .md\:left-\[33px\] {
    left: 33px;
  }

  .md\:right-0 {
    right: 0px;
  }

  .md\:top-0 {
    top: 0px;
  }

  .md\:top-\[157px\] {
    top: 157px;
  }

  .md\:order-1 {
    order: 1;
  }

  .md\:order-2 {
    order: 2;
  }

  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .md\:mt-0 {
    margin-top: 0px;
  }

  .md\:inline {
    display: inline;
  }

  .md\:flex {
    display: flex;
  }

  .md\:h-\[480px\] {
    height: 480px;
  }

  .md\:min-h-\[360px\] {
    min-height: 360px;
  }

  .md\:w-\[480px\] {
    width: 480px;
  }

  .md\:translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .md\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-\[1\.5fr_1fr_1fr_1fr\] {
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:gap-20 {
    gap: 5rem;
  }

  .md\:gap-\[50px\] {
    gap: 50px;
  }

  .md\:to-background\/40 {
    --tw-gradient-to: hsl(var(--background) / 0.4) var(--tw-gradient-to-position);
  }

  .md\:p-\[24px\] {
    padding: 24px;
  }

  .md\:p-\[32px\] {
    padding: 32px;
  }

  .md\:px-\[1\.25rem\] {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .md\:px-\[64px\] {
    padding-left: 64px;
    padding-right: 64px;
  }

  .md\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .md\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .md\:py-\[50px\] {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .md\:py-\[80px\] {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .md\:py-\[96px\] {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .md\:pb-0 {
    padding-bottom: 0px;
  }

  .md\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .md\:text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }

  .md\:text-\[22px\] {
    font-size: 22px;
  }

  .md\:text-\[36px\] {
    font-size: 36px;
  }

  .md\:leading-6 {
    line-height: 1.5rem;
  }

  .md\:leading-\[44px\] {
    line-height: 44px;
  }

  .md\:leading-\[88px\] {
    line-height: 88px;
  }
}

@media (min-width: 1024px) {

  .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:px-\[96px\] {
    padding-left: 96px;
    padding-right: 96px;
  }

  .lg\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

@media (min-width: 1280px) {

  .xl\:mt-0 {
    margin-top: 0px;
  }

  .xl\:hidden {
    display: none;
  }
}

@media (min-width: 1536px) {

  .\32xl\:inline {
    display: inline;
  }
}